@lifesg/react-design-system 4.0.0-alpha.6 → 4.0.0-alpha.7

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

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

package/form/form-nested-select/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":["FormNestedSelect","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputNestedSelect","undefined","error"],"mappings":"+bAKO,MAAMA,EAAgCC,IAAA,IAAAC,MACzCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAd4B,+IAgBzC,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,cAAca,IACpC,OACIG,EAACC,EAAW,CACRjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,iBACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormNestedSelect } from "./form-nested-select";
+export type { FormNestedSelectProps } from "./types";

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

@@ -0,0 +1,11 @@
+import type { InputNestedSelectPartialProps } from "../../input-nested-select";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.NestedSelect`, combining nested single-select input props
+ * with the shared form field layout.
+ *
+ * `V1`, `V2`, and `V3` are the value types for the first, second, and third
+ * nesting levels respectively.
+ */
+export interface FormNestedSelectProps<V1, V2, V3> extends InputNestedSelectPartialProps<V1, V2, V3>, BaseFormElementProps {
+}

package/form/{form-otp-verification.d.ts → form-otp-verification/form-otp-verification.d.ts}

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

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

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

package/form/form-otp-verification/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":["FormOtpVerification","_a","label","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","OtpVerification","Object","assign","undefined"],"mappings":"ubAKO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,GACLA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOZ,EACJa,EAAUC,EAAAd,EAbmB,gIAehC,MAAMe,EAAaC,IACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,OACIG,EAACC,EAAW,CACRjB,GAAIe,EAAO,cACEb,EACbH,MAAOA,EAAK,oBACOE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAeC,OAAAC,OAAA,CACZrB,GAAI,GAAGe,eACPA,QAAS,GAAGA,uBACCb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormOtpVerification } from "./form-otp-verification";
+export type { FormOtpVerificationProps } from "./types";

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

@@ -0,0 +1 @@
+export type { FormOtpVerificationProps } from "../../otp-verification/types";

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

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

package/form/form-phone-number-input/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":["FormPhoneNumberInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","PhoneNumberInput","undefined","error"],"mappings":"4bAKO,MAAMA,EAAwBC,IAAA,IAAAC,MACjCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdoB,+IAgBjC,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,2BAA2Ba,IAEjD,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAACE,iBACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormPhoneNumberInput } from "./form-phone-number-input";
+export type { FormPhoneNumberInputProps } from "./types";

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

@@ -0,0 +1,8 @@
+import type { PhoneNumberInputProps } from "../../phone-number-input/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.PhoneNumberInput`, combining phone-number input props with
+ * the shared form field layout.
+ */
+export interface FormPhoneNumberInputProps extends PhoneNumberInputProps, BaseFormElementProps {
+}

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

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

package/form/form-predictive-text-input/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":["FormPredictiveTextInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","PredictiveTextInput","undefined","error"],"mappings":"qcAKO,MAAMA,EAAiCC,IAAA,IAAAC,MAC1CA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAd6B,+IAgB1C,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,cAAca,IAEpC,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAACE,iBACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormPredictiveTextInput } from "./form-predictive-text-input";
+export type { FormPredictiveTextInputProps } from "./types";

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

@@ -0,0 +1,10 @@
+import type { PredictiveTextInputProps } from "../../predictive-text-input/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.PredictiveTextInput`, combining predictive text input props
+ * with the shared form field layout.
+ *
+ * `T` is the suggestion item type. `V` is the selected value type.
+ */
+export interface FormPredictiveTextInputProps<T, V> extends PredictiveTextInputProps<T, V>, BaseFormElementProps {
+}

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

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

package/form/form-range-select/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":["FormRangeSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputRangeSelect","Object","assign","undefined","error"],"mappings":"4bAKO,MAAMA,EAAyBC,IAAA,IAAAC,MAClCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOd,EACJe,EAAUC,EAAAhB,EAfqB,8JAiBlC,MAAMiB,EAAaC,IACbC,EAAUhB,QAAAA,EAAM,2BAA2Bc,IAEjD,OACIG,EAACC,GACGlB,GAAIgB,EACJlB,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBG,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAgBC,OAAAC,OAAA,CACbtB,GAAI,GAAGgB,uBACMd,EAAS,GAAGA,cAAgBqB,EACzCC,QAASzB,EACTI,aAAcA,GACVS,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormRangeSelect } from "./form-range-select";
+export type { FormInputRangeSelectProps } from "./types";

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

@@ -0,0 +1,10 @@
+import type { InputRangeSelectPartialProps } from "../../input-range-select/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.RangeSelect`, combining range-select input props with the
+ * shared form field layout.
+ *
+ * `T` is the option item type. `V` is the selected value type.
+ */
+export interface FormInputRangeSelectProps<T, V> extends InputRangeSelectPartialProps<T, V>, BaseFormElementProps {
+}

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

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

package/form/form-range-slider/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":["FormRangeSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputRangeSlider","Object","assign","undefined"],"mappings":"4bAKO,MAAMA,EAAmBC,IAAA,IAAAC,MAC5BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAde,+IAgB5B,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,qBAAqBa,IAE3C,OACIG,EAACC,EAAW,CACRjB,GAAIe,EACJjB,MAAOA,EACPC,aAAcA,gBACDG,EAAM,oBACAD,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAgBC,OAAAC,OAAA,CACbrB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormRangeSlider } from "./form-range-slider";
+export type { FormRangeSliderProps } from "./types";

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

@@ -0,0 +1,8 @@
+import type { InputRangeSliderProps } from "../../input-range-slider/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.RangeSlider`, combining range slider props with the shared
+ * form field layout.
+ */
+export interface FormRangeSliderProps extends InputRangeSliderProps, BaseFormElementProps {
+}

package/form/form-select/form-select.js

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

package/form/form-select/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":["FormSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","InputSelect","undefined","error"],"mappings":"2aAKO,MAAMA,EAAoBC,IAAA,IAAAC,MAC7BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,QACPA,GAAOf,EACJgB,EAAUC,EAAAjB,EAhBgB,wKAkB7B,MAAMkB,EAAaC,IACbC,EAAUjB,QAAAA,EAAM,cAAce,IACpC,OACIG,EAACC,GACGnB,GAAIiB,EAAO,cACEf,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBG,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETO,EAACE,iBACGpB,GAAI,GAAGiB,uBACMf,EAAS,GAAGA,cAAgBmB,EACzCC,QAASvB,EACTI,aAAcA,EACdS,QAASA,GACLC,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormSelect } from "./form-select";
+export type { FormInputSelectProps } from "./types";

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

@@ -0,0 +1,10 @@
+import type { InputSelectPartialProps } from "../../input-select/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.Select`, combining single-select input props with the shared
+ * form field layout.
+ *
+ * `T` is the option item type. `V` is the selected value type.
+ */
+export interface FormInputSelectProps<T, V> extends InputSelectPartialProps<T, V>, BaseFormElementProps {
+}

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

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

package/form/form-select-histogram/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":["FormSelectHistogram","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","histogramSlider","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","SelectHistogram","error","undefined"],"mappings":"ubAKO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,gBACPA,GAAed,EACZe,EAAUC,EAAAhB,EAfmB,iKAiBhC,MAAMiB,EAAaC,IACbC,EAAUhB,QAAAA,EAAM,cAAcc,IACpC,OACIG,EAACC,GACGlB,GAAIgB,EAAO,cACEd,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETO,EAACE,iBACGR,gBAAiBA,EACjBS,QAASrB,EAAY,cACRG,EAAS,GAAGA,cAAgBmB,EACzCrB,GAAI,GAAGgB,UACHJ,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormSelectHistogram } from "./form-select-histogram";
+export type { FormSelectHistogramProps } from "./types";

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

@@ -0,0 +1,8 @@
+import type { SelectHistogramProps } from "../../select-histogram";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.SelectHistogram`, combining select-histogram props with the
+ * shared form field layout.
+ */
+export interface FormSelectHistogramProps extends SelectHistogramProps, BaseFormElementProps {
+}

package/form/form-slider/form-slider.js

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

package/form/form-slider/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":["FormSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputSlider","Object","assign","undefined"],"mappings":"2aAKO,MAAMA,EAAcC,IAAA,IAAAC,MACvBA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdU,+IAgBvB,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,eAAea,IAErC,OACIG,EAACC,EAAW,CACRjB,GAAIe,EACJjB,MAAOA,EACPC,aAAcA,gBACDG,EAAM,oBACAD,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAWC,OAAAC,OAAA,CACRrB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormSlider } from "./form-slider";
+export type { FormSliderProps } from "./types";

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

@@ -0,0 +1,8 @@
+import type { InputSliderProps } from "../../input-slider";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.Slider`, combining single-value slider props with the shared
+ * form field layout.
+ */
+export interface FormSliderProps extends InputSliderProps, BaseFormElementProps {
+}

package/form/form-textarea/form-textarea.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.js","sources":["../../../src/form/form-textarea/form-textarea.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { TextareaBase } from \"../../input-textarea/textarea\";\nimport { TextareaCounter } from \"../../input-textarea/textarea-counter\";\nimport type { TextareaRef } from \"../../input-textarea/types\";\nimport { useId } from \"../../util\";\nimport { FormErrorMessage } from \"../form-label\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport * as styles from \"./form-textarea.styles\";\nimport type { FormTextareaProps } from \"./types\";\n\nconst FormTextareaComponent = (\n    props: FormTextareaProps,\n    ref: TextareaRef\n): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const {\n        label,\n        value,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        onChange,\n        layoutType,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        transformValue,\n        prefix = \"\",\n        renderCustomCounter,\n        ...otherProps\n    } = props;\n\n    const internalId = useId();\n    const inputId = id ?? `form-textarea-${internalId}`;\n\n    const [stateValue, setStateValue] = useState<\n        string | number | readonly string[] | undefined\n    >(value);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setStateValue(value);\n    }, [value]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const getErrorTestMessageId = () => {\n        return (\n            errorTestId ||\n            (inputId ? `${inputId}-error-message` : \"error-message\")\n        );\n    };\n\n    // =============================================================================\n    // EVENT HANDLER\n    // =============================================================================\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const newValue = event.target.value;\n        setStateValue(newValue);\n        if (onChange) onChange(event);\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderBottomLabels = () => {\n        if (!errorMessage && !otherProps.maxLength) return <></>;\n        return (\n            <div className={styles.labelContainer}>\n                {errorMessage && (\n                    <div className={styles.errorMessageContainer}>\n                        <FormErrorMessage\n                            className={styles.errorMessageLabel}\n                            data-testid={getErrorTestMessageId()}\n                        >\n                            {errorMessage}\n                        </FormErrorMessage>\n                    </div>\n                )}\n                {otherProps.maxLength && (\n                    <TextareaCounter\n                        value={stateValue}\n                        maxLength={otherProps.maxLength}\n                        renderCustomCounter={renderCustomCounter}\n                    />\n                )}\n            </div>\n        );\n    };\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <TextareaBase\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                value={stateValue}\n                error={!!errorMessage}\n                onChange={handleChange}\n                ref={ref}\n                prefix={prefix}\n                transformValue={transformValue}\n                {...otherProps}\n            />\n            {renderBottomLabels()}\n        </FormWrapper>\n    );\n};\n\nexport const FormTextarea = React.forwardRef(FormTextareaComponent);\n"],"names":["FormTextarea","React","forwardRef","props","ref","label","value","errorMessage","id","errorTestId","testId","onChange","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","transformValue","prefix","renderCustomCounter","otherProps","internalId","useId","inputId","stateValue","setStateValue","useState","useEffect","_jsxs","FormWrapper","children","_jsx","TextareaBase","Object","assign","undefined","error","event","newValue","target","maxLength","className","styles.labelContainer","styles.errorMessageContainer","FormErrorMessage","styles.errorMessageLabel","TextareaCounter"],"mappings":"8tBAWA,MAyHaA,EAAeC,EAAMC,YAzHJ,CAC1BC,EACAC,KAKA,MAAMC,MACFA,EAAKC,MACLA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,SACrBA,EAAQC,WACRA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,OACdA,EAAS,GAAEC,oBACXA,GAEAnB,EADGoB,IACHpB,EApBE,CAAA,QAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,WAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,iBAAA,SAAA,wBAsBAqB,EAAaC,IACbC,EAAUlB,QAAAA,EAAM,iBAAiBgB,KAEhCG,EAAYC,GAAiBC,EAElCvB,GAKFwB,GAAU,KACNF,EAActB,EAAM,GACrB,CAACA,IAkDJ,OACIyB,EAACC,EAAW,CACRxB,GAAIkB,EAAO,cACEhB,EACbL,MAAOA,EACPO,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOc,SAAA,CAEhBC,EAACC,EAAYC,OAAAC,OAAA,CACT7B,GAAI,GAAGkB,SAAc,cACRhB,EAAS,GAAGA,cAAgB4B,EACzChC,MAAOqB,EACPY,QAAShC,EACTI,SArDU6B,IAClB,MAAMC,EAAWD,EAAME,OAAOpC,MAC9BsB,EAAca,GACV9B,GAAUA,EAAS6B,EAAM,EAmDrBpC,IAAKA,EACLiB,OAAQA,EACRD,eAAgBA,GACZG,IA/CPhB,GAAiBgB,EAAWoB,UAE7BZ,EAAA,MAAA,CAAKa,UAAWC,EAAqBZ,SAAA,CAChC1B,GACG2B,EAAA,MAAA,CAAKU,UAAWE,EAA4Bb,SACxCC,EAACa,EAAgB,CACbH,UAAWI,EAAwB,cAxBnDvC,IACCiB,EAAU,GAAGA,kBAA0B,iBAwBYO,SAEnC1B,MAIZgB,EAAWoB,WACRT,EAACe,EAAe,CACZ3C,MAAOqB,EACPgB,UAAWpB,EAAWoB,UACtBrB,oBAAqBA,OAjBcY,UAkDrC"}

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

@@ -0,0 +1,2 @@
+import"./form-textarea.styles_1kneyif.css";const e="l1j0sg6e",r="e171r5qb",t="ellm5gf";export{r as errorMessageContainer,t as errorMessageLabel,e as labelContainer};
+//# sourceMappingURL=form-textarea.styles.js.map

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

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

package/form/form-textarea/form-textarea.styles_1kneyif.css

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

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

@@ -0,0 +1,2 @@
+export { FormTextarea } from "./form-textarea";
+export type { FormTextareaProps } from "./types";

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

@@ -0,0 +1,8 @@
+import type { TextareaPartialProps } from "../../input-textarea/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.Textarea`, combining textarea props with the shared form
+ * field layout.
+ */
+export interface FormTextareaProps extends TextareaPartialProps, BaseFormElementProps {
+}

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

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

package/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":["FormTimeRangePicker","_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":"ybAKO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdmB,+IAgBhC,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,0BAA0Ba,IAChD,OACIG,EAACC,EAAW,CACRjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,iBACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

package/form/form-time-range-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { FormTimeRangePicker } from "./form-time-range-picker";
+export type { FormTimeRangePickerProps } from "./types";

package/form/form-time-range-picker/types.d.ts

@@ -0,0 +1,8 @@
+import type { TimeRangePickerProps } from "../../time-range-picker/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.TimeRangePicker`, combining time-range picker props with the
+ * shared form field layout.
+ */
+export interface FormTimeRangePickerProps extends TimeRangePickerProps, BaseFormElementProps {
+}

package/form/form-timepicker/form-timepicker.js

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

package/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":["FormTimepicker","_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":"saAKO,MAAMA,EAAkBC,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,EAAAf,EAdc,+IAgB3B,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,OACIG,EAACC,EAAW,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,EAACG,iBACGnB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBkB,EACzCC,QAAStB,GACLY,KAEE"}

package/form/form-timepicker/index.d.ts

@@ -0,0 +1,2 @@
+export { FormTimepicker } from "./form-timepicker";
+export type { FormTimepickerProps } from "./types";

package/form/form-timepicker/types.d.ts

@@ -0,0 +1,8 @@
+import type { TimepickerProps } from "../../timepicker/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.Timepicker`, combining time picker props with the shared
+ * form field layout.
+ */
+export interface FormTimepickerProps extends TimepickerProps, BaseFormElementProps {
+}

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

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

package/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":["FormUnitNumberInput","_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":"mbAKO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdmB,+IAgBhC,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,0BAA0Ba,IAChD,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAACE,iBACGlB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

package/form/form-unit-number-input/index.d.ts

@@ -0,0 +1,2 @@
+export { FormUnitNumberInput } from "./form-unit-number-input";
+export type { FormUnitNumberInputProps } from "./types";

package/form/form-unit-number-input/types.d.ts

@@ -0,0 +1,8 @@
+import type { UnitNumberInputProps } from "../../unit-number/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.UnitNumberInput`, combining unit-number input props with the
+ * shared form field layout.
+ */
+export interface FormUnitNumberInputProps extends UnitNumberInputProps, BaseFormElementProps {
+}

package/form/form-wrapper.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Children as l,isValidElement as t,Fragment as s,cloneElement as o}from"react";import{ColDiv as i}from"../layout/col-div.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as a}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormErrorMessage as d,FormLabel as n}from"./form-label.js";import{container as m}from"./form-wrapper.styles.js";const c=({label:c,errorMessage:p,id:b,children:u,layoutType:x,xxsCols:f,xsCols:g,smCols:j,mdCols:C,lgCols:y,xlCols:h,xxlCols:v,"data-testid":$,"data-error-testid":w})=>{const F=!x&&(f||g||j||C||y||h||v)?"grid":x||"flex",O="string"==typeof p?p.trim():p,B=a(),I=`${null!=b?b:B}-label`,M=`${null!=b?b:B}-label-subtitle`,N=`${null!=b?b:B}-error-message`;const T=(e=>{switch(e){case"grid":return i;case"flex":return"div"}})(F);return e(T,Object.assign({className:m,"data-testid":$},(e=>{switch(e){case"grid":return{xxsCols:f,xsCols:g,smCols:j,mdCols:C,lgCols:y,xlCols:h,xxlCols:v};case"flex":return}})(F),{children:[c&&r(n,"string"==typeof c?{htmlFor:`${b}-base`,"data-testid":b?`${b}-label`:"form-label",id:I,children:c}:Object.assign({htmlFor:`${b}-base`,"data-testid":b?`${b}-label`:"form-label",id:I},c)),(()=>{const e={"aria-invalid":!!p,"aria-describedby":[O?N:void 0,"object"==typeof c&&(null==c?void 0:c.subtitle)?M:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":c?I:void 0};return l.map(u,(r=>t(r)&&r.type===s?o(r):o(r,e)))})(),O&&r(d,{id:N,tabIndex:0,"data-testid":null!=w?w:b?`${b}-error-message`:"error-message",children:O})]}))};export{c as FormWrapper};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Children as l,isValidElement as t,Fragment as s,cloneElement as o}from"react";import{ColDiv as a}from"../layout/col-div.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as i}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{FormErrorMessage as d,FormLabel as m}from"./form-label/form-label.js";import{container as n}from"./form-wrapper.styles.js";const c=({label:c,errorMessage:p,id:b,children:u,layoutType:x,xxsCols:f,xsCols:g,smCols:j,mdCols:C,lgCols:y,xlCols:h,xxlCols:v,"data-testid":$,"data-error-testid":w})=>{const F=!x&&(f||g||j||C||y||h||v)?"grid":x||"flex",O="string"==typeof p?p.trim():p,B=i(),I=`${null!=b?b:B}-label`,M=`${null!=b?b:B}-label-subtitle`,N=`${null!=b?b:B}-error-message`;const T=(e=>{switch(e){case"grid":return a;case"flex":return"div"}})(F);return e(T,Object.assign({className:n,"data-testid":$},(e=>{switch(e){case"grid":return{xxsCols:f,xsCols:g,smCols:j,mdCols:C,lgCols:y,xlCols:h,xxlCols:v};case"flex":return}})(F),{children:[c&&r(m,"string"==typeof c?{htmlFor:`${b}-base`,"data-testid":b?`${b}-label`:"form-label",id:I,children:c}:Object.assign({htmlFor:`${b}-base`,"data-testid":b?`${b}-label`:"form-label",id:I},c)),(()=>{const e={"aria-invalid":!!p,"aria-describedby":[O?N:void 0,"object"==typeof c&&(null==c?void 0:c.subtitle)?M:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":c?I:void 0};return l.map(u,(r=>t(r)&&r.type===s?o(r):o(r,e)))})(),O&&r(d,{id:N,tabIndex:0,"data-testid":null!=w?w:b?`${b}-error-message`:"error-message",children:O})]}))};export{c as FormWrapper};
 //# sourceMappingURL=form-wrapper.js.map

package/form/form-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-wrapper.js","sources":["../../src/form/form-wrapper.tsx"],"sourcesContent":["/**\n * This is a SUPPORTING component\n * (Do not include in the main export)\n *\n */\n\nimport type { 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":["FormWrapper","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":"ifAeO,MAAMA,EAAc,EACvBC,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,IACbC,EAAU,GAAGhB,QAAAA,EAAMc,UACnBG,EAAa,GAAGjB,QAAAA,EAAMc,mBACtBI,EAAiB,GAAGlB,QAAAA,EAAMc,kBA4ChC,MAsEMK,EArDwB,CAC1BjB,IAEA,OAAQA,GACJ,IAAK,OACD,OAAOkB,EACX,IAAK,OACD,MAAO,QA8CQC,CAAsBT,GAEjD,OACIU,EAACH,iBACGI,UAAWC,gBACEd,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,GA3CG6B,EAACC,EAFY,iBAAV9B,EAEO,CACN+B,QAAS,GAAG5B,SAAS,cAGRA,EAAK,GAAGA,UAAa,aAClCA,GAAIgB,EAAOf,SAEVJ,GAKCgC,OAAAC,OAAA,CACNF,QAAS,GAAG5B,SAAS,cACRA,EAAK,GAAGA,UAAa,aAClCA,GAAIgB,GACAnB,IAKO,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,EAASC,IAAIrC,GAAWsC,GACvBC,EAAeD,IAAUA,EAAME,OAASC,EACjCC,EAAaJ,GAEjBI,EAAaJ,EAAOR,IAC7B,EAYGa,GACA9C,GACG4B,EAACmB,GACG7C,GAAIkB,EACJ4B,SAAU,EAAC,cAEPnC,QAAAA,EAGCX,EAAK,GAAGA,kBAAqB,gBAAgBC,SAGjDH,OAGQ"}
+{"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":["FormWrapper","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":"4fAeO,MAAMA,EAAc,EACvBC,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,IACbC,EAAU,GAAGhB,QAAAA,EAAMc,UACnBG,EAAa,GAAGjB,QAAAA,EAAMc,mBACtBI,EAAiB,GAAGlB,QAAAA,EAAMc,kBA4ChC,MAsEMK,EArDwB,CAC1BjB,IAEA,OAAQA,GACJ,IAAK,OACD,OAAOkB,EACX,IAAK,OACD,MAAO,QA8CQC,CAAsBT,GAEjD,OACIU,EAACH,iBACGI,UAAWC,gBACEd,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,GA3CG6B,EAACC,EAFY,iBAAV9B,EAEO,CACN+B,QAAS,GAAG5B,SAAS,cAGRA,EAAK,GAAGA,UAAa,aAClCA,GAAIgB,EAAOf,SAEVJ,GAKCgC,OAAAC,OAAA,CACNF,QAAS,GAAG5B,SAAS,cACRA,EAAK,GAAGA,UAAa,aAClCA,GAAIgB,GACAnB,IAKO,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,EAASC,IAAIrC,GAAWsC,GACvBC,EAAeD,IAAUA,EAAME,OAASC,EACjCC,EAAaJ,GAEjBI,EAAaJ,EAAOR,IAC7B,EAYGa,GACA9C,GACG4B,EAACmB,GACG7C,GAAIkB,EACJ4B,SAAU,EAAC,cAEPnC,QAAAA,EAGCX,EAAK,GAAGA,kBAAqB,gBAAgBC,SAGjDH,OAGQ"}