@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.3

package/form/form-label.styles_rk98yd.css

@@ -0,0 +1,6 @@
+.l170pjsx{margin-bottom:var(--fds-spacing-8);}
+.lf1tnj{color:var(--fds-colour-text-subtle);display:inline-block;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-form-label-size);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-form-label-lh);letter-spacing:var(--fds-font-form-label-ls);font-weight:var(--fds-font-weight-semibold);}
+.eyg2zu6{height:1lh;width:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--fds-colour-icon-error-strong);}
+.e4aab9k{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--fds-spacing-4);margin-top:var(--fds-spacing-8);}
+.e39ds6s{color:var(--fds-colour-text-error);font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);margin-bottom:0;outline:none;}
+.s1n6ixex{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-form-description-size);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-form-description-lh);letter-spacing:var(--fds-font-form-description-ls);color:var(--fds-colour-text-subtler);display:block;}

package/form/form-masked-input.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import t,{useState as o}from"react";import{MaskedInput as s}from"../masked-input/masked-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as a}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as i}from"./form-wrapper.js";const l=t.forwardRef(((t,l)=>{const{label:d,errorMessage:m,id:p,"data-error-testid":n,"data-testid":b,layoutType:u,mobileCols:f,tabletCols:j,desktopCols:C}=t,y=e(t,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols"]),[c]=o((()=>a.generate())),g=null!=p?p:`form-field-masked-input-${c}`;return r(i,{id:g,label:d,errorMessage:m,disabled:y.disabled,"data-error-testid":n,layoutType:u,mobileCols:f,tabletCols:j,desktopCols:C,children:r(s,Object.assign({ref:l,id:`${g}-base`,"data-testid":b?`${b}-base`:void 0,error:!!m},y))})}));export{l as FormMaskedInput};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import o from"react";import{MaskedInput as e}from"../masked-input/masked-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as l}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as t}from"./form-wrapper.js";const a=o.forwardRef(((o,a)=>{const{label:i,errorMessage:d,id:m,"data-error-testid":p,"data-testid":x,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:c,xlCols:g,xxlCols:y}=o,b=s(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),h=l(),k=null!=m?m:`form-field-masked-input-${h}`;return r(t,{id:k,"data-testid":x,label:i,errorMessage:d,"data-error-testid":p,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:c,xlCols:g,xxlCols:y,children:r(e,Object.assign({ref:a,id:`${k}-base`,"data-testid":x?`${x}-base`:void 0,error:!!d},b))})}));export{a as FormMaskedInput};
 //# sourceMappingURL=form-masked-input.js.map

package/form/form-masked-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-masked-input.js","sources":["../../src/form/form-masked-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { MaskedInput } from \"../masked-input/masked-input\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormMaskedInputProps } from \"./types\";\n\nconst Component = (\n    props: FormMaskedInputProps,\n    ref: React.Ref<HTMLInputElement>\n): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        mobileCols,\n        tabletCols,\n        desktopCols,\n        ...otherProps\n    } = props;\n\n    const [internalId] = useState(() => SimpleIdGenerator.generate());\n    const inputId = id ?? `form-field-masked-input-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            disabled={otherProps.disabled}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n        >\n            <MaskedInput\n                ref={ref}\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormMaskedInput = React.forwardRef(Component);\n"],"names":["FormMaskedInput","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","MaskedInput","Object","assign","undefined","error"],"mappings":"uZAOA,MA2CaA,EAAkBC,EAAMC,YA3CnB,CACdC,EACAC,KAEA,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,GAEAV,EADGW,EAAUC,EACbZ,EAXE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,aAAA,aAAA,iBAaCa,GAAcC,GAAS,IAAMC,EAAkBC,aAChDC,EAAUb,QAAAA,EAAM,2BAA2BS,IAEjD,OACIK,EAACC,EAAW,CACRf,GAAIa,EACJf,MAAOA,EACPC,aAAcA,EACdiB,SAAUT,EAAWS,SAAQ,oBACVf,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,WAEbQ,EAACG,EAAWC,OAAAC,OAAA,CACRtB,IAAKA,EACLG,GAAI,GAAGa,SAAc,cACRX,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLQ,KAEE"}
+{"version":3,"file":"form-masked-input.js","sources":["../../src/form/form-masked-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MaskedInput } from \"../masked-input/masked-input\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormMaskedInputProps } from \"./types\";\n\nconst Component = (\n    props: FormMaskedInputProps,\n    ref: React.Ref<HTMLInputElement>\n): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        ...otherProps\n    } = props;\n\n    const internalId = useId();\n    const inputId = id ?? `form-field-masked-input-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <MaskedInput\n                ref={ref}\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormMaskedInput = React.forwardRef(Component);\n"],"names":["FormMaskedInput","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","MaskedInput","undefined","error"],"mappings":"+ZAOA,MAmDaA,EAAkBC,EAAMC,YAnDnB,CACdC,EACAC,KAEA,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAd,EADGe,EAAUC,EACbhB,EAfE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAiBAiB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,2BAA2Ba,IAEjD,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAACE,iBACGrB,IAAKA,EACLG,GAAI,GAAGe,SAAc,cACRb,EAAS,GAAGA,cAAgBiB,EACzCC,QAASrB,GACLY,KAEE"}

package/form/form-multi-select.d.ts

@@ -1,2 +1,2 @@
 import type { FormMultiSelectProps } from "./types";
-export declare const FormMultiSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, variant, ...otherProps }: FormMultiSelectProps<T, V>) => JSX.Element;
+export declare const FormMultiSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, variant, ...otherProps }: FormMultiSelectProps<T, V>) => JSX.Element;

package/form/form-multi-select.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as e}from"react";import{InputMultiSelect as o}from"../input-multi-select/input-multi-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:m,"data-error-testid":C,"data-testid":p,enableSearch:n=!1,layoutType:x,mobileCols:b,tabletCols:u,desktopCols:c,xxsCols:j,xsCols:g,smCols:f,mdCols:y,lgCols:h,xlCols:v,xxlCols:k,variant:M}=a,S=s(a,["label","errorMessage","id","data-error-testid","data-testid","enableSearch","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant"]);const[T]=e((()=>`form-field-${t.generate()}`)),$=null!=m?m:T;return l(r,{id:$,"data-testid":p,label:i,errorMessage:d,"data-error-testid":C,disabled:S.disabled,layoutType:x,mobileCols:b,tabletCols:u,desktopCols:c,xxsCols:j,xsCols:g,smCols:f,mdCols:y,lgCols:h,xlCols:v,xxlCols:k,children:l(o,Object.assign({id:`${$}-base`,"data-testid":p?`${p}-base`:void 0,error:!!d,enableSearch:n,variant:M},S))})};export{a as FormMultiSelect};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{InputMultiSelect as e}from"../input-multi-select/input-multi-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as l}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as t}from"./form-wrapper.js";const o=o=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":n,enableSearch:p=!1,layoutType:x,xxsCols:C,xsCols:u,smCols:c,mdCols:j,lgCols:b,xlCols:g,xxlCols:f,variant:y}=o,v=r(o,["label","errorMessage","id","data-error-testid","data-testid","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant"]);const h=l(),M=null!=d?d:`form-field-${h}`;return s(t,{id:M,"data-testid":n,label:a,errorMessage:i,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:u,smCols:c,mdCols:j,lgCols:b,xlCols:g,xxlCols:f,children:s(e,Object.assign({id:`${M}-base`,"data-testid":n?`${n}-base`:void 0,error:!!i,enableSearch:p,variant:y},v))})};export{o as FormMultiSelect};
 //# sourceMappingURL=form-multi-select.js.map

package/form/form-multi-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-multi-select.js","sources":["../../src/form/form-multi-select.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { InputMultiSelect } from \"../input-multi-select/input-multi-select\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormMultiSelectProps } from \"./types\";\n\nexport const FormMultiSelect = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    enableSearch = false,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    variant,\n    ...otherProps\n}: FormMultiSelectProps<T, V>): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-field-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputMultiSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                enableSearch={enableSearch}\n                variant={variant}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormMultiSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","InputMultiSelect","Object","assign","undefined","error"],"mappings":"qaAOO,MAAMA,EAAyBC,QAAAC,MAClCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,QACPA,KACGC,EAAUC,EAAApB,EAnBqB,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,eAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,YAqBlC,MAAOqB,GAAcC,GACjB,IAAM,cAAcC,EAAkBC,eAEpCC,EAAUtB,QAAAA,EAAMkB,EACtB,OACIK,EAACC,EAAW,CACRxB,GAAIsB,EAAO,cACEpB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBwB,SAAUT,EAAWS,SACrBrB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOY,SAEhBH,EAACI,EAAgBC,OAAAC,OAAA,CACb7B,GAAI,GAAGsB,SAAc,cACRpB,EAAS,GAAGA,cAAgB4B,EACzCC,QAAShC,EACTI,aAAcA,EACdY,QAASA,GACLC,KAEE"}
+{"version":3,"file":"form-multi-select.js","sources":["../../src/form/form-multi-select.tsx"],"sourcesContent":["import { InputMultiSelect } from \"../input-multi-select/input-multi-select\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormMultiSelectProps } from \"./types\";\n\nexport const FormMultiSelect = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    enableSearch = false,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    variant,\n    ...otherProps\n}: FormMultiSelectProps<T, V>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputMultiSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                enableSearch={enableSearch}\n                variant={variant}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormMultiSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","InputMultiSelect","undefined","error"],"mappings":"yaAKO,MAAMA,EAAyBC,IAAA,IAAAC,MAClCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,QACPA,GAAOf,EACJgB,EAAUC,EAAAjB,EAhBqB,wKAkBlC,MAAMkB,EAAaC,IACbC,EAAUjB,QAAAA,EAAM,cAAce,IACpC,OACIG,EAACC,GACGnB,GAAIiB,EAAO,cACEf,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBG,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETO,EAACE,iBACGpB,GAAI,GAAGiB,uBACMf,EAAS,GAAGA,cAAgBmB,EACzCC,QAASvB,EACTI,aAAcA,EACdS,QAASA,GACLC,KAEE"}

package/form/form-nested-multi-select.d.ts

@@ -1,2 +1,2 @@
 import type { FormNestedMultiSelectProps } from "./types";
-export declare const FormNestedMultiSelect: <V1, V2, V3>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormNestedMultiSelectProps<V1, V2, V3>) => JSX.Element;
+export declare const FormNestedMultiSelect: <V1, V2, V3>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormNestedMultiSelectProps<V1, V2, V3>) => JSX.Element;

package/form/form-nested-multi-select.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as e}from"react";import{InputNestedMultiSelect as o}from"../input-nested-multi-select/input-nested-multi-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:m,"data-error-testid":C,"data-testid":p,layoutType:x,mobileCols:n,tabletCols:b,desktopCols:u,xxsCols:j,xsCols:g,smCols:c,mdCols:f,lgCols:y,xlCols:h,xxlCols:k}=a,v=s(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[M]=e((()=>`form-field-${t.generate()}`)),T=null!=m?m:M;return l(r,{id:T,"data-testid":p,label:i,errorMessage:d,"data-error-testid":C,disabled:v.disabled,layoutType:x,mobileCols:n,tabletCols:b,desktopCols:u,xxsCols:j,xsCols:g,smCols:c,mdCols:f,lgCols:y,xlCols:h,xxlCols:k,children:l(o,Object.assign({id:`${T}-base`,"data-testid":p?`${p}-base`:void 0,error:!!d},v))})};export{a as FormNestedMultiSelect};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{InputNestedMultiSelect as t}from"../input-nested-multi-select/input-nested-multi-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as e}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as l}from"./form-wrapper.js";const o=o=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":p,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:c,lgCols:j,xlCols:g,xxlCols:f}=o,y=s(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const b=e(),v=null!=d?d:`form-field-${b}`;return r(l,{id:v,"data-testid":p,label:a,errorMessage:i,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:c,lgCols:j,xlCols:g,xxlCols:f,children:r(t,Object.assign({id:`${v}-base`,"data-testid":p?`${p}-base`:void 0,error:!!i},y))})};export{o as FormNestedMultiSelect};
 //# sourceMappingURL=form-nested-multi-select.js.map

package/form/form-nested-multi-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-nested-multi-select.js","sources":["../../src/form/form-nested-multi-select.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { InputNestedMultiSelect } from \"../input-nested-multi-select\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormNestedMultiSelectProps } from \"./types\";\n\nexport const FormNestedMultiSelect = <V1, V2, V3>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormNestedMultiSelectProps<V1, V2, V3>): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-field-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputNestedMultiSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormNestedMultiSelect","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","InputNestedMultiSelect","Object","assign","undefined","error"],"mappings":"ybAOO,MAAMA,EAAqCC,IAAA,IAAAC,MAC9CA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBiC,uLAmB9C,MAAOmB,GAAcC,GACjB,IAAM,cAAcC,EAAkBC,eAEpCC,EAAUpB,QAAAA,EAAMgB,EACtB,OACIK,EAACC,EAAW,CACRtB,GAAIoB,EAAO,cACElB,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBsB,SAAUT,EAAWS,SACrBpB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETQ,EAACG,EAAsBC,OAAAC,OAAA,CACnB1B,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgByB,EACzCC,QAAS7B,GACLe,KAEE"}
+{"version":3,"file":"form-nested-multi-select.js","sources":["../../src/form/form-nested-multi-select.tsx"],"sourcesContent":["import { InputNestedMultiSelect } from \"../input-nested-multi-select\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormNestedMultiSelectProps } from \"./types\";\n\nexport const FormNestedMultiSelect = <V1, V2, V3>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormNestedMultiSelectProps<V1, V2, V3>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputNestedMultiSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormNestedMultiSelect","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputNestedMultiSelect","undefined","error"],"mappings":"6bAKO,MAAMA,EAAqCC,IAAA,IAAAC,MAC9CA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdiC,+IAgB9C,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,cAAca,IACpC,OACIG,EAACC,EAAW,CACRjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,iBACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

package/form/form-nested-select.d.ts

@@ -1,2 +1,2 @@
 import type { FormNestedSelectProps } from "./types";
-export declare const FormNestedSelect: <V1, V2, V3>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormNestedSelectProps<V1, V2, V3>) => JSX.Element;
+export declare const FormNestedSelect: <V1, V2, V3>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormNestedSelectProps<V1, V2, V3>) => JSX.Element;

package/form/form-nested-select.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as e}from"react";import{InputNestedSelect as o}from"../input-nested-select/input-nested-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:C,"data-error-testid":m,"data-testid":p,layoutType:x,mobileCols:n,tabletCols:b,desktopCols:u,xxsCols:j,xsCols:g,smCols:c,mdCols:f,lgCols:y,xlCols:h,xxlCols:k}=a,v=s(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[M]=e((()=>`form-field-${t.generate()}`)),T=null!=C?C:M;return l(r,{id:T,"data-testid":p,label:i,errorMessage:d,"data-error-testid":m,disabled:v.disabled,layoutType:x,mobileCols:n,tabletCols:b,desktopCols:u,xxsCols:j,xsCols:g,smCols:c,mdCols:f,lgCols:y,xlCols:h,xxlCols:k,children:l(o,Object.assign({id:`${T}-base`,"data-testid":p?`${p}-base`:void 0,error:!!d},v))})};export{a as FormNestedSelect};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{InputNestedSelect as e}from"../input-nested-select/input-nested-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as l}from"./form-wrapper.js";const o=o=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":p,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:c,lgCols:j,xlCols:g,xxlCols:f}=o,y=s(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const b=t(),v=null!=d?d:`form-field-${b}`;return r(l,{id:v,"data-testid":p,label:a,errorMessage:i,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:c,lgCols:j,xlCols:g,xxlCols:f,children:r(e,Object.assign({id:`${v}-base`,"data-testid":p?`${p}-base`:void 0,error:!!i},y))})};export{o as FormNestedSelect};
 //# sourceMappingURL=form-nested-select.js.map

package/form/form-nested-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-nested-select.js","sources":["../../src/form/form-nested-select.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { InputNestedSelect } from \"../input-nested-select\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormNestedSelectProps } from \"./types\";\n\nexport const FormNestedSelect = <V1, V2, V3>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormNestedSelectProps<V1, V2, V3>): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-field-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputNestedSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormNestedSelect","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","InputNestedSelect","Object","assign","undefined","error"],"mappings":"waAOO,MAAMA,EAAgCC,IAAA,IAAAC,MACzCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjB4B,uLAmBzC,MAAOmB,GAAcC,GACjB,IAAM,cAAcC,EAAkBC,eAEpCC,EAAUpB,QAAAA,EAAMgB,EACtB,OACIK,EAACC,EAAW,CACRtB,GAAIoB,EAAO,cACElB,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBsB,SAAUT,EAAWS,SACrBpB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETQ,EAACG,EAAiBC,OAAAC,OAAA,CACd1B,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgByB,EACzCC,QAAS7B,GACLe,KAEE"}
+{"version":3,"file":"form-nested-select.js","sources":["../../src/form/form-nested-select.tsx"],"sourcesContent":["import { InputNestedSelect } from \"../input-nested-select\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormNestedSelectProps } from \"./types\";\n\nexport const FormNestedSelect = <V1, V2, V3>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormNestedSelectProps<V1, V2, V3>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputNestedSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormNestedSelect","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputNestedSelect","undefined","error"],"mappings":"4aAKO,MAAMA,EAAgCC,IAAA,IAAAC,MACzCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAd4B,+IAgBzC,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,cAAca,IACpC,OACIG,EAACC,EAAW,CACRjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,iBACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

package/form/form-otp-verification.d.ts

@@ -1,2 +1,2 @@
 import type { FormOtpVerificationProps } from "../otp-verification/types";
-export declare const FormOtpVerification: ({ label, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormOtpVerificationProps) => JSX.Element;
+export declare const FormOtpVerification: ({ label, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormOtpVerificationProps) => JSX.Element;

package/form/form-otp-verification.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{useState as l}from"react";import{OtpVerification as t}from"../otp-verification/otp-verification.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as e}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const i=i=>{var{label:a,id:d,"data-error-testid":C,"data-testid":m,layoutType:p,mobileCols:x,tabletCols:n,desktopCols:b,xxsCols:f,xsCols:j,smCols:u,mdCols:c,lgCols:y,xlCols:g,xxlCols:v}=i,$=o(i,["label","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[h]=l((()=>`form-otp-verification-${e.generate()}`)),k=null!=d?d:h;return s(r,{id:k,"data-testid":m,label:a,"data-error-testid":C,layoutType:p,mobileCols:x,tabletCols:n,desktopCols:b,xxsCols:f,xsCols:j,smCols:u,mdCols:c,lgCols:y,xlCols:g,xxlCols:v,children:s(t,Object.assign({id:`${k}-base-field`,inputId:`${k}-base`,"data-testid":m?`${m}-base`:void 0},$))})};export{i as FormOtpVerification};
+import{__rest as t}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{OtpVerification as o}from"../otp-verification/otp-verification.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as l}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as r}from"./form-wrapper.js";const i=i=>{var{label:e,id:a,"data-error-testid":d,"data-testid":m,layoutType:p,xxsCols:x,xsCols:C,smCols:n,mdCols:c,lgCols:u,xlCols:f,xxlCols:j}=i,b=t(i,["label","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const y=l(),v=null!=a?a:`form-otp-verification-${y}`;return s(r,{id:v,"data-testid":m,label:e,"data-error-testid":d,layoutType:p,xxsCols:x,xsCols:C,smCols:n,mdCols:c,lgCols:u,xlCols:f,xxlCols:j,children:s(o,Object.assign({id:`${v}-base-field`,inputId:`${v}-base`,"data-testid":m?`${m}-base`:void 0},b))})};export{i as FormOtpVerification};
 //# sourceMappingURL=form-otp-verification.js.map

package/form/form-otp-verification.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-otp-verification.js","sources":["../../src/form/form-otp-verification.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { OtpVerification } from \"../otp-verification\";\nimport type { FormOtpVerificationProps } from \"../otp-verification/types\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\n\nexport const FormOtpVerification = ({\n    label,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormOtpVerificationProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-otp-verification-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <OtpVerification\n                id={`${inputId}-base-field`}\n                inputId={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormOtpVerification","_a","label","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","children","OtpVerification","Object","assign","undefined"],"mappings":"gaAOO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,GACLA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOf,EACJgB,EAAUC,EAAAjB,EAhBmB,wKAkBhC,MAAOkB,GAAcC,GACjB,IAAM,yBAAyBC,EAAkBC,eAE/CC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAACC,GACGtB,GAAIoB,EAAO,cACElB,EACbH,MAAOA,EAAK,oBACOE,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOU,SAEhBF,EAACG,EAAeC,OAAAC,OAAA,CACZ1B,GAAI,GAAGoB,eACPA,QAAS,GAAGA,SAAc,cACblB,EAAS,GAAGA,cAAgByB,GACrCb,KAEE"}
+{"version":3,"file":"form-otp-verification.js","sources":["../../src/form/form-otp-verification.tsx"],"sourcesContent":["import { OtpVerification } from \"../otp-verification\";\nimport type { FormOtpVerificationProps } from \"../otp-verification/types\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\n\nexport const FormOtpVerification = ({\n    label,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormOtpVerificationProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-otp-verification-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <OtpVerification\n                id={`${inputId}-base-field`}\n                inputId={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormOtpVerification","_a","label","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","OtpVerification","Object","assign","undefined"],"mappings":"oaAKO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,GACLA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOZ,EACJa,EAAUC,EAAAd,EAbmB,gIAehC,MAAMe,EAAaC,IACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,OACIG,EAACC,EAAW,CACRjB,GAAIe,EAAO,cACEb,EACbH,MAAOA,EAAK,oBACOE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAeC,OAAAC,OAAA,CACZrB,GAAI,GAAGe,eACPA,QAAS,GAAGA,uBACCb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

package/form/form-phone-number-input.d.ts

@@ -1,2 +1,2 @@
 import type { FormPhoneNumberInputProps } from "./types";
-export declare const FormPhoneNumberInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormPhoneNumberInputProps) => JSX.Element;
+export declare const FormPhoneNumberInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormPhoneNumberInputProps) => JSX.Element;

package/form/form-phone-number-input.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as o}from"react";import{PhoneNumberInput as e}from"../phone-number-input/phone-number-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:m,"data-error-testid":C,"data-testid":p,layoutType:n,mobileCols:b,tabletCols:x,desktopCols:u,xxsCols:j,xsCols:g,smCols:y,mdCols:f,lgCols:c,xlCols:h,xxlCols:$}=a,k=s(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[v]=o((()=>`form-phone-number-input-${t.generate()}`)),M=null!=m?m:v;return l(r,{id:M,"data-testid":p,label:i,errorMessage:d,"data-error-testid":C,disabled:k.disabled,layoutType:n,mobileCols:b,tabletCols:x,desktopCols:u,xxsCols:j,xsCols:g,smCols:y,mdCols:f,lgCols:c,xlCols:h,xxlCols:$,children:l(e,Object.assign({id:`${M}-base`,"data-testid":p?`${p}-base`:void 0,"aria-labelledby":`${M}-label`,error:!!d},k))})};export{a as FormPhoneNumberInput};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{PhoneNumberInput as e}from"../phone-number-input/phone-number-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as l}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as o}from"./form-wrapper.js";const t=t=>{var{label:a,errorMessage:i,id:m,"data-error-testid":d,"data-testid":p,layoutType:n,xxsCols:x,xsCols:C,smCols:u,mdCols:b,lgCols:j,xlCols:c,xxlCols:g}=t,y=r(t,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const f=l(),h=null!=m?m:`form-phone-number-input-${f}`;return s(o,{id:h,"data-testid":p,label:a,errorMessage:i,"data-error-testid":d,layoutType:n,xxsCols:x,xsCols:C,smCols:u,mdCols:b,lgCols:j,xlCols:c,xxlCols:g,children:s(e,Object.assign({id:`${h}-base`,"data-testid":p?`${p}-base`:void 0,"aria-labelledby":`${h}-label`,error:!!i},y))})};export{t as FormPhoneNumberInput};
 //# sourceMappingURL=form-phone-number-input.js.map

package/form/form-phone-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-phone-number-input.js","sources":["../../src/form/form-phone-number-input.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { PhoneNumberInput } from \"../phone-number-input/phone-number-input\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormPhoneNumberInputProps } from \"./types\";\n\nexport const FormPhoneNumberInput = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormPhoneNumberInputProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-phone-number-input-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <PhoneNumberInput\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormPhoneNumberInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","PhoneNumberInput","undefined","error"],"mappings":"qaAOO,MAAMA,EAAwBC,IAAA,IAAAC,MACjCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBoB,uLAmBjC,MAAOmB,GAAcC,GACjB,IAAM,2BAA2BC,EAAkBC,eAEjDC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAACC,EAAW,CACRtB,GAAIoB,EAAO,cACElB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBsB,SAAUT,EAAWS,SACrBpB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOW,SAEhBH,EAACI,iBACGzB,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgBwB,EAAS,kBACjC,GAAGN,UACpBO,QAAS5B,GACLe,KAEE"}
+{"version":3,"file":"form-phone-number-input.js","sources":["../../src/form/form-phone-number-input.tsx"],"sourcesContent":["import { PhoneNumberInput } from \"../phone-number-input/phone-number-input\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormPhoneNumberInputProps } from \"./types\";\n\nexport const FormPhoneNumberInput = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormPhoneNumberInputProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-phone-number-input-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <PhoneNumberInput\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormPhoneNumberInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","PhoneNumberInput","undefined","error"],"mappings":"yaAKO,MAAMA,EAAwBC,IAAA,IAAAC,MACjCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdoB,+IAgBjC,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,2BAA2Ba,IAEjD,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAACE,iBACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

package/form/form-predictive-text-input.d.ts

@@ -1,2 +1,2 @@
 import type { FormPredictiveTextInputProps } from "./types";
-export declare const FormPredictiveTextInput: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormPredictiveTextInputProps<T, V>) => JSX.Element;
+export declare const FormPredictiveTextInput: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormPredictiveTextInputProps<T, V>) => JSX.Element;

package/form/form-predictive-text-input.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as e}from"react";import{PredictiveTextInput as o}from"../predictive-text-input/predictive-text-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:C,"data-error-testid":m,"data-testid":p,layoutType:x,mobileCols:b,tabletCols:n,desktopCols:u,xxsCols:j,xsCols:g,smCols:c,mdCols:f,lgCols:y,xlCols:v,xxlCols:$}=a,h=s(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[k]=e((()=>`form-field-${t.generate()}`)),M=null!=C?C:k;return l(r,{id:M,"data-testid":p,label:i,errorMessage:d,"data-error-testid":m,disabled:h.disabled,layoutType:x,mobileCols:b,tabletCols:n,desktopCols:u,xxsCols:j,xsCols:g,smCols:c,mdCols:f,lgCols:y,xlCols:v,xxlCols:$,children:l(o,Object.assign({id:`${M}-base`,"data-testid":p?`${p}-base`:void 0,"aria-labelledby":`${M}-label`,error:!!d},h))})};export{a as FormPredictiveTextInput};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{PredictiveTextInput as e}from"../predictive-text-input/predictive-text-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as l}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as t}from"./form-wrapper.js";const o=o=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":p,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:c,lgCols:j,xlCols:b,xxlCols:g}=o,y=r(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const f=l(),v=null!=d?d:`form-field-${f}`;return s(t,{id:v,"data-testid":p,label:a,errorMessage:i,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:c,lgCols:j,xlCols:b,xxlCols:g,children:s(e,Object.assign({id:`${v}-base`,"data-testid":p?`${p}-base`:void 0,"aria-labelledby":`${v}-label`,error:!!i},y))})};export{o as FormPredictiveTextInput};
 //# sourceMappingURL=form-predictive-text-input.js.map

package/form/form-predictive-text-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-predictive-text-input.js","sources":["../../src/form/form-predictive-text-input.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { PredictiveTextInput } from \"../predictive-text-input\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormPredictiveTextInputProps } from \"./types\";\n\nexport const FormPredictiveTextInput = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormPredictiveTextInputProps<T, V>): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-field-${SimpleIdGenerator.generate()}`\n    );\n\n    const inputId = id ?? internalId;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <PredictiveTextInput\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormPredictiveTextInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","PredictiveTextInput","undefined","error"],"mappings":"8aAOO,MAAMA,EAAiCC,IAAA,IAAAC,MAC1CA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjB6B,uLAmB1C,MAAOmB,GAAcC,GACjB,IAAM,cAAcC,EAAkBC,eAGpCC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAACC,EAAW,CACRtB,GAAIoB,EAAO,cACElB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBsB,SAAUT,EAAWS,SACrBpB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOW,SAEhBH,EAACI,iBACGzB,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgBwB,EAAS,kBACjC,GAAGN,UACpBO,QAAS5B,GACLe,KAEE"}
+{"version":3,"file":"form-predictive-text-input.js","sources":["../../src/form/form-predictive-text-input.tsx"],"sourcesContent":["import { PredictiveTextInput } from \"../predictive-text-input\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormPredictiveTextInputProps } from \"./types\";\n\nexport const FormPredictiveTextInput = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormPredictiveTextInputProps<T, V>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <PredictiveTextInput\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormPredictiveTextInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","PredictiveTextInput","undefined","error"],"mappings":"kbAKO,MAAMA,EAAiCC,IAAA,IAAAC,MAC1CA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAd6B,+IAgB1C,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,cAAca,IAEpC,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAACE,iBACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

package/form/form-range-select.d.ts

@@ -1,2 +1,2 @@
 import type { FormInputRangeSelectProps } from "./types";
-export declare const FormRangeSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormInputRangeSelectProps<T, V>) => JSX.Element;
+export declare const FormRangeSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormInputRangeSelectProps<T, V>) => JSX.Element;

package/form/form-range-select.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{InputRangeSelect as e}from"../input-range-select/input-range-select.js";import{FormWrapper as o}from"./form-wrapper.js";const t=t=>{var{label:r,errorMessage:a,id:C="form-select","data-error-testid":d,"data-testid":i,enableSearch:m=!1,layoutType:x,mobileCols:b,tabletCols:p,desktopCols:n,xxsCols:c,xsCols:g,smCols:u,mdCols:f,lgCols:y,xlCols:j,xxlCols:h}=t,k=s(t,["label","errorMessage","id","data-error-testid","data-testid","enableSearch","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);return l(o,{id:C,label:r,errorMessage:a,"data-error-testid":d,disabled:k.disabled,layoutType:x,mobileCols:b,tabletCols:p,desktopCols:n,xxsCols:c,xsCols:g,smCols:u,mdCols:f,lgCols:y,xlCols:j,xxlCols:h,children:l(e,Object.assign({id:`${C}-base`,"data-testid":i||C,error:!!a,enableSearch:m},k))})};export{t as FormRangeSelect};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{InputRangeSelect as s}from"../input-range-select/input-range-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as l}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as o}from"./form-wrapper.js";const t=t=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":n,enableSearch:p=!1,layoutType:x,xxsCols:C,xsCols:c,smCols:u,mdCols:g,lgCols:j,xlCols:b,xxlCols:f}=t,y=e(t,["label","errorMessage","id","data-error-testid","data-testid","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const h=l(),v=null!=d?d:`form-field-range-select-${h}`;return r(o,{id:v,label:a,errorMessage:i,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:c,smCols:u,mdCols:g,lgCols:j,xlCols:b,xxlCols:f,children:r(s,Object.assign({id:`${v}-base`,"data-testid":n?`${n}-base`:void 0,error:!!i,enableSearch:p},y))})};export{t as FormRangeSelect};
 //# sourceMappingURL=form-range-select.js.map

package/form/form-range-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-range-select.js","sources":["../../src/form/form-range-select.tsx"],"sourcesContent":["import { InputRangeSelect } from \"../input-range-select/input-range-select\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormInputRangeSelectProps } from \"./types\";\n\nexport const FormRangeSelect = <T, V>({\n    label,\n    errorMessage,\n    id = \"form-select\",\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    enableSearch = false,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormInputRangeSelectProps<T, V>): JSX.Element => {\n    return (\n        <FormWrapper\n            id={id}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputRangeSelect\n                id={`${id}-base`}\n                data-testid={testId || id}\n                error={!!errorMessage}\n                enableSearch={enableSearch}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormRangeSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","_jsx","FormWrapper","disabled","children","InputRangeSelect","Object","assign","error"],"mappings":"sNAIO,MAAMA,EAAyBC,QAAAC,MAClCA,EAAKC,aACLA,EAAYC,GACZA,EAAK,cACL,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,KACGC,EAAUC,EAAAnB,EAlBqB,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,eAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAoBlC,OACIoB,EAACC,EAAW,CACRlB,GAAIA,EACJF,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBkB,SAAUJ,EAAWI,SACrBf,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOM,SAEhBH,EAACI,EAAgBC,OAAAC,OAAA,CACbvB,GAAI,GAAGA,SAAS,cACHE,GAAUF,EACvBwB,QAASzB,EACTI,aAAcA,GACVY,KAEE"}
+{"version":3,"file":"form-range-select.js","sources":["../../src/form/form-range-select.tsx"],"sourcesContent":["import { InputRangeSelect } from \"../input-range-select/input-range-select\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormInputRangeSelectProps } from \"./types\";\n\nexport const FormRangeSelect = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    enableSearch = false,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormInputRangeSelectProps<T, V>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-range-select-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputRangeSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                enableSearch={enableSearch}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormRangeSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputRangeSelect","Object","assign","undefined","error"],"mappings":"yaAKO,MAAMA,EAAyBC,IAAA,IAAAC,MAClCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOd,EACJe,EAAUC,EAAAhB,EAfqB,8JAiBlC,MAAMiB,EAAaC,IACbC,EAAUhB,QAAAA,EAAM,2BAA2Bc,IAEjD,OACIG,EAACC,GACGlB,GAAIgB,EACJlB,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBG,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAgBC,OAAAC,OAAA,CACbtB,GAAI,GAAGgB,uBACMd,EAAS,GAAGA,cAAgBqB,EACzCC,QAASzB,EACTI,aAAcA,GACVS,KAEE"}

package/form/form-range-slider.d.ts

@@ -1,2 +1,2 @@
 import type { FormRangeSliderProps } from "./types";
-export declare const FormRangeSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormRangeSliderProps) => JSX.Element;
+export declare const FormRangeSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormRangeSliderProps) => JSX.Element;

package/form/form-range-slider.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{InputRangeSlider as o}from"../input-range-slider/input-range-slider.js";import{FormWrapper as e}from"./form-wrapper.js";const r=r=>{var{label:t,errorMessage:a,id:d="form-range-slider","data-error-testid":C,"data-testid":i,layoutType:m,mobileCols:x,tabletCols:p,desktopCols:b,xxsCols:g,xsCols:n,smCols:u,mdCols:f,lgCols:y,xlCols:j,xxlCols:c}=r,k=s(r,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);return l(e,{id:d,label:t,errorMessage:a,"data-error-testid":C,disabled:k.disabled,layoutType:m,mobileCols:x,tabletCols:p,desktopCols:b,xxsCols:g,xsCols:n,smCols:u,mdCols:f,lgCols:y,xlCols:j,xxlCols:c,children:l(o,Object.assign({id:`${d}-base`,"data-testid":i||d},k))})};export{r as FormRangeSlider};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{InputRangeSlider as l}from"../input-range-slider/input-range-slider.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as e}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as o}from"./form-wrapper.js";const t=t=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":p,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:g,lgCols:j,xlCols:c,xxlCols:y}=t,b=s(t,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const f=e(),v=null!=d?d:`form-range-slider-${f}`;return r(o,{id:v,label:a,errorMessage:i,"data-testid":p,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:g,lgCols:j,xlCols:c,xxlCols:y,children:r(l,Object.assign({id:`${v}-base`,"data-testid":p?`${p}-base`:void 0},b))})};export{t as FormRangeSlider};
 //# sourceMappingURL=form-range-slider.js.map

package/form/form-range-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-range-slider.js","sources":["../../src/form/form-range-slider.tsx"],"sourcesContent":["import { InputRangeSlider } from \"../input-range-slider\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormRangeSliderProps } from \"./types\";\n\nexport const FormRangeSlider = ({\n    label,\n    errorMessage,\n    id = \"form-range-slider\",\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormRangeSliderProps): JSX.Element => {\n    return (\n        <FormWrapper\n            id={id}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputRangeSlider\n                id={`${id}-base`}\n                data-testid={testId || id}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormRangeSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","_jsx","FormWrapper","disabled","children","InputRangeSlider","Object","assign"],"mappings":"sNAIO,MAAMA,EAAmBC,IAAA,IAAAC,MAC5BA,EAAKC,aACLA,EAAYC,GACZA,EAAK,oBACL,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBe,uLAmB5B,OACImB,EAACC,GACGjB,GAAIA,EACJF,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBiB,SAAUJ,EAAWI,SACrBf,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOM,SAEhBH,EAACI,EAAgBC,OAAAC,OAAA,CACbtB,GAAI,GAAGA,SAAS,cACHE,GAAUF,GACnBc,KAEE"}
+{"version":3,"file":"form-range-slider.js","sources":["../../src/form/form-range-slider.tsx"],"sourcesContent":["import { InputRangeSlider } from \"../input-range-slider\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormRangeSliderProps } from \"./types\";\n\nexport const FormRangeSlider = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormRangeSliderProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-range-slider-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            data-testid={testId}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputRangeSlider\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormRangeSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputRangeSlider","Object","assign","undefined"],"mappings":"yaAKO,MAAMA,EAAmBC,IAAA,IAAAC,MAC5BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAde,+IAgB5B,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,qBAAqBa,IAE3C,OACIG,EAACC,EAAW,CACRjB,GAAIe,EACJjB,MAAOA,EACPC,aAAcA,gBACDG,EAAM,oBACAD,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAgBC,OAAAC,OAAA,CACbrB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

package/form/form-select-histogram.d.ts

@@ -1,2 +1,2 @@
 import type { FormSelectHistogramProps } from "./types";
-export declare const FormSelectHistogram: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, histogramSlider, ...otherProps }: FormSelectHistogramProps) => JSX.Element;
+export declare const FormSelectHistogram: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, histogramSlider, ...otherProps }: FormSelectHistogramProps) => JSX.Element;

package/form/form-select-histogram.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as o}from"react";import{SelectHistogram as e}from"../select-histogram/select-histogram.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:m,"data-error-testid":C,"data-testid":p,layoutType:x,mobileCols:b,tabletCols:g,desktopCols:n,xxsCols:j,xsCols:u,smCols:c,mdCols:f,lgCols:h,xlCols:y,xxlCols:k,histogramSlider:v}=a,M=s(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","histogramSlider"]);const[S]=o((()=>`form-field-${t.generate()}`)),T=null!=m?m:S;return l(r,{id:T,"data-testid":p,label:i,errorMessage:d,"data-error-testid":C,disabled:M.disabled,layoutType:x,mobileCols:b,tabletCols:g,desktopCols:n,xxsCols:j,xsCols:u,smCols:c,mdCols:f,lgCols:h,xlCols:y,xxlCols:k,children:l(e,Object.assign({histogramSlider:v,error:!!d,"data-testid":p?`${p}-base`:void 0,id:`${T}-base`},M))})};export{a as FormSelectHistogram};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{SelectHistogram as l}from"../select-histogram/select-histogram.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as o}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as t}from"./form-wrapper.js";const e=e=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":x,layoutType:C,xxsCols:p,xsCols:n,smCols:g,mdCols:c,lgCols:j,xlCols:u,xxlCols:f,histogramSlider:h}=e,y=s(e,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","histogramSlider"]);const b=o(),v=null!=d?d:`form-field-${b}`;return r(t,{id:v,"data-testid":x,label:a,errorMessage:i,"data-error-testid":m,layoutType:C,xxsCols:p,xsCols:n,smCols:g,mdCols:c,lgCols:j,xlCols:u,xxlCols:f,children:r(l,Object.assign({histogramSlider:h,error:!!i,"data-testid":x?`${x}-base`:void 0,id:`${v}-base`},y))})};export{e as FormSelectHistogram};
 //# sourceMappingURL=form-select-histogram.js.map

package/form/form-select-histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-select-histogram.js","sources":["../../src/form/form-select-histogram.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { SelectHistogram } from \"../select-histogram/select-histogram\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormSelectHistogramProps } from \"./types\";\n\nexport const FormSelectHistogram = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    histogramSlider,\n    ...otherProps\n}: FormSelectHistogramProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-field-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <SelectHistogram\n                histogramSlider={histogramSlider}\n                error={!!errorMessage}\n                data-testid={testId ? `${testId}-base` : undefined}\n                id={`${inputId}-base`}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormSelectHistogram","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","histogramSlider","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","SelectHistogram","error","undefined"],"mappings":"gaAOO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,gBACPA,GAAejB,EACZkB,EAAUC,EAAAnB,EAlBmB,yMAoBhC,MAAOoB,GAAcC,GACjB,IAAM,cAAcC,EAAkBC,eAEpCC,EAAUrB,QAAAA,EAAMiB,EACtB,OACIK,EAACC,EAAW,CACRvB,GAAIqB,EAAO,cACEnB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBuB,SAAUT,EAAWS,SACrBrB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOY,SAEhBH,EAACI,iBACGZ,gBAAiBA,EACjBa,QAAS5B,EAAY,cACRG,EAAS,GAAGA,cAAgB0B,EACzC5B,GAAI,GAAGqB,UACHN,KAEE"}
+{"version":3,"file":"form-select-histogram.js","sources":["../../src/form/form-select-histogram.tsx"],"sourcesContent":["import { SelectHistogram } from \"../select-histogram/select-histogram\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormSelectHistogramProps } from \"./types\";\n\nexport const FormSelectHistogram = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    histogramSlider,\n    ...otherProps\n}: FormSelectHistogramProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <SelectHistogram\n                histogramSlider={histogramSlider}\n                error={!!errorMessage}\n                data-testid={testId ? `${testId}-base` : undefined}\n                id={`${inputId}-base`}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormSelectHistogram","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","histogramSlider","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","SelectHistogram","error","undefined"],"mappings":"oaAKO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,gBACPA,GAAed,EACZe,EAAUC,EAAAhB,EAfmB,iKAiBhC,MAAMiB,EAAaC,IACbC,EAAUhB,QAAAA,EAAM,cAAcc,IACpC,OACIG,EAACC,GACGlB,GAAIgB,EAAO,cACEd,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETO,EAACE,iBACGR,gBAAiBA,EACjBS,QAASrB,EAAY,cACRG,EAAS,GAAGA,cAAgBmB,EACzCrB,GAAI,GAAGgB,UACHJ,KAEE"}

package/form/form-select.d.ts

@@ -1,2 +1,2 @@
 import type { FormInputSelectProps } from "./types";
-export declare const FormSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, variant, ...otherProps }: FormInputSelectProps<T, V>) => JSX.Element;
+export declare const FormSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, variant, ...otherProps }: FormInputSelectProps<T, V>) => JSX.Element;

package/form/form-select.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as e}from"react";import{InputSelect as o}from"../input-select/input-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:C,"data-error-testid":m,"data-testid":p,enableSearch:n=!1,layoutType:x,mobileCols:b,tabletCols:c,desktopCols:u,xxsCols:j,xsCols:g,smCols:f,mdCols:y,lgCols:h,xlCols:v,xxlCols:k,variant:M}=a,S=s(a,["label","errorMessage","id","data-error-testid","data-testid","enableSearch","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant"]);const[T]=e((()=>`form-field-${t.generate()}`)),$=null!=C?C:T;return l(r,{id:$,"data-testid":p,label:i,errorMessage:d,"data-error-testid":m,disabled:S.disabled,layoutType:x,mobileCols:b,tabletCols:c,desktopCols:u,xxsCols:j,xsCols:g,smCols:f,mdCols:y,lgCols:h,xlCols:v,xxlCols:k,children:l(o,Object.assign({id:`${$}-base`,"data-testid":p?`${p}-base`:void 0,error:!!d,enableSearch:n,variant:M},S))})};export{a as FormSelect};
+import{__rest as r}from"../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{InputSelect as e}from"../input-select/input-select.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as l}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as t}from"./form-wrapper.js";const o=o=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":n,enableSearch:p=!1,layoutType:x,xxsCols:C,xsCols:c,smCols:u,mdCols:j,lgCols:b,xlCols:g,xxlCols:f,variant:y}=o,v=r(o,["label","errorMessage","id","data-error-testid","data-testid","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant"]);const h=l(),M=null!=d?d:`form-field-${h}`;return s(t,{id:M,"data-testid":n,label:a,errorMessage:i,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:c,smCols:u,mdCols:j,lgCols:b,xlCols:g,xxlCols:f,children:s(e,Object.assign({id:`${M}-base`,"data-testid":n?`${n}-base`:void 0,error:!!i,enableSearch:p,variant:y},v))})};export{o as FormSelect};
 //# sourceMappingURL=form-select.js.map

package/form/form-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-select.js","sources":["../../src/form/form-select.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { InputSelect } from \"../input-select\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormInputSelectProps } from \"./types\";\n\nexport const FormSelect = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    enableSearch = false,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    variant,\n    ...otherProps\n}: FormInputSelectProps<T, V>): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-field-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                enableSearch={enableSearch}\n                variant={variant}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","InputSelect","Object","assign","undefined","error"],"mappings":"oZAOO,MAAMA,EAAoBC,QAAAC,MAC7BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,QACPA,KACGC,EAAUC,EAAApB,EAnBgB,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,eAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,YAqB7B,MAAOqB,GAAcC,GACjB,IAAM,cAAcC,EAAkBC,eAEpCC,EAAUtB,QAAAA,EAAMkB,EACtB,OACIK,EAACC,EAAW,CACRxB,GAAIsB,EAAO,cACEpB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBwB,SAAUT,EAAWS,SACrBrB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOY,SAEhBH,EAACI,EAAWC,OAAAC,OAAA,CACR7B,GAAI,GAAGsB,SAAc,cACRpB,EAAS,GAAGA,cAAgB4B,EACzCC,QAAShC,EACTI,aAAcA,EACdY,QAASA,GACLC,KAEE"}
+{"version":3,"file":"form-select.js","sources":["../../src/form/form-select.tsx"],"sourcesContent":["import { InputSelect } from \"../input-select\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormInputSelectProps } from \"./types\";\n\nexport const FormSelect = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    enableSearch = false,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    variant,\n    ...otherProps\n}: FormInputSelectProps<T, V>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                enableSearch={enableSearch}\n                variant={variant}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","InputSelect","undefined","error"],"mappings":"wZAKO,MAAMA,EAAoBC,IAAA,IAAAC,MAC7BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,QACPA,GAAOf,EACJgB,EAAUC,EAAAjB,EAhBgB,wKAkB7B,MAAMkB,EAAaC,IACbC,EAAUjB,QAAAA,EAAM,cAAce,IACpC,OACIG,EAACC,GACGnB,GAAIiB,EAAO,cACEf,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBG,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETO,EAACE,iBACGpB,GAAI,GAAGiB,uBACMf,EAAS,GAAGA,cAAgBmB,EACzCC,QAASvB,EACTI,aAAcA,EACdS,QAASA,GACLC,KAEE"}

package/form/form-slider.d.ts

@@ -1,2 +1,2 @@
 import type { FormSliderProps } from "./types";
-export declare const FormSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormSliderProps) => JSX.Element;
+export declare const FormSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormSliderProps) => JSX.Element;

package/form/form-slider.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{InputSlider as o}from"../input-slider/input-slider.js";import{FormWrapper as e}from"./form-wrapper.js";const t=t=>{var{label:r,errorMessage:a,id:d="form-slider","data-error-testid":C,"data-testid":i,layoutType:m,mobileCols:x,tabletCols:p,desktopCols:b,xxsCols:u,xsCols:g,smCols:n,mdCols:f,lgCols:y,xlCols:j,xxlCols:c}=t,k=s(t,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);return l(e,{id:d,label:r,errorMessage:a,"data-error-testid":C,disabled:k.disabled,layoutType:m,mobileCols:x,tabletCols:p,desktopCols:b,xxsCols:u,xsCols:g,smCols:n,mdCols:f,lgCols:y,xlCols:j,xxlCols:c,children:l(o,Object.assign({id:`${d}-base`,"data-testid":i||d},k))})};export{t as FormSlider};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{InputSlider as l}from"../input-slider/input-slider.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"react";import{useId as o}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormWrapper as t}from"./form-wrapper.js";const e=e=>{var{label:a,errorMessage:i,id:d,"data-error-testid":m,"data-testid":p,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:j,lgCols:c,xlCols:g,xxlCols:y}=e,b=s(e,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const f=o(),v=null!=d?d:`form-slider-${f}`;return r(t,{id:v,label:a,errorMessage:i,"data-testid":p,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:j,lgCols:c,xlCols:g,xxlCols:y,children:r(l,Object.assign({id:`${v}-base`,"data-testid":p?`${p}-base`:void 0},b))})};export{e as FormSlider};
 //# sourceMappingURL=form-slider.js.map

package/form/form-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-slider.js","sources":["../../src/form/form-slider.tsx"],"sourcesContent":["import { InputSlider } from \"../input-slider\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormSliderProps } from \"./types\";\n\nexport const FormSlider = ({\n    label,\n    errorMessage,\n    id = \"form-slider\",\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormSliderProps): JSX.Element => {\n    return (\n        <FormWrapper\n            id={id}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputSlider\n                id={`${id}-base`}\n                data-testid={testId || id}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","_jsx","FormWrapper","disabled","children","InputSlider","Object","assign"],"mappings":"qMAIO,MAAMA,EAAcC,IAAA,IAAAC,MACvBA,EAAKC,aACLA,EAAYC,GACZA,EAAK,cACL,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBU,uLAmBvB,OACImB,EAACC,GACGjB,GAAIA,EACJF,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBiB,SAAUJ,EAAWI,SACrBf,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOM,SAEhBH,EAACI,EAAWC,OAAAC,OAAA,CACRtB,GAAI,GAAGA,SAAS,cACHE,GAAUF,GACnBc,KAEE"}
+{"version":3,"file":"form-slider.js","sources":["../../src/form/form-slider.tsx"],"sourcesContent":["import { InputSlider } from \"../input-slider\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormSliderProps } from \"./types\";\n\nexport const FormSlider = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormSliderProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-slider-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            data-testid={testId}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputSlider\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputSlider","Object","assign","undefined"],"mappings":"wZAKO,MAAMA,EAAcC,IAAA,IAAAC,MACvBA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdU,+IAgBvB,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,eAAea,IAErC,OACIG,EAACC,EAAW,CACRjB,GAAIe,EACJjB,MAAOA,EACPC,aAAcA,gBACDG,EAAM,oBACAD,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAWC,OAAAC,OAAA,CACRrB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

package/form/form-textarea.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as o,jsx as r,Fragment as s}from"react/jsx-runtime";import t,{useState as l,useEffect as a}from"react";import{TextareaBase as m}from"../input-textarea/textarea.js";import{TextareaCounter as i}from"../input-textarea/textarea-counter.js";import{ErrorIcon as C}from"./form-label.style.js";import{LabelContainer as d,ErrorMessageContainer as x,ErrorMessageLabel as n}from"./form-textarea.style.js";import{FormWrapper as p}from"./form-wrapper.js";const f=t.forwardRef(((t,f)=>{const{label:u,value:g,errorMessage:b,id:h="form-textarea","data-error-testid":c,"data-testid":j,onChange:y,layoutType:v,mobileCols:L,tabletCols:k,desktopCols:T,xxsCols:V,xsCols:w,smCols:M,mdCols:$,lgCols:_,xlCols:O,xxlCols:R,transformValue:q,prefix:z=""}=t,A=e(t,["label","value","errorMessage","id","data-error-testid","data-testid","onChange","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","transformValue","prefix"]),[B,D]=l(g);a((()=>{D(g)}),[g]);return o(p,{id:h,label:u,disabled:A.disabled,layoutType:v,mobileCols:L,tabletCols:k,desktopCols:T,xxsCols:V,xsCols:w,smCols:M,mdCols:$,lgCols:_,xlCols:O,xxlCols:R,children:[r(m,Object.assign({id:`${h}-base`,"data-testid":j||h,value:B,error:!!b,onChange:e=>{const o=e.target.value;D(o),y&&y(e)},ref:f,prefix:z,transformValue:q},A)),b||A.maxLength?o(d,{children:[b&&o(x,{children:[r(C,{"aria-hidden":!0}),r(n,{"data-testid":c||(h?`${h}-error-message`:"error-message"),children:b})]}),A.maxLength&&r(i,{value:B,maxLength:A.maxLength,renderCustomCounter:A.renderCustomCounter})]}):r(s,{})]})}));export{f as FormTextarea};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsxs as r,jsx as t,Fragment as s}from"react/jsx-runtime";import a,{useState as o,useEffect as l}from"react";import{TextareaBase as m}from"../input-textarea/textarea.js";import{TextareaCounter as i}from"../input-textarea/textarea-counter.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as n}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormErrorMessage as d}from"./form-label.js";import{labelContainer as x,errorMessageContainer as C,errorMessageLabel as u}from"./form-textarea.styles.js";import{FormWrapper as p}from"./form-wrapper.js";const f=a.forwardRef(((a,f)=>{const{label:g,value:c,errorMessage:j,id:h,"data-error-testid":v,"data-testid":y,onChange:b,layoutType:L,xxsCols:$,xsCols:N,smCols:T,mdCols:V,lgCols:w,xlCols:M,xxlCols:_,transformValue:O,prefix:R="",renderCustomCounter:k}=a,q=e(a,["label","value","errorMessage","id","data-error-testid","data-testid","onChange","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","transformValue","prefix","renderCustomCounter"]),z=n(),A=null!=h?h:`form-textarea-${z}`,[B,D]=o(c);l((()=>{D(c)}),[c]);return r(p,{id:A,"data-testid":y,label:g,layoutType:L,xxsCols:$,xsCols:N,smCols:T,mdCols:V,lgCols:w,xlCols:M,xxlCols:_,children:[t(m,Object.assign({id:`${A}-base`,"data-testid":y?`${y}-base`:void 0,value:B,error:!!j,onChange:e=>{const r=e.target.value;D(r),b&&b(e)},ref:f,prefix:R,transformValue:O},q)),j||q.maxLength?r("div",{className:x,children:[j&&t("div",{className:C,children:t(d,{className:u,"data-testid":v||(A?`${A}-error-message`:"error-message"),children:j})}),q.maxLength&&t(i,{value:B,maxLength:q.maxLength,renderCustomCounter:k})]}):t(s,{})]})}));export{f as FormTextarea};
 //# sourceMappingURL=form-textarea.js.map

package/form/form-textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-textarea.js","sources":["../../src/form/form-textarea.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { TextareaBase } from \"../input-textarea/textarea\";\nimport { TextareaCounter } from \"../input-textarea/textarea-counter\";\nimport type { TextareaRef } from \"../input-textarea/types\";\nimport { ErrorIcon } from \"./form-label.style\";\nimport {\n    ErrorMessageContainer,\n    ErrorMessageLabel,\n    LabelContainer,\n} from \"./form-textarea.style\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormTextareaProps } from \"./types\";\n\nconst FormTextareaComponent = (\n    props: FormTextareaProps,\n    ref: TextareaRef\n): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const {\n        label,\n        value,\n        errorMessage,\n        id = \"form-textarea\",\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        onChange,\n        layoutType,\n        mobileCols,\n        tabletCols,\n        desktopCols,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        transformValue,\n        prefix = \"\",\n        ...otherProps\n    } = props;\n\n    const [stateValue, setStateValue] = useState<\n        string | number | readonly string[] | undefined\n    >(value);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setStateValue(value);\n    }, [value]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const getErrorTestMessageId = () => {\n        return errorTestId || (id ? `${id}-error-message` : \"error-message\");\n    };\n\n    // =============================================================================\n    // EVENT HANDLER\n    // =============================================================================\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const newValue = event.target.value;\n        setStateValue(newValue);\n        if (onChange) onChange(event);\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderBottomLabels = () => {\n        if (!errorMessage && !otherProps.maxLength) return <></>;\n        return (\n            <LabelContainer>\n                {errorMessage && (\n                    <ErrorMessageContainer>\n                        <ErrorIcon aria-hidden />\n                        <ErrorMessageLabel\n                            data-testid={getErrorTestMessageId()}\n                        >\n                            {errorMessage}\n                        </ErrorMessageLabel>\n                    </ErrorMessageContainer>\n                )}\n                {otherProps.maxLength && (\n                    <TextareaCounter\n                        value={stateValue}\n                        maxLength={otherProps.maxLength}\n                        renderCustomCounter={otherProps.renderCustomCounter}\n                    />\n                )}\n            </LabelContainer>\n        );\n    };\n\n    return (\n        <FormWrapper\n            id={id}\n            label={label}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <TextareaBase\n                id={`${id}-base`}\n                data-testid={testId || id}\n                value={stateValue}\n                error={!!errorMessage}\n                onChange={handleChange}\n                ref={ref}\n                prefix={prefix}\n                transformValue={transformValue}\n                {...otherProps}\n            />\n            {renderBottomLabels()}\n        </FormWrapper>\n    );\n};\n\nexport const FormTextarea = React.forwardRef(FormTextareaComponent);\n"],"names":["FormTextarea","React","forwardRef","props","ref","label","value","errorMessage","id","errorTestId","testId","onChange","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","transformValue","prefix","otherProps","__rest","stateValue","setStateValue","useState","useEffect","_jsxs","FormWrapper","disabled","_jsx","TextareaBase","Object","assign","error","event","newValue","target","maxLength","LabelContainer","children","ErrorMessageContainer","ErrorIcon","ErrorMessageLabel","TextareaCounter","renderCustomCounter"],"mappings":"qfAcA,MAwHaA,EAAeC,EAAMC,YAxHJ,CAC1BC,EACAC,KAKA,MAAMC,MACFA,EAAKC,MACLA,EAAKC,aACLA,EAAYC,GACZA,EAAK,gBACL,oBAAqBC,EACrB,cAAeC,EAAMC,SACrBA,EAAQC,WACRA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,OACdA,EAAS,IAETrB,EADGsB,EAAUC,EACbvB,EAtBE,CAAA,QAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,WAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,iBAAA,YAwBCwB,EAAYC,GAAiBC,EAElCvB,GAKFwB,GAAU,KACNF,EAActB,EAAM,GACrB,CAACA,IA+CJ,OACIyB,EAACC,EAAW,CACRxB,GAAIA,EACJH,MAAOA,EACP4B,SAAUR,EAAWQ,SACrBrB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,YAETY,EAACC,EAAYC,OAAAC,OAAA,CACT7B,GAAI,GAAGA,SAAS,cACHE,GAAUF,EACvBF,MAAOqB,EACPW,QAAS/B,EACTI,SAxDU4B,IAClB,MAAMC,EAAWD,EAAME,OAAOnC,MAC9BsB,EAAcY,GACV7B,GAAUA,EAAS4B,EAAM,EAsDrBnC,IAAKA,EACLoB,OAAQA,EACRD,eAAgBA,GACZE,IAlDPlB,GAAiBkB,EAAWiB,UAE7BX,EAACY,EAAc,CAAAC,SAAA,CACVrC,GACGwB,EAACc,EAAqB,CAAAD,SAAA,CAClBV,EAACY,sBACDZ,EAACa,EAAiB,CAAA,cAtB3BtC,IAAgBD,EAAK,GAAGA,kBAAqB,0BAyB/BD,OAIZkB,EAAWiB,WACRR,EAACc,EAAe,CACZ1C,MAAOqB,EACPe,UAAWjB,EAAWiB,UACtBO,oBAAqBxB,EAAWwB,yBAjBGf,UAqDrC"}
+{"version":3,"file":"form-textarea.js","sources":["../../src/form/form-textarea.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { TextareaBase } from \"../input-textarea/textarea\";\nimport { TextareaCounter } from \"../input-textarea/textarea-counter\";\nimport type { TextareaRef } from \"../input-textarea/types\";\nimport { useId } from \"../util\";\nimport { FormErrorMessage } from \"./form-label\";\nimport * as styles from \"./form-textarea.styles\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormTextareaProps } from \"./types\";\n\nconst FormTextareaComponent = (\n    props: FormTextareaProps,\n    ref: TextareaRef\n): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const {\n        label,\n        value,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        onChange,\n        layoutType,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        transformValue,\n        prefix = \"\",\n        renderCustomCounter,\n        ...otherProps\n    } = props;\n\n    const internalId = useId();\n    const inputId = id ?? `form-textarea-${internalId}`;\n\n    const [stateValue, setStateValue] = useState<\n        string | number | readonly string[] | undefined\n    >(value);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setStateValue(value);\n    }, [value]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const getErrorTestMessageId = () => {\n        return (\n            errorTestId ||\n            (inputId ? `${inputId}-error-message` : \"error-message\")\n        );\n    };\n\n    // =============================================================================\n    // EVENT HANDLER\n    // =============================================================================\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const newValue = event.target.value;\n        setStateValue(newValue);\n        if (onChange) onChange(event);\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderBottomLabels = () => {\n        if (!errorMessage && !otherProps.maxLength) return <></>;\n        return (\n            <div className={styles.labelContainer}>\n                {errorMessage && (\n                    <div className={styles.errorMessageContainer}>\n                        <FormErrorMessage\n                            className={styles.errorMessageLabel}\n                            data-testid={getErrorTestMessageId()}\n                        >\n                            {errorMessage}\n                        </FormErrorMessage>\n                    </div>\n                )}\n                {otherProps.maxLength && (\n                    <TextareaCounter\n                        value={stateValue}\n                        maxLength={otherProps.maxLength}\n                        renderCustomCounter={renderCustomCounter}\n                    />\n                )}\n            </div>\n        );\n    };\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <TextareaBase\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                value={stateValue}\n                error={!!errorMessage}\n                onChange={handleChange}\n                ref={ref}\n                prefix={prefix}\n                transformValue={transformValue}\n                {...otherProps}\n            />\n            {renderBottomLabels()}\n        </FormWrapper>\n    );\n};\n\nexport const FormTextarea = React.forwardRef(FormTextareaComponent);\n"],"names":["FormTextarea","React","forwardRef","props","ref","label","value","errorMessage","id","errorTestId","testId","onChange","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","transformValue","prefix","renderCustomCounter","otherProps","internalId","useId","inputId","stateValue","setStateValue","useState","useEffect","_jsxs","FormWrapper","children","_jsx","TextareaBase","Object","assign","undefined","error","event","newValue","target","maxLength","className","styles.labelContainer","styles.errorMessageContainer","FormErrorMessage","styles.errorMessageLabel","TextareaCounter"],"mappings":"4rBAWA,MAyHaA,EAAeC,EAAMC,YAzHJ,CAC1BC,EACAC,KAKA,MAAMC,MACFA,EAAKC,MACLA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,SACrBA,EAAQC,WACRA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,OACdA,EAAS,GAAEC,oBACXA,GAEAnB,EADGoB,IACHpB,EApBE,CAAA,QAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,WAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,iBAAA,SAAA,wBAsBAqB,EAAaC,IACbC,EAAUlB,QAAAA,EAAM,iBAAiBgB,KAEhCG,EAAYC,GAAiBC,EAElCvB,GAKFwB,GAAU,KACNF,EAActB,EAAM,GACrB,CAACA,IAkDJ,OACIyB,EAACC,EAAW,CACRxB,GAAIkB,EAAO,cACEhB,EACbL,MAAOA,EACPO,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOc,SAAA,CAEhBC,EAACC,EAAYC,OAAAC,OAAA,CACT7B,GAAI,GAAGkB,SAAc,cACRhB,EAAS,GAAGA,cAAgB4B,EACzChC,MAAOqB,EACPY,QAAShC,EACTI,SArDU6B,IAClB,MAAMC,EAAWD,EAAME,OAAOpC,MAC9BsB,EAAca,GACV9B,GAAUA,EAAS6B,EAAM,EAmDrBpC,IAAKA,EACLiB,OAAQA,EACRD,eAAgBA,GACZG,IA/CPhB,GAAiBgB,EAAWoB,UAE7BZ,EAAA,MAAA,CAAKa,UAAWC,EAAqBZ,SAAA,CAChC1B,GACG2B,EAAA,MAAA,CAAKU,UAAWE,EAA4Bb,SACxCC,EAACa,EAAgB,CACbH,UAAWI,EAAwB,cAxBnDvC,IACCiB,EAAU,GAAGA,kBAA0B,iBAwBYO,SAEnC1B,MAIZgB,EAAWoB,WACRT,EAACe,EAAe,CACZ3C,MAAOqB,EACPgB,UAAWpB,EAAWoB,UACtBrB,oBAAqBA,OAjBcY,UAkDrC"}

package/form/form-textarea.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const labelContainer: import("@linaria/core").LinariaClassName;
+export declare const errorMessageContainer: import("@linaria/core").LinariaClassName;
+export declare const errorMessageLabel: import("@linaria/core").LinariaClassName;

package/form/form-textarea.styles.js

@@ -0,0 +1,2 @@
+import"./form-textarea.styles_3p9qoy.css";const e="l1g6v039",o="exxic43",t="ebp2a0d";export{o as errorMessageContainer,t as errorMessageLabel,e as labelContainer};
+//# sourceMappingURL=form-textarea.styles.js.map

package/form/form-textarea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.styles.js","sources":["../../src/form/form-textarea.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../theme\";\n\nexport const labelContainer = css`\n    display: flex;\n    justify-content: flex-end;\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const errorMessageContainer = css`\n    display: flex;\n    flex: 1;\n    margin-right: ${Spacing[\"spacing-12\"]};\n    gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const errorMessageLabel = css`\n    margin-top: 0;\n`;\n"],"names":["labelContainer","errorMessageContainer","errorMessageLabel"],"mappings":"8DAIO,MAAMA,EAAc,WAMdC,EAAqB,UAOrBC,EAAiB"}

package/form/form-textarea.styles_3p9qoy.css

@@ -0,0 +1,3 @@
+.l1g6v039{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:var(--fds-spacing-8);}
+.exxic43{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:var(--fds-spacing-12);gap:var(--fds-spacing-4);}
+.ebp2a0d{margin-top:0;}