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

package/dist/components/Autocomplete/hooks/useNavigationList.js

@@ -1,70 +1,76 @@
-import { useRef as b, useEffect as l } from "react";
-const w = ({
-  ulRef: t,
-  inputRef: o,
-  wrapperRef: u,
-  options: a
-}) => {
-  const r = b(0);
-  l(() => {
-    const e = t.current?.querySelectorAll("li") ?? [], c = new AbortController(), n = () => {
-      r.current < e.length - 1 ? (r.current = r.current + 1, e[r.current].focus()) : (r.current = 0, e[0].focus());
-    }, i = () => {
-      r.current > 0 ? (r.current = r.current - 1, e[r.current].focus()) : (r.current = 0, o.current?.focus());
+import { c as y } from "../../../compiler-runtime-DA41awpA.js";
+import { useRef as A, useEffect as d } from "react";
+const q = (w) => {
+  const e = y.c(18), {
+    ulRef: r,
+    inputRef: t,
+    wrapperRef: u,
+    options: c
+  } = w, n = A(0);
+  let i;
+  e[0] !== t || e[1] !== r ? (i = () => {
+    const o = r.current?.querySelectorAll("li") ?? [], s = new AbortController(), l = () => {
+      n.current < o.length - 1 ? (n.current = n.current + 1, o[n.current].focus()) : (n.current = 0, o[0].focus());
+    }, k = () => {
+      n.current > 0 ? (n.current = n.current - 1, o[n.current].focus()) : (n.current = 0, t.current?.focus());
     };
-    return t.current?.addEventListener(
-      "keydown",
-      (s) => {
-        switch (s.preventDefault(), s.key) {
-          case "ArrowDown": {
-            n();
-            break;
-          }
-          case "Tab": {
-            s.shiftKey ? i() : n();
-            break;
-          }
-          case "ArrowUp": {
-            r.current === 0 ? o.current?.focus() : i();
-            break;
-          }
-          case "Enter": {
-            e[r.current].querySelector("button")?.click();
-            break;
-          }
+    return r.current?.addEventListener("keydown", (g) => {
+      g.preventDefault();
+      e: switch (g.key) {
+        case "ArrowDown": {
+          l();
+          break e;
         }
-      },
-      { signal: c.signal }
-    ), () => {
-      c.abort();
-    };
-  }, [o, t, a, r]), l(() => {
-    const e = new AbortController();
-    return o.current?.addEventListener(
-      "keydown",
-      (c) => {
-        if (c.key === "ArrowDown") {
-          const n = t.current?.querySelector("li");
-          n && n.focus();
+        case "Tab": {
+          g.shiftKey ? k() : l();
+          break e;
+        }
+        case "ArrowUp": {
+          n.current === 0 ? t.current?.focus() : k();
+          break e;
         }
-      },
-      { signal: e.signal }
-    ), () => {
-      e.abort();
+        case "Enter":
+          o[n.current].querySelector("button")?.click();
+      }
+    }, {
+      signal: s.signal
+    }), () => {
+      s.abort();
+    };
+  }, e[0] = t, e[1] = r, e[2] = i) : i = e[2];
+  let f;
+  e[3] !== t || e[4] !== c || e[5] !== r ? (f = [t, r, c, n], e[3] = t, e[4] = c, e[5] = r, e[6] = f) : f = e[6], d(i, f);
+  let a;
+  e[7] !== t || e[8] !== r ? (a = () => {
+    const o = new AbortController();
+    return t.current?.addEventListener("keydown", (s) => {
+      if (s.key === "ArrowDown") {
+        const l = r.current?.querySelector("li");
+        l && l.focus();
+      }
+    }, {
+      signal: o.signal
+    }), () => {
+      o.abort();
     };
-  }, [o, t, a]), l(() => {
-    const e = new AbortController();
-    return u.current?.addEventListener(
-      "mouseenter",
-      () => {
-        (t.current?.querySelectorAll("li") ?? []).forEach((n) => n.blur());
-      },
-      { signal: e.signal }
-    ), () => {
-      e.abort();
+  }, e[7] = t, e[8] = r, e[9] = a) : a = e[9];
+  let b;
+  e[10] !== t || e[11] !== c || e[12] !== r ? (b = [t, r, c], e[10] = t, e[11] = c, e[12] = r, e[13] = b) : b = e[13], d(a, b);
+  let m, p;
+  e[14] !== r || e[15] !== u ? (m = () => {
+    const o = new AbortController();
+    return u.current?.addEventListener("mouseenter", () => {
+      (r.current?.querySelectorAll("li") ?? []).forEach(E);
+    }, {
+      signal: o.signal
+    }), () => {
+      o.abort();
     };
-  }, [t, u]);
+  }, p = [r, u], e[14] = r, e[15] = u, e[16] = m, e[17] = p) : (m = e[16], p = e[17]), d(m, p);
 };
+function E(w) {
+  return w.blur();
+}
 export {
-  w as useNavigationUlList
+  q as useNavigationUlList
 };

package/dist/components/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BadgeProps } from './Badge.types';
+import { Props } from './Badge.types';
 /**
  * A badge/tag component for status indicators and labels.
  * Supports multiple variants, icons, loading state, and dismissible mode.
@@ -31,4 +31,4 @@ import { BadgeProps } from './Badge.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-badge--docs Storybook}
  */
-export declare const Badge: FC<BadgeProps>;
+export declare const Badge: FC<Props>;

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.types.d.ts

@@ -12,7 +12,7 @@ import { badgeVariants } from './Badge.variants';
  * <Badge label="With Icon" leftIcon={<Icon />} />
  * ```
  */
-export type BadgeProps = VariantProps<typeof badgeVariants> & {
+export type Props = VariantProps<typeof badgeVariants> & {
     /** Additional CSS classes */
     className?: string;
     /** Show dismiss button */
@@ -32,3 +32,5 @@ export type BadgeProps = VariantProps<typeof badgeVariants> & {
     /** Callback when dismiss button clicked */
     onDismiss?: VoidFunction;
 };
+/** @deprecated Use Props instead */
+export type BadgeProps = Props;

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.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BreadcrumbProps } from './Breadcrumb.types';
+import { Props } from './Breadcrumb.types';
 /**
  * A breadcrumb navigation component showing the current location in a hierarchy.
  *
@@ -26,4 +26,4 @@ import { BreadcrumbProps } from './Breadcrumb.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-breadcrumb--docs Storybook}
  */
-export declare const Breadcrumb: FC<BreadcrumbProps>;
+export declare const Breadcrumb: FC<Props>;

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
 };