@kanso-labs/kanso-ui 0.35.0 → 0.37.0

package/dist/components/time-field/index.js

@@ -29,7 +29,7 @@ import { DateInput, TimeField } from "react-aria-components";
 * on the field as a whole, which is the element a layout positions.
 */
 function TimeField$1(t0) {
-	const $ = c(21);
+	const $ = c(22);
 	const { description, error, floatingLabel: t1, isDisabled: t2, label, leadingIcon, trailingIcon, variant: t3, ...props$1 } = t0;
 	const floatingLabel = t1 === void 0 ? true : t1;
 	const isDisabled = t2 === void 0 ? false : t2;
@@ -52,10 +52,11 @@ function TimeField$1(t0) {
 		$[2] = t6;
 	} else t6 = $[2];
 	let t7;
-	if ($[3] !== floatingLabel || $[4] !== label || $[5] !== leadingIcon || $[6] !== trailingIcon || $[7] !== variant) {
+	if ($[3] !== floatingLabel || $[4] !== label || $[5] !== leadingIcon || $[6] !== props$1.isRequired || $[7] !== trailingIcon || $[8] !== variant) {
 		t7 = /* @__PURE__ */ jsx(FieldBox, {
 			floatingLabel,
 			isPopulated: true,
+			isRequired: props$1.isRequired,
 			label,
 			leading: leadingIcon,
 			trailing: trailingIcon,
@@ -65,22 +66,23 @@ function TimeField$1(t0) {
 		$[3] = floatingLabel;
 		$[4] = label;
 		$[5] = leadingIcon;
-		$[6] = trailingIcon;
-		$[7] = variant;
-		$[8] = t7;
-	} else t7 = $[8];
+		$[6] = props$1.isRequired;
+		$[7] = trailingIcon;
+		$[8] = variant;
+		$[9] = t7;
+	} else t7 = $[9];
 	let t8;
-	if ($[9] !== description || $[10] !== error) {
+	if ($[10] !== description || $[11] !== error) {
 		t8 = /* @__PURE__ */ jsx(FieldMessage, {
 			description,
 			error
 		});
-		$[9] = description;
-		$[10] = error;
-		$[11] = t8;
-	} else t8 = $[11];
+		$[10] = description;
+		$[11] = error;
+		$[12] = t8;
+	} else t8 = $[12];
 	let t9;
-	if ($[12] !== T0 || $[13] !== isDisabled || $[14] !== props$1 || $[15] !== t4 || $[16] !== t5 || $[17] !== t7 || $[18] !== t8 || $[19] !== validationBehavior) {
+	if ($[13] !== T0 || $[14] !== isDisabled || $[15] !== props$1 || $[16] !== t4 || $[17] !== t5 || $[18] !== t7 || $[19] !== t8 || $[20] !== validationBehavior) {
 		t9 = /* @__PURE__ */ jsxs(T0, {
 			isDisabled,
 			isInvalid: t4,
@@ -89,16 +91,16 @@ function TimeField$1(t0) {
 			...t5,
 			children: [t7, t8]
 		});
-		$[12] = T0;
-		$[13] = isDisabled;
-		$[14] = props$1;
-		$[15] = t4;
-		$[16] = t5;
-		$[17] = t7;
-		$[18] = t8;
-		$[19] = validationBehavior;
-		$[20] = t9;
-	} else t9 = $[20];
+		$[13] = T0;
+		$[14] = isDisabled;
+		$[15] = props$1;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t7;
+		$[19] = t8;
+		$[20] = validationBehavior;
+		$[21] = t9;
+	} else t9 = $[21];
 	return t9;
 }
 //#endregion

package/dist/components/time-field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","TimeFieldProps","RACTimeFieldProps","TimeValue","stylex","DateInput","RACDateInput","TimeField","RACTimeField","FieldVariant","FieldBox","FieldMessage","FieldSegments","fieldStyles","invalidFrom","useFieldValidationBehavior","renderSegment","segmentStyles","mergeStatefulStyles","Omit","T","className","description","error","floatingLabel","label","leadingIcon","style","trailingIcon","variant","t0","$","t1","isDisabled","t2","t3","props","undefined","validationBehavior","T0","t4","t5","root","t6","Symbol","for","input","t7","t8","t9","TimeField","_c","props","RACTimeField","stylex.props","RACDateInput"],"sources":["../../../src/components/time-field/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes } from 'react';\nimport type { TimeFieldProps as RACTimeFieldProps, TimeValue } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { DateInput as RACDateInput, TimeField as RACTimeField } from 'react-aria-components';\nimport type { FieldVariant } from '../../field';\nimport { FieldBox, FieldMessage, FieldSegments } from '../../field';\nimport { fieldStyles, invalidFrom, useFieldValidationBehavior } from '../../field/root';\nimport { renderSegment } from '../../segments';\nimport { segmentStyles } from '../../segments/styles';\nimport { mergeStatefulStyles } from '../../styles/merge';\n\n// A time typed a segment at a time. Every part of it is DateField's, from\n// `src/segments` — the segment treatment, the muted placeholder, the filled\n// focus and the punctuation between — so a time on a form and a date on the\n// same form cannot come apart.\n//\n// What differs is the value it holds and nothing else. The time pickers page\n// gives its input the text field's own box, which is what the shared field\n// chrome already draws, so there is no measurement here that the date field's\n// comment does not already name.\n//\n// **Twelve or twenty-four hours is the reader's locale, not a prop.** React\n// Aria decides from the locale whether there is a day-period segment at all,\n// so a field under `I18nProvider` with `en-GB` shows a 24-hour clock and the\n// same field under `en-US` shows AM and PM. Nothing here overrides it, and\n// `hourCycle` is React Aria's own for a page that has to.\n\ntype TimeFieldProps<T extends TimeValue = TimeValue> = Omit<RACTimeFieldProps<T>, 'children' | 'className' | 'style'> & {\n  /** A function may compute the class from the field's render state. */\n  className?: RACTimeFieldProps<T>['className'];\n  /** Supporting text under the field. */\n  description?: string;\n  /**\n   * The message shown instead of the description, which also marks the\n   * field invalid.\n   *\n   * Outside a `Form` the message line arrives with the message, so the\n   * field grows when this does and moves what is under it. A `Form` holds\n   * that space from the start; so does a permanent `description`.\n   */\n  error?: string;\n  /**\n   * Whether the label floats into the box's top once the field holds a\n   * value, rather than sitting above it.\n   * @default true\n   */\n  floatingLabel?: boolean;\n  /** What the field is for. Always rendered; never a placeholder. */\n  label: string;\n  /**\n   * An icon at the box's leading end, in the page's 24dp size. An icon drawn\n   * in `em` takes that size from the slot.\n   */\n  leadingIcon?: ReactNode;\n  /** A function may compute the style from the field's render state. */\n  style?: RACTimeFieldProps<T>['style'];\n  /**\n   * An icon at the box's trailing end, in the page's 24dp size. An icon\n   * drawn in `em` takes that size from the slot.\n   */\n  trailingIcon?: ReactNode;\n  /**\n   * Which of the text fields page's two boxes to draw.\n   * @default 'filled'\n   */\n  variant?: FieldVariant;\n};\n\n/**\n * A time typed rather than picked: one segment per part, each its own focus\n * stop. The value is React Aria's — pass `value` with `onChange` to control\n * it, or `defaultValue` — as a `Time` from this package's `./date` subpath.\n *\n * ```tsx\n * import { Time } from '@kanso-labs/kanso-ui/date'\n *\n * <TimeField defaultValue={new Time(9, 30)} label=\"Label\" />\n * ```\n *\n * Whether it shows a twelve or twenty-four hour clock is the reader's\n * locale, through React Aria's `I18nProvider`. `granularity` takes it down\n * to seconds, and `minValue` and `maxValue` bound what may be typed.\n *\n * The segments are `DateField`'s, and the box, label and message are the\n * field chrome in `src/field`. The call site's `className` and `style` land\n * on the field as a whole, which is the element a layout positions.\n */\nfunction TimeField<T extends TimeValue>({\n  description,\n  error,\n  floatingLabel = true,\n  isDisabled = false,\n  label,\n  leadingIcon,\n  trailingIcon,\n  variant = 'filled',\n  ...props\n}: RefAttributes<HTMLDivElement> & TimeFieldProps<T>) {\n  const validationBehavior = useFieldValidationBehavior();\n  return <RACTimeField<T> isDisabled={isDisabled} isInvalid={invalidFrom(error)} validationBehavior={validationBehavior} {...props} {...mergeStatefulStyles(stylex.props(fieldStyles.root), props)}>\n      <FieldBox floatingLabel={floatingLabel}\n    // Always populated, for the reason DateField's own comment gives: the\n    // box reads an `<input>` to decide, and a segmented field has none —\n    // its segments hold the value's line from the first render.\n    isPopulated label={label} leading={leadingIcon} trailing={trailingIcon} variant={variant}>\n        <FieldSegments>\n          <RACDateInput {...stylex.props(segmentStyles.input)}>\n            {renderSegment}\n          </RACDateInput>\n        </FieldSegments>\n      </FieldBox>\n      <FieldMessage description={description} error={error} />\n    </RACTimeField>;\n}\nexport type { TimeFieldProps };\nexport default TimeField;"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,SAAAU,YAAAuB,IAAA;CAAA,MAAAC,IAAAjC,EAAA,EAAA;CAAwC,MAAA,EAAAwB,aAAAC,OAAAC,eAAAQ,IAAAC,YAAAC,IAAAT,OAAAC,aAAAE,cAAAC,SAAAM,IAAA,GAAAC,YAAAN;CAGtC,MAAAN,gBAAAQ,OAAAK,KAAAA,IAAA,OAAAL;CACA,MAAAC,aAAAC,OAAAG,KAAAA,IAAA,QAAAH;CAIA,MAAAL,UAAAM,OAAAE,KAAAA,IAAA,WAAAF;CAGA,MAAAG,qBAA2BvB,2BAA2B;CAC9C,MAAAwB,KAAA/B;CAAY,IAAAgC;CAAA,IAAAT,EAAA,OAAAR,OAAA;EAAuCiB,KAAA1B,YAAYS,KAAK;EAACQ,EAAA,KAAAR;EAAAQ,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAyD,MAAAU,KAAAvB,oBAAoBd,MAAaS,YAAW6B,IAAK,GAAGN,OAAK;CAAC,IAAAO;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAM1LF,KAAA,oBAAC,eAAD,EAAA,UACE,oBAACY,WAAD;GAAa,GAAKnD,MAAaa,cAAa6B,KAAM;GAC/C9B,UAAAA;EADU,CAAA,EADD,CAAA;EAIEe,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAgB;CAAA,IAAAhB,EAAA,OAAAP,iBAAAO,EAAA,OAAAN,SAAAM,EAAA,OAAAL,eAAAK,EAAA,OAAAH,gBAAAG,EAAA,OAAAF,SAAA;EATlBkB,KAAA,oBAAC,UAAD;GAAyBvB;GAI3B,aAAA;GAAmBC;GAAgBC,SAAAA;GAAuBE,UAAAA;GAAuBC;GAC7Ec,UAAAA;EALO,CAAA;EAUEZ,EAAA,KAAAP;EAAAO,EAAA,KAAAN;EAAAM,EAAA,KAAAL;EAAAK,EAAA,KAAAH;EAAAG,EAAA,KAAAF;EAAAE,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAT,eAAAS,EAAA,QAAAR,OAAA;EACXyB,KAAA,oBAAC,cAAD;GAA2B1B;GAAoBC;EAAK,CAAA;EAAIQ,EAAA,KAAAT;EAAAS,EAAA,MAAAR;EAAAQ,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,QAAAQ,MAAAR,EAAA,QAAAE,cAAAF,EAAA,QAAAK,WAAAL,EAAA,QAAAS,MAAAT,EAAA,QAAAU,MAAAV,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAO,oBAAA;EAZrDW,KAAA,qBAAC,IAAD;GAA6BhB;GAAuB,WAAAO;GAAwCF;GAAkB,GAAMF;GAAK,GAAMK;GAA/H,UAAA,CACHM,IAWAC,EAZgB;;EAaHjB,EAAA,MAAAQ;EAAAR,EAAA,MAAAE;EAAAF,EAAA,MAAAK;EAAAL,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAO;EAAAP,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,OAbVkB;AAaU"}
+{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","TimeFieldProps","RACTimeFieldProps","TimeValue","stylex","DateInput","RACDateInput","TimeField","RACTimeField","FieldVariant","FieldBox","FieldMessage","FieldSegments","fieldStyles","invalidFrom","useFieldValidationBehavior","renderSegment","segmentStyles","mergeStatefulStyles","Omit","T","className","description","error","floatingLabel","label","leadingIcon","style","trailingIcon","variant","t0","$","t1","isDisabled","t2","t3","props","undefined","validationBehavior","T0","t4","t5","root","t6","Symbol","for","input","t7","isRequired","t8","t9","TimeField","_c","props","RACTimeField","stylex.props","RACDateInput"],"sources":["../../../src/components/time-field/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes } from 'react';\nimport type { TimeFieldProps as RACTimeFieldProps, TimeValue } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { DateInput as RACDateInput, TimeField as RACTimeField } from 'react-aria-components';\nimport type { FieldVariant } from '../../field';\nimport { FieldBox, FieldMessage, FieldSegments } from '../../field';\nimport { fieldStyles, invalidFrom, useFieldValidationBehavior } from '../../field/root';\nimport { renderSegment } from '../../segments';\nimport { segmentStyles } from '../../segments/styles';\nimport { mergeStatefulStyles } from '../../styles/merge';\n\n// A time typed a segment at a time. Every part of it is DateField's, from\n// `src/segments` — the segment treatment, the muted placeholder, the filled\n// focus and the punctuation between — so a time on a form and a date on the\n// same form cannot come apart.\n//\n// What differs is the value it holds and nothing else. The time pickers page\n// gives its input the text field's own box, which is what the shared field\n// chrome already draws, so there is no measurement here that the date field's\n// comment does not already name.\n//\n// **Twelve or twenty-four hours is the reader's locale, not a prop.** React\n// Aria decides from the locale whether there is a day-period segment at all,\n// so a field under `I18nProvider` with `en-GB` shows a 24-hour clock and the\n// same field under `en-US` shows AM and PM. Nothing here overrides it, and\n// `hourCycle` is React Aria's own for a page that has to.\n\ntype TimeFieldProps<T extends TimeValue = TimeValue> = Omit<RACTimeFieldProps<T>, 'children' | 'className' | 'style'> & {\n  /** A function may compute the class from the field's render state. */\n  className?: RACTimeFieldProps<T>['className'];\n  /** Supporting text under the field. */\n  description?: string;\n  /**\n   * The message shown instead of the description, which also marks the\n   * field invalid.\n   *\n   * Outside a `Form` the message line arrives with the message, so the\n   * field grows when this does and moves what is under it. A `Form` holds\n   * that space from the start; so does a permanent `description`.\n   */\n  error?: string;\n  /**\n   * Whether the label floats into the box's top once the field holds a\n   * value, rather than sitting above it.\n   * @default true\n   */\n  floatingLabel?: boolean;\n  /** What the field is for. Always rendered; never a placeholder. */\n  label: string;\n  /**\n   * An icon at the box's leading end, in the page's 24dp size. An icon drawn\n   * in `em` takes that size from the slot.\n   */\n  leadingIcon?: ReactNode;\n  /** A function may compute the style from the field's render state. */\n  style?: RACTimeFieldProps<T>['style'];\n  /**\n   * An icon at the box's trailing end, in the page's 24dp size. An icon\n   * drawn in `em` takes that size from the slot.\n   */\n  trailingIcon?: ReactNode;\n  /**\n   * Which of the text fields page's two boxes to draw.\n   * @default 'filled'\n   */\n  variant?: FieldVariant;\n};\n\n/**\n * A time typed rather than picked: one segment per part, each its own focus\n * stop. The value is React Aria's — pass `value` with `onChange` to control\n * it, or `defaultValue` — as a `Time` from this package's `./date` subpath.\n *\n * ```tsx\n * import { Time } from '@kanso-labs/kanso-ui/date'\n *\n * <TimeField defaultValue={new Time(9, 30)} label=\"Label\" />\n * ```\n *\n * Whether it shows a twelve or twenty-four hour clock is the reader's\n * locale, through React Aria's `I18nProvider`. `granularity` takes it down\n * to seconds, and `minValue` and `maxValue` bound what may be typed.\n *\n * The segments are `DateField`'s, and the box, label and message are the\n * field chrome in `src/field`. The call site's `className` and `style` land\n * on the field as a whole, which is the element a layout positions.\n */\nfunction TimeField<T extends TimeValue>({\n  description,\n  error,\n  floatingLabel = true,\n  isDisabled = false,\n  label,\n  leadingIcon,\n  trailingIcon,\n  variant = 'filled',\n  ...props\n}: RefAttributes<HTMLDivElement> & TimeFieldProps<T>) {\n  const validationBehavior = useFieldValidationBehavior();\n  return <RACTimeField<T> isDisabled={isDisabled} isInvalid={invalidFrom(error)} validationBehavior={validationBehavior} {...props} {...mergeStatefulStyles(stylex.props(fieldStyles.root), props)}>\n      <FieldBox floatingLabel={floatingLabel}\n    // Always populated, for the reason DateField's own comment gives: the\n    // box reads an `<input>` to decide, and a segmented field has none —\n    // its segments hold the value's line from the first render.\n    isPopulated isRequired={props.isRequired} label={label} leading={leadingIcon} trailing={trailingIcon} variant={variant}>\n        <FieldSegments>\n          <RACDateInput {...stylex.props(segmentStyles.input)}>\n            {renderSegment}\n          </RACDateInput>\n        </FieldSegments>\n      </FieldBox>\n      <FieldMessage description={description} error={error} />\n    </RACTimeField>;\n}\nexport type { TimeFieldProps };\nexport default TimeField;"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,SAAAU,YAAAuB,IAAA;CAAA,MAAAC,IAAAjC,EAAA,EAAA;CAAwC,MAAA,EAAAwB,aAAAC,OAAAC,eAAAQ,IAAAC,YAAAC,IAAAT,OAAAC,aAAAE,cAAAC,SAAAM,IAAA,GAAAC,YAAAN;CAGtC,MAAAN,gBAAAQ,OAAAK,KAAAA,IAAA,OAAAL;CACA,MAAAC,aAAAC,OAAAG,KAAAA,IAAA,QAAAH;CAIA,MAAAL,UAAAM,OAAAE,KAAAA,IAAA,WAAAF;CAGA,MAAAG,qBAA2BvB,2BAA2B;CAC9C,MAAAwB,KAAA/B;CAAY,IAAAgC;CAAA,IAAAT,EAAA,OAAAR,OAAA;EAAuCiB,KAAA1B,YAAYS,KAAK;EAACQ,EAAA,KAAAR;EAAAQ,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAyD,MAAAU,KAAAvB,oBAAoBd,MAAaS,YAAW6B,IAAK,GAAGN,OAAK;CAAC,IAAAO;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAM1LF,KAAA,oBAAC,eAAD,EAAA,UACE,oBAACa,WAAD;GAAa,GAAKpD,MAAaa,cAAa6B,KAAM;GAC/C9B,UAAAA;EADU,CAAA,EADD,CAAA;EAIEe,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAgB;CAAA,IAAAhB,EAAA,OAAAP,iBAAAO,EAAA,OAAAN,SAAAM,EAAA,OAAAL,eAAAK,EAAA,OAAAK,QAAAY,cAAAjB,EAAA,OAAAH,gBAAAG,EAAA,OAAAF,SAAA;EATlBkB,KAAA,oBAAC,UAAD;GAAyBvB;GAI3B,aAAA;GAAwB,YAAAY,QAAKY;GAAoBvB;GAAgBC,SAAAA;GAAuBE,UAAAA;GAAuBC;GAC3Gc,UAAAA;EALO,CAAA;EAUEZ,EAAA,KAAAP;EAAAO,EAAA,KAAAN;EAAAM,EAAA,KAAAL;EAAAK,EAAA,KAAAK,QAAAY;EAAAjB,EAAA,KAAAH;EAAAG,EAAA,KAAAF;EAAAE,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,QAAAT,eAAAS,EAAA,QAAAR,OAAA;EACX0B,KAAA,oBAAC,cAAD;GAA2B3B;GAAoBC;EAAK,CAAA;EAAIQ,EAAA,MAAAT;EAAAS,EAAA,MAAAR;EAAAQ,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAQ,MAAAR,EAAA,QAAAE,cAAAF,EAAA,QAAAK,WAAAL,EAAA,QAAAS,MAAAT,EAAA,QAAAU,MAAAV,EAAA,QAAAgB,MAAAhB,EAAA,QAAAkB,MAAAlB,EAAA,QAAAO,oBAAA;EAZrDY,KAAA,qBAAC,IAAD;GAA6BjB;GAAuB,WAAAO;GAAwCF;GAAkB,GAAMF;GAAK,GAAMK;GAA/H,UAAA,CACHM,IAWAE,EAZgB;;EAaHlB,EAAA,MAAAQ;EAAAR,EAAA,MAAAE;EAAAF,EAAA,MAAAK;EAAAL,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAgB;EAAAhB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAO;EAAAP,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OAbVmB;AAaU"}

package/dist/components/tree/index.d.ts

@@ -2,10 +2,6 @@ import { ReactNode, RefAttributes } from "react";
 import { TreeItemProps, TreeLoadMoreItemProps, TreeProps, TreeSection } from "react-aria-components";
 //#region src/components/tree/index.d.ts
 type RACTreeSectionProps<T> = Parameters<typeof TreeSection<T>>[0];
-type TreeHeaderProps = {
-  /** The section's heading. */
-  children?: ReactNode;
-};
 type TreeItemProps$1<T extends object = object> = Omit<TreeItemProps<T>, 'children' | 'className' | 'style' | 'textValue'> & TreeItemText & {
   /** The rows nested under this one, as further `Tree.Item` entries. */
   children?: ReactNode;
@@ -35,22 +31,24 @@ type TreeLoadMoreProps = Omit<TreeLoadMoreItemProps, 'children'> & {
   /**
    * What the row says while it is loading. Read by a screen reader; the ring
    * itself carries no text.
-   * @default 'Loading more'
+   * Left out, it is the word for it in the I18nProvider's locale — "Loading
+   * more" in English.
    */
   label?: string;
 };
-type TreeProps$1<T extends object = object> = Omit<TreeProps<T>, 'className' | 'style'> & {
+type TreeProps$1<T extends object = object> = {
   /** A function may compute the class from the tree's render state. */
   className?: TreeProps<T>['className'];
   /**
    * What each row's selection checkbox is called, for a screen reader. The
    * row's own text is what names the row; this names the box inside it.
-   * @default 'Select'
+   * Left out, React Aria names it in the reader's locale — "Select" in
+   * English.
    */
   selectLabel?: string;
   /** A function may compute the style from the tree's render state. */
   style?: TreeProps<T>['style'];
-};
+} & Omit<TreeProps<T>, 'className' | 'style'>;
 type TreeSectionProps<T extends object = object> = Omit<RACTreeSectionProps<T>, 'children'> & {
   /**
    * The rows in the section. A section built from data puts React Aria's
@@ -112,5 +110,5 @@ declare function TreeLoadMore({ label, ...props }: TreeLoadMoreProps): import("r
  */
 declare function TreeSection$1<T extends object = object>({ children, header, ...props }: TreeSectionProps<T>): import("react").JSX.Element;
 //#endregion
-export { type TreeHeaderProps, type TreeItemProps$1 as TreeItemProps, type TreeLoadMoreProps, type TreeProps$1 as TreeProps, type TreeSectionProps, Tree$1 as default };
+export { TreeItem$1 as TreeItem, type TreeItemProps$1 as TreeItemProps, TreeLoadMore, type TreeLoadMoreProps, type TreeProps$1 as TreeProps, TreeSection$1 as TreeSection, type TreeSectionProps, Tree$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tree/index.js

@@ -6,14 +6,14 @@ import { focus } from "../../styles/focus.js";
 import { useRipple } from "../../hooks/useRipple.js";
 import Checkbox from "../checkbox/index.js";
 import { CollectionLoadMore } from "../../collection/index.js";
-import { collectionStyles, rowItemStyles } from "../../collection/styles.js";
+import { collectionStyles, containerClasses, rowItemStyles } from "../../collection/styles.js";
 import { RowContent } from "../../row/index.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button, Tree, TreeHeader, TreeItem, TreeItemContent, TreeLoadMoreItem, TreeSection } from "react-aria-components";
 //#region src/components/tree/index.tsx
-const SelectLabelContext = createContext("Select");
+const SelectLabelContext = createContext(void 0);
 const styles = {
 	chevron: {
 		kGNEyG: "x6s0dn4",
@@ -43,8 +43,8 @@ function chevronFor(state) {
 		className: chevronClassName,
 		slot: "chevron",
 		children: /* @__PURE__ */ jsx(ChevronEndGlyph, { ...{
-			0: { className: "x12w9bfk xxk0z11 xvy4d1p x19axjrm x1c071of xkzkux9 x11xpdln xpc4ca7" },
-			1: { className: "x12w9bfk xxk0z11 xvy4d1p xkzkux9 x11xpdln xpc4ca7 x1y10d4b x1iffjtl" }
+			0: { className: "x12w9bfk xxk0z11 xvy4d1p xu3v78v x1c071of xkzkux9 x11xpdln xpc4ca7" },
+			1: { className: "x12w9bfk xxk0z11 xvy4d1p xkzkux9 x11xpdln xpc4ca7 xaaet9u x1iffjtl" }
 		}[!!state.isExpanded << 0] })
 	});
 }
@@ -108,13 +108,12 @@ function Tree$1(t0) {
 	let t2;
 	let t3;
 	if ($[0] !== t0) {
-		const { selectLabel: t4, ...props$2 } = t0;
-		const selectLabel = t4 === void 0 ? "Select" : t4;
+		const { selectLabel, ...props } = t0;
 		T1 = SelectLabelContext;
 		t3 = selectLabel;
 		T0 = Tree;
-		t1 = props$2;
-		t2 = mergeStatefulStyles(props(collectionStyles.container), props$2);
+		t1 = props;
+		t2 = mergeStatefulStyles(containerClasses, props);
 		$[0] = t0;
 		$[1] = T0;
 		$[2] = T1;
@@ -264,11 +263,11 @@ function TreeLoadMore(t0) {
 	let t1;
 	let t2;
 	if ($[0] !== t0) {
-		const { label: t3, ...props$1 } = t0;
-		label = t3 === void 0 ? "Loading more" : t3;
+		const { label: t3, ...props$2 } = t0;
+		label = t3;
 		T0 = TreeLoadMoreItem;
-		t1 = props$1;
-		t2 = mergeStatefulStyles(props(collectionStyles.loading), props$1);
+		t1 = props$2;
+		t2 = mergeStatefulStyles(props(collectionStyles.loading), props$2);
 		$[0] = t0;
 		$[1] = T0;
 		$[2] = label;
@@ -315,12 +314,12 @@ function TreeSection$1(t0) {
 	let t1;
 	let t2;
 	if ($[0] !== t0) {
-		const { children: t3, header: t4, ...props$3 } = t0;
+		const { children: t3, header: t4, ...props$1 } = t0;
 		children = t3;
 		header = t4;
 		T0 = TreeSection;
-		t1 = props$3;
-		t2 = mergeStyles(props(collectionStyles.section), props$3);
+		t1 = props$1;
+		t2 = mergeStyles(props(collectionStyles.section), props$1);
 		$[0] = t0;
 		$[1] = T0;
 		$[2] = children;
@@ -360,6 +359,6 @@ Tree$1.Item = TreeItem$1;
 Tree$1.LoadMore = TreeLoadMore;
 Tree$1.Section = TreeSection$1;
 //#endregion
-export { Tree$1 as default };
+export { TreeItem$1 as TreeItem, TreeLoadMore, TreeSection$1 as TreeSection, Tree$1 as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","TreeItemProps","RACTreeItemProps","TreeLoadMoreItemProps","RACTreeLoadMoreItemProps","TreeProps","RACTreeProps","TreeItemRenderProps","stylex","createContext","useContext","Button","RACButton","Tree","RACTree","TreeHeader","RACTreeHeader","TreeItem","RACTreeItem","TreeItemContent","RACTreeItemContent","TreeLoadMoreItem","RACTreeLoadMoreItem","TreeSection","RACTreeSection","CollectionLoadMore","collectionStyles","rowItemStyles","ChevronEndGlyph","useRipple","RowContent","focus","mergeStatefulStyles","mergeStyles","colors","motion","radii","spacing","Checkbox","RACTreeSectionProps","Parameters","T","SelectLabelContext","styles","chevron","kGNEyG","kWkggS","kaIpWk","kMzoRj","kB7OPa","kMwMTN","kkrTdU","k1xSpc","kmuXW","kjj79g","kmVPX3","$$css","indent","kZCmMZ","TreeHeaderProps","children","Omit","TreeItemText","className","leading","style","supporting","trailing","headline","textValue","TreeLoadMoreProps","label","selectLabel","TreeSectionProps","header","chevronClassName","props","ring","chevronFor","state","hasChildItems","isExpanded","itemContent","ripple","isDisabled","isSelected","leadingFor","selects","selectionBehavior","selectionMode","textValueFor","undefined","t0","$","T0","T1","t1","t2","t3","t4","container","t5","Symbol","for","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","handlers","surface","t6","t7","TreeLoadMore","loading","section","Item","LoadMore","Section","stylex.props","RACButton","Tree","_c","props","RACTree","TreeHeader","RACTreeHeader","TreeItem","RACTreeItem","RACTreeItemContent","RACTreeLoadMoreItem","TreeSection","RACTreeSection"],"sources":["../../../src/components/tree/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes } from 'react';\nimport type { TreeItemProps as RACTreeItemProps, TreeLoadMoreItemProps as RACTreeLoadMoreItemProps, TreeProps as RACTreeProps, TreeItemRenderProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext } from 'react';\nimport { Button as RACButton, Tree as RACTree, TreeHeader as RACTreeHeader, TreeItem as RACTreeItem, TreeItemContent as RACTreeItemContent, TreeLoadMoreItem as RACTreeLoadMoreItem, TreeSection as RACTreeSection } from 'react-aria-components';\nimport { CollectionLoadMore } from '../../collection';\nimport { collectionStyles, rowItemStyles } from '../../collection/styles';\nimport { ChevronEndGlyph } from '../../glyphs';\nimport { useRipple } from '../../hooks/useRipple';\nimport { RowContent } from '../../row';\nimport { focus } from '../../styles/focus';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing } from '../../tokens/design.tokens.stylex';\nimport Checkbox from '../checkbox';\n\n// A list whose rows nest. Each row is the row every list here draws —\n// `src/row`, shared with ListItem, ListBox, List and Disclosure — so its\n// 56dp floor, body-large headline, body-medium supporting line, state layers\n// and disabled treatment are that module's, and a tree beside a list cannot\n// drift from it.\n//\n// The lists page gives no nesting: it draws one flat list. So the two things\n// a tree adds beyond that row are the library's own, and both are written\n// here with their reasons. The rest — the row, the selection colours, the\n// checkbox — is the page's, through the shared module.\n//\n// Four things are this component's own.\n//\n// **A level indents by one chevron's width.** React Aria puts the depth on\n// each row as a custom property, so the inset is one `calc` against the\n// row's own inline padding rather than a style per level. 24dp is the size\n// the menus page gives that glyph, which makes a level of nesting exactly as\n// wide as the caret that opens it.\n//\n// **The caret is a button, and React Aria names it.** A `slot=\"chevron\"`\n// button is what expands and collapses; React Aria labels it Expand or\n// Collapse and composes that with the row, so nothing here names it. It is\n// drawn only on a row that has children, since a caret on a leaf says the\n// row opens when it does not.\n//\n// **A selecting tree draws a checkbox, before whatever the row was given.**\n// Same rule as List: React Aria reports the mode on each row, so a tree that\n// toggles draws one without the call site repeating it, and it always sits\n// in the same place so a column of rows reads down.\n//\n// **`TreeItemContent` has no class to style.** React Aria renders it as a\n// `display: contents` gridcell with nothing on it, so the row's own layout\n// is drawn by what goes inside rather than by that wrapper.\n\n// `TreeSection`'s props are not re-exported from the package index, only its\n// component is — so the type is taken off the component rather than imported\n// by a name that is not there to import.\ntype RACTreeSectionProps<T> = Parameters<typeof RACTreeSection<T>>[0];\n\n// What each row's selection checkbox is called. A context rather than a prop\n// on the row, since it is the tree's decision and repeating it per row is\n// how the two drift.\nconst SelectLabelContext = createContext('Select');\nconst styles = {\n  chevron: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kaIpWk: \"x1dkaolv\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kjj79g: \"xl56j7k\",\n    kmVPX3: \"x1717udv\",\n    $$css: true\n  },\n  indent: {\n    kZCmMZ: \"x1187sqy\",\n    $$css: true\n  }\n};\ntype TreeHeaderProps = {\n  /** The section's heading. */\n  children?: ReactNode;\n};\ntype TreeItemProps<T extends object = object> = Omit<RACTreeItemProps<T>, 'children' | 'className' | 'style' | 'textValue'> & TreeItemText & {\n  /** The rows nested under this one, as further `Tree.Item` entries. */\n  children?: ReactNode;\n  /** A function may compute the class from the row's render state. */\n  className?: RACTreeItemProps<T>['className'];\n  /** Content before the headline: an avatar, an icon. */\n  leading?: ReactNode;\n  /** A function may compute the style from the row's render state. */\n  style?: RACTreeItemProps<T>['style'];\n  /** A second line under the headline, in the muted role. */\n  supporting?: ReactNode;\n  /** Content after the headline, such as a count or a control. */\n  trailing?: ReactNode;\n};\n\n// What the row is worth as text, which React Aria requires: a tree row wraps\n// its headline in elements, so it cannot read one off the children the way a\n// plain-string child would give it. A string headline is taken as the value,\n// which is the common case; anything else has to say what it is worth, and\n// this is what makes the compiler ask rather than leaving a row unnamed.\ntype TreeItemText = {\n  /** The row's headline — the one thing it is mostly about. */\n  headline: string;\n  /** What typeahead matches the row on. Defaults to the headline. */\n  textValue?: string;\n} | {\n  /** The row's headline, as something other than a plain string. */\n  headline?: ReactNode;\n  /** What typeahead matches the row on, and what names it. */\n  textValue: string;\n};\ntype TreeLoadMoreProps = Omit<RACTreeLoadMoreItemProps, 'children'> & {\n  /**\n   * What the row says while it is loading. Read by a screen reader; the ring\n   * itself carries no text.\n   * @default 'Loading more'\n   */\n  label?: string;\n};\ntype TreeProps<T extends object = object> = Omit<RACTreeProps<T>, 'className' | 'style'> & {\n  /** A function may compute the class from the tree's render state. */\n  className?: RACTreeProps<T>['className'];\n  /**\n   * What each row's selection checkbox is called, for a screen reader. The\n   * row's own text is what names the row; this names the box inside it.\n   * @default 'Select'\n   */\n  selectLabel?: string;\n  /** A function may compute the style from the tree's render state. */\n  style?: RACTreeProps<T>['style'];\n};\ntype TreeSectionProps<T extends object = object> = Omit<RACTreeSectionProps<T>, 'children'> & {\n  /**\n   * The rows in the section. A section built from data puts React Aria's\n   * `Collection` in here rather than a render function, since the header is\n   * an element beside them.\n   */\n  children?: ReactNode;\n  /**\n   * The section's heading, rendered through React Aria's header so the\n   * section is named by it. A section without one is a group with no name.\n   */\n  header?: ReactNode;\n};\n\n// The button itself never turns — the glyph inside it does, so the press\n// target stays a square whichever way the row is pointing.\nfunction chevronClassName() {\n  return stylex.props(styles.chevron, focus.ring).className ?? '';\n}\n\n// The caret, or the space it would have taken. Written as a call rather than\n// inline at the prop, which is what react-perf's no-new-function-as-prop and\n// jsx-no-jsx-as-prop are after; the React Compiler memoises the result on\n// its inputs.\n//\n// A leaf gets the space rather than nothing, so its headline lines up with\n// the headline of a sibling that opens.\nfunction chevronFor(state: TreeItemRenderProps): ReactNode {\n  if (!state.hasChildItems) {\n    return <span className=\"xxk0z11 x2lah0s xvy4d1p\" />;\n  }\n  return <RACButton className={chevronClassName} slot=\"chevron\">\n      <ChevronEndGlyph {...{\n      0: {\n        className: \"x12w9bfk xxk0z11 xvy4d1p x19axjrm x1c071of xkzkux9 x11xpdln xpc4ca7\"\n      },\n      1: {\n        className: \"x12w9bfk xxk0z11 xvy4d1p xkzkux9 x11xpdln xpc4ca7 x1y10d4b x1iffjtl\"\n      }\n    }[!!state.isExpanded << 0]} />\n    </RACButton>;\n}\n\n// What a row draws, from React Aria's render state. The caret comes first,\n// then the selection checkbox, then whatever the row was given — one order,\n// always, which is what keeps a column of rows reading down.\nfunction itemContent(headline: ReactNode, leading: ReactNode, supporting: ReactNode, trailing: ReactNode, selectLabel: string, ripple: ReactNode) {\n  return (state: TreeItemRenderProps): ReactNode => <>\n      <RowContent isDisabled={state.isDisabled} isSelected={state.isSelected} leading={leadingFor(state, leading, selectLabel)} supporting={supporting} trailing={trailing}>\n        {headline}\n      </RowContent>\n      {state.isDisabled ? null : ripple}\n    </>;\n}\n\n// StyleX cannot target `[data-selected]` on the element it is styling, so a\n// row's state comes from the render state React Aria hands its className.\n// The order matters: `disabled` is applied last so its ground and colour\n// win over the selected container's. The state layers come from the render\n// state as well — see `focusVisible` in src/row/styles.ts — and React Aria\n// reports none of them on a disabled row, so nothing has to outrank them.\n//\n// A supporting line moves the row from the page's one-line container height\n// to its two-line one, which is a floor rather than something the row's own\n// box arrives at — see `twoLine` in `src/row/styles.ts`. Taken as an\n// argument rather than read from the render state, since React Aria reports\n// what a row is doing and not what it holds; the row is built by a call for\n// the same reason `itemContent` is.\n/**\n * The caret, the selection checkbox, then whatever the row was given. Its\n * return type is written out rather than inferred: `ReactNode` is a union\n * that includes a promise, and a function inferred as returning one has to\n * be `async`.\n */\nfunction leadingFor(state: TreeItemRenderProps, leading: ReactNode, selectLabel: string): ReactNode {\n  const selects = state.selectionBehavior === 'toggle' && state.selectionMode !== 'none';\n  return <>\n      {chevronFor(state)}\n      {selects ? <Checkbox aria-label={selectLabel} slot=\"selection\" /> : null}\n      {leading}\n    </>;\n}\n\n// What React Aria matches typeahead on, and what names the row. `TreeItemText`\n// makes one of the two a string, so the last branch is unreachable through the\n// public type — it is there because destructuring the two apart is what loses\n// the narrowing, not because a row can arrive without either.\nfunction textValueFor(textValue: string | undefined, headline: ReactNode) {\n  if (textValue !== undefined) {\n    return textValue;\n  }\n  return typeof headline === 'string' ? headline : '';\n}\n\n/**\n * A list whose rows nest. Which rows are open is React Aria's: pass\n * `expandedKeys` with `onExpandedChange` to control it, or\n * `defaultExpandedKeys` to let it keep its own. Selection is React Aria's\n * too — set `selectionMode` to `single` or `multiple`.\n *\n * ```tsx\n * <Tree aria-label=\"Label\">\n *   <Tree.Item headline=\"First item\" id=\"first\">\n *     <Tree.Item headline=\"Second item\" id=\"second\" />\n *   </Tree.Item>\n * </Tree>\n * ```\n *\n * Each row is the row every list here draws, indented by its depth, with a\n * caret on the rows that have children. Name the tree with `aria-label` or\n * `aria-labelledby` — nothing here labels it for you.\n *\n * The call site's `className` and `style` land on the container, which is\n * the element a layout positions.\n */\nfunction Tree<T extends object>({\n  selectLabel = 'Select',\n  ...props\n}: RefAttributes<HTMLDivElement> & TreeProps<T>) {\n  return <SelectLabelContext value={selectLabel}>\n      <RACTree<T> {...props} {...mergeStatefulStyles(stylex.props(collectionStyles.container), props)} />\n    </SelectLabelContext>;\n}\n\n/**\n * A named group of rows. `header` names it, and is what a screen reader\n * reads before the rows inside.\n */\nfunction TreeHeader({\n  children\n}: TreeHeaderProps) {\n  return <RACTreeHeader {...stylex.props(collectionStyles.header)}>\n      {children}\n    </RACTreeHeader>;\n}\n\n/**\n * One row, and the rows under it. Its slots are the row's: `leading`, the\n * `headline`, `supporting` under it, and `trailing`. Give every row an `id`\n * — that is the key selection and expansion are reported by.\n *\n * Rows nested as `children` are what make it a branch; a row with none is a\n * leaf and draws no caret. `textValue` is what typeahead matches on, and is\n * taken from a plain-string headline when it is not given.\n */\nfunction TreeItem<T extends object = object>({\n  children,\n  headline,\n  leading,\n  onContextMenu,\n  onPointerCancel,\n  onPointerDown,\n  onPointerLeave,\n  onPointerUp,\n  supporting,\n  textValue,\n  trailing,\n  ...props\n}: TreeItemProps<T>) {\n  const selectLabel = useContext(SelectLabelContext);\n  // The press ripple List's rows draw — see ListItem there.\n  const ripple = useRipple<HTMLDivElement>(true, {\n    onContextMenu,\n    onPointerCancel,\n    onPointerDown,\n    onPointerLeave,\n    onPointerUp\n  }, true);\n  return <RACTreeItem<T> textValue={textValueFor(textValue, headline)} {...ripple.handlers} {...props} {...mergeStatefulStyles(\n  // No overline: a tree row takes the list variant's metrics because it\n  // looks like a list row, but it follows its own page, and that page\n  // gives a headline and a supporting line. The three-line item belongs\n  // to the lists page, which `List.Item` and `ListBox.Item` draw.\n  rowItemStyles(supporting, undefined, styles.indent), props)}>\n      <RACTreeItemContent>\n        {itemContent(headline, leading, supporting, trailing, selectLabel, ripple.surface)}\n      </RACTreeItemContent>\n      {children}\n    </RACTreeItem>;\n}\n\n/**\n * The row the tree shows while it is fetching more. React Aria calls\n * `onLoadMore` when this comes into view, and draws it only while\n * `isLoading`.\n */\nfunction TreeLoadMore({\n  label = 'Loading more',\n  ...props\n}: TreeLoadMoreProps) {\n  return <RACTreeLoadMoreItem {...props} {...mergeStatefulStyles(stylex.props(collectionStyles.loading), props)}>\n      <CollectionLoadMore label={label} size=\"24px\" />\n    </RACTreeLoadMoreItem>;\n}\n\n/**\n * A named group of rows, with its heading above them.\n */\nfunction TreeSection<T extends object = object>({\n  children,\n  header,\n  ...props\n}: TreeSectionProps<T>) {\n  return <RACTreeSection<T> {...props} {...mergeStyles(stylex.props(collectionStyles.section), props)}>\n      {header === undefined ? null : <TreeHeader>{header}</TreeHeader>}\n      {children}\n    </RACTreeSection>;\n}\nTree.Item = TreeItem;\nTree.LoadMore = TreeLoadMore;\nTree.Section = TreeSection;\nexport type { TreeHeaderProps, TreeItemProps, TreeLoadMoreProps, TreeProps, TreeSectionProps };\nexport default Tree;"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","TreeItemProps","RACTreeItemProps","TreeLoadMoreItemProps","RACTreeLoadMoreItemProps","TreeProps","RACTreeProps","TreeItemRenderProps","stylex","createContext","useContext","Button","RACButton","Tree","RACTree","TreeHeader","RACTreeHeader","TreeItem","RACTreeItem","TreeItemContent","RACTreeItemContent","TreeLoadMoreItem","RACTreeLoadMoreItem","TreeSection","RACTreeSection","CollectionLoadMore","collectionStyles","containerClasses","rowItemStyles","ChevronEndGlyph","useRipple","RowContent","focus","mergeStatefulStyles","mergeStyles","colors","motion","radii","spacing","Checkbox","RACTreeSectionProps","Parameters","T","SelectLabelContext","undefined","styles","chevron","kGNEyG","kWkggS","kaIpWk","kMzoRj","kB7OPa","kMwMTN","kkrTdU","k1xSpc","kmuXW","kjj79g","kmVPX3","$$css","indent","kZCmMZ","TreeHeaderProps","children","Omit","TreeItemText","className","leading","style","supporting","trailing","headline","textValue","TreeLoadMoreProps","label","selectLabel","TreeSectionProps","header","chevronClassName","props","ring","chevronFor","state","hasChildItems","isExpanded","itemContent","ripple","isDisabled","isSelected","leadingFor","selects","selectionBehavior","selectionMode","textValueFor","t0","$","T0","T1","t1","t2","t3","t4","t5","Symbol","for","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","handlers","surface","t6","t7","TreeLoadMore","loading","section","Item","LoadMore","Section","stylex.props","RACButton","Tree","_c","RACTree","TreeHeader","RACTreeHeader","TreeItem","RACTreeItem","RACTreeItemContent","props","RACTreeLoadMoreItem","TreeSection","RACTreeSection"],"sources":["../../../src/components/tree/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes } from 'react';\nimport type { TreeItemProps as RACTreeItemProps, TreeLoadMoreItemProps as RACTreeLoadMoreItemProps, TreeProps as RACTreeProps, TreeItemRenderProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext } from 'react';\nimport { Button as RACButton, Tree as RACTree, TreeHeader as RACTreeHeader, TreeItem as RACTreeItem, TreeItemContent as RACTreeItemContent, TreeLoadMoreItem as RACTreeLoadMoreItem, TreeSection as RACTreeSection } from 'react-aria-components';\nimport { CollectionLoadMore } from '../../collection';\nimport { collectionStyles, containerClasses, rowItemStyles } from '../../collection/styles';\nimport { ChevronEndGlyph } from '../../glyphs';\nimport { useRipple } from '../../hooks/useRipple';\nimport { RowContent } from '../../row';\nimport { focus } from '../../styles/focus';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing } from '../../tokens/design.tokens.stylex';\nimport Checkbox from '../checkbox';\n\n// A list whose rows nest. Each row is the row every list here draws —\n// `src/row`, shared with ListItem, ListBox, List and Disclosure — so its\n// 56dp floor, body-large headline, body-medium supporting line, state layers\n// and disabled treatment are that module's, and a tree beside a list cannot\n// drift from it.\n//\n// The lists page gives no nesting: it draws one flat list. So the two things\n// a tree adds beyond that row are the library's own, and both are written\n// here with their reasons. The rest — the row, the selection colours, the\n// checkbox — is the page's, through the shared module.\n//\n// Four things are this component's own.\n//\n// **A level indents by one chevron's width.** React Aria puts the depth on\n// each row as a custom property, so the inset is one `calc` against the\n// row's own inline padding rather than a style per level. 24dp is the size\n// the menus page gives that glyph, which makes a level of nesting exactly as\n// wide as the caret that opens it.\n//\n// **The caret is a button, and React Aria names it.** A `slot=\"chevron\"`\n// button is what expands and collapses; React Aria labels it Expand or\n// Collapse and composes that with the row, so nothing here names it. It is\n// drawn only on a row that has children, since a caret on a leaf says the\n// row opens when it does not.\n//\n// **A selecting tree draws a checkbox, before whatever the row was given.**\n// Same rule as List: React Aria reports the mode on each row, so a tree that\n// toggles draws one without the call site repeating it, and it always sits\n// in the same place so a column of rows reads down.\n//\n// **`TreeItemContent` has no class to style.** React Aria renders it as a\n// `display: contents` gridcell with nothing on it, so the row's own layout\n// is drawn by what goes inside rather than by that wrapper.\n\n// `TreeSection`'s props are not re-exported from the package index, only its\n// component is — so the type is taken off the component rather than imported\n// by a name that is not there to import.\ntype RACTreeSectionProps<T> = Parameters<typeof RACTreeSection<T>>[0];\n\n// What each row's selection checkbox is called. A context rather than a prop\n// on the row, since it is the tree's decision and repeating it per row is\n// how the two drift. Undefined unless the tree is given one, which leaves\n// the name React Aria gives in the reader's locale.\nconst SelectLabelContext = createContext<string | undefined>(undefined);\nconst styles = {\n  chevron: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kaIpWk: \"x1dkaolv\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kjj79g: \"xl56j7k\",\n    kmVPX3: \"x1717udv\",\n    $$css: true\n  },\n  indent: {\n    kZCmMZ: \"x1187sqy\",\n    $$css: true\n  }\n};\ntype TreeHeaderProps = {\n  /** The section's heading. */\n  children?: ReactNode;\n};\ntype TreeItemProps<T extends object = object> = Omit<RACTreeItemProps<T>, 'children' | 'className' | 'style' | 'textValue'> & TreeItemText & {\n  /** The rows nested under this one, as further `Tree.Item` entries. */\n  children?: ReactNode;\n  /** A function may compute the class from the row's render state. */\n  className?: RACTreeItemProps<T>['className'];\n  /** Content before the headline: an avatar, an icon. */\n  leading?: ReactNode;\n  /** A function may compute the style from the row's render state. */\n  style?: RACTreeItemProps<T>['style'];\n  /** A second line under the headline, in the muted role. */\n  supporting?: ReactNode;\n  /** Content after the headline, such as a count or a control. */\n  trailing?: ReactNode;\n};\n\n// What the row is worth as text, which React Aria requires: a tree row wraps\n// its headline in elements, so it cannot read one off the children the way a\n// plain-string child would give it. A string headline is taken as the value,\n// which is the common case; anything else has to say what it is worth, and\n// this is what makes the compiler ask rather than leaving a row unnamed.\ntype TreeItemText = {\n  /** The row's headline — the one thing it is mostly about. */\n  headline: string;\n  /** What typeahead matches the row on. Defaults to the headline. */\n  textValue?: string;\n} | {\n  /** The row's headline, as something other than a plain string. */\n  headline?: ReactNode;\n  /** What typeahead matches the row on, and what names it. */\n  textValue: string;\n};\ntype TreeLoadMoreProps = Omit<RACTreeLoadMoreItemProps, 'children'> & {\n  /**\n   * What the row says while it is loading. Read by a screen reader; the ring\n   * itself carries no text.\n   * Left out, it is the word for it in the I18nProvider's locale — \"Loading\n   * more\" in English.\n   */\n  label?: string;\n};\ntype TreeProps<T extends object = object> = {\n  /** A function may compute the class from the tree's render state. */\n  className?: RACTreeProps<T>['className'];\n  /**\n   * What each row's selection checkbox is called, for a screen reader. The\n   * row's own text is what names the row; this names the box inside it.\n   * Left out, React Aria names it in the reader's locale — \"Select\" in\n   * English.\n   */\n  selectLabel?: string;\n  /** A function may compute the style from the tree's render state. */\n  style?: RACTreeProps<T>['style'];\n} & Omit<RACTreeProps<T>, 'className' | 'style'>;\ntype TreeSectionProps<T extends object = object> = Omit<RACTreeSectionProps<T>, 'children'> & {\n  /**\n   * The rows in the section. A section built from data puts React Aria's\n   * `Collection` in here rather than a render function, since the header is\n   * an element beside them.\n   */\n  children?: ReactNode;\n  /**\n   * The section's heading, rendered through React Aria's header so the\n   * section is named by it. A section without one is a group with no name.\n   */\n  header?: ReactNode;\n};\n\n// The button itself never turns — the glyph inside it does, so the press\n// target stays a square whichever way the row is pointing.\nfunction chevronClassName() {\n  return stylex.props(styles.chevron, focus.ring).className ?? '';\n}\n\n// The caret, or the space it would have taken. Written as a call rather than\n// inline at the prop, which is what react-perf's no-new-function-as-prop and\n// jsx-no-jsx-as-prop are after; the React Compiler memoises the result on\n// its inputs.\n//\n// A leaf gets the space rather than nothing, so its headline lines up with\n// the headline of a sibling that opens.\nfunction chevronFor(state: TreeItemRenderProps): ReactNode {\n  if (!state.hasChildItems) {\n    return <span className=\"xxk0z11 x2lah0s xvy4d1p\" />;\n  }\n  return <RACButton className={chevronClassName} slot=\"chevron\">\n      <ChevronEndGlyph {...{\n      0: {\n        className: \"x12w9bfk xxk0z11 xvy4d1p xu3v78v x1c071of xkzkux9 x11xpdln xpc4ca7\"\n      },\n      1: {\n        className: \"x12w9bfk xxk0z11 xvy4d1p xkzkux9 x11xpdln xpc4ca7 xaaet9u x1iffjtl\"\n      }\n    }[!!state.isExpanded << 0]} />\n    </RACButton>;\n}\n\n// What a row draws, from React Aria's render state. The caret comes first,\n// then the selection checkbox, then whatever the row was given — one order,\n// always, which is what keeps a column of rows reading down.\nfunction itemContent(headline: ReactNode, leading: ReactNode, supporting: ReactNode, trailing: ReactNode, selectLabel: string | undefined, ripple: ReactNode) {\n  return (state: TreeItemRenderProps): ReactNode => <>\n      <RowContent isDisabled={state.isDisabled} isSelected={state.isSelected} leading={leadingFor(state, leading, selectLabel)} supporting={supporting} trailing={trailing}>\n        {headline}\n      </RowContent>\n      {state.isDisabled ? null : ripple}\n    </>;\n}\n\n// StyleX cannot target `[data-selected]` on the element it is styling, so a\n// row's state comes from the render state React Aria hands its className.\n// The order matters: `disabled` is applied last so its ground and colour\n// win over the selected container's. The state layers come from the render\n// state as well — see `focusVisible` in src/row/styles.ts — and React Aria\n// reports none of them on a disabled row, so nothing has to outrank them.\n//\n// A supporting line moves the row from the page's one-line container height\n// to its two-line one, which is a floor rather than something the row's own\n// box arrives at — see `twoLine` in `src/row/styles.ts`. Taken as an\n// argument rather than read from the render state, since React Aria reports\n// what a row is doing and not what it holds; the row is built by a call for\n// the same reason `itemContent` is.\n/**\n * The caret, the selection checkbox, then whatever the row was given. Its\n * return type is written out rather than inferred: `ReactNode` is a union\n * that includes a promise, and a function inferred as returning one has to\n * be `async`.\n */\nfunction leadingFor(state: TreeItemRenderProps, leading: ReactNode, selectLabel: string | undefined): ReactNode {\n  const selects = state.selectionBehavior === 'toggle' && state.selectionMode !== 'none';\n  return <>\n      {chevronFor(state)}\n      {selects ? <Checkbox aria-label={selectLabel} slot=\"selection\" /> : null}\n      {leading}\n    </>;\n}\n\n// What React Aria matches typeahead on, and what names the row. `TreeItemText`\n// makes one of the two a string, so the last branch is unreachable through the\n// public type — it is there because destructuring the two apart is what loses\n// the narrowing, not because a row can arrive without either.\nfunction textValueFor(textValue: string | undefined, headline: ReactNode) {\n  if (textValue !== undefined) {\n    return textValue;\n  }\n  return typeof headline === 'string' ? headline : '';\n}\n\n/**\n * A list whose rows nest. Which rows are open is React Aria's: pass\n * `expandedKeys` with `onExpandedChange` to control it, or\n * `defaultExpandedKeys` to let it keep its own. Selection is React Aria's\n * too — set `selectionMode` to `single` or `multiple`.\n *\n * ```tsx\n * <Tree aria-label=\"Label\">\n *   <Tree.Item headline=\"First item\" id=\"first\">\n *     <Tree.Item headline=\"Second item\" id=\"second\" />\n *   </Tree.Item>\n * </Tree>\n * ```\n *\n * Each row is the row every list here draws, indented by its depth, with a\n * caret on the rows that have children. Name the tree with `aria-label` or\n * `aria-labelledby` — nothing here labels it for you.\n *\n * The call site's `className` and `style` land on the container, which is\n * the element a layout positions.\n */\nfunction Tree<T extends object>({\n  selectLabel,\n  ...props\n}: RefAttributes<HTMLDivElement> & TreeProps<T>) {\n  return <SelectLabelContext value={selectLabel}>\n      <RACTree<T> {...props} {...mergeStatefulStyles(containerClasses, props)} />\n    </SelectLabelContext>;\n}\n\n/**\n * A named group of rows. `header` names it, and is what a screen reader\n * reads before the rows inside.\n */\nfunction TreeHeader({\n  children\n}: TreeHeaderProps) {\n  return <RACTreeHeader {...stylex.props(collectionStyles.header)}>\n      {children}\n    </RACTreeHeader>;\n}\n\n/**\n * One row, and the rows under it. Its slots are the row's: `leading`, the\n * `headline`, `supporting` under it, and `trailing`. Give every row an `id`\n * — that is the key selection and expansion are reported by.\n *\n * Rows nested as `children` are what make it a branch; a row with none is a\n * leaf and draws no caret. `textValue` is what typeahead matches on, and is\n * taken from a plain-string headline when it is not given.\n */\nfunction TreeItem<T extends object = object>({\n  children,\n  headline,\n  leading,\n  onContextMenu,\n  onPointerCancel,\n  onPointerDown,\n  onPointerLeave,\n  onPointerUp,\n  supporting,\n  textValue,\n  trailing,\n  ...props\n}: TreeItemProps<T>) {\n  const selectLabel = useContext(SelectLabelContext);\n  // The press ripple List's rows draw — see ListItem there.\n  const ripple = useRipple<HTMLDivElement>(true, {\n    onContextMenu,\n    onPointerCancel,\n    onPointerDown,\n    onPointerLeave,\n    onPointerUp\n  }, true);\n  return <RACTreeItem<T> textValue={textValueFor(textValue, headline)} {...ripple.handlers} {...props} {...mergeStatefulStyles(\n  // No overline: a tree row takes the list variant's metrics because it\n  // looks like a list row, but it follows its own page, and that page\n  // gives a headline and a supporting line. The three-line item belongs\n  // to the lists page, which `List.Item` and `ListBox.Item` draw.\n  rowItemStyles(supporting, undefined, styles.indent), props)}>\n      <RACTreeItemContent>\n        {itemContent(headline, leading, supporting, trailing, selectLabel, ripple.surface)}\n      </RACTreeItemContent>\n      {children}\n    </RACTreeItem>;\n}\n\n/**\n * The row the tree shows while it is fetching more. React Aria calls\n * `onLoadMore` when this comes into view, and draws it only while\n * `isLoading`.\n */\nfunction TreeLoadMore({\n  label,\n  ...props\n}: TreeLoadMoreProps) {\n  return <RACTreeLoadMoreItem {...props} {...mergeStatefulStyles(stylex.props(collectionStyles.loading), props)}>\n      <CollectionLoadMore label={label} size=\"24px\" />\n    </RACTreeLoadMoreItem>;\n}\n\n/**\n * A named group of rows, with its heading above them.\n */\nfunction TreeSection<T extends object = object>({\n  children,\n  header,\n  ...props\n}: TreeSectionProps<T>) {\n  return <RACTreeSection<T> {...props} {...mergeStyles(stylex.props(collectionStyles.section), props)}>\n      {header === undefined ? null : <TreeHeader>{header}</TreeHeader>}\n      {children}\n    </RACTreeSection>;\n}\nTree.Item = TreeItem;\nTree.LoadMore = TreeLoadMore;\nTree.Section = TreeSection;\nexport type { TreeItemProps, TreeLoadMoreProps, TreeProps, TreeSectionProps };\nexport { TreeItem, TreeLoadMore, TreeSection };\nexport default Tree;"],"mappings":"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"}

package/dist/drag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DropTarget","DropIndicator","RACDropIndicator","indicatorClassName","t0","$","_c","target","t1","DropIndicator","_c","RACDropIndicator"],"sources":["../../src/drag/index.tsx"],"sourcesContent":["import type { DropTarget } from 'react-aria-components'\n\nimport { DropIndicator as RACDropIndicator } from 'react-aria-components'\n\nimport { indicatorClassName } from './styles'\n\n// What drag and drop looks like across the four collections that do it —\n// List, ListBox, Table and Tree. React Aria supplies the behaviour through\n// `useDragAndDrop` and renders an unstyled line between items; what is here\n// is the line and the preview, and a wrapper that makes both the default so\n// a call site gets them without wiring either.\n//\n// Apart from `src/components` because it is shared internals rather than a\n// component: a directory there is a public component with stories, a barrel\n// entry and a `styling.test.tsx` case, and this has none of the three. The\n// one name it does put on the public surface is `useDragAndDrop`, which\n// `src/react-aria.ts` exports in place of React Aria's own.\n//\n// Two things are this module's own, since the design carries no page for\n// either — it has no drag and drop at all.\n//\n// **The line between two items is the primary role, 2dp.** It is the same\n// weight and colour a focus ring takes, which is the nearest thing the\n// system has to \"this is where the thing you are moving will land\".\n//\n// **The preview is the row's own type on a raised surface.** A drag preview\n// that looked nothing like the row it came from would read as a second\n// thing rather than as the row in transit.\n\n/**\n * The line that shows where a dragged item would land. Rendered by\n * {@link useDragAndDrop} rather than by a call site, which is why it takes\n * React Aria's target rather than props of its own.\n */\nfunction DropIndicator({ target }: { target: DropTarget }) {\n  return <RACDropIndicator className={indicatorClassName} target={target} />\n}\n\nexport { DropIndicator }\n"],"mappings":";;;;;;;;;;AAkCA,SAAAC,gBAAAG,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAuB,MAAA,EAAAC,WAAAH;CAAkC,IAAAI;CAAA,IAAAH,EAAA,OAAAE,QAAA;EAChDC,KAAA,oBAACG,eAAD;GAA6BR,WAAAA;GAA4BI;EAAM,CAAA;EAAIF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAAnEG;AAAmE"}
+{"version":3,"file":"index.js","names":["DropTarget","DropIndicator","RACDropIndicator","indicatorClassName","t0","$","_c","target","t1","DropIndicator","_c","RACDropIndicator"],"sources":["../../src/drag/index.tsx"],"sourcesContent":["import type { DropTarget } from 'react-aria-components'\n\nimport { DropIndicator as RACDropIndicator } from 'react-aria-components'\n\nimport { indicatorClassName } from './styles'\n\n// What drag and drop looks like across the four collections that do it —\n// List, ListBox, Table and Tree. React Aria supplies the behaviour through\n// `useDragAndDrop` and renders an unstyled line between items; what is here\n// is the line and the preview, and a wrapper that makes both the default so\n// a call site gets them without wiring either.\n//\n// Apart from `src/components` because it is shared internals rather than a\n// component: a directory there is a public component with stories, a barrel\n// entry and a `styling.test.tsx` case, and this has none of the three. The\n// one name it does put on the public surface is `useDragAndDrop`, which\n// `src/react-aria.ts` exports in place of React Aria's own.\n//\n// The lists page draws one part of a drag: the dragged row, lifted to\n// elevation 4 under a pressed layer, which the row a drag started from takes\n// as `dragging` in `src/row` — in List, ListBox and Tree through\n// `rowItemStyles`, and in Table's own row. Three things are this library's\n// own, since no page draws them.\n//\n// **The line between two items is the primary role, 2dp.** It is the same\n// weight and colour a focus ring takes, which is the nearest thing the\n// system has to \"this is where the thing you are moving will land\".\n//\n// **A row or a whole collection a drop lands on draws that line around\n// itself**, as an outline inside its edges over a primary layer at the hover\n// opacity — `dropTarget` in `src/row` and in `src/collection`, which Table's\n// own row and box take too.\n//\n// **The preview is the row's own type on a raised surface.** A drag preview\n// that looked nothing like the row it came from would read as a second\n// thing rather than as the row in transit.\n\n/**\n * The line that shows where a dragged item would land. Rendered by\n * {@link useDragAndDrop} rather than by a call site, which is why it takes\n * React Aria's target rather than props of its own.\n */\nfunction DropIndicator({ target }: { target: DropTarget }) {\n  return <RACDropIndicator className={indicatorClassName} target={target} />\n}\n\nexport { DropIndicator }\n"],"mappings":";;;;;;;;;;AA0CA,SAAAC,gBAAAG,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAuB,MAAA,EAAAC,WAAAH;CAAkC,IAAAI;CAAA,IAAAH,EAAA,OAAAE,QAAA;EAChDC,KAAA,oBAACG,eAAD;GAA6BR,WAAAA;GAA4BI;EAAM,CAAA;EAAIF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAAnEG;AAAmE"}

package/dist/drag/styles.js

@@ -13,6 +13,9 @@ const dragStyles = {
 	},
 	indicatorActive: {
 		kWkggS: "xnety89",
+		kLZC3w: "x4hsqty",
+		kPef9Z: "x4z998w",
+		kEafiO: "x7sdbh0",
 		$$css: true
 	},
 	preview: {
@@ -37,7 +40,7 @@ const dragStyles = {
 function indicatorClassName(state) {
 	return {
 		0: { className: "xjbqb8w x36qwtl x1dkaolv x9f619 x16sahtb x1t137rt x1n2onr6 x1vjfegm" },
-		1: { className: "x36qwtl x1dkaolv x9f619 x16sahtb x1t137rt x1n2onr6 x1vjfegm xnety89" }
+		1: { className: "x36qwtl x1dkaolv x9f619 x16sahtb x1t137rt x1n2onr6 x1vjfegm xnety89 x4hsqty x4z998w x7sdbh0" }
 	}[!!state.isDropTarget << 0].className ?? "";
 }
 //#endregion

package/dist/drag/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["stylex","colors","radii","spacing","typography","dragStyles","indicator","kWkggS","kZKoxP","kaIpWk","kB7OPa","kqGvvJ","k3XXqK","kVAEAm","kY2c9j","$$css","indicatorActive","preview","kMwMTN","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","ks0D6T","kVQacm","k8WAf4","kg3NbH","kg5iWk","khDVqt","indicatorClassName","state","isDropTarget","className"],"sources":["../../src/drag/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, radii, spacing, typography } from '../tokens/design.tokens.stylex';\n\n// Apart from ./index.tsx so that file exports components alone, which is what\n// keeps fast refresh working for it — the same arrangement `src/row` uses.\n// index.test.tsx also applies these directly: React Aria draws a drop\n// indicator only while a drag is in flight, which a test cannot start.\n\nconst dragStyles = {\n  indicator: {\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x36qwtl\",\n    kaIpWk: \"x1dkaolv\",\n    kB7OPa: \"x9f619\",\n    kqGvvJ: \"x16sahtb\",\n    k3XXqK: \"x1t137rt\",\n    kVAEAm: \"x1n2onr6\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  indicatorActive: {\n    kWkggS: \"xnety89\",\n    $$css: true\n  },\n  preview: {\n    kWkggS: \"xvkjz1l\",\n    kaIpWk: \"x1xdvaa9\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    ks0D6T: \"x1va8c73\",\n    kVQacm: \"xb3r6kr\",\n    k8WAf4: \"x1cmllll\",\n    kg3NbH: \"x18fpw6u\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  }\n};\n\n// The line's classes, from React Aria's own render state.\nfunction indicatorClassName(state: {\n  isDropTarget: boolean;\n}) {\n  return {\n    0: {\n      className: \"xjbqb8w x36qwtl x1dkaolv x9f619 x16sahtb x1t137rt x1n2onr6 x1vjfegm\"\n    },\n    1: {\n      className: \"x36qwtl x1dkaolv x9f619 x16sahtb x1t137rt x1n2onr6 x1vjfegm xnety89\"\n    }\n  }[!!state.isDropTarget << 0].className ?? '';\n}\nexport { dragStyles, indicatorClassName };"],"mappings":";AASA,MAAMK,aAAa;CACjBC,WAAW;EACTC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,iBAAiB;EACfT,QAAQ;EACRQ,OAAO;CACT;CACAE,SAAS;EACPV,QAAQ;EACRE,QAAQ;EACRC,QAAQ;EACRQ,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRd,OAAO;CACT;AACF;AAGA,SAASe,mBAAmBC,OAEzB;CACD,OAAO;EACL,GAAG,EACDE,WAAW,sEACb;EACA,GAAG,EACDA,WAAW,sEACb;CACF,EAAE,CAAC,CAACF,MAAMC,gBAAgB,EAAE,CAACC,aAAa;AAC5C"}
+{"version":3,"file":"styles.js","names":["stylex","colors","radii","spacing","typography","FORCED_COLORS","dragStyles","indicator","kWkggS","kZKoxP","kaIpWk","kB7OPa","kqGvvJ","k3XXqK","kVAEAm","kY2c9j","$$css","indicatorActive","kLZC3w","kPef9Z","kEafiO","preview","kMwMTN","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","ks0D6T","kVQacm","k8WAf4","kg3NbH","kg5iWk","khDVqt","indicatorClassName","state","isDropTarget","className"],"sources":["../../src/drag/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, radii, spacing, typography } from '../tokens/design.tokens.stylex';\n\n// Apart from ./index.tsx so that file exports components alone, which is what\n// keeps fast refresh working for it — the same arrangement `src/row` uses.\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 dragStyles = {\n  indicator: {\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x36qwtl\",\n    kaIpWk: \"x1dkaolv\",\n    kB7OPa: \"x9f619\",\n    kqGvvJ: \"x16sahtb\",\n    k3XXqK: \"x1t137rt\",\n    kVAEAm: \"x1n2onr6\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  indicatorActive: {\n    kWkggS: \"xnety89\",\n    kLZC3w: \"x4hsqty\",\n    kPef9Z: \"x4z998w\",\n    kEafiO: \"x7sdbh0\",\n    $$css: true\n  },\n  preview: {\n    kWkggS: \"xvkjz1l\",\n    kaIpWk: \"x1xdvaa9\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    ks0D6T: \"x1va8c73\",\n    kVQacm: \"xb3r6kr\",\n    k8WAf4: \"x1cmllll\",\n    kg3NbH: \"x18fpw6u\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  }\n};\n\n// The line's classes, from React Aria's own render state.\nfunction indicatorClassName(state: {\n  isDropTarget: boolean;\n}) {\n  return {\n    0: {\n      className: \"xjbqb8w x36qwtl x1dkaolv x9f619 x16sahtb x1t137rt x1n2onr6 x1vjfegm\"\n    },\n    1: {\n      className: \"x36qwtl x1dkaolv x9f619 x16sahtb x1t137rt x1n2onr6 x1vjfegm xnety89 x4hsqty x4z998w x7sdbh0\"\n    }\n  }[!!state.isDropTarget << 0].className ?? '';\n}\nexport { dragStyles, indicatorClassName };"],"mappings":";AAYA,MAAMM,aAAa;CACjBC,WAAW;EACTC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,iBAAiB;EACfT,QAAQ;EACRU,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRJ,OAAO;CACT;CACAK,SAAS;EACPb,QAAQ;EACRE,QAAQ;EACRC,QAAQ;EACRW,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRjB,OAAO;CACT;AACF;AAGA,SAASkB,mBAAmBC,OAEzB;CACD,OAAO;EACL,GAAG,EACDE,WAAW,sEACb;EACA,GAAG,EACDA,WAAW,8FACb;CACF,EAAE,CAAC,CAACF,MAAMC,gBAAgB,EAAE,CAACC,aAAa;AAC5C"}

package/dist/fab/styles.js

@@ -0,0 +1,161 @@
+//#region src/fab/styles.ts
+const fabStyles = {
+	base: {
+		kGNEyG: "x6s0dn4",
+		kVAM5u: "x1ylmb6m",
+		ksu8eU: "xx61lck",
+		kMzoRj: "xc342km x13rsnn2",
+		kGVxlE: "x1udv5rz",
+		kB7OPa: "x9f619",
+		kkrTdU: "x1ypdohk",
+		k1xSpc: "x3nfvp2",
+		kmuXW: "x2lah0s",
+		kjj79g: "xl56j7k",
+		kmVPX3: "x1717udv",
+		kVAEAm: "x1n2onr6",
+		kybGjl: "x1hl2dhg",
+		$$css: true
+	},
+	disabled: {
+		kWkggS: "xepofeg",
+		kKwaWg: "x18o3ruo",
+		kVAM5u: "xmnqt3w",
+		kGVxlE: "x1gnnqk1",
+		kMwMTN: "x1xj74d8 x1bhcspo",
+		kkrTdU: "x1h6gzvc",
+		$$css: true
+	},
+	focused: {
+		kKwaWg: "x17vw94z",
+		$$css: true
+	},
+	hovered: {
+		kKwaWg: "xbmfk57",
+		kGVxlE: "x4r79n0",
+		$$css: true
+	},
+	icon: {
+		kGNEyG: "x6s0dn4",
+		k1xSpc: "x3nfvp2",
+		kmuXW: "x2lah0s",
+		kjj79g: "xl56j7k",
+		$$css: true
+	},
+	pressed: {
+		kKwaWg: "xdiex0u",
+		kGVxlE: "x1udv5rz",
+		$$css: true
+	}
+};
+const fabSizes = {
+	lg: {
+		kZKoxP: "xwzfr38",
+		kaIpWk: "x1m3ak92",
+		kzqmXN: "x1dmp6jm",
+		$$css: true
+	},
+	md: {
+		kZKoxP: "xs1ryiz",
+		kaIpWk: "xhpdng0",
+		kzqmXN: "x1fh0d6s",
+		$$css: true
+	},
+	xl: {
+		kZKoxP: "x1xaimp3",
+		kaIpWk: "x19pkqky",
+		kzqmXN: "xszbqgh",
+		$$css: true
+	}
+};
+const extendedFabSizes = {
+	lg: {
+		kZKoxP: "xwzfr38",
+		kaIpWk: "x1m3ak92",
+		kMv6JI: "xdy5w5q",
+		kGuDYH: "xete2z3",
+		k63SB2: "x14ijtet",
+		kOIVth: "x1gka490",
+		kb6lSQ: "xug9e1u",
+		kLWn49: "x2divse",
+		kg3NbH: "xr244g7",
+		$$css: true
+	},
+	md: {
+		kZKoxP: "xs1ryiz",
+		kaIpWk: "xhpdng0",
+		kMv6JI: "x46eyla",
+		kGuDYH: "x5ehqhr",
+		k63SB2: "xrf6cl6",
+		kOIVth: "x126z3so",
+		kb6lSQ: "x1g135zh",
+		kLWn49: "x1ggk5va",
+		kg3NbH: "x790zyz",
+		$$css: true
+	},
+	xl: {
+		kZKoxP: "x1xaimp3",
+		kaIpWk: "x19pkqky",
+		kMv6JI: "x1fz0g89",
+		kGuDYH: "xkb6epg",
+		k63SB2: "x76yrz5",
+		kOIVth: "xxj4525",
+		kb6lSQ: "x1s1qhaa",
+		kLWn49: "x1voeury",
+		kg3NbH: "x1pbfunf",
+		$$css: true
+	}
+};
+const fabIconSizes = {
+	lg: {
+		kGuDYH: "xneq65o",
+		$$css: true
+	},
+	md: {
+		kGuDYH: "x1pvqxga",
+		$$css: true
+	},
+	xl: {
+		kGuDYH: "xqozcyj",
+		$$css: true
+	}
+};
+const fabTones = {
+	filled: {
+		primary: {
+			kWkggS: "xnety89",
+			kMwMTN: "xwjo7ld",
+			$$css: true
+		},
+		secondary: {
+			kWkggS: "x167r6xl",
+			kMwMTN: "x1lba3jz",
+			$$css: true
+		},
+		tertiary: {
+			kWkggS: "x14t7u9f",
+			kMwMTN: "x1007ibn",
+			$$css: true
+		}
+	},
+	tonal: {
+		primary: {
+			kWkggS: "xp89om9",
+			kMwMTN: "xscdzaa",
+			$$css: true
+		},
+		secondary: {
+			kWkggS: "x15dekr4",
+			kMwMTN: "x1sawysd",
+			$$css: true
+		},
+		tertiary: {
+			kWkggS: "xs6yvni",
+			kMwMTN: "x3cbcwg",
+			$$css: true
+		}
+	}
+};
+//#endregion
+export { extendedFabSizes, fabIconSizes, fabSizes, fabStyles, fabTones };
+
+//# sourceMappingURL=styles.js.map

package/dist/fab/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["stylex","colors","radii","shadows","sizing","spacing","stateLayerOpacity","typography","FORCED_COLORS","MEDIUM_SIZE","MEDIUM_CORNER","fabStyles","base","kGNEyG","kVAM5u","ksu8eU","kMzoRj","kGVxlE","kB7OPa","kkrTdU","k1xSpc","kmuXW","kjj79g","kmVPX3","kVAEAm","kybGjl","$$css","disabled","kWkggS","kKwaWg","kMwMTN","focused","hovered","icon","pressed","fabSizes","lg","kZKoxP","kaIpWk","kzqmXN","md","xl","extendedFabSizes","kMv6JI","kGuDYH","k63SB2","kOIVth","kb6lSQ","kLWn49","kg3NbH","fabIconSizes","tonal","primary","secondary","tertiary","filled","fabTones"],"sources":["../../src/fab/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, radii, shadows, sizing, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\n\n// The FAB's styles, shared by Fab and by the FAB that opens FabMenu, which is\n// the same button until its menu opens. Apart from either component, and\n// outside `src/components`, for the reason src/row gives. See Fab's header\n// for the values and where they come from.\n\n// Windows High Contrast and the rest of the forced-colours modes. Spelled\n// here rather than imported, for the reason src/field/styles.ts records: the\n// StyleX compiler resolves a constant across files only out of a `.stylex.ts`\n// module, and the generated one holds design tokens rather than queries.\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// The medium FAB's container and corner, between the steps of the control\n// and radius scales.\nconst MEDIUM_SIZE = '80px';\nconst MEDIUM_CORNER = '20px';\nconst fabStyles = {\n  base: {\n    kGNEyG: \"x6s0dn4\",\n    kVAM5u: \"x1ylmb6m\",\n    ksu8eU: \"xx61lck\",\n    kMzoRj: \"xc342km x13rsnn2\",\n    kGVxlE: \"x1udv5rz\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kjj79g: \"xl56j7k\",\n    kmVPX3: \"x1717udv\",\n    kVAEAm: \"x1n2onr6\",\n    kybGjl: \"x1hl2dhg\",\n    $$css: true\n  },\n  disabled: {\n    kWkggS: \"xepofeg\",\n    kKwaWg: \"x18o3ruo\",\n    kVAM5u: \"xmnqt3w\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x1xj74d8 x1bhcspo\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  focused: {\n    kKwaWg: \"x17vw94z\",\n    $$css: true\n  },\n  hovered: {\n    kKwaWg: \"xbmfk57\",\n    kGVxlE: \"x4r79n0\",\n    $$css: true\n  },\n  icon: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kjj79g: \"xl56j7k\",\n    $$css: true\n  },\n  pressed: {\n    kKwaWg: \"xdiex0u\",\n    kGVxlE: \"x1udv5rz\",\n    $$css: true\n  }\n};\n\n// The FAB on its own: a square of the size's edge, at its corner.\nconst fabSizes = {\n  lg: {\n    kZKoxP: \"xwzfr38\",\n    kaIpWk: \"x1m3ak92\",\n    kzqmXN: \"x1dmp6jm\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"xs1ryiz\",\n    kaIpWk: \"xhpdng0\",\n    kzqmXN: \"x1fh0d6s\",\n    $$css: true\n  },\n  xl: {\n    kZKoxP: \"x1xaimp3\",\n    kaIpWk: \"x19pkqky\",\n    kzqmXN: \"xszbqgh\",\n    $$css: true\n  }\n};\n\n// The extended form: the size's height and corner, with its padding, the gap\n// before the label and the label's type role.\nconst extendedFabSizes = {\n  lg: {\n    kZKoxP: \"xwzfr38\",\n    kaIpWk: \"x1m3ak92\",\n    kMv6JI: \"xdy5w5q\",\n    kGuDYH: \"xete2z3\",\n    k63SB2: \"x14ijtet\",\n    kOIVth: \"x1gka490\",\n    kb6lSQ: \"xug9e1u\",\n    kLWn49: \"x2divse\",\n    kg3NbH: \"xr244g7\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"xs1ryiz\",\n    kaIpWk: \"xhpdng0\",\n    kMv6JI: \"x46eyla\",\n    kGuDYH: \"x5ehqhr\",\n    k63SB2: \"xrf6cl6\",\n    kOIVth: \"x126z3so\",\n    kb6lSQ: \"x1g135zh\",\n    kLWn49: \"x1ggk5va\",\n    kg3NbH: \"x790zyz\",\n    $$css: true\n  },\n  xl: {\n    kZKoxP: \"x1xaimp3\",\n    kaIpWk: \"x19pkqky\",\n    kMv6JI: \"x1fz0g89\",\n    kGuDYH: \"xkb6epg\",\n    k63SB2: \"x76yrz5\",\n    kOIVth: \"xxj4525\",\n    kb6lSQ: \"x1s1qhaa\",\n    kLWn49: \"x1voeury\",\n    kg3NbH: \"x1pbfunf\",\n    $$css: true\n  }\n};\n\n// The icon each size draws.\nconst fabIconSizes = {\n  lg: {\n    kGuDYH: \"xneq65o\",\n    $$css: true\n  },\n  md: {\n    kGuDYH: \"x1pvqxga\",\n    $$css: true\n  },\n  xl: {\n    kGuDYH: \"xqozcyj\",\n    $$css: true\n  }\n};\n\n// The six colour pairs: each tone's container pair, and the tone itself.\nconst tonal = {\n  primary: {\n    kWkggS: \"xp89om9\",\n    kMwMTN: \"xscdzaa\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"x15dekr4\",\n    kMwMTN: \"x1sawysd\",\n    $$css: true\n  },\n  tertiary: {\n    kWkggS: \"xs6yvni\",\n    kMwMTN: \"x3cbcwg\",\n    $$css: true\n  }\n};\nconst filled = {\n  primary: {\n    kWkggS: \"xnety89\",\n    kMwMTN: \"xwjo7ld\",\n    $$css: true\n  },\n  secondary: {\n    kWkggS: \"x167r6xl\",\n    kMwMTN: \"x1lba3jz\",\n    $$css: true\n  },\n  tertiary: {\n    kWkggS: \"x14t7u9f\",\n    kMwMTN: \"x1007ibn\",\n    $$css: true\n  }\n};\nconst fabTones = {\n  filled,\n  tonal\n};\nexport { extendedFabSizes, fabIconSizes, fabSizes, fabStyles, fabTones };"],"mappings":";AAmBA,MAAMW,YAAY;CAChBC,MAAM;EACJC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,UAAU;EACRC,QAAQ;EACRC,QAAQ;EACRf,QAAQ;EACRG,QAAQ;EACRa,QAAQ;EACRX,QAAQ;EACRO,OAAO;CACT;CACAK,SAAS;EACPF,QAAQ;EACRH,OAAO;CACT;CACAM,SAAS;EACPH,QAAQ;EACRZ,QAAQ;EACRS,OAAO;CACT;CACAO,MAAM;EACJpB,QAAQ;EACRO,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRI,OAAO;CACT;CACAQ,SAAS;EACPL,QAAQ;EACRZ,QAAQ;EACRS,OAAO;CACT;AACF;AAGA,MAAMS,WAAW;CACfC,IAAI;EACFC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRb,OAAO;CACT;CACAc,IAAI;EACFH,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRb,OAAO;CACT;CACAe,IAAI;EACFJ,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRb,OAAO;CACT;AACF;AAIA,MAAMgB,mBAAmB;CACvBN,IAAI;EACFC,QAAQ;EACRC,QAAQ;EACRK,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRvB,OAAO;CACT;CACAc,IAAI;EACFH,QAAQ;EACRC,QAAQ;EACRK,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRvB,OAAO;CACT;CACAe,IAAI;EACFJ,QAAQ;EACRC,QAAQ;EACRK,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRvB,OAAO;CACT;AACF;AAGA,MAAMwB,eAAe;CACnBd,IAAI;EACFQ,QAAQ;EACRlB,OAAO;CACT;CACAc,IAAI;EACFI,QAAQ;EACRlB,OAAO;CACT;CACAe,IAAI;EACFG,QAAQ;EACRlB,OAAO;CACT;AACF;AAqCA,MAAM8B,WAAW;CACfD,QAAAA;EAjBAH,SAAS;GACPxB,QAAQ;GACRE,QAAQ;GACRJ,OAAO;EACT;EACA2B,WAAW;GACTzB,QAAQ;GACRE,QAAQ;GACRJ,OAAO;EACT;EACA4B,UAAU;GACR1B,QAAQ;GACRE,QAAQ;GACRJ,OAAO;EACT;CAGA6B;CACAJ,OAAAA;EAnCAC,SAAS;GACPxB,QAAQ;GACRE,QAAQ;GACRJ,OAAO;EACT;EACA2B,WAAW;GACTzB,QAAQ;GACRE,QAAQ;GACRJ,OAAO;EACT;EACA4B,UAAU;GACR1B,QAAQ;GACRE,QAAQ;GACRJ,OAAO;EACT;CAqBAyB;AACF"}