@lolmath/ui 3.2.5 → 4.0.0

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

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["values"],"ignoreList":[],"sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import 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 { tv } from \"../../utilities/tv.js\";\nimport {\n\tsliderActive,\n\tsliderDisabled,\n\tsliderHover,\n\tsliderNormal,\n} from \"./images.js\";\n\nconst sliderTrack = tv({\n\tbase: \"group relative h-7 w-full\",\n});\n\nconst sliderTrackBackground = tv({\n\tbase: \"bg-lol-grey-300 absolute top-[50%] h-0.5 w-full translate-y-[-50%] transform rounded-full\",\n});\n\nconst sliderTrackForeground = tv({\n\tbase: \"from-lol-gold-600 to-lol-gold-500 absolute top-[50%] h-0.5 translate-y-[-50%] transform bg-gradient-to-r\",\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: \"bg-[#5C5B57] from-transparent via-transparent to-transparent\",\n\t\t\tfalse: [\n\t\t\t\t\"group-hover:from-lol-gold-500 group-hover:via-lol-gold-400 group-hover:to-lol-gold-200\",\n\t\t\t\t\"group-active:from-lol-gold-500 group-active:via-lol-gold-600 group-active:to-lol-gold-600\",\n\t\t\t],\n\t\t},\n\t},\n});\n\nconst sliderThumb = tv({\n\tbase: \"top-[50%] h-7 w-7 bg-contain outline-none [background-image:var(--normal)]\",\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: \"[background-image:var(--disabled)]\",\n\t\t},\n\t\tisThumbDragging: {\n\t\t\ttrue: \"[background-image:var(--active)]\",\n\t\t},\n\t\tisOtherThumbDragging: {\n\t\t\ttrue: \"\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tisThumbDragging: false,\n\t\t\tisOtherThumbDragging: false,\n\t\t\tclassName: \"group-hover:[background-image:var(--hover)]\",\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\tsliderTrack({\n\t\t\t\t\t\t\t\t...sliderTrackRenderProps,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(\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={sliderTrackBackground({\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\tsliderTrackBackgroundClassName,\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/>\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\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\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"--normal\": sliderNormal,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"--hover\": sliderHover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"--active\": sliderActive,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"--disabled\": sliderDisabled,\n\t\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\t} as any\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\nconst sliderOutput = tv({\n\tbase: \"font-spiegel text-lol-grey-100 text-lol-sm\",\n});\nexport function SliderOutput(props: SliderOutputProps) {\n\treturn (\n\t\t<AriaSliderOutput\n\t\t\tclassName={(values) =>\n\t\t\t\tsliderOutput({\n\t\t\t\t\tclassName: resolveClassName(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"]}
+{"version":3,"mappings":"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","names":["values"],"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/es/components/slider/slider.module.js

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

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

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

@@ -1,9 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { tv } from "../../utilities/tv.js";
-import { spinnerImage } from "./images.js";
-const spinner = tv({
-  base: "aspect-square w-12 animate-spin"
-});
+import { cx } from "cva";
+import classes from "./spinner.module";
+import spinnerImage from "../../assets/spinner.a69432f7.png";
 function Spinner({ className }) {
   return /* @__PURE__ */ jsx(
     "img",
@@ -12,7 +10,7 @@ function Spinner({ className }) {
       "aria-live": "polite",
       "aria-label": "loading",
       src: spinnerImage,
-      className: spinner({ className })
+      className: cx(classes.spinner, className)
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"mappings":"AAYE;AAZF,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAE7B,MAAM,UAAU,GAAG;AAAA,EAClB,MAAM;AACP,CAAC;AAKM,SAAS,QAAQ,EAAE,UAAU,GAAiB;AACpD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAW;AAAA,MACX,KAAK;AAAA,MACL,WAAW,QAAQ,EAAE,UAAU,CAAC;AAAA;AAAA,EACjC;AAEF","names":[],"ignoreList":[],"sources":["../../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { tv } from \"../../utilities/tv.js\";\nimport { spinnerImage } from \"./images.js\";\n\nconst spinner = tv({\n\tbase: \"aspect-square w-12 animate-spin\",\n});\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={spinner({ className })}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":"AASE;AATF,SAAS,UAAU;AACnB,OAAO,aAAa;AACpB,OAAO,kBAAkB;AAKlB,SAAS,QAAQ,EAAE,UAAU,GAAiB;AACpD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAW;AAAA,MACX,KAAK;AAAA,MACL,WAAW,GAAG,QAAQ,SAAS,SAAS;AAAA;AAAA,EACzC;AAEF","names":[],"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/es/components/spinner/spinner.module.js

@@ -0,0 +1,7 @@
+import "./spinner_module.css";
+var spinner_default = { "spinner": "spinner_497bb", "spin": "spin_497bb" };
+export {
+  spinner_default as default
+};
+
+//# sourceMappingURL=spinner.module.js.map

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

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

@@ -1,73 +1,38 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "cva";
 import { Switch as AriaSwitch } from "react-aria-components";
-import {
-  disabledGradient,
-  goldGradient,
-  goldGradientHover,
-  goldGradientPressed
-} from "../utilities/gradient.js";
-import { tv } from "../utilities/tv.js";
-const switchTrackBorder = tv({
-  base: [
-    "h-6 w-14 shrink-0 cursor-default rounded-full bg-gradient-to-t p-0.5",
-    goldGradient
-  ],
+import classes from "./switch.module";
+const track = cva({
+  base: classes.track,
   variants: {
     isHovered: {
-      true: goldGradientHover
+      true: classes.hover
     },
     isPressed: {
-      true: goldGradientPressed
+      true: classes.press
     },
     isDisabled: {
-      true: disabledGradient
-    },
-    isFocusVisible: {
-      true: "outline outline-1 outline-offset-2 outline-yellow-50"
-    }
-  }
-});
-const switchTrack = 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: classes.disabled
     },
     isSelected: {
-      true: "bg-green-900"
-    },
-    isFocused: {
-      true: "outline-none"
-    },
-    isFocusVisible: {
-      true: ""
+      true: classes.selected
     }
-  },
-  compoundVariants: [
-    {
-      isPressed: true,
-      isSelected: true,
-      className: "bg-green-950"
-    }
-  ]
+  }
 });
-const switchKnobBorder = 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",
-    goldGradient
-  ],
+const knob = cva({
+  base: classes.knob,
   variants: {
     isSelected: {
-      true: "left-[calc(100%-1.5rem)]"
+      true: classes.selected
     },
     isHovered: {
-      true: goldGradientHover
+      true: classes.hover
     },
     isPressed: {
-      true: goldGradientPressed
+      true: classes.press
     },
     isDisabled: {
-      true: disabledGradient
+      true: classes.disabled
     }
   }
 });
@@ -83,7 +48,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__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: switchTrackBorder(values), children: /* @__PURE__ */ jsx("div", { className: switchTrack(values), children: /* @__PURE__ */ jsx("span", { className: switchKnobBorder(values), children: /* @__PURE__ */ jsx("span", { className: "bg-lol-grey-300 block h-full w-full rounded-full" }) }) }) }),
+        /* @__PURE__ */ jsx("div", { className: track(values), children: /* @__PURE__ */ jsx("span", { className: knob(values) }) }),
         typeof children === "function" ? children(values) : children
       ] })
     }

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

@@ -1 +1 @@
-{"version":3,"mappings":"AA2FI,mBAII,KAJJ;AA3FJ,SAAS,UAAU,kBAAkB;AAErC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AAEnB,MAAM,oBAAoB,GAAG;AAAA,EAC5B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM;AAAA,IACP;AAAA,EACD;AACD,CAAC;AAED,MAAM,cAAc,GAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM;AAAA,IACP;AAAA,EACD;AAAA,EACA,kBAAkB;AAAA,IACjB;AAAA,MACC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,IACZ;AAAA,EACD;AACD,CAAC;AAED,MAAM,mBAAmB,GAAG;AAAA,EAC3B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,EACD;AACD,CAAC;AAEM,SAAS,OAAO;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAU;AAAA,MAET,WAAC,WACD,iCACC;AAAA,4BAAC,SAAI,WAAW,kBAAkB,MAAM,GACvC,8BAAC,SAAI,WAAW,YAAY,MAAM,GACjC,8BAAC,UAAK,WAAW,iBAAiB,MAAM,GACvC,8BAAC,UAAK,WAAU,oDAAmD,GACpE,GACD,GACD;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":[],"ignoreList":[],"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\tdisabledGradient,\n\tgoldGradient,\n\tgoldGradientHover,\n\tgoldGradientPressed,\n} from \"../utilities/gradient.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst switchTrackBorder = tv({\n\tbase: [\n\t\t\"h-6 w-14 shrink-0 cursor-default rounded-full bg-gradient-to-t p-0.5\",\n\t\tgoldGradient,\n\t],\n\tvariants: {\n\t\tisHovered: {\n\t\t\ttrue: goldGradientHover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: goldGradientPressed,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: disabledGradient,\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: \"outline outline-1 outline-offset-2 outline-yellow-50\",\n\t\t},\n\t},\n});\n\nconst switchTrack = tv({\n\tbase: \"bg-lol-grey-300 relative grid h-full w-full rounded-full transition-colors duration-200 ease-in-out\",\n\tvariants: {\n\t\tisPressed: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisSelected: {\n\t\t\ttrue: \"bg-green-900\",\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: \"outline-none\",\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: \"\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tisPressed: true,\n\t\t\tisSelected: true,\n\t\t\tclassName: \"bg-green-950\",\n\t\t},\n\t],\n});\n\nconst switchKnobBorder = tv({\n\tbase: [\n\t\t\"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\t\tgoldGradient,\n\t],\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: \"left-[calc(100%-1.5rem)]\",\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: goldGradientHover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: goldGradientPressed,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: disabledGradient,\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={switchTrackBorder(values)}>\n\t\t\t\t\t\t<div className={switchTrack(values)}>\n\t\t\t\t\t\t\t<span className={switchKnobBorder(values)}>\n\t\t\t\t\t\t\t\t<span className=\"bg-lol-grey-300 block h-full w-full rounded-full\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\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"]}
+{"version":3,"mappings":"AAuDI,mBAEE,KAFF;AAvDJ,SAAS,WAAW;AACpB,SAAS,UAAU,kBAAkB;AAErC,OAAO,aAAa;AAEpB,MAAM,QAAQ,IAAI;AAAA,EACjB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,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,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,OAAO,IAAI;AAAA,EAChB,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,EACD;AACD,CAAC;AAEM,SAAS,OAAO;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAU;AAAA,MAET,WAAC,WACD,iCACC;AAAA,4BAAC,SAAI,WAAW,MAAM,MAAM,GAC3B,8BAAC,UAAK,WAAW,KAAK,MAAM,GAAG,GAChC;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":[],"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/es/components/switch.module.js

@@ -0,0 +1,7 @@
+import "./switch_module.css";
+var switch_default = { "track": "track_cfb98", "hover": "hover_cfb98", "press": "press_cfb98", "disabled": "disabled_cfb98", "selected": "selected_cfb98", "knob": "knob_cfb98" };
+export {
+  switch_default as default
+};
+
+//# sourceMappingURL=switch.module.js.map

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

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

@@ -1,6 +1,6 @@
-import { type TabListProps, type TabPanelProps, type TabProps, type TabsProps } 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;

package/dist/es/components/tabs.js

@@ -1,33 +1,15 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
+import { cva, cx } from "cva";
 import {
   Tab as AriaTab,
   TabList as AriaTabList,
   TabPanel as AriaTabPanel,
   Tabs as AriaTabs
 } from "react-aria-components";
-import { useCssId } from "../utilities/css-id.js";
 import { resolveClassName } from "../utilities/resolve-class-name.js";
-import { tv } from "../utilities/tv.js";
-import { startViewTransition } from "../utilities/view-transition.js";
-function Tabs({ onSelectionChange, ...rest }) {
-  const id = useCssId();
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
-    AriaTabs,
-    {
-      ...rest,
-      onSelectionChange: (key) => {
-        startViewTransition(() => {
-          onSelectionChange?.(key);
-        });
-      }
-    }
-  ) });
-}
-const tabList = tv({
-  base: "-ml-4 flex gap-0"
-});
+import classes from "./tabs.module";
+const Tabs = AriaTabs;
 function TabList({
   className,
   ...rest
@@ -36,34 +18,31 @@ function TabList({
     AriaTabList,
     {
       ...rest,
-      className: (values) => tabList({
-        className: resolveClassName(className, values)
-      })
+      className: (values) => cx(classes.list, resolveClassName(className, values))
     }
   );
 }
-const tab = tv({
-  base: [
-    "font-beaufort text-lol-gold-300 relative cursor-pointer select-none px-4 py-1 text-xs font-medium uppercase tracking-widest",
-    "focus-visible:outline-lol-gold-100 focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-4"
-  ],
+const tab = cva({
+  base: classes.tab,
   variants: {
     isSelected: {
-      true: "text-lol-gold-100"
+      true: classes.selected
     },
     isHovered: {
-      true: "text-lol-gold-100"
+      true: classes.hovered
     },
     isPressed: {
-      true: "text-lol-gold-500"
+      true: classes.pressed
     },
     isDisabled: {
-      true: "text-lol-grey-150 cursor-default"
+      true: classes.disabled
+    },
+    isFocusVisible: {
+      true: classes.focusVisible
     }
   }
 });
 function Tab({ children, className, ...rest }) {
-  const { id } = useTabsContext();
   return /* @__PURE__ */ jsx(
     AriaTab,
     {
@@ -74,15 +53,7 @@ function Tab({ children, className, ...rest }) {
       }),
       children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
         typeof children === "function" ? children(values) : children,
-        values.isSelected && /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              viewTransitionName: `tab-indicator-${id}`
-            },
-            className: "via-lol-gold-200 absolute bottom-0 left-0 h-px w-full bg-gradient-to-r from-transparent to-transparent"
-          }
-        )
+        values.isSelected && /* @__PURE__ */ jsx("div", { className: classes.indicator })
       ] })
     }
   );
@@ -90,14 +61,6 @@ function Tab({ children, className, ...rest }) {
 function TabPanel({ ...rest }) {
   return /* @__PURE__ */ jsx(AriaTabPanel, { ...rest });
 }
-const TabsContext = createContext(void 0);
-function useTabsContext() {
-  const context = useContext(TabsContext);
-  if (context === void 0) {
-    throw new Error("useTabsContext must be used within a Tabs");
-  }
-  return context;
-}
 export {
   Tab,
   TabList,

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

@@ -1 +1 @@
-{"version":3,"mappings":";AAwBG,SAkEC,UAlED,KAkEC,YAlED;AAtBH,SAAS,eAAe,kBAAkB;AAC1C;AAAA,EACC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,OAKF;AACP,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,UAAU;AACnB,SAAS,2BAA2B;AAI7B,SAAS,KAAK,EAAE,mBAAmB,GAAG,KAAK,GAAc;AAC/D,QAAM,KAAK,SAAS;AACpB,SACC,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,GAAG,GACjC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,mBAAmB,CAAC,QAAQ;AAC3B,4BAAoB,MAAM;AACzB,8BAAoB,GAAG;AAAA,QACxB,CAAC;AAAA,MACF;AAAA;AAAA,EACD,GACD;AAEF;AAEA,MAAM,UAAU,GAAG;AAAA,EAClB,MAAM;AACP,CAAC;AAEM,SAAS,QAA0B;AAAA,EACzC;AAAA,EACA,GAAG;AACJ,GAAoB;AACnB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,QAAQ;AAAA,QACP,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA;AAAA,EAEH;AAEF;AAEA,MAAM,MAAM,GAAG;AAAA,EACd,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,EACD;AACD,CAAC;AAEM,SAAS,IAAI,EAAE,UAAU,WAAW,GAAG,KAAK,GAAa;AAC/D,QAAM,EAAE,GAAG,IAAI,eAAe;AAC9B,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,cACP;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,cACN,oBAAoB,iBAAiB,EAAE;AAAA,YACxC;AAAA,YACA,WACC;AAAA;AAAA,QAEF;AAAA,SAEF;AAAA;AAAA,EAEF;AAEF;AAEO,SAAS,SAAS,EAAE,GAAG,KAAK,GAAkB;AACpD,SAAO,oBAAC,gBAAc,GAAG,MAAM;AAChC;AAEA,MAAM,cAAc,cAKlB,MAAS;AAEX,SAAS,iBAAiB;AACzB,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,YAAY,QAAW;AAC1B,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC5D;AACA,SAAO;AACR","names":[],"ignoreList":[],"sources":["../../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\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\ttype TabsProps,\n} from \"react-aria-components\";\nimport { useCssId } from \"../utilities/css-id.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\nimport { startViewTransition } from \"../utilities/view-transition.js\";\n\nexport type { Key } from \"react-aria-components\";\n\nexport function Tabs({ onSelectionChange, ...rest }: TabsProps) {\n\tconst id = useCssId();\n\treturn (\n\t\t<TabsContext.Provider value={{ id }}>\n\t\t\t<AriaTabs\n\t\t\t\t{...rest}\n\t\t\t\tonSelectionChange={(key) => {\n\t\t\t\t\tstartViewTransition(() => {\n\t\t\t\t\t\tonSelectionChange?.(key);\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t/>\n\t\t</TabsContext.Provider>\n\t);\n}\n\nconst tabList = tv({\n\tbase: \"-ml-4 flex gap-0\",\n});\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\ttabList({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t/>\n\t);\n}\n\nconst tab = tv({\n\tbase: [\n\t\t\"font-beaufort text-lol-gold-300 relative cursor-pointer select-none px-4 py-1 text-xs font-medium uppercase tracking-widest\",\n\t\t\"focus-visible:outline-lol-gold-100 focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-4\",\n\t],\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: \"text-lol-gold-100\",\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: \"text-lol-gold-100\",\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: \"text-lol-gold-500\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"text-lol-grey-150 cursor-default\",\n\t\t},\n\t},\n});\n\nexport function Tab({ children, className, ...rest }: TabProps) {\n\tconst { id } = useTabsContext();\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 && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tviewTransitionName: `tab-indicator-${id}`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\"via-lol-gold-200 absolute bottom-0 left-0 h-px w-full bg-gradient-to-r from-transparent to-transparent\"\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</AriaTab>\n\t);\n}\n\nexport function TabPanel({ ...rest }: TabPanelProps) {\n\treturn <AriaTabPanel {...rest} />;\n}\n\nconst TabsContext = createContext<\n\t| {\n\t\t\tid: string;\n\t  }\n\t| undefined\n>(undefined);\n\nfunction useTabsContext() {\n\tconst context = useContext(TabsContext);\n\tif (context === undefined) {\n\t\tthrow new Error(\"useTabsContext must be used within a Tabs\");\n\t}\n\treturn context;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,50 @@
+.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,6 +1,4 @@
-import type { ComponentProps } from "react";
 import type { TextFieldProps as AriaTextFieldProps, TextAreaProps } from "react-aria-components";
-export declare function TextArea({ textAreaProps, borderProps, children, ...props }: AriaTextFieldProps & {
+export declare function TextArea({ textAreaProps, children, ...props }: AriaTextFieldProps & {
     textAreaProps?: TextAreaProps;
-    borderProps?: ComponentProps<"div">;
 }): import("react/jsx-runtime").JSX.Element;