@undefine-ui/design-system 2.3.0 → 2.5.0

package/dist/index.d.cts

@@ -154,6 +154,35 @@ declare const SettingsProvider: ({ children, settings }: SettingsProviderProps)
  */
 declare const useSettings: () => SettingsContextProps;
 
+type UseSetStateReturnType<T> = {
+    state: T;
+    setState: (updateState: SetStateAction<T>) => void;
+    setField: (name: keyof T, updateValue: T[keyof T]) => void;
+    onResetState: () => void;
+    canReset: boolean;
+};
+/**
+ * Custom hook for managing complex object state with field-level updates.
+ * Similar to useState but optimized for objects with helper functions.
+ *
+ * @template T - The type of the state object (must be a record)
+ * @param {T} initialState - The initial state object
+ * @returns {UseSetStateReturnType<T>} Object containing:
+ *   - state: Current state object
+ *   - setState: Function to update state (merges with previous state)
+ *   - setField: Function to update a single field
+ *   - onResetState: Function to reset to initial state
+ *   - canReset: Boolean indicating if state differs from initial
+ *
+ * @example
+ * const { state, setField, onResetState } = useSetState({ name: '', age: 0 });
+ *
+ * setField('name', 'John');
+ * setField('age', 25);
+ * onResetState();
+ */
+declare const useSetState: <T extends Record<string, any>>(initialState: T) => UseSetStateReturnType<T>;
+
 type ReturnType = boolean;
 type Query = 'up' | 'down' | 'between' | 'only';
 type Value = Breakpoint | number;
@@ -294,6 +323,27 @@ declare const useCopyToClipboard: () => {
     isCopied: boolean;
 };
 
+/**
+ * Custom hook for tracking if an element or window has scrolled past a threshold.
+ *
+ * @param {number} [top=0] - The threshold in pixels
+ * @returns {Object} Object containing:
+ *   - elementRef: Ref to attach to an element for element-specific tracking
+ *   - offsetTop: Boolean indicating if scrolled past threshold
+ *
+ * @example
+ * // Track global scroll position
+ * const { offsetTop } = useScrollOffSetTop(80);
+ *
+ * // Track specific element position
+ * const { offsetTop, elementRef } = useScrollOffSetTop(80);
+ * <div ref={elementRef}>Content</div>
+ */
+declare const useScrollOffSetTop: (top?: number) => {
+    elementRef: React.RefObject<HTMLElement | null>;
+    offsetTop: boolean;
+};
+
 interface RadiusOptions {
     'radius-0': string;
     'radius-2xs': string;
@@ -1453,10 +1503,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;
@@ -1481,12 +1535,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;
@@ -1497,6 +1554,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;
@@ -1505,13 +1563,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;
@@ -1693,4 +1752,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, 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, 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, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };

package/dist/index.d.ts

@@ -154,6 +154,35 @@ declare const SettingsProvider: ({ children, settings }: SettingsProviderProps)
  */
 declare const useSettings: () => SettingsContextProps;
 
+type UseSetStateReturnType<T> = {
+    state: T;
+    setState: (updateState: SetStateAction<T>) => void;
+    setField: (name: keyof T, updateValue: T[keyof T]) => void;
+    onResetState: () => void;
+    canReset: boolean;
+};
+/**
+ * Custom hook for managing complex object state with field-level updates.
+ * Similar to useState but optimized for objects with helper functions.
+ *
+ * @template T - The type of the state object (must be a record)
+ * @param {T} initialState - The initial state object
+ * @returns {UseSetStateReturnType<T>} Object containing:
+ *   - state: Current state object
+ *   - setState: Function to update state (merges with previous state)
+ *   - setField: Function to update a single field
+ *   - onResetState: Function to reset to initial state
+ *   - canReset: Boolean indicating if state differs from initial
+ *
+ * @example
+ * const { state, setField, onResetState } = useSetState({ name: '', age: 0 });
+ *
+ * setField('name', 'John');
+ * setField('age', 25);
+ * onResetState();
+ */
+declare const useSetState: <T extends Record<string, any>>(initialState: T) => UseSetStateReturnType<T>;
+
 type ReturnType = boolean;
 type Query = 'up' | 'down' | 'between' | 'only';
 type Value = Breakpoint | number;
@@ -294,6 +323,27 @@ declare const useCopyToClipboard: () => {
     isCopied: boolean;
 };
 
+/**
+ * Custom hook for tracking if an element or window has scrolled past a threshold.
+ *
+ * @param {number} [top=0] - The threshold in pixels
+ * @returns {Object} Object containing:
+ *   - elementRef: Ref to attach to an element for element-specific tracking
+ *   - offsetTop: Boolean indicating if scrolled past threshold
+ *
+ * @example
+ * // Track global scroll position
+ * const { offsetTop } = useScrollOffSetTop(80);
+ *
+ * // Track specific element position
+ * const { offsetTop, elementRef } = useScrollOffSetTop(80);
+ * <div ref={elementRef}>Content</div>
+ */
+declare const useScrollOffSetTop: (top?: number) => {
+    elementRef: React.RefObject<HTMLElement | null>;
+    offsetTop: boolean;
+};
+
 interface RadiusOptions {
     'radius-0': string;
     'radius-2xs': string;
@@ -1453,10 +1503,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;
@@ -1481,12 +1535,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;
@@ -1497,6 +1554,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;
@@ -1505,13 +1563,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;
@@ -1693,4 +1752,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, 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, 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, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };