@underverse-ui/underverse 0.2.37 → 0.2.38

package/dist/index.d.ts

@@ -506,8 +506,8 @@ declare const Alert: ({ title, description, variant, className, icon, dismissibl
 interface GlobalLoadingProps {
     className?: string;
     backdrop?: boolean;
-    position?: 'fixed' | 'absolute';
-    size?: 'sm' | 'md' | 'lg';
+    position?: "fixed" | "absolute";
+    size?: "sm" | "md" | "lg";
 }
 /**
  * Component GlobalLoading - tự động lắng nghe singleton loading state
@@ -523,7 +523,7 @@ interface InlineLoadingProps {
     isLoading: boolean;
     text?: string;
     className?: string;
-    size?: 'sm' | 'md' | 'lg';
+    size?: "sm" | "md" | "lg";
 }
 declare const InlineLoading: React__default.FC<InlineLoadingProps>;
 interface ButtonLoadingProps {
@@ -1599,47 +1599,71 @@ interface LanguageSwitcherHeadlessProps {
 }
 declare function LanguageSwitcherHeadless({ locales, currentLocale, onSwitch, labels, className, }: LanguageSwitcherHeadlessProps): react_jsx_runtime.JSX.Element;
 
+declare function cn$1(...inputs: ClassValue[]): string;
+
+/**
+ * Utility function to merge Tailwind CSS classes.
+ * Combines clsx for conditional classes and tailwind-merge for deduplication.
+ *
+ * @param inputs - Class values to merge
+ * @returns Merged class string
+ *
+ * @example
+ * ```tsx
+ * cn("px-4 py-2", isActive && "bg-primary", className)
+ * // => "px-4 py-2 bg-primary your-custom-class"
+ * ```
+ */
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
- * Date formatting utilities for Vietnamese locale
+ * Date formatting utilities with locale support
  * Provides consistent date/time formatting across the application
+ *
+ * @example
+ * ```tsx
+ * import { DateUtils } from "@underverse-ui/underverse";
+ *
+ * // Format date with default locale (en)
+ * DateUtils.formatDate(new Date()); // "December 25, 2024"
+ *
+ * // Format date with Vietnamese locale
+ * DateUtils.formatDate(new Date(), "vi"); // "25 tháng 12, 2024"
+ * ```
  */
+type SupportedLocale = "en" | "vi" | "ko" | "ja";
 /**
- * Format date to Vietnamese readable format
- * Example: "25 tháng 12, 2024"
+ * Format date to readable format
+ * @example
+ * formatDate(new Date(), "vi") // "25 tháng 12, 2024"
+ * formatDate(new Date(), "en") // "December 25, 2024"
  */
-declare function formatDate(date: string | Date | null | undefined): string;
+declare function formatDate(date: string | Date | null | undefined, locale?: SupportedLocale): string;
 /**
  * Format date to short format
- * Example: "25/12/2024"
+ * @example
+ * formatDateShort(new Date(), "vi") // "25/12/2024"
+ * formatDateShort(new Date(), "en") // "12/25/2024"
  */
-declare function formatDateShort(date: string | Date | null | undefined): string;
+declare function formatDateShort(date: string | Date | null | undefined, locale?: SupportedLocale): string;
 /**
  * Format time only
- * Example: "14:30"
+ * @example formatTime(new Date()) // "14:30"
  */
-declare function formatTime(date: string | Date | null | undefined): string;
+declare function formatTime(date: string | Date | null | undefined, locale?: SupportedLocale): string;
 /**
  * Format date and time
- * Example: "25/12/2024 14:30"
+ * @example
+ * formatDateTime(new Date(), "vi") // "25/12/2024 14:30"
  */
-declare function formatDateTime(date: string | Date | null | undefined): string;
-/**
- * Format date with time - more readable
- * Example: "25 tháng 12, 2024 lúc 14:30"
- */
-declare function formatDateTimeLong(date: string | Date | null | undefined): string;
+declare function formatDateTime(date: string | Date | null | undefined, locale?: SupportedLocale): string;
 /**
  * Format relative time (time ago)
- * Example: "2 giờ trước", "3 ngày trước", "1 tuần trước"
+ * @example
+ * formatTimeAgo(new Date(Date.now() - 60000), "vi") // "1 phút trước"
+ * formatTimeAgo(new Date(Date.now() - 60000), "en") // "1 minute ago"
  */
-declare function formatTimeAgo(date: string | Date | null | undefined): string;
-/**
- * Format date range
- * Example: "25/12/2024 - 31/12/2024"
- */
-declare function formatDateRange(startDate: string | Date | null | undefined, endDate: string | Date | null | undefined): string;
+declare function formatTimeAgo(date: string | Date | null | undefined, locale?: SupportedLocale): string;
 /**
  * Check if date is today
  */
@@ -1648,45 +1672,49 @@ declare function isToday(date: string | Date | null | undefined): boolean;
  * Check if date is yesterday
  */
 declare function isYesterday(date: string | Date | null | undefined): boolean;
-/**
- * Smart date formatting - shows relative time for recent dates, full date for older ones
- * Example:
- * - "Vừa xong" (< 1 min)
- * - "5 phút trước" (< 1 hour)
- * - "Hôm nay lúc 14:30" (today)
- * - "Hôm qua lúc 14:30" (yesterday)
- * - "25/12/2024 14:30" (older)
- */
-declare function formatDateSmart(date: string | Date | null | undefined): string;
 /**
  * Format date for input[type="date"]
- * Example: "2024-12-25"
+ * @example formatDateForInput(new Date()) // "2024-12-25"
  */
 declare function formatDateForInput(date: string | Date | null | undefined): string;
 /**
  * Format date for input[type="datetime-local"]
- * Example: "2024-12-25T14:30"
+ * @example formatDateTimeForInput(new Date()) // "2024-12-25T14:30"
  */
 declare function formatDateTimeForInput(date: string | Date | null | undefined): string;
 /**
- * Get day of week in Vietnamese
- * Example: "Thứ Hai", "Thứ Ba", ...
+ * Get day of week
+ * @example
+ * getDayOfWeek(new Date(), "vi") // "Thứ Hai"
+ * getDayOfWeek(new Date(), "en") // "Monday"
  */
-declare function getDayOfWeek(date: string | Date | null | undefined): string;
+declare function getDayOfWeek(date: string | Date | null | undefined, locale?: SupportedLocale): string;
 /**
  * Format with day of week
- * Example: "Thứ Hai, 25/12/2024"
+ * @example
+ * formatDateWithDay(new Date(), "vi") // "Thứ Hai, 25/12/2024"
+ * formatDateWithDay(new Date(), "en") // "Monday, 12/25/2024"
  */
-declare function formatDateWithDay(date: string | Date | null | undefined): string;
+declare function formatDateWithDay(date: string | Date | null | undefined, locale?: SupportedLocale): string;
+/**
+ * Smart date formatting - shows relative time for recent dates, full date for older ones
+ * @example
+ * formatDateSmart(new Date(), "vi")
+ * // "Vừa xong" (< 1 min)
+ * // "5 phút trước" (< 1 hour)
+ * // "Hôm nay lúc 14:30" (today)
+ * // "Hôm qua lúc 14:30" (yesterday)
+ * // "25/12/2024 14:30" (older)
+ */
+declare function formatDateSmart(date: string | Date | null | undefined, locale?: SupportedLocale): string;
 
+type date_SupportedLocale = SupportedLocale;
 declare const date_formatDate: typeof formatDate;
 declare const date_formatDateForInput: typeof formatDateForInput;
-declare const date_formatDateRange: typeof formatDateRange;
 declare const date_formatDateShort: typeof formatDateShort;
 declare const date_formatDateSmart: typeof formatDateSmart;
 declare const date_formatDateTime: typeof formatDateTime;
 declare const date_formatDateTimeForInput: typeof formatDateTimeForInput;
-declare const date_formatDateTimeLong: typeof formatDateTimeLong;
 declare const date_formatDateWithDay: typeof formatDateWithDay;
 declare const date_formatTime: typeof formatTime;
 declare const date_formatTimeAgo: typeof formatTimeAgo;
@@ -1694,9 +1722,51 @@ declare const date_getDayOfWeek: typeof getDayOfWeek;
 declare const date_isToday: typeof isToday;
 declare const date_isYesterday: typeof isYesterday;
 declare namespace date {
-  export { date_formatDate as formatDate, date_formatDateForInput as formatDateForInput, date_formatDateRange as formatDateRange, date_formatDateShort as formatDateShort, date_formatDateSmart as formatDateSmart, date_formatDateTime as formatDateTime, date_formatDateTimeForInput as formatDateTimeForInput, date_formatDateTimeLong as formatDateTimeLong, date_formatDateWithDay as formatDateWithDay, date_formatTime as formatTime, date_formatTimeAgo as formatTimeAgo, date_getDayOfWeek as getDayOfWeek, date_isToday as isToday, date_isYesterday as isYesterday };
+  export { type date_SupportedLocale as SupportedLocale, date_formatDate as formatDate, date_formatDateForInput as formatDateForInput, date_formatDateShort as formatDateShort, date_formatDateSmart as formatDateSmart, date_formatDateTime as formatDateTime, date_formatDateTimeForInput as formatDateTimeForInput, date_formatDateWithDay as formatDateWithDay, date_formatTime as formatTime, date_formatTimeAgo as formatTimeAgo, date_getDayOfWeek as getDayOfWeek, date_isToday as isToday, date_isYesterday as isYesterday };
 }
 
+/**
+ * ShadCN UI Animation Styles - Enhanced with smooth spring-like animations
+ *
+ * This module provides animation utilities used by Underverse UI components.
+ * It can be used standalone or with the useShadCNAnimations hook.
+ *
+ * @example
+ * ```tsx
+ * import { useShadCNAnimations } from "@underverse-ui/underverse";
+ *
+ * function MyComponent() {
+ *   useShadCNAnimations(); // Injects animation styles
+ *   return <div data-state="open">Animated content</div>;
+ * }
+ * ```
+ */
+declare const shadcnAnimationStyles = "\n  /* ============================================\n   * DROPDOWN / POPOVER ANIMATIONS\n   * Uses spring-like cubic-bezier for natural feel\n   * ============================================ */\n  \n  /* Native-like Combobox Animation - Mimics browser default select */\n  [data-state=\"open\"][data-combobox-dropdown] {\n    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);\n    transform-origin: top center;\n  }\n\n  [data-state=\"closed\"][data-combobox-dropdown] {\n    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);\n    transform-origin: top center;\n  }\n\n  @keyframes comboboxOpen {\n    0% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n  }\n\n  @keyframes comboboxClose {\n    0% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n  }\n\n  /* Generic dropdown open/close */\n  [data-state=\"open\"] {\n    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  [data-state=\"closed\"] {\n    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideDownAndFade {\n    from {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes slideUpAndFade {\n    from {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n  }\n  \n  /* ============================================\n   * DROPDOWN ITEMS - Native-like instant appearance\n   * ============================================ */\n\n  /* Fast staggered animation for native feel */\n  .dropdown-item {\n    opacity: 0;\n    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes itemFadeIn {\n    from {\n      opacity: 0;\n      transform: translateX(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  /* Item stagger delays - minimal for speed */\n  .dropdown-item:nth-child(1) { animation-delay: 0ms; }\n  .dropdown-item:nth-child(2) { animation-delay: 15ms; }\n  .dropdown-item:nth-child(3) { animation-delay: 30ms; }\n  .dropdown-item:nth-child(4) { animation-delay: 45ms; }\n  .dropdown-item:nth-child(5) { animation-delay: 60ms; }\n  .dropdown-item:nth-child(6) { animation-delay: 75ms; }\n  .dropdown-item:nth-child(7) { animation-delay: 90ms; }\n  .dropdown-item:nth-child(8) { animation-delay: 105ms; }\n  .dropdown-item:nth-child(n+9) { animation-delay: 120ms; }\n\n  /* ============================================\n   * DATEPICKER ANIMATIONS\n   * ============================================ */\n\n  .datepicker-day {\n    opacity: 0;\n    animation: dayFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  @keyframes dayFadeIn {\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * TOOLTIP ANIMATIONS\n   * ============================================ */\n\n  [data-tooltip] {\n    animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @keyframes tooltipIn {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * MODAL / DIALOG ANIMATIONS\n   * ============================================ */\n\n  .modal-content {\n    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  \n  @keyframes scaleIn {\n    from {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n  \n  /* Smooth backdrop blur transition */\n  .backdrop-animate {\n    transition: backdrop-filter 200ms ease, background-color 200ms ease;\n  }\n";
+/**
+ * Hook to inject ShadCN animation styles into the document head.
+ * Call this hook in components that need animations.
+ * The styles are only injected once, even if called multiple times.
+ *
+ * @example
+ * ```tsx
+ * function Dropdown() {
+ *   useShadCNAnimations();
+ *   return <div data-state="open">...</div>;
+ * }
+ * ```
+ */
+declare function useShadCNAnimations(): void;
+/**
+ * Manually inject animation styles.
+ * Useful for non-React environments or SSR.
+ */
+declare function injectAnimationStyles(): void;
+/**
+ * Get the animation styles as a string.
+ * Useful for including in a style tag or CSS file.
+ */
+declare function getAnimationStyles(): string;
+
 declare const VARIANT_STYLES_ALERT: {
     default: string;
     info: string;
@@ -1705,6 +1775,148 @@ declare const VARIANT_STYLES_ALERT: {
     error: string;
 };
 
+type Locale$1 = "en" | "vi" | "ko" | "ja";
+type Translations = Record<string, Record<string, string | Record<string, string>>>;
+interface TranslationProviderProps {
+    children: React$1.ReactNode;
+    /** Current locale. Defaults to "en" */
+    locale?: Locale$1;
+    /** Custom translations to merge with defaults */
+    translations?: Partial<Record<Locale$1, Translations>>;
+}
+/**
+ * TranslationProvider for Underverse UI components.
+ *
+ * This provider is OPTIONAL. Components will use English fallback texts
+ * when no provider is available.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <TranslationProvider locale="vi">
+ *   <App />
+ * </TranslationProvider>
+ *
+ * // With custom translations
+ * <TranslationProvider
+ *   locale="vi"
+ *   translations={{
+ *     vi: { DatePicker: { clear: "Xóa ngay" } }
+ *   }}
+ * >
+ *   <App />
+ * </TranslationProvider>
+ * ```
+ */
+declare const TranslationProvider: React$1.FC<TranslationProviderProps>;
+/**
+ * Hook to get translations for a specific namespace.
+ * Falls back to the key itself when TranslationProvider is not available.
+ *
+ * @param namespace - The translation namespace (e.g., "DatePicker", "Common")
+ * @returns A function that takes a key and returns the translated string
+ *
+ * @example
+ * ```tsx
+ * const t = useTranslations("DatePicker");
+ * console.log(t("clear")); // "Clear" or "Xóa" depending on locale
+ * ```
+ */
+declare const useUnderverseTranslations: (namespace: string) => (key: string) => string;
+/**
+ * Hook to get the current locale.
+ * Falls back to "en" when TranslationProvider is not available.
+ *
+ * @returns The current locale ("en" or "vi")
+ */
+declare const useUnderverseLocale: () => Locale$1;
+
+/**
+ * Translation adapter for Underverse UI components.
+ *
+ * This module provides a unified translation interface that:
+ * 1. Uses next-intl when available (for Next.js projects)
+ * 2. Falls back to @underverse-ui/underverse's internal translations
+ *
+ * Components should import from this file instead of directly from next-intl
+ * to ensure compatibility with both Next.js and React projects.
+ */
+
+type Locale = "en" | "vi" | "ko" | "ja";
+interface UnderverseProviderProps {
+    children: React$1.ReactNode;
+    /** Current locale. Defaults to "en" */
+    locale?: Locale;
+    /** Custom translations to merge with defaults */
+    translations?: Record<string, Record<string, string | Record<string, string>>>;
+}
+/**
+ * UnderverseProvider for standalone React usage (without next-intl).
+ * Wrap your app with this provider to enable translations.
+ *
+ * @example
+ * ```tsx
+ * // For React (Vite, CRA, etc.) - without next-intl
+ * import { UnderverseProvider, DatePicker } from "@underverse-ui/underverse";
+ *
+ * function App() {
+ *   return (
+ *     <UnderverseProvider locale="vi">
+ *       <DatePicker onChange={(date) => console.log(date)} />
+ *     </UnderverseProvider>
+ *   );
+ * }
+ * ```
+ */
+declare const UnderverseProvider: React$1.FC<UnderverseProviderProps>;
+/**
+ * Smart translation hook that works with both next-intl and standalone React.
+ *
+ * Priority:
+ * 1. next-intl (if available and in NextIntlClientProvider)
+ * 2. UnderverseProvider context
+ * 3. English fallback defaults
+ *
+ * @param namespace - The translation namespace (e.g., "DatePicker", "Common")
+ */
+declare function useTranslations(namespace: string): (key: string, params?: Record<string, unknown>) => string;
+/**
+ * Smart locale hook that works with both next-intl and standalone React.
+ */
+declare function useLocale(): Locale;
+
+declare const ForceInternalTranslationsProvider: React$1.FC<{
+    children: React$1.ReactNode;
+}>;
+/**
+ * Smart translation hook that:
+ * 1. Uses next-intl if available and not forced to use internal
+ * 2. Falls back to internal TranslationContext
+ * 3. Falls back to English defaults if no provider is available
+ *
+ * @param namespace - The translation namespace (e.g., "DatePicker", "Common")
+ * @returns A function that takes a key and returns the translated string
+ *
+ * @example
+ * ```tsx
+ * // Works in Next.js with next-intl
+ * // Works in React without next-intl
+ * // Works without any provider (English fallback)
+ * const t = useSmartTranslations("DatePicker");
+ * console.log(t("clear")); // "Clear" or translated value
+ * ```
+ */
+declare function useSmartTranslations(namespace: string): (key: string) => string;
+/**
+ * Smart locale hook that:
+ * 1. Uses next-intl if available
+ * 2. Falls back to internal TranslationContext
+ * 3. Falls back to "en" if no provider is available
+ *
+ * @returns The current locale
+ */
+declare function useSmartLocale(): Locale$1;
+
 declare const underverseMessages: {
     readonly en: {
         Common: {
@@ -1828,6 +2040,128 @@ declare const underverseMessages: {
             };
         };
     };
+    readonly ko: {
+        Common: {
+            close: string;
+            closeAlert: string;
+            notifications: string;
+            newNotification: string;
+            readStatus: string;
+            openLink: string;
+            theme: string;
+            lightTheme: string;
+            darkTheme: string;
+            systemTheme: string;
+            density: string;
+            compact: string;
+            normal: string;
+            comfortable: string;
+            columns: string;
+        };
+        ValidationInput: {
+            required: string;
+            typeMismatch: string;
+            pattern: string;
+            tooShort: string;
+            tooLong: string;
+            rangeUnderflow: string;
+            rangeOverflow: string;
+            stepMismatch: string;
+            badInput: string;
+            invalid: string;
+        };
+        Loading: {
+            loadingPage: string;
+            pleaseWait: string;
+        };
+        DatePicker: {
+            placeholder: string;
+            today: string;
+            clear: string;
+        };
+        Pagination: {
+            navigationLabel: string;
+            showingResults: string;
+            firstPage: string;
+            previousPage: string;
+            previous: string;
+            nextPage: string;
+            next: string;
+            lastPage: string;
+            pageNumber: string;
+            itemsPerPage: string;
+            search: string;
+            noOptions: string;
+        };
+        OCR: {
+            imageUpload: {
+                dragDropText: string;
+                browseFiles: string;
+                supportedFormats: string;
+            };
+        };
+    };
+    readonly ja: {
+        Common: {
+            close: string;
+            closeAlert: string;
+            notifications: string;
+            newNotification: string;
+            readStatus: string;
+            openLink: string;
+            theme: string;
+            lightTheme: string;
+            darkTheme: string;
+            systemTheme: string;
+            density: string;
+            compact: string;
+            normal: string;
+            comfortable: string;
+            columns: string;
+        };
+        ValidationInput: {
+            required: string;
+            typeMismatch: string;
+            pattern: string;
+            tooShort: string;
+            tooLong: string;
+            rangeUnderflow: string;
+            rangeOverflow: string;
+            stepMismatch: string;
+            badInput: string;
+            invalid: string;
+        };
+        Loading: {
+            loadingPage: string;
+            pleaseWait: string;
+        };
+        DatePicker: {
+            placeholder: string;
+            today: string;
+            clear: string;
+        };
+        Pagination: {
+            navigationLabel: string;
+            showingResults: string;
+            firstPage: string;
+            previousPage: string;
+            previous: string;
+            nextPage: string;
+            next: string;
+            lastPage: string;
+            pageNumber: string;
+            itemsPerPage: string;
+            search: string;
+            noOptions: string;
+        };
+        OCR: {
+            imageUpload: {
+                dragDropText: string;
+                browseFiles: string;
+                supportedFormats: string;
+            };
+        };
+    };
 };
 type UnderverseLocale = keyof typeof underverseMessages;
 declare function getUnderverseMessages(locale?: UnderverseLocale): {
@@ -1950,6 +2284,126 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
             supportedFormats: string;
         };
     };
+} | {
+    Common: {
+        close: string;
+        closeAlert: string;
+        notifications: string;
+        newNotification: string;
+        readStatus: string;
+        openLink: string;
+        theme: string;
+        lightTheme: string;
+        darkTheme: string;
+        systemTheme: string;
+        density: string;
+        compact: string;
+        normal: string;
+        comfortable: string;
+        columns: string;
+    };
+    ValidationInput: {
+        required: string;
+        typeMismatch: string;
+        pattern: string;
+        tooShort: string;
+        tooLong: string;
+        rangeUnderflow: string;
+        rangeOverflow: string;
+        stepMismatch: string;
+        badInput: string;
+        invalid: string;
+    };
+    Loading: {
+        loadingPage: string;
+        pleaseWait: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        today: string;
+        clear: string;
+    };
+    Pagination: {
+        navigationLabel: string;
+        showingResults: string;
+        firstPage: string;
+        previousPage: string;
+        previous: string;
+        nextPage: string;
+        next: string;
+        lastPage: string;
+        pageNumber: string;
+        itemsPerPage: string;
+        search: string;
+        noOptions: string;
+    };
+    OCR: {
+        imageUpload: {
+            dragDropText: string;
+            browseFiles: string;
+            supportedFormats: string;
+        };
+    };
+} | {
+    Common: {
+        close: string;
+        closeAlert: string;
+        notifications: string;
+        newNotification: string;
+        readStatus: string;
+        openLink: string;
+        theme: string;
+        lightTheme: string;
+        darkTheme: string;
+        systemTheme: string;
+        density: string;
+        compact: string;
+        normal: string;
+        comfortable: string;
+        columns: string;
+    };
+    ValidationInput: {
+        required: string;
+        typeMismatch: string;
+        pattern: string;
+        tooShort: string;
+        tooLong: string;
+        rangeUnderflow: string;
+        rangeOverflow: string;
+        stepMismatch: string;
+        badInput: string;
+        invalid: string;
+    };
+    Loading: {
+        loadingPage: string;
+        pleaseWait: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        today: string;
+        clear: string;
+    };
+    Pagination: {
+        navigationLabel: string;
+        showingResults: string;
+        firstPage: string;
+        previousPage: string;
+        previous: string;
+        nextPage: string;
+        next: string;
+        lastPage: string;
+        pageNumber: string;
+        itemsPerPage: string;
+        search: string;
+        noOptions: string;
+    };
+    OCR: {
+        imageUpload: {
+            dragDropText: string;
+            browseFiles: string;
+            supportedFormats: string;
+        };
+    };
 };
 
-export { AccessDenied, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, CategoryTreeSelect, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxProps, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableQuery, DatePicker, type DatePickerProps, DateRangePicker, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FloatingContacts, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, MiniProgress, Modal, MultiCombobox, type MultiComboboxProps, NotificationBadge, NotificationModal, NumberInput, OverlayControls, PageLoading, Pagination, type PaginationProps, PasswordInput, PillTabs, Popover, Progress, PulseBadge, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, SearchInput, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, SmartImage, type Sorter, StatusBadge, StepProgress, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, type ThemeMode, ThemeToggleHeadless as ThemeToggle, ThemeToggleHeadless, type ThemeToggleHeadlessProps, type ThemeToggleHeadlessProps as ThemeToggleProps, TimePicker, type TimePickerProps, Timeline, TimelineItem, ToastProvider, Tooltip, type UnderverseLocale, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn, getUnderverseMessages, underverseMessages, useFormField, useToast };
+export { AccessDenied, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, Card, Carousel, CategoryTreeSelect, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxProps, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableQuery, DatePicker, type DatePickerProps, DateRangePicker, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FloatingContacts, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MultiCombobox, type MultiComboboxProps, NotificationBadge, NotificationModal, NumberInput, OverlayControls, PageLoading, Pagination, type PaginationProps, PasswordInput, PillTabs, Popover, Progress, PulseBadge, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, SearchInput, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, SmartImage, type Sorter, StatusBadge, StepProgress, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, type ThemeMode, ThemeToggleHeadless as ThemeToggle, ThemeToggleHeadless, type ThemeToggleHeadlessProps, type ThemeToggleHeadlessProps as ThemeToggleProps, TimePicker, type TimePickerProps, Timeline, TimelineItem, ToastProvider, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, shadcnAnimationStyles, underverseMessages, useFormField, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };