@g4rcez/components 3.0.1 → 4.0.0

package/dist/components/form/radiobox.js

@@ -0,0 +1,30 @@
+import { jsxs as o, jsx as d } from "react/jsx-runtime";
+import { c as i } from "../../dom-Dl8XH0CK.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

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

@@ -0,0 +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;"}

package/dist/components/form/select.js

@@ -0,0 +1,106 @@
+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-BwLKTrZv.js";
+import { i as L, c as $, m as H } from "../../dom-Dl8XH0CK.js";
+import { I as S } from "../../input-field-5vYcz5tT.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

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

@@ -0,0 +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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"}

package/dist/components/form/switch.js

@@ -0,0 +1,65 @@
+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-Dl8XH0CK.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",
+        {
+          type: "button",
+          role: "switch",
+          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 })
+  ] });
+});
+export {
+  L as Switch
+};
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +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: any) => {\n                    if (stableOnChange.current) stableOnChange.current(e);\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                    type=\"button\"\n                    role=\"switch\"\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,MAAW;AACzB,QAAIL,EAAe,WAASA,EAAe,QAAQK,CAAC;AAAA,MAAA,GAElDd,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;"}

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

@@ -0,0 +1,68 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"task-list.js","sources":["../../../node_modules/motion-dom/dist/es/utils/stagger.mjs","../../../node_modules/framer-motion/dist/es/utils/use-unmount-effect.mjs","../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs","../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion-config.mjs","../../../node_modules/framer-motion/dist/es/animation/hooks/use-animate.mjs","../../../src/components/form/task-list.tsx"],"sourcesContent":["import { easingDefinitionToFunction } from 'motion-utils';\n\nfunction getOriginIndex(from, total) {\n    if (from === \"first\") {\n        return 0;\n    }\n    else {\n        const lastIndex = total - 1;\n        return from === \"last\" ? lastIndex : lastIndex / 2;\n    }\n}\nfunction stagger(duration = 0.1, { startDelay = 0, from = 0, ease } = {}) {\n    return (i, total) => {\n        const fromIndex = typeof from === \"number\" ? from : getOriginIndex(from, total);\n        const distance = Math.abs(fromIndex - i);\n        let delay = duration * distance;\n        if (ease) {\n            const maxDelay = total * duration;\n            const easingFunction = easingDefinitionToFunction(ease);\n            delay = easingFunction(delay / maxDelay) * maxDelay;\n        }\n        return startDelay + delay;\n    };\n}\n\nexport { getOriginIndex, stagger };\n//# sourceMappingURL=stagger.mjs.map\n","\"use client\";\nimport { useEffect } from 'react';\n\nfunction useUnmountEffect(callback) {\n    return useEffect(() => () => callback(), []);\n}\n\nexport { useUnmountEffect };\n//# sourceMappingURL=use-unmount-effect.mjs.map\n","\"use client\";\nimport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion } from 'motion-dom';\nimport { warnOnce } from 'motion-utils';\nimport { useState } from 'react';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n//# sourceMappingURL=use-reduced-motion.mjs.map\n","\"use client\";\nimport { useContext } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { useReducedMotion } from './use-reduced-motion.mjs';\n\nfunction useReducedMotionConfig() {\n    const reducedMotionPreference = useReducedMotion();\n    const { reducedMotion } = useContext(MotionConfigContext);\n    if (reducedMotion === \"never\") {\n        return false;\n    }\n    else if (reducedMotion === \"always\") {\n        return true;\n    }\n    else {\n        return reducedMotionPreference;\n    }\n}\n\nexport { useReducedMotionConfig };\n//# sourceMappingURL=use-reduced-motion-config.mjs.map\n","\"use client\";\nimport { useMemo } from 'react';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { useUnmountEffect } from '../../utils/use-unmount-effect.mjs';\nimport { useReducedMotionConfig } from '../../utils/reduced-motion/use-reduced-motion-config.mjs';\nimport { createScopedAnimate } from '../animate/index.mjs';\n\nfunction useAnimate() {\n    const scope = useConstant(() => ({\n        current: null, // Will be hydrated by React\n        animations: [],\n    }));\n    const reduceMotion = useReducedMotionConfig() ?? undefined;\n    const animate = useMemo(() => createScopedAnimate({ scope, reduceMotion }), [scope, reduceMotion]);\n    useUnmountEffect(() => {\n        scope.animations.forEach((animation) => animation.stop());\n        scope.animations.length = 0;\n    });\n    return [scope, animate];\n}\n\nexport { useAnimate };\n//# sourceMappingURL=use-animate.mjs.map\n","\"use client\";\nimport { stagger, useAnimate } from \"motion/react\";\nimport { ComponentProps, PropsWithChildren, useEffect } from \"react\";\n\nexport const TaskList = (props: PropsWithChildren<ComponentProps<\"fieldset\">>) => {\n    const [ref, animate] = useAnimate();\n\n    useEffect(() => {\n        const container = ref.current as HTMLFieldSetElement | null;\n        if (!container) return;\n        const handler = (e: Event) => {\n            const input = e.target as HTMLInputElement;\n            const items = Array.from(container.querySelectorAll(\"input[data-task=true]\")) as HTMLInputElement[];\n            const allTaskChecked = items.every((el) => el.checked);\n            const index = items.indexOf(input);\n            if (allTaskChecked && index !== -1) {\n                animate(\n                    \"input\",\n                    { scale: [1, 1.35, 1], rotate: [0, 20, -20, 0] },\n                    {\n                        duration: 0.5,\n                        delay: stagger(0.075, { from: index }),\n                    }\n                );\n            }\n        };\n        container.addEventListener(\"change\", handler);\n        return () => container.removeEventListener(\"change\", handler);\n    }, []);\n\n    return <fieldset {...props} data-component=\"task-list\" ref={ref} />;\n};\n"],"names":["getOriginIndex","from","total","lastIndex","stagger","duration","startDelay","ease","fromIndex","distance","delay","maxDelay","easingDefinitionToFunction","useUnmountEffect","callback","useEffect","useReducedMotion","hasReducedMotionListener","initPrefersReducedMotion","shouldReduceMotion","useState","prefersReducedMotion","warnOnce","useReducedMotionConfig","reducedMotionPreference","reducedMotion","useContext","MotionConfigContext","useAnimate","scope","useConstant","reduceMotion","animate","useMemo","createScopedAnimate","animation","TaskList","props","ref","container","handler","e","input","items","allTaskChecked","el","index"],"mappings":";;;;AAEA,SAASA,EAAeC,GAAMC,GAAO;AACjC,MAAID,MAAS;AACT,WAAO;AAEN;AACD,UAAME,IAAYD,IAAQ;AAC1B,WAAOD,MAAS,SAASE,IAAYA,IAAY;AAAA,EACzD;AACA;AACA,SAASC,EAAQC,IAAW,KAAK,EAAE,YAAAC,IAAa,GAAG,MAAAL,IAAO,GAAG,MAAAM,EAAI,IAAK,IAAI;AACtE,SAAO,CAAC,GAAGL,MAAU;AACjB,UAAMM,IAAY,OAAOP,KAAS,WAAWA,IAAOD,EAAeC,GAAMC,CAAK,GACxEO,IAAW,KAAK,IAAID,IAAY,CAAC;AACvC,QAAIE,IAAQL,IAAWI;AACvB,QAAIF,GAAM;AACN,YAAMI,IAAWT,IAAQG;AAEzB,MAAAK,IADuBE,EAA2BL,CAAI,EAC/BG,IAAQC,CAAQ,IAAIA;AAAA,IACvD;AACQ,WAAOL,IAAaI;AAAA,EAC5B;AACA;ACpBA,SAASG,EAAiBC,GAAU;AAChC,SAAOC,EAAU,MAAM,MAAMD,EAAQ,GAAI,CAAA,CAAE;AAC/C;AC0BA,SAASE,IAAmB;AAIxB,GAACC,EAAyB,WAAWC,EAAwB;AAC7D,QAAM,CAACC,CAAkB,IAAIC,EAASC,EAAqB,OAAO;AAClE,SAAI,QAAQ,IAAI,aAAa,gBACzBC,EAASH,MAAuB,IAAM,0FAA0F,yBAAyB,GAKtJA;AACX;ACvCA,SAASI,IAAyB;AAC9B,QAAMC,IAA0BR,EAAgB,GAC1C,EAAE,eAAAS,EAAa,IAAKC,EAAWC,CAAmB;AACxD,SAAIF,MAAkB,UACX,KAEFA,MAAkB,WAChB,KAGAD;AAEf;ACVA,SAASI,IAAa;AAClB,QAAMC,IAAQC,EAAY,OAAO;AAAA,IAC7B,SAAS;AAAA;AAAA,IACT,YAAY,CAAA;AAAA,EACpB,EAAM,GACIC,IAAeR,EAAsB,KAAM,QAC3CS,IAAUC,EAAQ,MAAMC,EAAoB,EAAE,OAAAL,GAAO,cAAAE,EAAY,CAAE,GAAG,CAACF,GAAOE,CAAY,CAAC;AACjG,SAAAlB,EAAiB,MAAM;AACnB,IAAAgB,EAAM,WAAW,QAAQ,CAACM,MAAcA,EAAU,MAAM,GACxDN,EAAM,WAAW,SAAS;AAAA,EAClC,CAAK,GACM,CAACA,GAAOG,CAAO;AAC1B;ACfO,MAAMI,IAAW,CAACC,MAAyD;AAC9E,QAAM,CAACC,GAAKN,CAAO,IAAIJ,EAAA;AAEvB,SAAAb,EAAU,MAAM;AACZ,UAAMwB,IAAYD,EAAI;AACtB,QAAI,CAACC,EAAW;AAChB,UAAMC,IAAU,CAACC,MAAa;AAC1B,YAAMC,IAAQD,EAAE,QACVE,IAAQ,MAAM,KAAKJ,EAAU,iBAAiB,uBAAuB,CAAC,GACtEK,IAAiBD,EAAM,MAAM,CAACE,MAAOA,EAAG,OAAO,GAC/CC,IAAQH,EAAM,QAAQD,CAAK;AACjC,MAAIE,KAAkBE,MAAU,MAC5Bd;AAAA,QACI;AAAA,QACA,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,IAAI,KAAK,CAAC,EAAA;AAAA,QAC7C;AAAA,UACI,UAAU;AAAA,UACV,OAAO5B,EAAQ,OAAO,EAAE,MAAM0C,GAAO;AAAA,QAAA;AAAA,MACzC;AAAA,IAER;AAEJ,WAAAP,EAAU,iBAAiB,UAAUC,CAAO,GACrC,MAAMD,EAAU,oBAAoB,UAAUC,CAAO;AAAA,EAAA,GAC7D,EAAE,qBAEG,YAAA,EAAU,GAAGH,GAAO,kBAAe,aAAY,KAAAC,GAAU;AACrE;","x_google_ignoreList":[0,1,2,3,4]}

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

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { e as l } from "../../CaretRight.es-0-M8D9y8.js";
+import { useState as d, useEffect as m, forwardRef as a, useRef as f, Fragment as u } from "react";
+import { Y as p } from "../../index-C-PuFUZi.js";
+import { Button as h } from "../core/button.js";
+import { Checkbox as b } from "./checkbox.js";
+import { I as x } from "../../input-CrGrSnUt.js";
+const g = (n) => {
+  const [r, t] = d(0);
+  return m(() => {
+    const s = n.current;
+    if (!s) return;
+    const o = s.parentElement;
+    if (!o) return;
+    const i = () => {
+      t(o.clientHeight);
+    };
+    return o.addEventListener("resize", i), i(), () => {
+      o.removeEventListener("resize", i);
+    };
+  }, []), r;
+}, v = {
+  Item: a(function(r, t) {
+    return /* @__PURE__ */ e("li", { ...r, ref: t, className: "flex items-center justify-between gap-1" });
+  }),
+  List: a(function(r, t) {
+    return /* @__PURE__ */ e("ul", { ...r, ref: t, className: "space-y-3" });
+  })
+}, H = (n) => {
+  const r = f(null), t = g(r);
+  return /* @__PURE__ */ c("div", { className: "flex flex-row gap-4", ref: r, children: [
+    /* @__PURE__ */ c("div", { className: "flex w-fit min-w-64 flex-col space-y-4 whitespace-nowrap rounded-lg border border-card-border py-8", children: [
+      /* @__PURE__ */ e("header", { className: "border-b border-card-border pb-2" }),
+      /* @__PURE__ */ c("div", { className: "space-y-2 px-8", children: [
+        /* @__PURE__ */ e(x, { rightLabel: "", title: "Search", placeholder: "Looking for..." }),
+        /* @__PURE__ */ e(
+          p,
+          {
+            height: t,
+            useWindowScroll: !0,
+            data: n.source,
+            components: v,
+            itemContent: (s, o) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(n.Item, { data: o }) }) })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(l, {}) }) }),
+    /* @__PURE__ */ e("div", {})
+  ] });
+};
+export {
+  H as TransferList
+};
+//# sourceMappingURL=transfer-list.js.map

package/dist/components/form/transfer-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer-list.js","sources":["../../../src/hooks/use-parent.ts","../../../src/components/form/transfer-list.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nexport const useParentHeight = (ref: React.RefObject<HTMLElement>) => {\n    const [h, setH] = useState(0);\n    useEffect(() => {\n        const element = ref.current;\n        if (!element) return;\n        const parent = element.parentElement;\n        if (!parent) return;\n        const listener = () => {\n            setH(parent.clientHeight);\n        };\n        parent.addEventListener(\"resize\", listener);\n        listener();\n        return () => {\n            parent.removeEventListener(\"resize\", listener);\n        };\n    }, []);\n    return h;\n};\n","\"use client\";\nimport { CaretRightIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, Fragment, useRef } from \"react\";\nimport { Virtuoso } from \"react-virtuoso\";\nimport { useParentHeight } from \"../../hooks/use-parent\";\nimport { POJO, SetState } from \"../../types\";\nimport { Button } from \"../core/button\";\nimport { Checkbox } from \"../form/checkbox\";\nimport { Input } from \"./input\";\n\nexport type TransferListProps<T> = {\n    source: T[];\n    target: T[];\n    Item: React.FC<{ data: T }>;\n    reference: keyof T;\n    setSource: SetState<T[]>;\n    setTarget: SetState<T[]>;\n};\n\nconst components = {\n    Item: forwardRef(function InnerList(props: any, ref) {\n        return <li {...props} ref={ref} className=\"flex items-center justify-between gap-1\" />;\n    }),\n    List: forwardRef(function InnerList(props: any, ref) {\n        return <ul {...props} ref={ref} className=\"space-y-3\" />;\n    }),\n};\n\nexport const TransferList = <T extends POJO, K extends keyof T>(props: TransferListProps<T>) => {\n    const ref = useRef<HTMLDivElement>(null!);\n    const h = useParentHeight(ref);\n    return (\n        <div className=\"flex flex-row gap-4\" ref={ref}>\n            <div className=\"flex w-fit min-w-64 flex-col space-y-4 whitespace-nowrap rounded-lg border border-card-border py-8\">\n                <header className=\"border-b border-card-border pb-2\"></header>\n                <div className=\"space-y-2 px-8\">\n                    <Input rightLabel=\"\" title=\"Search\" placeholder=\"Looking for...\" />\n                    <Virtuoso\n                        height={h}\n                        useWindowScroll\n                        data={props.source}\n                        components={components as any}\n                        itemContent={(_, row) => (\n                            <Fragment>\n                                <Checkbox>\n                                    <props.Item data={row} />\n                                </Checkbox>\n                            </Fragment>\n                        )}\n                    />\n                </div>\n            </div>\n            <div>\n                <Button>\n                    <CaretRightIcon />\n                </Button>\n            </div>\n            <div></div>\n        </div>\n    );\n};\n"],"names":["useParentHeight","ref","h","setH","useState","useEffect","element","parent","listener","components","forwardRef","props","TransferList","useRef","jsxs","jsx","Input","Virtuoso","_","row","Fragment","Checkbox","Button","CaretRightIcon"],"mappings":";;;;;;;AAEO,MAAMA,IAAkB,CAACC,MAAsC;AAClE,QAAM,CAACC,GAAGC,CAAI,IAAIC,EAAS,CAAC;AAC5B,SAAAC,EAAU,MAAM;AACZ,UAAMC,IAAUL,EAAI;AACpB,QAAI,CAACK,EAAS;AACd,UAAMC,IAASD,EAAQ;AACvB,QAAI,CAACC,EAAQ;AACb,UAAMC,IAAW,MAAM;AACnB,MAAAL,EAAKI,EAAO,YAAY;AAAA,IAAA;AAE5B,WAAAA,EAAO,iBAAiB,UAAUC,CAAQ,GAC1CA,EAAA,GACO,MAAM;AACT,MAAAD,EAAO,oBAAoB,UAAUC,CAAQ;AAAA,IAAA;AAAA,EACjD,GACD,EAAE,GACEN;AACX,GCAMO,IAAa;AAAA,EACf,MAAMC,EAAW,SAAmBC,GAAYV,GAAK;AACjD,6BAAQ,MAAA,EAAI,GAAGU,GAAO,KAAAV,GAAU,WAAU,2CAA0C;AAAA,EAAA,CACvF;AAAA,EACD,MAAMS,EAAW,SAAmBC,GAAYV,GAAK;AACjD,6BAAQ,MAAA,EAAI,GAAGU,GAAO,KAAAV,GAAU,WAAU,aAAY;AAAA,EAAA,CACzD;AACL,GAEaW,IAAe,CAAoCD,MAAgC;AAC5F,QAAMV,IAAMY,EAAuB,IAAK,GAClCX,IAAIF,EAAgBC,CAAG;AAC7B,SACI,gBAAAa,EAAC,OAAA,EAAI,WAAU,uBAAsB,KAAAb,GACjC,UAAA;AAAA,IAAA,gBAAAa,EAAC,OAAA,EAAI,WAAU,sGACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAA,EAAO,WAAU,mCAAA,CAAmC;AAAA,MACrD,gBAAAD,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAM,YAAW,IAAG,OAAM,UAAS,aAAY,kBAAiB;AAAA,QACjE,gBAAAD;AAAA,UAACE;AAAAA,UAAA;AAAA,YACG,QAAQf;AAAA,YACR,iBAAe;AAAA,YACf,MAAMS,EAAM;AAAA,YACZ,YAAAF;AAAA,YACA,aAAa,CAACS,GAAGC,wBACZC,GAAA,EACG,UAAA,gBAAAL,EAACM,GAAA,EACG,UAAA,gBAAAN,EAACJ,EAAM,MAAN,EAAW,MAAMQ,EAAA,CAAK,GAC3B,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAER,EAAA,CACJ;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EACG,UAAA,gBAAAJ,EAACO,KACG,UAAA,gBAAAP,EAACQ,GAAA,EAAe,GACpB,EAAA,CACJ;AAAA,sBACC,OAAA,CAAA,CAAI;AAAA,EAAA,GACT;AAER;"}

package/dist/components/page-calendar/calendar-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-calendar/calendar-header.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,KAAK,mBAAmB,GAAG;IACvB,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC3B,WAAW,EACX,WAAW,EACX,OAAO,EACP,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACb,EAAE,mBAAmB,+BA4GrB"}
+{"version":3,"file":"calendar-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-calendar/calendar-header.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,KAAK,mBAAmB,GAAG;IACvB,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC3B,WAAW,EACX,WAAW,EACX,OAAO,EACP,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,GACb,EAAE,mBAAmB,+BAuHrB"}

package/dist/components/table/table.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-Z-fZHxfJ.js";
+import "../../input-field-5vYcz5tT.js";
+import { T as e } from "../../index-BelDtX5M.js";
+import "../../proxy-BZcQiBrp.js";
+export {
+  e as Table
+};
+//# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/config/context.d.ts

@@ -1,3 +1,4 @@
+import type { IconProps } from "@phosphor-icons/react";
 import type { Locales } from "the-mask-input";
 import { parsers } from "../styles/design-tokens";
 import { type Translations } from "./default-translations";
@@ -8,6 +9,7 @@ export type ContextProps = Partial<{
     locale: Locales | undefined;
     parser: typeof parsers.hsla;
     rootFloating?: HTMLElement | null;
+    iconWeight: IconProps["weight"];
 }>;
 export declare const Context: import("react").Context<Partial<{
     tweaks: Tweaks;

package/dist/config/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/config/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC3B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACrC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;GAMlB,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/config/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC3B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;GAMlB,CAAC"}

package/dist/constants-r-AHn273.js

@@ -0,0 +1,6 @@
+const E = 200, A = 500;
+export {
+  E as F,
+  A as T
+};
+//# sourceMappingURL=constants-r-AHn273.js.map

package/dist/constants-r-AHn273.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-r-AHn273.js","sources":["../src/constants.ts"],"sourcesContent":["export const FLOATING_DELAY = 200;\n\nexport const TYPEAHEAD_RESET_DELAY = 500;\n"],"names":["FLOATING_DELAY","TYPEAHEAD_RESET_DELAY"],"mappings":"AAAO,MAAMA,IAAiB,KAEjBC,IAAwB;"}

package/dist/context-BFXNJVn2.js

@@ -0,0 +1,161 @@
+import { Fragment as g, createContext as h } from "react";
+import { jsxs as C } from "react/jsx-runtime";
+const y = {
+  hex: (e) => e,
+  raw: (e) => e,
+  hsl: (e) => `hsl(${e})`,
+  rgb: (e) => `rgb(${e})`,
+  z: (e, t, a) => `var(--z-${a})`,
+  hsla: (e) => `hsla(${e})`,
+  rgba: (e) => `rgba(${e})`,
+  cssVariable: (e, t, a) => `var(--${a})`,
+  formatWithVar: (e) => (t, a, r) => `${e}(var(--${r}), <alpha-value>)`
+}, i = (e, t, a = "", r = "") => Object.entries(e).reduce((l, [o, n]) => {
+  const s = r === "" ? `${a}${o}` : `${r}-${o}`;
+  if (typeof n == "string") {
+    const u = r === "" ? `${a}${o}` : o;
+    return l.concat(t(n, u, s));
+  }
+  return l.concat(i(n, t, a, s));
+}, []), $ = (e, t, a = "", r = "") => Object.entries(e).reduce((l, [o, n]) => {
+  const s = r === "" ? `${a}${o}` : `${r}-${o}`;
+  if (typeof n == "string") {
+    const u = r === "" ? `${a}${o}` : o;
+    return { ...l, [u]: t(n, o, s) };
+  }
+  return {
+    ...l,
+    [o]: $(n, t, a, s)
+  };
+}, {}), p = {
+  default: (e) => `:root { ${e} }`,
+  dark: (e) => `html.dark {${e}}`
+}, c = (e, t) => {
+  const a = t.value || ((l, o) => o), r = e.map((l) => `${l.key}: ${a(l.key, l.value)}`).join(";");
+  return t.result(r);
+}, S = {
+  default: (e) => c(e, { result: p.default }),
+  dark: (e) => c(e, { result: p.dark })
+}, d = (e) => (t, a, r) => {
+  const l = { key: `--${r}`, value: `${t}` };
+  return e ? e(l) : l;
+}, T = (e) => ({ key: e.key.replace(/^--/, "--z-"), value: e.value }), b = (e, t) => {
+  const a = i(e.colors, d(t?.colors)), r = i(e.spacing, d(t?.spacing)), l = i(e.rounded, d(t?.rounded)), o = i(e.shadow, d(t?.rounded)), n = i(e.zIndex, d(t?.zIndex ?? T)), s = e.custom ? i(e.custom, d(t?.customTokens)) : [];
+  return a.concat(r, l, s, n, o);
+}, w = (e, t) => c(b(e), {
+  result: (a) => `html${t ? `.${t}` : ""} {${a}}`,
+  value: (a, r) => r.replace("hsla(", "").replace(")", "")
+}), f = (e, t) => b(e, t).reduce((r, l) => ({ ...r, [l.key]: l.value }), {}), P = (e, t) => c(b(e, t), {
+  result: (a) => `html${t?.name ? `.${t.name}` : ""} {${a}}`,
+  value: (a, r) => r
+}), F = {
+  autocompleteEmpty: "Nothing here...",
+  calendarBackMonth: "Back month",
+  calendarFromDate: "From",
+  calendarMonthLabel: "Month",
+  calendarNextMonth: "Next month",
+  calendarDatetimeTitle: "Time",
+  calendarToDate: "To",
+  calendarToday: "Today",
+  pageCalendarMonthView: "Month view",
+  pageCalendarWeekView: "Week view",
+  pageCalendarDayView: "Day view",
+  pageCalendarPrevious: "Previous",
+  pageCalendarNext: "Next",
+  pageCalendarToday: "Today",
+  pageCalendarAddEvent: "Add event",
+  pageCalendarWeekLabel: (e) => `Week ${e}`,
+  pageCalendarFilter: "Filter:",
+  pageCalendarMoreEvents: (e) => `+${e} more...`,
+  pageCalendarLabel: "Calendar",
+  pageCalendarNavigation: "Calendar navigation",
+  pageCalendarMonthGrid: "Calendar month",
+  pageCalendarFilterEnabled: "enabled",
+  pageCalendarFilterDisabled: "disabled",
+  pageCalendarEventCount: (e) => e === 1 ? "1 event" : `${e} events`,
+  pageCalendarEventAt: (e, t) => `${e} at ${t}`,
+  commandPaletteEmpty: "Nothing here...",
+  commandPaletteLoading: "Loading...",
+  datePickerCalendarButtonLabel: "Click to open a date picker",
+  emptyDataMessage: "No data",
+  inputCaretDown: "Click to see all options",
+  inputCloseValue: "Click to clear the value",
+  inputOptionalLabel: "Optional",
+  wizardNext: "Next",
+  wizardPrev: "Previous",
+  wizardFinish: "Finish",
+  wizardSkip: "Skip",
+  multiSelectInnerPlaceholder: "Search...",
+  multiSelectSelectedLabel: "Selected",
+  tableColumnResizer: "Resize column",
+  tableFilterColumnPlaceholder: "Filter by",
+  tableFilterColumnTitle: "Filter by",
+  tableFilterDropdownTitle: "Filters",
+  tableFilterDropdownTitleUnique: "Filter by",
+  tableFilterLabel: "Filters",
+  tableFilterNewFilter: "New filter",
+  tableFilterOperatorPlaceholder: "Equals to...",
+  tableFilterOperatorTitle: "Operation",
+  tableFilterTypeContains: "Contains",
+  tableFilterTypeEndsWith: "Ends with",
+  tableFilterTypeGreaterThan: "Greater than",
+  tableFilterTypeIs: "Is",
+  tableFilterTypeIsNot: "Is not",
+  tableFilterTypeLessThan: "Less than",
+  tableFilterTypeNotContains: "Not contains",
+  tableFilterTypeStartsWith: "Starts with",
+  tableFilterValuePlaceholder: "Something...",
+  tableFilterValueTitle: "Value",
+  tableGroupLabel: "Group",
+  tableGroupLabelWithCount: "Group",
+  tablePaginationFooter: (e) => /* @__PURE__ */ C(g, { children: [
+    e.current,
+    " to ",
+    e.pages,
+    " of ",
+    e.totalItems,
+    " items.",
+    Array.isArray(e.sizes) ? e.select : null,
+    " ",
+    "per page."
+  ] }),
+  tablePaginationNext: "Next",
+  tablePaginationPrevious: "Previous",
+  tablePaginationSelectLabel: "Select the size of page",
+  tableSortAddButton: "Add sort",
+  tableSortAsc: "Ascending",
+  tableSortDesc: "Descending",
+  tableSortDropdownTitle: "Order by",
+  tableSortOrderByLabel: "Order by",
+  tableSortOrderInputPlaceholder: "Order by",
+  tableSortOrderInputTitle: "Order by",
+  tableSortTypeInputPlaceholder: "Ascending",
+  tableSortTypeInputTitle: "Sort type",
+  uploadIdle: "You can drag your files here",
+  uploadIdleButton: "Choose your files",
+  uploadDragging: (e) => `Dragging ${e.n} ${e.n > 0 ? "files" : "file"}`,
+  uploadDialogTitle: "Details of your file",
+  datepickerPlaceholder: (e) => "day/month/year"
+}, m = {
+  input: { iconFeedback: !0 },
+  table: { operations: !0, sorters: !0, filters: !0, sticky: void 0 }
+}, D = h({
+  parser: y.hsla,
+  tweaks: m,
+  floatingRef: void 0,
+  map: F,
+  locale: void 0
+});
+export {
+  D as C,
+  m as a,
+  S as b,
+  $ as c,
+  F as d,
+  w as e,
+  f,
+  P as g,
+  y as p,
+  i as r
+};
+//# sourceMappingURL=context-BFXNJVn2.js.map