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

package/dist/components/Badge/Badge.js

@@ -1,80 +1,69 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { useRef as g, useState as w, useCallback as x, useEffect as V } from "react";
-import { cn as u } from "../../utils/index.js";
-import { buttonDismissVariants as D, badgeVariants as S } from "./Badge.variants.js";
-import { S as p } from "../../index-BvoZGpli.js";
-import { LoaderIcon as j } from "../../assets/icons/components/Loader.js";
-import { X as E } from "../../x-B9bYxG31.js";
-const $ = ({
-  className: b,
-  dismissible: f = !1,
-  isSelectable: h = !0,
-  label: r,
-  leftIcon: i,
-  loading: n = !1,
-  rightIcon: o,
-  size: l,
-  variant: m,
-  onClick: e,
-  onDismiss: c
-}) => {
-  const a = g(null), [N, v] = w("visible"), y = x(
-    (t) => {
-      t.stopPropagation(), c?.(), v("hidden");
-    },
-    [c]
-  );
-  return V(() => {
-    const t = new AbortController();
-    return a.current?.addEventListener(
-      "animationend",
-      () => {
-        a.current?.style.setProperty("display", "none"), a.current?.remove();
-      },
-      { signal: t.signal }
-    ), () => t.abort();
-  }, []), /* @__PURE__ */ d(
-    "span",
-    {
-      ref: a,
-      className: u(S({ 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": N,
-      children: [
-        n && /* @__PURE__ */ s(
-          j,
-          {
-            size: 12,
-            className: "animate-spin animate-duration-time-2"
-          }
-        ),
-        i ? /* @__PURE__ */ s(p, { className: "h-3 w-3", children: i }) : null,
-        r,
-        f ? /* @__PURE__ */ d(
-          "button",
-          {
-            type: "button",
-            className: u(D({ size: l, variant: m })),
-            onClick: y,
-            "aria-label": "Dismiss",
-            children: [
-              /* @__PURE__ */ s(E, { className: "h-full w-full" }),
-              /* @__PURE__ */ s("span", { className: "sr-only", children: "Dismiss" })
-            ]
-          }
-        ) : o ? /* @__PURE__ */ s(p, { className: "h-3 w-3", children: o }) : null
-      ]
-    }
-  );
+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;
 };
 export {
-  $ as Badge
+  Y as Badge
 };

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

@@ -1,106 +1,43 @@
 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"
-        ]
-      },
-      size: {
-        default: "text-xs leading-4"
-      }
+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"]
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+    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"
-  ],
-  {
-    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"]
-      }
+}), 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"]
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+    size: {
+      default: ["h-3.5", "w-3.5"]
     }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
   }
-);
+});
 export {
   a as badgeVariants,
   r as buttonDismissVariants

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,91 +1,99 @@
-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]);
+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 r;
-  }, m.apply(this, arguments);
+    return n;
+  }, v.apply(this, arguments);
 }
-function x(r, o) {
-  if (r == null) return {};
-  var e = P(r, o), t, n;
+function W(n, e) {
+  if (n == null) return {};
+  var o = I(n, e), r, t;
   if (Object.getOwnPropertySymbols) {
-    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]);
+    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 e;
+  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;
+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 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,
+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: t,
+    stroke: r,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ u.createElement("polyline", {
+  }, a), /* @__PURE__ */ j.createElement("polyline", {
     points: "9 18 15 12 9 6"
   }));
 });
-c.propTypes = {
-  color: l.string,
-  size: l.oneOfType([l.string, l.number])
+y.propTypes = {
+  color: g.string,
+  size: g.oneOfType([g.string, g.number])
 };
-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}`)) })
-    }
-  );
+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;
 };
 export {
-  W as Breadcrumb
+  D as Breadcrumb
 };

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

@@ -1,11 +1,5 @@
 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,50 +1,36 @@
-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 })
-    }
-  );
+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;
 };
 export {
-  g as Item
+  E as Item
 };