@undefine-ui/design-system 3.1.0 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +130 -1
- package/dist/index.cjs +1225 -389
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +52 -2
- package/dist/index.d.ts +52 -2
- package/dist/index.js +1395 -383
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.d.cts
CHANGED
|
@@ -25,6 +25,7 @@ import { RadioProps } from '@mui/material/Radio';
|
|
|
25
25
|
import { RadioGroupProps } from '@mui/material/RadioGroup';
|
|
26
26
|
import { TextFieldProps } from '@mui/material/TextField';
|
|
27
27
|
import { SwitchProps } from '@mui/material/Switch';
|
|
28
|
+
export * from 'sonner';
|
|
28
29
|
|
|
29
30
|
declare const isEqual: (a: any, b: any) => boolean;
|
|
30
31
|
declare const orderBy: <T>(array: T[], properties: (keyof T)[], orders?: ("asc" | "desc")[]) => T[];
|
|
@@ -1143,10 +1144,14 @@ declare const StatDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
|
1143
1144
|
|
|
1144
1145
|
declare const Building: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1145
1146
|
|
|
1147
|
+
declare const InfoToast: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1148
|
+
|
|
1146
1149
|
declare const UserSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1147
1150
|
|
|
1148
1151
|
declare const EyeClosed: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1149
1152
|
|
|
1153
|
+
declare const ErrorToast: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1154
|
+
|
|
1150
1155
|
declare const KeyCommand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1151
1156
|
|
|
1152
1157
|
declare const XMarkSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1163,6 +1168,10 @@ declare const CloudUpload: (props: SvgIconProps) => react_jsx_runtime.JSX.Elemen
|
|
|
1163
1168
|
|
|
1164
1169
|
declare const RadioSelect: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1165
1170
|
|
|
1171
|
+
declare const SuccessToast: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1172
|
+
|
|
1173
|
+
declare const WarningToast: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1174
|
+
|
|
1166
1175
|
declare const RadioDefault: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1167
1176
|
|
|
1168
1177
|
declare const NavArrowDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1204,11 +1213,13 @@ declare const Icons_Clock: typeof Clock;
|
|
|
1204
1213
|
declare const Icons_CloudUpload: typeof CloudUpload;
|
|
1205
1214
|
declare const Icons_Copy: typeof Copy;
|
|
1206
1215
|
declare const Icons_Download: typeof Download;
|
|
1216
|
+
declare const Icons_ErrorToast: typeof ErrorToast;
|
|
1207
1217
|
declare const Icons_Eye: typeof Eye;
|
|
1208
1218
|
declare const Icons_EyeClosed: typeof EyeClosed;
|
|
1209
1219
|
declare const Icons_HelpCircle: typeof HelpCircle;
|
|
1210
1220
|
declare const Icons_InfoCircle: typeof InfoCircle;
|
|
1211
1221
|
declare const Icons_InfoCircleSolid: typeof InfoCircleSolid;
|
|
1222
|
+
declare const Icons_InfoToast: typeof InfoToast;
|
|
1212
1223
|
declare const Icons_KeyCommand: typeof KeyCommand;
|
|
1213
1224
|
declare const Icons_Loader: typeof Loader;
|
|
1214
1225
|
declare const Icons_LongArrowUpLeftSolid: typeof LongArrowUpLeftSolid;
|
|
@@ -1226,13 +1237,15 @@ declare const Icons_SortDown: typeof SortDown;
|
|
|
1226
1237
|
declare const Icons_SortUp: typeof SortUp;
|
|
1227
1238
|
declare const Icons_StatDown: typeof StatDown;
|
|
1228
1239
|
declare const Icons_StatUp: typeof StatUp;
|
|
1240
|
+
declare const Icons_SuccessToast: typeof SuccessToast;
|
|
1229
1241
|
declare const Icons_Trash: typeof Trash;
|
|
1230
1242
|
declare const Icons_User: typeof User;
|
|
1231
1243
|
declare const Icons_UserSolid: typeof UserSolid;
|
|
1244
|
+
declare const Icons_WarningToast: typeof WarningToast;
|
|
1232
1245
|
declare const Icons_XMark: typeof XMark;
|
|
1233
1246
|
declare const Icons_XMarkSolid: typeof XMarkSolid;
|
|
1234
1247
|
declare namespace Icons {
|
|
1235
|
-
export { Icons_Attachment as Attachment, Icons_Bank as Bank, Icons_BellNotification as BellNotification, Icons_Building as Building, Icons_Calendar as Calendar, Icons_CheckCircleSolid as CheckCircleSolid, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_Circle as Circle, Icons_ClipboardCheck as ClipboardCheck, Icons_Clock as Clock, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Download as Download, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_HelpCircle as HelpCircle, Icons_InfoCircle as InfoCircle, Icons_InfoCircleSolid as InfoCircleSolid, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowDownSolid as NavArrowDownSolid, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_Plus as Plus, Icons_PlusSquare as PlusSquare, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_SortDown as SortDown, Icons_SortUp as SortUp, Icons_StatDown as StatDown, Icons_StatUp as StatUp, Icons_Trash as Trash, Icons_User as User, Icons_UserSolid as UserSolid, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
|
|
1248
|
+
export { Icons_Attachment as Attachment, Icons_Bank as Bank, Icons_BellNotification as BellNotification, Icons_Building as Building, Icons_Calendar as Calendar, Icons_CheckCircleSolid as CheckCircleSolid, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_Circle as Circle, Icons_ClipboardCheck as ClipboardCheck, Icons_Clock as Clock, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Download as Download, Icons_ErrorToast as ErrorToast, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_HelpCircle as HelpCircle, Icons_InfoCircle as InfoCircle, Icons_InfoCircleSolid as InfoCircleSolid, Icons_InfoToast as InfoToast, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowDownSolid as NavArrowDownSolid, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_Plus as Plus, Icons_PlusSquare as PlusSquare, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_SortDown as SortDown, Icons_SortUp as SortUp, Icons_StatDown as StatDown, Icons_StatUp as StatUp, Icons_SuccessToast as SuccessToast, Icons_Trash as Trash, Icons_User as User, Icons_UserSolid as UserSolid, Icons_WarningToast as WarningToast, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
|
|
1236
1249
|
}
|
|
1237
1250
|
|
|
1238
1251
|
type IconType = keyof typeof Icons;
|
|
@@ -1352,6 +1365,8 @@ interface ImageProps extends Omit<BoxProps, 'component' | 'children' | 'position
|
|
|
1352
1365
|
|
|
1353
1366
|
declare const Image: react.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & react.RefAttributes<HTMLImageElement>>;
|
|
1354
1367
|
|
|
1368
|
+
declare const Toast: () => react_jsx_runtime.JSX.Element;
|
|
1369
|
+
|
|
1355
1370
|
interface UploadProps extends DropzoneOptions {
|
|
1356
1371
|
error?: boolean;
|
|
1357
1372
|
sx?: SxProps<Theme>;
|
|
@@ -2079,6 +2094,41 @@ declare function paper({ theme, color, dropdown }: {
|
|
|
2079
2094
|
*/
|
|
2080
2095
|
declare const menuItem: (theme: Theme$1) => SxProps$1<Theme$1>;
|
|
2081
2096
|
|
|
2097
|
+
/**
|
|
2098
|
+
* ApexCharts style utilities for MUI theming integration.
|
|
2099
|
+
* Use these in your consuming app to style ApexCharts with Define theme.
|
|
2100
|
+
*
|
|
2101
|
+
* @example
|
|
2102
|
+
* // In your app, create a styled wrapper:
|
|
2103
|
+
* import { styled } from '@mui/material/styles';
|
|
2104
|
+
* import { apexChartsStyles } from '@undefine-ui/design-system';
|
|
2105
|
+
*
|
|
2106
|
+
* export const ChartWrapper = styled('div')(({ theme }) => ({
|
|
2107
|
+
* ...apexChartsStyles(theme),
|
|
2108
|
+
* }));
|
|
2109
|
+
*
|
|
2110
|
+
* // Then wrap your chart:
|
|
2111
|
+
* <ChartWrapper>
|
|
2112
|
+
* <ReactApexChart {...chartProps} />
|
|
2113
|
+
* </ChartWrapper>
|
|
2114
|
+
*/
|
|
2115
|
+
declare const apexChartsStyles: (theme: Theme) => SxProps<Theme>;
|
|
2116
|
+
/**
|
|
2117
|
+
* Default chart options for ApexCharts with Define theme integration.
|
|
2118
|
+
* Use these as a base and extend with your chart-specific options.
|
|
2119
|
+
*
|
|
2120
|
+
* @example
|
|
2121
|
+
* import { useTheme } from '@mui/material/styles';
|
|
2122
|
+
* import { getDefaultChartOptions } from '@undefine-ui/design-system';
|
|
2123
|
+
*
|
|
2124
|
+
* const theme = useTheme();
|
|
2125
|
+
* const options = {
|
|
2126
|
+
* ...getDefaultChartOptions(theme),
|
|
2127
|
+
* // Your chart-specific options
|
|
2128
|
+
* };
|
|
2129
|
+
*/
|
|
2130
|
+
declare const getDefaultChartOptions: (theme: Theme) => Record<string, any>;
|
|
2131
|
+
|
|
2082
2132
|
declare const createTheme: (settings: SettingsValueProps) => Theme;
|
|
2083
2133
|
|
|
2084
2134
|
declare const schemeConfig: {
|
|
@@ -2098,4 +2148,4 @@ type ThemeProviderProps = {
|
|
|
2098
2148
|
};
|
|
2099
2149
|
declare const ThemeProvider: ({ children }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
2100
2150
|
|
|
2101
|
-
export { AnimatedLogo, Attachment, Bank, BellNotification, Building, Calendar, CheckCircleSolid, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, Circle, ClipboardCheck, Clock, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, type DatePickerProps, type DateTimePickerProps, Download, EmptyContent, type EmptyContentProps, Eye, EyeClosed, Field, Form, HelpCircle, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircle, InfoCircleSolid, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowDownSolid, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, Plus, PlusSquare, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFDatePicker, type RHFDatePickerProps, RHFDateTimePicker, type RHFDateTimePickerProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFTimePicker, type RHFTimePickerProps, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SortDown, SortUp, SplashScreen, StatDown, StatUp, Table, TablePagination, ThemeProvider, type TimePickerProps, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, User, UserSolid, 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, 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 };
|
|
2151
|
+
export { AnimatedLogo, Attachment, Bank, BellNotification, Building, Calendar, CheckCircleSolid, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, Circle, ClipboardCheck, Clock, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, type DatePickerProps, type DateTimePickerProps, Download, EmptyContent, type EmptyContentProps, ErrorToast, Eye, EyeClosed, Field, Form, HelpCircle, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircle, InfoCircleSolid, InfoToast, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowDownSolid, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, Plus, PlusSquare, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFDatePicker, type RHFDatePickerProps, RHFDateTimePicker, type RHFDateTimePickerProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFTimePicker, type RHFTimePickerProps, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SortDown, SortUp, SplashScreen, StatDown, StatUp, SuccessToast, Table, TablePagination, ThemeProvider, type TimePickerProps, Toast, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, User, UserSolid, WarningToast, XMark, XMarkSolid, action, apexChartsStyles, 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, getDefaultChartOptions, 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
CHANGED
|
@@ -25,6 +25,7 @@ import { RadioProps } from '@mui/material/Radio';
|
|
|
25
25
|
import { RadioGroupProps } from '@mui/material/RadioGroup';
|
|
26
26
|
import { TextFieldProps } from '@mui/material/TextField';
|
|
27
27
|
import { SwitchProps } from '@mui/material/Switch';
|
|
28
|
+
export * from 'sonner';
|
|
28
29
|
|
|
29
30
|
declare const isEqual: (a: any, b: any) => boolean;
|
|
30
31
|
declare const orderBy: <T>(array: T[], properties: (keyof T)[], orders?: ("asc" | "desc")[]) => T[];
|
|
@@ -1143,10 +1144,14 @@ declare const StatDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
|
1143
1144
|
|
|
1144
1145
|
declare const Building: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1145
1146
|
|
|
1147
|
+
declare const InfoToast: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1148
|
+
|
|
1146
1149
|
declare const UserSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1147
1150
|
|
|
1148
1151
|
declare const EyeClosed: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1149
1152
|
|
|
1153
|
+
declare const ErrorToast: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1154
|
+
|
|
1150
1155
|
declare const KeyCommand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1151
1156
|
|
|
1152
1157
|
declare const XMarkSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1163,6 +1168,10 @@ declare const CloudUpload: (props: SvgIconProps) => react_jsx_runtime.JSX.Elemen
|
|
|
1163
1168
|
|
|
1164
1169
|
declare const RadioSelect: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1165
1170
|
|
|
1171
|
+
declare const SuccessToast: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1172
|
+
|
|
1173
|
+
declare const WarningToast: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1174
|
+
|
|
1166
1175
|
declare const RadioDefault: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
1167
1176
|
|
|
1168
1177
|
declare const NavArrowDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1204,11 +1213,13 @@ declare const Icons_Clock: typeof Clock;
|
|
|
1204
1213
|
declare const Icons_CloudUpload: typeof CloudUpload;
|
|
1205
1214
|
declare const Icons_Copy: typeof Copy;
|
|
1206
1215
|
declare const Icons_Download: typeof Download;
|
|
1216
|
+
declare const Icons_ErrorToast: typeof ErrorToast;
|
|
1207
1217
|
declare const Icons_Eye: typeof Eye;
|
|
1208
1218
|
declare const Icons_EyeClosed: typeof EyeClosed;
|
|
1209
1219
|
declare const Icons_HelpCircle: typeof HelpCircle;
|
|
1210
1220
|
declare const Icons_InfoCircle: typeof InfoCircle;
|
|
1211
1221
|
declare const Icons_InfoCircleSolid: typeof InfoCircleSolid;
|
|
1222
|
+
declare const Icons_InfoToast: typeof InfoToast;
|
|
1212
1223
|
declare const Icons_KeyCommand: typeof KeyCommand;
|
|
1213
1224
|
declare const Icons_Loader: typeof Loader;
|
|
1214
1225
|
declare const Icons_LongArrowUpLeftSolid: typeof LongArrowUpLeftSolid;
|
|
@@ -1226,13 +1237,15 @@ declare const Icons_SortDown: typeof SortDown;
|
|
|
1226
1237
|
declare const Icons_SortUp: typeof SortUp;
|
|
1227
1238
|
declare const Icons_StatDown: typeof StatDown;
|
|
1228
1239
|
declare const Icons_StatUp: typeof StatUp;
|
|
1240
|
+
declare const Icons_SuccessToast: typeof SuccessToast;
|
|
1229
1241
|
declare const Icons_Trash: typeof Trash;
|
|
1230
1242
|
declare const Icons_User: typeof User;
|
|
1231
1243
|
declare const Icons_UserSolid: typeof UserSolid;
|
|
1244
|
+
declare const Icons_WarningToast: typeof WarningToast;
|
|
1232
1245
|
declare const Icons_XMark: typeof XMark;
|
|
1233
1246
|
declare const Icons_XMarkSolid: typeof XMarkSolid;
|
|
1234
1247
|
declare namespace Icons {
|
|
1235
|
-
export { Icons_Attachment as Attachment, Icons_Bank as Bank, Icons_BellNotification as BellNotification, Icons_Building as Building, Icons_Calendar as Calendar, Icons_CheckCircleSolid as CheckCircleSolid, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_Circle as Circle, Icons_ClipboardCheck as ClipboardCheck, Icons_Clock as Clock, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Download as Download, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_HelpCircle as HelpCircle, Icons_InfoCircle as InfoCircle, Icons_InfoCircleSolid as InfoCircleSolid, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowDownSolid as NavArrowDownSolid, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_Plus as Plus, Icons_PlusSquare as PlusSquare, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_SortDown as SortDown, Icons_SortUp as SortUp, Icons_StatDown as StatDown, Icons_StatUp as StatUp, Icons_Trash as Trash, Icons_User as User, Icons_UserSolid as UserSolid, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
|
|
1248
|
+
export { Icons_Attachment as Attachment, Icons_Bank as Bank, Icons_BellNotification as BellNotification, Icons_Building as Building, Icons_Calendar as Calendar, Icons_CheckCircleSolid as CheckCircleSolid, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_Circle as Circle, Icons_ClipboardCheck as ClipboardCheck, Icons_Clock as Clock, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Download as Download, Icons_ErrorToast as ErrorToast, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_HelpCircle as HelpCircle, Icons_InfoCircle as InfoCircle, Icons_InfoCircleSolid as InfoCircleSolid, Icons_InfoToast as InfoToast, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowDownSolid as NavArrowDownSolid, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_Plus as Plus, Icons_PlusSquare as PlusSquare, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_SortDown as SortDown, Icons_SortUp as SortUp, Icons_StatDown as StatDown, Icons_StatUp as StatUp, Icons_SuccessToast as SuccessToast, Icons_Trash as Trash, Icons_User as User, Icons_UserSolid as UserSolid, Icons_WarningToast as WarningToast, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
|
|
1236
1249
|
}
|
|
1237
1250
|
|
|
1238
1251
|
type IconType = keyof typeof Icons;
|
|
@@ -1352,6 +1365,8 @@ interface ImageProps extends Omit<BoxProps, 'component' | 'children' | 'position
|
|
|
1352
1365
|
|
|
1353
1366
|
declare const Image: react.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & react.RefAttributes<HTMLImageElement>>;
|
|
1354
1367
|
|
|
1368
|
+
declare const Toast: () => react_jsx_runtime.JSX.Element;
|
|
1369
|
+
|
|
1355
1370
|
interface UploadProps extends DropzoneOptions {
|
|
1356
1371
|
error?: boolean;
|
|
1357
1372
|
sx?: SxProps<Theme>;
|
|
@@ -2079,6 +2094,41 @@ declare function paper({ theme, color, dropdown }: {
|
|
|
2079
2094
|
*/
|
|
2080
2095
|
declare const menuItem: (theme: Theme$1) => SxProps$1<Theme$1>;
|
|
2081
2096
|
|
|
2097
|
+
/**
|
|
2098
|
+
* ApexCharts style utilities for MUI theming integration.
|
|
2099
|
+
* Use these in your consuming app to style ApexCharts with Define theme.
|
|
2100
|
+
*
|
|
2101
|
+
* @example
|
|
2102
|
+
* // In your app, create a styled wrapper:
|
|
2103
|
+
* import { styled } from '@mui/material/styles';
|
|
2104
|
+
* import { apexChartsStyles } from '@undefine-ui/design-system';
|
|
2105
|
+
*
|
|
2106
|
+
* export const ChartWrapper = styled('div')(({ theme }) => ({
|
|
2107
|
+
* ...apexChartsStyles(theme),
|
|
2108
|
+
* }));
|
|
2109
|
+
*
|
|
2110
|
+
* // Then wrap your chart:
|
|
2111
|
+
* <ChartWrapper>
|
|
2112
|
+
* <ReactApexChart {...chartProps} />
|
|
2113
|
+
* </ChartWrapper>
|
|
2114
|
+
*/
|
|
2115
|
+
declare const apexChartsStyles: (theme: Theme) => SxProps<Theme>;
|
|
2116
|
+
/**
|
|
2117
|
+
* Default chart options for ApexCharts with Define theme integration.
|
|
2118
|
+
* Use these as a base and extend with your chart-specific options.
|
|
2119
|
+
*
|
|
2120
|
+
* @example
|
|
2121
|
+
* import { useTheme } from '@mui/material/styles';
|
|
2122
|
+
* import { getDefaultChartOptions } from '@undefine-ui/design-system';
|
|
2123
|
+
*
|
|
2124
|
+
* const theme = useTheme();
|
|
2125
|
+
* const options = {
|
|
2126
|
+
* ...getDefaultChartOptions(theme),
|
|
2127
|
+
* // Your chart-specific options
|
|
2128
|
+
* };
|
|
2129
|
+
*/
|
|
2130
|
+
declare const getDefaultChartOptions: (theme: Theme) => Record<string, any>;
|
|
2131
|
+
|
|
2082
2132
|
declare const createTheme: (settings: SettingsValueProps) => Theme;
|
|
2083
2133
|
|
|
2084
2134
|
declare const schemeConfig: {
|
|
@@ -2098,4 +2148,4 @@ type ThemeProviderProps = {
|
|
|
2098
2148
|
};
|
|
2099
2149
|
declare const ThemeProvider: ({ children }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
2100
2150
|
|
|
2101
|
-
export { AnimatedLogo, Attachment, Bank, BellNotification, Building, Calendar, CheckCircleSolid, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, Circle, ClipboardCheck, Clock, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, type DatePickerProps, type DateTimePickerProps, Download, EmptyContent, type EmptyContentProps, Eye, EyeClosed, Field, Form, HelpCircle, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircle, InfoCircleSolid, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowDownSolid, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, Plus, PlusSquare, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFDatePicker, type RHFDatePickerProps, RHFDateTimePicker, type RHFDateTimePickerProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFTimePicker, type RHFTimePickerProps, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SortDown, SortUp, SplashScreen, StatDown, StatUp, Table, TablePagination, ThemeProvider, type TimePickerProps, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, User, UserSolid, 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, 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 };
|
|
2151
|
+
export { AnimatedLogo, Attachment, Bank, BellNotification, Building, Calendar, CheckCircleSolid, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, Circle, ClipboardCheck, Clock, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, type DatePickerProps, type DateTimePickerProps, Download, EmptyContent, type EmptyContentProps, ErrorToast, Eye, EyeClosed, Field, Form, HelpCircle, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircle, InfoCircleSolid, InfoToast, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowDownSolid, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, Plus, PlusSquare, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFDatePicker, type RHFDatePickerProps, RHFDateTimePicker, type RHFDateTimePickerProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFTimePicker, type RHFTimePickerProps, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SortDown, SortUp, SplashScreen, StatDown, StatUp, SuccessToast, Table, TablePagination, ThemeProvider, type TimePickerProps, Toast, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, User, UserSolid, WarningToast, XMark, XMarkSolid, action, apexChartsStyles, 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, getDefaultChartOptions, 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 };
|