@konstructio/ui 0.1.2-alpha.104 → 0.1.2-alpha.106

package/dist/components/PieChart/PieChart.js

@@ -1,11 +1,11 @@
 import { i as e } from "../../utils-Cx-WzRZF.js";
-import { a as v, r as C, t as D } from "../../dist-AihTpWdF.js";
-import { useMemo as d } from "react";
-import { jsx as A } from "react/jsx-runtime";
-v.register(C);
-var E = ({ values: c, colors: m = [e("--color-neutral-600"), e("--color-emerald-400")], borderColors: p = [e("--color-white"), e("--color-white")], borderWidth: h = 0, cutoutPercentage: x = 80, title: a, subtitle: s, titleFontSize: n = 16, subtitleFontSize: l = 14, titleColor: g = e("--color-gray-900"), subtitleColor: w = e("--color-gray-500"), titleFontWeight: u = "bold", subtitleFontWeight: y = "normal", redraw: $ = !0 }) => /* @__PURE__ */ A(D, {
-  data: d(() => ({ datasets: [{
-    data: c,
+import { a as A, r as T, t as j } from "../../dist-iUAHw-3y.js";
+import { useMemo as i } from "react";
+import { jsx as k } from "react/jsx-runtime";
+A.register(T);
+var G = ({ values: d, colors: m = [e("--color-neutral-600"), e("--color-emerald-400")], borderColors: p = [e("--color-white"), e("--color-white")], borderWidth: h = 0, cutoutPercentage: x = 80, title: n, subtitle: s, titleFontSize: a = 16, subtitleFontSize: t = 14, titleColor: g = e("--color-gray-900"), subtitleColor: w = e("--color-gray-500"), titleFontWeight: u = "bold", subtitleFontWeight: y = "normal", redraw: $ = !0 }) => {
+  const v = i(() => ({ datasets: [{
+    data: d,
     backgroundColor: m,
     borderWidth: h,
     borderColor: p
@@ -13,40 +13,43 @@ var E = ({ values: c, colors: m = [e("--color-neutral-600"), e("--color-emerald-
     p,
     h,
     m,
-    c
-  ]),
-  options: d(() => ({
+    d
+  ]), C = i(() => ({
     plugins: { legend: { display: !1 } },
     cutout: `${x}%`,
     hover: { mode: null }
-  }), [x]),
-  plugins: d(() => {
-    const t = [];
-    return a && t.push({
+  }), [x]), D = i(() => {
+    const l = [];
+    return n && l.push({
       id: "titleCenter",
       beforeDraw(o) {
-        const r = o.ctx, f = o.width, i = o.height;
-        r.restore(), r.font = `${u} ${n}px sans-serif`, r.fillStyle = g, r.textAlign = "center", r.textBaseline = "middle", r.fillText(a, f / 2, i / 2 - (s ? n / 2 : 0)), r.save();
+        const r = o.ctx, c = o.width, f = o.height;
+        r.restore(), r.font = `${u} ${a}px sans-serif`, r.fillStyle = g, r.textAlign = "center", r.textBaseline = "middle", r.fillText(n, c / 2, f / 2 - (s ? a / 2 : 0)), r.save();
       }
-    }), s && t.push({
+    }), s && l.push({
       id: "subtitleCenter",
       beforeDraw(o) {
-        const r = o.ctx, f = o.width, i = o.height;
-        r.restore(), r.font = `${y} ${l}px sans-serif`, r.fillStyle = w, r.fillText(s, f / 2, i / 2 + l / 2), r.save();
+        const r = o.ctx, c = o.width, f = o.height;
+        r.restore(), r.font = `${y} ${t}px sans-serif`, r.fillStyle = w, r.fillText(s, c / 2, f / 2 + t / 2), r.save();
       }
-    }), t;
+    }), l;
   }, [
     s,
     w,
-    l,
+    t,
     y,
-    a,
-    g,
     n,
+    g,
+    a,
     u
-  ]),
-  redraw: $
-});
+  ]);
+  return /* @__PURE__ */ k(j, {
+    data: v,
+    options: C,
+    plugins: D,
+    redraw: $
+  });
+};
 export {
-  E as PieChart
+  G as PieChart
 };

package/dist/components/Range/Range.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../utils-Cx-WzRZF.js";
-import { i as v, n as V, r as i, t as S } from "../../dist-DDck_2lb.js";
+import { i as v, n as V, r as i, t as S } from "../../dist-CqNOgbfR.js";
 import { rangeOutsideVariants as R, rangeVariants as j, thumbVariants as c, trackVariants as w } from "./Range.variants.js";
 import { forwardRef as y, useEffect as b, useImperativeHandle as k, useRef as C, useState as T } from "react";
 import { jsx as a, jsxs as s } from "react/jsx-runtime";

package/dist/components/Select/Select.js

@@ -1,38 +1,41 @@
 import { t as a } from "../../utils-Cx-WzRZF.js";
-import { t as h } from "../../Wrapper-BhqUVI1G.js";
-import { SelectProvider as v } from "./contexts/select.provider.js";
-import { n as N } from "../../AdditionalOptions-D0BAS2HG.js";
+import { t as v } from "../../Wrapper-R8fik3ah.js";
+import { SelectProvider as N } from "./contexts/select.provider.js";
+import { n as O } from "../../AdditionalOptions-D0BAS2HG.js";
 import { forwardRef as g, useMemo as j } from "react";
 import { jsx as r, jsxs as k } from "react/jsx-runtime";
-var R = g(({ error: e, errorClassName: i, helperText: l, helperTextClassName: d, highlightSearch: p, mainWrapperClassName: f, name: s, value: n, options: t, onChange: c, onBlur: m, ...o }, x) => /* @__PURE__ */ r(v, {
-  highlightSearch: p,
-  name: s,
-  value: n,
-  options: j(() => t.length ? N(t.at(0)) ? t.flatMap((u) => u.options) : t : [], [t]),
-  onBlur: m,
-  onChange: c,
-  children: /* @__PURE__ */ k("div", {
-    className: a("relative w-full", f),
-    children: [
-      /* @__PURE__ */ r(h, {
-        error: e,
-        name: s,
-        ref: x,
-        onBlur: m,
-        groupedOptions: t,
-        ...o
-      }),
-      e ? /* @__PURE__ */ r("span", {
-        className: a("text-xs text-red-700 dark:text-red-400", i),
-        children: e
-      }) : null,
-      !e && l ? /* @__PURE__ */ r("span", {
-        className: a("text-xs text-slate-600 dark:text-slate-200", d),
-        children: l
-      }) : null
-    ]
-  })
-}));
+var W = g(({ error: e, errorClassName: m, helperText: s, helperTextClassName: n, highlightSearch: p, mainWrapperClassName: d, name: l, value: f, options: t, onChange: o, onBlur: i, ...c }, x) => {
+  const u = j(() => t.length ? O(t.at(0)) ? t.flatMap((h) => h.options) : t : [], [t]);
+  return /* @__PURE__ */ r(N, {
+    highlightSearch: p,
+    name: l,
+    value: f,
+    options: u,
+    onBlur: i,
+    onChange: o,
+    children: /* @__PURE__ */ k("div", {
+      className: a("relative w-full", d),
+      children: [
+        /* @__PURE__ */ r(v, {
+          error: e,
+          name: l,
+          ref: x,
+          onBlur: i,
+          groupedOptions: t,
+          ...c
+        }),
+        e ? /* @__PURE__ */ r("span", {
+          className: a("text-xs text-red-700 dark:text-red-400", m),
+          children: e
+        }) : null,
+        !e && s ? /* @__PURE__ */ r("span", {
+          className: a("text-xs text-slate-600 dark:text-slate-200", n),
+          children: s
+        }) : null
+      ]
+    })
+  });
+});
 export {
-  R as Select
+  W as Select
 };

package/dist/components/Select/components/List/List.js

@@ -1,20 +1,20 @@
-import { o as K } from "../../../../rolldown-runtime-Ck3dxwZt.js";
+import { o as Q } from "../../../../rolldown-runtime-Dw9YIBcH.js";
 import { t as n } from "../../../../utils-Cx-WzRZF.js";
-import { t as Q } from "../../../../Loading-DUh9PMJN.js";
-import { t as W } from "../../../../debounce-C5Ycjilj.js";
-import { useSelectContext as Y } from "../../contexts/select.hook.js";
-import { n as $, t as R } from "../../../../AdditionalOptions-D0BAS2HG.js";
-import { listGroupLabelVariants as ee, listVariants as te } from "./List.variants.js";
+import { t as W } from "../../../../Loading-DUh9PMJN.js";
+import { t as Y } from "../../../../debounce-BdyZeJQk.js";
+import { useSelectContext as $ } from "../../contexts/select.hook.js";
+import { n as R, t as ee } from "../../../../AdditionalOptions-D0BAS2HG.js";
+import { listGroupLabelVariants as te, listVariants as re } from "./List.variants.js";
 import "../../constants/pagination.js";
 import "../../constants/list.js";
-import { useNavigationUlList as re } from "../../hooks/useNavigationList.js";
+import { useNavigationUlList as oe } from "../../hooks/useNavigationList.js";
 import { ListItem as g } from "../ListItem/ListItem.js";
-import { Fragment as oe, forwardRef as se, useEffect as ne, useImperativeHandle as ae, useMemo as T, useRef as H, useState as ie } from "react";
+import { Fragment as se, forwardRef as ne, useEffect as ae, useImperativeHandle as ie, useMemo as T, useRef as H, useState as le } from "react";
 import { jsx as o, jsxs as I } from "react/jsx-runtime";
-var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className: P, groupedOptions: l, inputRef: c, isLoading: j, itemClassName: u, name: M, searchable: f = !1, listItemSecondRowClassName: p, wrapperInputRef: O, isInfiniteScrollEnabled: h, noOptionsText: C, onFetchMoreOptions: L, visibleItems: E }, S) => {
-  const m = H(null), v = H(null), [b, F] = ie(!1), { canContinueFetching: d, canFilter: y, isOpen: q, isTyping: k, options: G, page: w, searchTerm: s, setCanContinueFetching: A, setOptions: U, setPage: V } = Y(), z = E !== void 0 ? { maxHeight: E * 40 } : void 0;
-  ae(S, () => m.current, [m]);
-  const a = l.length > 0 && $(l[0]), x = f && y ? G.filter((e) => {
+var ce = /* @__PURE__ */ Q(Y(), 1), Ee = ne(({ additionalOptions: N, className: O, groupedOptions: l, inputRef: c, isLoading: P, itemClassName: u, name: j, searchable: f = !1, listItemSecondRowClassName: p, wrapperInputRef: M, isInfiniteScrollEnabled: h, noOptionsText: C, onFetchMoreOptions: L, visibleItems: E }, S) => {
+  const m = H(null), v = H(null), [b, F] = le(!1), { canContinueFetching: d, canFilter: y, isOpen: q, isTyping: k, options: G, page: w, searchTerm: s, setCanContinueFetching: A, setOptions: U, setPage: V } = $(), z = E !== void 0 ? { maxHeight: E * 40 } : void 0;
+  ie(S, () => m.current, [m]);
+  const a = l.length > 0 && R(l[0]), x = f && y ? G.filter((e) => {
     const t = s.toLowerCase();
     return (typeof e.label == "string" ? e.label.toLowerCase() : "").includes(t);
   }) : G, _ = T(() => {
@@ -32,23 +32,23 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
     f,
     y,
     s
-  ]);
-  re({
+  ]), D = a ? _.flatMap((e) => e.options) : x;
+  oe({
     ulRef: m,
-    wrapperInputRef: O,
+    wrapperInputRef: M,
     searchable: f,
-    filteredOptions: a ? _.flatMap((e) => e.options) : x
+    filteredOptions: D
   });
-  const D = x.filter((e, t, r) => t === r.findIndex((i) => i.value === e.value)), X = a ? _.length === 0 : x.length === 0, Z = T(() => (0, le.default)(async (e) => {
+  const X = x.filter((e, t, r) => t === r.findIndex((i) => i.value === e.value)), Z = a ? _.length === 0 : x.length === 0, B = T(() => (0, ce.default)(async (e) => {
     const [t] = e;
     if (t.isIntersecting && !b && L && d) try {
       F(!0);
-      const r = w + 1, { data: i, hasMore: B } = await L({
+      const r = w + 1, { data: i, hasMore: J } = await L({
         page: r,
         pageSize: 10,
         termOfSearch: s
       });
-      V(r), A(B), U((J) => [...J, ...i]);
+      V(r), A(J), U((K) => [...K, ...i]);
     } catch {
       console.error("Error fetching more options");
     } finally {
@@ -60,9 +60,9 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
     s,
     w
   ]);
-  return ne(() => {
+  return ae(() => {
     if (h && d && v.current && !k) {
-      const e = new IntersectionObserver(Z, { threshold: 0.1 });
+      const e = new IntersectionObserver(B, { threshold: 0.1 });
       return e.observe(v.current), () => e.disconnect();
     }
   }, [
@@ -73,20 +73,20 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
     w
   ]), /* @__PURE__ */ I("ul", {
     ref: m,
-    title: M,
+    title: j,
     role: "listbox",
-    className: n(te({ className: P })),
+    className: n(re({ className: O })),
     style: z,
     "data-state": q ? "open" : "closed",
     children: [
-      j ? /* @__PURE__ */ o(g, {
+      P ? /* @__PURE__ */ o(g, {
         className: n("select-none", u),
         isClickable: !1,
         inputRef: c,
         value: "Loading...",
         label: "Loading...",
         listItemSecondRowClassName: p
-      }) : X ? /* @__PURE__ */ o(g, {
+      }) : Z ? /* @__PURE__ */ o(g, {
         isEmpty: !0,
         className: n("select-none", u),
         isClickable: !1,
@@ -94,11 +94,11 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
         value: C ?? "",
         label: C ?? "No options",
         listItemSecondRowClassName: p
-      }) : a ? _.map((e) => /* @__PURE__ */ I(oe, { children: [/* @__PURE__ */ o("li", {
+      }) : a ? _.map((e) => /* @__PURE__ */ I(se, { children: [/* @__PURE__ */ o("li", {
         role: "presentation",
         "aria-hidden": "true",
         "data-action": "true",
-        className: n(ee()),
+        className: n(te()),
         children: e.groupLabel
       }), e.options.map((t) => /* @__PURE__ */ o(g, {
         className: n("select-none", u),
@@ -106,7 +106,7 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
         inputRef: c,
         listItemSecondRowClassName: p,
         ...t
-      }, t.value))] }, e.groupLabel)) : D.map((e) => /* @__PURE__ */ o(g, {
+      }, t.value))] }, e.groupLabel)) : X.map((e) => /* @__PURE__ */ o(g, {
         className: n("select-none", u),
         isClickable: !0,
         inputRef: c,
@@ -119,12 +119,12 @@ var le = /* @__PURE__ */ K(W(), 1), Ce = se(({ additionalOptions: N, className:
         "data-action": "true",
         className: "flex items-center justify-center py-3",
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ o(Q, { className: "w-4 h-4 text-aurora-500 select-none" })
+        children: /* @__PURE__ */ o(W, { className: "w-4 h-4 text-aurora-500 select-none" })
       }),
-      /* @__PURE__ */ o(R, { additionalOptions: N })
+      /* @__PURE__ */ o(ee, { additionalOptions: N })
     ]
   });
 });
 export {
-  Ce as List
+  Ee as List
 };

package/dist/components/Select/components/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../Wrapper-BhqUVI1G.js";
+import { t as p } from "../../../Wrapper-R8fik3ah.js";
 export {
   p as Wrapper
 };

package/dist/components/Select/components/index.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../Wrapper-BhqUVI1G.js";
+import { t as o } from "../../../Wrapper-R8fik3ah.js";
 import { t as i } from "../../../AdditionalOptions-D0BAS2HG.js";
 import { EmptyList as p } from "./EmptyList.js";
 import { List as a } from "./List/List.js";

package/dist/components/Select/hooks/useNavigationList.js

@@ -1,7 +1,7 @@
 import { useSelectContext as k } from "../contexts/select.hook.js";
-import { useEffect as a, useRef as b } from "react";
+import { useEffect as a, useRef as m } from "react";
 var A = ({ searchable: o, ulRef: n, wrapperInputRef: e, filteredOptions: f }) => {
-  const r = b(0), { isOpen: s } = k();
+  const r = m(0), { isOpen: s } = k();
   a(() => {
     const g = n.current?.querySelectorAll("li") ?? [], t = Array.from(g).filter((c) => c.getAttribute("data-action") !== "true"), u = new AbortController(), i = () => {
       r.current < t.length - 1 ? (r.current = r.current + 1, t[r.current].focus()) : (r.current = 0, t[0].focus());
@@ -21,7 +21,6 @@ var A = ({ searchable: o, ulRef: n, wrapperInputRef: e, filteredOptions: f }) =>
           break;
         case "Enter":
           t[r.current]?.click();
-          break;
       }
     }, { signal: u.signal }), () => {
       u.abort();

package/dist/components/Select/hooks/useSelect.js

@@ -1,65 +1,53 @@
 import { useClickOutside as E } from "../../../hooks/useClickOutside.js";
-import { useSelectContext as w } from "../contexts/select.hook.js";
-import { useCallback as p, useEffect as l, useRef as v } from "react";
-var k = ({ ulRef: d, inputRef: o, searchInputRef: m, disabled: b, internalValue: i, onBlur: f }) => {
-  const n = v(null), a = v(null), { value: c, setSearchTerm: g, setCanFilter: u, toggleOpen: r } = w();
-  return E(n, p(() => {
-    r(!1);
-  }, [r])), l(() => {
-    const e = new AbortController(), s = (t) => {
-      t.key === "Escape" && r(!1);
+import { useSelectContext as b } from "../contexts/select.hook.js";
+import { useCallback as p, useEffect as l, useRef as g } from "react";
+var k = ({ inputRef: r, searchInputRef: v, internalValue: c, onBlur: i }) => {
+  const t = g(null), d = g(null), { value: o, setSearchTerm: f, setCanFilter: u, toggleOpen: n } = b(), m = p(() => {
+    n(!1);
+  }, [n]);
+  return E(t, m), l(() => {
+    const e = new AbortController(), s = (a) => {
+      a.key === "Escape" && n(!1);
     };
     return document.addEventListener("keydown", s, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && r(!1);
-    }, { signal: e.signal }), a.current?.addEventListener("focusin", (t) => {
-      !b && t.target?.matches(":focus-visible") && r(!0);
+      document.hidden && n(!1);
     }, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [r, n]), l(() => {
+  }, [n, t]), l(() => {
     const e = new AbortController();
-    return a.current?.addEventListener("keydown", (s) => {
-      if (s.key === "ArrowDown") {
-        const t = d.current?.querySelector("li");
-        t && t.focus();
-      }
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [a, d]), l(() => {
-    const e = new AbortController();
-    return o?.current?.addEventListener("focusin", () => {
-      g(i?.value ?? ""), u(!1);
-    }, { signal: e.signal }), o?.current?.addEventListener("focusout", () => {
+    return r?.current?.addEventListener("focusin", () => {
+      f(c?.value ?? ""), u(!1);
+    }, { signal: e.signal }), r?.current?.addEventListener("focusout", () => {
       u(!0);
-    }, { signal: e.signal }), a.current?.addEventListener("focus", () => {
+    }, { signal: e.signal }), d.current?.addEventListener("focus", () => {
       u(!1);
-    }, { signal: e.signal }), n.current?.addEventListener("focusout", (s) => {
-      n.current?.contains(s.relatedTarget) || r(!1);
+    }, { signal: e.signal }), t.current?.addEventListener("focusout", (s) => {
+      t.current?.contains(s.relatedTarget) || n(!1);
     }, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [c]), l(() => {
-    o?.current && (o.current.value = c && i?.value || "");
-  }, [i, c]), l(() => {
+  }, [o]), l(() => {
+    r?.current && (r.current.value = o && c?.value || "");
+  }, [c, o]), l(() => {
     const e = new AbortController();
-    return n.current?.addEventListener("focusout", (s) => {
-      const t = s.relatedTarget;
-      (!t || !n.current?.contains(t)) && (o?.current?.value || f?.());
+    return t.current?.addEventListener("focusout", (s) => {
+      const a = s.relatedTarget;
+      (!a || !t.current?.contains(a)) && (r?.current?.value || i?.());
     }), () => {
       e.abort();
     };
   }, [
-    r,
     n,
-    g,
+    t,
     f,
-    c
+    i,
+    o
   ]), {
-    wrapperRef: n,
-    wrapperInputRef: a,
+    wrapperRef: t,
+    wrapperInputRef: d,
     handleOpen: () => {
-      r(!0), requestAnimationFrame(() => m?.current?.focus());
+      n(!0), requestAnimationFrame(() => v?.current?.focus());
     }
   };
 };

package/dist/components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../HamburgerTrigger-DRylBL2d.js";
+import { t as e } from "../../../../HamburgerTrigger-BT2yUUJ-.js";
 export {
   e as HamburgerTrigger
 };

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js

@@ -1,5 +1,5 @@
 import { t as u } from "../../../../utils-Cx-WzRZF.js";
-import { a as j, i as P, n as V, o as A, r as D, t as E } from "../../../../dist-tGUUcv8n.js";
+import { a as j, i as P, n as V, o as A, r as D, t as E } from "../../../../dist-oJzmvhAb.js";
 import { useSidebarContext as H } from "../../contexts/SidebarContext.js";
 import { NavigationOptionContext as R } from "./NavigationOption.context.js";
 import { navigationOptionVariants as z } from "./NavigationOption.variants.js";

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as Q } from "../../../../HamburgerTrigger-DRylBL2d.js";
+import { t as Q } from "../../../../HamburgerTrigger-BT2yUUJ-.js";
 import { t as l } from "../../../../utils-Cx-WzRZF.js";
 import { Drawer as Y } from "../../../Drawer/Drawer.js";
 import { SidebarContext as k } from "../../contexts/SidebarContext.js";

package/dist/components/Sidebar/components/index.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../../HamburgerTrigger-DRylBL2d.js";
+import { t as r } from "../../../HamburgerTrigger-BT2yUUJ-.js";
 import { CollapseTrigger as m } from "./CollapseTrigger/CollapseTrigger.js";
 import { Footer as p } from "./Footer/Footer.js";
 import { Label as f } from "./Label/Label.js";

package/dist/components/Slider/Slider.js

@@ -1,5 +1,5 @@
 import { t } from "../../utils-Cx-WzRZF.js";
-import { i as v, r as N, t as S } from "../../dist-DDck_2lb.js";
+import { i as v, r as N, t as S } from "../../dist-CqNOgbfR.js";
 import { sliderVariants as V, thumbVariants as g, trackVariants as j } from "./Slider.variants.js";
 import { forwardRef as b, useEffect as w, useImperativeHandle as y, useRef as R, useState as k } from "react";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";

package/dist/components/Switch/Switch.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Switch-aPhL5rNG.js";
+import { t as o } from "../../Switch-CyJXptgc.js";
 export {
   o as Switch
 };

package/dist/components/Switch/Switch.variants.js

@@ -1,5 +1,5 @@
 import { t as a } from "../../dist-B9GE4SXf.js";
-var t = a([
+var e = a([
   "w-10",
   "h-5",
   "flex",
@@ -13,8 +13,6 @@ var t = a([
   "delay-10",
   "duration-250",
   "cursor-pointer",
-  "bg-aurora-500",
-  "kubefirst:bg-kubefirst-primary",
   "[&+label,&+span]:cursor-pointer",
   "disabled:[&+label,&+span,&]:cursor-not-allowed",
   "disabled:bg-gray-200",
@@ -24,7 +22,17 @@ var t = a([
   "dark:disabled:data-[state=unchecked]:[&>span]:bg-metal-600",
   "dark:disabled:data-[state=unchecked]:bg-metal-700",
   "dark:disabled:[&>span]:bg-metal-600"
-]), d = a([
+], {
+  variants: { variant: {
+    default: ["bg-aurora-500", "kubefirst:bg-kubefirst-primary"],
+    black: [
+      "bg-black",
+      "dark:bg-aurora-500",
+      "kubefirst:bg-kubefirst-primary"
+    ]
+  } },
+  defaultVariants: { variant: "default" }
+}), d = a([
   "block",
   "w-4",
   "h-4",
@@ -34,12 +42,12 @@ var t = a([
   "rounded-full",
   "shadow-md",
   "transition-all",
-  "translate-x-1",
-  "data-[state=checked]:translate-x-5",
+  "translate-x-0.5",
+  "data-[state=checked]:translate-x-5.5",
   "delay-10",
   "duration-300"
 ]);
 export {
-  t as switchVariants,
+  e as switchVariants,
   d as thumbVariants
 };

package/dist/components/Table/components/Filter.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../Input-Cf44DzfE.js";
+import { t as a } from "../../../Input-wp-rsCmX.js";
 import { jsx as s, jsxs as t } from "react/jsx-runtime";
 var m = ({ children: e, ...r }) => /* @__PURE__ */ t("div", {
   className: "flex px-4 py-6 rounded-t",

package/dist/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 import { t as s } from "../../utils-Cx-WzRZF.js";
-import { r as e } from "../../dist-BlPTJNIm.js";
+import { r as e } from "../../dist-ut_BEHii.js";
 import { rootVariants as p } from "./Tabs.variants.js";
 import { Content as n } from "./components/Content.js";
 import { List as f } from "./components/List.js";

package/dist/components/Tabs/components/Content.js

@@ -1,5 +1,5 @@
 import { t as r } from "../../../utils-Cx-WzRZF.js";
-import { t as n } from "../../../dist-BlPTJNIm.js";
+import { t as n } from "../../../dist-ut_BEHii.js";
 import { contentVariants as m } from "../Tabs.variants.js";
 import { jsx as s } from "react/jsx-runtime";
 var e = ({ children: t, className: o, ...a }) => /* @__PURE__ */ s(n, {

package/dist/components/Tabs/components/List.js

@@ -1,5 +1,5 @@
 import { t as a } from "../../../utils-Cx-WzRZF.js";
-import { n } from "../../../dist-BlPTJNIm.js";
+import { n } from "../../../dist-ut_BEHii.js";
 import { listVariants as t } from "../Tabs.variants.js";
 import { jsx as r } from "react/jsx-runtime";
 var e = ({ children: s, className: i, orientation: m, ...o }) => /* @__PURE__ */ r("div", {

package/dist/components/Tabs/components/Trigger.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../../utils-Cx-WzRZF.js";
 import { Typography as m } from "../../Typography/Typography.js";
-import { i as n } from "../../../dist-BlPTJNIm.js";
+import { i as n } from "../../../dist-ut_BEHii.js";
 import { triggerVariants as p } from "../Tabs.variants.js";
 import { jsx as r } from "react/jsx-runtime";
 var s = ({ tab: a, label: i, isActive: o, className: t }) => /* @__PURE__ */ r(n, {

package/dist/components/TagSelect/TagSelect.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as m } from "../../Wrapper-CVJSuYWx.js";
+import { t as m } from "../../Wrapper-CvDRHgN4.js";
 import { TagSelectProvider as p } from "./contexts/TagSelect.provider.js";
 import { forwardRef as a } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/TagSelect/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../../Wrapper-CVJSuYWx.js";
+import { t as p } from "../../../../Wrapper-CvDRHgN4.js";
 export {
   p as Wrapper
 };

package/dist/components/TagSelect/components/index.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../Wrapper-CVJSuYWx.js";
+import { t as m } from "../../../Wrapper-CvDRHgN4.js";
 import { Item as t } from "./Item/Item.js";
 import { List as i } from "./List/List.js";
 export {

package/dist/components/TagSelect/hooks/useTagSelect.js

@@ -1,15 +1,15 @@
-import { useClickOutside as o } from "../../../hooks/useClickOutside.js";
-import { useTagSelect as s } from "../contexts/TagSelect.hook.js";
-import { useCallback as l, useEffect as c, useRef as u } from "react";
-var m = () => {
-  const n = u(null), { onOpen: e } = s();
-  return o(n, l(() => {
+import { useClickOutside as s } from "../../../hooks/useClickOutside.js";
+import { useTagSelect as l } from "../contexts/TagSelect.hook.js";
+import { useCallback as c, useEffect as u, useRef as d } from "react";
+var g = () => {
+  const n = d(null), { onOpen: e } = l(), a = c(() => {
     e(!1);
-  }, [e])), c(() => {
-    const t = new AbortController(), r = (a) => {
-      a.key === "Escape" && e(!1);
+  }, [e]);
+  return s(n, a), u(() => {
+    const t = new AbortController(), o = (r) => {
+      r.key === "Escape" && e(!1);
     };
-    return document.addEventListener("keydown", r, { signal: t.signal }), () => {
+    return document.addEventListener("keydown", o, { signal: t.signal }), () => {
       t.abort();
     };
   }, [e]), {
@@ -20,5 +20,5 @@ var m = () => {
   };
 };
 export {
-  m as useTagSelect
+  g as useTagSelect
 };