@lolmath/ui 3.2.4 → 4.0.0

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

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["import_react_aria_components","AriaSlider","AriaSliderTrack","values","AriaSliderThumb","AriaSliderOutput"],"sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import {\n  SliderProps as AriaSliderProps,\n  SliderOutputProps,\n  SliderThumbProps,\n  SliderTrackProps,\n  SliderTrackRenderProps,\n} from \"react-aria-components\";\nimport {\n  Slider as AriaSlider,\n  SliderThumb as AriaSliderThumb,\n  SliderTrack as AriaSliderTrack,\n  SliderOutput as AriaSliderOutput,\n} from \"react-aria-components\";\nimport {\n  sliderActive,\n  sliderDisabled,\n  sliderHover,\n  sliderNormal,\n} from \"./images.js\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport { tv } from \"../../utilities/tv.js\";\n\nconst sliderTrack = tv({\n  base: \"group relative h-7 w-full\",\n});\n\nconst sliderTrackBackground = tv({\n  base: \"bg-lol-grey-300 absolute top-[50%] h-0.5 w-full translate-y-[-50%] transform rounded-full\",\n});\n\nconst sliderTrackForeground = tv({\n  base: \"from-lol-gold-600 to-lol-gold-500 absolute top-[50%] h-0.5 translate-y-[-50%] transform bg-gradient-to-r\",\n  variants: {\n    isDisabled: {\n      true: \"bg-[#5C5B57] from-transparent via-transparent to-transparent\",\n      false: [\n        \"group-hover:from-lol-gold-500 group-hover:via-lol-gold-400 group-hover:to-lol-gold-200\",\n        \"group-active:from-lol-gold-500 group-active:via-lol-gold-600 group-active:to-lol-gold-600\",\n      ],\n    },\n  },\n});\n\nconst sliderThumb = tv({\n  base: \"top-[50%] h-7 w-7 bg-contain outline-none [background-image:var(--normal)]\",\n  variants: {\n    isDisabled: {\n      true: \"[background-image:var(--disabled)]\",\n    },\n    isThumbDragging: {\n      true: \"[background-image:var(--active)]\",\n    },\n    isOtherThumbDragging: {\n      true: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      isThumbDragging: false,\n      isOtherThumbDragging: false,\n      className: \"group-hover:[background-image:var(--hover)]\",\n    },\n  ],\n});\n\nexport function Slider<T extends number | number[]>({\n  children,\n  className,\n  sliderThumbProps = {},\n  sliderTrackProps = {},\n  sliderTrackBackgroundClassName,\n  sliderTrackForegroundClassName,\n  ...props\n}: AriaSliderProps<T> & {\n  sliderTrackProps?: SliderTrackProps;\n  sliderThumbProps?: SliderThumbProps;\n  sliderTrackBackgroundClassName?:\n    | string\n    | ((values: SliderTrackRenderProps) => string);\n  sliderTrackForegroundClassName?:\n    | string\n    | ((values: SliderTrackRenderProps) => string);\n}) {\n  return (\n    <AriaSlider<T>\n      {...props}\n      className={(values) => resolveClassName(className, values)}\n    >\n      {(values) => (\n        <>\n          {typeof children === \"function\" ? children(values) : children}\n          <AriaSliderTrack\n            {...sliderTrackProps}\n            className={(sliderTrackRenderProps) =>\n              sliderTrack({\n                ...sliderTrackRenderProps,\n                className: resolveClassName(\n                  sliderTrackProps.className,\n                  sliderTrackRenderProps,\n                ),\n              })\n            }\n          >\n            {(values) => {\n              const left =\n                values.state.values.length === 1\n                  ? 0\n                  : values.state.getThumbPercent(0) * 100;\n\n              const width =\n                values.state.values.length === 1\n                  ? values.state.getThumbPercent(0) * 100\n                  : (values.state.getThumbPercent(1) -\n                      values.state.getThumbPercent(0)) *\n                    100;\n\n              return (\n                <>\n                  <div\n                    className={sliderTrackBackground({\n                      className: resolveClassName(\n                        sliderTrackBackgroundClassName,\n                        values,\n                      ),\n                    })}\n                  />\n                  <div\n                    className={sliderTrackForeground({\n                      ...values.state,\n                      className: resolveClassName(\n                        sliderTrackForegroundClassName,\n                        values,\n                      ),\n                    })}\n                    style={{ left: `${left}%`, width: `${width}%` }}\n                  />\n                  {values.state.values.map((_, i) => {\n                    let zIndex =\n                      values.state.getThumbPercent(i === 1 ? 0 : 1) ===\n                      (i === 1 ? 0 : 1)\n                        ? 2\n                        : undefined;\n\n                    return (\n                      <>\n                        <AriaSliderThumb\n                          key={i}\n                          index={i}\n                          {...sliderThumbProps}\n                          className={(sliderThumbRenderProps) => {\n                            return sliderThumb({\n                              isDisabled: sliderThumbRenderProps.isDisabled,\n                              isThumbDragging:\n                                sliderThumbRenderProps.state.isThumbDragging(i),\n                              isOtherThumbDragging:\n                                sliderThumbRenderProps.state.isThumbDragging(\n                                  i === 1 ? 0 : 1,\n                                ),\n                              className: resolveClassName(\n                                sliderThumbProps.className,\n                                sliderThumbRenderProps,\n                              ),\n                            });\n                          }}\n                          style={\n                            {\n                              \"--normal\": sliderNormal,\n                              \"--hover\": sliderHover,\n                              \"--active\": sliderActive,\n                              \"--disabled\": sliderDisabled,\n                              zIndex,\n                            } as any\n                          }\n                        />\n                      </>\n                    );\n                  })}\n                </>\n              );\n            }}\n          </AriaSliderTrack>\n        </>\n      )}\n    </AriaSlider>\n  );\n}\n\nconst sliderOutput = tv({\n  base: \"font-spiegel text-lol-grey-100 text-lol-sm\",\n});\nexport function SliderOutput(props: SliderOutputProps) {\n  return (\n    <AriaSliderOutput\n      className={(values) =>\n        sliderOutput({\n          className: resolveClassName(props.className, values),\n        })\n      }\n      children={(sliderRenderProps) =>\n        sliderRenderProps.state.values\n          .map((_, i) => sliderRenderProps.state.getThumbValueLabel(i))\n          .join(\" – \")\n      }\n      {...props}\n    />\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}
+{"version":3,"mappings":"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","names":["classes","AriaSlider","AriaSliderTrack","values","AriaSliderThumb","AriaSliderOutput","textClasses"],"ignoreList":[],"sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport type {\n\tSliderProps as AriaSliderProps,\n\tSliderOutputProps,\n\tSliderThumbProps,\n\tSliderTrackProps,\n\tSliderTrackRenderProps,\n} from \"react-aria-components\";\nimport {\n\tSlider as AriaSlider,\n\tSliderOutput as AriaSliderOutput,\n\tSliderThumb as AriaSliderThumb,\n\tSliderTrack as AriaSliderTrack,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport textClasses from \"../typography/text.module\";\nimport classes from \"./slider.module\";\n\nconst sliderTrackForeground = cva({\n\tbase: classes.foreground,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t},\n});\n\nconst sliderThumb = cva({\n\tbase: classes.thumb,\n\tvariants: {\n\t\tisThumbDragging: {\n\t\t\ttrue: classes.thumbDragging,\n\t\t},\n\t\tisOtherThumbDragging: {\n\t\t\ttrue: classes.otherThumbDragging,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hovered,\n\t\t},\n\t},\n});\n\nexport function Slider<T extends number | number[]>({\n\tchildren,\n\tclassName,\n\tsliderThumbProps = {},\n\tsliderTrackProps = {},\n\tsliderTrackBackgroundClassName,\n\tsliderTrackForegroundClassName,\n\t...props\n}: AriaSliderProps<T> & {\n\tsliderTrackProps?: SliderTrackProps;\n\tsliderThumbProps?: SliderThumbProps;\n\tsliderTrackBackgroundClassName?:\n\t\t| string\n\t\t| ((values: SliderTrackRenderProps) => string);\n\tsliderTrackForegroundClassName?:\n\t\t| string\n\t\t| ((values: SliderTrackRenderProps) => string);\n}) {\n\treturn (\n\t\t<AriaSlider<T>\n\t\t\t{...props}\n\t\t\tclassName={(values) => resolveClassName(className, values)}\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<AriaSliderTrack\n\t\t\t\t\t\t{...sliderTrackProps}\n\t\t\t\t\t\tclassName={(sliderTrackRenderProps) =>\n\t\t\t\t\t\t\tcx(\n\t\t\t\t\t\t\t\tclasses.track,\n\t\t\t\t\t\t\t\tresolveClassName(\n\t\t\t\t\t\t\t\t\tsliderTrackProps.className,\n\t\t\t\t\t\t\t\t\tsliderTrackRenderProps,\n\t\t\t\t\t\t\t\t),\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\t\t{(values) => {\n\t\t\t\t\t\t\tconst left =\n\t\t\t\t\t\t\t\tvalues.state.values.length === 1\n\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t: values.state.getThumbPercent(0) * 100;\n\n\t\t\t\t\t\t\tconst width =\n\t\t\t\t\t\t\t\tvalues.state.values.length === 1\n\t\t\t\t\t\t\t\t\t? values.state.getThumbPercent(0) * 100\n\t\t\t\t\t\t\t\t\t: (values.state.getThumbPercent(1) -\n\t\t\t\t\t\t\t\t\t\t\tvalues.state.getThumbPercent(0)) *\n\t\t\t\t\t\t\t\t\t\t100;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\t\t\t\t\tclasses.background,\n\t\t\t\t\t\t\t\t\t\t\tresolveClassName(sliderTrackBackgroundClassName, values),\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={sliderTrackForeground({\n\t\t\t\t\t\t\t\t\t\t\t...values.state,\n\t\t\t\t\t\t\t\t\t\t\tclassName: resolveClassName(\n\t\t\t\t\t\t\t\t\t\t\t\tsliderTrackForegroundClassName,\n\t\t\t\t\t\t\t\t\t\t\t\tvalues,\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tstyle={{ left: `${left}%`, width: `${width}%` }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{values.state.values.map((_, i) => {\n\t\t\t\t\t\t\t\t\t\tconst zIndex =\n\t\t\t\t\t\t\t\t\t\t\tvalues.state.getThumbPercent(i === 1 ? 0 : 1) ===\n\t\t\t\t\t\t\t\t\t\t\t(i === 1 ? 0 : 1)\n\t\t\t\t\t\t\t\t\t\t\t\t? 2\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t<AriaSliderThumb\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{...sliderThumbProps}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={(sliderThumbRenderProps) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbRenderProps.isDragging;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn sliderThumb({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisDisabled: sliderThumbRenderProps.isDisabled,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisThumbDragging:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbRenderProps.state.isThumbDragging(i),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisOtherThumbDragging:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbRenderProps.state.isThumbDragging(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ti === 1 ? 0 : 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName: resolveClassName(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbProps.className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbRenderProps,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tzIndex,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t</AriaSliderTrack>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSlider>\n\t);\n}\n\nexport function SliderOutput(props: SliderOutputProps) {\n\treturn (\n\t\t<AriaSliderOutput\n\t\t\tclassName={(values) =>\n\t\t\t\tcx(\n\t\t\t\t\ttextClasses.text,\n\t\t\t\t\ttextClasses.sm,\n\t\t\t\t\ttextClasses.grey100,\n\t\t\t\t\tresolveClassName(props.className, values),\n\t\t\t\t)\n\t\t\t}\n\t\t\tchildren={(sliderRenderProps) =>\n\t\t\t\tsliderRenderProps.state.values\n\t\t\t\t\t.map((_, i) => sliderRenderProps.state.getThumbValueLabel(i))\n\t\t\t\t\t.join(\" – \")\n\t\t\t}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/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_e4d5d", "background": "background_e4d5d", "foreground": "foreground_e4d5d", "disabled": "disabled_e4d5d", "thumb": "thumb_e4d5d", "thumbDragging": "thumbDragging_e4d5d", "otherThumbDragging": "otherThumbDragging_e4d5d" };
+
+//# 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_e4d5d\",\"background\":\"background_e4d5d\",\"foreground\":\"foreground_e4d5d\",\"disabled\":\"disabled_e4d5d\",\"thumb\":\"thumb_e4d5d\",\"thumbDragging\":\"thumbDragging_e4d5d\",\"otherThumbDragging\":\"otherThumbDragging_e4d5d\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,60 @@
+.track_e4d5d {
+	position: relative;
+	height: 1.75rem;
+	width: 100%;
+}
+
+.background_e4d5d {
+	background-color: var(--lol-color-grey-300);
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+	height: 2px;
+	width: 100%;
+	border-radius: 9999px;
+}
+
+.foreground_e4d5d {
+	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_e4d5d.disabled_e4d5d {
+		background-image: linear-gradient(to right, #5c5b57, #5c5b57);
+	}
+
+.track_e4d5d:hover .foreground_e4d5d {
+	background-image: linear-gradient(to right, var(--lol-color-gold-500), var(--lol-color-gold-400), var(--lol-color-gold-200));
+}
+
+.track_e4d5d:active .foreground_e4d5d {
+	background-image: linear-gradient(to right, var(--lol-color-gold-500), var(--lol-color-gold-600), var(--lol-color-gold-600));
+}
+
+.thumb_e4d5d {
+	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_e4d5d.disabled_e4d5d {
+		background-image: url(../../assets/disabled.87ad565d.png);
+	}
+
+.thumb_e4d5d.thumbDragging_e4d5d {
+		background-image: url(../../assets/active.4113e6b2.png);
+	}
+
+.track_e4d5d:hover .thumb_e4d5d:not(.thumbDragging_e4d5d):not(.otherThumbDragging_e4d5d) {
+	background-image: url(../../assets/hover.404fa456.png);
+}

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

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var spinner_exports = {};
 __export(spinner_exports, {
@@ -22,11 +32,9 @@ __export(spinner_exports, {
 });
 module.exports = __toCommonJS(spinner_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_tv = require("../../utilities/tv.js");
-var import_images = require("./images.js");
-const spinner = (0, import_tv.tv)({
-  base: "aspect-square w-12 animate-spin"
-});
+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",
@@ -34,8 +42,8 @@ function Spinner({ className }) {
       role: "status",
       "aria-live": "polite",
       "aria-label": "loading",
-      src: import_images.spinnerImage,
-      className: spinner({ className })
+      src: import_spinner_a69432f7.default,
+      className: (0, import_cva.cx)(import_spinner.default.spinner, className)
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYI;AAZJ,gBAAmB;AACnB,oBAA6B;AAE7B,MAAM,cAAU,cAAG;AAAA,EACjB,MAAM;AACR,CAAC;AAKM,SAAS,QAAQ,EAAE,UAAU,GAAiB;AACnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAW;AAAA,MACX,KAAK;AAAA,MACL,WAAW,QAAQ,EAAE,UAAU,CAAC;AAAA;AAAA,EAClC;AAEJ","names":[],"sources":["../../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { tv } from \"../../utilities/tv.js\";\nimport { spinnerImage } from \"./images.js\";\n\nconst spinner = tv({\n  base: \"aspect-square w-12 animate-spin\",\n});\n\ninterface SpinnerProps {\n  className?: string;\n}\nexport function Spinner({ className }: SpinnerProps) {\n  return (\n    <img\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-label=\"loading\"\n      src={spinnerImage}\n      className={spinner({ className })}\n    />\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}
+{"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_497bb", "spin": "spin_497bb" };
+
+//# 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_497bb\",\"spin\":\"spin_497bb\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,16 @@
+.spinner_497bb {
+	aspect-ratio: 1/1;
+	width: 3rem;
+	animation: spin_497bb 1s linear infinite;
+}
+
+
+@keyframes spin_497bb {
+	from {
+		transform: rotate(0deg);
+	}
+
+	to {
+		transform: rotate(360deg);
+	}
+}

package/dist/lib/components/switch.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var switch_exports = {};
 __export(switch_exports, {
@@ -22,70 +32,40 @@ __export(switch_exports, {
 });
 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_gradient = require("../utilities/gradient.js");
-var import_tv = require("../utilities/tv.js");
-const switchTrackBorder = (0, import_tv.tv)({
-  base: [
-    "h-6 w-14 shrink-0 cursor-default rounded-full bg-gradient-to-t p-0.5",
-    import_gradient.goldGradient
-  ],
+var import_switch = __toESM(require("./switch.module"));
+const track = (0, import_cva.cva)({
+  base: import_switch.default.track,
   variants: {
     isHovered: {
-      true: import_gradient.goldGradientHover
+      true: import_switch.default.hover
     },
     isPressed: {
-      true: import_gradient.goldGradientPressed
+      true: import_switch.default.press
     },
     isDisabled: {
-      true: import_gradient.disabledGradient
-    },
-    isFocusVisible: {
-      true: "outline outline-1 outline-offset-2 outline-yellow-50"
-    }
-  }
-});
-const switchTrack = (0, import_tv.tv)({
-  base: "bg-lol-grey-300 relative grid h-full w-full rounded-full transition-colors duration-200 ease-in-out",
-  variants: {
-    isPressed: {
-      true: ""
+      true: import_switch.default.disabled
     },
     isSelected: {
-      true: "bg-green-900"
-    },
-    isFocused: {
-      true: "outline-none"
-    },
-    isFocusVisible: {
-      true: ""
+      true: import_switch.default.selected
     }
-  },
-  compoundVariants: [
-    {
-      isPressed: true,
-      isSelected: true,
-      className: "bg-green-950"
-    }
-  ]
+  }
 });
-const switchKnobBorder = (0, import_tv.tv)({
-  base: [
-    "absolute -left-2 -top-1.5 h-8 w-8 rounded-full bg-gradient-to-t p-0.5 shadow-md ring-0 transition-[left] duration-200 ease-in-out",
-    import_gradient.goldGradient
-  ],
+const knob = (0, import_cva.cva)({
+  base: import_switch.default.knob,
   variants: {
     isSelected: {
-      true: "left-[calc(100%-1.5rem)]"
+      true: import_switch.default.selected
     },
     isHovered: {
-      true: import_gradient.goldGradientHover
+      true: import_switch.default.hover
     },
     isPressed: {
-      true: import_gradient.goldGradientPressed
+      true: import_switch.default.press
     },
     isDisabled: {
-      true: import_gradient.disabledGradient
+      true: import_switch.default.disabled
     }
   }
 });
@@ -101,7 +81,7 @@ function 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: switchTrackBorder(values), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: switchTrack(values), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: switchKnobBorder(values), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "bg-lol-grey-300 block h-full w-full rounded-full" }) }) }) }),
+        /* @__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
       ] })
     }

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2FQ;AA3FR,mCAAqC;AAErC,sBAKO;AACP,gBAAmB;AAEnB,MAAM,wBAAoB,cAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAED,MAAM,kBAAc,cAAG;AAAA,EACrB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;AAED,MAAM,uBAAmB,cAAG;AAAA,EAC1B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAEM,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAU;AAAA,MAET,WAAC,WACA,4EACE;AAAA,oDAAC,SAAI,WAAW,kBAAkB,MAAM,GACtC,sDAAC,SAAI,WAAW,YAAY,MAAM,GAChC,sDAAC,UAAK,WAAW,iBAAiB,MAAM,GACtC,sDAAC,UAAK,WAAU,oDAAmD,GACrE,GACF,GACF;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACvD;AAAA;AAAA,EAEJ;AAEJ","names":["AriaSwitch"],"sources":["../../../src/components/switch.tsx"],"sourcesContent":["import { Switch as AriaSwitch } from \"react-aria-components\";\nimport type { SwitchProps as AriaSwitchProps } from \"react-aria-components\";\nimport {\n  goldGradient,\n  goldGradientHover,\n  goldGradientPressed,\n  disabledGradient,\n} from \"../utilities/gradient.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst switchTrackBorder = tv({\n  base: [\n    \"h-6 w-14 shrink-0 cursor-default rounded-full bg-gradient-to-t p-0.5\",\n    goldGradient,\n  ],\n  variants: {\n    isHovered: {\n      true: goldGradientHover,\n    },\n    isPressed: {\n      true: goldGradientPressed,\n    },\n    isDisabled: {\n      true: disabledGradient,\n    },\n    isFocusVisible: {\n      true: \"outline outline-1 outline-offset-2 outline-yellow-50\",\n    },\n  },\n});\n\nconst switchTrack = tv({\n  base: \"bg-lol-grey-300 relative grid h-full w-full rounded-full transition-colors duration-200 ease-in-out\",\n  variants: {\n    isPressed: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"bg-green-900\",\n    },\n    isFocused: {\n      true: \"outline-none\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      isPressed: true,\n      isSelected: true,\n      className: \"bg-green-950\",\n    },\n  ],\n});\n\nconst switchKnobBorder = tv({\n  base: [\n    \"absolute -left-2 -top-1.5 h-8 w-8 rounded-full bg-gradient-to-t p-0.5 shadow-md ring-0 transition-[left] duration-200 ease-in-out\",\n    goldGradient,\n  ],\n  variants: {\n    isSelected: {\n      true: \"left-[calc(100%-1.5rem)]\",\n    },\n    isHovered: {\n      true: goldGradientHover,\n    },\n    isPressed: {\n      true: goldGradientPressed,\n    },\n    isDisabled: {\n      true: disabledGradient,\n    },\n  },\n});\n\nexport function Switch({\n  className,\n  placeholder,\n  children,\n  ...props\n}: AriaSwitchProps & {\n  placeholder?: string;\n}) {\n  return (\n    <AriaSwitch\n      {...props}\n      className=\"group inline-flex items-center gap-2 p-1 px-1.5 text-sm font-semibold text-black\"\n    >\n      {(values) => (\n        <>\n          <div className={switchTrackBorder(values)}>\n            <div className={switchTrack(values)}>\n              <span className={switchKnobBorder(values)}>\n                <span className=\"bg-lol-grey-300 block h-full w-full rounded-full\"></span>\n              </span>\n            </div>\n          </div>\n          {typeof children === \"function\" ? children(values) : children}\n        </>\n      )}\n    </AriaSwitch>\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}
+{"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_cfb98", "hover": "hover_cfb98", "press": "press_cfb98", "disabled": "disabled_cfb98", "selected": "selected_cfb98", "knob": "knob_cfb98" };
+
+//# 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_cfb98\",\"hover\":\"hover_cfb98\",\"press\":\"press_cfb98\",\"disabled\":\"disabled_cfb98\",\"selected\":\"selected_cfb98\",\"knob\":\"knob_cfb98\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/switch_module.css

@@ -0,0 +1,69 @@
+.track_cfb98 {
+	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_cfb98.hover_cfb98 {
+		--lol-switch-border-gradient: var(--lol-gradient-gold-hover);
+	}
+
+.track_cfb98.press_cfb98 {
+		--lol-switch-border-gradient: var(--lol-gradient-gold-press);
+	}
+
+.track_cfb98.disabled_cfb98 {
+		--lol-switch-border-gradient: var(--lol-gradient-disabled);
+	}
+
+.track_cfb98.selected_cfb98 {
+		--lol-switch-background-gradient: var(--lol-gradient-hextech);
+	}
+
+.knob_cfb98 {
+	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_cfb98.hover_cfb98 {
+		--lol-switch-border-gradient: var(--lol-gradient-gold-hover);
+	}
+
+.knob_cfb98.press_cfb98 {
+		--lol-switch-border-gradient: var(--lol-gradient-gold-press);
+	}
+
+.knob_cfb98.disabled_cfb98 {
+		--lol-switch-border-gradient: var(--lol-gradient-disabled);
+	}
+
+.knob_cfb98.selected_cfb98 {
+		left: calc(100% - 1.5rem);
+
+	}

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

@@ -1,6 +1,6 @@
-import { TabsProps, TabListProps, TabProps, TabPanelProps } from "react-aria-components";
+import { type TabListProps, type TabPanelProps, type TabProps } from "react-aria-components";
 export type { Key } from "react-aria-components";
-export declare function Tabs({ onSelectionChange, ...rest }: TabsProps): import("react/jsx-runtime").JSX.Element;
+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;