@szum-tech/design-system 3.9.0 → 3.10.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-2WQJ36RD.cjs +78 -0
- package/dist/chunk-D4QID7AI.cjs +607 -0
- package/dist/chunk-DGWBE2Y3.cjs +205 -0
- package/dist/{chunk-XTNS5QH5.cjs → chunk-EG374TED.cjs} +52 -86
- package/dist/chunk-EUH466AL.cjs +179 -0
- package/dist/chunk-F7N6WQV6.cjs +53 -0
- package/dist/chunk-GYXQUTWZ.cjs +59 -0
- package/dist/chunk-IWF52DDE.js +55 -0
- package/dist/{chunk-PHPJ54IC.js → chunk-JLKQ6WKK.js} +48 -82
- package/dist/chunk-K5AURCK5.js +183 -0
- package/dist/chunk-OCOCENE6.js +42 -0
- package/dist/chunk-P4JIMFSL.js +51 -0
- package/dist/chunk-R65CJGEQ.js +48 -0
- package/dist/chunk-USIW3VT5.cjs +73 -0
- package/dist/chunk-WMGJCB7O.js +157 -0
- package/dist/chunk-YEFLGE3L.cjs +47 -0
- package/dist/chunk-YSYZKK24.js +575 -0
- package/dist/chunk-YUMKV5TH.js +56 -0
- package/dist/components/accordion/index.cjs +23 -0
- package/dist/components/accordion/index.d.cts +17 -0
- package/dist/components/accordion/index.d.ts +17 -0
- package/dist/components/accordion/index.js +2 -0
- package/dist/components/button/index.cjs +14 -7
- package/dist/components/button/index.js +13 -6
- package/dist/components/counting-number/index.cjs +11 -0
- package/dist/components/counting-number/index.d.cts +57 -0
- package/dist/components/counting-number/index.d.ts +57 -0
- package/dist/components/counting-number/index.js +2 -0
- package/dist/components/index.cjs +209 -106
- package/dist/components/index.d.cts +11 -2
- package/dist/components/index.d.ts +11 -2
- package/dist/components/index.js +13 -6
- package/dist/components/marquee/index.cjs +11 -0
- package/dist/components/marquee/index.d.cts +48 -0
- package/dist/components/marquee/index.d.ts +48 -0
- package/dist/components/marquee/index.js +2 -0
- package/dist/components/status/index.cjs +19 -0
- package/dist/components/status/index.d.cts +25 -0
- package/dist/components/status/index.d.ts +25 -0
- package/dist/components/status/index.js +2 -0
- package/dist/components/stepper/index.cjs +32 -25
- package/dist/components/stepper/index.d.cts +5 -4
- package/dist/components/stepper/index.d.ts +5 -4
- package/dist/components/stepper/index.js +13 -6
- package/dist/components/tabs/index.cjs +23 -0
- package/dist/components/tabs/index.d.cts +17 -0
- package/dist/components/tabs/index.d.ts +17 -0
- package/dist/components/tabs/index.js +2 -0
- package/dist/components/timeline/index.cjs +44 -0
- package/dist/components/timeline/index.d.cts +62 -0
- package/dist/components/timeline/index.d.ts +62 -0
- package/dist/components/timeline/index.js +3 -0
- package/dist/components/toaster/index.cjs +15 -8
- package/dist/components/toaster/index.js +13 -6
- package/dist/components/typing-text/index.cjs +11 -0
- package/dist/components/typing-text/index.d.cts +40 -0
- package/dist/components/typing-text/index.d.ts +40 -0
- package/dist/components/typing-text/index.js +2 -0
- package/dist/components/word-rotate/index.cjs +11 -0
- package/dist/components/word-rotate/index.d.cts +29 -0
- package/dist/components/word-rotate/index.d.ts +29 -0
- package/dist/components/word-rotate/index.js +2 -0
- package/dist/direction-CUOPDLCj.d.cts +7 -0
- package/dist/direction-CUOPDLCj.d.ts +7 -0
- package/package.json +35 -44
- package/tailwind/animation.css +23 -1
- package/tailwind/palette.css +2 -2
- package/dist/chunk-EW6TE3N5.cjs +0 -38
- package/dist/chunk-H5O5L6XT.js +0 -14
- package/dist/contexts/index.cjs +0 -18
- package/dist/contexts/index.d.cts +0 -11
- package/dist/contexts/index.d.ts +0 -11
- package/dist/contexts/index.js +0 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
type MarqueeProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
5
|
+
/**
|
|
6
|
+
* Optional CSS class name to apply custom styles
|
|
7
|
+
*/
|
|
8
|
+
className?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Whether to reverse the animation direction
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
reverse?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Whether to pause the animation on hover
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
18
|
+
pauseOnHover?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Content to be displayed in the marquee
|
|
21
|
+
*/
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* Whether to animate vertically instead of horizontally
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
27
|
+
vertical?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Number of times to repeat the content
|
|
30
|
+
* @default 4
|
|
31
|
+
*/
|
|
32
|
+
repeat?: number;
|
|
33
|
+
/**
|
|
34
|
+
* ARIA label for accessibility
|
|
35
|
+
*/
|
|
36
|
+
ariaLabel?: string;
|
|
37
|
+
/**
|
|
38
|
+
* ARIA live region politeness
|
|
39
|
+
*/
|
|
40
|
+
ariaLive?: "off" | "polite" | "assertive";
|
|
41
|
+
/**
|
|
42
|
+
* ARIA role
|
|
43
|
+
*/
|
|
44
|
+
ariaRole?: string;
|
|
45
|
+
};
|
|
46
|
+
declare function Marquee({ className, reverse, pauseOnHover, children, vertical, repeat, ariaLabel, ariaLive, ariaRole, ...props }: MarqueeProps): react_jsx_runtime.JSX.Element;
|
|
47
|
+
|
|
48
|
+
export { Marquee, type MarqueeProps };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkGYXQUTWZ_cjs = require('../../chunk-GYXQUTWZ.cjs');
|
|
4
|
+
require('../../chunk-H2BWO3SI.cjs');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
Object.defineProperty(exports, "Status", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () { return chunkGYXQUTWZ_cjs.Status; }
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "StatusIndicator", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () { return chunkGYXQUTWZ_cjs.StatusIndicator; }
|
|
15
|
+
});
|
|
16
|
+
Object.defineProperty(exports, "StatusLabel", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () { return chunkGYXQUTWZ_cjs.StatusLabel; }
|
|
19
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
|
|
6
|
+
declare const statusVariants: (props?: ({
|
|
7
|
+
variant?: "primary" | "success" | "warning" | "error" | "default" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
+
|
|
10
|
+
type StatusCvaProps = VariantProps<typeof statusVariants>;
|
|
11
|
+
type StatusVariant = NonNullable<StatusCvaProps["variant"]>;
|
|
12
|
+
|
|
13
|
+
type StatusProps = React.ComponentProps<"div"> & {
|
|
14
|
+
asChild?: boolean;
|
|
15
|
+
variant?: StatusVariant;
|
|
16
|
+
};
|
|
17
|
+
declare function Status({ className, variant, asChild, ...rootProps }: StatusProps): react_jsx_runtime.JSX.Element;
|
|
18
|
+
|
|
19
|
+
type StatusIndicatorProps = React.ComponentProps<"div">;
|
|
20
|
+
declare function StatusIndicator(props: StatusIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
21
|
+
|
|
22
|
+
type StatusLabelProps = React.ComponentProps<"div">;
|
|
23
|
+
declare function StatusLabel({ className, ...labelProps }: StatusLabelProps): react_jsx_runtime.JSX.Element;
|
|
24
|
+
|
|
25
|
+
export { Status, StatusIndicator, type StatusIndicatorProps, StatusLabel, type StatusLabelProps, type StatusProps, type StatusVariant };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
|
|
6
|
+
declare const statusVariants: (props?: ({
|
|
7
|
+
variant?: "primary" | "success" | "warning" | "error" | "default" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
+
|
|
10
|
+
type StatusCvaProps = VariantProps<typeof statusVariants>;
|
|
11
|
+
type StatusVariant = NonNullable<StatusCvaProps["variant"]>;
|
|
12
|
+
|
|
13
|
+
type StatusProps = React.ComponentProps<"div"> & {
|
|
14
|
+
asChild?: boolean;
|
|
15
|
+
variant?: StatusVariant;
|
|
16
|
+
};
|
|
17
|
+
declare function Status({ className, variant, asChild, ...rootProps }: StatusProps): react_jsx_runtime.JSX.Element;
|
|
18
|
+
|
|
19
|
+
type StatusIndicatorProps = React.ComponentProps<"div">;
|
|
20
|
+
declare function StatusIndicator(props: StatusIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
21
|
+
|
|
22
|
+
type StatusLabelProps = React.ComponentProps<"div">;
|
|
23
|
+
declare function StatusLabel({ className, ...labelProps }: StatusLabelProps): react_jsx_runtime.JSX.Element;
|
|
24
|
+
|
|
25
|
+
export { Status, StatusIndicator, type StatusIndicatorProps, StatusLabel, type StatusLabelProps, type StatusProps, type StatusVariant };
|
|
@@ -1,108 +1,115 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkEG374TED_cjs = require('../../chunk-EG374TED.cjs');
|
|
4
|
+
require('../../chunk-D4QID7AI.cjs');
|
|
5
|
+
require('../../chunk-A7SBXO2Y.cjs');
|
|
6
|
+
require('../../chunk-EUH466AL.cjs');
|
|
7
|
+
require('../../chunk-DGWBE2Y3.cjs');
|
|
8
|
+
require('../../chunk-TMXVL5CV.cjs');
|
|
9
|
+
require('../../chunk-XJZOANXX.cjs');
|
|
4
10
|
require('../../chunk-GHV2TURY.cjs');
|
|
5
11
|
require('../../chunk-3WSQRFUY.cjs');
|
|
12
|
+
require('../../chunk-GYXQUTWZ.cjs');
|
|
13
|
+
require('../../chunk-YEFLGE3L.cjs');
|
|
6
14
|
require('../../chunk-NU5UQPBX.cjs');
|
|
7
|
-
require('../../chunk-A7SBXO2Y.cjs');
|
|
8
15
|
require('../../chunk-6X26XC6P.cjs');
|
|
9
16
|
require('../../chunk-5AA4IE2T.cjs');
|
|
10
17
|
require('../../chunk-CFJ44JVK.cjs');
|
|
18
|
+
require('../../chunk-2WQJ36RD.cjs');
|
|
11
19
|
require('../../chunk-TH44JYXB.cjs');
|
|
12
20
|
require('../../chunk-XENOUBSI.cjs');
|
|
13
21
|
require('../../chunk-UJX74PFK.cjs');
|
|
14
|
-
require('../../chunk-XJZOANXX.cjs');
|
|
15
|
-
require('../../chunk-ZVF7J4EI.cjs');
|
|
16
22
|
require('../../chunk-2Y2ZCPNV.cjs');
|
|
17
23
|
require('../../chunk-HCHVDUI6.cjs');
|
|
18
24
|
require('../../chunk-ULEEQ723.cjs');
|
|
25
|
+
require('../../chunk-USIW3VT5.cjs');
|
|
19
26
|
require('../../chunk-VK5EX3OG.cjs');
|
|
20
27
|
require('../../chunk-CXHDWIGF.cjs');
|
|
21
28
|
require('../../chunk-DTYX7CYN.cjs');
|
|
22
29
|
require('../../chunk-UIOBJSKZ.cjs');
|
|
23
30
|
require('../../chunk-S3ANEJJ7.cjs');
|
|
24
|
-
require('../../chunk-EW6TE3N5.cjs');
|
|
25
31
|
require('../../chunk-7EYMOUWG.cjs');
|
|
32
|
+
require('../../chunk-F7N6WQV6.cjs');
|
|
26
33
|
require('../../chunk-3GNVQFCK.cjs');
|
|
27
|
-
require('../../chunk-TMXVL5CV.cjs');
|
|
28
34
|
require('../../chunk-I7AV5IQO.cjs');
|
|
35
|
+
require('../../chunk-ZVF7J4EI.cjs');
|
|
29
36
|
require('../../chunk-H2BWO3SI.cjs');
|
|
30
37
|
|
|
31
38
|
|
|
32
39
|
|
|
33
40
|
Object.defineProperty(exports, "Stepper", {
|
|
34
41
|
enumerable: true,
|
|
35
|
-
get: function () { return
|
|
42
|
+
get: function () { return chunkEG374TED_cjs.Stepper; }
|
|
36
43
|
});
|
|
37
44
|
Object.defineProperty(exports, "StepperActivationMode", {
|
|
38
45
|
enumerable: true,
|
|
39
|
-
get: function () { return
|
|
46
|
+
get: function () { return chunkEG374TED_cjs.StepperActivationMode; }
|
|
40
47
|
});
|
|
41
48
|
Object.defineProperty(exports, "StepperContent", {
|
|
42
49
|
enumerable: true,
|
|
43
|
-
get: function () { return
|
|
50
|
+
get: function () { return chunkEG374TED_cjs.StepperContent; }
|
|
44
51
|
});
|
|
45
52
|
Object.defineProperty(exports, "StepperDataState", {
|
|
46
53
|
enumerable: true,
|
|
47
|
-
get: function () { return
|
|
54
|
+
get: function () { return chunkEG374TED_cjs.StepperDataState; }
|
|
48
55
|
});
|
|
49
56
|
Object.defineProperty(exports, "StepperDescription", {
|
|
50
57
|
enumerable: true,
|
|
51
|
-
get: function () { return
|
|
58
|
+
get: function () { return chunkEG374TED_cjs.StepperDescription; }
|
|
52
59
|
});
|
|
53
60
|
Object.defineProperty(exports, "StepperFocusIntent", {
|
|
54
61
|
enumerable: true,
|
|
55
|
-
get: function () { return
|
|
62
|
+
get: function () { return chunkEG374TED_cjs.StepperFocusIntent; }
|
|
56
63
|
});
|
|
57
64
|
Object.defineProperty(exports, "StepperIndicator", {
|
|
58
65
|
enumerable: true,
|
|
59
|
-
get: function () { return
|
|
66
|
+
get: function () { return chunkEG374TED_cjs.StepperIndicator; }
|
|
60
67
|
});
|
|
61
68
|
Object.defineProperty(exports, "StepperItem", {
|
|
62
69
|
enumerable: true,
|
|
63
|
-
get: function () { return
|
|
70
|
+
get: function () { return chunkEG374TED_cjs.StepperItem; }
|
|
64
71
|
});
|
|
65
72
|
Object.defineProperty(exports, "StepperNav", {
|
|
66
73
|
enumerable: true,
|
|
67
|
-
get: function () { return
|
|
74
|
+
get: function () { return chunkEG374TED_cjs.StepperNav; }
|
|
68
75
|
});
|
|
69
76
|
Object.defineProperty(exports, "StepperNavigationDirection", {
|
|
70
77
|
enumerable: true,
|
|
71
|
-
get: function () { return
|
|
78
|
+
get: function () { return chunkEG374TED_cjs.StepperNavigationDirection; }
|
|
72
79
|
});
|
|
73
80
|
Object.defineProperty(exports, "StepperNextTrigger", {
|
|
74
81
|
enumerable: true,
|
|
75
|
-
get: function () { return
|
|
82
|
+
get: function () { return chunkEG374TED_cjs.StepperNextTrigger; }
|
|
76
83
|
});
|
|
77
84
|
Object.defineProperty(exports, "StepperOrientation", {
|
|
78
85
|
enumerable: true,
|
|
79
|
-
get: function () { return
|
|
86
|
+
get: function () { return chunkEG374TED_cjs.StepperOrientation; }
|
|
80
87
|
});
|
|
81
88
|
Object.defineProperty(exports, "StepperPanel", {
|
|
82
89
|
enumerable: true,
|
|
83
|
-
get: function () { return
|
|
90
|
+
get: function () { return chunkEG374TED_cjs.StepperPanel; }
|
|
84
91
|
});
|
|
85
92
|
Object.defineProperty(exports, "StepperPrevTrigger", {
|
|
86
93
|
enumerable: true,
|
|
87
|
-
get: function () { return
|
|
94
|
+
get: function () { return chunkEG374TED_cjs.StepperPrevTrigger; }
|
|
88
95
|
});
|
|
89
96
|
Object.defineProperty(exports, "StepperTitle", {
|
|
90
97
|
enumerable: true,
|
|
91
|
-
get: function () { return
|
|
98
|
+
get: function () { return chunkEG374TED_cjs.StepperTitle; }
|
|
92
99
|
});
|
|
93
100
|
Object.defineProperty(exports, "StepperTrigger", {
|
|
94
101
|
enumerable: true,
|
|
95
|
-
get: function () { return
|
|
102
|
+
get: function () { return chunkEG374TED_cjs.StepperTrigger; }
|
|
96
103
|
});
|
|
97
104
|
Object.defineProperty(exports, "useStepperContext", {
|
|
98
105
|
enumerable: true,
|
|
99
|
-
get: function () { return
|
|
106
|
+
get: function () { return chunkEG374TED_cjs.useStepperContext; }
|
|
100
107
|
});
|
|
101
108
|
Object.defineProperty(exports, "useStepperFocusContext", {
|
|
102
109
|
enumerable: true,
|
|
103
|
-
get: function () { return
|
|
110
|
+
get: function () { return chunkEG374TED_cjs.useStepperFocusContext; }
|
|
104
111
|
});
|
|
105
112
|
Object.defineProperty(exports, "useStepperItemContext", {
|
|
106
113
|
enumerable: true,
|
|
107
|
-
get: function () { return
|
|
114
|
+
get: function () { return chunkEG374TED_cjs.useStepperItemContext; }
|
|
108
115
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
-
import { Direction } from '../../
|
|
4
|
+
import { D as Direction } from '../../direction-CUOPDLCj.cjs';
|
|
5
5
|
|
|
6
6
|
type StepperProps = React.ComponentProps<"div"> & {
|
|
7
7
|
asChild?: boolean;
|
|
@@ -13,7 +13,7 @@ type StepperProps = React.ComponentProps<"div"> & {
|
|
|
13
13
|
onValueRemove?: (value: string) => void;
|
|
14
14
|
onValidate?: (value: string, direction: StepperNavigationDirection) => boolean | Promise<boolean>;
|
|
15
15
|
activationMode?: StepperActivationMode;
|
|
16
|
-
dir?:
|
|
16
|
+
dir?: StepperDirection;
|
|
17
17
|
orientation?: StepperOrientation;
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
loop?: boolean;
|
|
@@ -22,6 +22,7 @@ type StepperProps = React.ComponentProps<"div"> & {
|
|
|
22
22
|
};
|
|
23
23
|
declare function Stepper({ value, defaultValue, onValueChange, onValueComplete, onValueAdd, onValueRemove, onValidate, id: idProp, dir: dirProp, orientation, activationMode, asChild, disabled, nonInteractive, loop, className, indicators, ...rootProps }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
24
24
|
|
|
25
|
+
type StepperDirection = Direction;
|
|
25
26
|
declare const StepperFocusIntent: {
|
|
26
27
|
readonly FIRST: "first";
|
|
27
28
|
readonly LAST: "last";
|
|
@@ -59,7 +60,7 @@ type StepIndicators = {
|
|
|
59
60
|
|
|
60
61
|
interface StepperContextValue {
|
|
61
62
|
id: string;
|
|
62
|
-
dir:
|
|
63
|
+
dir: StepperDirection;
|
|
63
64
|
orientation: StepperOrientation;
|
|
64
65
|
activationMode: StepperActivationMode;
|
|
65
66
|
disabled: boolean;
|
|
@@ -159,4 +160,4 @@ type StepperPrevTriggerProps = React.ComponentProps<"button"> & {
|
|
|
159
160
|
};
|
|
160
161
|
declare function StepperPrevTrigger({ asChild, disabled, onClick, ...props }: StepperPrevTriggerProps): react_jsx_runtime.JSX.Element;
|
|
161
162
|
|
|
162
|
-
export { type StepIndicators, Stepper, StepperActivationMode, StepperContent, type StepperContentProps, StepperDataState, StepperDescription, type StepperDescriptionProps, StepperFocusIntent, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperNav, type StepperNavProps, StepperNavigationDirection, StepperNextTrigger, type StepperNextTriggerProps, StepperOrientation, StepperPanel, type StepperPanelProps, StepperPrevTrigger, type StepperPrevTriggerProps, type StepperProps, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerElement, type StepperTriggerProps, useStepperContext, useStepperFocusContext, useStepperItemContext };
|
|
163
|
+
export { type StepIndicators, Stepper, StepperActivationMode, StepperContent, type StepperContentProps, StepperDataState, StepperDescription, type StepperDescriptionProps, type StepperDirection, StepperFocusIntent, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperNav, type StepperNavProps, StepperNavigationDirection, StepperNextTrigger, type StepperNextTriggerProps, StepperOrientation, StepperPanel, type StepperPanelProps, StepperPrevTrigger, type StepperPrevTriggerProps, type StepperProps, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerElement, type StepperTriggerProps, useStepperContext, useStepperFocusContext, useStepperItemContext };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
-
import { Direction } from '../../
|
|
4
|
+
import { D as Direction } from '../../direction-CUOPDLCj.js';
|
|
5
5
|
|
|
6
6
|
type StepperProps = React.ComponentProps<"div"> & {
|
|
7
7
|
asChild?: boolean;
|
|
@@ -13,7 +13,7 @@ type StepperProps = React.ComponentProps<"div"> & {
|
|
|
13
13
|
onValueRemove?: (value: string) => void;
|
|
14
14
|
onValidate?: (value: string, direction: StepperNavigationDirection) => boolean | Promise<boolean>;
|
|
15
15
|
activationMode?: StepperActivationMode;
|
|
16
|
-
dir?:
|
|
16
|
+
dir?: StepperDirection;
|
|
17
17
|
orientation?: StepperOrientation;
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
loop?: boolean;
|
|
@@ -22,6 +22,7 @@ type StepperProps = React.ComponentProps<"div"> & {
|
|
|
22
22
|
};
|
|
23
23
|
declare function Stepper({ value, defaultValue, onValueChange, onValueComplete, onValueAdd, onValueRemove, onValidate, id: idProp, dir: dirProp, orientation, activationMode, asChild, disabled, nonInteractive, loop, className, indicators, ...rootProps }: StepperProps): react_jsx_runtime.JSX.Element;
|
|
24
24
|
|
|
25
|
+
type StepperDirection = Direction;
|
|
25
26
|
declare const StepperFocusIntent: {
|
|
26
27
|
readonly FIRST: "first";
|
|
27
28
|
readonly LAST: "last";
|
|
@@ -59,7 +60,7 @@ type StepIndicators = {
|
|
|
59
60
|
|
|
60
61
|
interface StepperContextValue {
|
|
61
62
|
id: string;
|
|
62
|
-
dir:
|
|
63
|
+
dir: StepperDirection;
|
|
63
64
|
orientation: StepperOrientation;
|
|
64
65
|
activationMode: StepperActivationMode;
|
|
65
66
|
disabled: boolean;
|
|
@@ -159,4 +160,4 @@ type StepperPrevTriggerProps = React.ComponentProps<"button"> & {
|
|
|
159
160
|
};
|
|
160
161
|
declare function StepperPrevTrigger({ asChild, disabled, onClick, ...props }: StepperPrevTriggerProps): react_jsx_runtime.JSX.Element;
|
|
161
162
|
|
|
162
|
-
export { type StepIndicators, Stepper, StepperActivationMode, StepperContent, type StepperContentProps, StepperDataState, StepperDescription, type StepperDescriptionProps, StepperFocusIntent, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperNav, type StepperNavProps, StepperNavigationDirection, StepperNextTrigger, type StepperNextTriggerProps, StepperOrientation, StepperPanel, type StepperPanelProps, StepperPrevTrigger, type StepperPrevTriggerProps, type StepperProps, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerElement, type StepperTriggerProps, useStepperContext, useStepperFocusContext, useStepperItemContext };
|
|
163
|
+
export { type StepIndicators, Stepper, StepperActivationMode, StepperContent, type StepperContentProps, StepperDataState, StepperDescription, type StepperDescriptionProps, type StepperDirection, StepperFocusIntent, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperNav, type StepperNavProps, StepperNavigationDirection, StepperNextTrigger, type StepperNextTriggerProps, StepperOrientation, StepperPanel, type StepperPanelProps, StepperPrevTrigger, type StepperPrevTriggerProps, type StepperProps, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerElement, type StepperTriggerProps, useStepperContext, useStepperFocusContext, useStepperItemContext };
|
|
@@ -1,27 +1,34 @@
|
|
|
1
|
-
export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-
|
|
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';
|
|
2
|
+
import '../../chunk-YSYZKK24.js';
|
|
3
|
+
import '../../chunk-U7XZJQ4O.js';
|
|
4
|
+
import '../../chunk-WMGJCB7O.js';
|
|
5
|
+
import '../../chunk-K5AURCK5.js';
|
|
6
|
+
import '../../chunk-5MJPZUTO.js';
|
|
7
|
+
import '../../chunk-E5TYGWGE.js';
|
|
2
8
|
import '../../chunk-DTSFPOLX.js';
|
|
3
9
|
import '../../chunk-P5IUC7HJ.js';
|
|
10
|
+
import '../../chunk-IWF52DDE.js';
|
|
11
|
+
import '../../chunk-OCOCENE6.js';
|
|
4
12
|
import '../../chunk-OQCNPNPS.js';
|
|
5
|
-
import '../../chunk-U7XZJQ4O.js';
|
|
6
13
|
import '../../chunk-VT5GDGZJ.js';
|
|
7
14
|
import '../../chunk-UGSNASZM.js';
|
|
8
15
|
import '../../chunk-KGGCA634.js';
|
|
16
|
+
import '../../chunk-YUMKV5TH.js';
|
|
9
17
|
import '../../chunk-PBEZZMAB.js';
|
|
10
18
|
import '../../chunk-4TRADSTP.js';
|
|
11
19
|
import '../../chunk-M7NIRB3U.js';
|
|
12
|
-
import '../../chunk-E5TYGWGE.js';
|
|
13
|
-
import '../../chunk-U3QKV7I4.js';
|
|
14
20
|
import '../../chunk-6BSR3O2J.js';
|
|
15
21
|
import '../../chunk-5F2Y65JH.js';
|
|
16
22
|
import '../../chunk-3RK5PCIC.js';
|
|
23
|
+
import '../../chunk-P4JIMFSL.js';
|
|
17
24
|
import '../../chunk-BTSHACKG.js';
|
|
18
25
|
import '../../chunk-HNRVLRMN.js';
|
|
19
26
|
import '../../chunk-3MH6P44N.js';
|
|
20
27
|
import '../../chunk-XJIUGEPN.js';
|
|
21
28
|
import '../../chunk-I3RSTJP6.js';
|
|
22
|
-
import '../../chunk-H5O5L6XT.js';
|
|
23
29
|
import '../../chunk-DFD2WUOU.js';
|
|
30
|
+
import '../../chunk-R65CJGEQ.js';
|
|
24
31
|
import '../../chunk-5MV54MWS.js';
|
|
25
|
-
import '../../chunk-5MJPZUTO.js';
|
|
26
32
|
import '../../chunk-NGVFYKAT.js';
|
|
33
|
+
import '../../chunk-U3QKV7I4.js';
|
|
27
34
|
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkYEFLGE3L_cjs = require('../../chunk-YEFLGE3L.cjs');
|
|
4
|
+
require('../../chunk-H2BWO3SI.cjs');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
Object.defineProperty(exports, "Tabs", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () { return chunkYEFLGE3L_cjs.Tabs; }
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "TabsContent", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () { return chunkYEFLGE3L_cjs.TabsContent; }
|
|
15
|
+
});
|
|
16
|
+
Object.defineProperty(exports, "TabsList", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () { return chunkYEFLGE3L_cjs.TabsList; }
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "TabsTrigger", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () { return chunkYEFLGE3L_cjs.TabsTrigger; }
|
|
23
|
+
});
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Tabs as Tabs$1 } from 'radix-ui';
|
|
4
|
+
|
|
5
|
+
type TabsProps = React.ComponentProps<typeof Tabs$1.Root>;
|
|
6
|
+
declare function Tabs({ className, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
7
|
+
|
|
8
|
+
type TabsListProps = React.ComponentProps<typeof Tabs$1.List>;
|
|
9
|
+
declare function TabsList({ className, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
type TabsTriggerProps = React.ComponentProps<typeof Tabs$1.Trigger>;
|
|
12
|
+
declare function TabsTrigger({ className, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
type TabsContentProps = React.ComponentProps<typeof Tabs$1.Content>;
|
|
15
|
+
declare function TabsContent({ className, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
|
|
17
|
+
export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Tabs as Tabs$1 } from 'radix-ui';
|
|
4
|
+
|
|
5
|
+
type TabsProps = React.ComponentProps<typeof Tabs$1.Root>;
|
|
6
|
+
declare function Tabs({ className, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
7
|
+
|
|
8
|
+
type TabsListProps = React.ComponentProps<typeof Tabs$1.List>;
|
|
9
|
+
declare function TabsList({ className, ...props }: TabsListProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
type TabsTriggerProps = React.ComponentProps<typeof Tabs$1.Trigger>;
|
|
12
|
+
declare function TabsTrigger({ className, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
type TabsContentProps = React.ComponentProps<typeof Tabs$1.Content>;
|
|
15
|
+
declare function TabsContent({ className, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
|
|
17
|
+
export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkD4QID7AI_cjs = require('../../chunk-D4QID7AI.cjs');
|
|
4
|
+
require('../../chunk-7EYMOUWG.cjs');
|
|
5
|
+
require('../../chunk-H2BWO3SI.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
Object.defineProperty(exports, "Timeline", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () { return chunkD4QID7AI_cjs.Timeline; }
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "TimelineConnector", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () { return chunkD4QID7AI_cjs.TimelineConnector; }
|
|
16
|
+
});
|
|
17
|
+
Object.defineProperty(exports, "TimelineContent", {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () { return chunkD4QID7AI_cjs.TimelineContent; }
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports, "TimelineDescription", {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () { return chunkD4QID7AI_cjs.TimelineDescription; }
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "TimelineDot", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () { return chunkD4QID7AI_cjs.TimelineDot; }
|
|
28
|
+
});
|
|
29
|
+
Object.defineProperty(exports, "TimelineHeader", {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: function () { return chunkD4QID7AI_cjs.TimelineHeader; }
|
|
32
|
+
});
|
|
33
|
+
Object.defineProperty(exports, "TimelineItem", {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
get: function () { return chunkD4QID7AI_cjs.TimelineItem; }
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "TimelineTime", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function () { return chunkD4QID7AI_cjs.TimelineTime; }
|
|
40
|
+
});
|
|
41
|
+
Object.defineProperty(exports, "TimelineTitle", {
|
|
42
|
+
enumerable: true,
|
|
43
|
+
get: function () { return chunkD4QID7AI_cjs.TimelineTitle; }
|
|
44
|
+
});
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { D as Direction } from '../../direction-CUOPDLCj.cjs';
|
|
5
|
+
|
|
6
|
+
type TimelineProps = React.ComponentProps<"div"> & {
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
dir?: TimelineDirection;
|
|
9
|
+
orientation?: TimelineOrientation;
|
|
10
|
+
variant?: TimelineVariant;
|
|
11
|
+
activeIndex?: number;
|
|
12
|
+
};
|
|
13
|
+
declare function Timeline({ orientation, variant, dir: dirProp, activeIndex, asChild, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
type TimelineDirection = Direction;
|
|
16
|
+
type TimelineOrientation = "vertical" | "horizontal";
|
|
17
|
+
type TimelineVariant = "default" | "alternate";
|
|
18
|
+
type TimelineStatus = "completed" | "active" | "pending";
|
|
19
|
+
type TimelineItemElement = HTMLDivElement;
|
|
20
|
+
|
|
21
|
+
type TimelineItemProps = React.ComponentProps<"div"> & {
|
|
22
|
+
asChild?: boolean;
|
|
23
|
+
};
|
|
24
|
+
declare function TimelineItem({ asChild, className, id, ref, ...props }: TimelineItemProps): react_jsx_runtime.JSX.Element;
|
|
25
|
+
|
|
26
|
+
type TimelineContentProps = React__default.ComponentProps<"div"> & {
|
|
27
|
+
asChild?: boolean;
|
|
28
|
+
};
|
|
29
|
+
declare function TimelineContent({ asChild, className, ...props }: TimelineContentProps): react_jsx_runtime.JSX.Element;
|
|
30
|
+
|
|
31
|
+
type TimelineDotProps = React.ComponentProps<"div"> & {
|
|
32
|
+
asChild?: boolean;
|
|
33
|
+
};
|
|
34
|
+
declare function TimelineDot({ asChild, className, ...props }: TimelineDotProps): react_jsx_runtime.JSX.Element;
|
|
35
|
+
|
|
36
|
+
type TimelineConnectorProps = React.ComponentProps<"div"> & {
|
|
37
|
+
asChild?: boolean;
|
|
38
|
+
forceMount?: boolean;
|
|
39
|
+
};
|
|
40
|
+
declare function TimelineConnector({ asChild, forceMount, className, ...props }: TimelineConnectorProps): react_jsx_runtime.JSX.Element | null;
|
|
41
|
+
|
|
42
|
+
type TimelineHeaderProps = React.ComponentProps<"div"> & {
|
|
43
|
+
asChild?: boolean;
|
|
44
|
+
};
|
|
45
|
+
declare function TimelineHeader({ asChild, className, ...props }: TimelineHeaderProps): react_jsx_runtime.JSX.Element;
|
|
46
|
+
|
|
47
|
+
type TimelineTitleProps = React.ComponentProps<"div"> & {
|
|
48
|
+
asChild?: boolean;
|
|
49
|
+
};
|
|
50
|
+
declare function TimelineTitle({ asChild, className, ...props }: TimelineTitleProps): react_jsx_runtime.JSX.Element;
|
|
51
|
+
|
|
52
|
+
type TimelineDescriptionProps = React.ComponentProps<"div"> & {
|
|
53
|
+
asChild?: boolean;
|
|
54
|
+
};
|
|
55
|
+
declare function TimelineDescription({ asChild, className, ...props }: TimelineDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
56
|
+
|
|
57
|
+
type TimelineTimeProps = React.ComponentProps<"time"> & {
|
|
58
|
+
asChild?: boolean;
|
|
59
|
+
};
|
|
60
|
+
declare function TimelineTime({ asChild, className, ...props }: TimelineTimeProps): react_jsx_runtime.JSX.Element;
|
|
61
|
+
|
|
62
|
+
export { Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, type TimelineDirection, TimelineDot, type TimelineDotProps, TimelineHeader, type TimelineHeaderProps, TimelineItem, type TimelineItemElement, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineStatus, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, type TimelineVariant };
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { D as Direction } from '../../direction-CUOPDLCj.js';
|
|
5
|
+
|
|
6
|
+
type TimelineProps = React.ComponentProps<"div"> & {
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
dir?: TimelineDirection;
|
|
9
|
+
orientation?: TimelineOrientation;
|
|
10
|
+
variant?: TimelineVariant;
|
|
11
|
+
activeIndex?: number;
|
|
12
|
+
};
|
|
13
|
+
declare function Timeline({ orientation, variant, dir: dirProp, activeIndex, asChild, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
type TimelineDirection = Direction;
|
|
16
|
+
type TimelineOrientation = "vertical" | "horizontal";
|
|
17
|
+
type TimelineVariant = "default" | "alternate";
|
|
18
|
+
type TimelineStatus = "completed" | "active" | "pending";
|
|
19
|
+
type TimelineItemElement = HTMLDivElement;
|
|
20
|
+
|
|
21
|
+
type TimelineItemProps = React.ComponentProps<"div"> & {
|
|
22
|
+
asChild?: boolean;
|
|
23
|
+
};
|
|
24
|
+
declare function TimelineItem({ asChild, className, id, ref, ...props }: TimelineItemProps): react_jsx_runtime.JSX.Element;
|
|
25
|
+
|
|
26
|
+
type TimelineContentProps = React__default.ComponentProps<"div"> & {
|
|
27
|
+
asChild?: boolean;
|
|
28
|
+
};
|
|
29
|
+
declare function TimelineContent({ asChild, className, ...props }: TimelineContentProps): react_jsx_runtime.JSX.Element;
|
|
30
|
+
|
|
31
|
+
type TimelineDotProps = React.ComponentProps<"div"> & {
|
|
32
|
+
asChild?: boolean;
|
|
33
|
+
};
|
|
34
|
+
declare function TimelineDot({ asChild, className, ...props }: TimelineDotProps): react_jsx_runtime.JSX.Element;
|
|
35
|
+
|
|
36
|
+
type TimelineConnectorProps = React.ComponentProps<"div"> & {
|
|
37
|
+
asChild?: boolean;
|
|
38
|
+
forceMount?: boolean;
|
|
39
|
+
};
|
|
40
|
+
declare function TimelineConnector({ asChild, forceMount, className, ...props }: TimelineConnectorProps): react_jsx_runtime.JSX.Element | null;
|
|
41
|
+
|
|
42
|
+
type TimelineHeaderProps = React.ComponentProps<"div"> & {
|
|
43
|
+
asChild?: boolean;
|
|
44
|
+
};
|
|
45
|
+
declare function TimelineHeader({ asChild, className, ...props }: TimelineHeaderProps): react_jsx_runtime.JSX.Element;
|
|
46
|
+
|
|
47
|
+
type TimelineTitleProps = React.ComponentProps<"div"> & {
|
|
48
|
+
asChild?: boolean;
|
|
49
|
+
};
|
|
50
|
+
declare function TimelineTitle({ asChild, className, ...props }: TimelineTitleProps): react_jsx_runtime.JSX.Element;
|
|
51
|
+
|
|
52
|
+
type TimelineDescriptionProps = React.ComponentProps<"div"> & {
|
|
53
|
+
asChild?: boolean;
|
|
54
|
+
};
|
|
55
|
+
declare function TimelineDescription({ asChild, className, ...props }: TimelineDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
56
|
+
|
|
57
|
+
type TimelineTimeProps = React.ComponentProps<"time"> & {
|
|
58
|
+
asChild?: boolean;
|
|
59
|
+
};
|
|
60
|
+
declare function TimelineTime({ asChild, className, ...props }: TimelineTimeProps): react_jsx_runtime.JSX.Element;
|
|
61
|
+
|
|
62
|
+
export { Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, type TimelineDirection, TimelineDot, type TimelineDotProps, TimelineHeader, type TimelineHeaderProps, TimelineItem, type TimelineItemElement, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineStatus, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, type TimelineVariant };
|