@proyecto-viviana/solidaria 0.2.4 → 0.2.8

package/src/i18n/createNumberFormatter.ts

@@ -1,52 +1,52 @@
-/**
- * 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 './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));
+}

package/src/i18n/index.ts

@@ -1,40 +1,40 @@
-// 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 './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';

package/src/i18n/locale.tsx

@@ -1,188 +1,188 @@
-/**
- * Locale context and provider for solidaria
- *
- * Provides locale and text direction to the component tree.
- *
- * Port of @react-aria/i18n context and useDefaultLocale.
- */
-
-import {
-  type Accessor,
-  type JSX,
-  type ParentProps,
-  createContext,
-  createEffect,
-  createMemo,
-  createSignal,
-  onCleanup,
-  useContext,
-} from 'solid-js';
-import { isRTL } from './utils';
-
-// ============================================
-// TYPES
-// ============================================
-
-/** Text direction: left-to-right or right-to-left. */
-export type Direction = 'ltr' | 'rtl';
-
-/** Locale information including language code and text direction. */
-export interface Locale {
-  /** The BCP47 language code for the locale (e.g., 'en-US', 'ar-SA'). */
-  locale: string;
-  /** The writing direction for the locale. */
-  direction: Direction;
-}
-
-export interface I18nProviderProps extends ParentProps {
-  /** The locale to apply to the children. If not provided, uses browser default. */
-  locale?: string;
-}
-
-// ============================================
-// GLOBAL STATE
-// ============================================
-
-// Symbol for server-provided locale
-const localeSymbol = Symbol.for('solidaria.i18n.locale');
-
-let currentLocale: Locale | null = null;
-const listeners = new Set<(locale: Locale) => void>();
-
-/**
- * Gets the default locale from the browser/system.
- */
-export function getDefaultLocale(): Locale {
-  let locale =
-    (typeof window !== 'undefined' &&
-      (window as unknown as Record<symbol, string>)[localeSymbol]) ||
-    (typeof navigator !== 'undefined' &&
-      (navigator.language ||
-        (navigator as unknown as { userLanguage?: string }).userLanguage)) ||
-    'en-US';
-
-  // Validate the locale is supported
-  try {
-    Intl.DateTimeFormat.supportedLocalesOf([locale]);
-  } catch {
-    locale = 'en-US';
-  }
-
-  return {
-    locale,
-    direction: isRTL(locale) ? 'rtl' : 'ltr',
-  };
-}
-
-function updateLocale(): void {
-  currentLocale = getDefaultLocale();
-  for (const listener of listeners) {
-    listener(currentLocale);
-  }
-}
-
-// ============================================
-// CONTEXT
-// ============================================
-
-const I18nContext = createContext<Accessor<Locale> | null>(null);
-
-// ============================================
-// HOOKS
-// ============================================
-
-/**
- * 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'
- * ```
- */
-export function createDefaultLocale(): Accessor<Locale> {
-  if (!currentLocale) {
-    currentLocale = getDefaultLocale();
-  }
-
-  const [locale, setLocale] = createSignal<Locale>(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>;
- * }
- * ```
- */
-export function useLocale(): Accessor<Locale> {
-  const context = useContext(I18nContext);
-  const defaultLocale = createDefaultLocale();
-  return context || defaultLocale;
-}
-
-// ============================================
-// PROVIDER
-// ============================================
-
-/**
- * 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>
- * ```
- */
-export function I18nProvider(props: I18nProviderProps): JSX.Element {
-  const defaultLocale = createDefaultLocale();
-
-  const locale = createMemo<Locale>(() => {
-    if (props.locale) {
-      return {
-        locale: props.locale,
-        direction: isRTL(props.locale) ? 'rtl' : 'ltr',
-      };
-    }
-    return defaultLocale();
-  });
-
-  return (
-    <I18nContext.Provider value={locale}>
-      {props.children}
-    </I18nContext.Provider>
-  );
-}
+/**
+ * Locale context and provider for solidaria
+ *
+ * Provides locale and text direction to the component tree.
+ *
+ * Port of @react-aria/i18n context and useDefaultLocale.
+ */
+
+import {
+  type Accessor,
+  type JSX,
+  type ParentProps,
+  createContext,
+  createEffect,
+  createMemo,
+  createSignal,
+  onCleanup,
+  useContext,
+} from 'solid-js';
+import { isRTL } from './utils';
+
+// ============================================
+// TYPES
+// ============================================
+
+/** Text direction: left-to-right or right-to-left. */
+export type Direction = 'ltr' | 'rtl';
+
+/** Locale information including language code and text direction. */
+export interface Locale {
+  /** The BCP47 language code for the locale (e.g., 'en-US', 'ar-SA'). */
+  locale: string;
+  /** The writing direction for the locale. */
+  direction: Direction;
+}
+
+export interface I18nProviderProps extends ParentProps {
+  /** The locale to apply to the children. If not provided, uses browser default. */
+  locale?: string;
+}
+
+// ============================================
+// GLOBAL STATE
+// ============================================
+
+// Symbol for server-provided locale
+const localeSymbol = Symbol.for('solidaria.i18n.locale');
+
+let currentLocale: Locale | null = null;
+const listeners = new Set<(locale: Locale) => void>();
+
+/**
+ * Gets the default locale from the browser/system.
+ */
+export function getDefaultLocale(): Locale {
+  let locale =
+    (typeof window !== 'undefined' &&
+      (window as unknown as Record<symbol, string>)[localeSymbol]) ||
+    (typeof navigator !== 'undefined' &&
+      (navigator.language ||
+        (navigator as unknown as { userLanguage?: string }).userLanguage)) ||
+    'en-US';
+
+  // Validate the locale is supported
+  try {
+    Intl.DateTimeFormat.supportedLocalesOf([locale]);
+  } catch {
+    locale = 'en-US';
+  }
+
+  return {
+    locale,
+    direction: isRTL(locale) ? 'rtl' : 'ltr',
+  };
+}
+
+function updateLocale(): void {
+  currentLocale = getDefaultLocale();
+  for (const listener of listeners) {
+    listener(currentLocale);
+  }
+}
+
+// ============================================
+// CONTEXT
+// ============================================
+
+const I18nContext = createContext<Accessor<Locale> | null>(null);
+
+// ============================================
+// HOOKS
+// ============================================
+
+/**
+ * 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'
+ * ```
+ */
+export function createDefaultLocale(): Accessor<Locale> {
+  if (!currentLocale) {
+    currentLocale = getDefaultLocale();
+  }
+
+  const [locale, setLocale] = createSignal<Locale>(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>;
+ * }
+ * ```
+ */
+export function useLocale(): Accessor<Locale> {
+  const context = useContext(I18nContext);
+  const defaultLocale = createDefaultLocale();
+  return context || defaultLocale;
+}
+
+// ============================================
+// PROVIDER
+// ============================================
+
+/**
+ * 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>
+ * ```
+ */
+export function I18nProvider(props: I18nProviderProps): JSX.Element {
+  const defaultLocale = createDefaultLocale();
+
+  const locale = createMemo<Locale>(() => {
+    if (props.locale) {
+      return {
+        locale: props.locale,
+        direction: isRTL(props.locale) ? 'rtl' : 'ltr',
+      };
+    }
+    return defaultLocale();
+  });
+
+  return (
+    <I18nContext.Provider value={locale}>
+      {props.children}
+    </I18nContext.Provider>
+  );
+}