@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.4

package/dist/kernel/components/ui/breadcrumb-trail.js

@@ -0,0 +1,225 @@
+"use client";
+
+// src/kernel/components/ui/breadcrumb-trail.tsx
+import {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbTrailEntry,
+  BreadcrumbTrailMenu,
+  breadcrumbVariants
+} from "./breadcrumb.js";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/ui/breadcrumb-trail.tsx
+import { Fragment, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function sameIndexes(left, right) {
+  return left.length === right.length && left.every((value, index) => value === right[index]);
+}
+function leafIndexFor(items) {
+  for (let index = items.length - 1; index >= 0; index -= 1) {
+    if (items[index]?.current) return index;
+  }
+  return items.length - 1;
+}
+function hideOrderFor(items) {
+  const leafIndex = leafIndexFor(items);
+  return items.map((_item, index) => index).filter((index) => index > 0 && index !== leafIndex);
+}
+function displayElementsFor({
+  hiddenIndexes,
+  items
+}) {
+  const elements = [];
+  let insertedMenu = false;
+  items.forEach((item, index) => {
+    if (hiddenIndexes.has(index)) {
+      if (!insertedMenu) {
+        elements.push({ key: "breadcrumb-menu", type: "menu" });
+        insertedMenu = true;
+      }
+      return;
+    }
+    elements.push({
+      index,
+      item,
+      key: item.href,
+      type: "item"
+    });
+  });
+  return elements;
+}
+function widthFor({
+  gapWidth,
+  hiddenIndexes,
+  itemWidths,
+  menuWidth,
+  separatorWidth
+}) {
+  const visibleItemWidths = itemWidths.filter(
+    (_width, index) => !hiddenIndexes.has(index)
+  );
+  const elementCount = visibleItemWidths.length + (hiddenIndexes.size > 0 ? 1 : 0);
+  if (elementCount === 0) return 0;
+  const separatorCount = elementCount - 1;
+  const flexChildCount = elementCount + separatorCount;
+  return visibleItemWidths.reduce((total, width) => total + width, 0) + (hiddenIndexes.size > 0 ? menuWidth : 0) + separatorWidth * separatorCount + gapWidth * Math.max(flexChildCount - 1, 0);
+}
+function CollapsibleBreadcrumbTrail({
+  className,
+  items,
+  menuLabel = "Show hidden breadcrumb links",
+  size,
+  variant
+}) {
+  const rootRef = useRef(null);
+  const measureListRef = useRef(null);
+  const [hiddenIndexes, setHiddenIndexes] = useState(
+    () => hideOrderFor(items)
+  );
+  const hiddenIndexSet = useMemo(() => new Set(hiddenIndexes), [hiddenIndexes]);
+  const hiddenItems = items.filter((_item, index) => hiddenIndexSet.has(index));
+  const elements = displayElementsFor({ hiddenIndexes: hiddenIndexSet, items });
+  useLayoutEffect(() => {
+    const root = rootRef.current;
+    const measureList = measureListRef.current;
+    if (!root || !measureList) return;
+    let animationFrame = 0;
+    const measure = () => {
+      cancelAnimationFrame(animationFrame);
+      animationFrame = requestAnimationFrame(() => {
+        const availableWidth = root.clientWidth;
+        if (availableWidth <= 0) return;
+        const itemWidths = Array.from(
+          measureList.querySelectorAll(
+            "[data-breadcrumb-measure-item]"
+          )
+        ).map((node) => node.offsetWidth);
+        const separatorWidth = measureList.querySelector(
+          "[data-breadcrumb-measure-separator]"
+        )?.offsetWidth ?? 0;
+        const menuWidth = measureList.querySelector(
+          "[data-breadcrumb-measure-menu]"
+        )?.offsetWidth ?? 0;
+        const gapWidth = Number.parseFloat(getComputedStyle(measureList).columnGap) || 0;
+        const nextHiddenIndexes = /* @__PURE__ */ new Set();
+        for (const index of hideOrderFor(items)) {
+          const measuredWidth = widthFor({
+            gapWidth,
+            hiddenIndexes: nextHiddenIndexes,
+            itemWidths,
+            menuWidth,
+            separatorWidth
+          });
+          if (measuredWidth <= availableWidth + 1) break;
+          nextHiddenIndexes.add(index);
+        }
+        const next = Array.from(nextHiddenIndexes).sort(
+          (left, right) => left - right
+        );
+        setHiddenIndexes(
+          (previous) => sameIndexes(previous, next) ? previous : next
+        );
+      });
+    };
+    measure();
+    const resizeObserver = new ResizeObserver(measure);
+    resizeObserver.observe(root);
+    resizeObserver.observe(measureList);
+    return () => {
+      cancelAnimationFrame(animationFrame);
+      resizeObserver.disconnect();
+    };
+  }, [items]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative min-w-0", className), ref: rootRef, children: [
+    /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { className: "flex-nowrap overflow-hidden", size, children: elements.map((element, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      index > 0 ? /* @__PURE__ */ jsx(BreadcrumbSeparator, { className: "shrink-0", size }) : null,
+      element.type === "menu" ? /* @__PURE__ */ jsx(
+        BreadcrumbTrailMenu,
+        {
+          hidden: hiddenItems,
+          menuLabel,
+          size,
+          variant
+        }
+      ) : /* @__PURE__ */ jsx(
+        BreadcrumbTrailEntry,
+        {
+          item: element.item,
+          size,
+          variant
+        }
+      )
+    ] }, element.key)) }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute left-0 top-0 h-0 overflow-hidden",
+        style: { visibility: "hidden" },
+        children: /* @__PURE__ */ jsxs(
+          "ol",
+          {
+            className: cn(
+              breadcrumbVariants({ size }),
+              "inline-flex flex-nowrap overflow-visible"
+            ),
+            ref: measureListRef,
+            children: [
+              items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                index > 0 ? /* @__PURE__ */ jsx(
+                  BreadcrumbSeparator,
+                  {
+                    className: "shrink-0",
+                    "data-breadcrumb-measure-separator": index === 1 ? "" : void 0,
+                    size
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(BreadcrumbItem, { "data-breadcrumb-measure-item": "", size, children: item.current ? /* @__PURE__ */ jsx(BreadcrumbPage, { size, variant, children: item.title }) : /* @__PURE__ */ jsx(
+                  BreadcrumbLink,
+                  {
+                    href: item.href,
+                    size,
+                    tabIndex: -1,
+                    variant,
+                    children: item.title
+                  }
+                ) })
+              ] }, item.href)),
+              /* @__PURE__ */ jsx(BreadcrumbItem, { "data-breadcrumb-measure-menu": "", size, children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, { size }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  CollapsibleBreadcrumbTrail
+};

package/dist/kernel/components/ui/breadcrumb.cjs

@@ -0,0 +1,399 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/ui/breadcrumb.tsx
+var breadcrumb_exports = {};
+__export(breadcrumb_exports, {
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  BreadcrumbTrail: () => BreadcrumbTrail,
+  BreadcrumbTrailEntry: () => BreadcrumbTrailEntry,
+  BreadcrumbTrailMenu: () => BreadcrumbTrailMenu,
+  breadcrumbVariants: () => breadcrumbVariants
+});
+module.exports = __toCommonJS(breadcrumb_exports);
+var import_breadcrumb_trail = require("./breadcrumb-trail.js");
+var import_button = require("./button.js");
+var import_link = require("./link.js");
+var import_menu = require("./menu.js");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/ui/breadcrumb.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_link2 = __toESM(require("next/link"), 1);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var breadcrumbVariants = (0, import_class_variance_authority.cva)(
+  "flex min-w-0 flex-wrap items-center text-foreground-3",
+  {
+    variants: {
+      size: {
+        xs: "gap-1 text-xs",
+        sm: "gap-1.5 text-sm",
+        md: "gap-1.5 text-sm",
+        lg: "gap-2 text-base",
+        xl: "gap-2 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var breadcrumbItemVariants = (0, import_class_variance_authority.cva)("inline-flex min-w-0 items-center", {
+  variants: {
+    size: {
+      xs: "gap-1",
+      sm: "gap-1.5",
+      md: "gap-1.5",
+      lg: "gap-2",
+      xl: "gap-2"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var breadcrumbTextVariants = (0, import_class_variance_authority.cva)("", {
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-sm",
+      lg: "text-base",
+      xl: "text-base"
+    }
+  }
+});
+var breadcrumbDefaultVariants = (0, import_class_variance_authority.cva)(
+  [
+    "inline-flex min-w-0 max-w-full truncate rounded-button text-foreground-2 opacity-100 transition-[color,opacity] hover:text-foreground-1 hover:opacity-90",
+    "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+    "data-[state=path-active]:text-foreground-1 data-[state=path-active]:opacity-100"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        xs: "text-xs",
+        sm: "text-sm",
+        md: "text-sm",
+        lg: "text-base",
+        xl: "text-base"
+      }
+    }
+  }
+);
+var breadcrumbPageVariants = (0, import_class_variance_authority.cva)("", {
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-sm",
+      lg: "text-base",
+      xl: "text-base"
+    }
+  }
+});
+var breadcrumbEllipsisVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center",
+  {
+    variants: {
+      size: {
+        xs: "size-5 text-xs",
+        sm: "size-6 text-sm",
+        md: "size-6 text-sm",
+        lg: "size-7 text-base",
+        xl: "size-7 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function resolveBreadcrumbVariant(variant) {
+  if (variant?.startsWith("button.")) {
+    return {
+      buttonVariant: variant.slice("button.".length),
+      linkVariant: null
+    };
+  }
+  if (variant?.startsWith("link.")) {
+    return {
+      buttonVariant: null,
+      linkVariant: variant.slice("link.".length)
+    };
+  }
+  return {
+    buttonVariant: null,
+    linkVariant: null
+  };
+}
+function breadcrumbLinkClasses({
+  active,
+  className,
+  size,
+  variant = "default"
+}) {
+  const { buttonVariant, linkVariant } = resolveBreadcrumbVariant(variant);
+  return cn(
+    buttonVariant ? (0, import_button.buttonVariants)({ size, variant: buttonVariant }) : linkVariant ? (0, import_link.linkVariants)({ color: "default", size, variant: linkVariant }) : breadcrumbDefaultVariants({ size }),
+    active ? "font-medium" : void 0,
+    className
+  );
+}
+function Breadcrumb({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      className: cn("min-w-0", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbList({
+  className,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: cn(breadcrumbVariants({ size }), className), ...props });
+}
+function BreadcrumbItem({
+  className,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "li",
+    {
+      className: cn(breadcrumbItemVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  active,
+  children,
+  className,
+  href,
+  size,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_link2.default,
+    {
+      "aria-current": active ? "page" : void 0,
+      className: breadcrumbLinkClasses({ active, className, size, variant }),
+      "data-state": active ? "path-active" : void 0,
+      href,
+      ...props,
+      children
+    }
+  );
+}
+function BreadcrumbPage({
+  className,
+  size,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "aria-current": "page",
+      className: cn(
+        variant ? breadcrumbLinkClasses({ active: true, size, variant }) : "max-w-full truncate font-medium text-foreground-1 opacity-100",
+        breadcrumbPageVariants({ size }),
+        className
+      ),
+      "data-state": "path-active",
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "li",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "text-stroke-1",
+        breadcrumbTextVariants({ size }),
+        className
+      ),
+      role: "presentation",
+      ...props,
+      children: children ?? "/"
+    }
+  );
+}
+function BreadcrumbEllipsis({
+  className,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      className: cn(breadcrumbEllipsisVariants({ size }), className),
+      role: "presentation",
+      ...props,
+      children: [
+        "...",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+function BreadcrumbTrailEntry({
+  item,
+  size,
+  variant
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    BreadcrumbItem,
+    {
+      className: item.current ? "min-w-0 shrink" : "shrink-0",
+      size,
+      children: item.current ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        BreadcrumbPage,
+        {
+          className: "block min-w-0 max-w-full truncate whitespace-nowrap",
+          size,
+          variant,
+          children: item.title
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        BreadcrumbLink,
+        {
+          className: "whitespace-nowrap",
+          href: item.href,
+          size,
+          variant,
+          children: item.title
+        }
+      )
+    }
+  );
+}
+function BreadcrumbTrailMenu({
+  hidden,
+  menuLabel,
+  size
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadcrumbItem, { className: "shrink-0", size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_menu.Menu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_menu.MenuTrigger,
+      {
+        "aria-label": menuLabel,
+        className: cn(
+          "inline-flex items-center justify-center text-foreground-3 transition-colors hover:text-foreground-1",
+          breadcrumbEllipsisVariants({ size })
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadcrumbEllipsis, { size })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.MenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.MenuPositioner, { align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.MenuPopup, { children: hidden.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.MenuLinkItem, { href: item.href, children: item.title }, item.href)) }) }) })
+  ] }) });
+}
+function BreadcrumbTrail({
+  className,
+  collapsed = false,
+  items,
+  menuLabel = "Show hidden breadcrumb links",
+  size,
+  variant
+}) {
+  if (collapsed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_breadcrumb_trail.CollapsibleBreadcrumbTrail,
+      {
+        className,
+        items,
+        menuLabel,
+        size,
+        variant
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadcrumbList, { className: "flex-nowrap overflow-hidden", size, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadcrumbSeparator, { className: "shrink-0", size }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadcrumbTrailEntry, { item, size, variant })
+  ] }, item.href)) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbTrail,
+  BreadcrumbTrailEntry,
+  BreadcrumbTrailMenu,
+  breadcrumbVariants
+});

package/dist/kernel/components/ui/breadcrumb.d.cts

@@ -0,0 +1,52 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { LinkStyleVariant, LinkButtonVariant } from './link.cjs';
+import { VariantProps } from 'class-variance-authority';
+import NextLink from 'next/link';
+import { ReactNode, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import './button.cjs';
+
+declare const breadcrumbVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BreadcrumbVariantProps = VariantProps<typeof breadcrumbVariants>;
+type BreadcrumbStyleVariant = "default" | `link.${LinkStyleVariant}` | LinkButtonVariant;
+type BreadcrumbSizeProps = Pick<BreadcrumbVariantProps, "size">;
+type BreadcrumbStyleProps = {
+    variant?: BreadcrumbStyleVariant;
+};
+declare function Breadcrumb({ className, ...props }: ComponentPropsWithoutRef<"nav">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"ol">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"li">): react_jsx_runtime.JSX.Element;
+type BreadcrumbLinkProps = {
+    active?: boolean;
+    children?: ReactNode;
+    href: string;
+} & BreadcrumbSizeProps & BreadcrumbStyleProps & Omit<ComponentPropsWithoutRef<typeof NextLink>, "href">;
+declare function BreadcrumbLink({ active, children, className, href, size, variant, ...props }: BreadcrumbLinkProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, size, variant, ...props }: BreadcrumbSizeProps & BreadcrumbStyleProps & ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, size, ...props }: BreadcrumbSizeProps & HTMLAttributes<HTMLLIElement>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, size, ...props }: BreadcrumbSizeProps & ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
+type BreadcrumbTrailItem = {
+    current?: boolean;
+    href: string;
+    title: ReactNode;
+};
+type BreadcrumbTrailProps = {
+    className?: string;
+    collapseAfter?: number;
+    collapseBefore?: number;
+    collapsed?: boolean;
+    items: BreadcrumbTrailItem[];
+    menuLabel?: string;
+} & BreadcrumbSizeProps & BreadcrumbStyleProps;
+declare function BreadcrumbTrailEntry({ item, size, variant, }: {
+    item: BreadcrumbTrailItem;
+} & BreadcrumbSizeProps & BreadcrumbStyleProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbTrailMenu({ hidden, menuLabel, size, }: {
+    hidden: BreadcrumbTrailItem[];
+    menuLabel: string;
+} & BreadcrumbSizeProps & BreadcrumbStyleProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbTrail({ className, collapsed, items, menuLabel, size, variant, }: BreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type BreadcrumbStyleVariant, BreadcrumbTrail, BreadcrumbTrailEntry, type BreadcrumbTrailItem, BreadcrumbTrailMenu, type BreadcrumbTrailProps, type BreadcrumbVariantProps, breadcrumbVariants };