@proyecto-viviana/solidaria 0.3.0 → 0.4.1

package/dist/_chunk/createSelectableItem.jsx

@@ -0,0 +1,302 @@
+import { t as createPress } from "./createPress.jsx";
+import { i as mergeProps$1 } from "./env.jsx";
+import { t as access } from "./reactivity.jsx";
+import { c as isCtrlKeyPressed, w as isAppleDevice } from "./utils.jsx";
+import { a as getEventTarget, b as openLink, s as getOwnerDocument, t as focusSafely } from "./focus.jsx";
+import { r as createLongPress } from "./interactions.jsx";
+import { createId } from "../ssr/index.jsx";
+import { n as createDragSession } from "./DragManager.jsx";
+import { createEffect, createUniqueId } from "solid-js";
+//#region src/selection/utils.ts
+/**
+* Resolves the DOM element rendered for a collection item by its key, scoped to
+* the owning collection when a `data-collection` id is present. Mirrors
+* `@react-aria/selection`'s `getItemElement`, adapted to take a Solid ref
+* accessor instead of a React ref object.
+*/
+function getItemElement(ref, key) {
+	const root = ref();
+	if (!root) return null;
+	let selector = `[data-key="${CSS.escape(String(key))}"]`;
+	const collectionId = root.dataset.collection;
+	if (collectionId) selector = `[data-collection="${CSS.escape(collectionId)}"]${selector}`;
+	return root.querySelector(selector);
+}
+/**
+* A stable, SSR-safe id for a collection, shared between the collection
+* container and its items so {@link getItemElement} can scope a query by
+* `data-collection` (needed to disambiguate nested collections).
+*
+* Divergence from upstream: React's `useCollectionId` keys this WeakMap by the
+* collection object and relies on a render-stable `useId`. A Solid collection is
+* rebuilt with a new identity whenever its items change, so we key by the
+* SelectionManager instance instead — it is created once and never replaced, so
+* the container and its items always resolve to the same entry — and generate
+* the id with our SSR-safe `createId`.
+*/
+const collectionIdMap = /* @__PURE__ */ new WeakMap();
+/**
+* Registers (on first call) and returns the collection id for a SelectionManager.
+* The collection container calls this; its items read the same id via
+* {@link getCollectionId}. Must be called within a reactive owner (uses createId).
+*/
+function registerCollectionId(manager) {
+	let id = collectionIdMap.get(manager);
+	if (id == null) {
+		id = createId();
+		collectionIdMap.set(manager, id);
+	}
+	return id;
+}
+/**
+* Returns the collection id registered for a SelectionManager, or `undefined`
+* when its container has not registered one (e.g. an item not yet wired into a
+* `createSelectableCollection`). A Solid `undefined` attribute is omitted, so an
+* unregistered item simply renders no `data-collection`.
+*/
+function getCollectionId(manager) {
+	return collectionIdMap.get(manager);
+}
+/**
+* Returns whether the modifier for non-contiguous (toggle) keyboard selection
+* is pressed. Mirrors `@react-aria/selection`'s `isNonContiguousSelectionModifier`:
+* Ctrl + Arrow Up/Down has a system-wide meaning on macOS, so Apple devices use
+* Alt instead; Windows and Ubuntu use Ctrl.
+*/
+function isNonContiguousSelectionModifier(e) {
+	return isAppleDevice() ? e.altKey === true : e.ctrlKey === true;
+}
+//#endregion
+//#region src/selection/selectItem.ts
+/**
+* Resolve a press/keyboard interaction into a selection mutation on `manager`,
+* faithful to `useSelectableItem.onSelect`. `collection` is required for the
+* shift-extend (contiguous range) path.
+*/
+function selectItem(manager, key, e, collection) {
+	if (e.pointerType === "keyboard" && isNonContiguousSelectionModifier(e)) {
+		manager.toggleSelection(key);
+		return;
+	}
+	if (manager.selectionMode() === "none") return;
+	if (manager.selectionMode() === "single") if (manager.isSelected(key) && !manager.disallowEmptySelection()) manager.toggleSelection(key);
+	else manager.replaceSelection(key);
+	else if (e.shiftKey) manager.extendSelection(key, collection);
+	else if (manager.selectionBehavior() === "toggle" || isCtrlKeyPressed(e) || e.pointerType === "touch" || e.pointerType === "virtual") manager.toggleSelection(key);
+	else manager.replaceSelection(key);
+}
+//#endregion
+//#region src/selection/createSelectableItem.ts
+/**
+* createSelectableItem - handles interactions with an item in a selectable
+* collection. Port of `@react-aria/selection`'s `useSelectableItem`.
+*
+* This encapsulates the full press-path action model: the
+* selection-vs-action decision per pointer type, the press-up-vs-press timing
+* (menus select on press up, rows on press down), the keyboard Space/Enter
+* split, double-click secondary actions, and long-press-to-toggle. The
+* selection decision itself is delegated to the aria-layer {@link selectItem}
+* (Phase 0), which is also where the platform-aware modifier resolution lives.
+*
+* Documented adaptations from upstream (React → Solid / our thinner state):
+* - **Link model is prop-threaded.** Our collection nodes don't expose
+*   `manager.isLink`/`manager.getItemProps`, so link items pass `isLink` /
+*   `href` / `routerOptions` via options and navigation goes through
+*   {@link openLink} (we have no `RouterProvider` context).
+* - **Selection manager shape is structural.** ListState passes its
+*   SelectionManager; grid-like states pass an adapter with the same observable
+*   surface. `canSelectItem` is read from that surface when available so
+*   `disabledBehavior: 'selection'` keeps actions enabled while selection stays
+*   blocked.
+* - **Virtual focus** guards real DOM focus and updates the focused key on
+*   press; we have no `moveVirtualFocus`, so no AT cursor move is dispatched.
+* - **`onDragStart`** is bubble phase (upstream uses capture to beat `useDrag`);
+*   wired to capture when drag-and-drop integration lands.
+* - **`getItemProps` press-handler chaining** (collection-provided press
+*   handlers) is omitted — our nodes don't carry them.
+*/
+/**
+* DOM event dispatched when an item action is performed. Mirrors upstream's
+* `react-aria-item-action`; combobox/autocomplete listen for it to close on
+* action. Exported so emitter and listener share one constant.
+*/
+const ITEM_ACTION_EVENT = "solidaria:item-action";
+const isActionKey = (key) => key === "Enter";
+const isSelectionKey = (key) => key === " ";
+/**
+* Provides the behavior and accessibility implementation for an item in a
+* selectable collection.
+*/
+function createSelectableItem(options, manager, ref) {
+	const getOptions = () => access(options);
+	const generatedId = createUniqueId();
+	const key = () => getOptions().key;
+	const id = () => getOptions().id ?? generatedId;
+	const linkBehavior = () => getOptions().linkBehavior ?? "action";
+	const shouldUseVirtualFocus = () => getOptions().shouldUseVirtualFocus ?? false;
+	const allowsDifferentPressOrigin = () => getOptions().allowsDifferentPressOrigin ?? false;
+	const shouldSelectOnPressUp = () => getOptions().shouldSelectOnPressUp ?? false;
+	const isLink = () => getOptions().isLink ?? !!getOptions().href;
+	const collection = () => manager.collection();
+	const isDisabled = () => getOptions().isDisabled === true || manager.isDisabled(key());
+	const canSelectItem = () => {
+		const k = key();
+		return manager.canSelectItem?.(k) ?? manager.selectionManager?.canSelectItem?.(k) ?? (manager.selectionMode() !== "none" && !manager.isDisabled(k));
+	};
+	const isLinkOverride = () => isLink() && linkBehavior() === "override";
+	const isActionOverride = () => getOptions().onAction != null && getOptions().UNSTABLE_itemBehavior === "action";
+	const hasLinkAction = () => isLink() && linkBehavior() !== "selection" && linkBehavior() !== "none";
+	const allowsSelection = () => !isDisabled() && canSelectItem() && !isLinkOverride() && !isActionOverride();
+	const allowsActions = () => (getOptions().onAction != null || hasLinkAction()) && !isDisabled();
+	const hasPrimaryAction = () => allowsActions() && (manager.selectionBehavior() === "replace" ? !allowsSelection() : !allowsSelection() || manager.isEmpty());
+	const hasSecondaryAction = () => allowsActions() && allowsSelection() && manager.selectionBehavior() === "replace";
+	const hasAction = () => hasPrimaryAction() || hasSecondaryAction();
+	const longPressEnabled = () => hasAction() && allowsSelection();
+	let modality = null;
+	let longPressEnabledOnPressStart = false;
+	let hadPrimaryActionOnPressStart = false;
+	const isSelected = () => manager.selectionMode() !== "none" && manager.isSelected(key());
+	const isFocused = () => manager.isFocused() && manager.focusedKey() === key();
+	const onSelect = (e) => {
+		const k = key();
+		if (e.pointerType === "keyboard" && isNonContiguousSelectionModifier(e)) {
+			manager.toggleSelection(k);
+			return;
+		}
+		if (manager.selectionMode() === "none") return;
+		if (isLink()) {
+			if (linkBehavior() === "selection") {
+				const el = ref();
+				if (el instanceof HTMLAnchorElement) openLink(el, e);
+				const sel = manager.selectedKeys();
+				if (sel !== "all") manager.setSelectedKeys(sel);
+				return;
+			} else if (linkBehavior() === "override" || linkBehavior() === "none") return;
+		}
+		selectItem(manager, k, e, collection());
+	};
+	const performAction = (e) => {
+		const o = getOptions();
+		if (o.onAction) {
+			o.onAction(e);
+			ref()?.dispatchEvent(new CustomEvent(ITEM_ACTION_EVENT, { bubbles: true }));
+		}
+		if (hasLinkAction()) {
+			const el = ref();
+			if (el instanceof HTMLAnchorElement) openLink(el, e);
+		}
+	};
+	const dragSession = createDragSession();
+	createEffect(() => {
+		if (dragSession()) return;
+		if (key() !== manager.focusedKey() || !manager.isFocused()) return;
+		const o = getOptions();
+		if (!shouldUseVirtualFocus()) if (o.focus) o.focus();
+		else {
+			const el = ref();
+			if (el && getOwnerDocument(el).activeElement !== el) focusSafely(el);
+		}
+	});
+	const { pressProps, isPressed } = createPress({
+		get isDisabled() {
+			return !(allowsSelection() || hasPrimaryAction() || shouldUseVirtualFocus() && !isDisabled());
+		},
+		get preventFocusOnPress() {
+			return shouldUseVirtualFocus();
+		},
+		onPressStart(e) {
+			modality = e.pointerType;
+			longPressEnabledOnPressStart = longPressEnabled();
+			if (shouldSelectOnPressUp()) {
+				if (e.pointerType === "keyboard" && (!hasAction() || isSelectionKey(e.key))) onSelect(e);
+			} else {
+				hadPrimaryActionOnPressStart = hasPrimaryAction();
+				if (allowsSelection() && (e.pointerType === "mouse" && !hasPrimaryAction() || e.pointerType === "keyboard" && (!allowsActions() || isSelectionKey(e.key)))) onSelect(e);
+			}
+			if (shouldUseVirtualFocus() && e.pointerType !== "touch") {
+				manager.setFocused(true);
+				manager.setFocusedKey(key());
+			}
+		},
+		onPressUp(e) {
+			if (shouldSelectOnPressUp() && allowsDifferentPressOrigin() && !hasPrimaryAction() && e.pointerType === "mouse" && allowsSelection()) onSelect(e);
+		},
+		onPress(e) {
+			if (shouldSelectOnPressUp()) {
+				if (!allowsDifferentPressOrigin()) {
+					if (hasPrimaryAction() || hasSecondaryAction() && e.pointerType !== "mouse") {
+						if (e.pointerType === "keyboard" && !isActionKey(e.key)) return;
+						performAction(e);
+					} else if (e.pointerType !== "keyboard" && allowsSelection()) onSelect(e);
+				} else if (hasPrimaryAction()) performAction(e);
+				else if (e.pointerType !== "keyboard" && e.pointerType !== "mouse" && allowsSelection()) onSelect(e);
+			} else if (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual" || e.pointerType === "keyboard" && hasAction() && isActionKey(e.key) || e.pointerType === "mouse" && hadPrimaryActionOnPressStart) {
+				if (hasAction()) performAction(e);
+				else if (allowsSelection()) onSelect(e);
+			}
+			if (shouldUseVirtualFocus() && e.pointerType === "touch") {
+				manager.setFocused(true);
+				manager.setFocusedKey(key());
+			}
+		}
+	});
+	const { longPressProps } = createLongPress({
+		get isDisabled() {
+			return !longPressEnabled();
+		},
+		onLongPress(e) {
+			if (e.pointerType === "touch") {
+				onSelect(e);
+				manager.setSelectionBehavior("toggle");
+			}
+		}
+	});
+	const onDblClick = (e) => {
+		if (!hasSecondaryAction()) return;
+		if (modality === "mouse") {
+			e.stopPropagation();
+			e.preventDefault();
+			performAction(e);
+		}
+	};
+	const onDragStart = (e) => {
+		if (modality === "touch" && longPressEnabledOnPressStart) e.preventDefault();
+	};
+	const onClick = (e) => {
+		if (linkBehavior() !== "none" && isLink()) {
+			if (!openLink.isOpening) e.preventDefault();
+		}
+	};
+	return {
+		get itemProps() {
+			const k = key();
+			const disabled = isDisabled();
+			const baseProps = {
+				"data-key": String(k),
+				"data-collection": getCollectionId(manager.selectionManager ?? manager)
+			};
+			if (!shouldUseVirtualFocus() && !disabled) {
+				baseProps.tabIndex = k === manager.focusedKey() ? 0 : -1;
+				baseProps.onFocus = (e) => {
+					if (getEventTarget(e) === ref()) manager.setFocusedKey(k);
+				};
+			} else if (disabled) baseProps.onMouseDown = (e) => e.preventDefault();
+			return mergeProps$1(baseProps, allowsSelection() || hasPrimaryAction() || shouldUseVirtualFocus() && !disabled ? pressProps : {}, longPressEnabled() ? longPressProps : {}, {
+				onDblClick,
+				onDragStart,
+				onClick,
+				id: id()
+			}, shouldUseVirtualFocus() ? { onMouseDown: (e) => e.preventDefault() } : {});
+		},
+		isPressed,
+		isSelected,
+		isFocused,
+		isDisabled,
+		allowsSelection,
+		hasAction
+	};
+}
+//#endregion
+export { isNonContiguousSelectionModifier as a, getItemElement as i, createSelectableItem as n, registerCollectionId as o, selectItem as r, ITEM_ACTION_EVENT as t };
+
+//# sourceMappingURL=createSelectableItem.jsx.map

package/dist/_chunk/createSelectableItem.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectableItem.jsx","names":["mergeProps"],"sources":["../../src/selection/utils.ts","../../src/selection/selectItem.ts","../../src/selection/createSelectableItem.ts"],"sourcesContent":["/**\n * Selection helpers shared across collection item hooks.\n * Based on @react-aria/selection's utilities.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { isAppleDevice } from \"../utils/platform\";\nimport { createId } from \"../ssr\";\n\n/**\n * Resolves the DOM element rendered for a collection item by its key, scoped to\n * the owning collection when a `data-collection` id is present. Mirrors\n * `@react-aria/selection`'s `getItemElement`, adapted to take a Solid ref\n * accessor instead of a React ref object.\n */\nexport function getItemElement(ref: Accessor<HTMLElement | null>, key: Key): HTMLElement | null {\n  const root = ref();\n  if (!root) {\n    return null;\n  }\n  let selector = `[data-key=\"${CSS.escape(String(key))}\"]`;\n  const collectionId = root.dataset.collection;\n  if (collectionId) {\n    selector = `[data-collection=\"${CSS.escape(collectionId)}\"]${selector}`;\n  }\n  return root.querySelector<HTMLElement>(selector);\n}\n\n/**\n * A stable, SSR-safe id for a collection, shared between the collection\n * container and its items so {@link getItemElement} can scope a query by\n * `data-collection` (needed to disambiguate nested collections).\n *\n * Divergence from upstream: React's `useCollectionId` keys this WeakMap by the\n * collection object and relies on a render-stable `useId`. A Solid collection is\n * rebuilt with a new identity whenever its items change, so we key by the\n * SelectionManager instance instead — it is created once and never replaced, so\n * the container and its items always resolve to the same entry — and generate\n * the id with our SSR-safe `createId`.\n */\nconst collectionIdMap = new WeakMap<object, string>();\n\n/**\n * Registers (on first call) and returns the collection id for a SelectionManager.\n * The collection container calls this; its items read the same id via\n * {@link getCollectionId}. Must be called within a reactive owner (uses createId).\n */\nexport function registerCollectionId(manager: object): string {\n  let id = collectionIdMap.get(manager);\n  if (id == null) {\n    id = createId();\n    collectionIdMap.set(manager, id);\n  }\n  return id;\n}\n\n/**\n * Returns the collection id registered for a SelectionManager, or `undefined`\n * when its container has not registered one (e.g. an item not yet wired into a\n * `createSelectableCollection`). A Solid `undefined` attribute is omitted, so an\n * unregistered item simply renders no `data-collection`.\n */\nexport function getCollectionId(manager: object): string | undefined {\n  return collectionIdMap.get(manager);\n}\n\n/** The modifier-key fields consulted by {@link isNonContiguousSelectionModifier}. */\ninterface ModifierKeyEvent {\n  altKey?: boolean;\n  ctrlKey?: boolean;\n}\n\n/**\n * Returns whether the modifier for non-contiguous (toggle) keyboard selection\n * is pressed. Mirrors `@react-aria/selection`'s `isNonContiguousSelectionModifier`:\n * Ctrl + Arrow Up/Down has a system-wide meaning on macOS, so Apple devices use\n * Alt instead; Windows and Ubuntu use Ctrl.\n */\nexport function isNonContiguousSelectionModifier(e: ModifierKeyEvent): boolean {\n  return isAppleDevice() ? e.altKey === true : e.ctrlKey === true;\n}\n","/**\n * The aria-layer selection decision, mirroring `@react-aria/selection`'s\n * `useSelectableItem` `onSelect`. This is where the platform-aware modifier\n * resolution lives — react-stately's `SelectionManager.select` only knows\n * `pointerType` + `selectionBehavior`; the ctrl/meta/shift decision belongs one\n * layer up, here, where `isMac` is reachable.\n *\n * The link branch (`linkBehavior` 'selection'/'override'/'none') is deferred to\n * `createSelectableItem` (Phase 1 of the press-path epic); callers here pass\n * non-link items.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type {\n  Collection,\n  Key,\n  SelectionBehavior,\n  SelectionMode,\n  SelectionPressEvent,\n} from \"@proyecto-viviana/solid-stately\";\n\nimport { isCtrlKeyPressed } from \"../utils/keyboard\";\nimport { isNonContiguousSelectionModifier } from \"./utils\";\n\nexport interface SelectItemState {\n  readonly selectionMode: Accessor<SelectionMode>;\n  readonly selectionBehavior: Accessor<SelectionBehavior>;\n  readonly disallowEmptySelection: Accessor<boolean>;\n  isSelected(key: Key): boolean;\n  toggleSelection(key: Key): void;\n  replaceSelection(key: Key): void;\n  extendSelection(toKey: Key, collection: Collection): void;\n}\n\n/**\n * Resolve a press/keyboard interaction into a selection mutation on `manager`,\n * faithful to `useSelectableItem.onSelect`. `collection` is required for the\n * shift-extend (contiguous range) path.\n */\nexport function selectItem(\n  manager: SelectItemState,\n  key: Key,\n  e: SelectionPressEvent,\n  collection: Collection,\n): void {\n  // A keyboard non-contiguous modifier (Alt on Apple devices, Ctrl elsewhere)\n  // always toggles, independent of mode/behavior.\n  if (e.pointerType === \"keyboard\" && isNonContiguousSelectionModifier(e)) {\n    manager.toggleSelection(key);\n    return;\n  }\n\n  if (manager.selectionMode() === \"none\") {\n    return;\n  }\n\n  if (manager.selectionMode() === \"single\") {\n    // Single mode ignores selectionBehavior. Re-selecting the current item\n    // deselects it when empty selection is allowed; otherwise it stays\n    // selected (replace).\n    if (manager.isSelected(key) && !manager.disallowEmptySelection()) {\n      manager.toggleSelection(key);\n    } else {\n      manager.replaceSelection(key);\n    }\n  } else if (e.shiftKey) {\n    manager.extendSelection(key, collection);\n  } else if (\n    manager.selectionBehavior() === \"toggle\" ||\n    isCtrlKeyPressed(e) ||\n    e.pointerType === \"touch\" ||\n    e.pointerType === \"virtual\"\n  ) {\n    // touch / virtual (VoiceOver) have no modifier keys, so multi-select is\n    // only reachable by toggling.\n    manager.toggleSelection(key);\n  } else {\n    manager.replaceSelection(key);\n  }\n}\n","/**\n * createSelectableItem - handles interactions with an item in a selectable\n * collection. Port of `@react-aria/selection`'s `useSelectableItem`.\n *\n * This encapsulates the full press-path action model: the\n * selection-vs-action decision per pointer type, the press-up-vs-press timing\n * (menus select on press up, rows on press down), the keyboard Space/Enter\n * split, double-click secondary actions, and long-press-to-toggle. The\n * selection decision itself is delegated to the aria-layer {@link selectItem}\n * (Phase 0), which is also where the platform-aware modifier resolution lives.\n *\n * Documented adaptations from upstream (React → Solid / our thinner state):\n * - **Link model is prop-threaded.** Our collection nodes don't expose\n *   `manager.isLink`/`manager.getItemProps`, so link items pass `isLink` /\n *   `href` / `routerOptions` via options and navigation goes through\n *   {@link openLink} (we have no `RouterProvider` context).\n * - **Selection manager shape is structural.** ListState passes its\n *   SelectionManager; grid-like states pass an adapter with the same observable\n *   surface. `canSelectItem` is read from that surface when available so\n *   `disabledBehavior: 'selection'` keeps actions enabled while selection stays\n *   blocked.\n * - **Virtual focus** guards real DOM focus and updates the focused key on\n *   press; we have no `moveVirtualFocus`, so no AT cursor move is dispatched.\n * - **`onDragStart`** is bubble phase (upstream uses capture to beat `useDrag`);\n *   wired to capture when drag-and-drop integration lands.\n * - **`getItemProps` press-handler chaining** (collection-provided press\n *   handlers) is omitted — our nodes don't carry them.\n */\n\nimport { createEffect, createUniqueId, type Accessor, type JSX } from \"solid-js\";\nimport type {\n  Collection,\n  DisabledBehavior,\n  FocusStrategy,\n  Key,\n  Selection,\n  SelectionBehavior,\n} from \"@proyecto-viviana/solid-stately\";\nimport { createPress, type PressEvent } from \"../interactions/createPress\";\nimport { createLongPress } from \"../interactions/createLongPress\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { focusSafely } from \"../utils/focus\";\nimport { getOwnerDocument, getEventTarget, openLink } from \"../utils/dom\";\nimport { getCollectionId, isNonContiguousSelectionModifier } from \"./utils\";\nimport { selectItem, type SelectItemState } from \"./selectItem\";\nimport { createDragSession } from \"../dnd/DragManager\";\n\n/**\n * DOM event dispatched when an item action is performed. Mirrors upstream's\n * `react-aria-item-action`; combobox/autocomplete listen for it to close on\n * action. Exported so emitter and listener share one constant.\n */\nexport const ITEM_ACTION_EVENT = \"solidaria:item-action\";\n\n/** How links in the collection behave relative to selection and actions. */\nexport type LinkBehavior = \"action\" | \"selection\" | \"override\" | \"none\";\n\nexport interface CreateSelectableItemOptions {\n  /** A unique key for the item. */\n  key: Key;\n  /** Optional DOM id for the item element. Defaults to a generated id. */\n  id?: string;\n  /**\n   * By default, selection occurs on pointer down. Set to select on pointer up\n   * instead — useful when selecting an item makes the UI disappear (e.g. menus).\n   */\n  shouldSelectOnPressUp?: boolean;\n  /**\n   * Whether selection may trigger on a pointer up whose pointer down occurred on\n   * a different target (e.g. press down on the menu trigger, up on a menu item).\n   */\n  allowsDifferentPressOrigin?: boolean;\n  /** Whether the item is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Function to focus the item, overriding the default DOM focus. */\n  focus?: () => void;\n  /** Whether the item should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** Whether the item is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler called when the user performs an action on the item. The triggering\n   * event depends on the collection's `selectionBehavior` and the modality.\n   */\n  onAction?: (event: PressEvent | MouseEvent) => void;\n  /**\n   * The behavior of links in the collection.\n   * - `action`: link behaves like onAction.\n   * - `selection`: link follows selection interactions (e.g. URL drives selection).\n   * - `override`: links override all other interactions (link items aren't selectable).\n   * - `none`: links are disabled for both selection and actions.\n   * @default 'action'\n   */\n  linkBehavior?: LinkBehavior;\n  /** Whether this item is a link (prop-threaded; our nodes don't expose `isLink`). */\n  isLink?: boolean;\n  /** The link target URL, when `isLink`. */\n  href?: string;\n  /** Router options forwarded to navigation, when `isLink`. */\n  routerOptions?: Record<string, unknown>;\n  /**\n   * Unstable upstream override that forces an item with `onAction` to treat the\n   * action as primary (single click), even when it is selectable.\n   */\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n}\n\nexport interface SelectableItemAria {\n  /** Props to spread on the item root element. */\n  itemProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the item is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the item is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the item is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the item is non-interactive (selection and actions both disabled). */\n  isDisabled: Accessor<boolean>;\n  /** Whether the item may be selected. */\n  allowsSelection: Accessor<boolean>;\n  /** Whether the item has an action (primary or secondary). */\n  hasAction: Accessor<boolean>;\n}\n\nexport interface SelectableItemState<T> extends SelectItemState {\n  /** The collection the item belongs to. */\n  readonly collection: Accessor<Collection<T>>;\n  /** Whether the collection is currently focused. */\n  readonly isFocused: Accessor<boolean>;\n  /** Sets whether the collection is focused. */\n  setFocused(isFocused: boolean): void;\n  /** The currently focused key in the collection. */\n  readonly focusedKey: Accessor<Key | null>;\n  /** The strategy for child focus, when applicable. */\n  readonly childFocusStrategy?: Accessor<FocusStrategy | null>;\n  /** Sets the focused key. */\n  setFocusedKey(key: Key | null, childFocusStrategy?: FocusStrategy): void;\n  /** The currently selected keys. */\n  readonly selectedKeys: Accessor<Selection>;\n  /** Disabled keys for the collection. */\n  readonly disabledKeys: Accessor<Set<Key>>;\n  /** How disabled keys behave. */\n  readonly disabledBehavior: Accessor<DisabledBehavior>;\n  /** Whether selection is empty. */\n  readonly isEmpty: Accessor<boolean>;\n  /** Whether all selectable items are selected. */\n  readonly isSelectAll?: Accessor<boolean>;\n  /** Whether the key is fully disabled for interaction. */\n  isDisabled(key: Key): boolean;\n  /** Whether the key may be selected. Defaults to SelectionManager when present. */\n  canSelectItem?(key: Key): boolean;\n  /** Set the selection behavior for the collection. */\n  setSelectionBehavior(behavior: SelectionBehavior): void;\n  /** Set multiple selected keys. */\n  setSelectedKeys(keys: Iterable<Key>): void;\n  /** Select all selectable keys. */\n  selectAll(): void;\n  /** Clear selection. */\n  clearSelection(): void;\n  /** Toggle select all. */\n  toggleSelectAll(): void;\n  /** Optional stable object used by selectable collections for DOM scoping. */\n  readonly selectionManager?: {\n    canSelectItem?(key: Key): boolean;\n  } & object;\n}\n\nconst isActionKey = (key: string | undefined) => key === \"Enter\";\nconst isSelectionKey = (key: string | undefined) => key === \" \";\n\n/**\n * Provides the behavior and accessibility implementation for an item in a\n * selectable collection.\n */\nexport function createSelectableItem<T>(\n  options: MaybeAccessor<CreateSelectableItemOptions>,\n  manager: SelectableItemState<T>,\n  ref: () => HTMLElement | null,\n): SelectableItemAria {\n  const getOptions = () => access(options);\n  const generatedId = createUniqueId();\n\n  const key = () => getOptions().key;\n  const id = () => getOptions().id ?? generatedId;\n  const linkBehavior = (): LinkBehavior => getOptions().linkBehavior ?? \"action\";\n  const shouldUseVirtualFocus = () => getOptions().shouldUseVirtualFocus ?? false;\n  const allowsDifferentPressOrigin = () => getOptions().allowsDifferentPressOrigin ?? false;\n  const shouldSelectOnPressUp = () => getOptions().shouldSelectOnPressUp ?? false;\n  const isLink = () => getOptions().isLink ?? !!getOptions().href;\n\n  const collection = (): Collection<T> => manager.collection();\n\n  // Final disabled state: explicitly disabled, or disabled by the collection.\n  const isDisabled = () => getOptions().isDisabled === true || manager.isDisabled(key());\n\n  // Mirrors SelectionManager.canSelectItem, while allowing grid/table/tree\n  // adapters to expose the raw selection-disabled check separately from\n  // interaction disabled.\n  const canSelectItem = () => {\n    const k = key();\n    return (\n      manager.canSelectItem?.(k) ??\n      manager.selectionManager?.canSelectItem?.(k) ??\n      (manager.selectionMode() !== \"none\" && !manager.isDisabled(k))\n    );\n  };\n\n  const isLinkOverride = () => isLink() && linkBehavior() === \"override\";\n  const isActionOverride = () =>\n    getOptions().onAction != null && getOptions().UNSTABLE_itemBehavior === \"action\";\n  const hasLinkAction = () =>\n    isLink() && linkBehavior() !== \"selection\" && linkBehavior() !== \"none\";\n\n  const allowsSelection = () =>\n    !isDisabled() && canSelectItem() && !isLinkOverride() && !isActionOverride();\n  const allowsActions = () => (getOptions().onAction != null || hasLinkAction()) && !isDisabled();\n\n  // With checkbox selection (behavior 'toggle'), onAction is primary and occurs\n  // on a single click. With highlight selection (behavior 'replace'), onAction\n  // is secondary and occurs on double click; single click selects.\n  const hasPrimaryAction = () =>\n    allowsActions() &&\n    (manager.selectionBehavior() === \"replace\"\n      ? !allowsSelection()\n      : !allowsSelection() || manager.isEmpty());\n  const hasSecondaryAction = () =>\n    allowsActions() && allowsSelection() && manager.selectionBehavior() === \"replace\";\n  const hasAction = () => hasPrimaryAction() || hasSecondaryAction();\n\n  const longPressEnabled = () => hasAction() && allowsSelection();\n\n  // Plain mutable state (no reactivity needed): the modality of the active press\n  // and snapshots captured at press start.\n  let modality: PressEvent[\"pointerType\"] | null = null;\n  let longPressEnabledOnPressStart = false;\n  let hadPrimaryActionOnPressStart = false;\n\n  const isSelected = () => manager.selectionMode() !== \"none\" && manager.isSelected(key());\n  const isFocused = () => manager.isFocused() && manager.focusedKey() === key();\n\n  // The aria-layer selection decision, with the link branch (deferred from\n  // selectItem) layered in. Mirrors useSelectableItem.onSelect.\n  const onSelect = (e: PressEvent) => {\n    const k = key();\n    if (e.pointerType === \"keyboard\" && isNonContiguousSelectionModifier(e)) {\n      manager.toggleSelection(k);\n      return;\n    }\n\n    if (manager.selectionMode() === \"none\") {\n      return;\n    }\n\n    if (isLink()) {\n      if (linkBehavior() === \"selection\") {\n        const el = ref();\n        if (el instanceof HTMLAnchorElement) {\n          openLink(el, e as unknown as Event);\n        }\n        // Restore the prior selection so select/combobox close cleanly.\n        const sel = manager.selectedKeys();\n        if (sel !== \"all\") {\n          manager.setSelectedKeys(sel);\n        }\n        return;\n      } else if (linkBehavior() === \"override\" || linkBehavior() === \"none\") {\n        return;\n      }\n    }\n\n    selectItem(manager, k, e, collection());\n  };\n\n  const performAction = (e: PressEvent | MouseEvent) => {\n    const o = getOptions();\n    if (o.onAction) {\n      o.onAction(e);\n      ref()?.dispatchEvent(new CustomEvent(ITEM_ACTION_EVENT, { bubbles: true }));\n    }\n\n    if (hasLinkAction()) {\n      const el = ref();\n      if (el instanceof HTMLAnchorElement) {\n        openLink(el, e as unknown as Event);\n      }\n    }\n  };\n\n  // Focus the associated DOM node when this item becomes the focused key. This\n  // is the imperative half of roving tabindex — the tabIndex 0/-1 swap below is\n  // only declarative.\n  const dragSession = createDragSession();\n  createEffect(() => {\n    // While a keyboard drag session is active, real DOM focus is owned by the\n    // DragManager (it lives on drop indicators / the collection), and upstream's\n    // React `useSelectableItem` focus effect provably cannot re-run mid-drag —\n    // its dep array `[ref, key, focusedKey, childFocusStrategy, isFocused]` stays\n    // frozen. Our reactive effect would otherwise re-fire and steal focus back\n    // onto the focused option, bouncing focus off the drop indicator. Reading the\n    // reactive drag-session accessor here also re-runs this effect once the drag\n    // ends, restoring normal roving-tabindex focus.\n    if (dragSession()) {\n      return;\n    }\n\n    if (key() !== manager.focusedKey() || !manager.isFocused()) {\n      return;\n    }\n\n    const o = getOptions();\n    if (!shouldUseVirtualFocus()) {\n      if (o.focus) {\n        o.focus();\n      } else {\n        const el = ref();\n        if (el && getOwnerDocument(el).activeElement !== el) {\n          focusSafely(el);\n        }\n      }\n    }\n    // Virtual focus: no moveVirtualFocus equivalent in our port (documented gap).\n  });\n\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      // Press is only wired when the item is interactive (see the merge below),\n      // but guard here too so disabled items never fire press handlers.\n      return !(\n        allowsSelection() ||\n        hasPrimaryAction() ||\n        (shouldUseVirtualFocus() && !isDisabled())\n      );\n    },\n    get preventFocusOnPress() {\n      return shouldUseVirtualFocus();\n    },\n    onPressStart(e) {\n      modality = e.pointerType;\n      longPressEnabledOnPressStart = longPressEnabled();\n\n      if (shouldSelectOnPressUp()) {\n        // Selection still happens on key down for the keyboard.\n        if (e.pointerType === \"keyboard\" && (!hasAction() || isSelectionKey(e.key))) {\n          onSelect(e);\n        }\n      } else {\n        hadPrimaryActionOnPressStart = hasPrimaryAction();\n        // Select on mouse down unless a primary action will occur on mouse up.\n        // For keyboard, select on key down; with an action, Space selects on key\n        // down and Enter performs the action on key up.\n        if (\n          allowsSelection() &&\n          ((e.pointerType === \"mouse\" && !hasPrimaryAction()) ||\n            (e.pointerType === \"keyboard\" && (!allowsActions() || isSelectionKey(e.key))))\n        ) {\n          onSelect(e);\n        }\n      }\n\n      // When using virtual focus, update the focused key on (non-touch) press.\n      if (shouldUseVirtualFocus() && e.pointerType !== \"touch\") {\n        manager.setFocused(true);\n        manager.setFocusedKey(key());\n      }\n    },\n    onPressUp(e) {\n      // Only relevant for press-up selection with a different press origin and\n      // no primary action: select on the mouse up itself.\n      if (\n        shouldSelectOnPressUp() &&\n        allowsDifferentPressOrigin() &&\n        !hasPrimaryAction() &&\n        e.pointerType === \"mouse\" &&\n        allowsSelection()\n      ) {\n        onSelect(e);\n      }\n    },\n    onPress(e) {\n      if (shouldSelectOnPressUp()) {\n        if (!allowsDifferentPressOrigin()) {\n          if (hasPrimaryAction() || (hasSecondaryAction() && e.pointerType !== \"mouse\")) {\n            if (e.pointerType === \"keyboard\" && !isActionKey(e.key)) {\n              return;\n            }\n            performAction(e);\n          } else if (e.pointerType !== \"keyboard\" && allowsSelection()) {\n            onSelect(e);\n          }\n        } else if (hasPrimaryAction()) {\n          performAction(e);\n        } else if (e.pointerType !== \"keyboard\" && e.pointerType !== \"mouse\" && allowsSelection()) {\n          onSelect(e);\n        }\n      } else if (\n        // Selection on touch up; primary actions on pointer up. Both primary and\n        // secondary actions on Enter key up. Secondary mouse actions go through\n        // double click (below), not here.\n        e.pointerType === \"touch\" ||\n        e.pointerType === \"pen\" ||\n        e.pointerType === \"virtual\" ||\n        (e.pointerType === \"keyboard\" && hasAction() && isActionKey(e.key)) ||\n        (e.pointerType === \"mouse\" && hadPrimaryActionOnPressStart)\n      ) {\n        if (hasAction()) {\n          performAction(e);\n        } else if (allowsSelection()) {\n          onSelect(e);\n        }\n      }\n\n      // When using virtual focus, update the focused key on a touch press.\n      if (shouldUseVirtualFocus() && e.pointerType === \"touch\") {\n        manager.setFocused(true);\n        manager.setFocusedKey(key());\n      }\n    },\n  });\n\n  // Long pressing an item with touch when selectionBehavior = 'replace' switches\n  // to 'toggle': single tap now selects (and toggles checkbox affordances)\n  // instead of performing the action.\n  const { longPressProps } = createLongPress({\n    get isDisabled() {\n      return !longPressEnabled();\n    },\n    onLongPress(e) {\n      if (e.pointerType === \"touch\") {\n        onSelect(e as unknown as PressEvent);\n        manager.setSelectionBehavior(\"toggle\");\n      }\n    },\n  });\n\n  // Double clicking with a mouse with selectionBehavior = 'replace' performs the\n  // secondary action.\n  const onDblClick = (e: MouseEvent) => {\n    if (!hasSecondaryAction()) return;\n    if (modality === \"mouse\") {\n      e.stopPropagation();\n      e.preventDefault();\n      performAction(e as unknown as PressEvent);\n    }\n  };\n\n  // Prevent native drag and drop on long press when we also select on long\n  // press. Upstream uses a capturing listener to beat useDrag; we use bubble\n  // until drag-and-drop integration lands (documented adaptation).\n  const onDragStart = (e: DragEvent) => {\n    if (modality === \"touch\" && longPressEnabledOnPressStart) {\n      e.preventDefault();\n    }\n  };\n\n  // Prevent native link clicks so we control exactly when they open (matching\n  // selection behavior).\n  const onClick = (e: MouseEvent) => {\n    if (linkBehavior() !== \"none\" && isLink()) {\n      if (!(openLink as { isOpening?: boolean }).isOpening) {\n        e.preventDefault();\n      }\n    }\n  };\n\n  return {\n    get itemProps(): JSX.HTMLAttributes<HTMLElement> {\n      const k = key();\n      const disabled = isDisabled();\n\n      const baseProps: Record<string, unknown> = {\n        \"data-key\": String(k),\n        // Scopes this item to its collection for getItemElement. Resolves to a\n        // value only once a createSelectableCollection container has registered\n        // the manager; otherwise undefined (Solid omits the attribute).\n        \"data-collection\": getCollectionId(manager.selectionManager ?? manager),\n      };\n\n      // Roving tabindex: only the focused item is tabbable. With virtual focus,\n      // omit tabIndex entirely (so iOS VoiceOver doesn't pull real focus).\n      if (!shouldUseVirtualFocus() && !disabled) {\n        baseProps.tabIndex = k === manager.focusedKey() ? 0 : -1;\n        baseProps.onFocus = (e: FocusEvent) => {\n          if (getEventTarget(e) === ref()) {\n            manager.setFocusedKey(k);\n          }\n        };\n      } else if (disabled) {\n        // Prevent focus going to the body when clicking a disabled item.\n        baseProps.onMouseDown = (e: MouseEvent) => e.preventDefault();\n      }\n\n      const interactive =\n        allowsSelection() || hasPrimaryAction() || (shouldUseVirtualFocus() && !disabled);\n\n      return mergeProps(\n        baseProps,\n        interactive ? (pressProps as Record<string, unknown>) : {},\n        longPressEnabled() ? (longPressProps as Record<string, unknown>) : {},\n        { onDblClick, onDragStart, onClick, id: id() },\n        // Prevent DOM focus from moving on mouse down when using virtual focus.\n        shouldUseVirtualFocus() ? { onMouseDown: (e: MouseEvent) => e.preventDefault() } : {},\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    isPressed,\n    isSelected,\n    isFocused,\n    isDisabled,\n    allowsSelection,\n    hasAction,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/createStringFormatter.js

@@ -0,0 +1,61 @@
+import { i as useLocale } from "./locale.js";
+import { createMemo } from "solid-js";
+import { LocalizedStringDictionary, LocalizedStringFormatter } from "@internationalized/string";
+//#region src/i18n/createStringFormatter.ts
+/**
+* String formatter for localized strings with ICU MessageFormat support.
+* Port of @react-aria/i18n useLocalizedStringFormatter.
+*/
+const cache = /* @__PURE__ */ new WeakMap();
+function getCachedDictionary(strings) {
+	let dictionary = cache.get(strings);
+	if (!dictionary) {
+		dictionary = new LocalizedStringDictionary(strings);
+		cache.set(strings, dictionary);
+	}
+	return dictionary;
+}
+/**
+* Returns a cached LocalizedStringDictionary for the given strings.
+*/
+function createStringDictionary(strings, packageName) {
+	return packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName) || getCachedDictionary(strings);
+}
+/**
+* Provides localized string formatting for the current locale.
+* Supports interpolating variables, selecting the correct pluralization,
+* and formatting numbers. Automatically updates when the locale changes.
+*
+* @param strings - A mapping of languages to localized strings by key.
+* @param packageName - Optional package name for global dictionary lookup.
+*
+* @example
+* ```tsx
+* const strings = {
+*   'en-US': {
+*     greeting: 'Hello, {name}!',
+*     count: '{count, plural, one {# item} other {# items}}'
+*   }
+* };
+*
+* function MyComponent() {
+*   const stringFormatter = createStringFormatter(strings);
+*
+*   return (
+*     <div>
+*       {stringFormatter().format('greeting', { name: 'World' })}
+*       {stringFormatter().format('count', { count: 5 })}
+*     </div>
+*   );
+* }
+* ```
+*/
+function createStringFormatter(strings, packageName) {
+	const localeAccessor = useLocale();
+	const dictionary = createStringDictionary(strings, packageName);
+	return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));
+}
+//#endregion
+export { createStringFormatter as n, createStringDictionary as t };
+
+//# sourceMappingURL=createStringFormatter.js.map

package/dist/_chunk/createStringFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStringFormatter.js","names":[],"sources":["../../src/i18n/createStringFormatter.ts"],"sourcesContent":["/**\n * String formatter for localized strings with ICU MessageFormat support.\n * Port of @react-aria/i18n useLocalizedStringFormatter.\n */\n\nimport {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { createMemo, type Accessor } from \"solid-js\";\nimport { useLocale } from \"./locale\";\n\n// Cache for dictionaries to avoid recreating them\nconst cache = new WeakMap<\n  LocalizedStrings<string, LocalizedString>,\n  LocalizedStringDictionary<string, LocalizedString>\n>();\n\nfunction getCachedDictionary<K extends string, T extends LocalizedString>(\n  strings: LocalizedStrings<K, T>,\n): LocalizedStringDictionary<K, T> {\n  let dictionary = cache.get(strings as LocalizedStrings<string, LocalizedString>);\n  if (!dictionary) {\n    dictionary = new LocalizedStringDictionary(\n      strings as LocalizedStrings<string, LocalizedString>,\n    );\n    cache.set(strings as LocalizedStrings<string, LocalizedString>, dictionary);\n  }\n  return dictionary as LocalizedStringDictionary<K, T>;\n}\n\n/**\n * Returns a cached LocalizedStringDictionary for the given strings.\n */\nexport function createStringDictionary<\n  K extends string = string,\n  T extends LocalizedString = string,\n>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringDictionary<K, T> {\n  return (\n    (packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName)) ||\n    getCachedDictionary(strings)\n  );\n}\n\n/**\n * Provides localized string formatting for the current locale.\n * Supports interpolating variables, selecting the correct pluralization,\n * and formatting numbers. Automatically updates when the locale changes.\n *\n * @param strings - A mapping of languages to localized strings by key.\n * @param packageName - Optional package name for global dictionary lookup.\n *\n * @example\n * ```tsx\n * const strings = {\n *   'en-US': {\n *     greeting: 'Hello, {name}!',\n *     count: '{count, plural, one {# item} other {# items}}'\n *   }\n * };\n *\n * function MyComponent() {\n *   const stringFormatter = createStringFormatter(strings);\n *\n *   return (\n *     <div>\n *       {stringFormatter().format('greeting', { name: 'World' })}\n *       {stringFormatter().format('count', { count: 5 })}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function createStringFormatter<\n  K extends string = string,\n  T extends LocalizedString = string,\n>(strings: LocalizedStrings<K, T>, packageName?: string): Accessor<LocalizedStringFormatter<K, T>> {\n  const localeAccessor = useLocale();\n  const dictionary = createStringDictionary(strings, packageName);\n\n  return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));\n}\n\nexport type {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  LocalizedStrings,\n};\n"],"mappings":";;;;;;;;AAeA,MAAM,wBAAQ,IAAI,QAGhB;AAEF,SAAS,oBACP,SACiC;CACjC,IAAI,aAAa,MAAM,IAAI,OAAoD;CAC/E,IAAI,CAAC,YAAY;EACf,aAAa,IAAI,0BACf,OACF;EACA,MAAM,IAAI,SAAsD,UAAU;CAC5E;CACA,OAAO;AACT;;;;AAKA,SAAgB,uBAGd,SAAiC,aAAuD;CACxF,OACG,eAAe,0BAA0B,8BAA8B,WAAW,KACnF,oBAAoB,OAAO;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,sBAGd,SAAiC,aAAgE;CACjG,MAAM,iBAAiB,UAAU;CACjC,MAAM,aAAa,uBAAuB,SAAS,WAAW;CAE9D,OAAO,iBAAiB,IAAI,yBAAyB,eAAe,CAAC,CAAC,QAAQ,UAAU,CAAC;AAC3F"}

package/dist/_chunk/createStringFormatter.jsx

@@ -0,0 +1,61 @@
+import { i as useLocale } from "./locale.jsx";
+import { createMemo } from "solid-js";
+import { LocalizedStringDictionary, LocalizedStringFormatter } from "@internationalized/string";
+//#region src/i18n/createStringFormatter.ts
+/**
+* String formatter for localized strings with ICU MessageFormat support.
+* Port of @react-aria/i18n useLocalizedStringFormatter.
+*/
+const cache = /* @__PURE__ */ new WeakMap();
+function getCachedDictionary(strings) {
+	let dictionary = cache.get(strings);
+	if (!dictionary) {
+		dictionary = new LocalizedStringDictionary(strings);
+		cache.set(strings, dictionary);
+	}
+	return dictionary;
+}
+/**
+* Returns a cached LocalizedStringDictionary for the given strings.
+*/
+function createStringDictionary(strings, packageName) {
+	return packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName) || getCachedDictionary(strings);
+}
+/**
+* Provides localized string formatting for the current locale.
+* Supports interpolating variables, selecting the correct pluralization,
+* and formatting numbers. Automatically updates when the locale changes.
+*
+* @param strings - A mapping of languages to localized strings by key.
+* @param packageName - Optional package name for global dictionary lookup.
+*
+* @example
+* ```tsx
+* const strings = {
+*   'en-US': {
+*     greeting: 'Hello, {name}!',
+*     count: '{count, plural, one {# item} other {# items}}'
+*   }
+* };
+*
+* function MyComponent() {
+*   const stringFormatter = createStringFormatter(strings);
+*
+*   return (
+*     <div>
+*       {stringFormatter().format('greeting', { name: 'World' })}
+*       {stringFormatter().format('count', { count: 5 })}
+*     </div>
+*   );
+* }
+* ```
+*/
+function createStringFormatter(strings, packageName) {
+	const localeAccessor = useLocale();
+	const dictionary = createStringDictionary(strings, packageName);
+	return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));
+}
+//#endregion
+export { createStringFormatter as n, createStringDictionary as t };
+
+//# sourceMappingURL=createStringFormatter.jsx.map

package/dist/_chunk/createStringFormatter.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStringFormatter.jsx","names":[],"sources":["../../src/i18n/createStringFormatter.ts"],"sourcesContent":["/**\n * String formatter for localized strings with ICU MessageFormat support.\n * Port of @react-aria/i18n useLocalizedStringFormatter.\n */\n\nimport {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { createMemo, type Accessor } from \"solid-js\";\nimport { useLocale } from \"./locale\";\n\n// Cache for dictionaries to avoid recreating them\nconst cache = new WeakMap<\n  LocalizedStrings<string, LocalizedString>,\n  LocalizedStringDictionary<string, LocalizedString>\n>();\n\nfunction getCachedDictionary<K extends string, T extends LocalizedString>(\n  strings: LocalizedStrings<K, T>,\n): LocalizedStringDictionary<K, T> {\n  let dictionary = cache.get(strings as LocalizedStrings<string, LocalizedString>);\n  if (!dictionary) {\n    dictionary = new LocalizedStringDictionary(\n      strings as LocalizedStrings<string, LocalizedString>,\n    );\n    cache.set(strings as LocalizedStrings<string, LocalizedString>, dictionary);\n  }\n  return dictionary as LocalizedStringDictionary<K, T>;\n}\n\n/**\n * Returns a cached LocalizedStringDictionary for the given strings.\n */\nexport function createStringDictionary<\n  K extends string = string,\n  T extends LocalizedString = string,\n>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringDictionary<K, T> {\n  return (\n    (packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName)) ||\n    getCachedDictionary(strings)\n  );\n}\n\n/**\n * Provides localized string formatting for the current locale.\n * Supports interpolating variables, selecting the correct pluralization,\n * and formatting numbers. Automatically updates when the locale changes.\n *\n * @param strings - A mapping of languages to localized strings by key.\n * @param packageName - Optional package name for global dictionary lookup.\n *\n * @example\n * ```tsx\n * const strings = {\n *   'en-US': {\n *     greeting: 'Hello, {name}!',\n *     count: '{count, plural, one {# item} other {# items}}'\n *   }\n * };\n *\n * function MyComponent() {\n *   const stringFormatter = createStringFormatter(strings);\n *\n *   return (\n *     <div>\n *       {stringFormatter().format('greeting', { name: 'World' })}\n *       {stringFormatter().format('count', { count: 5 })}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function createStringFormatter<\n  K extends string = string,\n  T extends LocalizedString = string,\n>(strings: LocalizedStrings<K, T>, packageName?: string): Accessor<LocalizedStringFormatter<K, T>> {\n  const localeAccessor = useLocale();\n  const dictionary = createStringDictionary(strings, packageName);\n\n  return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));\n}\n\nexport type {\n  LocalizedString,\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n  LocalizedStrings,\n};\n"],"mappings":";;;;;;;;AAeA,MAAM,wBAAQ,IAAI,QAGhB;AAEF,SAAS,oBACP,SACiC;CACjC,IAAI,aAAa,MAAM,IAAI,OAAoD;CAC/E,IAAI,CAAC,YAAY;EACf,aAAa,IAAI,0BACf,OACF;EACA,MAAM,IAAI,SAAsD,UAAU;CAC5E;CACA,OAAO;AACT;;;;AAKA,SAAgB,uBAGd,SAAiC,aAAuD;CACxF,OACG,eAAe,0BAA0B,8BAA8B,WAAW,KACnF,oBAAoB,OAAO;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,sBAGd,SAAiC,aAAgE;CACjG,MAAM,iBAAiB,UAAU;CACjC,MAAM,aAAa,uBAAuB,SAAS,WAAW;CAE9D,OAAO,iBAAiB,IAAI,yBAAyB,eAAe,CAAC,CAAC,QAAQ,UAAU,CAAC;AAC3F"}