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

package/dist/components/Toast/Toast.js

@@ -1,27 +1,25 @@
-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 { jsx as c, jsxs as D, Fragment as se } from "react/jsx-runtime";
+import { u as ae, S as j } from "../../index-B_6_jmOO.js";
 import * as s from "react";
 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 Ke } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
+import { P as L, r as Ie, d as Ne } from "../../index-BTeAm7mx.js";
+import { c as Ae, a as Fe, b, d as X, u as _e } from "../../index-Cva-e5M4.js";
+import { c as De } from "../../index-BbsJ0VIJ.js";
+import { B as Le, R as Oe, P as Me } from "../../index-B33at13_.js";
+import { P as ke } from "../../index-Dj1pom3_.js";
+import { V as ie, R as Ve } from "../../index-Z1voPZOH.js";
 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) => {
+import { closeToastVariants as Ke, toastVariants as He, viewportToastVariants as We } from "./Toast.variants.js";
+import { X as Xe } from "../../x-DU-Zw-L_.js";
+import { useTheme as $e } from "../../contexts/theme.hook.js";
+var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, gt] = Ae("Toast", [Ye]), [Be, $] = ce(Z), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
     duration: t = 5e3,
     swipeDirection: u = "right",
     swipeThreshold: d = 50,
-    children: p
+    children: f
   } = 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 \`${Z}\`. Expected non-empty \`string\`.`
@@ -40,7 +38,7 @@ var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, It] = Ae("Toast", [Ye]
       onToastRemove: s.useCallback(() => w((R) => R - 1), []),
       isFocusedToastEscapeKeyDownRef: E,
       isClosePausedRef: I,
-      children: p
+      children: f
     }
   ) });
 };
@@ -52,7 +50,7 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
       hotkey: t = je,
       label: u = "Notifications ({hotkey})",
       ...d
-    } = 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;
+    } = e, f = $(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, f.onViewportChange), R = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = f.toastCount > 0;
     s.useEffect(() => {
       const a = (P) => {
         var T;
@@ -62,50 +60,50 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
     }, [t]), s.useEffect(() => {
       const a = v.current, P = E.current;
       if (g && a && P) {
-        const f = () => {
-          if (!p.isClosePausedRef.current) {
+        const p = () => {
+          if (!f.isClosePausedRef.current) {
             const C = new CustomEvent(G);
-            P.dispatchEvent(C), p.isClosePausedRef.current = !0;
+            P.dispatchEvent(C), f.isClosePausedRef.current = !0;
           }
         }, T = () => {
-          if (p.isClosePausedRef.current) {
+          if (f.isClosePausedRef.current) {
             const C = new CustomEvent(J);
-            P.dispatchEvent(C), p.isClosePausedRef.current = !1;
+            P.dispatchEvent(C), f.isClosePausedRef.current = !1;
           }
         }, h = (C) => {
           !a.contains(C.relatedTarget) && T();
         }, y = () => {
           a.contains(document.activeElement) || T();
         };
-        return a.addEventListener("focusin", f), a.addEventListener("focusout", h), a.addEventListener("pointermove", f), a.addEventListener("pointerleave", y), window.addEventListener("blur", f), window.addEventListener("focus", T), () => {
-          a.removeEventListener("focusin", f), a.removeEventListener("focusout", h), a.removeEventListener("pointermove", f), a.removeEventListener("pointerleave", y), window.removeEventListener("blur", f), window.removeEventListener("focus", T);
+        return a.addEventListener("focusin", p), a.addEventListener("focusout", h), a.addEventListener("pointermove", p), a.addEventListener("pointerleave", y), window.addEventListener("blur", p), window.addEventListener("focus", T), () => {
+          a.removeEventListener("focusin", p), a.removeEventListener("focusout", h), a.removeEventListener("pointermove", p), a.removeEventListener("pointerleave", y), window.removeEventListener("blur", p), window.removeEventListener("focus", T);
         };
       }
-    }, [g, p.isClosePausedRef]);
+    }, [g, f.isClosePausedRef]);
     const l = s.useCallback(
       ({ tabbingDirection: a }) => {
-        const f = m().map((T) => {
+        const p = m().map((T) => {
           const h = T.ref.current, y = [h, ...at(h)];
           return a === "forwards" ? y : y.reverse();
         });
-        return (a === "forwards" ? f.reverse() : f).flat();
+        return (a === "forwards" ? p.reverse() : p).flat();
       },
       [m]
     );
     return s.useEffect(() => {
       const a = E.current;
       if (a) {
-        const P = (f) => {
+        const P = (p) => {
           var y, C, N;
-          const T = f.altKey || f.ctrlKey || f.metaKey;
-          if (f.key === "Tab" && !T) {
-            const O = document.activeElement, F = f.shiftKey;
-            if (f.target === a && F) {
+          const T = p.altKey || p.ctrlKey || p.metaKey;
+          if (p.key === "Tab" && !T) {
+            const O = document.activeElement, F = p.shiftKey;
+            if (p.target === a && F) {
               (y = n.current) == null || y.focus();
               return;
             }
             const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), V = A.findIndex((i) => i === O);
-            z(A.slice(V + 1)) ? f.preventDefault() : F ? (C = n.current) == null || C.focus() : (N = w.current) == null || N.focus();
+            z(A.slice(V + 1)) ? p.preventDefault() : F ? (C = n.current) == null || C.focus() : (N = w.current) == null || N.focus();
           }
         };
         return a.addEventListener("keydown", P), () => a.removeEventListener("keydown", P);
@@ -150,9 +148,9 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
   }
 );
 de.displayName = le;
-var pe = "ToastFocusProxy", Q = s.forwardRef(
+var fe = "ToastFocusProxy", Q = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(pe, o);
+    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(fe, o);
     return /* @__PURE__ */ c(
       ie,
       {
@@ -161,19 +159,19 @@ var pe = "ToastFocusProxy", Q = s.forwardRef(
         ...u,
         ref: r,
         style: { position: "fixed" },
-        onFocus: (p) => {
+        onFocus: (f) => {
           var n;
-          const m = p.relatedTarget;
+          const m = f.relatedTarget;
           !((n = d.viewport) != null && n.contains(m)) && t();
         }
       }
     );
   }
 );
-Q.displayName = pe;
-var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.swipeCancel", Je = "toast.swipeEnd", fe = s.forwardRef(
+Q.displayName = fe;
+var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.swipeCancel", Je = "toast.swipeEnd", pe = s.forwardRef(
   (e, r) => {
-    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...p } = e, [m = !0, v] = Fe({
+    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m = !0, v] = Fe({
       prop: t,
       defaultProp: u,
       onChange: d
@@ -182,7 +180,7 @@ var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.sw
       et,
       {
         open: m,
-        ...p,
+        ...f,
         ref: r,
         onClose: () => v(!1),
         onPause: X(e.onPause),
@@ -205,7 +203,7 @@ var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.sw
     ) });
   }
 );
-fe.displayName = U;
+pe.displayName = U;
 var [Qe, Ze] = ce(U, {
   onClose() {
   }
@@ -216,7 +214,7 @@ var [Qe, Ze] = ce(U, {
       type: t = "foreground",
       duration: u,
       open: d,
-      onClose: p,
+      onClose: f,
       onEscapeKeyDown: m,
       onPause: v,
       onResume: n,
@@ -225,9 +223,9 @@ var [Qe, Ze] = ce(U, {
       onSwipeCancel: I,
       onSwipeEnd: R,
       ...g
-    } = 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(() => {
+    } = e, l = $(U, o), [a, P] = s.useState(null), p = 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 == null ? void 0 : a.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), f();
     }), A = s.useCallback(
       (i) => {
         !i || i === 1 / 0 || (window.clearTimeout(O.current), C.current = (/* @__PURE__ */ new Date()).getTime(), O.current = window.setTimeout(_, i));
@@ -280,7 +278,7 @@ var [Qe, Ze] = ce(U, {
                 "data-state": d ? "open" : "closed",
                 "data-swipe-direction": l.swipeDirection,
                 ...g,
-                ref: f,
+                ref: p,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
                 onKeyDown: b(e.onKeyDown, (i) => {
                   i.key === "Escape" && (m == null || m(i.nativeEvent), i.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, _()));
@@ -324,8 +322,8 @@ var [Qe, Ze] = ce(U, {
     ] }) : null;
   }
 ), tt = (e) => {
-  const { __scopeToast: r, children: o, ...t } = e, u = $(U, r), [d, p] = s.useState(!1), [m, v] = s.useState(!1);
-  return nt(() => p(!0)), s.useEffect(() => {
+  const { __scopeToast: r, children: o, ...t } = e, u = $(U, r), [d, f] = s.useState(!1), [m, v] = s.useState(!1);
+  return nt(() => f(!0)), s.useEffect(() => {
     const n = window.setTimeout(() => v(!0), 1e3);
     return () => window.clearTimeout(n);
   }, []), m ? null : /* @__PURE__ */ c(Me, { asChild: !0, children: /* @__PURE__ */ c(ie, { ...t, children: d && /* @__PURE__ */ D(se, { children: [
@@ -390,8 +388,8 @@ function Pe(e) {
       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);
+          const f = t.dataset.radixToastAnnounceAlt;
+          f && r.push(f);
         } else
           r.push(...Pe(t));
     }
@@ -432,19 +430,19 @@ function z(e) {
   const r = document.activeElement;
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
-var it = ue, ct = de, ut = fe, lt = me, dt = Te, pt = we;
-const Nt = ({
+var it = ue, ct = de, ut = pe, lt = me, dt = Te, ft = we;
+const St = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
   descriptionClassName: t,
   description: u,
   children: d,
-  theme: p,
+  theme: f,
   showCloseButton: m = !0,
   className: v
 }) => {
-  const [n, w] = Re(!1), E = be(0), { theme: I } = Ke(), R = p ?? I;
+  const [n, w] = Re(!1), E = be(0), { theme: I } = $e(), R = f ?? 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);
@@ -460,8 +458,8 @@ const Nt = ({
         children: [
           /* @__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 })) }),
+          m && /* @__PURE__ */ c(ft, { 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: q(Ke({ theme: R })) }),
             /* @__PURE__ */ c(Ve, { children: "Close toast" })
           ] }) })
         ]
@@ -470,11 +468,11 @@ const Nt = ({
     /* @__PURE__ */ c(
       ct,
       {
-        className: q(Xe({ theme: R }))
+        className: q(We({ theme: R }))
       }
     )
   ] });
 };
 export {
-  Nt as Toast
+  St as Toast
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,21 +1,19 @@
 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 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 { S as a } from "../../index-B_6_jmOO.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: s, wrapperClassName: c }, f) => {
-    const d = w(null), { theme: h } = V(), m = p ?? h, { isVisible: u, componentRef: r } = C();
+import { arrowVariants as V, tooltipVariants as b } from "./Tooltip.variants.js";
+import { useTooltip as j } from "./hooks/useTooltip.js";
+import { useTheme as C } from "../../contexts/theme.hook.js";
+const q = N(
+  ({ children: t, content: l, className: n, theme: c, position: s, wrapperClassName: p }, f) => {
+    const d = w(null), { theme: h } = C(), m = c ?? h, { isVisible: u, componentRef: r } = j();
     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: o("w-full", c), children: /* @__PURE__ */ i("div", { className: "relative w-max", children: [
+    return /* @__PURE__ */ e("div", { className: o("w-full", p), children: /* @__PURE__ */ i("div", { className: "relative w-max", children: [
       /* @__PURE__ */ e(a, { ref: r, className: o("cursor-pointer ", n), children: v }),
       /* @__PURE__ */ i(
         "div",
@@ -27,7 +25,7 @@ const z = N(
             /* @__PURE__ */ e(
               "span",
               {
-                className: o(j({ theme: m, position: s }))
+                className: o(V({ theme: m, position: s }))
               }
             ),
             /* @__PURE__ */ e(a, { children: l })
@@ -38,5 +36,5 @@ const z = N(
   }
 );
 export {
-  z as Tooltip
+  q as Tooltip
 };

package/dist/components/Typography/Typography.js

@@ -0,0 +1,30 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useId as h } from "react";
+import { typographyVariants as i } from "./Typography.variants.js";
+import { useTheme as y } from "../../contexts/theme.hook.js";
+const n = ({
+  className: o,
+  theme: t,
+  children: e,
+  variant: r,
+  ...m
+}) => {
+  const p = h(), { theme: s } = y();
+  return /* @__PURE__ */ a(
+    "p",
+    {
+      id: p,
+      className: i({
+        className: o,
+        theme: t ?? s,
+        variant: r
+      }),
+      ...m,
+      children: e
+    }
+  );
+};
+n.displayName = "Typography";
+export {
+  n as Typography
+};

package/dist/components/Typography/Typography.variants.js

@@ -0,0 +1,36 @@
+import { c as t } from "../../index-BNmRGtA6.js";
+const x = t([""], {
+  variants: {
+    variant: {
+      h1: "text-[57px] font-normal leading-[64px]",
+      h2: "text-[45px] font-normal leading-[52px]",
+      h3: "text-[36px] font-normal leading-[44px]",
+      h4: "text-[32px] font-normal leading-[40px]",
+      h5: "text-[28px] font-normal leading-[36px]",
+      h6: "text-[24px] font-medium leading-[32px] tracking-[0.15px]",
+      subtitle1: "text-[22px] font-normal leading-[28px]",
+      subtitle2: "text-[16px] font-medium leading-[24px] tracking-[0.15px]",
+      subtitle3: "text-[14px] font-medium leading-[20px] tracking-[0.1px]",
+      labelLarge: "text-[14px] font-normal leading-[20px] tracking-[0.1px]",
+      labelMedium: "text-[12px] font-medium leading-[16px] tracking-[0.5px] uppercase",
+      labelSmall: "text-[11px] font-medium leading-[16px] tracking-[0.5px] uppercase",
+      buttonSmall: "text-[14px] font-semibold leading-[20px] tracking-[0.25px]",
+      body1: "text-[16px] font-normal leading-[24px] tracking-[0.5px]",
+      body2: "text-[14px] font-normal leading-[20px] tracking-[0.25px]",
+      body3: "text-[12px] font-normal leading-[16px] tracking-[0.4px]",
+      tooltip: "text-[14px] font-normal leading-[22px]"
+    },
+    theme: {
+      kubefirst: "text-zinc-700",
+      colony: "text-zinc-700",
+      civo: "text-zinc-700"
+    }
+  },
+  defaultVariants: {
+    variant: "body1",
+    theme: "kubefirst"
+  }
+});
+export {
+  x as typographyVariants
+};

package/dist/components/index.js

@@ -1,56 +1,70 @@
-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 g } from "./Card/Card.js";
-import { Checkbox as d } from "./Checkbox/Checkbox.js";
-import { Dropdown as u } from "./Dropdown/Dropdown.js";
+import { Alert as t } from "./Alert/Alert.js";
+import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
+import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
+import { Breadcrumb as a } from "./Breadcrumb/Breadcrumb.js";
+import { Button as d } from "./Button/Button.js";
+import { Card as n } from "./Card/Card.js";
+import { Checkbox as l } from "./Checkbox/Checkbox.js";
+import { Dropdown as c } from "./Dropdown/Dropdown.js";
 import { Input as N } from "./Input/Input.js";
-import { M as T } from "../Modal-L73dmnHv.js";
+import { M as S } from "../Modal-DZUwNzSW.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 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";
+import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
+import { Radio as B } from "./Radio/Radio.js";
+import { RadioCard as G } from "./RadioCard/RadioCard.js";
+import { RadioCardGroup as y } from "./RadioCardGroup/RadioCardGroup.js";
+import { RadioGroup as L } from "./RadioGroup/RadioGroup.js";
+import { Range as k } from "./Range/Range.js";
+import { Sidebar as O } from "./Sidebar/Sidebar.js";
+import { Slider as j } from "./Slider/Slider.js";
+import { Switch as z } from "./Switch/Switch.js";
+import { Tag as H } from "./Tag/Tag.js";
+import { TagSelect as K } from "./TagSelect/TagSelect.js";
+import { TextArea as U } from "./TextArea/TextArea.js";
+import { Toast as W } from "./Toast/Toast.js";
+import { Tooltip as Y } from "./Tooltip/Tooltip.js";
+import { Loading as _ } from "./Loading/Loading.js";
+import { Typography as oo } from "./Typography/Typography.js";
+import { Divider as to } from "./Divider/Divider.js";
+import { Footer as po } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as xo } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as ao } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as go } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as uo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as To } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
 export {
-  t as AlertDialog,
-  p as Autocomplete,
-  x as Breadcrumb,
-  a as Button,
-  g as Card,
-  d as Checkbox,
-  u as Dropdown,
-  K as Footer,
+  t as Alert,
+  p as AlertDialog,
+  x as Autocomplete,
+  a as Breadcrumb,
+  d as Button,
+  n as Card,
+  l as Checkbox,
+  to as Divider,
+  c as Dropdown,
+  po as Footer,
   N as Input,
-  U as Logo,
-  T as Modal,
-  W as Navigation,
-  Y as NavigationGroup,
-  _ as NavigationOption,
-  oo as NavigationSeparator,
+  _ as Loading,
+  xo as Logo,
+  S as Modal,
+  ao as Navigation,
+  go as NavigationGroup,
+  uo as NavigationOption,
+  To as NavigationSeparator,
   s as NumberInput,
-  A as ProgressBar,
-  h as Radio,
-  C as Range,
-  I as Sidebar,
-  R as Slider,
-  F as Switch,
-  L as Tag,
-  P as TagSelect,
-  q as TextArea,
-  z as Toast,
-  H as Tooltip
+  C as ProgressBar,
+  B as Radio,
+  G as RadioCard,
+  y as RadioCardGroup,
+  L as RadioGroup,
+  k as Range,
+  O as Sidebar,
+  j as Slider,
+  z as Switch,
+  H as Tag,
+  K as TagSelect,
+  U as TextArea,
+  W as Toast,
+  Y as Tooltip,
+  oo as Typography
 };

package/dist/contexts/theme.provider.js

@@ -1,20 +1,90 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as i } from "react";
-import { a as n } from "../js.cookie-OLEfuq_g.js";
-import { isClient as s } from "../utils/index.js";
-import { ThemeContext as f } from "./theme.context.js";
-const v = ({
+import { jsx as v } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { isClient as g } from "../utils/index.js";
+import { ThemeContext as C } from "./theme.context.js";
+/*! js-cookie v3.0.5 | MIT */
+function u(r) {
+  for (var o = 1; o < arguments.length; o++) {
+    var t = arguments[o];
+    for (var f in t)
+      r[f] = t[f];
+  }
+  return r;
+}
+var l = {
+  read: function(r) {
+    return r[0] === '"' && (r = r.slice(1, -1)), r.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+  },
+  write: function(r) {
+    return encodeURIComponent(r).replace(
+      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
+      decodeURIComponent
+    );
+  }
+};
+function s(r, o) {
+  function t(n, p, e) {
+    if (!(typeof document > "u")) {
+      e = u({}, o, e), typeof e.expires == "number" && (e.expires = new Date(Date.now() + e.expires * 864e5)), e.expires && (e.expires = e.expires.toUTCString()), n = encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      var i = "";
+      for (var c in e)
+        e[c] && (i += "; " + c, e[c] !== !0 && (i += "=" + e[c].split(";")[0]));
+      return document.cookie = n + "=" + r.write(p, n) + i;
+    }
+  }
+  function f(n) {
+    if (!(typeof document > "u" || arguments.length && !n)) {
+      for (var p = document.cookie ? document.cookie.split("; ") : [], e = {}, i = 0; i < p.length; i++) {
+        var c = p[i].split("="), m = c.slice(1).join("=");
+        try {
+          var d = decodeURIComponent(c[0]);
+          if (e[d] = r.read(m, d), n === d)
+            break;
+        } catch {
+        }
+      }
+      return n ? e[n] : e;
+    }
+  }
+  return Object.create(
+    {
+      set: t,
+      get: f,
+      remove: function(n, p) {
+        t(
+          n,
+          "",
+          u({}, p, {
+            expires: -1
+          })
+        );
+      },
+      withAttributes: function(n) {
+        return s(this.converter, u({}, this.attributes, n));
+      },
+      withConverter: function(n) {
+        return s(u({}, this.converter, n), this.attributes);
+      }
+    },
+    {
+      attributes: { value: Object.freeze(o) },
+      converter: { value: Object.freeze(r) }
+    }
+  );
+}
+var a = s(l, { path: "/" });
+const R = ({
   children: r,
-  theme: e
+  theme: o
 }) => {
-  const [t, o] = i(() => {
-    if (e)
-      return e;
-    if (s)
-      return n.get("konstruct-theme");
+  const [t, f] = h(() => {
+    if (o)
+      return o;
+    if (g)
+      return a.get("konstruct-theme");
   });
-  return /* @__PURE__ */ m(f.Provider, { value: { theme: t, setTheme: o }, children: r });
+  return /* @__PURE__ */ v(C.Provider, { value: { theme: t, setTheme: f }, children: r });
 };
 export {
-  v as ThemeProvider
+  R as ThemeProvider
 };