@lobehub/ui/es/base-ui/Input/InputOTP.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"InputOTP.mjs","names":[],"sources":["../../../src/base-ui/Input/InputOTP.tsx"],"sourcesContent":["'use client';\n\nimport { OTPField } from '@base-ui/react/otp-field';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { rootVariants, styles } from './style';\nimport type { InputOTPProps } from './type';\n\nconst InputOTP = memo<InputOTPProps>(\n  ({\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    variant,\n    shadow,\n    size = 'middle',\n    length = 6,\n    onChange,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\n\n    return (\n      <OTPField.Root\n        className={cx(styles.otpRoot, className)}\n        length={length}\n        style={style}\n        onValueChange={onChange}\n        {...rest}\n      >\n        {Array.from({ length }, (_, index) => (\n          <OTPField.Input\n            key={index}\n            style={customStyles?.input}\n            className={cx(\n              rootVariants({ shadow, size, variant: mergedVariant }),\n              styles.otpCell,\n              classNames?.input,\n            )}\n          />\n        ))}\n      </OTPField.Root>\n    );\n  },\n);\n\nInputOTP.displayName = 'InputOTP';\n\nexport default InputOTP;\n"],"mappings":";;;;;;;AASA,MAAM,WAAW,MACd,EACC,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,OAAO,UACP,SAAS,GACT,UACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAE1D,OACE,oBAAC,SAAS,MAAV;EACE,WAAW,GAAG,OAAO,SAAS,SAAS;EAC/B;EACD;EACP,eAAe;EACf,GAAI;YAEH,MAAM,KAAK,EAAE,OAAO,IAAI,GAAG,UAC1B,oBAAC,SAAS,OAAV;GAEE,OAAO,cAAc;GACrB,WAAW,GACT,aAAa;IAAE;IAAQ;IAAM,SAAS;GAAc,CAAC,GACrD,OAAO,SACP,YAAY,KACd;EACD,GAPM,KAON,CACF;CACY,CAAA;AAEnB,CACF;AAEA,SAAS,cAAc"}