@kanso-labs/react-native-kanso-ui 0.10.0 → 0.11.0

package/dist/components/chip/index.js

@@ -1,7 +1,7 @@
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles } from "../../theme/styles.js";
 import { usePressFeedback } from "../../press/index.js";
-import { AnimatedPressable, toggleState, useButtonAction } from "../../button/index.js";
+import { AnimatedPressable, toggleState, useButtonAction, useSlotTrigger } from "../../button/index.js";
 import { shadowsOf, stylesOf } from "../../chip/styles.js";
 import { ChipGlyph, ChipLabel, measureThen, paintOf, targetOf, useEasedColors } from "../../chip/index.js";
 import { c } from "react/compiler-runtime";
@@ -20,13 +20,18 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * `variant="assist"` and `variant="suggestion"` draw the page's two action
 * chips instead: plain buttons, pressed with `onPress`, never selected.
 *
+* A chip placed directly inside `Menu`, `Popover`, `Dialog` or `Sheet` is its
+* trigger, as a `Button` is, and a press on it opens what it is placed in.
+*
 * A column stretches a chip across it, as it does any view; a row of chips is
 * a row that wraps. `style`, `ref` and `testID` land on the `Pressable`.
 */
 function Chip(t0) {
-	const $ = c(80);
+	const $ = c(102);
+	let accessibilityHint;
 	let children;
 	let defaultSelected;
+	let delayLongPress;
 	let hitSlop;
 	let icon;
 	let isSelected;
@@ -36,56 +41,66 @@ function Chip(t0) {
 	let onHoverIn;
 	let onHoverOut;
 	let onLayout;
+	let onLongPress;
 	let onPress;
 	let onPressIn;
 	let onPressOut;
 	let props;
+	let ref;
 	let style;
 	let t1;
 	let t2;
 	let t3;
 	if ($[0] !== t0) {
-		({children, defaultSelected, elevated: t1, hitSlop, icon, isDisabled: t2, isSelected, onBlur, onChange, onFocus, onHoverIn, onHoverOut, onLayout, onPress, onPressIn, onPressOut, style, variant: t3, ...props} = t0);
+		({accessibilityHint, children, defaultSelected, delayLongPress, elevated: t1, hitSlop, icon, isDisabled: t2, isSelected, onBlur, onChange, onFocus, onHoverIn, onHoverOut, onLayout, onLongPress, onPress, onPressIn, onPressOut, ref, style, variant: t3, ...props} = t0);
 		$[0] = t0;
-		$[1] = children;
-		$[2] = defaultSelected;
-		$[3] = hitSlop;
-		$[4] = icon;
-		$[5] = isSelected;
-		$[6] = onBlur;
-		$[7] = onChange;
-		$[8] = onFocus;
-		$[9] = onHoverIn;
-		$[10] = onHoverOut;
-		$[11] = onLayout;
-		$[12] = onPress;
-		$[13] = onPressIn;
-		$[14] = onPressOut;
-		$[15] = props;
-		$[16] = style;
-		$[17] = t1;
-		$[18] = t2;
-		$[19] = t3;
+		$[1] = accessibilityHint;
+		$[2] = children;
+		$[3] = defaultSelected;
+		$[4] = delayLongPress;
+		$[5] = hitSlop;
+		$[6] = icon;
+		$[7] = isSelected;
+		$[8] = onBlur;
+		$[9] = onChange;
+		$[10] = onFocus;
+		$[11] = onHoverIn;
+		$[12] = onHoverOut;
+		$[13] = onLayout;
+		$[14] = onLongPress;
+		$[15] = onPress;
+		$[16] = onPressIn;
+		$[17] = onPressOut;
+		$[18] = props;
+		$[19] = ref;
+		$[20] = style;
+		$[21] = t1;
+		$[22] = t2;
+		$[23] = t3;
 	} else {
-		children = $[1];
-		defaultSelected = $[2];
-		hitSlop = $[3];
-		icon = $[4];
-		isSelected = $[5];
-		onBlur = $[6];
-		onChange = $[7];
-		onFocus = $[8];
-		onHoverIn = $[9];
-		onHoverOut = $[10];
-		onLayout = $[11];
-		onPress = $[12];
-		onPressIn = $[13];
-		onPressOut = $[14];
-		props = $[15];
-		style = $[16];
-		t1 = $[17];
-		t2 = $[18];
-		t3 = $[19];
+		accessibilityHint = $[1];
+		children = $[2];
+		defaultSelected = $[3];
+		delayLongPress = $[4];
+		hitSlop = $[5];
+		icon = $[6];
+		isSelected = $[7];
+		onBlur = $[8];
+		onChange = $[9];
+		onFocus = $[10];
+		onHoverIn = $[11];
+		onHoverOut = $[12];
+		onLayout = $[13];
+		onLongPress = $[14];
+		onPress = $[15];
+		onPressIn = $[16];
+		onPressOut = $[17];
+		props = $[18];
+		ref = $[19];
+		style = $[20];
+		t1 = $[21];
+		t2 = $[22];
+		t3 = $[23];
 	}
 	const elevated = t1 === void 0 ? false : t1;
 	const isDisabled = t2 === void 0 ? false : t2;
@@ -94,7 +109,7 @@ function Chip(t0) {
 	const [width, setWidth] = useState(48);
 	const isToggle = variant === "filter";
 	let t4;
-	if ($[20] !== defaultSelected || $[21] !== isSelected || $[22] !== isToggle || $[23] !== onChange || $[24] !== onPress) {
+	if ($[24] !== defaultSelected || $[25] !== isSelected || $[26] !== isToggle || $[27] !== onChange || $[28] !== onPress) {
 		t4 = {
 			defaultSelected,
 			href: void 0,
@@ -102,154 +117,207 @@ function Chip(t0) {
 			isToggle,
 			onChange,
 			onPress,
+			slot: "default",
 			type: void 0
 		};
-		$[20] = defaultSelected;
-		$[21] = isSelected;
-		$[22] = isToggle;
-		$[23] = onChange;
-		$[24] = onPress;
-		$[25] = t4;
-	} else t4 = $[25];
+		$[24] = defaultSelected;
+		$[25] = isSelected;
+		$[26] = isToggle;
+		$[27] = onChange;
+		$[28] = onPress;
+		$[29] = t4;
+	} else t4 = $[29];
 	const action = useButtonAction(t4);
-	const t5 = variant === "assist";
-	let t6;
-	if ($[26] !== action.selected || $[27] !== elevated || $[28] !== isDisabled || $[29] !== t5 || $[30] !== theme) {
-		t6 = paintOf(theme, {
-			assist: t5,
+	let t5;
+	if ($[30] !== accessibilityHint || $[31] !== delayLongPress || $[32] !== onHoverIn || $[33] !== onHoverOut || $[34] !== onLongPress || $[35] !== onPressIn || $[36] !== onPressOut || $[37] !== ref) {
+		t5 = {
+			accessibilityHint,
+			delayLongPress,
+			href: void 0,
+			onHoverIn,
+			onHoverOut,
+			onLongPress,
+			onPressIn,
+			onPressOut,
+			ref,
+			slot: void 0
+		};
+		$[30] = accessibilityHint;
+		$[31] = delayLongPress;
+		$[32] = onHoverIn;
+		$[33] = onHoverOut;
+		$[34] = onLongPress;
+		$[35] = onPressIn;
+		$[36] = onPressOut;
+		$[37] = ref;
+		$[38] = t5;
+	} else t5 = $[38];
+	const t6 = useSlotTrigger(t5);
+	let hoverIn;
+	let hoverOut;
+	let longPress;
+	let pressIn;
+	let pressOut;
+	let triggerProps;
+	if ($[39] !== t6) {
+		({onHoverIn: hoverIn, onHoverOut: hoverOut, onLongPress: longPress, onPressIn: pressIn, onPressOut: pressOut, ...triggerProps} = t6);
+		$[39] = t6;
+		$[40] = hoverIn;
+		$[41] = hoverOut;
+		$[42] = longPress;
+		$[43] = pressIn;
+		$[44] = pressOut;
+		$[45] = triggerProps;
+	} else {
+		hoverIn = $[40];
+		hoverOut = $[41];
+		longPress = $[42];
+		pressIn = $[43];
+		pressOut = $[44];
+		triggerProps = $[45];
+	}
+	const t7 = variant === "assist";
+	let t8;
+	if ($[46] !== action.selected || $[47] !== elevated || $[48] !== isDisabled || $[49] !== t7 || $[50] !== theme) {
+		t8 = paintOf(theme, {
+			assist: t7,
 			disabled: isDisabled,
 			elevated,
 			selected: action.selected
 		});
-		$[26] = action.selected;
-		$[27] = elevated;
-		$[28] = isDisabled;
-		$[29] = t5;
-		$[30] = theme;
-		$[31] = t6;
-	} else t6 = $[31];
-	const paint = t6;
+		$[46] = action.selected;
+		$[47] = elevated;
+		$[48] = isDisabled;
+		$[49] = t7;
+		$[50] = theme;
+		$[51] = t8;
+	} else t8 = $[51];
+	const paint = t8;
 	const eased = useEasedColors(paint);
-	let t7;
-	if ($[32] !== theme.radii.sm) {
-		t7 = { borderRadius: theme.radii.sm };
-		$[32] = theme.radii.sm;
-		$[33] = t7;
-	} else t7 = $[33];
-	let t8;
-	if ($[34] !== isDisabled || $[35] !== onBlur || $[36] !== onFocus || $[37] !== onHoverIn || $[38] !== onHoverOut || $[39] !== onPressIn || $[40] !== onPressOut || $[41] !== paint.layer || $[42] !== t7) {
-		t8 = {
+	let t9;
+	if ($[52] !== theme.radii.sm) {
+		t9 = { borderRadius: theme.radii.sm };
+		$[52] = theme.radii.sm;
+		$[53] = t9;
+	} else t9 = $[53];
+	let t10;
+	if ($[54] !== hoverIn || $[55] !== hoverOut || $[56] !== isDisabled || $[57] !== onBlur || $[58] !== onFocus || $[59] !== paint.layer || $[60] !== pressIn || $[61] !== pressOut || $[62] !== t9) {
+		t10 = {
 			color: paint.layer,
-			corners: t7,
+			corners: t9,
 			disabled: isDisabled,
 			onBlur,
 			onFocus,
-			onHoverIn,
-			onHoverOut,
-			onPressIn,
-			onPressOut
+			onHoverIn: hoverIn,
+			onHoverOut: hoverOut,
+			onPressIn: pressIn,
+			onPressOut: pressOut
 		};
-		$[34] = isDisabled;
-		$[35] = onBlur;
-		$[36] = onFocus;
-		$[37] = onHoverIn;
-		$[38] = onHoverOut;
-		$[39] = onPressIn;
-		$[40] = onPressOut;
-		$[41] = paint.layer;
-		$[42] = t7;
-		$[43] = t8;
-	} else t8 = $[43];
-	const feedback = usePressFeedback(t8);
-	let t9;
-	if ($[44] !== action.selected || $[45] !== isToggle) {
-		t9 = isToggle ? toggleState(action.selected) : void 0;
-		$[44] = action.selected;
-		$[45] = isToggle;
-		$[46] = t9;
-	} else t9 = $[46];
-	const t10 = feedback.handlers;
+		$[54] = hoverIn;
+		$[55] = hoverOut;
+		$[56] = isDisabled;
+		$[57] = onBlur;
+		$[58] = onFocus;
+		$[59] = paint.layer;
+		$[60] = pressIn;
+		$[61] = pressOut;
+		$[62] = t9;
+		$[63] = t10;
+	} else t10 = $[63];
+	const feedback = usePressFeedback(t10);
 	let t11;
-	if ($[47] !== hitSlop || $[48] !== theme || $[49] !== width) {
-		t11 = hitSlop ?? targetOf(width, theme);
-		$[47] = hitSlop;
-		$[48] = theme;
-		$[49] = width;
-		$[50] = t11;
-	} else t11 = $[50];
-	let t12;
-	if ($[51] !== onLayout) {
-		t12 = measureThen(setWidth, onLayout);
-		$[51] = onLayout;
-		$[52] = t12;
-	} else t12 = $[52];
-	const t13 = action.onPress;
+	if ($[64] !== action.selected || $[65] !== isToggle) {
+		t11 = isToggle ? toggleState(action.selected) : void 0;
+		$[64] = action.selected;
+		$[65] = isToggle;
+		$[66] = t11;
+	} else t11 = $[66];
+	const t12 = feedback.handlers;
+	let t13;
+	if ($[67] !== hitSlop || $[68] !== theme || $[69] !== width) {
+		t13 = hitSlop ?? targetOf(width, theme);
+		$[67] = hitSlop;
+		$[68] = theme;
+		$[69] = width;
+		$[70] = t13;
+	} else t13 = $[70];
 	let t14;
-	if ($[53] !== eased.container || $[54] !== elevated || $[55] !== feedback.hovered || $[56] !== feedback.ring || $[57] !== isDisabled || $[58] !== style || $[59] !== theme) {
-		t14 = composeStyles(stylesOf(theme).pill, eased.container, elevated && !isDisabled ? shadowsOf(theme)[feedback.hovered ? "elevation2" : "elevation1"] : void 0, feedback.ring, style);
-		$[53] = eased.container;
-		$[54] = elevated;
-		$[55] = feedback.hovered;
-		$[56] = feedback.ring;
-		$[57] = isDisabled;
-		$[58] = style;
-		$[59] = theme;
-		$[60] = t14;
-	} else t14 = $[60];
-	let t15;
-	if ($[61] !== action.selected || $[62] !== icon || $[63] !== paint.glyph) {
-		t15 = /* @__PURE__ */ jsx(ChipGlyph, {
+	if ($[71] !== onLayout) {
+		t14 = measureThen(setWidth, onLayout);
+		$[71] = onLayout;
+		$[72] = t14;
+	} else t14 = $[72];
+	const t15 = action.onPress;
+	let t16;
+	if ($[73] !== eased.container || $[74] !== elevated || $[75] !== feedback.hovered || $[76] !== feedback.ring || $[77] !== isDisabled || $[78] !== style || $[79] !== theme) {
+		t16 = composeStyles(stylesOf(theme).pill, eased.container, elevated && !isDisabled ? shadowsOf(theme)[feedback.hovered ? "elevation2" : "elevation1"] : void 0, feedback.ring, style);
+		$[73] = eased.container;
+		$[74] = elevated;
+		$[75] = feedback.hovered;
+		$[76] = feedback.ring;
+		$[77] = isDisabled;
+		$[78] = style;
+		$[79] = theme;
+		$[80] = t16;
+	} else t16 = $[80];
+	let t17;
+	if ($[81] !== action.selected || $[82] !== icon || $[83] !== paint.glyph) {
+		t17 = /* @__PURE__ */ jsx(ChipGlyph, {
 			color: paint.glyph,
 			icon,
 			selected: action.selected
 		});
-		$[61] = action.selected;
-		$[62] = icon;
-		$[63] = paint.glyph;
-		$[64] = t15;
-	} else t15 = $[64];
-	let t16;
-	if ($[65] !== children || $[66] !== eased.label) {
-		t16 = /* @__PURE__ */ jsx(ChipLabel, {
+		$[81] = action.selected;
+		$[82] = icon;
+		$[83] = paint.glyph;
+		$[84] = t17;
+	} else t17 = $[84];
+	let t18;
+	if ($[85] !== children || $[86] !== eased.label) {
+		t18 = /* @__PURE__ */ jsx(ChipLabel, {
 			color: eased.label,
 			children
 		});
-		$[65] = children;
-		$[66] = eased.label;
-		$[67] = t16;
-	} else t16 = $[67];
-	let t17;
-	if ($[68] !== action.onPress || $[69] !== feedback.handlers || $[70] !== feedback.layer || $[71] !== isDisabled || $[72] !== props || $[73] !== t11 || $[74] !== t12 || $[75] !== t14 || $[76] !== t15 || $[77] !== t16 || $[78] !== t9) {
-		t17 = /* @__PURE__ */ jsxs(AnimatedPressable, {
+		$[85] = children;
+		$[86] = eased.label;
+		$[87] = t18;
+	} else t18 = $[87];
+	let t19;
+	if ($[88] !== action.onPress || $[89] !== feedback.handlers || $[90] !== feedback.layer || $[91] !== isDisabled || $[92] !== longPress || $[93] !== props || $[94] !== t11 || $[95] !== t13 || $[96] !== t14 || $[97] !== t16 || $[98] !== t17 || $[99] !== t18 || $[100] !== triggerProps) {
+		t19 = /* @__PURE__ */ jsxs(AnimatedPressable, {
 			role: "button",
-			...t9,
+			...t11,
 			...props,
-			...t10,
+			...triggerProps,
+			...t12,
 			disabled: isDisabled,
-			hitSlop: t11,
-			onLayout: t12,
-			onPress: t13,
-			style: t14,
+			hitSlop: t13,
+			onLayout: t14,
+			onLongPress: longPress,
+			onPress: t15,
+			style: t16,
 			children: [
 				feedback.layer,
-				t15,
-				t16
+				t17,
+				t18
 			]
 		});
-		$[68] = action.onPress;
-		$[69] = feedback.handlers;
-		$[70] = feedback.layer;
-		$[71] = isDisabled;
-		$[72] = props;
-		$[73] = t11;
-		$[74] = t12;
-		$[75] = t14;
-		$[76] = t15;
-		$[77] = t16;
-		$[78] = t9;
-		$[79] = t17;
-	} else t17 = $[79];
-	return t17;
+		$[88] = action.onPress;
+		$[89] = feedback.handlers;
+		$[90] = feedback.layer;
+		$[91] = isDisabled;
+		$[92] = longPress;
+		$[93] = props;
+		$[94] = t11;
+		$[95] = t13;
+		$[96] = t14;
+		$[97] = t16;
+		$[98] = t17;
+		$[99] = t18;
+		$[100] = triggerProps;
+		$[101] = t19;
+	} else t19 = $[101];
+	return t19;
 }
 //#endregion
 export { Chip };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","PressableProps","StyleProp","View","ViewStyle","AnimatedStyle","useState","AnimatedPressable","toggleState","useButtonAction","ChipGlyph","ChipLabel","measureThen","paintOf","targetOf","useEasedColors","shadowsOf","stylesOf","TARGET_SIZE","usePressFeedback","useTheme","composeStyles","ChipActionProps","ChipBaseProps","defaultSelected","isSelected","onChange","variant","Omit","children","elevated","icon","isDisabled","ref","style","ChipFilterProps","ChipProps","ChipVariant","Chip","t0","$","_c","hitSlop","onBlur","onFocus","onHoverIn","onHoverOut","onLayout","onPress","onPressIn","onPressOut","props","t1","t2","t3","undefined","theme","width","setWidth","isToggle","t4","href","type","action","t5","t6","selected","assist","disabled","paint","eased","t7","radii","sm","borderRadius","t8","layer","color","corners","feedback","t9","t10","handlers","t11","t12","t13","t14","container","hovered","ring","pill","t15","glyph","t16","label","t17","_c"],"sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type { PressableProps, StyleProp, View, ViewStyle } from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\n\nimport { useState } from 'react'\n\nimport { AnimatedPressable, toggleState, useButtonAction } from '../../button'\nimport {\n  ChipGlyph,\n  ChipLabel,\n  measureThen,\n  paintOf,\n  targetOf,\n  useEasedColors,\n} from '../../chip'\nimport { shadowsOf, stylesOf } from '../../chip/styles'\nimport { TARGET_SIZE, usePressFeedback } from '../../press'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles } from '../../theme/styles'\n\n// Three of the chips page's four chips, as kanso-ui's Chip draws them. The\n// pill is src/chip's, shared with ChipGroup's chip as on web, which sets out\n// its measurements, colours, motion and target. `variant` picks the chip:\n//\n// - **A filter chip**, the default, is a toggle that reports its state as a\n//   toggle Button does, and takes the secondary container pair and the check\n//   once selected.\n// - **An assist or suggestion chip** is an action, so nothing is reported as\n//   selected and nothing ever is. The two differ in the label alone: on\n//   surface on an assist chip, on surface variant on a suggestion chip as on\n//   a filter one.\n\n/** An assist or suggestion chip: an action, drawn as a plain button. */\ntype ChipActionProps = ChipBaseProps & {\n  readonly defaultSelected?: never\n  readonly isSelected?: never\n  readonly onChange?: never\n  /**\n   * `assist` for an action the chip's context suggests, and `suggestion`\n   * for one the product generates. Either is an action rather than a\n   * selection, so neither is ever selected.\n   */\n  readonly variant: 'assist' | 'suggestion'\n}\n\ntype ChipBaseProps = Omit<PressableProps, 'children' | 'disabled' | 'style'> & {\n  /**\n   * The chip's label. Required: the page draws no chip without one, and a\n   * chip with none is an empty button to a screen reader.\n   */\n  readonly children: ReactNode\n  /**\n   * Raises the chip off the page on a container of its own, at the page's\n   * elevation 1, in place of the outline. A selected filter chip keeps the\n   * secondary container.\n   * @default false\n   */\n  readonly elevated?: boolean\n  /**\n   * An icon before the label, in the page's 18dp slot and the primary role,\n   * which the slot hands it through `useIconStyle()`. A filter chip's check\n   * takes its place while the chip is selected, so the chip keeps its width.\n   */\n  readonly icon?: ReactNode\n  /**\n   * Draws the chip disabled, and takes no presses.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n}\n\n/** A filter chip: a two-state button, the default. */\ntype ChipFilterProps = ChipBaseProps & {\n  /**\n   * Whether the chip starts selected, when it keeps its own state.\n   * @default false\n   */\n  readonly defaultSelected?: boolean\n  /**\n   * Whether the chip is selected, when the call site holds the state. Pass\n   * it with `onChange`.\n   */\n  readonly isSelected?: boolean\n  /** Called with the new state when the chip is pressed, after `onPress`. */\n  readonly onChange?: (isSelected: boolean) => void\n  /**\n   * A filter chip, a two-state button.\n   * @default 'filter'\n   */\n  readonly variant?: 'filter'\n}\n\ntype ChipProps = ChipActionProps | ChipFilterProps\n\n/** Which of the chips page's chips a Chip is. */\ntype ChipVariant = 'assist' | 'filter' | 'suggestion'\n\n/**\n * A chip. By default a filter chip, which is a two-state button reporting\n * its state as a toggle Button does: pass `isSelected` with `onChange` to\n * control it, or `defaultSelected` to let it keep its own state.\n *\n * ```tsx\n * <Chip defaultSelected>Label</Chip>\n * ```\n *\n * `variant=\"assist\"` and `variant=\"suggestion\"` draw the page's two action\n * chips instead: plain buttons, pressed with `onPress`, never selected.\n *\n * A column stretches a chip across it, as it does any view; a row of chips is\n * a row that wraps. `style`, `ref` and `testID` land on the `Pressable`.\n */\nfunction Chip({\n  children,\n  defaultSelected,\n  elevated = false,\n  hitSlop,\n  icon,\n  isDisabled = false,\n  isSelected,\n  onBlur,\n  onChange,\n  onFocus,\n  onHoverIn,\n  onHoverOut,\n  onLayout,\n  onPress,\n  onPressIn,\n  onPressOut,\n  style,\n  variant = 'filter',\n  ...props\n}: ChipProps) {\n  const theme = useTheme()\n  // Until the chip is measured it takes no reach across, rather than one\n  // sized for a chip of no width.\n  const [width, setWidth] = useState(TARGET_SIZE)\n\n  const isToggle = variant === 'filter'\n  const action = useButtonAction({\n    defaultSelected,\n    href: undefined,\n    isSelected,\n    isToggle,\n    onChange,\n    onPress,\n    type: undefined,\n  })\n  const paint = paintOf(theme, {\n    assist: variant === 'assist',\n    disabled: isDisabled,\n    elevated,\n    selected: action.selected,\n  })\n  const eased = useEasedColors(paint)\n\n  const feedback = usePressFeedback({\n    color: paint.layer,\n    corners: { borderRadius: theme.radii.sm },\n    disabled: isDisabled,\n    onBlur,\n    onFocus,\n    onHoverIn,\n    onHoverOut,\n    onPressIn,\n    onPressOut,\n  })\n\n  return (\n    <AnimatedPressable\n      role=\"button\"\n      {...(isToggle ? toggleState(action.selected) : undefined)}\n      {...props}\n      {...feedback.handlers}\n      disabled={isDisabled}\n      hitSlop={hitSlop ?? targetOf(width, theme)}\n      onLayout={measureThen(setWidth, onLayout)}\n      onPress={action.onPress}\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        stylesOf(theme).pill,\n        eased.container,\n        elevated && !isDisabled\n          ? shadowsOf(theme)[feedback.hovered ? 'elevation2' : 'elevation1']\n          : undefined,\n        feedback.ring,\n        style,\n      )}\n    >\n      {feedback.layer}\n      <ChipGlyph color={paint.glyph} icon={icon} selected={action.selected} />\n      <ChipLabel color={eased.label}>{children}</ChipLabel>\n    </AnimatedPressable>\n  )\n}\n\nexport { Chip }\nexport type { ChipActionProps, ChipFilterProps, ChipProps, ChipVariant }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","PressableProps","StyleProp","View","ViewStyle","AnimatedStyle","useState","AnimatedPressable","toggleState","useButtonAction","useSlotTrigger","ChipGlyph","ChipLabel","measureThen","paintOf","targetOf","useEasedColors","shadowsOf","stylesOf","TARGET_SIZE","usePressFeedback","useTheme","composeStyles","ChipActionProps","ChipBaseProps","defaultSelected","isSelected","onChange","variant","Omit","children","elevated","icon","isDisabled","ref","style","ChipFilterProps","ChipProps","ChipVariant","Chip","t0","$","_c","accessibilityHint","delayLongPress","hitSlop","onBlur","onFocus","onHoverIn","onHoverOut","onLayout","onLongPress","onPress","onPressIn","onPressOut","props","t1","t2","t3","undefined","theme","width","setWidth","isToggle","t4","href","slot","type","action","t5","t6","hoverIn","hoverOut","longPress","pressIn","pressOut","triggerProps","t7","t8","selected","assist","disabled","paint","eased","t9","radii","sm","borderRadius","t10","layer","color","corners","feedback","t11","t12","handlers","t13","t14","t15","t16","container","hovered","ring","pill","t17","glyph","t18","label","t19","_c"],"sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type { PressableProps, StyleProp, View, ViewStyle } from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\n\nimport { useState } from 'react'\n\nimport {\n  AnimatedPressable,\n  toggleState,\n  useButtonAction,\n  useSlotTrigger,\n} from '../../button'\nimport {\n  ChipGlyph,\n  ChipLabel,\n  measureThen,\n  paintOf,\n  targetOf,\n  useEasedColors,\n} from '../../chip'\nimport { shadowsOf, stylesOf } from '../../chip/styles'\nimport { TARGET_SIZE, usePressFeedback } from '../../press'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles } from '../../theme/styles'\n\n// Three of the chips page's four chips, as kanso-ui's Chip draws them. The\n// pill is src/chip's, shared with ChipGroup's chip as on web, which sets out\n// its measurements, colours, motion and target. `variant` picks the chip:\n//\n// - **A filter chip**, the default, is a toggle that reports its state as a\n//   toggle Button does, and takes the secondary container pair and the check\n//   once selected.\n// - **An assist or suggestion chip** is an action, so nothing is reported as\n//   selected and nothing ever is. The two differ in the label alone: on\n//   surface on an assist chip, on surface variant on a suggestion chip as on\n//   a filter one.\n//\n// **A chip placed directly inside an overlay is its trigger**, as a Button\n// is, and as any React Aria pressable is on web: it fills the default slot\n// src/button's slots.ts sets out, so a press inside `Menu`, `Popover`,\n// `Dialog` or `Sheet` opens it, a menu's `trigger=\"longPress\"` opens from a\n// held press, the chip says whether what it opens is open, and an anchored\n// overlay is placed against it. A filter chip there still changes its state\n// with each press, as web's toggle does.\n\n/** An assist or suggestion chip: an action, drawn as a plain button. */\ntype ChipActionProps = ChipBaseProps & {\n  readonly defaultSelected?: never\n  readonly isSelected?: never\n  readonly onChange?: never\n  /**\n   * `assist` for an action the chip's context suggests, and `suggestion`\n   * for one the product generates. Either is an action rather than a\n   * selection, so neither is ever selected.\n   */\n  readonly variant: 'assist' | 'suggestion'\n}\n\ntype ChipBaseProps = Omit<PressableProps, 'children' | 'disabled' | 'style'> & {\n  /**\n   * The chip's label. Required: the page draws no chip without one, and a\n   * chip with none is an empty button to a screen reader.\n   */\n  readonly children: ReactNode\n  /**\n   * Raises the chip off the page on a container of its own, at the page's\n   * elevation 1, in place of the outline. A selected filter chip keeps the\n   * secondary container.\n   * @default false\n   */\n  readonly elevated?: boolean\n  /**\n   * An icon before the label, in the page's 18dp slot and the primary role,\n   * which the slot hands it through `useIconStyle()`. A filter chip's check\n   * takes its place while the chip is selected, so the chip keeps its width.\n   */\n  readonly icon?: ReactNode\n  /**\n   * Draws the chip disabled, and takes no presses.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n}\n\n/** A filter chip: a two-state button, the default. */\ntype ChipFilterProps = ChipBaseProps & {\n  /**\n   * Whether the chip starts selected, when it keeps its own state.\n   * @default false\n   */\n  readonly defaultSelected?: boolean\n  /**\n   * Whether the chip is selected, when the call site holds the state. Pass\n   * it with `onChange`.\n   */\n  readonly isSelected?: boolean\n  /** Called with the new state when the chip is pressed, after `onPress`. */\n  readonly onChange?: (isSelected: boolean) => void\n  /**\n   * A filter chip, a two-state button.\n   * @default 'filter'\n   */\n  readonly variant?: 'filter'\n}\n\ntype ChipProps = ChipActionProps | ChipFilterProps\n\n/** Which of the chips page's chips a Chip is. */\ntype ChipVariant = 'assist' | 'filter' | 'suggestion'\n\n/**\n * A chip. By default a filter chip, which is a two-state button reporting\n * its state as a toggle Button does: pass `isSelected` with `onChange` to\n * control it, or `defaultSelected` to let it keep its own state.\n *\n * ```tsx\n * <Chip defaultSelected>Label</Chip>\n * ```\n *\n * `variant=\"assist\"` and `variant=\"suggestion\"` draw the page's two action\n * chips instead: plain buttons, pressed with `onPress`, never selected.\n *\n * A chip placed directly inside `Menu`, `Popover`, `Dialog` or `Sheet` is its\n * trigger, as a `Button` is, and a press on it opens what it is placed in.\n *\n * A column stretches a chip across it, as it does any view; a row of chips is\n * a row that wraps. `style`, `ref` and `testID` land on the `Pressable`.\n */\nfunction Chip({\n  accessibilityHint,\n  children,\n  defaultSelected,\n  delayLongPress,\n  elevated = false,\n  hitSlop,\n  icon,\n  isDisabled = false,\n  isSelected,\n  onBlur,\n  onChange,\n  onFocus,\n  onHoverIn,\n  onHoverOut,\n  onLayout,\n  onLongPress,\n  onPress,\n  onPressIn,\n  onPressOut,\n  ref,\n  style,\n  variant = 'filter',\n  ...props\n}: ChipProps) {\n  const theme = useTheme()\n  // Until the chip is measured it takes no reach across, rather than one\n  // sized for a chip of no width.\n  const [width, setWidth] = useState(TARGET_SIZE)\n\n  const isToggle = variant === 'filter'\n  const action = useButtonAction({\n    defaultSelected,\n    href: undefined,\n    isSelected,\n    isToggle,\n    onChange,\n    onPress,\n    slot: 'default',\n    type: undefined,\n  })\n  const {\n    onHoverIn: hoverIn,\n    onHoverOut: hoverOut,\n    onLongPress: longPress,\n    onPressIn: pressIn,\n    onPressOut: pressOut,\n    ...triggerProps\n  } = useSlotTrigger({\n    accessibilityHint,\n    delayLongPress,\n    href: undefined,\n    onHoverIn,\n    onHoverOut,\n    onLongPress,\n    onPressIn,\n    onPressOut,\n    ref,\n    slot: undefined,\n  })\n  const paint = paintOf(theme, {\n    assist: variant === 'assist',\n    disabled: isDisabled,\n    elevated,\n    selected: action.selected,\n  })\n  const eased = useEasedColors(paint)\n\n  const feedback = usePressFeedback({\n    color: paint.layer,\n    corners: { borderRadius: theme.radii.sm },\n    disabled: isDisabled,\n    onBlur,\n    onFocus,\n    onHoverIn: hoverIn,\n    onHoverOut: hoverOut,\n    onPressIn: pressIn,\n    onPressOut: pressOut,\n  })\n\n  return (\n    <AnimatedPressable\n      role=\"button\"\n      {...(isToggle ? toggleState(action.selected) : undefined)}\n      {...props}\n      {...triggerProps}\n      {...feedback.handlers}\n      disabled={isDisabled}\n      hitSlop={hitSlop ?? targetOf(width, theme)}\n      onLayout={measureThen(setWidth, onLayout)}\n      onLongPress={longPress}\n      onPress={action.onPress}\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        stylesOf(theme).pill,\n        eased.container,\n        elevated && !isDisabled\n          ? shadowsOf(theme)[feedback.hovered ? 'elevation2' : 'elevation1']\n          : undefined,\n        feedback.ring,\n        style,\n      )}\n    >\n      {feedback.layer}\n      <ChipGlyph color={paint.glyph} icon={icon} selected={action.selected} />\n      <ChipLabel color={eased.label}>{children}</ChipLabel>\n    </AnimatedPressable>\n  )\n}\n\nexport { Chip }\nexport type { ChipActionProps, ChipFilterProps, ChipProps, ChipVariant }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkIA,SAAAyC,KAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAb;CAAA,IAAAL;CAAA,IAAAmB;CAAA,IAAAC;CAAA,IAAAb;CAAA,IAAAN;CAAA,IAAAoB;CAAA,IAAAnB;CAAA,IAAAoB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAArB;CAAA,IAAAC;CAAA,IAAAqB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAjB,EAAA,OAAAD,IAAA;EAAc,CAAA,CAAAG,mBAAAb,UAAAL,iBAAAmB,gBAAAb,UAAAyB,IAAAX,SAAAb,MAAAC,YAAAwB,IAAA/B,YAAAoB,QAAAnB,UAAAoB,SAAAC,WAAAC,YAAAC,UAAAC,aAAAC,SAAAC,WAAAC,YAAApB,KAAAC,OAAAP,SAAA8B,IAAA,GAAAH,SAAAf;EAwBFC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAX;EAAAW,EAAA,KAAAhB;EAAAgB,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAT;EAAAS,EAAA,KAAAf;EAAAe,EAAA,KAAAK;EAAAL,EAAA,KAAAd;EAAAc,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAP;EAAAO,EAAA,MAAAN;EAAAM,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;CAAA,OAAA;EAAAf,oBAAAF,EAAA;EAAAX,WAAAW,EAAA;EAAAhB,kBAAAgB,EAAA;EAAAG,iBAAAH,EAAA;EAAAI,UAAAJ,EAAA;EAAAT,OAAAS,EAAA;EAAAf,aAAAe,EAAA;EAAAK,SAAAL,EAAA;EAAAd,WAAAc,EAAA;EAAAM,UAAAN,EAAA;EAAAO,YAAAP,EAAA;EAAAQ,aAAAR,EAAA;EAAAS,WAAAT,EAAA;EAAAU,cAAAV,EAAA;EAAAW,UAAAX,EAAA;EAAAY,YAAAZ,EAAA;EAAAa,aAAAb,EAAA;EAAAc,QAAAd,EAAA;EAAAP,MAAAO,EAAA;EAAAN,QAAAM,EAAA;EAAAe,KAAAf,EAAA;EAAAgB,KAAAhB,EAAA;EAAAiB,KAAAjB,EAAA;CAAA;CAnBV,MAAAV,WAAAyB,OAAAG,KAAAA,IAAA,QAAAH;CAGA,MAAAvB,aAAAwB,OAAAE,KAAAA,IAAA,QAAAF;CAcA,MAAA7B,UAAA8B,OAAAC,KAAAA,IAAA,WAAAD;CAGA,MAAAE,QAAcvC,SAAS;CAGvB,MAAA,CAAAwC,OAAAC,YAA0BxD,SAAAA,EAAoB;CAE9C,MAAAyD,WAAiBnC,YAAY;CAAQ,IAAAoC;CAAA,IAAAvB,EAAA,QAAAhB,mBAAAgB,EAAA,QAAAf,cAAAe,EAAA,QAAAsB,YAAAtB,EAAA,QAAAd,YAAAc,EAAA,QAAAW,SAAA;EACNY,KAAA;GAAAvC;GAAAwC,MAEvBN,KAAAA;GAASjC;GAAAqC;GAAApC;GAAAyB;GAAAc,MAKT;GAASC,MACTR,KAAAA;EACR;EAAClB,EAAA,MAAAhB;EAAAgB,EAAA,MAAAf;EAAAe,EAAA,MAAAsB;EAAAtB,EAAA,MAAAd;EAAAc,EAAA,MAAAW;EAAAX,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CATD,MAAA2B,SAAe3D,gBAAgBuD,EAS9B;CAAC,IAAAK;CAAA,IAAA5B,EAAA,QAAAE,qBAAAF,EAAA,QAAAG,kBAAAH,EAAA,QAAAO,aAAAP,EAAA,QAAAQ,cAAAR,EAAA,QAAAU,eAAAV,EAAA,QAAAY,aAAAZ,EAAA,QAAAa,cAAAb,EAAA,QAAAP,KAAA;EAQiBmC,KAAA;GAAA1B;GAAAC;GAAAqB,MAGXN,KAAAA;GAASX;GAAAC;GAAAE;GAAAE;GAAAC;GAAApB;GAAAgC,MAOTP,KAAAA;EACR;EAAClB,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAU;EAAAV,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAP;EAAAO,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAXG,MAAA6B,KAAA5D,eAAe2D,EAWlB;CAAC,IAAAE;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAnC,EAAA,QAAA6B,IAAA;EAlBF,CAAA,CAAAtB,WAAAuB,SAAAtB,YAAAuB,UAAArB,aAAAsB,WAAApB,WAAAqB,SAAApB,YAAAqB,UAAA,GAAAC,gBAOIN;EAWF7B,EAAA,MAAA6B;EAAA7B,EAAA,MAAA8B;EAAA9B,EAAA,MAAA+B;EAAA/B,EAAA,MAAAgC;EAAAhC,EAAA,MAAAiC;EAAAjC,EAAA,MAAAkC;EAAAlC,EAAA,MAAAmC;CAAA,OAAA;EAAAL,UAAA9B,EAAA;EAAA+B,WAAA/B,EAAA;EAAAgC,YAAAhC,EAAA;EAAAiC,UAAAjC,EAAA;EAAAkC,WAAAlC,EAAA;EAAAmC,eAAAnC,EAAA;CAAA;CAEQ,MAAAoC,KAAAjD,YAAY;CAAQ,IAAAkD;CAAA,IAAArC,EAAA,QAAA2B,OAAAW,YAAAtC,EAAA,QAAAV,YAAAU,EAAA,QAAAR,cAAAQ,EAAA,QAAAoC,MAAApC,EAAA,QAAAmB,OAAA;EADhBkB,KAAAhE,QAAQ8C,OAAO;GAAAoB,QACnBH;GAAoBI,UAClBhD;GAAUF;GAAAgD,UAEVX,OAAMW;EAClB,CAAC;EAACtC,EAAA,MAAA2B,OAAAW;EAAAtC,EAAA,MAAAV;EAAAU,EAAA,MAAAR;EAAAQ,EAAA,MAAAoC;EAAApC,EAAA,MAAAmB;EAAAnB,EAAA,MAAAqC;CAAA,OAAAA,KAAArC,EAAA;CALF,MAAAyC,QAAcJ;CAMd,MAAAK,QAAcnE,eAAekE,KAAK;CAAC,IAAAE;CAAA,IAAA3C,EAAA,QAAAmB,MAAAyB,MAAAC,IAAA;EAIxBF,KAAA,EAAAG,cAAgB3B,MAAKyB,MAAMC,GAAI;EAAC7C,EAAA,MAAAmB,MAAAyB,MAAAC;EAAA7C,EAAA,MAAA2C;CAAA,OAAAA,KAAA3C,EAAA;CAAA,IAAA+C;CAAA,IAAA/C,EAAA,QAAA8B,WAAA9B,EAAA,QAAA+B,YAAA/B,EAAA,QAAAR,cAAAQ,EAAA,QAAAK,UAAAL,EAAA,QAAAM,WAAAN,EAAA,QAAAyC,MAAAO,SAAAhD,EAAA,QAAAiC,WAAAjC,EAAA,QAAAkC,YAAAlC,EAAA,QAAA2C,IAAA;EAFTI,MAAA;GAAAE,OACzBR,MAAKO;GAAME,SACTP;GAAgCH,UAC/BhD;GAAUa;GAAAC;GAAAC,WAGTuB;GAAOtB,YACNuB;GAAQnB,WACTqB;GAAOpB,YACNqB;EACd;EAAClC,EAAA,MAAA8B;EAAA9B,EAAA,MAAA+B;EAAA/B,EAAA,MAAAR;EAAAQ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAyC,MAAAO;EAAAhD,EAAA,MAAAiC;EAAAjC,EAAA,MAAAkC;EAAAlC,EAAA,MAAA2C;EAAA3C,EAAA,MAAA+C;CAAA,OAAAA,MAAA/C,EAAA;CAVD,MAAAmD,WAAiBxE,iBAAiBoE,GAUjC;CAAC,IAAAK;CAAA,IAAApD,EAAA,QAAA2B,OAAAW,YAAAtC,EAAA,QAAAsB,UAAA;EAKO8B,MAAA9B,WAAWvD,YAAY4D,OAAMW,QAAqB,IAAlDpB,KAAAA;EAAmDlB,EAAA,MAAA2B,OAAAW;EAAAtC,EAAA,MAAAsB;EAAAtB,EAAA,MAAAoD;CAAA,OAAAA,MAAApD,EAAA;CAGpD,MAAAqD,MAAAF,SAAQG;CAAS,IAAAC;CAAA,IAAAvD,EAAA,QAAAI,WAAAJ,EAAA,QAAAmB,SAAAnB,EAAA,QAAAoB,OAAA;EAEZmC,MAAAnD,WAAW9B,SAAS8C,OAAOD,KAAK;EAACnB,EAAA,MAAAI;EAAAJ,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAuD;CAAA,OAAAA,MAAAvD,EAAA;CAAA,IAAAwD;CAAA,IAAAxD,EAAA,QAAAS,UAAA;EAChC+C,MAAApF,YAAYiD,UAAUZ,QAAQ;EAACT,EAAA,MAAAS;EAAAT,EAAA,MAAAwD;CAAA,OAAAA,MAAAxD,EAAA;CAEhC,MAAAyD,MAAA9B,OAAMhB;CAAQ,IAAA+C;CAAA,IAAA1D,EAAA,QAAA0C,MAAAiB,aAAA3D,EAAA,QAAAV,YAAAU,EAAA,QAAAmD,SAAAS,WAAA5D,EAAA,QAAAmD,SAAAU,QAAA7D,EAAA,QAAAR,cAAAQ,EAAA,QAAAN,SAAAM,EAAA,QAAAmB,OAAA;EAChBuC,MAAA7E,cACLJ,SAAS0C,KAAK,CAAC,CAAA2C,MACfpB,MAAKiB,WACLrE,YAAA,CAAaE,aACThB,UAAU2C,KAAK,CAAC,CAACgC,SAAQS,UAAR,eAAA,gBADrB1C,KAAAA,GAGAiC,SAAQU,MACRnE,KACF;EAACM,EAAA,MAAA0C,MAAAiB;EAAA3D,EAAA,MAAAV;EAAAU,EAAA,MAAAmD,SAAAS;EAAA5D,EAAA,MAAAmD,SAAAU;EAAA7D,EAAA,MAAAR;EAAAQ,EAAA,MAAAN;EAAAM,EAAA,MAAAmB;EAAAnB,EAAA,MAAA0D;CAAA,OAAAA,MAAA1D,EAAA;CAAA,IAAA+D;CAAA,IAAA/D,EAAA,QAAA2B,OAAAW,YAAAtC,EAAA,QAAAT,QAAAS,EAAA,QAAAyC,MAAAuB,OAAA;EAGDD,MAAA,oBAAC,WAAD;GAAkB,OAAAtB,MAAKuB;GAAczE;GAAgB,UAAAoC,OAAMW;EAAS,CAAA;EAAItC,EAAA,MAAA2B,OAAAW;EAAAtC,EAAA,MAAAT;EAAAS,EAAA,MAAAyC,MAAAuB;EAAAhE,EAAA,MAAA+D;CAAA,OAAAA,MAAA/D,EAAA;CAAA,IAAAiE;CAAA,IAAAjE,EAAA,QAAAX,YAAAW,EAAA,QAAA0C,MAAAwB,OAAA;EACxED,MAAA,oBAAC,WAAD;GAAkB,OAAAvB,MAAKwB;GAAS7E;EAAtB,CAAA;EAA2CW,EAAA,MAAAX;EAAAW,EAAA,MAAA0C,MAAAwB;EAAAlE,EAAA,MAAAiE;CAAA,OAAAA,MAAAjE,EAAA;CAAA,IAAAmE;CAAA,IAAAnE,EAAA,QAAA2B,OAAAhB,WAAAX,EAAA,QAAAmD,SAAAG,YAAAtD,EAAA,QAAAmD,SAAAH,SAAAhD,EAAA,QAAAR,cAAAQ,EAAA,QAAAgC,aAAAhC,EAAA,QAAAc,SAAAd,EAAA,QAAAoD,OAAApD,EAAA,QAAAuD,OAAAvD,EAAA,QAAAwD,OAAAxD,EAAA,QAAA0D,OAAA1D,EAAA,QAAA+D,OAAA/D,EAAA,QAAAiE,OAAAjE,EAAA,SAAAmC,cAAA;EAvBvDgC,MAAA,qBAAC,mBAAD;GACO,MAAA;GAAQ,GACRf;GAAmD,GACpDtC;GAAK,GACLqB;GAAY,GACZkB;GACM7D,UAAAA;GACD,SAAA+D;GACC,UAAAC;GACGxB,aAAAA;GACJ,SAAAyB;GACF,OAAAC;GAXT,UAAA;IAqBGP,SAAQH;IACTe;IACAE;GAvBgB;;EAwBEjE,EAAA,MAAA2B,OAAAhB;EAAAX,EAAA,MAAAmD,SAAAG;EAAAtD,EAAA,MAAAmD,SAAAH;EAAAhD,EAAA,MAAAR;EAAAQ,EAAA,MAAAgC;EAAAhC,EAAA,MAAAc;EAAAd,EAAA,MAAAoD;EAAApD,EAAA,MAAAuD;EAAAvD,EAAA,MAAAwD;EAAAxD,EAAA,MAAA0D;EAAA1D,EAAA,MAAA+D;EAAA/D,EAAA,MAAAiE;EAAAjE,EAAA,OAAAmC;EAAAnC,EAAA,OAAAmE;CAAA,OAAAA,MAAAnE,EAAA;CAAA,OAxBpBmE;AAwBoB"}

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

@@ -73,11 +73,11 @@ type DialogTitleProps = Omit<TextProps, 'role'> & {
  * ```
  *
  * Composed rather than configured by props, as web's is, since a dialog's
- * header, body and actions all take arbitrary content. A `Button` or
- * `IconButton` inside `Dialog` and outside its content opens it, and one
- * given `slot="close"` anywhere inside the content closes it. A dialog nothing on
- * the screen opens leaves `Dialog` out and passes `isOpen` and
- * `onOpenChange` to `Dialog.Content` instead.
+ * header, body and actions all take arbitrary content. A `Button`,
+ * `IconButton` or `Chip` inside `Dialog` and outside its content opens it,
+ * and a button given `slot="close"` anywhere inside the content closes it. A
+ * dialog nothing on the screen opens leaves `Dialog` out and passes `isOpen`
+ * and `onOpenChange` to `Dialog.Content` instead.
  */
 declare function Dialog({ children, defaultOpen, isOpen, onOpenChange }: DialogProps): import("react").JSX.Element;
 declare namespace Dialog {

package/dist/components/dialog/index.js

@@ -121,11 +121,11 @@ function bodyPaddingOf({ basic, parts }, spacing) {
 * ```
 *
 * Composed rather than configured by props, as web's is, since a dialog's
-* header, body and actions all take arbitrary content. A `Button` or
-* `IconButton` inside `Dialog` and outside its content opens it, and one
-* given `slot="close"` anywhere inside the content closes it. A dialog nothing on
-* the screen opens leaves `Dialog` out and passes `isOpen` and
-* `onOpenChange` to `Dialog.Content` instead.
+* header, body and actions all take arbitrary content. A `Button`,
+* `IconButton` or `Chip` inside `Dialog` and outside its content opens it,
+* and a button given `slot="close"` anywhere inside the content closes it. A
+* dialog nothing on the screen opens leaves `Dialog` out and passes `isOpen`
+* and `onOpenChange` to `Dialog.Content` instead.
 */
 function Dialog(t0) {
 	const $ = c(10);