@lolmath/ui 3.2.5 → 4.0.0

package/dist/lib/components/button_module.css

@@ -0,0 +1,158 @@
+.button_56ea2 {
+	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_56ea2.round_56ea2.hover_56ea2, .text_56ea2.square_56ea2.hover_56ea2 {
+			--lol-button-background-gradient: var(--lol-gradient-grey-300);
+			--lol-button-border-gradient: var(--lol-gradient-transparent);
+		}
+
+.text_56ea2.round_56ea2,
+	.text_56ea2.square_56ea2,
+	.text_56ea2.normal_56ea2 {
+		position: relative;
+	}
+
+.text_56ea2.round_56ea2::after, .text_56ea2.square_56ea2::after, .text_56ea2.normal_56ea2::after {
+			position: absolute;
+			top: -0.5rem;
+			left: -0.5rem;
+			bottom: -0.5rem;
+			right: -0.5rem;
+			content: '';
+		}
+
+.hover_56ea2 {
+	color: var(--lol-color-gold-100);
+}
+
+.press_56ea2 {
+	color: var(--lol-color-grey-150);
+}
+
+.disabled_56ea2 {
+	color: var(--lol-color-grey-150);
+}
+
+.hextech_56ea2 {
+	color: var(--lol-color-blue-100);
+	--lol-button-border-gradient: var(--lol-gradient-hextech);
+	--lol-button-background-gradient: var(--lol-gradient-grey-300);
+}
+
+.hextech_56ea2.hover_56ea2 {
+		color: var(--lol-color-blue-100);
+		--lol-button-border-gradient: var(--lol-gradient-hextech-hover);
+	}
+
+.hextech_56ea2.press_56ea2 {
+		color: var(--lol-color-blue-400);
+		--lol-button-border-gradient: var(--lol-gradient-hextech-press);
+	}
+
+.hextech_56ea2.disabled_56ea2 {
+		color: var(--lol-color-grey-150);
+		--lol-button-border-gradient: var(--lol-gradient-disabled);
+	}
+
+.dimmed_56ea2 {
+	--lol-button-background-gradient: var(--lol-gradient-hextech-black);
+	--lol-button-border-gradient: var(--lol-gradient-grey-300);
+}
+
+.dimmed_56ea2.selected_56ea2 {
+		--lol-button-border-gradient: var(--lol-gradient-gold);
+	}
+
+.primary_56ea2 {
+	--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_56ea2.hover_56ea2 {
+		--lol-button-background-gradient: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500));
+	}
+
+.primary_56ea2.press_56ea2 {
+		--lol-button-background-gradient: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-700), var(--lol-color-gold-700));
+	}
+
+.primary_56ea2,
+.secondary_56ea2,
+.hextech_56ea2,
+.dimmed_56ea2 {
+	padding: 0.5rem 1rem;
+}
+
+.secondary_56ea2 {
+	--lol-button-border-gradient: var(--lol-gradient-gold);
+	--lol-button-background-gradient: var(--lol-gradient-grey-300);
+}
+
+.primary_56ea2.hover_56ea2,
+.secondary_56ea2.hover_56ea2,
+.dimmed_56ea2.hover_56ea2 {
+	--lol-button-border-gradient: var(--lol-gradient-gold-hover);
+}
+
+
+.primary_56ea2.press_56ea2,
+.secondary_56ea2.press_56ea2,
+.dimmed_56ea2.press_56ea2 {
+	--lol-button-border-gradient: var(--lol-gradient-gold-press);
+}
+
+
+.primary_56ea2.disabled_56ea2,
+.secondary_56ea2.disabled_56ea2,
+.dimmed_56ea2.disabled_56ea2 {
+	--lol-button-border-gradient: var(--lol-gradient-disabled);
+}
+
+.primary_56ea2.focusVisible_56ea2,
+.secondary_56ea2.focusVisible_56ea2 {
+	outline-style: solid;
+	outline-offset: 2px;
+	outline-color: var(--lol-color-gold-400);
+}
+
+.round_56ea2 {
+	border-radius: 9999px;
+}
+
+.round_56ea2,
+.square_56ea2 {
+	display: flex;
+	aspect-ratio: 1/1;
+	height: 2rem;
+	align-items: center;
+	justify-content: center;
+	padding: 0px;
+	font-weight: 900;
+	line-height: 1;
+}
+
+.thin_56ea2 {
+	border-width: 1px;
+}
+
+.selected_56ea2 {
+	--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

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

package/dist/lib/components/card.js

@@ -1,7 +1,9 @@
 "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)
@@ -15,62 +17,50 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 card_exports = {};
 __export(card_exports, {
-  Card: () => Card,
-  borderInverted: () => borderInverted
+  Card: () => Card
 });
 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: {}
+var import_cva = require("cva");
+var import_card = __toESM(require("./card.module"));
+const card = (0, import_cva.cva)({
+  base: import_card.default.card
 });
-const inner = (0, import_tv.tv)({
-  base: "bg-lol-grey-hextech-black w-full",
-  variants: {}
-});
-function Card({ children, className, style, borderProps }) {
-  const r = "1rem";
+function Card({
+  className,
+  style,
+  radius = "1rem",
+  borderWidth = "2px",
+  ...props
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
-      ...borderProps ?? {},
-      className: cardBorder({
-        className: borderProps?.className
-      }),
+      className: card({ className }),
       style: {
-        WebkitMask: borderInverted(r),
-        mask: borderInverted(r),
-        ...borderProps?.style ?? {}
+        // @ts-ignore: Css variable
+        "--lol-card-radius": radius,
+        "--lol-card-border-width": borderWidth,
+        ...style ?? {}
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: inner({
-            className
-          }),
-          style: {
-            WebkitMask: borderInverted(r),
-            mask: borderInverted(r),
-            ...style ?? {}
-          },
-          children
-        }
-      )
+      ...props
     }
   );
 }
-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
+  Card
 });
 
 //# sourceMappingURL=card.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCG;AAhCH,sBAA6B;AAC7B,gBAAmB;AAMnB,MAAM,iBAAa,cAAG;AAAA,EACrB,MAAM,CAAC,4BAA4B,4BAAY;AAAA,EAC/C,UAAU,CAAC;AACZ,CAAC;AAED,MAAM,YAAQ,cAAG;AAAA,EAChB,MAAM;AAAA,EACN,UAAU,CAAC;AACZ,CAAC;AAEM,SAAS,KAAK,EAAE,UAAU,WAAW,OAAO,YAAY,GAAc;AAC5E,QAAM,IAAI;AAEV,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAI,eAAe,CAAC;AAAA,MACrB,WAAW,WAAW;AAAA,QACrB,WAAW,aAAa;AAAA,MACzB,CAAC;AAAA,MACD,OAAO;AAAA,QACN,YAAY,eAAe,CAAC;AAAA,QAC5B,MAAM,eAAe,CAAC;AAAA,QACtB,GAAI,aAAa,SAAS,CAAC;AAAA,MAC5B;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,MAAM;AAAA,YAChB;AAAA,UACD,CAAC;AAAA,UACD,OAAO;AAAA,YACN,YAAY,eAAe,CAAC;AAAA,YAC5B,MAAM,eAAe,CAAC;AAAA,YACtB,GAAI,SAAS,CAAC;AAAA,UACf;AAAA,UAEC;AAAA;AAAA,MACF;AAAA;AAAA,EACD;AAEF;AAEO,SAAS,eAAe,GAAW;AACzC,SAAO,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;AACrE","names":[],"ignoreList":[],"sources":["../../../src/components/card.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { goldGradient } from \"../utilities/gradient.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nexport interface CardProps extends ComponentProps<\"div\"> {\n\tborderProps?: ComponentProps<\"div\">;\n}\n\nconst cardBorder = tv({\n\tbase: [\"bg-gradient-to-t p-[2px]\", goldGradient],\n\tvariants: {},\n});\n\nconst inner = tv({\n\tbase: \"bg-lol-grey-hextech-black w-full\",\n\tvariants: {},\n});\n\nexport function Card({ children, className, style, borderProps }: CardProps) {\n\tconst r = \"1rem\";\n\n\treturn (\n\t\t<div\n\t\t\t{...(borderProps ?? {})}\n\t\t\tclassName={cardBorder({\n\t\t\t\tclassName: borderProps?.className,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\tWebkitMask: borderInverted(r),\n\t\t\t\tmask: borderInverted(r),\n\t\t\t\t...(borderProps?.style ?? {}),\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={inner({\n\t\t\t\t\tclassName,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\tWebkitMask: borderInverted(r),\n\t\t\t\t\tmask: borderInverted(r),\n\t\t\t\t\t...(style ?? {}),\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function borderInverted(r: string) {\n\treturn `radial-gradient(${r} at ${r} ${r},#0000 98%,#000) -${r} -${r}`;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBE;AArBF,iBAAoB;AAEpB,kBAAoB;AAOpB,MAAM,WAAO,gBAAI;AAAA,EAChB,MAAM,YAAAA,QAAQ;AACf,CAAC;AAEM,SAAS,KAAK;AAAA,EACpB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,cAAc;AAAA,EACd,GAAG;AACJ,GAAc;AACb,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,KAAK,EAAE,UAAU,CAAC;AAAA,MAC7B,OAAO;AAAA;AAAA,QAEN,qBAAqB;AAAA,QACrB,2BAA2B;AAAA,QAC3B,GAAI,SAAS,CAAC;AAAA,MACf;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF","names":["classes"],"ignoreList":[],"sources":["../../../src/components/card.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { ComponentProps } from \"react\";\nimport classes from \"./card.module\";\n\nexport interface CardProps extends ComponentProps<\"div\"> {\n\tradius?: string;\n\tborderWidth?: string;\n}\n\nconst card = cva({\n\tbase: classes.card,\n});\n\nexport function Card({\n\tclassName,\n\tstyle,\n\tradius = \"1rem\",\n\tborderWidth = \"2px\",\n\t...props\n}: CardProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={card({ className })}\n\t\t\tstyle={{\n\t\t\t\t// @ts-ignore: Css variable\n\t\t\t\t\"--lol-card-radius\": radius,\n\t\t\t\t\"--lol-card-border-width\": borderWidth,\n\t\t\t\t...(style ?? {}),\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/{utilities/outline.js → components/card.module.js}

@@ -16,15 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var outline_exports = {};
-__export(outline_exports, {
-  outlineClassName: () => outlineClassName
-});
-module.exports = __toCommonJS(outline_exports);
-const outlineClassName = "outline outline-[#dcc188] outline-offset-2 outline-1";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  outlineClassName
+var card_exports = {};
+__export(card_exports, {
+  default: () => card_default
 });
+module.exports = __toCommonJS(card_exports);
+var import_card_module = require("./card_module.css");
+var card_default = { "card": "card_dfb9a" };
 
-//# sourceMappingURL=outline.js.map
+//# sourceMappingURL=card.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAO;AAAoB,IAAO,eAAQ,EAAC,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../src/components/card.module.css"],"sourcesContent":["import \"./card_module.css\";export default {\"card\":\"card_dfb9a\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/card_module.css

@@ -0,0 +1,16 @@
+.card_dfb9a {
+	position: relative;
+	--mask:
+		radial-gradient(var(--lol-card-radius) at var(--lol-card-radius) var(--lol-card-radius), #0000 calc(98% - var(--lol-card-border-width)), #000 calc(100% - var(--lol-card-border-width)) 98%, #0000) calc(var(--lol-card-radius) * -1) calc(var(--lol-card-radius) * -1),
+		linear-gradient(90deg, #000 calc(var(--lol-card-border-width) * 2), #0000 0) calc(var(--lol-card-border-width) * -1) 50% /100% calc(100% - calc(var(--lol-card-radius) * 2) + var(--lol-card-border-width)) repeat-x,
+		linear-gradient(#000 calc(var(--lol-card-border-width) * 2), #0000 0) 50% calc(var(--lol-card-border-width) * -1)/calc(100% - calc(var(--lol-card-radius) * 2) + var(--lol-card-border-width)) 100% repeat-y;
+}
+
+.card_dfb9a:before {
+	content: "";
+	position: absolute;
+	inset: 0;
+	background-image: var(--lol-gradient-gold);
+	mask: var(--mask);
+	pointer-events: none;
+}

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

@@ -0,0 +1,87 @@
+"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 checkbox_exports = {};
+__export(checkbox_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(checkbox_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_checkbox = __toESM(require("./checkbox.module"));
+var import_checked_hover_d13cb1b3 = __toESM(require("../../assets/checked-hover.d13cb1b3.png"));
+var import_checked_3258b858 = __toESM(require("../../assets/checked.3258b858.png"));
+var import_indeterminate_hover_68fcbcda = __toESM(require("../../assets/indeterminate-hover.68fcbcda.png"));
+var import_indeterminate_90d6dc3e = __toESM(require("../../assets/indeterminate.90d6dc3e.png"));
+var import_unchecked_hover_c8e5f2d0 = __toESM(require("../../assets/unchecked-hover.c8e5f2d0.png"));
+var import_unchecked_cc033abe = __toESM(require("../../assets/unchecked.cc033abe.png"));
+const checkbox = (0, import_cva.cva)({
+  base: import_checkbox.default.checkbox,
+  variants: {
+    isHovered: {
+      true: import_checkbox.default.hover
+    },
+    isDisabled: {
+      true: import_checkbox.default.disabled
+    }
+  }
+});
+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)(
+          "img",
+          {
+            className: "h-3.5 w-3.5",
+            "aria-hidden": "true",
+            alt: "",
+            src: values.isHovered ? values.isIndeterminate ? import_indeterminate_hover_68fcbcda.default : values.isSelected ? import_checked_hover_d13cb1b3.default : import_unchecked_hover_c8e5f2d0.default : values.isIndeterminate ? import_indeterminate_90d6dc3e.default : values.isSelected ? import_checked_3258b858.default : import_unchecked_cc033abe.default
+          }
+        ),
+        typeof children === "function" ? children(values) : children
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox
+});
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCI;AAtCJ,iBAAoB;AACpB,mCAGO;AACP,gCAAiC;AACjC,sBAAoB;AACpB,oCAA8B;AAC9B,8BAAyB;AACzB,0CAAoC;AACpC,oCAA+B;AAC/B,sCAAgC;AAChC,gCAA2B;AAE3B,MAAM,eAAW,gBAAI;AAAA,EACpB,MAAM,gBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,MAAM,gBAAAA,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,gBAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,MAAM,GAAkB;AAC1E,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACA,WAAW,CAAC,WAAW;AACtB,eAAO,SAAS;AAAA,UACf,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,WAAC,WACD,4EACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAI;AAAA,YACJ,KACC,OAAO,YACJ,OAAO,kBACN,oCAAAC,UACA,OAAO,aACN,8BAAAC,UACA,gCAAAC,UACF,OAAO,kBACN,8BAAAC,UACA,OAAO,aACN,wBAAAC,UACA,0BAAAC;AAAA;AAAA,QAEP;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":["classes","AriaCheckbox","imageIndeterminateHover","imageCheckedHover","imageUncheckedHover","imageIndeterminate","imageChecked","imageUnchecked"],"ignoreList":[],"sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport {\n\tCheckbox as AriaCheckbox,\n\ttype CheckboxProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./checkbox.module\";\nimport imageCheckedHover from \"../../assets/checked-hover.d13cb1b3.png\";\nimport imageChecked from \"../../assets/checked.3258b858.png\";\nimport imageIndeterminateHover from \"../../assets/indeterminate-hover.68fcbcda.png\";\nimport imageIndeterminate from \"../../assets/indeterminate.90d6dc3e.png\";\nimport imageUncheckedHover from \"../../assets/unchecked-hover.c8e5f2d0.png\";\nimport imageUnchecked from \"../../assets/unchecked.cc033abe.png\";\n\nconst checkbox = cva({\n\tbase: classes.checkbox,\n\tvariants: {\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t},\n});\n\nexport function Checkbox({ children, className, ...props }: CheckboxProps) {\n\treturn (\n\t\t<AriaCheckbox\n\t\t\tclassName={(values) => {\n\t\t\t\treturn checkbox({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t\t{...props}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"h-3.5 w-3.5\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\tvalues.isHovered\n\t\t\t\t\t\t\t\t? values.isIndeterminate\n\t\t\t\t\t\t\t\t\t? imageIndeterminateHover\n\t\t\t\t\t\t\t\t\t: values.isSelected\n\t\t\t\t\t\t\t\t\t\t? imageCheckedHover\n\t\t\t\t\t\t\t\t\t\t: imageUncheckedHover\n\t\t\t\t\t\t\t\t: values.isIndeterminate\n\t\t\t\t\t\t\t\t\t? imageIndeterminate\n\t\t\t\t\t\t\t\t\t: values.isSelected\n\t\t\t\t\t\t\t\t\t\t? imageChecked\n\t\t\t\t\t\t\t\t\t\t: imageUnchecked\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaCheckbox>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/{utilities/css-id.js → components/checkbox/checkbox.module.js}

@@ -16,18 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var css_id_exports = {};
-__export(css_id_exports, {
-  useCssId: () => useCssId
-});
-module.exports = __toCommonJS(css_id_exports);
-var import_react = require("react");
-function useCssId() {
-  return (0, import_react.useId)().replaceAll(":", "");
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useCssId
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  default: () => checkbox_default
 });
+module.exports = __toCommonJS(checkbox_exports);
+var import_checkbox_module = require("./checkbox_module.css");
+var checkbox_default = { "checkbox": "checkbox_8a1c7", "hover": "hover_8a1c7", "disabled": "disabled_8a1c7" };
 
-//# sourceMappingURL=css-id.js.map
+//# sourceMappingURL=checkbox.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAO;AAAwB,IAAO,mBAAQ,EAAC,YAAW,kBAAiB,SAAQ,eAAc,YAAW,iBAAgB","names":[],"ignoreList":[],"sources":["../../../../src/components/checkbox/checkbox.module.css"],"sourcesContent":["import \"./checkbox_module.css\";export default {\"checkbox\":\"checkbox_8a1c7\",\"hover\":\"hover_8a1c7\",\"disabled\":\"disabled_8a1c7\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/checkbox/checkbox_module.css

@@ -0,0 +1,17 @@
+.checkbox_8a1c7 {
+	font-family: var(--lol-font-family-spiegel);
+	color: var(--lol-color-grey-100);
+	display: flex;
+	cursor: pointer;
+	align-items: center;
+	gap: 0.25rem;
+	font-size: .75rem;
+	letter-spacing: .1em;
+}
+.checkbox_8a1c7.hover_8a1c7 {
+		color: var(--lol-color-gold-100);
+	}
+.checkbox_8a1c7.disabled_8a1c7 {
+		filter: brightness(0.5);
+		cursor: default;
+	}

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

@@ -1,24 +1,5 @@
-declare const divider: import("tailwind-variants").TVReturnType<{
-    preset: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}, undefined, "h-px grow border-0 bg-gradient-to-r", any, {
-    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;
+    preset?: "left" | "center" | "right";
     hrProps?: React.HTMLAttributes<HTMLHRElement>;
 }
 export declare function Divider({ preset, hrProps, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/divider.js

@@ -1,7 +1,9 @@
 "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)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 divider_exports = {};
 __export(divider_exports, {
@@ -22,20 +32,21 @@ __export(divider_exports, {
 });
 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",
+var import_cva = require("cva");
+var import_divider = __toESM(require("./divider.module"));
+const divider = (0, import_cva.cva)({
+  base: import_divider.default.divider,
   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"
+      left: import_divider.default.left,
+      center: import_divider.default.center,
+      right: import_divider.default.right
     }
   }
 });
 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" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_divider.default.wrapper, ...rest, children: [
+    preset === "right" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_divider.default.block }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "hr",
       {
@@ -43,7 +54,7 @@ function Divider({ preset = "center", hrProps, ...rest }) {
         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" })
+    preset === "left" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_divider.default.block })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBE;AAnBF,gBAAmB;AAEnB,MAAM,cAAU,cAAG;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAMM,SAAS,QAAQ,EAAE,SAAS,UAAU,SAAS,GAAG,KAAK,GAAiB;AAC9E,SACC,6CAAC,SAAI,WAAU,qBAAqB,GAAG,MACrC;AAAA,eAAW,WACX,4CAAC,SAAI,WAAU,wDAAuD;AAAA,IAEvE;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,QAAQ,EAAE,QAAQ,WAAW,SAAS,UAAU,CAAC;AAAA;AAAA,IAC7D;AAAA,IACC,WAAW,UACX,4CAAC,SAAI,WAAU,wDAAuD;AAAA,KAExE;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/divider.tsx"],"sourcesContent":["import { tv } from \"../utilities/tv.js\";\n\nconst divider = tv({\n\tbase: \"h-px grow border-0 bg-gradient-to-r\",\n\tvariants: {\n\t\tpreset: {\n\t\t\tleft: \"to-lol-gold-600 from-transparent\",\n\t\t\tright: \"from-lol-gold-600 to-transparent\",\n\t\t\tcenter: \"via-lol-gold-600 from-transparent to-transparent\",\n\t\t},\n\t},\n});\n\ninterface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n\tpreset?: keyof typeof divider.variants.preset;\n\thrProps?: React.HTMLAttributes<HTMLHRElement>;\n}\nexport function Divider({ preset = \"center\", hrProps, ...rest }: DividerProps) {\n\treturn (\n\t\t<div className=\"flex items-center\" {...rest}>\n\t\t\t{preset === \"right\" && (\n\t\t\t\t<div className=\"border-lol-gold-600 h-[5px] w-[5px] rotate-45 border\" />\n\t\t\t)}\n\t\t\t<hr\n\t\t\t\t{...hrProps}\n\t\t\t\tclassName={divider({ preset, className: hrProps?.className })}\n\t\t\t/>\n\t\t\t{preset === \"left\" && (\n\t\t\t\t<div className=\"border-lol-gold-600 h-[5px] w-[5px] rotate-45 border\" />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBE;AApBF,iBAAoB;AACpB,qBAAoB;AAEpB,MAAM,cAAU,gBAAI;AAAA,EACnB,MAAM,eAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,MAAM,eAAAA,QAAQ;AAAA,MACd,QAAQ,eAAAA,QAAQ;AAAA,MAChB,OAAO,eAAAA,QAAQ;AAAA,IAChB;AAAA,EACD;AACD,CAAC;AAMM,SAAS,QAAQ,EAAE,SAAS,UAAU,SAAS,GAAG,KAAK,GAAiB;AAC9E,SACC,6CAAC,SAAI,WAAW,eAAAA,QAAQ,SAAU,GAAG,MACnC;AAAA,eAAW,WACX,4CAAC,SAAI,WAAW,eAAAA,QAAQ,OAAO;AAAA,IAEhC;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,QAAQ,EAAE,QAAQ,WAAW,SAAS,UAAU,CAAC;AAAA;AAAA,IAC7D;AAAA,IACC,WAAW,UACX,4CAAC,SAAI,WAAW,eAAAA,QAAQ,OAAO;AAAA,KAEjC;AAEF","names":["classes"],"ignoreList":[],"sources":["../../../src/components/divider.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport classes from \"./divider.module\";\n\nconst divider = cva({\n\tbase: classes.divider,\n\tvariants: {\n\t\tpreset: {\n\t\t\tleft: classes.left,\n\t\t\tcenter: classes.center,\n\t\t\tright: classes.right,\n\t\t},\n\t},\n});\n\ninterface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n\tpreset?: \"left\" | \"center\" | \"right\";\n\thrProps?: React.HTMLAttributes<HTMLHRElement>;\n}\nexport function Divider({ preset = \"center\", hrProps, ...rest }: DividerProps) {\n\treturn (\n\t\t<div className={classes.wrapper} {...rest}>\n\t\t\t{preset === \"right\" && (\n\t\t\t\t<div className={classes.block} />\n\t\t\t)}\n\t\t\t<hr\n\t\t\t\t{...hrProps}\n\t\t\t\tclassName={divider({ preset, className: hrProps?.className })}\n\t\t\t/>\n\t\t\t{preset === \"left\" && (\n\t\t\t\t<div className={classes.block} />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/divider.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 divider_exports = {};
+__export(divider_exports, {
+  default: () => divider_default
+});
+module.exports = __toCommonJS(divider_exports);
+var import_divider_module = require("./divider_module.css");
+var divider_default = { "divider": "divider_1f6a1", "left": "left_1f6a1", "center": "center_1f6a1", "right": "right_1f6a1", "block": "block_1f6a1", "wrapper": "wrapper_1f6a1" };
+
+//# sourceMappingURL=divider.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,QAAO,cAAa,UAAS,gBAAe,SAAQ,eAAc,SAAQ,eAAc,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../src/components/divider.module.css"],"sourcesContent":["import \"./divider_module.css\";export default {\"divider\":\"divider_1f6a1\",\"left\":\"left_1f6a1\",\"center\":\"center_1f6a1\",\"right\":\"right_1f6a1\",\"block\":\"block_1f6a1\",\"wrapper\":\"wrapper_1f6a1\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/divider_module.css

@@ -0,0 +1,29 @@
+.divider_1f6a1 {
+	height: 1px;
+	flex-grow: 1;
+	border: none;
+}
+
+.left_1f6a1 {
+	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--lol-color-gold-600));
+}
+
+.center_1f6a1 {
+	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--lol-color-gold-600), rgba(0, 0, 0, 0));
+}
+
+.right_1f6a1 {
+	background-image: linear-gradient(to right, var(--lol-color-gold-600), rgba(0, 0, 0, 0));
+}
+
+.block_1f6a1 {
+	width: 5px;
+	height: 5px;
+	border: 1px solid var(--lol-color-gold-600);
+	rotate: 45deg;
+}
+
+.wrapper_1f6a1 {
+	display: flex;
+	align-items: center;
+}