@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.
- package/dist/{chunk-EG374TED.cjs → chunk-CP43WJCN.cjs} +11 -11
- package/dist/chunk-DL54DIMD.js +1041 -0
- package/dist/{chunk-D4QID7AI.cjs → chunk-KQ6QE7BT.cjs} +4 -4
- package/dist/{chunk-JLKQ6WKK.js → chunk-QTYNFISP.js} +2 -2
- package/dist/chunk-S2BCU6WG.cjs +1063 -0
- package/dist/{chunk-DFD2WUOU.js → chunk-SB5UG7OC.js} +15 -1
- package/dist/{chunk-YSYZKK24.js → chunk-WXZE35FK.js} +1 -1
- package/dist/{chunk-7EYMOUWG.cjs → chunk-XIQUR62A.cjs} +15 -0
- package/dist/components/button/index.cjs +8 -7
- package/dist/components/button/index.js +7 -6
- package/dist/components/index.cjs +60 -51
- package/dist/components/index.d.cts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +7 -6
- package/dist/components/masonry/index.cjs +15 -0
- package/dist/components/masonry/index.d.cts +181 -0
- package/dist/components/masonry/index.d.ts +181 -0
- package/dist/components/masonry/index.js +2 -0
- package/dist/components/stepper/index.cjs +26 -25
- package/dist/components/stepper/index.js +7 -6
- package/dist/components/timeline/index.cjs +11 -11
- package/dist/components/timeline/index.js +2 -2
- package/dist/components/toaster/index.cjs +9 -8
- package/dist/components/toaster/index.js +7 -6
- package/dist/hooks/index.cjs +8 -4
- package/dist/hooks/index.d.cts +4 -1
- package/dist/hooks/index.d.ts +4 -1
- package/dist/hooks/index.js +1 -1
- package/package.json +25 -25
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkKQ6QE7BT_cjs = require('./chunk-KQ6QE7BT.cjs');
|
|
4
4
|
var chunk3WSQRFUY_cjs = require('./chunk-3WSQRFUY.cjs');
|
|
5
|
-
var
|
|
5
|
+
var chunkXIQUR62A_cjs = require('./chunk-XIQUR62A.cjs');
|
|
6
6
|
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
|
|
7
7
|
var React5 = require('react');
|
|
8
8
|
var reactSlot = require('@radix-ui/react-slot');
|
|
@@ -184,8 +184,8 @@ function Stepper({
|
|
|
184
184
|
}) {
|
|
185
185
|
const id = React5__namespace.useId();
|
|
186
186
|
const rootId = idProp ?? id;
|
|
187
|
-
const listenersRef =
|
|
188
|
-
const stateRef =
|
|
187
|
+
const listenersRef = chunkXIQUR62A_cjs.useLazyRef(() => /* @__PURE__ */ new Set());
|
|
188
|
+
const stateRef = chunkXIQUR62A_cjs.useLazyRef(() => ({
|
|
189
189
|
steps: /* @__PURE__ */ new Map(),
|
|
190
190
|
value: value ?? defaultValue
|
|
191
191
|
}));
|
|
@@ -193,12 +193,12 @@ function Stepper({
|
|
|
193
193
|
() => createStepperStore(listenersRef, stateRef, onValueChange, onValueComplete, onValueAdd, onValueRemove, onValidate),
|
|
194
194
|
[listenersRef, stateRef, onValueChange, onValueComplete, onValueAdd, onValueRemove, onValidate]
|
|
195
195
|
);
|
|
196
|
-
|
|
196
|
+
chunkXIQUR62A_cjs.useIsomorphicLayoutEffect(() => {
|
|
197
197
|
if (value !== void 0) {
|
|
198
198
|
store.setState("value", value);
|
|
199
199
|
}
|
|
200
200
|
}, [value]);
|
|
201
|
-
const dir =
|
|
201
|
+
const dir = chunkKQ6QE7BT_cjs.useDirection(dirProp);
|
|
202
202
|
const contextValue = React5__namespace.useMemo(
|
|
203
203
|
() => ({
|
|
204
204
|
id: rootId,
|
|
@@ -314,7 +314,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
|
|
|
314
314
|
const isClickFocusRef = React5__namespace.useRef(false);
|
|
315
315
|
const itemsRef = React5__namespace.useRef(/* @__PURE__ */ new Map());
|
|
316
316
|
const listRef = React5__namespace.useRef(null);
|
|
317
|
-
const composedRef =
|
|
317
|
+
const composedRef = chunkKQ6QE7BT_cjs.useComposedRefs(ref, listRef);
|
|
318
318
|
const onItemFocus = React5__namespace.useCallback((tabStopId2) => {
|
|
319
319
|
setTabStopId(tabStopId2);
|
|
320
320
|
}, []);
|
|
@@ -458,13 +458,13 @@ function StepperItem({
|
|
|
458
458
|
const { orientation, dir } = useStepperContext(STEPPER_ITEM_NAME);
|
|
459
459
|
const store = useStepperStoreContext(STEPPER_ITEM_NAME);
|
|
460
460
|
const value = useStepperStore((state) => state.value);
|
|
461
|
-
|
|
461
|
+
chunkXIQUR62A_cjs.useIsomorphicLayoutEffect(() => {
|
|
462
462
|
store.addStep({ value: itemValue, completed, disabled, loading });
|
|
463
463
|
return () => {
|
|
464
464
|
store.removeStep(itemValue);
|
|
465
465
|
};
|
|
466
466
|
}, [itemValue, completed, disabled, loading]);
|
|
467
|
-
|
|
467
|
+
chunkXIQUR62A_cjs.useIsomorphicLayoutEffect(() => {
|
|
468
468
|
store.setStep({ value: itemValue, completed, disabled, loading });
|
|
469
469
|
}, [itemValue, completed, disabled, loading]);
|
|
470
470
|
const stepState = useStepperStore((state) => state.steps.get(itemValue));
|
|
@@ -533,7 +533,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
|
|
|
533
533
|
const isTabStop = focusContext.tabStopId === triggerId;
|
|
534
534
|
const dataState = getDataState(value, itemValue, stepState, steps);
|
|
535
535
|
const triggerRef = React5__namespace.useRef(null);
|
|
536
|
-
const composedRef =
|
|
536
|
+
const composedRef = chunkKQ6QE7BT_cjs.useComposedRefs(ref, triggerRef);
|
|
537
537
|
const isArrowKeyPressedRef = React5__namespace.useRef(false);
|
|
538
538
|
const isMouseClickRef = React5__namespace.useRef(false);
|
|
539
539
|
React5__namespace.useEffect(() => {
|
|
@@ -552,7 +552,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
|
|
|
552
552
|
document.removeEventListener("keyup", onKeyUp);
|
|
553
553
|
};
|
|
554
554
|
}, []);
|
|
555
|
-
|
|
555
|
+
chunkXIQUR62A_cjs.useIsomorphicLayoutEffect(() => {
|
|
556
556
|
focusContext.onItemRegister({
|
|
557
557
|
id: triggerId,
|
|
558
558
|
ref: triggerRef,
|