@g4rcez/components 5.0.2 → 5.0.3

package/dist/components/form/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/components/form/checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\n\nexport type CheckboxProps = Override<\n    React.PropsWithChildren<React.ComponentProps<\"input\">>,\n    {\n        error?: string;\n        asTask?: boolean;\n        loading?: boolean;\n        container?: string;\n        labelClassName?: string;\n        size?: \"medium\" | \"large\";\n    }\n>;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n    ({ children, asTask = false, labelClassName, loading, error, className = \"\", size: _size, container, ...props }: CheckboxProps, ref) => {\n        const d = props.disabled || loading;\n        return (\n            <label\n                aria-disabled={d}\n                data-disabled={d}\n                data-task={asTask}\n                data-component=\"checkbox\"\n                className={css(\n                    \"group flex w-fit flex-wrap items-center font-normal data-[disabled=true]:cursor-not-allowed\",\n                    asTask ? \"group-checkbox-checked:line-through\" : \"\",\n                    container\n                )}\n            >\n                <input\n                    {...props}\n                    ref={ref}\n                    disabled={d}\n                    type=\"checkbox\"\n                    data-task={asTask}\n                    className={css(\n                        \"form-checkbox mr-checkbox-gap inline-block size-checkbox-size appearance-none rounded-checkbox-radius border-card-border bg-origin-border text-primary focus:ring-primary disabled:opacity-70 group-aria-disabled:cursor-not-allowed\",\n                        className\n                    )}\n                />\n                {children}\n                <span\n                    data-name=\"checkbox-label\"\n                    className={css(\"min-w-full flex-1 text-checkbox-hint-text text-danger empty:mt-0 empty:hidden\", labelClassName)}\n                >\n                    {error}\n                </span>\n            </label>\n        );\n    }\n);\n"],"mappings":";;;;AAgBA,IAAa,IAAW,GACnB,EAAE,aAAU,YAAS,IAAO,mBAAgB,YAAS,UAAO,eAAY,IAAI,MAAM,GAAO,cAAW,GAAG,KAAwB,MAAQ;CACpI,IAAM,IAAI,EAAM,YAAY;CAC5B,OACI,kBAAC,SAAD;EACI,iBAAe;EACf,iBAAe;EACf,aAAW;EACX,kBAAe;EACf,WAAW,EACP,+FACA,IAAS,wCAAwC,IACjD,CACJ;YATJ;GAWI,kBAAC,SAAD;IACI,GAAI;IACC;IACL,UAAU;IACV,MAAK;IACL,aAAW;IACX,WAAW,EACP,wOACA,CACJ;GACH,CAAA;GACA;GACD,kBAAC,QAAD;IACI,aAAU;IACV,WAAW,EAAI,iFAAiF,CAAc;cAE7G;GACC,CAAA;EACH;;AAEf,CACJ"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/components/form/checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\n\nexport type CheckboxProps = Override<\n    React.PropsWithChildren<React.ComponentProps<\"input\">>,\n    {\n        error?: string;\n        asTask?: boolean;\n        loading?: boolean;\n        container?: string;\n        labelClassName?: string;\n        size?: \"medium\" | \"large\";\n    }\n>;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n    ({ children, asTask = false, labelClassName, loading, error, className = \"\", size: _size, container, ...props }: CheckboxProps, ref) => {\n        const d = props.disabled || loading;\n        const generatedId = useId();\n        const id = props.id ?? props.name ?? generatedId;\n        const errorId = error ? `${id}-error` : undefined;\n        const describedBy = [props[\"aria-describedby\"], errorId].filter(Boolean).join(\" \") || undefined;\n        const ariaInvalid = error ? true : props[\"aria-invalid\"];\n        return (\n            <>\n                <label\n                    aria-disabled={d}\n                    data-disabled={d}\n                    data-task={asTask}\n                    data-component=\"checkbox\"\n                    className={css(\n                        \"group flex w-fit flex-wrap items-center font-normal data-[disabled=true]:cursor-not-allowed\",\n                        asTask ? \"group-checkbox-checked:line-through\" : \"\",\n                        container\n                    )}\n                >\n                    <input\n                        {...props}\n                        ref={ref}\n                        disabled={d}\n                        type=\"checkbox\"\n                        data-task={asTask}\n                        aria-invalid={ariaInvalid}\n                        aria-describedby={describedBy}\n                        onKeyDown={(event) => {\n                            props.onKeyDown?.(event);\n\n                            if (event.defaultPrevented) return;\n                            if (event.key === \" \" || event.key === \"Space\" || event.code === \"Space\" || event.key === \"Enter\") {\n                                event.preventDefault();\n                                event.currentTarget.click();\n                            }\n                        }}\n                        className={css(\n                            \"form-checkbox mr-checkbox-gap inline-block size-checkbox-size appearance-none rounded-checkbox-radius border-card-border bg-origin-border text-primary focus:ring-primary disabled:opacity-70 group-aria-disabled:cursor-not-allowed\",\n                            className\n                        )}\n                    />\n                    {children}\n                </label>\n                <span\n                    id={errorId}\n                    data-name=\"checkbox-label\"\n                    className={css(\"min-w-full flex-1 text-checkbox-hint-text text-danger empty:mt-0 empty:hidden\", labelClassName)}\n                >\n                    {error}\n                </span>\n            </>\n        );\n    }\n);\n"],"mappings":";;;;AAgBA,IAAa,IAAW,GACnB,EAAE,aAAU,YAAS,IAAO,mBAAgB,YAAS,UAAO,eAAY,IAAI,MAAM,GAAO,cAAW,GAAG,KAAwB,MAAQ;CACpI,IAAM,IAAI,EAAM,YAAY,GACtB,IAAc,EAAM,GACpB,IAAK,EAAM,MAAM,EAAM,QAAQ,GAC/B,IAAU,IAAQ,GAAG,EAAG,UAAU,KAAA,GAClC,IAAc,CAAC,EAAM,qBAAqB,CAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK,KAAA,GAChF,IAAc,IAAQ,KAAO,EAAM;CACzC,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,SAAD;EACI,iBAAe;EACf,iBAAe;EACf,aAAW;EACX,kBAAe;EACf,WAAW,EACP,+FACA,IAAS,wCAAwC,IACjD,CACJ;YATJ,CAWI,kBAAC,SAAD;GACI,GAAI;GACC;GACL,UAAU;GACV,MAAK;GACL,aAAW;GACX,gBAAc;GACd,oBAAkB;GAClB,YAAY,MAAU;IAClB,EAAM,YAAY,CAAK,GAEnB,GAAM,qBACN,EAAM,QAAQ,OAAO,EAAM,QAAQ,WAAW,EAAM,SAAS,WAAW,EAAM,QAAQ,aACtF,EAAM,eAAe,GACrB,EAAM,cAAc,MAAM;GAElC;GACA,WAAW,EACP,wOACA,CACJ;EACH,CAAA,GACA,CACE;KACP,kBAAC,QAAD;EACI,IAAI;EACJ,aAAU;EACV,WAAW,EAAI,iFAAiF,CAAc;YAE7G;CACC,CAAA,CACR,EAAA,CAAA;AAEV,CACJ"}

package/dist/components/form/checkbox.jsx

@@ -1,12 +1,27 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useId } from "react";
 import { css } from "../../lib/dom";
 export const Checkbox = forwardRef(({ children, asTask = false, labelClassName, loading, error, className = "", size: _size, container, ...props }, ref) => {
     const d = props.disabled || loading;
-    return (<label aria-disabled={d} data-disabled={d} data-task={asTask} data-component="checkbox" className={css("group flex w-fit flex-wrap items-center font-normal data-[disabled=true]:cursor-not-allowed", asTask ? "group-checkbox-checked:line-through" : "", container)}>
-                <input {...props} ref={ref} disabled={d} type="checkbox" data-task={asTask} className={css("form-checkbox mr-checkbox-gap inline-block size-checkbox-size appearance-none rounded-checkbox-radius border-card-border bg-origin-border text-primary focus:ring-primary disabled:opacity-70 group-aria-disabled:cursor-not-allowed", className)}/>
-                {children}
-                <span data-name="checkbox-label" className={css("min-w-full flex-1 text-checkbox-hint-text text-danger empty:mt-0 empty:hidden", labelClassName)}>
+    const generatedId = useId();
+    const id = props.id ?? props.name ?? generatedId;
+    const errorId = error ? `${id}-error` : undefined;
+    const describedBy = [props["aria-describedby"], errorId].filter(Boolean).join(" ") || undefined;
+    const ariaInvalid = error ? true : props["aria-invalid"];
+    return (<>
+                <label aria-disabled={d} data-disabled={d} data-task={asTask} data-component="checkbox" className={css("group flex w-fit flex-wrap items-center font-normal data-[disabled=true]:cursor-not-allowed", asTask ? "group-checkbox-checked:line-through" : "", container)}>
+                    <input {...props} ref={ref} disabled={d} type="checkbox" data-task={asTask} aria-invalid={ariaInvalid} aria-describedby={describedBy} onKeyDown={(event) => {
+            props.onKeyDown?.(event);
+            if (event.defaultPrevented)
+                return;
+            if (event.key === " " || event.key === "Space" || event.code === "Space" || event.key === "Enter") {
+                event.preventDefault();
+                event.currentTarget.click();
+            }
+        }} className={css("form-checkbox mr-checkbox-gap inline-block size-checkbox-size appearance-none rounded-checkbox-radius border-card-border bg-origin-border text-primary focus:ring-primary disabled:opacity-70 group-aria-disabled:cursor-not-allowed", className)}/>
+                    {children}
+                </label>
+                <span id={errorId} data-name="checkbox-label" className={css("min-w-full flex-1 text-checkbox-hint-text text-danger empty:mt-0 empty:hidden", labelClassName)}>
                     {error}
                 </span>
-            </label>);
+            </>);
 });

package/dist/components/form/date-picker.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../date-picker-BhKEFZew.js";
+import { t as e } from "../../date-picker-DNzupG8R.js";
 export { e as DatePicker };

package/dist/components/form/date-picker.jsx

@@ -106,7 +106,7 @@ export const DatePicker = forwardRef(({ date, locale: inputLocal, disabledDate,
                                             <span id={labelId} className="sr-only">
                                                 {translation.datePickerCalendarButtonLabel}
                                             </span>
-                                            <CalendarIcon />
+                                            <CalendarIcon size={16}/>
                                         </span>}>
                                     {CalendarComponent}
                                 </Dropdown>

package/dist/components/form/file-upload.d.ts

@@ -3,13 +3,18 @@ import { DropzoneProps } from "react-dropzone";
 import { Override } from "sidekicker";
 type Props = Override<React.ComponentProps<"input">, DropzoneProps> & {
     files?: File[];
-    idle?: React.ReactElement;
+    idle?: React.ReactElement<IdleProps>;
     File?: React.FC<{
         file: File;
     }>;
     onDrop?: (file: File[]) => void;
     onDeleteFile?: (file: File) => void;
 };
+type IdleProps = {
+    dragging: boolean;
+    files?: File[];
+    onUpload?: () => void;
+};
 export declare const FileUpload: ({ idle, onDeleteFile, File, onDrop, ...props }: Props) => React.JSX.Element;
 export {};
 //# sourceMappingURL=file-upload.d.ts.map

package/dist/components/form/file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/components/form/file-upload.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAmE,MAAM,OAAO,CAAC;AACxF,OAAO,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAatC,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACvC,CAAC;AAoJF,eAAO,MAAM,UAAU,GAAI,gDAA8D,KAAK,sBAiC7F,CAAC"}
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/components/form/file-upload.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAiF,MAAM,OAAO,CAAC;AACtG,OAAO,EAAmB,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAatC,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACvC,CAAC;AAgGF,KAAK,SAAS,GAAG;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAiFF,eAAO,MAAM,UAAU,GAAI,gDAA8D,KAAK,sBAwC7F,CAAC"}

package/dist/components/form/file-upload.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../file-upload-DWbZfeG5.js";
+import { t as e } from "../../file-upload-C2zNnv9n.js";
 export { e as FileUpload };

package/dist/components/form/file-upload.jsx

@@ -1,7 +1,7 @@
 "use client";
 import { WaveformIcon, FileIcon, FileCodeIcon, FileTextIcon, FileVideoIcon, FolderIcon, FolderOpenIcon, TableIcon, XIcon, } from "@phosphor-icons/react";
 import prettyBytes from "pretty-bytes";
-import React, { createContext, Fragment, useContext, useEffect, useState } from "react";
+import React, { cloneElement, createContext, Fragment, useContext, useEffect, useState } from "react";
 import { useDropzone } from "react-dropzone";
 import { useTranslations } from "../../hooks/use-translations";
 import { Modal } from "../floating/modal";
@@ -28,6 +28,7 @@ const extensionMap = {
     mp3: WaveformIcon,
 };
 const ItemViewer = (props) => {
+    const translations = useTranslations();
     const [, setManager] = useFileManager();
     const [info, setInfo] = useState({ url: "", type: "", size: "" });
     useEffect(() => {
@@ -52,7 +53,7 @@ const ItemViewer = (props) => {
     return (<li className="flex w-full flex-row justify-between gap-file-upload-gap border-b border-card-border last:border-b-transparent">
             <div className="flex flex-col gap-file-upload-gap">
                 <div className="flex flex-row items-center gap-file-upload-gap">
-                    <button type="button" onClick={onViewFile} aria-label={`View ${fileName}`} className="m-2 flex size-file-upload-thumb-size items-center justify-center overflow-hidden">
+                    <button type="button" onClick={onViewFile} aria-label={translations.fileUploadViewFile(fileName)} className="m-2 flex size-file-upload-thumb-size items-center justify-center overflow-hidden">
                         {Element}
                     </button>
                     <div className="flex flex-col items-start justify-start text-left">
@@ -65,7 +66,7 @@ const ItemViewer = (props) => {
                     </div>) : null}
             </div>
             <div className="align-start flex justify-start py-file-upload-delete-py transition-colors duration-300 ease-linear hover:text-danger-hover">
-                <button onClick={onDeleteFile} type="button" aria-label={`Remove ${fileName}`} className="flex size-6 items-center justify-center">
+                <button onClick={onDeleteFile} type="button" aria-label={translations.fileUploadRemoveFile(fileName)} className="flex size-6 items-center justify-center">
                     <XIcon size={16} aria-hidden="true"/>
                 </button>
             </div>
@@ -79,13 +80,25 @@ const FilesList = (props) => (<ul className="w-full space-y-8">
 const Idle = (props) => {
     const t = useTranslations();
     const Icon = props.dragging ? FolderOpenIcon : FolderIcon;
+    const onUpload = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        props.onUpload?.();
+    };
+    const onUploadKeyDown = (event) => {
+        if (event.key !== "Enter" && event.key !== " ")
+            return;
+        onUpload(event);
+    };
     return (<div className="flex flex-col items-center justify-center">
             <div className="flex flex-col items-center justify-center gap-file-upload-inner-gap">
-                <Icon className="text-primary" size={80}/>
+                <span className="text-primary">
+                    <Icon size={80} aria-hidden="true"/>
+                </span>
             </div>
             <div className="my-file-upload-thumb-my flex flex-col items-center gap-file-upload-thumb-gap">
                 <p>{t.uploadIdle}</p>
-                <button className="text-primary underline" type="button">
+                <button className="text-primary underline" type="button" aria-label={t.fileUploadUploadButtonLabel(t.uploadIdleButton)} onClick={onUpload} onKeyDown={onUploadKeyDown}>
                     {t.uploadIdleButton}
                 </button>
             </div>
@@ -93,11 +106,11 @@ const Idle = (props) => {
 };
 const InteractiveArea = (props) => {
     if (props.isDragActive)
-        return <Idle files={props.files} dragging/>;
+        return <Idle files={props.files} dragging onUpload={props.onUpload}/>;
     if (props.files.length > 0) {
         return <FilesList File={props.File} onDeleteFile={props.onDeleteFile} files={props.files}/>;
     }
-    return <Fragment>{props.idle}</Fragment>;
+    return <Fragment>{cloneElement(props.idle, { onUpload: props.onUpload })}</Fragment>;
 };
 const DefaultIdle = <Idle dragging={false}/>;
 const FileViewer = (props) => {
@@ -123,16 +136,25 @@ export const FileUpload = ({ idle = DefaultIdle, onDeleteFile, File, onDrop, ...
         onDrop?.(x);
         setFiles((prev) => prev.concat(x));
     };
-    const { getRootProps, getInputProps, isDragActive } = useDropzone({
+    const dropzoneOptions = {
+        multiple: props.multiple,
+        onDragEnter: props.onDragEnter,
+        onDragOver: props.onDragOver,
+        onDragLeave: props.onDragLeave,
         onDrop: drop,
-    });
+    };
+    const { getRootProps, getInputProps, isDragActive, open } = useDropzone(dropzoneOptions);
     return (<Context.Provider value={state}>
             <Modal overlayClickClose title={t.uploadDialogTitle} ariaTitle={t.uploadDialogTitle} open={state[0] !== null} onChange={close}>
                 {state[0] ? <FileViewer item={state[0]}/> : null}
             </Modal>
-            <div {...getRootProps()} aria-label={t.fileUploadZoneLabel} data-active={items ? items.length > 0 : false} className="flex flex-col items-center justify-center rounded-file-upload-radius border border-card-border p-file-upload-p text-foreground data-[active=true]:border-solid data-[active=false]:border-dashed data-[active=true]:border-transparent data-[active=true]:bg-card-background">
-                <input {...getInputProps(props)} name={props.name} id={props.name}/>
-                <InteractiveArea File={File} onDeleteFile={onDeleteFile} isDragActive={isDragActive} idle={idle} files={items}/>
+            <div {...getRootProps({
+        "aria-label": t.fileUploadZoneLabel,
+        "data-active": items ? items.length > 0 : false,
+        className: "flex flex-col items-center justify-center rounded-file-upload-radius border border-card-border p-file-upload-p text-foreground data-[active=true]:border-solid data-[active=false]:border-dashed data-[active=true]:border-transparent data-[active=true]:bg-card-background",
+    })}>
+                <input {...getInputProps()} aria-label={t.fileUploadZoneLabel} name={props.name} id={props.name}/>
+                <InteractiveArea File={File} onDeleteFile={onDeleteFile} isDragActive={isDragActive} idle={idle} files={items} onUpload={open}/>
             </div>
         </Context.Provider>);
 };

package/dist/components/form/formReset.js

@@ -0,0 +1,10 @@
+//#region src/components/form/formReset.tsx
+var e = ["INPUT", "SELECT"], t = (t) => {
+	t && Array.from(t.elements).forEach((t) => {
+		e.includes(t.tagName) && (t.tagName === "INPUT" && (t.value = t.defaultValue), t.tagName === "SELECT" && (t.value = ""), t.setAttribute("data-initialized", "false"));
+	});
+};
+//#endregion
+export { t as formReset };
+
+//# sourceMappingURL=formReset.js.map

package/dist/components/form/formReset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formReset.js","names":[],"sources":["../../../src/components/form/formReset.tsx"],"sourcesContent":["const inputFields = [\"INPUT\", \"SELECT\"];\n\nexport const formReset = (form?: HTMLFormElement | null) => {\n    if (!form) return;\n    const elements = Array.from(form.elements);\n    elements.forEach((field) => {\n        if (!inputFields.includes(field.tagName)) return;\n        if (field.tagName === \"INPUT\") {\n            (field as HTMLInputElement).value = (field as HTMLInputElement).defaultValue;\n        }\n        if (field.tagName === \"SELECT\") {\n            (field as HTMLSelectElement).value = \"\";\n        }\n        field.setAttribute(\"data-initialized\", \"false\");\n    });\n};\n"],"mappings":";AAAA,IAAM,IAAc,CAAC,SAAS,QAAQ,GAEzB,KAAa,MAAkC;CACnD,KAEL,MADuB,KAAK,EAAK,QACjC,EAAS,SAAS,MAAU;EACnB,EAAY,SAAS,EAAM,OAAO,MACnC,EAAM,YAAY,YAClB,EAA4B,QAAS,EAA2B,eAEhE,EAAM,YAAY,aAClB,EAA6B,QAAQ,KAEzC,EAAM,aAAa,oBAAoB,OAAO;CAClD,CAAC;AACL"}

package/dist/components/form/free-text.js

@@ -0,0 +1,70 @@
+"use client";
+import { o as e, t, u as n } from "../../dom-Bn4wY_Zx.js";
+import { n as r } from "../../input-field-ffx1MbHo.js";
+import { forwardRef as i, useEffect as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/form/free-text.tsx
+var c = (c, l, u, d) => i(({ info: i, left: f, next: p, error: m, right: h, container: g, rightLabel: _, interactive: v, optionalText: y, type: b = "text", labelClassName: x, feedback: S = null, hideLeft: C = !1, loading: w, hiddenLabel: T, ...E }, D) => {
+	let O = c, k = E.id ?? E.name, A = o(null);
+	return a(() => {
+		if (A.current === null) return;
+		let t = A.current, n = e(A.current), r = d?.(t), i = (e) => {
+			let n = e;
+			if (n.key === "Enter" && t.enterKeyHint === "next") {
+				let e = t.getAttribute("data-next");
+				if (e) {
+					let t = document.getElementById(e);
+					if (t) {
+						t.focus(), n.preventDefault();
+						return;
+					}
+				}
+			}
+		};
+		return t.addEventListener("keydown", i), () => {
+			r?.(), n(), t.removeEventListener("keydown", i);
+		};
+	}, []), /* @__PURE__ */ s(r, {
+		...u,
+		info: i,
+		left: f,
+		error: m,
+		right: h,
+		form: E.form,
+		loading: w,
+		name: E.name,
+		feedback: S,
+		hideLeft: C,
+		title: E.title,
+		rightLabel: _,
+		disabled: E.disabled,
+		hiddenLabel: T,
+		interactive: v,
+		required: E.required,
+		componentName: l,
+		id: E.name || E.id,
+		optionalText: y,
+		labelClassName: x,
+		placeholder: E.placeholder,
+		container: t(g, u.container),
+		children: /* @__PURE__ */ s(O, {
+			...u,
+			...E,
+			id: k,
+			name: k,
+			type: b,
+			"data-next": p,
+			"aria-busy": w,
+			"aria-invalid": !!m,
+			"aria-disabled": E.disabled,
+			"aria-readonly": E.readOnly,
+			"aria-describedby": m ? `${k}-error` : void 0,
+			ref: n(D, A),
+			className: t("input placeholder-input-mask group h-input-height w-full flex-1", "rounded-input-radius bg-transparent px-input-padding-x py-input-padding-y text-input-text text-foreground", "outline-none transition-colors", "group-error:text-danger group-error:placeholder-input-mask-error", "resize-y group-focus-within:border-primary group-hover:border-primary", "disabled:cursor-not-allowed disabled:text-disabled", E.className)
+		})
+	});
+});
+//#endregion
+export { c as createFreeText };
+
+//# sourceMappingURL=free-text.js.map

package/dist/components/form/free-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"free-text.js","names":[],"sources":["../../../src/components/form/free-text.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useEffect, useRef } from \"react\";\nimport MaskInput, { InputTypes } from \"the-mask-input\";\nimport { css, initializeInputDataset, mergeRefs } from \"../../lib/dom\";\nimport { Any, Override, ReactComponent } from \"../../types\";\nimport { FeedbackProps, InputField, InputFieldProps } from \"./input-field\";\n\ntype FreeTextTag = \"input\" | \"textarea\";\n\nexport type FreeTextProps<T extends FreeTextTag, ExtraProps extends Any> = Override<\n    InputFieldProps<T> & FeedbackProps & Partial<{ next: string; type: InputTypes }>,\n    ExtraProps\n>;\n\nexport const createFreeText = <const T extends FreeTextTag, const Html extends HTMLInputElement | HTMLTextAreaElement, Extra extends Any>(\n    Element: \"input\" | \"textarea\" | typeof MaskInput,\n    elementName: \"input\" | \"textarea\",\n    defaultProps: FreeTextProps<T, Extra>,\n    register?: (el: Html) => () => void\n) => {\n    const FreeText: ReactComponent<FreeTextProps<T, Extra>> = forwardRef<Html, FreeTextProps<T, Extra>>(\n        (\n            {\n                info,\n                left,\n                next,\n                error,\n                right,\n                container,\n                rightLabel,\n                interactive,\n                optionalText,\n                type = \"text\",\n                labelClassName,\n                feedback = null,\n                hideLeft = false,\n                loading,\n                hiddenLabel,\n                ...props\n            },\n            ref\n        ): React.ReactElement => {\n            const Render: React.ElementType = Element;\n            const id = props.id ?? props.name;\n            const inputRef = useRef<Html>(null);\n\n            useEffect(() => {\n                if (inputRef.current === null) return;\n                const input = inputRef.current;\n                const focus = initializeInputDataset(inputRef.current);\n                const registered = register?.(input);\n                const goNextInputImpl = (e: Event) => {\n                    const event = e as KeyboardEvent;\n                    if (event.key === \"Enter\" && input.enterKeyHint === \"next\") {\n                        const focusNext = input.getAttribute(\"data-next\");\n                        if (focusNext) {\n                            const el = document.getElementById(focusNext);\n                            if (el) {\n                                el.focus();\n                                return void event.preventDefault();\n                            }\n                        }\n                    }\n                };\n                input.addEventListener(\"keydown\", goNextInputImpl);\n                return () => {\n                    registered?.();\n                    focus();\n                    input.removeEventListener(\"keydown\", goNextInputImpl);\n                };\n            }, []);\n\n            return (\n                <InputField\n                    {...(defaultProps as unknown as InputFieldProps<T>)}\n                    info={info}\n                    left={left}\n                    error={error}\n                    right={right}\n                    form={props.form}\n                    loading={loading}\n                    name={props.name}\n                    feedback={feedback}\n                    hideLeft={hideLeft}\n                    title={props.title}\n                    rightLabel={rightLabel}\n                    disabled={props.disabled}\n                    hiddenLabel={hiddenLabel}\n                    interactive={interactive}\n                    required={props.required}\n                    componentName={elementName}\n                    id={props.name || props.id}\n                    optionalText={optionalText}\n                    labelClassName={labelClassName}\n                    placeholder={props.placeholder}\n                    container={css(container, defaultProps.container)}\n                >\n                    <Render\n                        {...defaultProps}\n                        {...props}\n                        id={id}\n                        name={id}\n                        type={type}\n                        data-next={next}\n                        aria-busy={loading}\n                        aria-invalid={!!error}\n                        aria-disabled={props.disabled}\n                        aria-readonly={props.readOnly}\n                        aria-describedby={error ? `${id}-error` : undefined}\n                        ref={mergeRefs(ref, inputRef) as unknown as React.Ref<Html>}\n                        className={css(\n                            \"input placeholder-input-mask group h-input-height w-full flex-1\",\n                            \"rounded-input-radius bg-transparent px-input-padding-x py-input-padding-y text-input-text text-foreground\",\n                            \"outline-none transition-colors\",\n                            \"group-error:text-danger group-error:placeholder-input-mask-error\",\n                            \"resize-y group-focus-within:border-primary group-hover:border-primary\",\n                            \"disabled:cursor-not-allowed disabled:text-disabled\",\n                            props.className\n                        )}\n                    />\n                </InputField>\n            );\n        }\n    ) as unknown as ReactComponent<FreeTextProps<T, Extra>>;\n    return FreeText;\n};\n"],"mappings":";;;;;;AAcA,IAAa,KACT,GACA,GACA,GACA,MAE0D,GAElD,EACI,SACA,SACA,SACA,UACA,UACA,cACA,eACA,gBACA,iBACA,UAAO,QACP,mBACA,cAAW,MACX,cAAW,IACX,YACA,gBACA,GAAG,KAEP,MACqB;CACrB,IAAM,IAA4B,GAC5B,IAAK,EAAM,MAAM,EAAM,MACvB,IAAW,EAAa,IAAI;CA4BlC,OA1BA,QAAgB;EACZ,IAAI,EAAS,YAAY,MAAM;EAC/B,IAAM,IAAQ,EAAS,SACjB,IAAQ,EAAuB,EAAS,OAAO,GAC/C,IAAa,IAAW,CAAK,GAC7B,KAAmB,MAAa;GAClC,IAAM,IAAQ;GACd,IAAI,EAAM,QAAQ,WAAW,EAAM,iBAAiB,QAAQ;IACxD,IAAM,IAAY,EAAM,aAAa,WAAW;IAChD,IAAI,GAAW;KACX,IAAM,IAAK,SAAS,eAAe,CAAS;KAC5C,IAAI,GAAI;MAEG,AADP,EAAG,MAAM,GACF,EAAW,eAAe;MAAjC;KACJ;IACJ;GACJ;EACJ;EAEA,OADA,EAAM,iBAAiB,WAAW,CAAe,SACpC;GAGT,AAFA,IAAa,GACb,EAAM,GACN,EAAM,oBAAoB,WAAW,CAAe;EACxD;CACJ,GAAG,CAAC,CAAC,GAGD,kBAAC,GAAD;EACI,GAAK;EACC;EACA;EACC;EACA;EACP,MAAM,EAAM;EACH;EACT,MAAM,EAAM;EACF;EACA;EACV,OAAO,EAAM;EACD;EACZ,UAAU,EAAM;EACH;EACA;EACb,UAAU,EAAM;EAChB,eAAe;EACf,IAAI,EAAM,QAAQ,EAAM;EACV;EACE;EAChB,aAAa,EAAM;EACnB,WAAW,EAAI,GAAW,EAAa,SAAS;YAEhD,kBAAC,GAAD;GACI,GAAI;GACJ,GAAI;GACA;GACJ,MAAM;GACA;GACN,aAAW;GACX,aAAW;GACX,gBAAc,CAAC,CAAC;GAChB,iBAAe,EAAM;GACrB,iBAAe,EAAM;GACrB,oBAAkB,IAAQ,GAAG,EAAG,UAAU,KAAA;GAC1C,KAAK,EAAU,GAAK,CAAQ;GAC5B,WAAW,EACP,mEACA,6GACA,kCACA,oEACA,yEACA,sDACA,EAAM,SACV;EACH,CAAA;CACO,CAAA;AAEpB,CAEG"}

package/dist/components/form/free-text.jsx

@@ -34,7 +34,7 @@ export const createFreeText = (Element, elementName, defaultProps, register) =>
             };
         }, []);
         return (<InputField {...defaultProps} info={info} left={left} error={error} right={right} form={props.form} loading={loading} name={props.name} feedback={feedback} hideLeft={hideLeft} title={props.title} rightLabel={rightLabel} disabled={props.disabled} hiddenLabel={hiddenLabel} interactive={interactive} required={props.required} componentName={elementName} id={props.name || props.id} optionalText={optionalText} labelClassName={labelClassName} placeholder={props.placeholder} container={css(container, defaultProps.container)}>
-                    <Render {...defaultProps} {...props} id={id} name={id} type={type} data-next={next} aria-busy={loading} aria-invalid={!!error} aria-disabled={props.disabled} aria-readonly={props.readOnly} aria-describedby={error ? `${id}-error` : undefined} ref={mergeRefs(ref, inputRef)} className={css("input placeholder-input-mask group h-input-height w-full flex-1", "rounded-input-radius bg-transparent px-input-padding-x py-input-padding-y text-input-text text-foreground", "outline-none transition-colors focus:ring-2 focus:ring-inset focus:ring-primary", "group-error:text-danger group-error:placeholder-input-mask-error", "resize-y group-focus-within:border-primary group-hover:border-primary", "disabled:cursor-not-allowed disabled:text-disabled", props.className)}/>
+                    <Render {...defaultProps} {...props} id={id} name={id} type={type} data-next={next} aria-busy={loading} aria-invalid={!!error} aria-disabled={props.disabled} aria-readonly={props.readOnly} aria-describedby={error ? `${id}-error` : undefined} ref={mergeRefs(ref, inputRef)} className={css("input placeholder-input-mask group h-input-height w-full flex-1", "rounded-input-radius bg-transparent px-input-padding-x py-input-padding-y text-input-text text-foreground", "outline-none transition-colors", "group-error:text-danger group-error:placeholder-input-mask-error", "resize-y group-focus-within:border-primary group-hover:border-primary", "disabled:cursor-not-allowed disabled:text-disabled", props.className)}/>
                 </InputField>);
     });
     return FreeText;

package/dist/components/form/input-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/input-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAwB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAE,KAAK,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAC/C,OAAO,CAAC;IACJ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC,CACL,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,kEAA0E,aAAa,sBA+CpH,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,QAAQ,GAAG,UAAU,IAAI,gBAAgB,CACrF,OAAO,CACH,QAAQ,CACJ,aAAa,EACb;IACI,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CAC1B,CACJ,CACJ,EACD,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,CAAC,CAAC,SAAS,OAAO,GAAG,QAAQ,GAAG,UAAU,EAAE,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAsGG,CAAC"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/input-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAwB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAE,KAAK,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAC/C,OAAO,CAAC;IACJ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC,CACL,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,kEAA0E,aAAa,sBA6CpH,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,QAAQ,GAAG,UAAU,IAAI,gBAAgB,CACrF,OAAO,CACH,QAAQ,CACJ,aAAa,EACb;IACI,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CAC1B,CACJ,CACJ,EACD,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,CAAC,CAAC,SAAS,OAAO,GAAG,QAAQ,GAAG,UAAU,EAAE,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAiHG,CAAC"}

package/dist/components/form/input-field.js

@@ -0,0 +1,3 @@
+"use client";
+import { n as e, t } from "../../input-field-ffx1MbHo.js";
+export { t as InputFeedback, e as InputField };

package/dist/components/form/input-field.jsx

@@ -7,18 +7,24 @@ import { css } from "../../lib/dom";
 import { Tooltip } from "../floating/tooltip";
 export const InputFeedback = ({ reportStatus, id, hideLeft = false, className, info, children, title }) => (<span className={css("w-full justify-between", hideLeft && children === null ? "hidden" : "flex", className)}>
         {hideLeft ? null : (<span className="flex items-center gap-1 transition-colors group-focus-within:text-primary group-hover:text-primary group-disabled:text-disabled group-error:text-danger">
-                {title}
+                <span id={id ? `${id}-label` : undefined}>{title}</span>
                 {reportStatus || info ? (<span className="flex items-center justify-center gap-1">
                         {info ? (<Tooltip as="button" type="button" aria-label={typeof info === "string" ? info : undefined} aria-describedby={typeof info === "string" ? undefined : id ? `tooltip-info-content-${id}` : undefined} title={<span className="cursor-help">
-                                        <InfoIcon className="aspect-square size-3" aria-hidden="true" size={16}/>
+                                        <span className="flex aspect-square size-3 items-center justify-center">
+                                            <InfoIcon aria-hidden="true" size={16}/>
+                                        </span>
                                     </span>}>
                                 <div id={id ? `tooltip-info-content-${id}` : undefined} className="w-full max-w-48 whitespace-break-spaces break-words">
                                     {info}
                                 </div>
                             </Tooltip>) : null}
                         {reportStatus ? (<span className="flex h-3 min-w-6 items-center">
-                                <CheckCircleIcon className="hidden aspect-square size-3 opacity-0 transition-opacity group-assert:block group-assert:text-success group-assert:opacity-100" aria-hidden="true" size={16}/>
-                                <XCircleIcon className="hidden aspect-square size-3 opacity-0 transition-opacity group-error:block group-error:opacity-100" aria-hidden="true" size={16}/>
+                                <span className="hidden aspect-square size-3 opacity-0 transition-opacity group-assert:block group-assert:text-success group-assert:opacity-100">
+                                    <CheckCircleIcon aria-hidden="true" size={16}/>
+                                </span>
+                                <span className="hidden aspect-square size-3 opacity-0 transition-opacity group-error:block group-error:opacity-100">
+                                    <XCircleIcon aria-hidden="true" size={16}/>
+                                </span>
                             </span>) : null}
                     </span>) : null}
             </span>)}
@@ -33,8 +39,8 @@ export const InputField = forwardRef(({ optionalText: _optionalText, left, right
     return (<fieldset ref={ref} form={form} disabled={disabled} data-error={!!error} aria-disabled={disabled} data-component={componentName} data-interactive={!!interactive} className={css("group flex min-h-0 min-w-0 max-w-full flex-col items-start", container)}>
                 <label form={form} htmlFor={ID} className={css("relative inline-flex w-full max-w-full cursor-text flex-row flex-wrap justify-between gap-input-label-mb text-input-label-text transition-colors empty:hidden group-disabled:cursor-not-allowed group-error:text-danger")}>
                     {hiddenLabel ? (<span className="sr-only">
-                            <InputFeedback info={info} hideLeft={hideLeft} reportStatus={reportStatusDefault} title={title} placeholder={placeholder}/>
-                        </span>) : (<InputFeedback info={info} title={title} hideLeft={hideLeft} placeholder={placeholder} reportStatus={reportStatusDefault}>
+                            <InputFeedback id={ID} info={info} hideLeft={hideLeft} reportStatus={reportStatusDefault} title={title} placeholder={placeholder}/>
+                        </span>) : (<InputFeedback id={ID} info={info} title={title} hideLeft={hideLeft} placeholder={placeholder} reportStatus={reportStatusDefault}>
                             {optionalText || rightLabel ? (<Fragment>
                                     {!required ? (<span aria-disabled={disabled} className="text-opacity-70 transition-colors group-focus-within:text-primary group-hover:text-primary aria-disabled:text-disabled">
                                             {optionalText}
@@ -48,10 +54,10 @@ export const InputField = forwardRef(({ optionalText: _optionalText, left, right
                         {right ? <span className="flex flex-nowrap gap-input-slot-gap whitespace-nowrap pr-input-slot-pr">{right}</span> : null}
                     </div>
                 </label>
-                <p id={`${ID}-error`} role="alert" className="mt-input-hint-mt hidden whitespace-pre-wrap text-wrap text-input-hint-text empty:mt-0 empty:hidden group-has-[input:not(:focus):invalid[data-initialized=true]]:flex group-error:flex group-error:text-danger">
+                <p id={ID ? `${ID}-error` : undefined} role="alert" className="mt-input-hint-mt hidden whitespace-pre-wrap text-wrap text-input-hint-text empty:mt-0 empty:hidden group-has-[input:not(:focus):invalid[data-initialized=true]]:flex group-error:flex group-error:text-danger">
                     {error}
                 </p>
-                <p className="mt-input-hint-mt text-input-hint-text empty:mt-0 empty:hidden group-has-[input:not(:focus):valid[data-initialized=true]]:block group-assert:block group-error:hidden">
+                <p id={ID ? `${ID}-feedback` : undefined} className="mt-input-hint-mt text-input-hint-text empty:mt-0 empty:hidden group-has-[input:not(:focus):valid[data-initialized=true]]:block group-assert:block group-error:hidden">
                     {feedback}
                 </p>
             </fieldset>);

package/dist/components/form/input.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../input-B7jqwPG4.js";
+import { t as e } from "../../input-Cmyuea4Y.js";
 export { e as Input };

package/dist/components/form/multi-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/form/multi-select.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA6F,MAAM,OAAO,CAAC;AASlH,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG9C,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CACnC,eAAe,CAAC,OAAO,CAAC,EACxB;IACI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACjD,CACJ,CAAC;AA+DF,eAAO,MAAM,WAAW,wGAycvB,CAAC"}
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/form/multi-select.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAoG,MAAM,OAAO,CAAC;AAQzH,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CACnC,eAAe,CAAC,OAAO,CAAC,EACxB;IACI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACjD,CACJ,CAAC;AA8DF,eAAO,MAAM,WAAW,wGAsevB,CAAC"}