@proyecto-viviana/solidaria 0.2.5 → 0.3.0

package/src/i18n/createDateFormatter.ts

@@ -1,83 +1,75 @@
-/**
- * createDateFormatter hook for solidaria
- *
- * Provides localized date formatting with caching.
- *
- * Port of @react-aria/i18n useDateFormatter.
- */
-
-import { createMemo } from 'solid-js';
-import { useLocale } from './locale';
-import { createCacheKey } from './utils';
-
-// ============================================
-// CACHE
-// ============================================
-
-const dateFormatterCache = new Map<string, Intl.DateTimeFormat>();
-
-/**
- * Gets or creates a cached date formatter.
- */
-function getCachedDateFormatter(
-  locale: string,
-  options?: Intl.DateTimeFormatOptions
-): Intl.DateTimeFormat {
-  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);
-
-  if (dateFormatterCache.has(cacheKey)) {
-    return dateFormatterCache.get(cacheKey)!;
-  }
-
-  const formatter = new Intl.DateTimeFormat(locale, options);
-  dateFormatterCache.set(cacheKey, formatter);
-  return formatter;
-}
-
-// ============================================
-// HOOK
-// ============================================
-
-/**
- * Provides localized date and time formatting for the current locale.
- * Automatically updates when the locale changes.
- *
- * @example
- * ```tsx
- * function DateDisplay(props: { date: Date }) {
- *   const formatter = createDateFormatter({
- *     year: 'numeric',
- *     month: 'long',
- *     day: 'numeric',
- *   });
- *
- *   return <span>{formatter().format(props.date)}</span>;
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Short date
- * const shortDate = createDateFormatter({ dateStyle: 'short' });
- * shortDate().format(new Date()); // '1/19/26' (US) or '19/01/26' (UK)
- *
- * // Full date with time
- * const fullDateTime = createDateFormatter({
- *   dateStyle: 'full',
- *   timeStyle: 'short',
- * });
- *
- * // Time only
- * const timeFormatter = createDateFormatter({
- *   hour: 'numeric',
- *   minute: '2-digit',
- * });
- * ```
- */
-export function createDateFormatter(
-  options?: Intl.DateTimeFormatOptions
-): () => Intl.DateTimeFormat {
-  const locale = useLocale();
-
-  return createMemo(() => getCachedDateFormatter(locale().locale, options));
-}
+/**
+ * createDateFormatter hook for solidaria
+ *
+ * Provides localized date formatting with caching.
+ *
+ * Port of @react-aria/i18n useDateFormatter.
+ */
+
+import { createMemo } from "solid-js";
+import { useLocale } from "./locale";
+import { createCacheKey } from "./utils";
+
+const dateFormatterCache = new Map<string, Intl.DateTimeFormat>();
+
+/**
+ * Gets or creates a cached date formatter.
+ */
+function getCachedDateFormatter(
+  locale: string,
+  options?: Intl.DateTimeFormatOptions,
+): Intl.DateTimeFormat {
+  const cacheKey = createCacheKey(locale, options as Record<string, unknown>);
+
+  if (dateFormatterCache.has(cacheKey)) {
+    return dateFormatterCache.get(cacheKey)!;
+  }
+
+  const formatter = new Intl.DateTimeFormat(locale, options);
+  dateFormatterCache.set(cacheKey, formatter);
+  return formatter;
+}
+
+/**
+ * Provides localized date and time formatting for the current locale.
+ * Automatically updates when the locale changes.
+ *
+ * @example
+ * ```tsx
+ * function DateDisplay(props: { date: Date }) {
+ *   const formatter = createDateFormatter({
+ *     year: 'numeric',
+ *     month: 'long',
+ *     day: 'numeric',
+ *   });
+ *
+ *   return <span>{formatter().format(props.date)}</span>;
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Short date
+ * const shortDate = createDateFormatter({ dateStyle: 'short' });
+ * shortDate().format(new Date()); // '1/19/26' (US) or '19/01/26' (UK)
+ *
+ * // Full date with time
+ * const fullDateTime = createDateFormatter({
+ *   dateStyle: 'full',
+ *   timeStyle: 'short',
+ * });
+ *
+ * // Time only
+ * const timeFormatter = createDateFormatter({
+ *   hour: 'numeric',
+ *   minute: '2-digit',
+ * });
+ * ```
+ */
+export function createDateFormatter(
+  options?: Intl.DateTimeFormatOptions,
+): () => Intl.DateTimeFormat {
+  const locale = useLocale();
+
+  return createMemo(() => getCachedDateFormatter(locale().locale, options));
+}

package/src/i18n/createFilter.ts

@@ -1,131 +1,118 @@
-/**
- * createFilter hook for solidaria
- *
- * Provides localized string filtering with collation support.
- *
- * Port of @react-aria/i18n useFilter.
- */
-
-import { createMemo } from 'solid-js';
-import { createCollator } from './createCollator';
-
-// ============================================
-// TYPES
-// ============================================
-
-export interface Filter {
-  /** Returns whether a string starts with a given substring. */
-  startsWith(string: string, substring: string): boolean;
-  /** Returns whether a string ends with a given substring. */
-  endsWith(string: string, substring: string): boolean;
-  /** Returns whether a string contains a given substring. */
-  contains(string: string, substring: string): boolean;
-}
-
-// ============================================
-// HOOK
-// ============================================
-
-/**
- * Provides localized string search functionality for filtering or matching items.
- * Respects locale-specific collation rules for case and diacritic sensitivity.
- *
- * @example
- * ```tsx
- * function SearchableList(props: { items: { name: string }[] }) {
- *   const [query, setQuery] = createSignal('');
- *   const filter = createFilter({ sensitivity: 'base' });
- *
- *   const filteredItems = () =>
- *     props.items.filter((item) =>
- *       filter().contains(item.name, query())
- *     );
- *
- *   return (
- *     <>
- *       <input
- *         value={query()}
- *         onInput={(e) => setQuery(e.target.value)}
- *         placeholder="Search..."
- *       />
- *       <ul>
- *         <For each={filteredItems()}>
- *           {(item) => <li>{item.name}</li>}
- *         </For>
- *       </ul>
- *     </>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Case-insensitive, diacritic-insensitive filtering
- * const filter = createFilter({ sensitivity: 'base' });
- * filter().contains('Café', 'cafe'); // true
- * filter().startsWith('Hello', 'hello'); // true
- * ```
- */
-export function createFilter(options?: Intl.CollatorOptions): () => Filter {
-  const collator = createCollator({
-    usage: 'search',
-    ...options,
-  });
-
-  return createMemo(() => {
-    const coll = collator();
-
-    const startsWith = (str: string, substring: string): boolean => {
-      if (substring.length === 0) {
-        return true;
-      }
-
-      // Normalize both strings for safe slicing
-      const normalizedStr = str.normalize('NFC');
-      const normalizedSub = substring.normalize('NFC');
-
-      return (
-        coll.compare(normalizedStr.slice(0, normalizedSub.length), normalizedSub) ===
-        0
-      );
-    };
-
-    const endsWith = (str: string, substring: string): boolean => {
-      if (substring.length === 0) {
-        return true;
-      }
-
-      const normalizedStr = str.normalize('NFC');
-      const normalizedSub = substring.normalize('NFC');
-
-      return (
-        coll.compare(normalizedStr.slice(-normalizedSub.length), normalizedSub) === 0
-      );
-    };
-
-    const contains = (str: string, substring: string): boolean => {
-      if (substring.length === 0) {
-        return true;
-      }
-
-      const normalizedStr = str.normalize('NFC');
-      const normalizedSub = substring.normalize('NFC');
-      const sliceLen = normalizedSub.length;
-
-      for (let scan = 0; scan + sliceLen <= normalizedStr.length; scan++) {
-        const slice = normalizedStr.slice(scan, scan + sliceLen);
-        if (coll.compare(normalizedSub, slice) === 0) {
-          return true;
-        }
-      }
-
-      return false;
-    };
-
-    return {
-      startsWith,
-      endsWith,
-      contains,
-    };
-  });
-}
+/**
+ * createFilter hook for solidaria
+ *
+ * Provides localized string filtering with collation support.
+ *
+ * Port of @react-aria/i18n useFilter.
+ */
+
+import { createMemo } from "solid-js";
+import { createCollator } from "./createCollator";
+
+export interface Filter {
+  /** Returns whether a string starts with a given substring. */
+  startsWith(string: string, substring: string): boolean;
+  /** Returns whether a string ends with a given substring. */
+  endsWith(string: string, substring: string): boolean;
+  /** Returns whether a string contains a given substring. */
+  contains(string: string, substring: string): boolean;
+}
+
+/**
+ * Provides localized string search functionality for filtering or matching items.
+ * Respects locale-specific collation rules for case and diacritic sensitivity.
+ *
+ * @example
+ * ```tsx
+ * function SearchableList(props: { items: { name: string }[] }) {
+ *   const [query, setQuery] = createSignal('');
+ *   const filter = createFilter({ sensitivity: 'base' });
+ *
+ *   const filteredItems = () =>
+ *     props.items.filter((item) =>
+ *       filter().contains(item.name, query())
+ *     );
+ *
+ *   return (
+ *     <>
+ *       <input
+ *         value={query()}
+ *         onInput={(e) => setQuery(e.target.value)}
+ *         placeholder="Search..."
+ *       />
+ *       <ul>
+ *         <For each={filteredItems()}>
+ *           {(item) => <li>{item.name}</li>}
+ *         </For>
+ *       </ul>
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Case-insensitive, diacritic-insensitive filtering
+ * const filter = createFilter({ sensitivity: 'base' });
+ * filter().contains('Café', 'cafe'); // true
+ * filter().startsWith('Hello', 'hello'); // true
+ * ```
+ */
+export function createFilter(options?: Intl.CollatorOptions): () => Filter {
+  const collator = createCollator({
+    usage: "search",
+    ...options,
+  });
+
+  return createMemo(() => {
+    const coll = collator();
+
+    const startsWith = (str: string, substring: string): boolean => {
+      if (substring.length === 0) {
+        return true;
+      }
+
+      // Normalize both strings for safe slicing
+      const normalizedStr = str.normalize("NFC");
+      const normalizedSub = substring.normalize("NFC");
+
+      return coll.compare(normalizedStr.slice(0, normalizedSub.length), normalizedSub) === 0;
+    };
+
+    const endsWith = (str: string, substring: string): boolean => {
+      if (substring.length === 0) {
+        return true;
+      }
+
+      const normalizedStr = str.normalize("NFC");
+      const normalizedSub = substring.normalize("NFC");
+
+      return coll.compare(normalizedStr.slice(-normalizedSub.length), normalizedSub) === 0;
+    };
+
+    const contains = (str: string, substring: string): boolean => {
+      if (substring.length === 0) {
+        return true;
+      }
+
+      const normalizedStr = str.normalize("NFC");
+      const normalizedSub = substring.normalize("NFC");
+      const sliceLen = normalizedSub.length;
+
+      for (let scan = 0; scan + sliceLen <= normalizedStr.length; scan++) {
+        const slice = normalizedStr.slice(scan, scan + sliceLen);
+        if (coll.compare(normalizedSub, slice) === 0) {
+          return true;
+        }
+      }
+
+      return false;
+    };
+
+    return {
+      startsWith,
+      endsWith,
+      contains,
+    };
+  });
+}

package/src/i18n/createNumberFormatter.ts

@@ -1,52 +1,50 @@
-/**
- * createNumberFormatter hook for solidaria
- *
- * Provides localized number formatting with automatic locale updates.
- *
- * Port of @react-aria/i18n useNumberFormatter.
- */
-
-import { createMemo } from 'solid-js';
-import { useLocale } from './locale';
-import { NumberFormatter, type NumberFormatOptions } from './NumberFormatter';
-
-/**
- * Provides localized number formatting for the current locale.
- * Automatically updates when the locale changes.
- *
- * @example
- * ```tsx
- * function PriceDisplay(props: { value: number }) {
- *   const formatter = createNumberFormatter({
- *     style: 'currency',
- *     currency: 'USD',
- *   });
- *
- *   return <span>{formatter().format(props.value)}</span>;
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Percent formatting
- * const percentFormatter = createNumberFormatter({
- *   style: 'percent',
- *   minimumFractionDigits: 1,
- * });
- * percentFormatter().format(0.125); // '12.5%'
- *
- * // Unit formatting
- * const tempFormatter = createNumberFormatter({
- *   style: 'unit',
- *   unit: 'celsius',
- * });
- * tempFormatter().format(25); // '25°C'
- * ```
- */
-export function createNumberFormatter(
-  options: NumberFormatOptions = {}
-): () => NumberFormatter {
-  const locale = useLocale();
-
-  return createMemo(() => new NumberFormatter(locale().locale, options));
-}
+/**
+ * createNumberFormatter hook for solidaria
+ *
+ * Provides localized number formatting with automatic locale updates.
+ *
+ * Port of @react-aria/i18n useNumberFormatter.
+ */
+
+import { createMemo } from "solid-js";
+import { useLocale } from "./locale";
+import { NumberFormatter, type NumberFormatOptions } from "@internationalized/number";
+
+/**
+ * Provides localized number formatting for the current locale.
+ * Automatically updates when the locale changes.
+ *
+ * @example
+ * ```tsx
+ * function PriceDisplay(props: { value: number }) {
+ *   const formatter = createNumberFormatter({
+ *     style: 'currency',
+ *     currency: 'USD',
+ *   });
+ *
+ *   return <span>{formatter().format(props.value)}</span>;
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Percent formatting
+ * const percentFormatter = createNumberFormatter({
+ *   style: 'percent',
+ *   minimumFractionDigits: 1,
+ * });
+ * percentFormatter().format(0.125); // '12.5%'
+ *
+ * // Unit formatting
+ * const tempFormatter = createNumberFormatter({
+ *   style: 'unit',
+ *   unit: 'celsius',
+ * });
+ * tempFormatter().format(25); // '25°C'
+ * ```
+ */
+export function createNumberFormatter(options: NumberFormatOptions = {}): () => NumberFormatter {
+  const locale = useLocale();
+
+  return createMemo(() => new NumberFormatter(locale().locale, options));
+}

package/src/i18n/createStringFormatter.ts

@@ -8,19 +8,24 @@ import {
   LocalizedStringDictionary,
   LocalizedStringFormatter,
   type LocalizedStrings,
-} from '@internationalized/string';
-import { createMemo, type Accessor } from 'solid-js';
-import { useLocale } from './locale';
+} from "@internationalized/string";
+import { createMemo, type Accessor } from "solid-js";
+import { useLocale } from "./locale";
 
 // Cache for dictionaries to avoid recreating them
-const cache = new WeakMap<LocalizedStrings<string, LocalizedString>, LocalizedStringDictionary<string, LocalizedString>>();
+const cache = new WeakMap<
+  LocalizedStrings<string, LocalizedString>,
+  LocalizedStringDictionary<string, LocalizedString>
+>();
 
 function getCachedDictionary<K extends string, T extends LocalizedString>(
-  strings: LocalizedStrings<K, T>
+  strings: LocalizedStrings<K, T>,
 ): LocalizedStringDictionary<K, T> {
   let dictionary = cache.get(strings as LocalizedStrings<string, LocalizedString>);
   if (!dictionary) {
-    dictionary = new LocalizedStringDictionary(strings as LocalizedStrings<string, LocalizedString>);
+    dictionary = new LocalizedStringDictionary(
+      strings as LocalizedStrings<string, LocalizedString>,
+    );
     cache.set(strings as LocalizedStrings<string, LocalizedString>, dictionary);
   }
   return dictionary as LocalizedStringDictionary<K, T>;
@@ -29,10 +34,10 @@ function getCachedDictionary<K extends string, T extends LocalizedString>(
 /**
  * Returns a cached LocalizedStringDictionary for the given strings.
  */
-export function createStringDictionary<K extends string = string, T extends LocalizedString = string>(
-  strings: LocalizedStrings<K, T>,
-  packageName?: string
-): LocalizedStringDictionary<K, T> {
+export function createStringDictionary<
+  K extends string = string,
+  T extends LocalizedString = string,
+>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringDictionary<K, T> {
   return (
     (packageName && LocalizedStringDictionary.getGlobalDictionaryForPackage(packageName)) ||
     getCachedDictionary(strings)
@@ -68,17 +73,16 @@ export function createStringDictionary<K extends string = string, T extends Loca
  * }
  * ```
  */
-export function createStringFormatter<K extends string = string, T extends LocalizedString = string>(
-  strings: LocalizedStrings<K, T>,
-  packageName?: string
-): Accessor<LocalizedStringFormatter<K, T>> {
+export function createStringFormatter<
+  K extends string = string,
+  T extends LocalizedString = string,
+>(strings: LocalizedStrings<K, T>, packageName?: string): Accessor<LocalizedStringFormatter<K, T>> {
   const localeAccessor = useLocale();
   const dictionary = createStringDictionary(strings, packageName);
 
   return createMemo(() => new LocalizedStringFormatter(localeAccessor().locale, dictionary));
 }
 
-// Re-export types for convenience
 export type {
   LocalizedString,
   LocalizedStringDictionary,

package/src/i18n/index.ts

@@ -1,40 +1,37 @@
-// Locale context and provider
-export {
-  I18nProvider,
-  useLocale,
-  createDefaultLocale,
-  getDefaultLocale,
-  type Direction,
-  type Locale,
-  type I18nProviderProps,
-} from './locale';
-
-// RTL utilities
-export { isRTL, createCacheKey } from './utils';
-
-// Number formatting
-export {
-  NumberFormatter,
-  type NumberFormatOptions,
-} from './NumberFormatter';
-
-export { createNumberFormatter } from './createNumberFormatter';
-
-// Date formatting
-export { createDateFormatter } from './createDateFormatter';
-
-// String collation
-export { createCollator } from './createCollator';
-
-// String filtering
-export { createFilter, type Filter } from './createFilter';
-
-// String formatting (ICU MessageFormat)
-export {
-  createStringFormatter,
-  createStringDictionary,
-  type LocalizedString,
-  type LocalizedStringDictionary,
-  type LocalizedStringFormatter,
-  type LocalizedStrings,
-} from './createStringFormatter';
+// Locale context and provider
+export {
+  I18nProvider,
+  useLocale,
+  createDefaultLocale,
+  getDefaultLocale,
+  type Direction,
+  type Locale,
+  type I18nProviderProps,
+} from "./locale";
+
+// RTL utilities
+export { isRTL, createCacheKey } from "./utils";
+
+// Number formatting
+export { NumberFormatter, type NumberFormatOptions } from "@internationalized/number";
+
+export { createNumberFormatter } from "./createNumberFormatter";
+
+// Date formatting
+export { createDateFormatter } from "./createDateFormatter";
+
+// String collation
+export { createCollator } from "./createCollator";
+
+// String filtering
+export { createFilter, type Filter } from "./createFilter";
+
+// String formatting (ICU MessageFormat)
+export {
+  createStringFormatter,
+  createStringDictionary,
+  type LocalizedString,
+  type LocalizedStringDictionary,
+  type LocalizedStringFormatter,
+  type LocalizedStrings,
+} from "./createStringFormatter";