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

package/dist/files/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DocumentPickerAsset","ImagePickerAsset","DocumentPicker","ImagePicker","PickedFile","name","size","type","uri","PickOptions","acceptedFileTypes","allowsMultiple","defaultCamera","documentPicker","Promise","imagePicker","fromCamera","asset","fileName","split","at","fileSize","mimeType","fromDocument","importDocumentPicker","importImagePicker","loadDocumentPicker","loadImagePicker","mediaTypesOf","accepted","videos","some","startsWith","images","const","pickFiles","options","undefined","camera","Error","requestCameraPermissionsAsync","granted","shot","launchCameraAsync","cameraType","mediaTypes","canceled","assets","map","picker","picked","getDocumentAsync","base64","multiple","length","pickThen","then","files","error","console","preparePicker"],"sources":["../../src/files/index.ts"],"sourcesContent":["import type { DocumentPickerAsset } from 'expo-document-picker'\nimport type { ImagePickerAsset } from 'expo-image-picker'\n\ntype DocumentPicker = typeof import('expo-document-picker')\n\ntype ImagePicker = typeof import('expo-image-picker')\n\n/**\n * A file a person picked: what it is called, how big it is and what it is,\n * as web's `File` says, and where it is, which a call site reads it or\n * uploads it from. On iOS and Android that is a `file://` URI in the app's\n * cache, a copy the chooser made, and under React Native Web an object URL.\n */\ntype PickedFile = {\n  readonly name: string\n  /** Its size in bytes, where the platform says. */\n  readonly size: number | undefined\n  /** Its MIME type, or an empty string where the platform does not say, as on web. */\n  readonly type: string\n  readonly uri: string\n}\n/** What the chooser is asked for, in web's FileTrigger's words. */\ntype PickOptions = {\n  /** The MIME types the chooser offers, such as `image/png` or `image/*`. Every type when left out. */\n  readonly acceptedFileTypes?: readonly string[] | undefined\n  /** Whether more than one file can be picked. */\n  readonly allowsMultiple?: boolean | undefined\n  /**\n   * Opens the camera rather than the chooser, facing away from the person\n   * for `environment` or towards them for `user`, as web's `capture` does.\n   */\n  readonly defaultCamera?: 'environment' | 'user' | undefined\n}\n\n// The two pickers are optional peers, so each is imported where its absence\n// can be caught, as src/clipboard imports expo-clipboard: Metro takes an\n// import inside a `try` as optional and bundles an app without it, which it\n// would not for an import wrapped any other way. Each is imported once, and\n// first when a component that picks mounts, so a press finds it loaded:\n// under React Native Web a chooser opens only while the press that asked for\n// it still counts as one.\nlet documentPicker: Promise<DocumentPicker | null> | undefined\nlet imagePicker: Promise<ImagePicker | null> | undefined\n\n// A photo the camera took is named by the platform where it names one, and\n// by the last part of its URI where it does not.\nfunction fromCamera(asset: ImagePickerAsset): PickedFile {\n  return {\n    name: asset.fileName ?? asset.uri.split('/').at(-1) ?? asset.uri,\n    size: asset.fileSize,\n    type: asset.mimeType ?? '',\n    uri: asset.uri,\n  }\n}\n\nfunction fromDocument(asset: DocumentPickerAsset): PickedFile {\n  return {\n    name: asset.name,\n    size: asset.size,\n    type: asset.mimeType ?? '',\n    uri: asset.uri,\n  }\n}\n\nasync function importDocumentPicker(): Promise<DocumentPicker | null> {\n  try {\n    return await import(/* @vite-ignore */ 'expo-document-picker')\n  } catch {\n    return null\n  }\n}\n\nasync function importImagePicker(): Promise<ImagePicker | null> {\n  try {\n    return await import(/* @vite-ignore */ 'expo-image-picker')\n  } catch {\n    return null\n  }\n}\n\nasync function loadDocumentPicker() {\n  documentPicker ??= importDocumentPicker()\n  return documentPicker\n}\n\nasync function loadImagePicker() {\n  imagePicker ??= importImagePicker()\n  return imagePicker\n}\n\n// The camera takes photos and videos alone, so it is asked for videos when\n// the accepted types name one and for photos unless they name only videos.\nfunction mediaTypesOf(accepted: readonly string[]) {\n  const videos = accepted.some((type) => type.startsWith('video/'))\n  const images = !videos || accepted.some((type) => type.startsWith('image/'))\n\n  return [\n    ...(images ? (['images'] as const) : []),\n    ...(videos ? (['videos'] as const) : []),\n  ]\n}\n\n/**\n * Opens the system's chooser, or its camera for `defaultCamera`, and settles\n * on the files picked, or on `null` when the person backed out. A camera the\n * person will not let the app use is backing out too.\n *\n * It rejects, naming the package, when the one it needs is not installed:\n * expo-document-picker for the chooser, expo-image-picker for the camera.\n */\nasync function pickFiles(\n  options: PickOptions,\n): Promise<null | readonly PickedFile[]> {\n  const accepted = options.acceptedFileTypes ?? []\n\n  if (options.defaultCamera !== undefined) {\n    const camera = await loadImagePicker()\n\n    if (camera === null) {\n      throw new Error(\n        'Taking a photo needs expo-image-picker, which is not installed',\n      )\n    }\n    if (!(await camera.requestCameraPermissionsAsync()).granted) {\n      return null\n    }\n\n    const shot = await camera.launchCameraAsync({\n      cameraType: options.defaultCamera === 'user' ? 'front' : 'back',\n      mediaTypes: mediaTypesOf(accepted),\n    })\n\n    return shot.canceled ? null : shot.assets.map(fromCamera)\n  }\n\n  const picker = await loadDocumentPicker()\n\n  if (picker === null) {\n    throw new Error(\n      'Picking a file needs expo-document-picker, which is not installed',\n    )\n  }\n\n  // base64 is off, since the package otherwise reads every file picked into\n  // memory, which nothing here asks of it.\n  const picked = await picker.getDocumentAsync({\n    base64: false,\n    multiple: options.allowsMultiple ?? false,\n    type: accepted.length === 0 ? '*/*' : [...accepted],\n  })\n\n  return picked.canceled ? null : picked.assets.map(fromDocument)\n}\n\n/**\n * Picks as `pickFiles` does and hands what was picked to `then`, saying\n * nothing when the person backed out. A failure, a missing package among\n * them, is written to the console, where a missing package is a mistake in\n * the app's setup rather than something the person can do anything about.\n */\nasync function pickThen(\n  options: PickOptions,\n  then: (files: readonly PickedFile[]) => void,\n): Promise<void> {\n  let files: null | readonly PickedFile[]\n\n  try {\n    files = await pickFiles(options)\n  } catch (error) {\n    console.error(error)\n    return\n  }\n  if (files !== null) {\n    then(files)\n  }\n}\n\n/**\n * Starts importing the picker the options open, so that a press finds it\n * there. A component that picks calls it once it mounts.\n */\nfunction preparePicker(options: PickOptions) {\n  void (options.defaultCamera === undefined\n    ? loadDocumentPicker()\n    : loadImagePicker())\n}\n\nexport { pickFiles, pickThen, preparePicker }\nexport type { PickedFile, PickOptions }\n"],"mappings":";AAyCA,IAAIa;AACJ,IAAIE;AAIJ,SAASC,WAAWC,OAAqC;CACvD,OAAO;EACLZ,MAAMY,MAAMC,YAAYD,MAAMT,IAAIW,MAAM,GAAG,CAAC,CAACC,GAAG,EAAE,KAAKH,MAAMT;EAC7DF,MAAMW,MAAMI;EACZd,MAAMU,MAAMK,YAAY;EACxBd,KAAKS,MAAMT;CACb;AACF;AAEA,SAASe,aAAaN,OAAwC;CAC5D,OAAO;EACLZ,MAAMY,MAAMZ;EACZC,MAAMW,MAAMX;EACZC,MAAMU,MAAMK,YAAY;EACxBd,KAAKS,MAAMT;CACb;AACF;AAEA,eAAegB,uBAAuD;CACpE,IAAI;EACF,OAAO,MAAM;;GAA0B;;CACzC,QAAQ;EACN,OAAO;CACT;AACF;AAEA,eAAeC,oBAAiD;CAC9D,IAAI;EACF,OAAO,MAAM;;GAA0B;;CACzC,QAAQ;EACN,OAAO;CACT;AACF;AAEA,eAAeC,qBAAqB;CAClCb,mBAAmBW,qBAAqB;CACxC,OAAOX;AACT;AAEA,eAAec,kBAAkB;CAC/BZ,gBAAgBU,kBAAkB;CAClC,OAAOV;AACT;AAIA,SAASa,aAAaC,UAA6B;CACjD,MAAMC,SAASD,SAASE,MAAMxB,SAASA,KAAKyB,WAAW,QAAQ,CAAC;CAGhE,OAAO,CACL,GAHa,CAACF,UAAUD,SAASE,MAAMxB,SAASA,KAAKyB,WAAW,QAAQ,CAAC,IAG3D,CAAC,QAAQ,IAAc,CAAA,GACrC,GAAIF,SAAU,CAAC,QAAQ,IAAc,CAAA,CAAG;AAE5C;;;;;;;;;AAUA,eAAeK,UACbC,SACuC;CACvC,MAAMP,WAAWO,QAAQ1B,qBAAqB,CAAA;CAE9C,IAAI0B,QAAQxB,kBAAkByB,KAAAA,GAAW;EACvC,MAAMC,SAAS,MAAMX,gBAAgB;EAErC,IAAIW,WAAW,MACb,MAAM,IAAIC,MACR,gEACF;EAEF,IAAI,EAAE,MAAMD,OAAOE,8BAA8B,EAAA,CAAGC,SAClD,OAAO;EAGT,MAAMC,OAAO,MAAMJ,OAAOK,kBAAkB;GAC1CC,YAAYR,QAAQxB,kBAAkB,SAAS,UAAU;GACzDiC,YAAYjB,aAAaC,QAAQ;EACnC,CAAC;EAED,OAAOa,KAAKI,WAAW,OAAOJ,KAAKK,OAAOC,IAAIhC,UAAU;CAC1D;CAEA,MAAMiC,SAAS,MAAMvB,mBAAmB;CAExC,IAAIuB,WAAW,MACb,MAAM,IAAIV,MACR,mEACF;CAKF,MAAMW,SAAS,MAAMD,OAAOE,iBAAiB;EAC3CC,QAAQ;EACRC,UAAUjB,QAAQzB,kBAAkB;EACpCJ,MAAMsB,SAASyB,WAAW,IAAI,QAAQ,CAAC,GAAGzB,QAAQ;CACpD,CAAC;CAED,OAAOqB,OAAOJ,WAAW,OAAOI,OAAOH,OAAOC,IAAIzB,YAAY;AAChE;;;;;;;AAQA,eAAegC,SACbnB,SACAoB,MACe;CACf,IAAIC;CAEJ,IAAI;EACFA,QAAQ,MAAMtB,UAAUC,OAAO;CACjC,SAASsB,OAAO;EACdC,QAAQD,MAAMA,KAAK;EACnB;CACF;CACA,IAAID,UAAU,MACZD,KAAKC,KAAK;AAEd;;;;;AAMA,SAASG,cAAcxB,SAAsB;CAC3C,QAAcxB,kBAAkByB,KAAAA,IAC5BX,mBAAmB,IACnBC,gBAAgB;AACtB"}

package/dist/form/index.d.ts

@@ -7,8 +7,11 @@ import { RefObject } from "react";
  * error once a submission is tried.
  */
 type FormValidationBehavior = 'aria' | 'native';
-/** The values a form submits, as strings by each field's `name`. */
-type FormValues = Readonly<Record<string, string>>;
+/**
+ * The values a form submits by each field's `name`: a string, or a list of
+ * them for a field holding several, as a checkbox group does.
+ */
+type FormValues = Readonly<Record<string, readonly string[] | string>>;
 /** A field's problem in words: one message, or several read as one line. */
 type ValidationError = readonly string[] | string;
 /** Errors keyed by each field's `name`, such as a server's answer. */

package/dist/form/index.js

@@ -11,6 +11,8 @@ const FIELD_VALIDATION_BEHAVIOR = "aria";
 const REQUIRED_ERROR = "Fill out this field.";
 const NO_ERRORS = {};
 const NO_MESSAGES = [];
+const NO_SUBMISSION = [void 0, void 0];
+const NO_SUBMISSIONS = [];
 const FormContext = createContext(null);
 /**
 * The fields a form holds, in the order they registered. A field that is
@@ -58,7 +60,7 @@ function submitOf(registry, validationBehavior, onSubmit) {
 				return;
 			}
 		}
-		onSubmit?.(Object.fromEntries(entries.flatMap((entry) => entry.submits === void 0 ? [] : [entry.submits])));
+		onSubmit?.(Object.fromEntries(entries.flatMap((entry) => entry.submits)));
 	};
 }
 /**
@@ -82,8 +84,8 @@ function submitOf(registry, validationBehavior, onSubmit) {
 * leaves a disabled input out of what a form submits.
 */
 function useFieldValidation(t0) {
-	const $ = c(28);
-	const { control, error, isDisabled, isEmpty, isReadOnly, isRequired, name, submitted, validate, value } = t0;
+	const $ = c(14);
+	const { alongside, control, error, isDisabled, isEmpty, isReadOnly, isRequired, name, submitted, validate, value } = t0;
 	const form = use(FormContext);
 	const id = useId();
 	const behavior = form?.validationBehavior ?? "aria";
@@ -94,112 +96,89 @@ function useFieldValidation(t0) {
 	const edited = useRef(false);
 	const native = behavior === "native";
 	const barred = isDisabled || isReadOnly;
-	const server = name === void 0 || clearedFrom === serverErrors ? NO_MESSAGES : messagesOf(serverErrors[name]);
+	const submissions = [[name, submitted], alongside ?? NO_SUBMISSION];
+	const server = clearedFrom === serverErrors ? NO_MESSAGES : submissions.flatMap((t1) => {
+		const [each] = t1;
+		return each === void 0 ? NO_MESSAGES : messagesOf(serverErrors[each]);
+	});
 	const client = validate === void 0 ? NO_MESSAGES : messagesOf(validate(value));
 	const own = client.length > 0 ? client : native && isRequired && isEmpty && !barred ? [REQUIRED_ERROR] : NO_MESSAGES;
 	if (showing && own.length === 0) setShowing(false);
 	const shown = native ? showing ? own : NO_MESSAGES : client;
-	const t1 = !barred && (error !== void 0 || server.length > 0 || own.length > 0);
 	let t2;
-	if ($[0] !== control) {
-		t2 = focusOf(control);
-		$[0] = control;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => {
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => {
 			setShowing(true);
 		};
-		$[2] = t3;
-	} else t3 = $[2];
+		$[0] = t2;
+	} else t2 = $[0];
+	const entry = {
+		blocks: !barred && (error !== void 0 || server.length > 0 || own.length > 0),
+		focus: focusOf(control),
+		show: t2,
+		submits: isDisabled ? NO_SUBMISSIONS : submissions.flatMap(_temp)
+	};
+	useEffect(() => {
+		registry?.set(id, entry);
+	});
+	let t3;
 	let t4;
-	if ($[3] !== isDisabled || $[4] !== name || $[5] !== submitted) {
-		t4 = isDisabled || name === void 0 || submitted === void 0 ? void 0 : [name, submitted];
-		$[3] = isDisabled;
-		$[4] = name;
-		$[5] = submitted;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== t1 || $[8] !== t2 || $[9] !== t4) {
-		t5 = {
-			blocks: t1,
-			focus: t2,
-			show: t3,
-			submits: t4
-		};
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t4;
-		$[10] = t5;
-	} else t5 = $[10];
-	const entry = t5;
-	let t6;
-	if ($[11] !== entry || $[12] !== id || $[13] !== registry) {
-		t6 = () => {
-			registry?.set(id, entry);
-		};
-		$[11] = entry;
-		$[12] = id;
-		$[13] = registry;
-		$[14] = t6;
-	} else t6 = $[14];
-	useEffect(t6);
-	let t7;
-	let t8;
-	if ($[15] !== id || $[16] !== registry) {
-		t7 = () => () => {
+	if ($[1] !== id || $[2] !== registry) {
+		t3 = () => () => {
 			registry?.remove(id);
 		};
-		t8 = [id, registry];
-		$[15] = id;
-		$[16] = registry;
-		$[17] = t7;
-		$[18] = t8;
+		t4 = [id, registry];
+		$[1] = id;
+		$[2] = registry;
+		$[3] = t3;
+		$[4] = t4;
 	} else {
-		t7 = $[17];
-		t8 = $[18];
+		t3 = $[3];
+		t4 = $[4];
 	}
-	useEffect(t7, t8);
-	const t9 = error ?? lineOf(server) ?? lineOf(shown);
-	let t10;
-	if ($[19] !== native || $[20] !== serverErrors) {
-		t10 = () => {
+	useEffect(t3, t4);
+	const t5 = error ?? lineOf(server) ?? lineOf(shown);
+	let t6;
+	if ($[5] !== native || $[6] !== serverErrors) {
+		t6 = () => {
 			if (edited.current) {
 				edited.current = false;
 				setClearedFrom(serverErrors);
 				setShowing(native);
 			}
 		};
-		$[19] = native;
-		$[20] = serverErrors;
-		$[21] = t10;
-	} else t10 = $[21];
-	let t11;
-	if ($[22] !== serverErrors) {
-		t11 = () => {
+		$[5] = native;
+		$[6] = serverErrors;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== serverErrors) {
+		t7 = () => {
 			edited.current = true;
 			setClearedFrom(serverErrors);
 		};
-		$[22] = serverErrors;
-		$[23] = t11;
-	} else t11 = $[23];
-	let t12;
-	if ($[24] !== t10 || $[25] !== t11 || $[26] !== t9) {
-		t12 = {
-			error: t9,
-			onBlur: t10,
-			onEdit: t11
+		$[8] = serverErrors;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== t5 || $[11] !== t6 || $[12] !== t7) {
+		t8 = {
+			error: t5,
+			onBlur: t6,
+			onEdit: t7
 		};
-		$[24] = t10;
-		$[25] = t11;
-		$[26] = t9;
-		$[27] = t12;
-	} else t12 = $[27];
-	return t12;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	return t8;
 }
 /** Whether the field is inside a form, which keeps its message line drawn. */
+function _temp(t0) {
+	const [each_0, sent] = t0;
+	return each_0 === void 0 || sent === void 0 ? [] : [[each_0, sent]];
+}
 function useInsideForm() {
 	return use(FormContext) !== null;
 }

package/dist/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RefObject","createContext","use","useEffect","useId","useRef","useState","FieldValidationOptions","control","Focusable","error","isDisabled","isEmpty","isReadOnly","isRequired","name","submitted","validate","value","T","ValidationResult","focus","FormEntry","blocks","show","submits","FormRegistry","entries","remove","id","set","entry","FormState","registry","requestSubmit","validationBehavior","FormValidationBehavior","validationErrors","ValidationErrors","FormValues","Readonly","Record","ValidationError","FIELD_VALIDATION_BEHAVIOR","REQUIRED_ERROR","NO_ERRORS","NO_MESSAGES","FormContext","createRegistry","fields","Map","values","delete","focusOf","current","lineOf","messages","length","undefined","join","messagesOf","result","submitOf","onSubmit","blocking","filter","first","at","Object","fromEntries","flatMap","useFieldValidation","t0","$","_c","form","behavior","serverErrors","clearedFrom","setClearedFrom","showing","setShowing","edited","native","barred","server","client","own","shown","t1","t2","t3","Symbol","for","t4","t5","t6","t7","t8","t9","t10","t11","t12","onBlur","onEdit","useInsideForm","_c"],"sources":["../../src/form/index.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\nimport { createContext, use, useEffect, useId, useRef, useState } from 'react'\n\n// What a Form tells the fields inside it, and what each field tells it back,\n// as React Aria's Form and its fields do through context on web. The form\n// hands down how its fields validate and the errors a server sent back, by\n// field name. Each field registers with the form around it while it is\n// mounted, in the order the tree mounts them, which is the order they are\n// drawn in, and the form reads that list when it is submitted: the values by\n// name, and under `native` which fields hold it back and which of them takes\n// focus.\n\ntype FieldValidationOptions<T> = {\n  /** The control a failed native submission focuses. */\n  readonly control: RefObject<Focusable | null>\n  /** The field's own error, which wins over anything the form says. */\n  readonly error: string | undefined\n  readonly isDisabled: boolean\n  /** Whether the value is what a required field must not be left as. */\n  readonly isEmpty: boolean\n  readonly isReadOnly: boolean\n  readonly isRequired: boolean\n  readonly name: string | undefined\n  /**\n   * The value as the form submits it, or `undefined` for a field whose value\n   * is not one string, which submits nothing.\n   */\n  readonly submitted: string | undefined\n  readonly validate: ((value: T) => ValidationResult) | undefined\n  readonly value: T\n}\n\n/** What a failed native submission moves focus to: a field's control. */\ntype Focusable = {\n  readonly focus: () => void\n}\n\n/** What a field tells the form it is in, as of its last render. */\ntype FormEntry = {\n  /** Whether the field holds a native submission back. */\n  readonly blocks: boolean\n  /** Moves focus to the field's control. */\n  readonly focus: () => void\n  /** Shows the field's own error, once a submission it held back is tried. */\n  readonly show: () => void\n  /** The name and value the field submits, where it submits one. */\n  readonly submits: readonly [string, string] | undefined\n}\n\ntype FormRegistry = {\n  readonly entries: () => readonly FormEntry[]\n  readonly remove: (id: string) => void\n  readonly set: (id: string, entry: FormEntry) => void\n}\n\ntype FormState = {\n  readonly registry: FormRegistry\n  readonly requestSubmit: () => void\n  readonly validationBehavior: FormValidationBehavior\n  readonly validationErrors: ValidationErrors\n}\n\n/**\n * `aria` shows a field's error as soon as the field says so, and lets the\n * form submit regardless. `native` holds the form back while a field in it is\n * required and empty, or rejected by its `validate`, and shows that field's\n * error once a submission is tried.\n */\ntype FormValidationBehavior = 'aria' | 'native'\n\n/** The values a form submits, as strings by each field's `name`. */\ntype FormValues = Readonly<Record<string, string>>\n\n/** A field's problem in words: one message, or several read as one line. */\ntype ValidationError = readonly string[] | string\n\n/** Errors keyed by each field's `name`, such as a server's answer. */\ntype ValidationErrors = Readonly<Record<string, ValidationError>>\n\n/**\n * What a field's `validate` returns for a value: its problem in words, or\n * `true`, `null` or `undefined` where there is none, as on web.\n */\ntype ValidationResult = null | true | undefined | ValidationError\n\n/**\n * What a field outside a form, and a form told nothing, validates by. The\n * library shows its own message under a field, so an error shows as the\n * field reports it rather than once a submission is tried.\n */\nconst FIELD_VALIDATION_BEHAVIOR: FormValidationBehavior = 'aria'\n\n/** The error a required field left empty shows under `native`. */\nconst REQUIRED_ERROR = 'Fill out this field.'\n\nconst NO_ERRORS: ValidationErrors = {}\n\nconst NO_MESSAGES: readonly string[] = []\n\nconst FormContext = createContext<FormState | null>(null)\n\n/**\n * The fields a form holds, in the order they registered. A field that is\n * already in it keeps its place as it reports again, so the order is the one\n * they mounted in.\n */\nfunction createRegistry(): FormRegistry {\n  const fields = new Map<string, FormEntry>()\n\n  return {\n    entries: () => [...fields.values()],\n    remove: (id) => {\n      fields.delete(id)\n    },\n    set: (id, entry) => {\n      fields.set(id, entry)\n    },\n  }\n}\n\n// Focuses a field's control, through the ref the field holds it in.\nfunction focusOf(control: RefObject<Focusable | null>) {\n  return () => {\n    control.current?.focus()\n  }\n}\n\n// One line of a field's messages, or nothing where there are none.\nfunction lineOf(messages: readonly string[]): string | undefined {\n  return messages.length === 0 ? undefined : messages.join(' ')\n}\n\n// A validation result as the messages it holds.\nfunction messagesOf(result: ValidationResult): readonly string[] {\n  if (typeof result === 'string') {\n    return result === '' ? NO_MESSAGES : [result]\n  }\n\n  return result === null || result === undefined || result === true\n    ? NO_MESSAGES\n    : result\n}\n\n/**\n * Submits a form: under `native`, holds it back while any field blocks,\n * showing each blocking field's error and focusing the first, and otherwise\n * hands `onSubmit` every named field's value.\n */\nfunction submitOf(\n  registry: FormRegistry,\n  validationBehavior: FormValidationBehavior,\n  onSubmit: ((values: FormValues) => void) | undefined,\n) {\n  return () => {\n    const entries = registry.entries()\n\n    if (validationBehavior === 'native') {\n      const blocking = entries.filter((entry) => entry.blocks)\n      const first = blocking.at(0)\n\n      if (first !== undefined) {\n        for (const entry of blocking) {\n          entry.show()\n        }\n        first.focus()\n        return\n      }\n    }\n\n    onSubmit?.(\n      Object.fromEntries(\n        entries.flatMap((entry) =>\n          entry.submits === undefined ? [] : [entry.submits],\n        ),\n      ),\n    )\n  }\n}\n\n/**\n * A field's validation, as React Aria's is on web, and its place in the form\n * around it. It hands back the error the field shows, and two handlers the\n * field calls: `onEdit` as its value is edited, and `onBlur` as its control\n * loses focus.\n *\n * The error is the field's own `error` where it has one. Otherwise it is the\n * server's, from the form's `validationErrors` under the field's `name`,\n * until the field is edited; a new `validationErrors` from the form shows it\n * again. Otherwise, under `aria`, it is what `validate` says about the value\n * as it changes.\n *\n * Under `native` that last one, or the required field's own error when it is\n * empty, is shown late and taken back early, as on web: once a submission it\n * holds back is tried, or once the control loses focus after an edit, and no\n * longer once the value is right, so a field shows nothing new in the middle\n * of being typed in. A disabled or read-only field holds nothing back, and a\n * disabled one submits nothing, as a browser bars both from validation and\n * leaves a disabled input out of what a form submits.\n */\nfunction useFieldValidation<T>({\n  control,\n  error,\n  isDisabled,\n  isEmpty,\n  isReadOnly,\n  isRequired,\n  name,\n  submitted,\n  validate,\n  value,\n}: FieldValidationOptions<T>) {\n  const form = use(FormContext)\n  const id = useId()\n  const behavior = form?.validationBehavior ?? FIELD_VALIDATION_BEHAVIOR\n  const serverErrors = form?.validationErrors ?? NO_ERRORS\n  const registry = form?.registry\n  // The errors object the field was edited under. Its server error stays\n  // cleared until the form is handed a new one.\n  const [clearedFrom, setClearedFrom] = useState<null | ValidationErrors>(null)\n  const [showing, setShowing] = useState(false)\n  // Whether the value has been edited since the control last lost focus,\n  // which is when a browser fires `change`, and so when React Aria commits.\n  const edited = useRef(false)\n  const native = behavior === 'native'\n  const barred = isDisabled || isReadOnly\n  const server =\n    name === undefined || clearedFrom === serverErrors\n      ? NO_MESSAGES\n      : messagesOf(serverErrors[name])\n  const client =\n    validate === undefined ? NO_MESSAGES : messagesOf(validate(value))\n  const own =\n    client.length > 0\n      ? client\n      : native && isRequired && isEmpty && !barred\n        ? [REQUIRED_ERROR]\n        : NO_MESSAGES\n\n  // Taken back as soon as the value is right, however it got there.\n  if (showing && own.length === 0) {\n    setShowing(false)\n  }\n\n  const shown = native ? (showing ? own : NO_MESSAGES) : client\n  const entry: FormEntry = {\n    blocks:\n      !barred && (error !== undefined || server.length > 0 || own.length > 0),\n    focus: focusOf(control),\n    show: () => {\n      setShowing(true)\n    },\n    submits:\n      isDisabled || name === undefined || submitted === undefined\n        ? undefined\n        : [name, submitted],\n  }\n\n  // Reported after every render, so the form reads what the field shows.\n  useEffect(() => {\n    registry?.set(id, entry)\n  })\n\n  useEffect(\n    () => () => {\n      registry?.remove(id)\n    },\n    [id, registry],\n  )\n\n  return {\n    error: error ?? lineOf(server) ?? lineOf(shown),\n    onBlur: () => {\n      if (edited.current) {\n        edited.current = false\n        setClearedFrom(serverErrors)\n        setShowing(native)\n      }\n    },\n    onEdit: () => {\n      edited.current = true\n      setClearedFrom(serverErrors)\n    },\n  }\n}\n\n/** Whether the field is inside a form, which keeps its message line drawn. */\nfunction useInsideForm() {\n  return use(FormContext) !== null\n}\n\nexport {\n  createRegistry,\n  FIELD_VALIDATION_BEHAVIOR,\n  FormContext,\n  submitOf,\n  useFieldValidation,\n  useInsideForm,\n}\nexport type {\n  Focusable,\n  FormValidationBehavior,\n  FormValues,\n  ValidationError,\n  ValidationErrors,\n  ValidationResult,\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["RefObject","createContext","use","useEffect","useId","useRef","useState","FieldValidationOptions","alongside","name","submitted","control","Focusable","error","isDisabled","isEmpty","isReadOnly","isRequired","FormValues","validate","value","T","ValidationResult","focus","FormEntry","blocks","show","submits","FormRegistry","entries","remove","id","set","entry","FormState","registry","requestSubmit","validationBehavior","FormValidationBehavior","validationErrors","ValidationErrors","Readonly","Record","ValidationError","FIELD_VALIDATION_BEHAVIOR","REQUIRED_ERROR","NO_ERRORS","NO_MESSAGES","NO_SUBMISSION","undefined","const","NO_SUBMISSIONS","FormContext","createRegistry","fields","Map","values","delete","focusOf","current","lineOf","messages","length","join","messagesOf","result","submitOf","onSubmit","blocking","filter","first","at","Object","fromEntries","flatMap","useFieldValidation","t0","$","_c","form","behavior","serverErrors","clearedFrom","setClearedFrom","showing","setShowing","edited","native","barred","submissions","server","t1","each","client","own","shown","t2","Symbol","for","_temp","t3","t4","t5","t6","t7","t8","onBlur","onEdit","each_0","sent","useInsideForm","_c"],"sources":["../../src/form/index.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\nimport { createContext, use, useEffect, useId, useRef, useState } from 'react'\n\n// What a Form tells the fields inside it, and what each field tells it back,\n// as React Aria's Form and its fields do through context on web. The form\n// hands down how its fields validate and the errors a server sent back, by\n// field name. Each field registers with the form around it while it is\n// mounted, in the order the tree mounts them, which is the order they are\n// drawn in, and the form reads that list when it is submitted: the values by\n// name, and under `native` which fields hold it back and which of them takes\n// focus.\n\ntype FieldValidationOptions<T> = {\n  /**\n   * A second name the field submits a value under, beside `name`'s, with\n   * that value, as a date range picker submits its end beside its start.\n   * The form's `validationErrors` reach the field under either name.\n   */\n  readonly alongside?: readonly [name: string | undefined, submitted: string]\n  /** The control a failed native submission focuses. */\n  readonly control: RefObject<Focusable | null>\n  /** The field's own error, which wins over anything the form says. */\n  readonly error: string | undefined\n  readonly isDisabled: boolean\n  /** Whether the value is what a required field must not be left as. */\n  readonly isEmpty: boolean\n  readonly isReadOnly: boolean\n  readonly isRequired: boolean\n  readonly name: string | undefined\n  /**\n   * The value as the form submits it: one string, a list of them for a field\n   * holding several, as a checkbox group does, or `undefined` for a field\n   * that submits nothing.\n   */\n  readonly submitted: FormValues[string] | undefined\n  readonly validate: ((value: T) => ValidationResult) | undefined\n  readonly value: T\n}\n\n/** What a failed native submission moves focus to: a field's control. */\ntype Focusable = {\n  readonly focus: () => void\n}\n\n/** What a field tells the form it is in, as of its last render. */\ntype FormEntry = {\n  /** Whether the field holds a native submission back. */\n  readonly blocks: boolean\n  /** Moves focus to the field's control. */\n  readonly focus: () => void\n  /** Shows the field's own error, once a submission it held back is tried. */\n  readonly show: () => void\n  /** The names and values the field submits: none, one, or a range's two. */\n  readonly submits: readonly (readonly [string, FormValues[string]])[]\n}\n\ntype FormRegistry = {\n  readonly entries: () => readonly FormEntry[]\n  readonly remove: (id: string) => void\n  readonly set: (id: string, entry: FormEntry) => void\n}\n\ntype FormState = {\n  readonly registry: FormRegistry\n  readonly requestSubmit: () => void\n  readonly validationBehavior: FormValidationBehavior\n  readonly validationErrors: ValidationErrors\n}\n\n/**\n * `aria` shows a field's error as soon as the field says so, and lets the\n * form submit regardless. `native` holds the form back while a field in it is\n * required and empty, or rejected by its `validate`, and shows that field's\n * error once a submission is tried.\n */\ntype FormValidationBehavior = 'aria' | 'native'\n\n/**\n * The values a form submits by each field's `name`: a string, or a list of\n * them for a field holding several, as a checkbox group does.\n */\ntype FormValues = Readonly<Record<string, readonly string[] | string>>\n\n/** A field's problem in words: one message, or several read as one line. */\ntype ValidationError = readonly string[] | string\n\n/** Errors keyed by each field's `name`, such as a server's answer. */\ntype ValidationErrors = Readonly<Record<string, ValidationError>>\n\n/**\n * What a field's `validate` returns for a value: its problem in words, or\n * `true`, `null` or `undefined` where there is none, as on web.\n */\ntype ValidationResult = null | true | undefined | ValidationError\n\n/**\n * What a field outside a form, and a form told nothing, validates by. The\n * library shows its own message under a field, so an error shows as the\n * field reports it rather than once a submission is tried.\n */\nconst FIELD_VALIDATION_BEHAVIOR: FormValidationBehavior = 'aria'\n\n/** The error a required field left empty shows under `native`. */\nconst REQUIRED_ERROR = 'Fill out this field.'\n\nconst NO_ERRORS: ValidationErrors = {}\n\nconst NO_MESSAGES: readonly string[] = []\n\n// What a field with no second name submits beside its first: nothing.\nconst NO_SUBMISSION = [undefined, undefined] as const\n\nconst NO_SUBMISSIONS: FormEntry['submits'] = []\n\nconst FormContext = createContext<FormState | null>(null)\n\n/**\n * The fields a form holds, in the order they registered. A field that is\n * already in it keeps its place as it reports again, so the order is the one\n * they mounted in.\n */\nfunction createRegistry(): FormRegistry {\n  const fields = new Map<string, FormEntry>()\n\n  return {\n    entries: () => [...fields.values()],\n    remove: (id) => {\n      fields.delete(id)\n    },\n    set: (id, entry) => {\n      fields.set(id, entry)\n    },\n  }\n}\n\n// Focuses a field's control, through the ref the field holds it in.\nfunction focusOf(control: RefObject<Focusable | null>) {\n  return () => {\n    control.current?.focus()\n  }\n}\n\n// One line of a field's messages, or nothing where there are none.\nfunction lineOf(messages: readonly string[]): string | undefined {\n  return messages.length === 0 ? undefined : messages.join(' ')\n}\n\n// A validation result as the messages it holds.\nfunction messagesOf(result: ValidationResult): readonly string[] {\n  if (typeof result === 'string') {\n    return result === '' ? NO_MESSAGES : [result]\n  }\n\n  return result === null || result === undefined || result === true\n    ? NO_MESSAGES\n    : result\n}\n\n/**\n * Submits a form: under `native`, holds it back while any field blocks,\n * showing each blocking field's error and focusing the first, and otherwise\n * hands `onSubmit` every named field's value.\n */\nfunction submitOf(\n  registry: FormRegistry,\n  validationBehavior: FormValidationBehavior,\n  onSubmit: ((values: FormValues) => void) | undefined,\n) {\n  return () => {\n    const entries = registry.entries()\n\n    if (validationBehavior === 'native') {\n      const blocking = entries.filter((entry) => entry.blocks)\n      const first = blocking.at(0)\n\n      if (first !== undefined) {\n        for (const entry of blocking) {\n          entry.show()\n        }\n        first.focus()\n        return\n      }\n    }\n\n    onSubmit?.(Object.fromEntries(entries.flatMap((entry) => entry.submits)))\n  }\n}\n\n/**\n * A field's validation, as React Aria's is on web, and its place in the form\n * around it. It hands back the error the field shows, and two handlers the\n * field calls: `onEdit` as its value is edited, and `onBlur` as its control\n * loses focus.\n *\n * The error is the field's own `error` where it has one. Otherwise it is the\n * server's, from the form's `validationErrors` under the field's `name`,\n * until the field is edited; a new `validationErrors` from the form shows it\n * again. Otherwise, under `aria`, it is what `validate` says about the value\n * as it changes.\n *\n * Under `native` that last one, or the required field's own error when it is\n * empty, is shown late and taken back early, as on web: once a submission it\n * holds back is tried, or once the control loses focus after an edit, and no\n * longer once the value is right, so a field shows nothing new in the middle\n * of being typed in. A disabled or read-only field holds nothing back, and a\n * disabled one submits nothing, as a browser bars both from validation and\n * leaves a disabled input out of what a form submits.\n */\nfunction useFieldValidation<T>({\n  alongside,\n  control,\n  error,\n  isDisabled,\n  isEmpty,\n  isReadOnly,\n  isRequired,\n  name,\n  submitted,\n  validate,\n  value,\n}: FieldValidationOptions<T>) {\n  const form = use(FormContext)\n  const id = useId()\n  const behavior = form?.validationBehavior ?? FIELD_VALIDATION_BEHAVIOR\n  const serverErrors = form?.validationErrors ?? NO_ERRORS\n  const registry = form?.registry\n  // The errors object the field was edited under. Its server error stays\n  // cleared until the form is handed a new one.\n  const [clearedFrom, setClearedFrom] = useState<null | ValidationErrors>(null)\n  const [showing, setShowing] = useState(false)\n  // Whether the value has been edited since the control last lost focus,\n  // which is when a browser fires `change`, and so when React Aria commits.\n  const edited = useRef(false)\n  const native = behavior === 'native'\n  const barred = isDisabled || isReadOnly\n  const submissions = [[name, submitted], alongside ?? NO_SUBMISSION] as const\n  const server =\n    clearedFrom === serverErrors\n      ? NO_MESSAGES\n      : submissions.flatMap(([each]) =>\n          each === undefined ? NO_MESSAGES : messagesOf(serverErrors[each]),\n        )\n  const client =\n    validate === undefined ? NO_MESSAGES : messagesOf(validate(value))\n  const own =\n    client.length > 0\n      ? client\n      : native && isRequired && isEmpty && !barred\n        ? [REQUIRED_ERROR]\n        : NO_MESSAGES\n\n  // Taken back as soon as the value is right, however it got there.\n  if (showing && own.length === 0) {\n    setShowing(false)\n  }\n\n  const shown = native ? (showing ? own : NO_MESSAGES) : client\n  const entry: FormEntry = {\n    blocks:\n      !barred && (error !== undefined || server.length > 0 || own.length > 0),\n    focus: focusOf(control),\n    show: () => {\n      setShowing(true)\n    },\n    submits: isDisabled\n      ? NO_SUBMISSIONS\n      : submissions.flatMap(([each, sent]) =>\n          each === undefined || sent === undefined ? [] : [[each, sent]],\n        ),\n  }\n\n  // Reported after every render, so the form reads what the field shows.\n  useEffect(() => {\n    registry?.set(id, entry)\n  })\n\n  useEffect(\n    () => () => {\n      registry?.remove(id)\n    },\n    [id, registry],\n  )\n\n  return {\n    error: error ?? lineOf(server) ?? lineOf(shown),\n    onBlur: () => {\n      if (edited.current) {\n        edited.current = false\n        setClearedFrom(serverErrors)\n        setShowing(native)\n      }\n    },\n    onEdit: () => {\n      edited.current = true\n      setClearedFrom(serverErrors)\n    },\n  }\n}\n\n/** Whether the field is inside a form, which keeps its message line drawn. */\nfunction useInsideForm() {\n  return use(FormContext) !== null\n}\n\nexport {\n  createRegistry,\n  FIELD_VALIDATION_BEHAVIOR,\n  FormContext,\n  submitOf,\n  useFieldValidation,\n  useInsideForm,\n}\nexport type {\n  Focusable,\n  FormValidationBehavior,\n  FormValues,\n  ValidationError,\n  ValidationErrors,\n  ValidationResult,\n}\n"],"mappings":"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"}

package/dist/glyphs/index.js

@@ -6,6 +6,43 @@ import { I18nManager, StyleSheet } from "react-native";
 import { jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
 //#region 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" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			mirrored: true,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+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" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
 function ArrowDropDownGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -24,6 +61,42 @@ function ArrowDropDownGlyph(props) {
 	} else t1 = $[2];
 	return t1;
 }
+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" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+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" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
 function CheckGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -42,6 +115,24 @@ function CheckGlyph(props) {
 	} else t1 = $[2];
 	return t1;
 }
+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" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
 function ChevronEndGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -61,6 +152,24 @@ function ChevronEndGlyph(props) {
 	} else t1 = $[2];
 	return t1;
 }
+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" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
 function CloseGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -122,6 +231,24 @@ function Glyph(t0) {
 	} else t4 = $[8];
 	return t4;
 }
+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" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
 function MinusGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -196,6 +323,6 @@ function SearchGlyph(props) {
 	return t1;
 }
 //#endregion
-export { ArrowDropDownGlyph, CheckGlyph, ChevronEndGlyph, CloseGlyph, IndeterminateGlyph, MinusGlyph, PersonGlyph, PlusGlyph, SearchGlyph };
+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.\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":";;;;;;;;AAsDA,SAAAyB,mBAAAR,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAGMF,KAAA,oBAAC,MAAD,EAAQ,GAAA,iBAAgB,CAAA;EAAGF,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EAD7BM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACTG,UAAAA;EADI,CAAA;EAEEF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFRK;AAEQ;AAqBZ,SAAAK,WAAAX,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAGMF,KAAA,oBAAC,MAAD,EAAQ,GAAA,oDAAmD,CAAA;EAAGF,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADhEM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACTG,UAAAA;EADI,CAAA;EAEEF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFRK;AAEQ;AAeZ,SAAAO,gBAAAb,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAGMF,KAAA,oBAAC,MAAD,EAAQ,GAAA,iDAAgD,CAAA;EAAGF,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EAD7DM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GAAO,UAAA;GAChBG,UAAAA;EADI,CAAA;EAEEF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFRK;AAEQ;AAcZ,SAAAS,WAAAf,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAGMF,KAAA,oBAAC,MAAD,EAAQ,GAAA,wGAAuG,CAAA;EAAGF,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADpHM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACTG,UAAAA;EADI,CAAA;EAEEF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFRK;AAEQ;;;;;;;;AAWZ,SAAAU,MAAAb,IAAA;CAAA,MAAAF,IAAAC,EAAA,CAAA;CAAe,MAAA,EAAAe,UAAAtB,OAAAuB,UAAAZ,IAAAV,MAAAC,OAAAC,WAAAK;CAGb,MAAAe,WAAAZ,OAAAa,KAAAA,IAAA,QAAAb;CAKA,MAAAc,OAAa5B,aAAa;CAC1B,MAAA6B,OAAazB,QAAQwB,KAAIxB;CAId,MAAA0B,KAAA3B,SAASyB,KAAIzB;CAAM,IAAA4B;CAAA,IAAAtB,EAAA,OAAAiB,YAAAjB,EAAA,OAAAJ,OAAA;EAGnB0B,KAAAnC,WAAUoC,QACfN,YAAY/B,YAAWsC,QAAShC,YAAWyB,WAA3CC,KAAAA,GACAtB,KACF;EAACI,EAAA,KAAAiB;EAAAjB,EAAA,KAAAJ;EAAAI,EAAA,KAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,OAAAgB,YAAAhB,EAAA,OAAAoB,QAAApB,EAAA,OAAAqB,MAAArB,EAAA,OAAAsB,MAAAtB,EAAA,OAAAH,QAAA;EARH4B,KAAA,oBAAC,KAAD;GAAI,GACEnC;GACG,OAAA+B;GACF,MAAA;GACGD,QAAAA;GACD,OAAAE;GAICzB;GACA,SAAA;GACDuB,OAAAA;GAENJ;EAbC,CAAA;EAcEhB,EAAA,KAAAgB;EAAAhB,EAAA,KAAAoB;EAAApB,EAAA,KAAAqB;EAAArB,EAAA,KAAAsB;EAAAtB,EAAA,KAAAH;EAAAG,EAAA,KAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,OAdNyB;AAcM;AAgBV,SAAAE,WAAA5B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAGMF,KAAA,oBAAC,MAAD,EAAQ,GAAA,oBAAmB,CAAA;EAAGF,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADhCM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACTG,UAAAA;EADI,CAAA;EAEEF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFRK;AAEQ;AAIZ,MAAMuB,qBAAqBD;AAI3B,SAAAE,YAAA9B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAGMF,KAAA,oBAAC,MAAD,EAAQ,GAAA,gHAA+G,CAAA;EAAGF,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EAD5HM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACTG,UAAAA;EADI,CAAA;EAEEF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFRK;AAEQ;AAIZ,SAAAyB,UAAA/B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAGMF,KAAA,oBAAC,MAAD,EAAQ,GAAA,sCAAqC,CAAA;EAAGF,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADlDM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACTG,UAAAA;EADI,CAAA;EAEEF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFRK;AAEQ;AAIZ,SAAA0B,YAAAhC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAGMF,KAAA,oBAAC,MAAD,EAAQ,GAAA,6MAA4M,CAAA;EAAGF,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADzNM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACTG,UAAAA;EADI,CAAA;EAEEF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFRK;AAEQ"}
+{"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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"}

package/dist/i18n/index.js

@@ -5,6 +5,14 @@ import { MESSAGES } from "./messages.js";
 const TABLE = new Map(Object.entries(MESSAGES));
 const cache = /* @__PURE__ */ new Map();
 /**
+* A column's width as its resize handle reads it, "120 pixels" in English,
+* in `locale` or the device's, with the width in the locale's digits.
+*/
+function columnSizeFor(value, locale) {
+	const resolved = localeOf(locale);
+	return messagesFor(resolved).table.columnSize.replace("{value}", formatCount(value, resolved));
+}
+/**
 * A field's character limit in words, in `locale` or the device's, for a
 * screen reader: the limit in the locale's digits, in the plural form its
 * rules give it.
@@ -14,6 +22,16 @@ function limitFor(count, locale) {
 	const forms = messagesFor(resolved).characterLimit;
 	return (forms[pluralOf(resolved, count)] ?? forms.other).replace("{count}", formatCount(count, resolved));
 }
+/**
+* Several values written as one list in the locale's words, "First item and
+* Second item" in English, as a field holding several chosen options shows
+* them. Hermes may lack `Intl.ListFormat`, and a comma between them is the
+* list there.
+*/
+function listFor(values, locale) {
+	if (typeof Intl.ListFormat === "function") return new Intl.ListFormat(localeOf(locale), { type: "conjunction" }).format(values);
+	return values.join(", ");
+}
 function lookUp(locale) {
 	const tag = locale.split("-u-")[0];
 	const language = tag.split("-")[0];
@@ -43,7 +61,24 @@ function resultsFor(count, locale) {
 	if (count === 0) return messages.noResults;
 	return (pluralOf(resolved, count) === "one" ? messages.results.one : messages.results.other).replace("{count}", new Intl.NumberFormat(resolved).format(count));
 }
+/**
+* What a carousel's item is called, "2 of 6" in English, in `locale` or the
+* device's: its place and how many items there are, both in the locale's
+* digits, as web's carousel writes them.
+*/
+function slideLabelFor(index, count, locale) {
+	const resolved = localeOf(locale);
+	return messagesFor(resolved).slideLabel.replace("{index}", formatCount(index, resolved)).replace("{count}", formatCount(count, resolved));
+}
+/**
+* What a table says once its rows are sorted, "sorted by column Label in
+* ascending order" in English, in `locale` or the device's.
+*/
+function sortedFor(direction, columnName, locale) {
+	const { table } = messagesFor(locale);
+	return (direction === "ascending" ? table.ascendingSort : table.descendingSort).replace("{columnName}", columnName);
+}
 //#endregion
-export { limitFor, messagesFor, resultsFor };
+export { columnSizeFor, limitFor, listFor, messagesFor, resultsFor, slideLabelFor, sortedFor };
 
 //# sourceMappingURL=index.js.map