@mortenbrudvik/waveui 0.4.0 → 0.7.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Nav.cjs","names":["React","slotRendersContent","renderSlot","cn","focusRingInset","disabledStyles","getElementType","_Fragment","useId","ChevronDownIcon","resolveDeprecatedProp","useControllable","useEventCallback","require_runtime","require_cn","require_children","require_dev","require_slot","require_useEventCallback","require_useControllable","require_useId","require_styles","require_icons","react","react_jsx_runtime","createCategoryStore","categories","listeners","notify","listener","value","category","NavContext","noop","INERT_NAV_CONTEXT","NavCategoryValueContext","useNavContext","componentName","warnDuplicateValue","kind","useNavValue","context","registerValue","useRecordCategory","categoryStore","iconClasses","renderIcon","icon","itemClasses","subItemClasses","categoryButtonClasses","childrenOf","element","children","isThenable","forEachElement","nodes","node","visit","child","error","isPart","types","containsValue","found","NavItem","NavSubItem","selected","findCategoriesContaining","result","current","inner","NavCategory","opensElsewhere","event","link","target","renderNavEntry","rest","props","isSelected","isLink","href","handleClick","disabled","onClick","content","withIcon","entryClassName","classes","className","buttonRest","currentValue","listId","isOpen","openCategories","holdsCurrentChild","holdsShownCurrent","containsCurrent","currentCategory","buttonLabel","label","items","parts","isText","part","toggleCategory","NavRoot","valueProp","defaultValueProp","openCategoriesProp","controlledValue","selectedValue","defaultValue","defaultSelectedValue","onNavItemSelect","setValue","onValueChange","notifyNavItemSelect","select","next","initialOpenCategories","defaultOpenCategories","setOpenCategories","onOpenCategoriesChange","previous","entry","valueCountsRef","counts","key","count","remaining","contextValue","Nav"],"sources":["../../../src/components/navigation/Nav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport type { Slot } from '../../lib/types';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport {\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { getElementType } from '../../lib/children';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\n/** The two value namespaces of a Nav: items (Nav.Item and Nav.SubItem) and categories. */\ntype NavValueKind = 'item' | 'category';\n\n/**\n * The category each sub-item was last shown in, by sub-item value: written from layout effects by\n * the mounted sub-items and by a closed category whose children hold the current value, read by\n * the categories with `useSyncExternalStore`. An entry outlives its sub-item, so a category closed\n * after its current sub-item was shown still knows it contains the current page.\n */\ninterface NavCategoryStore {\n  /**\n   * Records the category a mounted item renders in, or a closed category whose children hold the\n   * value; `null` (an item outside any category) forgets an earlier entry, so a value moved out of\n   * a category no longer marks it.\n   */\n  record: (value: string, category: string | null) => void;\n  /** Forgets the entry of `value` while it is still `category`. */\n  forget: (value: string, category: string) => void;\n  /** The category last recorded for a sub-item value. */\n  get: (value: string) => string | undefined;\n  subscribe: (listener: () => void) => () => void;\n}\n\nfunction createCategoryStore(): NavCategoryStore {\n  const categories = new Map<string, string>();\n  const listeners = new Set<() => void>();\n  const notify = () => listeners.forEach((listener) => listener());\n  return {\n    record(value, category) {\n      if ((categories.get(value) ?? null) === category) return;\n      if (category === null) categories.delete(value);\n      else categories.set(value, category);\n      notify();\n    },\n    forget(value, category) {\n      if (categories.get(value) !== category) return;\n      categories.delete(value);\n      notify();\n    },\n    get: (value) => categories.get(value),\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\ninterface NavContextValue {\n  /** The selected item value (`''` when nothing is selected). */\n  value: string;\n  /** Selects an item (activation handler: also fires the deprecated `onNavItemSelect`). */\n  select: (value: string) => void;\n  openCategories: readonly string[];\n  toggleCategory: (value: string) => void;\n  /** Registers a mounted item or category value (duplicate warning); returns the cleanup. */\n  registerValue: (kind: NavValueKind, value: string) => () => void;\n  /** The `currentCategory` hint of the Nav. */\n  currentCategory: string | undefined;\n  categoryStore: NavCategoryStore;\n}\n\nconst NavContext = React.createContext<NavContextValue | null>(null);\nNavContext.displayName = 'NavContext';\n\nconst noop = () => {};\nconst INERT_NAV_CONTEXT: NavContextValue = {\n  value: '',\n  select: noop,\n  openCategories: [],\n  toggleCategory: noop,\n  registerValue: () => noop,\n  currentCategory: undefined,\n  categoryStore: { record: noop, forget: noop, get: () => undefined, subscribe: () => noop },\n};\n\n/**\n * The value of the Nav.Category a sub-item renders in (`null` outside a category). It renders no\n * element; a sub-item outside a category is valid, so there is no missing-context error.\n */\nconst NavCategoryValueContext = React.createContext<string | null>(null);\nNavCategoryValueContext.displayName = 'NavCategoryValueContext';\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useNavContext(componentName: string): NavContextValue {\n  const context = React.useContext(NavContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Nav');\n  return INERT_NAV_CONTEXT;\n}\n\nfunction warnDuplicateValue(kind: NavValueKind, value: string): void {\n  warnOnce(\n    `Nav:duplicate-${kind}:${value}`,\n    kind === 'item'\n      ? `Nav: several items share the value \"${value}\". Nav.Item and Nav.SubItem values must be unique within a Nav; every item with the current value is marked as the current page.`\n      : `Nav: several categories share the value \"${value}\". Nav.Category values must be unique within a Nav; they open and close together.`,\n  );\n}\n\n/** Registers the value of a mounted item or category, so Nav can warn about duplicates. */\nfunction useNavValue(context: NavContextValue, kind: NavValueKind, value: string): void {\n  const { registerValue } = context;\n  React.useEffect(() => registerValue(kind, value), [registerValue, kind, value]);\n}\n\n/**\n * Records the category a mounted item renders in, which the category reads once closed (`null`\n * outside a category, which forgets a stale entry for the value).\n */\nfunction useRecordCategory(context: NavContextValue, value: string): void {\n  const category = React.useContext(NavCategoryValueContext);\n  const { categoryStore } = context;\n  React.useLayoutEffect(() => {\n    categoryStore.record(value, category);\n  }, [categoryStore, value, category]);\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Properties for the Nav component. */\nexport interface NavProps extends Omit<React.HTMLAttributes<HTMLElement>, 'defaultValue'> {\n  /** Controlled value of the selected nav item. */\n  value?: string;\n  /**\n   * Selected nav item value for uncontrolled usage.\n   * @default ''\n   */\n  defaultValue?: string;\n  /** Called with the new value when the selection changes (not when the current item is re-selected). */\n  onValueChange?: (value: string) => void;\n  /** @deprecated Use `value`. */\n  selectedValue?: string;\n  /** @deprecated Use `defaultValue`. */\n  defaultSelectedValue?: string;\n  /**\n   * @deprecated Use `onValueChange`. Unlike `onValueChange`, it fires on every activation,\n   * re-selecting the current item included (0.4 behaviour).\n   */\n  onNavItemSelect?: (value: string) => void;\n  /** Controlled list of open category values. */\n  openCategories?: readonly string[];\n  /**\n   * Categories open initially (uncontrolled). Without it, the categories that contain the\n   * selected item (`value`, else `defaultValue`) start open, so the current page is visible on the\n   * first render; an empty list keeps every category closed.\n   */\n  defaultOpenCategories?: readonly string[];\n  /** Called with the new list of open category values (a new array) when a category is toggled. */\n  onOpenCategoriesChange?: (openCategories: string[]) => void;\n  /**\n   * The `value` of the category that contains the current item, for sub-items Nav cannot find by\n   * itself (rendered by your own component inside a closed category). Usually not needed: Nav\n   * finds sub-items among a category's children (through Fragments and wrapper elements) and\n   * remembers the category of the current sub-item once it has been shown. A hint, not state:\n   * unlike Fluent's `selectedCategoryValue` it has no default or change callback.\n   */\n  currentCategory?: string;\n  /** Ref to the `<nav>` element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the NavCategory sub-component. */\nexport interface NavCategoryProps extends React.HTMLAttributes<HTMLLIElement> {\n  /**\n   * Value identifying this category (used by `openCategories`), unique among the categories of\n   * the Nav (a duplicate warns in development).\n   */\n  value: string;\n  /**\n   * Label of the category's toggle button (any content). Without it, the text children are used\n   * as the label — deprecated: pass the label here and only the sub-items as children.\n   */\n  label?: React.ReactNode;\n  /**\n   * Icon displayed before the category label. Rendered with `aria-hidden=\"true\"`. A falsy icon\n   * (`''`, `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /** The category's sub-items (`Nav.SubItem`), rendered in its list while it is open. */\n  children?: React.ReactNode;\n  /** Ref to the category's `<li>` element. */\n  ref?: React.Ref<HTMLLIElement>;\n}\n\n/**\n * The props of Nav.Item that every branch shares ({@link NavItemAnchorProps},\n * {@link NavItemButtonProps}, {@link NavItemDynamicProps}).\n */\nexport interface NavItemOwnProps {\n  /**\n   * Value identifying this nav item, unique among the items and sub-items of the Nav (a duplicate\n   * warns in development).\n   */\n  value: string;\n  /**\n   * Icon displayed before the item label. Rendered with `aria-hidden=\"true\"`. A falsy icon (`''`,\n   * `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Whether the item is disabled: a native `disabled` button, or an `aria-disabled` link without\n   * `href`. Activating a disabled item never selects it; a disabled item whose value is the\n   * current `value` still shows as current (`aria-current=\"page\"` and the selected look), because\n   * the current value belongs to the app.\n   */\n  disabled?: boolean;\n  /** Label content. */\n  children?: React.ReactNode;\n}\n\n/**\n * The attributes only a link has (`target`, `download`, `hrefLang`, `ping`, …). Button items\n * declare them as `undefined`, so they are a type error without `href` instead of landing on the\n * `<button>`. `rel` cannot be listed (React types it on every element, RDFa); a button item drops\n * 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/**\n * Nav.Item rendered as a link (`href` given): anchor attributes, and handlers typed on\n * `HTMLAnchorElement`. 0.4 typed every item's handlers on `HTMLButtonElement`, so with a string\n * `href` an unannotated 0.4 handler that reads a button-only member (such as\n * `e.currentTarget.form`) no longer compiles; a handler already typed as\n * `React.MouseEventHandler<HTMLButtonElement>` still does (React handler types are bivariant).\n */\nexport interface NavItemAnchorProps\n  extends\n    NavItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof NavItemOwnProps> {\n  /**\n   * URL to navigate to; renders an `<a>`. Required in this branch, so `href` discriminates the\n   * union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /** Ref to the `<a>` element. */\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/** Nav.Item rendered as a button (no `href`): button attributes (a `rel` is not rendered). */\nexport interface NavItemButtonProps\n  extends\n    NavItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof NavItemOwnProps> {\n  /** Button items have no `href`. */\n  href?: undefined;\n  /** Ref to the `<button>` element. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Properties for the NavItem 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 NavItemButtonProps`) or intersect (`type X = NavItemProps & { … }`).\n * `React.ComponentProps<typeof Nav.Item>` resolves to the last overload,\n * {@link NavItemDynamicProps}.\n */\nexport type NavItemProps = NavItemAnchorProps | NavItemButtonProps;\n\n/**\n * Nav.Item with an `href` known only at run time (`string | undefined`): a link when it is a\n * string, a button otherwise. Resolved after the button and link signatures.\n *\n * Only the attributes both elements share are accepted (no `target`, `download`, `type`, `form`,\n * …), and handlers receive events of either element (`HTMLAnchorElement | HTMLButtonElement`).\n * 0.4 typed them as button events (`HTMLAttributes<HTMLButtonElement>`), so an unannotated 0.4\n * handler that reads a button-only member (such as `e.currentTarget.form`) no longer compiles here;\n * narrow `e.currentTarget` first. (A string `href` types handlers on `HTMLAnchorElement`, see\n * {@link NavItemAnchorProps}; no `href` keeps `HTMLButtonElement`.)\n */\nexport interface NavItemDynamicProps\n  extends\n    NavItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, keyof NavItemOwnProps> {\n  /** URL to navigate to; renders an `<a>` when defined, a `<button>` otherwise. */\n  href?: string;\n  /** Ref to the rendered `<a>` or `<button>` element. */\n  ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n}\n\n/**\n * The props of Nav.SubItem that every branch shares: those of {@link NavItemOwnProps} without\n * `icon`.\n */\nexport type NavSubItemOwnProps = Omit<NavItemOwnProps, 'icon'>;\n\n/**\n * Nav.SubItem rendered as a link (`href` given): anchor attributes, and handlers typed on\n * `HTMLAnchorElement` (0.4: `HTMLButtonElement`); see {@link NavItemAnchorProps}.\n */\nexport interface NavSubItemAnchorProps\n  extends\n    NavSubItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof NavSubItemOwnProps> {\n  /**\n   * URL to navigate to; renders an `<a>`. Required in this branch, so `href` discriminates the\n   * union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /** Ref to the `<a>` element. */\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/** Nav.SubItem rendered as a button (no `href`): button attributes (a `rel` is not rendered). */\nexport interface NavSubItemButtonProps\n  extends\n    NavSubItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof NavSubItemOwnProps> {\n  /** Button sub-items have no `href`. */\n  href?: undefined;\n  /** Ref to the `<button>` element. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Properties for the NavSubItem sub-component: link props with `href`, button props without.\n * A union type like {@link NavItemProps} (extend a branch or intersect; `React.ComponentProps`\n * resolves to {@link NavSubItemDynamicProps}).\n */\nexport type NavSubItemProps = NavSubItemAnchorProps | NavSubItemButtonProps;\n\n/**\n * Nav.SubItem with an `href` known only at run time (`string | undefined`): a link when it is a\n * string, a button otherwise. Only the attributes both elements share are accepted, and handlers\n * receive events of either element (0.4 typed them as button events); see\n * {@link NavItemDynamicProps}.\n */\nexport interface NavSubItemDynamicProps\n  extends\n    NavSubItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, keyof NavSubItemOwnProps> {\n  /** URL to navigate to; renders an `<a>` when defined, a `<button>` otherwise. */\n  href?: string;\n  /** Ref to the rendered `<a>` or `<button>` element. */\n  ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n}\n\n/** The props both entry kinds share at runtime (the union narrowed by `href`). */\ntype NavEntryProps = NavItemOwnProps &\n  Omit<React.AllHTMLAttributes<HTMLElement>, keyof NavItemOwnProps | 'ref'> & {\n    ref?: React.Ref<HTMLElement>;\n  };\n\n// ---------------------------------------------------------------------------\n// Styles\n// ---------------------------------------------------------------------------\n\nconst iconClasses = 'flex h-5 w-5 shrink-0 items-center justify-center';\n\n/**\n * The `icon` slot of Nav.Item and Nav.Category, or `null` when it renders nothing. A falsy icon\n * (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in 0.4 and as in\n * Avatar, and so is a collection whose items render nothing, so no empty 20px box is rendered\n * before the label. The check does not consume a generator: renderSlot still renders its items.\n */\nfunction renderIcon(icon: Slot<'span'> | undefined): React.ReactElement | null {\n  return icon && slotRendersContent(icon)\n    ? renderSlot(icon, 'span', iconClasses, { 'aria-hidden': true })\n    : null;\n}\n\nconst itemClasses = {\n  base: cn(\n    'flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none',\n    focusRingInset,\n    disabledStyles,\n  ),\n  selected: 'bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary',\n  idle: 'text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover',\n};\n\nconst subItemClasses = {\n  base: cn(\n    'flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none',\n    focusRingInset,\n    disabledStyles,\n  ),\n  selected: 'text-primary font-semibold',\n  idle: 'text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover',\n};\n\nconst categoryButtonClasses = cn(\n  'flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none',\n  // A closed category that contains the current page shows the selected look of an item.\n  'data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary',\n  focusRingInset,\n);\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\ntype ElementWithChildren = React.ReactElement<{ value?: unknown; children?: React.ReactNode }>;\n\nfunction childrenOf(element: ElementWithChildren): React.ReactNode {\n  const { children } = element.props;\n  return typeof children === 'function' ? undefined : children;\n}\n\n/** Whether a thrown value suspends rendering (a loading lazy chunk, a pending promise). */\nfunction isThenable(value: unknown): boolean {\n  return (\n    (typeof value === 'object' || typeof value === 'function') &&\n    value !== null &&\n    typeof (value as { then?: unknown }).then === 'function'\n  );\n}\n\n/*\n * The walks below run during Nav's render and reach consumer content at any depth. Content that\n * is still loading inside the consumer's own <Suspense> (a promise child, a lazy node, a\n * `React.lazy` component) suspends that boundary when React renders it; walking it must never\n * suspend Nav itself, which would hide the whole Nav behind an outer boundary. So a child that\n * cannot be read yet is skipped, and a lazy type that is still loading is not a part (its\n * children are still walked). Parts written in a Server Component arrive as loaded client\n * references and are recognized.\n */\n\n/** Calls `visit` with each element of `nodes` (as `React.Children.forEach`), skipping pending ones. */\nfunction forEachElement(nodes: React.ReactNode, visit: (child: ElementWithChildren) => void): void {\n  if (Array.isArray(nodes)) {\n    for (const node of nodes as React.ReactNode[]) forEachElement(node, visit);\n    return;\n  }\n  try {\n    React.Children.forEach(nodes, (child) => {\n      if (React.isValidElement<ElementWithChildren['props']>(child)) visit(child);\n    });\n  } catch (error) {\n    if (!isThenable(error)) throw error;\n  }\n}\n\n/** Whether `element` is one of `types`; a lazy type still loading is none (it never suspends). */\nfunction isPart(element: ElementWithChildren, ...types: unknown[]): boolean {\n  return types.includes(getElementType(element, { suspend: false }));\n}\n\n/**\n * Whether `nodes` contain a Nav.Item/Nav.SubItem element with `value === selected` (parts written\n * in a Server Component, lazy client references, included). Called during render only.\n */\nfunction containsValue(nodes: React.ReactNode, selected: string): boolean {\n  let found = false;\n  forEachElement(nodes, (child) => {\n    if (found) return;\n    if (isPart(child, NavItem, NavSubItem) && child.props.value === selected) {\n      found = true;\n    } else {\n      found = containsValue(childrenOf(child), selected);\n    }\n  });\n  return found;\n}\n\n/** The values of the Nav.Category elements (at any depth of JSX) that contain `selected`. */\nfunction findCategoriesContaining(nodes: React.ReactNode, selected: string): string[] {\n  const result: string[] = [];\n  if (!selected) return result;\n  const visit = (current: React.ReactNode) => {\n    forEachElement(current, (child) => {\n      const inner = childrenOf(child);\n      if (\n        isPart(child, NavCategory) &&\n        typeof child.props.value === 'string' &&\n        containsValue(inner, selected)\n      ) {\n        result.push(child.props.value);\n      }\n      visit(inner);\n    });\n  };\n  visit(nodes);\n  return result;\n}\n\n/**\n * Whether a click on a link opens it somewhere other than the current page, checked as routers\n * do: a modifier key (a new tab or window, a download), a mouse button other than the main one, a\n * `target` other than `_self`, or a `download` link. Only when the default is not prevented does\n * the browser actually open it there.\n */\nfunction opensElsewhere(event: React.MouseEvent<HTMLElement>): boolean {\n  if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n    return true;\n  }\n  const link = event.currentTarget;\n  const target = link.getAttribute('target');\n  return (!!target && target.toLowerCase() !== '_self') || link.hasAttribute('download');\n}\n\n/** Shared rendering of Nav.Item and Nav.SubItem (link or button). */\nfunction renderNavEntry(\n  props: NavEntryProps,\n  context: NavContextValue,\n  classes: { base: string; selected: string; idle: string },\n  withIcon: boolean,\n): React.ReactElement {\n  const { value, icon, disabled = false, href, className, children, onClick, ref, ...rest } = props;\n  const isSelected = context.value === value;\n  const isLink = href !== undefined;\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    // A link is still selected when the consumer prevents its default (client-side routing:\n    // `preventDefault()` + `router.push(href)`, whatever the modifier keys: the browser then opens\n    // nothing elsewhere), but not when the browser opens it elsewhere (the current page does not\n    // change); a button honours `preventDefault()` (C-COMPOSE).\n    if (isLink ? !event.defaultPrevented && opensElsewhere(event) : event.defaultPrevented) return;\n    context.select(value);\n  };\n\n  const content = (\n    <>\n      {withIcon && renderIcon(icon)}\n      {withIcon ? <span className=\"flex-1 text-start\">{children}</span> : children}\n    </>\n  );\n\n  const entryClassName = cn(classes.base, isSelected ? classes.selected : classes.idle, className);\n\n  if (isLink) {\n    return (\n      <li>\n        <a\n          {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={disabled ? undefined : href}\n          role={disabled ? 'link' : rest.role}\n          aria-disabled={disabled ? true : rest['aria-disabled']}\n          aria-current={isSelected ? 'page' : undefined}\n          onClick={handleClick}\n          className={entryClassName}\n        >\n          {content}\n        </a>\n      </li>\n    );\n  }\n\n  // `rel` only belongs on a link: a button item drops it (React types it on every element).\n  const { rel, ...buttonRest } = rest;\n  return (\n    <li>\n      <button\n        type=\"button\"\n        {...(buttonRest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        ref={ref as React.Ref<HTMLButtonElement>}\n        disabled={disabled}\n        aria-current={isSelected ? 'page' : undefined}\n        onClick={handleClick}\n        className={entryClassName}\n      >\n        {content}\n      </button>\n    </li>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Nav.Category\n// ---------------------------------------------------------------------------\n\n/**\n * A collapsible group of sub-items. Its toggle button shows `label` and reports `aria-expanded`\n * (and `aria-controls` while open); the sub-items render in a nested list while it is open.\n * Open state lives on `Nav` (`openCategories`/`defaultOpenCategories`).\n *\n * A closed category that contains the current item marks its toggle button with\n * `aria-current=\"true\"` (the button is not the page's link, so not `\"page\"`),\n * `data-contains-current` and the selected look of `Nav.Item`. It contains the current item when\n * a `Nav.SubItem` with the current value is among its children (through Fragments and wrapper\n * elements, also in the server HTML), when the current sub-item was last shown in it (and has not\n * moved among another category's children since), or when it is the Nav's `currentCategory`. An\n * open category is not marked: its sub-item shows the current page.\n *\n * Also exported as `NavCategory` (import the flat name from React Server Components).\n */\nconst NavCategory = ({\n  value,\n  label,\n  icon,\n  className,\n  children,\n  ref,\n  ...rest\n}: NavCategoryProps) => {\n  const context = useNavContext('Nav.Category');\n  const {\n    value: currentValue,\n    openCategories,\n    toggleCategory,\n    currentCategory,\n    categoryStore,\n  } = context;\n  useNavValue(context, 'category', value);\n  const listId = useId('wave-nav-category');\n  const isOpen = openCategories.includes(value);\n\n  // The current sub-item is among the children of this closed category (also on the server).\n  const holdsCurrentChild = !isOpen && currentValue !== '' && containsValue(children, currentValue);\n  // The current sub-item was last shown in this category (none on the server).\n  const holdsShownCurrent = React.useSyncExternalStore(\n    categoryStore.subscribe,\n    () => currentValue !== '' && categoryStore.get(currentValue) === value,\n    () => false,\n  );\n  // Children that hold the current sub-item make this the category the Nav remembers for it, so a\n  // category it was shown in before it moved here is no longer marked. The entry is forgotten when\n  // they stop holding it (an open category records through its mounted sub-item instead).\n  React.useLayoutEffect(() => {\n    if (!holdsCurrentChild) return;\n    categoryStore.record(currentValue, value);\n    return () => categoryStore.forget(currentValue, value);\n  }, [categoryStore, holdsCurrentChild, currentValue, value]);\n  const containsCurrent =\n    !isOpen && (currentCategory === value || holdsShownCurrent || holdsCurrentChild);\n\n  let buttonLabel: React.ReactNode = label;\n  let items: React.ReactNode = children;\n  if (label === undefined) {\n    // Deprecated 0.4 path: the text children are the label, the other children the sub-items.\n    warnDeprecated(\n      'Nav.Category',\n      'text children as the label',\n      'label',\n      'Pass the category label in `label` and only the sub-items as children.',\n    );\n    const parts = React.Children.toArray(children);\n    const isText = (part: unknown) => typeof part === 'string' || typeof part === 'number';\n    buttonLabel = parts.filter(isText).join('');\n    items = parts.filter((part) => !isText(part));\n  }\n\n  return (\n    <li ref={ref} {...rest} className={className}>\n      <button\n        type=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? listId : undefined}\n        aria-current={containsCurrent ? true : undefined}\n        data-contains-current={containsCurrent ? '' : undefined}\n        onClick={() => toggleCategory(value)}\n        className={categoryButtonClasses}\n      >\n        {renderIcon(icon)}\n        <span className=\"flex-1 text-start\">{buttonLabel}</span>\n        <ChevronDownIcon\n          className={cn(\n            'shrink-0 transition-transform motion-reduce:transition-none',\n            isOpen && 'rotate-180',\n          )}\n        />\n      </button>\n      {isOpen && (\n        <NavCategoryValueContext.Provider value={value}>\n          <ul id={listId} className=\"m-0 list-none p-0\">\n            {items}\n          </ul>\n        </NavCategoryValueContext.Provider>\n      )}\n    </li>\n  );\n};\nNavCategory.displayName = 'NavCategory';\n\n// ---------------------------------------------------------------------------\n// Nav.Item / Nav.SubItem\n// ---------------------------------------------------------------------------\n\n/**\n * A top-level navigation entry: a link when `href` is given (anchor props), a button otherwise\n * (button props). Clicking selects it (`aria-current=\"page\"`); activating a disabled entry never\n * selects it (a disabled entry whose value is the current value still shows as current).\n *\n * A click that opens a link somewhere other than the current page selects nothing (the consumer's\n * `onClick` still runs, and the browser opens the link): Ctrl/Cmd/Shift/Alt-click, a mouse button\n * other than the main one, a `target` other than `_self`, or a `download` link. When the consumer's\n * `onClick` calls `preventDefault()` (client-side routing), the browser opens nothing, so the item\n * is selected whatever the keys, button or `target`.\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 NavItemDynamicProps}: events of either element).\n *\n * Also exported as `NavItem` (import the flat name from React Server Components).\n */\nfunction NavItem(props: NavItemButtonProps): React.ReactElement;\nfunction NavItem(props: NavItemAnchorProps): React.ReactElement;\nfunction NavItem(props: NavItemDynamicProps): React.ReactElement;\nfunction NavItem(props: NavItemProps | NavItemDynamicProps): React.ReactElement {\n  const context = useNavContext('Nav.Item');\n  useNavValue(context, 'item', props.value);\n  useRecordCategory(context, props.value);\n  return renderNavEntry(props as NavEntryProps, context, itemClasses, true);\n}\nNavItem.displayName = 'NavItem';\n\n/**\n * An indented entry inside a `Nav.Category`: a link when `href` is given, a button otherwise.\n * Selected like `Nav.Item` (a click that the browser opens somewhere else selects nothing; one\n * whose default your `onClick` prevents is selected), and typed by overloads like `Nav.Item`\n * (button, link, then {@link NavSubItemDynamicProps}).\n *\n * Also exported as `NavSubItem` (import the flat name from React Server Components).\n */\nfunction NavSubItem(props: NavSubItemButtonProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemAnchorProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemDynamicProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemProps | NavSubItemDynamicProps): React.ReactElement {\n  const context = useNavContext('Nav.SubItem');\n  useNavValue(context, 'item', props.value);\n  useRecordCategory(context, props.value);\n  return renderNavEntry(props as NavEntryProps, context, subItemClasses, false);\n}\nNavSubItem.displayName = 'NavSubItem';\n\n// ---------------------------------------------------------------------------\n// Nav (root)\n// ---------------------------------------------------------------------------\n\nconst NavRoot = ({\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  onValueChange,\n  selectedValue,\n  defaultSelectedValue,\n  onNavItemSelect,\n  openCategories: openCategoriesProp,\n  defaultOpenCategories,\n  onOpenCategoriesChange,\n  currentCategory,\n  className,\n  children,\n  ref,\n  ...rest\n}: NavProps) => {\n  const controlledValue = resolveDeprecatedProp(\n    'Nav',\n    valueProp,\n    selectedValue,\n    'selectedValue',\n    'value',\n  );\n  const defaultValue =\n    resolveDeprecatedProp(\n      'Nav',\n      defaultValueProp,\n      defaultSelectedValue,\n      'defaultSelectedValue',\n      'defaultValue',\n    ) ?? '';\n  if (onNavItemSelect !== undefined) warnDeprecated('Nav', 'onNavItemSelect', 'onValueChange');\n\n  const [value, setValue] = useControllable(controlledValue, defaultValue, onValueChange);\n  const notifyNavItemSelect = useEventCallback(onNavItemSelect);\n  const select = React.useCallback(\n    (next: string) => {\n      setValue(next);\n      // Deprecated event-named alias: every activation, re-selection included (C-NAMING).\n      notifyNavItemSelect(next);\n    },\n    [setValue, notifyNavItemSelect],\n  );\n\n  const [initialOpenCategories] = React.useState<readonly string[]>(\n    () =>\n      defaultOpenCategories ?? findCategoriesContaining(children, controlledValue ?? defaultValue),\n  );\n  const [openCategories, setOpenCategories] = useControllable<readonly string[]>(\n    openCategoriesProp,\n    initialOpenCategories,\n    (next) => onOpenCategoriesChange?.([...next]),\n  );\n  const toggleCategory = React.useCallback(\n    (category: string) => {\n      setOpenCategories((previous) =>\n        previous.includes(category)\n          ? previous.filter((entry) => entry !== category)\n          : [...previous, category],\n      );\n    },\n    [setOpenCategories],\n  );\n\n  // Duplicate values (C-DEV): the mounted items and categories per value (written from their\n  // effects only); a second one with a value already in use warns once per value.\n  const valueCountsRef = React.useRef<Map<string, number> | null>(null);\n  const registerValue = React.useCallback((kind: NavValueKind, entry: string) => {\n    const counts = (valueCountsRef.current ??= new Map<string, number>());\n    const key = `${kind}:${entry}`;\n    const count = (counts.get(key) ?? 0) + 1;\n    counts.set(key, count);\n    if (count > 1) warnDuplicateValue(kind, entry);\n    return () => {\n      const remaining = (counts.get(key) ?? 1) - 1;\n      if (remaining > 0) counts.set(key, remaining);\n      else counts.delete(key);\n    };\n  }, []);\n\n  const [categoryStore] = React.useState(createCategoryStore);\n\n  const contextValue = React.useMemo<NavContextValue>(\n    () => ({\n      value,\n      select,\n      openCategories,\n      toggleCategory,\n      registerValue,\n      currentCategory,\n      categoryStore,\n    }),\n    [value, select, openCategories, toggleCategory, registerValue, currentCategory, categoryStore],\n  );\n\n  return (\n    <NavContext.Provider value={contextValue}>\n      <nav\n        aria-label=\"Navigation\"\n        {...rest}\n        ref={ref}\n        className={cn('w-60 border-e border-border bg-background py-2', className)}\n      >\n        <ul className=\"m-0 list-none p-0\">{children}</ul>\n      </nav>\n    </NavContext.Provider>\n  );\n};\nNavRoot.displayName = 'Nav';\n\n/**\n * A vertical side navigation (`<nav>` landmark, default name \"Navigation\") with items, links and\n * collapsible categories.\n *\n * - **Selection**: `value`/`defaultValue`/`onValueChange` (`onValueChange` fires only when the\n *   value changes). The deprecated `selectedValue`/`defaultSelectedValue`/`onNavItemSelect` still\n *   work; `onNavItemSelect` keeps firing on every activation, re-selection included. A click that\n *   opens a link in another tab or window (or downloads it) selects nothing, unless the item's\n *   `onClick` prevents the default (client-side routing: then nothing opens elsewhere).\n * - **Categories**: `openCategories`/`defaultOpenCategories`/`onOpenCategoriesChange`. Without\n *   `defaultOpenCategories`, the categories containing the selected item (`value` or\n *   `defaultValue`) start open. A closed category that contains the selected item marks its toggle\n *   (`aria-current=\"true\"`, `data-contains-current`, the selected look); pass `currentCategory`\n *   for sub-items your own component renders inside a closed category.\n * - **Values** are unique: among the items and sub-items, and among the categories (a duplicate\n *   warns in development).\n *\n * Sub-components are also exported under flat names (`NavCategory`, `NavItem`, `NavSubItem`):\n * React Server Components import those, because dotted access (`Nav.Item`) needs a client file.\n */\nexport const Nav = /* @__PURE__ */ Object.assign(NavRoot, {\n  Category: NavCategory,\n  Item: NavItem,\n  SubItem: NavSubItem,\n});\n\nexport { NavCategory, NavItem, NavSubItem };\n"],"mappings":"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"}

package/dist/components/navigation/Nav.mjs

@@ -0,0 +1,276 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { getElementType as t } from "../../lib/children.mjs";
+import { reportMissingContext as n, resolveDeprecatedProp as r, warnDeprecated as i, warnOnce as a } from "../../lib/dev.mjs";
+import { renderSlot as o, slotRendersContent as s } from "../../lib/slot.mjs";
+import { useEventCallback as c } from "../../hooks/useEventCallback.mjs";
+import { useControllable as l } from "../../hooks/useControllable.mjs";
+import { useId as u } from "../../hooks/useId.mjs";
+import { disabledStyles as d, focusRingInset as f } from "../../lib/styles.mjs";
+import { ChevronDownIcon as p } from "../../lib/icons.mjs";
+import * as m from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/navigation/Nav.tsx
+function v() {
+	let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
+	return {
+		record(t, r) {
+			(e.get(t) ?? null) !== r && (r === null ? e.delete(t) : e.set(t, r), n());
+		},
+		forget(t, r) {
+			e.get(t) === r && (e.delete(t), n());
+		},
+		get: (t) => e.get(t),
+		subscribe(e) {
+			return t.add(e), () => {
+				t.delete(e);
+			};
+		}
+	};
+}
+var y = m.createContext(null);
+y.displayName = "NavContext";
+var b = () => {}, x = {
+	value: "",
+	select: b,
+	openCategories: [],
+	toggleCategory: b,
+	registerValue: () => b,
+	currentCategory: void 0,
+	categoryStore: {
+		record: b,
+		forget: b,
+		get: () => void 0,
+		subscribe: () => b
+	}
+}, S = m.createContext(null);
+S.displayName = "NavCategoryValueContext";
+function C(e) {
+	return m.useContext(y) || (n(e, "Nav"), x);
+}
+function w(e, t) {
+	a(`Nav:duplicate-${e}:${t}`, e === "item" ? `Nav: several items share the value "${t}". Nav.Item and Nav.SubItem values must be unique within a Nav; every item with the current value is marked as the current page.` : `Nav: several categories share the value "${t}". Nav.Category values must be unique within a Nav; they open and close together.`);
+}
+function T(e, t, n) {
+	let { registerValue: r } = e;
+	m.useEffect(() => r(t, n), [
+		r,
+		t,
+		n
+	]);
+}
+function E(e, t) {
+	let n = m.useContext(S), { categoryStore: r } = e;
+	m.useLayoutEffect(() => {
+		r.record(t, n);
+	}, [
+		r,
+		t,
+		n
+	]);
+}
+var D = "flex h-5 w-5 shrink-0 items-center justify-center";
+function O(e) {
+	return e && s(e) ? o(e, "span", D, { "aria-hidden": !0 }) : null;
+}
+var k = {
+	base: e("flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none", f, d),
+	selected: "bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary",
+	idle: "text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover"
+}, A = {
+	base: e("flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none", f, d),
+	selected: "text-primary font-semibold",
+	idle: "text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover"
+}, j = e("flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none", "data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary", f);
+function M(e) {
+	let { children: t } = e.props;
+	return typeof t == "function" ? void 0 : t;
+}
+function N(e) {
+	return (typeof e == "object" || typeof e == "function") && e !== null && typeof e.then == "function";
+}
+function P(e, t) {
+	if (Array.isArray(e)) {
+		for (let n of e) P(n, t);
+		return;
+	}
+	try {
+		m.Children.forEach(e, (e) => {
+			m.isValidElement(e) && t(e);
+		});
+	} catch (e) {
+		if (!N(e)) throw e;
+	}
+}
+function F(e, ...n) {
+	return n.includes(t(e, { suspend: !1 }));
+}
+function I(e, t) {
+	let n = !1;
+	return P(e, (e) => {
+		n ||= F(e, V, H) && e.props.value === t ? !0 : I(M(e), t);
+	}), n;
+}
+function L(e, t) {
+	let n = [];
+	if (!t) return n;
+	let r = (e) => {
+		P(e, (e) => {
+			let i = M(e);
+			F(e, B) && typeof e.props.value == "string" && I(i, t) && n.push(e.props.value), r(i);
+		});
+	};
+	return r(e), n;
+}
+function R(e) {
+	if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return !0;
+	let t = e.currentTarget, n = t.getAttribute("target");
+	return !!n && n.toLowerCase() !== "_self" || t.hasAttribute("download");
+}
+function z(t, n, r, i) {
+	let { value: a, icon: o, disabled: s = !1, href: c, className: l, children: u, onClick: d, ref: f, ...p } = t, m = n.value === a, v = c !== void 0, y = (e) => {
+		if (s) {
+			e.preventDefault();
+			return;
+		}
+		d?.(e), !(v ? !e.defaultPrevented && R(e) : e.defaultPrevented) && n.select(a);
+	}, b = /* @__PURE__ */ _(h, { children: [i && O(o), i ? /* @__PURE__ */ g("span", {
+		className: "flex-1 text-start",
+		children: u
+	}) : u] }), x = e(r.base, m ? r.selected : r.idle, l);
+	if (v) return /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g("a", {
+		...p,
+		ref: f,
+		href: s ? void 0 : c,
+		role: s ? "link" : p.role,
+		"aria-disabled": s ? !0 : p["aria-disabled"],
+		"aria-current": m ? "page" : void 0,
+		onClick: y,
+		className: x,
+		children: b
+	}) });
+	let { rel: S, ...C } = p;
+	return /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g("button", {
+		type: "button",
+		...C,
+		ref: f,
+		disabled: s,
+		"aria-current": m ? "page" : void 0,
+		onClick: y,
+		className: x,
+		children: b
+	}) });
+}
+var B = ({ value: t, label: n, icon: r, className: a, children: o, ref: s, ...c }) => {
+	let l = C("Nav.Category"), { value: d, openCategories: f, toggleCategory: h, currentCategory: v, categoryStore: y } = l;
+	T(l, "category", t);
+	let b = u("wave-nav-category"), x = f.includes(t), w = !x && d !== "" && I(o, d), E = m.useSyncExternalStore(y.subscribe, () => d !== "" && y.get(d) === t, () => !1);
+	m.useLayoutEffect(() => {
+		if (w) return y.record(d, t), () => y.forget(d, t);
+	}, [
+		y,
+		w,
+		d,
+		t
+	]);
+	let D = !x && (v === t || E || w), k = n, A = o;
+	if (n === void 0) {
+		i("Nav.Category", "text children as the label", "label", "Pass the category label in `label` and only the sub-items as children.");
+		let e = m.Children.toArray(o), t = (e) => typeof e == "string" || typeof e == "number";
+		k = e.filter(t).join(""), A = e.filter((e) => !t(e));
+	}
+	return /* @__PURE__ */ _("li", {
+		ref: s,
+		...c,
+		className: a,
+		children: [/* @__PURE__ */ _("button", {
+			type: "button",
+			"aria-expanded": x,
+			"aria-controls": x ? b : void 0,
+			"aria-current": D ? !0 : void 0,
+			"data-contains-current": D ? "" : void 0,
+			onClick: () => h(t),
+			className: j,
+			children: [
+				O(r),
+				/* @__PURE__ */ g("span", {
+					className: "flex-1 text-start",
+					children: k
+				}),
+				/* @__PURE__ */ g(p, { className: e("shrink-0 transition-transform motion-reduce:transition-none", x && "rotate-180") })
+			]
+		}), x && /* @__PURE__ */ g(S.Provider, {
+			value: t,
+			children: /* @__PURE__ */ g("ul", {
+				id: b,
+				className: "m-0 list-none p-0",
+				children: A
+			})
+		})]
+	});
+};
+B.displayName = "NavCategory";
+function V(e) {
+	let t = C("Nav.Item");
+	return T(t, "item", e.value), E(t, e.value), z(e, t, k, !0);
+}
+V.displayName = "NavItem";
+function H(e) {
+	let t = C("Nav.SubItem");
+	return T(t, "item", e.value), E(t, e.value), z(e, t, A, !1);
+}
+H.displayName = "NavSubItem";
+var U = ({ value: t, defaultValue: n, onValueChange: a, selectedValue: o, defaultSelectedValue: s, onNavItemSelect: u, openCategories: d, defaultOpenCategories: f, onOpenCategoriesChange: p, currentCategory: h, className: _, children: b, ref: x, ...S }) => {
+	let C = r("Nav", t, o, "selectedValue", "value"), T = r("Nav", n, s, "defaultSelectedValue", "defaultValue") ?? "";
+	u !== void 0 && i("Nav", "onNavItemSelect", "onValueChange");
+	let [E, D] = l(C, T, a), O = c(u), k = m.useCallback((e) => {
+		D(e), O(e);
+	}, [D, O]), [A] = m.useState(() => f ?? L(b, C ?? T)), [j, M] = l(d, A, (e) => p?.([...e])), N = m.useCallback((e) => {
+		M((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, [M]), P = m.useRef(null), F = m.useCallback((e, t) => {
+		let n = P.current ??= /* @__PURE__ */ new Map(), r = `${e}:${t}`, i = (n.get(r) ?? 0) + 1;
+		return n.set(r, i), i > 1 && w(e, t), () => {
+			let e = (n.get(r) ?? 1) - 1;
+			e > 0 ? n.set(r, e) : n.delete(r);
+		};
+	}, []), [I] = m.useState(v), R = m.useMemo(() => ({
+		value: E,
+		select: k,
+		openCategories: j,
+		toggleCategory: N,
+		registerValue: F,
+		currentCategory: h,
+		categoryStore: I
+	}), [
+		E,
+		k,
+		j,
+		N,
+		F,
+		h,
+		I
+	]);
+	return /* @__PURE__ */ g(y.Provider, {
+		value: R,
+		children: /* @__PURE__ */ g("nav", {
+			"aria-label": "Navigation",
+			...S,
+			ref: x,
+			className: e("w-60 border-e border-border bg-background py-2", _),
+			children: /* @__PURE__ */ g("ul", {
+				className: "m-0 list-none p-0",
+				children: b
+			})
+		})
+	});
+};
+U.displayName = "Nav";
+var W = /* @__PURE__ */ Object.assign(U, {
+	Category: B,
+	Item: V,
+	SubItem: H
+});
+//#endregion
+export { W as Nav, B as NavCategory, V as NavItem, H as NavSubItem };
+
+//# sourceMappingURL=Nav.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Nav.mjs","names":["_Fragment","useId","useId$1","React","createCategoryStore","categories","listeners","notify","listener","value","category","NavContext","noop","INERT_NAV_CONTEXT","NavCategoryValueContext","useNavContext","reportMissingContext","componentName","warnDuplicateValue","kind","useNavValue","context","registerValue","useRecordCategory","categoryStore","iconClasses","renderIcon","icon","slotRendersContent","renderSlot","itemClasses","cn","focusRingInset","disabledStyles","subItemClasses","categoryButtonClasses","childrenOf","element","children","isThenable","forEachElement","nodes","node","visit","child","error","isPart","types","getElementType","containsValue","found","NavItem","NavSubItem","selected","findCategoriesContaining","result","current","inner","NavCategory","opensElsewhere","event","link","target","renderNavEntry","rest","props","isSelected","isLink","href","handleClick","disabled","onClick","content","Fragment","withIcon","entryClassName","classes","className","buttonRest","currentValue","listId","isOpen","openCategories","holdsCurrentChild","holdsShownCurrent","containsCurrent","currentCategory","buttonLabel","label","items","parts","isText","part","toggleCategory","ChevronDownIcon","NavRoot","valueProp","defaultValueProp","openCategoriesProp","controlledValue","resolveDeprecatedProp","selectedValue","defaultValue","defaultSelectedValue","onNavItemSelect","warnDeprecated","setValue","useControllable","onValueChange","notifyNavItemSelect","useEventCallback","select","next","initialOpenCategories","defaultOpenCategories","setOpenCategories","onOpenCategoriesChange","previous","entry","valueCountsRef","counts","key","count","remaining","contextValue","Nav"],"sources":["../../../src/components/navigation/Nav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport type { Slot } from '../../lib/types';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport {\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { getElementType } from '../../lib/children';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\n/** The two value namespaces of a Nav: items (Nav.Item and Nav.SubItem) and categories. */\ntype NavValueKind = 'item' | 'category';\n\n/**\n * The category each sub-item was last shown in, by sub-item value: written from layout effects by\n * the mounted sub-items and by a closed category whose children hold the current value, read by\n * the categories with `useSyncExternalStore`. An entry outlives its sub-item, so a category closed\n * after its current sub-item was shown still knows it contains the current page.\n */\ninterface NavCategoryStore {\n  /**\n   * Records the category a mounted item renders in, or a closed category whose children hold the\n   * value; `null` (an item outside any category) forgets an earlier entry, so a value moved out of\n   * a category no longer marks it.\n   */\n  record: (value: string, category: string | null) => void;\n  /** Forgets the entry of `value` while it is still `category`. */\n  forget: (value: string, category: string) => void;\n  /** The category last recorded for a sub-item value. */\n  get: (value: string) => string | undefined;\n  subscribe: (listener: () => void) => () => void;\n}\n\nfunction createCategoryStore(): NavCategoryStore {\n  const categories = new Map<string, string>();\n  const listeners = new Set<() => void>();\n  const notify = () => listeners.forEach((listener) => listener());\n  return {\n    record(value, category) {\n      if ((categories.get(value) ?? null) === category) return;\n      if (category === null) categories.delete(value);\n      else categories.set(value, category);\n      notify();\n    },\n    forget(value, category) {\n      if (categories.get(value) !== category) return;\n      categories.delete(value);\n      notify();\n    },\n    get: (value) => categories.get(value),\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\ninterface NavContextValue {\n  /** The selected item value (`''` when nothing is selected). */\n  value: string;\n  /** Selects an item (activation handler: also fires the deprecated `onNavItemSelect`). */\n  select: (value: string) => void;\n  openCategories: readonly string[];\n  toggleCategory: (value: string) => void;\n  /** Registers a mounted item or category value (duplicate warning); returns the cleanup. */\n  registerValue: (kind: NavValueKind, value: string) => () => void;\n  /** The `currentCategory` hint of the Nav. */\n  currentCategory: string | undefined;\n  categoryStore: NavCategoryStore;\n}\n\nconst NavContext = React.createContext<NavContextValue | null>(null);\nNavContext.displayName = 'NavContext';\n\nconst noop = () => {};\nconst INERT_NAV_CONTEXT: NavContextValue = {\n  value: '',\n  select: noop,\n  openCategories: [],\n  toggleCategory: noop,\n  registerValue: () => noop,\n  currentCategory: undefined,\n  categoryStore: { record: noop, forget: noop, get: () => undefined, subscribe: () => noop },\n};\n\n/**\n * The value of the Nav.Category a sub-item renders in (`null` outside a category). It renders no\n * element; a sub-item outside a category is valid, so there is no missing-context error.\n */\nconst NavCategoryValueContext = React.createContext<string | null>(null);\nNavCategoryValueContext.displayName = 'NavCategoryValueContext';\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useNavContext(componentName: string): NavContextValue {\n  const context = React.useContext(NavContext);\n  if (context) return context;\n  reportMissingContext(componentName, 'Nav');\n  return INERT_NAV_CONTEXT;\n}\n\nfunction warnDuplicateValue(kind: NavValueKind, value: string): void {\n  warnOnce(\n    `Nav:duplicate-${kind}:${value}`,\n    kind === 'item'\n      ? `Nav: several items share the value \"${value}\". Nav.Item and Nav.SubItem values must be unique within a Nav; every item with the current value is marked as the current page.`\n      : `Nav: several categories share the value \"${value}\". Nav.Category values must be unique within a Nav; they open and close together.`,\n  );\n}\n\n/** Registers the value of a mounted item or category, so Nav can warn about duplicates. */\nfunction useNavValue(context: NavContextValue, kind: NavValueKind, value: string): void {\n  const { registerValue } = context;\n  React.useEffect(() => registerValue(kind, value), [registerValue, kind, value]);\n}\n\n/**\n * Records the category a mounted item renders in, which the category reads once closed (`null`\n * outside a category, which forgets a stale entry for the value).\n */\nfunction useRecordCategory(context: NavContextValue, value: string): void {\n  const category = React.useContext(NavCategoryValueContext);\n  const { categoryStore } = context;\n  React.useLayoutEffect(() => {\n    categoryStore.record(value, category);\n  }, [categoryStore, value, category]);\n}\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Properties for the Nav component. */\nexport interface NavProps extends Omit<React.HTMLAttributes<HTMLElement>, 'defaultValue'> {\n  /** Controlled value of the selected nav item. */\n  value?: string;\n  /**\n   * Selected nav item value for uncontrolled usage.\n   * @default ''\n   */\n  defaultValue?: string;\n  /** Called with the new value when the selection changes (not when the current item is re-selected). */\n  onValueChange?: (value: string) => void;\n  /** @deprecated Use `value`. */\n  selectedValue?: string;\n  /** @deprecated Use `defaultValue`. */\n  defaultSelectedValue?: string;\n  /**\n   * @deprecated Use `onValueChange`. Unlike `onValueChange`, it fires on every activation,\n   * re-selecting the current item included (0.4 behaviour).\n   */\n  onNavItemSelect?: (value: string) => void;\n  /** Controlled list of open category values. */\n  openCategories?: readonly string[];\n  /**\n   * Categories open initially (uncontrolled). Without it, the categories that contain the\n   * selected item (`value`, else `defaultValue`) start open, so the current page is visible on the\n   * first render; an empty list keeps every category closed.\n   */\n  defaultOpenCategories?: readonly string[];\n  /** Called with the new list of open category values (a new array) when a category is toggled. */\n  onOpenCategoriesChange?: (openCategories: string[]) => void;\n  /**\n   * The `value` of the category that contains the current item, for sub-items Nav cannot find by\n   * itself (rendered by your own component inside a closed category). Usually not needed: Nav\n   * finds sub-items among a category's children (through Fragments and wrapper elements) and\n   * remembers the category of the current sub-item once it has been shown. A hint, not state:\n   * unlike Fluent's `selectedCategoryValue` it has no default or change callback.\n   */\n  currentCategory?: string;\n  /** Ref to the `<nav>` element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the NavCategory sub-component. */\nexport interface NavCategoryProps extends React.HTMLAttributes<HTMLLIElement> {\n  /**\n   * Value identifying this category (used by `openCategories`), unique among the categories of\n   * the Nav (a duplicate warns in development).\n   */\n  value: string;\n  /**\n   * Label of the category's toggle button (any content). Without it, the text children are used\n   * as the label — deprecated: pass the label here and only the sub-items as children.\n   */\n  label?: React.ReactNode;\n  /**\n   * Icon displayed before the category label. Rendered with `aria-hidden=\"true\"`. A falsy icon\n   * (`''`, `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /** The category's sub-items (`Nav.SubItem`), rendered in its list while it is open. */\n  children?: React.ReactNode;\n  /** Ref to the category's `<li>` element. */\n  ref?: React.Ref<HTMLLIElement>;\n}\n\n/**\n * The props of Nav.Item that every branch shares ({@link NavItemAnchorProps},\n * {@link NavItemButtonProps}, {@link NavItemDynamicProps}).\n */\nexport interface NavItemOwnProps {\n  /**\n   * Value identifying this nav item, unique among the items and sub-items of the Nav (a duplicate\n   * warns in development).\n   */\n  value: string;\n  /**\n   * Icon displayed before the item label. Rendered with `aria-hidden=\"true\"`. A falsy icon (`''`,\n   * `0`) or a list of nothing renders no icon box.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Whether the item is disabled: a native `disabled` button, or an `aria-disabled` link without\n   * `href`. Activating a disabled item never selects it; a disabled item whose value is the\n   * current `value` still shows as current (`aria-current=\"page\"` and the selected look), because\n   * the current value belongs to the app.\n   */\n  disabled?: boolean;\n  /** Label content. */\n  children?: React.ReactNode;\n}\n\n/**\n * The attributes only a link has (`target`, `download`, `hrefLang`, `ping`, …). Button items\n * declare them as `undefined`, so they are a type error without `href` instead of landing on the\n * `<button>`. `rel` cannot be listed (React types it on every element, RDFa); a button item drops\n * 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/**\n * Nav.Item rendered as a link (`href` given): anchor attributes, and handlers typed on\n * `HTMLAnchorElement`. 0.4 typed every item's handlers on `HTMLButtonElement`, so with a string\n * `href` an unannotated 0.4 handler that reads a button-only member (such as\n * `e.currentTarget.form`) no longer compiles; a handler already typed as\n * `React.MouseEventHandler<HTMLButtonElement>` still does (React handler types are bivariant).\n */\nexport interface NavItemAnchorProps\n  extends\n    NavItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof NavItemOwnProps> {\n  /**\n   * URL to navigate to; renders an `<a>`. Required in this branch, so `href` discriminates the\n   * union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /** Ref to the `<a>` element. */\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/** Nav.Item rendered as a button (no `href`): button attributes (a `rel` is not rendered). */\nexport interface NavItemButtonProps\n  extends\n    NavItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof NavItemOwnProps> {\n  /** Button items have no `href`. */\n  href?: undefined;\n  /** Ref to the `<button>` element. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Properties for the NavItem 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 NavItemButtonProps`) or intersect (`type X = NavItemProps & { … }`).\n * `React.ComponentProps<typeof Nav.Item>` resolves to the last overload,\n * {@link NavItemDynamicProps}.\n */\nexport type NavItemProps = NavItemAnchorProps | NavItemButtonProps;\n\n/**\n * Nav.Item with an `href` known only at run time (`string | undefined`): a link when it is a\n * string, a button otherwise. Resolved after the button and link signatures.\n *\n * Only the attributes both elements share are accepted (no `target`, `download`, `type`, `form`,\n * …), and handlers receive events of either element (`HTMLAnchorElement | HTMLButtonElement`).\n * 0.4 typed them as button events (`HTMLAttributes<HTMLButtonElement>`), so an unannotated 0.4\n * handler that reads a button-only member (such as `e.currentTarget.form`) no longer compiles here;\n * narrow `e.currentTarget` first. (A string `href` types handlers on `HTMLAnchorElement`, see\n * {@link NavItemAnchorProps}; no `href` keeps `HTMLButtonElement`.)\n */\nexport interface NavItemDynamicProps\n  extends\n    NavItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, keyof NavItemOwnProps> {\n  /** URL to navigate to; renders an `<a>` when defined, a `<button>` otherwise. */\n  href?: string;\n  /** Ref to the rendered `<a>` or `<button>` element. */\n  ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n}\n\n/**\n * The props of Nav.SubItem that every branch shares: those of {@link NavItemOwnProps} without\n * `icon`.\n */\nexport type NavSubItemOwnProps = Omit<NavItemOwnProps, 'icon'>;\n\n/**\n * Nav.SubItem rendered as a link (`href` given): anchor attributes, and handlers typed on\n * `HTMLAnchorElement` (0.4: `HTMLButtonElement`); see {@link NavItemAnchorProps}.\n */\nexport interface NavSubItemAnchorProps\n  extends\n    NavSubItemOwnProps,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof NavSubItemOwnProps> {\n  /**\n   * URL to navigate to; renders an `<a>`. Required in this branch, so `href` discriminates the\n   * union and handlers without `href` are typed as button handlers.\n   */\n  href: string;\n  /** Ref to the `<a>` element. */\n  ref?: React.Ref<HTMLAnchorElement>;\n}\n\n/** Nav.SubItem rendered as a button (no `href`): button attributes (a `rel` is not rendered). */\nexport interface NavSubItemButtonProps\n  extends\n    NavSubItemOwnProps,\n    NoAnchorOnlyAttributes,\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof NavSubItemOwnProps> {\n  /** Button sub-items have no `href`. */\n  href?: undefined;\n  /** Ref to the `<button>` element. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * Properties for the NavSubItem sub-component: link props with `href`, button props without.\n * A union type like {@link NavItemProps} (extend a branch or intersect; `React.ComponentProps`\n * resolves to {@link NavSubItemDynamicProps}).\n */\nexport type NavSubItemProps = NavSubItemAnchorProps | NavSubItemButtonProps;\n\n/**\n * Nav.SubItem with an `href` known only at run time (`string | undefined`): a link when it is a\n * string, a button otherwise. Only the attributes both elements share are accepted, and handlers\n * receive events of either element (0.4 typed them as button events); see\n * {@link NavItemDynamicProps}.\n */\nexport interface NavSubItemDynamicProps\n  extends\n    NavSubItemOwnProps,\n    Omit<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, keyof NavSubItemOwnProps> {\n  /** URL to navigate to; renders an `<a>` when defined, a `<button>` otherwise. */\n  href?: string;\n  /** Ref to the rendered `<a>` or `<button>` element. */\n  ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;\n}\n\n/** The props both entry kinds share at runtime (the union narrowed by `href`). */\ntype NavEntryProps = NavItemOwnProps &\n  Omit<React.AllHTMLAttributes<HTMLElement>, keyof NavItemOwnProps | 'ref'> & {\n    ref?: React.Ref<HTMLElement>;\n  };\n\n// ---------------------------------------------------------------------------\n// Styles\n// ---------------------------------------------------------------------------\n\nconst iconClasses = 'flex h-5 w-5 shrink-0 items-center justify-center';\n\n/**\n * The `icon` slot of Nav.Item and Nav.Category, or `null` when it renders nothing. A falsy icon\n * (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in 0.4 and as in\n * Avatar, and so is a collection whose items render nothing, so no empty 20px box is rendered\n * before the label. The check does not consume a generator: renderSlot still renders its items.\n */\nfunction renderIcon(icon: Slot<'span'> | undefined): React.ReactElement | null {\n  return icon && slotRendersContent(icon)\n    ? renderSlot(icon, 'span', iconClasses, { 'aria-hidden': true })\n    : null;\n}\n\nconst itemClasses = {\n  base: cn(\n    'flex w-full items-center gap-2 px-4 py-2 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none',\n    focusRingInset,\n    disabledStyles,\n  ),\n  selected: 'bg-subtle-selected text-primary font-semibold border-s-2 border-s-primary',\n  idle: 'text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover',\n};\n\nconst subItemClasses = {\n  base: cn(\n    'flex w-full items-center ps-11 pe-4 py-1.5 text-body-1 text-start no-underline transition-colors motion-reduce:transition-none',\n    focusRingInset,\n    disabledStyles,\n  ),\n  selected: 'text-primary font-semibold',\n  idle: 'text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover',\n};\n\nconst categoryButtonClasses = cn(\n  'flex w-full items-center gap-2 px-4 py-2 text-body-1 font-semibold text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover transition-colors motion-reduce:transition-none',\n  // A closed category that contains the current page shows the selected look of an item.\n  'data-[contains-current]:bg-subtle-selected data-[contains-current]:text-primary data-[contains-current]:border-s-2 data-[contains-current]:border-s-primary',\n  focusRingInset,\n);\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\ntype ElementWithChildren = React.ReactElement<{ value?: unknown; children?: React.ReactNode }>;\n\nfunction childrenOf(element: ElementWithChildren): React.ReactNode {\n  const { children } = element.props;\n  return typeof children === 'function' ? undefined : children;\n}\n\n/** Whether a thrown value suspends rendering (a loading lazy chunk, a pending promise). */\nfunction isThenable(value: unknown): boolean {\n  return (\n    (typeof value === 'object' || typeof value === 'function') &&\n    value !== null &&\n    typeof (value as { then?: unknown }).then === 'function'\n  );\n}\n\n/*\n * The walks below run during Nav's render and reach consumer content at any depth. Content that\n * is still loading inside the consumer's own <Suspense> (a promise child, a lazy node, a\n * `React.lazy` component) suspends that boundary when React renders it; walking it must never\n * suspend Nav itself, which would hide the whole Nav behind an outer boundary. So a child that\n * cannot be read yet is skipped, and a lazy type that is still loading is not a part (its\n * children are still walked). Parts written in a Server Component arrive as loaded client\n * references and are recognized.\n */\n\n/** Calls `visit` with each element of `nodes` (as `React.Children.forEach`), skipping pending ones. */\nfunction forEachElement(nodes: React.ReactNode, visit: (child: ElementWithChildren) => void): void {\n  if (Array.isArray(nodes)) {\n    for (const node of nodes as React.ReactNode[]) forEachElement(node, visit);\n    return;\n  }\n  try {\n    React.Children.forEach(nodes, (child) => {\n      if (React.isValidElement<ElementWithChildren['props']>(child)) visit(child);\n    });\n  } catch (error) {\n    if (!isThenable(error)) throw error;\n  }\n}\n\n/** Whether `element` is one of `types`; a lazy type still loading is none (it never suspends). */\nfunction isPart(element: ElementWithChildren, ...types: unknown[]): boolean {\n  return types.includes(getElementType(element, { suspend: false }));\n}\n\n/**\n * Whether `nodes` contain a Nav.Item/Nav.SubItem element with `value === selected` (parts written\n * in a Server Component, lazy client references, included). Called during render only.\n */\nfunction containsValue(nodes: React.ReactNode, selected: string): boolean {\n  let found = false;\n  forEachElement(nodes, (child) => {\n    if (found) return;\n    if (isPart(child, NavItem, NavSubItem) && child.props.value === selected) {\n      found = true;\n    } else {\n      found = containsValue(childrenOf(child), selected);\n    }\n  });\n  return found;\n}\n\n/** The values of the Nav.Category elements (at any depth of JSX) that contain `selected`. */\nfunction findCategoriesContaining(nodes: React.ReactNode, selected: string): string[] {\n  const result: string[] = [];\n  if (!selected) return result;\n  const visit = (current: React.ReactNode) => {\n    forEachElement(current, (child) => {\n      const inner = childrenOf(child);\n      if (\n        isPart(child, NavCategory) &&\n        typeof child.props.value === 'string' &&\n        containsValue(inner, selected)\n      ) {\n        result.push(child.props.value);\n      }\n      visit(inner);\n    });\n  };\n  visit(nodes);\n  return result;\n}\n\n/**\n * Whether a click on a link opens it somewhere other than the current page, checked as routers\n * do: a modifier key (a new tab or window, a download), a mouse button other than the main one, a\n * `target` other than `_self`, or a `download` link. Only when the default is not prevented does\n * the browser actually open it there.\n */\nfunction opensElsewhere(event: React.MouseEvent<HTMLElement>): boolean {\n  if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n    return true;\n  }\n  const link = event.currentTarget;\n  const target = link.getAttribute('target');\n  return (!!target && target.toLowerCase() !== '_self') || link.hasAttribute('download');\n}\n\n/** Shared rendering of Nav.Item and Nav.SubItem (link or button). */\nfunction renderNavEntry(\n  props: NavEntryProps,\n  context: NavContextValue,\n  classes: { base: string; selected: string; idle: string },\n  withIcon: boolean,\n): React.ReactElement {\n  const { value, icon, disabled = false, href, className, children, onClick, ref, ...rest } = props;\n  const isSelected = context.value === value;\n  const isLink = href !== undefined;\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n    onClick?.(event);\n    // A link is still selected when the consumer prevents its default (client-side routing:\n    // `preventDefault()` + `router.push(href)`, whatever the modifier keys: the browser then opens\n    // nothing elsewhere), but not when the browser opens it elsewhere (the current page does not\n    // change); a button honours `preventDefault()` (C-COMPOSE).\n    if (isLink ? !event.defaultPrevented && opensElsewhere(event) : event.defaultPrevented) return;\n    context.select(value);\n  };\n\n  const content = (\n    <>\n      {withIcon && renderIcon(icon)}\n      {withIcon ? <span className=\"flex-1 text-start\">{children}</span> : children}\n    </>\n  );\n\n  const entryClassName = cn(classes.base, isSelected ? classes.selected : classes.idle, className);\n\n  if (isLink) {\n    return (\n      <li>\n        <a\n          {...(rest as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={disabled ? undefined : href}\n          role={disabled ? 'link' : rest.role}\n          aria-disabled={disabled ? true : rest['aria-disabled']}\n          aria-current={isSelected ? 'page' : undefined}\n          onClick={handleClick}\n          className={entryClassName}\n        >\n          {content}\n        </a>\n      </li>\n    );\n  }\n\n  // `rel` only belongs on a link: a button item drops it (React types it on every element).\n  const { rel, ...buttonRest } = rest;\n  return (\n    <li>\n      <button\n        type=\"button\"\n        {...(buttonRest as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        ref={ref as React.Ref<HTMLButtonElement>}\n        disabled={disabled}\n        aria-current={isSelected ? 'page' : undefined}\n        onClick={handleClick}\n        className={entryClassName}\n      >\n        {content}\n      </button>\n    </li>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Nav.Category\n// ---------------------------------------------------------------------------\n\n/**\n * A collapsible group of sub-items. Its toggle button shows `label` and reports `aria-expanded`\n * (and `aria-controls` while open); the sub-items render in a nested list while it is open.\n * Open state lives on `Nav` (`openCategories`/`defaultOpenCategories`).\n *\n * A closed category that contains the current item marks its toggle button with\n * `aria-current=\"true\"` (the button is not the page's link, so not `\"page\"`),\n * `data-contains-current` and the selected look of `Nav.Item`. It contains the current item when\n * a `Nav.SubItem` with the current value is among its children (through Fragments and wrapper\n * elements, also in the server HTML), when the current sub-item was last shown in it (and has not\n * moved among another category's children since), or when it is the Nav's `currentCategory`. An\n * open category is not marked: its sub-item shows the current page.\n *\n * Also exported as `NavCategory` (import the flat name from React Server Components).\n */\nconst NavCategory = ({\n  value,\n  label,\n  icon,\n  className,\n  children,\n  ref,\n  ...rest\n}: NavCategoryProps) => {\n  const context = useNavContext('Nav.Category');\n  const {\n    value: currentValue,\n    openCategories,\n    toggleCategory,\n    currentCategory,\n    categoryStore,\n  } = context;\n  useNavValue(context, 'category', value);\n  const listId = useId('wave-nav-category');\n  const isOpen = openCategories.includes(value);\n\n  // The current sub-item is among the children of this closed category (also on the server).\n  const holdsCurrentChild = !isOpen && currentValue !== '' && containsValue(children, currentValue);\n  // The current sub-item was last shown in this category (none on the server).\n  const holdsShownCurrent = React.useSyncExternalStore(\n    categoryStore.subscribe,\n    () => currentValue !== '' && categoryStore.get(currentValue) === value,\n    () => false,\n  );\n  // Children that hold the current sub-item make this the category the Nav remembers for it, so a\n  // category it was shown in before it moved here is no longer marked. The entry is forgotten when\n  // they stop holding it (an open category records through its mounted sub-item instead).\n  React.useLayoutEffect(() => {\n    if (!holdsCurrentChild) return;\n    categoryStore.record(currentValue, value);\n    return () => categoryStore.forget(currentValue, value);\n  }, [categoryStore, holdsCurrentChild, currentValue, value]);\n  const containsCurrent =\n    !isOpen && (currentCategory === value || holdsShownCurrent || holdsCurrentChild);\n\n  let buttonLabel: React.ReactNode = label;\n  let items: React.ReactNode = children;\n  if (label === undefined) {\n    // Deprecated 0.4 path: the text children are the label, the other children the sub-items.\n    warnDeprecated(\n      'Nav.Category',\n      'text children as the label',\n      'label',\n      'Pass the category label in `label` and only the sub-items as children.',\n    );\n    const parts = React.Children.toArray(children);\n    const isText = (part: unknown) => typeof part === 'string' || typeof part === 'number';\n    buttonLabel = parts.filter(isText).join('');\n    items = parts.filter((part) => !isText(part));\n  }\n\n  return (\n    <li ref={ref} {...rest} className={className}>\n      <button\n        type=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? listId : undefined}\n        aria-current={containsCurrent ? true : undefined}\n        data-contains-current={containsCurrent ? '' : undefined}\n        onClick={() => toggleCategory(value)}\n        className={categoryButtonClasses}\n      >\n        {renderIcon(icon)}\n        <span className=\"flex-1 text-start\">{buttonLabel}</span>\n        <ChevronDownIcon\n          className={cn(\n            'shrink-0 transition-transform motion-reduce:transition-none',\n            isOpen && 'rotate-180',\n          )}\n        />\n      </button>\n      {isOpen && (\n        <NavCategoryValueContext.Provider value={value}>\n          <ul id={listId} className=\"m-0 list-none p-0\">\n            {items}\n          </ul>\n        </NavCategoryValueContext.Provider>\n      )}\n    </li>\n  );\n};\nNavCategory.displayName = 'NavCategory';\n\n// ---------------------------------------------------------------------------\n// Nav.Item / Nav.SubItem\n// ---------------------------------------------------------------------------\n\n/**\n * A top-level navigation entry: a link when `href` is given (anchor props), a button otherwise\n * (button props). Clicking selects it (`aria-current=\"page\"`); activating a disabled entry never\n * selects it (a disabled entry whose value is the current value still shows as current).\n *\n * A click that opens a link somewhere other than the current page selects nothing (the consumer's\n * `onClick` still runs, and the browser opens the link): Ctrl/Cmd/Shift/Alt-click, a mouse button\n * other than the main one, a `target` other than `_self`, or a `download` link. When the consumer's\n * `onClick` calls `preventDefault()` (client-side routing), the browser opens nothing, so the item\n * is selected whatever the keys, button or `target`.\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 NavItemDynamicProps}: events of either element).\n *\n * Also exported as `NavItem` (import the flat name from React Server Components).\n */\nfunction NavItem(props: NavItemButtonProps): React.ReactElement;\nfunction NavItem(props: NavItemAnchorProps): React.ReactElement;\nfunction NavItem(props: NavItemDynamicProps): React.ReactElement;\nfunction NavItem(props: NavItemProps | NavItemDynamicProps): React.ReactElement {\n  const context = useNavContext('Nav.Item');\n  useNavValue(context, 'item', props.value);\n  useRecordCategory(context, props.value);\n  return renderNavEntry(props as NavEntryProps, context, itemClasses, true);\n}\nNavItem.displayName = 'NavItem';\n\n/**\n * An indented entry inside a `Nav.Category`: a link when `href` is given, a button otherwise.\n * Selected like `Nav.Item` (a click that the browser opens somewhere else selects nothing; one\n * whose default your `onClick` prevents is selected), and typed by overloads like `Nav.Item`\n * (button, link, then {@link NavSubItemDynamicProps}).\n *\n * Also exported as `NavSubItem` (import the flat name from React Server Components).\n */\nfunction NavSubItem(props: NavSubItemButtonProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemAnchorProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemDynamicProps): React.ReactElement;\nfunction NavSubItem(props: NavSubItemProps | NavSubItemDynamicProps): React.ReactElement {\n  const context = useNavContext('Nav.SubItem');\n  useNavValue(context, 'item', props.value);\n  useRecordCategory(context, props.value);\n  return renderNavEntry(props as NavEntryProps, context, subItemClasses, false);\n}\nNavSubItem.displayName = 'NavSubItem';\n\n// ---------------------------------------------------------------------------\n// Nav (root)\n// ---------------------------------------------------------------------------\n\nconst NavRoot = ({\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  onValueChange,\n  selectedValue,\n  defaultSelectedValue,\n  onNavItemSelect,\n  openCategories: openCategoriesProp,\n  defaultOpenCategories,\n  onOpenCategoriesChange,\n  currentCategory,\n  className,\n  children,\n  ref,\n  ...rest\n}: NavProps) => {\n  const controlledValue = resolveDeprecatedProp(\n    'Nav',\n    valueProp,\n    selectedValue,\n    'selectedValue',\n    'value',\n  );\n  const defaultValue =\n    resolveDeprecatedProp(\n      'Nav',\n      defaultValueProp,\n      defaultSelectedValue,\n      'defaultSelectedValue',\n      'defaultValue',\n    ) ?? '';\n  if (onNavItemSelect !== undefined) warnDeprecated('Nav', 'onNavItemSelect', 'onValueChange');\n\n  const [value, setValue] = useControllable(controlledValue, defaultValue, onValueChange);\n  const notifyNavItemSelect = useEventCallback(onNavItemSelect);\n  const select = React.useCallback(\n    (next: string) => {\n      setValue(next);\n      // Deprecated event-named alias: every activation, re-selection included (C-NAMING).\n      notifyNavItemSelect(next);\n    },\n    [setValue, notifyNavItemSelect],\n  );\n\n  const [initialOpenCategories] = React.useState<readonly string[]>(\n    () =>\n      defaultOpenCategories ?? findCategoriesContaining(children, controlledValue ?? defaultValue),\n  );\n  const [openCategories, setOpenCategories] = useControllable<readonly string[]>(\n    openCategoriesProp,\n    initialOpenCategories,\n    (next) => onOpenCategoriesChange?.([...next]),\n  );\n  const toggleCategory = React.useCallback(\n    (category: string) => {\n      setOpenCategories((previous) =>\n        previous.includes(category)\n          ? previous.filter((entry) => entry !== category)\n          : [...previous, category],\n      );\n    },\n    [setOpenCategories],\n  );\n\n  // Duplicate values (C-DEV): the mounted items and categories per value (written from their\n  // effects only); a second one with a value already in use warns once per value.\n  const valueCountsRef = React.useRef<Map<string, number> | null>(null);\n  const registerValue = React.useCallback((kind: NavValueKind, entry: string) => {\n    const counts = (valueCountsRef.current ??= new Map<string, number>());\n    const key = `${kind}:${entry}`;\n    const count = (counts.get(key) ?? 0) + 1;\n    counts.set(key, count);\n    if (count > 1) warnDuplicateValue(kind, entry);\n    return () => {\n      const remaining = (counts.get(key) ?? 1) - 1;\n      if (remaining > 0) counts.set(key, remaining);\n      else counts.delete(key);\n    };\n  }, []);\n\n  const [categoryStore] = React.useState(createCategoryStore);\n\n  const contextValue = React.useMemo<NavContextValue>(\n    () => ({\n      value,\n      select,\n      openCategories,\n      toggleCategory,\n      registerValue,\n      currentCategory,\n      categoryStore,\n    }),\n    [value, select, openCategories, toggleCategory, registerValue, currentCategory, categoryStore],\n  );\n\n  return (\n    <NavContext.Provider value={contextValue}>\n      <nav\n        aria-label=\"Navigation\"\n        {...rest}\n        ref={ref}\n        className={cn('w-60 border-e border-border bg-background py-2', className)}\n      >\n        <ul className=\"m-0 list-none p-0\">{children}</ul>\n      </nav>\n    </NavContext.Provider>\n  );\n};\nNavRoot.displayName = 'Nav';\n\n/**\n * A vertical side navigation (`<nav>` landmark, default name \"Navigation\") with items, links and\n * collapsible categories.\n *\n * - **Selection**: `value`/`defaultValue`/`onValueChange` (`onValueChange` fires only when the\n *   value changes). The deprecated `selectedValue`/`defaultSelectedValue`/`onNavItemSelect` still\n *   work; `onNavItemSelect` keeps firing on every activation, re-selection included. A click that\n *   opens a link in another tab or window (or downloads it) selects nothing, unless the item's\n *   `onClick` prevents the default (client-side routing: then nothing opens elsewhere).\n * - **Categories**: `openCategories`/`defaultOpenCategories`/`onOpenCategoriesChange`. Without\n *   `defaultOpenCategories`, the categories containing the selected item (`value` or\n *   `defaultValue`) start open. A closed category that contains the selected item marks its toggle\n *   (`aria-current=\"true\"`, `data-contains-current`, the selected look); pass `currentCategory`\n *   for sub-items your own component renders inside a closed category.\n * - **Values** are unique: among the items and sub-items, and among the categories (a duplicate\n *   warns in development).\n *\n * Sub-components are also exported under flat names (`NavCategory`, `NavItem`, `NavSubItem`):\n * React Server Components import those, because dotted access (`Nav.Item`) needs a client file.\n */\nexport const Nav = /* @__PURE__ */ Object.assign(NavRoot, {\n  Category: NavCategory,\n  Item: NavItem,\n  SubItem: NavSubItem,\n});\n\nexport { NavCategory, NavItem, NavSubItem };\n"],"mappings":"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"}

package/dist/components/navigation/Pagination.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../hooks/useEventCallback.cjs"),i=require("../../hooks/useControllable.cjs"),a=require("../../lib/aria.cjs"),o=require("../../lib/styles.cjs"),s=require("../../lib/icons.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u(e,t){switch(e){case`first`:return`First page`;case`previous`:return`Previous page`;case`next`:return`Next page`;case`last`:return`Last page`;default:return`Page ${t}`}}function d(e,t){return Number.isFinite(e)?Math.max(0,Math.floor(e)):t}function f(e,t){return Number.isNaN(e)?1:Math.min(Math.max(1,Math.floor(e)),t)}function p(e,t,n=1,r=1){let i=d(e,0);if(i<1)return[];let a=f(t,i),o=d(n,1),s=d(r,1);if(i<=s*2+o*2+3)return Array.from({length:i},(e,t)=>t+1);let c=new Set;for(let e=1;e<=Math.min(s,i);e++)c.add(e);for(let e=Math.max(1,i-s+1);e<=i;e++)c.add(e);for(let e=Math.max(1,a-o);e<=Math.min(i,a+o);e++)c.add(e);c.add(a);let l=Array.from(c).sort((e,t)=>e-t),u=[],p=(e,t)=>{let n=t-e;n===2?u.push(e+1):n>2&&u.push(`ellipsis`)},m=0;for(let e of l)p(m,e),u.push(e),m=e;return p(m,i+1),u}var m=t.cn(`inline-flex items-center justify-center rounded border cursor-pointer transition-colors motion-reduce:transition-none`,o.focusRing,o.disabledStyles),h=`border-border bg-transparent text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed`,g=t.cn(`border-primary bg-primary text-primary-foreground`,o.forcedColors.selectedLeaf),_=`wave-rtl:-scale-x-100`,v=({currentPage:e,defaultCurrentPage:o=1,totalPages:v,onPageChange:y,siblingCount:b=1,boundaryCount:x=1,showPreviousNext:S=!0,showFirstLast:C=!1,disabled:w=!1,size:T=`medium`,getItemAriaLabel:E=u,className:D,ref:O,...k})=>{let[A,j,M]=i.useControllable(e,o),N=r.useEventCallback(y),P=d(v,0),F=!M,[I,L]=c.useState(null),R=F&&I!==null?I:A,z=f(R,Math.max(1,P));F&&P>=1&&!Object.is(z,R)&&L(z),c.useEffect(()=>{Number.isInteger(v)||n.warnOnce(`Pagination:totalPages`,`Pagination: \`totalPages\` must be an integer, received ${String(v)}. Fractional values are rounded down; NaN and infinite values render nothing.`)},[v]);let B=c.useRef(null);if(c.useEffect(()=>{if(P<1)return;if(Object.is(z,A)){B.current=null;return}let e=`${String(A)}->${z}`;B.current!==e&&(B.current=e,N(z))},[z,A,P,N]),P<1)return null;let V=p(P,z,b,x),H=T===`small`?`h-7 w-7 text-caption-1`:`h-8 w-8 text-body-1`,U=z<=1,W=z>=P,G=e=>{w||e<1||e>P||(L(null),j(e),N(e))},K=(e,n,r,i)=>(0,l.jsx)(`li`,{children:(0,l.jsx)(`button`,{type:`button`,"aria-label":E(e,n,!1),disabled:w,...w?{}:a.focusableDisabledProps(r),onClick:a.preventIfDisabled(r,()=>G(n)),className:t.cn(m,H,h),children:i})});return(0,l.jsx)(`nav`,{ref:O,"aria-label":`Pagination`,...k,className:t.cn(D),children:(0,l.jsxs)(`ol`,{className:`m-0 flex list-none items-center gap-1 p-0`,children:[C&&K(`first`,1,U,(0,l.jsx)(s.ChevronDoubleLeftIcon,{className:_})),S&&K(`previous`,Math.max(1,z-1),U,(0,l.jsx)(s.ChevronLeftIcon,{className:_})),V.map((e,n)=>e===`ellipsis`?(0,l.jsx)(`li`,{"aria-hidden":`true`,children:(0,l.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center text-muted-foreground`,H),children:`…`})},n<V.length/2?`start-ellipsis`:`end-ellipsis`):(0,l.jsx)(`li`,{children:(0,l.jsx)(`button`,{type:`button`,"aria-label":E(`page`,e,e===z),"aria-current":e===z?`page`:void 0,disabled:w,onClick:()=>G(e),className:t.cn(m,H,e===z?g:h),children:e})},e)),S&&K(`next`,Math.min(P,z+1),W,(0,l.jsx)(s.ChevronRightIcon,{className:_})),C&&K(`last`,P,W,(0,l.jsx)(s.ChevronDoubleRightIcon,{className:_}))]})})};v.displayName=`Pagination`,exports.Pagination=v,exports.getPaginationRange=p;
+//# sourceMappingURL=Pagination.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","names":["cn","focusRing","disabledStyles","forcedColors","useControllable","useEventCallback","React","focusableDisabledProps","preventIfDisabled","ChevronDoubleLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronDoubleRightIcon","require_runtime","require_cn","require_dev","require_useEventCallback","require_useControllable","require_aria","require_styles","require_icons","react","react_jsx_runtime","defaultGetItemAriaLabel","type","page","toCount","value","fallback","clampPage","pageCount","getPaginationRange","total","totalPages","current","currentPage","siblings","siblingCount","boundaries","boundaryCount","i","pages","sorted","a","b","range","fillGap","gap","after","before","previous","pageNumber","itemBaseClasses","idleItemClasses","currentItemClasses","chevronClasses","Pagination","controlledPage","rest","rawPage","setPage","isControlled","defaultCurrentPage","emitPageChange","onPageChange","uncontrolled","storedClamp","setStoredClamp","basePage","notifiedClampRef","clamp","sizeClasses","size","atStart","atEnd","goTo","disabled","target","renderNavButton","getItemAriaLabel","unavailable","icon","className","showFirstLast","showPreviousNext","item","index"],"sources":["../../../src/components/navigation/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { focusableDisabledProps, preventIfDisabled } from '../../lib/aria';\nimport { warnOnce } from '../../lib/dev';\nimport {\n  ChevronDoubleLeftIcon,\n  ChevronDoubleRightIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from '../../lib/icons';\nimport { disabledStyles, focusRing, forcedColors } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\n\n/** The kinds of Pagination buttons, as passed to `getItemAriaLabel`. */\nexport type PaginationItemType = 'first' | 'previous' | 'page' | 'next' | 'last';\n\n/** Properties for the Pagination component. */\nexport interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {\n  /**\n   * Controlled current page number (1-based). A value outside `1…totalPages` is shown clamped, and\n   * `onPageChange` is called once with the clamped page so the parent can resync. The prop stays\n   * authoritative: if the parent keeps the old value, it is shown again once it is back in range.\n   */\n  currentPage?: number;\n  /**\n   * Default current page for uncontrolled usage. When the current page falls outside\n   * `1…totalPages` (for example because `totalPages` shrinks), the clamped page is kept and\n   * reported once through `onPageChange`; it does not jump back when `totalPages` grows again.\n   * @default 1\n   */\n  defaultCurrentPage?: number;\n  /**\n   * Total number of pages. A fractional value is rounded down; `0`, a negative value or `NaN`\n   * renders nothing (non-integer values log a development warning).\n   */\n  totalPages: number;\n  /**\n   * Called with the target page whenever a page, First, Previous, Next or Last button is activated\n   * — also when the current page is activated again (0.4 semantics) — and once when the current\n   * page is clamped into `1…totalPages`.\n   */\n  onPageChange?: (page: number) => void;\n  /** Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Number of page buttons to always show at the start and end. With `0` no page is pinned there,\n   * and an ellipsis marks the pages before or after the shown range.\n   * @default 1\n   */\n  boundaryCount?: number;\n  /** Whether to show previous/next navigation buttons.\n   * @default true\n   */\n  showPreviousNext?: boolean;\n  /** Whether to show first/last page navigation buttons.\n   * @default false\n   */\n  showFirstLast?: boolean;\n  /**\n   * Whether the entire pagination control is disabled (every button gets the native `disabled`\n   * attribute). Boundary buttons that point at the current page are not natively disabled: they use\n   * `aria-disabled=\"true\"` and stay focusable.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Size of the pagination buttons.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n  /**\n   * Accessible name of each button, for localization. `page` is the page the button navigates to\n   * (for `'page'` items, the page it shows); `selected` is `true` for the current page. Defaults:\n   * `'First page'`, `'Previous page'`, `` `Page ${page}` ``, `'Next page'`, `'Last page'`. The\n   * landmark itself is named with `aria-label` (default `'Pagination'`) or `aria-labelledby`.\n   */\n  getItemAriaLabel?: (type: PaginationItemType, page: number, selected: boolean) => string;\n  /** Ref to the root `<nav>` element. */\n  ref?: React.Ref<HTMLElement>;\n}\n\nfunction defaultGetItemAriaLabel(type: PaginationItemType, page: number): string {\n  switch (type) {\n    case 'first':\n      return 'First page';\n    case 'previous':\n      return 'Previous page';\n    case 'next':\n      return 'Next page';\n    case 'last':\n      return 'Last page';\n    default:\n      return `Page ${page}`;\n  }\n}\n\n/** A non-negative integer count, or `fallback` for `NaN`/`±Infinity`. */\nfunction toCount(value: number, fallback: number): number {\n  return Number.isFinite(value) ? Math.max(0, Math.floor(value)) : fallback;\n}\n\n/** `page` rounded down and clamped into `1…pageCount` (`NaN` → 1). */\nfunction clampPage(page: number, pageCount: number): number {\n  if (Number.isNaN(page)) return 1;\n  return Math.min(Math.max(1, Math.floor(page)), pageCount);\n}\n\n/**\n * The page items Pagination renders: page numbers and `'ellipsis'` markers, in order.\n *\n * Always shows `boundaryCount` pages at each end and `siblingCount` pages on each side of the\n * current page; a gap of exactly one page is filled with that page instead of an ellipsis. With\n * `boundaryCount` 0 no page is pinned at the ends, so a gap before the first or after the last\n * shown page gets an ellipsis too. When `totalPages` fits into those slots\n * (`2 × boundaryCount + 2 × siblingCount + 3`), every page is listed. `currentPage` is clamped\n * into `1…totalPages`; `totalPages < 1` returns `[]`.\n *\n * Exported from this module for tests and custom pagers; not part of the package barrel.\n *\n * @example getPaginationRange(20, 10) // [1, 'ellipsis', 9, 10, 11, 'ellipsis', 20]\n * @example getPaginationRange(20, 10, 1, 0) // ['ellipsis', 9, 10, 11, 'ellipsis']\n */\nexport function getPaginationRange(\n  totalPages: number,\n  currentPage: number,\n  siblingCount = 1,\n  boundaryCount = 1,\n): Array<number | 'ellipsis'> {\n  const total = toCount(totalPages, 0);\n  if (total < 1) return [];\n  const current = clampPage(currentPage, total);\n  const siblings = toCount(siblingCount, 1);\n  const boundaries = toCount(boundaryCount, 1);\n\n  // boundaries + siblings + current + 2 ellipsis slots\n  const totalSlots = boundaries * 2 + siblings * 2 + 3;\n  if (total <= totalSlots) {\n    return Array.from({ length: total }, (_, i) => i + 1);\n  }\n\n  const pages = new Set<number>();\n  for (let i = 1; i <= Math.min(boundaries, total); i++) pages.add(i);\n  for (let i = Math.max(1, total - boundaries + 1); i <= total; i++) pages.add(i);\n  for (let i = Math.max(1, current - siblings); i <= Math.min(total, current + siblings); i++) {\n    pages.add(i);\n  }\n  pages.add(current);\n\n  const sorted = Array.from(pages).sort((a, b) => a - b);\n  const range: Array<number | 'ellipsis'> = [];\n  /** Marks the pages between `before` and `after` (both exclusive). */\n  const fillGap = (before: number, after: number) => {\n    const gap = after - before;\n    if (gap === 2) {\n      // A single missing page: show it instead of an ellipsis.\n      range.push(before + 1);\n    } else if (gap > 2) {\n      range.push('ellipsis');\n    }\n  };\n  // The ends are virtual neighbours 0 and total + 1, so with `boundaryCount` 0 (no page pinned at\n  // an end) a gap before the first or after the last shown page is marked as well.\n  let previous = 0;\n  for (const pageNumber of sorted) {\n    fillGap(previous, pageNumber);\n    range.push(pageNumber);\n    previous = pageNumber;\n  }\n  fillGap(previous, total + 1);\n  return range;\n}\n\nconst itemBaseClasses = cn(\n  'inline-flex items-center justify-center rounded border cursor-pointer transition-colors motion-reduce:transition-none',\n  focusRing,\n  disabledStyles,\n);\n\nconst idleItemClasses =\n  'border-border bg-transparent text-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed';\n\nconst currentItemClasses = cn(\n  'border-primary bg-primary text-primary-foreground',\n  forcedColors.selectedLeaf,\n);\n\n/**\n * Directional glyphs point the other way in right-to-left layouts (C-LOGICAL), by the glyph's own\n * direction: Tailwind's bare variant would also match inside an LTR subtree of an RTL page.\n */\nconst chevronClasses = 'wave-rtl:-scale-x-100';\n\n/**\n * Page navigation for paged content: page buttons with ellipses, optional Previous/Next and\n * First/Last buttons, inside a `<nav>` landmark named \"Pagination\" (override with `aria-label`).\n *\n * `onPageChange` is an event callback: it fires on every activation, including the current page.\n * Boundary buttons that point at the current page use `aria-disabled` and keep focus; the whole\n * control is disabled with `disabled`. Button names are localized with `getItemAriaLabel`.\n */\nconst Pagination = ({\n  currentPage: controlledPage,\n  defaultCurrentPage = 1,\n  totalPages,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPreviousNext = true,\n  showFirstLast = false,\n  disabled = false,\n  size = 'medium',\n  getItemAriaLabel = defaultGetItemAriaLabel,\n  className,\n  ref,\n  ...rest\n}: PaginationProps) => {\n  // `isControlled` is useControllable's sticky mode: a pager that was ever controlled stays\n  // controlled, also when `currentPage` later becomes `undefined` (misuse; the hook warns and\n  // reports `defaultCurrentPage`, which is then clamped like a controlled value).\n  const [rawPage, setPage, isControlled] = useControllable(controlledPage, defaultCurrentPage);\n  const emitPageChange = useEventCallback(onPageChange);\n\n  const pageCount = toCount(totalPages, 0);\n  const uncontrolled = !isControlled;\n  // Uncontrolled: a clamp is stored, so the page does not jump back to the out-of-range value — and\n  // out of sync with the last `onPageChange` — when `totalPages` grows again. Navigation clears it.\n  // Controlled: the prop always wins.\n  const [storedClamp, setStoredClamp] = React.useState<number | null>(null);\n  const basePage = uncontrolled && storedClamp !== null ? storedClamp : rawPage;\n  const page = clampPage(basePage, Math.max(1, pageCount));\n  if (uncontrolled && pageCount >= 1 && !Object.is(page, basePage)) {\n    setStoredClamp(page);\n  }\n\n  React.useEffect(() => {\n    if (!Number.isInteger(totalPages)) {\n      warnOnce(\n        'Pagination:totalPages',\n        `Pagination: \\`totalPages\\` must be an integer, received ${String(totalPages)}. ` +\n          'Fractional values are rounded down; NaN and infinite values render nothing.',\n      );\n    }\n  }, [totalPages]);\n\n  // Tell the parent about a clamped page once per clamp (also under StrictMode's double effects). A\n  // stored uncontrolled clamp keeps `page !== rawPage`, so growing `totalPages` does not re-notify;\n  // neither does a pass through `totalPages={0}` (nothing rendered, the last clamp is kept).\n  const notifiedClampRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (pageCount < 1) return;\n    if (Object.is(page, rawPage)) {\n      notifiedClampRef.current = null;\n      return;\n    }\n    const clamp = `${String(rawPage)}->${page}`;\n    if (notifiedClampRef.current === clamp) return;\n    notifiedClampRef.current = clamp;\n    emitPageChange(page);\n  }, [page, rawPage, pageCount, emitPageChange]);\n\n  if (pageCount < 1) return null;\n\n  const range = getPaginationRange(pageCount, page, siblingCount, boundaryCount);\n  const sizeClasses = size === 'small' ? 'h-7 w-7 text-caption-1' : 'h-8 w-8 text-body-1';\n  const atStart = page <= 1;\n  const atEnd = page >= pageCount;\n\n  /** Event callback semantics: every activation of an available button emits (C-NAMING). */\n  const goTo = (target: number) => {\n    if (disabled || target < 1 || target > pageCount) return;\n    setStoredClamp(null);\n    setPage(target);\n    emitPageChange(target);\n  };\n\n  const renderNavButton = (\n    type: Exclude<PaginationItemType, 'page'>,\n    target: number,\n    unavailable: boolean,\n    icon: React.ReactNode,\n  ) => (\n    <li>\n      <button\n        type=\"button\"\n        aria-label={getItemAriaLabel(type, target, false)}\n        disabled={disabled}\n        {...(disabled ? {} : focusableDisabledProps(unavailable))}\n        onClick={preventIfDisabled(unavailable, () => goTo(target))}\n        className={cn(itemBaseClasses, sizeClasses, idleItemClasses)}\n      >\n        {icon}\n      </button>\n    </li>\n  );\n\n  return (\n    <nav ref={ref} aria-label=\"Pagination\" {...rest} className={cn(className)}>\n      <ol className=\"m-0 flex list-none items-center gap-1 p-0\">\n        {showFirstLast &&\n          renderNavButton(\n            'first',\n            1,\n            atStart,\n            <ChevronDoubleLeftIcon className={chevronClasses} />,\n          )}\n        {showPreviousNext &&\n          renderNavButton(\n            'previous',\n            Math.max(1, page - 1),\n            atStart,\n            <ChevronLeftIcon className={chevronClasses} />,\n          )}\n\n        {range.map((item, index) =>\n          item === 'ellipsis' ? (\n            <li\n              key={index < range.length / 2 ? 'start-ellipsis' : 'end-ellipsis'}\n              aria-hidden=\"true\"\n            >\n              <span\n                className={cn(\n                  'inline-flex items-center justify-center text-muted-foreground',\n                  sizeClasses,\n                )}\n              >\n                …\n              </span>\n            </li>\n          ) : (\n            <li key={item}>\n              <button\n                type=\"button\"\n                aria-label={getItemAriaLabel('page', item, item === page)}\n                aria-current={item === page ? 'page' : undefined}\n                disabled={disabled}\n                onClick={() => goTo(item)}\n                className={cn(\n                  itemBaseClasses,\n                  sizeClasses,\n                  item === page ? currentItemClasses : idleItemClasses,\n                )}\n              >\n                {item}\n              </button>\n            </li>\n          ),\n        )}\n\n        {showPreviousNext &&\n          renderNavButton(\n            'next',\n            Math.min(pageCount, page + 1),\n            atEnd,\n            <ChevronRightIcon className={chevronClasses} />,\n          )}\n        {showFirstLast &&\n          renderNavButton(\n            'last',\n            pageCount,\n            atEnd,\n            <ChevronDoubleRightIcon className={chevronClasses} />,\n          )}\n      </ol>\n    </nav>\n  );\n};\nPagination.displayName = 'Pagination';\n\nexport { Pagination };\n"],"mappings":"2YAmFA,SAASuB,EAAwB,EAA0B,EAAsB,CAC/E,OAAQC,EAAR,CACE,IAAK,QACH,MAAO,aACT,IAAK,WACH,MAAO,gBACT,IAAK,OACH,MAAO,YACT,IAAK,OACH,MAAO,YACT,QACE,MAAO,QAAQC,GACnB,CACF,CAGA,SAASC,EAAQ,EAAe,EAA0B,CACxD,OAAO,OAAO,SAASC,CAAK,EAAI,KAAK,IAAI,EAAG,KAAK,MAAMA,CAAK,CAAC,EAAIC,CACnE,CAGA,SAASC,EAAU,EAAc,EAA2B,CAE1D,OADI,OAAO,MAAMJ,CAAI,EAAU,EACxB,KAAK,IAAI,KAAK,IAAI,EAAG,KAAK,MAAMA,CAAI,CAAC,EAAGK,CAAS,CAC1D,CAiBA,SAAgBC,EACd,EACA,EACA,EAAe,EACf,EAAgB,EACY,CAC5B,IAAMC,EAAQN,EAAQO,EAAY,CAAC,EACnC,GAAID,EAAQ,EAAG,MAAO,CAAC,EACvB,IAAME,EAAUL,EAAUM,EAAaH,CAAK,EACtCI,EAAWV,EAAQW,EAAc,CAAC,EAClCC,EAAaZ,EAAQa,EAAe,CAAC,EAI3C,GAAIP,GADeM,EAAa,EAAIF,EAAW,EAAI,EAEjD,OAAO,MAAM,KAAK,CAAE,OAAQJ,CAAM,GAAI,EAAG,IAAMQ,EAAI,CAAC,EAGtD,IAAMC,EAAQ,IAAI,IAClB,IAAK,IAAID,EAAI,EAAGA,GAAK,KAAK,IAAIF,EAAYN,CAAK,EAAG,IAAKS,EAAM,IAAID,CAAC,EAClE,IAAK,IAAIA,EAAI,KAAK,IAAI,EAAGR,EAAQM,EAAa,CAAC,EAAGE,GAAKR,EAAO,IAAKS,EAAM,IAAID,CAAC,EAC9E,IAAK,IAAIA,EAAI,KAAK,IAAI,EAAGN,EAAUE,CAAQ,EAAGI,GAAK,KAAK,IAAIR,EAAOE,EAAUE,CAAQ,EAAG,IACtFK,EAAM,IAAID,CAAC,EAEbC,EAAM,IAAIP,CAAO,EAEjB,IAAMQ,EAAS,MAAM,KAAKD,CAAK,CAAC,CAAC,MAAM,EAAG,IAAME,EAAIC,CAAC,EAC/CC,EAAoC,CAAC,EAErCC,GAAW,EAAgB,IAAkB,CACjD,IAAMC,EAAMC,EAAQC,EAChBF,IAAQ,EAEVF,EAAM,KAAKI,EAAS,CAAC,EACZF,EAAM,GACfF,EAAM,KAAK,UAAU,CAEzB,EAGIK,EAAW,EACf,IAAK,IAAMC,KAAcT,EACvBI,EAAQI,EAAUC,CAAU,EAC5BN,EAAM,KAAKM,CAAU,EACrB,EAAWA,EAGb,OADAL,EAAQI,EAAUlB,EAAQ,CAAC,EACpBa,CACT,CAEA,IAAMO,EAAkBpD,EAAAA,GACtB,wHACAC,EAAAA,UACAC,EAAAA,cACF,EAEMmD,EACJ,4JAEIC,EAAqBtD,EAAAA,GACzB,oDACAG,EAAAA,aAAa,YACf,EAMMoD,EAAiB,wBAUjBC,GAAc,CAClB,YAAaC,EACb,qBAAqB,EACrB,aACA,eACA,eAAe,EACf,gBAAgB,EAChB,mBAAmB,GACnB,gBAAgB,GAChB,WAAW,GACX,OAAO,SACP,mBAAmBlC,EACnB,YACA,MACA,GAAGmC,KACkB,CAIrB,GAAM,CAACC,EAASC,EAASC,GAAgBzD,EAAAA,gBAAgBqD,EAAgBK,CAAkB,EACrFC,EAAiB1D,EAAAA,iBAAiB2D,CAAY,EAE9ClC,EAAYJ,EAAQO,EAAY,CAAC,EACjCgC,EAAe,CAACJ,EAIhB,CAACK,EAAaC,GAAkB7D,EAAM,SAAwB,IAAI,EAClE8D,EAAWH,GAAgBC,IAAgB,KAAOA,EAAcP,EAChElC,EAAOI,EAAUuC,EAAU,KAAK,IAAI,EAAGtC,CAAS,CAAC,EACnDmC,GAAgBnC,GAAa,GAAK,CAAC,OAAO,GAAGL,EAAM2C,CAAQ,GAC7DD,EAAe1C,CAAI,EAGrBJ,EAAM,cAAgB,CACf,OAAO,UAAUY,CAAU,GAC9BlB,EAAA,SACE,wBACA,2DAA2D,OAAOkB,CAAU,EAAE,8EAEhF,CAEJ,EAAG,CAACA,CAAU,CAAC,EAKf,IAAMoC,EAAmB/D,EAAM,OAAsB,IAAI,EAazD,GAZAe,EAAM,cAAgB,CACpB,GAAIS,EAAY,EAAG,OACnB,GAAI,OAAO,GAAGL,EAAMkC,CAAO,EAAG,CAC5B,EAAiB,QAAU,KAC3B,MACF,CACA,IAAMW,EAAQ,GAAG,OAAOX,CAAO,EAAE,IAAIlC,IACjC4C,EAAiB,UAAYC,IACjC,EAAiB,QAAUA,EAC3BP,EAAetC,CAAI,EACrB,EAAG,CAACA,EAAMkC,EAAS7B,EAAWiC,CAAc,CAAC,EAEzCjC,EAAY,EAAG,OAAO,KAE1B,IAAMe,EAAQd,EAAmBD,EAAWL,EAAMY,EAAcE,CAAa,EACvEgC,EAAcC,IAAS,QAAU,yBAA2B,sBAC5DC,EAAUhD,GAAQ,EAClBiD,EAAQjD,GAAQK,EAGhB6C,EAAQ,GAAmB,CAC3BC,GAAYC,EAAS,GAAKA,EAAS/C,IACvCqC,EAAe,IAAI,EACnBP,EAAQiB,CAAM,EACdd,EAAec,CAAM,EACvB,EAEMC,GACJ,EACA,EACA,EACA,KAEA,EAAAxD,EAAA,IAAA,CAAC,KAAD,CAAA,UACE,EAAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,aAAYyD,EAAiBvD,EAAMqD,EAAQ,EAAK,EACtC,WACV,GAAKD,EAAW,CAAC,EAAIrE,EAAAA,uBAAuByE,CAAW,EACvD,QAASxE,EAAAA,kBAAkBwE,MAAmBL,EAAKE,CAAM,CAAC,EAC1D,UAAW7E,EAAAA,GAAGoD,EAAiBmB,EAAalB,CAAe,EAE1D,SAAA4B,CACK,CAAA,CACN,CAAA,EAGN,OACE,EAAA3D,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,aAAW,aAAa,GAAIoC,EAAM,UAAW1D,EAAAA,GAAGkF,CAAS,EACtE,UAAA,EAAA5D,EAAA,KAAA,CAAC,KAAD,CAAI,UAAU,4CAAd,SAAA,CACG6D,GACCL,EACE,QACA,EACAL,GACA,EAAAnD,EAAA,IAAA,CAACb,EAAAA,sBAAD,CAAuB,UAAW8C,CAAiB,CAAA,CACrD,EACD6B,GACCN,EACE,WACA,KAAK,IAAI,EAAGrD,EAAO,CAAC,EACpBgD,GACA,EAAAnD,EAAA,IAAA,CAACZ,EAAAA,gBAAD,CAAiB,UAAW6C,CAAiB,CAAA,CAC/C,EAEDV,EAAM,KAAK,EAAM,IAChBwC,IAAS,YACP,EAAA/D,EAAA,IAAA,CAAC,KAAD,CAEE,cAAY,OAEZ,UAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CACE,UAAWtB,EAAAA,GACT,gEACAuE,CACF,EACD,SAAA,GAEK,CAAA,CACJ,EAXGe,EAAQzC,EAAM,OAAS,EAAI,iBAAmB,cAWjD,GAEJ,EAAAvB,EAAA,IAAA,CAAC,KAAD,CAAA,UACE,EAAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,aAAYyD,EAAiB,OAAQM,EAAMA,IAAS5D,CAAI,EACxD,eAAc4D,IAAS5D,EAAO,OAAS,IAAA,GAC7B,WACV,YAAekD,EAAKU,CAAI,EACxB,UAAWrF,EAAAA,GACToD,EACAmB,EACAc,IAAS5D,EAAO6B,EAAqBD,CACvC,EAEC,SAAAgC,CACK,CAAA,CACN,EAfKA,CAeL,CAER,EAECD,GACCN,EACE,OACA,KAAK,IAAIhD,EAAWL,EAAO,CAAC,EAC5BiD,GACA,EAAApD,EAAA,IAAA,CAACX,EAAAA,iBAAD,CAAkB,UAAW4C,CAAiB,CAAA,CAChD,EACD4B,GACCL,EACE,OACAhD,EACA4C,GACA,EAAApD,EAAA,IAAA,CAACV,EAAAA,uBAAD,CAAwB,UAAW2C,CAAiB,CAAA,CACtD,CACA,GACD,CAAA,CAET,EACA,EAAW,YAAc"}