@lolmath/ui 4.1.0 → 5.0.0

package/dist/es/components/tabs.js

@@ -1,71 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cva, cx } from "cva";
-import {
-  Tab as AriaTab,
-  TabList as AriaTabList,
-  TabPanel as AriaTabPanel,
-  Tabs as AriaTabs
-} from "react-aria-components";
-import { resolveClassName } from "../utilities/resolve-class-name.js";
-import classes from "./tabs.module";
-const Tabs = AriaTabs;
-function TabList({
-  className,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    AriaTabList,
-    {
-      ...rest,
-      className: (values) => cx(classes.list, resolveClassName(className, values))
-    }
-  );
-}
-const tab = cva({
-  base: classes.tab,
-  variants: {
-    isSelected: {
-      true: classes.selected
-    },
-    isHovered: {
-      true: classes.hovered
-    },
-    isPressed: {
-      true: classes.pressed
-    },
-    isDisabled: {
-      true: classes.disabled
-    },
-    isFocusVisible: {
-      true: classes.focusVisible
-    }
-  }
-});
-function Tab({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx(
-    AriaTab,
-    {
-      ...rest,
-      className: (values) => tab({
-        ...values,
-        className: resolveClassName(className, values)
-      }),
-      children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        typeof children === "function" ? children(values) : children,
-        values.isSelected && /* @__PURE__ */ jsx("div", { className: classes.indicator })
-      ] })
-    }
-  );
-}
-function TabPanel({ ...rest }) {
-  return /* @__PURE__ */ jsx(AriaTabPanel, { ...rest });
-}
-export {
-  Tab,
-  TabList,
-  TabPanel,
-  Tabs
-};
-
-//# sourceMappingURL=tabs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"mappings":";AAwBE,SA0CE,UA1CF,KA0CE,YA1CF;AAtBF,SAAS,KAAK,UAAU;AACxB;AAAA,EACC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,OAIF;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAIb,MAAM,OAAO;AAEb,SAAS,QAA0B;AAAA,EACzC;AAAA,EACA,GAAG;AACJ,GAAoB;AACnB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,GAAG,QAAQ,MAAM,iBAAiB,WAAW,MAAM,CAAC;AAAA;AAAA,EAEtD;AAEF;AAEA,MAAM,MAAM,IAAI;AAAA,EACf,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;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,gBAAgB;AAAA,MACf,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,IAAI,EAAE,UAAU,WAAW,GAAG,KAAK,GAAa;AAC/D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,IAAI;AAAA,QACH,GAAG;AAAA,QACH,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA,MAGD,WAAC,WACD,iCACE;AAAA,eAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,QACpD,OAAO,cAAc,oBAAC,SAAI,WAAW,QAAQ,WAAW;AAAA,SAC1D;AAAA;AAAA,EAEF;AAEF;AAEO,SAAS,SAAS,EAAE,GAAG,KAAK,GAAkB;AACpD,SAAO,oBAAC,gBAAc,GAAG,MAAM;AAChC","names":[],"ignoreList":[],"sources":["../../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, cx } from \"cva\";\nimport {\n\tTab as AriaTab,\n\tTabList as AriaTabList,\n\tTabPanel as AriaTabPanel,\n\tTabs as AriaTabs,\n\ttype TabListProps,\n\ttype TabPanelProps,\n\ttype TabProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./tabs.module\";\n\nexport type { Key } from \"react-aria-components\";\n\nexport const Tabs = AriaTabs;\n\nexport function TabList<T extends object>({\n\tclassName,\n\t...rest\n}: TabListProps<T>) {\n\treturn (\n\t\t<AriaTabList<T>\n\t\t\t{...rest}\n\t\t\tclassName={(values) =>\n\t\t\t\tcx(classes.list, resolveClassName(className, values))\n\t\t\t}\n\t\t/>\n\t);\n}\n\nconst tab = cva({\n\tbase: classes.tab,\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hovered,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.pressed,\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},\n});\n\nexport function Tab({ children, className, ...rest }: TabProps) {\n\treturn (\n\t\t<AriaTab\n\t\t\t{...rest}\n\t\t\tclassName={(values) =>\n\t\t\t\ttab({\n\t\t\t\t\t...values,\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{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t{values.isSelected && <div className={classes.indicator} />}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTab>\n\t);\n}\n\nexport function TabPanel({ ...rest }: TabPanelProps) {\n\treturn <AriaTabPanel {...rest} />;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1,7 +0,0 @@
-import "./tabs_module.css";
-var tabs_default = { "list": "list_c42a1", "tab": "tab_c42a1", "selected": "selected_c42a1", "hovered": "hovered_c42a1", "pressed": "pressed_c42a1", "disabled": "disabled_c42a1", "focusVisible": "focusVisible_c42a1", "indicator": "indicator_c42a1" };
-export {
-  tabs_default as default
-};
-
-//# sourceMappingURL=tabs.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,OAAO;AAAoB,IAAO,eAAQ,EAAC,QAAO,cAAa,OAAM,aAAY,YAAW,kBAAiB,WAAU,iBAAgB,WAAU,iBAAgB,YAAW,kBAAiB,gBAAe,sBAAqB,aAAY,kBAAiB","names":[],"ignoreList":[],"sources":["../../../src/components/tabs.module.css"],"sourcesContent":["import \"./tabs_module.css\";export default {\"list\":\"list_c42a1\",\"tab\":\"tab_c42a1\",\"selected\":\"selected_c42a1\",\"hovered\":\"hovered_c42a1\",\"pressed\":\"pressed_c42a1\",\"disabled\":\"disabled_c42a1\",\"focusVisible\":\"focusVisible_c42a1\",\"indicator\":\"indicator_c42a1\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/tabs_module.css

@@ -1,50 +0,0 @@
-.list_c42a1 {
-	margin-left: -1rem;
-	display: flex;
-}
-
-.tab_c42a1 {
-	font-family: var(--lol-font-family-beaufort);
-	color: var(--lol-color-gold-300);
-	position: relative;
-	cursor: pointer;
-	user-select: none;
-	padding: 0.25rem 1rem;
-	font-size: 0.75rem;
-	font-weight: 500;
-	text-transform: uppercase;
-	letter-spacing: 0.1em;
-	line-height: 1rem;
-	outline: none;
-}
-
-.tab_c42a1.selected_c42a1 {
-		color: var(--lol-color-gold-100);
-	}
-
-.tab_c42a1.hovered_c42a1 {
-		color: var(--lol-color-gold-100);
-	}
-
-.tab_c42a1.pressed_c42a1 {
-		color: var(--lol-color-gold-500);
-	}
-
-.tab_c42a1.disabled_c42a1 {
-		color: var(--lol-color-grey-150);
-		cursor: default;
-	}
-
-.tab_c42a1.focusVisible_c42a1 {
-		outline: 1px solid var(--lol-color-gold-400);
-		outline-offset: 0.25rem;
-	}
-
-.indicator_c42a1 {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 1px;
-	width: 100%;
-	background: linear-gradient(to right, transparent, var(--lol-color-gold-200), transparent);
-}

package/dist/es/components/text-area.d.ts

@@ -1,4 +0,0 @@
-import type { TextFieldProps as AriaTextFieldProps, TextAreaProps } from "react-aria-components";
-export declare function TextArea({ textAreaProps, children, ...props }: AriaTextFieldProps & {
-    textAreaProps?: TextAreaProps;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,31 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  TextArea as AriaTextArea,
-  TextField as AriaTextField
-} from "react-aria-components";
-import { resolveClassName } from "../utilities/resolve-class-name.js";
-import { textField } from "./text-field.js";
-function TextArea({
-  textAreaProps = {},
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    typeof children === "function" ? children(values) : children,
-    /* @__PURE__ */ jsx(
-      AriaTextArea,
-      {
-        ...textAreaProps,
-        className: (values2) => textField({
-          ...values2,
-          className: resolveClassName(textAreaProps?.className, values2)
-        })
-      }
-    )
-  ] }) });
-}
-export {
-  TextArea
-};
-
-//# sourceMappingURL=text-area.js.map

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

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAqBI,mBAEC,KAFD;AAjBJ;AAAA,EACC,YAAY;AAAA,EACZ,aAAa;AAAA,OACP;AACP,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAEnB,SAAS,SAAS;AAAA,EACxB,gBAAgB,CAAC;AAAA,EACjB;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC,oBAAC,iBAAe,GAAG,OACjB,WAAC,WACD,iCACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACA,YACX,UAAU;AAAA,UACT,GAAGA;AAAA,UACH,WAAW,iBAAiB,eAAe,WAAWA,OAAM;AAAA,QAC7D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["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/es/components/text-field.d.ts

@@ -1,64 +0,0 @@
-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/es/components/text-field.js

@@ -1,46 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  Input as AriaInput,
-  TextField as AriaTextField
-} from "react-aria-components";
-import { resolveClassName } from "../utilities/resolve-class-name.js";
-import { cva } from "cva";
-import classes from "./text-field.module";
-const textField = cva({
-  base: classes.textField,
-  variants: {
-    isDisabled: {
-      true: classes.disabled
-    },
-    isFocused: {
-      true: classes.focus
-    }
-  }
-});
-function TextField({
-  inputProps = {},
-  borderProps = {},
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    typeof children === "function" ? children(values) : children,
-    /* @__PURE__ */ jsx(
-      AriaInput,
-      {
-        type: "text",
-        ...inputProps,
-        className: (values2) => textField({
-          ...values2,
-          className: resolveClassName(inputProps?.className, values2)
-        })
-      }
-    )
-  ] }) });
-}
-export {
-  TextField,
-  textField
-};
-
-//# sourceMappingURL=text-field.js.map

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

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAsCI,mBAGC,KAHD;AAjCJ;AAAA,EACC,SAAS;AAAA,EACT,aAAa;AAAA,OACP;AACP,SAAS,wBAAwB;AAEjC,SAAS,WAAW;AACpB,OAAO,aAAa;AAEb,MAAM,YAAY,IAAI;AAAA,EAC5B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,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,oBAAC,iBAAe,GAAG,OACjB,WAAC,WACD,iCACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IAErD;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,WAAW,CAACA,YACX,UAAU;AAAA,UACT,GAAGA;AAAA,UACH,WAAW,iBAAiB,YAAY,WAAWA,OAAM;AAAA,QAC1D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["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/es/components/text-field.module.js

@@ -1,7 +0,0 @@
-import "./text-field_module.css";
-var text_field_default = { "textField": "textField_32558", "disabled": "disabled_32558", "focus": "focus_32558" };
-export {
-  text_field_default as default
-};
-
-//# sourceMappingURL=text-field.module.js.map

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

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

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

@@ -1,33 +0,0 @@
-.textField_32558 {
-	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_32558.disabled_32558 {
-		--lol-input-border-gradient: var(--lol-gradient-disabled);
-		color: var(--lol-color-grey-150);
-	}
-.textField_32558.focus_32558 {
-		--lol-input-border-gradient: var(--lol-gradient-gold-hover);
-		--lol-input-background-gradient: var(--lol-gradient-grey-focus);
-	}

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

@@ -1,10 +0,0 @@
-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/es/components/toggle-button.js

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

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

@@ -1 +0,0 @@
-{"version":3,"mappings":"AA2DE;AA3DF,SAAS,WAAW;AACpB;AAAA,EACC,gBAAgB;AAAA,OAEV;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAKpB,MAAM,SAAS,IAAI;AAAA,EAClB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,WAAW,QAAQ;AAAA,MACnB,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,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,IACA,YAAY;AAAA,MACX,MAAM,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;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,OAAO;AAAA,QACN,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA,MAGD;AAAA;AAAA,EACF;AAEF","names":[],"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/es/components/tooltip.d.ts

@@ -1,3 +0,0 @@
-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/es/components/tooltip.js

@@ -1,67 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "cva";
-import { Tooltip as AriaTooltip, OverlayArrow } from "react-aria-components";
-import { resolveClassName } from "../utilities/resolve-class-name.js";
-import classes from "./tooltip.module";
-const tooltipBorder = cva({
-  base: classes.tooltip,
-  variants: {
-    placement: {
-      bottom: classes.bottom,
-      top: classes.top,
-      left: classes.left,
-      right: classes.right,
-      center: ""
-    }
-  }
-});
-const tooltipArrowBorder = cva({
-  base: classes.arrowBorder,
-  variants: {
-    placement: {
-      top: classes.top,
-      bottom: classes.bottom,
-      left: classes.left,
-      right: classes.right,
-      center: ""
-    }
-  }
-});
-const tooltipArrow = cva({
-  base: classes.arrow,
-  variants: {
-    placement: {
-      top: classes.top,
-      bottom: classes.bottom,
-      left: classes.left,
-      right: classes.right,
-      center: ""
-    }
-  }
-});
-function Tooltip({ children, ...props }) {
-  return /* @__PURE__ */ jsx(
-    AriaTooltip,
-    {
-      ...props,
-      className: (values) => tooltipBorder({
-        ...values,
-        className: resolveClassName(props?.className, values)
-      }),
-      children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(OverlayArrow, { className: "translate-y-1 transform", children: (values2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", className: tooltipArrowBorder(values2), children: /* @__PURE__ */ jsx("path", { d: "M0 0,L6 6,L12 0" }) }),
-          /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", className: tooltipArrow(values2), children: /* @__PURE__ */ jsx("path", { d: "M0 0,L6 6,L12 0" }) })
-        ] }) }),
-        typeof children === "function" ? children(values) : children
-      ] })
-    }
-  );
-}
-import { TooltipTrigger } from "react-aria-components";
-export {
-  Tooltip,
-  TooltipTrigger
-};
-
-//# sourceMappingURL=tooltip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"mappings":"AA4DO,mBAEE,KAFF;AA5DP,SAAS,WAAW;AAEpB,SAAS,WAAW,aAAa,oBAAoB;AACrD,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,gBAAgB,IAAI;AAAA,EACzB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,QAAQ,QAAQ;AAAA,MAChB,KAAK,QAAQ;AAAA,MACb,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,qBAAqB,IAAI;AAAA,EAC9B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,QAAQ;AAAA,MACb,QAAQ,QAAQ;AAAA,MAChB,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,eAAe,IAAI;AAAA,EACxB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,QAAQ;AAAA,MACb,QAAQ,QAAQ;AAAA,MAChB,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAiB;AAC7D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,cAAc;AAAA,QACb,GAAG;AAAA,QACH,WAAW,iBAAiB,OAAO,WAAW,MAAM;AAAA,MACrD,CAAC;AAAA,MAGD,WAAC,WACD,iCACC;AAAA,4BAAC,gBAAa,WAAU,2BACtB,WAACA,YACD,iCACC;AAAA,8BAAC,SAAI,SAAQ,aAAY,WAAW,mBAAmBA,OAAM,GAC5D,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,UACA,oBAAC,SAAI,SAAQ,aAAY,WAAW,aAAaA,OAAM,GACtD,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,WACD,GAEF;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF;AAEA,SAAS,sBAAsB","names":["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/es/components/tooltip.module.js

@@ -1,7 +0,0 @@
-import "./tooltip_module.css";
-var tooltip_default = { "tooltip": "tooltip_8d3f1", "top": "top_8d3f1", "bottom": "bottom_8d3f1", "arrowBorder": "arrowBorder_8d3f1", "left": "left_8d3f1", "right": "right_8d3f1", "arrow": "arrow_8d3f1" };
-export {
-  tooltip_default as default
-};
-
-//# sourceMappingURL=tooltip.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,OAAO;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_8d3f1\",\"top\":\"top_8d3f1\",\"bottom\":\"bottom_8d3f1\",\"arrowBorder\":\"arrowBorder_8d3f1\",\"left\":\"left_8d3f1\",\"right\":\"right_8d3f1\",\"arrow\":\"arrow_8d3f1\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/tooltip_module.css

@@ -1,66 +0,0 @@
-.tooltip_8d3f1 {
-	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_8d3f1 .top_8d3f1 {
-		margin-bottom: 0.5rem;
-	}
-
-.tooltip_8d3f1 .bottom_8d3f1 {
-		margin-top: 0.5rem;
-	}
-
-.arrowBorder_8d3f1 {
-	fill: var(--lol-color-gold-600);
-	position: absolute;
-	display: block;
-	height: 20px;
-	width: 20px;
-}
-
-.arrowBorder_8d3f1.top_8d3f1 {
-		transform: translateY(-0px) translateX(-4px);
-	}
-
-.arrowBorder_8d3f1.bottom_8d3f1 {
-		transform: translateY(-4px) rotate(180deg) translateX(4px);
-		fill: var(--lol-color-gold-500);
-	}
-
-.arrowBorder_8d3f1.left_8d3f1 {
-		transform: translateY(-4px) translateX(0px) rotate(-90deg);
-	}
-
-.arrowBorder_8d3f1.right_8d3f1 {
-		transform: translateY(-4px) translateX(-4px) rotate(90deg);
-	}
-
-.arrow_8d3f1 {
-	fill: var(--lol-color-grey-300);
-	display: block;
-	height: 16px;
-	width: 16px;
-}
-
-.arrow_8d3f1.top_8d3f1 {
-		transform: translateY(0px) translateX(-2px);
-	}
-
-.arrow_8d3f1.bottom_8d3f1 {
-		transform: translateY(-0px) translateX(-2px) rotate(180deg);
-	}
-
-.arrow_8d3f1.left_8d3f1 {
-		transform: translateY(-2px) translateX(0px) rotate(-90deg);
-	}
-
-.arrow_8d3f1.right_8d3f1 {
-		transform: translateY(-2px) translateX(0px) rotate(90deg);
-	}