@kanso-labs/kanso-ui 0.43.7 → 0.44.1

package/README.md

@@ -333,6 +333,7 @@ the icon inherits it:
 | `IconButton`                                | 20px, 24px, 24px, 32px and 40px across `xs` to `xxl` |
 | A field's `leadingIcon` and `trailingIcon`  | 24px                                                 |
 | `SegmentedButton.Segment`'s `icon`          | 18px                                                 |
+| `Switch`'s `icon` and `unselectedIcon`      | 16px                                                 |
 | `Tabs.Tab`'s `icon`                         | 24px                                                 |
 
 **The `leading` and `trailing` slots on a row are different.** A list item, a

package/dist/calendar/index.js

@@ -46,14 +46,27 @@ function CalendarFrame(t0) {
 	} else t2 = $[4];
 	return t2;
 }
+/**
+* The weekday row, faded with the rest of a calendar that is disabled. The
+* state comes from React Aria's context rather than a prop, so the two
+* calendars draw it the same way without either passing anything down.
+*
+* The narrow letters are for the eye alone. React Aria hides the row from
+* assistive technology, since every date's name opens with its weekday in
+* full, so a letter that two days share is never read out.
+*/
 function CalendarGridHeader$1() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(CalendarGridHeader, { children: calendarHeaderCell });
+	const $ = c(2);
+	const single = useContext(CalendarStateContext);
+	const range = useContext(RangeCalendarStateContext);
+	const t0 = (single ?? range)?.isDisabled ?? false ? disabledHeaderCell : calendarHeaderCell;
+	let t1;
+	if ($[0] !== t0) {
+		t1 = /* @__PURE__ */ jsx(CalendarGridHeader, { children: t0 });
 		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 /**
 * The two chevrons with the month between them. React Aria wires
@@ -65,6 +78,11 @@ function CalendarGridHeader$1() {
 * A plain element rather than a `<header>`: a header is a banner landmark,
 * landmarks may not nest, and React Aria puts a calendar in
 * `role="application"` — axe fails the page on it.
+*
+* React Aria hides the heading between the chevrons from assistive
+* technology. The one a reader reaches is React Aria's own, out of sight,
+* naming the calendar's label with the month, so a calendar adds one heading
+* to the page's outline rather than two.
 */
 function CalendarHeader() {
 	const $ = c(4);
@@ -107,10 +125,7 @@ function CalendarHeader() {
 }
 /** The weekday row, in the type the page gives both it and the dates. */
 function calendarHeaderCell(day) {
-	return /* @__PURE__ */ jsx(CalendarHeaderCell, {
-		...props(calendarStyles.headerCell),
-		children: day
-	});
+	return headerCell(day, false);
 }
 /**
 * The docked header: the month's menu button between the chevrons that step
@@ -371,6 +386,15 @@ function chevronClassName(state, isHidden = false) {
 function chevronClassNameWhile(isListOpen) {
 	return (state) => chevronClassName(state, isListOpen);
 }
+function disabledHeaderCell(day) {
+	return headerCell(day, true);
+}
+function headerCell(day, isDisabled) {
+	return /* @__PURE__ */ jsx(CalendarHeaderCell, {
+		...props(calendarStyles.headerCell, isDisabled && calendarStyles.headerCellDisabled),
+		children: day
+	});
+}
 /**
 * The month or the year as the page's menu button, opening its list. Named
 * by what it shows and then by what it is — "Sep month" — which keeps the

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","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":"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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","single","range","isDisabled","disabledHeaderCell","calendarHeaderCell","CalendarHeader","props","header","chevronClassName","chevronGlyph","chevronGlyphPrevious","heading","t3","day","headerCell","CalendarMenus","state","open","setOpen","listId","monthButton","yearButton","button","requestAnimationFrame","current","close","_temp","toggleMonth","_temp2","toggleYear","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","headerCellDisabled","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","RACCalendarMonthPicker","RACCalendarYearPicker","RACCalendarHeaderCell","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}\n\n/**\n * The weekday row, faded with the rest of a calendar that is disabled. The\n * state comes from React Aria's context rather than a prop, so the two\n * calendars draw it the same way without either passing anything down.\n *\n * The narrow letters are for the eye alone. React Aria hides the row from\n * assistive technology, since every date's name opens with its weekday in\n * full, so a letter that two days share is never read out.\n */\nfunction CalendarGridHeader(): ReactElement {\n  const single = useContext(CalendarStateContext);\n  const range = useContext(RangeCalendarStateContext);\n  const isDisabled = (single ?? range)?.isDisabled ?? false;\n  return <RACCalendarGridHeader>\n      {isDisabled ? disabledHeaderCell : calendarHeaderCell}\n    </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 *\n * React Aria hides the heading between the chevrons from assistive\n * technology. The one a reader reaches is React Aria's own, out of sight,\n * naming the calendar's label with the month, so a calendar adds one heading\n * to the page's outline rather than two.\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 headerCell(day, false);\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// A weekday in a disabled calendar, at the fade its dates take.\nfunction disabledHeaderCell(day: string): ReactElement {\n  return headerCell(day, true);\n}\nfunction headerCell(day: string, isDisabled: boolean): ReactElement {\n  return <RACCalendarHeaderCell {...stylex.props(calendarStyles.headerCell, isDisabled && calendarStyles.headerCellDisabled)}>\n      {day}\n    </RACCalendarHeaderCell>;\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":"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"}

package/dist/calendar/styles.js

@@ -26,6 +26,7 @@ const calendarStyles = {
 	},
 	cellDisabled: {
 		kWkggS: "xjbqb8w",
+		kVAM5u: "x1pojj9x",
 		kMwMTN: "x9w6zvh",
 		kkrTdU: "x1h6gzvc",
 		kAXs8y: "xr5dkdi",
@@ -42,6 +43,12 @@ const calendarStyles = {
 		kjBf7l: "xrgy624 x3teovq",
 		$$css: true
 	},
+	cellInvalid: {
+		kWkggS: "x1skwi6t x1jzqe4",
+		kVAM5u: "xpdgbdc x1n2ykn",
+		kMwMTN: "x16elhoc x1k5gbb1",
+		$$css: true
+	},
 	cellRangeEnd: {
 		kT0f0o: "x187kppt",
 		kfmiAY: "x1fpsnkq",
@@ -52,6 +59,10 @@ const calendarStyles = {
 		krdFHd: "x1uni95s",
 		$$css: true
 	},
+	cellReadOnly: {
+		kkrTdU: "xt0e3qv",
+		$$css: true
+	},
 	cellSelected: {
 		kWkggS: "xnety89 x1jzqe4",
 		kVAM5u: "x1uajy3w x1n2ykn",
@@ -60,6 +71,13 @@ const calendarStyles = {
 		kjBf7l: "xrgy624 x3teovq",
 		$$css: true
 	},
+	cellSelectedDisabled: {
+		kWkggS: "x19v6zzp x1o55y2u",
+		kVAM5u: "x9r1u3d xmnqt3w",
+		kMwMTN: "x9w6zvh x1a46atw",
+		kAXs8y: "x1g12otp",
+		$$css: true
+	},
 	cellToday: {
 		kVAM5u: "x1uajy3w",
 		ksu8eU: "x1y0btm7",
@@ -121,6 +139,10 @@ const calendarStyles = {
 		kLWn49: "xh7dzej",
 		$$css: true
 	},
+	headerCellDisabled: {
+		kMwMTN: "x9w6zvh",
+		$$css: true
+	},
 	headerGroup: {
 		kGNEyG: "x6s0dn4",
 		k1xSpc: "x78zum5",
@@ -264,6 +286,14 @@ const dateLayers = {
 		kWkggS: "x1as5h4c x1jzqe4",
 		$$css: true
 	},
+	invalidHovered: {
+		kWkggS: "xbw18ef x1jzqe4",
+		$$css: true
+	},
+	invalidPressed: {
+		kWkggS: "xld5jmv x1jzqe4",
+		$$css: true
+	},
 	plainHovered: {
 		kWkggS: "x1b18xnh",
 		$$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","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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"}
+{"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","kVAM5u","kAXs8y","cellInRange","kjBf7l","cellInvalid","cellRangeEnd","kT0f0o","kfmiAY","cellRangeStart","kVL7Gh","krdFHd","cellReadOnly","cellSelected","cellSelectedDisabled","cellToday","ksu8eU","kMzoRj","cellUnavailable","kMnn75","chevron","chevronGlyph","k3aq6I","chevronGlyphPrevious","chevronHidden","k33iCy","grid","kLvRdT","kheTzg","kPzzVL","header","kOIVth","kAzted","headerCell","headerCellDisabled","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","invalidHovered","invalidPressed","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, apart from\n// the date a disabled calendar holds, which takes `GrayText` as its fill in\n// the same way; see `cellSelectedDisabled`.\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    kVAM5u: \"x1pojj9x\",\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  cellInvalid: {\n    kWkggS: \"x1skwi6t x1jzqe4\",\n    kVAM5u: \"xpdgbdc x1n2ykn\",\n    kMwMTN: \"x16elhoc x1k5gbb1\",\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  cellReadOnly: {\n    kkrTdU: \"xt0e3qv\",\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  cellSelectedDisabled: {\n    kWkggS: \"x19v6zzp x1o55y2u\",\n    kVAM5u: \"x9r1u3d xmnqt3w\",\n    kMwMTN: \"x9w6zvh x1a46atw\",\n    kAXs8y: \"x1g12otp\",\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  headerCellDisabled: {\n    kMwMTN: \"x9w6zvh\",\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, the selected circle, and the invalid one. From React Aria's\n// render state rather than `:hover` and `:active`, for Button's reasons — see\n// its header: a hover layer stayed on after a tap, and no pressed layer\n// 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 circles 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  invalidHovered: {\n    kWkggS: \"xbw18ef x1jzqe4\",\n    $$css: true\n  },\n  invalidPressed: {\n    kWkggS: \"xld5jmv 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":";AAgEA,MAAMe,iBAAiB;CACrBC,MAAM;EACJC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,cAAc;EACZlB,QAAQ;EACRmB,QAAQ;EACRf,QAAQ;EACRC,QAAQ;EACRe,QAAQ;EACRH,OAAO;CACT;CACAI,aAAa;EACXrB,QAAQ;EACRmB,QAAQ;EACRjB,QAAQ;EACRE,QAAQ;EACRgB,QAAQ;EACRV,QAAQ;EACRK,QAAQ;EACRO,QAAQ;EACRL,OAAO;CACT;CACAM,aAAa;EACXvB,QAAQ;EACRmB,QAAQ;EACRf,QAAQ;EACRa,OAAO;CACT;CACAO,cAAc;EACZC,QAAQ;EACRC,QAAQ;EACRT,OAAO;CACT;CACAU,gBAAgB;EACdC,QAAQ;EACRC,QAAQ;EACRZ,OAAO;CACT;CACAa,cAAc;EACZzB,QAAQ;EACRY,OAAO;CACT;CACAc,cAAc;EACZ/B,QAAQ;EACRmB,QAAQ;EACRf,QAAQ;EACRgB,QAAQ;EACRE,QAAQ;EACRL,OAAO;CACT;CACAe,sBAAsB;EACpBhC,QAAQ;EACRmB,QAAQ;EACRf,QAAQ;EACRgB,QAAQ;EACRH,OAAO;CACT;CACAgB,WAAW;EACTd,QAAQ;EACRe,QAAQ;EACRC,QAAQ;EACR/B,QAAQ;EACRa,OAAO;CACT;CACAmB,iBAAiB;EACfpC,QAAQ;EACRK,QAAQ;EACRe,QAAQ;EACRiB,QAAQ;EACRpB,OAAO;CACT;CACAqB,SAAS;EACP1C,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRiB,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAsB,cAAc;EACZtC,QAAQ;EACRS,QAAQ;EACR8B,QAAQ;EACRvB,OAAO;CACT;CACAwB,sBAAsB;EACpBD,QAAQ;EACRvB,OAAO;CACT;CACAyB,eAAe;EACbC,QAAQ;EACR1B,OAAO;CACT;CACA2B,MAAM;EACJC,QAAQ;EACRC,QAAQ;EACRpC,QAAQ;EACRqC,QAAQ;EACR9B,OAAO;CACT;CACA+B,QAAQ;EACNjD,QAAQ;EACRO,QAAQ;EACR2C,QAAQ;EACRtC,QAAQ;EACRuC,QAAQ;EACRjC,OAAO;CACT;CACAkC,YAAY;EACVlD,QAAQ;EACRG,QAAQ;EACRG,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRG,QAAQ;EACRC,QAAQ;EACRI,OAAO;CACT;CACAmC,oBAAoB;EAClBhD,QAAQ;EACRa,OAAO;CACT;CACAoC,aAAa;EACXtD,QAAQ;EACRO,QAAQ;EACRW,OAAO;CACT;CACAqC,SAAS;EACPlD,QAAQ;EACRG,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRG,QAAQ;EACRC,QAAQ;EACR0C,QAAQ;EACRC,QAAQ;EACRvC,OAAO;CACT;CACAwC,WAAW;EACTxD,QAAQ;EACRyD,OAAO;EACPhD,QAAQ;EACRO,OAAO;CACT;CACA0C,mBAAmB;EACjBnB,QAAQ;EACRvB,OAAO;CACT;CACA2C,YAAY;EACVhE,QAAQ;EACRiE,QAAQ;EACRC,QAAQ;EACRhE,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRiC,QAAQ;EACRhC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRoD,OAAO;EACPnD,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRwC,QAAQ;EACRrC,QAAQ;EACRC,QAAQ;EACRkD,QAAQ;EACR/C,QAAQ;EACRC,OAAO;CACT;CACA+C,WAAW;EACT/D,QAAQ;EACRG,QAAQ;EACRsD,OAAO;EACPhD,QAAQ;EACRO,OAAO;CACT;CACAgD,UAAU;EACRlE,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRE,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRwC,QAAQ;EACRrC,QAAQ;EACRC,QAAQ;EACRqD,QAAQ;EACRH,QAAQ;EACR9C,OAAO;CACT;CACAkD,kBAAkB;EAChBnE,QAAQ;EACRI,QAAQ;EACRC,QAAQ;EACRY,OAAO;CACT;CACAmD,iBAAiB;EACf9C,QAAQ;EACR+C,QAAQ;EACRH,QAAQ;EACRI,QAAQ;EACRrD,OAAO;CACT;CACAsD,kBAAkB;EAChBvE,QAAQ;EACRiB,OAAO;CACT;CACAuD,UAAU;EACRvE,QAAQ;EACRwE,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRxE,QAAQ;EACRY,QAAQ;EACRmD,QAAQ;EACRU,QAAQ;EACR3D,OAAO;CACT;CACA4D,OAAO;EACL1E,QAAQ;EACRO,QAAQ;EACRoE,QAAQ;EACR7D,OAAO;CACT;CACA8D,QAAQ;EACNhF,QAAQ;EACRO,QAAQ;EACR2C,QAAQ;EACR+B,QAAQ;EACRC,QAAQ;EACR/B,QAAQ;EACRjC,OAAO;CACT;CACAiE,MAAM;EACJlF,QAAQ;EACRE,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRE,QAAQ;EACR6E,QAAQ;EACRlC,QAAQ;EACRvC,QAAQ;EACRoE,QAAQ;EACRM,QAAQ;EACRC,QAAQ;EACRpE,OAAO;CACT;AACF;AAUA,MAAMqE,aAAa;CACjBC,gBAAgB;EACdvF,QAAQ;EACRiB,OAAO;CACT;CACAuE,gBAAgB;EACdxF,QAAQ;EACRiB,OAAO;CACT;CACAwE,gBAAgB;EACdzF,QAAQ;EACRiB,OAAO;CACT;CACAyE,gBAAgB;EACd1F,QAAQ;EACRiB,OAAO;CACT;CACA0E,cAAc;EACZ3F,QAAQ;EACRiB,OAAO;CACT;CACA2E,cAAc;EACZ5F,QAAQ;EACRiB,OAAO;CACT;CACA4E,iBAAiB;EACf7F,QAAQ;EACRiB,OAAO;CACT;CACA6E,iBAAiB;EACf9F,QAAQ;EACRiB,OAAO;CACT;AACF;AAKA,MAAM8E,aAAa;CACjBF,iBAAiB;EACf7F,QAAQ;EACRiB,OAAO;CACT;CACA6E,iBAAiB;EACf9F,QAAQ;EACRiB,OAAO;CACT;AACF"}

package/dist/chip/index.js

@@ -2,18 +2,22 @@ import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { CheckGlyph } from "../glyphs/index.js";
 import { focus } from "../styles/focus.js";
 import { chipLayers, chipStyles } from "./styles.js";
+import { ChipLabel } from "./label.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/chip/index.tsx
 /**
 * What a chip draws before its label: the check while it is selected, its own
-* icon while it is not, and nothing for an unselected chip with no icon.
-* Returns a node rather than letting the type be inferred, since `ReactNode`
-* is a union that includes a promise and an inferred one has to be `async`.
+* icon while it is not, and for an unselected chip with no icon, a slot folded
+* to nothing that opens when it is selected. A chip that can never be selected
+* passes `selectable` as false and draws nothing there. Returns a node rather
+* than letting the type be inferred, since `ReactNode` is a union that
+* includes a promise and an inferred one has to be `async`.
 *
 * The check takes the icon's place rather than joining it, as the chips page
 * draws a filter chip and as a segmented button's segments do. So a chip with
 * an icon keeps its width when it is chosen, where one without grows by the
-* slot.
+* slot, and the slot is kept mounted while folded so that growth has a width
+* to transition from; see the header of `./styles`.
 *
 * Shared rather than written at each of the two call sites: Chip and
 * ChipGroup's chip draw the same pill from `./styles`, and a check written
@@ -21,12 +25,17 @@ import { jsx } from "react/jsx-runtime";
 * library's own and not exported from the package; see `src/row` for the
 * same arrangement around a list's row.
 */
-function chipGlyph(state, icon) {
+function chipGlyph(state, icon, selectable = true) {
+	const hasIcon = icon !== void 0 && icon !== null;
+	if (!hasIcon && (selectable || state.isSelected)) return /* @__PURE__ */ jsx("span", {
+		...props(chipStyles.glyph, chipStyles.glyphOpening, !state.isSelected && chipStyles.glyphFolded),
+		children: /* @__PURE__ */ jsx(CheckGlyph, { ...props(chipStyles.glyphSvg) })
+	});
 	if (state.isSelected) return /* @__PURE__ */ jsx("span", {
 		...props(chipStyles.glyph),
 		children: /* @__PURE__ */ jsx(CheckGlyph, { ...props(chipStyles.glyphSvg) })
 	});
-	if (icon === void 0 || icon === null) return null;
+	if (!hasIcon) return null;
 	return /* @__PURE__ */ jsx("span", {
 		...props(chipStyles.glyph, !state.isDisabled && chipStyles.icon),
 		children: icon
@@ -35,14 +44,12 @@ function chipGlyph(state, icon) {
 /**
 * The label a chip draws, in a span of its own so it can be cut short with an
 * ellipsis rather than wrapped out of the pill; see the header of `./styles`.
-* Shared for the reason `chipGlyph` is, by all three components that draw the
-* pill.
+* A label cut short shows its full text in the browser's tooltip on hover —
+* see `useClippedTitle`. Shared for the reason `chipGlyph` is, by all three
+* components that draw the pill.
 */
 function chipLabel(children) {
-	return /* @__PURE__ */ jsx("span", {
-		...props(chipStyles.label),
-		children
-	});
+	return /* @__PURE__ */ jsx(ChipLabel, { children });
 }
 const CONTAINERS = {
 	elevated: {
@@ -78,21 +85,23 @@ 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.
+* role. `inert` marks a chip a press does nothing to, which draws the arrow
+* rather than the pointer.
 */
-function chipPropsFor(state, { elevated = false, kind = "filter" } = {}) {
+function chipPropsFor(state, { elevated = false, inert = false, kind = "filter" } = {}) {
 	const roles = CONTAINERS[containerOf(state.isSelected, elevated)];
 	const raised = elevated && !state.isDisabled;
-	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);
+	return props(chipStyles.base, inert && chipStyles.inert, 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
 * hover and pressed layers follow React Aria's report rather than `:hover`
-* and `:active` — see `chipLayers`. A function, which React Aria's
-* `className` takes alongside a string.
+* and `:active` — see `chipLayers` — and a disabled chip's close target
+* takes the chip's cursor. A function, which React Aria's `className` takes
+* alongside a string.
 */
 function chipRemoveClassName(state) {
-	return props(chipStyles.remove, state.isHovered && chipLayers.removeHovered, state.isPressed && chipLayers.removePressed).className ?? "";
+	return props(chipStyles.remove, state.isHovered && chipLayers.removeHovered, state.isPressed && chipLayers.removePressed, state.isDisabled && chipStyles.removeDisabled).className ?? "";
 }
 function containerOf(isSelected, elevated) {
 	if (isSelected) return "selected";

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","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"}
+{"version":3,"file":"index.js","names":["ReactNode","stylex","CheckGlyph","focus","ChipLabel","chipLayers","chipStyles","chipGlyph","state","isDisabled","isSelected","icon","selectable","hasIcon","undefined","props","glyph","glyphOpening","glyphFolded","glyphSvg","chipLabel","children","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","inert","kind","roles","containerOf","raised","base","target","ring","assist","raisedHovered","chipRemoveClassName","remove","removeHovered","removePressed","removeDisabled","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 { ChipLabel } from './label';\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 for an unselected chip with no icon, a slot folded\n * to nothing that opens when it is selected. A chip that can never be selected\n * passes `selectable` as false and draws nothing there. Returns a node rather\n * than letting the type be inferred, since `ReactNode` is a union that\n * 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, and the slot is kept mounted while folded so that growth has a width\n * to transition from; see the header of `./styles`.\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, selectable = true): ReactNode {\n  const hasIcon = icon !== undefined && icon !== null;\n  if (!hasIcon && (selectable || state.isSelected)) {\n    return <span {...stylex.props(chipStyles.glyph, chipStyles.glyphOpening, !state.isSelected && chipStyles.glyphFolded)}>\n        <CheckGlyph {...stylex.props(chipStyles.glyphSvg)} />\n      </span>;\n  }\n  if (state.isSelected) {\n    return <span {...stylex.props(chipStyles.glyph)}>\n        <CheckGlyph {...stylex.props(chipStyles.glyphSvg)} />\n      </span>;\n  }\n  if (!hasIcon) {\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 * A label cut short shows its full text in the browser's tooltip on hover —\n * see `useClippedTitle`. Shared for the reason `chipGlyph` is, by all three\n * components that draw the pill.\n */\nfunction chipLabel(children: ReactNode): ReactNode {\n  return <ChipLabel>{children}</ChipLabel>;\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. `inert` marks a chip a press does nothing to, which draws the arrow\n * rather than the pointer.\n */\nfunction chipPropsFor(state: {\n  isDisabled: boolean;\n  isFocusVisible: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isSelected: boolean;\n}, {\n  elevated = false,\n  inert = false,\n  kind = 'filter'\n}: {\n  elevated?: boolean;\n  inert?: 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, inert && chipStyles.inert, 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` — and a disabled chip's close target\n * takes the chip's cursor. A function, which React Aria's `className` takes\n * alongside a string.\n */\nfunction chipRemoveClassName(state: {\n  isDisabled: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n}) {\n  return stylex.props(chipStyles.remove, state.isHovered && chipLayers.removeHovered, state.isPressed && chipLayers.removePressed, state.isDisabled && chipStyles.removeDisabled).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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAASO,UAAUC,OAGhBG,MAAkBC,aAAa,MAAiB;CACjD,MAAMC,UAAUF,SAASG,KAAAA,KAAaH,SAAS;CAC/C,IAAI,CAACE,YAAYD,cAAcJ,MAAME,aACnC,OAAO,oBAAC,QAAD;EAAM,GAAIT,MAAaK,WAAWU,OAAOV,WAAWW,cAAc,CAACT,MAAME,cAAcJ,WAAWY,WAAW;EAChH,UAAA,oBAAC,YAAD,EAAY,GAAIjB,MAAaK,WAAWa,QAAQ,EAAE,CAAA;CAC9C,CAAA;CAEV,IAAIX,MAAME,YACR,OAAO,oBAAC,QAAD;EAAM,GAAIT,MAAaK,WAAWU,KAAK;EAC1C,UAAA,oBAAC,YAAD,EAAY,GAAIf,MAAaK,WAAWa,QAAQ,EAAE,CAAA;CAC9C,CAAA;CAEV,IAAI,CAACN,SACH,OAAO;CAET,OAAO,oBAAC,QAAD;EAAM,GAAIZ,MAAaK,WAAWU,OAAO,CAACR,MAAMC,cAAcH,WAAWK,IAAI;EAC/EA,UAAAA;CACG,CAAA;AACV;;;;;;;;AASA,SAASS,UAAUC,UAAgC;CACjD,OAAO,oBAAC,WAAD,EAAYA,SAAoB,CAAA;AACzC;AAKA,MAAMC,aAAa;CACjBC,UAAU;EACRC,UAAUlB,WAAWmB;EACrBC,SAASrB,WAAWsB;EACpBC,SAASvB,WAAWwB;EACpBC,SAASzB,WAAW0B;CACtB;CACAC,UAAU;EACRR,UAAUlB,WAAW2B;EACrBP,SAASrB,WAAW6B;EACpBN,SAASvB,WAAW8B;EACpBL,SAASzB,WAAW+B;CACtB;CACAC,YAAY;EACVb,UAAUlB,WAAWgC;EACrBZ,SAASrB,WAAWkC;EACpBX,SAASvB,WAAWmC;EACpBV,SAASzB,WAAWoC;CACtB;AACF;;;;;;;;;;;;;;;;;;AAsBA,SAASE,aAAanC,OAMnB,EACDe,WAAW,OACXwB,QAAQ,OACRC,OAAO,aAKL,CAAC,GAAG;CACN,MAAMC,QAAQ3B,WAAW4B,YAAY1C,MAAME,YAAYa,QAAQ;CAC/D,MAAM4B,SAAS5B,YAAY,CAACf,MAAMC;CAClC,OAAOR,MAAaK,WAAW8C,MAAML,SAASzC,WAAWyC,OAAOzC,WAAW+C,QAAQlD,MAAMmD,MAAM9C,MAAME,aAAaJ,WAAW0B,WAAW1B,WAAW+B,YAAYd,YAAY,CAACf,MAAME,cAAcJ,WAAWiB,UAAUyB,SAAS,YAAY1C,WAAWiD,QAAQJ,UAAU7C,WAAW6C,QAAQ3C,MAAMqC,aAAaI,MAAMrB,SAASuB,UAAU3C,MAAMqC,aAAavC,WAAWkD,eAAehD,MAAMoC,kBAAkBK,MAAMvB,SAASlB,MAAMsC,aAAaG,MAAMnB,SAAStB,MAAMC,cAAcH,WAAWkB,UAAUhB,MAAMC,cAAcwC,MAAMzB,QAAQ;AACzgB;;;;;;;;AASA,SAASiC,oBAAoBjD,OAI1B;CACD,OAAOP,MAAaK,WAAWoD,QAAQlD,MAAMqC,aAAaxC,WAAWsD,eAAenD,MAAMsC,aAAazC,WAAWuD,eAAepD,MAAMC,cAAcH,WAAWuD,cAAc,CAAC,CAACC,aAAa;AAC/L;AAIA,SAASZ,YAAYxC,YAAqBa,UAAmB;CAC3D,IAAIb,YACF,OAAO;CAET,OAAOa,WAAW,aAAa;AACjC"}

package/dist/chip/label.js

@@ -0,0 +1,32 @@
+import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
+import { useClippedTitle } from "../hooks/useClippedTitle.js";
+import { chipStyles } from "./styles.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/chip/label.tsx
+function ChipLabel(t0) {
+	const $ = c(4);
+	const { children } = t0;
+	const clipped = useClippedTitle(children);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = props(chipStyles.label);
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== children || $[2] !== clipped) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			...clipped,
+			...t1,
+			children
+		});
+		$[1] = children;
+		$[2] = clipped;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+//#endregion
+export { ChipLabel };
+
+//# sourceMappingURL=label.js.map

package/dist/chip/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":["ReactNode","stylex","useClippedTitle","chipStyles","ChipLabel","t0","$","_c","children","clipped","t1","Symbol","for","props","label","t2","_c","stylex.props"],"sources":["../../src/chip/label.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { useClippedTitle } from '../hooks/useClippedTitle';\nimport { chipStyles } from './styles';\n\n// Apart from ./index.tsx so that file keeps to the helpers it shares and this\n// one to the component, which is what keeps fast refresh working for both.\n\n// The span `chipLabel` draws, as a component, since the title is state and\n// `chipLabel` is called from React Aria's render functions.\nfunction ChipLabel({\n  children\n}: {\n  children: ReactNode;\n}) {\n  const clipped = useClippedTitle(children);\n  return <span {...clipped} {...stylex.props(chipStyles.label)}>\n      {children}\n    </span>;\n}\nexport { ChipLabel };"],"mappings":";;;;;;AAUA,SAAAI,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAmB,MAAA,EAAAC,aAAAH;CAKjB,MAAAI,UAAgBP,gBAAgBM,QAAQ;CAAE,IAAAE;CAAA,IAAAJ,EAAA,OAAAK,OAAAC,IAAA,2BAAA,GAAA;EACZF,KAAAT,MAAaE,WAAUW,KAAM;EAACR,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAE,YAAAF,EAAA,OAAAG,SAAA;EAArDM,KAAA,oBAAA,QAAA;GAEE,GAFQN;GAAO,GAAMC;GACzBF;EACI,CAAA;EAAAF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAFFS;AAEE"}