@szum-tech/design-system 3.10.3 → 3.11.1

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 (29) hide show
  1. package/dist/{chunk-EG374TED.cjs → chunk-CP43WJCN.cjs} +11 -11
  2. package/dist/chunk-DL54DIMD.js +1041 -0
  3. package/dist/{chunk-D4QID7AI.cjs → chunk-KQ6QE7BT.cjs} +4 -4
  4. package/dist/{chunk-JLKQ6WKK.js → chunk-QTYNFISP.js} +2 -2
  5. package/dist/chunk-S2BCU6WG.cjs +1063 -0
  6. package/dist/{chunk-DFD2WUOU.js → chunk-SB5UG7OC.js} +15 -1
  7. package/dist/{chunk-YSYZKK24.js → chunk-WXZE35FK.js} +1 -1
  8. package/dist/{chunk-7EYMOUWG.cjs → chunk-XIQUR62A.cjs} +15 -0
  9. package/dist/components/button/index.cjs +8 -7
  10. package/dist/components/button/index.js +7 -6
  11. package/dist/components/index.cjs +60 -51
  12. package/dist/components/index.d.cts +1 -0
  13. package/dist/components/index.d.ts +1 -0
  14. package/dist/components/index.js +7 -6
  15. package/dist/components/masonry/index.cjs +15 -0
  16. package/dist/components/masonry/index.d.cts +181 -0
  17. package/dist/components/masonry/index.d.ts +181 -0
  18. package/dist/components/masonry/index.js +2 -0
  19. package/dist/components/stepper/index.cjs +26 -25
  20. package/dist/components/stepper/index.js +7 -6
  21. package/dist/components/timeline/index.cjs +11 -11
  22. package/dist/components/timeline/index.js +2 -2
  23. package/dist/components/toaster/index.cjs +9 -8
  24. package/dist/components/toaster/index.js +7 -6
  25. package/dist/hooks/index.cjs +8 -4
  26. package/dist/hooks/index.d.cts +4 -1
  27. package/dist/hooks/index.d.ts +4 -1
  28. package/dist/hooks/index.js +1 -1
  29. package/package.json +25 -25
package/dist/components/masonry/index.d.ts ADDED
@@ -0,0 +1,181 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import React__default from 'react';
4
+
5
+ /**
6
+ * Props for the Masonry component
7
+ */
8
+ type MasonryProps = React.ComponentProps<"div"> & {
9
+ /**
10
+ * The width of each column in pixels.
11
+ * @default 200
12
+ */
13
+ columnWidth?: number;
14
+ /**
15
+ * Fixed number of columns. Takes precedence over `columnWidth` if provided.
16
+ */
17
+ columnCount?: number;
18
+ /**
19
+ * Maximum number of columns allowed. Useful for responsive layouts.
20
+ */
21
+ maxColumnCount?: number;
22
+ /**
23
+ * Gap between items. Can be a single number for uniform spacing or an object
24
+ * with separate `column` and `row` gaps.
25
+ * @default 16
26
+ * @example
27
+ * gap={20}
28
+ * gap={{ column: 16, row: 24 }}
29
+ */
30
+ gap?: number | {
31
+ column: number;
32
+ row: number;
33
+ };
34
+ /**
35
+ * Default height for items before they are measured. Used for initial layout calculations.
36
+ * @default 300
37
+ */
38
+ itemHeight?: number;
39
+ /**
40
+ * Default container width used during SSR or before first measurement.
41
+ */
42
+ defaultWidth?: number;
43
+ /**
44
+ * Default container height used during SSR or before first measurement.
45
+ */
46
+ defaultHeight?: number;
47
+ /**
48
+ * Number of pixels to render outside the visible viewport for smoother scrolling.
49
+ * @default 200
50
+ */
51
+ overscan?: number;
52
+ /**
53
+ * Scroll event sampling rate in frames per second. Higher values provide smoother
54
+ * updates but may impact performance.
55
+ * @default 12
56
+ */
57
+ scrollFps?: number;
58
+ /**
59
+ * Content to display while items are being measured or loaded.
60
+ */
61
+ fallback?: React.ReactNode;
62
+ /**
63
+ * When `true`, items are positioned linearly (left-to-right, top-to-bottom)
64
+ * instead of using the default masonry algorithm that fills shortest columns first.
65
+ * @default false
66
+ */
67
+ linear?: boolean;
68
+ /**
69
+ * When `true`, renders the component as its child element using Radix UI's Slot.
70
+ * @default false
71
+ */
72
+ asChild?: boolean;
73
+ };
74
+ type MasonryElement = React.ComponentRef<"div">;
75
+ /**
76
+ * A performant masonry layout component that efficiently arranges items of varying heights
77
+ * into columns. Features virtualization, resize observation, and smooth scrolling performance.
78
+ *
79
+ * @component
80
+ * @example
81
+ * // Basic usage
82
+ * <Masonry>
83
+ * {items.map((item, index) => (
84
+ * <Masonry.Item key={index}>
85
+ * <img src={item.url} alt={item.title} />
86
+ * </Masonry.Item>
87
+ * ))}
88
+ * </Masonry>
89
+ *
90
+ * @example
91
+ * // Custom column width and gap
92
+ * <Masonry columnWidth={250} gap={{ column: 20, row: 30 }}>
93
+ * {items.map((item, index) => (
94
+ * <Masonry.Item key={index}>
95
+ * <Card>{item.content}</Card>
96
+ * </Masonry.Item>
97
+ * ))}
98
+ * </Masonry>
99
+ *
100
+ * @example
101
+ * // Fixed number of columns with linear positioning
102
+ * <Masonry columnCount={3} linear>
103
+ * {items.map((item, index) => (
104
+ * <Masonry.Item key={index}>
105
+ * {item.content}
106
+ * </Masonry.Item>
107
+ * ))}
108
+ * </Masonry>
109
+ *
110
+ * @example
111
+ * // With fallback content
112
+ * <Masonry fallback={<Spinner />}>
113
+ * {items.map((item, index) => (
114
+ * <Masonry.Item key={index}>
115
+ * <LazyImage src={item.url} />
116
+ * </Masonry.Item>
117
+ * ))}
118
+ * </Masonry>
119
+ */
120
+ declare function Masonry(props: MasonryProps): react_jsx_runtime.JSX.Element;
121
+
122
+ type MasonryItemProps = React__default.ComponentProps<"div"> & {
123
+ asChild?: boolean;
124
+ };
125
+ type MasonryItemElement = HTMLDivElement;
126
+ declare function MasonryItem({ asChild, ref, ...props }: MasonryItemProps): react_jsx_runtime.JSX.Element;
127
+
128
+ type NodeColor = 0 | 1 | 2;
129
+ type NodeOperation = 0 | 1;
130
+ type ItemElement = HTMLDivElement;
131
+ type MasonryListNode = {
132
+ index: number;
133
+ high: number;
134
+ next: MasonryListNode | null;
135
+ };
136
+ type MasonryTreeNode = {
137
+ max: number;
138
+ low: number;
139
+ high: number;
140
+ color: NodeColor;
141
+ parent: MasonryTreeNode;
142
+ right: MasonryTreeNode;
143
+ left: MasonryTreeNode;
144
+ list: MasonryListNode;
145
+ };
146
+ type MasonryTree = {
147
+ root: MasonryTreeNode;
148
+ size: number;
149
+ };
150
+ type MasonryIntervalTree = {
151
+ insert(low: number, high: number, index: number): void;
152
+ remove(index: number): void;
153
+ search(low: number, high: number, onCallback: (index: number, low: number) => void): void;
154
+ size: number;
155
+ };
156
+ type MasonryCacheKey = string | number | symbol;
157
+ type MasonryCacheConstructor = (new () => MasonryCache) | Record<MasonryCacheKey, unknown>;
158
+ type MasonryCache<K = MasonryCacheKey, V = unknown> = {
159
+ set: (k: K, v: V) => V;
160
+ get: (k: K) => V | undefined;
161
+ };
162
+ type MasonryPositioner = {
163
+ columnCount: number;
164
+ columnWidth: number;
165
+ set: (index: number, height: number) => void;
166
+ get: (index: number) => MasonryPositionerItem | undefined;
167
+ update: (updates: number[]) => void;
168
+ range: (low: number, high: number, onItemRender: (index: number, left: number, top: number) => void) => void;
169
+ size: () => number;
170
+ estimateHeight: (itemCount: number, defaultItemHeight: number) => number;
171
+ shortestColumn: () => number;
172
+ all: () => Array<MasonryPositionerItem>;
173
+ };
174
+ type MasonryPositionerItem = {
175
+ top: number;
176
+ left: number;
177
+ height: number;
178
+ columnIndex: number;
179
+ };
180
+
181
+ export { type ItemElement, Masonry, type MasonryCache, type MasonryCacheConstructor, type MasonryCacheKey, type MasonryElement, type MasonryIntervalTree, MasonryItem, type MasonryItemElement, type MasonryItemProps, type MasonryListNode, type MasonryPositioner, type MasonryPositionerItem, type MasonryProps, type MasonryTree, type MasonryTreeNode, type NodeColor, type NodeOperation };
package/dist/components/masonry/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { Masonry, MasonryItem } from '../../chunk-DL54DIMD.js';
2
+ import '../../chunk-SB5UG7OC.js';
package/dist/components/stepper/index.cjs CHANGED
@@ -1,12 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var chunkEG374TED_cjs = require('../../chunk-EG374TED.cjs');
3
+ var chunkCP43WJCN_cjs = require('../../chunk-CP43WJCN.cjs');
4
4
  require('../../chunk-NU5UQPBX.cjs');
5
- require('../../chunk-D4QID7AI.cjs');
5
+ require('../../chunk-UJX74PFK.cjs');
6
+ require('../../chunk-KQ6QE7BT.cjs');
6
7
  require('../../chunk-A7SBXO2Y.cjs');
7
- require('../../chunk-EUH466AL.cjs');
8
8
  require('../../chunk-DGWBE2Y3.cjs');
9
- require('../../chunk-UJX74PFK.cjs');
9
+ require('../../chunk-EUH466AL.cjs');
10
+ require('../../chunk-XENOUBSI.cjs');
10
11
  require('../../chunk-XJZOANXX.cjs');
11
12
  require('../../chunk-GHV2TURY.cjs');
12
13
  require('../../chunk-3WSQRFUY.cjs');
@@ -19,8 +20,8 @@ require('../../chunk-CFJ44JVK.cjs');
19
20
  require('../../chunk-UIOBJSKZ.cjs');
20
21
  require('../../chunk-S3ANEJJ7.cjs');
21
22
  require('../../chunk-2WQJ36RD.cjs');
23
+ require('../../chunk-S2BCU6WG.cjs');
22
24
  require('../../chunk-TH44JYXB.cjs');
23
- require('../../chunk-XENOUBSI.cjs');
24
25
  require('../../chunk-ZVF7J4EI.cjs');
25
26
  require('../../chunk-2Y2ZCPNV.cjs');
26
27
  require('../../chunk-HCHVDUI6.cjs');
@@ -28,7 +29,7 @@ require('../../chunk-ULEEQ723.cjs');
28
29
  require('../../chunk-USIW3VT5.cjs');
29
30
  require('../../chunk-VK5EX3OG.cjs');
30
31
  require('../../chunk-CXHDWIGF.cjs');
31
- require('../../chunk-7EYMOUWG.cjs');
32
+ require('../../chunk-XIQUR62A.cjs');
32
33
  require('../../chunk-X3ZT3KGX.cjs');
33
34
  require('../../chunk-3GNVQFCK.cjs');
34
35
  require('../../chunk-TMXVL5CV.cjs');
@@ -39,77 +40,77 @@ require('../../chunk-H2BWO3SI.cjs');
39
40
 
40
41
  Object.defineProperty(exports, "Stepper", {
41
42
  enumerable: true,
42
- get: function () { return chunkEG374TED_cjs.Stepper; }
43
+ get: function () { return chunkCP43WJCN_cjs.Stepper; }
43
44
  });
44
45
  Object.defineProperty(exports, "StepperActivationMode", {
45
46
  enumerable: true,
46
- get: function () { return chunkEG374TED_cjs.StepperActivationMode; }
47
+ get: function () { return chunkCP43WJCN_cjs.StepperActivationMode; }
47
48
  });
48
49
  Object.defineProperty(exports, "StepperContent", {
49
50
  enumerable: true,
50
- get: function () { return chunkEG374TED_cjs.StepperContent; }
51
+ get: function () { return chunkCP43WJCN_cjs.StepperContent; }
51
52
  });
52
53
  Object.defineProperty(exports, "StepperDataState", {
53
54
  enumerable: true,
54
- get: function () { return chunkEG374TED_cjs.StepperDataState; }
55
+ get: function () { return chunkCP43WJCN_cjs.StepperDataState; }
55
56
  });
56
57
  Object.defineProperty(exports, "StepperDescription", {
57
58
  enumerable: true,
58
- get: function () { return chunkEG374TED_cjs.StepperDescription; }
59
+ get: function () { return chunkCP43WJCN_cjs.StepperDescription; }
59
60
  });
60
61
  Object.defineProperty(exports, "StepperFocusIntent", {
61
62
  enumerable: true,
62
- get: function () { return chunkEG374TED_cjs.StepperFocusIntent; }
63
+ get: function () { return chunkCP43WJCN_cjs.StepperFocusIntent; }
63
64
  });
64
65
  Object.defineProperty(exports, "StepperIndicator", {
65
66
  enumerable: true,
66
- get: function () { return chunkEG374TED_cjs.StepperIndicator; }
67
+ get: function () { return chunkCP43WJCN_cjs.StepperIndicator; }
67
68
  });
68
69
  Object.defineProperty(exports, "StepperItem", {
69
70
  enumerable: true,
70
- get: function () { return chunkEG374TED_cjs.StepperItem; }
71
+ get: function () { return chunkCP43WJCN_cjs.StepperItem; }
71
72
  });
72
73
  Object.defineProperty(exports, "StepperNav", {
73
74
  enumerable: true,
74
- get: function () { return chunkEG374TED_cjs.StepperNav; }
75
+ get: function () { return chunkCP43WJCN_cjs.StepperNav; }
75
76
  });
76
77
  Object.defineProperty(exports, "StepperNavigationDirection", {
77
78
  enumerable: true,
78
- get: function () { return chunkEG374TED_cjs.StepperNavigationDirection; }
79
+ get: function () { return chunkCP43WJCN_cjs.StepperNavigationDirection; }
79
80
  });
80
81
  Object.defineProperty(exports, "StepperNextTrigger", {
81
82
  enumerable: true,
82
- get: function () { return chunkEG374TED_cjs.StepperNextTrigger; }
83
+ get: function () { return chunkCP43WJCN_cjs.StepperNextTrigger; }
83
84
  });
84
85
  Object.defineProperty(exports, "StepperOrientation", {
85
86
  enumerable: true,
86
- get: function () { return chunkEG374TED_cjs.StepperOrientation; }
87
+ get: function () { return chunkCP43WJCN_cjs.StepperOrientation; }
87
88
  });
88
89
  Object.defineProperty(exports, "StepperPanel", {
89
90
  enumerable: true,
90
- get: function () { return chunkEG374TED_cjs.StepperPanel; }
91
+ get: function () { return chunkCP43WJCN_cjs.StepperPanel; }
91
92
  });
92
93
  Object.defineProperty(exports, "StepperPrevTrigger", {
93
94
  enumerable: true,
94
- get: function () { return chunkEG374TED_cjs.StepperPrevTrigger; }
95
+ get: function () { return chunkCP43WJCN_cjs.StepperPrevTrigger; }
95
96
  });
96
97
  Object.defineProperty(exports, "StepperTitle", {
97
98
  enumerable: true,
98
- get: function () { return chunkEG374TED_cjs.StepperTitle; }
99
+ get: function () { return chunkCP43WJCN_cjs.StepperTitle; }
99
100
  });
100
101
  Object.defineProperty(exports, "StepperTrigger", {
101
102
  enumerable: true,
102
- get: function () { return chunkEG374TED_cjs.StepperTrigger; }
103
+ get: function () { return chunkCP43WJCN_cjs.StepperTrigger; }
103
104
  });
104
105
  Object.defineProperty(exports, "useStepperContext", {
105
106
  enumerable: true,
106
- get: function () { return chunkEG374TED_cjs.useStepperContext; }
107
+ get: function () { return chunkCP43WJCN_cjs.useStepperContext; }
107
108
  });
108
109
  Object.defineProperty(exports, "useStepperFocusContext", {
109
110
  enumerable: true,
110
- get: function () { return chunkEG374TED_cjs.useStepperFocusContext; }
111
+ get: function () { return chunkCP43WJCN_cjs.useStepperFocusContext; }
111
112
  });
112
113
  Object.defineProperty(exports, "useStepperItemContext", {
113
114
  enumerable: true,
114
- get: function () { return chunkEG374TED_cjs.useStepperItemContext; }
115
+ get: function () { return chunkCP43WJCN_cjs.useStepperItemContext; }
115
116
  });
package/dist/components/stepper/index.js CHANGED
@@ -1,10 +1,11 @@
1
- export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-JLKQ6WKK.js';
1
+ export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-QTYNFISP.js';
2
2
  import '../../chunk-OQCNPNPS.js';
3
- import '../../chunk-YSYZKK24.js';
3
+ import '../../chunk-M7NIRB3U.js';
4
+ import '../../chunk-WXZE35FK.js';
4
5
  import '../../chunk-U7XZJQ4O.js';
5
- import '../../chunk-WMGJCB7O.js';
6
6
  import '../../chunk-K5AURCK5.js';
7
- import '../../chunk-M7NIRB3U.js';
7
+ import '../../chunk-WMGJCB7O.js';
8
+ import '../../chunk-4TRADSTP.js';
8
9
  import '../../chunk-E5TYGWGE.js';
9
10
  import '../../chunk-DTSFPOLX.js';
10
11
  import '../../chunk-P5IUC7HJ.js';
@@ -17,8 +18,8 @@ import '../../chunk-KGGCA634.js';
17
18
  import '../../chunk-XJIUGEPN.js';
18
19
  import '../../chunk-I3RSTJP6.js';
19
20
  import '../../chunk-YUMKV5TH.js';
21
+ import '../../chunk-DL54DIMD.js';
20
22
  import '../../chunk-PBEZZMAB.js';
21
- import '../../chunk-4TRADSTP.js';
22
23
  import '../../chunk-U3QKV7I4.js';
23
24
  import '../../chunk-6BSR3O2J.js';
24
25
  import '../../chunk-5F2Y65JH.js';
@@ -26,7 +27,7 @@ import '../../chunk-3RK5PCIC.js';
26
27
  import '../../chunk-P4JIMFSL.js';
27
28
  import '../../chunk-BTSHACKG.js';
28
29
  import '../../chunk-HNRVLRMN.js';
29
- import '../../chunk-DFD2WUOU.js';
30
+ import '../../chunk-SB5UG7OC.js';
30
31
  import '../../chunk-B7RHEMZH.js';
31
32
  import '../../chunk-5MV54MWS.js';
32
33
  import '../../chunk-5MJPZUTO.js';
package/dist/components/timeline/index.cjs CHANGED
@@ -1,44 +1,44 @@
1
1
  'use strict';
2
2
 
3
- var chunkD4QID7AI_cjs = require('../../chunk-D4QID7AI.cjs');
4
- require('../../chunk-7EYMOUWG.cjs');
3
+ var chunkKQ6QE7BT_cjs = require('../../chunk-KQ6QE7BT.cjs');
4
+ require('../../chunk-XIQUR62A.cjs');
5
5
  require('../../chunk-H2BWO3SI.cjs');
6
6
 
7
7
 
8
8
 
9
9
  Object.defineProperty(exports, "Timeline", {
10
10
  enumerable: true,
11
- get: function () { return chunkD4QID7AI_cjs.Timeline; }
11
+ get: function () { return chunkKQ6QE7BT_cjs.Timeline; }
12
12
  });
13
13
  Object.defineProperty(exports, "TimelineConnector", {
14
14
  enumerable: true,
15
- get: function () { return chunkD4QID7AI_cjs.TimelineConnector; }
15
+ get: function () { return chunkKQ6QE7BT_cjs.TimelineConnector; }
16
16
  });
17
17
  Object.defineProperty(exports, "TimelineContent", {
18
18
  enumerable: true,
19
- get: function () { return chunkD4QID7AI_cjs.TimelineContent; }
19
+ get: function () { return chunkKQ6QE7BT_cjs.TimelineContent; }
20
20
  });
21
21
  Object.defineProperty(exports, "TimelineDescription", {
22
22
  enumerable: true,
23
- get: function () { return chunkD4QID7AI_cjs.TimelineDescription; }
23
+ get: function () { return chunkKQ6QE7BT_cjs.TimelineDescription; }
24
24
  });
25
25
  Object.defineProperty(exports, "TimelineDot", {
26
26
  enumerable: true,
27
- get: function () { return chunkD4QID7AI_cjs.TimelineDot; }
27
+ get: function () { return chunkKQ6QE7BT_cjs.TimelineDot; }
28
28
  });
29
29
  Object.defineProperty(exports, "TimelineHeader", {
30
30
  enumerable: true,
31
- get: function () { return chunkD4QID7AI_cjs.TimelineHeader; }
31
+ get: function () { return chunkKQ6QE7BT_cjs.TimelineHeader; }
32
32
  });
33
33
  Object.defineProperty(exports, "TimelineItem", {
34
34
  enumerable: true,
35
- get: function () { return chunkD4QID7AI_cjs.TimelineItem; }
35
+ get: function () { return chunkKQ6QE7BT_cjs.TimelineItem; }
36
36
  });
37
37
  Object.defineProperty(exports, "TimelineTime", {
38
38
  enumerable: true,
39
- get: function () { return chunkD4QID7AI_cjs.TimelineTime; }
39
+ get: function () { return chunkKQ6QE7BT_cjs.TimelineTime; }
40
40
  });
41
41
  Object.defineProperty(exports, "TimelineTitle", {
42
42
  enumerable: true,
43
- get: function () { return chunkD4QID7AI_cjs.TimelineTitle; }
43
+ get: function () { return chunkKQ6QE7BT_cjs.TimelineTitle; }
44
44
  });
package/dist/components/timeline/index.js CHANGED
@@ -1,3 +1,3 @@
1
- export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, TimelineTime, TimelineTitle } from '../../chunk-YSYZKK24.js';
2
- import '../../chunk-DFD2WUOU.js';
1
+ export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, TimelineTime, TimelineTitle } from '../../chunk-WXZE35FK.js';
2
+ import '../../chunk-SB5UG7OC.js';
3
3
  import '../../chunk-ZD2QRAOX.js';
package/dist/components/toaster/index.cjs CHANGED
@@ -1,12 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var chunkEG374TED_cjs = require('../../chunk-EG374TED.cjs');
3
+ var chunkCP43WJCN_cjs = require('../../chunk-CP43WJCN.cjs');
4
4
  require('../../chunk-NU5UQPBX.cjs');
5
- require('../../chunk-D4QID7AI.cjs');
5
+ require('../../chunk-UJX74PFK.cjs');
6
+ require('../../chunk-KQ6QE7BT.cjs');
6
7
  require('../../chunk-A7SBXO2Y.cjs');
7
- require('../../chunk-EUH466AL.cjs');
8
8
  require('../../chunk-DGWBE2Y3.cjs');
9
- require('../../chunk-UJX74PFK.cjs');
9
+ require('../../chunk-EUH466AL.cjs');
10
+ require('../../chunk-XENOUBSI.cjs');
10
11
  require('../../chunk-XJZOANXX.cjs');
11
12
  require('../../chunk-GHV2TURY.cjs');
12
13
  require('../../chunk-3WSQRFUY.cjs');
@@ -19,8 +20,8 @@ require('../../chunk-CFJ44JVK.cjs');
19
20
  require('../../chunk-UIOBJSKZ.cjs');
20
21
  require('../../chunk-S3ANEJJ7.cjs');
21
22
  require('../../chunk-2WQJ36RD.cjs');
23
+ require('../../chunk-S2BCU6WG.cjs');
22
24
  require('../../chunk-TH44JYXB.cjs');
23
- require('../../chunk-XENOUBSI.cjs');
24
25
  require('../../chunk-ZVF7J4EI.cjs');
25
26
  require('../../chunk-2Y2ZCPNV.cjs');
26
27
  require('../../chunk-HCHVDUI6.cjs');
@@ -28,7 +29,7 @@ require('../../chunk-ULEEQ723.cjs');
28
29
  require('../../chunk-USIW3VT5.cjs');
29
30
  require('../../chunk-VK5EX3OG.cjs');
30
31
  require('../../chunk-CXHDWIGF.cjs');
31
- require('../../chunk-7EYMOUWG.cjs');
32
+ require('../../chunk-XIQUR62A.cjs');
32
33
  require('../../chunk-X3ZT3KGX.cjs');
33
34
  require('../../chunk-3GNVQFCK.cjs');
34
35
  require('../../chunk-TMXVL5CV.cjs');
@@ -39,9 +40,9 @@ require('../../chunk-H2BWO3SI.cjs');
39
40
 
40
41
  Object.defineProperty(exports, "Toaster", {
41
42
  enumerable: true,
42
- get: function () { return chunkEG374TED_cjs.Toaster; }
43
+ get: function () { return chunkCP43WJCN_cjs.Toaster; }
43
44
  });
44
45
  Object.defineProperty(exports, "toast", {
45
46
  enumerable: true,
46
- get: function () { return chunkEG374TED_cjs.toast; }
47
+ get: function () { return chunkCP43WJCN_cjs.toast; }
47
48
  });
package/dist/components/toaster/index.js CHANGED
@@ -1,10 +1,11 @@
1
- export { Toaster, toast } from '../../chunk-JLKQ6WKK.js';
1
+ export { Toaster, toast } from '../../chunk-QTYNFISP.js';
2
2
  import '../../chunk-OQCNPNPS.js';
3
- import '../../chunk-YSYZKK24.js';
3
+ import '../../chunk-M7NIRB3U.js';
4
+ import '../../chunk-WXZE35FK.js';
4
5
  import '../../chunk-U7XZJQ4O.js';
5
- import '../../chunk-WMGJCB7O.js';
6
6
  import '../../chunk-K5AURCK5.js';
7
- import '../../chunk-M7NIRB3U.js';
7
+ import '../../chunk-WMGJCB7O.js';
8
+ import '../../chunk-4TRADSTP.js';
8
9
  import '../../chunk-E5TYGWGE.js';
9
10
  import '../../chunk-DTSFPOLX.js';
10
11
  import '../../chunk-P5IUC7HJ.js';
@@ -17,8 +18,8 @@ import '../../chunk-KGGCA634.js';
17
18
  import '../../chunk-XJIUGEPN.js';
18
19
  import '../../chunk-I3RSTJP6.js';
19
20
  import '../../chunk-YUMKV5TH.js';
21
+ import '../../chunk-DL54DIMD.js';
20
22
  import '../../chunk-PBEZZMAB.js';
21
- import '../../chunk-4TRADSTP.js';
22
23
  import '../../chunk-U3QKV7I4.js';
23
24
  import '../../chunk-6BSR3O2J.js';
24
25
  import '../../chunk-5F2Y65JH.js';
@@ -26,7 +27,7 @@ import '../../chunk-3RK5PCIC.js';
26
27
  import '../../chunk-P4JIMFSL.js';
27
28
  import '../../chunk-BTSHACKG.js';
28
29
  import '../../chunk-HNRVLRMN.js';
29
- import '../../chunk-DFD2WUOU.js';
30
+ import '../../chunk-SB5UG7OC.js';
30
31
  import '../../chunk-B7RHEMZH.js';
31
32
  import '../../chunk-5MV54MWS.js';
32
33
  import '../../chunk-5MJPZUTO.js';
package/dist/hooks/index.cjs CHANGED
@@ -1,18 +1,22 @@
1
1
  'use strict';
2
2
 
3
- var chunk7EYMOUWG_cjs = require('../chunk-7EYMOUWG.cjs');
3
+ var chunkXIQUR62A_cjs = require('../chunk-XIQUR62A.cjs');
4
4
 
5
5
 
6
6
 
7
+ Object.defineProperty(exports, "useComposedRefs", {
8
+ enumerable: true,
9
+ get: function () { return chunkXIQUR62A_cjs.useComposedRefs; }
10
+ });
7
11
  Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
8
12
  enumerable: true,
9
- get: function () { return chunk7EYMOUWG_cjs.useIsomorphicLayoutEffect; }
13
+ get: function () { return chunkXIQUR62A_cjs.useIsomorphicLayoutEffect; }
10
14
  });
11
15
  Object.defineProperty(exports, "useLazyRef", {
12
16
  enumerable: true,
13
- get: function () { return chunk7EYMOUWG_cjs.useLazyRef; }
17
+ get: function () { return chunkXIQUR62A_cjs.useLazyRef; }
14
18
  });
15
19
  Object.defineProperty(exports, "useValidationLog", {
16
20
  enumerable: true,
17
- get: function () { return chunk7EYMOUWG_cjs.useValidationLog; }
21
+ get: function () { return chunkXIQUR62A_cjs.useValidationLog; }
18
22
  });
package/dist/hooks/index.d.cts CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ import React__default from 'react';
2
3
 
3
4
  interface UseValidationLogProps {
4
5
  check: boolean;
@@ -11,4 +12,6 @@ declare function useLazyRef<T>(fn: () => T): React.RefObject<T>;
11
12
 
12
13
  declare const useIsomorphicLayoutEffect: typeof React.useEffect;
13
14
 
14
- export { useIsomorphicLayoutEffect, useLazyRef, useValidationLog };
15
+ declare function useComposedRefs<T>(...refs: (React__default.Ref<T> | undefined)[]): (node: T | null) => void;
16
+
17
+ export { useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog };
package/dist/hooks/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ import React__default from 'react';
2
3
 
3
4
  interface UseValidationLogProps {
4
5
  check: boolean;
@@ -11,4 +12,6 @@ declare function useLazyRef<T>(fn: () => T): React.RefObject<T>;
11
12
 
12
13
  declare const useIsomorphicLayoutEffect: typeof React.useEffect;
13
14
 
14
- export { useIsomorphicLayoutEffect, useLazyRef, useValidationLog };
15
+ declare function useComposedRefs<T>(...refs: (React__default.Ref<T> | undefined)[]): (node: T | null) => void;
16
+
17
+ export { useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog };
package/dist/hooks/index.js CHANGED
@@ -1 +1 @@
1
- export { useIsomorphicLayoutEffect, useLazyRef, useValidationLog } from '../chunk-DFD2WUOU.js';
1
+ export { useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog } from '../chunk-SB5UG7OC.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@szum-tech/design-system",
3
- "version": "3.10.3",
3
+ "version": "3.11.1",
4
4
  "description": "Szum-Tech design system with tailwindcss support",
5
5
  "keywords": [
6
6
  "szum-tech",
@@ -112,8 +112,8 @@
112
112
  "dependencies": {
113
113
  "class-variance-authority": "^0.7.1",
114
114
  "clsx": "^2.1.1",
115
- "lucide-react": "^0.562.0",
116
- "motion": "^12.28.1",
115
+ "lucide-react": "^0.563.0",
116
+ "motion": "^12.34.0",
117
117
  "radix-ui": "^1.4.3",
118
118
  "sonner": "^2.0.7",
119
119
  "tailwind-merge": "^3.4.0",
@@ -121,11 +121,11 @@
121
121
  },
122
122
  "devDependencies": {
123
123
  "@storybook-community/storybook-dark-mode": "^7.1.0",
124
- "@storybook/addon-a11y": "^10.2.0",
125
- "@storybook/addon-docs": "^10.2.0",
126
- "@storybook/addon-vitest": "^10.2.0",
127
- "@storybook/builder-vite": "^10.2.0",
128
- "@storybook/react-vite": "^10.2.0",
124
+ "@storybook/addon-a11y": "^10.2.8",
125
+ "@storybook/addon-docs": "^10.2.8",
126
+ "@storybook/addon-vitest": "^10.2.8",
127
+ "@storybook/builder-vite": "^10.2.8",
128
+ "@storybook/react-vite": "^10.2.8",
129
129
  "@szum-tech/eslint-config": "^2.1.15",
130
130
  "@szum-tech/prettier-config": "^1.6.5",
131
131
  "@szum-tech/semantic-release-config": "^2.3.7",
@@ -134,33 +134,33 @@
134
134
  "@testing-library/jest-dom": "^6.9.1",
135
135
  "@testing-library/react": "^16.3.2",
136
136
  "@testing-library/user-event": "^14.6.1",
137
- "@types/node": "^25.0.10",
138
- "@types/react": "^19.2.9",
137
+ "@types/node": "^25.2.3",
138
+ "@types/react": "^19.2.13",
139
139
  "@types/react-dom": "^19.2.3",
140
- "@vitejs/plugin-react": "^5.1.2",
141
- "@vitest/browser": "^4.0.17",
142
- "@vitest/browser-playwright": "^4.0.17",
143
- "@vitest/coverage-v8": "^4.0.17",
144
- "@vitest/ui": "^4.0.17",
145
- "cpy-cli": "^6.0.0",
140
+ "@vitejs/plugin-react": "^5.1.4",
141
+ "@vitest/browser": "^4.0.18",
142
+ "@vitest/browser-playwright": "^4.0.18",
143
+ "@vitest/coverage-v8": "^4.0.18",
144
+ "@vitest/ui": "^4.0.18",
145
+ "cpy-cli": "^7.0.0",
146
146
  "eslint": "^9.39.2",
147
- "happy-dom": "^20.3.4",
148
- "playwright": "^1.57.0",
147
+ "happy-dom": "^20.6.1",
148
+ "playwright": "^1.58.2",
149
149
  "prettier": "^3.8.1",
150
- "react": "^19.2.3",
150
+ "react": "^19.2.4",
151
151
  "react-docgen": "^8.0.2",
152
152
  "react-docgen-typescript": "^2.4.0",
153
- "react-dom": "^19.2.3",
154
- "semantic-release": "^25.0.2",
153
+ "react-dom": "^19.2.4",
154
+ "semantic-release": "^25.0.3",
155
155
  "serve": "^14.2.5",
156
- "storybook": "^10.2.0",
157
- "storybook-addon-tag-badges": "^3.0.4",
156
+ "storybook": "^10.2.8",
157
+ "storybook-addon-tag-badges": "^3.0.6",
158
158
  "tailwindcss": "^4.1.18",
159
159
  "tsup": "^8.5.1",
160
160
  "typescript": "^5.9.3",
161
161
  "vite": "^7.3.1",
162
- "vite-tsconfig-paths": "^6.0.4",
163
- "vitest": "^4.0.17"
162
+ "vite-tsconfig-paths": "^6.1.0",
163
+ "vitest": "^4.0.18"
164
164
  },
165
165
  "peerDependencies": {
166
166
  "react": ">=19",