{"version":3,"file":"defaultInputWrapperTheme.cjs","sources":["../../../../../src/components/ui/input/defaultInputWrapperTheme.ts"],"sourcesContent":["import { ComponentTheme, defaultLayoutClassMappers } from \"../theme/common\";\nimport type { InputWrapperProps } from \"./InputWrapperProps\";\nimport { WidthClassMapper } from \"../theme/layout\";\nimport { INPUT_WRAPPER_CATEGORIES } from \"./InputWrapperCategories\";\nimport type { InputWrapperTheme } from \"./InputWrapperTheme\";\nimport { inputWrapperDefaults } from \"./inputWrapperDefaults\";\n\n// Positioning shell for an error-state <Input>: makes the field a relative,\n// full-width flex container so the alert icon (inputErrorIcon) can overlay its\n// trailing edge. A real themed element — relative/flex/wFull come from props\n// (not a raw className) so the wrapper is customizable via theme.inputWrapper,\n// mirroring how checkbox.wrapper is themed.\nexport const defaultInputWrapperTheme = new ComponentTheme<InputWrapperProps, InputWrapperTheme>(\n  \"span\",\n  \"vane-input-wrapper\",\n  {\n    layout: {\n      ...defaultLayoutClassMappers,\n      width: new WidthClassMapper(),\n    },\n  },\n  inputWrapperDefaults,\n  INPUT_WRAPPER_CATEGORIES,\n  undefined,\n  'ui'\n);\n"],"names":["ComponentTheme","defaultLayoutClassMappers","WidthClassMapper","inputWrapperDefaults","INPUT_WRAPPER_CATEGORIES"],"mappings":";;;;;;;;;;;AAYO,MAAM,2BAA2B,IAAIA,6BAAA;AAAA,EAC1C,MAAA;AAAA,EACA,oBAAA;AAAA,EACA;AAAA,IACE,MAAA,EAAQ;AAAA,MACN,GAAGC,wCAAA;AAAA,MACH,KAAA,EAAO,IAAIC,iCAAA;AAAiB;AAC9B,GACF;AAAA,EACAC,yCAAA;AAAA,EACAC,+CAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;;;;"}