@dsfrkit/react 0.1.0

package/dist/hooks/index.d.mts

@@ -0,0 +1,40 @@
+export { R as ResolvedTheme, T as Theme, c as ThemeProviderState, u as useTheme, d as useThemeOptional } from '../theme-provider-DQSD5lrW.mjs';
+import 'react/jsx-runtime';
+import 'react';
+
+/**
+ * Hook pour détecter les media queries
+ *
+ * @example
+ * ```tsx
+ * function Component() {
+ *   const isMobile = useMediaQuery('(max-width: 768px)')
+ *   const prefersDark = useMediaQuery('(prefers-color-scheme: dark)')
+ *
+ *   return <div>{isMobile ? 'Mobile' : 'Desktop'}</div>
+ * }
+ * ```
+ */
+declare function useMediaQuery(query: string): boolean;
+/**
+ * Hook pour détecter si on est sur mobile
+ */
+declare function useIsMobile(breakpoint?: number): boolean;
+/**
+ * Hook pour détecter si on est sur tablette
+ */
+declare function useIsTablet(minBreakpoint?: number, maxBreakpoint?: number): boolean;
+/**
+ * Hook pour détecter si on est sur desktop
+ */
+declare function useIsDesktop(breakpoint?: number): boolean;
+/**
+ * Hook pour détecter la préférence de réduction de mouvement
+ */
+declare function usePrefersReducedMotion(): boolean;
+/**
+ * Hook pour détecter la préférence de contraste élevé
+ */
+declare function usePrefersHighContrast(): boolean;
+
+export { useIsDesktop, useIsMobile, useIsTablet, useMediaQuery, usePrefersHighContrast, usePrefersReducedMotion };

package/dist/hooks/index.d.ts

@@ -0,0 +1,40 @@
+export { R as ResolvedTheme, T as Theme, c as ThemeProviderState, u as useTheme, d as useThemeOptional } from '../theme-provider-DQSD5lrW.js';
+import 'react/jsx-runtime';
+import 'react';
+
+/**
+ * Hook pour détecter les media queries
+ *
+ * @example
+ * ```tsx
+ * function Component() {
+ *   const isMobile = useMediaQuery('(max-width: 768px)')
+ *   const prefersDark = useMediaQuery('(prefers-color-scheme: dark)')
+ *
+ *   return <div>{isMobile ? 'Mobile' : 'Desktop'}</div>
+ * }
+ * ```
+ */
+declare function useMediaQuery(query: string): boolean;
+/**
+ * Hook pour détecter si on est sur mobile
+ */
+declare function useIsMobile(breakpoint?: number): boolean;
+/**
+ * Hook pour détecter si on est sur tablette
+ */
+declare function useIsTablet(minBreakpoint?: number, maxBreakpoint?: number): boolean;
+/**
+ * Hook pour détecter si on est sur desktop
+ */
+declare function useIsDesktop(breakpoint?: number): boolean;
+/**
+ * Hook pour détecter la préférence de réduction de mouvement
+ */
+declare function usePrefersReducedMotion(): boolean;
+/**
+ * Hook pour détecter la préférence de contraste élevé
+ */
+declare function usePrefersHighContrast(): boolean;
+
+export { useIsDesktop, useIsMobile, useIsTablet, useMediaQuery, usePrefersHighContrast, usePrefersReducedMotion };

package/dist/hooks/index.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var React2 = require('react');
+require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+// src/hooks/use-media-query.ts
+function useMediaQuery(query) {
+  const [matches, setMatches] = React2__namespace.useState(() => {
+    if (typeof window === "undefined") return false;
+    return window.matchMedia(query).matches;
+  });
+  React2__namespace.useEffect(() => {
+    const mediaQuery = window.matchMedia(query);
+    setMatches(mediaQuery.matches);
+    const handler = (event) => {
+      setMatches(event.matches);
+    };
+    mediaQuery.addEventListener("change", handler);
+    return () => mediaQuery.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+}
+function useIsMobile(breakpoint = 768) {
+  return useMediaQuery(`(max-width: ${breakpoint}px)`);
+}
+function useIsTablet(minBreakpoint = 768, maxBreakpoint = 1024) {
+  return useMediaQuery(`(min-width: ${minBreakpoint}px) and (max-width: ${maxBreakpoint}px)`);
+}
+function useIsDesktop(breakpoint = 1024) {
+  return useMediaQuery(`(min-width: ${breakpoint}px)`);
+}
+function usePrefersReducedMotion() {
+  return useMediaQuery("(prefers-reduced-motion: reduce)");
+}
+function usePrefersHighContrast() {
+  return useMediaQuery("(prefers-contrast: more)");
+}
+var ThemeProviderContext = React2__namespace.createContext(void 0);
+function useTheme() {
+  const context = React2__namespace.useContext(ThemeProviderContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+function useThemeOptional() {
+  const context = React2__namespace.useContext(ThemeProviderContext);
+  if (context === void 0) {
+    return {
+      theme: "system",
+      resolvedTheme: "light",
+      setTheme: () => {
+        console.warn("useTheme: No ThemeProvider found, setTheme is a no-op");
+      }
+    };
+  }
+  return context;
+}
+
+exports.useIsDesktop = useIsDesktop;
+exports.useIsMobile = useIsMobile;
+exports.useIsTablet = useIsTablet;
+exports.useMediaQuery = useMediaQuery;
+exports.usePrefersHighContrast = usePrefersHighContrast;
+exports.usePrefersReducedMotion = usePrefersReducedMotion;
+exports.useTheme = useTheme;
+exports.useThemeOptional = useThemeOptional;

package/dist/hooks/index.mjs

@@ -0,0 +1,2 @@
+export { useIsDesktop, useIsMobile, useIsTablet, useMediaQuery, usePrefersHighContrast, usePrefersReducedMotion } from '../chunk-IHWNEZFG.mjs';
+export { useTheme, useThemeOptional } from '../chunk-RN7K57U3.mjs';

package/dist/i18n/index.d.mts

@@ -0,0 +1,160 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * Types pour l'internationalisation de DSFRKit
+ * Approche opt-in avec defaults français
+ */
+interface PaginationStrings {
+    previous: string;
+    next: string;
+    page: string;
+    of: string;
+    goToPage: string;
+    first: string;
+    last: string;
+}
+interface ModalStrings {
+    close: string;
+}
+interface TableStrings {
+    noData: string;
+    loading: string;
+    sortAsc: string;
+    sortDesc: string;
+    rowsPerPage: string;
+}
+interface FileUploadStrings {
+    dropzone: string;
+    browse: string;
+    maxSize: string;
+    invalidType: string;
+    uploading: string;
+    remove: string;
+}
+interface SearchStrings {
+    placeholder: string;
+    clear: string;
+    submit: string;
+    noResults: string;
+}
+interface NavigationStrings {
+    menu: string;
+    close: string;
+    openMenu: string;
+    closeMenu: string;
+    skipToContent: string;
+    skipToNavigation: string;
+}
+interface BreadcrumbStrings {
+    label: string;
+    more: string;
+}
+interface CommonStrings {
+    loading: string;
+    error: string;
+    required: string;
+    optional: string;
+    show: string;
+    hide: string;
+    expand: string;
+    collapse: string;
+}
+interface ThemeStrings {
+    light: string;
+    dark: string;
+    system: string;
+    toggleTheme: string;
+}
+/**
+ * Interface complète des chaînes de caractères de DSFRKit
+ */
+interface DSFRKitStrings {
+    pagination: PaginationStrings;
+    modal: ModalStrings;
+    table: TableStrings;
+    fileUpload: FileUploadStrings;
+    search: SearchStrings;
+    navigation: NavigationStrings;
+    breadcrumb: BreadcrumbStrings;
+    common: CommonStrings;
+    theme: ThemeStrings;
+}
+type SupportedLocale = 'fr' | 'en';
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+
+interface DSFRKitI18nProviderProps {
+    children: React.ReactNode;
+    /**
+     * Traductions à utiliser
+     * @default frStrings (français)
+     */
+    strings?: DSFRKitStrings;
+}
+/**
+ * Provider pour les traductions de DSFRKit
+ *
+ * @example
+ * ```tsx
+ * import { DSFRKitI18nProvider, enStrings } from '@dsfrkit/react/i18n'
+ *
+ * function App() {
+ *   return (
+ *     <DSFRKitI18nProvider strings={enStrings}>
+ *       <MyApp />
+ *     </DSFRKitI18nProvider>
+ *   )
+ * }
+ * ```
+ */
+declare function DSFRKitI18nProvider({ children, strings }: DSFRKitI18nProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook pour accéder à toutes les traductions
+ */
+declare function useStrings(): DSFRKitStrings;
+/**
+ * Hooks spécifiques par section pour tree-shaking optimal
+ */
+declare function usePaginationStrings(): PaginationStrings;
+declare function useModalStrings(): ModalStrings;
+declare function useTableStrings(): TableStrings;
+declare function useFileUploadStrings(): FileUploadStrings;
+declare function useSearchStrings(): SearchStrings;
+declare function useNavigationStrings(): NavigationStrings;
+declare function useBreadcrumbStrings(): BreadcrumbStrings;
+declare function useCommonStrings(): CommonStrings;
+declare function useThemeStrings(): ThemeStrings;
+
+/**
+ * Traductions françaises (défaut)
+ */
+declare const frStrings: DSFRKitStrings;
+/**
+ * Traductions anglaises
+ */
+declare const enStrings: DSFRKitStrings;
+/**
+ * Map des locales disponibles
+ */
+declare const localeStrings: Record<string, DSFRKitStrings>;
+/**
+ * Crée un objet de traductions personnalisé
+ * Fusionne les traductions de base avec les surcharges fournies
+ *
+ * @example
+ * ```tsx
+ * // Utiliser l'anglais avec une surcharge
+ * const strings = createStrings('en', {
+ *   modal: { close: 'Dismiss' }
+ * })
+ * ```
+ */
+declare function createStrings(baseLocale?: string, overrides?: DeepPartial<DSFRKitStrings>): DSFRKitStrings;
+/**
+ * Récupère les traductions pour une locale donnée
+ */
+declare function getStrings(locale: string): DSFRKitStrings;
+
+export { type BreadcrumbStrings, type CommonStrings, DSFRKitI18nProvider, type DSFRKitI18nProviderProps, type DSFRKitStrings, type DeepPartial, type FileUploadStrings, type ModalStrings, type NavigationStrings, type PaginationStrings, type SearchStrings, type SupportedLocale, type TableStrings, type ThemeStrings, createStrings, enStrings, frStrings, getStrings, localeStrings, useBreadcrumbStrings, useCommonStrings, useFileUploadStrings, useModalStrings, useNavigationStrings, usePaginationStrings, useSearchStrings, useStrings, useTableStrings, useThemeStrings };

package/dist/i18n/index.d.ts

@@ -0,0 +1,160 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * Types pour l'internationalisation de DSFRKit
+ * Approche opt-in avec defaults français
+ */
+interface PaginationStrings {
+    previous: string;
+    next: string;
+    page: string;
+    of: string;
+    goToPage: string;
+    first: string;
+    last: string;
+}
+interface ModalStrings {
+    close: string;
+}
+interface TableStrings {
+    noData: string;
+    loading: string;
+    sortAsc: string;
+    sortDesc: string;
+    rowsPerPage: string;
+}
+interface FileUploadStrings {
+    dropzone: string;
+    browse: string;
+    maxSize: string;
+    invalidType: string;
+    uploading: string;
+    remove: string;
+}
+interface SearchStrings {
+    placeholder: string;
+    clear: string;
+    submit: string;
+    noResults: string;
+}
+interface NavigationStrings {
+    menu: string;
+    close: string;
+    openMenu: string;
+    closeMenu: string;
+    skipToContent: string;
+    skipToNavigation: string;
+}
+interface BreadcrumbStrings {
+    label: string;
+    more: string;
+}
+interface CommonStrings {
+    loading: string;
+    error: string;
+    required: string;
+    optional: string;
+    show: string;
+    hide: string;
+    expand: string;
+    collapse: string;
+}
+interface ThemeStrings {
+    light: string;
+    dark: string;
+    system: string;
+    toggleTheme: string;
+}
+/**
+ * Interface complète des chaînes de caractères de DSFRKit
+ */
+interface DSFRKitStrings {
+    pagination: PaginationStrings;
+    modal: ModalStrings;
+    table: TableStrings;
+    fileUpload: FileUploadStrings;
+    search: SearchStrings;
+    navigation: NavigationStrings;
+    breadcrumb: BreadcrumbStrings;
+    common: CommonStrings;
+    theme: ThemeStrings;
+}
+type SupportedLocale = 'fr' | 'en';
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+
+interface DSFRKitI18nProviderProps {
+    children: React.ReactNode;
+    /**
+     * Traductions à utiliser
+     * @default frStrings (français)
+     */
+    strings?: DSFRKitStrings;
+}
+/**
+ * Provider pour les traductions de DSFRKit
+ *
+ * @example
+ * ```tsx
+ * import { DSFRKitI18nProvider, enStrings } from '@dsfrkit/react/i18n'
+ *
+ * function App() {
+ *   return (
+ *     <DSFRKitI18nProvider strings={enStrings}>
+ *       <MyApp />
+ *     </DSFRKitI18nProvider>
+ *   )
+ * }
+ * ```
+ */
+declare function DSFRKitI18nProvider({ children, strings }: DSFRKitI18nProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Hook pour accéder à toutes les traductions
+ */
+declare function useStrings(): DSFRKitStrings;
+/**
+ * Hooks spécifiques par section pour tree-shaking optimal
+ */
+declare function usePaginationStrings(): PaginationStrings;
+declare function useModalStrings(): ModalStrings;
+declare function useTableStrings(): TableStrings;
+declare function useFileUploadStrings(): FileUploadStrings;
+declare function useSearchStrings(): SearchStrings;
+declare function useNavigationStrings(): NavigationStrings;
+declare function useBreadcrumbStrings(): BreadcrumbStrings;
+declare function useCommonStrings(): CommonStrings;
+declare function useThemeStrings(): ThemeStrings;
+
+/**
+ * Traductions françaises (défaut)
+ */
+declare const frStrings: DSFRKitStrings;
+/**
+ * Traductions anglaises
+ */
+declare const enStrings: DSFRKitStrings;
+/**
+ * Map des locales disponibles
+ */
+declare const localeStrings: Record<string, DSFRKitStrings>;
+/**
+ * Crée un objet de traductions personnalisé
+ * Fusionne les traductions de base avec les surcharges fournies
+ *
+ * @example
+ * ```tsx
+ * // Utiliser l'anglais avec une surcharge
+ * const strings = createStrings('en', {
+ *   modal: { close: 'Dismiss' }
+ * })
+ * ```
+ */
+declare function createStrings(baseLocale?: string, overrides?: DeepPartial<DSFRKitStrings>): DSFRKitStrings;
+/**
+ * Récupère les traductions pour une locale donnée
+ */
+declare function getStrings(locale: string): DSFRKitStrings;
+
+export { type BreadcrumbStrings, type CommonStrings, DSFRKitI18nProvider, type DSFRKitI18nProviderProps, type DSFRKitStrings, type DeepPartial, type FileUploadStrings, type ModalStrings, type NavigationStrings, type PaginationStrings, type SearchStrings, type SupportedLocale, type TableStrings, type ThemeStrings, createStrings, enStrings, frStrings, getStrings, localeStrings, useBreadcrumbStrings, useCommonStrings, useFileUploadStrings, useModalStrings, useNavigationStrings, usePaginationStrings, useSearchStrings, useStrings, useTableStrings, useThemeStrings };