@konstructio/ui 0.0.12-alpha.1 → 0.0.12

package/dist/components/Toast/Toast.js

@@ -2,24 +2,26 @@ 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 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-1GLoikpT.js";
+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-CoqDsznq.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-KEdwcThH.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 { cn as q } from "../../utils/index.js";
-import { toastVariants as Ke, closeToastVariants 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) => {
+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",
     duration: t = 5e3,
     swipeDirection: u = "right",
     swipeThreshold: d = 50,
-    children: f
+    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 \`${Z}\`. Expected non-empty \`string\`.`
@@ -38,7 +40,7 @@ var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, gt] = Ae("Toast", [Ye]
       onToastRemove: s.useCallback(() => w((R) => R - 1), []),
       isFocusedToastEscapeKeyDownRef: E,
       isClosePausedRef: I,
-      children: f
+      children: p
     }
   ) });
 };
@@ -50,7 +52,7 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
       hotkey: t = je,
       label: u = "Notifications ({hotkey})",
       ...d
-    } = 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;
+    } = 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;
@@ -60,50 +62,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 p = () => {
-          if (!f.isClosePausedRef.current) {
+        const f = () => {
+          if (!p.isClosePausedRef.current) {
             const C = new CustomEvent(G);
-            P.dispatchEvent(C), f.isClosePausedRef.current = !0;
+            P.dispatchEvent(C), p.isClosePausedRef.current = !0;
           }
         }, T = () => {
-          if (f.isClosePausedRef.current) {
+          if (p.isClosePausedRef.current) {
             const C = new CustomEvent(J);
-            P.dispatchEvent(C), f.isClosePausedRef.current = !1;
+            P.dispatchEvent(C), p.isClosePausedRef.current = !1;
           }
         }, h = (C) => {
           !a.contains(C.relatedTarget) && T();
         }, y = () => {
           a.contains(document.activeElement) || 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);
+        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);
         };
       }
-    }, [g, f.isClosePausedRef]);
+    }, [g, p.isClosePausedRef]);
     const l = s.useCallback(
       ({ tabbingDirection: a }) => {
-        const p = m().map((T) => {
+        const f = m().map((T) => {
           const h = T.ref.current, y = [h, ...at(h)];
           return a === "forwards" ? y : y.reverse();
         });
-        return (a === "forwards" ? p.reverse() : p).flat();
+        return (a === "forwards" ? f.reverse() : f).flat();
       },
       [m]
     );
     return s.useEffect(() => {
       const a = E.current;
       if (a) {
-        const P = (p) => {
+        const P = (f) => {
           var y, C, N;
-          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) {
+          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) {
               (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)) ? p.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);
@@ -148,9 +150,9 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
   }
 );
 de.displayName = le;
-var fe = "ToastFocusProxy", Q = s.forwardRef(
+var pe = "ToastFocusProxy", Q = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(fe, o);
+    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(pe, o);
     return /* @__PURE__ */ c(
       ie,
       {
@@ -159,19 +161,19 @@ var fe = "ToastFocusProxy", Q = s.forwardRef(
         ...u,
         ref: r,
         style: { position: "fixed" },
-        onFocus: (f) => {
+        onFocus: (p) => {
           var n;
-          const m = f.relatedTarget;
+          const m = p.relatedTarget;
           !((n = d.viewport) != null && n.contains(m)) && t();
         }
       }
     );
   }
 );
-Q.displayName = fe;
-var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.swipeCancel", Je = "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, ...f } = e, [m = !0, v] = Fe({
+    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...p } = e, [m = !0, v] = Fe({
       prop: t,
       defaultProp: u,
       onChange: d
@@ -180,7 +182,7 @@ var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.sw
       et,
       {
         open: m,
-        ...f,
+        ...p,
         ref: r,
         onClose: () => v(!1),
         onPause: X(e.onPause),
@@ -203,7 +205,7 @@ var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.sw
     ) });
   }
 );
-pe.displayName = U;
+fe.displayName = U;
 var [Qe, Ze] = ce(U, {
   onClose() {
   }
@@ -214,7 +216,7 @@ var [Qe, Ze] = ce(U, {
       type: t = "foreground",
       duration: u,
       open: d,
-      onClose: f,
+      onClose: p,
       onEscapeKeyDown: m,
       onPause: v,
       onResume: n,
@@ -223,9 +225,9 @@ var [Qe, Ze] = ce(U, {
       onSwipeCancel: I,
       onSwipeEnd: R,
       ...g
-    } = 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(() => {
+    } = 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()), f();
+      (a == null ? void 0 : a.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), p();
     }), A = s.useCallback(
       (i) => {
         !i || i === 1 / 0 || (window.clearTimeout(O.current), C.current = (/* @__PURE__ */ new Date()).getTime(), O.current = window.setTimeout(_, i));
@@ -278,7 +280,7 @@ var [Qe, Ze] = ce(U, {
                 "data-state": d ? "open" : "closed",
                 "data-swipe-direction": l.swipeDirection,
                 ...g,
-                ref: p,
+                ref: f,
                 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, _()));
@@ -322,8 +324,8 @@ var [Qe, Ze] = ce(U, {
     ] }) : null;
   }
 ), tt = (e) => {
-  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 { __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 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: [
@@ -388,8 +390,8 @@ function Pe(e) {
       const u = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
       if (!u)
         if (d) {
-          const f = t.dataset.radixToastAnnounceAlt;
-          f && r.push(f);
+          const p = t.dataset.radixToastAnnounceAlt;
+          p && r.push(p);
         } else
           r.push(...Pe(t));
     }
@@ -430,19 +432,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 = pe, lt = me, dt = Te, ft = we;
-const St = ({
+var it = ue, ct = de, ut = fe, lt = me, dt = Te, pt = we;
+const Nt = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
   descriptionClassName: t,
   description: u,
   children: d,
-  theme: f,
+  theme: p,
   showCloseButton: m = !0,
   className: v
 }) => {
-  const [n, w] = Re(!1), E = be(0), { theme: I } = $e(), R = f ?? I;
+  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);
@@ -452,14 +454,14 @@ const St = ({
     /* @__PURE__ */ D(
       ut,
       {
-        className: q(Ke({ theme: R, className: v })),
+        className: q(He({ theme: R, className: v })),
         open: n,
         onOpenChange: w,
         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(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(He({ theme: R })) }),
+          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" })
           ] }) })
         ]
@@ -468,11 +470,11 @@ const St = ({
     /* @__PURE__ */ c(
       ct,
       {
-        className: q(We({ theme: R }))
+        className: q(Xe({ theme: R }))
       }
     )
   ] });
 };
 export {
-  St as Toast
+  Nt as Toast
 };

package/dist/components/Toast/Toast.types.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { toastVariants } from './Toast.variants';
+export interface ToastProps extends PropsWithChildren, VariantProps<typeof toastVariants> {
+    className?: string;
+    description: string | ReactNode;
+    descriptionClassName?: string;
+    duration?: number;
+    showCloseButton?: boolean;
+    title: string | ReactNode;
+    titleClassName?: string;
+}

package/dist/components/Toast/Toast.types.js

@@ -0,0 +1 @@
+

package/dist/components/Toast/Toast.variants.d.ts

@@ -0,0 +1,9 @@
+export declare const toastVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const viewportToastVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const closeToastVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TooltipProps } from './Tooltip.types';
+export declare const Tooltip: FC<TooltipProps>;

package/dist/components/Tooltip/Tooltip.js

@@ -1,31 +1,33 @@
 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 { cn as o } from "../../utils/index.js";
-import { tooltipVariants as V, arrowVariants 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();
+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();
     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", p), children: /* @__PURE__ */ i("div", { className: "relative w-max", children: [
+    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: o(V({ theme: m, position: s })),
+          className: o(b({ theme: m, position: s })),
           "data-visible": u,
           children: [
             /* @__PURE__ */ e(
               "span",
               {
-                className: o(b({ theme: m, position: s }))
+                className: o(j({ theme: m, position: s }))
               }
             ),
             /* @__PURE__ */ e(a, { children: l })
@@ -36,5 +38,5 @@ const q = N(
   }
 );
 export {
-  q as Tooltip
+  z as Tooltip
 };

package/dist/components/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { tooltipVariants } from './Tooltip.variants';
+export interface TooltipProps extends PropsWithChildren, VariantProps<typeof tooltipVariants> {
+    content: ReactNode | string;
+    className?: string;
+    wrapperClassName?: string;
+}

package/dist/components/Tooltip/Tooltip.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tooltip/Tooltip.variants.d.ts

@@ -0,0 +1,8 @@
+export declare const tooltipVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+    position?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const arrowVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+    position?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Tooltip/hooks/useTooltip.d.ts

@@ -0,0 +1,4 @@
+export declare const useTooltip: () => {
+    isVisible: boolean;
+    componentRef: import('react').RefObject<HTMLElement | null>;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,21 @@
+export * from './AlertDialog/AlertDialog';
+export * from './Autocomplete/Autocomplete';
+export * from './Breadcrumb/Breadcrumb';
+export * from './Button/Button';
+export * from './Card/Card';
+export * from './Checkbox/Checkbox';
+export * from './Dropdown/Dropdown';
+export * from './Input/Input';
+export * from './Modal/Modal';
+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';
+export * from './TagSelect/TagSelect';
+export * from './TextArea/TextArea';
+export * from './Toast/Toast';
+export * from './Tooltip/Tooltip';

package/dist/components/index.js

@@ -2,61 +2,55 @@ 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 n } from "./Checkbox/Checkbox.js";
-import { Dropdown as l } from "./Dropdown/Dropdown.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 S } from "../Modal-W2GbkC_F.js";
-import { NumberInput as b } from "./NumberInput/NumberInput.js";
-import { ProgressBar as v } from "./ProgressBar/ProgressBar.js";
-import { Radio as A } from "./Radio/Radio.js";
-import { RadioCard as G } from "./RadioCard/RadioCard.js";
-import { RadioCardGroup as w } from "./RadioCardGroup/RadioCardGroup.js";
-import { RadioGroup as I } from "./RadioGroup/RadioGroup.js";
-import { Range as k } from "./Range/Range.js";
-import { Sidebar as L } from "./Sidebar/Sidebar.js";
-import { Slider as P } from "./Slider/Slider.js";
-import { Switch as q } from "./Switch/Switch.js";
-import { Tag as z } from "./Tag/Tag.js";
-import { TagSelect as H } from "./TagSelect/TagSelect.js";
-import { TextArea as K } from "./TextArea/TextArea.js";
-import { Toast as U } from "./Toast/Toast.js";
-import { Tooltip as W } from "./Tooltip/Tooltip.js";
-import { Footer as Y } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as _ } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as oo } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as to } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as po } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as xo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.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 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 {
   t as AlertDialog,
   p as Autocomplete,
   x as Breadcrumb,
   a as Button,
-  d as Card,
-  n as Checkbox,
-  l as Dropdown,
-  Y as Footer,
+  g as Card,
+  d as Checkbox,
+  u as Dropdown,
+  K as Footer,
   N as Input,
-  _ as Logo,
-  S as Modal,
-  oo as Navigation,
-  to as NavigationGroup,
-  po as NavigationOption,
-  xo as NavigationSeparator,
-  b as NumberInput,
-  v as ProgressBar,
-  A as Radio,
-  G as RadioCard,
-  w as RadioCardGroup,
-  I as RadioGroup,
-  k as Range,
-  L as Sidebar,
-  P as Slider,
-  q as Switch,
-  z as Tag,
-  H as TagSelect,
-  K as TextArea,
-  U as Toast,
-  W as Tooltip
+  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,
+  F as Switch,
+  L as Tag,
+  P as TagSelect,
+  q as TextArea,
+  z as Toast,
+  H as Tooltip
 };

package/dist/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './theme.context';
+export * from './theme.hook';
+export * from './theme.provider';

package/dist/contexts/theme.context.d.ts

@@ -0,0 +1,6 @@
+export type Theme = 'kubefirst' | 'colony' | 'civo' | undefined;
+export type ThemeContextType = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+export declare const ThemeContext: import('react').Context<ThemeContextType>;

package/dist/contexts/theme.hook.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from './theme.context';
+type ThemeProps = {
+    theme?: Theme;
+    setTheme?: (theme: Theme) => void;
+};
+export declare const useTheme: () => ThemeProps;
+export {};

package/dist/contexts/theme.provider.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { ThemeContextType } from './theme.context';
+export type ThemeContextProps = PropsWithChildren & {
+    theme?: ThemeContextType['theme'];
+};
+export declare const ThemeProvider: FC<ThemeContextProps>;