@lolmath/ui 3.1.1 → 3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1040 -997
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +137 -79
- package/dist/index.d.ts +137 -79
- package/dist/index.js +1061 -1027
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,26 +2,25 @@ import {
|
|
|
2
2
|
theme
|
|
3
3
|
} from "./chunk-KUMYC3II.js";
|
|
4
4
|
|
|
5
|
-
// src/components/
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
Button as AriaButton
|
|
9
|
-
} from "react-aria-components";
|
|
5
|
+
// src/components/accordion.tsx
|
|
6
|
+
import { createContext, useState, useContext } from "react";
|
|
10
7
|
|
|
11
|
-
// src/utilities/
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var hextechGradient = "from-lol-blue-200 to-lol-blue-400";
|
|
17
|
-
var hextechGradientHover = "from-lol-blue-100 to-lol-blue-300";
|
|
18
|
-
var hextechGradientPressed = "from-lol-blue-500 to-lol-blue-400";
|
|
19
|
-
var hextechGradientDisabled = "from-lol-grey-150 to-lol-grey-150";
|
|
20
|
-
var dimmedGradient = "from-lol-grey-300 via-lol-grey-300 to-lol-grey-300";
|
|
8
|
+
// src/utilities/css-id.tsx
|
|
9
|
+
import { useId } from "react";
|
|
10
|
+
function useCssId() {
|
|
11
|
+
return useId().replaceAll(":", "");
|
|
12
|
+
}
|
|
21
13
|
|
|
22
|
-
// src/utilities/
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
// src/utilities/view-transition.tsx
|
|
15
|
+
import { flushSync } from "react-dom";
|
|
16
|
+
function startViewTransition(callback) {
|
|
17
|
+
if (document.startViewTransition) {
|
|
18
|
+
document.startViewTransition(() => {
|
|
19
|
+
flushSync(callback);
|
|
20
|
+
});
|
|
21
|
+
} else {
|
|
22
|
+
callback();
|
|
23
|
+
}
|
|
25
24
|
}
|
|
26
25
|
|
|
27
26
|
// src/utilities/tv.ts
|
|
@@ -41,8 +40,117 @@ var tv = createTV({
|
|
|
41
40
|
}
|
|
42
41
|
});
|
|
43
42
|
|
|
43
|
+
// src/components/accordion.tsx
|
|
44
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
45
|
+
function Accordion({ children, className }) {
|
|
46
|
+
const [activeItem, setActiveItem] = useState("");
|
|
47
|
+
const id = useCssId();
|
|
48
|
+
return /* @__PURE__ */ jsx(
|
|
49
|
+
AccordionContext.Provider,
|
|
50
|
+
{
|
|
51
|
+
value: {
|
|
52
|
+
activeItem,
|
|
53
|
+
setActiveItem,
|
|
54
|
+
id
|
|
55
|
+
},
|
|
56
|
+
children: /* @__PURE__ */ jsx(
|
|
57
|
+
"div",
|
|
58
|
+
{
|
|
59
|
+
className,
|
|
60
|
+
style: {
|
|
61
|
+
viewTransitionName: `${id}`
|
|
62
|
+
},
|
|
63
|
+
children
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
}
|
|
67
|
+
);
|
|
68
|
+
}
|
|
69
|
+
var accordionTrigger = tv({
|
|
70
|
+
base: "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase"
|
|
71
|
+
});
|
|
72
|
+
var accordionTriggerInner = tv({
|
|
73
|
+
base: "ml-0.5 mr-2 inline-block rotate-90 transform text-xs"
|
|
74
|
+
});
|
|
75
|
+
function AccordionTrigger({
|
|
76
|
+
children,
|
|
77
|
+
className
|
|
78
|
+
}) {
|
|
79
|
+
const { setActiveItem } = useContext(AccordionContext);
|
|
80
|
+
const { item: item2 } = useContext(AccordionItemContext);
|
|
81
|
+
return /* @__PURE__ */ jsxs(
|
|
82
|
+
"button",
|
|
83
|
+
{
|
|
84
|
+
className: accordionTrigger({
|
|
85
|
+
className
|
|
86
|
+
}),
|
|
87
|
+
onClick: () => {
|
|
88
|
+
startViewTransition(() => {
|
|
89
|
+
setActiveItem((currentItem) => currentItem === item2 ? "" : item2);
|
|
90
|
+
});
|
|
91
|
+
},
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ jsx("span", { className: accordionTriggerInner(), children: "\u276F" }),
|
|
94
|
+
children
|
|
95
|
+
]
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
}
|
|
99
|
+
function AccordionItem({ children, value }) {
|
|
100
|
+
const { id } = useContext(AccordionContext);
|
|
101
|
+
return /* @__PURE__ */ jsx(
|
|
102
|
+
AccordionItemContext.Provider,
|
|
103
|
+
{
|
|
104
|
+
value: {
|
|
105
|
+
item: value
|
|
106
|
+
},
|
|
107
|
+
children: /* @__PURE__ */ jsx(
|
|
108
|
+
"div",
|
|
109
|
+
{
|
|
110
|
+
className: "border-lol-gold-600 border-b last-of-type:border-none",
|
|
111
|
+
style: {
|
|
112
|
+
viewTransitionName: `${id}-${value}`
|
|
113
|
+
},
|
|
114
|
+
children
|
|
115
|
+
}
|
|
116
|
+
)
|
|
117
|
+
}
|
|
118
|
+
);
|
|
119
|
+
}
|
|
120
|
+
function AccordionContent({ children }) {
|
|
121
|
+
const { activeItem } = useContext(AccordionContext);
|
|
122
|
+
const { item: item2 } = useContext(AccordionItemContext);
|
|
123
|
+
if (activeItem !== item2) {
|
|
124
|
+
return null;
|
|
125
|
+
}
|
|
126
|
+
return /* @__PURE__ */ jsx("div", { className: "font-spiegel text-lol-grey-100 py-2", children });
|
|
127
|
+
}
|
|
128
|
+
var AccordionContext = createContext(void 0);
|
|
129
|
+
var AccordionItemContext = createContext(void 0);
|
|
130
|
+
|
|
131
|
+
// src/components/button.tsx
|
|
132
|
+
import { forwardRef } from "react";
|
|
133
|
+
import {
|
|
134
|
+
Button as AriaButton
|
|
135
|
+
} from "react-aria-components";
|
|
136
|
+
|
|
137
|
+
// src/utilities/gradient.tsx
|
|
138
|
+
var goldGradient = "from-lol-gold-500 via-lol-gold-400 to-lol-gold-200";
|
|
139
|
+
var goldGradientHover = "from-lol-gold-400 via-lol-gold-200 to-lol-gold-100";
|
|
140
|
+
var goldGradientPressed = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500";
|
|
141
|
+
var hextechGradient = "from-lol-blue-200 to-lol-blue-400";
|
|
142
|
+
var hextechGradientHover = "from-lol-blue-100 to-lol-blue-300";
|
|
143
|
+
var hextechGradientPressed = "from-lol-blue-500 to-lol-blue-400";
|
|
144
|
+
var dimmedGradient = "from-lol-grey-300 via-lol-grey-300 to-lol-grey-300";
|
|
145
|
+
var disabledGradient = "from-lol-grey-150 via-lol-grey-150 to-lol-grey-150";
|
|
146
|
+
|
|
147
|
+
// src/utilities/resolve-class-name.ts
|
|
148
|
+
function resolveClassName(className, values) {
|
|
149
|
+
return typeof className === "function" ? className(values) : className ?? "";
|
|
150
|
+
}
|
|
151
|
+
|
|
44
152
|
// src/components/button.tsx
|
|
45
|
-
import { jsx } from "react/jsx-runtime";
|
|
153
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
46
154
|
var buttonBorder = tv({
|
|
47
155
|
base: "bg-gradient-to-t p-0.5 outline-none transition-colors duration-200",
|
|
48
156
|
variants: {
|
|
@@ -95,7 +203,7 @@ var buttonBorder = tv({
|
|
|
95
203
|
{
|
|
96
204
|
preset: ["primary", "secondary", "dimmed"],
|
|
97
205
|
isDisabled: true,
|
|
98
|
-
class:
|
|
206
|
+
class: disabledGradient
|
|
99
207
|
},
|
|
100
208
|
{
|
|
101
209
|
preset: ["primary", "secondary"],
|
|
@@ -119,7 +227,7 @@ var buttonBorder = tv({
|
|
|
119
227
|
{
|
|
120
228
|
preset: ["hextech"],
|
|
121
229
|
isDisabled: true,
|
|
122
|
-
class:
|
|
230
|
+
class: disabledGradient
|
|
123
231
|
}
|
|
124
232
|
]
|
|
125
233
|
});
|
|
@@ -209,7 +317,7 @@ function _Button({
|
|
|
209
317
|
thin = preset === "dimmed" ? true : false,
|
|
210
318
|
...props
|
|
211
319
|
}, ref) {
|
|
212
|
-
return /* @__PURE__ */
|
|
320
|
+
return /* @__PURE__ */ jsx2(
|
|
213
321
|
AriaButton,
|
|
214
322
|
{
|
|
215
323
|
ref,
|
|
@@ -224,7 +332,7 @@ function _Button({
|
|
|
224
332
|
});
|
|
225
333
|
},
|
|
226
334
|
children: (values) => {
|
|
227
|
-
return /* @__PURE__ */
|
|
335
|
+
return /* @__PURE__ */ jsx2(
|
|
228
336
|
"span",
|
|
229
337
|
{
|
|
230
338
|
className: button({
|
|
@@ -242,195 +350,304 @@ function _Button({
|
|
|
242
350
|
}
|
|
243
351
|
var Button = forwardRef(_Button);
|
|
244
352
|
|
|
245
|
-
// src/components/
|
|
246
|
-
import {
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
Popover as AriaPopover,
|
|
251
|
-
ListBox as AriaListBox,
|
|
252
|
-
SelectValue as AriaSelectValue,
|
|
253
|
-
ListBoxItem
|
|
254
|
-
} from "react-aria-components";
|
|
255
|
-
|
|
256
|
-
// src/utilities/outline.tsx
|
|
257
|
-
var outlineClassName = "outline outline-[#dcc188] outline-offset-2 outline-1";
|
|
258
|
-
|
|
259
|
-
// src/components/select.tsx
|
|
260
|
-
import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
261
|
-
var select = tv({
|
|
262
|
-
base: "font-spiegel"
|
|
263
|
-
});
|
|
264
|
-
var selectButtonBorder = tv({
|
|
265
|
-
base: ["inline-block w-[200px] bg-gradient-to-t outline-none", goldGradient],
|
|
266
|
-
variants: {
|
|
267
|
-
isHovered: { true: goldGradientHover },
|
|
268
|
-
isPressed: { true: goldGradientPressed },
|
|
269
|
-
isOpen: { true: goldGradientPressed },
|
|
270
|
-
isDisabled: { true: goldGradientDisabled },
|
|
271
|
-
isFocused: { true: "" },
|
|
272
|
-
isFocusVisible: { true: outlineClassName }
|
|
273
|
-
}
|
|
274
|
-
});
|
|
275
|
-
var selectButton = tv({
|
|
276
|
-
base: "bg-lol-grey-hextech-black text-lol-grey-100 m-px block bg-no-repeat px-2 py-1.5 pr-6 text-left text-xs font-normal tracking-wide",
|
|
277
|
-
variants: {
|
|
278
|
-
isHovered: { true: "text-lol-gold-100" },
|
|
279
|
-
isOpen: { true: "text-lol-gold-600 bg-lol-grey-300" }
|
|
280
|
-
}
|
|
353
|
+
// src/components/card.tsx
|
|
354
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
355
|
+
var cardBorder = tv({
|
|
356
|
+
base: ["bg-gradient-to-t p-[2px]", goldGradient],
|
|
357
|
+
variants: {}
|
|
281
358
|
});
|
|
282
|
-
var
|
|
283
|
-
base: "bg-lol-grey-hextech-black
|
|
284
|
-
variants: {
|
|
285
|
-
isFocused: { true: "" }
|
|
286
|
-
}
|
|
359
|
+
var inner = tv({
|
|
360
|
+
base: "bg-lol-grey-hextech-black w-full",
|
|
361
|
+
variants: {}
|
|
287
362
|
});
|
|
288
|
-
function
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
className,
|
|
293
|
-
...props
|
|
294
|
-
}) {
|
|
295
|
-
return /* @__PURE__ */ jsx2(
|
|
296
|
-
AriaSelect,
|
|
363
|
+
function Card({ children, className, style, borderProps }) {
|
|
364
|
+
const r = `1rem`;
|
|
365
|
+
return /* @__PURE__ */ jsx3(
|
|
366
|
+
"div",
|
|
297
367
|
{
|
|
298
|
-
...
|
|
299
|
-
className: (
|
|
300
|
-
|
|
301
|
-
className: resolveClassName(className, values)
|
|
368
|
+
...borderProps ?? {},
|
|
369
|
+
className: cardBorder({
|
|
370
|
+
className: borderProps?.className
|
|
302
371
|
}),
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
errorMessage && /* @__PURE__ */ jsx2(AriaText, { slot: "errorMessage", children: errorMessage }),
|
|
323
|
-
/* @__PURE__ */ jsx2(AriaPopover, { offset: 4, className: "w-[--trigger-width]", children: /* @__PURE__ */ jsx2(AriaListBox, { className: () => listBox(), children }) })
|
|
324
|
-
] })
|
|
372
|
+
style: {
|
|
373
|
+
WebkitMask: borderInverted(r),
|
|
374
|
+
mask: borderInverted(r),
|
|
375
|
+
...borderProps?.style ?? {}
|
|
376
|
+
},
|
|
377
|
+
children: /* @__PURE__ */ jsx3(
|
|
378
|
+
"div",
|
|
379
|
+
{
|
|
380
|
+
className: inner({
|
|
381
|
+
className
|
|
382
|
+
}),
|
|
383
|
+
style: {
|
|
384
|
+
WebkitMask: borderInverted(r),
|
|
385
|
+
mask: borderInverted(r),
|
|
386
|
+
...style ?? {}
|
|
387
|
+
},
|
|
388
|
+
children
|
|
389
|
+
}
|
|
390
|
+
)
|
|
325
391
|
}
|
|
326
392
|
);
|
|
327
393
|
}
|
|
328
|
-
|
|
329
|
-
|
|
394
|
+
function borderInverted(r) {
|
|
395
|
+
return `radial-gradient(${r} at ${r} ${r},#0000 98%,#000) -${r} -${r}`;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
// src/components/checkbox.tsx
|
|
399
|
+
import { Checkbox as AriaCheckbox } from "react-aria-components";
|
|
400
|
+
import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
401
|
+
var checkbox = tv({
|
|
402
|
+
base: "text-lol-grey-100 font-spiegel flex cursor-pointer items-center gap-1 text-xs tracking-widest",
|
|
330
403
|
variants: {
|
|
331
|
-
isHovered: {
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
404
|
+
isHovered: {
|
|
405
|
+
true: "text-lol-gold-100"
|
|
406
|
+
},
|
|
407
|
+
isDisabled: {
|
|
408
|
+
true: "cursor-default brightness-50"
|
|
409
|
+
}
|
|
336
410
|
}
|
|
337
411
|
});
|
|
338
|
-
function
|
|
339
|
-
return /* @__PURE__ */
|
|
340
|
-
|
|
412
|
+
function Checkbox({ children, className, ...props }) {
|
|
413
|
+
return /* @__PURE__ */ jsx4(
|
|
414
|
+
AriaCheckbox,
|
|
341
415
|
{
|
|
342
|
-
...props,
|
|
343
416
|
className: (values) => {
|
|
344
|
-
return
|
|
345
|
-
|
|
346
|
-
|
|
417
|
+
return checkbox({
|
|
418
|
+
className: resolveClassName(className, values),
|
|
419
|
+
...values
|
|
347
420
|
});
|
|
421
|
+
},
|
|
422
|
+
...props,
|
|
423
|
+
children: (values) => /* @__PURE__ */ jsxs2(Fragment, { children: [
|
|
424
|
+
/* @__PURE__ */ jsx4(
|
|
425
|
+
"div",
|
|
426
|
+
{
|
|
427
|
+
style: {
|
|
428
|
+
backgroundImage: values.isHovered ? values.isIndeterminate ? indeterminateHover : values.isSelected ? checkedHover : uncheckedHover : values.isIndeterminate ? indeterminate : values.isSelected ? checked : unchecked
|
|
429
|
+
},
|
|
430
|
+
className: "h-3.5 w-3.5"
|
|
431
|
+
}
|
|
432
|
+
),
|
|
433
|
+
typeof children === "function" ? children(values) : children
|
|
434
|
+
] })
|
|
435
|
+
}
|
|
436
|
+
);
|
|
437
|
+
}
|
|
438
|
+
var unchecked = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAByUExURQEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKE3haKP///2Sxk/UAAAAkdFJOUyZAtbSzmpmYl7KWlZSTsJGQj62OjKqLiomoiIensYavrKmmpcCVLPgAAAABYktHRCXDAckPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wkXDDshfoqKzwAAAzx6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJxVbLttsgDNzzFf0ELIFkPseJza7ndNnP74xIbhLb9zZtF41PCAE0Gj1x+vn9R/qGzyRzTnrV7rNnm0ztYtWLZBOr5tZs01Vk65fLpYtgvVnhSnWtZdVcVs9FcXa2lsrsi0Owqi9lq8XwC0BVCIlo102yXn3WxWeDoK1UZpNk/rerba7cS9QANsU6eegyNj6OB5MHDNYulCgfEpLrXNaak5Bc91hSk02zrOCT8QBCXRvWJjUtqlqxdsWqaHyl4xfKsAOgFcfABN+MUXWWvHvkZp6AhelSpZRiO9MkxSbNm73gARjM6R4f2RynZAvGDs2TNj7BRDAKxnUoACNXR3zoEZ9hFjRw/5UFKCBUCIRYC081eAgn7vs2JTisOxxLVsOxz7Ggg498Q9n2CBHmmjBdYcoMPnTeFO7ue0iI6IkDMiiIXWl8GtbzIMYKwcrQ01RoHcDTERj5NMMSMILBnOX0HvEb74P4w4Z07peyogT+RMWcXn0DwPXEEPVSqtsIyTl4OkN/BWeFOoKOM71KpEEPJ6NcCT88mpgzQz91FGZKBRD9IJVKul0P1XX0FZwtt8hkmWu0DgogrVXaJypqKeOXCu51x1pj4XH0WmIxKi6qr8qFu5ijiF9gV2PKNDNvAza94gZgiUJugB3lLABeUP0lYOUUtibWmA2q0xnld6HTwI4SWMyizlfCRaAb52i6NZJxQw2Qx8HV9CBr7Urxm9WDjX4q0EBDK6u+Q21jSVHCNaFNod+jT7YC5ugU7DlIERgjEc0PX0S2A4opGA7ZIpPgbEKlcQjp2OKOWNBcAYdAY0CnqehQE2JYogVP0A/WmKEPUSHVsTGbMGrN6DwI4rgdGDANkRn3nnBn8EGgDALpbxnsCaQDA8atjesRQNf/weh+lz6xwhUckQE7b7vLCJHy6XUNSdBwQT51m4VvAPc7IlLyqVR5he9OP6VCes6Ff0mF9JXdewbuyPA6uL7UIrpHerN9PMOxk2IG2ImGl6jGxJC+0wF/0wB7Gv6XfhaV6N9fxvIhl85v9QN8vIE84PevXbolbp28/FVSj0jKeG9LvwCmH1eI6Lix8QAAAG1JREFUCNdtz8sWQCAUheFyq9ShiCJ33v8ZWZ0Ja/ln32xvQugrQuj1ij5MkjTDItO8YIxxzkRkVvBSKgBVIbmEWhujm0hRgm7tU4eUdds7792AVNq6MYRxipzBWB+WJfxSrNs+Hed5ID8jvxduz6sNC/KE5/MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMDktMjNUMTI6NTk6MTYrMDA6MDDJOJRLAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwuGUs9wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMy0wOS0yM1QxMjo1OTozMyswMDowMP9tJfIAAAAASUVORK5CYII=')";
|
|
439
|
+
var uncheckedHover = "url('data:image/png;base64,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')";
|
|
440
|
+
var checked = "url('data:image/png;base64,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')";
|
|
441
|
+
var checkedHover = "url('data:image/png;base64,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')";
|
|
442
|
+
var indeterminate = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAA2UExURQEKEwEKE0E5IGhVKGhVKEI5IGlWKGpWKWpXKWtXKWtXKWxYKUM6IG1YKUU8IXhaKMibPP///+VfctgAAAAPdFJOUyZAyNXUx9PS0M/OzcXMvkYA5F8AAAABYktHRBHitT26AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wkXDDshfoqKzwAAAzx6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJxVbLttsgDNzzFf0ELIFkPseJza7ndNnP74xIbhLb9zZtF41PCAE0Gj1x+vn9R/qGzyRzTnrV7rNnm0ztYtWLZBOr5tZs01Vk65fLpYtgvVnhSnWtZdVcVs9FcXa2lsrsi0Owqi9lq8XwC0BVCIlo102yXn3WxWeDoK1UZpNk/rerba7cS9QANsU6eegyNj6OB5MHDNYulCgfEpLrXNaak5Bc91hSk02zrOCT8QBCXRvWJjUtqlqxdsWqaHyl4xfKsAOgFcfABN+MUXWWvHvkZp6AhelSpZRiO9MkxSbNm73gARjM6R4f2RynZAvGDs2TNj7BRDAKxnUoACNXR3zoEZ9hFjRw/5UFKCBUCIRYC081eAgn7vs2JTisOxxLVsOxz7Ggg498Q9n2CBHmmjBdYcoMPnTeFO7ue0iI6IkDMiiIXWl8GtbzIMYKwcrQ01RoHcDTERj5NMMSMILBnOX0HvEb74P4w4Z07peyogT+RMWcXn0DwPXEEPVSqtsIyTl4OkN/BWeFOoKOM71KpEEPJ6NcCT88mpgzQz91FGZKBRD9IJVKul0P1XX0FZwtt8hkmWu0DgogrVXaJypqKeOXCu51x1pj4XH0WmIxKi6qr8qFu5ijiF9gV2PKNDNvAza94gZgiUJugB3lLABeUP0lYOUUtibWmA2q0xnld6HTwI4SWMyizlfCRaAb52i6NZJxQw2Qx8HV9CBr7Urxm9WDjX4q0EBDK6u+Q21jSVHCNaFNod+jT7YC5ugU7DlIERgjEc0PX0S2A4opGA7ZIpPgbEKlcQjp2OKOWNBcAYdAY0CnqehQE2JYogVP0A/WmKEPUSHVsTGbMGrN6DwI4rgdGDANkRn3nnBn8EGgDALpbxnsCaQDA8atjesRQNf/weh+lz6xwhUckQE7b7vLCJHy6XUNSdBwQT51m4VvAPc7IlLyqVR5he9OP6VCes6Ff0mF9JXdewbuyPA6uL7UIrpHerN9PMOxk2IG2ImGl6jGxJC+0wF/0wB7Gv6XfhaV6N9fxvIhl85v9QN8vIE84PevXbolbp28/FVSj0jKeG9LvwCmH1eI6Lix8QAAAD9JREFUCNeNzzkOACAMA8GE+4b/vxYUQMId201nE/ETEfcnXlTa7KzQjJNDemQQusuITMj8weJDynXVhDASL0wdRwfQJZFBnAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMMk4lEsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDktMjNUMTI6NTk6MTYrMDA6MDC4ZSz3AAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTA5LTIzVDEyOjU5OjMzKzAwOjAw/20l8gAAAABJRU5ErkJggg==')";
|
|
443
|
+
var indeterminateHover = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAB+UExURQEKEwEKE05RUX18dn18dk9SUX59d359d4B/eX9+d4KBen9+eIOCe4B/eYaEfYGAeYeFfoKAeoiGfoKBeoiHf1ZYVoOCe4aEfYeGfoiGf4mHf11eXHhaKHlcKXtdK/Dm0n5gLIBiLoNlMYZoM4lrNYxuOJFzPJl7QqCCSP///0lElLIAAAAcdFJOUyZAyNXUx9PU0tTQ1NDUz9TP1M/Uz8jU0tDQz8FE4StQAAAAAWJLR0QpyreFJAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+cJFww7IX6Kis8AAAM8elRYdFJhdyBwcm9maWxlIHR5cGUgeG1wAABIicVWy7bbIAzc8xX9BCyBZD7Hic2u53TZz++MSG4S2/c2bReNTwgBNBo9cfr5/Uf6hs8kc0561e6zZ5tM7WLVi2QTq+bWbNNVZOuXy6WLYL1Z4Up1rWXVXFbPRXF2tpbK7ItDsKovZavF8AtAVQiJaNdNsl591sVng6CtVGaTZP63q22u3EvUADbFOnnoMjY+jgeTBwzWLpQoHxKS61zWmpOQXPdYUpNNs6zgk/EAQl0b1iY1LapasXbFqmh8peMXyrADoBXHwATfjFF1lrx75GaegIXpUqWUYjvTJMUmzZu94AEYzOkeH9kcp2QLxg7NkzY+wUQwCsZ1KAAjV0d86BGfYRY0cP+VBSggVAiEWAtPNXgIJ+77NiU4rDscS1bDsc+xoIOPfEPZ9ggR5powXWHKDD503hTu7ntIiOiJAzIoiF1pfBrW8yDGCsHK0NNUaB3A0xEY+TTDEjCCwZzl9B7xG++D+MOGdO6XsqIE/kTFnF59A8D1xBD1UqrbCMk5eDpDfwVnhTqCjjO9SqRBDyejXAk/PJqYM0M/dRRmSgUQ/SCVSrpdD9V19BWcLbfIZJlrtA4KIK1V2icqainjlwrudcdaY+Fx9FpiMSouqq/KhbuYo4hfYFdjyjQzbwM2veIGYIlCboAd5SwAXlD9JWDlFLYm1pgNqtMZ5Xeh08COEljMos5XwkWgG+doujWScUMNkMfB1fQga+1K8ZvVg41+KtBAQyurvkNtY0lRwjWhTaHfo0+2AuboFOw5SBEYIxHND19EtgOKKRgO2SKT4GxCpXEI6djijljQXAGHQGNAp6noUBNiWKIFT9AP1pihD1Eh1bExmzBqzeg8COK4HRgwDZEZ955wZ/BBoAwC6W8Z7AmkAwPGrY3rEUDX/8Hofpc+scIVHJEBO2+7ywiR8ul1DUnQcEE+dZuFbwD3OyJS8qlUeYXvTj+lQnrOhX9JhfSV3XsG7sjwOri+1CK6R3qzfTzDsZNiBtiJhpeoxsSQvtMBf9MAexr+l34WlejfX8byIZfOb/UDfLyBPOD3r126JW6dvPxVUo9IynhvS78Aph9XiOi4sfEAAABhSURBVAjXTc9HDoAwEEPRCb33XkPn/ifECEbK372dTSSUiMSgJEiMmm58mSM46fOfNYHSZjoSXFymt4CrzwxWcAuZ0QbuMTPZwSNlZgd45sziBK+yqpu2Q/0F3krvaPXCA/W/D7FK8tWfAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwyTiUSwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMLhlLPcAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDktMjNUMTI6NTk6MzMrMDA6MDD/bSXyAAAAAElFTkSuQmCC')";
|
|
444
|
+
|
|
445
|
+
// src/components/divider.tsx
|
|
446
|
+
import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
447
|
+
var divider = tv({
|
|
448
|
+
base: "h-px grow border-0 bg-gradient-to-r",
|
|
449
|
+
variants: {
|
|
450
|
+
preset: {
|
|
451
|
+
left: "to-lol-gold-600 from-transparent",
|
|
452
|
+
right: "from-lol-gold-600 to-transparent",
|
|
453
|
+
center: "via-lol-gold-600 from-transparent to-transparent"
|
|
454
|
+
}
|
|
455
|
+
}
|
|
456
|
+
});
|
|
457
|
+
function Divider({ preset = "center", hrProps, ...rest }) {
|
|
458
|
+
return /* @__PURE__ */ jsxs3("div", { className: "flex items-center", ...rest, children: [
|
|
459
|
+
preset === "right" && /* @__PURE__ */ jsx5("div", { className: "border-lol-gold-600 h-[5px] w-[5px] rotate-45 border" }),
|
|
460
|
+
/* @__PURE__ */ jsx5(
|
|
461
|
+
"hr",
|
|
462
|
+
{
|
|
463
|
+
...hrProps,
|
|
464
|
+
className: divider({ preset, className: hrProps?.className })
|
|
348
465
|
}
|
|
466
|
+
),
|
|
467
|
+
preset === "left" && /* @__PURE__ */ jsx5("div", { className: "border-lol-gold-600 h-[5px] w-[5px] rotate-45 border" })
|
|
468
|
+
] });
|
|
469
|
+
}
|
|
470
|
+
|
|
471
|
+
// src/components/modal.tsx
|
|
472
|
+
import {
|
|
473
|
+
Modal as AriaModal,
|
|
474
|
+
Dialog,
|
|
475
|
+
DialogTrigger as AriaDialogTrigger,
|
|
476
|
+
Heading as AriaHeading,
|
|
477
|
+
ModalOverlay
|
|
478
|
+
} from "react-aria-components";
|
|
479
|
+
import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
480
|
+
var modalOverlay = tv({
|
|
481
|
+
base: "bg-lol-grey-hextech-black fixed inset-0 z-10 flex min-h-full flex-col items-center justify-center overflow-y-auto bg-opacity-25 px-4 text-center backdrop-blur"
|
|
482
|
+
});
|
|
483
|
+
var modal = tv({
|
|
484
|
+
base: "w-full max-w-md"
|
|
485
|
+
});
|
|
486
|
+
var dialog = tv({
|
|
487
|
+
base: "relative max-h-screen py-4 outline-none"
|
|
488
|
+
});
|
|
489
|
+
var dialogBorder = tv({
|
|
490
|
+
base: [
|
|
491
|
+
"bg-gradient-to-b p-0.5 text-left align-middle shadow-xl",
|
|
492
|
+
goldGradientPressed
|
|
493
|
+
]
|
|
494
|
+
});
|
|
495
|
+
function Modal({
|
|
496
|
+
modalOverlayClassName,
|
|
497
|
+
dialogProps = {},
|
|
498
|
+
children,
|
|
499
|
+
className,
|
|
500
|
+
...modalProps
|
|
501
|
+
}) {
|
|
502
|
+
return /* @__PURE__ */ jsx6(
|
|
503
|
+
ModalOverlay,
|
|
504
|
+
{
|
|
505
|
+
...modalProps,
|
|
506
|
+
className: (values) => {
|
|
507
|
+
return modalOverlay({
|
|
508
|
+
className: resolveClassName(modalOverlayClassName, values)
|
|
509
|
+
});
|
|
510
|
+
},
|
|
511
|
+
children: /* @__PURE__ */ jsx6(
|
|
512
|
+
AriaModal,
|
|
513
|
+
{
|
|
514
|
+
...modalProps,
|
|
515
|
+
className: (values) => modal({
|
|
516
|
+
className: resolveClassName(className, values)
|
|
517
|
+
}),
|
|
518
|
+
children: /* @__PURE__ */ jsx6(
|
|
519
|
+
Dialog,
|
|
520
|
+
{
|
|
521
|
+
role: "alertdialog",
|
|
522
|
+
...dialogProps,
|
|
523
|
+
className: dialog({
|
|
524
|
+
className: dialogProps.className
|
|
525
|
+
}),
|
|
526
|
+
children: (dialogRenderProps) => /* @__PURE__ */ jsxs4(Fragment2, { children: [
|
|
527
|
+
/* @__PURE__ */ jsx6("div", { className: "relative h-1", children: /* @__PURE__ */ jsx6("div", { className: "border-lol-gold-600 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-b-0" }) }),
|
|
528
|
+
/* @__PURE__ */ jsx6("div", { className: dialogBorder(), children: /* @__PURE__ */ jsx6("div", { className: "bg-lol-grey-hextech-black", children: typeof children === "function" ? children(dialogRenderProps) : children }) }),
|
|
529
|
+
/* @__PURE__ */ jsx6("div", { className: "relative h-1", children: /* @__PURE__ */ jsx6("div", { className: "border-lol-gold-500 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-t-0" }) })
|
|
530
|
+
] })
|
|
531
|
+
}
|
|
532
|
+
)
|
|
533
|
+
}
|
|
534
|
+
)
|
|
535
|
+
}
|
|
536
|
+
);
|
|
537
|
+
}
|
|
538
|
+
var dialogHeading = tv({
|
|
539
|
+
base: "text-lol-gold-100 font-beaufort text-lol-h5 uppercase"
|
|
540
|
+
});
|
|
541
|
+
function DialogHeading({ className, ...props }) {
|
|
542
|
+
return /* @__PURE__ */ jsx6(
|
|
543
|
+
AriaHeading,
|
|
544
|
+
{
|
|
545
|
+
...props,
|
|
546
|
+
className: dialogHeading({
|
|
547
|
+
className
|
|
548
|
+
})
|
|
349
549
|
}
|
|
350
550
|
);
|
|
351
551
|
}
|
|
552
|
+
function DialogButtons({ children }) {
|
|
553
|
+
return /* @__PURE__ */ jsx6("div", { className: "flex translate-y-0.5 justify-center", children: /* @__PURE__ */ jsx6("div", { className: "bg-lol-grey-hextech-black flex gap-1 px-1", children }) });
|
|
554
|
+
}
|
|
555
|
+
function DialogTrigger(props) {
|
|
556
|
+
return /* @__PURE__ */ jsx6(AriaDialogTrigger, { ...props });
|
|
557
|
+
}
|
|
352
558
|
|
|
353
|
-
// src/components/
|
|
559
|
+
// src/components/number-field.tsx
|
|
354
560
|
import {
|
|
355
|
-
|
|
561
|
+
NumberField as AriaNumberField,
|
|
356
562
|
Input as AriaInput,
|
|
357
|
-
|
|
563
|
+
Group,
|
|
564
|
+
Button as Button2
|
|
358
565
|
} from "react-aria-components";
|
|
359
|
-
import {
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
goldGradient,
|
|
364
|
-
"focus-within:from-lol-gold-300 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100"
|
|
365
|
-
],
|
|
566
|
+
import { tv as tv2 } from "tailwind-variants";
|
|
567
|
+
import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
568
|
+
var numberFieldBorder = tv2({
|
|
569
|
+
base: "grid grid-cols-[auto_1fr_auto] gap-px bg-gradient-to-t p-px outline-none",
|
|
366
570
|
variants: {
|
|
571
|
+
preset: {
|
|
572
|
+
normal: goldGradient,
|
|
573
|
+
dimmed: dimmedGradient
|
|
574
|
+
},
|
|
367
575
|
isDisabled: {
|
|
368
|
-
true:
|
|
576
|
+
true: disabledGradient
|
|
577
|
+
},
|
|
578
|
+
isFocusWithin: {
|
|
579
|
+
true: goldGradientHover
|
|
369
580
|
}
|
|
370
581
|
}
|
|
371
582
|
});
|
|
372
|
-
var
|
|
583
|
+
var numberFieldInput = tv2({
|
|
373
584
|
base: [
|
|
374
|
-
"bg-lol-grey-hextech-black
|
|
375
|
-
"text-lol-gold-100 font-spiegel text-xs font-medium tracking-wide"
|
|
585
|
+
"text-lol-gold-100 font-spiegel bg-lol-grey-hextech-black w-full px-3 py-2 text-xs outline-none"
|
|
376
586
|
],
|
|
377
587
|
variants: {
|
|
378
588
|
isDisabled: {
|
|
379
|
-
true: "text-lol-grey-150"
|
|
589
|
+
true: "text-lol-grey-150 bg-lol-grey-300"
|
|
590
|
+
},
|
|
591
|
+
isFocused: {
|
|
592
|
+
true: "from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t"
|
|
380
593
|
}
|
|
381
|
-
// TODO: make sure both the background image of the gradient and the search
|
|
382
|
-
// icon are displayed
|
|
383
|
-
// isFocused: {
|
|
384
|
-
// true: "from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t",
|
|
385
|
-
// },
|
|
386
594
|
}
|
|
387
595
|
});
|
|
388
|
-
var
|
|
389
|
-
base: "bg-lol-grey-hextech-black
|
|
596
|
+
var numberFieldButton = tv2({
|
|
597
|
+
base: ["text-lol-gold-100 bg-lol-grey-hextech-black px-2.5"],
|
|
390
598
|
variants: {
|
|
391
|
-
|
|
392
|
-
|
|
599
|
+
isDisabled: {
|
|
600
|
+
true: "text-lol-grey-150 bg-lol-grey-300"
|
|
601
|
+
}
|
|
393
602
|
}
|
|
394
603
|
});
|
|
395
|
-
function
|
|
604
|
+
function NumberField({
|
|
396
605
|
inputProps = {},
|
|
397
|
-
|
|
606
|
+
groupProps = {},
|
|
398
607
|
children,
|
|
608
|
+
preset = "normal",
|
|
399
609
|
...props
|
|
400
610
|
}) {
|
|
401
|
-
return /* @__PURE__ */
|
|
611
|
+
return /* @__PURE__ */ jsx7(AriaNumberField, { ...props, children: (values) => /* @__PURE__ */ jsxs5(Fragment3, { children: [
|
|
402
612
|
typeof children === "function" ? children(values) : children,
|
|
403
|
-
/* @__PURE__ */
|
|
404
|
-
|
|
613
|
+
/* @__PURE__ */ jsxs5(
|
|
614
|
+
Group,
|
|
405
615
|
{
|
|
406
|
-
...
|
|
407
|
-
className:
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
616
|
+
...groupProps,
|
|
617
|
+
className: (values2) => {
|
|
618
|
+
return numberFieldBorder({
|
|
619
|
+
className: resolveClassName(groupProps.className, values2),
|
|
620
|
+
preset,
|
|
621
|
+
...values2
|
|
622
|
+
});
|
|
623
|
+
},
|
|
411
624
|
children: [
|
|
412
|
-
/* @__PURE__ */
|
|
625
|
+
/* @__PURE__ */ jsx7(
|
|
626
|
+
Button2,
|
|
627
|
+
{
|
|
628
|
+
className: (values2) => numberFieldButton(values2),
|
|
629
|
+
slot: "decrement",
|
|
630
|
+
children: "-"
|
|
631
|
+
}
|
|
632
|
+
),
|
|
633
|
+
/* @__PURE__ */ jsx7(
|
|
413
634
|
AriaInput,
|
|
414
635
|
{
|
|
415
636
|
...inputProps,
|
|
416
|
-
className: (values2) =>
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
style: {
|
|
422
|
-
backgroundImage: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAERElEQVR42uycz0tVQRTH54lamBakLUStQKhEW6V/gC2qhRgRqJURVJj9oBL7oWVBWFj0O/pd2EbJ3ARt2uW6tFUWZkhkiYQVSBZk6esc7rkgkXfm3rkzb957c+CL8Obcc+d+5vcPjESjUWZtdkuxCCwgC8gCsoAsIAvIArKArFlAASzVj/P46KuE+OgFuSvVAJKsqWWgclApaBkoDzSP0n+ARkCDoD5QD6gXNB1XNSiA5YP2graACjz85oAWgrBoN9JvH0GdoBugT4nWB2XThw2BmjhwZrMCenaIYmUnCqAq0ABoDyg9hHjpFAtjVsczIGyut0CPQDkK8ooxu+gdqfEGKAP0GFSvIc/19K6MeAGEpfkQVKGx5lfQO1PjAdB1UGUM+s9KerfRgLDT3OXDfxh0FrSWRqm5oCxQEWgdpb33EQ/fvUkloIifTft/ZtLZNLLkCILBIbsbNCVQaNUEa7FA7G+gFaAxFTNpmRp0WhDOE1AJ9RlTAv7T5FtMf3mGE8xW05oYluwOAb+roA2g7wHeMUEz8MsCvtsFa5s2QLtBaRwfnA81SK6nsP03UiwvS6M8GQEIn6kV6HN20gfKWpRiDXP8alWsDIIELKNFqJc1UxMJyzDWUYGFcZkJgFZz0j/QkiBs66bYXlZuAqBVnPQuRfs40wLgS00AtJyT3qNw3tYjmTctgHI56f0KAfVL5k0LoCxO+heFgMYk8xaz7Y6EtSCAeLPiHIX5XSSZNy2ARjnpxQoBlUjmTQugt5LzJBkrl8ybFkAvOenVivo2dxvEy/pMAMSbiyxlzslG2FZFsbXOwYIAesH4B3nnQJkh5jOTYnoZ5qnXBEA45e/g+ODezD1QJIQ8RigWb7+nQ8USJ2hfgSedkxyfGuZsdqVIwjlPsbxskvLETAGE1fm+gN8B5pxhZQVsVlgrGgV825mi83uZ0j0J+irgV0lrqBrB96WQ72vQZgH/cVCLSTNp1xDOPkFf7D9wAx6PdNpAa5hz/SWNlEe/Ydo78hXdY54P2qoKkMyxj2u3mb+zMVWGTfGSiKOuYx/X9jPnaCfWdhF0yMTVPI4geLr51ABIOOIdMXG74ydoPeiOAZBwQtlkGiC038y5moK1ScWm2S8fvm1hjWwqFpW4sV5EnfdkSE0YYy0BPfDxXCtNRYwDxKgG4UlnIVX5kQAxRujZQor1mTkHiO0+YpwixXSYFy0IPNTDvSI8NsJrwPkzFrQTNBMepO2UZ2z2a8C4/LhLsEQNL1qcCDLM67rrhx/6nCRrWKJ1FLNO8JkWKqTjpjQx1RalAeGmj2eOgc4kCyAXEi51RK/h4d2kN8kEyIWEM/lrAnC2MefmflIBciEdBF0JG06iAHIhNfxnsSoFJ5EAzVzRXwgLjs5hXqcdBv1hziZdp2ywRASE1hxWoIj95ybJ1QdZQBaQBWQBWUAWkDULyAKygPTYXwEGAArW2QJagQgvAAAAAElFTkSuQmCC')",
|
|
423
|
-
backgroundRepeat: "no-repeat",
|
|
424
|
-
backgroundPosition: "5px center",
|
|
425
|
-
backgroundSize: "16px"
|
|
637
|
+
className: (values2) => {
|
|
638
|
+
return numberFieldInput({
|
|
639
|
+
className: resolveClassName(inputProps.className, values2),
|
|
640
|
+
...values2
|
|
641
|
+
});
|
|
426
642
|
}
|
|
427
643
|
}
|
|
428
644
|
),
|
|
429
|
-
|
|
430
|
-
|
|
645
|
+
/* @__PURE__ */ jsx7(
|
|
646
|
+
Button2,
|
|
431
647
|
{
|
|
432
|
-
className: (
|
|
433
|
-
|
|
648
|
+
className: (values2) => numberFieldButton(values2),
|
|
649
|
+
slot: "increment",
|
|
650
|
+
children: "+"
|
|
434
651
|
}
|
|
435
652
|
)
|
|
436
653
|
]
|
|
@@ -439,460 +656,38 @@ function SearchField({
|
|
|
439
656
|
] }) });
|
|
440
657
|
}
|
|
441
658
|
|
|
442
|
-
// src/components/
|
|
659
|
+
// src/components/progress-bar.tsx
|
|
443
660
|
import {
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
SliderTrack as AriaSliderTrack,
|
|
447
|
-
SliderOutput as AriaSliderOutput
|
|
661
|
+
ProgressBar as AriaProgressBar,
|
|
662
|
+
Label
|
|
448
663
|
} from "react-aria-components";
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
var sliderHover = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmM5MTJjOTQ5LWVjZGItODM0OC05MDA2LWQ4NWQxODZkZDgzMCIgeG1wTU06RG9jdW1lbnRJRD0i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')";
|
|
453
|
-
var sliderActive = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MDErMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MDErMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmZiOTBlNmNmLTI2YTYtMDg0Mi1hZTBlLTY5Nzc5YjE2OWMxOSIgeG1wTU06RG9jdW1lbnRJRD0i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')";
|
|
454
|
-
var sliderDisabled = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MzMrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MzMrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjViYzljZjk1LTNhMjMtODM0Ni05MmY0LTQyMjBmNDNhODQxZiIgeG1wTU06RG9jdW1lbnRJRD0i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')";
|
|
455
|
-
|
|
456
|
-
// src/components/slider/slider.tsx
|
|
457
|
-
import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
458
|
-
var sliderTrack = tv({
|
|
459
|
-
base: "group relative h-7 w-full"
|
|
664
|
+
import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
665
|
+
var progressBarBorder = tv({
|
|
666
|
+
base: ["-ml-0.5 -mr-1 h-3 rounded-full bg-gradient-to-t p-px", goldGradient]
|
|
460
667
|
});
|
|
461
|
-
var
|
|
462
|
-
base: "bg-lol-grey-300
|
|
668
|
+
var progressBarBackground = tv({
|
|
669
|
+
base: ["bg-lol-grey-300 h-full w-full rounded-full"]
|
|
463
670
|
});
|
|
464
|
-
var
|
|
465
|
-
base: "from-lol-
|
|
466
|
-
variants: {
|
|
467
|
-
isDisabled: {
|
|
468
|
-
true: "bg-[#5C5B57] from-transparent via-transparent to-transparent",
|
|
469
|
-
false: [
|
|
470
|
-
"group-hover:from-lol-gold-500 group-hover:via-lol-gold-400 group-hover:to-lol-gold-200",
|
|
471
|
-
"group-active:from-lol-gold-500 group-active:via-lol-gold-600 group-active:to-lol-gold-600"
|
|
472
|
-
]
|
|
473
|
-
}
|
|
474
|
-
}
|
|
671
|
+
var progressBarFill = tv({
|
|
672
|
+
base: "from-lol-blue-400 to-lol-blue-200 h-full rounded-full bg-gradient-to-r"
|
|
475
673
|
});
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
isDisabled: {
|
|
480
|
-
true: "[background-image:var(--disabled)]"
|
|
481
|
-
},
|
|
482
|
-
isThumbDragging: {
|
|
483
|
-
true: "[background-image:var(--active)]"
|
|
484
|
-
},
|
|
485
|
-
isOtherThumbDragging: {
|
|
486
|
-
true: ""
|
|
487
|
-
}
|
|
488
|
-
},
|
|
489
|
-
compoundVariants: [
|
|
490
|
-
{
|
|
491
|
-
isThumbDragging: false,
|
|
492
|
-
isOtherThumbDragging: false,
|
|
493
|
-
className: "group-hover:[background-image:var(--hover)]"
|
|
494
|
-
}
|
|
495
|
-
]
|
|
496
|
-
});
|
|
497
|
-
function Slider({
|
|
498
|
-
children,
|
|
499
|
-
className,
|
|
500
|
-
sliderThumbProps = {},
|
|
501
|
-
sliderTrackProps = {},
|
|
502
|
-
sliderTrackBackgroundClassName,
|
|
503
|
-
sliderTrackForegroundClassName,
|
|
504
|
-
...props
|
|
505
|
-
}) {
|
|
506
|
-
return /* @__PURE__ */ jsx4(
|
|
507
|
-
AriaSlider,
|
|
508
|
-
{
|
|
509
|
-
...props,
|
|
510
|
-
className: (values) => resolveClassName(className, values),
|
|
511
|
-
children: (values) => /* @__PURE__ */ jsxs3(Fragment3, { children: [
|
|
512
|
-
typeof children === "function" ? children(values) : children,
|
|
513
|
-
/* @__PURE__ */ jsx4(
|
|
514
|
-
AriaSliderTrack,
|
|
515
|
-
{
|
|
516
|
-
...sliderTrackProps,
|
|
517
|
-
className: (sliderTrackRenderProps) => sliderTrack({
|
|
518
|
-
...sliderTrackRenderProps,
|
|
519
|
-
className: resolveClassName(
|
|
520
|
-
sliderTrackProps.className,
|
|
521
|
-
sliderTrackRenderProps
|
|
522
|
-
)
|
|
523
|
-
}),
|
|
524
|
-
children: (values2) => {
|
|
525
|
-
const left = values2.state.values.length === 1 ? 0 : values2.state.getThumbPercent(0) * 100;
|
|
526
|
-
const width = values2.state.values.length === 1 ? values2.state.getThumbPercent(0) * 100 : (values2.state.getThumbPercent(1) - values2.state.getThumbPercent(0)) * 100;
|
|
527
|
-
return /* @__PURE__ */ jsxs3(Fragment3, { children: [
|
|
528
|
-
/* @__PURE__ */ jsx4(
|
|
529
|
-
"div",
|
|
530
|
-
{
|
|
531
|
-
className: sliderTrackBackground({
|
|
532
|
-
className: resolveClassName(
|
|
533
|
-
sliderTrackBackgroundClassName,
|
|
534
|
-
values2
|
|
535
|
-
)
|
|
536
|
-
})
|
|
537
|
-
}
|
|
538
|
-
),
|
|
539
|
-
/* @__PURE__ */ jsx4(
|
|
540
|
-
"div",
|
|
541
|
-
{
|
|
542
|
-
className: sliderTrackForeground({
|
|
543
|
-
...values2.state,
|
|
544
|
-
className: resolveClassName(
|
|
545
|
-
sliderTrackForegroundClassName,
|
|
546
|
-
values2
|
|
547
|
-
)
|
|
548
|
-
}),
|
|
549
|
-
style: { left: `${left}%`, width: `${width}%` }
|
|
550
|
-
}
|
|
551
|
-
),
|
|
552
|
-
values2.state.values.map((_, i) => {
|
|
553
|
-
let zIndex = values2.state.getThumbPercent(i === 1 ? 0 : 1) === (i === 1 ? 0 : 1) ? 2 : void 0;
|
|
554
|
-
return /* @__PURE__ */ jsx4(Fragment3, { children: /* @__PURE__ */ jsx4(
|
|
555
|
-
AriaSliderThumb,
|
|
556
|
-
{
|
|
557
|
-
index: i,
|
|
558
|
-
...sliderThumbProps,
|
|
559
|
-
className: (sliderThumbRenderProps) => {
|
|
560
|
-
return sliderThumb({
|
|
561
|
-
isDisabled: sliderThumbRenderProps.isDisabled,
|
|
562
|
-
isThumbDragging: sliderThumbRenderProps.state.isThumbDragging(i),
|
|
563
|
-
isOtherThumbDragging: sliderThumbRenderProps.state.isThumbDragging(
|
|
564
|
-
i === 1 ? 0 : 1
|
|
565
|
-
),
|
|
566
|
-
className: resolveClassName(
|
|
567
|
-
sliderThumbProps.className,
|
|
568
|
-
sliderThumbRenderProps
|
|
569
|
-
)
|
|
570
|
-
});
|
|
571
|
-
},
|
|
572
|
-
style: {
|
|
573
|
-
"--normal": sliderNormal,
|
|
574
|
-
"--hover": sliderHover,
|
|
575
|
-
"--active": sliderActive,
|
|
576
|
-
"--disabled": sliderDisabled,
|
|
577
|
-
zIndex
|
|
578
|
-
}
|
|
579
|
-
},
|
|
580
|
-
i
|
|
581
|
-
) });
|
|
582
|
-
})
|
|
583
|
-
] });
|
|
584
|
-
}
|
|
585
|
-
}
|
|
586
|
-
)
|
|
587
|
-
] })
|
|
588
|
-
}
|
|
589
|
-
);
|
|
590
|
-
}
|
|
591
|
-
var sliderOutput = tv({
|
|
592
|
-
base: "font-spiegel text-lol-grey-100 text-lol-sm"
|
|
593
|
-
});
|
|
594
|
-
function SliderOutput(props) {
|
|
595
|
-
return /* @__PURE__ */ jsx4(
|
|
596
|
-
AriaSliderOutput,
|
|
597
|
-
{
|
|
598
|
-
className: (values) => sliderOutput({
|
|
599
|
-
className: resolveClassName(props.className, values)
|
|
600
|
-
}),
|
|
601
|
-
children: (sliderRenderProps) => sliderRenderProps.state.values.map((_, i) => sliderRenderProps.state.getThumbValueLabel(i)).join(" \u2013 "),
|
|
602
|
-
...props
|
|
603
|
-
}
|
|
604
|
-
);
|
|
605
|
-
}
|
|
606
|
-
|
|
607
|
-
// src/components/switch.tsx
|
|
608
|
-
import { Switch as AriaSwitch } from "react-aria-components";
|
|
609
|
-
import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
610
|
-
var switchTrackBorder = tv({
|
|
611
|
-
base: [
|
|
612
|
-
"h-6 w-14 shrink-0 cursor-default rounded-full bg-gradient-to-t p-0.5",
|
|
613
|
-
goldGradient
|
|
614
|
-
],
|
|
615
|
-
variants: {
|
|
616
|
-
isHovered: {
|
|
617
|
-
true: goldGradientHover
|
|
618
|
-
},
|
|
619
|
-
isPressed: {
|
|
620
|
-
true: goldGradientPressed
|
|
621
|
-
},
|
|
622
|
-
isDisabled: {
|
|
623
|
-
true: goldGradientDisabled
|
|
624
|
-
},
|
|
625
|
-
isFocusVisible: {
|
|
626
|
-
true: "outline outline-1 outline-offset-2 outline-yellow-50"
|
|
627
|
-
}
|
|
628
|
-
}
|
|
629
|
-
});
|
|
630
|
-
var switchTrack = tv({
|
|
631
|
-
base: "bg-lol-grey-300 relative grid h-full w-full rounded-full transition-colors duration-200 ease-in-out",
|
|
632
|
-
variants: {
|
|
633
|
-
isPressed: {
|
|
634
|
-
true: ""
|
|
635
|
-
},
|
|
636
|
-
isSelected: {
|
|
637
|
-
true: "bg-green-900"
|
|
638
|
-
},
|
|
639
|
-
isFocused: {
|
|
640
|
-
true: "outline-none"
|
|
641
|
-
},
|
|
642
|
-
isFocusVisible: {
|
|
643
|
-
true: ""
|
|
644
|
-
}
|
|
645
|
-
},
|
|
646
|
-
compoundVariants: [
|
|
647
|
-
{
|
|
648
|
-
isPressed: true,
|
|
649
|
-
isSelected: true,
|
|
650
|
-
className: "bg-green-950"
|
|
651
|
-
}
|
|
652
|
-
]
|
|
653
|
-
});
|
|
654
|
-
var switchKnobBorder = tv({
|
|
655
|
-
base: [
|
|
656
|
-
"absolute -left-2 -top-1.5 h-8 w-8 rounded-full bg-gradient-to-t p-0.5 shadow-md ring-0 transition-[left] duration-200 ease-in-out",
|
|
657
|
-
goldGradient
|
|
658
|
-
],
|
|
659
|
-
variants: {
|
|
660
|
-
isSelected: {
|
|
661
|
-
true: "left-[calc(100%-1.5rem)]"
|
|
662
|
-
},
|
|
663
|
-
isHovered: {
|
|
664
|
-
true: goldGradientHover
|
|
665
|
-
},
|
|
666
|
-
isPressed: {
|
|
667
|
-
true: goldGradientPressed
|
|
668
|
-
},
|
|
669
|
-
isDisabled: {
|
|
670
|
-
true: goldGradientDisabled
|
|
671
|
-
}
|
|
672
|
-
}
|
|
673
|
-
});
|
|
674
|
-
function Switch({
|
|
675
|
-
className,
|
|
676
|
-
placeholder,
|
|
677
|
-
children,
|
|
678
|
-
...props
|
|
679
|
-
}) {
|
|
680
|
-
return /* @__PURE__ */ jsx5(
|
|
681
|
-
AriaSwitch,
|
|
682
|
-
{
|
|
683
|
-
...props,
|
|
684
|
-
className: "group inline-flex items-center gap-2 p-1 px-1.5 text-sm font-semibold text-black",
|
|
685
|
-
children: (values) => /* @__PURE__ */ jsxs4(Fragment4, { children: [
|
|
686
|
-
/* @__PURE__ */ jsx5("div", { className: switchTrackBorder(values), children: /* @__PURE__ */ jsx5("div", { className: switchTrack(values), children: /* @__PURE__ */ jsx5("span", { className: switchKnobBorder(values), children: /* @__PURE__ */ jsx5("span", { className: "bg-lol-grey-300 block h-full w-full rounded-full" }) }) }) }),
|
|
687
|
-
typeof children === "function" ? children(values) : children
|
|
688
|
-
] })
|
|
689
|
-
}
|
|
690
|
-
);
|
|
691
|
-
}
|
|
692
|
-
|
|
693
|
-
// src/components/progress-bar.tsx
|
|
694
|
-
import {
|
|
695
|
-
ProgressBar as AriaProgressBar,
|
|
696
|
-
Label
|
|
697
|
-
} from "react-aria-components";
|
|
698
|
-
import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
699
|
-
var progressBarBorder = tv({
|
|
700
|
-
base: ["-ml-0.5 -mr-1 h-3 rounded-full bg-gradient-to-t p-px", goldGradient]
|
|
701
|
-
});
|
|
702
|
-
var progressBarBackground = tv({
|
|
703
|
-
base: ["bg-lol-grey-300 h-full w-full rounded-full"]
|
|
704
|
-
});
|
|
705
|
-
var progressBarFill = tv({
|
|
706
|
-
base: "from-lol-blue-400 to-lol-blue-200 h-full rounded-full bg-gradient-to-r"
|
|
707
|
-
});
|
|
708
|
-
function ProgressBar({
|
|
709
|
-
className,
|
|
710
|
-
label,
|
|
711
|
-
...props
|
|
712
|
-
}) {
|
|
713
|
-
return /* @__PURE__ */ jsx6(AriaProgressBar, { className: "flex w-56 flex-col gap-1 text-sm", ...props, children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs5(Fragment5, { children: [
|
|
714
|
-
/* @__PURE__ */ jsxs5("div", { className: "font-beaufort text-lol-gold-100 flex font-bold uppercase", children: [
|
|
715
|
-
/* @__PURE__ */ jsx6(Label, { className: "flex-1", children: label ?? "Loading" }),
|
|
716
|
-
/* @__PURE__ */ jsx6("span", { children: valueText })
|
|
717
|
-
] }),
|
|
718
|
-
/* @__PURE__ */ jsx6("div", { className: progressBarBorder(), children: /* @__PURE__ */ jsx6("div", { className: progressBarBackground(), children: /* @__PURE__ */ jsx6(
|
|
719
|
-
"div",
|
|
720
|
-
{
|
|
721
|
-
className: progressBarFill(),
|
|
722
|
-
style: { width: `${percentage}%` }
|
|
723
|
-
}
|
|
724
|
-
) }) })
|
|
725
|
-
] }) });
|
|
726
|
-
}
|
|
727
|
-
|
|
728
|
-
// src/components/accordion.tsx
|
|
729
|
-
import { createContext, useState, useContext } from "react";
|
|
730
|
-
|
|
731
|
-
// src/utilities/css-id.tsx
|
|
732
|
-
import { useId } from "react";
|
|
733
|
-
function useCssId() {
|
|
734
|
-
return useId().replaceAll(":", "");
|
|
735
|
-
}
|
|
736
|
-
|
|
737
|
-
// src/utilities/view-transition.tsx
|
|
738
|
-
import { flushSync } from "react-dom";
|
|
739
|
-
function startViewTransition(callback) {
|
|
740
|
-
if (document.startViewTransition) {
|
|
741
|
-
document.startViewTransition(() => {
|
|
742
|
-
flushSync(callback);
|
|
743
|
-
});
|
|
744
|
-
} else {
|
|
745
|
-
callback();
|
|
746
|
-
}
|
|
747
|
-
}
|
|
748
|
-
|
|
749
|
-
// src/components/accordion.tsx
|
|
750
|
-
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
751
|
-
function Accordion({ children, className }) {
|
|
752
|
-
const [activeItem, setActiveItem] = useState("");
|
|
753
|
-
const id = useCssId();
|
|
754
|
-
return /* @__PURE__ */ jsx7(
|
|
755
|
-
AccordionContext.Provider,
|
|
756
|
-
{
|
|
757
|
-
value: {
|
|
758
|
-
activeItem,
|
|
759
|
-
setActiveItem,
|
|
760
|
-
id
|
|
761
|
-
},
|
|
762
|
-
children: /* @__PURE__ */ jsx7(
|
|
763
|
-
"div",
|
|
764
|
-
{
|
|
765
|
-
className,
|
|
766
|
-
style: {
|
|
767
|
-
viewTransitionName: `${id}`
|
|
768
|
-
},
|
|
769
|
-
children
|
|
770
|
-
}
|
|
771
|
-
)
|
|
772
|
-
}
|
|
773
|
-
);
|
|
774
|
-
}
|
|
775
|
-
var accordionTrigger = tv({
|
|
776
|
-
base: "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase"
|
|
777
|
-
});
|
|
778
|
-
var accordionTriggerInner = tv({
|
|
779
|
-
base: "ml-0.5 mr-2 inline-block rotate-90 transform text-xs"
|
|
780
|
-
});
|
|
781
|
-
function AccordionTrigger({
|
|
782
|
-
children,
|
|
783
|
-
className
|
|
784
|
-
}) {
|
|
785
|
-
const { setActiveItem } = useContext(AccordionContext);
|
|
786
|
-
const { item: item2 } = useContext(AccordionItemContext);
|
|
787
|
-
return /* @__PURE__ */ jsxs6(
|
|
788
|
-
"button",
|
|
789
|
-
{
|
|
790
|
-
className: accordionTrigger({
|
|
791
|
-
className
|
|
792
|
-
}),
|
|
793
|
-
onClick: () => {
|
|
794
|
-
startViewTransition(() => {
|
|
795
|
-
setActiveItem((currentItem) => currentItem === item2 ? "" : item2);
|
|
796
|
-
});
|
|
797
|
-
},
|
|
798
|
-
children: [
|
|
799
|
-
/* @__PURE__ */ jsx7("span", { className: accordionTriggerInner(), children: "\u276F" }),
|
|
800
|
-
children
|
|
801
|
-
]
|
|
802
|
-
}
|
|
803
|
-
);
|
|
804
|
-
}
|
|
805
|
-
function AccordionItem({ children, value }) {
|
|
806
|
-
const { id } = useContext(AccordionContext);
|
|
807
|
-
return /* @__PURE__ */ jsx7(
|
|
808
|
-
AccordionItemContext.Provider,
|
|
809
|
-
{
|
|
810
|
-
value: {
|
|
811
|
-
item: value
|
|
812
|
-
},
|
|
813
|
-
children: /* @__PURE__ */ jsx7(
|
|
814
|
-
"div",
|
|
815
|
-
{
|
|
816
|
-
className: "border-lol-gold-600 border-b last-of-type:border-none",
|
|
817
|
-
style: {
|
|
818
|
-
viewTransitionName: `${id}-${value}`
|
|
819
|
-
},
|
|
820
|
-
children
|
|
821
|
-
}
|
|
822
|
-
)
|
|
823
|
-
}
|
|
824
|
-
);
|
|
825
|
-
}
|
|
826
|
-
function AccordionContent({ children }) {
|
|
827
|
-
const { activeItem } = useContext(AccordionContext);
|
|
828
|
-
const { item: item2 } = useContext(AccordionItemContext);
|
|
829
|
-
if (activeItem !== item2) {
|
|
830
|
-
return null;
|
|
831
|
-
}
|
|
832
|
-
return /* @__PURE__ */ jsx7("div", { className: "font-spiegel text-lol-grey-100 py-2", children });
|
|
833
|
-
}
|
|
834
|
-
var AccordionContext = createContext(void 0);
|
|
835
|
-
var AccordionItemContext = createContext(void 0);
|
|
836
|
-
|
|
837
|
-
// src/components/text-field.tsx
|
|
838
|
-
import {
|
|
839
|
-
TextField as AriaTextField,
|
|
840
|
-
Input as AriaInput2
|
|
841
|
-
} from "react-aria-components";
|
|
842
|
-
import { Fragment as Fragment6, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
843
|
-
var textFieldBorder = tv({
|
|
844
|
-
base: [
|
|
845
|
-
"flex bg-gradient-to-t p-px outline-none",
|
|
846
|
-
goldGradient,
|
|
847
|
-
"focus-within:from-lol-gold-400 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100"
|
|
848
|
-
],
|
|
849
|
-
variants: {
|
|
850
|
-
isDisabled: {
|
|
851
|
-
true: [goldGradientDisabled]
|
|
852
|
-
}
|
|
853
|
-
}
|
|
854
|
-
});
|
|
855
|
-
var textField = tv({
|
|
856
|
-
base: [
|
|
857
|
-
"bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 outline-none",
|
|
858
|
-
"text-lol-gold-100 font-spiegel text-xs tracking-wide",
|
|
859
|
-
"focus-within:from-lol-grey-200 focus-within:via-lol-grey-300 focus-within:to-lol-grey-300 focus-within:bg-gradient-to-t"
|
|
860
|
-
],
|
|
861
|
-
variants: {
|
|
862
|
-
isDisabled: {
|
|
863
|
-
true: ["text-lol-grey-150"]
|
|
864
|
-
}
|
|
865
|
-
}
|
|
866
|
-
});
|
|
867
|
-
function TextField({
|
|
868
|
-
inputProps = {},
|
|
869
|
-
borderProps = {},
|
|
870
|
-
children,
|
|
674
|
+
function ProgressBar({
|
|
675
|
+
className,
|
|
676
|
+
label,
|
|
871
677
|
...props
|
|
872
678
|
}) {
|
|
873
|
-
return /* @__PURE__ */ jsx8(
|
|
874
|
-
|
|
875
|
-
|
|
679
|
+
return /* @__PURE__ */ jsx8(AriaProgressBar, { className: "flex w-56 flex-col gap-1 text-sm", ...props, children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs6(Fragment4, { children: [
|
|
680
|
+
/* @__PURE__ */ jsxs6("div", { className: "font-beaufort text-lol-gold-100 flex font-bold uppercase", children: [
|
|
681
|
+
/* @__PURE__ */ jsx8(Label, { className: "flex-1", children: label ?? "Loading" }),
|
|
682
|
+
/* @__PURE__ */ jsx8("span", { children: valueText })
|
|
683
|
+
] }),
|
|
684
|
+
/* @__PURE__ */ jsx8("div", { className: progressBarBorder(), children: /* @__PURE__ */ jsx8("div", { className: progressBarBackground(), children: /* @__PURE__ */ jsx8(
|
|
876
685
|
"div",
|
|
877
686
|
{
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
...values,
|
|
881
|
-
className: resolveClassName(borderProps?.className, values)
|
|
882
|
-
}),
|
|
883
|
-
children: /* @__PURE__ */ jsx8(
|
|
884
|
-
AriaInput2,
|
|
885
|
-
{
|
|
886
|
-
type: "text",
|
|
887
|
-
...inputProps,
|
|
888
|
-
className: (values2) => textField({
|
|
889
|
-
...values2,
|
|
890
|
-
className: resolveClassName(inputProps?.className, values2)
|
|
891
|
-
})
|
|
892
|
-
}
|
|
893
|
-
)
|
|
687
|
+
className: progressBarFill(),
|
|
688
|
+
style: { width: `${percentage}%` }
|
|
894
689
|
}
|
|
895
|
-
)
|
|
690
|
+
) }) })
|
|
896
691
|
] }) });
|
|
897
692
|
}
|
|
898
693
|
|
|
@@ -972,116 +767,378 @@ function getRadioImage({
|
|
|
972
767
|
return "url('data:image/png;base64,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')";
|
|
973
768
|
}
|
|
974
769
|
|
|
975
|
-
// src/components/
|
|
770
|
+
// src/components/search-field.tsx
|
|
976
771
|
import {
|
|
977
|
-
|
|
978
|
-
Input as
|
|
979
|
-
|
|
980
|
-
Button as Button2
|
|
772
|
+
SearchField as AriaSearchField,
|
|
773
|
+
Input as AriaInput2,
|
|
774
|
+
Button as AriaButton2
|
|
981
775
|
} from "react-aria-components";
|
|
982
|
-
import {
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
776
|
+
import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
777
|
+
var searchFieldBorder = tv({
|
|
778
|
+
base: [
|
|
779
|
+
"flex bg-gradient-to-t p-px outline-none",
|
|
780
|
+
goldGradient,
|
|
781
|
+
"focus-within:from-lol-gold-300 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100"
|
|
782
|
+
],
|
|
986
783
|
variants: {
|
|
987
|
-
preset: {
|
|
988
|
-
normal: goldGradient,
|
|
989
|
-
dimmed: dimmedGradient
|
|
990
|
-
},
|
|
991
784
|
isDisabled: {
|
|
992
|
-
true:
|
|
993
|
-
},
|
|
994
|
-
isFocusWithin: {
|
|
995
|
-
true: goldGradientHover
|
|
785
|
+
true: disabledGradient
|
|
996
786
|
}
|
|
997
787
|
}
|
|
998
788
|
});
|
|
999
|
-
var
|
|
789
|
+
var searchFieldInput = tv({
|
|
1000
790
|
base: [
|
|
1001
|
-
"
|
|
791
|
+
"bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 pl-6 outline-none",
|
|
792
|
+
"text-lol-gold-100 font-spiegel text-xs font-medium tracking-wide"
|
|
1002
793
|
],
|
|
1003
794
|
variants: {
|
|
1004
795
|
isDisabled: {
|
|
1005
|
-
true: "text-lol-grey-150
|
|
1006
|
-
}
|
|
1007
|
-
|
|
1008
|
-
|
|
796
|
+
true: "text-lol-grey-150"
|
|
797
|
+
}
|
|
798
|
+
// TODO: make sure both the background image of the gradient and the search
|
|
799
|
+
// icon are displayed
|
|
800
|
+
// isFocused: {
|
|
801
|
+
// true: "from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t",
|
|
802
|
+
// },
|
|
803
|
+
}
|
|
804
|
+
});
|
|
805
|
+
var searchFieldButton = tv({
|
|
806
|
+
base: "bg-lol-grey-hextech-black text-lol-gold-300 px-4 text-xs font-black",
|
|
807
|
+
variants: {
|
|
808
|
+
isHovered: { true: "text-lol-gold-100" },
|
|
809
|
+
isPressed: { true: "text-lol-gold-600" }
|
|
810
|
+
}
|
|
811
|
+
});
|
|
812
|
+
function SearchField({
|
|
813
|
+
inputProps = {},
|
|
814
|
+
borderProps = {},
|
|
815
|
+
children,
|
|
816
|
+
...props
|
|
817
|
+
}) {
|
|
818
|
+
return /* @__PURE__ */ jsx10(AriaSearchField, { ...props, children: (values) => /* @__PURE__ */ jsxs7(Fragment5, { children: [
|
|
819
|
+
typeof children === "function" ? children(values) : children,
|
|
820
|
+
/* @__PURE__ */ jsxs7(
|
|
821
|
+
"div",
|
|
822
|
+
{
|
|
823
|
+
...borderProps,
|
|
824
|
+
className: searchFieldBorder({
|
|
825
|
+
...values,
|
|
826
|
+
className: resolveClassName(borderProps.className, values)
|
|
827
|
+
}),
|
|
828
|
+
children: [
|
|
829
|
+
/* @__PURE__ */ jsx10(
|
|
830
|
+
AriaInput2,
|
|
831
|
+
{
|
|
832
|
+
...inputProps,
|
|
833
|
+
className: (values2) => searchFieldInput({
|
|
834
|
+
...values2,
|
|
835
|
+
className: resolveClassName(inputProps.className, values2)
|
|
836
|
+
}),
|
|
837
|
+
type: "text",
|
|
838
|
+
style: {
|
|
839
|
+
backgroundImage: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAERElEQVR42uycz0tVQRTH54lamBakLUStQKhEW6V/gC2qhRgRqJURVJj9oBL7oWVBWFj0O/pd2EbJ3ARt2uW6tFUWZkhkiYQVSBZk6esc7rkgkXfm3rkzb957c+CL8Obcc+d+5vcPjESjUWZtdkuxCCwgC8gCsoAsIAvIArKArFlAASzVj/P46KuE+OgFuSvVAJKsqWWgclApaBkoDzSP0n+ARkCDoD5QD6gXNB1XNSiA5YP2graACjz85oAWgrBoN9JvH0GdoBugT4nWB2XThw2BmjhwZrMCenaIYmUnCqAq0ABoDyg9hHjpFAtjVsczIGyut0CPQDkK8ooxu+gdqfEGKAP0GFSvIc/19K6MeAGEpfkQVKGx5lfQO1PjAdB1UGUM+s9KerfRgLDT3OXDfxh0FrSWRqm5oCxQEWgdpb33EQ/fvUkloIifTft/ZtLZNLLkCILBIbsbNCVQaNUEa7FA7G+gFaAxFTNpmRp0WhDOE1AJ9RlTAv7T5FtMf3mGE8xW05oYluwOAb+roA2g7wHeMUEz8MsCvtsFa5s2QLtBaRwfnA81SK6nsP03UiwvS6M8GQEIn6kV6HN20gfKWpRiDXP8alWsDIIELKNFqJc1UxMJyzDWUYGFcZkJgFZz0j/QkiBs66bYXlZuAqBVnPQuRfs40wLgS00AtJyT3qNw3tYjmTctgHI56f0KAfVL5k0LoCxO+heFgMYk8xaz7Y6EtSCAeLPiHIX5XSSZNy2ARjnpxQoBlUjmTQugt5LzJBkrl8ybFkAvOenVivo2dxvEy/pMAMSbiyxlzslG2FZFsbXOwYIAesH4B3nnQJkh5jOTYnoZ5qnXBEA45e/g+ODezD1QJIQ8RigWb7+nQ8USJ2hfgSedkxyfGuZsdqVIwjlPsbxskvLETAGE1fm+gN8B5pxhZQVsVlgrGgV825mi83uZ0j0J+irgV0lrqBrB96WQ72vQZgH/cVCLSTNp1xDOPkFf7D9wAx6PdNpAa5hz/SWNlEe/Ydo78hXdY54P2qoKkMyxj2u3mb+zMVWGTfGSiKOuYx/X9jPnaCfWdhF0yMTVPI4geLr51ABIOOIdMXG74ydoPeiOAZBwQtlkGiC038y5moK1ScWm2S8fvm1hjWwqFpW4sV5EnfdkSE0YYy0BPfDxXCtNRYwDxKgG4UlnIVX5kQAxRujZQor1mTkHiO0+YpwixXSYFy0IPNTDvSI8NsJrwPkzFrQTNBMepO2UZ2z2a8C4/LhLsEQNL1qcCDLM67rrhx/6nCRrWKJ1FLNO8JkWKqTjpjQx1RalAeGmj2eOgc4kCyAXEi51RK/h4d2kN8kEyIWEM/lrAnC2MefmflIBciEdBF0JG06iAHIhNfxnsSoFJ5EAzVzRXwgLjs5hXqcdBv1hziZdp2ywRASE1hxWoIj95ybJ1QdZQBaQBWQBWUAWkDULyAKygPTYXwEGAArW2QJagQgvAAAAAElFTkSuQmCC')",
|
|
840
|
+
backgroundRepeat: "no-repeat",
|
|
841
|
+
backgroundPosition: "5px center",
|
|
842
|
+
backgroundSize: "16px"
|
|
843
|
+
}
|
|
844
|
+
}
|
|
845
|
+
),
|
|
846
|
+
values.state.value.length > 0 && !values.isDisabled && /* @__PURE__ */ jsx10(
|
|
847
|
+
AriaButton2,
|
|
848
|
+
{
|
|
849
|
+
className: (buttonValues) => searchFieldButton(buttonValues),
|
|
850
|
+
children: "\u2715"
|
|
851
|
+
}
|
|
852
|
+
)
|
|
853
|
+
]
|
|
854
|
+
}
|
|
855
|
+
)
|
|
856
|
+
] }) });
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
// src/components/select.tsx
|
|
860
|
+
import {
|
|
861
|
+
Text as AriaText,
|
|
862
|
+
Select as AriaSelect,
|
|
863
|
+
Button as AriaButton3,
|
|
864
|
+
Popover as AriaPopover,
|
|
865
|
+
ListBox as AriaListBox,
|
|
866
|
+
SelectValue as AriaSelectValue,
|
|
867
|
+
ListBoxItem
|
|
868
|
+
} from "react-aria-components";
|
|
869
|
+
|
|
870
|
+
// src/utilities/outline.tsx
|
|
871
|
+
var outlineClassName = "outline outline-[#dcc188] outline-offset-2 outline-1";
|
|
872
|
+
|
|
873
|
+
// src/components/select.tsx
|
|
874
|
+
import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
875
|
+
var select = tv({
|
|
876
|
+
base: "font-spiegel"
|
|
877
|
+
});
|
|
878
|
+
var selectButtonBorder = tv({
|
|
879
|
+
base: ["inline-block w-[200px] bg-gradient-to-t outline-none", goldGradient],
|
|
880
|
+
variants: {
|
|
881
|
+
isHovered: { true: goldGradientHover },
|
|
882
|
+
isPressed: { true: goldGradientPressed },
|
|
883
|
+
isOpen: { true: goldGradientPressed },
|
|
884
|
+
isDisabled: { true: disabledGradient },
|
|
885
|
+
isFocused: { true: "" },
|
|
886
|
+
isFocusVisible: { true: outlineClassName }
|
|
887
|
+
}
|
|
888
|
+
});
|
|
889
|
+
var selectButton = tv({
|
|
890
|
+
base: "bg-lol-grey-hextech-black text-lol-grey-100 m-px block bg-no-repeat px-2 py-1.5 pr-6 text-left text-xs font-normal tracking-wide",
|
|
891
|
+
variants: {
|
|
892
|
+
isHovered: { true: "text-lol-gold-100" },
|
|
893
|
+
isOpen: { true: "text-lol-gold-600 bg-lol-grey-300" }
|
|
894
|
+
}
|
|
895
|
+
});
|
|
896
|
+
var listBox = tv({
|
|
897
|
+
base: "bg-lol-grey-hextech-black border-lol-gold-600 border outline-none",
|
|
898
|
+
variants: {
|
|
899
|
+
isFocused: { true: "" }
|
|
900
|
+
}
|
|
901
|
+
});
|
|
902
|
+
function Select({
|
|
903
|
+
description,
|
|
904
|
+
errorMessage,
|
|
905
|
+
children,
|
|
906
|
+
className,
|
|
907
|
+
...props
|
|
908
|
+
}) {
|
|
909
|
+
return /* @__PURE__ */ jsx11(
|
|
910
|
+
AriaSelect,
|
|
911
|
+
{
|
|
912
|
+
...props,
|
|
913
|
+
className: (values) => select({
|
|
914
|
+
...values,
|
|
915
|
+
className: resolveClassName(className, values)
|
|
916
|
+
}),
|
|
917
|
+
children: (values) => /* @__PURE__ */ jsxs8(Fragment6, { children: [
|
|
918
|
+
/* @__PURE__ */ jsx11(
|
|
919
|
+
AriaButton3,
|
|
920
|
+
{
|
|
921
|
+
className: (buttonValues) => selectButtonBorder({ ...buttonValues, isOpen: values.isOpen }),
|
|
922
|
+
children: /* @__PURE__ */ jsx11(
|
|
923
|
+
"span",
|
|
924
|
+
{
|
|
925
|
+
className: selectButton(values),
|
|
926
|
+
style: {
|
|
927
|
+
backgroundPosition: "right 0.5rem center",
|
|
928
|
+
backgroundImage: values.isOpen ? "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA90lEQVR42mL8//8/A6mAiYEMwILVJG4RNiAlDcQgZzz79/XNL2R5RnTnATWwAyn5BEfBaqDUv4UH3rcD+Q+QNaJoAmrgAFJyiY6CdWL8LNEgsRcf/ixA14juJ6kkJ8FGkIbn7//MB2pYKCHAkhDvIFgJksPlJ0ZGRgbmp+9+z1py6EMvSACoASyO009A53FCTfwNCgCoS2A2wAOEcWDiCcl5v6DOY8bmPBYsodf28/f/90sPf+iDBgQo5BiAwd4ICnZcKeKfjDBrepy9IAsoJEFBDgp6fKGHLXIXAm1pQ45cfMmoBpqM2vAmIzSNUkQnWJrFE0CAAQCQxYvehN8YFAAAAABJRU5ErkJggg==')" : "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=')"
|
|
929
|
+
},
|
|
930
|
+
children: /* @__PURE__ */ jsx11(AriaSelectValue, {})
|
|
931
|
+
}
|
|
932
|
+
)
|
|
933
|
+
}
|
|
934
|
+
),
|
|
935
|
+
description && /* @__PURE__ */ jsx11(AriaText, { slot: "description", children: description }),
|
|
936
|
+
errorMessage && /* @__PURE__ */ jsx11(AriaText, { slot: "errorMessage", children: errorMessage }),
|
|
937
|
+
/* @__PURE__ */ jsx11(AriaPopover, { offset: 4, className: "w-[--trigger-width]", children: /* @__PURE__ */ jsx11(AriaListBox, { className: () => listBox(), children }) })
|
|
938
|
+
] })
|
|
939
|
+
}
|
|
940
|
+
);
|
|
941
|
+
}
|
|
942
|
+
var item = tv({
|
|
943
|
+
base: "font-spiegel border-lol-grey-300 text-lol-gold-300 text-lol-sm border-b px-2 py-1.5 text-sm outline-none",
|
|
944
|
+
variants: {
|
|
945
|
+
isHovered: { true: "bg-lol-grey-300 text-lol-gold-100" },
|
|
946
|
+
isFocusVisible: { true: outlineClassName },
|
|
947
|
+
isFocused: { true: "" },
|
|
948
|
+
isSelected: { true: "" },
|
|
949
|
+
isPressed: { true: "text-lol-gold-600 bg-lol-grey-300/50" }
|
|
950
|
+
}
|
|
951
|
+
});
|
|
952
|
+
function Item({ className, ...props }) {
|
|
953
|
+
return /* @__PURE__ */ jsx11(
|
|
954
|
+
ListBoxItem,
|
|
955
|
+
{
|
|
956
|
+
...props,
|
|
957
|
+
className: (values) => {
|
|
958
|
+
return item({
|
|
959
|
+
...values,
|
|
960
|
+
className: resolveClassName(className, values)
|
|
961
|
+
});
|
|
962
|
+
}
|
|
963
|
+
}
|
|
964
|
+
);
|
|
965
|
+
}
|
|
966
|
+
|
|
967
|
+
// src/components/slider/slider.tsx
|
|
968
|
+
import {
|
|
969
|
+
Slider as AriaSlider,
|
|
970
|
+
SliderThumb as AriaSliderThumb,
|
|
971
|
+
SliderTrack as AriaSliderTrack,
|
|
972
|
+
SliderOutput as AriaSliderOutput
|
|
973
|
+
} from "react-aria-components";
|
|
974
|
+
|
|
975
|
+
// src/components/slider/images.ts
|
|
976
|
+
var sliderNormal = "url('data:image/png;base64,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')";
|
|
977
|
+
var sliderHover = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmM5MTJjOTQ5LWVjZGItODM0OC05MDA2LWQ4NWQxODZkZDgzMCIgeG1wTU06RG9jdW1lbnRJRD0i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')";
|
|
978
|
+
var sliderActive = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MDErMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MDErMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmZiOTBlNmNmLTI2YTYtMDg0Mi1hZTBlLTY5Nzc5YjE2OWMxOSIgeG1wTU06RG9jdW1lbnRJRD0i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')";
|
|
979
|
+
var sliderDisabled = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MzMrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MzMrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjViYzljZjk1LTNhMjMtODM0Ni05MmY0LTQyMjBmNDNhODQxZiIgeG1wTU06RG9jdW1lbnRJRD0i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')";
|
|
980
|
+
|
|
981
|
+
// src/components/slider/slider.tsx
|
|
982
|
+
import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
983
|
+
var sliderTrack = tv({
|
|
984
|
+
base: "group relative h-7 w-full"
|
|
985
|
+
});
|
|
986
|
+
var sliderTrackBackground = tv({
|
|
987
|
+
base: "bg-lol-grey-300 absolute top-[50%] h-0.5 w-full translate-y-[-50%] transform rounded-full"
|
|
988
|
+
});
|
|
989
|
+
var sliderTrackForeground = tv({
|
|
990
|
+
base: "from-lol-gold-600 to-lol-gold-500 absolute top-[50%] h-0.5 translate-y-[-50%] transform bg-gradient-to-r",
|
|
991
|
+
variants: {
|
|
992
|
+
isDisabled: {
|
|
993
|
+
true: "bg-[#5C5B57] from-transparent via-transparent to-transparent",
|
|
994
|
+
false: [
|
|
995
|
+
"group-hover:from-lol-gold-500 group-hover:via-lol-gold-400 group-hover:to-lol-gold-200",
|
|
996
|
+
"group-active:from-lol-gold-500 group-active:via-lol-gold-600 group-active:to-lol-gold-600"
|
|
997
|
+
]
|
|
1009
998
|
}
|
|
1010
999
|
}
|
|
1011
1000
|
});
|
|
1012
|
-
var
|
|
1013
|
-
base:
|
|
1001
|
+
var sliderThumb = tv({
|
|
1002
|
+
base: "top-[50%] h-7 w-7 bg-contain outline-none [background-image:var(--normal)]",
|
|
1014
1003
|
variants: {
|
|
1015
1004
|
isDisabled: {
|
|
1016
|
-
true: "
|
|
1005
|
+
true: "[background-image:var(--disabled)]"
|
|
1006
|
+
},
|
|
1007
|
+
isThumbDragging: {
|
|
1008
|
+
true: "[background-image:var(--active)]"
|
|
1009
|
+
},
|
|
1010
|
+
isOtherThumbDragging: {
|
|
1011
|
+
true: ""
|
|
1017
1012
|
}
|
|
1018
|
-
}
|
|
1013
|
+
},
|
|
1014
|
+
compoundVariants: [
|
|
1015
|
+
{
|
|
1016
|
+
isThumbDragging: false,
|
|
1017
|
+
isOtherThumbDragging: false,
|
|
1018
|
+
className: "group-hover:[background-image:var(--hover)]"
|
|
1019
|
+
}
|
|
1020
|
+
]
|
|
1019
1021
|
});
|
|
1020
|
-
function
|
|
1021
|
-
inputProps = {},
|
|
1022
|
-
groupProps = {},
|
|
1022
|
+
function Slider({
|
|
1023
1023
|
children,
|
|
1024
|
-
|
|
1024
|
+
className,
|
|
1025
|
+
sliderThumbProps = {},
|
|
1026
|
+
sliderTrackProps = {},
|
|
1027
|
+
sliderTrackBackgroundClassName,
|
|
1028
|
+
sliderTrackForegroundClassName,
|
|
1025
1029
|
...props
|
|
1026
1030
|
}) {
|
|
1027
|
-
return /* @__PURE__ */
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
...
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1031
|
+
return /* @__PURE__ */ jsx12(
|
|
1032
|
+
AriaSlider,
|
|
1033
|
+
{
|
|
1034
|
+
...props,
|
|
1035
|
+
className: (values) => resolveClassName(className, values),
|
|
1036
|
+
children: (values) => /* @__PURE__ */ jsxs9(Fragment7, { children: [
|
|
1037
|
+
typeof children === "function" ? children(values) : children,
|
|
1038
|
+
/* @__PURE__ */ jsx12(
|
|
1039
|
+
AriaSliderTrack,
|
|
1040
|
+
{
|
|
1041
|
+
...sliderTrackProps,
|
|
1042
|
+
className: (sliderTrackRenderProps) => sliderTrack({
|
|
1043
|
+
...sliderTrackRenderProps,
|
|
1044
|
+
className: resolveClassName(
|
|
1045
|
+
sliderTrackProps.className,
|
|
1046
|
+
sliderTrackRenderProps
|
|
1047
|
+
)
|
|
1048
|
+
}),
|
|
1049
|
+
children: (values2) => {
|
|
1050
|
+
const left = values2.state.values.length === 1 ? 0 : values2.state.getThumbPercent(0) * 100;
|
|
1051
|
+
const width = values2.state.values.length === 1 ? values2.state.getThumbPercent(0) * 100 : (values2.state.getThumbPercent(1) - values2.state.getThumbPercent(0)) * 100;
|
|
1052
|
+
return /* @__PURE__ */ jsxs9(Fragment7, { children: [
|
|
1053
|
+
/* @__PURE__ */ jsx12(
|
|
1054
|
+
"div",
|
|
1055
|
+
{
|
|
1056
|
+
className: sliderTrackBackground({
|
|
1057
|
+
className: resolveClassName(
|
|
1058
|
+
sliderTrackBackgroundClassName,
|
|
1059
|
+
values2
|
|
1060
|
+
)
|
|
1061
|
+
})
|
|
1062
|
+
}
|
|
1063
|
+
),
|
|
1064
|
+
/* @__PURE__ */ jsx12(
|
|
1065
|
+
"div",
|
|
1066
|
+
{
|
|
1067
|
+
className: sliderTrackForeground({
|
|
1068
|
+
...values2.state,
|
|
1069
|
+
className: resolveClassName(
|
|
1070
|
+
sliderTrackForegroundClassName,
|
|
1071
|
+
values2
|
|
1072
|
+
)
|
|
1073
|
+
}),
|
|
1074
|
+
style: { left: `${left}%`, width: `${width}%` }
|
|
1075
|
+
}
|
|
1076
|
+
),
|
|
1077
|
+
values2.state.values.map((_, i) => {
|
|
1078
|
+
let zIndex = values2.state.getThumbPercent(i === 1 ? 0 : 1) === (i === 1 ? 0 : 1) ? 2 : void 0;
|
|
1079
|
+
return /* @__PURE__ */ jsx12(Fragment7, { children: /* @__PURE__ */ jsx12(
|
|
1080
|
+
AriaSliderThumb,
|
|
1081
|
+
{
|
|
1082
|
+
index: i,
|
|
1083
|
+
...sliderThumbProps,
|
|
1084
|
+
className: (sliderThumbRenderProps) => {
|
|
1085
|
+
return sliderThumb({
|
|
1086
|
+
isDisabled: sliderThumbRenderProps.isDisabled,
|
|
1087
|
+
isThumbDragging: sliderThumbRenderProps.state.isThumbDragging(i),
|
|
1088
|
+
isOtherThumbDragging: sliderThumbRenderProps.state.isThumbDragging(
|
|
1089
|
+
i === 1 ? 0 : 1
|
|
1090
|
+
),
|
|
1091
|
+
className: resolveClassName(
|
|
1092
|
+
sliderThumbProps.className,
|
|
1093
|
+
sliderThumbRenderProps
|
|
1094
|
+
)
|
|
1095
|
+
});
|
|
1096
|
+
},
|
|
1097
|
+
style: {
|
|
1098
|
+
"--normal": sliderNormal,
|
|
1099
|
+
"--hover": sliderHover,
|
|
1100
|
+
"--active": sliderActive,
|
|
1101
|
+
"--disabled": sliderDisabled,
|
|
1102
|
+
zIndex
|
|
1103
|
+
}
|
|
1104
|
+
},
|
|
1105
|
+
i
|
|
1106
|
+
) });
|
|
1107
|
+
})
|
|
1108
|
+
] });
|
|
1067
1109
|
}
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
}
|
|
1071
|
-
|
|
1072
|
-
|
|
1110
|
+
}
|
|
1111
|
+
)
|
|
1112
|
+
] })
|
|
1113
|
+
}
|
|
1114
|
+
);
|
|
1115
|
+
}
|
|
1116
|
+
var sliderOutput = tv({
|
|
1117
|
+
base: "font-spiegel text-lol-grey-100 text-lol-sm"
|
|
1118
|
+
});
|
|
1119
|
+
function SliderOutput(props) {
|
|
1120
|
+
return /* @__PURE__ */ jsx12(
|
|
1121
|
+
AriaSliderOutput,
|
|
1122
|
+
{
|
|
1123
|
+
className: (values) => sliderOutput({
|
|
1124
|
+
className: resolveClassName(props.className, values)
|
|
1125
|
+
}),
|
|
1126
|
+
children: (sliderRenderProps) => sliderRenderProps.state.values.map((_, i) => sliderRenderProps.state.getThumbValueLabel(i)).join(" \u2013 "),
|
|
1127
|
+
...props
|
|
1128
|
+
}
|
|
1129
|
+
);
|
|
1073
1130
|
}
|
|
1074
1131
|
|
|
1075
1132
|
// src/components/spinner/images.ts
|
|
1076
1133
|
var spinnerImage = "data:image/png;base64,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";
|
|
1077
1134
|
|
|
1078
1135
|
// src/components/spinner/spinner.tsx
|
|
1079
|
-
import { jsx as
|
|
1136
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
1080
1137
|
var spinner = tv({
|
|
1081
1138
|
base: "aspect-square w-12 animate-spin"
|
|
1082
1139
|
});
|
|
1083
1140
|
function Spinner({ className }) {
|
|
1084
|
-
return /* @__PURE__ */
|
|
1141
|
+
return /* @__PURE__ */ jsx13(
|
|
1085
1142
|
"img",
|
|
1086
1143
|
{
|
|
1087
1144
|
role: "status",
|
|
@@ -1093,93 +1150,91 @@ function Spinner({ className }) {
|
|
|
1093
1150
|
);
|
|
1094
1151
|
}
|
|
1095
1152
|
|
|
1096
|
-
// src/components/
|
|
1097
|
-
import {
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
}
|
|
1108
|
-
|
|
1109
|
-
|
|
1153
|
+
// src/components/switch.tsx
|
|
1154
|
+
import { Switch as AriaSwitch } from "react-aria-components";
|
|
1155
|
+
import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1156
|
+
var switchTrackBorder = tv({
|
|
1157
|
+
base: [
|
|
1158
|
+
"h-6 w-14 shrink-0 cursor-default rounded-full bg-gradient-to-t p-0.5",
|
|
1159
|
+
goldGradient
|
|
1160
|
+
],
|
|
1161
|
+
variants: {
|
|
1162
|
+
isHovered: {
|
|
1163
|
+
true: goldGradientHover
|
|
1164
|
+
},
|
|
1165
|
+
isPressed: {
|
|
1166
|
+
true: goldGradientPressed
|
|
1167
|
+
},
|
|
1168
|
+
isDisabled: {
|
|
1169
|
+
true: disabledGradient
|
|
1170
|
+
},
|
|
1171
|
+
isFocusVisible: {
|
|
1172
|
+
true: "outline outline-1 outline-offset-2 outline-yellow-50"
|
|
1173
|
+
}
|
|
1174
|
+
}
|
|
1110
1175
|
});
|
|
1111
|
-
var
|
|
1112
|
-
base: "relative
|
|
1176
|
+
var switchTrack = tv({
|
|
1177
|
+
base: "bg-lol-grey-300 relative grid h-full w-full rounded-full transition-colors duration-200 ease-in-out",
|
|
1178
|
+
variants: {
|
|
1179
|
+
isPressed: {
|
|
1180
|
+
true: ""
|
|
1181
|
+
},
|
|
1182
|
+
isSelected: {
|
|
1183
|
+
true: "bg-green-900"
|
|
1184
|
+
},
|
|
1185
|
+
isFocused: {
|
|
1186
|
+
true: "outline-none"
|
|
1187
|
+
},
|
|
1188
|
+
isFocusVisible: {
|
|
1189
|
+
true: ""
|
|
1190
|
+
}
|
|
1191
|
+
},
|
|
1192
|
+
compoundVariants: [
|
|
1193
|
+
{
|
|
1194
|
+
isPressed: true,
|
|
1195
|
+
isSelected: true,
|
|
1196
|
+
className: "bg-green-950"
|
|
1197
|
+
}
|
|
1198
|
+
]
|
|
1113
1199
|
});
|
|
1114
|
-
var
|
|
1200
|
+
var switchKnobBorder = tv({
|
|
1115
1201
|
base: [
|
|
1116
|
-
"bg-gradient-to-
|
|
1117
|
-
|
|
1118
|
-
]
|
|
1202
|
+
"absolute -left-2 -top-1.5 h-8 w-8 rounded-full bg-gradient-to-t p-0.5 shadow-md ring-0 transition-[left] duration-200 ease-in-out",
|
|
1203
|
+
goldGradient
|
|
1204
|
+
],
|
|
1205
|
+
variants: {
|
|
1206
|
+
isSelected: {
|
|
1207
|
+
true: "left-[calc(100%-1.5rem)]"
|
|
1208
|
+
},
|
|
1209
|
+
isHovered: {
|
|
1210
|
+
true: goldGradientHover
|
|
1211
|
+
},
|
|
1212
|
+
isPressed: {
|
|
1213
|
+
true: goldGradientPressed
|
|
1214
|
+
},
|
|
1215
|
+
isDisabled: {
|
|
1216
|
+
true: disabledGradient
|
|
1217
|
+
}
|
|
1218
|
+
}
|
|
1119
1219
|
});
|
|
1120
|
-
function
|
|
1121
|
-
modalOverlayClassName,
|
|
1122
|
-
dialogProps = {},
|
|
1123
|
-
children,
|
|
1220
|
+
function Switch({
|
|
1124
1221
|
className,
|
|
1125
|
-
|
|
1222
|
+
placeholder,
|
|
1223
|
+
children,
|
|
1224
|
+
...props
|
|
1126
1225
|
}) {
|
|
1127
|
-
return /* @__PURE__ */
|
|
1128
|
-
|
|
1129
|
-
{
|
|
1130
|
-
...modalProps,
|
|
1131
|
-
className: (values) => {
|
|
1132
|
-
return modalOverlay({
|
|
1133
|
-
className: resolveClassName(modalOverlayClassName, values)
|
|
1134
|
-
});
|
|
1135
|
-
},
|
|
1136
|
-
children: /* @__PURE__ */ jsx12(
|
|
1137
|
-
AriaModal,
|
|
1138
|
-
{
|
|
1139
|
-
...modalProps,
|
|
1140
|
-
className: (values) => modal({
|
|
1141
|
-
className: resolveClassName(className, values)
|
|
1142
|
-
}),
|
|
1143
|
-
children: /* @__PURE__ */ jsx12(
|
|
1144
|
-
Dialog,
|
|
1145
|
-
{
|
|
1146
|
-
role: "alertdialog",
|
|
1147
|
-
...dialogProps,
|
|
1148
|
-
className: dialog({
|
|
1149
|
-
className: dialogProps.className
|
|
1150
|
-
}),
|
|
1151
|
-
children: (dialogRenderProps) => /* @__PURE__ */ jsxs9(Fragment8, { children: [
|
|
1152
|
-
/* @__PURE__ */ jsx12("div", { className: "relative h-1", children: /* @__PURE__ */ jsx12("div", { className: "border-lol-gold-600 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-b-0" }) }),
|
|
1153
|
-
/* @__PURE__ */ jsx12("div", { className: dialogBorder(), children: /* @__PURE__ */ jsx12("div", { className: "bg-lol-grey-hextech-black", children: typeof children === "function" ? children(dialogRenderProps) : children }) }),
|
|
1154
|
-
/* @__PURE__ */ jsx12("div", { className: "relative h-1", children: /* @__PURE__ */ jsx12("div", { className: "border-lol-gold-500 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-t-0" }) })
|
|
1155
|
-
] })
|
|
1156
|
-
}
|
|
1157
|
-
)
|
|
1158
|
-
}
|
|
1159
|
-
)
|
|
1160
|
-
}
|
|
1161
|
-
);
|
|
1162
|
-
}
|
|
1163
|
-
var dialogHeading = tv({
|
|
1164
|
-
base: "text-lol-gold-100 font-beaufort text-lol-h5 uppercase"
|
|
1165
|
-
});
|
|
1166
|
-
function DialogHeading({ className, ...props }) {
|
|
1167
|
-
return /* @__PURE__ */ jsx12(
|
|
1168
|
-
AriaHeading,
|
|
1226
|
+
return /* @__PURE__ */ jsx14(
|
|
1227
|
+
AriaSwitch,
|
|
1169
1228
|
{
|
|
1170
1229
|
...props,
|
|
1171
|
-
className:
|
|
1172
|
-
|
|
1173
|
-
|
|
1230
|
+
className: "group inline-flex items-center gap-2 p-1 px-1.5 text-sm font-semibold text-black",
|
|
1231
|
+
children: (values) => /* @__PURE__ */ jsxs10(Fragment8, { children: [
|
|
1232
|
+
/* @__PURE__ */ jsx14("div", { className: switchTrackBorder(values), children: /* @__PURE__ */ jsx14("div", { className: switchTrack(values), children: /* @__PURE__ */ jsx14("span", { className: switchKnobBorder(values), children: /* @__PURE__ */ jsx14("span", { className: "bg-lol-grey-300 block h-full w-full rounded-full" }) }) }) }),
|
|
1233
|
+
typeof children === "function" ? children(values) : children
|
|
1234
|
+
] })
|
|
1174
1235
|
}
|
|
1175
1236
|
);
|
|
1176
1237
|
}
|
|
1177
|
-
function DialogButtons({ children }) {
|
|
1178
|
-
return /* @__PURE__ */ jsx12("div", { className: "flex translate-y-0.5 justify-center", children: /* @__PURE__ */ jsx12("div", { className: "bg-lol-grey-hextech-black flex gap-1 px-1", children }) });
|
|
1179
|
-
}
|
|
1180
|
-
function DialogTrigger(props) {
|
|
1181
|
-
return /* @__PURE__ */ jsx12(AriaDialogTrigger, { ...props });
|
|
1182
|
-
}
|
|
1183
1238
|
|
|
1184
1239
|
// src/components/tabs.tsx
|
|
1185
1240
|
import {
|
|
@@ -1189,10 +1244,10 @@ import {
|
|
|
1189
1244
|
TabPanel as AriaTabPanel
|
|
1190
1245
|
} from "react-aria-components";
|
|
1191
1246
|
import { createContext as createContext2, useContext as useContext2 } from "react";
|
|
1192
|
-
import { Fragment as Fragment9, jsx as
|
|
1247
|
+
import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1193
1248
|
function Tabs({ onSelectionChange, ...rest }) {
|
|
1194
1249
|
const id = useCssId();
|
|
1195
|
-
return /* @__PURE__ */
|
|
1250
|
+
return /* @__PURE__ */ jsx15(TabsContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx15(
|
|
1196
1251
|
AriaTabs,
|
|
1197
1252
|
{
|
|
1198
1253
|
...rest,
|
|
@@ -1211,7 +1266,7 @@ function TabList({
|
|
|
1211
1266
|
className,
|
|
1212
1267
|
...rest
|
|
1213
1268
|
}) {
|
|
1214
|
-
return /* @__PURE__ */
|
|
1269
|
+
return /* @__PURE__ */ jsx15(
|
|
1215
1270
|
AriaTabList,
|
|
1216
1271
|
{
|
|
1217
1272
|
...rest,
|
|
@@ -1243,7 +1298,7 @@ var tab = tv({
|
|
|
1243
1298
|
});
|
|
1244
1299
|
function Tab({ children, className, ...rest }) {
|
|
1245
1300
|
const { id } = useTabsContext();
|
|
1246
|
-
return /* @__PURE__ */
|
|
1301
|
+
return /* @__PURE__ */ jsx15(
|
|
1247
1302
|
AriaTab,
|
|
1248
1303
|
{
|
|
1249
1304
|
...rest,
|
|
@@ -1251,9 +1306,9 @@ function Tab({ children, className, ...rest }) {
|
|
|
1251
1306
|
...values,
|
|
1252
1307
|
className: resolveClassName(className, values)
|
|
1253
1308
|
}),
|
|
1254
|
-
children: (values) => /* @__PURE__ */
|
|
1309
|
+
children: (values) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
|
|
1255
1310
|
typeof children === "function" ? children(values) : children,
|
|
1256
|
-
values.isSelected && /* @__PURE__ */
|
|
1311
|
+
values.isSelected && /* @__PURE__ */ jsx15(
|
|
1257
1312
|
"div",
|
|
1258
1313
|
{
|
|
1259
1314
|
style: {
|
|
@@ -1267,7 +1322,7 @@ function Tab({ children, className, ...rest }) {
|
|
|
1267
1322
|
);
|
|
1268
1323
|
}
|
|
1269
1324
|
function TabPanel({ ...rest }) {
|
|
1270
|
-
return /* @__PURE__ */
|
|
1325
|
+
return /* @__PURE__ */ jsx15(AriaTabPanel, { ...rest });
|
|
1271
1326
|
}
|
|
1272
1327
|
var TabsContext = createContext2(void 0);
|
|
1273
1328
|
function useTabsContext() {
|
|
@@ -1278,59 +1333,12 @@ function useTabsContext() {
|
|
|
1278
1333
|
return context;
|
|
1279
1334
|
}
|
|
1280
1335
|
|
|
1281
|
-
// src/components/checkbox.tsx
|
|
1282
|
-
import { Checkbox as AriaCheckbox } from "react-aria-components";
|
|
1283
|
-
import { Fragment as Fragment10, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1284
|
-
var checkbox = tv({
|
|
1285
|
-
base: "text-lol-grey-100 font-spiegel flex cursor-pointer items-center gap-1 text-xs tracking-widest",
|
|
1286
|
-
variants: {
|
|
1287
|
-
isHovered: {
|
|
1288
|
-
true: "text-lol-gold-100"
|
|
1289
|
-
},
|
|
1290
|
-
isDisabled: {
|
|
1291
|
-
true: "cursor-default brightness-50"
|
|
1292
|
-
}
|
|
1293
|
-
}
|
|
1294
|
-
});
|
|
1295
|
-
function Checkbox({ children, className, ...props }) {
|
|
1296
|
-
return /* @__PURE__ */ jsx14(
|
|
1297
|
-
AriaCheckbox,
|
|
1298
|
-
{
|
|
1299
|
-
className: (values) => {
|
|
1300
|
-
return checkbox({
|
|
1301
|
-
className: resolveClassName(className, values),
|
|
1302
|
-
...values
|
|
1303
|
-
});
|
|
1304
|
-
},
|
|
1305
|
-
...props,
|
|
1306
|
-
children: (values) => /* @__PURE__ */ jsxs11(Fragment10, { children: [
|
|
1307
|
-
/* @__PURE__ */ jsx14(
|
|
1308
|
-
"div",
|
|
1309
|
-
{
|
|
1310
|
-
style: {
|
|
1311
|
-
backgroundImage: values.isHovered ? values.isIndeterminate ? indeterminateHover : values.isSelected ? checkedHover : uncheckedHover : values.isIndeterminate ? indeterminate : values.isSelected ? checked : unchecked
|
|
1312
|
-
},
|
|
1313
|
-
className: "h-3.5 w-3.5"
|
|
1314
|
-
}
|
|
1315
|
-
),
|
|
1316
|
-
typeof children === "function" ? children(values) : children
|
|
1317
|
-
] })
|
|
1318
|
-
}
|
|
1319
|
-
);
|
|
1320
|
-
}
|
|
1321
|
-
var unchecked = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAByUExURQEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKE3haKP///2Sxk/UAAAAkdFJOUyZAtbSzmpmYl7KWlZSTsJGQj62OjKqLiomoiIensYavrKmmpcCVLPgAAAABYktHRCXDAckPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wkXDDshfoqKzwAAAzx6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJxVbLttsgDNzzFf0ELIFkPseJza7ndNnP74xIbhLb9zZtF41PCAE0Gj1x+vn9R/qGzyRzTnrV7rNnm0ztYtWLZBOr5tZs01Vk65fLpYtgvVnhSnWtZdVcVs9FcXa2lsrsi0Owqi9lq8XwC0BVCIlo102yXn3WxWeDoK1UZpNk/rerba7cS9QANsU6eegyNj6OB5MHDNYulCgfEpLrXNaak5Bc91hSk02zrOCT8QBCXRvWJjUtqlqxdsWqaHyl4xfKsAOgFcfABN+MUXWWvHvkZp6AhelSpZRiO9MkxSbNm73gARjM6R4f2RynZAvGDs2TNj7BRDAKxnUoACNXR3zoEZ9hFjRw/5UFKCBUCIRYC081eAgn7vs2JTisOxxLVsOxz7Ggg498Q9n2CBHmmjBdYcoMPnTeFO7ue0iI6IkDMiiIXWl8GtbzIMYKwcrQ01RoHcDTERj5NMMSMILBnOX0HvEb74P4w4Z07peyogT+RMWcXn0DwPXEEPVSqtsIyTl4OkN/BWeFOoKOM71KpEEPJ6NcCT88mpgzQz91FGZKBRD9IJVKul0P1XX0FZwtt8hkmWu0DgogrVXaJypqKeOXCu51x1pj4XH0WmIxKi6qr8qFu5ijiF9gV2PKNDNvAza94gZgiUJugB3lLABeUP0lYOUUtibWmA2q0xnld6HTwI4SWMyizlfCRaAb52i6NZJxQw2Qx8HV9CBr7Urxm9WDjX4q0EBDK6u+Q21jSVHCNaFNod+jT7YC5ugU7DlIERgjEc0PX0S2A4opGA7ZIpPgbEKlcQjp2OKOWNBcAYdAY0CnqehQE2JYogVP0A/WmKEPUSHVsTGbMGrN6DwI4rgdGDANkRn3nnBn8EGgDALpbxnsCaQDA8atjesRQNf/weh+lz6xwhUckQE7b7vLCJHy6XUNSdBwQT51m4VvAPc7IlLyqVR5he9OP6VCes6Ff0mF9JXdewbuyPA6uL7UIrpHerN9PMOxk2IG2ImGl6jGxJC+0wF/0wB7Gv6XfhaV6N9fxvIhl85v9QN8vIE84PevXbolbp28/FVSj0jKeG9LvwCmH1eI6Lix8QAAAG1JREFUCNdtz8sWQCAUheFyq9ShiCJ33v8ZWZ0Ja/ln32xvQugrQuj1ij5MkjTDItO8YIxxzkRkVvBSKgBVIbmEWhujm0hRgm7tU4eUdds7792AVNq6MYRxipzBWB+WJfxSrNs+Hed5ID8jvxduz6sNC/KE5/MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMDktMjNUMTI6NTk6MTYrMDA6MDDJOJRLAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwuGUs9wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMy0wOS0yM1QxMjo1OTozMyswMDowMP9tJfIAAAAASUVORK5CYII=')";
|
|
1322
|
-
var uncheckedHover = "url('data:image/png;base64,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')";
|
|
1323
|
-
var checked = "url('data:image/png;base64,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')";
|
|
1324
|
-
var checkedHover = "url('data:image/png;base64,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')";
|
|
1325
|
-
var indeterminate = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAA2UExURQEKEwEKE0E5IGhVKGhVKEI5IGlWKGpWKWpXKWtXKWtXKWxYKUM6IG1YKUU8IXhaKMibPP///+VfctgAAAAPdFJOUyZAyNXUx9PS0M/OzcXMvkYA5F8AAAABYktHRBHitT26AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wkXDDshfoqKzwAAAzx6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJxVbLttsgDNzzFf0ELIFkPseJza7ndNnP74xIbhLb9zZtF41PCAE0Gj1x+vn9R/qGzyRzTnrV7rNnm0ztYtWLZBOr5tZs01Vk65fLpYtgvVnhSnWtZdVcVs9FcXa2lsrsi0Owqi9lq8XwC0BVCIlo102yXn3WxWeDoK1UZpNk/rerba7cS9QANsU6eegyNj6OB5MHDNYulCgfEpLrXNaak5Bc91hSk02zrOCT8QBCXRvWJjUtqlqxdsWqaHyl4xfKsAOgFcfABN+MUXWWvHvkZp6AhelSpZRiO9MkxSbNm73gARjM6R4f2RynZAvGDs2TNj7BRDAKxnUoACNXR3zoEZ9hFjRw/5UFKCBUCIRYC081eAgn7vs2JTisOxxLVsOxz7Ggg498Q9n2CBHmmjBdYcoMPnTeFO7ue0iI6IkDMiiIXWl8GtbzIMYKwcrQ01RoHcDTERj5NMMSMILBnOX0HvEb74P4w4Z07peyogT+RMWcXn0DwPXEEPVSqtsIyTl4OkN/BWeFOoKOM71KpEEPJ6NcCT88mpgzQz91FGZKBRD9IJVKul0P1XX0FZwtt8hkmWu0DgogrVXaJypqKeOXCu51x1pj4XH0WmIxKi6qr8qFu5ijiF9gV2PKNDNvAza94gZgiUJugB3lLABeUP0lYOUUtibWmA2q0xnld6HTwI4SWMyizlfCRaAb52i6NZJxQw2Qx8HV9CBr7Urxm9WDjX4q0EBDK6u+Q21jSVHCNaFNod+jT7YC5ugU7DlIERgjEc0PX0S2A4opGA7ZIpPgbEKlcQjp2OKOWNBcAYdAY0CnqehQE2JYogVP0A/WmKEPUSHVsTGbMGrN6DwI4rgdGDANkRn3nnBn8EGgDALpbxnsCaQDA8atjesRQNf/weh+lz6xwhUckQE7b7vLCJHy6XUNSdBwQT51m4VvAPc7IlLyqVR5he9OP6VCes6Ff0mF9JXdewbuyPA6uL7UIrpHerN9PMOxk2IG2ImGl6jGxJC+0wF/0wB7Gv6XfhaV6N9fxvIhl85v9QN8vIE84PevXbolbp28/FVSj0jKeG9LvwCmH1eI6Lix8QAAAD9JREFUCNeNzzkOACAMA8GE+4b/vxYUQMId201nE/ETEfcnXlTa7KzQjJNDemQQusuITMj8weJDynXVhDASL0wdRwfQJZFBnAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMMk4lEsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDktMjNUMTI6NTk6MTYrMDA6MDC4ZSz3AAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTA5LTIzVDEyOjU5OjMzKzAwOjAw/20l8gAAAABJRU5ErkJggg==')";
|
|
1326
|
-
var indeterminateHover = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAB+UExURQEKEwEKE05RUX18dn18dk9SUX59d359d4B/eX9+d4KBen9+eIOCe4B/eYaEfYGAeYeFfoKAeoiGfoKBeoiHf1ZYVoOCe4aEfYeGfoiGf4mHf11eXHhaKHlcKXtdK/Dm0n5gLIBiLoNlMYZoM4lrNYxuOJFzPJl7QqCCSP///0lElLIAAAAcdFJOUyZAyNXUx9PU0tTQ1NDUz9TP1M/Uz8jU0tDQz8FE4StQAAAAAWJLR0QpyreFJAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+cJFww7IX6Kis8AAAM8elRYdFJhdyBwcm9maWxlIHR5cGUgeG1wAABIicVWy7bbIAzc8xX9BCyBZD7Hic2u53TZz++MSG4S2/c2bReNTwgBNBo9cfr5/Uf6hs8kc0561e6zZ5tM7WLVi2QTq+bWbNNVZOuXy6WLYL1Z4Up1rWXVXFbPRXF2tpbK7ItDsKovZavF8AtAVQiJaNdNsl591sVng6CtVGaTZP63q22u3EvUADbFOnnoMjY+jgeTBwzWLpQoHxKS61zWmpOQXPdYUpNNs6zgk/EAQl0b1iY1LapasXbFqmh8peMXyrADoBXHwATfjFF1lrx75GaegIXpUqWUYjvTJMUmzZu94AEYzOkeH9kcp2QLxg7NkzY+wUQwCsZ1KAAjV0d86BGfYRY0cP+VBSggVAiEWAtPNXgIJ+77NiU4rDscS1bDsc+xoIOPfEPZ9ggR5powXWHKDD503hTu7ntIiOiJAzIoiF1pfBrW8yDGCsHK0NNUaB3A0xEY+TTDEjCCwZzl9B7xG++D+MOGdO6XsqIE/kTFnF59A8D1xBD1UqrbCMk5eDpDfwVnhTqCjjO9SqRBDyejXAk/PJqYM0M/dRRmSgUQ/SCVSrpdD9V19BWcLbfIZJlrtA4KIK1V2icqainjlwrudcdaY+Fx9FpiMSouqq/KhbuYo4hfYFdjyjQzbwM2veIGYIlCboAd5SwAXlD9JWDlFLYm1pgNqtMZ5Xeh08COEljMos5XwkWgG+doujWScUMNkMfB1fQga+1K8ZvVg41+KtBAQyurvkNtY0lRwjWhTaHfo0+2AuboFOw5SBEYIxHND19EtgOKKRgO2SKT4GxCpXEI6djijljQXAGHQGNAp6noUBNiWKIFT9AP1pihD1Eh1bExmzBqzeg8COK4HRgwDZEZ955wZ/BBoAwC6W8Z7AmkAwPGrY3rEUDX/8Hofpc+scIVHJEBO2+7ywiR8ul1DUnQcEE+dZuFbwD3OyJS8qlUeYXvTj+lQnrOhX9JhfSV3XsG7sjwOri+1CK6R3qzfTzDsZNiBtiJhpeoxsSQvtMBf9MAexr+l34WlejfX8byIZfOb/UDfLyBPOD3r126JW6dvPxVUo9IynhvS78Aph9XiOi4sfEAAABhSURBVAjXTc9HDoAwEEPRCb33XkPn/ifECEbK372dTSSUiMSgJEiMmm58mSM46fOfNYHSZjoSXFymt4CrzwxWcAuZ0QbuMTPZwSNlZgd45sziBK+yqpu2Q/0F3krvaPXCA/W/D7FK8tWfAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwyTiUSwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMLhlLPcAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDktMjNUMTI6NTk6MzMrMDA6MDD/bSXyAAAAAElFTkSuQmCC')";
|
|
1327
|
-
|
|
1328
1336
|
// src/components/text-area.tsx
|
|
1329
1337
|
import {
|
|
1330
|
-
TextField as
|
|
1338
|
+
TextField as AriaTextField,
|
|
1331
1339
|
TextArea as AriaTextArea
|
|
1332
1340
|
} from "react-aria-components";
|
|
1333
|
-
import { Fragment as
|
|
1341
|
+
import { Fragment as Fragment10, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1334
1342
|
var textAreaBorder = tv({
|
|
1335
1343
|
base: [
|
|
1336
1344
|
"flex bg-gradient-to-t p-px outline-none",
|
|
@@ -1339,7 +1347,7 @@ var textAreaBorder = tv({
|
|
|
1339
1347
|
],
|
|
1340
1348
|
variants: {
|
|
1341
1349
|
isDisabled: {
|
|
1342
|
-
true: [
|
|
1350
|
+
true: [disabledGradient]
|
|
1343
1351
|
}
|
|
1344
1352
|
}
|
|
1345
1353
|
});
|
|
@@ -1361,9 +1369,9 @@ function TextArea({
|
|
|
1361
1369
|
children,
|
|
1362
1370
|
...props
|
|
1363
1371
|
}) {
|
|
1364
|
-
return /* @__PURE__ */
|
|
1372
|
+
return /* @__PURE__ */ jsx16(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
|
|
1365
1373
|
typeof children === "function" ? children(values) : children,
|
|
1366
|
-
/* @__PURE__ */
|
|
1374
|
+
/* @__PURE__ */ jsx16(
|
|
1367
1375
|
"div",
|
|
1368
1376
|
{
|
|
1369
1377
|
...borderProps,
|
|
@@ -1371,221 +1379,81 @@ function TextArea({
|
|
|
1371
1379
|
...values,
|
|
1372
1380
|
className: resolveClassName(borderProps?.className, values)
|
|
1373
1381
|
}),
|
|
1374
|
-
children: /* @__PURE__ */
|
|
1375
|
-
AriaTextArea,
|
|
1376
|
-
{
|
|
1377
|
-
...textAreaProps,
|
|
1378
|
-
className: (values2) => textArea({
|
|
1379
|
-
...values2,
|
|
1380
|
-
className: resolveClassName(textAreaProps?.className, values2)
|
|
1381
|
-
})
|
|
1382
|
-
}
|
|
1383
|
-
)
|
|
1384
|
-
}
|
|
1385
|
-
)
|
|
1386
|
-
] }) });
|
|
1387
|
-
}
|
|
1388
|
-
|
|
1389
|
-
// src/components/tooltip.tsx
|
|
1390
|
-
import { Tooltip as AriaTooltip, OverlayArrow } from "react-aria-components";
|
|
1391
|
-
import { TooltipTrigger } from "react-aria-components";
|
|
1392
|
-
import { Fragment as Fragment12, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1393
|
-
var tooltipBorder = tv({
|
|
1394
|
-
base: ["w-[280px] bg-gradient-to-t p-0.5 drop-shadow-lg", goldGradient],
|
|
1395
|
-
variants: {
|
|
1396
|
-
isEntering: {
|
|
1397
|
-
true: "animate-in fade-in data-[placement=bottom]:slide-in-from-top-1 data-[placement=top]:slide-in-from-bottom-1 fill-mode-forwards duration-200 ease-out"
|
|
1398
|
-
},
|
|
1399
|
-
isExiting: {
|
|
1400
|
-
true: "animate-out fade-out data-[placement=bottom]:slide-out-to-top-1 data-[placement=top]:slide-out-to-bottom-1 fill-mode-forwards duration-150 ease-in"
|
|
1401
|
-
},
|
|
1402
|
-
placement: {
|
|
1403
|
-
bottom: "mt-2",
|
|
1404
|
-
top: "mb-2",
|
|
1405
|
-
center: "",
|
|
1406
|
-
left: "",
|
|
1407
|
-
right: ""
|
|
1408
|
-
}
|
|
1409
|
-
}
|
|
1410
|
-
});
|
|
1411
|
-
var tooltipArrowBorder = tv({
|
|
1412
|
-
base: "fill-lol-gold-500 absolute block h-5 w-5",
|
|
1413
|
-
variants: {
|
|
1414
|
-
placement: {
|
|
1415
|
-
top: "-left-0.5 -translate-y-[1px]",
|
|
1416
|
-
bottom: "fill-lol-gold-200 -left-0.5 -translate-y-[3px] rotate-180",
|
|
1417
|
-
left: "fill-lol-gold-400 -top-0.5 -translate-x-px -rotate-90",
|
|
1418
|
-
right: "fill-lol-gold-400 -top-0.5 -translate-x-[3px] rotate-90",
|
|
1419
|
-
center: ""
|
|
1420
|
-
}
|
|
1421
|
-
}
|
|
1422
|
-
});
|
|
1423
|
-
var tooltipArrow = tv({
|
|
1424
|
-
base: "fill-lol-grey-300 block h-4 w-4",
|
|
1425
|
-
variants: {
|
|
1426
|
-
placement: {
|
|
1427
|
-
top: "-translate-y-0.5",
|
|
1428
|
-
bottom: "translate-y-0.5 rotate-180",
|
|
1429
|
-
left: "-translate-x-0.5 -rotate-90",
|
|
1430
|
-
right: "translate-x-0.5 rotate-90",
|
|
1431
|
-
center: ""
|
|
1432
|
-
}
|
|
1433
|
-
}
|
|
1434
|
-
});
|
|
1435
|
-
function Tooltip({ children, ...props }) {
|
|
1436
|
-
return /* @__PURE__ */ jsx16(
|
|
1437
|
-
AriaTooltip,
|
|
1438
|
-
{
|
|
1439
|
-
...props,
|
|
1440
|
-
className: (values) => tooltipBorder({
|
|
1441
|
-
...values,
|
|
1442
|
-
className: resolveClassName(props?.className, values)
|
|
1443
|
-
}),
|
|
1444
|
-
children: (values) => /* @__PURE__ */ jsxs13(Fragment12, { children: [
|
|
1445
|
-
/* @__PURE__ */ jsx16(OverlayArrow, { className: "translate-y-1 transform", children: (values2) => /* @__PURE__ */ jsxs13(Fragment12, { children: [
|
|
1446
|
-
/* @__PURE__ */ jsx16("svg", { viewBox: "0 0 12 12", className: tooltipArrowBorder(values2), children: /* @__PURE__ */ jsx16("path", { d: "M0 0,L6 6,L12 0" }) }),
|
|
1447
|
-
/* @__PURE__ */ jsx16("svg", { viewBox: "0 0 12 12", className: tooltipArrow(values2), children: /* @__PURE__ */ jsx16("path", { d: "M0 0,L6 6,L12 0" }) })
|
|
1448
|
-
] }) }),
|
|
1449
|
-
/* @__PURE__ */ jsx16("div", { className: "bg-lol-grey-300", children: typeof children === "function" ? children(values) : children })
|
|
1450
|
-
] })
|
|
1451
|
-
}
|
|
1452
|
-
);
|
|
1453
|
-
}
|
|
1454
|
-
|
|
1455
|
-
// src/components/card.tsx
|
|
1456
|
-
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
1457
|
-
var cardBorder = tv({
|
|
1458
|
-
base: ["bg-gradient-to-t p-[2px]", goldGradient],
|
|
1459
|
-
variants: {}
|
|
1460
|
-
});
|
|
1461
|
-
var inner = tv({
|
|
1462
|
-
base: "bg-lol-grey-hextech-black w-full",
|
|
1463
|
-
variants: {}
|
|
1464
|
-
});
|
|
1465
|
-
function Card({ children, className, style, borderProps }) {
|
|
1466
|
-
const r = `1rem`;
|
|
1467
|
-
return /* @__PURE__ */ jsx17(
|
|
1468
|
-
"div",
|
|
1469
|
-
{
|
|
1470
|
-
...borderProps ?? {},
|
|
1471
|
-
className: cardBorder({
|
|
1472
|
-
className: borderProps?.className
|
|
1473
|
-
}),
|
|
1474
|
-
style: {
|
|
1475
|
-
WebkitMask: borderInverted(r),
|
|
1476
|
-
mask: borderInverted(r),
|
|
1477
|
-
...borderProps?.style ?? {}
|
|
1478
|
-
},
|
|
1479
|
-
children: /* @__PURE__ */ jsx17(
|
|
1480
|
-
"div",
|
|
1481
|
-
{
|
|
1482
|
-
className: inner({
|
|
1483
|
-
className
|
|
1484
|
-
}),
|
|
1485
|
-
style: {
|
|
1486
|
-
WebkitMask: borderInverted(r),
|
|
1487
|
-
mask: borderInverted(r),
|
|
1488
|
-
...style ?? {}
|
|
1489
|
-
},
|
|
1490
|
-
children
|
|
1491
|
-
}
|
|
1492
|
-
)
|
|
1493
|
-
}
|
|
1494
|
-
);
|
|
1495
|
-
}
|
|
1496
|
-
function borderInverted(r) {
|
|
1497
|
-
return `radial-gradient(${r} at ${r} ${r},#0000 98%,#000) -${r} -${r}`;
|
|
1498
|
-
}
|
|
1499
|
-
|
|
1500
|
-
// src/components/typography/heading.tsx
|
|
1501
|
-
import { createElement } from "react";
|
|
1502
|
-
var heading = tv({
|
|
1503
|
-
base: "font-beaufort scroll-m-20 uppercase",
|
|
1504
|
-
variants: {
|
|
1505
|
-
color: {
|
|
1506
|
-
"gold-100": "text-lol-gold-100",
|
|
1507
|
-
"gold-200": "text-lol-gold-200",
|
|
1508
|
-
"gold-400": "text-lol-gold-400",
|
|
1509
|
-
"grey-100": "text-lol-grey-100"
|
|
1510
|
-
},
|
|
1511
|
-
preset: {
|
|
1512
|
-
h1: "text-lol-h1",
|
|
1513
|
-
h2: "text-lol-h2",
|
|
1514
|
-
h3: "text-lol-h3",
|
|
1515
|
-
h4: "text-lol-h4",
|
|
1516
|
-
h5: "text-lol-h5"
|
|
1517
|
-
}
|
|
1518
|
-
}
|
|
1519
|
-
});
|
|
1520
|
-
function Heading({
|
|
1521
|
-
as,
|
|
1522
|
-
preset = "h1",
|
|
1523
|
-
color = "gold-100",
|
|
1524
|
-
className,
|
|
1525
|
-
...rest
|
|
1526
|
-
}) {
|
|
1527
|
-
const resultAs = as ?? preset;
|
|
1528
|
-
return createElement(resultAs, {
|
|
1529
|
-
...rest,
|
|
1530
|
-
className: heading({ preset, color, className })
|
|
1531
|
-
});
|
|
1382
|
+
children: /* @__PURE__ */ jsx16(
|
|
1383
|
+
AriaTextArea,
|
|
1384
|
+
{
|
|
1385
|
+
...textAreaProps,
|
|
1386
|
+
className: (values2) => textArea({
|
|
1387
|
+
...values2,
|
|
1388
|
+
className: resolveClassName(textAreaProps?.className, values2)
|
|
1389
|
+
})
|
|
1390
|
+
}
|
|
1391
|
+
)
|
|
1392
|
+
}
|
|
1393
|
+
)
|
|
1394
|
+
] }) });
|
|
1532
1395
|
}
|
|
1533
1396
|
|
|
1534
|
-
// src/components/
|
|
1535
|
-
import { createElement as createElement2 } from "react";
|
|
1397
|
+
// src/components/text-field.tsx
|
|
1536
1398
|
import {
|
|
1537
|
-
|
|
1399
|
+
TextField as AriaTextField2,
|
|
1400
|
+
Input as AriaInput3
|
|
1538
1401
|
} from "react-aria-components";
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
base:
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
};
|
|
1547
|
-
var text = tv({
|
|
1548
|
-
base: "font-spiegel",
|
|
1402
|
+
import { Fragment as Fragment11, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1403
|
+
var textFieldBorder = tv({
|
|
1404
|
+
base: [
|
|
1405
|
+
"flex bg-gradient-to-t p-px outline-none",
|
|
1406
|
+
goldGradient,
|
|
1407
|
+
"focus-within:from-lol-gold-400 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100"
|
|
1408
|
+
],
|
|
1549
1409
|
variants: {
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
"grey-150": "text-lol-grey-150",
|
|
1553
|
-
"gold-100": "text-lol-gold-100"
|
|
1554
|
-
},
|
|
1555
|
-
preset: {
|
|
1556
|
-
sm: "text-lol-sm",
|
|
1557
|
-
base: "text-lol-base",
|
|
1558
|
-
md: "text-lol-md",
|
|
1559
|
-
lg: "text-lol-lg",
|
|
1560
|
-
label: "text-lol-label",
|
|
1561
|
-
"large-number": "text-lol-large-number font-beaufort italic",
|
|
1562
|
-
stat: "text-lol-stat font-beaufort"
|
|
1410
|
+
isDisabled: {
|
|
1411
|
+
true: [disabledGradient]
|
|
1563
1412
|
}
|
|
1564
1413
|
}
|
|
1565
1414
|
});
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
...rest
|
|
1415
|
+
var textField = tv({
|
|
1416
|
+
base: [
|
|
1417
|
+
"bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 outline-none",
|
|
1418
|
+
"text-lol-gold-100 font-spiegel text-xs tracking-wide",
|
|
1419
|
+
"focus-within:from-lol-grey-200 focus-within:via-lol-grey-300 focus-within:to-lol-grey-300 focus-within:bg-gradient-to-t"
|
|
1420
|
+
],
|
|
1421
|
+
variants: {
|
|
1422
|
+
isDisabled: {
|
|
1423
|
+
true: ["text-lol-grey-150"]
|
|
1424
|
+
}
|
|
1425
|
+
}
|
|
1426
|
+
});
|
|
1427
|
+
function TextField({
|
|
1428
|
+
inputProps = {},
|
|
1429
|
+
borderProps = {},
|
|
1430
|
+
children,
|
|
1431
|
+
...props
|
|
1584
1432
|
}) {
|
|
1585
|
-
return
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1433
|
+
return /* @__PURE__ */ jsx17(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs13(Fragment11, { children: [
|
|
1434
|
+
typeof children === "function" ? children(values) : children,
|
|
1435
|
+
/* @__PURE__ */ jsx17(
|
|
1436
|
+
"div",
|
|
1437
|
+
{
|
|
1438
|
+
...borderProps,
|
|
1439
|
+
className: textFieldBorder({
|
|
1440
|
+
...values,
|
|
1441
|
+
className: resolveClassName(borderProps?.className, values)
|
|
1442
|
+
}),
|
|
1443
|
+
children: /* @__PURE__ */ jsx17(
|
|
1444
|
+
AriaInput3,
|
|
1445
|
+
{
|
|
1446
|
+
type: "text",
|
|
1447
|
+
...inputProps,
|
|
1448
|
+
className: (values2) => textField({
|
|
1449
|
+
...values2,
|
|
1450
|
+
className: resolveClassName(inputProps?.className, values2)
|
|
1451
|
+
})
|
|
1452
|
+
}
|
|
1453
|
+
)
|
|
1454
|
+
}
|
|
1455
|
+
)
|
|
1456
|
+
] }) });
|
|
1589
1457
|
}
|
|
1590
1458
|
|
|
1591
1459
|
// src/components/toggle-button.tsx
|
|
@@ -1651,7 +1519,7 @@ var toggleButtonBorder = tv({
|
|
|
1651
1519
|
{
|
|
1652
1520
|
preset: ["gold", "dimmed"],
|
|
1653
1521
|
isDisabled: true,
|
|
1654
|
-
class:
|
|
1522
|
+
class: disabledGradient
|
|
1655
1523
|
},
|
|
1656
1524
|
{
|
|
1657
1525
|
preset: ["gold"],
|
|
@@ -1675,7 +1543,7 @@ var toggleButtonBorder = tv({
|
|
|
1675
1543
|
{
|
|
1676
1544
|
preset: ["hextech"],
|
|
1677
1545
|
isDisabled: true,
|
|
1678
|
-
class:
|
|
1546
|
+
class: disabledGradient
|
|
1679
1547
|
}
|
|
1680
1548
|
]
|
|
1681
1549
|
});
|
|
@@ -1780,6 +1648,163 @@ function ToggleButton({
|
|
|
1780
1648
|
}
|
|
1781
1649
|
);
|
|
1782
1650
|
}
|
|
1651
|
+
|
|
1652
|
+
// src/components/tooltip.tsx
|
|
1653
|
+
import { Tooltip as AriaTooltip, OverlayArrow } from "react-aria-components";
|
|
1654
|
+
import { TooltipTrigger } from "react-aria-components";
|
|
1655
|
+
import { Fragment as Fragment12, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
1656
|
+
var tooltipBorder = tv({
|
|
1657
|
+
base: ["w-[280px] bg-gradient-to-t p-0.5 drop-shadow-lg", goldGradient],
|
|
1658
|
+
variants: {
|
|
1659
|
+
isEntering: {
|
|
1660
|
+
true: "animate-in fade-in data-[placement=bottom]:slide-in-from-top-1 data-[placement=top]:slide-in-from-bottom-1 fill-mode-forwards duration-200 ease-out"
|
|
1661
|
+
},
|
|
1662
|
+
isExiting: {
|
|
1663
|
+
true: "animate-out fade-out data-[placement=bottom]:slide-out-to-top-1 data-[placement=top]:slide-out-to-bottom-1 fill-mode-forwards duration-150 ease-in"
|
|
1664
|
+
},
|
|
1665
|
+
placement: {
|
|
1666
|
+
bottom: "mt-2",
|
|
1667
|
+
top: "mb-2",
|
|
1668
|
+
center: "",
|
|
1669
|
+
left: "",
|
|
1670
|
+
right: ""
|
|
1671
|
+
}
|
|
1672
|
+
}
|
|
1673
|
+
});
|
|
1674
|
+
var tooltipArrowBorder = tv({
|
|
1675
|
+
base: "fill-lol-gold-500 absolute block h-5 w-5",
|
|
1676
|
+
variants: {
|
|
1677
|
+
placement: {
|
|
1678
|
+
top: "-left-0.5 -translate-y-[1px]",
|
|
1679
|
+
bottom: "fill-lol-gold-200 -left-0.5 -translate-y-[3px] rotate-180",
|
|
1680
|
+
left: "fill-lol-gold-400 -top-0.5 -translate-x-px -rotate-90",
|
|
1681
|
+
right: "fill-lol-gold-400 -top-0.5 -translate-x-[3px] rotate-90",
|
|
1682
|
+
center: ""
|
|
1683
|
+
}
|
|
1684
|
+
}
|
|
1685
|
+
});
|
|
1686
|
+
var tooltipArrow = tv({
|
|
1687
|
+
base: "fill-lol-grey-300 block h-4 w-4",
|
|
1688
|
+
variants: {
|
|
1689
|
+
placement: {
|
|
1690
|
+
top: "-translate-y-0.5",
|
|
1691
|
+
bottom: "translate-y-0.5 rotate-180",
|
|
1692
|
+
left: "-translate-x-0.5 -rotate-90",
|
|
1693
|
+
right: "translate-x-0.5 rotate-90",
|
|
1694
|
+
center: ""
|
|
1695
|
+
}
|
|
1696
|
+
}
|
|
1697
|
+
});
|
|
1698
|
+
function Tooltip({ children, ...props }) {
|
|
1699
|
+
return /* @__PURE__ */ jsx19(
|
|
1700
|
+
AriaTooltip,
|
|
1701
|
+
{
|
|
1702
|
+
...props,
|
|
1703
|
+
className: (values) => tooltipBorder({
|
|
1704
|
+
...values,
|
|
1705
|
+
className: resolveClassName(props?.className, values)
|
|
1706
|
+
}),
|
|
1707
|
+
children: (values) => /* @__PURE__ */ jsxs14(Fragment12, { children: [
|
|
1708
|
+
/* @__PURE__ */ jsx19(OverlayArrow, { className: "translate-y-1 transform", children: (values2) => /* @__PURE__ */ jsxs14(Fragment12, { children: [
|
|
1709
|
+
/* @__PURE__ */ jsx19("svg", { viewBox: "0 0 12 12", className: tooltipArrowBorder(values2), children: /* @__PURE__ */ jsx19("path", { d: "M0 0,L6 6,L12 0" }) }),
|
|
1710
|
+
/* @__PURE__ */ jsx19("svg", { viewBox: "0 0 12 12", className: tooltipArrow(values2), children: /* @__PURE__ */ jsx19("path", { d: "M0 0,L6 6,L12 0" }) })
|
|
1711
|
+
] }) }),
|
|
1712
|
+
/* @__PURE__ */ jsx19("div", { className: "bg-lol-grey-300", children: typeof children === "function" ? children(values) : children })
|
|
1713
|
+
] })
|
|
1714
|
+
}
|
|
1715
|
+
);
|
|
1716
|
+
}
|
|
1717
|
+
|
|
1718
|
+
// src/components/typography/heading.tsx
|
|
1719
|
+
import { createElement } from "react";
|
|
1720
|
+
var heading = tv({
|
|
1721
|
+
base: "font-beaufort scroll-m-20 uppercase",
|
|
1722
|
+
variants: {
|
|
1723
|
+
color: {
|
|
1724
|
+
"gold-100": "text-lol-gold-100",
|
|
1725
|
+
"gold-200": "text-lol-gold-200",
|
|
1726
|
+
"gold-400": "text-lol-gold-400",
|
|
1727
|
+
"grey-100": "text-lol-grey-100"
|
|
1728
|
+
},
|
|
1729
|
+
preset: {
|
|
1730
|
+
h1: "text-lol-h1",
|
|
1731
|
+
h2: "text-lol-h2",
|
|
1732
|
+
h3: "text-lol-h3",
|
|
1733
|
+
h4: "text-lol-h4",
|
|
1734
|
+
h5: "text-lol-h5"
|
|
1735
|
+
}
|
|
1736
|
+
}
|
|
1737
|
+
});
|
|
1738
|
+
function Heading({
|
|
1739
|
+
as,
|
|
1740
|
+
preset = "h1",
|
|
1741
|
+
color = "gold-100",
|
|
1742
|
+
className,
|
|
1743
|
+
...rest
|
|
1744
|
+
}) {
|
|
1745
|
+
const resultAs = as ?? preset;
|
|
1746
|
+
return createElement(resultAs, {
|
|
1747
|
+
...rest,
|
|
1748
|
+
className: heading({ preset, color, className })
|
|
1749
|
+
});
|
|
1750
|
+
}
|
|
1751
|
+
|
|
1752
|
+
// src/components/typography/text.tsx
|
|
1753
|
+
import { createElement as createElement2 } from "react";
|
|
1754
|
+
import {
|
|
1755
|
+
Label as AriaLabel
|
|
1756
|
+
} from "react-aria-components";
|
|
1757
|
+
var presetElements = {
|
|
1758
|
+
sm: "p",
|
|
1759
|
+
base: "p",
|
|
1760
|
+
md: "p",
|
|
1761
|
+
lg: "p",
|
|
1762
|
+
"large-number": "span",
|
|
1763
|
+
stat: "span"
|
|
1764
|
+
};
|
|
1765
|
+
var text = tv({
|
|
1766
|
+
base: "font-spiegel",
|
|
1767
|
+
variants: {
|
|
1768
|
+
color: {
|
|
1769
|
+
"grey-100": "text-lol-grey-100",
|
|
1770
|
+
"grey-150": "text-lol-grey-150",
|
|
1771
|
+
"gold-100": "text-lol-gold-100"
|
|
1772
|
+
},
|
|
1773
|
+
preset: {
|
|
1774
|
+
sm: "text-lol-sm",
|
|
1775
|
+
base: "text-lol-base",
|
|
1776
|
+
md: "text-lol-md",
|
|
1777
|
+
lg: "text-lol-lg",
|
|
1778
|
+
label: "text-lol-label",
|
|
1779
|
+
"large-number": "text-lol-large-number font-beaufort italic",
|
|
1780
|
+
stat: "text-lol-stat font-beaufort"
|
|
1781
|
+
}
|
|
1782
|
+
}
|
|
1783
|
+
});
|
|
1784
|
+
function Text({
|
|
1785
|
+
as = "p",
|
|
1786
|
+
preset = "base",
|
|
1787
|
+
color = "grey-100",
|
|
1788
|
+
className,
|
|
1789
|
+
...rest
|
|
1790
|
+
}) {
|
|
1791
|
+
const elementType = as ?? presetElements[preset];
|
|
1792
|
+
return createElement2(elementType, {
|
|
1793
|
+
...rest,
|
|
1794
|
+
className: text({ preset, color, className })
|
|
1795
|
+
});
|
|
1796
|
+
}
|
|
1797
|
+
function Label2({
|
|
1798
|
+
preset = "sm",
|
|
1799
|
+
color = "grey-100",
|
|
1800
|
+
className,
|
|
1801
|
+
...rest
|
|
1802
|
+
}) {
|
|
1803
|
+
return createElement2(AriaLabel, {
|
|
1804
|
+
...rest,
|
|
1805
|
+
className: text({ preset, color, className })
|
|
1806
|
+
});
|
|
1807
|
+
}
|
|
1783
1808
|
export {
|
|
1784
1809
|
Accordion,
|
|
1785
1810
|
AccordionContent,
|
|
@@ -1791,6 +1816,7 @@ export {
|
|
|
1791
1816
|
DialogButtons,
|
|
1792
1817
|
DialogHeading,
|
|
1793
1818
|
DialogTrigger,
|
|
1819
|
+
Divider,
|
|
1794
1820
|
Heading,
|
|
1795
1821
|
Item,
|
|
1796
1822
|
Label2 as Label,
|
|
@@ -1818,6 +1844,14 @@ export {
|
|
|
1818
1844
|
accordionTrigger,
|
|
1819
1845
|
accordionTriggerInner,
|
|
1820
1846
|
borderInverted,
|
|
1847
|
+
dimmedGradient,
|
|
1848
|
+
disabledGradient,
|
|
1849
|
+
goldGradient,
|
|
1850
|
+
goldGradientHover,
|
|
1851
|
+
goldGradientPressed,
|
|
1852
|
+
hextechGradient,
|
|
1853
|
+
hextechGradientHover,
|
|
1854
|
+
hextechGradientPressed,
|
|
1821
1855
|
tv
|
|
1822
1856
|
};
|
|
1823
1857
|
//# sourceMappingURL=index.js.map
|