@companix/uikit 0.0.63 → 0.0.64

package/dist/bundle.es18.js

@@ -1,27 +1,35 @@
-import { jsxs as d, jsx as c } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-switch";
-import { attr as a } from "@companix/utils-browser";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-checkbox";
+import { Icon as h } from "./bundle.es33.js";
+import { faCheck as l } from "@companix/icons-solid";
 import { useId as n } from "react";
-const u = (m) => {
-  const { checked: e, disabled: s, onCheckedChange: o, uncheckedIcon: i, checkedIcon: t, label: h } = m, l = n();
-  return /* @__PURE__ */ d("div", { className: "switch", "data-disabled": a(s), children: [
-    /* @__PURE__ */ c(
-      r.Root,
-      {
-        className: "switch-track",
-        checked: e,
-        onCheckedChange: o,
-        disabled: s,
-        id: l,
-        children: /* @__PURE__ */ d(r.Thumb, { className: "switch-thumb", children: [
-          i && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(!e), children: i }),
-          t && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(e), children: t })
-        ] })
-      }
-    ),
-    h && /* @__PURE__ */ c("label", { className: "switch-label", htmlFor: l, "data-disabled": s, children: h })
-  ] });
+import { attr as c } from "@companix/utils-browser";
+const u = ({ checked: e, required: m, disabled: r, onCheckedChange: s, size: d, label: a }) => {
+  const i = n();
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      className: "checkbox",
+      "data-size": d ?? "md",
+      "data-required": c(m && !e),
+      "data-disabled": c(r),
+      children: [
+        /* @__PURE__ */ o(
+          t.Root,
+          {
+            className: "checkbox-box",
+            checked: e,
+            onCheckedChange: s,
+            disabled: r,
+            id: i,
+            children: /* @__PURE__ */ o(t.Indicator, { className: "checkbox-icon", children: /* @__PURE__ */ o(h, { icon: l, size: "xxxs" }) })
+          }
+        ),
+        a && /* @__PURE__ */ o("label", { className: "checkbox-label", htmlFor: i, "data-disabled": c(r), children: a })
+      ]
+    }
+  );
 };
 export {
-  u as Switch
+  u as Checkbox
 };

package/dist/bundle.es19.js

@@ -1,47 +1,27 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { useId as p } from "react";
-import * as l from "@radix-ui/react-radio-group";
-import { attr as s } from "@companix/utils-browser";
-const q = (t) => {
-  const { options: m, value: a, onChange: r, disabled: d, required: e, size: n } = t;
-  return /* @__PURE__ */ o(
-    l.Root,
-    {
-      className: "radio-group",
-      disabled: d,
-      "data-required": s(e && !a),
-      "data-v": a,
-      value: a,
-      onValueChange: (i) => r(i),
-      children: m.map((i, c) => /* @__PURE__ */ o(
-        h,
-        {
-          ...i,
-          size: n,
-          disabled: d,
-          required: e && !a
-        },
-        `radio-${i.value}-${c}`
-      ))
-    }
-  );
-}, h = ({ value: t, label: m, size: a = "md", disabled: r, required: d }) => {
-  const e = p();
-  return /* @__PURE__ */ u(
-    "span",
-    {
-      className: "radio",
-      "data-disabled": s(r),
-      "data-size": a,
-      "data-required": s(d),
-      children: [
-        /* @__PURE__ */ o(l.Item, { className: "radio-box", value: t, disabled: r, id: e, children: /* @__PURE__ */ o(l.Indicator, { className: "radio-mark" }) }),
-        /* @__PURE__ */ o("label", { className: "radio-label", htmlFor: e, "data-disabled": s(r), children: m })
-      ]
-    }
-  );
+import { jsxs as d, jsx as c } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-switch";
+import { attr as a } from "@companix/utils-browser";
+import { useId as n } from "react";
+const u = (m) => {
+  const { checked: e, disabled: s, onCheckedChange: o, uncheckedIcon: i, checkedIcon: t, label: h } = m, l = n();
+  return /* @__PURE__ */ d("div", { className: "switch", "data-disabled": a(s), children: [
+    /* @__PURE__ */ c(
+      r.Root,
+      {
+        className: "switch-track",
+        checked: e,
+        onCheckedChange: o,
+        disabled: s,
+        id: l,
+        children: /* @__PURE__ */ d(r.Thumb, { className: "switch-thumb", children: [
+          i && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(!e), children: i }),
+          t && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(e), children: t })
+        ] })
+      }
+    ),
+    h && /* @__PURE__ */ c("label", { className: "switch-label", htmlFor: l, "data-disabled": s, children: h })
+  ] });
 };
 export {
-  h as Radio,
-  q as RadioGroup
+  u as Switch
 };

package/dist/bundle.es20.js

@@ -1,25 +1,47 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import c from "classnames";
-import * as r from "@radix-ui/react-dialog";
-import { VisuallyHidden as i } from "@radix-ui/react-visually-hidden";
-import { customCSS as d } from "@companix/utils-browser";
-const p = ({ open: t, onOpenChange: l, children: a, size: s, direction: m, className: n }) => /* @__PURE__ */ e(r.Root, { open: t, onOpenChange: l, children: /* @__PURE__ */ o(r.Portal, { children: [
-  /* @__PURE__ */ e(r.Overlay, { className: "drawer-overlay" }),
-  /* @__PURE__ */ o(
-    r.Content,
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { useId as p } from "react";
+import * as l from "@radix-ui/react-radio-group";
+import { attr as s } from "@companix/utils-browser";
+const q = (t) => {
+  const { options: m, value: a, onChange: r, disabled: d, required: e, size: n } = t;
+  return /* @__PURE__ */ o(
+    l.Root,
     {
-      style: d({ "--drawer-size": s ?? "50%" }),
-      className: c("drawer", n),
-      "data-direction": m,
+      className: "radio-group",
+      disabled: d,
+      "data-required": s(e && !a),
+      "data-v": a,
+      value: a,
+      onValueChange: (i) => r(i),
+      children: m.map((i, c) => /* @__PURE__ */ o(
+        h,
+        {
+          ...i,
+          size: n,
+          disabled: d,
+          required: e && !a
+        },
+        `radio-${i.value}-${c}`
+      ))
+    }
+  );
+}, h = ({ value: t, label: m, size: a = "md", disabled: r, required: d }) => {
+  const e = p();
+  return /* @__PURE__ */ u(
+    "span",
+    {
+      className: "radio",
+      "data-disabled": s(r),
+      "data-size": a,
+      "data-required": s(d),
       children: [
-        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Title, {}) }),
-        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Description, {}) }),
-        a
+        /* @__PURE__ */ o(l.Item, { className: "radio-box", value: t, disabled: r, id: e, children: /* @__PURE__ */ o(l.Indicator, { className: "radio-mark" }) }),
+        /* @__PURE__ */ o("label", { className: "radio-label", htmlFor: e, "data-disabled": s(r), children: m })
       ]
     }
-  )
-] }) });
-p.Close = r.Close;
+  );
+};
 export {
-  p as Drawer
+  h as Radio,
+  q as RadioGroup
 };

package/dist/bundle.es21.js

@@ -1,31 +1,25 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import f from "classnames";
-import * as o from "@radix-ui/react-dialog";
-import { VisuallyHidden as a } from "@radix-ui/react-visually-hidden";
-import { RemoveListener as v } from "./bundle.es53.js";
-const g = (l) => {
-  const { size: n = "s", open: r, onOpenChange: s, children: c, onClosed: t, disableEsc: p, className: d } = l, m = (h) => {
-    p && h.preventDefault();
-  };
-  return /* @__PURE__ */ e(o.Root, { open: r, onOpenChange: s, children: /* @__PURE__ */ i(o.Portal, { children: [
-    /* @__PURE__ */ e(o.Overlay, { className: "popup-overlay dialog-overlay" }),
-    /* @__PURE__ */ e(
-      o.Content,
-      {
-        className: "popup-container dialog-container",
-        "data-size": n,
-        onEscapeKeyDown: m,
-        children: /* @__PURE__ */ i("div", { className: f("popup dialog", d), children: [
-          /* @__PURE__ */ e(v, { callback: t }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Title, {}) }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Description, {}) }),
-          c
-        ] })
-      }
-    )
-  ] }) });
-};
-g.Close = o.Close;
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import c from "classnames";
+import * as r from "@radix-ui/react-dialog";
+import { VisuallyHidden as i } from "@radix-ui/react-visually-hidden";
+import { customCSS as d } from "@companix/utils-browser";
+const p = ({ open: t, onOpenChange: l, children: a, size: s, direction: m, className: n }) => /* @__PURE__ */ e(r.Root, { open: t, onOpenChange: l, children: /* @__PURE__ */ o(r.Portal, { children: [
+  /* @__PURE__ */ e(r.Overlay, { className: "drawer-overlay" }),
+  /* @__PURE__ */ o(
+    r.Content,
+    {
+      style: d({ "--drawer-size": s ?? "50%" }),
+      className: c("drawer", n),
+      "data-direction": m,
+      children: [
+        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Title, {}) }),
+        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Description, {}) }),
+        a
+      ]
+    }
+  )
+] }) });
+p.Close = r.Close;
 export {
-  g as Dialog
+  p as Drawer
 };

package/dist/bundle.es22.js

@@ -1,40 +1,31 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-alert-dialog";
-import { Button as c } from "./bundle.es4.js";
-import { RemoveListener as N } from "./bundle.es53.js";
-import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
-const C = ({
-  open: d,
-  defaultOpen: p,
-  onOpenChange: m,
-  onUnMounted: h,
-  icon: i,
-  title: l,
-  description: o,
-  cancelDefaultText: n,
-  cancel: t,
-  disableCancel: v,
-  confirm: s
-}) => /* @__PURE__ */ a(r.Root, { open: d, defaultOpen: p, onOpenChange: m, children: [
-  /* @__PURE__ */ e(N, { callback: h }),
-  /* @__PURE__ */ a(r.Portal, { children: [
-    /* @__PURE__ */ e(r.Overlay, { className: "popup-overlay dialog-overlay" }),
-    /* @__PURE__ */ e(r.Content, { className: "popup-container dialog-container", children: /* @__PURE__ */ a("div", { className: "popup alert", children: [
-      /* @__PURE__ */ a("div", { className: "alert-body", children: [
-        i && /* @__PURE__ */ e("span", { className: "alert-icon", children: i }),
-        /* @__PURE__ */ a("div", { className: "alert-content", children: [
-          l && /* @__PURE__ */ e(r.Title, { className: "alert-title", children: l }),
-          !l && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(r.Title, {}) }),
-          o && /* @__PURE__ */ e(r.Description, { className: "alert-description", children: o })
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import f from "classnames";
+import * as o from "@radix-ui/react-dialog";
+import { VisuallyHidden as a } from "@radix-ui/react-visually-hidden";
+import { RemoveListener as v } from "./bundle.es53.js";
+const g = (l) => {
+  const { size: n = "s", open: r, onOpenChange: s, children: c, onClosed: t, disableEsc: p, className: d } = l, m = (h) => {
+    p && h.preventDefault();
+  };
+  return /* @__PURE__ */ e(o.Root, { open: r, onOpenChange: s, children: /* @__PURE__ */ i(o.Portal, { children: [
+    /* @__PURE__ */ e(o.Overlay, { className: "popup-overlay dialog-overlay" }),
+    /* @__PURE__ */ e(
+      o.Content,
+      {
+        className: "popup-container dialog-container",
+        "data-size": n,
+        onEscapeKeyDown: m,
+        children: /* @__PURE__ */ i("div", { className: f("popup dialog", d), children: [
+          /* @__PURE__ */ e(v, { callback: t }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Title, {}) }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Description, {}) }),
+          c
         ] })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "alert-footer", children: [
-        !v && (t?.text || n) && /* @__PURE__ */ e(r.Cancel, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "neutral", ...t, text: t?.text ?? n }) }),
-        s?.text && /* @__PURE__ */ e(r.Action, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "negative", ...s }) })
-      ] })
-    ] }) })
-  ] })
-] });
+      }
+    )
+  ] }) });
+};
+g.Close = o.Close;
 export {
-  C as AlertDialog
+  g as Dialog
 };

package/dist/bundle.es23.js

@@ -1,18 +1,40 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Button as m } from "./bundle.es4.js";
-import { useLoading as p } from "./bundle.es54.js";
-const g = ({ onClick: o, appearance: r = "primary", ...i }) => {
-  const { isLoading: n, isError: t, handleClick: a } = p({ onClick: o });
-  return /* @__PURE__ */ e(
-    m,
-    {
-      appearance: t ? "negative" : r,
-      ...i,
-      loading: n,
-      onClick: a
-    }
-  );
-};
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-alert-dialog";
+import { Button as c } from "./bundle.es4.js";
+import { RemoveListener as N } from "./bundle.es53.js";
+import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
+const C = ({
+  open: d,
+  defaultOpen: p,
+  onOpenChange: m,
+  onUnMounted: h,
+  icon: i,
+  title: l,
+  description: o,
+  cancelDefaultText: n,
+  cancel: t,
+  disableCancel: v,
+  confirm: s
+}) => /* @__PURE__ */ a(r.Root, { open: d, defaultOpen: p, onOpenChange: m, children: [
+  /* @__PURE__ */ e(N, { callback: h }),
+  /* @__PURE__ */ a(r.Portal, { children: [
+    /* @__PURE__ */ e(r.Overlay, { className: "popup-overlay dialog-overlay" }),
+    /* @__PURE__ */ e(r.Content, { className: "popup-container dialog-container", children: /* @__PURE__ */ a("div", { className: "popup alert", children: [
+      /* @__PURE__ */ a("div", { className: "alert-body", children: [
+        i && /* @__PURE__ */ e("span", { className: "alert-icon", children: i }),
+        /* @__PURE__ */ a("div", { className: "alert-content", children: [
+          l && /* @__PURE__ */ e(r.Title, { className: "alert-title", children: l }),
+          !l && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(r.Title, {}) }),
+          o && /* @__PURE__ */ e(r.Description, { className: "alert-description", children: o })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "alert-footer", children: [
+        !v && (t?.text || n) && /* @__PURE__ */ e(r.Cancel, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "neutral", ...t, text: t?.text ?? n }) }),
+        s?.text && /* @__PURE__ */ e(r.Action, { asChild: !0, children: /* @__PURE__ */ e(c, { appearance: "negative", ...s }) })
+      ] })
+    ] }) })
+  ] })
+] });
 export {
-  g as LoadingButton
+  C as AlertDialog
 };

package/dist/bundle.es24.js

@@ -1,21 +1,18 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { useTabSlider as b, makeTabId as l } from "./bundle.es46.js";
-import * as n from "@radix-ui/react-tabs";
-import { useRef as m, useId as f, createContext as T, useContext as c } from "react";
-const o = T({ baseId: "", containerRef: {} }), u = ({ children: s, value: e, onChange: r }) => {
-  const t = m(null), i = f().replaceAll(":", "");
-  return /* @__PURE__ */ a(n.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ a(o.Provider, { value: { baseId: i, containerRef: t }, children: /* @__PURE__ */ d(n.List, { className: "tabs", ref: t, children: [
-    /* @__PURE__ */ a(x, { value: e }),
-    s
-  ] }) }) });
-}, x = ({ value: s }) => {
-  const { baseId: e, containerRef: r } = c(o), t = b({ baseId: e, value: s, containerRef: r });
-  return /* @__PURE__ */ a("div", { className: "tab-indicator-container", style: t, children: /* @__PURE__ */ a("div", { className: "tab-indicator" }) });
-}, I = ({ children: s, value: e, ...r }) => {
-  const { baseId: t } = c(o);
-  return /* @__PURE__ */ a(n.Trigger, { ...r, id: l(t, e), className: "tab", value: e, children: s });
+import { jsx as e } from "react/jsx-runtime";
+import { Button as m } from "./bundle.es4.js";
+import { useLoading as p } from "./bundle.es54.js";
+const g = ({ onClick: o, appearance: r = "primary", ...i }) => {
+  const { isLoading: n, isError: t, handleClick: a } = p({ onClick: o });
+  return /* @__PURE__ */ e(
+    m,
+    {
+      appearance: t ? "negative" : r,
+      ...i,
+      loading: n,
+      onClick: a
+    }
+  );
 };
-u.Tab = I;
 export {
-  u as Tabs
+  g as LoadingButton
 };

package/dist/bundle.es25.js

@@ -1,23 +1,21 @@
-import { jsx as d, Fragment as p } from "react/jsx-runtime";
-import { getNextCandleTime as T, sleep as S, getTimes as x } from "@companix/utils-js";
-import { useRef as g, useState as v, useEffect as s } from "react";
-const n = (t) => String(t).padStart(2, "0"), j = ({ expiration: t, separator: m = ":", onExpired: a }) => {
-  const e = g(null), [, o] = v([]);
-  s(() => {
-    const c = Date.now(), f = T(c, "1s") - c;
-    return e.current && clearInterval(e.current), S(f).then(() => {
-      o([]), e.current = setInterval(() => {
-        o([]);
-      }, 1e3);
-    }), () => {
-      e.current && clearInterval(e.current);
-    };
-  }, [t]);
-  const r = t - Date.now(), { hours: i, minutes: u, seconds: l } = x(r);
-  return s(() => {
-    r <= 0 && (a?.(), e.current && clearInterval(e.current));
-  }, [r <= 0]), /* @__PURE__ */ d(p, { children: [n(i), n(u), n(l)].join(m) });
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { useTabSlider as b, makeTabId as l } from "./bundle.es46.js";
+import * as n from "@radix-ui/react-tabs";
+import { useRef as m, useId as f, createContext as T, useContext as c } from "react";
+const o = T({ baseId: "", containerRef: {} }), u = ({ children: s, value: e, onChange: r }) => {
+  const t = m(null), i = f().replaceAll(":", "");
+  return /* @__PURE__ */ a(n.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ a(o.Provider, { value: { baseId: i, containerRef: t }, children: /* @__PURE__ */ d(n.List, { className: "tabs", ref: t, children: [
+    /* @__PURE__ */ a(x, { value: e }),
+    s
+  ] }) }) });
+}, x = ({ value: s }) => {
+  const { baseId: e, containerRef: r } = c(o), t = b({ baseId: e, value: s, containerRef: r });
+  return /* @__PURE__ */ a("div", { className: "tab-indicator-container", style: t, children: /* @__PURE__ */ a("div", { className: "tab-indicator" }) });
+}, I = ({ children: s, value: e, ...r }) => {
+  const { baseId: t } = c(o);
+  return /* @__PURE__ */ a(n.Trigger, { ...r, id: l(t, e), className: "tab", value: e, children: s });
 };
+u.Tab = I;
 export {
-  j as Countdown
+  u as Tabs
 };

package/dist/bundle.es26.js

@@ -1,44 +1,23 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useResizeTextarea as x } from "./bundle.es55.js";
-import { attr as e, callMultiple as u } from "@companix/utils-browser";
-import { useEffect as z } from "react";
-import { mergeRefs as R } from "react-merge-refs";
-const q = ({
-  onResize: m,
-  grow: a = !1,
-  value: t,
-  onChange: s,
-  disabled: o,
-  required: i,
-  rows: l = 2,
-  fill: p = !1,
-  textAreaRef: c,
-  ...d
-}) => {
-  const [n, r] = x(m, a);
-  return z(r, [r, t]), /* @__PURE__ */ f(
-    "div",
-    {
-      className: "form form-textarea",
-      "data-required": e(i),
-      "data-disabled": e(o),
-      "data-fill": e(p),
-      children: /* @__PURE__ */ f(
-        "textarea",
-        {
-          className: "form-input",
-          "data-grow": e(a),
-          value: t,
-          ref: R([c, n]),
-          rows: l,
-          disabled: o,
-          onChange: u(s, r),
-          ...d
-        }
-      )
-    }
-  );
+import { jsx as d, Fragment as p } from "react/jsx-runtime";
+import { getNextCandleTime as T, sleep as S, getTimes as x } from "@companix/utils-js";
+import { useRef as g, useState as v, useEffect as s } from "react";
+const n = (t) => String(t).padStart(2, "0"), j = ({ expiration: t, separator: m = ":", onExpired: a }) => {
+  const e = g(null), [, o] = v([]);
+  s(() => {
+    const c = Date.now(), f = T(c, "1s") - c;
+    return e.current && clearInterval(e.current), S(f).then(() => {
+      o([]), e.current = setInterval(() => {
+        o([]);
+      }, 1e3);
+    }), () => {
+      e.current && clearInterval(e.current);
+    };
+  }, [t]);
+  const r = t - Date.now(), { hours: i, minutes: u, seconds: l } = x(r);
+  return s(() => {
+    r <= 0 && (a?.(), e.current && clearInterval(e.current));
+  }, [r <= 0]), /* @__PURE__ */ d(p, { children: [n(i), n(u), n(l)].join(m) });
 };
 export {
-  q as TextArea
+  j as Countdown
 };