@snapcall/design-system 1.20.0-beta.3 → 1.20.0-beta.5
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/Avatar/index.d.mts +21 -1
- package/dist/Avatar/index.d.ts +21 -1
- package/dist/Button/index.d.mts +7 -1
- package/dist/Button/index.d.ts +7 -1
- package/dist/Calendar/index.d.mts +1 -1
- package/dist/Calendar/index.d.ts +1 -1
- package/dist/Command/index.d.mts +96 -2
- package/dist/Command/index.d.ts +96 -2
- package/dist/CreatableSelect/index.d.mts +1 -1
- package/dist/CreatableSelect/index.d.ts +1 -1
- package/dist/Input/index.d.mts +1 -1
- package/dist/Input/index.d.ts +1 -1
- package/dist/Pagination/index.d.mts +1 -1
- package/dist/Pagination/index.d.ts +1 -1
- package/dist/Select/index.d.mts +1 -1
- package/dist/Select/index.d.ts +1 -1
- package/dist/Textarea/index.d.mts +1 -1
- package/dist/Textarea/index.d.ts +1 -1
- package/dist/{chunk-I7KGDNNG.mjs → chunk-22ROPG2O.mjs} +2 -2
- package/dist/{chunk-R3S6KBX3.mjs → chunk-4IMIAFOU.mjs} +27 -70
- package/dist/{chunk-XWD63VYR.mjs → chunk-655CU734.mjs} +2 -2
- package/dist/{chunk-PDYIMMJH.mjs → chunk-APPCA7PA.mjs} +10 -48
- package/dist/chunk-FCKIVF33.mjs +454 -0
- package/dist/{chunk-IZJXAMXC.mjs → chunk-FETPXSOH.mjs} +1 -1
- package/dist/{chunk-4TUMP4TB.mjs → chunk-ZUDNZTUE.mjs} +5 -5
- package/dist/components/Accordion/index.js +2 -4
- package/dist/components/Accordion/index.mjs +10 -41
- package/dist/components/AlertDialog/index.js +4 -6
- package/dist/components/AlertDialog/index.mjs +4 -2
- package/dist/components/Avatar/index.js +10 -6
- package/dist/components/Avatar/index.mjs +5 -2
- package/dist/components/Badge/index.js +2 -4
- package/dist/components/Badge/index.mjs +1 -1
- package/dist/components/Button/index.js +6 -6
- package/dist/components/Button/index.mjs +7 -3
- package/dist/components/Calendar/index.js +3 -5
- package/dist/components/Calendar/index.mjs +7 -8
- package/dist/components/Carousel/index.js +3 -5
- package/dist/components/Carousel/index.mjs +18 -141
- package/dist/components/Checkbox/index.js +2 -4
- package/dist/components/Checkbox/index.mjs +3 -2
- package/dist/components/Command/index.js +4 -6
- package/dist/components/Command/index.mjs +5 -5
- package/dist/components/CreatableSelect/index.js +8 -10
- package/dist/components/CreatableSelect/index.mjs +9 -9
- package/dist/components/Dialog/index.js +4 -5
- package/dist/components/Dialog/index.mjs +7 -5
- package/dist/components/DropdownMenu/index.js +3 -5
- package/dist/components/DropdownMenu/index.mjs +6 -6
- package/dist/components/FilterButton/index.js +6 -8
- package/dist/components/FilterButton/index.mjs +5 -3
- package/dist/components/Form/index.js +3 -5
- package/dist/components/Form/index.mjs +2 -2
- package/dist/components/Input/index.js +2 -4
- package/dist/components/Input/index.mjs +1 -1
- package/dist/components/Label/index.js +2 -4
- package/dist/components/Label/index.mjs +1 -1
- package/dist/components/Link/index.js +2 -4
- package/dist/components/Link/index.mjs +1 -1
- package/dist/components/Pagination/index.js +3 -3
- package/dist/components/Pagination/index.mjs +19 -85
- package/dist/components/Popover/index.js +2 -4
- package/dist/components/Popover/index.mjs +1 -1
- package/dist/components/RadioGroup/index.js +3 -4
- package/dist/components/RadioGroup/index.mjs +2 -1
- package/dist/components/Select/index.js +2 -4
- package/dist/components/Select/index.mjs +13 -43
- package/dist/components/Sheet/index.js +3 -5
- package/dist/components/Sheet/index.mjs +6 -5
- package/dist/components/Skeleton/index.js +2 -2
- package/dist/components/Skeleton/index.mjs +1 -1
- package/dist/components/Switch/index.js +2 -4
- package/dist/components/Switch/index.mjs +1 -1
- package/dist/components/Table/index.js +2 -4
- package/dist/components/Table/index.mjs +1 -1
- package/dist/components/Tabs/index.js +2 -4
- package/dist/components/Tabs/index.mjs +1 -1
- package/dist/components/Textarea/index.js +2 -4
- package/dist/components/Textarea/index.mjs +1 -1
- package/dist/components/Toaster/index.js +2 -2
- package/dist/components/Toaster/index.mjs +5 -4
- package/dist/components/ToggleGroup/index.js +2 -4
- package/dist/components/ToggleGroup/index.mjs +3 -2
- package/dist/components/Tooltip/index.js +2 -4
- package/dist/components/Tooltip/index.mjs +1 -1
- package/dist/icons/index.d.mts +2452 -2
- package/dist/icons/index.d.ts +2452 -2
- package/dist/icons/index.js +3678 -2455
- package/dist/icons/index.mjs +2450 -1227
- package/dist/index.d.mts +2 -3
- package/dist/index.d.ts +2 -3
- package/dist/index.js +275 -61
- package/dist/index.mjs +279 -30
- package/package.json +19 -1
- package/dist/chunk-NOFOM2SJ.mjs +0 -41
- package/dist/chunk-PPFZHO26.mjs +0 -41
- package/dist/chunk-ZT2KTEGZ.mjs +0 -41
- package/dist/icons/search.js +0 -98
- package/dist/icons/search.mjs +0 -50
- package/dist/index-2pOvozv0.d.mts +0 -2456
- package/dist/index-2pOvozv0.d.ts +0 -2456
- package/dist/index-Jp7jKI5I.d.mts +0 -96
- package/dist/index-Jp7jKI5I.d.ts +0 -96
- package/dist/search.d.mts +0 -6
- package/dist/search.d.ts +0 -6
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import {
|
|
2
|
+
SpinnerIcon
|
|
3
|
+
} from "./chunk-FCKIVF33.mjs";
|
|
1
4
|
import {
|
|
2
5
|
__objRest,
|
|
3
6
|
__spreadProps,
|
|
@@ -5,52 +8,11 @@ import {
|
|
|
5
8
|
cn
|
|
6
9
|
} from "./chunk-JKJ6VK4H.mjs";
|
|
7
10
|
|
|
8
|
-
// src/components/Button/
|
|
11
|
+
// src/components/Button/index.tsx
|
|
9
12
|
import * as React from "react";
|
|
10
13
|
import { Slot } from "@radix-ui/react-slot";
|
|
11
14
|
import { cva } from "class-variance-authority";
|
|
12
|
-
|
|
13
|
-
// src/icons/spinner.tsx
|
|
14
|
-
import { forwardRef } from "react";
|
|
15
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
-
var SpinnerIcon = forwardRef(
|
|
17
|
-
function SpinnerIcon2(_a, ref) {
|
|
18
|
-
var _b = _a, { size = 24, className = "animate-spin text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
19
|
-
return /* @__PURE__ */ jsxs(
|
|
20
|
-
"svg",
|
|
21
|
-
__spreadProps(__spreadValues({
|
|
22
|
-
ref,
|
|
23
|
-
width: size,
|
|
24
|
-
height: size,
|
|
25
|
-
viewBox: "0 0 25 24",
|
|
26
|
-
fill: "none",
|
|
27
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
-
className
|
|
29
|
-
}, other), {
|
|
30
|
-
children: [
|
|
31
|
-
/* @__PURE__ */ jsx(
|
|
32
|
-
"path",
|
|
33
|
-
{
|
|
34
|
-
opacity: "0.12",
|
|
35
|
-
d: "M24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12ZM3.668 12C3.668 16.8778 7.62222 20.832 12.5 20.832C17.3778 20.832 21.332 16.8778 21.332 12C21.332 7.12222 17.3778 3.168 12.5 3.168C7.62222 3.168 3.668 7.12222 3.668 12Z",
|
|
36
|
-
fill: "currentColor"
|
|
37
|
-
}
|
|
38
|
-
),
|
|
39
|
-
/* @__PURE__ */ jsx(
|
|
40
|
-
"path",
|
|
41
|
-
{
|
|
42
|
-
d: "M22.916 12C23.7908 12 24.5108 12.7122 24.3956 13.5794C24.1641 15.323 23.5512 17.0011 22.5928 18.4912C21.3476 20.4272 19.5719 21.9643 17.4774 22.919C15.3829 23.8738 13.058 24.206 10.7799 23.8761C8.50179 23.5461 6.36667 22.5679 4.62912 21.0581C2.89158 19.5483 1.62494 17.5706 0.98025 15.3609C0.335563 13.1511 0.340035 10.8026 0.993131 8.5953C1.64623 6.38803 2.92039 4.41517 4.66367 2.91199C6.00545 1.75501 7.58156 0.913857 9.27571 0.441275C10.1184 0.206218 10.9241 0.819698 11.0462 1.68595C11.1683 2.55221 10.5575 3.33995 9.72694 3.61463C8.63201 3.97673 7.61359 4.55146 6.73246 5.31122C5.44941 6.41757 4.51162 7.86959 4.03094 9.49414C3.55027 11.1187 3.54697 12.8472 4.02146 14.4736C4.49595 16.1 5.4282 17.5555 6.70703 18.6668C7.98587 19.778 9.55732 20.4979 11.234 20.7408C12.9107 20.9836 14.6218 20.7391 16.1634 20.0364C17.7049 19.3337 19.0119 18.2024 19.9283 16.7775C20.5576 15.799 20.9846 14.7103 21.1903 13.5755C21.3464 12.7148 22.0412 12 22.916 12Z",
|
|
43
|
-
fill: "currentColor"
|
|
44
|
-
}
|
|
45
|
-
)
|
|
46
|
-
]
|
|
47
|
-
})
|
|
48
|
-
);
|
|
49
|
-
}
|
|
50
|
-
);
|
|
51
|
-
|
|
52
|
-
// src/components/Button/Button.tsx
|
|
53
|
-
import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
15
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
54
16
|
var buttonVariants = cva(
|
|
55
17
|
"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-none focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
|
|
56
18
|
{
|
|
@@ -129,7 +91,7 @@ var Button = React.forwardRef(
|
|
|
129
91
|
var _a2;
|
|
130
92
|
const Comp = asChild ? Slot : "button";
|
|
131
93
|
const sizesStyle = icon ? iconButtonSizes : buttonSizes;
|
|
132
|
-
return /* @__PURE__ */
|
|
94
|
+
return /* @__PURE__ */ jsx(
|
|
133
95
|
Comp,
|
|
134
96
|
__spreadProps(__spreadValues({
|
|
135
97
|
className: cn(
|
|
@@ -140,15 +102,15 @@ var Button = React.forwardRef(
|
|
|
140
102
|
disabled: (_a2 = props.disabled) != null ? _a2 : isLoading,
|
|
141
103
|
type
|
|
142
104
|
}, props), {
|
|
143
|
-
children: isLoading ? /* @__PURE__ */
|
|
144
|
-
/* @__PURE__ */
|
|
105
|
+
children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
106
|
+
/* @__PURE__ */ jsx(
|
|
145
107
|
SpinnerIcon,
|
|
146
108
|
{
|
|
147
109
|
size: iconSizes[size || "md"],
|
|
148
110
|
className: "absolute text-inherit animate-spin"
|
|
149
111
|
}
|
|
150
112
|
),
|
|
151
|
-
/* @__PURE__ */
|
|
113
|
+
/* @__PURE__ */ jsx("span", { className: "flex gap-[inherit] invisible", children })
|
|
152
114
|
] }) : children
|
|
153
115
|
})
|
|
154
116
|
);
|
|
@@ -157,9 +119,9 @@ var Button = React.forwardRef(
|
|
|
157
119
|
Button.displayName = "Button";
|
|
158
120
|
|
|
159
121
|
export {
|
|
160
|
-
SpinnerIcon,
|
|
161
122
|
buttonVariants,
|
|
162
123
|
buttonSizes,
|
|
163
124
|
iconButtonSizes,
|
|
125
|
+
iconSizes,
|
|
164
126
|
Button
|
|
165
127
|
};
|
|
@@ -0,0 +1,454 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__objRest,
|
|
3
|
+
__spreadProps,
|
|
4
|
+
__spreadValues
|
|
5
|
+
} from "./chunk-JKJ6VK4H.mjs";
|
|
6
|
+
|
|
7
|
+
// src/icons/arrowDown.tsx
|
|
8
|
+
import { forwardRef } from "react";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
var ArrowDownIcon = forwardRef(
|
|
11
|
+
function ArrowDownIcon2(_a, ref) {
|
|
12
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
"svg",
|
|
15
|
+
__spreadProps(__spreadValues({
|
|
16
|
+
ref,
|
|
17
|
+
width: size,
|
|
18
|
+
height: size,
|
|
19
|
+
viewBox: "0 0 24 24",
|
|
20
|
+
fill: "none",
|
|
21
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
+
className
|
|
23
|
+
}, other), {
|
|
24
|
+
children: /* @__PURE__ */ jsx(
|
|
25
|
+
"path",
|
|
26
|
+
{
|
|
27
|
+
d: "M12 5V19M12 19L19 12M12 19L5 12",
|
|
28
|
+
stroke: "currentColor",
|
|
29
|
+
strokeWidth: "2",
|
|
30
|
+
strokeLinecap: "round",
|
|
31
|
+
strokeLinejoin: "round"
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
})
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
|
|
39
|
+
// src/icons/arrowLeft.tsx
|
|
40
|
+
import { forwardRef as forwardRef2 } from "react";
|
|
41
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
42
|
+
var ArrowLeftIcon = forwardRef2(
|
|
43
|
+
function ArrowLeftIcon2(_a, ref) {
|
|
44
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
45
|
+
return /* @__PURE__ */ jsx2(
|
|
46
|
+
"svg",
|
|
47
|
+
__spreadProps(__spreadValues({
|
|
48
|
+
ref,
|
|
49
|
+
width: size,
|
|
50
|
+
height: size,
|
|
51
|
+
viewBox: "0 0 24 24",
|
|
52
|
+
fill: "none",
|
|
53
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
54
|
+
className
|
|
55
|
+
}, other), {
|
|
56
|
+
children: /* @__PURE__ */ jsx2(
|
|
57
|
+
"path",
|
|
58
|
+
{
|
|
59
|
+
d: "M19 12H5M5 12L12 19M5 12L12 5",
|
|
60
|
+
stroke: "currentColor",
|
|
61
|
+
strokeWidth: "2",
|
|
62
|
+
strokeLinecap: "round",
|
|
63
|
+
strokeLinejoin: "round"
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
})
|
|
67
|
+
);
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
|
|
71
|
+
// src/icons/arrowRight.tsx
|
|
72
|
+
import { forwardRef as forwardRef3 } from "react";
|
|
73
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
74
|
+
var ArrowRightIcon = forwardRef3(
|
|
75
|
+
function ArrowRightIcon2(_a, ref) {
|
|
76
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
77
|
+
return /* @__PURE__ */ jsx3(
|
|
78
|
+
"svg",
|
|
79
|
+
__spreadProps(__spreadValues({
|
|
80
|
+
ref,
|
|
81
|
+
width: size,
|
|
82
|
+
height: size,
|
|
83
|
+
viewBox: "0 0 24 24",
|
|
84
|
+
fill: "none",
|
|
85
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
86
|
+
className
|
|
87
|
+
}, other), {
|
|
88
|
+
children: /* @__PURE__ */ jsx3(
|
|
89
|
+
"path",
|
|
90
|
+
{
|
|
91
|
+
d: "M5 12H19M19 12L12 5M19 12L12 19",
|
|
92
|
+
stroke: "currentColor",
|
|
93
|
+
strokeWidth: "2",
|
|
94
|
+
strokeLinecap: "round",
|
|
95
|
+
strokeLinejoin: "round"
|
|
96
|
+
}
|
|
97
|
+
)
|
|
98
|
+
})
|
|
99
|
+
);
|
|
100
|
+
}
|
|
101
|
+
);
|
|
102
|
+
|
|
103
|
+
// src/icons/arrowUp.tsx
|
|
104
|
+
import { forwardRef as forwardRef4 } from "react";
|
|
105
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
106
|
+
var ArrowUpIcon = forwardRef4(
|
|
107
|
+
function ArrowUpIcon2(_a, ref) {
|
|
108
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
109
|
+
return /* @__PURE__ */ jsx4(
|
|
110
|
+
"svg",
|
|
111
|
+
__spreadProps(__spreadValues({
|
|
112
|
+
ref,
|
|
113
|
+
width: size,
|
|
114
|
+
height: size,
|
|
115
|
+
viewBox: "0 0 24 24",
|
|
116
|
+
fill: "none",
|
|
117
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
118
|
+
className
|
|
119
|
+
}, other), {
|
|
120
|
+
children: /* @__PURE__ */ jsx4(
|
|
121
|
+
"path",
|
|
122
|
+
{
|
|
123
|
+
d: "M12 19V5M12 5L5 12M12 5L19 12",
|
|
124
|
+
stroke: "currentColor",
|
|
125
|
+
strokeWidth: "2",
|
|
126
|
+
strokeLinecap: "round",
|
|
127
|
+
strokeLinejoin: "round"
|
|
128
|
+
}
|
|
129
|
+
)
|
|
130
|
+
})
|
|
131
|
+
);
|
|
132
|
+
}
|
|
133
|
+
);
|
|
134
|
+
|
|
135
|
+
// src/icons/check.tsx
|
|
136
|
+
import { forwardRef as forwardRef5 } from "react";
|
|
137
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
138
|
+
var CheckIcon = forwardRef5(
|
|
139
|
+
function CheckIcon2(_a, ref) {
|
|
140
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
141
|
+
return /* @__PURE__ */ jsx5(
|
|
142
|
+
"svg",
|
|
143
|
+
__spreadProps(__spreadValues({
|
|
144
|
+
ref,
|
|
145
|
+
width: size,
|
|
146
|
+
height: size,
|
|
147
|
+
viewBox: "0 0 24 24",
|
|
148
|
+
fill: "none",
|
|
149
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
150
|
+
className
|
|
151
|
+
}, other), {
|
|
152
|
+
children: /* @__PURE__ */ jsx5(
|
|
153
|
+
"path",
|
|
154
|
+
{
|
|
155
|
+
d: "M20 6L9 17L4 12",
|
|
156
|
+
stroke: "currentColor",
|
|
157
|
+
strokeWidth: "2",
|
|
158
|
+
strokeLinecap: "round",
|
|
159
|
+
strokeLinejoin: "round"
|
|
160
|
+
}
|
|
161
|
+
)
|
|
162
|
+
})
|
|
163
|
+
);
|
|
164
|
+
}
|
|
165
|
+
);
|
|
166
|
+
|
|
167
|
+
// src/icons/chevronLeft.tsx
|
|
168
|
+
import { forwardRef as forwardRef6 } from "react";
|
|
169
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
170
|
+
var ChevronLeftIcon = forwardRef6(
|
|
171
|
+
function ChevronLeftIcon2(_a, ref) {
|
|
172
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
173
|
+
return /* @__PURE__ */ jsx6(
|
|
174
|
+
"svg",
|
|
175
|
+
__spreadProps(__spreadValues({
|
|
176
|
+
ref,
|
|
177
|
+
width: size,
|
|
178
|
+
height: size,
|
|
179
|
+
viewBox: "0 0 24 24",
|
|
180
|
+
fill: "none",
|
|
181
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
182
|
+
className
|
|
183
|
+
}, other), {
|
|
184
|
+
children: /* @__PURE__ */ jsx6(
|
|
185
|
+
"path",
|
|
186
|
+
{
|
|
187
|
+
d: "M15 18L9 12L15 6",
|
|
188
|
+
stroke: "currentColor",
|
|
189
|
+
strokeWidth: "2",
|
|
190
|
+
strokeLinecap: "round",
|
|
191
|
+
strokeLinejoin: "round"
|
|
192
|
+
}
|
|
193
|
+
)
|
|
194
|
+
})
|
|
195
|
+
);
|
|
196
|
+
}
|
|
197
|
+
);
|
|
198
|
+
|
|
199
|
+
// src/icons/chevronLeftDouble.tsx
|
|
200
|
+
import { forwardRef as forwardRef7 } from "react";
|
|
201
|
+
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
202
|
+
var ChevronLeftDoubleIcon = forwardRef7(
|
|
203
|
+
function ChevronLeftDoubleIcon2(_a, ref) {
|
|
204
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
205
|
+
return /* @__PURE__ */ jsx7(
|
|
206
|
+
"svg",
|
|
207
|
+
__spreadProps(__spreadValues({
|
|
208
|
+
ref,
|
|
209
|
+
width: size,
|
|
210
|
+
height: size,
|
|
211
|
+
viewBox: "0 0 24 24",
|
|
212
|
+
fill: "none",
|
|
213
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
214
|
+
className
|
|
215
|
+
}, other), {
|
|
216
|
+
children: /* @__PURE__ */ jsx7(
|
|
217
|
+
"path",
|
|
218
|
+
{
|
|
219
|
+
d: "M18 17L13 12L18 7M11 17L6 12L11 7",
|
|
220
|
+
stroke: "currentColor",
|
|
221
|
+
strokeWidth: "2",
|
|
222
|
+
strokeLinecap: "round",
|
|
223
|
+
strokeLinejoin: "round"
|
|
224
|
+
}
|
|
225
|
+
)
|
|
226
|
+
})
|
|
227
|
+
);
|
|
228
|
+
}
|
|
229
|
+
);
|
|
230
|
+
|
|
231
|
+
// src/icons/chevronRight.tsx
|
|
232
|
+
import { forwardRef as forwardRef8 } from "react";
|
|
233
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
234
|
+
var ChevronRightIcon = forwardRef8(
|
|
235
|
+
function ChevronRightIcon2(_a, ref) {
|
|
236
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
237
|
+
return /* @__PURE__ */ jsx8(
|
|
238
|
+
"svg",
|
|
239
|
+
__spreadProps(__spreadValues({
|
|
240
|
+
ref,
|
|
241
|
+
width: size,
|
|
242
|
+
height: size,
|
|
243
|
+
viewBox: "0 0 24 24",
|
|
244
|
+
fill: "none",
|
|
245
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
246
|
+
className
|
|
247
|
+
}, other), {
|
|
248
|
+
children: /* @__PURE__ */ jsx8(
|
|
249
|
+
"path",
|
|
250
|
+
{
|
|
251
|
+
d: "M9 18L15 12L9 6",
|
|
252
|
+
stroke: "currentColor",
|
|
253
|
+
strokeWidth: "2",
|
|
254
|
+
strokeLinecap: "round",
|
|
255
|
+
strokeLinejoin: "round"
|
|
256
|
+
}
|
|
257
|
+
)
|
|
258
|
+
})
|
|
259
|
+
);
|
|
260
|
+
}
|
|
261
|
+
);
|
|
262
|
+
|
|
263
|
+
// src/icons/chevronRightDouble.tsx
|
|
264
|
+
import { forwardRef as forwardRef9 } from "react";
|
|
265
|
+
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
266
|
+
var ChevronRightDoubleIcon = forwardRef9(
|
|
267
|
+
function ChevronRightDoubleIcon2(_a, ref) {
|
|
268
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
269
|
+
return /* @__PURE__ */ jsx9(
|
|
270
|
+
"svg",
|
|
271
|
+
__spreadProps(__spreadValues({
|
|
272
|
+
ref,
|
|
273
|
+
width: size,
|
|
274
|
+
height: size,
|
|
275
|
+
viewBox: "0 0 24 24",
|
|
276
|
+
fill: "none",
|
|
277
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
278
|
+
className
|
|
279
|
+
}, other), {
|
|
280
|
+
children: /* @__PURE__ */ jsx9(
|
|
281
|
+
"path",
|
|
282
|
+
{
|
|
283
|
+
d: "M6 17L11 12L6 7M13 17L18 12L13 7",
|
|
284
|
+
stroke: "currentColor",
|
|
285
|
+
strokeWidth: "2",
|
|
286
|
+
strokeLinecap: "round",
|
|
287
|
+
strokeLinejoin: "round"
|
|
288
|
+
}
|
|
289
|
+
)
|
|
290
|
+
})
|
|
291
|
+
);
|
|
292
|
+
}
|
|
293
|
+
);
|
|
294
|
+
|
|
295
|
+
// src/icons/chevronSelectorVertical.tsx
|
|
296
|
+
import { forwardRef as forwardRef10 } from "react";
|
|
297
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
298
|
+
var ChevronSelectorVerticalIcon = forwardRef10(
|
|
299
|
+
function ChevronSelectorVerticalIcon2(_a, ref) {
|
|
300
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
301
|
+
return /* @__PURE__ */ jsx10(
|
|
302
|
+
"svg",
|
|
303
|
+
__spreadProps(__spreadValues({
|
|
304
|
+
ref,
|
|
305
|
+
width: size,
|
|
306
|
+
height: size,
|
|
307
|
+
viewBox: "0 0 24 24",
|
|
308
|
+
fill: "none",
|
|
309
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
310
|
+
className
|
|
311
|
+
}, other), {
|
|
312
|
+
children: /* @__PURE__ */ jsx10(
|
|
313
|
+
"path",
|
|
314
|
+
{
|
|
315
|
+
d: "M7 15L12 20L17 15M7 9L12 4L17 9",
|
|
316
|
+
stroke: "currentColor",
|
|
317
|
+
strokeWidth: "2",
|
|
318
|
+
strokeLinecap: "round",
|
|
319
|
+
strokeLinejoin: "round"
|
|
320
|
+
}
|
|
321
|
+
)
|
|
322
|
+
})
|
|
323
|
+
);
|
|
324
|
+
}
|
|
325
|
+
);
|
|
326
|
+
|
|
327
|
+
// src/icons/searchMd.tsx
|
|
328
|
+
import { forwardRef as forwardRef11 } from "react";
|
|
329
|
+
import { jsx as jsx11, jsxs } from "react/jsx-runtime";
|
|
330
|
+
var SearchMdIcon = forwardRef11(
|
|
331
|
+
function SearchMdIcon2(_a, ref) {
|
|
332
|
+
var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
|
|
333
|
+
return /* @__PURE__ */ jsxs(
|
|
334
|
+
"svg",
|
|
335
|
+
__spreadProps(__spreadValues({
|
|
336
|
+
ref,
|
|
337
|
+
width: size,
|
|
338
|
+
height: size,
|
|
339
|
+
viewBox: "0 0 24 24",
|
|
340
|
+
fill: "none",
|
|
341
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
342
|
+
className
|
|
343
|
+
}, other), {
|
|
344
|
+
children: [
|
|
345
|
+
duotone && /* @__PURE__ */ jsx11(
|
|
346
|
+
"path",
|
|
347
|
+
{
|
|
348
|
+
opacity: "0.12",
|
|
349
|
+
d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
|
|
350
|
+
fill: "currentColor"
|
|
351
|
+
}
|
|
352
|
+
),
|
|
353
|
+
/* @__PURE__ */ jsx11(
|
|
354
|
+
"path",
|
|
355
|
+
{
|
|
356
|
+
d: "M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",
|
|
357
|
+
stroke: "currentColor",
|
|
358
|
+
strokeWidth: "2",
|
|
359
|
+
strokeLinecap: "round",
|
|
360
|
+
strokeLinejoin: "round"
|
|
361
|
+
}
|
|
362
|
+
)
|
|
363
|
+
]
|
|
364
|
+
})
|
|
365
|
+
);
|
|
366
|
+
}
|
|
367
|
+
);
|
|
368
|
+
|
|
369
|
+
// src/icons/spinner.tsx
|
|
370
|
+
import { forwardRef as forwardRef12 } from "react";
|
|
371
|
+
import { jsx as jsx12, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
372
|
+
var SpinnerIcon = forwardRef12(
|
|
373
|
+
function SpinnerIcon2(_a, ref) {
|
|
374
|
+
var _b = _a, { size = 24, className = "animate-spin text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
375
|
+
return /* @__PURE__ */ jsxs2(
|
|
376
|
+
"svg",
|
|
377
|
+
__spreadProps(__spreadValues({
|
|
378
|
+
ref,
|
|
379
|
+
width: size,
|
|
380
|
+
height: size,
|
|
381
|
+
viewBox: "0 0 25 24",
|
|
382
|
+
fill: "none",
|
|
383
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
384
|
+
className
|
|
385
|
+
}, other), {
|
|
386
|
+
children: [
|
|
387
|
+
/* @__PURE__ */ jsx12(
|
|
388
|
+
"path",
|
|
389
|
+
{
|
|
390
|
+
opacity: "0.12",
|
|
391
|
+
d: "M24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12ZM3.668 12C3.668 16.8778 7.62222 20.832 12.5 20.832C17.3778 20.832 21.332 16.8778 21.332 12C21.332 7.12222 17.3778 3.168 12.5 3.168C7.62222 3.168 3.668 7.12222 3.668 12Z",
|
|
392
|
+
fill: "currentColor"
|
|
393
|
+
}
|
|
394
|
+
),
|
|
395
|
+
/* @__PURE__ */ jsx12(
|
|
396
|
+
"path",
|
|
397
|
+
{
|
|
398
|
+
d: "M22.916 12C23.7908 12 24.5108 12.7122 24.3956 13.5794C24.1641 15.323 23.5512 17.0011 22.5928 18.4912C21.3476 20.4272 19.5719 21.9643 17.4774 22.919C15.3829 23.8738 13.058 24.206 10.7799 23.8761C8.50179 23.5461 6.36667 22.5679 4.62912 21.0581C2.89158 19.5483 1.62494 17.5706 0.98025 15.3609C0.335563 13.1511 0.340035 10.8026 0.993131 8.5953C1.64623 6.38803 2.92039 4.41517 4.66367 2.91199C6.00545 1.75501 7.58156 0.913857 9.27571 0.441275C10.1184 0.206218 10.9241 0.819698 11.0462 1.68595C11.1683 2.55221 10.5575 3.33995 9.72694 3.61463C8.63201 3.97673 7.61359 4.55146 6.73246 5.31122C5.44941 6.41757 4.51162 7.86959 4.03094 9.49414C3.55027 11.1187 3.54697 12.8472 4.02146 14.4736C4.49595 16.1 5.4282 17.5555 6.70703 18.6668C7.98587 19.778 9.55732 20.4979 11.234 20.7408C12.9107 20.9836 14.6218 20.7391 16.1634 20.0364C17.7049 19.3337 19.0119 18.2024 19.9283 16.7775C20.5576 15.799 20.9846 14.7103 21.1903 13.5755C21.3464 12.7148 22.0412 12 22.916 12Z",
|
|
399
|
+
fill: "currentColor"
|
|
400
|
+
}
|
|
401
|
+
)
|
|
402
|
+
]
|
|
403
|
+
})
|
|
404
|
+
);
|
|
405
|
+
}
|
|
406
|
+
);
|
|
407
|
+
|
|
408
|
+
// src/icons/xClose.tsx
|
|
409
|
+
import { forwardRef as forwardRef13 } from "react";
|
|
410
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
411
|
+
var XCloseIcon = forwardRef13(
|
|
412
|
+
function XCloseIcon2(_a, ref) {
|
|
413
|
+
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
414
|
+
return /* @__PURE__ */ jsx13(
|
|
415
|
+
"svg",
|
|
416
|
+
__spreadProps(__spreadValues({
|
|
417
|
+
ref,
|
|
418
|
+
width: size,
|
|
419
|
+
height: size,
|
|
420
|
+
viewBox: "0 0 24 24",
|
|
421
|
+
fill: "none",
|
|
422
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
423
|
+
className
|
|
424
|
+
}, other), {
|
|
425
|
+
children: /* @__PURE__ */ jsx13(
|
|
426
|
+
"path",
|
|
427
|
+
{
|
|
428
|
+
d: "M18 6L6 18M6 6L18 18",
|
|
429
|
+
stroke: "currentColor",
|
|
430
|
+
strokeWidth: "2",
|
|
431
|
+
strokeLinecap: "round",
|
|
432
|
+
strokeLinejoin: "round"
|
|
433
|
+
}
|
|
434
|
+
)
|
|
435
|
+
})
|
|
436
|
+
);
|
|
437
|
+
}
|
|
438
|
+
);
|
|
439
|
+
|
|
440
|
+
export {
|
|
441
|
+
ArrowDownIcon,
|
|
442
|
+
ArrowLeftIcon,
|
|
443
|
+
ArrowRightIcon,
|
|
444
|
+
ArrowUpIcon,
|
|
445
|
+
CheckIcon,
|
|
446
|
+
ChevronLeftIcon,
|
|
447
|
+
ChevronLeftDoubleIcon,
|
|
448
|
+
ChevronRightIcon,
|
|
449
|
+
ChevronRightDoubleIcon,
|
|
450
|
+
ChevronSelectorVerticalIcon,
|
|
451
|
+
SearchMdIcon,
|
|
452
|
+
SpinnerIcon,
|
|
453
|
+
XCloseIcon
|
|
454
|
+
};
|
|
@@ -4,11 +4,11 @@ import {
|
|
|
4
4
|
__spreadValues
|
|
5
5
|
} from "./chunk-JKJ6VK4H.mjs";
|
|
6
6
|
|
|
7
|
-
// src/icons/
|
|
7
|
+
// src/icons/chevronDown.tsx
|
|
8
8
|
import { forwardRef } from "react";
|
|
9
9
|
import { jsx } from "react/jsx-runtime";
|
|
10
|
-
var
|
|
11
|
-
function
|
|
10
|
+
var ChevronDownIcon = forwardRef(
|
|
11
|
+
function ChevronDownIcon2(_a, ref) {
|
|
12
12
|
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
13
13
|
return /* @__PURE__ */ jsx(
|
|
14
14
|
"svg",
|
|
@@ -24,7 +24,7 @@ var CheckIcon = forwardRef(
|
|
|
24
24
|
children: /* @__PURE__ */ jsx(
|
|
25
25
|
"path",
|
|
26
26
|
{
|
|
27
|
-
d: "
|
|
27
|
+
d: "M6 9L12 15L18 9",
|
|
28
28
|
stroke: "currentColor",
|
|
29
29
|
strokeWidth: "2",
|
|
30
30
|
strokeLinecap: "round",
|
|
@@ -37,5 +37,5 @@ var CheckIcon = forwardRef(
|
|
|
37
37
|
);
|
|
38
38
|
|
|
39
39
|
export {
|
|
40
|
-
|
|
40
|
+
ChevronDownIcon
|
|
41
41
|
};
|
|
@@ -56,7 +56,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
56
56
|
));
|
|
57
57
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
58
58
|
|
|
59
|
-
// src/components/Accordion/index.
|
|
59
|
+
// src/components/Accordion/index.tsx
|
|
60
60
|
var Accordion_exports = {};
|
|
61
61
|
__export(Accordion_exports, {
|
|
62
62
|
Accordion: () => Accordion,
|
|
@@ -65,8 +65,6 @@ __export(Accordion_exports, {
|
|
|
65
65
|
AccordionTrigger: () => AccordionTrigger2
|
|
66
66
|
});
|
|
67
67
|
module.exports = __toCommonJS(Accordion_exports);
|
|
68
|
-
|
|
69
|
-
// src/components/Accordion/Accordion.tsx
|
|
70
68
|
var import_react2 = __toESM(require("react"));
|
|
71
69
|
var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
|
|
72
70
|
|
|
@@ -109,7 +107,7 @@ function cn(...inputs) {
|
|
|
109
107
|
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
110
108
|
}
|
|
111
109
|
|
|
112
|
-
// src/components/Accordion/
|
|
110
|
+
// src/components/Accordion/index.tsx
|
|
113
111
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
114
112
|
var AccordionItem = AccordionPrimitive.Item;
|
|
115
113
|
var Accordion = AccordionPrimitive.Root;
|