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

package/dist/components/Sidebar/Sidebar.js

@@ -1,25 +1,26 @@
-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 });
+"use client";
+import { Footer as i } from "./components/Footer/Footer.js";
+import { Logo as a } from "./components/Logo/Logo.js";
+import { NavigationGroup as t } from "./components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as p } from "./components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as m } from "./components/NavigationSeparator/NavigationSeparator.js";
+import { Navigation as n } from "./components/Navigation/Navigation.js";
+import { Wrapper as e } from "./components/Wrapper/Wrapper.js";
+import { jsx as g } from "react/jsx-runtime";
+var o = (r) => /* @__PURE__ */ g(e, { ...r });
 o.displayName = "KonstructSidebar";
-o.Footer = a;
-o.Logo = p;
-o.Navigation = m;
-o.NavigationGroup = n;
-o.NavigationOption = g;
-o.NavigationSeparator = e;
+o.Footer = i;
+o.Logo = a;
+o.Navigation = n;
+o.NavigationGroup = t;
+o.NavigationOption = p;
+o.NavigationSeparator = m;
 export {
-  a as Footer,
-  p as Logo,
-  m as Navigation,
-  n as NavigationGroup,
-  g as NavigationOption,
-  e as NavigationSeparator,
+  i as Footer,
+  a as Logo,
+  n as Navigation,
+  t as NavigationGroup,
+  p as NavigationOption,
+  m as NavigationSeparator,
   o as Sidebar
 };

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

@@ -1,5 +1,5 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const e = r([
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
   "duration-200",
   "ease-linear",
   "flex",
@@ -13,7 +13,7 @@ const e = r([
   "w-18",
   "md:w-64",
   "bg-kubefirst-dark-blue-900"
-]), o = r([
+]), i = r([
   "absolute",
   "top-0",
   "right-0",
@@ -27,6 +27,6 @@ const e = r([
   "bg-slate-200"
 ]);
 export {
-  o as dragVariants,
+  i as dragVariants,
   e as wrapperSiderbarVariants
 };

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

@@ -1,8 +1,11 @@
-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 { t } from "../../../../utils-DHuiYnx1.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", {
+  className: t(a({ className: o })),
+  children: r
+});
+m.displayName = "KonstructSidebarFooter";
 export {
-  a as Footer
+  m as Footer
 };

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

@@ -1,5 +1,5 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const e = t([
+import { t } from "../../../../dist-DtEbXv47.js";
+var e = t([
   "p-2",
   "pb-5",
   "text-white",

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

@@ -1,7 +1,10 @@
-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 });
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { logoVariants as m } from "./Logo.variants.js";
+import { jsx as t } from "react/jsx-runtime";
+var s = ({ children: o, className: r }) => /* @__PURE__ */ t("header", {
+  className: a(m({ className: r })),
+  children: o
+});
 s.displayName = "KonstructSidebarLogo";
 export {
   s as Logo

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

@@ -1,5 +1,5 @@
-import { c as p } from "../../../../index-D29mdTf5.js";
-const o = p([
+import { t as p } from "../../../../dist-DtEbXv47.js";
+var o = p([
   "md:px-4",
   "md:py-5",
   "flex",

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

@@ -1,19 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as r } from "../../../../utils/index.js";
+import { t } from "../../../../utils-DHuiYnx1.js";
+import { NavigationTitle as r } from "../NavigationTitle/NavigationTitle.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,
+import { navigationVariants as v } from "./Navigation.variants.js";
+import { jsx as N } from "react/jsx-runtime";
+var a = ({ className: i, children: o }) => /* @__PURE__ */ N("nav", {
+  className: t(v({ className: i })),
   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;
+});
+a.displayName = "KonstructSidebarNavigation";
+a.NavigationGroup = n;
+a.NavigationOption = m;
+a.NavigationSeparator = p;
+a.NavigationTitle = r;
 export {
-  i as Navigation
+  a as Navigation
 };

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

@@ -1,5 +1,10 @@
-import { c as a } from "../../../../index-D29mdTf5.js";
-const o = a(["flex", "flex-1", "w-full", "flex-col"]);
+import { t as a } from "../../../../dist-DtEbXv47.js";
+var f = a([
+  "flex",
+  "flex-1",
+  "w-full",
+  "flex-col"
+]);
 export {
-  o as navigationVariants
+  f as navigationVariants
 };

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

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

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

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

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

@@ -1,26 +1,15 @@
-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({
-        className: o,
-        isActive: r
-      })
-    ),
-    children: i
-  }
-) : null;
+import { t as n } from "../../../../utils-DHuiYnx1.js";
+import { navigationOptionVariants as p } from "./NavigationOption.variants.js";
+import { jsx as e } from "react/jsx-runtime";
+var m = ({ children: i, className: t, isVisible: o = !0, isActive: r, ...a }) => o ? /* @__PURE__ */ e("li", {
+  ...a,
+  role: "option",
+  className: n(p({
+    className: t,
+    isActive: r
+  })),
+  children: i
+}) : null;
 m.displayName = "KonstructSidebarNavigationOption";
 export {
   m as NavigationOption

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

@@ -1,43 +1,36 @@
-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 } from "../../../../dist-DtEbXv47.js";
+var 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,7 +1,7 @@
-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-DHuiYnx1.js";
+import { navigationSeparatorVariant as o } from "./NavigationSeparator.variants.js";
+import { jsx as t } from "react/jsx-runtime";
+var i = ({ className: a }) => /* @__PURE__ */ t("div", { className: r(o({ className: a })) });
 i.displayName = "KonstructSidebarNavigationSeparator";
 export {
   i as NavigationSeparator

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

@@ -1,5 +1,5 @@
-import { c as r } from "../../../../index-D29mdTf5.js";
-const o = r([
+import { t as r } from "../../../../dist-DtEbXv47.js";
+var o = r([
   "border-t",
   "rounded-full",
   "my-1.5"

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

@@ -1,8 +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-DHuiYnx1.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-DtEbXv47.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,84 +1,38 @@
+import { t as y } from "../../../../utils-DHuiYnx1.js";
 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 { dragVariants as V, wrapperSiderbarVariants as j } from "../../Sidebar.variants.js";
+import { Children as s, isValidElement as p, useCallback as f, useMemo as a, useRef as l } from "react";
+import { jsx as x, jsxs as z } from "react/jsx-runtime";
+var S = ({ canResize: g = !0, children: v, dividerClassName: L, maxWith: i = 300, minWith: u = 240, theme: M, wrapperClassName: N }) => {
+  const r = l(null), c = l(null), m = l(!1), n = f((e) => {
+    if (!m.current) {
+      r.current && (r.current.style.opacity = "0");
+      return;
     }
-  );
+    let o = e.clientX;
+    o < u && (o = u), o > i && (o = i), c.current && r.current && (c.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
+  }, [i, u]), d = f(() => {
+    m.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", d);
+  }, [n]), w = f((e) => {
+    e.preventDefault(), e.stopPropagation(), m.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", d);
+  }, [n, d]), t = a(() => s.toArray(v), [v]), E = a(() => s.toArray(t).find((e) => p(e) && e.type === C), [t]), R = a(() => s.toArray(t).find((e) => p(e) && e.type === D), [t]), A = a(() => s.toArray(t).find((e) => p(e) && e.type === b), [t]);
+  return /* @__PURE__ */ z("aside", {
+    ref: c,
+    className: y(j({ className: N })),
+    "data-theme": M,
+    children: [
+      E,
+      R,
+      A,
+      g && /* @__PURE__ */ x("div", {
+        ref: r,
+        className: y(V({ className: L })),
+        onMouseDown: w
+      })
+    ]
+  });
 };
 S.displayName = "Sidebar.Wrapper";
 export {

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

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