@lolmath/ui 0.0.0-20240810205542

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

@@ -0,0 +1,3 @@
+import { type BreadcrumbProps, type BreadcrumbsProps, type LinkProps } from "react-aria-components";
+export declare function Breadcrumbs<T extends object>({ className, ...props }: BreadcrumbsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb(props: BreadcrumbProps & LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,86 @@
+"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 breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  Breadcrumb: () => Breadcrumb,
+  Breadcrumbs: () => Breadcrumbs
+});
+module.exports = __toCommonJS(breadcrumbs_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_breadcrumbs = __toESM(require("../breadcrumbs/breadcrumbs.module"));
+var import_divider_83026e17 = __toESM(require("../../assets/divider.83026e17.png"));
+function Breadcrumbs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Breadcrumbs,
+    {
+      ...props,
+      className: (0, import_cva.cx)(import_breadcrumbs.default.breadcrumbs, className)
+    }
+  );
+}
+const breadcrumbLink = (0, import_cva.cva)({
+  base: import_breadcrumbs.default.link,
+  variants: {
+    isHovered: { true: import_breadcrumbs.default.hover }
+  }
+});
+function Breadcrumb(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_aria_components.Breadcrumb,
+    {
+      ...props,
+      className: (values) => (0, import_cva.cx)(import_breadcrumbs.default.item, (0, import_resolve_class_name.resolveClassName)(props.className, values)),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_aria_components.Link,
+          {
+            className: (values) => breadcrumbLink({
+              isHovered: values.isHovered
+            }),
+            ...props
+          }
+        ),
+        props.href && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_divider_83026e17.default, alt: "", className: import_breadcrumbs.default.divider })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Breadcrumb,
+  Breadcrumbs
+});
+
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/lib/components/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBE;AAlBF,iBAAwB;AACxB,mCAOO;AACP,gCAAiC;AACjC,yBAAoB;AACpB,8BAAoB;AAEb,SAAS,YAA8B;AAAA,EAC7C;AAAA,EACA,GAAG;AACJ,GAAwB;AACvB,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,eAAW,eAAG,mBAAAC,QAAQ,aAAa,SAAS;AAAA;AAAA,EAC7C;AAEF;AAEA,MAAM,qBAAiB,gBAAI;AAAA,EAC1B,MAAM,mBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,mBAAAA,QAAQ,MAAM;AAAA,EAClC;AACD,CAAC;AAEM,SAAS,WAAW,OAAoC;AAC9D,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,eACX,eAAG,mBAAAD,QAAQ,UAAM,4CAAiB,MAAM,WAAW,MAAM,CAAC;AAAA,MAG3D;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,CAAC,WACX,eAAe;AAAA,cACd,WAAW,OAAO;AAAA,YACnB,CAAC;AAAA,YAED,GAAG;AAAA;AAAA,QACL;AAAA,QACC,MAAM,QAAQ,4CAAC,SAAI,KAAK,wBAAAE,SAAS,KAAI,IAAG,WAAW,mBAAAF,QAAQ,SAAS;AAAA;AAAA;AAAA,EACtE;AAEF","names":["AriaBreadcrumbs","classes","AriaBreadcrumb","divider"],"ignoreList":[],"sources":["../../../../src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport {\n\tBreadcrumb as AriaBreadcrumb,\n\tBreadcrumbs as AriaBreadcrumbs,\n\ttype BreadcrumbProps,\n\ttype BreadcrumbsProps,\n\tLink,\n\ttype LinkProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"../breadcrumbs/breadcrumbs.module\";\nimport divider from \"../../assets/divider.83026e17.png\";\n\nexport function Breadcrumbs<T extends object>({\n\tclassName,\n\t...props\n}: BreadcrumbsProps<T>) {\n\treturn (\n\t\t<AriaBreadcrumbs\n\t\t\t{...props}\n\t\t\tclassName={cx(classes.breadcrumbs, className)}\n\t\t/>\n\t);\n}\n\nconst breadcrumbLink = cva({\n\tbase: classes.link,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t},\n});\n\nexport function Breadcrumb(props: BreadcrumbProps & LinkProps) {\n\treturn (\n\t\t<AriaBreadcrumb\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tcx(classes.item, resolveClassName(props.className, values))\n\t\t\t}\n\t\t>\n\t\t\t<Link\n\t\t\t\tclassName={(values) =>\n\t\t\t\t\tbreadcrumbLink({\n\t\t\t\t\t\tisHovered: values.isHovered,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t{props.href && <img src={divider} alt=\"\" className={classes.divider} />}\n\t\t</AriaBreadcrumb>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/breadcrumbs/breadcrumbs.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 breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  default: () => breadcrumbs_default
+});
+module.exports = __toCommonJS(breadcrumbs_exports);
+var import_breadcrumbs_module = require("./breadcrumbs_module.css");
+var breadcrumbs_default = { "breadcrumbs": "breadcrumbs_a2b0d", "item": "item_a2b0d", "link": "link_a2b0d", "hover": "hover_a2b0d", "divider": "divider_a2b0d" };
+
+//# sourceMappingURL=breadcrumbs.module.js.map

package/dist/lib/components/breadcrumbs/breadcrumbs.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAO;AAA2B,IAAO,sBAAQ,EAAC,eAAc,qBAAoB,QAAO,cAAa,QAAO,cAAa,SAAQ,eAAc,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/breadcrumbs/breadcrumbs.module.css"],"sourcesContent":["import \"./breadcrumbs_module.css\";export default {\"breadcrumbs\":\"breadcrumbs_a2b0d\",\"item\":\"item_a2b0d\",\"link\":\"link_a2b0d\",\"hover\":\"hover_a2b0d\",\"divider\":\"divider_a2b0d\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/breadcrumbs/breadcrumbs_module.css

@@ -0,0 +1,30 @@
+@layer lol {
+	.breadcrumbs_a2b0d {
+		display: flex;
+		gap: 0.25rem;
+	}
+
+	.item_a2b0d {
+		display: flex;
+		align-items: center;
+	}
+
+	.link_a2b0d {
+		font-family: var(--lol-font-family-beaufort);
+		color: var(--lol-color-gold-300);
+		position: relative;
+		font-size: var(--lol-font-size-sm);
+		font-weight: 500;
+		text-transform: uppercase;
+		letter-spacing: 0.1em;
+		padding: 0 1rem;
+	}
+
+		.link_a2b0d.hover_a2b0d {
+			color: var(--lol-color-gold-100);
+		}
+
+	.divider_a2b0d {
+		height: 11px;
+	}
+}

package/dist/lib/components/button-link.d.ts

@@ -0,0 +1,11 @@
+import { type Ref } from "react";
+import { type LinkProps } from "react-aria-components";
+import { type ButtonPreset, type ButtonShape } from "./button.js";
+interface ButtonLinkProps extends LinkProps {
+    preset?: ButtonPreset;
+    thin?: boolean;
+    shape?: ButtonShape;
+}
+export declare function _ButtonLink({ children, className, preset, shape, thin, ...props }: ButtonLinkProps, ref: Ref<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+export declare const ButtonLink: import("react").ForwardRefExoticComponent<ButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/lib/components/button-link.js

@@ -0,0 +1,64 @@
+"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 button_link_exports = {};
+__export(button_link_exports, {
+  ButtonLink: () => ButtonLink,
+  _ButtonLink: () => _ButtonLink
+});
+module.exports = __toCommonJS(button_link_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_aria_components = require("react-aria-components");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_button = require("./button.js");
+function _ButtonLink({
+  children,
+  className,
+  preset = "secondary",
+  shape = "normal",
+  thin = preset === "dimmed",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Link,
+    {
+      ref,
+      ...props,
+      className: (values) => {
+        return (0, import_button.button)({
+          className: (0, import_resolve_class_name.resolveClassName)(className, values),
+          preset,
+          shape,
+          thin,
+          ...values
+        });
+      },
+      children
+    }
+  );
+}
+const ButtonLink = (0, import_react.forwardRef)(_ButtonLink);
+ButtonLink.displayName = "ButtonLink";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonLink,
+  _ButtonLink
+});
+
+//# sourceMappingURL=button-link.js.map

package/dist/lib/components/button-link.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBE;AAvBF,mBAAqC;AACrC,mCAAmD;AACnD,gCAAiC;AACjC,oBAA4D;AAQrD,SAAS,YACf;AAAA,EACC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO,WAAW;AAAA,EAClB,GAAG;AACJ,GACA,KACC;AACD,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,mBAAO,sBAAO;AAAA,UACb,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,iBAAa,yBAAW,WAAW;AAChD,WAAW,cAAc","names":["AriaButton"],"ignoreList":[],"sources":["../../../src/components/button-link.tsx"],"sourcesContent":["import { type Ref, forwardRef } from \"react\";\nimport { Link as AriaButton, type LinkProps } from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { type ButtonPreset, type ButtonShape, button } from \"./button.js\";\n\ninterface ButtonLinkProps extends LinkProps {\n\tpreset?: ButtonPreset;\n\tthin?: boolean;\n\tshape?: ButtonShape;\n}\n\nexport function _ButtonLink(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tpreset = \"secondary\",\n\t\tshape = \"normal\",\n\t\tthin = preset === \"dimmed\",\n\t\t...props\n\t}: ButtonLinkProps,\n\tref: Ref<HTMLAnchorElement>,\n) {\n\treturn (\n\t\t<AriaButton\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn button({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AriaButton>\n\t);\n}\n\nexport const ButtonLink = forwardRef(_ButtonLink);\nButtonLink.displayName = \"ButtonLink\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,76 @@
+import { type Ref } from "react";
+import { type ButtonProps as AriaButtonProps } from "react-aria-components";
+export type ButtonShape = "round" | "square" | "normal";
+export type ButtonPreset = "primary" | "secondary" | "text" | "hextech" | "dimmed";
+interface ButtonProps extends AriaButtonProps {
+    preset?: ButtonPreset;
+    thin?: boolean;
+    shape?: ButtonShape;
+}
+export declare const button: (props?: ({
+    preset?: "text" | "primary" | "secondary" | "hextech" | "dimmed" | undefined;
+    isHovered?: boolean | undefined;
+    isPressed?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isFocused?: boolean | undefined;
+    isFocusVisible?: boolean | undefined;
+    shape?: "normal" | "round" | "square" | undefined;
+    thin?: boolean | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+export declare function _Button({ children, className, preset, shape, thin, ...props }: ButtonProps, ref: Ref<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/lib/components/button.js

@@ -0,0 +1,112 @@
+"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 button_exports = {};
+__export(button_exports, {
+  Button: () => Button,
+  _Button: () => _Button,
+  button: () => button
+});
+module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_aria_components = require("react-aria-components");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_cva = require("cva");
+var import_button = __toESM(require("./button.module"));
+const button = (0, import_cva.cva)({
+  base: import_button.default.button,
+  variants: {
+    preset: {
+      primary: import_button.default.primary,
+      secondary: import_button.default.secondary,
+      text: import_button.default.text,
+      hextech: import_button.default.hextech,
+      dimmed: import_button.default.dimmed
+    },
+    isHovered: {
+      true: import_button.default.hover
+    },
+    isPressed: {
+      true: import_button.default.press
+    },
+    isDisabled: {
+      true: import_button.default.disabled
+    },
+    isFocused: {
+      true: ""
+    },
+    isFocusVisible: {
+      true: import_button.default.focusVisible
+    },
+    shape: {
+      round: import_button.default.round,
+      square: import_button.default.square,
+      normal: import_button.default.normal
+    },
+    thin: {
+      true: import_button.default.thin
+    }
+  }
+});
+function _Button({
+  children,
+  className,
+  preset = "secondary",
+  shape = "normal",
+  thin = preset === "dimmed",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Button,
+    {
+      ref,
+      ...props,
+      className: (values) => {
+        return button({
+          className: (0, import_resolve_class_name.resolveClassName)(className, values),
+          preset,
+          shape,
+          thin,
+          ...values
+        });
+      },
+      children
+    }
+  );
+}
+const Button = (0, import_react.forwardRef)(_Button);
+Button.displayName = "Button";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  _Button,
+  button
+});
+
+//# sourceMappingURL=button.js.map

package/dist/lib/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEE;AAvEF,mBAAqC;AACrC,mCAGO;AACP,gCAAiC;AACjC,iBAAoB;AACpB,oBAAoB;AAgBb,MAAM,aAAS,gBAAI;AAAA,EACzB,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS,cAAAA,QAAQ;AAAA,MACjB,WAAW,cAAAA,QAAQ;AAAA,MACnB,MAAM,cAAAA,QAAQ;AAAA,MACd,SAAS,cAAAA,QAAQ;AAAA,MACjB,QAAQ,cAAAA,QAAQ;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,MACV,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACN,OAAO,cAAAA,QAAQ;AAAA,MACf,QAAQ,cAAAA,QAAQ;AAAA,MAChB,QAAQ,cAAAA,QAAQ;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,MACL,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QACf;AAAA,EACC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO,WAAW;AAAA,EAClB,GAAG;AACJ,GACA,KACC;AACD,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,OAAO;AAAA,UACb,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,aAAS,yBAAW,OAAO;AACxC,OAAO,cAAc","names":["classes","AriaButton"],"ignoreList":[],"sources":["../../../src/components/button.tsx"],"sourcesContent":["import { type Ref, forwardRef } from \"react\";\nimport {\n\tButton as AriaButton,\n\ttype ButtonProps as AriaButtonProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { cva } from \"cva\";\nimport classes from \"./button.module\";\n\nexport type ButtonShape = \"round\" | \"square\" | \"normal\";\nexport type ButtonPreset =\n\t| \"primary\"\n\t| \"secondary\"\n\t| \"text\"\n\t| \"hextech\"\n\t| \"dimmed\";\n\ninterface ButtonProps extends AriaButtonProps {\n\tpreset?: ButtonPreset;\n\tthin?: boolean;\n\tshape?: ButtonShape;\n}\n\nexport const button = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tpreset: {\n\t\t\tprimary: classes.primary,\n\t\t\tsecondary: classes.secondary,\n\t\t\ttext: classes.text,\n\t\t\thextech: classes.hextech,\n\t\t\tdimmed: classes.dimmed,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.press,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: classes.focusVisible,\n\t\t},\n\t\tshape: {\n\t\t\tround: classes.round,\n\t\t\tsquare: classes.square,\n\t\t\tnormal: classes.normal,\n\t\t},\n\t\tthin: {\n\t\t\ttrue: classes.thin,\n\t\t},\n\t},\n});\n\nexport function _Button(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tpreset = \"secondary\",\n\t\tshape = \"normal\",\n\t\tthin = preset === \"dimmed\",\n\t\t...props\n\t}: ButtonProps,\n\tref: Ref<HTMLButtonElement>,\n) {\n\treturn (\n\t\t<AriaButton\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn button({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AriaButton>\n\t);\n}\n\nexport const Button = forwardRef(_Button);\nButton.displayName = \"Button\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/button.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 button_exports = {};
+__export(button_exports, {
+  default: () => button_default
+});
+module.exports = __toCommonJS(button_exports);
+var import_button_module = require("./button_module.css");
+var button_default = { "button": "button_f7046", "text": "text_f7046", "round": "round_f7046", "hover": "hover_f7046", "square": "square_f7046", "normal": "normal_f7046", "press": "press_f7046", "disabled": "disabled_f7046", "hextech": "hextech_f7046", "dimmed": "dimmed_f7046", "selected": "selected_f7046", "primary": "primary_f7046", "secondary": "secondary_f7046", "focusVisible": "focusVisible_f7046", "thin": "thin_f7046" };
+
+//# sourceMappingURL=button.module.js.map

package/dist/lib/components/button.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAO;AAAsB,IAAO,iBAAQ,EAAC,UAAS,gBAAe,QAAO,cAAa,SAAQ,eAAc,SAAQ,eAAc,UAAS,gBAAe,UAAS,gBAAe,SAAQ,eAAc,YAAW,kBAAiB,WAAU,iBAAgB,UAAS,gBAAe,YAAW,kBAAiB,WAAU,iBAAgB,aAAY,mBAAkB,gBAAe,sBAAqB,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../src/components/button.module.css"],"sourcesContent":["import \"./button_module.css\";export default {\"button\":\"button_f7046\",\"text\":\"text_f7046\",\"round\":\"round_f7046\",\"hover\":\"hover_f7046\",\"square\":\"square_f7046\",\"normal\":\"normal_f7046\",\"press\":\"press_f7046\",\"disabled\":\"disabled_f7046\",\"hextech\":\"hextech_f7046\",\"dimmed\":\"dimmed_f7046\",\"selected\":\"selected_f7046\",\"primary\":\"primary_f7046\",\"secondary\":\"secondary_f7046\",\"focusVisible\":\"focusVisible_f7046\",\"thin\":\"thin_f7046\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/button_module.css

@@ -0,0 +1,160 @@
+@layer lol {
+	.button_f7046 {
+		border-radius: 0px;
+		border: 2px solid transparent;
+		outline: none;
+		transition: all;
+		transition-duration: 0.3s;
+
+		font-family: var(--lol-font-family-beaufort);
+		color: var(--lol-color-gold-300);
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.05em;
+		font-size: 1rem;
+
+		background: var(--lol-button-background-gradient) padding-box,
+			var(--lol-button-border-gradient) border-box;
+		display: inline-block;
+	}
+			.text_f7046.round_f7046.hover_f7046, .text_f7046.square_f7046.hover_f7046 {
+				--lol-button-background-gradient: var(--lol-gradient-grey-300);
+				--lol-button-border-gradient: var(--lol-gradient-transparent);
+			}
+
+		.text_f7046.round_f7046,
+		.text_f7046.square_f7046,
+		.text_f7046.normal_f7046 {
+			position: relative;
+		}
+
+			.text_f7046.round_f7046::after, .text_f7046.square_f7046::after, .text_f7046.normal_f7046::after {
+				position: absolute;
+				top: -0.5rem;
+				left: -0.5rem;
+				bottom: -0.5rem;
+				right: -0.5rem;
+				content: '';
+			}
+
+	.hover_f7046 {
+		color: var(--lol-color-gold-100);
+	}
+
+	.press_f7046 {
+		color: var(--lol-color-grey-150);
+	}
+
+	.disabled_f7046 {
+		color: var(--lol-color-grey-150);
+		cursor: default;
+	}
+
+	.hextech_f7046 {
+		color: var(--lol-color-blue-100);
+		--lol-button-border-gradient: var(--lol-gradient-hextech);
+		--lol-button-background-gradient: var(--lol-gradient-grey-300);
+	}
+
+		.hextech_f7046.hover_f7046 {
+			color: var(--lol-color-blue-100);
+			--lol-button-border-gradient: var(--lol-gradient-hextech-hover);
+		}
+
+		.hextech_f7046.press_f7046 {
+			color: var(--lol-color-blue-400);
+			--lol-button-border-gradient: var(--lol-gradient-hextech-press);
+		}
+
+		.hextech_f7046.disabled_f7046 {
+			color: var(--lol-color-grey-150);
+			--lol-button-border-gradient: var(--lol-gradient-disabled);
+		}
+
+	.dimmed_f7046 {
+		--lol-button-background-gradient: var(--lol-gradient-hextech-black);
+		--lol-button-border-gradient: var(--lol-gradient-grey-300);
+	}
+
+		.dimmed_f7046.selected_f7046 {
+			--lol-button-border-gradient: var(--lol-gradient-gold);
+		}
+
+	.primary_f7046 {
+		--lol-button-border-gradient: var(--lol-gradient-gold);
+		--lol-button-background-gradient: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-700));
+	}
+
+		.primary_f7046.hover_f7046 {
+			--lol-button-background-gradient: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500));
+		}
+
+		.primary_f7046.press_f7046 {
+			--lol-button-background-gradient: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-700), var(--lol-color-gold-700));
+		}
+
+	.primary_f7046,
+	.secondary_f7046,
+	.hextech_f7046,
+	.dimmed_f7046 {
+		padding: 0.5rem 1rem;
+	}
+
+	.secondary_f7046 {
+		--lol-button-border-gradient: var(--lol-gradient-gold);
+		--lol-button-background-gradient: var(--lol-gradient-grey-300);
+	}
+
+	.primary_f7046.hover_f7046,
+	.secondary_f7046.hover_f7046,
+	.dimmed_f7046.hover_f7046 {
+		--lol-button-border-gradient: var(--lol-gradient-gold-hover);
+	}
+
+
+	.primary_f7046.press_f7046,
+	.secondary_f7046.press_f7046,
+	.dimmed_f7046.press_f7046 {
+		--lol-button-border-gradient: var(--lol-gradient-gold-press);
+	}
+
+
+	.primary_f7046.disabled_f7046,
+	.secondary_f7046.disabled_f7046,
+	.dimmed_f7046.disabled_f7046 {
+		--lol-button-border-gradient: var(--lol-gradient-disabled);
+	}
+
+	.primary_f7046.focusVisible_f7046,
+	.secondary_f7046.focusVisible_f7046 {
+		outline-style: solid;
+		outline-offset: 2px;
+		outline-color: var(--lol-color-gold-400);
+	}
+
+	.round_f7046 {
+		border-radius: 9999px;
+	}
+
+	.round_f7046,
+	.square_f7046 {
+		display: flex;
+		aspect-ratio: 1/1;
+		height: 2rem;
+		align-items: center;
+		justify-content: center;
+		padding: 0px;
+		font-weight: 900;
+		line-height: 1;
+	}
+
+	.thin_f7046 {
+		border-width: 1px;
+	}
+
+	.selected_f7046 {
+		--lol-button-background-gradient: var(--lol-gradient-hextech);
+		box-shadow: inset 0 2px 4px 0 var(--lol-color-grey-300);
+		color: var(--lol-color-blue-100);
+	}
+}

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

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "react";
+export interface CardProps extends ComponentProps<"div"> {
+    radius?: string;
+    borderWidth?: string;
+}
+export declare function Card({ className, style, radius, borderWidth, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;