@nexus-cross/design-system 1.0.7 → 1.0.9

package/dist/breadcrumb.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3ZWN66YH_js = require('./chunks/chunk-3ZWN66YH.js');
+var chunkWATCVNBT_js = require('./chunks/chunk-WATCVNBT.js');
 require('./chunks/chunk-CZC76ZD5.js');
 require('./chunks/chunk-JNMCYWGY.js');
 
@@ -8,5 +8,9 @@ require('./chunks/chunk-JNMCYWGY.js');
 
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function () { return chunk3ZWN66YH_js.Breadcrumb; }
+  get: function () { return chunkWATCVNBT_js.Breadcrumb; }
+});
+Object.defineProperty(exports, "BreadcrumbItem", {
+  enumerable: true,
+  get: function () { return chunkWATCVNBT_js.BreadcrumbItem; }
 });

package/dist/breadcrumb.mjs

@@ -1,3 +1,3 @@
-export { Breadcrumb } from './chunks/chunk-EJY7IVSK.mjs';
+export { Breadcrumb, BreadcrumbItem } from './chunks/chunk-DDY7ENHX.mjs';
 import './chunks/chunk-MCKOWMLS.mjs';
 import './chunks/chunk-CVYXRSXT.mjs';

package/dist/chunks/chunk-DDY7ENHX.mjs

@@ -0,0 +1,53 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ChevronRight = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M6 4l4 4-4 4", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var BreadcrumbItem = ({ children, className }) => {
+  return /* @__PURE__ */ jsx("span", { className, children });
+};
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var Breadcrumb = Object.assign(
+  React.forwardRef(
+    ({ className, children, separator, maxItems, ...props }, ref) => {
+      const items = React.Children.toArray(children).filter(
+        (child) => React.isValidElement(child) && child.type?.displayName === "BreadcrumbItem"
+      );
+      const entries = [];
+      if (maxItems && maxItems > 2 && items.length > maxItems) {
+        entries.push({ type: "item", element: items[0], isLast: false });
+        entries.push({ type: "ellipsis" });
+        const tail = items.slice(-(maxItems - 2));
+        tail.forEach(
+          (el, i) => entries.push({ type: "item", element: el, isLast: i === tail.length - 1 })
+        );
+      } else {
+        items.forEach(
+          (el, i) => entries.push({ type: "item", element: el, isLast: i === items.length - 1 })
+        );
+      }
+      const sep = separator ?? /* @__PURE__ */ jsx(ChevronRight, { className: "nexus-breadcrumb__separator-icon" });
+      return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", className: cn("nexus-breadcrumb", className), ...props, children: /* @__PURE__ */ jsx("ol", { className: "nexus-breadcrumb__list", children: entries.map((entry, i) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "nexus-breadcrumb__item",
+          ...entry.type === "item" && entry.isLast ? { "aria-current": "page" } : void 0,
+          children: [
+            i > 0 && /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__separator", "aria-hidden": "true", children: sep }),
+            entry.type === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__ellipsis", children: "\u2026" }) : React.cloneElement(entry.element, {
+              className: cn(
+                entry.isLast ? "nexus-breadcrumb__current" : void 0,
+                entry.element.props.className
+              )
+            })
+          ]
+        },
+        i
+      )) }) });
+    }
+  ),
+  { Item: BreadcrumbItem }
+);
+Breadcrumb.displayName = "Breadcrumb";
+
+export { Breadcrumb, BreadcrumbItem };

package/dist/chunks/chunk-WATCVNBT.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var ChevronRight = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4l4 4-4 4", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var BreadcrumbItem = ({ children, className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children });
+};
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var Breadcrumb = Object.assign(
+  React__namespace.forwardRef(
+    ({ className, children, separator, maxItems, ...props }, ref) => {
+      const items = React__namespace.Children.toArray(children).filter(
+        (child) => React__namespace.isValidElement(child) && child.type?.displayName === "BreadcrumbItem"
+      );
+      const entries = [];
+      if (maxItems && maxItems > 2 && items.length > maxItems) {
+        entries.push({ type: "item", element: items[0], isLast: false });
+        entries.push({ type: "ellipsis" });
+        const tail = items.slice(-(maxItems - 2));
+        tail.forEach(
+          (el, i) => entries.push({ type: "item", element: el, isLast: i === tail.length - 1 })
+        );
+      } else {
+        items.forEach(
+          (el, i) => entries.push({ type: "item", element: el, isLast: i === items.length - 1 })
+        );
+      }
+      const sep = separator ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "nexus-breadcrumb__separator-icon" });
+      return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "Breadcrumb", className: chunkCZC76ZD5_js.cn("nexus-breadcrumb", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "nexus-breadcrumb__list", children: entries.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "li",
+        {
+          className: "nexus-breadcrumb__item",
+          ...entry.type === "item" && entry.isLast ? { "aria-current": "page" } : void 0,
+          children: [
+            i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__separator", "aria-hidden": "true", children: sep }),
+            entry.type === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__ellipsis", children: "\u2026" }) : React__namespace.cloneElement(entry.element, {
+              className: chunkCZC76ZD5_js.cn(
+                entry.isLast ? "nexus-breadcrumb__current" : void 0,
+                entry.element.props.className
+              )
+            })
+          ]
+        },
+        i
+      )) }) });
+    }
+  ),
+  { Item: BreadcrumbItem }
+);
+Breadcrumb.displayName = "Breadcrumb";
+
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbItem = BreadcrumbItem;

package/dist/components/Breadcrumb.d.ts

@@ -1,15 +1,23 @@
 import * as React from 'react';
-interface BreadcrumbItem {
-    label: React.ReactNode;
-    href?: string;
-    onClick?: () => void;
+interface BreadcrumbItemProps {
+    children: React.ReactNode;
+    className?: string;
 }
+declare const BreadcrumbItem: {
+    ({ children, className }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
-    items: BreadcrumbItem[];
+    children: React.ReactNode;
     separator?: React.ReactNode;
     maxItems?: number;
 }
-declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
-export { Breadcrumb };
-export type { BreadcrumbProps, BreadcrumbItem };
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>> & {
+    Item: {
+        ({ children, className }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export { Breadcrumb, BreadcrumbItem };
+export type { BreadcrumbProps, BreadcrumbItemProps };
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/Breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,qFAsDf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAEnE,CAAC;AAKF,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,QAAA,MAAM,UAAU;;kCAjBiC,mBAAmB;;;CAyEnE,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/index.d.ts

@@ -35,8 +35,8 @@ export { Drawer, DrawerRoot, DrawerTrigger, DrawerContent, DrawerClose, DrawerTi
 export type { DrawerRootProps, DrawerContentProps, DrawerDirection, } from './components/Drawer';
 export { Button, buttonVariants } from './components/Button';
 export type { ButtonProps } from './components/Button';
-export { Breadcrumb } from './components/Breadcrumb';
-export type { BreadcrumbProps, BreadcrumbItem } from './components/Breadcrumb';
+export { Breadcrumb, BreadcrumbItem } from './components/Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItemProps } from './components/Breadcrumb';
 export { Chip, chipVariants } from './components/Chip';
 export type { ChipProps } from './components/Chip';
 export { Badge, badgeVariants } from './components/Badge';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -15,7 +15,7 @@ var chunkNFIPQZ4O_js = require('./chunks/chunk-NFIPQZ4O.js');
 var chunkPEIEVKD5_js = require('./chunks/chunk-PEIEVKD5.js');
 var chunkEVOOTSY5_js = require('./chunks/chunk-EVOOTSY5.js');
 var chunkPDJTSQOC_js = require('./chunks/chunk-PDJTSQOC.js');
-var chunk3ZWN66YH_js = require('./chunks/chunk-3ZWN66YH.js');
+var chunkWATCVNBT_js = require('./chunks/chunk-WATCVNBT.js');
 var chunkX3CTJ7TD_js = require('./chunks/chunk-X3CTJ7TD.js');
 var chunkC2DSAJTL_js = require('./chunks/chunk-C2DSAJTL.js');
 var chunkCV4GMFWP_js = require('./chunks/chunk-CV4GMFWP.js');
@@ -446,7 +446,11 @@ Object.defineProperty(exports, "emptyStateVariants", {
 });
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function () { return chunk3ZWN66YH_js.Breadcrumb; }
+  get: function () { return chunkWATCVNBT_js.Breadcrumb; }
+});
+Object.defineProperty(exports, "BreadcrumbItem", {
+  enumerable: true,
+  get: function () { return chunkWATCVNBT_js.BreadcrumbItem; }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,

package/dist/index.mjs

@@ -13,7 +13,7 @@ export { Counter } from './chunks/chunk-CA3SOLI3.mjs';
 export { DataList } from './chunks/chunk-K2TBLM3F.mjs';
 export { ErrorBoundary } from './chunks/chunk-VIGRCJAE.mjs';
 export { EmptyState, emptyStateVariants } from './chunks/chunk-YO5MSDPX.mjs';
-export { Breadcrumb } from './chunks/chunk-EJY7IVSK.mjs';
+export { Breadcrumb, BreadcrumbItem } from './chunks/chunk-DDY7ENHX.mjs';
 export { Stepper, stepperVariants } from './chunks/chunk-MMCA33FW.mjs';
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from './chunks/chunk-6DBRL6NA.mjs';
 export { ToggleGroup, toggleGroupVariants } from './chunks/chunk-P73MEU7N.mjs';

package/dist/schemas/_all.json

@@ -289,43 +289,23 @@
         "breadcrumbPropsSchema": {
           "type": "object",
           "properties": {
-            "items": {
-              "type": "array",
-              "items": {
-                "type": "object",
-                "properties": {
-                  "label": {
-                    "description": "Display text or element (ReactNode)"
-                  },
-                  "href": {
-                    "type": "string",
-                    "description": "Link URL"
-                  },
-                  "onClick": {
-                    "description": "Click handler () => void"
-                  }
-                },
-                "additionalProperties": false
-              },
-              "description": "Breadcrumb items array (required)"
+            "children": {
+              "description": "One or more <Breadcrumb.Item> elements"
             },
             "separator": {
-              "description": "Custom separator (ReactNode). Default: chevron"
+              "description": "Custom separator (ReactNode). Default: chevron icon"
             },
             "maxItems": {
               "type": "number",
-              "description": "Max visible items (collapses middle with \"...\")"
+              "description": "Max visible items. When exceeded, middle items collapse with \"…\""
             },
             "className": {
               "type": "string",
-              "description": "Style override"
+              "description": "Style override for the root nav element"
             }
           },
-          "required": [
-            "items"
-          ],
           "additionalProperties": false,
-          "description": "Breadcrumb navigation. Shows current location path."
+          "description": "Breadcrumb navigation (compound component pattern). Use <Breadcrumb.Item> children instead of items array. Each Item can wrap arbitrary ReactNode (Link, Select, plain text, etc.)."
         }
       },
       "$schema": "http://json-schema.org/draft-07/schema#"

package/dist/schemas/breadcrumb.d.ts

@@ -1,37 +1,27 @@
 import { z } from 'zod';
+export declare const breadcrumbItemPropsSchema: z.ZodObject<{
+    children: z.ZodAny;
+    className: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    className?: string | undefined;
+    children?: any;
+}, {
+    className?: string | undefined;
+    children?: any;
+}>;
 export declare const breadcrumbPropsSchema: z.ZodObject<{
-    items: z.ZodArray<z.ZodObject<{
-        label: z.ZodAny;
-        href: z.ZodOptional<z.ZodString>;
-        onClick: z.ZodOptional<z.ZodAny>;
-    }, "strip", z.ZodTypeAny, {
-        label?: any;
-        onClick?: any;
-        href?: string | undefined;
-    }, {
-        label?: any;
-        onClick?: any;
-        href?: string | undefined;
-    }>, "many">;
+    children: z.ZodAny;
     separator: z.ZodOptional<z.ZodAny>;
     maxItems: z.ZodOptional<z.ZodNumber>;
     className: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    items: {
-        label?: any;
-        onClick?: any;
-        href?: string | undefined;
-    }[];
     className?: string | undefined;
+    children?: any;
     separator?: any;
     maxItems?: number | undefined;
 }, {
-    items: {
-        label?: any;
-        onClick?: any;
-        href?: string | undefined;
-    }[];
     className?: string | undefined;
+    children?: any;
     separator?: any;
     maxItems?: number | undefined;
 }>;

package/dist/schemas/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/schemas/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOgC,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/schemas/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,yBAAyB;;;;;;;;;EAKoE,CAAC;AAE3G,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;EAW/B,CAAC"}

package/dist/schemas/breadcrumb.json

@@ -4,43 +4,23 @@
     "breadcrumbPropsSchema": {
       "type": "object",
       "properties": {
-        "items": {
-          "type": "array",
-          "items": {
-            "type": "object",
-            "properties": {
-              "label": {
-                "description": "Display text or element (ReactNode)"
-              },
-              "href": {
-                "type": "string",
-                "description": "Link URL"
-              },
-              "onClick": {
-                "description": "Click handler () => void"
-              }
-            },
-            "additionalProperties": false
-          },
-          "description": "Breadcrumb items array (required)"
+        "children": {
+          "description": "One or more <Breadcrumb.Item> elements"
         },
         "separator": {
-          "description": "Custom separator (ReactNode). Default: chevron"
+          "description": "Custom separator (ReactNode). Default: chevron icon"
         },
         "maxItems": {
           "type": "number",
-          "description": "Max visible items (collapses middle with \"...\")"
+          "description": "Max visible items. When exceeded, middle items collapse with \"…\""
         },
         "className": {
           "type": "string",
-          "description": "Style override"
+          "description": "Style override for the root nav element"
         }
       },
-      "required": [
-        "items"
-      ],
       "additionalProperties": false,
-      "description": "Breadcrumb navigation. Shows current location path."
+      "description": "Breadcrumb navigation (compound component pattern). Use <Breadcrumb.Item> children instead of items array. Each Item can wrap arbitrary ReactNode (Link, Select, plain text, etc.)."
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"

package/dist/schemas.js

@@ -3,17 +3,18 @@
 require('./chunks/chunk-JNMCYWGY.js');
 var zod = require('zod');
 
-var breadcrumbItemSchema = zod.z.object({
-  label: zod.z.any().describe("Display text or element (ReactNode)"),
-  href: zod.z.string().optional().describe("Link URL"),
-  onClick: zod.z.any().optional().describe("Click handler () => void")
-});
+zod.z.object({
+  children: zod.z.any().describe("Content to render inside the breadcrumb item (ReactNode). Can be plain text, Link, Select, or any ReactElement."),
+  className: zod.z.string().optional().describe("Additional CSS class")
+}).describe("Breadcrumb.Item \u2014 a single breadcrumb segment. Wrap any content (text, Link, Select, etc.).");
 var breadcrumbPropsSchema = zod.z.object({
-  items: zod.z.array(breadcrumbItemSchema).describe("Breadcrumb items array (required)"),
-  separator: zod.z.any().optional().describe("Custom separator (ReactNode). Default: chevron"),
-  maxItems: zod.z.number().optional().describe('Max visible items (collapses middle with "...")'),
-  className: zod.z.string().optional().describe("Style override")
-}).describe("Breadcrumb navigation. Shows current location path.");
+  children: zod.z.any().describe("One or more <Breadcrumb.Item> elements"),
+  separator: zod.z.any().optional().describe("Custom separator (ReactNode). Default: chevron icon"),
+  maxItems: zod.z.number().optional().describe('Max visible items. When exceeded, middle items collapse with "\u2026"'),
+  className: zod.z.string().optional().describe("Style override for the root nav element")
+}).describe(
+  "Breadcrumb navigation (compound component pattern). Use <Breadcrumb.Item> children instead of items array. Each Item can wrap arbitrary ReactNode (Link, Select, plain text, etc.)."
+);
 var buttonPropsSchema = zod.z.object({
   semantic: zod.z.enum(["primary", "secondary", "normal", "danger"]).default("primary").describe(
     "Color theme (primary=main, secondary=sub, normal=neutral, danger=danger)"

package/dist/schemas.mjs

@@ -1,17 +1,18 @@
 import './chunks/chunk-CVYXRSXT.mjs';
 import { z } from 'zod';
 
-var breadcrumbItemSchema = z.object({
-  label: z.any().describe("Display text or element (ReactNode)"),
-  href: z.string().optional().describe("Link URL"),
-  onClick: z.any().optional().describe("Click handler () => void")
-});
+z.object({
+  children: z.any().describe("Content to render inside the breadcrumb item (ReactNode). Can be plain text, Link, Select, or any ReactElement."),
+  className: z.string().optional().describe("Additional CSS class")
+}).describe("Breadcrumb.Item \u2014 a single breadcrumb segment. Wrap any content (text, Link, Select, etc.).");
 var breadcrumbPropsSchema = z.object({
-  items: z.array(breadcrumbItemSchema).describe("Breadcrumb items array (required)"),
-  separator: z.any().optional().describe("Custom separator (ReactNode). Default: chevron"),
-  maxItems: z.number().optional().describe('Max visible items (collapses middle with "...")'),
-  className: z.string().optional().describe("Style override")
-}).describe("Breadcrumb navigation. Shows current location path.");
+  children: z.any().describe("One or more <Breadcrumb.Item> elements"),
+  separator: z.any().optional().describe("Custom separator (ReactNode). Default: chevron icon"),
+  maxItems: z.number().optional().describe('Max visible items. When exceeded, middle items collapse with "\u2026"'),
+  className: z.string().optional().describe("Style override for the root nav element")
+}).describe(
+  "Breadcrumb navigation (compound component pattern). Use <Breadcrumb.Item> children instead of items array. Each Item can wrap arbitrary ReactNode (Link, Select, plain text, etc.)."
+);
 var buttonPropsSchema = z.object({
   semantic: z.enum(["primary", "secondary", "normal", "danger"]).default("primary").describe(
     "Color theme (primary=main, secondary=sub, normal=neutral, danger=danger)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexus-cross/design-system",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "NEXUS Design System UI Components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -348,7 +348,7 @@
     "typescript": "^5.0.0",
     "vitest": "^1.6.1",
     "zod-to-json-schema": "^3.25.2",
-    "@nexus-cross/tokens": "1.0.7"
+    "@nexus-cross/tokens": "1.0.9"
   },
   "scripts": {
     "postinstall": "node scripts/setup-cursor-rules.cjs",

package/dist/chunks/chunk-3ZWN66YH.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var ChevronRight = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4l4 4-4 4", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var Breadcrumb = React__namespace.forwardRef(
-  ({ className, items, separator, maxItems, ...props }, ref) => {
-    let displayItems = items;
-    let collapsed = false;
-    if (maxItems && maxItems > 2 && items.length > maxItems) {
-      displayItems = [
-        items[0],
-        { label: "..." },
-        ...items.slice(-(maxItems - 2))
-      ];
-      collapsed = true;
-    }
-    const sep = separator ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "nexus-breadcrumb__separator-icon" });
-    return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "Breadcrumb", className: chunkCZC76ZD5_js.cn("nexus-breadcrumb", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "nexus-breadcrumb__list", children: displayItems.map((item, i) => {
-      const isLast = i === displayItems.length - 1;
-      const isCollapsed = collapsed && i === 1;
-      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "nexus-breadcrumb__item", children: [
-        i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__separator", "aria-hidden": "true", children: sep }),
-        isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__ellipsis", children: "\u2026" }) : isLast ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__current", "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: "nexus-breadcrumb__link", onClick: item.onClick, children: item.label }) : item.onClick ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nexus-breadcrumb__link nexus-breadcrumb__link--btn", onClick: item.onClick, children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__link", children: item.label })
-      ] }, i);
-    }) }) });
-  }
-);
-Breadcrumb.displayName = "Breadcrumb";
-
-exports.Breadcrumb = Breadcrumb;

package/dist/chunks/chunk-EJY7IVSK.mjs

@@ -1,31 +0,0 @@
-import { cn } from './chunk-MCKOWMLS.mjs';
-import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var ChevronRight = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M6 4l4 4-4 4", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var Breadcrumb = React.forwardRef(
-  ({ className, items, separator, maxItems, ...props }, ref) => {
-    let displayItems = items;
-    let collapsed = false;
-    if (maxItems && maxItems > 2 && items.length > maxItems) {
-      displayItems = [
-        items[0],
-        { label: "..." },
-        ...items.slice(-(maxItems - 2))
-      ];
-      collapsed = true;
-    }
-    const sep = separator ?? /* @__PURE__ */ jsx(ChevronRight, { className: "nexus-breadcrumb__separator-icon" });
-    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", className: cn("nexus-breadcrumb", className), ...props, children: /* @__PURE__ */ jsx("ol", { className: "nexus-breadcrumb__list", children: displayItems.map((item, i) => {
-      const isLast = i === displayItems.length - 1;
-      const isCollapsed = collapsed && i === 1;
-      return /* @__PURE__ */ jsxs("li", { className: "nexus-breadcrumb__item", children: [
-        i > 0 && /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__separator", "aria-hidden": "true", children: sep }),
-        isCollapsed ? /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__ellipsis", children: "\u2026" }) : isLast ? /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__current", "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ jsx("a", { href: item.href, className: "nexus-breadcrumb__link", onClick: item.onClick, children: item.label }) : item.onClick ? /* @__PURE__ */ jsx("button", { type: "button", className: "nexus-breadcrumb__link nexus-breadcrumb__link--btn", onClick: item.onClick, children: item.label }) : /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__link", children: item.label })
-      ] }, i);
-    }) }) });
-  }
-);
-Breadcrumb.displayName = "Breadcrumb";
-
-export { Breadcrumb };