@kanso-labs/kanso-ui 0.40.4 → 0.40.6

package/dist/calendar/index.js

@@ -4,21 +4,27 @@ import { focus } from "../styles/focus.js";
 import { iconButton } from "../styles/icon-button.js";
 import { calendarStyles, dateLayers, menuLayers } from "./styles.js";
 import { c } from "react/compiler-runtime";
-import { useContext, useEffect, useId, useRef, useState } from "react";
+import { useContext, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button, ButtonContext, CalendarGridHeader, CalendarHeaderCell, CalendarMonthPicker, CalendarStateContext, CalendarYearPicker, Heading, ListBox, ListBoxItem, RangeCalendarStateContext } from "react-aria-components";
 import { endOfMonth, startOfMonth } from "@internationalized/date";
 //#region src/calendar/index.tsx
+const LISTED_YEARS = 201;
 /**
 * What a calendar draws above its months, and the months themselves. With
 * `showMonthYearMenus` the header is the date pickers page's docked one —
 * the month and the year as menu buttons — and while either is open its list
 * takes the months' place.
+*
+* The menus are for one visible month. They name and pick the first month
+* alone, so a second grid beside it would have no visible month or year of
+* its own; with more than one month the header is the plain one, whose
+* heading names the whole range, both years included where it spans two.
 */
 function CalendarFrame(t0) {
 	const $ = c(5);
-	const { children, showMonthYearMenus } = t0;
-	if (showMonthYearMenus) {
+	const { children, months, showMonthYearMenus } = t0;
+	if (showMonthYearMenus && months <= 1) {
 		let t1;
 		if ($[0] !== children) {
 			t1 = /* @__PURE__ */ jsx(CalendarMenus, { children });
@@ -117,9 +123,10 @@ function calendarHeaderCell(day) {
 *
 * The lists are React Aria's month and year pickers, rendered twice: the
 * header names the month short, as the page's button does, and the list in
-* full. The year list holds the years `minValue` and `maxValue` allow and no
-* others, which React Aria bounds itself; a month with no day inside them is
-* disabled here.
+* full. The year list runs a century either side of the year shown — React
+* Aria's own default is ten, which took several passes through the list to
+* reach a date of birth — and `minValue` and `maxValue` cut it short, which
+* React Aria does itself. A month with no day inside them is disabled here.
 */
 function CalendarMenus(t0) {
 	const $ = c(47);
@@ -298,11 +305,14 @@ function CalendarMenus(t0) {
 	} else t20 = $[37];
 	let t21;
 	if ($[38] !== close || $[39] !== listId || $[40] !== open) {
-		t21 = open === "year" ? /* @__PURE__ */ jsx(CalendarYearPicker, { children: (picker_3) => /* @__PURE__ */ jsx(MenuList, {
-			id: listId,
-			onClose: close,
-			picker: picker_3
-		}) }) : null;
+		t21 = open === "year" ? /* @__PURE__ */ jsx(CalendarYearPicker, {
+			visibleYears: LISTED_YEARS,
+			children: (picker_3) => /* @__PURE__ */ jsx(MenuList, {
+				id: listId,
+				onClose: close,
+				picker: picker_3
+			})
+		}) : null;
 		$[38] = close;
 		$[39] = listId;
 		$[40] = open;
@@ -324,6 +334,22 @@ function CalendarMenus(t0) {
 	} else t22 = $[46];
 	return t22;
 }
+/**
+* Scrolls an open list so its checked entry sits in the middle, as the page
+* draws it, with the entries either side of it in view. React Aria scrolls
+* the entry it focuses only as far as the nearest edge, which left the year
+* shown at the bottom with every later year out of sight; with it already
+* centred, that scroll has nothing to do.
+*
+* A ref on the checked entry's check rather than an effect on the list,
+* because React Aria builds its entries in a render of its own, after the
+* list's effects have run: the ref is called as the entry is attached,
+* before the first paint, so the list never draws a frame at its top and
+* then jumps. The list's own scroll alone moves, where `scrollIntoView` would
+* move the page around it too. A check rendered anywhere but an attached
+* list — React Aria renders its entries once out of the document to collect
+* them — finds no list and does nothing.
+*/
 function _temp3(entry_0) {
 	return entry_0.id;
 }
@@ -333,6 +359,12 @@ function _temp2(current_0) {
 function _temp(current) {
 	return current === "month" ? null : "month";
 }
+function centreInList(check) {
+	const entry = check?.closest("[role=\"option\"]");
+	const list = check?.closest("[role=\"listbox\"]");
+	if (!(entry instanceof HTMLElement) || !(list instanceof HTMLElement)) return;
+	list.scrollTop += entry.getBoundingClientRect().top - list.getBoundingClientRect().top - (list.clientHeight - entry.offsetHeight) / 2;
+}
 function chevronClassName(state, isHidden = false) {
 	return props(iconButton.chrome, calendarStyles.chevron, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled, isHidden && calendarStyles.chevronHidden).className ?? "";
 }
@@ -450,7 +482,10 @@ function menuEntry(entry) {
 	});
 }
 function menuEntryContent(label) {
-	return ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isSelected ? /* @__PURE__ */ jsx(CheckGlyph, { ...props(calendarStyles.menuCheck) }) : /* @__PURE__ */ jsx("span", { ...props(calendarStyles.menuCheck) }), label] });
+	return ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isSelected ? /* @__PURE__ */ jsx(CheckGlyph, {
+		ref: centreInList,
+		...props(calendarStyles.menuCheck)
+	}) : /* @__PURE__ */ jsx("span", { ...props(calendarStyles.menuCheck) }), label] });
 }
 function menuItemClassName(state) {
 	return props(calendarStyles.menuItem, state.isSelected && calendarStyles.menuItemSelected, state.isHovered && (state.isSelected ? menuLayers.selectedHovered : dateLayers.plainHovered), state.isPressed && (state.isSelected ? menuLayers.selectedPressed : dateLayers.plainPressed), state.isFocusVisible && calendarStyles.menuItemFocused, state.isDisabled && calendarStyles.menuItemDisabled).className ?? "";
@@ -466,9 +501,8 @@ function menuItemClassName(state) {
 * it close a picker's dialog around the calendar.
 */
 function MenuList(t0) {
-	const $ = c(15);
+	const $ = c(13);
 	const { disabledKeys, id, onClose, picker } = t0;
-	const list = useRef(null);
 	let t1;
 	if ($[0] !== picker.value) {
 		t1 = [picker.value];
@@ -487,60 +521,37 @@ function MenuList(t0) {
 		$[4] = t2;
 	} else t2 = $[4];
 	const choose = t2;
-	let t3;
-	let t4;
+	const t3 = picker["aria-label"];
+	const t4 = picker.items;
+	let t5;
 	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => {
-			const frame = requestAnimationFrame(() => {
-				const element = list.current;
-				const checked = element?.querySelector("[aria-selected=\"true\"]");
-				if (element == null || !(checked instanceof HTMLElement)) return;
-				element.scrollTop = element.scrollTop + (checked.getBoundingClientRect().top - element.getBoundingClientRect().top - (element.clientHeight - checked.offsetHeight) / 2);
-			});
-			return () => {
-				cancelAnimationFrame(frame);
-			};
-		};
-		t4 = [];
-		$[5] = t3;
-		$[6] = t4;
-	} else {
-		t3 = $[5];
-		t4 = $[6];
-	}
-	useEffect(t3, t4);
-	const t5 = picker["aria-label"];
-	const t6 = picker.items;
-	let t7;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = props(calendarStyles.menuList);
-		$[7] = t7;
-	} else t7 = $[7];
-	let t8;
-	if ($[8] !== choose || $[9] !== disabledKeys || $[10] !== id || $[11] !== picker.items || $[12] !== selected || $[13] !== t5) {
-		t8 = /* @__PURE__ */ jsx(ListBox, {
-			"aria-label": t5,
+		t5 = props(calendarStyles.menuList);
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== choose || $[7] !== disabledKeys || $[8] !== id || $[9] !== picker.items || $[10] !== selected || $[11] !== t3) {
+		t6 = /* @__PURE__ */ jsx(ListBox, {
+			"aria-label": t3,
 			autoFocus: true,
 			disabledKeys,
 			id,
-			items: t6,
+			items: t4,
 			onSelectionChange: choose,
-			ref: list,
 			selectedKeys: selected,
 			selectionMode: "single",
 			shouldSelectOnPressUp: true,
-			...t7,
+			...t5,
 			children: menuEntry
 		});
-		$[8] = choose;
-		$[9] = disabledKeys;
-		$[10] = id;
-		$[11] = picker.items;
-		$[12] = selected;
-		$[13] = t5;
-		$[14] = t8;
-	} else t8 = $[14];
-	return t8;
+		$[6] = choose;
+		$[7] = disabledKeys;
+		$[8] = id;
+		$[9] = picker.items;
+		$[10] = selected;
+		$[11] = t3;
+		$[12] = t6;
+	} else t6 = $[12];
+	return t6;
 }
 //#endregion
 export { CalendarFrame, CalendarGridHeader$1 as CalendarGridHeader };

package/dist/calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CalendarDate","ReactElement","ReactNode","Ref","Key","Selection","endOfMonth","startOfMonth","stylex","useCallback","useContext","useEffect","useId","useMemo","useRef","useState","ButtonContext","CalendarStateContext","Button","RACButton","CalendarGridHeader","RACCalendarGridHeader","CalendarHeaderCell","RACCalendarHeaderCell","CalendarMonthPicker","RACCalendarMonthPicker","CalendarYearPicker","RACCalendarYearPicker","Heading","RACHeading","ListBox","RACListBox","ListBoxItem","RACListBoxItem","RangeCalendarStateContext","ArrowDropDownGlyph","CheckGlyph","ChevronEndGlyph","focus","iconButton","calendarStyles","dateLayers","menuLayers","MenuEntry","date","formatted","id","MenuPicker","items","onChange","key","value","OpenMenu","CalendarFrame","t0","$","_c","children","showMonthYearMenus","t1","Symbol","for","t2","calendarHeaderCell","CalendarHeader","props","header","chevronClassName","chevronGlyph","chevronGlyphPrevious","heading","t3","day","headerCell","CalendarMenus","single","range","state","open","setOpen","listId","monthButton","yearButton","button","requestAnimationFrame","current","close","_temp","toggleMonth","_temp2","toggleYear","isDisabled","t4","picker","filter","entry","maxValue","compare","minValue","map","_temp3","outsideBounds","t5","t6","headerGroup","t7","t8","chevronClassNameWhile","t9","t10","t11","picker_0","t12","t13","t14","t15","t16","t17","picker_1","t18","t19","t20","picker_2","t21","picker_3","t22","entry_0","current_0","isHovered","isPressed","isHidden","chrome","chevron","ring","chromeHovered","chromePressed","chromeDisabled","chevronHidden","className","isListOpen","MenuButton","controls","isExpanded","onPress","ref","valueId","nameId","find","shown","undefined","menuArrow","menuArrowExpanded","menuButtonClassName","menuButton","menuEntry","menuItemClassName","menuEntryContent","label","isSelected","menuCheck","isFocusVisible","menuItem","menuItemSelected","selectedHovered","plainHovered","selectedPressed","plainPressed","menuItemFocused","menuItemDisabled","MenuList","disabledKeys","onClose","list","selected","keys","choose","frame","element","checked","querySelector","HTMLElement","scrollTop","getBoundingClientRect","top","clientHeight","offsetHeight","cancelAnimationFrame","menuList","_c","CalendarGridHeader","RACCalendarGridHeader","stylex.props","RACButton","RACHeading","RACCalendarHeaderCell","RACCalendarMonthPicker","RACCalendarYearPicker","RACListBoxItem","RACListBox"],"sources":["../../src/calendar/index.tsx"],"sourcesContent":["import type { CalendarDate } from '@internationalized/date';\nimport type { ReactElement, ReactNode, Ref } from 'react';\nimport type { Key, Selection } from 'react-aria-components';\nimport { endOfMonth, startOfMonth } from '@internationalized/date';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { ButtonContext, CalendarStateContext, Button as RACButton, CalendarGridHeader as RACCalendarGridHeader, CalendarHeaderCell as RACCalendarHeaderCell, CalendarMonthPicker as RACCalendarMonthPicker, CalendarYearPicker as RACCalendarYearPicker, Heading as RACHeading, ListBox as RACListBox, ListBoxItem as RACListBoxItem, RangeCalendarStateContext } from 'react-aria-components';\nimport { ArrowDropDownGlyph, CheckGlyph, ChevronEndGlyph } from '../glyphs';\nimport { focus } from '../styles/focus';\nimport { iconButton } from '../styles/icon-button';\nimport { calendarStyles, dateLayers, menuLayers } from './styles';\n\n// The parts Calendar and RangeCalendar both render: the row that moves the\n// month, the weekday header, and the offsets that put more than one month\n// side by side. Apart from either component so the two cannot drift, and\n// outside `src/components` for the reason ./styles.ts gives.\n\n/** One entry of React Aria's month or year picker, as either lists it. */\ntype MenuEntry = {\n  date: CalendarDate;\n  formatted: string;\n  id: number;\n};\n\n/** What React Aria's month and year pickers hand the element they render. */\ntype MenuPicker = {\n  'aria-label': string;\n  items: MenuEntry[];\n  onChange: (key: Key | null) => void;\n  value: Key;\n};\ntype OpenMenu = 'month' | 'year';\n\n/**\n * What a calendar draws above its months, and the months themselves. With\n * `showMonthYearMenus` the header is the date pickers page's docked one —\n * the month and the year as menu buttons — and while either is open its list\n * takes the months' place.\n */\nfunction CalendarFrame({\n  children,\n  showMonthYearMenus\n}: {\n  children: ReactNode;\n  showMonthYearMenus: boolean;\n}): ReactElement {\n  if (showMonthYearMenus) {\n    return <CalendarMenus>{children}</CalendarMenus>;\n  }\n  return <>\n      <CalendarHeader />\n      {children}\n    </>;\n}\nfunction CalendarGridHeader(): ReactElement {\n  return <RACCalendarGridHeader>{calendarHeaderCell}</RACCalendarGridHeader>;\n}\n\n/**\n * The two chevrons with the month between them. React Aria wires\n * `slot=\"previous\"` and `slot=\"next\"` on its own `Button`, and `IconButton`\n * renders React Aria's `Button` too — so nesting one inside a slot would put\n * two buttons where the date pickers page draws one. The chevrons take the\n * icon buttons page's 40dp square and its state layer instead.\n *\n * A plain element rather than a `<header>`: a header is a banner landmark,\n * landmarks may not nest, and React Aria puts a calendar in\n * `role=\"application\"` — axe fails the page on it.\n */\nfunction CalendarHeader(): ReactElement {\n  return <div {...stylex.props(calendarStyles.header)}>\n      <RACButton className={chevronClassName} slot=\"previous\">\n        <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph, calendarStyles.chevronGlyphPrevious)} />\n      </RACButton>\n      <RACHeading {...stylex.props(calendarStyles.heading)} />\n      <RACButton className={chevronClassName} slot=\"next\">\n        <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph)} />\n      </RACButton>\n    </div>;\n}\n\n/** The weekday row, in the type the page gives both it and the dates. */\nfunction calendarHeaderCell(day: string): ReactElement {\n  return <RACCalendarHeaderCell {...stylex.props(calendarStyles.headerCell)}>\n      {day}\n    </RACCalendarHeaderCell>;\n}\n\n/**\n * The docked header: the month's menu button between the chevrons that step\n * it, and the year's menu button at the end. A press opens the button's list\n * in the months' place, where the page draws it, rather than in a popover over\n * them; a calendar inside a picker is already in one. While a list is open\n * the chevrons are hidden and the other menu is disabled, as the page draws\n * them, and choosing an entry — or pressing the one already checked, or\n * Escape — closes the list and puts focus back on its button.\n *\n * The lists are React Aria's month and year pickers, rendered twice: the\n * header names the month short, as the page's button does, and the list in\n * full. The year list holds the years `minValue` and `maxValue` allow and no\n * others, which React Aria bounds itself; a month with no day inside them is\n * disabled here.\n */\nfunction CalendarMenus({\n  children\n}: {\n  children: ReactNode;\n}): ReactElement {\n  const single = useContext(CalendarStateContext);\n  const range = useContext(RangeCalendarStateContext);\n  const state = single ?? range;\n  const [open, setOpen] = useState<null | OpenMenu>(null);\n  const listId = useId();\n  const monthButton = useRef<HTMLButtonElement>(null);\n  const yearButton = useRef<HTMLButtonElement>(null);\n\n  // A frame after the choice, and focus back on the button before the list\n  // goes, rather than lost with it. The key that chose still has a keypress\n  // to deliver: React Aria leaves Enter's default alone on a Mac, and with\n  // focus already moved the keypress pressed the menu button and opened the\n  // list again. A frame later it has landed on the list instead, as the\n  // click after a pointer's choice has.\n  const close = useCallback(() => {\n    const button = open === 'month' ? monthButton : yearButton;\n    requestAnimationFrame(() => {\n      button.current?.focus();\n      setOpen(null);\n    });\n  }, [open]);\n  const toggleMonth = useCallback(() => {\n    setOpen(current => current === 'month' ? null : 'month');\n  }, []);\n  const toggleYear = useCallback(() => {\n    setOpen(current => current === 'year' ? null : 'year');\n  }, []);\n  const isDisabled = state?.isDisabled ?? false;\n  const outsideBounds = (picker: MenuPicker) => picker.items.filter(entry => state?.maxValue != null && startOfMonth(entry.date).compare(state.maxValue) > 0 || state?.minValue != null && endOfMonth(entry.date).compare(state.minValue) < 0).map(entry => entry.id);\n  return <>\n      <div {...stylex.props(calendarStyles.header)}>\n        <div {...stylex.props(calendarStyles.headerGroup)}>\n          <RACButton className={chevronClassNameWhile(open !== null)} slot=\"previous\">\n            <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph, calendarStyles.chevronGlyphPrevious)} />\n          </RACButton>\n          <RACCalendarMonthPicker>\n            {picker => <MenuButton controls={listId} isDisabled={isDisabled || open === 'year'} isExpanded={open === 'month'} onPress={toggleMonth} picker={picker} ref={monthButton} />}\n          </RACCalendarMonthPicker>\n          <RACButton className={chevronClassNameWhile(open !== null)} slot=\"next\">\n            <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph)} />\n          </RACButton>\n        </div>\n        <RACCalendarYearPicker>\n          {picker => <MenuButton controls={listId} isDisabled={isDisabled || open === 'month'} isExpanded={open === 'year'} onPress={toggleYear} picker={picker} ref={yearButton} />}\n        </RACCalendarYearPicker>\n      </div>\n      {open === null ? children : null}\n      {open === 'month' ? <RACCalendarMonthPicker format=\"long\">\n          {picker => <MenuList disabledKeys={outsideBounds(picker)} id={listId} onClose={close} picker={picker} />}\n        </RACCalendarMonthPicker> : null}\n      {open === 'year' ? <RACCalendarYearPicker>\n          {picker => <MenuList id={listId} onClose={close} picker={picker} />}\n        </RACCalendarYearPicker> : null}\n    </>;\n}\n\n// A chevron's classes, from React Aria's own render state. React Aria\n// disables one when the month it would move to is outside `minValue` and\n// `maxValue`, or the whole calendar is disabled, and a press on it then does\n// nothing — so it takes the shared fade, which drops the state layer too.\nfunction chevronClassName(state: {\n  isDisabled: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n}, isHidden = false) {\n  return stylex.props(iconButton.chrome, calendarStyles.chevron, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled, isHidden && calendarStyles.chevronHidden).className ?? '';\n}\n\n// The same, hidden while a month or year list is open.\nfunction chevronClassNameWhile(isListOpen: boolean) {\n  return (state: {\n    isDisabled: boolean;\n    isHovered: boolean;\n    isPressed: boolean;\n  }) => chevronClassName(state, isListOpen);\n}\n\n/**\n * The month or the year as the page's menu button, opening its list. Named\n * by what it shows and then by what it is — \"Sep month\" — which keeps the\n * visible text the start of the name, so a reader who says what they see\n * reaches it.\n *\n * Outside React Aria's button context, which a calendar fills with its\n * `previous` and `next` slots alone: a button with no slot inside it is an\n * error, and these are not either chevron.\n */\nfunction MenuButton({\n  controls,\n  isDisabled,\n  isExpanded,\n  onPress,\n  picker,\n  ref\n}: {\n  controls: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  onPress: () => void;\n  picker: MenuPicker;\n  ref: Ref<HTMLButtonElement>;\n}): ReactElement {\n  const valueId = useId();\n  const nameId = useId();\n  const shown = picker.items.find(entry => entry.id === picker.value);\n  return <ButtonContext value={null}>\n      <RACButton aria-controls={isExpanded ? controls : undefined} aria-expanded={isExpanded} aria-haspopup=\"listbox\" aria-labelledby={`${valueId} ${nameId}`} className={menuButtonClassName} isDisabled={isDisabled} onPress={onPress} ref={ref}>\n        <span id={valueId}>{shown?.formatted}</span>\n        <span hidden id={nameId}>\n          {picker['aria-label']}\n        </span>\n        <ArrowDropDownGlyph {...stylex.props(calendarStyles.menuArrow, isExpanded && calendarStyles.menuArrowExpanded)} />\n      </RACButton>\n    </ButtonContext>;\n}\n\n// A menu button's classes, from React Aria's render state, with the icon\n// buttons' state layers and fade — see `menuButton`.\nfunction menuButtonClassName(state: {\n  isDisabled: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n}) {\n  return stylex.props(calendarStyles.menuButton, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled).className ?? '';\n}\n\n// One row of an open list: the check where the row is the one shown, the\n// room it takes where it is not, then the month or the year. Built by a call\n// rather than written inline at the prop, which is what react-perf's\n// no-new-function-as-prop is after.\nfunction menuEntry(entry: MenuEntry): ReactElement {\n  return <RACListBoxItem className={menuItemClassName} id={entry.id} textValue={entry.formatted}>\n      {menuEntryContent(entry.formatted)}\n    </RACListBoxItem>;\n}\nfunction menuEntryContent(label: string) {\n  return ({\n    isSelected\n  }: {\n    isSelected: boolean;\n  }) => <>\n      {isSelected ? <CheckGlyph {...stylex.props(calendarStyles.menuCheck)} /> : <span {...stylex.props(calendarStyles.menuCheck)} />}\n      {label}\n    </>;\n}\n\n// A row's classes, from React Aria's render state. The layers come after the\n// checked row's surface variant, written for whichever ground the row has,\n// and the fade last, which StyleX lets drop them by replacing a property\n// whole.\nfunction menuItemClassName(state: {\n  isDisabled: boolean;\n  isFocusVisible: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isSelected: boolean;\n}) {\n  return stylex.props(calendarStyles.menuItem, state.isSelected && calendarStyles.menuItemSelected, state.isHovered && (state.isSelected ? menuLayers.selectedHovered : dateLayers.plainHovered), state.isPressed && (state.isSelected ? menuLayers.selectedPressed : dateLayers.plainPressed), state.isFocusVisible && calendarStyles.menuItemFocused, state.isDisabled && calendarStyles.menuItemDisabled).className ?? '';\n}\n\n/**\n * An open month or year list, in the months' place. React Aria's list box,\n * with the entry the calendar shows selected and focused when it opens.\n *\n * Choosing closes it, and so does pressing the checked entry or Escape. A\n * single selection that may empty is what tells those apart: choosing\n * replaces the selection, while the checked entry toggles it off and Escape\n * clears it — and the clearing is what stops Escape there rather than letting\n * it close a picker's dialog around the calendar.\n */\nfunction MenuList({\n  disabledKeys,\n  id,\n  onClose,\n  picker\n}: {\n  disabledKeys?: Key[];\n  id: string;\n  onClose: () => void;\n  picker: MenuPicker;\n}): ReactElement {\n  const list = useRef<HTMLDivElement>(null);\n  const selected = useMemo(() => [picker.value], [picker.value]);\n  const choose = useCallback((keys: Selection) => {\n    // The one entry a single selection holds after a choice, and none\n    // after the checked entry is pressed again or Escape clears it.\n    if (keys !== 'all') {\n      for (const key of keys) {\n        picker.onChange(key);\n      }\n    }\n    onClose();\n  }, [onClose, picker]);\n\n  // The checked entry opens in the middle of the list, as the page draws it,\n  // with the entries either side of it in view. React Aria scrolls the entry\n  // it focuses only as far as the nearest edge, which left the year shown at\n  // the bottom with every later year out of sight. A frame after opening,\n  // since React Aria renders its entries a render after the list mounts and\n  // scrolls once it has; and the list's own scroll alone moves, where\n  // `scrollIntoView` would move the page around it too.\n  useEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      const element = list.current;\n      const checked = element?.querySelector('[aria-selected=\"true\"]');\n      if (element == null || !(checked instanceof HTMLElement)) {\n        return;\n      }\n      element.scrollTop += checked.getBoundingClientRect().top - element.getBoundingClientRect().top - (element.clientHeight - checked.offsetHeight) / 2;\n    });\n    return () => {\n      cancelAnimationFrame(frame);\n    };\n  }, []);\n  return <RACListBox aria-label={picker['aria-label']}\n  // oxlint-disable-next-line jsx-a11y/no-autofocus -- a list opened from its button takes focus, as a select's does\n  autoFocus disabledKeys={disabledKeys} id={id} items={picker.items} onSelectionChange={choose} ref={list} selectedKeys={selected} selectionMode=\"single\"\n  // On the release rather than the press, so the pointer is done with the\n  // list before it closes: chosen on the press, the release landed on\n  // whatever the closing list uncovered beneath it.\n  shouldSelectOnPressUp {...stylex.props(calendarStyles.menuList)}>\n      {menuEntry}\n    </RACListBox>;\n}\nexport { CalendarFrame, CalendarGridHeader };"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["CalendarDate","ReactElement","ReactNode","Ref","Key","Selection","endOfMonth","startOfMonth","stylex","useCallback","useContext","useId","useMemo","useRef","useState","ButtonContext","CalendarStateContext","Button","RACButton","CalendarGridHeader","RACCalendarGridHeader","CalendarHeaderCell","RACCalendarHeaderCell","CalendarMonthPicker","RACCalendarMonthPicker","CalendarYearPicker","RACCalendarYearPicker","Heading","RACHeading","ListBox","RACListBox","ListBoxItem","RACListBoxItem","RangeCalendarStateContext","ArrowDropDownGlyph","CheckGlyph","ChevronEndGlyph","focus","iconButton","calendarStyles","dateLayers","menuLayers","MenuEntry","date","formatted","id","MenuPicker","items","onChange","key","value","OpenMenu","LISTED_YEARS","CalendarFrame","t0","$","_c","children","months","showMonthYearMenus","t1","Symbol","for","t2","calendarHeaderCell","CalendarHeader","props","header","chevronClassName","chevronGlyph","chevronGlyphPrevious","heading","t3","day","headerCell","CalendarMenus","single","range","state","open","setOpen","listId","monthButton","yearButton","button","requestAnimationFrame","current","close","_temp","toggleMonth","_temp2","toggleYear","isDisabled","t4","picker","filter","entry","maxValue","compare","minValue","map","_temp3","outsideBounds","t5","t6","headerGroup","t7","t8","chevronClassNameWhile","t9","t10","t11","picker_0","t12","t13","t14","t15","t16","t17","picker_1","t18","t19","t20","picker_2","t21","picker_3","t22","entry_0","current_0","centreInList","check","SVGSVGElement","closest","list","HTMLElement","scrollTop","getBoundingClientRect","top","clientHeight","offsetHeight","isHovered","isPressed","isHidden","chrome","chevron","ring","chromeHovered","chromePressed","chromeDisabled","chevronHidden","className","isListOpen","MenuButton","controls","isExpanded","onPress","ref","valueId","nameId","find","shown","undefined","menuArrow","menuArrowExpanded","menuButtonClassName","menuButton","menuEntry","menuItemClassName","menuEntryContent","label","isSelected","menuCheck","isFocusVisible","menuItem","menuItemSelected","selectedHovered","plainHovered","selectedPressed","plainPressed","menuItemFocused","menuItemDisabled","MenuList","disabledKeys","onClose","selected","keys","choose","menuList","_c","CalendarGridHeader","RACCalendarGridHeader","stylex.props","RACButton","RACHeading","RACCalendarHeaderCell","RACCalendarMonthPicker","RACCalendarYearPicker","RACListBoxItem","RACListBox"],"sources":["../../src/calendar/index.tsx"],"sourcesContent":["import type { CalendarDate } from '@internationalized/date';\nimport type { ReactElement, ReactNode, Ref } from 'react';\nimport type { Key, Selection } from 'react-aria-components';\nimport { endOfMonth, startOfMonth } from '@internationalized/date';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useContext, useId, useMemo, useRef, useState } from 'react';\nimport { ButtonContext, CalendarStateContext, Button as RACButton, CalendarGridHeader as RACCalendarGridHeader, CalendarHeaderCell as RACCalendarHeaderCell, CalendarMonthPicker as RACCalendarMonthPicker, CalendarYearPicker as RACCalendarYearPicker, Heading as RACHeading, ListBox as RACListBox, ListBoxItem as RACListBoxItem, RangeCalendarStateContext } from 'react-aria-components';\nimport { ArrowDropDownGlyph, CheckGlyph, ChevronEndGlyph } from '../glyphs';\nimport { focus } from '../styles/focus';\nimport { iconButton } from '../styles/icon-button';\nimport { calendarStyles, dateLayers, menuLayers } from './styles';\n\n// The parts Calendar and RangeCalendar both render: the row that moves the\n// month, the weekday header, and the offsets that put more than one month\n// side by side. Apart from either component so the two cannot drift, and\n// outside `src/components` for the reason ./styles.ts gives.\n\n/** One entry of React Aria's month or year picker, as either lists it. */\ntype MenuEntry = {\n  date: CalendarDate;\n  formatted: string;\n  id: number;\n};\n\n/** What React Aria's month and year pickers hand the element they render. */\ntype MenuPicker = {\n  'aria-label': string;\n  items: MenuEntry[];\n  onChange: (key: Key | null) => void;\n  value: Key;\n};\ntype OpenMenu = 'month' | 'year';\n\n// How many years the open year list holds: a century either side of the year\n// shown, and that year. Material Design's own list scrolls a whole range of\n// years rather than a window that moves with each choice, and Compose's\n// default range is two centuries. Bounds cut it short where they fall inside.\nconst LISTED_YEARS = 201;\n\n/**\n * What a calendar draws above its months, and the months themselves. With\n * `showMonthYearMenus` the header is the date pickers page's docked one —\n * the month and the year as menu buttons — and while either is open its list\n * takes the months' place.\n *\n * The menus are for one visible month. They name and pick the first month\n * alone, so a second grid beside it would have no visible month or year of\n * its own; with more than one month the header is the plain one, whose\n * heading names the whole range, both years included where it spans two.\n */\nfunction CalendarFrame({\n  children,\n  months,\n  showMonthYearMenus\n}: {\n  children: ReactNode;\n  /** How many months the calendar shows side by side. */\n  months: number;\n  showMonthYearMenus: boolean;\n}): ReactElement {\n  if (showMonthYearMenus && months <= 1) {\n    return <CalendarMenus>{children}</CalendarMenus>;\n  }\n  return <>\n      <CalendarHeader />\n      {children}\n    </>;\n}\nfunction CalendarGridHeader(): ReactElement {\n  return <RACCalendarGridHeader>{calendarHeaderCell}</RACCalendarGridHeader>;\n}\n\n/**\n * The two chevrons with the month between them. React Aria wires\n * `slot=\"previous\"` and `slot=\"next\"` on its own `Button`, and `IconButton`\n * renders React Aria's `Button` too — so nesting one inside a slot would put\n * two buttons where the date pickers page draws one. The chevrons take the\n * icon buttons page's 40dp square and its state layer instead.\n *\n * A plain element rather than a `<header>`: a header is a banner landmark,\n * landmarks may not nest, and React Aria puts a calendar in\n * `role=\"application\"` — axe fails the page on it.\n */\nfunction CalendarHeader(): ReactElement {\n  return <div {...stylex.props(calendarStyles.header)}>\n      <RACButton className={chevronClassName} slot=\"previous\">\n        <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph, calendarStyles.chevronGlyphPrevious)} />\n      </RACButton>\n      <RACHeading {...stylex.props(calendarStyles.heading)} />\n      <RACButton className={chevronClassName} slot=\"next\">\n        <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph)} />\n      </RACButton>\n    </div>;\n}\n\n/** The weekday row, in the type the page gives both it and the dates. */\nfunction calendarHeaderCell(day: string): ReactElement {\n  return <RACCalendarHeaderCell {...stylex.props(calendarStyles.headerCell)}>\n      {day}\n    </RACCalendarHeaderCell>;\n}\n\n/**\n * The docked header: the month's menu button between the chevrons that step\n * it, and the year's menu button at the end. A press opens the button's list\n * in the months' place, where the page draws it, rather than in a popover over\n * them; a calendar inside a picker is already in one. While a list is open\n * the chevrons are hidden and the other menu is disabled, as the page draws\n * them, and choosing an entry — or pressing the one already checked, or\n * Escape — closes the list and puts focus back on its button.\n *\n * The lists are React Aria's month and year pickers, rendered twice: the\n * header names the month short, as the page's button does, and the list in\n * full. The year list runs a century either side of the year shown — React\n * Aria's own default is ten, which took several passes through the list to\n * reach a date of birth — and `minValue` and `maxValue` cut it short, which\n * React Aria does itself. A month with no day inside them is disabled here.\n */\nfunction CalendarMenus({\n  children\n}: {\n  children: ReactNode;\n}): ReactElement {\n  const single = useContext(CalendarStateContext);\n  const range = useContext(RangeCalendarStateContext);\n  const state = single ?? range;\n  const [open, setOpen] = useState<null | OpenMenu>(null);\n  const listId = useId();\n  const monthButton = useRef<HTMLButtonElement>(null);\n  const yearButton = useRef<HTMLButtonElement>(null);\n\n  // A frame after the choice, and focus back on the button before the list\n  // goes, rather than lost with it. The key that chose still has a keypress\n  // to deliver: React Aria leaves Enter's default alone on a Mac, and with\n  // focus already moved the keypress pressed the menu button and opened the\n  // list again. A frame later it has landed on the list instead, as the\n  // click after a pointer's choice has.\n  const close = useCallback(() => {\n    const button = open === 'month' ? monthButton : yearButton;\n    requestAnimationFrame(() => {\n      button.current?.focus();\n      setOpen(null);\n    });\n  }, [open]);\n  const toggleMonth = useCallback(() => {\n    setOpen(current => current === 'month' ? null : 'month');\n  }, []);\n  const toggleYear = useCallback(() => {\n    setOpen(current => current === 'year' ? null : 'year');\n  }, []);\n  const isDisabled = state?.isDisabled ?? false;\n  const outsideBounds = (picker: MenuPicker) => picker.items.filter(entry => state?.maxValue != null && startOfMonth(entry.date).compare(state.maxValue) > 0 || state?.minValue != null && endOfMonth(entry.date).compare(state.minValue) < 0).map(entry => entry.id);\n  return <>\n      <div {...stylex.props(calendarStyles.header)}>\n        <div {...stylex.props(calendarStyles.headerGroup)}>\n          <RACButton className={chevronClassNameWhile(open !== null)} slot=\"previous\">\n            <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph, calendarStyles.chevronGlyphPrevious)} />\n          </RACButton>\n          <RACCalendarMonthPicker>\n            {picker => <MenuButton controls={listId} isDisabled={isDisabled || open === 'year'} isExpanded={open === 'month'} onPress={toggleMonth} picker={picker} ref={monthButton} />}\n          </RACCalendarMonthPicker>\n          <RACButton className={chevronClassNameWhile(open !== null)} slot=\"next\">\n            <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph)} />\n          </RACButton>\n        </div>\n        <RACCalendarYearPicker>\n          {picker => <MenuButton controls={listId} isDisabled={isDisabled || open === 'month'} isExpanded={open === 'year'} onPress={toggleYear} picker={picker} ref={yearButton} />}\n        </RACCalendarYearPicker>\n      </div>\n      {open === null ? children : null}\n      {open === 'month' ? <RACCalendarMonthPicker format=\"long\">\n          {picker => <MenuList disabledKeys={outsideBounds(picker)} id={listId} onClose={close} picker={picker} />}\n        </RACCalendarMonthPicker> : null}\n      {open === 'year' ? <RACCalendarYearPicker visibleYears={LISTED_YEARS}>\n          {picker => <MenuList id={listId} onClose={close} picker={picker} />}\n        </RACCalendarYearPicker> : null}\n    </>;\n}\n\n/**\n * Scrolls an open list so its checked entry sits in the middle, as the page\n * draws it, with the entries either side of it in view. React Aria scrolls\n * the entry it focuses only as far as the nearest edge, which left the year\n * shown at the bottom with every later year out of sight; with it already\n * centred, that scroll has nothing to do.\n *\n * A ref on the checked entry's check rather than an effect on the list,\n * because React Aria builds its entries in a render of its own, after the\n * list's effects have run: the ref is called as the entry is attached,\n * before the first paint, so the list never draws a frame at its top and\n * then jumps. The list's own scroll alone moves, where `scrollIntoView` would\n * move the page around it too. A check rendered anywhere but an attached\n * list — React Aria renders its entries once out of the document to collect\n * them — finds no list and does nothing.\n */\nfunction centreInList(check: null | SVGSVGElement) {\n  const entry = check?.closest('[role=\"option\"]');\n  const list = check?.closest('[role=\"listbox\"]');\n  if (!(entry instanceof HTMLElement) || !(list instanceof HTMLElement)) {\n    return;\n  }\n  list.scrollTop += entry.getBoundingClientRect().top - list.getBoundingClientRect().top - (list.clientHeight - entry.offsetHeight) / 2;\n}\n\n// A chevron's classes, from React Aria's own render state. React Aria\n// disables one when the month it would move to is outside `minValue` and\n// `maxValue`, or the whole calendar is disabled, and a press on it then does\n// nothing — so it takes the shared fade, which drops the state layer too.\nfunction chevronClassName(state: {\n  isDisabled: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n}, isHidden = false) {\n  return stylex.props(iconButton.chrome, calendarStyles.chevron, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled, isHidden && calendarStyles.chevronHidden).className ?? '';\n}\n\n// The same, hidden while a month or year list is open.\nfunction chevronClassNameWhile(isListOpen: boolean) {\n  return (state: {\n    isDisabled: boolean;\n    isHovered: boolean;\n    isPressed: boolean;\n  }) => chevronClassName(state, isListOpen);\n}\n\n/**\n * The month or the year as the page's menu button, opening its list. Named\n * by what it shows and then by what it is — \"Sep month\" — which keeps the\n * visible text the start of the name, so a reader who says what they see\n * reaches it.\n *\n * Outside React Aria's button context, which a calendar fills with its\n * `previous` and `next` slots alone: a button with no slot inside it is an\n * error, and these are not either chevron.\n */\nfunction MenuButton({\n  controls,\n  isDisabled,\n  isExpanded,\n  onPress,\n  picker,\n  ref\n}: {\n  controls: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  onPress: () => void;\n  picker: MenuPicker;\n  ref: Ref<HTMLButtonElement>;\n}): ReactElement {\n  const valueId = useId();\n  const nameId = useId();\n  const shown = picker.items.find(entry => entry.id === picker.value);\n  return <ButtonContext value={null}>\n      <RACButton aria-controls={isExpanded ? controls : undefined} aria-expanded={isExpanded} aria-haspopup=\"listbox\" aria-labelledby={`${valueId} ${nameId}`} className={menuButtonClassName} isDisabled={isDisabled} onPress={onPress} ref={ref}>\n        <span id={valueId}>{shown?.formatted}</span>\n        <span hidden id={nameId}>\n          {picker['aria-label']}\n        </span>\n        <ArrowDropDownGlyph {...stylex.props(calendarStyles.menuArrow, isExpanded && calendarStyles.menuArrowExpanded)} />\n      </RACButton>\n    </ButtonContext>;\n}\n\n// A menu button's classes, from React Aria's render state, with the icon\n// buttons' state layers and fade — see `menuButton`.\nfunction menuButtonClassName(state: {\n  isDisabled: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n}) {\n  return stylex.props(calendarStyles.menuButton, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled).className ?? '';\n}\n\n// One row of an open list: the check where the row is the one shown, the\n// room it takes where it is not, then the month or the year. Built by a call\n// rather than written inline at the prop, which is what react-perf's\n// no-new-function-as-prop is after.\nfunction menuEntry(entry: MenuEntry): ReactElement {\n  return <RACListBoxItem className={menuItemClassName} id={entry.id} textValue={entry.formatted}>\n      {menuEntryContent(entry.formatted)}\n    </RACListBoxItem>;\n}\nfunction menuEntryContent(label: string) {\n  return ({\n    isSelected\n  }: {\n    isSelected: boolean;\n  }) => <>\n      {isSelected ? <CheckGlyph ref={centreInList} {...stylex.props(calendarStyles.menuCheck)} /> : <span {...stylex.props(calendarStyles.menuCheck)} />}\n      {label}\n    </>;\n}\n\n// A row's classes, from React Aria's render state. The layers come after the\n// checked row's surface variant, written for whichever ground the row has,\n// and the fade last, which StyleX lets drop them by replacing a property\n// whole.\nfunction menuItemClassName(state: {\n  isDisabled: boolean;\n  isFocusVisible: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isSelected: boolean;\n}) {\n  return stylex.props(calendarStyles.menuItem, state.isSelected && calendarStyles.menuItemSelected, state.isHovered && (state.isSelected ? menuLayers.selectedHovered : dateLayers.plainHovered), state.isPressed && (state.isSelected ? menuLayers.selectedPressed : dateLayers.plainPressed), state.isFocusVisible && calendarStyles.menuItemFocused, state.isDisabled && calendarStyles.menuItemDisabled).className ?? '';\n}\n\n/**\n * An open month or year list, in the months' place. React Aria's list box,\n * with the entry the calendar shows selected and focused when it opens.\n *\n * Choosing closes it, and so does pressing the checked entry or Escape. A\n * single selection that may empty is what tells those apart: choosing\n * replaces the selection, while the checked entry toggles it off and Escape\n * clears it — and the clearing is what stops Escape there rather than letting\n * it close a picker's dialog around the calendar.\n */\nfunction MenuList({\n  disabledKeys,\n  id,\n  onClose,\n  picker\n}: {\n  disabledKeys?: Key[];\n  id: string;\n  onClose: () => void;\n  picker: MenuPicker;\n}): ReactElement {\n  const selected = useMemo(() => [picker.value], [picker.value]);\n  const choose = useCallback((keys: Selection) => {\n    // The one entry a single selection holds after a choice, and none\n    // after the checked entry is pressed again or Escape clears it.\n    if (keys !== 'all') {\n      for (const key of keys) {\n        picker.onChange(key);\n      }\n    }\n    onClose();\n  }, [onClose, picker]);\n  return <RACListBox aria-label={picker['aria-label']}\n  // oxlint-disable-next-line jsx-a11y/no-autofocus -- a list opened from its button takes focus, as a select's does\n  autoFocus disabledKeys={disabledKeys} id={id} items={picker.items} onSelectionChange={choose} selectedKeys={selected} selectionMode=\"single\"\n  // On the release rather than the press, so the pointer is done with the\n  // list before it closes: chosen on the press, the release landed on\n  // whatever the closing list uncovered beneath it.\n  shouldSelectOnPressUp {...stylex.props(calendarStyles.menuList)}>\n      {menuEntry}\n    </RACListBox>;\n}\nexport { CalendarFrame, CalendarGridHeader };"],"mappings":";;;;;;;;;;;AAqCA,MAAMoD,eAAe;;;;;;;;;;;;AAarB,SAAAC,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAuB,MAAA,EAAAC,UAAAC,QAAAC,uBAAAL;CAUrB,IAAIK,sBAAsBD,UAAU,GAAC;EAAA,IAAAE;EAAA,IAAAL,EAAA,OAAAE,UAAA;GAC5BG,KAAA,oBAAC,eAAD,EAAgBH,SAAF,CAAA;GAA2BF,EAAA,KAAAE;GAAAF,EAAA,KAAAK;EAAA,OAAAA,KAAAL,EAAA;EAAA,OAAzCK;CAAyC;CACjD,IAAAA;CAAA,IAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAEGF,KAAA,oBAAC,gBAAD,CAAe,CAAA;EAAGL,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAE,UAAA;EADfM,KAAA,qBAAA,YAAA,EAAA,UAAA,CACHH,IACCH,QAAQ,EAAA,CAAA;EACRF,EAAA,KAAAE;EAAAF,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OAHEQ;AAGF;AAEP,SAAA5C,uBAAA;CAAA,MAAAoC,IAAAC,EAAA,CAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EACSR,KAAA,oBAACwI,oBAAD,EAAA,UAAwB9H,mBAAF,CAAA;EAA6CT,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CAAA,OAAnED;AAAmE;;;;;;;;;;;;AAc5E,SAAAW,iBAAA;CAAA,MAAAV,IAAAC,EAAA,CAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EACkBR,KAAA9C,MAAa+B,eAAc4B,MAAO;EAACZ,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAC/CF,KAAA,oBAACoI,QAAD;GAAsB5H,WAAAA;GAAuB,MAAA;GAC3C,UAAA,oBAAC,iBAAD,EAAgB,GAAK5D,MAAa+B,eAAc8B,cAAe9B,eAAc+B,oBAAqB,EAAC,CAAA;EAD3F,CAAA;EAEEf,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EACZC,KAAA,oBAACkI,SAAD,EAAW,GAAKzL,MAAa+B,eAAcgC,OAAQ,EAAC,CAAA;EAAIhB,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAJrDU,KAAA,qBAAA,OAAA;GAQC,GARQlB;GAAT,UAAA;IACHM;IAGAG;IACA,oBAACiI,QAAD;KAAsB5H,WAAAA;KAAuB,MAAA;KAC3C,UAAA,oBAAC,iBAAD,EAAgB,GAAK5D,MAAa+B,eAAc8B,YAAa,EAAC,CAAA;IADtD,CAAA;GAGN;;EAAAd,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OARDiB;AAQC;;AAIV,SAASR,mBAAmBS,KAA2B;CACrD,OAAO,oBAACyH,oBAAD;EAAuB,GAAI1L,MAAa+B,eAAemC,UAAU;EACnED,UAAAA;CACoB,CAAA;AAC3B;;;;;;;;;;;;;;;;;AAkBA,SAAAE,cAAArB,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAuB,MAAA,EAAAC,aAAAH;CAKrB,MAAAsB,SAAelE,WAAWM,oBAAoB;CAC9C,MAAA6D,QAAcnE,WAAWuB,yBAAyB;CAClD,MAAA6C,QAAcF,UAAAC;CACd,MAAA,CAAAE,MAAAC,WAAwBlE,SAA0B,IAAI;CACtD,MAAAmE,SAAetE,MAAM;CACrB,MAAAuE,cAAoBrE,OAA0B,IAAI;CAClD,MAAAsE,aAAmBtE,OAA0B,IAAI;CAAE,IAAA+C;CAAA,IAAAL,EAAA,OAAAwB,MAAA;EAQzBnB,WAAA;GACxB,MAAAwB,SAAeL,SAAS,UAATG,cAAAC;GACfE,4BAAsB;IACpBD,OAAME,SAAejD,MAAC;IACtB2C,QAAQ,IAAI;GAAC,CACd;EAAC;EACHzB,EAAA,KAAAwB;EAAAxB,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAND,MAAAgC,QAAc3B;CAMH,IAAAG;CAAA,IAAAR,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EACqBC,WAAA;GAC9BiB,QAAQQ,KAA+C;EAAC;EACzDjC,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAFD,MAAAkC,cAAoB1B;CAEb,IAAAS;CAAA,IAAAjB,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EACwBU,WAAA;GAC7BQ,QAAQU,MAA6C;EAAC;EACvDnC,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAFD,MAAAoC,aAAmBnB;CAGnB,MAAAoB,aAAmBd,OAAKc,cAAL;CAA2B,IAAAC;CAAA,IAAAtC,EAAA,OAAAuB,OAAA;EACxBe,MAAAC,WAAwBA,OAAM/C,MAAMgD,QAAQC,UAASlB,OAAKmB,YAAc,QAAQ1F,aAAayF,MAAKrD,IAAK,CAAC,CAAAuD,QAASpB,MAAKmB,QAAS,IAAI,KAAKnB,OAAKqB,YAAc,QAAQ7F,WAAW0F,MAAKrD,IAAK,CAAC,CAAAuD,QAASpB,MAAKqB,QAAS,IAAI,CAAC,CAAC,CAAAC,IAAKC,MAAiB;EAAC9C,EAAA,KAAAuB;EAAAvB,EAAA,KAAAsC;CAAA,OAAAA,KAAAtC,EAAA;CAAnQ,MAAA+C,gBAAsBT;CAA8O,IAAAU;CAAA,IAAAC;CAAA,IAAAjD,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAEvPyC,KAAA/F,MAAa+B,eAAc4B,MAAO;EAChCqC,KAAAhG,MAAa+B,eAAckE,WAAY;EAAClD,EAAA,KAAAgD;EAAAhD,EAAA,KAAAiD;CAAA,OAAA;EAAAD,KAAAhD,EAAA;EAAAiD,KAAAjD,EAAA;CAAA;CACH,MAAAmD,KAAA3B,SAAS;CAAI,IAAA4B;CAAA,IAAApD,EAAA,OAAAmD,IAAA;EAAnCC,KAAAC,sBAAsBF,EAAa;EAACnD,EAAA,KAAAmD;EAAAnD,EAAA,KAAAoD;CAAA,OAAAA,KAAApD,EAAA;CAAA,IAAAsD;CAAA,IAAAtD,EAAA,QAAAM,OAAAC,IAAA,2BAAA,GAAA;EACxD+C,KAAA,oBAAC,iBAAD,EAAgB,GAAKrG,MAAa+B,eAAc8B,cAAe9B,eAAc+B,oBAAqB,EAAC,CAAA;EAAIf,EAAA,MAAAsD;CAAA,OAAAA,KAAAtD,EAAA;CAAA,IAAAuD;CAAA,IAAAvD,EAAA,QAAAoD,IAAA;EADzGG,MAAA,oBAACkF,QAAD;GAAsB,WAAArF;GAA2C,MAAA;GAC/DE,UAAAA;EADQ,CAAA;EAEEtD,EAAA,MAAAoD;EAAApD,EAAA,MAAAuD;CAAA,OAAAA,MAAAvD,EAAA;CAAA,IAAAwD;CAAA,IAAAxD,EAAA,QAAAqC,cAAArC,EAAA,QAAA0B,UAAA1B,EAAA,QAAAwB,MAAA;EACZgC,MAAA,oBAACoF,qBAAD,EAAA,WACGnF,aAAU,oBAAC,YAAD;GAAsB/B,UAAAA;GAAoB,YAAAW,cAAcb,SAAS;GAAoB,YAAAA,SAAS;GAAkBU,SAAAA;GAAqBK,QAAAA;GAAaZ,KAAAA;EAAW,CAAA,EADnJ,CAAA;EAEE3B,EAAA,MAAAqC;EAAArC,EAAA,MAAA0B;EAAA1B,EAAA,MAAAwB;EAAAxB,EAAA,MAAAwD;CAAA,OAAAA,MAAAxD,EAAA;CACmB,MAAA0D,MAAAlC,SAAS;CAAI,IAAAmC;CAAA,IAAA3D,EAAA,QAAA0D,KAAA;EAAnCC,MAAAN,sBAAsBK,GAAa;EAAC1D,EAAA,MAAA0D;EAAA1D,EAAA,MAAA2D;CAAA,OAAAA,MAAA3D,EAAA;CAAA,IAAA4D;CAAA,IAAA5D,EAAA,QAAAM,OAAAC,IAAA,2BAAA,GAAA;EACxDqD,MAAA,oBAAC,iBAAD,EAAgB,GAAK3G,MAAa+B,eAAc8B,YAAa,EAAC,CAAA;EAAId,EAAA,MAAA4D;CAAA,OAAAA,MAAA5D,EAAA;CAAA,IAAA6D;CAAA,IAAA7D,EAAA,QAAA2D,KAAA;EADpEE,MAAA,oBAAC4E,QAAD;GAAsB,WAAA9E;GAA2C,MAAA;GAC/DC,UAAAA;EADQ,CAAA;EAEE5D,EAAA,MAAA2D;EAAA3D,EAAA,MAAA6D;CAAA,OAAAA,MAAA7D,EAAA;CAAA,IAAA8D;CAAA,IAAA9D,EAAA,QAAAuD,OAAAvD,EAAA,QAAAwD,OAAAxD,EAAA,QAAA6D,KAAA;EATdC,MAAA,qBAAA,OAAA;GAUM,GAVGb;GAAT,UAAA;IACEM;IAGAC;IAGAK;GAGI;;EAAA7D,EAAA,MAAAuD;EAAAvD,EAAA,MAAAwD;EAAAxD,EAAA,MAAA6D;EAAA7D,EAAA,MAAA8D;CAAA,OAAAA,MAAA9D,EAAA;CAAA,IAAA+D;CAAA,IAAA/D,EAAA,QAAAqC,cAAArC,EAAA,QAAA0B,UAAA1B,EAAA,QAAAwB,MAAA;EACNuC,MAAA,oBAAC8E,oBAAD,EAAA,WACG7E,aAAU,oBAAC,YAAD;GAAsBtC,UAAAA;GAAoB,YAAAW,cAAcb,SAAS;GAAqB,YAAAA,SAAS;GAAiBY,SAAAA;GAAoBG,QAAAA;GAAaX,KAAAA;EAAU,CAAA,EADlJ,CAAA;EAEE5B,EAAA,MAAAqC;EAAArC,EAAA,MAAA0B;EAAA1B,EAAA,MAAAwB;EAAAxB,EAAA,MAAA+D;CAAA,OAAAA,MAAA/D,EAAA;CAAA,IAAAiE;CAAA,IAAAjE,EAAA,QAAA8D,OAAA9D,EAAA,QAAA+D,KAAA;EAd1BE,MAAA,qBAAA,OAAA;GAeM,GAfGjB;GAAT,UAAA,CACEc,KAWAC,GAGI;;EAAA/D,EAAA,MAAA8D;EAAA9D,EAAA,MAAA+D;EAAA/D,EAAA,MAAAiE;CAAA,OAAAA,MAAAjE,EAAA;CACL,MAAAkE,MAAA1C,SAAS,OAATtB,WAAA;CAA+B,IAAAiE;CAAA,IAAAnE,EAAA,QAAAgC,SAAAhC,EAAA,QAAA0B,UAAA1B,EAAA,QAAAwB,QAAAxB,EAAA,QAAA+C,eAAA;EAC/BoB,MAAA3C,SAAS,UAAU,oBAACoH,qBAAD;GAA+B,QAAA;GAC9CxE,WAAAA,aAAU,oBAAC,UAAD;IAAwB,cAAArB,cAAcR,QAAM;IAAOb,IAAAA;IAAiBM,SAAAA;IAAeO,QAAAA;GAAM,CAAA;EAD7D,CAAA,IAA1C;EAEiCvC,EAAA,MAAAgC;EAAAhC,EAAA,MAAA0B;EAAA1B,EAAA,MAAAwB;EAAAxB,EAAA,MAAA+C;EAAA/C,EAAA,MAAAmE;CAAA,OAAAA,MAAAnE,EAAA;CAAA,IAAAqE;CAAA,IAAArE,EAAA,QAAAgC,SAAAhC,EAAA,QAAA0B,UAAA1B,EAAA,QAAAwB,MAAA;EACjC6C,MAAA7C,SAAS,SAAS,oBAACqH,oBAAD;GAAqChJ,cAAAA;GACnDyE,WAAAA,aAAU,oBAAC,UAAD;IAAc5C,IAAAA;IAAiBM,SAAAA;IAAeO,QAAAA;GAAM,CAAA;EAD1B,CAAA,IAAxC;EAEgCvC,EAAA,MAAAgC;EAAAhC,EAAA,MAAA0B;EAAA1B,EAAA,MAAAwB;EAAAxB,EAAA,MAAAqE;CAAA,OAAAA,MAAArE,EAAA;CAAA,IAAAuE;CAAA,IAAAvE,EAAA,QAAAiE,OAAAjE,EAAA,QAAAkE,OAAAlE,EAAA,QAAAmE,OAAAnE,EAAA,QAAAqE,KAAA;EAvB9BE,MAAA,qBAAA,YAAA,EAAA,UAAA;GACHN;GAgBCC;GACAC;GAGAE;EAEgC,EAAA,CAAA;EAChCrE,EAAA,MAAAiE;EAAAjE,EAAA,MAAAkE;EAAAlE,EAAA,MAAAmE;EAAAnE,EAAA,MAAAqE;EAAArE,EAAA,MAAAuE;CAAA,OAAAA,MAAAvE,EAAA;CAAA,OAxBEuE;AAwBF;;;;;;;;;;;;;;;;;AA1DP,SAAAzB,OAAA0B,SAAA;CAAA,OAiC4P/B,QAAKnD;AAAG;AAjCpQ,SAAA6C,OAAAsC,WAAA;CAAA,OA8BuB1C,cAAY,SAAZ,OAAA;AAAkC;AA9BzD,SAAAE,MAAAF,SAAA;CAAA,OA2BuBA,YAAY,UAAZ,OAAA;AAAoC;AAkD3D,SAAS2C,aAAaC,OAA6B;CACjD,MAAMlC,QAAQkC,OAAOE,QAAQ,mBAAiB;CAC9C,MAAMC,OAAOH,OAAOE,QAAQ,oBAAkB;CAC9C,IAAI,EAAEpC,iBAAiBsC,gBAAgB,EAAED,gBAAgBC,cACvD;CAEFD,KAAKE,aAAavC,MAAMwC,sBAAsB,CAAC,CAACC,MAAMJ,KAAKG,sBAAsB,CAAC,CAACC,OAAOJ,KAAKK,eAAe1C,MAAM2C,gBAAgB;AACtI;AAMA,SAASvE,iBAAiBU,OAIvBgE,WAAW,OAAO;CACnB,OAAOtI,MAAa8B,WAAWyG,QAAQxG,eAAeyG,SAAS3G,MAAM4G,MAAMnE,MAAM8D,aAAatG,WAAW4G,eAAepE,MAAM+D,aAAavG,WAAW6G,eAAerE,MAAMc,cAActD,WAAW8G,gBAAgBN,YAAYvG,eAAe8G,aAAa,CAAC,CAACC,aAAa;AAC7Q;AAGA,SAAS1C,sBAAsB2C,YAAqB;CAClD,QAAQzE,UAIFV,iBAAiBU,OAAOyE,UAAU;AAC1C;;;;;;;;;;;AAYA,SAAAC,WAAAlG,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAoB,MAAA,EAAAiG,UAAA7D,YAAA8D,YAAAC,SAAA7D,QAAA8D,QAAAtG;CAelB,MAAAuG,UAAgBlJ,MAAM;CACtB,MAAAmJ,SAAenJ,MAAM;CAAE,IAAAiD;CAAA,IAAAL,EAAA,OAAAuC,OAAA/C,SAAAQ,EAAA,OAAAuC,OAAA5C,OAAA;EAAA,IAAAa;EAAA,IAAAR,EAAA,OAAAuC,OAAA5C,OAAA;GACSa,MAAAiC,UAASA,MAAKnD,OAAQiD,OAAM5C;GAAMK,EAAA,KAAAuC,OAAA5C;GAAAK,EAAA,KAAAQ;EAAA,OAAAA,KAAAR,EAAA;EAApDK,KAAAkC,OAAM/C,MAAMgH,KAAMhG,EAAkC;EAACR,EAAA,KAAAuC,OAAA/C;EAAAQ,EAAA,KAAAuC,OAAA5C;EAAAK,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAnE,MAAAyG,QAAcpG;CAEgB,MAAAG,KAAA2F,aAAAD,WAAAQ,KAAAA;CAAuG,MAAAzF,KAAA,GAAGqF,QAAO,GAAIC;CACzH,MAAAjE,KAAAmE,OAAKpH;CAAW,IAAA2D;CAAA,IAAAhD,EAAA,OAAAsC,MAAAtC,EAAA,OAAAsG,SAAA;EAApCtD,KAAA,oBAAA,QAAA;GAAUsD,IAAAA;GAAUhE,UAAAA;EAAwB,CAAA;EAAAtC,EAAA,KAAAsC;EAAAtC,EAAA,KAAAsG;EAAAtG,EAAA,KAAAgD;CAAA,OAAAA,KAAAhD,EAAA;CAEzC,MAAAiD,KAAAV,OAAO;CAAa,IAAAY;CAAA,IAAAnD,EAAA,OAAAuG,UAAAvG,EAAA,OAAAiD,IAAA;EADvBE,KAAA,oBAAA,QAAA;GAAM,QAAA;GAAWoD,IAAAA;GACdtD,UAAAA;EACI,CAAA;EAAAjD,EAAA,KAAAuG;EAAAvG,EAAA,KAAAiD;EAAAjD,EAAA,MAAAmD;CAAA,OAAAA,KAAAnD,EAAA;CAAA,IAAAoD;CAAA,IAAApD,EAAA,QAAAmG,YAAA;EACiB/C,KAAAnG,MAAa+B,eAAc2H,WAAYR,cAAcnH,eAAc4H,iBAAkB;EAAC5G,EAAA,MAAAmG;EAAAnG,EAAA,MAAAoD;CAAA,OAAAA,KAAApD,EAAA;CAAA,IAAAsD;CAAA,IAAAtD,EAAA,QAAAoD,IAAA;EAA9GE,KAAA,oBAAC,oBAAD,EAAmB,GAAKF,GAAsF,CAAA;EAAIpD,EAAA,MAAAoD;EAAApD,EAAA,MAAAsD;CAAA,OAAAA,KAAAtD,EAAA;CAAA,IAAAuD;CAAA,IAAAvD,EAAA,QAAAqC,cAAArC,EAAA,QAAAmG,cAAAnG,EAAA,QAAAoG,WAAApG,EAAA,QAAAqG,OAAArG,EAAA,QAAAQ,MAAAR,EAAA,QAAAiB,MAAAjB,EAAA,QAAAgD,MAAAhD,EAAA,QAAAmD,MAAAnD,EAAA,QAAAsD,IAAA;EANjHC,MAAA,oBAAC,eAAD;GAAsB,OAAA;GACzB,UAAA,qBAACkF,QAAD;IAA0B,iBAAAjI;IAAkD2F,iBAAAA;IAA0B,iBAAA;IAA2B,mBAAAlF;IAAmC4F,WAAAA;IAAiCxE;IAAqB+D;IAAcC;IAAxO,UAAA;KACErD;KACAG;KAGAG;IALQ;;EADO,CAAA;EAQHtD,EAAA,MAAAqC;EAAArC,EAAA,MAAAmG;EAAAnG,EAAA,MAAAoG;EAAApG,EAAA,MAAAqG;EAAArG,EAAA,MAAAQ;EAAAR,EAAA,MAAAiB;EAAAjB,EAAA,MAAAgD;EAAAhD,EAAA,MAAAmD;EAAAnD,EAAA,MAAAsD;EAAAtD,EAAA,MAAAuD;CAAA,OAAAA,MAAAvD,EAAA;CAAA,OARXuD;AAQW;AAKpB,SAASsD,oBAAoBtF,OAI1B;CACD,OAAOtE,MAAa+B,eAAe8H,YAAYhI,MAAM4G,MAAMnE,MAAM8D,aAAatG,WAAW4G,eAAepE,MAAM+D,aAAavG,WAAW6G,eAAerE,MAAMc,cAActD,WAAW8G,cAAc,CAAC,CAACE,aAAa;AACnN;AAMA,SAASgB,UAAUtE,OAAgC;CACjD,OAAO,oBAACqG,aAAD;EAAgB,WAAW9B;EAAmB,IAAIvE,MAAMnD;EAAI,WAAWmD,MAAMpD;EAC/E4H,UAAAA,iBAAiBxE,MAAMpD,SAAS;CACnB,CAAA;AACpB;AACA,SAAS4H,iBAAiBC,OAAe;CACvC,QAAQ,EACNC,iBAGI,qBAAA,YAAA,EAAA,UAAA,CACDA,aAAa,oBAAC,YAAD;EAAY,KAAKzC;EAAc,GAAIzH,MAAa+B,eAAeoI,SAAS;CAAE,CAAA,IAAM,oBAAC,QAAD,EAAM,GAAInK,MAAa+B,eAAeoI,SAAS,EAAE,CAAA,GAC9IF,KACH,EAAA,CAAA;AACJ;AAMA,SAASF,kBAAkBzF,OAMxB;CACD,OAAOtE,MAAa+B,eAAesI,UAAU/F,MAAM4F,cAAcnI,eAAeuI,kBAAkBhG,MAAM8D,cAAc9D,MAAM4F,aAAajI,WAAWsI,kBAAkBvI,WAAWwI,eAAelG,MAAM+D,cAAc/D,MAAM4F,aAAajI,WAAWwI,kBAAkBzI,WAAW0I,eAAepG,MAAM8F,kBAAkBrI,eAAe4I,iBAAiBrG,MAAMc,cAAcrD,eAAe6I,gBAAgB,CAAC,CAAC9B,aAAa;AAC1Z;;;;;;;;;;;AAYA,SAAA+B,SAAA/H,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAkB,MAAA,EAAA8H,cAAAzI,IAAA0I,SAAAzF,WAAAxC;CAUjB,IAAAM;CAAA,IAAAL,EAAA,OAAAuC,OAAA5C,OAAA;EACgCU,KAAA,CAACkC,OAAM5C,KAAM;EAACK,EAAA,KAAAuC,OAAA5C;EAAAK,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAA7C,MAAAiI,WAA+B5H;CAAgC,IAAAG;CAAA,IAAAR,EAAA,OAAAgI,WAAAhI,EAAA,OAAAuC,QAAA;EACpC/B,MAAA0H,SAAA;GAGzB,IAAIA,SAAS,OACX,KAAK,MAAAxI,OAAawI,MAChB3F,OAAM9C,SAAUC,GAAG;GAGvBsI,QAAQ;EAAC;EACVhI,EAAA,KAAAgI;EAAAhI,EAAA,KAAAuC;EAAAvC,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CATD,MAAAmI,SAAe3H;CAUgB,MAAAS,KAAAsB,OAAO;CAEe,MAAAD,KAAAC,OAAM/C;CAAM,IAAAwD;CAAA,IAAAhD,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAIvCyC,KAAA/F,MAAa+B,eAAcoJ,QAAS;EAACpI,EAAA,KAAAgD;CAAA,OAAAA,KAAAhD,EAAA;CAAA,IAAAiD;CAAA,IAAAjD,EAAA,OAAAmI,UAAAnI,EAAA,OAAA+H,gBAAA/H,EAAA,OAAAV,MAAAU,EAAA,OAAAuC,OAAA/C,SAAAQ,EAAA,QAAAiI,YAAAjI,EAAA,QAAAiB,IAAA;EANxDgC,KAAA,oBAAC8F,SAAD;GAAwB,cAAA9H;GAE/B,WAAA;GAAwB8G;GAAkBzI;GAAW,OAAAgD;GAAiC6F,mBAAAA;GAAsBF,cAAAA;GAAwB,eAAA;GAIpI,uBAAA;GAAqB,GAAKjF;GACrB+D,UAAAA;EAPa,CAAA;EAQH/G,EAAA,KAAAmI;EAAAnI,EAAA,KAAA+H;EAAA/H,EAAA,KAAAV;EAAAU,EAAA,KAAAuC,OAAA/C;EAAAQ,EAAA,MAAAiI;EAAAjI,EAAA,MAAAiB;EAAAjB,EAAA,MAAAiD;CAAA,OAAAA,KAAAjD,EAAA;CAAA,OARRiD;AAQQ"}

package/dist/calendar/styles.js

@@ -1,6 +1,9 @@
 //#region src/calendar/styles.ts
 const calendarStyles = {
 	cell: {
+		kgeoSG: "x1cpjm7i",
+		kFcpXp: "x15kbrqr",
+		kEoFBp: "x1hmns74",
 		kGNEyG: "x6s0dn4",
 		kWkggS: "xjbqb8w",
 		kZKoxP: "x1vqgdyp",
@@ -16,7 +19,9 @@ const calendarStyles = {
 		kjj79g: "xl56j7k",
 		kb6lSQ: "x1qn8t5l",
 		kLWn49: "xh7dzej",
-		kUOVxO: "x34s64n",
+		kqGvvJ: "x8yh5r3",
+		kUOVxO: "xvueqy4",
+		kVAEAm: "x1n2onr6",
 		$$css: true
 	},
 	cellDisabled: {
@@ -70,7 +75,11 @@ const calendarStyles = {
 		$$css: true
 	},
 	chevron: {
+		kgeoSG: "x1cpjm7i",
+		kFcpXp: "x15kbrqr",
+		kEoFBp: "x1hmns74",
 		kUOVxO: "x34s64n",
+		kVAEAm: "x1n2onr6",
 		$$css: true
 	},
 	chevronGlyph: {
@@ -91,6 +100,7 @@ const calendarStyles = {
 		kLvRdT: "x1vathgz",
 		kheTzg: "x1gukg7c",
 		kzqmXN: "xh8yej3",
+		kPzzVL: "x140o2bo",
 		$$css: true
 	},
 	header: {
@@ -102,7 +112,7 @@ const calendarStyles = {
 		$$css: true
 	},
 	headerCell: {
-		kZKoxP: "x1vqgdyp",
+		kZKoxP: "xsdox4t",
 		kMwMTN: "x139gbkf",
 		kMv6JI: "x16svsjw",
 		kGuDYH: "x1848etk",
@@ -138,6 +148,10 @@ const calendarStyles = {
 		$$css: true
 	},
 	menuButton: {
+		kgeoSG: "x1cpjm7i",
+		kGOzcv: "x1sk10ar",
+		kpsdNU: "xm4btww",
+		kEoFBp: "x1hmns74",
 		kGNEyG: "x6s0dn4",
 		kWkggS: "xjbqb8w",
 		kZKoxP: "x1rv7mn0",
@@ -155,6 +169,7 @@ const calendarStyles = {
 		kb6lSQ: "x155f00i",
 		kLWn49: "x1lz68p4",
 		kg3NbH: "xn60lsn",
+		kVAEAm: "x1n2onr6",
 		$$css: true
 	},
 	menuCheck: {
@@ -200,7 +215,7 @@ const calendarStyles = {
 		$$css: true
 	},
 	menuList: {
-		kZKoxP: "x1mj9p22",
+		kZKoxP: "xmmrubu",
 		kLZC3w: "x12smttz",
 		kPef9Z: "x13fuv20",
 		kEafiO: "x178xt8z",
@@ -210,12 +225,19 @@ const calendarStyles = {
 		kORKVm: "x1odjw0f",
 		$$css: true
 	},
+	month: {
+		kB7OPa: "x9f619",
+		kzqmXN: "x1url4ad",
+		ks0D6T: "x193iq5w",
+		$$css: true
+	},
 	months: {
 		kGNEyG: "x7a106z",
 		k1xSpc: "x78zum5 x1yrkhk",
 		kOIVth: "xj2l1yv",
-		kJBjZk: "x12n7ir1",
-		kAzted: "x1fivsg2",
+		kJBjZk: "x17udjhq",
+		kumcoG: "x1kji8p3",
+		kAzted: "x8chfrn",
 		$$css: true
 	},
 	root: {
@@ -227,7 +249,8 @@ const calendarStyles = {
 		kXwgrk: "xdt5ytf",
 		kOIVth: "x1gka490",
 		kzqmXN: "xeq5yr9",
-		k7Eaqz: "x1gvwcb",
+		ks0D6T: "x193iq5w",
+		k7Eaqz: "xjrddbv",
 		kmVPX3: "xa36j16",
 		$$css: true
 	}

package/dist/calendar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["stylex","colors","media","radii","sizing","spacing","stateLayerOpacity","typography","ROW_BLOCK_SIZE","WEEKS_HELD","FORCED_COLORS","calendarStyles","cell","kGNEyG","kWkggS","kZKoxP","kaIpWk","kB7OPa","kMwMTN","kkrTdU","k1xSpc","kMv6JI","kGuDYH","k63SB2","kzqmXN","kjj79g","kb6lSQ","kLWn49","kUOVxO","$$css","cellDisabled","kAXs8y","cellInRange","kVAM5u","kjBf7l","cellRangeEnd","kT0f0o","kfmiAY","cellRangeStart","kVL7Gh","krdFHd","cellSelected","cellToday","ksu8eU","kMzoRj","cellUnavailable","kMnn75","chevron","chevronGlyph","k3aq6I","chevronGlyphPrevious","chevronHidden","k33iCy","grid","kLvRdT","kheTzg","header","kOIVth","kAzted","headerCell","headerGroup","heading","kogj98","k9WMMc","menuArrow","kmuXW","menuArrowExpanded","menuButton","kg3NbH","menuCheck","menuItem","k3XXqK","menuItemDisabled","menuItemFocused","kInvED","kMeerF","menuItemSelected","menuList","kLZC3w","kPef9Z","kEafiO","kORKVm","months","kJBjZk","root","kXwgrk","k7Eaqz","kmVPX3","dateLayers","inRangeHovered","inRangePressed","plainHovered","plainPressed","selectedHovered","selectedPressed","menuLayers"],"sources":["../../src/calendar/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, media, radii, sizing, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\n\n// The styles Calendar and RangeCalendar both draw. Apart from either\n// component so the two cannot drift, and outside `src/components` because a\n// directory there is a public component with stories, a barrel entry and a\n// `styling.test.tsx` case — which shared styles are none of.\n//\n// The values are the date pickers page's docked calendar, named in\n// `src/components/calendar/index.tsx` along with the departures from it. What\n// is only a range's — the band between the two ends — takes its colours from\n// the modal date picker's range-selection tokens instead, since the docked\n// token set stops at the selected date; see `cellInRange`.\n//\n// Under forced colours a selected date and a range's band are fills, which\n// that mode paints in a system colour, so a calendar showed no selection and\n// no range there, only today's outline. Both take `Highlight` with\n// `HighlightText` over it, the pair the mode gives whatever is chosen, which\n// draws a range as one run from its first day to its last.\n//\n// They take the pair with `forced-color-adjust: none`. Left to adjust, the\n// mode lays a `Canvas` backplate behind every run of text, and a date in\n// `HighlightText` on that backplate is a blank box. With it off nothing is\n// forced on those cells, so they name a system colour for everything they\n// draw — the fill, the date, today's outline and the focus ring. A day ruled\n// out or disabled names none, so it hands itself back to the mode.\n\n// One row of the grid. The weekday row and every week of dates are the same\n// 40dp, so `cell`, `headerCell` and the room `months` reserves are all this\n// one number — a date resized without the reservation following it would put\n// the calendar's height back on its month.\nconst ROW_BLOCK_SIZE = '40px';\n\n// The weeks the grid holds room for, which is the most any month occupies: a\n// 31-day month beginning on the last day of a week runs one day, then four\n// whole weeks, then two days. February 2026 is the other end at four. Holding\n// six draws every month in the box the longest one fills.\nconst WEEKS_HELD = 6;\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)';\nconst calendarStyles = {\n  cell: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x1vqgdyp\",\n    kaIpWk: \"x16fbrrb\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kzqmXN: \"x100vrsf\",\n    kjj79g: \"xl56j7k\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    kUOVxO: \"x34s64n\",\n    $$css: true\n  },\n  cellDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"x9w6zvh\",\n    kkrTdU: \"x1h6gzvc\",\n    kAXs8y: \"xr5dkdi\",\n    $$css: true\n  },\n  cellInRange: {\n    kWkggS: \"x15dekr4 x1jzqe4\",\n    kVAM5u: \"x1uajy3w x1n2ykn\",\n    kaIpWk: \"x2u8bby\",\n    kMwMTN: \"x1sawysd x1k5gbb1\",\n    kAXs8y: \"x1g12otp\",\n    kzqmXN: \"xh8yej3\",\n    kUOVxO: \"xrxpjvj\",\n    kjBf7l: \"xrgy624 x3teovq\",\n    $$css: true\n  },\n  cellRangeEnd: {\n    kT0f0o: \"x187kppt\",\n    kfmiAY: \"x1fpsnkq\",\n    $$css: true\n  },\n  cellRangeStart: {\n    kVL7Gh: \"x17kgqx\",\n    krdFHd: \"x1uni95s\",\n    $$css: true\n  },\n  cellSelected: {\n    kWkggS: \"xnety89 x1jzqe4\",\n    kVAM5u: \"x1uajy3w x1n2ykn\",\n    kMwMTN: \"xwjo7ld x1k5gbb1\",\n    kAXs8y: \"x1g12otp\",\n    kjBf7l: \"xrgy624 x3teovq\",\n    $$css: true\n  },\n  cellToday: {\n    kVAM5u: \"x1uajy3w\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kMwMTN: \"x1mxwv8y\",\n    $$css: true\n  },\n  cellUnavailable: {\n    kWkggS: \"xjbqb8w\",\n    kkrTdU: \"x1h6gzvc\",\n    kAXs8y: \"xr5dkdi\",\n    kMnn75: \"x5lhwog\",\n    $$css: true\n  },\n  chevron: {\n    kUOVxO: \"x34s64n\",\n    $$css: true\n  },\n  chevronGlyph: {\n    kZKoxP: \"xxk0z11\",\n    kzqmXN: \"xvy4d1p\",\n    k3aq6I: \"x19axjrm x1c071of\",\n    $$css: true\n  },\n  chevronGlyphPrevious: {\n    k3aq6I: \"xdg80k9 xpk2tj9\",\n    $$css: true\n  },\n  chevronHidden: {\n    k33iCy: \"xlshs6z\",\n    $$css: true\n  },\n  grid: {\n    kLvRdT: \"x1vathgz\",\n    kheTzg: \"x1gukg7c\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  header: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x126z3so\",\n    kjj79g: \"x1qughib\",\n    kAzted: \"x1ba4aug\",\n    $$css: true\n  },\n  headerCell: {\n    kZKoxP: \"x1vqgdyp\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    $$css: true\n  },\n  headerGroup: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    $$css: true\n  },\n  heading: {\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    kogj98: \"x1ghz6dp\",\n    k9WMMc: \"x2b8uid\",\n    $$css: true\n  },\n  menuArrow: {\n    kZKoxP: \"xmix8c7\",\n    kmuXW: \"x2lah0s\",\n    kzqmXN: \"x1xp8n7a\",\n    $$css: true\n  },\n  menuArrowExpanded: {\n    k3aq6I: \"x19jd1h0\",\n    $$css: true\n  },\n  menuButton: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x1rv7mn0\",\n    kaIpWk: \"x1dkaolv\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kOIVth: \"xzoy561\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    kg3NbH: \"xn60lsn\",\n    $$css: true\n  },\n  menuCheck: {\n    kZKoxP: \"xxk0z11\",\n    kMwMTN: \"x139gbkf\",\n    kmuXW: \"x2lah0s\",\n    kzqmXN: \"xvy4d1p\",\n    $$css: true\n  },\n  menuItem: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"xbg5kjn\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kOIVth: \"xxj4525\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    k3XXqK: \"x1t137rt\",\n    kg3NbH: \"x790zyz\",\n    $$css: true\n  },\n  menuItemDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"x9w6zvh\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  menuItemFocused: {\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x2ssjo2\",\n    k3XXqK: \"xaatb59\",\n    kMeerF: \"x1de99jn\",\n    $$css: true\n  },\n  menuItemSelected: {\n    kWkggS: \"xkrgufg\",\n    $$css: true\n  },\n  menuList: {\n    kZKoxP: \"x1mj9p22\",\n    kLZC3w: \"x12smttz\",\n    kPef9Z: \"x13fuv20\",\n    kEafiO: \"x178xt8z\",\n    kB7OPa: \"x9f619\",\n    kUOVxO: \"xnx04jz\",\n    k3XXqK: \"x1t137rt\",\n    kORKVm: \"x1odjw0f\",\n    $$css: true\n  },\n  months: {\n    kGNEyG: \"x7a106z\",\n    k1xSpc: \"x78zum5 x1yrkhk\",\n    kOIVth: \"xj2l1yv\",\n    kJBjZk: \"x12n7ir1\",\n    kAzted: \"x1fivsg2\",\n    $$css: true\n  },\n  root: {\n    kWkggS: \"xvkjz1l\",\n    kaIpWk: \"xhpdng0\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x1gka490\",\n    kzqmXN: \"xeq5yr9\",\n    k7Eaqz: \"x1gvwcb\",\n    kmVPX3: \"xa36j16\",\n    $$css: true\n  }\n};\n\n// A date's hover and pressed layers, one pair per ground it sits on: nothing,\n// the range band, and the selected circle. From React Aria's render state rather than `:hover` and `:active`, for Button's\n// reasons — see its header: a hover layer stayed on after a tap, and no\n// pressed layer showed for a press made from the keyboard.\n// Each layer is written whole for its ground because StyleX replaces a\n// property whole, and the band and the circle keep their forced-colours\n// `Highlight` under the layer.\nconst dateLayers = {\n  inRangeHovered: {\n    kWkggS: \"x3zumxv x1jzqe4\",\n    $$css: true\n  },\n  inRangePressed: {\n    kWkggS: \"x1as5h4c x1jzqe4\",\n    $$css: true\n  },\n  plainHovered: {\n    kWkggS: \"x1b18xnh\",\n    $$css: true\n  },\n  plainPressed: {\n    kWkggS: \"xjeeohs\",\n    $$css: true\n  },\n  selectedHovered: {\n    kWkggS: \"xo1ct44 x1jzqe4\",\n    $$css: true\n  },\n  selectedPressed: {\n    kWkggS: \"x7b25lv x1jzqe4\",\n    $$css: true\n  }\n};\n\n// A list row's hover and pressed layers over the checked row's surface\n// variant. Over nothing a row takes a date's own pair, `dateLayers.plain*`,\n// since the page gives both the same on-surface layer.\nconst menuLayers = {\n  selectedHovered: {\n    kWkggS: \"xgw93rf\",\n    $$css: true\n  },\n  selectedPressed: {\n    kWkggS: \"x113d7pk\",\n    $$css: true\n  }\n};\nexport { calendarStyles, dateLayers, menuLayers };"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["stylex","colors","media","radii","sizing","spacing","stateLayerOpacity","typography","ROW_BLOCK_SIZE","DATE_SIZE","DATE_ROOM","WEEK_INLINE_SIZE","TARGET_REACH","WEEKS_HELD","FORCED_COLORS","calendarStyles","cell","kgeoSG","kFcpXp","kEoFBp","kGNEyG","kWkggS","kZKoxP","kaIpWk","kB7OPa","kMwMTN","kkrTdU","k1xSpc","kMv6JI","kGuDYH","k63SB2","kzqmXN","kjj79g","kb6lSQ","kLWn49","kqGvvJ","kUOVxO","kVAEAm","$$css","cellDisabled","kAXs8y","cellInRange","kVAM5u","kjBf7l","cellRangeEnd","kT0f0o","kfmiAY","cellRangeStart","kVL7Gh","krdFHd","cellSelected","cellToday","ksu8eU","kMzoRj","cellUnavailable","kMnn75","chevron","chevronGlyph","k3aq6I","chevronGlyphPrevious","chevronHidden","k33iCy","grid","kLvRdT","kheTzg","kPzzVL","header","kOIVth","kAzted","headerCell","headerGroup","heading","kogj98","k9WMMc","menuArrow","kmuXW","menuArrowExpanded","menuButton","kGOzcv","kpsdNU","kg3NbH","menuCheck","menuItem","k3XXqK","menuItemDisabled","menuItemFocused","kInvED","kMeerF","menuItemSelected","menuList","kLZC3w","kPef9Z","kEafiO","kORKVm","month","ks0D6T","months","kJBjZk","kumcoG","root","kXwgrk","k7Eaqz","kmVPX3","dateLayers","inRangeHovered","inRangePressed","plainHovered","plainPressed","selectedHovered","selectedPressed","menuLayers"],"sources":["../../src/calendar/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, media, radii, sizing, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\n\n// The styles Calendar and RangeCalendar both draw. Apart from either\n// component so the two cannot drift, and outside `src/components` because a\n// directory there is a public component with stories, a barrel entry and a\n// `styling.test.tsx` case — which shared styles are none of.\n//\n// The values are the date pickers page's docked calendar, named in\n// `src/components/calendar/index.tsx` along with the departures from it. What\n// is only a range's — the band between the two ends — takes its colours from\n// the modal date picker's range-selection tokens instead, since the docked\n// token set stops at the selected date; see `cellInRange`.\n//\n// Under forced colours a selected date and a range's band are fills, which\n// that mode paints in a system colour, so a calendar showed no selection and\n// no range there, only today's outline. Both take `Highlight` with\n// `HighlightText` over it, the pair the mode gives whatever is chosen, which\n// draws a range as one run from its first day to its last.\n//\n// They take the pair with `forced-color-adjust: none`. Left to adjust, the\n// mode lays a `Canvas` backplate behind every run of text, and a date in\n// `HighlightText` on that backplate is a blank box. With it off nothing is\n// forced on those cells, so they name a system colour for everything they\n// draw — the fill, the date, today's outline and the focus ring. A day ruled\n// out or disabled names none, so it hands itself back to the mode.\n\n// One row of the grid. The weekday row and every week of dates are the same\n// 48dp, the page's date container and Compose's own row, so `headerCell`, the\n// room around each date and the room `months` reserves all follow this one\n// number — a row resized without the reservation following it would put the\n// calendar's height back on its month.\nconst ROW_BLOCK_SIZE = '48px';\n\n// The date's state layer: the 40dp circle a selected date fills and a hover\n// tints, inside the 48dp row and column it sits in.\nconst DATE_SIZE = '40px';\n\n// The room either side of a date's circle, which is the difference between\n// the two: the circle sits in the middle of its 48dp square.\nconst DATE_ROOM = `calc((${ROW_BLOCK_SIZE} - ${DATE_SIZE}) / 2)`;\n\n// A whole column: the page's 48dp date container, seven to a week. The grid\n// is at most seven of them and narrows with its container below that.\nconst WEEK_INLINE_SIZE = `calc(${ROW_BLOCK_SIZE} * 7)`;\n\n// What every press target in the calendar reaches to: the page's 48dp, for\n// controls drawn at 40.\nconst TARGET_REACH = `calc((${DATE_SIZE} - ${ROW_BLOCK_SIZE}) / 2)`;\n\n// The weeks the grid holds room for, which is the most any month occupies: a\n// 31-day month beginning on the last day of a week runs one day, then four\n// whole weeks, then two days. February 2026 is the other end at four. Holding\n// six draws every month in the box the longest one fills.\nconst WEEKS_HELD = 6;\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)';\nconst calendarStyles = {\n  cell: {\n    kgeoSG: \"x1cpjm7i\",\n    kFcpXp: \"x15kbrqr\",\n    kEoFBp: \"x1hmns74\",\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x1vqgdyp\",\n    kaIpWk: \"x16fbrrb\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kzqmXN: \"x100vrsf\",\n    kjj79g: \"xl56j7k\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    kqGvvJ: \"x8yh5r3\",\n    kUOVxO: \"xvueqy4\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  cellDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"x9w6zvh\",\n    kkrTdU: \"x1h6gzvc\",\n    kAXs8y: \"xr5dkdi\",\n    $$css: true\n  },\n  cellInRange: {\n    kWkggS: \"x15dekr4 x1jzqe4\",\n    kVAM5u: \"x1uajy3w x1n2ykn\",\n    kaIpWk: \"x2u8bby\",\n    kMwMTN: \"x1sawysd x1k5gbb1\",\n    kAXs8y: \"x1g12otp\",\n    kzqmXN: \"xh8yej3\",\n    kUOVxO: \"xrxpjvj\",\n    kjBf7l: \"xrgy624 x3teovq\",\n    $$css: true\n  },\n  cellRangeEnd: {\n    kT0f0o: \"x187kppt\",\n    kfmiAY: \"x1fpsnkq\",\n    $$css: true\n  },\n  cellRangeStart: {\n    kVL7Gh: \"x17kgqx\",\n    krdFHd: \"x1uni95s\",\n    $$css: true\n  },\n  cellSelected: {\n    kWkggS: \"xnety89 x1jzqe4\",\n    kVAM5u: \"x1uajy3w x1n2ykn\",\n    kMwMTN: \"xwjo7ld x1k5gbb1\",\n    kAXs8y: \"x1g12otp\",\n    kjBf7l: \"xrgy624 x3teovq\",\n    $$css: true\n  },\n  cellToday: {\n    kVAM5u: \"x1uajy3w\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kMwMTN: \"x1mxwv8y\",\n    $$css: true\n  },\n  cellUnavailable: {\n    kWkggS: \"xjbqb8w\",\n    kkrTdU: \"x1h6gzvc\",\n    kAXs8y: \"xr5dkdi\",\n    kMnn75: \"x5lhwog\",\n    $$css: true\n  },\n  chevron: {\n    kgeoSG: \"x1cpjm7i\",\n    kFcpXp: \"x15kbrqr\",\n    kEoFBp: \"x1hmns74\",\n    kUOVxO: \"x34s64n\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  chevronGlyph: {\n    kZKoxP: \"xxk0z11\",\n    kzqmXN: \"xvy4d1p\",\n    k3aq6I: \"x19axjrm x1c071of\",\n    $$css: true\n  },\n  chevronGlyphPrevious: {\n    k3aq6I: \"xdg80k9 xpk2tj9\",\n    $$css: true\n  },\n  chevronHidden: {\n    k33iCy: \"xlshs6z\",\n    $$css: true\n  },\n  grid: {\n    kLvRdT: \"x1vathgz\",\n    kheTzg: \"x1gukg7c\",\n    kzqmXN: \"xh8yej3\",\n    kPzzVL: \"x140o2bo\",\n    $$css: true\n  },\n  header: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x126z3so\",\n    kjj79g: \"x1qughib\",\n    kAzted: \"x1ba4aug\",\n    $$css: true\n  },\n  headerCell: {\n    kZKoxP: \"xsdox4t\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    $$css: true\n  },\n  headerGroup: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    $$css: true\n  },\n  heading: {\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    kogj98: \"x1ghz6dp\",\n    k9WMMc: \"x2b8uid\",\n    $$css: true\n  },\n  menuArrow: {\n    kZKoxP: \"xmix8c7\",\n    kmuXW: \"x2lah0s\",\n    kzqmXN: \"x1xp8n7a\",\n    $$css: true\n  },\n  menuArrowExpanded: {\n    k3aq6I: \"x19jd1h0\",\n    $$css: true\n  },\n  menuButton: {\n    kgeoSG: \"x1cpjm7i\",\n    kGOzcv: \"x1sk10ar\",\n    kpsdNU: \"xm4btww\",\n    kEoFBp: \"x1hmns74\",\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x1rv7mn0\",\n    kaIpWk: \"x1dkaolv\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kOIVth: \"xzoy561\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    kg3NbH: \"xn60lsn\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  menuCheck: {\n    kZKoxP: \"xxk0z11\",\n    kMwMTN: \"x139gbkf\",\n    kmuXW: \"x2lah0s\",\n    kzqmXN: \"xvy4d1p\",\n    $$css: true\n  },\n  menuItem: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"xbg5kjn\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kOIVth: \"xxj4525\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    k3XXqK: \"x1t137rt\",\n    kg3NbH: \"x790zyz\",\n    $$css: true\n  },\n  menuItemDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"x9w6zvh\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  menuItemFocused: {\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x2ssjo2\",\n    k3XXqK: \"xaatb59\",\n    kMeerF: \"x1de99jn\",\n    $$css: true\n  },\n  menuItemSelected: {\n    kWkggS: \"xkrgufg\",\n    $$css: true\n  },\n  menuList: {\n    kZKoxP: \"xmmrubu\",\n    kLZC3w: \"x12smttz\",\n    kPef9Z: \"x13fuv20\",\n    kEafiO: \"x178xt8z\",\n    kB7OPa: \"x9f619\",\n    kUOVxO: \"xnx04jz\",\n    k3XXqK: \"x1t137rt\",\n    kORKVm: \"x1odjw0f\",\n    $$css: true\n  },\n  month: {\n    kB7OPa: \"x9f619\",\n    kzqmXN: \"x1url4ad\",\n    ks0D6T: \"x193iq5w\",\n    $$css: true\n  },\n  months: {\n    kGNEyG: \"x7a106z\",\n    k1xSpc: \"x78zum5 x1yrkhk\",\n    kOIVth: \"xj2l1yv\",\n    kJBjZk: \"x17udjhq\",\n    kumcoG: \"x1kji8p3\",\n    kAzted: \"x8chfrn\",\n    $$css: true\n  },\n  root: {\n    kWkggS: \"xvkjz1l\",\n    kaIpWk: \"xhpdng0\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x1gka490\",\n    kzqmXN: \"xeq5yr9\",\n    ks0D6T: \"x193iq5w\",\n    k7Eaqz: \"xjrddbv\",\n    kmVPX3: \"xa36j16\",\n    $$css: true\n  }\n};\n\n// A date's hover and pressed layers, one pair per ground it sits on: nothing,\n// the range band, and the selected circle. From React Aria's render state rather than `:hover` and `:active`, for Button's\n// reasons — see its header: a hover layer stayed on after a tap, and no\n// pressed layer showed for a press made from the keyboard.\n// Each layer is written whole for its ground because StyleX replaces a\n// property whole, and the band and the circle keep their forced-colours\n// `Highlight` under the layer.\nconst dateLayers = {\n  inRangeHovered: {\n    kWkggS: \"x3zumxv x1jzqe4\",\n    $$css: true\n  },\n  inRangePressed: {\n    kWkggS: \"x1as5h4c x1jzqe4\",\n    $$css: true\n  },\n  plainHovered: {\n    kWkggS: \"x1b18xnh\",\n    $$css: true\n  },\n  plainPressed: {\n    kWkggS: \"xjeeohs\",\n    $$css: true\n  },\n  selectedHovered: {\n    kWkggS: \"xo1ct44 x1jzqe4\",\n    $$css: true\n  },\n  selectedPressed: {\n    kWkggS: \"x7b25lv x1jzqe4\",\n    $$css: true\n  }\n};\n\n// A list row's hover and pressed layers over the checked row's surface\n// variant. Over nothing a row takes a date's own pair, `dateLayers.plain*`,\n// since the page gives both the same on-surface layer.\nconst menuLayers = {\n  selectedHovered: {\n    kWkggS: \"xgw93rf\",\n    $$css: true\n  },\n  selectedPressed: {\n    kWkggS: \"x113d7pk\",\n    $$css: true\n  }\n};\nexport { calendarStyles, dateLayers, menuLayers };"],"mappings":"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"}

package/dist/chip/index.js

@@ -78,13 +78,12 @@ const CONTAINERS = {
 *
 * `elevated` raises the chip off the page on a container of its own, and
 * `kind` names which of the page's chips it is, which decides the label's
-* role. `inGroup` is a ChipGroup's chip, whose touch target reaches only
-* halfway across the gap to the next row; see `targetInGroup` in `./styles`.
+* role.
 */
-function chipPropsFor(state, { elevated = false, inGroup = false, kind = "filter" } = {}) {
+function chipPropsFor(state, { elevated = false, kind = "filter" } = {}) {
 	const roles = CONTAINERS[containerOf(state.isSelected, elevated)];
 	const raised = elevated && !state.isDisabled;
-	return props(chipStyles.base, chipStyles.target, inGroup && chipStyles.targetInGroup, focus.ring, state.isSelected ? chipStyles.selected : chipStyles.unselected, elevated && !state.isSelected && chipStyles.elevated, kind === "assist" && chipStyles.assist, raised && chipStyles.raised, state.isHovered && roles.hovered, raised && state.isHovered && chipStyles.raisedHovered, state.isFocusVisible && roles.focused, state.isPressed && roles.pressed, state.isDisabled && chipStyles.disabled, state.isDisabled && roles.disabled);
+	return props(chipStyles.base, chipStyles.target, focus.ring, state.isSelected ? chipStyles.selected : chipStyles.unselected, elevated && !state.isSelected && chipStyles.elevated, kind === "assist" && chipStyles.assist, raised && chipStyles.raised, state.isHovered && roles.hovered, raised && state.isHovered && chipStyles.raisedHovered, state.isFocusVisible && roles.focused, state.isPressed && roles.pressed, state.isDisabled && chipStyles.disabled, state.isDisabled && roles.disabled);
 }
 /**
 * The close target's class, from its button's own render state, so its

package/dist/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReactNode","stylex","CheckGlyph","focus","chipLayers","chipStyles","chipGlyph","state","isDisabled","isSelected","icon","props","glyph","glyphSvg","undefined","chipLabel","children","label","CONTAINERS","elevated","disabled","elevatedDisabled","focused","elevatedFocused","hovered","elevatedHovered","pressed","elevatedPressed","selected","disabledSelected","selectedFocused","selectedHovered","selectedPressed","unselected","disabledUnselected","unselectedFocused","unselectedHovered","unselectedPressed","ChipKind","chipPropsFor","isFocusVisible","isHovered","isPressed","inGroup","kind","roles","containerOf","raised","base","target","targetInGroup","ring","assist","raisedHovered","chipRemoveClassName","remove","removeHovered","removePressed","className","stylex.props"],"sources":["../../src/chip/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { CheckGlyph } from '../glyphs';\nimport { focus } from '../styles/focus';\nimport { chipLayers, chipStyles } from './styles';\n\n/**\n * What a chip draws before its label: the check while it is selected, its own\n * icon while it is not, and nothing for an unselected chip with no icon.\n * Returns a node rather than letting the type be inferred, since `ReactNode`\n * is a union that includes a promise and an inferred one has to be `async`.\n *\n * The check takes the icon's place rather than joining it, as the chips page\n * draws a filter chip and as a segmented button's segments do. So a chip with\n * an icon keeps its width when it is chosen, where one without grows by the\n * slot.\n *\n * Shared rather than written at each of the two call sites: Chip and\n * ChipGroup's chip draw the same pill from `./styles`, and a check written\n * twice is the drift that module exists to stop. Not a component of the\n * library's own and not exported from the package; see `src/row` for the\n * same arrangement around a list's row.\n */\nfunction chipGlyph(state: {\n  isDisabled: boolean;\n  isSelected: boolean;\n}, icon?: ReactNode): ReactNode {\n  if (state.isSelected) {\n    return <span {...stylex.props(chipStyles.glyph)}>\n        <CheckGlyph {...stylex.props(chipStyles.glyphSvg)} />\n      </span>;\n  }\n  if (icon === undefined || icon === null) {\n    return null;\n  }\n  return <span {...stylex.props(chipStyles.glyph, !state.isDisabled && chipStyles.icon)}>\n      {icon}\n    </span>;\n}\n\n/**\n * The label a chip draws, in a span of its own so it can be cut short with an\n * ellipsis rather than wrapped out of the pill; see the header of `./styles`.\n * Shared for the reason `chipGlyph` is, by all three components that draw the\n * pill.\n */\nfunction chipLabel(children: ReactNode): ReactNode {\n  return <span {...stylex.props(chipStyles.label)}>{children}</span>;\n}\n\n// The three containers a chip can be on, with the layers and the disabled\n// treatment each takes. A table rather than a branch per state, so the\n// containers cannot differ in which states they answer.\nconst CONTAINERS = {\n  elevated: {\n    disabled: chipStyles.elevatedDisabled,\n    focused: chipLayers.elevatedFocused,\n    hovered: chipLayers.elevatedHovered,\n    pressed: chipLayers.elevatedPressed\n  },\n  selected: {\n    disabled: chipStyles.disabledSelected,\n    focused: chipLayers.selectedFocused,\n    hovered: chipLayers.selectedHovered,\n    pressed: chipLayers.selectedPressed\n  },\n  unselected: {\n    disabled: chipStyles.disabledUnselected,\n    focused: chipLayers.unselectedFocused,\n    hovered: chipLayers.unselectedHovered,\n    pressed: chipLayers.unselectedPressed\n  }\n};\n\n/** Which of the page's chips a pill is drawn as. */\ntype ChipKind = 'assist' | 'filter' | 'suggestion';\n\n/**\n * The pill's styles in the render state React Aria hands a chip's\n * `className`, for Chip's two buttons and ChipGroup's tag alike. StyleX\n * cannot target `[data-selected]` on the element it is styling, so the\n * container is chosen here rather than in CSS — which is also why an\n * uncontrolled chip styles itself without keeping a copy of its state.\n *\n * Shared for the reason `chipGlyph` is: the order is the precedence. The\n * hover, focus and pressed layers come from the render state over the\n * container — focus over hover, and a press over both — and disabled comes\n * last so it wins over all of them, since StyleX replaces a property whole.\n *\n * `elevated` raises the chip off the page on a container of its own, and\n * `kind` names which of the page's chips it is, which decides the label's\n * role. `inGroup` is a ChipGroup's chip, whose touch target reaches only\n * halfway across the gap to the next row; see `targetInGroup` in `./styles`.\n */\nfunction chipPropsFor(state: {\n  isDisabled: boolean;\n  isFocusVisible: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isSelected: boolean;\n}, {\n  elevated = false,\n  inGroup = false,\n  kind = 'filter'\n}: {\n  elevated?: boolean;\n  inGroup?: boolean;\n  kind?: ChipKind;\n} = {}) {\n  const roles = CONTAINERS[containerOf(state.isSelected, elevated)];\n  const raised = elevated && !state.isDisabled;\n  return stylex.props(chipStyles.base, chipStyles.target, inGroup && chipStyles.targetInGroup, focus.ring, state.isSelected ? chipStyles.selected : chipStyles.unselected, elevated && !state.isSelected && chipStyles.elevated, kind === 'assist' && chipStyles.assist, raised && chipStyles.raised, state.isHovered && roles.hovered, raised && state.isHovered && chipStyles.raisedHovered, state.isFocusVisible && roles.focused, state.isPressed && roles.pressed, state.isDisabled && chipStyles.disabled, state.isDisabled && roles.disabled);\n}\n\n/**\n * The close target's class, from its button's own render state, so its\n * hover and pressed layers follow React Aria's report rather than `:hover`\n * and `:active` — see `chipLayers`. A function, which React Aria's\n * `className` takes alongside a string.\n */\nfunction chipRemoveClassName(state: {\n  isHovered: boolean;\n  isPressed: boolean;\n}) {\n  return stylex.props(chipStyles.remove, state.isHovered && chipLayers.removeHovered, state.isPressed && chipLayers.removePressed).className ?? '';\n}\n\n// Which container a chip is on: the secondary container while selected,\n// elevated or not, and otherwise the elevated one or the outline.\nfunction containerOf(isSelected: boolean, elevated: boolean) {\n  if (isSelected) {\n    return 'selected';\n  }\n  return elevated ? 'elevated' : 'unselected';\n}\nexport type { ChipKind };\nexport { chipGlyph, chipLabel, chipPropsFor, chipRemoveClassName };"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAASM,UAAUC,OAGhBG,MAA6B;CAC9B,IAAIH,MAAME,YACR,OAAO,oBAAC,QAAD;EAAM,GAAIR,MAAaI,WAAWO,KAAK;EAC1C,UAAA,oBAAC,YAAD,EAAY,GAAIX,MAAaI,WAAWQ,QAAQ,EAAE,CAAA;CAC9C,CAAA;CAEV,IAAIH,SAASI,KAAAA,KAAaJ,SAAS,MACjC,OAAO;CAET,OAAO,oBAAC,QAAD;EAAM,GAAIT,MAAaI,WAAWO,OAAO,CAACL,MAAMC,cAAcH,WAAWK,IAAI;EAC/EA,UAAAA;CACG,CAAA;AACV;;;;;;;AAQA,SAASK,UAAUC,UAAgC;CACjD,OAAO,oBAAC,QAAD;EAAM,GAAIf,MAAaI,WAAWY,KAAK;EAAID;CAAe,CAAA;AACnE;AAKA,MAAME,aAAa;CACjBC,UAAU;EACRC,UAAUf,WAAWgB;EACrBC,SAASlB,WAAWmB;EACpBC,SAASpB,WAAWqB;EACpBC,SAAStB,WAAWuB;CACtB;CACAC,UAAU;EACRR,UAAUf,WAAWwB;EACrBP,SAASlB,WAAW0B;EACpBN,SAASpB,WAAW2B;EACpBL,SAAStB,WAAW4B;CACtB;CACAC,YAAY;EACVb,UAAUf,WAAW6B;EACrBZ,SAASlB,WAAW+B;EACpBX,SAASpB,WAAWgC;EACpBV,SAAStB,WAAWiC;CACtB;AACF;;;;;;;;;;;;;;;;;;AAsBA,SAASE,aAAahC,OAMnB,EACDY,WAAW,OACXwB,UAAU,OACVC,OAAO,aAKL,CAAC,GAAG;CACN,MAAMC,QAAQ3B,WAAW4B,YAAYvC,MAAME,YAAYU,QAAQ;CAC/D,MAAM4B,SAAS5B,YAAY,CAACZ,MAAMC;CAClC,OAAOP,MAAaI,WAAW2C,MAAM3C,WAAW4C,QAAQN,WAAWtC,WAAW6C,eAAe/C,MAAMgD,MAAM5C,MAAME,aAAaJ,WAAWuB,WAAWvB,WAAW4B,YAAYd,YAAY,CAACZ,MAAME,cAAcJ,WAAWc,UAAUyB,SAAS,YAAYvC,WAAW+C,QAAQL,UAAU1C,WAAW0C,QAAQxC,MAAMkC,aAAaI,MAAMrB,SAASuB,UAAUxC,MAAMkC,aAAapC,WAAWgD,eAAe9C,MAAMiC,kBAAkBK,MAAMvB,SAASf,MAAMmC,aAAaG,MAAMnB,SAASnB,MAAMC,cAAcH,WAAWe,UAAUb,MAAMC,cAAcqC,MAAMzB,QAAQ;AACnhB;;;;;;;AAQA,SAASkC,oBAAoB/C,OAG1B;CACD,OAAON,MAAaI,WAAWkD,QAAQhD,MAAMkC,aAAarC,WAAWoD,eAAejD,MAAMmC,aAAatC,WAAWqD,aAAa,CAAC,CAACC,aAAa;AAChJ;AAIA,SAASZ,YAAYrC,YAAqBU,UAAmB;CAC3D,IAAIV,YACF,OAAO;CAET,OAAOU,WAAW,aAAa;AACjC"}
+{"version":3,"file":"index.js","names":["ReactNode","stylex","CheckGlyph","focus","chipLayers","chipStyles","chipGlyph","state","isDisabled","isSelected","icon","props","glyph","glyphSvg","undefined","chipLabel","children","label","CONTAINERS","elevated","disabled","elevatedDisabled","focused","elevatedFocused","hovered","elevatedHovered","pressed","elevatedPressed","selected","disabledSelected","selectedFocused","selectedHovered","selectedPressed","unselected","disabledUnselected","unselectedFocused","unselectedHovered","unselectedPressed","ChipKind","chipPropsFor","isFocusVisible","isHovered","isPressed","kind","roles","containerOf","raised","base","target","ring","assist","raisedHovered","chipRemoveClassName","remove","removeHovered","removePressed","className","stylex.props"],"sources":["../../src/chip/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { CheckGlyph } from '../glyphs';\nimport { focus } from '../styles/focus';\nimport { chipLayers, chipStyles } from './styles';\n\n/**\n * What a chip draws before its label: the check while it is selected, its own\n * icon while it is not, and nothing for an unselected chip with no icon.\n * Returns a node rather than letting the type be inferred, since `ReactNode`\n * is a union that includes a promise and an inferred one has to be `async`.\n *\n * The check takes the icon's place rather than joining it, as the chips page\n * draws a filter chip and as a segmented button's segments do. So a chip with\n * an icon keeps its width when it is chosen, where one without grows by the\n * slot.\n *\n * Shared rather than written at each of the two call sites: Chip and\n * ChipGroup's chip draw the same pill from `./styles`, and a check written\n * twice is the drift that module exists to stop. Not a component of the\n * library's own and not exported from the package; see `src/row` for the\n * same arrangement around a list's row.\n */\nfunction chipGlyph(state: {\n  isDisabled: boolean;\n  isSelected: boolean;\n}, icon?: ReactNode): ReactNode {\n  if (state.isSelected) {\n    return <span {...stylex.props(chipStyles.glyph)}>\n        <CheckGlyph {...stylex.props(chipStyles.glyphSvg)} />\n      </span>;\n  }\n  if (icon === undefined || icon === null) {\n    return null;\n  }\n  return <span {...stylex.props(chipStyles.glyph, !state.isDisabled && chipStyles.icon)}>\n      {icon}\n    </span>;\n}\n\n/**\n * The label a chip draws, in a span of its own so it can be cut short with an\n * ellipsis rather than wrapped out of the pill; see the header of `./styles`.\n * Shared for the reason `chipGlyph` is, by all three components that draw the\n * pill.\n */\nfunction chipLabel(children: ReactNode): ReactNode {\n  return <span {...stylex.props(chipStyles.label)}>{children}</span>;\n}\n\n// The three containers a chip can be on, with the layers and the disabled\n// treatment each takes. A table rather than a branch per state, so the\n// containers cannot differ in which states they answer.\nconst CONTAINERS = {\n  elevated: {\n    disabled: chipStyles.elevatedDisabled,\n    focused: chipLayers.elevatedFocused,\n    hovered: chipLayers.elevatedHovered,\n    pressed: chipLayers.elevatedPressed\n  },\n  selected: {\n    disabled: chipStyles.disabledSelected,\n    focused: chipLayers.selectedFocused,\n    hovered: chipLayers.selectedHovered,\n    pressed: chipLayers.selectedPressed\n  },\n  unselected: {\n    disabled: chipStyles.disabledUnselected,\n    focused: chipLayers.unselectedFocused,\n    hovered: chipLayers.unselectedHovered,\n    pressed: chipLayers.unselectedPressed\n  }\n};\n\n/** Which of the page's chips a pill is drawn as. */\ntype ChipKind = 'assist' | 'filter' | 'suggestion';\n\n/**\n * The pill's styles in the render state React Aria hands a chip's\n * `className`, for Chip's two buttons and ChipGroup's tag alike. StyleX\n * cannot target `[data-selected]` on the element it is styling, so the\n * container is chosen here rather than in CSS — which is also why an\n * uncontrolled chip styles itself without keeping a copy of its state.\n *\n * Shared for the reason `chipGlyph` is: the order is the precedence. The\n * hover, focus and pressed layers come from the render state over the\n * container — focus over hover, and a press over both — and disabled comes\n * last so it wins over all of them, since StyleX replaces a property whole.\n *\n * `elevated` raises the chip off the page on a container of its own, and\n * `kind` names which of the page's chips it is, which decides the label's\n * role.\n */\nfunction chipPropsFor(state: {\n  isDisabled: boolean;\n  isFocusVisible: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isSelected: boolean;\n}, {\n  elevated = false,\n  kind = 'filter'\n}: {\n  elevated?: boolean;\n  kind?: ChipKind;\n} = {}) {\n  const roles = CONTAINERS[containerOf(state.isSelected, elevated)];\n  const raised = elevated && !state.isDisabled;\n  return stylex.props(chipStyles.base, chipStyles.target, focus.ring, state.isSelected ? chipStyles.selected : chipStyles.unselected, elevated && !state.isSelected && chipStyles.elevated, kind === 'assist' && chipStyles.assist, raised && chipStyles.raised, state.isHovered && roles.hovered, raised && state.isHovered && chipStyles.raisedHovered, state.isFocusVisible && roles.focused, state.isPressed && roles.pressed, state.isDisabled && chipStyles.disabled, state.isDisabled && roles.disabled);\n}\n\n/**\n * The close target's class, from its button's own render state, so its\n * hover and pressed layers follow React Aria's report rather than `:hover`\n * and `:active` — see `chipLayers`. A function, which React Aria's\n * `className` takes alongside a string.\n */\nfunction chipRemoveClassName(state: {\n  isHovered: boolean;\n  isPressed: boolean;\n}) {\n  return stylex.props(chipStyles.remove, state.isHovered && chipLayers.removeHovered, state.isPressed && chipLayers.removePressed).className ?? '';\n}\n\n// Which container a chip is on: the secondary container while selected,\n// elevated or not, and otherwise the elevated one or the outline.\nfunction containerOf(isSelected: boolean, elevated: boolean) {\n  if (isSelected) {\n    return 'selected';\n  }\n  return elevated ? 'elevated' : 'unselected';\n}\nexport type { ChipKind };\nexport { chipGlyph, chipLabel, chipPropsFor, chipRemoveClassName };"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAASM,UAAUC,OAGhBG,MAA6B;CAC9B,IAAIH,MAAME,YACR,OAAO,oBAAC,QAAD;EAAM,GAAIR,MAAaI,WAAWO,KAAK;EAC1C,UAAA,oBAAC,YAAD,EAAY,GAAIX,MAAaI,WAAWQ,QAAQ,EAAE,CAAA;CAC9C,CAAA;CAEV,IAAIH,SAASI,KAAAA,KAAaJ,SAAS,MACjC,OAAO;CAET,OAAO,oBAAC,QAAD;EAAM,GAAIT,MAAaI,WAAWO,OAAO,CAACL,MAAMC,cAAcH,WAAWK,IAAI;EAC/EA,UAAAA;CACG,CAAA;AACV;;;;;;;AAQA,SAASK,UAAUC,UAAgC;CACjD,OAAO,oBAAC,QAAD;EAAM,GAAIf,MAAaI,WAAWY,KAAK;EAAID;CAAe,CAAA;AACnE;AAKA,MAAME,aAAa;CACjBC,UAAU;EACRC,UAAUf,WAAWgB;EACrBC,SAASlB,WAAWmB;EACpBC,SAASpB,WAAWqB;EACpBC,SAAStB,WAAWuB;CACtB;CACAC,UAAU;EACRR,UAAUf,WAAWwB;EACrBP,SAASlB,WAAW0B;EACpBN,SAASpB,WAAW2B;EACpBL,SAAStB,WAAW4B;CACtB;CACAC,YAAY;EACVb,UAAUf,WAAW6B;EACrBZ,SAASlB,WAAW+B;EACpBX,SAASpB,WAAWgC;EACpBV,SAAStB,WAAWiC;CACtB;AACF;;;;;;;;;;;;;;;;;AAqBA,SAASE,aAAahC,OAMnB,EACDY,WAAW,OACXwB,OAAO,aAIL,CAAC,GAAG;CACN,MAAMC,QAAQ1B,WAAW2B,YAAYtC,MAAME,YAAYU,QAAQ;CAC/D,MAAM2B,SAAS3B,YAAY,CAACZ,MAAMC;CAClC,OAAOP,MAAaI,WAAW0C,MAAM1C,WAAW2C,QAAQ7C,MAAM8C,MAAM1C,MAAME,aAAaJ,WAAWuB,WAAWvB,WAAW4B,YAAYd,YAAY,CAACZ,MAAME,cAAcJ,WAAWc,UAAUwB,SAAS,YAAYtC,WAAW6C,QAAQJ,UAAUzC,WAAWyC,QAAQvC,MAAMkC,aAAaG,MAAMpB,SAASsB,UAAUvC,MAAMkC,aAAapC,WAAW8C,eAAe5C,MAAMiC,kBAAkBI,MAAMtB,SAASf,MAAMmC,aAAaE,MAAMlB,SAASnB,MAAMC,cAAcH,WAAWe,UAAUb,MAAMC,cAAcoC,MAAMxB,QAAQ;AAC9e;;;;;;;AAQA,SAASgC,oBAAoB7C,OAG1B;CACD,OAAON,MAAaI,WAAWgD,QAAQ9C,MAAMkC,aAAarC,WAAWkD,eAAe/C,MAAMmC,aAAatC,WAAWmD,aAAa,CAAC,CAACC,aAAa;AAChJ;AAIA,SAASX,YAAYpC,YAAqBU,UAAmB;CAC3D,IAAIV,YACF,OAAO;CAET,OAAOU,WAAW,aAAa;AACjC"}