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

package/dist/components/sheet/index.js

@@ -148,11 +148,11 @@ function settleOf(at, velocity, settles) {
 * </Sheet>
 * ```
 *
-* Composed rather than configured by props, as web's is. A `Button` or
-* `IconButton` inside `Sheet` and outside its content opens it, and one given
-* `slot="close"` anywhere inside the content closes it. A sheet nothing on the
-* screen opens leaves `Sheet` out and passes `isOpen` and `onOpenChange` to
-* `Sheet.Content` instead.
+* Composed rather than configured by props, as web's is. A `Button`,
+* `IconButton` or `Chip` inside `Sheet` and outside its content opens it, and
+* a button given `slot="close"` anywhere inside the content closes it. A
+* sheet nothing on the screen opens leaves `Sheet` out and passes `isOpen`
+* and `onOpenChange` to `Sheet.Content` instead.
 */
 function Sheet(t0) {
 	const $ = c(10);
@@ -384,8 +384,9 @@ function SheetContent(t0) {
 /**
 * The sheet's actions, leading and wrapping onto another row when they do not
 * fit on one, over a divider. On a bottom sheet at half height they are below
-* the fold until the sheet is raised. `style`, `ref` and `testID` land on its
-* view.
+* the fold until the sheet is raised, so a sheet opened for them takes
+* `initialHeight="whole"` on `Sheet.Content`. `style`, `ref` and `testID`
+* land on its view.
 */
 function SheetFooter(t0) {
 	const $ = c(7);
@@ -599,7 +600,7 @@ function SheetTitle(t0) {
 * each opening starts from its edge and at its first height.
 */
 function SheetWindow(t0) {
-	const $ = c(76);
+	const $ = c(77);
 	let children;
 	let close;
 	let isDismissable;
@@ -610,9 +611,10 @@ function SheetWindow(t0) {
 	let setPresent;
 	let slots;
 	let style;
+	let t1;
 	let testID;
 	if ($[0] !== t0) {
-		({children, close, isDismissable, isKeyboardDismissDisabled, isOpen, onLayout, setPresent, slots, style, testID, ...props} = t0);
+		({children, close, initialHeight: t1, isDismissable, isKeyboardDismissDisabled, isOpen, onLayout, setPresent, slots, style, testID, ...props} = t0);
 		$[0] = t0;
 		$[1] = children;
 		$[2] = close;
@@ -624,7 +626,8 @@ function SheetWindow(t0) {
 		$[8] = setPresent;
 		$[9] = slots;
 		$[10] = style;
-		$[11] = testID;
+		$[11] = t1;
+		$[12] = testID;
 	} else {
 		children = $[1];
 		close = $[2];
@@ -636,8 +639,10 @@ function SheetWindow(t0) {
 		setPresent = $[8];
 		slots = $[9];
 		style = $[10];
-		testID = $[11];
+		t1 = $[11];
+		testID = $[12];
 	}
+	const initialHeight = t1 === void 0 ? "half" : t1;
 	const styles = stylesOf(useTheme());
 	const insets = use(SafeAreaInsetsContext) ?? NO_INSETS;
 	const { height } = useWindowDimensions();
@@ -645,42 +650,42 @@ function SheetWindow(t0) {
 	const titleId = useId();
 	const [title, setTitle] = useState(null);
 	const [full, setFull] = useState(null);
-	const [expanded, setExpanded] = useState(false);
-	let t1;
-	if ($[12] !== bottom || $[13] !== full || $[14] !== height || $[15] !== isDismissable) {
-		t1 = stopsOf(bottom, full, height, isDismissable);
-		$[12] = bottom;
-		$[13] = full;
-		$[14] = height;
-		$[15] = isDismissable;
-		$[16] = t1;
-	} else t1 = $[16];
-	const stops = t1;
+	const [expanded, setExpanded] = useState(initialHeight === "whole");
+	let t2;
+	if ($[13] !== bottom || $[14] !== full || $[15] !== height || $[16] !== isDismissable) {
+		t2 = stopsOf(bottom, full, height, isDismissable);
+		$[13] = bottom;
+		$[14] = full;
+		$[15] = height;
+		$[16] = isDismissable;
+		$[17] = t2;
+	} else t2 = $[17];
+	const stops = t2;
 	const twoHeights = stops.partial !== null;
 	const rest = stops.partial !== null && !expanded ? stops.partial : 0;
-	let t2;
-	if ($[17] !== bottom || $[18] !== full || $[19] !== isOpen || $[20] !== rest || $[21] !== setPresent) {
-		t2 = {
+	let t3;
+	if ($[18] !== bottom || $[19] !== full || $[20] !== isOpen || $[21] !== rest || $[22] !== setPresent) {
+		t3 = {
 			bottom,
 			full,
 			isOpen,
 			rest,
 			setPresent
 		};
-		$[17] = bottom;
-		$[18] = full;
-		$[19] = isOpen;
-		$[20] = rest;
-		$[21] = setPresent;
-		$[22] = t2;
-	} else t2 = $[22];
-	const motion = useSheetMotion(t2);
-	const t3 = bottom && isOpen && stops.settles.length > 1;
-	let t4;
-	if ($[23] !== close || $[24] !== expanded || $[25] !== full || $[26] !== isDismissable || $[27] !== motion.offset || $[28] !== rest || $[29] !== stops || $[30] !== t3 || $[31] !== testID) {
-		t4 = {
+		$[18] = bottom;
+		$[19] = full;
+		$[20] = isOpen;
+		$[21] = rest;
+		$[22] = setPresent;
+		$[23] = t3;
+	} else t3 = $[23];
+	const motion = useSheetMotion(t3);
+	const t4 = bottom && isOpen && stops.settles.length > 1;
+	let t5;
+	if ($[24] !== close || $[25] !== expanded || $[26] !== full || $[27] !== isDismissable || $[28] !== motion.offset || $[29] !== rest || $[30] !== stops || $[31] !== t4 || $[32] !== testID) {
+		t5 = {
 			close,
-			enabled: t3,
+			enabled: t4,
 			expanded,
 			full,
 			isDismissable,
@@ -690,157 +695,157 @@ function SheetWindow(t0) {
 			stops,
 			testID
 		};
-		$[23] = close;
-		$[24] = expanded;
-		$[25] = full;
-		$[26] = isDismissable;
-		$[27] = motion.offset;
-		$[28] = rest;
-		$[29] = stops;
-		$[30] = t3;
-		$[31] = testID;
-		$[32] = t4;
-	} else t4 = $[32];
-	const pan = useSheetDrag(t4);
-	let t5;
-	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => {
-			setExpanded(_temp);
-		};
+		$[24] = close;
+		$[25] = expanded;
+		$[26] = full;
+		$[27] = isDismissable;
+		$[28] = motion.offset;
+		$[29] = rest;
+		$[30] = stops;
+		$[31] = t4;
+		$[32] = testID;
 		$[33] = t5;
 	} else t5 = $[33];
-	const toggle = t5;
-	const t6 = !twoHeights || expanded;
-	const t7 = twoHeights ? toggle : void 0;
-	let t8;
-	if ($[34] !== bottom || $[35] !== pan || $[36] !== t6 || $[37] !== t7 || $[38] !== titleId) {
-		t8 = {
+	const pan = useSheetDrag(t5);
+	let t6;
+	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => {
+			setExpanded(_temp);
+		};
+		$[34] = t6;
+	} else t6 = $[34];
+	const toggle = t6;
+	const t7 = !twoHeights || expanded;
+	const t8 = twoHeights ? toggle : void 0;
+	let t9;
+	if ($[35] !== bottom || $[36] !== pan || $[37] !== t7 || $[38] !== t8 || $[39] !== titleId) {
+		t9 = {
 			bottom,
-			expanded: t6,
+			expanded: t7,
 			pan,
 			setTitle,
 			titleId,
-			toggle: t7
+			toggle: t8
 		};
-		$[34] = bottom;
-		$[35] = pan;
-		$[36] = t6;
+		$[35] = bottom;
+		$[36] = pan;
 		$[37] = t7;
-		$[38] = titleId;
-		$[39] = t8;
-	} else t8 = $[39];
-	const layout = t8;
-	let t9;
-	if ($[40] !== onLayout) {
-		t9 = (event) => {
+		$[38] = t8;
+		$[39] = titleId;
+		$[40] = t9;
+	} else t9 = $[40];
+	const layout = t9;
+	let t10;
+	if ($[41] !== onLayout) {
+		t10 = (event) => {
 			setFull(event.nativeEvent.layout.height);
 			onLayout?.(event);
 		};
-		$[40] = onLayout;
-		$[41] = t9;
-	} else t9 = $[41];
-	const measure = t9;
+		$[41] = onLayout;
+		$[42] = t10;
+	} else t10 = $[42];
+	const measure = t10;
 	const labelledBy = title === null ? void 0 : titleId;
 	const T0 = ModalWindow;
-	const t10 = isDismissable && isOpen ? close : void 0;
-	const t11 = motion.scrim;
+	const t11 = isDismissable && isOpen ? close : void 0;
+	const t12 = motion.scrim;
 	const T1 = GestureHandlerRootView;
-	const t12 = bottom ? styles.rootBottom : styles.rootSide;
+	const t13 = bottom ? styles.rootBottom : styles.rootSide;
 	const T2 = GestureDetector;
-	const t13 = Animated;
-	let t14;
-	if ($[42] !== labelledBy) {
-		t14 = panelRoleOf("dialog", labelledBy);
-		$[42] = labelledBy;
-		$[43] = t14;
-	} else t14 = $[43];
-	const t15 = isKeyboardDismissDisabled ? void 0 : close;
-	const t16 = composeStyles(styles.container, bottom ? styles.containerBottom : styles.containerSide, bottom ? bottomBoundsOf(insets, height) : sideInsetsOf(insets), motion.panel, style);
-	let t17;
-	if ($[44] !== children || $[45] !== slots) {
-		t17 = /* @__PURE__ */ jsx(ButtonSlotContext, {
+	const t14 = Animated;
+	let t15;
+	if ($[43] !== labelledBy) {
+		t15 = panelRoleOf("dialog", labelledBy);
+		$[43] = labelledBy;
+		$[44] = t15;
+	} else t15 = $[44];
+	const t16 = isKeyboardDismissDisabled ? void 0 : close;
+	const t17 = composeStyles(styles.container, bottom ? styles.containerBottom : styles.containerSide, bottom ? bottomBoundsOf(insets, height) : sideInsetsOf(insets), motion.panel, style);
+	let t18;
+	if ($[45] !== children || $[46] !== slots) {
+		t18 = /* @__PURE__ */ jsx(ButtonSlotContext, {
 			value: slots,
 			children
 		});
-		$[44] = children;
-		$[45] = slots;
-		$[46] = t17;
-	} else t17 = $[46];
-	let t18;
-	if ($[47] !== layout || $[48] !== t17) {
-		t18 = /* @__PURE__ */ jsx(SheetLayoutContext, {
+		$[45] = children;
+		$[46] = slots;
+		$[47] = t18;
+	} else t18 = $[47];
+	let t19;
+	if ($[48] !== layout || $[49] !== t18) {
+		t19 = /* @__PURE__ */ jsx(SheetLayoutContext, {
 			value: layout,
-			children: t17
+			children: t18
 		});
-		$[47] = layout;
-		$[48] = t17;
+		$[48] = layout;
 		$[49] = t18;
-	} else t18 = $[49];
-	let t19;
-	if ($[50] !== measure || $[51] !== props || $[52] !== t13.View || $[53] !== t14 || $[54] !== t15 || $[55] !== t16 || $[56] !== t18 || $[57] !== testID) {
-		t19 = /* @__PURE__ */ jsx(t13.View, {
-			...t14,
-			onAccessibilityEscape: t15,
+		$[50] = t19;
+	} else t19 = $[50];
+	let t20;
+	if ($[51] !== measure || $[52] !== props || $[53] !== t14.View || $[54] !== t15 || $[55] !== t16 || $[56] !== t17 || $[57] !== t19 || $[58] !== testID) {
+		t20 = /* @__PURE__ */ jsx(t14.View, {
+			...t15,
+			onAccessibilityEscape: t16,
 			...props,
 			onLayout: measure,
-			style: t16,
+			style: t17,
 			testID,
-			children: t18
+			children: t19
 		});
-		$[50] = measure;
-		$[51] = props;
-		$[52] = t13.View;
-		$[53] = t14;
+		$[51] = measure;
+		$[52] = props;
+		$[53] = t14.View;
 		$[54] = t15;
 		$[55] = t16;
-		$[56] = t18;
-		$[57] = testID;
-		$[58] = t19;
-	} else t19 = $[58];
-	let t20;
-	if ($[59] !== T2 || $[60] !== pan || $[61] !== t19) {
-		t20 = /* @__PURE__ */ jsx(T2, {
+		$[56] = t17;
+		$[57] = t19;
+		$[58] = testID;
+		$[59] = t20;
+	} else t20 = $[59];
+	let t21;
+	if ($[60] !== T2 || $[61] !== pan || $[62] !== t20) {
+		t21 = /* @__PURE__ */ jsx(T2, {
 			gesture: pan,
-			children: t19
+			children: t20
 		});
-		$[59] = T2;
-		$[60] = pan;
-		$[61] = t19;
+		$[60] = T2;
+		$[61] = pan;
 		$[62] = t20;
-	} else t20 = $[62];
-	let t21;
-	if ($[63] !== T1 || $[64] !== t12 || $[65] !== t20) {
-		t21 = /* @__PURE__ */ jsx(T1, {
-			style: t12,
-			children: t20
+		$[63] = t21;
+	} else t21 = $[63];
+	let t22;
+	if ($[64] !== T1 || $[65] !== t13 || $[66] !== t21) {
+		t22 = /* @__PURE__ */ jsx(T1, {
+			style: t13,
+			children: t21
 		});
-		$[63] = T1;
-		$[64] = t12;
-		$[65] = t20;
+		$[64] = T1;
+		$[65] = t13;
 		$[66] = t21;
-	} else t21 = $[66];
-	let t22;
-	if ($[67] !== T0 || $[68] !== close || $[69] !== isKeyboardDismissDisabled || $[70] !== labelledBy || $[71] !== motion.scrim || $[72] !== t10 || $[73] !== t21 || $[74] !== title) {
-		t22 = /* @__PURE__ */ jsx(T0, {
+		$[67] = t22;
+	} else t22 = $[67];
+	let t23;
+	if ($[68] !== T0 || $[69] !== close || $[70] !== isKeyboardDismissDisabled || $[71] !== labelledBy || $[72] !== motion.scrim || $[73] !== t11 || $[74] !== t22 || $[75] !== title) {
+		t23 = /* @__PURE__ */ jsx(T0, {
 			isKeyboardDismissDisabled,
 			labelledBy,
 			onClose: close,
-			onScrimPress: t10,
-			scrim: t11,
+			onScrimPress: t11,
+			scrim: t12,
 			title,
-			children: t21
+			children: t22
 		});
-		$[67] = T0;
-		$[68] = close;
-		$[69] = isKeyboardDismissDisabled;
-		$[70] = labelledBy;
-		$[71] = motion.scrim;
-		$[72] = t10;
-		$[73] = t21;
-		$[74] = title;
-		$[75] = t22;
-	} else t22 = $[75];
-	return t22;
+		$[68] = T0;
+		$[69] = close;
+		$[70] = isKeyboardDismissDisabled;
+		$[71] = labelledBy;
+		$[72] = motion.scrim;
+		$[73] = t11;
+		$[74] = t22;
+		$[75] = title;
+		$[76] = t23;
+	} else t23 = $[76];
+	return t23;
 }
 function _temp(was) {
 	return !was;