@undefine-ui/design-system 2.11.0 → 2.13.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { SetStateAction, ElementType } from 'react';
+import { SetStateAction, ElementType, CSSProperties, ReactNode, SyntheticEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Breakpoint, Shadows, Components, Theme, SxProps as SxProps$1 } from '@mui/material/styles';
 import * as _mui_material from '@mui/material';
@@ -234,6 +234,115 @@ type UseSetStateReturnType<T> = {
  */
 declare const useSetState: <T extends Record<string, any>>(initialState: T) => UseSetStateReturnType<T>;
 
+interface CountdownState {
+    days: string;
+    hours: string;
+    minutes: string;
+    seconds: string;
+}
+/**
+ * A custom hook for creating a countdown timer to a specific date/time.
+ *
+ * Calculates and returns the time remaining until a target date, automatically
+ * updating every second. Returns zero values when the target time is reached.
+ *
+ * @param date - The target date/time as a Date object, ISO string, or Unix timestamp
+ *
+ * @returns An object containing:
+ * - `days` (string): Days remaining, zero-padded (e.g., "00", "05", "12")
+ * - `hours` (string): Hours remaining, zero-padded (e.g., "00", "23")
+ * - `minutes` (string): Minutes remaining, zero-padded (e.g., "00", "59")
+ * - `seconds` (string): Seconds remaining, zero-padded (e.g., "00", "59")
+ *
+ * @example
+ * ```tsx
+ * function EventCountdown() {
+ *   const countdown = useCountdownDate(new Date('2025-12-31T23:59:59'));
+ *
+ *   return (
+ *     <div>
+ *       <h2>Time Until New Year:</h2>
+ *       <p>
+ *         {countdown.days} days, {countdown.hours} hours,
+ *         {countdown.minutes} minutes, {countdown.seconds} seconds
+ *       </p>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Using Unix timestamp
+ * const countdown = useCountdownDate(1735689599000);
+ *
+ * // Using ISO string
+ * const countdown = useCountdownDate('2025-12-31T23:59:59Z');
+ * ```
+ */
+declare const useCountdownDate: (date: Date | string | number) => CountdownState;
+interface UseCountdownSecondsReturn {
+    counting: boolean;
+    countdown: number;
+    startCountdown: () => void;
+    setCountdown: React.Dispatch<React.SetStateAction<number>>;
+}
+/**
+ * A custom hook for creating a countdown timer that counts down from a specified number of seconds.
+ *
+ * Provides manual control to start the countdown and tracks whether counting is in progress.
+ * Automatically cleans up intervals on unmount.
+ *
+ * @param initCountdown - Initial number of seconds for the countdown
+ *
+ * @returns An object containing:
+ * - `counting` (boolean): Whether countdown is actively running (between 0 and initCountdown)
+ * - `countdown` (number): Current countdown value in seconds
+ * - `startCountdown` (function): Function to start or restart the countdown
+ * - `setCountdown` (function): Direct setter for the countdown value
+ *
+ * @example
+ * ```tsx
+ * function OTPTimer() {
+ *   const { countdown, counting, startCountdown } = useCountdownSeconds(60);
+ *
+ *   return (
+ *     <div>
+ *       <p>Resend code in: {countdown}s</p>
+ *       <button onClick={startCountdown} disabled={counting}>
+ *         {counting ? 'Waiting...' : 'Resend Code'}
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * function SessionTimer() {
+ *   const { countdown, counting, startCountdown, setCountdown } = useCountdownSeconds(300);
+ *
+ *   useEffect(() => {
+ *     // Start countdown when component mounts
+ *     startCountdown();
+ *   }, [startCountdown]);
+ *
+ *   const extendSession = () => {
+ *     // Add 60 more seconds
+ *     setCountdown((prev) => prev + 60);
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <p>Session expires in: {Math.floor(countdown / 60)}:{countdown % 60}</p>
+ *       <button onClick={extendSession}>Extend Session</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare const useCountdownSeconds: (initCountdown: number) => UseCountdownSecondsReturn;
+
 type ReturnType = boolean;
 type Query = 'up' | 'down' | 'between' | 'only';
 type Value = Breakpoint | number;
@@ -1648,6 +1757,77 @@ interface LogoProps extends BoxProps {
 declare const Logo: ({ sx, isFull, isWhite, isBlack, disableLink, LinkComponent, href, src, alt, ...rest }: LogoProps) => react_jsx_runtime.JSX.Element;
 declare const AnimatedLogo: () => react_jsx_runtime.JSX.Element;
 
+type ImageStatus = 'idle' | 'loading' | 'loaded' | 'error';
+interface ImageProps extends Omit<BoxProps, 'component' | 'children' | 'position'> {
+    src: string;
+    alt: string;
+    /**
+     * Load the image only when it enters the viewport.
+     * Defaults to true.
+     */
+    lazy?: boolean;
+    /**
+     * Fallback URL used when the main source fails to load.
+     */
+    fallbackSrc?: string;
+    /**
+     * Responsive image sources for different screen sizes/resolutions.
+     * Example: "image-320w.jpg 320w, image-640w.jpg 640w, image-1280w.jpg 1280w"
+     */
+    srcSet?: string;
+    /**
+     * Sizes attribute for responsive images. Defines which image size to use at different viewport widths.
+     * Example: "(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 33vw"
+     */
+    sizes?: string;
+    /**
+     * Aspect ratio (e.g. "16 / 9" or 1.5) applied to the wrapper to avoid layout shift.
+     */
+    aspectRatio?: number | string;
+    /**
+     * Controls object-fit of the underlying image. Defaults to "cover".
+     */
+    fit?: CSSProperties['objectFit'];
+    /**
+     * Controls object-position of the underlying image. Defaults to "center".
+     */
+    position?: CSSProperties['objectPosition'];
+    /**
+     * Optional overlay content rendered above the image.
+     */
+    overlay?: ReactNode;
+    /**
+     * Enables overlay even when overlay content is not provided.
+     */
+    withOverlay?: boolean;
+    /**
+     * Custom loading indicator shown before the image is loaded.
+     */
+    loadingIndicator?: ReactNode;
+    /**
+     * Custom error fallback content when both src and fallbackSrc fail.
+     */
+    renderError?: ReactNode;
+    /**
+     * Additional styles for the underlying image element.
+     */
+    imgSx?: BoxProps['sx'];
+    /**
+     * Additional props for the underlying image element.
+     */
+    imgProps?: Omit<BoxProps<'img'>, 'component' | 'sx' | 'ref' | 'src' | 'alt' | 'children'>;
+    /**
+     * Root margin passed to the IntersectionObserver. Defaults to "200px".
+     */
+    observerMargin?: string;
+    /**
+     * Callback fired when the image fails to load.
+     */
+    onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;
+}
+
+declare const Image: react.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & react.RefAttributes<HTMLImageElement>>;
+
 interface UploadProps extends DropzoneOptions {
     error?: boolean;
     sx?: SxProps$1<Theme>;
@@ -1817,4 +1997,4 @@ interface LoadingScreenProps extends BoxProps {
 declare const LoadingScreen: ({ portal, sx, ...rest }: LoadingScreenProps) => react_jsx_runtime.JSX.Element;
 declare const SplashScreen: ({ portal, sx, ...rest }: LoadingScreenProps) => react_jsx_runtime.JSX.Element;
 
-export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, type TableNoRowsProps, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitColorSchemeScript, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };
+export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, type TableNoRowsProps, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitColorSchemeScript, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useCountdownDate, useCountdownSeconds, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { SetStateAction, ElementType } from 'react';
+import { SetStateAction, ElementType, CSSProperties, ReactNode, SyntheticEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Breakpoint, Shadows, Components, Theme, SxProps as SxProps$1 } from '@mui/material/styles';
 import * as _mui_material from '@mui/material';
@@ -234,6 +234,115 @@ type UseSetStateReturnType<T> = {
  */
 declare const useSetState: <T extends Record<string, any>>(initialState: T) => UseSetStateReturnType<T>;
 
+interface CountdownState {
+    days: string;
+    hours: string;
+    minutes: string;
+    seconds: string;
+}
+/**
+ * A custom hook for creating a countdown timer to a specific date/time.
+ *
+ * Calculates and returns the time remaining until a target date, automatically
+ * updating every second. Returns zero values when the target time is reached.
+ *
+ * @param date - The target date/time as a Date object, ISO string, or Unix timestamp
+ *
+ * @returns An object containing:
+ * - `days` (string): Days remaining, zero-padded (e.g., "00", "05", "12")
+ * - `hours` (string): Hours remaining, zero-padded (e.g., "00", "23")
+ * - `minutes` (string): Minutes remaining, zero-padded (e.g., "00", "59")
+ * - `seconds` (string): Seconds remaining, zero-padded (e.g., "00", "59")
+ *
+ * @example
+ * ```tsx
+ * function EventCountdown() {
+ *   const countdown = useCountdownDate(new Date('2025-12-31T23:59:59'));
+ *
+ *   return (
+ *     <div>
+ *       <h2>Time Until New Year:</h2>
+ *       <p>
+ *         {countdown.days} days, {countdown.hours} hours,
+ *         {countdown.minutes} minutes, {countdown.seconds} seconds
+ *       </p>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Using Unix timestamp
+ * const countdown = useCountdownDate(1735689599000);
+ *
+ * // Using ISO string
+ * const countdown = useCountdownDate('2025-12-31T23:59:59Z');
+ * ```
+ */
+declare const useCountdownDate: (date: Date | string | number) => CountdownState;
+interface UseCountdownSecondsReturn {
+    counting: boolean;
+    countdown: number;
+    startCountdown: () => void;
+    setCountdown: React.Dispatch<React.SetStateAction<number>>;
+}
+/**
+ * A custom hook for creating a countdown timer that counts down from a specified number of seconds.
+ *
+ * Provides manual control to start the countdown and tracks whether counting is in progress.
+ * Automatically cleans up intervals on unmount.
+ *
+ * @param initCountdown - Initial number of seconds for the countdown
+ *
+ * @returns An object containing:
+ * - `counting` (boolean): Whether countdown is actively running (between 0 and initCountdown)
+ * - `countdown` (number): Current countdown value in seconds
+ * - `startCountdown` (function): Function to start or restart the countdown
+ * - `setCountdown` (function): Direct setter for the countdown value
+ *
+ * @example
+ * ```tsx
+ * function OTPTimer() {
+ *   const { countdown, counting, startCountdown } = useCountdownSeconds(60);
+ *
+ *   return (
+ *     <div>
+ *       <p>Resend code in: {countdown}s</p>
+ *       <button onClick={startCountdown} disabled={counting}>
+ *         {counting ? 'Waiting...' : 'Resend Code'}
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * function SessionTimer() {
+ *   const { countdown, counting, startCountdown, setCountdown } = useCountdownSeconds(300);
+ *
+ *   useEffect(() => {
+ *     // Start countdown when component mounts
+ *     startCountdown();
+ *   }, [startCountdown]);
+ *
+ *   const extendSession = () => {
+ *     // Add 60 more seconds
+ *     setCountdown((prev) => prev + 60);
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <p>Session expires in: {Math.floor(countdown / 60)}:{countdown % 60}</p>
+ *       <button onClick={extendSession}>Extend Session</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare const useCountdownSeconds: (initCountdown: number) => UseCountdownSecondsReturn;
+
 type ReturnType = boolean;
 type Query = 'up' | 'down' | 'between' | 'only';
 type Value = Breakpoint | number;
@@ -1648,6 +1757,77 @@ interface LogoProps extends BoxProps {
 declare const Logo: ({ sx, isFull, isWhite, isBlack, disableLink, LinkComponent, href, src, alt, ...rest }: LogoProps) => react_jsx_runtime.JSX.Element;
 declare const AnimatedLogo: () => react_jsx_runtime.JSX.Element;
 
+type ImageStatus = 'idle' | 'loading' | 'loaded' | 'error';
+interface ImageProps extends Omit<BoxProps, 'component' | 'children' | 'position'> {
+    src: string;
+    alt: string;
+    /**
+     * Load the image only when it enters the viewport.
+     * Defaults to true.
+     */
+    lazy?: boolean;
+    /**
+     * Fallback URL used when the main source fails to load.
+     */
+    fallbackSrc?: string;
+    /**
+     * Responsive image sources for different screen sizes/resolutions.
+     * Example: "image-320w.jpg 320w, image-640w.jpg 640w, image-1280w.jpg 1280w"
+     */
+    srcSet?: string;
+    /**
+     * Sizes attribute for responsive images. Defines which image size to use at different viewport widths.
+     * Example: "(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 33vw"
+     */
+    sizes?: string;
+    /**
+     * Aspect ratio (e.g. "16 / 9" or 1.5) applied to the wrapper to avoid layout shift.
+     */
+    aspectRatio?: number | string;
+    /**
+     * Controls object-fit of the underlying image. Defaults to "cover".
+     */
+    fit?: CSSProperties['objectFit'];
+    /**
+     * Controls object-position of the underlying image. Defaults to "center".
+     */
+    position?: CSSProperties['objectPosition'];
+    /**
+     * Optional overlay content rendered above the image.
+     */
+    overlay?: ReactNode;
+    /**
+     * Enables overlay even when overlay content is not provided.
+     */
+    withOverlay?: boolean;
+    /**
+     * Custom loading indicator shown before the image is loaded.
+     */
+    loadingIndicator?: ReactNode;
+    /**
+     * Custom error fallback content when both src and fallbackSrc fail.
+     */
+    renderError?: ReactNode;
+    /**
+     * Additional styles for the underlying image element.
+     */
+    imgSx?: BoxProps['sx'];
+    /**
+     * Additional props for the underlying image element.
+     */
+    imgProps?: Omit<BoxProps<'img'>, 'component' | 'sx' | 'ref' | 'src' | 'alt' | 'children'>;
+    /**
+     * Root margin passed to the IntersectionObserver. Defaults to "200px".
+     */
+    observerMargin?: string;
+    /**
+     * Callback fired when the image fails to load.
+     */
+    onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;
+}
+
+declare const Image: react.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & react.RefAttributes<HTMLImageElement>>;
+
 interface UploadProps extends DropzoneOptions {
     error?: boolean;
     sx?: SxProps$1<Theme>;
@@ -1817,4 +1997,4 @@ interface LoadingScreenProps extends BoxProps {
 declare const LoadingScreen: ({ portal, sx, ...rest }: LoadingScreenProps) => react_jsx_runtime.JSX.Element;
 declare const SplashScreen: ({ portal, sx, ...rest }: LoadingScreenProps) => react_jsx_runtime.JSX.Element;
 
-export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, type TableNoRowsProps, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitColorSchemeScript, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };
+export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, type TableNoRowsProps, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitColorSchemeScript, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useCountdownDate, useCountdownSeconds, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };