@szum-tech/design-system 3.5.0 → 3.5.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 (23) hide show
  1. package/dist/{chunk-Y6EVJSAH.cjs → chunk-3ZRMIVJM.cjs} +6 -0
  2. package/dist/chunk-5Q3H4MOX.js +123 -0
  3. package/dist/chunk-6WGZMVJT.cjs +132 -0
  4. package/dist/{chunk-LLQ52RQE.js → chunk-FN24XAO4.js} +1 -1
  5. package/dist/{chunk-U4AWAABZ.js → chunk-O7QFYWMK.js} +6 -0
  6. package/dist/{chunk-YHDEDCPE.cjs → chunk-UPL5LJOP.cjs} +3 -3
  7. package/dist/components/button/index.cjs +5 -5
  8. package/dist/components/button/index.js +4 -4
  9. package/dist/components/dialog/index.cjs +9 -9
  10. package/dist/components/dialog/index.d.cts +13 -12
  11. package/dist/components/dialog/index.d.ts +13 -12
  12. package/dist/components/dialog/index.js +1 -1
  13. package/dist/components/index.cjs +44 -44
  14. package/dist/components/index.js +4 -4
  15. package/dist/components/select/index.cjs +7 -7
  16. package/dist/components/select/index.js +1 -1
  17. package/dist/components/stepper/index.cjs +23 -23
  18. package/dist/components/stepper/index.js +4 -4
  19. package/dist/components/toaster/index.cjs +6 -6
  20. package/dist/components/toaster/index.js +4 -4
  21. package/package.json +13 -13
  22. package/dist/chunk-AGVEKVWD.js +0 -78
  23. package/dist/chunk-PH4LO5TE.cjs +0 -87
package/dist/{chunk-Y6EVJSAH.cjs → chunk-3ZRMIVJM.cjs} RENAMED
@@ -3749,6 +3749,12 @@ function RemoveScrollSideCar(props) {
3749
3749
  if ("touches" in event && moveDirection === "h" && target.type === "range") {
3750
3750
  return false;
3751
3751
  }
3752
+ var selection = window.getSelection();
3753
+ var anchorNode = selection && selection.anchorNode;
3754
+ var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
3755
+ if (isTouchingSelection) {
3756
+ return false;
3757
+ }
3752
3758
  var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
3753
3759
  if (!canBeScrolledInMainDirection) {
3754
3760
  return true;
package/dist/chunk-5Q3H4MOX.js ADDED
@@ -0,0 +1,123 @@
1
+ import { cn } from './chunk-ZD2QRAOX.js';
2
+ import { Dialog as Dialog$1 } from 'radix-ui';
3
+ import { jsx, jsxs } from 'react/jsx-runtime';
4
+ import { XIcon } from 'lucide-react';
5
+ import { twMerge } from 'tailwind-merge';
6
+ import { cva } from 'class-variance-authority';
7
+
8
+ function Dialog(props) {
9
+ return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "dialog", ...props });
10
+ }
11
+ function DialogClose(props) {
12
+ return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
13
+ }
14
+ var dialogContentVariants = cva(
15
+ [
16
+ "bg-background fixed top-[50%] left-[50%] z-50 grid w-full gap-4 rounded border border-border p-6 shadow-lg duration-200 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-1rem)]",
17
+ "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 "
18
+ ],
19
+ {
20
+ variants: {
21
+ width: {
22
+ xs: "w-xs",
23
+ sm: "w-sm",
24
+ md: "w-md",
25
+ lg: "w-lg",
26
+ xl: "w-xl",
27
+ "2xl": "w-2xl",
28
+ "3xl": "w-3xl",
29
+ "4xl": "w-4xl",
30
+ "5xl": "w-5xl",
31
+ "6xl": "w-6xl",
32
+ full: "w-full"
33
+ }
34
+ },
35
+ defaultVariants: {
36
+ width: "md"
37
+ }
38
+ }
39
+ );
40
+ function DialogContent({
41
+ className,
42
+ children,
43
+ width = "md",
44
+ showCloseButton = false,
45
+ ...props
46
+ }) {
47
+ return /* @__PURE__ */ jsxs(Dialog$1.Portal, { "data-slot": "dialog-portal", children: [
48
+ /* @__PURE__ */ jsx(
49
+ Dialog$1.Overlay,
50
+ {
51
+ "data-slot": "dialog-overlay",
52
+ className: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-background/80 fixed inset-0 z-50 backdrop-blur-xs"
53
+ }
54
+ ),
55
+ /* @__PURE__ */ jsxs(
56
+ Dialog$1.Content,
57
+ {
58
+ "data-slot": "dialog-content",
59
+ className: twMerge(dialogContentVariants({ width }), className),
60
+ ...props,
61
+ children: [
62
+ children,
63
+ showCloseButton ? /* @__PURE__ */ jsxs(
64
+ Dialog$1.Close,
65
+ {
66
+ "data-slot": "dialog-close",
67
+ className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
68
+ children: [
69
+ /* @__PURE__ */ jsx(XIcon, {}),
70
+ /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
71
+ ]
72
+ }
73
+ ) : null
74
+ ]
75
+ }
76
+ )
77
+ ] });
78
+ }
79
+ function DialogTrigger({ ...props }) {
80
+ return /* @__PURE__ */ jsx(Dialog$1.Trigger, { "data-slot": "dialog-trigger", ...props });
81
+ }
82
+ function DialogHeader({ className, ...props }) {
83
+ return /* @__PURE__ */ jsx(
84
+ "div",
85
+ {
86
+ "data-slot": "dialog-header",
87
+ className: cn("flex flex-col gap-2 text-center sm:text-left", className),
88
+ ...props
89
+ }
90
+ );
91
+ }
92
+ function DialogFooter({ className, ...props }) {
93
+ return /* @__PURE__ */ jsx(
94
+ "div",
95
+ {
96
+ "data-slot": "dialog-footer",
97
+ className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
98
+ ...props
99
+ }
100
+ );
101
+ }
102
+ function DialogTitle({ className, ...props }) {
103
+ return /* @__PURE__ */ jsx(
104
+ Dialog$1.Title,
105
+ {
106
+ "data-slot": "dialog-title",
107
+ className: cn("text-lg leading-none font-semibold", className),
108
+ ...props
109
+ }
110
+ );
111
+ }
112
+ function DialogDescription({ className, ...props }) {
113
+ return /* @__PURE__ */ jsx(
114
+ Dialog$1.Description,
115
+ {
116
+ "data-slot": "dialog-description",
117
+ className: cn("text-muted-foreground text-sm", className),
118
+ ...props
119
+ }
120
+ );
121
+ }
122
+
123
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };
package/dist/chunk-6WGZMVJT.cjs ADDED
@@ -0,0 +1,132 @@
1
+ 'use strict';
2
+
3
+ var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
4
+ var radixUi = require('radix-ui');
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var lucideReact = require('lucide-react');
7
+ var tailwindMerge = require('tailwind-merge');
8
+ var classVarianceAuthority = require('class-variance-authority');
9
+
10
+ function Dialog(props) {
11
+ return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Root, { "data-slot": "dialog", ...props });
12
+ }
13
+ function DialogClose(props) {
14
+ return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Close, { "data-slot": "dialog-close", ...props });
15
+ }
16
+ var dialogContentVariants = classVarianceAuthority.cva(
17
+ [
18
+ "bg-background fixed top-[50%] left-[50%] z-50 grid w-full gap-4 rounded border border-border p-6 shadow-lg duration-200 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-1rem)]",
19
+ "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 "
20
+ ],
21
+ {
22
+ variants: {
23
+ width: {
24
+ xs: "w-xs",
25
+ sm: "w-sm",
26
+ md: "w-md",
27
+ lg: "w-lg",
28
+ xl: "w-xl",
29
+ "2xl": "w-2xl",
30
+ "3xl": "w-3xl",
31
+ "4xl": "w-4xl",
32
+ "5xl": "w-5xl",
33
+ "6xl": "w-6xl",
34
+ full: "w-full"
35
+ }
36
+ },
37
+ defaultVariants: {
38
+ width: "md"
39
+ }
40
+ }
41
+ );
42
+ function DialogContent({
43
+ className,
44
+ children,
45
+ width = "md",
46
+ showCloseButton = false,
47
+ ...props
48
+ }) {
49
+ return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Portal, { "data-slot": "dialog-portal", children: [
50
+ /* @__PURE__ */ jsxRuntime.jsx(
51
+ radixUi.Dialog.Overlay,
52
+ {
53
+ "data-slot": "dialog-overlay",
54
+ className: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-background/80 fixed inset-0 z-50 backdrop-blur-xs"
55
+ }
56
+ ),
57
+ /* @__PURE__ */ jsxRuntime.jsxs(
58
+ radixUi.Dialog.Content,
59
+ {
60
+ "data-slot": "dialog-content",
61
+ className: tailwindMerge.twMerge(dialogContentVariants({ width }), className),
62
+ ...props,
63
+ children: [
64
+ children,
65
+ showCloseButton ? /* @__PURE__ */ jsxRuntime.jsxs(
66
+ radixUi.Dialog.Close,
67
+ {
68
+ "data-slot": "dialog-close",
69
+ className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
70
+ children: [
71
+ /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
72
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
73
+ ]
74
+ }
75
+ ) : null
76
+ ]
77
+ }
78
+ )
79
+ ] });
80
+ }
81
+ function DialogTrigger({ ...props }) {
82
+ return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
83
+ }
84
+ function DialogHeader({ className, ...props }) {
85
+ return /* @__PURE__ */ jsxRuntime.jsx(
86
+ "div",
87
+ {
88
+ "data-slot": "dialog-header",
89
+ className: chunkH2BWO3SI_cjs.cn("flex flex-col gap-2 text-center sm:text-left", className),
90
+ ...props
91
+ }
92
+ );
93
+ }
94
+ function DialogFooter({ className, ...props }) {
95
+ return /* @__PURE__ */ jsxRuntime.jsx(
96
+ "div",
97
+ {
98
+ "data-slot": "dialog-footer",
99
+ className: chunkH2BWO3SI_cjs.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
100
+ ...props
101
+ }
102
+ );
103
+ }
104
+ function DialogTitle({ className, ...props }) {
105
+ return /* @__PURE__ */ jsxRuntime.jsx(
106
+ radixUi.Dialog.Title,
107
+ {
108
+ "data-slot": "dialog-title",
109
+ className: chunkH2BWO3SI_cjs.cn("text-lg leading-none font-semibold", className),
110
+ ...props
111
+ }
112
+ );
113
+ }
114
+ function DialogDescription({ className, ...props }) {
115
+ return /* @__PURE__ */ jsxRuntime.jsx(
116
+ radixUi.Dialog.Description,
117
+ {
118
+ "data-slot": "dialog-description",
119
+ className: chunkH2BWO3SI_cjs.cn("text-muted-foreground text-sm", className),
120
+ ...props
121
+ }
122
+ );
123
+ }
124
+
125
+ exports.Dialog = Dialog;
126
+ exports.DialogClose = DialogClose;
127
+ exports.DialogContent = DialogContent;
128
+ exports.DialogDescription = DialogDescription;
129
+ exports.DialogFooter = DialogFooter;
130
+ exports.DialogHeader = DialogHeader;
131
+ exports.DialogTitle = DialogTitle;
132
+ exports.DialogTrigger = DialogTrigger;
package/dist/{chunk-LLQ52RQE.js → chunk-FN24XAO4.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { useComposedRefs } from './chunk-U4AWAABZ.js';
1
+ import { useComposedRefs } from './chunk-O7QFYWMK.js';
2
2
  import { Spinner } from './chunk-P5IUC7HJ.js';
3
3
  import { useDirection, Direction } from './chunk-H5O5L6XT.js';
4
4
  import { useLazyRef, useIsomorphicLayoutEffect } from './chunk-DFD2WUOU.js';
package/dist/{chunk-U4AWAABZ.js → chunk-O7QFYWMK.js} RENAMED
@@ -3728,6 +3728,12 @@ function RemoveScrollSideCar(props) {
3728
3728
  if ("touches" in event && moveDirection === "h" && target.type === "range") {
3729
3729
  return false;
3730
3730
  }
3731
+ var selection = window.getSelection();
3732
+ var anchorNode = selection && selection.anchorNode;
3733
+ var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
3734
+ if (isTouchingSelection) {
3735
+ return false;
3736
+ }
3731
3737
  var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
3732
3738
  if (!canBeScrolledInMainDirection) {
3733
3739
  return true;
package/dist/{chunk-YHDEDCPE.cjs → chunk-UPL5LJOP.cjs} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkY6EVJSAH_cjs = require('./chunk-Y6EVJSAH.cjs');
3
+ var chunk3ZRMIVJM_cjs = require('./chunk-3ZRMIVJM.cjs');
4
4
  var chunk3WSQRFUY_cjs = require('./chunk-3WSQRFUY.cjs');
5
5
  var chunkEW6TE3N5_cjs = require('./chunk-EW6TE3N5.cjs');
6
6
  var chunk7EYMOUWG_cjs = require('./chunk-7EYMOUWG.cjs');
@@ -315,7 +315,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
315
315
  const isClickFocusRef = React5__namespace.useRef(false);
316
316
  const itemsRef = React5__namespace.useRef(/* @__PURE__ */ new Map());
317
317
  const listRef = React5__namespace.useRef(null);
318
- const composedRef = chunkY6EVJSAH_cjs.useComposedRefs(ref, listRef);
318
+ const composedRef = chunk3ZRMIVJM_cjs.useComposedRefs(ref, listRef);
319
319
  const onItemFocus = React5__namespace.useCallback((tabStopId2) => {
320
320
  setTabStopId(tabStopId2);
321
321
  }, []);
@@ -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 = chunkY6EVJSAH_cjs.useComposedRefs(ref, triggerRef);
536
+ const composedRef = chunk3ZRMIVJM_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(() => {
package/dist/components/button/index.cjs CHANGED
@@ -1,19 +1,19 @@
1
1
  'use strict';
2
2
 
3
- var chunkYHDEDCPE_cjs = require('../../chunk-YHDEDCPE.cjs');
3
+ var chunkUPL5LJOP_cjs = require('../../chunk-UPL5LJOP.cjs');
4
4
  require('../../chunk-NU5UQPBX.cjs');
5
5
  require('../../chunk-GR37JJQK.cjs');
6
6
  require('../../chunk-TH44JYXB.cjs');
7
7
  require('../../chunk-XENOUBSI.cjs');
8
- require('../../chunk-Y6EVJSAH.cjs');
8
+ require('../../chunk-3ZRMIVJM.cjs');
9
9
  require('../../chunk-GHV2TURY.cjs');
10
10
  require('../../chunk-3WSQRFUY.cjs');
11
11
  require('../../chunk-2Y2ZCPNV.cjs');
12
12
  require('../../chunk-HCHVDUI6.cjs');
13
- require('../../chunk-PH4LO5TE.cjs');
13
+ require('../../chunk-6WGZMVJT.cjs');
14
+ require('../../chunk-YWG7TML6.cjs');
14
15
  require('../../chunk-YTVV2IUF.cjs');
15
16
  require('../../chunk-S3ANEJJ7.cjs');
16
- require('../../chunk-YWG7TML6.cjs');
17
17
  require('../../chunk-5AA4IE2T.cjs');
18
18
  require('../../chunk-3DUJHGXE.cjs');
19
19
  require('../../chunk-UIOBJSKZ.cjs');
@@ -29,5 +29,5 @@ require('../../chunk-3376ZTRC.cjs');
29
29
 
30
30
  Object.defineProperty(exports, "Button", {
31
31
  enumerable: true,
32
- get: function () { return chunkYHDEDCPE_cjs.Button; }
32
+ get: function () { return chunkUPL5LJOP_cjs.Button; }
33
33
  });
package/dist/components/button/index.js CHANGED
@@ -1,17 +1,17 @@
1
- export { Button } from '../../chunk-LLQ52RQE.js';
1
+ export { Button } from '../../chunk-FN24XAO4.js';
2
2
  import '../../chunk-OQCNPNPS.js';
3
3
  import '../../chunk-HJJPEVIH.js';
4
4
  import '../../chunk-PBEZZMAB.js';
5
5
  import '../../chunk-4TRADSTP.js';
6
- import '../../chunk-U4AWAABZ.js';
6
+ import '../../chunk-O7QFYWMK.js';
7
7
  import '../../chunk-DTSFPOLX.js';
8
8
  import '../../chunk-P5IUC7HJ.js';
9
9
  import '../../chunk-6BSR3O2J.js';
10
10
  import '../../chunk-5F2Y65JH.js';
11
- import '../../chunk-AGVEKVWD.js';
11
+ import '../../chunk-5Q3H4MOX.js';
12
+ import '../../chunk-UW6GOD7J.js';
12
13
  import '../../chunk-KYFNEU4K.js';
13
14
  import '../../chunk-I3RSTJP6.js';
14
- import '../../chunk-UW6GOD7J.js';
15
15
  import '../../chunk-UGSNASZM.js';
16
16
  import '../../chunk-XV3AQ6NS.js';
17
17
  import '../../chunk-XJIUGEPN.js';
package/dist/components/dialog/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkPH4LO5TE_cjs = require('../../chunk-PH4LO5TE.cjs');
3
+ var chunk6WGZMVJT_cjs = require('../../chunk-6WGZMVJT.cjs');
4
4
  require('../../chunk-H2BWO3SI.cjs');
5
5
  require('../../chunk-3376ZTRC.cjs');
6
6
 
@@ -8,33 +8,33 @@ require('../../chunk-3376ZTRC.cjs');
8
8
 
9
9
  Object.defineProperty(exports, "Dialog", {
10
10
  enumerable: true,
11
- get: function () { return chunkPH4LO5TE_cjs.Dialog; }
11
+ get: function () { return chunk6WGZMVJT_cjs.Dialog; }
12
12
  });
13
13
  Object.defineProperty(exports, "DialogClose", {
14
14
  enumerable: true,
15
- get: function () { return chunkPH4LO5TE_cjs.DialogClose; }
15
+ get: function () { return chunk6WGZMVJT_cjs.DialogClose; }
16
16
  });
17
17
  Object.defineProperty(exports, "DialogContent", {
18
18
  enumerable: true,
19
- get: function () { return chunkPH4LO5TE_cjs.DialogContent; }
19
+ get: function () { return chunk6WGZMVJT_cjs.DialogContent; }
20
20
  });
21
21
  Object.defineProperty(exports, "DialogDescription", {
22
22
  enumerable: true,
23
- get: function () { return chunkPH4LO5TE_cjs.DialogDescription; }
23
+ get: function () { return chunk6WGZMVJT_cjs.DialogDescription; }
24
24
  });
25
25
  Object.defineProperty(exports, "DialogFooter", {
26
26
  enumerable: true,
27
- get: function () { return chunkPH4LO5TE_cjs.DialogFooter; }
27
+ get: function () { return chunk6WGZMVJT_cjs.DialogFooter; }
28
28
  });
29
29
  Object.defineProperty(exports, "DialogHeader", {
30
30
  enumerable: true,
31
- get: function () { return chunkPH4LO5TE_cjs.DialogHeader; }
31
+ get: function () { return chunk6WGZMVJT_cjs.DialogHeader; }
32
32
  });
33
33
  Object.defineProperty(exports, "DialogTitle", {
34
34
  enumerable: true,
35
- get: function () { return chunkPH4LO5TE_cjs.DialogTitle; }
35
+ get: function () { return chunk6WGZMVJT_cjs.DialogTitle; }
36
36
  });
37
37
  Object.defineProperty(exports, "DialogTrigger", {
38
38
  enumerable: true,
39
- get: function () { return chunkPH4LO5TE_cjs.DialogTrigger; }
39
+ get: function () { return chunk6WGZMVJT_cjs.DialogTrigger; }
40
40
  });
package/dist/components/dialog/index.d.cts CHANGED
@@ -1,34 +1,35 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
1
2
  import * as React from 'react';
2
3
  import { Dialog as Dialog$1 } from 'radix-ui';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
  import * as class_variance_authority_types from 'class-variance-authority/types';
6
6
 
7
- type DialogProps = Dialog$1.DialogProps;
8
- declare const Dialog: React.FC<Dialog$1.DialogProps>;
7
+ type DialogProps = React.ComponentProps<typeof Dialog$1.Root>;
8
+ declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
9
9
 
10
- type DialogCloseProps = Dialog$1.DialogCloseProps;
11
- declare const DialogClose: React.ForwardRefExoticComponent<Dialog$1.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
10
+ type DialogCloseProps = React.ComponentProps<typeof Dialog$1.Close>;
11
+ declare function DialogClose(props: DialogCloseProps): react_jsx_runtime.JSX.Element;
12
12
 
13
13
  type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
14
14
  width?: DialogContentWidth;
15
+ showCloseButton?: boolean;
15
16
  };
16
- declare function DialogContent({ className, children, width, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
17
+ declare function DialogContent({ className, children, width, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
17
18
 
18
- declare const dialogContentStyles: (props?: ({
19
+ declare const dialogContentVariants: (props?: ({
19
20
  width?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
20
21
  } & class_variance_authority_types.ClassProp) | undefined) => string;
21
22
 
22
- type DialogContentCvaProps = VariantProps<typeof dialogContentStyles>;
23
+ type DialogContentCvaProps = VariantProps<typeof dialogContentVariants>;
23
24
  type DialogContentWidth = NonNullable<DialogContentCvaProps["width"]>;
24
25
 
25
- type DialogTriggerProps = Dialog$1.DialogTriggerProps;
26
- declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
26
+ type DialogTriggerProps = React.ComponentProps<typeof Dialog$1.Trigger>;
27
+ declare function DialogTrigger({ ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
27
28
 
28
- type DialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
29
+ type DialogHeaderProps = React.ComponentProps<"div">;
29
30
  declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
30
31
 
31
- type DialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
32
+ type DialogFooterProps = React.ComponentProps<"div">;
32
33
  declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
33
34
 
34
35
  type DialogTitleProps = React.ComponentProps<typeof Dialog$1.Title>;
package/dist/components/dialog/index.d.ts CHANGED
@@ -1,34 +1,35 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
1
2
  import * as React from 'react';
2
3
  import { Dialog as Dialog$1 } from 'radix-ui';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
  import * as class_variance_authority_types from 'class-variance-authority/types';
6
6
 
7
- type DialogProps = Dialog$1.DialogProps;
8
- declare const Dialog: React.FC<Dialog$1.DialogProps>;
7
+ type DialogProps = React.ComponentProps<typeof Dialog$1.Root>;
8
+ declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
9
9
 
10
- type DialogCloseProps = Dialog$1.DialogCloseProps;
11
- declare const DialogClose: React.ForwardRefExoticComponent<Dialog$1.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
10
+ type DialogCloseProps = React.ComponentProps<typeof Dialog$1.Close>;
11
+ declare function DialogClose(props: DialogCloseProps): react_jsx_runtime.JSX.Element;
12
12
 
13
13
  type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
14
14
  width?: DialogContentWidth;
15
+ showCloseButton?: boolean;
15
16
  };
16
- declare function DialogContent({ className, children, width, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
17
+ declare function DialogContent({ className, children, width, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
17
18
 
18
- declare const dialogContentStyles: (props?: ({
19
+ declare const dialogContentVariants: (props?: ({
19
20
  width?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
20
21
  } & class_variance_authority_types.ClassProp) | undefined) => string;
21
22
 
22
- type DialogContentCvaProps = VariantProps<typeof dialogContentStyles>;
23
+ type DialogContentCvaProps = VariantProps<typeof dialogContentVariants>;
23
24
  type DialogContentWidth = NonNullable<DialogContentCvaProps["width"]>;
24
25
 
25
- type DialogTriggerProps = Dialog$1.DialogTriggerProps;
26
- declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
26
+ type DialogTriggerProps = React.ComponentProps<typeof Dialog$1.Trigger>;
27
+ declare function DialogTrigger({ ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
27
28
 
28
- type DialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
29
+ type DialogHeaderProps = React.ComponentProps<"div">;
29
30
  declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
30
31
 
31
- type DialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
32
+ type DialogFooterProps = React.ComponentProps<"div">;
32
33
  declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
33
34
 
34
35
  type DialogTitleProps = React.ComponentProps<typeof Dialog$1.Title>;
package/dist/components/dialog/index.js CHANGED
@@ -1,3 +1,3 @@
1
- export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-AGVEKVWD.js';
1
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-5Q3H4MOX.js';
2
2
  import '../../chunk-ZD2QRAOX.js';
3
3
  import '../../chunk-BYXBJQAS.js';
package/dist/components/index.cjs CHANGED
@@ -2,20 +2,20 @@
2
2
 
3
3
  'use strict';
4
4
 
5
- var chunkYHDEDCPE_cjs = require('../chunk-YHDEDCPE.cjs');
5
+ var chunkUPL5LJOP_cjs = require('../chunk-UPL5LJOP.cjs');
6
6
  var chunkNU5UQPBX_cjs = require('../chunk-NU5UQPBX.cjs');
7
7
  var chunkGR37JJQK_cjs = require('../chunk-GR37JJQK.cjs');
8
8
  var chunkTH44JYXB_cjs = require('../chunk-TH44JYXB.cjs');
9
9
  var chunkXENOUBSI_cjs = require('../chunk-XENOUBSI.cjs');
10
- var chunkY6EVJSAH_cjs = require('../chunk-Y6EVJSAH.cjs');
10
+ var chunk3ZRMIVJM_cjs = require('../chunk-3ZRMIVJM.cjs');
11
11
  var chunkGHV2TURY_cjs = require('../chunk-GHV2TURY.cjs');
12
12
  var chunk3WSQRFUY_cjs = require('../chunk-3WSQRFUY.cjs');
13
13
  var chunk2Y2ZCPNV_cjs = require('../chunk-2Y2ZCPNV.cjs');
14
14
  var chunkHCHVDUI6_cjs = require('../chunk-HCHVDUI6.cjs');
15
- var chunkPH4LO5TE_cjs = require('../chunk-PH4LO5TE.cjs');
15
+ var chunk6WGZMVJT_cjs = require('../chunk-6WGZMVJT.cjs');
16
+ var chunkYWG7TML6_cjs = require('../chunk-YWG7TML6.cjs');
16
17
  var chunkYTVV2IUF_cjs = require('../chunk-YTVV2IUF.cjs');
17
18
  var chunkS3ANEJJ7_cjs = require('../chunk-S3ANEJJ7.cjs');
18
- var chunkYWG7TML6_cjs = require('../chunk-YWG7TML6.cjs');
19
19
  var chunk5AA4IE2T_cjs = require('../chunk-5AA4IE2T.cjs');
20
20
  var chunk3DUJHGXE_cjs = require('../chunk-3DUJHGXE.cjs');
21
21
  var chunkUIOBJSKZ_cjs = require('../chunk-UIOBJSKZ.cjs');
@@ -31,91 +31,91 @@ require('../chunk-3376ZTRC.cjs');
31
31
 
32
32
  Object.defineProperty(exports, "Button", {
33
33
  enumerable: true,
34
- get: function () { return chunkYHDEDCPE_cjs.Button; }
34
+ get: function () { return chunkUPL5LJOP_cjs.Button; }
35
35
  });
36
36
  Object.defineProperty(exports, "Stepper", {
37
37
  enumerable: true,
38
- get: function () { return chunkYHDEDCPE_cjs.Stepper; }
38
+ get: function () { return chunkUPL5LJOP_cjs.Stepper; }
39
39
  });
40
40
  Object.defineProperty(exports, "StepperActivationMode", {
41
41
  enumerable: true,
42
- get: function () { return chunkYHDEDCPE_cjs.StepperActivationMode; }
42
+ get: function () { return chunkUPL5LJOP_cjs.StepperActivationMode; }
43
43
  });
44
44
  Object.defineProperty(exports, "StepperContent", {
45
45
  enumerable: true,
46
- get: function () { return chunkYHDEDCPE_cjs.StepperContent; }
46
+ get: function () { return chunkUPL5LJOP_cjs.StepperContent; }
47
47
  });
48
48
  Object.defineProperty(exports, "StepperDataState", {
49
49
  enumerable: true,
50
- get: function () { return chunkYHDEDCPE_cjs.StepperDataState; }
50
+ get: function () { return chunkUPL5LJOP_cjs.StepperDataState; }
51
51
  });
52
52
  Object.defineProperty(exports, "StepperDescription", {
53
53
  enumerable: true,
54
- get: function () { return chunkYHDEDCPE_cjs.StepperDescription; }
54
+ get: function () { return chunkUPL5LJOP_cjs.StepperDescription; }
55
55
  });
56
56
  Object.defineProperty(exports, "StepperFocusIntent", {
57
57
  enumerable: true,
58
- get: function () { return chunkYHDEDCPE_cjs.StepperFocusIntent; }
58
+ get: function () { return chunkUPL5LJOP_cjs.StepperFocusIntent; }
59
59
  });
60
60
  Object.defineProperty(exports, "StepperIndicator", {
61
61
  enumerable: true,
62
- get: function () { return chunkYHDEDCPE_cjs.StepperIndicator; }
62
+ get: function () { return chunkUPL5LJOP_cjs.StepperIndicator; }
63
63
  });
64
64
  Object.defineProperty(exports, "StepperItem", {
65
65
  enumerable: true,
66
- get: function () { return chunkYHDEDCPE_cjs.StepperItem; }
66
+ get: function () { return chunkUPL5LJOP_cjs.StepperItem; }
67
67
  });
68
68
  Object.defineProperty(exports, "StepperNav", {
69
69
  enumerable: true,
70
- get: function () { return chunkYHDEDCPE_cjs.StepperNav; }
70
+ get: function () { return chunkUPL5LJOP_cjs.StepperNav; }
71
71
  });
72
72
  Object.defineProperty(exports, "StepperNavigationDirection", {
73
73
  enumerable: true,
74
- get: function () { return chunkYHDEDCPE_cjs.StepperNavigationDirection; }
74
+ get: function () { return chunkUPL5LJOP_cjs.StepperNavigationDirection; }
75
75
  });
76
76
  Object.defineProperty(exports, "StepperNextTrigger", {
77
77
  enumerable: true,
78
- get: function () { return chunkYHDEDCPE_cjs.StepperNextTrigger; }
78
+ get: function () { return chunkUPL5LJOP_cjs.StepperNextTrigger; }
79
79
  });
80
80
  Object.defineProperty(exports, "StepperOrientation", {
81
81
  enumerable: true,
82
- get: function () { return chunkYHDEDCPE_cjs.StepperOrientation; }
82
+ get: function () { return chunkUPL5LJOP_cjs.StepperOrientation; }
83
83
  });
84
84
  Object.defineProperty(exports, "StepperPanel", {
85
85
  enumerable: true,
86
- get: function () { return chunkYHDEDCPE_cjs.StepperPanel; }
86
+ get: function () { return chunkUPL5LJOP_cjs.StepperPanel; }
87
87
  });
88
88
  Object.defineProperty(exports, "StepperPrevTrigger", {
89
89
  enumerable: true,
90
- get: function () { return chunkYHDEDCPE_cjs.StepperPrevTrigger; }
90
+ get: function () { return chunkUPL5LJOP_cjs.StepperPrevTrigger; }
91
91
  });
92
92
  Object.defineProperty(exports, "StepperTitle", {
93
93
  enumerable: true,
94
- get: function () { return chunkYHDEDCPE_cjs.StepperTitle; }
94
+ get: function () { return chunkUPL5LJOP_cjs.StepperTitle; }
95
95
  });
96
96
  Object.defineProperty(exports, "StepperTrigger", {
97
97
  enumerable: true,
98
- get: function () { return chunkYHDEDCPE_cjs.StepperTrigger; }
98
+ get: function () { return chunkUPL5LJOP_cjs.StepperTrigger; }
99
99
  });
100
100
  Object.defineProperty(exports, "Toaster", {
101
101
  enumerable: true,
102
- get: function () { return chunkYHDEDCPE_cjs.Toaster; }
102
+ get: function () { return chunkUPL5LJOP_cjs.Toaster; }
103
103
  });
104
104
  Object.defineProperty(exports, "toast", {
105
105
  enumerable: true,
106
- get: function () { return chunkYHDEDCPE_cjs.toast; }
106
+ get: function () { return chunkUPL5LJOP_cjs.toast; }
107
107
  });
108
108
  Object.defineProperty(exports, "useStepperContext", {
109
109
  enumerable: true,
110
- get: function () { return chunkYHDEDCPE_cjs.useStepperContext; }
110
+ get: function () { return chunkUPL5LJOP_cjs.useStepperContext; }
111
111
  });
112
112
  Object.defineProperty(exports, "useStepperFocusContext", {
113
113
  enumerable: true,
114
- get: function () { return chunkYHDEDCPE_cjs.useStepperFocusContext; }
114
+ get: function () { return chunkUPL5LJOP_cjs.useStepperFocusContext; }
115
115
  });
116
116
  Object.defineProperty(exports, "useStepperItemContext", {
117
117
  enumerable: true,
118
- get: function () { return chunkYHDEDCPE_cjs.useStepperItemContext; }
118
+ get: function () { return chunkUPL5LJOP_cjs.useStepperItemContext; }
119
119
  });
120
120
  Object.defineProperty(exports, "Textarea", {
121
121
  enumerable: true,
@@ -143,27 +143,27 @@ Object.defineProperty(exports, "RadioGroupItem", {
143
143
  });
144
144
  Object.defineProperty(exports, "Select", {
145
145
  enumerable: true,
146
- get: function () { return chunkY6EVJSAH_cjs.Select; }
146
+ get: function () { return chunk3ZRMIVJM_cjs.Select; }
147
147
  });
148
148
  Object.defineProperty(exports, "SelectContent", {
149
149
  enumerable: true,
150
- get: function () { return chunkY6EVJSAH_cjs.SelectContent; }
150
+ get: function () { return chunk3ZRMIVJM_cjs.SelectContent; }
151
151
  });
152
152
  Object.defineProperty(exports, "SelectGroup", {
153
153
  enumerable: true,
154
- get: function () { return chunkY6EVJSAH_cjs.SelectGroup; }
154
+ get: function () { return chunk3ZRMIVJM_cjs.SelectGroup; }
155
155
  });
156
156
  Object.defineProperty(exports, "SelectItem", {
157
157
  enumerable: true,
158
- get: function () { return chunkY6EVJSAH_cjs.SelectItem; }
158
+ get: function () { return chunk3ZRMIVJM_cjs.SelectItem; }
159
159
  });
160
160
  Object.defineProperty(exports, "SelectLabel", {
161
161
  enumerable: true,
162
- get: function () { return chunkY6EVJSAH_cjs.SelectLabel; }
162
+ get: function () { return chunk3ZRMIVJM_cjs.SelectLabel; }
163
163
  });
164
164
  Object.defineProperty(exports, "SelectSeparator", {
165
165
  enumerable: true,
166
- get: function () { return chunkY6EVJSAH_cjs.SelectSeparator; }
166
+ get: function () { return chunk3ZRMIVJM_cjs.SelectSeparator; }
167
167
  });
168
168
  Object.defineProperty(exports, "Sheet", {
169
169
  enumerable: true,
@@ -235,35 +235,39 @@ Object.defineProperty(exports, "Checkbox", {
235
235
  });
236
236
  Object.defineProperty(exports, "Dialog", {
237
237
  enumerable: true,
238
- get: function () { return chunkPH4LO5TE_cjs.Dialog; }
238
+ get: function () { return chunk6WGZMVJT_cjs.Dialog; }
239
239
  });
240
240
  Object.defineProperty(exports, "DialogClose", {
241
241
  enumerable: true,
242
- get: function () { return chunkPH4LO5TE_cjs.DialogClose; }
242
+ get: function () { return chunk6WGZMVJT_cjs.DialogClose; }
243
243
  });
244
244
  Object.defineProperty(exports, "DialogContent", {
245
245
  enumerable: true,
246
- get: function () { return chunkPH4LO5TE_cjs.DialogContent; }
246
+ get: function () { return chunk6WGZMVJT_cjs.DialogContent; }
247
247
  });
248
248
  Object.defineProperty(exports, "DialogDescription", {
249
249
  enumerable: true,
250
- get: function () { return chunkPH4LO5TE_cjs.DialogDescription; }
250
+ get: function () { return chunk6WGZMVJT_cjs.DialogDescription; }
251
251
  });
252
252
  Object.defineProperty(exports, "DialogFooter", {
253
253
  enumerable: true,
254
- get: function () { return chunkPH4LO5TE_cjs.DialogFooter; }
254
+ get: function () { return chunk6WGZMVJT_cjs.DialogFooter; }
255
255
  });
256
256
  Object.defineProperty(exports, "DialogHeader", {
257
257
  enumerable: true,
258
- get: function () { return chunkPH4LO5TE_cjs.DialogHeader; }
258
+ get: function () { return chunk6WGZMVJT_cjs.DialogHeader; }
259
259
  });
260
260
  Object.defineProperty(exports, "DialogTitle", {
261
261
  enumerable: true,
262
- get: function () { return chunkPH4LO5TE_cjs.DialogTitle; }
262
+ get: function () { return chunk6WGZMVJT_cjs.DialogTitle; }
263
263
  });
264
264
  Object.defineProperty(exports, "DialogTrigger", {
265
265
  enumerable: true,
266
- get: function () { return chunkPH4LO5TE_cjs.DialogTrigger; }
266
+ get: function () { return chunk6WGZMVJT_cjs.DialogTrigger; }
267
+ });
268
+ Object.defineProperty(exports, "Header", {
269
+ enumerable: true,
270
+ get: function () { return chunkYWG7TML6_cjs.Header; }
267
271
  });
268
272
  Object.defineProperty(exports, "Field", {
269
273
  enumerable: true,
@@ -309,10 +313,6 @@ Object.defineProperty(exports, "Label", {
309
313
  enumerable: true,
310
314
  get: function () { return chunkS3ANEJJ7_cjs.Label; }
311
315
  });
312
- Object.defineProperty(exports, "Header", {
313
- enumerable: true,
314
- get: function () { return chunkYWG7TML6_cjs.Header; }
315
- });
316
316
  Object.defineProperty(exports, "Input", {
317
317
  enumerable: true,
318
318
  get: function () { return chunk5AA4IE2T_cjs.Input; }
package/dist/components/index.js CHANGED
@@ -1,19 +1,19 @@
1
1
  "use client";
2
2
 
3
- export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, Toaster, toast, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-LLQ52RQE.js';
3
+ export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, Toaster, toast, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-FN24XAO4.js';
4
4
  export { Textarea } from '../chunk-OQCNPNPS.js';
5
5
  export { Tooltip, TooltipProvider } from '../chunk-HJJPEVIH.js';
6
6
  export { Progress } from '../chunk-PBEZZMAB.js';
7
7
  export { RadioGroup, RadioGroupItem } from '../chunk-4TRADSTP.js';
8
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator } from '../chunk-U4AWAABZ.js';
8
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator } from '../chunk-O7QFYWMK.js';
9
9
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../chunk-DTSFPOLX.js';
10
10
  export { Spinner } from '../chunk-P5IUC7HJ.js';
11
11
  export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-6BSR3O2J.js';
12
12
  export { Checkbox } from '../chunk-5F2Y65JH.js';
13
- export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-AGVEKVWD.js';
13
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-5Q3H4MOX.js';
14
+ export { Header } from '../chunk-UW6GOD7J.js';
14
15
  export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../chunk-KYFNEU4K.js';
15
16
  export { Label } from '../chunk-I3RSTJP6.js';
16
- export { Header } from '../chunk-UW6GOD7J.js';
17
17
  export { Input } from '../chunk-UGSNASZM.js';
18
18
  export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from '../chunk-XV3AQ6NS.js';
19
19
  export { Separator } from '../chunk-XJIUGEPN.js';
package/dist/components/select/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkY6EVJSAH_cjs = require('../../chunk-Y6EVJSAH.cjs');
3
+ var chunk3ZRMIVJM_cjs = require('../../chunk-3ZRMIVJM.cjs');
4
4
  require('../../chunk-H2BWO3SI.cjs');
5
5
  require('../../chunk-3376ZTRC.cjs');
6
6
 
@@ -8,25 +8,25 @@ require('../../chunk-3376ZTRC.cjs');
8
8
 
9
9
  Object.defineProperty(exports, "Select", {
10
10
  enumerable: true,
11
- get: function () { return chunkY6EVJSAH_cjs.Select; }
11
+ get: function () { return chunk3ZRMIVJM_cjs.Select; }
12
12
  });
13
13
  Object.defineProperty(exports, "SelectContent", {
14
14
  enumerable: true,
15
- get: function () { return chunkY6EVJSAH_cjs.SelectContent; }
15
+ get: function () { return chunk3ZRMIVJM_cjs.SelectContent; }
16
16
  });
17
17
  Object.defineProperty(exports, "SelectGroup", {
18
18
  enumerable: true,
19
- get: function () { return chunkY6EVJSAH_cjs.SelectGroup; }
19
+ get: function () { return chunk3ZRMIVJM_cjs.SelectGroup; }
20
20
  });
21
21
  Object.defineProperty(exports, "SelectItem", {
22
22
  enumerable: true,
23
- get: function () { return chunkY6EVJSAH_cjs.SelectItem; }
23
+ get: function () { return chunk3ZRMIVJM_cjs.SelectItem; }
24
24
  });
25
25
  Object.defineProperty(exports, "SelectLabel", {
26
26
  enumerable: true,
27
- get: function () { return chunkY6EVJSAH_cjs.SelectLabel; }
27
+ get: function () { return chunk3ZRMIVJM_cjs.SelectLabel; }
28
28
  });
29
29
  Object.defineProperty(exports, "SelectSeparator", {
30
30
  enumerable: true,
31
- get: function () { return chunkY6EVJSAH_cjs.SelectSeparator; }
31
+ get: function () { return chunk3ZRMIVJM_cjs.SelectSeparator; }
32
32
  });
package/dist/components/select/index.js CHANGED
@@ -1,3 +1,3 @@
1
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator } from '../../chunk-U4AWAABZ.js';
1
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator } from '../../chunk-O7QFYWMK.js';
2
2
  import '../../chunk-ZD2QRAOX.js';
3
3
  import '../../chunk-BYXBJQAS.js';
package/dist/components/stepper/index.cjs CHANGED
@@ -1,19 +1,19 @@
1
1
  'use strict';
2
2
 
3
- var chunkYHDEDCPE_cjs = require('../../chunk-YHDEDCPE.cjs');
3
+ var chunkUPL5LJOP_cjs = require('../../chunk-UPL5LJOP.cjs');
4
4
  require('../../chunk-NU5UQPBX.cjs');
5
5
  require('../../chunk-GR37JJQK.cjs');
6
6
  require('../../chunk-TH44JYXB.cjs');
7
7
  require('../../chunk-XENOUBSI.cjs');
8
- require('../../chunk-Y6EVJSAH.cjs');
8
+ require('../../chunk-3ZRMIVJM.cjs');
9
9
  require('../../chunk-GHV2TURY.cjs');
10
10
  require('../../chunk-3WSQRFUY.cjs');
11
11
  require('../../chunk-2Y2ZCPNV.cjs');
12
12
  require('../../chunk-HCHVDUI6.cjs');
13
- require('../../chunk-PH4LO5TE.cjs');
13
+ require('../../chunk-6WGZMVJT.cjs');
14
+ require('../../chunk-YWG7TML6.cjs');
14
15
  require('../../chunk-YTVV2IUF.cjs');
15
16
  require('../../chunk-S3ANEJJ7.cjs');
16
- require('../../chunk-YWG7TML6.cjs');
17
17
  require('../../chunk-5AA4IE2T.cjs');
18
18
  require('../../chunk-3DUJHGXE.cjs');
19
19
  require('../../chunk-UIOBJSKZ.cjs');
@@ -29,77 +29,77 @@ require('../../chunk-3376ZTRC.cjs');
29
29
 
30
30
  Object.defineProperty(exports, "Stepper", {
31
31
  enumerable: true,
32
- get: function () { return chunkYHDEDCPE_cjs.Stepper; }
32
+ get: function () { return chunkUPL5LJOP_cjs.Stepper; }
33
33
  });
34
34
  Object.defineProperty(exports, "StepperActivationMode", {
35
35
  enumerable: true,
36
- get: function () { return chunkYHDEDCPE_cjs.StepperActivationMode; }
36
+ get: function () { return chunkUPL5LJOP_cjs.StepperActivationMode; }
37
37
  });
38
38
  Object.defineProperty(exports, "StepperContent", {
39
39
  enumerable: true,
40
- get: function () { return chunkYHDEDCPE_cjs.StepperContent; }
40
+ get: function () { return chunkUPL5LJOP_cjs.StepperContent; }
41
41
  });
42
42
  Object.defineProperty(exports, "StepperDataState", {
43
43
  enumerable: true,
44
- get: function () { return chunkYHDEDCPE_cjs.StepperDataState; }
44
+ get: function () { return chunkUPL5LJOP_cjs.StepperDataState; }
45
45
  });
46
46
  Object.defineProperty(exports, "StepperDescription", {
47
47
  enumerable: true,
48
- get: function () { return chunkYHDEDCPE_cjs.StepperDescription; }
48
+ get: function () { return chunkUPL5LJOP_cjs.StepperDescription; }
49
49
  });
50
50
  Object.defineProperty(exports, "StepperFocusIntent", {
51
51
  enumerable: true,
52
- get: function () { return chunkYHDEDCPE_cjs.StepperFocusIntent; }
52
+ get: function () { return chunkUPL5LJOP_cjs.StepperFocusIntent; }
53
53
  });
54
54
  Object.defineProperty(exports, "StepperIndicator", {
55
55
  enumerable: true,
56
- get: function () { return chunkYHDEDCPE_cjs.StepperIndicator; }
56
+ get: function () { return chunkUPL5LJOP_cjs.StepperIndicator; }
57
57
  });
58
58
  Object.defineProperty(exports, "StepperItem", {
59
59
  enumerable: true,
60
- get: function () { return chunkYHDEDCPE_cjs.StepperItem; }
60
+ get: function () { return chunkUPL5LJOP_cjs.StepperItem; }
61
61
  });
62
62
  Object.defineProperty(exports, "StepperNav", {
63
63
  enumerable: true,
64
- get: function () { return chunkYHDEDCPE_cjs.StepperNav; }
64
+ get: function () { return chunkUPL5LJOP_cjs.StepperNav; }
65
65
  });
66
66
  Object.defineProperty(exports, "StepperNavigationDirection", {
67
67
  enumerable: true,
68
- get: function () { return chunkYHDEDCPE_cjs.StepperNavigationDirection; }
68
+ get: function () { return chunkUPL5LJOP_cjs.StepperNavigationDirection; }
69
69
  });
70
70
  Object.defineProperty(exports, "StepperNextTrigger", {
71
71
  enumerable: true,
72
- get: function () { return chunkYHDEDCPE_cjs.StepperNextTrigger; }
72
+ get: function () { return chunkUPL5LJOP_cjs.StepperNextTrigger; }
73
73
  });
74
74
  Object.defineProperty(exports, "StepperOrientation", {
75
75
  enumerable: true,
76
- get: function () { return chunkYHDEDCPE_cjs.StepperOrientation; }
76
+ get: function () { return chunkUPL5LJOP_cjs.StepperOrientation; }
77
77
  });
78
78
  Object.defineProperty(exports, "StepperPanel", {
79
79
  enumerable: true,
80
- get: function () { return chunkYHDEDCPE_cjs.StepperPanel; }
80
+ get: function () { return chunkUPL5LJOP_cjs.StepperPanel; }
81
81
  });
82
82
  Object.defineProperty(exports, "StepperPrevTrigger", {
83
83
  enumerable: true,
84
- get: function () { return chunkYHDEDCPE_cjs.StepperPrevTrigger; }
84
+ get: function () { return chunkUPL5LJOP_cjs.StepperPrevTrigger; }
85
85
  });
86
86
  Object.defineProperty(exports, "StepperTitle", {
87
87
  enumerable: true,
88
- get: function () { return chunkYHDEDCPE_cjs.StepperTitle; }
88
+ get: function () { return chunkUPL5LJOP_cjs.StepperTitle; }
89
89
  });
90
90
  Object.defineProperty(exports, "StepperTrigger", {
91
91
  enumerable: true,
92
- get: function () { return chunkYHDEDCPE_cjs.StepperTrigger; }
92
+ get: function () { return chunkUPL5LJOP_cjs.StepperTrigger; }
93
93
  });
94
94
  Object.defineProperty(exports, "useStepperContext", {
95
95
  enumerable: true,
96
- get: function () { return chunkYHDEDCPE_cjs.useStepperContext; }
96
+ get: function () { return chunkUPL5LJOP_cjs.useStepperContext; }
97
97
  });
98
98
  Object.defineProperty(exports, "useStepperFocusContext", {
99
99
  enumerable: true,
100
- get: function () { return chunkYHDEDCPE_cjs.useStepperFocusContext; }
100
+ get: function () { return chunkUPL5LJOP_cjs.useStepperFocusContext; }
101
101
  });
102
102
  Object.defineProperty(exports, "useStepperItemContext", {
103
103
  enumerable: true,
104
- get: function () { return chunkYHDEDCPE_cjs.useStepperItemContext; }
104
+ get: function () { return chunkUPL5LJOP_cjs.useStepperItemContext; }
105
105
  });
package/dist/components/stepper/index.js CHANGED
@@ -1,17 +1,17 @@
1
- export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-LLQ52RQE.js';
1
+ export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-FN24XAO4.js';
2
2
  import '../../chunk-OQCNPNPS.js';
3
3
  import '../../chunk-HJJPEVIH.js';
4
4
  import '../../chunk-PBEZZMAB.js';
5
5
  import '../../chunk-4TRADSTP.js';
6
- import '../../chunk-U4AWAABZ.js';
6
+ import '../../chunk-O7QFYWMK.js';
7
7
  import '../../chunk-DTSFPOLX.js';
8
8
  import '../../chunk-P5IUC7HJ.js';
9
9
  import '../../chunk-6BSR3O2J.js';
10
10
  import '../../chunk-5F2Y65JH.js';
11
- import '../../chunk-AGVEKVWD.js';
11
+ import '../../chunk-5Q3H4MOX.js';
12
+ import '../../chunk-UW6GOD7J.js';
12
13
  import '../../chunk-KYFNEU4K.js';
13
14
  import '../../chunk-I3RSTJP6.js';
14
- import '../../chunk-UW6GOD7J.js';
15
15
  import '../../chunk-UGSNASZM.js';
16
16
  import '../../chunk-XV3AQ6NS.js';
17
17
  import '../../chunk-XJIUGEPN.js';
package/dist/components/toaster/index.cjs CHANGED
@@ -1,19 +1,19 @@
1
1
  'use strict';
2
2
 
3
- var chunkYHDEDCPE_cjs = require('../../chunk-YHDEDCPE.cjs');
3
+ var chunkUPL5LJOP_cjs = require('../../chunk-UPL5LJOP.cjs');
4
4
  require('../../chunk-NU5UQPBX.cjs');
5
5
  require('../../chunk-GR37JJQK.cjs');
6
6
  require('../../chunk-TH44JYXB.cjs');
7
7
  require('../../chunk-XENOUBSI.cjs');
8
- require('../../chunk-Y6EVJSAH.cjs');
8
+ require('../../chunk-3ZRMIVJM.cjs');
9
9
  require('../../chunk-GHV2TURY.cjs');
10
10
  require('../../chunk-3WSQRFUY.cjs');
11
11
  require('../../chunk-2Y2ZCPNV.cjs');
12
12
  require('../../chunk-HCHVDUI6.cjs');
13
- require('../../chunk-PH4LO5TE.cjs');
13
+ require('../../chunk-6WGZMVJT.cjs');
14
+ require('../../chunk-YWG7TML6.cjs');
14
15
  require('../../chunk-YTVV2IUF.cjs');
15
16
  require('../../chunk-S3ANEJJ7.cjs');
16
- require('../../chunk-YWG7TML6.cjs');
17
17
  require('../../chunk-5AA4IE2T.cjs');
18
18
  require('../../chunk-3DUJHGXE.cjs');
19
19
  require('../../chunk-UIOBJSKZ.cjs');
@@ -29,9 +29,9 @@ require('../../chunk-3376ZTRC.cjs');
29
29
 
30
30
  Object.defineProperty(exports, "Toaster", {
31
31
  enumerable: true,
32
- get: function () { return chunkYHDEDCPE_cjs.Toaster; }
32
+ get: function () { return chunkUPL5LJOP_cjs.Toaster; }
33
33
  });
34
34
  Object.defineProperty(exports, "toast", {
35
35
  enumerable: true,
36
- get: function () { return chunkYHDEDCPE_cjs.toast; }
36
+ get: function () { return chunkUPL5LJOP_cjs.toast; }
37
37
  });
package/dist/components/toaster/index.js CHANGED
@@ -1,17 +1,17 @@
1
- export { Toaster, toast } from '../../chunk-LLQ52RQE.js';
1
+ export { Toaster, toast } from '../../chunk-FN24XAO4.js';
2
2
  import '../../chunk-OQCNPNPS.js';
3
3
  import '../../chunk-HJJPEVIH.js';
4
4
  import '../../chunk-PBEZZMAB.js';
5
5
  import '../../chunk-4TRADSTP.js';
6
- import '../../chunk-U4AWAABZ.js';
6
+ import '../../chunk-O7QFYWMK.js';
7
7
  import '../../chunk-DTSFPOLX.js';
8
8
  import '../../chunk-P5IUC7HJ.js';
9
9
  import '../../chunk-6BSR3O2J.js';
10
10
  import '../../chunk-5F2Y65JH.js';
11
- import '../../chunk-AGVEKVWD.js';
11
+ import '../../chunk-5Q3H4MOX.js';
12
+ import '../../chunk-UW6GOD7J.js';
12
13
  import '../../chunk-KYFNEU4K.js';
13
14
  import '../../chunk-I3RSTJP6.js';
14
- import '../../chunk-UW6GOD7J.js';
15
15
  import '../../chunk-UGSNASZM.js';
16
16
  import '../../chunk-XV3AQ6NS.js';
17
17
  import '../../chunk-XJIUGEPN.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@szum-tech/design-system",
3
- "version": "3.5.0",
3
+ "version": "3.5.1",
4
4
  "description": "Szum-Tech design system with tailwindcss support",
5
5
  "keywords": [
6
6
  "szum-tech",
@@ -122,7 +122,7 @@
122
122
  "dependencies": {
123
123
  "class-variance-authority": "^0.7.1",
124
124
  "clsx": "^2.1.1",
125
- "lucide-react": "^0.554.0",
125
+ "lucide-react": "^0.555.0",
126
126
  "radix-ui": "^1.4.3",
127
127
  "sonner": "^2.0.7",
128
128
  "tailwind-merge": "^3.3.1",
@@ -130,11 +130,11 @@
130
130
  },
131
131
  "devDependencies": {
132
132
  "@storybook-community/storybook-dark-mode": "^7.0.3",
133
- "@storybook/addon-docs": "^10.0.8",
134
- "@storybook/addon-links": "^10.0.8",
135
- "@storybook/addon-vitest": "^10.0.8",
136
- "@storybook/builder-vite": "^10.0.8",
137
- "@storybook/react-vite": "^10.0.8",
133
+ "@storybook/addon-a11y": "^10.1.3",
134
+ "@storybook/addon-docs": "^10.1.3",
135
+ "@storybook/addon-vitest": "^10.1.3",
136
+ "@storybook/builder-vite": "^10.1.3",
137
+ "@storybook/react-vite": "^10.1.3",
138
138
  "@szum-tech/eslint-config": "^2.1.7",
139
139
  "@szum-tech/prettier-config": "^1.6.2",
140
140
  "@szum-tech/semantic-release-config": "^2.3.1",
@@ -148,9 +148,9 @@
148
148
  "@types/react-dom": "^19.2.3",
149
149
  "@vitejs/plugin-react": "^5.1.1",
150
150
  "@vitest/browser": "^4.0.13",
151
- "@vitest/browser-playwright": "^4.0.13",
152
- "@vitest/coverage-v8": "^4.0.13",
153
- "@vitest/ui": "^4.0.13",
151
+ "@vitest/browser-playwright": "^4.0.15",
152
+ "@vitest/coverage-v8": "^4.0.15",
153
+ "@vitest/ui": "^4.0.15",
154
154
  "cpy-cli": "^6.0.0",
155
155
  "eslint": "^9.39.1",
156
156
  "happy-dom": "^20.0.2",
@@ -160,16 +160,16 @@
160
160
  "react-docgen": "^8.0.0",
161
161
  "react-docgen-typescript": "^2.4.0",
162
162
  "react-dom": "^19.1.0",
163
- "semantic-release": "^24.2.9",
163
+ "semantic-release": "^25.0.2",
164
164
  "serve": "^14.2.4",
165
- "storybook": "^10.0.8",
165
+ "storybook": "^10.1.3",
166
166
  "storybook-addon-tag-badges": "^3.0.2",
167
167
  "tailwindcss": "^4.1.11",
168
168
  "tsup": "^8.5.1",
169
169
  "typescript": "^5.9.3",
170
170
  "vite": "^7.2.4",
171
171
  "vite-tsconfig-paths": "^5.1.4",
172
- "vitest": "^4.0.13"
172
+ "vitest": "^4.0.15"
173
173
  },
174
174
  "peerDependencies": {
175
175
  "react": ">=19.1.0",
package/dist/chunk-AGVEKVWD.js DELETED
@@ -1,78 +0,0 @@
1
- import { cn } from './chunk-ZD2QRAOX.js';
2
- import { Dialog as Dialog$1 } from 'radix-ui';
3
- import { clsx } from 'clsx';
4
- import { X } from 'lucide-react';
5
- import { twMerge } from 'tailwind-merge';
6
- import { cva } from 'class-variance-authority';
7
- import { jsxs, jsx } from 'react/jsx-runtime';
8
-
9
- var Dialog = Dialog$1.Root;
10
- var DialogClose = Dialog$1.Close;
11
- var dialogContentStyles = cva(
12
- [
13
- "bg-app-foreground fixed left-1/2 top-1/2 z-50 flex w-full -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-800 p-4 shadow-lg",
14
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200"
15
- ],
16
- {
17
- variants: {
18
- width: {
19
- xs: "max-w-xs",
20
- sm: "max-w-sm",
21
- md: "max-w-md",
22
- lg: "max-w-lg",
23
- xl: "max-w-xl",
24
- "2xl": "max-w-2xl",
25
- "3xl": "max-w-3xl",
26
- "4xl": "max-w-4xl",
27
- "5xl": "max-w-5xl",
28
- "6xl": "max-w-6xl",
29
- full: "max-w-full"
30
- }
31
- },
32
- defaultVariants: {
33
- width: "md"
34
- }
35
- }
36
- );
37
- function DialogContent({ className, children, width = "md", ...props }) {
38
- return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
39
- /* @__PURE__ */ jsx(
40
- Dialog$1.Overlay,
41
- {
42
- className: "bg-app-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs",
43
- ...props
44
- }
45
- ),
46
- /* @__PURE__ */ jsxs(Dialog$1.Content, { "aria-modal": "true", className: twMerge(dialogContentStyles({ width }), className), ...props, children: [
47
- children,
48
- /* @__PURE__ */ jsxs(
49
- Dialog$1.Close,
50
- {
51
- className: clsx([
52
- "data-[state=open]:bg-app-foreground absolute top-4 right-4 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
53
- "focus-visible:ring-primary-500/40 ring-offset-app-foreground focus-visible:ring-2 focus-visible:ring-offset-2"
54
- ]),
55
- children: [
56
- /* @__PURE__ */ jsx(X, { className: "size-4" }),
57
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close dialog" })
58
- ]
59
- }
60
- )
61
- ] })
62
- ] });
63
- }
64
- var DialogTrigger = Dialog$1.Trigger;
65
- function DialogHeader({ className, ...props }) {
66
- return /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
67
- }
68
- function DialogFooter({ className, ...props }) {
69
- return /* @__PURE__ */ jsx("div", { className: cn("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
70
- }
71
- function DialogTitle({ className, ...props }) {
72
- return /* @__PURE__ */ jsx(Dialog$1.Title, { className: cn("text-heading-6", className), ...props });
73
- }
74
- function DialogDescription({ className, ...props }) {
75
- return /* @__PURE__ */ jsx(Dialog$1.Description, { className: cn("text-body-2 text-gray-300", className), ...props });
76
- }
77
-
78
- export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };
package/dist/chunk-PH4LO5TE.cjs DELETED
@@ -1,87 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
4
- var radixUi = require('radix-ui');
5
- var clsx = require('clsx');
6
- var lucideReact = require('lucide-react');
7
- var tailwindMerge = require('tailwind-merge');
8
- var classVarianceAuthority = require('class-variance-authority');
9
- var jsxRuntime = require('react/jsx-runtime');
10
-
11
- var Dialog = radixUi.Dialog.Root;
12
- var DialogClose = radixUi.Dialog.Close;
13
- var dialogContentStyles = classVarianceAuthority.cva(
14
- [
15
- "bg-app-foreground fixed left-1/2 top-1/2 z-50 flex w-full -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-800 p-4 shadow-lg",
16
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200"
17
- ],
18
- {
19
- variants: {
20
- width: {
21
- xs: "max-w-xs",
22
- sm: "max-w-sm",
23
- md: "max-w-md",
24
- lg: "max-w-lg",
25
- xl: "max-w-xl",
26
- "2xl": "max-w-2xl",
27
- "3xl": "max-w-3xl",
28
- "4xl": "max-w-4xl",
29
- "5xl": "max-w-5xl",
30
- "6xl": "max-w-6xl",
31
- full: "max-w-full"
32
- }
33
- },
34
- defaultVariants: {
35
- width: "md"
36
- }
37
- }
38
- );
39
- function DialogContent({ className, children, width = "md", ...props }) {
40
- return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Portal, { children: [
41
- /* @__PURE__ */ jsxRuntime.jsx(
42
- radixUi.Dialog.Overlay,
43
- {
44
- className: "bg-app-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs",
45
- ...props
46
- }
47
- ),
48
- /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { "aria-modal": "true", className: tailwindMerge.twMerge(dialogContentStyles({ width }), className), ...props, children: [
49
- children,
50
- /* @__PURE__ */ jsxRuntime.jsxs(
51
- radixUi.Dialog.Close,
52
- {
53
- className: clsx.clsx([
54
- "data-[state=open]:bg-app-foreground absolute top-4 right-4 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
55
- "focus-visible:ring-primary-500/40 ring-offset-app-foreground focus-visible:ring-2 focus-visible:ring-offset-2"
56
- ]),
57
- children: [
58
- /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
59
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close dialog" })
60
- ]
61
- }
62
- )
63
- ] })
64
- ] });
65
- }
66
- var DialogTrigger = radixUi.Dialog.Trigger;
67
- function DialogHeader({ className, ...props }) {
68
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("mb-4 flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
69
- }
70
- function DialogFooter({ className, ...props }) {
71
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
72
- }
73
- function DialogTitle({ className, ...props }) {
74
- return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Title, { className: chunkH2BWO3SI_cjs.cn("text-heading-6", className), ...props });
75
- }
76
- function DialogDescription({ className, ...props }) {
77
- return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Description, { className: chunkH2BWO3SI_cjs.cn("text-body-2 text-gray-300", className), ...props });
78
- }
79
-
80
- exports.Dialog = Dialog;
81
- exports.DialogClose = DialogClose;
82
- exports.DialogContent = DialogContent;
83
- exports.DialogDescription = DialogDescription;
84
- exports.DialogFooter = DialogFooter;
85
- exports.DialogHeader = DialogHeader;
86
- exports.DialogTitle = DialogTitle;
87
- exports.DialogTrigger = DialogTrigger;