@regardio/react 0.4.2 → 0.4.3

package/dist/components/heading.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'cva';
 import { HTMLAttributes, ElementType } from 'react';
 
 declare const heading: (props?: ({
-    level?: 2 | 1 | 3 | 4 | 5 | 6 | undefined;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     variant?: undefined;
 } & ({
     class?: cva.ClassValue;

package/dist/components/item.d.ts

@@ -48,7 +48,7 @@ declare const themeColors: {
     yellow: never[];
 };
 declare const item: (props?: ({
-    height?: 2 | 1 | 3 | 4 | 5 | 6 | undefined;
+    height?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     padding?: "default" | "gutter" | undefined;
     priority?: "high" | "low" | "medium" | undefined;
     themeColor?: "black" | "blue" | "coral" | "cyan" | "gray" | "green" | "lime" | "olive" | "orange" | "pink" | "purple" | "red" | "teal" | "white" | "yellow" | "unstyled" | "neutral" | undefined;

package/package.json

@@ -54,7 +54,7 @@
     "playwright": "^1.57.0",
     "storybook": "10.1.11",
     "tailwindcss": "4.1.18",
-    "tsup": "8.5.0",
+    "tsup": "8.5.1",
     "typescript": "5.9.3",
     "vite": "7.3.0",
     "vitest": "4.0.16"
@@ -114,5 +114,5 @@
   },
   "sideEffects": ["./src/styles/tailwind.css"],
   "type": "module",
-  "version": "0.4.2"
+  "version": "0.4.3"
 }

package/dist/utils/locale.d.ts

@@ -1,84 +0,0 @@
-import { LanguageDetectorLingui } from '@regardio/js/intl/language-detector';
-import { createCookie } from 'react-router';
-
-/**
- * Configuration options for creating locale utilities
- */
-interface LocaleConfigOptions {
-    /**
-     * Default locale to use as fallback
-     */
-    defaultLocale: string;
-    /**
-     * List of supported locales
-     */
-    supportedLocales: readonly string[];
-    /**
-     * Cookie options for storing locale preference
-     */
-    cookieOptions?: {
-        /**
-         * Name of the cookie (default: 'locale')
-         */
-        name?: string;
-        /**
-         * Max age of the cookie in seconds (default: 1 year)
-         */
-        maxAge?: number;
-        /**
-         * Whether the cookie should be HTTP only (default: false)
-         */
-        httpOnly?: boolean;
-        /**
-         * Whether the cookie should be secure (default: true in production)
-         */
-        secure?: boolean;
-        /**
-         * SameSite attribute for the cookie (default: 'lax')
-         */
-        sameSite?: 'strict' | 'lax' | 'none';
-    };
-    /**
-     * Detection options for the language detector
-     */
-    detectionOptions?: {
-        /**
-         * Order of detection methods (default: ['urlPath', 'cookie', 'header'])
-         */
-        order?: Array<'urlPath' | 'cookie' | 'header'>;
-    };
-}
-/**
- * Result of createLocaleConfig
- */
-interface LocaleConfig {
-    /**
-     * Cookie for storing locale preference
-     */
-    localeCookie: ReturnType<typeof createCookie>;
-    /**
-     * Language detector instance
-     */
-    languageDetector: LanguageDetectorLingui;
-}
-/**
- * Create locale configuration utilities
- *
- * This function creates a unified locale cookie and language detector
- * based on the provided configuration options.
- *
- * @param options Configuration options
- * @returns Locale configuration utilities
- *
- * @example
- * ```ts
- * // In your app's configuration file
- * const { localeCookie, languageDetector } = createLocaleConfig({
- *   defaultLocale: 'en',
- *   supportedLocales: ['en', 'de', 'fr'],
- * });
- * ```
- */
-declare function createLocaleConfig(options: LocaleConfigOptions): LocaleConfig;
-
-export { type LocaleConfig, type LocaleConfigOptions, createLocaleConfig };

package/dist/utils/locale.js

@@ -1,36 +0,0 @@
-import { LanguageDetectorLingui } from '@regardio/js/intl/language-detector';
-import { createCookie } from 'react-router';
-
-// src/utils/locale.ts
-function createLocaleConfig(options) {
-  const { defaultLocale, supportedLocales, cookieOptions = {}, detectionOptions = {} } = options;
-  const {
-    name = "locale",
-    maxAge = 60 * 60 * 24 * 365,
-    // 1 year
-    httpOnly = false,
-    secure = import.meta.env.MODE !== "development",
-    sameSite = "lax"
-  } = cookieOptions;
-  const { order = ["urlPath", "cookie", "header"] } = detectionOptions;
-  const localeCookie = createCookie(name, {
-    httpOnly,
-    maxAge,
-    sameSite,
-    secure
-  });
-  const languageDetector = new LanguageDetectorLingui({
-    detection: {
-      cookie: localeCookie,
-      fallbackLanguage: defaultLocale,
-      order,
-      supportedLanguages: [...supportedLocales]
-    }
-  });
-  return {
-    languageDetector,
-    localeCookie
-  };
-}
-
-export { createLocaleConfig };

package/src/utils/locale.test.ts

@@ -1,148 +0,0 @@
-import { LanguageDetectorLingui } from '@regardio/js/intl/language-detector';
-import { beforeEach, describe, expect, test } from 'vitest';
-import { createLocaleConfig } from './locale';
-
-describe('createLocaleConfig', () => {
-  const originalEnvMode = import.meta.env.MODE;
-
-  beforeEach(() => {
-    // Reset MODE between tests
-    import.meta.env.MODE = originalEnvMode;
-  });
-
-  test('creates config with default options', async () => {
-    const config = createLocaleConfig({
-      defaultLocale: 'en',
-      supportedLocales: ['en', 'de'],
-    });
-
-    // Verify cookie was created with correct default options
-    expect(config.localeCookie).toBeDefined();
-    expect(config.localeCookie.name).toBe('locale');
-
-    // Create a mock request with a cookie
-    const request = new Request('https://example.com', {
-      headers: {
-        Cookie: await config.localeCookie.serialize('en'),
-      },
-    });
-
-    // Parse the cookie to verify it works correctly
-    const parsedValue = await config.localeCookie.parse(request.headers.get('Cookie'));
-    expect(parsedValue).toBe('en');
-
-    // Verify language detector was created correctly
-    expect(config.languageDetector).toBeInstanceOf(LanguageDetectorLingui);
-
-    // Test language detector behavior instead of accessing private properties
-    const mockRequest = new Request('https://example.com/en/page', {
-      headers: { 'Accept-Language': 'de' },
-    });
-
-    // With default order (urlPath first), it should detect 'en' from URL path
-    const detectedLocale = await config.languageDetector.getLocale(mockRequest);
-    expect(detectedLocale).toBe('en');
-  });
-
-  test('creates config with custom cookie options', async () => {
-    const config = createLocaleConfig({
-      cookieOptions: {
-        httpOnly: true,
-        maxAge: 3600, // 1 hour
-        name: 'custom-locale',
-        sameSite: 'strict',
-        secure: true,
-      },
-      defaultLocale: 'fr',
-      supportedLocales: ['fr', 'es'],
-    });
-
-    // Verify cookie name
-    expect(config.localeCookie.name).toBe('custom-locale');
-
-    // Test cookie serialization to verify options indirectly
-    const cookieHeader = await config.localeCookie.serialize('fr');
-    console.log('Custom cookie header:', cookieHeader);
-    expect(typeof cookieHeader).toBe('string');
-    // Check for cookie name and value without assuming exact format
-    expect(cookieHeader.includes('custom-locale=')).toBe(true);
-    expect(/samesite=strict/i.test(cookieHeader)).toBe(true);
-    expect(/httponly/i.test(cookieHeader)).toBe(true);
-    expect(/secure/i.test(cookieHeader)).toBe(true);
-    expect(/max-age=3600/i.test(cookieHeader)).toBe(true);
-  });
-
-  test('creates config with custom detection order', async () => {
-    const config = createLocaleConfig({
-      defaultLocale: 'de',
-      detectionOptions: {
-        order: ['header', 'cookie', 'urlPath'],
-      },
-      supportedLocales: ['de', 'en'],
-    });
-
-    // Test detection order by creating requests that would give different results
-    // based on detection order
-
-    // This request has 'en' in URL path but 'de' in Accept-Language header
-    const mockRequest = new Request('https://example.com/en/page', {
-      headers: { 'Accept-Language': 'de' },
-    });
-
-    // With custom order (header first), it should detect 'de' from header
-    // instead of 'en' from URL path
-    const detectedLocale = await config.languageDetector.getLocale(mockRequest);
-    expect(detectedLocale).toBe('de');
-  });
-
-  test('secure cookie defaults to true in production environment', async () => {
-    // Mock production environment
-    import.meta.env.MODE = 'production';
-
-    const config = createLocaleConfig({
-      defaultLocale: 'en',
-      supportedLocales: ['en', 'de'],
-    });
-
-    // Test cookie serialization to verify secure option indirectly
-    const cookieHeader = await config.localeCookie.serialize('en');
-    console.log('Production cookie header:', cookieHeader);
-    expect(typeof cookieHeader).toBe('string');
-    // Check for Secure flag without assuming exact format
-    expect(/secure/i.test(cookieHeader)).toBe(true);
-  });
-
-  test('secure cookie defaults to false in development environment', async () => {
-    // Mock development environment
-    import.meta.env.MODE = 'development';
-
-    const config = createLocaleConfig({
-      defaultLocale: 'en',
-      supportedLocales: ['en', 'de'],
-    });
-
-    // Test cookie serialization to verify secure option indirectly
-    const cookieHeader = await config.localeCookie.serialize('en');
-    console.log('Development cookie header:', cookieHeader);
-    expect(typeof cookieHeader).toBe('string');
-    // Check for absence of Secure flag without assuming exact format
-    expect(/secure/i.test(cookieHeader)).toBe(false);
-  });
-
-  test('handles readonly supportedLocales array', async () => {
-    // Create a readonly array
-    const supportedLocales = ['en', 'de'] as const;
-
-    const config = createLocaleConfig({
-      defaultLocale: 'en',
-      supportedLocales,
-    });
-
-    // Test that both languages are detected correctly
-    const enRequest = new Request('https://example.com/en/page');
-    expect(await config.languageDetector.getLocale(enRequest)).toBe('en');
-
-    const deRequest = new Request('https://example.com/de/page');
-    expect(await config.languageDetector.getLocale(deRequest)).toBe('de');
-  });
-});

package/src/utils/locale.ts

@@ -1,127 +0,0 @@
-import { LanguageDetectorLingui } from '@regardio/js/intl/language-detector';
-import { createCookie } from 'react-router';
-
-/**
- * Configuration options for creating locale utilities
- */
-export interface LocaleConfigOptions {
-  /**
-   * Default locale to use as fallback
-   */
-  defaultLocale: string;
-
-  /**
-   * List of supported locales
-   */
-  supportedLocales: readonly string[];
-
-  /**
-   * Cookie options for storing locale preference
-   */
-  cookieOptions?: {
-    /**
-     * Name of the cookie (default: 'locale')
-     */
-    name?: string;
-
-    /**
-     * Max age of the cookie in seconds (default: 1 year)
-     */
-    maxAge?: number;
-
-    /**
-     * Whether the cookie should be HTTP only (default: false)
-     */
-    httpOnly?: boolean;
-
-    /**
-     * Whether the cookie should be secure (default: true in production)
-     */
-    secure?: boolean;
-
-    /**
-     * SameSite attribute for the cookie (default: 'lax')
-     */
-    sameSite?: 'strict' | 'lax' | 'none';
-  };
-
-  /**
-   * Detection options for the language detector
-   */
-  detectionOptions?: {
-    /**
-     * Order of detection methods (default: ['urlPath', 'cookie', 'header'])
-     */
-    order?: Array<'urlPath' | 'cookie' | 'header'>;
-  };
-}
-
-/**
- * Result of createLocaleConfig
- */
-export interface LocaleConfig {
-  /**
-   * Cookie for storing locale preference
-   */
-  localeCookie: ReturnType<typeof createCookie>;
-
-  /**
-   * Language detector instance
-   */
-  languageDetector: LanguageDetectorLingui;
-}
-
-/**
- * Create locale configuration utilities
- *
- * This function creates a unified locale cookie and language detector
- * based on the provided configuration options.
- *
- * @param options Configuration options
- * @returns Locale configuration utilities
- *
- * @example
- * ```ts
- * // In your app's configuration file
- * const { localeCookie, languageDetector } = createLocaleConfig({
- *   defaultLocale: 'en',
- *   supportedLocales: ['en', 'de', 'fr'],
- * });
- * ```
- */
-export function createLocaleConfig(options: LocaleConfigOptions): LocaleConfig {
-  const { defaultLocale, supportedLocales, cookieOptions = {}, detectionOptions = {} } = options;
-
-  const {
-    name = 'locale',
-    maxAge = 60 * 60 * 24 * 365, // 1 year
-    httpOnly = false,
-    secure = import.meta.env.MODE !== 'development',
-    sameSite = 'lax',
-  } = cookieOptions;
-
-  const { order = ['urlPath', 'cookie', 'header'] } = detectionOptions;
-
-  // Create cookie for storing locale preference
-  const localeCookie = createCookie(name, {
-    httpOnly,
-    maxAge,
-    sameSite,
-    secure,
-  });
-
-  // Create language detector instance
-  const languageDetector = new LanguageDetectorLingui({
-    detection: {
-      cookie: localeCookie,
-      fallbackLanguage: defaultLocale,
-      order,
-      supportedLanguages: [...supportedLocales],
-    },
-  });
-
-  return {
-    languageDetector,
-    localeCookie,
-  };
-}