@lolmath/ui 3.2.5 → 4.0.0

package/dist/lib/components/breadcrumbs.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 breadcrumbs_exports = {};
 __export(breadcrumbs_exports, {
@@ -24,10 +34,11 @@ __export(breadcrumbs_exports, {
 module.exports = __toCommonJS(breadcrumbs_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_tailwind_variants = require("tailwind-variants");
 var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_cva = require("cva");
+var import_breadcrumbs = __toESM(require("./breadcrumbs.module"));
 const breadCrumbIconSrc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAA+0lEQVQYV12QsUoDURBF74xbxHLB9NqHbWwSwUJIutSbQCqb5BPMJ8RPcBttlMR8ggYLkRVxm8XGyk9IFQgx+668zb7N4sDAvJnDu3NHUIk0nrWDVu+52rO1uEb6Ph0KcSNE1Djrj6pgDjnADQRy3Wj1xuX7+/PhaPOrdQBvAHwAS4p2QPpOWkhK+jE/NiajR1lQNVRjhhTYHAXNflTu9PNyWzu5uFx/xbMJwSsnRSIsIbcboInQPBXSCbdZJ4fsL6vDWpeUuXVnVCOhmXCbhcH5YLlzF08HAtwB8HZ3+ecuh17vffEOrMSpcxc0w2R/kqIqwEeKjquAHf8Bd1xn7M0vJ+QAAAAASUVORK5CYII=";
-const breadCrumbs = (0, import_tailwind_variants.tv)({
+const breadCrumbs = (0, import_cva.cva)({
   base: "flex gap-1"
 });
 function Breadcrumbs(props) {
@@ -39,13 +50,13 @@ function Breadcrumbs(props) {
     }
   );
 }
-const breadCrumb = (0, import_tailwind_variants.tv)({
-  base: "flex items-center"
+const breadCrumb = (0, import_cva.cva)({
+  base: import_breadcrumbs.default.breadCrumb
 });
-const breadCrumbLink = (0, import_tailwind_variants.tv)({
-  base: "font-beaufort text-lol-gold-300 relative text-sm font-medium uppercase tracking-widest px-4",
+const breadCrumbLink = (0, import_cva.cva)({
+  base: import_breadcrumbs.default.breadCrumbLink,
   variants: {
-    isHovered: { true: "text-lol-gold-100" }
+    isHovered: { true: import_breadcrumbs.default.breadCrumbLink_hover }
   }
 });
 function Breadcrumb(props) {
@@ -66,7 +77,14 @@ function Breadcrumb(props) {
             ...props
           }
         ),
-        props.href && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: breadCrumbIconSrc, alt: "", className: "h-[11px]" })
+        props.href && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            src: breadCrumbIconSrc,
+            alt: "",
+            className: import_breadcrumbs.default.breadCrumbDivider
+          }
+        )
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBE;AApBF,mCAOO;AACP,+BAAmB;AACnB,gCAAiC;AAEjC,MAAM,oBACL;AAED,MAAM,kBAAc,6BAAG;AAAA,EACtB,MAAM;AACP,CAAC;AAEM,SAAS,YAA8B,OAA4B;AACzE,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,YAAY,EAAE,WAAW,MAAM,UAAU,CAAC;AAAA;AAAA,EACtD;AAEF;AAEA,MAAM,iBAAa,6BAAG;AAAA,EACrB,MAAM;AACP,CAAC;AAED,MAAM,qBAAiB,6BAAG;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,oBAAoB;AAAA,EACxC;AACD,CAAC;AAEM,SAAS,WAAW,OAAoC;AAC9D,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,WAAW;AAAA,QACV,eAAW,4CAAiB,MAAM,WAAW,MAAM;AAAA,MACpD,CAAC;AAAA,MAGF;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,CAAC,WACX,eAAe;AAAA,cACd,WAAW,OAAO;AAAA,YACnB,CAAC;AAAA,YAED,GAAG;AAAA;AAAA,QACL;AAAA,QACC,MAAM,QACN,4CAAC,SAAI,KAAK,mBAAmB,KAAI,IAAG,WAAU,YAAW;AAAA;AAAA;AAAA,EAE3D;AAEF","names":["AriaBreadcrumbs","AriaBreadcrumb"],"ignoreList":[],"sources":["../../../src/components/breadcrumbs.tsx"],"sourcesContent":["import {\n\tBreadcrumb as AriaBreadcrumb,\n\tBreadcrumbs as AriaBreadcrumbs,\n\ttype BreadcrumbProps,\n\ttype BreadcrumbsProps,\n\tLink,\n\ttype LinkProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\n\nconst breadCrumbIconSrc =\n\t\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAA+0lEQVQYV12QsUoDURBF74xbxHLB9NqHbWwSwUJIutSbQCqb5BPMJ8RPcBttlMR8ggYLkRVxm8XGyk9IFQgx+668zb7N4sDAvJnDu3NHUIk0nrWDVu+52rO1uEb6Ph0KcSNE1Djrj6pgDjnADQRy3Wj1xuX7+/PhaPOrdQBvAHwAS4p2QPpOWkhK+jE/NiajR1lQNVRjhhTYHAXNflTu9PNyWzu5uFx/xbMJwSsnRSIsIbcboInQPBXSCbdZJ4fsL6vDWpeUuXVnVCOhmXCbhcH5YLlzF08HAtwB8HZ3+ecuh17vffEOrMSpcxc0w2R/kqIqwEeKjquAHf8Bd1xn7M0vJ+QAAAAASUVORK5CYII=\";\n\nconst breadCrumbs = tv({\n\tbase: \"flex gap-1\",\n});\n\nexport function Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>) {\n\treturn (\n\t\t<AriaBreadcrumbs\n\t\t\t{...props}\n\t\t\tclassName={breadCrumbs({ className: props.className })}\n\t\t/>\n\t);\n}\n\nconst breadCrumb = tv({\n\tbase: \"flex items-center\",\n});\n\nconst breadCrumbLink = tv({\n\tbase: \"font-beaufort text-lol-gold-300 relative text-sm font-medium uppercase tracking-widest px-4\",\n\tvariants: {\n\t\tisHovered: { true: \"text-lol-gold-100\" },\n\t},\n});\n\nexport function Breadcrumb(props: BreadcrumbProps & LinkProps) {\n\treturn (\n\t\t<AriaBreadcrumb\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tbreadCrumb({\n\t\t\t\t\tclassName: resolveClassName(props.className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t<Link\n\t\t\t\tclassName={(values) =>\n\t\t\t\t\tbreadCrumbLink({\n\t\t\t\t\t\tisHovered: values.isHovered,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t{props.href && (\n\t\t\t\t<img src={breadCrumbIconSrc} alt=\"\" className=\"h-[11px]\" />\n\t\t\t)}\n\t\t</AriaBreadcrumb>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBE;AArBF,mCAOO;AACP,gCAAiC;AACjC,iBAAoB;AACpB,yBAAoB;AAEpB,MAAM,oBACL;AAED,MAAM,kBAAc,gBAAI;AAAA,EACvB,MAAM;AACP,CAAC;AAEM,SAAS,YAA8B,OAA4B;AACzE,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,YAAY,EAAE,WAAW,MAAM,UAAU,CAAC;AAAA;AAAA,EACtD;AAEF;AAEA,MAAM,iBAAa,gBAAI;AAAA,EACtB,MAAM,mBAAAC,QAAQ;AACf,CAAC;AAED,MAAM,qBAAiB,gBAAI;AAAA,EAC1B,MAAM,mBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,mBAAAA,QAAQ,qBAAqB;AAAA,EACjD;AACD,CAAC;AAEM,SAAS,WAAW,OAAoC;AAC9D,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,WAAW;AAAA,QACV,eAAW,4CAAiB,MAAM,WAAW,MAAM;AAAA,MACpD,CAAC;AAAA,MAGF;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,CAAC,WACX,eAAe;AAAA,cACd,WAAW,OAAO;AAAA,YACnB,CAAC;AAAA,YAED,GAAG;AAAA;AAAA,QACL;AAAA,QACC,MAAM,QACN;AAAA,UAAC;AAAA;AAAA,YACA,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,WAAW,mBAAAD,QAAQ;AAAA;AAAA,QACpB;AAAA;AAAA;AAAA,EAEF;AAEF","names":["AriaBreadcrumbs","classes","AriaBreadcrumb"],"ignoreList":[],"sources":["../../../src/components/breadcrumbs.tsx"],"sourcesContent":["import {\n\tBreadcrumb as AriaBreadcrumb,\n\tBreadcrumbs as AriaBreadcrumbs,\n\ttype BreadcrumbProps,\n\ttype BreadcrumbsProps,\n\tLink,\n\ttype LinkProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { cva } from \"cva\";\nimport classes from \"./breadcrumbs.module\";\n\nconst breadCrumbIconSrc =\n\t\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAA+0lEQVQYV12QsUoDURBF74xbxHLB9NqHbWwSwUJIutSbQCqb5BPMJ8RPcBttlMR8ggYLkRVxm8XGyk9IFQgx+668zb7N4sDAvJnDu3NHUIk0nrWDVu+52rO1uEb6Ph0KcSNE1Djrj6pgDjnADQRy3Wj1xuX7+/PhaPOrdQBvAHwAS4p2QPpOWkhK+jE/NiajR1lQNVRjhhTYHAXNflTu9PNyWzu5uFx/xbMJwSsnRSIsIbcboInQPBXSCbdZJ4fsL6vDWpeUuXVnVCOhmXCbhcH5YLlzF08HAtwB8HZ3+ecuh17vffEOrMSpcxc0w2R/kqIqwEeKjquAHf8Bd1xn7M0vJ+QAAAAASUVORK5CYII=\";\n\nconst breadCrumbs = cva({\n\tbase: \"flex gap-1\",\n});\n\nexport function Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>) {\n\treturn (\n\t\t<AriaBreadcrumbs\n\t\t\t{...props}\n\t\t\tclassName={breadCrumbs({ className: props.className })}\n\t\t/>\n\t);\n}\n\nconst breadCrumb = cva({\n\tbase: classes.breadCrumb,\n});\n\nconst breadCrumbLink = cva({\n\tbase: classes.breadCrumbLink,\n\tvariants: {\n\t\tisHovered: { true: classes.breadCrumbLink_hover },\n\t},\n});\n\nexport function Breadcrumb(props: BreadcrumbProps & LinkProps) {\n\treturn (\n\t\t<AriaBreadcrumb\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tbreadCrumb({\n\t\t\t\t\tclassName: resolveClassName(props.className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t<Link\n\t\t\t\tclassName={(values) =>\n\t\t\t\t\tbreadCrumbLink({\n\t\t\t\t\t\tisHovered: values.isHovered,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t{props.href && (\n\t\t\t\t<img\n\t\t\t\t\tsrc={breadCrumbIconSrc}\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tclassName={classes.breadCrumbDivider}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</AriaBreadcrumb>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/{utilities/tv.js → components/breadcrumbs.module.js}

@@ -16,30 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var tv_exports = {};
-__export(tv_exports, {
-  tv: () => tv
-});
-module.exports = __toCommonJS(tv_exports);
-var import_tailwind_variants = require("tailwind-variants");
-var import_theme = require("./theme.js");
-const tv = (0, import_tailwind_variants.createTV)({
-  twMergeConfig: {
-    // theme: {
-    // colors: formatColors(),
-    // },
-    classGroups: {
-      "font-size": [
-        {
-          text: Object.keys(import_theme.theme.fontSize)
-        }
-      ]
-    }
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  tv
+var breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  default: () => breadcrumbs_default
 });
+module.exports = __toCommonJS(breadcrumbs_exports);
+var import_breadcrumbs_module = require("./breadcrumbs_module.css");
+var breadcrumbs_default = { "breadCrumb": "breadCrumb_75d07", "breadCrumbLink": "breadCrumbLink_75d07", "breadCrumbLink_hover": "breadCrumbLink_hover_75d07", "breadCrumbDivider": "breadCrumbDivider_75d07" };
 
-//# sourceMappingURL=tv.js.map
+//# sourceMappingURL=breadcrumbs.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAO;AAA2B,IAAO,sBAAQ,EAAC,cAAa,oBAAmB,kBAAiB,wBAAuB,wBAAuB,8BAA6B,qBAAoB,0BAAyB","names":[],"ignoreList":[],"sources":["../../../src/components/breadcrumbs.module.css"],"sourcesContent":["import \"./breadcrumbs_module.css\";export default {\"breadCrumb\":\"breadCrumb_75d07\",\"breadCrumbLink\":\"breadCrumbLink_75d07\",\"breadCrumbLink_hover\":\"breadCrumbLink_hover_75d07\",\"breadCrumbDivider\":\"breadCrumbDivider_75d07\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/breadcrumbs_module.css

@@ -0,0 +1,23 @@
+.breadCrumb_75d07 {
+	display: flex;
+	align-items: center;
+}
+
+.breadCrumbLink_75d07 {
+	font-family: var(--lol-font-family-beaufort);
+	color: var(--lol-color-gold-300);
+	position: relative;
+	font-size: var(--lol-font-size-sm);
+	font-weight: 500;
+	text-transform: uppercase;
+	letter-spacing: 0.1em;
+	padding: 0 1rem;
+}
+
+.breadCrumbLink_hover_75d07 {
+	color: var(--lol-color-gold-100);
+}
+
+.breadCrumbDivider_75d07 {
+	height: 11px;
+}

package/dist/lib/components/button-link.d.ts

@@ -0,0 +1,11 @@
+import { type Ref } from "react";
+import { type LinkProps } from "react-aria-components";
+import { type ButtonPreset, type ButtonShape } from "./button.js";
+interface ButtonLinkProps extends LinkProps {
+    preset?: ButtonPreset;
+    thin?: boolean;
+    shape?: ButtonShape;
+}
+export declare function _ButtonLink({ children, className, preset, shape, thin, ...props }: ButtonLinkProps, ref: Ref<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+export declare const ButtonLink: import("react").ForwardRefExoticComponent<ButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/lib/components/button-link.js

@@ -0,0 +1,64 @@
+"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 button_link_exports = {};
+__export(button_link_exports, {
+  ButtonLink: () => ButtonLink,
+  _ButtonLink: () => _ButtonLink
+});
+module.exports = __toCommonJS(button_link_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_aria_components = require("react-aria-components");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_button = require("./button.js");
+function _ButtonLink({
+  children,
+  className,
+  preset = "secondary",
+  shape = "normal",
+  thin = preset === "dimmed",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Link,
+    {
+      ref,
+      ...props,
+      className: (values) => {
+        return (0, import_button.button)({
+          className: (0, import_resolve_class_name.resolveClassName)(className, values),
+          preset,
+          shape,
+          thin,
+          ...values
+        });
+      },
+      children
+    }
+  );
+}
+const ButtonLink = (0, import_react.forwardRef)(_ButtonLink);
+ButtonLink.displayName = "ButtonLink";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonLink,
+  _ButtonLink
+});
+
+//# sourceMappingURL=button-link.js.map

package/dist/lib/components/button-link.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBE;AAvBF,mBAAqC;AACrC,mCAAmD;AACnD,gCAAiC;AACjC,oBAA4D;AAQrD,SAAS,YACf;AAAA,EACC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO,WAAW;AAAA,EAClB,GAAG;AACJ,GACA,KACC;AACD,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,mBAAO,sBAAO;AAAA,UACb,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,iBAAa,yBAAW,WAAW;AAChD,WAAW,cAAc","names":["AriaButton"],"ignoreList":[],"sources":["../../../src/components/button-link.tsx"],"sourcesContent":["import { type Ref, forwardRef } from \"react\";\nimport { Link as AriaButton, type LinkProps } from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { type ButtonPreset, type ButtonShape, button } from \"./button.js\";\n\ninterface ButtonLinkProps extends LinkProps {\n\tpreset?: ButtonPreset;\n\tthin?: boolean;\n\tshape?: ButtonShape;\n}\n\nexport function _ButtonLink(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tpreset = \"secondary\",\n\t\tshape = \"normal\",\n\t\tthin = preset === \"dimmed\",\n\t\t...props\n\t}: ButtonLinkProps,\n\tref: Ref<HTMLAnchorElement>,\n) {\n\treturn (\n\t\t<AriaButton\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn button({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AriaButton>\n\t);\n}\n\nexport const ButtonLink = forwardRef(_ButtonLink);\nButtonLink.displayName = \"ButtonLink\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1,11 +1,76 @@
-import { type ButtonProps as AriaButtonProps, type ButtonRenderProps } from "react-aria-components";
+import { type Ref } from "react";
+import { type ButtonProps as AriaButtonProps } from "react-aria-components";
 export type ButtonShape = "round" | "square" | "normal";
 export type ButtonPreset = "primary" | "secondary" | "text" | "hextech" | "dimmed";
 interface ButtonProps extends AriaButtonProps {
-    innerClassName?: string | ((values: ButtonRenderProps) => string);
     preset?: ButtonPreset;
     thin?: boolean;
     shape?: ButtonShape;
 }
+export declare const button: (props?: ({
+    preset?: "text" | "primary" | "secondary" | "hextech" | "dimmed" | undefined;
+    isHovered?: boolean | undefined;
+    isPressed?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isFocused?: boolean | undefined;
+    isFocusVisible?: boolean | undefined;
+    shape?: "normal" | "round" | "square" | undefined;
+    thin?: 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 _Button({ children, className, preset, shape, thin, ...props }: ButtonProps, ref: Ref<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/lib/components/button.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,181 +17,68 @@ 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 button_exports = {};
 __export(button_exports, {
-  Button: () => Button
+  Button: () => Button,
+  _Button: () => _Button,
+  button: () => button
 });
 module.exports = __toCommonJS(button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 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 buttonBorder = (0, import_tv.tv)({
-  base: "bg-gradient-to-t p-0.5 outline-none transition-colors duration-200",
+var import_cva = require("cva");
+var import_button = __toESM(require("./button.module"));
+const button = (0, import_cva.cva)({
+  base: import_button.default.button,
   variants: {
     preset: {
-      primary: "",
-      secondary: "",
-      text: "",
-      hextech: "",
-      dimmed: import_gradient.dimmedGradient
-    },
-    shape: {
-      round: "aspect-square rounded-full",
-      square: "aspect-square",
-      normal: ""
+      primary: import_button.default.primary,
+      secondary: import_button.default.secondary,
+      text: import_button.default.text,
+      hextech: import_button.default.hextech,
+      dimmed: import_button.default.dimmed
     },
     isHovered: {
-      true: ""
+      true: import_button.default.hover
     },
     isPressed: {
-      true: ""
+      true: import_button.default.press
     },
     isDisabled: {
-      true: ""
+      true: import_button.default.disabled
     },
     isFocused: {
       true: ""
     },
     isFocusVisible: {
-      true: ""
-    },
-    thin: {
-      true: "p-px"
-    }
-  },
-  compoundVariants: [
-    {
-      preset: ["primary", "secondary"],
-      class: import_gradient.goldGradient
-    },
-    {
-      preset: ["primary", "secondary", "dimmed"],
-      isHovered: true,
-      class: import_gradient.goldGradientHover
-    },
-    {
-      preset: ["primary", "secondary", "dimmed"],
-      isPressed: true,
-      class: import_gradient.goldGradientPressed
-    },
-    {
-      preset: ["primary", "secondary", "dimmed"],
-      isDisabled: true,
-      class: import_gradient.disabledGradient
-    },
-    {
-      preset: ["primary", "secondary"],
-      isFocusVisible: true,
-      class: "outline outline-offset-2 outline-yellow-50"
-    },
-    {
-      preset: ["hextech"],
-      class: import_gradient.hextechGradient
-    },
-    {
-      preset: ["hextech"],
-      isHovered: true,
-      class: import_gradient.hextechGradientHover
-    },
-    {
-      preset: ["hextech"],
-      isPressed: true,
-      class: import_gradient.hextechGradientPressed
-    },
-    {
-      preset: ["hextech"],
-      isDisabled: true,
-      class: import_gradient.disabledGradient
-    }
-  ]
-});
-const button = (0, import_tv.tv)({
-  base: "text-lol-gold-300 font-beaufort block h-full w-full font-bold uppercase tracking-wide transition-colors duration-200",
-  variants: {
-    preset: {
-      primary: "from-lol-gold-600 via-lol-gold-600 to-lol-gold-700 bg-gradient-to-b",
-      secondary: "",
-      text: "",
-      hextech: "text-lol-blue-100",
-      dimmed: "bg-lol-grey-hextech-black"
-    },
-    isHovered: {
-      true: "text-lol-gold-100"
-    },
-    isPressed: {
-      true: "text-lol-grey-150"
-    },
-    isDisabled: {
-      true: "text-lol-grey-150"
-    },
-    isFocused: {
-      true: ""
-    },
-    isFocusVisible: {
-      true: ""
+      true: import_button.default.focusVisible
     },
     shape: {
-      round: "rounded-full",
-      square: "",
-      normal: ""
-    }
-  },
-  compoundVariants: [
-    {
-      preset: ["primary", "secondary", "hextech", "dimmed"],
-      class: "px-4 py-2"
-    },
-    {
-      preset: ["primary", "secondary", "hextech"],
-      class: "bg-lol-grey-300"
+      round: import_button.default.round,
+      square: import_button.default.square,
+      normal: import_button.default.normal
     },
-    {
-      preset: ["hextech"],
-      isHovered: true,
-      class: "text-lol-blue-100"
-    },
-    {
-      preset: ["hextech"],
-      isPressed: true,
-      class: "text-lol-blue-400"
-    },
-    {
-      preset: ["text"],
-      shape: ["normal", "square"],
-      class: "relative after:absolute after:-bottom-2 after:-left-2 after:-right-2 after:-top-2"
-    },
-    {
-      isHovered: true,
-      preset: "primary",
-      class: "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500"
-    },
-    {
-      isPressed: true,
-      preset: "primary",
-      class: "from-lol-gold-600 via-lol-gold-700 to-lol-gold-700 text-lol-gold-500"
-    },
-    {
-      shape: ["round", "square"],
-      class: "flex aspect-square h-7 items-center justify-center p-0 font-black leading-none"
-    },
-    {
-      isHovered: true,
-      preset: "text",
-      shape: ["round", "square"],
-      class: "bg-lol-grey-300"
+    thin: {
+      true: import_button.default.thin
     }
-  ]
+  }
 });
 function _Button({
   children,
   className,
   preset = "secondary",
   shape = "normal",
-  innerClassName,
   thin = preset === "dimmed",
   ...props
 }, ref) {
@@ -199,7 +88,7 @@ function _Button({
       ref,
       ...props,
       className: (values) => {
-        return buttonBorder({
+        return button({
           className: (0, import_resolve_class_name.resolveClassName)(className, values),
           preset,
           shape,
@@ -207,27 +96,17 @@ function _Button({
           ...values
         });
       },
-      children: (values) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "span",
-          {
-            className: button({
-              className: (0, import_resolve_class_name.resolveClassName)(innerClassName, values),
-              preset,
-              shape,
-              ...values
-            }),
-            children: typeof children === "function" ? children(values) : children
-          }
-        );
-      }
+      children
     }
   );
 }
 const Button = (0, import_react.forwardRef)(_Button);
+Button.displayName = "Button";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Button
+  Button,
+  _Button,
+  button
 });
 
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["AriaButton"],"ignoreList":[],"sources":["../../../src/components/button.tsx"],"sourcesContent":["import { type Ref, forwardRef } from \"react\";\nimport {\n\tButton as AriaButton,\n\ttype ButtonProps as AriaButtonProps,\n\ttype ButtonRenderProps,\n} from \"react-aria-components\";\nimport {\n\tdimmedGradient,\n\tdisabledGradient,\n\tgoldGradient,\n\tgoldGradientHover,\n\tgoldGradientPressed,\n\thextechGradient,\n\thextechGradientHover,\n\thextechGradientPressed,\n} from \"../utilities/gradient.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nexport type ButtonShape = \"round\" | \"square\" | \"normal\";\nexport type ButtonPreset =\n\t| \"primary\"\n\t| \"secondary\"\n\t| \"text\"\n\t| \"hextech\"\n\t| \"dimmed\";\n\ninterface ButtonProps extends AriaButtonProps {\n\tinnerClassName?: string | ((values: ButtonRenderProps) => string);\n\tpreset?: ButtonPreset;\n\tthin?: boolean;\n\tshape?: ButtonShape;\n}\n\nconst buttonBorder = tv({\n\tbase: \"bg-gradient-to-t p-0.5 outline-none transition-colors duration-200\",\n\tvariants: {\n\t\tpreset: {\n\t\t\tprimary: \"\",\n\t\t\tsecondary: \"\",\n\t\t\ttext: \"\",\n\t\t\thextech: \"\",\n\t\t\tdimmed: dimmedGradient,\n\t\t},\n\t\tshape: {\n\t\t\tround: \"aspect-square rounded-full\",\n\t\t\tsquare: \"aspect-square\",\n\t\t\tnormal: \"\",\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tthin: {\n\t\t\ttrue: \"p-px\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\"],\n\t\t\tclass: goldGradient,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"dimmed\"],\n\t\t\tisHovered: true,\n\t\t\tclass: goldGradientHover,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"dimmed\"],\n\t\t\tisPressed: true,\n\t\t\tclass: goldGradientPressed,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"dimmed\"],\n\t\t\tisDisabled: true,\n\t\t\tclass: disabledGradient,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\"],\n\t\t\tisFocusVisible: true,\n\t\t\tclass: \"outline outline-offset-2 outline-yellow-50\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tclass: hextechGradient,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisHovered: true,\n\t\t\tclass: hextechGradientHover,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisPressed: true,\n\t\t\tclass: hextechGradientPressed,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisDisabled: true,\n\t\t\tclass: disabledGradient,\n\t\t},\n\t],\n});\n\nconst button = tv({\n\tbase: \"text-lol-gold-300 font-beaufort block h-full w-full font-bold uppercase tracking-wide transition-colors duration-200\",\n\tvariants: {\n\t\tpreset: {\n\t\t\tprimary:\n\t\t\t\t\"from-lol-gold-600 via-lol-gold-600 to-lol-gold-700 bg-gradient-to-b\",\n\t\t\tsecondary: \"\",\n\t\t\ttext: \"\",\n\t\t\thextech: \"text-lol-blue-100\",\n\t\t\tdimmed: \"bg-lol-grey-hextech-black\",\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-grey-150\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"text-lol-grey-150\",\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tshape: {\n\t\t\tround: \"rounded-full\",\n\t\t\tsquare: \"\",\n\t\t\tnormal: \"\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"hextech\", \"dimmed\"],\n\t\t\tclass: \"px-4 py-2\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"hextech\"],\n\t\t\tclass: \"bg-lol-grey-300\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisHovered: true,\n\t\t\tclass: \"text-lol-blue-100\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisPressed: true,\n\t\t\tclass: \"text-lol-blue-400\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"text\"],\n\t\t\tshape: [\"normal\", \"square\"],\n\t\t\tclass:\n\t\t\t\t\"relative after:absolute after:-bottom-2 after:-left-2 after:-right-2 after:-top-2\",\n\t\t},\n\t\t{\n\t\t\tisHovered: true,\n\t\t\tpreset: \"primary\",\n\t\t\tclass: \"from-lol-gold-600 via-lol-gold-600 to-lol-gold-500\",\n\t\t},\n\t\t{\n\t\t\tisPressed: true,\n\t\t\tpreset: \"primary\",\n\t\t\tclass:\n\t\t\t\t\"from-lol-gold-600 via-lol-gold-700 to-lol-gold-700 text-lol-gold-500\",\n\t\t},\n\t\t{\n\t\t\tshape: [\"round\", \"square\"],\n\t\t\tclass:\n\t\t\t\t\"flex aspect-square h-7 items-center justify-center p-0 font-black leading-none\",\n\t\t},\n\t\t{\n\t\t\tisHovered: true,\n\t\t\tpreset: \"text\",\n\t\t\tshape: [\"round\", \"square\"],\n\t\t\tclass: \"bg-lol-grey-300\",\n\t\t},\n\t],\n});\n\nfunction _Button(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tpreset = \"secondary\",\n\t\tshape = \"normal\",\n\t\tinnerClassName,\n\t\tthin = preset === \"dimmed\",\n\t\t...props\n\t}: ButtonProps,\n\tref: Ref<HTMLButtonElement>,\n) {\n\treturn (\n\t\t<AriaButton\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn buttonBorder({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t{(values) => {\n\t\t\t\treturn (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={button({\n\t\t\t\t\t\t\tclassName: resolveClassName(innerClassName, values),\n\t\t\t\t\t\t\tpreset,\n\t\t\t\t\t\t\tshape,\n\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t}}\n\t\t</AriaButton>\n\t);\n}\n\nexport const Button = forwardRef(_Button);\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEE;AAvEF,mBAAqC;AACrC,mCAGO;AACP,gCAAiC;AACjC,iBAAoB;AACpB,oBAAoB;AAgBb,MAAM,aAAS,gBAAI;AAAA,EACzB,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS,cAAAA,QAAQ;AAAA,MACjB,WAAW,cAAAA,QAAQ;AAAA,MACnB,MAAM,cAAAA,QAAQ;AAAA,MACd,SAAS,cAAAA,QAAQ;AAAA,MACjB,QAAQ,cAAAA,QAAQ;AAAA,IACjB;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,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,MACf,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACN,OAAO,cAAAA,QAAQ;AAAA,MACf,QAAQ,cAAAA,QAAQ;AAAA,MAChB,QAAQ,cAAAA,QAAQ;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,MACL,MAAM,cAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QACf;AAAA,EACC;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO,WAAW;AAAA,EAClB,GAAG;AACJ,GACA,KACC;AACD,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,OAAO;AAAA,UACb,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,aAAS,yBAAW,OAAO;AACxC,OAAO,cAAc","names":["classes","AriaButton"],"ignoreList":[],"sources":["../../../src/components/button.tsx"],"sourcesContent":["import { type Ref, forwardRef } from \"react\";\nimport {\n\tButton as AriaButton,\n\ttype ButtonProps as AriaButtonProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { cva } from \"cva\";\nimport classes from \"./button.module\";\n\nexport type ButtonShape = \"round\" | \"square\" | \"normal\";\nexport type ButtonPreset =\n\t| \"primary\"\n\t| \"secondary\"\n\t| \"text\"\n\t| \"hextech\"\n\t| \"dimmed\";\n\ninterface ButtonProps extends AriaButtonProps {\n\tpreset?: ButtonPreset;\n\tthin?: boolean;\n\tshape?: ButtonShape;\n}\n\nexport const button = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tpreset: {\n\t\t\tprimary: classes.primary,\n\t\t\tsecondary: classes.secondary,\n\t\t\ttext: classes.text,\n\t\t\thextech: classes.hextech,\n\t\t\tdimmed: classes.dimmed,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.press,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: classes.focusVisible,\n\t\t},\n\t\tshape: {\n\t\t\tround: classes.round,\n\t\t\tsquare: classes.square,\n\t\t\tnormal: classes.normal,\n\t\t},\n\t\tthin: {\n\t\t\ttrue: classes.thin,\n\t\t},\n\t},\n});\n\nexport function _Button(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tpreset = \"secondary\",\n\t\tshape = \"normal\",\n\t\tthin = preset === \"dimmed\",\n\t\t...props\n\t}: ButtonProps,\n\tref: Ref<HTMLButtonElement>,\n) {\n\treturn (\n\t\t<AriaButton\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn button({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AriaButton>\n\t);\n}\n\nexport const Button = forwardRef(_Button);\nButton.displayName = \"Button\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/button.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 button_exports = {};
+__export(button_exports, {
+  default: () => button_default
+});
+module.exports = __toCommonJS(button_exports);
+var import_button_module = require("./button_module.css");
+var button_default = { "button": "button_56ea2", "text": "text_56ea2", "round": "round_56ea2", "hover": "hover_56ea2", "square": "square_56ea2", "normal": "normal_56ea2", "press": "press_56ea2", "disabled": "disabled_56ea2", "hextech": "hextech_56ea2", "dimmed": "dimmed_56ea2", "selected": "selected_56ea2", "primary": "primary_56ea2", "secondary": "secondary_56ea2", "focusVisible": "focusVisible_56ea2", "thin": "thin_56ea2" };
+
+//# sourceMappingURL=button.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAO;AAAsB,IAAO,iBAAQ,EAAC,UAAS,gBAAe,QAAO,cAAa,SAAQ,eAAc,SAAQ,eAAc,UAAS,gBAAe,UAAS,gBAAe,SAAQ,eAAc,YAAW,kBAAiB,WAAU,iBAAgB,UAAS,gBAAe,YAAW,kBAAiB,WAAU,iBAAgB,aAAY,mBAAkB,gBAAe,sBAAqB,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../src/components/button.module.css"],"sourcesContent":["import \"./button_module.css\";export default {\"button\":\"button_56ea2\",\"text\":\"text_56ea2\",\"round\":\"round_56ea2\",\"hover\":\"hover_56ea2\",\"square\":\"square_56ea2\",\"normal\":\"normal_56ea2\",\"press\":\"press_56ea2\",\"disabled\":\"disabled_56ea2\",\"hextech\":\"hextech_56ea2\",\"dimmed\":\"dimmed_56ea2\",\"selected\":\"selected_56ea2\",\"primary\":\"primary_56ea2\",\"secondary\":\"secondary_56ea2\",\"focusVisible\":\"focusVisible_56ea2\",\"thin\":\"thin_56ea2\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}