@lolmath/ui 3.2.5 → 4.1.0

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 { 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/lib/components/tabs.js

@@ -1,8 +1,10 @@
 "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)
@@ -16,6 +18,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 tabs_exports = {};
 __export(tabs_exports, {
@@ -26,29 +36,11 @@ __export(tabs_exports, {
 });
 module.exports = __toCommonJS(tabs_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_cva = require("cva");
 var import_react_aria_components = require("react-aria-components");
-var import_css_id = require("../utilities/css-id.js");
 var import_resolve_class_name = require("../utilities/resolve-class-name.js");
-var import_tv = require("../utilities/tv.js");
-var import_view_transition = require("../utilities/view-transition.js");
-function Tabs({ onSelectionChange, ...rest }) {
-  const id = (0, import_css_id.useCssId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_aria_components.Tabs,
-    {
-      ...rest,
-      onSelectionChange: (key) => {
-        (0, import_view_transition.startViewTransition)(() => {
-          onSelectionChange?.(key);
-        });
-      }
-    }
-  ) });
-}
-const tabList = (0, import_tv.tv)({
-  base: "-ml-4 flex gap-0"
-});
+var import_tabs = __toESM(require("./tabs.module"));
+const Tabs = import_react_aria_components.Tabs;
 function TabList({
   className,
   ...rest
@@ -57,34 +49,31 @@ function TabList({
     import_react_aria_components.TabList,
     {
       ...rest,
-      className: (values) => tabList({
-        className: (0, import_resolve_class_name.resolveClassName)(className, values)
-      })
+      className: (values) => (0, import_cva.cx)(import_tabs.default.list, (0, import_resolve_class_name.resolveClassName)(className, values))
     }
   );
 }
-const tab = (0, import_tv.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 = (0, import_cva.cva)({
+  base: import_tabs.default.tab,
   variants: {
     isSelected: {
-      true: "text-lol-gold-100"
+      true: import_tabs.default.selected
     },
     isHovered: {
-      true: "text-lol-gold-100"
+      true: import_tabs.default.hovered
     },
     isPressed: {
-      true: "text-lol-gold-500"
+      true: import_tabs.default.pressed
     },
     isDisabled: {
-      true: "text-lol-grey-150 cursor-default"
+      true: import_tabs.default.disabled
+    },
+    isFocusVisible: {
+      true: import_tabs.default.focusVisible
     }
   }
 });
 function Tab({ children, className, ...rest }) {
-  const { id } = useTabsContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_aria_components.Tab,
     {
@@ -95,15 +84,7 @@ function Tab({ children, className, ...rest }) {
       }),
       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",
-          {
-            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__ */ (0, import_jsx_runtime.jsx)("div", { className: import_tabs.default.indicator })
       ] })
     }
   );
@@ -111,14 +92,6 @@ function Tab({ children, className, ...rest }) {
 function TabPanel({ ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.TabPanel, { ...rest });
 }
-const TabsContext = (0, import_react.createContext)(void 0);
-function useTabsContext() {
-  const context = (0, import_react.useContext)(TabsContext);
-  if (context === void 0) {
-    throw new Error("useTabsContext must be used within a Tabs");
-  }
-  return context;
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Tab,

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBG;AAtBH,mBAA0C;AAC1C,mCASO;AACP,oBAAyB;AACzB,gCAAiC;AACjC,gBAAmB;AACnB,6BAAoC;AAI7B,SAAS,KAAK,EAAE,mBAAmB,GAAG,KAAK,GAAc;AAC/D,QAAM,SAAK,wBAAS;AACpB,SACC,4CAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,GAAG,GACjC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,mBAAmB,CAAC,QAAQ;AAC3B,wDAAoB,MAAM;AACzB,8BAAoB,GAAG;AAAA,QACxB,CAAC;AAAA,MACF;AAAA;AAAA,EACD,GACD;AAEF;AAEA,MAAM,cAAU,cAAG;AAAA,EAClB,MAAM;AACP,CAAC;AAEM,SAAS,QAA0B;AAAA,EACzC;AAAA,EACA,GAAG;AACJ,GAAoB;AACnB,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,QAAQ;AAAA,QACP,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA;AAAA,EAEH;AAEF;AAEA,MAAM,UAAM,cAAG;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,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,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,4CAAC,6BAAAC,UAAA,EAAc,GAAG,MAAM;AAChC;AAEA,MAAM,kBAAc,4BAKlB,MAAS;AAEX,SAAS,iBAAiB;AACzB,QAAM,cAAU,yBAAW,WAAW;AACtC,MAAI,YAAY,QAAW;AAC1B,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC5D;AACA,SAAO;AACR","names":["AriaTabs","AriaTabList","AriaTab","AriaTabPanel"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;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_c42a1", "tab": "tab_c42a1", "selected": "selected_c42a1", "hovered": "hovered_c42a1", "pressed": "pressed_c42a1", "disabled": "disabled_c42a1", "focusVisible": "focusVisible_c42a1", "indicator": "indicator_c42a1" };
+
+//# 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_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/lib/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/lib/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;

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

@@ -23,59 +23,23 @@ __export(text_area_exports, {
 module.exports = __toCommonJS(text_area_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_gradient = require("../utilities/gradient.js");
 var import_resolve_class_name = require("../utilities/resolve-class-name.js");
-var import_tv = require("../utilities/tv.js");
-const textAreaBorder = (0, import_tv.tv)({
-  base: [
-    "flex bg-gradient-to-t p-px outline-none",
-    import_gradient.goldGradient,
-    "focus-within:from-lol-gold-400 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100"
-  ],
-  variants: {
-    isDisabled: {
-      true: [import_gradient.disabledGradient]
-    }
-  }
-});
-const textArea = (0, import_tv.tv)({
-  base: [
-    "bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 outline-none",
-    "text-lol-gold-100 font-spiegel text-xs tracking-wide",
-    "focus-within:from-lol-grey-200 focus-within:via-lol-grey-300 focus-within:to-lol-grey-300 focus-within:bg-gradient-to-t"
-  ],
-  variants: {
-    isDisabled: {
-      true: ["text-lol-grey-150"]
-    }
-  }
-});
+var import_text_field = require("./text-field.js");
 function TextArea({
   textAreaProps = {},
-  borderProps = {},
   children,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     typeof children === "function" ? children(values) : children,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
+      import_react_aria_components.TextArea,
       {
-        ...borderProps,
-        className: textAreaBorder({
-          ...values,
-          className: (0, import_resolve_class_name.resolveClassName)(borderProps?.className, values)
-        }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_react_aria_components.TextArea,
-          {
-            ...textAreaProps,
-            className: (values2) => textArea({
-              ...values2,
-              className: (0, import_resolve_class_name.resolveClassName)(textAreaProps?.className, values2)
-            })
-          }
-        )
+        ...textAreaProps,
+        className: (values2) => (0, import_text_field.textField)({
+          ...values2,
+          className: (0, import_resolve_class_name.resolveClassName)(textAreaProps?.className, values2)
+        })
       }
     )
   ] }) });

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDI;AA9CJ,mCAGO;AACP,sBAA+C;AAC/C,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,qBAAiB,cAAG;AAAA,EACzB,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,CAAC,gCAAgB;AAAA,IACxB;AAAA,EACD;AACD,CAAC;AAED,MAAM,eAAW,cAAG;AAAA,EACnB,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,CAAC,mBAAmB;AAAA,IAC3B;AAAA,EACD;AACD,CAAC;AAEM,SAAS,SAAS;AAAA,EACxB,gBAAgB,CAAC;AAAA,EACjB,cAAc,CAAC;AAAA,EACf;AAAA,EACA,GAAG;AACJ,GAGG;AACF,SACC,4CAAC,6BAAAA,WAAA,EAAe,GAAG,OACjB,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,eAAe;AAAA,UACzB,GAAG;AAAA,UACH,eAAW,4CAAiB,aAAa,WAAW,MAAM;AAAA,QAC3D,CAAC;AAAA,QAED;AAAA,UAAC,6BAAAC;AAAA;AAAA,YACC,GAAG;AAAA,YACJ,WAAW,CAACC,YACX,SAAS;AAAA,cACR,GAAGA;AAAA,cACH,eAAW,4CAAiB,eAAe,WAAWA,OAAM;AAAA,YAC7D,CAAC;AAAA;AAAA,QAEH;AAAA;AAAA,IACD;AAAA,KACD,GAEF;AAEF","names":["AriaTextField","AriaTextArea","values"],"ignoreList":[],"sources":["../../../src/components/text-area.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\n\tTextFieldProps as AriaTextFieldProps,\n\tTextAreaProps,\n} from \"react-aria-components\";\nimport {\n\tTextArea as AriaTextArea,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { disabledGradient, goldGradient } from \"../utilities/gradient.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst textAreaBorder = tv({\n\tbase: [\n\t\t\"flex bg-gradient-to-t p-px outline-none\",\n\t\tgoldGradient,\n\t\t\"focus-within:from-lol-gold-400 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100\",\n\t],\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: [disabledGradient],\n\t\t},\n\t},\n});\n\nconst textArea = tv({\n\tbase: [\n\t\t\"bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 outline-none\",\n\t\t\"text-lol-gold-100 font-spiegel text-xs tracking-wide\",\n\t\t\"focus-within:from-lol-grey-200 focus-within:via-lol-grey-300 focus-within:to-lol-grey-300 focus-within:bg-gradient-to-t\",\n\t],\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: [\"text-lol-grey-150\"],\n\t\t},\n\t},\n});\n\nexport function TextArea({\n\ttextAreaProps = {},\n\tborderProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\ttextAreaProps?: TextAreaProps;\n\tborderProps?: ComponentProps<\"div\">;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<div\n\t\t\t\t\t\t{...borderProps}\n\t\t\t\t\t\tclassName={textAreaBorder({\n\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\tclassName: resolveClassName(borderProps?.className, values),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AriaTextArea\n\t\t\t\t\t\t\t{...textAreaProps}\n\t\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\t\ttextArea({\n\t\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\t\tclassName: resolveClassName(textAreaProps?.className, values),\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</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AAjBJ,mCAGO;AACP,gCAAiC;AACjC,wBAA0B;AAEnB,SAAS,SAAS;AAAA,EACxB,gBAAgB,CAAC;AAAA,EACjB;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC,4CAAC,6BAAAA,WAAA,EAAe,GAAG,OACjB,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC,6BAAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACC,gBACX,6BAAU;AAAA,UACT,GAAGA;AAAA,UACH,eAAW,4CAAiB,eAAe,WAAWA,OAAM;AAAA,QAC7D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["AriaTextField","AriaTextArea","values"],"ignoreList":[],"sources":["../../../src/components/text-area.tsx"],"sourcesContent":["import type {\n\tTextFieldProps as AriaTextFieldProps,\n\tTextAreaProps,\n} from \"react-aria-components\";\nimport {\n\tTextArea as AriaTextArea,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { textField } from \"./text-field.js\";\n\nexport function TextArea({\n\ttextAreaProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\ttextAreaProps?: TextAreaProps;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<AriaTextArea\n\t\t\t\t\t\t{...textAreaProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\ttextField({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(textAreaProps?.className, values),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

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

package/dist/lib/components/text-field.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,38 +17,34 @@ 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 text_field_exports = {};
 __export(text_field_exports, {
-  TextField: () => TextField
+  TextField: () => TextField,
+  textField: () => textField
 });
 module.exports = __toCommonJS(text_field_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_gradient = require("../utilities/gradient.js");
 var import_resolve_class_name = require("../utilities/resolve-class-name.js");
-var import_tv = require("../utilities/tv.js");
-const textFieldBorder = (0, import_tv.tv)({
-  base: [
-    "flex bg-gradient-to-t p-px outline-none",
-    import_gradient.goldGradient,
-    "focus-within:from-lol-gold-400 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100"
-  ],
+var import_cva = require("cva");
+var import_text_field = __toESM(require("./text-field.module"));
+const textField = (0, import_cva.cva)({
+  base: import_text_field.default.textField,
   variants: {
     isDisabled: {
-      true: [import_gradient.disabledGradient]
-    }
-  }
-});
-const textField = (0, import_tv.tv)({
-  base: [
-    "bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 outline-none",
-    "text-lol-gold-100 font-spiegel text-xs tracking-wide",
-    "focus-within:from-lol-grey-200 focus-within:via-lol-grey-300 focus-within:to-lol-grey-300 focus-within:bg-gradient-to-t"
-  ],
-  variants: {
-    isDisabled: {
-      true: ["text-lol-grey-150"]
+      true: import_text_field.default.disabled
+    },
+    isFocused: {
+      true: import_text_field.default.focus
     }
   }
 });
@@ -59,31 +57,22 @@ function TextField({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     typeof children === "function" ? children(values) : children,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
+      import_react_aria_components.Input,
       {
-        ...borderProps,
-        className: textFieldBorder({
-          ...values,
-          className: (0, import_resolve_class_name.resolveClassName)(borderProps?.className, values)
-        }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_react_aria_components.Input,
-          {
-            type: "text",
-            ...inputProps,
-            className: (values2) => textField({
-              ...values2,
-              className: (0, import_resolve_class_name.resolveClassName)(inputProps?.className, values2)
-            })
-          }
-        )
+        type: "text",
+        ...inputProps,
+        className: (values2) => textField({
+          ...values2,
+          className: (0, import_resolve_class_name.resolveClassName)(inputProps?.className, values2)
+        })
       }
     )
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  TextField
+  TextField,
+  textField
 });
 
 //# sourceMappingURL=text-field.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDI;AA9CJ,mCAGO;AACP,sBAA+C;AAC/C,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,sBAAkB,cAAG;AAAA,EAC1B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,CAAC,gCAAgB;AAAA,IACxB;AAAA,EACD;AACD,CAAC;AAED,MAAM,gBAAY,cAAG;AAAA,EACpB,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,CAAC,mBAAmB;AAAA,IAC3B;AAAA,EACD;AACD,CAAC;AAEM,SAAS,UAAU;AAAA,EACzB,aAAa,CAAC;AAAA,EACd,cAAc,CAAC;AAAA,EACf;AAAA,EACA,GAAG;AACJ,GAGG;AACF,SACC,4CAAC,6BAAAA,WAAA,EAAe,GAAG,OACjB,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,gBAAgB;AAAA,UAC1B,GAAG;AAAA,UACH,eAAW,4CAAiB,aAAa,WAAW,MAAM;AAAA,QAC3D,CAAC;AAAA,QAED;AAAA,UAAC,6BAAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACJ,GAAG;AAAA,YACJ,WAAW,CAACC,YACX,UAAU;AAAA,cACT,GAAGA;AAAA,cACH,eAAW,4CAAiB,YAAY,WAAWA,OAAM;AAAA,YAC1D,CAAC;AAAA;AAAA,QAEH;AAAA;AAAA,IACD;AAAA,KACD,GAEF;AAEF","names":["AriaTextField","AriaInput","values"],"ignoreList":[],"sources":["../../../src/components/text-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\n\tTextFieldProps as AriaTextFieldProps,\n\tInputProps,\n} from \"react-aria-components\";\nimport {\n\tInput as AriaInput,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { disabledGradient, goldGradient } from \"../utilities/gradient.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst textFieldBorder = tv({\n\tbase: [\n\t\t\"flex bg-gradient-to-t p-px outline-none\",\n\t\tgoldGradient,\n\t\t\"focus-within:from-lol-gold-400 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100\",\n\t],\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: [disabledGradient],\n\t\t},\n\t},\n});\n\nconst textField = tv({\n\tbase: [\n\t\t\"bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 outline-none\",\n\t\t\"text-lol-gold-100 font-spiegel text-xs tracking-wide\",\n\t\t\"focus-within:from-lol-grey-200 focus-within:via-lol-grey-300 focus-within:to-lol-grey-300 focus-within:bg-gradient-to-t\",\n\t],\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: [\"text-lol-grey-150\"],\n\t\t},\n\t},\n});\n\nexport function TextField({\n\tinputProps = {},\n\tborderProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\tinputProps?: InputProps;\n\tborderProps?: ComponentProps<\"div\">;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<div\n\t\t\t\t\t\t{...borderProps}\n\t\t\t\t\t\tclassName={textFieldBorder({\n\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\tclassName: resolveClassName(borderProps?.className, values),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AriaInput\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\t\ttextField({\n\t\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps?.className, values),\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</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCI;AAjCJ,mCAGO;AACP,gCAAiC;AAEjC,iBAAoB;AACpB,wBAAoB;AAEb,MAAM,gBAAY,gBAAI;AAAA,EAC5B,MAAM,kBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,kBAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,kBAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,UAAU;AAAA,EACzB,aAAa,CAAC;AAAA,EACd,cAAc,CAAC;AAAA,EACf;AAAA,EACA,GAAG;AACJ,GAGG;AACF,SACC,4CAAC,6BAAAC,WAAA,EAAe,GAAG,OACjB,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IAErD;AAAA,MAAC,6BAAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,WAAW,CAACC,YACX,UAAU;AAAA,UACT,GAAGA;AAAA,UACH,eAAW,4CAAiB,YAAY,WAAWA,OAAM;AAAA,QAC1D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["classes","AriaTextField","AriaInput","values"],"ignoreList":[],"sources":["../../../src/components/text-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\n\tTextFieldProps as AriaTextFieldProps,\n\tInputProps,\n} from \"react-aria-components\";\nimport {\n\tInput as AriaInput,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\n\nimport { cva } from \"cva\";\nimport classes from \"./text-field.module\";\n\nexport const textField = cva({\n\tbase: classes.textField,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: classes.focus,\n\t\t},\n\t},\n});\n\nexport function TextField({\n\tinputProps = {},\n\tborderProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\tinputProps?: InputProps;\n\tborderProps?: ComponentProps<\"div\">;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\n\t\t\t\t\t<AriaInput\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\ttextField({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps?.className, values),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

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

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

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