@konstructio/ui 0.1.2-alpha.76 → 0.1.2-alpha.77

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

@@ -1,103 +1,113 @@
-import { useRef as m, useEffect as c, useCallback as w } from "react";
-import { useSelectContext as L } from "../contexts/select.hook.js";
-const y = ({
-  ulRef: f,
-  inputRef: r,
-  disabled: E,
-  internalValue: u,
-  onBlur: g
-}) => {
-  const t = m(null), a = m(null), { value: i, setSearchTerm: v, setCanFilter: d, toggleOpen: n } = L();
-  c(() => {
-    const e = new AbortController(), s = (l) => {
-      l.key === "Escape" && n(!1);
-    }, o = (l) => {
-      t.current?.contains(l.target) || n(!1);
+import { c as _ } from "../../../compiler-runtime-DA41awpA.js";
+import { useRef as O, useEffect as v } from "react";
+import { useSelectContext as q } from "../contexts/select.hook.js";
+const K = (T) => {
+  const e = _.c(36), {
+    ulRef: m,
+    inputRef: r,
+    disabled: x,
+    internalValue: s,
+    onBlur: u
+  } = T, o = O(null), f = O(null), {
+    value: l,
+    setSearchTerm: c,
+    setCanFilter: d,
+    toggleOpen: t
+  } = q();
+  let p;
+  e[0] !== x || e[1] !== t ? (p = () => {
+    const n = new AbortController(), i = (g) => {
+      g.key === "Escape" && t(!1);
+    }, a = (g) => {
+      o.current?.contains(g.target) || t(!1);
     };
-    return document.addEventListener("keydown", s, {
-      signal: e.signal
-    }), document.addEventListener("mousedown", o, {
-      signal: e.signal
-    }), document.addEventListener(
-      "visibilitychange",
-      () => {
-        document.hidden && n(!1);
-      },
-      {
-        signal: e.signal
-      }
-    ), a.current?.addEventListener(
-      "focusin",
-      (l) => {
-        !E && l.target?.matches(":focus-visible") && n(!0);
-      },
-      { signal: e.signal }
-    ), () => {
-      e.abort();
+    return document.addEventListener("keydown", i, {
+      signal: n.signal
+    }), document.addEventListener("mousedown", a, {
+      signal: n.signal
+    }), document.addEventListener("visibilitychange", () => {
+      document.hidden && t(!1);
+    }, {
+      signal: n.signal
+    }), f.current?.addEventListener("focusin", (g) => {
+      !x && g.target?.matches(":focus-visible") && t(!0);
+    }, {
+      signal: n.signal
+    }), () => {
+      n.abort();
     };
-  }, [n, t]), c(() => {
-    const e = new AbortController();
-    return a.current?.addEventListener(
-      "keydown",
-      (s) => {
-        if (s.key === "ArrowDown") {
-          const o = f.current?.querySelector("li");
-          o && o.focus();
-        }
-      },
-      { signal: e.signal }
-    ), () => {
-      e.abort();
+  }, e[0] = x, e[1] = t, e[2] = p) : p = e[2];
+  let E;
+  e[3] !== t ? (E = [t, o], e[3] = t, e[4] = E) : E = e[4], v(p, E);
+  let b, w;
+  e[5] !== m ? (b = () => {
+    const n = new AbortController();
+    return f.current?.addEventListener("keydown", (i) => {
+      if (i.key === "ArrowDown") {
+        const a = m.current?.querySelector("li");
+        a && a.focus();
+      }
+    }, {
+      signal: n.signal
+    }), () => {
+      n.abort();
     };
-  }, [a, f]), c(() => {
-    const e = new AbortController();
-    return r?.current?.addEventListener(
-      "focusin",
-      () => {
-        v(u?.value ?? ""), d(!1);
-      },
-      { signal: e.signal }
-    ), r?.current?.addEventListener(
-      "focusout",
-      () => {
-        d(!0);
-      },
-      { signal: e.signal }
-    ), a.current?.addEventListener(
-      "focus",
-      () => {
-        d(!1);
-      },
-      { signal: e.signal }
-    ), t.current?.addEventListener(
-      "focusout",
-      (s) => {
-        t.current?.contains(s.relatedTarget) || n(!1);
-      },
-      { signal: e.signal }
-    ), () => {
-      e.abort();
+  }, w = [f, m], e[5] = m, e[6] = b, e[7] = w) : (b = e[6], w = e[7]), v(b, w);
+  let L;
+  e[8] !== r || e[9] !== s?.value || e[10] !== d || e[11] !== c || e[12] !== t ? (L = () => {
+    const n = new AbortController();
+    return r?.current?.addEventListener("focusin", () => {
+      c(s?.value ?? ""), d(!1);
+    }, {
+      signal: n.signal
+    }), r?.current?.addEventListener("focusout", () => {
+      d(!0);
+    }, {
+      signal: n.signal
+    }), f.current?.addEventListener("focus", () => {
+      d(!1);
+    }, {
+      signal: n.signal
+    }), o.current?.addEventListener("focusout", (i) => {
+      o.current?.contains(i.relatedTarget) || t(!1);
+    }, {
+      signal: n.signal
+    }), () => {
+      n.abort();
     };
-  }, [i]), c(() => {
-    r?.current && (r.current.value = i && u?.value || "");
-  }, [u, i]), c(() => {
-    const e = new AbortController();
-    return t.current?.addEventListener("focusout", (s) => {
-      const o = s.relatedTarget;
-      (!o || !t.current?.contains(o)) && (r?.current?.value || g?.());
+  }, e[8] = r, e[9] = s?.value, e[10] = d, e[11] = c, e[12] = t, e[13] = L) : L = e[13];
+  let h;
+  e[14] !== l ? (h = [l], e[14] = l, e[15] = h) : h = e[15], v(L, h);
+  let y;
+  e[16] !== r || e[17] !== s?.value || e[18] !== l ? (y = () => {
+    r?.current && (r.current.value = l && s?.value || "");
+  }, e[16] = r, e[17] = s?.value, e[18] = l, e[19] = y) : y = e[19];
+  let C;
+  e[20] !== s || e[21] !== l ? (C = [s, l], e[20] = s, e[21] = l, e[22] = C) : C = e[22], v(y, C);
+  let A;
+  e[23] !== r || e[24] !== u ? (A = () => {
+    const n = new AbortController();
+    return o.current?.addEventListener("focusout", (i) => {
+      const a = i.relatedTarget;
+      (!a || !o.current?.contains(a)) && (r?.current?.value || u?.());
     }), () => {
-      e.abort();
+      n.abort();
     };
-  }, [n, t, v, g, i]);
-  const b = w(() => {
-    n(!0), requestAnimationFrame(() => r?.current?.focus());
-  }, [r, n]);
-  return {
-    wrapperRef: t,
-    wrapperInputRef: a,
-    handleOpen: b
-  };
+  }, e[23] = r, e[24] = u, e[25] = A) : A = e[25];
+  let R;
+  e[26] !== u || e[27] !== c || e[28] !== t || e[29] !== l ? (R = [t, o, c, u, l], e[26] = u, e[27] = c, e[28] = t, e[29] = l, e[30] = R) : R = e[30], v(A, R);
+  let k;
+  e[31] !== r || e[32] !== t ? (k = () => {
+    t(!0), requestAnimationFrame(() => r?.current?.focus());
+  }, e[31] = r, e[32] = t, e[33] = k) : k = e[33];
+  const F = k;
+  let S;
+  return e[34] !== F ? (S = {
+    wrapperRef: o,
+    wrapperInputRef: f,
+    handleOpen: F
+  }, e[34] = F, e[35] = S) : S = e[35], S;
 };
 export {
-  y as useSelect
+  K as useSelect
 };

package/dist/components/Sidebar/Sidebar.js

@@ -1,25 +1,30 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Wrapper as t } from "./components/Wrapper/Wrapper.js";
-import { Footer as a } from "./components/Footer/Footer.js";
-import { Logo as p } from "./components/Logo/Logo.js";
-import { Navigation as m } from "./components/Navigation/Navigation.js";
-import { NavigationGroup as n } from "./components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as g } from "./components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as e } from "./components/NavigationSeparator/NavigationSeparator.js";
-const o = (r) => /* @__PURE__ */ i(t, { ...r });
+import { jsx as a } from "react/jsx-runtime";
+import { c as m } from "../../compiler-runtime-DA41awpA.js";
+import { Wrapper as p } from "./components/Wrapper/Wrapper.js";
+import { Footer as e } from "./components/Footer/Footer.js";
+import { Logo as n } from "./components/Logo/Logo.js";
+import { Navigation as f } from "./components/Navigation/Navigation.js";
+import { NavigationGroup as g } from "./components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as N } from "./components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as v } from "./components/NavigationSeparator/NavigationSeparator.js";
+const o = (t) => {
+  const r = m.c(2);
+  let i;
+  return r[0] !== t ? (i = /* @__PURE__ */ a(p, { ...t }), r[0] = t, r[1] = i) : i = r[1], i;
+};
 o.displayName = "KonstructSidebar";
-o.Footer = a;
-o.Logo = p;
-o.Navigation = m;
-o.NavigationGroup = n;
-o.NavigationOption = g;
-o.NavigationSeparator = e;
+o.Footer = e;
+o.Logo = n;
+o.Navigation = f;
+o.NavigationGroup = g;
+o.NavigationOption = N;
+o.NavigationSeparator = v;
 export {
-  a as Footer,
-  p as Logo,
-  m as Navigation,
-  n as NavigationGroup,
-  g as NavigationOption,
-  e as NavigationSeparator,
+  e as Footer,
+  n as Logo,
+  f as Navigation,
+  g as NavigationGroup,
+  N as NavigationOption,
+  v as NavigationSeparator,
   o as Sidebar
 };

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

@@ -1,31 +1,5 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const e = r([
-  "duration-200",
-  "ease-linear",
-  "flex",
-  "flex-col",
-  "flex-shrink-0",
-  "group/sidebar",
-  "h-full",
-  "px-4",
-  "relative",
-  "transition-all",
-  "w-18",
-  "md:w-64",
-  "bg-kubefirst-dark-blue-900"
-]), o = r([
-  "absolute",
-  "top-0",
-  "right-0",
-  "h-full",
-  "opacity-0",
-  "group-hover/sidebar:opacity-100",
-  "cursor-col-resize",
-  "w-[2px]",
-  "shadow",
-  "shadow-slate-200",
-  "bg-slate-200"
-]);
+const e = r(["duration-200", "ease-linear", "flex", "flex-col", "flex-shrink-0", "group/sidebar", "h-full", "px-4", "relative", "transition-all", "w-18", "md:w-64", "bg-kubefirst-dark-blue-900"]), o = r(["absolute", "top-0", "right-0", "h-full", "opacity-0", "group-hover/sidebar:opacity-100", "cursor-col-resize", "w-[2px]", "shadow", "shadow-slate-200", "bg-slate-200"]);
 export {
   o as dragVariants,
   e as wrapperSiderbarVariants

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

@@ -1,8 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as e } from "../../../../utils/index.js";
-import { footerVariants as m } from "./Footer.variants.js";
-const a = ({ className: o, children: r }) => /* @__PURE__ */ t("footer", { className: e(m({ className: o })), children: r });
-a.displayName = "KonstructSidebarFooter";
+import { jsx as i } from "react/jsx-runtime";
+import { c } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as a } from "../../../../utils/index.js";
+import { footerVariants as l } from "./Footer.variants.js";
+const n = (m) => {
+  const o = c.c(5), {
+    className: e,
+    children: s
+  } = m;
+  let t;
+  o[0] !== e ? (t = a(l({
+    className: e
+  })), o[0] = e, o[1] = t) : t = o[1];
+  let r;
+  return o[2] !== s || o[3] !== t ? (r = /* @__PURE__ */ i("footer", { className: t, children: s }), o[2] = s, o[3] = t, o[4] = r) : r = o[4], r;
+};
+n.displayName = "KonstructSidebarFooter";
 export {
-  a as Footer
+  n as Footer
 };

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

@@ -1,12 +1,5 @@
 import { c as t } from "../../../../index-D29mdTf5.js";
-const e = t([
-  "p-2",
-  "pb-5",
-  "text-white",
-  "flex",
-  "flex-col",
-  "gap-2"
-]);
+const e = t(["p-2", "pb-5", "text-white", "flex", "flex-col", "gap-2"]);
 export {
   e as footerVariants
 };

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

@@ -1,8 +1,20 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
-import { logoVariants as t } from "./Logo.variants.js";
-const s = ({ children: o, className: r }) => /* @__PURE__ */ a("header", { className: m(t({ className: r })), children: o });
-s.displayName = "KonstructSidebarLogo";
+import { jsx as i } from "react/jsx-runtime";
+import { c as a } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as c } from "../../../../utils/index.js";
+import { logoVariants as l } from "./Logo.variants.js";
+const n = (m) => {
+  const o = a.c(5), {
+    children: e,
+    className: s
+  } = m;
+  let r;
+  o[0] !== s ? (r = c(l({
+    className: s
+  })), o[0] = s, o[1] = r) : r = o[1];
+  let t;
+  return o[2] !== e || o[3] !== r ? (t = /* @__PURE__ */ i("header", { className: r, children: e }), o[2] = e, o[3] = r, o[4] = t) : t = o[4], t;
+};
+n.displayName = "KonstructSidebarLogo";
 export {
-  s as Logo
+  n as Logo
 };

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

@@ -1,23 +1,5 @@
 import { c as p } from "../../../../index-D29mdTf5.js";
-const o = p([
-  "md:px-4",
-  "md:py-5",
-  "flex",
-  "flex-col",
-  "justify-center",
-  "gap-1",
-  "group",
-  "relative",
-  "mb-8",
-  "[&>p]:pl-14",
-  "[&>p]:-mt-2",
-  "[&>img]:pt-3",
-  "[&>*>p]:absolute",
-  "[&>*>p]:bottom-0",
-  "[&>*>p]:-mt-2",
-  "[&>*>img]:pt-3",
-  "cursor-pointer"
-]);
+const o = p(["md:px-4", "md:py-5", "flex", "flex-col", "justify-center", "gap-1", "group", "relative", "mb-8", "[&>p]:pl-14", "[&>p]:-mt-2", "[&>img]:pt-3", "[&>*>p]:absolute", "[&>*>p]:bottom-0", "[&>*>p]:-mt-2", "[&>*>img]:pt-3", "cursor-pointer"]);
 export {
   o as logoVariants
 };

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

@@ -1,19 +1,28 @@
-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 { 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 { jsx as e } from "react/jsx-runtime";
+import { c as p } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as s } from "../../../../utils/index.js";
+import { NavigationGroup as N } from "../NavigationGroup/NavigationGroup.js";
+import { NavigationOption as v } from "../NavigationOption/NavigationOption.js";
+import { NavigationSeparator as c } from "../NavigationSeparator/NavigationSeparator.js";
+import { NavigationTitle as g } from "../NavigationTitle/NavigationTitle.js";
+import { navigationVariants as l } from "./Navigation.variants.js";
+const t = (m) => {
+  const i = p.c(5), {
+    className: r,
+    children: n
+  } = m;
+  let o;
+  i[0] !== r ? (o = s(l({
+    className: r
+  })), i[0] = r, i[1] = o) : o = i[1];
+  let a;
+  return i[2] !== n || i[3] !== o ? (a = /* @__PURE__ */ e("nav", { className: o, children: n }), i[2] = n, i[3] = o, i[4] = a) : a = i[4], a;
+};
+t.displayName = "KonstructSidebarNavigation";
+t.NavigationGroup = N;
+t.NavigationOption = v;
+t.NavigationSeparator = c;
+t.NavigationTitle = g;
 export {
-  i as Navigation
+  t as Navigation
 };

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

@@ -1,26 +1,35 @@
-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 { jsx as f, jsxs as u, Fragment as N } from "react/jsx-runtime";
+import { c as d } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as g } from "../../../../utils/index.js";
+import { NavigationTitle as v } from "../NavigationTitle/NavigationTitle.js";
+import { navigationGroupsVariants as b } from "./NavigationGroup.variants.js";
+const x = (p) => {
+  const e = d.c(19);
+  let i, l, s, m, t, r;
+  if (e[0] !== p ? ({
+    children: i,
+    title: t,
+    className: l,
+    titleClassName: r,
+    isVisible: m,
+    ...s
+  } = p, e[0] = p, e[1] = i, e[2] = l, e[3] = s, e[4] = m, e[5] = t, e[6] = r) : (i = e[1], l = e[2], s = e[3], m = e[4], t = e[5], r = e[6]), !(m === void 0 ? !0 : m))
+    return null;
+  let o;
+  e[7] !== s || e[8] !== t || e[9] !== r ? (o = t ? /* @__PURE__ */ f(v, { title: t, className: r, ...s }) : null, e[7] = s, e[8] = t, e[9] = r, e[10] = o) : o = e[10];
+  let a;
+  e[11] !== l ? (a = g(b({
+    className: l
+  })), e[11] = l, e[12] = a) : a = e[12];
+  let n;
+  e[13] !== i || e[14] !== a ? (n = /* @__PURE__ */ f("ul", { className: a, children: i }), e[13] = i, e[14] = a, e[15] = n) : n = e[15];
+  let c;
+  return e[16] !== o || e[17] !== n ? (c = /* @__PURE__ */ u(N, { children: [
+    o,
+    n
+  ] }), e[16] = o, e[17] = n, e[18] = c) : c = e[18], c;
+};
+x.displayName = "KonstructSidebarNavigationGroup";
 export {
-  c as NavigationGroup
+  x as NavigationGroup
 };

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

@@ -1,27 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
+import { c } from "../../../../compiler-runtime-DA41awpA.js";
 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({
-        className: o,
-        isActive: r
-      })
-    ),
-    children: i
-  }
-) : null;
-m.displayName = "KonstructSidebarNavigationOption";
+import { navigationOptionVariants as f } from "./NavigationOption.variants.js";
+const d = (a) => {
+  const i = c.c(13);
+  let t, e, o, l, r;
+  if (i[0] !== a ? ({
+    children: t,
+    className: e,
+    isVisible: r,
+    isActive: l,
+    ...o
+  } = a, i[0] = a, i[1] = t, i[2] = e, i[3] = o, i[4] = l, i[5] = r) : (t = i[1], e = i[2], o = i[3], l = i[4], r = i[5]), !(r === void 0 ? !0 : r))
+    return null;
+  let s;
+  i[6] !== e || i[7] !== l ? (s = p(f({
+    className: e,
+    isActive: l
+  })), i[6] = e, i[7] = l, i[8] = s) : s = i[8];
+  let n;
+  return i[9] !== t || i[10] !== o || i[11] !== s ? (n = /* @__PURE__ */ m("li", { ...o, role: "option", className: s, children: t }), i[9] = t, i[10] = o, i[11] = s, i[12] = n) : n = i[12], n;
+};
+d.displayName = "KonstructSidebarNavigationOption";
 export {
-  m as NavigationOption
+  d as NavigationOption
 };

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

@@ -1,43 +1,16 @@
 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]"]
-      }
-    ]
-  }
-);
+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]"]
+  }]
+});
 export {
   a as navigationOptionVariants
 };

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

@@ -1,8 +1,19 @@
-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 })) });
-i.displayName = "KonstructSidebarNavigationSeparator";
+import { jsx as e } from "react/jsx-runtime";
+import { c as s } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as m } from "../../../../utils/index.js";
+import { navigationSeparatorVariant as n } from "./NavigationSeparator.variants.js";
+const p = (i) => {
+  const t = s.c(4), {
+    className: o
+  } = i;
+  let a;
+  t[0] !== o ? (a = m(n({
+    className: o
+  })), t[0] = o, t[1] = a) : a = t[1];
+  let r;
+  return t[2] !== a ? (r = /* @__PURE__ */ e("div", { className: a }), t[2] = a, t[3] = r) : r = t[3], r;
+};
+p.displayName = "KonstructSidebarNavigationSeparator";
 export {
-  i as NavigationSeparator
+  p as NavigationSeparator
 };