@szum-tech/design-system 2.4.0 → 2.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.
- package/dist/{chunk-WIOOP3VE.js → chunk-4C7M4HBP.js} +3 -3
- package/dist/{chunk-IV5F734M.js → chunk-AGVEKVWD.js} +15 -5
- package/dist/{chunk-QQ7CBNSR.cjs → chunk-BJ553XYM.cjs} +3 -3
- package/dist/{chunk-5U55UIDY.js → chunk-DTSFPOLX.js} +2 -2
- package/dist/{chunk-6YLG3PWU.cjs → chunk-GHV2TURY.cjs} +2 -2
- package/dist/chunk-KXTNZ4UO.cjs +113 -0
- package/dist/chunk-MOOWZNA6.js +111 -0
- package/dist/{chunk-6VVDXGYO.cjs → chunk-PH4LO5TE.cjs} +15 -5
- package/dist/{chunk-TSN5DAKH.cjs → chunk-UKWZ5BHD.cjs} +0 -7
- package/dist/{chunk-XDTI4DFM.js → chunk-WMMJEZ7Y.js} +1 -1
- package/dist/{chunk-25X5IOB3.cjs → chunk-XKXP3W3H.cjs} +3 -3
- package/dist/{chunk-INJBKPIE.js → chunk-XTO7CMIM.js} +0 -1
- package/dist/components/badge/index.cjs +11 -0
- package/dist/components/badge/index.d.cts +32 -0
- package/dist/components/badge/index.d.ts +32 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/button/index.cjs +3 -3
- package/dist/components/button/index.d.cts +1 -1
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/index.js +2 -2
- package/dist/components/dialog/index.cjs +9 -9
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/form/index.cjs +14 -13
- package/dist/components/form/index.js +7 -6
- package/dist/components/index.cjs +81 -76
- package/dist/components/index.d.cts +10 -9
- package/dist/components/index.d.ts +10 -9
- package/dist/components/index.js +7 -6
- package/dist/components/select/index.cjs +3 -3
- package/dist/components/select/index.js +1 -1
- package/dist/components/sheet/index.cjs +9 -9
- package/dist/components/sheet/index.js +1 -1
- package/dist/icons/index.cjs +5 -5
- package/dist/icons/index.d.cts +0 -1
- package/dist/icons/index.d.ts +0 -1
- package/dist/icons/index.js +1 -1
- package/package.json +3 -3
- package/tailwind/scroll.css +1 -1
- package/tailwind/typography.css +7 -7
- /package/dist/{chunk-CN3NQLTK.cjs → chunk-DH5YKYXV.cjs} +0 -0
- /package/dist/{chunk-CLBOIGDQ.js → chunk-SPCZ3GVM.js} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cn } from './chunk-ZD2QRAOX.js';
|
|
2
|
+
import { ChevronDown, Check } from 'lucide-react';
|
|
2
3
|
import { Select as Select$1 } from 'radix-ui';
|
|
3
|
-
import { CaretSortIcon, CheckIcon } from '@radix-ui/react-icons';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
@@ -28,7 +28,7 @@ function Select({ children, placeholder, invalid = false, ref, ...props }) {
|
|
|
28
28
|
return /* @__PURE__ */ jsxs(Select$1.Root, { ...props, children: [
|
|
29
29
|
/* @__PURE__ */ jsxs(Select$1.Trigger, { className: selectStyles, ref, "aria-invalid": invalid || void 0, children: [
|
|
30
30
|
/* @__PURE__ */ jsx(Select$1.Value, { placeholder }),
|
|
31
|
-
/* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
31
|
+
/* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-5 text-gray-100" }) })
|
|
32
32
|
] }),
|
|
33
33
|
/* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(
|
|
34
34
|
Select$1.Content,
|
|
@@ -51,7 +51,7 @@ function SelectItem({ children, className, ...props }) {
|
|
|
51
51
|
...props,
|
|
52
52
|
children: [
|
|
53
53
|
/* @__PURE__ */ jsx(Select$1.ItemText, { className: "flex-1", children }),
|
|
54
|
-
/* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(
|
|
54
|
+
/* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) })
|
|
55
55
|
]
|
|
56
56
|
}
|
|
57
57
|
);
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { cn } from './chunk-ZD2QRAOX.js';
|
|
2
2
|
import { Dialog as Dialog$1 } from 'radix-ui';
|
|
3
|
+
import { clsx } from 'clsx';
|
|
4
|
+
import { X } from 'lucide-react';
|
|
3
5
|
import { twMerge } from 'tailwind-merge';
|
|
4
|
-
import { Cross1Icon } from '@radix-ui/react-icons';
|
|
5
6
|
import { cva } from 'class-variance-authority';
|
|
6
7
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
8
|
|
|
@@ -44,10 +45,19 @@ function DialogContent({ className, children, width = "md", ...props }) {
|
|
|
44
45
|
),
|
|
45
46
|
/* @__PURE__ */ jsxs(Dialog$1.Content, { "aria-modal": "true", className: twMerge(dialogContentStyles({ width }), className), ...props, children: [
|
|
46
47
|
children,
|
|
47
|
-
/* @__PURE__ */ jsxs(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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
|
+
)
|
|
51
61
|
] })
|
|
52
62
|
] });
|
|
53
63
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
|
|
4
|
+
var lucideReact = require('lucide-react');
|
|
4
5
|
var radixUi = require('radix-ui');
|
|
5
|
-
var reactIcons = require('@radix-ui/react-icons');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
@@ -30,7 +30,7 @@ function Select({ children, placeholder, invalid = false, ref, ...props }) {
|
|
|
30
30
|
return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Select.Root, { ...props, children: [
|
|
31
31
|
/* @__PURE__ */ jsxRuntime.jsxs(radixUi.Select.Trigger, { className: selectStyles, ref, "aria-invalid": invalid || void 0, children: [
|
|
32
32
|
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Value, { placeholder }),
|
|
33
|
-
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
+
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-5 text-gray-100" }) })
|
|
34
34
|
] }),
|
|
35
35
|
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
36
36
|
radixUi.Select.Content,
|
|
@@ -53,7 +53,7 @@ function SelectItem({ children, className, ...props }) {
|
|
|
53
53
|
...props,
|
|
54
54
|
children: [
|
|
55
55
|
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemText, { className: "flex-1", children }),
|
|
56
|
-
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
56
|
+
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-4" }) })
|
|
57
57
|
]
|
|
58
58
|
}
|
|
59
59
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cn } from './chunk-ZD2QRAOX.js';
|
|
2
2
|
import { Dialog } from 'radix-ui';
|
|
3
|
-
import {
|
|
3
|
+
import { X } from 'lucide-react';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
@@ -29,7 +29,7 @@ function SheetContent({ side = "right", className, children, ...props }) {
|
|
|
29
29
|
/* @__PURE__ */ jsxs(Dialog.Content, { className: cn(sheetContentStyles({ side }), className), ...props, children: [
|
|
30
30
|
children,
|
|
31
31
|
/* @__PURE__ */ jsxs(Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-app-foreground data-[state=open]:bg-app-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
|
|
32
|
-
/* @__PURE__ */ jsx(
|
|
32
|
+
/* @__PURE__ */ jsx(X, { className: "size-4" }),
|
|
33
33
|
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
34
34
|
] })
|
|
35
35
|
] })
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
|
|
4
4
|
var radixUi = require('radix-ui');
|
|
5
|
-
var
|
|
5
|
+
var lucideReact = require('lucide-react');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
@@ -31,7 +31,7 @@ function SheetContent({ side = "right", className, children, ...props }) {
|
|
|
31
31
|
/* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { className: chunkH2BWO3SI_cjs.cn(sheetContentStyles({ side }), className), ...props, children: [
|
|
32
32
|
children,
|
|
33
33
|
/* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-app-foreground data-[state=open]:bg-app-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
|
|
34
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
34
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
|
|
35
35
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
36
36
|
] })
|
|
37
37
|
] })
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
|
|
4
|
+
var reactSlot = require('@radix-ui/react-slot');
|
|
5
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
|
|
8
|
+
var badgeCva = classVarianceAuthority.cva(
|
|
9
|
+
[
|
|
10
|
+
"text-xs inline-flex w-fit shrink-0 items-center justify-center gap-x-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 transition-[color,box-shadow]",
|
|
11
|
+
"[&>svg]:size-3 [&>svg]:pointer-events-none",
|
|
12
|
+
"focus-visible:border-ring focus-visible:ring-primary-500/50 focus-visible:ring-[3px]",
|
|
13
|
+
"aria-invalid:ring-error-500/20 aria-invalid:border-ring-error-500"
|
|
14
|
+
],
|
|
15
|
+
{
|
|
16
|
+
variants: {
|
|
17
|
+
color: {
|
|
18
|
+
neutral: "",
|
|
19
|
+
primary: "",
|
|
20
|
+
success: "",
|
|
21
|
+
warning: "",
|
|
22
|
+
error: ""
|
|
23
|
+
},
|
|
24
|
+
variant: {
|
|
25
|
+
contained: "",
|
|
26
|
+
outlined: "bg-transparent"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
compoundVariants: [
|
|
30
|
+
// ---------- contained ---------- //
|
|
31
|
+
{
|
|
32
|
+
variant: "contained",
|
|
33
|
+
color: "neutral",
|
|
34
|
+
class: ["border-gray-500 bg-gray-500 text-white"]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
variant: "contained",
|
|
38
|
+
color: "primary",
|
|
39
|
+
class: ["border-primary-500 bg-primary-500 text-white"]
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
variant: "contained",
|
|
43
|
+
color: "success",
|
|
44
|
+
class: ["border-success-500 bg-success-500 text-white"]
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
variant: "contained",
|
|
48
|
+
color: "warning",
|
|
49
|
+
class: ["border-warning-500 bg-warning-500 text-white"]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
variant: "contained",
|
|
53
|
+
color: "error",
|
|
54
|
+
class: ["border-error-500 bg-error-500 text-white"]
|
|
55
|
+
},
|
|
56
|
+
// ---------- OUTLINED ---------- //
|
|
57
|
+
{
|
|
58
|
+
variant: "outlined",
|
|
59
|
+
color: "neutral",
|
|
60
|
+
class: ["border-gray-500 text-gray-100"]
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
variant: "outlined",
|
|
64
|
+
color: "primary",
|
|
65
|
+
class: ["border-primary-500 text-primary-500"]
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
variant: "outlined",
|
|
69
|
+
color: "success",
|
|
70
|
+
class: ["border-success-500 text-success-500"]
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
variant: "outlined",
|
|
74
|
+
color: "warning",
|
|
75
|
+
class: ["border-warning-500 text-warning-500"]
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
variant: "outlined",
|
|
79
|
+
color: "error",
|
|
80
|
+
class: ["border-error-500 text-error-500"]
|
|
81
|
+
}
|
|
82
|
+
],
|
|
83
|
+
defaultVariants: {
|
|
84
|
+
color: "primary",
|
|
85
|
+
variant: "contained"
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
);
|
|
89
|
+
function Badge({
|
|
90
|
+
asChild = false,
|
|
91
|
+
color = "primary",
|
|
92
|
+
variant = "contained",
|
|
93
|
+
className,
|
|
94
|
+
children,
|
|
95
|
+
...props
|
|
96
|
+
}) {
|
|
97
|
+
const badgeStyles = badgeCva({ color, variant });
|
|
98
|
+
const Comp = asChild ? reactSlot.Slot : "span";
|
|
99
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
100
|
+
Comp,
|
|
101
|
+
{
|
|
102
|
+
"data-slot": "badge",
|
|
103
|
+
"data-variant": variant,
|
|
104
|
+
"data-color": color,
|
|
105
|
+
role: !asChild ? "status" : void 0,
|
|
106
|
+
className: chunkH2BWO3SI_cjs.cn(badgeStyles, className),
|
|
107
|
+
...props,
|
|
108
|
+
children
|
|
109
|
+
}
|
|
110
|
+
);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
exports.Badge = Badge;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { cn } from './chunk-ZD2QRAOX.js';
|
|
2
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
var badgeCva = cva(
|
|
7
|
+
[
|
|
8
|
+
"text-xs inline-flex w-fit shrink-0 items-center justify-center gap-x-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 transition-[color,box-shadow]",
|
|
9
|
+
"[&>svg]:size-3 [&>svg]:pointer-events-none",
|
|
10
|
+
"focus-visible:border-ring focus-visible:ring-primary-500/50 focus-visible:ring-[3px]",
|
|
11
|
+
"aria-invalid:ring-error-500/20 aria-invalid:border-ring-error-500"
|
|
12
|
+
],
|
|
13
|
+
{
|
|
14
|
+
variants: {
|
|
15
|
+
color: {
|
|
16
|
+
neutral: "",
|
|
17
|
+
primary: "",
|
|
18
|
+
success: "",
|
|
19
|
+
warning: "",
|
|
20
|
+
error: ""
|
|
21
|
+
},
|
|
22
|
+
variant: {
|
|
23
|
+
contained: "",
|
|
24
|
+
outlined: "bg-transparent"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
compoundVariants: [
|
|
28
|
+
// ---------- contained ---------- //
|
|
29
|
+
{
|
|
30
|
+
variant: "contained",
|
|
31
|
+
color: "neutral",
|
|
32
|
+
class: ["border-gray-500 bg-gray-500 text-white"]
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
variant: "contained",
|
|
36
|
+
color: "primary",
|
|
37
|
+
class: ["border-primary-500 bg-primary-500 text-white"]
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
variant: "contained",
|
|
41
|
+
color: "success",
|
|
42
|
+
class: ["border-success-500 bg-success-500 text-white"]
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
variant: "contained",
|
|
46
|
+
color: "warning",
|
|
47
|
+
class: ["border-warning-500 bg-warning-500 text-white"]
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
variant: "contained",
|
|
51
|
+
color: "error",
|
|
52
|
+
class: ["border-error-500 bg-error-500 text-white"]
|
|
53
|
+
},
|
|
54
|
+
// ---------- OUTLINED ---------- //
|
|
55
|
+
{
|
|
56
|
+
variant: "outlined",
|
|
57
|
+
color: "neutral",
|
|
58
|
+
class: ["border-gray-500 text-gray-100"]
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
variant: "outlined",
|
|
62
|
+
color: "primary",
|
|
63
|
+
class: ["border-primary-500 text-primary-500"]
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
variant: "outlined",
|
|
67
|
+
color: "success",
|
|
68
|
+
class: ["border-success-500 text-success-500"]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
variant: "outlined",
|
|
72
|
+
color: "warning",
|
|
73
|
+
class: ["border-warning-500 text-warning-500"]
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
variant: "outlined",
|
|
77
|
+
color: "error",
|
|
78
|
+
class: ["border-error-500 text-error-500"]
|
|
79
|
+
}
|
|
80
|
+
],
|
|
81
|
+
defaultVariants: {
|
|
82
|
+
color: "primary",
|
|
83
|
+
variant: "contained"
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
function Badge({
|
|
88
|
+
asChild = false,
|
|
89
|
+
color = "primary",
|
|
90
|
+
variant = "contained",
|
|
91
|
+
className,
|
|
92
|
+
children,
|
|
93
|
+
...props
|
|
94
|
+
}) {
|
|
95
|
+
const badgeStyles = badgeCva({ color, variant });
|
|
96
|
+
const Comp = asChild ? Slot : "span";
|
|
97
|
+
return /* @__PURE__ */ jsx(
|
|
98
|
+
Comp,
|
|
99
|
+
{
|
|
100
|
+
"data-slot": "badge",
|
|
101
|
+
"data-variant": variant,
|
|
102
|
+
"data-color": color,
|
|
103
|
+
role: !asChild ? "status" : void 0,
|
|
104
|
+
className: cn(badgeStyles, className),
|
|
105
|
+
...props,
|
|
106
|
+
children
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export { Badge };
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
|
|
4
4
|
var radixUi = require('radix-ui');
|
|
5
|
+
var clsx = require('clsx');
|
|
6
|
+
var lucideReact = require('lucide-react');
|
|
5
7
|
var tailwindMerge = require('tailwind-merge');
|
|
6
|
-
var reactIcons = require('@radix-ui/react-icons');
|
|
7
8
|
var classVarianceAuthority = require('class-variance-authority');
|
|
8
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
10
|
|
|
@@ -46,10 +47,19 @@ function DialogContent({ className, children, width = "md", ...props }) {
|
|
|
46
47
|
),
|
|
47
48
|
/* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { "aria-modal": "true", className: tailwindMerge.twMerge(dialogContentStyles({ width }), className), ...props, children: [
|
|
48
49
|
children,
|
|
49
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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
|
+
)
|
|
53
63
|
] })
|
|
54
64
|
] });
|
|
55
65
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var reactIcons = require('@radix-ui/react-icons');
|
|
5
4
|
|
|
6
5
|
// src/icons/google-logo.tsx
|
|
7
6
|
function GoogleLogoIcon(props) {
|
|
@@ -92,9 +91,3 @@ exports.Auth0LogoIcon = Auth0LogoIcon;
|
|
|
92
91
|
exports.GoogleLogoIcon = GoogleLogoIcon;
|
|
93
92
|
exports.LoadingIcon = LoadingIcon;
|
|
94
93
|
exports.XLogoIcon = XLogoIcon;
|
|
95
|
-
Object.keys(reactIcons).forEach(function (k) {
|
|
96
|
-
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
97
|
-
enumerable: true,
|
|
98
|
-
get: function () { return reactIcons[k]; }
|
|
99
|
-
});
|
|
100
|
-
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkUKWZ5BHD_cjs = require('./chunk-UKWZ5BHD.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var reactSlot = require('@radix-ui/react-slot');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
@@ -314,11 +314,11 @@ function ButtonContent({
|
|
|
314
314
|
...props
|
|
315
315
|
}) {
|
|
316
316
|
const isStartLoading = loading && loadingPosition === "start";
|
|
317
|
-
const StartIcon = isStartLoading ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
317
|
+
const StartIcon = isStartLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkUKWZ5BHD_cjs.LoadingIcon, { "aria-label": "Loading" }) : startIcon || null;
|
|
318
318
|
const startIconStyles = iconCva({ size, loading: isStartLoading });
|
|
319
319
|
const startIconContainerStyles = iconContainerCva({ size, site: "left" });
|
|
320
320
|
const isEndLoading = loading && loadingPosition === "end";
|
|
321
|
-
const EndIcon = isEndLoading ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
321
|
+
const EndIcon = isEndLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkUKWZ5BHD_cjs.LoadingIcon, { "aria-label": "Loading" }) : endIcon || null;
|
|
322
322
|
const endIconStyles = iconCva({ size, loading: isEndLoading });
|
|
323
323
|
const endIconContainerStyles = iconContainerCva({ size, site: "right" });
|
|
324
324
|
const LeadingIcon = StartIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: startIconContainerStyles, role: isStartLoading ? "progressbar" : void 0, children: React__namespace.cloneElement(StartIcon, { className: startIconStyles }) }) : null;
|
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
type BadgeProps = React.ComponentProps<"span"> & {
|
|
7
|
+
/**
|
|
8
|
+
* Defines badge color
|
|
9
|
+
*/
|
|
10
|
+
color?: BadgeColorType;
|
|
11
|
+
/**
|
|
12
|
+
* Defines badge variant
|
|
13
|
+
*/
|
|
14
|
+
variant?: BadgeVariantType;
|
|
15
|
+
/**
|
|
16
|
+
* Defines badge content
|
|
17
|
+
*/
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
asChild?: boolean;
|
|
20
|
+
};
|
|
21
|
+
declare function Badge({ asChild, color, variant, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
22
|
+
|
|
23
|
+
declare const badgeCva: (props?: ({
|
|
24
|
+
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
25
|
+
variant?: "contained" | "outlined" | null | undefined;
|
|
26
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
27
|
+
|
|
28
|
+
type BadgeCvaProps = VariantProps<typeof badgeCva>;
|
|
29
|
+
type BadgeColorType = NonNullable<BadgeCvaProps["color"]>;
|
|
30
|
+
type BadgeVariantType = NonNullable<BadgeCvaProps["variant"]>;
|
|
31
|
+
|
|
32
|
+
export { Badge, type BadgeColorType, type BadgeProps, type BadgeVariantType };
|
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
type BadgeProps = React.ComponentProps<"span"> & {
|
|
7
|
+
/**
|
|
8
|
+
* Defines badge color
|
|
9
|
+
*/
|
|
10
|
+
color?: BadgeColorType;
|
|
11
|
+
/**
|
|
12
|
+
* Defines badge variant
|
|
13
|
+
*/
|
|
14
|
+
variant?: BadgeVariantType;
|
|
15
|
+
/**
|
|
16
|
+
* Defines badge content
|
|
17
|
+
*/
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
asChild?: boolean;
|
|
20
|
+
};
|
|
21
|
+
declare function Badge({ asChild, color, variant, className, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
22
|
+
|
|
23
|
+
declare const badgeCva: (props?: ({
|
|
24
|
+
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
25
|
+
variant?: "contained" | "outlined" | null | undefined;
|
|
26
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
27
|
+
|
|
28
|
+
type BadgeCvaProps = VariantProps<typeof badgeCva>;
|
|
29
|
+
type BadgeColorType = NonNullable<BadgeCvaProps["color"]>;
|
|
30
|
+
type BadgeVariantType = NonNullable<BadgeCvaProps["variant"]>;
|
|
31
|
+
|
|
32
|
+
export { Badge, type BadgeColorType, type BadgeProps, type BadgeVariantType };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../../chunk-
|
|
3
|
+
var chunkXKXP3W3H_cjs = require('../../chunk-XKXP3W3H.cjs');
|
|
4
|
+
require('../../chunk-UKWZ5BHD.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "Button", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkXKXP3W3H_cjs.Button; }
|
|
11
11
|
});
|
|
@@ -53,7 +53,7 @@ declare const buttonCva: (props?: ({
|
|
|
53
53
|
fullWidth?: boolean | null | undefined;
|
|
54
54
|
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
55
55
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
56
|
-
variant?: "text" | "
|
|
56
|
+
variant?: "text" | "contained" | "outlined" | null | undefined;
|
|
57
57
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
58
58
|
|
|
59
59
|
type ButtonCvaProps = VariantProps<typeof buttonCva>;
|
|
@@ -53,7 +53,7 @@ declare const buttonCva: (props?: ({
|
|
|
53
53
|
fullWidth?: boolean | null | undefined;
|
|
54
54
|
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
55
55
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
56
|
-
variant?: "text" | "
|
|
56
|
+
variant?: "text" | "contained" | "outlined" | null | undefined;
|
|
57
57
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
58
58
|
|
|
59
59
|
type ButtonCvaProps = VariantProps<typeof buttonCva>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Button } from '../../chunk-
|
|
2
|
-
import '../../chunk-
|
|
1
|
+
export { Button } from '../../chunk-WMMJEZ7Y.js';
|
|
2
|
+
import '../../chunk-XTO7CMIM.js';
|
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkPH4LO5TE_cjs = require('../../chunk-PH4LO5TE.cjs');
|
|
4
4
|
require('../../chunk-H2BWO3SI.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "Dialog", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkPH4LO5TE_cjs.Dialog; }
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "DialogClose", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () { return
|
|
14
|
+
get: function () { return chunkPH4LO5TE_cjs.DialogClose; }
|
|
15
15
|
});
|
|
16
16
|
Object.defineProperty(exports, "DialogContent", {
|
|
17
17
|
enumerable: true,
|
|
18
|
-
get: function () { return
|
|
18
|
+
get: function () { return chunkPH4LO5TE_cjs.DialogContent; }
|
|
19
19
|
});
|
|
20
20
|
Object.defineProperty(exports, "DialogDescription", {
|
|
21
21
|
enumerable: true,
|
|
22
|
-
get: function () { return
|
|
22
|
+
get: function () { return chunkPH4LO5TE_cjs.DialogDescription; }
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "DialogFooter", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function () { return
|
|
26
|
+
get: function () { return chunkPH4LO5TE_cjs.DialogFooter; }
|
|
27
27
|
});
|
|
28
28
|
Object.defineProperty(exports, "DialogHeader", {
|
|
29
29
|
enumerable: true,
|
|
30
|
-
get: function () { return
|
|
30
|
+
get: function () { return chunkPH4LO5TE_cjs.DialogHeader; }
|
|
31
31
|
});
|
|
32
32
|
Object.defineProperty(exports, "DialogTitle", {
|
|
33
33
|
enumerable: true,
|
|
34
|
-
get: function () { return
|
|
34
|
+
get: function () { return chunkPH4LO5TE_cjs.DialogTitle; }
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "DialogTrigger", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function () { return
|
|
38
|
+
get: function () { return chunkPH4LO5TE_cjs.DialogTrigger; }
|
|
39
39
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-
|
|
1
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-AGVEKVWD.js';
|
|
2
2
|
import '../../chunk-ZD2QRAOX.js';
|