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

package/dist/components/Autocomplete/components/List/List.variants.js

@@ -1,81 +1,75 @@
 import { c as t } from "../../../../index-BNmRGtA6.js";
-const a = t(["max-h-[250px]", "overflow-y-auto"], {
+const e = t(["max-h-[250px]", "overflow-y-auto"], {
   variants: {
     variant: {
       default: "bg-white"
-    },
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
     }
   },
   defaultVariants: {
-    variant: "default",
-    theme: "kubefirst"
+    variant: "default"
   }
 }), r = t(
-  ["p-1", "text-center", "w-full block", "bg-white"],
+  ["p-1", "text-center", "w-full", "block", "bg-white"],
   {
     variants: {
       variant: {
         default: ""
-      },
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
       }
     },
     defaultVariants: {
-      variant: "default",
-      theme: "kubefirst"
+      variant: "default"
     }
   }
-), i = t(["focus-visible:outline-none"], {
-  variants: {
-    variant: {
-      default: ""
+), o = t(
+  [
+    "focus-visible:outline-none",
+    "focus:bg-purple-100",
+    "hover:bg-purple-100",
+    "border-transparent",
+    "colony:focus:bg-red-100",
+    "colony:hover:bg-red-100",
+    "civo:focus:bg-blue-100",
+    "civo:hover:bg-blue-100"
+  ],
+  {
+    variants: {
+      variant: {
+        default: ""
+      }
     },
-    theme: {
-      kubefirst: ["focus:bg-purple-100", "hover:bg-purple-100"],
-      colony: ["focus:bg-red-100", "hover:bg-red-100"],
-      civo: ""
+    defaultVariants: {
+      variant: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default",
-    theme: "kubefirst"
   }
-}), o = t(
+), n = t(
   [
     "cursor-pointer",
     "focus-visible:outline-none",
     "px-3",
     "py-1.5",
     "w-full",
-    "text-left"
+    "text-left",
+    "focus:bg-purple-100",
+    "hover:bg-purple-100",
+    "colony:focus:bg-red-100",
+    "colony:hover:bg-red-100",
+    "civo:focus:bg-blue-100",
+    "civo:hover:bg-blue-100"
   ],
   {
     variants: {
       variant: {
         default: ""
-      },
-      theme: {
-        kubefirst: ["focus:bg-purple-100", "hover:bg-purple-100"],
-        colony: ["focus:bg-red-100", "hover:bg-red-100"],
-        civo: ""
       }
     },
     defaultVariants: {
-      variant: "default",
-      theme: "kubefirst"
+      variant: "default"
     }
   }
 );
 export {
-  o as buttonVariants,
+  n as buttonVariants,
   r as emptyListVariants,
-  i as listItemVariants,
-  a as listVariants
+  o as listItemVariants,
+  e as listVariants
 };

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,40 +1,39 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import d, { forwardRef as O, useId as j, Fragment as w } from "react";
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import h, { forwardRef as b, useId as y, Fragment as O } from "react";
 import { cn as c } from "../../utils/index.js";
-import { chevronVariants as x, breadcrumbVariants as P, breadcrumbWrapperVariants as T } from "./Breadcrumb.variants.js";
-import { Item as k } from "./components/Item/Item.js";
-import { P as s } from "../../index-C5psggHV.js";
-import { useTheme as N } from "../../contexts/theme.hook.js";
-function h() {
-  return h = Object.assign || function(e) {
+import { chevronVariants as j, breadcrumbVariants as w, breadcrumbWrapperVariants as P } from "./Breadcrumb.variants.js";
+import { Item as x } from "./components/Item/Item.js";
+import { P as l } from "../../index-C5psggHV.js";
+function m() {
+  return m = Object.assign || function(r) {
     for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+      var e = arguments[n];
+      for (var t in e)
+        Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
     }
-    return e;
-  }, h.apply(this, arguments);
+    return r;
+  }, m.apply(this, arguments);
 }
-function _(e, n) {
-  if (e == null) return {};
-  var r = L(e, n), t, o;
+function k(r, n) {
+  if (r == null) return {};
+  var e = N(r, n), t, o;
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
+    var i = Object.getOwnPropertySymbols(r);
     for (o = 0; o < i.length; o++)
-      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
   }
-  return r;
+  return e;
 }
-function L(e, n) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), o, i;
+function N(r, n) {
+  if (r == null) return {};
+  var e = {}, t = Object.keys(r), o, i;
   for (i = 0; i < t.length; i++)
-    o = t[i], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
-  return r;
+    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
+  return e;
 }
-var p = O(function(e, n) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, o = e.size, i = o === void 0 ? 24 : o, l = _(e, ["color", "size"]);
-  return /* @__PURE__ */ d.createElement("svg", h({
+var p = b(function(r, n) {
+  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, s = k(r, ["color", "size"]);
+  return /* @__PURE__ */ h.createElement("svg", m({
     ref: n,
     xmlns: "http://www.w3.org/2000/svg",
     width: i,
@@ -45,65 +44,57 @@ var p = O(function(e, n) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ d.createElement("polyline", {
+  }, s), /* @__PURE__ */ h.createElement("polyline", {
     points: "9 18 15 12 9 6"
   }));
 });
 p.propTypes = {
-  color: s.string,
-  size: s.oneOfType([s.string, s.number])
+  color: l.string,
+  size: l.oneOfType([l.string, l.number])
 };
 p.displayName = "ChevronRight";
-const V = ({
-  className: e,
+const C = ({
+  className: r,
   size: n,
-  steps: r,
+  steps: e,
   theme: t,
   "aria-label": o = "breadcrumb",
   wrapperClassName: i,
-  ...l
+  ...s
 }) => {
-  const g = j(), { theme: v } = N(), m = t ?? v;
+  const d = y();
   return /* @__PURE__ */ a(
     "nav",
     {
       "aria-label": o,
+      "data-theme": t,
       className: c(
-        T({
-          className: i,
-          theme: m
+        P({
+          className: i
         })
       ),
       children: /* @__PURE__ */ a(
         "ol",
         {
-          className: c(
-            P({ theme: m, className: e, size: n })
-          ),
-          ...l,
-          children: r.map(({ label: f, ...b }, u) => /* @__PURE__ */ y(w, { children: [
+          className: c(w({ className: r, size: n })),
+          ...s,
+          children: e.map(({ label: f, ...g }, u) => /* @__PURE__ */ v(O, { children: [
             /* @__PURE__ */ a(
-              k,
+              x,
               {
-                ...b,
+                ...g,
                 label: f,
-                isLast: u === r.length - 1,
-                size: n,
-                theme: m
+                isLast: u === e.length - 1,
+                size: n
               }
             ),
-            u !== r.length - 1 && /* @__PURE__ */ a("li", { "aria-hidden": "true", children: /* @__PURE__ */ a(
-              p,
-              {
-                className: c(x({ size: n, theme: m }))
-              }
-            ) })
-          ] }, `${g}-${f}`))
+            u !== e.length - 1 && /* @__PURE__ */ a("li", { "aria-hidden": "true", children: /* @__PURE__ */ a(p, { className: c(j({ size: n })) }) })
+          ] }, `${d}-${f}`))
         }
       )
     }
   );
 };
 export {
-  V as Breadcrumb
+  C as Breadcrumb
 };

package/dist/components/Breadcrumb/Breadcrumb.variants.js

@@ -1,31 +1,18 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const a = e(
+import { c as a } from "../../index-BNmRGtA6.js";
+const e = a(
   ["text-slate-500", "cursor-pointer"],
   {
     variants: {
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
-      },
       size: {
         sm: "",
         base: "",
         lg: "",
         xl: ""
       }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
     }
   }
-), s = e(["flex", "gap-1", "items-center"], {
+), t = a(["flex", "gap-1", "items-center"], {
   variants: {
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
-    },
     size: {
       sm: "",
       base: "",
@@ -34,16 +21,10 @@ const a = e(
     }
   },
   defaultVariants: {
-    theme: "kubefirst",
     size: "base"
   }
-}), r = e("text-[#abadc6]", {
+}), r = a("text-[#abadc6]", {
   variants: {
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
-    },
     size: {
       sm: ["w-3", "h-3"],
       base: ["w-4", "h-4"],
@@ -52,12 +33,11 @@ const a = e(
     }
   },
   defaultVariants: {
-    theme: "kubefirst",
     size: "base"
   }
 });
 export {
-  s as breadcrumbVariants,
-  a as breadcrumbWrapperVariants,
+  t as breadcrumbVariants,
+  e as breadcrumbWrapperVariants,
   r as chevronVariants
 };

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -1,61 +1,49 @@
-import { jsx as r, Fragment as p } from "react/jsx-runtime";
+import { jsx as a, Fragment as f } from "react/jsx-runtime";
 import { cn as n } from "../../../../utils/index.js";
-import { u as b, L as k } from "../../../../useBreadcrumb-BsIeMoR1.js";
-import { breadcrumbLinkVariants as c, breadcrumbLabelVariants as L, breadcrumbItemVariants as N } from "./Item.variants.js";
-import { useTheme as x } from "../../../../contexts/theme.hook.js";
-const j = ({
-  isActive: e,
-  isLast: o,
+import { u as b, L as h } from "../../../../useBreadcrumb-BsIeMoR1.js";
+import { breadcrumbLinkVariants as c, breadcrumbLabelVariants as p, breadcrumbItemVariants as k } from "./Item.variants.js";
+const V = ({
+  isActive: r,
+  isLast: d,
   label: s,
-  size: d,
-  target: t,
-  theme: h,
-  to: a
+  size: l,
+  target: m,
+  theme: t,
+  to: e
 }) => {
-  const { theme: l } = x(), { isInsideRouter: u } = b(), m = h ?? l, i = (f) => {
-    a === "#" && f.preventDefault();
+  const { isInsideRouter: o } = b(), i = (u) => {
+    e === "#" && u.preventDefault();
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "li",
     {
-      "aria-current": o ? "page" : void 0,
-      className: n(N({ theme: m, size: d })),
-      children: a ? /* @__PURE__ */ r(p, { children: u ? /* @__PURE__ */ r(
-        k,
+      "aria-current": d ? "page" : void 0,
+      className: n(k({ size: l })),
+      "data-theme": t,
+      children: e ? /* @__PURE__ */ a(f, { children: o ? /* @__PURE__ */ a(
+        h,
         {
-          to: a,
-          target: t,
-          className: n(
-            c({ theme: m, isActive: e })
-          ),
-          "aria-disabled": e ? "true" : "false",
+          to: e,
+          target: m,
+          className: n(c({ isActive: r })),
+          "aria-disabled": r ? "true" : "false",
           onClick: i,
           children: s
         }
-      ) : /* @__PURE__ */ r(
+      ) : /* @__PURE__ */ a(
         "a",
         {
-          href: a,
-          target: t,
-          className: n(
-            c({ theme: m, isActive: e })
-          ),
-          "aria-disabled": e ? "true" : "false",
+          href: e,
+          target: m,
+          className: n(c({ isActive: r })),
+          "aria-disabled": r ? "true" : "false",
           onClick: i,
           children: s
         }
-      ) }) : /* @__PURE__ */ r(
-        "span",
-        {
-          className: n(
-            L({ theme: m, isActive: e })
-          ),
-          children: s
-        }
-      )
+      ) }) : /* @__PURE__ */ a("span", { className: n(p({ isActive: r })), children: s })
     }
   );
 };
 export {
-  j as Item
+  V as Item
 };

package/dist/components/Breadcrumb/components/Item/Item.variants.js

@@ -3,11 +3,6 @@ const i = t(
   ["group", "font-semibold", "text-inherit"],
   {
     variants: {
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
-      },
       size: {
         sm: "text-xs",
         base: "text-sm",
@@ -16,24 +11,17 @@ const i = t(
       }
     },
     defaultVariants: {
-      theme: "kubefirst",
       size: "base"
     }
   }
 ), o = t(["text-inherit"], {
   variants: {
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
-    },
     isActive: {
       true: "",
       false: ["text-slate-400", "cursor-auto"]
     }
   },
   defaultVariants: {
-    theme: "kubefirst",
     isActive: !0
   },
   compoundVariants: [
@@ -42,7 +30,7 @@ const i = t(
       class: [
         "group-focus-within:no-underline",
         "group-focus-within:outline",
-        "group-focus-within:outline-8",
+        "group-focus-within:outline-2",
         "group-focus-within:outline-offset-4",
         "group-focus-within:outline-slate-500",
         "group-focus-within:rounded-sm",
@@ -56,7 +44,7 @@ const i = t(
       class: [
         "group-focus-within:no-underline",
         "group-focus-within:outline",
-        "group-focus-within:outline-8",
+        "group-focus-within:outline-2",
         "group-focus-within:outline-offset-4",
         "group-focus-within:outline-slate-500",
         "group-focus-within:rounded-sm",
@@ -68,18 +56,12 @@ const i = t(
   ]
 }), s = t(["text-inherit"], {
   variants: {
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
-    },
     isActive: {
       true: "",
       false: ["text-slate-400"]
     }
   },
   defaultVariants: {
-    theme: "kubefirst",
     isActive: !0
   }
 });

package/dist/components/Button/Button.js

@@ -1,42 +1,38 @@
-import { jsx as h } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { S as u } from "../../index-B_6_jmOO.js";
-import { cn as l } from "../../utils/index.js";
-import { buttonVariants as x } from "./Button.variants.js";
-import { useTheme as T } from "../../contexts/theme.hook.js";
-const B = c(
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { S as u } from "../../index-Bk324h27.js";
+import { cn as c } from "../../utils/index.js";
+import { buttonVariants as l } from "./Button.variants.js";
+const x = i(
   ({
-    className: o,
-    variant: e,
+    className: t,
+    variant: r,
     theme: m,
-    size: r,
-    version: n,
-    disabled: t = !1,
-    asChild: s = !1,
-    ...i
-  }, f) => {
-    const a = s ? u : "button", { theme: p } = T();
-    return /* @__PURE__ */ h(
-      a,
-      {
-        ref: f,
-        className: l(
-          x({
-            variant: e,
-            disabled: t,
-            theme: m ?? p,
-            size: r,
-            className: o,
-            version: n
-          })
-        ),
-        disabled: t,
-        ...i
-      }
-    );
-  }
+    size: a,
+    version: f,
+    disabled: o = !1,
+    asChild: n = !1,
+    ...p
+  }, s) => /* @__PURE__ */ e(
+    n ? u : "button",
+    {
+      ref: s,
+      "data-theme": m,
+      className: c(
+        l({
+          variant: r,
+          disabled: o,
+          size: a,
+          className: t,
+          version: f
+        })
+      ),
+      disabled: o,
+      ...p
+    }
+  )
 );
-B.displayName = "Button";
+x.displayName = "Button";
 export {
-  B as Button
+  x as Button
 };