@undefine-ui/design-system 2.4.0 → 2.6.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { SetStateAction, ElementType } 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';
 import { SxProps, Theme as Theme$1 } from '@mui/material';
@@ -108,6 +108,50 @@ interface UseBooleanReturnType {
  */
 declare const useBoolean: (defaultValue?: boolean) => UseBooleanReturnType;
 
+/**
+ * A custom hook for managing popover state and interactions.
+ *
+ * Provides utilities to control the open/close state of a popover component,
+ * track the anchor element, and handle user interactions.
+ *
+ * @returns An object containing:
+ * - `open` (boolean): Whether the popover is currently open
+ * - `anchorEl` (HTMLElement | null): The element the popover is anchored to
+ * - `onOpen` (function): Handler to open the popover on a mouse event
+ * - `onClose` (function): Handler to close the popover
+ * - `setAnchorEl` (function): Direct setter for the anchor element
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const popover = usePopover();
+ *
+ *   return (
+ *     <>
+ *       <Button onClick={popover.onOpen}>
+ *         Open Menu
+ *       </Button>
+ *       <Popover
+ *         open={popover.open}
+ *         anchorEl={popover.anchorEl}
+ *         onClose={popover.onClose}
+ *       >
+ *         <MenuItem onClick={popover.onClose}>Option 1</MenuItem>
+ *         <MenuItem onClick={popover.onClose}>Option 2</MenuItem>
+ *       </Popover>
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+declare const usePopover: () => {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    onOpen: (event: React.MouseEvent<HTMLElement>) => void;
+    onClose: () => void;
+    setAnchorEl: react.Dispatch<react.SetStateAction<HTMLElement | null>>;
+};
+
 declare const STORAGE_KEY = "app-settings";
 type SettingsValueProps = {
     colorScheme: 'light' | 'dark';
@@ -1503,10 +1547,14 @@ declare const Loader: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const Search: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const Settings: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
 declare const UserFill: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const EyeClosed: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const KeyCommand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
 declare const XMarkSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CloudUpload: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
@@ -1531,12 +1579,15 @@ declare const InfoCircleFill: (props: SvgIconProps) => react_jsx_runtime.JSX.Ele
 
 declare const CheckboxDefault: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const BellNotification: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
 declare const InfoCircleOutline: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const LongArrowUpLeftSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CheckboxIndeterminate: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const Icons_BellNotification: typeof BellNotification;
 declare const Icons_CheckboxDefault: typeof CheckboxDefault;
 declare const Icons_CheckboxIndeterminate: typeof CheckboxIndeterminate;
 declare const Icons_CheckboxSelect: typeof CheckboxSelect;
@@ -1547,6 +1598,7 @@ declare const Icons_Eye: typeof Eye;
 declare const Icons_EyeClosed: typeof EyeClosed;
 declare const Icons_InfoCircleFill: typeof InfoCircleFill;
 declare const Icons_InfoCircleOutline: typeof InfoCircleOutline;
+declare const Icons_KeyCommand: typeof KeyCommand;
 declare const Icons_Loader: typeof Loader;
 declare const Icons_LongArrowUpLeftSolid: typeof LongArrowUpLeftSolid;
 declare const Icons_NavArrowDown: typeof NavArrowDown;
@@ -1555,13 +1607,14 @@ declare const Icons_NavArrowRight: typeof NavArrowRight;
 declare const Icons_RadioDefault: typeof RadioDefault;
 declare const Icons_RadioSelect: typeof RadioSelect;
 declare const Icons_Search: typeof Search;
+declare const Icons_Settings: typeof Settings;
 declare const Icons_Trash: typeof Trash;
 declare const Icons_UserFill: typeof UserFill;
 declare const Icons_UserOutline: typeof UserOutline;
 declare const Icons_XMark: typeof XMark;
 declare const Icons_XMarkSolid: typeof XMarkSolid;
 declare namespace Icons {
-  export { Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_ClipboardCheck as ClipboardCheck, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_InfoCircleFill as InfoCircleFill, Icons_InfoCircleOutline as InfoCircleOutline, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Trash as Trash, Icons_UserFill as UserFill, Icons_UserOutline as UserOutline, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
+  export { Icons_BellNotification as BellNotification, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_ClipboardCheck as ClipboardCheck, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_InfoCircleFill as InfoCircleFill, Icons_InfoCircleOutline as InfoCircleOutline, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_Trash as Trash, Icons_UserFill as UserFill, Icons_UserOutline as UserOutline, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
 }
 
 type IconType = keyof typeof Icons;
@@ -1743,4 +1796,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, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, InfoCircleFill, InfoCircleOutline, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, 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, getCurrencySymbol, getInitColorSchemeScript, 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, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, 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, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, 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, getCurrencySymbol, getInitColorSchemeScript, 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, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { SetStateAction, ElementType } 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';
 import { SxProps, Theme as Theme$1 } from '@mui/material';
@@ -108,6 +108,50 @@ interface UseBooleanReturnType {
  */
 declare const useBoolean: (defaultValue?: boolean) => UseBooleanReturnType;
 
+/**
+ * A custom hook for managing popover state and interactions.
+ *
+ * Provides utilities to control the open/close state of a popover component,
+ * track the anchor element, and handle user interactions.
+ *
+ * @returns An object containing:
+ * - `open` (boolean): Whether the popover is currently open
+ * - `anchorEl` (HTMLElement | null): The element the popover is anchored to
+ * - `onOpen` (function): Handler to open the popover on a mouse event
+ * - `onClose` (function): Handler to close the popover
+ * - `setAnchorEl` (function): Direct setter for the anchor element
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const popover = usePopover();
+ *
+ *   return (
+ *     <>
+ *       <Button onClick={popover.onOpen}>
+ *         Open Menu
+ *       </Button>
+ *       <Popover
+ *         open={popover.open}
+ *         anchorEl={popover.anchorEl}
+ *         onClose={popover.onClose}
+ *       >
+ *         <MenuItem onClick={popover.onClose}>Option 1</MenuItem>
+ *         <MenuItem onClick={popover.onClose}>Option 2</MenuItem>
+ *       </Popover>
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+declare const usePopover: () => {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    onOpen: (event: React.MouseEvent<HTMLElement>) => void;
+    onClose: () => void;
+    setAnchorEl: react.Dispatch<react.SetStateAction<HTMLElement | null>>;
+};
+
 declare const STORAGE_KEY = "app-settings";
 type SettingsValueProps = {
     colorScheme: 'light' | 'dark';
@@ -1503,10 +1547,14 @@ declare const Loader: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const Search: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const Settings: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
 declare const UserFill: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const EyeClosed: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const KeyCommand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
 declare const XMarkSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CloudUpload: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
@@ -1531,12 +1579,15 @@ declare const InfoCircleFill: (props: SvgIconProps) => react_jsx_runtime.JSX.Ele
 
 declare const CheckboxDefault: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const BellNotification: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
 declare const InfoCircleOutline: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const LongArrowUpLeftSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CheckboxIndeterminate: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const Icons_BellNotification: typeof BellNotification;
 declare const Icons_CheckboxDefault: typeof CheckboxDefault;
 declare const Icons_CheckboxIndeterminate: typeof CheckboxIndeterminate;
 declare const Icons_CheckboxSelect: typeof CheckboxSelect;
@@ -1547,6 +1598,7 @@ declare const Icons_Eye: typeof Eye;
 declare const Icons_EyeClosed: typeof EyeClosed;
 declare const Icons_InfoCircleFill: typeof InfoCircleFill;
 declare const Icons_InfoCircleOutline: typeof InfoCircleOutline;
+declare const Icons_KeyCommand: typeof KeyCommand;
 declare const Icons_Loader: typeof Loader;
 declare const Icons_LongArrowUpLeftSolid: typeof LongArrowUpLeftSolid;
 declare const Icons_NavArrowDown: typeof NavArrowDown;
@@ -1555,13 +1607,14 @@ declare const Icons_NavArrowRight: typeof NavArrowRight;
 declare const Icons_RadioDefault: typeof RadioDefault;
 declare const Icons_RadioSelect: typeof RadioSelect;
 declare const Icons_Search: typeof Search;
+declare const Icons_Settings: typeof Settings;
 declare const Icons_Trash: typeof Trash;
 declare const Icons_UserFill: typeof UserFill;
 declare const Icons_UserOutline: typeof UserOutline;
 declare const Icons_XMark: typeof XMark;
 declare const Icons_XMarkSolid: typeof XMarkSolid;
 declare namespace Icons {
-  export { Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_ClipboardCheck as ClipboardCheck, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_InfoCircleFill as InfoCircleFill, Icons_InfoCircleOutline as InfoCircleOutline, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Trash as Trash, Icons_UserFill as UserFill, Icons_UserOutline as UserOutline, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
+  export { Icons_BellNotification as BellNotification, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_ClipboardCheck as ClipboardCheck, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_InfoCircleFill as InfoCircleFill, Icons_InfoCircleOutline as InfoCircleOutline, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_Trash as Trash, Icons_UserFill as UserFill, Icons_UserOutline as UserOutline, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
 }
 
 type IconType = keyof typeof Icons;
@@ -1743,4 +1796,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, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, InfoCircleFill, InfoCircleOutline, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, 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, getCurrencySymbol, getInitColorSchemeScript, 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, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, 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, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, 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, getCurrencySymbol, getInitColorSchemeScript, 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, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };