@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.js CHANGED
@@ -2,26 +2,25 @@ import {
2
2
  theme
3
3
  } from "./chunk-KUMYC3II.js";
4
4
 
5
- // src/components/button.tsx
6
- import { forwardRef } from "react";
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/gradient.tsx
12
- var goldGradient = "from-lol-gold-500 via-lol-gold-400 to-lol-gold-200";
13
- var goldGradientHover = "from-lol-gold-400 via-lol-gold-200 to-lol-gold-100";
14
- var goldGradientPressed = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500";
15
- var goldGradientDisabled = "from-lol-grey-150 via-lol-grey-150 to-lol-grey-150";
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/resolve-class-name.ts
23
- function resolveClassName(className, values) {
24
- return typeof className === "function" ? className(values) : className ?? "";
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: goldGradientDisabled
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: hextechGradientDisabled
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__ */ jsx(
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__ */ jsx(
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/select.tsx
246
- import {
247
- Text as AriaText,
248
- Select as AriaSelect,
249
- Button as AriaButton2,
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 listBox = tv({
283
- base: "bg-lol-grey-hextech-black border-lol-gold-600 border outline-none",
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 Select({
289
- description,
290
- errorMessage,
291
- children,
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
- ...props,
299
- className: (values) => select({
300
- ...values,
301
- className: resolveClassName(className, values)
368
+ ...borderProps ?? {},
369
+ className: cardBorder({
370
+ className: borderProps?.className
302
371
  }),
303
- children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
304
- /* @__PURE__ */ jsx2(
305
- AriaButton2,
306
- {
307
- className: (buttonValues) => selectButtonBorder({ ...buttonValues, isOpen: values.isOpen }),
308
- children: /* @__PURE__ */ jsx2(
309
- "span",
310
- {
311
- className: selectButton(values),
312
- style: {
313
- backgroundPosition: "right 0.5rem center",
314
- 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=')"
315
- },
316
- children: /* @__PURE__ */ jsx2(AriaSelectValue, {})
317
- }
318
- )
319
- }
320
- ),
321
- description && /* @__PURE__ */ jsx2(AriaText, { slot: "description", children: description }),
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
- var item = tv({
329
- 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",
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: { true: "bg-lol-grey-300 text-lol-gold-100" },
332
- isFocusVisible: { true: outlineClassName },
333
- isFocused: { true: "" },
334
- isSelected: { true: "" },
335
- isPressed: { true: "text-lol-gold-600 bg-lol-grey-300/50" }
404
+ isHovered: {
405
+ true: "text-lol-gold-100"
406
+ },
407
+ isDisabled: {
408
+ true: "cursor-default brightness-50"
409
+ }
336
410
  }
337
411
  });
338
- function Item({ className, ...props }) {
339
- return /* @__PURE__ */ jsx2(
340
- ListBoxItem,
412
+ function Checkbox({ children, className, ...props }) {
413
+ return /* @__PURE__ */ jsx4(
414
+ AriaCheckbox,
341
415
  {
342
- ...props,
343
416
  className: (values) => {
344
- return item({
345
- ...values,
346
- className: resolveClassName(className, values)
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,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAD/UExURQEKEwEKEwEKEwEKEwEKEwILFAMLFAMMFQMMFQMMFQILFAMMFQUOFgUOFgUOFwUOFwUOFwQNFgUOFggQGAgRGQkRGQoSGQoSGgcPFwYPGAoTGwwUHA0VHQ4WHQ4WHg8XHgkSGQgQGQ4WHRAYHxIZIRMaIhQbIhQcIwwUHAkSGhAYHxMaIRUcIxceJBgfJRgfJg8WHgsSGxIZIRUcIxgeJRogJhshKBwiKBEYHwwUGxQcIhgfJBsiJx0kKB4lKR8mKhIaIAwUGw4WHRAXHhEZIBMaIRMbIRQbIXhaKHlcKXtdK35gLIBiLoNlMYZoM4lrNYxuOJFzPJl7QqCCSP///94hUfgAAABIdFJOUyZAtbSztZuamZiytJqYl5aVsLOYlpSSka2zmJSSkI6OrLOXk5GOjYyqs5iTkY6MjKqzmJORjoyMqrSYlJGOjYyqtbOwrayqqrC137kAAAABYktHRFTkA4ilAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wkXDDshfoqKzwAAAzx6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJxVbLttsgDNzzFf0ELIFkPseJza7ndNnP74xIbhLb9zZtF41PCAE0Gj1x+vn9R/qGzyRzTnrV7rNnm0ztYtWLZBOr5tZs01Vk65fLpYtgvVnhSnWtZdVcVs9FcXa2lsrsi0Owqi9lq8XwC0BVCIlo102yXn3WxWeDoK1UZpNk/rerba7cS9QANsU6eegyNj6OB5MHDNYulCgfEpLrXNaak5Bc91hSk02zrOCT8QBCXRvWJjUtqlqxdsWqaHyl4xfKsAOgFcfABN+MUXWWvHvkZp6AhelSpZRiO9MkxSbNm73gARjM6R4f2RynZAvGDs2TNj7BRDAKxnUoACNXR3zoEZ9hFjRw/5UFKCBUCIRYC081eAgn7vs2JTisOxxLVsOxz7Ggg498Q9n2CBHmmjBdYcoMPnTeFO7ue0iI6IkDMiiIXWl8GtbzIMYKwcrQ01RoHcDTERj5NMMSMILBnOX0HvEb74P4w4Z07peyogT+RMWcXn0DwPXEEPVSqtsIyTl4OkN/BWeFOoKOM71KpEEPJ6NcCT88mpgzQz91FGZKBRD9IJVKul0P1XX0FZwtt8hkmWu0DgogrVXaJypqKeOXCu51x1pj4XH0WmIxKi6qr8qFu5ijiF9gV2PKNDNvAza94gZgiUJugB3lLABeUP0lYOUUtibWmA2q0xnld6HTwI4SWMyizlfCRaAb52i6NZJxQw2Qx8HV9CBr7Urxm9WDjX4q0EBDK6u+Q21jSVHCNaFNod+jT7YC5ugU7DlIERgjEc0PX0S2A4opGA7ZIpPgbEKlcQjp2OKOWNBcAYdAY0CnqehQE2JYogVP0A/WmKEPUSHVsTGbMGrN6DwI4rgdGDANkRn3nnBn8EGgDALpbxnsCaQDA8atjesRQNf/weh+lz6xwhUckQE7b7vLCJHy6XUNSdBwQT51m4VvAPc7IlLyqVR5he9OP6VCes6Ff0mF9JXdewbuyPA6uL7UIrpHerN9PMOxk2IG2ImGl6jGxJC+0wF/0wB7Gv6XfhaV6N9fxvIhl85v9QN8vIE84PevXbolbp28/FVSj0jKeG9LvwCmH1eI6Lix8QAAAJhJREFUCNdNz8UWglAYReF7sbtbwQQTTDDBAqTD938Xf5YT9uybnYMQDoUQ/oTCCGsEEYn+04B6LJ5IpoLSOtDIZHP5QhEqGUCzXKnW6g2oaQKtVrvT7ZEURfYtoD0YjsYTmmHoqQ10ZvPFcsVyHLt2gO5mu9sfeEHgjy7QO50v15soSeLdA/qP5+stK6qqyD7wGyoYHb7wA2TUGtTHKWfoAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwyTiUSwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMLhlLPcAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDktMjNUMTI6NTk6MzMrMDA6MDD/bSXyAAAAAElFTkSuQmCC')";
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/search-field.tsx
559
+ // src/components/number-field.tsx
354
560
  import {
355
- SearchField as AriaSearchField,
561
+ NumberField as AriaNumberField,
356
562
  Input as AriaInput,
357
- Button as AriaButton3
563
+ Group,
564
+ Button as Button2
358
565
  } from "react-aria-components";
359
- import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
360
- var searchFieldBorder = tv({
361
- base: [
362
- "flex bg-gradient-to-t p-px outline-none",
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: goldGradientDisabled
576
+ true: disabledGradient
577
+ },
578
+ isFocusWithin: {
579
+ true: goldGradientHover
369
580
  }
370
581
  }
371
582
  });
372
- var searchFieldInput = tv({
583
+ var numberFieldInput = tv2({
373
584
  base: [
374
- "bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 pl-6 outline-none",
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 searchFieldButton = tv({
389
- base: "bg-lol-grey-hextech-black text-lol-gold-300 px-4 text-xs font-black",
596
+ var numberFieldButton = tv2({
597
+ base: ["text-lol-gold-100 bg-lol-grey-hextech-black px-2.5"],
390
598
  variants: {
391
- isHovered: { true: "text-lol-gold-100" },
392
- isPressed: { true: "text-lol-gold-600" }
599
+ isDisabled: {
600
+ true: "text-lol-grey-150 bg-lol-grey-300"
601
+ }
393
602
  }
394
603
  });
395
- function SearchField({
604
+ function NumberField({
396
605
  inputProps = {},
397
- borderProps = {},
606
+ groupProps = {},
398
607
  children,
608
+ preset = "normal",
399
609
  ...props
400
610
  }) {
401
- return /* @__PURE__ */ jsx3(AriaSearchField, { ...props, children: (values) => /* @__PURE__ */ jsxs2(Fragment2, { children: [
611
+ return /* @__PURE__ */ jsx7(AriaNumberField, { ...props, children: (values) => /* @__PURE__ */ jsxs5(Fragment3, { children: [
402
612
  typeof children === "function" ? children(values) : children,
403
- /* @__PURE__ */ jsxs2(
404
- "div",
613
+ /* @__PURE__ */ jsxs5(
614
+ Group,
405
615
  {
406
- ...borderProps,
407
- className: searchFieldBorder({
408
- ...values,
409
- className: resolveClassName(borderProps.className, values)
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__ */ jsx3(
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) => searchFieldInput({
417
- ...values2,
418
- className: resolveClassName(inputProps.className, values2)
419
- }),
420
- type: "text",
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
- values.state.value.length > 0 && !values.isDisabled && /* @__PURE__ */ jsx3(
430
- AriaButton3,
645
+ /* @__PURE__ */ jsx7(
646
+ Button2,
431
647
  {
432
- className: (buttonValues) => searchFieldButton(buttonValues),
433
- children: "\u2715"
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/slider/slider.tsx
659
+ // src/components/progress-bar.tsx
443
660
  import {
444
- Slider as AriaSlider,
445
- SliderThumb as AriaSliderThumb,
446
- SliderTrack as AriaSliderTrack,
447
- SliderOutput as AriaSliderOutput
661
+ ProgressBar as AriaProgressBar,
662
+ Label
448
663
  } from "react-aria-components";
449
-
450
- // src/components/slider/images.ts
451
- var sliderNormal = "url('data:image/png;base64,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')";
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 sliderTrackBackground = tv({
462
- base: "bg-lol-grey-300 absolute top-[50%] h-0.5 w-full translate-y-[-50%] transform rounded-full"
668
+ var progressBarBackground = tv({
669
+ base: ["bg-lol-grey-300 h-full w-full rounded-full"]
463
670
  });
464
- var sliderTrackForeground = tv({
465
- base: "from-lol-gold-600 to-lol-gold-500 absolute top-[50%] h-0.5 translate-y-[-50%] transform bg-gradient-to-r",
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
- var sliderThumb = tv({
477
- base: "top-[50%] h-7 w-7 bg-contain outline-none [background-image:var(--normal)]",
478
- variants: {
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(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs7(Fragment6, { children: [
874
- typeof children === "function" ? children(values) : children,
875
- /* @__PURE__ */ jsx8(
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
- ...borderProps,
879
- className: textFieldBorder({
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,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAB3lJREFUeF7t3GtsFFUUB/DZtmx5LdsCne0D2qUPmgjGL8WEhIoEjMZoYkgJlSIzhAYxGIWkUSrIKyUQUuUlSgiEGQKKgSAGPnQjRklITOTtt9p3gXZ3S2kXwXFnt9TM1u1jOnfmnp3Xrel+7cy289v/Oefe6bQOavylS8Ch6+zxk6lxQJ0hGAf8nwImUW63mwo73LHrS+0PUaFQiKKo5zqv1/DTyUug251OiSlFVLJj8oir7ev/m3JGG6hQqMdwBR1vSBYgCi9+gQQikgOohUcoIhmACDxu++uM5Mbu9vGklrP9gAi8U1sXM8W56awEV9/ew63dc41IRHsBEXgnql5mivOmxvDir/q2p1xl7e/EIdoHiMA79nExUzxrygi8QcQHz7gNh+qJQrQHEIF39INcpignVREvjtjwMMxt/KadGETrARF4X63PYgqy1fHiiE0dYe7D451EIFoLiMA7XJnFFOY4VZMnX+s2PhS5j07Yj2gdIALvYKWHKcJMnhyxoSPMbToRsDWJ1gAi8A5UepjCLFjyRiWxU+Q224hoPiAKbx3NFOjEG+yJEuLJoC1JNBdQBS8/U1/y5Els9tuDaB4gAq92rXHJkyM2dYpc1Slrk2gOIAqPoZn8bPzk3WgQfJOcjmfz8yYux73j1NwhclW8dYjGAyLw9kt4gLK91SD49p7vqpPgdlbQpSBEv8h9YhGisYAIvH1rYHg3GwTf/gsDePHX56vo0hchSfSL3JbT5ifROEAT8UhGNAYQgbcXmDypbOXJk/c+KYnQcq42MYn6AVF4q2kmH7DOu9WogOdwhGOA/f2pI8q5nC6d7wUMlk6Rqz5jTjnrA1TBmwPAu9ko+GplPY+K4TnuD8D1z1ZCnAdAbDEJMXFAK/CSqKcxv+fUVFIREwNUwfMClyq1F0dO28HkxfHitYtA3FZOl84DTOdWv7HlDAe0A49gRBggAm/PapqZA0je7QbBh508+RhGJPEzabAAktjiF7mtBgwWfEAS8DSSaAciHiACr0ZKngd/b3u7UfB9gdvztDa/Kkmcl4u/xGkJiNw2HUnUBiQRDyOJViGqA6rgeYHJ+9Ko5AF64guAJLYmmEQ0IAqvgmZAeE2CzzQ8rSSupEvBiGdhOxZlQBW8PEDy7liBp4FYDURsk5IIQFQCTKImzSiRP59XU0EzxOJZhSh035Q/5DkaUEpf34SXhrea3VLZ0vjT9q6UvB8wdxha0xb6dcR0/nQFcMcSFLnt8iQmR+7JH/AcDTgxzUulpHjjP/eYwtNIom7EaLSV+qe3dfhnqgm4a5WH9Xqcsef0cF63m4W6QxeDvhHHxu+syPe3OG+YyDGyFLqmOFNSU5Ic77+ZtmBuTuoK3LdsDYj8jm8D3ODxWIAKJbyr3MN6MwGITULdoUs2ISrguSc7k9llrpKibGcZNp5f5HecG4YnnYhVwhQlDZEFVLJj0vBvthOIeMcORBW8QiDeTjleX79ACd03tIeIpDawjJk7phDNxnNG/1T6CwGthbQiYh6gJ96VkvijyeWMwFuzFFa2bQGRV0weAk/KGs5WjmxEG/G0ATXKOReYxMNGJ1EFD9Lz2hNIXnw+aN+N0UKk8afz3WahzjBENbws/GnbHoSXrfo6EDXnEYNle7mHzQMiHtGbRATee0tdJYUAvLagyO9WmrYqPU/Og5fA+FkoxJVAxCah7sjlBAcLCm+JqwRStjG872XrPGmpAsDD64FycgTitpUe1gtI4r1EEFXwCiDrvKDI1xiAlxigSk80FZFAvMQB1RBXZLB5nlTsvfMfzVI5d6nvnRF4FVLZZk3A3p61BcJ8zfmuob2tdB0JlG1iQ0RpuCDKeSsQ8V6zUHcUhRj7vkOPdkg3BqS9rYRXAMTbYzCevgRqDBbjEIceLiINzxhAlXKWEHNpQDm3KCTxvw8qjrfqVVjy2oNh3ozkwRbSOPeAVMpZLyKpeMYlUKucyzLY2cAkfn1lYLAMx8vPxB8Y96XkXTB2YCjlCLaQ1pHE6rIMNjcDVs5nfg39LA2M8leAZdsV5vdagGd8AjWSuGV5BjsrA3/vXN8RuepMonrnAJL3oEvk9100P3nG90DMHUvVOxns7JkTsNeJOKGPH3P/UYSvvWQdnnkJ1Eji5rdnsrMMRnzwKMIfuPzI0EUyzodnfA/ETOKmt6az2dPxy1ntYjoei/zBK48txzM/gRpJ3PjGdDZnhr5yftgd4Y/W2YNnHaDKYnvDa+lsdoKIHd0R/thPPbYkz/whAtg7r1+Wzmalp4AGS2dPlD9+1V48axOoUc7rlqSzmZiI/p4of/IX+/HsAVQpZ3ZxOpuZlqyaRH9vH89dIwPPPkAVxDWL3KwnTbmcA71R/vT1kK09T96ZzF/GqK0/EDcgKha5WM+0kdM58CTCn73+F1F49iZQoye+u9DF0tMGkhh8EuW/+408PDIAVcq5fKEr9s94zhGKRw6gCuKoDqDzdxg42zPIMfb2QMxt3+BhhOGRlUCNnqj3t2eQVEGOJSuBQz/5+L9BhnyKY/lYUhM4ZkzHAXV+VOOAOgH/BUydbKs2o5rNAAAAAElFTkSuQmCC')";
973
768
  }
974
769
 
975
- // src/components/number-field.tsx
770
+ // src/components/search-field.tsx
976
771
  import {
977
- NumberField as AriaNumberField,
978
- Input as AriaInput3,
979
- Group,
980
- Button as Button2
772
+ SearchField as AriaSearchField,
773
+ Input as AriaInput2,
774
+ Button as AriaButton2
981
775
  } from "react-aria-components";
982
- import { tv as tv2 } from "tailwind-variants";
983
- import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
984
- var numberFieldBorder = tv2({
985
- base: "grid grid-cols-[auto_1fr_auto] gap-px bg-gradient-to-t p-px outline-none",
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: goldGradientDisabled
993
- },
994
- isFocusWithin: {
995
- true: goldGradientHover
785
+ true: disabledGradient
996
786
  }
997
787
  }
998
788
  });
999
- var numberFieldInput = tv2({
789
+ var searchFieldInput = tv({
1000
790
  base: [
1001
- "text-lol-gold-100 font-spiegel bg-lol-grey-hextech-black w-full px-3 py-2 text-xs outline-none"
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 bg-lol-grey-300"
1006
- },
1007
- isFocused: {
1008
- true: "from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t"
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,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmM5MTJjOTQ5LWVjZGItODM0OC05MDA2LWQ4NWQxODZkZDgzMCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY0NGIwY2M3LTFkMDItNjU0NS1iYTlhLTgxNmQyZTRjMTJhMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjhmNjEyZTQ4LTRkNjctMzI0Mi1hYzI2LWYzOWZmZGI2MGMyMCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OGY2MTJlNDgtNGQ2Ny0zMjQyLWFjMjYtZjM5ZmZkYjYwYzIwIiBzdEV2dDp3aGVuPSIyMDIzLTA1LTI1VDIwOjU4OjMxKzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuNCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM5MTJjOTQ5LWVjZGItODM0OC05MDA2LWQ4NWQxODZkZDgzMCIgc3RFdnQ6d2hlbj0iMjAyMy0wNS0yNVQyMToyMToyNSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg7Mec0AAByiSURBVHic3Z13XBTX2sd/s7OLKFhAUBBUAlaKhaqxUZdqiyWmgr3lJm/uzb25uTdvYkuisUQBAaWoUYqFSEw0CWCKaSBNBHulN2tMFNiFff+Y3WFmdnZ3lmVB34fP+Xz07Dm/85zzneeZYZg5SygUCmgzkZmV1s+fEiMB2CgLANQrS1uPedRFJu5pB7rA7ABMA9CfU/8QwM8Aarrdoy40UU87YKBpggNl3TRlm2fWCF0p7mFdWTe5op9ZjPCzAzAd/HCY9hDAmfvXf+iRSLIY4WdQfwERpHjqiiY4R5I+CT+S9Ek4ZwL9AUyn+vSEv4aZbkAKxVNVLEb4q+AMAECoyuHEjyKCZnhHBM3wjjic+FEE8zNl2+kWI/ztut1nYwPq+XjpKBYjA+wAzABgAQaAjMSPwoN8J4Wr2gX5TgrPSPwoHGxIFgBmWIwMsHt24ucZiiDLkQH2AHzBgZO+Z1O4dIZPOLe9dIZPePqeTXyQfC1HBtj/v4mgno8bBSxHBdqDipwBTM/S92wMC/bzCdPUL9jPJyx9z8YwzoQGAJhBaT79MfTUR5DlqCD+yEnYGBbs6xOmq3+wr09YesLGMPBF0qgg40eSsQEpevDHcrTUHoAfF05q/PowqZ93mFAdqZ93WGr8ej5IfpajpfbGnIPRAUHR3iNl4OhgewD+6nDWhYb4eYfqqxfi5x2aGr8ulAeS/8DRwfZGm4vRAdG5tPvKwDGhQ8EHJ+4DCk4ndUP8vENT4z7ghzQmdKhx5mOY6U5xCkW3loFjwlRwLJkLeWj3ByHBfj4hhuoH+/mEHNr9QQgHkiUFKWxoV8/H6IC684LAamz4UAABXDgHY98PCfHzDumqcUL8vEMOxr7PBynAamz40GfqIqG70pqVc8QwAIFQhxMc6u8T3NXjhfr7BB+MfT8Y6pACKV+emRTXbvRi5TyTF86B6PeCQ/y8goXqRCcdQ3TSMcHjhvh5BR+Ifk8DpJnDumJuRgdk7Mixdpk9DEAQDxxpWICPVKhOTHImDSgmOVPw+GEBPtID0e9JoQ4piPLtKY8gY55zrF3mDAMgBQfO/l3vSsP8vaVCdWKSMhGdlEm7HJ2UiZikTMF+hPl7S/fvepcPktTaZc6wp/ocZKy0Zu06dzgvnJ3/Cgrz9w4SnNaSMxGd/IWa39HJXyA6OVOwP2H+3kH7d/4riBeS69zhT2+KM0LkDHKbp4IzkLkg+3b8MyjM3ztIqE5s8nHEJmeB0PATm5yF2OTj+kRS0L4d/+RCGghAOsht3vCnMoIMz8HsMmjc/OEAgtXhvBMYHugdKFQnJiUL0SlZrFpCRIAQEay66JQsxKRkCfYvPNA7cN+OdwKhDimY8l3fORtm3ZriBo1bMBxACDhwkrf/PTAswCtQqE4MveiMiYgI9DY1QW9TE4hEBOszVXvB6S7AKzB5+9/5IIUMGrdAr3RndEBdldYGj3/RAUCoGpxtbwdEBHgHCE5rKV8iNiULBBR0IUUE+piaQEKSkJAk+piagBQRrDaxKVmITflSsL8RAd4BydveDuCBFDp4/IsOT02KU6Dd4DJ4wiJeOElb3woID/QK0Fevs6bvOOGBXgFJW9/ihzRhkYMxfVWZ0e9m20x42QFAGNTgvOkfEejlr6/eG1ERWBsVwcrybe3teNzcCnlbG+RtbXjc3Iq29nZWm7VREXgjKkJv/yMCvfyTtr7pzwMpzGbCyw49fzfbgLRmM/FVXjiJW/7mHxHg5d9Z3TeUi81cMUV7O540t+JJcysU7e2sz96g4XRuvIgAL//ELX/jhzTxVe3pztiAOntBYOP+2nMAIgBYK8cRARDt3bLWPyLQ08/QC461kWFYG8l+5KC9XYH2dgWrbm1kONZGhhk0lkLRjohAT7+9W9b6M+einFuEjftrzz1TFwm2HpEqOFbM1dq7ea3vzAAvX6E6u/efxO79JzV+vjYyDGsiQ6Hpr5lrIkOxNjKs0/rcMjPAy3fv5rW+YEeSFYAIW4/I54wRQTqfzdb3RDfEc8lzAGaCSgG0JXyyekZEoMcMoXpxB77B7gOnaC/WRIbytlsbGQpAgbgD37DqKTihGv0Xqs+1iEAP34RPVhOr3ov/iVFtBWCmrWfUV7WFKbcECQk0ct26dVob/Nl0CWCdbjWXIV5LHQHMAidyEj5ZOWNWoOcMoTpxn3+D3YwFLyi9BgKA13gn3vbe40co210HAKx5PYQG1xX63DLacYjDSEdbfH26qJIxzz4Ahm3f+2XTP5bPvK9quz3xhA4E2k3ns9l1F44LErLzXu4IKnJY76vEf7Ri+qwgr+lCHYr7/FvEff4t72drXg/BmtdDtPZVtTOGPtdO5BScWf3fvWc41XcAfFVzNvEmANh5Lxesx2e6AZVnav0cAOx8VjoCmA0OnLhNy6bNDvKaJtSZuIPfIe7z77S2WfN6MNa8FixU0uj6X+YU/Lzm/aSfOdV3AHxZk7/npp3PSv0dZZjOFPeo4QK0hbv9pFVOAOaAuqKh09rujUunzQ7ynCY0rcUf/A5xB7PZzolEEBEEmAdRQekNAAp4jnMUpGts/dGOQ4Y7DbfBqR9KqhjzNwMwbEfS140A7mtdYB0mAFC5RufsJ6/hhRO7YfG0OUEewuEcykbcwRy2YyIRzPqYwkQihlzexl7E8zdAQAEvgYtobP0xjrbDHYcPJk79cE4NEgCDIOkE9Ed9OW/90OffcAIwF1w466Omzg7ynCrUgfhDuYg/xLN4ZqaQSEiQpAikmORZxJsAoDzSe05fZWMchwxzGjYIp35UgzQcQAM6CalTt3qGPv/GCAAvABgExi9uMR++PnV2oPtUobdR4g/laF48Mcn2g32DWqNvgm63cLQkYhJmZqYgRezloP0TOM7sQPepMR++PhXsX2YHKddqhM615jHdKa6+FMxwHjrlLSYcOnKiP3xtylypxxTBaS31NOIPnWY7IxLB3MwUJmKSFpbL2/DX42a0tbEXevUr/lj9aoDOcbzGPQcAKCy7RfdVKBSQt7VBTJIgRSIQyrHFPJFUeP4mQABe4xwEzWuMk+2w54ZaE9/8dL4a/JF0T+uCc0x3iqs7Rw8+bOrbIwDMAwfOrg9eeX6u1P15oXASUr9HfOr3bEdICo5EIgYIAiAIyORt+JMHzqpX/LD6FX9BYwEKeNKQbtMaLEgkCRAESFIEMSmCvI0LiYLr6eYgaLwxTrZDHeyt8O1PZQZDEggIGDbtHyMBLAAXzv++MpmCI8wS0n5AfOoPbCdIEcyVJ2w6cmRyfjgv+2H1K35Ch6PNy00zJAkpAkkqI0n5bzVIZbdAQAVJt411sh3qYG9NfHumrAYd62UOwAF6QNIJ6GFtCYZPf4cXzs73X5o8VzpxsuDISfsBCWk/sh1gwFGZTCbHI144vlj1sq9W/cKyW/B0G877uWpxuZBkbW0QK8GofOKHdFupw6+vHkk2Qx3srIhvz5QzIZmBglQPAZB0ArIYGTQSwEJw4fx30aS50omTBMNJ/xEJaT+xtElShL5mpuhlIlZlNcjkGuC8NAOrXp6hU59eRFdNkIZTi11eQWvTkMRUiiMIQKxMdzLuOUmHPreMdbKxd7Czwrc/q0F6DgIgaQUkMrMaBeBFAIMZ4sSO/yz0mSudIBjOnvSfkJDOviOigsOMnFaZHI/+Uoez8qXpWPXSdMH6hWUVABTwcB3G214FqYgLSa4eSfyQtOvzRJL9sCEDie9+vlALdrpTQbqriYFGQJrgbH9vvs886QQfwXAyziAhnX0nhCRF6GveGyYmEvqCoFXexg9n0TSsemmaXvoAFSEEFPDUBMl1GACgqLyS7kNDEjMvHEiIxaQ6JB36fJE0dIglkf3LRb0g8QJSwlmkBuff87xfkE7wFg7nZ+zJ+EUNTj/z3ujFuCCQyeR49OcTHjhTsXLRVL30mVZYXgnqSB/K218bJImYpNIdlOmOF5J2fR5IdsNsLZH9yyU+SHXggaQGSGRmNRrAy+DA2fbuXK950vHC4Rz+BQkZv7IHI0Xob95bLa398ecTyLlwXpyCVYum6K1PiAi0cxaRgAKeLpogDYUCQOGFKrpPOyuSGOlOTKJV3qaXvjqkwXZDbS2I7F8v14ENyRE8kFiAlHBe4sLZ+q85XvOk472Ewtl7+FfsOfwb68+OYlKEAea91S8IlJHDbLvyxeex8sXnO6VvaiKhj3TVZ0XlVQAU8HCx1wgJAIovVHU846BQQC5vg0RCsi4cJCSptz4fJHsbCyJHHZJaJNGARGZWYwC8AmpLL3run/5ztud86XhPCLQ9R37DnsO/serEpAj9zPuglwk7ch4+eqweOQtVcDqnT53YScjkcvaRrowQ6khXN1W9WiTJ5JBwI6kT+lxzdho8xM5mAJHz25V6dKx3X3RE0h1ACUgjnHdmesyTjvMQHDlHfsfeI7+D+Xy0hCTR39wMpiYSuk4ma8Mfj56grU3Barty4WSsWDjZYH0xSUJMqu5Sg64vulANAPBwsePV93CxBwGg+EIN3UehAGSyNkjEYohJ0iB9bnF2GjzEfnB/5Px2lQmJme7ukBu2xooBvMmFs+UfER7z9YFzNA97juSxjhIxKUL/vn3Qq5eYVlYAuPfwT7XIWbHABysXTjJYX1XEYuU5Q8Y+0osuVIMA4OGsGZICQNHFjs2x2hUKtMrk6NO7FwgD9fkg2Q3uT+T+rgbJCcAZkpD0GQ3qYXZ6ep+8HeY+X+rmLhRO4tE87D2ax1ojCSnCgL5mMDURs+pbZXL89aSZVbdigQ9WLPDpEn3ueUkiJiGTydjnjAvVABRw1wiJ2mKu+GI165zUy0RCX9kZoq8OaZCtrXU/4nTetQaG+30BXCEJSZ8pAMZ0wAmduEDqNlFw5BzLx96jZ8E0MSnCgH5mvEf24+YWtMjkdNsV872xYoF3l+nzR5JY/Ui/WEPBcB7CD8nZjtGOMpIUoVcvSZfoc4uL0yBb20H9cDrvOhPSHTE6/m5BmaJdpM8Dd/zPNBCC+wMKrQ/4Ga6vuQ/1qry2ufKN3ZX63A7tbBaAiCQkfUgAU5UjEKfzbjTYWpvD2cnaRgh56ggBii/W0qpUzm6DiZikT6wdP8Dj5la6bdHFWlDpwLaL9Nk/ra1yPPjjMeRt7P1ll8/3xPL5nhrnlXisAInHCll9+pv3Vhuvs/rcciy7rPQ/O7NLwc4BJ0hC0ucBAB9QOY+GZGNlTrg4WQ8WBsmWWsRLdexFVP0eISbpIUlShCfNMlY6KFZC8hirCZJwfWZpkclw/xHP4s3zwPL5HprhZBYi8VgRq4+YJNG/b28QBGGwPrcczS4//99dOec5M2gAcJRUtD5uX//xp7UARjEhfZ9/s3HwQDPCWSAkd75FbKeOdImYem+HAEAQBCQSEq2tbRxIdZTOWBvD9JWlpVWG+388hlzOXrxl89yxfJ67xnkkZRYhMbNYDY5F/z6QMP7S21l9NTjflZe9H51bxgNnP4B6+rk4kZmVC4Al6Nh7GgCw6W/+bgukzm4QaImZJUjKLGFPUExN0NREQtc1t/BPcPm8iVg2b6JB+s2tMtx/yLd4E7Fci3ZSZgkS+bT79YFpL4bvndTn2tHsi2Xvx3zP3bW3HkAKgAsA2A8uisysXMEDaeMbvm4LpM6uQgdO+uIckr44x6oTi0lY8kC6x3cUvjABy16Y0Cl9ALjHt3id1eSB0xl9rh3Nvlj+v7E/aoJDP0ql9mSpEtIycCBtWDvDdaHU2UWoA9SES1l11CKasSfcIsO9h39pmPB4vfUB8GiN1wGnVANwob5q1+fakeyLFz7Y/RP3ebZ6AElgwAF4AAEsSLbM+g1rprsskI7VA1Ipko+fZ9VJxCQsB6hP/O4D/okvnTtOL32uLZ07Tivo5OPneUEP5PHx3oO/IOP4qEufa0ezL134IO7MBU51HXjgABoAAYDIzMoNwHJwIK1fPc15oXSMs1CHko6fR9JxdiRLNCzAXZ4FWDZ3HJbN1XwK5NPv6OuGZdoAHy9DEs8BJNw37fpcO5J9+eKH8T9f5FTXAUgEwDsJrQ/PKyGtAAfSulVTnBdKx4wV6ljy8TIkZ/FBMudZiD95jlI3LJ2jGRKf/tI5bliqBWxyVhmSeQ8cgT7p0OfakezLl9Yl/MoHZy80wAF0AAJoSCuhBun5sQuDRguGlJRVjuQsdgRLxCQGWpijN2NBnrTIcPe++oIsm+OKpXM0X6cw9ZfOccUyLW2Ts8qRZIAvuvS5diTnyqV1Cb9d4lTXAdgDLXAAAU/1LHRvaIw7UloNYCyAflBeq/9YWHXXyqI3XBwtrQT9njTGGgBQcqWJ1m5vV6ClVQ6JRKJ81JegfqeRkGhplSvfN6Ws+HIjAAUmjrbWqu8+ZhCWznHR6Efyl+VIzmKfAjrgmKimhyctcn44s1206nPLkZwrl9fv+f0K2L/n1EMAHEAAoDvXvsXaheMb4o6erwJ1U5WG9FNR9V2r/qaEq5OhkGQwkYjpXwQlYhImPJBKLjdROqOtNOpTY2iCcwHJX7KzjERMwsrCHH16mdCr19wiw937j3jgOGPpbGed81SVw9lXrmzYm8eFUwcgAYD2qxul6QTUdPUbAAqsWTCuIe5oWTW4kIpr7loNMBUcSRNHU+94lVy5Q4/BgiShbttohHSliaEjbKEABVJOXETyl+wso4LT29SEXr4nLTLc4YGzZNZYLJ09VvB4R3KuXtmQeJYPzh4IhAMIBkTZmgVuDXHHytTS3U/FNfcG9jOFq5PlQA0yLHPXAqkXTyQ1q0G6AwKgYeuylBOXkXxCHY61hTn6mDIip1kTnDFYOkvw6RaHs69d3ZhUcA3qcOIBlGrryzWdgBqvnATzyFgz37Uh/lh5FTiQzpTU3rPs34twcbQYqF8kdTzE0t6uQHNLR7oDGJBa1CEBwMTRA7WOk3LiMlJOXGbNSSImYW2pjBylPWmWoekeH5zRWDJrjM750Gkt59q1TcmFfHDioCccQNB2ZO1qpSxjYalyQOZTKcSm5MJrh3OuXePrw1eWzBqFJbNGsUaTydvQdP8RmltkIAiCLvx/AhI2jpoRYGk3t8jQxBs5Kv+EjdPVcAAhKe7KV+A7UtbMd66Pz7xYBcAZ1JcoKSOp7r5lPxO4OlpYCoukgVAAKLna8YhyW7sCzcpzkkzehqZ7j9Aq4yzezJFYOmtUj+urSkbO9esfpRTfABtOLYDdAM5pXWQtpjvFXf5K42er5znXx2deqgQFiU53P5fU37foa0K4OllYCnGCSlPqi9jSKsPjJ628i7dk5kgh0t2in5F948bH+87xwYmFAXCALtjt6nzq3HNKR5iPsxIf7z93IyP7+g2hrw8uiXDCkgj2W4Ktsjb1xYsYgSURToI0u0M/I/v6jY/388NRro1B1iWbKZUeml0CIAZqkEpvpmffuCl0w6LFEY5YHKH5zWrV55r6p3x1DSlfXTOaPrekZ9+4+fH+0ps8cGJKD80u6YrNlHSnuEtZGifELKtfGF2fcPxqJQBXMM5Jv5Q2PBhgLiHcHAdYCDonjbIAAJy7dp/lx+JwR+rI1tBv38kbSPn6Bkqu3qMuwUcO6FJ9bknPuXlr8+dlt6AOZ1fpwZklqnYJx69qXV9dphNQw8UswWKr5o5SQXIB45z0S2njgwHmJnB1HGAhRIe7iIvDHbE4XPPr8PtO3sS+kzfp/5dcpfpNGMk/nL76XMvIuX1r88FyXjjnPo8oYbY1FJDubyLWM0zPHQgrnhB5aieA/wFgr6rffLD8tkLRTrwU5OAgRGdxmANU23lR/+b3Y9/JW9h38pZ6/dc3AYUCi8OfM0ifa+k5t29vOXTxNtgX/tUAdp47EFbcFbssMk3n3ezSY692Snhi5LfuAN4GAxIAvPvqWIdFQcMdOiXKsf0nb2Pfydta2ywOd0BUeJcMh4ycittbDl3iDlgN4LOSAyHFPF0wMZJ/4yahZrQtMUv2BxcD+AzUd2nTqWDLoUsVGTkVFZ3VVZV9J28j5eRt1plBIqHuhDPrUlQQDRwvI6eiYsuhSxVgp7UaAJ+V7A8u1tjXQDPqvtnF+4JUkGrB2H1jy6FLlWnZtys7q7uPJ3JMJCRsrPvDxro/TCTsXUpU7Ts7Xlr27cothy5Vgr2DSC2Az4r3BRVr62t0QJ3Z6ZdZilMCigBsByeStqZdqUzPqajUV2//qQrsO1WhBsfWuj/Me5vAvLcJbPkgnarA/lMVevufnlNRuTXtCnPjPlXkbC9OCSjSexuargdkWGqAQoHiZP8iANvUIV2tSsuprNJHS/Oz2nyFOxX9/E7Lqazamna1CupwthUn+xcJ0jHQumVjcwXaUZTsq4LE3B6F2JZ+rSott7JKqE5UqB2iQlnXHWiVyVHX9BB/Nbfir+ZW1DU9RCvjDQoAiAq1R1SonWB/03Irq7alX+PCqQawrSjZt8jYm7ALBtQVEaQqRUkzCvkhXa9Oz6muFqoTFWKHqBD2uzetMhnqGh+grvEBWmUy1md0e4H66TnV1dvSr7N8pOEkzSjUa97GBmToftPcUpg4rRDAVjVIGder03KrqoXqRIYMQWQw+8vtW1rlaGmVs+oig+0QGTJEsH9puVXV2zJ44WwtTJxWqO98jQ6IeSR2VSlMnMoLaXvGzZq03JoaoTpRoUMQFTJEo+dRIUMQFSrsBSpAgbTcmprtGTdZ50nQcKYWdm6+hlmPfUVa4d4pBQA+BQfSjsM3a9JyamqEpzt+SHS94AuCmpodh3nhfFq4d0pBp+dqbEBdneKYpWDP5AIAW9QgHblVm5ZbUys43QXbIDK447G9yGBbRAbb6JHWamp3HLnFuhOv9GlLwZ7JBYbM0VATcC/O8KNAmxUkTCrwWpW3GcB7AOhNBnYcuV0LhQIvBdhqzmEMiwpWvVek/LdAv9NP19XuOFqhgqOyKgCbCxImFRh7/rpM5724ooPh3eKI16p8bwD/BrVTLm1vLxg+5OUAG1v+XoZZ2un6us8oOEyrBLC5IMHnLF8ffc1rVb5B/Xs0xTHL2XivswA2gzp66VTz2dGKutTcurquHi81t67us6MVrIdelGNvPhvvdbarxjHUeuQqTlM5G+95FsAn4EDaeayyPi23vr6rxknLra/feaySuXGECs4nlA9dOS/DrMeu4jSVs3EeZwF8DC6kzCoKkoH6abn19Tszq/jgfHw2zuNsl8/J2ICod/27t+TvdtcAqbohNbehobO6qbkNDTszq5kbRdBw8ne7nzXGXIwOqDtTHLPk756YD+AjcCDt+qK6Ie10Q4Peae10Q8OuL3jhfESNZay5GGZG/3ODISU/dnw+gE1Qg1TTmJrb0ChUJzW3oXHXFzWNPHA25ceOzzfqPIwNSNPXj3XXT17suHwAG0Fd/tILHH28tjH1dGOjrv6ppxsbo4/XcuFUAtiYFzsu39j+Gx1Qd18k8JW8GDdVJHEg1TWl5jY1aeqXmtvUFH28rokHzqa8GLf8bvHf6IDoXNqzJS/GNQ9UJLH+nBqTVdeYerqpids+9XRTU0xWXSNnMhUANlJa3eW7YfZMRBAdSdEuKkisSIrJqm9KPd0RSRScer7I2ZgX7ZLXrX4baAK+BfLpst+jXfImv3lhA4APQX1ZBQAgJqvhjkJ5Py02q+EO2PfWKgBs+D3aJe9pm48u03kvLj9peje5op9NfuviJADrwICkwSoArPt9l3OejnZGsclvcd+818+EvIZv0ABGNl2QKpSf9wicrjABFwlPteUBWA/OOQkd55z1eIbhAM9+BKmsFwAPZQGAImVp6TGPusj+D56qHfip9d+9AAAAAElFTkSuQmCC')";
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 numberFieldButton = tv2({
1013
- base: ["text-lol-gold-100 bg-lol-grey-hextech-black px-2.5"],
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: "text-lol-grey-150 bg-lol-grey-300"
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 NumberField({
1021
- inputProps = {},
1022
- groupProps = {},
1022
+ function Slider({
1023
1023
  children,
1024
- preset = "normal",
1024
+ className,
1025
+ sliderThumbProps = {},
1026
+ sliderTrackProps = {},
1027
+ sliderTrackBackgroundClassName,
1028
+ sliderTrackForegroundClassName,
1025
1029
  ...props
1026
1030
  }) {
1027
- return /* @__PURE__ */ jsx10(AriaNumberField, { ...props, children: (values) => /* @__PURE__ */ jsxs8(Fragment7, { children: [
1028
- typeof children === "function" ? children(values) : children,
1029
- /* @__PURE__ */ jsxs8(
1030
- Group,
1031
- {
1032
- ...groupProps,
1033
- className: (values2) => {
1034
- return numberFieldBorder({
1035
- className: resolveClassName(groupProps.className, values2),
1036
- preset,
1037
- ...values2
1038
- });
1039
- },
1040
- children: [
1041
- /* @__PURE__ */ jsx10(
1042
- Button2,
1043
- {
1044
- className: (values2) => numberFieldButton(values2),
1045
- slot: "decrement",
1046
- children: "-"
1047
- }
1048
- ),
1049
- /* @__PURE__ */ jsx10(
1050
- AriaInput3,
1051
- {
1052
- ...inputProps,
1053
- className: (values2) => {
1054
- return numberFieldInput({
1055
- className: resolveClassName(inputProps.className, values2),
1056
- ...values2
1057
- });
1058
- }
1059
- }
1060
- ),
1061
- /* @__PURE__ */ jsx10(
1062
- Button2,
1063
- {
1064
- className: (values2) => numberFieldButton(values2),
1065
- slot: "increment",
1066
- children: "+"
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 jsx11 } from "react/jsx-runtime";
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__ */ jsx11(
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/modal.tsx
1097
- import {
1098
- Modal as AriaModal,
1099
- Dialog,
1100
- DialogTrigger as AriaDialogTrigger,
1101
- Heading as AriaHeading,
1102
- ModalOverlay
1103
- } from "react-aria-components";
1104
- import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
1105
- var modalOverlay = tv({
1106
- 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"
1107
- });
1108
- var modal = tv({
1109
- base: "w-full max-w-md"
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 dialog = tv({
1112
- base: "relative max-h-screen py-4 outline-none"
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 dialogBorder = tv({
1200
+ var switchKnobBorder = tv({
1115
1201
  base: [
1116
- "bg-gradient-to-b p-0.5 text-left align-middle shadow-xl",
1117
- goldGradientPressed
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 Modal({
1121
- modalOverlayClassName,
1122
- dialogProps = {},
1123
- children,
1220
+ function Switch({
1124
1221
  className,
1125
- ...modalProps
1222
+ placeholder,
1223
+ children,
1224
+ ...props
1126
1225
  }) {
1127
- return /* @__PURE__ */ jsx12(
1128
- ModalOverlay,
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: dialogHeading({
1172
- className
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 jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
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__ */ jsx13(TabsContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx13(
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__ */ jsx13(
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__ */ jsx13(
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__ */ jsxs10(Fragment9, { children: [
1309
+ children: (values) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
1255
1310
  typeof children === "function" ? children(values) : children,
1256
- values.isSelected && /* @__PURE__ */ jsx13(
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__ */ jsx13(AriaTabPanel, { ...rest });
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,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAADGUExURQEKE8ufQgEKEwEKEwEKE2BKJAEKEwEKEwEKEwEKEwEKE82pUsufQgEKEwEKEwEKEwEKE4ZyPMibPAEKEwEKEwEKEwEKE4dyPbGLNwEKEwEKEwEKE4lzPXdgK2BKJAEKExIXGW5eNAEKEwEKE4l0PXxkLAEKE2lYLYRsMwEKE4p1PnxjLAEKE3xjLK2KPHtjLAEKEwEKEwEKEwEKE3piLHliLAEKEz83IAEKEwEKEwEKEwEKEwEKE3haKMqdP8ibPM6lSP///+ZGYZsAAAA9dFJOUwAAJkAGoCC1tLOoZQyamZiXy2CWlZSTyYyRkI/Hzp+ym7yOjMXCqr3Gi8TAisXivoeIp7HBvYagr6yppqXEhWWQAAAAAWJLR0RBid5sTgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+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/UDfLyBPOD3r126JW6dvPxVUo9IynhvS78Aph9XiOi4sfEAAACNSURBVAjXTc9rF4EwHIDx2aIL2lBDIeR+nZBL5d/3/1RWnbPT8+738kGYqLCGEMlUzVZDUtcNs8xqdySNrk0pZYz2fn1J02YDx+V8CCOtIHP42PMnMJ1hyWC+8JbhCtabjBTc5rv9AY4nq6J7hgtcxS0qeef+A55xLBTDl1AM3p9vlKRpUrEWQbUFOfEHkvkXqFyvXqMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMDktMjNUMTI6NTk6MTYrMDA6MDDJOJRLAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwuGUs9wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMy0wOS0yM1QxMjo1OTozMyswMDowMP9tJfIAAAAASUVORK5CYII=')";
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 AriaTextField2,
1338
+ TextField as AriaTextField,
1331
1339
  TextArea as AriaTextArea
1332
1340
  } from "react-aria-components";
1333
- import { Fragment as Fragment11, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
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: [goldGradientDisabled]
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__ */ jsx15(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs12(Fragment11, { children: [
1372
+ return /* @__PURE__ */ jsx16(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
1365
1373
  typeof children === "function" ? children(values) : children,
1366
- /* @__PURE__ */ jsx15(
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__ */ jsx15(
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/typography/text.tsx
1535
- import { createElement as createElement2 } from "react";
1397
+ // src/components/text-field.tsx
1536
1398
  import {
1537
- Label as AriaLabel
1399
+ TextField as AriaTextField2,
1400
+ Input as AriaInput3
1538
1401
  } from "react-aria-components";
1539
- var presetElements = {
1540
- sm: "p",
1541
- base: "p",
1542
- md: "p",
1543
- lg: "p",
1544
- "large-number": "span",
1545
- stat: "span"
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
- color: {
1551
- "grey-100": "text-lol-grey-100",
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
- function Text({
1567
- as = "p",
1568
- preset = "base",
1569
- color = "grey-100",
1570
- className,
1571
- ...rest
1572
- }) {
1573
- const elementType = as ?? presetElements[preset];
1574
- return createElement2(elementType, {
1575
- ...rest,
1576
- className: text({ preset, color, className })
1577
- });
1578
- }
1579
- function Label2({
1580
- preset = "sm",
1581
- color = "grey-100",
1582
- className,
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 createElement2(AriaLabel, {
1586
- ...rest,
1587
- className: text({ preset, color, className })
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: goldGradientDisabled
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: hextechGradientDisabled
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