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

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

@@ -1,113 +1,103 @@
-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);
+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);
     };
-    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();
-    };
-  }, 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();
+    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
       }
-    }, {
-      signal: n.signal
-    }), () => {
-      n.abort();
+    ), a.current?.addEventListener(
+      "focusin",
+      (l) => {
+        !E && l.target?.matches(":focus-visible") && n(!0);
+      },
+      { 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();
+  }, [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();
+    };
+  }, [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();
     };
-  }, 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?.());
+  }, [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?.());
     }), () => {
-      n.abort();
+      e.abort();
     };
-  }, 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;
+  }, [n, t, v, g, i]);
+  const b = w(() => {
+    n(!0), requestAnimationFrame(() => r?.current?.focus());
+  }, [r, n]);
+  return {
+    wrapperRef: t,
+    wrapperInputRef: a,
+    handleOpen: b
+  };
 };
 export {
-  K as useSelect
+  y as useSelect
 };

package/dist/components/Sidebar/Sidebar.js

@@ -1,30 +1,25 @@
-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;
-};
+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 });
 o.displayName = "KonstructSidebar";
-o.Footer = e;
-o.Logo = n;
-o.Navigation = f;
-o.NavigationGroup = g;
-o.NavigationOption = N;
-o.NavigationSeparator = v;
+o.Footer = a;
+o.Logo = p;
+o.Navigation = m;
+o.NavigationGroup = n;
+o.NavigationOption = g;
+o.NavigationSeparator = e;
 export {
-  e as Footer,
-  n as Logo,
-  f as Navigation,
-  g as NavigationGroup,
-  N as NavigationOption,
-  v as NavigationSeparator,
+  a as Footer,
+  p as Logo,
+  m as Navigation,
+  n as NavigationGroup,
+  g as NavigationOption,
+  e as NavigationSeparator,
   o as Sidebar
 };

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

@@ -1,5 +1,31 @@
 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,20 +1,8 @@
-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";
+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";
 export {
-  n as Footer
+  a as Footer
 };

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

@@ -1,5 +1,12 @@
 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,20 +1,8 @@
-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";
+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";
 export {
-  n as Logo
+  s as Logo
 };

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

@@ -1,5 +1,23 @@
 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,28 +1,19 @@
-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;
+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;
 export {
-  t as Navigation
+  i as Navigation
 };

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

@@ -1,35 +1,26 @@
-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";
+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";
 export {
-  x as NavigationGroup
+  c as NavigationGroup
 };

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

@@ -1,27 +1,27 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c } from "../../../../compiler-runtime-DA41awpA.js";
+import { jsx as a } from "react/jsx-runtime";
 import { cn as p } from "../../../../utils/index.js";
-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";
+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";
 export {
-  d as NavigationOption
+  m as NavigationOption
 };

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

@@ -1,16 +1,43 @@
 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,19 +1,8 @@
-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";
+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";
 export {
-  p as NavigationSeparator
+  i as NavigationSeparator
 };

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

@@ -1,5 +1,9 @@
 import { c as r } from "../../../../index-D29mdTf5.js";
-const o = r(["border-t", "rounded-full", "my-1.5"]);
+const o = r([
+  "border-t",
+  "rounded-full",
+  "my-1.5"
+]);
 export {
   o as navigationSeparatorVariant
 };