@kanso-labs/kanso-ui 0.40.9 → 0.41.0

package/dist/components/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","stylex","RenderComponentProps","useRipple","useRender","focus","mergeStyles","colors","radii","shadows","spacing","stateLayerOpacity","FORCED_COLORS","styles","base","kaIpWk","kMzoRj","kB7OPa","kMwMTN","k1xSpc","kVQacm","kHjlTd","kVAEAm","kybGjl","$$css","content","kAzted","elevated","kWkggS","kGVxlE","filled","interactive","kkrTdU","kVVagm","kzqmXN","k9WMMc","interactiveBoundary","kVAM5u","ksu8eU","outlined","paddingDefault","kmVPX3","paddingNone","HOVER_CAPABLE","interactionStyles","CardProps","padding","variant","CardVariant","Card","t0","$","children","t1","onClick","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","t2","render","t3","props","undefined","t4","ripple","padded","t5","t6","type","t7","handlers","t8","t9","surface","t10","ring","t11","t12","defaultTagName","_c","props","stylex.props"],"sources":["../../../src/components/card/index.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport type { RenderComponentProps } from '../../render/useRender';\nimport { useRipple } from '../../hooks/useRipple';\nimport { useRender } from '../../render/useRender';\nimport { focus } from '../../styles/focus';\nimport { mergeStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, radii, shadows, spacing, stateLayerOpacity } from '../../tokens/design.tokens.stylex';\n\n// The three variants differ only in how they separate themselves from the\n// page: a shadow, a darker fill, or a border. Each therefore sits on a\n// different background, which is why the interaction styles below are keyed\n// by variant too — a state layer composites an 'on-color' over whatever the\n// container already is, so it cannot be written once for all three.\n//\n// color-mix() is inlined at each property rather than factored into a helper:\n// @stylexjs/babel-plugin only statically recognizes expressions written\n// directly as property values. Button's header comment records the same\n// constraint.\n// Windows High Contrast and the rest of the forced-colours modes. Spelled\n// here rather than imported, for the reason src/field/styles.ts records: the\n// StyleX compiler resolves a constant across files only out of a `.stylex.ts`\n// module, and the generated one holds design tokens rather than queries.\nconst FORCED_COLORS = '@media (forced-colors: active)';\nconst styles = {\n  base: {\n    kaIpWk: \"x62ce2h\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1heor9g\",\n    k1xSpc: \"x1lliihq\",\n    kVQacm: \"x7giv3\",\n    kHjlTd: \"xj0a0fe\",\n    kVAEAm: \"x1n2onr6\",\n    kybGjl: \"x1hl2dhg\",\n    $$css: true\n  },\n  content: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x1lliihq\",\n    kAzted: \"x1us19tq\",\n    $$css: true\n  },\n  elevated: {\n    kWkggS: \"x1vnz5z6\",\n    kGVxlE: \"x19efjv6\",\n    $$css: true\n  },\n  filled: {\n    kWkggS: \"x1rrhr5q\",\n    $$css: true\n  },\n  interactive: {\n    kkrTdU: \"x1ypdohk\",\n    kVVagm: \"xln7xf2\",\n    kzqmXN: \"xh8yej3\",\n    k9WMMc: \"x1yc453h\",\n    $$css: true\n  },\n  interactiveBoundary: {\n    kVAM5u: \"x1ylmb6m\",\n    ksu8eU: \"xx61lck\",\n    kMzoRj: \"xc342km x13rsnn2\",\n    $$css: true\n  },\n  outlined: {\n    kWkggS: \"x14s9m32\",\n    kVAM5u: \"x133yhug\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    $$css: true\n  },\n  paddingDefault: {\n    kmVPX3: \"xgc26li\",\n    $$css: true\n  },\n  paddingNone: {\n    kmVPX3: \"x1717udv\",\n    $$css: true\n  }\n};\n\n// A pointer that can hover: a mouse or a trackpad, not a finger. An\n// interactive card is a plain element React Aria does not host, so it has no\n// `isHovered` to draw its hover layer from, and Chromium leaves `:hover` on\n// whatever a touch last tapped — a card tapped and then navigated back to\n// stayed lifted. Inside this query a touch screen draws no hover at all. A\n// touchscreen laptop still matches it for its trackpad, which is the limit of\n// asking the device rather than the event.\nconst HOVER_CAPABLE = '@media (hover: hover)';\n\n// The state layers, from pseudo-classes, since the card has no render state\n// to read — see `HOVER_CAPABLE`.\n// `:active` is written twice, bare for a touch and again inside the query.\n// StyleX orders a rule by the sum of its conditions, so a hover inside the\n// query would otherwise come after a bare press and win while both held.\nconst interactionStyles = {\n  elevated: {\n    kWkggS: \"xu5m21g x17zbzf9 x1ru19e0 x1vnz5z6\",\n    kGVxlE: \"x1g60mc1 x14zlms8 xqmo4o3 x19efjv6\",\n    $$css: true\n  },\n  filled: {\n    kWkggS: \"x1w49kxs x10l1pcx xt0lj0h x1rrhr5q\",\n    $$css: true\n  },\n  outlined: {\n    kWkggS: \"x1jqfdmz x1ie1ydn x1dau0i7 x14s9m32\",\n    $$css: true\n  }\n};\n\n// Typed as the attributes a <div> accepts, because that is the surface every\n// element this can render shares. Anything element-specific — a button's\n// `type`, an anchor's `href` — would be wrong for the others, and does not\n// need to be here anyway: those are written on the element handed to\n// `render`, where TypeScript checks them against that element's own props.\ntype CardProps = {\n  /**\n   * Makes the card the thing you press: it ripples, lifts on hover, and takes\n   * a focus ring. Renders a `<button>` unless `render` says otherwise. Leave\n   * it off for a card that merely holds content, including one containing its\n   * own buttons.\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * `none` removes the card's own padding, for a card whose children run to\n   * its edges — a list of rows separated by rules.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none';\n  /**\n   * How the card separates itself from the page: `elevated` casts a shadow,\n   * `filled` sits on a darker surface, `outlined` draws a border.\n   * @default 'elevated'\n   */\n  variant?: CardVariant;\n} & RenderComponentProps<'div'>;\ntype CardVariant = 'elevated' | 'filled' | 'outlined';\n\n/**\n * A surface holding related content. `render` decides which element that\n * surface is, so a card that navigates can be a real `<a href>` — announced\n * as a link and opening in a new tab on a modifier click, which a `<button>`\n * with an onClick does neither of.\n *\n * `interactive` and `render` are separate axes. `interactive` says the card\n * is pressable and gives it the ripple, the hover lift, and a focus ring;\n * `render` says what it is. A pressable card with no `render` is a\n * `<button>`, which is the right default for one that acts rather than\n * navigates.\n */\nfunction Card({\n  children,\n  interactive = false,\n  onClick,\n  onContextMenu,\n  onPointerCancel,\n  onPointerDown,\n  onPointerLeave,\n  onPointerUp,\n  padding = 'default',\n  render,\n  variant = 'elevated',\n  ...props\n}: CardProps) {\n  // The consumer's own pointer handlers are handed to useRipple to merge\n  // rather than spread over its handlers afterwards, which is what Button\n  // does and for the same reason: a plain spread means whichever object\n  // comes last silently wins, so an onPointerDown on the call site would\n  // replace the one driving the ripple and the card would stop rippling.\n  const ripple = useRipple(interactive, {\n    onClick,\n    onContextMenu,\n    onPointerCancel,\n    onPointerDown,\n    onPointerLeave,\n    onPointerUp\n  });\n  const padded = padding === 'none' ? styles.paddingNone : styles.paddingDefault;\n  return useRender({\n    defaultTagName: interactive ? 'button' : 'div',\n    props: {\n      ...props,\n      // Only when the default <button> is what renders. On an element the\n      // call site chose, `type` is either meaningless or wrong — an <a>'s\n      // `type` is a hint about the MIME type of what it links to — and that\n      // element's own attributes are the call site's to write.\n      ...(interactive && render === undefined ? {\n        type: 'button'\n      } : undefined),\n      ...ripple.handlers,\n      children: <>\n          {interactive ? <span className=\"x9f619 x1lliihq x1us19tq\">{children}</span> : children}\n          {ripple.surface}\n        </>,\n      ...mergeStyles(stylex.props(styles.base, styles[variant], padded, interactive && styles.interactive, interactive && variant !== 'outlined' && styles.interactiveBoundary, interactive && focus.ring, interactive && interactionStyles[variant]), props)\n    },\n    render\n  });\n}\nexport type { CardProps, CardVariant };\nexport default Card;"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","MouseEvent","stylex","cloneElement","isValidElement","RenderComponentProps","useRipple","useRender","focus","mergeStyles","colors","radii","shadows","spacing","stateLayerOpacity","FORCED_COLORS","styles","base","kaIpWk","kMzoRj","kB7OPa","kMwMTN","k1xSpc","kVQacm","kHjlTd","kVAEAm","kybGjl","$$css","content","kAzted","disabled","kVAM5u","kkrTdU","disabledContent","kSiTet","disabledElevated","kWkggS","kGVxlE","disabledFilled","disabledOutlined","elevated","filled","interactive","kVVagm","kzqmXN","k9WMMc","interactiveBoundary","ksu8eU","outlined","paddingDefault","kmVPX3","paddingNone","HOVER_CAPABLE","interactionStyles","CardProps","isDisabled","padding","variant","CardVariant","Card","t0","$","children","t1","t2","onClick","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","t3","render","t4","props","undefined","t5","t6","ripple","padded","t7","t8","type","t9","handlers","t10","disabledAttributes","t11","0","className","1","t12","surface","t13","ring","disabledStyles","t14","t15","withoutActivation","t16","defaultTagName","preventDefault","event","Record","href","tabIndex","_c","props","stylex.props"],"sources":["../../../src/components/card/index.tsx"],"sourcesContent":["'use client';\n\nimport type { MouseEvent } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { cloneElement, isValidElement } from 'react';\nimport type { RenderComponentProps } from '../../render/useRender';\nimport { useRipple } from '../../hooks/useRipple';\nimport { useRender } from '../../render/useRender';\nimport { focus } from '../../styles/focus';\nimport { mergeStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, radii, shadows, spacing, stateLayerOpacity } from '../../tokens/design.tokens.stylex';\n\n// The three variants differ only in how they separate themselves from the\n// page: a shadow, a darker fill, or a border. Each therefore sits on a\n// different background, which is why the interaction styles below are keyed\n// by variant too — a state layer composites an 'on-color' over whatever the\n// container already is, so it cannot be written once for all three.\n//\n// color-mix() is inlined at each property rather than factored into a helper:\n// @stylexjs/babel-plugin only statically recognizes expressions written\n// directly as property values. Button's header comment records the same\n// constraint.\n// Windows High Contrast and the rest of the forced-colours modes. Spelled\n// here rather than imported, for the reason src/field/styles.ts records: the\n// StyleX compiler resolves a constant across files only out of a `.stylex.ts`\n// module, and the generated one holds design tokens rather than queries.\nconst FORCED_COLORS = '@media (forced-colors: active)';\nconst styles = {\n  base: {\n    kaIpWk: \"x62ce2h\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1heor9g\",\n    k1xSpc: \"x1lliihq\",\n    kVQacm: \"x7giv3\",\n    kHjlTd: \"xj0a0fe\",\n    kVAEAm: \"x1n2onr6\",\n    kybGjl: \"x1hl2dhg\",\n    $$css: true\n  },\n  content: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x1lliihq\",\n    kAzted: \"x1us19tq\",\n    $$css: true\n  },\n  disabled: {\n    kVAM5u: \"xmnqt3w\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  disabledContent: {\n    kSiTet: \"x1ppv7y9\",\n    $$css: true\n  },\n  disabledElevated: {\n    kWkggS: \"x1jfv5e4\",\n    kGVxlE: \"x1gnnqk1\",\n    $$css: true\n  },\n  disabledFilled: {\n    kWkggS: \"x6mg230\",\n    $$css: true\n  },\n  disabledOutlined: {\n    kVAM5u: \"x1y3ic1l xmnqt3w\",\n    $$css: true\n  },\n  elevated: {\n    kWkggS: \"x1vnz5z6\",\n    kGVxlE: \"x19efjv6\",\n    $$css: true\n  },\n  filled: {\n    kWkggS: \"x1rrhr5q\",\n    $$css: true\n  },\n  interactive: {\n    kkrTdU: \"x1ypdohk\",\n    kVVagm: \"xln7xf2\",\n    kzqmXN: \"xh8yej3\",\n    k9WMMc: \"x1yc453h\",\n    $$css: true\n  },\n  interactiveBoundary: {\n    kVAM5u: \"x1ylmb6m\",\n    ksu8eU: \"xx61lck\",\n    kMzoRj: \"xc342km x13rsnn2\",\n    $$css: true\n  },\n  outlined: {\n    kWkggS: \"x14s9m32\",\n    kVAM5u: \"x133yhug\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    $$css: true\n  },\n  paddingDefault: {\n    kmVPX3: \"xgc26li\",\n    $$css: true\n  },\n  paddingNone: {\n    kmVPX3: \"x1717udv\",\n    $$css: true\n  }\n};\n\n// A pointer that can hover: a mouse or a trackpad, not a finger. An\n// interactive card is a plain element React Aria does not host, so it has no\n// `isHovered` to draw its hover layer from, and Chromium leaves `:hover` on\n// whatever a touch last tapped — a card tapped and then navigated back to\n// stayed lifted. Inside this query a touch screen draws no hover at all. A\n// touchscreen laptop still matches it for its trackpad, which is the limit of\n// asking the device rather than the event.\nconst HOVER_CAPABLE = '@media (hover: hover)';\n\n// The state layers, from pseudo-classes, since the card has no render state\n// to read — see `HOVER_CAPABLE`.\n// `:active` is written twice, bare for a touch and again inside the query.\n// StyleX orders a rule by the sum of its conditions, so a hover inside the\n// query would otherwise come after a bare press and win while both held.\nconst interactionStyles = {\n  elevated: {\n    kWkggS: \"xu5m21g x17zbzf9 x1ru19e0 x1vnz5z6\",\n    kGVxlE: \"x1g60mc1 x14zlms8 xqmo4o3 x19efjv6\",\n    $$css: true\n  },\n  filled: {\n    kWkggS: \"x1w49kxs x10l1pcx xt0lj0h x1rrhr5q\",\n    $$css: true\n  },\n  outlined: {\n    kWkggS: \"x1jqfdmz x1ie1ydn x1dau0i7 x14s9m32\",\n    $$css: true\n  }\n};\n\n// Typed as the attributes a <div> accepts, because that is the surface every\n// element this can render shares. Anything element-specific — a button's\n// `type`, an anchor's `href` — would be wrong for the others, and does not\n// need to be here anyway: those are written on the element handed to\n// `render`, where TypeScript checks them against that element's own props.\ntype CardProps = {\n  /**\n   * Makes the card the thing you press: it ripples, lifts on hover, and takes\n   * a focus ring. Renders a `<button>` unless `render` says otherwise. Leave\n   * it off for a card that merely holds content, including one containing its\n   * own buttons.\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * Turns an interactive card off: it fades as the cards page draws a\n   * disabled card, stops rippling and lifting, and takes no press. The\n   * default `<button>` is disabled outright. An element of the call site's\n   * own through `render` is marked `aria-disabled`, and an element handed in\n   * directly loses its `href`, `tabIndex` and `onClick`, so a link card can\n   * neither be followed nor focused. Has no effect on a card that is not\n   * `interactive`, which cannot be pressed to begin with.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * `none` removes the card's own padding, for a card whose children run to\n   * its edges — a list of rows separated by rules.\n   * @default 'default'\n   */\n  padding?: 'default' | 'none';\n  /**\n   * How the card separates itself from the page: `elevated` casts a shadow,\n   * `filled` sits on a darker surface, `outlined` draws a border.\n   * @default 'elevated'\n   */\n  variant?: CardVariant;\n} & RenderComponentProps<'div'>;\ntype CardVariant = 'elevated' | 'filled' | 'outlined';\n\n/**\n * A surface holding related content. `render` decides which element that\n * surface is, so a card that navigates can be a real `<a href>` — announced\n * as a link and opening in a new tab on a modifier click, which a `<button>`\n * with an onClick does neither of.\n *\n * `interactive` and `render` are separate axes. `interactive` says the card\n * is pressable and gives it the ripple, the hover lift, and a focus ring;\n * `render` says what it is. A pressable card with no `render` is a\n * `<button>`, which is the right default for one that acts rather than\n * navigates.\n */\nfunction Card({\n  children,\n  interactive = false,\n  isDisabled = false,\n  onClick,\n  onContextMenu,\n  onPointerCancel,\n  onPointerDown,\n  onPointerLeave,\n  onPointerUp,\n  padding = 'default',\n  render,\n  variant = 'elevated',\n  ...props\n}: CardProps) {\n  // The consumer's own pointer handlers are handed to useRipple to merge\n  // rather than spread over its handlers afterwards, which is what Button\n  // does and for the same reason: a plain spread means whichever object\n  // comes last silently wins, so an onPointerDown on the call site would\n  // replace the one driving the ripple and the card would stop rippling.\n  const disabled = interactive && isDisabled;\n  const ripple = useRipple(interactive && !disabled, {\n    onClick: disabled ? undefined : onClick,\n    onContextMenu,\n    onPointerCancel,\n    onPointerDown,\n    onPointerLeave,\n    onPointerUp\n  });\n  const padded = padding === 'none' ? styles.paddingNone : styles.paddingDefault;\n  return useRender({\n    defaultTagName: interactive ? 'button' : 'div',\n    props: {\n      ...props,\n      // Only when the default <button> is what renders. On an element the\n      // call site chose, `type` is either meaningless or wrong — an <a>'s\n      // `type` is a hint about the MIME type of what it links to — and that\n      // element's own attributes are the call site's to write.\n      ...(interactive && render === undefined ? {\n        type: 'button'\n      } : undefined),\n      ...ripple.handlers,\n      // After the ripple's handlers, whose click it replaces while disabled.\n      ...disabledAttributes(disabled, render),\n      children: <>\n          {interactive ? <span {...{\n          0: {\n            className: \"x9f619 x1lliihq x1us19tq\"\n          },\n          1: {\n            className: \"x9f619 x1lliihq x1us19tq x1ppv7y9\"\n          }\n        }[!!disabled << 0]}>\n              {children}\n            </span> : children}\n          {ripple.surface}\n        </>,\n      ...mergeStyles(stylex.props(styles.base, styles[variant], padded, interactive && styles.interactive, interactive && variant !== 'outlined' && styles.interactiveBoundary, interactive && !disabled && focus.ring, interactive && !disabled && interactionStyles[variant], disabled && styles.disabled, disabled && disabledStyles[variant]), props)\n    },\n    render: disabled ? withoutActivation(render) : render\n  });\n}\nconst disabledStyles = {\n  elevated: styles.disabledElevated,\n  filled: styles.disabledFilled,\n  outlined: styles.disabledOutlined\n};\n\n// How a disabled card says so, by the element it renders. The default\n// <button> takes the native `disabled`, which removes it from the tab order\n// and fires nothing on a press. Any other element has no such attribute, so\n// it is marked `aria-disabled` for assistive technology, and a click on it\n// has its default prevented, which is what would follow a link — the click\n// a function passed as `render` wires up is its own, and runs first.\nfunction disabledAttributes(disabled: boolean, render: CardProps['render']) {\n  if (!disabled) {\n    return undefined;\n  }\n  if (render === undefined) {\n    return {\n      disabled: true\n    };\n  }\n  return {\n    'aria-disabled': true,\n    onClick: preventDefault\n  };\n}\nfunction preventDefault(event: MouseEvent) {\n  event.preventDefault();\n}\n\n// An element handed in as `render`, without what would still activate it: an\n// element's own props win over the card's, so an <a href> stays a link the\n// card cannot switch off from outside. Without an `href` it is neither\n// followed nor focusable, and without its `tabIndex` it is not focusable\n// either. Its `onClick` is replaced rather than removed, since a key the\n// element carries wins even when its value is undefined, and would drop the\n// card's own prevented click along with it.\nfunction withoutActivation(render: CardProps['render']): CardProps['render'] {\n  if (!isValidElement<Record<string, unknown>>(render)) {\n    return render;\n  }\n  return cloneElement(render, {\n    href: undefined,\n    onClick: preventDefault,\n    tabIndex: undefined\n  });\n}\nexport type { CardProps, CardVariant };\nexport default Card;"],"mappings":"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"}

package/dist/components/dialog/index.js

@@ -5,6 +5,7 @@ import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
 import { overlay } from "../../styles/overlay.js";
 import { useHoldBottomEdge } from "../../hooks/useBottomEdge.js";
 import { useScrollable } from "../../hooks/useScrollable.js";
+import { OverlayScope } from "../../overlay/index.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useRef, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -247,7 +248,7 @@ function DialogContent(t0) {
 	} else t6 = $[25];
 	let t7;
 	if ($[26] !== container || $[27] !== defaultOpen || $[28] !== isDismissable || $[29] !== isKeyboardDismissDisabled || $[30] !== isOpen || $[31] !== onOpenChange || $[32] !== t2 || $[33] !== t6) {
-		t7 = /* @__PURE__ */ jsx(ModalOverlay, {
+		t7 = /* @__PURE__ */ jsx(OverlayScope, { children: /* @__PURE__ */ jsx(ModalOverlay, {
 			defaultOpen,
 			isDismissable,
 			isKeyboardDismissDisabled,
@@ -256,7 +257,7 @@ function DialogContent(t0) {
 			UNSTABLE_portalContainer: container,
 			...t2,
 			children: t6
-		});
+		}) });
 		$[26] = container;
 		$[27] = defaultOpen;
 		$[28] = isDismissable;

package/dist/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","HTMLAttributes","ReactNode","RefAttributes","ClassNameOrFunction","DialogTriggerProps","HeadingProps","ModalOverlayProps","ModalRenderProps","DialogProps","RACDialogProps","StyleOrFunction","stylex","createContext","useContext","useMemo","useRef","useSyncExternalStore","DialogTrigger","Heading","Modal","ModalOverlay","Dialog","RACDialog","useHoldBottomEdge","useScrollable","mergeRefs","mergeStatefulStyles","mergeStyles","overlay","colors","media","motion","radii","shadows","spacing","typography","FORCED_COLORS","FULL_SCREEN","scaleIn","slideInFromBottom","styles","body","kB7OPa","kMwMTN","k1xSpc","kXwgrk","kzQI83","kMv6JI","kGuDYH","k63SB2","kOIVth","kb6lSQ","kLWn49","kORKVm","kGO01o","kLKAdn","kg3NbH","$$css","centre","kGNEyG","kjj79g","kmVPX3","basic","BasicContext","Omit","children","t0","$","props","t1","DialogBody","ref","callerRef","isBasic","scrollable","undefined","t2","merged","t3","t4","modalBodyRing","t5","DialogContent","className","container","defaultOpen","isKeyboardDismissDisabled","isOpen","onOpenChange","style","isDismissable","role","scrim","0","1","Symbol","for","modalDialog","t6","t7","t8","DialogFooter","useFullScreen","DialogHeader","DialogTitle","isFullScreen","window","matchMedia","matches","isFullScreenOnServer","subscribeToFullScreen","listener","query","addEventListener","removeEventListener","Body","Content","Footer","Header","Title","DialogContentProps","Element","Pick","DialogTitleProps","Dialog","_c","props","stylex.props","RACDialog"],"sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport type { HTMLAttributes, ReactNode, RefAttributes } from 'react';\nimport type { ClassNameOrFunction, DialogTriggerProps, HeadingProps, ModalOverlayProps, ModalRenderProps, DialogProps as RACDialogProps, StyleOrFunction } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext, useMemo, useRef, useSyncExternalStore } from 'react';\nimport { DialogTrigger, Heading, Modal, ModalOverlay, Dialog as RACDialog } from 'react-aria-components';\nimport { useHoldBottomEdge } from '../../hooks/useBottomEdge';\nimport { useScrollable } from '../../hooks/useScrollable';\nimport { mergeRefs } from '../../render/ref';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport { overlay } from '../../styles/overlay';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, media, motion, radii, shadows, spacing, typography } from '../../tokens/design.tokens.stylex';\n\n// Windows High Contrast and the rest of the forced-colours modes. Spelled\n// here rather than imported, for the reason src/field/styles.ts records: the\n// StyleX compiler resolves a constant across files only out of a `.stylex.ts`\n// module, and the generated one holds design tokens rather than queries.\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// The window size the full-screen dialog is drawn at, which the styles read\n// as `media.belowMedium`. Spelled again for `matchMedia`, which is the one\n// thing in this file that has to know it outside a stylesheet: the footer\n// holds the window's bottom edge only there. See `useFullScreen`.\nconst FULL_SCREEN = '(width < 600px)';\n\n// The dialogs page's two dialogs, which are one component here for the same\n// reason Sheet's two presentations are: the page pairs them by window size\n// rather than offering a choice. Above the medium breakpoint it is the basic\n// dialog — a container on surface container high with a 28dp corner, between\n// 280 and 560dp wide, centred over the scrim, with 24dp of padding all round,\n// 16dp between the headline and the body and 24dp between the body and the\n// actions. Below it the same dialog fills the window as the page's\n// full-screen dialog: square corners, a 56dp header with the headline and a\n// divider under it, and a 56dp action bar with a divider over it.\n//\n// The pairing is for a dialog that is a task, which needs the room. An alert\n// dialog is a question with two or three answers, and the page keeps the\n// full-screen dialog for tasks, so `role=\"alertdialog\"` stays the basic dialog\n// at every width. Filled to a phone's window it read as a headline at the top\n// of the screen and its answers at the bottom, with nothing between them but\n// the chrome. The `basic` styles below are how: each restates, without the\n// breakpoint, the properties the paired styles change below it.\n//\n// The headline is headline-small on surface, the body body-medium on surface\n// variant, and the buttons are the call site's — the page draws text buttons\n// there, which is `Button`'s `text` variant.\n//\n// Two things the page draws are the call site's rather than the component's.\n// The optional icon above the headline, which the page centres the headline\n// and body with when it is there, is anything a `Dialog.Header` is given; a\n// dialog that wants it centres its own header. And the dividers a basic\n// dialog may show around a scrolling body are left out, since the page has\n// them only for that case and the body here scrolls with the header and\n// footer pinned either side of it, which is what they were marking.\n//\n// React Aria's overlay is three nested elements — the scrim, the container,\n// and the dialog inside it — so the styles split the same way, and the scrim\n// and the element carrying the dialog role are the ones every modal overlay\n// shares.\nconst scaleIn = \"xnirehn-B\";\nconst slideInFromBottom = \"x1itx4s0-B\";\nconst styles = {\n  body: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kzQI83: \"x1iyjqo2\",\n    kMv6JI: \"xpo2rfv\",\n    kGuDYH: \"x193rfdd\",\n    k63SB2: \"x1hews6w\",\n    kOIVth: \"xxj4525\",\n    kb6lSQ: \"xn43zvd\",\n    kLWn49: \"xv61bfh\",\n    kORKVm: \"x1odjw0f\",\n    kGO01o: \"x1az23kl x18d9i69\",\n    kLKAdn: \"x886u18 xexx8yu x3reb9c\",\n    kg3NbH: \"xg0ps1x\",\n    $$css: true\n  },\n  centre: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kjj79g: \"xl56j7k\",\n    kmVPX3: \"x1apw6a7 xd76zvj\",\n    $$css: true\n  }\n};\n\n// The basic dialog at every width, for an alert dialog. Each entry is the\n// above-breakpoint value of every property its namesake in `styles` changes\n// below the breakpoint, laid over that namesake, so a property it leaves out\n// is the same in both presentations already. A value changed above the\n// breakpoint there has to change here too, which `index.test.tsx` checks by\n// comparing an alert dialog on a phone with any dialog on a desktop.\nconst basic = {\n  body: {\n    kLKAdn: \"x886u18 xexx8yu\",\n    $$css: true\n  },\n  centre: {\n    kmVPX3: \"x1apw6a7\",\n    $$css: true\n  }\n};\n\n// Whether this dialog is the basic one at every width. Content decides it from\n// the role and the parts read it, since each part carries its own share of\n// the full-screen presentation.\nconst BasicContext = createContext(false);\ntype DialogProps = Omit<DialogTriggerProps, 'children'> & {\n  children?: ReactNode;\n};\n\n/**\n * A modal dialog centred over the page, and the same dialog filling the\n * window below the medium breakpoint — the dialogs page's basic and\n * full-screen dialogs, paired by window size as the page pairs them. An\n * alert dialog stays the basic one at every width. Open state is React\n * Aria's: pass `isOpen` with `onOpenChange` to control it, or\n * `defaultOpen` to let it keep its own.\n *\n * Composed rather than configured by props, as `Sheet` is, since a dialog's\n * header, body and actions all take arbitrary content — the parts are\n * `Dialog.Content`, `Dialog.Header`, `Dialog.Title`, `Dialog.Body` and\n * `Dialog.Footer`. A `Button` or `IconButton` placed directly inside\n * `Dialog` opens it, and one given `slot=\"close\"` anywhere inside the\n * content closes it; neither needs a part of its own.\n *\n * `Dialog` is the trigger's half, so a dialog nothing on the page opens — one\n * a route shows, or a menu item raises — leaves it out and passes `isOpen`\n * and `onOpenChange` to `Dialog.Content` instead. Wrapped in `Dialog` with no\n * button inside it, React Aria warns that its press responder found nothing\n * to press.\n */\nfunction Dialog({\n  children,\n  ...props\n}: DialogProps) {\n  return <DialogTrigger {...props}>{children}</DialogTrigger>;\n}\nfunction DialogBody({\n  ref: callerRef,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) {\n  const isBasic = useContext(BasicContext);\n  const ref = useRef<HTMLDivElement>(null);\n  // A body its content runs past is a tab stop, so a keyboard can scroll it\n  // when nothing inside it takes focus; a call site's own tabIndex still\n  // wins. See useScrollable.\n  const scrollable = useScrollable(ref);\n  // The body measures itself through its own ref, and the call site's lands\n  // on the same element.\n  const merged = useMemo(() => mergeRefs(ref, callerRef ?? undefined), [callerRef]);\n  return <div\n  // oxlint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a scroll container with nothing focusable inside is otherwise out of a keyboard's reach, which axe's scrollable-region-focusable reports\n  tabIndex={scrollable ? 0 : undefined} {...props} ref={merged} {...mergeStyles(stylex.props(styles.body, isBasic && basic.body, overlay.modalBodyRing), props)} />;\n}\n\n/**\n * The dialog itself, and the scrim behind it. Everything the dialog shows\n * goes in here; the trigger stays outside it, since the trigger lives in the\n * page while this is portalled out to the end of the body.\n *\n * `role=\"alertdialog\"` is React Aria's, for a dialog interrupting with\n * something that has to be answered before the page carries on — a screen\n * reader announces it rather than waiting to be asked. It also keeps the\n * dialog the basic one below the medium breakpoint, centred and sized to its\n * content, where a dialog of the default role fills the window.\n *\n * A press on the scrim closes the dialog unless `isDismissable` says\n * otherwise, which is the same default `Sheet` takes and the reverse of\n * React Aria's own. Escape is a separate prop, `isKeyboardDismissDisabled`,\n * and `isDismissable` says nothing about it — so a dialog that has to be\n * answered from one of its actions, as an alert dialog usually does, turns\n * off both.\n *\n * Inside `Dialog`, the open state is the trigger's. On its own, with no\n * trigger, it is this part's: `isOpen` with `onOpenChange` controls it, and\n * a `slot=\"close\"` button, Escape and the scrim all report through\n * `onOpenChange`, as they would to `Dialog`.\n *\n * The scrim draws at `z-index: 900`, over any page content layered below\n * that, such as a sticky header, and the panel draws inside it. A\n * `Snackbar` draws at 1000, so a toast raised from inside the dialog is read\n * over it, and React Aria's popovers and menus draw above both.\n */\nfunction DialogContent({\n  children,\n  className,\n  container,\n  defaultOpen,\n  isDismissable = true,\n  isKeyboardDismissDisabled,\n  isOpen,\n  onOpenChange,\n  ref,\n  style,\n  ...props\n}: DialogContentProps & RefAttributes<HTMLDivElement>) {\n  const isBasic = props.role === 'alertdialog';\n  return <BasicContext value={isBasic}>\n      <ModalOverlay defaultOpen={defaultOpen} isDismissable={isDismissable} isKeyboardDismissDisabled={isKeyboardDismissDisabled} isOpen={isOpen} onOpenChange={onOpenChange}\n    // oxlint-disable-next-line typescript/no-deprecated -- its replacement, UNSAFE_PortalProvider, is not exported by react-aria-components\n    UNSTABLE_portalContainer={container} {...stylex.props(overlay.scrim, styles.centre, isBasic && basic.centre)}>\n        <Modal\n      // The panel, where the call site's class and style land, rather\n      // than the dialog inside it, which takes the rest of the props.\n      ref={ref} {...mergeStatefulStyles({\n        0: {\n          className: \"x1n1nwrg x1u6grsq xbhiib0 x1ebxanj x16dv9tl xvkjz1l xt7dq6l x1ju3lih x1w1tqly x19pkqky x1f120ba xx61lck x1gb867b x13rsnn2 x1udv5rz x9f619 x139gbkf x78zum5 xdt5ytf xh8yej3 xmz0i5r x27kpxv x6iovhr x1u2d2a2 xxzqys8 xb3r6kr x9xqwrn xg8iv3o x19b5e0v xsds98l\"\n        },\n        1: {\n          className: \"x1n1nwrg x1u6grsq x16dv9tl xvkjz1l x1w1tqly x13rsnn2 x1udv5rz x9f619 x139gbkf x78zum5 xdt5ytf xh8yej3 xmz0i5r xb3r6kr xbhiib0 xt7dq6l x19pkqky xx61lck x27kpxv x1u2d2a2\"\n        }\n      }[!!isBasic << 0], {\n        className,\n        style\n      })}>\n          <RACDialog {...props} {...stylex.props(overlay.modalDialog)}>\n            {children}\n          </RACDialog>\n        </Modal>\n      </ModalOverlay>\n    </BasicContext>;\n}\n\n/**\n * The dialog's actions. Full screen they are the action bar on the window's\n * bottom edge, which a toast rises clear of while the dialog is open, so a\n * tap meant for one of them never lands on the toast's own action instead.\n */\nfunction DialogFooter({\n  ref: callerRef,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) {\n  const isBasic = useContext(BasicContext);\n  const ref = useRef<HTMLDivElement>(null);\n  useHoldBottomEdge(ref, useFullScreen() && !isBasic);\n  // The footer measures itself through its own ref, and the call site's\n  // lands on the same element.\n  const merged = useMemo(() => mergeRefs(ref, callerRef ?? undefined), [callerRef]);\n  return <div {...props} ref={merged} {...mergeStyles({\n    0: {\n      className: \"x6s0dn4 x12smttz x1ejq31n x1vv4zg8 x178xt8z x9f619 x78zum5 x2lah0s x1a02dak x126z3so x13a6bvl xnvi70j x8i8c5o x1pr6p50 x13h71tw xs3zajk xg0ps1x\"\n    },\n    1: {\n      className: \"x6s0dn4 x12smttz x178xt8z x9f619 x78zum5 x2lah0s x1a02dak x126z3so x13a6bvl xg0ps1x x1ejq31n x8i8c5o x13h71tw\"\n    }\n  }[!!isBasic << 0], props)} />;\n}\nfunction DialogHeader(props: HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) {\n  const isBasic = useContext(BasicContext);\n  return <div {...props} {...mergeStyles({\n    0: {\n      className: \"x6s0dn4 x1j6faob x1sy0etr xf6te7g xso031l x9f619 x78zum5 x2lah0s x1gka490 x1qughib xnvi70j xzfxn0k x1pr6p50 x13h71tw xs3zajk xg0ps1x\"\n    },\n    1: {\n      className: \"x6s0dn4 x1j6faob xso031l x9f619 x78zum5 x2lah0s x1gka490 x1qughib xg0ps1x x1sy0etr xzfxn0k x13h71tw\"\n    }\n  }[!!isBasic << 0], props)} />;\n}\n\n/**\n * Names the dialog. Rendered through React Aria's title slot, which is what\n * points the dialog's `aria-labelledby` at it — a dialog without one\n * announces itself unnamed.\n */\nfunction DialogTitle(props: DialogTitleProps & RefAttributes<HTMLHeadingElement>) {\n  const isBasic = useContext(BasicContext);\n  return <Heading slot=\"title\" {...props} {...mergeStyles({\n    0: {\n      className: \"x9f619 x139gbkf x1fz0g89 xl849ld xkb6epg xcji80f x76yrz5 x6ksu6j x1s1qhaa x1khanjg x1voeury xrr2tf9 x1ghz6dp xeuugli xj0a0fe\"\n    },\n    1: {\n      className: \"x9f619 x139gbkf x1ghz6dp xeuugli xj0a0fe x1fz0g89 xkb6epg x76yrz5 x1s1qhaa x1voeury\"\n    }\n  }[!!isBasic << 0], props)} />;\n}\n\n// Whether the window is at the size the full-screen dialog is drawn at, kept\n// current as it resizes. False on the server, where there is no window and\n// nothing is open.\nfunction isFullScreen() {\n  return window.matchMedia(FULL_SCREEN).matches;\n}\nfunction isFullScreenOnServer() {\n  return false;\n}\nfunction subscribeToFullScreen(listener: () => void) {\n  const query = window.matchMedia(FULL_SCREEN);\n  query.addEventListener('change', listener);\n  return () => {\n    query.removeEventListener('change', listener);\n  };\n}\nfunction useFullScreen() {\n  return useSyncExternalStore(subscribeToFullScreen, isFullScreen, isFullScreenOnServer);\n}\nDialog.Body = DialogBody;\nDialog.Content = DialogContent;\nDialog.Footer = DialogFooter;\nDialog.Header = DialogHeader;\nDialog.Title = DialogTitle;\n\n// The dialog's own props, plus the scrim's open state and dismissal settings\n// and the container's styling. A call site has no reason to know there are\n// three elements: `className` and `style` reach the container, which is the\n// one worth restyling, the open state and the dismissal settings reach the\n// scrim, and everything else lands on the dialog.\n//\n// `isDismissable` is declared here rather than picked with its siblings,\n// since the picked one carries React Aria's documentation, whose default is\n// the reverse of this component's.\ntype DialogContentProps = {\n  /** A function may compute the class from the container's render state. */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Where to portal the dialog and scrim. Defaults to the container of the\n   * `ThemeScope` around it, which keeps the dialog on that scope's tokens, or\n   * to the end of `<body>` where there is none. A subtree themed through the\n   * `themeScope` class has no container of its own, so point this inside it, or\n   * the dialog renders outside and keeps the page's tokens.\n   */\n  container?: Element;\n  /**\n   * Whether a press on the scrim, outside the container, closes the\n   * dialog. `true` here where React Aria's own default is `false`, the\n   * same default `Sheet` takes. Escape is `isKeyboardDismissDisabled`'s,\n   * and this says nothing about it — an alert dialog, which has to be\n   * answered from one of its actions, turns off both.\n   * @default true\n   */\n  isDismissable?: boolean;\n  /** A function may compute the style from the container's render state. */\n  style?: StyleOrFunction<ModalRenderProps>;\n} & Omit<RACDialogProps, 'className' | 'style'> & Pick<ModalOverlayProps, 'defaultOpen' | 'isKeyboardDismissDisabled' | 'isOpen' | 'onOpenChange'>;\ntype DialogTitleProps = HeadingProps;\nexport type { DialogContentProps, DialogProps, DialogTitleProps };\nexport { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle };\nexport default Dialog;"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","HTMLAttributes","ReactNode","RefAttributes","ClassNameOrFunction","DialogTriggerProps","HeadingProps","ModalOverlayProps","ModalRenderProps","DialogProps","RACDialogProps","StyleOrFunction","stylex","createContext","useContext","useMemo","useRef","useSyncExternalStore","DialogTrigger","Heading","Modal","ModalOverlay","Dialog","RACDialog","useHoldBottomEdge","useScrollable","OverlayScope","mergeRefs","mergeStatefulStyles","mergeStyles","overlay","colors","media","motion","radii","shadows","spacing","typography","FORCED_COLORS","FULL_SCREEN","scaleIn","slideInFromBottom","styles","body","kB7OPa","kMwMTN","k1xSpc","kXwgrk","kzQI83","kMv6JI","kGuDYH","k63SB2","kOIVth","kb6lSQ","kLWn49","kORKVm","kGO01o","kLKAdn","kg3NbH","$$css","centre","kGNEyG","kjj79g","kmVPX3","basic","BasicContext","Omit","children","t0","$","props","t1","DialogBody","ref","callerRef","isBasic","scrollable","undefined","t2","merged","t3","t4","modalBodyRing","t5","DialogContent","className","container","defaultOpen","isKeyboardDismissDisabled","isOpen","onOpenChange","style","isDismissable","role","scrim","0","1","Symbol","for","modalDialog","t6","t7","t8","DialogFooter","useFullScreen","DialogHeader","DialogTitle","isFullScreen","window","matchMedia","matches","isFullScreenOnServer","subscribeToFullScreen","listener","query","addEventListener","removeEventListener","Body","Content","Footer","Header","Title","DialogContentProps","Element","Pick","DialogTitleProps","Dialog","_c","props","stylex.props","RACDialog"],"sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport type { HTMLAttributes, ReactNode, RefAttributes } from 'react';\nimport type { ClassNameOrFunction, DialogTriggerProps, HeadingProps, ModalOverlayProps, ModalRenderProps, DialogProps as RACDialogProps, StyleOrFunction } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext, useMemo, useRef, useSyncExternalStore } from 'react';\nimport { DialogTrigger, Heading, Modal, ModalOverlay, Dialog as RACDialog } from 'react-aria-components';\nimport { useHoldBottomEdge } from '../../hooks/useBottomEdge';\nimport { useScrollable } from '../../hooks/useScrollable';\nimport { OverlayScope } from '../../overlay';\nimport { mergeRefs } from '../../render/ref';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport { overlay } from '../../styles/overlay';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, media, motion, radii, shadows, spacing, typography } from '../../tokens/design.tokens.stylex';\n\n// Windows High Contrast and the rest of the forced-colours modes. Spelled\n// here rather than imported, for the reason src/field/styles.ts records: the\n// StyleX compiler resolves a constant across files only out of a `.stylex.ts`\n// module, and the generated one holds design tokens rather than queries.\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// The window size the full-screen dialog is drawn at, which the styles read\n// as `media.belowMedium`. Spelled again for `matchMedia`, which is the one\n// thing in this file that has to know it outside a stylesheet: the footer\n// holds the window's bottom edge only there. See `useFullScreen`.\nconst FULL_SCREEN = '(width < 600px)';\n\n// The dialogs page's two dialogs, which are one component here for the same\n// reason Sheet's two presentations are: the page pairs them by window size\n// rather than offering a choice. Above the medium breakpoint it is the basic\n// dialog — a container on surface container high with a 28dp corner, between\n// 280 and 560dp wide, centred over the scrim, with 24dp of padding all round,\n// 16dp between the headline and the body and 24dp between the body and the\n// actions. Below it the same dialog fills the window as the page's\n// full-screen dialog: square corners, a 56dp header with the headline and a\n// divider under it, and a 56dp action bar with a divider over it.\n//\n// The pairing is for a dialog that is a task, which needs the room. An alert\n// dialog is a question with two or three answers, and the page keeps the\n// full-screen dialog for tasks, so `role=\"alertdialog\"` stays the basic dialog\n// at every width. Filled to a phone's window it read as a headline at the top\n// of the screen and its answers at the bottom, with nothing between them but\n// the chrome. The `basic` styles below are how: each restates, without the\n// breakpoint, the properties the paired styles change below it.\n//\n// The headline is headline-small on surface, the body body-medium on surface\n// variant, and the buttons are the call site's — the page draws text buttons\n// there, which is `Button`'s `text` variant.\n//\n// Two things the page draws are the call site's rather than the component's.\n// The optional icon above the headline, which the page centres the headline\n// and body with when it is there, is anything a `Dialog.Header` is given; a\n// dialog that wants it centres its own header. And the dividers a basic\n// dialog may show around a scrolling body are left out, since the page has\n// them only for that case and the body here scrolls with the header and\n// footer pinned either side of it, which is what they were marking.\n//\n// React Aria's overlay is three nested elements — the scrim, the container,\n// and the dialog inside it — so the styles split the same way, and the scrim\n// and the element carrying the dialog role are the ones every modal overlay\n// shares.\nconst scaleIn = \"xnirehn-B\";\nconst slideInFromBottom = \"x1itx4s0-B\";\nconst styles = {\n  body: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kzQI83: \"x1iyjqo2\",\n    kMv6JI: \"xpo2rfv\",\n    kGuDYH: \"x193rfdd\",\n    k63SB2: \"x1hews6w\",\n    kOIVth: \"xxj4525\",\n    kb6lSQ: \"xn43zvd\",\n    kLWn49: \"xv61bfh\",\n    kORKVm: \"x1odjw0f\",\n    kGO01o: \"x1az23kl x18d9i69\",\n    kLKAdn: \"x886u18 xexx8yu x3reb9c\",\n    kg3NbH: \"xg0ps1x\",\n    $$css: true\n  },\n  centre: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kjj79g: \"xl56j7k\",\n    kmVPX3: \"x1apw6a7 xd76zvj\",\n    $$css: true\n  }\n};\n\n// The basic dialog at every width, for an alert dialog. Each entry is the\n// above-breakpoint value of every property its namesake in `styles` changes\n// below the breakpoint, laid over that namesake, so a property it leaves out\n// is the same in both presentations already. A value changed above the\n// breakpoint there has to change here too, which `index.test.tsx` checks by\n// comparing an alert dialog on a phone with any dialog on a desktop.\nconst basic = {\n  body: {\n    kLKAdn: \"x886u18 xexx8yu\",\n    $$css: true\n  },\n  centre: {\n    kmVPX3: \"x1apw6a7\",\n    $$css: true\n  }\n};\n\n// Whether this dialog is the basic one at every width. Content decides it from\n// the role and the parts read it, since each part carries its own share of\n// the full-screen presentation.\nconst BasicContext = createContext(false);\ntype DialogProps = Omit<DialogTriggerProps, 'children'> & {\n  children?: ReactNode;\n};\n\n/**\n * A modal dialog centred over the page, and the same dialog filling the\n * window below the medium breakpoint — the dialogs page's basic and\n * full-screen dialogs, paired by window size as the page pairs them. An\n * alert dialog stays the basic one at every width. Open state is React\n * Aria's: pass `isOpen` with `onOpenChange` to control it, or\n * `defaultOpen` to let it keep its own.\n *\n * Composed rather than configured by props, as `Sheet` is, since a dialog's\n * header, body and actions all take arbitrary content — the parts are\n * `Dialog.Content`, `Dialog.Header`, `Dialog.Title`, `Dialog.Body` and\n * `Dialog.Footer`. A `Button` or `IconButton` placed directly inside\n * `Dialog` opens it, and one given `slot=\"close\"` anywhere inside the\n * content closes it; neither needs a part of its own.\n *\n * `Dialog` is the trigger's half, so a dialog nothing on the page opens — one\n * a route shows, or a menu item raises — leaves it out and passes `isOpen`\n * and `onOpenChange` to `Dialog.Content` instead. Wrapped in `Dialog` with no\n * button inside it, React Aria warns that its press responder found nothing\n * to press.\n */\nfunction Dialog({\n  children,\n  ...props\n}: DialogProps) {\n  return <DialogTrigger {...props}>{children}</DialogTrigger>;\n}\nfunction DialogBody({\n  ref: callerRef,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) {\n  const isBasic = useContext(BasicContext);\n  const ref = useRef<HTMLDivElement>(null);\n  // A body its content runs past is a tab stop, so a keyboard can scroll it\n  // when nothing inside it takes focus; a call site's own tabIndex still\n  // wins. See useScrollable.\n  const scrollable = useScrollable(ref);\n  // The body measures itself through its own ref, and the call site's lands\n  // on the same element.\n  const merged = useMemo(() => mergeRefs(ref, callerRef ?? undefined), [callerRef]);\n  return <div\n  // oxlint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a scroll container with nothing focusable inside is otherwise out of a keyboard's reach, which axe's scrollable-region-focusable reports\n  tabIndex={scrollable ? 0 : undefined} {...props} ref={merged} {...mergeStyles(stylex.props(styles.body, isBasic && basic.body, overlay.modalBodyRing), props)} />;\n}\n\n/**\n * The dialog itself, and the scrim behind it. Everything the dialog shows\n * goes in here; the trigger stays outside it, since the trigger lives in the\n * page while this is portalled out to the end of the body.\n *\n * `role=\"alertdialog\"` is React Aria's, for a dialog interrupting with\n * something that has to be answered before the page carries on — a screen\n * reader announces it rather than waiting to be asked. It also keeps the\n * dialog the basic one below the medium breakpoint, centred and sized to its\n * content, where a dialog of the default role fills the window.\n *\n * A press on the scrim closes the dialog unless `isDismissable` says\n * otherwise, which is the same default `Sheet` takes and the reverse of\n * React Aria's own. Escape is a separate prop, `isKeyboardDismissDisabled`,\n * and `isDismissable` says nothing about it — so a dialog that has to be\n * answered from one of its actions, as an alert dialog usually does, turns\n * off both.\n *\n * Inside `Dialog`, the open state is the trigger's. On its own, with no\n * trigger, it is this part's: `isOpen` with `onOpenChange` controls it, and\n * a `slot=\"close\"` button, Escape and the scrim all report through\n * `onOpenChange`, as they would to `Dialog`.\n *\n * The scrim draws at `z-index: 900`, over any page content layered below\n * that, such as a sticky header, and the panel draws inside it. A\n * `Snackbar` draws at 1000, so a toast raised from inside the dialog is read\n * over it, and React Aria's popovers and menus draw above both.\n */\nfunction DialogContent({\n  children,\n  className,\n  container,\n  defaultOpen,\n  isDismissable = true,\n  isKeyboardDismissDisabled,\n  isOpen,\n  onOpenChange,\n  ref,\n  style,\n  ...props\n}: DialogContentProps & RefAttributes<HTMLDivElement>) {\n  const isBasic = props.role === 'alertdialog';\n  return <BasicContext value={isBasic}>\n      <OverlayScope>\n        <ModalOverlay defaultOpen={defaultOpen} isDismissable={isDismissable} isKeyboardDismissDisabled={isKeyboardDismissDisabled} isOpen={isOpen} onOpenChange={onOpenChange}\n      // oxlint-disable-next-line typescript/no-deprecated -- its replacement, UNSAFE_PortalProvider, is not exported by react-aria-components\n      UNSTABLE_portalContainer={container} {...stylex.props(overlay.scrim, styles.centre, isBasic && basic.centre)}>\n          <Modal\n        // The panel, where the call site's class and style land, rather\n        // than the dialog inside it, which takes the rest of the props.\n        ref={ref} {...mergeStatefulStyles({\n          0: {\n            className: \"x1n1nwrg x1u6grsq xbhiib0 x1ebxanj x16dv9tl xvkjz1l xt7dq6l x1ju3lih x1w1tqly x19pkqky x1f120ba xx61lck x1gb867b x13rsnn2 x1udv5rz x9f619 x139gbkf x78zum5 xdt5ytf xh8yej3 xmz0i5r x27kpxv x6iovhr x1u2d2a2 xxzqys8 xb3r6kr x9xqwrn xg8iv3o x19b5e0v xsds98l\"\n          },\n          1: {\n            className: \"x1n1nwrg x1u6grsq x16dv9tl xvkjz1l x1w1tqly x13rsnn2 x1udv5rz x9f619 x139gbkf x78zum5 xdt5ytf xh8yej3 xmz0i5r xb3r6kr xbhiib0 xt7dq6l x19pkqky xx61lck x27kpxv x1u2d2a2\"\n          }\n        }[!!isBasic << 0], {\n          className,\n          style\n        })}>\n            <RACDialog {...props} {...stylex.props(overlay.modalDialog)}>\n              {children}\n            </RACDialog>\n          </Modal>\n        </ModalOverlay>\n      </OverlayScope>\n    </BasicContext>;\n}\n\n/**\n * The dialog's actions. Full screen they are the action bar on the window's\n * bottom edge, which a toast rises clear of while the dialog is open, so a\n * tap meant for one of them never lands on the toast's own action instead.\n */\nfunction DialogFooter({\n  ref: callerRef,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) {\n  const isBasic = useContext(BasicContext);\n  const ref = useRef<HTMLDivElement>(null);\n  useHoldBottomEdge(ref, useFullScreen() && !isBasic);\n  // The footer measures itself through its own ref, and the call site's\n  // lands on the same element.\n  const merged = useMemo(() => mergeRefs(ref, callerRef ?? undefined), [callerRef]);\n  return <div {...props} ref={merged} {...mergeStyles({\n    0: {\n      className: \"x6s0dn4 x12smttz x1ejq31n x1vv4zg8 x178xt8z x9f619 x78zum5 x2lah0s x1a02dak x126z3so x13a6bvl xnvi70j x8i8c5o x1pr6p50 x13h71tw xs3zajk xg0ps1x\"\n    },\n    1: {\n      className: \"x6s0dn4 x12smttz x178xt8z x9f619 x78zum5 x2lah0s x1a02dak x126z3so x13a6bvl xg0ps1x x1ejq31n x8i8c5o x13h71tw\"\n    }\n  }[!!isBasic << 0], props)} />;\n}\nfunction DialogHeader(props: HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) {\n  const isBasic = useContext(BasicContext);\n  return <div {...props} {...mergeStyles({\n    0: {\n      className: \"x6s0dn4 x1j6faob x1sy0etr xf6te7g xso031l x9f619 x78zum5 x2lah0s x1gka490 x1qughib xnvi70j xzfxn0k x1pr6p50 x13h71tw xs3zajk xg0ps1x\"\n    },\n    1: {\n      className: \"x6s0dn4 x1j6faob xso031l x9f619 x78zum5 x2lah0s x1gka490 x1qughib xg0ps1x x1sy0etr xzfxn0k x13h71tw\"\n    }\n  }[!!isBasic << 0], props)} />;\n}\n\n/**\n * Names the dialog. Rendered through React Aria's title slot, which is what\n * points the dialog's `aria-labelledby` at it — a dialog without one\n * announces itself unnamed.\n */\nfunction DialogTitle(props: DialogTitleProps & RefAttributes<HTMLHeadingElement>) {\n  const isBasic = useContext(BasicContext);\n  return <Heading slot=\"title\" {...props} {...mergeStyles({\n    0: {\n      className: \"x9f619 x139gbkf x1fz0g89 xl849ld xkb6epg xcji80f x76yrz5 x6ksu6j x1s1qhaa x1khanjg x1voeury xrr2tf9 x1ghz6dp xeuugli xj0a0fe\"\n    },\n    1: {\n      className: \"x9f619 x139gbkf x1ghz6dp xeuugli xj0a0fe x1fz0g89 xkb6epg x76yrz5 x1s1qhaa x1voeury\"\n    }\n  }[!!isBasic << 0], props)} />;\n}\n\n// Whether the window is at the size the full-screen dialog is drawn at, kept\n// current as it resizes. False on the server, where there is no window and\n// nothing is open.\nfunction isFullScreen() {\n  return window.matchMedia(FULL_SCREEN).matches;\n}\nfunction isFullScreenOnServer() {\n  return false;\n}\nfunction subscribeToFullScreen(listener: () => void) {\n  const query = window.matchMedia(FULL_SCREEN);\n  query.addEventListener('change', listener);\n  return () => {\n    query.removeEventListener('change', listener);\n  };\n}\nfunction useFullScreen() {\n  return useSyncExternalStore(subscribeToFullScreen, isFullScreen, isFullScreenOnServer);\n}\nDialog.Body = DialogBody;\nDialog.Content = DialogContent;\nDialog.Footer = DialogFooter;\nDialog.Header = DialogHeader;\nDialog.Title = DialogTitle;\n\n// The dialog's own props, plus the scrim's open state and dismissal settings\n// and the container's styling. A call site has no reason to know there are\n// three elements: `className` and `style` reach the container, which is the\n// one worth restyling, the open state and the dismissal settings reach the\n// scrim, and everything else lands on the dialog.\n//\n// `isDismissable` is declared here rather than picked with its siblings,\n// since the picked one carries React Aria's documentation, whose default is\n// the reverse of this component's.\ntype DialogContentProps = {\n  /** A function may compute the class from the container's render state. */\n  className?: ClassNameOrFunction<ModalRenderProps>;\n  /**\n   * Where to portal the dialog and scrim. Defaults to the container of the\n   * `ThemeScope` around it, which keeps the dialog on that scope's tokens, or\n   * to the end of `<body>` where there is none. A subtree themed through the\n   * `themeScope` class has no container of its own, so point this inside it, or\n   * the dialog renders outside and keeps the page's tokens.\n   */\n  container?: Element;\n  /**\n   * Whether a press on the scrim, outside the container, closes the\n   * dialog. `true` here where React Aria's own default is `false`, the\n   * same default `Sheet` takes. Escape is `isKeyboardDismissDisabled`'s,\n   * and this says nothing about it — an alert dialog, which has to be\n   * answered from one of its actions, turns off both.\n   * @default true\n   */\n  isDismissable?: boolean;\n  /** A function may compute the style from the container's render state. */\n  style?: StyleOrFunction<ModalRenderProps>;\n} & Omit<RACDialogProps, 'className' | 'style'> & Pick<ModalOverlayProps, 'defaultOpen' | 'isKeyboardDismissDisabled' | 'isOpen' | 'onOpenChange'>;\ntype DialogTitleProps = HeadingProps;\nexport type { DialogContentProps, DialogProps, DialogTitleProps };\nexport { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle };\nexport default Dialog;"],"mappings":"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"}

package/dist/components/popover/index.js

@@ -4,6 +4,7 @@ import { mergeRefs } from "../../render/ref.js";
 import { mergeStatefulStyles, mergeStyles } from "../../styles/merge.js";
 import { focus } from "../../styles/focus.js";
 import { overlay, placementOf, popupOrigin } from "../../styles/overlay.js";
+import { OverlayScope } from "../../overlay/index.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useEffect, useId, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -586,7 +587,7 @@ function PopoverContent(t0) {
 	} else t21 = $[46];
 	let t22;
 	if ($[47] !== alignOffset || $[48] !== container || $[49] !== merged || $[50] !== sideOffset || $[51] !== t16 || $[52] !== t17 || $[53] !== t18 || $[54] !== t20 || $[55] !== t21 || $[56] !== triggerRef) {
-		t22 = /* @__PURE__ */ jsx(Popover, {
+		t22 = /* @__PURE__ */ jsx(OverlayScope, { children: /* @__PURE__ */ jsx(Popover, {
 			crossOffset: alignOffset,
 			isNonModal: t16,
 			offset: sideOffset,
@@ -597,7 +598,7 @@ function PopoverContent(t0) {
 			UNSTABLE_portalContainer: container,
 			...t20,
 			children: t21
-		});
+		}) });
 		$[47] = alignOffset;
 		$[48] = container;
 		$[49] = merged;

package/dist/components/popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","RefObject","ClassNameOrFunction","DialogProps","DialogTriggerProps","HeadingProps","PopoverRenderProps","StyleOrFunction","TextProps","stylex","createContext","useCallback","useContext","useEffect","useId","useMemo","useRef","useState","useInteractOutside","ButtonContext","DEFAULT_SLOT","Dialog","DialogContext","DialogTrigger","Heading","HeadingContext","OverlayTriggerStateContext","PreviewTrigger","Popover","RACPopover","PopoverContext","RACPopoverContext","Text","TextContext","useSlottedContext","OverlayAlign","OverlaySide","mergeRefs","focus","mergeStatefulStyles","mergeStyles","overlay","placementOf","popupOrigin","colors","spacing","typography","DEFAULT_SIDE_OFFSET","styles","content","kGO01o","kLKAdn","kg3NbH","$$css","description","kB7OPa","kMwMTN","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kogj98","md","ks0D6T","sm","title","DEFAULT_HOVER_DELAY","DEFAULT_HOVER_CLOSE_DELAY","PopoverAlign","PopoverSide","PopoverSize","modal","size","DescriptionContext","id","register","TitleContext","TEXT_SLOTS","slots","PopoverProps","Omit","children","closeDelay","delay","trigger","PopoverTrigger","PanelDialog","t0","$","labelledBy","onPressWithin","props","slot","t1","t2","t3","t4","render","_render","t5","t6","ref","state","triggerOf","pressed","undefined","titleId","titled","setTitled","Symbol","for","registerTitle","level","headings","onPress","close","t7","t8","buttons","t10","t9","element","current","contains","document","activeElement","preventScroll","t11","t12","t13","t14","popupDialog","ring","t15","t16","t17","t18","context","PopoverContent","alignOffset","className","container","style","triggerRef","align","side","sideOffset","handed","panel","merged","pressedWithin","markPressWithin","own","triggers","fromTrigger","isOutsideTrigger","isOpen","event","target","Element","isDisabled","onInteractOutside","onInteractOutsideStart","descriptionId","described","setDescribed","t19","popup","placement","t20","t21","t22","PopoverDescription","PopoverTitle","Content","Description","Title","PopoverContentProps","PopoverDescriptionProps","PopoverTitleProps","PopoverContext","_c","props","stylex.props","Popover","RACPopoverContext","RACPopover"],"sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes, RefObject } from 'react';\nimport type { ClassNameOrFunction, DialogProps, DialogTriggerProps, HeadingProps, PopoverRenderProps, StyleOrFunction, TextProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { useInteractOutside } from 'react-aria';\nimport { ButtonContext, DEFAULT_SLOT, Dialog, DialogContext, DialogTrigger, Heading, HeadingContext, OverlayTriggerStateContext, PreviewTrigger, Popover as RACPopover, PopoverContext as RACPopoverContext, Text, TextContext, useSlottedContext } from 'react-aria-components';\nimport type { OverlayAlign, OverlaySide } from '../../styles/overlay';\nimport { mergeRefs } from '../../render/ref';\nimport { focus } from '../../styles/focus';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport { overlay, placementOf, popupOrigin } from '../../styles/overlay';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, spacing, typography } from '../../tokens/design.tokens.stylex';\n\n// The gap between the anchor and the panel, matching `spacing.sm`'s default.\n// A number rather than the token, because React Aria computes the position in\n// JavaScript and so cannot read a CSS custom property — this is the one place\n// in the component where a step of the spacing scale is spelled out. React\n// Aria's own default is 8 as well, but the value is this component's decision\n// rather than an inherited one.\nconst DEFAULT_SIDE_OFFSET = 8;\n\n// The surface, its entry and the dialog's focus ring are the overlay module's,\n// shared with every anchored overlay; what is here is Popover's own — its\n// inset, its two widths, and the type of its title and description.\n//\n// Popover has no page of its own, so the inset and the type follow the rich\n// tooltip, the nearest thing the Material Design pages draw: a plain rounded\n// panel offset from its anchor, with no caret drawn between the two, holding\n// a subhead over supporting text.\n//\n// React Aria's popover is two elements — the positioned panel and the dialog\n// inside it — so the styles are split the same way: the surface, `content`\n// and a size on the panel, the dialog style on the element that carries the\n// role.\nconst styles = {\n  content: {\n    kGO01o: \"xqf7pud\",\n    kLKAdn: \"x6gmt8y\",\n    kg3NbH: \"x790zyz\",\n    $$css: true\n  },\n  description: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xpo2rfv\",\n    kGuDYH: \"x193rfdd\",\n    k63SB2: \"x1hews6w\",\n    kb6lSQ: \"xn43zvd\",\n    kLWn49: \"xv61bfh\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  md: {\n    ks0D6T: \"x10u2fgw\",\n    $$css: true\n  },\n  sm: {\n    ks0D6T: \"xjjheoa\",\n    $$css: true\n  },\n  title: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xrgwony\",\n    kGuDYH: \"x12s497w\",\n    k63SB2: \"x1szcwkt\",\n    kb6lSQ: \"xo803ec\",\n    kLWn49: \"xyl1r0q\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  }\n};\n\n// How long a pointer rests on the trigger before a hovered popover opens,\n// and how long it has to leave before it closes. React Aria's own defaults,\n// spelled out because they are the whole feel of a hover trigger and worth\n// finding in the component rather than in a changelog.\nconst DEFAULT_HOVER_DELAY = 600;\nconst DEFAULT_HOVER_CLOSE_DELAY = 200;\n\n// The overlay module's, since which side a surface opens on is the same\n// question for every anchored overlay. Aliased rather than re-declared so\n// the names a call site imports stay this component's.\ntype PopoverAlign = OverlayAlign;\ntype PopoverSide = OverlaySide;\ntype PopoverSize = 'md' | 'sm';\n\n// `size` and `modal` are declared on the root, where a reader expects to set\n// the shape of the whole popover, but it is `Popover.Content` that has to\n// apply them. Through context rather than making the call site repeat them —\n// the same arrangement Sheet uses, and worth keeping identical between the\n// two panels a consumer is most likely to reach for in the same afternoon.\nconst PopoverContext = createContext<{\n  modal: boolean;\n  size: PopoverSize;\n}>({\n  modal: false,\n  size: 'md'\n});\n\n// React Aria points a dialog's `aria-describedby` at its description slot\n// only for an alert dialog, on the grounds that an ordinary dialog's content\n// is read anyway. A popover's description names what the panel is for, so it\n// is pointed at here: the content hands the description an id, and the\n// description reports that it is mounted, since an `aria-describedby` with\n// nothing at the other end is an invalid reference rather than a harmless one.\nconst DescriptionContext = createContext<{\n  id: string;\n  register: () => () => void;\n}>({\n  id: '',\n  register: () => () => {}\n});\n\n// The same for the title, which the non-modal panel names itself by — see\n// PanelDialog. React Aria's own Dialog finds its title by looking for it;\n// the panel here is told it is there.\nconst TitleContext = createContext<() => () => void>(() => () => {});\n\n// The text slot the description fills, with the default beside it so a\n// plain `Text` still renders. Hoisted, since it never changes.\nconst TEXT_SLOTS = {\n  slots: {\n    [DEFAULT_SLOT]: {},\n    description: {}\n  }\n};\ntype PopoverProps = Omit<DialogTriggerProps, 'children'> & {\n  children?: ReactNode;\n  /**\n   * How long the pointer has to leave a hovered popover before it closes, in\n   * milliseconds. Ignored by a pressed one.\n   * @default 200\n   */\n  closeDelay?: number;\n  /**\n   * How long the pointer has to rest on the trigger before a hovered popover\n   * opens, in milliseconds. Ignored by a pressed one.\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * Blocks the page behind the panel while it is open, as a dialog would.\n   * Off by default: a popover leaves the page interactive, which is the\n   * difference from `Sheet`.\n   * @default false\n   */\n  modal?: boolean;\n  /**\n   * Panel width: `sm` caps at 240px, `md` at 320px. Either way the panel is\n   * only as wide as its contents, and never wider than the viewport.\n   * @default 'md'\n   */\n  size?: PopoverSize;\n  /**\n   * What opens the panel: a press, or a pointer resting on the trigger.\n   * `hover` is the tooltips page's rich tooltip — it opens on hover, focus\n   * or a long press, and stays open while the pointer is inside it, so the\n   * panel's own buttons and links can be reached.\n   * @default 'press'\n   */\n  trigger?: PopoverTrigger;\n};\ntype PopoverTrigger = 'hover' | 'press';\n\n/**\n * The element that carries the dialog role in a non-modal popover: what\n * React Aria's `Dialog` gives a modal one — the role, the name from the\n * title, the description, and the close slot — without the two things that\n * make `Dialog` a modal's.\n *\n * `Dialog` moves focus into itself as it mounts, whatever opened it, and\n * holds focus inside the overlay until it closes. A hover popover therefore\n * took focus from wherever the reader was typing the moment a pointer\n * rested on its trigger, and Tab in an open popover went round its own\n * controls forever, though the page behind a non-modal popover is meant to\n * stay in reach. Here a pressed popover still takes focus as it opens, since\n * a press asked for the panel, but a hovered one leaves it where it is, and\n * Tab past the panel's last control carries on from the trigger in the\n * page. React Aria's popover sees a dialog inside it and so adds no role or\n * focus handling of its own.\n */\nfunction PanelDialog({\n  'aria-labelledby': labelledBy,\n  children,\n  id,\n  onPressWithin,\n  // React Aria's render prop is the one part of a dialog's props this\n  // element cannot honour, being an element of its own rather than React\n  // Aria's; left out rather than spread onto the DOM.\n  render: _render,\n  slot,\n  ...props\n}: Omit<PopoverContentProps, 'align' | 'alignOffset' | 'className' | 'container' | 'side' | 'sideOffset' | 'style' | 'triggerRef'> & {\n  /**\n   * Called when a press starts anywhere inside the panel in React's tree,\n   * which takes in what an overlay opened from the panel draws elsewhere in\n   * the document — see `PopoverContent`.\n   */\n  onPressWithin: () => void;\n}) {\n  const ref = useRef<HTMLElement>(null);\n  const state = useContext(OverlayTriggerStateContext);\n  // What the trigger hands its overlay: the id the trigger's\n  // `aria-controls` points at, and the trigger itself as the name of a\n  // panel with no title. A hover trigger hands nothing, and is a hover\n  // trigger for exactly that reason.\n  const trigger = triggerOf(useContext(DialogContext));\n  const pressed = trigger !== undefined;\n  const titleId = useId();\n  const [titled, setTitled] = useState(false);\n  const registerTitle = useCallback(() => {\n    setTitled(true);\n    return () => {\n      setTitled(false);\n    };\n  }, []);\n  const headings = useMemo(() => ({\n    slots: {\n      [DEFAULT_SLOT]: {},\n      title: {\n        id: titleId,\n        level: 2\n      }\n    }\n  }), [titleId]);\n  const buttons = useMemo(() => ({\n    slots: {\n      close: {\n        onPress: () => {\n          state?.close();\n        }\n      },\n      [DEFAULT_SLOT]: {}\n    }\n  }), [state]);\n  useEffect(() => {\n    const element = ref.current;\n    if (pressed && element !== null && !element.contains(document.activeElement)) {\n      element.focus({\n        preventScroll: true\n      });\n    }\n  }, [pressed]);\n  return (\n    // A section with the role, as React Aria's own dialog is: a `<dialog>`\n    // element brings the browser's own positioning, border, padding and top\n    // layer, all of which the panel around it already decides.\n    <section {...props} aria-labelledby={labelledBy ?? (titled ? titleId : trigger?.labelledBy)} id={id ?? trigger?.id} onPointerDownCapture={onPressWithin} ref={ref}\n    // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- a `<dialog>` element would bring the browser's own positioning and top layer, which the panel around it already decides\n    role=\"dialog\" slot={slot ?? undefined} tabIndex={-1} {...stylex.props(overlay.popupDialog, focus.ring)}>\n      <HeadingContext value={headings}>\n        <TextContext value={TEXT_SLOTS}>\n          <ButtonContext value={buttons}>\n            <TitleContext value={registerTitle}>{children}</TitleContext>\n          </ButtonContext>\n        </TextContext>\n      </HeadingContext>\n    </section>\n  );\n}\n\n// React Aria names a placement by the side and, along it, the end the panel\n// is aligned to — `bottom start`, or `left top` on the sides where the axis\n// runs the other way.\n/**\n * A panel anchored to the control that opened it. Open state is React Aria's:\n * pass `isOpen` with `onOpenChange` to control it, or `defaultOpen` to let it\n * keep its own.\n *\n * Non-modal by design — the page behind stays scrollable and clickable, which\n * is the difference from `Sheet`. Pass `modal` to change that. Escape, a press\n * anywhere outside the panel and a button given `slot=\"close\"` close it, and\n * a press on its trigger toggles it. Inside a dialog, a press on the scrim\n * closes the popover first and the dialog on the next, as a menu does.\n *\n * Composed rather than configured by props, because a popover's contents are\n * arbitrary — the parts are `Popover.Content`, `Popover.Title`, and\n * `Popover.Description`. A `Button` or `IconButton` placed directly inside\n * `Popover` opens it, and one given `slot=\"close\"` inside the content closes\n * it; neither needs a part of its own.\n */\nfunction Popover({\n  children,\n  closeDelay = DEFAULT_HOVER_CLOSE_DELAY,\n  delay = DEFAULT_HOVER_DELAY,\n  modal = false,\n  size = 'md',\n  trigger = 'press',\n  ...props\n}: PopoverProps) {\n  // A hovered popover is React Aria's preview trigger, which is a different\n  // element around the same parts rather than a mode of the pressed one: it\n  // opens from hover, focus or a long press, and it is always non-modal,\n  // since a panel that blocked the page while the pointer merely rested on\n  // something would be a trap. `modal` is ignored there rather than\n  // refused, so the content draws the non-modal panel whatever it says.\n  const context = useMemo(() => ({\n    modal: modal && trigger !== 'hover',\n    size\n  }), [modal, size, trigger]);\n  if (trigger === 'hover') {\n    return <PopoverContext value={context}>\n        <PreviewTrigger closeDelay={closeDelay} delay={delay} {...props}>\n          {children}\n        </PreviewTrigger>\n      </PopoverContext>;\n  }\n  return <PopoverContext value={context}>\n      <DialogTrigger {...props}>{children}</DialogTrigger>\n    </PopoverContext>;\n}\n\n/**\n * The panel itself. Everything the popover shows goes in here; the trigger\n * stays outside it, since the trigger lives in the page while this is\n * portalled out to the end of the body.\n *\n * Placement is React Aria's anchor positioning, so the panel flips to the\n * opposite side and shifts along the edge of the viewport on its own rather\n * than being clipped by it.\n */\nfunction PopoverContent({\n  align = 'center',\n  alignOffset,\n  children,\n  className,\n  container,\n  ref,\n  side = 'bottom',\n  sideOffset = DEFAULT_SIDE_OFFSET,\n  style,\n  triggerRef,\n  ...props\n}: PopoverContentProps & RefAttributes<HTMLElement>) {\n  const {\n    modal,\n    size\n  } = useContext(PopoverContext);\n  const state = useContext(OverlayTriggerStateContext);\n  // The trigger React Aria hands its popover, for a content part given no\n  // `triggerRef` of its own.\n  const handed = useSlottedContext(RACPopoverContext)?.triggerRef;\n\n  // A non-modal popover is one React Aria closes on blur alone: a press on\n  // blank page left it open, and a press on its own trigger closed it as\n  // focus left the panel and opened it again on the same press. Here a\n  // press anywhere outside the panel closes it, and a press on the trigger\n  // is left to the trigger, which toggles it.\n  //\n  // What an overlay opened from inside the panel draws — a select's list, a\n  // menu — is portalled elsewhere in the document, so a press there is\n  // outside the panel's element though it is within the panel's tree. React\n  // carries the press up that tree, and the panel marks it as within before\n  // the press ends; the outside press is read on its end, so the mark is\n  // there to read. Each press outside clears it as it starts.\n  const panel = useRef<HTMLElement>(null);\n  const merged = useMemo(() => mergeRefs(panel, ref ?? undefined), [ref]);\n  const pressedWithin = useRef(false);\n  const markPressWithin = useCallback(() => {\n    pressedWithin.current = true;\n  }, []);\n  // The two refs the trigger may come through, kept where a callback can\n  // read them at the moment of a press rather than as dependencies, which a\n  // ref is not.\n  const triggers = useRef({\n    handed,\n    own: triggerRef\n  });\n  useEffect(() => {\n    triggers.current = {\n      handed,\n      own: triggerRef\n    };\n  });\n  const isOutsideTrigger = useCallback((element: Element) => {\n    const {\n      handed: fromTrigger,\n      own\n    } = triggers.current;\n    const trigger = own?.current ?? fromTrigger?.current;\n    return !(trigger?.contains(element) ?? false);\n  }, []);\n  useInteractOutside({\n    isDisabled: modal || state === null || !state.isOpen,\n    onInteractOutside: event => {\n      if (pressedWithin.current) {\n        pressedWithin.current = false;\n        return;\n      }\n      if (event.target instanceof Element && !isOutsideTrigger(event.target)) {\n        return;\n      }\n      state?.close();\n    },\n    onInteractOutsideStart: () => {\n      pressedWithin.current = false;\n    },\n    ref: panel\n  });\n  const descriptionId = useId();\n  const [described, setDescribed] = useState(false);\n  const register = useCallback(() => {\n    setDescribed(true);\n    return () => {\n      setDescribed(false);\n    };\n  }, []);\n  const description = useMemo(() => ({\n    id: descriptionId,\n    register\n  }), [descriptionId, register]);\n  return <RACPopover crossOffset={alignOffset} isNonModal={!modal} offset={sideOffset} placement={placementOf(side, align)}\n  // The surface, where the call site's class and style land, rather than\n  // the dialog inside it, which takes the rest of the props.\n  ref={merged}\n  // Focus leaving for the trigger closes nothing: the trigger's own\n  // press toggles the panel, and closing it first reopened it.\n  shouldCloseOnInteractOutside={modal ? undefined : isOutsideTrigger} triggerRef={triggerRef}\n  // oxlint-disable-next-line typescript/no-deprecated -- its replacement, UNSAFE_PortalProvider, is not exported by react-aria-components\n  UNSTABLE_portalContainer={container} {...mergeStatefulStyles((render: PopoverRenderProps) => stylex.props(overlay.popup, styles.content, styles[size], popupOrigin(render.placement)), {\n    className,\n    style\n  })}>\n      {modal ? <Dialog aria-describedby={described ? descriptionId : undefined} {...props} {...stylex.props(overlay.popupDialog, focus.ring)}>\n          <DescriptionContext value={description}>\n            {children}\n          </DescriptionContext>\n        </Dialog> : <PanelDialog aria-describedby={described ? descriptionId : undefined} onPressWithin={markPressWithin} {...props}>\n          <DescriptionContext value={description}>\n            {children}\n          </DescriptionContext>\n        </PanelDialog>}\n    </RACPopover>;\n}\n\n/**\n * Supporting copy under the title. The panel's `aria-describedby` points at\n * it — see DescriptionContext for why that is this component's doing.\n */\nfunction PopoverDescription(props: PopoverDescriptionProps & RefAttributes<HTMLElement>) {\n  const {\n    id,\n    register\n  } = useContext(DescriptionContext);\n  useEffect(() => register(), [register]);\n  return <Text id={id} slot=\"description\" {...props} {...mergeStyles({\n    className: \"x9f619 x1w5n3ug xpo2rfv x193rfdd x1hews6w xn43zvd xv61bfh x1ghz6dp\"\n  }, props)} />;\n}\n\n/**\n * Names the popover. Rendered through React Aria's title slot, which is what\n * points the panel's `aria-labelledby` at it — a popover without one announces\n * itself unnamed.\n */\nfunction PopoverTitle(props: PopoverTitleProps & RefAttributes<HTMLHeadingElement>) {\n  const register = useContext(TitleContext);\n  useEffect(() => register(), [register]);\n  return <Heading slot=\"title\" {...props} {...mergeStyles({\n    className: \"x9f619 x1w5n3ug xrgwony x12s497w x1szcwkt xo803ec xyl1r0q x1ghz6dp\"\n  }, props)} />;\n}\n\n/**\n * What a pressed trigger hands the overlay it opens: the id its\n * `aria-controls` points at, and its own id to name a panel with no title.\n * Read field by field, since the context's type also admits a slotted\n * value; a hover trigger hands nothing.\n */\nfunction triggerOf(context: unknown) {\n  if (typeof context !== 'object' || context === null || 'slots' in context) {\n    return undefined;\n  }\n  return {\n    id: 'id' in context && typeof context.id === 'string' ? context.id : undefined,\n    labelledBy: 'aria-labelledby' in context && typeof context['aria-labelledby'] === 'string' ? context['aria-labelledby'] : undefined\n  };\n}\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Title = PopoverTitle;\n\n// The dialog's own props, plus the four that place the panel and its\n// styling. Those belong to the positioned panel rather than to the dialog,\n// but a call site has no reason to know there are two elements — `className`\n// and `style` reach the panel, which is the one worth restyling, and\n// everything else lands on the dialog.\ntype PopoverContentProps = Omit<DialogProps, 'children' | 'className' | 'style'> & {\n  /**\n   * Where the panel sits along the side it opens on.\n   * @default 'center'\n   */\n  align?: PopoverAlign;\n  /** Moves the panel along that side, in pixels. */\n  alignOffset?: number;\n  children?: ReactNode;\n  /** A function may compute the class from the panel's render state. */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * Where to portal the panel. Defaults to the container of the `ThemeScope`\n   * around it, which keeps the popover on that scope's tokens, or to the end of\n   * `<body>` where there is none. A subtree themed through the `themeScope`\n   * class has no container of its own, so point this inside it, or the popover\n   * renders outside and keeps the page's tokens.\n   */\n  container?: Element;\n  /**\n   * Which side of the trigger the panel opens on. It flips to the opposite\n   * side when there is no room.\n   * @default 'bottom'\n   */\n  side?: PopoverSide;\n  /**\n   * The gap between the trigger and the panel, in pixels.\n   * @default 8\n   */\n  sideOffset?: number;\n  /** A function may compute the style from the panel's render state. */\n  style?: StyleOrFunction<PopoverRenderProps>;\n  /**\n   * An element to anchor the panel to other than the trigger that opened it.\n   */\n  triggerRef?: RefObject<Element | null>;\n};\ntype PopoverDescriptionProps = TextProps;\ntype PopoverTitleProps = HeadingProps;\nexport type { PopoverAlign, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverSide, PopoverSize, PopoverTitleProps, PopoverTrigger };\nexport { PopoverContent, PopoverDescription, PopoverTitle };\nexport default Popover;"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","RefObject","ClassNameOrFunction","DialogProps","DialogTriggerProps","HeadingProps","PopoverRenderProps","StyleOrFunction","TextProps","stylex","createContext","useCallback","useContext","useEffect","useId","useMemo","useRef","useState","useInteractOutside","ButtonContext","DEFAULT_SLOT","Dialog","DialogContext","DialogTrigger","Heading","HeadingContext","OverlayTriggerStateContext","PreviewTrigger","Popover","RACPopover","PopoverContext","RACPopoverContext","Text","TextContext","useSlottedContext","OverlayAlign","OverlaySide","OverlayScope","mergeRefs","focus","mergeStatefulStyles","mergeStyles","overlay","placementOf","popupOrigin","colors","spacing","typography","DEFAULT_SIDE_OFFSET","styles","content","kGO01o","kLKAdn","kg3NbH","$$css","description","kB7OPa","kMwMTN","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kogj98","md","ks0D6T","sm","title","DEFAULT_HOVER_DELAY","DEFAULT_HOVER_CLOSE_DELAY","PopoverAlign","PopoverSide","PopoverSize","modal","size","DescriptionContext","id","register","TitleContext","TEXT_SLOTS","slots","PopoverProps","Omit","children","closeDelay","delay","trigger","PopoverTrigger","PanelDialog","t0","$","labelledBy","onPressWithin","props","slot","t1","t2","t3","t4","render","_render","t5","t6","ref","state","triggerOf","pressed","undefined","titleId","titled","setTitled","Symbol","for","registerTitle","level","headings","onPress","close","t7","t8","buttons","t10","t9","element","current","contains","document","activeElement","preventScroll","t11","t12","t13","t14","popupDialog","ring","t15","t16","t17","t18","context","PopoverContent","alignOffset","className","container","style","triggerRef","align","side","sideOffset","handed","panel","merged","pressedWithin","markPressWithin","own","triggers","fromTrigger","isOutsideTrigger","isOpen","event","target","Element","isDisabled","onInteractOutside","onInteractOutsideStart","descriptionId","described","setDescribed","t19","popup","placement","t20","t21","t22","PopoverDescription","PopoverTitle","Content","Description","Title","PopoverContentProps","PopoverDescriptionProps","PopoverTitleProps","PopoverContext","_c","props","stylex.props","Popover","RACPopoverContext","RACPopover"],"sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes, RefObject } from 'react';\nimport type { ClassNameOrFunction, DialogProps, DialogTriggerProps, HeadingProps, PopoverRenderProps, StyleOrFunction, TextProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { useInteractOutside } from 'react-aria';\nimport { ButtonContext, DEFAULT_SLOT, Dialog, DialogContext, DialogTrigger, Heading, HeadingContext, OverlayTriggerStateContext, PreviewTrigger, Popover as RACPopover, PopoverContext as RACPopoverContext, Text, TextContext, useSlottedContext } from 'react-aria-components';\nimport type { OverlayAlign, OverlaySide } from '../../styles/overlay';\nimport { OverlayScope } from '../../overlay';\nimport { mergeRefs } from '../../render/ref';\nimport { focus } from '../../styles/focus';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport { overlay, placementOf, popupOrigin } from '../../styles/overlay';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, spacing, typography } from '../../tokens/design.tokens.stylex';\n\n// The gap between the anchor and the panel, matching `spacing.sm`'s default.\n// A number rather than the token, because React Aria computes the position in\n// JavaScript and so cannot read a CSS custom property — this is the one place\n// in the component where a step of the spacing scale is spelled out. React\n// Aria's own default is 8 as well, but the value is this component's decision\n// rather than an inherited one.\nconst DEFAULT_SIDE_OFFSET = 8;\n\n// The surface, its entry and the dialog's focus ring are the overlay module's,\n// shared with every anchored overlay; what is here is Popover's own — its\n// inset, its two widths, and the type of its title and description.\n//\n// Popover has no page of its own, so the inset and the type follow the rich\n// tooltip, the nearest thing the Material Design pages draw: a plain rounded\n// panel offset from its anchor, with no caret drawn between the two, holding\n// a subhead over supporting text.\n//\n// React Aria's popover is two elements — the positioned panel and the dialog\n// inside it — so the styles are split the same way: the surface, `content`\n// and a size on the panel, the dialog style on the element that carries the\n// role.\nconst styles = {\n  content: {\n    kGO01o: \"xqf7pud\",\n    kLKAdn: \"x6gmt8y\",\n    kg3NbH: \"x790zyz\",\n    $$css: true\n  },\n  description: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xpo2rfv\",\n    kGuDYH: \"x193rfdd\",\n    k63SB2: \"x1hews6w\",\n    kb6lSQ: \"xn43zvd\",\n    kLWn49: \"xv61bfh\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  md: {\n    ks0D6T: \"x10u2fgw\",\n    $$css: true\n  },\n  sm: {\n    ks0D6T: \"xjjheoa\",\n    $$css: true\n  },\n  title: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xrgwony\",\n    kGuDYH: \"x12s497w\",\n    k63SB2: \"x1szcwkt\",\n    kb6lSQ: \"xo803ec\",\n    kLWn49: \"xyl1r0q\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  }\n};\n\n// How long a pointer rests on the trigger before a hovered popover opens,\n// and how long it has to leave before it closes. React Aria's own defaults,\n// spelled out because they are the whole feel of a hover trigger and worth\n// finding in the component rather than in a changelog.\nconst DEFAULT_HOVER_DELAY = 600;\nconst DEFAULT_HOVER_CLOSE_DELAY = 200;\n\n// The overlay module's, since which side a surface opens on is the same\n// question for every anchored overlay. Aliased rather than re-declared so\n// the names a call site imports stay this component's.\ntype PopoverAlign = OverlayAlign;\ntype PopoverSide = OverlaySide;\ntype PopoverSize = 'md' | 'sm';\n\n// `size` and `modal` are declared on the root, where a reader expects to set\n// the shape of the whole popover, but it is `Popover.Content` that has to\n// apply them. Through context rather than making the call site repeat them —\n// the same arrangement Sheet uses, and worth keeping identical between the\n// two panels a consumer is most likely to reach for in the same afternoon.\nconst PopoverContext = createContext<{\n  modal: boolean;\n  size: PopoverSize;\n}>({\n  modal: false,\n  size: 'md'\n});\n\n// React Aria points a dialog's `aria-describedby` at its description slot\n// only for an alert dialog, on the grounds that an ordinary dialog's content\n// is read anyway. A popover's description names what the panel is for, so it\n// is pointed at here: the content hands the description an id, and the\n// description reports that it is mounted, since an `aria-describedby` with\n// nothing at the other end is an invalid reference rather than a harmless one.\nconst DescriptionContext = createContext<{\n  id: string;\n  register: () => () => void;\n}>({\n  id: '',\n  register: () => () => {}\n});\n\n// The same for the title, which the non-modal panel names itself by — see\n// PanelDialog. React Aria's own Dialog finds its title by looking for it;\n// the panel here is told it is there.\nconst TitleContext = createContext<() => () => void>(() => () => {});\n\n// The text slot the description fills, with the default beside it so a\n// plain `Text` still renders. Hoisted, since it never changes.\nconst TEXT_SLOTS = {\n  slots: {\n    [DEFAULT_SLOT]: {},\n    description: {}\n  }\n};\ntype PopoverProps = Omit<DialogTriggerProps, 'children'> & {\n  children?: ReactNode;\n  /**\n   * How long the pointer has to leave a hovered popover before it closes, in\n   * milliseconds. Ignored by a pressed one.\n   * @default 200\n   */\n  closeDelay?: number;\n  /**\n   * How long the pointer has to rest on the trigger before a hovered popover\n   * opens, in milliseconds. Ignored by a pressed one.\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * Blocks the page behind the panel while it is open, as a dialog would.\n   * Off by default: a popover leaves the page interactive, which is the\n   * difference from `Sheet`.\n   * @default false\n   */\n  modal?: boolean;\n  /**\n   * Panel width: `sm` caps at 240px, `md` at 320px. Either way the panel is\n   * only as wide as its contents, and never wider than the viewport.\n   * @default 'md'\n   */\n  size?: PopoverSize;\n  /**\n   * What opens the panel: a press, or a pointer resting on the trigger.\n   * `hover` is the tooltips page's rich tooltip — it opens on hover, focus\n   * or a long press, and stays open while the pointer is inside it, so the\n   * panel's own buttons and links can be reached.\n   * @default 'press'\n   */\n  trigger?: PopoverTrigger;\n};\ntype PopoverTrigger = 'hover' | 'press';\n\n/**\n * The element that carries the dialog role in a non-modal popover: what\n * React Aria's `Dialog` gives a modal one — the role, the name from the\n * title, the description, and the close slot — without the two things that\n * make `Dialog` a modal's.\n *\n * `Dialog` moves focus into itself as it mounts, whatever opened it, and\n * holds focus inside the overlay until it closes. A hover popover therefore\n * took focus from wherever the reader was typing the moment a pointer\n * rested on its trigger, and Tab in an open popover went round its own\n * controls forever, though the page behind a non-modal popover is meant to\n * stay in reach. Here a pressed popover still takes focus as it opens, since\n * a press asked for the panel, but a hovered one leaves it where it is, and\n * Tab past the panel's last control carries on from the trigger in the\n * page. React Aria's popover sees a dialog inside it and so adds no role or\n * focus handling of its own.\n */\nfunction PanelDialog({\n  'aria-labelledby': labelledBy,\n  children,\n  id,\n  onPressWithin,\n  // React Aria's render prop is the one part of a dialog's props this\n  // element cannot honour, being an element of its own rather than React\n  // Aria's; left out rather than spread onto the DOM.\n  render: _render,\n  slot,\n  ...props\n}: Omit<PopoverContentProps, 'align' | 'alignOffset' | 'className' | 'container' | 'side' | 'sideOffset' | 'style' | 'triggerRef'> & {\n  /**\n   * Called when a press starts anywhere inside the panel in React's tree,\n   * which takes in what an overlay opened from the panel draws elsewhere in\n   * the document — see `PopoverContent`.\n   */\n  onPressWithin: () => void;\n}) {\n  const ref = useRef<HTMLElement>(null);\n  const state = useContext(OverlayTriggerStateContext);\n  // What the trigger hands its overlay: the id the trigger's\n  // `aria-controls` points at, and the trigger itself as the name of a\n  // panel with no title. A hover trigger hands nothing, and is a hover\n  // trigger for exactly that reason.\n  const trigger = triggerOf(useContext(DialogContext));\n  const pressed = trigger !== undefined;\n  const titleId = useId();\n  const [titled, setTitled] = useState(false);\n  const registerTitle = useCallback(() => {\n    setTitled(true);\n    return () => {\n      setTitled(false);\n    };\n  }, []);\n  const headings = useMemo(() => ({\n    slots: {\n      [DEFAULT_SLOT]: {},\n      title: {\n        id: titleId,\n        level: 2\n      }\n    }\n  }), [titleId]);\n  const buttons = useMemo(() => ({\n    slots: {\n      close: {\n        onPress: () => {\n          state?.close();\n        }\n      },\n      [DEFAULT_SLOT]: {}\n    }\n  }), [state]);\n  useEffect(() => {\n    const element = ref.current;\n    if (pressed && element !== null && !element.contains(document.activeElement)) {\n      element.focus({\n        preventScroll: true\n      });\n    }\n  }, [pressed]);\n  return (\n    // A section with the role, as React Aria's own dialog is: a `<dialog>`\n    // element brings the browser's own positioning, border, padding and top\n    // layer, all of which the panel around it already decides.\n    <section {...props} aria-labelledby={labelledBy ?? (titled ? titleId : trigger?.labelledBy)} id={id ?? trigger?.id} onPointerDownCapture={onPressWithin} ref={ref}\n    // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- a `<dialog>` element would bring the browser's own positioning and top layer, which the panel around it already decides\n    role=\"dialog\" slot={slot ?? undefined} tabIndex={-1} {...stylex.props(overlay.popupDialog, focus.ring)}>\n      <HeadingContext value={headings}>\n        <TextContext value={TEXT_SLOTS}>\n          <ButtonContext value={buttons}>\n            <TitleContext value={registerTitle}>{children}</TitleContext>\n          </ButtonContext>\n        </TextContext>\n      </HeadingContext>\n    </section>\n  );\n}\n\n// React Aria names a placement by the side and, along it, the end the panel\n// is aligned to — `bottom start`, or `left top` on the sides where the axis\n// runs the other way.\n/**\n * A panel anchored to the control that opened it. Open state is React Aria's:\n * pass `isOpen` with `onOpenChange` to control it, or `defaultOpen` to let it\n * keep its own.\n *\n * Non-modal by design — the page behind stays scrollable and clickable, which\n * is the difference from `Sheet`. Pass `modal` to change that. Escape, a press\n * anywhere outside the panel and a button given `slot=\"close\"` close it, and\n * a press on its trigger toggles it. Inside a dialog, a press on the scrim\n * closes the popover first and the dialog on the next, as a menu does.\n *\n * Composed rather than configured by props, because a popover's contents are\n * arbitrary — the parts are `Popover.Content`, `Popover.Title`, and\n * `Popover.Description`. A `Button` or `IconButton` placed directly inside\n * `Popover` opens it, and one given `slot=\"close\"` inside the content closes\n * it; neither needs a part of its own.\n */\nfunction Popover({\n  children,\n  closeDelay = DEFAULT_HOVER_CLOSE_DELAY,\n  delay = DEFAULT_HOVER_DELAY,\n  modal = false,\n  size = 'md',\n  trigger = 'press',\n  ...props\n}: PopoverProps) {\n  // A hovered popover is React Aria's preview trigger, which is a different\n  // element around the same parts rather than a mode of the pressed one: it\n  // opens from hover, focus or a long press, and it is always non-modal,\n  // since a panel that blocked the page while the pointer merely rested on\n  // something would be a trap. `modal` is ignored there rather than\n  // refused, so the content draws the non-modal panel whatever it says.\n  const context = useMemo(() => ({\n    modal: modal && trigger !== 'hover',\n    size\n  }), [modal, size, trigger]);\n  if (trigger === 'hover') {\n    return <PopoverContext value={context}>\n        <PreviewTrigger closeDelay={closeDelay} delay={delay} {...props}>\n          {children}\n        </PreviewTrigger>\n      </PopoverContext>;\n  }\n  return <PopoverContext value={context}>\n      <DialogTrigger {...props}>{children}</DialogTrigger>\n    </PopoverContext>;\n}\n\n/**\n * The panel itself. Everything the popover shows goes in here; the trigger\n * stays outside it, since the trigger lives in the page while this is\n * portalled out to the end of the body.\n *\n * Placement is React Aria's anchor positioning, so the panel flips to the\n * opposite side and shifts along the edge of the viewport on its own rather\n * than being clipped by it.\n */\nfunction PopoverContent({\n  align = 'center',\n  alignOffset,\n  children,\n  className,\n  container,\n  ref,\n  side = 'bottom',\n  sideOffset = DEFAULT_SIDE_OFFSET,\n  style,\n  triggerRef,\n  ...props\n}: PopoverContentProps & RefAttributes<HTMLElement>) {\n  const {\n    modal,\n    size\n  } = useContext(PopoverContext);\n  const state = useContext(OverlayTriggerStateContext);\n  // The trigger React Aria hands its popover, for a content part given no\n  // `triggerRef` of its own.\n  const handed = useSlottedContext(RACPopoverContext)?.triggerRef;\n\n  // A non-modal popover is one React Aria closes on blur alone: a press on\n  // blank page left it open, and a press on its own trigger closed it as\n  // focus left the panel and opened it again on the same press. Here a\n  // press anywhere outside the panel closes it, and a press on the trigger\n  // is left to the trigger, which toggles it.\n  //\n  // What an overlay opened from inside the panel draws — a select's list, a\n  // menu — is portalled elsewhere in the document, so a press there is\n  // outside the panel's element though it is within the panel's tree. React\n  // carries the press up that tree, and the panel marks it as within before\n  // the press ends; the outside press is read on its end, so the mark is\n  // there to read. Each press outside clears it as it starts.\n  const panel = useRef<HTMLElement>(null);\n  const merged = useMemo(() => mergeRefs(panel, ref ?? undefined), [ref]);\n  const pressedWithin = useRef(false);\n  const markPressWithin = useCallback(() => {\n    pressedWithin.current = true;\n  }, []);\n  // The two refs the trigger may come through, kept where a callback can\n  // read them at the moment of a press rather than as dependencies, which a\n  // ref is not.\n  const triggers = useRef({\n    handed,\n    own: triggerRef\n  });\n  useEffect(() => {\n    triggers.current = {\n      handed,\n      own: triggerRef\n    };\n  });\n  const isOutsideTrigger = useCallback((element: Element) => {\n    const {\n      handed: fromTrigger,\n      own\n    } = triggers.current;\n    const trigger = own?.current ?? fromTrigger?.current;\n    return !(trigger?.contains(element) ?? false);\n  }, []);\n  useInteractOutside({\n    isDisabled: modal || state === null || !state.isOpen,\n    onInteractOutside: event => {\n      if (pressedWithin.current) {\n        pressedWithin.current = false;\n        return;\n      }\n      if (event.target instanceof Element && !isOutsideTrigger(event.target)) {\n        return;\n      }\n      state?.close();\n    },\n    onInteractOutsideStart: () => {\n      pressedWithin.current = false;\n    },\n    ref: panel\n  });\n  const descriptionId = useId();\n  const [described, setDescribed] = useState(false);\n  const register = useCallback(() => {\n    setDescribed(true);\n    return () => {\n      setDescribed(false);\n    };\n  }, []);\n  const description = useMemo(() => ({\n    id: descriptionId,\n    register\n  }), [descriptionId, register]);\n  return <OverlayScope>\n      <RACPopover crossOffset={alignOffset} isNonModal={!modal} offset={sideOffset} placement={placementOf(side, align)}\n    // The surface, where the call site's class and style land, rather than\n    // the dialog inside it, which takes the rest of the props.\n    ref={merged}\n    // Focus leaving for the trigger closes nothing: the trigger's own\n    // press toggles the panel, and closing it first reopened it.\n    shouldCloseOnInteractOutside={modal ? undefined : isOutsideTrigger} triggerRef={triggerRef}\n    // oxlint-disable-next-line typescript/no-deprecated -- its replacement, UNSAFE_PortalProvider, is not exported by react-aria-components\n    UNSTABLE_portalContainer={container} {...mergeStatefulStyles((render: PopoverRenderProps) => stylex.props(overlay.popup, styles.content, styles[size], popupOrigin(render.placement)), {\n      className,\n      style\n    })}>\n        {modal ? <Dialog aria-describedby={described ? descriptionId : undefined} {...props} {...stylex.props(overlay.popupDialog, focus.ring)}>\n            <DescriptionContext value={description}>\n              {children}\n            </DescriptionContext>\n          </Dialog> : <PanelDialog aria-describedby={described ? descriptionId : undefined} onPressWithin={markPressWithin} {...props}>\n            <DescriptionContext value={description}>\n              {children}\n            </DescriptionContext>\n          </PanelDialog>}\n      </RACPopover>\n    </OverlayScope>;\n}\n\n/**\n * Supporting copy under the title. The panel's `aria-describedby` points at\n * it — see DescriptionContext for why that is this component's doing.\n */\nfunction PopoverDescription(props: PopoverDescriptionProps & RefAttributes<HTMLElement>) {\n  const {\n    id,\n    register\n  } = useContext(DescriptionContext);\n  useEffect(() => register(), [register]);\n  return <Text id={id} slot=\"description\" {...props} {...mergeStyles({\n    className: \"x9f619 x1w5n3ug xpo2rfv x193rfdd x1hews6w xn43zvd xv61bfh x1ghz6dp\"\n  }, props)} />;\n}\n\n/**\n * Names the popover. Rendered through React Aria's title slot, which is what\n * points the panel's `aria-labelledby` at it — a popover without one announces\n * itself unnamed.\n */\nfunction PopoverTitle(props: PopoverTitleProps & RefAttributes<HTMLHeadingElement>) {\n  const register = useContext(TitleContext);\n  useEffect(() => register(), [register]);\n  return <Heading slot=\"title\" {...props} {...mergeStyles({\n    className: \"x9f619 x1w5n3ug xrgwony x12s497w x1szcwkt xo803ec xyl1r0q x1ghz6dp\"\n  }, props)} />;\n}\n\n/**\n * What a pressed trigger hands the overlay it opens: the id its\n * `aria-controls` points at, and its own id to name a panel with no title.\n * Read field by field, since the context's type also admits a slotted\n * value; a hover trigger hands nothing.\n */\nfunction triggerOf(context: unknown) {\n  if (typeof context !== 'object' || context === null || 'slots' in context) {\n    return undefined;\n  }\n  return {\n    id: 'id' in context && typeof context.id === 'string' ? context.id : undefined,\n    labelledBy: 'aria-labelledby' in context && typeof context['aria-labelledby'] === 'string' ? context['aria-labelledby'] : undefined\n  };\n}\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Title = PopoverTitle;\n\n// The dialog's own props, plus the four that place the panel and its\n// styling. Those belong to the positioned panel rather than to the dialog,\n// but a call site has no reason to know there are two elements — `className`\n// and `style` reach the panel, which is the one worth restyling, and\n// everything else lands on the dialog.\ntype PopoverContentProps = Omit<DialogProps, 'children' | 'className' | 'style'> & {\n  /**\n   * Where the panel sits along the side it opens on.\n   * @default 'center'\n   */\n  align?: PopoverAlign;\n  /** Moves the panel along that side, in pixels. */\n  alignOffset?: number;\n  children?: ReactNode;\n  /** A function may compute the class from the panel's render state. */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * Where to portal the panel. Defaults to the container of the `ThemeScope`\n   * around it, which keeps the popover on that scope's tokens, or to the end of\n   * `<body>` where there is none. A subtree themed through the `themeScope`\n   * class has no container of its own, so point this inside it, or the popover\n   * renders outside and keeps the page's tokens.\n   */\n  container?: Element;\n  /**\n   * Which side of the trigger the panel opens on. It flips to the opposite\n   * side when there is no room.\n   * @default 'bottom'\n   */\n  side?: PopoverSide;\n  /**\n   * The gap between the trigger and the panel, in pixels.\n   * @default 8\n   */\n  sideOffset?: number;\n  /** A function may compute the style from the panel's render state. */\n  style?: StyleOrFunction<PopoverRenderProps>;\n  /**\n   * An element to anchor the panel to other than the trigger that opened it.\n   */\n  triggerRef?: RefObject<Element | null>;\n};\ntype PopoverDescriptionProps = TextProps;\ntype PopoverTitleProps = HeadingProps;\nexport type { PopoverAlign, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverSide, PopoverSize, PopoverTitleProps, PopoverTrigger };\nexport { PopoverContent, PopoverDescription, PopoverTitle };\nexport default Popover;"],"mappings":";;;;;;;;;;;;;AAuBA,MAAMmD,sBAAsB;AAe5B,MAAMC,SAAS;CACbC,SAAS;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,aAAa;EACXC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRT,OAAO;CACT;CACAU,IAAI;EACFC,QAAQ;EACRX,OAAO;CACT;CACAY,IAAI;EACFD,QAAQ;EACRX,OAAO;CACT;CACAa,OAAO;EACLX,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRT,OAAO;CACT;AACF;AAMA,MAAMc,sBAAsB;AAC5B,MAAMC,4BAA4B;AAclC,MAAMvC,mBAAiBpB,cAGpB;CACD+D,OAAO;CACPC,MAAM;AACR,CAAC;AAQD,MAAMC,qBAAqBjE,cAGxB;CACDkE,IAAI;CACJC,sBAAsB,CAAC;AACzB,CAAC;AAKD,MAAMC,eAAepE,0BAA4C,CAAC,CAAC;AAInE,MAAMqE,aAAa,EACjBC,OAAO;EACJ5D,eAAe,CAAC;CACjBmC,aAAa,CAAC;AAChB,EACF;;;;;;;;;;;;;;;;;;AAwDA,SAAAiC,YAAAC,IAAA;CAAA,MAAAC,IAAA5F,EAAA,EAAA;CAAA,IAAAqF;CAAA,IAAAP;CAAA,IAAAe;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAqB,MAAA,EAAA,mBAAAM,IAAAZ,UAAAa,IAAApB,IAAAqB,IAAAL,eAAAM,IAAAC,QAAAC,SAAAN,MAAAO,IAAA,GAAAC,OAAAb;EAAAE,aAAAI;EAAAZ,WAAAa;EAAApB,KAAAqB;EAAAL,gBAAAM;EAAAJ,OAAAO;EAAAR,UAAAS;EAkBpBZ,EAAA,KAAAD;EAAAC,EAAA,KAAAP;EAAAO,EAAA,KAAAd;EAAAc,EAAA,KAAAC;EAAAD,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAX,WAAAO,EAAA;EAAAd,KAAAc,EAAA;EAAAC,aAAAD,EAAA;EAAAE,gBAAAF,EAAA;EAAAG,UAAAH,EAAA;EAAAI,OAAAJ,EAAA;CAAA;CACC,MAAAa,MAAYvF,OAAoB,IAAI;CACpC,MAAAwF,QAAc5F,WAAWc,0BAA0B;CAKzB,MAAAqE,KAAAnF,WAAWU,aAAa;CAAC,IAAA0E;CAAA,IAAAN,EAAA,OAAAK,IAAA;EAAnCC,KAAAS,UAAUV,EAAyB;EAACL,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAApD,MAAAJ,UAAgBU;CAChB,MAAAU,UAAgBpB,YAAYqB,KAAAA;CAC5B,MAAAC,UAAgB9F,MAAM;CACtB,MAAA,CAAA+F,QAAAC,aAA4B7F,SAAS,KAAK;CAAE,IAAAgF;CAAA,IAAAP,EAAA,OAAAqB,OAAAC,IAAA,2BAAA,GAAA;EACVf,WAAA;GAChCa,UAAU,IAAI;GAAC,aACR;IACLA,UAAU,KAAK;GAAC;EACjB;EACFpB,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CALD,MAAAuB,gBAAsBhB;CAKf,IAAAC;CAAA,IAAAR,EAAA,QAAAqB,OAAAC,IAAA,2BAAA,GAAA;EAGad,KAAA,CAAC;EAACR,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAW;CAAA,IAAAX,EAAA,QAAAkB,SAAA;EAFUP,KAAA,EAAArB,OACvB;IACJ5D,eAAe8E;GAAE/B,OACX;IAAAS,IACDgC;IAAOM,OACJ;GACT;EACF,EACF;EAACxB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CARD,MAAAyB,WAAgCd;CAQjB,IAAAC;CAAA,IAAAZ,EAAA,QAAAc,OAAA;EAGJF,KAAA,EAAAc,eACI;GACPZ,OAAKa,MAAQ;EAAC,EAElB;EAAC3B,EAAA,MAAAc;EAAAd,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAAqB,OAAAC,IAAA,2BAAA,GAAA;EACeM,KAAA,CAAC;EAAC5B,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,IAAA6B;CAAA,IAAA7B,EAAA,QAAAY,IAAA;EAPSiB,KAAA,EAAAvC,OACtB;GAAAqC,OACEf;IAKNlF,eAAekG;EAClB,EACF;EAAC5B,EAAA,MAAAY;EAAAZ,EAAA,MAAA6B;CAAA,OAAAA,KAAA7B,EAAA;CATD,MAAA8B,UAA+BD;CASlB,IAAAE;CAAA,IAAAC;CAAA,IAAAhC,EAAA,QAAAgB,SAAA;EACHgB,WAAA;GACR,MAAAC,UAAgBpB,IAAGqB;GACnB,IAAIlB,WAAWiB,YAAY,QAAvB,CAAgCA,QAAOE,SAAUC,SAAQC,aAAc,GACzEJ,QAAOpF,MAAO,EAAAyF,eACG,KACjB,CAAC;EACF;EACAP,MAAA,CAACf,OAAO;EAAChB,EAAA,MAAAgB;EAAAhB,EAAA,MAAA+B;EAAA/B,EAAA,MAAAgC;CAAA,OAAA;EAAAD,MAAA/B,EAAA;EAAAgC,KAAAhC,EAAA;CAAA;CAPZ7E,UAAU6G,IAOPD,GAAS;CAK2B,MAAAQ,MAAAtC,eAAekB,SAAAD,UAAmBtB,SAAOK;CAAmB,MAAAuC,MAAAtD,MAAMU,SAAOV;CAE1F,MAAAuD,MAAArC,QAAAa,KAAAA;CAAiB,IAAAyB;CAAA,IAAA1C,EAAA,QAAAqB,OAAAC,IAAA,2BAAA,GAAA;EAAoBoB,MAAA3H,MAAaiC,QAAO2F,aAAc9F,MAAK+F,IAAK;EAAC5C,EAAA,MAAA0C;CAAA,OAAAA,MAAA1C,EAAA;CAAA,IAAA6C;CAAA,IAAA7C,EAAA,QAAAP,UAAA;EAI9FoD,MAAA,oBAAC,cAAD;GAAqBtB,OAAAA;GAAgB9B;EAAxB,CAAA;EAAgDO,EAAA,MAAAP;EAAAO,EAAA,MAAA6C;CAAA,OAAAA,MAAA7C,EAAA;CAAA,IAAA8C;CAAA,IAAA9C,EAAA,QAAA8B,WAAA9B,EAAA,QAAA6C,KAAA;EAFjEC,MAAA,oBAAC,aAAD;GAAoBzD,OAAAA;GAClB,UAAA,oBAAC,eAAD;IAAsByC,OAAAA;IACpBe,UAAAA;GADY,CAAA;EADJ,CAAA;EAIE7C,EAAA,MAAA8B;EAAA9B,EAAA,MAAA6C;EAAA7C,EAAA,MAAA8C;CAAA,OAAAA,MAAA9C,EAAA;CAAA,IAAA+C;CAAA,IAAA/C,EAAA,QAAAyB,YAAAzB,EAAA,QAAA8C,KAAA;EALhBC,MAAA,oBAAC,gBAAD;GAAuBtB,OAAAA;GACrBqB,UAAAA;EADa,CAAA;EAME9C,EAAA,MAAAyB;EAAAzB,EAAA,MAAA8C;EAAA9C,EAAA,MAAA+C;CAAA,OAAAA,MAAA/C,EAAA;CAAA,IAAAgD;CAAA,IAAAhD,EAAA,QAAAE,iBAAAF,EAAA,QAAAG,WAAAH,EAAA,QAAAuC,OAAAvC,EAAA,QAAAwC,OAAAxC,EAAA,QAAAyC,OAAAzC,EAAA,QAAA+C,KAAA;EATnBC,MAAA,oBAAA,WAAA;GAUU,GAVG7C;GAAwB,mBAAAoC;GAA4D,IAAAC;GAAyCtC,sBAAAA;GAAoBW;GAEzJ,MAAA;GAAe,MAAA4B;GAA6B,UAAA;GAAE,GAAMC;GACvDK,UAAAA;EAOQ,CAAA;EAAA/C,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAuC;EAAAvC,EAAA,MAAAwC;EAAAxC,EAAA,MAAAyC;EAAAzC,EAAA,MAAA+C;EAAA/C,EAAA,MAAAgD;CAAA,OAAAA,MAAAhD,EAAA;CAAA,OAVVgD;AAUU;;;;;;;;;;;;;;;;;;AAwBd,SAAA9G,UAAA6D,IAAA;CAAA,MAAAC,IAAA5F,EAAA,EAAA;CAAA,IAAAqF;CAAA,IAAAU;CAAA,IAAAE;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAG;CAAA,IAAAX,EAAA,OAAAD,IAAA;EAAiB,CAAA,CAAAN,UAAAC,YAAAW,IAAAV,OAAAW,IAAAvB,OAAAwB,IAAAvB,MAAAwB,IAAAZ,SAAAe,IAAA,GAAAR,SAAAJ;EAQFC,EAAA,KAAAD;EAAAC,EAAA,KAAAP;EAAAO,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAW;CAAA,OAAA;EAAAlB,WAAAO,EAAA;EAAAG,QAAAH,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;EAAAW,KAAAX,EAAA;CAAA;CANb,MAAAN,aAAAW,OAAAY,KAAAA,IAAAtC,4BAAA0B;CACA,MAAAV,QAAAW,OAAAW,KAAAA,IAAAvC,sBAAA4B;CACA,MAAAvB,QAAAwB,OAAAU,KAAAA,IAAA,QAAAV;CACA,MAAAvB,OAAAwB,OAAAS,KAAAA,IAAA,OAAAT;CACA,MAAAZ,UAAAe,OAAAM,KAAAA,IAAA,UAAAN;CAUS,MAAAC,KAAA7B,SAASa,YAAY;CAAO,IAAAgC;CAAA,IAAA5B,EAAA,OAAAhB,QAAAgB,EAAA,OAAAY,IAAA;EADNgB,KAAA;GAAA7C,OACtB6B;GAA4B5B;EAErC;EAACgB,EAAA,KAAAhB;EAAAgB,EAAA,KAAAY;EAAAZ,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAHD,MAAAiD,UAA+BrB;CAI/B,IAAIhC,YAAY,SAAO;EAAA,IAAAiC;EAAA,IAAA7B,EAAA,QAAAP,YAAAO,EAAA,QAAAN,cAAAM,EAAA,QAAAL,SAAAK,EAAA,QAAAG,OAAA;GAEjB0B,KAAA,oBAAC,gBAAD;IAA4BnC;IAAmBC;IAAK,GAAMQ;IACvDV;GADY,CAAA;GAEEO,EAAA,MAAAP;GAAAO,EAAA,MAAAN;GAAAM,EAAA,MAAAL;GAAAK,EAAA,MAAAG;GAAAH,EAAA,MAAA6B;EAAA,OAAAA,KAAA7B,EAAA;EAAA,IAAAgC;EAAA,IAAAhC,EAAA,QAAAiD,WAAAjD,EAAA,QAAA6B,IAAA;GAHdG,KAAA,oBAAC4D,kBAAD;IAAuB3C,OAAAA;IAC1BpB,UAAAA;GADkB,CAAA;GAIH7B,EAAA,MAAAiD;GAAAjD,EAAA,MAAA6B;GAAA7B,EAAA,MAAAgC;EAAA,OAAAA,KAAAhC,EAAA;EAAA,OAJZgC;CAIY;CACpB,IAAAH;CAAA,IAAA7B,EAAA,QAAAP,YAAAO,EAAA,QAAAG,OAAA;EAEG0B,KAAA,oBAAC,eAAD;GAAc,GAAK1B;GAAQV;EAAb,CAAA;EAAsCO,EAAA,MAAAP;EAAAO,EAAA,MAAAG;EAAAH,EAAA,MAAA6B;CAAA,OAAAA,KAAA7B,EAAA;CAAA,IAAAgC;CAAA,IAAAhC,EAAA,QAAAiD,WAAAjD,EAAA,QAAA6B,IAAA;EADjDG,KAAA,oBAAC4D,kBAAD;GAAuB3C,OAAAA;GAC1BpB,UAAAA;EADkB,CAAA;EAEH7B,EAAA,MAAAiD;EAAAjD,EAAA,MAAA6B;EAAA7B,EAAA,MAAAgC;CAAA,OAAAA,KAAAhC,EAAA;CAAA,OAFZgC;AAEY;;;;;;;;;;AAYrB,SAAAkB,eAAAnD,IAAA;CAAA,MAAAC,IAAA5F,EAAA,EAAA;CAAA,IAAA+I;CAAA,IAAA1D;CAAA,IAAA2D;CAAA,IAAAC;CAAA,IAAAlD;CAAA,IAAAU;CAAA,IAAAyC;CAAA,IAAAjD;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAgD;CAAA,IAAAvD,EAAA,OAAAD,IAAA;EAAwB,CAAA,CAAAyD,OAAAnD,IAAA8C,aAAA1D,UAAA2D,WAAAC,WAAAxC,KAAA4C,MAAAnD,IAAAoD,YAAAnD,IAAA+C,OAAAC,YAAA,GAAApD,WAAAJ;EAY2BC,EAAA,KAAAD;EAAAC,EAAA,KAAAmD;EAAAnD,EAAA,KAAAP;EAAAO,EAAA,KAAAoD;EAAApD,EAAA,KAAAqD;EAAArD,EAAA,KAAAG;EAAAH,EAAA,KAAAa;EAAAb,EAAA,KAAAsD;EAAAtD,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAuD;CAAA,OAAA;EAAAJ,cAAAnD,EAAA;EAAAP,WAAAO,EAAA;EAAAoD,YAAApD,EAAA;EAAAqD,YAAArD,EAAA;EAAAG,UAAAH,EAAA;EAAAa,MAAAb,EAAA;EAAAsD,QAAAtD,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAuD,aAAAvD,EAAA;CAAA;CAXjD,MAAAwD,QAAAnD,OAAAY,KAAAA,IAAA,WAAAZ;CAMA,MAAAoD,OAAAnD,OAAAW,KAAAA,IAAA,WAAAX;CACA,MAAAoD,aAAAnD,OAAAU,KAAAA,IAAA3D,sBAAAiD;CAKA,MAAA,EAAAxB,OAAAC,SAGI9D,WAAWkB,gBAAc;CAC7B,MAAA0E,QAAc5F,WAAWc,0BAA0B;CAGnD,MAAA2H,SAAenH,kBAAkBH,cAA6B,CAAC,EAAAkH;CAc/D,MAAAK,QAActI,OAAoB,IAAI;CACQ,MAAAkF,KAAAK,OAAAI,KAAAA;CAAgB,IAAAN;CAAA,IAAAX,EAAA,QAAAQ,IAAA;EAAjCG,KAAA/D,UAAUgH,OAAOpD,EAAgB;EAACR,EAAA,MAAAQ;EAAAR,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CAA/D,MAAA6D,SAA6BlD;CAC7B,MAAAmD,gBAAsBxI,OAAO,KAAK;CAAE,IAAAsF;CAAA,IAAAZ,EAAA,QAAAqB,OAAAC,IAAA,2BAAA,GAAA;EACAV,WAAA;GAClCkD,cAAa5B,UAAW;EAAH;EACtBlC,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAFD,MAAA+D,kBAAwBnD;CAEjB,IAAAgB;CAAA,IAAA5B,EAAA,QAAA2D,UAAA3D,EAAA,QAAAuD,YAAA;EAIiB3B,KAAA;GAAA+B;GAAAK,KAEjBT;EACP;EAACvD,EAAA,MAAA2D;EAAA3D,EAAA,MAAAuD;EAAAvD,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAHD,MAAAiE,WAAiB3I,OAAOsG,EAGvB;CAAE,IAAAC;CAAA,IAAA7B,EAAA,QAAA2D,UAAA3D,EAAA,QAAAuD,YAAA;EACO1B,WAAA;GACRoC,SAAQ/B,UAAW;IAAAyB;IAAAK,KAEZT;GACP;EAHgB;EAIjBvD,EAAA,MAAA2D;EAAA3D,EAAA,MAAAuD;EAAAvD,EAAA,MAAA6B;CAAA,OAAAA,KAAA7B,EAAA;CALD7E,UAAU0G,EAKT;CAAC,IAAAG;CAAA,IAAAhC,EAAA,QAAAqB,OAAAC,IAAA,2BAAA,GAAA;EACmCU,MAAAC,YAAA;GACnC,MAAA,EAAA0B,QAAAO,aAAAF,QAGIC,SAAQ/B;GACyC,OAC9C,GADS8B,KAAG9B,WAAagC,aAAWhC,QAAAA,EAC3BC,SAAWF,OAAgB,KAAlC;EAAoC;EAC9CjC,EAAA,MAAAgC;CAAA,OAAAA,KAAAhC,EAAA;CAPD,MAAAmE,mBAAyBnC;CASX,MAAAD,MAAAhD,SAAS+B,UAAU,QAAnB,CAA4BA,MAAKsD;CAAO,IAAA7B;CAAA,IAAAvC,EAAA,QAAAc,OAAA;EACjCyB,OAAA8B,UAAA;GACjB,IAAIP,cAAa5B,SAAQ;IACvB4B,cAAa5B,UAAW;IAAH;GAAA;GAGvB,IAAImC,MAAKC,kBAAmBC,WAAxB,CAAoCJ,iBAAiBE,MAAKC,MAAO,GAAC;GAGtExD,OAAKa,MAAQ;EAAC;EACf3B,EAAA,MAAAc;EAAAd,EAAA,MAAAuC;CAAA,OAAAA,MAAAvC,EAAA;CAAA,IAAAwC;CAAA,IAAAxC,EAAA,QAAAqB,OAAAC,IAAA,2BAAA,GAAA;EACuBkB,YAAA;GACtBsB,cAAa5B,UAAW;EAAH;EACtBlC,EAAA,MAAAwC;CAAA,OAAAA,MAAAxC,EAAA;CAAA,IAAAyC;CAAA,IAAAzC,EAAA,QAAA+B,OAAA/B,EAAA,QAAAuC,KAAA;EAdgBE,MAAA;GAAA+B,YACLzC;GAAwC0C,mBACjClC;GASlBmC,wBACuBlC;GAEvB3B,KACI+C;EACP;EAAC5D,EAAA,MAAA+B;EAAA/B,EAAA,MAAAuC;EAAAvC,EAAA,MAAAyC;CAAA,OAAAA,MAAAzC,EAAA;CAhBDxE,mBAAmBiH,GAgBlB;CACD,MAAAkC,gBAAsBvJ,MAAM;CAC5B,MAAA,CAAAwJ,WAAAC,gBAAkCtJ,SAAS,KAAK;CAAE,IAAAmH;CAAA,IAAA1C,EAAA,QAAAqB,OAAAC,IAAA,2BAAA,GAAA;EACrBoB,YAAA;GAC3BmC,aAAa,IAAI;GAAC,aACX;IACLA,aAAa,KAAK;GAAC;EACpB;EACF7E,EAAA,MAAA0C;CAAA,OAAAA,MAAA1C,EAAA;CALD,MAAAb,WAAiBuD;CAKV,IAAAG;CAAA,IAAA7C,EAAA,QAAA2E,eAAA;EAC4B9B,MAAA;GAAA3D,IAC7ByF;GAAaxF;EAEnB;EAACa,EAAA,MAAA2E;EAAA3E,EAAA,MAAA6C;CAAA,OAAAA,MAAA7C,EAAA;CAHD,MAAAnC,cAAmCgF;CAKmB,MAAAC,MAAA,CAAC/D;CAAK,IAAAgE;CAAA,IAAA/C,EAAA,QAAAwD,SAAAxD,EAAA,QAAAyD,MAAA;EAAiCV,MAAA9F,YAAYwG,MAAMD,KAAK;EAACxD,EAAA,MAAAwD;EAAAxD,EAAA,MAAAyD;EAAAzD,EAAA,MAAA+C;CAAA,OAAAA,MAAA/C,EAAA;CAMrF,MAAAgD,MAAAjE,QAAAkC,KAAAA,IAAAkD;CAAoC,IAAAW;CAAA,IAAA9E,EAAA,QAAAhB,MAAA;EAEL8F,OAAArE,WAAgC1F,MAAaiC,QAAO+H,OAAQxH,OAAMC,SAAUD,OAAOyB,OAAO9B,YAAYuD,OAAMuE,SAAU,CAAC;EAAChF,EAAA,MAAAhB;EAAAgB,EAAA,MAAA8E;CAAA,OAAAA,MAAA9E,EAAA;CAAA,IAAAiF;CAAA,IAAAjF,EAAA,QAAAoD,aAAApD,EAAA,QAAAsD,SAAAtD,EAAA,QAAA8E,KAAA;EAA5IG,MAAAnI,oBAAoBgI,KAA0H;GAAA1B;GAAAE;EAGvL,CAAC;EAACtD,EAAA,MAAAoD;EAAApD,EAAA,MAAAsD;EAAAtD,EAAA,MAAA8E;EAAA9E,EAAA,MAAAiF;CAAA,OAAAA,MAAAjF,EAAA;CAAA,IAAAkF;CAAA,IAAAlF,EAAA,QAAAP,YAAAO,EAAA,QAAA4E,aAAA5E,EAAA,QAAAnC,eAAAmC,EAAA,QAAA2E,iBAAA3E,EAAA,QAAAjB,SAAAiB,EAAA,QAAAG,SAAA;EACG+E,MAAAnG,QAAQ,oBAAC,QAAD;GAA0B,oBAAA6F,YAAAD,gBAAA1D,KAAAA;GAAqC,GAAMd;GAAK,GAAMpF,MAAaiC,QAAO2F,aAAc9F,MAAK+F,IAAK;GACjI,UAAA,oBAAC,oBAAD;IAA2B/E,OAAAA;IACxB4B;GADgB,CAAA;EADP,CAAA,IAIF,oBAAC,aAAD;GAA+B,oBAAAmF,YAAAD,gBAAA1D,KAAAA;GAAsD8C,eAAAA;GAAe,GAAM5D;GACpH,UAAA,oBAAC,oBAAD;IAA2BtC,OAAAA;IACxB4B;GADgB,CAAA;EADG,CAAA;EAIVO,EAAA,MAAAP;EAAAO,EAAA,MAAA4E;EAAA5E,EAAA,MAAAnC;EAAAmC,EAAA,MAAA2E;EAAA3E,EAAA,MAAAjB;EAAAiB,EAAA,MAAAG;EAAAH,EAAA,MAAAkF;CAAA,OAAAA,MAAAlF,EAAA;CAAA,IAAAmF;CAAA,IAAAnF,EAAA,QAAAmD,eAAAnD,EAAA,QAAAqD,aAAArD,EAAA,QAAA6D,UAAA7D,EAAA,QAAA0D,cAAA1D,EAAA,QAAA8C,OAAA9C,EAAA,QAAA+C,OAAA/C,EAAA,QAAAgD,OAAAhD,EAAA,QAAAiF,OAAAjF,EAAA,QAAAkF,OAAAlF,EAAA,QAAAuD,YAAA;EArBf4B,MAAA,oBAAC,cAAD,EAAA,UACH,oBAACe,SAAD;GAAyB/C,aAAAA;GAAyB,YAAAL;GAAgBY,QAAAA;GAAuB,WAAAX;GAGtFc,KAAAA;GAGyB,8BAAAb;GAAkDO;GAEtDF,0BAAAA;GAAS,GAAM4B;GAIpCC,UAAAA;EAZQ,CAAA,EADK,CAAA;EAuBHlF,EAAA,MAAAmD;EAAAnD,EAAA,MAAAqD;EAAArD,EAAA,MAAA6D;EAAA7D,EAAA,MAAA0D;EAAA1D,EAAA,MAAA8C;EAAA9C,EAAA,MAAA+C;EAAA/C,EAAA,MAAAgD;EAAAhD,EAAA,MAAAiF;EAAAjF,EAAA,MAAAkF;EAAAlF,EAAA,MAAAuD;EAAAvD,EAAA,MAAAmF;CAAA,OAAAA,MAAAnF,EAAA;CAAA,OAvBVmF;AAuBU;;;;;AAOnB,SAAAC,mBAAAjF,OAAA;CAAA,MAAAH,IAAA5F,EAAA,CAAA;CACE,MAAA,EAAA8E,IAAAC,aAGIjE,WAAW+D,kBAAkB;CAAE,IAAAc;CAAA,IAAAM;CAAA,IAAAL,EAAA,OAAAb,UAAA;EACzBY,WAAMZ,SAAS;EAAGkB,KAAA,CAAClB,QAAQ;EAACa,EAAA,KAAAb;EAAAa,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAA;EAAAN,KAAAC,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAAtC7E,UAAU4E,IAAkBM,EAAU;CAAC,IAAAC;CAAA,IAAAN,EAAA,OAAAG,OAAA;EACgBG,KAAAvD,YAAY,EAAAqG,WACtD,qEACb,GAAGjD,KAAK;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAd,MAAAc,EAAA,OAAAG,SAAAH,EAAA,OAAAM,IAAA;EAFFC,KAAA,oBAAC,MAAD;GAAUrB;GAAS,MAAA;GAAa,GAAKiB;GAAK,GAAMG;EAE9C,CAAA;EAAIN,EAAA,KAAAd;EAAAc,EAAA,KAAAG;EAAAH,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAFNO;AAEM;;;;;;AAQf,SAAA8E,aAAAlF,OAAA;CAAA,MAAAH,IAAA5F,EAAA,CAAA;CACE,MAAA+E,WAAiBjE,WAAWkE,YAAY;CAAE,IAAAW;CAAA,IAAAM;CAAA,IAAAL,EAAA,OAAAb,UAAA;EAChCY,WAAMZ,SAAS;EAAGkB,KAAA,CAAClB,QAAQ;EAACa,EAAA,KAAAb;EAAAa,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAA;EAAAN,KAAAC,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAAtC7E,UAAU4E,IAAkBM,EAAU;CAAC,IAAAC;CAAA,IAAAN,EAAA,OAAAG,OAAA;EACKG,KAAAvD,YAAY,EAAAqG,WAC3C,qEACb,GAAGjD,KAAK;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAG,SAAAH,EAAA,OAAAM,IAAA;EAFFC,KAAA,oBAAC,SAAD;GAAc,MAAA;GAAO,GAAKJ;GAAK,GAAMG;EAEnC,CAAA;EAAIN,EAAA,KAAAG;EAAAH,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAFNO;AAEM;;;;;;;AASf,SAASQ,UAAUkC,SAAkB;CACnC,IAAI,OAAOA,YAAY,YAAYA,YAAY,QAAQ,WAAWA,SAChE;CAEF,OAAO;EACL/D,IAAI,QAAQ+D,WAAW,OAAOA,QAAQ/D,OAAO,WAAW+D,QAAQ/D,KAAK+B,KAAAA;EACrEhB,YAAY,qBAAqBgD,WAAW,OAAOA,QAAQ,uBAAuB,WAAWA,QAAQ,qBAAqBhC,KAAAA;CAC5H;AACF;AACA/E,UAAQoJ,UAAUpC;AAClBhH,UAAQqJ,cAAcH;AACtBlJ,UAAQsJ,QAAQH"}

package/dist/components/segmented-button/index.d.ts

@@ -40,6 +40,9 @@ type SegmentedButtonSegmentProps = Omit<ToggleButtonProps, 'children' | 'classNa
    * An icon before the label, in the page's 18dp size. Replaced by the check
    * while the segment is chosen, unless the set turns that off. An icon drawn
    * in `em` takes that size from the slot.
+   *
+   * Given with no label, the icon is the segment, centred in it and kept
+   * while chosen; name the segment with `aria-label` then.
    */
   icon?: ReactNode;
   /** A function may compute the style from the segment's render state. */