@konstructio/ui 0.0.12-alpha.9 → 0.0.13-alpha.1

package/dist/components/Radio/Radio.variants.js

@@ -12,7 +12,7 @@ const a = e(
       disabled: !1
     }
   }
-), o = e(
+), c = e(
   [
     "border",
     "border-zinc-400",
@@ -37,11 +37,6 @@ const a = e(
   ],
   {
     variants: {
-      theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      },
       disabled: {
         true: "",
         false: ""
@@ -53,7 +48,6 @@ const a = e(
     },
     compoundVariants: [
       {
-        theme: "kubefirst",
         disabled: !1,
         checked: [!0, !1],
         class: [
@@ -62,7 +56,6 @@ const a = e(
         ]
       },
       {
-        theme: "kubefirst",
         disabled: !0,
         checked: !0,
         class: [
@@ -73,7 +66,6 @@ const a = e(
         ]
       },
       {
-        theme: "kubefirst",
         disabled: !0,
         checked: !1,
         class: [
@@ -87,13 +79,12 @@ const a = e(
       }
     ],
     defaultVariants: {
-      theme: "kubefirst",
       disabled: !1
     }
   }
-), t = e(["text-sm", "text-zinc-700"]);
+), o = e(["text-sm", "text-zinc-700"]);
 export {
-  t as labelRadioVariants,
-  o as radioVariants,
+  o as labelRadioVariants,
+  c as radioVariants,
   a as wrapperRadioVariants
 };

package/dist/components/RadioCard/RadioCard.js

@@ -1,41 +1,35 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as a } from "../../utils/index.js";
-import { Card as h } from "../Card/Card.js";
-import { Radio as l } from "../Radio/Radio.js";
-import { radioCardVariants as n } from "./RadioCard.variants.js";
-import { useTheme as f } from "../../contexts/theme.hook.js";
-const N = ({
+import { jsx as r } from "react/jsx-runtime";
+import { cn as m } from "../../utils/index.js";
+import { Card as t } from "../Card/Card.js";
+import { Radio as e } from "../Radio/Radio.js";
+import { radioCardVariants as l } from "./RadioCard.variants.js";
+const w = ({
   wrapperClassName: o,
-  theme: t,
-  labelWrapperClassName: i,
-  checked: r,
+  theme: i,
+  labelWrapperClassName: p,
+  checked: a,
   ...s
-}) => {
-  const { theme: p } = f(), e = t ?? p;
-  return /* @__PURE__ */ m(
-    h,
-    {
-      className: a(
-        n({
-          className: o,
-          theme: e
-        })
-      ),
-      wrapperClassName: "w-max",
-      theme: e,
-      isActive: r,
-      children: /* @__PURE__ */ m(
-        l,
-        {
-          theme: e,
-          wrapperClassName: a("w-full h-full p-3 gap-3", i),
-          checked: r,
-          ...s
-        }
-      )
-    }
-  );
-};
+}) => /* @__PURE__ */ r(
+  t,
+  {
+    "data-theme": i,
+    className: m(
+      l({
+        className: o
+      })
+    ),
+    wrapperClassName: "w-max",
+    isActive: a,
+    children: /* @__PURE__ */ r(
+      e,
+      {
+        wrapperClassName: m("w-full h-full p-3 gap-3", p),
+        checked: a,
+        ...s
+      }
+    )
+  }
+);
 export {
-  N as RadioCard
+  w as RadioCard
 };

package/dist/components/RadioCard/RadioCard.variants.js

@@ -1,19 +1,10 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const t = e(
-  ["flex", "items-center", "p-0", "border-2"],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+import { c as r } from "../../index-BNmRGtA6.js";
+const e = r([
+  "flex",
+  "items-center",
+  "p-0",
+  "border-2"
+]);
 export {
-  t as radioCardVariants
+  e as radioCardVariants
 };

package/dist/components/RadioCardGroup/RadioCardGroup.js

@@ -1,41 +1,40 @@
-import { jsx as e, Fragment as S } from "react/jsx-runtime";
-import { useState as k, useCallback as l } from "react";
-import { cn as m } from "../../utils/index.js";
+import { jsx as m, Fragment as l } from "react/jsx-runtime";
+import { useState as n, useCallback as x } from "react";
+import { cn as c } from "../../utils/index.js";
 import { RadioCard as G } from "../RadioCard/RadioCard.js";
 import { radioCardGroupVariants as R } from "./RadioCardGroup.variants.js";
-import { useTheme as T } from "../../contexts/theme.hook.js";
-const z = ({
-  className: o,
-  defaultChecked: c,
+const w = ({
+  className: d,
+  defaultChecked: o,
   direction: s,
-  name: d,
+  name: e,
   options: i,
-  theme: p,
-  wrapperClassName: a,
+  theme: a,
+  wrapperClassName: p,
   onValueChange: t
 }) => {
-  const { theme: f } = T(), [h, n] = k(c), x = l(
+  const [f, N] = n(o), S = x(
     (r) => {
-      n(r), t == null || t(r);
+      N(r), t == null || t(r);
     },
     [t]
   );
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: m(
-        R({ className: a, direction: s })
+      className: c(
+        R({ className: p, direction: s })
       ),
-      children: /* @__PURE__ */ e(S, { children: i.map(({ value: r, ...N }) => /* @__PURE__ */ e(
+      "data-theme": a,
+      children: /* @__PURE__ */ m(l, { children: i.map(({ value: r, ...k }) => /* @__PURE__ */ m(
         G,
         {
           value: r,
-          theme: p ?? f,
-          name: d,
-          className: m(o),
-          checked: h === r,
-          onChange: () => x(r),
-          ...N
+          name: e,
+          className: c(d),
+          checked: f === r,
+          onChange: () => S(r),
+          ...k
         },
         r
       )) })
@@ -43,5 +42,5 @@ const z = ({
   );
 };
 export {
-  z as RadioCardGroup
+  w as RadioCardGroup
 };

package/dist/components/RadioCardGroup/RadioCardGroup.variants.js

@@ -1,21 +1,15 @@
-import { c as o } from "../../index-BNmRGtA6.js";
-const a = o(["flex"], {
+import { c as a } from "../../index-BNmRGtA6.js";
+const r = a(["flex"], {
   variants: {
-    theme: {
-      colony: "",
-      kubefirst: "",
-      civo: ""
-    },
     direction: {
       row: ["flex-row", "gap-8"],
       col: ["flex-col", "gap-4"]
     }
   },
   defaultVariants: {
-    theme: "kubefirst",
     direction: "col"
   }
 });
 export {
-  a as radioCardGroupVariants
+  r as radioCardGroupVariants
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,51 +1,50 @@
-import { jsx as o, Fragment as k } from "react/jsx-runtime";
-import { S as G } from "../../index-B_6_jmOO.js";
-import { useState as R, useCallback as T } from "react";
-import { cn as r } from "../../utils/index.js";
+import { jsx as r } from "react/jsx-runtime";
+import { S as x } from "../../index-Bk324h27.js";
+import { useState as G, useCallback as R } from "react";
+import { cn as m } from "../../utils/index.js";
 import { Radio as b } from "../Radio/Radio.js";
 import { radioGroupVariants as j } from "./RadioGroup.variants.js";
-import { useTheme as F } from "../../contexts/theme.hook.js";
-const E = ({
-  asChild: e,
-  className: s,
-  defaultChecked: c,
+const B = ({
+  asChild: s,
+  className: c,
+  defaultChecked: e,
   name: i,
-  options: p,
-  theme: d,
-  wrapperClassName: f,
-  direction: a,
-  onValueChange: m
+  options: d,
+  theme: p,
+  wrapperClassName: a,
+  direction: f,
+  onValueChange: o
 }) => {
-  const n = e ? G : "div", { theme: S } = F(), [h, l] = R(
-    () => c
-  ), x = T(
+  const S = s ? x : "div", [n, N] = G(
+    () => e
+  ), k = R(
     (t) => {
-      l(t), m == null || m(t);
+      N(t), o == null || o(t);
     },
-    [m]
+    [o]
   );
-  return /* @__PURE__ */ o(
-    n,
+  return /* @__PURE__ */ r(
+    S,
     {
-      className: r(
-        j({ className: f, direction: a })
+      className: m(
+        j({ className: a, direction: f })
       ),
-      children: /* @__PURE__ */ o(k, { children: p.map(({ value: t, ...N }) => /* @__PURE__ */ o(
+      "data-theme": p,
+      children: d.map(({ value: t, ...l }) => /* @__PURE__ */ r(
         b,
         {
           value: t,
-          theme: d ?? S,
           name: i,
-          className: r(s),
-          checked: h === t,
-          onChange: () => x(t),
-          ...N
+          className: m(c),
+          checked: n === t,
+          onChange: () => k(t),
+          ...l
         },
         t
-      )) })
+      ))
     }
   );
 };
 export {
-  E as RadioGroup
+  B as RadioGroup
 };

package/dist/components/RadioGroup/RadioGroup.variants.js

@@ -1,21 +1,15 @@
 import { c as o } from "../../index-BNmRGtA6.js";
-const e = o(["flex"], {
+const r = o(["flex"], {
   variants: {
-    theme: {
-      colony: "",
-      kubefirst: "",
-      civo: ""
-    },
     direction: {
       row: ["flex-row", "gap-8"],
       col: ["flex-col", "gap-4"]
     }
   },
   defaultVariants: {
-    theme: "kubefirst",
     direction: "col"
   }
 });
 export {
-  e as radioGroupVariants
+  r as radioGroupVariants
 };

package/dist/components/Range/Range.js

@@ -1,37 +1,36 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { R as V, T as v, a as T, b as c } from "../../index-BzaHYXkt.js";
-import { forwardRef as b, useRef as j, useState as k, useImperativeHandle as w, useEffect as y, useCallback as C } from "react";
-import { cn as t } from "../../utils/index.js";
-import { rangeOutsideVariants as S, trackVariants as $, thumbVariants as i, rangeVariants as E } from "./Range.variants.js";
-import { useTheme as H } from "../../contexts/theme.hook.js";
-const F = b(
+import { R as g, T as R, a as V, b as c } from "../../index-BOx5P4tS.js";
+import { forwardRef as v, useRef as b, useState as j, useImperativeHandle as k, useEffect as w, useCallback as y } from "react";
+import { cn as a } from "../../utils/index.js";
+import { rangeOutsideVariants as C, trackVariants as T, thumbVariants as i, rangeVariants as S } from "./Range.variants.js";
+const q = v(
   ({
-    label: l,
-    defaultValue: o = [0, 100],
-    name: u,
-    theme: h,
-    size: m,
+    label: n,
+    defaultValue: u = [0, 100],
+    name: m,
+    theme: o,
+    size: l,
     showValue: f,
     ...d
-  }, p) => {
-    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()}]`);
+  }, h) => {
+    const t = b(null), [s, p] = j(u);
+    k(h, () => t.current, [t]), w(() => {
+      t.current && (t.current.value = `[${s.toString()}]`);
     }, [s]);
-    const g = C(
-      (R) => x(R),
+    const x = y(
+      (N) => p(N),
       []
     );
-    return /* @__PURE__ */ r("div", { className: "w-full relative flex flex-col gap-3", children: [
+    return /* @__PURE__ */ r("div", { className: "w-full relative flex flex-col gap-3", "data-theme": o, children: [
       /* @__PURE__ */ r(
         "div",
         {
-          className: t(
+          className: a(
             "flex items-center",
-            l ? "justify-between" : "justify-end"
+            n ? "justify-between" : "justify-end"
           ),
           children: [
-            l ? /* @__PURE__ */ e("label", { children: l }) : null,
+            n ? /* @__PURE__ */ e("label", { children: n }) : null,
             f ? /* @__PURE__ */ r("span", { className: "text-xs", children: [
               s[0],
               " - ",
@@ -40,23 +39,18 @@ const F = b(
           ]
         }
       ),
-      /* @__PURE__ */ e("input", { ref: a, name: u, className: "hidden", type: "text" }),
+      /* @__PURE__ */ e("input", { ref: t, name: m, className: "hidden", type: "text" }),
       /* @__PURE__ */ r(
-        V,
+        g,
         {
           value: s,
-          className: t(E({ theme: n })),
-          onValueChange: g,
+          className: a(S()),
+          onValueChange: x,
           ...d,
           children: [
-            /* @__PURE__ */ e(v, { className: t($({ theme: n, size: m })), children: /* @__PURE__ */ e(
-              T,
-              {
-                className: t(S({ theme: n }))
-              }
-            ) }),
-            /* @__PURE__ */ e(c, { className: t(i({ theme: n, size: m })) }),
-            /* @__PURE__ */ e(c, { className: t(i({ theme: n, size: m })) })
+            /* @__PURE__ */ e(R, { className: a(T({ size: l })), children: /* @__PURE__ */ e(V, { className: a(C()) }) }),
+            /* @__PURE__ */ e(c, { className: a(i({ size: l })) }),
+            /* @__PURE__ */ e(c, { className: a(i({ size: l })) })
           ]
         }
       )
@@ -64,5 +58,5 @@ const F = b(
   }
 );
 export {
-  F as Range
+  q as Range
 };

package/dist/components/Range/Range.variants.js

@@ -1,47 +1,22 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const t = e(
-  [
-    "relative",
-    "flex",
-    "items-center",
-    "w-full",
-    "border",
-    "border-gray-200",
-    "rounded-full",
-    "shadow-sm"
-  ],
-  {
-    variants: {
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-), a = e(["absolute", "h-full"], {
-  variants: {
-    theme: {
-      kubefirst: ["bg-kubefirst-secondary"],
-      colony: ["bg-red-500"],
-      civo: ""
-    }
-  },
-  defaultVariants: {
-    theme: "kubefirst"
-  }
-}), s = e(
+import { c as r } from "../../index-BNmRGtA6.js";
+const a = r([
+  "relative",
+  "flex",
+  "items-center",
+  "w-full",
+  "border",
+  "border-gray-200",
+  "rounded-full",
+  "shadow-sm"
+]), s = r([
+  "absolute",
+  "h-full",
+  "bg-kubefirst-secondary",
+  "colony:bg-red-500"
+]), t = r(
   ["relative", "flex-grow", "bg-gray-100", "rounded-full"],
   {
     variants: {
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
-      },
       size: {
         sm: ["h-1"],
         md: ["h-2"],
@@ -49,11 +24,10 @@ const t = e(
       }
     },
     defaultVariants: {
-      theme: "kubefirst",
       size: "md"
     }
   }
-), i = e(
+), o = r(
   [
     "block",
     "w-5",
@@ -68,11 +42,6 @@ const t = e(
   ],
   {
     variants: {
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
-      },
       size: {
         sm: ["w-5", "h-5"],
         md: ["w-6", "h-6"],
@@ -80,14 +49,13 @@ const t = e(
       }
     },
     defaultVariants: {
-      theme: "kubefirst",
       size: "md"
     }
   }
 );
 export {
-  a as rangeOutsideVariants,
-  t as rangeVariants,
-  i as thumbVariants,
-  s as trackVariants
+  s as rangeOutsideVariants,
+  a as rangeVariants,
+  o as thumbVariants,
+  t as trackVariants
 };

package/dist/components/Sidebar/Sidebar.js

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