@szum-tech/design-system 3.8.1 → 3.9.0
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-O3DHBQA5.cjs → chunk-3GNVQFCK.cjs} +1 -1
- package/dist/{chunk-SYKUS2RV.js → chunk-3MH6P44N.js} +2 -2
- package/dist/{chunk-3BLXG7ET.js → chunk-3RK5PCIC.js} +1 -1
- package/dist/{chunk-2Q2BIWBE.js → chunk-5MV54MWS.js} +1 -1
- package/dist/{chunk-YWG7TML6.cjs → chunk-6X26XC6P.cjs} +1 -1
- package/dist/chunk-A7SBXO2Y.cjs +40 -0
- package/dist/{chunk-ACJ3ES2B.js → chunk-BTSHACKG.js} +1 -1
- package/dist/{chunk-3DUJHGXE.cjs → chunk-CFJ44JVK.cjs} +1 -1
- package/dist/{chunk-Q5ONG5HB.cjs → chunk-DTYX7CYN.cjs} +2 -2
- package/dist/{chunk-XV3AQ6NS.js → chunk-KGGCA634.js} +1 -1
- package/dist/{chunk-SZ3LC2VO.js → chunk-PHPJ54IC.js} +5 -3
- package/dist/{chunk-FKCWRNWB.js → chunk-U3QKV7I4.js} +1 -1
- package/dist/chunk-U7XZJQ4O.js +36 -0
- package/dist/{chunk-X55H6LRX.cjs → chunk-ULEEQ723.cjs} +1 -1
- package/dist/{chunk-BAWVLSRF.cjs → chunk-VK5EX3OG.cjs} +1 -1
- package/dist/{chunk-UW6GOD7J.js → chunk-VT5GDGZJ.js} +1 -1
- package/dist/{chunk-3Z3GVXXN.cjs → chunk-XTNS5QH5.cjs} +5 -3
- package/dist/{chunk-Z6CZAPVG.cjs → chunk-ZVF7J4EI.cjs} +1 -1
- package/dist/components/alert/index.cjs +4 -4
- package/dist/components/alert/index.js +1 -1
- package/dist/components/badge/index.cjs +4 -4
- package/dist/components/badge/index.js +1 -1
- package/dist/components/button/index.cjs +10 -10
- package/dist/components/button/index.js +9 -9
- package/dist/components/color-swatch/index.cjs +2 -2
- package/dist/components/color-swatch/index.js +1 -1
- package/dist/components/dialog/index.cjs +9 -9
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/field/index.cjs +11 -11
- package/dist/components/field/index.js +1 -1
- package/dist/components/header/index.cjs +2 -2
- package/dist/components/header/index.js +1 -1
- package/dist/components/index.cjs +77 -73
- package/dist/components/index.d.cts +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +9 -9
- package/dist/components/item/index.cjs +11 -11
- package/dist/components/item/index.js +1 -1
- package/dist/components/stepper/index.cjs +28 -28
- package/dist/components/stepper/index.js +9 -9
- package/dist/components/toaster/index.cjs +11 -11
- package/dist/components/toaster/index.js +9 -9
- package/dist/components/tooltip/index.cjs +9 -4
- package/dist/components/tooltip/index.d.cts +8 -12
- package/dist/components/tooltip/index.d.ts +8 -12
- package/dist/components/tooltip/index.js +2 -1
- package/package.json +6 -9
- package/tailwind/global.css +5 -0
- package/dist/chunk-GR37JJQK.cjs +0 -43
- package/dist/chunk-HJJPEVIH.js +0 -40
|
@@ -5,7 +5,7 @@ var classVarianceAuthority = require('class-variance-authority');
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
7
7
|
var alertVariants = classVarianceAuthority.cva(
|
|
8
|
-
"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border
|
|
8
|
+
"border-border relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
9
9
|
{
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
@@ -12,10 +12,10 @@ var fieldVariants = cva("group/field data-[invalid=true]:text-error flex w-full
|
|
|
12
12
|
horizontal: [
|
|
13
13
|
"flex-row items-center",
|
|
14
14
|
"[&>[data-slot=field-label]]:flex-auto",
|
|
15
|
-
"has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px
|
|
15
|
+
"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
|
|
16
16
|
],
|
|
17
17
|
responsive: [
|
|
18
|
-
"@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto
|
|
18
|
+
"flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
|
|
19
19
|
"@md/field-group:[&>[data-slot=field-label]]:flex-auto",
|
|
20
20
|
"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
|
|
21
21
|
]
|
|
@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
|
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
var colorSwatchVariants = cva(
|
|
8
|
-
"border-border box-border rounded border
|
|
8
|
+
"border-border box-border rounded border [background-clip:padding-box] shadow-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
9
9
|
{
|
|
10
10
|
variants: {
|
|
11
11
|
size: {
|
|
@@ -3,7 +3,7 @@ import { cva } from 'class-variance-authority';
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
5
|
var alertVariants = cva(
|
|
6
|
-
"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border
|
|
6
|
+
"border-border relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
7
7
|
{
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
@@ -7,7 +7,7 @@ function Header({ children, ...props }) {
|
|
|
7
7
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8
8
|
"header",
|
|
9
9
|
{
|
|
10
|
-
className: "bg-
|
|
10
|
+
className: "border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur",
|
|
11
11
|
...props,
|
|
12
12
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container flex h-16 items-center", children })
|
|
13
13
|
}
|
|
@@ -0,0 +1,40 @@
|
|
|
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
|
+
|
|
7
|
+
function TooltipProvider({
|
|
8
|
+
delayDuration = 0,
|
|
9
|
+
...props
|
|
10
|
+
}) {
|
|
11
|
+
return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
|
|
12
|
+
}
|
|
13
|
+
function Tooltip(props) {
|
|
14
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
|
|
15
|
+
}
|
|
16
|
+
function TooltipTrigger(props) {
|
|
17
|
+
return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
18
|
+
}
|
|
19
|
+
function TooltipContent({ className, sideOffset = 0, children, ...props }) {
|
|
20
|
+
return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
21
|
+
radixUi.Tooltip.Content,
|
|
22
|
+
{
|
|
23
|
+
"data-slot": "tooltip-content",
|
|
24
|
+
sideOffset,
|
|
25
|
+
className: chunkH2BWO3SI_cjs.cn(
|
|
26
|
+
"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
|
|
27
|
+
className
|
|
28
|
+
),
|
|
29
|
+
...props,
|
|
30
|
+
children: [
|
|
31
|
+
children,
|
|
32
|
+
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
) });
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
exports.Tooltip = Tooltip;
|
|
39
|
+
exports.TooltipContent = TooltipContent;
|
|
40
|
+
exports.TooltipTrigger = TooltipTrigger;
|
|
@@ -13,7 +13,7 @@ function DialogClose(props) {
|
|
|
13
13
|
}
|
|
14
14
|
var dialogContentVariants = cva(
|
|
15
15
|
[
|
|
16
|
-
"bg-background border-border fixed
|
|
16
|
+
"bg-background border-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
|
|
17
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
18
|
],
|
|
19
19
|
{
|
|
@@ -7,7 +7,7 @@ var classVarianceAuthority = require('class-variance-authority');
|
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
9
9
|
var itemVariants = classVarianceAuthority.cva(
|
|
10
|
-
"group/item [a]:hover:bg-accent/50
|
|
10
|
+
"group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 flex flex-wrap items-center rounded border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:ring [a]:transition-colors",
|
|
11
11
|
{
|
|
12
12
|
variants: {
|
|
13
13
|
variant: {
|
|
@@ -34,10 +34,10 @@ var fieldVariants = classVarianceAuthority.cva("group/field data-[invalid=true]:
|
|
|
34
34
|
horizontal: [
|
|
35
35
|
"flex-row items-center",
|
|
36
36
|
"[&>[data-slot=field-label]]:flex-auto",
|
|
37
|
-
"has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px
|
|
37
|
+
"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
|
|
38
38
|
],
|
|
39
39
|
responsive: [
|
|
40
|
-
"@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto
|
|
40
|
+
"flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
|
|
41
41
|
"@md/field-group:[&>[data-slot=field-label]]:flex-auto",
|
|
42
42
|
"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
|
|
43
43
|
]
|
|
@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
|
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
var itemVariants = cva(
|
|
8
|
-
"group/item [a]:hover:bg-accent/50
|
|
8
|
+
"group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 flex flex-wrap items-center rounded border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:ring [a]:transition-colors",
|
|
9
9
|
{
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
@@ -367,6 +367,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
|
|
|
367
367
|
if (event.defaultPrevented) return;
|
|
368
368
|
setIsTabbingBackOut(false);
|
|
369
369
|
},
|
|
370
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
370
371
|
[listProps.onBlur]
|
|
371
372
|
);
|
|
372
373
|
const onFocus = React6.useCallback(
|
|
@@ -678,6 +679,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
|
|
|
678
679
|
queueMicrotask(() => focusFirst(candidateRefs));
|
|
679
680
|
}
|
|
680
681
|
},
|
|
682
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
681
683
|
[
|
|
682
684
|
focusContext,
|
|
683
685
|
context.nonInteractive,
|
|
@@ -938,9 +940,9 @@ var Toaster = ({ theme = "system", ...props }) => {
|
|
|
938
940
|
};
|
|
939
941
|
var buttonVariants = cva(
|
|
940
942
|
[
|
|
941
|
-
"inline-flex shrink-0 items-center justify-center gap-2
|
|
943
|
+
"inline-flex shrink-0 items-center justify-center gap-2 rounded text-sm font-medium whitespace-nowrap transition-all outline-none",
|
|
942
944
|
"disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
943
|
-
"[&_svg:not([class*='size-'])]:size-4
|
|
945
|
+
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
944
946
|
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring",
|
|
945
947
|
"aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error"
|
|
946
948
|
],
|
|
@@ -949,7 +951,7 @@ var buttonVariants = cva(
|
|
|
949
951
|
variant: {
|
|
950
952
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
951
953
|
error: "bg-error hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-white",
|
|
952
|
-
outline: "bg-background
|
|
954
|
+
outline: "bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs",
|
|
953
955
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
954
956
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
955
957
|
link: "text-primary underline-offset-4 hover:underline"
|
|
@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
|
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
var badgeVariants = cva(
|
|
7
|
-
"border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden
|
|
7
|
+
"border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
|
|
8
8
|
{
|
|
9
9
|
variants: {
|
|
10
10
|
variant: {
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { cn } from './chunk-ZD2QRAOX.js';
|
|
2
|
+
import { Tooltip as Tooltip$1 } from 'radix-ui';
|
|
3
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
function TooltipProvider({
|
|
6
|
+
delayDuration = 0,
|
|
7
|
+
...props
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
|
|
10
|
+
}
|
|
11
|
+
function Tooltip(props) {
|
|
12
|
+
return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip$1.Root, { "data-slot": "tooltip", ...props }) });
|
|
13
|
+
}
|
|
14
|
+
function TooltipTrigger(props) {
|
|
15
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
16
|
+
}
|
|
17
|
+
function TooltipContent({ className, sideOffset = 0, children, ...props }) {
|
|
18
|
+
return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
|
|
19
|
+
Tooltip$1.Content,
|
|
20
|
+
{
|
|
21
|
+
"data-slot": "tooltip-content",
|
|
22
|
+
sideOffset,
|
|
23
|
+
className: cn(
|
|
24
|
+
"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
|
|
25
|
+
className
|
|
26
|
+
),
|
|
27
|
+
...props,
|
|
28
|
+
children: [
|
|
29
|
+
children,
|
|
30
|
+
/* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
) });
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export { Tooltip, TooltipContent, TooltipTrigger };
|
|
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
|
|
|
27
27
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
28
28
|
|
|
29
29
|
var colorSwatchVariants = classVarianceAuthority.cva(
|
|
30
|
-
"border-border box-border rounded border
|
|
30
|
+
"border-border box-border rounded border [background-clip:padding-box] shadow-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
31
31
|
{
|
|
32
32
|
variants: {
|
|
33
33
|
size: {
|
|
@@ -15,7 +15,7 @@ function DialogClose(props) {
|
|
|
15
15
|
}
|
|
16
16
|
var dialogContentVariants = classVarianceAuthority.cva(
|
|
17
17
|
[
|
|
18
|
-
"bg-background border-border fixed
|
|
18
|
+
"bg-background border-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
|
|
19
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
20
|
],
|
|
21
21
|
{
|
|
@@ -5,7 +5,7 @@ function Header({ children, ...props }) {
|
|
|
5
5
|
return /* @__PURE__ */ jsx(
|
|
6
6
|
"header",
|
|
7
7
|
{
|
|
8
|
-
className: "bg-
|
|
8
|
+
className: "border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur",
|
|
9
9
|
...props,
|
|
10
10
|
children: /* @__PURE__ */ jsx("div", { className: "container flex h-16 items-center", children })
|
|
11
11
|
}
|
|
@@ -388,6 +388,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
|
|
|
388
388
|
if (event.defaultPrevented) return;
|
|
389
389
|
setIsTabbingBackOut(false);
|
|
390
390
|
},
|
|
391
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
391
392
|
[listProps.onBlur]
|
|
392
393
|
);
|
|
393
394
|
const onFocus = React6__namespace.useCallback(
|
|
@@ -699,6 +700,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
|
|
|
699
700
|
queueMicrotask(() => focusFirst(candidateRefs));
|
|
700
701
|
}
|
|
701
702
|
},
|
|
703
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
702
704
|
[
|
|
703
705
|
focusContext,
|
|
704
706
|
context.nonInteractive,
|
|
@@ -959,9 +961,9 @@ var Toaster = ({ theme = "system", ...props }) => {
|
|
|
959
961
|
};
|
|
960
962
|
var buttonVariants = classVarianceAuthority.cva(
|
|
961
963
|
[
|
|
962
|
-
"inline-flex shrink-0 items-center justify-center gap-2
|
|
964
|
+
"inline-flex shrink-0 items-center justify-center gap-2 rounded text-sm font-medium whitespace-nowrap transition-all outline-none",
|
|
963
965
|
"disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
964
|
-
"[&_svg:not([class*='size-'])]:size-4
|
|
966
|
+
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
965
967
|
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring",
|
|
966
968
|
"aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error"
|
|
967
969
|
],
|
|
@@ -970,7 +972,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
970
972
|
variant: {
|
|
971
973
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
972
974
|
error: "bg-error hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-white",
|
|
973
|
-
outline: "bg-background
|
|
975
|
+
outline: "bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs",
|
|
974
976
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
975
977
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
976
978
|
link: "text-primary underline-offset-4 hover:underline"
|
|
@@ -6,7 +6,7 @@ var classVarianceAuthority = require('class-variance-authority');
|
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
|
|
8
8
|
var badgeVariants = classVarianceAuthority.cva(
|
|
9
|
-
"border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden
|
|
9
|
+
"border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
|
|
10
10
|
{
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk3GNVQFCK_cjs = require('../../chunk-3GNVQFCK.cjs');
|
|
4
4
|
require('../../chunk-H2BWO3SI.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "Alert", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunk3GNVQFCK_cjs.Alert; }
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "AlertDescription", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () { return
|
|
14
|
+
get: function () { return chunk3GNVQFCK_cjs.AlertDescription; }
|
|
15
15
|
});
|
|
16
16
|
Object.defineProperty(exports, "AlertTitle", {
|
|
17
17
|
enumerable: true,
|
|
18
|
-
get: function () { return
|
|
18
|
+
get: function () { return chunk3GNVQFCK_cjs.AlertTitle; }
|
|
19
19
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Alert, AlertDescription, AlertTitle } from '../../chunk-
|
|
1
|
+
export { Alert, AlertDescription, AlertTitle } from '../../chunk-5MV54MWS.js';
|
|
2
2
|
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkZVF7J4EI_cjs = require('../../chunk-ZVF7J4EI.cjs');
|
|
4
4
|
require('../../chunk-H2BWO3SI.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "Badge", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkZVF7J4EI_cjs.Badge; }
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "BadgeButton", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () { return
|
|
14
|
+
get: function () { return chunkZVF7J4EI_cjs.BadgeButton; }
|
|
15
15
|
});
|
|
16
16
|
Object.defineProperty(exports, "BadgeDot", {
|
|
17
17
|
enumerable: true,
|
|
18
|
-
get: function () { return
|
|
18
|
+
get: function () { return chunkZVF7J4EI_cjs.BadgeDot; }
|
|
19
19
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Badge, BadgeButton, BadgeDot } from '../../chunk-
|
|
1
|
+
export { Badge, BadgeButton, BadgeDot } from '../../chunk-U3QKV7I4.js';
|
|
2
2
|
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkXTNS5QH5_cjs = require('../../chunk-XTNS5QH5.cjs');
|
|
4
4
|
require('../../chunk-GHV2TURY.cjs');
|
|
5
5
|
require('../../chunk-3WSQRFUY.cjs');
|
|
6
6
|
require('../../chunk-NU5UQPBX.cjs');
|
|
7
|
-
require('../../chunk-
|
|
8
|
-
require('../../chunk-
|
|
7
|
+
require('../../chunk-A7SBXO2Y.cjs');
|
|
8
|
+
require('../../chunk-6X26XC6P.cjs');
|
|
9
9
|
require('../../chunk-5AA4IE2T.cjs');
|
|
10
|
-
require('../../chunk-
|
|
10
|
+
require('../../chunk-CFJ44JVK.cjs');
|
|
11
11
|
require('../../chunk-TH44JYXB.cjs');
|
|
12
12
|
require('../../chunk-XENOUBSI.cjs');
|
|
13
13
|
require('../../chunk-UJX74PFK.cjs');
|
|
14
14
|
require('../../chunk-XJZOANXX.cjs');
|
|
15
|
-
require('../../chunk-
|
|
15
|
+
require('../../chunk-ZVF7J4EI.cjs');
|
|
16
16
|
require('../../chunk-2Y2ZCPNV.cjs');
|
|
17
17
|
require('../../chunk-HCHVDUI6.cjs');
|
|
18
|
-
require('../../chunk-
|
|
18
|
+
require('../../chunk-ULEEQ723.cjs');
|
|
19
|
+
require('../../chunk-VK5EX3OG.cjs');
|
|
19
20
|
require('../../chunk-CXHDWIGF.cjs');
|
|
20
|
-
require('../../chunk-
|
|
21
|
+
require('../../chunk-DTYX7CYN.cjs');
|
|
21
22
|
require('../../chunk-UIOBJSKZ.cjs');
|
|
22
23
|
require('../../chunk-S3ANEJJ7.cjs');
|
|
23
|
-
require('../../chunk-X55H6LRX.cjs');
|
|
24
24
|
require('../../chunk-EW6TE3N5.cjs');
|
|
25
25
|
require('../../chunk-7EYMOUWG.cjs');
|
|
26
|
-
require('../../chunk-
|
|
26
|
+
require('../../chunk-3GNVQFCK.cjs');
|
|
27
27
|
require('../../chunk-TMXVL5CV.cjs');
|
|
28
28
|
require('../../chunk-I7AV5IQO.cjs');
|
|
29
29
|
require('../../chunk-H2BWO3SI.cjs');
|
|
@@ -32,5 +32,5 @@ require('../../chunk-H2BWO3SI.cjs');
|
|
|
32
32
|
|
|
33
33
|
Object.defineProperty(exports, "Button", {
|
|
34
34
|
enumerable: true,
|
|
35
|
-
get: function () { return
|
|
35
|
+
get: function () { return chunkXTNS5QH5_cjs.Button; }
|
|
36
36
|
});
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
export { Button } from '../../chunk-
|
|
1
|
+
export { Button } from '../../chunk-PHPJ54IC.js';
|
|
2
2
|
import '../../chunk-DTSFPOLX.js';
|
|
3
3
|
import '../../chunk-P5IUC7HJ.js';
|
|
4
4
|
import '../../chunk-OQCNPNPS.js';
|
|
5
|
-
import '../../chunk-
|
|
6
|
-
import '../../chunk-
|
|
5
|
+
import '../../chunk-U7XZJQ4O.js';
|
|
6
|
+
import '../../chunk-VT5GDGZJ.js';
|
|
7
7
|
import '../../chunk-UGSNASZM.js';
|
|
8
|
-
import '../../chunk-
|
|
8
|
+
import '../../chunk-KGGCA634.js';
|
|
9
9
|
import '../../chunk-PBEZZMAB.js';
|
|
10
10
|
import '../../chunk-4TRADSTP.js';
|
|
11
11
|
import '../../chunk-M7NIRB3U.js';
|
|
12
12
|
import '../../chunk-E5TYGWGE.js';
|
|
13
|
-
import '../../chunk-
|
|
13
|
+
import '../../chunk-U3QKV7I4.js';
|
|
14
14
|
import '../../chunk-6BSR3O2J.js';
|
|
15
15
|
import '../../chunk-5F2Y65JH.js';
|
|
16
|
-
import '../../chunk-
|
|
16
|
+
import '../../chunk-3RK5PCIC.js';
|
|
17
|
+
import '../../chunk-BTSHACKG.js';
|
|
17
18
|
import '../../chunk-HNRVLRMN.js';
|
|
18
|
-
import '../../chunk-
|
|
19
|
+
import '../../chunk-3MH6P44N.js';
|
|
19
20
|
import '../../chunk-XJIUGEPN.js';
|
|
20
21
|
import '../../chunk-I3RSTJP6.js';
|
|
21
|
-
import '../../chunk-3BLXG7ET.js';
|
|
22
22
|
import '../../chunk-H5O5L6XT.js';
|
|
23
23
|
import '../../chunk-DFD2WUOU.js';
|
|
24
|
-
import '../../chunk-
|
|
24
|
+
import '../../chunk-5MV54MWS.js';
|
|
25
25
|
import '../../chunk-5MJPZUTO.js';
|
|
26
26
|
import '../../chunk-NGVFYKAT.js';
|
|
27
27
|
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkULEEQ723_cjs = require('../../chunk-ULEEQ723.cjs');
|
|
4
4
|
require('../../chunk-H2BWO3SI.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "ColorSwatch", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkULEEQ723_cjs.ColorSwatch; }
|
|
11
11
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { ColorSwatch } from '../../chunk-
|
|
1
|
+
export { ColorSwatch } from '../../chunk-3RK5PCIC.js';
|
|
2
2
|
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkVK5EX3OG_cjs = require('../../chunk-VK5EX3OG.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 chunkVK5EX3OG_cjs.Dialog; }
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "DialogClose", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () { return
|
|
14
|
+
get: function () { return chunkVK5EX3OG_cjs.DialogClose; }
|
|
15
15
|
});
|
|
16
16
|
Object.defineProperty(exports, "DialogContent", {
|
|
17
17
|
enumerable: true,
|
|
18
|
-
get: function () { return
|
|
18
|
+
get: function () { return chunkVK5EX3OG_cjs.DialogContent; }
|
|
19
19
|
});
|
|
20
20
|
Object.defineProperty(exports, "DialogDescription", {
|
|
21
21
|
enumerable: true,
|
|
22
|
-
get: function () { return
|
|
22
|
+
get: function () { return chunkVK5EX3OG_cjs.DialogDescription; }
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "DialogFooter", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function () { return
|
|
26
|
+
get: function () { return chunkVK5EX3OG_cjs.DialogFooter; }
|
|
27
27
|
});
|
|
28
28
|
Object.defineProperty(exports, "DialogHeader", {
|
|
29
29
|
enumerable: true,
|
|
30
|
-
get: function () { return
|
|
30
|
+
get: function () { return chunkVK5EX3OG_cjs.DialogHeader; }
|
|
31
31
|
});
|
|
32
32
|
Object.defineProperty(exports, "DialogTitle", {
|
|
33
33
|
enumerable: true,
|
|
34
|
-
get: function () { return
|
|
34
|
+
get: function () { return chunkVK5EX3OG_cjs.DialogTitle; }
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "DialogTrigger", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function () { return
|
|
38
|
+
get: function () { return chunkVK5EX3OG_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-BTSHACKG.js';
|
|
2
2
|
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkDTYX7CYN_cjs = require('../../chunk-DTYX7CYN.cjs');
|
|
4
4
|
require('../../chunk-UIOBJSKZ.cjs');
|
|
5
5
|
require('../../chunk-S3ANEJJ7.cjs');
|
|
6
6
|
require('../../chunk-H2BWO3SI.cjs');
|
|
@@ -9,41 +9,41 @@ require('../../chunk-H2BWO3SI.cjs');
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, "Field", {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function () { return
|
|
12
|
+
get: function () { return chunkDTYX7CYN_cjs.Field; }
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "FieldContent", {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () { return
|
|
16
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldContent; }
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "FieldDescription", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function () { return
|
|
20
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldDescription; }
|
|
21
21
|
});
|
|
22
22
|
Object.defineProperty(exports, "FieldError", {
|
|
23
23
|
enumerable: true,
|
|
24
|
-
get: function () { return
|
|
24
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldError; }
|
|
25
25
|
});
|
|
26
26
|
Object.defineProperty(exports, "FieldGroup", {
|
|
27
27
|
enumerable: true,
|
|
28
|
-
get: function () { return
|
|
28
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldGroup; }
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "FieldLabel", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function () { return
|
|
32
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldLabel; }
|
|
33
33
|
});
|
|
34
34
|
Object.defineProperty(exports, "FieldLegend", {
|
|
35
35
|
enumerable: true,
|
|
36
|
-
get: function () { return
|
|
36
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldLegend; }
|
|
37
37
|
});
|
|
38
38
|
Object.defineProperty(exports, "FieldSeparator", {
|
|
39
39
|
enumerable: true,
|
|
40
|
-
get: function () { return
|
|
40
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldSeparator; }
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "FieldSet", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function () { return
|
|
44
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldSet; }
|
|
45
45
|
});
|
|
46
46
|
Object.defineProperty(exports, "FieldTitle", {
|
|
47
47
|
enumerable: true,
|
|
48
|
-
get: function () { return
|
|
48
|
+
get: function () { return chunkDTYX7CYN_cjs.FieldTitle; }
|
|
49
49
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-
|
|
1
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-3MH6P44N.js';
|
|
2
2
|
import '../../chunk-XJIUGEPN.js';
|
|
3
3
|
import '../../chunk-I3RSTJP6.js';
|
|
4
4
|
import '../../chunk-ZD2QRAOX.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk6X26XC6P_cjs = require('../../chunk-6X26XC6P.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "Header", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunk6X26XC6P_cjs.Header; }
|
|
10
10
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Header } from '../../chunk-
|
|
1
|
+
export { Header } from '../../chunk-VT5GDGZJ.js';
|