@chassis-ui/react 0.3.0 → 0.4.1

package/dist/chunks/{index-CsMIgBsd.d.ts → index-YJ9QdBuq.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { s as Spacing, t as Breakpoint } from "./types-CS_40Txv.js";
+import { l as Spacing, o as Responsive } from "./types-D6FM7bYR.js";
 import { ElementType, ReactElement } from "react";
 //#region src/components/stack/Stack.d.ts
 type StackOwnProps<C extends ElementType> = {
@@ -14,19 +14,18 @@ type StackOwnProps<C extends ElementType> = {
   component?: C;
   /**
    * Lays children out in a row (`horizontal`, the default, maps to `.hstack`) or a column
-   * (`vertical`, maps to `.vstack`).
+   * (`vertical`, maps to `.vstack`). An object switches the direction from a breakpoint up:
+   * `{ base: 'vertical', md: 'horizontal' }`. The breakpoints are container queries, so they
+   * require a `.contains-inline` ancestor (not applied by `Stack` itself — see the docs) to
+   * establish the container context they evaluate against.
    */
-  direction?: 'horizontal' | 'vertical';
+  direction?: Responsive<'horizontal' | 'vertical'>;
   /**
    * Spacing between children, mapped to the `gap-*` utility classes.
+   *
+   * @type { Spacing | 0 }
    */
   gap?: Spacing | 0;
-  /**
-   * Switches `direction` at one or more breakpoints via container queries. Requires a
-   * `.contains-inline` ancestor (not applied by `Stack` itself — see the docs) to establish the
-   * container context these queries evaluate against.
-   */
-  responsive?: Partial<Record<Breakpoint, 'horizontal' | 'vertical'>>;
 };
 type StackProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, StackOwnProps<C>>;
 type StackComponent = (<C extends ElementType = 'div'>(props: StackProps<C> & {
@@ -37,4 +36,4 @@ type StackComponent = (<C extends ElementType = 'div'>(props: StackProps<C> & {
 declare const Stack: StackComponent;
 //#endregion
 export { StackProps as n, Stack as t };
-//# sourceMappingURL=index-CsMIgBsd.d.ts.map
+//# sourceMappingURL=index-YJ9QdBuq.d.ts.map

package/dist/chunks/{index-Dh5CaHTP.d.ts → index-aRdgpeRb.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as ContextColor, o as Sizing, r as ContextStyle } from "./types-CS_40Txv.js";
+import { c as Sizing, i as ContextStyle, r as ContextColor } from "./types-D6FM7bYR.js";
 import { ElementType, ReactElement } from "react";
 //#region src/components/badge/Badge.d.ts
 type BadgeOwnProps<C extends ElementType> = {
@@ -42,4 +42,4 @@ type BadgeComponent = (<C extends ElementType = 'span'>(props: BadgeProps<C> & {
 declare const Badge: BadgeComponent;
 //#endregion
 export { BadgeProps as n, Badge as t };
-//# sourceMappingURL=index-Dh5CaHTP.d.ts.map
+//# sourceMappingURL=index-aRdgpeRb.d.ts.map

package/dist/chunks/{index-BO9jLOIb.d.ts → index-lSPcxiii.d.ts}

@@ -1,5 +1,5 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as ContextColor } from "./types-CS_40Txv.js";
+import { r as ContextColor } from "./types-D6FM7bYR.js";
 import React, { InputHTMLAttributes, ReactNode } from "react";
 //#region src/components/switch/Switch.d.ts
 interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'onChange' | 'size'> {
@@ -56,4 +56,4 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'check
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { SwitchProps as n, Switch as t };
-//# sourceMappingURL=index-BO9jLOIb.d.ts.map
+//# sourceMappingURL=index-lSPcxiii.d.ts.map

package/dist/chunks/{index-DceCODH9.d.ts → index-x0vZRyoU.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
 import { n as PolymorphicRef, r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { n as ContextColor, r as ContextStyle, t as Breakpoint } from "./types-CS_40Txv.js";
+import { i as ContextStyle, r as ContextColor, t as Breakpoint } from "./types-D6FM7bYR.js";
 import { i as IconValue } from "./iconConfig-C6gbYhsD.js";
 import React, { ElementType, HTMLAttributes, ReactElement } from "react";
 //#region src/components/navbar/Navbar.d.ts
@@ -135,4 +135,4 @@ interface NavbarTogglerProps extends HTMLAttributes<HTMLButtonElement> {
 declare const NavbarToggler: React.ForwardRefExoticComponent<NavbarTogglerProps & React.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { NavbarNav as a, NavbarBrandProps as c, NavbarTextProps as i, Navbar as l, NavbarTogglerProps as n, NavbarNavProps as o, NavbarText as r, NavbarBrand as s, NavbarToggler as t, NavbarProps as u };
-//# sourceMappingURL=index-DceCODH9.d.ts.map
+//# sourceMappingURL=index-x0vZRyoU.d.ts.map

package/dist/chunks/{list-BQCkwWjF.js → list-07e2a1Ym.js}

@@ -1,2 +1,2 @@
-import"./focus-ring-SR_LwaN7.js";import{d as e,f as t,g as n,h as r,m as i,p as a,u as o}from"./slot-CNhFZdHF.js";import{t as s}from"./lazyElement-tfMG21pZ.js";import{t as c}from"./polymorphic-BhGNZQja.js";import{t as l}from"./Link-CZsWCnQb.js";import u,{Children as d}from"react";import f from"classnames";function p({children:r,active:i,className:o,disabled:s,color:c,component:d,href:p,...m},h){let g=a(d,p,`li`),_=n(g,p,m),v=t(_),y=e(_,p,`ListItem`),b=f(`list-item`,c&&`context`,c,{"list-action":v,active:i&&!v,disabled:s&&!v},o),x=v?l:g,S=v?{active:i,disabled:s,component:g,...y,...m}:{...i&&{"aria-current":`page`},...s&&{"aria-disabled":!0},...y,...m};return u.createElement(x,{className:b,...S,ref:h},r)}const m=c(p,`ListItem`);function h({children:e,className:n,component:c,color:l,variant:p,flush:h,items:g,layout:_,numbered:v,plain:y,...b},x){let S=g?g.some(e=>o(e.href)):d.toArray(e).some(e=>s(e,m)&&t(r(e.props))),C=c??(S?`div`:`ul`),w=i(C),T=w===`ul`||w===`ol`,E=f(`list`,l&&`context`,l,p,_,{flush:h,plain:y,numbered:v},n),D=(g?g.map((e,t)=>{let n=f(`list-item`,e.color&&`context`,e.color,{"list-action":o(e.href),active:e.active,disabled:e.disabled}),r=a(void 0,e.href,T?`li`:`div`);return u.createElement(r,{key:e.id??t,className:n,...o(e.href)&&{href:e.href},...e.active?{"aria-current":`page`}:{},...e.disabled?{"aria-disabled":!0}:{}},e.label)}):null)??(T?e:d.map(e,e=>s(e,m)&&r(e.props)===void 0?u.cloneElement(e,{component:`div`}):e));return u.createElement(C,{className:E,...b,ref:x},D)}const g=c(h,`List`);export{m as n,g as t};
-//# sourceMappingURL=list-BQCkwWjF.js.map
+import"./focus-ring-SR_LwaN7.js";import{d as e,f as t,g as n,h as r,m as i,p as a,u as o}from"./slot-CNhFZdHF.js";import{t as s}from"./lazyElement-tfMG21pZ.js";import{t as c}from"./polymorphic-BhGNZQja.js";import{t as l}from"./Link-DyZyAQFj.js";import u,{Children as d}from"react";import f from"classnames";function p({children:r,active:i,className:o,disabled:s,color:c,component:d,href:p,...m},h){let g=a(d,p,`li`),_=n(g,p,m),v=t(_),y=e(_,p,`ListItem`),b=f(`list-item`,c&&`context`,c,{"list-action":v,active:i&&!v,disabled:s&&!v},o),x=v?l:g,S=v?{active:i,disabled:s,component:g,...y,...m}:{...i&&{"aria-current":`page`},...s&&{"aria-disabled":!0},...y,...m};return u.createElement(x,{className:b,...S,ref:h},r)}const m=c(p,`ListItem`);function h({children:e,className:n,component:c,color:l,variant:p,flush:h,items:g,layout:_,numbered:v,plain:y,...b},x){let S=g?g.some(e=>o(e.href)):d.toArray(e).some(e=>s(e,m)&&t(r(e.props))),C=c??(S?`div`:`ul`),w=i(C),T=w===`ul`||w===`ol`,E=f(`list`,l&&`context`,l,p,_,{flush:h,plain:y,numbered:v},n),D=(g?g.map((e,t)=>{let n=f(`list-item`,e.color&&`context`,e.color,{"list-action":o(e.href),active:e.active,disabled:e.disabled}),r=a(void 0,e.href,T?`li`:`div`);return u.createElement(r,{key:e.id??t,className:n,...o(e.href)&&{href:e.href},...e.active?{"aria-current":`page`}:{},...e.disabled?{"aria-disabled":!0}:{}},e.label)}):null)??(T?e:d.map(e,e=>s(e,m)&&r(e.props)===void 0?u.cloneElement(e,{component:`div`}):e));return u.createElement(C,{className:E,...b,ref:x},D)}const g=c(h,`List`);export{m as n,g as t};
+//# sourceMappingURL=list-07e2a1Ym.js.map

package/dist/chunks/{list-BQCkwWjF.js.map → list-07e2a1Ym.js.map}

@@ -1 +1 @@
-{"version":3,"file":"list-BQCkwWjF.js","names":[],"sources":["../../src/components/list/ListItem.tsx","../../src/components/list/List.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { ContextColor } from '../../types'\nimport { hrefProps, isInteractiveKind, linkElement, resolveLinkKind } from '../../utils/elementKind'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  PolymorphicRefWithFallback\n} from '../../utils/polymorphic'\nimport { Link } from '../link/Link'\n\ntype ListItemOwnProps<C extends ElementType> = {\n  /**\n   * Toggle the active state for the component.\n   */\n  active?: boolean\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Toggle the disabled state for the component.\n   */\n  disabled?: boolean\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * The href attribute specifies the URL of the page the link goes to. Renders an `<a>` in place\n   * of the `<li>`, unless `component` or `asChild` chose the element. Inside a `List`, the list\n   * renders a `<div>` around it in place of the `<ul>`.\n   */\n  href?: string\n}\n\nexport type ListItemProps<C extends ElementType = 'li'> = PolymorphicComponentProps<\n  C,\n  ListItemOwnProps<C>\n>\n\ntype ListItemComponent = (<C extends ElementType = 'li'>(\n  props: ListItemProps<C> & {\n    ref?: PolymorphicRefWithFallback<C, HTMLLIElement | HTMLAnchorElement>\n  }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ListItemRender<C extends ElementType = 'li'>(\n  { children, active, className, disabled, color, component, href, ...rest }: ListItemProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  // `href` makes it an `<a>`, unless `component` or `asChild` chose the element (see\n  // `linkElement`). It used to stay an `<li>` and carry `href` as an attribute.\n  const tag = linkElement(component, href, 'li')\n  // The kind rather than the tag, counting a router link with `href` or `to` as an anchor: under `asChild`, `tag` is a `Slot` standing in for the caller's\n  // element, and a slotted `<a>` is as interactive as `component=\"a\"`.\n  const kind = resolveLinkKind(tag, href, rest)\n  const isInteractive = isInteractiveKind(kind)\n  const linkProps = hrefProps(kind, href, 'ListItem')\n\n  const _className = classNames(\n    'list-item',\n    color && 'context',\n    color,\n    {\n      'list-action': isInteractive,\n      // An interactive item renders through `Link`, which adds these classes and their ARIA\n      // attributes itself.\n      active: active && !isInteractive,\n      disabled: disabled && !isInteractive\n    },\n    className\n  )\n\n  const Component = (isInteractive ? Link : tag) as ElementType\n\n  const finalRest = isInteractive\n    ? { active, disabled, component: tag, ...linkProps, ...rest }\n    : {\n        ...(active && { 'aria-current': 'page' }),\n        ...(disabled && { 'aria-disabled': true }),\n        ...linkProps,\n        ...rest\n      }\n\n  return (\n    <Component className={_className} {...finalRest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const ListItem = createPolymorphicComponent<ListItemComponent>(\n  ListItemRender as ForwardRefRenderFunction<Element, ListItemProps<ElementType>>,\n  'ListItem'\n)\n","import React, {\n  Children,\n  ElementType,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode\n} from 'react'\nimport classNames from 'classnames'\n\nimport { ContextColor, ContextStyle } from '../../types'\nimport {\n  hasHref,\n  isInteractiveKind,\n  linkElement,\n  resolveElementTag,\n  resolveKindFromProps\n} from '../../utils/elementKind'\nimport { isElementOfType } from '../../utils/lazyElement'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { ListItem } from './ListItem'\n\nexport interface ListItemDef {\n  /**\n   * Stable key for the rendered item. Falls back to the item's index in `items`.\n   */\n  id?: number | string\n  /**\n   * Item label content.\n   */\n  label: React.ReactNode\n  /**\n   * Makes the item a link.\n   */\n  href?: string\n  /**\n   * Sets the color of the item.\n   */\n  color?: ContextColor\n  /**\n   * Marks the item as active.\n   */\n  active?: boolean\n  /**\n   * Marks the item as disabled.\n   */\n  disabled?: boolean\n}\n\ntype ListOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `'ul'`, unless an item (a data-driven item with `href`, or a `<ListItem>` child\n   * rendering an `<a>`/`<button>` through `component` or `asChild`) is interactive — a bare\n   * `<a>`/`<button>` isn't a valid direct child of `<ul>`/`<ol>`, so the default switches to\n   * `'div'` instead. Pass `component` explicitly to opt out of this.\n   */\n  component?: C\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Remove outer borders and rounded corners to render list items edge-to-edge in a parent component (e.g., `<Card>`).\n   */\n  flush?: boolean\n  /**\n   * Array of item definitions for data-driven rendering. When provided, children are ignored.\n   */\n  items?: ListItemDef[]\n  /**\n   * Specify a layout type.\n   */\n  layout?:\n    | 'horizontal'\n    | 'sm:horizontal'\n    | 'md:horizontal'\n    | 'lg:horizontal'\n    | 'xl:horizontal'\n    | '2xl:horizontal'\n  /**\n   * Number list items sequentially using CSS counters. Pair with `component=\"ol\"` for semantic correctness.\n   */\n  numbered?: boolean\n  /**\n   * Remove outer borders, rounded corners, and horizontal padding for a minimal, edge-to-edge appearance.\n   */\n  plain?: boolean\n  /**\n   * Applies a `.solid`, `.outline`, or `.smooth` context style. Only meaningful together with `color`.\n   */\n  variant?: ContextStyle\n}\n\n// What `List` reads off a `<ListItem>` child to decide its own tag.\ntype ListItemChildProps = {\n  asChild?: boolean\n  children?: ReactNode\n  component?: ElementType\n  href?: string\n}\n\nexport type ListProps<C extends ElementType = 'ul'> = PolymorphicComponentProps<C, ListOwnProps<C>>\n\ntype ListComponent = (<C extends ElementType = 'ul'>(\n  props: ListProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ListRender<C extends ElementType = 'ul'>(\n  {\n    children,\n    className,\n    component,\n    color,\n    variant,\n    flush,\n    items,\n    layout,\n    numbered,\n    plain,\n    ...rest\n  }: ListProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  // A linked item (data-driven `href`, or a `<ListItem>` child rendering an `<a>`/`<button>`,\n  // whether through `component` or as its `asChild` element) can't render as a bare\n  // `<a>`/`<button>` inside the default `<ul>`/`<ol>` root — only `<li>`/`script`/`template` are\n  // valid children there. Default to `<div>` instead when that's the case (unless the caller\n  // already chose their own `component`), matching the same `component=\"div\"` pattern already\n  // documented for `Stepper`'s composed interactive usage.\n  const hasInteractiveItem = items\n    ? items.some((item) => hasHref(item.href))\n    : Children.toArray(children).some(\n        (child) =>\n          isElementOfType<ListItemChildProps>(child, ListItem) &&\n          isInteractiveKind(resolveKindFromProps(child.props))\n      )\n  const Component = (component ?? (hasInteractiveItem ? 'div' : 'ul')) as ElementType\n  // The tag rather than `Component`, which under `asChild` is a `Slot` holding the caller's\n  // `<ul>`/`<ol>`.\n  const rootTag = resolveElementTag(Component)\n  const isListSemantic = rootTag === 'ul' || rootTag === 'ol'\n\n  const _className = classNames(\n    'list',\n    color && 'context',\n    color,\n    variant,\n    layout,\n    {\n      flush,\n      plain,\n      numbered\n    },\n    className\n  )\n\n  const autoContent = items\n    ? items.map((item, idx) => {\n        const itemClass = classNames('list-item', item.color && 'context', item.color, {\n          'list-action': hasHref(item.href),\n          active: item.active,\n          disabled: item.disabled\n        })\n        const Tag = linkElement(undefined, item.href, isListSemantic ? 'li' : 'div')\n        return (\n          <Tag\n            key={item.id ?? idx}\n            className={itemClass}\n            {...(hasHref(item.href) && { href: item.href })}\n            {...(item.active ? { 'aria-current': 'page' } : {})}\n            {...(item.disabled ? { 'aria-disabled': true } : {})}\n          >\n            {item.label}\n          </Tag>\n        )\n      })\n    : null\n\n  // When the root switched to `div` because of an interactive child, every plain `<ListItem>`\n  // sibling defaulting to `<li>` would be just as invalid (only valid inside `<ul>`/`<ol>`/\n  // `<menu>`) — so give each `ListItem` child the same `div` treatment the auto-generated items\n  // above already get, unless it chose its own element: `component`, `href` or its `asChild`\n  // element. Other child types are left untouched — this is only meaningful for `List`'s own list\n  // items.\n  const renderedChildren =\n    autoContent ??\n    (isListSemantic\n      ? children\n      : Children.map(children, (child) =>\n          isElementOfType<ListItemChildProps>(child, ListItem) &&\n          resolveKindFromProps(child.props) === undefined\n            ? React.cloneElement(child, { component: 'div' })\n            : child\n        ))\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {renderedChildren}\n    </Component>\n  )\n}\n\nexport const List = createPolymorphicComponent<ListComponent>(\n  ListRender as ForwardRefRenderFunction<Element, ListProps<ElementType>>,\n  'List'\n)\n"],"mappings":"mTAqDA,SAAS,EACP,CAAE,WAAU,SAAQ,YAAW,WAAU,QAAO,YAAW,OAAM,GAAG,GACpE,EACA,CAGA,IAAM,EAAM,EAAY,EAAW,EAAM,IAAI,EAGvC,EAAO,EAAgB,EAAK,EAAM,CAAI,EACtC,EAAgB,EAAkB,CAAI,EACtC,EAAY,EAAU,EAAM,EAAM,UAAU,EAE5C,EAAa,EACjB,YACA,GAAS,UACT,EACA,CACE,cAAe,EAGf,OAAQ,GAAU,CAAC,EACnB,SAAU,GAAY,CAAC,CACzB,EACA,CACF,EAEM,EAAa,EAAgB,EAAO,EAEpC,EAAY,EACd,CAAE,SAAQ,WAAU,UAAW,EAAK,GAAG,EAAW,GAAG,CAAK,EAC1D,CACE,GAAI,GAAU,CAAE,eAAgB,MAAO,EACvC,GAAI,GAAY,CAAE,gBAAiB,EAAK,EACxC,GAAG,EACH,GAAG,CACL,EAEJ,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAgB,KAE3C,EADR,CACQ,CAEf,CAEA,MAAa,EAAW,EACtB,EACA,UACF,ECcA,SAAS,EACP,CACE,WACA,YACA,YACA,QACA,UACA,QACA,QACA,SACA,WACA,QACA,GAAG,GAEL,EACA,CAOA,IAAM,EAAqB,EACvB,EAAM,KAAM,GAAS,EAAQ,EAAK,IAAI,CAAC,EACvC,EAAS,QAAQ,CAAQ,CAAC,CAAC,KACxB,GACC,EAAoC,EAAO,CAAQ,GACnD,EAAkB,EAAqB,EAAM,KAAK,CAAC,CACvD,EACE,EAAa,IAAc,EAAqB,MAAQ,MAGxD,EAAU,EAAkB,CAAS,EACrC,EAAiB,IAAY,MAAQ,IAAY,KAEjD,EAAa,EACjB,OACA,GAAS,UACT,EACA,EACA,EACA,CACE,QACA,QACA,UACF,EACA,CACF,EA8BM,GA5Bc,EAChB,EAAM,KAAK,EAAM,IAAQ,CACvB,IAAM,EAAY,EAAW,YAAa,EAAK,OAAS,UAAW,EAAK,MAAO,CAC7E,cAAe,EAAQ,EAAK,IAAI,EAChC,OAAQ,EAAK,OACb,SAAU,EAAK,QACjB,CAAC,EACK,EAAM,EAAY,IAAA,GAAW,EAAK,KAAM,EAAiB,KAAO,KAAK,EAC3E,OACE,EAAA,cAAC,EAAD,CACE,IAAK,EAAK,IAAM,EAChB,UAAW,EACX,GAAK,EAAQ,EAAK,IAAI,GAAK,CAAE,KAAM,EAAK,IAAK,EAC7C,GAAK,EAAK,OAAS,CAAE,eAAgB,MAAO,EAAI,CAAC,EACjD,GAAK,EAAK,SAAW,CAAE,gBAAiB,EAAK,EAAI,CAAC,CAG/C,EADF,EAAK,KACH,CAET,CAAC,EACD,QAUD,EACG,EACA,EAAS,IAAI,EAAW,GACtB,EAAoC,EAAO,CAAQ,GACnD,EAAqB,EAAM,KAAK,IAAM,IAAA,GAClC,EAAM,aAAa,EAAO,CAAE,UAAW,KAAM,CAAC,EAC9C,CACN,GAEN,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAW,KAEtC,EADR,CACQ,CAEf,CAEA,MAAa,EAAO,EAClB,EACA,MACF"}
+{"version":3,"file":"list-07e2a1Ym.js","names":[],"sources":["../../src/components/list/ListItem.tsx","../../src/components/list/List.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { ContextColor } from '../../types'\nimport { hrefProps, isInteractiveKind, linkElement, resolveLinkKind } from '../../utils/elementKind'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  PolymorphicRefWithFallback\n} from '../../utils/polymorphic'\nimport { Link } from '../link/Link'\n\ntype ListItemOwnProps<C extends ElementType> = {\n  /**\n   * Toggle the active state for the component.\n   */\n  active?: boolean\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Toggle the disabled state for the component.\n   */\n  disabled?: boolean\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * The href attribute specifies the URL of the page the link goes to. Renders an `<a>` in place\n   * of the `<li>`, unless `component` or `asChild` chose the element. Inside a `List`, the list\n   * renders a `<div>` around it in place of the `<ul>`.\n   */\n  href?: string\n}\n\nexport type ListItemProps<C extends ElementType = 'li'> = PolymorphicComponentProps<\n  C,\n  ListItemOwnProps<C>\n>\n\ntype ListItemComponent = (<C extends ElementType = 'li'>(\n  props: ListItemProps<C> & {\n    ref?: PolymorphicRefWithFallback<C, HTMLLIElement | HTMLAnchorElement>\n  }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ListItemRender<C extends ElementType = 'li'>(\n  { children, active, className, disabled, color, component, href, ...rest }: ListItemProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  // `href` makes it an `<a>`, unless `component` or `asChild` chose the element (see\n  // `linkElement`). It used to stay an `<li>` and carry `href` as an attribute.\n  const tag = linkElement(component, href, 'li')\n  // The kind rather than the tag, counting a router link with `href` or `to` as an anchor: under `asChild`, `tag` is a `Slot` standing in for the caller's\n  // element, and a slotted `<a>` is as interactive as `component=\"a\"`.\n  const kind = resolveLinkKind(tag, href, rest)\n  const isInteractive = isInteractiveKind(kind)\n  const linkProps = hrefProps(kind, href, 'ListItem')\n\n  const _className = classNames(\n    'list-item',\n    color && 'context',\n    color,\n    {\n      'list-action': isInteractive,\n      // An interactive item renders through `Link`, which adds these classes and their ARIA\n      // attributes itself.\n      active: active && !isInteractive,\n      disabled: disabled && !isInteractive\n    },\n    className\n  )\n\n  const Component = (isInteractive ? Link : tag) as ElementType\n\n  const finalRest = isInteractive\n    ? { active, disabled, component: tag, ...linkProps, ...rest }\n    : {\n        ...(active && { 'aria-current': 'page' }),\n        ...(disabled && { 'aria-disabled': true }),\n        ...linkProps,\n        ...rest\n      }\n\n  return (\n    <Component className={_className} {...finalRest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const ListItem = createPolymorphicComponent<ListItemComponent>(\n  ListItemRender as ForwardRefRenderFunction<Element, ListItemProps<ElementType>>,\n  'ListItem'\n)\n","import React, {\n  Children,\n  ElementType,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode\n} from 'react'\nimport classNames from 'classnames'\n\nimport { ContextColor, ContextStyle } from '../../types'\nimport {\n  hasHref,\n  isInteractiveKind,\n  linkElement,\n  resolveElementTag,\n  resolveKindFromProps\n} from '../../utils/elementKind'\nimport { isElementOfType } from '../../utils/lazyElement'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { ListItem } from './ListItem'\n\nexport interface ListItemDef {\n  /**\n   * Stable key for the rendered item. Falls back to the item's index in `items`.\n   */\n  id?: number | string\n  /**\n   * Item label content.\n   */\n  label: React.ReactNode\n  /**\n   * Makes the item a link.\n   */\n  href?: string\n  /**\n   * Sets the color of the item.\n   */\n  color?: ContextColor\n  /**\n   * Marks the item as active.\n   */\n  active?: boolean\n  /**\n   * Marks the item as disabled.\n   */\n  disabled?: boolean\n}\n\ntype ListOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `'ul'`, unless an item (a data-driven item with `href`, or a `<ListItem>` child\n   * rendering an `<a>`/`<button>` through `component` or `asChild`) is interactive — a bare\n   * `<a>`/`<button>` isn't a valid direct child of `<ul>`/`<ol>`, so the default switches to\n   * `'div'` instead. Pass `component` explicitly to opt out of this.\n   */\n  component?: C\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Remove outer borders and rounded corners to render list items edge-to-edge in a parent component (e.g., `<Card>`).\n   */\n  flush?: boolean\n  /**\n   * Array of item definitions for data-driven rendering. When provided, children are ignored.\n   */\n  items?: ListItemDef[]\n  /**\n   * Specify a layout type.\n   */\n  layout?:\n    | 'horizontal'\n    | 'sm:horizontal'\n    | 'md:horizontal'\n    | 'lg:horizontal'\n    | 'xl:horizontal'\n    | '2xl:horizontal'\n  /**\n   * Number list items sequentially using CSS counters. Pair with `component=\"ol\"` for semantic correctness.\n   */\n  numbered?: boolean\n  /**\n   * Remove outer borders, rounded corners, and horizontal padding for a minimal, edge-to-edge appearance.\n   */\n  plain?: boolean\n  /**\n   * Applies a `.solid`, `.outline`, or `.smooth` context style. Only meaningful together with `color`.\n   */\n  variant?: ContextStyle\n}\n\n// What `List` reads off a `<ListItem>` child to decide its own tag.\ntype ListItemChildProps = {\n  asChild?: boolean\n  children?: ReactNode\n  component?: ElementType\n  href?: string\n}\n\nexport type ListProps<C extends ElementType = 'ul'> = PolymorphicComponentProps<C, ListOwnProps<C>>\n\ntype ListComponent = (<C extends ElementType = 'ul'>(\n  props: ListProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ListRender<C extends ElementType = 'ul'>(\n  {\n    children,\n    className,\n    component,\n    color,\n    variant,\n    flush,\n    items,\n    layout,\n    numbered,\n    plain,\n    ...rest\n  }: ListProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  // A linked item (data-driven `href`, or a `<ListItem>` child rendering an `<a>`/`<button>`,\n  // whether through `component` or as its `asChild` element) can't render as a bare\n  // `<a>`/`<button>` inside the default `<ul>`/`<ol>` root — only `<li>`/`script`/`template` are\n  // valid children there. Default to `<div>` instead when that's the case (unless the caller\n  // already chose their own `component`), matching the same `component=\"div\"` pattern already\n  // documented for `Stepper`'s composed interactive usage.\n  const hasInteractiveItem = items\n    ? items.some((item) => hasHref(item.href))\n    : Children.toArray(children).some(\n        (child) =>\n          isElementOfType<ListItemChildProps>(child, ListItem) &&\n          isInteractiveKind(resolveKindFromProps(child.props))\n      )\n  const Component = (component ?? (hasInteractiveItem ? 'div' : 'ul')) as ElementType\n  // The tag rather than `Component`, which under `asChild` is a `Slot` holding the caller's\n  // `<ul>`/`<ol>`.\n  const rootTag = resolveElementTag(Component)\n  const isListSemantic = rootTag === 'ul' || rootTag === 'ol'\n\n  const _className = classNames(\n    'list',\n    color && 'context',\n    color,\n    variant,\n    layout,\n    {\n      flush,\n      plain,\n      numbered\n    },\n    className\n  )\n\n  const autoContent = items\n    ? items.map((item, idx) => {\n        const itemClass = classNames('list-item', item.color && 'context', item.color, {\n          'list-action': hasHref(item.href),\n          active: item.active,\n          disabled: item.disabled\n        })\n        const Tag = linkElement(undefined, item.href, isListSemantic ? 'li' : 'div')\n        return (\n          <Tag\n            key={item.id ?? idx}\n            className={itemClass}\n            {...(hasHref(item.href) && { href: item.href })}\n            {...(item.active ? { 'aria-current': 'page' } : {})}\n            {...(item.disabled ? { 'aria-disabled': true } : {})}\n          >\n            {item.label}\n          </Tag>\n        )\n      })\n    : null\n\n  // When the root switched to `div` because of an interactive child, every plain `<ListItem>`\n  // sibling defaulting to `<li>` would be just as invalid (only valid inside `<ul>`/`<ol>`/\n  // `<menu>`) — so give each `ListItem` child the same `div` treatment the auto-generated items\n  // above already get, unless it chose its own element: `component`, `href` or its `asChild`\n  // element. Other child types are left untouched — this is only meaningful for `List`'s own list\n  // items.\n  const renderedChildren =\n    autoContent ??\n    (isListSemantic\n      ? children\n      : Children.map(children, (child) =>\n          isElementOfType<ListItemChildProps>(child, ListItem) &&\n          resolveKindFromProps(child.props) === undefined\n            ? React.cloneElement(child, { component: 'div' })\n            : child\n        ))\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {renderedChildren}\n    </Component>\n  )\n}\n\nexport const List = createPolymorphicComponent<ListComponent>(\n  ListRender as ForwardRefRenderFunction<Element, ListProps<ElementType>>,\n  'List'\n)\n"],"mappings":"mTAqDA,SAAS,EACP,CAAE,WAAU,SAAQ,YAAW,WAAU,QAAO,YAAW,OAAM,GAAG,GACpE,EACA,CAGA,IAAM,EAAM,EAAY,EAAW,EAAM,IAAI,EAGvC,EAAO,EAAgB,EAAK,EAAM,CAAI,EACtC,EAAgB,EAAkB,CAAI,EACtC,EAAY,EAAU,EAAM,EAAM,UAAU,EAE5C,EAAa,EACjB,YACA,GAAS,UACT,EACA,CACE,cAAe,EAGf,OAAQ,GAAU,CAAC,EACnB,SAAU,GAAY,CAAC,CACzB,EACA,CACF,EAEM,EAAa,EAAgB,EAAO,EAEpC,EAAY,EACd,CAAE,SAAQ,WAAU,UAAW,EAAK,GAAG,EAAW,GAAG,CAAK,EAC1D,CACE,GAAI,GAAU,CAAE,eAAgB,MAAO,EACvC,GAAI,GAAY,CAAE,gBAAiB,EAAK,EACxC,GAAG,EACH,GAAG,CACL,EAEJ,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAgB,KAE3C,EADR,CACQ,CAEf,CAEA,MAAa,EAAW,EACtB,EACA,UACF,ECcA,SAAS,EACP,CACE,WACA,YACA,YACA,QACA,UACA,QACA,QACA,SACA,WACA,QACA,GAAG,GAEL,EACA,CAOA,IAAM,EAAqB,EACvB,EAAM,KAAM,GAAS,EAAQ,EAAK,IAAI,CAAC,EACvC,EAAS,QAAQ,CAAQ,CAAC,CAAC,KACxB,GACC,EAAoC,EAAO,CAAQ,GACnD,EAAkB,EAAqB,EAAM,KAAK,CAAC,CACvD,EACE,EAAa,IAAc,EAAqB,MAAQ,MAGxD,EAAU,EAAkB,CAAS,EACrC,EAAiB,IAAY,MAAQ,IAAY,KAEjD,EAAa,EACjB,OACA,GAAS,UACT,EACA,EACA,EACA,CACE,QACA,QACA,UACF,EACA,CACF,EA8BM,GA5Bc,EAChB,EAAM,KAAK,EAAM,IAAQ,CACvB,IAAM,EAAY,EAAW,YAAa,EAAK,OAAS,UAAW,EAAK,MAAO,CAC7E,cAAe,EAAQ,EAAK,IAAI,EAChC,OAAQ,EAAK,OACb,SAAU,EAAK,QACjB,CAAC,EACK,EAAM,EAAY,IAAA,GAAW,EAAK,KAAM,EAAiB,KAAO,KAAK,EAC3E,OACE,EAAA,cAAC,EAAD,CACE,IAAK,EAAK,IAAM,EAChB,UAAW,EACX,GAAK,EAAQ,EAAK,IAAI,GAAK,CAAE,KAAM,EAAK,IAAK,EAC7C,GAAK,EAAK,OAAS,CAAE,eAAgB,MAAO,EAAI,CAAC,EACjD,GAAK,EAAK,SAAW,CAAE,gBAAiB,EAAK,EAAI,CAAC,CAG/C,EADF,EAAK,KACH,CAET,CAAC,EACD,QAUD,EACG,EACA,EAAS,IAAI,EAAW,GACtB,EAAoC,EAAO,CAAQ,GACnD,EAAqB,EAAM,KAAK,IAAM,IAAA,GAClC,EAAM,aAAa,EAAO,CAAE,UAAW,KAAM,CAAC,EAC9C,CACN,GAEN,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAW,KAEtC,EADR,CACQ,CAEf,CAEA,MAAa,EAAO,EAClB,EACA,MACF"}

package/dist/chunks/{menu-98EAD9nj.js → menu-Upf6P-2P.js}

@@ -1,2 +1,2 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-BhGNZQja.js";import{t}from"./Portal-CgeR1WXV.js";import{i as n,r}from"./overlayPlacement-BtS90IVf.js";import{n as i}from"./Menu-CSBg2Zmc.js";import{a,c as o,i as s,o as ee,r as c,s as l}from"./MenuToggle-BdQtF7FV.js";import u,{forwardRef as d,useCallback as f,useContext as p,useEffect as m,useId as te,useRef as h,useState as ne}from"react";import g from"classnames";import{useLocale as _,useOverlayPosition as v}from"react-aria";function y({children:e,className:t,component:n,...r},i){let a=n??`span`,o=g(`menu-text`,t);return u.createElement(a,{className:o,...r,ref:i},e)}const b=e(y,`MenuText`),x=d(({children:e,activation:d=`both`,className:y,disabled:b,offset:x=[-4,0],placement:S,stacked:C,submenuDelay:w=100,trigger:T,...E},D)=>{let O=te(),k=`${O}-trigger`,A=`${O}-menu`,[j,M]=ne(!1),N=h(void 0),P=h(void 0),F=h(null),I=h(null),L=p(s),R=a(),{registerOverlay:z,visible:B}=p(i),{direction:V}=_(),H=V===`rtl`,U=S??(H?`left-start`:`right-start`),{overlayProps:W,placement:G}=v({targetRef:F,overlayRef:I,placement:n(U),offset:x[1],crossOffset:x[0],containerPadding:8,isOpen:j,onClose:null}),{menuStyle:re,placementAttr:ie}=r(W.style,U,G),K=f(()=>{N.current!==void 0&&(window.clearTimeout(N.current),N.current=void 0)},[]),q=f(()=>{P.current!==void 0&&(cancelAnimationFrame(P.current),P.current=void 0)},[]),J=f(()=>{K(),q(),M(!1)},[K,q]),Y=()=>{b||j||(K(),L?.notifyOpen(O),M(!0))},X=()=>{K(),N.current=window.setTimeout(J,w)};m(()=>L?.register(O,J),[L,O,J]),m(()=>K,[K]),m(()=>q,[q]),m(()=>{B||J()},[B,J]);let Z=typeof window<`u`&&!!window.matchMedia&&window.matchMedia(`(hover: hover)`).matches&&(d===`hover`||d===`both`),ae=d===`click`||d===`both`,Q=()=>{Y(),q(),P.current=requestAnimationFrame(()=>{P.current=void 0,ee(l(I.current),`first`)})},$=()=>{J(),F.current?.focus()},oe=e=>{ae&&!b&&(e.preventDefault(),e.stopPropagation(),j?J():Q())},se=H?`ArrowLeft`:`ArrowRight`,ce=e=>{b||(e.key===`Enter`||e.key===` `||e.key===se)&&(e.preventDefault(),e.stopPropagation(),Q())},le={close:$};return u.createElement(`div`,{className:g(`submenu`,{show:j},y),...E,ref:D},u.createElement(`button`,{type:`button`,id:k,role:`menuitem`,className:`menu-item`,"aria-expanded":j,"aria-haspopup":`true`,"aria-controls":j?A:void 0,disabled:b,onClick:oe,onKeyDown:ce,onMouseEnter:Z?Y:void 0,onMouseLeave:Z?X:void 0,ref:e=>{F.current=e}},T),(()=>{let n=u.createElement(`div`,{role:`menu`,id:A,"aria-labelledby":k,className:g(`menu`,{show:j,"submenu-stacked":C}),style:re,"data-cx-placement":ie,onKeyDown:e=>o(e,{onEscape:$,...H?{onArrowRight:$}:{onArrowLeft:$}}),onMouseEnter:Z?K:void 0,onMouseLeave:Z?X:void 0,ref:e=>{I.current=e,z(A,e)}},u.createElement(c.Provider,{value:le},u.createElement(s.Provider,{value:R},e)));return C?n:u.createElement(t,{fallback:n},n)})())});x.displayName=`MenuSubmenu`;const S=d(({children:e,className:t,onClick:n,type:r=`button`,...i},a)=>{let o=p(c),s=e=>{n?.(e),o?.close()};return u.createElement(`button`,{type:r,role:`menuitem`,className:g(`submenu-back`,`menu-item`,t),...i,onClick:s,ref:a},e)});S.displayName=`MenuSubmenuBack`;export{x as n,b as r,S as t};
-//# sourceMappingURL=menu-98EAD9nj.js.map
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-BhGNZQja.js";import{t}from"./Portal-CgeR1WXV.js";import{i as n,r}from"./overlayPlacement-BtS90IVf.js";import{n as i}from"./Menu-CSBg2Zmc.js";import{a,c as o,i as s,o as ee,r as c,s as l}from"./MenuToggle-7RQ0dmtZ.js";import u,{forwardRef as d,useCallback as f,useContext as p,useEffect as m,useId as te,useRef as h,useState as ne}from"react";import g from"classnames";import{useLocale as _,useOverlayPosition as v}from"react-aria";function y({children:e,className:t,component:n,...r},i){let a=n??`span`,o=g(`menu-text`,t);return u.createElement(a,{className:o,...r,ref:i},e)}const b=e(y,`MenuText`),x=d(({children:e,activation:d=`both`,className:y,disabled:b,offset:x=[-4,0],placement:S,stacked:C,submenuDelay:w=100,trigger:T,...E},D)=>{let O=te(),k=`${O}-trigger`,A=`${O}-menu`,[j,M]=ne(!1),N=h(void 0),P=h(void 0),F=h(null),I=h(null),L=p(s),R=a(),{registerOverlay:z,visible:B}=p(i),{direction:V}=_(),H=V===`rtl`,U=S??(H?`left-start`:`right-start`),{overlayProps:W,placement:G}=v({targetRef:F,overlayRef:I,placement:n(U),offset:x[1],crossOffset:x[0],containerPadding:8,isOpen:j,onClose:null}),{menuStyle:re,placementAttr:ie}=r(W.style,U,G),K=f(()=>{N.current!==void 0&&(window.clearTimeout(N.current),N.current=void 0)},[]),q=f(()=>{P.current!==void 0&&(cancelAnimationFrame(P.current),P.current=void 0)},[]),J=f(()=>{K(),q(),M(!1)},[K,q]),Y=()=>{b||j||(K(),L?.notifyOpen(O),M(!0))},X=()=>{K(),N.current=window.setTimeout(J,w)};m(()=>L?.register(O,J),[L,O,J]),m(()=>K,[K]),m(()=>q,[q]),m(()=>{B||J()},[B,J]);let Z=typeof window<`u`&&!!window.matchMedia&&window.matchMedia(`(hover: hover)`).matches&&(d===`hover`||d===`both`),ae=d===`click`||d===`both`,Q=()=>{Y(),q(),P.current=requestAnimationFrame(()=>{P.current=void 0,ee(l(I.current),`first`)})},$=()=>{J(),F.current?.focus()},oe=e=>{ae&&!b&&(e.preventDefault(),e.stopPropagation(),j?J():Q())},se=H?`ArrowLeft`:`ArrowRight`,ce=e=>{b||(e.key===`Enter`||e.key===` `||e.key===se)&&(e.preventDefault(),e.stopPropagation(),Q())},le={close:$};return u.createElement(`div`,{className:g(`submenu`,{show:j},y),...E,ref:D},u.createElement(`button`,{type:`button`,id:k,role:`menuitem`,className:`menu-item`,"aria-expanded":j,"aria-haspopup":`true`,"aria-controls":j?A:void 0,disabled:b,onClick:oe,onKeyDown:ce,onMouseEnter:Z?Y:void 0,onMouseLeave:Z?X:void 0,ref:e=>{F.current=e}},T),(()=>{let n=u.createElement(`div`,{role:`menu`,id:A,"aria-labelledby":k,className:g(`menu`,{show:j,"submenu-stacked":C}),style:re,"data-cx-placement":ie,onKeyDown:e=>o(e,{onEscape:$,...H?{onArrowRight:$}:{onArrowLeft:$}}),onMouseEnter:Z?K:void 0,onMouseLeave:Z?X:void 0,ref:e=>{I.current=e,z(A,e)}},u.createElement(c.Provider,{value:le},u.createElement(s.Provider,{value:R},e)));return C?n:u.createElement(t,{fallback:n},n)})())});x.displayName=`MenuSubmenu`;const S=d(({children:e,className:t,onClick:n,type:r=`button`,...i},a)=>{let o=p(c),s=e=>{n?.(e),o?.close()};return u.createElement(`button`,{type:r,role:`menuitem`,className:g(`submenu-back`,`menu-item`,t),...i,onClick:s,ref:a},e)});S.displayName=`MenuSubmenuBack`;export{x as n,b as r,S as t};
+//# sourceMappingURL=menu-Upf6P-2P.js.map

package/dist/chunks/{menu-98EAD9nj.js.map → menu-Upf6P-2P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu-98EAD9nj.js","names":[],"sources":["../../src/components/menu/MenuText.tsx","../../src/components/menu/MenuSubmenu.tsx","../../src/components/menu/MenuSubmenuBack.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype MenuTextOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type MenuTextProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  MenuTextOwnProps<C>\n>\n\ntype MenuTextComponent = (<C extends ElementType = 'span'>(\n  props: MenuTextProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction MenuTextRender<C extends ElementType = 'span'>(\n  { children, className, component, ...rest }: MenuTextProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'span'\n  const _className = classNames('menu-text', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const MenuText = createPolymorphicComponent<MenuTextComponent>(\n  MenuTextRender as ForwardRefRenderFunction<Element, MenuTextProps<ElementType>>,\n  'MenuText'\n)\n","import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState\n} from 'react'\nimport classNames from 'classnames'\nimport { useLocale, useOverlayPosition } from 'react-aria'\n\nimport { MenuContext } from './Menu'\nimport {\n  Placement,\n  resolveMenuOverlayPositioning,\n  toAriaPlacement\n} from '../../utils/overlayPlacement'\nimport { Portal } from '../portal/Portal'\nimport { focusMenuItem, getMenuItems, handleMenuKeyDown } from './menuNavigation'\nimport { SubmenuActionsContext, SubmenuGroupContext, useSubmenuGroupProvider } from './submenuGroup'\n\nexport interface MenuSubmenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  /**\n   * MenuSubmenu activation mode on hover-capable devices. `'click'` activates on click only.\n   * `'hover'` activates on hover only. `'both'` (the default) activates on both. Touch\n   * devices always use tap regardless of this setting.\n   */\n  activation?: 'click' | 'hover' | 'both'\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Prevents the submenu from opening.\n   */\n  disabled?: boolean\n  /**\n   * Distance between the nested menu and the trigger, as `[skidding, distance]` in pixels.\n   */\n  offset?: [number, number]\n  /**\n   * Placement of the nested menu relative to the trigger. Defaults to cascading in the reading\n   * direction — `'right-start'` under LTR locales, `'left-start'` under RTL ones (see\n   * `useLocale`) — matching native OS/browser submenu behavior. An explicit value always wins\n   * over that locale-based default.\n   */\n  placement?: Placement\n  /**\n   * Switches to a view-replacement pattern below the `sm` breakpoint. Pair with a\n   * `MenuSubmenuBack` as the first item of the nested menu.\n   */\n  stacked?: boolean\n  /**\n   * Milliseconds before closing the submenu when the pointer leaves it.\n   */\n  submenuDelay?: number\n  /**\n   * Content of the `.menu-item` trigger that opens the submenu.\n   */\n  trigger: ReactNode\n}\n\nexport const MenuSubmenu = forwardRef<HTMLDivElement, MenuSubmenuProps>(\n  (\n    {\n      children,\n      activation = 'both',\n      className,\n      disabled,\n      offset: offsetProp = [-4, 0],\n      placement,\n      stacked,\n      submenuDelay = 100,\n      trigger,\n      ...rest\n    },\n    ref\n  ) => {\n    const id = useId()\n    const triggerId = `${id}-trigger`\n    const menuId = `${id}-menu`\n    const [visible, setVisible] = useState(false)\n    const closeTimeoutRef = useRef<number | undefined>(undefined)\n    const focusFirstRafRef = useRef<number | undefined>(undefined)\n    const triggerRef = useRef<HTMLButtonElement | null>(null)\n    const overlayRef = useRef<HTMLElement | null>(null)\n    const parentGroup = useContext(SubmenuGroupContext)\n    const ownGroup = useSubmenuGroupProvider()\n    const { registerOverlay, visible: parentMenuVisible } = useContext(MenuContext)\n    const { direction } = useLocale()\n    const isRtl = direction === 'rtl'\n    const effectivePlacement = placement ?? (isRtl ? 'left-start' : 'right-start')\n\n    const { overlayProps, placement: resolvedPlacement } = useOverlayPosition({\n      targetRef: triggerRef,\n      overlayRef,\n      // Viewport-relative (matching the portal below): the trigger lives inside the parent\n      // menu's own floated panel, and `useOverlayPosition` measures against the overlay's real\n      // containing block — since the panel portals straight to `document.body`, that resolves\n      // the same way a `fixed`-strategy engine would.\n      placement: toAriaPlacement(effectivePlacement),\n      offset: offsetProp[1],\n      crossOffset: offsetProp[0],\n      containerPadding: 8,\n      isOpen: visible,\n      // See `useOverlayPlacement`'s comment for why this needs to be explicit `null`, not left\n      // unset — matches the same fix already applied to `Autocomplete`/`Combobox`/`Menu`/`Popover`.\n      onClose: null\n    })\n\n    const { menuStyle, placementAttr } = resolveMenuOverlayPositioning(\n      overlayProps.style,\n      effectivePlacement,\n      resolvedPlacement\n    )\n\n    const clearCloseTimeout = useCallback(() => {\n      if (closeTimeoutRef.current !== undefined) {\n        window.clearTimeout(closeTimeoutRef.current)\n        closeTimeoutRef.current = undefined\n      }\n    }, [])\n\n    const cancelFocusFirstRaf = useCallback(() => {\n      if (focusFirstRafRef.current !== undefined) {\n        cancelAnimationFrame(focusFirstRafRef.current)\n        focusFirstRafRef.current = undefined\n      }\n    }, [])\n\n    const close = useCallback(() => {\n      clearCloseTimeout()\n      cancelFocusFirstRaf()\n      setVisible(false)\n    }, [clearCloseTimeout, cancelFocusFirstRaf])\n\n    const open = () => {\n      if (disabled || visible) return\n      clearCloseTimeout()\n      parentGroup?.notifyOpen(id)\n      setVisible(true)\n    }\n\n    const scheduleClose = () => {\n      clearCloseTimeout()\n      closeTimeoutRef.current = window.setTimeout(close, submenuDelay)\n    }\n\n    useEffect(() => parentGroup?.register(id, close), [parentGroup, id, close])\n    useEffect(() => clearCloseTimeout, [clearCloseTimeout])\n    useEffect(() => cancelFocusFirstRaf, [cancelFocusFirstRaf])\n\n    // The submenu's own open state is local and doesn't otherwise hear about its ancestor\n    // `Menu` closing (via Escape, outside click, etc.) — without this it's left open and\n    // fully visible (it's portaled to `document.body`, so nothing hides it for free) even\n    // after the menu it belongs to has disappeared.\n    useEffect(() => {\n      if (!parentMenuVisible) close()\n    }, [parentMenuVisible, close])\n\n    const supportsHover =\n      typeof window !== 'undefined' &&\n      !!window.matchMedia &&\n      window.matchMedia('(hover: hover)').matches\n    const hoverEnabled = supportsHover && (activation === 'hover' || activation === 'both')\n    const clickEnabled = activation === 'click' || activation === 'both'\n\n    const openAndFocusFirst = () => {\n      open()\n      cancelFocusFirstRaf()\n      focusFirstRafRef.current = requestAnimationFrame(() => {\n        focusFirstRafRef.current = undefined\n        focusMenuItem(getMenuItems(overlayRef.current), 'first')\n      })\n    }\n\n    const closeAndRefocusTrigger = () => {\n      close()\n      triggerRef.current?.focus()\n    }\n\n    const handleTriggerClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (!clickEnabled || disabled) return\n      event.preventDefault()\n      event.stopPropagation()\n      visible ? close() : openAndFocusFirst()\n    }\n\n    // A submenu cascades toward the reading direction, so the arrow key that opens it (and the\n    // one its own item list closes on, below) mirror too: ArrowRight/ArrowLeft under LTR,\n    // ArrowLeft/ArrowRight under RTL.\n    const openKey = isRtl ? 'ArrowLeft' : 'ArrowRight'\n\n    const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) return\n      if (event.key === 'Enter' || event.key === ' ' || event.key === openKey) {\n        event.preventDefault()\n        event.stopPropagation()\n        openAndFocusFirst()\n      }\n    }\n\n    const actionsValue = { close: closeAndRefocusTrigger }\n\n    return (\n      <div className={classNames('submenu', { show: visible }, className)} {...rest} ref={ref}>\n        <button\n          type=\"button\"\n          id={triggerId}\n          role=\"menuitem\"\n          className=\"menu-item\"\n          aria-expanded={visible}\n          aria-haspopup=\"true\"\n          aria-controls={visible ? menuId : undefined}\n          disabled={disabled}\n          onClick={handleTriggerClick}\n          onKeyDown={handleTriggerKeyDown}\n          onMouseEnter={hoverEnabled ? open : undefined}\n          onMouseLeave={hoverEnabled ? scheduleClose : undefined}\n          ref={(node) => {\n            triggerRef.current = node\n          }}\n        >\n          {trigger}\n        </button>\n        {(() => {\n          const panel = (\n            <div\n              role=\"menu\"\n              id={menuId}\n              aria-labelledby={triggerId}\n              className={classNames('menu', { show: visible, 'submenu-stacked': stacked })}\n              style={menuStyle}\n              data-cx-placement={placementAttr}\n              onKeyDown={(event) =>\n                handleMenuKeyDown(event, {\n                  onEscape: closeAndRefocusTrigger,\n                  ...(isRtl\n                    ? { onArrowRight: closeAndRefocusTrigger }\n                    : { onArrowLeft: closeAndRefocusTrigger })\n                })\n              }\n              onMouseEnter={hoverEnabled ? clearCloseTimeout : undefined}\n              onMouseLeave={hoverEnabled ? scheduleClose : undefined}\n              // Registers this panel with the ancestor `Menu` (see `MenuContext.registerOverlay`)\n              // so its own click-dismiss logic recognizes clicks here as \"inside\" the menu — the\n              // panel portals straight to `document.body` when not `stacked`, so plain DOM\n              // containment against the top-level menu's own element wouldn't otherwise see it.\n              ref={(node) => {\n                overlayRef.current = node\n                registerOverlay(menuId, node)\n              }}\n            >\n              <SubmenuActionsContext.Provider value={actionsValue}>\n                <SubmenuGroupContext.Provider value={ownGroup}>\n                  {children}\n                </SubmenuGroupContext.Provider>\n              </SubmenuActionsContext.Provider>\n            </div>\n          )\n\n          // `stacked`'s sm-breakpoint CSS (`.menu:has(.submenu-stacked.show) ...`) needs the\n          // panel to be a real DOM descendant of `.menu`/`.submenu` to match — portaling would\n          // break that ancestor relationship, so it renders inline instead. Trade-off: above the\n          // `sm` breakpoint a `stacked` submenu no longer escapes ancestor overflow/stacking-\n          // context clipping the way a portaled one does; accepted since `stacked` targets mobile\n          // nav/drawer usage, not floating dropdowns.\n          // On the server and during hydration the panel renders inline next to its trigger, which\n          // is what the server's HTML holds; `Portal` moves it to `document.body` afterwards.\n          return stacked ? panel : <Portal fallback={panel}>{panel}</Portal>\n        })()}\n      </div>\n    )\n  }\n)\n\nMenuSubmenu.displayName = 'MenuSubmenu'\n","import React, { ButtonHTMLAttributes, forwardRef, useContext } from 'react'\nimport classNames from 'classnames'\n\nimport { SubmenuActionsContext } from './submenuGroup'\n\nexport interface MenuSubmenuBackProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n}\n\n// First item of a stacked submenu's nested menu (see `MenuSubmenu`'s `stacked` prop). Closes\n// the submenu and returns focus to its trigger — visible only below the `sm` breakpoint.\nexport const MenuSubmenuBack = forwardRef<HTMLButtonElement, MenuSubmenuBackProps>(\n  ({ children, className, onClick, type = 'button', ...rest }, ref) => {\n    const actions = useContext(SubmenuActionsContext)\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event)\n      actions?.close()\n    }\n\n    return (\n      <button\n        type={type}\n        role=\"menuitem\"\n        className={classNames('submenu-back', 'menu-item', className)}\n        {...rest}\n        onClick={handleClick}\n        ref={ref}\n      >\n        {children}\n      </button>\n    )\n  }\n)\n\nMenuSubmenuBack.displayName = 'MenuSubmenuBack'\n"],"mappings":"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"}
+{"version":3,"file":"menu-Upf6P-2P.js","names":[],"sources":["../../src/components/menu/MenuText.tsx","../../src/components/menu/MenuSubmenu.tsx","../../src/components/menu/MenuSubmenuBack.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype MenuTextOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type MenuTextProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  MenuTextOwnProps<C>\n>\n\ntype MenuTextComponent = (<C extends ElementType = 'span'>(\n  props: MenuTextProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction MenuTextRender<C extends ElementType = 'span'>(\n  { children, className, component, ...rest }: MenuTextProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'span'\n  const _className = classNames('menu-text', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const MenuText = createPolymorphicComponent<MenuTextComponent>(\n  MenuTextRender as ForwardRefRenderFunction<Element, MenuTextProps<ElementType>>,\n  'MenuText'\n)\n","import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState\n} from 'react'\nimport classNames from 'classnames'\nimport { useLocale, useOverlayPosition } from 'react-aria'\n\nimport { MenuContext } from './Menu'\nimport {\n  Placement,\n  resolveMenuOverlayPositioning,\n  toAriaPlacement\n} from '../../utils/overlayPlacement'\nimport { Portal } from '../portal/Portal'\nimport { focusMenuItem, getMenuItems, handleMenuKeyDown } from './menuNavigation'\nimport { SubmenuActionsContext, SubmenuGroupContext, useSubmenuGroupProvider } from './submenuGroup'\n\nexport interface MenuSubmenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  /**\n   * MenuSubmenu activation mode on hover-capable devices. `'click'` activates on click only.\n   * `'hover'` activates on hover only. `'both'` (the default) activates on both. Touch\n   * devices always use tap regardless of this setting.\n   */\n  activation?: 'click' | 'hover' | 'both'\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Prevents the submenu from opening.\n   */\n  disabled?: boolean\n  /**\n   * Distance between the nested menu and the trigger, as `[skidding, distance]` in pixels.\n   */\n  offset?: [number, number]\n  /**\n   * Placement of the nested menu relative to the trigger. Defaults to cascading in the reading\n   * direction — `'right-start'` under LTR locales, `'left-start'` under RTL ones (see\n   * `useLocale`) — matching native OS/browser submenu behavior. An explicit value always wins\n   * over that locale-based default.\n   */\n  placement?: Placement\n  /**\n   * Switches to a view-replacement pattern below the `sm` breakpoint. Pair with a\n   * `MenuSubmenuBack` as the first item of the nested menu.\n   */\n  stacked?: boolean\n  /**\n   * Milliseconds before closing the submenu when the pointer leaves it.\n   */\n  submenuDelay?: number\n  /**\n   * Content of the `.menu-item` trigger that opens the submenu.\n   */\n  trigger: ReactNode\n}\n\nexport const MenuSubmenu = forwardRef<HTMLDivElement, MenuSubmenuProps>(\n  (\n    {\n      children,\n      activation = 'both',\n      className,\n      disabled,\n      offset: offsetProp = [-4, 0],\n      placement,\n      stacked,\n      submenuDelay = 100,\n      trigger,\n      ...rest\n    },\n    ref\n  ) => {\n    const id = useId()\n    const triggerId = `${id}-trigger`\n    const menuId = `${id}-menu`\n    const [visible, setVisible] = useState(false)\n    const closeTimeoutRef = useRef<number | undefined>(undefined)\n    const focusFirstRafRef = useRef<number | undefined>(undefined)\n    const triggerRef = useRef<HTMLButtonElement | null>(null)\n    const overlayRef = useRef<HTMLElement | null>(null)\n    const parentGroup = useContext(SubmenuGroupContext)\n    const ownGroup = useSubmenuGroupProvider()\n    const { registerOverlay, visible: parentMenuVisible } = useContext(MenuContext)\n    const { direction } = useLocale()\n    const isRtl = direction === 'rtl'\n    const effectivePlacement = placement ?? (isRtl ? 'left-start' : 'right-start')\n\n    const { overlayProps, placement: resolvedPlacement } = useOverlayPosition({\n      targetRef: triggerRef,\n      overlayRef,\n      // Viewport-relative (matching the portal below): the trigger lives inside the parent\n      // menu's own floated panel, and `useOverlayPosition` measures against the overlay's real\n      // containing block — since the panel portals straight to `document.body`, that resolves\n      // the same way a `fixed`-strategy engine would.\n      placement: toAriaPlacement(effectivePlacement),\n      offset: offsetProp[1],\n      crossOffset: offsetProp[0],\n      containerPadding: 8,\n      isOpen: visible,\n      // See `useOverlayPlacement`'s comment for why this needs to be explicit `null`, not left\n      // unset — matches the same fix already applied to `Autocomplete`/`Combobox`/`Menu`/`Popover`.\n      onClose: null\n    })\n\n    const { menuStyle, placementAttr } = resolveMenuOverlayPositioning(\n      overlayProps.style,\n      effectivePlacement,\n      resolvedPlacement\n    )\n\n    const clearCloseTimeout = useCallback(() => {\n      if (closeTimeoutRef.current !== undefined) {\n        window.clearTimeout(closeTimeoutRef.current)\n        closeTimeoutRef.current = undefined\n      }\n    }, [])\n\n    const cancelFocusFirstRaf = useCallback(() => {\n      if (focusFirstRafRef.current !== undefined) {\n        cancelAnimationFrame(focusFirstRafRef.current)\n        focusFirstRafRef.current = undefined\n      }\n    }, [])\n\n    const close = useCallback(() => {\n      clearCloseTimeout()\n      cancelFocusFirstRaf()\n      setVisible(false)\n    }, [clearCloseTimeout, cancelFocusFirstRaf])\n\n    const open = () => {\n      if (disabled || visible) return\n      clearCloseTimeout()\n      parentGroup?.notifyOpen(id)\n      setVisible(true)\n    }\n\n    const scheduleClose = () => {\n      clearCloseTimeout()\n      closeTimeoutRef.current = window.setTimeout(close, submenuDelay)\n    }\n\n    useEffect(() => parentGroup?.register(id, close), [parentGroup, id, close])\n    useEffect(() => clearCloseTimeout, [clearCloseTimeout])\n    useEffect(() => cancelFocusFirstRaf, [cancelFocusFirstRaf])\n\n    // The submenu's own open state is local and doesn't otherwise hear about its ancestor\n    // `Menu` closing (via Escape, outside click, etc.) — without this it's left open and\n    // fully visible (it's portaled to `document.body`, so nothing hides it for free) even\n    // after the menu it belongs to has disappeared.\n    useEffect(() => {\n      if (!parentMenuVisible) close()\n    }, [parentMenuVisible, close])\n\n    const supportsHover =\n      typeof window !== 'undefined' &&\n      !!window.matchMedia &&\n      window.matchMedia('(hover: hover)').matches\n    const hoverEnabled = supportsHover && (activation === 'hover' || activation === 'both')\n    const clickEnabled = activation === 'click' || activation === 'both'\n\n    const openAndFocusFirst = () => {\n      open()\n      cancelFocusFirstRaf()\n      focusFirstRafRef.current = requestAnimationFrame(() => {\n        focusFirstRafRef.current = undefined\n        focusMenuItem(getMenuItems(overlayRef.current), 'first')\n      })\n    }\n\n    const closeAndRefocusTrigger = () => {\n      close()\n      triggerRef.current?.focus()\n    }\n\n    const handleTriggerClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (!clickEnabled || disabled) return\n      event.preventDefault()\n      event.stopPropagation()\n      visible ? close() : openAndFocusFirst()\n    }\n\n    // A submenu cascades toward the reading direction, so the arrow key that opens it (and the\n    // one its own item list closes on, below) mirror too: ArrowRight/ArrowLeft under LTR,\n    // ArrowLeft/ArrowRight under RTL.\n    const openKey = isRtl ? 'ArrowLeft' : 'ArrowRight'\n\n    const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) return\n      if (event.key === 'Enter' || event.key === ' ' || event.key === openKey) {\n        event.preventDefault()\n        event.stopPropagation()\n        openAndFocusFirst()\n      }\n    }\n\n    const actionsValue = { close: closeAndRefocusTrigger }\n\n    return (\n      <div className={classNames('submenu', { show: visible }, className)} {...rest} ref={ref}>\n        <button\n          type=\"button\"\n          id={triggerId}\n          role=\"menuitem\"\n          className=\"menu-item\"\n          aria-expanded={visible}\n          aria-haspopup=\"true\"\n          aria-controls={visible ? menuId : undefined}\n          disabled={disabled}\n          onClick={handleTriggerClick}\n          onKeyDown={handleTriggerKeyDown}\n          onMouseEnter={hoverEnabled ? open : undefined}\n          onMouseLeave={hoverEnabled ? scheduleClose : undefined}\n          ref={(node) => {\n            triggerRef.current = node\n          }}\n        >\n          {trigger}\n        </button>\n        {(() => {\n          const panel = (\n            <div\n              role=\"menu\"\n              id={menuId}\n              aria-labelledby={triggerId}\n              className={classNames('menu', { show: visible, 'submenu-stacked': stacked })}\n              style={menuStyle}\n              data-cx-placement={placementAttr}\n              onKeyDown={(event) =>\n                handleMenuKeyDown(event, {\n                  onEscape: closeAndRefocusTrigger,\n                  ...(isRtl\n                    ? { onArrowRight: closeAndRefocusTrigger }\n                    : { onArrowLeft: closeAndRefocusTrigger })\n                })\n              }\n              onMouseEnter={hoverEnabled ? clearCloseTimeout : undefined}\n              onMouseLeave={hoverEnabled ? scheduleClose : undefined}\n              // Registers this panel with the ancestor `Menu` (see `MenuContext.registerOverlay`)\n              // so its own click-dismiss logic recognizes clicks here as \"inside\" the menu — the\n              // panel portals straight to `document.body` when not `stacked`, so plain DOM\n              // containment against the top-level menu's own element wouldn't otherwise see it.\n              ref={(node) => {\n                overlayRef.current = node\n                registerOverlay(menuId, node)\n              }}\n            >\n              <SubmenuActionsContext.Provider value={actionsValue}>\n                <SubmenuGroupContext.Provider value={ownGroup}>\n                  {children}\n                </SubmenuGroupContext.Provider>\n              </SubmenuActionsContext.Provider>\n            </div>\n          )\n\n          // `stacked`'s sm-breakpoint CSS (`.menu:has(.submenu-stacked.show) ...`) needs the\n          // panel to be a real DOM descendant of `.menu`/`.submenu` to match — portaling would\n          // break that ancestor relationship, so it renders inline instead. Trade-off: above the\n          // `sm` breakpoint a `stacked` submenu no longer escapes ancestor overflow/stacking-\n          // context clipping the way a portaled one does; accepted since `stacked` targets mobile\n          // nav/drawer usage, not floating dropdowns.\n          // On the server and during hydration the panel renders inline next to its trigger, which\n          // is what the server's HTML holds; `Portal` moves it to `document.body` afterwards.\n          return stacked ? panel : <Portal fallback={panel}>{panel}</Portal>\n        })()}\n      </div>\n    )\n  }\n)\n\nMenuSubmenu.displayName = 'MenuSubmenu'\n","import React, { ButtonHTMLAttributes, forwardRef, useContext } from 'react'\nimport classNames from 'classnames'\n\nimport { SubmenuActionsContext } from './submenuGroup'\n\nexport interface MenuSubmenuBackProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n}\n\n// First item of a stacked submenu's nested menu (see `MenuSubmenu`'s `stacked` prop). Closes\n// the submenu and returns focus to its trigger — visible only below the `sm` breakpoint.\nexport const MenuSubmenuBack = forwardRef<HTMLButtonElement, MenuSubmenuBackProps>(\n  ({ children, className, onClick, type = 'button', ...rest }, ref) => {\n    const actions = useContext(SubmenuActionsContext)\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event)\n      actions?.close()\n    }\n\n    return (\n      <button\n        type={type}\n        role=\"menuitem\"\n        className={classNames('submenu-back', 'menu-item', className)}\n        {...rest}\n        onClick={handleClick}\n        ref={ref}\n      >\n        {children}\n      </button>\n    )\n  }\n)\n\nMenuSubmenuBack.displayName = 'MenuSubmenuBack'\n"],"mappings":"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"}

package/dist/chunks/{nav-TiZuTHC6.js → nav-DI6oEULI.js}

@@ -1,2 +1,2 @@
-import"./focus-ring-SR_LwaN7.js";import{m as e,u as t,v as n}from"./slot-CNhFZdHF.js";import{t as r}from"./useForkedRef-DVEfT-KI.js";import{t as i}from"./polymorphic-BhGNZQja.js";import{t as a}from"./Link-CZsWCnQb.js";import{a as o,i as s,o as c,r as l,s as u}from"./navOverflow-B5krZe6D.js";import{t as d}from"./navVariant-DeGTk9B7.js";import f,{forwardRef as p}from"react";import m from"classnames";function h({children:e,className:t,...n},r){let i=m(`nav-link`,t),s=c();return f.createElement(f.Fragment,null,f.createElement(a,{className:i,...n,ref:r},e),s&&f.createElement(o,{props:{...n,children:e}}))}const g=i(h,`NavLink`),_=new Set([`active`,`color`,`disabled`,`iconLink`,`reset`,`stretched`,`type`]);function v({children:e,className:i,keepVisible:a,...o},s){let c=m(`nav-item`,{"nav-overflow-keep":a},i),{asChild:d,component:p,href:h}=o,v=u(),y=r(s,v.ref),b=v.hidden?{"data-cx-nav-overflow":`true`}:void 0;if(t(h)||p!==void 0||d)return f.createElement(`li`,{className:c,...b,ref:y},f.createElement(l,{value:v.scope},f.createElement(g,o,e)));let{active:x,disabled:S}=o,C=Object.fromEntries(Object.entries(o).filter(([e])=>!_.has(e)));return n(!!x||!!S,"NavItem: `active` and `disabled` style its link, and without `href`, `component` or `asChild` it renders none. Put them on the link inside it."),f.createElement(`li`,{className:c,...C,...b,ref:y},f.createElement(l,{value:v.scope},e))}const y=p(v);y.displayName=`NavItem`;function b({children:t,className:n,component:r,items:i,layout:a,size:o,variant:c,...l},u){let p=r??`ul`,h=m(`nav`,o,{[`nav-${a}`]:a},d(c,`Nav`),n),g=i?i.map((e,t)=>f.createElement(y,{key:t,active:e.active,disabled:e.disabled,href:e.href},e.label)):null;return f.createElement(p,{className:h,...l,ref:u},f.createElement(s,{tag:e(p)},g??t))}const x=i(b,`Nav`),S=p(({children:e,className:t,...n},r)=>{let i=m(`nav-title`,t);return f.createElement(`li`,{className:i,...n,ref:r},e)});S.displayName=`NavTitle`;export{g as i,x as n,y as r,S as t};
-//# sourceMappingURL=nav-TiZuTHC6.js.map
+import"./focus-ring-SR_LwaN7.js";import{m as e,u as t,v as n}from"./slot-CNhFZdHF.js";import{t as r}from"./useForkedRef-DVEfT-KI.js";import{t as i}from"./polymorphic-BhGNZQja.js";import{t as a}from"./Link-DyZyAQFj.js";import{a as o,i as s,o as c,r as l,s as u}from"./navOverflow-B5krZe6D.js";import{t as d}from"./navVariant-DeGTk9B7.js";import f,{forwardRef as p}from"react";import m from"classnames";function h({children:e,className:t,...n},r){let i=m(`nav-link`,t),s=c();return f.createElement(f.Fragment,null,f.createElement(a,{className:i,...n,ref:r},e),s&&f.createElement(o,{props:{...n,children:e}}))}const g=i(h,`NavLink`),_=new Set([`active`,`color`,`disabled`,`iconLink`,`reset`,`stretched`,`type`]);function v({children:e,className:i,keepVisible:a,...o},s){let c=m(`nav-item`,{"nav-overflow-keep":a},i),{asChild:d,component:p,href:h}=o,v=u(),y=r(s,v.ref),b=v.hidden?{"data-cx-nav-overflow":`true`}:void 0;if(t(h)||p!==void 0||d)return f.createElement(`li`,{className:c,...b,ref:y},f.createElement(l,{value:v.scope},f.createElement(g,o,e)));let{active:x,disabled:S}=o,C=Object.fromEntries(Object.entries(o).filter(([e])=>!_.has(e)));return n(!!x||!!S,"NavItem: `active` and `disabled` style its link, and without `href`, `component` or `asChild` it renders none. Put them on the link inside it."),f.createElement(`li`,{className:c,...C,...b,ref:y},f.createElement(l,{value:v.scope},e))}const y=p(v);y.displayName=`NavItem`;function b({children:t,className:n,component:r,items:i,layout:a,size:o,variant:c,...l},u){let p=r??`ul`,h=m(`nav`,o,{[`nav-${a}`]:a},d(c,`Nav`),n),g=i?i.map((e,t)=>f.createElement(y,{key:t,active:e.active,disabled:e.disabled,href:e.href},e.label)):null;return f.createElement(p,{className:h,...l,ref:u},f.createElement(s,{tag:e(p)},g??t))}const x=i(b,`Nav`),S=p(({children:e,className:t,...n},r)=>{let i=m(`nav-title`,t);return f.createElement(`li`,{className:i,...n,ref:r},e)});S.displayName=`NavTitle`;export{g as i,x as n,y as r,S as t};
+//# sourceMappingURL=nav-DI6oEULI.js.map

package/dist/chunks/{nav-TiZuTHC6.js.map → nav-DI6oEULI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"nav-TiZuTHC6.js","names":[],"sources":["../../src/components/nav/NavLink.tsx","../../src/components/nav/NavItem.tsx","../../src/components/nav/Nav.tsx","../../src/components/nav/NavTitle.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { NavOverflowLink, useIsNavOverflowLink } from '../../utils/navOverflow'\nimport { createPolymorphicComponent, PolymorphicRef } from '../../utils/polymorphic'\nimport { LinkProps, Link } from '../link/Link'\n\ntype NavLinkOwnProps = {\n  /**\n   * Toggle the active state for the component.\n   */\n  active?: boolean\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Toggle the disabled state for the component.\n   */\n  disabled?: boolean\n}\n\nexport type NavLinkProps<C extends ElementType = 'a'> = LinkProps<C> & NavLinkOwnProps\n\ntype NavLinkComponent = (<C extends ElementType = 'a'>(\n  props: NavLinkProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction NavLinkRender<C extends ElementType = 'a'>(\n  { children, className, ...rest }: NavLinkProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const _className = classNames('nav-link', className)\n  // Inside a `NavOverflow`, the link of an item that doesn't fit is shown in the menu instead, as\n  // a `MenuItem` with these props.\n  const isOverflowLink = useIsNavOverflowLink()\n\n  return (\n    <>\n      <Link\n        className={_className}\n        {...(rest as Record<string, unknown>)}\n        ref={ref as PolymorphicRef<ElementType>}\n      >\n        {children}\n      </Link>\n      {isOverflowLink && <NavOverflowLink props={{ ...rest, children }} />}\n    </>\n  )\n}\n\nexport const NavLink = createPolymorphicComponent<NavLinkComponent>(\n  NavLinkRender as ForwardRefRenderFunction<Element, NavLinkProps<ElementType>>,\n  'NavLink'\n)\n","import React, {\n  ElementType,\n  ForwardRefRenderFunction,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  Ref\n} from 'react'\nimport classNames from 'classnames'\n\nimport { useForkedRef } from '../../hooks'\nimport { devWarning } from '../../utils/devWarning'\nimport { hasHref } from '../../utils/elementKind'\nimport { NavOverflowItemScope, useNavOverflowItem } from '../../utils/navOverflow'\nimport { NavLink, NavLinkProps } from './NavLink'\n\nexport type NavItemProps<C extends ElementType = 'a'> = NavLinkProps<C> & {\n  /**\n   * Keeps the item in the list inside a `NavOverflow`, whatever the width.\n   */\n  keepVisible?: boolean\n}\n\ntype NavItemComponent = (<C extends ElementType = 'a'>(\n  props: NavItemProps<C> & { ref?: Ref<HTMLLIElement> }\n) => ReactElement | null) & { displayName?: string }\n\nconst LINK_ONLY_PROPS = new Set([\n  'active',\n  'color',\n  'disabled',\n  'iconLink',\n  'reset',\n  'stretched',\n  'type'\n])\n\n// A `.nav-item` wrapping a `.nav-link` when there is a link to render: an `href`, or a `component`\n// or `asChild` element, which `NavLink` renders. Otherwise a bare `<li>` around `children`, such as\n// a `MenuToggle`. Only the `<li>` takes the caller's own attributes then: `active`, `disabled` and\n// the other `NavLink` props style a link, and on the `<li>` they were written out as invalid\n// attributes (`disabled=\"\"`, `component=\"button\"`).\nfunction NavItemRender<C extends ElementType = 'a'>(\n  { children, className, keepVisible, ...rest }: NavItemProps<C>,\n  ref: Ref<HTMLLIElement>\n) {\n  const _className = classNames('nav-item', { 'nav-overflow-keep': keepVisible }, className)\n  const { asChild, component, href } = rest as {\n    asChild?: boolean\n    component?: ElementType\n    href?: string\n  }\n  // Inside a `NavOverflow`: the `<li>` is what it measures, and hides when the item is in the\n  // menu. chassis-css hides it by this attribute.\n  const overflow = useNavOverflowItem()\n  const forkedRef = useForkedRef(ref, overflow.ref)\n  const overflowProps = overflow.hidden ? { 'data-cx-nav-overflow': 'true' } : undefined\n\n  if (hasHref(href) || component !== undefined || asChild) {\n    return (\n      <li className={_className} {...overflowProps} ref={forkedRef}>\n        <NavOverflowItemScope value={overflow.scope}>\n          <NavLink {...(rest as Record<string, unknown>)}>{children as ReactNode}</NavLink>\n        </NavOverflowItemScope>\n      </li>\n    )\n  }\n\n  const { active, disabled } = rest as NavLinkProps<'a'>\n  const itemProps = Object.fromEntries(\n    Object.entries(rest).filter(([key]) => !LINK_ONLY_PROPS.has(key))\n  )\n  devWarning(\n    !!active || !!disabled,\n    'NavItem: `active` and `disabled` style its link, and without `href`, `component` or ' +\n      '`asChild` it renders none. Put them on the link inside it.'\n  )\n  return (\n    <li className={_className} {...itemProps} {...overflowProps} ref={forkedRef}>\n      <NavOverflowItemScope value={overflow.scope}>{children}</NavOverflowItemScope>\n    </li>\n  )\n}\n\nexport const NavItem = forwardRef(\n  NavItemRender as ForwardRefRenderFunction<HTMLLIElement, NavItemProps<ElementType>>\n) as NavItemComponent\n\nNavItem.displayName = 'NavItem'\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { resolveElementTag } from '../../utils/elementKind'\nimport { NavOverflowItems } from '../../utils/navOverflow'\nimport { NavVariant, navVariantClassName } from '../../utils/navVariant'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { NavItem } from './NavItem'\n\nexport interface NavItemDef {\n  /**\n   * Label content for the nav item.\n   */\n  label: React.ReactNode\n  /**\n   * URL for the nav link.\n   */\n  href?: string\n  /**\n   * Marks the item as active.\n   */\n  active?: boolean\n  /**\n   * Marks the item as disabled.\n   */\n  disabled?: boolean\n}\n\ntype NavOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Array of nav item definitions for data-driven rendering. When provided, children are ignored.\n   */\n  items?: NavItemDef[]\n  /**\n   * Specify a layout type for component.\n   */\n  layout?: 'fill' | 'justified'\n  /**\n   * Size the component sm or lg.\n   */\n  size?: 'sm' | 'lg'\n  /**\n   * Set the nav variant to tabs, to segments (a segmented control) or to underline, which\n   * underlines the active link. `'pills'` is the former name of `'segments'`: deprecated, it\n   * renders the same.\n   *\n   * @type { 'tabs' | 'segments' | 'underline' | 'pills' }\n   */\n  variant?: NavVariant\n}\n\nexport type NavProps<C extends ElementType = 'ul'> = PolymorphicComponentProps<C, NavOwnProps<C>>\n\ntype NavComponent = (<C extends ElementType = 'ul'>(\n  props: NavProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction NavRender<C extends ElementType = 'ul'>(\n  { children, className, component, items, layout, size, variant, ...rest }: NavProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'ul'\n  const _className = classNames(\n    'nav',\n    size,\n    { [`nav-${layout}`]: layout },\n    navVariantClassName(variant, 'Nav'),\n    className\n  )\n\n  const autoContent = items\n    ? items.map((item, idx) => (\n        <NavItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={idx}\n          active={item.active}\n          disabled={item.disabled}\n          href={item.href}\n        >\n          {item.label}\n        </NavItem>\n      ))\n    : null\n\n  // No `role`: `navigation` on the `<ul>` took away its list semantics, and `ul` doesn't allow\n  // that role. A landmark is the caller's `<nav>` around it, or `component=\"nav\"` holding\n  // `NavLink`s without items.\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {/* Inside a `NavOverflow`, the items it collapses and its toggle item. */}\n      <NavOverflowItems tag={resolveElementTag(Component)}>\n        {autoContent ?? children}\n      </NavOverflowItems>\n    </Component>\n  )\n}\n\nexport const Nav = createPolymorphicComponent<NavComponent>(\n  NavRender as ForwardRefRenderFunction<Element, NavProps<ElementType>>,\n  'Nav'\n)\n","import React, { forwardRef, HTMLAttributes } from 'react'\nimport classNames from 'classnames'\n\nexport interface NavTitleProps extends HTMLAttributes<HTMLLIElement> {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n}\n\nexport const NavTitle = forwardRef<HTMLLIElement, NavTitleProps>(\n  ({ children, className, ...rest }, ref) => {\n    const _className = classNames('nav-title', className)\n    return (\n      <li className={_className} {...rest} ref={ref}>\n        {children}\n      </li>\n    )\n  }\n)\n\nNavTitle.displayName = 'NavTitle'\n"],"mappings":"iZA4BA,SAAS,EACP,CAAE,WAAU,YAAW,GAAG,GAC1B,EACA,CACA,IAAM,EAAa,EAAW,WAAY,CAAS,EAG7C,EAAiB,EAAqB,EAE5C,OACE,EAAA,cAAA,EAAA,SAAA,KACE,EAAA,cAAC,EAAD,CACE,UAAW,EACX,GAAK,EACA,KAGD,EADH,CACG,EACL,GAAkB,EAAA,cAAC,EAAD,CAAiB,MAAO,CAAE,GAAG,EAAM,UAAS,CAAI,CAAA,CACnE,CAEN,CAEA,MAAa,EAAU,EACrB,EACA,SACF,EC3BM,EAAkB,IAAI,IAAI,CAC9B,SACA,QACA,WACA,WACA,QACA,YACA,MACF,CAAC,EAOD,SAAS,EACP,CAAE,WAAU,YAAW,cAAa,GAAG,GACvC,EACA,CACA,IAAM,EAAa,EAAW,WAAY,CAAE,oBAAqB,CAAY,EAAG,CAAS,EACnF,CAAE,UAAS,YAAW,QAAS,EAO/B,EAAW,EAAmB,EAC9B,EAAY,EAAa,EAAK,EAAS,GAAG,EAC1C,EAAgB,EAAS,OAAS,CAAE,uBAAwB,MAAO,EAAI,IAAA,GAE7E,GAAI,EAAQ,CAAI,GAAK,IAAc,IAAA,IAAa,EAC9C,OACE,EAAA,cAAC,KAAD,CAAI,UAAW,EAAY,GAAI,EAAe,IAAK,CAI/C,EAHF,EAAA,cAAC,EAAD,CAAsB,MAAO,EAAS,KAEhB,EADpB,EAAA,cAAC,EAAa,EAAmC,CAA+B,CAC5D,CACpB,EAIR,GAAM,CAAE,SAAQ,YAAa,EACvB,EAAY,OAAO,YACvB,OAAO,QAAQ,CAAI,CAAC,CAAC,QAAQ,CAAC,KAAS,CAAC,EAAgB,IAAI,CAAG,CAAC,CAClE,EAMA,OALA,EACE,CAAC,CAAC,GAAU,CAAC,CAAC,EACd,gJAEF,EAEE,EAAA,cAAC,KAAD,CAAI,UAAW,EAAY,GAAI,EAAW,GAAI,EAAe,IAAK,CAE9D,EADF,EAAA,cAAC,EAAD,CAAsB,MAAO,EAAS,KAAuC,EAA/B,CAA+B,CAC3E,CAER,CAEA,MAAa,EAAU,EACrB,CACF,EAEA,EAAQ,YAAc,UCnBtB,SAAS,EACP,CAAE,WAAU,YAAW,YAAW,QAAO,SAAQ,OAAM,UAAS,GAAG,GACnE,EACA,CACA,IAAM,EAAY,GAAa,KACzB,EAAa,EACjB,MACA,EACA,EAAG,OAAO,KAAW,CAAO,EAC5B,EAAoB,EAAS,KAAK,EAClC,CACF,EAEM,EAAc,EAChB,EAAM,KAAK,EAAM,IACf,EAAA,cAAC,EAAD,CAEE,IAAK,EACL,OAAQ,EAAK,OACb,SAAU,EAAK,SACf,KAAM,EAAK,IAGJ,EADN,EAAK,KACC,CACV,EACD,KAKJ,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAW,KAKtC,EAHT,EAAA,cAAC,EAAD,CAAkB,IAAK,EAAkB,CAAS,CAEhC,EADf,GAAe,CACA,CACT,CAEf,CAEA,MAAa,EAAM,EACjB,EACA,KACF,ECtGa,EAAW,GACrB,CAAE,WAAU,YAAW,GAAG,GAAQ,IAAQ,CACzC,IAAM,EAAa,EAAW,YAAa,CAAS,EACpD,OACE,EAAA,cAAC,KAAD,CAAI,UAAW,EAAY,GAAI,EAAW,KAEtC,EADD,CACC,CAER,CACF,EAEA,EAAS,YAAc"}
+{"version":3,"file":"nav-DI6oEULI.js","names":[],"sources":["../../src/components/nav/NavLink.tsx","../../src/components/nav/NavItem.tsx","../../src/components/nav/Nav.tsx","../../src/components/nav/NavTitle.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { NavOverflowLink, useIsNavOverflowLink } from '../../utils/navOverflow'\nimport { createPolymorphicComponent, PolymorphicRef } from '../../utils/polymorphic'\nimport { LinkProps, Link } from '../link/Link'\n\ntype NavLinkOwnProps = {\n  /**\n   * Toggle the active state for the component.\n   */\n  active?: boolean\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Toggle the disabled state for the component.\n   */\n  disabled?: boolean\n}\n\nexport type NavLinkProps<C extends ElementType = 'a'> = LinkProps<C> & NavLinkOwnProps\n\ntype NavLinkComponent = (<C extends ElementType = 'a'>(\n  props: NavLinkProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction NavLinkRender<C extends ElementType = 'a'>(\n  { children, className, ...rest }: NavLinkProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const _className = classNames('nav-link', className)\n  // Inside a `NavOverflow`, the link of an item that doesn't fit is shown in the menu instead, as\n  // a `MenuItem` with these props.\n  const isOverflowLink = useIsNavOverflowLink()\n\n  return (\n    <>\n      <Link\n        className={_className}\n        {...(rest as Record<string, unknown>)}\n        ref={ref as PolymorphicRef<ElementType>}\n      >\n        {children}\n      </Link>\n      {isOverflowLink && <NavOverflowLink props={{ ...rest, children }} />}\n    </>\n  )\n}\n\nexport const NavLink = createPolymorphicComponent<NavLinkComponent>(\n  NavLinkRender as ForwardRefRenderFunction<Element, NavLinkProps<ElementType>>,\n  'NavLink'\n)\n","import React, {\n  ElementType,\n  ForwardRefRenderFunction,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  Ref\n} from 'react'\nimport classNames from 'classnames'\n\nimport { useForkedRef } from '../../hooks'\nimport { devWarning } from '../../utils/devWarning'\nimport { hasHref } from '../../utils/elementKind'\nimport { NavOverflowItemScope, useNavOverflowItem } from '../../utils/navOverflow'\nimport { NavLink, NavLinkProps } from './NavLink'\n\nexport type NavItemProps<C extends ElementType = 'a'> = NavLinkProps<C> & {\n  /**\n   * Keeps the item in the list inside a `NavOverflow`, whatever the width.\n   */\n  keepVisible?: boolean\n}\n\ntype NavItemComponent = (<C extends ElementType = 'a'>(\n  props: NavItemProps<C> & { ref?: Ref<HTMLLIElement> }\n) => ReactElement | null) & { displayName?: string }\n\nconst LINK_ONLY_PROPS = new Set([\n  'active',\n  'color',\n  'disabled',\n  'iconLink',\n  'reset',\n  'stretched',\n  'type'\n])\n\n// A `.nav-item` wrapping a `.nav-link` when there is a link to render: an `href`, or a `component`\n// or `asChild` element, which `NavLink` renders. Otherwise a bare `<li>` around `children`, such as\n// a `MenuToggle`. Only the `<li>` takes the caller's own attributes then: `active`, `disabled` and\n// the other `NavLink` props style a link, and on the `<li>` they were written out as invalid\n// attributes (`disabled=\"\"`, `component=\"button\"`).\nfunction NavItemRender<C extends ElementType = 'a'>(\n  { children, className, keepVisible, ...rest }: NavItemProps<C>,\n  ref: Ref<HTMLLIElement>\n) {\n  const _className = classNames('nav-item', { 'nav-overflow-keep': keepVisible }, className)\n  const { asChild, component, href } = rest as {\n    asChild?: boolean\n    component?: ElementType\n    href?: string\n  }\n  // Inside a `NavOverflow`: the `<li>` is what it measures, and hides when the item is in the\n  // menu. chassis-css hides it by this attribute.\n  const overflow = useNavOverflowItem()\n  const forkedRef = useForkedRef(ref, overflow.ref)\n  const overflowProps = overflow.hidden ? { 'data-cx-nav-overflow': 'true' } : undefined\n\n  if (hasHref(href) || component !== undefined || asChild) {\n    return (\n      <li className={_className} {...overflowProps} ref={forkedRef}>\n        <NavOverflowItemScope value={overflow.scope}>\n          <NavLink {...(rest as Record<string, unknown>)}>{children as ReactNode}</NavLink>\n        </NavOverflowItemScope>\n      </li>\n    )\n  }\n\n  const { active, disabled } = rest as NavLinkProps<'a'>\n  const itemProps = Object.fromEntries(\n    Object.entries(rest).filter(([key]) => !LINK_ONLY_PROPS.has(key))\n  )\n  devWarning(\n    !!active || !!disabled,\n    'NavItem: `active` and `disabled` style its link, and without `href`, `component` or ' +\n      '`asChild` it renders none. Put them on the link inside it.'\n  )\n  return (\n    <li className={_className} {...itemProps} {...overflowProps} ref={forkedRef}>\n      <NavOverflowItemScope value={overflow.scope}>{children}</NavOverflowItemScope>\n    </li>\n  )\n}\n\nexport const NavItem = forwardRef(\n  NavItemRender as ForwardRefRenderFunction<HTMLLIElement, NavItemProps<ElementType>>\n) as NavItemComponent\n\nNavItem.displayName = 'NavItem'\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { resolveElementTag } from '../../utils/elementKind'\nimport { NavOverflowItems } from '../../utils/navOverflow'\nimport { NavVariant, navVariantClassName } from '../../utils/navVariant'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { NavItem } from './NavItem'\n\nexport interface NavItemDef {\n  /**\n   * Label content for the nav item.\n   */\n  label: React.ReactNode\n  /**\n   * URL for the nav link.\n   */\n  href?: string\n  /**\n   * Marks the item as active.\n   */\n  active?: boolean\n  /**\n   * Marks the item as disabled.\n   */\n  disabled?: boolean\n}\n\ntype NavOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Array of nav item definitions for data-driven rendering. When provided, children are ignored.\n   */\n  items?: NavItemDef[]\n  /**\n   * Specify a layout type for component.\n   */\n  layout?: 'fill' | 'justified'\n  /**\n   * Size the component sm or lg.\n   */\n  size?: 'sm' | 'lg'\n  /**\n   * Set the nav variant to tabs, to segments (a segmented control) or to underline, which\n   * underlines the active link. `'pills'` is the former name of `'segments'`: deprecated, it\n   * renders the same.\n   *\n   * @type { 'tabs' | 'segments' | 'underline' | 'pills' }\n   */\n  variant?: NavVariant\n}\n\nexport type NavProps<C extends ElementType = 'ul'> = PolymorphicComponentProps<C, NavOwnProps<C>>\n\ntype NavComponent = (<C extends ElementType = 'ul'>(\n  props: NavProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction NavRender<C extends ElementType = 'ul'>(\n  { children, className, component, items, layout, size, variant, ...rest }: NavProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'ul'\n  const _className = classNames(\n    'nav',\n    size,\n    { [`nav-${layout}`]: layout },\n    navVariantClassName(variant, 'Nav'),\n    className\n  )\n\n  const autoContent = items\n    ? items.map((item, idx) => (\n        <NavItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={idx}\n          active={item.active}\n          disabled={item.disabled}\n          href={item.href}\n        >\n          {item.label}\n        </NavItem>\n      ))\n    : null\n\n  // No `role`: `navigation` on the `<ul>` took away its list semantics, and `ul` doesn't allow\n  // that role. A landmark is the caller's `<nav>` around it, or `component=\"nav\"` holding\n  // `NavLink`s without items.\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {/* Inside a `NavOverflow`, the items it collapses and its toggle item. */}\n      <NavOverflowItems tag={resolveElementTag(Component)}>\n        {autoContent ?? children}\n      </NavOverflowItems>\n    </Component>\n  )\n}\n\nexport const Nav = createPolymorphicComponent<NavComponent>(\n  NavRender as ForwardRefRenderFunction<Element, NavProps<ElementType>>,\n  'Nav'\n)\n","import React, { forwardRef, HTMLAttributes } from 'react'\nimport classNames from 'classnames'\n\nexport interface NavTitleProps extends HTMLAttributes<HTMLLIElement> {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n}\n\nexport const NavTitle = forwardRef<HTMLLIElement, NavTitleProps>(\n  ({ children, className, ...rest }, ref) => {\n    const _className = classNames('nav-title', className)\n    return (\n      <li className={_className} {...rest} ref={ref}>\n        {children}\n      </li>\n    )\n  }\n)\n\nNavTitle.displayName = 'NavTitle'\n"],"mappings":"iZA4BA,SAAS,EACP,CAAE,WAAU,YAAW,GAAG,GAC1B,EACA,CACA,IAAM,EAAa,EAAW,WAAY,CAAS,EAG7C,EAAiB,EAAqB,EAE5C,OACE,EAAA,cAAA,EAAA,SAAA,KACE,EAAA,cAAC,EAAD,CACE,UAAW,EACX,GAAK,EACA,KAGD,EADH,CACG,EACL,GAAkB,EAAA,cAAC,EAAD,CAAiB,MAAO,CAAE,GAAG,EAAM,UAAS,CAAI,CAAA,CACnE,CAEN,CAEA,MAAa,EAAU,EACrB,EACA,SACF,EC3BM,EAAkB,IAAI,IAAI,CAC9B,SACA,QACA,WACA,WACA,QACA,YACA,MACF,CAAC,EAOD,SAAS,EACP,CAAE,WAAU,YAAW,cAAa,GAAG,GACvC,EACA,CACA,IAAM,EAAa,EAAW,WAAY,CAAE,oBAAqB,CAAY,EAAG,CAAS,EACnF,CAAE,UAAS,YAAW,QAAS,EAO/B,EAAW,EAAmB,EAC9B,EAAY,EAAa,EAAK,EAAS,GAAG,EAC1C,EAAgB,EAAS,OAAS,CAAE,uBAAwB,MAAO,EAAI,IAAA,GAE7E,GAAI,EAAQ,CAAI,GAAK,IAAc,IAAA,IAAa,EAC9C,OACE,EAAA,cAAC,KAAD,CAAI,UAAW,EAAY,GAAI,EAAe,IAAK,CAI/C,EAHF,EAAA,cAAC,EAAD,CAAsB,MAAO,EAAS,KAEhB,EADpB,EAAA,cAAC,EAAa,EAAmC,CAA+B,CAC5D,CACpB,EAIR,GAAM,CAAE,SAAQ,YAAa,EACvB,EAAY,OAAO,YACvB,OAAO,QAAQ,CAAI,CAAC,CAAC,QAAQ,CAAC,KAAS,CAAC,EAAgB,IAAI,CAAG,CAAC,CAClE,EAMA,OALA,EACE,CAAC,CAAC,GAAU,CAAC,CAAC,EACd,gJAEF,EAEE,EAAA,cAAC,KAAD,CAAI,UAAW,EAAY,GAAI,EAAW,GAAI,EAAe,IAAK,CAE9D,EADF,EAAA,cAAC,EAAD,CAAsB,MAAO,EAAS,KAAuC,EAA/B,CAA+B,CAC3E,CAER,CAEA,MAAa,EAAU,EACrB,CACF,EAEA,EAAQ,YAAc,UCnBtB,SAAS,EACP,CAAE,WAAU,YAAW,YAAW,QAAO,SAAQ,OAAM,UAAS,GAAG,GACnE,EACA,CACA,IAAM,EAAY,GAAa,KACzB,EAAa,EACjB,MACA,EACA,EAAG,OAAO,KAAW,CAAO,EAC5B,EAAoB,EAAS,KAAK,EAClC,CACF,EAEM,EAAc,EAChB,EAAM,KAAK,EAAM,IACf,EAAA,cAAC,EAAD,CAEE,IAAK,EACL,OAAQ,EAAK,OACb,SAAU,EAAK,SACf,KAAM,EAAK,IAGJ,EADN,EAAK,KACC,CACV,EACD,KAKJ,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAW,KAKtC,EAHT,EAAA,cAAC,EAAD,CAAkB,IAAK,EAAkB,CAAS,CAEhC,EADf,GAAe,CACA,CACT,CAEf,CAEA,MAAa,EAAM,EACjB,EACA,KACF,ECtGa,EAAW,GACrB,CAAE,WAAU,YAAW,GAAG,GAAQ,IAAQ,CACzC,IAAM,EAAa,EAAW,YAAa,CAAS,EACpD,OACE,EAAA,cAAC,KAAD,CAAI,UAAW,EAAY,GAAI,EAAW,KAEtC,EADD,CACC,CAER,CACF,EAEA,EAAS,YAAc"}

package/dist/chunks/{nav-overflow-Ay5mM5Gc.js → nav-overflow-DlLer6EK.js}

@@ -1,2 +1,2 @@
-import"./focus-ring-SR_LwaN7.js";import{v as e}from"./slot-CNhFZdHF.js";import{t}from"./useForkedRef-DVEfT-KI.js";import{t as n}from"./polymorphic-BhGNZQja.js";import{t as r}from"./useIsomorphicLayoutEffect-BbqRwuqn.js";import{n as i}from"./Portal-CgeR1WXV.js";import{t as a}from"./iconSlot-BNu2MrFI.js";import{n as o}from"./navOverflow-B5krZe6D.js";import{t as s}from"./Menu-CSBg2Zmc.js";import{l as c,n as l,t as u}from"./MenuToggle-BdQtF7FV.js";import d,{createContext as f,useCallback as p,useContext as m,useEffect as h,useMemo as g,useRef as _,useState as v,useSyncExternalStore as y}from"react";import b from"classnames";import{flushSync as x}from"react-dom";const S=f(null);function C(e){for(let t=e.previousElementSibling;t;t=t.previousElementSibling){if(t.hasAttribute(`data-cx-nav-overflow`))continue;let e=t.querySelector(`a[href], button:not(:disabled), [tabindex]`);if(e)return e}return null}function w({tabs:e}){let t=m(S),[n,i]=v(!1),o=_(null),f=_(!1),p=t?.hidden,h=!p?.length;r(()=>{let e=o.current;if(!e||!f.current)return;let t=e.ownerDocument.activeElement;(!t||t===e.ownerDocument.body||h&&e.contains(t))&&(f.current=!h,(h?C(e):e.querySelector(`.nav-overflow-toggle`))?.focus())},[p,h]);let g=t=>{f.current=!0,e&&t.stopPropagation()},x=()=>{f.current=!1};if(y(t?.subscribe??D,t?.getVersion??O,t?.getVersion??O),!t||!p)return null;let{getLink:w,iconPlacement:k,menuContainer:A,menuPlacement:j,moreIcon:M,moreLabel:N,moreText:P}=t;h&&n&&i(!1);let F=d.createElement(`span`,{key:`icon`,className:`nav-overflow-icon`,style:E},d.createElement(a,{icon:`more`,override:M})),I=P===!1?null:d.createElement(`span`,{key:`text`,className:`nav-overflow-text`},P);return d.createElement(s,{component:`li`,className:b(`nav-item nav-overflow-item`,{[T]:h}),container:e&&typeof A!=`object`||A,onBlur:x,onFocus:g,onVisibleChange:i,placement:j,visible:n&&!h,...e&&{role:`presentation`},ref:o},d.createElement(u,{"aria-label":P===!1?N:void 0,caret:!1,className:`nav-link nav-overflow-toggle`,component:`button`,...e&&{"aria-selected":!1,role:`tab`,tabIndex:-1}},k===`end`?[I,F]:[F,I]),d.createElement(l,{className:`nav-overflow-menu`},p.map(e=>{let t=w(e);return t&&d.createElement(c,{key:e,...t})})))}const T=`d-none`,E={"--cx-icon-color":`currentcolor`,"--cx-icon-size":`1rem`},D=()=>()=>{},O=()=>0;function k({available:e,collapseAll:t,gap:n,items:r,more:i,threshold:a}){let o=r.filter(e=>!e.keep),s=e=>e.map(e=>e.id);if(t)return s(o);if(r.reduce((e,t)=>e+t.width,0)+n*(r.length-1)<=e+1)return[];let c=i+r.reduce((e,t)=>t.keep?e+t.width+n:e,0),l=o.filter(t=>(c+=t.width+n,c>e+1));return r.length-l.length<a&&r.length>a&&(l=r.slice(a).filter(e=>!e.keep)),s(l)}function A(){let e=new Map,t=new Set,n=0,r=t=>{let n=e.get(t);return n||(n={element:null,link:null},e.set(t,n)),n};return{entries:e,getVersion:()=>n,notify:()=>{n+=1,t.forEach(e=>e())},set:(t,n)=>{let i=Object.assign(r(t),n);!i.element&&!i.link&&e.delete(t)},subscribe:e=>(t.add(e),()=>{t.delete(e)})}}const j=`data-cx-nav-overflow`,M=`d-none`,N=[],P=e=>Number.parseFloat(e)||0,F=e=>`offsetWidth`in e,I=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]);function ee(e,t){if(typeof e==`number`)return e;if(!e)return 0;let n=getComputedStyle(t.ownerDocument.documentElement),r=n.getPropertyValue(`--cx-breakpoint-${e}`).trim();return/r?em$/.test(r)?P(r)*(P(n.fontSize)||16):P(r)}const te={overflowX:`auto`,scrollbarWidth:`none`};function L({children:n,className:a,collapseBelow:s,component:c,iconPlacement:l=`start`,menuContainer:u,menuPlacement:f=`bottom-end`,moreIcon:m,moreLabel:y=`More`,moreText:C=`More`,onOverflow:T,style:E,threshold:D=0,...O},L){let R=c??`div`,z=_(null),ne=p(e=>{e&&(z.current=e)},[]),re=t(L,ne),ie=i(),[B]=v(A),[V,H]=v(N),U=_(V),W=_(0),G=_({collapseBelow:s,threshold:D});G.current={collapseBelow:s,threshold:D};let K=_(null),q=p(()=>{let t=z.current?.isConnected?z.current:null,n=t&&Array.from(t.children).find(e=>e.matches(`.nav`));if(e(!!t&&!n,"NavOverflow: expects a `Nav`, a `NavbarNav` or a `TabList` as its child; found no `.nav` to collapse."),!t||!n)return null;let r=Array.from(n.children).filter(F),i=r.find(e=>e.classList.contains(`nav-overflow-item`)),a=r.filter(e=>e!==i);if(Y(t,n,r),W.current=a.length,!i)return[];let o=new Map;B.entries.forEach((e,t)=>{e.element&&o.set(e.element,t)});let s=a.filter(e=>e.hasAttribute(j)),c=i.classList.contains(M);s.forEach(e=>e.removeAttribute(j)),i.classList.remove(M);try{let e=getComputedStyle(t),r=getComputedStyle(n),s=t.clientWidth-P(e.paddingInlineStart)-P(e.paddingInlineEnd),c=t.ownerDocument.activeElement,l=a.map(e=>{let t=o.get(e);return{id:t,keep:!t||!B.entries.get(t)?.link||e.classList.contains(`nav-overflow-keep`)||e.querySelector(`.nav-link.active, .nav-link[aria-current]:not([aria-current="false"]), [role="tab"][tabindex="0"]`)!==null||e.contains(c),width:e.offsetWidth}}),{collapseBelow:u,threshold:d}=G.current;return k({available:s-P(r.paddingInlineStart)-P(r.paddingInlineEnd)-P(r.borderInlineStartWidth)-P(r.borderInlineEndWidth),collapseAll:s<ee(u,t),gap:P(r.columnGap),items:l,more:i.offsetWidth,threshold:d})}finally{s.forEach(e=>e.setAttribute(j,`true`)),c&&i.classList.add(M),t.offsetWidth,K.current?.mutation?.takeRecords()}},[B]),J=p(()=>{let e=q();e&&!I(e,U.current)&&(U.current=e,H(e))},[q]);function Y(e,t,n){let r=K.current;if(r&&r.wrapper!==e&&(X(),r=null),!r){let t=()=>x(J),n={frame:0,mutation:typeof MutationObserver>`u`?null:new MutationObserver(t),nav:null,observed:new Set,resize:typeof ResizeObserver>`u`?null:new ResizeObserver(r=>{if(!r.some(t=>t.target===e)){cancelAnimationFrame(n.frame),n.frame=requestAnimationFrame(t);return}let i=U.current;t(),U.current!==i&&K.current===n&&(n.resize?.unobserve(e),cancelAnimationFrame(n.wrapperFrame),n.wrapperFrame=requestAnimationFrame(()=>n.resize?.observe(e)))}),wrapperFrame:0,wrapper:e};r=K.current=n,r.resize?.observe(e)}let{mutation:i,observed:a,resize:o}=r;r.nav!==t&&(r.nav=t,i?.disconnect(),i?.observe(t,{attributeFilter:[`class`,`aria-current`],attributes:!0,childList:!0,subtree:!0}));let s=new Set(n);a.forEach(e=>{s.has(e)||(o?.unobserve(e),a.delete(e))}),s.forEach(e=>{a.has(e)||(o?.observe(e),a.add(e))})}function X(){let e=K.current;e&&(cancelAnimationFrame(e.frame),cancelAnimationFrame(e.wrapperFrame),e.mutation?.disconnect(),e.resize?.disconnect(),K.current=null)}h(()=>X,[]),r(J,[J,R,s,D]);let Z=_(V);h(()=>{Z.current!==V&&(Z.current=V,T?.({overflowCount:V.length,visibleCount:W.current-V.length}))},[V]);let Q=p((e,t)=>B.set(e,{element:t}),[B]),$=p((e,t)=>{B.set(e,{link:t}),U.current.includes(e)&&B.notify()},[B]),ae=g(()=>({hidden:V,More:w,registerItem:Q,registerLink:$,update:J}),[V,Q,$,J]),oe=g(()=>({getLink:e=>B.entries.get(e)?.link??null,getVersion:B.getVersion,hidden:V,iconPlacement:l,menuContainer:u,menuPlacement:f,moreIcon:m,moreLabel:y,moreText:C,subscribe:B.subscribe}),[V,l,u,f,m,y,C,B]);return d.createElement(o.Provider,{value:ae},d.createElement(S.Provider,{value:oe},d.createElement(R,{className:b(`nav-overflow`,a),style:ie?E:{...te,...E},...O,ref:re},n)))}const R=n(L,`NavOverflow`);export{R as t};
-//# sourceMappingURL=nav-overflow-Ay5mM5Gc.js.map
+import"./focus-ring-SR_LwaN7.js";import{v as e}from"./slot-CNhFZdHF.js";import{t}from"./useForkedRef-DVEfT-KI.js";import{t as n}from"./polymorphic-BhGNZQja.js";import{t as r}from"./useIsomorphicLayoutEffect-BbqRwuqn.js";import{n as i}from"./Portal-CgeR1WXV.js";import{t as a}from"./iconSlot-BNu2MrFI.js";import{n as o}from"./navOverflow-B5krZe6D.js";import{t as s}from"./Menu-CSBg2Zmc.js";import{l as c,n as l,t as u}from"./MenuToggle-7RQ0dmtZ.js";import d,{createContext as f,useCallback as p,useContext as m,useEffect as h,useMemo as g,useRef as _,useState as v,useSyncExternalStore as y}from"react";import b from"classnames";import{flushSync as x}from"react-dom";const S=f(null);function C(e){for(let t=e.previousElementSibling;t;t=t.previousElementSibling){if(t.hasAttribute(`data-cx-nav-overflow`))continue;let e=t.querySelector(`a[href], button:not(:disabled), [tabindex]`);if(e)return e}return null}function w({tabs:e}){let t=m(S),[n,i]=v(!1),o=_(null),f=_(!1),p=t?.hidden,h=!p?.length;r(()=>{let e=o.current;if(!e||!f.current)return;let t=e.ownerDocument.activeElement;(!t||t===e.ownerDocument.body||h&&e.contains(t))&&(f.current=!h,(h?C(e):e.querySelector(`.nav-overflow-toggle`))?.focus())},[p,h]);let g=t=>{f.current=!0,e&&t.stopPropagation()},x=()=>{f.current=!1};if(y(t?.subscribe??D,t?.getVersion??O,t?.getVersion??O),!t||!p)return null;let{getLink:w,iconPlacement:k,menuContainer:A,menuPlacement:j,moreIcon:M,moreLabel:N,moreText:P}=t;h&&n&&i(!1);let F=d.createElement(`span`,{key:`icon`,className:`nav-overflow-icon`,style:E},d.createElement(a,{icon:`more`,override:M})),I=P===!1?null:d.createElement(`span`,{key:`text`,className:`nav-overflow-text`},P);return d.createElement(s,{component:`li`,className:b(`nav-item nav-overflow-item`,{[T]:h}),container:e&&typeof A!=`object`||A,onBlur:x,onFocus:g,onVisibleChange:i,placement:j,visible:n&&!h,...e&&{role:`presentation`},ref:o},d.createElement(u,{"aria-label":P===!1?N:void 0,caret:!1,className:`nav-link nav-overflow-toggle`,component:`button`,...e&&{"aria-selected":!1,role:`tab`,tabIndex:-1}},k===`end`?[I,F]:[F,I]),d.createElement(l,{className:`nav-overflow-menu`},p.map(e=>{let t=w(e);return t&&d.createElement(c,{key:e,...t})})))}const T=`d-none`,E={"--cx-icon-color":`currentcolor`,"--cx-icon-size":`1rem`},D=()=>()=>{},O=()=>0;function k({available:e,collapseAll:t,gap:n,items:r,more:i,threshold:a}){let o=r.filter(e=>!e.keep),s=e=>e.map(e=>e.id);if(t)return s(o);if(r.reduce((e,t)=>e+t.width,0)+n*(r.length-1)<=e+1)return[];let c=i+r.reduce((e,t)=>t.keep?e+t.width+n:e,0),l=o.filter(t=>(c+=t.width+n,c>e+1));return r.length-l.length<a&&r.length>a&&(l=r.slice(a).filter(e=>!e.keep)),s(l)}function A(){let e=new Map,t=new Set,n=0,r=t=>{let n=e.get(t);return n||(n={element:null,link:null},e.set(t,n)),n};return{entries:e,getVersion:()=>n,notify:()=>{n+=1,t.forEach(e=>e())},set:(t,n)=>{let i=Object.assign(r(t),n);!i.element&&!i.link&&e.delete(t)},subscribe:e=>(t.add(e),()=>{t.delete(e)})}}const j=`data-cx-nav-overflow`,M=`d-none`,N=[],P=e=>Number.parseFloat(e)||0,F=e=>`offsetWidth`in e,I=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]);function ee(e,t){if(typeof e==`number`)return e;if(!e)return 0;let n=getComputedStyle(t.ownerDocument.documentElement),r=n.getPropertyValue(`--cx-breakpoint-${e}`).trim();return/r?em$/.test(r)?P(r)*(P(n.fontSize)||16):P(r)}const te={overflowX:`auto`,scrollbarWidth:`none`};function L({children:n,className:a,collapseBelow:s,component:c,iconPlacement:l=`start`,menuContainer:u,menuPlacement:f=`bottom-end`,moreIcon:m,moreLabel:y=`More`,moreText:C=`More`,onOverflow:T,style:E,threshold:D=0,...O},L){let R=c??`div`,z=_(null),ne=p(e=>{e&&(z.current=e)},[]),re=t(L,ne),ie=i(),[B]=v(A),[V,H]=v(N),U=_(V),W=_(0),G=_({collapseBelow:s,threshold:D});G.current={collapseBelow:s,threshold:D};let K=_(null),q=p(()=>{let t=z.current?.isConnected?z.current:null,n=t&&Array.from(t.children).find(e=>e.matches(`.nav`));if(e(!!t&&!n,"NavOverflow: expects a `Nav`, a `NavbarNav` or a `TabList` as its child; found no `.nav` to collapse."),!t||!n)return null;let r=Array.from(n.children).filter(F),i=r.find(e=>e.classList.contains(`nav-overflow-item`)),a=r.filter(e=>e!==i);if(Y(t,n,r),W.current=a.length,!i)return[];let o=new Map;B.entries.forEach((e,t)=>{e.element&&o.set(e.element,t)});let s=a.filter(e=>e.hasAttribute(j)),c=i.classList.contains(M);s.forEach(e=>e.removeAttribute(j)),i.classList.remove(M);try{let e=getComputedStyle(t),r=getComputedStyle(n),s=t.clientWidth-P(e.paddingInlineStart)-P(e.paddingInlineEnd),c=t.ownerDocument.activeElement,l=a.map(e=>{let t=o.get(e);return{id:t,keep:!t||!B.entries.get(t)?.link||e.classList.contains(`nav-overflow-keep`)||e.querySelector(`.nav-link.active, .nav-link[aria-current]:not([aria-current="false"]), [role="tab"][tabindex="0"]`)!==null||e.contains(c),width:e.offsetWidth}}),{collapseBelow:u,threshold:d}=G.current;return k({available:s-P(r.paddingInlineStart)-P(r.paddingInlineEnd)-P(r.borderInlineStartWidth)-P(r.borderInlineEndWidth),collapseAll:s<ee(u,t),gap:P(r.columnGap),items:l,more:i.offsetWidth,threshold:d})}finally{s.forEach(e=>e.setAttribute(j,`true`)),c&&i.classList.add(M),t.offsetWidth,K.current?.mutation?.takeRecords()}},[B]),J=p(()=>{let e=q();e&&!I(e,U.current)&&(U.current=e,H(e))},[q]);function Y(e,t,n){let r=K.current;if(r&&r.wrapper!==e&&(X(),r=null),!r){let t=()=>x(J),n={frame:0,mutation:typeof MutationObserver>`u`?null:new MutationObserver(t),nav:null,observed:new Set,resize:typeof ResizeObserver>`u`?null:new ResizeObserver(r=>{if(!r.some(t=>t.target===e)){cancelAnimationFrame(n.frame),n.frame=requestAnimationFrame(t);return}let i=U.current;t(),U.current!==i&&K.current===n&&(n.resize?.unobserve(e),cancelAnimationFrame(n.wrapperFrame),n.wrapperFrame=requestAnimationFrame(()=>n.resize?.observe(e)))}),wrapperFrame:0,wrapper:e};r=K.current=n,r.resize?.observe(e)}let{mutation:i,observed:a,resize:o}=r;r.nav!==t&&(r.nav=t,i?.disconnect(),i?.observe(t,{attributeFilter:[`class`,`aria-current`],attributes:!0,childList:!0,subtree:!0}));let s=new Set(n);a.forEach(e=>{s.has(e)||(o?.unobserve(e),a.delete(e))}),s.forEach(e=>{a.has(e)||(o?.observe(e),a.add(e))})}function X(){let e=K.current;e&&(cancelAnimationFrame(e.frame),cancelAnimationFrame(e.wrapperFrame),e.mutation?.disconnect(),e.resize?.disconnect(),K.current=null)}h(()=>X,[]),r(J,[J,R,s,D]);let Z=_(V);h(()=>{Z.current!==V&&(Z.current=V,T?.({overflowCount:V.length,visibleCount:W.current-V.length}))},[V]);let Q=p((e,t)=>B.set(e,{element:t}),[B]),$=p((e,t)=>{B.set(e,{link:t}),U.current.includes(e)&&B.notify()},[B]),ae=g(()=>({hidden:V,More:w,registerItem:Q,registerLink:$,update:J}),[V,Q,$,J]),oe=g(()=>({getLink:e=>B.entries.get(e)?.link??null,getVersion:B.getVersion,hidden:V,iconPlacement:l,menuContainer:u,menuPlacement:f,moreIcon:m,moreLabel:y,moreText:C,subscribe:B.subscribe}),[V,l,u,f,m,y,C,B]);return d.createElement(o.Provider,{value:ae},d.createElement(S.Provider,{value:oe},d.createElement(R,{className:b(`nav-overflow`,a),style:ie?E:{...te,...E},...O,ref:re},n)))}const R=n(L,`NavOverflow`);export{R as t};
+//# sourceMappingURL=nav-overflow-DlLer6EK.js.map

package/dist/chunks/{nav-overflow-Ay5mM5Gc.js.map → nav-overflow-DlLer6EK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"nav-overflow-Ay5mM5Gc.js","names":["HIDDEN_CLASS"],"sources":["../../src/components/nav-overflow/more.tsx","../../src/components/nav-overflow/overflow.ts","../../src/components/nav-overflow/NavOverflow.tsx"],"sourcesContent":["import React, {\n  createContext,\n  CSSProperties,\n  FocusEvent,\n  ReactNode,\n  useContext,\n  useRef,\n  useState,\n  useSyncExternalStore\n} from 'react'\nimport classNames from 'classnames'\n\nimport { useIsomorphicLayoutEffect } from '../../hooks'\nimport { IconValue } from '../../utils/iconConfig'\nimport { IconSlot } from '../../utils/iconSlot'\nimport { NavOverflowLinkProps, NavOverflowMoreProps } from '../../utils/navOverflow'\nimport { Placement } from '../../utils/overlayPlacement'\nimport { Menu } from '../menu/Menu'\nimport { MenuItem } from '../menu/MenuItem'\nimport { MenuList } from '../menu/MenuList'\nimport { MenuToggle } from '../menu/MenuToggle'\n\n// From `NavOverflow` to the toggle item, which a list renders for it: the items in the menu, the\n// props their links registered, and how the toggle looks.\nexport interface NavOverflowMoreState {\n  getLink: (id: string) => NavOverflowLinkProps | null\n  getVersion: () => number\n  hidden: readonly string[]\n  iconPlacement: 'start' | 'end'\n  menuContainer: boolean | Element | undefined\n  menuPlacement: Placement\n  moreIcon: IconValue | undefined\n  moreLabel: string\n  moreText: ReactNode | false\n  subscribe: (listener: () => void) => () => void\n}\n\nexport const NavOverflowMoreContext = createContext<NavOverflowMoreState | null>(null)\n\n// The nearest item before `item` that is shown and can take focus: its link, or its tab.\nfunction lastShownStop(item: HTMLElement): HTMLElement | null {\n  for (let shown = item.previousElementSibling; shown; shown = shown.previousElementSibling) {\n    if (shown.hasAttribute('data-cx-nav-overflow')) continue\n    const stop = shown.querySelector<HTMLElement>('a[href], button:not(:disabled), [tabindex]')\n    if (stop) return stop\n  }\n  return null\n}\n\n// chassis-css's markup (`nav-overflow.js`): a `.nav-item.nav-overflow-item` holding the\n// `.nav-link.nav-overflow-toggle` button and the `.menu.nav-overflow-menu`. It is in the list at\n// all times, hidden while every item fits, so its width can be measured before it is needed.\nexport function NavOverflowMore({ tabs }: NavOverflowMoreProps) {\n  const state = useContext(NavOverflowMoreContext)\n  const [visible, setVisible] = useState(false)\n  const itemRef = useRef<HTMLLIElement>(null)\n  const focusWithinRef = useRef(false)\n  const hidden = state?.hidden\n  const empty = !hidden?.length\n\n  // A resize can take away what has focus here: the toggle, when the last item leaves the menu,\n  // or a menu item, when its item is back in the list. Neither blurs first, and focus would fall\n  // to the page. It goes to the toggle while there is one, and to the last item otherwise.\n  useIsomorphicLayoutEffect(() => {\n    const item = itemRef.current\n    if (!item || !focusWithinRef.current) return\n    const active = item.ownerDocument.activeElement\n    const lost = !active || active === item.ownerDocument.body || (empty && item.contains(active))\n    if (!lost) return\n    focusWithinRef.current = !empty\n    const stop = empty\n      ? lastShownStop(item)\n      : item.querySelector<HTMLElement>('.nav-overflow-toggle')\n    stop?.focus()\n  }, [hidden, empty])\n\n  const handleFocus = (event: FocusEvent) => {\n    focusWithinRef.current = true\n    // react-aria's tab list takes focus back to the selected tab when focus enters the list from\n    // outside, which a click on the toggle does. The toggle is reached with the arrow keys, from\n    // a tab (`TabList`), so the list doesn't need to hear of its focus.\n    if (tabs) event.stopPropagation()\n  }\n  const handleBlur = () => {\n    focusWithinRef.current = false\n  }\n  // A hidden item's link re-registers its props on each of its renders.\n  useSyncExternalStore(\n    state?.subscribe ?? subscribeToNothing,\n    state?.getVersion ?? zero,\n    state?.getVersion ?? zero\n  )\n\n  if (!state || !hidden) return null\n\n  const { getLink, iconPlacement, menuContainer, menuPlacement, moreIcon, moreLabel, moreText } =\n    state\n  // The toggle goes when the last item leaves the menu, and an open menu with it.\n  if (empty && visible) setVisible(false)\n\n  // Keyed, so `iconPlacement` moves the two spans instead of turning one into the other.\n  const icon = (\n    <span key=\"icon\" className=\"nav-overflow-icon\" style={ICON_STYLE}>\n      <IconSlot icon=\"more\" override={moreIcon} />\n    </span>\n  )\n  const text =\n    moreText === false ? null : (\n      <span key=\"text\" className=\"nav-overflow-text\">\n        {moreText}\n      </span>\n    )\n\n  return (\n    <Menu\n      component=\"li\"\n      className={classNames('nav-item nav-overflow-item', { [HIDDEN_CLASS]: empty })}\n      // A `tablist` owns tabs only. The toggle is one of them, and the menu is rendered outside.\n      // (No `instanceof Element`: a server has no `Element`.)\n      container={tabs ? (typeof menuContainer === 'object' ? menuContainer : true) : menuContainer}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      onVisibleChange={setVisible}\n      placement={menuPlacement}\n      visible={visible && !empty}\n      {...(tabs && { role: 'presentation' })}\n      ref={itemRef}\n    >\n      <MenuToggle\n        aria-label={moreText === false ? moreLabel : undefined}\n        caret={false}\n        className=\"nav-link nav-overflow-toggle\"\n        component=\"button\"\n        {...(tabs && { 'aria-selected': false, role: 'tab', tabIndex: -1 })}\n      >\n        {iconPlacement === 'end' ? [text, icon] : [icon, text]}\n      </MenuToggle>\n      <MenuList className=\"nav-overflow-menu\">\n        {hidden.map((id) => {\n          const link = getLink(id)\n          return link && <MenuItem key={id} {...link} />\n        })}\n      </MenuList>\n    </Menu>\n  )\n}\n\nconst HIDDEN_CLASS = 'd-none'\n// The icon as chassis-css's plugin draws its own: in the color of the toggle's text, and 1rem\n// wide. The default icon size is taller than a link's text, and would make the list a little\n// taller each time the toggle appeared.\nconst ICON_STYLE = { '--cx-icon-color': 'currentcolor', '--cx-icon-size': '1rem' } as CSSProperties\nconst subscribeToNothing = () => () => {}\nconst zero = () => 0\n","// Which items go into the menu, from widths `NavOverflow` has read with every item shown.\n\nexport interface MeasuredItem {\n  /**\n   * Unset for an item that registered nothing, which can't be moved.\n   */\n  id?: string\n  /**\n   * Stays in the list whatever the width: marked to keep, active, focused, or with no link for\n   * the menu to show.\n   */\n  keep: boolean\n  width: number\n}\n\nexport interface Measurement {\n  /**\n   * The width the items have to fit in.\n   */\n  available: number\n  /**\n   * The wrapper is narrower than `collapseBelow`.\n   */\n  collapseAll: boolean\n  gap: number\n  /**\n   * In document order, without the toggle item.\n   */\n  items: MeasuredItem[]\n  /**\n   * The width of the toggle item.\n   */\n  more: number\n  /**\n   * The fewest items to leave in the list.\n   */\n  threshold: number\n}\n\n// A pixel of slack for sub-pixel layout: `offsetWidth` is rounded.\nconst SLACK = 1\n\nexport function overflowingIds({\n  available,\n  collapseAll,\n  gap,\n  items,\n  more,\n  threshold\n}: Measurement): string[] {\n  const movable = items.filter((item) => !item.keep)\n  const ids = (overflowing: MeasuredItem[]) => overflowing.map((item) => item.id as string)\n\n  if (collapseAll) return ids(movable)\n\n  // Everything fits without the toggle, which then isn't shown. chassis-css's plugin always\n  // reserves the toggle's width, and so moves the last item of a list that fits exactly.\n  const total = items.reduce((sum, item) => sum + item.width, 0) + gap * (items.length - 1)\n  if (total <= available + SLACK) return []\n\n  // The toggle and the kept items are shown whatever happens, each with the gap to the next.\n  let used = more + items.reduce((sum, item) => (item.keep ? sum + item.width + gap : sum), 0)\n  let overflowing = movable.filter((item) => {\n    used += item.width + gap\n    return used > available + SLACK\n  })\n\n  if (items.length - overflowing.length < threshold && items.length > threshold) {\n    overflowing = items.slice(threshold).filter((item) => !item.keep)\n  }\n\n  return ids(overflowing)\n}\n","import React, {\n  CSSProperties,\n  ElementType,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react'\nimport { flushSync } from 'react-dom'\nimport classNames from 'classnames'\n\nimport { useForkedRef, useIsomorphicLayoutEffect } from '../../hooks'\nimport { Breakpoint } from '../../types'\nimport { devWarning } from '../../utils/devWarning'\nimport { IconValue } from '../../utils/iconConfig'\nimport {\n  NavOverflowContext,\n  NavOverflowController,\n  NavOverflowLinkProps\n} from '../../utils/navOverflow'\nimport { Placement } from '../../utils/overlayPlacement'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { useHydrated } from '../portal/Portal'\nimport { NavOverflowMore, NavOverflowMoreContext, NavOverflowMoreState } from './more'\nimport { MeasuredItem, overflowingIds } from './overflow'\n\nexport interface NavOverflowDetail {\n  /**\n   * How many items are in the menu.\n   */\n  overflowCount: number\n  /**\n   * How many items are left in the list.\n   */\n  visibleCount: number\n}\n\ntype NavOverflowOwnProps<C extends ElementType> = {\n  /**\n   * The list to collapse: a `Nav`, a `NavbarNav` or a `TabList`.\n   */\n  children?: ReactNode\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Moves every item into the menu while the component is narrower than this: a width in pixels,\n   * or the name of a breakpoint, read from `--cx-breakpoint-{name}`.\n   */\n  collapseBelow?: number | Breakpoint\n  /**\n   * Component used for the root node. Either a string to use an HTML element or a component.\n   *\n   * @default 'div'\n   */\n  component?: C\n  /**\n   * Which side of the toggle's text its icon is on.\n   *\n   * @default 'start'\n   */\n  iconPlacement?: 'start' | 'end'\n  /**\n   * Renders the menu in a container element instead of inside the toggle's item, where an\n   * ancestor with `overflow` set would clip it: an element, or `true` for `document.body`. The\n   * menu of a `TabList` is always rendered outside it.\n   */\n  menuContainer?: boolean | Element\n  /**\n   * Where the menu opens, relative to the toggle. It flips to stay in view.\n   *\n   * @default 'bottom-end'\n   * @type 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'\n   */\n  menuPlacement?: Placement\n  /**\n   * The toggle's icon: an icon name, or an element of your own icon set. Defaults to\n   * `IconProvider`'s `more` icon.\n   */\n  moreIcon?: IconValue\n  /**\n   * The accessible name of a toggle without text (`moreText={false}`).\n   *\n   * @default 'More'\n   */\n  moreLabel?: string\n  /**\n   * The toggle's text. `false` leaves the icon alone, named by `moreLabel`.\n   *\n   * @default 'More'\n   */\n  moreText?: ReactNode | false\n  /**\n   * Callback fired when items move into the menu or back out of it, with the number of items in\n   * the menu and in the list.\n   */\n  onOverflow?: (detail: NavOverflowDetail) => void\n  /**\n   * The fewest items to leave in the list. They stay even when they don't fit.\n   *\n   * @default 0\n   */\n  threshold?: number\n}\n\nexport type NavOverflowProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  NavOverflowOwnProps<C>\n>\n\ntype NavOverflowComponent = (<C extends ElementType = 'div'>(\n  props: NavOverflowProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\ninterface Entry {\n  element: HTMLElement | null\n  link: NavOverflowLinkProps | null\n}\n\ninterface Observers {\n  frame: number\n  mutation: MutationObserver | null\n  nav: Element | null\n  observed: Set<Element>\n  resize: ResizeObserver | null\n  wrapper: HTMLElement\n  wrapperFrame: number\n}\n\n// What the items and links registered, and the listeners of the menu that renders from it. Kept\n// outside React state: a link registers new props on every one of its renders.\nfunction createRegistry() {\n  const entries = new Map<string, Entry>()\n  const listeners = new Set<() => void>()\n  let version = 0\n\n  const entry = (id: string) => {\n    let found = entries.get(id)\n    if (!found) {\n      found = { element: null, link: null }\n      entries.set(id, found)\n    }\n    return found\n  }\n\n  return {\n    entries,\n    getVersion: () => version,\n    notify: () => {\n      version += 1\n      listeners.forEach((listener) => listener())\n    },\n    set: (id: string, value: Partial<Entry>) => {\n      const next = Object.assign(entry(id), value)\n      if (!next.element && !next.link) entries.delete(id)\n    },\n    subscribe: (listener: () => void) => {\n      listeners.add(listener)\n      return () => {\n        listeners.delete(listener)\n      }\n    }\n  }\n}\n\n// chassis-css hides an item with this attribute (`_nav-overflow.scss`) and the toggle item with\n// the display utility, as its plugin does.\nconst HIDDEN_ATTRIBUTE = 'data-cx-nav-overflow'\nconst HIDDEN_CLASS = 'd-none'\n\n// What keeps an item in the list by being inside it: the current link, and the tab that is the\n// list's Tab stop. react-aria gives that to the tab focused last, which needn't be the selected\n// one: hidden, it would leave the keyboard no way into the list.\nconst KEPT_CONTENT =\n  '.nav-link.active, .nav-link[aria-current]:not([aria-current=\"false\"]), [role=\"tab\"][tabindex=\"0\"]'\n\nconst EMPTY: readonly string[] = []\n\nconst pixels = (value: string) => Number.parseFloat(value) || 0\n\n// Not `instanceof HTMLElement`: a list rendered into another window has that window's classes.\nconst isHTMLElement = (element: Element): element is HTMLElement => 'offsetWidth' in element\n\nconst sameIds = (a: readonly string[], b: readonly string[]) =>\n  a.length === b.length && a.every((id, index) => id === b[index])\n\n// `collapseBelow` in pixels. A breakpoint is a custom property of chassis-css, in `rem`.\nfunction resolveCollapseBelow(value: number | Breakpoint | undefined, wrapper: HTMLElement) {\n  if (typeof value === 'number') return value\n  if (!value) return 0\n  const root = getComputedStyle(wrapper.ownerDocument.documentElement)\n  const width = root.getPropertyValue(`--cx-breakpoint-${value}`).trim()\n  return /r?em$/.test(width) ? pixels(width) * (pixels(root.fontSize) || 16) : pixels(width)\n}\n\n// Until the page has hydrated nothing has been measured, and the server's HTML holds every item\n// on one line (`.nav-overflow > .nav` doesn't wrap). The items that don't fit are clipped at the\n// wrapper's edge and can be scrolled to, instead of running over what is next to the list.\nconst UNMEASURED_STYLE: CSSProperties = { overflowX: 'auto', scrollbarWidth: 'none' }\n\nfunction NavOverflowRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    collapseBelow,\n    component,\n    iconPlacement = 'start',\n    menuContainer,\n    menuPlacement = 'bottom-end',\n    moreIcon,\n    moreLabel = 'More',\n    moreText = 'More',\n    onOverflow,\n    style,\n    threshold = 0,\n    ...rest\n  }: NavOverflowProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  // The wrapper, kept while React re-attaches a ref: a caller's ref that is a new function on\n  // each render makes it detach and attach this one too, and in between, where the list's\n  // effects run, there would be nothing to measure.\n  const wrapperRef = useRef<HTMLElement | null>(null)\n  const setWrapper = useCallback((element: HTMLElement | null) => {\n    if (element) wrapperRef.current = element\n  }, [])\n  const forkedRef = useForkedRef(ref, setWrapper)\n  const hydrated = useHydrated()\n\n  const [registry] = useState(createRegistry)\n  const [hidden, setHidden] = useState(EMPTY)\n  const hiddenRef = useRef(hidden)\n  const itemCountRef = useRef(0)\n  const optionsRef = useRef({ collapseBelow, threshold })\n  optionsRef.current = { collapseBelow, threshold }\n\n  const observersRef = useRef<Observers | null>(null)\n\n  // Which items don't fit, or `null` when there is nothing to measure.\n  //\n  // Widths are read with every item and the toggle shown, so they never depend on what the last\n  // pass hid. Showing and hiding again happens in one synchronous block, outside React: the browser\n  // paints neither, and the elements are back as React rendered them before it looks again.\n  const measure = useCallback((): string[] | null => {\n    const wrapper = wrapperRef.current?.isConnected ? wrapperRef.current : null\n    const nav = wrapper && Array.from(wrapper.children).find((child) => child.matches('.nav'))\n    devWarning(\n      !!wrapper && !nav,\n      'NavOverflow: expects a `Nav`, a `NavbarNav` or a `TabList` as its child; found no `.nav` ' +\n        'to collapse.'\n    )\n    if (!wrapper || !nav) return null\n\n    // Every child of the list takes room in the row, a title or a divider too; only registered\n    // items can leave it.\n    const children = Array.from(nav.children).filter(isHTMLElement)\n    const more = children.find((child) => child.classList.contains('nav-overflow-item'))\n    const elements = children.filter((child) => child !== more)\n    observe(wrapper, nav, children)\n    itemCountRef.current = elements.length\n    // No toggle: the list is not one that takes part, so nothing can move.\n    if (!more) return []\n\n    const ids = new Map<Element, string>()\n    registry.entries.forEach((entry, id) => {\n      if (entry.element) ids.set(entry.element, id)\n    })\n\n    const wereHidden = elements.filter((element) => element.hasAttribute(HIDDEN_ATTRIBUTE))\n    const moreWasHidden = more.classList.contains(HIDDEN_CLASS)\n    wereHidden.forEach((element) => element.removeAttribute(HIDDEN_ATTRIBUTE))\n    more.classList.remove(HIDDEN_CLASS)\n\n    try {\n      const wrapperStyle = getComputedStyle(wrapper)\n      const navStyle = getComputedStyle(nav)\n      // The wrapper's content box, as chassis-css's plugin takes it.\n      const width =\n        wrapper.clientWidth -\n        pixels(wrapperStyle.paddingInlineStart) -\n        pixels(wrapperStyle.paddingInlineEnd)\n      const focused = wrapper.ownerDocument.activeElement\n\n      const items = elements.map((element): MeasuredItem => {\n        const id = ids.get(element)\n        return {\n          id,\n          // An item stays in the list when the menu has nothing to show for it, when it is\n          // marked to stay, when it is the current one or the list's Tab stop, and while it has\n          // focus, which hiding it would drop.\n          keep:\n            !id ||\n            !registry.entries.get(id)?.link ||\n            element.classList.contains('nav-overflow-keep') ||\n            element.querySelector(KEPT_CONTENT) !== null ||\n            element.contains(focused),\n          width: element.offsetWidth\n        }\n      })\n\n      const { collapseBelow, threshold } = optionsRef.current\n      return overflowingIds({\n        available:\n          width -\n          pixels(navStyle.paddingInlineStart) -\n          pixels(navStyle.paddingInlineEnd) -\n          pixels(navStyle.borderInlineStartWidth) -\n          pixels(navStyle.borderInlineEndWidth),\n        collapseAll: width < resolveCollapseBelow(collapseBelow, wrapper),\n        gap: pixels(navStyle.columnGap),\n        items,\n        more: more.offsetWidth,\n        threshold\n      })\n    } finally {\n      wereHidden.forEach((element) => element.setAttribute(HIDDEN_ATTRIBUTE, 'true'))\n      if (moreWasHidden) more.classList.add(HIDDEN_CLASS)\n      // Lay the list out as it was. Without this the layout stays as measured, with everything\n      // shown, until the browser next needs it, and a ResizeObserver delivering in the meantime\n      // (react-aria's, on the toggle) is told of sizes that were never painted.\n      void wrapper.offsetWidth\n      // The mutations above are this function's own.\n      observersRef.current?.mutation?.takeRecords()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [registry])\n\n  const update = useCallback(() => {\n    const next = measure()\n    if (!next || sameIds(next, hiddenRef.current)) return\n    hiddenRef.current = next\n    setHidden(next)\n  }, [measure])\n\n  // What changes the result without a render of the list:\n  //\n  // - The wrapper's width. The wrapper and not the list, whose width the result itself changes.\n  // - An item's width: a font that loads, a label that changes.\n  // - A link that becomes the current one by itself, as a router's link does on navigation.\n  //\n  // An observer's callback runs before the browser paints, and `flushSync` commits the result\n  // there, so no frame shows the items of the old width.\n  //\n  // A ResizeObserver delivers sizes top down, and reports a loop error when a callback changes\n  // a size it has already passed. Two things here would: hiding an item's siblings from the\n  // callback for that item, so an item's own resize waits a frame; and a toggle taller than the\n  // links, which changes the wrapper's height from the wrapper's own callback, so the wrapper is\n  // observed again from the next frame once a pass has moved anything.\n  function observe(wrapper: HTMLElement, nav: Element, children: HTMLElement[]) {\n    let observers = observersRef.current\n    if (observers && observers.wrapper !== wrapper) {\n      disconnect()\n      observers = null\n    }\n    if (!observers) {\n      const flush = () => flushSync(update)\n      const created: Observers = {\n        frame: 0,\n        mutation: typeof MutationObserver === 'undefined' ? null : new MutationObserver(flush),\n        nav: null,\n        observed: new Set(),\n        resize:\n          typeof ResizeObserver === 'undefined'\n            ? null\n            : new ResizeObserver((entries) => {\n                if (!entries.some((entry) => entry.target === wrapper)) {\n                  cancelAnimationFrame(created.frame)\n                  created.frame = requestAnimationFrame(flush)\n                  return\n                }\n                const before = hiddenRef.current\n                flush()\n                // The pass can have replaced these observers, for a wrapper that is a new element.\n                if (hiddenRef.current === before || observersRef.current !== created) return\n                created.resize?.unobserve(wrapper)\n                cancelAnimationFrame(created.wrapperFrame)\n                created.wrapperFrame = requestAnimationFrame(() => created.resize?.observe(wrapper))\n              }),\n        wrapperFrame: 0,\n        wrapper\n      }\n      observers = observersRef.current = created\n      observers.resize?.observe(wrapper)\n    }\n    const { mutation, observed, resize } = observers\n\n    if (observers.nav !== nav) {\n      observers.nav = nav\n      mutation?.disconnect()\n      mutation?.observe(nav, {\n        attributeFilter: ['class', 'aria-current'],\n        attributes: true,\n        childList: true,\n        subtree: true\n      })\n    }\n\n    const current = new Set<Element>(children)\n    observed.forEach((element) => {\n      if (current.has(element)) return\n      resize?.unobserve(element)\n      observed.delete(element)\n    })\n    current.forEach((element) => {\n      if (observed.has(element)) return\n      resize?.observe(element)\n      observed.add(element)\n    })\n  }\n\n  function disconnect() {\n    const observers = observersRef.current\n    if (!observers) return\n    cancelAnimationFrame(observers.frame)\n    cancelAnimationFrame(observers.wrapperFrame)\n    observers.mutation?.disconnect()\n    observers.resize?.disconnect()\n    observersRef.current = null\n  }\n\n  useEffect(() => disconnect, [])\n\n  // The list measures after each of its commits (`NavOverflowItems`). This covers what it can't:\n  // the first commit and a wrapper that becomes another element, where React attaches the\n  // wrapper's ref after the list's effects have run, and the options, which can change without\n  // the list rendering.\n  useIsomorphicLayoutEffect(update, [update, Component, collapseBelow, threshold])\n\n  const reportedRef = useRef(hidden)\n  useEffect(() => {\n    if (reportedRef.current === hidden) return\n    reportedRef.current = hidden\n    onOverflow?.({\n      overflowCount: hidden.length,\n      visibleCount: itemCountRef.current - hidden.length\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hidden])\n\n  const registerItem = useCallback(\n    (id: string, element: HTMLElement | null) => registry.set(id, { element }),\n    [registry]\n  )\n  const registerLink = useCallback(\n    (id: string, link: NavOverflowLinkProps | null) => {\n      registry.set(id, { link })\n      // The menu renders from these props, and only it needs to hear of new ones.\n      if (hiddenRef.current.includes(id)) registry.notify()\n    },\n    [registry]\n  )\n\n  const controller: NavOverflowController = useMemo(\n    () => ({ hidden, More: NavOverflowMore, registerItem, registerLink, update }),\n    [hidden, registerItem, registerLink, update]\n  )\n\n  const more: NavOverflowMoreState = useMemo(\n    () => ({\n      getLink: (id) => registry.entries.get(id)?.link ?? null,\n      getVersion: registry.getVersion,\n      hidden,\n      iconPlacement,\n      menuContainer,\n      menuPlacement,\n      moreIcon,\n      moreLabel,\n      moreText,\n      subscribe: registry.subscribe\n    }),\n    [hidden, iconPlacement, menuContainer, menuPlacement, moreIcon, moreLabel, moreText, registry]\n  )\n\n  return (\n    <NavOverflowContext.Provider value={controller}>\n      <NavOverflowMoreContext.Provider value={more}>\n        <Component\n          className={classNames('nav-overflow', className)}\n          style={hydrated ? style : { ...UNMEASURED_STYLE, ...style }}\n          {...rest}\n          ref={forkedRef}\n        >\n          {children}\n        </Component>\n      </NavOverflowMoreContext.Provider>\n    </NavOverflowContext.Provider>\n  )\n}\n\nexport const NavOverflow = createPolymorphicComponent<NavOverflowComponent>(\n  NavOverflowRender as ForwardRefRenderFunction<Element, NavOverflowProps<ElementType>>,\n  'NavOverflow'\n)\n"],"mappings":"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"}
+{"version":3,"file":"nav-overflow-DlLer6EK.js","names":["HIDDEN_CLASS"],"sources":["../../src/components/nav-overflow/more.tsx","../../src/components/nav-overflow/overflow.ts","../../src/components/nav-overflow/NavOverflow.tsx"],"sourcesContent":["import React, {\n  createContext,\n  CSSProperties,\n  FocusEvent,\n  ReactNode,\n  useContext,\n  useRef,\n  useState,\n  useSyncExternalStore\n} from 'react'\nimport classNames from 'classnames'\n\nimport { useIsomorphicLayoutEffect } from '../../hooks'\nimport { IconValue } from '../../utils/iconConfig'\nimport { IconSlot } from '../../utils/iconSlot'\nimport { NavOverflowLinkProps, NavOverflowMoreProps } from '../../utils/navOverflow'\nimport { Placement } from '../../utils/overlayPlacement'\nimport { Menu } from '../menu/Menu'\nimport { MenuItem } from '../menu/MenuItem'\nimport { MenuList } from '../menu/MenuList'\nimport { MenuToggle } from '../menu/MenuToggle'\n\n// From `NavOverflow` to the toggle item, which a list renders for it: the items in the menu, the\n// props their links registered, and how the toggle looks.\nexport interface NavOverflowMoreState {\n  getLink: (id: string) => NavOverflowLinkProps | null\n  getVersion: () => number\n  hidden: readonly string[]\n  iconPlacement: 'start' | 'end'\n  menuContainer: boolean | Element | undefined\n  menuPlacement: Placement\n  moreIcon: IconValue | undefined\n  moreLabel: string\n  moreText: ReactNode | false\n  subscribe: (listener: () => void) => () => void\n}\n\nexport const NavOverflowMoreContext = createContext<NavOverflowMoreState | null>(null)\n\n// The nearest item before `item` that is shown and can take focus: its link, or its tab.\nfunction lastShownStop(item: HTMLElement): HTMLElement | null {\n  for (let shown = item.previousElementSibling; shown; shown = shown.previousElementSibling) {\n    if (shown.hasAttribute('data-cx-nav-overflow')) continue\n    const stop = shown.querySelector<HTMLElement>('a[href], button:not(:disabled), [tabindex]')\n    if (stop) return stop\n  }\n  return null\n}\n\n// chassis-css's markup (`nav-overflow.js`): a `.nav-item.nav-overflow-item` holding the\n// `.nav-link.nav-overflow-toggle` button and the `.menu.nav-overflow-menu`. It is in the list at\n// all times, hidden while every item fits, so its width can be measured before it is needed.\nexport function NavOverflowMore({ tabs }: NavOverflowMoreProps) {\n  const state = useContext(NavOverflowMoreContext)\n  const [visible, setVisible] = useState(false)\n  const itemRef = useRef<HTMLLIElement>(null)\n  const focusWithinRef = useRef(false)\n  const hidden = state?.hidden\n  const empty = !hidden?.length\n\n  // A resize can take away what has focus here: the toggle, when the last item leaves the menu,\n  // or a menu item, when its item is back in the list. Neither blurs first, and focus would fall\n  // to the page. It goes to the toggle while there is one, and to the last item otherwise.\n  useIsomorphicLayoutEffect(() => {\n    const item = itemRef.current\n    if (!item || !focusWithinRef.current) return\n    const active = item.ownerDocument.activeElement\n    const lost = !active || active === item.ownerDocument.body || (empty && item.contains(active))\n    if (!lost) return\n    focusWithinRef.current = !empty\n    const stop = empty\n      ? lastShownStop(item)\n      : item.querySelector<HTMLElement>('.nav-overflow-toggle')\n    stop?.focus()\n  }, [hidden, empty])\n\n  const handleFocus = (event: FocusEvent) => {\n    focusWithinRef.current = true\n    // react-aria's tab list takes focus back to the selected tab when focus enters the list from\n    // outside, which a click on the toggle does. The toggle is reached with the arrow keys, from\n    // a tab (`TabList`), so the list doesn't need to hear of its focus.\n    if (tabs) event.stopPropagation()\n  }\n  const handleBlur = () => {\n    focusWithinRef.current = false\n  }\n  // A hidden item's link re-registers its props on each of its renders.\n  useSyncExternalStore(\n    state?.subscribe ?? subscribeToNothing,\n    state?.getVersion ?? zero,\n    state?.getVersion ?? zero\n  )\n\n  if (!state || !hidden) return null\n\n  const { getLink, iconPlacement, menuContainer, menuPlacement, moreIcon, moreLabel, moreText } =\n    state\n  // The toggle goes when the last item leaves the menu, and an open menu with it.\n  if (empty && visible) setVisible(false)\n\n  // Keyed, so `iconPlacement` moves the two spans instead of turning one into the other.\n  const icon = (\n    <span key=\"icon\" className=\"nav-overflow-icon\" style={ICON_STYLE}>\n      <IconSlot icon=\"more\" override={moreIcon} />\n    </span>\n  )\n  const text =\n    moreText === false ? null : (\n      <span key=\"text\" className=\"nav-overflow-text\">\n        {moreText}\n      </span>\n    )\n\n  return (\n    <Menu\n      component=\"li\"\n      className={classNames('nav-item nav-overflow-item', { [HIDDEN_CLASS]: empty })}\n      // A `tablist` owns tabs only. The toggle is one of them, and the menu is rendered outside.\n      // (No `instanceof Element`: a server has no `Element`.)\n      container={tabs ? (typeof menuContainer === 'object' ? menuContainer : true) : menuContainer}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      onVisibleChange={setVisible}\n      placement={menuPlacement}\n      visible={visible && !empty}\n      {...(tabs && { role: 'presentation' })}\n      ref={itemRef}\n    >\n      <MenuToggle\n        aria-label={moreText === false ? moreLabel : undefined}\n        caret={false}\n        className=\"nav-link nav-overflow-toggle\"\n        component=\"button\"\n        {...(tabs && { 'aria-selected': false, role: 'tab', tabIndex: -1 })}\n      >\n        {iconPlacement === 'end' ? [text, icon] : [icon, text]}\n      </MenuToggle>\n      <MenuList className=\"nav-overflow-menu\">\n        {hidden.map((id) => {\n          const link = getLink(id)\n          return link && <MenuItem key={id} {...link} />\n        })}\n      </MenuList>\n    </Menu>\n  )\n}\n\nconst HIDDEN_CLASS = 'd-none'\n// The icon as chassis-css's plugin draws its own: in the color of the toggle's text, and 1rem\n// wide. The default icon size is taller than a link's text, and would make the list a little\n// taller each time the toggle appeared.\nconst ICON_STYLE = { '--cx-icon-color': 'currentcolor', '--cx-icon-size': '1rem' } as CSSProperties\nconst subscribeToNothing = () => () => {}\nconst zero = () => 0\n","// Which items go into the menu, from widths `NavOverflow` has read with every item shown.\n\nexport interface MeasuredItem {\n  /**\n   * Unset for an item that registered nothing, which can't be moved.\n   */\n  id?: string\n  /**\n   * Stays in the list whatever the width: marked to keep, active, focused, or with no link for\n   * the menu to show.\n   */\n  keep: boolean\n  width: number\n}\n\nexport interface Measurement {\n  /**\n   * The width the items have to fit in.\n   */\n  available: number\n  /**\n   * The wrapper is narrower than `collapseBelow`.\n   */\n  collapseAll: boolean\n  gap: number\n  /**\n   * In document order, without the toggle item.\n   */\n  items: MeasuredItem[]\n  /**\n   * The width of the toggle item.\n   */\n  more: number\n  /**\n   * The fewest items to leave in the list.\n   */\n  threshold: number\n}\n\n// A pixel of slack for sub-pixel layout: `offsetWidth` is rounded.\nconst SLACK = 1\n\nexport function overflowingIds({\n  available,\n  collapseAll,\n  gap,\n  items,\n  more,\n  threshold\n}: Measurement): string[] {\n  const movable = items.filter((item) => !item.keep)\n  const ids = (overflowing: MeasuredItem[]) => overflowing.map((item) => item.id as string)\n\n  if (collapseAll) return ids(movable)\n\n  // Everything fits without the toggle, which then isn't shown. chassis-css's plugin always\n  // reserves the toggle's width, and so moves the last item of a list that fits exactly.\n  const total = items.reduce((sum, item) => sum + item.width, 0) + gap * (items.length - 1)\n  if (total <= available + SLACK) return []\n\n  // The toggle and the kept items are shown whatever happens, each with the gap to the next.\n  let used = more + items.reduce((sum, item) => (item.keep ? sum + item.width + gap : sum), 0)\n  let overflowing = movable.filter((item) => {\n    used += item.width + gap\n    return used > available + SLACK\n  })\n\n  if (items.length - overflowing.length < threshold && items.length > threshold) {\n    overflowing = items.slice(threshold).filter((item) => !item.keep)\n  }\n\n  return ids(overflowing)\n}\n","import React, {\n  CSSProperties,\n  ElementType,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react'\nimport { flushSync } from 'react-dom'\nimport classNames from 'classnames'\n\nimport { useForkedRef, useIsomorphicLayoutEffect } from '../../hooks'\nimport { Breakpoint } from '../../types'\nimport { devWarning } from '../../utils/devWarning'\nimport { IconValue } from '../../utils/iconConfig'\nimport {\n  NavOverflowContext,\n  NavOverflowController,\n  NavOverflowLinkProps\n} from '../../utils/navOverflow'\nimport { Placement } from '../../utils/overlayPlacement'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { useHydrated } from '../portal/Portal'\nimport { NavOverflowMore, NavOverflowMoreContext, NavOverflowMoreState } from './more'\nimport { MeasuredItem, overflowingIds } from './overflow'\n\nexport interface NavOverflowDetail {\n  /**\n   * How many items are in the menu.\n   */\n  overflowCount: number\n  /**\n   * How many items are left in the list.\n   */\n  visibleCount: number\n}\n\ntype NavOverflowOwnProps<C extends ElementType> = {\n  /**\n   * The list to collapse: a `Nav`, a `NavbarNav` or a `TabList`.\n   */\n  children?: ReactNode\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Moves every item into the menu while the component is narrower than this: a width in pixels,\n   * or the name of a breakpoint, read from `--cx-breakpoint-{name}`.\n   */\n  collapseBelow?: number | Breakpoint\n  /**\n   * Component used for the root node. Either a string to use an HTML element or a component.\n   *\n   * @default 'div'\n   */\n  component?: C\n  /**\n   * Which side of the toggle's text its icon is on.\n   *\n   * @default 'start'\n   */\n  iconPlacement?: 'start' | 'end'\n  /**\n   * Renders the menu in a container element instead of inside the toggle's item, where an\n   * ancestor with `overflow` set would clip it: an element, or `true` for `document.body`. The\n   * menu of a `TabList` is always rendered outside it.\n   */\n  menuContainer?: boolean | Element\n  /**\n   * Where the menu opens, relative to the toggle. It flips to stay in view.\n   *\n   * @default 'bottom-end'\n   * @type 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'\n   */\n  menuPlacement?: Placement\n  /**\n   * The toggle's icon: an icon name, or an element of your own icon set. Defaults to\n   * `IconProvider`'s `more` icon.\n   */\n  moreIcon?: IconValue\n  /**\n   * The accessible name of a toggle without text (`moreText={false}`).\n   *\n   * @default 'More'\n   */\n  moreLabel?: string\n  /**\n   * The toggle's text. `false` leaves the icon alone, named by `moreLabel`.\n   *\n   * @default 'More'\n   */\n  moreText?: ReactNode | false\n  /**\n   * Callback fired when items move into the menu or back out of it, with the number of items in\n   * the menu and in the list.\n   */\n  onOverflow?: (detail: NavOverflowDetail) => void\n  /**\n   * The fewest items to leave in the list. They stay even when they don't fit.\n   *\n   * @default 0\n   */\n  threshold?: number\n}\n\nexport type NavOverflowProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  NavOverflowOwnProps<C>\n>\n\ntype NavOverflowComponent = (<C extends ElementType = 'div'>(\n  props: NavOverflowProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\ninterface Entry {\n  element: HTMLElement | null\n  link: NavOverflowLinkProps | null\n}\n\ninterface Observers {\n  frame: number\n  mutation: MutationObserver | null\n  nav: Element | null\n  observed: Set<Element>\n  resize: ResizeObserver | null\n  wrapper: HTMLElement\n  wrapperFrame: number\n}\n\n// What the items and links registered, and the listeners of the menu that renders from it. Kept\n// outside React state: a link registers new props on every one of its renders.\nfunction createRegistry() {\n  const entries = new Map<string, Entry>()\n  const listeners = new Set<() => void>()\n  let version = 0\n\n  const entry = (id: string) => {\n    let found = entries.get(id)\n    if (!found) {\n      found = { element: null, link: null }\n      entries.set(id, found)\n    }\n    return found\n  }\n\n  return {\n    entries,\n    getVersion: () => version,\n    notify: () => {\n      version += 1\n      listeners.forEach((listener) => listener())\n    },\n    set: (id: string, value: Partial<Entry>) => {\n      const next = Object.assign(entry(id), value)\n      if (!next.element && !next.link) entries.delete(id)\n    },\n    subscribe: (listener: () => void) => {\n      listeners.add(listener)\n      return () => {\n        listeners.delete(listener)\n      }\n    }\n  }\n}\n\n// chassis-css hides an item with this attribute (`_nav-overflow.scss`) and the toggle item with\n// the display utility, as its plugin does.\nconst HIDDEN_ATTRIBUTE = 'data-cx-nav-overflow'\nconst HIDDEN_CLASS = 'd-none'\n\n// What keeps an item in the list by being inside it: the current link, and the tab that is the\n// list's Tab stop. react-aria gives that to the tab focused last, which needn't be the selected\n// one: hidden, it would leave the keyboard no way into the list.\nconst KEPT_CONTENT =\n  '.nav-link.active, .nav-link[aria-current]:not([aria-current=\"false\"]), [role=\"tab\"][tabindex=\"0\"]'\n\nconst EMPTY: readonly string[] = []\n\nconst pixels = (value: string) => Number.parseFloat(value) || 0\n\n// Not `instanceof HTMLElement`: a list rendered into another window has that window's classes.\nconst isHTMLElement = (element: Element): element is HTMLElement => 'offsetWidth' in element\n\nconst sameIds = (a: readonly string[], b: readonly string[]) =>\n  a.length === b.length && a.every((id, index) => id === b[index])\n\n// `collapseBelow` in pixels. A breakpoint is a custom property of chassis-css, in `rem`.\nfunction resolveCollapseBelow(value: number | Breakpoint | undefined, wrapper: HTMLElement) {\n  if (typeof value === 'number') return value\n  if (!value) return 0\n  const root = getComputedStyle(wrapper.ownerDocument.documentElement)\n  const width = root.getPropertyValue(`--cx-breakpoint-${value}`).trim()\n  return /r?em$/.test(width) ? pixels(width) * (pixels(root.fontSize) || 16) : pixels(width)\n}\n\n// Until the page has hydrated nothing has been measured, and the server's HTML holds every item\n// on one line (`.nav-overflow > .nav` doesn't wrap). The items that don't fit are clipped at the\n// wrapper's edge and can be scrolled to, instead of running over what is next to the list.\nconst UNMEASURED_STYLE: CSSProperties = { overflowX: 'auto', scrollbarWidth: 'none' }\n\nfunction NavOverflowRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    collapseBelow,\n    component,\n    iconPlacement = 'start',\n    menuContainer,\n    menuPlacement = 'bottom-end',\n    moreIcon,\n    moreLabel = 'More',\n    moreText = 'More',\n    onOverflow,\n    style,\n    threshold = 0,\n    ...rest\n  }: NavOverflowProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  // The wrapper, kept while React re-attaches a ref: a caller's ref that is a new function on\n  // each render makes it detach and attach this one too, and in between, where the list's\n  // effects run, there would be nothing to measure.\n  const wrapperRef = useRef<HTMLElement | null>(null)\n  const setWrapper = useCallback((element: HTMLElement | null) => {\n    if (element) wrapperRef.current = element\n  }, [])\n  const forkedRef = useForkedRef(ref, setWrapper)\n  const hydrated = useHydrated()\n\n  const [registry] = useState(createRegistry)\n  const [hidden, setHidden] = useState(EMPTY)\n  const hiddenRef = useRef(hidden)\n  const itemCountRef = useRef(0)\n  const optionsRef = useRef({ collapseBelow, threshold })\n  optionsRef.current = { collapseBelow, threshold }\n\n  const observersRef = useRef<Observers | null>(null)\n\n  // Which items don't fit, or `null` when there is nothing to measure.\n  //\n  // Widths are read with every item and the toggle shown, so they never depend on what the last\n  // pass hid. Showing and hiding again happens in one synchronous block, outside React: the browser\n  // paints neither, and the elements are back as React rendered them before it looks again.\n  const measure = useCallback((): string[] | null => {\n    const wrapper = wrapperRef.current?.isConnected ? wrapperRef.current : null\n    const nav = wrapper && Array.from(wrapper.children).find((child) => child.matches('.nav'))\n    devWarning(\n      !!wrapper && !nav,\n      'NavOverflow: expects a `Nav`, a `NavbarNav` or a `TabList` as its child; found no `.nav` ' +\n        'to collapse.'\n    )\n    if (!wrapper || !nav) return null\n\n    // Every child of the list takes room in the row, a title or a divider too; only registered\n    // items can leave it.\n    const children = Array.from(nav.children).filter(isHTMLElement)\n    const more = children.find((child) => child.classList.contains('nav-overflow-item'))\n    const elements = children.filter((child) => child !== more)\n    observe(wrapper, nav, children)\n    itemCountRef.current = elements.length\n    // No toggle: the list is not one that takes part, so nothing can move.\n    if (!more) return []\n\n    const ids = new Map<Element, string>()\n    registry.entries.forEach((entry, id) => {\n      if (entry.element) ids.set(entry.element, id)\n    })\n\n    const wereHidden = elements.filter((element) => element.hasAttribute(HIDDEN_ATTRIBUTE))\n    const moreWasHidden = more.classList.contains(HIDDEN_CLASS)\n    wereHidden.forEach((element) => element.removeAttribute(HIDDEN_ATTRIBUTE))\n    more.classList.remove(HIDDEN_CLASS)\n\n    try {\n      const wrapperStyle = getComputedStyle(wrapper)\n      const navStyle = getComputedStyle(nav)\n      // The wrapper's content box, as chassis-css's plugin takes it.\n      const width =\n        wrapper.clientWidth -\n        pixels(wrapperStyle.paddingInlineStart) -\n        pixels(wrapperStyle.paddingInlineEnd)\n      const focused = wrapper.ownerDocument.activeElement\n\n      const items = elements.map((element): MeasuredItem => {\n        const id = ids.get(element)\n        return {\n          id,\n          // An item stays in the list when the menu has nothing to show for it, when it is\n          // marked to stay, when it is the current one or the list's Tab stop, and while it has\n          // focus, which hiding it would drop.\n          keep:\n            !id ||\n            !registry.entries.get(id)?.link ||\n            element.classList.contains('nav-overflow-keep') ||\n            element.querySelector(KEPT_CONTENT) !== null ||\n            element.contains(focused),\n          width: element.offsetWidth\n        }\n      })\n\n      const { collapseBelow, threshold } = optionsRef.current\n      return overflowingIds({\n        available:\n          width -\n          pixels(navStyle.paddingInlineStart) -\n          pixels(navStyle.paddingInlineEnd) -\n          pixels(navStyle.borderInlineStartWidth) -\n          pixels(navStyle.borderInlineEndWidth),\n        collapseAll: width < resolveCollapseBelow(collapseBelow, wrapper),\n        gap: pixels(navStyle.columnGap),\n        items,\n        more: more.offsetWidth,\n        threshold\n      })\n    } finally {\n      wereHidden.forEach((element) => element.setAttribute(HIDDEN_ATTRIBUTE, 'true'))\n      if (moreWasHidden) more.classList.add(HIDDEN_CLASS)\n      // Lay the list out as it was. Without this the layout stays as measured, with everything\n      // shown, until the browser next needs it, and a ResizeObserver delivering in the meantime\n      // (react-aria's, on the toggle) is told of sizes that were never painted.\n      void wrapper.offsetWidth\n      // The mutations above are this function's own.\n      observersRef.current?.mutation?.takeRecords()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [registry])\n\n  const update = useCallback(() => {\n    const next = measure()\n    if (!next || sameIds(next, hiddenRef.current)) return\n    hiddenRef.current = next\n    setHidden(next)\n  }, [measure])\n\n  // What changes the result without a render of the list:\n  //\n  // - The wrapper's width. The wrapper and not the list, whose width the result itself changes.\n  // - An item's width: a font that loads, a label that changes.\n  // - A link that becomes the current one by itself, as a router's link does on navigation.\n  //\n  // An observer's callback runs before the browser paints, and `flushSync` commits the result\n  // there, so no frame shows the items of the old width.\n  //\n  // A ResizeObserver delivers sizes top down, and reports a loop error when a callback changes\n  // a size it has already passed. Two things here would: hiding an item's siblings from the\n  // callback for that item, so an item's own resize waits a frame; and a toggle taller than the\n  // links, which changes the wrapper's height from the wrapper's own callback, so the wrapper is\n  // observed again from the next frame once a pass has moved anything.\n  function observe(wrapper: HTMLElement, nav: Element, children: HTMLElement[]) {\n    let observers = observersRef.current\n    if (observers && observers.wrapper !== wrapper) {\n      disconnect()\n      observers = null\n    }\n    if (!observers) {\n      const flush = () => flushSync(update)\n      const created: Observers = {\n        frame: 0,\n        mutation: typeof MutationObserver === 'undefined' ? null : new MutationObserver(flush),\n        nav: null,\n        observed: new Set(),\n        resize:\n          typeof ResizeObserver === 'undefined'\n            ? null\n            : new ResizeObserver((entries) => {\n                if (!entries.some((entry) => entry.target === wrapper)) {\n                  cancelAnimationFrame(created.frame)\n                  created.frame = requestAnimationFrame(flush)\n                  return\n                }\n                const before = hiddenRef.current\n                flush()\n                // The pass can have replaced these observers, for a wrapper that is a new element.\n                if (hiddenRef.current === before || observersRef.current !== created) return\n                created.resize?.unobserve(wrapper)\n                cancelAnimationFrame(created.wrapperFrame)\n                created.wrapperFrame = requestAnimationFrame(() => created.resize?.observe(wrapper))\n              }),\n        wrapperFrame: 0,\n        wrapper\n      }\n      observers = observersRef.current = created\n      observers.resize?.observe(wrapper)\n    }\n    const { mutation, observed, resize } = observers\n\n    if (observers.nav !== nav) {\n      observers.nav = nav\n      mutation?.disconnect()\n      mutation?.observe(nav, {\n        attributeFilter: ['class', 'aria-current'],\n        attributes: true,\n        childList: true,\n        subtree: true\n      })\n    }\n\n    const current = new Set<Element>(children)\n    observed.forEach((element) => {\n      if (current.has(element)) return\n      resize?.unobserve(element)\n      observed.delete(element)\n    })\n    current.forEach((element) => {\n      if (observed.has(element)) return\n      resize?.observe(element)\n      observed.add(element)\n    })\n  }\n\n  function disconnect() {\n    const observers = observersRef.current\n    if (!observers) return\n    cancelAnimationFrame(observers.frame)\n    cancelAnimationFrame(observers.wrapperFrame)\n    observers.mutation?.disconnect()\n    observers.resize?.disconnect()\n    observersRef.current = null\n  }\n\n  useEffect(() => disconnect, [])\n\n  // The list measures after each of its commits (`NavOverflowItems`). This covers what it can't:\n  // the first commit and a wrapper that becomes another element, where React attaches the\n  // wrapper's ref after the list's effects have run, and the options, which can change without\n  // the list rendering.\n  useIsomorphicLayoutEffect(update, [update, Component, collapseBelow, threshold])\n\n  const reportedRef = useRef(hidden)\n  useEffect(() => {\n    if (reportedRef.current === hidden) return\n    reportedRef.current = hidden\n    onOverflow?.({\n      overflowCount: hidden.length,\n      visibleCount: itemCountRef.current - hidden.length\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hidden])\n\n  const registerItem = useCallback(\n    (id: string, element: HTMLElement | null) => registry.set(id, { element }),\n    [registry]\n  )\n  const registerLink = useCallback(\n    (id: string, link: NavOverflowLinkProps | null) => {\n      registry.set(id, { link })\n      // The menu renders from these props, and only it needs to hear of new ones.\n      if (hiddenRef.current.includes(id)) registry.notify()\n    },\n    [registry]\n  )\n\n  const controller: NavOverflowController = useMemo(\n    () => ({ hidden, More: NavOverflowMore, registerItem, registerLink, update }),\n    [hidden, registerItem, registerLink, update]\n  )\n\n  const more: NavOverflowMoreState = useMemo(\n    () => ({\n      getLink: (id) => registry.entries.get(id)?.link ?? null,\n      getVersion: registry.getVersion,\n      hidden,\n      iconPlacement,\n      menuContainer,\n      menuPlacement,\n      moreIcon,\n      moreLabel,\n      moreText,\n      subscribe: registry.subscribe\n    }),\n    [hidden, iconPlacement, menuContainer, menuPlacement, moreIcon, moreLabel, moreText, registry]\n  )\n\n  return (\n    <NavOverflowContext.Provider value={controller}>\n      <NavOverflowMoreContext.Provider value={more}>\n        <Component\n          className={classNames('nav-overflow', className)}\n          style={hydrated ? style : { ...UNMEASURED_STYLE, ...style }}\n          {...rest}\n          ref={forkedRef}\n        >\n          {children}\n        </Component>\n      </NavOverflowMoreContext.Provider>\n    </NavOverflowContext.Provider>\n  )\n}\n\nexport const NavOverflow = createPolymorphicComponent<NavOverflowComponent>(\n  NavOverflowRender as ForwardRefRenderFunction<Element, NavOverflowProps<ElementType>>,\n  'NavOverflow'\n)\n"],"mappings":"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"}

package/dist/chunks/{notification-Ds24wnPq.js → notification-Dbci5Ka3.js}

@@ -1,2 +1,2 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-BhGNZQja.js";import{n as t,r as n,t as r}from"./useToastRegionQueue-CIV5SdiE.js";import{t as i}from"./Icon-DLB1f88W.js";import{n as a}from"./iconSlot-BNu2MrFI.js";import{t as o}from"./CloseButton-DPgQztE0.js";import{t as s}from"./stack-CsMiQbpq.js";import c,{createContext as l,forwardRef as u,useContext as d}from"react";import f from"classnames";import{mergeProps as p}from"react-aria";import{ToastQueue as m}from"react-stately";const h=l({close:()=>{}}),g=()=>d(h);function _({children:e,component:t,className:n,...r},i){let a=t??`div`,o=f(`notification-text`,n);return c.createElement(a,{className:o,...r,ref:i},e)}const v=e(_,`NotificationText`);function y({children:e,className:t,component:n,...r},i){let a=n??`h4`,o=f(`notification-title`,t);return c.createElement(a,{className:o,...r,ref:i},e)}const b=e(y,`NotificationTitle`),x=u(({actions:e,autohide:r=!1,children:i,className:s,closeLabel:l=`Close`,color:u=`primary`,defaultVisible:d=!0,delay:m=5e3,dismissible:g,icon:_,solid:y,text:x,title:S,titleComponent:C=`h4`,role:w=`status`,visible:T,onClose:E,onShow:D,onVisibleChange:O,...k},A)=>{let{close:j,entered:M,forkedRef:N,isMounted:P,textId:F,titleId:I,transitionClass:L,visible:R}=t({defaultVisible:d,displayName:`Notification`,onClose:E,onShow:D,onVisibleChange:O,ref:A,visible:T}),z=n({enabled:r,delay:m,visible:R&&M,onHide:j}),B=f(`notification`,`fade`,u,{solid:y},s);return P?c.createElement(h.Provider,{value:{visible:R,close:j}},c.createElement(`div`,{className:f(B,L),role:w,"aria-labelledby":S?I:void 0,"aria-describedby":S&&x?F:void 0,...p(k,z),ref:N},_&&(typeof _==`string`?c.createElement(a,{value:_,className:f(`notification-icon`,{"align-self-start":!!S})}):_),S&&c.createElement(b,{id:I,component:C},S),x&&c.createElement(v,{id:F},x),i,e,g&&c.createElement(o,{label:l,onClick:j}))):null});x.displayName=`Notification`;const S=u(({className:e,...t},n)=>{let r=f(`notification-icon`,e);return c.createElement(i,{className:r,...t,ref:n})});S.displayName=`NotificationIcon`;const C=new m;function w(e,t={}){return C.add({children:e,...t})}function T(e){C.close(e)}const E=u(({children:e,className:t,reverse:n,...i},a)=>{let{forkedRef:o,regionProps:l,state:u}=r(C,a);if(u.visibleToasts.length===0&&!e)return null;let d=n?[...u.visibleToasts].reverse():u.visibleToasts;return c.createElement(s,{direction:`vertical`,gap:`sm`,className:t,...l,...i,ref:o},e,d.map(e=>{let{children:t,...n}=e.content;return c.createElement(x,{key:e.key,...n,onClose:()=>u.close(e.key)},t)}))});E.displayName=`NotificationStack`;export{S as a,v as c,C as i,g as l,w as n,x as o,T as r,b as s,E as t};
-//# sourceMappingURL=notification-Ds24wnPq.js.map
+import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-BhGNZQja.js";import{n as t,r as n,t as r}from"./useToastRegionQueue-CIV5SdiE.js";import{t as i}from"./Icon-DLB1f88W.js";import{n as a}from"./iconSlot-BNu2MrFI.js";import{t as o}from"./CloseButton-DPgQztE0.js";import{t as s}from"./stack-DK5F53VT.js";import c,{createContext as l,forwardRef as u,useContext as d}from"react";import f from"classnames";import{mergeProps as p}from"react-aria";import{ToastQueue as m}from"react-stately";const h=l({close:()=>{}}),g=()=>d(h);function _({children:e,component:t,className:n,...r},i){let a=t??`div`,o=f(`notification-text`,n);return c.createElement(a,{className:o,...r,ref:i},e)}const v=e(_,`NotificationText`);function y({children:e,className:t,component:n,...r},i){let a=n??`h4`,o=f(`notification-title`,t);return c.createElement(a,{className:o,...r,ref:i},e)}const b=e(y,`NotificationTitle`),x=u(({actions:e,autohide:r=!1,children:i,className:s,closeLabel:l=`Close`,color:u=`primary`,defaultVisible:d=!0,delay:m=5e3,dismissible:g,icon:_,solid:y,text:x,title:S,titleComponent:C=`h4`,role:w=`status`,visible:T,onClose:E,onShow:D,onVisibleChange:O,...k},A)=>{let{close:j,entered:M,forkedRef:N,isMounted:P,textId:F,titleId:I,transitionClass:L,visible:R}=t({defaultVisible:d,displayName:`Notification`,onClose:E,onShow:D,onVisibleChange:O,ref:A,visible:T}),z=n({enabled:r,delay:m,visible:R&&M,onHide:j}),B=f(`notification`,`fade`,u,{solid:y},s);return P?c.createElement(h.Provider,{value:{visible:R,close:j}},c.createElement(`div`,{className:f(B,L),role:w,"aria-labelledby":S?I:void 0,"aria-describedby":S&&x?F:void 0,...p(k,z),ref:N},_&&(typeof _==`string`?c.createElement(a,{value:_,className:f(`notification-icon`,{"align-self-start":!!S})}):_),S&&c.createElement(b,{id:I,component:C},S),x&&c.createElement(v,{id:F},x),i,e,g&&c.createElement(o,{label:l,onClick:j}))):null});x.displayName=`Notification`;const S=u(({className:e,...t},n)=>{let r=f(`notification-icon`,e);return c.createElement(i,{className:r,...t,ref:n})});S.displayName=`NotificationIcon`;const C=new m;function w(e,t={}){return C.add({children:e,...t})}function T(e){C.close(e)}const E=u(({children:e,className:t,reverse:n,...i},a)=>{let{forkedRef:o,regionProps:l,state:u}=r(C,a);if(u.visibleToasts.length===0&&!e)return null;let d=n?[...u.visibleToasts].reverse():u.visibleToasts;return c.createElement(s,{direction:`vertical`,gap:`sm`,className:t,...l,...i,ref:o},e,d.map(e=>{let{children:t,...n}=e.content;return c.createElement(x,{key:e.key,...n,onClose:()=>u.close(e.key)},t)}))});E.displayName=`NotificationStack`;export{S as a,v as c,C as i,g as l,w as n,x as o,T as r,b as s,E as t};
+//# sourceMappingURL=notification-Dbci5Ka3.js.map