@agg-market/ui 4.0.0 → 5.0.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-HOXTJ742.mjs → chunk-34IRJYSU.mjs} +1 -1
- package/dist/chunk-4343LYSH.mjs +45 -0
- package/dist/{chunk-LA3FBBSJ.mjs → chunk-CTYJVVHJ.mjs} +25 -2
- package/dist/{chunk-GNSPZ53C.mjs → chunk-DHBHKIJR.mjs} +73 -15
- package/dist/{chunk-OH56VUYK.mjs → chunk-GFBF2J3Y.mjs} +14 -7
- package/dist/{chunk-P2PJBO5C.mjs → chunk-KIYMVWL4.mjs} +1 -1
- package/dist/{chunk-QM7CGMFG.mjs → chunk-MKVGQ7AS.mjs} +12 -0
- package/dist/{chunk-JNH64AKR.mjs → chunk-Q6DGDBPV.mjs} +58 -4
- package/dist/{chunk-DCORNTCY.mjs → chunk-QDMHLRDY.mjs} +31 -62
- package/dist/{chunk-MBHTXNHX.mjs → chunk-T7TATHPD.mjs} +32 -8
- package/dist/chunk-XUCS575S.mjs +65 -0
- package/dist/event-list-item-details.js +1529 -72
- package/dist/event-list-item-details.mjs +7 -3
- package/dist/event-list-item.js +292 -71
- package/dist/event-list-item.mjs +5 -2
- package/dist/event-list.js +628 -404
- package/dist/event-list.mjs +6 -3
- package/dist/event-market-page.d.mts +1 -1
- package/dist/event-market-page.d.ts +1 -1
- package/dist/event-market-page.js +2478 -2268
- package/dist/event-market-page.mjs +7 -5
- package/dist/home-page.js +638 -414
- package/dist/home-page.mjs +7 -4
- package/dist/index.d.mts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +1062 -858
- package/dist/index.mjs +18 -13
- package/dist/market-details.js +645 -391
- package/dist/market-details.mjs +6 -3
- package/dist/place-order.d.mts +1 -1
- package/dist/place-order.d.ts +1 -1
- package/dist/search.js +3 -0
- package/dist/search.mjs +2 -1
- package/dist/settlement.d.mts +1 -1
- package/dist/settlement.d.ts +1 -1
- package/dist/state-message.d.mts +16 -0
- package/dist/state-message.d.ts +16 -0
- package/dist/state-message.js +1629 -0
- package/dist/state-message.mjs +14 -0
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +1 -1
- package/package.json +14 -2
- package/dist/{types-DkGlbmXq.d.mts → types-BImwqY4o.d.mts} +4 -4
- package/dist/{types-DkGlbmXq.d.ts → types-BImwqY4o.d.ts} +4 -4
package/dist/home-page.js
CHANGED
|
@@ -63,11 +63,14 @@ __export(home_exports, {
|
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(home_exports);
|
|
65
65
|
var import_react5 = require("react");
|
|
66
|
-
var
|
|
66
|
+
var import_hooks15 = require("@agg-market/hooks");
|
|
67
67
|
|
|
68
68
|
// src/events/list/index.tsx
|
|
69
69
|
var import_react4 = require("react");
|
|
70
|
-
var
|
|
70
|
+
var import_hooks14 = require("@agg-market/hooks");
|
|
71
|
+
|
|
72
|
+
// src/primitives/card/index.tsx
|
|
73
|
+
var import_hooks = require("@agg-market/hooks");
|
|
71
74
|
|
|
72
75
|
// src/shared/utils.ts
|
|
73
76
|
var cn = (...values) => values.filter(Boolean).join(" ");
|
|
@@ -90,6 +93,30 @@ var toDate = (value) => {
|
|
|
90
93
|
return parsed;
|
|
91
94
|
};
|
|
92
95
|
|
|
96
|
+
// src/primitives/card/index.tsx
|
|
97
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
98
|
+
var Card = (_a) => {
|
|
99
|
+
var _b = _a, { className, onClick } = _b, props = __objRest(_b, ["className", "onClick"]);
|
|
100
|
+
const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
|
|
101
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
102
|
+
"div",
|
|
103
|
+
__spreadValues(__spreadValues({
|
|
104
|
+
className: cn(
|
|
105
|
+
"group/agg-card",
|
|
106
|
+
"flex w-full flex-col font-agg-sans",
|
|
107
|
+
"rounded-agg-xl border border-agg-separator",
|
|
108
|
+
"bg-agg-secondary text-agg-foreground shadow-agg-card",
|
|
109
|
+
getMotionClassName(
|
|
110
|
+
enableAnimations,
|
|
111
|
+
"transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
|
|
112
|
+
),
|
|
113
|
+
className
|
|
114
|
+
)
|
|
115
|
+
}, onClick ? { onClick } : {}), props)
|
|
116
|
+
);
|
|
117
|
+
};
|
|
118
|
+
Card.displayName = "Card";
|
|
119
|
+
|
|
93
120
|
// src/primitives/icon/types.ts
|
|
94
121
|
var getIconA11yProps = (title) => ({
|
|
95
122
|
role: title ? "img" : "presentation",
|
|
@@ -97,10 +124,10 @@ var getIconA11yProps = (title) => ({
|
|
|
97
124
|
});
|
|
98
125
|
|
|
99
126
|
// src/primitives/icon/svg/arrow-trend-up.tsx
|
|
100
|
-
var
|
|
127
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
101
128
|
var ArrowTrendUpIcon = (_a) => {
|
|
102
129
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
103
|
-
return /* @__PURE__ */ (0,
|
|
130
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
104
131
|
"svg",
|
|
105
132
|
__spreadProps(__spreadValues(__spreadValues({
|
|
106
133
|
viewBox: "0 0 16 16",
|
|
@@ -108,8 +135,8 @@ var ArrowTrendUpIcon = (_a) => {
|
|
|
108
135
|
fill: "none"
|
|
109
136
|
}, getIconA11yProps(title)), props), {
|
|
110
137
|
children: [
|
|
111
|
-
title ? /* @__PURE__ */ (0,
|
|
112
|
-
/* @__PURE__ */ (0,
|
|
138
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }) : null,
|
|
139
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
113
140
|
"path",
|
|
114
141
|
{
|
|
115
142
|
d: "M2 11.5L6.5 7L9.5 10L14 5.5",
|
|
@@ -119,7 +146,7 @@ var ArrowTrendUpIcon = (_a) => {
|
|
|
119
146
|
strokeLinejoin: "round"
|
|
120
147
|
}
|
|
121
148
|
),
|
|
122
|
-
/* @__PURE__ */ (0,
|
|
149
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
123
150
|
"path",
|
|
124
151
|
{
|
|
125
152
|
d: "M10.5 5.5H14V9",
|
|
@@ -136,10 +163,10 @@ var ArrowTrendUpIcon = (_a) => {
|
|
|
136
163
|
ArrowTrendUpIcon.displayName = "ArrowTrendUpIcon";
|
|
137
164
|
|
|
138
165
|
// src/primitives/icon/svg/arrows-to-dot.tsx
|
|
139
|
-
var
|
|
166
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
140
167
|
var ArrowsToDotIcon = (_a) => {
|
|
141
168
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
142
|
-
return /* @__PURE__ */ (0,
|
|
169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
143
170
|
"svg",
|
|
144
171
|
__spreadProps(__spreadValues(__spreadValues({
|
|
145
172
|
viewBox: "0 0 16 16",
|
|
@@ -147,8 +174,8 @@ var ArrowsToDotIcon = (_a) => {
|
|
|
147
174
|
fill: "none"
|
|
148
175
|
}, getIconA11yProps(title)), props), {
|
|
149
176
|
children: [
|
|
150
|
-
title ? /* @__PURE__ */ (0,
|
|
151
|
-
/* @__PURE__ */ (0,
|
|
177
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { children: title }) : null,
|
|
178
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
152
179
|
"path",
|
|
153
180
|
{
|
|
154
181
|
d: "M8 6.66667C8.73667 6.66667 9.33333 7.26333 9.33333 8C9.33333 8.73667 8.73667 9.33333 8 9.33333C7.26333 9.33333 6.66667 8.73667 6.66667 8C6.66667 7.26333 7.26333 6.66667 8 6.66667ZM5.27867 7.05733L3.39267 5.17133C3.132 4.91067 2.71067 4.91067 2.45 5.17133C2.18933 5.432 2.18933 5.854 2.45 6.114L3.67467 7.33333H0.666667C0.298 7.33333 0 7.632 0 8C0 8.368 0.298 8.66667 0.666667 8.66667H3.662L2.44867 9.88667C2.18867 10.148 2.19 10.5693 2.45133 10.8293C2.71267 11.0893 3.13467 11.088 3.394 10.8267L5.27933 8.93133C5.79467 8.41467 5.79467 7.574 5.27933 7.05667L5.27867 7.05733ZM7.068 5.278C7.56133 5.79267 8.45 5.79267 8.94267 5.278L10.828 3.392C11.0887 3.13133 11.0887 2.70933 10.828 2.44933C10.5673 2.18867 10.146 2.18867 9.88533 2.44933L8.66667 3.674V0.666667C8.66667 0.298667 8.36867 0 8 0C7.63133 0 7.33333 0.298667 7.33333 0.666667V3.662L6.11333 2.44867C5.852 2.18867 5.43067 2.19 5.17067 2.45133C4.91067 2.71267 4.912 3.13467 5.17333 3.394L7.068 5.278ZM8.94267 10.7213C8.42667 10.2053 7.58533 10.2053 7.06867 10.72L5.17267 12.606C4.91133 12.866 4.91 13.2873 5.17 13.5487C5.42933 13.8093 5.85067 13.8113 6.11267 13.5513L7.33267 12.3307V15.3333C7.33267 15.702 7.63067 16 7.99933 16C8.368 16 8.666 15.702 8.666 15.3333V12.3307L9.88467 13.55C10.1453 13.8107 10.5667 13.8107 10.8273 13.55C11.088 13.2893 11.088 12.868 10.8273 12.6073L8.94267 10.7213ZM15.3333 7.33333H12.3307L13.55 6.114C13.8107 5.854 13.8107 5.432 13.55 5.17133C13.2893 4.91067 12.868 4.91067 12.6073 5.17133L10.7213 7.05733C10.2053 7.574 10.2047 8.41467 10.72 8.93133L12.606 10.8273C12.866 11.088 13.2873 11.09 13.5487 10.83C13.81 10.57 13.8113 10.1487 13.5513 9.88733L12.3307 8.66733H15.3333C15.702 8.66733 16 8.36867 16 8.00067C16 7.63267 15.702 7.334 15.3333 7.334V7.33333Z",
|
|
@@ -162,10 +189,10 @@ var ArrowsToDotIcon = (_a) => {
|
|
|
162
189
|
ArrowsToDotIcon.displayName = "ArrowsToDotIcon";
|
|
163
190
|
|
|
164
191
|
// src/primitives/icon/svg/bank.tsx
|
|
165
|
-
var
|
|
192
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
166
193
|
var BankIcon = (_a) => {
|
|
167
194
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
168
|
-
return /* @__PURE__ */ (0,
|
|
195
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
169
196
|
"svg",
|
|
170
197
|
__spreadProps(__spreadValues(__spreadValues({
|
|
171
198
|
viewBox: "0 0 24 24",
|
|
@@ -173,8 +200,8 @@ var BankIcon = (_a) => {
|
|
|
173
200
|
fill: "none"
|
|
174
201
|
}, getIconA11yProps(title)), props), {
|
|
175
202
|
children: [
|
|
176
|
-
title ? /* @__PURE__ */ (0,
|
|
177
|
-
/* @__PURE__ */ (0,
|
|
203
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: title }) : null,
|
|
204
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
178
205
|
"path",
|
|
179
206
|
{
|
|
180
207
|
d: "M23 22H1C0.448 22 0 22.448 0 23C0 23.552 0.448 24 1 24H23C23.552 24 24 23.552 24 23C24 22.448 23.552 22 23 22ZM2 21H4V11H2V21ZM6 21H8V11H6V21ZM10 21H14V11H10V21ZM16 21H18V11H16V21ZM20 21H22V11H20V21ZM12 0.334C11.826 0.123 11.569 0 11.297 0H12.703C12.431 0 12.174 0.123 12 0.334ZM0.392 8.613C0.144 9.02 0 9.495 0 10C0 10 0 10 1 10H23C24 10 24 10 24 10C24 9.495 23.856 9.02 23.608 8.613L13.406 0.668C13.016 0.244 12.528 0 12 0C11.472 0 10.984 0.244 10.594 0.668L0.392 8.613ZM12 2.156L21.445 9H2.555L12 2.156ZM12 5C10.895 5 10 5.895 10 7C10 8.105 10.895 9 12 9C13.105 9 14 8.105 14 7C14 5.895 13.105 5 12 5ZM12 8C11.448 8 11 7.552 11 7C11 6.448 11.448 6 12 6C12.552 6 13 6.448 13 7C13 7.552 12.552 8 12 8Z",
|
|
@@ -188,10 +215,10 @@ var BankIcon = (_a) => {
|
|
|
188
215
|
BankIcon.displayName = "BankIcon";
|
|
189
216
|
|
|
190
217
|
// src/primitives/icon/svg/best-prices.tsx
|
|
191
|
-
var
|
|
218
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
192
219
|
var BestPricesIcon = (_a) => {
|
|
193
220
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
194
|
-
return /* @__PURE__ */ (0,
|
|
221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
195
222
|
"svg",
|
|
196
223
|
__spreadProps(__spreadValues(__spreadValues({
|
|
197
224
|
width: "28",
|
|
@@ -202,15 +229,15 @@ var BestPricesIcon = (_a) => {
|
|
|
202
229
|
className
|
|
203
230
|
}, getIconA11yProps(title)), props), {
|
|
204
231
|
children: [
|
|
205
|
-
title ? /* @__PURE__ */ (0,
|
|
206
|
-
/* @__PURE__ */ (0,
|
|
232
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: title }) : null,
|
|
233
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { clipPath: "url(#clip0_best_prices)", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
207
234
|
"path",
|
|
208
235
|
{
|
|
209
236
|
d: "M12.8333 27.4167C12.8333 27.7387 12.572 28 12.25 28H5.25C2.3555 28 0 25.6445 0 22.75V5.25117C0 2.35667 2.35433 0 5.25 0H18.0833C20.9778 0 23.3333 2.35433 23.3333 5.24883V8.74883C23.3333 9.07083 23.0732 9.33217 22.75 9.33217C22.4268 9.33217 22.1667 9.07083 22.1667 8.74883V5.24883C22.1667 2.99717 20.3338 1.1655 18.0833 1.1655H5.25C2.99833 1.1655 1.16667 2.99833 1.16667 5.25V22.7488C1.16667 25.0005 2.9995 26.8322 5.25 26.8322H12.25C12.572 26.8322 12.8333 27.0947 12.8333 27.4167ZM27.8297 27.8297C27.7153 27.944 27.566 28 27.4167 28C27.2673 28 27.118 27.9428 27.0037 27.8297L23.0102 23.8362C21.6837 24.9748 19.964 25.6667 18.0822 25.6667C13.9008 25.6667 10.4988 22.2647 10.4988 18.0833C10.4988 13.902 13.9008 10.5 18.0822 10.5C22.2635 10.5 25.6655 13.902 25.6655 18.0833C25.6655 19.964 24.9725 21.6837 23.835 23.0113L27.8285 27.0048C28.056 27.2323 28.0572 27.6022 27.8297 27.8297ZM24.5 18.0833C24.5 14.546 21.6218 11.6667 18.0833 11.6667C14.5448 11.6667 11.6667 14.546 11.6667 18.0833C11.6667 21.6207 14.5448 24.5 18.0833 24.5C21.6218 24.5 24.5 21.6207 24.5 18.0833ZM7.58333 5.83333H5.25C4.928 5.83333 4.66667 6.09467 4.66667 6.41667C4.66667 6.73867 4.928 7 5.25 7H7.58333C7.90533 7 8.16667 6.73867 8.16667 6.41667C8.16667 6.09467 7.90533 5.83333 7.58333 5.83333ZM7.58333 17.5H5.25C4.928 17.5 4.66667 17.7613 4.66667 18.0833C4.66667 18.4053 4.928 18.6667 5.25 18.6667H7.58333C7.90533 18.6667 8.16667 18.4053 8.16667 18.0833C8.16667 17.7613 7.90533 17.5 7.58333 17.5ZM11.0833 5.83333C10.7613 5.83333 10.5 6.09467 10.5 6.41667C10.5 6.73867 10.7613 7 11.0833 7H18.0833C18.4053 7 18.6667 6.73867 18.6667 6.41667C18.6667 6.09467 18.4053 5.83333 18.0833 5.83333H11.0833ZM7.58333 11.6667H5.25C4.928 11.6667 4.66667 11.928 4.66667 12.25C4.66667 12.572 4.928 12.8333 5.25 12.8333H7.58333C7.90533 12.8333 8.16667 12.572 8.16667 12.25C8.16667 11.928 7.90533 11.6667 7.58333 11.6667ZM21.1668 16.4862L18.0098 19.5405C17.6167 19.9255 16.9762 19.9302 16.583 19.5452L14.9928 17.976C14.7642 17.7497 14.3943 17.752 14.168 17.9807C13.9417 18.2105 13.944 18.5803 14.1738 18.8055L15.7652 20.377C16.1875 20.79 16.7417 20.9965 17.2958 20.9965C17.85 20.9965 18.4053 20.7888 18.8253 20.3747L21.9788 17.325C22.2098 17.101 22.2168 16.7312 21.9928 16.5002C21.77 16.2692 21.399 16.2645 21.1668 16.4862Z",
|
|
210
237
|
fill: "currentColor"
|
|
211
238
|
}
|
|
212
239
|
) }),
|
|
213
|
-
/* @__PURE__ */ (0,
|
|
240
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("clipPath", { id: "clip0_best_prices", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
214
241
|
]
|
|
215
242
|
})
|
|
216
243
|
);
|
|
@@ -218,10 +245,10 @@ var BestPricesIcon = (_a) => {
|
|
|
218
245
|
BestPricesIcon.displayName = "BestPricesIcon";
|
|
219
246
|
|
|
220
247
|
// src/primitives/icon/svg/bolt.tsx
|
|
221
|
-
var
|
|
248
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
222
249
|
var BoltIcon = (_a) => {
|
|
223
250
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
224
|
-
return /* @__PURE__ */ (0,
|
|
251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
225
252
|
"svg",
|
|
226
253
|
__spreadProps(__spreadValues(__spreadValues({
|
|
227
254
|
viewBox: "0 0 24 24",
|
|
@@ -229,15 +256,15 @@ var BoltIcon = (_a) => {
|
|
|
229
256
|
fill: "none"
|
|
230
257
|
}, getIconA11yProps(title)), props), {
|
|
231
258
|
children: [
|
|
232
|
-
title ? /* @__PURE__ */ (0,
|
|
233
|
-
/* @__PURE__ */ (0,
|
|
259
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: title }) : null,
|
|
260
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", { clipPath: "url(#bolt-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
234
261
|
"path",
|
|
235
262
|
{
|
|
236
263
|
d: "M11.7372 24C11.4922 24 11.2432 23.946 11.0022 23.835C10.2162 23.472 9.83423 22.637 10.0722 21.805L11.8272 16H6.50123C5.70223 16 4.97023 15.632 4.49423 14.99C4.01823 14.348 3.87723 13.541 4.10823 12.776L7.13023 1.788C7.45523 0.714 8.41723 0 9.52623 0H13.8992C14.5872 0 15.2322 0.338 15.6242 0.903C16.0162 1.468 16.1062 2.191 15.8652 2.835L13.7052 9H17.5002C18.4422 9 19.2682 9.497 19.7092 10.33C20.1502 11.163 20.0982 12.124 19.5692 12.904L13.1592 23.216C12.8202 23.725 12.2912 24 11.7372 24ZM9.52723 1C8.86123 1 8.28423 1.428 8.09123 2.066L5.06923 13.054C4.92723 13.525 5.01123 14.009 5.29723 14.394C5.58323 14.779 6.02223 15 6.50223 15H12.5012C12.6592 15 12.8082 15.075 12.9022 15.202C12.9962 15.329 13.0252 15.493 12.9792 15.644L11.0322 22.086C10.9102 22.514 11.1532 22.802 11.4232 22.926C11.6922 23.05 12.0692 23.05 12.3192 22.673L18.7312 12.358C19.0592 11.874 19.0912 11.297 18.8262 10.797C18.5612 10.297 18.0662 9.999 17.5002 9.999H13.0002C12.8382 9.999 12.6862 9.92 12.5922 9.788C12.4982 9.656 12.4742 9.487 12.5282 9.333L14.9252 2.493C15.0572 2.14 15.0112 1.772 14.8022 1.472C14.5942 1.171 14.2642 0.999 13.8992 0.999H9.52623L9.52723 1Z",
|
|
237
264
|
fill: "currentColor"
|
|
238
265
|
}
|
|
239
266
|
) }),
|
|
240
|
-
/* @__PURE__ */ (0,
|
|
267
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("clipPath", { id: "bolt-clip", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
|
|
241
268
|
]
|
|
242
269
|
})
|
|
243
270
|
);
|
|
@@ -245,10 +272,10 @@ var BoltIcon = (_a) => {
|
|
|
245
272
|
BoltIcon.displayName = "BoltIcon";
|
|
246
273
|
|
|
247
274
|
// src/primitives/icon/svg/check-circle.tsx
|
|
248
|
-
var
|
|
275
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
249
276
|
var CheckCircleIcon = (_a) => {
|
|
250
277
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
251
|
-
return /* @__PURE__ */ (0,
|
|
278
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
252
279
|
"svg",
|
|
253
280
|
__spreadProps(__spreadValues(__spreadValues({
|
|
254
281
|
width: "24",
|
|
@@ -259,15 +286,15 @@ var CheckCircleIcon = (_a) => {
|
|
|
259
286
|
className
|
|
260
287
|
}, getIconA11yProps(title)), props), {
|
|
261
288
|
children: [
|
|
262
|
-
title ? /* @__PURE__ */ (0,
|
|
263
|
-
/* @__PURE__ */ (0,
|
|
289
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { children: title }) : null,
|
|
290
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("g", { clipPath: "url(#clip0_check_circle)", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
264
291
|
"path",
|
|
265
292
|
{
|
|
266
293
|
d: "M12 0C5.383 0 0 5.383 0 12C0 18.617 5.383 24 12 24C18.617 24 24 18.617 24 12C24 5.383 18.617 0 12 0ZM18.2 10.512L13.774 14.857C12.991 15.625 11.983 16.008 10.974 16.008C9.976 16.008 8.978 15.632 8.198 14.879L6.299 13.012C5.905 12.625 5.9 11.992 6.287 11.598C6.673 11.203 7.308 11.198 7.701 11.586L9.594 13.447C10.37 14.197 11.595 14.193 12.375 13.429L16.8 9.085C17.193 8.697 17.824 8.704 18.214 9.098C18.601 9.492 18.595 10.125 18.2 10.512Z",
|
|
267
294
|
fill: "currentColor"
|
|
268
295
|
}
|
|
269
296
|
) }),
|
|
270
|
-
/* @__PURE__ */ (0,
|
|
297
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("clipPath", { id: "clip0_check_circle", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
|
|
271
298
|
]
|
|
272
299
|
})
|
|
273
300
|
);
|
|
@@ -275,10 +302,10 @@ var CheckCircleIcon = (_a) => {
|
|
|
275
302
|
CheckCircleIcon.displayName = "CheckCircleIcon";
|
|
276
303
|
|
|
277
304
|
// src/primitives/icon/svg/chevron-down.tsx
|
|
278
|
-
var
|
|
305
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
279
306
|
var ChevronDownIcon = (_a) => {
|
|
280
307
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
281
|
-
return /* @__PURE__ */ (0,
|
|
308
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
282
309
|
"svg",
|
|
283
310
|
__spreadProps(__spreadValues(__spreadValues({
|
|
284
311
|
viewBox: "0 0 14 14",
|
|
@@ -286,8 +313,8 @@ var ChevronDownIcon = (_a) => {
|
|
|
286
313
|
fill: "none"
|
|
287
314
|
}, getIconA11yProps(title)), props), {
|
|
288
315
|
children: [
|
|
289
|
-
title ? /* @__PURE__ */ (0,
|
|
290
|
-
/* @__PURE__ */ (0,
|
|
316
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("title", { children: title }) : null,
|
|
317
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
291
318
|
"path",
|
|
292
319
|
{
|
|
293
320
|
d: "M3.25 5.25L7 9L10.75 5.25",
|
|
@@ -304,10 +331,10 @@ var ChevronDownIcon = (_a) => {
|
|
|
304
331
|
ChevronDownIcon.displayName = "ChevronDownIcon";
|
|
305
332
|
|
|
306
333
|
// src/primitives/icon/svg/chevron-left.tsx
|
|
307
|
-
var
|
|
334
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
308
335
|
var ChevronLeftIcon = (_a) => {
|
|
309
336
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
310
|
-
return /* @__PURE__ */ (0,
|
|
337
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
311
338
|
"svg",
|
|
312
339
|
__spreadProps(__spreadValues(__spreadValues({
|
|
313
340
|
viewBox: "0 0 24 24",
|
|
@@ -315,8 +342,8 @@ var ChevronLeftIcon = (_a) => {
|
|
|
315
342
|
fill: "none"
|
|
316
343
|
}, getIconA11yProps(title)), props), {
|
|
317
344
|
children: [
|
|
318
|
-
title ? /* @__PURE__ */ (0,
|
|
319
|
-
/* @__PURE__ */ (0,
|
|
345
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("title", { children: title }) : null,
|
|
346
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
320
347
|
"path",
|
|
321
348
|
{
|
|
322
349
|
d: "M10.5999 12.6786C10.5061 12.5856 10.4317 12.475 10.381 12.3531C10.3302 12.2313 10.3041 12.1006 10.3041 11.9686C10.3041 11.8366 10.3302 11.7058 10.381 11.584C10.4317 11.4621 10.5061 11.3515 10.5999 11.2586L15.1899 6.67857C15.2836 6.5856 15.358 6.475 15.4088 6.35314C15.4595 6.23128 15.4857 6.10058 15.4857 5.96857C15.4857 5.83655 15.4595 5.70585 15.4088 5.58399C15.358 5.46213 15.2836 5.35153 15.1899 5.25857C15.0025 5.07231 14.749 4.96777 14.4849 4.96777C14.2207 4.96777 13.9672 5.07231 13.7799 5.25857L9.18986 9.84857C8.62806 10.4111 8.3125 11.1736 8.3125 11.9686C8.3125 12.7636 8.62806 13.5261 9.18986 14.0886L13.7799 18.6786C13.9661 18.8633 14.2175 18.9675 14.4799 18.9686C14.6115 18.9693 14.7419 18.9441 14.8638 18.8943C14.9856 18.8446 15.0964 18.7712 15.1899 18.6786C15.2836 18.5856 15.358 18.475 15.4088 18.3531C15.4595 18.2313 15.4857 18.1006 15.4857 17.9686C15.4857 17.8366 15.4595 17.7058 15.4088 17.584C15.358 17.4621 15.2836 17.3515 15.1899 17.2586L10.5999 12.6786Z",
|
|
@@ -330,10 +357,10 @@ var ChevronLeftIcon = (_a) => {
|
|
|
330
357
|
ChevronLeftIcon.displayName = "ChevronLeftIcon";
|
|
331
358
|
|
|
332
359
|
// src/primitives/icon/svg/chevron-right.tsx
|
|
333
|
-
var
|
|
360
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
334
361
|
var ChevronRightIcon = (_a) => {
|
|
335
362
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
336
|
-
return /* @__PURE__ */ (0,
|
|
363
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
337
364
|
"svg",
|
|
338
365
|
__spreadProps(__spreadValues(__spreadValues({
|
|
339
366
|
viewBox: "0 0 16 16",
|
|
@@ -341,8 +368,8 @@ var ChevronRightIcon = (_a) => {
|
|
|
341
368
|
fill: "none"
|
|
342
369
|
}, getIconA11yProps(title)), props), {
|
|
343
370
|
children: [
|
|
344
|
-
title ? /* @__PURE__ */ (0,
|
|
345
|
-
/* @__PURE__ */ (0,
|
|
371
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { children: title }) : null,
|
|
372
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
346
373
|
"path",
|
|
347
374
|
{
|
|
348
375
|
d: "M10.2665 6.56563L7.20654 3.50563C7.08163 3.38146 6.91266 3.31177 6.73653 3.31177C6.56041 3.31177 6.39144 3.38146 6.26653 3.50563C6.20405 3.5676 6.15445 3.64134 6.12061 3.72258C6.08676 3.80382 6.06934 3.89095 6.06934 3.97896C6.06934 4.06697 6.08676 4.15411 6.12061 4.23535C6.15445 4.31659 6.20405 4.39032 6.26653 4.4523L9.3332 7.50563C9.39569 7.5676 9.44528 7.64134 9.47913 7.72258C9.51298 7.80382 9.5304 7.89095 9.5304 7.97896C9.5304 8.06697 9.51298 8.15411 9.47913 8.23535C9.44528 8.31659 9.39569 8.39032 9.3332 8.4523L6.26653 11.5056C6.141 11.6303 6.07012 11.7997 6.0695 11.9766C6.06887 12.1535 6.13855 12.3234 6.2632 12.449C6.38785 12.5745 6.55727 12.6454 6.73418 12.646C6.91109 12.6466 7.081 12.5769 7.20654 12.4523L10.2665 9.3923C10.6411 9.0173 10.8514 8.50896 10.8514 7.97896C10.8514 7.44896 10.6411 6.94063 10.2665 6.56563Z",
|
|
@@ -356,10 +383,10 @@ var ChevronRightIcon = (_a) => {
|
|
|
356
383
|
ChevronRightIcon.displayName = "ChevronRightIcon";
|
|
357
384
|
|
|
358
385
|
// src/primitives/icon/svg/chevron-up.tsx
|
|
359
|
-
var
|
|
386
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
360
387
|
var ChevronUpIcon = (_a) => {
|
|
361
388
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
362
|
-
return /* @__PURE__ */ (0,
|
|
389
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
363
390
|
"svg",
|
|
364
391
|
__spreadProps(__spreadValues(__spreadValues({
|
|
365
392
|
viewBox: "0 0 14 14",
|
|
@@ -367,8 +394,8 @@ var ChevronUpIcon = (_a) => {
|
|
|
367
394
|
fill: "none"
|
|
368
395
|
}, getIconA11yProps(title)), props), {
|
|
369
396
|
children: [
|
|
370
|
-
title ? /* @__PURE__ */ (0,
|
|
371
|
-
/* @__PURE__ */ (0,
|
|
397
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { children: title }) : null,
|
|
398
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
372
399
|
"path",
|
|
373
400
|
{
|
|
374
401
|
d: "M3.25 8.75L7 5L10.75 8.75",
|
|
@@ -385,10 +412,10 @@ var ChevronUpIcon = (_a) => {
|
|
|
385
412
|
ChevronUpIcon.displayName = "ChevronUpIcon";
|
|
386
413
|
|
|
387
414
|
// src/primitives/icon/svg/close.tsx
|
|
388
|
-
var
|
|
415
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
389
416
|
var CloseIcon = (_a) => {
|
|
390
417
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
391
|
-
return /* @__PURE__ */ (0,
|
|
418
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
392
419
|
"svg",
|
|
393
420
|
__spreadProps(__spreadValues(__spreadValues({
|
|
394
421
|
width: "16",
|
|
@@ -399,8 +426,8 @@ var CloseIcon = (_a) => {
|
|
|
399
426
|
className
|
|
400
427
|
}, getIconA11yProps(title)), props), {
|
|
401
428
|
children: [
|
|
402
|
-
title ? /* @__PURE__ */ (0,
|
|
403
|
-
/* @__PURE__ */ (0,
|
|
429
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { children: title }) : null,
|
|
430
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
404
431
|
"path",
|
|
405
432
|
{
|
|
406
433
|
d: "M12 4L4 12M4 4l8 8",
|
|
@@ -417,10 +444,10 @@ var CloseIcon = (_a) => {
|
|
|
417
444
|
CloseIcon.displayName = "CloseIcon";
|
|
418
445
|
|
|
419
446
|
// src/primitives/icon/svg/copy.tsx
|
|
420
|
-
var
|
|
447
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
421
448
|
var CopyIcon = (_a) => {
|
|
422
449
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
423
|
-
return /* @__PURE__ */ (0,
|
|
450
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
424
451
|
"svg",
|
|
425
452
|
__spreadProps(__spreadValues(__spreadValues({
|
|
426
453
|
viewBox: "0 0 16 16",
|
|
@@ -428,15 +455,15 @@ var CopyIcon = (_a) => {
|
|
|
428
455
|
fill: "none"
|
|
429
456
|
}, getIconA11yProps(title)), props), {
|
|
430
457
|
children: [
|
|
431
|
-
title ? /* @__PURE__ */ (0,
|
|
432
|
-
/* @__PURE__ */ (0,
|
|
458
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { children: title }) : null,
|
|
459
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("g", { clipPath: "url(#clip0_copy)", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
433
460
|
"path",
|
|
434
461
|
{
|
|
435
462
|
d: "M10 13.3333H3.33333C2.4496 13.3323 1.60237 12.9807 0.97748 12.3559C0.352588 11.731 0.00105857 10.8837 0 10L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L10 0C10.8837 0.00105857 11.731 0.352588 12.3559 0.97748C12.9807 1.60237 13.3323 2.4496 13.3333 3.33333V10C13.3323 10.8837 12.9807 11.731 12.3559 12.3559C11.731 12.9807 10.8837 13.3323 10 13.3333ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V10C1.33333 10.5304 1.54405 11.0391 1.91912 11.4142C2.29419 11.7893 2.8029 12 3.33333 12H10C10.5304 12 11.0391 11.7893 11.4142 11.4142C11.7893 11.0391 12 10.5304 12 10V3.33333C12 2.8029 11.7893 2.29419 11.4142 1.91912C11.0391 1.54405 10.5304 1.33333 10 1.33333H3.33333ZM16 12.6667V4C16 3.82319 15.9298 3.65362 15.8047 3.5286C15.6797 3.40357 15.5101 3.33333 15.3333 3.33333C15.1565 3.33333 14.987 3.40357 14.8619 3.5286C14.7369 3.65362 14.6667 3.82319 14.6667 4V12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667H4C3.82319 14.6667 3.65362 14.7369 3.5286 14.8619C3.40357 14.987 3.33333 15.1565 3.33333 15.3333C3.33333 15.5101 3.40357 15.6797 3.5286 15.8047C3.65362 15.9298 3.82319 16 4 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667Z",
|
|
436
463
|
fill: "currentColor"
|
|
437
464
|
}
|
|
438
465
|
) }),
|
|
439
|
-
/* @__PURE__ */ (0,
|
|
466
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("clipPath", { id: "clip0_copy", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
440
467
|
]
|
|
441
468
|
})
|
|
442
469
|
);
|
|
@@ -444,10 +471,10 @@ var CopyIcon = (_a) => {
|
|
|
444
471
|
CopyIcon.displayName = "CopyIcon";
|
|
445
472
|
|
|
446
473
|
// src/primitives/icon/svg/create-account.tsx
|
|
447
|
-
var
|
|
474
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
448
475
|
var CreateAccountIcon = (_a) => {
|
|
449
476
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
450
|
-
return /* @__PURE__ */ (0,
|
|
477
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
451
478
|
"svg",
|
|
452
479
|
__spreadProps(__spreadValues(__spreadValues({
|
|
453
480
|
width: "28",
|
|
@@ -458,15 +485,15 @@ var CreateAccountIcon = (_a) => {
|
|
|
458
485
|
className
|
|
459
486
|
}, getIconA11yProps(title)), props), {
|
|
460
487
|
children: [
|
|
461
|
-
title ? /* @__PURE__ */ (0,
|
|
462
|
-
/* @__PURE__ */ (0,
|
|
488
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { children: title }) : null,
|
|
489
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: "url(#clip0_create_account)", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
463
490
|
"path",
|
|
464
491
|
{
|
|
465
492
|
d: "M22.1667 4.66667V0.583333C22.1667 0.261333 22.428 0 22.75 0C23.072 0 23.3333 0.261333 23.3333 0.583333V4.66667H27.4167C27.7387 4.66667 28 4.928 28 5.25C28 5.572 27.7387 5.83333 27.4167 5.83333H23.3333V9.91667C23.3333 10.2387 23.072 10.5 22.75 10.5C22.428 10.5 22.1667 10.2387 22.1667 9.91667V5.83333H18.0833C17.7613 5.83333 17.5 5.572 17.5 5.25C17.5 4.928 17.7613 4.66667 18.0833 4.66667H22.1667ZM18.6667 11.6667C18.6667 14.2403 16.5737 16.3333 14 16.3333C11.4263 16.3333 9.33333 14.2403 9.33333 11.6667C9.33333 9.093 11.4263 7 14 7C16.5737 7 18.6667 9.093 18.6667 11.6667ZM17.5 11.6667C17.5 9.737 15.9297 8.16667 14 8.16667C12.0703 8.16667 10.5 9.737 10.5 11.6667C10.5 13.5963 12.0703 15.1667 14 15.1667C15.9297 15.1667 17.5 13.5963 17.5 11.6667ZM27.3922 9.90617C27.7958 11.2292 28 12.6058 28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C15.4548 0 16.8898 0.221667 18.2607 0.660333C18.5675 0.758333 18.7367 1.08617 18.6387 1.393C18.5395 1.69983 18.2105 1.87017 17.9048 1.771C16.6483 1.36967 15.3335 1.1655 13.9988 1.1655C6.92417 1.16667 1.16667 6.92417 1.16667 14C1.16667 18.5197 3.521 22.4933 7.063 24.78C7.5005 21.3383 10.4417 18.6667 14 18.6667C17.5583 18.6667 20.4995 21.3383 20.937 24.78C24.4778 22.4933 26.8333 18.5197 26.8333 14C26.8333 12.7213 26.6467 11.459 26.2757 10.2468C26.1823 9.93883 26.355 9.61217 26.6642 9.51883C26.9722 9.422 27.2977 9.59933 27.3922 9.90617ZM14 26.8333C16.0918 26.8333 18.0623 26.32 19.8088 25.4287C19.6805 22.3253 17.1348 19.8333 14 19.8333C10.8652 19.8333 8.31833 22.3242 8.19117 25.4287C9.93767 26.32 11.9082 26.8333 14 26.8333Z",
|
|
466
493
|
fill: "currentColor"
|
|
467
494
|
}
|
|
468
495
|
) }),
|
|
469
|
-
/* @__PURE__ */ (0,
|
|
496
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: "clip0_create_account", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
470
497
|
]
|
|
471
498
|
})
|
|
472
499
|
);
|
|
@@ -474,10 +501,10 @@ var CreateAccountIcon = (_a) => {
|
|
|
474
501
|
CreateAccountIcon.displayName = "CreateAccountIcon";
|
|
475
502
|
|
|
476
503
|
// src/primitives/icon/svg/credit-card.tsx
|
|
477
|
-
var
|
|
504
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
478
505
|
var CreditCardIcon = (_a) => {
|
|
479
506
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
480
|
-
return /* @__PURE__ */ (0,
|
|
507
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
481
508
|
"svg",
|
|
482
509
|
__spreadProps(__spreadValues(__spreadValues({
|
|
483
510
|
viewBox: "0 0 24 24",
|
|
@@ -485,8 +512,8 @@ var CreditCardIcon = (_a) => {
|
|
|
485
512
|
fill: "none"
|
|
486
513
|
}, getIconA11yProps(title)), props), {
|
|
487
514
|
children: [
|
|
488
|
-
title ? /* @__PURE__ */ (0,
|
|
489
|
-
/* @__PURE__ */ (0,
|
|
515
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("title", { children: title }) : null,
|
|
516
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
490
517
|
"path",
|
|
491
518
|
{
|
|
492
519
|
d: "M19.5 3H4.5C2.019 3 0 5.019 0 7.5V16.5C0 18.981 2.019 21 4.5 21H19.5C21.981 21 24 18.981 24 16.5V7.5C24 5.019 21.981 3 19.5 3ZM1 8H23V10H1V8ZM4.5 4H19.5C21.258 4 22.704 5.308 22.949 7H1.051C1.296 5.308 2.742 4 4.5 4ZM19.5 20H4.5C2.57 20 1 18.43 1 16.5V11H23V16.5C23 18.43 21.43 20 19.5 20ZM5 14C3.897 14 3 14.897 3 16C3 17.103 3.897 18 5 18C6.103 18 7 17.103 7 16C7 14.897 6.103 14 5 14ZM5 17C4.449 17 4 16.552 4 16C4 15.448 4.449 15 5 15C5.551 15 6 15.448 6 16C6 16.552 5.551 17 5 17Z",
|
|
@@ -500,10 +527,10 @@ var CreditCardIcon = (_a) => {
|
|
|
500
527
|
CreditCardIcon.displayName = "CreditCardIcon";
|
|
501
528
|
|
|
502
529
|
// src/primitives/icon/svg/disconnect.tsx
|
|
503
|
-
var
|
|
530
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
504
531
|
var DisconnectIcon = (_a) => {
|
|
505
532
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
506
|
-
return /* @__PURE__ */ (0,
|
|
533
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
507
534
|
"svg",
|
|
508
535
|
__spreadProps(__spreadValues(__spreadValues({
|
|
509
536
|
viewBox: "0 0 16 16",
|
|
@@ -511,8 +538,8 @@ var DisconnectIcon = (_a) => {
|
|
|
511
538
|
fill: "none"
|
|
512
539
|
}, getIconA11yProps(title)), props), {
|
|
513
540
|
children: [
|
|
514
|
-
title ? /* @__PURE__ */ (0,
|
|
515
|
-
/* @__PURE__ */ (0,
|
|
541
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { children: title }) : null,
|
|
542
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
516
543
|
"path",
|
|
517
544
|
{
|
|
518
545
|
d: "M6.5 3H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.5",
|
|
@@ -521,7 +548,7 @@ var DisconnectIcon = (_a) => {
|
|
|
521
548
|
strokeLinecap: "round"
|
|
522
549
|
}
|
|
523
550
|
),
|
|
524
|
-
/* @__PURE__ */ (0,
|
|
551
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
525
552
|
"path",
|
|
526
553
|
{
|
|
527
554
|
d: "M9.5 5.5 12 8m0 0-2.5 2.5M12 8H6",
|
|
@@ -538,10 +565,10 @@ var DisconnectIcon = (_a) => {
|
|
|
538
565
|
DisconnectIcon.displayName = "DisconnectIcon";
|
|
539
566
|
|
|
540
567
|
// src/primitives/icon/svg/dots-horizontal.tsx
|
|
541
|
-
var
|
|
568
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
542
569
|
var DotsHorizontalIcon = (_a) => {
|
|
543
570
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
544
|
-
return /* @__PURE__ */ (0,
|
|
571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
545
572
|
"svg",
|
|
546
573
|
__spreadProps(__spreadValues(__spreadValues({
|
|
547
574
|
viewBox: "0 0 16 16",
|
|
@@ -549,10 +576,10 @@ var DotsHorizontalIcon = (_a) => {
|
|
|
549
576
|
fill: "none"
|
|
550
577
|
}, getIconA11yProps(title)), props), {
|
|
551
578
|
children: [
|
|
552
|
-
title ? /* @__PURE__ */ (0,
|
|
553
|
-
/* @__PURE__ */ (0,
|
|
554
|
-
/* @__PURE__ */ (0,
|
|
555
|
-
/* @__PURE__ */ (0,
|
|
579
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { children: title }) : null,
|
|
580
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { cx: "3.5", cy: "8", r: "1.25", fill: "currentColor" }),
|
|
581
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor" }),
|
|
582
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { cx: "12.5", cy: "8", r: "1.25", fill: "currentColor" })
|
|
556
583
|
]
|
|
557
584
|
})
|
|
558
585
|
);
|
|
@@ -560,10 +587,10 @@ var DotsHorizontalIcon = (_a) => {
|
|
|
560
587
|
DotsHorizontalIcon.displayName = "DotsHorizontalIcon";
|
|
561
588
|
|
|
562
589
|
// src/primitives/icon/svg/document.tsx
|
|
563
|
-
var
|
|
590
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
564
591
|
var DocumentIcon = (_a) => {
|
|
565
592
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
566
|
-
return /* @__PURE__ */ (0,
|
|
593
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
567
594
|
"svg",
|
|
568
595
|
__spreadProps(__spreadValues(__spreadValues({
|
|
569
596
|
viewBox: "0 0 16 16",
|
|
@@ -571,15 +598,15 @@ var DocumentIcon = (_a) => {
|
|
|
571
598
|
fill: "none"
|
|
572
599
|
}, getIconA11yProps(title)), props), {
|
|
573
600
|
children: [
|
|
574
|
-
title ? /* @__PURE__ */ (0,
|
|
575
|
-
/* @__PURE__ */ (0,
|
|
601
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: title }) : null,
|
|
602
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("g", { clipPath: "url(#document-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
576
603
|
"path",
|
|
577
604
|
{
|
|
578
605
|
d: "M11.3335 9.33335C11.3335 9.51016 11.2633 9.67973 11.1382 9.80475C11.0132 9.92978 10.8436 10 10.6668 10H5.3335C5.15669 10 4.98712 9.92978 4.86209 9.80475C4.73707 9.67973 4.66683 9.51016 4.66683 9.33335C4.66683 9.15654 4.73707 8.98697 4.86209 8.86194C4.98712 8.73692 5.15669 8.66668 5.3335 8.66668H10.6668C10.8436 8.66668 11.0132 8.73692 11.1382 8.86194C11.2633 8.98697 11.3335 9.15654 11.3335 9.33335ZM8.66683 11.3333H5.3335C5.15669 11.3333 4.98712 11.4036 4.86209 11.5286C4.73707 11.6536 4.66683 11.8232 4.66683 12C4.66683 12.1768 4.73707 12.3464 4.86209 12.4714C4.98712 12.5964 5.15669 12.6667 5.3335 12.6667H8.66683C8.84364 12.6667 9.01321 12.5964 9.13823 12.4714C9.26326 12.3464 9.3335 12.1768 9.3335 12C9.3335 11.8232 9.26326 11.6536 9.13823 11.5286C9.01321 11.4036 8.84364 11.3333 8.66683 11.3333ZM14.6668 6.99002V12.6667C14.6658 13.5504 14.3142 14.3976 13.6894 15.0225C13.0645 15.6474 12.2172 15.999 11.3335 16H4.66683C3.7831 15.999 2.93587 15.6474 2.31098 15.0225C1.68608 14.3976 1.33455 13.5504 1.3335 12.6667V3.33335C1.33455 2.44962 1.68608 1.60239 2.31098 0.977495C2.93587 0.352603 3.7831 0.00107394 4.66683 1.53658e-05H7.67683C8.28991 -0.00156258 8.89722 0.118407 9.46365 0.352988C10.0301 0.587569 10.5444 0.932107 10.9768 1.36668L13.2995 3.69068C13.7343 4.12284 14.0791 4.63699 14.3138 5.20333C14.5485 5.76968 14.6685 6.37696 14.6668 6.99002ZM10.0342 2.30935C9.82435 2.10612 9.58879 1.9313 9.3335 1.78935V4.66668C9.3335 4.84349 9.40373 5.01306 9.52876 5.13809C9.65378 5.26311 9.82335 5.33335 10.0002 5.33335H12.8775C12.7355 5.07814 12.5604 4.84278 12.3568 4.63335L10.0342 2.30935ZM13.3335 6.99002C13.3335 6.88002 13.3122 6.77468 13.3022 6.66668H10.0002C9.46973 6.66668 8.96102 6.45597 8.58595 6.0809C8.21088 5.70582 8.00016 5.19711 8.00016 4.66668V1.36468C7.89216 1.35468 7.78616 1.33335 7.67683 1.33335H4.66683C4.1364 1.33335 3.62769 1.54406 3.25262 1.91914C2.87754 2.29421 2.66683 2.80292 2.66683 3.33335V12.6667C2.66683 13.1971 2.87754 13.7058 3.25262 14.0809C3.62769 14.456 4.1364 14.6667 4.66683 14.6667H11.3335C11.8639 14.6667 12.3726 14.456 12.7477 14.0809C13.1228 13.7058 13.3335 13.1971 13.3335 12.6667V6.99002Z",
|
|
579
606
|
fill: "currentColor"
|
|
580
607
|
}
|
|
581
608
|
) }),
|
|
582
|
-
/* @__PURE__ */ (0,
|
|
609
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("clipPath", { id: "document-clip", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
583
610
|
]
|
|
584
611
|
})
|
|
585
612
|
);
|
|
@@ -587,10 +614,10 @@ var DocumentIcon = (_a) => {
|
|
|
587
614
|
DocumentIcon.displayName = "DocumentIcon";
|
|
588
615
|
|
|
589
616
|
// src/primitives/icon/svg/download.tsx
|
|
590
|
-
var
|
|
617
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
591
618
|
var DownloadIcon = (_a) => {
|
|
592
619
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
593
|
-
return /* @__PURE__ */ (0,
|
|
620
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
594
621
|
"svg",
|
|
595
622
|
__spreadProps(__spreadValues(__spreadValues({
|
|
596
623
|
viewBox: "0 0 16 16",
|
|
@@ -598,8 +625,8 @@ var DownloadIcon = (_a) => {
|
|
|
598
625
|
fill: "none"
|
|
599
626
|
}, getIconA11yProps(title)), props), {
|
|
600
627
|
children: [
|
|
601
|
-
title ? /* @__PURE__ */ (0,
|
|
602
|
-
/* @__PURE__ */ (0,
|
|
628
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { children: title }) : null,
|
|
629
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
603
630
|
"path",
|
|
604
631
|
{
|
|
605
632
|
d: "M8 2.5v7m0 0 2.5-2.5M8 9.5 5.5 7",
|
|
@@ -609,7 +636,7 @@ var DownloadIcon = (_a) => {
|
|
|
609
636
|
strokeLinejoin: "round"
|
|
610
637
|
}
|
|
611
638
|
),
|
|
612
|
-
/* @__PURE__ */ (0,
|
|
639
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M2.5 12.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
|
|
613
640
|
]
|
|
614
641
|
})
|
|
615
642
|
);
|
|
@@ -617,10 +644,10 @@ var DownloadIcon = (_a) => {
|
|
|
617
644
|
DownloadIcon.displayName = "DownloadIcon";
|
|
618
645
|
|
|
619
646
|
// src/primitives/icon/svg/external-link.tsx
|
|
620
|
-
var
|
|
647
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
621
648
|
var ExternalLinkIcon = (_a) => {
|
|
622
649
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
623
|
-
return /* @__PURE__ */ (0,
|
|
650
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
624
651
|
"svg",
|
|
625
652
|
__spreadProps(__spreadValues(__spreadValues({
|
|
626
653
|
viewBox: "0 0 14 14",
|
|
@@ -628,15 +655,15 @@ var ExternalLinkIcon = (_a) => {
|
|
|
628
655
|
fill: "none"
|
|
629
656
|
}, getIconA11yProps(title)), props), {
|
|
630
657
|
children: [
|
|
631
|
-
title ? /* @__PURE__ */ (0,
|
|
632
|
-
/* @__PURE__ */ (0,
|
|
658
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { children: title }) : null,
|
|
659
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { clipPath: "url(#clip0_422_235)", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
633
660
|
"path",
|
|
634
661
|
{
|
|
635
662
|
d: "M11.6667 6.41667V11.0833C11.6667 12.6916 10.3582 14 8.75 14H2.91667C1.30842 14 0 12.6916 0 11.0833V5.25C0 3.64175 1.30842 2.33333 2.91667 2.33333H7.58333C7.90533 2.33333 8.16667 2.59467 8.16667 2.91667C8.16667 3.23867 7.90533 3.5 7.58333 3.5H2.91667C1.95183 3.5 1.16667 4.28517 1.16667 5.25V11.0833C1.16667 12.0482 1.95183 12.8333 2.91667 12.8333H8.75C9.71483 12.8333 10.5 12.0482 10.5 11.0833V6.41667C10.5 6.09467 10.7613 5.83333 11.0833 5.83333C11.4053 5.83333 11.6667 6.09467 11.6667 6.41667ZM12.25 0H8.16667C7.84467 0 7.58333 0.261333 7.58333 0.583333C7.58333 0.905333 7.84467 1.16667 8.16667 1.16667H12.0085L4.83758 8.33758C4.6095 8.56567 4.6095 8.93433 4.83758 9.16242C4.95133 9.27617 5.10067 9.33333 5.25 9.33333C5.39933 9.33333 5.54867 9.27617 5.66242 9.16242L12.8333 1.9915V5.83333C12.8333 6.15533 13.0947 6.41667 13.4167 6.41667C13.7387 6.41667 14 6.15533 14 5.83333V1.75C14 0.785167 13.2148 0 12.25 0Z",
|
|
636
663
|
fill: "currentColor"
|
|
637
664
|
}
|
|
638
665
|
) }),
|
|
639
|
-
/* @__PURE__ */ (0,
|
|
666
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("clipPath", { id: "clip0_422_235", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
|
|
640
667
|
]
|
|
641
668
|
})
|
|
642
669
|
);
|
|
@@ -644,10 +671,10 @@ var ExternalLinkIcon = (_a) => {
|
|
|
644
671
|
ExternalLinkIcon.displayName = "ExternalLinkIcon";
|
|
645
672
|
|
|
646
673
|
// src/primitives/icon/svg/info.tsx
|
|
647
|
-
var
|
|
674
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
648
675
|
var InfoIcon = (_a) => {
|
|
649
676
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
650
|
-
return /* @__PURE__ */ (0,
|
|
677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
651
678
|
"svg",
|
|
652
679
|
__spreadProps(__spreadValues(__spreadValues({
|
|
653
680
|
viewBox: "0 0 12 12",
|
|
@@ -655,23 +682,23 @@ var InfoIcon = (_a) => {
|
|
|
655
682
|
fill: "none"
|
|
656
683
|
}, getIconA11yProps(title)), props), {
|
|
657
684
|
children: [
|
|
658
|
-
title ? /* @__PURE__ */ (0,
|
|
659
|
-
/* @__PURE__ */ (0,
|
|
660
|
-
/* @__PURE__ */ (0,
|
|
685
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: title }) : null,
|
|
686
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("g", { clipPath: "url(#info_clip)", children: [
|
|
687
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
661
688
|
"path",
|
|
662
689
|
{
|
|
663
690
|
d: "M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456726 3.7039C0.00259972 4.80026 -0.11622 6.00666 0.115291 7.17054C0.346802 8.33443 0.918247 9.40353 1.75736 10.2426C2.59648 11.0818 3.66558 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0892 10.3295 10.3201 10.9888 9.33342C11.6481 8.34673 12 7.18669 12 6C11.9983 4.40923 11.3656 2.88411 10.2407 1.75926C9.1159 0.634414 7.59077 0.00172054 6 0ZM6 11C5.0111 11 4.0444 10.7068 3.22215 10.1573C2.39991 9.60794 1.75904 8.82705 1.38061 7.91342C1.00217 6.99979 0.90315 5.99445 1.09608 5.02455C1.289 4.05464 1.76521 3.16373 2.46447 2.46447C3.16373 1.7652 4.05465 1.289 5.02455 1.09607C5.99446 0.903148 6.99979 1.00216 7.91342 1.3806C8.82705 1.75904 9.60794 2.3999 10.1574 3.22215C10.7068 4.04439 11 5.01109 11 6C10.9985 7.32564 10.4713 8.59656 9.53393 9.53393C8.59656 10.4713 7.32564 10.9985 6 11Z",
|
|
664
691
|
fill: "currentColor"
|
|
665
692
|
}
|
|
666
693
|
),
|
|
667
|
-
/* @__PURE__ */ (0,
|
|
694
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
668
695
|
"path",
|
|
669
696
|
{
|
|
670
697
|
d: "M6 5H5.5C5.36739 5 5.24021 5.05268 5.14645 5.14645C5.05268 5.24021 5 5.36739 5 5.5C5 5.63261 5.05268 5.75979 5.14645 5.85355C5.24021 5.94732 5.36739 6 5.5 6H6V9C6 9.13261 6.05268 9.25979 6.14645 9.35355C6.24021 9.44732 6.36739 9.5 6.5 9.5C6.63261 9.5 6.75979 9.44732 6.85355 9.35355C6.94732 9.25979 7 9.13261 7 9V6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5Z",
|
|
671
698
|
fill: "currentColor"
|
|
672
699
|
}
|
|
673
700
|
),
|
|
674
|
-
/* @__PURE__ */ (0,
|
|
701
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
675
702
|
"path",
|
|
676
703
|
{
|
|
677
704
|
d: "M6 4C6.41421 4 6.75 3.66421 6.75 3.25C6.75 2.83579 6.41421 2.5 6 2.5C5.58579 2.5 5.25 2.83579 5.25 3.25C5.25 3.66421 5.58579 4 6 4Z",
|
|
@@ -679,7 +706,7 @@ var InfoIcon = (_a) => {
|
|
|
679
706
|
}
|
|
680
707
|
)
|
|
681
708
|
] }),
|
|
682
|
-
/* @__PURE__ */ (0,
|
|
709
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
|
|
683
710
|
]
|
|
684
711
|
})
|
|
685
712
|
);
|
|
@@ -694,10 +721,10 @@ var iconSizeClasses = {
|
|
|
694
721
|
};
|
|
695
722
|
|
|
696
723
|
// src/primitives/icon/svg/check-badge.tsx
|
|
697
|
-
var
|
|
724
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
698
725
|
var CheckBadgeIcon = (_a) => {
|
|
699
726
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
700
|
-
return /* @__PURE__ */ (0,
|
|
727
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
701
728
|
"svg",
|
|
702
729
|
__spreadProps(__spreadValues(__spreadValues({
|
|
703
730
|
viewBox: "0 0 16 16",
|
|
@@ -705,15 +732,15 @@ var CheckBadgeIcon = (_a) => {
|
|
|
705
732
|
fill: "none"
|
|
706
733
|
}, getIconA11yProps(title)), props), {
|
|
707
734
|
children: [
|
|
708
|
-
title ? /* @__PURE__ */ (0,
|
|
709
|
-
/* @__PURE__ */ (0,
|
|
735
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("title", { children: title }) : null,
|
|
736
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
710
737
|
"path",
|
|
711
738
|
{
|
|
712
739
|
d: "M15.4173 6.57883L13.9833 5.14283V3.9975C13.9833 2.89683 13.0886 2.00083 11.9893 2.00083H10.8453L9.4113 0.5655C8.6573 -0.1885 7.34397 -0.1885 6.59063 0.5655L5.15663 2.00083H4.01263C2.91263 2.00083 2.01863 2.89617 2.01863 3.9975V5.14283L0.583965 6.57883C-0.192702 7.3575 -0.192702 8.6235 0.583965 9.40217L2.01796 10.8382V11.9835C2.01796 13.0842 2.91263 13.9802 4.01196 13.9802H5.15596L6.58997 15.4155C6.96663 15.7922 7.46797 16.0002 8.00063 16.0002C8.5333 16.0002 9.03397 15.7922 9.41063 15.4155L10.8446 13.9802H11.9886C13.0886 13.9802 13.9826 13.0848 13.9826 11.9835V10.8382L15.4173 9.40217C16.194 8.6235 16.194 7.3575 15.4173 6.57883ZM12.136 6.8075L8.76663 10.1375C8.3573 10.5442 7.81797 10.7482 7.2793 10.7482C6.74063 10.7482 6.20396 10.5448 5.7933 10.1395L4.06063 8.4735C3.7993 8.21417 3.79663 7.79283 4.05596 7.53083C4.31596 7.27017 4.73663 7.26683 4.9993 7.52617L6.7313 9.1915C7.0333 9.49083 7.52463 9.4915 7.8273 9.1915L11.1973 5.86083C11.46 5.60083 11.8813 5.6035 12.1406 5.8655C12.4 6.1275 12.3973 6.54817 12.136 6.8075Z",
|
|
713
740
|
fill: "currentColor"
|
|
714
741
|
}
|
|
715
742
|
) }),
|
|
716
|
-
/* @__PURE__ */ (0,
|
|
743
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
717
744
|
]
|
|
718
745
|
})
|
|
719
746
|
);
|
|
@@ -721,10 +748,10 @@ var CheckBadgeIcon = (_a) => {
|
|
|
721
748
|
CheckBadgeIcon.displayName = "CheckBadgeIcon";
|
|
722
749
|
|
|
723
750
|
// src/primitives/icon/svg/discord.tsx
|
|
724
|
-
var
|
|
751
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
725
752
|
var DiscordIcon = (_a) => {
|
|
726
753
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
727
|
-
return /* @__PURE__ */ (0,
|
|
754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
728
755
|
"svg",
|
|
729
756
|
__spreadProps(__spreadValues(__spreadValues({
|
|
730
757
|
viewBox: "0 0 20 20",
|
|
@@ -732,8 +759,8 @@ var DiscordIcon = (_a) => {
|
|
|
732
759
|
fill: "none"
|
|
733
760
|
}, getIconA11yProps(title)), props), {
|
|
734
761
|
children: [
|
|
735
|
-
title ? /* @__PURE__ */ (0,
|
|
736
|
-
/* @__PURE__ */ (0,
|
|
762
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { children: title }) : null,
|
|
763
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
737
764
|
"path",
|
|
738
765
|
{
|
|
739
766
|
d: "M16.3546 4.49236C15.1858 3.95607 13.9329 3.56111 12.6227 3.33499C12.599 3.3304 12.5754 3.34186 12.5624 3.36325C12.4012 3.64973 12.2224 4.02406 12.0979 4.31742C10.6884 4.10657 9.28659 4.10657 7.90615 4.31742C7.78162 4.01719 7.59598 3.64973 7.43479 3.36325C7.42181 3.34186 7.39812 3.33117 7.37444 3.33499C6.06504 3.56035 4.81218 3.95531 3.64258 4.49236C3.63265 4.49618 3.62348 4.50382 3.61813 4.51298C1.24151 8.06379 0.589865 11.5275 0.909193 14.9484C0.910721 14.9653 0.919888 14.9813 0.932875 14.9912C2.50125 16.1433 4.01997 16.8423 5.51119 17.3052C5.53487 17.3128 5.56008 17.3037 5.57536 17.2838C5.9283 16.8025 6.24228 16.2945 6.51195 15.7605C6.52799 15.7292 6.51271 15.6918 6.47986 15.6795C5.98101 15.4901 5.5066 15.2594 5.04976 14.9981C5.01386 14.9767 5.0108 14.9255 5.04365 14.9003C5.13991 14.8285 5.23617 14.7536 5.32784 14.678C5.34465 14.6643 5.36756 14.6612 5.38743 14.6704C8.38819 16.0401 11.6365 16.0401 14.6013 14.6704C14.6212 14.6612 14.6441 14.6635 14.6617 14.678C14.7534 14.7536 14.8496 14.8293 14.9466 14.9011C14.9803 14.9255 14.978 14.9775 14.9413 14.9989C14.4845 15.2655 14.01 15.4916 13.5104 15.6795C13.4776 15.6918 13.4638 15.73 13.4791 15.7613C13.7541 16.2945 14.0689 16.8025 14.4149 17.2838C14.4295 17.3044 14.4554 17.3128 14.4791 17.306C15.9772 16.8423 17.4967 16.1433 19.0643 14.992C19.078 14.9821 19.0865 14.9668 19.088 14.95C19.4699 10.995 18.4478 7.55959 16.3775 4.51451C16.3737 4.50382 16.3645 4.49618 16.3546 4.49236ZM6.96038 12.8659C6.05664 12.8659 5.31256 12.0363 5.31256 11.018C5.31256 9.99962 6.04213 9.16998 6.96038 9.16998C7.88552 9.16998 8.62272 10.0065 8.60821 11.018C8.60821 12.0371 7.87788 12.8659 6.96038 12.8659ZM13.0528 12.8659C12.1498 12.8659 11.405 12.0363 11.405 11.018C11.405 9.99962 12.1346 9.16998 13.0528 9.16998C13.978 9.16998 14.7152 10.0065 14.7007 11.018C14.7007 12.0371 13.978 12.8659 13.0528 12.8659Z",
|
|
@@ -747,10 +774,10 @@ var DiscordIcon = (_a) => {
|
|
|
747
774
|
DiscordIcon.displayName = "DiscordIcon";
|
|
748
775
|
|
|
749
776
|
// src/primitives/icon/svg/email.tsx
|
|
750
|
-
var
|
|
777
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
751
778
|
var EmailIcon = (_a) => {
|
|
752
779
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
753
|
-
return /* @__PURE__ */ (0,
|
|
780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
754
781
|
"svg",
|
|
755
782
|
__spreadProps(__spreadValues(__spreadValues({
|
|
756
783
|
viewBox: "0 0 20 20",
|
|
@@ -758,8 +785,8 @@ var EmailIcon = (_a) => {
|
|
|
758
785
|
fill: "none"
|
|
759
786
|
}, getIconA11yProps(title)), props), {
|
|
760
787
|
children: [
|
|
761
|
-
title ? /* @__PURE__ */ (0,
|
|
762
|
-
/* @__PURE__ */ (0,
|
|
788
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: title }) : null,
|
|
789
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
763
790
|
"path",
|
|
764
791
|
{
|
|
765
792
|
d: "M3.33333 3.33398H16.6667C17.5833 3.33398 18.3333 4.08398 18.3333 5.00065V15.0007C18.3333 15.9173 17.5833 16.6673 16.6667 16.6673H3.33333C2.41667 16.6673 1.66667 15.9173 1.66667 15.0007V5.00065C1.66667 4.08398 2.41667 3.33398 3.33333 3.33398Z",
|
|
@@ -769,7 +796,7 @@ var EmailIcon = (_a) => {
|
|
|
769
796
|
strokeLinejoin: "round"
|
|
770
797
|
}
|
|
771
798
|
),
|
|
772
|
-
/* @__PURE__ */ (0,
|
|
799
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
773
800
|
"path",
|
|
774
801
|
{
|
|
775
802
|
d: "M18.3333 5L10 10.8333L1.66667 5",
|
|
@@ -786,10 +813,10 @@ var EmailIcon = (_a) => {
|
|
|
786
813
|
EmailIcon.displayName = "EmailIcon";
|
|
787
814
|
|
|
788
815
|
// src/primitives/icon/svg/link-accounts.tsx
|
|
789
|
-
var
|
|
816
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
790
817
|
var LinkAccountsIcon = (_a) => {
|
|
791
818
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
792
|
-
return /* @__PURE__ */ (0,
|
|
819
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
793
820
|
"svg",
|
|
794
821
|
__spreadProps(__spreadValues(__spreadValues({
|
|
795
822
|
width: "28",
|
|
@@ -800,15 +827,15 @@ var LinkAccountsIcon = (_a) => {
|
|
|
800
827
|
className
|
|
801
828
|
}, getIconA11yProps(title)), props), {
|
|
802
829
|
children: [
|
|
803
|
-
title ? /* @__PURE__ */ (0,
|
|
804
|
-
/* @__PURE__ */ (0,
|
|
830
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("title", { children: title }) : null,
|
|
831
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
805
832
|
"path",
|
|
806
833
|
{
|
|
807
834
|
d: "M28 18.0835C28 22.2648 24.598 25.6668 20.4167 25.6668H14.5833C10.402 25.6668 7 22.2648 7 18.0835C7 13.9022 10.402 10.5002 14.5833 10.5002H16.9167C17.2387 10.5002 17.5 10.7615 17.5 11.0835C17.5 11.4055 17.2387 11.6668 16.9167 11.6668H14.5833C11.0448 11.6668 8.16667 14.5462 8.16667 18.0835C8.16667 21.6208 11.0448 24.5002 14.5833 24.5002H20.4167C23.9552 24.5002 26.8333 21.6208 26.8333 18.0835C26.8333 15.7992 25.6037 13.67 23.625 12.5243C23.3462 12.3633 23.2505 12.0063 23.4127 11.7275C23.5725 11.4487 23.9283 11.3507 24.2095 11.514C26.5475 12.8662 28.0012 15.3827 28.0012 18.0823L28 18.0835ZM4.375 15.476C2.39517 14.3315 1.16667 12.2012 1.16667 9.91683C1.16667 6.3795 4.04483 3.50016 7.58333 3.50016H13.4167C16.9552 3.50016 19.8333 6.3795 19.8333 9.91683C19.8333 13.4542 16.9552 16.3335 13.4167 16.3335H11.0833C10.7613 16.3335 10.5 16.5948 10.5 16.9168C10.5 17.2388 10.7613 17.5002 11.0833 17.5002H13.4167C17.598 17.5002 21 14.0982 21 9.91683C21 5.7355 17.598 2.3335 13.4167 2.3335H7.58333C3.402 2.3335 0 5.7355 0 9.91683C0 12.6153 1.4525 15.133 3.79167 16.4852C4.0705 16.6462 4.4275 16.5517 4.5885 16.2717C4.75067 15.994 4.655 15.6358 4.37617 15.4748L4.375 15.476Z",
|
|
808
835
|
fill: "currentColor"
|
|
809
836
|
}
|
|
810
837
|
) }),
|
|
811
|
-
/* @__PURE__ */ (0,
|
|
838
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
812
839
|
]
|
|
813
840
|
})
|
|
814
841
|
);
|
|
@@ -816,10 +843,10 @@ var LinkAccountsIcon = (_a) => {
|
|
|
816
843
|
LinkAccountsIcon.displayName = "LinkAccountsIcon";
|
|
817
844
|
|
|
818
845
|
// src/primitives/icon/svg/pencil.tsx
|
|
819
|
-
var
|
|
846
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
820
847
|
var PencilIcon = (_a) => {
|
|
821
848
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
822
|
-
return /* @__PURE__ */ (0,
|
|
849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
823
850
|
"svg",
|
|
824
851
|
__spreadProps(__spreadValues(__spreadValues({
|
|
825
852
|
viewBox: "0 0 16 16",
|
|
@@ -827,15 +854,15 @@ var PencilIcon = (_a) => {
|
|
|
827
854
|
fill: "none"
|
|
828
855
|
}, getIconA11yProps(title)), props), {
|
|
829
856
|
children: [
|
|
830
|
-
title ? /* @__PURE__ */ (0,
|
|
831
|
-
/* @__PURE__ */ (0,
|
|
857
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { children: title }) : null,
|
|
858
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
832
859
|
"path",
|
|
833
860
|
{
|
|
834
861
|
d: "M15.2353 0.706709C14.7821 0.254173 14.1678 0 13.5273 0C12.8869 0 12.2726 0.254173 11.8193 0.706709L0.976677 11.5494C0.666178 11.8581 0.419985 12.2254 0.252342 12.6299C0.0846994 13.0344 -0.00106532 13.4682 9.98748e-06 13.906V15.2747C9.98748e-06 15.4515 0.0702479 15.6211 0.195272 15.7461C0.320296 15.8711 0.489866 15.9414 0.666677 15.9414H2.03534C2.47318 15.9426 2.90692 15.857 3.31145 15.6895C3.71597 15.5219 4.08325 15.2758 4.39201 14.9654L15.2353 4.12204C15.6877 3.66884 15.9417 3.05469 15.9417 2.41438C15.9417 1.77406 15.6877 1.15991 15.2353 0.706709ZM3.44934 14.0227C3.07335 14.3962 2.56532 14.6065 2.03534 14.608H1.33334V13.906C1.33267 13.6433 1.38411 13.3831 1.4847 13.1403C1.58529 12.8976 1.73302 12.6773 1.91934 12.492L10.148 4.26338L11.6813 5.79671L3.44934 14.0227ZM14.292 3.17938L12.6213 4.85071L11.088 3.32071L12.7593 1.64938C12.86 1.54891 12.9795 1.46927 13.111 1.41498C13.2424 1.3607 13.3833 1.33284 13.5255 1.33299C13.6678 1.33314 13.8086 1.36131 13.9399 1.41588C14.0712 1.47045 14.1905 1.55036 14.291 1.65104C14.3915 1.75172 14.4711 1.8712 14.5254 2.00266C14.5797 2.13413 14.6076 2.27499 14.6074 2.41722C14.6072 2.55945 14.5791 2.70025 14.5245 2.8316C14.4699 2.96294 14.39 3.08225 14.2893 3.18271L14.292 3.17938Z",
|
|
835
862
|
fill: "currentColor"
|
|
836
863
|
}
|
|
837
864
|
) }),
|
|
838
|
-
/* @__PURE__ */ (0,
|
|
865
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
839
866
|
]
|
|
840
867
|
})
|
|
841
868
|
);
|
|
@@ -843,10 +870,10 @@ var PencilIcon = (_a) => {
|
|
|
843
870
|
PencilIcon.displayName = "PencilIcon";
|
|
844
871
|
|
|
845
872
|
// src/primitives/icon/svg/play-square.tsx
|
|
846
|
-
var
|
|
873
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
847
874
|
var PlaySquareIcon = (_a) => {
|
|
848
875
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
849
|
-
return /* @__PURE__ */ (0,
|
|
876
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
850
877
|
"svg",
|
|
851
878
|
__spreadProps(__spreadValues(__spreadValues({
|
|
852
879
|
viewBox: "0 0 16 16",
|
|
@@ -854,15 +881,15 @@ var PlaySquareIcon = (_a) => {
|
|
|
854
881
|
fill: "none"
|
|
855
882
|
}, getIconA11yProps(title)), props), {
|
|
856
883
|
children: [
|
|
857
|
-
title ? /* @__PURE__ */ (0,
|
|
858
|
-
/* @__PURE__ */ (0,
|
|
884
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { children: title }) : null,
|
|
885
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
859
886
|
"path",
|
|
860
887
|
{
|
|
861
888
|
d: "M12.6667 16H3.33333C2.4496 15.9989 1.60237 15.6474 0.97748 15.0225C0.352588 14.3976 0.00105857 13.5504 0 12.6667L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L12.6667 0C13.5504 0.00105857 14.3976 0.352588 15.0225 0.97748C15.6474 1.60237 15.9989 2.4496 16 3.33333V12.6667C15.9989 13.5504 15.6474 14.3976 15.0225 15.0225C14.3976 15.6474 13.5504 15.9989 12.6667 16ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V12.6667C1.33333 13.1971 1.54405 13.7058 1.91912 14.0809C2.29419 14.456 2.8029 14.6667 3.33333 14.6667H12.6667C13.1971 14.6667 13.7058 14.456 14.0809 14.0809C14.456 13.7058 14.6667 13.1971 14.6667 12.6667V3.33333C14.6667 2.8029 14.456 2.29419 14.0809 1.91912C13.7058 1.54405 13.1971 1.33333 12.6667 1.33333H3.33333ZM6.228 11.3367C5.95008 11.3357 5.67734 11.2615 5.43733 11.1213C5.20023 10.9856 5.00344 10.7894 4.86709 10.5526C4.73074 10.3159 4.65973 10.0472 4.66133 9.774V6.226C4.66111 5.95276 4.73274 5.68427 4.86905 5.44746C5.00537 5.21066 5.20156 5.01386 5.43794 4.87683C5.67433 4.73979 5.9426 4.66733 6.21584 4.66672C6.48907 4.6661 6.75767 4.73736 6.99467 4.87333L10.5133 6.63C10.7577 6.76194 10.9624 6.95685 11.1062 7.19452C11.2499 7.4322 11.3274 7.70399 11.3308 7.98172C11.3341 8.25946 11.2631 8.53303 11.1251 8.77408C10.9871 9.01514 10.7872 9.2149 10.546 9.35267L6.962 11.144C6.73847 11.2715 6.48533 11.3379 6.228 11.3367ZM6.21133 6.00333C6.17459 6.00332 6.13849 6.01298 6.10667 6.03133C6.07209 6.05056 6.0434 6.07884 6.02367 6.11313C6.00394 6.14743 5.99391 6.18644 5.99467 6.226V9.774C5.99489 9.81297 6.00525 9.85121 6.02473 9.88497C6.0442 9.91872 6.07212 9.94683 6.10574 9.96653C6.13936 9.98624 6.17753 9.99686 6.2165 9.99735C6.25547 9.99784 6.29389 9.98818 6.328 9.96933L9.912 8.17733C9.93869 8.15646 9.95992 8.12941 9.97385 8.09852C9.98779 8.06764 9.99401 8.03383 9.992 8C9.99284 7.96035 9.98277 7.92123 9.96291 7.8869C9.94304 7.85258 9.91413 7.82436 9.87933 7.80533L6.36333 6.04867C6.31749 6.02054 6.26509 6.00492 6.21133 6.00333Z",
|
|
862
889
|
fill: "currentColor"
|
|
863
890
|
}
|
|
864
891
|
) }),
|
|
865
|
-
/* @__PURE__ */ (0,
|
|
892
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
866
893
|
]
|
|
867
894
|
})
|
|
868
895
|
);
|
|
@@ -870,10 +897,10 @@ var PlaySquareIcon = (_a) => {
|
|
|
870
897
|
PlaySquareIcon.displayName = "PlaySquareIcon";
|
|
871
898
|
|
|
872
899
|
// src/primitives/icon/svg/profile.tsx
|
|
873
|
-
var
|
|
900
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
874
901
|
var ProfileIcon = (_a) => {
|
|
875
902
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
876
|
-
return /* @__PURE__ */ (0,
|
|
903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
877
904
|
"svg",
|
|
878
905
|
__spreadProps(__spreadValues(__spreadValues({
|
|
879
906
|
viewBox: "0 0 21 28",
|
|
@@ -881,8 +908,8 @@ var ProfileIcon = (_a) => {
|
|
|
881
908
|
fill: "none"
|
|
882
909
|
}, getIconA11yProps(title)), props), {
|
|
883
910
|
children: [
|
|
884
|
-
title ? /* @__PURE__ */ (0,
|
|
885
|
-
/* @__PURE__ */ (0,
|
|
911
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("title", { children: title }) : null,
|
|
912
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
886
913
|
"path",
|
|
887
914
|
{
|
|
888
915
|
d: "M10.5 14C14.3605 14 17.5 10.8605 17.5 7C17.5 3.1395 14.3605 0 10.5 0C6.6395 0 3.5 3.1395 3.5 7C3.5 10.8605 6.6395 14 10.5 14ZM10.5 1.16667C13.7165 1.16667 16.3333 3.7835 16.3333 7C16.3333 10.2165 13.7165 12.8333 10.5 12.8333C7.2835 12.8333 4.66667 10.2165 4.66667 7C4.66667 3.7835 7.2835 1.16667 10.5 1.16667ZM21 26.8333V27.4167C21 27.7387 20.7387 28 20.4167 28C20.0947 28 19.8333 27.7387 19.8333 27.4167V26.8333C19.8333 21.6872 15.6462 17.5 10.5 17.5C5.35383 17.5 1.16667 21.6872 1.16667 26.8333V27.4167C1.16667 27.7387 0.905333 28 0.583333 28C0.261333 28 0 27.7387 0 27.4167V26.8333C0 21.0443 4.711 16.3333 10.5 16.3333C16.289 16.3333 21 21.0443 21 26.8333Z",
|
|
@@ -896,10 +923,10 @@ var ProfileIcon = (_a) => {
|
|
|
896
923
|
ProfileIcon.displayName = "ProfileIcon";
|
|
897
924
|
|
|
898
925
|
// src/primitives/icon/svg/revenue-alt.tsx
|
|
899
|
-
var
|
|
926
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
900
927
|
var RevenueAltIcon = (_a) => {
|
|
901
928
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
902
|
-
return /* @__PURE__ */ (0,
|
|
929
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
903
930
|
"svg",
|
|
904
931
|
__spreadProps(__spreadValues(__spreadValues({
|
|
905
932
|
viewBox: "0 0 20 20",
|
|
@@ -907,8 +934,8 @@ var RevenueAltIcon = (_a) => {
|
|
|
907
934
|
fill: "none"
|
|
908
935
|
}, getIconA11yProps(title)), props), {
|
|
909
936
|
children: [
|
|
910
|
-
title ? /* @__PURE__ */ (0,
|
|
911
|
-
/* @__PURE__ */ (0,
|
|
937
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: title }) : null,
|
|
938
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
912
939
|
"path",
|
|
913
940
|
{
|
|
914
941
|
d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
|
|
@@ -918,7 +945,7 @@ var RevenueAltIcon = (_a) => {
|
|
|
918
945
|
strokeLinejoin: "round"
|
|
919
946
|
}
|
|
920
947
|
),
|
|
921
|
-
/* @__PURE__ */ (0,
|
|
948
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
922
949
|
"path",
|
|
923
950
|
{
|
|
924
951
|
d: "M10 5.5V14.5M12.5 7.4C12.5 6.55 11.38 5.86 10 5.86C8.62 5.86 7.5 6.55 7.5 7.4C7.5 8.25 8.62 8.94 10 8.94C11.38 8.94 12.5 9.63 12.5 10.48C12.5 11.33 11.38 12.02 10 12.02C8.62 12.02 7.5 11.33 7.5 10.48",
|
|
@@ -935,10 +962,10 @@ var RevenueAltIcon = (_a) => {
|
|
|
935
962
|
RevenueAltIcon.displayName = "RevenueAltIcon";
|
|
936
963
|
|
|
937
964
|
// src/primitives/icon/svg/search.tsx
|
|
938
|
-
var
|
|
965
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
939
966
|
var SearchIcon = (_a) => {
|
|
940
967
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
941
|
-
return /* @__PURE__ */ (0,
|
|
968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
942
969
|
"svg",
|
|
943
970
|
__spreadProps(__spreadValues(__spreadValues({
|
|
944
971
|
viewBox: "0 0 16 16",
|
|
@@ -947,8 +974,8 @@ var SearchIcon = (_a) => {
|
|
|
947
974
|
className
|
|
948
975
|
}, getIconA11yProps(title)), props), {
|
|
949
976
|
children: [
|
|
950
|
-
title ? /* @__PURE__ */ (0,
|
|
951
|
-
/* @__PURE__ */ (0,
|
|
977
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { children: title }) : null,
|
|
978
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
952
979
|
"path",
|
|
953
980
|
{
|
|
954
981
|
d: "M7.3335 12.3333C10.0949 12.3333 12.3335 10.0947 12.3335 7.33329C12.3335 4.57187 10.0949 2.33329 7.3335 2.33329C4.57208 2.33329 2.3335 4.57187 2.3335 7.33329C2.3335 10.0947 4.57208 12.3333 7.3335 12.3333Z",
|
|
@@ -958,7 +985,7 @@ var SearchIcon = (_a) => {
|
|
|
958
985
|
strokeLinejoin: "round"
|
|
959
986
|
}
|
|
960
987
|
),
|
|
961
|
-
/* @__PURE__ */ (0,
|
|
988
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
962
989
|
"path",
|
|
963
990
|
{
|
|
964
991
|
d: "M13.6668 13.6666L11.1667 11.1666",
|
|
@@ -975,10 +1002,10 @@ var SearchIcon = (_a) => {
|
|
|
975
1002
|
SearchIcon.displayName = "SearchIcon";
|
|
976
1003
|
|
|
977
1004
|
// src/primitives/icon/svg/shield-trust.tsx
|
|
978
|
-
var
|
|
1005
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
979
1006
|
var ShieldTrustIcon = (_a) => {
|
|
980
1007
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
981
|
-
return /* @__PURE__ */ (0,
|
|
1008
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
982
1009
|
"svg",
|
|
983
1010
|
__spreadProps(__spreadValues(__spreadValues({
|
|
984
1011
|
viewBox: "0 0 16 16",
|
|
@@ -986,15 +1013,15 @@ var ShieldTrustIcon = (_a) => {
|
|
|
986
1013
|
fill: "none"
|
|
987
1014
|
}, getIconA11yProps(title)), props), {
|
|
988
1015
|
children: [
|
|
989
|
-
title ? /* @__PURE__ */ (0,
|
|
990
|
-
/* @__PURE__ */ (0,
|
|
1016
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("title", { children: title }) : null,
|
|
1017
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
991
1018
|
"path",
|
|
992
1019
|
{
|
|
993
1020
|
d: "M8 1.25L13.5 3.25V7.08C13.5 10.09 11.62 12.74 8 14.75C4.38 12.74 2.5 10.09 2.5 7.08V3.25L8 1.25Z",
|
|
994
1021
|
fill: "currentColor"
|
|
995
1022
|
}
|
|
996
1023
|
),
|
|
997
|
-
/* @__PURE__ */ (0,
|
|
1024
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
998
1025
|
"path",
|
|
999
1026
|
{
|
|
1000
1027
|
d: "M5.5 8.2L7.2 9.9L10.8 6.3",
|
|
@@ -1011,10 +1038,10 @@ var ShieldTrustIcon = (_a) => {
|
|
|
1011
1038
|
ShieldTrustIcon.displayName = "ShieldTrustIcon";
|
|
1012
1039
|
|
|
1013
1040
|
// src/primitives/icon/svg/stay-in-control.tsx
|
|
1014
|
-
var
|
|
1041
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
1015
1042
|
var StayInControlIcon = (_a) => {
|
|
1016
1043
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1017
|
-
return /* @__PURE__ */ (0,
|
|
1044
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
1018
1045
|
"svg",
|
|
1019
1046
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1020
1047
|
width: "28",
|
|
@@ -1025,16 +1052,16 @@ var StayInControlIcon = (_a) => {
|
|
|
1025
1052
|
className
|
|
1026
1053
|
}, getIconA11yProps(title)), props), {
|
|
1027
1054
|
children: [
|
|
1028
|
-
title ? /* @__PURE__ */ (0,
|
|
1029
|
-
/* @__PURE__ */ (0,
|
|
1030
|
-
/* @__PURE__ */ (0,
|
|
1055
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("title", { children: title }) : null,
|
|
1056
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
|
|
1057
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
1031
1058
|
"path",
|
|
1032
1059
|
{
|
|
1033
1060
|
d: "M14 27.9406C13.9102 27.9406 13.8215 27.9196 13.7387 27.8788L13.2428 27.6314C10.6832 26.3504 2.32983 21.5753 2.32983 13.8648L2.33217 7.62776C2.33217 5.36093 3.77767 3.35776 5.93017 2.64493L13.8168 0.0292617C13.9358 -0.010405 14.0653 -0.010405 14.1832 0.0292617L22.0687 2.64376C24.2212 3.35776 25.6667 5.36093 25.6667 7.6266L25.6632 13.8636C25.6632 22.6113 17.2958 26.6584 14.7315 27.6909L14.217 27.8974C14.147 27.9254 14.0723 27.9394 13.9988 27.9394L14 27.9406ZM14 1.19826L6.29767 3.7521C4.6235 4.30743 3.5 5.86493 3.5 7.62776L3.49767 13.8648C3.49767 20.9056 11.3563 25.3844 13.7655 26.5884L14.0268 26.7191L14.2975 26.6106C16.6903 25.6481 24.4977 21.8833 24.4977 13.8659L24.5012 7.62893C24.5012 5.8661 23.3765 4.3086 21.7035 3.75326L14 1.19826Z",
|
|
1034
1061
|
fill: "currentColor"
|
|
1035
1062
|
}
|
|
1036
1063
|
),
|
|
1037
|
-
/* @__PURE__ */ (0,
|
|
1064
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
1038
1065
|
"path",
|
|
1039
1066
|
{
|
|
1040
1067
|
d: "M12.8112 17.5001C12.0633 17.5001 11.3155 17.2154 10.7462 16.6461L7.18083 13.2569C6.94749 13.0352 6.93816 12.6654 7.15983 12.4321C7.38149 12.1999 7.75016 12.1894 7.98466 12.4111L11.5605 15.8107C12.2535 16.5026 13.363 16.5037 14.0455 15.8212L20.5928 9.49791C20.8262 9.27508 21.196 9.28208 21.4177 9.51308C21.6417 9.74408 21.6358 10.1139 21.4037 10.3379L14.8622 16.6542C14.2987 17.2177 13.5543 17.5012 12.81 17.5012L12.8112 17.5001Z",
|
|
@@ -1042,7 +1069,7 @@ var StayInControlIcon = (_a) => {
|
|
|
1042
1069
|
}
|
|
1043
1070
|
)
|
|
1044
1071
|
] }),
|
|
1045
|
-
/* @__PURE__ */ (0,
|
|
1072
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
1046
1073
|
]
|
|
1047
1074
|
})
|
|
1048
1075
|
);
|
|
@@ -1050,10 +1077,10 @@ var StayInControlIcon = (_a) => {
|
|
|
1050
1077
|
StayInControlIcon.displayName = "StayInControlIcon";
|
|
1051
1078
|
|
|
1052
1079
|
// src/primitives/icon/svg/telegram.tsx
|
|
1053
|
-
var
|
|
1080
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1054
1081
|
var TelegramIcon = (_a) => {
|
|
1055
1082
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1056
|
-
return /* @__PURE__ */ (0,
|
|
1083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
1057
1084
|
"svg",
|
|
1058
1085
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1059
1086
|
viewBox: "0 0 20 20",
|
|
@@ -1061,8 +1088,8 @@ var TelegramIcon = (_a) => {
|
|
|
1061
1088
|
fill: "none"
|
|
1062
1089
|
}, getIconA11yProps(title)), props), {
|
|
1063
1090
|
children: [
|
|
1064
|
-
title ? /* @__PURE__ */ (0,
|
|
1065
|
-
/* @__PURE__ */ (0,
|
|
1091
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("title", { children: title }) : null,
|
|
1092
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
1066
1093
|
"path",
|
|
1067
1094
|
{
|
|
1068
1095
|
fillRule: "evenodd",
|
|
@@ -1071,7 +1098,7 @@ var TelegramIcon = (_a) => {
|
|
|
1071
1098
|
fill: "currentColor"
|
|
1072
1099
|
}
|
|
1073
1100
|
) }),
|
|
1074
|
-
/* @__PURE__ */ (0,
|
|
1101
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
|
|
1075
1102
|
]
|
|
1076
1103
|
})
|
|
1077
1104
|
);
|
|
@@ -1079,10 +1106,10 @@ var TelegramIcon = (_a) => {
|
|
|
1079
1106
|
TelegramIcon.displayName = "TelegramIcon";
|
|
1080
1107
|
|
|
1081
1108
|
// src/primitives/icon/svg/triangle-down.tsx
|
|
1082
|
-
var
|
|
1109
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1083
1110
|
var TriangleDownIcon = (_a) => {
|
|
1084
1111
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1085
|
-
return /* @__PURE__ */ (0,
|
|
1112
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
1086
1113
|
"svg",
|
|
1087
1114
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1088
1115
|
viewBox: "0 0 8 8",
|
|
@@ -1090,16 +1117,16 @@ var TriangleDownIcon = (_a) => {
|
|
|
1090
1117
|
fill: "none"
|
|
1091
1118
|
}, getIconA11yProps(title)), props), {
|
|
1092
1119
|
children: [
|
|
1093
|
-
title ? /* @__PURE__ */ (0,
|
|
1094
|
-
/* @__PURE__ */ (0,
|
|
1095
|
-
/* @__PURE__ */ (0,
|
|
1120
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("title", { children: title }) : null,
|
|
1121
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
|
|
1122
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1096
1123
|
"path",
|
|
1097
1124
|
{
|
|
1098
1125
|
d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
|
|
1099
1126
|
fill: "currentColor"
|
|
1100
1127
|
}
|
|
1101
1128
|
),
|
|
1102
|
-
/* @__PURE__ */ (0,
|
|
1129
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1103
1130
|
"path",
|
|
1104
1131
|
{
|
|
1105
1132
|
d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
|
|
@@ -1107,7 +1134,7 @@ var TriangleDownIcon = (_a) => {
|
|
|
1107
1134
|
}
|
|
1108
1135
|
)
|
|
1109
1136
|
] }),
|
|
1110
|
-
/* @__PURE__ */ (0,
|
|
1137
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
1111
1138
|
]
|
|
1112
1139
|
})
|
|
1113
1140
|
);
|
|
@@ -1115,10 +1142,10 @@ var TriangleDownIcon = (_a) => {
|
|
|
1115
1142
|
TriangleDownIcon.displayName = "TriangleDownIcon";
|
|
1116
1143
|
|
|
1117
1144
|
// src/primitives/icon/svg/triangle-up-filled.tsx
|
|
1118
|
-
var
|
|
1145
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1119
1146
|
var TriangleUpFilledIcon = (_a) => {
|
|
1120
1147
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1121
|
-
return /* @__PURE__ */ (0,
|
|
1148
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
1122
1149
|
"svg",
|
|
1123
1150
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1124
1151
|
viewBox: "0 0 8 8",
|
|
@@ -1126,8 +1153,8 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
1126
1153
|
fill: "none"
|
|
1127
1154
|
}, getIconA11yProps(title)), props), {
|
|
1128
1155
|
children: [
|
|
1129
|
-
title ? /* @__PURE__ */ (0,
|
|
1130
|
-
/* @__PURE__ */ (0,
|
|
1156
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: title }) : null,
|
|
1157
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1131
1158
|
"path",
|
|
1132
1159
|
{
|
|
1133
1160
|
d: "M6.67873 8.00001H1.3214C1.09613 8.00053 0.874481 7.94332 0.677605 7.83384C0.480728 7.72435 0.315192 7.56625 0.196788 7.3746C0.0783848 7.18296 0.0110649 6.96417 0.00125164 6.73911C-0.0085616 6.51405 0.0394592 6.29023 0.140732 6.08901L2.81973 0.729677C2.92186 0.523193 3.0766 0.347273 3.26837 0.219641C3.46014 0.0920097 3.68216 0.0171748 3.91207 0.00267686C4.17147 -0.013831 4.43 0.0462826 4.6555 0.175542C4.88101 0.3048 5.06354 0.497501 5.1804 0.729677L7.8594 6.08901C7.96008 6.2903 8.00764 6.51398 7.99756 6.73881C7.98748 6.96365 7.92009 7.18218 7.8018 7.37365C7.68351 7.56512 7.51823 7.72317 7.32167 7.83279C7.12511 7.94242 6.90379 7.99998 6.67873 8.00001Z",
|
|
@@ -1141,10 +1168,10 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
1141
1168
|
TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
|
|
1142
1169
|
|
|
1143
1170
|
// src/primitives/icon/svg/triangle-up.tsx
|
|
1144
|
-
var
|
|
1171
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1145
1172
|
var TriangleUpIcon = (_a) => {
|
|
1146
1173
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1147
|
-
return /* @__PURE__ */ (0,
|
|
1174
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
1148
1175
|
"svg",
|
|
1149
1176
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1150
1177
|
viewBox: "0 0 8 8",
|
|
@@ -1152,16 +1179,16 @@ var TriangleUpIcon = (_a) => {
|
|
|
1152
1179
|
fill: "none"
|
|
1153
1180
|
}, getIconA11yProps(title)), props), {
|
|
1154
1181
|
children: [
|
|
1155
|
-
title ? /* @__PURE__ */ (0,
|
|
1156
|
-
/* @__PURE__ */ (0,
|
|
1157
|
-
/* @__PURE__ */ (0,
|
|
1182
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: title }) : null,
|
|
1183
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
|
|
1184
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1158
1185
|
"path",
|
|
1159
1186
|
{
|
|
1160
1187
|
d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
|
|
1161
1188
|
fill: "currentColor"
|
|
1162
1189
|
}
|
|
1163
1190
|
),
|
|
1164
|
-
/* @__PURE__ */ (0,
|
|
1191
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1165
1192
|
"path",
|
|
1166
1193
|
{
|
|
1167
1194
|
d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
|
|
@@ -1169,7 +1196,7 @@ var TriangleUpIcon = (_a) => {
|
|
|
1169
1196
|
}
|
|
1170
1197
|
)
|
|
1171
1198
|
] }),
|
|
1172
|
-
/* @__PURE__ */ (0,
|
|
1199
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
1173
1200
|
]
|
|
1174
1201
|
})
|
|
1175
1202
|
);
|
|
@@ -1177,10 +1204,10 @@ var TriangleUpIcon = (_a) => {
|
|
|
1177
1204
|
TriangleUpIcon.displayName = "TriangleUpIcon";
|
|
1178
1205
|
|
|
1179
1206
|
// src/primitives/icon/svg/twitter.tsx
|
|
1180
|
-
var
|
|
1207
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1181
1208
|
var TwitterIcon = (_a) => {
|
|
1182
1209
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1183
|
-
return /* @__PURE__ */ (0,
|
|
1210
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
|
|
1184
1211
|
"svg",
|
|
1185
1212
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1186
1213
|
viewBox: "0 0 20 20",
|
|
@@ -1188,8 +1215,8 @@ var TwitterIcon = (_a) => {
|
|
|
1188
1215
|
fill: "none"
|
|
1189
1216
|
}, getIconA11yProps(title)), props), {
|
|
1190
1217
|
children: [
|
|
1191
|
-
title ? /* @__PURE__ */ (0,
|
|
1192
|
-
/* @__PURE__ */ (0,
|
|
1218
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: title }) : null,
|
|
1219
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
1193
1220
|
"path",
|
|
1194
1221
|
{
|
|
1195
1222
|
d: "M15.2708 1.66602H18.0834L11.9402 8.68539L19.1666 18.2386H13.51L9.07638 12.446L4.00874 18.2386H1.19152L7.76096 10.7288L0.833252 1.66602H6.63346L10.637 6.96053L15.2708 1.66602ZM14.283 16.5573H15.8406L5.78478 3.25949H4.11186L14.283 16.5573Z",
|
|
@@ -1203,10 +1230,10 @@ var TwitterIcon = (_a) => {
|
|
|
1203
1230
|
TwitterIcon.displayName = "TwitterIcon";
|
|
1204
1231
|
|
|
1205
1232
|
// src/primitives/icon/svg/upload.tsx
|
|
1206
|
-
var
|
|
1233
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1207
1234
|
var UploadIcon = (_a) => {
|
|
1208
1235
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1209
|
-
return /* @__PURE__ */ (0,
|
|
1236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
1210
1237
|
"svg",
|
|
1211
1238
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1212
1239
|
viewBox: "0 0 16 16",
|
|
@@ -1214,8 +1241,8 @@ var UploadIcon = (_a) => {
|
|
|
1214
1241
|
fill: "none"
|
|
1215
1242
|
}, getIconA11yProps(title)), props), {
|
|
1216
1243
|
children: [
|
|
1217
|
-
title ? /* @__PURE__ */ (0,
|
|
1218
|
-
/* @__PURE__ */ (0,
|
|
1244
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: title }) : null,
|
|
1245
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
1219
1246
|
"path",
|
|
1220
1247
|
{
|
|
1221
1248
|
d: "M8 13.5v-7m0 0 2.5 2.5M8 6.5 5.5 9",
|
|
@@ -1225,7 +1252,7 @@ var UploadIcon = (_a) => {
|
|
|
1225
1252
|
strokeLinejoin: "round"
|
|
1226
1253
|
}
|
|
1227
1254
|
),
|
|
1228
|
-
/* @__PURE__ */ (0,
|
|
1255
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
|
|
1229
1256
|
]
|
|
1230
1257
|
})
|
|
1231
1258
|
);
|
|
@@ -1233,10 +1260,10 @@ var UploadIcon = (_a) => {
|
|
|
1233
1260
|
UploadIcon.displayName = "UploadIcon";
|
|
1234
1261
|
|
|
1235
1262
|
// src/primitives/icon/svg/wallet-avatar.tsx
|
|
1236
|
-
var
|
|
1263
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1237
1264
|
function WalletAvatarIcon(_a) {
|
|
1238
1265
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1239
|
-
return /* @__PURE__ */ (0,
|
|
1266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
1240
1267
|
"svg",
|
|
1241
1268
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1242
1269
|
fill: "none",
|
|
@@ -1244,9 +1271,9 @@ function WalletAvatarIcon(_a) {
|
|
|
1244
1271
|
viewBox: "0 0 16 16"
|
|
1245
1272
|
}, getIconA11yProps(title)), props), {
|
|
1246
1273
|
children: [
|
|
1247
|
-
title ? /* @__PURE__ */ (0,
|
|
1248
|
-
/* @__PURE__ */ (0,
|
|
1249
|
-
/* @__PURE__ */ (0,
|
|
1274
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: title }) : null,
|
|
1275
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
|
|
1276
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
|
|
1250
1277
|
]
|
|
1251
1278
|
})
|
|
1252
1279
|
);
|
|
@@ -1254,10 +1281,10 @@ function WalletAvatarIcon(_a) {
|
|
|
1254
1281
|
WalletAvatarIcon.displayName = "WalletAvatarIcon";
|
|
1255
1282
|
|
|
1256
1283
|
// src/primitives/icon/svg/wallet.tsx
|
|
1257
|
-
var
|
|
1284
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1258
1285
|
var WalletIcon = (_a) => {
|
|
1259
1286
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1260
|
-
return /* @__PURE__ */ (0,
|
|
1287
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
1261
1288
|
"svg",
|
|
1262
1289
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1263
1290
|
viewBox: "0 0 24 24",
|
|
@@ -1265,8 +1292,8 @@ var WalletIcon = (_a) => {
|
|
|
1265
1292
|
fill: "none"
|
|
1266
1293
|
}, getIconA11yProps(title)), props), {
|
|
1267
1294
|
children: [
|
|
1268
|
-
title ? /* @__PURE__ */ (0,
|
|
1269
|
-
/* @__PURE__ */ (0,
|
|
1295
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: title }) : null,
|
|
1296
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
1270
1297
|
"path",
|
|
1271
1298
|
{
|
|
1272
1299
|
d: "M19.5 6H5.25C4.836 6 4.5 5.664 4.5 5.25C4.5 4.836 4.836 4.5 5.25 4.5H19.5C19.914 4.5 20.25 4.164 20.25 3.75C20.25 2.508 19.242 1.5 18 1.5H4.5C2.843 1.5 1.5 2.843 1.5 4.5V19.5C1.5 21.157 2.843 22.5 4.5 22.5H19.5C21.157 22.5 22.5 21.157 22.5 19.5V9C22.5 7.343 21.157 6 19.5 6ZM2.5 4.5C2.5 3.395 3.395 2.5 4.5 2.5H18C18.552 2.5 19.026 2.834 19.199 3.318C19.176 3.312 19.153 3.5 18 3.5H5.25C4.284 3.5 3.5 4.284 3.5 5.25C3.5 5.388 3.519 5.522 3.555 5.649C2.936 5.369 2.5 4.972 2.5 4.5ZM21.5 19.5C21.5 20.605 20.605 21.5 19.5 21.5H4.5C3.395 21.5 2.5 20.605 2.5 19.5V7.04C3.09 7.336 3.771 7 5.25 7H19.5C20.605 7 21.5 7.895 21.5 9V12H18C16.343 12 15 13.343 15 15C15 16.657 16.343 18 18 18H21.5V19.5ZM21.5 17H18C16.895 17 16 16.105 16 15C16 13.895 16.895 13 18 13H21.5V17ZM18 15.75C18.414 15.75 18.75 15.414 18.75 15C18.75 14.586 18.414 14.25 18 14.25C17.586 14.25 17.25 14.586 17.25 15C17.25 15.414 17.586 15.75 18 15.75Z",
|
|
@@ -1280,10 +1307,10 @@ var WalletIcon = (_a) => {
|
|
|
1280
1307
|
WalletIcon.displayName = "WalletIcon";
|
|
1281
1308
|
|
|
1282
1309
|
// src/primitives/icon/svg/warning-filled.tsx
|
|
1283
|
-
var
|
|
1310
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1284
1311
|
var WarningFilledIcon = (_a) => {
|
|
1285
1312
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1286
|
-
return /* @__PURE__ */ (0,
|
|
1313
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
1287
1314
|
"svg",
|
|
1288
1315
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1289
1316
|
viewBox: "0 0 16 16",
|
|
@@ -1291,8 +1318,8 @@ var WarningFilledIcon = (_a) => {
|
|
|
1291
1318
|
fill: "none"
|
|
1292
1319
|
}, getIconA11yProps(title)), props), {
|
|
1293
1320
|
children: [
|
|
1294
|
-
title ? /* @__PURE__ */ (0,
|
|
1295
|
-
/* @__PURE__ */ (0,
|
|
1321
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: title }) : null,
|
|
1322
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
1296
1323
|
"path",
|
|
1297
1324
|
{
|
|
1298
1325
|
d: "M15.3869 10.22L10.0002 1.71332C9.5469 1.05999 8.79356 0.666656 8.00023 0.666656C7.20689 0.666656 6.45356 1.05332 5.98023 1.73332L0.620227 10.2067C-0.0597729 11.18 -0.18644 12.3467 0.286894 13.2467C0.75356 14.1467 1.73356 14.66 2.96023 14.66H13.0402C14.2736 14.66 15.2469 14.1467 15.7136 13.2467C16.1802 12.3467 16.0536 11.1867 15.3869 10.22ZM7.33356 4.66666C7.33356 4.29999 7.63356 3.99999 8.00023 3.99999C8.36689 3.99999 8.66689 4.29999 8.66689 4.66666V8.66666C8.66689 9.03332 8.36689 9.33332 8.00023 9.33332C7.63356 9.33332 7.33356 9.03332 7.33356 8.66666V4.66666ZM8.00023 12.6667C7.44689 12.6667 7.00023 12.22 7.00023 11.6667C7.00023 11.1133 7.44689 10.6667 8.00023 10.6667C8.55356 10.6667 9.00023 11.1133 9.00023 11.6667C9.00023 12.22 8.55356 12.6667 8.00023 12.6667Z",
|
|
@@ -1306,10 +1333,10 @@ var WarningFilledIcon = (_a) => {
|
|
|
1306
1333
|
WarningFilledIcon.displayName = "WarningFilledIcon";
|
|
1307
1334
|
|
|
1308
1335
|
// src/primitives/icon/svg/warning.tsx
|
|
1309
|
-
var
|
|
1336
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1310
1337
|
var WarningIcon = (_a) => {
|
|
1311
1338
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1312
|
-
return /* @__PURE__ */ (0,
|
|
1339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
1313
1340
|
"svg",
|
|
1314
1341
|
__spreadProps(__spreadValues(__spreadValues({
|
|
1315
1342
|
width: "14",
|
|
@@ -1320,15 +1347,15 @@ var WarningIcon = (_a) => {
|
|
|
1320
1347
|
className
|
|
1321
1348
|
}, getIconA11yProps(title)), props), {
|
|
1322
1349
|
children: [
|
|
1323
|
-
title ? /* @__PURE__ */ (0,
|
|
1324
|
-
/* @__PURE__ */ (0,
|
|
1350
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("title", { children: title }) : null,
|
|
1351
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1325
1352
|
"path",
|
|
1326
1353
|
{
|
|
1327
1354
|
d: "M6.41665 8.16675V4.66675C6.41665 4.34591 6.67915 4.08341 6.99998 4.08341C7.32082 4.08341 7.58332 4.34591 7.58332 4.66675V8.16675C7.58332 8.48758 7.32082 8.75008 6.99998 8.75008C6.67915 8.75008 6.41665 8.48758 6.41665 8.16675ZM6.99998 9.33341C6.51582 9.33341 6.12498 9.72425 6.12498 10.2084C6.12498 10.6926 6.51582 11.0834 6.99998 11.0834C7.48415 11.0834 7.87498 10.6926 7.87498 10.2084C7.87498 9.72425 7.48415 9.33341 6.99998 9.33341ZM13.755 12.1801C13.3467 12.9676 12.4892 13.4167 11.4158 13.4167H2.58998C1.51082 13.4167 0.659151 12.9676 0.250818 12.1801C-0.163348 11.3867 -0.0466818 10.3717 0.542485 9.52008L5.23248 2.10008C5.64665 1.50508 6.29998 1.16675 6.99998 1.16675C7.69999 1.16675 8.35332 1.50508 8.74998 2.08258L13.4633 9.53175C14.0525 10.3834 14.1633 11.3926 13.7492 12.1801H13.755ZM12.5008 10.1851C12.5008 10.1851 12.4892 10.1734 12.4892 10.1617L7.78165 2.72425C7.61248 2.48508 7.32082 2.33341 6.99998 2.33341C6.67915 2.33341 6.38749 2.48508 6.20665 2.74758L1.51082 10.1617C1.14915 10.6751 1.06748 11.2351 1.27748 11.6376C1.48165 12.0342 1.94832 12.2501 2.58415 12.2501H11.4042C12.04 12.2501 12.5067 12.0342 12.7108 11.6376C12.9208 11.2351 12.8392 10.6751 12.495 10.1851H12.5008Z",
|
|
1328
1355
|
fill: "currentColor"
|
|
1329
1356
|
}
|
|
1330
1357
|
) }),
|
|
1331
|
-
/* @__PURE__ */ (0,
|
|
1358
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
|
|
1332
1359
|
]
|
|
1333
1360
|
})
|
|
1334
1361
|
);
|
|
@@ -1391,7 +1418,7 @@ var resolveIconStyle = (color, style) => {
|
|
|
1391
1418
|
};
|
|
1392
1419
|
|
|
1393
1420
|
// src/primitives/icon/index.tsx
|
|
1394
|
-
var
|
|
1421
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1395
1422
|
var Icon = (_a) => {
|
|
1396
1423
|
var _b = _a, {
|
|
1397
1424
|
name,
|
|
@@ -1409,7 +1436,7 @@ var Icon = (_a) => {
|
|
|
1409
1436
|
const Component = iconRegistry[name];
|
|
1410
1437
|
const resolvedStyle = resolveIconStyle(color, style);
|
|
1411
1438
|
const resolvedClassName = cn(iconSizeClasses[size], className);
|
|
1412
|
-
return /* @__PURE__ */ (0,
|
|
1439
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1413
1440
|
Component,
|
|
1414
1441
|
__spreadValues({
|
|
1415
1442
|
color,
|
|
@@ -1424,11 +1451,11 @@ Icon.displayName = "Icon";
|
|
|
1424
1451
|
var import_hooks4 = require("@agg-market/hooks");
|
|
1425
1452
|
|
|
1426
1453
|
// src/primitives/skeleton/skeleton-block.tsx
|
|
1427
|
-
var
|
|
1428
|
-
var
|
|
1454
|
+
var import_hooks2 = require("@agg-market/hooks");
|
|
1455
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1429
1456
|
var SkeletonBlock = ({ className }) => {
|
|
1430
|
-
const { enableAnimations } = (0,
|
|
1431
|
-
return /* @__PURE__ */ (0,
|
|
1457
|
+
const { enableAnimations } = (0, import_hooks2.useSdkUiConfig)();
|
|
1458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1432
1459
|
"div",
|
|
1433
1460
|
{
|
|
1434
1461
|
"aria-hidden": true,
|
|
@@ -1445,31 +1472,6 @@ SkeletonBlock.displayName = "SkeletonBlock";
|
|
|
1445
1472
|
// src/primitives/skeleton/views/event-list-item-skeleton-view.tsx
|
|
1446
1473
|
var import_hooks3 = require("@agg-market/hooks");
|
|
1447
1474
|
|
|
1448
|
-
// src/primitives/card/index.tsx
|
|
1449
|
-
var import_hooks2 = require("@agg-market/hooks");
|
|
1450
|
-
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1451
|
-
var Card = (_a) => {
|
|
1452
|
-
var _b = _a, { className, onClick } = _b, props = __objRest(_b, ["className", "onClick"]);
|
|
1453
|
-
const { enableAnimations } = (0, import_hooks2.useSdkUiConfig)();
|
|
1454
|
-
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1455
|
-
"div",
|
|
1456
|
-
__spreadValues(__spreadValues({
|
|
1457
|
-
className: cn(
|
|
1458
|
-
"group/agg-card",
|
|
1459
|
-
"flex w-full flex-col font-agg-sans",
|
|
1460
|
-
"rounded-agg-xl border border-agg-separator",
|
|
1461
|
-
"bg-agg-secondary text-agg-foreground shadow-agg-card",
|
|
1462
|
-
getMotionClassName(
|
|
1463
|
-
enableAnimations,
|
|
1464
|
-
"transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out"
|
|
1465
|
-
),
|
|
1466
|
-
className
|
|
1467
|
-
)
|
|
1468
|
-
}, onClick ? { onClick } : {}), props)
|
|
1469
|
-
);
|
|
1470
|
-
};
|
|
1471
|
-
Card.displayName = "Card";
|
|
1472
|
-
|
|
1473
1475
|
// src/events/item/event-list-item.constants.ts
|
|
1474
1476
|
var baseCardClassName = "gap-3 overflow-hidden p-5 w-full";
|
|
1475
1477
|
|
|
@@ -1845,14 +1847,247 @@ var Skeleton = ({ view, className, ariaLabel }) => {
|
|
|
1845
1847
|
};
|
|
1846
1848
|
Skeleton.displayName = "Skeleton";
|
|
1847
1849
|
|
|
1850
|
+
// src/primitives/button/index.tsx
|
|
1851
|
+
var import_hooks8 = require("@agg-market/hooks");
|
|
1852
|
+
|
|
1853
|
+
// src/primitives/button/button.constants.ts
|
|
1854
|
+
var sizeClasses = {
|
|
1855
|
+
small: cn("h-8 px-4 gap-1.5", "text-agg-sm leading-agg-5"),
|
|
1856
|
+
medium: cn("h-9 px-5 gap-1.5", "text-agg-sm leading-agg-5"),
|
|
1857
|
+
large: cn("h-10 px-6 gap-2", "text-agg-base leading-agg-6")
|
|
1858
|
+
};
|
|
1859
|
+
var iconSizeClasses2 = {
|
|
1860
|
+
small: iconSizeClasses.small,
|
|
1861
|
+
medium: iconSizeClasses.small,
|
|
1862
|
+
large: iconSizeClasses.small
|
|
1863
|
+
};
|
|
1864
|
+
var iconSlotClasses = {
|
|
1865
|
+
small: "[&_svg]:h-4 [&_svg]:w-4",
|
|
1866
|
+
medium: "[&_svg]:h-4 [&_svg]:w-4",
|
|
1867
|
+
large: "[&_svg]:h-4 [&_svg]:w-4"
|
|
1868
|
+
};
|
|
1869
|
+
var variantClasses = {
|
|
1870
|
+
primary: cn(
|
|
1871
|
+
"bg-agg-primary text-agg-on-primary",
|
|
1872
|
+
"hover:bg-agg-primary-hover",
|
|
1873
|
+
"disabled:bg-agg-separator disabled:text-agg-on-primary",
|
|
1874
|
+
"focus-visible:ring-agg-primary-hover"
|
|
1875
|
+
),
|
|
1876
|
+
secondary: cn(
|
|
1877
|
+
"border border-agg-separator bg-agg-secondary text-agg-foreground",
|
|
1878
|
+
"hover:bg-agg-secondary-hover",
|
|
1879
|
+
"disabled:bg-agg-secondary disabled:text-agg-muted-foreground disabled:border-agg-separator",
|
|
1880
|
+
"focus-visible:ring-agg-separator"
|
|
1881
|
+
),
|
|
1882
|
+
tertiary: cn(
|
|
1883
|
+
"bg-transparent text-agg-primary",
|
|
1884
|
+
"hover:text-agg-primary-hover",
|
|
1885
|
+
"disabled:bg-transparent disabled:text-agg-muted-foreground",
|
|
1886
|
+
"focus-visible:ring-agg-separator",
|
|
1887
|
+
"px-0! py-0! h-fit!"
|
|
1888
|
+
)
|
|
1889
|
+
};
|
|
1890
|
+
var baseButtonClasses = cn(
|
|
1891
|
+
"cursor-pointer disabled:cursor-not-allowed",
|
|
1892
|
+
"inline-flex items-center justify-center rounded-agg-full font-agg-sans font-agg-bold text-center",
|
|
1893
|
+
"whitespace-nowrap",
|
|
1894
|
+
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
|
|
1895
|
+
);
|
|
1896
|
+
|
|
1897
|
+
// src/primitives/button/index.tsx
|
|
1898
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1899
|
+
var Button = (_a) => {
|
|
1900
|
+
var _b = _a, {
|
|
1901
|
+
children,
|
|
1902
|
+
variant = "primary",
|
|
1903
|
+
size = "medium",
|
|
1904
|
+
isLoading = false,
|
|
1905
|
+
disabled,
|
|
1906
|
+
prefix,
|
|
1907
|
+
suffix,
|
|
1908
|
+
type = "button",
|
|
1909
|
+
className,
|
|
1910
|
+
"aria-label": ariaLabel
|
|
1911
|
+
} = _b, other = __objRest(_b, [
|
|
1912
|
+
"children",
|
|
1913
|
+
"variant",
|
|
1914
|
+
"size",
|
|
1915
|
+
"isLoading",
|
|
1916
|
+
"disabled",
|
|
1917
|
+
"prefix",
|
|
1918
|
+
"suffix",
|
|
1919
|
+
"type",
|
|
1920
|
+
"className",
|
|
1921
|
+
"aria-label"
|
|
1922
|
+
]);
|
|
1923
|
+
const { enableAnimations } = (0, import_hooks8.useSdkUiConfig)();
|
|
1924
|
+
const isDisabled = disabled || isLoading;
|
|
1925
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
1926
|
+
"button",
|
|
1927
|
+
__spreadProps(__spreadValues({
|
|
1928
|
+
type,
|
|
1929
|
+
className: cn(
|
|
1930
|
+
"group/agg-button",
|
|
1931
|
+
baseButtonClasses,
|
|
1932
|
+
getMotionClassName(enableAnimations, "transition-colors duration-200 ease-in-out"),
|
|
1933
|
+
sizeClasses[size],
|
|
1934
|
+
iconSlotClasses[size],
|
|
1935
|
+
variantClasses[variant],
|
|
1936
|
+
className
|
|
1937
|
+
),
|
|
1938
|
+
disabled: isDisabled,
|
|
1939
|
+
"aria-busy": isLoading,
|
|
1940
|
+
"aria-label": ariaLabel
|
|
1941
|
+
}, other), {
|
|
1942
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
1943
|
+
"span",
|
|
1944
|
+
{
|
|
1945
|
+
className: cn(
|
|
1946
|
+
"inline-block rounded-agg-full border-2 border-current border-r-transparent",
|
|
1947
|
+
getMotionClassName(enableAnimations, "animate-spin"),
|
|
1948
|
+
iconSizeClasses2[size]
|
|
1949
|
+
),
|
|
1950
|
+
"aria-hidden": "true"
|
|
1951
|
+
}
|
|
1952
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
|
|
1953
|
+
prefix != null ? prefix : null,
|
|
1954
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children }),
|
|
1955
|
+
suffix != null ? suffix : null
|
|
1956
|
+
] })
|
|
1957
|
+
})
|
|
1958
|
+
);
|
|
1959
|
+
};
|
|
1960
|
+
Button.displayName = "Button";
|
|
1961
|
+
|
|
1962
|
+
// src/primitives/search/search-empty-icon.tsx
|
|
1963
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
1964
|
+
var SearchEmptyIcon = (_a) => {
|
|
1965
|
+
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
1966
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
1967
|
+
"svg",
|
|
1968
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
1969
|
+
viewBox: "0 0 40 40",
|
|
1970
|
+
fill: "none",
|
|
1971
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1972
|
+
className
|
|
1973
|
+
}, getIconA11yProps(title)), props), {
|
|
1974
|
+
children: [
|
|
1975
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
|
|
1976
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
|
|
1977
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1978
|
+
"ellipse",
|
|
1979
|
+
{
|
|
1980
|
+
cx: "19.9987",
|
|
1981
|
+
cy: "20.0012",
|
|
1982
|
+
rx: "17.2",
|
|
1983
|
+
ry: "6.6",
|
|
1984
|
+
transform: "rotate(-35 19.9987 20.0012)",
|
|
1985
|
+
stroke: "currentColor",
|
|
1986
|
+
strokeWidth: "1.6"
|
|
1987
|
+
}
|
|
1988
|
+
)
|
|
1989
|
+
]
|
|
1990
|
+
})
|
|
1991
|
+
);
|
|
1992
|
+
};
|
|
1993
|
+
SearchEmptyIcon.displayName = "SearchEmptyIcon";
|
|
1994
|
+
|
|
1995
|
+
// src/primitives/typography/typography.constants.ts
|
|
1996
|
+
var typographyVariantClasses = {
|
|
1997
|
+
display: cn("agg-type-display"),
|
|
1998
|
+
heading: cn("agg-type-heading"),
|
|
1999
|
+
title: cn("agg-type-title"),
|
|
2000
|
+
"title-strong": cn("agg-type-title-strong"),
|
|
2001
|
+
"body-large": cn("agg-type-body-large"),
|
|
2002
|
+
"body-large-strong": cn("agg-type-body-large-strong"),
|
|
2003
|
+
body: cn("agg-type-body"),
|
|
2004
|
+
"body-strong": cn("agg-type-body-strong"),
|
|
2005
|
+
label: cn("agg-type-label"),
|
|
2006
|
+
"label-strong": cn("agg-type-label-strong"),
|
|
2007
|
+
"label-caps": cn("agg-type-label-caps"),
|
|
2008
|
+
caption: cn("agg-type-caption"),
|
|
2009
|
+
"caption-strong": cn("agg-type-caption-strong"),
|
|
2010
|
+
"caption-caps": cn("agg-type-caption-caps"),
|
|
2011
|
+
overline: cn("agg-type-overline")
|
|
2012
|
+
};
|
|
2013
|
+
|
|
2014
|
+
// src/primitives/typography/index.tsx
|
|
2015
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2016
|
+
var Typography = ({
|
|
2017
|
+
as: Component = "p",
|
|
2018
|
+
variant = "body",
|
|
2019
|
+
className,
|
|
2020
|
+
children
|
|
2021
|
+
}) => {
|
|
2022
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2023
|
+
Component,
|
|
2024
|
+
{
|
|
2025
|
+
className: cn(
|
|
2026
|
+
"group/agg-typography",
|
|
2027
|
+
"text-agg-foreground",
|
|
2028
|
+
typographyVariantClasses[variant],
|
|
2029
|
+
className
|
|
2030
|
+
),
|
|
2031
|
+
children
|
|
2032
|
+
}
|
|
2033
|
+
);
|
|
2034
|
+
};
|
|
2035
|
+
Typography.displayName = "Typography";
|
|
2036
|
+
|
|
2037
|
+
// src/primitives/state-message/index.tsx
|
|
2038
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2039
|
+
var iconClassName = "h-9 w-9 text-agg-muted-foreground";
|
|
2040
|
+
var StateMessage = ({
|
|
2041
|
+
ariaLabel,
|
|
2042
|
+
tone = "empty",
|
|
2043
|
+
title,
|
|
2044
|
+
description,
|
|
2045
|
+
actionLabel,
|
|
2046
|
+
onAction,
|
|
2047
|
+
className
|
|
2048
|
+
}) => {
|
|
2049
|
+
const icon = tone === "warning" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
|
|
2050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2051
|
+
"div",
|
|
2052
|
+
{
|
|
2053
|
+
className: cn(
|
|
2054
|
+
"flex min-h-[240px] w-full flex-col items-center justify-center px-5 py-10 text-center md:px-10",
|
|
2055
|
+
className
|
|
2056
|
+
),
|
|
2057
|
+
role: "status",
|
|
2058
|
+
"aria-live": "polite",
|
|
2059
|
+
"aria-label": ariaLabel,
|
|
2060
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex max-w-[360px] flex-col items-center gap-6", children: [
|
|
2061
|
+
icon,
|
|
2062
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
|
|
2063
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typography, { variant: "body-large-strong", children: title }),
|
|
2064
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
|
|
2065
|
+
] }),
|
|
2066
|
+
actionLabel && onAction ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2067
|
+
Button,
|
|
2068
|
+
{
|
|
2069
|
+
variant: "tertiary",
|
|
2070
|
+
size: "large",
|
|
2071
|
+
className: "text-agg-base leading-agg-6",
|
|
2072
|
+
"aria-label": actionLabel,
|
|
2073
|
+
onClick: onAction,
|
|
2074
|
+
children: actionLabel
|
|
2075
|
+
}
|
|
2076
|
+
) : null
|
|
2077
|
+
] })
|
|
2078
|
+
}
|
|
2079
|
+
);
|
|
2080
|
+
};
|
|
2081
|
+
StateMessage.displayName = "StateMessage";
|
|
2082
|
+
|
|
1848
2083
|
// src/primitives/tabs/index.tsx
|
|
1849
2084
|
var import_react2 = require("react");
|
|
1850
|
-
var
|
|
2085
|
+
var import_hooks10 = require("@agg-market/hooks");
|
|
1851
2086
|
|
|
1852
2087
|
// src/primitives/select/index.tsx
|
|
1853
2088
|
var import_react = require("react");
|
|
1854
|
-
var
|
|
1855
|
-
var
|
|
2089
|
+
var import_hooks9 = require("@agg-market/hooks");
|
|
2090
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
1856
2091
|
var Select = ({
|
|
1857
2092
|
items,
|
|
1858
2093
|
value,
|
|
@@ -1862,8 +2097,8 @@ var Select = ({
|
|
|
1862
2097
|
disabled = false
|
|
1863
2098
|
}) => {
|
|
1864
2099
|
var _a;
|
|
1865
|
-
const labels = (0,
|
|
1866
|
-
const { enableAnimations } = (0,
|
|
2100
|
+
const labels = (0, import_hooks9.useLabels)();
|
|
2101
|
+
const { enableAnimations } = (0, import_hooks9.useSdkUiConfig)();
|
|
1867
2102
|
const hasEnabledItems = items.some((item) => !item.disabled);
|
|
1868
2103
|
const hasAnyIcon = items.some((item) => item.iconUrl);
|
|
1869
2104
|
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
@@ -1893,8 +2128,8 @@ var Select = ({
|
|
|
1893
2128
|
const isDisabled = disabled || !hasEnabledItems;
|
|
1894
2129
|
const selectedItem = items.find((item) => item.value === value);
|
|
1895
2130
|
if (!hasAnyIcon) {
|
|
1896
|
-
return /* @__PURE__ */ (0,
|
|
1897
|
-
/* @__PURE__ */ (0,
|
|
2131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
|
|
2132
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
1898
2133
|
"select",
|
|
1899
2134
|
{
|
|
1900
2135
|
"aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
|
|
@@ -1910,19 +2145,19 @@ var Select = ({
|
|
|
1910
2145
|
disabled: isDisabled,
|
|
1911
2146
|
value,
|
|
1912
2147
|
onChange: (event) => onChange(event.target.value),
|
|
1913
|
-
children: items.map((item) => /* @__PURE__ */ (0,
|
|
2148
|
+
children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
|
|
1914
2149
|
}
|
|
1915
2150
|
),
|
|
1916
|
-
/* @__PURE__ */ (0,
|
|
2151
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
|
|
1917
2152
|
] });
|
|
1918
2153
|
}
|
|
1919
|
-
return /* @__PURE__ */ (0,
|
|
2154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
1920
2155
|
"div",
|
|
1921
2156
|
{
|
|
1922
2157
|
ref: containerRef,
|
|
1923
2158
|
className: cn("group/agg-select", "relative inline-flex w-full", className),
|
|
1924
2159
|
children: [
|
|
1925
|
-
/* @__PURE__ */ (0,
|
|
2160
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
1926
2161
|
"button",
|
|
1927
2162
|
{
|
|
1928
2163
|
type: "button",
|
|
@@ -1942,7 +2177,7 @@ var Select = ({
|
|
|
1942
2177
|
),
|
|
1943
2178
|
onClick: () => setIsOpen((prev) => !prev),
|
|
1944
2179
|
children: [
|
|
1945
|
-
(selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0,
|
|
2180
|
+
(selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
1946
2181
|
"img",
|
|
1947
2182
|
{
|
|
1948
2183
|
src: selectedItem.iconUrl,
|
|
@@ -1950,12 +2185,12 @@ var Select = ({
|
|
|
1950
2185
|
className: "h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
1951
2186
|
}
|
|
1952
2187
|
) : null,
|
|
1953
|
-
/* @__PURE__ */ (0,
|
|
2188
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
|
|
1954
2189
|
]
|
|
1955
2190
|
}
|
|
1956
2191
|
),
|
|
1957
|
-
/* @__PURE__ */ (0,
|
|
1958
|
-
isOpen ? /* @__PURE__ */ (0,
|
|
2192
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
|
|
2193
|
+
isOpen ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
1959
2194
|
"div",
|
|
1960
2195
|
{
|
|
1961
2196
|
role: "listbox",
|
|
@@ -1963,7 +2198,7 @@ var Select = ({
|
|
|
1963
2198
|
className: "absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
|
|
1964
2199
|
children: items.map((item) => {
|
|
1965
2200
|
const isSelected = item.value === value;
|
|
1966
|
-
return /* @__PURE__ */ (0,
|
|
2201
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
1967
2202
|
"button",
|
|
1968
2203
|
{
|
|
1969
2204
|
type: "button",
|
|
@@ -1983,7 +2218,7 @@ var Select = ({
|
|
|
1983
2218
|
}
|
|
1984
2219
|
},
|
|
1985
2220
|
children: [
|
|
1986
|
-
item.iconUrl ? /* @__PURE__ */ (0,
|
|
2221
|
+
item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
1987
2222
|
"img",
|
|
1988
2223
|
{
|
|
1989
2224
|
src: item.iconUrl,
|
|
@@ -1991,7 +2226,7 @@ var Select = ({
|
|
|
1991
2226
|
className: "h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
1992
2227
|
}
|
|
1993
2228
|
) : null,
|
|
1994
|
-
/* @__PURE__ */ (0,
|
|
2229
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "truncate", children: item.label })
|
|
1995
2230
|
]
|
|
1996
2231
|
},
|
|
1997
2232
|
item.value
|
|
@@ -2030,7 +2265,7 @@ var findEdgeEnabledIndex = (items, direction) => {
|
|
|
2030
2265
|
};
|
|
2031
2266
|
|
|
2032
2267
|
// src/primitives/tabs/index.tsx
|
|
2033
|
-
var
|
|
2268
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2034
2269
|
var mobileTabsMediaQuery = "(max-width: 512px)";
|
|
2035
2270
|
var getTabButtonClassName = ({
|
|
2036
2271
|
enableAnimations,
|
|
@@ -2070,8 +2305,8 @@ var Tabs = ({
|
|
|
2070
2305
|
className,
|
|
2071
2306
|
classNames
|
|
2072
2307
|
}) => {
|
|
2073
|
-
const labels = (0,
|
|
2074
|
-
const { enableAnimations } = (0,
|
|
2308
|
+
const labels = (0, import_hooks10.useLabels)();
|
|
2309
|
+
const { enableAnimations } = (0, import_hooks10.useSdkUiConfig)();
|
|
2075
2310
|
const buttonRefs = (0, import_react2.useRef)([]);
|
|
2076
2311
|
const dragStateRef = (0, import_react2.useRef)({
|
|
2077
2312
|
isPointerDown: false,
|
|
@@ -2387,7 +2622,7 @@ var Tabs = ({
|
|
|
2387
2622
|
});
|
|
2388
2623
|
}, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
|
|
2389
2624
|
if (shouldUseOverflowSelect) {
|
|
2390
|
-
return /* @__PURE__ */ (0,
|
|
2625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2391
2626
|
Select,
|
|
2392
2627
|
{
|
|
2393
2628
|
ariaLabel,
|
|
@@ -2399,7 +2634,7 @@ var Tabs = ({
|
|
|
2399
2634
|
}
|
|
2400
2635
|
) });
|
|
2401
2636
|
}
|
|
2402
|
-
return /* @__PURE__ */ (0,
|
|
2637
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
2403
2638
|
"div",
|
|
2404
2639
|
{
|
|
2405
2640
|
className: cn(
|
|
@@ -2410,7 +2645,7 @@ var Tabs = ({
|
|
|
2410
2645
|
classNames == null ? void 0 : classNames.root
|
|
2411
2646
|
),
|
|
2412
2647
|
children: [
|
|
2413
|
-
/* @__PURE__ */ (0,
|
|
2648
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
2414
2649
|
"div",
|
|
2415
2650
|
{
|
|
2416
2651
|
ref: tabListRef,
|
|
@@ -2426,7 +2661,7 @@ var Tabs = ({
|
|
|
2426
2661
|
children: [
|
|
2427
2662
|
renderedItems.map((item, index) => {
|
|
2428
2663
|
const isActive = item.value === value;
|
|
2429
|
-
return /* @__PURE__ */ (0,
|
|
2664
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
2430
2665
|
"button",
|
|
2431
2666
|
{
|
|
2432
2667
|
ref: (buttonElement) => {
|
|
@@ -2455,7 +2690,7 @@ var Tabs = ({
|
|
|
2455
2690
|
shouldUseOverflowScroll && !isBarVariant && "snap-start"
|
|
2456
2691
|
),
|
|
2457
2692
|
children: [
|
|
2458
|
-
isBarVariant ? /* @__PURE__ */ (0,
|
|
2693
|
+
isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2459
2694
|
"span",
|
|
2460
2695
|
{
|
|
2461
2696
|
"aria-hidden": true,
|
|
@@ -2469,14 +2704,14 @@ var Tabs = ({
|
|
|
2469
2704
|
)
|
|
2470
2705
|
}
|
|
2471
2706
|
) }) : null,
|
|
2472
|
-
item.icon ? /* @__PURE__ */ (0,
|
|
2473
|
-
/* @__PURE__ */ (0,
|
|
2707
|
+
item.icon ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center", children: item.icon }) : null,
|
|
2708
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "relative z-10 truncate whitespace-nowrap [&::first-letter]:uppercase", children: item.label })
|
|
2474
2709
|
]
|
|
2475
2710
|
},
|
|
2476
2711
|
item.value
|
|
2477
2712
|
);
|
|
2478
2713
|
}),
|
|
2479
|
-
!isBarVariant ? /* @__PURE__ */ (0,
|
|
2714
|
+
!isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2480
2715
|
"span",
|
|
2481
2716
|
{
|
|
2482
2717
|
"aria-hidden": true,
|
|
@@ -2494,8 +2729,8 @@ var Tabs = ({
|
|
|
2494
2729
|
]
|
|
2495
2730
|
}
|
|
2496
2731
|
),
|
|
2497
|
-
shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0,
|
|
2498
|
-
/* @__PURE__ */ (0,
|
|
2732
|
+
shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
2733
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2499
2734
|
"span",
|
|
2500
2735
|
{
|
|
2501
2736
|
"aria-hidden": true,
|
|
@@ -2506,7 +2741,7 @@ var Tabs = ({
|
|
|
2506
2741
|
)
|
|
2507
2742
|
}
|
|
2508
2743
|
),
|
|
2509
|
-
/* @__PURE__ */ (0,
|
|
2744
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2510
2745
|
"span",
|
|
2511
2746
|
{
|
|
2512
2747
|
"aria-hidden": true,
|
|
@@ -2524,50 +2759,8 @@ var Tabs = ({
|
|
|
2524
2759
|
};
|
|
2525
2760
|
Tabs.displayName = "Tabs";
|
|
2526
2761
|
|
|
2527
|
-
// src/primitives/typography/typography.constants.ts
|
|
2528
|
-
var typographyVariantClasses = {
|
|
2529
|
-
display: cn("agg-type-display"),
|
|
2530
|
-
heading: cn("agg-type-heading"),
|
|
2531
|
-
title: cn("agg-type-title"),
|
|
2532
|
-
"title-strong": cn("agg-type-title-strong"),
|
|
2533
|
-
"body-large": cn("agg-type-body-large"),
|
|
2534
|
-
"body-large-strong": cn("agg-type-body-large-strong"),
|
|
2535
|
-
body: cn("agg-type-body"),
|
|
2536
|
-
"body-strong": cn("agg-type-body-strong"),
|
|
2537
|
-
label: cn("agg-type-label"),
|
|
2538
|
-
"label-strong": cn("agg-type-label-strong"),
|
|
2539
|
-
"label-caps": cn("agg-type-label-caps"),
|
|
2540
|
-
caption: cn("agg-type-caption"),
|
|
2541
|
-
"caption-strong": cn("agg-type-caption-strong"),
|
|
2542
|
-
"caption-caps": cn("agg-type-caption-caps"),
|
|
2543
|
-
overline: cn("agg-type-overline")
|
|
2544
|
-
};
|
|
2545
|
-
|
|
2546
|
-
// src/primitives/typography/index.tsx
|
|
2547
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2548
|
-
var Typography = ({
|
|
2549
|
-
as: Component = "p",
|
|
2550
|
-
variant = "body",
|
|
2551
|
-
className,
|
|
2552
|
-
children
|
|
2553
|
-
}) => {
|
|
2554
|
-
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2555
|
-
Component,
|
|
2556
|
-
{
|
|
2557
|
-
className: cn(
|
|
2558
|
-
"group/agg-typography",
|
|
2559
|
-
"text-agg-foreground",
|
|
2560
|
-
typographyVariantClasses[variant],
|
|
2561
|
-
className
|
|
2562
|
-
),
|
|
2563
|
-
children
|
|
2564
|
-
}
|
|
2565
|
-
);
|
|
2566
|
-
};
|
|
2567
|
-
Typography.displayName = "Typography";
|
|
2568
|
-
|
|
2569
2762
|
// src/primitives/venue-logo/index.tsx
|
|
2570
|
-
var
|
|
2763
|
+
var import_hooks11 = require("@agg-market/hooks");
|
|
2571
2764
|
|
|
2572
2765
|
// src/primitives/venue-logo/logo-props.ts
|
|
2573
2766
|
var DEFAULT_MONOCHROME_COLOR = "currentColor";
|
|
@@ -2584,7 +2777,7 @@ var resolveLogoPrimaryColor = ({
|
|
|
2584
2777
|
};
|
|
2585
2778
|
|
|
2586
2779
|
// src/primitives/venue-logo/svg/logo-kalshi.tsx
|
|
2587
|
-
var
|
|
2780
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
2588
2781
|
var KALSHI_GREEN = "#18C590";
|
|
2589
2782
|
var LogoKalshiIcon = (_a) => {
|
|
2590
2783
|
var _b = _a, {
|
|
@@ -2603,7 +2796,7 @@ var LogoKalshiIcon = (_a) => {
|
|
|
2603
2796
|
isColor,
|
|
2604
2797
|
color
|
|
2605
2798
|
});
|
|
2606
|
-
return /* @__PURE__ */ (0,
|
|
2799
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
2607
2800
|
"svg",
|
|
2608
2801
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2609
2802
|
viewBox: "0 0 100 100",
|
|
@@ -2611,8 +2804,8 @@ var LogoKalshiIcon = (_a) => {
|
|
|
2611
2804
|
fill: "none"
|
|
2612
2805
|
}, getIconA11yProps(title)), props), {
|
|
2613
2806
|
children: [
|
|
2614
|
-
title ? /* @__PURE__ */ (0,
|
|
2615
|
-
/* @__PURE__ */ (0,
|
|
2807
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title }) : null,
|
|
2808
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2616
2809
|
"path",
|
|
2617
2810
|
{
|
|
2618
2811
|
d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
|
|
@@ -2626,7 +2819,7 @@ var LogoKalshiIcon = (_a) => {
|
|
|
2626
2819
|
LogoKalshiIcon.displayName = "LogoKalshiIcon";
|
|
2627
2820
|
|
|
2628
2821
|
// src/primitives/venue-logo/svg/logo-opinion.tsx
|
|
2629
|
-
var
|
|
2822
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2630
2823
|
var OPINION_BLACK = "#000000";
|
|
2631
2824
|
var LogoOpinionIcon = (_a) => {
|
|
2632
2825
|
var _b = _a, {
|
|
@@ -2645,7 +2838,7 @@ var LogoOpinionIcon = (_a) => {
|
|
|
2645
2838
|
isColor,
|
|
2646
2839
|
color
|
|
2647
2840
|
});
|
|
2648
|
-
return /* @__PURE__ */ (0,
|
|
2841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
2649
2842
|
"svg",
|
|
2650
2843
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2651
2844
|
viewBox: "0 0 100 100",
|
|
@@ -2653,8 +2846,8 @@ var LogoOpinionIcon = (_a) => {
|
|
|
2653
2846
|
fill: "none"
|
|
2654
2847
|
}, getIconA11yProps(title)), props), {
|
|
2655
2848
|
children: [
|
|
2656
|
-
title ? /* @__PURE__ */ (0,
|
|
2657
|
-
/* @__PURE__ */ (0,
|
|
2849
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title }) : null,
|
|
2850
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2658
2851
|
"path",
|
|
2659
2852
|
{
|
|
2660
2853
|
d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
|
|
@@ -2668,7 +2861,7 @@ var LogoOpinionIcon = (_a) => {
|
|
|
2668
2861
|
LogoOpinionIcon.displayName = "LogoOpinionIcon";
|
|
2669
2862
|
|
|
2670
2863
|
// src/primitives/venue-logo/svg/logo-polymarket.tsx
|
|
2671
|
-
var
|
|
2864
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2672
2865
|
var POLYMARKET_BLUE = "#2E5CFF";
|
|
2673
2866
|
var LogoPolymarketIcon = (_a) => {
|
|
2674
2867
|
var _b = _a, {
|
|
@@ -2687,7 +2880,7 @@ var LogoPolymarketIcon = (_a) => {
|
|
|
2687
2880
|
isColor,
|
|
2688
2881
|
color
|
|
2689
2882
|
});
|
|
2690
|
-
return /* @__PURE__ */ (0,
|
|
2883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
2691
2884
|
"svg",
|
|
2692
2885
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2693
2886
|
viewBox: "0 0 100 100",
|
|
@@ -2695,8 +2888,8 @@ var LogoPolymarketIcon = (_a) => {
|
|
|
2695
2888
|
fill: "none"
|
|
2696
2889
|
}, getIconA11yProps(title)), props), {
|
|
2697
2890
|
children: [
|
|
2698
|
-
title ? /* @__PURE__ */ (0,
|
|
2699
|
-
/* @__PURE__ */ (0,
|
|
2891
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title }) : null,
|
|
2892
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
2700
2893
|
"path",
|
|
2701
2894
|
{
|
|
2702
2895
|
d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
|
|
@@ -2710,7 +2903,7 @@ var LogoPolymarketIcon = (_a) => {
|
|
|
2710
2903
|
LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
|
|
2711
2904
|
|
|
2712
2905
|
// src/primitives/venue-logo/svg/logo-probable.tsx
|
|
2713
|
-
var
|
|
2906
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2714
2907
|
var PROBABLE_ORANGE = "#F05923";
|
|
2715
2908
|
var LogoProbableIcon = (_a) => {
|
|
2716
2909
|
var _b = _a, {
|
|
@@ -2729,7 +2922,7 @@ var LogoProbableIcon = (_a) => {
|
|
|
2729
2922
|
isColor,
|
|
2730
2923
|
color
|
|
2731
2924
|
});
|
|
2732
|
-
return /* @__PURE__ */ (0,
|
|
2925
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
2733
2926
|
"svg",
|
|
2734
2927
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2735
2928
|
viewBox: "0 0 100 100",
|
|
@@ -2737,16 +2930,16 @@ var LogoProbableIcon = (_a) => {
|
|
|
2737
2930
|
fill: "none"
|
|
2738
2931
|
}, getIconA11yProps(title)), props), {
|
|
2739
2932
|
children: [
|
|
2740
|
-
title ? /* @__PURE__ */ (0,
|
|
2741
|
-
/* @__PURE__ */ (0,
|
|
2933
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title }) : null,
|
|
2934
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2742
2935
|
"path",
|
|
2743
2936
|
{
|
|
2744
2937
|
d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
|
|
2745
2938
|
fill: primaryColor
|
|
2746
2939
|
}
|
|
2747
2940
|
),
|
|
2748
|
-
/* @__PURE__ */ (0,
|
|
2749
|
-
/* @__PURE__ */ (0,
|
|
2941
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
|
|
2942
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2750
2943
|
"path",
|
|
2751
2944
|
{
|
|
2752
2945
|
d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
|
|
@@ -2774,14 +2967,14 @@ var venueLogoUrlRegistry = {
|
|
|
2774
2967
|
probable: `${VENUE_LOGO_BASE_URL}/probable.png`
|
|
2775
2968
|
};
|
|
2776
2969
|
var venueLogoNames = Object.keys(venueLogoRegistry);
|
|
2777
|
-
var
|
|
2970
|
+
var sizeClasses2 = {
|
|
2778
2971
|
small: "h-4 w-4",
|
|
2779
2972
|
medium: "h-6 w-6",
|
|
2780
2973
|
large: "h-8 w-8"
|
|
2781
2974
|
};
|
|
2782
2975
|
|
|
2783
2976
|
// src/primitives/venue-logo/index.tsx
|
|
2784
|
-
var
|
|
2977
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2785
2978
|
var VenueLogo = ({
|
|
2786
2979
|
venue,
|
|
2787
2980
|
variant = "icon",
|
|
@@ -2793,11 +2986,11 @@ var VenueLogo = ({
|
|
|
2793
2986
|
ariaLabel,
|
|
2794
2987
|
title
|
|
2795
2988
|
}) => {
|
|
2796
|
-
const labels = (0,
|
|
2797
|
-
const sizeClass =
|
|
2989
|
+
const labels = (0, import_hooks11.useLabels)();
|
|
2990
|
+
const sizeClass = sizeClasses2[size];
|
|
2798
2991
|
const resolvedLabel = ariaLabel != null ? ariaLabel : labels.venues[venue];
|
|
2799
2992
|
if (variant === "logo") {
|
|
2800
|
-
return /* @__PURE__ */ (0,
|
|
2993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2801
2994
|
"img",
|
|
2802
2995
|
{
|
|
2803
2996
|
src: venueLogoUrlRegistry[venue],
|
|
@@ -2809,7 +3002,7 @@ var VenueLogo = ({
|
|
|
2809
3002
|
}
|
|
2810
3003
|
const Component = venueLogoRegistry[venue];
|
|
2811
3004
|
const resolvedIsColor = isMonochromatic ? false : isColor;
|
|
2812
|
-
return /* @__PURE__ */ (0,
|
|
3005
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2813
3006
|
Component,
|
|
2814
3007
|
{
|
|
2815
3008
|
className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
|
|
@@ -2825,10 +3018,10 @@ VenueLogo.displayName = "VenueLogo";
|
|
|
2825
3018
|
// src/events/item/index.tsx
|
|
2826
3019
|
var import_dayjs = __toESM(require("dayjs"));
|
|
2827
3020
|
var import_react3 = require("react");
|
|
2828
|
-
var
|
|
3021
|
+
var import_hooks13 = require("@agg-market/hooks");
|
|
2829
3022
|
|
|
2830
3023
|
// src/primitives/badge/index.tsx
|
|
2831
|
-
var
|
|
3024
|
+
var import_hooks12 = require("@agg-market/hooks");
|
|
2832
3025
|
|
|
2833
3026
|
// src/primitives/badge/badge.constants.ts
|
|
2834
3027
|
var badgeSizeClasses = {
|
|
@@ -2842,7 +3035,7 @@ var baseBadgeClasses = cn(
|
|
|
2842
3035
|
);
|
|
2843
3036
|
|
|
2844
3037
|
// src/primitives/badge/index.tsx
|
|
2845
|
-
var
|
|
3038
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2846
3039
|
function Badge({
|
|
2847
3040
|
text,
|
|
2848
3041
|
prefix,
|
|
@@ -2852,10 +3045,10 @@ function Badge({
|
|
|
2852
3045
|
onClick,
|
|
2853
3046
|
isActive = false
|
|
2854
3047
|
}) {
|
|
2855
|
-
const { enableAnimations } = (0,
|
|
3048
|
+
const { enableAnimations } = (0, import_hooks12.useSdkUiConfig)();
|
|
2856
3049
|
const resolvedText = `${text}`;
|
|
2857
3050
|
const resolvedAriaLabel = resolvedText.length > 0 ? resolvedText : void 0;
|
|
2858
|
-
return /* @__PURE__ */ (0,
|
|
3051
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
2859
3052
|
"span",
|
|
2860
3053
|
__spreadProps(__spreadValues({
|
|
2861
3054
|
"aria-label": resolvedAriaLabel,
|
|
@@ -2873,15 +3066,26 @@ function Badge({
|
|
|
2873
3066
|
)
|
|
2874
3067
|
}, onClick && { onClick }), {
|
|
2875
3068
|
children: [
|
|
2876
|
-
prefix ? /* @__PURE__ */ (0,
|
|
2877
|
-
/* @__PURE__ */ (0,
|
|
2878
|
-
suffix ? /* @__PURE__ */ (0,
|
|
3069
|
+
prefix ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: classNames == null ? void 0 : classNames.prefix, children: prefix }) : null,
|
|
3070
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
|
|
3071
|
+
suffix ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: classNames == null ? void 0 : classNames.suffix, children: suffix }) : null
|
|
2879
3072
|
]
|
|
2880
3073
|
})
|
|
2881
3074
|
);
|
|
2882
3075
|
}
|
|
2883
3076
|
Badge.displayName = "Badge";
|
|
2884
3077
|
|
|
3078
|
+
// src/shared/query-error.ts
|
|
3079
|
+
var getErrorStatus = (error) => {
|
|
3080
|
+
if (!error || typeof error !== "object")
|
|
3081
|
+
return null;
|
|
3082
|
+
const status = error.status;
|
|
3083
|
+
return typeof status === "number" ? status : null;
|
|
3084
|
+
};
|
|
3085
|
+
var isErrorWithStatus = (error, status) => {
|
|
3086
|
+
return getErrorStatus(error) === status;
|
|
3087
|
+
};
|
|
3088
|
+
|
|
2885
3089
|
// src/events/item/event-list-item.utils.ts
|
|
2886
3090
|
var resolveEventListItemEvent = (fetchedEvent) => {
|
|
2887
3091
|
if (!fetchedEvent)
|
|
@@ -3022,13 +3226,13 @@ var resolveVenueLabel = (venue, venueInfo, labels) => {
|
|
|
3022
3226
|
};
|
|
3023
3227
|
|
|
3024
3228
|
// src/events/item/index.tsx
|
|
3025
|
-
var
|
|
3229
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
3026
3230
|
var EventListItemLoadingState = ({
|
|
3027
3231
|
classNames,
|
|
3028
3232
|
ariaLabel
|
|
3029
3233
|
}) => {
|
|
3030
|
-
const labels = (0,
|
|
3031
|
-
return /* @__PURE__ */ (0,
|
|
3234
|
+
const labels = (0, import_hooks13.useLabels)();
|
|
3235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3032
3236
|
Skeleton,
|
|
3033
3237
|
{
|
|
3034
3238
|
view: "event-list-item",
|
|
@@ -3041,20 +3245,35 @@ var EventListItemUnavailableState = ({
|
|
|
3041
3245
|
classNames,
|
|
3042
3246
|
ariaLabel
|
|
3043
3247
|
}) => {
|
|
3044
|
-
const labels = (0,
|
|
3045
|
-
return /* @__PURE__ */ (0,
|
|
3248
|
+
const labels = (0, import_hooks13.useLabels)();
|
|
3249
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3046
3250
|
Card,
|
|
3047
3251
|
{
|
|
3048
3252
|
className: cn(baseCardClassName, classNames == null ? void 0 : classNames.root),
|
|
3049
3253
|
role: "status",
|
|
3050
3254
|
"aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
|
|
3051
|
-
children: /* @__PURE__ */ (0,
|
|
3052
|
-
/* @__PURE__ */ (0,
|
|
3053
|
-
/* @__PURE__ */ (0,
|
|
3255
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
|
|
3256
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItem.unavailableTitle }),
|
|
3257
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
|
|
3054
3258
|
] })
|
|
3055
3259
|
}
|
|
3056
3260
|
);
|
|
3057
3261
|
};
|
|
3262
|
+
var EventListItemNotFoundState = ({
|
|
3263
|
+
classNames,
|
|
3264
|
+
ariaLabel
|
|
3265
|
+
}) => {
|
|
3266
|
+
const labels = (0, import_hooks13.useLabels)();
|
|
3267
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card, { className: cn("w-full gap-0 overflow-hidden p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3268
|
+
StateMessage,
|
|
3269
|
+
{
|
|
3270
|
+
ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItemDetails.notFoundAria,
|
|
3271
|
+
title: labels.eventItemDetails.notFoundTitle,
|
|
3272
|
+
description: labels.eventItemDetails.notFoundDescription,
|
|
3273
|
+
className: "min-h-[280px] md:min-h-[320px]"
|
|
3274
|
+
}
|
|
3275
|
+
) });
|
|
3276
|
+
};
|
|
3058
3277
|
var EventListItemContent = ({
|
|
3059
3278
|
event,
|
|
3060
3279
|
title,
|
|
@@ -3068,8 +3287,8 @@ var EventListItemContent = ({
|
|
|
3068
3287
|
ariaLabel
|
|
3069
3288
|
}) => {
|
|
3070
3289
|
var _a;
|
|
3071
|
-
const config = (0,
|
|
3072
|
-
const labels = (0,
|
|
3290
|
+
const config = (0, import_hooks13.useSdkUiConfig)();
|
|
3291
|
+
const labels = (0, import_hooks13.useLabels)();
|
|
3073
3292
|
const allVenueMarkets = (0, import_react3.useMemo)(() => {
|
|
3074
3293
|
return event.markets.flatMap((market) => market.venueMarkets);
|
|
3075
3294
|
}, [event.markets]);
|
|
@@ -3103,9 +3322,9 @@ var EventListItemContent = ({
|
|
|
3103
3322
|
return null;
|
|
3104
3323
|
if (Math.abs(value) < config.arbitrageThreshold)
|
|
3105
3324
|
return null;
|
|
3106
|
-
return /* @__PURE__ */ (0,
|
|
3107
|
-
/* @__PURE__ */ (0,
|
|
3108
|
-
/* @__PURE__ */ (0,
|
|
3325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
|
|
3326
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatPercent(value) }),
|
|
3327
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3109
3328
|
Icon,
|
|
3110
3329
|
{
|
|
3111
3330
|
name: "triangle-up",
|
|
@@ -3116,7 +3335,7 @@ var EventListItemContent = ({
|
|
|
3116
3335
|
)
|
|
3117
3336
|
] });
|
|
3118
3337
|
};
|
|
3119
|
-
return /* @__PURE__ */ (0,
|
|
3338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
3120
3339
|
Card,
|
|
3121
3340
|
{
|
|
3122
3341
|
className: cn(baseCardClassName, onClick && "cursor-pointer", classNames == null ? void 0 : classNames.root),
|
|
@@ -3126,8 +3345,8 @@ var EventListItemContent = ({
|
|
|
3126
3345
|
onKeyDown: handleKeyDown,
|
|
3127
3346
|
"aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
|
|
3128
3347
|
children: [
|
|
3129
|
-
/* @__PURE__ */ (0,
|
|
3130
|
-
resolvedImage ? /* @__PURE__ */ (0,
|
|
3348
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.header), children: [
|
|
3349
|
+
resolvedImage ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3131
3350
|
"img",
|
|
3132
3351
|
{
|
|
3133
3352
|
src: resolvedImage,
|
|
@@ -3135,7 +3354,7 @@ var EventListItemContent = ({
|
|
|
3135
3354
|
className: cn("h-10 w-10", "rounded-agg-lg object-cover")
|
|
3136
3355
|
}
|
|
3137
3356
|
) : null,
|
|
3138
|
-
/* @__PURE__ */ (0,
|
|
3357
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3139
3358
|
Typography,
|
|
3140
3359
|
{
|
|
3141
3360
|
variant: "body-strong",
|
|
@@ -3148,13 +3367,13 @@ var EventListItemContent = ({
|
|
|
3148
3367
|
}
|
|
3149
3368
|
)
|
|
3150
3369
|
] }),
|
|
3151
|
-
/* @__PURE__ */ (0,
|
|
3370
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.outcomes), children: visibleOutcomes.map((visibleOutcome) => {
|
|
3152
3371
|
const probability = normalizeProbability(visibleOutcome.outcome.price);
|
|
3153
3372
|
const showBadge = typeof probability === "number";
|
|
3154
3373
|
const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[visibleOutcome.outcome.id];
|
|
3155
3374
|
const outcomeTitle = resolveOutcomeTitle(visibleOutcome.outcome);
|
|
3156
3375
|
const formattedTitle = (0, import_dayjs.default)(outcomeTitle).isValid() ? (0, import_dayjs.default)(outcomeTitle).format("MMMM D, YYYY") : outcomeTitle;
|
|
3157
|
-
return /* @__PURE__ */ (0,
|
|
3376
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
3158
3377
|
"div",
|
|
3159
3378
|
{
|
|
3160
3379
|
className: cn(
|
|
@@ -3162,7 +3381,7 @@ var EventListItemContent = ({
|
|
|
3162
3381
|
classNames == null ? void 0 : classNames.outcomeRow
|
|
3163
3382
|
),
|
|
3164
3383
|
children: [
|
|
3165
|
-
/* @__PURE__ */ (0,
|
|
3384
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3166
3385
|
Typography,
|
|
3167
3386
|
{
|
|
3168
3387
|
variant: "body",
|
|
@@ -3170,13 +3389,13 @@ var EventListItemContent = ({
|
|
|
3170
3389
|
children: formattedTitle
|
|
3171
3390
|
}
|
|
3172
3391
|
),
|
|
3173
|
-
/* @__PURE__ */ (0,
|
|
3392
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-row gap-3 items-center justify-end", children: [
|
|
3174
3393
|
renderArbitrage(arbitragePercent),
|
|
3175
|
-
showBadge ? /* @__PURE__ */ (0,
|
|
3394
|
+
showBadge ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3176
3395
|
Badge,
|
|
3177
3396
|
{
|
|
3178
3397
|
text: config.formatPercent(probability),
|
|
3179
|
-
prefix: showVenueLogo ? /* @__PURE__ */ (0,
|
|
3398
|
+
prefix: showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(VenueLogo, { venue: visibleOutcome.venue, size: "small" }) : void 0,
|
|
3180
3399
|
size: "large",
|
|
3181
3400
|
classNames: {
|
|
3182
3401
|
root: cn(
|
|
@@ -3192,7 +3411,7 @@ var EventListItemContent = ({
|
|
|
3192
3411
|
`${visibleOutcome.market.id}-${visibleOutcome.outcome.id}`
|
|
3193
3412
|
);
|
|
3194
3413
|
}) }),
|
|
3195
|
-
/* @__PURE__ */ (0,
|
|
3414
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
3196
3415
|
"div",
|
|
3197
3416
|
{
|
|
3198
3417
|
className: cn(
|
|
@@ -3201,15 +3420,15 @@ var EventListItemContent = ({
|
|
|
3201
3420
|
classNames == null ? void 0 : classNames.footer
|
|
3202
3421
|
),
|
|
3203
3422
|
children: [
|
|
3204
|
-
/* @__PURE__ */ (0,
|
|
3205
|
-
/* @__PURE__ */ (0,
|
|
3423
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-sm leading-agg-5"), children: [
|
|
3424
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
|
|
3206
3425
|
marketCount,
|
|
3207
3426
|
labels.eventItem.marketSingular,
|
|
3208
3427
|
labels.eventItem.marketPlural
|
|
3209
3428
|
) }),
|
|
3210
|
-
/* @__PURE__ */ (0,
|
|
3211
|
-
singleVenue ? /* @__PURE__ */ (0,
|
|
3212
|
-
showVenueLogo ? /* @__PURE__ */ (0,
|
|
3429
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-agg-muted-foreground", children: "\xD7" }),
|
|
3430
|
+
singleVenue ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "flex items-center gap-1 truncate text-agg-muted-foreground", children: [
|
|
3431
|
+
showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3213
3432
|
VenueLogo,
|
|
3214
3433
|
{
|
|
3215
3434
|
venue: singleVenue,
|
|
@@ -3218,13 +3437,13 @@ var EventListItemContent = ({
|
|
|
3218
3437
|
className: "text-agg-muted-foreground!"
|
|
3219
3438
|
}
|
|
3220
3439
|
) : null,
|
|
3221
|
-
/* @__PURE__ */ (0,
|
|
3222
|
-
] }) : /* @__PURE__ */ (0,
|
|
3440
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: venueLabel })
|
|
3441
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
|
|
3223
3442
|
venueCount,
|
|
3224
3443
|
labels.eventItem.venueSingular,
|
|
3225
3444
|
labels.eventItem.venuePlural
|
|
3226
3445
|
) }),
|
|
3227
|
-
showVenueLogo && !singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0,
|
|
3446
|
+
showVenueLogo && !singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "flex items-center gap-1 overflow-hidden", children: visibleVenueLogos.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3228
3447
|
VenueLogo,
|
|
3229
3448
|
{
|
|
3230
3449
|
venue,
|
|
@@ -3235,7 +3454,7 @@ var EventListItemContent = ({
|
|
|
3235
3454
|
venue
|
|
3236
3455
|
)) }) : null
|
|
3237
3456
|
] }),
|
|
3238
|
-
volumeLabel ? /* @__PURE__ */ (0,
|
|
3457
|
+
volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography, { variant: "label", className: "text-agg-sm text-agg-muted-foreground", children: volumeLabel }) : null
|
|
3239
3458
|
]
|
|
3240
3459
|
}
|
|
3241
3460
|
)
|
|
@@ -3251,37 +3470,41 @@ var EventListItemByEventId = (_a) => {
|
|
|
3251
3470
|
]);
|
|
3252
3471
|
const {
|
|
3253
3472
|
event: fetchedEvent,
|
|
3473
|
+
error,
|
|
3254
3474
|
isError,
|
|
3255
3475
|
isLoading
|
|
3256
|
-
} = (0,
|
|
3476
|
+
} = (0, import_hooks13.useEvent)(eventId, {
|
|
3257
3477
|
enabled: !!eventId
|
|
3258
3478
|
});
|
|
3259
3479
|
const resolvedEvent = (0, import_react3.useMemo)(() => {
|
|
3260
3480
|
return resolveEventListItemEvent(fetchedEvent);
|
|
3261
3481
|
}, [fetchedEvent]);
|
|
3262
3482
|
if (!eventId) {
|
|
3263
|
-
return /* @__PURE__ */ (0,
|
|
3483
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
3264
3484
|
}
|
|
3265
3485
|
if (isLoading) {
|
|
3266
|
-
return /* @__PURE__ */ (0,
|
|
3486
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
3267
3487
|
}
|
|
3268
|
-
if (
|
|
3269
|
-
return /* @__PURE__ */ (0,
|
|
3488
|
+
if (isErrorWithStatus(error, 404)) {
|
|
3489
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
3490
|
+
}
|
|
3491
|
+
if (!fetchedEvent && !isError) {
|
|
3492
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
3270
3493
|
}
|
|
3271
3494
|
if (!resolvedEvent) {
|
|
3272
|
-
return /* @__PURE__ */ (0,
|
|
3495
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
|
|
3273
3496
|
}
|
|
3274
|
-
return /* @__PURE__ */ (0,
|
|
3497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
|
|
3275
3498
|
};
|
|
3276
3499
|
var EventListItem = (props) => {
|
|
3277
3500
|
if (props.isLoading) {
|
|
3278
|
-
return /* @__PURE__ */ (0,
|
|
3501
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
|
|
3279
3502
|
}
|
|
3280
3503
|
if ("event" in props && props.event) {
|
|
3281
3504
|
const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
|
|
3282
|
-
return /* @__PURE__ */ (0,
|
|
3505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemContent, __spreadValues({ event }, rest));
|
|
3283
3506
|
}
|
|
3284
|
-
return /* @__PURE__ */ (0,
|
|
3507
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EventListItemByEventId, __spreadValues({}, props));
|
|
3285
3508
|
};
|
|
3286
3509
|
EventListItem.displayName = "EventListItem";
|
|
3287
3510
|
|
|
@@ -3334,14 +3557,14 @@ var resolveTabVenus = (tab) => {
|
|
|
3334
3557
|
};
|
|
3335
3558
|
|
|
3336
3559
|
// src/events/list/index.tsx
|
|
3337
|
-
var
|
|
3560
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3338
3561
|
var renderTabIcon = (tab, isActive) => {
|
|
3339
3562
|
if (tab.venueLogo) {
|
|
3340
|
-
return /* @__PURE__ */ (0,
|
|
3563
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
|
|
3341
3564
|
}
|
|
3342
3565
|
if (!tab.iconName)
|
|
3343
3566
|
return null;
|
|
3344
|
-
return /* @__PURE__ */ (0,
|
|
3567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3345
3568
|
Icon,
|
|
3346
3569
|
{
|
|
3347
3570
|
name: tab.iconName,
|
|
@@ -3386,7 +3609,7 @@ var EventList = ({
|
|
|
3386
3609
|
categoryIds
|
|
3387
3610
|
}) => {
|
|
3388
3611
|
var _a, _b;
|
|
3389
|
-
const labels = (0,
|
|
3612
|
+
const labels = (0, import_hooks14.useLabels)();
|
|
3390
3613
|
const defaultEventListTabs = (0, import_react4.useMemo)(() => {
|
|
3391
3614
|
return getDefaultEventListTabs(labels);
|
|
3392
3615
|
}, [labels]);
|
|
@@ -3407,7 +3630,7 @@ var EventList = ({
|
|
|
3407
3630
|
}, [maxVisibleItems]);
|
|
3408
3631
|
const requestLimit = resolvedMaxVisibleItems != null ? resolvedMaxVisibleItems : limit;
|
|
3409
3632
|
const shouldPaginate = resolvedMaxVisibleItems == null;
|
|
3410
|
-
const { events, isLoading, isError, fetchNextPage, hasNextPage, isFetchingNextPage } = (0,
|
|
3633
|
+
const { events, isLoading, isError, fetchNextPage, hasNextPage, isFetchingNextPage } = (0, import_hooks14.useEvents)({
|
|
3411
3634
|
venues,
|
|
3412
3635
|
search,
|
|
3413
3636
|
categoryIds,
|
|
@@ -3511,17 +3734,17 @@ var EventList = ({
|
|
|
3511
3734
|
"md:[grid-template-columns:repeat(var(--agg-event-list-columns),minmax(0,1fr))]"
|
|
3512
3735
|
);
|
|
3513
3736
|
if (shouldRenderLoadingState) {
|
|
3514
|
-
return /* @__PURE__ */ (0,
|
|
3737
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Skeleton, { view: "event-list", ariaLabel: labels.eventList.loading(title) });
|
|
3515
3738
|
}
|
|
3516
|
-
return /* @__PURE__ */ (0,
|
|
3517
|
-
/* @__PURE__ */ (0,
|
|
3739
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("section", { className: "flex w-full flex-col gap-5", children: [
|
|
3740
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
3518
3741
|
"header",
|
|
3519
3742
|
{
|
|
3520
3743
|
ref: headerRef,
|
|
3521
3744
|
className: "flex flex-col sm:flex-row w-full flex-nowrap items-start sm:items-center justify-between gap-2 sm:gap-4",
|
|
3522
3745
|
children: [
|
|
3523
|
-
/* @__PURE__ */ (0,
|
|
3524
|
-
/* @__PURE__ */ (0,
|
|
3746
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ref: titleRef, className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Typography, { as: "h2", variant: "title", className: "truncate [&::first-letter]:uppercase", children: title }) }),
|
|
3747
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3525
3748
|
Tabs,
|
|
3526
3749
|
{
|
|
3527
3750
|
ariaLabel: labels.eventList.tabsAria(title),
|
|
@@ -3533,8 +3756,8 @@ var EventList = ({
|
|
|
3533
3756
|
]
|
|
3534
3757
|
}
|
|
3535
3758
|
),
|
|
3536
|
-
/* @__PURE__ */ (0,
|
|
3537
|
-
tileEvents.map((event) => /* @__PURE__ */ (0,
|
|
3759
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: gridClassName, style: gridStyle, children: [
|
|
3760
|
+
tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3538
3761
|
EventListItem,
|
|
3539
3762
|
{
|
|
3540
3763
|
event,
|
|
@@ -3545,7 +3768,7 @@ var EventList = ({
|
|
|
3545
3768
|
},
|
|
3546
3769
|
event.id
|
|
3547
3770
|
)),
|
|
3548
|
-
Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ (0,
|
|
3771
|
+
Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3549
3772
|
EventListItem,
|
|
3550
3773
|
{
|
|
3551
3774
|
isLoading: true,
|
|
@@ -3555,15 +3778,16 @@ var EventList = ({
|
|
|
3555
3778
|
},
|
|
3556
3779
|
`loading-${index}`
|
|
3557
3780
|
)),
|
|
3558
|
-
!isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ (0,
|
|
3559
|
-
|
|
3781
|
+
!isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Card, { className: "col-span-full overflow-hidden shadow-none hover:shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3782
|
+
StateMessage,
|
|
3560
3783
|
{
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3784
|
+
ariaLabel: labels.eventList.emptyAria,
|
|
3785
|
+
title: labels.eventList.emptyTitle,
|
|
3786
|
+
description: labels.eventList.emptyDescription,
|
|
3787
|
+
className: "min-h-[320px]"
|
|
3564
3788
|
}
|
|
3565
|
-
) : null,
|
|
3566
|
-
isError ? /* @__PURE__ */ (0,
|
|
3789
|
+
) }) : null,
|
|
3790
|
+
isError ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3567
3791
|
Typography,
|
|
3568
3792
|
{
|
|
3569
3793
|
variant: "body",
|
|
@@ -3572,7 +3796,7 @@ var EventList = ({
|
|
|
3572
3796
|
}
|
|
3573
3797
|
) : null
|
|
3574
3798
|
] }),
|
|
3575
|
-
shouldPaginate && hasNextPage ? /* @__PURE__ */ (0,
|
|
3799
|
+
shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ref: loadMoreRef, className: "h-px w-full", "aria-hidden": true }) : null
|
|
3576
3800
|
] });
|
|
3577
3801
|
};
|
|
3578
3802
|
EventList.displayName = "EventList";
|
|
@@ -3702,7 +3926,7 @@ var resolveInitialTabValue = (tabs, defaultActiveTab) => {
|
|
|
3702
3926
|
};
|
|
3703
3927
|
|
|
3704
3928
|
// src/pages/home/index.tsx
|
|
3705
|
-
var
|
|
3929
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
3706
3930
|
var HomePage = ({
|
|
3707
3931
|
tabs,
|
|
3708
3932
|
defaultActiveTab,
|
|
@@ -3713,11 +3937,11 @@ var HomePage = ({
|
|
|
3713
3937
|
categoriesLimit = DEFAULT_CATEGORIES_LIMIT,
|
|
3714
3938
|
allCategoryTabLabel = DEFAULT_ALL_CATEGORY_TAB_LABEL
|
|
3715
3939
|
}) => {
|
|
3716
|
-
const labels = (0,
|
|
3940
|
+
const labels = (0, import_hooks15.useLabels)();
|
|
3717
3941
|
const hasCustomTabs = !!tabs && tabs.length > 0;
|
|
3718
3942
|
const shouldUseCategoriesTabs = !hasCustomTabs && useCategoriesTabs;
|
|
3719
3943
|
const resolvedAllCategoryTabLabel = allCategoryTabLabel === DEFAULT_ALL_CATEGORY_TAB_LABEL ? labels.home.trending : allCategoryTabLabel;
|
|
3720
|
-
const { categories } = (0,
|
|
3944
|
+
const { categories } = (0, import_hooks15.useCategories)({
|
|
3721
3945
|
limit: categoriesLimit,
|
|
3722
3946
|
enabled: shouldUseCategoriesTabs
|
|
3723
3947
|
});
|
|
@@ -3749,7 +3973,7 @@ var HomePage = ({
|
|
|
3749
3973
|
return {
|
|
3750
3974
|
value: tab.value,
|
|
3751
3975
|
label: tab.label,
|
|
3752
|
-
icon: tab.iconName ? /* @__PURE__ */ (0,
|
|
3976
|
+
icon: tab.iconName ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3753
3977
|
Icon,
|
|
3754
3978
|
{
|
|
3755
3979
|
name: tab.iconName,
|
|
@@ -3790,12 +4014,12 @@ var HomePage = ({
|
|
|
3790
4014
|
setActiveTabValue(value);
|
|
3791
4015
|
onTabChange == null ? void 0 : onTabChange(value);
|
|
3792
4016
|
};
|
|
3793
|
-
return /* @__PURE__ */ (0,
|
|
3794
|
-
/* @__PURE__ */ (0,
|
|
4017
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("section", { className: cn("flex w-full flex-col", classNames == null ? void 0 : classNames.root), children: [
|
|
4018
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3795
4019
|
"header",
|
|
3796
4020
|
{
|
|
3797
4021
|
className: cn("w-full bg-agg-secondary border-b border-agg-separator", classNames == null ? void 0 : classNames.header),
|
|
3798
|
-
children: /* @__PURE__ */ (0,
|
|
4022
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3799
4023
|
Tabs,
|
|
3800
4024
|
{
|
|
3801
4025
|
ariaLabel: labels.home.categoryTabsAria,
|
|
@@ -3808,7 +4032,7 @@ var HomePage = ({
|
|
|
3808
4032
|
)
|
|
3809
4033
|
}
|
|
3810
4034
|
),
|
|
3811
|
-
/* @__PURE__ */ (0,
|
|
4035
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3812
4036
|
"main",
|
|
3813
4037
|
{
|
|
3814
4038
|
className: cn(
|
|
@@ -3817,7 +4041,7 @@ var HomePage = ({
|
|
|
3817
4041
|
),
|
|
3818
4042
|
children: resolvedSectionItems.map((eventSectionItem) => {
|
|
3819
4043
|
var _a, _b, _c;
|
|
3820
|
-
return /* @__PURE__ */ (0,
|
|
4044
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3821
4045
|
EventList,
|
|
3822
4046
|
{
|
|
3823
4047
|
title: eventSectionItem.title,
|