@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/Badge/Badge.js

@@ -1,69 +1,65 @@
-import { jsxs as k, jsx as c } from "react/jsx-runtime";
-import { c as $ } from "../../compiler-runtime-DA41awpA.js";
-import { useRef as A, useState as B, useEffect as X } from "react";
-import { cn as z } from "../../utils/index.js";
-import { badgeVariants as q, buttonDismissVariants as F } from "./Badge.variants.js";
-import { S as L } from "../../index-BvoZGpli.js";
-import { X as G } from "../../x-B9bYxG31.js";
-import { LoaderIcon as H } from "../../assets/icons/components/Loader.js";
-const Y = (P) => {
-  const e = $.c(32), {
-    className: N,
-    dismissible: E,
-    isSelectable: R,
-    label: m,
-    leftIcon: d,
-    loading: j,
-    rightIcon: f,
-    size: s,
-    variant: i,
-    onClick: t,
-    onDismiss: y
-  } = P, S = E === void 0 ? !1 : E, x = R === void 0 ? !0 : R, l = j === void 0 ? !1 : j, b = A(null), [D, _] = B("visible");
-  let u;
-  e[0] !== y ? (u = (g) => {
-    g.stopPropagation(), y?.(), _("hidden");
-  }, e[0] = y, e[1] = u) : u = e[1];
-  const I = u;
-  let p, h;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    const g = new AbortController();
-    return b.current?.addEventListener("animationend", () => {
-      b.current?.style.setProperty("display", "none"), b.current?.remove();
-    }, {
-      signal: g.signal
-    }), () => g.abort();
-  }, h = [], e[2] = p, e[3] = h) : (p = e[2], h = e[3]), X(p, h);
-  let o;
-  e[4] !== N || e[5] !== x || e[6] !== t || e[7] !== s || e[8] !== i ? (o = z(q({
-    variant: i,
-    size: s,
-    className: N
-  }), {
-    "select-none": !x,
-    "cursor-pointer": t
-  }), e[4] = N, e[5] = x, e[6] = t, e[7] = s, e[8] = i, e[9] = o) : o = e[9];
-  const w = t ? "button" : void 0, V = t ? 0 : void 0, C = t ? `${m} badge` : void 0;
-  let n;
-  e[10] !== l ? (n = l && /* @__PURE__ */ c(H, { size: 12, className: "animate-spin animate-duration-time-2" }), e[10] = l, e[11] = n) : n = e[11];
-  let a;
-  e[12] !== d ? (a = d ? /* @__PURE__ */ c(L, { className: "h-3 w-3", children: d }) : null, e[12] = d, e[13] = a) : a = e[13];
-  let r;
-  e[14] !== S || e[15] !== I || e[16] !== f || e[17] !== s || e[18] !== i ? (r = S ? /* @__PURE__ */ k("button", { type: "button", className: z(F({
-    size: s,
-    variant: i
-  })), onClick: I, "aria-label": "Dismiss", children: [
-    /* @__PURE__ */ c(G, { className: "h-full w-full" }),
-    /* @__PURE__ */ c("span", { className: "sr-only", children: "Dismiss" })
-  ] }) : f ? /* @__PURE__ */ c(L, { className: "h-3 w-3", children: f }) : null, e[14] = S, e[15] = I, e[16] = f, e[17] = s, e[18] = i, e[19] = r) : r = e[19];
-  let v;
-  return e[20] !== D || e[21] !== m || e[22] !== l || e[23] !== t || e[24] !== C || e[25] !== n || e[26] !== a || e[27] !== r || e[28] !== o || e[29] !== w || e[30] !== V ? (v = /* @__PURE__ */ k("span", { ref: b, className: o, role: w, onClick: t, tabIndex: V, "aria-label": C, "aria-busy": l, "aria-live": "polite", "data-state": D, children: [
-    n,
-    a,
-    m,
-    r
-  ] }), e[20] = D, e[21] = m, e[22] = l, e[23] = t, e[24] = C, e[25] = n, e[26] = a, e[27] = r, e[28] = o, e[29] = w, e[30] = V, e[31] = v) : v = e[31], v;
+import { t as u } from "../../dist-DXJSck4j.js";
+import { t as c } from "../../utils-DHuiYnx1.js";
+import { LoaderIcon as g } from "../../assets/icons/components/Loader.js";
+import { t as w } from "../../x-a0ouxoIM.js";
+import { badgeVariants as x, buttonDismissVariants as V } from "./Badge.variants.js";
+import { useCallback as D, useEffect as j, useRef as E, useState as L } from "react";
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+var $ = ({ className: b, dismissible: f = !1, isSelectable: h = !0, label: r, leftIcon: i, loading: n = !1, rightIcon: o, size: l, variant: m, onClick: e, onDismiss: d }) => {
+  const a = E(null), [v, N] = L("visible"), y = D((t) => {
+    t.stopPropagation(), d?.(), N("hidden");
+  }, [d]);
+  return j(() => {
+    const t = new AbortController();
+    return a.current?.addEventListener("animationend", () => {
+      a.current?.style.setProperty("display", "none"), a.current?.remove();
+    }, { signal: t.signal }), () => t.abort();
+  }, []), /* @__PURE__ */ p("span", {
+    ref: a,
+    className: c(x({
+      variant: m,
+      size: l,
+      className: b
+    }), {
+      "select-none": !h,
+      "cursor-pointer": e
+    }),
+    role: e ? "button" : void 0,
+    onClick: e,
+    tabIndex: e ? 0 : void 0,
+    "aria-label": e ? `${r} badge` : void 0,
+    "aria-busy": n,
+    "aria-live": "polite",
+    "data-state": v,
+    children: [
+      n && /* @__PURE__ */ s(g, {
+        size: 12,
+        className: "animate-spin animate-duration-time-2"
+      }),
+      i ? /* @__PURE__ */ s(u, {
+        className: "h-3 w-3",
+        children: i
+      }) : null,
+      r,
+      f ? /* @__PURE__ */ p("button", {
+        type: "button",
+        className: c(V({
+          size: l,
+          variant: m
+        })),
+        onClick: y,
+        "aria-label": "Dismiss",
+        children: [/* @__PURE__ */ s(w, { className: "h-full w-full" }), /* @__PURE__ */ s("span", {
+          className: "sr-only",
+          children: "Dismiss"
+        })]
+      }) : o ? /* @__PURE__ */ s(u, {
+        className: "h-3 w-3",
+        children: o
+      }) : null
+    ]
+  });
 };
 export {
-  Y as Badge
+  $ as Badge
 };

package/dist/components/Badge/Badge.variants.js

@@ -1,24 +1,79 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const a = e(["flex", "items-center", "justify-center", "gap-2", "rounded", "px-2", "py-1", "w-max", "shadow-xs", "data-[state=hidden]:animate-out", "data-[state=hidden]:fade-out-0", "data-[state=hidden]:zoom-out-95"], {
+import { t as e } from "../../dist-DtEbXv47.js";
+var a = e([
+  "flex",
+  "items-center",
+  "justify-center",
+  "gap-2",
+  "rounded",
+  "px-2",
+  "py-1",
+  "w-max",
+  "shadow-xs",
+  "data-[state=hidden]:animate-out",
+  "data-[state=hidden]:fade-out-0",
+  "data-[state=hidden]:zoom-out-95"
+], {
   variants: {
     variant: {
-      default: ["bg-gray-100", "text-gray-800", "dark:text-gray-300", "dark:bg-gray-300/15"],
-      danger: ["bg-red-100", "text-red-800", "dark:text-red-400", "dark:bg-red-400/10"],
-      info: ["bg-blue-100", "text-blue-800", "dark:text-sky-400", "dark:bg-sky-400/10"],
-      success: ["bg-green-100", "text-green-800", "dark:text-green-400", "dark:bg-green-400/10"],
-      warning: ["bg-yellow-100", "text-yellow-800", "dark:text-amber-300", "dark:bg-amber-300/10"],
-      violet: ["bg-violet-50", "text-violet-800", "dark:text-purple-400", "dark:bg-purple-400/8"],
-      orange: ["bg-orange-50", "text-orange-800", "dark:text-orange-400", "dark:bg-orange-400/10"]
+      default: [
+        "bg-gray-100",
+        "text-gray-800",
+        "dark:text-gray-300",
+        "dark:bg-gray-300/15"
+      ],
+      danger: [
+        "bg-red-100",
+        "text-red-800",
+        "dark:text-red-400",
+        "dark:bg-red-400/10"
+      ],
+      info: [
+        "bg-blue-100",
+        "text-blue-800",
+        "dark:text-sky-400",
+        "dark:bg-sky-400/10"
+      ],
+      success: [
+        "bg-green-100",
+        "text-green-800",
+        "dark:text-green-400",
+        "dark:bg-green-400/10"
+      ],
+      warning: [
+        "bg-yellow-100",
+        "text-yellow-800",
+        "dark:text-amber-300",
+        "dark:bg-amber-300/10"
+      ],
+      violet: [
+        "bg-violet-50",
+        "text-violet-800",
+        "dark:text-purple-400",
+        "dark:bg-purple-400/8"
+      ],
+      orange: [
+        "bg-orange-50",
+        "text-orange-800",
+        "dark:text-orange-400",
+        "dark:bg-orange-400/10"
+      ]
     },
-    size: {
-      default: "text-xs leading-4"
-    }
+    size: { default: "text-xs leading-4" }
   },
   defaultVariants: {
     variant: "default",
     size: "default"
   }
-}), r = e(["rounded-full", "inline-flex", "items-center", "justify-center", "focus:outline-none", "text-inherit", "cursor-pointer", "text-gray-700"], {
+}), r = e([
+  "rounded-full",
+  "inline-flex",
+  "items-center",
+  "justify-center",
+  "focus:outline-none",
+  "text-inherit",
+  "cursor-pointer",
+  "text-gray-700"
+], {
   variants: {
     variant: {
       default: ["text-gray-700", "dark:text-gray-300"],
@@ -29,9 +84,7 @@ const a = e(["flex", "items-center", "justify-center", "gap-2", "rounded", "px-2
       violet: ["text-violet-700", "dark:text-purple-400"],
       orange: ["text-orange-800", "dark:text-orange-400"]
     },
-    size: {
-      default: ["h-3.5", "w-3.5"]
-    }
+    size: { default: ["h-3.5", "w-3.5"] }
   },
   defaultVariants: {
     variant: "default",

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,99 +1,4 @@
-import { jsxs as _, jsx as h } from "react/jsx-runtime";
-import { c as k } from "../../compiler-runtime-DA41awpA.js";
-import j, { forwardRef as z, useId as L, Fragment as R } from "react";
-import { cn as x } from "../../utils/index.js";
-import { breadcrumbWrapperVariants as $, breadcrumbVariants as C } from "./Breadcrumb.variants.js";
-import { Item as E } from "./components/Item/Item.js";
-import { P as g } from "../../index-BOE_3f_Z.js";
-function v() {
-  return v = Object.assign || function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var o = arguments[e];
-      for (var r in o)
-        Object.prototype.hasOwnProperty.call(o, r) && (n[r] = o[r]);
-    }
-    return n;
-  }, v.apply(this, arguments);
-}
-function W(n, e) {
-  if (n == null) return {};
-  var o = I(n, e), r, t;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(n);
-    for (t = 0; t < i.length; t++)
-      r = i[t], !(e.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(n, r) && (o[r] = n[r]);
-  }
-  return o;
-}
-function I(n, e) {
-  if (n == null) return {};
-  var o = {}, r = Object.keys(n), t, i;
-  for (i = 0; i < r.length; i++)
-    t = r[i], !(e.indexOf(t) >= 0) && (o[t] = n[t]);
-  return o;
-}
-var y = z(function(n, e) {
-  var o = n.color, r = o === void 0 ? "currentColor" : o, t = n.size, i = t === void 0 ? 24 : t, a = W(n, ["color", "size"]);
-  return /* @__PURE__ */ j.createElement("svg", v({
-    ref: e,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: r,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, a), /* @__PURE__ */ j.createElement("polyline", {
-    points: "9 18 15 12 9 6"
-  }));
-});
-y.propTypes = {
-  color: g.string,
-  size: g.oneOfType([g.string, g.number])
-};
-y.displayName = "ChevronRight";
-const D = (n) => {
-  const e = k.c(26);
-  let o, r, t, i, a, l;
-  e[0] !== n ? ({
-    "aria-label": i,
-    className: o,
-    steps: t,
-    theme: a,
-    wrapperClassName: l,
-    ...r
-  } = n, e[0] = n, e[1] = o, e[2] = r, e[3] = t, e[4] = i, e[5] = a, e[6] = l) : (o = e[1], r = e[2], t = e[3], i = e[4], a = e[5], l = e[6]);
-  const b = i === void 0 ? "breadcrumb" : i, f = L();
-  let s;
-  e[7] !== l ? (s = x($({
-    className: l
-  })), e[7] = l, e[8] = s) : s = e[8];
-  let m;
-  e[9] !== o ? (m = x(C({
-    className: o
-  })), e[9] = o, e[10] = m) : m = e[10];
-  let c;
-  if (e[11] !== f || e[12] !== t) {
-    let d;
-    e[14] !== f || e[15] !== t.length ? (d = (N, w) => {
-      const {
-        label: O,
-        ...P
-      } = N;
-      return /* @__PURE__ */ _(R, { children: [
-        /* @__PURE__ */ h(E, { ...P, label: O, isLast: w === t.length - 1 }),
-        w !== t.length - 1 && /* @__PURE__ */ h("li", { "aria-hidden": "true", children: /* @__PURE__ */ h(y, { className: "text-gray-400 w-5 h-5 mt-0.5" }) })
-      ] }, `${f}-${O}`);
-    }, e[14] = f, e[15] = t.length, e[16] = d) : d = e[16], c = t.map(d), e[11] = f, e[12] = t, e[13] = c;
-  } else
-    c = e[13];
-  let p;
-  e[17] !== r || e[18] !== m || e[19] !== c ? (p = /* @__PURE__ */ h("ol", { className: m, ...r, children: c }), e[17] = r, e[18] = m, e[19] = c, e[20] = p) : p = e[20];
-  let u;
-  return e[21] !== b || e[22] !== s || e[23] !== p || e[24] !== a ? (u = /* @__PURE__ */ h("nav", { "aria-label": b, "data-theme": a, className: s, children: p }), e[21] = b, e[22] = s, e[23] = p, e[24] = a, e[25] = u) : u = e[25], u;
-};
+import { t as m } from "../../Breadcrumb-C95aOsYk.js";
 export {
-  D as Breadcrumb
+  m as Breadcrumb
 };

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

@@ -1,6 +1,16 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const t = e(["text-gray-600", "text-md", "flex", "gap-2", "items-center"]), a = e(["flex", "gap-1", "items-center"]);
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
+  "text-gray-600",
+  "text-md",
+  "flex",
+  "gap-2",
+  "items-center"
+]), t = r([
+  "flex",
+  "gap-1",
+  "items-center"
+]);
 export {
-  a as breadcrumbVariants,
-  t as breadcrumbWrapperVariants
+  t as breadcrumbVariants,
+  e as breadcrumbWrapperVariants
 };

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

@@ -1,36 +1,36 @@
-import { jsx as s, Fragment as x } from "react/jsx-runtime";
-import { c as C } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as u } from "../../../../utils/index.js";
-import { u as N, L as I } from "../../../../useBreadcrumb-C_Wb2cXs.js";
-import { breadcrumbLinkVariants as b, breadcrumbLabelVariants as R } from "./Item.variants.js";
-const E = (v) => {
-  const e = C.c(14), {
-    isActive: a,
-    isLast: k,
-    label: i,
-    target: n,
-    theme: d,
-    to: t,
-    component: h
-  } = v, L = h === void 0 ? "a" : h, {
-    isInsideRouter: p
-  } = N();
-  let c;
-  e[0] !== t ? (c = (g) => {
-    t === "#" && g.preventDefault();
-  }, e[0] = t, e[1] = c) : c = e[1];
-  const l = c, o = L, f = k ? "page" : void 0;
-  let r;
-  e[2] !== o || e[3] !== l || e[4] !== a || e[5] !== p || e[6] !== i || e[7] !== n || e[8] !== t ? (r = t ? /* @__PURE__ */ s(x, { children: p ? /* @__PURE__ */ s(I, { to: t, target: n, className: u(b({
-    isActive: a
-  })), "aria-disabled": a ? "true" : "false", onClick: l, children: i }) : /* @__PURE__ */ s(o, { href: o === "a" ? t : void 0, to: o !== "a" ? t : void 0, target: n, className: u(b({
-    isActive: a
-  })), "aria-disabled": a ? "true" : "false", onClick: l, children: i }) }) : /* @__PURE__ */ s("span", { className: u(R({
-    isActive: a
-  })), children: i }), e[2] = o, e[3] = l, e[4] = a, e[5] = p, e[6] = i, e[7] = n, e[8] = t, e[9] = r) : r = e[9];
-  let m;
-  return e[10] !== f || e[11] !== r || e[12] !== d ? (m = /* @__PURE__ */ s("li", { "aria-current": f, className: "group font-medium text-inherit", "data-theme": d, children: r }), e[10] = f, e[11] = r, e[12] = d, e[13] = m) : m = e[13], m;
+import { t as m } from "../../../../utils-DHuiYnx1.js";
+import { n as p, t as h } from "../../../../useBreadcrumb-BBm5lX0U.js";
+import { breadcrumbLabelVariants as b, breadcrumbLinkVariants as o } from "./Item.variants.js";
+import { Fragment as k, jsx as e } from "react/jsx-runtime";
+var g = ({ isActive: a, isLast: t, label: n, target: s, theme: c, to: r, component: l = "a" }) => {
+  const { isInsideRouter: u } = h(), d = (f) => {
+    r === "#" && f.preventDefault();
+  }, i = l;
+  return /* @__PURE__ */ e("li", {
+    "aria-current": t ? "page" : void 0,
+    className: "group font-medium text-inherit",
+    "data-theme": c,
+    children: r ? /* @__PURE__ */ e(k, { children: u ? /* @__PURE__ */ e(p, {
+      to: r,
+      target: s,
+      className: m(o({ isActive: a })),
+      "aria-disabled": a ? "true" : "false",
+      onClick: d,
+      children: n
+    }) : /* @__PURE__ */ e(i, {
+      href: i === "a" ? r : void 0,
+      to: i !== "a" ? r : void 0,
+      target: s,
+      className: m(o({ isActive: a })),
+      "aria-disabled": a ? "true" : "false",
+      onClick: d,
+      children: n
+    }) }) : /* @__PURE__ */ e("span", {
+      className: m(b({ isActive: a })),
+      children: n
+    })
+  });
 };
 export {
-  E as Item
+  g as Item
 };

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

@@ -1,31 +1,55 @@
-import { c as e } from "../../../../index-D29mdTf5.js";
-const s = e(["text-sm", "leading-5", "text-gray-400", "font-semibold", "dark:text-gray-400"], {
-  variants: {
-    isActive: {
-      true: "",
-      false: "cursor-auto"
-    }
-  },
-  defaultVariants: {
-    isActive: !0
-  },
+import { t as e } from "../../../../dist-DtEbXv47.js";
+var s = e([
+  "text-sm",
+  "leading-5",
+  "text-gray-400",
+  "font-semibold",
+  "dark:text-gray-400"
+], {
+  variants: { isActive: {
+    true: "",
+    false: "cursor-auto"
+  } },
+  defaultVariants: { isActive: !0 },
   compoundVariants: [{
     isActive: !0,
-    class: ["group-[&:has(:focus-visible)]:no-underline", "group-[&:has(:focus-visible)]:outline-2", "group-[&:has(:focus-visible)]:outline-offset-6", "group-[&:has(:focus-visible)]:outline-gray-500", "group-[&:has(:focus-visible)]:text-gray-500", "group-[&:has(:focus-visible)]:rounded-xs", "group-hover:rounded-xs", "hover:no-underline", "hover:text-gray-500", "dark:hover:text-gray-300"]
+    class: [
+      "group-[&:has(:focus-visible)]:no-underline",
+      "group-[&:has(:focus-visible)]:outline-2",
+      "group-[&:has(:focus-visible)]:outline-offset-6",
+      "group-[&:has(:focus-visible)]:outline-gray-500",
+      "group-[&:has(:focus-visible)]:text-gray-500",
+      "group-[&:has(:focus-visible)]:rounded-xs",
+      "group-hover:rounded-xs",
+      "hover:no-underline",
+      "hover:text-gray-500",
+      "dark:hover:text-gray-300"
+    ]
   }, {
     isActive: void 0,
-    class: ["group-[&:has(:focus-visible)]:no-underline", "group-[&:has(:focus-visible)]:outline-2", "group-[&:has(:focus-visible)]:outline-offset-6", "group-[&:has(:focus-visible)]:outline-gray-500", "group-[&:has(:focus-visible)]:text-gray-500", "group-[&:has(:focus-visible)]:rounded-xs", "group-hover:rounded-xs", "hover:no-underline", "hover:text-gray-500", "dark:hover:text-gray-300"]
+    class: [
+      "group-[&:has(:focus-visible)]:no-underline",
+      "group-[&:has(:focus-visible)]:outline-2",
+      "group-[&:has(:focus-visible)]:outline-offset-6",
+      "group-[&:has(:focus-visible)]:outline-gray-500",
+      "group-[&:has(:focus-visible)]:text-gray-500",
+      "group-[&:has(:focus-visible)]:rounded-xs",
+      "group-hover:rounded-xs",
+      "hover:no-underline",
+      "hover:text-gray-500",
+      "dark:hover:text-gray-300"
+    ]
   }]
-}), o = e(["text-sm", "leading-5", "font-semibold"], {
-  variants: {
-    isActive: {
-      true: ["text-gray-600", "dark:text-gray-300"],
-      false: ["text-gray-400", "cursor-default"]
-    }
-  },
-  defaultVariants: {
-    isActive: !0
-  }
+}), o = e([
+  "text-sm",
+  "leading-5",
+  "font-semibold"
+], {
+  variants: { isActive: {
+    true: ["text-gray-600", "dark:text-gray-300"],
+    false: ["text-gray-400", "cursor-default"]
+  } },
+  defaultVariants: { isActive: !0 }
 });
 export {
   o as breadcrumbLabelVariants,

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

@@ -1,4 +1,4 @@
-import { u } from "../../../useBreadcrumb-C_Wb2cXs.js";
+import { t as e } from "../../../useBreadcrumb-BBm5lX0U.js";
 export {
-  u as useBreadcrumb
+  e as useBreadcrumb
 };

package/dist/components/Button/Button.js

@@ -1,39 +1,24 @@
-import { jsx as x } from "react/jsx-runtime";
-import { c as C } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as N } from "react";
-import { S as B } from "../../index-BvoZGpli.js";
-import { cn as R } from "../../utils/index.js";
-import { buttonVariants as S } from "./Button.variants.js";
-const g = N((u, h) => {
-  const t = C.c(26);
-  let e, o, s, l, a, c, d, i, r, m;
-  t[0] !== u ? ({
-    appearance: e,
-    asChild: c,
-    className: o,
-    disabled: d,
-    shape: l,
-    size: a,
-    theme: i,
-    variant: r,
-    version: m,
-    ...s
-  } = u, t[0] = u, t[1] = e, t[2] = o, t[3] = s, t[4] = l, t[5] = a, t[6] = c, t[7] = d, t[8] = i, t[9] = r, t[10] = m) : (e = t[1], o = t[2], s = t[3], l = t[4], a = t[5], c = t[6], d = t[7], i = t[8], r = t[9], m = t[10]);
-  const v = c === void 0 ? !1 : c, n = d === void 0 ? !1 : d, b = v ? B : "button";
-  let p;
-  t[11] !== e || t[12] !== o || t[13] !== n || t[14] !== l || t[15] !== a || t[16] !== r || t[17] !== m ? (p = R(S({
-    appearance: e,
-    className: o,
-    disabled: n,
-    shape: l,
-    size: a,
-    variant: r,
-    version: m
-  })), t[11] = e, t[12] = o, t[13] = n, t[14] = l, t[15] = a, t[16] = r, t[17] = m, t[18] = p) : p = t[18];
-  let f;
-  return t[19] !== b || t[20] !== s || t[21] !== n || t[22] !== h || t[23] !== p || t[24] !== i ? (f = /* @__PURE__ */ x(b, { ref: h, "data-theme": i, className: p, disabled: n, ...s }), t[19] = b, t[20] = s, t[21] = n, t[22] = h, t[23] = p, t[24] = i, t[25] = f) : f = t[25], f;
-});
-g.displayName = "KonstructButton";
+import { t as u } from "../../dist-DXJSck4j.js";
+import { t as l } from "../../utils-DHuiYnx1.js";
+import { buttonVariants as c } from "./Button.variants.js";
+import { forwardRef as x } from "react";
+import { jsx as B } from "react/jsx-runtime";
+var N = x(({ appearance: o, asChild: r = !1, className: a, disabled: t = !1, shape: m, size: f, theme: s, variant: e, version: n, ...p }, i) => /* @__PURE__ */ B(r ? u : "button", {
+  ref: i,
+  "data-theme": s,
+  className: l(c({
+    appearance: o,
+    className: a,
+    disabled: t,
+    shape: m,
+    size: f,
+    variant: e,
+    version: n
+  })),
+  disabled: t,
+  ...p
+}));
+N.displayName = "KonstructButton";
 export {
-  g as Button
+  N as Button
 };