@bricks-toolkit/toolkit 0.1.10 → 0.1.12

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.
Files changed (86) hide show
  1. package/dist/{chunk-B4OV5GRT.cjs → chunk-B2FU2E2X.cjs} +11 -1
  2. package/dist/{chunk-CBA54EY4.mjs → chunk-TBMIMUU4.mjs} +11 -1
  3. package/dist/index.cjs +2 -2
  4. package/dist/index.mjs +1 -1
  5. package/dist/phone/index.cjs +2 -2
  6. package/dist/phone/index.mjs +1 -1
  7. package/package.json +19 -20
  8. package/dist/Button.types-BsQYqZml.d.ts +0 -27
  9. package/dist/Button.types-D-srlWFf.d.mts +0 -27
  10. package/dist/TextInput.types-DRI8HQza.d.mts +0 -32
  11. package/dist/TextInput.types-DRI8HQza.d.ts +0 -32
  12. package/dist/Tooltip.types-PbUasE3C.d.mts +0 -36
  13. package/dist/Tooltip.types-PbUasE3C.d.ts +0 -36
  14. package/dist/avatar/index.d.mts +0 -29
  15. package/dist/avatar/index.d.ts +0 -29
  16. package/dist/badge/index.d.mts +0 -57
  17. package/dist/badge/index.d.ts +0 -57
  18. package/dist/breadcrumbs/index.d.mts +0 -32
  19. package/dist/breadcrumbs/index.d.ts +0 -32
  20. package/dist/button/index.d.mts +0 -8
  21. package/dist/button/index.d.ts +0 -8
  22. package/dist/card/index.d.mts +0 -42
  23. package/dist/card/index.d.ts +0 -42
  24. package/dist/checkbox/index.d.mts +0 -36
  25. package/dist/checkbox/index.d.ts +0 -36
  26. package/dist/combo-box/index.d.mts +0 -62
  27. package/dist/combo-box/index.d.ts +0 -62
  28. package/dist/date-picker/index.d.mts +0 -32
  29. package/dist/date-picker/index.d.ts +0 -32
  30. package/dist/dialog/index.d.mts +0 -61
  31. package/dist/dialog/index.d.ts +0 -61
  32. package/dist/dropdown-menu/index.d.mts +0 -34
  33. package/dist/dropdown-menu/index.d.ts +0 -34
  34. package/dist/email/index.d.mts +0 -38
  35. package/dist/email/index.d.ts +0 -38
  36. package/dist/file-upload/index.d.mts +0 -27
  37. package/dist/file-upload/index.d.ts +0 -27
  38. package/dist/header/index.d.mts +0 -28
  39. package/dist/header/index.d.ts +0 -28
  40. package/dist/icon-button/index.d.mts +0 -16
  41. package/dist/icon-button/index.d.ts +0 -16
  42. package/dist/image/index.d.mts +0 -48
  43. package/dist/image/index.d.ts +0 -48
  44. package/dist/index.d.mts +0 -141
  45. package/dist/index.d.ts +0 -141
  46. package/dist/link/index.d.mts +0 -25
  47. package/dist/link/index.d.ts +0 -25
  48. package/dist/loader/index.d.mts +0 -21
  49. package/dist/loader/index.d.ts +0 -21
  50. package/dist/modal/index.d.mts +0 -116
  51. package/dist/modal/index.d.ts +0 -116
  52. package/dist/multi-select/index.d.mts +0 -59
  53. package/dist/multi-select/index.d.ts +0 -59
  54. package/dist/otp-input/index.d.mts +0 -57
  55. package/dist/otp-input/index.d.ts +0 -57
  56. package/dist/password-input/index.d.mts +0 -32
  57. package/dist/password-input/index.d.ts +0 -32
  58. package/dist/phone/index.d.mts +0 -41
  59. package/dist/phone/index.d.ts +0 -41
  60. package/dist/radio-button/index.d.mts +0 -56
  61. package/dist/radio-button/index.d.ts +0 -56
  62. package/dist/search-input/index.d.mts +0 -22
  63. package/dist/search-input/index.d.ts +0 -22
  64. package/dist/select/index.d.mts +0 -36
  65. package/dist/select/index.d.ts +0 -36
  66. package/dist/sidebar/index.d.mts +0 -96
  67. package/dist/sidebar/index.d.ts +0 -96
  68. package/dist/skeleton/index.d.mts +0 -76
  69. package/dist/skeleton/index.d.ts +0 -76
  70. package/dist/styles.d.mts +0 -2
  71. package/dist/styles.d.ts +0 -2
  72. package/dist/table/index.d.mts +0 -92
  73. package/dist/table/index.d.ts +0 -92
  74. package/dist/tabs/index.d.mts +0 -26
  75. package/dist/tabs/index.d.ts +0 -26
  76. package/dist/text-input/index.d.mts +0 -7
  77. package/dist/text-input/index.d.ts +0 -7
  78. package/dist/theme-provider/index.d.mts +0 -122
  79. package/dist/theme-provider/index.d.ts +0 -122
  80. package/dist/theme.css +0 -62
  81. package/dist/time-picker/index.d.mts +0 -32
  82. package/dist/time-picker/index.d.ts +0 -32
  83. package/dist/toaster/index.d.mts +0 -28
  84. package/dist/toaster/index.d.ts +0 -28
  85. package/dist/tooltip/index.d.mts +0 -7
  86. package/dist/tooltip/index.d.ts +0 -7
@@ -1,92 +0,0 @@
1
- import React__default, { ReactNode, CSSProperties } from 'react';
2
-
3
- type TableAlign = 'left' | 'center' | 'right';
4
- type TableSize = 'sm' | 'md' | 'lg';
5
- interface TableColumn<T> {
6
- /** Unique key identifying this column (also used as data accessor when render is omitted). */
7
- key: string;
8
- /** Header label shown in <th>. */
9
- header: ReactNode;
10
- /** Custom cell renderer. Receives the row object and its index. */
11
- render?: (row: T, rowIndex: number) => ReactNode;
12
- /** When true a sort toggle is shown in the header. */
13
- sortable?: boolean;
14
- /** Column width, e.g. '120px' or '10%'. */
15
- width?: CSSProperties['width'];
16
- /** Text alignment for both header and cells. Defaults to 'left'. */
17
- align?: TableAlign;
18
- /** Extra class applied to every <td> in this column. */
19
- cellClassName?: string;
20
- /** Extra class applied to the <th> of this column. */
21
- headerClassName?: string;
22
- }
23
- type SortDirection = 'asc' | 'desc';
24
- interface SortState {
25
- key: string;
26
- direction: SortDirection;
27
- }
28
- type TableHeaderVariant = 'light' | 'dark';
29
- interface TableProps<T extends object> {
30
- /** Array of data rows. */
31
- data: T[];
32
- /** Column definitions. */
33
- columns: TableColumn<T>[];
34
- /** Returns a unique key for each row (required for React reconciliation). */
35
- rowKey: (row: T) => string | number;
36
- /** Show a loading skeleton overlay. */
37
- loading?: boolean;
38
- /** Message (or element) shown when data is empty. */
39
- emptyMessage?: ReactNode;
40
- /** Alternate row background colours. */
41
- striped?: boolean;
42
- /** Render outer and inner borders. */
43
- bordered?: boolean;
44
- /** Highlight row on hover. */
45
- hoverable?: boolean;
46
- /** Makes the header stick to the top when scrolling. */
47
- stickyHeader?: boolean;
48
- /** Cell padding size. Defaults to 'md'. */
49
- size?: TableSize;
50
- /** External sort state (controlled). When omitted, sorting is internal. */
51
- sortState?: SortState;
52
- /** Called when the user clicks a sortable header. */
53
- onSortChange?: (sort: SortState) => void;
54
- /** Additional class for the outer wrapper. */
55
- className?: string;
56
- /** Additional class for the <table> element. */
57
- tableClassName?: string;
58
- /** Pagination configuration. If null or undefined, pagination is hidden. */
59
- pagination?: PaginationProps | null;
60
- /** Variant for the table header */
61
- headerVariant?: TableHeaderVariant;
62
- }
63
- interface PaginationProps {
64
- /** Total number of items across all pages. */
65
- total: number;
66
- /** Current page index (1-based). */
67
- page: number;
68
- /** Number of rows per page. */
69
- pageSize: number;
70
- /** Total number of pages. */
71
- totalPages?: number;
72
- /** Whether there is a next page. */
73
- hasNextPage?: boolean;
74
- /** Whether there is a previous page. */
75
- hasPrevPage?: boolean;
76
- /** Called when the user navigates to a new page. */
77
- onPageChange: (page: number) => void;
78
- /** Called when the user picks a new page size. */
79
- onPageSizeChange?: (size: number) => void;
80
- /** Available page-size options. Defaults to [10, 20, 50]. */
81
- pageSizeOptions?: number[];
82
- /** Show the page-size selector. Defaults to true when onPageSizeChange is provided. */
83
- showSizeChanger?: boolean;
84
- /** Additional class for the pagination wrapper. */
85
- className?: string;
86
- }
87
-
88
- declare function Table<T extends object>({ data, columns, rowKey, loading, emptyMessage, striped, bordered, hoverable, stickyHeader, size, sortState: externalSort, onSortChange, className, tableClassName, pagination, headerVariant, }: TableProps<T>): React__default.JSX.Element;
89
-
90
- declare function Pagination({ total, page, pageSize, totalPages: propTotalPages, hasNextPage: propHasNextPage, hasPrevPage: propHasPrevPage, onPageChange, onPageSizeChange, pageSizeOptions, showSizeChanger, className, }: PaginationProps): React__default.JSX.Element;
91
-
92
- export { Pagination, type PaginationProps, type SortDirection, type SortState, Table, type TableAlign, type TableColumn, type TableHeaderVariant, type TableProps, type TableSize };
@@ -1,26 +0,0 @@
1
- import { ReactNode, HTMLAttributes } from 'react';
2
-
3
- type TabsVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
4
- type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- interface TabItem {
6
- id: string;
7
- label: ReactNode;
8
- content: ReactNode;
9
- disabled?: boolean;
10
- }
11
- interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
12
- items: TabItem[];
13
- defaultSelectedId?: string;
14
- selectedId?: string;
15
- onChange?: (id: string) => void;
16
- variant?: TabsVariant;
17
- size?: TabsSize;
18
- fullWidth?: boolean;
19
- tabListClassName?: string;
20
- tabClassName?: string;
21
- tabPanelClassName?: string;
22
- }
23
-
24
- declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
25
-
26
- export { type TabItem, Tabs, type TabsProps, type TabsSize, type TabsVariant };
@@ -1,26 +0,0 @@
1
- import { ReactNode, HTMLAttributes } from 'react';
2
-
3
- type TabsVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
4
- type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- interface TabItem {
6
- id: string;
7
- label: ReactNode;
8
- content: ReactNode;
9
- disabled?: boolean;
10
- }
11
- interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
12
- items: TabItem[];
13
- defaultSelectedId?: string;
14
- selectedId?: string;
15
- onChange?: (id: string) => void;
16
- variant?: TabsVariant;
17
- size?: TabsSize;
18
- fullWidth?: boolean;
19
- tabListClassName?: string;
20
- tabClassName?: string;
21
- tabPanelClassName?: string;
22
- }
23
-
24
- declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
25
-
26
- export { type TabItem, Tabs, type TabsProps, type TabsSize, type TabsVariant };
@@ -1,7 +0,0 @@
1
- import { T as TextInputProps } from '../TextInput.types-DRI8HQza.mjs';
2
- export { a as TextInputSize, b as TextInputState, c as TextInputVariant } from '../TextInput.types-DRI8HQza.mjs';
3
- import 'react';
4
-
5
- declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
6
-
7
- export { TextInput, TextInputProps };
@@ -1,7 +0,0 @@
1
- import { T as TextInputProps } from '../TextInput.types-DRI8HQza.js';
2
- export { a as TextInputSize, b as TextInputState, c as TextInputVariant } from '../TextInput.types-DRI8HQza.js';
3
- import 'react';
4
-
5
- declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
6
-
7
- export { TextInput, TextInputProps };
@@ -1,122 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- /** Theme modes supported by the library. */
4
- type ThemeMode = 'light' | 'dark' | 'system';
5
- /** A record of semantic design tokens for a single theme (light or dark). */
6
- interface SemanticColors {
7
- /** Main primary color used for actions and highlights. */
8
- primary?: string;
9
- /** Hover state for primary actions. */
10
- primaryHover?: string;
11
- /** Active/pressed state for primary actions. */
12
- primaryActive?: string;
13
- /** Secondary actions or secondary emphasis. */
14
- secondary?: string;
15
- /** Hover state for secondary actions. */
16
- secondaryHover?: string;
17
- /** A vibrant accent color for specific focus or brand elements. */
18
- accent?: string;
19
- /** Main application background. */
20
- background?: string;
21
- /** Primary surface color for cards, modals, and navigation. */
22
- surface?: string;
23
- /** A darker/lighter alternate surface for contrast. */
24
- surfaceSecondary?: string;
25
- /** Default border color for elements like inputs or cards. */
26
- border?: string;
27
- /** A more subtle border for secondary grouping. */
28
- borderLight?: string;
29
- /** Explicit divider color between content blocks. */
30
- divider?: string;
31
- /** Standard high-contrast text for body and headings. */
32
- text?: string;
33
- /** Slightly lower contrast text for secondary descriptions. */
34
- textSecondary?: string;
35
- /** Muted text for captions, metadata, or disabled labels. */
36
- textMuted?: string;
37
- /** High-contrast text to be used on dark背景 (e.g. on primary buttons). */
38
- textInverse?: string;
39
- /** Color representing success (often green). */
40
- success?: string;
41
- /** Color representing warnings (often amber). */
42
- warning?: string;
43
- /** Color representing errors or destructive actions (often red). */
44
- error?: string;
45
- /** Color representing informational messages (often blue). */
46
- info?: string;
47
- /** Background color for item hover states (e.g. list items). */
48
- hover?: string;
49
- /** Background color for item active/selected states. */
50
- active?: string;
51
- /** Ring or outline color for focus states. */
52
- focus?: string;
53
- /** Color for disabled backgrounds or indicators. */
54
- disabled?: string;
55
- /** A subtle, tight shadow for small components. */
56
- shadowSm?: string;
57
- /** The standard shadow for cards and modals. */
58
- shadowMd?: string;
59
- /** A large, diffuse shadow for overlays. */
60
- shadowLg?: string;
61
- /** For quick interactions like hover entry. */
62
- transitionFast?: string;
63
- /** The default transition for most entry/exit animations. */
64
- transitionNormal?: string;
65
- /** For large surface changes or fade-ins. */
66
- transitionSlow?: string;
67
- /** Layer for dropdowns and popovers. */
68
- zIndexDropdown?: string | number;
69
- /** Layer for sticky headers or nav. */
70
- zIndexSticky?: string | number;
71
- /** Layer for modals and drawers. */
72
- zIndexModal?: string | number;
73
- /** Highest layer for tooltips and alerts. */
74
- zIndexTooltip?: string | number;
75
- primaryForeground?: string;
76
- secondaryForeground?: string;
77
- muted?: string;
78
- mutedForeground?: string;
79
- accentForeground?: string;
80
- destructive?: string;
81
- destructiveForeground?: string;
82
- card?: string;
83
- cardForeground?: string;
84
- input?: string;
85
- ring?: string;
86
- }
87
- /** Theme configuration that allows overriding light and dark properties. */
88
- interface ThemeConfig {
89
- /** Light theme overrides. */
90
- light?: SemanticColors;
91
- /** Dark theme overrides. */
92
- dark?: SemanticColors;
93
- }
94
- /** Props for the ThemeProvider component. */
95
- interface ThemeProviderProps {
96
- /** The children to render within the provider. */
97
- children: ReactNode;
98
- /** The default theme mode ('light', 'dark', or 'system'). Default is 'system'. */
99
- defaultTheme?: ThemeMode;
100
- /** The key used to store the theme mode in localStorage. Default is 'ui-theme'. */
101
- storageKey?: string;
102
- /** Optional custom theme configuration to override default tokens. */
103
- themeConfig?: ThemeConfig;
104
- }
105
- /** Context state provided by the ThemeProvider. */
106
- interface ThemeProviderState {
107
- /** The currently active theme mode. */
108
- theme: ThemeMode;
109
- /** Function to update the theme mode. */
110
- setTheme: (theme: ThemeMode) => void;
111
- /** The currently active theme configuration (including overrides). */
112
- themeConfig?: ThemeConfig;
113
- }
114
-
115
- interface ThemeProviderComponent {
116
- (props: ThemeProviderProps): React.JSX.Element;
117
- displayName?: string;
118
- }
119
- declare const ThemeProvider: ThemeProviderComponent;
120
- declare const useTheme: () => ThemeProviderState;
121
-
122
- export { type SemanticColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, useTheme };
@@ -1,122 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- /** Theme modes supported by the library. */
4
- type ThemeMode = 'light' | 'dark' | 'system';
5
- /** A record of semantic design tokens for a single theme (light or dark). */
6
- interface SemanticColors {
7
- /** Main primary color used for actions and highlights. */
8
- primary?: string;
9
- /** Hover state for primary actions. */
10
- primaryHover?: string;
11
- /** Active/pressed state for primary actions. */
12
- primaryActive?: string;
13
- /** Secondary actions or secondary emphasis. */
14
- secondary?: string;
15
- /** Hover state for secondary actions. */
16
- secondaryHover?: string;
17
- /** A vibrant accent color for specific focus or brand elements. */
18
- accent?: string;
19
- /** Main application background. */
20
- background?: string;
21
- /** Primary surface color for cards, modals, and navigation. */
22
- surface?: string;
23
- /** A darker/lighter alternate surface for contrast. */
24
- surfaceSecondary?: string;
25
- /** Default border color for elements like inputs or cards. */
26
- border?: string;
27
- /** A more subtle border for secondary grouping. */
28
- borderLight?: string;
29
- /** Explicit divider color between content blocks. */
30
- divider?: string;
31
- /** Standard high-contrast text for body and headings. */
32
- text?: string;
33
- /** Slightly lower contrast text for secondary descriptions. */
34
- textSecondary?: string;
35
- /** Muted text for captions, metadata, or disabled labels. */
36
- textMuted?: string;
37
- /** High-contrast text to be used on dark背景 (e.g. on primary buttons). */
38
- textInverse?: string;
39
- /** Color representing success (often green). */
40
- success?: string;
41
- /** Color representing warnings (often amber). */
42
- warning?: string;
43
- /** Color representing errors or destructive actions (often red). */
44
- error?: string;
45
- /** Color representing informational messages (often blue). */
46
- info?: string;
47
- /** Background color for item hover states (e.g. list items). */
48
- hover?: string;
49
- /** Background color for item active/selected states. */
50
- active?: string;
51
- /** Ring or outline color for focus states. */
52
- focus?: string;
53
- /** Color for disabled backgrounds or indicators. */
54
- disabled?: string;
55
- /** A subtle, tight shadow for small components. */
56
- shadowSm?: string;
57
- /** The standard shadow for cards and modals. */
58
- shadowMd?: string;
59
- /** A large, diffuse shadow for overlays. */
60
- shadowLg?: string;
61
- /** For quick interactions like hover entry. */
62
- transitionFast?: string;
63
- /** The default transition for most entry/exit animations. */
64
- transitionNormal?: string;
65
- /** For large surface changes or fade-ins. */
66
- transitionSlow?: string;
67
- /** Layer for dropdowns and popovers. */
68
- zIndexDropdown?: string | number;
69
- /** Layer for sticky headers or nav. */
70
- zIndexSticky?: string | number;
71
- /** Layer for modals and drawers. */
72
- zIndexModal?: string | number;
73
- /** Highest layer for tooltips and alerts. */
74
- zIndexTooltip?: string | number;
75
- primaryForeground?: string;
76
- secondaryForeground?: string;
77
- muted?: string;
78
- mutedForeground?: string;
79
- accentForeground?: string;
80
- destructive?: string;
81
- destructiveForeground?: string;
82
- card?: string;
83
- cardForeground?: string;
84
- input?: string;
85
- ring?: string;
86
- }
87
- /** Theme configuration that allows overriding light and dark properties. */
88
- interface ThemeConfig {
89
- /** Light theme overrides. */
90
- light?: SemanticColors;
91
- /** Dark theme overrides. */
92
- dark?: SemanticColors;
93
- }
94
- /** Props for the ThemeProvider component. */
95
- interface ThemeProviderProps {
96
- /** The children to render within the provider. */
97
- children: ReactNode;
98
- /** The default theme mode ('light', 'dark', or 'system'). Default is 'system'. */
99
- defaultTheme?: ThemeMode;
100
- /** The key used to store the theme mode in localStorage. Default is 'ui-theme'. */
101
- storageKey?: string;
102
- /** Optional custom theme configuration to override default tokens. */
103
- themeConfig?: ThemeConfig;
104
- }
105
- /** Context state provided by the ThemeProvider. */
106
- interface ThemeProviderState {
107
- /** The currently active theme mode. */
108
- theme: ThemeMode;
109
- /** Function to update the theme mode. */
110
- setTheme: (theme: ThemeMode) => void;
111
- /** The currently active theme configuration (including overrides). */
112
- themeConfig?: ThemeConfig;
113
- }
114
-
115
- interface ThemeProviderComponent {
116
- (props: ThemeProviderProps): React.JSX.Element;
117
- displayName?: string;
118
- }
119
- declare const ThemeProvider: ThemeProviderComponent;
120
- declare const useTheme: () => ThemeProviderState;
121
-
122
- export { type SemanticColors, type ThemeConfig, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, useTheme };
package/dist/theme.css DELETED
@@ -1,62 +0,0 @@
1
- @theme {
2
- /* Brand & Status Colors */
3
- --color-primary: var(--primary);
4
- --color-primary-hover: var(--primary-hover);
5
- --color-primary-active: var(--primary-active);
6
- --color-secondary: var(--secondary);
7
- --color-secondary-hover: var(--secondary-hover);
8
- --color-accent: var(--accent);
9
- --color-success: var(--success);
10
- --color-warning: var(--warning);
11
- --color-error: var(--error);
12
- --color-info: var(--info);
13
-
14
- /* Layout & Surface Colors */
15
- --color-background: var(--background);
16
- --color-surface: var(--surface);
17
- --color-surface-secondary: var(--surface-secondary);
18
- --color-border: var(--border);
19
- --color-border-light: var(--border-light);
20
- --color-divider: var(--divider);
21
-
22
- /* Text Colors */
23
- --color-text: var(--text);
24
- --color-text-secondary: var(--text-secondary);
25
- --color-text-muted: var(--text-muted);
26
- --color-text-inverse: var(--text-inverse);
27
-
28
- /* Interaction Colors */
29
- --color-hover: var(--hover);
30
- --color-active: var(--active);
31
- --color-focus: var(--focus);
32
- --color-disabled: var(--disabled);
33
-
34
- /* Semantic Mappings (Shadcn-like) */
35
- --color-primary-foreground: var(--text-inverse);
36
- --color-secondary-foreground: var(--text);
37
- --color-muted: var(--surface-secondary);
38
- --color-muted-foreground: var(--text-muted);
39
- --color-accent-foreground: var(--text-inverse);
40
- --color-destructive: var(--error);
41
- --color-destructive-foreground: var(--text-inverse);
42
-
43
- /* Shadows */
44
- --shadow-sm: var(--shadow-sm);
45
- --shadow-md: var(--shadow-md);
46
- --shadow-lg: var(--shadow-lg);
47
- --shadow-xl: var(--shadow-xl);
48
- --shadow-2xl: var(--shadow-2xl);
49
- --shadow-premium: var(--shadow-premium);
50
-
51
- /* Durations */
52
- --duration-fast: 150ms;
53
- --duration-normal: 250ms;
54
- --duration-slow: 400ms;
55
-
56
- /* Z-Index */
57
- --z-index-dropdown: 1000;
58
- --z-index-sticky: 1020;
59
- --z-index-popover: 1030;
60
- --z-index-modal: 1050;
61
- --z-index-tooltip: 1100;
62
- }
@@ -1,32 +0,0 @@
1
- import { InputHTMLAttributes, ReactNode } from 'react';
2
-
3
- type TimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
4
- type TimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- type TimePickerState = 'default' | 'error' | 'success' | 'warning';
6
- interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
7
- label?: string;
8
- required?: boolean;
9
- helperText?: string;
10
- errorMessage?: string;
11
- successMessage?: string;
12
- warningMessage?: string;
13
- variant?: TimePickerVariant;
14
- size?: TimePickerSize;
15
- state?: TimePickerState;
16
- fullWidth?: boolean;
17
- leftElement?: ReactNode;
18
- rightElement?: ReactNode;
19
- prefix?: ReactNode;
20
- suffix?: ReactNode;
21
- wrapperClassName?: string;
22
- inputGroupClassName?: string;
23
- inputClassName?: string;
24
- labelClassName?: string;
25
- helperClassName?: string;
26
- clearable?: boolean;
27
- isLoading?: boolean;
28
- }
29
-
30
- declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
31
-
32
- export { TimePicker, type TimePickerProps, type TimePickerSize, type TimePickerState, type TimePickerVariant };
@@ -1,32 +0,0 @@
1
- import { InputHTMLAttributes, ReactNode } from 'react';
2
-
3
- type TimePickerVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
4
- type TimePickerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
- type TimePickerState = 'default' | 'error' | 'success' | 'warning';
6
- interface TimePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
7
- label?: string;
8
- required?: boolean;
9
- helperText?: string;
10
- errorMessage?: string;
11
- successMessage?: string;
12
- warningMessage?: string;
13
- variant?: TimePickerVariant;
14
- size?: TimePickerSize;
15
- state?: TimePickerState;
16
- fullWidth?: boolean;
17
- leftElement?: ReactNode;
18
- rightElement?: ReactNode;
19
- prefix?: ReactNode;
20
- suffix?: ReactNode;
21
- wrapperClassName?: string;
22
- inputGroupClassName?: string;
23
- inputClassName?: string;
24
- labelClassName?: string;
25
- helperClassName?: string;
26
- clearable?: boolean;
27
- isLoading?: boolean;
28
- }
29
-
30
- declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
31
-
32
- export { TimePicker, type TimePickerProps, type TimePickerSize, type TimePickerState, type TimePickerVariant };
@@ -1,28 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- type ToasterStatus = 'success' | 'error' | 'warning' | 'info';
4
- type ToasterVariant = 'solid' | 'subtle' | 'left-accent';
5
- interface ToasterProps {
6
- /** The unique identifier of the toaster */
7
- id?: string;
8
- /** The title of the toaster */
9
- title?: string;
10
- /** The description text of the toaster */
11
- description?: ReactNode;
12
- /** The status of the toaster, affects color and icon */
13
- status?: ToasterStatus;
14
- /** The visual variant of the toaster */
15
- variant?: ToasterVariant;
16
- /** Whether the toaster is closable */
17
- isClosable?: boolean;
18
- /** Callback function called when the toaster is closed */
19
- onClose?: () => void;
20
- /** Custom class name for the toaster container */
21
- className?: string;
22
- /** Custom duration in ms before toaster closes automatically (if managed by a provider) */
23
- duration?: number;
24
- }
25
-
26
- declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
27
-
28
- export { Toaster, type ToasterProps, type ToasterStatus, type ToasterVariant };
@@ -1,28 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- type ToasterStatus = 'success' | 'error' | 'warning' | 'info';
4
- type ToasterVariant = 'solid' | 'subtle' | 'left-accent';
5
- interface ToasterProps {
6
- /** The unique identifier of the toaster */
7
- id?: string;
8
- /** The title of the toaster */
9
- title?: string;
10
- /** The description text of the toaster */
11
- description?: ReactNode;
12
- /** The status of the toaster, affects color and icon */
13
- status?: ToasterStatus;
14
- /** The visual variant of the toaster */
15
- variant?: ToasterVariant;
16
- /** Whether the toaster is closable */
17
- isClosable?: boolean;
18
- /** Callback function called when the toaster is closed */
19
- onClose?: () => void;
20
- /** Custom class name for the toaster container */
21
- className?: string;
22
- /** Custom duration in ms before toaster closes automatically (if managed by a provider) */
23
- duration?: number;
24
- }
25
-
26
- declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
27
-
28
- export { Toaster, type ToasterProps, type ToasterStatus, type ToasterVariant };
@@ -1,7 +0,0 @@
1
- import { a as TooltipProps } from '../Tooltip.types-PbUasE3C.mjs';
2
- export { T as TooltipPlacement, b as TooltipSize, c as TooltipTrigger, d as TooltipVariant } from '../Tooltip.types-PbUasE3C.mjs';
3
- import 'react';
4
-
5
- declare function Tooltip({ content, children, placement, trigger, showDelay, hideDelay, size, variant, open: controlledOpen, disabled, maxWidth, className, wrapperClassName, }: TooltipProps): React.JSX.Element;
6
-
7
- export { Tooltip, TooltipProps };
@@ -1,7 +0,0 @@
1
- import { a as TooltipProps } from '../Tooltip.types-PbUasE3C.js';
2
- export { T as TooltipPlacement, b as TooltipSize, c as TooltipTrigger, d as TooltipVariant } from '../Tooltip.types-PbUasE3C.js';
3
- import 'react';
4
-
5
- declare function Tooltip({ content, children, placement, trigger, showDelay, hideDelay, size, variant, open: controlledOpen, disabled, maxWidth, className, wrapperClassName, }: TooltipProps): React.JSX.Element;
6
-
7
- export { Tooltip, TooltipProps };