{"version":3,"file":"index.modern.mjs","sources":["../src/pin-input.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  forwardRef,\n  PinInput as ChakraPinInput,\n  UsePinInputProps,\n  PinInputField,\n  HStack,\n  SystemProps,\n} from '@chakra-ui/react'\n\nimport { __DEV__ } from '@chakra-ui/utils'\n\ninterface PinInputOptions {\n  /**\n   * The pin length.\n   */\n  pinLength?: number\n  /**\n   * Spacing between the inputs.\n   */\n  spacing?: SystemProps['margin']\n}\n\nexport interface PinInputProps extends UsePinInputProps, PinInputOptions {}\n\n/**\n * @deprecated\n */\nexport const PinInput = forwardRef<PinInputProps, 'div'>((props, ref) => {\n  const { pinLength = 4, spacing, ...inputProps } = props\n\n  const inputs: React.ReactNode[] = []\n  for (let i = 0; i < pinLength; i++) {\n    inputs.push(<PinInputField key={i} ref={ref} />)\n  }\n\n  return (\n    <HStack spacing={spacing}>\n      <ChakraPinInput {...inputProps}>{inputs}</ChakraPinInput>\n    </HStack>\n  )\n})\n\nPinInput.defaultProps = {\n  pinLength: 4,\n}\n\nif (__DEV__) {\n  PinInput.displayName = 'PinInput'\n}\n"],"names":["PinInput","forwardRef","props","ref","pinLength","spacing","inputProps","_excluded","inputs","i","push","React","createElement","PinInputField","key","HStack","ChakraPinInput","defaultProps","__DEV__","displayName"],"mappings":"8LA4BqBA,EAAGC,EAAiC,CAACC,EAAOC,KAC/D,MAAMC,UAAEA,EAAY,EAACC,QAAEA,GAA2BH,EAAfI,oIAAeJ,CAAAA,EAElDK,GAAYC,EAAsB,GAClC,IAAK,IAAKC,EAAG,EAAGA,EAAIL,EAAWK,IAC7BD,EAAOE,kBAAKC,EAACC,cAAAC,EAAc,CAAAC,IAAKL,EAAGN,IAAKA,kBAG1C,OACEQ,EAACC,cAAAG,EAAO,CAAAV,QAASA,gBACfM,EAAAC,cAACI,EAAmBV,EAAaE,GACnC,GAIJR,EAASiB,aAAe,CACtBb,UAAW,GAGTc,IACFlB,EAASmB,YAAc"}