@mortenbrudvik/waveui 0.13.0 → 0.14.0

package/dist/components/navigation/Breadcrumb.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../lib/aria.cjs"),s=require("../../lib/styles.cjs"),c=require("../../lib/icons.cjs"),l=require("../../hooks/useTriggerElement.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=t.cn(`inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline`,s.focusRing,s.disabledStyles),p=`inline-flex items-center font-semibold text-foreground`,m=t.cn(p,s.focusRing,s.disabledStyles),h=`inline-flex items-center text-foreground`,g=new Set([`rel`,...Object.keys({disabled:!0,type:!0,form:!0,formAction:!0,formEncType:!0,formMethod:!0,formNoValidate:!0,formTarget:!0,name:!0,value:!0,target:!0,download:!0,hrefLang:!0,ping:!0,media:!0,referrerPolicy:!0})]);function _(e){let t={};for(let n of Object.keys(e))g.has(n)||(t[n]=e[n]);return t}var v=({children:e,className:r,ref:i,...o})=>{let s=n.flattenChildren(e);return(0,d.jsx)(`nav`,{ref:i,"aria-label":`Breadcrumb`,...o,className:t.cn(a.breadcrumbClassNames.root,r),children:(0,d.jsx)(`ol`,{className:t.cn(a.breadcrumbClassNames.list,`m-0 flex list-none items-center gap-1 p-0 text-body-1`),children:s.map(({key:e,node:n},r)=>(0,d.jsxs)(`li`,{className:t.cn(a.breadcrumbClassNames.listItem,`flex items-center gap-1`),children:[r>0&&(0,d.jsx)(c.ChevronRightIcon,{"data-wave-breadcrumb-separator":``,className:t.cn(a.breadcrumbClassNames.divider,`shrink-0 text-muted-foreground wave-rtl:-scale-x-100`)}),n]},e))})})};v.displayName=`Breadcrumb`;function y(e){let t=n.isElementOfType(e,`a`)?{href:void 0,role:`link`,disabled:void 0}:void 0;return u.cloneElement(e,{...t,"aria-disabled":!0,tabIndex:-1,onClick:void 0})}function b({child:e,icon:t,...n}){let r=t?u.cloneElement(e,void 0,t,e.props.children):e,i=l.useTriggerElement(r,n,{componentName:`Breadcrumb.Item`});return(0,d.jsx)(d.Fragment,{children:i})}function x(e){let{href:n,current:s=!1,icon:c,asChild:l=!1,children:g,className:v,onClick:x,ref:S,...C}=e,w=c&&i.slotRendersContent(c)?i.renderSlot(c,`span`,t.cn(a.breadcrumbItemClassNames.icon,`me-1 inline-flex shrink-0`),{"aria-hidden":!0}):null,T=l&&u.isValidElement(g)?g:null,E=T?`child`:s?`current`:n===void 0?x?`button`:`text`:`link`,D=l&&T===null,O=C.disabled===!0&&(E===`text`||E===`current`),k=C[`aria-disabled`],A=T?.props??{},j=[C.disabled,k,A.disabled,A[`aria-disabled`]].some(e=>e===!0||e===`true`);if(u.useEffect(()=>{D&&r.warnOnce(`Breadcrumb.Item:asChild`,"Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead."),E===`text`&&r.warnOnce(`Breadcrumb.Item:no-href`,"Breadcrumb.Item: a non-current item without `href` or `onClick` renders as plain text, not a link. Pass `href` (or `onClick`, which renders a button) to make it navigable."),O&&r.warnOnce(`Breadcrumb.Item:disabled`,"Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.")},[D,E,O]),T){let{disabled:e,...r}=C,i=n!==void 0&&!j?{href:n}:void 0;return(0,d.jsx)(b,{...r,...i,ref:S,onClick:o.preventIfDisabled(j,x),"aria-current":s?`page`:void 0,className:t.cn(a.breadcrumbItemClassNames.root,s?m:f,v),icon:w,child:j?y(T):T})}if(E===`current`)return(0,d.jsxs)(`span`,{..._(C),ref:S,"aria-current":`page`,onClick:x,className:t.cn(a.breadcrumbItemClassNames.root,p,v),children:[w,g]});if(E===`link`){let{disabled:e,...r}=C;return(0,d.jsxs)(`a`,{...r,ref:S,href:j?void 0:n,role:j?`link`:r.role,"aria-disabled":j?!0:k,tabIndex:j?-1:r.tabIndex,onClick:o.preventIfDisabled(j,x),className:t.cn(a.breadcrumbItemClassNames.root,f,v),children:[w,g]})}if(E===`button`){let{rel:e,...n}=C;return(0,d.jsxs)(`button`,{type:`button`,...n,ref:S,onClick:x,className:t.cn(a.breadcrumbItemClassNames.root,f,v),children:[w,g]})}return(0,d.jsxs)(`span`,{..._(C),ref:S,className:t.cn(a.breadcrumbItemClassNames.root,h,v),children:[w,g]})}x.displayName=`BreadcrumbItem`;var S=Object.assign(v,{Item:x});exports.Breadcrumb=S,exports.BreadcrumbItem=x;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/composeEventHandlers.cjs"),o=require("../../lib/classNames.cjs"),s=require("../../lib/breadcrumb.cjs"),c=require("../../hooks/useRovingTabIndex.cjs"),l=require("../../hooks/useMergedRefs.cjs"),u=require("../../lib/aria.cjs"),d=require("../../lib/styles.cjs"),f=require("../../lib/icons.cjs"),p=require("../../lib/renderTrigger.cjs"),m=require("../layout/Overflow.cjs"),h=require("../../hooks/useTriggerElement.cjs"),g=require("./Menu.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");var y=t.cn(`inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline`,d.focusRing,d.disabledStyles),b=`inline-flex items-center font-semibold text-foreground`,x=t.cn(b,d.focusRing,d.disabledStyles),S=`inline-flex items-center text-foreground`,C=new Set([`rel`,...Object.keys({disabled:!0,type:!0,form:!0,formAction:!0,formEncType:!0,formMethod:!0,formNoValidate:!0,formTarget:!0,name:!0,value:!0,target:!0,download:!0,hrefLang:!0,ping:!0,media:!0,referrerPolicy:!0})]);function w(e){let t={};for(let n of Object.keys(e))C.has(n)||(t[n]=e[n]);return t}var T={small:{text:`text-caption-1`,divider:12},medium:{text:`text-body-1`,divider:12},large:{text:`text-body-2`,divider:16}},E=`a[href], button, [role="link"]`,D=`\0overflow`;function O(e){return n.isElementOfType(e.node,z)&&e.node.props.current===!0}function k(e,t,n){if(t===void 0)return[];let{overflowItems:r}=s.partitionBreadcrumbItems({items:e.map((e,t)=>t),maxDisplayedItems:t,overflowIndex:Math.max(1,n)});if(!r)return[];let i=e.length,a=r.length,o=e.map(O).lastIndexOf(!0),c=Math.max(1,r[0]),l=Math.min(i,c+a);return o>=c&&o<l&&(o+1+a<=i?(c=o+1,l=c+a):o-a>=1?(c=o-a,l=o):o-1>=i-o-1?(c=1,l=o):(c=o+1,l=Math.min(i,c+a))),Array.from({length:Math.max(0,l-c)},(e,t)=>c+t)}function A(e,t){let n=t?.props??{};return[e.disabled,e[`aria-disabled`],n.disabled,n[`aria-disabled`]].some(e=>e===!0||e===`true`)}function j(e,t){if(!e)return null;let n=p.unwrapFragment(t);return _.isValidElement(n)?n:null}function M(e){return typeof e.type==`function`||typeof e.type==`object`&&e.type!==null}function N({linkType:e,linkAs:t,linkDisabled:n,...r}){return(0,v.jsx)(e,{...r,...t===void 0?void 0:{as:t},...n===void 0?void 0:{disabled:n}})}function P(e){let t=e.node;if(!n.isElementOfType(t,z))return{node:null,mappable:!1};let{href:r,icon:i,asChild:o,children:s,onClick:c}=t.props,l=j(o,s),u=l?l.props.children:s,d=A(t.props,l),f=l?.props.href??r;if(l&&M(l)){let{children:t,className:n,style:o,ref:s,id:f,role:p,tabIndex:m,disabled:h,"aria-disabled":_,onClick:y,as:b,...x}=l.props,S=r!==void 0&&!d?{href:r}:void 0;return{node:(0,v.jsx)(g.Menu.ItemLink,{...S,...x,as:N,linkType:l.type,linkAs:b,linkDisabled:h,icon:i,disabled:d,onClick:a.composeEventHandlers(y,c),children:u},e.key),mappable:!0}}return typeof f==`string`?{node:(0,v.jsx)(g.Menu.ItemLink,{href:f,icon:i,disabled:d,onClick:a.composeEventHandlers(l?.props.onClick,c),children:u},e.key),mappable:!0}:{node:(0,v.jsx)(g.Menu.Item,{icon:i,disabled:d||!c,onClick:c,children:u},e.key),mappable:c!==void 0}}function F({entries:e,label:n}){let i=e.map(P),a=i.some(e=>!e.mappable);return _.useEffect(()=>{a&&r.warnOnce(`Breadcrumb:overflow-item`,"Breadcrumb: a hidden item cannot be listed in the overflow menu (it has no `href` or `onClick`, or is not a Breadcrumb.Item): it is shown there disabled, or left out. Give it `href` or `onClick`.")},[a]),(0,v.jsxs)(g.Menu,{children:[(0,v.jsx)(g.Menu.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,"aria-label":n,className:t.cn(o.breadcrumbClassNames.overflowButton,y,`rounded px-1`),children:(0,v.jsx)(`span`,{"aria-hidden":`true`,children:`…`})})}),(0,v.jsx)(g.Menu.Popover,{children:i.map(e=>e.node)})]})}var I=({children:e,maxDisplayedItems:r,overflowIndex:s=1,overflow:u=`none`,overflowLabel:d=`More items`,size:p=`medium`,focusMode:h=`tab`,divider:g,className:_,onKeyDown:y,onFocus:b,ref:x,...S})=>{let C=n.flattenChildren(e),w=u===`auto`,A=w?[]:k(C,r,s),j=[];C.forEach((e,t)=>{A.includes(t)?t===A[0]&&j.push({key:D,node:(0,v.jsx)(F,{entries:A.map(e=>C[e]),label:d})}):j.push(e)});let M=h===`arrow`,{containerProps:N}=c.useRovingTabIndex({itemSelector:E,manageTabIndex:M,tabStop:`last-focused`,orientation:`horizontal`}),P=l.useMergedRefs(M?N.ref:null,x),I=()=>g==null?(0,v.jsx)(f.ChevronRightIcon,{size:T[p].divider,"data-wave-breadcrumb-separator":``,className:t.cn(o.breadcrumbClassNames.divider,`shrink-0 text-muted-foreground wave-rtl:-scale-x-100`)}):i.slotRendersContent(g)?i.renderSlot(g,`span`,t.cn(o.breadcrumbClassNames.divider,`inline-flex shrink-0 items-center text-muted-foreground`),{"aria-hidden":!0,"data-wave-breadcrumb-separator":``}):null,L=(e,n,r)=>(0,v.jsxs)(`li`,{className:t.cn(o.breadcrumbClassNames.listItem,`flex items-center gap-1`),children:[n>0&&I(),e]},r),R=C.map(O).lastIndexOf(!0),z=w?(0,v.jsx)(m.Overflow,{role:`list`,overflowDirection:`start`,buttonPosition:`before-hidden`,overflowButton:(e,t)=>(0,v.jsxs)(`span`,{className:`flex items-center gap-1`,children:[I(),(0,v.jsx)(F,{entries:C.filter(e=>t.includes(e.key)),label:d})]}),className:t.cn(o.breadcrumbClassNames.list,`gap-1`,T[p].text),children:C.map(({key:e,node:t},n)=>(0,v.jsx)(m.OverflowItem,{asChild:!0,itemId:e,pinned:n===0||n===R,children:L(t,n)},e))}):(0,v.jsx)(`ol`,{className:t.cn(o.breadcrumbClassNames.list,`m-0 flex list-none items-center gap-1 p-0`,T[p].text),children:j.map(({key:e,node:t},n)=>L(t,n,e))});return(0,v.jsx)(`nav`,{"aria-label":`Breadcrumb`,"data-size":p,"data-focus-mode":h,"data-overflow":u,...S,ref:P,"data-roving-container":M?``:void 0,onKeyDown:M?a.composeEventHandlers(y,N.onKeyDown):y,onFocus:M?a.composeEventHandlers(b,N.onFocus,{checkDefaultPrevented:!1}):b,className:t.cn(o.breadcrumbClassNames.root,_),children:z})};I.displayName=`Breadcrumb`;function L(e){let t=n.isElementOfType(e,`a`)?{href:void 0,role:`link`,disabled:void 0}:void 0;return _.cloneElement(e,{...t,"aria-disabled":!0,tabIndex:-1,onClick:void 0})}function R({child:e,icon:t,...n}){let r=t?_.cloneElement(e,void 0,t,e.props.children):e,i=h.useTriggerElement(r,n,{componentName:`Breadcrumb.Item`});return(0,v.jsx)(v.Fragment,{children:i})}function z(e){let{href:n,current:a=!1,icon:s,asChild:c=!1,children:l,className:d,onClick:f,ref:p,...m}=e,h=s&&i.slotRendersContent(s)?i.renderSlot(s,`span`,t.cn(o.breadcrumbItemClassNames.icon,`me-1 inline-flex shrink-0`),{"aria-hidden":!0}):null,g=j(c,l),C=g?`child`:a?`current`:n===void 0?f?`button`:`text`:`link`,T=c&&g===null,E=m.disabled===!0&&(C===`text`||C===`current`),D=m[`aria-disabled`],O=A(m,g);if(_.useEffect(()=>{T&&r.warnOnce(`Breadcrumb.Item:asChild`,"Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead."),C===`text`&&r.warnOnce(`Breadcrumb.Item:no-href`,"Breadcrumb.Item: a non-current item without `href` or `onClick` renders as plain text, not a link. Pass `href` (or `onClick`, which renders a button) to make it navigable."),E&&r.warnOnce(`Breadcrumb.Item:disabled`,"Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.")},[T,C,E]),g){let{disabled:e,...r}=m,i=n!==void 0&&!O?{href:n}:void 0;return(0,v.jsx)(R,{...r,...i,ref:p,onClick:u.preventIfDisabled(O,f),"aria-current":a?`page`:void 0,className:t.cn(o.breadcrumbItemClassNames.root,a?x:y,d),icon:h,child:O?L(g):g})}if(C===`current`)return(0,v.jsxs)(`span`,{...w(m),ref:p,"aria-current":`page`,onClick:f,className:t.cn(o.breadcrumbItemClassNames.root,b,d),children:[h,l]});if(C===`link`){let{disabled:e,...r}=m;return(0,v.jsxs)(`a`,{...r,ref:p,href:O?void 0:n,role:O?`link`:r.role,"aria-disabled":O?!0:D,tabIndex:O?-1:r.tabIndex,onClick:u.preventIfDisabled(O,f),className:t.cn(o.breadcrumbItemClassNames.root,y,d),children:[h,l]})}if(C===`button`){let{rel:e,...n}=m;return(0,v.jsxs)(`button`,{type:`button`,...n,ref:p,onClick:f,className:t.cn(o.breadcrumbItemClassNames.root,y,d),children:[h,l]})}return(0,v.jsxs)(`span`,{...w(m),ref:p,className:t.cn(o.breadcrumbItemClassNames.root,S,d),children:[h,l]})}z.displayName=`BreadcrumbItem`;var B=Object.assign(I,{Item:z});exports.Breadcrumb=B,exports.BreadcrumbItem=z;
 //# sourceMappingURL=Breadcrumb.cjs.map

package/dist/components/navigation/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["cn","focusRing","disabledStyles","flattenChildren","breadcrumbClassNames","ChevronRightIcon","isElementOfType","React","useTriggerElement","_Fragment","slotRendersContent","renderSlot","breadcrumbItemClassNames","preventIfDisabled","require_runtime","require_cn","require_children","require_dev","require_slot","require_classNames","require_aria","require_styles","require_icons","require_useTriggerElement","react","react_jsx_runtime","linkClasses","currentClasses","currentChildClasses","textClasses","controlOnlyAttributes","spanAttributes","attributes","key","rest","BreadcrumbRoot","items","children","className","child","index","disableLinkChild","anchor","BreadcrumbItemChild","itemProps","target","icon","node","BreadcrumbItem","props","renderedIcon","asChild","kind","current","href","onClick","invalidAsChild","ignoredDisabled","ariaDisabled","childProps","linkDisabled","value","_disabled","childRest","childHref","anchorRest","buttonRest","Breadcrumb"],"sources":["../../../src/components/navigation/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { preventIfDisabled } from '../../lib/aria';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { breadcrumbClassNames, breadcrumbItemClassNames } from '../../lib/classNames';\nimport type { Slot } from '../../lib/types';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport { warnOnce } from '../../lib/dev';\nimport { ChevronRightIcon } from '../../lib/icons';\nimport { disabledStyles, focusRing } from '../../lib/styles';\nimport { useTriggerElement } from '../../hooks/useTriggerElement';\n\n/** Properties for the Breadcrumb component. */\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  /**\n   * Breadcrumb items to render; each one is placed in its own list item. Fragments are opened, so\n   * the items of a conditional group (`{isAdmin && <>…</>}`) each get their own list item too.\n   */\n  children: React.ReactNode;\n  /** Ref to the `<nav>` element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * The props of Breadcrumb.Item that every branch shares ({@link BreadcrumbItemAnchorProps},\n * {@link BreadcrumbItemButtonProps}, {@link BreadcrumbItemDynamicProps}).\n */\nexport interface BreadcrumbItemOwnProps {\n  /**\n   * Whether this item represents the current page (`aria-current=\"page\"`, rendered as text).\n   * @default false\n   */\n  current?: boolean;\n  /**\n   * Slot for an icon displayed before the item text. Rendered with `aria-hidden=\"true\"`. A falsy\n   * icon (`''`, `0`) or a list of nothing renders no icon span.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Merge the item's props (classes, `aria-current`, handlers, ref) onto its single child element\n   * instead of rendering an element — for router links:\n   * `<Breadcrumb.Item asChild><RouterLink to=\"/docs\">Docs</RouterLink></Breadcrumb.Item>`.\n   * The icon is rendered inside the child. The item's `href` is passed on as a default (the\n   * element's own `href` wins); with a router link, give the link its destination (`to`) instead.\n   * `disabled` or `aria-disabled=\"true\"`, on the item or on the element, makes it an unavailable\n   * link: `aria-disabled`, out of the tab order, its own `onClick` dropped and the click cancelled\n   * (a router link does not navigate); an `<a>` also loses its `href`.\n   * @default false\n   */\n  asChild?: boolean;\n  /** Label content of the breadcrumb item (with `asChild`: the link element). */\n  children: React.ReactNode;\n}\n\n/**\n * The attributes only a link has (`target`, `download`, `hrefLang`, `ping`, …). Items without\n * `href` declare them as `undefined`, so they are a type error instead of landing on a `<button>`\n * or `<span>`. `rel` cannot be listed (React types it on every element, RDFa); every non-link item\n * drops it at run time instead.\n */\ntype NoAnchorOnlyAttributes = {\n  [\n    K in Exclude<\n      keyof React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof React.ButtonHTMLAttributes<HTMLButtonElement>\n    >\n  ]?: undefined;\n};\n\n/** Breadcrumb.Item rendered as a link (`href` given): anchor attributes. */\nexport interface BreadcrumbItemAnchorProps\n  extends\n    BreadcrumbItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BreadcrumbItemOwnProps> {\n  /**\n   * URL the breadcrumb item links to; renders an `<a>` (unless `current`). With `asChild` it is a\n   * default for the element, whose own `href` wins. Required in this branch, so `href`\n   * discriminates the union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /**\n   * Makes the link unavailable, as Link's `disabled` does: no `href`, `role=\"link\"`,\n   * `aria-disabled=\"true\"`, out of the tab order, and the click is cancelled (`onClick` is not\n   * called). `aria-disabled=\"true\"` does the same.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Ref to the rendered element (`<a>`, or `<span>` for the current item). */\n  ref?: React.Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\n/**\n * Breadcrumb.Item without `href`: a `<button type=\"button\">` when `onClick` is given (button\n * attributes; `disabled` gives it the disabled look), plain text otherwise. A `rel` is not\n * rendered on either.\n */\nexport interface BreadcrumbItemButtonProps\n  extends\n    BreadcrumbItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BreadcrumbItemOwnProps> {\n  /** Items without a link have no `href`. */\n  href?: undefined;\n  /** Ref to the rendered element (`<button>`, or `<span>` for text and the current item). */\n  ref?: React.Ref<HTMLButtonElement | HTMLSpanElement>;\n}\n\n/**\n * Properties for the BreadcrumbItem sub-component: link props with `href`, button props without.\n *\n * A union type (0.4 had an interface): an interface cannot extend it, so extend one branch\n * (`interface X extends BreadcrumbItemAnchorProps`) or intersect\n * (`type X = BreadcrumbItemProps & { … }`). `React.ComponentProps<typeof Breadcrumb.Item>`\n * resolves to the last overload, {@link BreadcrumbItemDynamicProps}.\n */\nexport type BreadcrumbItemProps = BreadcrumbItemAnchorProps | BreadcrumbItemButtonProps;\n\n/**\n * Breadcrumb.Item with an `href` known only at run time (`string | undefined`): a link when it is\n * a string, otherwise a button (with `onClick`) or text. Handlers receive `HTMLElement` events and\n * only the attributes all kinds share are accepted (the 0.4 prop shape). Resolved after the button\n * and link signatures.\n */\nexport interface BreadcrumbItemDynamicProps\n  extends\n    BreadcrumbItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLElement>, keyof BreadcrumbItemOwnProps> {\n  /** URL the breadcrumb item links to when defined. */\n  href?: string;\n  /**\n   * Makes a link or button item unavailable (see {@link BreadcrumbItemAnchorProps} and\n   * {@link BreadcrumbItemButtonProps}); ignored, with a development warning, on a text or current\n   * item.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Ref to the rendered element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** The props every item kind shares at runtime (the union narrowed by `href`). */\ntype BreadcrumbEntryProps = BreadcrumbItemOwnProps &\n  Omit<React.AllHTMLAttributes<HTMLElement>, keyof BreadcrumbItemOwnProps | 'ref'> & {\n    ref?: React.Ref<HTMLElement>;\n  };\n\n/**\n * Links, buttons and `asChild` elements. The hover underline is gated (C-TOKENS), and the\n * disabled look covers a `disabled` button and an `aria-disabled` link.\n */\nconst linkClasses = cn(\n  'inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline',\n  focusRing,\n  disabledStyles,\n);\nconst currentClasses = 'inline-flex items-center font-semibold text-foreground';\n/** A current `asChild` element is the consumer's link: it takes focus and can be disabled. */\nconst currentChildClasses = cn(currentClasses, focusRing, disabledStyles);\nconst textClasses = 'inline-flex items-center text-foreground';\n\n/**\n * The attributes only a `<button>` or an `<a>` has (`disabled`, `type`, `form*`, `name`, `value`;\n * `target`, `download`, `hrefLang`, `ping`, `media`, `referrerPolicy`). The button props allow\n * `disabled` without `onClick`, and a current item keeps its link attributes, so the `<span>` of\n * the text and current items drops them instead of rendering invalid markup\n * (`<span disabled>`, `<span target=\"_blank\">`). Typed as a record so a key React adds to either\n * element's attributes is a compile error until it is listed here. `rel` is dropped as well: React\n * types it on every element (RDFa), but on a breadcrumb it comes with a link.\n */\ntype ControlOnlyAttribute =\n  | Exclude<\n      keyof React.ButtonHTMLAttributes<HTMLButtonElement>,\n      keyof React.HTMLAttributes<HTMLElement>\n    >\n  | Exclude<\n      keyof React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof React.HTMLAttributes<HTMLElement> | 'href'\n    >;\n\nconst controlOnlyAttributes: ReadonlySet<string> = /* @__PURE__ */ new Set([\n  'rel',\n  ...Object.keys({\n    disabled: true,\n    type: true,\n    form: true,\n    formAction: true,\n    formEncType: true,\n    formMethod: true,\n    formNoValidate: true,\n    formTarget: true,\n    name: true,\n    value: true,\n    target: true,\n    download: true,\n    hrefLang: true,\n    ping: true,\n    media: true,\n    referrerPolicy: true,\n  } satisfies Record<ControlOnlyAttribute, true>),\n]);\n\n/** The props that are valid on the `<span>` of a text or current item. */\nfunction spanAttributes(rest: Record<string, unknown>): React.HTMLAttributes<HTMLSpanElement> {\n  const attributes: Record<string, unknown> = {};\n  for (const key of Object.keys(rest)) {\n    if (!controlOnlyAttributes.has(key)) attributes[key] = rest[key];\n  }\n  return attributes as React.HTMLAttributes<HTMLSpanElement>;\n}\n\nconst BreadcrumbRoot = ({ children, className, ref, ...rest }: BreadcrumbProps) => {\n  // Fragments are opened (`{isAdmin && <>…</>}`), so every crumb gets its own list item and separator.\n  const items = flattenChildren(children);\n\n  return (\n    <nav\n      ref={ref}\n      aria-label=\"Breadcrumb\"\n      {...rest}\n      className={cn(breadcrumbClassNames.root, className)}\n    >\n      <ol\n        className={cn(\n          breadcrumbClassNames.list,\n          'm-0 flex list-none items-center gap-1 p-0 text-body-1',\n        )}\n      >\n        {items.map(({ key, node: child }, index) => (\n          <li key={key} className={cn(breadcrumbClassNames.listItem, 'flex items-center gap-1')}>\n            {index > 0 && (\n              <ChevronRightIcon\n                data-wave-breadcrumb-separator=\"\"\n                className={cn(\n                  breadcrumbClassNames.divider,\n                  'shrink-0 text-muted-foreground wave-rtl:-scale-x-100',\n                )}\n              />\n            )}\n            {child}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n};\nBreadcrumbRoot.displayName = 'Breadcrumb';\n\ninterface BreadcrumbItemChildProps extends React.HTMLAttributes<HTMLElement> {\n  /** The item's `href`, a default for the element (the element's own `href` wins). */\n  href?: string;\n  child: React.ReactElement<{ children?: React.ReactNode }>;\n  icon: React.ReactNode;\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Link's disabled contract for an `asChild` element: an `<a>` drops its `href` (it is still\n * announced as a link); any element gets `aria-disabled`, leaves the tab order and loses its own\n * `onClick`. The item's click handler cancels the click, so a router link does not navigate.\n */\nfunction disableLinkChild(\n  child: React.ReactElement<{ children?: React.ReactNode }>,\n): React.ReactElement<{ children?: React.ReactNode }> {\n  const anchor = isElementOfType(child, 'a')\n    ? { href: undefined, role: 'link', disabled: undefined }\n    : undefined;\n  return React.cloneElement(child as React.ReactElement<Record<string, unknown>>, {\n    ...anchor,\n    'aria-disabled': true,\n    tabIndex: -1,\n    onClick: undefined,\n  }) as React.ReactElement<{ children?: React.ReactNode }>;\n}\n\n/**\n * `asChild` rendering: the item's props are merged onto the consumer's element with\n * `useTriggerElement` (the element's own handlers run first and its classes win conflicts; its\n * ref and the item's ref are both attached). The icon is placed inside the element.\n */\nfunction BreadcrumbItemChild({ child, icon, ...itemProps }: BreadcrumbItemChildProps) {\n  const target = icon ? React.cloneElement(child, undefined, icon, child.props.children) : child;\n  const node = useTriggerElement(target, itemProps, { componentName: 'Breadcrumb.Item' });\n  return <>{node}</>;\n}\n\n/**\n * One step of a breadcrumb trail:\n * - `href` → a link (`<a>`, anchor attributes);\n * - `current` → the current page as text (`<span aria-current=\"page\">`);\n * - no `href` with `onClick` → a `<button type=\"button\">` styled as a link;\n * - no `href` and no `onClick` → plain text (`<span>`; development warning for a non-current item);\n * - `asChild` → the props are merged onto the single child element (router links).\n *\n * Typed by overloads, resolved in order: without `href` (button props, button events), with a\n * string `href` (anchor props, anchor events), then an `href` that may be `undefined` at run time\n * ({@link BreadcrumbItemDynamicProps}: `HTMLElement` events).\n *\n * Also exported as `BreadcrumbItem` (import the flat name from React Server Components).\n */\nfunction BreadcrumbItem(props: BreadcrumbItemButtonProps): React.ReactElement;\nfunction BreadcrumbItem(props: BreadcrumbItemAnchorProps): React.ReactElement;\nfunction BreadcrumbItem(props: BreadcrumbItemDynamicProps): React.ReactElement;\nfunction BreadcrumbItem(\n  props: BreadcrumbItemProps | BreadcrumbItemDynamicProps,\n): React.ReactElement {\n  const {\n    href,\n    current = false,\n    icon,\n    asChild = false,\n    children,\n    className,\n    onClick,\n    ref,\n    ...rest\n  } = props as BreadcrumbEntryProps;\n\n  // A falsy icon (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in Nav,\n  // Tree and Avatar, and so is a collection whose items render nothing: no empty span and no stray\n  // `me-1` margin. The check does not consume a generator: renderSlot still renders its items.\n  const renderedIcon =\n    icon && slotRendersContent(icon)\n      ? renderSlot(icon, 'span', cn(breadcrumbItemClassNames.icon, 'me-1 inline-flex shrink-0'), {\n          'aria-hidden': true,\n        })\n      : null;\n  const child =\n    asChild && React.isValidElement<{ children?: React.ReactNode }>(children) ? children : null;\n  const kind = child\n    ? 'child'\n    : current\n      ? 'current'\n      : href !== undefined\n        ? 'link'\n        : onClick\n          ? 'button'\n          : 'text';\n\n  const invalidAsChild = asChild && child === null;\n  const ignoredDisabled = rest.disabled === true && (kind === 'text' || kind === 'current');\n  // Link and asChild items follow Link's disabled contract. `<a disabled>` does not block\n  // navigation, and an `aria-disabled` link only looks disabled unless the click is cancelled.\n  // With asChild the element is the link, so its own `disabled`/`aria-disabled` count too.\n  const ariaDisabled = rest['aria-disabled'];\n  const childProps = (child?.props ?? {}) as Record<string, unknown>;\n  const linkDisabled = [\n    rest.disabled,\n    ariaDisabled,\n    childProps.disabled,\n    childProps['aria-disabled'],\n  ].some((value) => value === true || value === 'true');\n  React.useEffect(() => {\n    if (invalidAsChild) {\n      warnOnce(\n        'Breadcrumb.Item:asChild',\n        'Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead.',\n      );\n    }\n    if (kind === 'text') {\n      warnOnce(\n        'Breadcrumb.Item:no-href',\n        'Breadcrumb.Item: a non-current item without `href` or `onClick` renders as plain text, not a link. Pass `href` (or `onClick`, which renders a button) to make it navigable.',\n      );\n    }\n    if (ignoredDisabled) {\n      warnOnce(\n        'Breadcrumb.Item:disabled',\n        'Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.',\n      );\n    }\n  }, [invalidAsChild, kind, ignoredDisabled]);\n\n  if (child) {\n    const { disabled: _disabled, ...childRest } = rest;\n    // Like the other item props, `href` is a default for the element (its own `href` wins). A\n    // disabled link has no destination, so it is not passed then.\n    const childHref = href !== undefined && !linkDisabled ? { href } : undefined;\n    return (\n      <BreadcrumbItemChild\n        {...(childRest as React.HTMLAttributes<HTMLElement>)}\n        {...childHref}\n        ref={ref}\n        onClick={preventIfDisabled(linkDisabled, onClick)}\n        aria-current={current ? 'page' : undefined}\n        className={cn(\n          breadcrumbItemClassNames.root,\n          current ? currentChildClasses : linkClasses,\n          className,\n        )}\n        icon={renderedIcon}\n        child={linkDisabled ? disableLinkChild(child) : child}\n      />\n    );\n  }\n\n  if (kind === 'current') {\n    return (\n      <span\n        {...spanAttributes(rest)}\n        ref={ref as React.Ref<HTMLSpanElement>}\n        aria-current=\"page\"\n        onClick={onClick}\n        className={cn(breadcrumbItemClassNames.root, currentClasses, className)}\n      >\n        {renderedIcon}\n        {children}\n      </span>\n    );\n  }\n\n  if (kind === 'link') {\n    const { disabled: _disabled, ...anchorRest } = rest;\n    return (\n      <a\n        {...(anchorRest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        href={linkDisabled ? undefined : href}\n        role={linkDisabled ? 'link' : anchorRest.role}\n        aria-disabled={linkDisabled ? true : ariaDisabled}\n        tabIndex={linkDisabled ? -1 : anchorRest.tabIndex}\n        onClick={preventIfDisabled(linkDisabled, onClick)}\n        className={cn(breadcrumbItemClassNames.root, linkClasses, className)}\n      >\n        {renderedIcon}\n        {children}\n      </a>\n    );\n  }\n\n  if (kind === 'button') {\n    // `rel` only belongs on a link: a button item drops it, like the text and current items.\n    const { rel, ...buttonRest } = rest;\n    return (\n      <button\n        type=\"button\"\n        {...(buttonRest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        ref={ref as React.Ref<HTMLButtonElement>}\n        onClick={onClick}\n        className={cn(breadcrumbItemClassNames.root, linkClasses, className)}\n      >\n        {renderedIcon}\n        {children}\n      </button>\n    );\n  }\n\n  return (\n    <span\n      {...spanAttributes(rest)}\n      ref={ref as React.Ref<HTMLSpanElement>}\n      className={cn(breadcrumbItemClassNames.root, textClasses, className)}\n    >\n      {renderedIcon}\n      {children}\n    </span>\n  );\n}\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/**\n * A breadcrumb trail: a `<nav aria-label=\"Breadcrumb\">` landmark with an ordered list. Each child\n * is placed in its own list item (Fragments are opened, so each of their items gets one too); from\n * the second one on, the item begins with a decorative separator chevron that is mirrored in\n * right-to-left layouts.\n *\n * `Breadcrumb.Item` is also exported as `BreadcrumbItem`: React Server Components import the flat\n * name, because dotted access needs a client file.\n *\n * @example\n * <Breadcrumb>\n *   <Breadcrumb.Item href=\"/\">Home</Breadcrumb.Item>\n *   <Breadcrumb.Item current>Settings</Breadcrumb.Item>\n * </Breadcrumb>\n */\nexport const Breadcrumb = /* @__PURE__ */ Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n});\n\nexport { BreadcrumbItem };\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.cjs","names":["cn","focusRing","disabledStyles","isElementOfType","partitionBreadcrumbItems","unwrapFragment","React","Menu","composeEventHandlers","breadcrumbClassNames","flattenChildren","useRovingTabIndex","useMergedRefs","ChevronRightIcon","slotRendersContent","renderSlot","Overflow","OverflowItem","useTriggerElement","_Fragment","breadcrumbItemClassNames","preventIfDisabled","require_runtime","require_cn","require_children","require_dev","require_slot","require_composeEventHandlers","require_classNames","require_breadcrumb","require_useRovingTabIndex","require_useMergedRefs","require_aria","require_styles","require_icons","require_renderTrigger","require_Overflow","require_useTriggerElement","require_Menu","react","react_jsx_runtime","linkClasses","currentClasses","currentChildClasses","textClasses","controlOnlyAttributes","spanAttributes","attributes","key","rest","breadcrumbSizes","BREADCRUMB_FOCUS_SELECTOR","OVERFLOW_KEY","isCurrentEntry","entry","BreadcrumbItem","collapsedIndexes","maxDisplayedItems","entries","index","overflowIndex","overflowItems","count","length","current","start","end","offset","isItemDisabled","childProps","child","props","value","asChildElement","asChild","children","isComponentElement","element","OverflowMenuLink","LinkType","linkAs","linkDisabled","overflowMenuItem","item","itemHref","inner","label","disabled","href","_children","_className","_style","_ref","_id","_role","_tabIndex","_ariaDisabled","linkOnClick","linkProps","defaultHref","onClick","BreadcrumbOverflowMenu","items","unlistable","BreadcrumbRoot","auto","overflow","collapsed","trail","collapsedIndex","overflowLabel","arrow","focusMode","mergedRef","containerProps","ref","renderDivider","divider","size","renderListItem","node","currentIndex","list","hiddenIds","onKeyDown","onFocus","className","disableLinkChild","anchor","BreadcrumbItemChild","itemProps","target","icon","renderedIcon","kind","invalidAsChild","ignoredDisabled","ariaDisabled","_disabled","childRest","childHref","anchorRest","buttonRest","Breadcrumb"],"sources":["../../../src/components/navigation/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport { preventIfDisabled } from '../../lib/aria';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { breadcrumbClassNames, breadcrumbItemClassNames } from '../../lib/classNames';\nimport { partitionBreadcrumbItems } from '../../lib/breadcrumb';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport type { CoreSize, FocusMode, Slot } from '../../lib/types';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport { unwrapFragment } from '../../lib/renderTrigger';\nimport { warnOnce } from '../../lib/dev';\nimport { ChevronRightIcon } from '../../lib/icons';\nimport { disabledStyles, focusRing } from '../../lib/styles';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { useTriggerElement } from '../../hooks/useTriggerElement';\nimport { Overflow, OverflowItem } from '../layout/Overflow';\nimport { Menu } from './Menu';\n\n/** Properties for the Breadcrumb component. */\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  /**\n   * Breadcrumb items to render; each one is placed in its own list item. Fragments are opened, so\n   * the items of a conditional group (`{isAdmin && <>…</>}`) each get their own list item too.\n   */\n  children: React.ReactNode;\n  /**\n   * The most items the trail shows, the overflow button not counted. A longer trail collapses its\n   * middle items, from `overflowIndex`, into a \"…\" button that opens a menu of them (a link item\n   * becomes a `Menu.ItemLink`, an `asChild` element of a component (a router link) a\n   * `Menu.ItemLink` rendered by that component with the element's own props, its `as` included,\n   * a button item a `Menu.Item`). The first item and the last `current` item are never hidden.\n   * Without it the whole trail is shown.\n   * A value below 1 means 6, as in `partitionBreadcrumbItems`. Ignored with `overflow=\"auto\"`.\n   */\n  maxDisplayedItems?: number;\n  /**\n   * The index of the first collapsed item (with `maxDisplayedItems`). It is at least 1, so the\n   * first item stays, and at most `maxDisplayedItems - 1`. Ignored with `overflow=\"auto\"`.\n   * @default 1\n   */\n  overflowIndex?: number;\n  /**\n   * `'auto'` fits the trail to its room: the middle items that do not fit are hidden, from the\n   * start of the trail; the first item and the last `current` item never are. A \"…\" list item\n   * with its own separator then stands just before the first hidden item (so the trail reads\n   * \"Home › … › Parent › Page\"), and its button (`overflowLabel`) opens a menu of the hidden\n   * items, in trail order. When even the first and the current item do not fit, the button covers\n   * the end of the trail. The room decides alone: `maxDisplayedItems` and `overflowIndex` do not\n   * apply. The trail list is then an `Overflow` (a `role=\"list\"` element with the `wave-overflow`\n   * class and 4px of padding) that measures with `ResizeObserver`. `'none'` shows the trail as\n   * the other props say.\n   * @default 'none'\n   */\n  overflow?: 'none' | 'auto';\n  /**\n   * Accessible name of the overflow button (with `maxDisplayedItems` or `overflow=\"auto\"`).\n   * @default \"More items\"\n   */\n  overflowLabel?: string;\n  /**\n   * Text and divider size.\n   * @default 'medium'\n   */\n  size?: CoreSize;\n  /**\n   * `'tab'`: every link is a Tab stop. `'arrow'`: the trail is one Tab stop (the last focused link\n   * or button, at first the first one) and the arrow keys (mirrored in right-to-left layouts),\n   * Home and End move between its links and the overflow button.\n   * @default 'tab'\n   */\n  focusMode?: FocusMode;\n  /**\n   * The separator between items; a decorative `<span>`. `null` or `undefined` keep the chevron\n   * (mirrored in right-to-left layouts); `false`, or content that renders nothing, hides the\n   * separators. A custom divider is not mirrored.\n   */\n  divider?: Slot<'span'>;\n  /** Ref to the `<nav>` element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * The props of Breadcrumb.Item that every branch shares ({@link BreadcrumbItemAnchorProps},\n * {@link BreadcrumbItemButtonProps}, {@link BreadcrumbItemDynamicProps}).\n */\nexport interface BreadcrumbItemOwnProps {\n  /**\n   * Whether this item represents the current page (`aria-current=\"page\"`, rendered as text).\n   * @default false\n   */\n  current?: boolean;\n  /**\n   * Slot for an icon displayed before the item text. Rendered with `aria-hidden=\"true\"`. A falsy\n   * icon (`''`, `0`) or a list of nothing renders no icon span.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Merge the item's props (classes, `aria-current`, handlers, ref) onto its single child element\n   * instead of rendering an element — for router links:\n   * `<Breadcrumb.Item asChild><RouterLink to=\"/docs\">Docs</RouterLink></Breadcrumb.Item>`.\n   * The icon is rendered inside the child. The item's `href` is passed on as a default (the\n   * element's own `href` wins); with a router link, give the link its destination (`to`) instead.\n   * `disabled` or `aria-disabled=\"true\"`, on the item or on the element, makes it an unavailable\n   * link: `aria-disabled`, out of the tab order, its own `onClick` dropped and the click cancelled\n   * (a router link does not navigate); an `<a>` also loses its `href`.\n   * @default false\n   */\n  asChild?: boolean;\n  /** Label content of the breadcrumb item (with `asChild`: the link element). */\n  children: React.ReactNode;\n}\n\n/**\n * The attributes only a link has (`target`, `download`, `hrefLang`, `ping`, …). Items without\n * `href` declare them as `undefined`, so they are a type error instead of landing on a `<button>`\n * or `<span>`. `rel` cannot be listed (React types it on every element, RDFa); every non-link item\n * drops it at run time instead.\n */\ntype NoAnchorOnlyAttributes = {\n  [\n    K in Exclude<\n      keyof React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof React.ButtonHTMLAttributes<HTMLButtonElement>\n    >\n  ]?: undefined;\n};\n\n/** Breadcrumb.Item rendered as a link (`href` given): anchor attributes. */\nexport interface BreadcrumbItemAnchorProps\n  extends\n    BreadcrumbItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BreadcrumbItemOwnProps> {\n  /**\n   * URL the breadcrumb item links to; renders an `<a>` (unless `current`). With `asChild` it is a\n   * default for the element, whose own `href` wins. Required in this branch, so `href`\n   * discriminates the union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /**\n   * Makes the link unavailable, as Link's `disabled` does: no `href`, `role=\"link\"`,\n   * `aria-disabled=\"true\"`, out of the tab order, and the click is cancelled (`onClick` is not\n   * called). `aria-disabled=\"true\"` does the same.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Ref to the rendered element (`<a>`, or `<span>` for the current item). */\n  ref?: React.Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\n/**\n * Breadcrumb.Item without `href`: a `<button type=\"button\">` when `onClick` is given (button\n * attributes; `disabled` gives it the disabled look), plain text otherwise. A `rel` is not\n * rendered on either.\n */\nexport interface BreadcrumbItemButtonProps\n  extends\n    BreadcrumbItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BreadcrumbItemOwnProps> {\n  /** Items without a link have no `href`. */\n  href?: undefined;\n  /** Ref to the rendered element (`<button>`, or `<span>` for text and the current item). */\n  ref?: React.Ref<HTMLButtonElement | HTMLSpanElement>;\n}\n\n/**\n * Properties for the BreadcrumbItem sub-component: link props with `href`, button props without.\n *\n * A union type (0.4 had an interface): an interface cannot extend it, so extend one branch\n * (`interface X extends BreadcrumbItemAnchorProps`) or intersect\n * (`type X = BreadcrumbItemProps & { … }`). `React.ComponentProps<typeof Breadcrumb.Item>`\n * resolves to the last overload, {@link BreadcrumbItemDynamicProps}.\n */\nexport type BreadcrumbItemProps = BreadcrumbItemAnchorProps | BreadcrumbItemButtonProps;\n\n/**\n * Breadcrumb.Item with an `href` known only at run time (`string | undefined`): a link when it is\n * a string, otherwise a button (with `onClick`) or text. Handlers receive `HTMLElement` events and\n * only the attributes all kinds share are accepted (the 0.4 prop shape). Resolved after the button\n * and link signatures.\n */\nexport interface BreadcrumbItemDynamicProps\n  extends\n    BreadcrumbItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLElement>, keyof BreadcrumbItemOwnProps> {\n  /** URL the breadcrumb item links to when defined. */\n  href?: string;\n  /**\n   * Makes a link or button item unavailable (see {@link BreadcrumbItemAnchorProps} and\n   * {@link BreadcrumbItemButtonProps}); ignored, with a development warning, on a text or current\n   * item.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Ref to the rendered element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** The props every item kind shares at runtime (the union narrowed by `href`). */\ntype BreadcrumbEntryProps = BreadcrumbItemOwnProps &\n  Omit<React.AllHTMLAttributes<HTMLElement>, keyof BreadcrumbItemOwnProps | 'ref'> & {\n    ref?: React.Ref<HTMLElement>;\n  };\n\n/**\n * Links, buttons and `asChild` elements. The hover underline is gated (C-TOKENS), and the\n * disabled look covers a `disabled` button and an `aria-disabled` link.\n */\nconst linkClasses = cn(\n  'inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline',\n  focusRing,\n  disabledStyles,\n);\nconst currentClasses = 'inline-flex items-center font-semibold text-foreground';\n/** A current `asChild` element is the consumer's link: it takes focus and can be disabled. */\nconst currentChildClasses = cn(currentClasses, focusRing, disabledStyles);\nconst textClasses = 'inline-flex items-center text-foreground';\n\n/**\n * The attributes only a `<button>` or an `<a>` has (`disabled`, `type`, `form*`, `name`, `value`;\n * `target`, `download`, `hrefLang`, `ping`, `media`, `referrerPolicy`). The button props allow\n * `disabled` without `onClick`, and a current item keeps its link attributes, so the `<span>` of\n * the text and current items drops them instead of rendering invalid markup\n * (`<span disabled>`, `<span target=\"_blank\">`). Typed as a record so a key React adds to either\n * element's attributes is a compile error until it is listed here. `rel` is dropped as well: React\n * types it on every element (RDFa), but on a breadcrumb it comes with a link.\n */\ntype ControlOnlyAttribute =\n  | Exclude<\n      keyof React.ButtonHTMLAttributes<HTMLButtonElement>,\n      keyof React.HTMLAttributes<HTMLElement>\n    >\n  | Exclude<\n      keyof React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      keyof React.HTMLAttributes<HTMLElement> | 'href'\n    >;\n\nconst controlOnlyAttributes: ReadonlySet<string> = /* @__PURE__ */ new Set([\n  'rel',\n  ...Object.keys({\n    disabled: true,\n    type: true,\n    form: true,\n    formAction: true,\n    formEncType: true,\n    formMethod: true,\n    formNoValidate: true,\n    formTarget: true,\n    name: true,\n    value: true,\n    target: true,\n    download: true,\n    hrefLang: true,\n    ping: true,\n    media: true,\n    referrerPolicy: true,\n  } satisfies Record<ControlOnlyAttribute, true>),\n]);\n\n/** The props that are valid on the `<span>` of a text or current item. */\nfunction spanAttributes(rest: Record<string, unknown>): React.HTMLAttributes<HTMLSpanElement> {\n  const attributes: Record<string, unknown> = {};\n  for (const key of Object.keys(rest)) {\n    if (!controlOnlyAttributes.has(key)) attributes[key] = rest[key];\n  }\n  return attributes as React.HTMLAttributes<HTMLSpanElement>;\n}\n\n/** Text step and divider size (px) of each size; literal classes for Tailwind's scan. */\nconst breadcrumbSizes = {\n  small: { text: 'text-caption-1', divider: 12 },\n  medium: { text: 'text-body-1', divider: 12 },\n  large: { text: 'text-body-2', divider: 16 },\n} as const satisfies Record<CoreSize, { text: string; divider: number }>;\n\n/** The controls of the trail that the arrow keys visit (`focusMode=\"arrow\"`). */\nconst BREADCRUMB_FOCUS_SELECTOR = 'a[href], button, [role=\"link\"]';\n\n/** The key of the list item that holds the overflow button; a flattened child key never matches. */\nconst OVERFLOW_KEY = '\\u0000overflow';\n\ntype BreadcrumbEntry = ReturnType<typeof flattenChildren>[number];\n\n/** The props of a trail item that the overflow menu reads. */\ninterface HiddenItemProps {\n  href?: string;\n  current?: boolean;\n  icon?: Slot<'span'>;\n  disabled?: boolean;\n  'aria-disabled'?: boolean | 'true' | 'false';\n  asChild?: boolean;\n  children?: React.ReactNode;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n}\n\nfunction isCurrentEntry(entry: BreadcrumbEntry): boolean {\n  return (\n    isElementOfType<HiddenItemProps>(entry.node, BreadcrumbItem) &&\n    entry.node.props.current === true\n  );\n}\n\n/**\n * The indexes of the entries that collapse into the overflow menu: one contiguous run, as long as\n * the partition of `partitionBreadcrumbItems` says, that never holds the first entry or the last\n * current one. A run that would hold the current entry moves past it when it fits there, else ends\n * just before it, else shrinks to the longer side of it.\n */\nfunction collapsedIndexes(\n  entries: readonly BreadcrumbEntry[],\n  maxDisplayedItems: number | undefined,\n  overflowIndex: number,\n): number[] {\n  if (maxDisplayedItems === undefined) return [];\n  const { overflowItems } = partitionBreadcrumbItems({\n    items: entries.map((_, index) => index),\n    maxDisplayedItems,\n    overflowIndex: Math.max(1, overflowIndex),\n  });\n  if (!overflowItems) return [];\n  const count = entries.length;\n  const length = overflowItems.length;\n  const current = entries.map(isCurrentEntry).lastIndexOf(true);\n  let start = Math.max(1, overflowItems[0]);\n  let end = Math.min(count, start + length);\n  if (current >= start && current < end) {\n    if (current + 1 + length <= count) {\n      start = current + 1;\n      end = start + length;\n    } else if (current - length >= 1) {\n      start = current - length;\n      end = current;\n    } else if (current - 1 >= count - current - 1) {\n      start = 1;\n      end = current;\n    } else {\n      start = current + 1;\n      end = Math.min(count, start + length);\n    }\n  }\n  return Array.from({ length: Math.max(0, end - start) }, (_, offset) => start + offset);\n}\n\n/**\n * Whether an item is unavailable: `disabled` or `aria-disabled=\"true\"` on the item, or on the\n * element of an `asChild` item. One rule for the visible item and for its entry in the overflow menu.\n */\nfunction isItemDisabled(\n  props: { disabled?: unknown; 'aria-disabled'?: unknown },\n  child: React.ReactElement | null,\n): boolean {\n  const childProps = (child?.props ?? {}) as Record<string, unknown>;\n  return [\n    props.disabled,\n    props['aria-disabled'],\n    childProps.disabled,\n    childProps['aria-disabled'],\n  ].some((value) => value === true || value === 'true');\n}\n\n/** The props of an `asChild` element that the overflow menu reads. */\ninterface HiddenItemChildProps {\n  href?: unknown;\n  as?: React.ElementType;\n  children?: React.ReactNode;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [prop: string]: unknown;\n}\n\n/**\n * The element of an `asChild` item: its single element child, a Fragment around it unwrapped (as\n * `useTriggerElement` does), so the trail and the overflow menu read the same element.\n */\nfunction asChildElement<P>(\n  asChild: boolean | undefined,\n  children: React.ReactNode,\n): React.ReactElement<P> | null {\n  if (!asChild) return null;\n  const child = unwrapFragment(children);\n  return React.isValidElement<P>(child) ? child : null;\n}\n\n/**\n * Whether an `asChild` element is one of a component (a router link) rather than of a tag such as\n * `<a>`: a function, or an object type (`forwardRef`, `memo`, `lazy`, a client reference).\n */\nfunction isComponentElement(element: React.ReactElement): boolean {\n  return (\n    typeof element.type === 'function' ||\n    (typeof element.type === 'object' && element.type !== null)\n  );\n}\n\n/** The props {@link OverflowMenuLink} reads besides those it passes on. */\ninterface OverflowMenuLinkProps {\n  /** The component of the `asChild` element. */\n  linkType: React.ElementType;\n  /** The element's own `as` (a polymorphic link such as `<Link as={RouterLink}>`). */\n  linkAs?: React.ElementType;\n  /** The element's own `disabled` (WaveUI's Link then renders no `href`, as on the trail). */\n  linkDisabled?: unknown;\n  [prop: string]: unknown;\n}\n\n/**\n * The element a collapsed link component renders in the overflow menu (the `as` of its\n * `Menu.ItemLink`): the element's component with the menu item's props, and with the element's own\n * `as` and `disabled`, which the menu item's own `as` and `disabled` would otherwise take.\n */\nfunction OverflowMenuLink({\n  linkType: LinkType,\n  linkAs,\n  linkDisabled,\n  ...props\n}: OverflowMenuLinkProps) {\n  return (\n    <LinkType\n      {...props}\n      {...(linkAs === undefined ? undefined : { as: linkAs })}\n      {...(linkDisabled === undefined ? undefined : { disabled: linkDisabled })}\n    />\n  );\n}\n\n/**\n * The menu item of a collapsed trail item: for an `asChild` element of a component (a router link,\n * with or without a string `href`) a `Menu.ItemLink` rendered by that component with the element's\n * own props, its `as` included; for another link (an `asChild` element with an `href` too; the\n * element's own `href` wins, as on the trail) a `Menu.ItemLink`; a `Menu.Item` for a button. An\n * item with none of these is listed disabled, and an element that is no `Breadcrumb.Item` is left\n * out; both are not `mappable`.\n */\nfunction overflowMenuItem(entry: BreadcrumbEntry): { node: React.ReactNode; mappable: boolean } {\n  const item = entry.node;\n  if (!isElementOfType<HiddenItemProps>(item, BreadcrumbItem)) {\n    return { node: null, mappable: false };\n  }\n  const { href: itemHref, icon, asChild, children, onClick } = item.props;\n  const inner = asChildElement<HiddenItemChildProps>(asChild, children);\n  const label = inner ? inner.props.children : children;\n  const disabled = isItemDisabled(item.props, inner);\n  const href = inner?.props.href ?? itemHref;\n  if (inner && isComponentElement(inner)) {\n    // A link component (`<RouterLink to>`, `<Link as={RouterLink} to>`, `<NextLink href>`): the\n    // entry is rendered by the same component with its own props, so its click navigates the way\n    // the trail's does. The menu keeps the item's role, classes, icon, label and disabled state,\n    // and the props that belong to the trail element stay there (its id and ref, its tab order).\n    // The item's `href` is a default for the element, as on the trail. Its own `onClick` runs\n    // before the item's, as on the trail. Its own `disabled` reaches it too, so a disabled\n    // WaveUI Link renders no `href` in the menu either.\n    const {\n      children: _children,\n      className: _className,\n      style: _style,\n      ref: _ref,\n      id: _id,\n      role: _role,\n      tabIndex: _tabIndex,\n      disabled: linkDisabled,\n      'aria-disabled': _ariaDisabled,\n      onClick: linkOnClick,\n      as: linkAs,\n      ...linkProps\n    } = inner.props;\n    const defaultHref = itemHref !== undefined && !disabled ? { href: itemHref } : undefined;\n    return {\n      node: (\n        <Menu.ItemLink\n          key={entry.key}\n          {...defaultHref}\n          {...linkProps}\n          as={OverflowMenuLink as React.ElementType}\n          linkType={inner.type as React.ElementType}\n          linkAs={linkAs}\n          linkDisabled={linkDisabled}\n          icon={icon}\n          disabled={disabled}\n          onClick={composeEventHandlers(linkOnClick, onClick)}\n        >\n          {label}\n        </Menu.ItemLink>\n      ),\n      mappable: true,\n    };\n  }\n  if (typeof href === 'string') {\n    return {\n      node: (\n        <Menu.ItemLink\n          key={entry.key}\n          href={href}\n          icon={icon}\n          disabled={disabled}\n          onClick={composeEventHandlers(inner?.props.onClick, onClick)}\n        >\n          {label}\n        </Menu.ItemLink>\n      ),\n      mappable: true,\n    };\n  }\n  return {\n    node: (\n      <Menu.Item\n        key={entry.key}\n        icon={icon}\n        disabled={disabled || !onClick}\n        onClick={onClick as React.MouseEventHandler<HTMLDivElement> | undefined}\n      >\n        {label}\n      </Menu.Item>\n    ),\n    mappable: onClick !== undefined,\n  };\n}\n\n/**\n * The \"…\" button and its menu of the hidden entries (in trail order), for both collapses. Warns\n * once, from an effect, about a hidden entry that cannot be listed.\n */\nfunction BreadcrumbOverflowMenu({\n  entries,\n  label,\n}: {\n  entries: readonly BreadcrumbEntry[];\n  label: string;\n}) {\n  const items = entries.map(overflowMenuItem);\n  const unlistable = items.some((item) => !item.mappable);\n  React.useEffect(() => {\n    if (unlistable) {\n      warnOnce(\n        'Breadcrumb:overflow-item',\n        'Breadcrumb: a hidden item cannot be listed in the overflow menu (it has no `href` or `onClick`, or is not a Breadcrumb.Item): it is shown there disabled, or left out. Give it `href` or `onClick`.',\n      );\n    }\n  }, [unlistable]);\n\n  return (\n    <Menu>\n      <Menu.Trigger>\n        <button\n          type=\"button\"\n          aria-label={label}\n          className={cn(breadcrumbClassNames.overflowButton, linkClasses, 'rounded px-1')}\n        >\n          <span aria-hidden=\"true\">…</span>\n        </button>\n      </Menu.Trigger>\n      <Menu.Popover>{items.map((item) => item.node)}</Menu.Popover>\n    </Menu>\n  );\n}\n\nconst BreadcrumbRoot = ({\n  children,\n  maxDisplayedItems,\n  overflowIndex = 1,\n  overflow = 'none',\n  overflowLabel = 'More items',\n  size = 'medium',\n  focusMode = 'tab',\n  divider,\n  className,\n  onKeyDown,\n  onFocus,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  // Fragments are opened (`{isAdmin && <>…</>}`), so every crumb gets its own list item and separator.\n  const entries = flattenChildren(children);\n  const auto = overflow === 'auto';\n  const collapsed = auto ? [] : collapsedIndexes(entries, maxDisplayedItems, overflowIndex);\n\n  // The trail in order, the overflow button standing where the first collapsed item was.\n  const trail: Array<{ key: string; node: React.ReactNode }> = [];\n  entries.forEach((entry, index) => {\n    if (!collapsed.includes(index)) {\n      trail.push(entry);\n    } else if (index === collapsed[0]) {\n      trail.push({\n        key: OVERFLOW_KEY,\n        node: (\n          <BreadcrumbOverflowMenu\n            entries={collapsed.map((collapsedIndex) => entries[collapsedIndex])}\n            label={overflowLabel}\n          />\n        ),\n      });\n    }\n  });\n\n  const arrow = focusMode === 'arrow';\n  const { containerProps } = useRovingTabIndex({\n    itemSelector: BREADCRUMB_FOCUS_SELECTOR,\n    manageTabIndex: arrow,\n    tabStop: 'last-focused',\n    orientation: 'horizontal',\n  });\n  const mergedRef = useMergedRefs<HTMLElement>(arrow ? containerProps.ref : null, ref);\n\n  // `divider` is an optional indicator: unset keeps the chevron, a value that renders nothing hides it.\n  const renderDivider = () =>\n    divider == null ? (\n      <ChevronRightIcon\n        size={breadcrumbSizes[size].divider}\n        data-wave-breadcrumb-separator=\"\"\n        className={cn(\n          breadcrumbClassNames.divider,\n          'shrink-0 text-muted-foreground wave-rtl:-scale-x-100',\n        )}\n      />\n    ) : slotRendersContent(divider) ? (\n      renderSlot(\n        divider,\n        'span',\n        cn(breadcrumbClassNames.divider, 'inline-flex shrink-0 items-center text-muted-foreground'),\n        { 'aria-hidden': true, 'data-wave-breadcrumb-separator': '' },\n      )\n    ) : null;\n\n  const renderListItem = (node: React.ReactNode, index: number, key?: string) => (\n    <li key={key} className={cn(breadcrumbClassNames.listItem, 'flex items-center gap-1')}>\n      {index > 0 && renderDivider()}\n      {node}\n    </li>\n  );\n\n  // `overflow=\"auto\"`: the list is an Overflow of `<li>` items. The first and the last current\n  // entry are pinned; the others hide from the start of the trail. The \"…\" menu is the Overflow's\n  // button: it stands just before the first hidden entry (never first, since that one is pinned),\n  // with its own separator, and lists the hidden entries.\n  const currentIndex = entries.map(isCurrentEntry).lastIndexOf(true);\n  const list = auto ? (\n    <Overflow\n      role=\"list\"\n      overflowDirection=\"start\"\n      buttonPosition=\"before-hidden\"\n      overflowButton={(_count, hiddenIds) => (\n        <span className=\"flex items-center gap-1\">\n          {renderDivider()}\n          <BreadcrumbOverflowMenu\n            entries={entries.filter((entry) => hiddenIds.includes(entry.key))}\n            label={overflowLabel}\n          />\n        </span>\n      )}\n      className={cn(breadcrumbClassNames.list, 'gap-1', breadcrumbSizes[size].text)}\n    >\n      {entries.map(({ key, node }, index) => (\n        <OverflowItem key={key} asChild itemId={key} pinned={index === 0 || index === currentIndex}>\n          {renderListItem(node, index)}\n        </OverflowItem>\n      ))}\n    </Overflow>\n  ) : (\n    <ol\n      className={cn(\n        breadcrumbClassNames.list,\n        'm-0 flex list-none items-center gap-1 p-0',\n        breadcrumbSizes[size].text,\n      )}\n    >\n      {trail.map(({ key, node }, index) => renderListItem(node, index, key))}\n    </ol>\n  );\n\n  return (\n    <nav\n      aria-label=\"Breadcrumb\"\n      data-size={size}\n      data-focus-mode={focusMode}\n      data-overflow={overflow}\n      {...rest}\n      ref={mergedRef}\n      data-roving-container={arrow ? '' : undefined}\n      onKeyDown={arrow ? composeEventHandlers(onKeyDown, containerProps.onKeyDown) : onKeyDown}\n      onFocus={\n        arrow\n          ? composeEventHandlers(onFocus, containerProps.onFocus, { checkDefaultPrevented: false })\n          : onFocus\n      }\n      className={cn(breadcrumbClassNames.root, className)}\n    >\n      {list}\n    </nav>\n  );\n};\nBreadcrumbRoot.displayName = 'Breadcrumb';\n\ninterface BreadcrumbItemChildProps extends React.HTMLAttributes<HTMLElement> {\n  /** The item's `href`, a default for the element (the element's own `href` wins). */\n  href?: string;\n  child: React.ReactElement<{ children?: React.ReactNode }>;\n  icon: React.ReactNode;\n  ref?: React.Ref<HTMLElement>;\n}\n\n/**\n * Link's disabled contract for an `asChild` element: an `<a>` drops its `href` (it is still\n * announced as a link); any element gets `aria-disabled`, leaves the tab order and loses its own\n * `onClick`. The item's click handler cancels the click, so a router link does not navigate.\n */\nfunction disableLinkChild(\n  child: React.ReactElement<{ children?: React.ReactNode }>,\n): React.ReactElement<{ children?: React.ReactNode }> {\n  const anchor = isElementOfType(child, 'a')\n    ? { href: undefined, role: 'link', disabled: undefined }\n    : undefined;\n  return React.cloneElement(child as React.ReactElement<Record<string, unknown>>, {\n    ...anchor,\n    'aria-disabled': true,\n    tabIndex: -1,\n    onClick: undefined,\n  }) as React.ReactElement<{ children?: React.ReactNode }>;\n}\n\n/**\n * `asChild` rendering: the item's props are merged onto the consumer's element with\n * `useTriggerElement` (the element's own handlers run first and its classes win conflicts; its\n * ref and the item's ref are both attached). The icon is placed inside the element.\n */\nfunction BreadcrumbItemChild({ child, icon, ...itemProps }: BreadcrumbItemChildProps) {\n  const target = icon ? React.cloneElement(child, undefined, icon, child.props.children) : child;\n  const node = useTriggerElement(target, itemProps, { componentName: 'Breadcrumb.Item' });\n  return <>{node}</>;\n}\n\n/**\n * One step of a breadcrumb trail:\n * - `href` → a link (`<a>`, anchor attributes);\n * - `current` → the current page as text (`<span aria-current=\"page\">`);\n * - no `href` with `onClick` → a `<button type=\"button\">` styled as a link;\n * - no `href` and no `onClick` → plain text (`<span>`; development warning for a non-current item);\n * - `asChild` → the props are merged onto the single child element (router links).\n *\n * Typed by overloads, resolved in order: without `href` (button props, button events), with a\n * string `href` (anchor props, anchor events), then an `href` that may be `undefined` at run time\n * ({@link BreadcrumbItemDynamicProps}: `HTMLElement` events).\n *\n * Also exported as `BreadcrumbItem` (import the flat name from React Server Components).\n */\nfunction BreadcrumbItem(props: BreadcrumbItemButtonProps): React.ReactElement;\nfunction BreadcrumbItem(props: BreadcrumbItemAnchorProps): React.ReactElement;\nfunction BreadcrumbItem(props: BreadcrumbItemDynamicProps): React.ReactElement;\nfunction BreadcrumbItem(\n  props: BreadcrumbItemProps | BreadcrumbItemDynamicProps,\n): React.ReactElement {\n  const {\n    href,\n    current = false,\n    icon,\n    asChild = false,\n    children,\n    className,\n    onClick,\n    ref,\n    ...rest\n  } = props as BreadcrumbEntryProps;\n\n  // A falsy icon (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in Nav,\n  // Tree and Avatar, and so is a collection whose items render nothing: no empty span and no stray\n  // `me-1` margin. The check does not consume a generator: renderSlot still renders its items.\n  const renderedIcon =\n    icon && slotRendersContent(icon)\n      ? renderSlot(icon, 'span', cn(breadcrumbItemClassNames.icon, 'me-1 inline-flex shrink-0'), {\n          'aria-hidden': true,\n        })\n      : null;\n  const child = asChildElement<{ children?: React.ReactNode }>(asChild, children);\n  const kind = child\n    ? 'child'\n    : current\n      ? 'current'\n      : href !== undefined\n        ? 'link'\n        : onClick\n          ? 'button'\n          : 'text';\n\n  const invalidAsChild = asChild && child === null;\n  const ignoredDisabled = rest.disabled === true && (kind === 'text' || kind === 'current');\n  // Link and asChild items follow Link's disabled contract. `<a disabled>` does not block\n  // navigation, and an `aria-disabled` link only looks disabled unless the click is cancelled.\n  // With asChild the element is the link, so its own `disabled`/`aria-disabled` count too.\n  const ariaDisabled = rest['aria-disabled'];\n  const linkDisabled = isItemDisabled(rest, child);\n  React.useEffect(() => {\n    if (invalidAsChild) {\n      warnOnce(\n        'Breadcrumb.Item:asChild',\n        'Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead.',\n      );\n    }\n    if (kind === 'text') {\n      warnOnce(\n        'Breadcrumb.Item:no-href',\n        'Breadcrumb.Item: a non-current item without `href` or `onClick` renders as plain text, not a link. Pass `href` (or `onClick`, which renders a button) to make it navigable.',\n      );\n    }\n    if (ignoredDisabled) {\n      warnOnce(\n        'Breadcrumb.Item:disabled',\n        'Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.',\n      );\n    }\n  }, [invalidAsChild, kind, ignoredDisabled]);\n\n  if (child) {\n    const { disabled: _disabled, ...childRest } = rest;\n    // Like the other item props, `href` is a default for the element (its own `href` wins). A\n    // disabled link has no destination, so it is not passed then.\n    const childHref = href !== undefined && !linkDisabled ? { href } : undefined;\n    return (\n      <BreadcrumbItemChild\n        {...(childRest as React.HTMLAttributes<HTMLElement>)}\n        {...childHref}\n        ref={ref}\n        onClick={preventIfDisabled(linkDisabled, onClick)}\n        aria-current={current ? 'page' : undefined}\n        className={cn(\n          breadcrumbItemClassNames.root,\n          current ? currentChildClasses : linkClasses,\n          className,\n        )}\n        icon={renderedIcon}\n        child={linkDisabled ? disableLinkChild(child) : child}\n      />\n    );\n  }\n\n  if (kind === 'current') {\n    return (\n      <span\n        {...spanAttributes(rest)}\n        ref={ref as React.Ref<HTMLSpanElement>}\n        aria-current=\"page\"\n        onClick={onClick}\n        className={cn(breadcrumbItemClassNames.root, currentClasses, className)}\n      >\n        {renderedIcon}\n        {children}\n      </span>\n    );\n  }\n\n  if (kind === 'link') {\n    const { disabled: _disabled, ...anchorRest } = rest;\n    return (\n      <a\n        {...(anchorRest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        href={linkDisabled ? undefined : href}\n        role={linkDisabled ? 'link' : anchorRest.role}\n        aria-disabled={linkDisabled ? true : ariaDisabled}\n        tabIndex={linkDisabled ? -1 : anchorRest.tabIndex}\n        onClick={preventIfDisabled(linkDisabled, onClick)}\n        className={cn(breadcrumbItemClassNames.root, linkClasses, className)}\n      >\n        {renderedIcon}\n        {children}\n      </a>\n    );\n  }\n\n  if (kind === 'button') {\n    // `rel` only belongs on a link: a button item drops it, like the text and current items.\n    const { rel, ...buttonRest } = rest;\n    return (\n      <button\n        type=\"button\"\n        {...(buttonRest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        ref={ref as React.Ref<HTMLButtonElement>}\n        onClick={onClick}\n        className={cn(breadcrumbItemClassNames.root, linkClasses, className)}\n      >\n        {renderedIcon}\n        {children}\n      </button>\n    );\n  }\n\n  return (\n    <span\n      {...spanAttributes(rest)}\n      ref={ref as React.Ref<HTMLSpanElement>}\n      className={cn(breadcrumbItemClassNames.root, textClasses, className)}\n    >\n      {renderedIcon}\n      {children}\n    </span>\n  );\n}\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/**\n * A breadcrumb trail: a `<nav aria-label=\"Breadcrumb\">` landmark with an ordered list. Each child\n * is placed in its own list item (Fragments are opened, so each of their items gets one too); from\n * the second one on, the item begins with a decorative separator chevron that is mirrored in\n * right-to-left layouts (`divider` replaces or hides it).\n *\n * `maxDisplayedItems` collapses the middle of a long trail into a \"…\" menu button, and\n * `overflow=\"auto\"` collapses it to the room it has instead (a \"…\" menu button stands in for the\n * hidden middle items); `size` sets the text step and `focusMode=\"arrow\"` makes the trail one Tab\n * stop with arrow-key navigation.\n *\n * `Breadcrumb.Item` is also exported as `BreadcrumbItem`: React Server Components import the flat\n * name, because dotted access needs a client file.\n *\n * @example\n * <Breadcrumb>\n *   <Breadcrumb.Item href=\"/\">Home</Breadcrumb.Item>\n *   <Breadcrumb.Item current>Settings</Breadcrumb.Item>\n * </Breadcrumb>\n */\nexport const Breadcrumb = /* @__PURE__ */ Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n});\n\nexport { BreadcrumbItem };\n"],"mappings":"8tBAiNA,IAAMyC,EAAczC,EAAAA,GAClB,mHACAC,EAAAA,UACAC,EAAAA,cACF,EACMwC,EAAiB,yDAEjBC,EAAsB3C,EAAAA,GAAG0C,EAAgBzC,EAAAA,UAAWC,EAAAA,cAAc,EAClE0C,EAAc,2CAqBdC,EAA6D,IAAI,IAAI,CACzE,MACA,GAAG,OAAO,KAAK,CACb,SAAU,GACV,KAAM,GACN,KAAM,GACN,WAAY,GACZ,YAAa,GACb,WAAY,GACZ,eAAgB,GAChB,WAAY,GACZ,KAAM,GACN,MAAO,GACP,OAAQ,GACR,SAAU,GACV,SAAU,GACV,KAAM,GACN,MAAO,GACP,eAAgB,EAClB,CAA8C,CAChD,CAAC,EAGD,SAASC,EAAe,EAAsE,CAC5F,IAAMC,EAAsC,CAAC,EAC7C,IAAK,IAAMC,KAAO,OAAO,KAAKC,CAAI,EAC3BJ,EAAsB,IAAIG,CAAG,IAAG,EAAWA,GAAOC,EAAKD,IAE9D,OAAOD,CACT,CAGA,IAAMG,EAAkB,CACtB,MAAO,CAAE,KAAM,iBAAkB,QAAS,EAAG,EAC7C,OAAQ,CAAE,KAAM,cAAe,QAAS,EAAG,EAC3C,MAAO,CAAE,KAAM,cAAe,QAAS,EAAG,CAC5C,EAGMC,EAA4B,iCAG5BC,EAAe,aAgBrB,SAASC,EAAe,EAAiC,CACvD,OACElD,EAAAA,gBAAiCmD,EAAM,KAAMC,CAAc,GAC3DD,EAAM,KAAK,MAAM,UAAY,EAEjC,CAQA,SAASE,EACP,EACA,EACA,EACU,CACV,GAAIC,IAAsB,IAAA,GAAW,MAAO,CAAC,EAC7C,GAAM,CAAE,iBAAkBrD,EAAAA,yBAAyB,CACjD,MAAOsD,EAAQ,KAAK,EAAG,IAAUC,CAAK,EACtC,oBACA,cAAe,KAAK,IAAI,EAAGC,CAAa,CAC1C,CAAC,EACD,GAAI,CAACC,EAAe,MAAO,CAAC,EAC5B,IAAMC,EAAQJ,EAAQ,OAChBK,EAASF,EAAc,OACvBG,EAAUN,EAAQ,IAAIL,CAAc,CAAC,CAAC,YAAY,EAAI,EACxDY,EAAQ,KAAK,IAAI,EAAGJ,EAAc,EAAE,EACpCK,EAAM,KAAK,IAAIJ,EAAOG,EAAQF,CAAM,EAgBxC,OAfIC,GAAWC,GAASD,EAAUE,IAC5BF,EAAU,EAAID,GAAUD,GAC1B,EAAQE,EAAU,EAClB,EAAMC,EAAQF,GACLC,EAAUD,GAAU,GAC7B,EAAQC,EAAUD,EAClB,EAAMC,GACGA,EAAU,GAAKF,EAAQE,EAAU,GAC1C,EAAQ,EACR,EAAMA,IAEN,EAAQA,EAAU,EAClB,EAAM,KAAK,IAAIF,EAAOG,EAAQF,CAAM,IAGjC,MAAM,KAAK,CAAE,OAAQ,KAAK,IAAI,EAAGG,EAAMD,CAAK,CAAE,GAAI,EAAG,IAAWA,EAAQE,CAAM,CACvF,CAMA,SAASC,EACP,EACA,EACS,CACT,IAAMC,EAAcC,GAAO,OAAS,CAAC,EACrC,MAAO,CACLC,EAAM,SACNA,EAAM,iBACNF,EAAW,SACXA,EAAW,gBACb,CAAC,CAAC,KAAM,GAAUG,IAAU,IAAQA,IAAU,MAAM,CACtD,CAeA,SAASC,EACP,EACA,EAC8B,CAC9B,GAAI,CAACC,EAAS,OAAO,KACrB,IAAMJ,EAAQjE,EAAAA,eAAesE,CAAQ,EACrC,OAAOrE,EAAM,eAAkBgE,CAAK,EAAIA,EAAQ,IAClD,CAMA,SAASM,EAAmB,EAAsC,CAChE,OACE,OAAOC,EAAQ,MAAS,YACvB,OAAOA,EAAQ,MAAS,UAAYA,EAAQ,OAAS,IAE1D,CAkBA,SAASC,EAAiB,CACxB,SAAUC,EACV,SACA,eACA,GAAGR,GACqB,CACxB,OACE,EAAA/B,EAAA,IAAA,CAACuC,EAAD,CACE,GAAIR,EACJ,GAAKS,IAAW,IAAA,GAAY,IAAA,GAAY,CAAE,GAAIA,CAAO,EACrD,GAAKC,IAAiB,IAAA,GAAY,IAAA,GAAY,CAAE,SAAUA,CAAa,CACxE,CAAA,CAEL,CAUA,SAASC,EAAiB,EAAsE,CAC9F,IAAMC,EAAO7B,EAAM,KACnB,GAAI,CAACnD,EAAAA,gBAAiCgF,EAAM5B,CAAc,EACxD,MAAO,CAAE,KAAM,KAAM,SAAU,EAAM,EAEvC,GAAM,CAAE,KAAM6B,EAAU,OAAM,UAAS,WAAU,WAAYD,EAAK,MAC5DE,EAAQZ,EAAqCC,EAASC,CAAQ,EAC9DW,EAAQD,EAAQA,EAAM,MAAM,SAAWV,EACvCY,EAAWnB,EAAee,EAAK,MAAOE,CAAK,EAC3CG,EAAOH,GAAO,MAAM,MAAQD,EAClC,GAAIC,GAAST,EAAmBS,CAAK,EAAG,CAQtC,GAAM,CACJ,SAAUI,EACV,UAAWC,EACX,MAAOC,EACP,IAAKC,EACL,GAAIC,EACJ,KAAMC,EACN,SAAUC,EACV,SAAUd,EACV,gBAAiBe,EACjB,QAASC,EACT,GAAIjB,EACJ,GAAGkB,GACDb,EAAM,MACJc,EAAcf,IAAa,IAAA,IAAa,CAACG,EAAW,CAAE,KAAMH,CAAS,EAAI,IAAA,GAC/E,MAAO,CACL,MACE,EAAA5C,EAAA,IAAA,CAACjC,EAAAA,KAAK,SAAN,CAEE,GAAI4F,EACJ,GAAID,EACJ,GAAIpB,EACJ,SAAUO,EAAM,KACR,SACM,eACR,OACI,WACV,QAAS7E,EAAAA,qBAAqByF,EAAaG,CAAO,EAEjD,SAAAd,CACY,EAZRhC,EAAM,GAYE,EAEjB,SAAU,EACZ,CACF,CAiBA,OAhBI,OAAOkC,GAAS,SACX,CACL,MACE,EAAAhD,EAAA,IAAA,CAACjC,EAAAA,KAAK,SAAN,CAEQ,OACA,OACI,WACV,QAASC,EAAAA,qBAAqB6E,GAAO,MAAM,QAASe,CAAO,EAE1D,SAAAd,CACY,EAPRhC,EAAM,GAOE,EAEjB,SAAU,EACZ,EAEK,CACL,MACE,EAAAd,EAAA,IAAA,CAACjC,EAAAA,KAAK,KAAN,CAEQ,OACN,SAAUgF,GAAY,CAACa,EACd,UAER,SAAAd,CACQ,EANJhC,EAAM,GAMF,EAEb,SAAU8C,IAAY,IAAA,EACxB,CACF,CAMA,SAASC,EAAuB,CAC9B,UACA,SAIC,CACD,IAAMC,EAAQ5C,EAAQ,IAAIwB,CAAgB,EACpCqB,EAAaD,EAAM,KAAM,GAAS,CAACnB,EAAK,QAAQ,EAUtD,OATA5C,EAAM,cAAgB,CAChBgE,GACF9E,EAAA,SACE,2BACA,qMACF,CAEJ,EAAG,CAAC8E,CAAU,CAAC,GAGb,EAAA/D,EAAA,KAAA,CAACjC,EAAAA,KAAD,CAAA,SAAA,EACE,EAAAiC,EAAA,IAAA,CAACjC,EAAAA,KAAK,QAAN,CAAA,UACE,EAAAiC,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,aAAY8C,EACZ,UAAWtF,EAAAA,GAAGS,EAAAA,qBAAqB,eAAgBgC,EAAa,cAAc,EAE9E,UAAA,EAAAD,EAAA,IAAA,CAAC,OAAD,CAAM,cAAY,OAAO,SAAA,GAAO,CAAA,CAC1B,CAAA,CACI,CAAA,GACd,EAAAA,EAAA,IAAA,CAACjC,EAAAA,KAAK,QAAN,CAAA,SAAe+F,EAAM,IAAK,GAASnB,EAAK,IAAI,CAAgB,CAAA,CACxD,CAAA,CAAA,CAEV,CAEA,IAAMqB,GAAkB,CACtB,WACA,oBACA,gBAAgB,EAChB,WAAW,OACX,gBAAgB,aAChB,OAAO,SACP,YAAY,MACZ,UACA,YACA,YACA,UACA,MACA,GAAGvD,KACkB,CAErB,IAAMS,EAAUhD,EAAAA,gBAAgBiE,CAAQ,EAClC8B,EAAOC,IAAa,OACpBC,EAAYF,EAAO,CAAC,EAAIjD,EAAiBE,EAASD,EAAmBG,CAAa,EAGlFgD,EAAuD,CAAC,EAC9DlD,EAAQ,SAAS,EAAO,IAAU,CAC3BiD,EAAU,SAAShD,CAAK,EAElBA,IAAUgD,EAAU,IAC7BC,EAAM,KAAK,CACT,IAAKxD,EACL,MACE,EAAAZ,EAAA,IAAA,CAAC6D,EAAD,CACE,QAASM,EAAU,IAAK,GAAmBjD,EAAQmD,EAAe,EAClE,MAAOC,CACR,CAAA,CAEL,CAAC,EAVDF,EAAM,KAAKtD,CAAK,CAYpB,CAAC,EAED,IAAMyD,EAAQC,IAAc,QACtB,CAAE,kBAAmBrG,EAAAA,kBAAkB,CAC3C,aAAcwC,EACd,eAAgB4D,EAChB,QAAS,eACT,YAAa,YACf,CAAC,EACKE,EAAYrG,EAAAA,cAA2BmG,EAAQG,EAAe,IAAM,KAAMC,CAAG,EAG7EC,MACJC,GAAW,MACT,EAAA7E,EAAA,IAAA,CAAC3B,EAAAA,iBAAD,CACE,KAAMqC,EAAgBoE,EAAK,CAAC,QAC5B,iCAA+B,GAC/B,UAAWtH,EAAAA,GACTS,EAAAA,qBAAqB,QACrB,sDACF,CACD,CAAA,EACCK,EAAAA,mBAAmBuG,CAAO,EAC5BtG,EAAAA,WACEsG,EACA,OACArH,EAAAA,GAAGS,EAAAA,qBAAqB,QAAS,yDAAyD,EAC1F,CAAE,cAAe,GAAM,iCAAkC,EAAG,CAC9D,EACE,KAEA8G,GAAkB,EAAuB,EAAe,KAC5D,EAAA/E,EAAA,KAAA,CAAC,KAAD,CAAc,UAAWxC,EAAAA,GAAGS,EAAAA,qBAAqB,SAAU,yBAAyB,EAApF,SAAA,CACGkD,EAAQ,GAAKyD,EAAc,EAC3BI,CACC,CAHK,EAAAxE,CAGL,EAOAyE,EAAe/D,EAAQ,IAAIL,CAAc,CAAC,CAAC,YAAY,EAAI,EAC3DqE,EAAOjB,GACX,EAAAjE,EAAA,IAAA,CAACxB,EAAAA,SAAD,CACE,KAAK,OACL,kBAAkB,QAClB,eAAe,gBACf,gBAAiB,EAAQ,KACvB,EAAAwB,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,0BAAhB,SAAA,CACG4E,EAAc,GACf,EAAA5E,EAAA,IAAA,CAAC6D,EAAD,CACE,QAAS3C,EAAQ,OAAQ,GAAUiE,EAAU,SAASrE,EAAM,GAAG,CAAC,EAChE,MAAOwD,CACR,CAAA,CACG,IAER,UAAW9G,EAAAA,GAAGS,EAAAA,qBAAqB,KAAM,QAASyC,EAAgBoE,EAAK,CAAC,IAAI,EAE3E,SAAA5D,EAAQ,KAAK,CAAE,MAAK,QAAQ,KAC3B,EAAAlB,EAAA,IAAA,CAACvB,EAAAA,aAAD,CAAwB,QAAA,GAAQ,OAAQ+B,EAAK,OAAQW,IAAU,GAAKA,IAAU8D,EAC3E,SAAAF,EAAeC,EAAM7D,CAAK,CACf,EAFKX,CAEL,CACf,CACO,CAAA,GAEV,EAAAR,EAAA,IAAA,CAAC,KAAD,CACE,UAAWxC,EAAAA,GACTS,EAAAA,qBAAqB,KACrB,4CACAyC,EAAgBoE,EAAK,CAAC,IACxB,EAEC,SAAAV,EAAM,KAAK,CAAE,MAAK,QAAQ,IAAUW,EAAeC,EAAM7D,EAAOX,CAAG,CAAC,CACnE,CAAA,EAGN,OACE,EAAAR,EAAA,IAAA,CAAC,MAAD,CACE,aAAW,aACX,YAAW8E,EACX,kBAAiBN,EACjB,gBAAeN,EACf,GAAIzD,EACJ,IAAKgE,EACL,wBAAuBF,EAAQ,GAAK,IAAA,GACpC,UAAWA,EAAQvG,EAAAA,qBAAqBoH,EAAWV,EAAe,SAAS,EAAIU,EAC/E,QACEb,EACIvG,EAAAA,qBAAqBqH,EAASX,EAAe,QAAS,CAAE,sBAAuB,EAAM,CAAC,EACtFW,EAEN,UAAW7H,EAAAA,GAAGS,EAAAA,qBAAqB,KAAMqH,CAAS,EAEjD,SAAAJ,CACE,CAAA,CAET,EACA,EAAe,YAAc,aAe7B,SAASK,EACP,EACoD,CACpD,IAAMC,EAAS7H,EAAAA,gBAAgBmE,EAAO,GAAG,EACrC,CAAE,KAAM,IAAA,GAAW,KAAM,OAAQ,SAAU,IAAA,EAAU,EACrD,IAAA,GACJ,OAAOhE,EAAM,aAAagE,EAAsD,CAC9E,GAAG0D,EACH,gBAAiB,GACjB,SAAU,GACV,QAAS,IAAA,EACX,CAAC,CACH,CAOA,SAASC,EAAoB,CAAE,QAAO,OAAM,GAAGC,GAAuC,CACpF,IAAMC,EAASC,EAAO9H,EAAM,aAAagE,EAAO,IAAA,GAAW8D,EAAM9D,EAAM,MAAM,QAAQ,EAAIA,EACnFkD,EAAOtG,EAAAA,kBAAkBiH,EAAQD,EAAW,CAAE,cAAe,iBAAkB,CAAC,EACtF,OAAO,EAAA1F,EAAA,IAAA,CAAArB,EAAAA,SAAA,CAAA,SAAGqG,CAAO,CAAA,CACnB,CAmBA,SAASjE,EACP,EACoB,CACpB,GAAM,CACJ,OACA,UAAU,GACV,OACA,UAAU,GACV,WACA,YACA,UACA,MACA,GAAGN,GACDsB,EAKE8D,EACJD,GAAQtH,EAAAA,mBAAmBsH,CAAI,EAC3BrH,EAAAA,WAAWqH,EAAM,OAAQpI,EAAAA,GAAGoB,EAAAA,yBAAyB,KAAM,2BAA2B,EAAG,CACvF,cAAe,EACjB,CAAC,EACD,KACAkD,EAAQG,EAA+CC,EAASC,CAAQ,EACxE2D,EAAOhE,EACT,QACAN,EACE,UACAwB,IAAS,IAAA,GAEPY,EACE,SACA,OAHF,OAKFmC,EAAiB7D,GAAWJ,IAAU,KACtCkE,EAAkBvF,EAAK,WAAa,KAASqF,IAAS,QAAUA,IAAS,WAIzEG,EAAexF,EAAK,iBACpBgC,EAAeb,EAAenB,EAAMqB,CAAK,EAsB/C,GArBA/B,EAAM,cAAgB,CAChBgG,GACF9G,EAAA,SACE,0BACA,yHACF,EAEE6G,IAAS,QACX7G,EAAA,SACE,0BACA,6KACF,EAEE+G,GACF/G,EAAA,SACE,2BACA,iHACF,CAEJ,EAAG,CAAC8G,EAAgBD,EAAME,CAAe,CAAC,EAEtClE,EAAO,CACT,GAAM,CAAE,SAAUoE,EAAW,GAAGC,GAAc1F,EAGxC2F,EAAYpD,IAAS,IAAA,IAAa,CAACP,EAAe,CAAE,MAAK,EAAI,IAAA,GACnE,OACE,EAAAzC,EAAA,IAAA,CAACyF,EAAD,CACE,GAAKU,EACL,GAAIC,EACC,MACL,QAASvH,EAAAA,kBAAkB4D,EAAcmB,CAAO,EAChD,eAAcpC,EAAU,OAAS,IAAA,GACjC,UAAWhE,EAAAA,GACToB,EAAAA,yBAAyB,KACzB4C,EAAUrB,EAAsBF,EAChCqF,CACF,EACA,KAAMO,EACN,MAAOpD,EAAe8C,EAAiBzD,CAAK,EAAIA,CACjD,CAAA,CAEL,CAEA,GAAIgE,IAAS,UACX,OACE,EAAA9F,EAAA,KAAA,CAAC,OAAD,CACE,GAAIM,EAAeG,CAAI,EAClB,MACL,eAAa,OACJ,UACT,UAAWjD,EAAAA,GAAGoB,EAAAA,yBAAyB,KAAMsB,EAAgBoF,CAAS,EALxE,SAAA,CAOGO,EACA1D,CACG,IAIV,GAAI2D,IAAS,OAAQ,CACnB,GAAM,CAAE,SAAUI,EAAW,GAAGG,GAAe5F,EAC/C,OACE,EAAAT,EAAA,KAAA,CAAC,IAAD,CACE,GAAKqG,EACA,MACL,KAAM5D,EAAe,IAAA,GAAYO,EACjC,KAAMP,EAAe,OAAS4D,EAAW,KACzC,gBAAe5D,EAAe,GAAOwD,EACrC,SAAUxD,EAAe,GAAK4D,EAAW,SACzC,QAASxH,EAAAA,kBAAkB4D,EAAcmB,CAAO,EAChD,UAAWpG,EAAAA,GAAGoB,EAAAA,yBAAyB,KAAMqB,EAAaqF,CAAS,EARrE,SAAA,CAUGO,EACA1D,CACA,GAEP,CAEA,GAAI2D,IAAS,SAAU,CAErB,GAAM,CAAE,MAAK,GAAGQ,GAAe7F,EAC/B,OACE,EAAAT,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,GAAKsG,EACA,MACI,UACT,UAAW9I,EAAAA,GAAGoB,EAAAA,yBAAyB,KAAMqB,EAAaqF,CAAS,EALrE,SAAA,CAOGO,EACA1D,CACK,GAEZ,CAEA,OACE,EAAAnC,EAAA,KAAA,CAAC,OAAD,CACE,GAAIM,EAAeG,CAAI,EAClB,MACL,UAAWjD,EAAAA,GAAGoB,EAAAA,yBAAyB,KAAMwB,EAAakF,CAAS,EAHrE,SAAA,CAKGO,EACA1D,CACG,GAEV,CACA,EAAe,YAAc,iBAsB7B,IAAaoE,EAA6B,OAAO,OAAOvC,EAAgB,CACtE,KAAMjD,CACR,CAAC"}

package/dist/components/navigation/Breadcrumb.mjs

@@ -3,15 +3,22 @@ import { cn as e } from "../../lib/cn.mjs";
 import { flattenChildren as t, isElementOfType as n } from "../../lib/children.mjs";
 import { warnOnce as r } from "../../lib/dev.mjs";
 import { renderSlot as i, slotRendersContent as a } from "../../lib/slot.mjs";
-import { breadcrumbClassNames as o, breadcrumbItemClassNames as s } from "../../lib/classNames.mjs";
-import { preventIfDisabled as c } from "../../lib/aria.mjs";
-import { disabledStyles as l, focusRing as u } from "../../lib/styles.mjs";
-import { ChevronRightIcon as d } from "../../lib/icons.mjs";
-import { useTriggerElement as f } from "../../hooks/useTriggerElement.mjs";
-import * as p from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { composeEventHandlers as o } from "../../lib/composeEventHandlers.mjs";
+import { breadcrumbClassNames as s, breadcrumbItemClassNames as c } from "../../lib/classNames.mjs";
+import { partitionBreadcrumbItems as l } from "../../lib/breadcrumb.mjs";
+import { useRovingTabIndex as u } from "../../hooks/useRovingTabIndex.mjs";
+import { useMergedRefs as d } from "../../hooks/useMergedRefs.mjs";
+import { preventIfDisabled as f } from "../../lib/aria.mjs";
+import { disabledStyles as p, focusRing as m } from "../../lib/styles.mjs";
+import { ChevronRightIcon as h } from "../../lib/icons.mjs";
+import { unwrapFragment as g } from "../../lib/renderTrigger.mjs";
+import { Overflow as _, OverflowItem as v } from "../layout/Overflow.mjs";
+import { useTriggerElement as y } from "../../hooks/useTriggerElement.mjs";
+import { Menu as b } from "./Menu.mjs";
+import * as x from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/components/navigation/Breadcrumb.tsx
-var _ = e("inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline", u, l), v = "inline-flex items-center font-semibold text-foreground", y = e(v, u, l), b = "inline-flex items-center text-foreground", x = /* @__PURE__ */ new Set(["rel", ...Object.keys({
+var T = e("inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline", m, p), E = "inline-flex items-center font-semibold text-foreground", D = e(E, m, p), O = "inline-flex items-center text-foreground", k = /* @__PURE__ */ new Set(["rel", ...Object.keys({
 	disabled: !0,
 	type: !0,
 	form: !0,
@@ -29,117 +36,265 @@ var _ = e("inline-flex cursor-pointer items-center text-primary no-underline not
 	media: !0,
 	referrerPolicy: !0
 })]);
-function S(e) {
+function A(e) {
 	let t = {};
-	for (let n of Object.keys(e)) x.has(n) || (t[n] = e[n]);
+	for (let n of Object.keys(e)) k.has(n) || (t[n] = e[n]);
 	return t;
 }
-var C = ({ children: n, className: r, ref: i, ...a }) => {
-	let s = t(n);
-	return /* @__PURE__ */ h("nav", {
-		ref: i,
-		"aria-label": "Breadcrumb",
-		...a,
-		className: e(o.root, r),
-		children: /* @__PURE__ */ h("ol", {
-			className: e(o.list, "m-0 flex list-none items-center gap-1 p-0 text-body-1"),
-			children: s.map(({ key: t, node: n }, r) => /* @__PURE__ */ g("li", {
-				className: e(o.listItem, "flex items-center gap-1"),
-				children: [r > 0 && /* @__PURE__ */ h(d, {
-					"data-wave-breadcrumb-separator": "",
-					className: e(o.divider, "shrink-0 text-muted-foreground wave-rtl:-scale-x-100")
-				}), n]
-			}, t))
+var j = {
+	small: {
+		text: "text-caption-1",
+		divider: 12
+	},
+	medium: {
+		text: "text-body-1",
+		divider: 12
+	},
+	large: {
+		text: "text-body-2",
+		divider: 16
+	}
+}, M = "a[href], button, [role=\"link\"]", N = "\0overflow";
+function P(e) {
+	return n(e.node, G) && e.node.props.current === !0;
+}
+function F(e, t, n) {
+	if (t === void 0) return [];
+	let { overflowItems: r } = l({
+		items: e.map((e, t) => t),
+		maxDisplayedItems: t,
+		overflowIndex: Math.max(1, n)
+	});
+	if (!r) return [];
+	let i = e.length, a = r.length, o = e.map(P).lastIndexOf(!0), s = Math.max(1, r[0]), c = Math.min(i, s + a);
+	return o >= s && o < c && (o + 1 + a <= i ? (s = o + 1, c = s + a) : o - a >= 1 ? (s = o - a, c = o) : o - 1 >= i - o - 1 ? (s = 1, c = o) : (s = o + 1, c = Math.min(i, s + a))), Array.from({ length: Math.max(0, c - s) }, (e, t) => s + t);
+}
+function I(e, t) {
+	let n = t?.props ?? {};
+	return [
+		e.disabled,
+		e["aria-disabled"],
+		n.disabled,
+		n["aria-disabled"]
+	].some((e) => e === !0 || e === "true");
+}
+function L(e, t) {
+	if (!e) return null;
+	let n = g(t);
+	return x.isValidElement(n) ? n : null;
+}
+function R(e) {
+	return typeof e.type == "function" || typeof e.type == "object" && e.type !== null;
+}
+function z({ linkType: e, linkAs: t, linkDisabled: n, ...r }) {
+	return /* @__PURE__ */ C(e, {
+		...r,
+		...t === void 0 ? void 0 : { as: t },
+		...n === void 0 ? void 0 : { disabled: n }
+	});
+}
+function B(e) {
+	let t = e.node;
+	if (!n(t, G)) return {
+		node: null,
+		mappable: !1
+	};
+	let { href: r, icon: i, asChild: a, children: s, onClick: c } = t.props, l = L(a, s), u = l ? l.props.children : s, d = I(t.props, l), f = l?.props.href ?? r;
+	if (l && R(l)) {
+		let { children: t, className: n, style: a, ref: s, id: f, role: p, tabIndex: m, disabled: h, "aria-disabled": g, onClick: _, as: v, ...y } = l.props, x = r !== void 0 && !d ? { href: r } : void 0;
+		return {
+			node: /* @__PURE__ */ C(b.ItemLink, {
+				...x,
+				...y,
+				as: z,
+				linkType: l.type,
+				linkAs: v,
+				linkDisabled: h,
+				icon: i,
+				disabled: d,
+				onClick: o(_, c),
+				children: u
+			}, e.key),
+			mappable: !0
+		};
+	}
+	return typeof f == "string" ? {
+		node: /* @__PURE__ */ C(b.ItemLink, {
+			href: f,
+			icon: i,
+			disabled: d,
+			onClick: o(l?.props.onClick, c),
+			children: u
+		}, e.key),
+		mappable: !0
+	} : {
+		node: /* @__PURE__ */ C(b.Item, {
+			icon: i,
+			disabled: d || !c,
+			onClick: c,
+			children: u
+		}, e.key),
+		mappable: c !== void 0
+	};
+}
+function V({ entries: t, label: n }) {
+	let i = t.map(B), a = i.some((e) => !e.mappable);
+	return x.useEffect(() => {
+		a && r("Breadcrumb:overflow-item", "Breadcrumb: a hidden item cannot be listed in the overflow menu (it has no `href` or `onClick`, or is not a Breadcrumb.Item): it is shown there disabled, or left out. Give it `href` or `onClick`.");
+	}, [a]), /* @__PURE__ */ w(b, { children: [/* @__PURE__ */ C(b.Trigger, { children: /* @__PURE__ */ C("button", {
+		type: "button",
+		"aria-label": n,
+		className: e(s.overflowButton, T, "rounded px-1"),
+		children: /* @__PURE__ */ C("span", {
+			"aria-hidden": "true",
+			children: "…"
 		})
+	}) }), /* @__PURE__ */ C(b.Popover, { children: i.map((e) => e.node) })] });
+}
+var H = ({ children: n, maxDisplayedItems: r, overflowIndex: c = 1, overflow: l = "none", overflowLabel: f = "More items", size: p = "medium", focusMode: m = "tab", divider: g, className: y, onKeyDown: b, onFocus: x, ref: S, ...T }) => {
+	let E = t(n), D = l === "auto", O = D ? [] : F(E, r, c), k = [];
+	E.forEach((e, t) => {
+		O.includes(t) ? t === O[0] && k.push({
+			key: N,
+			node: /* @__PURE__ */ C(V, {
+				entries: O.map((e) => E[e]),
+				label: f
+			})
+		}) : k.push(e);
+	});
+	let A = m === "arrow", { containerProps: I } = u({
+		itemSelector: M,
+		manageTabIndex: A,
+		tabStop: "last-focused",
+		orientation: "horizontal"
+	}), L = d(A ? I.ref : null, S), R = () => g == null ? /* @__PURE__ */ C(h, {
+		size: j[p].divider,
+		"data-wave-breadcrumb-separator": "",
+		className: e(s.divider, "shrink-0 text-muted-foreground wave-rtl:-scale-x-100")
+	}) : a(g) ? i(g, "span", e(s.divider, "inline-flex shrink-0 items-center text-muted-foreground"), {
+		"aria-hidden": !0,
+		"data-wave-breadcrumb-separator": ""
+	}) : null, z = (t, n, r) => /* @__PURE__ */ w("li", {
+		className: e(s.listItem, "flex items-center gap-1"),
+		children: [n > 0 && R(), t]
+	}, r), B = E.map(P).lastIndexOf(!0), H = D ? /* @__PURE__ */ C(_, {
+		role: "list",
+		overflowDirection: "start",
+		buttonPosition: "before-hidden",
+		overflowButton: (e, t) => /* @__PURE__ */ w("span", {
+			className: "flex items-center gap-1",
+			children: [R(), /* @__PURE__ */ C(V, {
+				entries: E.filter((e) => t.includes(e.key)),
+				label: f
+			})]
+		}),
+		className: e(s.list, "gap-1", j[p].text),
+		children: E.map(({ key: e, node: t }, n) => /* @__PURE__ */ C(v, {
+			asChild: !0,
+			itemId: e,
+			pinned: n === 0 || n === B,
+			children: z(t, n)
+		}, e))
+	}) : /* @__PURE__ */ C("ol", {
+		className: e(s.list, "m-0 flex list-none items-center gap-1 p-0", j[p].text),
+		children: k.map(({ key: e, node: t }, n) => z(t, n, e))
+	});
+	return /* @__PURE__ */ C("nav", {
+		"aria-label": "Breadcrumb",
+		"data-size": p,
+		"data-focus-mode": m,
+		"data-overflow": l,
+		...T,
+		ref: L,
+		"data-roving-container": A ? "" : void 0,
+		onKeyDown: A ? o(b, I.onKeyDown) : b,
+		onFocus: A ? o(x, I.onFocus, { checkDefaultPrevented: !1 }) : x,
+		className: e(s.root, y),
+		children: H
 	});
 };
-C.displayName = "Breadcrumb";
-function w(e) {
+H.displayName = "Breadcrumb";
+function U(e) {
 	let t = n(e, "a") ? {
 		href: void 0,
 		role: "link",
 		disabled: void 0
 	} : void 0;
-	return p.cloneElement(e, {
+	return x.cloneElement(e, {
 		...t,
 		"aria-disabled": !0,
 		tabIndex: -1,
 		onClick: void 0
 	});
 }
-function T({ child: e, icon: t, ...n }) {
-	let r = t ? p.cloneElement(e, void 0, t, e.props.children) : e, i = f(r, n, { componentName: "Breadcrumb.Item" });
-	return /* @__PURE__ */ h(m, { children: i });
+function W({ child: e, icon: t, ...n }) {
+	let r = t ? x.cloneElement(e, void 0, t, e.props.children) : e, i = y(r, n, { componentName: "Breadcrumb.Item" });
+	return /* @__PURE__ */ C(S, { children: i });
 }
-function E(t) {
-	let { href: n, current: o = !1, icon: l, asChild: u = !1, children: d, className: f, onClick: m, ref: x, ...C } = t, E = l && a(l) ? i(l, "span", e(s.icon, "me-1 inline-flex shrink-0"), { "aria-hidden": !0 }) : null, D = u && p.isValidElement(d) ? d : null, O = D ? "child" : o ? "current" : n === void 0 ? m ? "button" : "text" : "link", k = u && D === null, A = C.disabled === !0 && (O === "text" || O === "current"), j = C["aria-disabled"], M = D?.props ?? {}, N = [
-		C.disabled,
-		j,
-		M.disabled,
-		M["aria-disabled"]
-	].some((e) => e === !0 || e === "true");
-	if (p.useEffect(() => {
-		k && r("Breadcrumb.Item:asChild", "Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead."), O === "text" && r("Breadcrumb.Item:no-href", "Breadcrumb.Item: a non-current item without `href` or `onClick` renders as plain text, not a link. Pass `href` (or `onClick`, which renders a button) to make it navigable."), A && r("Breadcrumb.Item:disabled", "Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.");
+function G(t) {
+	let { href: n, current: o = !1, icon: s, asChild: l = !1, children: u, className: d, onClick: p, ref: m, ...h } = t, g = s && a(s) ? i(s, "span", e(c.icon, "me-1 inline-flex shrink-0"), { "aria-hidden": !0 }) : null, _ = L(l, u), v = _ ? "child" : o ? "current" : n === void 0 ? p ? "button" : "text" : "link", y = l && _ === null, b = h.disabled === !0 && (v === "text" || v === "current"), S = h["aria-disabled"], k = I(h, _);
+	if (x.useEffect(() => {
+		y && r("Breadcrumb.Item:asChild", "Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead."), v === "text" && r("Breadcrumb.Item:no-href", "Breadcrumb.Item: a non-current item without `href` or `onClick` renders as plain text, not a link. Pass `href` (or `onClick`, which renders a button) to make it navigable."), b && r("Breadcrumb.Item:disabled", "Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.");
 	}, [
-		k,
-		O,
-		A
-	]), D) {
-		let { disabled: t, ...r } = C, i = n !== void 0 && !N ? { href: n } : void 0;
-		return /* @__PURE__ */ h(T, {
+		y,
+		v,
+		b
+	]), _) {
+		let { disabled: t, ...r } = h, i = n !== void 0 && !k ? { href: n } : void 0;
+		return /* @__PURE__ */ C(W, {
 			...r,
 			...i,
-			ref: x,
-			onClick: c(N, m),
+			ref: m,
+			onClick: f(k, p),
 			"aria-current": o ? "page" : void 0,
-			className: e(s.root, o ? y : _, f),
-			icon: E,
-			child: N ? w(D) : D
+			className: e(c.root, o ? D : T, d),
+			icon: g,
+			child: k ? U(_) : _
 		});
 	}
-	if (O === "current") return /* @__PURE__ */ g("span", {
-		...S(C),
-		ref: x,
+	if (v === "current") return /* @__PURE__ */ w("span", {
+		...A(h),
+		ref: m,
 		"aria-current": "page",
-		onClick: m,
-		className: e(s.root, v, f),
-		children: [E, d]
+		onClick: p,
+		className: e(c.root, E, d),
+		children: [g, u]
 	});
-	if (O === "link") {
-		let { disabled: t, ...r } = C;
-		return /* @__PURE__ */ g("a", {
+	if (v === "link") {
+		let { disabled: t, ...r } = h;
+		return /* @__PURE__ */ w("a", {
 			...r,
-			ref: x,
-			href: N ? void 0 : n,
-			role: N ? "link" : r.role,
-			"aria-disabled": N ? !0 : j,
-			tabIndex: N ? -1 : r.tabIndex,
-			onClick: c(N, m),
-			className: e(s.root, _, f),
-			children: [E, d]
+			ref: m,
+			href: k ? void 0 : n,
+			role: k ? "link" : r.role,
+			"aria-disabled": k ? !0 : S,
+			tabIndex: k ? -1 : r.tabIndex,
+			onClick: f(k, p),
+			className: e(c.root, T, d),
+			children: [g, u]
 		});
 	}
-	if (O === "button") {
-		let { rel: t, ...n } = C;
-		return /* @__PURE__ */ g("button", {
+	if (v === "button") {
+		let { rel: t, ...n } = h;
+		return /* @__PURE__ */ w("button", {
 			type: "button",
 			...n,
-			ref: x,
-			onClick: m,
-			className: e(s.root, _, f),
-			children: [E, d]
+			ref: m,
+			onClick: p,
+			className: e(c.root, T, d),
+			children: [g, u]
 		});
 	}
-	return /* @__PURE__ */ g("span", {
-		...S(C),
-		ref: x,
-		className: e(s.root, b, f),
-		children: [E, d]
+	return /* @__PURE__ */ w("span", {
+		...A(h),
+		ref: m,
+		className: e(c.root, O, d),
+		children: [g, u]
 	});
 }
-E.displayName = "BreadcrumbItem";
-var D = /* @__PURE__ */ Object.assign(C, { Item: E });
+G.displayName = "BreadcrumbItem";
+var K = /* @__PURE__ */ Object.assign(H, { Item: G });
 //#endregion
-export { D as Breadcrumb, E as BreadcrumbItem };
+export { K as Breadcrumb, G as BreadcrumbItem };
 
 //# sourceMappingURL=Breadcrumb.mjs.map