@yamada-ui/react/dist/cjs/components/input/use-input-border.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"use-input-border.cjs","names":[],"sources":["../../../../src/components/input/use-input-border.ts"],"sourcesContent":["import type { CSSProps } from \"../../core\"\nimport { useMemo } from \"react\"\n\nexport interface UseInputBorderProps {\n  /**\n   * The border color when the input is invalid.\n   */\n  errorBorderColor?: CSSProps[\"borderColor\"]\n  /**\n   * The border color when the input is focused.\n   */\n  focusBorderColor?: CSSProps[\"borderColor\"]\n}\n\nexport const useInputBorder = ({\n  errorBorderColor,\n  focusBorderColor,\n}: UseInputBorderProps = {}) => {\n  return useMemo(\n    () => ({\n      \"--error-border-color\": errorBorderColor\n        ? `colors.${errorBorderColor}`\n        : undefined,\n      \"--focus-border-color\": focusBorderColor\n        ? `colors.${focusBorderColor}`\n        : undefined,\n    }),\n    [errorBorderColor, focusBorderColor],\n  )\n}\n\nexport type UseInputBorderReturn = ReturnType<typeof useInputBorder>\n"],"mappings":";;;;;AAcA,MAAa,kBAAkB,EAC7B,kBACA,qBACuB,EAAE,KAAK;AAC9B,kCACS;EACL,wBAAwB,mBACpB,UAAU,qBACV;EACJ,wBAAwB,mBACpB,UAAU,qBACV;EACL,GACD,CAAC,kBAAkB,iBAAiB,CACrC"}