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

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

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

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.d.ts

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

package/form/form-select-histogram/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.d.ts

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

package/form/form-slider/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 r}from"../../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import e from"react";import{Textarea as t}from"../../input-textarea/textarea.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";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 a=e.forwardRef(((e,a)=>{const{label:i,errorMessage:d,id:m,"data-error-testid":x,"data-testid":C,layoutType:p,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:g,xlCols:c,xxlCols:y}=e,b=r(e,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),$=o(),h=null!=m?m:`form-textarea-${$}`;return s(l,{id:h,"data-testid":C,label:i,layoutType:p,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:g,xlCols:c,xxlCols:y,children:s(t,Object.assign({id:`${h}-base`,"data-testid":C?`${C}-base`:void 0,"data-error-testid":null!=x?x:`${h}-error-message`,errorMessage:d,ref:a},b))})}));export{a 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 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":"6aAQA,MAkDaA,EAAeC,EAAMC,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,EACbhB,EAfE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAiBAiB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,iBAAiBa,IAEvC,OACIG,EAACC,GACGjB,GAAIe,EAAO,cACEb,EACbJ,MAAOA,EACPK,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAAQC,OAAAC,OAAA,CACLrB,GAAI,GAAGe,SAAc,cACRb,EAAS,GAAGA,cAAgBoB,EAAS,oBAC/BrB,QAAAA,EAAe,GAAGc,kBACrChB,aAAcA,EACdF,IAAKA,GACDc,KAEE"}

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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

@@ -4,4 +4,4 @@
  *
  */
 import type { FormWrapperProps } from "./types";
-export declare const FormWrapper: ({ label, errorMessage: eRaw, id, disabled, children, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, "data-testid": testId, "data-error-testid": errorTestId, }: FormWrapperProps) => JSX.Element;
+export declare const FormWrapper: ({ label, errorMessage: eRaw, id, children, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, "data-testid": testId, "data-error-testid": errorTestId, }: FormWrapperProps) => JSX.Element;

package/form/form-wrapper.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useState as r,Children as s,cloneElement as t}from"react";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as o}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormLabel as i}from"./form-label.js";import{ErrorMessageContainer as a,ErrorIcon as d,ErrorMessage as n}from"./form-label.style.js";import{Container as m,ColDivContainer as b,V2_ColDivContainer as c}from"./form-wrapper.style.js";const p=({label:p,errorMessage:u,id:C,disabled:g,children:x,layoutType:f,mobileCols:j,tabletCols:h,desktopCols:y,xxsCols:v,xsCols:$,smCols:w,mdCols:k,lgCols:F,xlCols:O,xxlCols:B,"data-testid":I,"data-error-testid":M})=>{const T=!f&&(j||h||y)?"v2-grid":!f&&(v||$||w||k||F||O||B)?"grid":f||"flex",q="string"==typeof u?u.trim():u,[z]=r((()=>o.generate())),A=`${null!=C?C:z}-label`,D=`${null!=C?C:z}-label-subtitle`,E=`${null!=C?C:z}-error-message`;const G=(e=>{switch(e){case"v2-grid":return c;case"grid":return b;case"flex":return m}})(T);return e(G,Object.assign({"data-testid":I},(e=>{switch(e){case"v2-grid":return{mobileCols:j,tabletCols:h,desktopCols:y};case"grid":return{xxsCols:v,xsCols:$,smCols:w,mdCols:k,lgCols:F,xlCols:O,xxlCols:B};case"flex":return}})(T),{children:[p&&l(i,"string"==typeof p?{htmlFor:`${C}-base`,"data-testid":C?`${C}-label`:"form-label",id:A,disabled:g,children:p}:Object.assign({htmlFor:`${C}-base`,"data-testid":C?`${C}-label`:"form-label",id:A,disabled:g},p)),(()=>{const e={"aria-invalid":!!u,"aria-describedby":[q?E:void 0,"object"==typeof p&&(null==p?void 0:p.subtitle)?D:void 0].filter(Boolean).join(" ")||void 0,"aria-labelledby":p?A:void 0};return s.map(x,(l=>t(l,e)))})(),q&&e(a,{children:[l(d,{"aria-hidden":!0}),l(n,{id:E,tabIndex:0,"data-testid":null!=M?M:C?`${C}-error-message`:"error-message",children:q})]})]}))};export{p 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 { ComponentType } from \"react\";\nimport { Children, cloneElement, useState } from \"react\";\n\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormLabel } from \"./form-label\";\nimport {\n    ErrorIcon,\n    ErrorMessage,\n    ErrorMessageContainer,\n} from \"./form-label.style\";\nimport {\n    ColDivContainer,\n    Container,\n    V2_ColDivContainer,\n} from \"./form-wrapper.style\";\nimport type { FormElementLayoutType, FormWrapperProps } from \"./types\";\n\nexport const FormWrapper = ({\n    label,\n    errorMessage: eRaw,\n    id,\n    disabled,\n    children,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    \"data-testid\": testId,\n    \"data-error-testid\": errorTestId,\n}: FormWrapperProps): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const updatedLayoutType = getLayoutType();\n    const errorMessage = typeof eRaw === \"string\" ? eRaw.trim() : eRaw;\n    const [internalId] = useState(() => SimpleIdGenerator.generate());\n    const labelId = `${id ?? internalId}-label`; // matches FormLabel\n    const subtitleId = `${id ?? internalId}-label-subtitle`; // matches FormLabel\n    const errorMessageId = `${id ?? internalId}-error-message`;\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const isInvalidState = (): boolean => {\n        return !!eRaw;\n    };\n\n    const hasSubtitleLabel = (): boolean => {\n        return typeof label === \"object\" && !!label?.subtitle;\n    };\n\n    const getAriaDescribedBy = (): string | undefined => {\n        return (\n            [\n                errorMessage ? errorMessageId : undefined,\n                hasSubtitleLabel() ? subtitleId : undefined,\n            ]\n                .filter(Boolean)\n                .join(\" \") || undefined\n        );\n    };\n\n    function getLayoutType(): FormElementLayoutType {\n        if (!layoutType && (mobileCols || tabletCols || desktopCols)) {\n            return \"v2-grid\";\n        } else if (\n            !layoutType &&\n            (xxsCols ||\n                xsCols ||\n                smCols ||\n                mdCols ||\n                lgCols ||\n                xlCols ||\n                xxlCols)\n        ) {\n            return \"grid\";\n        } else if (!layoutType) {\n            return \"flex\";\n        } else {\n            return layoutType;\n        }\n    }\n\n    const getContainerLayoutProps = (layoutType: FormElementLayoutType) => {\n        switch (layoutType) {\n            case \"v2-grid\":\n                return {\n                    mobileCols,\n                    tabletCols,\n                    desktopCols,\n                };\n            case \"grid\":\n                return {\n                    xxsCols,\n                    xsCols,\n                    smCols,\n                    mdCols,\n                    lgCols,\n                    xlCols,\n                    xxlCols,\n                };\n            case \"flex\":\n                return undefined;\n        }\n    };\n\n    const getContainerComponent = (\n        layoutType: FormElementLayoutType\n    ): ComponentType => {\n        switch (layoutType) {\n            case \"v2-grid\":\n                return V2_ColDivContainer;\n            case \"grid\":\n                return ColDivContainer;\n            case \"flex\":\n                return Container;\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderFormLabel = (): JSX.Element => {\n        if (typeof label === \"string\") {\n            return (\n                <FormLabel\n                    htmlFor={`${id}-base`}\n                    // FIXME: kept for backwards-compatibility\n                    // in most cases data-testid should be separate from id\n                    data-testid={id ? `${id}-label` : \"form-label\"}\n                    id={labelId}\n                    disabled={disabled}\n                >\n                    {label}\n                </FormLabel>\n            );\n        }\n        return (\n            <FormLabel\n                htmlFor={`${id}-base`}\n                data-testid={id ? `${id}-label` : \"form-label\"}\n                id={labelId}\n                disabled={disabled}\n                {...label}\n            />\n        );\n    };\n\n    const renderChildren = (): JSX.Element | JSX.Element[] => {\n        const ariaState = {\n            \"aria-invalid\": isInvalidState(),\n            \"aria-describedby\": getAriaDescribedBy(),\n            \"aria-labelledby\": label ? labelId : undefined,\n        };\n        return Children.map(children, (child) =>\n            cloneElement(child, ariaState)\n        );\n    };\n\n    const ContainerComponent = getContainerComponent(updatedLayoutType);\n\n    return (\n        <ContainerComponent\n            data-testid={testId}\n            {...getContainerLayoutProps(updatedLayoutType)}\n        >\n            {label && renderFormLabel()}\n            {renderChildren()}\n            {errorMessage && (\n                <ErrorMessageContainer>\n                    <ErrorIcon aria-hidden />\n                    <ErrorMessage\n                        id={errorMessageId}\n                        tabIndex={0}\n                        data-testid={\n                            errorTestId ??\n                            // FIXME: kept for backwards-compatibility\n                            // in most cases data-testid should be separate from id\n                            (id ? `${id}-error-message` : \"error-message\")\n                        }\n                    >\n                        {errorMessage}\n                    </ErrorMessage>\n                </ErrorMessageContainer>\n            )}\n        </ContainerComponent>\n    );\n};\n"],"names":["FormWrapper","label","errorMessage","eRaw","id","disabled","children","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","testId","errorTestId","updatedLayoutType","trim","internalId","useState","SimpleIdGenerator","generate","labelId","subtitleId","errorMessageId","ContainerComponent","V2_ColDivContainer","ColDivContainer","Container","getContainerComponent","_jsxs","Object","assign","getContainerLayoutProps","_jsx","FormLabel","htmlFor","ariaState","undefined","subtitle","filter","Boolean","join","Children","map","child","cloneElement","renderChildren","ErrorMessageContainer","ErrorIcon","ErrorMessage","tabIndex"],"mappings":"mhBAuBaA,EAAc,EACvBC,QACAC,aAAcC,EACdC,KACAC,WACAC,WACAC,aACAC,aACAC,aACAC,cACAC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,UACA,cAAeC,EACf,oBAAqBC,MAKrB,MAAMC,GA+BGb,IAAeC,GAAcC,GAAcC,GACrC,WAENH,IACAI,GACGC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEG,OACCV,GACD,OA5CTL,EAA+B,iBAATC,EAAoBA,EAAKkB,OAASlB,GACvDmB,GAAcC,GAAS,IAAMC,EAAkBC,aAChDC,EAAU,GAAGtB,QAAAA,EAAMkB,UACnBK,EAAa,GAAGvB,QAAAA,EAAMkB,mBACtBM,EAAiB,GAAGxB,QAAAA,EAAMkB,kBA8ChC,MA6EMO,EAtDwB,CAC1BtB,IAEA,OAAQA,GACJ,IAAK,UACD,OAAOuB,EACX,IAAK,OACD,OAAOC,EACX,IAAK,OACD,OAAOC,IA6CQC,CAAsBb,GAEjD,OACIc,EAACL,EAAkBM,OAAAC,OAAA,CAAA,cACFlB,GAjFW,CAACX,IAC7B,OAAQA,GACJ,IAAK,UACD,MAAO,CACHC,aACAC,aACAC,eAER,IAAK,OACD,MAAO,CACHC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,WAER,IAAK,OACD,SA+DAoB,CAAwBjB,cAE3BnB,GAzCGqC,EAACC,EAFY,iBAAVtC,EAEO,CACNuC,QAAS,GAAGpC,SAAS,cAGRA,EAAK,GAAGA,UAAa,aAClCA,GAAIsB,EACJrB,SAAUA,EAAQC,SAEjBL,GAKCkC,OAAAC,OAAA,CACNI,QAAS,GAAGpC,SAAS,cACRA,EAAK,GAAGA,UAAa,aAClCA,GAAIsB,EACJrB,SAAUA,GACNJ,IAKO,MACnB,MAAMwC,EAAY,CACd,iBA3GKtC,EA4GL,mBAnGA,CACID,EAAe0B,OAAiBc,EANhB,iBAAVzC,IAAwBA,aAAK,EAALA,EAAO0C,UAOhBhB,OAAae,GAEjCE,OAAOC,SACPC,KAAK,WAAQJ,EA+FlB,kBAAmBzC,EAAQyB,OAAUgB,GAEzC,OAAOK,EAASC,IAAI1C,GAAW2C,GAC3BC,EAAaD,EAAOR,IACvB,EAWIU,GACAjD,GACGgC,EAACkB,EAAqB,CAAA9C,SAAA,CAClBgC,EAACe,EAAS,CAAA,eAAA,IACVf,EAACgB,GACGlD,GAAIwB,EACJ2B,SAAU,EAAC,cAEPpC,QAAAA,EAGCf,EAAK,GAAGA,kBAAqB,yBAGjCF,UAII"}
+{"version":3,"file":"form-wrapper.js","sources":["../../src/form/form-wrapper.tsx"],"sourcesContent":["/**\n * This is a SUPPORTING component\n * (Do not include in the main export)\n *\n */\n\nimport type { ElementType } from \"react\";\nimport { Children, cloneElement, 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"}

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

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

package/form/form-wrapper.styles.js

@@ -0,0 +1,2 @@
+import"./form-wrapper.styles_199rslu.css";const r="c10mmo3e";export{r as container};
+//# sourceMappingURL=form-wrapper.styles.js.map

package/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":["container"],"mappings":"8DAIO,MAAMA,EAAS"}

package/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/form/index.d.ts

@@ -1,26 +1,108 @@
+export type { FormCustomFieldProps } from "./form-custom-field/types";
+export type { FormDateInputProps } from "./form-date-input/types";
+export type { FormDateRangeInputProps } from "./form-date-range-input/types";
+export type { FormESignatureProps } from "./form-e-signature/types";
+export type { FormHistogramSliderProps } from "./form-histogram-slider/types";
+export type { FormInputProps } from "./form-input/types";
+export type { FormInputGroupProps } from "./form-input-group/types";
+export type { FormLabelAddonProps, FormLabelAddonType, FormLabelProps, } from "./form-label/types";
+export type { FormMaskedInputProps } from "./form-masked-input/types";
+export type { FormMultiSelectProps } from "./form-multi-select/types";
+export type { FormNestedMultiSelectProps } from "./form-nested-multi-select/types";
+export type { FormNestedSelectProps } from "./form-nested-select/types";
+export type { FormPhoneNumberInputProps } from "./form-phone-number-input/types";
+export type { FormPredictiveTextInputProps } from "./form-predictive-text-input/types";
+export type { FormInputRangeSelectProps } from "./form-range-select/types";
+export type { FormRangeSliderProps } from "./form-range-slider/types";
+export type { FormInputSelectProps } from "./form-select/types";
+export type { FormSelectHistogramProps } from "./form-select-histogram/types";
+export type { FormSliderProps } from "./form-slider/types";
+export type { FormTextareaProps } from "./form-textarea/types";
+export type { FormTimeRangePickerProps } from "./form-time-range-picker/types";
+export type { FormTimepickerProps } from "./form-timepicker/types";
+export type { FormUnitNumberInputProps } from "./form-unit-number-input/types";
+export * from "./types";
+/**
+ * A collection of form field components that each combine a label, input
+ * control, and inline error message with consistent ARIA wiring.
+ *
+ * Use `Form.*` sub-components to build accessible forms. Use `Form.CustomField` to wrap any
+ * bespoke input element in the same layout.
+ *
+ * Sub-components:
+ * - `Form.CustomField` — layout shell for wrapping custom input elements.
+ * - `Form.DateInput` — single date picker.
+ * - `Form.DateRangeInput` — date range picker.
+ * - `Form.ESignature` — e-signature capture field.
+ * - `Form.HistogramSlider` — range slider with histogram overlay.
+ * - `Form.Input` — single-line text input field.
+ * - `Form.InputGroup` — grouped inputs with shared label and error state.
+ * - `Form.Label` — standalone label for use outside a `Form.*` field.
+ * - `Form.MaskedInput` — text input with a character-level input mask.
+ * - `Form.MultiSelect` — multi-value dropdown select.
+ * - `Form.NestedMultiSelect` — hierarchical multi-value select.
+ * - `Form.NestedSelect` — hierarchical single-value select.
+ * - `Form.OtpVerification` — OTP send-and-verify flow.
+ * - `Form.PhoneNumberInput` — phone number input with country code selection.
+ * - `Form.PredictiveTextInput` — text input with predictive suggestions.
+ * - `Form.RangeSelect` — dual-value range dropdown select.
+ * - `Form.RangeSlider` — dual-handle range slider.
+ * - `Form.Select` — single-value dropdown select.
+ * - `Form.SelectHistogram` — select control with histogram.
+ * - `Form.Slider` — single-value range slider.
+ * - `Form.Textarea` — multi-line text area.
+ * - `Form.Timepicker` — time picker.
+ * - `Form.TimeRangePicker` — time range picker.
+ * - `Form.UnitNumberInput` — structured unit number input.
+ * @keywords field, label, input
+ */
 export declare const Form: {
-    DateInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormDateInputProps) => JSX.Element;
-    DateRangeInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormDateRangeInputProps) => JSX.Element;
-    ESignature: (props: import("./types").FormESignatureProps) => import("react/jsx-runtime").JSX.Element;
-    HistogramSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormHistogramSliderProps) => JSX.Element;
-    Input: (props: import("./types").FormInputProps & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
-    InputGroup: <T, V>(props: import("./types").FormInputGroupProps<T, V> & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
-    MaskedInput: (props: import("./types").FormMaskedInputProps & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
-    Label: ({ id, children, addon, subtitle, "data-testid": testId, className, style, ...otherProps }: import("./types").FormLabelProps) => JSX.Element;
-    MultiSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, variant, ...otherProps }: import("./types").FormMultiSelectProps<T, V>) => JSX.Element;
-    NestedSelect: <V1, V2, V3>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormNestedSelectProps<V1, V2, V3>) => JSX.Element;
-    NestedMultiSelect: <V1, V2, V3>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormNestedMultiSelectProps<V1, V2, V3>) => JSX.Element;
-    Select: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, variant, ...otherProps }: import("./types").FormInputSelectProps<T, V>) => JSX.Element;
-    SelectHistogram: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, histogramSlider, ...otherProps }: import("./types").FormSelectHistogramProps) => JSX.Element;
-    Slider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormSliderProps) => JSX.Element;
-    RangeSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormRangeSliderProps) => JSX.Element;
-    RangeSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormInputRangeSelectProps<T, V>) => JSX.Element;
-    Textarea: (props: import("./types").FormTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>) => React.ReactElement | null;
-    Timepicker: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormTimepickerProps) => JSX.Element;
-    TimeRangePicker: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormTimeRangePickerProps) => JSX.Element;
-    CustomField: ({ id, "data-error-testid": errorTestId, children, ...otherProps }: import("./types").FormCustomFieldProps) => JSX.Element;
-    UnitNumberInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormUnitNumberInputProps) => JSX.Element;
-    PhoneNumberInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormPhoneNumberInputProps) => JSX.Element;
-    PredictiveTextInput: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./types").FormPredictiveTextInputProps<T, V>) => JSX.Element;
-    OtpVerification: ({ label, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("../otp-verification").FormOtpVerificationProps) => JSX.Element;
+    /** Layout shell that wraps any custom input element with label, subtitle, and error message. */
+    CustomField: ({ id, "data-error-testid": errorTestId, "data-testid": testId, children, ...otherProps }: import("./form-custom-field").FormCustomFieldProps) => JSX.Element;
+    /** Single date picker with form layout. */
+    DateInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-date-input").FormDateInputProps) => JSX.Element;
+    /** Date range picker with form layout. */
+    DateRangeInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-date-range-input").FormDateRangeInputProps) => JSX.Element;
+    /** E-signature capture field with form layout. */
+    ESignature: (props: import("./form-e-signature").FormESignatureProps) => import("react/jsx-runtime").JSX.Element;
+    /** Range slider with histogram overlay and form layout. */
+    HistogramSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-histogram-slider").FormHistogramSliderProps) => JSX.Element;
+    /** Single-line text input field with form layout. */
+    Input: (props: import("./form-input").FormInputProps & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
+    /** Grouped inputs with shared label, error state, and form layout. */
+    InputGroup: <T, V>(props: import("./form-input-group").FormInputGroupProps<T, V> & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
+    /** Standalone label element for use outside a `Form.*` field with optional subtitle and addon icon. */
+    Label: ({ id, children, addon, subtitle, "data-testid": testId, className, style, ...otherProps }: import("./form-label").FormLabelProps) => JSX.Element;
+    /** Text input with a character-level input mask and form layout. */
+    MaskedInput: (props: import("./form-masked-input").FormMaskedInputProps & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null;
+    /** Multi-value dropdown select with form layout. */
+    MultiSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, variant, ...otherProps }: import("./form-multi-select").FormMultiSelectProps<T, V>) => JSX.Element;
+    /** Hierarchical multi-value select with form layout. */
+    NestedMultiSelect: <V1, V2, V3>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-nested-multi-select").FormNestedMultiSelectProps<V1, V2, V3>) => JSX.Element;
+    /** Hierarchical single-value select with form layout. */
+    NestedSelect: <V1, V2, V3>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-nested-select").FormNestedSelectProps<V1, V2, V3>) => JSX.Element;
+    /** OTP send-and-verify flow with form layout. */
+    OtpVerification: ({ label, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-otp-verification").FormOtpVerificationProps) => JSX.Element;
+    /** Phone number input with country code selection and form layout. */
+    PhoneNumberInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-phone-number-input").FormPhoneNumberInputProps) => JSX.Element;
+    /** Text input with predictive suggestions and form layout. */
+    PredictiveTextInput: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-predictive-text-input").FormPredictiveTextInputProps<T, V>) => JSX.Element;
+    /** Dual-value range dropdown select with form layout. */
+    RangeSelect: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-range-select").FormInputRangeSelectProps<T, V>) => JSX.Element;
+    /** Dual-handle range slider with form layout. */
+    RangeSlider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-range-slider").FormRangeSliderProps) => JSX.Element;
+    /** Single-value dropdown select with form layout. */
+    Select: <T, V>({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, enableSearch, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, variant, ...otherProps }: import("./form-select").FormInputSelectProps<T, V>) => JSX.Element;
+    /** Select control with histogram and form layout. */
+    SelectHistogram: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, histogramSlider, ...otherProps }: import("./form-select-histogram").FormSelectHistogramProps) => JSX.Element;
+    /** Single-value range slider with form layout. */
+    Slider: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-slider").FormSliderProps) => JSX.Element;
+    /** Multi-line text area with form layout. */
+    Textarea: (props: import("./form-textarea").FormTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>) => React.ReactElement | null;
+    /** Time picker with form layout. */
+    Timepicker: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-timepicker").FormTimepickerProps) => JSX.Element;
+    /** Time range picker with form layout. */
+    TimeRangePicker: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-time-range-picker").FormTimeRangePickerProps) => JSX.Element;
+    /** Structured unit number input with form layout. */
+    UnitNumberInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: import("./form-unit-number-input").FormUnitNumberInputProps) => JSX.Element;
 };

package/form/index.js

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

package/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/form/index.ts"],"sourcesContent":["import { FormCustomField } from \"./form-custom-field\";\nimport { FormDateInput } from \"./form-date-input\";\nimport { FormDateRangeInput } from \"./form-date-range-input\";\nimport { FormESignature } from \"./form-e-signature\";\nimport { FormHistogramSlider } from \"./form-histogram\";\nimport { FormInput } from \"./form-input\";\nimport { FormInputGroup } from \"./form-input-group\";\nimport { FormLabel } from \"./form-label\";\nimport { FormMaskedInput } from \"./form-masked-input\";\nimport { FormMultiSelect } from \"./form-multi-select\";\nimport { FormNestedMultiSelect } from \"./form-nested-multi-select\";\nimport { FormNestedSelect } from \"./form-nested-select\";\nimport { FormOtpVerification } from \"./form-otp-verification\";\nimport { FormPhoneNumberInput } from \"./form-phone-number-input\";\nimport { FormPredictiveTextInput } from \"./form-predictive-text-input\";\nimport { FormRangeSelect } from \"./form-range-select\";\nimport { FormRangeSlider } from \"./form-range-slider\";\nimport { FormSelect } from \"./form-select\";\nimport { FormSelectHistogram } from \"./form-select-histogram\";\nimport { FormSlider } from \"./form-slider\";\nimport { FormTextarea } from \"./form-textarea\";\nimport { FormTimeRangePicker } from \"./form-time-range-picker\";\nimport { FormTimepicker } from \"./form-timepicker\";\nimport { FormUnitNumberInput } from \"./form-unit-number-input\";\n\nexport const Form = {\n    DateInput: FormDateInput,\n    DateRangeInput: FormDateRangeInput,\n    ESignature: FormESignature,\n    HistogramSlider: FormHistogramSlider,\n    Input: FormInput,\n    InputGroup: FormInputGroup,\n    MaskedInput: FormMaskedInput,\n    Label: FormLabel,\n    MultiSelect: FormMultiSelect,\n    NestedSelect: FormNestedSelect,\n    NestedMultiSelect: FormNestedMultiSelect,\n    Select: FormSelect,\n    SelectHistogram: FormSelectHistogram,\n    Slider: FormSlider,\n    RangeSlider: FormRangeSlider,\n    RangeSelect: FormRangeSelect,\n    Textarea: FormTextarea,\n    Timepicker: FormTimepicker,\n    TimeRangePicker: FormTimeRangePicker,\n    CustomField: FormCustomField,\n    UnitNumberInput: FormUnitNumberInput,\n    PhoneNumberInput: FormPhoneNumberInput,\n    PredictiveTextInput: FormPredictiveTextInput,\n    OtpVerification: FormOtpVerification,\n};\n"],"names":["Form","DateInput","FormDateInput","DateRangeInput","FormDateRangeInput","ESignature","FormESignature","HistogramSlider","FormHistogramSlider","Input","FormInput","InputGroup","FormInputGroup","MaskedInput","FormMaskedInput","Label","FormLabel","MultiSelect","FormMultiSelect","NestedSelect","FormNestedSelect","NestedMultiSelect","FormNestedMultiSelect","Select","FormSelect","SelectHistogram","FormSelectHistogram","Slider","FormSlider","RangeSlider","FormRangeSlider","RangeSelect","FormRangeSelect","Textarea","FormTextarea","Timepicker","FormTimepicker","TimeRangePicker","FormTimeRangePicker","CustomField","FormCustomField","UnitNumberInput","FormUnitNumberInput","PhoneNumberInput","FormPhoneNumberInput","PredictiveTextInput","FormPredictiveTextInput","OtpVerification","FormOtpVerification"],"mappings":"22CAyBO,MAAMA,EAAO,CAChBC,UAAWC,EACXC,eAAgBC,EAChBC,WAAYC,EACZC,gBAAiBC,EACjBC,MAAOC,EACPC,WAAYC,EACZC,YAAaC,EACbC,MAAOC,EACPC,YAAaC,EACbC,aAAcC,EACdC,kBAAmBC,EACnBC,OAAQC,EACRC,gBAAiBC,EACjBC,OAAQC,EACRC,YAAaC,EACbC,YAAaC,EACbC,SAAUC,EACVC,WAAYC,EACZC,gBAAiBC,EACjBC,YAAaC,EACbC,gBAAiBC,EACjBC,iBAAkBC,EAClBC,oBAAqBC,EACrBC,gBAAiBC"}
+{"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":"+yDAyFO,MAAMA,EAAO,CAEhBC,YAAaC,EAGbC,UAAWC,EAGXC,eAAgBC,EAGhBC,WAAYC,EAGZC,gBAAiBC,EAGjBC,MAAOC,EAGPC,WAAYC,EAGZC,MAAOC,EAGPC,YAAaC,EAGbC,YAAaC,EAGbC,kBAAmBC,EAGnBC,aAAcC,EAGdC,gBAAiBC,EAGjBC,iBAAkBC,EAGlBC,oBAAqBC,EAGrBC,YAAaC,EAGbC,YAAaC,EAGbC,OAAQC,EAGRC,gBAAiBC,EAGjBC,OAAQC,EAGRC,SAAUC,EAGVC,WAAYC,EAGZC,gBAAiBC,EAGjBC,gBAAiBC"}