@proyecto-viviana/solidaria 0.3.0 → 0.4.1

package/dist/_chunk/gridlist.jsx

@@ -0,0 +1,369 @@
+import { i as mergeProps$1 } from "./env.jsx";
+import { S as scrollIntoViewport } from "./utils.jsx";
+import { o as getInteractionModality } from "./createInteractionModality.jsx";
+import { createId as createId$1, createSlotId } from "../ssr/index.jsx";
+import { t as createLabels } from "./createLabels.jsx";
+import { n as createSelectableItem } from "./createSelectableItem.jsx";
+import { t as mergeCollectionRowInteractionProps } from "./createCollectionRowInteraction.jsx";
+import { createEffect, createMemo } from "solid-js";
+import { createId } from "@proyecto-viviana/solid-stately";
+//#region src/gridlist/createGridList.ts
+/**
+* createGridList - Provides accessibility for a grid list.
+* Based on @react-aria/gridlist/useGridList.
+*/
+/**
+* WeakMap to store grid list data for child components to access.
+*/
+const gridListDataMap = /* @__PURE__ */ new WeakMap();
+/**
+* Gets the grid list data for a given state.
+*/
+function getGridListData(state) {
+	return gridListDataMap.get(state);
+}
+/**
+* Whether a key should be skipped during keyboard navigation. Disabled keys only
+* block navigation under `disabledBehavior: "all"` (the default); under
+* `"selection"` they remain focusable (selection is still blocked elsewhere).
+* Mirrors `ListKeyboardDelegate.isDisabled` in React Aria.
+*/
+function isNavigationDisabled(state, key) {
+	return state.isDisabled(key) && state.disabledBehavior === "all";
+}
+/**
+* Walks from `startKey` via `step` until reaching a navigable (not
+* navigation-disabled) key, mirroring React Aria's
+* `ListKeyboardDelegate.findNextNonDisabled`. The next/previous lookups and the
+* `getFirstKey`/`getLastKey` boundaries all funnel through this so arrow keys,
+* Home and End land on enabled rows only.
+*/
+function findNextNavigableKey(state, startKey, step) {
+	let key = startKey;
+	while (key != null && isNavigationDisabled(state, key)) key = step(key);
+	return key;
+}
+/**
+* Creates accessibility props for a grid list.
+*/
+function createGridList(props, state, ref) {
+	const gridListId = props().id ?? createId();
+	const gridListData = {
+		gridListId,
+		get selectionBehavior() {
+			return props().selectionBehavior ?? "replace";
+		},
+		get shouldSelectOnPressUp() {
+			return props().shouldSelectOnPressUp ?? false;
+		},
+		get keyboardNavigationBehavior() {
+			return props().keyboardNavigationBehavior ?? "arrow";
+		},
+		get direction() {
+			return props().direction ?? "ltr";
+		},
+		actions: { get onAction() {
+			return props().onAction;
+		} }
+	};
+	gridListDataMap.set(state(), gridListData);
+	const onKeyDown = (e) => {
+		const s = state();
+		const p = props();
+		const collection = s.collection;
+		const focusedKey = s.focusedKey;
+		if (p.isDisabled) return;
+		switch (e.key) {
+			case "ArrowDown": {
+				e.preventDefault();
+				const nextKey = focusedKey != null ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) => collection.getKeyAfter(k)) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
+				if (nextKey != null) s.setFocusedKey(nextKey);
+				break;
+			}
+			case "ArrowUp": {
+				e.preventDefault();
+				const prevKey = focusedKey != null ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) => collection.getKeyBefore(k)) : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));
+				if (prevKey != null) s.setFocusedKey(prevKey);
+				break;
+			}
+			case "ArrowRight":
+			case "ArrowLeft": {
+				const behavior = p.keyboardNavigationBehavior ?? "arrow";
+				if (p.orientation !== "horizontal" || behavior !== "tab") break;
+				e.preventDefault();
+				const isRtl = p.direction === "rtl";
+				const step = (e.key === "ArrowRight" ? !isRtl : isRtl) ? (k) => collection.getKeyAfter(k) : (k) => collection.getKeyBefore(k);
+				const nextKey = focusedKey != null ? findNextNavigableKey(s, step(focusedKey), step) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
+				if (nextKey != null) s.setFocusedKey(nextKey);
+				break;
+			}
+			case "Home": {
+				e.preventDefault();
+				const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
+				if (firstKey != null) s.setFocusedKey(firstKey);
+				break;
+			}
+			case "End": {
+				e.preventDefault();
+				const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));
+				if (lastKey != null) s.setFocusedKey(lastKey);
+				break;
+			}
+			case "a":
+			case "A":
+				if ((e.ctrlKey || e.metaKey) && s.selectionMode === "multiple") {
+					e.preventDefault();
+					s.selectAll();
+				}
+				break;
+			case "Escape":
+				if (s.selectionMode !== "none") {
+					e.preventDefault();
+					s.clearSelection();
+				}
+				break;
+		}
+	};
+	const onFocus = (e) => {
+		const s = state();
+		const p = props();
+		s.setFocused(true);
+		const container = e.currentTarget;
+		if (container && !container.contains(e.target)) return;
+		if (s.focusedKey != null || p.isDisabled) return;
+		const collection = s.collection;
+		const relatedTarget = e.relatedTarget;
+		const enterKey = relatedTarget && container && container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING ? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k)) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
+		if (enterKey != null) s.setFocusedKey(enterKey);
+	};
+	const onBlur = () => {
+		state().setFocused(false);
+	};
+	createEffect(() => {
+		const key = state().focusedKey;
+		const el = ref();
+		if (!el || key == null) return;
+		const active = document.activeElement;
+		if (!active || active !== el && !el.contains(active)) return;
+		const target = el.querySelector(`[data-key="${key}"]`);
+		if (target && target !== active) {
+			target.focus();
+			if (getInteractionModality() !== "pointer") scrollIntoViewport(target, { containingElement: el });
+		}
+	});
+	const gridProps = createMemo(() => {
+		const p = props();
+		const s = state();
+		const baseProps = {
+			role: "grid",
+			id: gridListId,
+			"aria-label": p["aria-label"],
+			"aria-labelledby": p["aria-labelledby"],
+			"aria-describedby": p["aria-describedby"],
+			"aria-multiselectable": s.selectionMode === "multiple" ? true : void 0,
+			"aria-disabled": p.isDisabled || void 0,
+			tabIndex: p.isDisabled ? void 0 : s.focusedKey != null ? -1 : 0,
+			onKeyDown,
+			onFocus,
+			onBlur
+		};
+		if (p.isVirtualized) baseProps["aria-rowcount"] = s.collection.rowCount;
+		return baseProps;
+	});
+	return { get gridProps() {
+		return gridProps();
+	} };
+}
+//#endregion
+//#region src/gridlist/createGridListItem.ts
+/**
+* createGridListItem - Provides accessibility for a grid list item.
+* Based on @react-aria/gridlist/useGridListItem.
+*/
+/**
+* Creates accessibility props for a grid list item.
+*/
+function createGridListItem(props, state, ref) {
+	const isSelected = createMemo(() => {
+		const s = state();
+		const p = props();
+		return s.isSelected(p.node.key);
+	});
+	const selectableItem = createSelectableItem(() => {
+		const s = state();
+		const p = props();
+		const gridListData = getGridListData(s);
+		const onAction = gridListData?.actions.onAction;
+		return {
+			key: p.node.key,
+			id: `${gridListData?.gridListId ?? "gridlist"}-row-${String(p.node.key)}`,
+			isVirtualized: p.isVirtualized,
+			shouldSelectOnPressUp: gridListData?.shouldSelectOnPressUp ?? false,
+			onAction: onAction || p.onAction ? () => {
+				p.onAction?.();
+				onAction?.(p.node.key);
+			} : void 0
+		};
+	}, {
+		collection: () => state().collection,
+		isFocused: () => state().isFocused,
+		setFocused: (focused) => state().setFocused(focused),
+		focusedKey: () => state().focusedKey,
+		childFocusStrategy: () => state().childFocusStrategy,
+		setFocusedKey: (key, strategy) => state().setFocusedKey(key, strategy),
+		selectionMode: () => state().selectionMode,
+		selectionBehavior: () => props().selectionBehavior ?? state().selectionBehavior,
+		disallowEmptySelection: () => state().disallowEmptySelection,
+		selectedKeys: () => state().selectedKeys,
+		disabledKeys: () => state().disabledKeys,
+		disabledBehavior: () => state().disabledBehavior,
+		isEmpty: () => {
+			const keys = state().selectedKeys;
+			return keys !== "all" && keys.size === 0;
+		},
+		isSelectAll: () => state().selectedKeys === "all",
+		isSelected: (key) => state().isSelected(key),
+		isDisabled: (key) => {
+			const s = state();
+			const item = s.collection.getItem(key);
+			return s.disabledBehavior === "all" && s.isDisabled(key) && item?.props?.disabledBehavior !== "selection";
+		},
+		canSelectItem: (key) => {
+			const s = state();
+			return s.selectionMode !== "none" && !s.isDisabled(key);
+		},
+		setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),
+		toggleSelection: (key) => state().toggleSelection(key),
+		replaceSelection: (key) => state().replaceSelection(key),
+		setSelectedKeys: (keys) => state().setSelectedKeys(keys),
+		selectAll: () => state().selectAll(),
+		clearSelection: () => state().clearSelection(),
+		toggleSelectAll: () => state().toggleSelectAll(),
+		extendSelection: (toKey, _collection) => state().extendSelection(toKey)
+	}, ref);
+	const rowProps = createMemo(() => {
+		const s = state();
+		const p = props();
+		const node = p.node;
+		const baseProps = {
+			role: "row",
+			"aria-selected": s.selectionMode !== "none" ? isSelected() : void 0,
+			"aria-disabled": selectableItem.isDisabled() || void 0
+		};
+		if (p.isVirtualized && node.rowIndex != null) baseProps["aria-rowindex"] = node.rowIndex + 1;
+		const gridListData = getGridListData(s);
+		return mergeCollectionRowInteractionProps(mergeProps$1(selectableItem.itemProps, baseProps), {
+			ref,
+			keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? "arrow",
+			direction: () => gridListData?.direction ?? "ltr"
+		});
+	});
+	const gridCellProps = createMemo(() => {
+		return { role: "gridcell" };
+	});
+	return {
+		get rowProps() {
+			return rowProps();
+		},
+		get gridCellProps() {
+			return gridCellProps();
+		},
+		get isSelected() {
+			return isSelected();
+		},
+		get isDisabled() {
+			return selectableItem.isDisabled();
+		},
+		get isPressed() {
+			return selectableItem.isPressed();
+		}
+	};
+}
+//#endregion
+//#region src/gridlist/createGridListSelectionCheckbox.ts
+/**
+* createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.
+* Based on @react-aria/gridlist.
+*/
+/**
+* Creates accessibility props for a grid list item selection checkbox.
+*/
+function createGridListSelectionCheckbox(props, state) {
+	const checkboxId = createId();
+	const isSelected = createMemo(() => {
+		const s = state();
+		const p = props();
+		return s.isSelected(p.key);
+	});
+	const isDisabled = createMemo(() => {
+		const s = state();
+		const p = props();
+		return s.isDisabled(p.key);
+	});
+	const onChange = () => {
+		const s = state();
+		const p = props();
+		if (!isDisabled()) s.toggleSelection(p.key);
+	};
+	const checkboxProps = createMemo(() => {
+		return {
+			id: checkboxId,
+			type: "checkbox",
+			checked: isSelected(),
+			disabled: isDisabled(),
+			onChange,
+			"aria-label": "Select"
+		};
+	});
+	return { get checkboxProps() {
+		return checkboxProps();
+	} };
+}
+//#endregion
+//#region src/gridlist/createGridListSection.ts
+/**
+* createGridListSection - Provides accessibility for a grid list section.
+* Based on @react-aria/gridlist/useGridListSection.
+*/
+/**
+* Creates accessibility props for a grid list section.
+*
+* Mirrors upstream `useGridListSection`: a section is a `role="rowgroup"`
+* wrapper whose optional header renders as `role="row"` › `role="rowheader"`.
+* The `aria-labelledby` of the wrapper points at the header's id via a slot id
+* that resolves to `undefined` when no header is rendered.
+*/
+function createGridListSection(props) {
+	const headingId = createSlotId();
+	const rowGroupId = createId$1();
+	const labelProps = createMemo(() => createLabels({
+		id: rowGroupId,
+		"aria-label": props["aria-label"],
+		"aria-labelledby": headingId()
+	}));
+	return {
+		rowProps: { role: "row" },
+		rowHeaderProps: {
+			get id() {
+				return headingId();
+			},
+			role: "rowheader"
+		},
+		rowGroupProps: {
+			role: "rowgroup",
+			get id() {
+				return labelProps().id;
+			},
+			get "aria-label"() {
+				return labelProps()["aria-label"];
+			},
+			get "aria-labelledby"() {
+				return labelProps()["aria-labelledby"];
+			}
+		}
+	};
+}
+//#endregion
+export { getGridListData as a, createGridList as i, createGridListSelectionCheckbox as n, createGridListItem as r, createGridListSection as t };
+
+//# sourceMappingURL=gridlist.jsx.map

package/dist/_chunk/gridlist.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridlist.jsx","names":["mergeProps","createId"],"sources":["../../src/gridlist/createGridList.ts","../../src/gridlist/createGridListItem.ts","../../src/gridlist/createGridListSelectionCheckbox.ts","../../src/gridlist/createGridListSection.ts"],"sourcesContent":["/**\n * createGridList - Provides accessibility for a grid list.\n * Based on @react-aria/gridlist/useGridList.\n */\n\nimport { createMemo, createEffect, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection, Key } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListProps, GridListAria } from \"./types\";\nimport { scrollIntoViewport } from \"../utils\";\nimport { getInteractionModality } from \"../interactions/createInteractionModality\";\n\n/**\n * Metadata stored for a grid list instance.\n */\ninterface GridListData {\n  /** The generated ID for the grid list. */\n  gridListId: string;\n  /** How selection should behave when pressing an item. */\n  selectionBehavior: \"replace\" | \"toggle\";\n  /** Whether row selection should occur on press up. */\n  shouldSelectOnPressUp: boolean;\n  /** How keyboard navigation behaves within row children. */\n  keyboardNavigationBehavior: \"arrow\" | \"tab\";\n  /** Text direction for row-child arrow navigation. */\n  direction: \"ltr\" | \"rtl\";\n  /** Actions registered for the grid list. */\n  actions: {\n    onAction?: (key: Key) => void;\n  };\n}\n\n/**\n * WeakMap to store grid list data for child components to access.\n */\nconst gridListDataMap = new WeakMap<object, GridListData>();\n\n/**\n * Gets the grid list data for a given state.\n */\nexport function getGridListData<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n): GridListData | undefined {\n  return gridListDataMap.get(state);\n}\n\n/**\n * Whether a key should be skipped during keyboard navigation. Disabled keys only\n * block navigation under `disabledBehavior: \"all\"` (the default); under\n * `\"selection\"` they remain focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria.\n */\nfunction isNavigationDisabled<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  key: Key,\n): boolean {\n  return state.isDisabled(key) && state.disabledBehavior === \"all\";\n}\n\n/**\n * Walks from `startKey` via `step` until reaching a navigable (not\n * navigation-disabled) key, mirroring React Aria's\n * `ListKeyboardDelegate.findNextNonDisabled`. The next/previous lookups and the\n * `getFirstKey`/`getLastKey` boundaries all funnel through this so arrow keys,\n * Home and End land on enabled rows only.\n */\nfunction findNextNavigableKey<T extends object, C extends GridCollection<T>>(\n  state: GridState<T, C>,\n  startKey: Key | null,\n  step: (key: Key) => Key | null,\n): Key | null {\n  let key = startKey;\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = step(key);\n  }\n  return key;\n}\n\n/**\n * Creates accessibility props for a grid list.\n */\nexport function createGridList<T extends object, C extends GridCollection<T> = GridCollection<T>>(\n  props: Accessor<AriaGridListProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListAria {\n  // Generate a unique ID for the grid list\n  const gridListId = props().id ?? createId();\n\n  // Store grid list data for child components\n  const gridListData: GridListData = {\n    gridListId,\n    get selectionBehavior() {\n      return props().selectionBehavior ?? \"replace\";\n    },\n    get shouldSelectOnPressUp() {\n      return props().shouldSelectOnPressUp ?? false;\n    },\n    get keyboardNavigationBehavior() {\n      return props().keyboardNavigationBehavior ?? \"arrow\";\n    },\n    get direction() {\n      return props().direction ?? \"ltr\";\n    },\n    actions: {\n      get onAction() {\n        return props().onAction;\n      },\n    },\n  };\n\n  // Store in WeakMap using the state as key\n  gridListDataMap.set(state(), gridListData);\n\n  // Handle keyboard navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n    const collection = s.collection;\n    const focusedKey = s.focusedKey;\n\n    if (p.isDisabled) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyAfter(focusedKey), (k) =>\n                collection.getKeyAfter(k),\n              )\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        const prevKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, collection.getKeyBefore(focusedKey), (k) =>\n                collection.getKeyBefore(k),\n              )\n            : findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k));\n        if (prevKey != null) {\n          s.setFocusedKey(prevKey);\n        }\n        break;\n      }\n      case \"ArrowRight\":\n      case \"ArrowLeft\": {\n        // The inline axis (Left/Right) belongs to the ROW under the default\n        // \"arrow\" navigation behavior: createGridListItem's onKeyDownCapture\n        // intercepts Left/Right for intra-row focus movement (a no-op for\n        // text-only rows), exactly as useGridListItem does upstream, so the\n        // container must NOT step between rows here. Only under \"tab\" navigation\n        // does the row stop intercepting and the event reach the collection —\n        // mirroring how useSelectableCollection handles Left/Right via\n        // ListKeyboardDelegate. Even then it strips getKeyLeftOf/getKeyRightOf\n        // for a vertical stack, so this stays a no-op unless the stack is\n        // horizontal, where Right=next / Left=prev in LTR, flipped under RTL.\n        // (In Solid the row's capture-phase stopPropagation does not reliably\n        // prevent the container's delegated onKeyDown, so this gate — not the\n        // row's stopPropagation — is what keeps the axes from double-firing.)\n        const behavior = p.keyboardNavigationBehavior ?? \"arrow\";\n        if (p.orientation !== \"horizontal\" || behavior !== \"tab\") break;\n        e.preventDefault();\n        const isRtl = p.direction === \"rtl\";\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const step = forward\n          ? (k: Key) => collection.getKeyAfter(k)\n          : (k: Key) => collection.getKeyBefore(k);\n        const nextKey =\n          focusedKey != null\n            ? findNextNavigableKey(s, step(focusedKey), step)\n            : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n        if (nextKey != null) {\n          s.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const firstKey = findNextNavigableKey(s, collection.getFirstKey(), (k) =>\n          collection.getKeyAfter(k),\n        );\n        if (firstKey != null) {\n          s.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const lastKey = findNextNavigableKey(s, collection.getLastKey(), (k) =>\n          collection.getKeyBefore(k),\n        );\n        if (lastKey != null) {\n          s.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \"a\":\n      case \"A\": {\n        if ((e.ctrlKey || e.metaKey) && s.selectionMode === \"multiple\") {\n          e.preventDefault();\n          s.selectAll();\n        }\n        break;\n      }\n      // Space (toggle selection) and Enter (onAction) are intentionally absent\n      // here. Upstream's useSelectableCollection has no Space/Enter case — the\n      // focused item owns both, via useSelectableItem. We follow browser focus\n      // onto the focused row (the effect below), so the row's own handlers in\n      // createGridListItem fire. Handling them here too would double-toggle a\n      // focused row, because Solid delegates keydown and bubbles the row event\n      // up to this grid handler.\n      case \"Escape\": {\n        if (s.selectionMode !== \"none\") {\n          e.preventDefault();\n          s.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  // Focus marshalling — the grid container is a trampoline. Its roving tabIndex\n  // is 0 only while `focusedKey == null` (see gridProps below), so a Tab that\n  // reaches a standalone grid lands on the container itself; move the focused key\n  // onto the first/last row and the post-commit effect below pulls REAL DOM focus\n  // there while the container rolls to tabIndex -1. This mirrors\n  // useSelectableCollection's `onFocus` — the same direction-aware trampoline the\n  // standalone ListBox uses (createListBox.ts) — and is why a standalone grid\n  // announces the active row through real focus, never `aria-activedescendant`.\n  const onFocus: JSX.EventHandler<HTMLElement, FocusEvent> = (e) => {\n    const s = state();\n    const p = props();\n    s.setFocused(true);\n\n    // onFocus is non-bubbling in Solid, so this fires only when the container\n    // itself receives focus; ignore anything that bubbled from a descendant.\n    // (`currentTarget` is null only in synthetic unit-test FocusEvents — treat\n    // those as a direct container focus.)\n    const container = e.currentTarget as HTMLElement | null;\n    if (container && !container.contains(e.target as Node)) return;\n    // Only marshal when no row is focused yet.\n    if (s.focusedKey != null || p.isDisabled) return;\n\n    const collection = s.collection;\n    const relatedTarget = e.relatedTarget as Element | null;\n    // Detect tab direction: focus arriving from an element that FOLLOWS the grid\n    // in document order means the user shift-tabbed backward into it, so enter at\n    // the LAST row; otherwise (forward Tab, or programmatic) enter at the FIRST.\n    const enterKey =\n      relatedTarget &&\n      container &&\n      container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING\n        ? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k))\n        : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));\n    if (enterKey != null) {\n      s.setFocusedKey(enterKey);\n    }\n  };\n\n  const onBlur = () => {\n    const s = state();\n    s.setFocused(false);\n  };\n\n  // Mirror React Aria's useSelectableCollection: once the roving tabindex for the\n  // focused key has been committed to the DOM, move browser focus onto that row\n  // from a post-commit effect, looking it up by its stable data-key rather than by\n  // transient tabindex. Selection and activation live on the row\n  // (createGridListItem) to match upstream, so keyboard nav has to carry focus\n  // there for the row's Space/Enter handlers to act on.\n  createEffect(() => {\n    const s = state();\n    const key = s.focusedKey;\n    const el = ref();\n    if (!el || key == null) {\n      return;\n    }\n\n    // Only manage focus while it already lives inside the grid — i.e. the user is\n    // navigating with the keyboard. Gate on the physical position of browser focus\n    // rather than the grid's logical isFocused signal: focus can land directly on a\n    // row (a pointer click) without ever firing the grid's own focus handler, and\n    // the contains() check keeps us from yanking focus back from elsewhere on the\n    // page when the focused key changes from a background interaction.\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) {\n      return;\n    }\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${key}\"]`);\n    if (target && target !== active) {\n      target.focus();\n\n      // Reveal the newly focused row when navigating with the keyboard, mirroring\n      // useSelectableCollection. Pointer-driven focus changes should not shift the\n      // scroll position under the user's finger.\n      if (getInteractionModality() !== \"pointer\") {\n        scrollIntoViewport(target, { containingElement: el });\n      }\n    }\n  });\n\n  const gridProps = createMemo(() => {\n    const p = props();\n    const s = state();\n\n    const baseProps: Record<string, unknown> = {\n      role: \"grid\",\n      id: gridListId,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"],\n      \"aria-describedby\": p[\"aria-describedby\"],\n      \"aria-multiselectable\": s.selectionMode === \"multiple\" ? true : undefined,\n      \"aria-disabled\": p.isDisabled || undefined,\n      // Roving container tabIndex mirrors useSelectableCollection: the container\n      // is tabbable (0) only while nothing is focused, then rolls to -1 once a row\n      // takes focus so Tab exits the grid. A standalone grid drives AT through\n      // real row focus, so it never needs (nor emits) aria-activedescendant.\n      tabIndex: p.isDisabled ? undefined : s.focusedKey != null ? -1 : 0,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n\n    // Add row count for virtualized lists\n    if (p.isVirtualized) {\n      baseProps[\"aria-rowcount\"] = s.collection.rowCount;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLElement>;\n  });\n\n  return {\n    get gridProps() {\n      return gridProps();\n    },\n  };\n}\n","/**\n * createGridListItem - Provides accessibility for a grid list item.\n * Based on @react-aria/gridlist/useGridListItem.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type {\n  Collection,\n  GridState,\n  GridCollection,\n  Key,\n  Selection,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListItemProps, GridListItemAria } from \"./types\";\nimport { getGridListData } from \"./createGridList\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport { mergeCollectionRowInteractionProps } from \"../selection/createCollectionRowInteraction\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\n/**\n * Creates accessibility props for a grid list item.\n */\nexport function createGridListItem<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListItemProps>,\n  state: Accessor<GridState<T, C>>,\n  ref: Accessor<HTMLElement | null>,\n): GridListItemAria {\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.node.key);\n  });\n\n  const selectableState: SelectableItemState<T> = {\n    collection: () => state().collection as unknown as Collection<T>,\n    isFocused: () => state().isFocused,\n    setFocused: (focused: boolean) => state().setFocused(focused),\n    focusedKey: () => state().focusedKey,\n    childFocusStrategy: () => state().childFocusStrategy,\n    setFocusedKey: (key: Key | null, strategy) => state().setFocusedKey(key, strategy),\n    selectionMode: () => state().selectionMode,\n    selectionBehavior: () => props().selectionBehavior ?? state().selectionBehavior,\n    disallowEmptySelection: () => state().disallowEmptySelection,\n    selectedKeys: () => state().selectedKeys as Selection,\n    disabledKeys: () => state().disabledKeys,\n    disabledBehavior: () => state().disabledBehavior,\n    isEmpty: () => {\n      const keys = state().selectedKeys;\n      return keys !== \"all\" && keys.size === 0;\n    },\n    isSelectAll: () => state().selectedKeys === \"all\",\n    isSelected: (key: Key) => state().isSelected(key),\n    isDisabled: (key: Key) => {\n      const s = state();\n      const item = s.collection.getItem(key);\n      return (\n        s.disabledBehavior === \"all\" &&\n        s.isDisabled(key) &&\n        item?.props?.disabledBehavior !== \"selection\"\n      );\n    },\n    canSelectItem: (key: Key) => {\n      const s = state();\n      return s.selectionMode !== \"none\" && !s.isDisabled(key);\n    },\n    setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),\n    toggleSelection: (key: Key) => state().toggleSelection(key),\n    replaceSelection: (key: Key) => state().replaceSelection(key),\n    setSelectedKeys: (keys: Iterable<Key>) => state().setSelectedKeys(keys),\n    selectAll: () => state().selectAll(),\n    clearSelection: () => state().clearSelection(),\n    toggleSelectAll: () => state().toggleSelectAll(),\n    extendSelection: (toKey: Key, _collection: Collection<T>) => state().extendSelection(toKey),\n  };\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const s = state();\n      const p = props();\n      const gridListData = getGridListData(s);\n      const onAction = gridListData?.actions.onAction;\n\n      return {\n        key: p.node.key,\n        id: `${gridListData?.gridListId ?? \"gridlist\"}-row-${String(p.node.key)}`,\n        isVirtualized: p.isVirtualized,\n        shouldSelectOnPressUp: gridListData?.shouldSelectOnPressUp ?? false,\n        onAction:\n          onAction || p.onAction\n            ? () => {\n                p.onAction?.();\n                onAction?.(p.node.key);\n              }\n            : undefined,\n      };\n    },\n    selectableState,\n    ref,\n  );\n\n  const rowProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n      \"aria-selected\": s.selectionMode !== \"none\" ? isSelected() : undefined,\n      \"aria-disabled\": selectableItem.isDisabled() || undefined,\n    };\n\n    // Add aria-rowindex for virtualized lists\n    if (p.isVirtualized && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    const gridListData = getGridListData(s);\n    const mergedProps = mergeProps<JSX.HTMLAttributes<HTMLElement>>(\n      selectableItem.itemProps,\n      baseProps,\n    );\n\n    return mergeCollectionRowInteractionProps(mergedProps, {\n      ref,\n      keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? \"arrow\",\n      direction: () => gridListData?.direction ?? \"ltr\",\n    });\n  });\n\n  const gridCellProps = createMemo(() => {\n    return {\n      role: \"gridcell\",\n    } as JSX.HTMLAttributes<HTMLDivElement>;\n  });\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n    get gridCellProps() {\n      return gridCellProps();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n  };\n}\n","/**\n * createGridListSelectionCheckbox - Provides accessibility for a grid list item selection checkbox.\n * Based on @react-aria/gridlist.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { GridState, GridCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaGridListSelectionCheckboxProps, GridListSelectionCheckboxAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list item selection checkbox.\n */\nexport function createGridListSelectionCheckbox<\n  T extends object,\n  C extends GridCollection<T> = GridCollection<T>,\n>(\n  props: Accessor<AriaGridListSelectionCheckboxProps>,\n  state: Accessor<GridState<T, C>>,\n): GridListSelectionCheckboxAria {\n  const checkboxId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.key);\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isDisabled(p.key);\n  });\n\n  const onChange = () => {\n    const s = state();\n    const p = props();\n    if (!isDisabled()) {\n      s.toggleSelection(p.key);\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const baseProps: Record<string, unknown> = {\n      id: checkboxId,\n      type: \"checkbox\",\n      checked: isSelected(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": \"Select\",\n    };\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n  };\n}\n","/**\n * createGridListSection - Provides accessibility for a grid list section.\n * Based on @react-aria/gridlist/useGridListSection.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createId, createSlotId } from \"../ssr\";\nimport { createLabels } from \"../label/createLabels\";\nimport type { AriaGridListSectionProps, GridListSectionAria } from \"./types\";\n\n/**\n * Creates accessibility props for a grid list section.\n *\n * Mirrors upstream `useGridListSection`: a section is a `role=\"rowgroup\"`\n * wrapper whose optional header renders as `role=\"row\"` › `role=\"rowheader\"`.\n * The `aria-labelledby` of the wrapper points at the header's id via a slot id\n * that resolves to `undefined` when no header is rendered.\n */\nexport function createGridListSection(props: AriaGridListSectionProps): GridListSectionAria {\n  const headingId = createSlotId();\n  // Stable id for the rowgroup so `createLabels` does not regenerate one each\n  // time the slot id resolves (it short-circuits on a provided id).\n  const rowGroupId = createId();\n\n  const labelProps = createMemo(() =>\n    createLabels({\n      id: rowGroupId,\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": headingId(),\n    }),\n  );\n\n  return {\n    rowProps: { role: \"row\" },\n    rowHeaderProps: {\n      get id() {\n        return headingId();\n      },\n      role: \"rowheader\",\n    },\n    rowGroupProps: {\n      role: \"rowgroup\",\n      get id() {\n        return labelProps().id;\n      },\n      get \"aria-label\"() {\n        return labelProps()[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return labelProps()[\"aria-labelledby\"];\n      },\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/i18n.js

@@ -0,0 +1,199 @@
+import { a as createCacheKey, i as useLocale } from "./locale.js";
+import { t as createCollator } from "./createCollator.js";
+import { createMemo } from "solid-js";
+import { NumberFormatter, NumberFormatter as NumberFormatter$1 } from "@internationalized/number";
+//#region src/i18n/createNumberFormatter.ts
+/**
+* createNumberFormatter hook for solidaria
+*
+* Provides localized number formatting with automatic locale updates.
+*
+* Port of @react-aria/i18n useNumberFormatter.
+*/
+/**
+* Provides localized number formatting for the current locale.
+* Automatically updates when the locale changes.
+*
+* @example
+* ```tsx
+* function PriceDisplay(props: { value: number }) {
+*   const formatter = createNumberFormatter({
+*     style: 'currency',
+*     currency: 'USD',
+*   });
+*
+*   return <span>{formatter().format(props.value)}</span>;
+* }
+* ```
+*
+* @example
+* ```tsx
+* // Percent formatting
+* const percentFormatter = createNumberFormatter({
+*   style: 'percent',
+*   minimumFractionDigits: 1,
+* });
+* percentFormatter().format(0.125); // '12.5%'
+*
+* // Unit formatting
+* const tempFormatter = createNumberFormatter({
+*   style: 'unit',
+*   unit: 'celsius',
+* });
+* tempFormatter().format(25); // '25°C'
+* ```
+*/
+function createNumberFormatter(options = {}) {
+	const locale = useLocale();
+	return createMemo(() => new NumberFormatter(locale().locale, options));
+}
+//#endregion
+//#region src/i18n/createDateFormatter.ts
+/**
+* createDateFormatter hook for solidaria
+*
+* Provides localized date formatting with caching.
+*
+* Port of @react-aria/i18n useDateFormatter.
+*/
+const dateFormatterCache = /* @__PURE__ */ new Map();
+/**
+* Gets or creates a cached date formatter.
+*/
+function getCachedDateFormatter(locale, options) {
+	const cacheKey = createCacheKey(locale, options);
+	if (dateFormatterCache.has(cacheKey)) return dateFormatterCache.get(cacheKey);
+	const formatter = new Intl.DateTimeFormat(locale, options);
+	dateFormatterCache.set(cacheKey, formatter);
+	return formatter;
+}
+/**
+* Provides localized date and time formatting for the current locale.
+* Automatically updates when the locale changes.
+*
+* @example
+* ```tsx
+* function DateDisplay(props: { date: Date }) {
+*   const formatter = createDateFormatter({
+*     year: 'numeric',
+*     month: 'long',
+*     day: 'numeric',
+*   });
+*
+*   return <span>{formatter().format(props.date)}</span>;
+* }
+* ```
+*
+* @example
+* ```tsx
+* // Short date
+* const shortDate = createDateFormatter({ dateStyle: 'short' });
+* shortDate().format(new Date()); // '1/19/26' (US) or '19/01/26' (UK)
+*
+* // Full date with time
+* const fullDateTime = createDateFormatter({
+*   dateStyle: 'full',
+*   timeStyle: 'short',
+* });
+*
+* // Time only
+* const timeFormatter = createDateFormatter({
+*   hour: 'numeric',
+*   minute: '2-digit',
+* });
+* ```
+*/
+function createDateFormatter(options) {
+	const locale = useLocale();
+	return createMemo(() => getCachedDateFormatter(locale().locale, options));
+}
+//#endregion
+//#region src/i18n/createFilter.ts
+/**
+* createFilter hook for solidaria
+*
+* Provides localized string filtering with collation support.
+*
+* Port of @react-aria/i18n useFilter.
+*/
+/**
+* Provides localized string search functionality for filtering or matching items.
+* Respects locale-specific collation rules for case and diacritic sensitivity.
+*
+* @example
+* ```tsx
+* function SearchableList(props: { items: { name: string }[] }) {
+*   const [query, setQuery] = createSignal('');
+*   const filter = createFilter({ sensitivity: 'base' });
+*
+*   const filteredItems = () =>
+*     props.items.filter((item) =>
+*       filter().contains(item.name, query())
+*     );
+*
+*   return (
+*     <>
+*       <input
+*         value={query()}
+*         onInput={(e) => setQuery(e.target.value)}
+*         placeholder="Search..."
+*       />
+*       <ul>
+*         <For each={filteredItems()}>
+*           {(item) => <li>{item.name}</li>}
+*         </For>
+*       </ul>
+*     </>
+*   );
+* }
+* ```
+*
+* @example
+* ```tsx
+* // Case-insensitive, diacritic-insensitive filtering
+* const filter = createFilter({ sensitivity: 'base' });
+* filter().contains('Café', 'cafe'); // true
+* filter().startsWith('Hello', 'hello'); // true
+* ```
+*/
+function createFilter(options) {
+	const collator = createCollator({
+		usage: "search",
+		...options
+	});
+	return createMemo(() => {
+		const coll = collator();
+		const startsWith = (str, substring) => {
+			if (substring.length === 0) return true;
+			const normalizedStr = str.normalize("NFC");
+			const normalizedSub = substring.normalize("NFC");
+			return coll.compare(normalizedStr.slice(0, normalizedSub.length), normalizedSub) === 0;
+		};
+		const endsWith = (str, substring) => {
+			if (substring.length === 0) return true;
+			const normalizedStr = str.normalize("NFC");
+			const normalizedSub = substring.normalize("NFC");
+			return coll.compare(normalizedStr.slice(-normalizedSub.length), normalizedSub) === 0;
+		};
+		const contains = (str, substring) => {
+			if (substring.length === 0) return true;
+			const normalizedStr = str.normalize("NFC");
+			const normalizedSub = substring.normalize("NFC");
+			const sliceLen = normalizedSub.length;
+			for (let scan = 0; scan + sliceLen <= normalizedStr.length; scan++) {
+				const slice = normalizedStr.slice(scan, scan + sliceLen);
+				if (coll.compare(normalizedSub, slice) === 0) return true;
+			}
+			return false;
+		};
+		return {
+			startsWith,
+			endsWith,
+			contains
+		};
+	});
+}
+//#endregion
+export { createNumberFormatter as i, createFilter as n, createDateFormatter as r, NumberFormatter$1 as t };
+
+//# sourceMappingURL=i18n.js.map

package/dist/_chunk/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":[],"sources":["../../src/i18n/createNumberFormatter.ts","../../src/i18n/createDateFormatter.ts","../../src/i18n/createFilter.ts"],"sourcesContent":["/**\n * createNumberFormatter hook for solidaria\n *\n * Provides localized number formatting with automatic locale updates.\n *\n * Port of @react-aria/i18n useNumberFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { NumberFormatter, type NumberFormatOptions } from \"@internationalized/number\";\n\n/**\n * Provides localized number formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function PriceDisplay(props: { value: number }) {\n *   const formatter = createNumberFormatter({\n *     style: 'currency',\n *     currency: 'USD',\n *   });\n *\n *   return <span>{formatter().format(props.value)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Percent formatting\n * const percentFormatter = createNumberFormatter({\n *   style: 'percent',\n *   minimumFractionDigits: 1,\n * });\n * percentFormatter().format(0.125); // '12.5%'\n *\n * // Unit formatting\n * const tempFormatter = createNumberFormatter({\n *   style: 'unit',\n *   unit: 'celsius',\n * });\n * tempFormatter().format(25); // '25°C'\n * ```\n */\nexport function createNumberFormatter(options: NumberFormatOptions = {}): () => NumberFormatter {\n  const locale = useLocale();\n\n  return createMemo(() => new NumberFormatter(locale().locale, options));\n}\n","/**\n * createDateFormatter hook for solidaria\n *\n * Provides localized date formatting with caching.\n *\n * Port of @react-aria/i18n useDateFormatter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { createCacheKey } from \"./utils\";\n\nconst dateFormatterCache = new Map<string, Intl.DateTimeFormat>();\n\n/**\n * Gets or creates a cached date formatter.\n */\nfunction getCachedDateFormatter(\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);\n\n  if (dateFormatterCache.has(cacheKey)) {\n    return dateFormatterCache.get(cacheKey)!;\n  }\n\n  const formatter = new Intl.DateTimeFormat(locale, options);\n  dateFormatterCache.set(cacheKey, formatter);\n  return formatter;\n}\n\n/**\n * Provides localized date and time formatting for the current locale.\n * Automatically updates when the locale changes.\n *\n * @example\n * ```tsx\n * function DateDisplay(props: { date: Date }) {\n *   const formatter = createDateFormatter({\n *     year: 'numeric',\n *     month: 'long',\n *     day: 'numeric',\n *   });\n *\n *   return <span>{formatter().format(props.date)}</span>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Short date\n * const shortDate = createDateFormatter({ dateStyle: 'short' });\n * shortDate().format(new Date()); // '1/19/26' (US) or '19/01/26' (UK)\n *\n * // Full date with time\n * const fullDateTime = createDateFormatter({\n *   dateStyle: 'full',\n *   timeStyle: 'short',\n * });\n *\n * // Time only\n * const timeFormatter = createDateFormatter({\n *   hour: 'numeric',\n *   minute: '2-digit',\n * });\n * ```\n */\nexport function createDateFormatter(\n  options?: Intl.DateTimeFormatOptions,\n): () => Intl.DateTimeFormat {\n  const locale = useLocale();\n\n  return createMemo(() => getCachedDateFormatter(locale().locale, options));\n}\n","/**\n * createFilter hook for solidaria\n *\n * Provides localized string filtering with collation support.\n *\n * Port of @react-aria/i18n useFilter.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { createCollator } from \"./createCollator\";\n\nexport interface Filter {\n  /** Returns whether a string starts with a given substring. */\n  startsWith(string: string, substring: string): boolean;\n  /** Returns whether a string ends with a given substring. */\n  endsWith(string: string, substring: string): boolean;\n  /** Returns whether a string contains a given substring. */\n  contains(string: string, substring: string): boolean;\n}\n\n/**\n * Provides localized string search functionality for filtering or matching items.\n * Respects locale-specific collation rules for case and diacritic sensitivity.\n *\n * @example\n * ```tsx\n * function SearchableList(props: { items: { name: string }[] }) {\n *   const [query, setQuery] = createSignal('');\n *   const filter = createFilter({ sensitivity: 'base' });\n *\n *   const filteredItems = () =>\n *     props.items.filter((item) =>\n *       filter().contains(item.name, query())\n *     );\n *\n *   return (\n *     <>\n *       <input\n *         value={query()}\n *         onInput={(e) => setQuery(e.target.value)}\n *         placeholder=\"Search...\"\n *       />\n *       <ul>\n *         <For each={filteredItems()}>\n *           {(item) => <li>{item.name}</li>}\n *         </For>\n *       </ul>\n *     </>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Case-insensitive, diacritic-insensitive filtering\n * const filter = createFilter({ sensitivity: 'base' });\n * filter().contains('Café', 'cafe'); // true\n * filter().startsWith('Hello', 'hello'); // true\n * ```\n */\nexport function createFilter(options?: Intl.CollatorOptions): () => Filter {\n  const collator = createCollator({\n    usage: \"search\",\n    ...options,\n  });\n\n  return createMemo(() => {\n    const coll = collator();\n\n    const startsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      // Normalize both strings for safe slicing\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(0, normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const endsWith = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n\n      return coll.compare(normalizedStr.slice(-normalizedSub.length), normalizedSub) === 0;\n    };\n\n    const contains = (str: string, substring: string): boolean => {\n      if (substring.length === 0) {\n        return true;\n      }\n\n      const normalizedStr = str.normalize(\"NFC\");\n      const normalizedSub = substring.normalize(\"NFC\");\n      const sliceLen = normalizedSub.length;\n\n      for (let scan = 0; scan + sliceLen <= normalizedStr.length; scan++) {\n        const slice = normalizedStr.slice(scan, scan + sliceLen);\n        if (coll.compare(normalizedSub, slice) === 0) {\n          return true;\n        }\n      }\n\n      return false;\n    };\n\n    return {\n      startsWith,\n      endsWith,\n      contains,\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,sBAAsB,UAA+B,CAAC,GAA0B;CAC9F,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,IAAI,gBAAgB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AACvE;;;;;;;;;;ACrCA,MAAM,qCAAqB,IAAI,IAAiC;;;;AAKhE,SAAS,uBACP,QACA,SACqB;CACrB,MAAM,WAAW,eAAe,QAAQ,OAAkC;CAE1E,IAAI,mBAAmB,IAAI,QAAQ,GACjC,OAAO,mBAAmB,IAAI,QAAQ;CAGxC,MAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,OAAO;CACzD,mBAAmB,IAAI,UAAU,SAAS;CAC1C,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,oBACd,SAC2B;CAC3B,MAAM,SAAS,UAAU;CAEzB,OAAO,iBAAiB,uBAAuB,OAAO,CAAC,CAAC,QAAQ,OAAO,CAAC;AAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA,SAAgB,aAAa,SAA8C;CACzE,MAAM,WAAW,eAAe;EAC9B,OAAO;EACP,GAAG;CACL,CAAC;CAED,OAAO,iBAAiB;EACtB,MAAM,OAAO,SAAS;EAEtB,MAAM,cAAc,KAAa,cAA+B;GAC9D,IAAI,UAAU,WAAW,GACvB,OAAO;GAIT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,GAAG,cAAc,MAAM,GAAG,aAAa,MAAM;EACvF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAE/C,OAAO,KAAK,QAAQ,cAAc,MAAM,CAAC,cAAc,MAAM,GAAG,aAAa,MAAM;EACrF;EAEA,MAAM,YAAY,KAAa,cAA+B;GAC5D,IAAI,UAAU,WAAW,GACvB,OAAO;GAGT,MAAM,gBAAgB,IAAI,UAAU,KAAK;GACzC,MAAM,gBAAgB,UAAU,UAAU,KAAK;GAC/C,MAAM,WAAW,cAAc;GAE/B,KAAK,IAAI,OAAO,GAAG,OAAO,YAAY,cAAc,QAAQ,QAAQ;IAClE,MAAM,QAAQ,cAAc,MAAM,MAAM,OAAO,QAAQ;IACvD,IAAI,KAAK,QAAQ,eAAe,KAAK,MAAM,GACzC,OAAO;GAEX;GAEA,OAAO;EACT;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,CAAC;AACH"}