@konstructio/ui 0.0.9 → 0.0.11

package/dist/components/Toast/Toast.js

@@ -1,19 +1,20 @@
-import { jsxs as D, jsx as c, Fragment as ne } from "react/jsx-runtime";
+import { jsxs as D, jsx as c, Fragment as se } from "react/jsx-runtime";
+import { u as ae, S as j } from "../../index-DoOsnuB6.js";
 import * as s from "react";
-import { useState as xe, useRef as Re, useEffect as be, useMemo as te, isValidElement as oe, useCallback as ge } from "react";
-import { P as L, r as Se, d as Ie } from "../../index-BaNV0qac.js";
-import { c as Ne, a as Ae, b as X, d as b, u as Fe } from "../../index-8vgf-x5i.js";
-import { u as se, S as j } from "../../index-DoOsnuB6.js";
-import { c as _e } from "../../index-BBjak_0p.js";
-import { B as De, R as Le, P as Oe } from "../../index-BedjZUuB.js";
-import { P as Me } from "../../index-D4Q2rMby.js";
-import { V as ae, R as ke } from "../../index-BtibbG81.js";
+import { useState as Re, useRef as be, useEffect as ge, useMemo as oe, isValidElement as re, useCallback as Se } from "react";
+import { P as L, r as Ie, d as Ne } from "../../index-BaNV0qac.js";
+import { c as Ae, a as Fe, b as X, d as b, u as _e } from "../../index-8vgf-x5i.js";
+import { c as De } from "../../index-BBjak_0p.js";
+import { B as Le, R as Oe, P as Me } from "../../index-BedjZUuB.js";
+import { P as ke } from "../../index-D4Q2rMby.js";
+import { V as ie, R as Ve } from "../../index-BtibbG81.js";
 import "../../contexts/theme.context.js";
-import { useTheme as Ve } from "../../contexts/theme.hook.js";
+import { useTheme as Ke } from "../../contexts/theme.hook.js";
 import "../../js.cookie-OLEfuq_g.js";
-import { toastVariants as Ke, closeToastVariants as He, viewportToastVariants as We } from "./Toast.variants.js";
-import { X as Xe } from "../../x-CRBgmX1Q.js";
-var Q = "ToastProvider", [Z, $e, Ue] = _e("Toast"), [ie, gt] = Ne("Toast", [Ue]), [Ye, $] = ie(Q), ce = (e) => {
+import { cn as q } from "../../utils/index.js";
+import { toastVariants as He, closeToastVariants as We, viewportToastVariants as Xe } from "./Toast.variants.js";
+import { X as $e } from "../../x-CRBgmX1Q.js";
+var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, It] = Ae("Toast", [Ye]), [Be, $] = ce(Z), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
@@ -23,9 +24,9 @@ var Q = "ToastProvider", [Z, $e, Ue] = _e("Toast"), [ie, gt] = Ne("Toast", [Ue])
     children: p
   } = e, [m, v] = s.useState(null), [n, w] = s.useState(0), E = s.useRef(!1), I = s.useRef(!1);
   return o.trim() || console.error(
-    `Invalid prop \`label\` supplied to \`${Q}\`. Expected non-empty \`string\`.`
-  ), /* @__PURE__ */ c(Z.Provider, { scope: r, children: /* @__PURE__ */ c(
-    Ye,
+    `Invalid prop \`label\` supplied to \`${Z}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ c(ee.Provider, { scope: r, children: /* @__PURE__ */ c(
+    Be,
     {
       scope: r,
       label: o,
@@ -43,15 +44,15 @@ var Q = "ToastProvider", [Z, $e, Ue] = _e("Toast"), [ie, gt] = Ne("Toast", [Ue])
     }
   ) });
 };
-ce.displayName = Q;
-var ue = "ToastViewport", Be = ["F8"], z = "toast.viewportPause", G = "toast.viewportResume", le = s.forwardRef(
+ue.displayName = Z;
+var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.viewportResume", de = s.forwardRef(
   (e, r) => {
     const {
       __scopeToast: o,
-      hotkey: t = Be,
+      hotkey: t = je,
       label: u = "Notifications ({hotkey})",
       ...d
-    } = e, p = $(ue, o), m = $e(o), v = s.useRef(null), n = s.useRef(null), w = s.useRef(null), E = s.useRef(null), I = se(r, E, p.onViewportChange), R = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = p.toastCount > 0;
+    } = e, p = $(le, o), m = Ue(o), v = s.useRef(null), n = s.useRef(null), w = s.useRef(null), E = s.useRef(null), I = ae(r, E, p.onViewportChange), R = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = p.toastCount > 0;
     s.useEffect(() => {
       const a = (P) => {
         var T;
@@ -63,12 +64,12 @@ var ue = "ToastViewport", Be = ["F8"], z = "toast.viewportPause", G = "toast.vie
       if (g && a && P) {
         const f = () => {
           if (!p.isClosePausedRef.current) {
-            const C = new CustomEvent(z);
+            const C = new CustomEvent(G);
             P.dispatchEvent(C), p.isClosePausedRef.current = !0;
           }
         }, T = () => {
           if (p.isClosePausedRef.current) {
-            const C = new CustomEvent(G);
+            const C = new CustomEvent(J);
             P.dispatchEvent(C), p.isClosePausedRef.current = !1;
           }
         }, h = (C) => {
@@ -84,7 +85,7 @@ var ue = "ToastViewport", Be = ["F8"], z = "toast.viewportPause", G = "toast.vie
     const l = s.useCallback(
       ({ tabbingDirection: a }) => {
         const f = m().map((T) => {
-          const h = T.ref.current, y = [h, ...st(h)];
+          const h = T.ref.current, y = [h, ...at(h)];
           return a === "forwards" ? y : y.reverse();
         });
         return (a === "forwards" ? f.reverse() : f).flat();
@@ -104,13 +105,13 @@ var ue = "ToastViewport", Be = ["F8"], z = "toast.viewportPause", G = "toast.vie
               return;
             }
             const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), V = A.findIndex((i) => i === O);
-            q(A.slice(V + 1)) ? f.preventDefault() : F ? (C = n.current) == null || C.focus() : (N = w.current) == null || N.focus();
+            z(A.slice(V + 1)) ? f.preventDefault() : F ? (C = n.current) == null || C.focus() : (N = w.current) == null || N.focus();
           }
         };
         return a.addEventListener("keydown", P), () => a.removeEventListener("keydown", P);
       }
     }, [m, l]), /* @__PURE__ */ D(
-      De,
+      Le,
       {
         ref: v,
         role: "region",
@@ -119,27 +120,27 @@ var ue = "ToastViewport", Be = ["F8"], z = "toast.viewportPause", G = "toast.vie
         style: { pointerEvents: g ? void 0 : "none" },
         children: [
           g && /* @__PURE__ */ c(
-            J,
+            Q,
             {
               ref: n,
               onFocusFromOutsideViewport: () => {
                 const a = l({
                   tabbingDirection: "forwards"
                 });
-                q(a);
+                z(a);
               }
             }
           ),
-          /* @__PURE__ */ c(Z.Slot, { scope: o, children: /* @__PURE__ */ c(L.ol, { tabIndex: -1, ...d, ref: I }) }),
+          /* @__PURE__ */ c(ee.Slot, { scope: o, children: /* @__PURE__ */ c(L.ol, { tabIndex: -1, ...d, ref: I }) }),
           g && /* @__PURE__ */ c(
-            J,
+            Q,
             {
               ref: w,
               onFocusFromOutsideViewport: () => {
                 const a = l({
                   tabbingDirection: "backwards"
                 });
-                q(a);
+                z(a);
               }
             }
           )
@@ -148,12 +149,12 @@ var ue = "ToastViewport", Be = ["F8"], z = "toast.viewportPause", G = "toast.vie
     );
   }
 );
-le.displayName = ue;
-var de = "ToastFocusProxy", J = s.forwardRef(
+de.displayName = le;
+var pe = "ToastFocusProxy", Q = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(de, o);
+    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(pe, o);
     return /* @__PURE__ */ c(
-      ae,
+      ie,
       {
         "aria-hidden": !0,
         tabIndex: 0,
@@ -169,16 +170,16 @@ var de = "ToastFocusProxy", J = s.forwardRef(
     );
   }
 );
-J.displayName = de;
-var U = "Toast", je = "toast.swipeStart", qe = "toast.swipeMove", ze = "toast.swipeCancel", Ge = "toast.swipeEnd", pe = s.forwardRef(
+Q.displayName = pe;
+var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.swipeCancel", Je = "toast.swipeEnd", fe = s.forwardRef(
   (e, r) => {
-    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...p } = e, [m = !0, v] = Ae({
+    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...p } = e, [m = !0, v] = Fe({
       prop: t,
       defaultProp: u,
       onChange: d
     });
-    return /* @__PURE__ */ c(Me, { present: o || m, children: /* @__PURE__ */ c(
-      Ze,
+    return /* @__PURE__ */ c(ke, { present: o || m, children: /* @__PURE__ */ c(
+      et,
       {
         open: m,
         ...p,
@@ -204,11 +205,11 @@ var U = "Toast", je = "toast.swipeStart", qe = "toast.swipeMove", ze = "toast.sw
     ) });
   }
 );
-pe.displayName = U;
-var [Je, Qe] = ie(U, {
+fe.displayName = U;
+var [Qe, Ze] = ce(U, {
   onClose() {
   }
-}), Ze = s.forwardRef(
+}), et = s.forwardRef(
   (e, r) => {
     const {
       __scopeToast: o,
@@ -224,7 +225,7 @@ var [Je, Qe] = ie(U, {
       onSwipeCancel: I,
       onSwipeEnd: R,
       ...g
-    } = e, l = $(U, o), [a, P] = s.useState(null), f = se(r, (i) => P(i)), T = s.useRef(null), h = s.useRef(null), y = u || l.duration, C = s.useRef(0), N = s.useRef(y), O = s.useRef(0), { onToastAdd: F, onToastRemove: Y } = l, _ = X(() => {
+    } = e, l = $(U, o), [a, P] = s.useState(null), f = ae(r, (i) => P(i)), T = s.useRef(null), h = s.useRef(null), y = u || l.duration, C = s.useRef(0), N = s.useRef(y), O = s.useRef(0), { onToastAdd: F, onToastRemove: Y } = l, _ = X(() => {
       var x;
       (a == null ? void 0 : a.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), p();
     }), A = s.useCallback(
@@ -242,17 +243,17 @@ var [Je, Qe] = ie(U, {
           const M = (/* @__PURE__ */ new Date()).getTime() - C.current;
           N.current = N.current - M, window.clearTimeout(O.current), v == null || v();
         };
-        return i.addEventListener(z, S), i.addEventListener(G, x), () => {
-          i.removeEventListener(z, S), i.removeEventListener(G, x);
+        return i.addEventListener(G, S), i.addEventListener(J, x), () => {
+          i.removeEventListener(G, S), i.removeEventListener(J, x);
         };
       }
     }, [l.viewport, y, v, n, A]), s.useEffect(() => {
       d && !l.isClosePausedRef.current && A(y);
     }, [d, y, l.isClosePausedRef, A]), s.useEffect(() => (F(), () => Y()), [F, Y]);
-    const V = s.useMemo(() => a ? ye(a) : null, [a]);
-    return l.viewport ? /* @__PURE__ */ D(ne, { children: [
+    const V = s.useMemo(() => a ? Pe(a) : null, [a]);
+    return l.viewport ? /* @__PURE__ */ D(se, { children: [
       V && /* @__PURE__ */ c(
-        et,
+        tt,
         {
           __scopeToast: o,
           role: "status",
@@ -261,9 +262,9 @@ var [Je, Qe] = ie(U, {
           children: V
         }
       ),
-      /* @__PURE__ */ c(Je, { scope: o, onClose: _, children: Se.createPortal(
-        /* @__PURE__ */ c(Z.ItemSlot, { scope: o, children: /* @__PURE__ */ c(
-          Le,
+      /* @__PURE__ */ c(Qe, { scope: o, onClose: _, children: Ie.createPortal(
+        /* @__PURE__ */ c(ee.ItemSlot, { scope: o, children: /* @__PURE__ */ c(
+          Oe,
           {
             asChild: !0,
             onEscapeKeyDown: b(m, () => {
@@ -289,10 +290,10 @@ var [Je, Qe] = ie(U, {
                 }),
                 onPointerMove: b(e.onPointerMove, (i) => {
                   if (!T.current) return;
-                  const x = i.clientX - T.current.x, S = i.clientY - T.current.y, M = !!h.current, k = ["left", "right"].includes(l.swipeDirection), K = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Pe = k ? K(0, x) : 0, Ce = k ? 0 : K(0, S), B = i.pointerType === "touch" ? 10 : 2, H = { x: Pe, y: Ce }, ee = { originalEvent: i, delta: H };
-                  M ? (h.current = H, W(qe, E, ee, {
+                  const x = i.clientX - T.current.x, S = i.clientY - T.current.y, M = !!h.current, k = ["left", "right"].includes(l.swipeDirection), K = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Ce = k ? K(0, x) : 0, xe = k ? 0 : K(0, S), B = i.pointerType === "touch" ? 10 : 2, H = { x: Ce, y: xe }, te = { originalEvent: i, delta: H };
+                  M ? (h.current = H, W(ze, E, te, {
                     discrete: !1
-                  })) : re(H, l.swipeDirection, B) ? (h.current = H, W(je, w, ee, {
+                  })) : ne(H, l.swipeDirection, B) ? (h.current = H, W(qe, w, te, {
                     discrete: !1
                   }), i.target.setPointerCapture(i.pointerId)) : (Math.abs(x) > B || Math.abs(S) > B) && (T.current = null);
                 }),
@@ -300,10 +301,10 @@ var [Je, Qe] = ie(U, {
                   const x = h.current, S = i.target;
                   if (S.hasPointerCapture(i.pointerId) && S.releasePointerCapture(i.pointerId), h.current = null, T.current = null, x) {
                     const M = i.currentTarget, k = { originalEvent: i, delta: x };
-                    re(x, l.swipeDirection, l.swipeThreshold) ? W(Ge, R, k, {
+                    ne(x, l.swipeDirection, l.swipeThreshold) ? W(Je, R, k, {
                       discrete: !0
                     }) : W(
-                      ze,
+                      Ge,
                       I,
                       k,
                       {
@@ -322,43 +323,43 @@ var [Je, Qe] = ie(U, {
       ) })
     ] }) : null;
   }
-), et = (e) => {
+), tt = (e) => {
   const { __scopeToast: r, children: o, ...t } = e, u = $(U, r), [d, p] = s.useState(!1), [m, v] = s.useState(!1);
-  return rt(() => p(!0)), s.useEffect(() => {
+  return nt(() => p(!0)), s.useEffect(() => {
     const n = window.setTimeout(() => v(!0), 1e3);
     return () => window.clearTimeout(n);
-  }, []), m ? null : /* @__PURE__ */ c(Oe, { asChild: !0, children: /* @__PURE__ */ c(ae, { ...t, children: d && /* @__PURE__ */ D(ne, { children: [
+  }, []), m ? null : /* @__PURE__ */ c(Me, { asChild: !0, children: /* @__PURE__ */ c(ie, { ...t, children: d && /* @__PURE__ */ D(se, { children: [
     u.label,
     " ",
     o
   ] }) }) });
-}, tt = "ToastTitle", fe = s.forwardRef(
+}, ot = "ToastTitle", me = s.forwardRef(
   (e, r) => {
     const { __scopeToast: o, ...t } = e;
     return /* @__PURE__ */ c(L.div, { ...t, ref: r });
   }
 );
-fe.displayName = tt;
-var ot = "ToastDescription", me = s.forwardRef(
+me.displayName = ot;
+var rt = "ToastDescription", Te = s.forwardRef(
   (e, r) => {
     const { __scopeToast: o, ...t } = e;
     return /* @__PURE__ */ c(L.div, { ...t, ref: r });
   }
 );
-me.displayName = ot;
-var Te = "ToastAction", ve = s.forwardRef(
+Te.displayName = rt;
+var ve = "ToastAction", we = s.forwardRef(
   (e, r) => {
     const { altText: o, ...t } = e;
-    return o.trim() ? /* @__PURE__ */ c(he, { altText: o, asChild: !0, children: /* @__PURE__ */ c(Ee, { ...t, ref: r }) }) : (console.error(
-      `Invalid prop \`altText\` supplied to \`${Te}\`. Expected non-empty \`string\`.`
+    return o.trim() ? /* @__PURE__ */ c(ye, { altText: o, asChild: !0, children: /* @__PURE__ */ c(he, { ...t, ref: r }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${ve}\`. Expected non-empty \`string\`.`
     ), null);
   }
 );
-ve.displayName = Te;
-var we = "ToastClose", Ee = s.forwardRef(
+we.displayName = ve;
+var Ee = "ToastClose", he = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, ...t } = e, u = Qe(we, o);
-    return /* @__PURE__ */ c(he, { asChild: !0, children: /* @__PURE__ */ c(
+    const { __scopeToast: o, ...t } = e, u = Ze(Ee, o);
+    return /* @__PURE__ */ c(ye, { asChild: !0, children: /* @__PURE__ */ c(
       L.button,
       {
         type: "button",
@@ -369,8 +370,8 @@ var we = "ToastClose", Ee = s.forwardRef(
     ) });
   }
 );
-Ee.displayName = we;
-var he = s.forwardRef((e, r) => {
+he.displayName = Ee;
+var ye = s.forwardRef((e, r) => {
   const { __scopeToast: o, altText: t, ...u } = e;
   return /* @__PURE__ */ c(
     L.div,
@@ -382,42 +383,42 @@ var he = s.forwardRef((e, r) => {
     }
   );
 });
-function ye(e) {
+function Pe(e) {
   const r = [];
   return Array.from(e.childNodes).forEach((t) => {
-    if (t.nodeType === t.TEXT_NODE && t.textContent && r.push(t.textContent), nt(t)) {
+    if (t.nodeType === t.TEXT_NODE && t.textContent && r.push(t.textContent), st(t)) {
       const u = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
       if (!u)
         if (d) {
           const p = t.dataset.radixToastAnnounceAlt;
           p && r.push(p);
         } else
-          r.push(...ye(t));
+          r.push(...Pe(t));
     }
   }), r;
 }
 function W(e, r, o, { discrete: t }) {
   const u = o.originalEvent.currentTarget, d = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: o });
-  r && u.addEventListener(e, r, { once: !0 }), t ? Ie(u, d) : u.dispatchEvent(d);
+  r && u.addEventListener(e, r, { once: !0 }), t ? Ne(u, d) : u.dispatchEvent(d);
 }
-var re = (e, r, o = 0) => {
+var ne = (e, r, o = 0) => {
   const t = Math.abs(e.x), u = Math.abs(e.y), d = t > u;
   return r === "left" || r === "right" ? d && t > o : !d && u > o;
 };
-function rt(e = () => {
+function nt(e = () => {
 }) {
   const r = X(e);
-  Fe(() => {
+  _e(() => {
     let o = 0, t = 0;
     return o = window.requestAnimationFrame(() => t = window.requestAnimationFrame(r)), () => {
       window.cancelAnimationFrame(o), window.cancelAnimationFrame(t);
     };
   }, [r]);
 }
-function nt(e) {
+function st(e) {
   return e.nodeType === e.ELEMENT_NODE;
 }
-function st(e) {
+function at(e) {
   const r = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (t) => {
       const u = t.tagName === "INPUT" && t.type === "hidden";
@@ -427,12 +428,12 @@ function st(e) {
   for (; o.nextNode(); ) r.push(o.currentNode);
   return r;
 }
-function q(e) {
+function z(e) {
   const r = document.activeElement;
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
-var at = ce, it = le, ct = pe, ut = fe, lt = me, dt = ve;
-const St = ({
+var it = ue, ct = de, ut = fe, lt = me, dt = Te, pt = we;
+const Nt = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
@@ -443,32 +444,37 @@ const St = ({
   showCloseButton: m = !0,
   className: v
 }) => {
-  const [n, w] = xe(!1), E = Re(0), { theme: I } = Ve(), R = p ?? I;
-  be(() => () => clearTimeout(E.current), []);
-  const g = te(() => oe(e) ? /* @__PURE__ */ c(j, { className: o, children: e }) : /* @__PURE__ */ c("h6", { className: o, children: e }), [e, o]), l = te(() => oe(u) ? /* @__PURE__ */ c(j, { className: t, children: u }) : /* @__PURE__ */ c("h6", { className: t, children: u }), [u, t]), a = ge(() => {
+  const [n, w] = Re(!1), E = be(0), { theme: I } = Ke(), R = p ?? I;
+  ge(() => () => clearTimeout(E.current), []);
+  const g = oe(() => re(e) ? /* @__PURE__ */ c(j, { className: o, children: e }) : /* @__PURE__ */ c("h6", { className: o, children: e }), [e, o]), l = oe(() => re(u) ? /* @__PURE__ */ c(j, { className: t, children: u }) : /* @__PURE__ */ c("h6", { className: t, children: u }), [u, t]), a = Se(() => {
     w(!1), E.current = window.setTimeout(() => w(!0), 100);
   }, []);
-  return /* @__PURE__ */ D(at, { swipeDirection: "right", duration: r, children: [
+  return /* @__PURE__ */ D(it, { swipeDirection: "right", duration: r, children: [
     /* @__PURE__ */ c(j, { onClick: a, children: d }),
     /* @__PURE__ */ D(
-      ct,
+      ut,
       {
-        className: Ke({ theme: R, className: v }),
+        className: q(He({ theme: R, className: v })),
         open: n,
         onOpenChange: w,
         children: [
-          /* @__PURE__ */ c(ut, { asChild: !0, className: "text-lg mb-2 font-semibold", children: g }),
-          /* @__PURE__ */ c(lt, { asChild: !0, children: l }),
-          m && /* @__PURE__ */ c(dt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ D("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
-            /* @__PURE__ */ c(Xe, { className: He({ theme: R }) }),
-            /* @__PURE__ */ c(ke, { children: "Close toast" })
+          /* @__PURE__ */ c(lt, { asChild: !0, className: "text-lg mb-2 font-semibold", children: g }),
+          /* @__PURE__ */ c(dt, { asChild: !0, children: l }),
+          m && /* @__PURE__ */ c(pt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ D("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
+            /* @__PURE__ */ c($e, { className: q(We({ theme: R })) }),
+            /* @__PURE__ */ c(Ve, { children: "Close toast" })
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ c(it, { className: We({ theme: R }) })
+    /* @__PURE__ */ c(
+      ct,
+      {
+        className: q(Xe({ theme: R }))
+      }
+    )
   ] });
 };
 export {
-  St as Toast
+  Nt as Toast
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,36 +1,36 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as N, useRef as w, useImperativeHandle as x, useMemo as R, isValidElement as T } from "react";
-import { S as i } from "../../index-DoOsnuB6.js";
+import { S as a } from "../../index-DoOsnuB6.js";
 import "../../contexts/theme.context.js";
 import { useTheme as V } from "../../contexts/theme.hook.js";
 import "../../js.cookie-OLEfuq_g.js";
-import { cn as a } from "../../utils/index.js";
+import { cn as o } from "../../utils/index.js";
 import { tooltipVariants as b, arrowVariants as j } from "./Tooltip.variants.js";
 import { useTooltip as C } from "./hooks/useTooltip.js";
 const z = N(
-  ({ children: t, content: l, className: n, theme: p, position: r, wrapperClassName: c }, f) => {
-    const d = w(null), { theme: h } = V(), s = p ?? h, { isVisible: u, componentRef: o } = C();
-    x(f, () => o.current, [o]);
+  ({ children: t, content: l, className: n, theme: p, position: s, wrapperClassName: c }, f) => {
+    const d = w(null), { theme: h } = V(), m = p ?? h, { isVisible: u, componentRef: r } = C();
+    x(f, () => r.current, [r]);
     const v = R(
       () => T(t) ? t : /* @__PURE__ */ e("p", { className: "p-2", children: t }),
       [t]
     );
-    return /* @__PURE__ */ e("div", { className: a("w-full", c), children: /* @__PURE__ */ m("div", { className: "relative w-max", children: [
-      /* @__PURE__ */ e(i, { ref: o, className: a("cursor-pointer ", n), children: v }),
-      /* @__PURE__ */ m(
+    return /* @__PURE__ */ e("div", { className: o("w-full", c), children: /* @__PURE__ */ i("div", { className: "relative w-max", children: [
+      /* @__PURE__ */ e(a, { ref: r, className: o("cursor-pointer ", n), children: v }),
+      /* @__PURE__ */ i(
         "div",
         {
           ref: d,
-          className: b({ theme: s, position: r }),
+          className: o(b({ theme: m, position: s })),
           "data-visible": u,
           children: [
             /* @__PURE__ */ e(
               "span",
               {
-                className: j({ theme: s, position: r })
+                className: o(j({ theme: m, position: s }))
               }
             ),
-            /* @__PURE__ */ e(i, { children: l })
+            /* @__PURE__ */ e(a, { children: l })
           ]
         }
       )

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './NumberInput/NumberInput';
 export * from './ProgressBar/ProgressBar';
 export * from './Radio/Radio';
 export * from './Range/Range';
+export * from './Sidebar/Sidebar';
 export * from './Slider/Slider';
 export * from './Switch/Switch';
 export * from './Tag/Tag';

package/dist/components/index.js

@@ -1,42 +1,56 @@
-import { AlertDialog as e } from "./AlertDialog/AlertDialog.js";
+import { AlertDialog as t } from "./AlertDialog/AlertDialog.js";
 import { Autocomplete as p } from "./Autocomplete/Autocomplete.js";
 import { Breadcrumb as x } from "./Breadcrumb/Breadcrumb.js";
 import { Button as a } from "./Button/Button.js";
-import { Card as d } from "./Card/Card.js";
-import { Checkbox as c } from "./Checkbox/Checkbox.js";
-import { Dropdown as i } from "./Dropdown/Dropdown.js";
-import { Input as T } from "./Input/Input.js";
-import { M as b } from "../Modal-Ca3bkvvt.js";
-import { NumberInput as B } from "./NumberInput/NumberInput.js";
-import { ProgressBar as h } from "./ProgressBar/ProgressBar.js";
-import { Radio as C } from "./Radio/Radio.js";
-import { Range as I } from "./Range/Range.js";
+import { Card as g } from "./Card/Card.js";
+import { Checkbox as d } from "./Checkbox/Checkbox.js";
+import { Dropdown as u } from "./Dropdown/Dropdown.js";
+import { Input as N } from "./Input/Input.js";
+import { M as T } from "../Modal-L73dmnHv.js";
+import { NumberInput as s } from "./NumberInput/NumberInput.js";
+import { ProgressBar as A } from "./ProgressBar/ProgressBar.js";
+import { Radio as h } from "./Radio/Radio.js";
+import { Range as C } from "./Range/Range.js";
+import { Sidebar as I } from "./Sidebar/Sidebar.js";
 import { Slider as R } from "./Slider/Slider.js";
-import { Switch as N } from "./Switch/Switch.js";
-import { Tag as j } from "./Tag/Tag.js";
-import { TagSelect as v } from "./TagSelect/TagSelect.js";
-import { TextArea as z } from "./TextArea/TextArea.js";
-import { Toast as F } from "./Toast/Toast.js";
+import { Switch as F } from "./Switch/Switch.js";
+import { Tag as L } from "./Tag/Tag.js";
+import { TagSelect as P } from "./TagSelect/TagSelect.js";
+import { TextArea as q } from "./TextArea/TextArea.js";
+import { Toast as z } from "./Toast/Toast.js";
 import { Tooltip as H } from "./Tooltip/Tooltip.js";
+import { Footer as K } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as U } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as W } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as Y } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as _ } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as oo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
 export {
-  e as AlertDialog,
+  t as AlertDialog,
   p as Autocomplete,
   x as Breadcrumb,
   a as Button,
-  d as Card,
-  c as Checkbox,
-  i as Dropdown,
-  T as Input,
-  b as Modal,
-  B as NumberInput,
-  h as ProgressBar,
-  C as Radio,
-  I as Range,
+  g as Card,
+  d as Checkbox,
+  u as Dropdown,
+  K as Footer,
+  N as Input,
+  U as Logo,
+  T as Modal,
+  W as Navigation,
+  Y as NavigationGroup,
+  _ as NavigationOption,
+  oo as NavigationSeparator,
+  s as NumberInput,
+  A as ProgressBar,
+  h as Radio,
+  C as Range,
+  I as Sidebar,
   R as Slider,
-  N as Switch,
-  j as Tag,
-  v as TagSelect,
-  z as TextArea,
-  F as Toast,
+  F as Switch,
+  L as Tag,
+  P as TagSelect,
+  q as TextArea,
+  z as Toast,
   H as Tooltip
 };