@konstructio/ui 0.1.2-alpha.105 → 0.1.2-alpha.107

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

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

package/dist/components/Select/components/ListItem/ListItem.js

@@ -1,4 +1,4 @@
-import { t as l } from "../../../../utils-Cx-WzRZF.js";
+import { t as l } from "../../../../utils-B-6R7kNE.js";
 import { Typography as x } from "../../../Typography/Typography.js";
 import { useSelectContext as I } from "../../contexts/select.hook.js";
 import { listItemVariants as C } from "./ListItem.variants.js";

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

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

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

@@ -1,5 +1,5 @@
-import { t as o } from "../../../Wrapper-R8fik3ah.js";
-import { t as i } from "../../../AdditionalOptions-D0BAS2HG.js";
+import { t as o } from "../../../Wrapper-2AUlYAHQ.js";
+import { t as i } from "../../../AdditionalOptions-Crcnz0_g.js";
 import { EmptyList as p } from "./EmptyList.js";
 import { List as a } from "./List/List.js";
 export {

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,11 +1,11 @@
-import { useClickOutside as m } from "../../../hooks/useClickOutside.js";
-import { useSelectContext as E } from "../contexts/select.hook.js";
-import { useCallback as b, useEffect as l, useRef as g } from "react";
-var h = ({ inputRef: r, searchInputRef: v, internalValue: c, onBlur: i }) => {
-  const t = g(null), d = g(null), { value: o, setSearchTerm: f, setCanFilter: u, toggleOpen: n } = E();
-  return m(t, b(() => {
+import { useClickOutside as E } from "../../../hooks/useClickOutside.js";
+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])), l(() => {
+  }, [n]);
+  return E(t, m), l(() => {
     const e = new AbortController(), s = (a) => {
       a.key === "Escape" && n(!1);
     };
@@ -52,5 +52,5 @@ var h = ({ inputRef: r, searchInputRef: v, internalValue: c, onBlur: i }) => {
   };
 };
 export {
-  h as useSelect
+  k as useSelect
 };

package/dist/components/Sidebar/components/CollapseTrigger/CollapseTrigger.js

@@ -1,4 +1,4 @@
-import { t as n } from "../../../../utils-Cx-WzRZF.js";
+import { t as n } from "../../../../utils-B-6R7kNE.js";
 import { ArrowLeftIcon as l } from "../../../../assets/icons/components/ArrowLeft.js";
 import { ArrowRightIcon as s } from "../../../../assets/icons/components/ArrowRight.js";
 import { useSidebarContext as p } from "../../contexts/SidebarContext.js";

package/dist/components/Sidebar/components/Footer/Footer.js

@@ -1,4 +1,4 @@
-import { t } from "../../../../utils-Cx-WzRZF.js";
+import { t } from "../../../../utils-B-6R7kNE.js";
 import { footerVariants as a } from "./Footer.variants.js";
 import { jsx as e } from "react/jsx-runtime";
 var m = ({ className: o, children: r }) => /* @__PURE__ */ e("footer", {

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-B_NGSZ2r.js";
 export {
   e as HamburgerTrigger
 };

package/dist/components/Sidebar/components/Label/Label.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../../utils-Cx-WzRZF.js";
+import { t as p } from "../../../../utils-B-6R7kNE.js";
 import { Typography as l } from "../../../Typography/Typography.js";
 import { useSidebarContext as m } from "../../contexts/SidebarContext.js";
 import { useNavigationOptionContext as f } from "../NavigationOption/NavigationOption.context.js";

package/dist/components/Sidebar/components/Logo/Logo.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../../utils-B-6R7kNE.js";
 import { useSidebarContext as i } from "../../contexts/SidebarContext.js";
 import { logoVariants as s } from "./Logo.variants.js";
 import { jsx as m } from "react/jsx-runtime";

package/dist/components/Sidebar/components/Navigation/Navigation.js

@@ -1,4 +1,4 @@
-import { t as c } from "../../../../utils-Cx-WzRZF.js";
+import { t as c } from "../../../../utils-B-6R7kNE.js";
 import { useSidebarContext as d } from "../../contexts/SidebarContext.js";
 import { NavigationTitle as y } from "../NavigationTitle/NavigationTitle.js";
 import { NavigationGroup as u } from "../NavigationGroup/NavigationGroup.js";

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../utils-Cx-WzRZF.js";
+import { t as m } from "../../../../utils-B-6R7kNE.js";
 import { useSidebarContext as l } from "../../contexts/SidebarContext.js";
 import { NavigationTitle as p } from "../NavigationTitle/NavigationTitle.js";
 import { navigationGroupsVariants as u } from "./NavigationGroup.variants.js";

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 { t as u } from "../../../../utils-B-6R7kNE.js";
+import { a as j, i as P, n as V, o as A, r as D, t as E } from "../../../../dist-AxOGvL82.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/NavigationSeparator/NavigationSeparator.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../../../utils-Cx-WzRZF.js";
+import { t as r } from "../../../../utils-B-6R7kNE.js";
 import { navigationSeparatorVariant as o } from "./NavigationSeparator.variants.js";
 import { jsx as t } from "react/jsx-runtime";
 var i = ({ className: a }) => /* @__PURE__ */ t("div", {

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
+import { t as a } from "../../../../utils-B-6R7kNE.js";
 import { navigationTitleVariants as e } from "./NavigationTitle.variants.js";
 import { jsx as n } from "react/jsx-runtime";
 var o = ({ title: i, className: r, isVisible: t = !0 }) => t ? /* @__PURE__ */ n("h2", {

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

@@ -1,17 +1,17 @@
-import { t as Q } from "../../../../HamburgerTrigger-DRylBL2d.js";
-import { t as l } from "../../../../utils-Cx-WzRZF.js";
-import { Drawer as Y } from "../../../Drawer/Drawer.js";
+import { t as Y } from "../../../../HamburgerTrigger-B_NGSZ2r.js";
+import { t as l } from "../../../../utils-B-6R7kNE.js";
+import { Drawer as Z } from "../../../Drawer/Drawer.js";
 import { SidebarContext as k } from "../../contexts/SidebarContext.js";
-import { useSidebarMode as Z } from "../../hooks/useSidebarMode.js";
-import { dragVariants as ee, wrapperSiderbarVariants as A } from "../../Sidebar.variants.js";
+import { useSidebarMode as ee } from "../../hooks/useSidebarMode.js";
+import { dragVariants as re, wrapperSiderbarVariants as A } from "../../Sidebar.variants.js";
 import { useCallback as p, useEffect as f, useRef as m, useState as M } from "react";
-import { Fragment as re, jsx as o, jsxs as F } from "react/jsx-runtime";
-var te = 280, ne = ({ animateOnHover: I = !0, canResize: N = !0, children: y, dividerClassName: P, drawerBreakpoint: _, drawerClassNames: i, drawerMaxWidth: b = te, expandedBreakpoint: $, expandOnHover: j = !0, initialMode: C, initialWidth: x = 256, maxWith: s = 300, minWith: a = 240, mode: U = "auto", separatorClassName: D, style: L, theme: E, triggerClassName: X, wrapperClassName: O }) => {
-  const t = Z(U, $, _, C), [R, v] = M(!1), [S, W] = M(null), [z, T] = M(null), u = t === "drawer" ? "drawer" : z ?? t, n = m(null), r = m(null), w = m(!1), H = m(!1);
+import { Fragment as te, jsx as o, jsxs as F } from "react/jsx-runtime";
+var ne = 280, oe = ({ animateOnHover: I = !0, canResize: N = !0, children: y, dividerClassName: P, drawerBreakpoint: _, drawerClassNames: i, drawerMaxWidth: b = ne, expandedBreakpoint: $, expandOnHover: j = !0, initialMode: C, initialWidth: x = 256, maxWith: s = 300, minWith: a = 240, mode: U = "auto", separatorClassName: D, style: L, theme: E, triggerClassName: X, openNavigationLabel: W, wrapperClassName: O }) => {
+  const t = ee(U, $, _, C), [R, v] = M(!1), [S, q] = M(null), [z, T] = M(null), u = t === "drawer" ? "drawer" : z ?? t, n = m(null), r = m(null), w = m(!1), H = m(!1);
   f(() => {
     if (t !== "drawer") return;
     const e = () => {
-      W(window.innerWidth);
+      q(window.innerWidth);
     };
     return e(), window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
@@ -26,7 +26,7 @@ var te = 280, ne = ({ animateOnHover: I = !0, canResize: N = !0, children: y, di
     c < a && (c = a), c > s && (c = s), r.current && n.current && (r.current.style.width = `${c}px`, n.current.classList.add("opacity-100"));
   }, [s, a]), V = p(() => {
     w.current = !1, n.current && n.current.classList.remove("opacity-100"), r.current && r.current.classList.remove("transition-none"), document.body.style.userSelect = "", document.body.style.cursor = "", document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", V);
-  }, [g]), q = (e) => {
+  }, [g]), B = (e) => {
     e.preventDefault(), e.stopPropagation(), w.current = !0, r.current && r.current.classList.add("transition-none"), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", document.addEventListener("mousemove", g), document.addEventListener("mouseup", V);
   };
   f(() => {
@@ -43,18 +43,19 @@ var te = 280, ne = ({ animateOnHover: I = !0, canResize: N = !0, children: y, di
     a,
     u
   ]);
-  const B = () => {
+  const G = () => {
     v(!0);
   }, h = p(() => {
     v(!1);
-  }, []), G = p(() => {
+  }, []), J = p(() => {
     T((e) => (e ?? t) === "collapsed" ? "expanded" : "collapsed");
   }, [t]);
-  if (t === "drawer") return /* @__PURE__ */ F(re, { children: [/* @__PURE__ */ o(Q, {
+  if (t === "drawer") return /* @__PURE__ */ F(te, { children: [/* @__PURE__ */ o(Y, {
     isOpen: R,
-    onClick: B,
-    className: X
-  }), /* @__PURE__ */ o(Y, {
+    onClick: G,
+    className: X,
+    openNavigationLabel: W
+  }), /* @__PURE__ */ o(Z, {
     isOpen: R,
     onClose: h,
     position: "left",
@@ -86,7 +87,7 @@ var te = 280, ne = ({ animateOnHover: I = !0, canResize: N = !0, children: y, di
       })
     })
   })] });
-  const d = z ?? t, J = N && d === "expanded", K = {
+  const d = z ?? t, K = N && d === "expanded", Q = {
     mode: d,
     isCollapsed: d === "collapsed",
     expandOnHover: j,
@@ -94,10 +95,10 @@ var te = 280, ne = ({ animateOnHover: I = !0, canResize: N = !0, children: y, di
     separatorClassName: D,
     closeDrawer: h,
     canToggle: !0,
-    toggleMode: G
+    toggleMode: J
   };
   return /* @__PURE__ */ o(k.Provider, {
-    value: K,
+    value: Q,
     children: /* @__PURE__ */ F("aside", {
       ref: r,
       className: l("konstruct-sidebar", A({
@@ -107,15 +108,15 @@ var te = 280, ne = ({ animateOnHover: I = !0, canResize: N = !0, children: y, di
       "data-theme": E,
       "data-mode": d,
       style: L,
-      children: [y, J && /* @__PURE__ */ o("div", {
+      children: [y, K && /* @__PURE__ */ o("div", {
         ref: n,
-        className: l(ee({ className: P })),
-        onMouseDown: q
+        className: l(re({ className: P })),
+        onMouseDown: B
       })]
     })
   });
 };
-ne.displayName = "Sidebar.Wrapper";
+oe.displayName = "Sidebar.Wrapper";
 export {
-  ne as Wrapper
+  oe as Wrapper
 };

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-B_NGSZ2r.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 { t } from "../../utils-B-6R7kNE.js";
+import { i as v, r as N, t as S } from "../../dist-BIBFLVt1.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/Spinner/Spinner.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Spinner-CUwE2bLm.js";
+import { t as o } from "../../Spinner-BJE79VTl.js";
 export {
   o as Spinner
 };

package/dist/components/Stepper/Stepper.js

@@ -1,4 +1,4 @@
-import { t as s } from "../../utils-Cx-WzRZF.js";
+import { t as s } from "../../utils-B-6R7kNE.js";
 import { stepItemVariants as S, stepListVariants as b, stepperVariants as k } from "./Stepper.variants.js";
 import { StepItem as C } from "./components/StepItem/StepItem.js";
 import { useMemo as I } from "react";

package/dist/components/Stepper/components/HorizontalStepItem/HorizontalStepItem.js

@@ -1,5 +1,5 @@
-import { t } from "../../../../utils-Cx-WzRZF.js";
-import { t as v } from "../../../../StepIndicatorContent-CjbjVjS1.js";
+import { t } from "../../../../utils-B-6R7kNE.js";
+import { t as v } from "../../../../StepIndicatorContent-BGDvxLzV.js";
 import { useStepItemLogic as w } from "../../hooks/useStepItemLogic.js";
 import { stepContentVariants as C, stepDescriptionVariants as k, stepIndicatorVariants as g, stepLabelVariants as I, stepVariants as x } from "../../Stepper.variants.js";
 import { getStepAriaLabel as S } from "../../utils/index.js";

package/dist/components/Stepper/components/StepConnector/StepConnector.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../utils-Cx-WzRZF.js";
+import { t as m } from "../../../../utils-B-6R7kNE.js";
 import { stepConnectorVariants as n } from "../../Stepper.variants.js";
 import { memo as i } from "react";
 import { jsx as p } from "react/jsx-runtime";

package/dist/components/Stepper/components/StepIndicatorContent/StepIndicatorContent.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../StepIndicatorContent-CjbjVjS1.js";
+import { t as o } from "../../../../StepIndicatorContent-BGDvxLzV.js";
 export {
   o as StepIndicatorContent
 };

package/dist/components/Stepper/components/VerticalStepItem/VerticalStepItem.js

@@ -1,5 +1,5 @@
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
-import { t as x } from "../../../../StepIndicatorContent-CjbjVjS1.js";
+import { t as a } from "../../../../utils-B-6R7kNE.js";
+import { t as x } from "../../../../StepIndicatorContent-BGDvxLzV.js";
 import { useStepItemLogic as V } from "../../hooks/useStepItemLogic.js";
 import { stepContentVariants as I, stepDescriptionVariants as S, stepIndicatorVariants as k, stepLabelVariants as D, stepVariants as L } from "../../Stepper.variants.js";
 import { getStepAriaLabel as g } from "../../utils/index.js";

package/dist/components/Switch/Switch.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Switch-aPhL5rNG.js";
+import { t as o } from "../../Switch-C7286Bcu.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/Table.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../utils-Cx-WzRZF.js";
+import { t as e } from "../../utils-B-6R7kNE.js";
 import { tableVariants as i } from "./Table.variants.js";
 import { Body as p } from "./components/Body.js";
 import { Filter as f } from "./components/Filter.js";

package/dist/components/Table/components/Body.js

@@ -1,4 +1,4 @@
-import { t } from "../../../utils-Cx-WzRZF.js";
+import { t } from "../../../utils-B-6R7kNE.js";
 import { bodyVariants as a } from "../Table.variants.js";
 import { jsx as s } from "react/jsx-runtime";
 var f = ({ children: o, className: r, ...m }) => /* @__PURE__ */ s("tbody", {

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-is8n7emP.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/Table/components/Head.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../utils-Cx-WzRZF.js";
+import { t as o } from "../../../utils-B-6R7kNE.js";
 import { headVariants as t } from "../Table.variants.js";
 import { jsx as e } from "react/jsx-runtime";
 var d = ({ children: a, className: r, ...m }) => /* @__PURE__ */ e("thead", {

package/dist/components/Table/components/Row.js

@@ -1,4 +1,4 @@
-import { t as i } from "../../../utils-Cx-WzRZF.js";
+import { t as i } from "../../../utils-B-6R7kNE.js";
 import { rowVariants as p } from "../Table.variants.js";
 import { jsx as c } from "react/jsx-runtime";
 var n = ({ children: r, className: o, width: t, isSelected: m, onSelect: a, ...s }) => /* @__PURE__ */ c("tr", {