"use client";
'use strict';

var reactSlot = require('@radix-ui/react-slot');
var lucideReact = require('lucide-react');
var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var jsxRuntime = require('react/jsx-runtime');

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
__name(cn, "cn");
var Breadcrumb = /* @__PURE__ */ __name(({ ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", ref, ...props }), "Breadcrumb");
Breadcrumb.displayName = "Breadcrumb";
var BreadcrumbList = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
  "ol",
  {
    className: cn(
      "text-text-secondary flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
      className
    ),
    ref,
    ...props
  }
), "BreadcrumbList");
BreadcrumbList.displayName = "BreadcrumbList";
var BreadcrumbItem = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
  "li",
  {
    className: cn("inline-flex items-center gap-1.5", className),
    ref,
    ...props
  }
), "BreadcrumbItem");
BreadcrumbItem.displayName = "BreadcrumbItem";
var BreadcrumbLink = /* @__PURE__ */ __name(({
  asChild,
  className,
  ref,
  ...props
}) => {
  const Comp = asChild ? reactSlot.Slot : "a";
  return /* @__PURE__ */ jsxRuntime.jsx(
    Comp,
    {
      className: cn("hover:text-text-default transition-colors", className),
      ref,
      ...props
    }
  );
}, "BreadcrumbLink");
BreadcrumbLink.displayName = "BreadcrumbLink";
var BreadcrumbPage = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
  "span",
  {
    "aria-current": "page",
    "aria-disabled": "true",
    className: cn("text-text-default font-normal", className),
    ref,
    role: "link",
    ...props
  }
), "BreadcrumbPage");
BreadcrumbPage.displayName = "BreadcrumbPage";
var BreadcrumbSeparator = /* @__PURE__ */ __name(({
  children,
  className,
  ...props
}) => /* @__PURE__ */ jsxRuntime.jsx(
  "li",
  {
    "aria-hidden": "true",
    className: cn("[&>svg]:h-4 [&>svg]:w-4", className),
    role: "presentation",
    ...props,
    children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
  }
), "BreadcrumbSeparator");
BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
var BreadcrumbEllipsis = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsxRuntime.jsxs(
  "span",
  {
    "aria-hidden": "true",
    className: cn("flex h-9 w-9 items-center justify-center", className),
    role: "presentation",
    ...props,
    children: [
      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-4 w-4" }),
      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More" })
    ]
  }
), "BreadcrumbEllipsis");
BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";

exports.Breadcrumb = Breadcrumb;
exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
exports.BreadcrumbItem = BreadcrumbItem;
exports.BreadcrumbLink = BreadcrumbLink;
exports.BreadcrumbList = BreadcrumbList;
exports.BreadcrumbPage = BreadcrumbPage;
exports.BreadcrumbSeparator = BreadcrumbSeparator;
