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

package/cjs/form/form-label-addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label-addon.js","sources":["../../../src/form/form-label-addon.tsx"],"sourcesContent":["import { ICircleFillIcon } from \"@lifesg/react-icons/i-circle-fill\";\nimport type { RefObject } from \"react\";\n\nimport { PopoverInline } from \"../popover-v2\";\nimport { AddonWrapper } from \"./form-label-addon.style\";\nimport type { FormLabelAddonProps } from \"./types\";\n\n// =============================================================================\n// POPOVER ADDON COMPONENT\n// Note: We need to re-construct as using with the HOC causes some rendering\n// issues\n// =============================================================================\ninterface PopoverAddonProps {\n    addon: FormLabelAddonProps;\n    rootNode?: RefObject<HTMLElement>;\n}\n\nexport const PopoverAddon = ({\n    addon,\n    rootNode,\n}: PopoverAddonProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { content, type, icon, id, zIndex, \"data-testid\": testId } = addon;\n\n    // =========================================================================\n    // RENDER FUNCTION\n    // =========================================================================\n    return (\n        <AddonWrapper>\n            <PopoverInline\n                trigger=\"click\"\n                id={id}\n                data-testid={testId}\n                popoverContent={content}\n                rootNode={rootNode}\n                zIndex={zIndex}\n                icon={icon ?? <ICircleFillIcon data-testid={`${type}-icon`} />}\n                ariaLabel=\"More info\"\n            />\n        </AddonWrapper>\n    );\n};\n"],"names":["addon","rootNode","content","type","icon","id","zIndex","testId","_jsx","AddonWrapper","children","PopoverInline","trigger","popoverContent","ICircleFillIcon","ariaLabel"],"mappings":"muBAiB4B,EACxBA,QACAC,eAKA,MAAMC,QAAEA,EAAOC,KAAEA,EAAIC,KAAEA,EAAIC,GAAEA,EAAEC,OAAEA,EAAQ,cAAeC,GAAWP,EAKnE,OACIQ,EAAAA,IAACC,EAAAA,aAAY,CAAAC,SACTF,EAAAA,IAACG,EAAAA,cAAa,CACVC,QAAQ,QACRP,GAAIA,EAAE,cACOE,EACbM,eAAgBX,EAChBD,SAAUA,EACVK,OAAQA,EACRF,KAAMA,QAAAA,EAAQI,EAAAA,IAACM,iCAA6B,GAAGX,WAC/CY,UAAU,eAEH"}
+{"version":3,"file":"form-label-addon.js","sources":["../../../src/form/form-label-addon.tsx"],"sourcesContent":["import { ICircleFillIcon } from \"@lifesg/react-icons/i-circle-fill\";\nimport type { RefObject } from \"react\";\n\nimport { PopoverInline } from \"../popover-v2\";\nimport * as styles from \"./form-label-addon.styles\";\nimport type { FormLabelAddonProps } from \"./types\";\n\n// =============================================================================\n// POPOVER ADDON COMPONENT\n// Note: We need to re-construct as using with the HOC causes some rendering\n// issues\n// =============================================================================\ninterface PopoverAddonProps {\n    addon: FormLabelAddonProps;\n    rootNode?: RefObject<HTMLElement>;\n}\n\nexport const PopoverAddon = ({\n    addon,\n    rootNode,\n}: PopoverAddonProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { content, type, icon, id, zIndex, \"data-testid\": testId } = addon;\n\n    // =========================================================================\n    // RENDER FUNCTION\n    // =========================================================================\n    return (\n        <div className={styles.addonWrapper}>\n            <PopoverInline\n                trigger=\"click\"\n                id={id}\n                data-testid={testId}\n                popoverContent={content}\n                rootNode={rootNode}\n                zIndex={zIndex}\n                icon={icon ?? <ICircleFillIcon data-testid={`${type}-icon`} />}\n                ariaLabel=\"More info\"\n            />\n        </div>\n    );\n};\n"],"names":["addon","rootNode","content","type","icon","id","zIndex","testId","_jsx","className","styles.addonWrapper","children","PopoverInline","trigger","popoverContent","ICircleFillIcon","ariaLabel"],"mappings":"+kCAiB4B,EACxBA,QACAC,eAKA,MAAMC,QAAEA,EAAOC,KAAEA,EAAIC,KAAEA,EAAIC,GAAEA,EAAEC,OAAEA,EAAQ,cAAeC,GAAWP,EAKnE,OACIQ,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAAA,aAAmBC,SAC/BH,EAAAA,IAACI,gBAAa,CACVC,QAAQ,QACRR,GAAIA,EAAE,cACOE,EACbO,eAAgBZ,EAChBD,SAAUA,EACVK,OAAQA,EACRF,KAAMA,QAAAA,EAAQI,EAAAA,IAACO,EAAAA,gBAAe,CAAA,cAAc,GAAGZ,WAC/Ca,UAAU,eAEZ"}

package/cjs/form/form-label-addon.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./form-label-addon.styles_b00z8p.css");exports.addonWrapper="akbk9y1";
+//# sourceMappingURL=form-label-addon.styles.js.map

package/cjs/form/form-label-addon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label-addon.styles.js","sources":["../../../src/form/form-label-addon.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../theme\";\n\nexport const addonWrapper = css`\n    padding-left: ${Spacing[\"spacing-4\"]};\n    display: inline;\n`;\n"],"names":[],"mappings":"sGAIyB"}

package/cjs/form/form-label-addon.styles_b00z8p.css

@@ -0,0 +1 @@
+.akbk9y1{padding-left:var(--fds-spacing-4);display:inline;}

package/cjs/form/form-label.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("./form-label.style.js"),t=require("./form-label-addon.js");exports.FormErrorMessage=e=>s.jsxs(r.ErrorMessageContainer,{children:[s.jsx(r.ErrorIcon,{"aria-hidden":!0}),s.jsx(r.ErrorMessage,Object.assign({},e))]}),exports.FormLabel=i=>{var{id:a,children:d,addon:l,subtitle:o,"data-testid":n,className:u,style:b}=i,c=e.__rest(i,["id","children","addon","subtitle","data-testid","className","style"]);return s.jsxs(r.LabelContainer,{className:u,style:b,"data-testid":n,children:[s.jsxs(r.Label,Object.assign({id:a},c,{children:[d,l&&l.type&&("popover"===(null==l?void 0:l.type)?s.jsx(t.PopoverAddon,{addon:l}):null)]})),"string"==typeof o?s.jsx(r.Subtitle,{id:a?`${a}-subtitle`:void 0,"data-testid":n?`${n}-subtitle`:"subtitle",children:o}):o]})};
+"use strict";var e=require("../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("@lifesg/react-icons"),a=require("clsx"),t=require("../markup/markup.js"),l=require("./form-label.styles.js"),i=require("./form-label-addon.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(a);exports.FormErrorMessage=a=>{var{className:t}=a,i=e.__rest(a,["className"]);return s.jsxs("div",{className:n.default(l.errorMessageContainer,t),children:[s.jsx(r.ExclamationCircleFillIcon,{className:l.errorIcon,"aria-hidden":!0}),s.jsx("p",Object.assign({className:l.errorMessage},i))]})},exports.FormLabel=r=>{var{id:a,children:d,addon:o,subtitle:c,"data-testid":u,className:m,style:b}=r,j=e.__rest(r,["id","children","addon","subtitle","data-testid","className","style"]);return s.jsxs("div",{className:n.default(l.labelContainer,m),style:b,"data-testid":u,children:[s.jsx("label",Object.assign({id:a,className:l.label},j,{children:s.jsxs(t.Markup,{inline:!0,children:[d,(null==o?void 0:o.type)&&("popover"===(null==o?void 0:o.type)?s.jsx(i.PopoverAddon,{addon:o}):null)]})})),"string"==typeof c?s.jsx("span",{id:a?`${a}-subtitle`:void 0,className:l.subtitle,"data-testid":u?`${u}-subtitle`:"subtitle",children:c}):c]})};
 //# sourceMappingURL=form-label.js.map

package/cjs/form/form-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.js","sources":["../../../src/form/form-label.tsx"],"sourcesContent":["import {\n    ErrorIcon,\n    ErrorMessage,\n    ErrorMessageContainer,\n    Label,\n    LabelContainer,\n    Subtitle,\n} from \"./form-label.style\";\nimport { PopoverAddon } from \"./form-label-addon\";\nimport type { FormLabelProps } from \"./types\";\n\nexport const FormLabel = ({\n    id,\n    children,\n    addon,\n    subtitle,\n    \"data-testid\": testId,\n    className,\n    style,\n    ...otherProps\n}: FormLabelProps): JSX.Element => {\n    // -------------------------------------------------------------------------\n    // RENDER FUNCTIONS\n    // -------------------------------------------------------------------------\n    const renderAddon = () => {\n        switch (addon?.type) {\n            case \"popover\":\n                return <PopoverAddon addon={addon} />;\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <LabelContainer\n            className={className}\n            style={style}\n            data-testid={testId}\n        >\n            <Label id={id} {...otherProps}>\n                {children}\n                {addon && addon.type && renderAddon()}\n            </Label>\n            {typeof subtitle === \"string\" ? (\n                <Subtitle\n                    id={id ? `${id}-subtitle` : undefined}\n                    data-testid={testId ? `${testId}-subtitle` : \"subtitle\"}\n                >\n                    {subtitle}\n                </Subtitle>\n            ) : (\n                subtitle\n            )}\n        </LabelContainer>\n    );\n};\n\nexport const FormErrorMessage = (\n    props: React.HTMLAttributes<HTMLElement>\n): JSX.Element => {\n    return (\n        <ErrorMessageContainer>\n            <ErrorIcon aria-hidden />\n            <ErrorMessage {...props} />\n        </ErrorMessageContainer>\n    );\n};\n"],"names":["props","_jsxs","ErrorMessageContainer","children","_jsx","ErrorIcon","ErrorMessage","Object","assign","_a","id","addon","subtitle","testId","className","style","otherProps","__rest","LabelContainer","Label","type","PopoverAddon","Subtitle","undefined"],"mappings":"kLA0DIA,GAGIC,EAAAA,KAACC,EAAAA,sBAAqB,CAAAC,SAAA,CAClBC,MAACC,EAAAA,UAAS,CAAA,eAAA,IACVD,EAAAA,IAACE,EAAAA,aAAYC,OAAAC,OAAA,CAAA,EAAKR,yBApDJS,QAAAC,GACtBA,EAAEP,SACFA,EAAQQ,MACRA,EAAKC,SACLA,EACA,cAAeC,EAAMC,UACrBA,EAASC,MACTA,GAAKN,EACFO,EAAUC,SAAAR,EARS,wEAsBtB,OACIR,OAACiB,EAAAA,eAAc,CACXJ,UAAWA,EACXC,MAAOA,EAAK,cACCF,YAEbZ,EAAAA,KAACkB,EAAAA,qBAAMT,GAAIA,GAAQM,EAAU,CAAAb,SAAA,CACxBA,EACAQ,GAASA,EAAMS,OAff,aADDT,aAAK,EAALA,EAAOS,MAEAhB,EAAAA,IAACiB,EAAAA,aAAY,CAACV,MAAOA,IAErB,UAcU,iBAAbC,EACJR,EAAAA,IAACkB,EAAAA,SAAQ,CACLZ,GAAIA,EAAK,GAAGA,kBAAgBa,EAAS,cACxBV,EAAS,GAAGA,aAAoB,oBAE5CD,QAKI"}
+{"version":3,"file":"form-label.js","sources":["../../../src/form/form-label.tsx"],"sourcesContent":["import { ExclamationCircleFillIcon } from \"@lifesg/react-icons\";\nimport clsx from \"clsx\";\nimport type React from \"react\";\n\nimport { Markup } from \"../markup\";\nimport * as styles from \"./form-label.styles\";\nimport { PopoverAddon } from \"./form-label-addon\";\nimport type { FormLabelProps } from \"./types\";\n\nexport const FormLabel = ({\n    id,\n    children,\n    addon,\n    subtitle,\n    \"data-testid\": testId,\n    className,\n    style,\n    ...otherProps\n}: FormLabelProps): JSX.Element => {\n    // -------------------------------------------------------------------------\n    // RENDER FUNCTIONS\n    // -------------------------------------------------------------------------\n    const renderAddon = () => {\n        switch (addon?.type) {\n            case \"popover\":\n                return <PopoverAddon addon={addon} />;\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <div\n            className={clsx(styles.labelContainer, className)}\n            style={style}\n            data-testid={testId}\n        >\n            <label id={id} className={styles.label} {...otherProps}>\n                <Markup inline>\n                    {children}\n                    {addon?.type && renderAddon()}\n                </Markup>\n            </label>\n            {typeof subtitle === \"string\" ? (\n                <span\n                    id={id ? `${id}-subtitle` : undefined}\n                    className={styles.subtitle}\n                    data-testid={testId ? `${testId}-subtitle` : \"subtitle\"}\n                >\n                    {subtitle}\n                </span>\n            ) : (\n                subtitle\n            )}\n        </div>\n    );\n};\n\nexport const FormErrorMessage = ({\n    className,\n    ...otherProps\n}: React.HTMLAttributes<HTMLElement>): JSX.Element => {\n    return (\n        <div className={clsx(styles.errorMessageContainer, className)}>\n            <ExclamationCircleFillIcon\n                className={styles.errorIcon}\n                aria-hidden\n            />\n            <p className={styles.errorMessage} {...otherProps} />\n        </div>\n    );\n};\n"],"names":["_a","className","otherProps","__rest","_jsxs","clsx","styles.errorMessageContainer","children","_jsx","ExclamationCircleFillIcon","styles.errorIcon","styles.errorMessage","id","addon","subtitle","testId","style","styles.labelContainer","Object","assign","styles.label","Markup","inline","type","PopoverAddon","undefined","styles.subtitle"],"mappings":"0VA0DiCA,IAAA,IAAAC,UAC7BA,GAASD,EACNE,EAAUC,EAAAA,OAAAH,EAFgB,eAI7B,OACII,EAAAA,KAAA,MAAA,CAAKH,UAAWI,EAAAA,QAAKC,EAAAA,sBAA8BL,GAAUM,SAAA,CACzDC,EAAAA,IAACC,EAAAA,0BAAyB,CACtBR,UAAWS,EAAAA,UAAgB,eAAA,IAG/BF,yBAAGP,UAAWU,EAAAA,cAAyBT,MACrC,oBA5DYF,QAAAY,GACtBA,EAAEL,SACFA,EAAQM,MACRA,EAAKC,SACLA,EACA,cAAeC,EAAMd,UACrBA,EAASe,MACTA,GAAKhB,EACFE,EAAUC,SAAAH,EARS,wEAsBtB,OACII,EAAAA,YACIH,UAAWI,EAAAA,QAAKY,EAAAA,eAAuBhB,GACvCe,MAAOA,EAAK,cACCD,YAEbP,EAAAA,IAAA,QAAAU,OAAAC,OAAA,CAAOP,GAAIA,EAAIX,UAAWmB,EAAAA,OAAkBlB,YACxCE,EAAAA,KAACiB,EAAAA,OAAM,CAACC,QAAM,EAAAf,SAAA,CACTA,GACAM,aAAK,EAALA,EAAOU,QAhBX,aADDV,aAAK,EAALA,EAAOU,MAEAf,EAAAA,IAACgB,EAAAA,aAAY,CAACX,MAAOA,IAErB,YAgBU,iBAAbC,EACJN,EAAAA,IAAA,OAAA,CACII,GAAIA,EAAK,GAAGA,kBAAgBa,EAC5BxB,UAAWyB,EAAAA,SAAe,cACbX,EAAS,GAAGA,aAAoB,oBAE5CD,IACE,IAIT"}

package/cjs/form/form-label.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./form-label.styles_rk98yd.css");exports.errorIcon="eyg2zu6",exports.errorMessage="e39ds6s",exports.errorMessageContainer="e4aab9k",exports.label="lf1tnj",exports.labelContainer="l170pjsx",exports.subtitle="s1n6ixex";
+//# sourceMappingURL=form-label.styles.js.map

package/cjs/form/form-label.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.styles.js","sources":["../../../src/form/form-label.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const labelContainer = css`\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const label = css`\n    color: ${Colour[\"text-subtle\"]};\n    display: inline-block;\n    ${Font[\"form-label\"]}\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const errorIcon = css`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${Colour[\"icon-error-strong\"]};\n`;\n\nexport const errorMessageContainer = css`\n    ${Font[\"body-sm-semibold\"]}\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const errorMessage = css`\n    color: ${Colour[\"text-error\"]};\n    ${Font[\"body-sm-semibold\"]}\n    margin-bottom: 0;\n    outline: none;\n`;\n\nexport const subtitle = css`\n    ${Font[\"form-description\"]}\n    color: ${Colour[\"text-subtler\"]};\n    display: block;\n`;\n"],"names":[],"mappings":"6FAkBsB,+BAcG,wCAPS,wBAdhB,gCAJS,4BAgCN"}

package/cjs/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/cjs/form/form-masked-input.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("../masked-input/masked-input.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var a=require("../util/simple-id-generator.js");require("../util/string-helper.js");var i=require("./form-wrapper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=l(t).default.forwardRef(((l,d)=>{const{label:o,errorMessage:u,id:n,"data-error-testid":p,"data-testid":b,layoutType:j,mobileCols:m,tabletCols:f,desktopCols:c}=l,q=e.__rest(l,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols"]),[y]=t.useState((()=>a.SimpleIdGenerator.generate())),C=null!=n?n:`form-field-masked-input-${y}`;return r.jsx(i.FormWrapper,{id:C,label:o,errorMessage:u,disabled:q.disabled,"data-error-testid":p,layoutType:j,mobileCols:m,tabletCols:f,desktopCols:c,children:r.jsx(s.MaskedInput,Object.assign({ref:d,id:`${C}-base`,"data-testid":b?`${b}-base`:void 0,error:!!u},q))})}));exports.FormMaskedInput=d;
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("../masked-input/masked-input.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var s=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var i=require("./form-wrapper.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=d(t).default.forwardRef(((t,d)=>{const{label:u,errorMessage:l,id:n,"data-error-testid":o,"data-testid":p,layoutType:j}=t,c=e.__rest(t,["label","errorMessage","id","data-error-testid","data-testid","layoutType"]),f=s.useId(),m=null!=n?n:`form-field-masked-input-${f}`;return r.jsx(i.FormWrapper,{id:m,label:u,errorMessage:l,"data-error-testid":o,layoutType:j,children:r.jsx(a.MaskedInput,Object.assign({ref:d,id:`${m}-base`,"data-testid":p?`${p}-base`:void 0,error:!!l},c))})}));exports.FormMaskedInput=u;
 //# sourceMappingURL=form-masked-input.js.map

package/cjs/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":"kaAOA,MA2CaA,OAAkBC,QAAMC,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,EAAAA,OACbZ,EAXE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,aAAA,aAAA,iBAaCa,GAAcC,EAAAA,UAAS,IAAMC,EAAAA,kBAAkBC,aAChDC,EAAUb,QAAAA,EAAM,2BAA2BS,IAEjD,OACIK,MAACC,EAAAA,YAAW,CACRf,GAAIa,EACJf,MAAOA,EACPC,aAAcA,EACdiB,SAAUT,EAAWS,SAAQ,oBACVf,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,WAEbQ,MAACG,EAAAA,YAAWC,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        ...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            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\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","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","MaskedInput","Object","assign","undefined","error"],"mappings":"wcAOA,MAoCaA,OAAkBC,QAAMC,YApCnB,CACdC,EACAC,KAEA,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,GAEAP,EADGQ,EAAUC,EAAAA,OACbT,EARE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,eAUAU,EAAaC,EAAAA,QACbC,EAAUR,QAAAA,EAAM,2BAA2BM,IAEjD,OACIG,EAAAA,IAACC,EAAAA,YAAW,CACRV,GAAIQ,EACJV,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EAAUQ,SAEtBF,EAAAA,IAACG,EAAAA,YAAWC,OAAAC,OAAA,CACRjB,IAAKA,EACLG,GAAI,GAAGQ,SAAc,cACRN,EAAS,GAAGA,cAAgBa,EACzCC,QAASjB,GACLK,KAEE"}

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

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

package/cjs/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":["_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":"8XAOsCA,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,EAAAA,OAAApB,EAnBqB,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,eAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,YAqBlC,MAAOqB,GAAcC,YACjB,IAAM,cAAcC,EAAAA,kBAAkBC,eAEpCC,EAAUtB,QAAAA,EAAMkB,EACtB,OACIK,EAAAA,IAACC,EAAAA,YAAW,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,EAAAA,IAACI,EAAAA,iBAAgBC,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":["_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":"kaAKsCA,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,EAAAA,OAAAjB,EAhBqB,wKAkBlC,MAAMkB,EAAaC,EAAAA,QACbC,EAAUjB,QAAAA,EAAM,cAAce,IACpC,OACIG,EAAAA,IAACC,EAAAA,aACGnB,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,EAAAA,IAACE,kCACGpB,GAAI,GAAGiB,uBACMf,EAAS,GAAGA,cAAgBmB,EACzCC,QAASvB,EACTI,aAAcA,EACdS,QAASA,GACLC,KAEE"}

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

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

package/cjs/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":["_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":"kZAOkDA,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,EAAAA,OAAAlB,EAjBiC,uLAmB9C,MAAOmB,GAAcC,YACjB,IAAM,cAAcC,EAAAA,kBAAkBC,eAEpCC,EAAUpB,QAAAA,EAAMgB,EACtB,OACIK,EAAAA,IAACC,EAAAA,YAAW,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,EAAAA,IAACG,EAAAA,uBAAsBC,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":["_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":"sbAKkDA,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,EAAAA,OAAAf,EAdiC,+IAgB9C,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,cAAca,IACpC,OACIG,MAACC,EAAAA,YAAW,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,EAAAA,IAACG,EAAAA,sCACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

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

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

package/cjs/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":["_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":"iYAO6CA,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,EAAAA,OAAAlB,EAjB4B,uLAmBzC,MAAOmB,GAAcC,YACjB,IAAM,cAAcC,EAAAA,kBAAkBC,eAEpCC,EAAUpB,QAAAA,EAAMgB,EACtB,OACIK,EAAAA,IAACC,EAAAA,YAAW,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,EAAAA,IAACG,EAAAA,kBAAiBC,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":["_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":"qaAK6CA,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,EAAAA,OAAAf,EAd4B,+IAgBzC,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,cAAca,IACpC,OACIG,MAACC,EAAAA,YAAW,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,EAAAA,IAACG,EAAAA,iCACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

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

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

package/cjs/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":["_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":"8XAOoCA,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,EAAAA,OAAAjB,EAhBmB,wKAkBhC,MAAOkB,GAAcC,YACjB,IAAM,yBAAyBC,EAAAA,kBAAkBC,eAE/CC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAAAA,IAACC,EAAAA,aACGtB,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,EAAAA,IAACG,kBAAeC,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":["_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":"kaAKoCA,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,EAAAA,OAAAd,EAbmB,gIAehC,MAAMe,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,OACIG,MAACC,EAAAA,YAAW,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,MAACG,EAAAA,gBAAeC,OAAAC,OAAA,CACZrB,GAAI,GAAGe,eACPA,QAAS,GAAGA,uBACCb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

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

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

package/cjs/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":["_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":"mYAOqCA,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,EAAAA,OAAAlB,EAjBoB,uLAmBjC,MAAOmB,GAAcC,YACjB,IAAM,2BAA2BC,EAAAA,kBAAkBC,eAEjDC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAAAA,IAACC,EAAAA,YAAW,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,EAAAA,IAACI,EAAAA,gCACGzB,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":["_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":"uaAKqCA,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,EAAAA,OAAAf,EAdoB,+IAgBjC,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,2BAA2Ba,IAEjD,OACIG,EAAAA,IAACC,EAAAA,aACGjB,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,EAAAA,IAACE,kCACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

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

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

package/cjs/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":["_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":"4YAO8CA,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,EAAAA,OAAAlB,EAjB6B,uLAmB1C,MAAOmB,GAAcC,YACjB,IAAM,cAAcC,EAAAA,kBAAkBC,eAGpCC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAAAA,IAACC,EAAAA,YAAW,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,EAAAA,IAACI,EAAAA,mCACGzB,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":["_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":"gbAK8CA,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,EAAAA,OAAAf,EAd6B,+IAgB1C,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,cAAca,IAEpC,OACIG,EAAAA,IAACC,EAAAA,aACGjB,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,EAAAA,IAACE,qCACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

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

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

package/cjs/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":["_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":"mMAIsCA,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,SAAAnB,EAlBqB,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,eAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAoBlC,OACIoB,EAAAA,IAACC,EAAAA,YAAW,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,EAAAA,IAACI,EAAAA,iBAAgBC,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":["_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":"kaAKsCA,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,EAAAA,OAAAhB,EAfqB,8JAiBlC,MAAMiB,EAAaC,EAAAA,QACbC,EAAUhB,QAAAA,EAAM,2BAA2Bc,IAEjD,OACIG,MAACC,EAAAA,aACGlB,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,EAAAA,IAACG,EAAAA,iBAAgBC,OAAAC,OAAA,CACbtB,GAAI,GAAGgB,uBACMd,EAAS,GAAGA,cAAgBqB,EACzCC,QAASzB,EACTI,aAAcA,GACVS,KAEE"}

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

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

package/cjs/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":["_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":"mMAIgCA,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,EAAAA,OAAAlB,EAjBe,uLAmB5B,OACImB,MAACC,EAAAA,aACGjB,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,EAAAA,IAACI,EAAAA,iBAAgBC,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":["_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":"kaAKgCA,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,EAAAA,OAAAf,EAde,+IAgB5B,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,qBAAqBa,IAE3C,OACIG,MAACC,EAAAA,YAAW,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,MAACG,EAAAA,iBAAgBC,OAAAC,OAAA,CACbrB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

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

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

package/cjs/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":["_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":"8XAOoCA,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,EAAAA,OAAAnB,EAlBmB,yMAoBhC,MAAOoB,GAAcC,YACjB,IAAM,cAAcC,EAAAA,kBAAkBC,eAEpCC,EAAUrB,QAAAA,EAAMiB,EACtB,OACIK,EAAAA,IAACC,EAAAA,YAAW,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,EAAAA,IAACI,EAAAA,+BACGZ,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":["_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":"kaAKoCA,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,EAAAA,OAAAhB,EAfmB,iKAiBhC,MAAMiB,EAAaC,EAAAA,QACbC,EAAUhB,QAAAA,EAAM,cAAcc,IACpC,OACIG,MAACC,EAAAA,aACGlB,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,EAAAA,IAACE,EAAAA,+BACGR,gBAAiBA,EACjBS,QAASrB,EAAY,cACRG,EAAS,GAAGA,cAAgBmB,EACzCrB,GAAI,GAAGgB,UACHJ,KAEE"}

package/cjs/form/form-select.js

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

package/cjs/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":["_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":"6WAOiCA,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,EAAAA,OAAApB,EAnBgB,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,eAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,YAqB7B,MAAOqB,GAAcC,YACjB,IAAM,cAAcC,EAAAA,kBAAkBC,eAEpCC,EAAUtB,QAAAA,EAAMkB,EACtB,OACIK,EAAAA,IAACC,EAAAA,YAAW,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,EAAAA,IAACI,EAAAA,YAAWC,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":["_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":"iZAKiCA,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,EAAAA,OAAAjB,EAhBgB,wKAkB7B,MAAMkB,EAAaC,EAAAA,QACbC,EAAUjB,QAAAA,EAAM,cAAce,IACpC,OACIG,EAAAA,IAACC,EAAAA,aACGnB,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,EAAAA,IAACE,6BACGpB,GAAI,GAAGiB,uBACMf,EAAS,GAAGA,cAAgBmB,EACzCC,QAASvB,EACTI,aAAcA,EACdS,QAASA,GACLC,KAEE"}

package/cjs/form/form-slider.js

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

package/cjs/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":["_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":"kLAI2BA,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,EAAAA,OAAAlB,EAjBU,uLAmBvB,OACImB,MAACC,EAAAA,aACGjB,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,EAAAA,IAACI,EAAAA,YAAWC,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":["_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":"iZAK2BA,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,EAAAA,OAAAf,EAdU,+IAgBvB,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,eAAea,IAErC,OACIG,MAACC,EAAAA,YAAW,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,MAACG,EAAAA,YAAWC,OAAAC,OAAA,CACRrB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

package/cjs/form/form-textarea.js

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

package/cjs/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":"oXAcA,MAwHaA,OAAeC,QAAMC,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,EAAAA,OACbvB,EAtBE,CAAA,QAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,WAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,iBAAA,YAwBCwB,EAAYC,GAAiBC,EAAAA,SAElCvB,GAKFwB,EAAAA,WAAU,KACNF,EAActB,EAAM,GACrB,CAACA,IA+CJ,OACIyB,EAAAA,KAACC,EAAAA,YAAW,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,EAAAA,IAACC,EAAAA,aAAYC,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,EAAAA,KAACY,EAAAA,eAAc,CAAAC,SAAA,CACVrC,GACGwB,EAAAA,KAACc,EAAAA,sBAAqB,CAAAD,SAAA,CAClBV,EAAAA,IAACY,EAAAA,8BACDZ,MAACa,EAAAA,kBAAiB,CAAA,cAtB3BtC,IAAgBD,EAAK,GAAGA,kBAAqB,0BAyB/BD,OAIZkB,EAAWiB,WACRR,MAACc,EAAAA,gBAAe,CACZ1C,MAAOqB,EACPe,UAAWjB,EAAWiB,UACtBO,oBAAqBxB,EAAWwB,yBAjBGf,EAAAA,qBAqDrC"}
+{"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":"6jBAWA,MAyHaA,OAAeC,QAAMC,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,WACHpB,EApBE,CAAA,QAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,WAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,iBAAA,SAAA,wBAsBAqB,EAAaC,EAAAA,QACbC,EAAUlB,QAAAA,EAAM,iBAAiBgB,KAEhCG,EAAYC,GAAiBC,EAAAA,SAElCvB,GAKFwB,EAAAA,WAAU,KACNF,EAActB,EAAM,GACrB,CAACA,IAkDJ,OACIyB,EAAAA,KAACC,EAAAA,YAAW,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,EAAAA,IAACC,EAAAA,aAAYC,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,EAAAA,KAAA,MAAA,CAAKa,UAAWC,EAAAA,eAAqBZ,SAAA,CAChC1B,GACG2B,MAAA,MAAA,CAAKU,UAAWE,EAAAA,sBAA4Bb,SACxCC,EAAAA,IAACa,EAAAA,iBAAgB,CACbH,UAAWI,EAAAA,kBAAwB,cAxBnDvC,IACCiB,EAAU,GAAGA,kBAA0B,iBAwBYO,SAEnC1B,MAIZgB,EAAWoB,WACRT,EAAAA,IAACe,kBAAe,CACZ3C,MAAOqB,EACPgB,UAAWpB,EAAWoB,UACtBrB,oBAAqBA,OAjBcY,EAAAA,qBAkDrC"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./form-textarea.styles_3p9qoy.css");exports.errorMessageContainer="exxic43",exports.errorMessageLabel="ebp2a0d",exports.labelContainer="l1g6v039";
+//# sourceMappingURL=form-textarea.styles.js.map

package/cjs/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":[],"mappings":"4GAUkC,oCAOJ,iCAbH"}

package/cjs/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;}