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

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

@@ -0,0 +1,104 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/ui/accordion.tsx
+var accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionHeader: () => AccordionHeader,
+  AccordionItem: () => AccordionItem,
+  AccordionPanel: () => AccordionPanel,
+  AccordionTrigger: () => AccordionTrigger
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_accordion = require("@base-ui/react/accordion");
+
+// 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/accordion.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Accordion(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Root, { ...props });
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Item,
+    {
+      className: cn("border-b border-stroke-3 last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Header, { className: cn("flex", className), ...props });
+}
+function AccordionTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Trigger,
+    {
+      className: cn(
+        "flex w-full items-center justify-between gap-4 py-3 text-left text-sm font-medium text-foreground-1 transition-colors hover:bg-surface-hover",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionPanel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Panel,
+    {
+      className: cn("pb-4 text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionHeader,
+  AccordionItem,
+  AccordionPanel,
+  AccordionTrigger
+});

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import { ComponentPropsWithoutRef } from 'react';
+
+type AccordionProps = ComponentPropsWithoutRef<typeof Accordion$1.Root>;
+type AccordionItemProps = ComponentPropsWithoutRef<typeof Accordion$1.Item>;
+type AccordionHeaderProps = ComponentPropsWithoutRef<typeof Accordion$1.Header>;
+type AccordionTriggerProps = ComponentPropsWithoutRef<typeof Accordion$1.Trigger>;
+type AccordionPanelProps = ComponentPropsWithoutRef<typeof Accordion$1.Panel>;
+declare function Accordion(props: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare function AccordionHeader({ className, ...props }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, ...props }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
+declare function AccordionPanel({ className, ...props }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/kernel/components/ui/accordion.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import { ComponentPropsWithoutRef } from 'react';
+
+type AccordionProps = ComponentPropsWithoutRef<typeof Accordion$1.Root>;
+type AccordionItemProps = ComponentPropsWithoutRef<typeof Accordion$1.Item>;
+type AccordionHeaderProps = ComponentPropsWithoutRef<typeof Accordion$1.Header>;
+type AccordionTriggerProps = ComponentPropsWithoutRef<typeof Accordion$1.Trigger>;
+type AccordionPanelProps = ComponentPropsWithoutRef<typeof Accordion$1.Panel>;
+declare function Accordion(props: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare function AccordionHeader({ className, ...props }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, ...props }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
+declare function AccordionPanel({ className, ...props }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/kernel/components/ui/accordion.js

@@ -0,0 +1,76 @@
+"use client";
+
+// src/kernel/components/ui/accordion.tsx
+import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
+
+// 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/accordion.tsx
+import { jsx } from "react/jsx-runtime";
+function Accordion(props) {
+  return /* @__PURE__ */ jsx(BaseAccordion.Root, { ...props });
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseAccordion.Item,
+    {
+      className: cn("border-b border-stroke-3 last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(BaseAccordion.Header, { className: cn("flex", className), ...props });
+}
+function AccordionTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseAccordion.Trigger,
+    {
+      className: cn(
+        "flex w-full items-center justify-between gap-4 py-3 text-left text-sm font-medium text-foreground-1 transition-colors hover:bg-surface-hover",
+        "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionPanel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    BaseAccordion.Panel,
+    {
+      className: cn("pb-4 text-sm leading-6 text-foreground-2", className),
+      ...props
+    }
+  );
+}
+export {
+  Accordion,
+  AccordionHeader,
+  AccordionItem,
+  AccordionPanel,
+  AccordionTrigger
+};

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

@@ -0,0 +1,75 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/ui/badge.tsx
+var badge_exports = {};
+__export(badge_exports, {
+  Badge: () => Badge,
+  badgeVariants: () => badgeVariants
+});
+module.exports = __toCommonJS(badge_exports);
+
+// 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/badge.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center rounded-badge border px-2 py-0.5 text-xs font-medium leading-5",
+  {
+    variants: {
+      variant: {
+        primary: "border-accent-border bg-accent-soft text-accent-1",
+        secondary: "border-stroke-2 bg-surface-2 text-foreground-2",
+        outline: "border-stroke-2 bg-transparent text-foreground-2"
+      }
+    },
+    defaultVariants: {
+      variant: "secondary"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge,
+  badgeVariants
+});

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
+
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>;
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+export { Badge, type BadgeProps, badgeVariants };

package/dist/kernel/components/ui/badge.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
+
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>;
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+export { Badge, type BadgeProps, badgeVariants };

package/dist/kernel/components/ui/badge.js

@@ -0,0 +1,47 @@
+// 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/badge.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "inline-flex items-center rounded-badge border px-2 py-0.5 text-xs font-medium leading-5",
+  {
+    variants: {
+      variant: {
+        primary: "border-accent-border bg-accent-soft text-accent-1",
+        secondary: "border-stroke-2 bg-surface-2 text-foreground-2",
+        outline: "border-stroke-2 bg-transparent text-foreground-2"
+      }
+    },
+    defaultVariants: {
+      variant: "secondary"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+export {
+  Badge,
+  badgeVariants
+};

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

@@ -0,0 +1,238 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/ui/breadcrumb-trail.tsx
+var breadcrumb_trail_exports = {};
+__export(breadcrumb_trail_exports, {
+  CollapsibleBreadcrumbTrail: () => CollapsibleBreadcrumbTrail
+});
+module.exports = __toCommonJS(breadcrumb_trail_exports);
+var import_breadcrumb = require("./breadcrumb.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-trail.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("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 = (0, import_react.useRef)(null);
+  const measureListRef = (0, import_react.useRef)(null);
+  const [hiddenIndexes, setHiddenIndexes] = (0, import_react.useState)(
+    () => hideOrderFor(items)
+  );
+  const hiddenIndexSet = (0, import_react.useMemo)(() => new Set(hiddenIndexes), [hiddenIndexes]);
+  const hiddenItems = items.filter((_item, index) => hiddenIndexSet.has(index));
+  const elements = displayElementsFor({ hiddenIndexes: hiddenIndexSet, items });
+  (0, import_react.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: cn("relative min-w-0", className), ref: rootRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbList, { className: "flex-nowrap overflow-hidden", size, children: elements.map((element, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+      index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, { className: "shrink-0", size }) : null,
+      element.type === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_breadcrumb.BreadcrumbTrailMenu,
+        {
+          hidden: hiddenItems,
+          menuLabel,
+          size,
+          variant
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_breadcrumb.BreadcrumbTrailEntry,
+        {
+          item: element.item,
+          size,
+          variant
+        }
+      )
+    ] }, element.key)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute left-0 top-0 h-0 overflow-hidden",
+        style: { visibility: "hidden" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "ol",
+          {
+            className: cn(
+              (0, import_breadcrumb.breadcrumbVariants)({ size }),
+              "inline-flex flex-nowrap overflow-visible"
+            ),
+            ref: measureListRef,
+            children: [
+              items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+                index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_breadcrumb.BreadcrumbSeparator,
+                  {
+                    className: "shrink-0",
+                    "data-breadcrumb-measure-separator": index === 1 ? "" : void 0,
+                    size
+                  }
+                ) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { "data-breadcrumb-measure-item": "", size, children: item.current ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, { size, variant, children: item.title }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_breadcrumb.BreadcrumbLink,
+                  {
+                    href: item.href,
+                    size,
+                    tabIndex: -1,
+                    variant,
+                    children: item.title
+                  }
+                ) })
+              ] }, item.href)),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { "data-breadcrumb-measure-menu": "", size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbEllipsis, { size }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollapsibleBreadcrumbTrail
+});

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BreadcrumbTrailProps } from './breadcrumb.cjs';
+import 'class-variance-authority/types';
+import './link.cjs';
+import './button.cjs';
+import 'class-variance-authority';
+import 'react';
+import 'next/link';
+
+type CollapsibleBreadcrumbTrailProps = Omit<BreadcrumbTrailProps, "collapseAfter" | "collapseBefore" | "collapsed">;
+declare function CollapsibleBreadcrumbTrail({ className, items, menuLabel, size, variant, }: CollapsibleBreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
+
+export { CollapsibleBreadcrumbTrail, type CollapsibleBreadcrumbTrailProps };

package/dist/kernel/components/ui/breadcrumb-trail.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BreadcrumbTrailProps } from './breadcrumb.js';
+import 'class-variance-authority/types';
+import './link.js';
+import './button.js';
+import 'class-variance-authority';
+import 'react';
+import 'next/link';
+
+type CollapsibleBreadcrumbTrailProps = Omit<BreadcrumbTrailProps, "collapseAfter" | "collapseBefore" | "collapsed">;
+declare function CollapsibleBreadcrumbTrail({ className, items, menuLabel, size, variant, }: CollapsibleBreadcrumbTrailProps): react_jsx_runtime.JSX.Element;
+
+export { CollapsibleBreadcrumbTrail, type CollapsibleBreadcrumbTrailProps };