sodtrack-web-ui 0.1.0 → 0.1.2

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 (7) hide show
  1. package/dist/index.d.mts +9 -116
  2. package/dist/index.d.ts +9 -116
  3. package/dist/index.js +81 -96
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +81 -96
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +2 -2
package/dist/index.d.mts CHANGED
@@ -1,5 +1,6 @@
1
+ import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
1
2
  import React, { FC } from 'react';
2
- import { VariantProps } from 'cva';
3
+ import { VariantProps } from 'class-variance-authority';
3
4
 
4
5
  type ButtonProps = {
5
6
  startIcon?: React.ReactElement;
@@ -8,64 +9,10 @@ type ButtonProps = {
8
9
  } & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof button>;
9
10
  declare const Button: FC<ButtonProps>;
10
11
  declare const button: (props?: ({
11
- size?: "large" | "medium" | "small" | undefined;
12
- variant?: "link" | "contained" | "outlined" | "ghost" | "standard" | undefined;
13
- loading?: boolean | undefined;
14
- } & ({
15
- class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
16
- [x: string]: any;
17
- } | null | undefined)[] | {
18
- [x: string]: any;
19
- } | null | undefined)[] | {
20
- [x: string]: any;
21
- } | null | undefined)[] | {
22
- [x: string]: any;
23
- } | null | undefined)[] | {
24
- [x: string]: any;
25
- } | null | undefined)[] | {
26
- [x: string]: any;
27
- } | null | undefined)[] | {
28
- [x: string]: any;
29
- } | null | undefined)[] | {
30
- [x: string]: any;
31
- } | null | undefined)[] | {
32
- [x: string]: any;
33
- } | null | undefined)[] | {
34
- [x: string]: any;
35
- } | null | undefined)[] | {
36
- [x: string]: any;
37
- } | null | undefined)[] | {
38
- [x: string]: any;
39
- } | null | undefined;
40
- className?: undefined;
41
- } | {
42
- class?: undefined;
43
- className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
44
- [x: string]: any;
45
- } | null | undefined)[] | {
46
- [x: string]: any;
47
- } | null | undefined)[] | {
48
- [x: string]: any;
49
- } | null | undefined)[] | {
50
- [x: string]: any;
51
- } | null | undefined)[] | {
52
- [x: string]: any;
53
- } | null | undefined)[] | {
54
- [x: string]: any;
55
- } | null | undefined)[] | {
56
- [x: string]: any;
57
- } | null | undefined)[] | {
58
- [x: string]: any;
59
- } | null | undefined)[] | {
60
- [x: string]: any;
61
- } | null | undefined)[] | {
62
- [x: string]: any;
63
- } | null | undefined)[] | {
64
- [x: string]: any;
65
- } | null | undefined)[] | {
66
- [x: string]: any;
67
- } | null | undefined;
68
- })) | undefined) => string;
12
+ size?: "large" | "medium" | "small" | null | undefined;
13
+ variant?: "link" | "contained" | "outlined" | "ghost" | "standard" | null | undefined;
14
+ loading?: boolean | null | undefined;
15
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
69
16
 
70
17
  type AlertProps = {
71
18
  size?: "sm" | "md" | "lg";
@@ -79,63 +26,9 @@ type IconButtonProps = {
79
26
  children: React.ReactElement;
80
27
  } & VariantProps<typeof iconButton> & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
81
28
  declare const iconButton: (props?: ({
82
- variant?: "contained" | "outlined" | "ghost" | "standard" | undefined;
83
- size?: "large" | "medium" | "small" | undefined;
84
- } & ({
85
- class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
86
- [x: string]: any;
87
- } | null | undefined)[] | {
88
- [x: string]: any;
89
- } | null | undefined)[] | {
90
- [x: string]: any;
91
- } | null | undefined)[] | {
92
- [x: string]: any;
93
- } | null | undefined)[] | {
94
- [x: string]: any;
95
- } | null | undefined)[] | {
96
- [x: string]: any;
97
- } | null | undefined)[] | {
98
- [x: string]: any;
99
- } | null | undefined)[] | {
100
- [x: string]: any;
101
- } | null | undefined)[] | {
102
- [x: string]: any;
103
- } | null | undefined)[] | {
104
- [x: string]: any;
105
- } | null | undefined)[] | {
106
- [x: string]: any;
107
- } | null | undefined)[] | {
108
- [x: string]: any;
109
- } | null | undefined;
110
- className?: undefined;
111
- } | {
112
- class?: undefined;
113
- className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
114
- [x: string]: any;
115
- } | null | undefined)[] | {
116
- [x: string]: any;
117
- } | null | undefined)[] | {
118
- [x: string]: any;
119
- } | null | undefined)[] | {
120
- [x: string]: any;
121
- } | null | undefined)[] | {
122
- [x: string]: any;
123
- } | null | undefined)[] | {
124
- [x: string]: any;
125
- } | null | undefined)[] | {
126
- [x: string]: any;
127
- } | null | undefined)[] | {
128
- [x: string]: any;
129
- } | null | undefined)[] | {
130
- [x: string]: any;
131
- } | null | undefined)[] | {
132
- [x: string]: any;
133
- } | null | undefined)[] | {
134
- [x: string]: any;
135
- } | null | undefined)[] | {
136
- [x: string]: any;
137
- } | null | undefined;
138
- })) | undefined) => string;
29
+ variant?: "contained" | "outlined" | "ghost" | "standard" | null | undefined;
30
+ size?: "large" | "medium" | "small" | null | undefined;
31
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
139
32
  declare const IconButton: FC<IconButtonProps>;
140
33
 
141
34
  export { Alert, Button, type ButtonProps, IconButton };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
1
2
  import React, { FC } from 'react';
2
- import { VariantProps } from 'cva';
3
+ import { VariantProps } from 'class-variance-authority';
3
4
 
4
5
  type ButtonProps = {
5
6
  startIcon?: React.ReactElement;
@@ -8,64 +9,10 @@ type ButtonProps = {
8
9
  } & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof button>;
9
10
  declare const Button: FC<ButtonProps>;
10
11
  declare const button: (props?: ({
11
- size?: "large" | "medium" | "small" | undefined;
12
- variant?: "link" | "contained" | "outlined" | "ghost" | "standard" | undefined;
13
- loading?: boolean | undefined;
14
- } & ({
15
- class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
16
- [x: string]: any;
17
- } | null | undefined)[] | {
18
- [x: string]: any;
19
- } | null | undefined)[] | {
20
- [x: string]: any;
21
- } | null | undefined)[] | {
22
- [x: string]: any;
23
- } | null | undefined)[] | {
24
- [x: string]: any;
25
- } | null | undefined)[] | {
26
- [x: string]: any;
27
- } | null | undefined)[] | {
28
- [x: string]: any;
29
- } | null | undefined)[] | {
30
- [x: string]: any;
31
- } | null | undefined)[] | {
32
- [x: string]: any;
33
- } | null | undefined)[] | {
34
- [x: string]: any;
35
- } | null | undefined)[] | {
36
- [x: string]: any;
37
- } | null | undefined)[] | {
38
- [x: string]: any;
39
- } | null | undefined;
40
- className?: undefined;
41
- } | {
42
- class?: undefined;
43
- className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
44
- [x: string]: any;
45
- } | null | undefined)[] | {
46
- [x: string]: any;
47
- } | null | undefined)[] | {
48
- [x: string]: any;
49
- } | null | undefined)[] | {
50
- [x: string]: any;
51
- } | null | undefined)[] | {
52
- [x: string]: any;
53
- } | null | undefined)[] | {
54
- [x: string]: any;
55
- } | null | undefined)[] | {
56
- [x: string]: any;
57
- } | null | undefined)[] | {
58
- [x: string]: any;
59
- } | null | undefined)[] | {
60
- [x: string]: any;
61
- } | null | undefined)[] | {
62
- [x: string]: any;
63
- } | null | undefined)[] | {
64
- [x: string]: any;
65
- } | null | undefined)[] | {
66
- [x: string]: any;
67
- } | null | undefined;
68
- })) | undefined) => string;
12
+ size?: "large" | "medium" | "small" | null | undefined;
13
+ variant?: "link" | "contained" | "outlined" | "ghost" | "standard" | null | undefined;
14
+ loading?: boolean | null | undefined;
15
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
69
16
 
70
17
  type AlertProps = {
71
18
  size?: "sm" | "md" | "lg";
@@ -79,63 +26,9 @@ type IconButtonProps = {
79
26
  children: React.ReactElement;
80
27
  } & VariantProps<typeof iconButton> & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
81
28
  declare const iconButton: (props?: ({
82
- variant?: "contained" | "outlined" | "ghost" | "standard" | undefined;
83
- size?: "large" | "medium" | "small" | undefined;
84
- } & ({
85
- class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
86
- [x: string]: any;
87
- } | null | undefined)[] | {
88
- [x: string]: any;
89
- } | null | undefined)[] | {
90
- [x: string]: any;
91
- } | null | undefined)[] | {
92
- [x: string]: any;
93
- } | null | undefined)[] | {
94
- [x: string]: any;
95
- } | null | undefined)[] | {
96
- [x: string]: any;
97
- } | null | undefined)[] | {
98
- [x: string]: any;
99
- } | null | undefined)[] | {
100
- [x: string]: any;
101
- } | null | undefined)[] | {
102
- [x: string]: any;
103
- } | null | undefined)[] | {
104
- [x: string]: any;
105
- } | null | undefined)[] | {
106
- [x: string]: any;
107
- } | null | undefined)[] | {
108
- [x: string]: any;
109
- } | null | undefined;
110
- className?: undefined;
111
- } | {
112
- class?: undefined;
113
- className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
114
- [x: string]: any;
115
- } | null | undefined)[] | {
116
- [x: string]: any;
117
- } | null | undefined)[] | {
118
- [x: string]: any;
119
- } | null | undefined)[] | {
120
- [x: string]: any;
121
- } | null | undefined)[] | {
122
- [x: string]: any;
123
- } | null | undefined)[] | {
124
- [x: string]: any;
125
- } | null | undefined)[] | {
126
- [x: string]: any;
127
- } | null | undefined)[] | {
128
- [x: string]: any;
129
- } | null | undefined)[] | {
130
- [x: string]: any;
131
- } | null | undefined)[] | {
132
- [x: string]: any;
133
- } | null | undefined)[] | {
134
- [x: string]: any;
135
- } | null | undefined)[] | {
136
- [x: string]: any;
137
- } | null | undefined;
138
- })) | undefined) => string;
29
+ variant?: "contained" | "outlined" | "ghost" | "standard" | null | undefined;
30
+ size?: "large" | "medium" | "small" | null | undefined;
31
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
139
32
  declare const IconButton: FC<IconButtonProps>;
140
33
 
141
34
  export { Alert, Button, type ButtonProps, IconButton };
package/dist/index.js CHANGED
@@ -2596,62 +2596,45 @@ function clsx2() {
2596
2596
  return n;
2597
2597
  }
2598
2598
 
2599
- // node_modules/.pnpm/cva@1.0.0-beta.1_typescript@5.4.5/node_modules/cva/dist/index.mjs
2599
+ // node_modules/.pnpm/class-variance-authority@0.7.0/node_modules/class-variance-authority/dist/index.mjs
2600
2600
  var falsyToString = (value) => typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
2601
- var defineConfig = (options) => {
2602
- const cx1 = function() {
2603
- for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
2604
- inputs[_key] = arguments[_key];
2605
- }
2606
- var ref, ref1;
2607
- if (typeof (options === null || options === void 0 ? void 0 : (ref = options.hooks) === null || ref === void 0 ? void 0 : ref["cx:done"]) !== "undefined")
2608
- return options === null || options === void 0 ? void 0 : options.hooks["cx:done"](clsx2(inputs));
2609
- if (typeof (options === null || options === void 0 ? void 0 : (ref1 = options.hooks) === null || ref1 === void 0 ? void 0 : ref1.onComplete) !== "undefined")
2610
- return options === null || options === void 0 ? void 0 : options.hooks.onComplete(clsx2(inputs));
2611
- return clsx2(inputs);
2612
- };
2613
- const cva1 = (config) => {
2614
- return (props) => {
2615
- var ref;
2616
- if ((config === null || config === void 0 ? void 0 : config.variants) == null)
2617
- return cx1(config === null || config === void 0 ? void 0 : config.base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
2618
- const { variants, defaultVariants } = config;
2619
- const getVariantClassNames = Object.keys(variants).map((variant) => {
2620
- const variantProp = props === null || props === void 0 ? void 0 : props[variant];
2621
- const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
2622
- const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
2623
- return variants[variant][variantKey];
2624
- });
2625
- const defaultsAndProps = __spreadValues(__spreadValues({}, defaultVariants), props && Object.entries(props).reduce((acc, param) => {
2601
+ var cx = clsx2;
2602
+ var cva = (base, config) => {
2603
+ return (props) => {
2604
+ var ref;
2605
+ if ((config === null || config === void 0 ? void 0 : config.variants) == null)
2606
+ return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
2607
+ const { variants, defaultVariants } = config;
2608
+ const getVariantClassNames = Object.keys(variants).map((variant) => {
2609
+ const variantProp = props === null || props === void 0 ? void 0 : props[variant];
2610
+ const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
2611
+ if (variantProp === null)
2612
+ return null;
2613
+ const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
2614
+ return variants[variant][variantKey];
2615
+ });
2616
+ const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
2617
+ let [key, value] = param;
2618
+ if (value === void 0) {
2619
+ return acc;
2620
+ }
2621
+ acc[key] = value;
2622
+ return acc;
2623
+ }, {});
2624
+ const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1) => {
2625
+ let _a = param1, { class: cvClass, className: cvClassName } = _a, compoundVariantOptions = __objRest(_a, ["class", "className"]);
2626
+ return Object.entries(compoundVariantOptions).every((param) => {
2626
2627
  let [key, value] = param;
2627
- return typeof value === "undefined" ? acc : __spreadProps(__spreadValues({}, acc), { [key]: value });
2628
- }, {}));
2629
- const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1) => {
2630
- let _a = param1, { class: cvClass, className: cvClassName } = _a, cvConfig = __objRest(_a, ["class", "className"]);
2631
- return Object.entries(cvConfig).every((param) => {
2632
- let [cvKey, cvSelector] = param;
2633
- const selector = defaultsAndProps[cvKey];
2634
- return Array.isArray(cvSelector) ? cvSelector.includes(selector) : selector === cvSelector;
2635
- }) ? [...acc, cvClass, cvClassName] : acc;
2636
- }, []);
2637
- return cx1(config === null || config === void 0 ? void 0 : config.base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
2638
- };
2628
+ return Array.isArray(value) ? value.includes(__spreadValues(__spreadValues({}, defaultVariants), propsWithoutUndefined)[key]) : __spreadValues(__spreadValues({}, defaultVariants), propsWithoutUndefined)[key] === value;
2629
+ }) ? [
2630
+ ...acc,
2631
+ cvClass,
2632
+ cvClassName
2633
+ ] : acc;
2634
+ }, []);
2635
+ return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
2639
2636
  };
2640
- const compose1 = function() {
2641
- for (var _len = arguments.length, components = new Array(_len), _key = 0; _key < _len; _key++) {
2642
- components[_key] = arguments[_key];
2643
- }
2644
- return (props) => {
2645
- const propsWithoutClass = Object.fromEntries(Object.entries(props || {}).filter((param) => {
2646
- let [key] = param;
2647
- return !["class", "className"].includes(key);
2648
- }));
2649
- return cx1(components.map((component) => component(propsWithoutClass)), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
2650
- };
2651
- };
2652
- return { compose: compose1, cva: cva1, cx: cx1 };
2653
2637
  };
2654
- var { compose, cva, cx } = defineConfig();
2655
2638
 
2656
2639
  // node_modules/.pnpm/lucide-react@0.379.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
2657
2640
  var import_react2 = require("react");
@@ -2790,8 +2773,8 @@ var Button = (_a) => {
2790
2773
  var _b = _a, {
2791
2774
  children,
2792
2775
  className,
2793
- variant,
2794
- size,
2776
+ variant = "contained",
2777
+ size = "medium",
2795
2778
  startIcon,
2796
2779
  endIcon,
2797
2780
  loading = false,
@@ -2831,35 +2814,36 @@ var Button = (_a) => {
2831
2814
  })
2832
2815
  );
2833
2816
  };
2834
- var button = cva({
2835
- base: "flex flex-shrink-0 items-center justify-center gap-2 rounded-lg font-inter text-base font-semibold leading-[130%] disabled:cursor-not-allowed disabled:ring-0",
2836
- variants: {
2837
- size: {
2838
- large: "h-12 px-[11.13px]",
2839
- medium: "h-10 px-[11.13px]",
2840
- small: "h-8 gap-1 px-[11.4px] text-sm leading-[120%]"
2841
- },
2842
- variant: {
2843
- contained: "bg-primary-500 text-neutral-50 hover:bg-primary-600 focus:bg-primary-500 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-primary-700 active:ring-0 disabled:bg-neutral-100 disabled:text-neutral-500",
2844
- outlined: "text-primary-500 ring-[1.5px] ring-inset ring-primary-500 hover:bg-transparent-primary-9 hover:text-primary-600 hover:ring-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:text-primary-500 focus:ring-[3px] focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-[1.5px] active:ring-primary-700 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500 disabled:ring-[1.5px] disabled:ring-neutral-500",
2845
- ghost: "text-primary-500 hover:bg-transparent-primary-9 hover:text-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500",
2846
- standard: "text-neutral-900 hover:bg-transparent-primary-9 focus:bg-neutral-50 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500",
2847
- link: "text-primary-500 underline underline-offset-2 hover:bg-transparent-primary-9 hover:text-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:text-primary-500 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500"
2817
+ var button = cva(
2818
+ "flex flex-shrink-0 items-center justify-center gap-2 rounded-lg font-inter text-base font-semibold leading-[130%] disabled:cursor-not-allowed disabled:ring-0",
2819
+ {
2820
+ variants: {
2821
+ size: {
2822
+ large: "h-12 px-[11.13px]",
2823
+ medium: "h-10 px-[11.13px]",
2824
+ small: "h-8 gap-1 px-[11.4px] text-sm leading-[120%]"
2825
+ },
2826
+ variant: {
2827
+ contained: "bg-primary-500 text-neutral-50 hover:bg-primary-600 focus:bg-primary-500 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-primary-700 active:ring-0 disabled:bg-neutral-100 disabled:text-neutral-500",
2828
+ outlined: "text-primary-500 ring-[1.5px] ring-inset ring-primary-500 hover:bg-transparent-primary-9 hover:text-primary-600 hover:ring-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:text-primary-500 focus:ring-[3px] focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-[1.5px] active:ring-primary-700 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500 disabled:ring-[1.5px] disabled:ring-neutral-500",
2829
+ ghost: "text-primary-500 hover:bg-transparent-primary-9 hover:text-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500",
2830
+ standard: "text-neutral-900 hover:bg-transparent-primary-9 focus:bg-neutral-50 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500",
2831
+ link: "text-primary-500 underline underline-offset-2 hover:bg-transparent-primary-9 hover:text-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:text-primary-500 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500"
2832
+ },
2833
+ loading: {
2834
+ true: "disabled:text-neutral-50 disabled:text-opacity-0"
2835
+ }
2848
2836
  },
2849
- loading: {
2850
- true: "disabled:text-neutral-50 disabled:text-opacity-0"
2837
+ defaultVariants: {
2838
+ variant: "contained",
2839
+ size: "medium"
2851
2840
  }
2852
- },
2853
- defaultVariants: {
2854
- variant: "contained",
2855
- size: "medium"
2856
2841
  }
2857
- });
2842
+ );
2858
2843
 
2859
2844
  // src/components/alert.tsx
2860
2845
  var import_react4 = __toESM(require("react"));
2861
- var alertRoot = cva({
2862
- base: "rounded-lg p-4 pr-2 flex justify-between",
2846
+ var alertRoot = cva("rounded-lg p-4 pr-2 flex justify-between", {
2863
2847
  variants: {
2864
2848
  variant: {
2865
2849
  warning: "bg-warning-100",
@@ -2869,8 +2853,7 @@ var alertRoot = cva({
2869
2853
  }
2870
2854
  }
2871
2855
  });
2872
- var alertIcon = cva({
2873
- base: "mr-3 w-[1.375rem] h-[1.375rem] shrink-0",
2856
+ var alertIcon = cva("mr-3 w-[1.375rem] h-[1.375rem] shrink-0", {
2874
2857
  variants: {
2875
2858
  variant: {
2876
2859
  warning: "text-warning-500",
@@ -2909,26 +2892,28 @@ var Alert = ({
2909
2892
 
2910
2893
  // src/components/icon-button.tsx
2911
2894
  var import_react5 = __toESM(require("react"));
2912
- var iconButton = cva({
2913
- base: "flex items-center justify-center rounded-lg font-inter text-base font-semibold disabled:cursor-not-allowed disabled:ring-0",
2914
- variants: {
2915
- variant: {
2916
- contained: "bg-primary-500 text-neutral-50 hover:bg-primary-600 focus:bg-primary-500 focus:ring-[3px] active:ring-0 focus:ring-inset focus:ring-primary-800 active:bg-primary-700 disabled:bg-neutral-100 disabled:text-neutral-500",
2917
- outlined: "text-primary-500 ring-[1.5px] active:ring-[1.5px] focus:ring-primary-800 ring-inset ring-primary-500 hover:bg-transparent-primary-9 hover:text-primary-600 hover:ring-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:text-primary-500 focus:ring-[3px] active:bg-transparent-primary-20 active:text-primary-700 active:ring-primary-700 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500 disabled:ring-[1.5px] disabled:ring-neutral-500",
2918
- ghost: "text-primary-500 hover:bg-transparent-primary-9 active:ring-0 hover:text-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500",
2919
- standard: "text-neutral-900 hover:bg-transparent-primary-9 focus:bg-neutral-50 active:ring-0 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500"
2895
+ var iconButton = cva(
2896
+ "flex items-center justify-center rounded-lg font-inter text-base font-semibold disabled:cursor-not-allowed disabled:ring-0",
2897
+ {
2898
+ variants: {
2899
+ variant: {
2900
+ contained: "bg-primary-500 text-neutral-50 hover:bg-primary-600 focus:bg-primary-500 focus:ring-[3px] active:ring-0 focus:ring-inset focus:ring-primary-800 active:bg-primary-700 disabled:bg-neutral-100 disabled:text-neutral-500",
2901
+ outlined: "text-primary-500 ring-[1.5px] active:ring-[1.5px] focus:ring-primary-800 ring-inset ring-primary-500 hover:bg-transparent-primary-9 hover:text-primary-600 hover:ring-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:text-primary-500 focus:ring-[3px] active:bg-transparent-primary-20 active:text-primary-700 active:ring-primary-700 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500 disabled:ring-[1.5px] disabled:ring-neutral-500",
2902
+ ghost: "text-primary-500 hover:bg-transparent-primary-9 active:ring-0 hover:text-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500",
2903
+ standard: "text-neutral-900 hover:bg-transparent-primary-9 focus:bg-neutral-50 active:ring-0 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500"
2904
+ },
2905
+ size: {
2906
+ small: "h-8 w-8 text-sm",
2907
+ medium: "h-10 w-10",
2908
+ large: "h-12 w-12"
2909
+ }
2920
2910
  },
2921
- size: {
2922
- small: "h-8 w-8 text-sm",
2923
- medium: "h-10 w-10",
2924
- large: "h-12 w-12"
2911
+ defaultVariants: {
2912
+ variant: "contained",
2913
+ size: "medium"
2925
2914
  }
2926
- },
2927
- defaultVariants: {
2928
- variant: "contained",
2929
- size: "medium"
2930
2915
  }
2931
- });
2916
+ );
2932
2917
  var IconButton = (0, import_react5.forwardRef)(
2933
2918
  (_a, ref) => {
2934
2919
  var _b = _a, { children, className, variant = "contained", size = "medium" } = _b, props = __objRest(_b, ["children", "className", "variant", "size"]);