@konstructio/ui 0.0.12-alpha.0 → 0.0.12-alpha.1

package/dist/components/Range/Range.js

@@ -1,22 +1,20 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { R as V, T as v, a as T, b as c } from "../../index-z-AJyzdv.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { R as V, T as v, b as T, a as c } from "../../index-CJsYodgi.js";
 import { forwardRef as b, useRef as j, useState as k, useImperativeHandle as w, useEffect as y, useCallback as C } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as S } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
 import { cn as t } from "../../utils/index.js";
-import { rangeVariants as $, trackVariants as E, rangeOutsideVariants as H, thumbVariants as i } from "./Range.variants.js";
-const J = b(
+import { rangeVariants as S, trackVariants as $, rangeOutsideVariants as E, thumbVariants as i } from "./Range.variants.js";
+import { useTheme as H } from "../../contexts/theme.hook.js";
+const F = b(
   ({
-    label: m,
+    label: l,
     defaultValue: o = [0, 100],
     name: u,
     theme: h,
-    size: l,
+    size: m,
     showValue: f,
     ...d
   }, p) => {
-    const a = j(null), [s, x] = k(o), { theme: N } = S(), r = h ?? N;
+    const a = j(null), [s, x] = k(o), { theme: N } = H(), n = h ?? N;
     w(p, () => a.current, [a]), y(() => {
       a.current && (a.current.value = `[${s.toString()}]`);
     }, [s]);
@@ -24,17 +22,17 @@ const J = b(
       (R) => x(R),
       []
     );
-    return /* @__PURE__ */ n("div", { className: "w-full relative flex flex-col gap-3", children: [
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ r("div", { className: "w-full relative flex flex-col gap-3", children: [
+      /* @__PURE__ */ r(
         "div",
         {
           className: t(
             "flex items-center",
-            m ? "justify-between" : "justify-end"
+            l ? "justify-between" : "justify-end"
           ),
           children: [
-            m ? /* @__PURE__ */ e("label", { children: m }) : null,
-            f ? /* @__PURE__ */ n("span", { className: "text-xs", children: [
+            l ? /* @__PURE__ */ e("label", { children: l }) : null,
+            f ? /* @__PURE__ */ r("span", { className: "text-xs", children: [
               s[0],
               " - ",
               s[1]
@@ -43,22 +41,22 @@ const J = b(
         }
       ),
       /* @__PURE__ */ e("input", { ref: a, name: u, className: "hidden", type: "text" }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ r(
         V,
         {
           value: s,
-          className: t($({ theme: r })),
+          className: t(S({ theme: n })),
           onValueChange: g,
           ...d,
           children: [
-            /* @__PURE__ */ e(v, { className: t(E({ theme: r, size: l })), children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(v, { className: t($({ theme: n, size: m })), children: /* @__PURE__ */ e(
               T,
               {
-                className: t(H({ theme: r }))
+                className: t(E({ theme: n }))
               }
             ) }),
-            /* @__PURE__ */ e(c, { className: t(i({ theme: r, size: l })) }),
-            /* @__PURE__ */ e(c, { className: t(i({ theme: r, size: l })) })
+            /* @__PURE__ */ e(c, { className: t(i({ theme: n, size: m })) }),
+            /* @__PURE__ */ e(c, { className: t(i({ theme: n, size: m })) })
           ]
         }
       )
@@ -66,5 +64,5 @@ const J = b(
   }
 );
 export {
-  J as Range
+  F as Range
 };

package/dist/components/Sidebar/Sidebar.js

@@ -1,27 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
-import "../../contexts/theme.context.js";
-import "react";
 import { ThemeProvider as t } from "../../contexts/theme.provider.js";
-import { Footer as a } from "./components/Footer/Footer.js";
-import { Logo as m } from "./components/Logo/Logo.js";
-import { Navigation as p } from "./components/Navigation/Navigation.js";
-import { NavigationGroup as n } from "./components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as e } from "./components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as g } from "./components/NavigationSeparator/NavigationSeparator.js";
-import { Wrapper as f } from "./components/Wrapper/Wrapper.js";
-const o = (i) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(f, { ...i }) });
-o.Footer = a;
-o.Logo = m;
-o.Navigation = p;
-o.NavigationGroup = n;
-o.NavigationOption = e;
-o.NavigationSeparator = g;
+import { Wrapper as a } from "./components/Wrapper/Wrapper.js";
+import { Footer as m } from "./components/Footer/Footer.js";
+import { Logo as p } from "./components/Logo/Logo.js";
+import { Navigation as n } from "./components/Navigation/Navigation.js";
+import { NavigationGroup as e } from "./components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as g } from "./components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as f } from "./components/NavigationSeparator/NavigationSeparator.js";
+const o = (i) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(a, { ...i }) });
+o.Footer = m;
+o.Logo = p;
+o.Navigation = n;
+o.NavigationGroup = e;
+o.NavigationOption = g;
+o.NavigationSeparator = f;
 export {
-  a as Footer,
-  m as Logo,
-  p as Navigation,
-  n as NavigationGroup,
-  e as NavigationOption,
-  g as NavigationSeparator,
+  m as Footer,
+  p as Logo,
+  n as Navigation,
+  e as NavigationGroup,
+  g as NavigationOption,
+  f as NavigationSeparator,
   o as Sidebar
 };

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

@@ -1,22 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as i } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as p } from "../../../../utils/index.js";
-import { footerVariants as s } from "./Footer.variants.js";
-const T = ({ theme: o, className: t, children: r }) => {
-  const { theme: e } = i();
+import { cn as s } from "../../../../utils/index.js";
+import { footerVariants as f } from "./Footer.variants.js";
+import { useTheme as n } from "../../../../contexts/theme.hook.js";
+const h = ({ theme: o, className: e, children: t }) => {
+  const { theme: r } = n();
   return /* @__PURE__ */ m(
     "footer",
     {
-      className: p(
-        s({ theme: o ?? e, className: t })
+      className: s(
+        f({ theme: o ?? r, className: e })
       ),
-      children: r
+      children: t
     }
   );
 };
 export {
-  T as Footer
+  h as Footer
 };

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

@@ -1,20 +1,17 @@
-import { jsx as e } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as i } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as p } from "../../../../utils/index.js";
-import { logoVariants as s } from "./Logo.variants.js";
-const l = ({ children: o, theme: m, className: r }) => {
-  const { theme: t } = i();
-  return /* @__PURE__ */ e(
+import { jsx as t } from "react/jsx-runtime";
+import { cn as s } from "../../../../utils/index.js";
+import { logoVariants as n } from "./Logo.variants.js";
+import { useTheme as a } from "../../../../contexts/theme.hook.js";
+const f = ({ children: o, theme: e, className: m }) => {
+  const { theme: r } = a();
+  return /* @__PURE__ */ t(
     "header",
     {
-      className: p(s({ theme: m ?? t, className: r })),
+      className: s(n({ theme: e ?? r, className: m })),
       children: o
     }
   );
 };
 export {
-  l as Logo
+  f as Logo
 };

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

@@ -1,34 +1,31 @@
 import { jsx as m } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as n } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as p } from "../../../../utils/index.js";
+import { cn as n } from "../../../../utils/index.js";
 import { NavigationGroup as e } from "../NavigationGroup/NavigationGroup.js";
-import { NavigationOption as v } from "../NavigationOption/NavigationOption.js";
-import { NavigationSeparator as g } from "../NavigationSeparator/NavigationSeparator.js";
-import { NavigationTitle as N } from "../NavigationTitle/NavigationTitle.js";
-import { navigationVariants as f } from "./Navigation.variants.js";
+import { NavigationOption as p } from "../NavigationOption/NavigationOption.js";
+import { NavigationSeparator as v } from "../NavigationSeparator/NavigationSeparator.js";
+import { NavigationTitle as g } from "../NavigationTitle/NavigationTitle.js";
+import { navigationVariants as N } from "./Navigation.variants.js";
+import { useTheme as f } from "../../../../contexts/theme.hook.js";
 const o = ({
   className: i,
   theme: t,
   children: a
 }) => {
-  const { theme: r } = n();
+  const { theme: r } = f();
   return /* @__PURE__ */ m(
     "nav",
     {
-      className: p(
-        f({ theme: t ?? r, className: i })
+      className: n(
+        N({ theme: t ?? r, className: i })
       ),
       children: a
     }
   );
 };
 o.NavigationGroup = e;
-o.NavigationOption = v;
-o.NavigationSeparator = g;
-o.NavigationTitle = N;
+o.NavigationOption = p;
+o.NavigationSeparator = v;
+o.NavigationTitle = g;
 export {
   o as Navigation
 };

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

@@ -1,35 +1,32 @@
-import { jsxs as p, Fragment as u, jsx as o } from "react/jsx-runtime";
-import { cn as l } from "../../../../utils/index.js";
+import { jsxs as u, Fragment as l, jsx as o } from "react/jsx-runtime";
+import { cn as p } from "../../../../utils/index.js";
 import { NavigationTitle as c } from "../NavigationTitle/NavigationTitle.js";
 import { navigationGroupsVariants as f } from "./NavigationGroup.variants.js";
-import "../../../../contexts/theme.context.js";
 import { useTheme as h } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-const F = ({
+const j = ({
   children: t,
   title: r,
-  className: m,
-  theme: e,
-  titleClassName: i,
-  isVisible: n = !0,
+  className: e,
+  theme: m,
+  titleClassName: n,
+  isVisible: i = !0,
   ...a
 }) => {
   const { theme: s } = h();
-  return n ? /* @__PURE__ */ p(u, { children: [
+  return i ? /* @__PURE__ */ u(l, { children: [
     r ? /* @__PURE__ */ o(
       c,
       {
         title: r,
-        className: i,
+        className: n,
         ...a
       }
     ) : null,
     /* @__PURE__ */ o(
       "ul",
       {
-        className: l(
-          f({ theme: e ?? s, className: m })
+        className: p(
+          f({ theme: m ?? s, className: e })
         ),
         children: t
       }
@@ -37,5 +34,5 @@ const F = ({
   ] }) : null;
 };
 export {
-  F as NavigationGroup
+  j as NavigationGroup
 };

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

@@ -1,29 +1,26 @@
-import { jsx as p } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as a } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as s } from "../../../../utils/index.js";
-import { navigationOptionVariants as c } from "./NavigationOption.variants.js";
-const N = ({
+import { jsx as a } from "react/jsx-runtime";
+import { cn as p } from "../../../../utils/index.js";
+import { navigationOptionVariants as s } from "./NavigationOption.variants.js";
+import { useTheme as c } from "../../../../contexts/theme.hook.js";
+const x = ({
   children: t,
   className: o,
-  theme: r,
-  isVisible: i = !0,
-  isActive: e,
-  ...m
+  theme: e,
+  isVisible: r = !0,
+  isActive: i,
+  ...n
 }) => {
-  const { theme: n } = a();
-  return i ? /* @__PURE__ */ p(
+  const { theme: m } = c();
+  return r ? /* @__PURE__ */ a(
     "li",
     {
-      ...m,
+      ...n,
       role: "option",
-      className: s(
-        c({
-          theme: r ?? n,
+      className: p(
+        s({
+          theme: e ?? m,
           className: o,
-          isActive: e
+          isActive: i
         })
       ),
       children: t
@@ -31,5 +28,5 @@ const N = ({
   ) : null;
 };
 export {
-  N as NavigationOption
+  x as NavigationOption
 };

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

@@ -1,24 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as e } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as i } from "../../../../utils/index.js";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../../../utils/index.js";
 import { navigationSeparatorVariant as a } from "./NavigationSeparator.variants.js";
-const x = ({
+import { useTheme as i } from "../../../../contexts/theme.hook.js";
+const f = ({
   className: t,
   theme: o
 }) => {
-  const { theme: r } = e();
-  return /* @__PURE__ */ m(
+  const { theme: r } = i();
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: i(
+      className: m(
         a({ className: t, theme: o ?? r })
       )
     }
   );
 };
 export {
-  x as NavigationSeparator
+  f as NavigationSeparator
 };

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

@@ -1,27 +1,24 @@
 import { jsx as m } from "react/jsx-runtime";
-import "../../../../contexts/theme.context.js";
-import { useTheme as n } from "../../../../contexts/theme.hook.js";
-import "react";
-import "../../../../js.cookie-OLEfuq_g.js";
-import { cn as a } from "../../../../utils/index.js";
-import { navigationTitleVariants as p } from "./NavigationTitle.variants.js";
-const x = ({
+import { cn as n } from "../../../../utils/index.js";
+import { navigationTitleVariants as a } from "./NavigationTitle.variants.js";
+import { useTheme as s } from "../../../../contexts/theme.hook.js";
+const p = ({
   title: t,
-  className: r,
-  theme: e,
+  className: e,
+  theme: r,
   isVisible: o = !0
 }) => {
-  const { theme: i } = n();
+  const { theme: i } = s();
   return o ? /* @__PURE__ */ m(
     "h2",
     {
-      className: a(
-        p({ theme: e ?? i, className: r })
+      className: n(
+        a({ theme: r ?? i, className: e })
       ),
       children: t
     }
   ) : null;
 };
 export {
-  x as NavigationTitle
+  p as NavigationTitle
 };

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

@@ -1,31 +1,33 @@
-import { jsxs as x, jsx as C } from "react/jsx-runtime";
-import { useRef as d, useCallback as l, useMemo as s, Children as a, isValidElement as v, useEffect as D } from "react";
-import "../../../../contexts/theme.context.js";
-import { useTheme as T } from "../../../../contexts/theme.hook.js";
-import "../../../../js.cookie-OLEfuq_g.js";
+import { Footer as x } 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 T, jsx as V } from "react/jsx-runtime";
+import { useRef as d, useCallback as l, useMemo as s, Children as i, isValidElement as v, useEffect as b } from "react";
 import { cn as E } from "../../../../utils/index.js";
-import { wrapperSiderbarVariants as V, dragVariants as b } from "../../Sidebar.variants.js";
-import { Footer as j } from "../Footer/Footer.js";
-import { Logo as z } from "../Logo/Logo.js";
-import { Navigation as k } from "../Navigation/Navigation.js";
-const I = ({
+import { wrapperSiderbarVariants as j, dragVariants as z } from "../../Sidebar.variants.js";
+import { useTheme as k } from "../../../../contexts/theme.hook.js";
+const K = ({
   canResize: M = !0,
   children: y,
-  maxWith: i = 300,
+  maxWith: a = 300,
   minWith: m = 240,
   theme: c,
   wrapperClassName: w
 }) => {
-  const r = d(null), u = d(null), f = d(!1), { theme: g, setTheme: L } = T(), n = l(
+  const r = d(null), u = d(null), f = d(!1), { theme: g, setTheme: L } = k(), n = l(
     (e) => {
       if (!f.current) {
         r.current && (r.current.style.opacity = "0");
         return;
       }
       let o = e.clientX;
-      o < m && (o = m), o > i && (o = i), u.current && r.current && (u.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
+      o < m && (o = m), o > a && (o = a), u.current && r.current && (u.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
     },
-    [i, m]
+    [a, m]
   ), p = l(() => {
     f.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
   }, [n]), R = l(
@@ -34,32 +36,32 @@ const I = ({
     },
     [n, p]
   ), t = s(
-    () => a.toArray(y),
+    () => i.toArray(y),
     [y]
   ), h = s(
-    () => a.toArray(t).find(
-      (e) => v(e) && e.type === z
+    () => i.toArray(t).find(
+      (e) => v(e) && e.type === C
     ),
     [t]
   ), A = s(
-    () => a.toArray(t).find(
-      (e) => v(e) && e.type === k
+    () => i.toArray(t).find(
+      (e) => v(e) && e.type === D
     ),
     [t]
   ), N = s(
-    () => a.toArray(t).find(
-      (e) => v(e) && e.type === j
+    () => i.toArray(t).find(
+      (e) => v(e) && e.type === x
     ),
     [t]
   );
-  return D(() => {
+  return b(() => {
     c && L(c);
-  }, [L, c]), /* @__PURE__ */ x(
+  }, [L, c]), /* @__PURE__ */ T(
     "aside",
     {
       ref: u,
       className: E(
-        V({
+        j({
           className: w,
           theme: g
         })
@@ -68,11 +70,11 @@ const I = ({
         h,
         A,
         N,
-        M && /* @__PURE__ */ C(
+        M && /* @__PURE__ */ V(
           "div",
           {
             ref: r,
-            className: E(b({ theme: g })),
+            className: E(z({ theme: g })),
             onMouseDown: R
           }
         )
@@ -81,5 +83,5 @@ const I = ({
   );
 };
 export {
-  I as Wrapper
+  K as Wrapper
 };

package/dist/components/Slider/Slider.js

@@ -1,17 +1,15 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { R as v, T, b as V } from "../../index-z-AJyzdv.js";
-import { forwardRef as b, useRef as R, useState as g, useImperativeHandle as j, useEffect as k, useCallback as w } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as y } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { cn as a } from "../../utils/index.js";
-import { sliderVariants as C, trackVariants as S, thumbVariants as E } from "./Slider.variants.js";
-const J = b(
-  ({ label: s, defaultValue: i = [0], name: c, theme: o, size: m, showValue: u, ...f }, h) => {
-    const e = R(null), [r, d] = g(i), { theme: p } = y(), n = o ?? p;
+import { R as v, T, a as V } from "../../index-CJsYodgi.js";
+import { forwardRef as R, useRef as b, useState as g, useImperativeHandle as j, useEffect as k, useCallback as w } from "react";
+import { cn as r } from "../../utils/index.js";
+import { sliderVariants as y, trackVariants as C, thumbVariants as S } from "./Slider.variants.js";
+import { useTheme as E } from "../../contexts/theme.hook.js";
+const F = R(
+  ({ label: s, defaultValue: c = [0], name: i, theme: o, size: m, showValue: u, ...f }, h) => {
+    const e = b(null), [a, d] = g(c), { theme: p } = E(), n = o ?? p;
     j(h, () => e.current, [e]), k(() => {
-      e.current && (e.current.value = r.toString());
-    }, [r]);
+      e.current && (e.current.value = a.toString());
+    }, [a]);
     const x = w(
       (N) => d(N),
       []
@@ -20,27 +18,27 @@ const J = b(
       /* @__PURE__ */ l(
         "div",
         {
-          className: a(
+          className: r(
             "flex items-center",
             s ? "justify-between" : "justify-end"
           ),
           children: [
             s ? /* @__PURE__ */ t("label", { children: s }) : null,
-            u ? /* @__PURE__ */ t("span", { className: "text-xs", children: r }) : null
+            u ? /* @__PURE__ */ t("span", { className: "text-xs", children: a }) : null
           ]
         }
       ),
-      /* @__PURE__ */ t("input", { ref: e, name: c, className: "hidden", type: "number" }),
+      /* @__PURE__ */ t("input", { ref: e, name: i, className: "hidden", type: "number" }),
       /* @__PURE__ */ l(
         v,
         {
-          value: r,
-          className: a(C({ theme: n })),
+          value: a,
+          className: r(y({ theme: n })),
           onValueChange: x,
           ...f,
           children: [
-            /* @__PURE__ */ t(T, { className: a(S({ theme: n, size: m })) }),
-            /* @__PURE__ */ t(V, { className: a(E({ theme: n, size: m })) })
+            /* @__PURE__ */ t(T, { className: r(C({ theme: n, size: m })) }),
+            /* @__PURE__ */ t(V, { className: r(S({ theme: n, size: m })) })
           ]
         }
       )
@@ -48,5 +46,5 @@ const J = b(
   }
 );
 export {
-  J as Slider
+  F as Slider
 };