import { jsx as r } from "react/jsx-runtime";
import { a as m } from "../index-BmAFn37q.mjs";
import { a as s } from "../Slot-C98rL4yy.mjs";
import { T as N } from "../TextLink-3MEVs3No.mjs";
import { ArrowVerticalRight as x } from "@spark-ui/icons/ArrowVerticalRight";
import { I as B } from "../Icon-D1RueiPY.mjs";
const u = ({
  className: e,
  "aria-label": a,
  ref: t,
  ...n
}) => /* @__PURE__ */ r(
  "nav",
  {
    "data-spark-component": "breadcrumb",
    ref: t,
    "aria-label": a,
    className: m("text-caption text-neutral", e),
    children: /* @__PURE__ */ r("ol", { className: m("gap-sm flex flex-wrap items-center break-words"), ...n })
  }
);
u.displayName = "Breadcrumb.Breadcrumb";
const i = ({
  asChild: e = !1,
  className: a,
  children: t,
  ...n
}) => /* @__PURE__ */ r(
  e ? s : "span",
  {
    "data-spark-component": "breadcrumb-current-page",
    role: "link",
    "aria-disabled": !0,
    "aria-current": "page",
    className: m(
      "inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current",
      a
    ),
    ...n,
    children: t
  }
);
i.displayName = "Breadcrumb.CurrentPage";
const c = ({ className: e, ...a }) => /* @__PURE__ */ r(
  "li",
  {
    "data-spark-component": "breadcrumb-item",
    className: m("min-w-none gap-sm inline-flex items-center", e),
    ...a
  }
);
c.displayName = "Breadcrumb.Item";
const l = ({
  asChild: e = !1,
  className: a,
  bold: t = !0,
  intent: n = "current",
  underline: o = !0,
  href: d,
  ref: b,
  ...f
}) => /* @__PURE__ */ r(
  e ? s : N,
  {
    "data-spark-component": "breadcrumb-link",
    href: d,
    ref: b,
    className: m("inline! overflow-hidden text-ellipsis whitespace-nowrap", a),
    bold: t,
    intent: n,
    underline: o,
    ...f
  }
);
l.displayName = "Breadcrumb.Link";
const p = ({
  asChild: e = !1,
  className: a,
  children: t,
  ref: n,
  ...o
}) => /* @__PURE__ */ r(
  e ? s : "li",
  {
    role: "presentation",
    "aria-hidden": !0,
    "data-spark-component": "breadcrumb-separator",
    ref: n,
    className: m("gap-sm inline-flex items-center", a),
    ...o,
    children: t ?? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(x, {}) })
  }
);
p.displayName = "Breadcrumb.Separator";
const k = Object.assign(u, {
  Item: c,
  Link: l,
  CurrentPage: i,
  Separator: p
});
k.displayName = "Breadcrumb";
c.displayName = "Breadcrumb.Item";
l.displayName = "Breadcrumb.Link";
i.displayName = "Breadcrumb.CurrentPage";
p.displayName = "Breadcrumb.Separator";
export {
  k as Breadcrumb
};
//# sourceMappingURL=index.mjs.map
