@mortenbrudvik/waveui 0.7.0 → 0.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":["cn","focusRing","disabledStyles","flattenChildren","ChevronRightIcon","isElementOfType","React","useTriggerElement","_Fragment","slotRendersContent","renderSlot","preventIfDisabled","require_runtime","require_cn","require_children","require_dev","require_slot","require_aria","require_styles","require_icons","require_useTriggerElement","react","react_jsx_runtime","linkClasses","currentClasses","currentChildClasses","textClasses","controlOnlyAttributes","spanAttributes","attributes","key","rest","BreadcrumbRoot","items","children","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","className","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 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 ref={ref} aria-label=\"Breadcrumb\" {...rest} className={className}>\n      <ol className=\"m-0 flex list-none items-center gap-1 p-0 text-body-1\">\n        {items.map(({ key, node: child }, index) => (\n          <li key={key} className=\"flex items-center gap-1\">\n            {index > 0 && (\n              <ChevronRightIcon\n                data-wave-breadcrumb-separator=\"\"\n                className=\"shrink-0 text-muted-foreground wave-rtl:-scale-x-100\"\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', 'me-1 inline-flex shrink-0', { 'aria-hidden': true })\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(current ? currentChildClasses : linkClasses, className)}\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(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(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(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(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","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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"}

package/dist/components/navigation/Breadcrumb.mjs

@@ -3,14 +3,15 @@ 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 { preventIfDisabled as o } from "../../lib/aria.mjs";
-import { disabledStyles as s, focusRing as c } from "../../lib/styles.mjs";
-import { ChevronRightIcon as l } from "../../lib/icons.mjs";
-import { useTriggerElement as u } from "../../hooks/useTriggerElement.mjs";
-import * as d from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+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";
 //#region src/components/navigation/Breadcrumb.tsx
-var h = e("inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline", c, s), g = "inline-flex items-center font-semibold text-foreground", _ = e(g, c, s), v = "inline-flex items-center text-foreground", y = /* @__PURE__ */ new Set(["rel", ...Object.keys({
+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({
 	disabled: !0,
 	type: !0,
 	form: !0,
@@ -28,117 +29,117 @@ var h = e("inline-flex cursor-pointer items-center text-primary no-underline not
 	media: !0,
 	referrerPolicy: !0
 })]);
-function b(e) {
+function S(e) {
 	let t = {};
-	for (let n of Object.keys(e)) y.has(n) || (t[n] = e[n]);
+	for (let n of Object.keys(e)) x.has(n) || (t[n] = e[n]);
 	return t;
 }
-var x = ({ children: e, className: n, ref: r, ...i }) => {
-	let a = t(e);
-	return /* @__PURE__ */ p("nav", {
-		ref: r,
+var C = ({ children: n, className: r, ref: i, ...a }) => {
+	let s = t(n);
+	return /* @__PURE__ */ h("nav", {
+		ref: i,
 		"aria-label": "Breadcrumb",
-		...i,
-		className: n,
-		children: /* @__PURE__ */ p("ol", {
-			className: "m-0 flex list-none items-center gap-1 p-0 text-body-1",
-			children: a.map(({ key: e, node: t }, n) => /* @__PURE__ */ m("li", {
-				className: "flex items-center gap-1",
-				children: [n > 0 && /* @__PURE__ */ p(l, {
+		...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: "shrink-0 text-muted-foreground wave-rtl:-scale-x-100"
-				}), t]
-			}, e))
+					className: e(o.divider, "shrink-0 text-muted-foreground wave-rtl:-scale-x-100")
+				}), n]
+			}, t))
 		})
 	});
 };
-x.displayName = "Breadcrumb";
-function S(e) {
+C.displayName = "Breadcrumb";
+function w(e) {
 	let t = n(e, "a") ? {
 		href: void 0,
 		role: "link",
 		disabled: void 0
 	} : void 0;
-	return d.cloneElement(e, {
+	return p.cloneElement(e, {
 		...t,
 		"aria-disabled": !0,
 		tabIndex: -1,
 		onClick: void 0
 	});
 }
-function C({ child: e, icon: t, ...n }) {
-	let r = t ? d.cloneElement(e, void 0, t, e.props.children) : e, i = u(r, n, { componentName: "Breadcrumb.Item" });
-	return /* @__PURE__ */ p(f, { children: i });
+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(t) {
-	let { href: n, current: s = !1, icon: c, asChild: l = !1, children: u, className: f, onClick: y, ref: x, ...w } = t, T = c && a(c) ? i(c, "span", "me-1 inline-flex shrink-0", { "aria-hidden": !0 }) : null, E = l && d.isValidElement(u) ? u : null, D = E ? "child" : s ? "current" : n === void 0 ? y ? "button" : "text" : "link", O = l && E === null, k = w.disabled === !0 && (D === "text" || D === "current"), A = w["aria-disabled"], j = E?.props ?? {}, M = [
-		w.disabled,
-		A,
-		j.disabled,
-		j["aria-disabled"]
+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 (d.useEffect(() => {
-		O && r("Breadcrumb.Item:asChild", "Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead."), D === "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."), k && r("Breadcrumb.Item:disabled", "Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.");
+	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.");
 	}, [
+		k,
 		O,
-		D,
-		k
-	]), E) {
-		let { disabled: t, ...r } = w, i = n !== void 0 && !M ? { href: n } : void 0;
-		return /* @__PURE__ */ p(C, {
+		A
+	]), D) {
+		let { disabled: t, ...r } = C, i = n !== void 0 && !N ? { href: n } : void 0;
+		return /* @__PURE__ */ h(T, {
 			...r,
 			...i,
 			ref: x,
-			onClick: o(M, y),
-			"aria-current": s ? "page" : void 0,
-			className: e(s ? _ : h, f),
-			icon: T,
-			child: M ? S(E) : E
+			onClick: c(N, m),
+			"aria-current": o ? "page" : void 0,
+			className: e(s.root, o ? y : _, f),
+			icon: E,
+			child: N ? w(D) : D
 		});
 	}
-	if (D === "current") return /* @__PURE__ */ m("span", {
-		...b(w),
+	if (O === "current") return /* @__PURE__ */ g("span", {
+		...S(C),
 		ref: x,
 		"aria-current": "page",
-		onClick: y,
-		className: e(g, f),
-		children: [T, u]
+		onClick: m,
+		className: e(s.root, v, f),
+		children: [E, d]
 	});
-	if (D === "link") {
-		let { disabled: t, ...r } = w;
-		return /* @__PURE__ */ m("a", {
+	if (O === "link") {
+		let { disabled: t, ...r } = C;
+		return /* @__PURE__ */ g("a", {
 			...r,
 			ref: x,
-			href: M ? void 0 : n,
-			role: M ? "link" : r.role,
-			"aria-disabled": M ? !0 : A,
-			tabIndex: M ? -1 : r.tabIndex,
-			onClick: o(M, y),
-			className: e(h, f),
-			children: [T, u]
+			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]
 		});
 	}
-	if (D === "button") {
-		let { rel: t, ...n } = w;
-		return /* @__PURE__ */ m("button", {
+	if (O === "button") {
+		let { rel: t, ...n } = C;
+		return /* @__PURE__ */ g("button", {
 			type: "button",
 			...n,
 			ref: x,
-			onClick: y,
-			className: e(h, f),
-			children: [T, u]
+			onClick: m,
+			className: e(s.root, _, f),
+			children: [E, d]
 		});
 	}
-	return /* @__PURE__ */ m("span", {
-		...b(w),
+	return /* @__PURE__ */ g("span", {
+		...S(C),
 		ref: x,
-		className: e(v, f),
-		children: [T, u]
+		className: e(s.root, b, f),
+		children: [E, d]
 	});
 }
-w.displayName = "BreadcrumbItem";
-var T = /* @__PURE__ */ Object.assign(x, { Item: w });
+E.displayName = "BreadcrumbItem";
+var D = /* @__PURE__ */ Object.assign(C, { Item: E });
 //#endregion
-export { T as Breadcrumb, w as BreadcrumbItem };
+export { D as Breadcrumb, E as BreadcrumbItem };
 
 //# sourceMappingURL=Breadcrumb.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.mjs","names":["_Fragment","React","linkClasses","cn","focusRing","disabledStyles","currentClasses","currentChildClasses","textClasses","controlOnlyAttributes","spanAttributes","attributes","key","rest","BreadcrumbRoot","items","flattenChildren","children","child","index","ChevronRightIcon","disableLinkChild","anchor","isElementOfType","BreadcrumbItemChild","itemProps","target","icon","node","useTriggerElement","Fragment","BreadcrumbItem","props","renderedIcon","slotRendersContent","renderSlot","asChild","kind","current","href","onClick","invalidAsChild","ignoredDisabled","ariaDisabled","childProps","linkDisabled","value","warnOnce","_disabled","childRest","childHref","preventIfDisabled","className","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 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 ref={ref} aria-label=\"Breadcrumb\" {...rest} className={className}>\n      <ol className=\"m-0 flex list-none items-center gap-1 p-0 text-body-1\">\n        {items.map(({ key, node: child }, index) => (\n          <li key={key} className=\"flex items-center gap-1\">\n            {index > 0 && (\n              <ChevronRightIcon\n                data-wave-breadcrumb-separator=\"\"\n                className=\"shrink-0 text-muted-foreground wave-rtl:-scale-x-100\"\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', 'me-1 inline-flex shrink-0', { 'aria-hidden': true })\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(current ? currentChildClasses : linkClasses, className)}\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(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(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(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(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.mjs","names":["_Fragment","React","linkClasses","cn","focusRing","disabledStyles","currentClasses","currentChildClasses","textClasses","controlOnlyAttributes","spanAttributes","attributes","key","rest","BreadcrumbRoot","items","flattenChildren","children","breadcrumbClassNames","className","child","index","ChevronRightIcon","disableLinkChild","anchor","isElementOfType","BreadcrumbItemChild","itemProps","target","icon","node","useTriggerElement","Fragment","BreadcrumbItem","props","renderedIcon","slotRendersContent","renderSlot","breadcrumbItemClassNames","asChild","kind","current","href","onClick","invalidAsChild","ignoredDisabled","ariaDisabled","childProps","linkDisabled","value","warnOnce","_disabled","childRest","childHref","preventIfDisabled","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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"}

package/dist/components/navigation/Menu.group.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("../../hooks/useId.cjs"),a=require("./Menu.items.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=o.createContext(null);c.displayName=`MenuGroupContext`;var l={headerId:``,headerProps:void 0,labelled:!0};function u(e){return o.useContext(c)||(r.reportMissingContext(e,`Menu.Group`),l)}var d=({children:e,ref:t,...r})=>{let a=i.useId(`menu-group-header`),l=n.flattenChildren(e).find(({node:e})=>n.isElementOfType(e,f))?.node,u=l?.props,d=u?.id||a,p=r[`aria-label`]!==void 0||r[`aria-labelledby`]!==void 0,m=l!==void 0||p,h=p?r[`aria-labelledby`]:l===void 0?void 0:d,g=o.useMemo(()=>({headerId:d,headerProps:u,labelled:m}),[d,u,m]);return(0,s.jsx)(c.Provider,{value:g,children:(0,s.jsx)(`div`,{role:`group`,...r,ref:t,"aria-labelledby":h,children:e})})};d.displayName=`MenuGroup`;var f=e=>{let{id:n,className:i,children:c,ref:l,...d}=e,f=u(`Menu.GroupHeader`),p=f.headerProps===e,m=null;return!p&&f.headerProps!==void 0?m=`extra-header`:!p&&!f.labelled&&(m=`unlabelled`),o.useEffect(()=>{m===`unlabelled`?r.warnOnce(`Menu.GroupHeader:unlabelled`,`Menu.GroupHeader: this header is not a direct child of Menu.Group (or of a Fragment in it), so it does not label the group. Make it a direct child, or pass aria-label to Menu.Group.`):m===`extra-header`&&r.warnOnce(`Menu.GroupHeader:extra-header`,`Menu.GroupHeader: this Menu.Group already has a header (its first direct child header), so this one does not label the group. Give a group one header, or put this one in a Menu.Group of its own.`)},[m]),(0,s.jsxs)(`div`,{...d,ref:l,id:(p?f.headerId:n)||void 0,className:t.cn(`flex items-center gap-2 px-3 pb-1 pt-2 text-caption-1 font-semibold text-muted-foreground`,i),children:[(0,s.jsx)(a.MenuColumnSpacers,{}),c]})};f.displayName=`MenuGroupHeader`,exports.MenuGroup=d,exports.MenuGroupHeader=f;
+"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/classNames.cjs"),a=require("../../hooks/useId.cjs"),o=require("./Menu.items.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=s.createContext(null);l.displayName=`MenuGroupContext`;var u={headerId:``,headerProps:void 0,labelled:!0};function d(e){return s.useContext(l)||(r.reportMissingContext(e,`Menu.Group`),u)}var f=({children:e,className:r,ref:o,...u})=>{let d=a.useId(`menu-group-header`),f=n.flattenChildren(e).find(({node:e})=>n.isElementOfType(e,p))?.node,m=f?.props,h=m?.id||d,g=u[`aria-label`]!==void 0||u[`aria-labelledby`]!==void 0,_=f!==void 0||g,v=g?u[`aria-labelledby`]:f===void 0?void 0:h,y=s.useMemo(()=>({headerId:h,headerProps:m,labelled:_}),[h,m,_]);return(0,c.jsx)(l.Provider,{value:y,children:(0,c.jsx)(`div`,{role:`group`,...u,ref:o,"aria-labelledby":v,className:t.cn(i.menuGroupClassNames.root,r),children:e})})};f.displayName=`MenuGroup`;var p=e=>{let{id:n,className:a,children:l,ref:u,...f}=e,p=d(`Menu.GroupHeader`),m=p.headerProps===e,h=null;return!m&&p.headerProps!==void 0?h=`extra-header`:!m&&!p.labelled&&(h=`unlabelled`),s.useEffect(()=>{h===`unlabelled`?r.warnOnce(`Menu.GroupHeader:unlabelled`,`Menu.GroupHeader: this header is not a direct child of Menu.Group (or of a Fragment in it), so it does not label the group. Make it a direct child, or pass aria-label to Menu.Group.`):h===`extra-header`&&r.warnOnce(`Menu.GroupHeader:extra-header`,`Menu.GroupHeader: this Menu.Group already has a header (its first direct child header), so this one does not label the group. Give a group one header, or put this one in a Menu.Group of its own.`)},[h]),(0,c.jsxs)(`div`,{...f,ref:u,id:(m?p.headerId:n)||void 0,className:t.cn(i.menuGroupHeaderClassNames.root,`flex items-center gap-2 px-3 pb-1 pt-2 text-caption-1 font-semibold text-muted-foreground`,a),children:[(0,c.jsx)(o.MenuColumnSpacers,{}),l]})};p.displayName=`MenuGroupHeader`,exports.MenuGroup=f,exports.MenuGroupHeader=p;
 //# sourceMappingURL=Menu.group.cjs.map

package/dist/components/navigation/Menu.group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.group.cjs","names":["React","useId","flattenChildren","isElementOfType","cn","MenuColumnSpacers","require_runtime","require_cn","require_children","require_dev","require_useId","require_Menu_items","react","react_jsx_runtime","MenuGroupContext","INERT_GROUP_CONTEXT","useMenuGroupContext","componentName","MenuGroup","rest","generatedId","header","children","node","MenuGroupHeader","headerProps","headerId","ownName","labelled","labelledBy","context","props","group","scanned","problem","id","className"],"sources":["../../../src/components/navigation/Menu.group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { reportMissingContext, warnOnce } from '../../lib/dev';\nimport { useId } from '../../hooks/useId';\nimport { MenuColumnSpacers } from './Menu.items';\n\n/** Properties for the MenuGroup sub-component. */\nexport interface MenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the `role=\"group\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the MenuGroupHeader sub-component. */\nexport interface MenuGroupHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the header element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface MenuGroupContextValue {\n  /** The id the group's header renders (its own `id`, else a generated one). */\n  headerId: string;\n  /**\n   * The props object of the header the group's scan found (the first one among its direct\n   * children or Fragments), or `undefined`. React renders an element with that same object, so\n   * the header whose props are these is the scanned one: only it renders `headerId`.\n   */\n  headerProps: MenuGroupHeaderProps | undefined;\n  /**\n   * Whether the group has a name: a header among its direct children (or Fragments), or the\n   * consumer's `aria-label`/`aria-labelledby`. A header the scan did not find, in a group whose\n   * scan found none, warns only without.\n   */\n  labelled: boolean;\n}\n\nconst MenuGroupContext = React.createContext<MenuGroupContextValue | null>(null);\nMenuGroupContext.displayName = 'MenuGroupContext';\n\n/** What a misplaced header renders with in production (C-CONTEXT): its own id only, no warning. */\nconst INERT_GROUP_CONTEXT: MenuGroupContextValue = {\n  headerId: '',\n  headerProps: undefined,\n  labelled: true,\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useMenuGroupContext(componentName: string): MenuGroupContextValue {\n  const context = React.useContext(MenuGroupContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Menu.Group');\n  return INERT_GROUP_CONTEXT;\n}\n\n/**\n * A labelled group of menu items (`role=\"group\"`), for example the radio items of one choice.\n * Labelled by its `Menu.GroupHeader` when the header is a direct child (or inside a Fragment; a\n * header written in a Server Component counts too); a header nested deeper does not label it\n * (development warning). Pass `aria-label` for a group without a visible header; a consumer\n * `aria-label` or `aria-labelledby` wins over the header (one that holds `undefined` does not).\n * Give a group one header: only the first header among its direct children labels it, and any\n * other header renders only its own `id` (development warning). The group changes nothing about\n * the keyboard: its items stay items of the menu. Separate groups with `Menu.Divider`.\n *\n * Also exported as `MenuGroup` (import the flat name from React Server Components).\n */\nexport const MenuGroup = ({ children, ref, ...rest }: MenuGroupProps) => {\n  const generatedId = useId('menu-group-header');\n  // A static scan, so the reference is in the server HTML and never points at a missing id.\n  const header = flattenChildren(children).find(({ node }) =>\n    isElementOfType<MenuGroupHeaderProps>(node, MenuGroupHeader),\n  )?.node as React.ReactElement<MenuGroupHeaderProps> | undefined;\n  const headerProps = header?.props;\n  const headerId = headerProps?.id || generatedId;\n  // A prop that holds `undefined` (a wrapper forwarding it) is no name of the consumer's.\n  const ownName = rest['aria-label'] !== undefined || rest['aria-labelledby'] !== undefined;\n  const labelled = header !== undefined || ownName;\n  // Written after the spread, so a forwarded `aria-labelledby={undefined}` cannot remove it.\n  const labelledBy = ownName\n    ? rest['aria-labelledby']\n    : header !== undefined\n      ? headerId\n      : undefined;\n\n  const context = React.useMemo<MenuGroupContextValue>(\n    () => ({ headerId, headerProps, labelled }),\n    [headerId, headerProps, labelled],\n  );\n\n  return (\n    <MenuGroupContext.Provider value={context}>\n      <div role=\"group\" {...rest} ref={ref} aria-labelledby={labelledBy}>\n        {children}\n      </div>\n    </MenuGroupContext.Provider>\n  );\n};\nMenuGroup.displayName = 'MenuGroup';\n\n/**\n * The visible heading of a `Menu.Group`. It is not a menu item: arrow keys and typeahead skip it.\n * Its text lines up with the item labels (it keeps the menu's check and icon columns). It labels\n * the group when it is the group's first header among its direct children (or inside a Fragment\n * there); any other header labels nothing and renders only its own `id` (development warning).\n * Must be used inside `Menu.Group`.\n *\n * Also exported as `MenuGroupHeader` (import the flat name from React Server Components).\n */\nexport const MenuGroupHeader = (props: MenuGroupHeaderProps) => {\n  const { id, className, children, ref, ...rest } = props;\n  const group = useMenuGroupContext('Menu.GroupHeader');\n\n  // The header the group's scan found is the one rendered with the scanned element's props object.\n  // Only it renders the id the group points at: any other header (inside a custom component or an\n  // element, or a second one) keeps only its own id, so no two headers share one. This relies on\n  // React passing an element's own props object to its component (the client, Fizz, a lazy client\n  // reference and `Children.toArray` clones all do in React 19, though React does not document it).\n  // If a React upgrade breaks it, the scanned header loses its id: Menu.group.test.tsx's \"the header\n  // its scan found keeps labelling the group in StrictMode, after a re-render and as a Server\n  // Component reference\" and the server-HTML dangling-reference test fail.\n  const scanned = group.headerProps === props;\n  // C-DEV: any other header labels nothing and warns, except in a group that has no header its\n  // scan found and is named by the consumer's label (that label is the unlabelled warning's remedy).\n  let problem: 'unlabelled' | 'extra-header' | null = null;\n  if (!scanned && group.headerProps !== undefined) problem = 'extra-header';\n  else if (!scanned && !group.labelled) problem = 'unlabelled';\n  React.useEffect(() => {\n    if (problem === 'unlabelled') {\n      warnOnce(\n        'Menu.GroupHeader:unlabelled',\n        'Menu.GroupHeader: this header is not a direct child of Menu.Group (or of a Fragment in it), so it does not label the group. Make it a direct child, or pass aria-label to Menu.Group.',\n      );\n    } else if (problem === 'extra-header') {\n      warnOnce(\n        'Menu.GroupHeader:extra-header',\n        'Menu.GroupHeader: this Menu.Group already has a header (its first direct child header), so this one does not label the group. Give a group one header, or put this one in a Menu.Group of its own.',\n      );\n    }\n  }, [problem]);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      id={(scanned ? group.headerId : id) || undefined}\n      className={cn(\n        'flex items-center gap-2 px-3 pb-1 pt-2 text-caption-1 font-semibold text-muted-foreground',\n        className,\n      )}\n    >\n      <MenuColumnSpacers />\n      {children}\n    </div>\n  );\n};\nMenuGroupHeader.displayName = 'MenuGroupHeader';\n"],"mappings":"kTAoCA,IAAMc,EAAmBd,EAAM,cAA4C,IAAI,EAC/E,EAAiB,YAAc,mBAG/B,IAAMe,EAA6C,CACjD,SAAU,GACV,YAAa,IAAA,GACb,SAAU,EACZ,EAGA,SAASC,EAAoB,EAA8C,CAIzE,OAHgBhB,EAAM,WAAWc,CAC7B,IACJL,EAAA,qBAAqBQ,EAAe,YAAY,EACzCF,EACT,CAcA,IAAaG,GAAa,CAAE,WAAU,MAAK,GAAGC,KAA2B,CACvE,IAAMC,EAAcnB,EAAAA,MAAM,mBAAmB,EAEvCoB,EAASnB,EAAAA,gBAAgBoB,CAAQ,CAAC,CAAC,MAAM,CAAE,UAC/CnB,EAAAA,gBAAsCoB,EAAMC,CAAe,CAC7D,CAAC,EAAE,KACGC,EAAcJ,GAAQ,MACtBK,EAAWD,GAAa,IAAML,EAE9BO,EAAUR,EAAK,gBAAkB,IAAA,IAAaA,EAAK,qBAAuB,IAAA,GAC1ES,EAAWP,IAAW,IAAA,IAAaM,EAEnCE,EAAaF,EACfR,EAAK,mBACLE,IAAW,IAAA,GAET,IAAA,GADAK,EAGAI,EAAU9B,EAAM,aACb,CAAE,WAAU,cAAa,UAAS,GACzC,CAAC0B,EAAUD,EAAaG,CAAQ,CAClC,EAEA,OACE,EAAAf,EAAA,IAAA,CAACC,EAAiB,SAAlB,CAA2B,MAAOgB,EAChC,UAAA,EAAAjB,EAAA,IAAA,CAAC,MAAD,CAAK,KAAK,QAAQ,GAAIM,EAAW,MAAK,kBAAiBU,EACpD,UACE,CAAA,CACoB,CAAA,CAE/B,EACA,EAAU,YAAc,YAWxB,IAAaL,EAAmB,GAAgC,CAC9D,GAAM,CAAE,KAAI,YAAW,WAAU,MAAK,GAAGL,GAASY,EAC5CC,EAAQhB,EAAoB,kBAAkB,EAU9CiB,EAAUD,EAAM,cAAgBD,EAGlCG,EAAgD,KAiBpD,MAhBI,CAACD,GAAWD,EAAM,cAAgB,IAAA,GAAW,EAAU,eAClD,CAACC,GAAW,CAACD,EAAM,WAAU,EAAU,cAChDpB,EAAM,cAAgB,CAChBsB,IAAY,aACdzB,EAAA,SACE,8BACA,uLACF,EACSyB,IAAY,gBACrBzB,EAAA,SACE,gCACA,oMACF,CAEJ,EAAG,CAACyB,CAAO,CAAC,GAGV,EAAArB,EAAA,KAAA,CAAC,MAAD,CACE,GAAIM,EACC,MACL,IAAKc,EAAUD,EAAM,SAAWG,IAAO,IAAA,GACvC,UAAW/B,EAAAA,GACT,4FACAgC,CACF,EAPF,SAAA,EASE,EAAAvB,EAAA,IAAA,CAACR,EAAAA,kBAAD,CAAoB,CAAA,EACnBiB,CACE,GAET,EACA,EAAgB,YAAc"}
+{"version":3,"file":"Menu.group.cjs","names":["React","useId","flattenChildren","isElementOfType","cn","menuGroupClassNames","menuGroupHeaderClassNames","MenuColumnSpacers","require_runtime","require_cn","require_children","require_dev","require_classNames","require_useId","require_Menu_items","react","react_jsx_runtime","MenuGroupContext","INERT_GROUP_CONTEXT","useMenuGroupContext","componentName","MenuGroup","rest","generatedId","header","children","node","MenuGroupHeader","headerProps","headerId","ownName","labelled","labelledBy","context","className","props","group","scanned","problem","id"],"sources":["../../../src/components/navigation/Menu.group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { menuGroupClassNames, menuGroupHeaderClassNames } from '../../lib/classNames';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { reportMissingContext, warnOnce } from '../../lib/dev';\nimport { useId } from '../../hooks/useId';\nimport { MenuColumnSpacers } from './Menu.items';\n\n/** Properties for the MenuGroup sub-component. */\nexport interface MenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the `role=\"group\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the MenuGroupHeader sub-component. */\nexport interface MenuGroupHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the header element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface MenuGroupContextValue {\n  /** The id the group's header renders (its own `id`, else a generated one). */\n  headerId: string;\n  /**\n   * The props object of the header the group's scan found (the first one among its direct\n   * children or Fragments), or `undefined`. React renders an element with that same object, so\n   * the header whose props are these is the scanned one: only it renders `headerId`.\n   */\n  headerProps: MenuGroupHeaderProps | undefined;\n  /**\n   * Whether the group has a name: a header among its direct children (or Fragments), or the\n   * consumer's `aria-label`/`aria-labelledby`. A header the scan did not find, in a group whose\n   * scan found none, warns only without.\n   */\n  labelled: boolean;\n}\n\nconst MenuGroupContext = React.createContext<MenuGroupContextValue | null>(null);\nMenuGroupContext.displayName = 'MenuGroupContext';\n\n/** What a misplaced header renders with in production (C-CONTEXT): its own id only, no warning. */\nconst INERT_GROUP_CONTEXT: MenuGroupContextValue = {\n  headerId: '',\n  headerProps: undefined,\n  labelled: true,\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useMenuGroupContext(componentName: string): MenuGroupContextValue {\n  const context = React.useContext(MenuGroupContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Menu.Group');\n  return INERT_GROUP_CONTEXT;\n}\n\n/**\n * A labelled group of menu items (`role=\"group\"`), for example the radio items of one choice.\n * Labelled by its `Menu.GroupHeader` when the header is a direct child (or inside a Fragment; a\n * header written in a Server Component counts too); a header nested deeper does not label it\n * (development warning). Pass `aria-label` for a group without a visible header; a consumer\n * `aria-label` or `aria-labelledby` wins over the header (one that holds `undefined` does not).\n * Give a group one header: only the first header among its direct children labels it, and any\n * other header renders only its own `id` (development warning). The group changes nothing about\n * the keyboard: its items stay items of the menu. Separate groups with `Menu.Divider`.\n *\n * Also exported as `MenuGroup` (import the flat name from React Server Components).\n */\nexport const MenuGroup = ({ children, className, ref, ...rest }: MenuGroupProps) => {\n  const generatedId = useId('menu-group-header');\n  // A static scan, so the reference is in the server HTML and never points at a missing id.\n  const header = flattenChildren(children).find(({ node }) =>\n    isElementOfType<MenuGroupHeaderProps>(node, MenuGroupHeader),\n  )?.node as React.ReactElement<MenuGroupHeaderProps> | undefined;\n  const headerProps = header?.props;\n  const headerId = headerProps?.id || generatedId;\n  // A prop that holds `undefined` (a wrapper forwarding it) is no name of the consumer's.\n  const ownName = rest['aria-label'] !== undefined || rest['aria-labelledby'] !== undefined;\n  const labelled = header !== undefined || ownName;\n  // Written after the spread, so a forwarded `aria-labelledby={undefined}` cannot remove it.\n  const labelledBy = ownName\n    ? rest['aria-labelledby']\n    : header !== undefined\n      ? headerId\n      : undefined;\n\n  const context = React.useMemo<MenuGroupContextValue>(\n    () => ({ headerId, headerProps, labelled }),\n    [headerId, headerProps, labelled],\n  );\n\n  return (\n    <MenuGroupContext.Provider value={context}>\n      <div\n        role=\"group\"\n        {...rest}\n        ref={ref}\n        aria-labelledby={labelledBy}\n        className={cn(menuGroupClassNames.root, className)}\n      >\n        {children}\n      </div>\n    </MenuGroupContext.Provider>\n  );\n};\nMenuGroup.displayName = 'MenuGroup';\n\n/**\n * The visible heading of a `Menu.Group`. It is not a menu item: arrow keys and typeahead skip it.\n * Its text lines up with the item labels (it keeps the menu's check and icon columns). It labels\n * the group when it is the group's first header among its direct children (or inside a Fragment\n * there); any other header labels nothing and renders only its own `id` (development warning).\n * Must be used inside `Menu.Group`.\n *\n * Also exported as `MenuGroupHeader` (import the flat name from React Server Components).\n */\nexport const MenuGroupHeader = (props: MenuGroupHeaderProps) => {\n  const { id, className, children, ref, ...rest } = props;\n  const group = useMenuGroupContext('Menu.GroupHeader');\n\n  // The header the group's scan found is the one rendered with the scanned element's props object.\n  // Only it renders the id the group points at: any other header (inside a custom component or an\n  // element, or a second one) keeps only its own id, so no two headers share one. This relies on\n  // React passing an element's own props object to its component (the client, Fizz, a lazy client\n  // reference and `Children.toArray` clones all do in React 19, though React does not document it).\n  // If a React upgrade breaks it, the scanned header loses its id: Menu.group.test.tsx's \"the header\n  // its scan found keeps labelling the group in StrictMode, after a re-render and as a Server\n  // Component reference\" and the server-HTML dangling-reference test fail.\n  const scanned = group.headerProps === props;\n  // C-DEV: any other header labels nothing and warns, except in a group that has no header its\n  // scan found and is named by the consumer's label (that label is the unlabelled warning's remedy).\n  let problem: 'unlabelled' | 'extra-header' | null = null;\n  if (!scanned && group.headerProps !== undefined) problem = 'extra-header';\n  else if (!scanned && !group.labelled) problem = 'unlabelled';\n  React.useEffect(() => {\n    if (problem === 'unlabelled') {\n      warnOnce(\n        'Menu.GroupHeader:unlabelled',\n        'Menu.GroupHeader: this header is not a direct child of Menu.Group (or of a Fragment in it), so it does not label the group. Make it a direct child, or pass aria-label to Menu.Group.',\n      );\n    } else if (problem === 'extra-header') {\n      warnOnce(\n        'Menu.GroupHeader:extra-header',\n        'Menu.GroupHeader: this Menu.Group already has a header (its first direct child header), so this one does not label the group. Give a group one header, or put this one in a Menu.Group of its own.',\n      );\n    }\n  }, [problem]);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      id={(scanned ? group.headerId : id) || undefined}\n      className={cn(\n        menuGroupHeaderClassNames.root,\n        'flex items-center gap-2 px-3 pb-1 pt-2 text-caption-1 font-semibold text-muted-foreground',\n        className,\n      )}\n    >\n      <MenuColumnSpacers />\n      {children}\n    </div>\n  );\n};\nMenuGroupHeader.displayName = 'MenuGroupHeader';\n"],"mappings":"wVAqCA,IAAMiB,EAAmBjB,EAAM,cAA4C,IAAI,EAC/E,EAAiB,YAAc,mBAG/B,IAAMkB,EAA6C,CACjD,SAAU,GACV,YAAa,IAAA,GACb,SAAU,EACZ,EAGA,SAASC,EAAoB,EAA8C,CAIzE,OAHgBnB,EAAM,WAAWiB,CAC7B,IACJN,EAAA,qBAAqBS,EAAe,YAAY,EACzCF,EACT,CAcA,IAAaG,GAAa,CAAE,WAAU,YAAW,MAAK,GAAGC,KAA2B,CAClF,IAAMC,EAActB,EAAAA,MAAM,mBAAmB,EAEvCuB,EAAStB,EAAAA,gBAAgBuB,CAAQ,CAAC,CAAC,MAAM,CAAE,UAC/CtB,EAAAA,gBAAsCuB,EAAMC,CAAe,CAC7D,CAAC,EAAE,KACGC,EAAcJ,GAAQ,MACtBK,EAAWD,GAAa,IAAML,EAE9BO,EAAUR,EAAK,gBAAkB,IAAA,IAAaA,EAAK,qBAAuB,IAAA,GAC1ES,EAAWP,IAAW,IAAA,IAAaM,EAEnCE,EAAaF,EACfR,EAAK,mBACLE,IAAW,IAAA,GAET,IAAA,GADAK,EAGAI,EAAUjC,EAAM,aACb,CAAE,WAAU,cAAa,UAAS,GACzC,CAAC6B,EAAUD,EAAaG,CAAQ,CAClC,EAEA,OACE,EAAAf,EAAA,IAAA,CAACC,EAAiB,SAAlB,CAA2B,MAAOgB,EAChC,UAAA,EAAAjB,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,QACL,GAAIM,EACC,MACL,kBAAiBU,EACjB,UAAW5B,EAAAA,GAAGC,EAAAA,oBAAoB,KAAM6B,CAAS,EAEhD,UACE,CAAA,CACoB,CAAA,CAE/B,EACA,EAAU,YAAc,YAWxB,IAAaP,EAAmB,GAAgC,CAC9D,GAAM,CAAE,KAAI,YAAW,WAAU,MAAK,GAAGL,GAASa,EAC5CC,EAAQjB,EAAoB,kBAAkB,EAU9CkB,EAAUD,EAAM,cAAgBD,EAGlCG,EAAgD,KAiBpD,MAhBI,CAACD,GAAWD,EAAM,cAAgB,IAAA,GAAW,EAAU,eAClD,CAACC,GAAW,CAACD,EAAM,WAAU,EAAU,cAChDrB,EAAM,cAAgB,CAChBuB,IAAY,aACd3B,EAAA,SACE,8BACA,uLACF,EACS2B,IAAY,gBACrB3B,EAAA,SACE,gCACA,oMACF,CAEJ,EAAG,CAAC2B,CAAO,CAAC,GAGV,EAAAtB,EAAA,KAAA,CAAC,MAAD,CACE,GAAIM,EACC,MACL,IAAKe,EAAUD,EAAM,SAAWG,IAAO,IAAA,GACvC,UAAWnC,EAAAA,GACTE,EAAAA,0BAA0B,KAC1B,4FACA4B,CACF,EARF,SAAA,EAUE,EAAAlB,EAAA,IAAA,CAACT,EAAAA,kBAAD,CAAoB,CAAA,EACnBkB,CACE,GAET,EACA,EAAgB,YAAc"}