@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.
Files changed (41) hide show
  1. package/dist/{chunk-WIOOP3VE.js → chunk-4C7M4HBP.js} +3 -3
  2. package/dist/{chunk-IV5F734M.js → chunk-AGVEKVWD.js} +15 -5
  3. package/dist/{chunk-QQ7CBNSR.cjs → chunk-BJ553XYM.cjs} +3 -3
  4. package/dist/{chunk-5U55UIDY.js → chunk-DTSFPOLX.js} +2 -2
  5. package/dist/{chunk-6YLG3PWU.cjs → chunk-GHV2TURY.cjs} +2 -2
  6. package/dist/chunk-KXTNZ4UO.cjs +113 -0
  7. package/dist/chunk-MOOWZNA6.js +111 -0
  8. package/dist/{chunk-6VVDXGYO.cjs → chunk-PH4LO5TE.cjs} +15 -5
  9. package/dist/{chunk-TSN5DAKH.cjs → chunk-UKWZ5BHD.cjs} +0 -7
  10. package/dist/{chunk-XDTI4DFM.js → chunk-WMMJEZ7Y.js} +1 -1
  11. package/dist/{chunk-25X5IOB3.cjs → chunk-XKXP3W3H.cjs} +3 -3
  12. package/dist/{chunk-INJBKPIE.js → chunk-XTO7CMIM.js} +0 -1
  13. package/dist/components/badge/index.cjs +11 -0
  14. package/dist/components/badge/index.d.cts +32 -0
  15. package/dist/components/badge/index.d.ts +32 -0
  16. package/dist/components/badge/index.js +2 -0
  17. package/dist/components/button/index.cjs +3 -3
  18. package/dist/components/button/index.d.cts +1 -1
  19. package/dist/components/button/index.d.ts +1 -1
  20. package/dist/components/button/index.js +2 -2
  21. package/dist/components/dialog/index.cjs +9 -9
  22. package/dist/components/dialog/index.js +1 -1
  23. package/dist/components/form/index.cjs +14 -13
  24. package/dist/components/form/index.js +7 -6
  25. package/dist/components/index.cjs +81 -76
  26. package/dist/components/index.d.cts +10 -9
  27. package/dist/components/index.d.ts +10 -9
  28. package/dist/components/index.js +7 -6
  29. package/dist/components/select/index.cjs +3 -3
  30. package/dist/components/select/index.js +1 -1
  31. package/dist/components/sheet/index.cjs +9 -9
  32. package/dist/components/sheet/index.js +1 -1
  33. package/dist/icons/index.cjs +5 -5
  34. package/dist/icons/index.d.cts +0 -1
  35. package/dist/icons/index.d.ts +0 -1
  36. package/dist/icons/index.js +1 -1
  37. package/package.json +3 -3
  38. package/tailwind/scroll.css +1 -1
  39. package/tailwind/typography.css +7 -7
  40. /package/dist/{chunk-CN3NQLTK.cjs → chunk-DH5YKYXV.cjs} +0 -0
  41. /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(CaretSortIcon, { className: "size-5 text-gray-100" }) })
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(CheckIcon, { className: "size-4" }) })
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(Dialog$1.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: [
48
- /* @__PURE__ */ jsx(Cross1Icon, { className: "size-4" }),
49
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close dialog" })
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(reactIcons.CaretSortIcon, { className: "size-5 text-gray-100" }) })
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(reactIcons.CheckIcon, { className: "size-4" }) })
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 { Cross1Icon } from '@radix-ui/react-icons';
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(Cross1Icon, { className: "size-4" }),
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 reactIcons = require('@radix-ui/react-icons');
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(reactIcons.Cross1Icon, { className: "size-4" }),
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(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: [
50
- /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, { className: "size-4" }),
51
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close dialog" })
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,4 +1,4 @@
1
- import { LoadingIcon } from './chunk-INJBKPIE.js';
1
+ import { LoadingIcon } from './chunk-XTO7CMIM.js';
2
2
  import * as React from 'react';
3
3
  import { Slot } from '@radix-ui/react-slot';
4
4
  import { cva } from 'class-variance-authority';
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkTSN5DAKH_cjs = require('./chunk-TSN5DAKH.cjs');
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(chunkTSN5DAKH_cjs.LoadingIcon, { "aria-label": "Loading" }) : startIcon || null;
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(chunkTSN5DAKH_cjs.LoadingIcon, { "aria-label": "Loading" }) : endIcon || null;
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;
@@ -1,5 +1,4 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- export * from '@radix-ui/react-icons';
3
2
 
4
3
  // src/icons/google-logo.tsx
5
4
  function GoogleLogoIcon(props) {
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ var chunkKXTNZ4UO_cjs = require('../../chunk-KXTNZ4UO.cjs');
4
+ require('../../chunk-H2BWO3SI.cjs');
5
+
6
+
7
+
8
+ Object.defineProperty(exports, "Badge", {
9
+ enumerable: true,
10
+ get: function () { return chunkKXTNZ4UO_cjs.Badge; }
11
+ });
@@ -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 };
@@ -0,0 +1,2 @@
1
+ export { Badge } from '../../chunk-MOOWZNA6.js';
2
+ import '../../chunk-ZD2QRAOX.js';
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var chunk25X5IOB3_cjs = require('../../chunk-25X5IOB3.cjs');
4
- require('../../chunk-TSN5DAKH.cjs');
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 chunk25X5IOB3_cjs.Button; }
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" | "outlined" | "contained" | null | undefined;
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" | "outlined" | "contained" | null | undefined;
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-XDTI4DFM.js';
2
- import '../../chunk-INJBKPIE.js';
1
+ export { Button } from '../../chunk-WMMJEZ7Y.js';
2
+ import '../../chunk-XTO7CMIM.js';
@@ -1,39 +1,39 @@
1
1
  'use strict';
2
2
 
3
- var chunk6VVDXGYO_cjs = require('../../chunk-6VVDXGYO.cjs');
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 chunk6VVDXGYO_cjs.Dialog; }
10
+ get: function () { return chunkPH4LO5TE_cjs.Dialog; }
11
11
  });
12
12
  Object.defineProperty(exports, "DialogClose", {
13
13
  enumerable: true,
14
- get: function () { return chunk6VVDXGYO_cjs.DialogClose; }
14
+ get: function () { return chunkPH4LO5TE_cjs.DialogClose; }
15
15
  });
16
16
  Object.defineProperty(exports, "DialogContent", {
17
17
  enumerable: true,
18
- get: function () { return chunk6VVDXGYO_cjs.DialogContent; }
18
+ get: function () { return chunkPH4LO5TE_cjs.DialogContent; }
19
19
  });
20
20
  Object.defineProperty(exports, "DialogDescription", {
21
21
  enumerable: true,
22
- get: function () { return chunk6VVDXGYO_cjs.DialogDescription; }
22
+ get: function () { return chunkPH4LO5TE_cjs.DialogDescription; }
23
23
  });
24
24
  Object.defineProperty(exports, "DialogFooter", {
25
25
  enumerable: true,
26
- get: function () { return chunk6VVDXGYO_cjs.DialogFooter; }
26
+ get: function () { return chunkPH4LO5TE_cjs.DialogFooter; }
27
27
  });
28
28
  Object.defineProperty(exports, "DialogHeader", {
29
29
  enumerable: true,
30
- get: function () { return chunk6VVDXGYO_cjs.DialogHeader; }
30
+ get: function () { return chunkPH4LO5TE_cjs.DialogHeader; }
31
31
  });
32
32
  Object.defineProperty(exports, "DialogTitle", {
33
33
  enumerable: true,
34
- get: function () { return chunk6VVDXGYO_cjs.DialogTitle; }
34
+ get: function () { return chunkPH4LO5TE_cjs.DialogTitle; }
35
35
  });
36
36
  Object.defineProperty(exports, "DialogTrigger", {
37
37
  enumerable: true,
38
- get: function () { return chunk6VVDXGYO_cjs.DialogTrigger; }
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-IV5F734M.js';
1
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-AGVEKVWD.js';
2
2
  import '../../chunk-ZD2QRAOX.js';