@lolmath/ui 3.2.4 → 4.0.0

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

@@ -1,10 +1,62 @@
 interface AccordionProps {
     children: React.ReactNode;
-    className?: string;
 }
-export declare function Accordion({ children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
-export declare const accordionTrigger: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", TVConfig<V, EV>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", TVConfig<V, EV>, unknown, unknown, undefined>>;
-export declare const accordionTriggerInner: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", TVConfig<V, EV>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", TVConfig<V, EV>, unknown, unknown, undefined>>;
+export declare function Accordion({ children }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare const accordionTrigger: (props?: ({
+    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;
 interface AccordionTriggerProps {
     children: React.ReactNode;
     className?: string;

package/dist/lib/components/accordion.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 accordion_exports = {};
 __export(accordion_exports, {
@@ -23,44 +33,28 @@ __export(accordion_exports, {
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
-  accordionTrigger: () => accordionTrigger,
-  accordionTriggerInner: () => accordionTriggerInner
+  accordionTrigger: () => accordionTrigger
 });
 module.exports = __toCommonJS(accordion_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_cva = require("cva");
 var import_react = require("react");
-var import_css_id = require("../utilities/css-id.js");
-var import_view_transition = require("../utilities/view-transition.js");
-var import_tv = require("../utilities/tv.js");
-function Accordion({ children, className }) {
+var import_accordion = __toESM(require("./accordion.module"));
+function Accordion({ children }) {
   const [activeItem, setActiveItem] = (0, import_react.useState)("");
-  const id = (0, import_css_id.useCssId)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AccordionContext.Provider,
     {
       value: {
         activeItem,
-        setActiveItem,
-        id
+        setActiveItem
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className,
-          style: {
-            viewTransitionName: `${id}`
-          },
-          children
-        }
-      )
+      children
     }
   );
 }
-const accordionTrigger = (0, import_tv.tv)({
-  base: "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase"
-});
-const accordionTriggerInner = (0, import_tv.tv)({
-  base: "ml-0.5 mr-2 inline-block rotate-90 transform text-xs"
+const accordionTrigger = (0, import_cva.cva)({
+  base: import_accordion.default.trigger
 });
 function AccordionTrigger({
   children,
@@ -71,39 +65,28 @@ function AccordionTrigger({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
+      type: "button",
       className: accordionTrigger({
         className
       }),
       onClick: () => {
-        (0, import_view_transition.startViewTransition)(() => {
-          setActiveItem((currentItem) => currentItem === item ? "" : item);
-        });
+        setActiveItem((currentItem) => currentItem === item ? "" : item);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: accordionTriggerInner(), children: "❯" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_accordion.default.triggerIcon, children: "❯" }),
         children
       ]
     }
   );
 }
 function AccordionItem({ children, value }) {
-  const { id } = (0, import_react.useContext)(AccordionContext);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AccordionItemContext.Provider,
     {
       value: {
         item: value
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: "border-lol-gold-600 border-b last-of-type:border-none",
-          style: {
-            viewTransitionName: `${id}-${value}`
-          },
-          children
-        }
-      )
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_accordion.default.item, children })
     }
   );
 }
@@ -113,7 +96,7 @@ function AccordionContent({ children }) {
   if (activeItem !== item) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-spiegel text-lol-grey-100 py-2", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_accordion.default.content, children });
 }
 const AccordionContext = (0, import_react.createContext)(void 0);
 const AccordionItemContext = (0, import_react.createContext)(void 0);
@@ -123,8 +106,7 @@ const AccordionItemContext = (0, import_react.createContext)(void 0);
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-  accordionTrigger,
-  accordionTriggerInner
+  accordionTrigger
 });
 
 //# sourceMappingURL=accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AArBN,mBAAoD;AACpD,oBAAyB;AACzB,6BAAoC;AACpC,gBAAmB;AAMZ,SAAS,UAAU,EAAE,UAAU,UAAU,GAAmB;AACjE,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAiB,EAAE;AACvD,QAAM,SAAK,wBAAS;AAEpB,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,YACL,oBAAoB,GAAG,EAAE;AAAA,UAC3B;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,uBAAmB,cAAG;AAAA,EACjC,MAAM;AACR,CAAC;AAEM,MAAM,4BAAwB,cAAG;AAAA,EACtC,MAAM;AACR,CAAC;AAMM,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,EAAE,cAAc,QAAI,yBAAW,gBAAgB;AACrD,QAAM,EAAE,KAAK,QAAI,yBAAW,oBAAoB;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iBAAiB;AAAA,QAC1B;AAAA,MACF,CAAC;AAAA,MACD,SAAS,MAAM;AACb,wDAAoB,MAAM;AACxB,wBAAc,CAAC,gBAAiB,gBAAgB,OAAO,KAAK,IAAK;AAAA,QACnE,CAAC;AAAA,MACH;AAAA,MAEA;AAAA,oDAAC,UAAK,WAAW,sBAAsB,GAAG,eAAC;AAAA,QAC1C;AAAA;AAAA;AAAA,EACH;AAEJ;AAMO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAuB;AACrE,QAAM,EAAE,GAAG,QAAI,yBAAW,gBAAgB;AAE1C,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,oBAAoB,GAAG,EAAE,IAAI,KAAK;AAAA,UACpC;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAKO,SAAS,iBAAiB,EAAE,SAAS,GAA0B;AACpE,QAAM,EAAE,WAAW,QAAI,yBAAW,gBAAgB;AAClD,QAAM,EAAE,KAAK,QAAI,yBAAW,oBAAoB;AAEhD,MAAI,eAAe,MAAM;AACvB,WAAO;AAAA,EACT;AAEA,SAAO,4CAAC,SAAI,WAAU,uCAAuC,UAAS;AACxE;AAEA,MAAM,uBAAmB,4BAItB,MAAgB;AAEnB,MAAM,2BAAuB,4BAE1B,MAAgB","names":[],"sources":["../../../src/components/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useState, useContext } from \"react\";\nimport { useCssId } from \"../utilities/css-id.js\";\nimport { startViewTransition } from \"../utilities/view-transition.js\";\nimport { tv } from \"../utilities/tv.js\";\n\ninterface AccordionProps {\n  children: React.ReactNode;\n  className?: string;\n}\nexport function Accordion({ children, className }: AccordionProps) {\n  const [activeItem, setActiveItem] = useState<string>(\"\");\n  const id = useCssId();\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        activeItem,\n        setActiveItem,\n        id,\n      }}\n    >\n      <div\n        className={className}\n        style={{\n          viewTransitionName: `${id}`,\n        }}\n      >\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nexport const accordionTrigger = tv({\n  base: \"text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase\",\n});\n\nexport const accordionTriggerInner = tv({\n  base: \"ml-0.5 mr-2 inline-block rotate-90 transform text-xs\",\n});\n\ninterface AccordionTriggerProps {\n  children: React.ReactNode;\n  className?: string;\n}\nexport function AccordionTrigger({\n  children,\n  className,\n}: AccordionTriggerProps) {\n  const { setActiveItem } = useContext(AccordionContext);\n  const { item } = useContext(AccordionItemContext);\n\n  return (\n    <button\n      className={accordionTrigger({\n        className,\n      })}\n      onClick={() => {\n        startViewTransition(() => {\n          setActiveItem((currentItem) => (currentItem === item ? \"\" : item));\n        });\n      }}\n    >\n      <span className={accordionTriggerInner()}>❯</span>\n      {children}\n    </button>\n  );\n}\n\ninterface AccordionItemProps {\n  children: React.ReactNode;\n  value: string;\n}\nexport function AccordionItem({ children, value }: AccordionItemProps) {\n  const { id } = useContext(AccordionContext);\n\n  return (\n    <AccordionItemContext.Provider\n      value={{\n        item: value,\n      }}\n    >\n      <div\n        className=\"border-lol-gold-600 border-b last-of-type:border-none\"\n        style={{\n          viewTransitionName: `${id}-${value}`,\n        }}\n      >\n        {children}\n      </div>\n    </AccordionItemContext.Provider>\n  );\n}\n\ninterface AccordionContentProps {\n  children: React.ReactNode;\n}\nexport function AccordionContent({ children }: AccordionContentProps) {\n  const { activeItem } = useContext(AccordionContext);\n  const { item } = useContext(AccordionItemContext);\n\n  if (activeItem !== item) {\n    return null;\n  }\n\n  return <div className=\"font-spiegel text-lol-grey-100 py-2\">{children}</div>;\n}\n\nconst AccordionContext = createContext<{\n  activeItem: string;\n  setActiveItem: React.Dispatch<React.SetStateAction<string>>;\n  id: string;\n}>(undefined as any);\n\nconst AccordionItemContext = createContext<{\n  item: string;\n}>(undefined as any);\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAXF,iBAAoB;AACpB,mBAAoD;AACpD,uBAAoB;AAKb,SAAS,UAAU,EAAE,SAAS,GAAmB;AACvD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAiB,EAAE;AAEvD,SACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,OAAO;AAAA,QACN;AAAA,QACA;AAAA,MACD;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,uBAAmB,gBAAI;AAAA,EACnC,MAAM,iBAAAA,QAAQ;AACf,CAAC;AAMM,SAAS,iBAAiB;AAAA,EAChC;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,EAAE,cAAc,QAAI,yBAAW,gBAAgB;AACrD,QAAM,EAAE,KAAK,QAAI,yBAAW,oBAAoB;AAEhD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAW,iBAAiB;AAAA,QAC3B;AAAA,MACD,CAAC;AAAA,MACD,SAAS,MAAM;AACd,sBAAc,CAAC,gBAAiB,gBAAgB,OAAO,KAAK,IAAK;AAAA,MAClE;AAAA,MAEA;AAAA,oDAAC,UAAK,WAAW,iBAAAA,QAAQ,aAAa,eAAC;AAAA,QACtC;AAAA;AAAA;AAAA,EACF;AAEF;AAMO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAuB;AACtE,SACC;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACA,OAAO;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MAEA,sDAAC,SAAI,WAAW,iBAAAA,QAAQ,MAAO,UAAS;AAAA;AAAA,EACzC;AAEF;AAKO,SAAS,iBAAiB,EAAE,SAAS,GAA0B;AACrE,QAAM,EAAE,WAAW,QAAI,yBAAW,gBAAgB;AAClD,QAAM,EAAE,KAAK,QAAI,yBAAW,oBAAoB;AAEhD,MAAI,eAAe,MAAM;AACxB,WAAO;AAAA,EACR;AAEA,SAAO,4CAAC,SAAI,WAAW,iBAAAA,QAAQ,SAAU,UAAS;AACnD;AAEA,MAAM,uBAAmB,4BAGtB,MAAgB;AAEnB,MAAM,2BAAuB,4BAE1B,MAAgB","names":["classes"],"ignoreList":[],"sources":["../../../src/components/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"cva\";\nimport { createContext, useContext, useState } from \"react\";\nimport classes from \"./accordion.module\";\n\ninterface AccordionProps {\n\tchildren: React.ReactNode;\n}\nexport function Accordion({ children }: AccordionProps) {\n\tconst [activeItem, setActiveItem] = useState<string>(\"\");\n\n\treturn (\n\t\t<AccordionContext.Provider\n\t\t\tvalue={{\n\t\t\t\tactiveItem,\n\t\t\t\tsetActiveItem,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AccordionContext.Provider>\n\t);\n}\n\nexport const accordionTrigger = cva({\n\tbase: classes.trigger,\n});\n\ninterface AccordionTriggerProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\nexport function AccordionTrigger({\n\tchildren,\n\tclassName,\n}: AccordionTriggerProps) {\n\tconst { setActiveItem } = useContext(AccordionContext);\n\tconst { item } = useContext(AccordionItemContext);\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={accordionTrigger({\n\t\t\t\tclassName,\n\t\t\t})}\n\t\t\tonClick={() => {\n\t\t\t\tsetActiveItem((currentItem) => (currentItem === item ? \"\" : item));\n\t\t\t}}\n\t\t>\n\t\t\t<span className={classes.triggerIcon}>❯</span>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\ninterface AccordionItemProps {\n\tchildren: React.ReactNode;\n\tvalue: string;\n}\nexport function AccordionItem({ children, value }: AccordionItemProps) {\n\treturn (\n\t\t<AccordionItemContext.Provider\n\t\t\tvalue={{\n\t\t\t\titem: value,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={classes.item}>{children}</div>\n\t\t</AccordionItemContext.Provider>\n\t);\n}\n\ninterface AccordionContentProps {\n\tchildren: React.ReactNode;\n}\nexport function AccordionContent({ children }: AccordionContentProps) {\n\tconst { activeItem } = useContext(AccordionContext);\n\tconst { item } = useContext(AccordionItemContext);\n\n\tif (activeItem !== item) {\n\t\treturn null;\n\t}\n\n\treturn <div className={classes.content}>{children}</div>;\n}\n\nconst AccordionContext = createContext<{\n\tactiveItem: string;\n\tsetActiveItem: React.Dispatch<React.SetStateAction<string>>;\n}>(undefined as any);\n\nconst AccordionItemContext = createContext<{\n\titem: string;\n}>(undefined as any);\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/{utilities/view-transition.js → components/accordion.module.js}

@@ -16,24 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var view_transition_exports = {};
-__export(view_transition_exports, {
-  startViewTransition: () => startViewTransition
-});
-module.exports = __toCommonJS(view_transition_exports);
-var import_react_dom = require("react-dom");
-function startViewTransition(callback) {
-  if ("startViewTransition" in document) {
-    document.startViewTransition(() => {
-      (0, import_react_dom.flushSync)(callback);
-    });
-  } else {
-    callback();
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  startViewTransition
+var accordion_exports = {};
+__export(accordion_exports, {
+  default: () => accordion_default
 });
+module.exports = __toCommonJS(accordion_exports);
+var import_accordion_module = require("./accordion_module.css");
+var accordion_default = { "trigger": "trigger_3b77a", "triggerIcon": "triggerIcon_3b77a", "item": "item_3b77a", "content": "content_3b77a" };
 
-//# sourceMappingURL=view-transition.js.map
+//# sourceMappingURL=accordion.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AAAyB,IAAO,oBAAQ,EAAC,WAAU,iBAAgB,eAAc,qBAAoB,QAAO,cAAa,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../src/components/accordion.module.css"],"sourcesContent":["import \"./accordion_module.css\";export default {\"trigger\":\"trigger_3b77a\",\"triggerIcon\":\"triggerIcon_3b77a\",\"item\":\"item_3b77a\",\"content\":\"content_3b77a\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/accordion_module.css

@@ -0,0 +1,37 @@
+.trigger_3b77a {
+	color: var(--lol-color-grey-100);
+	font-family: var(--lol-font-family-beaufort);
+	display: flex;
+	width: 100%;
+	align-items: center;
+	padding: 0.5rem 0;
+	font-weight: bold;
+	text-transform: uppercase;
+	text-align: left;
+}
+
+.trigger_3b77a:active, .trigger_3b77a:hover {
+		color: var(--lol-color-gold-100);
+	}
+
+.triggerIcon_3b77a {
+	margin-left: .125rem;
+	margin-right: .5rem;
+	display: inline-block;
+	rotate: 90deg;
+	font-size: var(--lol-font-size-sm);
+}
+
+.item_3b77a {
+	border-bottom: 1px solid var(--lol-color-gold-600);
+}
+
+.item_3b77a:last-of-type {
+		border-bottom: none;
+	}
+
+.content_3b77a {
+	padding: 1rem 0;
+	color: var(--lol-color-grey-100);
+	font-family: var(--lol-font-family-spiegel);
+}

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

@@ -0,0 +1,3 @@
+import { type BreadcrumbProps, type BreadcrumbsProps, type LinkProps } from "react-aria-components";
+export declare function Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb(props: BreadcrumbProps & LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/breadcrumbs.js

@@ -0,0 +1,98 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  Breadcrumb: () => Breadcrumb,
+  Breadcrumbs: () => Breadcrumbs
+});
+module.exports = __toCommonJS(breadcrumbs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_aria_components = require("react-aria-components");
+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_cva.cva)({
+  base: "flex gap-1"
+});
+function Breadcrumbs(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Breadcrumbs,
+    {
+      ...props,
+      className: breadCrumbs({ className: props.className })
+    }
+  );
+}
+const breadCrumb = (0, import_cva.cva)({
+  base: import_breadcrumbs.default.breadCrumb
+});
+const breadCrumbLink = (0, import_cva.cva)({
+  base: import_breadcrumbs.default.breadCrumbLink,
+  variants: {
+    isHovered: { true: import_breadcrumbs.default.breadCrumbLink_hover }
+  }
+});
+function Breadcrumb(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_aria_components.Breadcrumb,
+    {
+      ...props,
+      className: (values) => breadCrumb({
+        className: (0, import_resolve_class_name.resolveClassName)(props.className, values)
+      }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_aria_components.Link,
+          {
+            className: (values) => breadCrumbLink({
+              isHovered: values.isHovered
+            }),
+            ...props
+          }
+        ),
+        props.href && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            src: breadCrumbIconSrc,
+            alt: "",
+            className: import_breadcrumbs.default.breadCrumbDivider
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Breadcrumb,
+  Breadcrumbs
+});
+
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"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 { ButtonProps as AriaButtonProps, 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 {};