@konstructio/ui 0.1.2-alpha.5 → 0.1.2-alpha.50

package/dist/assets/icons/index.js

@@ -0,0 +1,7 @@
+import { S as a } from "../../loader-juvMSJ9L.js";
+import * as e from "react";
+const L = (t) => /* @__PURE__ */ e.createElement("svg", { width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M8.16667 0.8225L7.34417 0L4.08333 3.26083L0.8225 0L0 0.8225L3.26083 4.08333L0 7.34417L0.8225 8.16667L4.08333 4.90583L7.34417 8.16667L8.16667 7.34417L4.90583 4.08333L8.16667 0.8225Z", fill: "#364153" }));
+export {
+  a as Loader,
+  L as X
+};

package/dist/chevron-down-DgT-uSF9.js

@@ -0,0 +1,5 @@
+import { c as o } from "./createLucideIcon-D4r5Phnh.js";
+const n = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], e = o("chevron-down", n);
+export {
+  e as C
+};

package/dist/chevron-right-DYvXLeql.js

@@ -0,0 +1,7 @@
+import { c as o } from "./createLucideIcon-D4r5Phnh.js";
+const e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], n = o("chevron-left", e);
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], h = o("chevron-right", t);
+export {
+  n as C,
+  h as a
+};

package/dist/chevron-up-DEfvgPCw.js

@@ -0,0 +1,54 @@
+import l, { forwardRef as c } from "react";
+import { P as a } from "./index-BOE_3f_Z.js";
+function p() {
+  return p = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var t = arguments[o];
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
+    }
+    return e;
+  }, p.apply(this, arguments);
+}
+function u(e, o) {
+  if (e == null) return {};
+  var t = v(e, o), r, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      r = i[n], !(o.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+  }
+  return t;
+}
+function v(e, o) {
+  if (e == null) return {};
+  var t = {}, r = Object.keys(e), n, i;
+  for (i = 0; i < r.length; i++)
+    n = r[i], !(o.indexOf(n) >= 0) && (t[n] = e[n]);
+  return t;
+}
+var s = c(function(e, o) {
+  var t = e.color, r = t === void 0 ? "currentColor" : t, n = e.size, i = n === void 0 ? 24 : n, f = u(e, ["color", "size"]);
+  return /* @__PURE__ */ l.createElement("svg", p({
+    ref: o,
+    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"
+  }, f), /* @__PURE__ */ l.createElement("polyline", {
+    points: "18 15 12 9 6 15"
+  }));
+});
+s.propTypes = {
+  color: a.string,
+  size: a.oneOfType([a.string, a.number])
+};
+s.displayName = "ChevronUp";
+export {
+  s as C
+};

package/dist/chevron-up-DrQr2Fwd.js

@@ -0,0 +1,5 @@
+import { c as o } from "./createLucideIcon-D4r5Phnh.js";
+const c = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], n = o("chevron-up", c);
+export {
+  n as C
+};

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 import { jsx as l, jsxs as s } from "react/jsx-runtime";
 import { useRef as f, useState as h, useMemo as b, isValidElement as C, useCallback as V, useEffect as v } from "react";
-import { V as k } from "../../index-DBbEcSUG.js";
+import { V as k } from "../../index-BKjcReYh.js";
 import { cn as a } from "../../utils/index.js";
 import { closeButtonVariants as w, alertVariants as x } from "./Alert.variants.js";
-import { X as y } from "../../x-4F_5p77m.js";
+import { X as y } from "../../x-Eoa9FJjA.js";
 const R = ({
   theme: i,
   type: o,

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,76 +1,103 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-os7vysFS.js";
-import { Button as l } from "../Button/Button.js";
-import { cn as t } from "../../utils/index.js";
-import { useAlertDialog as z } from "./hooks/useAlertDialog.js";
-const G = ({
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { R as j, A as T, P as w, O as K, C as P, T as z, D as B, a as E, b as S } from "../../index-D6KzX_ef.js";
+import { useRef as q, useState as F, useEffect as G } from "react";
+import { Button as s } from "../Button/Button.js";
+import { cn as n } from "../../utils/index.js";
+import { useAlertDialog as H } from "./hooks/useAlertDialog.js";
+const I = ({
   buttonCancel: {
-    className: s,
-    text: i = "Cancel",
-    ...r
+    className: i,
+    text: o = "Cancel",
+    ...c
   } = {},
   buttonConfirm: {
-    className: o,
-    text: c = "OK",
-    ...m
+    className: d,
+    text: m = "OK",
+    ...f
   } = {},
-  buttonTriggerClassName: d,
-  buttonTriggerText: p,
-  description: f,
-  showCancelButton: h = !0,
-  theme: n,
-  title: x,
-  wrapperClassName: u,
-  onConfirm: C,
-  ...b
+  buttonTriggerClassName: p,
+  buttonTriggerVariant: u,
+  buttonTriggerText: h,
+  description: x,
+  showCancelButton: b = !0,
+  theme: a,
+  title: g,
+  wrapperClassName: C,
+  onConfirm: N,
+  ...y
 }) => {
-  const { isOpen: N, handleCancel: g, handleConfirm: y, handleOpen: O } = z({
-    onConfirm: C
+  const r = q(null), [k, A] = F(null), { isOpen: D, handleCancel: O, handleConfirm: v, handleOpen: R } = H({
+    onConfirm: N
   });
-  return /* @__PURE__ */ a(A, { open: N, ...b, children: [
+  return G(() => {
+    if (!r.current || a)
+      return;
+    const l = r.current.closest("[data-theme]");
+    l && A(l);
+  }, []), /* @__PURE__ */ t(j, { open: D, ...y, children: [
     /* @__PURE__ */ e(
-      D,
+      T,
       {
-        className: d,
-        text: p,
-        "data-theme": n,
-        onOpen: O
+        ref: r,
+        className: p,
+        variant: u,
+        text: h,
+        "data-theme": a,
+        onOpen: R
       }
     ),
-    /* @__PURE__ */ a(v, { children: [
-      /* @__PURE__ */ e(j, { className: "bg-black opacity-70 inset-0 fixed animate-in fade-in-0" }),
-      /* @__PURE__ */ a(
-        k,
+    /* @__PURE__ */ t(w, { container: k, children: [
+      /* @__PURE__ */ e(K, { className: "bg-black opacity-70 dark:opacity-85 inset-0 fixed animate-in fade-in-0" }),
+      /* @__PURE__ */ t(
+        P,
         {
-          "data-theme": n,
-          className: t(
-            "bg-white rounded-md fixed top-1/2 left-1/2 -translate-y-2/4 -translate-x-2/4 flex flex-col gap-8 p-8 animate-in fade-in-0 zoom-in-85",
-            u
+          "data-theme": a,
+          className: n(
+            "bg-white",
+            "rounded-md",
+            "fixed",
+            "top-1/2",
+            "left-1/2",
+            "-translate-y-2/4",
+            "-translate-x-2/4",
+            "flex",
+            "flex-col",
+            "gap-6",
+            "p-8",
+            "animate-in",
+            "fade-in-0",
+            "zoom-in-85",
+            "border",
+            "border-transparent",
+            "dark:bg-metal-800",
+            "dark:border-metal-700",
+            "dark:border-slate-700",
+            C
           ),
           children: [
-            /* @__PURE__ */ e(T, { className: "text-base text-slate-700 font-semibold", children: x }),
-            /* @__PURE__ */ e(w, { className: "text-sm text-slate-800", children: f }),
-            /* @__PURE__ */ a("div", { className: "flex flex-row gap-5 justify-end", children: [
-              h && /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(
-                l,
+            /* @__PURE__ */ e(z, { className: "text-base text-slate-700 font-semibold", children: g }),
+            /* @__PURE__ */ e(B, { className: "text-sm text-slate-800", children: x }),
+            /* @__PURE__ */ t("div", { className: "flex flex-row gap-2 justify-end", children: [
+              b && /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
+                s,
                 {
                   type: "button",
                   variant: "secondary",
-                  className: t(s),
-                  onClick: g,
-                  ...r,
-                  children: i
+                  className: n(i),
+                  onClick: O,
+                  ...c,
+                  children: o
                 }
               ) }),
-              /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
-                l,
+              /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(
+                s,
                 {
                   type: "button",
                   variant: "primary",
-                  className: t(o),
-                  onClick: y,
-                  ...m,
-                  children: c
+                  className: n(d),
+                  onClick: v,
+                  ...f,
+                  children: m
                 }
               ) })
             ] })
@@ -80,6 +107,7 @@ const G = ({
     ] })
   ] });
 };
+I.displayName = "KonstructAlertDialog";
 export {
-  G as AlertDialog
+  I as AlertDialog
 };

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-os7vysFS.js";
+import { A as e } from "../../../index-D6KzX_ef.js";
+import "react";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {
-  p as AlertDialogTrigger
+  e as AlertDialogTrigger
 };

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-os7vysFS.js";
+import { A as g } from "../../../index-D6KzX_ef.js";
 export {
   g as AlertDialogTrigger
 };

package/dist/components/Badge/Badge.js

@@ -1,77 +1,74 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useRef as f, useState as h, useCallback as g, useEffect as v } from "react";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { useRef as y, useState as w, useCallback as S, useEffect as x } from "react";
+import { S as V } from "../../loader-juvMSJ9L.js";
 import { cn as c } from "../../utils/index.js";
-import { buttonDismissVariants as w, badgeVariants as x } from "./Badge.variants.js";
-import { c as y } from "../../createLucideIcon-D2CN7Ma9.js";
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const M = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Z = y("x", M), N = "data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M7.05002%201.45002C7.05002%201.17155%206.9394%200.904476%206.74249%200.707562C6.54557%200.510649%206.2785%200.400024%206.00002%200.400024C5.72155%200.400024%205.45448%200.510649%205.25756%200.707562C5.06065%200.904476%204.95002%201.17155%204.95002%201.45002C4.95002%201.7285%205.06065%201.99557%205.25756%202.19249C5.45448%202.3894%205.72155%202.50002%206.00002%202.50002C6.2785%202.50002%206.54557%202.3894%206.74249%202.19249C6.9394%201.99557%207.05002%201.7285%207.05002%201.45002ZM7.05002%2010.55C7.05002%2010.2715%206.9394%2010.0045%206.74249%209.80756C6.54557%209.61065%206.2785%209.50002%206.00002%209.50002C5.72155%209.50002%205.45448%209.61065%205.25756%209.80756C5.06065%2010.0045%204.95002%2010.2715%204.95002%2010.55C4.95002%2010.8285%205.06065%2011.0956%205.25756%2011.2925C5.45448%2011.4894%205.72155%2011.6%206.00002%2011.6C6.2785%2011.6%206.54557%2011.4894%206.74249%2011.2925C6.9394%2011.0956%207.05002%2010.8285%207.05002%2010.55ZM1.45002%207.05002C1.7285%207.05002%201.99557%206.9394%202.19249%206.74249C2.3894%206.54557%202.50002%206.2785%202.50002%206.00002C2.50002%205.72155%202.3894%205.45448%202.19249%205.25756C1.99557%205.06065%201.7285%204.95002%201.45002%204.95002C1.17155%204.95002%200.904476%205.06065%200.707562%205.25756C0.510649%205.45448%200.400024%205.72155%200.400024%206.00002C0.400024%206.2785%200.510649%206.54557%200.707562%206.74249C0.904476%206.9394%201.17155%207.05002%201.45002%207.05002ZM11.6%206.00002C11.6%205.72155%2011.4894%205.45448%2011.2925%205.25756C11.0956%205.06065%2010.8285%204.95002%2010.55%204.95002C10.2715%204.95002%2010.0045%205.06065%209.80756%205.25756C9.61065%205.45448%209.50002%205.72155%209.50002%206.00002C9.50002%206.2785%209.61065%206.54557%209.80756%206.74249C10.0045%206.9394%2010.2715%207.05002%2010.55%207.05002C10.8285%207.05002%2011.0956%206.9394%2011.2925%206.74249C11.4894%206.54557%2011.6%206.2785%2011.6%206.00002ZM3.52596%209.9594C3.62349%209.86187%203.70085%209.74609%203.75363%209.61867C3.80641%209.49124%203.83358%209.35467%203.83358%209.21674C3.83358%209.07882%203.80641%208.94225%203.75363%208.81482C3.70085%208.6874%203.62349%208.57161%203.52596%208.47409C3.42844%208.37656%203.31265%208.2992%203.18523%208.24642C3.0578%208.19364%202.92123%208.16647%202.78331%208.16647C2.50476%208.16647%202.23761%208.27712%202.04065%208.47409C1.84368%208.67105%201.73303%208.93819%201.73303%209.21674C1.73303%209.49529%201.84368%209.76243%202.04065%209.9594C2.23761%2010.1564%202.50476%2010.267%202.78331%2010.267C3.06186%2010.267%203.329%2010.1564%203.52596%209.9594ZM3.52596%203.52377C3.62833%203.42738%203.7103%203.31141%203.76701%203.18274C3.82371%203.05407%203.85399%202.91532%203.85605%202.77472C3.85812%202.63413%203.83192%202.49455%203.77902%202.36427C3.72611%202.23399%203.64758%202.11566%203.54808%202.01631C3.44858%201.91695%203.33014%201.8386%203.19978%201.78589C3.06942%201.73318%202.92981%201.70718%202.78921%201.70945C2.64862%201.71172%202.50992%201.74221%202.38133%201.7991C2.25274%201.85599%202.13689%201.93814%202.04065%202.04065C1.84368%202.23761%201.73303%202.50476%201.73303%202.78331C1.73303%203.06186%201.84368%203.329%202.04065%203.52596C2.23761%203.72293%202.50476%203.83358%202.78331%203.83358C3.06186%203.83358%203.329%203.72293%203.52596%203.52596V3.52377ZM8.47409%209.9594C8.57161%2010.0569%208.6874%2010.1343%208.81482%2010.1871C8.94225%2010.2399%209.07882%2010.267%209.21674%2010.267C9.35467%2010.267%209.49124%2010.2399%209.61867%2010.1871C9.74609%2010.1343%209.86187%2010.0569%209.9594%209.9594C10.0569%209.86187%2010.1343%209.74609%2010.1871%209.61867C10.2399%209.49124%2010.267%209.35467%2010.267%209.21674C10.267%209.07882%2010.2399%208.94225%2010.1871%208.81482C10.1343%208.6874%2010.0569%208.57161%209.9594%208.47409C9.86187%208.37656%209.74609%208.2992%209.61867%208.24642C9.49124%208.19364%209.35467%208.16647%209.21674%208.16647C9.07882%208.16647%208.94225%208.19364%208.81482%208.24642C8.6874%208.2992%208.57161%208.37656%208.47409%208.47409C8.37656%208.57161%208.2992%208.6874%208.24642%208.81482C8.19364%208.94225%208.16647%209.07882%208.16647%209.21674C8.16647%209.35467%208.19364%209.49124%208.24642%209.61867C8.2992%209.74609%208.37656%209.86187%208.47409%209.9594Z'%20fill='currentColor'%20/%3e%3c/svg%3e", B = ({
-  className: d,
-  dismissible: m = !1,
-  label: a,
-  loading: r = !1,
-  size: o,
-  variant: i,
+import { buttonDismissVariants as D, badgeVariants as j } from "./Badge.variants.js";
+import { S as p } from "../../index-BvoZGpli.js";
+import { X as E } from "../../x-BXShoIAM.js";
+const q = ({
+  className: b,
+  dismissible: f = !1,
+  isSelectable: h = !0,
+  label: r,
+  leftIcon: i,
+  loading: n = !1,
+  rightIcon: o,
+  size: l,
+  variant: m,
   onClick: e,
-  onDismiss: n
+  onDismiss: d
 }) => {
-  const C = f(null), [u, p] = h("visible"), b = g(
+  const a = y(null), [v, N] = w("visible"), g = S(
     (t) => {
-      t.stopPropagation(), n?.(), p("hidden");
+      t.stopPropagation(), d?.(), N("hidden");
     },
-    [n]
+    [d]
   );
-  return v(() => {
+  return x(() => {
     const t = new AbortController();
-    return C.current?.addEventListener(
+    return a.current?.addEventListener(
       "animationend",
       () => {
-        C.current?.style.setProperty("display", "none"), C.current?.remove();
+        a.current?.style.setProperty("display", "none"), a.current?.remove();
       },
       { signal: t.signal }
     ), () => t.abort();
-  }, []), /* @__PURE__ */ l(
+  }, []), /* @__PURE__ */ u(
     "span",
     {
-      ref: C,
-      className: c(
-        x({ variant: i, size: o, className: d }),
-        e && "cursor-pointer"
-      ),
+      ref: a,
+      className: c(j({ 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 ? `${a} badge` : void 0,
-      "aria-busy": r,
+      "aria-label": e ? `${r} badge` : void 0,
+      "aria-busy": n,
       "aria-live": "polite",
-      "data-state": u,
+      "data-state": v,
       children: [
-        r && /* @__PURE__ */ s(N, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
-        a,
-        m && /* @__PURE__ */ l(
+        n && /* @__PURE__ */ s(V, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
+        i ? /* @__PURE__ */ s(p, { className: "h-3 w-3", children: i }) : null,
+        r,
+        f ? /* @__PURE__ */ u(
           "button",
           {
             type: "button",
-            className: c(w({ size: o, variant: i })),
-            onClick: b,
+            className: c(D({ size: l, variant: m })),
+            onClick: g,
             "aria-label": "Dismiss",
             children: [
-              /* @__PURE__ */ s(Z, { className: "h-full w-full" }),
+              /* @__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
       ]
     }
   );
 };
 export {
-  B as Badge
+  q as Badge
 };

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

@@ -17,14 +17,51 @@ const a = e(
   {
     variants: {
       variant: {
-        default: ["bg-gray-100", "text-gray-800"],
-        danger: ["bg-red-100", "text-red-800"],
-        info: ["bg-blue-100", "text-blue-800"],
-        success: ["bg-green-100", "text-green-800"],
-        warning: ["bg-yellow-100", "text-yellow-800"]
+        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-sm leading-[16px]"
+        default: "text-xs leading-4"
       }
     },
     defaultVariants: {
@@ -32,7 +69,7 @@ const a = e(
       size: "default"
     }
   }
-), n = e(
+), r = e(
   [
     "rounded-full",
     "inline-flex",
@@ -46,11 +83,13 @@ const a = e(
   {
     variants: {
       variant: {
-        default: ["text-gray-700"],
-        danger: ["text-red-700"],
-        info: ["text-blue-700"],
-        success: ["text-green-700"],
-        warning: ["text-yellow-700"]
+        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"]
@@ -64,5 +103,5 @@ const a = e(
 );
 export {
   a as badgeVariants,
-  n as buttonDismissVariants
+  r as buttonDismissVariants
 };

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -3,7 +3,7 @@ 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-N2OStZoU.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++) {

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

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

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

@@ -1,50 +1,50 @@
-import { jsx as a, Fragment as p } from "react/jsx-runtime";
+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-B8DnuqkR.js";
-import { breadcrumbLinkVariants as o, breadcrumbLabelVariants as k } from "./Item.variants.js";
-const I = ({
+import { u as h, L as b } from "../../../../useBreadcrumb-BAHbGQ_O.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: e,
-  component: d = "a",
-  isReactRouterDom: l = !1
+  to: a,
+  component: l = "a"
 }) => {
-  const { isInsideRouter: u } = h(), i = (f) => {
-    e === "#" && f.preventDefault();
-  };
-  return /* @__PURE__ */ 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: e ? /* @__PURE__ */ a(p, { children: u || l ? /* @__PURE__ */ a(
+      children: a ? /* @__PURE__ */ e(p, { children: u ? /* @__PURE__ */ e(
         b,
         {
-          to: e,
+          to: a,
           target: s,
-          className: m(o({ isActive: r })),
+          className: m(d({ isActive: r })),
           "aria-disabled": r ? "true" : "false",
-          onClick: i,
+          onClick: o,
           children: n
         }
-      ) : /* @__PURE__ */ a(
-        d,
+      ) : /* @__PURE__ */ e(
+        i,
         {
-          href: e,
+          href: i === "a" ? a : void 0,
+          to: i !== "a" ? a : void 0,
           target: s,
-          className: m(o({ isActive: r })),
+          className: m(d({ isActive: r })),
           "aria-disabled": r ? "true" : "false",
-          onClick: i,
+          onClick: o,
           children: n
         }
-      ) }) : /* @__PURE__ */ a("span", { className: m(k({ isActive: r })), children: n })
+      ) }) : /* @__PURE__ */ e("span", { className: m(k({ isActive: r })), children: n })
     }
   );
 };
 export {
-  I as Item
+  g as Item
 };