@g4rcez/components 4.1.2 → 5.0.0

package/dist/components/form/form.js

@@ -1,8 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-const i = (o) => /* @__PURE__ */ r("form", { ...o, onSubmit: (t) => {
-  t.persist(), t.preventDefault(), o.onSubmit?.(t);
-} });
-export {
-  i as Form
+"use client";
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/form/form.tsx
+var t = (t) => {
+	let n = (e) => {
+		e.persist(), e.preventDefault(), t.onSubmit?.(e);
+	};
+	return /* @__PURE__ */ e("form", {
+		...t,
+		onSubmit: n
+	});
 };
-//# sourceMappingURL=form.js.map
+//#endregion
+export { t as Form };
+
+//# sourceMappingURL=form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nexport const Form = (props: React.ComponentProps<\"form\">) => {\n    const onSubmit: React.SubmitEventHandler<HTMLFormElement> = (e) => {\n        e.persist();\n        e.preventDefault();\n        props.onSubmit?.(e);\n    };\n    return <form {...props} onSubmit={onSubmit} />;\n};\n"],"names":["Form","props","jsx","e"],"mappings":";AAGO,MAAMA,IAAO,CAACC,MAMV,gBAAAC,EAAC,QAAA,EAAM,GAAGD,GAAO,UALoC,CAACE,MAAM;AAC/D,EAAAA,EAAE,QAAA,GACFA,EAAE,eAAA,GACFF,EAAM,WAAWE,CAAC;AAAA,EAEE,CAAoB;"}
+{"version":3,"file":"form.js","names":[],"sources":["../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nexport const Form = (props: React.ComponentProps<\"form\">) => {\n    const onSubmit: React.SubmitEventHandler<HTMLFormElement> = (e) => {\n        e.persist();\n        e.preventDefault();\n        props.onSubmit?.(e);\n    };\n    return <form {...props} onSubmit={onSubmit} />;\n};\n"],"mappings":";;;;AAGA,IAAa,KAAQ,MAAwC;CACzD,IAAM,KAAuD,MAAM;EAG/D,AAFA,EAAE,QAAQ,GACV,EAAE,eAAe,GACjB,EAAM,WAAW,CAAC;CACtB;CACA,OAAO,kBAAC,QAAD;EAAM,GAAI;EAAiB;CAAW,CAAA;AACjD"}

package/dist/components/form/input.js

@@ -1,5 +1,3 @@
-import { I as r } from "../../input-_MVxmIpu.js";
-export {
-  r as Input
-};
-//# sourceMappingURL=input.js.map
+"use client";
+import { t as e } from "../../input-B7jqwPG4.js";
+export { e as Input };

package/dist/components/form/radiobox.js

@@ -1,30 +1,19 @@
-import { jsxs as o, jsx as d } from "react/jsx-runtime";
-import { c as i } from "../../dom-CyQHY7ID.js";
-const n = ({ children: r, className: e = "", size: l, ...a }) => /* @__PURE__ */ o(
-  "label",
-  {
-    "data-component": "radiobox",
-    "data-disabled": a.disabled,
-    "aria-disabled": a.disabled,
-    className: "group flex items-center gap-2 font-normal data-[disabled=true]:cursor-not-allowed",
-    children: [
-      /* @__PURE__ */ d(
-        "input",
-        {
-          ...a,
-          type: "radio",
-          className: i(
-            "app form-radio inline-block h-4 w-4 appearance-none rounded-full border-card-border bg-origin-border text-primary focus:ring-primary disabled:opacity-70 group-aria-disabled:cursor-not-allowed",
-            e
-          ),
-          ...a
-        }
-      ),
-      r
-    ]
-  }
-);
-export {
-  n as Radiobox
-};
-//# sourceMappingURL=radiobox.js.map
+import { t as e } from "../../dom-Bn4wY_Zx.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/form/radiobox.tsx
+var r = ({ children: r, className: i = "", size: a, ...o }) => /* @__PURE__ */ n("label", {
+	"data-component": "radiobox",
+	"data-disabled": o.disabled,
+	"aria-disabled": o.disabled,
+	className: e("group flex items-center gap-radiobox-gap font-normal data-[disabled=true]:cursor-not-allowed"),
+	children: [/* @__PURE__ */ t("input", {
+		...o,
+		type: "radio",
+		className: e("app form-radio inline-block size-radiobox-size appearance-none rounded-full border-card-border bg-origin-border text-primary focus:ring-primary disabled:opacity-70 group-aria-disabled:cursor-not-allowed", i)
+	}), r]
+});
+//#endregion
+export { r as Radiobox };
+
+//# sourceMappingURL=radiobox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radiobox.js","sources":["../../../src/components/form/radiobox.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\n\nexport type RadioboxProps = Override<\n    React.PropsWithChildren<React.ComponentProps<\"input\">>,\n    {\n        size?: \"medium\" | \"large\";\n    }\n>;\n\nexport const Radiobox = ({ children, className = \"\", size, ...props }: RadioboxProps) => (\n    <label\n        data-component=\"radiobox\"\n        data-disabled={props.disabled}\n        aria-disabled={props.disabled}\n        className=\"group flex items-center gap-2 font-normal data-[disabled=true]:cursor-not-allowed\"\n    >\n        <input\n            {...props}\n            type=\"radio\"\n            className={css(\n                \"app form-radio inline-block h-4 w-4 appearance-none rounded-full border-card-border bg-origin-border text-primary focus:ring-primary disabled:opacity-70 group-aria-disabled:cursor-not-allowed\",\n                className\n            )}\n            {...props}\n        />\n        {children}\n    </label>\n);\n"],"names":["Radiobox","children","className","size","props","jsxs","jsx","css"],"mappings":";;AAWO,MAAMA,IAAW,CAAC,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,MAAAC,GAAM,GAAGC,EAAA,MAC1D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,kBAAe;AAAA,IACf,iBAAeD,EAAM;AAAA,IACrB,iBAAeA,EAAM;AAAA,IACrB,WAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAGF;AAAA,UACJ,MAAK;AAAA,UACL,WAAWG;AAAA,YACP;AAAA,YACAL;AAAA,UAAA;AAAA,UAEH,GAAGE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEPH;AAAA,IAAA;AAAA,EAAA;AACL;"}
+{"version":3,"file":"radiobox.js","names":[],"sources":["../../../src/components/form/radiobox.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\n\nexport type RadioboxProps = Override<\n    React.PropsWithChildren<React.ComponentProps<\"input\">>,\n    {\n        size?: \"medium\" | \"large\";\n    }\n>;\n\nexport const Radiobox = ({ children, className = \"\", size: _size, ...props }: RadioboxProps) => (\n    <label\n        data-component=\"radiobox\"\n        data-disabled={props.disabled}\n        aria-disabled={props.disabled}\n        className={css(\"group flex items-center gap-radiobox-gap font-normal data-[disabled=true]:cursor-not-allowed\")}\n    >\n        <input\n            {...props}\n            type=\"radio\"\n            className={css(\n                \"app form-radio inline-block size-radiobox-size appearance-none rounded-full 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);\n"],"mappings":";;;;AAWA,IAAa,KAAY,EAAE,aAAU,eAAY,IAAI,MAAM,GAAO,GAAG,QACjE,kBAAC,SAAD;CACI,kBAAe;CACf,iBAAe,EAAM;CACrB,iBAAe,EAAM;CACrB,WAAW,EAAI,8FAA8F;WAJjH,CAMI,kBAAC,SAAD;EACI,GAAI;EACJ,MAAK;EACL,WAAW,EACP,8MACA,CACJ;CACH,CAAA,GACA,CACE"}

package/dist/components/form/select.js

@@ -1,106 +1,77 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { forwardRef as R, useRef as E, useImperativeHandle as j, useEffect as z, createElement as A } from "react";
-import { e as D } from "../../CaretDown.es-Cj7klWI3.js";
-import { u as F } from "../../use-translations-DSltA7H_.js";
-import { i as L, c as $, m as H } from "../../dom-CyQHY7ID.js";
-import { I as S } from "../../input-field-CDCOODOl.js";
-const P = R(
-  ({
-    required: o = !0,
-    options: s,
-    info: u,
-    selectContainer: T = "",
-    feedback: d = null,
-    labelClassName: m,
-    interactive: f,
-    rightLabel: h,
-    hiddenLabel: g,
-    loading: b,
-    optionalText: p,
-    container: v,
-    hideLeft: x = !1,
-    right: y,
-    left: C,
-    error: N,
-    ...e
-  }, i) => {
-    const k = F(), n = E(null), l = e.id ?? e.name;
-    j(i, () => n.current), z(() => {
-      if (n.current === null) return;
-      const t = new AbortController(), c = n.current, I = L(n.current);
-      return c.addEventListener("change", () => c.setAttribute("data-selected", "true"), {
-        once: !0,
-        signal: t.signal
-      }), () => {
-        I(), t.abort();
-      };
-    }, []);
-    const w = () => n.current?.focus();
-    return /* @__PURE__ */ r(
-      S,
-      {
-        info: u,
-        left: C,
-        error: N,
-        form: e.form,
-        loading: b,
-        name: e.name,
-        feedback: d,
-        hideLeft: x,
-        required: o,
-        title: e.title,
-        container: v,
-        componentName: "select",
-        rightLabel: h,
-        hiddenLabel: g,
-        interactive: f,
-        id: e.name || e.id,
-        optionalText: p,
-        labelClassName: m,
-        placeholder: e.placeholder,
-        right: /* @__PURE__ */ a("label", { htmlFor: l, children: [
-          y,
-          /* @__PURE__ */ a("button", { onClick: w, type: "button", className: "mt-2 transition-colors hover:text-primary", children: [
-            /* @__PURE__ */ r(D, { size: 20 }),
-            /* @__PURE__ */ r("span", { className: "sr-only", children: k.inputCaretDown })
-          ] })
-        ] }),
-        children: /* @__PURE__ */ a(
-          "select",
-          {
-            ...e,
-            id: l,
-            name: l,
-            required: o,
-            ref: H(i, n),
-            "data-selected": !!e.value || !1,
-            title: typeof e.title == "string" ? e.title : void 0,
-            className: $(
-              "input select group h-10 w-full flex-1 appearance-none rounded-md text-base",
-              "bg-transparent px-2 py-1 text-foreground placeholder-input-placeholder",
-              "outline-none transition-colors group-error:text-danger group-error:placeholder-input-mask-error",
-              "data-[selected=false]:text-input-placeholder",
-              e.className
-            ),
-            children: [
-              /* @__PURE__ */ r("option", { value: "", disabled: !0, hidden: !0, children: e.placeholder }),
-              s.map((t) => /* @__PURE__ */ A(
-                "option",
-                {
-                  ...t,
-                  value: t.value,
-                  children: t.label ?? t.value,
-                  key: `${l}-select-option-${t.value}`
-                }
-              ))
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-export {
-  P as Select
-};
-//# sourceMappingURL=select.js.map
+"use client";
+import { o as e, t, u as n } from "../../dom-Bn4wY_Zx.js";
+import { t as r } from "../../CaretDown.es-BXl0Ixp3.js";
+import { n as i } from "../../input-field-B_whI66Q.js";
+import { t as a } from "../../use-translations-DTLfPE3_.js";
+import { createElement as o, forwardRef as s, useEffect as c, useImperativeHandle as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/form/select.tsx
+var p = s(({ required: s = !0, options: p, info: m, selectContainer: h = "", feedback: g = null, labelClassName: _, interactive: v, rightLabel: y, hiddenLabel: b, loading: x, optionalText: S, container: C, hideLeft: w = !1, right: T, left: E, error: D, ...O }, k) => {
+	let A = a(), j = u(null), M = O.id ?? O.name;
+	return l(k, () => j.current), c(() => {
+		if (j.current === null) return;
+		let t = new AbortController(), n = j.current, r = e(j.current);
+		return n.addEventListener("change", () => n.setAttribute("data-selected", "true"), {
+			once: !0,
+			signal: t.signal
+		}), () => {
+			r(), t.abort();
+		};
+	}, []), /* @__PURE__ */ d(i, {
+		info: m,
+		left: E,
+		error: D,
+		form: O.form,
+		loading: x,
+		name: O.name,
+		feedback: g,
+		hideLeft: w,
+		required: s,
+		title: O.title,
+		container: C,
+		componentName: "select",
+		rightLabel: y,
+		hiddenLabel: b,
+		interactive: v,
+		id: O.name || O.id,
+		optionalText: S,
+		labelClassName: _,
+		placeholder: O.placeholder,
+		right: /* @__PURE__ */ f("label", {
+			htmlFor: M,
+			children: [T, /* @__PURE__ */ f("button", {
+				onClick: () => j.current?.focus(),
+				type: "button",
+				className: "mt-2 transition-colors hover:text-primary",
+				children: [/* @__PURE__ */ d(r, { size: 20 }), /* @__PURE__ */ d("span", {
+					className: "sr-only",
+					children: A.inputCaretDown
+				})]
+			})]
+		}),
+		children: /* @__PURE__ */ f("select", {
+			...O,
+			id: M,
+			name: M,
+			required: s,
+			ref: n(k, j),
+			"data-selected": !!O.value || !1,
+			title: typeof O.title == "string" ? O.title : void 0,
+			className: t("input select group h-input-height w-full flex-1 appearance-none rounded-input-radius text-input-text", "bg-transparent px-input-padding-x py-input-padding-y text-foreground placeholder-input-placeholder", "outline-none transition-colors group-error:text-danger group-error:placeholder-input-mask-error", "data-[selected=false]:text-input-placeholder", O.className),
+			children: [/* @__PURE__ */ d("option", {
+				value: "",
+				disabled: !0,
+				hidden: !0,
+				children: O.placeholder
+			}), p.map((e) => /* @__PURE__ */ o("option", {
+				...e,
+				value: e.value,
+				key: `${M}-select-option-${e.value}`
+			}, e.label ?? e.value))]
+		})
+	});
+});
+//#endregion
+export { p as Select };
+
+//# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../src/components/form/select.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDownIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { css, initializeInputDataset, mergeRefs } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\nimport { InputField, InputFieldProps } from \"./input-field\";\n\nexport type OptionProps = Override<\n    React.ComponentProps<\"option\">,\n    {\n        value: string;\n        \"data-dynamic\"?: string;\n    } & Partial<Record<`data-${string}`, string>>\n>;\n\nexport type SelectProps = Override<\n    InputFieldProps<\"select\">,\n    {\n        options: OptionProps[];\n        selectContainer?: string;\n    }\n>;\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n    (\n        {\n            required = true,\n            options,\n            info,\n            selectContainer = \"\",\n            feedback = null,\n            labelClassName,\n            interactive,\n            rightLabel,\n            hiddenLabel,\n            loading,\n            optionalText,\n            container,\n            hideLeft = false,\n            right,\n            left,\n            error,\n            ...props\n        }: SelectProps,\n        ref\n    ) => {\n        const translation = useTranslations();\n        const inputRef = useRef<HTMLSelectElement>(null);\n        const id = props.id ?? props.name;\n        useImperativeHandle(ref, () => inputRef.current!);\n\n        useEffect(() => {\n            if (inputRef.current === null) return;\n            const controller = new AbortController();\n            const input = inputRef.current;\n            const focus = initializeInputDataset(inputRef.current);\n            input.addEventListener(\"change\", () => input.setAttribute(\"data-selected\", \"true\"), {\n                once: true,\n                signal: controller.signal,\n            });\n            return () => {\n                focus();\n                controller.abort();\n            };\n        }, []);\n\n        const onClickLabel = () => inputRef.current?.focus();\n\n        return (\n            <InputField<\"select\">\n                info={info}\n                left={left}\n                error={error}\n                form={props.form}\n                loading={loading}\n                name={props.name}\n                feedback={feedback}\n                hideLeft={hideLeft}\n                required={required}\n                title={props.title}\n                container={container}\n                componentName=\"select\"\n                rightLabel={rightLabel}\n                hiddenLabel={hiddenLabel}\n                interactive={interactive}\n                id={props.name || props.id}\n                optionalText={optionalText}\n                labelClassName={labelClassName}\n                placeholder={props.placeholder}\n                right={\n                    <label htmlFor={id}>\n                        {right}\n                        <button onClick={onClickLabel} type=\"button\" className=\"mt-2 transition-colors hover:text-primary\">\n                            <CaretDownIcon size={20} />\n                            <span className=\"sr-only\">{translation.inputCaretDown}</span>\n                        </button>\n                    </label>\n                }\n            >\n                <select\n                    {...props}\n                    id={id}\n                    name={id}\n                    required={required}\n                    ref={mergeRefs(ref, inputRef)}\n                    data-selected={!!props.value || false}\n                    title={typeof props.title === \"string\" ? props.title : undefined}\n                    className={css(\n                        \"input select group h-10 w-full flex-1 appearance-none rounded-md text-base\",\n                        \"bg-transparent px-2 py-1 text-foreground placeholder-input-placeholder\",\n                        \"outline-none transition-colors group-error:text-danger group-error:placeholder-input-mask-error\",\n                        \"data-[selected=false]:text-input-placeholder\",\n                        props.className\n                    )}\n                >\n                    <option value=\"\" disabled hidden>\n                        {props.placeholder}\n                    </option>\n                    {options.map((option) => (\n                        <option\n                            {...option}\n                            value={option.value}\n                            children={option.label ?? option.value}\n                            key={`${id}-select-option-${option.value}`}\n                        />\n                    ))}\n                </select>\n            </InputField>\n        );\n    }\n);\n"],"names":["Select","forwardRef","required","options","info","selectContainer","feedback","labelClassName","interactive","rightLabel","hiddenLabel","loading","optionalText","container","hideLeft","right","left","error","props","ref","translation","useTranslations","inputRef","useRef","id","useImperativeHandle","useEffect","controller","input","focus","initializeInputDataset","onClickLabel","jsx","InputField","jsxs","CaretDownIcon","mergeRefs","css","option","createElement"],"mappings":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../../src/components/form/select.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDownIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { css, initializeInputDataset, mergeRefs } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\nimport { InputField, InputFieldProps } from \"./input-field\";\n\nexport type OptionProps = Override<\n    React.ComponentProps<\"option\">,\n    {\n        value: string;\n        \"data-dynamic\"?: string;\n    } & Partial<Record<`data-${string}`, string>>\n>;\n\nexport type SelectProps = Override<\n    InputFieldProps<\"select\">,\n    {\n        options: OptionProps[];\n        selectContainer?: string;\n    }\n>;\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n    (\n        {\n            required = true,\n            options,\n            info,\n            selectContainer: _selectContainer = \"\",\n            feedback = null,\n            labelClassName,\n            interactive,\n            rightLabel,\n            hiddenLabel,\n            loading,\n            optionalText,\n            container,\n            hideLeft = false,\n            right,\n            left,\n            error,\n            ...props\n        }: SelectProps,\n        ref\n    ) => {\n        const translation = useTranslations();\n        const inputRef = useRef<HTMLSelectElement>(null);\n        const id = props.id ?? props.name;\n        useImperativeHandle(ref, () => inputRef.current!);\n\n        useEffect(() => {\n            if (inputRef.current === null) return;\n            const controller = new AbortController();\n            const input = inputRef.current;\n            const focus = initializeInputDataset(inputRef.current);\n            input.addEventListener(\"change\", () => input.setAttribute(\"data-selected\", \"true\"), {\n                once: true,\n                signal: controller.signal,\n            });\n            return () => {\n                focus();\n                controller.abort();\n            };\n        }, []);\n\n        const onClickLabel = () => inputRef.current?.focus();\n\n        return (\n            <InputField<\"select\">\n                info={info}\n                left={left}\n                error={error}\n                form={props.form}\n                loading={loading}\n                name={props.name}\n                feedback={feedback}\n                hideLeft={hideLeft}\n                required={required}\n                title={props.title}\n                container={container}\n                componentName=\"select\"\n                rightLabel={rightLabel}\n                hiddenLabel={hiddenLabel}\n                interactive={interactive}\n                id={props.name || props.id}\n                optionalText={optionalText}\n                labelClassName={labelClassName}\n                placeholder={props.placeholder}\n                right={\n                    <label htmlFor={id}>\n                        {right}\n                        <button onClick={onClickLabel} type=\"button\" className=\"mt-2 transition-colors hover:text-primary\">\n                            <CaretDownIcon size={20} />\n                            <span className=\"sr-only\">{translation.inputCaretDown}</span>\n                        </button>\n                    </label>\n                }\n            >\n                <select\n                    {...props}\n                    id={id}\n                    name={id}\n                    required={required}\n                    ref={mergeRefs(ref, inputRef)}\n                    data-selected={!!props.value || false}\n                    title={typeof props.title === \"string\" ? props.title : undefined}\n                    className={css(\n                        \"input select group h-input-height w-full flex-1 appearance-none rounded-input-radius text-input-text\",\n                        \"bg-transparent px-input-padding-x py-input-padding-y text-foreground placeholder-input-placeholder\",\n                        \"outline-none transition-colors group-error:text-danger group-error:placeholder-input-mask-error\",\n                        \"data-[selected=false]:text-input-placeholder\",\n                        props.className\n                    )}\n                >\n                    <option value=\"\" disabled hidden>\n                        {props.placeholder}\n                    </option>\n                    {options.map((option) => (\n                        <option\n                            {...option}\n                            value={option.value}\n                            key={`${id}-select-option-${option.value}`}\n                        >\n                            {option.label ?? option.value}\n                        </option>\n                    ))}\n                </select>\n            </InputField>\n        );\n    }\n);\n"],"mappings":";;;;;;;;AAwBA,IAAa,IAAS,GAEd,EACI,cAAW,IACX,YACA,SACA,iBAAiB,IAAmB,IACpC,cAAW,MACX,mBACA,gBACA,eACA,gBACA,YACA,iBACA,cACA,cAAW,IACX,UACA,SACA,UACA,GAAG,KAEP,MACC;CACD,IAAM,IAAc,EAAgB,GAC9B,IAAW,EAA0B,IAAI,GACzC,IAAK,EAAM,MAAM,EAAM;CAoB7B,OAnBA,EAAoB,SAAW,EAAS,OAAQ,GAEhD,QAAgB;EACZ,IAAI,EAAS,YAAY,MAAM;EAC/B,IAAM,IAAa,IAAI,gBAAgB,GACjC,IAAQ,EAAS,SACjB,IAAQ,EAAuB,EAAS,OAAO;EAKrD,OAJA,EAAM,iBAAiB,gBAAgB,EAAM,aAAa,iBAAiB,MAAM,GAAG;GAChF,MAAM;GACN,QAAQ,EAAW;EACvB,CAAC,SACY;GAET,AADA,EAAM,GACN,EAAW,MAAM;EACrB;CACJ,GAAG,CAAC,CAAC,GAKD,kBAAC,GAAD;EACU;EACA;EACC;EACP,MAAM,EAAM;EACH;EACT,MAAM,EAAM;EACF;EACA;EACA;EACV,OAAO,EAAM;EACF;EACX,eAAc;EACF;EACC;EACA;EACb,IAAI,EAAM,QAAQ,EAAM;EACV;EACE;EAChB,aAAa,EAAM;EACnB,OACI,kBAAC,SAAD;GAAO,SAAS;aAAhB,CACK,GACD,kBAAC,UAAD;IAAQ,eA1BG,EAAS,SAAS,MAAM;IA0BJ,MAAK;IAAS,WAAU;cAAvD,CACI,kBAAC,GAAD,EAAe,MAAM,GAAK,CAAA,GAC1B,kBAAC,QAAD;KAAM,WAAU;eAAW,EAAY;IAAqB,CAAA,CACxD;KACL;;YAGX,kBAAC,UAAD;GACI,GAAI;GACA;GACJ,MAAM;GACI;GACV,KAAK,EAAU,GAAK,CAAQ;GAC5B,iBAAe,CAAC,CAAC,EAAM,SAAS;GAChC,OAAO,OAAO,EAAM,SAAU,WAAW,EAAM,QAAQ,KAAA;GACvD,WAAW,EACP,wGACA,sGACA,mGACA,gDACA,EAAM,SACV;aAdJ,CAgBI,kBAAC,UAAD;IAAQ,OAAM;IAAG,UAAA;IAAS,QAAA;cACrB,EAAM;GACH,CAAA,GACP,EAAQ,KAAK,MACV,kBAAC,UAAD;IACI,GAAI;IACJ,OAAO,EAAO;IACd,KAAK,GAAG,EAAG,iBAAiB,EAAO;GAG/B,GADH,EAAO,SAAS,EAAO,KACpB,CACX,CACG;;CACA,CAAA;AAEpB,CACJ"}

package/dist/components/form/switch.js

@@ -1,65 +1,74 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import { forwardRef as x, useId as w, useState as p, useRef as C, useImperativeHandle as y, useEffect as v } from "react";
-import { u as N } from "../../use-stable-ref-CYh-YkID.js";
-import { c as E } from "../../dom-CyQHY7ID.js";
-const L = x(({ children: u, loading: s, container: h, error: f, ...e }, m) => {
-  const r = w(), [b, i] = p(e.checked ?? !1), c = b, t = C(null), d = N(e.onChange);
-  y(m, () => t.current), v(() => {
-    if (t.current !== null && d.current) {
-      const n = (g) => {
-        d.current && d.current(g);
-      }, l = t.current;
-      return l.addEventListener("change", n), () => l?.removeEventListener("change", n);
-    }
-  }, []);
-  const k = () => {
-    const n = !t.current?.checked;
-    i(n), e?.onCheck?.(n), t.current !== null && (t.current.checked = n, t.current.dispatchEvent(new Event("change", { bubbles: !0 })));
-  };
-  return /* @__PURE__ */ o("fieldset", { className: E("flex flex-col flex-wrap justify-center", h), "data-component": "switch", disabled: e.disabled || s, children: [
-    /* @__PURE__ */ o("span", { className: "flex flex-row flex-wrap items-center", children: [
-      /* @__PURE__ */ a(
-        "input",
-        {
-          ...e,
-          hidden: !0,
-          ref: t,
-          type: "checkbox",
-          checked: c,
-          id: e.id || r,
-          "data-trigger": "change",
-          "data-checked": c,
-          disabled: e.disabled || s,
-          onChange: (n) => i(n.target.checked)
-        }
-      ),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          role: "switch",
-          type: "button",
-          onClick: k,
-          "aria-checked": c,
-          "data-checked": c,
-          "aria-labelledby": `${r}-label`,
-          disabled: e.disabled || s,
-          className: "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 data-[checked=false]:bg-input-switch-bg data-[checked=true]:bg-primary",
-          children: /* @__PURE__ */ a(
-            "span",
-            {
-              "aria-hidden": "true",
-              "data-checked": c,
-              className: "inline-block aspect-square size-5 transform rounded-full shadow ring-0 transition duration-300 ease-in-out data-[checked=false]:translate-x-0 data-[checked=true]:translate-x-5 data-[checked=false]:bg-disabled data-[checked=true]:bg-input-switch"
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ a("label", { htmlFor: e.id || r, className: "ml-3 inline-block text-sm", id: `${r}-label`, children: /* @__PURE__ */ a("span", { className: "font-medium text-foreground", children: u }) })
-    ] }),
-    /* @__PURE__ */ a("span", { className: "mt-1 flex-1 whitespace-nowrap text-xs text-danger empty:mt-0 empty:hidden", children: f })
-  ] });
+"use client";
+import { t as e } from "../../dom-Bn4wY_Zx.js";
+import { t } from "../../use-stable-ref-D5LFCx0u.js";
+import { forwardRef as n, useEffect as r, useId as i, useImperativeHandle as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/form/switch.tsx
+var u = n(({ children: n, loading: u, container: d, error: f, ...p }, m) => {
+	let h = i(), [g, _] = s(p.checked ?? !1), v = g, y = o(null), b = t(p.onChange);
+	a(m, () => y.current), r(() => {
+		if (y.current !== null && b.current) {
+			let e = (e) => {
+				b.current && b.current(e);
+			}, t = y.current;
+			return t.addEventListener("change", e), () => t?.removeEventListener("change", e);
+		}
+	}, [b]);
+	let x = () => {
+		let e = !y.current?.checked;
+		_(e), p?.onCheck?.(e), y.current !== null && (y.current.checked = e, y.current.dispatchEvent(new Event("change", { bubbles: !0 })));
+	};
+	return /* @__PURE__ */ l("fieldset", {
+		className: e("flex flex-col flex-wrap justify-center", d),
+		"data-component": "switch",
+		disabled: p.disabled || u,
+		children: [/* @__PURE__ */ l("span", {
+			className: "flex flex-row flex-wrap items-center",
+			children: [
+				/* @__PURE__ */ c("input", {
+					...p,
+					hidden: !0,
+					ref: y,
+					type: "checkbox",
+					checked: v,
+					id: p.id || h,
+					"data-trigger": "change",
+					"data-checked": v,
+					disabled: p.disabled || u,
+					onChange: (e) => _(e.target.checked)
+				}),
+				/* @__PURE__ */ c("button", {
+					role: "switch",
+					type: "button",
+					onClick: x,
+					"aria-checked": v,
+					"data-checked": v,
+					"aria-labelledby": `${h}-label`,
+					disabled: p.disabled || u,
+					className: "relative inline-flex h-switch-track-h w-switch-track-w flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 data-[checked=false]:bg-input-switch-bg data-[checked=true]:bg-primary",
+					children: /* @__PURE__ */ c("span", {
+						"aria-hidden": "true",
+						"data-checked": v,
+						className: "inline-block aspect-square size-switch-thumb-size transform rounded-full shadow ring-0 transition duration-300 ease-in-out data-[checked=false]:translate-x-0 data-[checked=true]:translate-x-5 data-[checked=false]:bg-disabled data-[checked=true]:bg-input-switch"
+					})
+				}),
+				/* @__PURE__ */ c("label", {
+					htmlFor: p.id || h,
+					className: "ml-switch-gap inline-block text-switch-label-text",
+					id: `${h}-label`,
+					children: /* @__PURE__ */ c("span", {
+						className: "font-medium text-foreground",
+						children: n
+					})
+				})
+			]
+		}), /* @__PURE__ */ c("span", {
+			className: "mt-switch-hint-mt flex-1 whitespace-nowrap text-switch-hint-text text-danger empty:mt-0 empty:hidden",
+			children: f
+		})]
+	});
 });
-export {
-  L as Switch
-};
-//# sourceMappingURL=switch.js.map
+//#endregion
+export { u as Switch };
+
+//# sourceMappingURL=switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../src/components/form/switch.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from \"react\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { css } from \"../../lib/dom\";\n\nexport type SwitchProps = React.ComponentProps<\"input\"> & {\n    error?: string;\n    loading?: boolean;\n    container?: string;\n    onCheck?: (nextValue: boolean) => void;\n};\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(({ children, loading, container, error, ...props }: SwitchProps, ref) => {\n    const id = useId();\n    const [innerChecked, setInnerChecked] = useState(props.checked ?? false);\n    const checked = innerChecked;\n    const innerRef = useRef<HTMLInputElement>(null);\n    const stableOnChange = useStableRef(props.onChange);\n    useImperativeHandle(ref, () => innerRef.current!);\n\n    useEffect(() => {\n        if (innerRef.current !== null) {\n            if (stableOnChange.current) {\n                const onChange = (e: Event) => {\n                    if (stableOnChange.current) stableOnChange.current(e as unknown as React.ChangeEvent<HTMLInputElement>);\n                };\n                const ref = innerRef.current;\n                ref.addEventListener(\"change\", onChange);\n                return () => ref?.removeEventListener(\"change\", onChange);\n            }\n        }\n    }, []);\n\n    const onCheck = () => {\n        const checked = !innerRef.current?.checked;\n        setInnerChecked(checked);\n        props?.onCheck?.(checked);\n        if (innerRef.current !== null) {\n            innerRef.current.checked = checked;\n            innerRef.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n        }\n    };\n\n    return (\n        <fieldset className={css(\"flex flex-col flex-wrap justify-center\", container)} data-component=\"switch\" disabled={props.disabled || loading}>\n            <span className=\"flex flex-row flex-wrap items-center\">\n                <input\n                    {...props}\n                    hidden\n                    ref={innerRef}\n                    type=\"checkbox\"\n                    checked={checked}\n                    id={props.id || id}\n                    data-trigger=\"change\"\n                    data-checked={checked}\n                    disabled={props.disabled || loading}\n                    onChange={(e) => setInnerChecked(e.target.checked)}\n                />\n                <button\n                    role=\"switch\"\n                    type=\"button\"\n                    onClick={onCheck}\n                    aria-checked={checked}\n                    data-checked={checked}\n                    aria-labelledby={`${id}-label`}\n                    disabled={props.disabled || loading}\n                    className=\"relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 data-[checked=false]:bg-input-switch-bg data-[checked=true]:bg-primary\"\n                >\n                    <span\n                        aria-hidden=\"true\"\n                        data-checked={checked}\n                        className=\"inline-block aspect-square size-5 transform rounded-full shadow ring-0 transition duration-300 ease-in-out data-[checked=false]:translate-x-0 data-[checked=true]:translate-x-5 data-[checked=false]:bg-disabled data-[checked=true]:bg-input-switch\"\n                    />\n                </button>\n                <label htmlFor={props.id || id} className=\"ml-3 inline-block text-sm\" id={`${id}-label`}>\n                    <span className=\"font-medium text-foreground\">{children}</span>\n                </label>\n            </span>\n            <span className=\"mt-1 flex-1 whitespace-nowrap text-xs text-danger empty:mt-0 empty:hidden\">{error}</span>\n        </fieldset>\n    );\n});\n"],"names":["Switch","forwardRef","children","loading","container","error","props","ref","id","useId","innerChecked","setInnerChecked","useState","checked","innerRef","useRef","stableOnChange","useStableRef","useImperativeHandle","useEffect","onChange","e","onCheck","jsxs","css","jsx"],"mappings":";;;;AAYO,MAAMA,IAASC,EAA0C,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAAsBC,MAAQ;AACrI,QAAMC,IAAKC,EAAA,GACL,CAACC,GAAcC,CAAe,IAAIC,EAASN,EAAM,WAAW,EAAK,GACjEO,IAAUH,GACVI,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAaX,EAAM,QAAQ;AAClD,EAAAY,EAAoBX,GAAK,MAAMO,EAAS,OAAQ,GAEhDK,EAAU,MAAM;AACZ,QAAIL,EAAS,YAAY,QACjBE,EAAe,SAAS;AACxB,YAAMI,IAAW,CAACC,MAAa;AAC3B,QAAIL,EAAe,WAASA,EAAe,QAAQK,CAAmD;AAAA,MAAA,GAEpGd,IAAMO,EAAS;AACrBP,aAAAA,EAAI,iBAAiB,UAAUa,CAAQ,GAChC,MAAMb,GAAK,oBAAoB,UAAUa,CAAQ;AAAA,IAAA;AAAA,EAEhE,GACD,EAAE;AAEL,QAAME,IAAU,MAAM;AAClB,UAAMT,IAAU,CAACC,EAAS,SAAS;AACnC,IAAAH,EAAgBE,CAAO,GACvBP,GAAO,UAAUO,CAAO,GACpBC,EAAS,YAAY,SACrBA,EAAS,QAAQ,UAAUD,GAC3BC,EAAS,QAAQ,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAA,CAAM,CAAC;AAAA,EACzE;AAGJ,SACI,gBAAAS,EAAC,YAAA,EAAS,WAAWC,EAAI,0CAA0CpB,CAAS,GAAG,kBAAe,UAAS,UAAUE,EAAM,YAAYH,GAC/H,UAAA;AAAA,IAAA,gBAAAoB,EAAC,QAAA,EAAK,WAAU,wCACZ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAGnB;AAAA,UACJ,QAAM;AAAA,UACN,KAAKQ;AAAA,UACL,MAAK;AAAA,UACL,SAAAD;AAAA,UACA,IAAIP,EAAM,MAAME;AAAA,UAChB,gBAAa;AAAA,UACb,gBAAcK;AAAA,UACd,UAAUP,EAAM,YAAYH;AAAA,UAC5B,UAAU,CAACkB,MAAMV,EAAgBU,EAAE,OAAO,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAErD,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAASH;AAAA,UACT,gBAAcT;AAAA,UACd,gBAAcA;AAAA,UACd,mBAAiB,GAAGL,CAAE;AAAA,UACtB,UAAUF,EAAM,YAAYH;AAAA,UAC5B,WAAU;AAAA,UAEV,UAAA,gBAAAsB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,eAAY;AAAA,cACZ,gBAAcZ;AAAA,cACd,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,wBAEH,SAAA,EAAM,SAASP,EAAM,MAAME,GAAI,WAAU,6BAA4B,IAAI,GAAGA,CAAE,UAC3E,UAAA,gBAAAiB,EAAC,UAAK,WAAU,+BAA+B,UAAAvB,GAAS,EAAA,CAC5D;AAAA,IAAA,GACJ;AAAA,IACA,gBAAAuB,EAAC,QAAA,EAAK,WAAU,6EAA6E,UAAApB,EAAA,CAAM;AAAA,EAAA,GACvG;AAER,CAAC;"}
+{"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/form/switch.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from \"react\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { css } from \"../../lib/dom\";\n\nexport type SwitchProps = React.ComponentProps<\"input\"> & {\n    error?: string;\n    loading?: boolean;\n    container?: string;\n    onCheck?: (nextValue: boolean) => void;\n};\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(({ children, loading, container, error, ...props }: SwitchProps, ref) => {\n    const id = useId();\n    const [innerChecked, setInnerChecked] = useState(props.checked ?? false);\n    const checked = innerChecked;\n    const innerRef = useRef<HTMLInputElement>(null);\n    const stableOnChange = useStableRef(props.onChange);\n    useImperativeHandle(ref, () => innerRef.current!);\n\n    useEffect(() => {\n        if (innerRef.current !== null) {\n            if (stableOnChange.current) {\n                const onChange = (e: Event) => {\n                    if (stableOnChange.current) stableOnChange.current(e as unknown as React.ChangeEvent<HTMLInputElement>);\n                };\n                const ref = innerRef.current;\n                ref.addEventListener(\"change\", onChange);\n                return () => ref?.removeEventListener(\"change\", onChange);\n            }\n        }\n    }, [stableOnChange]);\n\n    const onCheck = () => {\n        const checked = !innerRef.current?.checked;\n        setInnerChecked(checked);\n        props?.onCheck?.(checked);\n        if (innerRef.current !== null) {\n            innerRef.current.checked = checked;\n            innerRef.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n        }\n    };\n\n    return (\n        <fieldset className={css(\"flex flex-col flex-wrap justify-center\", container)} data-component=\"switch\" disabled={props.disabled || loading}>\n            <span className=\"flex flex-row flex-wrap items-center\">\n                <input\n                    {...props}\n                    hidden\n                    ref={innerRef}\n                    type=\"checkbox\"\n                    checked={checked}\n                    id={props.id || id}\n                    data-trigger=\"change\"\n                    data-checked={checked}\n                    disabled={props.disabled || loading}\n                    onChange={(e) => setInnerChecked(e.target.checked)}\n                />\n                <button\n                    role=\"switch\"\n                    type=\"button\"\n                    onClick={onCheck}\n                    aria-checked={checked}\n                    data-checked={checked}\n                    aria-labelledby={`${id}-label`}\n                    disabled={props.disabled || loading}\n                    className=\"relative inline-flex h-switch-track-h w-switch-track-w flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 data-[checked=false]:bg-input-switch-bg data-[checked=true]:bg-primary\"\n                >\n                    <span\n                        aria-hidden=\"true\"\n                        data-checked={checked}\n                        className=\"inline-block aspect-square size-switch-thumb-size transform rounded-full shadow ring-0 transition duration-300 ease-in-out data-[checked=false]:translate-x-0 data-[checked=true]:translate-x-5 data-[checked=false]:bg-disabled data-[checked=true]:bg-input-switch\"\n                    />\n                </button>\n                <label htmlFor={props.id || id} className=\"ml-switch-gap inline-block text-switch-label-text\" id={`${id}-label`}>\n                    <span className=\"font-medium text-foreground\">{children}</span>\n                </label>\n            </span>\n            <span className=\"mt-switch-hint-mt flex-1 whitespace-nowrap text-switch-hint-text text-danger empty:mt-0 empty:hidden\">{error}</span>\n        </fieldset>\n    );\n});\n"],"mappings":";;;;;;AAYA,IAAa,IAAS,GAA2C,EAAE,aAAU,YAAS,cAAW,UAAO,GAAG,KAAsB,MAAQ;CACrI,IAAM,IAAK,EAAM,GACX,CAAC,GAAc,KAAmB,EAAS,EAAM,WAAW,EAAK,GACjE,IAAU,GACV,IAAW,EAAyB,IAAI,GACxC,IAAiB,EAAa,EAAM,QAAQ;CAGlD,AAFA,EAAoB,SAAW,EAAS,OAAQ,GAEhD,QAAgB;EACZ,IAAI,EAAS,YAAY,QACjB,EAAe,SAAS;GACxB,IAAM,KAAY,MAAa;IAC3B,AAAI,EAAe,WAAS,EAAe,QAAQ,CAAmD;GAC1G,GACM,IAAM,EAAS;GAErB,OADA,EAAI,iBAAiB,UAAU,CAAQ,SAC1B,GAAK,oBAAoB,UAAU,CAAQ;EAC5D;CAER,GAAG,CAAC,CAAc,CAAC;CAEnB,IAAM,UAAgB;EAClB,IAAM,IAAU,CAAC,EAAS,SAAS;EAGnC,AAFA,EAAgB,CAAO,GACvB,GAAO,UAAU,CAAO,GACpB,EAAS,YAAY,SACrB,EAAS,QAAQ,UAAU,GAC3B,EAAS,QAAQ,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,CAAC;CAE7E;CAEA,OACI,kBAAC,YAAD;EAAU,WAAW,EAAI,0CAA0C,CAAS;EAAG,kBAAe;EAAS,UAAU,EAAM,YAAY;YAAnI,CACI,kBAAC,QAAD;GAAM,WAAU;aAAhB;IACI,kBAAC,SAAD;KACI,GAAI;KACJ,QAAA;KACA,KAAK;KACL,MAAK;KACI;KACT,IAAI,EAAM,MAAM;KAChB,gBAAa;KACb,gBAAc;KACd,UAAU,EAAM,YAAY;KAC5B,WAAW,MAAM,EAAgB,EAAE,OAAO,OAAO;IACpD,CAAA;IACD,kBAAC,UAAD;KACI,MAAK;KACL,MAAK;KACL,SAAS;KACT,gBAAc;KACd,gBAAc;KACd,mBAAiB,GAAG,EAAG;KACvB,UAAU,EAAM,YAAY;KAC5B,WAAU;eAEV,kBAAC,QAAD;MACI,eAAY;MACZ,gBAAc;MACd,WAAU;KACb,CAAA;IACG,CAAA;IACR,kBAAC,SAAD;KAAO,SAAS,EAAM,MAAM;KAAI,WAAU;KAAoD,IAAI,GAAG,EAAG;eACpG,kBAAC,QAAD;MAAM,WAAU;MAA+B;KAAe,CAAA;IAC3D,CAAA;GACL;MACN,kBAAC,QAAD;GAAM,WAAU;aAAwG;EAAY,CAAA,CAC9H;;AAElB,CAAC"}

package/dist/components/form/task-list.js

@@ -1,68 +1,3 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useEffect as f, useState as m, useContext as p, useMemo as M } from "react";
-import { e as g, h, i as x, p as y, w as v, M as E, u as R } from "../../MotionConfigContext-C7MqlSdv.js";
-import { c as k } from "../../index-t1qLJTt5.js";
-function C(e, n) {
-  if (e === "first")
-    return 0;
-  {
-    const t = n - 1;
-    return e === "last" ? t : t / 2;
-  }
-}
-function A(e = 0.1, { startDelay: n = 0, from: t = 0, ease: o } = {}) {
-  return (i, a) => {
-    const u = typeof t == "number" ? t : C(t, a), c = Math.abs(u - i);
-    let r = e * c;
-    if (o) {
-      const s = a * e;
-      r = g(o)(r / s) * s;
-    }
-    return n + r;
-  };
-}
-function b(e) {
-  return f(() => () => e(), []);
-}
-function L() {
-  !h.current && x();
-  const [e] = m(y.current);
-  return process.env.NODE_ENV !== "production" && v(e !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), e;
-}
-function O() {
-  const e = L(), { reducedMotion: n } = p(E);
-  return n === "never" ? !1 : n === "always" ? !0 : e;
-}
-function w() {
-  const e = R(() => ({
-    current: null,
-    // Will be hydrated by React
-    animations: []
-  })), n = O() ?? void 0, t = M(() => k({ scope: e, reduceMotion: n }), [e, n]);
-  return b(() => {
-    e.animations.forEach((o) => o.stop()), e.animations.length = 0;
-  }), [e, t];
-}
-const T = (e) => {
-  const [n, t] = w();
-  return f(() => {
-    const o = n.current;
-    if (!o) return;
-    const i = (a) => {
-      const u = a.target, c = Array.from(o.querySelectorAll("input[data-task=true]")), r = c.every((d) => d.checked), s = c.indexOf(u);
-      r && s !== -1 && t(
-        "input",
-        { scale: [1, 1.35, 1], rotate: [0, 20, -20, 0] },
-        {
-          duration: 0.5,
-          delay: A(0.075, { from: s })
-        }
-      );
-    };
-    return o.addEventListener("change", i), () => o.removeEventListener("change", i);
-  }, []), /* @__PURE__ */ l("fieldset", { ...e, "data-component": "task-list", ref: n });
-};
-export {
-  T as TaskList
-};
-//# sourceMappingURL=task-list.js.map
+"use client";
+import { t as e } from "../../task-list-tKumO4WH.js";
+export { e as TaskList };

package/dist/components/table/table.js

@@ -1,10 +1,3 @@
-import "react/jsx-runtime";
-import "react";
-import "../../index-BJ1ayTam.js";
-import "../../input-field-CDCOODOl.js";
-import { T as e } from "../../index-DDeQW0JW.js";
-import "../../proxy-BZcQiBrp.js";
-export {
-  e as Table
-};
-//# sourceMappingURL=table.js.map
+"use client";
+import { t as e } from "../../table-Dql6Yzag.js";
+export { e as Table };