@konstructio/ui 0.0.2 → 0.0.3

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,460 +1,105 @@
-import { jsx as g, jsxs as ee, Fragment as te } from "react/jsx-runtime";
-import * as d from "react";
-import q, { forwardRef as ne, Fragment as re } from "react";
-import "../../index-2hJuj4UN.js";
-import { N as F, s as x, w as X, u as ie, a as ae, b as B, c as D, d as I, D as oe, e as le, R as se, i as N, j as ce, m as G, f as ue, g as fe } from "../../useBreadcrumb-BSMnc4Fu.js";
+import { jsx as a, jsxs as v, Fragment as g } from "react/jsx-runtime";
+import u, { forwardRef as b, Fragment as y } from "react";
 import "../../contexts/theme.context.js";
-import { useTheme as me } from "../../contexts/theme.hook.js";
+import { useTheme as O } from "../../contexts/theme.hook.js";
 import "../../js.cookie-OLEfuq_g.js";
-import { breadcrumbVariants as de, breadcrumbItemVariants as he, chevronVariants as pe } from "./Breadcrumb.variants.js";
-import { P as T } from "../../index-DQMInta3.js";
-function W() {
-  return W = Object.assign || function(e) {
+import { breadcrumbVariants as j, breadcrumbItemVariants as w, chevronVariants as x } from "./Breadcrumb.variants.js";
+import { u as P, L as k } from "../../useBreadcrumb-tyxjV-a1.js";
+import { P as m } from "../../index-D68N8v8R.js";
+function h() {
+  return h = Object.assign || function(e) {
     for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
+      var t = arguments[n];
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
     }
     return e;
-  }, W.apply(this, arguments);
+  }, h.apply(this, arguments);
 }
-function ve(e, n) {
+function N(e, n) {
   if (e == null) return {};
-  var r = we(e, n), i, t;
+  var t = T(e, n), r, o;
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (t = 0; t < a.length; t++)
-      i = a[t], !(n.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(e, i) && (r[i] = e[i]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < i.length; o++)
+      r = i[o], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
   }
-  return r;
+  return t;
 }
-function we(e, n) {
+function T(e, n) {
   if (e == null) return {};
-  var r = {}, i = Object.keys(e), t, a;
-  for (a = 0; a < i.length; a++)
-    t = i[a], !(n.indexOf(t) >= 0) && (r[t] = e[t]);
-  return r;
-}
-var K = ne(function(e, n) {
-  var r = e.color, i = r === void 0 ? "currentColor" : r, t = e.size, a = t === void 0 ? 24 : t, o = ve(e, ["color", "size"]);
-  return /* @__PURE__ */ q.createElement("svg", W({
+  var t = {}, r = Object.keys(e), o, i;
+  for (i = 0; i < r.length; i++)
+    o = r[i], !(n.indexOf(o) >= 0) && (t[o] = e[o]);
+  return t;
+}
+var f = b(function(e, n) {
+  var t = e.color, r = t === void 0 ? "currentColor" : t, o = e.size, i = o === void 0 ? 24 : o, s = N(e, ["color", "size"]);
+  return /* @__PURE__ */ u.createElement("svg", h({
     ref: n,
     xmlns: "http://www.w3.org/2000/svg",
-    width: a,
-    height: a,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: i,
+    stroke: r,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, o), /* @__PURE__ */ q.createElement("polyline", {
+  }, s), /* @__PURE__ */ u.createElement("polyline", {
     points: "9 18 15 12 9 6"
   }));
 });
-K.propTypes = {
-  color: T.string,
-  size: T.oneOfType([T.string, T.number])
+f.propTypes = {
+  color: m.string,
+  size: m.oneOfType([m.string, m.number])
 };
-K.displayName = "ChevronRight";
-/**
- * React Router DOM v6.28.0
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function S() {
-  return S = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
-    }
-    return e;
-  }, S.apply(this, arguments);
-}
-function M(e, n) {
-  if (e == null) return {};
-  var r = {}, i = Object.keys(e), t, a;
-  for (a = 0; a < i.length; a++)
-    t = i[a], !(n.indexOf(t) >= 0) && (r[t] = e[t]);
-  return r;
-}
-const O = "get", P = "application/x-www-form-urlencoded";
-function k(e) {
-  return e != null && typeof e.tagName == "string";
-}
-function ge(e) {
-  return k(e) && e.tagName.toLowerCase() === "button";
-}
-function be(e) {
-  return k(e) && e.tagName.toLowerCase() === "form";
-}
-function ye(e) {
-  return k(e) && e.tagName.toLowerCase() === "input";
-}
-function Ee(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-function xe(e, n) {
-  return e.button === 0 && // Ignore everything but left clicks
-  (!n || n === "_self") && // Let browser handle "target=_blank" etc.
-  !Ee(e);
-}
-let L = null;
-function Ne() {
-  if (L === null)
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      ), L = !1;
-    } catch {
-      L = !0;
-    }
-  return L;
-}
-const Se = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
-function j(e) {
-  return e != null && !Se.has(e) ? (process.env.NODE_ENV !== "production" && X(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + P + '"')), null) : e;
-}
-function Ce(e, n) {
-  let r, i, t, a, o;
-  if (be(e)) {
-    let s = e.getAttribute("action");
-    i = s ? x(s, n) : null, r = e.getAttribute("method") || O, t = j(e.getAttribute("enctype")) || P, a = new FormData(e);
-  } else if (ge(e) || ye(e) && (e.type === "submit" || e.type === "image")) {
-    let s = e.form;
-    if (s == null)
-      throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
-    let c = e.getAttribute("formaction") || s.getAttribute("action");
-    if (i = c ? x(c, n) : null, r = e.getAttribute("formmethod") || s.getAttribute("method") || O, t = j(e.getAttribute("formenctype")) || j(s.getAttribute("enctype")) || P, a = new FormData(s, e), !Ne()) {
-      let {
-        name: l,
-        type: f,
-        value: p
-      } = e;
-      if (f === "image") {
-        let v = l ? l + "." : "";
-        a.append(v + "x", "0"), a.append(v + "y", "0");
-      } else l && a.append(l, p);
-    }
-  } else {
-    if (k(e))
-      throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    r = O, i = null, t = P, o = e;
-  }
-  return a && t === "text/plain" && (o = a, a = void 0), {
-    action: i,
-    method: r.toLowerCase(),
-    encType: t,
-    formData: a,
-    body: o
-  };
-}
-const Re = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "viewTransition"], Te = ["aria-current", "caseSensitive", "className", "end", "style", "to", "viewTransition", "children"], Le = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "viewTransition"], Oe = "6";
-try {
-  window.__reactRouterVersion = Oe;
-} catch {
-}
-const Y = /* @__PURE__ */ d.createContext({
-  isTransitioning: !1
-});
-process.env.NODE_ENV !== "production" && (Y.displayName = "ViewTransition");
-const Pe = /* @__PURE__ */ d.createContext(/* @__PURE__ */ new Map());
-process.env.NODE_ENV !== "production" && (Pe.displayName = "Fetchers");
-process.env.NODE_ENV;
-const _e = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Fe = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, z = /* @__PURE__ */ d.forwardRef(function(n, r) {
-  let {
-    onClick: i,
-    relative: t,
-    reloadDocument: a,
-    replace: o,
-    state: s,
-    target: c,
-    to: l,
-    preventScrollReset: f,
-    viewTransition: p
-  } = n, v = M(n, Re), {
-    basename: C
-  } = d.useContext(F), w, b = !1;
-  if (typeof l == "string" && Fe.test(l) && (w = l, _e))
-    try {
-      let h = new URL(window.location.href), m = l.startsWith("//") ? new URL(h.protocol + l) : new URL(l), R = x(m.pathname, C);
-      m.origin === h.origin && R != null ? l = R + m.search + m.hash : b = !0;
-    } catch {
-      process.env.NODE_ENV !== "production" && X(!1, '<Link to="' + l + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
-    }
-  let y = ie(l, {
-    relative: t
-  }), E = Ue(l, {
-    replace: o,
-    state: s,
-    target: c,
-    preventScrollReset: f,
-    relative: t,
-    viewTransition: p
-  });
-  function u(h) {
-    i && i(h), h.defaultPrevented || E(h);
-  }
-  return (
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ d.createElement("a", S({}, v, {
-      href: w || y,
-      onClick: b || a ? i : u,
-      ref: r,
-      target: c
-    }))
-  );
-});
-process.env.NODE_ENV !== "production" && (z.displayName = "Link");
-const De = /* @__PURE__ */ d.forwardRef(function(n, r) {
-  let {
-    "aria-current": i = "page",
-    caseSensitive: t = !1,
-    className: a = "",
-    end: o = !1,
-    style: s,
-    to: c,
-    viewTransition: l,
-    children: f
-  } = n, p = M(n, Te), v = D(c, {
-    relative: p.relative
-  }), C = B(), w = d.useContext(oe), {
-    navigator: b,
-    basename: y
-  } = d.useContext(F), E = w != null && // Conditional usage is OK here because the usage of a data router is static
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  Ke(v) && l === !0, u = b.encodeLocation ? b.encodeLocation(v).pathname : v.pathname, h = C.pathname, m = w && w.navigation && w.navigation.location ? w.navigation.location.pathname : null;
-  t || (h = h.toLowerCase(), m = m ? m.toLowerCase() : null, u = u.toLowerCase()), m && y && (m = x(m, y) || m);
-  const R = u !== "/" && u.endsWith("/") ? u.length - 1 : u.length;
-  let V = h === u || !o && h.startsWith(u) && h.charAt(R) === "/", $ = m != null && (m === u || !o && m.startsWith(u) && m.charAt(u.length) === "/"), U = {
-    isActive: V,
-    isPending: $,
-    isTransitioning: E
-  }, Q = V ? i : void 0, A;
-  typeof a == "function" ? A = a(U) : A = [a, V ? "active" : null, $ ? "pending" : null, E ? "transitioning" : null].filter(Boolean).join(" ");
-  let Z = typeof s == "function" ? s(U) : s;
-  return /* @__PURE__ */ d.createElement(z, S({}, p, {
-    "aria-current": Q,
-    className: A,
-    ref: r,
-    style: Z,
-    to: c,
-    viewTransition: l
-  }), typeof f == "function" ? f(U) : f);
-});
-process.env.NODE_ENV !== "production" && (De.displayName = "NavLink");
-const ke = /* @__PURE__ */ d.forwardRef((e, n) => {
-  let {
-    fetcherKey: r,
-    navigate: i,
-    reloadDocument: t,
-    replace: a,
-    state: o,
-    method: s = O,
-    action: c,
-    onSubmit: l,
-    relative: f,
-    preventScrollReset: p,
-    viewTransition: v
-  } = e, C = M(e, Le), w = We(), b = Be(c, {
-    relative: f
-  }), y = s.toLowerCase() === "get" ? "get" : "post", E = (u) => {
-    if (l && l(u), u.defaultPrevented) return;
-    u.preventDefault();
-    let h = u.nativeEvent.submitter, m = (h == null ? void 0 : h.getAttribute("formmethod")) || s;
-    w(h || u.currentTarget, {
-      fetcherKey: r,
-      method: m,
-      navigate: i,
-      replace: a,
-      state: o,
-      relative: f,
-      preventScrollReset: p,
-      viewTransition: v
-    });
-  };
-  return /* @__PURE__ */ d.createElement("form", S({
-    ref: n,
-    method: y,
-    action: b,
-    onSubmit: t ? l : E
-  }, C));
-});
-process.env.NODE_ENV !== "production" && (ke.displayName = "Form");
-process.env.NODE_ENV;
-var _;
-(function(e) {
-  e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
-})(_ || (_ = {}));
-var H;
-(function(e) {
-  e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
-})(H || (H = {}));
-function Ve(e) {
-  return e + " must be used within a data router.  See https://reactrouter.com/v6/routers/picking-a-router.";
-}
-function J(e) {
-  let n = d.useContext(ue);
-  return n || (process.env.NODE_ENV !== "production" ? N(!1, Ve(e)) : N(!1)), n;
-}
-function Ue(e, n) {
-  let {
-    target: r,
-    replace: i,
-    state: t,
-    preventScrollReset: a,
-    relative: o,
-    viewTransition: s
-  } = n === void 0 ? {} : n, c = ae(), l = B(), f = D(e, {
-    relative: o
-  });
-  return d.useCallback((p) => {
-    if (xe(p, r)) {
-      p.preventDefault();
-      let v = i !== void 0 ? i : I(l) === I(f);
-      c(e, {
-        replace: v,
-        state: t,
-        preventScrollReset: a,
-        relative: o,
-        viewTransition: s
-      });
-    }
-  }, [l, c, f, i, t, r, e, a, o, s]);
-}
-function Ae() {
-  if (typeof document > "u")
-    throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");
-}
-let je = 0, Ie = () => "__" + String(++je) + "__";
-function We() {
-  let {
-    router: e
-  } = J(_.UseSubmit), {
-    basename: n
-  } = d.useContext(F), r = le();
-  return d.useCallback(function(i, t) {
-    t === void 0 && (t = {}), Ae();
-    let {
-      action: a,
-      method: o,
-      encType: s,
-      formData: c,
-      body: l
-    } = Ce(i, n);
-    if (t.navigate === !1) {
-      let f = t.fetcherKey || Ie();
-      e.fetch(f, r, t.action || a, {
-        preventScrollReset: t.preventScrollReset,
-        formData: c,
-        body: l,
-        formMethod: t.method || o,
-        formEncType: t.encType || s,
-        flushSync: t.flushSync
-      });
-    } else
-      e.navigate(t.action || a, {
-        preventScrollReset: t.preventScrollReset,
-        formData: c,
-        body: l,
-        formMethod: t.method || o,
-        formEncType: t.encType || s,
-        replace: t.replace,
-        state: t.state,
-        fromRouteId: r,
-        flushSync: t.flushSync,
-        viewTransition: t.viewTransition
-      });
-  }, [e, n, r]);
-}
-function Be(e, n) {
-  let {
-    relative: r
-  } = n === void 0 ? {} : n, {
-    basename: i
-  } = d.useContext(F), t = d.useContext(se);
-  t || (process.env.NODE_ENV !== "production" ? N(!1, "useFormAction must be used inside a RouteContext") : N(!1));
-  let [a] = t.matches.slice(-1), o = S({}, D(e || ".", {
-    relative: r
-  })), s = B();
-  if (e == null) {
-    o.search = s.search;
-    let c = new URLSearchParams(o.search), l = c.getAll("index");
-    if (l.some((p) => p === "")) {
-      c.delete("index"), l.filter((v) => v).forEach((v) => c.append("index", v));
-      let p = c.toString();
-      o.search = p ? "?" + p : "";
-    }
-  }
-  return (!e || e === ".") && a.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), i !== "/" && (o.pathname = o.pathname === "/" ? i : ce([i, o.pathname])), I(o);
-}
-function Ke(e, n) {
-  n === void 0 && (n = {});
-  let r = d.useContext(Y);
-  r == null && (process.env.NODE_ENV !== "production" ? N(!1, "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : N(!1));
-  let {
-    basename: i
-  } = J(_.useViewTransitionState), t = D(e, {
-    relative: n.relative
-  });
-  if (!r.isTransitioning)
-    return !1;
-  let a = x(r.currentLocation.pathname, i) || r.currentLocation.pathname, o = x(r.nextLocation.pathname, i) || r.nextLocation.pathname;
-  return G(t.pathname, o) != null || G(t.pathname, a) != null;
-}
-const Qe = ({
+f.displayName = "ChevronRight";
+const I = ({
   className: e,
   size: n,
-  steps: r,
-  theme: i
+  steps: t,
+  theme: r
 }) => {
-  const { theme: t } = me(), { isInsideRouter: a } = fe(), o = i ?? t;
-  return /* @__PURE__ */ g("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ g(
+  const { theme: o } = O(), { isInsideRouter: i } = P(), s = r ?? o;
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ a(
     "ol",
     {
-      className: de({ theme: o, className: e, size: n }),
-      children: r.map(({ label: s, to: c, target: l }, f) => /* @__PURE__ */ ee(re, { children: [
-        /* @__PURE__ */ g(
+      className: j({ theme: s, className: e, size: n }),
+      children: t.map(({ label: l, to: c, target: p }, d) => /* @__PURE__ */ v(y, { children: [
+        /* @__PURE__ */ a(
           "li",
           {
-            className: he({ theme: o, size: n }),
-            children: c ? /* @__PURE__ */ g(te, { children: a ? /* @__PURE__ */ g(
-              z,
+            className: w({ theme: s, size: n }),
+            children: c ? /* @__PURE__ */ a(g, { children: i ? /* @__PURE__ */ a(
+              k,
               {
                 to: c,
-                target: l,
+                target: p,
                 className: "hover:underline hover:underline-offset-2",
-                children: s
+                children: l
               }
-            ) : /* @__PURE__ */ g(
+            ) : /* @__PURE__ */ a(
               "a",
               {
                 href: c,
-                target: l,
+                target: p,
                 className: "hover:underline hover:underline-offset-2",
-                children: s
+                children: l
               }
-            ) }) : /* @__PURE__ */ g("span", { "aria-current": "page", children: s })
+            ) }) : /* @__PURE__ */ a("span", { "aria-current": "page", children: l })
           }
         ),
-        f !== r.length - 1 && /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(
-          K,
+        d !== t.length - 1 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+          f,
           {
-            className: pe({ size: n, theme: o })
+            className: x({ size: n, theme: s })
           }
         ) })
-      ] }, s))
+      ] }, l))
     }
   ) });
 };
 export {
-  Qe as Breadcrumb
+  I as Breadcrumb
 };

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

@@ -1,12 +1,12 @@
 export declare const breadcrumbVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     size?: "base" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const breadcrumbItemVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     size?: "base" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const chevronVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     size?: "base" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,10 +1,10 @@
-import { c as t } from "../../index-BwYCDOHZ.js";
-const s = t(["flex", "gap-1.5", "items-center"], {
+import { c as e } from "../../index-BNmRGtA6.js";
+const s = e(["flex", "gap-1.5", "items-center"], {
   variants: {
     theme: {
       kubefirst: "",
-      konstruct: "",
-      colony: ""
+      colony: "",
+      civo: ""
     },
     size: {
       sm: "",
@@ -17,12 +17,12 @@ const s = t(["flex", "gap-1.5", "items-center"], {
     theme: "kubefirst",
     size: "base"
   }
-}), a = t(["text-slate-400", "font-semibold"], {
+}), a = e(["text-slate-400", "font-semibold"], {
   variants: {
     theme: {
       kubefirst: "",
-      konstruct: "",
-      colony: ""
+      colony: "",
+      civo: ""
     },
     size: {
       sm: "text-sm",
@@ -35,12 +35,12 @@ const s = t(["flex", "gap-1.5", "items-center"], {
     theme: "kubefirst",
     size: "base"
   }
-}), r = t("", {
+}), i = e("", {
   variants: {
     theme: {
-      kubefirst: "text-kubefirst-purple-light",
-      konstruct: "text-orange-500",
-      colony: "text-red-500"
+      kubefirst: "text-kubefirst-primary",
+      colony: "text-red-500",
+      civo: ""
     },
     size: {
       sm: ["w-2", "h-2"],
@@ -57,5 +57,5 @@ const s = t(["flex", "gap-1.5", "items-center"], {
 export {
   a as breadcrumbItemVariants,
   s as breadcrumbVariants,
-  r as chevronVariants
+  i as chevronVariants
 };

package/dist/components/Breadcrumb/hooks/useBreadcrumb.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as o } from "../../../useBreadcrumb-BSMnc4Fu.js";
+import { u as o } from "../../../useBreadcrumb-tyxjV-a1.js";
 export {
   o as useBreadcrumb
 };

package/dist/components/Button/Button.js

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

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

@@ -1,6 +1,7 @@
 export declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "danger" | "text" | null | undefined;
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    version?: "default" | "alternate" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
     size?: "default" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;