@lolmath/ui 0.0.0-20240810205542

package/dist/lib/components/slider/slider.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 slider_exports = {};
+__export(slider_exports, {
+  default: () => slider_default
+});
+module.exports = __toCommonJS(slider_exports);
+var import_slider_module = require("./slider_module.css");
+var slider_default = { "track": "track_d4960", "background": "background_d4960", "foreground": "foreground_d4960", "disabled": "disabled_d4960", "thumb": "thumb_d4960", "thumbDragging": "thumbDragging_d4960", "otherThumbDragging": "otherThumbDragging_d4960" };
+
+//# sourceMappingURL=slider.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAO;AAAsB,IAAO,iBAAQ,EAAC,SAAQ,eAAc,cAAa,oBAAmB,cAAa,oBAAmB,YAAW,kBAAiB,SAAQ,eAAc,iBAAgB,uBAAsB,sBAAqB,2BAA0B","names":[],"ignoreList":[],"sources":["../../../../src/components/slider/slider.module.css"],"sourcesContent":["import \"./slider_module.css\";export default {\"track\":\"track_d4960\",\"background\":\"background_d4960\",\"foreground\":\"foreground_d4960\",\"disabled\":\"disabled_d4960\",\"thumb\":\"thumb_d4960\",\"thumbDragging\":\"thumbDragging_d4960\",\"otherThumbDragging\":\"otherThumbDragging_d4960\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/slider/slider_module.css

@@ -0,0 +1,62 @@
+@layer lol {
+	.track_d4960 {
+		position: relative;
+		height: 1.75rem;
+		width: 100%;
+	}
+
+	.background_d4960 {
+		background-color: var(--lol-color-grey-300);
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		height: 2px;
+		width: 100%;
+		border-radius: 9999px;
+	}
+
+	.foreground_d4960 {
+		background-image: linear-gradient(to right, var(--lol-color-gold-600), var(--lol-color-gold-500));
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		height: 2px;
+		width: 100%;
+		border-radius: 9999px;
+	}
+
+		.foreground_d4960.disabled_d4960 {
+			background-image: linear-gradient(to right, #5c5b57, #5c5b57);
+		}
+
+	.track_d4960:hover .foreground_d4960 {
+		background-image: linear-gradient(to right, var(--lol-color-gold-500), var(--lol-color-gold-400), var(--lol-color-gold-200));
+	}
+
+	.track_d4960:active .foreground_d4960 {
+		background-image: linear-gradient(to right, var(--lol-color-gold-500), var(--lol-color-gold-600), var(--lol-color-gold-600));
+	}
+
+	.thumb_d4960 {
+		background-image: url(../../assets/normal.e4c594a1.png);
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		height: 1.75rem;
+		width: 1.75rem;
+		background-size: cover;
+		outline: none;
+	}
+
+		.thumb_d4960.disabled_d4960 {
+			background-image: url(../../assets/disabled.87ad565d.png);
+		}
+
+		.thumb_d4960.thumbDragging_d4960 {
+			background-image: url(../../assets/active.4113e6b2.png);
+		}
+
+	.track_d4960:hover .thumb_d4960:not(.thumbDragging_d4960):not(.otherThumbDragging_d4960) {
+		background-image: url(../../assets/hover.404fa456.png);
+	}
+}

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

@@ -0,0 +1,5 @@
+interface SpinnerProps {
+    className?: string;
+}
+export declare function Spinner({ className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/spinner/spinner.js

@@ -0,0 +1,55 @@
+"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 spinner_exports = {};
+__export(spinner_exports, {
+  Spinner: () => Spinner
+});
+module.exports = __toCommonJS(spinner_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cva = require("cva");
+var import_spinner = __toESM(require("./spinner.module"));
+var import_spinner_a69432f7 = __toESM(require("../../assets/spinner.a69432f7.png"));
+function Spinner({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": "loading",
+      src: import_spinner_a69432f7.default,
+      className: (0, import_cva.cx)(import_spinner.default.spinner, className)
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Spinner
+});
+
+//# sourceMappingURL=spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AATF,iBAAmB;AACnB,qBAAoB;AACpB,8BAAyB;AAKlB,SAAS,QAAQ,EAAE,UAAU,GAAiB;AACpD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAW;AAAA,MACX,KAAK,wBAAAA;AAAA,MACL,eAAW,eAAG,eAAAC,QAAQ,SAAS,SAAS;AAAA;AAAA,EACzC;AAEF","names":["spinnerImage","classes"],"ignoreList":[],"sources":["../../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { cx } from \"cva\";\nimport classes from \"./spinner.module\";\nimport spinnerImage from \"../../assets/spinner.a69432f7.png\";\n\ninterface SpinnerProps {\n\tclassName?: string;\n}\nexport function Spinner({ className }: SpinnerProps) {\n\treturn (\n\t\t<img\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t\taria-label=\"loading\"\n\t\t\tsrc={spinnerImage}\n\t\t\tclassName={cx(classes.spinner, className)}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/spinner/spinner.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 spinner_exports = {};
+__export(spinner_exports, {
+  default: () => spinner_default
+});
+module.exports = __toCommonJS(spinner_exports);
+var import_spinner_module = require("./spinner_module.css");
+var spinner_default = { "spinner": "spinner_c734f", "spin": "spin_c734f" };
+
+//# sourceMappingURL=spinner.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../../src/components/spinner/spinner.module.css"],"sourcesContent":["import \"./spinner_module.css\";export default {\"spinner\":\"spinner_c734f\",\"spin\":\"spin_c734f\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/spinner/spinner_module.css

@@ -0,0 +1,18 @@
+@layer lol {
+	.spinner_c734f {
+		aspect-ratio: 1/1;
+		width: 3rem;
+		animation: spin_c734f 1s linear infinite;
+	}
+
+
+	@keyframes spin_c734f {
+		from {
+			transform: rotate(0deg);
+		}
+
+		to {
+			transform: rotate(360deg);
+		}
+	}
+}

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

@@ -0,0 +1,4 @@
+import type { SwitchProps as AriaSwitchProps } from "react-aria-components";
+export declare function Switch({ className, placeholder, children, ...props }: AriaSwitchProps & {
+    placeholder?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/switch.js

@@ -0,0 +1,95 @@
+"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 switch_exports = {};
+__export(switch_exports, {
+  Switch: () => Switch
+});
+module.exports = __toCommonJS(switch_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_switch = __toESM(require("./switch.module"));
+const track = (0, import_cva.cva)({
+  base: import_switch.default.track,
+  variants: {
+    isHovered: {
+      true: import_switch.default.hover
+    },
+    isPressed: {
+      true: import_switch.default.press
+    },
+    isDisabled: {
+      true: import_switch.default.disabled
+    },
+    isSelected: {
+      true: import_switch.default.selected
+    }
+  }
+});
+const knob = (0, import_cva.cva)({
+  base: import_switch.default.knob,
+  variants: {
+    isSelected: {
+      true: import_switch.default.selected
+    },
+    isHovered: {
+      true: import_switch.default.hover
+    },
+    isPressed: {
+      true: import_switch.default.press
+    },
+    isDisabled: {
+      true: import_switch.default.disabled
+    }
+  }
+});
+function Switch({
+  className,
+  placeholder,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Switch,
+    {
+      ...props,
+      className: "group inline-flex items-center gap-2 p-1 px-1.5 text-sm font-semibold text-black",
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: track(values), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: knob(values) }) }),
+        typeof children === "function" ? children(values) : children
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch
+});
+
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDI;AAvDJ,iBAAoB;AACpB,mCAAqC;AAErC,oBAAoB;AAEpB,MAAM,YAAQ,gBAAI;AAAA,EACjB,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,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,YAAY;AAAA,MACX,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,WAAO,gBAAI;AAAA,EAChB,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,cAAAA,QAAQ;AAAA,IACf;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,EACD;AACD,CAAC;AAEM,SAAS,OAAO;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAU;AAAA,MAET,WAAC,WACD,4EACC;AAAA,oDAAC,SAAI,WAAW,MAAM,MAAM,GAC3B,sDAAC,UAAK,WAAW,KAAK,MAAM,GAAG,GAChC;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":["classes","AriaSwitch"],"ignoreList":[],"sources":["../../../src/components/switch.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport { Switch as AriaSwitch } from \"react-aria-components\";\nimport type { SwitchProps as AriaSwitchProps } from \"react-aria-components\";\nimport classes from \"./switch.module\";\n\nconst track = cva({\n\tbase: classes.track,\n\tvariants: {\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\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t},\n});\n\nconst knob = cva({\n\tbase: classes.knob,\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\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},\n});\n\nexport function Switch({\n\tclassName,\n\tplaceholder,\n\tchildren,\n\t...props\n}: AriaSwitchProps & {\n\tplaceholder?: string;\n}) {\n\treturn (\n\t\t<AriaSwitch\n\t\t\t{...props}\n\t\t\tclassName=\"group inline-flex items-center gap-2 p-1 px-1.5 text-sm font-semibold text-black\"\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<div className={track(values)}>\n\t\t\t\t\t\t<span className={knob(values)} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSwitch>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/switch.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 switch_exports = {};
+__export(switch_exports, {
+  default: () => switch_default
+});
+module.exports = __toCommonJS(switch_exports);
+var import_switch_module = require("./switch_module.css");
+var switch_default = { "track": "track_cfcb1", "hover": "hover_cfcb1", "press": "press_cfcb1", "disabled": "disabled_cfcb1", "selected": "selected_cfcb1", "knob": "knob_cfcb1" };
+
+//# sourceMappingURL=switch.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAO;AAAsB,IAAO,iBAAQ,EAAC,SAAQ,eAAc,SAAQ,eAAc,SAAQ,eAAc,YAAW,kBAAiB,YAAW,kBAAiB,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../src/components/switch.module.css"],"sourcesContent":["import \"./switch_module.css\";export default {\"track\":\"track_cfcb1\",\"hover\":\"hover_cfcb1\",\"press\":\"press_cfcb1\",\"disabled\":\"disabled_cfcb1\",\"selected\":\"selected_cfcb1\",\"knob\":\"knob_cfcb1\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/switch_module.css

@@ -0,0 +1,72 @@
+@layer lol {
+	.track_cfcb1 {
+		background:
+			var(--lol-switch-background-gradient) padding-box,
+			var(--lol-switch-border-gradient) border-box;
+
+		--lol-switch-border-gradient: var(--lol-gradient-gold);
+		--lol-switch-background-gradient: var(--lol-gradient-grey-300);
+
+
+		border: 2px solid transparent;
+		height: 1.5rem;
+		width: 3.5rem;
+
+		border-radius: 9999px;
+
+		position: relative;
+	}
+
+		.track_cfcb1.hover_cfcb1 {
+			--lol-switch-border-gradient: var(--lol-gradient-gold-hover);
+		}
+
+		.track_cfcb1.press_cfcb1 {
+			--lol-switch-border-gradient: var(--lol-gradient-gold-press);
+		}
+
+		.track_cfcb1.disabled_cfcb1 {
+			--lol-switch-border-gradient: var(--lol-gradient-disabled);
+		}
+
+		.track_cfcb1.selected_cfcb1 {
+			--lol-switch-background-gradient: var(--lol-gradient-hextech);
+		}
+
+	.knob_cfcb1 {
+		position: absolute;
+		left: -.5rem;
+		top: -0.375rem;
+		height: 2rem;
+		width: 2rem;
+		border-radius: 9999px;
+		background:
+			var(--lol-switch-background-gradient) padding-box,
+			var(--lol-switch-border-gradient) border-box;
+
+		transition: left 200ms ease-in-out;
+
+		--lol-switch-border-gradient: var(--lol-gradient-gold);
+		--lol-switch-background-gradient: var(--lol-gradient-grey-300);
+
+		border: 2px solid transparent;
+	}
+
+
+		.knob_cfcb1.hover_cfcb1 {
+			--lol-switch-border-gradient: var(--lol-gradient-gold-hover);
+		}
+
+		.knob_cfcb1.press_cfcb1 {
+			--lol-switch-border-gradient: var(--lol-gradient-gold-press);
+		}
+
+		.knob_cfcb1.disabled_cfcb1 {
+			--lol-switch-border-gradient: var(--lol-gradient-disabled);
+		}
+
+		.knob_cfcb1.selected_cfcb1 {
+			left: calc(100% - 1.5rem);
+
+		}
+}

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

@@ -0,0 +1,6 @@
+import { type TabListProps, type TabPanelProps, type TabProps } from "react-aria-components";
+export type { Key } from "react-aria-components";
+export declare const Tabs: (props: import("react-aria-components").TabsProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
+export declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ children, className, ...rest }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabPanel({ ...rest }: TabPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/tabs.js

@@ -0,0 +1,103 @@
+"use strict";
+"use client";
+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 tabs_exports = {};
+__export(tabs_exports, {
+  Tab: () => Tab,
+  TabList: () => TabList,
+  TabPanel: () => TabPanel,
+  Tabs: () => Tabs
+});
+module.exports = __toCommonJS(tabs_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_tabs = __toESM(require("./tabs.module"));
+const Tabs = import_react_aria_components.Tabs;
+function TabList({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.TabList,
+    {
+      ...rest,
+      className: (values) => (0, import_cva.cx)(import_tabs.default.list, (0, import_resolve_class_name.resolveClassName)(className, values))
+    }
+  );
+}
+const tab = (0, import_cva.cva)({
+  base: import_tabs.default.tab,
+  variants: {
+    isSelected: {
+      true: import_tabs.default.selected
+    },
+    isHovered: {
+      true: import_tabs.default.hovered
+    },
+    isPressed: {
+      true: import_tabs.default.pressed
+    },
+    isDisabled: {
+      true: import_tabs.default.disabled
+    },
+    isFocusVisible: {
+      true: import_tabs.default.focusVisible
+    }
+  }
+});
+function Tab({ children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Tab,
+    {
+      ...rest,
+      className: (values) => tab({
+        ...values,
+        className: (0, import_resolve_class_name.resolveClassName)(className, values)
+      }),
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        typeof children === "function" ? children(values) : children,
+        values.isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_tabs.default.indicator })
+      ] })
+    }
+  );
+}
+function TabPanel({ ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.TabPanel, { ...rest });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tab,
+  TabList,
+  TabPanel,
+  Tabs
+});
+
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBE;AAtBF,iBAAwB;AACxB,mCAQO;AACP,gCAAiC;AACjC,kBAAoB;AAIb,MAAM,OAAO,6BAAAA;AAEb,SAAS,QAA0B;AAAA,EACzC;AAAA,EACA,GAAG;AACJ,GAAoB;AACnB,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,eACX,eAAG,YAAAC,QAAQ,UAAM,4CAAiB,WAAW,MAAM,CAAC;AAAA;AAAA,EAEtD;AAEF;AAEA,MAAM,UAAM,gBAAI;AAAA,EACf,MAAM,YAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,YAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,YAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,YAAAA,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,YAAAA,QAAQ;AAAA,IACf;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM,YAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,IAAI,EAAE,UAAU,WAAW,GAAG,KAAK,GAAa;AAC/D,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,IAAI;AAAA,QACH,GAAG;AAAA,QACH,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA,MAGD,WAAC,WACD,4EACE;AAAA,eAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,QACpD,OAAO,cAAc,4CAAC,SAAI,WAAW,YAAAD,QAAQ,WAAW;AAAA,SAC1D;AAAA;AAAA,EAEF;AAEF;AAEO,SAAS,SAAS,EAAE,GAAG,KAAK,GAAkB;AACpD,SAAO,4CAAC,6BAAAE,UAAA,EAAc,GAAG,MAAM;AAChC","names":["AriaTabs","AriaTabList","classes","AriaTab","AriaTabPanel"],"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/lib/components/tabs.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 tabs_exports = {};
+__export(tabs_exports, {
+  default: () => tabs_default
+});
+module.exports = __toCommonJS(tabs_exports);
+var import_tabs_module = require("./tabs_module.css");
+var tabs_default = { "list": "list_0d500", "tab": "tab_0d500", "selected": "selected_0d500", "hovered": "hovered_0d500", "pressed": "pressed_0d500", "disabled": "disabled_0d500", "focusVisible": "focusVisible_0d500", "indicator": "indicator_0d500" };
+
+//# sourceMappingURL=tabs.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAO;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_0d500\",\"tab\":\"tab_0d500\",\"selected\":\"selected_0d500\",\"hovered\":\"hovered_0d500\",\"pressed\":\"pressed_0d500\",\"disabled\":\"disabled_0d500\",\"focusVisible\":\"focusVisible_0d500\",\"indicator\":\"indicator_0d500\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/tabs_module.css

@@ -0,0 +1,52 @@
+@layer lol {
+	.list_0d500 {
+		margin-left: -1rem;
+		display: flex;
+	}
+
+	.tab_0d500 {
+		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_0d500.selected_0d500 {
+			color: var(--lol-color-gold-100);
+		}
+
+		.tab_0d500.hovered_0d500 {
+			color: var(--lol-color-gold-100);
+		}
+
+		.tab_0d500.pressed_0d500 {
+			color: var(--lol-color-gold-500);
+		}
+
+		.tab_0d500.disabled_0d500 {
+			color: var(--lol-color-grey-150);
+			cursor: default;
+		}
+
+		.tab_0d500.focusVisible_0d500 {
+			outline: 1px solid var(--lol-color-gold-400);
+			outline-offset: 0.25rem;
+		}
+
+	.indicator_0d500 {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		height: 1px;
+		width: 100%;
+		background: linear-gradient(to right, transparent, var(--lol-color-gold-200), transparent);
+	}
+}

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

@@ -0,0 +1,4 @@
+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;