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

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

@@ -1,43 +1,106 @@
 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"], {
-  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"]
+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"
+  ],
+  {
+    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"
+        ]
+      },
+      size: {
+        default: "text-xs leading-4"
+      }
     },
-    size: {
-      default: "text-xs leading-4"
+    defaultVariants: {
+      variant: "default",
+      size: "default"
     }
-  },
-  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"], {
-  variants: {
-    variant: {
-      default: ["text-gray-700", "dark:text-gray-300"],
-      danger: ["text-red-700", "dark:text-red-400"],
-      info: ["text-blue-700", "dark:text-sky-400"],
-      success: ["text-green-700", "dark:text-green-400"],
-      warning: ["text-yellow-700", "dark:text-amber-300"],
-      violet: ["text-violet-700", "dark:text-purple-400"],
-      orange: ["text-orange-800", "dark:text-orange-400"]
+), 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"],
+        danger: ["text-red-700", "dark:text-red-400"],
+        info: ["text-blue-700", "dark:text-sky-400"],
+        success: ["text-green-700", "dark:text-green-400"],
+        warning: ["text-yellow-700", "dark:text-amber-300"],
+        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",
+      size: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
   }
-});
+);
 export {
   a as badgeVariants,
   r as buttonDismissVariants

package/dist/components/Breadcrumb/Breadcrumb.js

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

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

@@ -1,5 +1,11 @@
 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"]);
+const t = e([
+  "text-gray-600",
+  "text-md",
+  "flex",
+  "gap-2",
+  "items-center"
+]), a = e(["flex", "gap-1", "items-center"]);
 export {
   a as breadcrumbVariants,
   t as breadcrumbWrapperVariants

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

@@ -1,36 +1,50 @@
-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 { jsx as e, Fragment as p } from "react/jsx-runtime";
+import { cn as m } from "../../../../utils/index.js";
+import { u as h, L as b } from "../../../../useBreadcrumb-C_Wb2cXs.js";
+import { breadcrumbLinkVariants as d, breadcrumbLabelVariants as k } from "./Item.variants.js";
+const g = ({
+  isActive: r,
+  isLast: t,
+  label: n,
+  target: s,
+  theme: c,
+  to: a,
+  component: l = "a"
+}) => {
+  const { isInsideRouter: u } = h(), o = (f) => {
+    a === "#" && f.preventDefault();
+  }, i = l;
+  return /* @__PURE__ */ e(
+    "li",
+    {
+      "aria-current": t ? "page" : void 0,
+      className: "group font-medium text-inherit",
+      "data-theme": c,
+      children: a ? /* @__PURE__ */ e(p, { children: u ? /* @__PURE__ */ e(
+        b,
+        {
+          to: a,
+          target: s,
+          className: m(d({ isActive: r })),
+          "aria-disabled": r ? "true" : "false",
+          onClick: o,
+          children: n
+        }
+      ) : /* @__PURE__ */ e(
+        i,
+        {
+          href: i === "a" ? a : void 0,
+          to: i !== "a" ? a : void 0,
+          target: s,
+          className: m(d({ isActive: r })),
+          "aria-disabled": r ? "true" : "false",
+          onClick: o,
+          children: n
+        }
+      ) }) : /* @__PURE__ */ e("span", { className: m(k({ isActive: r })), children: n })
+    }
+  );
 };
 export {
-  E as Item
+  g as Item
 };

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

@@ -1,32 +1,69 @@
 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
-  },
-  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"]
-  }, {
-    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"]
-  }]
-}), o = e(["text-sm", "leading-5", "font-semibold"], {
-  variants: {
-    isActive: {
-      true: ["text-gray-600", "dark:text-gray-300"],
-      false: ["text-gray-400", "cursor-default"]
+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
+    },
+    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"
+        ]
+      },
+      {
+        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"
+        ]
+      }
+    ]
+  }
+), 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
     }
-  },
-  defaultVariants: {
-    isActive: !0
   }
-});
+);
 export {
   o as breadcrumbLabelVariants,
   s as breadcrumbLinkVariants

package/dist/components/Button/Button.js

@@ -1,39 +1,42 @@
-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 { jsx as u } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { S as l } from "../../index-BvoZGpli.js";
+import { cn as x } from "../../utils/index.js";
+import { buttonVariants as B } from "./Button.variants.js";
+const C = c(
+  ({
+    appearance: o,
+    asChild: r = !1,
+    className: m,
+    disabled: t = !1,
+    shape: a,
+    size: n,
+    theme: s,
+    variant: f,
+    version: p,
+    ...e
+  }, i) => /* @__PURE__ */ u(
+    r ? l : "button",
+    {
+      ref: i,
+      "data-theme": s,
+      className: x(
+        B({
+          appearance: o,
+          className: m,
+          disabled: t,
+          shape: a,
+          size: n,
+          variant: f,
+          version: p
+        })
+      ),
+      disabled: t,
+      ...e
+    }
+  )
+);
+C.displayName = "KonstructButton";
 export {
-  g as Button
+  C as Button
 };