{"version":3,"file":"InputError.cjs","sources":["../../../../src/components/Input/InputError/InputError.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getFontSize,\n  RaikouSize,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport { InputErrorStyle } from '../Input.css';\n\nexport type InputErrorStylesNames = 'error';\nexport type InputErrorCssVariables = {\n  error: '--input-error-size';\n};\n\nexport interface InputErrorProps\n  extends BoxProps,\n    StylesApiProps<InputErrorFactory>,\n    ElementProps<'div'> {\n  __staticSelector?: string;\n  __inheritStyles?: boolean;\n\n  /** Controls error `font-size`, `'sm'` by default */\n  size?: RaikouSize | (string & {});\n}\n\nexport type InputErrorFactory = Factory<{\n  props: InputErrorProps;\n  ref: HTMLParagraphElement;\n  stylesNames: InputErrorStylesNames;\n  vars: InputErrorCssVariables;\n}>;\n\nconst defaultProps: Partial<InputErrorProps> = {};\n\nconst varsResolver = createVarsResolver<InputErrorFactory>((_, { size }) => ({\n  error: {\n    '--input-error-size': size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n  },\n}));\n\nexport const InputError = factory<InputErrorFactory>((_props, ref) => {\n  const props = useProps('InputError', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    __staticSelector,\n    __inheritStyles = true,\n    variant,\n    ...others\n  } = props;\n\n  const _getStyles = useStyles<InputErrorFactory>({\n    name: ['InputWrapper', __staticSelector],\n    props,\n    classes: {\n      error: InputErrorStyle,\n    },\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'error',\n    vars,\n    varsResolver,\n  });\n\n  const ctx = useInputWrapperContext();\n  const getStyles = (__inheritStyles && ctx?.getStyles) || _getStyles;\n\n  return (\n    <Box\n      component=\"p\"\n      ref={ref}\n      variant={variant}\n      size={size}\n      {...getStyles('error', ctx?.getStyles ? { className, style } : undefined)}\n      {...others}\n    />\n  );\n});\n\nInputError.displayName = '@raikou/core/InputError';\n"],"names":["createVarsResolver","getFontSize","rem","factory","useProps","useStyles","InputErrorStyle","useInputWrapperContext","jsx","Box"],"mappings":";;;;;;;;;;;;;;;;;AAwCA,MAAM,eAAyC,EAAC;AAEhD,MAAM,eAAeA,qCAAsC,CAAA,CAAC,CAAG,EAAA,EAAE,MAAY,MAAA;AAAA,EAC3E,KAAO,EAAA;AAAA,IACL,oBAAA,EAAsB,IAAS,KAAA,KAAA,CAAA,GAAY,KAAY,CAAA,GAAA,CAAA,KAAA,EAAQC,mBAAY,CAAA,IAAI,CAAC,CAAA,GAAA,EAAMC,OAAI,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA;AAEhG,CAAE,CAAA,CAAA;AAEK,MAAM,UAAa,GAAAC,eAAA,CAA2B,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACpE,EAAA,MAAM,KAAQ,GAAAC,iBAAA,CAAS,YAAc,EAAA,YAAA,EAAc,MAAM,CAAA;AACzD,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAkB,GAAA,IAAA;AAAA,IAClB,OAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAaC,mBAA6B,CAAA;AAAA,IAC9C,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAgB,CAAA;AAAA,IACvC,KAAA;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAAC;AAAA,KACT;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAc,EAAA,OAAA;AAAA,IACd,IAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,MAAMC,2CAAuB,EAAA;AACnC,EAAM,MAAA,SAAA,GAAa,eAAmB,IAAA,GAAA,EAAK,SAAc,IAAA,UAAA;AAEzD,EACE,uBAAAC,cAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,GAAA;AAAA,MACV,GAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACC,GAAG,UAAU,OAAS,EAAA,GAAA,EAAK,YAAY,EAAE,SAAA,EAAW,KAAM,EAAA,GAAI,KAAS,CAAA,CAAA;AAAA,MACvE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,UAAA,CAAW,WAAc,GAAA,yBAAA;;;;"}