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

package/dist/components/Radio/Radio.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../utils-Cx-WzRZF.js";
+import { t as a } from "../../utils-B-6R7kNE.js";
 import { Typography as t } from "../Typography/Typography.js";
 import { labelRadioVariants as p, radioVariants as u, wrapperRadioVariants as V } from "./Radio.variants.js";
 import { forwardRef as b, useId as j } from "react";

package/dist/components/RadioCard/RadioCard.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../utils-Cx-WzRZF.js";
+import { t as a } from "../../utils-B-6R7kNE.js";
 import { Card as d } from "../Card/Card.js";
 import { Radio as l } from "../Radio/Radio.js";
 import { radioCardVariants as e } from "./RadioCard.variants.js";

package/dist/components/RadioCardGroup/RadioCardGroup.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../utils-Cx-WzRZF.js";
+import { t as e } from "../../utils-B-6R7kNE.js";
 import { RadioCard as C } from "../RadioCard/RadioCard.js";
 import { radioCardGroupVariants as N } from "./RadioCardGroup.variants.js";
 import { useState as S } from "react";

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { t as R } from "../../dist-xCbHbMLA.js";
-import { t as r } from "../../utils-Cx-WzRZF.js";
+import { t as r } from "../../utils-B-6R7kNE.js";
 import { Radio as g } from "../Radio/Radio.js";
 import { radioGroupVariants as j } from "./RadioGroup.variants.js";
 import { useState as k } from "react";

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-CqNOgbfR.js";
+import { t as e } from "../../utils-B-6R7kNE.js";
+import { i as v, n as V, r as i, t as S } from "../../dist-BIBFLVt1.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,41 +1,45 @@
-import { t as a } from "../../utils-Cx-WzRZF.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 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),
+import { n as w, t as d } from "../../utils-B-6R7kNE.js";
+import { t as y } from "../../Wrapper-2AUlYAHQ.js";
+import { SelectProvider as M } from "./contexts/select.provider.js";
+import { n as S } from "../../AdditionalOptions-Crcnz0_g.js";
+import { forwardRef as b, useId as E, useMemo as G } from "react";
+import { jsx as s, jsxs as H } from "react/jsx-runtime";
+var A = b(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x, highlightSearch: h, id: u, mainWrapperClassName: I, name: r, value: g, options: t, onChange: v, onBlur: n, ...$ }, N) => {
+  const c = E(), o = u ?? (r ? `${c}-${r}` : c), i = `${o}-error`, p = `${o}-helper-text`, a = typeof e == "string" && e.length > 0, f = !a && !!l, O = w(a && i, f && p), j = G(() => t.length ? S(t.at(0)) ? t.flatMap((k) => k.options) : t : [], [t]);
+  return /* @__PURE__ */ s(M, {
+    highlightSearch: h,
+    name: r,
+    value: g,
+    options: j,
+    onBlur: n,
+    onChange: v,
+    children: /* @__PURE__ */ H("div", {
+      className: d("relative w-full", I),
       children: [
-        /* @__PURE__ */ r(v, {
+        /* @__PURE__ */ s(y, {
+          describedBy: O,
           error: e,
-          name: l,
-          ref: x,
-          onBlur: i,
+          fieldId: o,
+          name: r,
+          ref: N,
+          onBlur: n,
           groupedOptions: t,
-          ...c
+          ...$
         }),
-        e ? /* @__PURE__ */ r("span", {
-          className: a("text-xs text-red-700 dark:text-red-400", m),
+        a ? /* @__PURE__ */ s("span", {
+          id: i,
+          className: d("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
+        f ? /* @__PURE__ */ s("span", {
+          id: p,
+          className: d("text-xs text-slate-600 dark:text-slate-200", x),
+          children: l
         }) : null
       ]
     })
   });
 });
 export {
-  W as Select
+  A as Select
 };

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.js

@@ -1,4 +1,4 @@
-import { t } from "../../../../AdditionalOptions-D0BAS2HG.js";
+import { t } from "../../../../AdditionalOptions-Crcnz0_g.js";
 export {
   t as AdditionalOptions
 };

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.variants.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../../utils-B-6R7kNE.js";
 var r = e("flex", "min-h-10", "py-2", "px-6", "w-full", "h-full", "gap-1", "items-center", "text-sm", "[&>svg]:-ml-1", "[&>svg]:w-3.5", "[&>svg]:h-3.5", "[&>svg]:shrink-0", "cursor-pointer", "select-none", "hover:bg-gray-50", "hover:dark:bg-metal-700", "focus:outline-0", "text-blue-600", "dark:text-aurora-500");
 export {
   r as additionalOptionSlotClassName

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

@@ -1,112 +1,122 @@
-import { o as Q } from "../../../../rolldown-runtime-Dw9YIBcH.js";
-import { t as n } from "../../../../utils-Cx-WzRZF.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 { 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 oe } from "../../hooks/useNavigationList.js";
+import { useNavigationUlList as se } from "../../hooks/useNavigationList.js";
 import { ListItem as g } from "../ListItem/ListItem.js";
-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 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();
+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
-  ]), D = a ? _.flatMap((e) => e.options) : x;
-  oe({
+    a
+  ]), B = s ? x.flatMap((e) => e.options) : _;
+  se({
     ulRef: m,
-    wrapperInputRef: M,
+    wrapperInputRef: A,
     searchable: f,
-    filteredOptions: D
+    filteredOptions: B
   });
-  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 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: J } = 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(J), U((K) => [...K, ...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 ae(() => {
-    if (h && d && v.current && !k) {
-      const e = new IntersectionObserver(B, { 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: j,
+    id: j,
+    title: q,
     role: "listbox",
-    className: n(re({ className: O })),
-    style: z,
-    "data-state": q ? "open" : "closed",
+    "aria-labelledby": S,
+    className: n(ne({ className: T })),
+    style: Z,
+    "data-state": V ? "open" : "closed",
     children: [
-      P ? /* @__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
-      }) : Z ? /* @__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(se, { children: [/* @__PURE__ */ o("li", {
+      }) : s ? x.map((e) => /* @__PURE__ */ o("li", {
         role: "presentation",
-        "aria-hidden": "true",
         "data-action": "true",
-        className: n(te()),
-        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)) : X.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 ce = /* @__PURE__ */ Q(Y(), 1), Ee = ne(({ 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(W, { 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(ee, { additionalOptions: N })
+      /* @__PURE__ */ o(oe, { additionalOptions: P })
     ]
   });
 });
 export {
-  Ee 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/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-BT2yUUJ-.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-oJzmvhAb.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-BT2yUUJ-.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-BT2yUUJ-.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-CqNOgbfR.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-CyJXptgc.js";
+import { t as o } from "../../Switch-C7286Bcu.js";
 export {
   o as Switch
 };