@lolmath/ui 0.0.0-20240810205542

package/dist/lib/components/text-area.js

@@ -0,0 +1,52 @@
+"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 text_area_exports = {};
+__export(text_area_exports, {
+  TextArea: () => TextArea
+});
+module.exports = __toCommonJS(text_area_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_text_field = require("./text-field.js");
+function TextArea({
+  textAreaProps = {},
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.TextField, { ...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.jsx)(
+      import_react_aria_components.TextArea,
+      {
+        ...textAreaProps,
+        className: (values2) => (0, import_text_field.textField)({
+          ...values2,
+          className: (0, import_resolve_class_name.resolveClassName)(textAreaProps?.className, values2)
+        })
+      }
+    )
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextArea
+});
+
+//# sourceMappingURL=text-area.js.map

package/dist/lib/components/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AAjBJ,mCAGO;AACP,gCAAiC;AACjC,wBAA0B;AAEnB,SAAS,SAAS;AAAA,EACxB,gBAAgB,CAAC;AAAA,EACjB;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC,4CAAC,6BAAAA,WAAA,EAAe,GAAG,OACjB,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC,6BAAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACC,gBACX,6BAAU;AAAA,UACT,GAAGA;AAAA,UACH,eAAW,4CAAiB,eAAe,WAAWA,OAAM;AAAA,QAC7D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["AriaTextField","AriaTextArea","values"],"ignoreList":[],"sources":["../../../src/components/text-area.tsx"],"sourcesContent":["import type {\n\tTextFieldProps as AriaTextFieldProps,\n\tTextAreaProps,\n} from \"react-aria-components\";\nimport {\n\tTextArea as AriaTextArea,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { textField } from \"./text-field.js\";\n\nexport function TextArea({\n\ttextAreaProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\ttextAreaProps?: TextAreaProps;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<AriaTextArea\n\t\t\t\t\t\t{...textAreaProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\ttextField({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(textAreaProps?.className, values),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,64 @@
+import type { ComponentProps } from "react";
+import type { TextFieldProps as AriaTextFieldProps, InputProps } from "react-aria-components";
+export declare const textField: (props?: ({
+    isDisabled?: boolean | undefined;
+    isFocused?: boolean | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+export declare function TextField({ inputProps, borderProps, children, ...props }: AriaTextFieldProps & {
+    inputProps?: InputProps;
+    borderProps?: ComponentProps<"div">;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,78 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var text_field_exports = {};
+__export(text_field_exports, {
+  TextField: () => TextField,
+  textField: () => textField
+});
+module.exports = __toCommonJS(text_field_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_cva = require("cva");
+var import_text_field = __toESM(require("./text-field.module"));
+const textField = (0, import_cva.cva)({
+  base: import_text_field.default.textField,
+  variants: {
+    isDisabled: {
+      true: import_text_field.default.disabled
+    },
+    isFocused: {
+      true: import_text_field.default.focus
+    }
+  }
+});
+function TextField({
+  inputProps = {},
+  borderProps = {},
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.TextField, { ...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.jsx)(
+      import_react_aria_components.Input,
+      {
+        type: "text",
+        ...inputProps,
+        className: (values2) => textField({
+          ...values2,
+          className: (0, import_resolve_class_name.resolveClassName)(inputProps?.className, values2)
+        })
+      }
+    )
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextField,
+  textField
+});
+
+//# sourceMappingURL=text-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCI;AAjCJ,mCAGO;AACP,gCAAiC;AAEjC,iBAAoB;AACpB,wBAAoB;AAEb,MAAM,gBAAY,gBAAI;AAAA,EAC5B,MAAM,kBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,kBAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,kBAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,UAAU;AAAA,EACzB,aAAa,CAAC;AAAA,EACd,cAAc,CAAC;AAAA,EACf;AAAA,EACA,GAAG;AACJ,GAGG;AACF,SACC,4CAAC,6BAAAC,WAAA,EAAe,GAAG,OACjB,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IAErD;AAAA,MAAC,6BAAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,WAAW,CAACC,YACX,UAAU;AAAA,UACT,GAAGA;AAAA,UACH,eAAW,4CAAiB,YAAY,WAAWA,OAAM;AAAA,QAC1D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["classes","AriaTextField","AriaInput","values"],"ignoreList":[],"sources":["../../../src/components/text-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\n\tTextFieldProps as AriaTextFieldProps,\n\tInputProps,\n} from \"react-aria-components\";\nimport {\n\tInput as AriaInput,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\n\nimport { cva } from \"cva\";\nimport classes from \"./text-field.module\";\n\nexport const textField = cva({\n\tbase: classes.textField,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: classes.focus,\n\t\t},\n\t},\n});\n\nexport function TextField({\n\tinputProps = {},\n\tborderProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\tinputProps?: InputProps;\n\tborderProps?: ComponentProps<\"div\">;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\n\t\t\t\t\t<AriaInput\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\ttextField({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps?.className, values),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var text_field_exports = {};
+__export(text_field_exports, {
+  default: () => text_field_default
+});
+module.exports = __toCommonJS(text_field_exports);
+var import_text_field_module = require("./text-field_module.css");
+var text_field_default = { "textField": "textField_bbfbb", "disabled": "disabled_bbfbb", "focus": "focus_bbfbb" };
+
+//# sourceMappingURL=text-field.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAO;AAA0B,IAAO,qBAAQ,EAAC,aAAY,mBAAkB,YAAW,kBAAiB,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../src/components/text-field.module.css"],"sourcesContent":["import \"./text-field_module.css\";export default {\"textField\":\"textField_bbfbb\",\"disabled\":\"disabled_bbfbb\",\"focus\":\"focus_bbfbb\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,37 @@
+@layer lol {
+	.textField_bbfbb {
+		background:
+			var(--lol-input-background-gradient) padding-box,
+			var(--lol-input-border-gradient) border-box;
+
+		--lol-input-border-gradient: var(--lol-gradient-gold);
+		--lol-input-background-gradient: var(--lol-gradient-hextech-black);
+
+		border: 1px solid transparent;
+		grid-area: input;
+		padding: 0.5rem 0.75rem;
+		margin: 0;
+		font-size: 0.75rem;
+		line-height: 1rem;
+		color: var(--field-text-color);
+		outline: none;
+		font-family: var(--lol-font-family-spiegel);
+		font-weight: 500;
+		letter-spacing: 0.025em;
+
+		color: var(--lol-color-gold-100);
+
+		display: flex;
+		width: 100%;
+	}
+
+		.textField_bbfbb.disabled_bbfbb {
+			--lol-input-border-gradient: var(--lol-gradient-disabled);
+			color: var(--lol-color-grey-150);
+		}
+
+		.textField_bbfbb.focus_bbfbb {
+			--lol-input-border-gradient: var(--lol-gradient-gold-hover);
+			--lol-input-background-gradient: var(--lol-gradient-grey-focus);
+		}
+}

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

@@ -0,0 +1,10 @@
+import { type ToggleButtonProps as AriaToggleButtonProps } from "react-aria-components";
+export type ToggleButtonShape = "round" | "square" | "normal";
+export type ToggleButtonPreset = "secondary" | "hextech" | "dimmed";
+interface ToggleButtonProps extends AriaToggleButtonProps {
+    preset?: ToggleButtonPreset;
+    thin?: boolean;
+    shape?: ToggleButtonShape;
+}
+export declare function ToggleButton({ children, className, preset, shape, thin, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,100 @@
+"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 toggle_button_exports = {};
+__export(toggle_button_exports, {
+  ToggleButton: () => ToggleButton
+});
+module.exports = __toCommonJS(toggle_button_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_button = __toESM(require("./button.module"));
+const button = (0, import_cva.cva)({
+  base: import_button.default.button,
+  variants: {
+    preset: {
+      secondary: import_button.default.secondary,
+      hextech: import_button.default.hextech,
+      dimmed: import_button.default.dimmed
+    },
+    isHovered: {
+      true: import_button.default.hover
+    },
+    isPressed: {
+      true: import_button.default.press
+    },
+    isDisabled: {
+      true: import_button.default.disabled
+    },
+    isFocusVisible: {
+      true: import_button.default.focusVisible
+    },
+    shape: {
+      round: import_button.default.round,
+      square: import_button.default.square,
+      normal: import_button.default.normal
+    },
+    thin: {
+      true: import_button.default.thin
+    },
+    isSelected: {
+      true: import_button.default.selected
+    }
+  }
+});
+function ToggleButton({
+  children,
+  className,
+  preset = "secondary",
+  shape = "normal",
+  thin = preset === "dimmed",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.ToggleButton,
+    {
+      ...props,
+      className: (values) => button({
+        ...values,
+        preset,
+        shape,
+        thin,
+        className: (0, import_resolve_class_name.resolveClassName)(className, values)
+      }),
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToggleButton
+});
+
+//# sourceMappingURL=toggle-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2DE;AA3DF,iBAAoB;AACpB,mCAGO;AACP,gCAAiC;AACjC,oBAAoB;AAKpB,MAAM,aAAS,gBAAI;AAAA,EAClB,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,WAAW,cAAAA,QAAQ;AAAA,MACnB,SAAS,cAAAA,QAAQ;AAAA,MACjB,QAAQ,cAAAA,QAAQ;AAAA,IACjB;AAAA,IACA,WAAW;AAAA,MACV,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACN,OAAO,cAAAA,QAAQ;AAAA,MACf,QAAQ,cAAAA,QAAQ;AAAA,MAChB,QAAQ,cAAAA,QAAQ;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,MACL,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAOM,SAAS,aAAa;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO,WAAW;AAAA,EAClB,GAAG;AACJ,GAAsB;AACrB,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,OAAO;AAAA,QACN,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA,MAGD;AAAA;AAAA,EACF;AAEF","names":["classes","AriaToggleButton"],"ignoreList":[],"sources":["../../../src/components/toggle-button.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport {\n\tToggleButton as AriaToggleButton,\n\ttype ToggleButtonProps as AriaToggleButtonProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./button.module\";\n\nexport type ToggleButtonShape = \"round\" | \"square\" | \"normal\";\nexport type ToggleButtonPreset = \"secondary\" | \"hextech\" | \"dimmed\";\n\nconst button = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tpreset: {\n\t\t\tsecondary: classes.secondary,\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\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\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t},\n});\ninterface ToggleButtonProps extends AriaToggleButtonProps {\n\tpreset?: ToggleButtonPreset;\n\tthin?: boolean;\n\tshape?: ToggleButtonShape;\n}\n\nexport function ToggleButton({\n\tchildren,\n\tclassName,\n\tpreset = \"secondary\",\n\tshape = \"normal\",\n\tthin = preset === \"dimmed\",\n\t...props\n}: ToggleButtonProps) {\n\treturn (\n\t\t<AriaToggleButton\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tbutton({\n\t\t\t\t\t...values,\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{children}\n\t\t</AriaToggleButton>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,3 @@
+import type { TooltipProps } from "react-aria-components";
+export declare function Tooltip({ children, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export { TooltipTrigger } from "react-aria-components";

package/dist/lib/components/tooltip.js

@@ -0,0 +1,102 @@
+"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 tooltip_exports = {};
+__export(tooltip_exports, {
+  Tooltip: () => Tooltip,
+  TooltipTrigger: () => import_react_aria_components2.TooltipTrigger
+});
+module.exports = __toCommonJS(tooltip_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_tooltip = __toESM(require("./tooltip.module"));
+var import_react_aria_components2 = require("react-aria-components");
+const tooltipBorder = (0, import_cva.cva)({
+  base: import_tooltip.default.tooltip,
+  variants: {
+    placement: {
+      bottom: import_tooltip.default.bottom,
+      top: import_tooltip.default.top,
+      left: import_tooltip.default.left,
+      right: import_tooltip.default.right,
+      center: ""
+    }
+  }
+});
+const tooltipArrowBorder = (0, import_cva.cva)({
+  base: import_tooltip.default.arrowBorder,
+  variants: {
+    placement: {
+      top: import_tooltip.default.top,
+      bottom: import_tooltip.default.bottom,
+      left: import_tooltip.default.left,
+      right: import_tooltip.default.right,
+      center: ""
+    }
+  }
+});
+const tooltipArrow = (0, import_cva.cva)({
+  base: import_tooltip.default.arrow,
+  variants: {
+    placement: {
+      top: import_tooltip.default.top,
+      bottom: import_tooltip.default.bottom,
+      left: import_tooltip.default.left,
+      right: import_tooltip.default.right,
+      center: ""
+    }
+  }
+});
+function Tooltip({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Tooltip,
+    {
+      ...props,
+      className: (values) => tooltipBorder({
+        ...values,
+        className: (0, import_resolve_class_name.resolveClassName)(props?.className, values)
+      }),
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.OverlayArrow, { className: "translate-y-1 transform", children: (values2) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 12 12", className: tooltipArrowBorder(values2), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 0,L6 6,L12 0" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 12 12", className: tooltipArrow(values2), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 0,L6 6,L12 0" }) })
+        ] }) }),
+        typeof children === "function" ? children(values) : children
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip,
+  TooltipTrigger
+});
+
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4DO;AA5DP,iBAAoB;AAEpB,mCAAqD;AACrD,gCAAiC;AACjC,qBAAoB;AAyEpB,IAAAA,gCAA+B;AAvE/B,MAAM,oBAAgB,gBAAI;AAAA,EACzB,MAAM,eAAAC,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,QAAQ,eAAAA,QAAQ;AAAA,MAChB,KAAK,eAAAA,QAAQ;AAAA,MACb,MAAM,eAAAA,QAAQ;AAAA,MACd,OAAO,eAAAA,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,yBAAqB,gBAAI;AAAA,EAC9B,MAAM,eAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,eAAAA,QAAQ;AAAA,MACb,QAAQ,eAAAA,QAAQ;AAAA,MAChB,MAAM,eAAAA,QAAQ;AAAA,MACd,OAAO,eAAAA,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,mBAAe,gBAAI;AAAA,EACxB,MAAM,eAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,eAAAA,QAAQ;AAAA,MACb,QAAQ,eAAAA,QAAQ;AAAA,MAChB,MAAM,eAAAA,QAAQ;AAAA,MACd,OAAO,eAAAA,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAiB;AAC7D,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,cAAc;AAAA,QACb,GAAG;AAAA,QACH,eAAW,4CAAiB,OAAO,WAAW,MAAM;AAAA,MACrD,CAAC;AAAA,MAGD,WAAC,WACD,4EACC;AAAA,oDAAC,6CAAa,WAAU,2BACtB,WAACC,YACD,4EACC;AAAA,sDAAC,SAAI,SAAQ,aAAY,WAAW,mBAAmBA,OAAM,GAC5D,sDAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,UACA,4CAAC,SAAI,SAAQ,aAAY,WAAW,aAAaA,OAAM,GACtD,sDAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,WACD,GAEF;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":["import_react_aria_components","classes","AriaTooltip","values"],"ignoreList":[],"sources":["../../../src/components/tooltip.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { TooltipProps } from \"react-aria-components\";\nimport { Tooltip as AriaTooltip, OverlayArrow } from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./tooltip.module\";\n\nconst tooltipBorder = cva({\n\tbase: classes.tooltip,\n\tvariants: {\n\t\tplacement: {\n\t\t\tbottom: classes.bottom,\n\t\t\ttop: classes.top,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrowBorder = cva({\n\tbase: classes.arrowBorder,\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: classes.top,\n\t\t\tbottom: classes.bottom,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrow = cva({\n\tbase: classes.arrow,\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: classes.top,\n\t\t\tbottom: classes.bottom,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nexport function Tooltip({ children, ...props }: TooltipProps) {\n\treturn (\n\t\t<AriaTooltip\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\ttooltipBorder({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(props?.className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<OverlayArrow className=\"translate-y-1 transform\">\n\t\t\t\t\t\t{(values) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrowBorder(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrow(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</OverlayArrow>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTooltip>\n\t);\n}\n\nexport { TooltipTrigger } from \"react-aria-components\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/tooltip.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 tooltip_exports = {};
+__export(tooltip_exports, {
+  default: () => tooltip_default
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_tooltip_module = require("./tooltip_module.css");
+var tooltip_default = { "tooltip": "tooltip_b2492", "top": "top_b2492", "bottom": "bottom_b2492", "arrowBorder": "arrowBorder_b2492", "left": "left_b2492", "right": "right_b2492", "arrow": "arrow_b2492" };
+
+//# sourceMappingURL=tooltip.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,OAAM,aAAY,UAAS,gBAAe,eAAc,qBAAoB,QAAO,cAAa,SAAQ,eAAc,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../src/components/tooltip.module.css"],"sourcesContent":["import \"./tooltip_module.css\";export default {\"tooltip\":\"tooltip_b2492\",\"top\":\"top_b2492\",\"bottom\":\"bottom_b2492\",\"arrowBorder\":\"arrowBorder_b2492\",\"left\":\"left_b2492\",\"right\":\"right_b2492\",\"arrow\":\"arrow_b2492\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/tooltip_module.css

@@ -0,0 +1,68 @@
+@layer lol {
+	.tooltip_b2492 {
+		padding: 2px;
+		box-shadow: 0 2px 4px 0 var(--lol-color-grey-300);
+
+		border: 2px solid transparent;
+		background: var(--lol-button-background-gradient) padding-box,
+			var(--lol-button-border-gradient) border-box;
+		--lol-button-border-gradient: var(--lol-gradient-gold-press);
+		--lol-button-background-gradient: var(--lol-gradient-grey-300);
+	}
+
+		.tooltip_b2492 .top_b2492 {
+			margin-bottom: 0.5rem;
+		}
+
+		.tooltip_b2492 .bottom_b2492 {
+			margin-top: 0.5rem;
+		}
+
+	.arrowBorder_b2492 {
+		fill: var(--lol-color-gold-600);
+		position: absolute;
+		display: block;
+		height: 20px;
+		width: 20px;
+	}
+
+		.arrowBorder_b2492.top_b2492 {
+			transform: translateY(-0px) translateX(-4px);
+		}
+
+		.arrowBorder_b2492.bottom_b2492 {
+			transform: translateY(-4px) rotate(180deg) translateX(4px);
+			fill: var(--lol-color-gold-500);
+		}
+
+		.arrowBorder_b2492.left_b2492 {
+			transform: translateY(-4px) translateX(0px) rotate(-90deg);
+		}
+
+		.arrowBorder_b2492.right_b2492 {
+			transform: translateY(-4px) translateX(-4px) rotate(90deg);
+		}
+
+	.arrow_b2492 {
+		fill: var(--lol-color-grey-300);
+		display: block;
+		height: 16px;
+		width: 16px;
+	}
+
+		.arrow_b2492.top_b2492 {
+			transform: translateY(0px) translateX(-2px);
+		}
+
+		.arrow_b2492.bottom_b2492 {
+			transform: translateY(-0px) translateX(-2px) rotate(180deg);
+		}
+
+		.arrow_b2492.left_b2492 {
+			transform: translateY(-2px) translateX(0px) rotate(-90deg);
+		}
+
+		.arrow_b2492.right_b2492 {
+			transform: translateY(-2px) translateX(0px) rotate(90deg);
+		}
+}