@lolmath/ui 0.0.0-20240810205542

package/dist/lib/components/modal_module.css

@@ -0,0 +1,82 @@
+@layer lol {
+	.overlay_89a70 {
+		background-color: color-mix(in srgb, var(--lol-color-hextech-black), transparent 75%);
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: var(--lol-z-index-overlay);
+		display: flex;
+		flex-direction: column;
+		min-height: 100%;
+		align-items: center;
+		justify-content: safe center;
+		overflow-y: auto;
+		padding: 1rem 0;
+		text-align: center;
+		backdrop-filter: blur(8px);
+	}
+
+	.dialog_89a70 {
+		background: var(--lol-button-background-gradient) padding-box,
+			var(--lol-button-border-gradient) border-box;
+		border: 2px solid transparent;
+
+
+		--lol-button-background-gradient: var(--lol-gradient-hextech-black);
+		--lol-button-border-gradient: linear-gradient(to bottom, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500));
+
+		position: relative;
+		outline: none;
+	}
+
+		.dialog_89a70::before,
+		.dialog_89a70::after {
+			position: absolute;
+			left: 1.25rem;
+			right: 1.25rem;
+			content: '';
+			display: block;
+			height: 0.25rem;
+			background-color: var(--lol-color-hextech-black);
+			border-radius: 9999px;
+		}
+
+		.dialog_89a70::before {
+			bottom: calc(100% + 2px);
+			border: 1px solid var(--lol-color-gold-600);
+			border-bottom: 0;
+		}
+
+		.dialog_89a70::after {
+			top: calc(100% + 2px);
+			border: 1px solid var(--lol-color-gold-500);
+			border-top: 0;
+		}
+
+
+	.modal_89a70 {
+		width: 100%;
+		max-width: 28rem;
+	}
+
+	.dialogHeading_89a70 {
+		color: var(--lol-color-gold-100);
+		font-family: var(--lol-font-family-beaufort);
+		text-transform: uppercase;
+		font-size: var(--lol-font-size-h5);
+		font-weight: var(--lol-font-weight-h5);
+		letter-spacing: var(--lol-letter-spacing-h5);
+		line-height: var(--lol-line-height-h5);
+	}
+
+	.dialogButtons_89a70 {
+		justify-content: center;
+		transform: translateY(2px);
+		padding: 0 0.25rem;
+		gap: 0.25rem;
+		background-color: var(--lol-color-hextech-black);
+		display: inline-flex;
+	}
+}

package/dist/lib/components/number-field.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from "react";
+import type { NumberFieldProps as AriaNumberFieldProps } from "react-aria-components";
+import { Input as AriaInput, Group } from "react-aria-components";
+type NumberFieldPreset = "normal" | "dimmed";
+export declare function NumberField({ inputProps, groupProps, children, preset, ...props }: AriaNumberFieldProps & {
+    inputProps?: ComponentProps<typeof AriaInput>;
+    groupProps?: ComponentProps<typeof Group>;
+    preset?: NumberFieldPreset;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/number-field.js

@@ -0,0 +1,132 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var number_field_exports = {};
+__export(number_field_exports, {
+  NumberField: () => NumberField
+});
+module.exports = __toCommonJS(number_field_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cva = require("cva");
+var import_react_aria_components = require("react-aria-components");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_number_field = __toESM(require("./number-field.module"));
+const numberFieldGroup = (0, import_cva.cva)({
+  base: import_number_field.default.group,
+  variants: {
+    preset: {
+      normal: import_number_field.default.normal,
+      dimmed: import_number_field.default.dimmed
+    },
+    isDisabled: {
+      true: import_number_field.default.disabled
+    },
+    isFocusWithin: {
+      true: import_number_field.default.focusWithin
+    }
+  }
+});
+const numberFieldInput = (0, import_cva.cva)({
+  base: import_number_field.default.input,
+  variants: {
+    isDisabled: {
+      true: import_number_field.default.disabled
+    },
+    isFocused: {
+      true: import_number_field.default.focus
+    }
+  }
+});
+const numberFieldButton = (0, import_cva.cva)({
+  base: import_number_field.default.button,
+  variants: {
+    isDisabled: {
+      true: import_number_field.default.disabled
+    }
+  }
+});
+function NumberField({
+  inputProps = {},
+  groupProps = {},
+  children,
+  preset = "normal",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.NumberField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    typeof children === "function" ? children(values) : children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_react_aria_components.Group,
+      {
+        ...groupProps,
+        className: (values2) => {
+          return numberFieldGroup({
+            className: (0, import_resolve_class_name.resolveClassName)(groupProps.className, values2),
+            preset,
+            ...values2
+          });
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_aria_components.Button,
+            {
+              className: (values2) => numberFieldButton(values2),
+              slot: "decrement",
+              children: "-"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_aria_components.Input,
+            {
+              ...inputProps,
+              className: (values2) => {
+                return numberFieldInput({
+                  className: (0, import_resolve_class_name.resolveClassName)(inputProps.className, values2),
+                  ...values2
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_aria_components.Button,
+            {
+              className: (values2) => numberFieldButton(values2),
+              slot: "increment",
+              children: "+"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NumberField
+});
+
+//# sourceMappingURL=number-field.js.map

package/dist/lib/components/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEI;AAjEJ,iBAAoB;AAGpB,mCAKO;AACP,gCAAiC;AACjC,0BAAoB;AAIpB,MAAM,uBAAmB,gBAAI;AAAA,EAC5B,MAAM,oBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,QAAQ,oBAAAA,QAAQ;AAAA,MAChB,QAAQ,oBAAAA,QAAQ;AAAA,IACjB;AAAA,IACA,YAAY;AAAA,MACX,MAAM,oBAAAA,QAAQ;AAAA,IACf;AAAA,IACA,eAAe;AAAA,MACd,MAAM,oBAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,uBAAmB,gBAAI;AAAA,EAC5B,MAAM,oBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,oBAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,oBAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,wBAAoB,gBAAI;AAAA,EAC7B,MAAM,oBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,oBAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,YAAY;AAAA,EAC3B,aAAa,CAAC;AAAA,EACd,aAAa,CAAC;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACJ,GAIG;AACF,SACC,4CAAC,6BAAAC,aAAA,EAAiB,GAAG,OACnB,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACC,YAAW;AACtB,iBAAO,iBAAiB;AAAA,YACvB,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,YACxD;AAAA,YACA,GAAGA;AAAA,UACJ,CAAC;AAAA,QACF;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACL;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC,6BAAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACJ,WAAW,CAACD,YAAW;AACtB,uBAAO,iBAAiB;AAAA,kBACvB,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,kBACxD,GAAGA;AAAA,gBACJ,CAAC;AAAA,cACF;AAAA;AAAA,UACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACL;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACD;AAAA,KACD,GAEF;AAEF","names":["classes","AriaNumberField","values","AriaInput"],"ignoreList":[],"sources":["../../../src/components/number-field.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { ComponentProps } from \"react\";\nimport type { NumberFieldProps as AriaNumberFieldProps } from \"react-aria-components\";\nimport {\n\tInput as AriaInput,\n\tNumberField as AriaNumberField,\n\tButton,\n\tGroup,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./number-field.module\";\n\ntype NumberFieldPreset = \"normal\" | \"dimmed\";\n\nconst numberFieldGroup = cva({\n\tbase: classes.group,\n\tvariants: {\n\t\tpreset: {\n\t\t\tnormal: classes.normal,\n\t\t\tdimmed: classes.dimmed,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocusWithin: {\n\t\t\ttrue: classes.focusWithin,\n\t\t},\n\t},\n});\n\nconst numberFieldInput = cva({\n\tbase: classes.input,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: classes.focus,\n\t\t},\n\t},\n});\n\nconst numberFieldButton = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t},\n});\n\nexport function NumberField({\n\tinputProps = {},\n\tgroupProps = {},\n\tchildren,\n\tpreset = \"normal\",\n\t...props\n}: AriaNumberFieldProps & {\n\tinputProps?: ComponentProps<typeof AriaInput>;\n\tgroupProps?: ComponentProps<typeof Group>;\n\tpreset?: NumberFieldPreset;\n}) {\n\treturn (\n\t\t<AriaNumberField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<Group\n\t\t\t\t\t\t{...groupProps}\n\t\t\t\t\t\tclassName={(values) => {\n\t\t\t\t\t\t\treturn numberFieldGroup({\n\t\t\t\t\t\t\t\tclassName: resolveClassName(groupProps.className, values),\n\t\t\t\t\t\t\t\tpreset,\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName={(values) => numberFieldButton(values)}\n\t\t\t\t\t\t\tslot=\"decrement\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t-\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<AriaInput\n\t\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\t\tclassName={(values) => {\n\t\t\t\t\t\t\t\treturn numberFieldInput({\n\t\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps.className, values),\n\t\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName={(values) => numberFieldButton(values)}\n\t\t\t\t\t\t\tslot=\"increment\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Group>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaNumberField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/number-field.module.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var number_field_exports = {};
+__export(number_field_exports, {
+  default: () => number_field_default
+});
+module.exports = __toCommonJS(number_field_exports);
+var import_number_field_module = require("./number-field_module.css");
+var number_field_default = { "group": "group_e97f5", "normal": "normal_e97f5", "dimmed": "dimmed_e97f5", "disabled": "disabled_e97f5", "focusWithin": "focusWithin_e97f5", "input": "input_e97f5", "focus": "focus_e97f5", "button": "button_e97f5" };
+
+//# sourceMappingURL=number-field.module.js.map

package/dist/lib/components/number-field.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAO;AAA4B,IAAO,uBAAQ,EAAC,SAAQ,eAAc,UAAS,gBAAe,UAAS,gBAAe,YAAW,kBAAiB,eAAc,qBAAoB,SAAQ,eAAc,SAAQ,eAAc,UAAS,eAAc","names":[],"ignoreList":[],"sources":["../../../src/components/number-field.module.css"],"sourcesContent":["import \"./number-field_module.css\";export default {\"group\":\"group_e97f5\",\"normal\":\"normal_e97f5\",\"dimmed\":\"dimmed_e97f5\",\"disabled\":\"disabled_e97f5\",\"focusWithin\":\"focusWithin_e97f5\",\"input\":\"input_e97f5\",\"focus\":\"focus_e97f5\",\"button\":\"button_e97f5\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/number-field_module.css

@@ -0,0 +1,56 @@
+@layer lol {
+	.group_e97f5 {
+		display: grid;
+		grid-template-columns: auto 1fr auto;
+		gap: 1px;
+		padding: 1px;
+		outline: none;
+	}
+
+		.group_e97f5.normal_e97f5 {
+			background-image: var(--lol-gradient-gold);
+		}
+
+		.group_e97f5.dimmed_e97f5 {
+			background-image: var(--lol-gradient-grey-300);
+		}
+
+		.group_e97f5.disabled_e97f5 {
+			background-image: var(--lol-gradient-disabled);
+		}
+
+		.group_e97f5.focusWithin_e97f5 {
+			background-image: var(--lol-gradient-gold-hover);
+		}
+
+	.input_e97f5 {
+		background-color: var(--lol-color-hextech-black);
+		color: var(--lol-color-gold-100);
+		font-family: var(--lol-font-family-spiegel);
+		font-size: 0.75rem;
+		padding: 0.5rem 0.75rem;
+		line-height: 1rem;
+		width: 100%;
+		outline: none;
+	}
+
+		.input_e97f5.disabled_e97f5 {
+			background-color: var(--lol-color-grey-300);
+			color: var(--lol-color-grey-100);
+		}
+
+		.input_e97f5.focus_e97f5 {
+			background-image: var(--lol-gradient-grey-focus);
+		}
+
+	.button_e97f5 {
+		color: var(--lol-color-gold-100);
+		background-color: var(--lol-color-hextech-black);
+		padding: 0 0.625rem;
+	}
+
+		.button_e97f5.disabled_e97f5 {
+			color: var(--lol-color-grey-150);
+			background-color: var(--lol-color-grey-300);
+		}
+}

package/dist/lib/components/popover.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/popover.js

@@ -0,0 +1 @@
+"use strict";

package/dist/lib/components/progress-bar.d.ts

@@ -0,0 +1,6 @@
+import { type ProgressBarProps as AriaProgressBarProps } from "react-aria-components";
+interface ProgressBarProps extends Omit<AriaProgressBarProps, "children"> {
+    label?: string;
+}
+export declare function ProgressBar({ className, label, ...props }: ProgressBarProps): JSX.Element;
+export {};

package/dist/lib/components/progress-bar.js

@@ -0,0 +1,56 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var progress_bar_exports = {};
+__export(progress_bar_exports, {
+  ProgressBar: () => ProgressBar
+});
+module.exports = __toCommonJS(progress_bar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cva = require("cva");
+var import_react_aria_components = require("react-aria-components");
+var import_progress_bar = __toESM(require("./progress-bar.module"));
+function ProgressBar({
+  className,
+  label,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.ProgressBar, { className: (0, import_cva.cx)(import_progress_bar.default.wrapper, className), ...props, children: ({ percentage, valueText }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_progress_bar.default.labelWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.Label, { children: label ?? "Loading" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: valueText })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_progress_bar.default.progressBar, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_progress_bar.default.fill, style: { width: `${percentage}%` } }) })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBar
+});
+
+//# sourceMappingURL=progress-bar.js.map

package/dist/lib/components/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AApBJ,iBAAmB;AACnB,mCAIO;AACP,0BAAoB;AAMb,SAAS,YAAY;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAkC;AACjC,SACC,4CAAC,6BAAAA,aAAA,EAAgB,eAAW,eAAG,oBAAAC,QAAQ,SAAS,SAAS,GAAI,GAAG,OAC9D,WAAC,EAAE,YAAY,UAAU,MACzB,4EACC;AAAA,iDAAC,SAAI,WAAW,oBAAAA,QAAQ,cACvB;AAAA,kDAAC,sCAAO,mBAAS,WAAU;AAAA,MAC3B,4CAAC,UAAM,qBAAU;AAAA,OAClB;AAAA,IACA,4CAAC,SAAI,WAAW,oBAAAA,QAAQ,aACvB,sDAAC,SAAI,WAAW,oBAAAA,QAAQ,MAAM,OAAO,EAAE,OAAO,GAAG,UAAU,IAAI,GAAG,GACnE;AAAA,KACD,GAEF;AAEF","names":["AriaProgressBar","classes"],"ignoreList":[],"sources":["../../../src/components/progress-bar.tsx"],"sourcesContent":["import { cx } from \"cva\";\nimport {\n\tProgressBar as AriaProgressBar,\n\ttype ProgressBarProps as AriaProgressBarProps,\n\tLabel,\n} from \"react-aria-components\";\nimport classes from \"./progress-bar.module\";\n\ninterface ProgressBarProps extends Omit<AriaProgressBarProps, \"children\"> {\n\tlabel?: string;\n}\n\nexport function ProgressBar({\n\tclassName,\n\tlabel,\n\t...props\n}: ProgressBarProps): JSX.Element {\n\treturn (\n\t\t<AriaProgressBar className={cx(classes.wrapper, className)} {...props}>\n\t\t\t{({ percentage, valueText }) => (\n\t\t\t\t<>\n\t\t\t\t\t<div className={classes.labelWrapper}>\n\t\t\t\t\t\t<Label>{label ?? \"Loading\"}</Label>\n\t\t\t\t\t\t<span>{valueText}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={classes.progressBar}>\n\t\t\t\t\t\t<div className={classes.fill} style={{ width: `${percentage}%` }} />\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaProgressBar>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/progress-bar.module.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var progress_bar_exports = {};
+__export(progress_bar_exports, {
+  default: () => progress_bar_default
+});
+module.exports = __toCommonJS(progress_bar_exports);
+var import_progress_bar_module = require("./progress-bar_module.css");
+var progress_bar_default = { "wrapper": "wrapper_4d0d4", "progressBar": "progressBar_4d0d4", "fill": "fill_4d0d4", "labelWrapper": "labelWrapper_4d0d4" };
+
+//# sourceMappingURL=progress-bar.module.js.map

package/dist/lib/components/progress-bar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAO;AAA4B,IAAO,uBAAQ,EAAC,WAAU,iBAAgB,eAAc,qBAAoB,QAAO,cAAa,gBAAe,qBAAoB","names":[],"ignoreList":[],"sources":["../../../src/components/progress-bar.module.css"],"sourcesContent":["import \"./progress-bar_module.css\";export default {\"wrapper\":\"wrapper_4d0d4\",\"progressBar\":\"progressBar_4d0d4\",\"fill\":\"fill_4d0d4\",\"labelWrapper\":\"labelWrapper_4d0d4\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/progress-bar_module.css

@@ -0,0 +1,35 @@
+@layer lol {
+	.wrapper_4d0d4 {
+		display: flex;
+		width: 14rem;
+		flex-direction: column;
+		gap: 0.25rem;
+		font-size: 0.875rem;
+	}
+
+	.progressBar_4d0d4 {
+		margin-left: -0.125rem;
+		margin-right: -0.25rem;
+		height: 0.75rem;
+		border-radius: 9999px;
+		padding: 1px;
+		background: var(--lol-gradient-grey-300) padding-box,
+			var(--lol-gradient-gold) border-box;
+		border: 1px solid transparent;
+	}
+
+	.fill_4d0d4 {
+		background-image: linear-gradient(to right, var(--lol-color-blue-400), var(--lol-color-blue-200));
+		border-radius: 9999px;
+		height: 100%;
+	}
+
+	.labelWrapper_4d0d4 {
+		display: flex;
+		justify-content: space-between;
+		font-weight: 700;
+		text-transform: uppercase;
+		font-family: var(--lol-font-family-beaufort);
+		color: var(--lol-color-gold-100);
+	}
+}

package/dist/lib/components/radio-group/radio-group.d.ts

@@ -0,0 +1,3 @@
+import { type RadioProps as AriaRadioProps, type RadioGroupProps as AriaRadiogroupProps } from "react-aria-components";
+export declare function RadioGroup({ className, ...props }: AriaRadiogroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Radio({ className, ...props }: AriaRadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/radio-group/radio-group.js

@@ -0,0 +1,78 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var radio_group_exports = {};
+__export(radio_group_exports, {
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(radio_group_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cva = require("cva");
+var import_react_aria_components = require("react-aria-components");
+var import_resolve_class_name = require("../../utilities/resolve-class-name.js");
+var import_radio_group = __toESM(require("./radio-group.module"));
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.RadioGroup,
+    {
+      ...props,
+      className: (values) => {
+        return (0, import_cva.cx)(import_radio_group.default.radioGroup, (0, import_resolve_class_name.resolveClassName)(className, values));
+      }
+    }
+  );
+}
+const radio = (0, import_cva.cva)({
+  base: import_radio_group.default.radio,
+  variants: {
+    isDisabled: { true: import_radio_group.default.disabled },
+    isHovered: { true: import_radio_group.default.hovered },
+    isSelected: { true: import_radio_group.default.selected },
+    isPressed: { true: import_radio_group.default.pressed }
+  }
+});
+function Radio({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Radio,
+    {
+      ...props,
+      className: (values) => radio({
+        ...values,
+        className: (0, import_resolve_class_name.resolveClassName)(className, values)
+      })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Radio,
+  RadioGroup
+});
+
+//# sourceMappingURL=radio-group.js.map

package/dist/lib/components/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYE;AAZF,iBAAwB;AACxB,mCAKO;AACP,gCAAiC;AACjC,yBAAoB;AAEb,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAwB;AACxE,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,mBAAO,eAAG,mBAAAC,QAAQ,gBAAY,4CAAiB,WAAW,MAAM,CAAC;AAAA,MAClE;AAAA;AAAA,EACD;AAEF;AAEA,MAAM,YAAQ,gBAAI;AAAA,EACjB,MAAM,mBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY,EAAE,MAAM,mBAAAA,QAAQ,SAAS;AAAA,IACrC,WAAW,EAAE,MAAM,mBAAAA,QAAQ,QAAQ;AAAA,IACnC,YAAY,EAAE,MAAM,mBAAAA,QAAQ,SAAS;AAAA,IACrC,WAAW,EAAE,MAAM,mBAAAA,QAAQ,QAAQ;AAAA,EACpC;AACD,CAAC;AACM,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAmB;AAC9D,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,MAAM;AAAA,QACL,GAAG;AAAA,QACH,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA;AAAA,EAEH;AAEF","names":["AriaRadioGroup","classes","AriaRadio"],"ignoreList":[],"sources":["../../../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport {\n\tRadio as AriaRadio,\n\tRadioGroup as AriaRadioGroup,\n\ttype RadioProps as AriaRadioProps,\n\ttype RadioGroupProps as AriaRadiogroupProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./radio-group.module\";\n\nexport function RadioGroup({ className, ...props }: AriaRadiogroupProps) {\n\treturn (\n\t\t<AriaRadioGroup\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn cx(classes.radioGroup, resolveClassName(className, values));\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst radio = cva({\n\tbase: classes.radio,\n\tvariants: {\n\t\tisDisabled: { true: classes.disabled },\n\t\tisHovered: { true: classes.hovered },\n\t\tisSelected: { true: classes.selected },\n\t\tisPressed: { true: classes.pressed },\n\t},\n});\nexport function Radio({ className, ...props }: AriaRadioProps) {\n\treturn (\n\t\t<AriaRadio\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tradio({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/radio-group/radio-group.module.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var radio_group_exports = {};
+__export(radio_group_exports, {
+  default: () => radio_group_default
+});
+module.exports = __toCommonJS(radio_group_exports);
+var import_radio_group_module = require("./radio-group_module.css");
+var radio_group_default = { "radioGroup": "radioGroup_caf70", "radio": "radio_caf70", "selected": "selected_caf70", "disabled": "disabled_caf70", "hovered": "hovered_caf70", "pressed": "pressed_caf70" };
+
+//# sourceMappingURL=radio-group.module.js.map

package/dist/lib/components/radio-group/radio-group.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAO;AAA2B,IAAO,sBAAQ,EAAC,cAAa,oBAAmB,SAAQ,eAAc,YAAW,kBAAiB,YAAW,kBAAiB,WAAU,iBAAgB,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/radio-group/radio-group.module.css"],"sourcesContent":["import \"./radio-group_module.css\";export default {\"radioGroup\":\"radioGroup_caf70\",\"radio\":\"radio_caf70\",\"selected\":\"selected_caf70\",\"disabled\":\"disabled_caf70\",\"hovered\":\"hovered_caf70\",\"pressed\":\"pressed_caf70\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/radio-group/radio-group_module.css

@@ -0,0 +1,55 @@
+@layer lol {
+	.radioGroup_caf70 {
+		display: flex;
+		align-items: flex-start;
+		flex-direction: column;
+	}
+
+	.radio_caf70 {
+		font-family: var(--lol-font-family-spiegel);
+		background-size: 18px;
+		background-position: left;
+		background-repeat: no-repeat;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		padding-left: 1.5rem;
+		padding-right: 1rem;
+		font-size: 0.75rem;
+		line-height: 1rem;
+		font-weight: 400;
+		background-image: url('../../assets/unchecked.ad8e0a95.png');
+		color: var(--lol-color-grey-100);
+	}
+
+		.radio_caf70.selected_caf70 {
+			color: var(--lol-color-gold-100);
+			background-image: url('../../assets/checked.b9e4b215.png');
+		}
+
+		.radio_caf70.disabled_caf70 {
+			color: var(--lol-color-grey-150);
+			background-image: url('../../assets/unchecked-disabled.702505e2.png');
+		}
+
+			.radio_caf70.disabled_caf70.selected_caf70 {
+				background-image: url('../../assets/checked-disabled.b5430cf5.png');
+			}
+
+		.radio_caf70.hovered_caf70 {
+			color: var(--lol-color-gold-100);
+			background-image: url('../../assets/unchecked-hovered.e26c4420.png');
+		}
+
+			.radio_caf70.hovered_caf70.selected_caf70 {
+				background-image: url('../../assets/checked-hovered.67390091.png');
+			}
+
+		.radio_caf70.pressed_caf70 {
+			color: var(--lol-color-grey-150);
+			background-image: url('../../assets/unchecked-pressed.161ab6f8.png');
+		}
+
+			.radio_caf70.pressed_caf70.selected_caf70 {
+				background-image: url('../../assets/checked-pressed.cffd963b.png');
+			}
+}

package/dist/lib/components/search-field/search-field.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "react";
+import { Input as AriaInput, type SearchFieldProps as AriaSearchFieldProps } from "react-aria-components";
+export declare function SearchField({ inputProps, borderProps, children, className, ...props }: AriaSearchFieldProps & {
+    inputProps?: ComponentProps<typeof AriaInput>;
+    borderProps?: ComponentProps<"div">;
+}): import("react/jsx-runtime").JSX.Element;