@postenbring/hedwig-react 2.2.1 → 3.0.0

package/dist/index.mjs

@@ -108,16 +108,16 @@ import "./chunk-IJSEJZ3W.mjs";
 import "./chunk-BYEJZSG5.mjs";
 import {
   Select
-} from "./chunk-AXEAIXG7.mjs";
+} from "./chunk-NBEGX26X.mjs";
 import "./chunk-AGZHQDCQ.mjs";
 import {
   Textarea
-} from "./chunk-JEAGKB4V.mjs";
+} from "./chunk-N4W3OMA2.mjs";
 import "./chunk-KPPLVGZ3.mjs";
 import "./chunk-7LPYJC6S.mjs";
 import {
   Input
-} from "./chunk-ITLZQ47H.mjs";
+} from "./chunk-3VKESN3T.mjs";
 import "./chunk-XAFNJELJ.mjs";
 import {
   RadioButton
@@ -138,9 +138,9 @@ import {
 import "./chunk-TDLSHJ4Z.mjs";
 import {
   DatePicker
-} from "./chunk-23IZCRJA.mjs";
+} from "./chunk-J35DWEJX.mjs";
 import "./chunk-Y5SUMFYJ.mjs";
-import "./chunk-XZ43OSZ5.mjs";
+import "./chunk-6OJINZ37.mjs";
 import "./chunk-NSLSA7F7.mjs";
 import {
   ErrorMessage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postenbring/hedwig-react",
-  "version": "2.2.1",
+  "version": "3.0.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
   "dependencies": {
     "@radix-ui/react-popover": "1.1.14",
     "@radix-ui/react-slot": "1.2.3",
-    "@postenbring/hedwig-css": "2.2.1"
+    "@postenbring/hedwig-css": "3.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/form/date-picker/date-picker.stories.tsx

@@ -6,7 +6,7 @@ const meta: Meta<typeof DatePicker> = {
   title: "Form/Date Picker",
   component: DatePicker,
   argTypes: {
-    variant: { control: "inline-radio", options: ["default", "white"] },
+    size: { control: "inline-radio", options: ["large", "small"] },
   },
 };
 
@@ -20,7 +20,7 @@ export const Preview: Story = {
     label: "Choose a date",
     errorMessage: "",
     readOnly: false,
-    variant: "default",
+    size: "large",
     min: "2024-04-05",
     max: "2026-04-04",
     calendarButtonTitle: "Open calendar",

package/src/form/date-picker/date-picker.tsx

@@ -4,7 +4,7 @@ import { InputGroup, type InputGroupProps } from "../input-group";
 import { useMergeRefs } from "../../utils/utils";
 
 export type DatePickerProps = Omit<
-  InputGroupProps & InputHTMLAttributes<HTMLInputElement>,
+  InputGroupProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size">,
   "children" | "type"
 > & {
   /**
@@ -30,7 +30,7 @@ export type DatePickerProps = Omit<
 export const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(
   {
     className,
-    variant,
+    size,
     errorMessage,
     labelProps,
     label,
@@ -56,7 +56,7 @@ export const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function
       labelProps={labelProps}
       readOnly={readOnly}
       style={style}
-      variant={variant}
+      size={size}
     >
       {(inputProps) => (
         <>

package/src/form/input/input.stories.tsx

@@ -18,9 +18,9 @@ export const Preview: Story = {
     placeholder: "I am a placeholder",
     errorMessage: "",
     readOnly: false,
-    variant: "default",
+    size: "large",
   },
   argTypes: {
-    variant: { control: "inline-radio", options: ["default", "white"] },
+    size: { control: "inline-radio", options: ["large", "small"] },
   },
 };

package/src/form/input/input.tsx

@@ -4,10 +4,20 @@ import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { InputGroup } from "../input-group";
 import type { InputGroupProps } from "../input-group";
 
-export type InputProps = Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, "children">;
+/**
+ * Omitting:
+ * - `size` from InputHTMLAttributes
+ * - `children` from InputGroupProps
+ * The original `size` prop that input elements have is not in use in HDS.
+ * It is overridden by styling.
+ */
+export type InputProps = Omit<
+  InputGroupProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size">,
+  "children"
+>;
 
 export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
-  { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },
+  { className, size, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },
   ref,
 ) {
   return (
@@ -20,7 +30,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
       labelProps={labelProps}
       readOnly={readOnly}
       style={style}
-      variant={variant}
+      size={size}
     >
       <input {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />
     </InputGroup>

package/src/form/input-group/input-group.tsx

@@ -14,7 +14,7 @@ export interface InputGroupProps {
   id?: string;
   className?: string;
   style?: CSSProperties;
-  variant?: "default" | "white";
+  size?: "large" | "small";
   errorMessage?: ReactNode;
   errorMessageProps?: Partial<ErrorMessageProps>;
   labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
@@ -34,7 +34,7 @@ export const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(function I
     id,
     className,
     style,
-    variant = "default",
+    size = "large",
     errorMessage,
     errorMessageProps,
     labelProps: { className: labelClassName, ...labelProps } = {},
@@ -79,7 +79,7 @@ export const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(function I
       className={clsx(
         "hds-input-group",
         {
-          [`hds-input-group--${variant}`]: variant,
+          [`hds-input-group--${size}`]: size,
           "hds-input-group--error": errorMessage,
         },
         className as undefined,

package/src/form/select/select.stories.tsx

@@ -16,10 +16,10 @@ export const Preview: Story = {
   args: {
     label: "Default select",
     errorMessage: "",
-    variant: "default",
+    size: "large",
   },
   argTypes: {
-    variant: { control: "inline-radio", options: ["default", "white"] },
+    size: { control: "inline-radio", options: ["large", "small"] },
   },
   render: (props) => (
     <Select {...props} defaultValue="">

package/src/form/select/select.tsx

@@ -1,15 +1,15 @@
-import { forwardRef, type ReactNode , type SelectHTMLAttributes } from "react";
+import { forwardRef, type ReactNode, type SelectHTMLAttributes } from "react";
 import { clsx } from "@postenbring/hedwig-css/typed-classname";
 import { InputGroup } from "../input-group";
 import type { InputGroupProps } from "../input-group";
 
 export type SelectProps = Omit<
-  InputGroupProps & SelectHTMLAttributes<HTMLSelectElement>,
+  InputGroupProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, "size">,
   "readOnly" | "children"
 > & { children: ReactNode };
 
 export const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(
-  { className, variant, errorMessage, labelProps, label, id, style, disabled, children, ...rest },
+  { className, size, errorMessage, labelProps, label, id, style, disabled, children, ...rest },
   ref,
 ) {
   return (
@@ -21,7 +21,7 @@ export const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select
       label={label}
       labelProps={labelProps}
       style={style}
-      variant={variant}
+      size={size}
     >
       <select {...rest} disabled={disabled} ref={ref}>
         {children}

package/src/form/textarea/textarea.stories.tsx

@@ -6,7 +6,7 @@ const meta: Meta<typeof Textarea> = {
   title: "Form/Textarea",
   component: Textarea,
   argTypes: {
-    variant: { control: "inline-radio", options: ["default", "white"] },
+    size: { control: "inline-radio", options: ["large", "small"] },
   },
 };
 
@@ -21,6 +21,6 @@ export const Preview: Story = {
     placeholder: "I am a placeholder",
     errorMessage: "",
     readOnly: false,
-    variant: "default",
+    size: "large",
   },
 };

package/src/form/textarea/textarea.tsx

@@ -10,7 +10,7 @@ export type TextareaProps = Omit<
 >;
 
 export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(
-  { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },
+  { className, size, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },
   ref,
 ) {
   return (
@@ -23,7 +23,7 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function
       labelProps={labelProps}
       readOnly={readOnly}
       style={style}
-      variant={variant}
+      size={size}
     >
       <textarea {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />
     </InputGroup>

package/dist/chunk-23IZCRJA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/form/date-picker/date-picker.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup, type InputGroupProps } from \"../input-group\";\nimport { useMergeRefs } from \"../../utils/utils\";\n\nexport type DatePickerProps = Omit<\n  InputGroupProps & InputHTMLAttributes<HTMLInputElement>,\n  \"children\" | \"type\"\n> & {\n  /**\n   * Accessible title for the calendar button\n   *\n   * This button currently only shows in Chrome.\n   *\n   * @defaultValue \"Åpne kalender\"\n   */\n  calendarButtonTitle?: string;\n};\n\n/**\n * A basic implementation of a date picker\n *\n * This date picker is an implementation of native date picker, as you get\n * with `<input type=\"date\" />`, where the input field is dressed in Hedwig styling.\n *\n * Due to accessibility concerns you will only see the appropriate Hedwig calendar\n * icon in Chrome. Firefox will show built in icon and Safari will show no icon.\n * Not tested in Edge.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n  {\n    className,\n    variant,\n    errorMessage,\n    labelProps,\n    label,\n    id,\n    style,\n    disabled,\n    readOnly,\n    calendarButtonTitle = \"Åpne kalender\",\n    ...rest\n  },\n  ref,\n) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const mergedRef = useMergeRefs([inputRef, ref]);\n\n  return (\n    <InputGroup\n      className={clsx(\"hds-date-picker\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      readOnly={readOnly}\n      style={style}\n      variant={variant}\n    >\n      {(inputProps) => (\n        <>\n          <input\n            {...rest}\n            {...inputProps}\n            disabled={disabled}\n            readOnly={readOnly}\n            ref={mergedRef}\n            type=\"date\"\n          />\n          <button\n            className={clsx(\"hds-date-picker__calendar-button\")}\n            type=\"button\"\n            title={calendarButtonTitle}\n            onClick={() => {\n              inputRef.current?.showPicker();\n            }}\n          />\n        </>\n      )}\n    </InputGroup>\n  );\n});\n\nDatePicker.displayName = \"DatePicker\";\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,YAAY,cAAwC;AAC7D,SAAS,YAAY;AA4Db,mBACE,KADF;AAhCD,IAAM,aAAa,WAA8C,SAASA,YAC/E,IAaA,KACA;AAdA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,EAxC1B,IA8BE,IAWK,iBAXL,IAWK;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,YAAY,aAAa,CAAC,UAAU,GAAG,CAAC;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,mBAAmB,SAAsB;AAAA,MACzD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,WAAC,eACA,iCACE;AAAA;AAAA,UAAC;AAAA,0DACK,OACA,aAFL;AAAA,YAGC;AAAA,YACA;AAAA,YACA,KAAK;AAAA,YACL,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,KAAK,kCAAkC;AAAA,YAClD,MAAK;AAAA,YACL,OAAO;AAAA,YACP,SAAS,MAAM;AA1E3B,kBAAAC;AA2Ec,eAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAED,WAAW,cAAc;","names":["DatePicker","_a"]}

package/dist/chunk-AXEAIXG7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/form/select/select.tsx"],"sourcesContent":["import { forwardRef, type ReactNode , type SelectHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type SelectProps = Omit<\n  InputGroupProps & SelectHTMLAttributes<HTMLSelectElement>,\n  \"readOnly\" | \"children\"\n> & { children: ReactNode };\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { className, variant, errorMessage, labelProps, label, id, style, disabled, children, ...rest },\n  ref,\n) {\n  return (\n    <InputGroup\n      className={clsx(\"hds-select\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      style={style}\n      variant={variant}\n    >\n      <select {...rest} disabled={disabled} ref={ref}>\n        {children}\n      </select>\n    </InputGroup>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAA8D;AACvE,SAAS,YAAY;AAwBf;AAfC,IAAM,SAAS,WAA2C,SAASA,QACxE,IACA,KACA;AAFA,eAAE,aAAW,SAAS,cAAc,YAAY,OAAO,IAAI,OAAO,UAAU,SAX9E,IAWE,IAAyF,iBAAzF,IAAyF,CAAvF,aAAW,WAAS,gBAAc,cAAY,SAAO,MAAI,SAAO,YAAU;AAG5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,cAAc,SAAsB;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,2CAAW,OAAX,EAAiB,UAAoB,KACnC,WACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,OAAO,cAAc;","names":["Select"]}

package/dist/chunk-ITLZQ47H.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/form/input/input.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type InputProps = Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, \"children\">;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },\n  ref,\n) {\n  return (\n    <InputGroup\n      className={clsx(\"hds-input\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      readOnly={readOnly}\n      style={style}\n      variant={variant}\n    >\n      <input {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />\n    </InputGroup>\n  );\n});\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AAsBf;AAhBC,IAAM,QAAQ,WAAyC,SAASA,OACrE,IACA,KACA;AAFA,eAAE,aAAW,SAAS,cAAc,YAAY,OAAO,IAAI,OAAO,UAAU,SAT9E,IASE,IAAyF,iBAAzF,IAAyF,CAAvF,aAAW,WAAS,gBAAc,cAAY,SAAO,MAAI,SAAO,YAAU;AAG5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,aAAa,SAAsB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,0CAAU,OAAV,EAAgB,UAAoB,UAAoB,MAAU;AAAA;AAAA,EACrE;AAEJ,CAAC;AAED,MAAM,cAAc;","names":["Input"]}

package/dist/chunk-JEAGKB4V.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/form/textarea/textarea.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type TextareaProps = Omit<\n  InputGroupProps & TextareaHTMLAttributes<HTMLTextAreaElement>,\n  \"children\"\n>;\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, variant, errorMessage, labelProps, label, id, style, disabled, readOnly, ...rest },\n  ref,\n) {\n  return (\n    <InputGroup\n      className={clsx(\"hds-textarea\", className as undefined)}\n      disabled={disabled}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      readOnly={readOnly}\n      style={style}\n      variant={variant}\n    >\n      <textarea {...rest} disabled={disabled} readOnly={readOnly} ref={ref} />\n    </InputGroup>\n  );\n});\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AAyBf;AAhBC,IAAM,WAAW,WAA+C,SAASA,UAC9E,IACA,KACA;AAFA,eAAE,aAAW,SAAS,cAAc,YAAY,OAAO,IAAI,OAAO,UAAU,SAZ9E,IAYE,IAAyF,iBAAzF,IAAyF,CAAvF,aAAW,WAAS,gBAAc,cAAY,SAAO,MAAI,SAAO,YAAU;AAG5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,gBAAgB,SAAsB;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,6CAAa,OAAb,EAAmB,UAAoB,UAAoB,MAAU;AAAA;AAAA,EACxE;AAEJ,CAAC;AAED,SAAS,cAAc;","names":["Textarea"]}

package/dist/chunk-XZ43OSZ5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/form/input-group/input-group.tsx"],"sourcesContent":["import { useId, forwardRef, Children, isValidElement, cloneElement } from \"react\";\nimport type { LabelHTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage, type ErrorMessageProps } from \"../error-message\";\n\ninterface InputProps {\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: boolean;\n  id?: string;\n  className?: string;\n}\n\nexport interface InputGroupProps {\n  id?: string;\n  className?: string;\n  style?: CSSProperties;\n  variant?: \"default\" | \"white\";\n  errorMessage?: ReactNode;\n  errorMessageProps?: Partial<ErrorMessageProps>;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  label: ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /**\n   * `children` must be either a single input element or a render function.\n   *\n   * If you use a render function, make sure you spread the input props to the appropriate element.\n   */\n  children: Exclude<ReactNode, Iterable<ReactNode>> | ((inputProps: InputProps) => ReactNode);\n}\n\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(function InputGroup(\n  {\n    id,\n    className,\n    style,\n    variant = \"default\",\n    errorMessage,\n    errorMessageProps,\n    labelProps: { className: labelClassName, ...labelProps } = {},\n    label,\n    disabled,\n    readOnly,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const errorMessageId = useId();\n  const inputId = useId();\n\n  const renderInput = () => {\n    const inputProps: InputProps = {\n      \"aria-describedby\": errorMessage ? errorMessageId : undefined,\n      \"aria-invalid\": errorMessage ? true : undefined,\n      id: id ?? inputId,\n      className: clsx(\"hds-input-group__input\"),\n    };\n\n    if (typeof children === \"function\") {\n      return children(inputProps);\n    }\n\n    const input: ReactNode = Children.toArray(children)[0];\n\n    if (!isValidElement<InputProps>(input)) {\n      return;\n    }\n\n    return cloneElement<InputProps>(input, {\n      ...inputProps,\n      ...input.props,\n      className: `${inputProps.className} ${input.props.className ?? \"\"}`,\n    });\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"hds-input-group\",\n        {\n          [`hds-input-group--${variant}`]: variant,\n          \"hds-input-group--error\": errorMessage,\n        },\n        className as undefined,\n      )}\n      ref={ref}\n      style={style}\n      {...rest}\n    >\n      <label\n        className={clsx(\"hds-input-group__label\", labelClassName as undefined)}\n        {...labelProps}\n        htmlFor={id ?? inputId}\n      >\n        {label}\n      </label>\n      <div\n        className={clsx(\"hds-input-group__input-wrapper\")}\n        data-disabled={disabled}\n        data-readonly={readOnly}\n      >\n        {renderInput()}\n      </div>\n      <ErrorMessage id={errorMessageId} {...errorMessageProps}>\n        {errorMessage}\n      </ErrorMessage>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;AAAA,SAAS,OAAO,YAAY,UAAU,gBAAgB,oBAAoB;AAE1E,SAAS,YAAY;AA2EjB,SAaE,KAbF;AA9CG,IAAM,aAAa,WAA4C,SAASA,YAC7E,IAcA,KACA;AAfA,eAOc;AAAA,IANZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,YAAY,KAA+C,CAAC;AAAA,EAvChE,IAgCE,IAOc,SAAE,aAAW,eAvC7B,IAuCgB,IAAgC,uBAAhC,IAAgC,CAA9B,eAPhB,SAQE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA3CJ,IAgCE,IAYK,iBAZL,IAYK;AAAA,IAXH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,iBAAiB,MAAM;AAC7B,QAAM,UAAU,MAAM;AAEtB,QAAM,cAAc,MAAM;AAnD5B,QAAAC;AAoDI,UAAM,aAAyB;AAAA,MAC7B,oBAAoB,eAAe,iBAAiB;AAAA,MACpD,gBAAgB,eAAe,OAAO;AAAA,MACtC,IAAI,kBAAM;AAAA,MACV,WAAW,KAAK,wBAAwB;AAAA,IAC1C;AAEA,QAAI,OAAO,aAAa,YAAY;AAClC,aAAO,SAAS,UAAU;AAAA,IAC5B;AAEA,UAAM,QAAmB,SAAS,QAAQ,QAAQ,EAAE,CAAC;AAErD,QAAI,CAAC,eAA2B,KAAK,GAAG;AACtC;AAAA,IACF;AAEA,WAAO,aAAyB,OAAO,gDAClC,aACA,MAAM,QAF4B;AAAA,MAGrC,WAAW,GAAG,WAAW,SAAS,KAAIA,MAAA,MAAM,MAAM,cAAZ,OAAAA,MAAyB,EAAE;AAAA,IACnE,EAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,CAAC,oBAAoB,OAAO,EAAE,GAAG;AAAA,UACjC,0BAA0B;AAAA,QAC5B;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,OACI,OAXL;AAAA,MAaC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,KAAK,0BAA0B,cAA2B;AAAA,aACjE,aAFL;AAAA,YAGC,SAAS,kBAAM;AAAA,YAEd;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,KAAK,gCAAgC;AAAA,YAChD,iBAAe;AAAA,YACf,iBAAe;AAAA,YAEd,sBAAY;AAAA;AAAA,QACf;AAAA,QACA,oBAAC,6CAAa,IAAI,kBAAoB,oBAArC,EACE,yBACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["InputGroup","_a"]}