@lolmath/ui 3.2.1 → 3.2.3

package/dist/lib/components/card.js

@@ -0,0 +1,76 @@
+"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 card_exports = {};
+__export(card_exports, {
+  Card: () => Card,
+  borderInverted: () => borderInverted
+});
+module.exports = __toCommonJS(card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_gradient = require("../utilities/gradient.js");
+var import_tv = require("../utilities/tv.js");
+const cardBorder = (0, import_tv.tv)({
+  base: ["bg-gradient-to-t p-[2px]", import_gradient.goldGradient],
+  variants: {}
+});
+const inner = (0, import_tv.tv)({
+  base: "bg-lol-grey-hextech-black w-full",
+  variants: {}
+});
+function Card({ children, className, style, borderProps }) {
+  const r = `1rem`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ...borderProps ?? {},
+      className: cardBorder({
+        className: borderProps?.className
+      }),
+      style: {
+        WebkitMask: borderInverted(r),
+        mask: borderInverted(r),
+        ...borderProps?.style ?? {}
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: inner({
+            className
+          }),
+          style: {
+            WebkitMask: borderInverted(r),
+            mask: borderInverted(r),
+            ...style ?? {}
+          },
+          children
+        }
+      )
+    }
+  );
+}
+function borderInverted(r) {
+  return `radial-gradient(${r} at ${r} ${r},#0000 98%,#000) -${r} -${r}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  borderInverted
+});
+
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCM;AAhCN,sBAA6B;AAC7B,gBAAmB;AAMnB,MAAM,iBAAa,cAAG;AAAA,EACpB,MAAM,CAAC,4BAA4B,4BAAY;AAAA,EAC/C,UAAU,CAAC;AACb,CAAC;AAED,MAAM,YAAQ,cAAG;AAAA,EACf,MAAM;AAAA,EACN,UAAU,CAAC;AACb,CAAC;AAEM,SAAS,KAAK,EAAE,UAAU,WAAW,OAAO,YAAY,GAAc;AAC3E,QAAM,IAAI;AAEV,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,eAAe,CAAC;AAAA,MACrB,WAAW,WAAW;AAAA,QACpB,WAAW,aAAa;AAAA,MAC1B,CAAC;AAAA,MACD,OAAO;AAAA,QACL,YAAY,eAAe,CAAC;AAAA,QAC5B,MAAM,eAAe,CAAC;AAAA,QACtB,GAAI,aAAa,SAAS,CAAC;AAAA,MAC7B;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,MAAM;AAAA,YACf;AAAA,UACF,CAAC;AAAA,UACD,OAAO;AAAA,YACL,YAAY,eAAe,CAAC;AAAA,YAC5B,MAAM,eAAe,CAAC;AAAA,YACtB,GAAI,SAAS,CAAC;AAAA,UAChB;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,eAAe,GAAW;AACxC,SAAO,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;AACtE","names":[],"sources":["../../../src/components/card.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { goldGradient } from \"../utilities/gradient.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nexport interface CardProps extends ComponentProps<\"div\"> {\n  borderProps?: ComponentProps<\"div\">;\n}\n\nconst cardBorder = tv({\n  base: [\"bg-gradient-to-t p-[2px]\", goldGradient],\n  variants: {},\n});\n\nconst inner = tv({\n  base: \"bg-lol-grey-hextech-black w-full\",\n  variants: {},\n});\n\nexport function Card({ children, className, style, borderProps }: CardProps) {\n  const r = `1rem`;\n\n  return (\n    <div\n      {...(borderProps ?? {})}\n      className={cardBorder({\n        className: borderProps?.className,\n      })}\n      style={{\n        WebkitMask: borderInverted(r),\n        mask: borderInverted(r),\n        ...(borderProps?.style ?? {}),\n      }}\n    >\n      <div\n        className={inner({\n          className,\n        })}\n        style={{\n          WebkitMask: borderInverted(r),\n          mask: borderInverted(r),\n          ...(style ?? {}),\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport function borderInverted(r: string) {\n  return `radial-gradient(${r} at ${r} ${r},#0000 98%,#000) -${r} -${r}`;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -0,0 +1,2 @@
+import { CheckboxProps } from "react-aria-components";
+export declare function Checkbox({ children, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/checkbox.js

@@ -0,0 +1,77 @@
+"use strict";
+"use client";
+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 checkbox_exports = {};
+__export(checkbox_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(checkbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_aria_components = require("react-aria-components");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_tv = require("../utilities/tv.js");
+const checkbox = (0, import_tv.tv)({
+  base: "text-lol-grey-100 font-spiegel flex cursor-pointer items-center gap-1 text-xs tracking-widest",
+  variants: {
+    isHovered: {
+      true: "text-lol-gold-100"
+    },
+    isDisabled: {
+      true: "cursor-default brightness-50"
+    }
+  }
+});
+function Checkbox({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Checkbox,
+    {
+      className: (values) => {
+        return checkbox({
+          className: (0, import_resolve_class_name.resolveClassName)(className, values),
+          ...values
+        });
+      },
+      ...props,
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            style: {
+              backgroundImage: values.isHovered ? values.isIndeterminate ? indeterminateHover : values.isSelected ? checkedHover : uncheckedHover : values.isIndeterminate ? indeterminate : values.isSelected ? checked : unchecked
+            },
+            className: "h-3.5 w-3.5"
+          }
+        ),
+        typeof children === "function" ? children(values) : children
+      ] })
+    }
+  );
+}
+const 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=')";
+const uncheckedHover = "url('data:image/png;base64,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')";
+const checked = "url('data:image/png;base64,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')";
+const checkedHover = "url('data:image/png;base64,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')";
+const 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==')";
+const 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')";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox
+});
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AA5BR,mCAAwD;AACxD,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,eAAW,cAAG;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAEM,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,MAAM,GAAkB;AACzE,SACE;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,WAAW,CAAC,WAAW;AACrB,eAAO,SAAS;AAAA,UACd,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH,WAAC,WACA,4EACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,iBAAiB,OAAO,YACpB,OAAO,kBACL,qBACA,OAAO,aACL,eACA,iBACJ,OAAO,kBACL,gBACA,OAAO,aACL,UACA;AAAA,YACV;AAAA,YACA,WAAU;AAAA;AAAA,QACZ;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACvD;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,YACJ;AACF,MAAM,iBACJ;AACF,MAAM,UACJ;AACF,MAAM,eACJ;AACF,MAAM,gBACJ;AACF,MAAM,qBACJ","names":["AriaCheckbox"],"sources":["../../../src/components/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as AriaCheckbox, CheckboxProps } from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst checkbox = tv({\n  base: \"text-lol-grey-100 font-spiegel flex cursor-pointer items-center gap-1 text-xs tracking-widest\",\n  variants: {\n    isHovered: {\n      true: \"text-lol-gold-100\",\n    },\n    isDisabled: {\n      true: \"cursor-default brightness-50\",\n    },\n  },\n});\n\nexport function Checkbox({ children, className, ...props }: CheckboxProps) {\n  return (\n    <AriaCheckbox\n      className={(values) => {\n        return checkbox({\n          className: resolveClassName(className, values),\n          ...values,\n        });\n      }}\n      {...props}\n    >\n      {(values) => (\n        <>\n          <div\n            style={{\n              backgroundImage: values.isHovered\n                ? values.isIndeterminate\n                  ? indeterminateHover\n                  : values.isSelected\n                    ? checkedHover\n                    : uncheckedHover\n                : values.isIndeterminate\n                  ? indeterminate\n                  : values.isSelected\n                    ? checked\n                    : unchecked,\n            }}\n            className=\"h-3.5 w-3.5\"\n          />\n          {typeof children === \"function\" ? children(values) : children}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\nconst unchecked =\n  \"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=')\";\nconst uncheckedHover =\n  \"url('data:image/png;base64,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')\";\nconst checked =\n  \"url('data:image/png;base64,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')\";\nconst checkedHover =\n  \"url('data:image/png;base64,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')\";\nconst indeterminate =\n  \"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==')\";\nconst indeterminateHover =\n  \"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')\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -0,0 +1,25 @@
+declare const divider: import("tailwind-variants").TVReturnType<{
+    preset: {
+        left: string;
+        right: string;
+        center: string;
+    };
+}, undefined, "h-px grow border-0 bg-gradient-to-r", TVConfig<V, EV>, {
+    preset: {
+        left: string;
+        right: string;
+        center: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    preset: {
+        left: string;
+        right: string;
+        center: string;
+    };
+}, undefined, "h-px grow border-0 bg-gradient-to-r", TVConfig<V, EV>, unknown, unknown, undefined>>;
+interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    preset?: keyof typeof divider.variants.preset;
+    hrProps?: React.HTMLAttributes<HTMLHRElement>;
+}
+export declare function Divider({ preset, hrProps, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/divider.js

@@ -0,0 +1,54 @@
+"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 divider_exports = {};
+__export(divider_exports, {
+  Divider: () => Divider
+});
+module.exports = __toCommonJS(divider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tv = require("../utilities/tv.js");
+const divider = (0, import_tv.tv)({
+  base: "h-px grow border-0 bg-gradient-to-r",
+  variants: {
+    preset: {
+      left: "to-lol-gold-600 from-transparent",
+      right: "from-lol-gold-600 to-transparent",
+      center: "via-lol-gold-600 from-transparent to-transparent"
+    }
+  }
+});
+function Divider({ preset = "center", hrProps, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", ...rest, children: [
+    preset === "right" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-lol-gold-600 h-[5px] w-[5px] rotate-45 border" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "hr",
+      {
+        ...hrProps,
+        className: divider({ preset, className: hrProps?.className })
+      }
+    ),
+    preset === "left" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-lol-gold-600 h-[5px] w-[5px] rotate-45 border" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Divider
+});
+
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAnBJ,gBAAmB;AAEnB,MAAM,cAAU,cAAG;AAAA,EACjB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAMM,SAAS,QAAQ,EAAE,SAAS,UAAU,SAAS,GAAG,KAAK,GAAiB;AAC7E,SACE,6CAAC,SAAI,WAAU,qBAAqB,GAAG,MACpC;AAAA,eAAW,WACV,4CAAC,SAAI,WAAU,wDAAuD;AAAA,IAExE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,QAAQ,EAAE,QAAQ,WAAW,SAAS,UAAU,CAAC;AAAA;AAAA,IAC9D;AAAA,IACC,WAAW,UACV,4CAAC,SAAI,WAAU,wDAAuD;AAAA,KAE1E;AAEJ","names":[],"sources":["../../../src/components/divider.tsx"],"sourcesContent":["import { tv } from \"../utilities/tv.js\";\n\nconst divider = tv({\n  base: \"h-px grow border-0 bg-gradient-to-r\",\n  variants: {\n    preset: {\n      left: \"to-lol-gold-600 from-transparent\",\n      right: \"from-lol-gold-600 to-transparent\",\n      center: \"via-lol-gold-600 from-transparent to-transparent\",\n    },\n  },\n});\n\ninterface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  preset?: keyof typeof divider.variants.preset;\n  hrProps?: React.HTMLAttributes<HTMLHRElement>;\n}\nexport function Divider({ preset = \"center\", hrProps, ...rest }: DividerProps) {\n  return (\n    <div className=\"flex items-center\" {...rest}>\n      {preset === \"right\" && (\n        <div className=\"border-lol-gold-600 h-[5px] w-[5px] rotate-45 border\" />\n      )}\n      <hr\n        {...hrProps}\n        className={divider({ preset, className: hrProps?.className })}\n      />\n      {preset === \"left\" && (\n        <div className=\"border-lol-gold-600 h-[5px] w-[5px] rotate-45 border\" />\n      )}\n    </div>\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -0,0 +1,13 @@
+import { HeadingProps as AriaHeadingProps, ModalOverlayProps, DialogTriggerProps as AriaDialogTriggerProps, DialogProps } from "react-aria-components";
+interface ModalProps extends Omit<ModalOverlayProps, "children"> {
+    modalOverlayClassName?: ModalOverlayProps["className"];
+    dialogProps?: Omit<DialogProps, "children">;
+    children?: DialogProps["children"];
+}
+export declare function Modal({ modalOverlayClassName, dialogProps, children, className, ...modalProps }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogHeading({ className, ...props }: AriaHeadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogButtons({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DialogTrigger(props: AriaDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/modal.js

@@ -0,0 +1,118 @@
+"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 modal_exports = {};
+__export(modal_exports, {
+  DialogButtons: () => DialogButtons,
+  DialogHeading: () => DialogHeading,
+  DialogTrigger: () => DialogTrigger,
+  Modal: () => Modal
+});
+module.exports = __toCommonJS(modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_aria_components = require("react-aria-components");
+var import_gradient = require("../utilities/gradient.js");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_tv = require("../utilities/tv.js");
+const modalOverlay = (0, import_tv.tv)({
+  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"
+});
+const modal = (0, import_tv.tv)({
+  base: "w-full max-w-md"
+});
+const dialog = (0, import_tv.tv)({
+  base: "relative max-h-screen py-4 outline-none"
+});
+const dialogBorder = (0, import_tv.tv)({
+  base: [
+    "bg-gradient-to-b p-0.5 text-left align-middle shadow-xl",
+    import_gradient.goldGradientPressed
+  ]
+});
+function Modal({
+  modalOverlayClassName,
+  dialogProps = {},
+  children,
+  className,
+  ...modalProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.ModalOverlay,
+    {
+      ...modalProps,
+      className: (values) => {
+        return modalOverlay({
+          className: (0, import_resolve_class_name.resolveClassName)(modalOverlayClassName, values)
+        });
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_aria_components.Modal,
+        {
+          ...modalProps,
+          className: (values) => modal({
+            className: (0, import_resolve_class_name.resolveClassName)(className, values)
+          }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_aria_components.Dialog,
+            {
+              role: "alertdialog",
+              ...dialogProps,
+              className: dialog({
+                className: dialogProps.className
+              }),
+              children: (dialogRenderProps) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-lol-gold-600 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-b-0" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: dialogBorder(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-lol-grey-hextech-black", children: typeof children === "function" ? children(dialogRenderProps) : children }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-lol-gold-500 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-t-0" }) })
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const dialogHeading = (0, import_tv.tv)({
+  base: "text-lol-gold-100 font-beaufort text-lol-h5 uppercase"
+});
+function DialogHeading({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Heading,
+    {
+      ...props,
+      className: dialogHeading({
+        className
+      })
+    }
+  );
+}
+function DialogButtons({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex translate-y-0.5 justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-lol-grey-hextech-black flex gap-1 px-1", children }) });
+}
+function DialogTrigger(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.DialogTrigger, { ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogButtons,
+  DialogHeading,
+  DialogTrigger,
+  Modal
+});
+
+//# sourceMappingURL=modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEY;AAvEZ,mCAUO;AACP,sBAAoC;AACpC,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,mBAAe,cAAG;AAAA,EACtB,MAAM;AACR,CAAC;AAED,MAAM,YAAQ,cAAG;AAAA,EACf,MAAM;AACR,CAAC;AAED,MAAM,aAAS,cAAG;AAAA,EAChB,MAAM;AACR,CAAC;AACD,MAAM,mBAAe,cAAG;AAAA,EACtB,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AACF,CAAC;AAQM,SAAS,MAAM;AAAA,EACpB;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACrB,eAAO,aAAa;AAAA,UAClB,eAAW,4CAAiB,uBAAuB,MAAM;AAAA,QAC3D,CAAC;AAAA,MACH;AAAA,MAEA;AAAA,QAAC,6BAAAA;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,WAAW,CAAC,WACV,MAAM;AAAA,YACJ,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC/C,CAAC;AAAA,UAGH;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACJ,GAAG;AAAA,cACJ,WAAW,OAAO;AAAA,gBAChB,WAAW,YAAY;AAAA,cACzB,CAAC;AAAA,cAEA,WAAC,sBACA,4EACE;AAAA,4DAAC,SAAI,WAAU,gBACb,sDAAC,SAAI,WAAU,+GAA8G,GAC/H;AAAA,gBACA,4CAAC,SAAI,WAAW,aAAa,GAC3B,sDAAC,SAAI,WAAU,6BACZ,iBAAO,aAAa,aACjB,SAAS,iBAAiB,IAC1B,UACN,GACF;AAAA,gBACA,4CAAC,SAAI,WAAU,gBACb,sDAAC,SAAI,WAAU,+GAA8G,GAC/H;AAAA,iBACF;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,oBAAgB,cAAG;AAAA,EACvB,MAAM;AACR,CAAC;AAEM,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAqB;AACvE,SACE;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,cAAc;AAAA,QACvB;AAAA,MACF,CAAC;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,cAAc,EAAE,SAAS,GAAkC;AACzE,SACE,4CAAC,SAAI,WAAU,uCACb,sDAAC,SAAI,WAAU,6CACZ,UACH,GACF;AAEJ;AAEO,SAAS,cAAc,OAA+B;AAC3D,SAAO,4CAAC,6BAAAC,eAAA,EAAmB,GAAG,OAAO;AACvC","names":["AriaModal","AriaHeading","AriaDialogTrigger"],"sources":["../../../src/components/modal.tsx"],"sourcesContent":["import {\n  Modal as AriaModal,\n  Dialog,\n  DialogTrigger as AriaDialogTrigger,\n  Heading as AriaHeading,\n  ModalOverlay,\n  HeadingProps as AriaHeadingProps,\n  ModalOverlayProps,\n  DialogTriggerProps as AriaDialogTriggerProps,\n  DialogProps,\n} from \"react-aria-components\";\nimport { goldGradientPressed } from \"../utilities/gradient.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst modalOverlay = tv({\n  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\",\n});\n\nconst modal = tv({\n  base: \"w-full max-w-md\",\n});\n\nconst dialog = tv({\n  base: \"relative max-h-screen py-4 outline-none\",\n});\nconst dialogBorder = tv({\n  base: [\n    \"bg-gradient-to-b p-0.5 text-left align-middle shadow-xl\",\n    goldGradientPressed,\n  ],\n});\n\ninterface ModalProps extends Omit<ModalOverlayProps, \"children\"> {\n  modalOverlayClassName?: ModalOverlayProps[\"className\"];\n  dialogProps?: Omit<DialogProps, \"children\">;\n  children?: DialogProps[\"children\"];\n}\n\nexport function Modal({\n  modalOverlayClassName,\n  dialogProps = {},\n  children,\n  className,\n  ...modalProps\n}: ModalProps) {\n  return (\n    <ModalOverlay\n      {...modalProps}\n      className={(values) => {\n        return modalOverlay({\n          className: resolveClassName(modalOverlayClassName, values),\n        });\n      }}\n    >\n      <AriaModal\n        {...modalProps}\n        className={(values) =>\n          modal({\n            className: resolveClassName(className, values),\n          })\n        }\n      >\n        <Dialog\n          role=\"alertdialog\"\n          {...dialogProps}\n          className={dialog({\n            className: dialogProps.className,\n          })}\n        >\n          {(dialogRenderProps) => (\n            <>\n              <div className=\"relative h-1\">\n                <div className=\"border-lol-gold-600 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-b-0\"></div>\n              </div>\n              <div className={dialogBorder()}>\n                <div className=\"bg-lol-grey-hextech-black\">\n                  {typeof children === \"function\"\n                    ? children(dialogRenderProps)\n                    : children}\n                </div>\n              </div>\n              <div className=\"relative h-1\">\n                <div className=\"border-lol-gold-500 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-t-0\"></div>\n              </div>\n            </>\n          )}\n        </Dialog>\n      </AriaModal>\n    </ModalOverlay>\n  );\n}\n\nconst dialogHeading = tv({\n  base: \"text-lol-gold-100 font-beaufort text-lol-h5 uppercase\",\n});\n\nexport function DialogHeading({ className, ...props }: AriaHeadingProps) {\n  return (\n    <AriaHeading\n      {...props}\n      className={dialogHeading({\n        className,\n      })}\n    />\n  );\n}\n\nexport function DialogButtons({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"flex translate-y-0.5 justify-center\">\n      <div className=\"bg-lol-grey-hextech-black flex gap-1 px-1\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport function DialogTrigger(props: AriaDialogTriggerProps) {\n  return <AriaDialogTrigger {...props} />;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -0,0 +1,10 @@
+import type { NumberFieldProps as AriaNumberFieldProps } from "react-aria-components";
+import { Input as AriaInput, Group } from "react-aria-components";
+import { ComponentProps } from "react";
+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,124 @@
+"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, {
+  NumberField: () => NumberField
+});
+module.exports = __toCommonJS(number_field_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_aria_components = require("react-aria-components");
+var import_gradient = require("../utilities/gradient.js");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_tailwind_variants = require("tailwind-variants");
+const numberFieldBorder = (0, import_tailwind_variants.tv)({
+  base: "grid grid-cols-[auto_1fr_auto] gap-px bg-gradient-to-t p-px outline-none",
+  variants: {
+    preset: {
+      normal: import_gradient.goldGradient,
+      dimmed: import_gradient.dimmedGradient
+    },
+    isDisabled: {
+      true: import_gradient.disabledGradient
+    },
+    isFocusWithin: {
+      true: import_gradient.goldGradientHover
+    }
+  }
+});
+const numberFieldInput = (0, import_tailwind_variants.tv)({
+  base: [
+    "text-lol-gold-100 font-spiegel bg-lol-grey-hextech-black w-full px-3 py-2 text-xs outline-none"
+  ],
+  variants: {
+    isDisabled: {
+      true: "text-lol-grey-150 bg-lol-grey-300"
+    },
+    isFocused: {
+      true: "from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t"
+    }
+  }
+});
+const numberFieldButton = (0, import_tailwind_variants.tv)({
+  base: ["text-lol-gold-100 bg-lol-grey-hextech-black px-2.5"],
+  variants: {
+    isDisabled: {
+      true: "text-lol-grey-150 bg-lol-grey-300"
+    }
+  }
+});
+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 numberFieldBorder({
+            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;AAwEQ;AAvER,mCAKO;AACP,sBAKO;AAEP,gCAAiC;AACjC,+BAAmB;AAInB,MAAM,wBAAoB,6BAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAED,MAAM,uBAAmB,6BAAG;AAAA,EAC1B,MAAM;AAAA,IACJ;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAED,MAAM,wBAAoB,6BAAG;AAAA,EAC3B,MAAM,CAAC,oDAAoD;AAAA,EAC3D,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAEM,SAAS,YAAY;AAAA,EAC1B,aAAa,CAAC;AAAA,EACd,aAAa,CAAC;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,GAIG;AACD,SACE,4CAAC,6BAAAA,aAAA,EAAiB,GAAG,OAClB,WAAC,WACA,4EACG;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,CAACC,YAAW;AACrB,iBAAO,kBAAkB;AAAA,YACvB,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,YACxD;AAAA,YACA,GAAGA;AAAA,UACL,CAAC;AAAA,QACH;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACN;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC,6BAAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,WAAW,CAACD,YAAW;AACrB,uBAAO,iBAAiB;AAAA,kBACtB,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,kBACxD,GAAGA;AAAA,gBACL,CAAC;AAAA,cACH;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACN;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACF;AAAA,KACF,GAEJ;AAEJ","names":["AriaNumberField","values","AriaInput"],"sources":["../../../src/components/number-field.tsx"],"sourcesContent":["import type { NumberFieldProps as AriaNumberFieldProps } from \"react-aria-components\";\nimport {\n  NumberField as AriaNumberField,\n  Input as AriaInput,\n  Group,\n  Button,\n} from \"react-aria-components\";\nimport {\n  goldGradient,\n  disabledGradient,\n  goldGradientHover,\n  dimmedGradient,\n} from \"../utilities/gradient.js\";\nimport { ComponentProps } from \"react\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"tailwind-variants\";\n\ntype NumberFieldPreset = \"normal\" | \"dimmed\";\n\nconst numberFieldBorder = tv({\n  base: \"grid grid-cols-[auto_1fr_auto] gap-px bg-gradient-to-t p-px outline-none\",\n  variants: {\n    preset: {\n      normal: goldGradient,\n      dimmed: dimmedGradient,\n    },\n    isDisabled: {\n      true: disabledGradient,\n    },\n    isFocusWithin: {\n      true: goldGradientHover,\n    },\n  },\n});\n\nconst numberFieldInput = tv({\n  base: [\n    \"text-lol-gold-100 font-spiegel bg-lol-grey-hextech-black w-full px-3 py-2 text-xs outline-none\",\n  ],\n  variants: {\n    isDisabled: {\n      true: \"text-lol-grey-150 bg-lol-grey-300\",\n    },\n    isFocused: {\n      true: \"from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t\",\n    },\n  },\n});\n\nconst numberFieldButton = tv({\n  base: [\"text-lol-gold-100 bg-lol-grey-hextech-black px-2.5\"],\n  variants: {\n    isDisabled: {\n      true: \"text-lol-grey-150 bg-lol-grey-300\",\n    },\n  },\n});\n\nexport function NumberField({\n  inputProps = {},\n  groupProps = {},\n  children,\n  preset = \"normal\",\n  ...props\n}: AriaNumberFieldProps & {\n  inputProps?: ComponentProps<typeof AriaInput>;\n  groupProps?: ComponentProps<typeof Group>;\n  preset?: NumberFieldPreset;\n}) {\n  return (\n    <AriaNumberField {...props}>\n      {(values) => (\n        <>\n          {typeof children === \"function\" ? children(values) : children}\n          <Group\n            {...groupProps}\n            className={(values) => {\n              return numberFieldBorder({\n                className: resolveClassName(groupProps.className, values),\n                preset,\n                ...values,\n              });\n            }}\n          >\n            <Button\n              className={(values) => numberFieldButton(values)}\n              slot=\"decrement\"\n            >\n              -\n            </Button>\n            <AriaInput\n              {...inputProps}\n              className={(values) => {\n                return numberFieldInput({\n                  className: resolveClassName(inputProps.className, values),\n                  ...values,\n                });\n              }}\n            />\n            <Button\n              className={(values) => numberFieldButton(values)}\n              slot=\"increment\"\n            >\n              +\n            </Button>\n          </Group>\n        </>\n      )}\n    </AriaNumberField>\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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 { 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 {};