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

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;}

package/cjs/form/form-time-range-picker.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("../_virtual/_tslib.js"),e=require("react/jsx-runtime"),l=require("../time-range-picker/time-range-picker.js"),r=require("./form-wrapper.js");exports.FormTimeRangePicker=o=>{var{label:t,errorMessage:a,id:i="form-timepicker","data-error-testid":C,"data-testid":d,layoutType:x,mobileCols:m,tabletCols:b,desktopCols:p,xxsCols:g,xsCols:u,smCols:c,mdCols:k,lgCols:n,xlCols:j,xxlCols:y}=o,T=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:i,label:t,errorMessage:a,disabled:T.disabled,"data-error-testid":C,layoutType:x,mobileCols:m,tabletCols:b,desktopCols:p,xxsCols:g,xsCols:u,smCols:c,mdCols:k,lgCols:n,xlCols:j,xxlCols:y,children:e.jsx(l.TimeRangePicker,Object.assign({id:`${i}-base`,"data-testid":d||i,error:!!a},T))})};
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("../time-range-picker/time-range-picker.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.FormTimeRangePicker=i=>{var{label:t,errorMessage:o,id:d,"data-error-testid":u,"data-testid":x,layoutType:C,xxsCols:n,xsCols:m,smCols:c,mdCols:g,lgCols:p,xlCols:j,xxlCols:q}=i,y=e.__rest(i,["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-time-range-picker-${b}`;return r.jsx(a.FormWrapper,{id:v,"data-testid":x,label:t,errorMessage:o,"data-error-testid":u,layoutType:C,xxsCols:n,xsCols:m,smCols:c,mdCols:g,lgCols:p,xlCols:j,xxlCols:q,children:r.jsx(s.TimeRangePicker,Object.assign({id:`${v}-base`,"data-testid":x?`${x}-base`:void 0,error:!!o},y))})};
 //# sourceMappingURL=form-time-range-picker.js.map

package/cjs/form/form-time-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-time-range-picker.js","sources":["../../../src/form/form-time-range-picker.tsx"],"sourcesContent":["import { TimeRangePicker } from \"../time-range-picker\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormTimeRangePickerProps } from \"./types\";\n\nexport const FormTimeRangePicker = ({\n    label,\n    errorMessage,\n    id = \"form-timepicker\",\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}: FormTimeRangePickerProps): JSX.Element => {\n    return (\n        <FormWrapper\n            id={id}\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            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <TimeRangePicker\n                id={`${id}-base`}\n                data-testid={testId || id}\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","_jsx","FormWrapper","disabled","children","TimeRangePicker","Object","assign","error"],"mappings":"qMAIoCA,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EAAK,kBACL,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,EAjBmB,uLAmBhC,OACImB,EAAAA,IAACC,EAAAA,aACGjB,GAAIA,EACJF,MAAOA,EACPC,aAAcA,EACdmB,SAAUJ,EAAWI,6BACFjB,EACnBE,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,gBAAeC,OAAAC,OAAA,CACZtB,GAAI,GAAGA,SAAS,cACHE,GAAUF,EACvBuB,QAASxB,GACLe,KAEE"}
+{"version":3,"file":"form-time-range-picker.js","sources":["../../../src/form/form-time-range-picker.tsx"],"sourcesContent":["import { TimeRangePicker } from \"../time-range-picker\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormTimeRangePickerProps } from \"./types\";\n\nexport const FormTimeRangePicker = ({\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}: FormTimeRangePickerProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-time-range-picker-${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            <TimeRangePicker\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","TimeRangePicker","undefined","error"],"mappings":"oaAKoCA,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,GAAOb,EACJc,EAAUC,EAAAA,OAAAf,EAdmB,+IAgBhC,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,0BAA0Ba,IAChD,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,+BACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

package/cjs/form/form-timepicker.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("react"),l=require("../timepicker/timepicker.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.FormTimepicker=i=>{var{label:a,errorMessage:d,id:C,"data-error-testid":x,"data-testid":m,layoutType:u,mobileCols:p,tabletCols:b,desktopCols:n,xxsCols:j,xsCols:c,smCols:g,mdCols:q,lgCols:k,xlCols:y,xxlCols:v}=i,T=e.__rest(i,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[_]=r.useState((()=>`form-timepicker-input-${t.SimpleIdGenerator.generate()}`)),h=null!=C?C:_;return s.jsx(o.FormWrapper,{id:h,label:a,errorMessage:d,disabled:T.disabled,"data-error-testid":x,layoutType:u,mobileCols:p,tabletCols:b,desktopCols:n,xxsCols:j,xsCols:c,smCols:g,mdCols:q,lgCols:k,xlCols:y,xxlCols:v,children:s.jsx(l.Timepicker,Object.assign({id:`${h}-base`,"data-testid":m?`${m}-base`:void 0,error:!!d},T))})};
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("../timepicker/timepicker.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 i=require("./form-wrapper.js");exports.FormTimepicker=t=>{var{label:a,errorMessage:o,id:d,"data-error-testid":u,"data-testid":x,layoutType:C,xxsCols:m,xsCols:p,smCols:n,mdCols:c,lgCols:j,xlCols:q,xxlCols:g}=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-timepicker-input-${b}`;return r.jsx(i.FormWrapper,{id:v,label:a,errorMessage:o,"data-error-testid":u,layoutType:C,xxsCols:m,xsCols:p,smCols:n,mdCols:c,lgCols:j,xlCols:q,xxlCols:g,children:r.jsx(s.Timepicker,Object.assign({id:`${v}-base`,"data-testid":x?`${x}-base`:void 0,error:!!o},y))})};
 //# sourceMappingURL=form-timepicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-timepicker.js","sources":["../../../src/form/form-timepicker.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Timepicker } from \"../timepicker\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormTimepickerProps } from \"./types\";\n\nexport const FormTimepicker = ({\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}: FormTimepickerProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-timepicker-input-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? 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            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <Timepicker\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","children","Timepicker","Object","assign","undefined","error"],"mappings":"6WAO+BA,IAAA,IAAAC,MAC3BA,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,EAjBc,uLAmB3B,MAAOmB,GAAcC,YACjB,IAAM,yBAAyBC,EAAAA,kBAAkBC,eAE/CC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAAAA,IAACC,EAAAA,YAAW,CACRtB,GAAIoB,EACJtB,MAAOA,EACPC,aAAcA,EACdwB,SAAUT,EAAWS,SAAQ,oBACVtB,EACnBE,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,WAAUC,OAAAC,OAAA,CACP3B,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgB0B,EACzCC,QAAS9B,GACLe,KAEE"}
+{"version":3,"file":"form-timepicker.js","sources":["../../../src/form/form-timepicker.tsx"],"sourcesContent":["import { Timepicker } from \"../timepicker\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormTimepickerProps } from \"./types\";\n\nexport const FormTimepicker = ({\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}: FormTimepickerProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-timepicker-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            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <Timepicker\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","Timepicker","undefined","error"],"mappings":"iZAK+BA,IAAA,IAAAC,MAC3BA,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,EAdc,+IAgB3B,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,OACIG,MAACC,EAAAA,YAAW,CACRjB,GAAIe,EACJjB,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,4BACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

package/cjs/form/form-unit-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("../unit-number/unit-number-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.FormUnitNumberInput=a=>{var{label:i,errorMessage:d,id:u,"data-error-testid":C,"data-testid":n,layoutType:b,mobileCols:x,tabletCols:m,desktopCols:p,xxsCols:j,xsCols:g,smCols:q,mdCols:y,lgCols:c,xlCols:v,xxlCols:$}=a,_=e.__rest(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[h]=r.useState((()=>`form-unit-number-input-${t.SimpleIdGenerator.generate()}`)),k=null!=u?u:h;return s.jsx(o.FormWrapper,{id:k,"data-testid":n,label:i,errorMessage:d,"data-error-testid":C,disabled:_.disabled,layoutType:b,mobileCols:x,tabletCols:m,desktopCols:p,xxsCols:j,xsCols:g,smCols:q,mdCols:y,lgCols:c,xlCols:v,xxlCols:$,children:s.jsx(l.UnitNumberInput,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("../unit-number/unit-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 t=require("./form-wrapper.js");exports.FormUnitNumberInput=a=>{var{label:i,errorMessage:o,id:u,"data-error-testid":d,"data-testid":n,layoutType:x,xxsCols:C,xsCols:m,smCols:b,mdCols:p,lgCols:j,xlCols:q,xxlCols:c}=a,g=e.__rest(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const y=l.useId(),v=null!=u?u:`form-unit-number-input-${y}`;return r.jsx(t.FormWrapper,{id:v,"data-testid":n,label:i,errorMessage:o,"data-error-testid":d,layoutType:x,xxsCols:C,xsCols:m,smCols:b,mdCols:p,lgCols:j,xlCols:q,xxlCols:c,children:r.jsx(s.UnitNumberInput,Object.assign({id:`${v}-base`,"data-testid":n?`${n}-base`:void 0,"aria-labelledby":`${v}-label`,error:!!o},g))})};
 //# sourceMappingURL=form-unit-number-input.js.map

package/cjs/form/form-unit-number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-unit-number-input.js","sources":["../../../src/form/form-unit-number-input.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { UnitNumberInput } from \"../unit-number\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormUnitNumberInputProps } from \"./types\";\n\nexport const FormUnitNumberInput = ({\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}: FormUnitNumberInputProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-unit-number-input-${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            <UnitNumberInput\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","UnitNumberInput","undefined","error"],"mappings":"0XAOoCA,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,GAAOhB,EACJiB,EAAUC,EAAAA,OAAAlB,EAjBmB,uLAmBhC,MAAOmB,GAAcC,YACjB,IAAM,0BAA0BC,EAAAA,kBAAkBC,eAEhDC,EAAUpB,QAAAA,EAAMgB,EACtB,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,+BACGzB,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgBwB,EAAS,kBACjC,GAAGN,UACpBO,QAAS5B,GACLe,KAEE"}
+{"version":3,"file":"form-unit-number-input.js","sources":["../../../src/form/form-unit-number-input.tsx"],"sourcesContent":["import { UnitNumberInput } from \"../unit-number\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormUnitNumberInputProps } from \"./types\";\n\nexport const FormUnitNumberInput = ({\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}: FormUnitNumberInputProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-unit-number-input-${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            <UnitNumberInput\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","UnitNumberInput","undefined","error"],"mappings":"8ZAKoCA,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,GAAOb,EACJc,EAAUC,EAAAA,OAAAf,EAdmB,+IAgBhC,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,0BAA0Ba,IAChD,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,iCACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

package/cjs/form/form-wrapper.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var l=require("../util/simple-id-generator.js");require("../util/string-helper.js");var s=require("./form-label.js"),a=require("./form-label.style.js"),t=require("./form-wrapper.style.js");exports.FormWrapper=({label:i,errorMessage:o,id:d,disabled:n,children:u,layoutType:b,mobileCols:C,tabletCols:c,desktopCols:m,xxsCols:x,xsCols:g,smCols:j,mdCols:p,lgCols:v,xlCols:h,xxlCols:f,"data-testid":y,"data-error-testid":q})=>{const $=!b&&(C||c||m)?"v2-grid":!b&&(x||g||j||p||v||h||f)?"grid":b||"flex",F="string"==typeof o?o.trim():o,[E]=r.useState((()=>l.SimpleIdGenerator.generate())),w=`${null!=d?d:E}-label`,I=`${null!=d?d:E}-label-subtitle`,M=`${null!=d?d:E}-error-message`;const k=(e=>{switch(e){case"v2-grid":return t.V2_ColDivContainer;case"grid":return t.ColDivContainer;case"flex":return t.Container}})($);return e.jsxs(k,Object.assign({"data-testid":y},(e=>{switch(e){case"v2-grid":return{mobileCols:C,tabletCols:c,desktopCols:m};case"grid":return{xxsCols:x,xsCols:g,smCols:j,mdCols:p,lgCols:v,xlCols:h,xxlCols:f};case"flex":return}})($),{children:[i&&("string"==typeof i?e.jsx(s.FormLabel,{htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:w,disabled:n,children:i}):e.jsx(s.FormLabel,Object.assign({htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:w,disabled:n},i))),(()=>{const e={"aria-invalid":!!o,"aria-describedby":[F?M:void 0,"object"==typeof i&&(null==i?void 0:i.subtitle)?I:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":i?w:void 0};return r.Children.map(u,(l=>r.cloneElement(l,e)))})(),F&&e.jsxs(a.ErrorMessageContainer,{children:[e.jsx(a.ErrorIcon,{"aria-hidden":!0}),e.jsx(a.ErrorMessage,{id:M,tabIndex:0,"data-testid":null!=q?q:d?`${d}-error-message`:"error-message",children:F})]})]}))};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),l=require("../layout/col-div.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 a=require("./form-label.js"),i=require("./form-wrapper.styles.js");exports.FormWrapper=({label:t,errorMessage:o,id:d,children:n,layoutType:u,xxsCols:c,xsCols:m,smCols:x,mdCols:b,lgCols:j,xlCols:g,xxlCols:C,"data-testid":p,"data-error-testid":v})=>{const f=!u&&(c||m||x||b||j||g||C)?"grid":u||"flex",h="string"==typeof o?o.trim():o,y=s.useId(),q=`${null!=d?d:y}-label`,$=`${null!=d?d:y}-label-subtitle`,F=`${null!=d?d:y}-error-message`;const w=(e=>{switch(e){case"grid":return l.ColDiv;case"flex":return"div"}})(f);return e.jsxs(w,Object.assign({className:i.container,"data-testid":p},(e=>{switch(e){case"grid":return{xxsCols:c,xsCols:m,smCols:x,mdCols:b,lgCols:j,xlCols:g,xxlCols:C};case"flex":return}})(f),{children:[t&&("string"==typeof t?e.jsx(a.FormLabel,{htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:q,children:t}):e.jsx(a.FormLabel,Object.assign({htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:q},t))),(()=>{const e={"aria-invalid":!!o,"aria-describedby":[h?F:void 0,"object"==typeof t&&(null==t?void 0:t.subtitle)?$:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":t?q:void 0};return r.Children.map(n,(l=>r.cloneElement(l,e)))})(),h&&e.jsx(a.FormErrorMessage,{id:F,tabIndex:0,"data-testid":null!=v?v:d?`${d}-error-message`:"error-message",children:h})]}))};
 //# sourceMappingURL=form-wrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-wrapper.js","sources":["../../../src/form/form-wrapper.tsx"],"sourcesContent":["/**\n * This is a SUPPORTING component\n * (Do not include in the main export)\n *\n */\n\nimport type { ComponentType } from \"react\";\nimport { Children, cloneElement, useState } from \"react\";\n\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormLabel } from \"./form-label\";\nimport {\n    ErrorIcon,\n    ErrorMessage,\n    ErrorMessageContainer,\n} from \"./form-label.style\";\nimport {\n    ColDivContainer,\n    Container,\n    V2_ColDivContainer,\n} from \"./form-wrapper.style\";\nimport type { FormElementLayoutType, FormWrapperProps } from \"./types\";\n\nexport const FormWrapper = ({\n    label,\n    errorMessage: eRaw,\n    id,\n    disabled,\n    children,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    \"data-testid\": testId,\n    \"data-error-testid\": errorTestId,\n}: FormWrapperProps): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const updatedLayoutType = getLayoutType();\n    const errorMessage = typeof eRaw === \"string\" ? eRaw.trim() : eRaw;\n    const [internalId] = useState(() => SimpleIdGenerator.generate());\n    const labelId = `${id ?? internalId}-label`; // matches FormLabel\n    const subtitleId = `${id ?? internalId}-label-subtitle`; // matches FormLabel\n    const errorMessageId = `${id ?? internalId}-error-message`;\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const isInvalidState = (): boolean => {\n        return !!eRaw;\n    };\n\n    const hasSubtitleLabel = (): boolean => {\n        return typeof label === \"object\" && !!label?.subtitle;\n    };\n\n    const getAriaDescribedBy = (): string | undefined => {\n        return (\n            [\n                errorMessage ? errorMessageId : undefined,\n                hasSubtitleLabel() ? subtitleId : undefined,\n            ]\n                .filter(Boolean)\n                .join(\" \") || undefined\n        );\n    };\n\n    function getLayoutType(): FormElementLayoutType {\n        if (!layoutType && (mobileCols || tabletCols || desktopCols)) {\n            return \"v2-grid\";\n        } else if (\n            !layoutType &&\n            (xxsCols ||\n                xsCols ||\n                smCols ||\n                mdCols ||\n                lgCols ||\n                xlCols ||\n                xxlCols)\n        ) {\n            return \"grid\";\n        } else if (!layoutType) {\n            return \"flex\";\n        } else {\n            return layoutType;\n        }\n    }\n\n    const getContainerLayoutProps = (layoutType: FormElementLayoutType) => {\n        switch (layoutType) {\n            case \"v2-grid\":\n                return {\n                    mobileCols,\n                    tabletCols,\n                    desktopCols,\n                };\n            case \"grid\":\n                return {\n                    xxsCols,\n                    xsCols,\n                    smCols,\n                    mdCols,\n                    lgCols,\n                    xlCols,\n                    xxlCols,\n                };\n            case \"flex\":\n                return undefined;\n        }\n    };\n\n    const getContainerComponent = (\n        layoutType: FormElementLayoutType\n    ): ComponentType => {\n        switch (layoutType) {\n            case \"v2-grid\":\n                return V2_ColDivContainer;\n            case \"grid\":\n                return ColDivContainer;\n            case \"flex\":\n                return Container;\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderFormLabel = (): JSX.Element => {\n        if (typeof label === \"string\") {\n            return (\n                <FormLabel\n                    htmlFor={`${id}-base`}\n                    // FIXME: kept for backwards-compatibility\n                    // in most cases data-testid should be separate from id\n                    data-testid={id ? `${id}-label` : \"form-label\"}\n                    id={labelId}\n                    disabled={disabled}\n                >\n                    {label}\n                </FormLabel>\n            );\n        }\n        return (\n            <FormLabel\n                htmlFor={`${id}-base`}\n                data-testid={id ? `${id}-label` : \"form-label\"}\n                id={labelId}\n                disabled={disabled}\n                {...label}\n            />\n        );\n    };\n\n    const renderChildren = (): JSX.Element | JSX.Element[] => {\n        const ariaState = {\n            \"aria-invalid\": isInvalidState(),\n            \"aria-describedby\": getAriaDescribedBy(),\n            \"aria-labelledby\": label ? labelId : undefined,\n        };\n        return Children.map(children, (child) =>\n            cloneElement(child, ariaState)\n        );\n    };\n\n    const ContainerComponent = getContainerComponent(updatedLayoutType);\n\n    return (\n        <ContainerComponent\n            data-testid={testId}\n            {...getContainerLayoutProps(updatedLayoutType)}\n        >\n            {label && renderFormLabel()}\n            {renderChildren()}\n            {errorMessage && (\n                <ErrorMessageContainer>\n                    <ErrorIcon aria-hidden />\n                    <ErrorMessage\n                        id={errorMessageId}\n                        tabIndex={0}\n                        data-testid={\n                            errorTestId ??\n                            // FIXME: kept for backwards-compatibility\n                            // in most cases data-testid should be separate from id\n                            (id ? `${id}-error-message` : \"error-message\")\n                        }\n                    >\n                        {errorMessage}\n                    </ErrorMessage>\n                </ErrorMessageContainer>\n            )}\n        </ContainerComponent>\n    );\n};\n"],"names":["label","errorMessage","eRaw","id","disabled","children","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","testId","errorTestId","updatedLayoutType","trim","internalId","useState","SimpleIdGenerator","generate","labelId","subtitleId","errorMessageId","ContainerComponent","V2_ColDivContainer","ColDivContainer","Container","getContainerComponent","_jsxs","Object","assign","getContainerLayoutProps","_jsx","FormLabel","htmlFor","ariaState","undefined","subtitle","filter","Boolean","join","Children","map","child","cloneElement","renderChildren","ErrorMessageContainer","ErrorIcon","ErrorMessage","tabIndex"],"mappings":"oWAuB2B,EACvBA,QACAC,aAAcC,EACdC,KACAC,WACAC,WACAC,aACAC,aACAC,aACAC,cACAC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,UACA,cAAeC,EACf,oBAAqBC,MAKrB,MAAMC,GA+BGb,IAAeC,GAAcC,GAAcC,GACrC,WAENH,IACAI,GACGC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEG,OACCV,GACD,OA5CTL,EAA+B,iBAATC,EAAoBA,EAAKkB,OAASlB,GACvDmB,GAAcC,EAAAA,UAAS,IAAMC,EAAAA,kBAAkBC,aAChDC,EAAU,GAAGtB,QAAAA,EAAMkB,UACnBK,EAAa,GAAGvB,QAAAA,EAAMkB,mBACtBM,EAAiB,GAAGxB,QAAAA,EAAMkB,kBA8ChC,MA6EMO,EAtDwB,CAC1BtB,IAEA,OAAQA,GACJ,IAAK,UACD,OAAOuB,EAAAA,mBACX,IAAK,OACD,OAAOC,EAAAA,gBACX,IAAK,OACD,OAAOC,EAAAA,YA6CQC,CAAsBb,GAEjD,OACIc,EAAAA,KAACL,EAAkBM,OAAAC,OAAA,CAAA,cACFlB,GAjFW,CAACX,IAC7B,OAAQA,GACJ,IAAK,UACD,MAAO,CACHC,aACAC,aACAC,eAER,IAAK,OACD,MAAO,CACHC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,WAER,IAAK,OACD,SA+DAoB,CAAwBjB,cAE3BnB,IA3CgB,iBAAVA,EAEHqC,EAAAA,IAACC,YAAS,CACNC,QAAS,GAAGpC,SAAS,cAGRA,EAAK,GAAGA,UAAa,aAClCA,GAAIsB,EACJrB,SAAUA,EAAQC,SAEjBL,IAKTqC,EAAAA,IAACC,YAASJ,OAAAC,OAAA,CACNI,QAAS,GAAGpC,SAAS,cACRA,EAAK,GAAGA,UAAa,aAClCA,GAAIsB,EACJrB,SAAUA,GACNJ,KAKO,MACnB,MAAMwC,EAAY,CACd,iBA3GKtC,EA4GL,mBAnGA,CACID,EAAe0B,OAAiBc,EANhB,iBAAVzC,IAAwBA,aAAK,EAALA,EAAO0C,UAOhBhB,OAAae,GAEjCE,OAAOC,SACPC,KAAK,WAAQJ,EA+FlB,kBAAmBzC,EAAQyB,OAAUgB,GAEzC,OAAOK,EAAAA,SAASC,IAAI1C,GAAW2C,GAC3BC,eAAaD,EAAOR,IACvB,EAWIU,GACAjD,GACGgC,EAAAA,KAACkB,EAAAA,sBAAqB,CAAA9C,SAAA,CAClBgC,EAAAA,IAACe,EAAAA,UAAS,CAAA,eAAA,IACVf,EAAAA,IAACgB,gBACGlD,GAAIwB,EACJ2B,SAAU,EAAC,cAEPpC,QAAAA,EAGCf,EAAK,GAAGA,kBAAqB,yBAGjCF,UAII"}
+{"version":3,"file":"form-wrapper.js","sources":["../../../src/form/form-wrapper.tsx"],"sourcesContent":["/**\n * This is a SUPPORTING component\n * (Do not include in the main export)\n *\n */\n\nimport type { ElementType } from \"react\";\nimport { Children, cloneElement } from \"react\";\n\nimport { ColDiv } from \"../layout/col-div\";\nimport { useId } from \"../util\";\nimport { FormErrorMessage, FormLabel } from \"./form-label\";\nimport * as styles from \"./form-wrapper.styles\";\nimport type { FormElementLayoutType, FormWrapperProps } from \"./types\";\n\nexport const FormWrapper = ({\n    label,\n    errorMessage: eRaw,\n    id,\n    children,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    \"data-testid\": testId,\n    \"data-error-testid\": errorTestId,\n}: FormWrapperProps): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const updatedLayoutType = getLayoutType();\n    const errorMessage = typeof eRaw === \"string\" ? eRaw.trim() : eRaw;\n    const internalId = useId();\n    const labelId = `${id ?? internalId}-label`; // matches FormLabel\n    const subtitleId = `${id ?? internalId}-label-subtitle`; // matches FormLabel\n    const errorMessageId = `${id ?? internalId}-error-message`;\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const isInvalidState = (): boolean => {\n        return !!eRaw;\n    };\n\n    const hasSubtitleLabel = (): boolean => {\n        return typeof label === \"object\" && !!label?.subtitle;\n    };\n\n    const getAriaDescribedBy = (): string | undefined => {\n        return (\n            [\n                errorMessage ? errorMessageId : undefined,\n                hasSubtitleLabel() ? subtitleId : undefined,\n            ]\n                .filter(Boolean)\n                .join(\" \") || undefined\n        );\n    };\n\n    function getLayoutType(): FormElementLayoutType {\n        if (\n            !layoutType &&\n            (xxsCols ||\n                xsCols ||\n                smCols ||\n                mdCols ||\n                lgCols ||\n                xlCols ||\n                xxlCols)\n        ) {\n            return \"grid\";\n        } else if (!layoutType) {\n            return \"flex\";\n        } else {\n            return layoutType;\n        }\n    }\n\n    const getContainerLayoutProps = (layoutType: FormElementLayoutType) => {\n        switch (layoutType) {\n            case \"grid\":\n                return {\n                    xxsCols,\n                    xsCols,\n                    smCols,\n                    mdCols,\n                    lgCols,\n                    xlCols,\n                    xxlCols,\n                };\n            case \"flex\":\n                return undefined;\n        }\n    };\n\n    const getContainerComponent = (\n        layoutType: FormElementLayoutType\n    ): ElementType => {\n        switch (layoutType) {\n            case \"grid\":\n                return ColDiv;\n            case \"flex\":\n                return \"div\";\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderFormLabel = (): JSX.Element => {\n        if (typeof label === \"string\") {\n            return (\n                <FormLabel\n                    htmlFor={`${id}-base`}\n                    // FIXME: kept for backwards-compatibility\n                    // in most cases data-testid should be separate from id\n                    data-testid={id ? `${id}-label` : \"form-label\"}\n                    id={labelId}\n                >\n                    {label}\n                </FormLabel>\n            );\n        }\n        return (\n            <FormLabel\n                htmlFor={`${id}-base`}\n                data-testid={id ? `${id}-label` : \"form-label\"}\n                id={labelId}\n                {...label}\n            />\n        );\n    };\n\n    const renderChildren = (): JSX.Element | JSX.Element[] => {\n        const ariaState = {\n            \"aria-invalid\": isInvalidState(),\n            \"aria-describedby\": getAriaDescribedBy(),\n            \"aria-labelledby\": label ? labelId : undefined,\n        };\n        return Children.map(children, (child) =>\n            cloneElement(child, ariaState)\n        );\n    };\n\n    const ContainerComponent = getContainerComponent(updatedLayoutType);\n\n    return (\n        <ContainerComponent\n            className={styles.container}\n            data-testid={testId}\n            {...getContainerLayoutProps(updatedLayoutType)}\n        >\n            {label && renderFormLabel()}\n            {renderChildren()}\n            {errorMessage && (\n                <FormErrorMessage\n                    id={errorMessageId}\n                    tabIndex={0}\n                    data-testid={\n                        errorTestId ??\n                        // FIXME: kept for backwards-compatibility\n                        // in most cases data-testid should be separate from id\n                        (id ? `${id}-error-message` : \"error-message\")\n                    }\n                >\n                    {errorMessage}\n                </FormErrorMessage>\n            )}\n        </ContainerComponent>\n    );\n};\n"],"names":["label","errorMessage","eRaw","id","children","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","testId","errorTestId","updatedLayoutType","trim","internalId","useId","labelId","subtitleId","errorMessageId","ContainerComponent","ColDiv","getContainerComponent","_jsxs","className","styles.container","getContainerLayoutProps","_jsx","FormLabel","htmlFor","Object","assign","ariaState","undefined","subtitle","filter","Boolean","join","Children","map","child","cloneElement","renderChildren","FormErrorMessage","tabIndex"],"mappings":"0YAe2B,EACvBA,QACAC,aAAcC,EACdC,KACAC,WACAC,aACAC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,UACA,cAAeC,EACf,oBAAqBC,MAKrB,MAAMC,GAgCGV,IACAC,GACGC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEG,OACCP,GACD,OA1CTJ,EAA+B,iBAATC,EAAoBA,EAAKc,OAASd,EACxDe,EAAaC,EAAAA,QACbC,EAAU,GAAGhB,QAAAA,EAAMc,UACnBG,EAAa,GAAGjB,QAAAA,EAAMc,mBACtBI,EAAiB,GAAGlB,QAAAA,EAAMc,kBA4ChC,MAmEMK,EAlDwB,CAC1BjB,IAEA,OAAQA,GACJ,IAAK,OACD,OAAOkB,EAAAA,OACX,IAAK,OACD,MAAO,QA2CQC,CAAsBT,GAEjD,OACIU,EAAAA,KAACH,iBACGI,UAAWC,EAAAA,wBACEd,GAxEW,CAACR,IAC7B,OAAQA,GACJ,IAAK,OACD,MAAO,CACHC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,WAER,IAAK,OACD,SA4DAgB,CAAwBb,GAAkB,CAAAX,SAAA,CAE7CJ,IA1CgB,iBAAVA,EAEH6B,EAAAA,IAACC,EAAAA,UAAS,CACNC,QAAS,GAAG5B,SAAS,cAGRA,EAAK,GAAGA,UAAa,aAClCA,GAAIgB,EAAOf,SAEVJ,IAKT6B,EAAAA,IAACC,EAAAA,UAASE,OAAAC,OAAA,CACNF,QAAS,GAAG5B,SAAS,cACRA,EAAK,GAAGA,UAAa,aAClCA,GAAIgB,GACAnB,KAKO,MACnB,MAAMkC,EAAY,CACd,iBA/FKhC,EAgGL,mBAvFA,CACID,EAAeoB,OAAiBc,EANhB,iBAAVnC,IAAwBA,aAAK,EAALA,EAAOoC,UAOhBhB,OAAae,GAEjCE,OAAOC,SACPC,KAAK,WAAQJ,EAmFlB,kBAAmBnC,EAAQmB,OAAUgB,GAEzC,OAAOK,EAAAA,SAASC,IAAIrC,GAAWsC,GAC3BC,eAAaD,EAAOR,IACvB,EAYIU,GACA3C,GACG4B,EAAAA,IAACgB,EAAAA,kBACG1C,GAAIkB,EACJyB,SAAU,EAAC,cAEPhC,QAAAA,EAGCX,EAAK,GAAGA,kBAAqB,gBAAgBC,SAGjDH,OAGQ"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./form-wrapper.styles_199rslu.css");exports.container="c10mmo3e";
+//# sourceMappingURL=form-wrapper.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-wrapper.styles.js","sources":["../../../src/form/form-wrapper.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../theme\";\n\nexport const container = css`\n    display: flex;\n    flex-direction: column;\n\n    &:not(:last-child) {\n        margin-bottom: ${Spacing[\"spacing-32\"]};\n    }\n`;\n"],"names":[],"mappings":"gGAIsB"}

package/cjs/form/form-wrapper.styles_199rslu.css

@@ -0,0 +1 @@
+.c10mmo3e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.c10mmo3e:not(:last-child){margin-bottom:var(--fds-spacing-32);}

package/cjs/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/form/index.ts"],"sourcesContent":["import { FormCustomField } from \"./form-custom-field\";\nimport { FormDateInput } from \"./form-date-input\";\nimport { FormDateRangeInput } from \"./form-date-range-input\";\nimport { FormESignature } from \"./form-e-signature\";\nimport { FormHistogramSlider } from \"./form-histogram\";\nimport { FormInput } from \"./form-input\";\nimport { FormInputGroup } from \"./form-input-group\";\nimport { FormLabel } from \"./form-label\";\nimport { FormMaskedInput } from \"./form-masked-input\";\nimport { FormMultiSelect } from \"./form-multi-select\";\nimport { FormNestedMultiSelect } from \"./form-nested-multi-select\";\nimport { FormNestedSelect } from \"./form-nested-select\";\nimport { FormOtpVerification } from \"./form-otp-verification\";\nimport { FormPhoneNumberInput } from \"./form-phone-number-input\";\nimport { FormPredictiveTextInput } from \"./form-predictive-text-input\";\nimport { FormRangeSelect } from \"./form-range-select\";\nimport { FormRangeSlider } from \"./form-range-slider\";\nimport { FormSelect } from \"./form-select\";\nimport { FormSelectHistogram } from \"./form-select-histogram\";\nimport { FormSlider } from \"./form-slider\";\nimport { FormTextarea } from \"./form-textarea\";\nimport { FormTimeRangePicker } from \"./form-time-range-picker\";\nimport { FormTimepicker } from \"./form-timepicker\";\nimport { FormUnitNumberInput } from \"./form-unit-number-input\";\n\nexport const Form = {\n    DateInput: FormDateInput,\n    DateRangeInput: FormDateRangeInput,\n    ESignature: FormESignature,\n    HistogramSlider: FormHistogramSlider,\n    Input: FormInput,\n    InputGroup: FormInputGroup,\n    MaskedInput: FormMaskedInput,\n    Label: FormLabel,\n    MultiSelect: FormMultiSelect,\n    NestedSelect: FormNestedSelect,\n    NestedMultiSelect: FormNestedMultiSelect,\n    Select: FormSelect,\n    SelectHistogram: FormSelectHistogram,\n    Slider: FormSlider,\n    RangeSlider: FormRangeSlider,\n    RangeSelect: FormRangeSelect,\n    Textarea: FormTextarea,\n    Timepicker: FormTimepicker,\n    TimeRangePicker: FormTimeRangePicker,\n    CustomField: FormCustomField,\n    UnitNumberInput: FormUnitNumberInput,\n    PhoneNumberInput: FormPhoneNumberInput,\n    PredictiveTextInput: FormPredictiveTextInput,\n    OtpVerification: FormOtpVerification,\n};\n"],"names":["Form","DateInput","FormDateInput","DateRangeInput","FormDateRangeInput","ESignature","FormESignature","HistogramSlider","FormHistogramSlider","Input","FormInput","InputGroup","FormInputGroup","MaskedInput","FormMaskedInput","Label","FormLabel","MultiSelect","FormMultiSelect","NestedSelect","FormNestedSelect","NestedMultiSelect","FormNestedMultiSelect","Select","FormSelect","SelectHistogram","FormSelectHistogram","Slider","FormSlider","RangeSlider","FormRangeSlider","RangeSelect","FormRangeSelect","Textarea","FormTextarea","Timepicker","FormTimepicker","TimeRangePicker","FormTimeRangePicker","CustomField","FormCustomField","UnitNumberInput","FormUnitNumberInput","PhoneNumberInput","FormPhoneNumberInput","PredictiveTextInput","FormPredictiveTextInput","OtpVerification","FormOtpVerification"],"mappings":"u3BAyBO,MAAMA,EAAO,CAChBC,UAAWC,EAAAA,cACXC,eAAgBC,EAAAA,mBAChBC,WAAYC,EAAAA,eACZC,gBAAiBC,EAAAA,oBACjBC,MAAOC,EAAAA,UACPC,WAAYC,EAAAA,eACZC,YAAaC,EAAAA,gBACbC,MAAOC,EAAAA,UACPC,YAAaC,EAAAA,gBACbC,aAAcC,EAAAA,iBACdC,kBAAmBC,EAAAA,sBACnBC,OAAQC,EAAAA,WACRC,gBAAiBC,EAAAA,oBACjBC,OAAQC,EAAAA,WACRC,YAAaC,EAAAA,gBACbC,YAAaC,EAAAA,gBACbC,SAAUC,EAAAA,aACVC,WAAYC,EAAAA,eACZC,gBAAiBC,EAAAA,oBACjBC,YAAaC,EAAAA,gBACbC,gBAAiBC,EAAAA,oBACjBC,iBAAkBC,EAAAA,qBAClBC,oBAAqBC,EAAAA,wBACrBC,gBAAiBC,EAAAA"}
+{"version":3,"file":"index.js","sources":["../../../src/form/index.ts"],"sourcesContent":["import { FormCustomField } from \"./form-custom-field\";\nimport { FormDateInput } from \"./form-date-input\";\nimport { FormDateRangeInput } from \"./form-date-range-input\";\nimport { FormESignature } from \"./form-e-signature\";\nimport { FormHistogramSlider } from \"./form-histogram\";\nimport { FormInput } from \"./form-input\";\nimport { FormInputGroup } from \"./form-input-group\";\nimport { FormLabel } from \"./form-label\";\nimport { FormMaskedInput } from \"./form-masked-input\";\nimport { FormMultiSelect } from \"./form-multi-select\";\nimport { FormNestedMultiSelect } from \"./form-nested-multi-select\";\nimport { FormNestedSelect } from \"./form-nested-select\";\nimport { FormOtpVerification } from \"./form-otp-verification\";\nimport { FormPhoneNumberInput } from \"./form-phone-number-input\";\nimport { FormPredictiveTextInput } from \"./form-predictive-text-input\";\nimport { FormRangeSelect } from \"./form-range-select\";\nimport { FormRangeSlider } from \"./form-range-slider\";\nimport { FormSelect } from \"./form-select\";\nimport { FormSelectHistogram } from \"./form-select-histogram\";\nimport { FormSlider } from \"./form-slider\";\nimport { FormTextarea } from \"./form-textarea\";\nimport { FormTimeRangePicker } from \"./form-time-range-picker\";\nimport { FormTimepicker } from \"./form-timepicker\";\nimport { FormUnitNumberInput } from \"./form-unit-number-input\";\n\nexport * from \"./types\";\n\nexport const Form = {\n    DateInput: FormDateInput,\n    DateRangeInput: FormDateRangeInput,\n    ESignature: FormESignature,\n    HistogramSlider: FormHistogramSlider,\n    Input: FormInput,\n    InputGroup: FormInputGroup,\n    MaskedInput: FormMaskedInput,\n    Label: FormLabel,\n    MultiSelect: FormMultiSelect,\n    NestedSelect: FormNestedSelect,\n    NestedMultiSelect: FormNestedMultiSelect,\n    Select: FormSelect,\n    SelectHistogram: FormSelectHistogram,\n    Slider: FormSlider,\n    RangeSlider: FormRangeSlider,\n    RangeSelect: FormRangeSelect,\n    Textarea: FormTextarea,\n    Timepicker: FormTimepicker,\n    TimeRangePicker: FormTimeRangePicker,\n    CustomField: FormCustomField,\n    UnitNumberInput: FormUnitNumberInput,\n    PhoneNumberInput: FormPhoneNumberInput,\n    PredictiveTextInput: FormPredictiveTextInput,\n    OtpVerification: FormOtpVerification,\n};\n"],"names":["Form","DateInput","FormDateInput","DateRangeInput","FormDateRangeInput","ESignature","FormESignature","HistogramSlider","FormHistogramSlider","Input","FormInput","InputGroup","FormInputGroup","MaskedInput","FormMaskedInput","Label","FormLabel","MultiSelect","FormMultiSelect","NestedSelect","FormNestedSelect","NestedMultiSelect","FormNestedMultiSelect","Select","FormSelect","SelectHistogram","FormSelectHistogram","Slider","FormSlider","RangeSlider","FormRangeSlider","RangeSelect","FormRangeSelect","Textarea","FormTextarea","Timepicker","FormTimepicker","TimeRangePicker","FormTimeRangePicker","CustomField","FormCustomField","UnitNumberInput","FormUnitNumberInput","PhoneNumberInput","FormPhoneNumberInput","PredictiveTextInput","FormPredictiveTextInput","OtpVerification","FormOtpVerification"],"mappings":"u3BA2BO,MAAMA,EAAO,CAChBC,UAAWC,EAAAA,cACXC,eAAgBC,EAAAA,mBAChBC,WAAYC,EAAAA,eACZC,gBAAiBC,EAAAA,oBACjBC,MAAOC,EAAAA,UACPC,WAAYC,EAAAA,eACZC,YAAaC,EAAAA,gBACbC,MAAOC,EAAAA,UACPC,YAAaC,EAAAA,gBACbC,aAAcC,EAAAA,iBACdC,kBAAmBC,EAAAA,sBACnBC,OAAQC,EAAAA,WACRC,gBAAiBC,EAAAA,oBACjBC,OAAQC,EAAAA,WACRC,YAAaC,EAAAA,gBACbC,YAAaC,EAAAA,gBACbC,SAAUC,EAAAA,aACVC,WAAYC,EAAAA,eACZC,gBAAiBC,EAAAA,oBACjBC,YAAaC,EAAAA,gBACbC,gBAAiBC,EAAAA,oBACjBC,iBAAkBC,EAAAA,qBAClBC,oBAAqBC,EAAAA,wBACrBC,gBAAiBC,EAAAA"}