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

package/filter/types.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from "react";
 import type { ButtonStyleType } from "../button/types";
-import type { FormLabelAddonProps } from "../form/types";
+import type { FormLabelAddonProps } from "../form/form-label/types";
 import type { Insets } from "../shared/types";
 /**
  * Rendering context for the filter panel.
@@ -9,13 +9,43 @@ import type { Insets } from "../shared/types";
  */
 export type Mode = "default" | "mobile";
 interface FilterSidebarCustomLabelProps {
+    /**
+     * The title of the filter header
+     *
+     * @default "Filters"
+     */
     headerTitle?: string | undefined;
+    /**
+     * The display label of the `Clear` button
+     *
+     * @default "Clear"
+     */
     clearButtonLabel?: string | undefined;
 }
 interface FilterModalCustomLabelProps {
+    /**
+     * The title of the filter header
+     *
+     * @default "Filters"
+     */
     headerTitle?: string | undefined;
+    /**
+     * The display label of the filter toggle button (in mobile)
+     *
+     * @default "Filters"
+     */
     toggleFilterButtonLabel?: string | undefined;
+    /**
+     * The display label of the `Done` button (in mobile)
+     *
+     * @default "Done"
+     */
     doneButtonLabel?: string | undefined;
+    /**
+     * The display label of the `Clear` button
+     *
+     * @default "Clear"
+     */
     clearButtonLabel?: string | undefined;
 }
 /**
@@ -181,66 +211,4 @@ export interface FilterPageProps {
     /** Called when the done button is pressed. */
     onDone?: (() => void) | undefined;
 }
-/**
- * Default shape for a checkbox option in `Filter.Checkbox`.
- *
- * Nest `options` to create hierarchical groups with parent-level
- * select/deselect all behavior.
- */
-export interface FilterItemCheckboxOptionProps {
-    value: any;
-    label: string;
-    /** Nested child options. Providing children makes this item a parent node. */
-    options?: FilterItemCheckboxOptionProps[] | undefined;
-}
-/**
- * Props for the `Filter.Checkbox` sub-component.
- *
- * Supply a generic type `T` to use a custom option shape together with
- * `labelExtractor` and `valueExtractor`.
- */
-export interface FilterItemCheckboxProps<T = FilterItemCheckboxOptionProps> extends Omit<FilterItemProps, "children"> {
-    /** The full list of selectable options. */
-    options: T[];
-    /**
-     * The currently selected options. When provided, the component syncs its
-     * internal selection state to this value.
-     */
-    selectedOptions?: T[] | undefined;
-    /**
-     * Called when the selection changes.
-     *
-     * @param options The updated array of selected options.
-     */
-    onSelect?: ((options: T[]) => void) | undefined;
-    /**
-     * Derives the display label from an option item.
-     * Falls back to `item.label` when not provided.
-     */
-    labelExtractor?: ((item: T) => React.ReactNode) | undefined;
-    /**
-     * Derives the unique value key from an option item.
-     * Falls back to `item.value` when not provided.
-     */
-    valueExtractor?: ((item: T) => string) | undefined;
-    /**
-     * When `true`, toggle chips in mobile mode grow to fit their content width
-     * instead of stretching to a fixed minimum width.
-     */
-    useToggleContentWidth?: boolean | undefined;
-    /**
-     * When `true`, renders checkboxes instead of toggle chips in mobile mode.
-     * Has no effect for nested option trees, which always use checkboxes.
-     *
-     * @default false
-     */
-    showAsCheckboxInMobile?: boolean | undefined;
-    /**
-     * When `true`, shows a "View more / View less" button when there are more
-     * options than the minimised threshold.
-     *
-     * @default true
-     */
-    minimisableOptions?: boolean | undefined;
-}
 export {};

package/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../src/footer/footer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type React from \"react\";\nimport { useContext } from \"react\";\n\nimport { Divider } from \"../divider\";\nimport { Layout } from \"../layout\";\nimport { ThemeContext } from \"../theme/theme-provider/context\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./footer.styles\";\nimport { DownloadApp } from \"./footer-download-app\";\nimport type { InternalDisclaimerLinks } from \"./footer-helper\";\nimport { FooterHelper } from \"./footer-helper\";\nimport { ResourceAddon } from \"./footer-resource-addon\";\nimport type { FooterLinkProps, FooterProps } from \"./types\";\n\n/**\n * Site-wide footer with navigation links, branding, and legal copy.\n *\n * Use `Footer` at the bottom of a page to surface navigation links grouped\n * into columns, a theme-appropriate logo, download-app or resource add-ons,\n * and disclaimer links with auto-generated copyright text.\n */\nexport const Footer = <T,>({\n    children,\n    links,\n    lastUpdated,\n    disclaimerLinks,\n    showDownloadAddon,\n    showResourceAddon,\n    logoSrc,\n    logoAlt = \"\",\n    copyrightInfo,\n    onFooterLinkClick,\n    layout = \"default\",\n    hideLogo,\n    className,\n    ...otherProps\n}: FooterProps<T>) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const isStretch = layout === \"stretch\";\n    const theme = useContext(ThemeContext);\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleLinkClick = <K extends T>(\n        event: React.MouseEvent<HTMLAnchorElement>,\n        item: FooterLinkProps<K>\n    ) => {\n        /**\n         * Individual link onClick will override\n         * the onFooterLinkClick callback\n         */\n        if (item.onClick) {\n            event.preventDefault();\n            item.onClick(event);\n        } else if (onFooterLinkClick) {\n            event.preventDefault();\n            onFooterLinkClick(item);\n        } else {\n            // do nothing, let default behaviour happen\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderDisclaimerLinks = () => {\n        const links = FooterHelper.getDisclaimerLinks(\n            theme?.theme,\n            disclaimerLinks\n        );\n\n        return (Object.keys(links) as (keyof InternalDisclaimerLinks)[]).map(\n            (key) => {\n                return (\n                    <Typography.LinkXS\n                        key={key}\n                        underlineStyle=\"none\"\n                        className={styles.disclaimerTextLink}\n                        {...links[key]}\n                    />\n                );\n            }\n        );\n    };\n\n    const renderFooterLinks = (links: FooterLinkProps<T>[]) => {\n        return links.map((link, index) => {\n            const { \"data-options\": _options, ...otherProps } = link;\n\n            return (\n                <li key={index}>\n                    <Typography.LinkMD\n                        underlineStyle=\"none\"\n                        className={styles.footerLink}\n                        {...otherProps}\n                        onClick={(event) => handleLinkClick(event, link)}\n                    />\n                </li>\n            );\n        });\n    };\n\n    const renderTopSection = () => {\n        let component: React.ReactNode = null;\n\n        if (children) {\n            return children;\n        }\n\n        if (links || showDownloadAddon) {\n            const { src, alt, logoType, ...otherLogoAttributes } =\n                FooterHelper.getFooterLogoAttribute(theme?.theme);\n            component = (\n                <>\n                    {(logoSrc || src) && !hideLogo && (\n                        <div\n                            data-testid=\"logo-section\"\n                            className={styles.logoSection}\n                        >\n                            <img\n                                src={logoSrc || src}\n                                data-testid=\"logo\"\n                                className={clsx(\n                                    styles.logoImage,\n                                    logoType && styles.logoSize[logoType]\n                                )}\n                                alt={logoAlt || alt}\n                                {...otherLogoAttributes}\n                            />\n                        </div>\n                    )}\n                    <div className={styles.linkSectionWrapper}>\n                        {links?.map((columnLinks, columnIndex) => (\n                            <ul\n                                key={`link-col-${columnIndex}`}\n                                data-testid={`link-col-${columnIndex}`}\n                                className={styles.linkSection}\n                            >\n                                {renderFooterLinks(columnLinks)}\n                            </ul>\n                        ))}\n                    </div>\n                    {showDownloadAddon && (\n                        <div className={styles.addonSection}>\n                            <DownloadApp />\n                        </div>\n                    )}\n                    {/* when showDownloadAddon and showResourceAddon are enabled, showDownloadAddon should take priority to being rendered */}\n                    {!showDownloadAddon && showResourceAddon && (\n                        <div className={styles.addonSection}>\n                            <ResourceAddon />\n                        </div>\n                    )}\n                </>\n            );\n        }\n\n        if (component) {\n            return (\n                <>\n                    <Layout.Content\n                        className={styles.topSection}\n                        stretch={isStretch}\n                    >\n                        {component}\n                    </Layout.Content>\n                    <Divider className={styles.fullWidthDivider} />\n                </>\n            );\n        }\n\n        return null;\n    };\n    return (\n        <footer {...otherProps} className={clsx(styles.baseFooter, className)}>\n            {renderTopSection()}\n            <Layout.Content\n                className={styles.bottomSection}\n                stretch={isStretch}\n            >\n                <div key=\"disclaimer\" className={styles.bottomSectionContent}>\n                    {renderDisclaimerLinks()}\n                </div>\n                <div\n                    key=\"copyright\"\n                    className={clsx(\n                        styles.bottomSectionContent,\n                        styles.copyrightSection\n                    )}\n                >\n                    <Typography.BodyXS\n                        data-testid={\"copyright-text\"}\n                        className={styles.copyrightText}\n                    >\n                        {copyrightInfo || (\n                            <>\n                                &copy;{\" \"}\n                                {FooterHelper.getCopyrightInfo(\n                                    lastUpdated,\n                                    theme?.theme\n                                )}\n                            </>\n                        )}\n                    </Typography.BodyXS>\n                </div>\n            </Layout.Content>\n        </footer>\n    );\n};\n"],"names":["Footer","_a","children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","logoAlt","copyrightInfo","onFooterLinkClick","layout","hideLogo","className","otherProps","__rest","isStretch","theme","useContext","ThemeContext","renderFooterLinks","map","link","index","_options","_jsx","Typography","LinkMD","Object","assign","underlineStyle","styles.footerLink","onClick","event","item","preventDefault","handleLinkClick","_jsxs","clsx","styles.baseFooter","component","FooterHelper","getFooterLogoAttribute","src","alt","logoType","otherLogoAttributes","_Fragment","styles.logoSection","styles.logoImage","styles.logoSize","styles.linkSectionWrapper","columnLinks","columnIndex","styles.linkSection","styles.addonSection","DownloadApp","ResourceAddon","Layout","Content","styles.topSection","stretch","Divider","styles.fullWidthDivider","renderTopSection","styles.bottomSection","styles.bottomSectionContent","getDisclaimerLinks","keys","key","LinkXS","styles.disclaimerTextLink","renderDisclaimerLinks","styles.copyrightSection","BodyXS","styles.copyrightText","getCopyrightInfo"],"mappings":"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"}
+{"version":3,"file":"footer.js","sources":["../../src/footer/footer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type React from \"react\";\nimport { useContext } from \"react\";\n\nimport { Divider } from \"../divider\";\nimport { Layout } from \"../layout\";\nimport { ThemeContext } from \"../theme/theme-provider/context\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./footer.styles\";\nimport { DownloadApp } from \"./footer-download-app\";\nimport type { InternalDisclaimerLinks } from \"./footer-helper\";\nimport { FooterHelper } from \"./footer-helper\";\nimport { ResourceAddon } from \"./footer-resource-addon\";\nimport type { FooterLinkProps, FooterProps } from \"./types\";\n\n// @catalog\n/**\n * Site-wide footer with navigation links, branding, and legal copy.\n *\n * Use `Footer` at the bottom of a page to surface navigation links grouped\n * into columns, a theme-appropriate logo, download-app or resource add-ons,\n * and disclaimer links with auto-generated copyright text.\n */\nexport const Footer = <T,>({\n    children,\n    links,\n    lastUpdated,\n    disclaimerLinks,\n    showDownloadAddon,\n    showResourceAddon,\n    logoSrc,\n    logoAlt = \"\",\n    copyrightInfo,\n    onFooterLinkClick,\n    layout = \"default\",\n    hideLogo,\n    className,\n    ...otherProps\n}: FooterProps<T>) => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const isStretch = layout === \"stretch\";\n    const theme = useContext(ThemeContext);\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleLinkClick = <K extends T>(\n        event: React.MouseEvent<HTMLAnchorElement>,\n        item: FooterLinkProps<K>\n    ) => {\n        /**\n         * Individual link onClick will override\n         * the onFooterLinkClick callback\n         */\n        if (item.onClick) {\n            event.preventDefault();\n            item.onClick(event);\n        } else if (onFooterLinkClick) {\n            event.preventDefault();\n            onFooterLinkClick(item);\n        } else {\n            // do nothing, let default behaviour happen\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderDisclaimerLinks = () => {\n        const links = FooterHelper.getDisclaimerLinks(\n            theme?.theme,\n            disclaimerLinks\n        );\n\n        return (Object.keys(links) as (keyof InternalDisclaimerLinks)[]).map(\n            (key) => {\n                return (\n                    <Typography.LinkXS\n                        key={key}\n                        underlineStyle=\"none\"\n                        className={styles.disclaimerTextLink}\n                        {...links[key]}\n                    />\n                );\n            }\n        );\n    };\n\n    const renderFooterLinks = (links: FooterLinkProps<T>[]) => {\n        return links.map((link, index) => {\n            const { \"data-options\": _options, ...otherProps } = link;\n\n            return (\n                <li key={index}>\n                    <Typography.LinkMD\n                        underlineStyle=\"none\"\n                        className={styles.footerLink}\n                        {...otherProps}\n                        onClick={(event) => handleLinkClick(event, link)}\n                    />\n                </li>\n            );\n        });\n    };\n\n    const renderTopSection = () => {\n        let component: React.ReactNode = null;\n\n        if (children) {\n            return children;\n        }\n\n        if (links || showDownloadAddon) {\n            const { src, alt, logoType, ...otherLogoAttributes } =\n                FooterHelper.getFooterLogoAttribute(theme?.theme);\n            component = (\n                <>\n                    {(logoSrc || src) && !hideLogo && (\n                        <div\n                            data-testid=\"logo-section\"\n                            className={styles.logoSection}\n                        >\n                            <img\n                                src={logoSrc || src}\n                                data-testid=\"logo\"\n                                className={clsx(\n                                    styles.logoImage,\n                                    logoType && styles.logoSize[logoType]\n                                )}\n                                alt={logoAlt || alt}\n                                {...otherLogoAttributes}\n                            />\n                        </div>\n                    )}\n                    <div className={styles.linkSectionWrapper}>\n                        {links?.map((columnLinks, columnIndex) => (\n                            <ul\n                                key={`link-col-${columnIndex}`}\n                                data-testid={`link-col-${columnIndex}`}\n                                className={styles.linkSection}\n                            >\n                                {renderFooterLinks(columnLinks)}\n                            </ul>\n                        ))}\n                    </div>\n                    {showDownloadAddon && (\n                        <div className={styles.addonSection}>\n                            <DownloadApp />\n                        </div>\n                    )}\n                    {/* when showDownloadAddon and showResourceAddon are enabled, showDownloadAddon should take priority to being rendered */}\n                    {!showDownloadAddon && showResourceAddon && (\n                        <div className={styles.addonSection}>\n                            <ResourceAddon />\n                        </div>\n                    )}\n                </>\n            );\n        }\n\n        if (component) {\n            return (\n                <>\n                    <Layout.Content\n                        className={styles.topSection}\n                        stretch={isStretch}\n                    >\n                        {component}\n                    </Layout.Content>\n                    <Divider className={styles.fullWidthDivider} />\n                </>\n            );\n        }\n\n        return null;\n    };\n    return (\n        <footer {...otherProps} className={clsx(styles.baseFooter, className)}>\n            {renderTopSection()}\n            <Layout.Content\n                className={styles.bottomSection}\n                stretch={isStretch}\n            >\n                <div key=\"disclaimer\" className={styles.bottomSectionContent}>\n                    {renderDisclaimerLinks()}\n                </div>\n                <div\n                    key=\"copyright\"\n                    className={clsx(\n                        styles.bottomSectionContent,\n                        styles.copyrightSection\n                    )}\n                >\n                    <Typography.BodyXS\n                        data-testid={\"copyright-text\"}\n                        className={styles.copyrightText}\n                    >\n                        {copyrightInfo || (\n                            <>\n                                &copy;{\" \"}\n                                {FooterHelper.getCopyrightInfo(\n                                    lastUpdated,\n                                    theme?.theme\n                                )}\n                            </>\n                        )}\n                    </Typography.BodyXS>\n                </div>\n            </Layout.Content>\n        </footer>\n    );\n};\n"],"names":["Footer","_a","children","links","lastUpdated","disclaimerLinks","showDownloadAddon","showResourceAddon","logoSrc","logoAlt","copyrightInfo","onFooterLinkClick","layout","hideLogo","className","otherProps","__rest","isStretch","theme","useContext","ThemeContext","renderFooterLinks","map","link","index","_options","_jsx","Typography","LinkMD","Object","assign","underlineStyle","styles.footerLink","onClick","event","item","preventDefault","handleLinkClick","_jsxs","clsx","styles.baseFooter","component","FooterHelper","getFooterLogoAttribute","src","alt","logoType","otherLogoAttributes","_Fragment","styles.logoSection","styles.logoImage","styles.logoSize","styles.linkSectionWrapper","columnLinks","columnIndex","styles.linkSection","styles.addonSection","DownloadApp","ResourceAddon","Layout","Content","styles.topSection","stretch","Divider","styles.fullWidthDivider","renderTopSection","styles.bottomSection","styles.bottomSectionContent","getDisclaimerLinks","keys","key","LinkXS","styles.disclaimerTextLink","renderDisclaimerLinks","styles.copyrightSection","BodyXS","styles.copyrightText","getCopyrightInfo"],"mappings":"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"}

package/form/form-custom-field/form-custom-field.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import"react";import{useId as i}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 a=a=>{var{id:o,"data-error-testid":d,"data-testid":s,children:m}=a,l=r(a,["id","data-error-testid","data-testid","children"]);const n=i(),p=null!=o?o:`form-custom-field-${n}`;return t(e,Object.assign({id:p,"data-testid":s,"data-error-testid":d},l,{children:m}))};export{a as FormCustomField};
+//# sourceMappingURL=form-custom-field.js.map

package/form/form-custom-field/form-custom-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-custom-field.js","sources":["../../../src/form/form-custom-field/form-custom-field.tsx"],"sourcesContent":["import { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormCustomFieldProps } from \"./types\";\n\nexport const FormCustomField = ({\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    children,\n    ...otherProps\n}: FormCustomFieldProps): JSX.Element => {\n    const internalId = useId();\n\n    const inputId = id ?? `form-custom-field-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            data-error-testid={errorTestId}\n            {...otherProps}\n        >\n            {children}\n        </FormWrapper>\n    );\n};\n"],"names":["FormCustomField","_a","id","errorTestId","testId","children","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","Object","assign"],"mappings":"0WAIO,MAAMA,EAAmBC,IAAA,IAAAC,GAC5BA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,SACrBA,GAAQJ,EACLK,EAAUC,EAAAN,EALe,qDAO5B,MAAMO,EAAaC,IAEbC,EAAUR,QAAAA,EAAM,qBAAqBM,IAE3C,OACIG,EAACC,EAAWC,OAAAC,OAAA,CACRZ,GAAIQ,EAAO,cACEN,EAAM,oBACAD,GACfG,YAEHD,IACS"}

package/form/form-custom-field/index.d.ts

@@ -0,0 +1,2 @@
+export { FormCustomField } from "./form-custom-field";
+export type { FormCustomFieldProps } from "./types";

package/form/form-custom-field/types.d.ts

@@ -0,0 +1,7 @@
+import type { BaseFormElementProps, FormWrapperProps } from "../types";
+/**
+ * Props for `Form.CustomField`, which wraps any custom input element with a
+ * shared label, subtitle, and inline error message layout.
+ */
+export interface FormCustomFieldProps extends FormWrapperProps, BaseFormElementProps {
+}

package/form/form-date-input/form-date-input.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{DateInput as l}from"../../date-input/date-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:d,"data-error-testid":m,"data-testid":p,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:j,lgCols:b,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(),h=null!=d?d:`form-date-input-${f}`;return s(e,{id:h,label:a,errorMessage:i,"data-error-testid":m,layoutType:x,xxsCols:C,xsCols:n,smCols:u,mdCols:j,lgCols:b,xlCols:c,xxlCols:g,children:s(l,Object.assign({id:`${h}-base`,"data-testid":p||d,"aria-labelledby":`${h}-label`,error:!!i},y))})};export{o as FormDateInput};
+//# sourceMappingURL=form-date-input.js.map

package/form/form-date-input/form-date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-input.js","sources":["../../../src/form/form-date-input/form-date-input.tsx"],"sourcesContent":["import { DateInput } from \"../../date-input\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormDateInputProps } from \"./types\";\n\nexport const FormDateInput = ({\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}: FormDateInputProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-date-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            <DateInput\n                id={`${inputId}-base`}\n                data-testid={testId || id}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormDateInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","DateInput","Object","assign","error"],"mappings":"qaAKO,MAAMA,EAAiBC,IAAA,IAAAC,MAC1BA,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,EAda,+IAgB1B,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,mBAAmBa,IAEzC,OACIG,EAACC,EAAW,CACRjB,GAAIe,EACJjB,MAAOA,EACPC,aAAcA,sBACKE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOQ,SAEhBF,EAACG,EAASC,OAAAC,OAAA,CACNrB,GAAI,GAAGe,SAAc,cACRb,GAAUF,EAAE,kBACR,GAAGe,UACpBO,QAASvB,GACLY,KAEE"}

package/form/form-date-input/index.d.ts

@@ -0,0 +1,2 @@
+export { FormDateInput } from "./form-date-input";
+export type { FormDateInputProps } from "./types";

package/form/form-date-input/types.d.ts

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

package/form/form-date-range-input/form-date-range-input.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{DateRangeInput as l}from"../../date-range-input/date-range-input.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:n,xxsCols:x,xsCols:C,smCols:u,mdCols:g,lgCols:j,xlCols:b,xxlCols:c}=t,y=r(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-date-range-input-${f}`;return s(o,{id:v,label:a,errorMessage:i,"data-error-testid":m,layoutType:n,xxsCols:x,xsCols:C,smCols:u,mdCols:g,lgCols:j,xlCols:b,xxlCols:c,children:s(l,Object.assign({id:`${d}-base`,"data-testid":p?`${p}-base`:void 0,"aria-labelledby":`${v}-label`,error:!!i},y))})};export{t as FormDateRangeInput};
+//# sourceMappingURL=form-date-range-input.js.map

package/form/form-date-range-input/form-date-range-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-range-input.js","sources":["../../../src/form/form-date-range-input/form-date-range-input.tsx"],"sourcesContent":["import { DateRangeInput } from \"../../date-range-input\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormDateRangeInputProps } from \"./types\";\n\nexport const FormDateRangeInput = ({\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}: FormDateRangeInputProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-date-range-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            <DateRangeInput\n                id={`${id}-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":["FormDateRangeInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","DateRangeInput","Object","assign","undefined","error"],"mappings":"sbAKO,MAAMA,EAAsBC,IAAA,IAAAC,MAC/BA,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,EAdkB,+IAgB/B,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,OACIG,EAACC,GACGjB,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,EAAcC,OAAAC,OAAA,CACXrB,GAAI,GAAGA,uBACME,EAAS,GAAGA,cAAgBoB,EAAS,kBACjC,GAAGP,UACpBQ,QAASxB,GACLY,KAEE"}

package/form/form-date-range-input/index.d.ts

@@ -0,0 +1,2 @@
+export { FormDateRangeInput } from "./form-date-range-input";
+export type { FormDateRangeInputProps } from "./types";

package/form/form-date-range-input/types.d.ts

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

package/form/form-e-signature/form-e-signature.js

@@ -0,0 +1,2 @@
+import{__rest as s}from"../../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{ESignature as o}from"../../e-signature/e-signature.js";import{FormWrapper as r}from"../form-wrapper.js";const e=e=>{const{label:t,errorMessage:a,id:i="form-field","data-error-testid":d,"data-testid":C,layoutType:x,xxsCols:m,xsCols:p,smCols:g,mdCols:n,lgCols:u,xlCols:f,xxlCols:b}=e,y=s(e,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);return l(r,{id:i,label:t,errorMessage:a,"data-error-testid":d,layoutType:x,xxsCols:m,xsCols:p,smCols:g,mdCols:n,lgCols:u,xlCols:f,xxlCols:b,children:l(o,Object.assign({id:`${i}-base`,"data-testid":C||i},y))})};export{e as FormESignature};
+//# sourceMappingURL=form-e-signature.js.map

package/form/form-e-signature/form-e-signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-e-signature.js","sources":["../../../src/form/form-e-signature/form-e-signature.tsx"],"sourcesContent":["import { ESignature } from \"../../e-signature\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormESignatureProps } from \"./types\";\n\nexport const FormESignature = (props: FormESignatureProps) => {\n    const {\n        label,\n        errorMessage,\n        id = \"form-field\",\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    return (\n        <FormWrapper\n            id={id}\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            <ESignature\n                id={`${id}-base`}\n                data-testid={testId || id}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormESignature","props","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","_jsx","FormWrapper","children","ESignature","Object","assign"],"mappings":"yMAIO,MAAMA,EAAkBC,IAC3B,MAAMC,MACFA,EAAKC,aACLA,EAAYC,GACZA,EAAK,aACL,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAEAb,EADGc,EAAUC,EACbf,EAfE,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,aAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,YAiBN,OACIgB,EAACC,EAAW,CACRd,GAAIA,EACJF,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBE,WAAYA,EACZC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOK,SAEhBF,EAACG,EAAUC,OAAAC,OAAA,CACPlB,GAAI,GAAGA,SAAS,cACHE,GAAUF,GACnBW,KAEE"}

package/form/form-e-signature/index.d.ts

@@ -0,0 +1,2 @@
+export { FormESignature } from "./form-e-signature";
+export type { FormESignatureProps } from "./types";

package/form/form-e-signature/types.d.ts

@@ -0,0 +1,8 @@
+import type { EsignatureProps } from "../../e-signature/types";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.ESignature`, combining e-signature props with the shared
+ * form field layout.
+ */
+export interface FormESignatureProps extends EsignatureProps, BaseFormElementProps {
+}

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

@@ -0,0 +1,2 @@
+import{__rest as s}from"../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{HistogramSlider as l}from"../../histogram-slider/histogram-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":x,layoutType:C,xxsCols:p,xsCols:n,smCols:g,mdCols:j,lgCols:u,xlCols:c,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(),h=null!=d?d:`form-histogram-slider-${f}`;return r(t,{id:h,label:a,errorMessage:i,"data-testid":x,"data-error-testid":m,layoutType:C,xxsCols:p,xsCols:n,smCols:g,mdCols:j,lgCols:u,xlCols:c,xxlCols:y,children:r(l,Object.assign({id:`${h}-base`,"data-testid":x?`${x}-base`:void 0},b))})};export{e as FormHistogramSlider};
+//# sourceMappingURL=form-histogram-slider.js.map

package/form/form-histogram-slider/form-histogram-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-histogram-slider.js","sources":["../../../src/form/form-histogram-slider/form-histogram-slider.tsx"],"sourcesContent":["import { HistogramSlider } from \"../../histogram-slider\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormHistogramSliderProps } from \"./types\";\n\nexport const FormHistogramSlider = ({\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}: FormHistogramSliderProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-histogram-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            <HistogramSlider\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormHistogramSlider","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","HistogramSlider","Object","assign","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,GAAOb,EACJc,EAAUC,EAAAf,EAdmB,+IAgBhC,MAAMgB,EAAaC,IACbC,EAAUf,QAAAA,EAAM,yBAAyBa,IAE/C,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,EAAeC,OAAAC,OAAA,CACZrB,GAAI,GAAGe,uBACMb,EAAS,GAAGA,cAAgBoB,GACrCX,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormHistogramSlider } from "./form-histogram-slider";
+export type { FormHistogramSliderProps } from "./types";

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

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

package/form/form-input/form-input.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import o from"react";import{Input as l}from"../../input/input.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";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 a=o.forwardRef(((o,a)=>{const{label:i,errorMessage:d,id:m,"data-error-testid":p,"data-testid":x,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:c,xlCols:g,xxlCols:y}=o,b=r(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),h=t(),v=null!=m?m:`form-field-${h}`;return s(e,{id:v,"data-testid":x,label:i,errorMessage:d,"data-error-testid":p,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:c,xlCols:g,xxlCols:y,children:s(l,Object.assign({id:`${v}-base`,"data-testid":x?`${x}-base`:void 0,ref:a,error:!!d},b))})}));export{a as FormInput};
+//# sourceMappingURL=form-input.js.map

package/form/form-input/form-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input.js","sources":["../../../src/form/form-input/form-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Input } from \"../../input\";\nimport type { InputRef } from \"../../input/types\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormInputProps } from \"./types\";\n\nconst Component = (props: FormInputProps, ref: InputRef): 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-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            <Input\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                ref={ref}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormInput = React.forwardRef(Component);\n"],"names":["FormInput","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","Input","undefined","error"],"mappings":"8ZAQA,MAgDaA,EAAYC,EAAMC,YAhDb,CAACC,EAAuBC,KACtC,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,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,EACzCtB,IAAKA,EACLuB,QAASrB,GACLY,KAEE"}

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

@@ -0,0 +1,2 @@
+export { FormInput } from "./form-input";
+export type { FormInputProps } from "./types";

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

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

package/form/form-input-group/form-input-group.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import l from"react";import{InputGroup as o}from"../../input-group/input-group.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import{useId as e}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 a=l.forwardRef(((l,a)=>{const{label:i,errorMessage:d,id:m,"data-error-testid":p,"data-testid":x,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:g,lgCols:j,xlCols:b,xxlCols:c}=l,y=r(l,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),$=e(),h=null!=m?m:`form-field-${$}`;return s(t,{id:h,"data-testid":x,label:i,errorMessage:d,"data-error-testid":p,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:g,lgCols:j,xlCols:b,xxlCols:c,children:s(o,Object.assign({ref:a,id:`${h}-base`,"data-testid":x?`${x}-base`:void 0,"aria-labelledby":`${h}-label`,error:!!d},y))})}));export{a as FormInputGroup};
+//# sourceMappingURL=form-input-group.js.map

package/form/form-input-group/form-input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input-group.js","sources":["../../../src/form/form-input-group/form-input-group.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { InputGroup } from \"../../input-group\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormInputGroupProps } from \"./types\";\n\nconst Component = <T, V>(\n    props: FormInputGroupProps<T, V>,\n    ref: React.Ref<HTMLInputElement>\n): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        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-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            <InputGroup\n                ref={ref}\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\nexport const FormInputGroup = React.forwardRef(Component);\n"],"names":["FormInputGroup","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","InputGroup","undefined","error"],"mappings":"+aAOA,MAoDaA,EAAiBC,EAAMC,YApDlB,CACdC,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,cAAca,IAEpC,OACIG,EAACC,GACGjB,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,WAETM,EAACE,iBACGrB,IAAKA,EACLG,GAAI,GAAGe,SAAc,cACRb,EAAS,GAAGA,cAAgBiB,EAAS,kBACjC,GAAGJ,UACpBK,QAASrB,GACLY,KAEE"}

package/form/form-input-group/index.d.ts

@@ -0,0 +1,2 @@
+export { FormInputGroup } from "./form-input-group";
+export type { FormInputGroupProps } from "./types";

package/form/form-input-group/types.d.ts

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

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

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import{ICircleFillIcon as e}from"@lifesg/react-icons/i-circle-fill";import{PopoverInline as t}from"../../popover/popover-inline/popover-inline.js";import{addonWrapper as i}from"./form-label-addon.styles.js";const r=({addon:r,rootNode:n})=>{const{content:d,type:a,icon:c,id:l,zIndex:p,"data-testid":s}=r;return o("div",{className:i,children:o(t,{trigger:"click",id:l,"data-testid":s,popoverContent:d,rootNode:n,zIndex:p,icon:null!=c?c:o(e,{"data-testid":`${a}-icon`}),ariaLabel:"More info"})})};export{r as PopoverAddon};
+//# sourceMappingURL=form-label-addon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-label-addon.js","sources":["../../../src/form/form-label/form-label-addon.tsx"],"sourcesContent":["import { ICircleFillIcon } from \"@lifesg/react-icons/i-circle-fill\";\nimport type { RefObject } from \"react\";\n\nimport { PopoverInline } from \"../../popover/popover-inline\";\nimport * as styles from \"./form-label-addon.styles\";\nimport type { FormLabelAddonProps } from \"./types\";\n\n// =============================================================================\n// POPOVER ADDON COMPONENT\n// Note: We need to re-construct as using with the HOC causes some rendering\n// issues\n// =============================================================================\ninterface PopoverAddonProps {\n    addon: FormLabelAddonProps;\n    rootNode?: RefObject<HTMLElement>;\n}\n\nexport const PopoverAddon = ({\n    addon,\n    rootNode,\n}: PopoverAddonProps): JSX.Element => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const { content, type, icon, id, zIndex, \"data-testid\": testId } = addon;\n\n    // =========================================================================\n    // RENDER FUNCTION\n    // =========================================================================\n    return (\n        <div className={styles.addonWrapper}>\n            <PopoverInline\n                trigger=\"click\"\n                id={id}\n                data-testid={testId}\n                popoverContent={content}\n                rootNode={rootNode}\n                zIndex={zIndex}\n                icon={icon ?? <ICircleFillIcon data-testid={`${type}-icon`} />}\n                ariaLabel=\"More info\"\n            />\n        </div>\n    );\n};\n"],"names":["PopoverAddon","addon","rootNode","content","type","icon","id","zIndex","testId","_jsx","className","styles.addonWrapper","children","PopoverInline","trigger","popoverContent","ICircleFillIcon","ariaLabel"],"mappings":"uPAiBO,MAAMA,EAAe,EACxBC,QACAC,eAKA,MAAMC,QAAEA,EAAOC,KAAEA,EAAIC,KAAEA,EAAIC,GAAEA,EAAEC,OAAEA,EAAQ,cAAeC,GAAWP,EAKnE,OACIQ,EAAA,MAAA,CAAKC,UAAWC,EAAmBC,SAC/BH,EAACI,EAAa,CACVC,QAAQ,QACRR,GAAIA,EAAE,cACOE,EACbO,eAAgBZ,EAChBD,SAAUA,EACVK,OAAQA,EACRF,KAAMA,QAAAA,EAAQI,EAACO,EAAe,CAAA,cAAc,GAAGZ,WAC/Ca,UAAU,eAEZ"}

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

@@ -0,0 +1,2 @@
+import"./form-label-addon.styles_aztasj.css";const o="a1vtv2lw";export{o as addonWrapper};
+//# sourceMappingURL=form-label-addon.styles.js.map

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

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

package/form/form-label/form-label-addon.styles_aztasj.css

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

package/form/form-label/form-label.js

@@ -0,0 +1,2 @@
+import{__rest as s}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{ExclamationCircleFillIcon as a}from"@lifesg/react-icons";import i from"clsx";import{Markup as l}from"../../markup/markup.js";import{errorIcon as r,errorMessage as d,errorMessageContainer as m,label as o,subtitle as n,labelContainer as c}from"./form-label.styles.js";import{PopoverAddon as p}from"./form-label-addon.js";const u=a=>{var{id:r,children:d,addon:m,subtitle:u,"data-testid":b,className:f,style:N}=a,v=s(a,["id","children","addon","subtitle","data-testid","className","style"]);return e("div",{className:i(c,f),style:N,"data-testid":b,children:[t("label",Object.assign({id:r,className:o},v,{children:e(l,{inline:!0,children:[d,(null==m?void 0:m.type)&&("popover"===(null==m?void 0:m.type)?t(p,{addon:m}):null)]})})),"string"==typeof u?t("span",{id:r?`${r}-subtitle`:void 0,className:n,"data-testid":b?`${b}-subtitle`:"subtitle",children:u}):u]})},b=l=>{var{className:o}=l,n=s(l,["className"]);return e("div",{className:i(m,o),children:[t(a,{className:r,"aria-hidden":!0}),t("p",Object.assign({className:d},n))]})};export{b as FormErrorMessage,u as FormLabel};
+//# sourceMappingURL=form-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.js","sources":["../../../src/form/form-label/form-label.tsx"],"sourcesContent":["import { ExclamationCircleFillIcon } from \"@lifesg/react-icons\";\nimport clsx from \"clsx\";\nimport type React from \"react\";\n\nimport { Markup } from \"../../markup\";\nimport * as styles from \"./form-label.styles\";\nimport { PopoverAddon } from \"./form-label-addon\";\nimport type { FormLabelProps } from \"./types\";\n\nexport const FormLabel = ({\n    id,\n    children,\n    addon,\n    subtitle,\n    \"data-testid\": testId,\n    className,\n    style,\n    ...otherProps\n}: FormLabelProps): JSX.Element => {\n    // -------------------------------------------------------------------------\n    // RENDER FUNCTIONS\n    // -------------------------------------------------------------------------\n    const renderAddon = () => {\n        switch (addon?.type) {\n            case \"popover\":\n                return <PopoverAddon addon={addon} />;\n            default:\n                return null;\n        }\n    };\n\n    return (\n        <div\n            className={clsx(styles.labelContainer, className)}\n            style={style}\n            data-testid={testId}\n        >\n            <label id={id} className={styles.label} {...otherProps}>\n                <Markup inline>\n                    {children}\n                    {addon?.type && renderAddon()}\n                </Markup>\n            </label>\n            {typeof subtitle === \"string\" ? (\n                <span\n                    id={id ? `${id}-subtitle` : undefined}\n                    className={styles.subtitle}\n                    data-testid={testId ? `${testId}-subtitle` : \"subtitle\"}\n                >\n                    {subtitle}\n                </span>\n            ) : (\n                subtitle\n            )}\n        </div>\n    );\n};\n\nexport const FormErrorMessage = ({\n    className,\n    ...otherProps\n}: React.HTMLAttributes<HTMLElement>): JSX.Element => {\n    return (\n        <div className={clsx(styles.errorMessageContainer, className)}>\n            <ExclamationCircleFillIcon\n                className={styles.errorIcon}\n                aria-hidden\n            />\n            <p className={styles.errorMessage} {...otherProps} />\n        </div>\n    );\n};\n"],"names":["FormLabel","_a","id","children","addon","subtitle","testId","className","style","otherProps","__rest","_jsxs","clsx","styles.labelContainer","_jsx","Object","assign","styles.label","Markup","inline","type","PopoverAddon","undefined","styles.subtitle","FormErrorMessage","styles.errorMessageContainer","ExclamationCircleFillIcon","styles.errorIcon","styles.errorMessage"],"mappings":"0aASO,MAAMA,EAAaC,QAAAC,GACtBA,EAAEC,SACFA,EAAQC,MACRA,EAAKC,SACLA,EACA,cAAeC,EAAMC,UACrBA,EAASC,MACTA,GAAKP,EACFQ,EAAUC,EAAAT,EARS,wEAsBtB,OACIU,SACIJ,UAAWK,EAAKC,EAAuBN,GACvCC,MAAOA,EAAK,cACCF,YAEbQ,EAAA,QAAAC,OAAAC,OAAA,CAAOd,GAAIA,EAAIK,UAAWU,GAAkBR,YACxCE,EAACO,EAAM,CAACC,QAAM,EAAAhB,SAAA,CACTA,GACAC,aAAK,EAALA,EAAOgB,QAhBX,aADDhB,aAAK,EAALA,EAAOgB,MAEAN,EAACO,EAAY,CAACjB,MAAOA,IAErB,YAgBU,iBAAbC,EACJS,EAAA,OAAA,CACIZ,GAAIA,EAAK,GAAGA,kBAAgBoB,EAC5Bf,UAAWgB,EAAe,cACbjB,EAAS,GAAGA,aAAoB,oBAE5CD,IACE,IAIT,EAIDmB,EAAoBvB,IAAA,IAAAM,UAC7BA,GAASN,EACNQ,EAAUC,EAAAT,EAFgB,eAI7B,OACIU,EAAA,MAAA,CAAKJ,UAAWK,EAAKa,EAA8BlB,GAAUJ,SAAA,CACzDW,EAACY,EAAyB,CACtBnB,UAAWoB,EAAgB,eAAA,IAG/Bb,qBAAGP,UAAWqB,GAAyBnB,MACrC"}

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

@@ -0,0 +1,2 @@
+import"./form-label.styles_180zf7j.css";const e="l1tkqesw",l="l1twplde",s="e1e3hk6g",o="e1g4xpi9",t="e12a59lq",m="sgjbjlm";export{s as errorIcon,t as errorMessage,o as errorMessageContainer,l as label,e as labelContainer,m as subtitle};
+//# sourceMappingURL=form-label.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.styles.js","sources":["../../../src/form/form-label/form-label.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const labelContainer = css`\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n    display: flex;\n    flex-direction: column;\n    gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const label = css`\n    color: ${Colour[\"text-subtle\"]};\n    display: inline-block;\n    ${Font[\"form-label\"]}\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const errorIcon = css`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${Colour[\"icon-error-strong\"]};\n`;\n\nexport const errorMessageContainer = css`\n    ${Font[\"body-sm-semibold\"]}\n    display: flex;\n    gap: ${Spacing[\"spacing-4\"]};\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const errorMessage = css`\n    color: ${Colour[\"text-error\"]};\n    ${Font[\"body-sm-semibold\"]}\n    margin-bottom: 0;\n    outline: none;\n`;\n\nexport const subtitle = css`\n    ${Font[\"form-description\"]}\n    color: ${Colour[\"text-subtler\"]};\n    display: block;\n`;\n"],"names":["labelContainer","label","errorIcon","errorMessageContainer","errorMessage","subtitle"],"mappings":"uEAOO,MAAMA,EAAc,WAOdC,EAAK,WAOLC,EAAS,WAOTC,EAAqB,WAOrBC,EAAY,WAOZC,EAAQ"}

package/form/form-label/form-label.styles_180zf7j.css

@@ -0,0 +1,6 @@
+@layer fds{.l1tkqesw{margin-bottom:var(--fds-spacing-8);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--fds-spacing-4);}
+.l1twplde{color:var(--fds-colour-text-subtle);display:inline-block;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-form-label-size);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-form-label-lh);letter-spacing:var(--fds-font-form-label-ls);font-weight:var(--fds-font-weight-semibold);}
+.e1e3hk6g{height:1lh;width:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--fds-colour-icon-error-strong);}
+.e1g4xpi9{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--fds-spacing-4);margin-top:var(--fds-spacing-8);}
+.e12a59lq{color:var(--fds-colour-text-error);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);margin-bottom:0;outline:none;}
+.sgjbjlm{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-form-description-size);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-form-description-lh);letter-spacing:var(--fds-font-form-description-ls);color:var(--fds-colour-text-subtler);display:block;}}

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

@@ -0,0 +1,2 @@
+export { FormErrorMessage, FormLabel } from "./form-label";
+export type { FormLabelAddonProps, FormLabelAddonType, FormLabelProps, } from "./types";

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

@@ -0,0 +1,39 @@
+/**
+ * Display mechanism for the form label addon.
+ *
+ * - `"popover"` renders an icon that triggers a popover.
+ * - `"tooltip"` is currently unsupported.
+ */
+export type FormLabelAddonType = "tooltip" | "popover";
+/**
+ * Configuration for an informational icon rendered inline with a form label.
+ */
+export interface FormLabelAddonProps {
+    /** Text or element displayed inside the popover overlay. */
+    content: string | JSX.Element;
+    /**
+     * Display mechanism for the addon.
+     * Omit to render no addon icon.
+     */
+    type?: FormLabelAddonType | undefined;
+    /**
+     * Custom icon element.
+     *
+     * @default <ICircleFillIcon />
+     */
+    icon?: JSX.Element | undefined;
+    id?: string | undefined;
+    /** Stacking order of the popover overlay. */
+    zIndex?: number | undefined;
+    "data-testid"?: string | undefined;
+}
+/**
+ * Props for a form field label or `Form.Label` component.
+ */
+export interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    /** Informational icon and popover rendered inline with the label text. */
+    addon?: FormLabelAddonProps | undefined;
+    /** Supporting description rendered below the label. */
+    subtitle?: string | JSX.Element | undefined;
+    "data-testid"?: string | undefined;
+}

package/form/form-masked-input/form-masked-input.js

@@ -0,0 +1,2 @@
+import{__rest as s}from"../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import o from"react";import{MaskedInput as e}from"../../masked-input/masked-input.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";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 a=o.forwardRef(((o,a)=>{const{label:i,errorMessage:d,id:m,"data-error-testid":p,"data-testid":x,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:c,xlCols:g,xxlCols:y}=o,b=s(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]),h=l(),k=null!=m?m:`form-field-masked-input-${h}`;return r(t,{id:k,"data-testid":x,label:i,errorMessage:d,"data-error-testid":p,layoutType:C,xxsCols:n,xsCols:u,smCols:f,mdCols:j,lgCols:c,xlCols:g,xxlCols:y,children:r(e,Object.assign({ref:a,id:`${k}-base`,"data-testid":x?`${x}-base`:void 0,error:!!d},b))})}));export{a as FormMaskedInput};
+//# sourceMappingURL=form-masked-input.js.map

package/form/form-masked-input/form-masked-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-masked-input.js","sources":["../../../src/form/form-masked-input/form-masked-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MaskedInput } from \"../../masked-input/masked-input\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormMaskedInputProps } from \"./types\";\n\nconst Component = (\n    props: FormMaskedInputProps,\n    ref: React.Ref<HTMLInputElement>\n): JSX.Element => {\n    const {\n        label,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        layoutType,\n        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-field-masked-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            <MaskedInput\n                ref={ref}\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n\nexport const FormMaskedInput = React.forwardRef(Component);\n"],"names":["FormMaskedInput","React","forwardRef","props","ref","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","MaskedInput","undefined","error"],"mappings":"kbAOA,MAmDaA,EAAkBC,EAAMC,YAnDnB,CACdC,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,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,iBACGrB,IAAKA,EACLG,GAAI,GAAGe,SAAc,cACRb,EAAS,GAAGA,cAAgBiB,EACzCC,QAASrB,GACLY,KAEE"}

package/form/form-masked-input/index.d.ts

@@ -0,0 +1,2 @@
+export { FormMaskedInput } from "./form-masked-input";
+export type { FormMaskedInputProps } from "./types";

package/form/form-masked-input/types.d.ts

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

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

@@ -0,0 +1,2 @@
+import{__rest as r}from"../../_virtual/_tslib.js";import{jsx as s}from"react/jsx-runtime";import{InputMultiSelect as e}from"../../input-multi-select/input-multi-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:u,smCols:c,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:u,smCols:c,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 FormMultiSelect};
+//# sourceMappingURL=form-multi-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-multi-select.js","sources":["../../../src/form/form-multi-select/form-multi-select.tsx"],"sourcesContent":["import { InputMultiSelect } from \"../../input-multi-select/input-multi-select\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormMultiSelectProps } from \"./types\";\n\nexport const FormMultiSelect = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    enableSearch = false,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    variant,\n    ...otherProps\n}: FormMultiSelectProps<T, V>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputMultiSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                enableSearch={enableSearch}\n                variant={variant}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormMultiSelect","_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","InputMultiSelect","undefined","error"],"mappings":"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,EAAOC,QACPA,GAAOf,EACJgB,EAAUC,EAAAjB,EAhBqB,wKAkBlC,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-multi-select/index.d.ts

@@ -0,0 +1,2 @@
+export { FormMultiSelect } from "./form-multi-select";
+export type { FormMultiSelectProps } from "./types";

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

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

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

@@ -0,0 +1,2 @@
+import{__rest as s}from"../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{InputNestedMultiSelect as t}from"../../input-nested-multi-select/input-nested-multi-select.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 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=e(),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(t,Object.assign({id:`${v}-base`,"data-testid":p?`${p}-base`:void 0,error:!!i},y))})};export{o as FormNestedMultiSelect};
+//# sourceMappingURL=form-nested-multi-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-nested-multi-select.js","sources":["../../../src/form/form-nested-multi-select/form-nested-multi-select.tsx"],"sourcesContent":["import { InputNestedMultiSelect } from \"../../input-nested-multi-select\";\nimport { useId } from \"../../util\";\nimport { FormWrapper } from \"../form-wrapper\";\nimport type { FormNestedMultiSelectProps } from \"./types\";\n\nexport const FormNestedMultiSelect = <V1, V2, V3>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormNestedMultiSelectProps<V1, V2, V3>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${internalId}`;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <InputNestedMultiSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormNestedMultiSelect","_a","label","errorMessage","id","errorTestId","testId","layoutType","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","children","InputNestedMultiSelect","undefined","error"],"mappings":"gdAKO,MAAMA,EAAqCC,IAAA,IAAAC,MAC9CA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,QACVA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOb,EACJc,EAAUC,EAAAf,EAdiC,+IAgB9C,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-multi-select/index.d.ts

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

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

@@ -0,0 +1,11 @@
+import type { InputNestedMultiSelectPartialProps } from "../../input-nested-multi-select";
+import type { BaseFormElementProps } from "../types";
+/**
+ * Props for `Form.NestedMultiSelect`, combining nested multi-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 FormNestedMultiSelectProps<V1, V2, V3> extends InputNestedMultiSelectPartialProps<V1, V2, V3>, BaseFormElementProps {
+}