@proyecto-viviana/solidaria 0.3.0 → 0.4.0

package/dist/_chunk/createCollator.js

@@ -0,0 +1,229 @@
+import { createContext, createEffect, createMemo, createSignal, onCleanup, useContext } from "solid-js";
+import { createComponent } from "solid-js/web";
+//#region src/i18n/utils.ts
+/**
+* i18n utilities for solidaria
+*
+* RTL detection and locale utilities.
+*
+* Port of @react-aria/i18n utils.
+*/
+const RTL_SCRIPTS = new Set([
+	"Arab",
+	"Syrc",
+	"Samr",
+	"Mand",
+	"Thaa",
+	"Mend",
+	"Nkoo",
+	"Adlm",
+	"Rohg",
+	"Hebr"
+]);
+const RTL_LANGS = new Set([
+	"ae",
+	"ar",
+	"arc",
+	"bcc",
+	"bqi",
+	"ckb",
+	"dv",
+	"fa",
+	"glk",
+	"he",
+	"ku",
+	"mzn",
+	"nqo",
+	"pnb",
+	"ps",
+	"sd",
+	"ug",
+	"ur",
+	"yi"
+]);
+/**
+* Determines if a locale is read right to left.
+* Uses Intl.Locale API when available for accurate detection.
+*/
+function isRTL(localeString) {
+	if (typeof Intl !== "undefined" && Intl.Locale) try {
+		const locale = new Intl.Locale(localeString).maximize();
+		const localeAny = locale;
+		const textInfo = typeof localeAny.getTextInfo === "function" ? localeAny.getTextInfo() : localeAny.textInfo;
+		if (textInfo) return textInfo.direction === "rtl";
+		if (locale.script) return RTL_SCRIPTS.has(locale.script);
+	} catch {}
+	const lang = localeString.split("-")[0];
+	return RTL_LANGS.has(lang);
+}
+/**
+* Creates a cache key for formatter options.
+*/
+function createCacheKey(locale, options) {
+	if (!options) return locale;
+	return locale + Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join();
+}
+//#endregion
+//#region src/i18n/locale.tsx
+/**
+* Locale context and provider for solidaria
+*
+* Provides locale and text direction to the component tree.
+*
+* Port of @react-aria/i18n context and useDefaultLocale.
+*/
+const localeSymbol = Symbol.for("solidaria.i18n.locale");
+let currentLocale = null;
+const listeners = /* @__PURE__ */ new Set();
+/**
+* Gets the default locale from the browser/system.
+*/
+function getDefaultLocale() {
+	let locale = typeof window !== "undefined" && window[localeSymbol] || typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
+	try {
+		Intl.DateTimeFormat.supportedLocalesOf([locale]);
+	} catch {
+		locale = "en-US";
+	}
+	return {
+		locale,
+		direction: isRTL(locale) ? "rtl" : "ltr"
+	};
+}
+function updateLocale() {
+	currentLocale = getDefaultLocale();
+	for (const listener of listeners) listener(currentLocale);
+}
+const I18nContext = createContext(null);
+/**
+* Returns the current browser/system locale, and updates when it changes.
+*
+* @example
+* ```tsx
+* const locale = createDefaultLocale();
+* console.log(locale().locale); // 'en-US'
+* console.log(locale().direction); // 'ltr'
+* ```
+*/
+function createDefaultLocale() {
+	if (!currentLocale) currentLocale = getDefaultLocale();
+	const [locale, setLocale] = createSignal(currentLocale);
+	createEffect(() => {
+		if (typeof window === "undefined") return;
+		if (listeners.size === 0) window.addEventListener("languagechange", updateLocale);
+		listeners.add(setLocale);
+		onCleanup(() => {
+			listeners.delete(setLocale);
+			if (listeners.size === 0) window.removeEventListener("languagechange", updateLocale);
+		});
+	});
+	return locale;
+}
+/**
+* Returns the current locale and layout direction from context or browser default.
+*
+* @example
+* ```tsx
+* function MyComponent() {
+*   const locale = useLocale();
+*   return <div dir={locale().direction}>{locale().locale}</div>;
+* }
+* ```
+*/
+function useLocale() {
+	const context = useContext(I18nContext);
+	const defaultLocale = createDefaultLocale();
+	return context || defaultLocale;
+}
+/**
+* Provides the locale for the application to all child components.
+*
+* @example
+* ```tsx
+* // Use browser default locale
+* <I18nProvider>
+*   <App />
+* </I18nProvider>
+*
+* // Override with specific locale
+* <I18nProvider locale="ar-SA">
+*   <App /> // Will have RTL direction
+* </I18nProvider>
+* ```
+*/
+function I18nProvider(props) {
+	const defaultLocale = createDefaultLocale();
+	const locale = createMemo(() => {
+		if (props.locale) return {
+			locale: props.locale,
+			direction: isRTL(props.locale) ? "rtl" : "ltr"
+		};
+		return defaultLocale();
+	});
+	return createComponent(I18nContext.Provider, {
+		value: locale,
+		get children() {
+			return props.children;
+		}
+	});
+}
+//#endregion
+//#region src/i18n/createCollator.ts
+/**
+* createCollator hook for solidaria
+*
+* Provides localized string comparison/collation with caching.
+*
+* Port of @react-aria/i18n useCollator.
+*/
+const collatorCache = /* @__PURE__ */ new Map();
+/**
+* Gets or creates a cached collator.
+*/
+function getCachedCollator(locale, options) {
+	const cacheKey = createCacheKey(locale, options);
+	if (collatorCache.has(cacheKey)) return collatorCache.get(cacheKey);
+	const collator = new Intl.Collator(locale, options);
+	collatorCache.set(cacheKey, collator);
+	return collator;
+}
+/**
+* Provides localized string collation for the current locale.
+* Useful for sorting strings according to locale-specific rules.
+*
+* @example
+* ```tsx
+* function SortedList(props: { items: string[] }) {
+*   const collator = createCollator();
+*
+*   const sortedItems = () =>
+*     [...props.items].sort((a, b) => collator().compare(a, b));
+*
+*   return (
+*     <ul>
+*       <For each={sortedItems()}>
+*         {(item) => <li>{item}</li>}
+*       </For>
+*     </ul>
+*   );
+* }
+* ```
+*
+* @example
+* ```tsx
+* // Case-insensitive sorting
+* const collator = createCollator({ sensitivity: 'base' });
+*
+* // Numeric sorting
+* const numericCollator = createCollator({ numeric: true });
+* // ['a1', 'a10', 'a2'].sort(numericCollator().compare) -> ['a1', 'a2', 'a10']
+* ```
+*/
+function createCollator(options) {
+	const locale = useLocale();
+	return createMemo(() => getCachedCollator(locale().locale, options));
+}
+//#endregion
+export { useLocale as a, getDefaultLocale as i, I18nProvider as n, createCacheKey as o, createDefaultLocale as r, isRTL as s, createCollator as t };
+
+//# sourceMappingURL=createCollator.js.map

package/dist/_chunk/createCollator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCollator.js","names":["Accessor","JSX","ParentProps","createContext","createEffect","createMemo","createSignal","onCleanup","useContext","isRTL","Direction","Locale","locale","direction","I18nProviderProps","localeSymbol","Symbol","for","currentLocale","listeners","Set","getDefaultLocale","window","Record","navigator","language","userLanguage","Intl","DateTimeFormat","supportedLocalesOf","updateLocale","listener","I18nContext","createDefaultLocale","setLocale","size","addEventListener","add","delete","removeEventListener","useLocale","context","defaultLocale","I18nProvider","props","Element","_$createComponent","Provider","value","children"],"sources":["../../src/i18n/utils.ts","../../src/i18n/locale.tsx","../../src/i18n/createCollator.ts"],"sourcesContent":["/**\n * i18n utilities for solidaria\n *\n * RTL detection and locale utilities.\n *\n * Port of @react-aria/i18n utils.\n */\n\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set([\n  \"Arab\",\n  \"Syrc\",\n  \"Samr\",\n  \"Mand\",\n  \"Thaa\",\n  \"Mend\",\n  \"Nkoo\",\n  \"Adlm\",\n  \"Rohg\",\n  \"Hebr\",\n]);\n\nconst RTL_LANGS = new Set([\n  \"ae\",\n  \"ar\",\n  \"arc\",\n  \"bcc\",\n  \"bqi\",\n  \"ckb\",\n  \"dv\",\n  \"fa\",\n  \"glk\",\n  \"he\",\n  \"ku\",\n  \"mzn\",\n  \"nqo\",\n  \"pnb\",\n  \"ps\",\n  \"sd\",\n  \"ug\",\n  \"ur\",\n  \"yi\",\n]);\n\n/**\n * Determines if a locale is read right to left.\n * Uses Intl.Locale API when available for accurate detection.\n */\nexport function isRTL(localeString: string): boolean {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  if (typeof Intl !== \"undefined\" && Intl.Locale) {\n    try {\n      const locale = new Intl.Locale(localeString).maximize();\n\n      // Use the text info object to get the direction if possible.\n      // getTextInfo() was implemented as a property by some browsers before it was standardized as a function.\n      const localeAny = locale as unknown as {\n        getTextInfo?: () => { direction: string };\n        textInfo?: { direction: string };\n      };\n      const textInfo =\n        typeof localeAny.getTextInfo === \"function\" ? localeAny.getTextInfo() : localeAny.textInfo;\n\n      if (textInfo) {\n        return textInfo.direction === \"rtl\";\n      }\n\n      // Fallback: guess using the script.\n      if (locale.script) {\n        return RTL_SCRIPTS.has(locale.script);\n      }\n    } catch {\n      // Fall through to language-based detection\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  const lang = localeString.split(\"-\")[0];\n  return RTL_LANGS.has(lang);\n}\n\n/**\n * Creates a cache key for formatter options.\n */\nexport function createCacheKey(locale: string, options?: Record<string, unknown>): string {\n  if (!options) {\n    return locale;\n  }\n  return (\n    locale +\n    Object.entries(options)\n      .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n      .join()\n  );\n}\n","/**\n * Locale context and provider for solidaria\n *\n * Provides locale and text direction to the component tree.\n *\n * Port of @react-aria/i18n context and useDefaultLocale.\n */\n\nimport {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  useContext,\n} from \"solid-js\";\nimport { isRTL } from \"./utils\";\n\n/** Text direction: left-to-right or right-to-left. */\nexport type Direction = \"ltr\" | \"rtl\";\n\n/** Locale information including language code and text direction. */\nexport interface Locale {\n  /** The BCP47 language code for the locale (e.g., 'en-US', 'ar-SA'). */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\nexport interface I18nProviderProps extends ParentProps {\n  /** The locale to apply to the children. If not provided, uses browser default. */\n  locale?: string;\n}\n\n// Symbol for server-provided locale\nconst localeSymbol = Symbol.for(\"solidaria.i18n.locale\");\n\nlet currentLocale: Locale | null = null;\nconst listeners = new Set<(locale: Locale) => void>();\n\n/**\n * Gets the default locale from the browser/system.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== \"undefined\" &&\n      (window as unknown as Record<symbol, string>)[localeSymbol]) ||\n    (typeof navigator !== \"undefined\" &&\n      (navigator.language || (navigator as unknown as { userLanguage?: string }).userLanguage)) ||\n    \"en-US\";\n\n  // Validate the locale is supported\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch {\n    locale = \"en-US\";\n  }\n\n  return {\n    locale,\n    direction: isRTL(locale) ? \"rtl\" : \"ltr\",\n  };\n}\n\nfunction updateLocale(): void {\n  currentLocale = getDefaultLocale();\n  for (const listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\nconst I18nContext = createContext<Accessor<Locale> | null>(null);\n\n/**\n * Returns the current browser/system locale, and updates when it changes.\n *\n * @example\n * ```tsx\n * const locale = createDefaultLocale();\n * console.log(locale().locale); // 'en-US'\n * console.log(locale().direction); // 'ltr'\n * ```\n */\nexport function createDefaultLocale(): Accessor<Locale> {\n  if (!currentLocale) {\n    currentLocale = getDefaultLocale();\n  }\n\n  const [locale, setLocale] = createSignal<Locale>(currentLocale);\n\n  createEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (listeners.size === 0) {\n      window.addEventListener(\"languagechange\", updateLocale);\n    }\n\n    listeners.add(setLocale);\n\n    onCleanup(() => {\n      listeners.delete(setLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener(\"languagechange\", updateLocale);\n      }\n    });\n  });\n\n  return locale;\n}\n\n/**\n * Returns the current locale and layout direction from context or browser default.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const locale = useLocale();\n *   return <div dir={locale().direction}>{locale().locale}</div>;\n * }\n * ```\n */\nexport function useLocale(): Accessor<Locale> {\n  const context = useContext(I18nContext);\n  const defaultLocale = createDefaultLocale();\n  return context || defaultLocale;\n}\n\n/**\n * Provides the locale for the application to all child components.\n *\n * @example\n * ```tsx\n * // Use browser default locale\n * <I18nProvider>\n *   <App />\n * </I18nProvider>\n *\n * // Override with specific locale\n * <I18nProvider locale=\"ar-SA\">\n *   <App /> // Will have RTL direction\n * </I18nProvider>\n * ```\n */\nexport function I18nProvider(props: I18nProviderProps): JSX.Element {\n  const defaultLocale = createDefaultLocale();\n\n  const locale = createMemo<Locale>(() => {\n    if (props.locale) {\n      return {\n        locale: props.locale,\n        direction: isRTL(props.locale) ? \"rtl\" : \"ltr\",\n      };\n    }\n    return defaultLocale();\n  });\n\n  return <I18nContext.Provider value={locale}>{props.children}</I18nContext.Provider>;\n}\n","/**\n * createCollator hook for solidaria\n *\n * Provides localized string comparison/collation with caching.\n *\n * Port of @react-aria/i18n useCollator.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { createCacheKey } from \"./utils\";\n\nconst collatorCache = new Map<string, Intl.Collator>();\n\n/**\n * Gets or creates a cached collator.\n */\nfunction getCachedCollator(locale: string, options?: Intl.CollatorOptions): Intl.Collator {\n  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);\n\n  if (collatorCache.has(cacheKey)) {\n    return collatorCache.get(cacheKey)!;\n  }\n\n  const collator = new Intl.Collator(locale, options);\n  collatorCache.set(cacheKey, collator);\n  return collator;\n}\n\n/**\n * Provides localized string collation for the current locale.\n * Useful for sorting strings according to locale-specific rules.\n *\n * @example\n * ```tsx\n * function SortedList(props: { items: string[] }) {\n *   const collator = createCollator();\n *\n *   const sortedItems = () =>\n *     [...props.items].sort((a, b) => collator().compare(a, b));\n *\n *   return (\n *     <ul>\n *       <For each={sortedItems()}>\n *         {(item) => <li>{item}</li>}\n *       </For>\n *     </ul>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Case-insensitive sorting\n * const collator = createCollator({ sensitivity: 'base' });\n *\n * // Numeric sorting\n * const numericCollator = createCollator({ numeric: true });\n * // ['a1', 'a10', 'a2'].sort(numericCollator().compare) -> ['a1', 'a2', 'a10']\n * ```\n */\nexport function createCollator(options?: Intl.CollatorOptions): () => Intl.Collator {\n  const locale = useLocale();\n\n  return createMemo(() => getCachedCollator(locale().locale, options));\n}\n"],"mappings":"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"}

package/dist/_chunk/createCollator.jsx

@@ -0,0 +1,223 @@
+import { createContext, createEffect, createMemo, createSignal, onCleanup, useContext } from "solid-js";
+//#region src/i18n/utils.ts
+/**
+* i18n utilities for solidaria
+*
+* RTL detection and locale utilities.
+*
+* Port of @react-aria/i18n utils.
+*/
+const RTL_SCRIPTS = new Set([
+	"Arab",
+	"Syrc",
+	"Samr",
+	"Mand",
+	"Thaa",
+	"Mend",
+	"Nkoo",
+	"Adlm",
+	"Rohg",
+	"Hebr"
+]);
+const RTL_LANGS = new Set([
+	"ae",
+	"ar",
+	"arc",
+	"bcc",
+	"bqi",
+	"ckb",
+	"dv",
+	"fa",
+	"glk",
+	"he",
+	"ku",
+	"mzn",
+	"nqo",
+	"pnb",
+	"ps",
+	"sd",
+	"ug",
+	"ur",
+	"yi"
+]);
+/**
+* Determines if a locale is read right to left.
+* Uses Intl.Locale API when available for accurate detection.
+*/
+function isRTL(localeString) {
+	if (typeof Intl !== "undefined" && Intl.Locale) try {
+		const locale = new Intl.Locale(localeString).maximize();
+		const localeAny = locale;
+		const textInfo = typeof localeAny.getTextInfo === "function" ? localeAny.getTextInfo() : localeAny.textInfo;
+		if (textInfo) return textInfo.direction === "rtl";
+		if (locale.script) return RTL_SCRIPTS.has(locale.script);
+	} catch {}
+	const lang = localeString.split("-")[0];
+	return RTL_LANGS.has(lang);
+}
+/**
+* Creates a cache key for formatter options.
+*/
+function createCacheKey(locale, options) {
+	if (!options) return locale;
+	return locale + Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join();
+}
+//#endregion
+//#region src/i18n/locale.tsx
+/**
+* Locale context and provider for solidaria
+*
+* Provides locale and text direction to the component tree.
+*
+* Port of @react-aria/i18n context and useDefaultLocale.
+*/
+const localeSymbol = Symbol.for("solidaria.i18n.locale");
+let currentLocale = null;
+const listeners = /* @__PURE__ */ new Set();
+/**
+* Gets the default locale from the browser/system.
+*/
+function getDefaultLocale() {
+	let locale = typeof window !== "undefined" && window[localeSymbol] || typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
+	try {
+		Intl.DateTimeFormat.supportedLocalesOf([locale]);
+	} catch {
+		locale = "en-US";
+	}
+	return {
+		locale,
+		direction: isRTL(locale) ? "rtl" : "ltr"
+	};
+}
+function updateLocale() {
+	currentLocale = getDefaultLocale();
+	for (const listener of listeners) listener(currentLocale);
+}
+const I18nContext = createContext(null);
+/**
+* Returns the current browser/system locale, and updates when it changes.
+*
+* @example
+* ```tsx
+* const locale = createDefaultLocale();
+* console.log(locale().locale); // 'en-US'
+* console.log(locale().direction); // 'ltr'
+* ```
+*/
+function createDefaultLocale() {
+	if (!currentLocale) currentLocale = getDefaultLocale();
+	const [locale, setLocale] = createSignal(currentLocale);
+	createEffect(() => {
+		if (typeof window === "undefined") return;
+		if (listeners.size === 0) window.addEventListener("languagechange", updateLocale);
+		listeners.add(setLocale);
+		onCleanup(() => {
+			listeners.delete(setLocale);
+			if (listeners.size === 0) window.removeEventListener("languagechange", updateLocale);
+		});
+	});
+	return locale;
+}
+/**
+* Returns the current locale and layout direction from context or browser default.
+*
+* @example
+* ```tsx
+* function MyComponent() {
+*   const locale = useLocale();
+*   return <div dir={locale().direction}>{locale().locale}</div>;
+* }
+* ```
+*/
+function useLocale() {
+	const context = useContext(I18nContext);
+	const defaultLocale = createDefaultLocale();
+	return context || defaultLocale;
+}
+/**
+* Provides the locale for the application to all child components.
+*
+* @example
+* ```tsx
+* // Use browser default locale
+* <I18nProvider>
+*   <App />
+* </I18nProvider>
+*
+* // Override with specific locale
+* <I18nProvider locale="ar-SA">
+*   <App /> // Will have RTL direction
+* </I18nProvider>
+* ```
+*/
+function I18nProvider(props) {
+	const defaultLocale = createDefaultLocale();
+	const locale = createMemo(() => {
+		if (props.locale) return {
+			locale: props.locale,
+			direction: isRTL(props.locale) ? "rtl" : "ltr"
+		};
+		return defaultLocale();
+	});
+	return <I18nContext.Provider value={locale}>{props.children}</I18nContext.Provider>;
+}
+//#endregion
+//#region src/i18n/createCollator.ts
+/**
+* createCollator hook for solidaria
+*
+* Provides localized string comparison/collation with caching.
+*
+* Port of @react-aria/i18n useCollator.
+*/
+const collatorCache = /* @__PURE__ */ new Map();
+/**
+* Gets or creates a cached collator.
+*/
+function getCachedCollator(locale, options) {
+	const cacheKey = createCacheKey(locale, options);
+	if (collatorCache.has(cacheKey)) return collatorCache.get(cacheKey);
+	const collator = new Intl.Collator(locale, options);
+	collatorCache.set(cacheKey, collator);
+	return collator;
+}
+/**
+* Provides localized string collation for the current locale.
+* Useful for sorting strings according to locale-specific rules.
+*
+* @example
+* ```tsx
+* function SortedList(props: { items: string[] }) {
+*   const collator = createCollator();
+*
+*   const sortedItems = () =>
+*     [...props.items].sort((a, b) => collator().compare(a, b));
+*
+*   return (
+*     <ul>
+*       <For each={sortedItems()}>
+*         {(item) => <li>{item}</li>}
+*       </For>
+*     </ul>
+*   );
+* }
+* ```
+*
+* @example
+* ```tsx
+* // Case-insensitive sorting
+* const collator = createCollator({ sensitivity: 'base' });
+*
+* // Numeric sorting
+* const numericCollator = createCollator({ numeric: true });
+* // ['a1', 'a10', 'a2'].sort(numericCollator().compare) -> ['a1', 'a2', 'a10']
+* ```
+*/
+function createCollator(options) {
+	const locale = useLocale();
+	return createMemo(() => getCachedCollator(locale().locale, options));
+}
+//#endregion
+export { useLocale as a, getDefaultLocale as i, I18nProvider as n, createCacheKey as o, createDefaultLocale as r, isRTL as s, createCollator as t };
+
+//# sourceMappingURL=createCollator.jsx.map

package/dist/_chunk/createCollator.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCollator.jsx","names":[],"sources":["../../src/i18n/utils.ts","../../src/i18n/locale.tsx","../../src/i18n/createCollator.ts"],"sourcesContent":["/**\n * i18n utilities for solidaria\n *\n * RTL detection and locale utilities.\n *\n * Port of @react-aria/i18n utils.\n */\n\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set([\n  \"Arab\",\n  \"Syrc\",\n  \"Samr\",\n  \"Mand\",\n  \"Thaa\",\n  \"Mend\",\n  \"Nkoo\",\n  \"Adlm\",\n  \"Rohg\",\n  \"Hebr\",\n]);\n\nconst RTL_LANGS = new Set([\n  \"ae\",\n  \"ar\",\n  \"arc\",\n  \"bcc\",\n  \"bqi\",\n  \"ckb\",\n  \"dv\",\n  \"fa\",\n  \"glk\",\n  \"he\",\n  \"ku\",\n  \"mzn\",\n  \"nqo\",\n  \"pnb\",\n  \"ps\",\n  \"sd\",\n  \"ug\",\n  \"ur\",\n  \"yi\",\n]);\n\n/**\n * Determines if a locale is read right to left.\n * Uses Intl.Locale API when available for accurate detection.\n */\nexport function isRTL(localeString: string): boolean {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  if (typeof Intl !== \"undefined\" && Intl.Locale) {\n    try {\n      const locale = new Intl.Locale(localeString).maximize();\n\n      // Use the text info object to get the direction if possible.\n      // getTextInfo() was implemented as a property by some browsers before it was standardized as a function.\n      const localeAny = locale as unknown as {\n        getTextInfo?: () => { direction: string };\n        textInfo?: { direction: string };\n      };\n      const textInfo =\n        typeof localeAny.getTextInfo === \"function\" ? localeAny.getTextInfo() : localeAny.textInfo;\n\n      if (textInfo) {\n        return textInfo.direction === \"rtl\";\n      }\n\n      // Fallback: guess using the script.\n      if (locale.script) {\n        return RTL_SCRIPTS.has(locale.script);\n      }\n    } catch {\n      // Fall through to language-based detection\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  const lang = localeString.split(\"-\")[0];\n  return RTL_LANGS.has(lang);\n}\n\n/**\n * Creates a cache key for formatter options.\n */\nexport function createCacheKey(locale: string, options?: Record<string, unknown>): string {\n  if (!options) {\n    return locale;\n  }\n  return (\n    locale +\n    Object.entries(options)\n      .sort((a, b) => (a[0] < b[0] ? -1 : 1))\n      .join()\n  );\n}\n","/**\n * Locale context and provider for solidaria\n *\n * Provides locale and text direction to the component tree.\n *\n * Port of @react-aria/i18n context and useDefaultLocale.\n */\n\nimport {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  useContext,\n} from \"solid-js\";\nimport { isRTL } from \"./utils\";\n\n/** Text direction: left-to-right or right-to-left. */\nexport type Direction = \"ltr\" | \"rtl\";\n\n/** Locale information including language code and text direction. */\nexport interface Locale {\n  /** The BCP47 language code for the locale (e.g., 'en-US', 'ar-SA'). */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\nexport interface I18nProviderProps extends ParentProps {\n  /** The locale to apply to the children. If not provided, uses browser default. */\n  locale?: string;\n}\n\n// Symbol for server-provided locale\nconst localeSymbol = Symbol.for(\"solidaria.i18n.locale\");\n\nlet currentLocale: Locale | null = null;\nconst listeners = new Set<(locale: Locale) => void>();\n\n/**\n * Gets the default locale from the browser/system.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== \"undefined\" &&\n      (window as unknown as Record<symbol, string>)[localeSymbol]) ||\n    (typeof navigator !== \"undefined\" &&\n      (navigator.language || (navigator as unknown as { userLanguage?: string }).userLanguage)) ||\n    \"en-US\";\n\n  // Validate the locale is supported\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch {\n    locale = \"en-US\";\n  }\n\n  return {\n    locale,\n    direction: isRTL(locale) ? \"rtl\" : \"ltr\",\n  };\n}\n\nfunction updateLocale(): void {\n  currentLocale = getDefaultLocale();\n  for (const listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\nconst I18nContext = createContext<Accessor<Locale> | null>(null);\n\n/**\n * Returns the current browser/system locale, and updates when it changes.\n *\n * @example\n * ```tsx\n * const locale = createDefaultLocale();\n * console.log(locale().locale); // 'en-US'\n * console.log(locale().direction); // 'ltr'\n * ```\n */\nexport function createDefaultLocale(): Accessor<Locale> {\n  if (!currentLocale) {\n    currentLocale = getDefaultLocale();\n  }\n\n  const [locale, setLocale] = createSignal<Locale>(currentLocale);\n\n  createEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    if (listeners.size === 0) {\n      window.addEventListener(\"languagechange\", updateLocale);\n    }\n\n    listeners.add(setLocale);\n\n    onCleanup(() => {\n      listeners.delete(setLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener(\"languagechange\", updateLocale);\n      }\n    });\n  });\n\n  return locale;\n}\n\n/**\n * Returns the current locale and layout direction from context or browser default.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const locale = useLocale();\n *   return <div dir={locale().direction}>{locale().locale}</div>;\n * }\n * ```\n */\nexport function useLocale(): Accessor<Locale> {\n  const context = useContext(I18nContext);\n  const defaultLocale = createDefaultLocale();\n  return context || defaultLocale;\n}\n\n/**\n * Provides the locale for the application to all child components.\n *\n * @example\n * ```tsx\n * // Use browser default locale\n * <I18nProvider>\n *   <App />\n * </I18nProvider>\n *\n * // Override with specific locale\n * <I18nProvider locale=\"ar-SA\">\n *   <App /> // Will have RTL direction\n * </I18nProvider>\n * ```\n */\nexport function I18nProvider(props: I18nProviderProps): JSX.Element {\n  const defaultLocale = createDefaultLocale();\n\n  const locale = createMemo<Locale>(() => {\n    if (props.locale) {\n      return {\n        locale: props.locale,\n        direction: isRTL(props.locale) ? \"rtl\" : \"ltr\",\n      };\n    }\n    return defaultLocale();\n  });\n\n  return <I18nContext.Provider value={locale}>{props.children}</I18nContext.Provider>;\n}\n","/**\n * createCollator hook for solidaria\n *\n * Provides localized string comparison/collation with caching.\n *\n * Port of @react-aria/i18n useCollator.\n */\n\nimport { createMemo } from \"solid-js\";\nimport { useLocale } from \"./locale\";\nimport { createCacheKey } from \"./utils\";\n\nconst collatorCache = new Map<string, Intl.Collator>();\n\n/**\n * Gets or creates a cached collator.\n */\nfunction getCachedCollator(locale: string, options?: Intl.CollatorOptions): Intl.Collator {\n  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);\n\n  if (collatorCache.has(cacheKey)) {\n    return collatorCache.get(cacheKey)!;\n  }\n\n  const collator = new Intl.Collator(locale, options);\n  collatorCache.set(cacheKey, collator);\n  return collator;\n}\n\n/**\n * Provides localized string collation for the current locale.\n * Useful for sorting strings according to locale-specific rules.\n *\n * @example\n * ```tsx\n * function SortedList(props: { items: string[] }) {\n *   const collator = createCollator();\n *\n *   const sortedItems = () =>\n *     [...props.items].sort((a, b) => collator().compare(a, b));\n *\n *   return (\n *     <ul>\n *       <For each={sortedItems()}>\n *         {(item) => <li>{item}</li>}\n *       </For>\n *     </ul>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Case-insensitive sorting\n * const collator = createCollator({ sensitivity: 'base' });\n *\n * // Numeric sorting\n * const numericCollator = createCollator({ numeric: true });\n * // ['a1', 'a10', 'a2'].sort(numericCollator().compare) -> ['a1', 'a2', 'a10']\n * ```\n */\nexport function createCollator(options?: Intl.CollatorOptions): () => Intl.Collator {\n  const locale = useLocale();\n\n  return createMemo(() => getCachedCollator(locale().locale, options));\n}\n"],"mappings":"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"}

package/dist/_chunk/createCollectionRowInteraction.js

@@ -0,0 +1,133 @@
+import { S as scrollIntoViewport } from "./utils.js";
+import { a as getEventTarget, g as isTabbable, i as getActiveElement, l as getScrollParent, o as getFocusableTreeWalker, t as focusSafely, y as nodeContains } from "./focus.js";
+//#region src/selection/createCollectionRowInteraction.ts
+function lastFocusable(walker) {
+	let last = null;
+	let next;
+	while (next = walker.nextNode()) last = next;
+	return last instanceof HTMLElement ? last : null;
+}
+function scrollFocusedElementIntoView(row, element) {
+	focusSafely(element);
+	scrollIntoViewport(element, { containingElement: getScrollParent(row) });
+}
+function redispatchCollectionArrowKey(row, event) {
+	row.parentElement?.dispatchEvent(new KeyboardEvent(event.type, {
+		altKey: event.altKey,
+		bubbles: true,
+		cancelable: event.cancelable,
+		code: event.code,
+		composed: event.composed,
+		ctrlKey: event.ctrlKey,
+		key: event.key,
+		location: event.location,
+		metaKey: event.metaKey,
+		repeat: event.repeat,
+		shiftKey: event.shiftKey
+	}));
+}
+function shouldIgnoreRowEvent(event, row) {
+	const target = getEventTarget(event);
+	const currentTarget = event.currentTarget;
+	return !target || !currentTarget || !nodeContains(currentTarget, target) || !nodeContains(row, target);
+}
+function mergeCollectionRowInteractionProps(rowProps, options) {
+	const baseOnKeyDownCapture = rowProps.onKeyDownCapture;
+	const baseOnKeyDown = rowProps.onKeyDown;
+	const baseOnPointerDown = rowProps.onPointerDown;
+	const baseOnMouseDown = rowProps.onMouseDown;
+	const onKeyDownCapture = (event) => {
+		const row = options.ref();
+		const activeElement = getActiveElement(row?.ownerDocument);
+		if (options.keyboardNavigationBehavior() !== "arrow" || !row || !activeElement || shouldIgnoreRowEvent(event, row)) {
+			baseOnKeyDownCapture?.(event);
+			return;
+		}
+		const direction = options.direction?.() ?? "ltr";
+		const walker = getFocusableTreeWalker(row);
+		walker.currentNode = activeElement;
+		switch (event.key) {
+			case "ArrowLeft": {
+				const focusable = direction === "rtl" ? walker.nextNode() : walker.previousNode();
+				event.preventDefault();
+				event.stopPropagation();
+				if (focusable) scrollFocusedElementIntoView(row, focusable);
+				else if (direction === "rtl") scrollFocusedElementIntoView(row, row);
+				else {
+					walker.currentNode = row;
+					const lastElement = lastFocusable(walker);
+					if (lastElement) scrollFocusedElementIntoView(row, lastElement);
+				}
+				break;
+			}
+			case "ArrowRight": {
+				const focusable = direction === "rtl" ? walker.previousNode() : walker.nextNode();
+				event.preventDefault();
+				event.stopPropagation();
+				if (focusable) scrollFocusedElementIntoView(row, focusable);
+				else if (direction === "ltr") scrollFocusedElementIntoView(row, row);
+				else {
+					walker.currentNode = row;
+					const lastElement = lastFocusable(walker);
+					if (lastElement) scrollFocusedElementIntoView(row, lastElement);
+				}
+				break;
+			}
+			case "ArrowUp":
+			case "ArrowDown":
+				if (!event.altKey) {
+					event.preventDefault();
+					event.stopPropagation();
+					redispatchCollectionArrowKey(row, event);
+				}
+				break;
+		}
+		if (!event.cancelBubble) baseOnKeyDownCapture?.(event);
+	};
+	const onKeyDown = (event) => {
+		const row = options.ref();
+		const target = getEventTarget(event);
+		const activeElement = getActiveElement(row?.ownerDocument);
+		if (row && target && activeElement && !shouldIgnoreRowEvent(event, row)) {
+			if (options.keyboardNavigationBehavior() === "tab" && target !== row && event.key !== "Tab") {
+				event.stopPropagation();
+				return;
+			}
+			if (options.keyboardNavigationBehavior() === "tab" && event.key === "Tab") {
+				const walker = getFocusableTreeWalker(row, { tabbable: true });
+				walker.currentNode = activeElement;
+				if (event.shiftKey ? walker.previousNode() : walker.nextNode()) event.stopPropagation();
+			}
+		}
+		if (!event.cancelBubble) baseOnKeyDown?.(event);
+	};
+	const onPointerDown = (event) => {
+		const row = options.ref();
+		const target = getEventTarget(event);
+		if (row && target && target !== row && isTabbable(target)) {
+			event.stopPropagation();
+			return;
+		}
+		baseOnPointerDown?.(event);
+	};
+	const onMouseDown = (event) => {
+		const row = options.ref();
+		const target = getEventTarget(event);
+		if (row && target && target !== row && isTabbable(target)) {
+			event.stopPropagation();
+			return;
+		}
+		baseOnMouseDown?.(event);
+	};
+	return {
+		...rowProps,
+		onKeyDownCapture: options.keyboardNavigationBehavior() === "arrow" ? onKeyDownCapture : baseOnKeyDownCapture,
+		onKeyDown,
+		onPointerDown,
+		onMouseDown
+	};
+}
+//#endregion
+export { mergeCollectionRowInteractionProps as t };
+
+//# sourceMappingURL=createCollectionRowInteraction.js.map

package/dist/_chunk/createCollectionRowInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCollectionRowInteraction.js","names":[],"sources":["../../src/selection/createCollectionRowInteraction.ts"],"sourcesContent":["import type { Accessor, JSX } from \"solid-js\";\nimport {\n  getActiveElement,\n  getEventTarget,\n  getFocusableTreeWalker,\n  getScrollParent,\n  isTabbable,\n  nodeContains,\n} from \"../utils/dom\";\nimport { focusSafely } from \"../utils/focus\";\nimport { scrollIntoViewport } from \"../utils/scrollIntoView\";\n\ntype KeyboardNavigationBehavior = \"arrow\" | \"tab\";\n\ninterface CollectionRowInteractionOptions {\n  ref: Accessor<HTMLElement | null>;\n  keyboardNavigationBehavior: Accessor<KeyboardNavigationBehavior>;\n  direction?: Accessor<\"ltr\" | \"rtl\">;\n}\n\ntype CollectionRowInteractionProps<T extends HTMLElement> = JSX.HTMLAttributes<T> & {\n  onKeyDownCapture?: JSX.EventHandler<T, KeyboardEvent>;\n};\n\nfunction lastFocusable(walker: TreeWalker): HTMLElement | null {\n  let last: Node | null = null;\n  let next: Node | null;\n  while ((next = walker.nextNode())) {\n    last = next;\n  }\n  return last instanceof HTMLElement ? last : null;\n}\n\nfunction scrollFocusedElementIntoView(row: HTMLElement, element: HTMLElement): void {\n  focusSafely(element);\n  scrollIntoViewport(element, { containingElement: getScrollParent(row) });\n}\n\nfunction redispatchCollectionArrowKey(row: HTMLElement, event: KeyboardEvent): void {\n  row.parentElement?.dispatchEvent(\n    new KeyboardEvent(event.type, {\n      altKey: event.altKey,\n      bubbles: true,\n      cancelable: event.cancelable,\n      code: event.code,\n      composed: event.composed,\n      ctrlKey: event.ctrlKey,\n      key: event.key,\n      location: event.location,\n      metaKey: event.metaKey,\n      repeat: event.repeat,\n      shiftKey: event.shiftKey,\n    }),\n  );\n}\n\nfunction shouldIgnoreRowEvent(event: Event, row: HTMLElement): boolean {\n  const target = getEventTarget<Element>(event);\n  const currentTarget = event.currentTarget as Element | null;\n  return (\n    !target || !currentTarget || !nodeContains(currentTarget, target) || !nodeContains(row, target)\n  );\n}\n\nexport function mergeCollectionRowInteractionProps<T extends HTMLElement>(\n  rowProps: CollectionRowInteractionProps<T>,\n  options: CollectionRowInteractionOptions,\n): CollectionRowInteractionProps<T> {\n  const baseOnKeyDownCapture = rowProps.onKeyDownCapture as\n    | ((event: KeyboardEvent) => void)\n    | undefined;\n  const baseOnKeyDown = rowProps.onKeyDown as ((event: KeyboardEvent) => void) | undefined;\n  const baseOnPointerDown = rowProps.onPointerDown as ((event: PointerEvent) => void) | undefined;\n  const baseOnMouseDown = rowProps.onMouseDown as ((event: MouseEvent) => void) | undefined;\n\n  const onKeyDownCapture = (event: KeyboardEvent) => {\n    const row = options.ref();\n    const activeElement = getActiveElement(row?.ownerDocument);\n    if (\n      options.keyboardNavigationBehavior() !== \"arrow\" ||\n      !row ||\n      !activeElement ||\n      shouldIgnoreRowEvent(event, row)\n    ) {\n      baseOnKeyDownCapture?.(event);\n      return;\n    }\n\n    const direction = options.direction?.() ?? \"ltr\";\n    const walker = getFocusableTreeWalker(row);\n    walker.currentNode = activeElement;\n\n    switch (event.key) {\n      case \"ArrowLeft\": {\n        const focusable =\n          direction === \"rtl\"\n            ? (walker.nextNode() as HTMLElement | null)\n            : (walker.previousNode() as HTMLElement | null);\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (focusable) {\n          scrollFocusedElementIntoView(row, focusable);\n        } else if (direction === \"rtl\") {\n          scrollFocusedElementIntoView(row, row);\n        } else {\n          walker.currentNode = row;\n          const lastElement = lastFocusable(walker);\n          if (lastElement) {\n            scrollFocusedElementIntoView(row, lastElement);\n          }\n        }\n        break;\n      }\n      case \"ArrowRight\": {\n        const focusable =\n          direction === \"rtl\"\n            ? (walker.previousNode() as HTMLElement | null)\n            : (walker.nextNode() as HTMLElement | null);\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (focusable) {\n          scrollFocusedElementIntoView(row, focusable);\n        } else if (direction === \"ltr\") {\n          scrollFocusedElementIntoView(row, row);\n        } else {\n          walker.currentNode = row;\n          const lastElement = lastFocusable(walker);\n          if (lastElement) {\n            scrollFocusedElementIntoView(row, lastElement);\n          }\n        }\n        break;\n      }\n      case \"ArrowUp\":\n      case \"ArrowDown\": {\n        if (!event.altKey) {\n          event.preventDefault();\n          event.stopPropagation();\n          redispatchCollectionArrowKey(row, event);\n        }\n        break;\n      }\n    }\n\n    if (!event.cancelBubble) {\n      baseOnKeyDownCapture?.(event);\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const row = options.ref();\n    const target = getEventTarget<Element>(event);\n    const activeElement = getActiveElement(row?.ownerDocument);\n\n    if (row && target && activeElement && !shouldIgnoreRowEvent(event, row)) {\n      if (options.keyboardNavigationBehavior() === \"tab\" && target !== row && event.key !== \"Tab\") {\n        event.stopPropagation();\n        return;\n      }\n\n      if (options.keyboardNavigationBehavior() === \"tab\" && event.key === \"Tab\") {\n        const walker = getFocusableTreeWalker(row, { tabbable: true });\n        walker.currentNode = activeElement;\n        const next = event.shiftKey ? walker.previousNode() : walker.nextNode();\n\n        if (next) {\n          event.stopPropagation();\n        }\n      }\n    }\n\n    if (!event.cancelBubble) {\n      baseOnKeyDown?.(event);\n    }\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    const row = options.ref();\n    const target = getEventTarget<Element>(event);\n    if (row && target && target !== row && isTabbable(target)) {\n      event.stopPropagation();\n      return;\n    }\n    baseOnPointerDown?.(event);\n  };\n\n  const onMouseDown = (event: MouseEvent) => {\n    const row = options.ref();\n    const target = getEventTarget<Element>(event);\n    if (row && target && target !== row && isTabbable(target)) {\n      event.stopPropagation();\n      return;\n    }\n    baseOnMouseDown?.(event);\n  };\n\n  return {\n    ...rowProps,\n    onKeyDownCapture:\n      options.keyboardNavigationBehavior() === \"arrow\" ? onKeyDownCapture : baseOnKeyDownCapture,\n    onKeyDown,\n    onPointerDown,\n    onMouseDown,\n  };\n}\n"],"mappings":"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"}