@konstructio/ui 0.0.13-alpha.2 → 0.1.0-alpha.11

package/dist/Modal-CrG0m703.js

@@ -0,0 +1,98 @@
+import { Body as b } from "./components/Modal/components/Body/Body.js";
+import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
+import { Header as v } from "./components/Modal/components/Header/Header.js";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { Children as s, isValidElement as m, useEffect as w } from "react";
+import { r as x } from "./index-BCGvACM9.js";
+import { R as A } from "./index--EmNlyHx.js";
+import { R as E } from "./Combination-VYaRRJBZ.js";
+import { cn as p } from "./utils/index.js";
+import { buttonCloseVariants as N, modalVariants as R } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+import { X as k } from "./x-BPcqkRZd.js";
+const B = ({
+  children: e,
+  theme: o,
+  className: d,
+  buttonCloseClassName: i,
+  onClose: n
+}) => {
+  const c = s.toArray(e).find(
+    (r) => m(r) && r.type === t.Header
+  ), f = s.toArray(e).find(
+    (r) => m(r) && r.type === t.Body
+  ), y = s.toArray(e).find(
+    (r) => m(r) && r.type === t.Footer
+  ), u = s.toArray(e).filter(
+    (r) => !m(r) || ![t.Header, t.Body, t.Footer].includes(
+      r.type
+    )
+  );
+  return /* @__PURE__ */ a(E, { children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: "fixed inset-0 grid place-content-center",
+      "data-theme": o,
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "absolute inset-0 bg-black opacity-75 animate-in fade-in-0",
+            onClick: n,
+            role: "presentation"
+          }
+        ),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: p(
+              R({
+                className: d
+              })
+            ),
+            role: "dialog",
+            "aria-modal": "true",
+            children: [
+              c,
+              /* @__PURE__ */ l(
+                "button",
+                {
+                  className: p(
+                    N({
+                      className: i
+                    })
+                  ),
+                  onClick: n,
+                  children: [
+                    /* @__PURE__ */ a(k, {}),
+                    /* @__PURE__ */ a(A, { children: "Dismiss modal" })
+                  ]
+                }
+              ),
+              f ?? u,
+              y
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}, t = ({ isOpen: e, onClose: o, ...d }) => (w(() => {
+  const i = new AbortController(), n = (c) => {
+    c.code === "Escape" && (o == null || o());
+  };
+  return window.addEventListener("keydown", n, {
+    signal: i.signal
+  }), () => {
+    i.abort();
+  };
+}, [o]), e ? x.createPortal(
+  /* @__PURE__ */ a(B, { ...d, onClose: o }),
+  document.body
+) : null);
+t.Header = v;
+t.Body = b;
+t.Footer = g;
+export {
+  t as M,
+  B as W
+};

package/dist/assets/icons/components/Search.js

@@ -0,0 +1,26 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+const e = ({ className: r }) => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    className: r,
+    children: [
+      /* @__PURE__ */ i("g", { id: "Icon", clipPath: "url(#clip0_252_122)", children: /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector",
+          d: "M12.9167 11.6667H12.2583L12.025 11.4417C12.8417 10.4917 13.3333 9.25833 13.3333 7.91667C13.3333 4.925 10.9083 2.5 7.91667 2.5C4.925 2.5 2.5 4.925 2.5 7.91667C2.5 10.9083 4.925 13.3333 7.91667 13.3333C9.25833 13.3333 10.4917 12.8417 11.4417 12.025L11.6667 12.2583V12.9167L15.8333 17.075L17.075 15.8333L12.9167 11.6667ZM7.91667 11.6667C5.84167 11.6667 4.16667 9.99167 4.16667 7.91667C4.16667 5.84167 5.84167 4.16667 7.91667 4.16667C9.99167 4.16667 11.6667 5.84167 11.6667 7.91667C11.6667 9.99167 9.99167 11.6667 7.91667 11.6667Z",
+          fill: "currentColor"
+        }
+      ) }),
+      /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_252_122", children: /* @__PURE__ */ i("rect", { width: "20", height: "20", fill: "currentColor" }) }) })
+    ]
+  }
+);
+export {
+  e as SearchIcon,
+  e as default
+};

package/dist/assets/icons/components/Warning.js

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+const l = ({ className: C }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    className: C,
+    children: /* @__PURE__ */ r("g", { children: /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M9.16663 12.5H10.8333V14.1667H9.16663V12.5ZM9.16663 5.83335H10.8333V10.8334H9.16663V5.83335ZM9.99163 1.66669C5.39163 1.66669 1.66663 5.40002 1.66663 10C1.66663 14.6 5.39163 18.3334 9.99163 18.3334C14.6 18.3334 18.3333 14.6 18.3333 10C18.3333 5.40002 14.6 1.66669 9.99163 1.66669ZM9.99996 16.6667C6.31663 16.6667 3.33329 13.6834 3.33329 10C3.33329 6.31669 6.31663 3.33335 9.99996 3.33335C13.6833 3.33335 16.6666 6.31669 16.6666 10C16.6666 13.6834 13.6833 16.6667 9.99996 16.6667Z",
+        fill: "currentColor"
+      }
+    ) })
+  }
+);
+export {
+  l as Warning,
+  l as default
+};

package/dist/assets/icons/components/index.js

@@ -0,0 +1,6 @@
+import { SearchIcon as o } from "./Search.js";
+import { Warning as c } from "./Warning.js";
+export {
+  o as SearchIcon,
+  c as WarningIcon
+};

package/dist/chevron-down-UW8ts6wI.js

@@ -0,0 +1,11 @@
+import { c as o } from "./createLucideIcon-ByJ0JZvK.js";
+/**
+* @license lucide-react v0.513.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const n = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], e = o("chevron-down", n);
+export {
+  e as C
+};

package/dist/{chevron-up-DgLBQCKD.js → chevron-up-RLP4nX7V.js}

@@ -1,5 +1,5 @@
 import l, { forwardRef as c } from "react";
-import { P as a } from "./index-C5psggHV.js";
+import { P as a } from "./index-h-Ul0anl.js";
 function p() {
   return p = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 import { jsx as l, jsxs as i } from "react/jsx-runtime";
 import { useRef as b, useState as C, useMemo as V, isValidElement as v, useCallback as k, useEffect as w } from "react";
-import { V as x } from "../../index-CWKdynYu.js";
+import { V as x } from "../../index--EmNlyHx.js";
 import { cn as m } from "../../utils/index.js";
 import { closeButtonVariants as y, alertVariants as A } from "./Alert.variants.js";
-import { X as E } from "../../x-DU-Zw-L_.js";
+import { X as E } from "../../x-BPcqkRZd.js";
 const B = ({
   theme: c,
   type: o,

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,61 +1,75 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as u, A as b, P as y, O as N, C as O, T as A, D, a as v, b as j } from "../../index-AM3avohj.js";
-import { Button as n } from "../Button/Button.js";
-import { cn as l } from "../../utils/index.js";
-import { useAlertDialog as k } from "./hooks/useAlertDialog.js";
-const B = ({
-  buttonTriggerClassName: i,
-  buttonCancelClassName: r,
-  buttonCancelText: o = "Cancel",
-  buttonConfirmClassName: s,
-  buttonConfirmText: c = "OK",
-  buttonText: d,
-  description: m,
-  theme: t,
-  title: p,
-  onConfirm: f
+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-BNU3RH-3.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 = ({
+  buttonCancel: {
+    className: s,
+    text: i = "Cancel",
+    ...r
+  } = {},
+  buttonConfirm: {
+    className: o,
+    text: c = "OK",
+    ...m
+  } = {},
+  buttonTriggerClassName: d,
+  buttonTriggerText: p,
+  description: f,
+  showCancelButton: h = !0,
+  theme: n,
+  title: x,
+  wrapperClassName: u,
+  onConfirm: C,
+  ...b
 }) => {
-  const { isOpen: h, handleCancel: x, handleConfirm: g, handleOpen: C } = k({
-    onConfirm: f
+  const { isOpen: N, handleCancel: g, handleConfirm: y, handleOpen: O } = z({
+    onConfirm: C
   });
-  return /* @__PURE__ */ a(u, { open: h, children: [
+  return /* @__PURE__ */ a(A, { open: N, ...b, children: [
     /* @__PURE__ */ e(
-      b,
+      D,
       {
-        className: i,
-        text: d,
-        "data-theme": t,
-        onOpen: C
+        className: d,
+        text: p,
+        "data-theme": n,
+        onOpen: O
       }
     ),
-    /* @__PURE__ */ a(y, { children: [
-      /* @__PURE__ */ e(N, { className: "bg-black opacity-75 inset-0 fixed animate-in fade-in-0" }),
+    /* @__PURE__ */ a(v, { children: [
+      /* @__PURE__ */ e(j, { className: "bg-black opacity-70 inset-0 fixed animate-in fade-in-0" }),
       /* @__PURE__ */ a(
-        O,
+        k,
         {
-          "data-theme": t,
-          className: "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-6 animate-in fade-in-0 zoom-in-85",
+          "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
+          ),
           children: [
-            /* @__PURE__ */ e(A, { className: "font-bold text-center text-2xl", children: p }),
-            /* @__PURE__ */ e(D, { children: m }),
+            /* @__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: [
-              /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-                n,
+              h && /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(
+                l,
                 {
                   type: "button",
                   variant: "secondary",
-                  className: l(r),
-                  onClick: x,
-                  children: o
+                  className: t(s),
+                  onClick: g,
+                  ...r,
+                  children: i
                 }
               ) }),
-              /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
-                n,
+              /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
+                l,
                 {
                   type: "button",
-                  variant: "danger",
-                  className: l(s),
-                  onClick: g,
+                  variant: "primary",
+                  className: t(o),
+                  onClick: y,
+                  ...m,
                   children: c
                 }
               ) })
@@ -67,5 +81,5 @@ const B = ({
   ] });
 };
 export {
-  B as AlertDialog
+  G as AlertDialog
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-AM3avohj.js";
+import { A as p } from "../../../index-BNU3RH-3.js";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {

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

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

package/dist/components/Badge/Badge.js

@@ -0,0 +1,79 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { useRef as v, useState as w, useCallback as x, useEffect as y } from "react";
+import { cn as u } from "../../utils/index.js";
+import { buttonDismissVariants as M, badgeVariants as Z } from "./Badge.variants.js";
+import { c as N } from "../../createLucideIcon-ByJ0JZvK.js";
+/**
+* @license lucide-react v0.513.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const V = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], I = N("x", V), L = "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", _ = ({
+  className: p,
+  dismissible: b = !1,
+  label: s,
+  loading: o = !1,
+  size: n,
+  variant: l,
+  onClick: e,
+  onDismiss: C
+}) => {
+  const t = v(null), [f, h] = w("visible"), g = x(
+    (a) => {
+      a.stopPropagation(), C == null || C(), h("hidden");
+    },
+    [C]
+  );
+  return y(() => {
+    var i;
+    const a = new AbortController();
+    return (i = t.current) == null || i.addEventListener(
+      "animationend",
+      () => {
+        var c, d;
+        (c = t.current) == null || c.style.setProperty("display", "none"), (d = t.current) == null || d.remove();
+      },
+      { signal: a.signal }
+    ), () => a.abort();
+  }, []), /* @__PURE__ */ m(
+    "span",
+    {
+      ref: t,
+      className: u(
+        Z({ variant: l, size: n, className: p }),
+        e && "cursor-pointer"
+      ),
+      role: e ? "button" : void 0,
+      onClick: e,
+      tabIndex: e ? 0 : void 0,
+      "aria-label": e ? `${s} badge` : void 0,
+      "aria-busy": o,
+      "aria-live": "polite",
+      "data-state": f,
+      children: [
+        o && /* @__PURE__ */ r(L, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
+        s,
+        b && /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            className: u(M({ size: n, variant: l })),
+            onClick: g,
+            "aria-label": "Dismiss",
+            children: [
+              /* @__PURE__ */ r(I, { className: "h-full w-full" }),
+              /* @__PURE__ */ r("span", { className: "sr-only", children: "Dismiss" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  _ as Badge
+};

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

@@ -0,0 +1,68 @@
+import { c as e } from "../../index-BNmRGtA6.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"],
+        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"]
+      },
+      size: {
+        default: "text-sm leading-[16px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), n = 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"],
+        danger: ["text-red-700"],
+        info: ["text-blue-700"],
+        success: ["text-green-700"],
+        warning: ["text-yellow-700"]
+      },
+      size: {
+        default: ["h-3.5", "w-3.5"]
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+export {
+  a as badgeVariants,
+  n as buttonDismissVariants
+};

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,40 +1,40 @@
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import h, { forwardRef as b, useId as y, Fragment as O } from "react";
-import { cn as c } from "../../utils/index.js";
-import { chevronVariants as j, breadcrumbVariants as w, breadcrumbWrapperVariants as P } from "./Breadcrumb.variants.js";
-import { Item as x } from "./components/Item/Item.js";
-import { P as l } from "../../index-C5psggHV.js";
+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-h-Ul0anl.js";
 function m() {
   return m = Object.assign || function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
+    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 r;
   }, m.apply(this, arguments);
 }
-function k(r, n) {
+function x(r, o) {
   if (r == null) return {};
-  var e = N(r, n), t, o;
+  var e = P(r, o), t, n;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(r);
-    for (o = 0; o < i.length; o++)
-      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
+    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 e;
 }
-function N(r, n) {
+function P(r, o) {
   if (r == null) return {};
-  var e = {}, t = Object.keys(r), o, i;
+  var e = {}, t = Object.keys(r), n, i;
   for (i = 0; i < t.length; i++)
-    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
+    n = t[i], !(o.indexOf(n) >= 0) && (e[n] = r[n]);
   return e;
 }
-var p = b(function(r, n) {
-  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, s = k(r, ["color", "size"]);
-  return /* @__PURE__ */ h.createElement("svg", m({
-    ref: n,
+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,
@@ -44,57 +44,48 @@ var p = b(function(r, n) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ h.createElement("polyline", {
+  }, s), /* @__PURE__ */ u.createElement("polyline", {
     points: "9 18 15 12 9 6"
   }));
 });
-p.propTypes = {
+c.propTypes = {
   color: l.string,
   size: l.oneOfType([l.string, l.number])
 };
-p.displayName = "ChevronRight";
-const C = ({
-  className: r,
-  size: n,
+c.displayName = "ChevronRight";
+const W = ({
+  "aria-label": r = "breadcrumb",
+  className: o,
   steps: e,
   theme: t,
-  "aria-label": o = "breadcrumb",
-  wrapperClassName: i,
-  ...s
+  wrapperClassName: n,
+  ...i
 }) => {
-  const d = y();
+  const s = v();
   return /* @__PURE__ */ a(
     "nav",
     {
-      "aria-label": o,
+      "aria-label": r,
       "data-theme": t,
-      className: c(
-        P({
-          className: i
+      className: h(
+        j({
+          className: n
         })
       ),
-      children: /* @__PURE__ */ a(
-        "ol",
-        {
-          className: c(w({ className: r, size: n })),
-          ...s,
-          children: e.map(({ label: f, ...g }, u) => /* @__PURE__ */ v(O, { children: [
-            /* @__PURE__ */ a(
-              x,
-              {
-                ...g,
-                label: f,
-                isLast: u === e.length - 1,
-                size: n
-              }
-            ),
-            u !== e.length - 1 && /* @__PURE__ */ a("li", { "aria-hidden": "true", children: /* @__PURE__ */ a(p, { className: c(j({ size: n })) }) })
-          ] }, `${d}-${f}`))
-        }
-      )
+      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 {
-  C as Breadcrumb
+  W as Breadcrumb
 };