import { jsxs as l, jsx as s } from "react/jsx-runtime";
import d from "react";
import { Slot as u } from "@radix-ui/react-slot";
import i from "../icon/Icon.js";
import { c as t } from "../../index-BtlgVD4m.js";
const p = ({ ref: e, ...a }) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...a });
p.displayName = "BreadcrumbWrapper";
const b = ({ className: e, ref: a, ...r }) => /* @__PURE__ */ s(
  "ol",
  {
    ref: a,
    className: t(
      "flex flex-wrap items-center gap-[var(--spacing-2-5)] break-words text-sm text-[var(--base-muted-foreground)] sm:gap-2.5",
      e
    ),
    ...r
  }
);
b.displayName = "BreadcrumbList";
const f = ({ className: e, ref: a, ...r }) => /* @__PURE__ */ s("li", { ref: a, className: t("inline-flex items-center gap-1.5", e), ...r });
f.displayName = "BreadcrumbItem";
const N = ({ asChild: e, className: a, ref: r, as: n, urlField: o = "href", ...m }) => {
  const c = t("transition-colors hover:text-[var(--base-foreground)]", a);
  return n ? d.createElement(n, {
    ref: r,
    className: c,
    ...o && { [o]: m.href },
    ...m
  }) : /* @__PURE__ */ s(e ? u : "a", { ref: r, className: c, ...m });
};
N.displayName = "BreadcrumbLink";
const g = ({ className: e, ref: a, ...r }) => /* @__PURE__ */ s(
  "span",
  {
    ref: a,
    role: "link",
    "aria-disabled": "true",
    "aria-current": "page",
    className: t("font-normal text-[var(--base-foreground)]", e),
    ...r
  }
);
g.displayName = "BreadcrumbPage";
const h = ({ children: e, className: a, ...r }) => /* @__PURE__ */ s(
  "li",
  {
    role: "presentation",
    "aria-hidden": "true",
    className: t("[&>svg]:w-3.5 [&>svg]:h-3.5", "text-[var(--base-muted-foreground)]", a),
    ...r,
    children: e ?? /* @__PURE__ */ s(i, { name: "ChevronRight" })
  }
);
h.displayName = "BreadcrumbSeparator";
const B = ({ className: e, ...a }) => /* @__PURE__ */ l(
  "span",
  {
    role: "presentation",
    "aria-hidden": "true",
    className: t("flex h-9 w-9 items-center justify-center", "text-[var(--base-muted-foreground)]", e),
    ...a,
    children: [
      /* @__PURE__ */ s(i, { name: "MoreHorizontal", className: "h-4 w-4" }),
      /* @__PURE__ */ s("span", { className: "sr-only", children: "Mehr" })
    ]
  }
);
B.displayName = "BreadcrumbEllipsis";
export {
  B as BreadcrumbEllipsis,
  f as BreadcrumbItem,
  N as BreadcrumbLink,
  b as BreadcrumbList,
  g as BreadcrumbPage,
  h as BreadcrumbSeparator,
  p as BreadcrumbWrapper
};
//# sourceMappingURL=BreadcrumbPrimitives.js.map
