@lolmath/ui 0.0.0-20240810205542

package/dist/es/components/button.js

@@ -0,0 +1,78 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import {
+  Button as AriaButton
+} from "react-aria-components";
+import { resolveClassName } from "../utilities/resolve-class-name.js";
+import { cva } from "cva";
+import classes from "./button.module";
+const button = cva({
+  base: classes.button,
+  variants: {
+    preset: {
+      primary: classes.primary,
+      secondary: classes.secondary,
+      text: classes.text,
+      hextech: classes.hextech,
+      dimmed: classes.dimmed
+    },
+    isHovered: {
+      true: classes.hover
+    },
+    isPressed: {
+      true: classes.press
+    },
+    isDisabled: {
+      true: classes.disabled
+    },
+    isFocused: {
+      true: ""
+    },
+    isFocusVisible: {
+      true: classes.focusVisible
+    },
+    shape: {
+      round: classes.round,
+      square: classes.square,
+      normal: classes.normal
+    },
+    thin: {
+      true: classes.thin
+    }
+  }
+});
+function _Button({
+  children,
+  className,
+  preset = "secondary",
+  shape = "normal",
+  thin = preset === "dimmed",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    AriaButton,
+    {
+      ref,
+      ...props,
+      className: (values) => {
+        return button({
+          className: resolveClassName(className, values),
+          preset,
+          shape,
+          thin,
+          ...values
+        });
+      },
+      children
+    }
+  );
+}
+const Button = forwardRef(_Button);
+Button.displayName = "Button";
+export {
+  Button,
+  _Button,
+  button
+};
+
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAuEE;AAvEF,SAAmB,kBAAkB;AACrC;AAAA,EACC,UAAU;AAAA,OAEJ;AACP,SAAS,wBAAwB;AACjC,SAAS,WAAW;AACpB,OAAO,aAAa;AAgBb,MAAM,SAAS,IAAI;AAAA,EACzB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS,QAAQ;AAAA,MACjB,WAAW,QAAQ;AAAA,MACnB,MAAM,QAAQ;AAAA,MACd,SAAS,QAAQ;AAAA,MACjB,QAAQ,QAAQ;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACN,OAAO,QAAQ;AAAA,MACf,QAAQ,QAAQ;AAAA,MAChB,QAAQ,QAAQ;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,MACL,MAAM,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;AAAA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,OAAO;AAAA,UACb,WAAW,iBAAiB,WAAW,MAAM;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,SAAS,WAAW,OAAO;AACxC,OAAO,cAAc","names":[],"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/es/components/button.module.js

@@ -0,0 +1,7 @@
+import "./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" };
+export {
+  button_default as default
+};
+
+//# sourceMappingURL=button.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;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/es/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/es/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;

package/dist/es/components/card.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "cva";
+import classes from "./card.module";
+const card = cva({
+  base: classes.card
+});
+function Card({
+  className,
+  style,
+  radius = "1rem",
+  borderWidth = "2px",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: card({ className }),
+      style: {
+        // @ts-ignore: Css variable
+        "--lol-card-radius": radius,
+        "--lol-card-border-width": borderWidth,
+        ...style ?? {}
+      },
+      ...props
+    }
+  );
+}
+export {
+  Card
+};
+
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAqBE;AArBF,SAAS,WAAW;AAEpB,OAAO,aAAa;AAOpB,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,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":[],"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/es/components/card.module.js

@@ -0,0 +1,7 @@
+import "./card_module.css";
+var card_default = { "card": "card_55850" };
+export {
+  card_default as default
+};
+
+//# sourceMappingURL=card.module.js.map

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

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

package/dist/es/components/card_module.css

@@ -0,0 +1,18 @@
+@layer lol {
+	.card_55850 {
+		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_55850:before {
+		content: "";
+		position: absolute;
+		inset: 0;
+		background-image: var(--lol-gradient-gold);
+		mask: var(--mask);
+		pointer-events: none;
+	}
+}

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

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

package/dist/es/components/checkbox/checkbox.js

@@ -0,0 +1,55 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "cva";
+import {
+  Checkbox as AriaCheckbox
+} from "react-aria-components";
+import { resolveClassName } from "../../utilities/resolve-class-name.js";
+import classes from "./checkbox.module";
+import imageCheckedHover from "../../assets/checked-hover.d13cb1b3.png";
+import imageChecked from "../../assets/checked.3258b858.png";
+import imageIndeterminateHover from "../../assets/indeterminate-hover.68fcbcda.png";
+import imageIndeterminate from "../../assets/indeterminate.90d6dc3e.png";
+import imageUncheckedHover from "../../assets/unchecked-hover.c8e5f2d0.png";
+import imageUnchecked from "../../assets/unchecked.cc033abe.png";
+const checkbox = cva({
+  base: classes.checkbox,
+  variants: {
+    isHovered: {
+      true: classes.hover
+    },
+    isDisabled: {
+      true: classes.disabled
+    }
+  }
+});
+function Checkbox({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AriaCheckbox,
+    {
+      className: (values) => {
+        return checkbox({
+          className: resolveClassName(className, values),
+          ...values
+        });
+      },
+      ...props,
+      children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            className: "h-3.5 w-3.5",
+            "aria-hidden": "true",
+            alt: "",
+            src: values.isHovered ? values.isIndeterminate ? imageIndeterminateHover : values.isSelected ? imageCheckedHover : imageUncheckedHover : values.isIndeterminate ? imageIndeterminate : values.isSelected ? imageChecked : imageUnchecked
+          }
+        ),
+        typeof children === "function" ? children(values) : children
+      ] })
+    }
+  );
+}
+export {
+  Checkbox
+};
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAsCI,mBACC,KADD;AAtCJ,SAAS,WAAW;AACpB;AAAA,EACC,YAAY;AAAA,OAEN;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AACpB,OAAO,uBAAuB;AAC9B,OAAO,kBAAkB;AACzB,OAAO,6BAA6B;AACpC,OAAO,wBAAwB;AAC/B,OAAO,yBAAyB;AAChC,OAAO,oBAAoB;AAE3B,MAAM,WAAW,IAAI;AAAA,EACpB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,MAAM,GAAkB;AAC1E,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,CAAC,WAAW;AACtB,eAAO,SAAS;AAAA,UACf,WAAW,iBAAiB,WAAW,MAAM;AAAA,UAC7C,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,WAAC,WACD,iCACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAI;AAAA,YACJ,KACC,OAAO,YACJ,OAAO,kBACN,0BACA,OAAO,aACN,oBACA,sBACF,OAAO,kBACN,qBACA,OAAO,aACN,eACA;AAAA;AAAA,QAEP;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":[],"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/es/components/checkbox/checkbox.module.js

@@ -0,0 +1,7 @@
+import "./checkbox_module.css";
+var checkbox_default = { "checkbox": "checkbox_699c2", "hover": "hover_699c2", "disabled": "disabled_699c2" };
+export {
+  checkbox_default as default
+};
+
+//# sourceMappingURL=checkbox.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;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_699c2\",\"hover\":\"hover_699c2\",\"disabled\":\"disabled_699c2\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,21 @@
+@layer lol {
+	.checkbox_699c2 {
+		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_699c2.hover_699c2 {
+			color: var(--lol-color-gold-100);
+		}
+
+		.checkbox_699c2.disabled_699c2 {
+			filter: brightness(0.5);
+			cursor: default;
+		}
+}

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

@@ -0,0 +1,6 @@
+interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    preset?: "left" | "center" | "right";
+    hrProps?: React.HTMLAttributes<HTMLHRElement>;
+}
+export declare function Divider({ preset, hrProps, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/es/components/divider.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "cva";
+import classes from "./divider.module";
+const divider = cva({
+  base: classes.divider,
+  variants: {
+    preset: {
+      left: classes.left,
+      center: classes.center,
+      right: classes.right
+    }
+  }
+});
+function Divider({ preset = "center", hrProps, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: classes.wrapper, ...rest, children: [
+    preset === "right" && /* @__PURE__ */ jsx("div", { className: classes.block }),
+    /* @__PURE__ */ jsx(
+      "hr",
+      {
+        ...hrProps,
+        className: divider({ preset, className: hrProps?.className })
+      }
+    ),
+    preset === "left" && /* @__PURE__ */ jsx("div", { className: classes.block })
+  ] });
+}
+export {
+  Divider
+};
+
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAoBE,SAEE,KAFF;AApBF,SAAS,WAAW;AACpB,OAAO,aAAa;AAEpB,MAAM,UAAU,IAAI;AAAA,EACnB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,MAAM,QAAQ;AAAA,MACd,QAAQ,QAAQ;AAAA,MAChB,OAAO,QAAQ;AAAA,IAChB;AAAA,EACD;AACD,CAAC;AAMM,SAAS,QAAQ,EAAE,SAAS,UAAU,SAAS,GAAG,KAAK,GAAiB;AAC9E,SACC,qBAAC,SAAI,WAAW,QAAQ,SAAU,GAAG,MACnC;AAAA,eAAW,WACX,oBAAC,SAAI,WAAW,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,oBAAC,SAAI,WAAW,QAAQ,OAAO;AAAA,KAEjC;AAEF","names":[],"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/es/components/divider.module.js

@@ -0,0 +1,7 @@
+import "./divider_module.css";
+var divider_default = { "divider": "divider_20ec4", "left": "left_20ec4", "center": "center_20ec4", "right": "right_20ec4", "block": "block_20ec4", "wrapper": "wrapper_20ec4" };
+export {
+  divider_default as default
+};
+
+//# sourceMappingURL=divider.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;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_20ec4\",\"left\":\"left_20ec4\",\"center\":\"center_20ec4\",\"right\":\"right_20ec4\",\"block\":\"block_20ec4\",\"wrapper\":\"wrapper_20ec4\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/divider_module.css

@@ -0,0 +1,31 @@
+@layer lol {
+	.divider_20ec4 {
+		height: 1px;
+		flex-grow: 1;
+		border: none;
+	}
+
+	.left_20ec4 {
+		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--lol-color-gold-600));
+	}
+
+	.center_20ec4 {
+		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--lol-color-gold-600), rgba(0, 0, 0, 0));
+	}
+
+	.right_20ec4 {
+		background-image: linear-gradient(to right, var(--lol-color-gold-600), rgba(0, 0, 0, 0));
+	}
+
+	.block_20ec4 {
+		width: 5px;
+		height: 5px;
+		border: 1px solid var(--lol-color-gold-600);
+		rotate: 45deg;
+	}
+
+	.wrapper_20ec4 {
+		display: flex;
+		align-items: center;
+	}
+}

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

@@ -0,0 +1,13 @@
+import { type DialogTriggerProps as AriaDialogTriggerProps, type HeadingProps as AriaHeadingProps, type DialogProps, type ModalOverlayProps } 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/es/components/modal.js

@@ -0,0 +1,86 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "cva";
+import {
+  DialogTrigger as AriaDialogTrigger,
+  Heading as AriaHeading,
+  Modal as AriaModal,
+  Dialog,
+  ModalOverlay
+} from "react-aria-components";
+import { resolveClassName } from "../utilities/resolve-class-name.js";
+import classes from "./modal.module";
+const overlay = cva({
+  base: classes.overlay
+});
+const modal = cva({
+  base: classes.modal
+});
+const dialog = cva({
+  base: classes.dialog
+});
+function Modal({
+  modalOverlayClassName,
+  dialogProps = {},
+  children,
+  className,
+  ...modalProps
+}) {
+  return /* @__PURE__ */ jsx(
+    ModalOverlay,
+    {
+      ...modalProps,
+      className: (values) => {
+        return overlay({
+          className: resolveClassName(modalOverlayClassName, values)
+        });
+      },
+      children: /* @__PURE__ */ jsx(
+        AriaModal,
+        {
+          ...modalProps,
+          className: (values) => modal({
+            className: resolveClassName(className, values)
+          }),
+          children: /* @__PURE__ */ jsx(
+            Dialog,
+            {
+              ...dialogProps,
+              className: dialog({
+                className: dialogProps.className
+              }),
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const dialogHeading = cva({
+  base: classes.dialogHeading
+});
+function DialogHeading({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AriaHeading,
+    {
+      ...props,
+      className: dialogHeading({
+        className
+      })
+    }
+  );
+}
+function DialogButtons({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: classes.dialogButtons, children });
+}
+function DialogTrigger(props) {
+  return /* @__PURE__ */ jsx(AriaDialogTrigger, { ...props });
+}
+export {
+  DialogButtons,
+  DialogHeading,
+  DialogTrigger,
+  Modal
+};
+
+//# sourceMappingURL=modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAyDI;AAzDJ,SAAS,WAAW;AACpB;AAAA,EACC,iBAAiB;AAAA,EAEjB,WAAW;AAAA,EAEX,SAAS;AAAA,EACT;AAAA,EAEA;AAAA,OAEM;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,UAAU,IAAI;AAAA,EACnB,MAAM,QAAQ;AACf,CAAC;AAED,MAAM,QAAQ,IAAI;AAAA,EACjB,MAAM,QAAQ;AACf,CAAC;AAED,MAAM,SAAS,IAAI;AAAA,EAClB,MAAM,QAAQ;AACf,CAAC;AAQM,SAAS,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAe;AACd,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,QAAQ;AAAA,UACd,WAAW,iBAAiB,uBAAuB,MAAM;AAAA,QAC1D,CAAC;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAG;AAAA,UACJ,WAAW,CAAC,WACX,MAAM;AAAA,YACL,WAAW,iBAAiB,WAAW,MAAM;AAAA,UAC9C,CAAC;AAAA,UAGF;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACJ,WAAW,OAAO;AAAA,gBACjB,WAAW,YAAY;AAAA,cACxB,CAAC;AAAA,cAEA;AAAA;AAAA,UACF;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,MAAM,gBAAgB,IAAI;AAAA,EACzB,MAAM,QAAQ;AACf,CAAC;AAEM,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAqB;AACxE,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,cAAc;AAAA,QACxB;AAAA,MACD,CAAC;AAAA;AAAA,EACF;AAEF;AAEO,SAAS,cAAc,EAAE,SAAS,GAAkC;AAC1E,SAAO,oBAAC,SAAI,WAAW,QAAQ,eAAgB,UAAS;AACzD;AAEO,SAAS,cAAc,OAA+B;AAC5D,SAAO,oBAAC,qBAAmB,GAAG,OAAO;AACtC","names":[],"ignoreList":[],"sources":["../../../src/components/modal.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport {\n\tDialogTrigger as AriaDialogTrigger,\n\ttype DialogTriggerProps as AriaDialogTriggerProps,\n\tHeading as AriaHeading,\n\ttype HeadingProps as AriaHeadingProps,\n\tModal as AriaModal,\n\tDialog,\n\ttype DialogProps,\n\tModalOverlay,\n\ttype ModalOverlayProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./modal.module\";\n\nconst overlay = cva({\n\tbase: classes.overlay,\n});\n\nconst modal = cva({\n\tbase: classes.modal,\n});\n\nconst dialog = cva({\n\tbase: classes.dialog,\n});\n\ninterface ModalProps extends Omit<ModalOverlayProps, \"children\"> {\n\tmodalOverlayClassName?: ModalOverlayProps[\"className\"];\n\tdialogProps?: Omit<DialogProps, \"children\">;\n\tchildren?: DialogProps[\"children\"];\n}\n\nexport function Modal({\n\tmodalOverlayClassName,\n\tdialogProps = {},\n\tchildren,\n\tclassName,\n\t...modalProps\n}: ModalProps) {\n\treturn (\n\t\t<ModalOverlay\n\t\t\t{...modalProps}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn overlay({\n\t\t\t\t\tclassName: resolveClassName(modalOverlayClassName, values),\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t<AriaModal\n\t\t\t\t{...modalProps}\n\t\t\t\tclassName={(values) =>\n\t\t\t\t\tmodal({\n\t\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Dialog\n\t\t\t\t\t{...dialogProps}\n\t\t\t\t\tclassName={dialog({\n\t\t\t\t\t\tclassName: dialogProps.className,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Dialog>\n\t\t\t</AriaModal>\n\t\t</ModalOverlay>\n\t);\n}\n\nconst dialogHeading = cva({\n\tbase: classes.dialogHeading,\n});\n\nexport function DialogHeading({ className, ...props }: AriaHeadingProps) {\n\treturn (\n\t\t<AriaHeading\n\t\t\t{...props}\n\t\t\tclassName={dialogHeading({\n\t\t\t\tclassName,\n\t\t\t})}\n\t\t/>\n\t);\n}\n\nexport function DialogButtons({ children }: { children: React.ReactNode }) {\n\treturn <div className={classes.dialogButtons}>{children}</div>;\n}\n\nexport function DialogTrigger(props: AriaDialogTriggerProps) {\n\treturn <AriaDialogTrigger {...props} />;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/modal.module.js

@@ -0,0 +1,7 @@
+import "./modal_module.css";
+var modal_default = { "overlay": "overlay_89a70", "dialog": "dialog_89a70", "modal": "modal_89a70", "dialogHeading": "dialogHeading_89a70", "dialogButtons": "dialogButtons_89a70" };
+export {
+  modal_default as default
+};
+
+//# sourceMappingURL=modal.module.js.map

package/dist/es/components/modal.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;AAAqB,IAAO,gBAAQ,EAAC,WAAU,iBAAgB,UAAS,gBAAe,SAAQ,eAAc,iBAAgB,uBAAsB,iBAAgB,sBAAqB","names":[],"ignoreList":[],"sources":["../../../src/components/modal.module.css"],"sourcesContent":["import \"./modal_module.css\";export default {\"overlay\":\"overlay_89a70\",\"dialog\":\"dialog_89a70\",\"modal\":\"modal_89a70\",\"dialogHeading\":\"dialogHeading_89a70\",\"dialogButtons\":\"dialogButtons_89a70\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}