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

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

@@ -1,50 +1,56 @@
-import { useRef as g, useEffect as a } from "react";
-import { useSelectContext as k } from "../contexts/select.hook.js";
-const d = ({
-  searchable: o,
-  ulRef: n,
-  wrapperInputRef: e,
-  filteredOptions: f
-}) => {
-  const r = g(0), { isOpen: s } = k();
-  a(() => {
-    const m = n.current?.querySelectorAll("li") ?? [], t = Array.from(m).filter(
-      (c) => c.getAttribute("data-action") !== "true"
-    ), u = new AbortController(), i = () => {
-      r.current < t.length - 1 ? (r.current = r.current + 1, t[r.current].focus()) : (r.current = 0, t[0].focus());
-    }, l = () => {
-      r.current > 0 ? (r.current = r.current - 1, t[r.current].focus()) : (r.current = 0, e?.current && o ? e.current.querySelector("input")?.focus() : e.current?.focus());
+import { c as d } from "../../../compiler-runtime-DA41awpA.js";
+import { useRef as y, useEffect as k } from "react";
+import { useSelectContext as A } from "../contexts/select.hook.js";
+const S = (a) => {
+  const e = d.c(12), {
+    searchable: c,
+    ulRef: n,
+    wrapperInputRef: r,
+    filteredOptions: p
+  } = a, t = y(0), {
+    isOpen: s
+  } = A();
+  let u;
+  e[0] !== c || e[1] !== n || e[2] !== r ? (u = () => {
+    const w = n.current?.querySelectorAll("li") ?? [], o = Array.from(w).filter(x), g = new AbortController(), b = () => {
+      t.current < o.length - 1 ? (t.current = t.current + 1, o[t.current].focus()) : (t.current = 0, o[0].focus());
+    }, h = () => {
+      t.current > 0 ? (t.current = t.current - 1, o[t.current].focus()) : (t.current = 0, r?.current && c ? r.current.querySelector("input")?.focus() : r.current?.focus());
     };
-    return n.current?.addEventListener(
-      "keydown",
-      (c) => {
-        switch (c.preventDefault(), c.key) {
-          case "ArrowDown": {
-            i();
-            break;
-          }
-          case "Tab": {
-            c.shiftKey ? l() : i();
-            break;
-          }
-          case "ArrowUp": {
-            r.current === 0 ? e.current?.focus() : l();
-            break;
-          }
-          case "Enter": {
-            t[r.current]?.click();
-            break;
-          }
+    return n.current?.addEventListener("keydown", (m) => {
+      m.preventDefault();
+      e: switch (m.key) {
+        case "ArrowDown": {
+          b();
+          break e;
         }
-      },
-      { signal: u.signal }
-    ), () => {
-      u.abort();
+        case "Tab": {
+          m.shiftKey ? h() : b();
+          break e;
+        }
+        case "ArrowUp": {
+          t.current === 0 ? r.current?.focus() : h();
+          break e;
+        }
+        case "Enter":
+          o[t.current]?.click();
+      }
+    }, {
+      signal: g.signal
+    }), () => {
+      g.abort();
     };
-  }, [n, r, e, o, f.length]), a(() => {
-    s || (r.current = 0);
-  }, [s]);
+  }, e[0] = c, e[1] = n, e[2] = r, e[3] = u) : u = e[3];
+  let l;
+  e[4] !== p.length || e[5] !== c || e[6] !== n || e[7] !== r ? (l = [n, t, r, c, p.length], e[4] = p.length, e[5] = c, e[6] = n, e[7] = r, e[8] = l) : l = e[8], k(u, l);
+  let i, f;
+  e[9] !== s ? (i = () => {
+    s || (t.current = 0);
+  }, f = [s], e[9] = s, e[10] = i, e[11] = f) : (i = e[10], f = e[11]), k(i, f);
 };
+function x(a) {
+  return a.getAttribute("data-action") !== "true";
+}
 export {
-  d as useNavigationUlList
+  S as useNavigationUlList
 };

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.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { Footer, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator } from './components';
-import { SidebarChildrenProps, SidebarProps } from './Sidebar.types';
+import { SidebarChildrenProps, Props as SidebarProps } from './Sidebar.types';
 /**
  * A compound component for building application sidebars.
  * Includes sub-components for logo, navigation, groups, options, and footer.

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.types.d.ts

@@ -27,7 +27,7 @@ import { FooterProps, LogoProps, NavigationGroupProps, NavigationOptionProps, Na
  * </Sidebar>
  * ```
  */
-export interface SidebarProps extends VariantProps<typeof wrapperSiderbarVariants>, PropsWithChildren {
+export interface Props extends VariantProps<typeof wrapperSiderbarVariants>, PropsWithChildren {
     /** Whether the sidebar can be resized by dragging */
     canResize?: boolean;
     /** Additional CSS classes for the divider */
@@ -41,6 +41,8 @@ export interface SidebarProps extends VariantProps<typeof wrapperSiderbarVariant
     /** Additional CSS classes for the wrapper */
     wrapperClassName?: string;
 }
+/** @deprecated Use Props instead */
+export type SidebarProps = Props;
 /**
  * Sidebar compound component type with sub-components.
  */

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.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { FooterProps } from './Footer.types';
-declare const Footer: FC<FooterProps>;
+import { Props } from './Footer.types';
+declare const Footer: FC<Props>;
 export { Footer };

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.types.d.ts

@@ -1,6 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
 import { footerVariants } from './Footer.variants';
-export interface FooterProps extends PropsWithChildren, VariantProps<typeof footerVariants> {
+export interface Props extends PropsWithChildren, VariantProps<typeof footerVariants> {
     className?: string;
 }
+/** @deprecated Use Props instead */
+export type FooterProps = Props;

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.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { LogoProps } from './Logo.types';
-declare const Logo: FC<LogoProps>;
+import { Props } from './Logo.types';
+declare const Logo: FC<Props>;
 export { Logo };

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.types.d.ts

@@ -1,6 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
 import { logoVariants } from './Logo.variants';
-export interface LogoProps extends PropsWithChildren, VariantProps<typeof logoVariants> {
+export interface Props extends PropsWithChildren, VariantProps<typeof logoVariants> {
     className?: string;
 }
+/** @deprecated Use Props instead */
+export type LogoProps = Props;

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.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationChildrenProps, NavigationProps } from './Navigation.types';
-declare const Navigation: FC<NavigationProps> & NavigationChildrenProps;
+import { NavigationChildrenProps, Props } from './Navigation.types';
+declare const Navigation: FC<Props> & NavigationChildrenProps;
 export { Navigation };

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/Navigation/Navigation.types.d.ts

@@ -1,13 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
 import { FC, PropsWithChildren } from 'react';
-import { NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
-import { NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
-import { NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
-import { NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
+import { Props as NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
+import { Props as NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
+import { Props as NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
+import { Props as NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
 import { navigationVariants } from './Navigation.variants';
-export interface NavigationProps extends PropsWithChildren, VariantProps<typeof navigationVariants> {
+export interface Props extends PropsWithChildren, VariantProps<typeof navigationVariants> {
     className?: string;
 }
+/** @deprecated Use Props instead */
+export type NavigationProps = Props;
 export type NavigationChildrenProps = {
     NavigationGroup: FC<NavigationGroupProps>;
     NavigationOption: FC<NavigationOptionProps>;