@kanso-labs/react-native-kanso-ui 0.11.4 → 0.11.6

package/dist/field/chevron.js

@@ -4,7 +4,7 @@ import { c } from "react/compiler-runtime";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/field/chevron.tsx
+// src/field/chevron.tsx
 const OPEN_TURN = -180;
 /**
 * The chevron in the trailing slot of a field that opens a list, pointing
@@ -68,7 +68,6 @@ function FieldChevron(t0) {
 	} else t4 = $[8];
 	return t4;
 }
-//#endregion
 export { FieldChevron };
 
 //# sourceMappingURL=chevron.js.map

package/dist/field/index.d.ts

@@ -2,13 +2,11 @@ import "../form/index.js";
 import { HostInstance, StyleProp, TextInput, TextInputProps, ViewProps, ViewStyle } from "react-native";
 import "react-native-reanimated";
 import { ComponentRef, ReactNode, Ref, RefObject } from "react";
-//#region src/field/index.d.ts
 /**
  * The filled box, or the outlined one: no fill, an outline that thickens and
  * takes the primary role while focused, and the label cutting it once it
  * floats, the text fields page's two fields.
  */
 type FieldVariant = 'filled' | 'outlined';
-//#endregion
 export type { FieldVariant };
 //# sourceMappingURL=index.d.ts.map

package/dist/field/index.js

@@ -16,7 +16,7 @@ import { AccessibilityInfo, Platform, Pressable, Text, TextInput, View, useWindo
 import Animated, { Easing, useAnimatedStyle, useDerivedValue, useReducedMotion, withTiming } from "react-native-reanimated";
 import { createContext, use, useEffect, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/field/index.tsx
+// src/field/index.tsx
 const ICON_SIZE = 24;
 const OUTSIDE_BOX = {
 	disabled: false,
@@ -1250,7 +1250,6 @@ function widthTo(onMeasure) {
 		onMeasure(event.nativeEvent.layout.width);
 	};
 }
-//#endregion
 export { FieldBox, FieldChevron, FieldInput, FieldMessage, FieldSegments, FieldStates, FieldStroke, FieldValue, FieldWrap, describedBy, descriptionOf, useErrorAnnouncement, useFieldFocus, useStrokeMotion };
 
 //# sourceMappingURL=index.js.map

package/dist/field/styles.js

@@ -1,7 +1,7 @@
 import { themedStyles } from "../theme/styles.js";
 import { withOpacity } from "../theme/color.js";
 import { StyleSheet } from "react-native";
-//#region src/field/styles.ts
+// src/field/styles.ts
 const fieldStylesOf = themedStyles(({ colors, radii, sizing, spacing, stateLayerOpacity }) => StyleSheet.create({
 	affixLine: {
 		alignItems: "baseline",
@@ -160,7 +160,6 @@ const fieldStylesOf = themedStyles(({ colors, radii, sizing, spacing, stateLayer
 		rowGap: spacing.sm
 	}
 }));
-//#endregion
 export { fieldStylesOf };
 
 //# sourceMappingURL=styles.js.map

package/dist/files/index.d.ts

@@ -1,4 +1,3 @@
-//#region src/files/index.d.ts
 /**
  * A file a person picked: what it is called, how big it is and what it is,
  * as web's `File` says, and where it is, which a call site reads it or
@@ -13,6 +12,5 @@ type PickedFile = {
   readonly type: string;
   readonly uri: string;
 };
-//#endregion
 export type { PickedFile };
 //# sourceMappingURL=index.d.ts.map

package/dist/files/index.js

@@ -1,4 +1,4 @@
-//#region src/files/index.ts
+// src/files/index.ts
 let documentPicker;
 let imagePicker;
 function fromCamera(asset) {
@@ -101,7 +101,6 @@ async function pickThen(options, then) {
 function preparePicker(options) {
 	options.defaultCamera === void 0 ? loadDocumentPicker() : loadImagePicker();
 }
-//#endregion
 export { pickFiles, pickThen, preparePicker };
 
 //# sourceMappingURL=index.js.map

package/dist/form/index.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from "react";
-//#region src/form/index.d.ts
 /**
  * `aria` shows a field's error as soon as the field says so, and lets the
  * form submit regardless. `native` holds the form back while a field in it is
@@ -21,6 +20,5 @@ type ValidationErrors = Readonly<Record<string, ValidationError>>;
  * `true`, `null` or `undefined` where there is none, as on web.
  */
 type ValidationResult = null | true | undefined | ValidationError;
-//#endregion
 export type { FormValidationBehavior, FormValues, ValidationError, ValidationErrors, ValidationResult };
 //# sourceMappingURL=index.d.ts.map

package/dist/form/index.js

@@ -1,6 +1,6 @@
 import { c } from "react/compiler-runtime";
 import { createContext, use, useEffect, useId, useRef, useState } from "react";
-//#region src/form/index.ts
+// src/form/index.ts
 /**
 * What a field outside a form, and a form told nothing, validates by. The
 * library shows its own message under a field, so an error shows as the
@@ -182,7 +182,6 @@ function _temp(t0) {
 function useInsideForm() {
 	return use(FormContext) !== null;
 }
-//#endregion
 export { FIELD_VALIDATION_BEHAVIOR, FormContext, createRegistry, submitOf, useFieldValidation, useInsideForm };
 
 //# sourceMappingURL=index.js.map

package/dist/glyphs/hidden.js

@@ -1,5 +1,5 @@
 import { Platform } from "react-native";
-//#region src/glyphs/hidden.ts
+// src/glyphs/hidden.ts
 const HIDDEN = Platform.select({
 	default: {
 		accessibilityElementsHidden: true,
@@ -7,7 +7,6 @@ const HIDDEN = Platform.select({
 	},
 	web: { "aria-hidden": true }
 });
-//#endregion
 export { HIDDEN };
 
 //# sourceMappingURL=hidden.js.map

package/dist/glyphs/icon-style.d.ts

@@ -1,5 +1,4 @@
 import { ColorValue } from "react-native";
-//#region src/glyphs/icon-style.d.ts
 /** The colour and size a slot gives the icon drawn in it. */
 type IconStyle = {
   /** The colour the icon fills with. */
@@ -20,6 +19,5 @@ type IconStyle = {
  * ```
  */
 declare function useIconStyle(): IconStyle;
-//#endregion
 export { type IconStyle, useIconStyle };
 //# sourceMappingURL=icon-style.d.ts.map

package/dist/glyphs/icon-style.js

@@ -1,5 +1,5 @@
 import { createContext, use } from "react";
-//#region src/glyphs/icon-style.ts
+// src/glyphs/icon-style.ts
 const IconStyleContext = createContext({ size: 24 });
 /**
 * The colour and size of the slot an icon sits in, as a slot that takes an
@@ -16,7 +16,6 @@ const IconStyleContext = createContext({ size: 24 });
 function useIconStyle() {
 	return use(IconStyleContext);
 }
-//#endregion
 export { IconStyleContext, useIconStyle };
 
 //# sourceMappingURL=icon-style.js.map

package/dist/glyphs/index.js

@@ -1,16 +1,17 @@
 import { useIconStyle } from "./icon-style.js";
+import { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, keyboardPath, minusPath, personPath, plusPath, searchPath } from "../kanso-ui-core/glyphs.js";
 import { HIDDEN } from "./hidden.js";
 import { glyphStyles } from "./styles.js";
 import { c } from "react/compiler-runtime";
 import { I18nManager, StyleSheet } from "react-native";
 import { jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
-//#region src/glyphs/index.tsx
+// src/glyphs/index.tsx
 function ArrowBackGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: arrowBackPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -29,7 +30,7 @@ function ArrowDownwardGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: arrowDownwardPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -47,7 +48,7 @@ function ArrowDropDownGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M7 10l5 5 5-5z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: arrowDropDownPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -65,7 +66,7 @@ function ArrowUpwardGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: arrowUpwardPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -83,7 +84,7 @@ function CalendarGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: calendarPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -101,7 +102,7 @@ function CheckGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: checkPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -119,7 +120,7 @@ function ChevronDownGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: chevronDownPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -137,7 +138,7 @@ function ChevronEndGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: chevronEndPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -156,7 +157,7 @@ function ClockGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: clockPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -174,7 +175,7 @@ function CloseGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: closePath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -218,7 +219,7 @@ function Glyph(t0) {
 			height: side,
 			style: t3,
 			testID,
-			viewBox: "0 0 24 24",
+			viewBox: `0 0 24 24`,
 			width: side,
 			children
 		});
@@ -235,7 +236,7 @@ function KeyboardGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H4V7h16v10zm-9-9h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-3 0h2v2H5zm0-3h2v2H5zm3 6h8v2H8zm6-3h2v2h-2zm0-3h2v2h-2zm3 3h2v2h-2zm0-3h2v2h-2z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: keyboardPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -253,7 +254,7 @@ function MinusGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M19 13H5v-2h14v2z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: minusPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -272,7 +273,7 @@ function PersonGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: personPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -290,7 +291,7 @@ function PlusGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: plusPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -308,7 +309,7 @@ function SearchGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Path, { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" });
+		t0 = /* @__PURE__ */ jsx(Path, { d: searchPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -322,7 +323,6 @@ function SearchGlyph(props) {
 	} else t1 = $[2];
 	return t1;
 }
-//#endregion
 export { ArrowBackGlyph, ArrowDownwardGlyph, ArrowDropDownGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckGlyph, ChevronDownGlyph, ChevronEndGlyph, ClockGlyph, CloseGlyph, IndeterminateGlyph, KeyboardGlyph, MinusGlyph, PersonGlyph, PlusGlyph, SearchGlyph };
 
 //# sourceMappingURL=index.js.map

package/dist/glyphs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReactNode","ColorValue","StyleProp","ViewStyle","I18nManager","StyleSheet","Svg","Path","HIDDEN","useIconStyle","glyphStyles","GlyphProps","color","size","style","testID","ArrowBackGlyph","props","$","_c","t0","Symbol","for","t1","ArrowDownwardGlyph","ArrowDropDownGlyph","ArrowUpwardGlyph","CalendarGlyph","CheckGlyph","ChevronDownGlyph","ChevronEndGlyph","ClockGlyph","CloseGlyph","Glyph","children","mirrored","undefined","slot","side","t2","t3","compose","isRTL","t4","KeyboardGlyph","MinusGlyph","IndeterminateGlyph","PersonGlyph","PlusGlyph","SearchGlyph","_c"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { ColorValue, StyleProp, ViewStyle } from 'react-native'\n\nimport { I18nManager, StyleSheet } from 'react-native'\nimport Svg, { Path } from 'react-native-svg'\n\nimport { HIDDEN } from './hidden'\nimport { useIconStyle } from './icon-style'\nimport { glyphStyles } from './styles'\n\n// The glyphs the library's own controls draw, the same set kanso-ui draws on\n// web: the check and the dash a checkbox shows, the plus and minus a number\n// field's steppers show, the magnifier and cross a search field shows, and the\n// rest named beside each one. Private to the library, as on web: a call site\n// with icons of its own passes them to the slots that take a node, and reads\n// the slot's colour and size through `useIconStyle()`.\n//\n// The paths are kanso-ui's, unchanged: Material Symbols on their 24-unit grid,\n// which is what the checkbox page draws at 18dp, the icon buttons page at 20\n// and the search, menus, date picker and time picker pages at 24.\n\ntype GlyphProps = {\n  /** The fill. Defaults to the colour of the slot the glyph sits in. */\n  readonly color?: ColorValue\n  /** The square's side in dp. Defaults to the size of the slot. */\n  readonly size?: number\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\n// What a search view's back button draws, pointing at the page it returns to.\n// It says \"back\" rather than \"to the left\", so it mirrors under a right-to-left\n// layout.\nfunction ArrowBackGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props} mirrored>\n      <Path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\" />\n    </Glyph>\n  )\n}\n\n// Which way a sorted column is ordered. Up is ascending and down is\n// descending. Neither mirrors under a right-to-left layout: they say \"up\" and\n// \"down\" rather than \"onward\", and those do not flip.\nfunction ArrowDownwardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\" />\n    </Glyph>\n  )\n}\n\n// What a menu button draws after its label, pointing at the list it opens.\n// Down is down in either writing direction, so it does not mirror.\nfunction ArrowDropDownGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M7 10l5 5 5-5z\" />\n    </Glyph>\n  )\n}\n\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n    </Glyph>\n  )\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z\" />\n    </Glyph>\n  )\n}\n\nfunction CheckGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n    </Glyph>\n  )\n}\n\n// Points down at the menu a split button's second half opens, and at the\n// list a select opens.\nfunction ChevronDownGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\" />\n    </Glyph>\n  )\n}\n\n// Points at the submenu a menu item opens. It says \"further in\" rather than\n// \"to the right\", so it mirrors under a right-to-left layout.\nfunction ChevronEndGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props} mirrored>\n      <Path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n    </Glyph>\n  )\n}\n\n// What the time picker's trigger draws, and the button that takes its keyboard\n// entry back to the dial: the clock a time is picked from.\nfunction ClockGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\" />\n    </Glyph>\n  )\n}\n\nfunction CloseGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" />\n    </Glyph>\n  )\n}\n\n/**\n * The svg every glyph draws: the 24-unit grid its path is on, a square of the\n * slot's size filled in the slot's colour, and nothing a screen reader\n * announces, since the control around a glyph carries the name. A glyph whose\n * direction means \"onward\" or \"back\" passes `mirrored`, which turns it over\n * under a right-to-left layout as `:dir(rtl)` does on web.\n */\nfunction Glyph({\n  children,\n  color,\n  mirrored = false,\n  size,\n  style,\n  testID,\n}: GlyphProps & { readonly children: ReactNode; readonly mirrored?: boolean }) {\n  const slot = useIconStyle()\n  const side = size ?? slot.size\n  return (\n    <Svg\n      {...HIDDEN}\n      color={color ?? slot.color}\n      fill=\"currentColor\"\n      height={side}\n      style={StyleSheet.compose(\n        mirrored && I18nManager.isRTL ? glyphStyles.mirrored : undefined,\n        style,\n      )}\n      testID={testID}\n      viewBox=\"0 0 24 24\"\n      width={side}\n    >\n      {children}\n    </Svg>\n  )\n}\n\n// What the time picker's dial draws on the button that switches it to typed\n// entry.\nfunction KeyboardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H4V7h16v10zm-9-9h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-3 0h2v2H5zm0-3h2v2H5zm3 6h8v2H8zm6-3h2v2h-2zm0-3h2v2h-2zm3 3h2v2h-2zm0-3h2v2h-2z\" />\n    </Glyph>\n  )\n}\n\n// The same rule stands for a partly selected checkbox and for a stepper's\n// decrement; the two names say which is meant at the call site.\nfunction MinusGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 13H5v-2h14v2z\" />\n    </Glyph>\n  )\n}\n\nconst IndeterminateGlyph = MinusGlyph\n\n// What an avatar with no name to take initials from draws: Material Design's\n// anonymous person, a head over shoulders.\nfunction PersonGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </Glyph>\n  )\n}\n\nfunction PlusGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n    </Glyph>\n  )\n}\n\nfunction SearchGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n    </Glyph>\n  )\n}\n\nexport {\n  ArrowBackGlyph,\n  ArrowDownwardGlyph,\n  ArrowDropDownGlyph,\n  ArrowUpwardGlyph,\n  CalendarGlyph,\n  CheckGlyph,\n  ChevronDownGlyph,\n  ChevronEndGlyph,\n  ClockGlyph,\n  CloseGlyph,\n  IndeterminateGlyph,\n  KeyboardGlyph,\n  MinusGlyph,\n  PersonGlyph,\n  PlusGlyph,\n  SearchGlyph,\n}\nexport type { GlyphProps }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ReactNode","ColorValue","StyleProp","ViewStyle","arrowBackPath","arrowDownwardPath","arrowDropDownPath","arrowUpwardPath","calendarPath","checkPath","chevronDownPath","chevronEndPath","clockPath","closePath","gridSize","keyboardPath","minusPath","personPath","plusPath","searchPath","I18nManager","StyleSheet","Svg","Path","HIDDEN","useIconStyle","glyphStyles","GlyphProps","color","size","style","testID","ArrowBackGlyph","props","$","_c","t0","Symbol","for","t1","ArrowDownwardGlyph","ArrowDropDownGlyph","ArrowUpwardGlyph","CalendarGlyph","CheckGlyph","ChevronDownGlyph","ChevronEndGlyph","ClockGlyph","CloseGlyph","Glyph","children","mirrored","undefined","slot","side","t2","t3","compose","isRTL","t4","KeyboardGlyph","MinusGlyph","IndeterminateGlyph","PersonGlyph","PlusGlyph","SearchGlyph","_c"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { ColorValue, StyleProp, ViewStyle } from 'react-native'\n\nimport {\n  arrowBackPath,\n  arrowDownwardPath,\n  arrowDropDownPath,\n  arrowUpwardPath,\n  calendarPath,\n  checkPath,\n  chevronDownPath,\n  chevronEndPath,\n  clockPath,\n  closePath,\n  gridSize,\n  keyboardPath,\n  minusPath,\n  personPath,\n  plusPath,\n  searchPath,\n} from '@kanso-labs/kanso-ui-core/glyphs'\nimport { I18nManager, StyleSheet } from 'react-native'\nimport Svg, { Path } from 'react-native-svg'\n\nimport { HIDDEN } from './hidden'\nimport { useIconStyle } from './icon-style'\nimport { glyphStyles } from './styles'\n\n// The glyphs the library's own controls draw, the same set kanso-ui draws on\n// web: the check and the dash a checkbox shows, the plus and minus a number\n// field's steppers show, the magnifier and cross a search field shows, and the\n// rest named beside each one. Private to the library, as on web: a call site\n// with icons of its own passes them to the slots that take a node, and reads\n// the slot's colour and size through `useIconStyle()`.\n//\n// The paths are @kanso-labs/kanso-ui-core's, the ones kanso-ui draws too:\n// Material Symbols on their 24-unit grid, which is what the checkbox page draws\n// at 18dp, the icon buttons page at 20 and the search, menus, date picker and\n// time picker pages at 24. The package is a devDependency, so the build writes\n// them into dist.\n\ntype GlyphProps = {\n  /** The fill. Defaults to the colour of the slot the glyph sits in. */\n  readonly color?: ColorValue\n  /** The square's side in dp. Defaults to the size of the slot. */\n  readonly size?: number\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\n// What a search view's back button draws, pointing at the page it returns to.\n// It says \"back\" rather than \"to the left\", so it mirrors under a right-to-left\n// layout.\nfunction ArrowBackGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props} mirrored>\n      <Path d={arrowBackPath} />\n    </Glyph>\n  )\n}\n\n// Which way a sorted column is ordered. Up is ascending and down is\n// descending. Neither mirrors under a right-to-left layout: they say \"up\" and\n// \"down\" rather than \"onward\", and those do not flip.\nfunction ArrowDownwardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={arrowDownwardPath} />\n    </Glyph>\n  )\n}\n\n// What a menu button draws after its label, pointing at the list it opens.\n// Down is down in either writing direction, so it does not mirror.\nfunction ArrowDropDownGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={arrowDropDownPath} />\n    </Glyph>\n  )\n}\n\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={arrowUpwardPath} />\n    </Glyph>\n  )\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={calendarPath} />\n    </Glyph>\n  )\n}\n\nfunction CheckGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={checkPath} />\n    </Glyph>\n  )\n}\n\n// Points down at the menu a split button's second half opens, and at the\n// list a select opens.\nfunction ChevronDownGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={chevronDownPath} />\n    </Glyph>\n  )\n}\n\n// Points at the submenu a menu item opens. It says \"further in\" rather than\n// \"to the right\", so it mirrors under a right-to-left layout.\nfunction ChevronEndGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props} mirrored>\n      <Path d={chevronEndPath} />\n    </Glyph>\n  )\n}\n\n// What the time picker's trigger draws, and the button that takes its keyboard\n// entry back to the dial: the clock a time is picked from.\nfunction ClockGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={clockPath} />\n    </Glyph>\n  )\n}\n\nfunction CloseGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={closePath} />\n    </Glyph>\n  )\n}\n\n/**\n * The svg every glyph draws: the 24-unit grid its path is on, a square of the\n * slot's size filled in the slot's colour, and nothing a screen reader\n * announces, since the control around a glyph carries the name. A glyph whose\n * direction means \"onward\" or \"back\" passes `mirrored`, which turns it over\n * under a right-to-left layout as `:dir(rtl)` does on web.\n */\nfunction Glyph({\n  children,\n  color,\n  mirrored = false,\n  size,\n  style,\n  testID,\n}: GlyphProps & { readonly children: ReactNode; readonly mirrored?: boolean }) {\n  const slot = useIconStyle()\n  const side = size ?? slot.size\n  return (\n    <Svg\n      {...HIDDEN}\n      color={color ?? slot.color}\n      fill=\"currentColor\"\n      height={side}\n      style={StyleSheet.compose(\n        mirrored && I18nManager.isRTL ? glyphStyles.mirrored : undefined,\n        style,\n      )}\n      testID={testID}\n      viewBox={`0 0 ${gridSize} ${gridSize}`}\n      width={side}\n    >\n      {children}\n    </Svg>\n  )\n}\n\n// What the time picker's dial draws on the button that switches it to typed\n// entry.\nfunction KeyboardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={keyboardPath} />\n    </Glyph>\n  )\n}\n\n// The same rule stands for a partly selected checkbox and for a stepper's\n// decrement; the two names say which is meant at the call site.\nfunction MinusGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={minusPath} />\n    </Glyph>\n  )\n}\n\nconst IndeterminateGlyph = MinusGlyph\n\n// What an avatar with no name to take initials from draws: Material Design's\n// anonymous person, a head over shoulders.\nfunction PersonGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={personPath} />\n    </Glyph>\n  )\n}\n\nfunction PlusGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={plusPath} />\n    </Glyph>\n  )\n}\n\nfunction SearchGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d={searchPath} />\n    </Glyph>\n  )\n}\n\nexport {\n  ArrowBackGlyph,\n  ArrowDownwardGlyph,\n  ArrowDropDownGlyph,\n  ArrowUpwardGlyph,\n  CalendarGlyph,\n  CheckGlyph,\n  ChevronDownGlyph,\n  ChevronEndGlyph,\n  ClockGlyph,\n  CloseGlyph,\n  IndeterminateGlyph,\n  KeyboardGlyph,\n  MinusGlyph,\n  PersonGlyph,\n  PlusGlyph,\n  SearchGlyph,\n}\nexport type { GlyphProps }\n"],"mappings":"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"}

package/dist/glyphs/styles.js

@@ -1,7 +1,6 @@
 import { StyleSheet } from "react-native";
-//#region src/glyphs/styles.ts
+// src/glyphs/styles.ts
 const glyphStyles = StyleSheet.create({ mirrored: { transform: [{ scaleX: -1 }] } });
-//#endregion
 export { glyphStyles };
 
 //# sourceMappingURL=styles.js.map

package/dist/hooks/useAppBarScroll.d.ts

@@ -1,5 +1,4 @@
 import { LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent } from "react-native";
-//#region src/hooks/useAppBarScroll.d.ts
 type AppBarScroll = {
   /** For the bar's `collapsed`. */
   readonly collapsed: boolean;
@@ -51,6 +50,5 @@ type AppBarScrollOptions = {
  * expanded there too.
  */
 declare function useAppBarScroll({ collapseAfter }?: AppBarScrollOptions): AppBarScroll;
-//#endregion
 export { type AppBarScroll, type AppBarScrollOptions, useAppBarScroll };
 //# sourceMappingURL=useAppBarScroll.d.ts.map

package/dist/hooks/useAppBarScroll.js

@@ -81,7 +81,6 @@ function useAppBarScroll(t0) {
 	} else t5 = $[9];
 	return t5;
 }
-//#endregion
 export { useAppBarScroll };
 
 //# sourceMappingURL=useAppBarScroll.js.map

package/dist/hooks/useWindowSizeClass.d.ts

@@ -1,5 +1,4 @@
-import { breakpoints } from "../tokens/defaults.js";
-//#region src/hooks/useWindowSizeClass.d.ts
+import { n as breakpoints } from "../kanso-ui-core/defaults-DMH0HWCw.js";
 /**
  * Material Design's window size classes, which kanso-ui's breakpoint tokens
  * bound: `compact` from 0, `medium` from 600dp, `expanded` from 840dp, `large`
@@ -20,6 +19,5 @@ type WindowSizeClass = keyof typeof breakpoints;
  * https://m3.material.io/foundations/layout/applying-layout/window-size-classes.
  */
 declare function useWindowSizeClass(): WindowSizeClass;
-//#endregion
 export { type WindowSizeClass, useWindowSizeClass };
 //# sourceMappingURL=useWindowSizeClass.d.ts.map

package/dist/hooks/useWindowSizeClass.js

@@ -1,7 +1,7 @@
-import { breakpoints } from "../tokens/defaults.js";
+import { breakpoints } from "../kanso-ui-core/index.js";
 import { c } from "react/compiler-runtime";
 import { useWindowDimensions } from "react-native";
-//#region src/hooks/useWindowSizeClass.ts
+// src/hooks/useWindowSizeClass.ts
 const CLASSES = [
 	"extraLarge",
 	"large",
@@ -33,7 +33,6 @@ function useWindowSizeClass() {
 	} else t0 = $[1];
 	return t0;
 }
-//#endregion
 export { useWindowSizeClass };
 
 //# sourceMappingURL=useWindowSizeClass.js.map

package/dist/i18n/index.js

@@ -1,7 +1,7 @@
 import { formatCount } from "../number/count.js";
 import { localeOf } from "../number/locale.js";
 import { MESSAGES } from "./messages.js";
-//#region src/i18n/index.ts
+// src/i18n/index.ts
 const TABLE = new Map(Object.entries(MESSAGES));
 const cache = /* @__PURE__ */ new Map();
 /**
@@ -78,7 +78,6 @@ function sortedFor(direction, columnName, locale) {
 	const { table } = messagesFor(locale);
 	return (direction === "ascending" ? table.ascendingSort : table.descendingSort).replace("{columnName}", columnName);
 }
-//#endregion
 export { columnSizeFor, limitFor, listFor, messagesFor, resultsFor, slideLabelFor, sortedFor };
 
 //# sourceMappingURL=index.js.map

package/dist/i18n/messages.js

@@ -1,4 +1,4 @@
-//#region src/i18n/messages.ts
+// src/i18n/messages.ts
 const MESSAGES = {
 	"ar-AE": {
 		back: "رجوع",
@@ -2816,7 +2816,6 @@ const MESSAGES = {
 		transparent: "透明"
 	}
 };
-//#endregion
 export { MESSAGES };
 
 //# sourceMappingURL=messages.js.map

package/dist/i18n/provider.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/i18n/provider.d.ts
 type I18nProviderProps = {
   readonly children?: ReactNode;
   /**
@@ -48,6 +47,5 @@ declare function I18nProvider({ children, locale }: I18nProviderProps): import("
  * ```
  */
 declare function useLocale(): Locale;
-//#endregion
 export { I18nProvider, type I18nProviderProps, type Locale, useLocale };
 //# sourceMappingURL=provider.d.ts.map

package/dist/i18n/provider.js

@@ -4,7 +4,7 @@ import { c } from "react/compiler-runtime";
 import { I18nManager } from "react-native";
 import { createContext, use } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/i18n/provider.tsx
+// src/i18n/provider.tsx
 const LocaleContext = createContext(void 0);
 /**
 * Sets the locale every component inside writes in, as React Aria's
@@ -90,7 +90,6 @@ function useMessages(own) {
 function useProvidedLocale() {
 	return use(LocaleContext);
 }
-//#endregion
 export { I18nProvider, useLocale, useLocaleOf, useMessages, useProvidedLocale };
 
 //# sourceMappingURL=provider.js.map

package/dist/index.d.ts

@@ -35,7 +35,7 @@ import { DisclosureGroup, DisclosureGroupProps } from "./components/disclosure-g
 import { PickedFile } from "./files/index.js";
 import { DragTypes, DropEnterEvent, DropEvent, DropExitEvent, DropItem, DropOperation, FileDropItem, TextDropItem, isFileDropItem, isTextDropItem } from "./drop/index.js";
 import { DropZone, DropZoneProps, FileTrigger, FileTriggerProps } from "./components/drop-zone/index.js";
-import { KuiTheme } from "./tokens/defaults.js";
+import { t as KuiTheme } from "./kanso-ui-core/defaults-DMH0HWCw.js";
 import { ResolvedTheme, useTheme } from "./theme/scope.js";
 import { TypeRole } from "./typography/roles.js";
 import { FabSize, FabTone, FabVariant } from "./fab/index.js";

package/dist/indicator/index.d.ts

@@ -1,7 +1,6 @@
 import { LayoutChangeEvent } from "react-native";
 import "react-native-reanimated";
 import { ReactNode } from "react";
-//#region src/indicator/index.d.ts
 /**
  * The line's colour. `primary` is the page's own pair. `negative` and
  * `positive` swap the active indicator and the stop indicator alone, leaving
@@ -10,6 +9,5 @@ import { ReactNode } from "react";
  * line sits in for both, and gives the track a quarter of it.
  */
 type IndicatorTone = 'inherit' | 'negative' | 'positive' | 'primary';
-//#endregion
 export type { IndicatorTone };
 //# sourceMappingURL=index.d.ts.map

package/dist/indicator/index.js

@@ -10,7 +10,7 @@ import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, w
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NumberFormatter } from "@internationalized/number";
-//#region src/indicator/index.tsx
+// src/indicator/index.tsx
 /**
 * The active indicator's length at a value: the value's share of what the two
 * gaps and the stop leave of the row, as web's `activeAt` gives it. A share of
@@ -249,7 +249,6 @@ function useMeasuredWidth() {
 	} else t1 = $[2];
 	return t1;
 }
-//#endregion
 export { IndicatorLabels, IndicatorLine, activeLength, fillOf, readingOf, useEased, useIndicatorColors, useMeasuredWidth };
 
 //# sourceMappingURL=index.js.map

package/dist/indicator/motion.js

@@ -1,7 +1,7 @@
 import { c } from "react/compiler-runtime";
 import { Easing, ReduceMotion, cancelAnimation, useSharedValue, withRepeat, withTiming } from "react-native-reanimated";
 import { useEffect } from "react";
-//#region src/indicator/motion.ts
+// src/indicator/motion.ts
 const SEARCH_STEPS = 24;
 /**
 * The value `frames` give at `time`, a share of the loop: the frames either
@@ -80,7 +80,6 @@ function useLoop(duration, running) {
 	useEffect(t0, t1);
 	return clock;
 }
-//#endregion
 export { keyframeAt, useLoop };
 
 //# sourceMappingURL=motion.js.map

package/dist/indicator/paths.js

@@ -1,4 +1,4 @@
-//#region src/indicator/paths.ts
+// src/indicator/paths.ts
 const PLACES = 3;
 /** A full turn, in radians. */
 const TURN = 2 * Math.PI;
@@ -88,7 +88,6 @@ function wavyArcPath(wave, phase, from, sweep) {
 	for (let index = Math.floor(from / step) + 1; index * step < to; index++) path += `L${point(index * step)}`;
 	return `${path}L${point(to)}`;
 }
-//#endregion
 export { TURN, WAVE_HEIGHT, WAVE_ORIGIN, arcPath, shapePath, wavePath, wavyArcPath };
 
 //# sourceMappingURL=paths.js.map

package/dist/indicator/styles.js

@@ -56,7 +56,6 @@ const stylesOf = themedStyles(({ radii, spacing }) => StyleSheet.create({
 	stop: { borderRadius: radii.circle },
 	track: { borderRadius: radii.pill }
 }));
-//#endregion
 export { DETERMINATE_EASING, styles, stylesOf };
 
 //# sourceMappingURL=styles.js.map

package/dist/{tokens/defaults.d.ts → kanso-ui-core/defaults-DMH0HWCw.d.ts}

@@ -1,4 +1,3 @@
-//#region src/tokens/defaults.d.ts
 /**
  * A theme: any of the `--kui-*` custom properties `tokens.css` lists, each set
  * to a value in CSS syntax. Hand one to `ThemeScope`'s `theme` prop, and every
@@ -391,9 +390,10 @@ type KuiTheme = {
   readonly '--kui-typography-weight-regular'?: string;
 };
 /**
- * The lower bound of each window size class, in dp. A media query cannot read
- * a custom property, so on web these are compiled in rather than overridable,
- * and they are constants here for the same contract.
+ * The lower bound of each window size class, in px on the web and dp on
+ * native, smallest first. A media query cannot read a custom property, so
+ * neither library offers these as one to override, and `tokens.css` leaves
+ * them out.
  */
 declare const breakpoints: {
   readonly compact: 0;
@@ -402,6 +402,5 @@ declare const breakpoints: {
   readonly large: 1200;
   readonly extraLarge: 1600;
 };
-//#endregion
-export { type KuiTheme, breakpoints };
-//# sourceMappingURL=defaults.d.ts.map
+export { breakpoints as n, KuiTheme as t };
+//# sourceMappingURL=defaults-DMH0HWCw.d.ts.map