@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.110

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

@@ -1,19 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as r } from "../../../../utils/index.js";
-import { NavigationGroup as n } from "../NavigationGroup/NavigationGroup.js";
-import { NavigationOption as m } from "../NavigationOption/NavigationOption.js";
+import { t as c } from "../../../../utils-DnIJruo0.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";
+import { NavigationOption as C } from "../NavigationOption/NavigationOption.js";
 import { NavigationSeparator as p } from "../NavigationSeparator/NavigationSeparator.js";
-import { NavigationTitle as v } from "../NavigationTitle/NavigationTitle.js";
-import { navigationVariants as N } from "./Navigation.variants.js";
-const i = ({
-  className: a,
-  children: o
-}) => /* @__PURE__ */ t("nav", { className: r(N({ className: a })), children: o });
-i.displayName = "KonstructSidebarNavigation";
-i.NavigationGroup = n;
-i.NavigationOption = m;
-i.NavigationSeparator = p;
-i.NavigationTitle = v;
+import { navigationVariants as S } from "./Navigation.variants.js";
+import { Children as b, Fragment as h, isValidElement as s } from "react";
+import { jsx as n } from "react/jsx-runtime";
+var v = (r) => s(r) && r.type === u, x = (r) => s(r) && r.type === p, o = ({ className: r, children: m }) => {
+  const { isCollapsed: N, separatorClassName: f } = d(), g = (() => {
+    if (!N) return m;
+    const l = b.toArray(m), t = [];
+    return l.forEach((a, i) => {
+      if (!s(a)) return;
+      const e = t[t.length - 1];
+      v(a) && e && v(e) && !x(e) && t.push(/* @__PURE__ */ n(p, { className: f }, `sidebar-auto-separator-${i}`)), t.push(a);
+    }), t.map((a, i) => /* @__PURE__ */ n(h, { children: a }, a.key ?? `sidebar-nav-child-${i}`));
+  })();
+  return /* @__PURE__ */ n("nav", {
+    className: c(S({ className: r })),
+    children: g
+  });
+};
+o.displayName = "KonstructSidebarNavigation";
+o.NavigationGroup = u;
+o.NavigationOption = C;
+o.NavigationSeparator = p;
+o.NavigationTitle = y;
 export {
-  i as Navigation
+  o as Navigation
 };

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

@@ -1,5 +1,12 @@
-import { c as a } from "../../../../index-D29mdTf5.js";
-const o = a(["flex", "flex-1", "w-full", "flex-col"]);
+import { t as a } from "../../../../dist-B9GE4SXf.js";
+var l = a([
+  "flex",
+  "flex-1",
+  "w-full",
+  "flex-col",
+  "min-h-0",
+  "overflow-y-auto"
+]);
 export {
-  o as navigationVariants
+  l as navigationVariants
 };

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

@@ -1,26 +1,20 @@
-import { jsxs as s, Fragment as e, jsx as a } from "react/jsx-runtime";
-import { cn as u } from "../../../../utils/index.js";
-import { NavigationTitle as l } from "../NavigationTitle/NavigationTitle.js";
-import { navigationGroupsVariants as p } from "./NavigationGroup.variants.js";
-const c = ({
-  children: o,
-  title: r,
-  className: i,
-  titleClassName: t,
-  isVisible: n = !0,
-  ...m
-}) => n ? /* @__PURE__ */ s(e, { children: [
-  r ? /* @__PURE__ */ a(
-    l,
-    {
-      title: r,
-      className: t,
-      ...m
-    }
-  ) : null,
-  /* @__PURE__ */ a("ul", { className: u(p({ className: i })), children: o })
-] }) : null;
-c.displayName = "KonstructSidebarNavigationGroup";
+import { t as m } from "../../../../utils-DnIJruo0.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";
+import { Fragment as c, jsx as a, jsxs as f } from "react/jsx-runtime";
+var N = ({ children: o, title: r, className: i, titleClassName: t, isVisible: n = !0, ...s }) => {
+  const { isCollapsed: e } = l();
+  return n ? /* @__PURE__ */ f(c, { children: [r && !e ? /* @__PURE__ */ a(p, {
+    title: r,
+    className: t,
+    ...s
+  }) : null, /* @__PURE__ */ a("ul", {
+    className: m(u({ className: i })),
+    children: o
+  })] }) : null;
+};
+N.displayName = "KonstructSidebarNavigationGroup";
 export {
-  c as NavigationGroup
+  N as NavigationGroup
 };

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

@@ -1,5 +1,10 @@
-import { c as a } from "../../../../index-D29mdTf5.js";
-const r = a(["flex", "flex-col", "gap-1"]);
+import { t as a } from "../../../../dist-B9GE4SXf.js";
+var r = a([
+  "flex",
+  "flex-col",
+  "gap-1",
+  "px-2"
+]);
 export {
   r as navigationGroupsVariants
 };

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

@@ -0,0 +1,6 @@
+import { createContext as t, useContext as o } from "react";
+var e = t(null), a = () => o(e);
+export {
+  e as NavigationOptionContext,
+  a as useNavigationOptionContext
+};

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

@@ -1,27 +1,58 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as p } from "../../../../utils/index.js";
-import { navigationOptionVariants as e } from "./NavigationOption.variants.js";
-const m = ({
-  children: i,
-  className: o,
-  isVisible: t = !0,
-  isActive: r,
-  ...n
-}) => t ? /* @__PURE__ */ a(
-  "li",
-  {
-    ...n,
-    role: "option",
-    className: p(
-      e({
+import { t as u } from "../../../../utils-DnIJruo0.js";
+import { a as j, i as P, n as V, o as A, r as D, t as E } from "../../../../dist-D5Q2IYuC.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";
+import { Children as B, isValidElement as K, useCallback as M, useMemo as q, useState as F } from "react";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+var G = (e) => {
+  const o = B.toArray(e);
+  return o.length === 1 && K(o[0]) ? o[0] : /* @__PURE__ */ t("span", {
+    className: "flex w-full items-center justify-center gap-2",
+    children: e
+  });
+}, I = ({ children: e, className: o, closeDrawerOnClick: m = !0, isVisible: f = !0, isActive: r, role: a, tooltip: C, tooltipBgClassName: g = "bg-kubefirst-dark-blue-900", tooltipArrowClassName: h = "fill-kubefirst-dark-blue-900", tooltipTextClassName: b = "text-white", tooltipClassName: v, ...i }) => {
+  const { isCollapsed: x, expandOnHover: k, closeDrawer: w } = H(), n = x && k, [N, y] = F(null), s = M((T) => {
+    y(T);
+  }, []), O = q(() => ({
+    hasOwnTooltip: n,
+    registerTooltipContent: s
+  }), [n, s]);
+  if (!f) return null;
+  const S = "onClick" in i ? i.onClick : void 0, l = () => {
+    m && w(), S?.();
+  }, c = C ?? N, d = n && c ? /* @__PURE__ */ t(P, {
+    delayDuration: 0,
+    children: /* @__PURE__ */ p(j, { children: [/* @__PURE__ */ t(A, {
+      asChild: !0,
+      children: G(e)
+    }), /* @__PURE__ */ t(D, { children: /* @__PURE__ */ p(V, {
+      side: "right",
+      sideOffset: 12,
+      className: u("z-60 flex w-fit items-center gap-2 rounded px-3 py-2 text-sm shadow-lg whitespace-nowrap", "animate-in fade-in-0", g, b, v),
+      children: [c, /* @__PURE__ */ t(E, { className: h })]
+    }) })] })
+  }) : e;
+  return /* @__PURE__ */ t(R.Provider, {
+    value: O,
+    children: /* @__PURE__ */ t("li", {
+      ...i,
+      "data-active": r ? "true" : void 0,
+      onClick: a === "button" ? void 0 : l,
+      className: u(z({
         className: o,
         isActive: r
-      })
-    ),
-    children: i
-  }
-) : null;
-m.displayName = "KonstructSidebarNavigationOption";
+      })),
+      children: a === "button" ? /* @__PURE__ */ t("button", {
+        type: "button",
+        onClick: l,
+        className: "flex w-full cursor-pointer items-center gap-2",
+        children: d
+      }) : d
+    })
+  });
+};
+I.displayName = "KonstructSidebarNavigationOption";
 export {
-  m as NavigationOption
+  I as NavigationOption
 };

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

@@ -1,43 +1,38 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const a = t(
-  [
-    "[&>a]:flex",
-    "[&>a]:gap-2",
-    "[&>a]:no-underline",
-    "[&>a]:text-inherit",
-    "[&>a]:w-full",
-    "cursor-pointer",
-    "flex",
-    "font-normal",
-    "font-normal",
-    "gap-2",
-    "rounded-xl",
-    "md:px-4",
-    "md:py-2.5",
-    "p-2",
-    "text-black",
-    "w-full",
-    "text-[#9ea2c6]",
-    "hover:text-white",
-    "hover:bg-[#252a41]",
-    "selection:bg-powder-500",
-    "selection:text-white"
-  ],
-  {
-    variants: {
-      isActive: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isActive: !0,
-        class: ["text-white", "bg-[#252a41]"]
-      }
-    ]
-  }
-);
+import { t as e } from "../../../../dist-B9GE4SXf.js";
+var t = e([
+  "[&>a]:flex",
+  "[&>a]:items-center",
+  "[&>a]:gap-4",
+  "[&>a]:no-underline",
+  "[&>a]:text-inherit",
+  "[&>a]:w-full",
+  "[&>a]:p-2.5",
+  "group-data-[mode=expanded]/sidebar:[&>a]:px-4",
+  "group-data-[mode=expanded]/sidebar:[&>a]:py-2.5",
+  "cursor-pointer",
+  "flex",
+  "font-normal",
+  "gap-4",
+  "rounded",
+  "shrink-0",
+  "group-data-[mode=collapsed]/sidebar:justify-center",
+  "group-data-[mode=collapsed]/sidebar:[&>a]:justify-center",
+  "w-full",
+  "text-kubefirst-dark-blue-300",
+  "hover:text-white",
+  "hover:bg-kubefirst-dark-blue-800",
+  "selection:bg-powder-500",
+  "selection:text-white"
+], {
+  variants: { isActive: {
+    true: "",
+    false: ""
+  } },
+  compoundVariants: [{
+    isActive: !0,
+    class: ["data-[active=true]:text-white", "data-[active=true]:bg-kubefirst-dark-blue-800"]
+  }]
+});
 export {
-  a as navigationOptionVariants
+  t as navigationOptionVariants
 };

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js

@@ -1,7 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as o } from "../../../../utils/index.js";
-import { navigationSeparatorVariant as t } from "./NavigationSeparator.variants.js";
-const i = ({ className: a }) => /* @__PURE__ */ r("div", { className: o(t({ className: a })) });
+import { t as r } from "../../../../utils-DnIJruo0.js";
+import { navigationSeparatorVariant as o } from "./NavigationSeparator.variants.js";
+import { jsx as t } from "react/jsx-runtime";
+var i = ({ className: a }) => /* @__PURE__ */ t("div", {
+  "data-konstruct-sidebar-separator": "",
+  role: "separator",
+  "aria-orientation": "horizontal",
+  className: r(o({ className: a }))
+});
 i.displayName = "KonstructSidebarNavigationSeparator";
 export {
   i as NavigationSeparator

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.js

@@ -1,9 +1,11 @@
-import { c as r } from "../../../../index-D29mdTf5.js";
-const o = r([
-  "border-t",
-  "rounded-full",
-  "my-1.5"
+import { t as a } from "../../../../dist-B9GE4SXf.js";
+var t = a([
+  "h-px",
+  "bg-white/20",
+  "my-3",
+  "mx-2",
+  "shrink-0"
 ]);
 export {
-  o as navigationSeparatorVariant
+  t as navigationSeparatorVariant
 };

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

@@ -1,12 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as n } from "../../../../utils/index.js";
-import { navigationTitleVariants as o } from "./NavigationTitle.variants.js";
-const e = ({
-  title: i,
-  className: t,
-  isVisible: r = !0
-}) => r ? /* @__PURE__ */ a("h2", { className: n(o({ className: t })), children: i }) : null;
-e.displayName = "KonstructSidebarNavigationTitle";
+import { t as a } from "../../../../utils-DnIJruo0.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", {
+  className: a(e({ className: r })),
+  children: i
+}) : null;
+o.displayName = "KonstructSidebarNavigationTitle";
 export {
-  e as NavigationTitle
+  o as NavigationTitle
 };

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

@@ -1,5 +1,5 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const o = t([
+import { t } from "../../../../dist-B9GE4SXf.js";
+var i = t([
   "text-sm",
   "font-bold",
   "px-4",
@@ -10,5 +10,5 @@ const o = t([
   "selection:text-white"
 ]);
 export {
-  o as navigationTitleVariants
+  i as navigationTitleVariants
 };

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

@@ -1,86 +1,122 @@
-import { Footer as b } from "../Footer/Footer.js";
-import { Logo as C } from "../Logo/Logo.js";
-import { Navigation as D } from "../Navigation/Navigation.js";
-import "../NavigationGroup/NavigationGroup.js";
-import "../NavigationOption/NavigationOption.js";
-import "../NavigationSeparator/NavigationSeparator.js";
-import "../NavigationTitle/NavigationTitle.js";
-import { jsxs as V, jsx as j } from "react/jsx-runtime";
-import { useRef as d, useCallback as f, useMemo as s, Children as a, isValidElement as l } from "react";
-import { cn as y } from "../../../../utils/index.js";
-import { dragVariants as x, wrapperSiderbarVariants as z } from "../../Sidebar.variants.js";
-const S = ({
-  canResize: g = !0,
-  children: v,
-  dividerClassName: L,
-  maxWith: i = 300,
-  minWith: m = 240,
-  theme: M,
-  wrapperClassName: N
-}) => {
-  const r = d(null), c = d(null), u = d(!1), n = f(
-    (e) => {
-      if (!u.current) {
-        r.current && (r.current.style.opacity = "0");
-        return;
-      }
-      let o = e.clientX;
-      o < m && (o = m), o > i && (o = i), c.current && r.current && (c.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
-    },
-    [i, m]
-  ), p = f(() => {
-    u.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
-  }, [n]), w = f(
-    (e) => {
-      e.preventDefault(), e.stopPropagation(), u.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
-    },
-    [n, p]
-  ), t = s(
-    () => a.toArray(v),
-    [v]
-  ), E = s(
-    () => a.toArray(t).find(
-      (e) => l(e) && e.type === C
-    ),
-    [t]
-  ), R = s(
-    () => a.toArray(t).find(
-      (e) => l(e) && e.type === D
-    ),
-    [t]
-  ), A = s(
-    () => a.toArray(t).find(
-      (e) => l(e) && e.type === b
-    ),
-    [t]
-  );
-  return /* @__PURE__ */ V(
-    "aside",
-    {
-      ref: c,
-      className: y(
-        z({
-          className: N
-        })
-      ),
-      "data-theme": M,
-      children: [
-        E,
-        R,
-        A,
-        g && /* @__PURE__ */ j(
-          "div",
-          {
-            ref: r,
-            className: y(x({ className: L })),
-            onMouseDown: w
-          }
-        )
-      ]
+import { t as Y } from "../../../../HamburgerTrigger-DjHmNEJD.js";
+import { t as l } from "../../../../utils-DnIJruo0.js";
+import { Drawer as Z } from "../../../Drawer/Drawer.js";
+import { SidebarContext as k } from "../../contexts/SidebarContext.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 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 = () => {
+      q(window.innerWidth);
+    };
+    return e(), window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, [t]);
+  const g = p((e) => {
+    if (!w.current) {
+      n.current && (n.current.style.opacity = "0");
+      return;
     }
-  );
+    let c = e.clientX;
+    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]), 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(() => {
+    u !== "expanded" && r.current && (r.current.style.width = "");
+  }, [u]), f(() => {
+    t !== "drawer" && v(!1), T(null);
+  }, [t]), f(() => {
+    if (H.current || u !== "expanded" || !r.current) return;
+    const e = Math.min(Math.max(x, a), s);
+    r.current.style.width = `${e}px`, H.current = !0;
+  }, [
+    x,
+    s,
+    a,
+    u
+  ]);
+  const G = () => {
+    v(!0);
+  }, h = p(() => {
+    v(!1);
+  }, []), J = p(() => {
+    T((e) => (e ?? t) === "collapsed" ? "expanded" : "collapsed");
+  }, [t]);
+  if (t === "drawer") return /* @__PURE__ */ F(te, { children: [/* @__PURE__ */ o(Y, {
+    isOpen: R,
+    onClick: G,
+    className: X,
+    openNavigationLabel: W
+  }), /* @__PURE__ */ o(Z, {
+    isOpen: R,
+    onClose: h,
+    position: "left",
+    defaultWidth: S !== null ? Math.min(S, b) : b,
+    theme: E,
+    classNames: {
+      ...i,
+      root: l("z-60", i?.root),
+      panel: l(A({ mode: "expanded" }), "h-full border-r-0", O, i?.panel),
+      content: l("gap-0", i?.content)
+    },
+    children: /* @__PURE__ */ o(k.Provider, {
+      value: {
+        mode: "expanded",
+        isCollapsed: !1,
+        expandOnHover: !1,
+        animateOnHover: !1,
+        separatorClassName: D,
+        closeDrawer: h,
+        canToggle: !1,
+        toggleMode: () => {
+        }
+      },
+      children: /* @__PURE__ */ o("div", {
+        className: "konstruct-sidebar group/sidebar flex flex-col flex-1 min-h-0",
+        "data-mode": "expanded",
+        style: L,
+        children: y
+      })
+    })
+  })] });
+  const d = z ?? t, K = N && d === "expanded", Q = {
+    mode: d,
+    isCollapsed: d === "collapsed",
+    expandOnHover: j,
+    animateOnHover: I,
+    separatorClassName: D,
+    closeDrawer: h,
+    canToggle: !0,
+    toggleMode: J
+  };
+  return /* @__PURE__ */ o(k.Provider, {
+    value: Q,
+    children: /* @__PURE__ */ F("aside", {
+      ref: r,
+      className: l("konstruct-sidebar", A({
+        mode: d,
+        className: O
+      })),
+      "data-theme": E,
+      "data-mode": d,
+      style: L,
+      children: [y, K && /* @__PURE__ */ o("div", {
+        ref: n,
+        className: l(re({ className: P })),
+        onMouseDown: B
+      })]
+    })
+  });
 };
-S.displayName = "Sidebar.Wrapper";
+oe.displayName = "Sidebar.Wrapper";
 export {
-  S as Wrapper
+  oe as Wrapper
 };

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

@@ -1,18 +1,24 @@
-import { Footer as t } from "./Footer/Footer.js";
-import { Logo as p } from "./Logo/Logo.js";
-import { Navigation as i } from "./Navigation/Navigation.js";
-import { NavigationGroup as m } from "./NavigationGroup/NavigationGroup.js";
-import { NavigationOption as g } from "./NavigationOption/NavigationOption.js";
-import { NavigationSeparator as v } from "./NavigationSeparator/NavigationSeparator.js";
-import { NavigationTitle as l } from "./NavigationTitle/NavigationTitle.js";
+import { t as r } from "../../../HamburgerTrigger-DjHmNEJD.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";
+import { Logo as e } from "./Logo/Logo.js";
+import { NavigationTitle as v } from "./NavigationTitle/NavigationTitle.js";
+import { NavigationGroup as l } from "./NavigationGroup/NavigationGroup.js";
+import { NavigationOption as b } from "./NavigationOption/NavigationOption.js";
+import { NavigationSeparator as u } from "./NavigationSeparator/NavigationSeparator.js";
+import { Navigation as x } from "./Navigation/Navigation.js";
 import { Wrapper as F } from "./Wrapper/Wrapper.js";
 export {
-  t as Footer,
-  p as Logo,
-  i as Navigation,
-  m as NavigationGroup,
-  g as NavigationOption,
-  v as NavigationSeparator,
-  l as NavigationTitle,
+  m as CollapseTrigger,
+  p as Footer,
+  r as HamburgerTrigger,
+  f as Label,
+  e as Logo,
+  x as Navigation,
+  l as NavigationGroup,
+  b as NavigationOption,
+  u as NavigationSeparator,
+  v as NavigationTitle,
   F as Wrapper
 };

package/dist/components/Sidebar/contexts/SidebarContext.js

@@ -0,0 +1,16 @@
+import { createContext as e, useContext as a } from "react";
+var o = e({
+  mode: "expanded",
+  isCollapsed: !1,
+  expandOnHover: !1,
+  animateOnHover: !0,
+  closeDrawer: () => {
+  },
+  canToggle: !1,
+  toggleMode: () => {
+  }
+}), t = () => a(o);
+export {
+  o as SidebarContext,
+  t as useSidebarContext
+};

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

@@ -0,0 +1,5 @@
+import { SidebarContext as t, useSidebarContext as o } from "./SidebarContext.js";
+export {
+  t as SidebarContext,
+  o as useSidebarContext
+};