@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-nested-select.js","sources":["../../../../src/form/form-nested-select/form-nested-select.tsx"],"sourcesContent":["import { InputNestedSelect } from \"../../input-nested-select\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormNestedSelectProps } from \"./types\";\n\nexport const FormNestedSelect = <V1, V2, V3>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormNestedSelectProps<V1, V2, V3>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputNestedSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputNestedSelect","undefined","error"],"mappings":"wbAK6CA,IAAA,IAAAC,MACzCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAA,OAAAf,EAd4B,+IAgBzC,MAAMgB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,cAAca,IACpC,OACIG,MAACC,EAAAA,YAAW,CACRjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAAAA,IAACG,EAAAA,iCACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

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

@@ -0,0 +1,2 @@
+"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/form-otp-verification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-otp-verification.js","sources":["../../../../src/form/form-otp-verification/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":"qbAKoCA,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/form-phone-number-input.js

@@ -0,0 +1,2 @@
+"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/form-phone-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-phone-number-input.js","sources":["../../../../src/form/form-phone-number-input/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":"0bAKqCA,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/form-predictive-text-input.js

@@ -0,0 +1,2 @@
+"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/form-predictive-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-predictive-text-input.js","sources":["../../../../src/form/form-predictive-text-input/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":"mcAK8CA,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/form-range-select.js

@@ -0,0 +1,2 @@
+"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/form-range-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-range-select.js","sources":["../../../../src/form/form-range-select/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":"qbAKsCA,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/form-range-slider.js

@@ -0,0 +1,2 @@
+"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/form-range-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-range-slider.js","sources":["../../../../src/form/form-range-slider/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":"qbAKgCA,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/form-select.js

@@ -0,0 +1,2 @@
+"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/form-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.js","sources":["../../../../src/form/form-select/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":"oaAKiCA,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-select-histogram/form-select-histogram.js

@@ -0,0 +1,2 @@
+"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/form-select-histogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select-histogram.js","sources":["../../../../src/form/form-select-histogram/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":"qbAKoCA,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-slider/form-slider.js

@@ -0,0 +1,2 @@
+"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/form-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-slider.js","sources":["../../../../src/form/form-slider/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":"oaAK2BA,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/form-textarea.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.js","sources":["../../../../src/form/form-textarea/form-textarea.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Textarea } from \"../../input-textarea/textarea\";\nimport type { TextareaRef } from \"../../input-textarea/types\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormTextareaProps } from \"./types\";\n\nconst FormTextareaComponent = (\n    props: FormTextareaProps,\n    ref: TextareaRef\n): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        ...otherProps\n    } = props;\n\n    const internalId = useId();\n    const inputId = id ?? `form-textarea-${internalId}`;\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            <Textarea\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                data-error-testid={errorTestId ?? `${inputId}-error-message`}\n                errorMessage={errorMessage}\n                ref={ref}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormTextarea = React.forwardRef(FormTextareaComponent);\n"],"names":["FormTextarea","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","Textarea","Object","assign","undefined"],"mappings":"ydAQA,MAkDaA,OAAeC,QAAMC,YAlDJ,CAC1BC,EACAC,KAEA,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAd,EADGe,EAAUC,EAAAA,OACbhB,EAfE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAiBAiB,EAAaC,EAAAA,QACbC,EAAUf,QAAAA,EAAM,iBAAiBa,IAEvC,OACIG,EAAAA,IAACC,EAAAA,aACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPK,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAAAA,IAACG,EAAAA,SAAQC,OAAAC,OAAA,CACLrB,GAAI,GAAGe,SAAc,cACRb,EAAS,GAAGA,cAAgBoB,EAAS,oBAC/BrB,QAAAA,EAAe,GAAGc,kBACrChB,aAAcA,EACdF,IAAKA,GACDc,KAEE"}

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

@@ -0,0 +1,2 @@
+"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/form-time-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-time-range-picker.js","sources":["../../../../src/form/form-time-range-picker/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":"ubAKoCA,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/form-timepicker.js

@@ -0,0 +1,2 @@
+"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/form-timepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-timepicker.js","sources":["../../../../src/form/form-timepicker/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":"oaAK+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/form-unit-number-input.js

@@ -0,0 +1,2 @@
+"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/form-unit-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-unit-number-input.js","sources":["../../../../src/form/form-unit-number-input/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":"ibAKoCA,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("../util/date-helper.js"),require("../util/date-input-helper.js");var l=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var s=require("./form-label.js"),i=require("./form-label.style.js"),t=require("./form-wrapper.style.js");exports.FormWrapper=({label:a,errorMessage:o,id:d,disabled:n,children:u,layoutType:b,mobileCols:c,tabletCols:m,desktopCols:C,xxsCols:x,xsCols:g,smCols:j,mdCols:p,lgCols:h,xlCols:v,xxlCols:f,"data-testid":q,"data-error-testid":y})=>{const $=!b&&(c||m||C)?"v2-grid":!b&&(x||g||j||p||h||v||f)?"grid":b||"flex",E="string"==typeof o?o.trim():o,F=l.useId(),w=`${null!=d?d:F}-label`,I=`${null!=d?d:F}-label-subtitle`,M=`${null!=d?d:F}-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":q},(e=>{switch(e){case"v2-grid":return{mobileCols:c,tabletCols:m,desktopCols:C};case"grid":return{xxsCols:x,xsCols:g,smCols:j,mdCols:p,lgCols:h,xlCols:v,xxlCols:f};case"flex":return}})($),{children:[a&&("string"==typeof a?e.jsx(s.FormLabel,{htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:w,disabled:n,children:a}):e.jsx(s.FormLabel,Object.assign({htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:w,disabled:n},a))),(()=>{const e={"aria-invalid":!!o,"aria-describedby":[E?M:void 0,"object"==typeof a&&(null==a?void 0:a.subtitle)?I:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":a?w:void 0};return r.Children.map(u,(l=>r.isValidElement(l)&&l.type===r.Fragment?r.cloneElement(l):r.cloneElement(l,e)))})(),E&&e.jsxs(i.ErrorMessageContainer,{children:[e.jsx(i.ErrorIcon,{"aria-hidden":!0}),e.jsx(i.ErrorMessage,{id:M,tabIndex:0,"data-testid":null!=y?y:d?`${d}-error-message`:"error-message",children:E})]})]}))};
+"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/form-label.js"),t=require("./form-wrapper.styles.js");exports.FormWrapper=({label:i,errorMessage:o,id:d,children:n,layoutType:u,xxsCols:c,xsCols:m,smCols:b,mdCols:x,lgCols:j,xlCols:g,xxlCols:C,"data-testid":p,"data-error-testid":v})=>{const f=!u&&(c||m||b||x||j||g||C)?"grid":u||"flex",y="string"==typeof o?o.trim():o,h=s.useId(),q=`${null!=d?d:h}-label`,$=`${null!=d?d:h}-label-subtitle`,F=`${null!=d?d:h}-error-message`;const E=(e=>{switch(e){case"grid":return l.ColDiv;case"flex":return"div"}})(f);return e.jsxs(E,Object.assign({className:t.container,"data-testid":p},(e=>{switch(e){case"grid":return{xxsCols:c,xsCols:m,smCols:b,mdCols:x,lgCols:j,xlCols:g,xxlCols:C};case"flex":return}})(f),{children:[i&&("string"==typeof i?e.jsx(a.FormLabel,{htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:q,children:i}):e.jsx(a.FormLabel,Object.assign({htmlFor:`${d}-base`,"data-testid":d?`${d}-label`:"form-label",id:q},i))),(()=>{const e={"aria-invalid":!!o,"aria-describedby":[y?F:void 0,"object"==typeof i&&(null==i?void 0:i.subtitle)?$:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":i?q:void 0};return r.Children.map(n,(l=>r.isValidElement(l)&&l.type===r.Fragment?r.cloneElement(l):r.cloneElement(l,e)))})(),y&&e.jsx(a.FormErrorMessage,{id:F,tabIndex:0,"data-testid":null!=v?v:d?`${d}-error-message`:"error-message",children:y})]}))};
 //# 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 {\n    Children,\n    ComponentType,\n    Fragment,\n    cloneElement,\n    isValidElement,\n} from \"react\";\nimport { useId } 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 { 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 = 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 (!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            if (isValidElement(child) && child.type === Fragment) {\n                return cloneElement(child);\n            }\n            return 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","useId","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","isValidElement","type","Fragment","cloneElement","renderChildren","ErrorMessageContainer","ErrorIcon","ErrorMessage","tabIndex"],"mappings":"0aA2B2B,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,EACxDmB,EAAaC,EAAAA,QACbC,EAAU,GAAGpB,QAAAA,EAAMkB,UACnBG,EAAa,GAAGrB,QAAAA,EAAMkB,mBACtBI,EAAiB,GAAGtB,QAAAA,EAAMkB,kBA8ChC,MAgFMK,EAzDwB,CAC1BpB,IAEA,OAAQA,GACJ,IAAK,UACD,OAAOqB,EAAAA,mBACX,IAAK,OACD,OAAOC,EAAAA,gBACX,IAAK,OACD,OAAOC,EAAAA,YAgDQC,CAAsBX,GAEjD,OACIY,EAAAA,KAACL,EAAkBM,OAAAC,OAAA,CAAA,cACFhB,GApFW,CAACX,IAC7B,OAAQA,GACJ,IAAK,UACD,MAAO,CACHC,aACAC,aACAC,eAER,IAAK,OACD,MAAO,CACHC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,WAER,IAAK,OACD,SAkEAkB,CAAwBf,cAE3BnB,IA9CgB,iBAAVA,EAEHmC,EAAAA,IAACC,YAAS,CACNC,QAAS,GAAGlC,SAAS,cAGRA,EAAK,GAAGA,UAAa,aAClCA,GAAIoB,EACJnB,SAAUA,EAAQC,SAEjBL,IAKTmC,EAAAA,IAACC,YAASJ,OAAAC,OAAA,CACNI,QAAS,GAAGlC,SAAS,cACRA,EAAK,GAAGA,UAAa,aAClCA,GAAIoB,EACJnB,SAAUA,GACNJ,KAKO,MACnB,MAAMsC,EAAY,CACd,iBA3GKpC,EA4GL,mBAnGA,CACID,EAAewB,OAAiBc,EANhB,iBAAVvC,IAAwBA,aAAK,EAALA,EAAOwC,UAOhBhB,OAAae,GAEjCE,OAAOC,SACPC,KAAK,WAAQJ,EA+FlB,kBAAmBvC,EAAQuB,OAAUgB,GAEzC,OAAOK,WAASC,IAAIxC,GAAWyC,GACvBC,EAAAA,eAAeD,IAAUA,EAAME,OAASC,EAAAA,SACjCC,EAAAA,aAAaJ,GAEjBI,EAAAA,aAAaJ,EAAOR,IAC7B,EAWGa,GACAlD,GACG8B,EAAAA,KAACqB,EAAAA,sBAAqB,CAAA/C,SAAA,CAClB8B,EAAAA,IAACkB,EAAAA,UAAS,CAAA,eAAA,IACVlB,EAAAA,IAACmB,gBACGnD,GAAIsB,EACJ8B,SAAU,EAAC,cAEPrC,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, Fragment, isValidElement } 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            if (isValidElement(child) && child.type === Fragment) {\n                return cloneElement(child);\n            }\n            return 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","isValidElement","type","Fragment","cloneElement","renderChildren","FormErrorMessage","tabIndex"],"mappings":"qZAe2B,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,MAsEMK,EArDwB,CAC1BjB,IAEA,OAAQA,GACJ,IAAK,OACD,OAAOkB,EAAAA,OACX,IAAK,OACD,MAAO,QA8CQC,CAAsBT,GAEjD,OACIU,EAAAA,KAACH,iBACGI,UAAWC,EAAAA,wBACEd,GA3EW,CAACR,IAC7B,OAAQA,GACJ,IAAK,OACD,MAAO,CACHC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,WAER,IAAK,OACD,SA+DAgB,CAAwBb,GAAkB,CAAAX,SAAA,CAE7CJ,IA7CgB,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,WAASC,IAAIrC,GAAWsC,GACvBC,EAAAA,eAAeD,IAAUA,EAAME,OAASC,EAAAA,SACjCC,EAAAA,aAAaJ,GAEjBI,EAAAA,aAAaJ,EAAOR,IAC7B,EAYGa,GACA9C,GACG4B,EAAAA,IAACmB,EAAAA,kBACG7C,GAAIkB,EACJ4B,SAAU,EAAC,cAEPnC,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 @@
+@layer fds{.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

@@ -1,2 +1,2 @@
-"use strict";var e=require("./form-custom-field.js"),r=require("./form-date-input.js"),t=require("./form-date-range-input.js"),i=require("./form-e-signature.js"),m=require("./form-histogram.js"),u=require("./form-input.js"),o=require("./form-input-group.js"),s=require("./form-label.js"),n=require("./form-masked-input.js"),a=require("./form-multi-select.js"),l=require("./form-nested-multi-select.js"),p=require("./form-nested-select.js"),c=require("./form-otp-verification.js"),f=require("./form-phone-number-input.js"),F=require("./form-predictive-text-input.js"),d=require("./form-range-select.js"),j=require("./form-range-slider.js"),q=require("./form-select.js"),g=require("./form-select-histogram.js"),S=require("./form-slider.js"),I=require("./form-textarea.js"),b=require("./form-time-range-picker.js"),k=require("./form-timepicker.js"),N=require("./form-unit-number-input.js");const R={DateInput:r.FormDateInput,DateRangeInput:t.FormDateRangeInput,ESignature:i.FormESignature,HistogramSlider:m.FormHistogramSlider,Input:u.FormInput,InputGroup:o.FormInputGroup,MaskedInput:n.FormMaskedInput,Label:s.FormLabel,MultiSelect:a.FormMultiSelect,NestedSelect:p.FormNestedSelect,NestedMultiSelect:l.FormNestedMultiSelect,Select:q.FormSelect,SelectHistogram:g.FormSelectHistogram,Slider:S.FormSlider,RangeSlider:j.FormRangeSlider,RangeSelect:d.FormRangeSelect,Textarea:I.FormTextarea,Timepicker:k.FormTimepicker,TimeRangePicker:b.FormTimeRangePicker,CustomField:e.FormCustomField,UnitNumberInput:N.FormUnitNumberInput,PhoneNumberInput:f.FormPhoneNumberInput,PredictiveTextInput:F.FormPredictiveTextInput,OtpVerification:c.FormOtpVerification};exports.Form=R;
+"use strict";var e=require("./form-custom-field/form-custom-field.js"),r=require("./form-date-input/form-date-input.js"),t=require("./form-date-range-input/form-date-range-input.js"),i=require("./form-e-signature/form-e-signature.js"),m=require("./form-histogram-slider/form-histogram-slider.js"),o=require("./form-input/form-input.js"),u=require("./form-input-group/form-input-group.js"),n=require("./form-label/form-label.js"),s=require("./form-masked-input/form-masked-input.js"),a=require("./form-multi-select/form-multi-select.js"),f=require("./form-nested-multi-select/form-nested-multi-select.js"),l=require("./form-nested-select/form-nested-select.js"),p=require("./form-otp-verification/form-otp-verification.js"),c=require("./form-phone-number-input/form-phone-number-input.js"),d=require("./form-predictive-text-input/form-predictive-text-input.js"),g=require("./form-range-select/form-range-select.js"),F=require("./form-range-slider/form-range-slider.js"),j=require("./form-select/form-select.js"),q=require("./form-select-histogram/form-select-histogram.js"),S=require("./form-slider/form-slider.js"),I=require("./form-textarea/form-textarea.js"),b=require("./form-time-range-picker/form-time-range-picker.js"),k=require("./form-timepicker/form-timepicker.js"),x=require("./form-unit-number-input/form-unit-number-input.js");const h={CustomField:e.FormCustomField,DateInput:r.FormDateInput,DateRangeInput:t.FormDateRangeInput,ESignature:i.FormESignature,HistogramSlider:m.FormHistogramSlider,Input:o.FormInput,InputGroup:u.FormInputGroup,Label:n.FormLabel,MaskedInput:s.FormMaskedInput,MultiSelect:a.FormMultiSelect,NestedMultiSelect:f.FormNestedMultiSelect,NestedSelect:l.FormNestedSelect,OtpVerification:p.FormOtpVerification,PhoneNumberInput:c.FormPhoneNumberInput,PredictiveTextInput:d.FormPredictiveTextInput,RangeSelect:g.FormRangeSelect,RangeSlider:F.FormRangeSlider,Select:j.FormSelect,SelectHistogram:q.FormSelectHistogram,Slider:S.FormSlider,Textarea:I.FormTextarea,Timepicker:k.FormTimepicker,TimeRangePicker:b.FormTimeRangePicker,UnitNumberInput:x.FormUnitNumberInput};exports.Form=h;
 //# sourceMappingURL=index.js.map

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 * 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"}
+{"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-slider\";\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 type { FormCustomFieldProps } from \"./form-custom-field/types\";\nexport type { FormDateInputProps } from \"./form-date-input/types\";\nexport type { FormDateRangeInputProps } from \"./form-date-range-input/types\";\nexport type { FormESignatureProps } from \"./form-e-signature/types\";\nexport type { FormHistogramSliderProps } from \"./form-histogram-slider/types\";\nexport type { FormInputProps } from \"./form-input/types\";\nexport type { FormInputGroupProps } from \"./form-input-group/types\";\nexport type {\n    FormLabelAddonProps,\n    FormLabelAddonType,\n    FormLabelProps,\n} from \"./form-label/types\";\nexport type { FormMaskedInputProps } from \"./form-masked-input/types\";\nexport type { FormMultiSelectProps } from \"./form-multi-select/types\";\nexport type { FormNestedMultiSelectProps } from \"./form-nested-multi-select/types\";\nexport type { FormNestedSelectProps } from \"./form-nested-select/types\";\nexport type { FormPhoneNumberInputProps } from \"./form-phone-number-input/types\";\nexport type { FormPredictiveTextInputProps } from \"./form-predictive-text-input/types\";\nexport type { FormInputRangeSelectProps } from \"./form-range-select/types\";\nexport type { FormRangeSliderProps } from \"./form-range-slider/types\";\nexport type { FormInputSelectProps } from \"./form-select/types\";\nexport type { FormSelectHistogramProps } from \"./form-select-histogram/types\";\nexport type { FormSliderProps } from \"./form-slider/types\";\nexport type { FormTextareaProps } from \"./form-textarea/types\";\nexport type { FormTimeRangePickerProps } from \"./form-time-range-picker/types\";\nexport type { FormTimepickerProps } from \"./form-timepicker/types\";\nexport type { FormUnitNumberInputProps } from \"./form-unit-number-input/types\";\nexport * from \"./types\";\n\n// @catalog\n/**\n * A collection of form field components that each combine a label, input\n * control, and inline error message with consistent ARIA wiring.\n *\n * Use `Form.*` sub-components to build accessible forms. Use `Form.CustomField` to wrap any\n * bespoke input element in the same layout.\n *\n * Sub-components:\n * - `Form.CustomField` — layout shell for wrapping custom input elements.\n * - `Form.DateInput` — single date picker.\n * - `Form.DateRangeInput` — date range picker.\n * - `Form.ESignature` — e-signature capture field.\n * - `Form.HistogramSlider` — range slider with histogram overlay.\n * - `Form.Input` — single-line text input field.\n * - `Form.InputGroup` — grouped inputs with shared label and error state.\n * - `Form.Label` — standalone label for use outside a `Form.*` field.\n * - `Form.MaskedInput` — text input with a character-level input mask.\n * - `Form.MultiSelect` — multi-value dropdown select.\n * - `Form.NestedMultiSelect` — hierarchical multi-value select.\n * - `Form.NestedSelect` — hierarchical single-value select.\n * - `Form.OtpVerification` — OTP send-and-verify flow.\n * - `Form.PhoneNumberInput` — phone number input with country code selection.\n * - `Form.PredictiveTextInput` — text input with predictive suggestions.\n * - `Form.RangeSelect` — dual-value range dropdown select.\n * - `Form.RangeSlider` — dual-handle range slider.\n * - `Form.Select` — single-value dropdown select.\n * - `Form.SelectHistogram` — select control with histogram.\n * - `Form.Slider` — single-value range slider.\n * - `Form.Textarea` — multi-line text area.\n * - `Form.Timepicker` — time picker.\n * - `Form.TimeRangePicker` — time range picker.\n * - `Form.UnitNumberInput` — structured unit number input.\n * @keywords field, label, input\n */\nexport const Form = {\n    /** Layout shell that wraps any custom input element with label, subtitle, and error message. */\n    CustomField: FormCustomField,\n\n    /** Single date picker with form layout. */\n    DateInput: FormDateInput,\n\n    /** Date range picker with form layout. */\n    DateRangeInput: FormDateRangeInput,\n\n    /** E-signature capture field with form layout. */\n    ESignature: FormESignature,\n\n    /** Range slider with histogram overlay and form layout. */\n    HistogramSlider: FormHistogramSlider,\n\n    /** Single-line text input field with form layout. */\n    Input: FormInput,\n\n    /** Grouped inputs with shared label, error state, and form layout. */\n    InputGroup: FormInputGroup,\n\n    /** Standalone label element for use outside a `Form.*` field with optional subtitle and addon icon. */\n    Label: FormLabel,\n\n    /** Text input with a character-level input mask and form layout. */\n    MaskedInput: FormMaskedInput,\n\n    /** Multi-value dropdown select with form layout. */\n    MultiSelect: FormMultiSelect,\n\n    /** Hierarchical multi-value select with form layout. */\n    NestedMultiSelect: FormNestedMultiSelect,\n\n    /** Hierarchical single-value select with form layout. */\n    NestedSelect: FormNestedSelect,\n\n    /** OTP send-and-verify flow with form layout. */\n    OtpVerification: FormOtpVerification,\n\n    /** Phone number input with country code selection and form layout. */\n    PhoneNumberInput: FormPhoneNumberInput,\n\n    /** Text input with predictive suggestions and form layout. */\n    PredictiveTextInput: FormPredictiveTextInput,\n\n    /** Dual-value range dropdown select with form layout. */\n    RangeSelect: FormRangeSelect,\n\n    /** Dual-handle range slider with form layout. */\n    RangeSlider: FormRangeSlider,\n\n    /** Single-value dropdown select with form layout. */\n    Select: FormSelect,\n\n    /** Select control with histogram and form layout. */\n    SelectHistogram: FormSelectHistogram,\n\n    /** Single-value range slider with form layout. */\n    Slider: FormSlider,\n\n    /** Multi-line text area with form layout. */\n    Textarea: FormTextarea,\n\n    /** Time picker with form layout. */\n    Timepicker: FormTimepicker,\n\n    /** Time range picker with form layout. */\n    TimeRangePicker: FormTimeRangePicker,\n\n    /** Structured unit number input with form layout. */\n    UnitNumberInput: FormUnitNumberInput,\n};\n"],"names":["Form","CustomField","FormCustomField","DateInput","FormDateInput","DateRangeInput","FormDateRangeInput","ESignature","FormESignature","HistogramSlider","FormHistogramSlider","Input","FormInput","InputGroup","FormInputGroup","Label","FormLabel","MaskedInput","FormMaskedInput","MultiSelect","FormMultiSelect","NestedMultiSelect","FormNestedMultiSelect","NestedSelect","FormNestedSelect","OtpVerification","FormOtpVerification","PhoneNumberInput","FormPhoneNumberInput","PredictiveTextInput","FormPredictiveTextInput","RangeSelect","FormRangeSelect","RangeSlider","FormRangeSlider","Select","FormSelect","SelectHistogram","FormSelectHistogram","Slider","FormSlider","Textarea","FormTextarea","Timepicker","FormTimepicker","TimeRangePicker","FormTimeRangePicker","UnitNumberInput","FormUnitNumberInput"],"mappings":"2zCAyFO,MAAMA,EAAO,CAEhBC,YAAaC,EAAAA,gBAGbC,UAAWC,EAAAA,cAGXC,eAAgBC,EAAAA,mBAGhBC,WAAYC,EAAAA,eAGZC,gBAAiBC,EAAAA,oBAGjBC,MAAOC,EAAAA,UAGPC,WAAYC,EAAAA,eAGZC,MAAOC,EAAAA,UAGPC,YAAaC,EAAAA,gBAGbC,YAAaC,EAAAA,gBAGbC,kBAAmBC,EAAAA,sBAGnBC,aAAcC,EAAAA,iBAGdC,gBAAiBC,EAAAA,oBAGjBC,iBAAkBC,EAAAA,qBAGlBC,oBAAqBC,EAAAA,wBAGrBC,YAAaC,EAAAA,gBAGbC,YAAaC,EAAAA,gBAGbC,OAAQC,EAAAA,WAGRC,gBAAiBC,EAAAA,oBAGjBC,OAAQC,EAAAA,WAGRC,SAAUC,EAAAA,aAGVC,WAAYC,EAAAA,eAGZC,gBAAiBC,EAAAA,oBAGjBC,gBAAiBC,EAAAA"}

package/cjs/fullscreen-image-carousel/fullscreen-image-carousel.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("@lifesg/react-icons"),n=require("@lifesg/react-icons/bin"),r=require("@react-aria/live-announcer"),l=require("react"),a=require("react-zoom-pan-pinch"),o=require("../modal-v2/index.js"),s=require("../shared/hooks/use-state-callback.js");require("../util/calendar-helper.js"),require("../util/date-helper.js"),require("../util/date-input-helper.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js");var u=require("../util/use-event-listener.js"),d=require("./fullscreen-image-carousel.style.js");const c=e=>!!e&&"custom"===e.type,h=(h,m)=>{var v,{items:f,initialActiveItemIndex:g,hideThumbnail:j=!1,hideNavigation:x=!1,hideCounter:p=!1,hideMagnifier:b=!1,onDelete:I,onClose:C,insets:$,show:T}=h,S=e.__rest(h,["items","initialActiveItemIndex","hideThumbnail","hideNavigation","hideCounter","hideMagnifier","onDelete","onClose","insets","show"]);const[w,q]=s.useStateCallback(null!=g?g:0),[k,y]=l.useState({}),[M,R]=l.useState(1),[F,A]=l.useState(),[B,L]=l.useState(),N=l.useRef(null),W=l.useRef([]),D=l.useRef([]),E=l.useRef(null),P=F&&B?F-B:0,z=f[w],G=f.some((e=>{var i;return c(e)&&!!(null===(i=e.itemLabel)||void 0===i?void 0:i.trim())})),Z=G?"item":"image",_=l.useMemo((()=>f.some((e=>{var i,t;return(null===(i=e.fileName)||void 0===i?void 0:i.trim())||(null===(t=e.fileSize)||void 0===t?void 0:t.trim())}))),[f]),O=l.useCallback((e=>{var i,t;const n=f[e],r=G?"Item":"Image",l=c(n)?(null===(i=n.itemLabel)||void 0===i?void 0:i.trim())||"":(null===(t=n.alt)||void 0===t?void 0:t.trim())||"",a=`${r} ${e+1} of ${f.length}.`;return l?`${l}. ${a}`:a}),[f,G]);l.useImperativeHandle(m,(()=>({currentItemIndex:w,setCurrentItem:Q,goToPrevItem:J,goToNextItem:K}))),u.useEventListener("keydown",(function(e){"ArrowRight"===e.key?K():"ArrowLeft"===e.key?J():"Escape"===e.key&&(null==C||C())}),"document"),l.useEffect((()=>{var e;T&&(null===(e=E.current)||void 0===e||e.focus())}),[T]),l.useEffect((()=>{0!==f.length?w>f.length-1&&q(f.length-1):q(0)}),[w,f.length,q]),l.useEffect((()=>{var e,i;null===(i=null===(e=W.current)||void 0===e?void 0:e[w])||void 0===i||i.scrollIntoView({behavior:"smooth",inline:"center"}),R(1)}),[w]);const V=e=>{R(e.state.scale)};const X=({src:e,height:i,width:t})=>{y((n=>Object.assign(Object.assign({},n),{[e]:{height:i,width:t}})))},H=()=>{if(!z||c(z))return;const e=k[z.src];if(N.current&&e){const{clientHeight:i,clientWidth:t}=N.current,{width:n,height:r}=e,l=r/n<i/t;return n<t&&r<i?l?t/n:i/r:l?i/(r/(n/t)):t/(n/(r/i))}},J=()=>{var e,i;null===(i=null===(e=D.current)||void 0===e?void 0:e[w])||void 0===i||i.resetTransform(),q((e=>0===e?f.length-1:e-1),(e=>{r.clearAnnouncer("polite"),r.announce(O(e),"polite")}))},K=()=>{var e,i;null===(i=null===(e=D.current)||void 0===e?void 0:e[w])||void 0===i||i.resetTransform(),q((e=>e===f.length-1?0:e+1),(e=>{r.clearAnnouncer("polite"),r.announce(O(e),"polite")}))},Q=e=>{var i,t;null===(t=null===(i=D.current)||void 0===i?void 0:i[w])||void 0===t||t.resetTransform(),q(e)};return i.jsx(o.ModalV2,Object.assign({},S,{"data-testid":"image-carousel-modal","aria-label":G?"Carousel":"Image carousel",show:T,disableInitialFocus:!0,children:i.jsxs(d.CarouselModalContent,{children:[i.jsxs(d.ImageGalleryContainer,{children:[i.jsxs(d.ImageGalleryWrapper,{children:[i.jsx(d.ImageGallerySwipe,{ref:N,onTouchStart:e=>{M<=1&&A(e.touches[0].clientX)},onTouchMove:e=>{!F||M>1||L(e.touches[0].clientX)},onTouchEnd:()=>{N.current&&(Math.abs(P)>N.current.offsetWidth/3&&(P>0?K():J()),A(void 0),L(void 0))},children:i.jsx(d.ImageGallerySlides,{style:{transform:`translateX(calc(${100*-w}% - ${P}px))`},children:f.map(((e,t)=>{const n=t===w,r=Math.abs(t-w)<=1||0===w&&t===f.length-1||w===f.length-1&&0===t;return i.jsx(d.ImageGallerySlide,{"data-testid":"slide-item",children:i.jsx(d.FocusableImageRegion,{ref:n?E:null,tabIndex:n?0:-1,children:c(e)?r?e.renderContent():i.jsx(d.SlidePlaceholderImage,{}):i.jsx(a.TransformWrapper,{ref:e=>D.current[t]=e,panning:{disabled:M<=1},initialScale:1,onZoom:V,onZoomStop:V,onWheel:V,children:i.jsx(a.TransformComponent,{children:i.jsx(d.SlideImage,{src:e.src,alt:O(t),placeholder:i.jsx(d.SlidePlaceholderImage,{}),fit:"scale-down",retrieveImageDimension:!0,setDimension:X})})})})},t)}))})}),!x&&i.jsxs(i.Fragment,{children:[i.jsx(d.ArrowButton,{"aria-label":`Previous ${Z}`,"data-testid":"prev-btn",$position:"left",onClick:J,$insetLeft:null==$?void 0:$.left,$insetRight:null==$?void 0:$.right,children:i.jsx(t.ChevronLeftIcon,{"aria-hidden":!0})}),i.jsx(d.ArrowButton,{"aria-label":`Next ${Z}`,"data-testid":"forward-btn",$position:"right",onClick:K,$insetLeft:null==$?void 0:$.left,$insetRight:null==$?void 0:$.right,children:i.jsx(t.ChevronRightIcon,{"aria-hidden":!0})})]}),!p&&i.jsx(d.BoxChip,{"aria-hidden":"true",children:i.jsx(d.Chip,{weight:"semibold",children:`${w+1}/${f.length}`})})]}),!j&&i.jsx(d.ThumbnailContainer,{$insetBottom:null==$?void 0:$.bottom,"aria-hidden":"true",children:i.jsx(d.ThumbnailWrapper,{children:f.map(((e,t)=>{var n;const r=c(e)?e.thumbnailSrc:null!==(n=e.thumbnailSrc)&&void 0!==n?n:e.src;return i.jsx(d.ThumbnailItemContainer,{children:i.jsx(d.ThumbnailItem,{"data-testid":"thumbnail-item",$active:t===w,onClick:()=>Q(t),ref:e=>W.current[t]=e,children:r?i.jsx(d.ThumbnailImage,{src:r,alt:`Thumbnail ${t+1}`,fit:"cover"}):i.jsx(d.SlidePlaceholderImage,{})})},t)}))})})]}),i.jsxs(d.TopActionButtons,{$hasFileInfo:_,$insetTop:null==$?void 0:$.top,$insetLeft:null==$?void 0:$.left,$insetRight:null==$?void 0:$.right,children:[_&&(()=>{const{fileName:e,fileSize:t}=null!=z?z:{},n=null==e?void 0:e.trim(),r=null==t?void 0:t.trim();return i.jsxs(d.FileInfoTextWrapper,{$centerContent:!r,"aria-live":"polite","aria-atomic":"true","data-testid":"file-info-bar",children:[n&&i.jsx(d.FileInfoFileName,{weight:"semibold","data-testid":"file-info-name",children:n}),r&&i.jsx(d.FileInfoFileSize,{"data-testid":"file-info-size",children:r})]})})(),!b&&!c(z)&&i.jsx(d.MagnifierButton,{"aria-label":1===M?"Zoom in":"Zoom out",onClick:()=>{var e,i,t,n;if(1===M){const t=H();null===(i=null===(e=D.current)||void 0===e?void 0:e[w])||void 0===i||i.centerView(t),R(null!=t?t:1)}else R(1),null===(n=null===(t=D.current)||void 0===t?void 0:t[w])||void 0===n||n.resetTransform()},children:1===M?i.jsx(t.MagnifierPlusIcon,{"aria-hidden":!0}):i.jsx(t.MagnifierMinusIcon,{"aria-hidden":!0})}),I&&i.jsx(d.DeleteButton,{"aria-label":`Delete ${c(z)&&(null===(v=z.itemLabel)||void 0===v?void 0:v.trim())||"image"}`,"data-testid":"delete-btn",onClick:()=>{z&&I&&I(z,w)},children:i.jsx(n.BinIcon,{"aria-hidden":!0})}),i.jsx(d.CloseButton,{"aria-label":G?"Close carousel":"Close image carousel",onClick:C,children:i.jsx(t.CrossIcon,{"aria-hidden":!0})})]})]})}))},m=l.forwardRef(h);exports.Component=h,exports.FullscreenImageCarousel=m;
+"use strict";var e=require("../_virtual/_tslib.js"),i=require("react/jsx-runtime"),t=require("@lifesg/react-icons"),l=require("@lifesg/react-icons/bin"),a=require("@react-aria/live-announcer"),r=require("clsx"),n=require("react"),s=require("react-zoom-pan-pinch"),o=require("../modal-v2/modal-v2.js"),u=require("../shared/clickable-icon/clickable-icon.js"),c=require("../shared/hooks/use-state-callback.js"),d=require("../shared/image-placeholder/image-placeholder.js");require("../theme/theme-provider/index.js");var m=require("../theme/utils/css-variable.js");require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var h=require("../theme/utils/use-apply-styles.js");require("../theme/utils/use-media-query.js");var v=require("../typography/index.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js");var f=require("../util/use-event-listener.js"),g=require("./fullscreen-image-carousel.styles.js"),p=require("./stateful-image.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=j(r);const b=e=>!!e&&"custom"===e.type,I=(r,j)=>{var I,{items:y,initialActiveItemIndex:C,hideThumbnail:N=!1,hideNavigation:k=!1,hideCounter:q=!1,hideMagnifier:w=!1,onDelete:S,onClose:B,insets:T,show:R}=r,A=e.__rest(r,["items","initialActiveItemIndex","hideThumbnail","hideNavigation","hideCounter","hideMagnifier","onDelete","onClose","insets","show"]);const[$,M]=c.useStateCallback(null!=C?C:0),[L,P]=n.useState({}),[V,W]=n.useState(1),[E,D]=n.useState(),[U,z]=n.useState(),F=n.useRef(null),G=n.useRef([]),X=n.useRef([]),Z=n.useRef(null),_=n.useRef(null),O=n.useRef(null),H=n.useRef(null),J=n.useRef(null),K=E&&U?E-U:0,Q=y[$],Y=y.some((e=>{var i;return b(e)&&!!(null===(i=e.itemLabel)||void 0===i?void 0:i.trim())})),ee=Y?"item":"image",ie=n.useMemo((()=>y.some((e=>{var i,t;return(null===(i=e.fileName)||void 0===i?void 0:i.trim())||(null===(t=e.fileSize)||void 0===t?void 0:t.trim())}))),[y]);h.useApplyStyle(_,{[g.tokens.topActionButtons.insetTop]:m.formatUnitValue(null==T?void 0:T.top,"px"),[g.tokens.topActionButtons.insetLeft]:m.formatUnitValue(null==T?void 0:T.left,"px"),[g.tokens.topActionButtons.insetRight]:m.formatUnitValue(null==T?void 0:T.right,"px")}),h.useApplyStyle(O,{[g.tokens.arrowButton.insetLeft]:m.formatUnitValue(null==T?void 0:T.left,"px")}),h.useApplyStyle(H,{[g.tokens.arrowButton.insetRight]:m.formatUnitValue(null==T?void 0:T.right,"px")}),h.useApplyStyle(J,{[g.tokens.thumbnailContainer.insetBottom]:m.formatUnitValue(null==T?void 0:T.bottom,"px")});const te=n.useCallback((e=>{var i,t;const l=y[e],a=Y?"Item":"Image",r=b(l)?(null===(i=l.itemLabel)||void 0===i?void 0:i.trim())||"":(null===(t=l.alt)||void 0===t?void 0:t.trim())||"",n=`${a} ${e+1} of ${y.length}.`;return r?`${r}. ${n}`:n}),[y,Y]);n.useImperativeHandle(j,(()=>({currentItemIndex:$,setCurrentItem:oe,goToPrevItem:ne,goToNextItem:se}))),f.useEventListener("keydown",(function(e){"ArrowRight"===e.key?se():"ArrowLeft"===e.key?ne():"Escape"===e.key&&(null==B||B())}),"document"),n.useEffect((()=>{var e;R&&(null===(e=Z.current)||void 0===e||e.focus())}),[R]),n.useEffect((()=>{0!==y.length?$>y.length-1&&M(y.length-1):M(0)}),[$,y.length,M]),n.useEffect((()=>{var e,i;null===(i=null===(e=G.current)||void 0===e?void 0:e[$])||void 0===i||i.scrollIntoView({behavior:"smooth",inline:"center"}),W(1)}),[$]);const le=e=>{W(e.state.scale)};const ae=({src:e,height:i,width:t})=>{P((l=>Object.assign(Object.assign({},l),{[e]:{height:i,width:t}})))},re=()=>{if(!Q||b(Q))return;const e=L[Q.src];if(F.current&&e){const{clientHeight:i,clientWidth:t}=F.current,{width:l,height:a}=e,r=a/l<i/t;return l<t&&a<i?r?t/l:i/a:r?i/(a/(l/t)):t/(l/(a/i))}},ne=()=>{var e,i;null===(i=null===(e=X.current)||void 0===e?void 0:e[$])||void 0===i||i.resetTransform(),M((e=>0===e?y.length-1:e-1),(e=>{a.clearAnnouncer("polite"),a.announce(te(e),"polite")}))},se=()=>{var e,i;null===(i=null===(e=X.current)||void 0===e?void 0:e[$])||void 0===i||i.resetTransform(),M((e=>e===y.length-1?0:e+1),(e=>{a.clearAnnouncer("polite"),a.announce(te(e),"polite")}))},oe=e=>{var i,t;null===(t=null===(i=X.current)||void 0===i?void 0:i[$])||void 0===t||t.resetTransform(),M(e)};return i.jsx(o.ModalV2,Object.assign({},A,{"data-testid":"image-carousel-modal","aria-label":Y?"Carousel":"Image carousel",show:R,disableInitialFocus:!0,children:i.jsxs("div",{className:g.carouselModalContent,children:[i.jsxs("div",{className:g.imageGalleryContainer,children:[i.jsxs("div",{className:g.imageGalleryWrapper,children:[i.jsx("div",{className:g.imageGallerySwipe,ref:F,onTouchStart:e=>{V<=1&&D(e.touches[0].clientX)},onTouchMove:e=>{!E||V>1||z(e.touches[0].clientX)},onTouchEnd:()=>{F.current&&(Math.abs(K)>F.current.offsetWidth/3&&(K>0?se():ne()),D(void 0),z(void 0))},children:i.jsx("div",{className:g.imageGallerySlides,style:{transform:`translateX(calc(${100*-$}% - ${K}px))`},children:y.map(((e,t)=>{const l=t===$,a=Math.abs(t-$)<=1||0===$&&t===y.length-1||$===y.length-1&&0===t;return i.jsx("div",{className:g.imageGallerySlide,"data-testid":"slide-item",children:i.jsx("div",{className:g.focusableImageRegion,ref:l?Z:null,tabIndex:l?0:-1,children:b(e)?a?e.renderContent():i.jsx(d.ImagePlaceholder,{className:g.slidePlaceholderImage}):i.jsx(s.TransformWrapper,{ref:e=>X.current[t]=e,panning:{disabled:V<=1},initialScale:1,onZoom:le,onZoomStop:le,onWheel:le,children:i.jsx(s.TransformComponent,{children:i.jsx(p.StatefulImage,{className:g.slideImage,src:e.src,alt:te(t),placeholder:i.jsx(d.ImagePlaceholder,{className:g.slidePlaceholderImage}),fit:"scale-down",retrieveImageDimension:!0,setDimension:ae})})})})},t)}))})}),!k&&i.jsxs(i.Fragment,{children:[i.jsx(u.ClickableIcon,{className:x.default(g.iconButton,g.arrowButton,g.arrowButtonLeft),ref:O,"aria-label":`Previous ${ee}`,"data-testid":"prev-btn",onClick:ne,children:i.jsx(t.ChevronLeftIcon,{"aria-hidden":!0})}),i.jsx(u.ClickableIcon,{className:x.default(g.iconButton,g.arrowButton,g.arrowButtonRight),ref:H,"aria-label":`Next ${ee}`,"data-testid":"forward-btn",onClick:se,children:i.jsx(t.ChevronRightIcon,{"aria-hidden":!0})})]}),!q&&i.jsx("div",{className:g.boxChip,"aria-hidden":"true",children:i.jsx(v.Typography.BodyXS,{className:g.chip,weight:"semibold","data-testid":"carousel-counter",children:`${$+1}/${y.length}`})})]}),!N&&i.jsx("div",{className:g.thumbnailContainer,ref:J,"aria-hidden":"true","data-testid":"thumbnail-container",children:i.jsx("div",{className:g.thumbnailWrapper,children:y.map(((e,t)=>{var l;const a=b(e)?e.thumbnailSrc:null!==(l=e.thumbnailSrc)&&void 0!==l?l:e.src;return i.jsx("div",{className:g.thumbnailItemContainer,children:i.jsx("div",{className:g.thumbnailItem,"data-active":t===$,"data-testid":"thumbnail-item",onClick:()=>oe(t),ref:e=>G.current[t]=e,children:a?i.jsx(p.StatefulImage,{className:g.thumbnailImage,src:a,alt:`Thumbnail ${t+1}`,fit:"cover"}):i.jsx(d.ImagePlaceholder,{className:g.slidePlaceholderImage})})},t)}))})})]}),i.jsxs("div",{className:g.topActionButtons,ref:_,"data-has-file-info":ie,children:[ie&&(()=>{const{fileName:e,fileSize:t}=null!=Q?Q:{},l=null==e?void 0:e.trim(),a=null==t?void 0:t.trim();return i.jsxs("div",{className:x.default(g.fileInfoTextWrapper,!a&&g.fileInfoTextWrapperCentered),"aria-live":"polite","aria-atomic":"true","data-testid":"file-info-bar",children:[l&&i.jsx(v.Typography.BodyBL,{className:g.fileInfoFileName,weight:"semibold","data-testid":"file-info-name",children:l}),a&&i.jsx(v.Typography.BodyMD,{className:g.fileInfoFileSize,"data-testid":"file-info-size",children:a})]})})(),!w&&!b(Q)&&i.jsx(u.ClickableIcon,{className:g.iconButton,"aria-label":1===V?"Zoom in":"Zoom out",onClick:()=>{var e,i,t,l;if(1===V){const t=re();null===(i=null===(e=X.current)||void 0===e?void 0:e[$])||void 0===i||i.centerView(t),W(null!=t?t:1)}else W(1),null===(l=null===(t=X.current)||void 0===t?void 0:t[$])||void 0===l||l.resetTransform()},children:1===V?i.jsx(t.MagnifierPlusIcon,{"aria-hidden":!0}):i.jsx(t.MagnifierMinusIcon,{"aria-hidden":!0})}),S&&i.jsx(u.ClickableIcon,{className:x.default(g.iconButton,g.iconButtonError),"aria-label":`Delete ${b(Q)&&(null===(I=Q.itemLabel)||void 0===I?void 0:I.trim())||"image"}`,"data-testid":"delete-btn",onClick:()=>{Q&&S&&S(Q,$)},children:i.jsx(l.BinIcon,{"aria-hidden":!0})}),i.jsx(u.ClickableIcon,{className:g.iconButton,"aria-label":Y?"Close carousel":"Close image carousel",onClick:B,children:i.jsx(t.CrossIcon,{"aria-hidden":!0})})]})]})}))},y=n.forwardRef(I);exports.Component=I,exports.FullscreenImageCarousel=y;
 //# sourceMappingURL=fullscreen-image-carousel.js.map