@lolmath/ui 3.2.5 → 4.1.0

package/dist/es/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", any, {} | {}, 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", any, {} | {}, 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/es/components/accordion.js

@@ -1,38 +1,23 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "cva";
 import { createContext, useContext, useState } from "react";
-import { useCssId } from "../utilities/css-id.js";
-import { tv } from "../utilities/tv.js";
-import { startViewTransition } from "../utilities/view-transition.js";
-function Accordion({ children, className }) {
+import classes from "./accordion.module";
+function Accordion({ children }) {
   const [activeItem, setActiveItem] = useState("");
-  const id = useCssId();
   return /* @__PURE__ */ jsx(
     AccordionContext.Provider,
     {
       value: {
         activeItem,
-        setActiveItem,
-        id
+        setActiveItem
       },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className,
-          style: {
-            viewTransitionName: `${id}`
-          },
-          children
-        }
-      )
+      children
     }
   );
 }
-const accordionTrigger = 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 = tv({
-  base: "ml-0.5 mr-2 inline-block rotate-90 transform text-xs"
+const accordionTrigger = cva({
+  base: classes.trigger
 });
 function AccordionTrigger({
   children,
@@ -43,39 +28,28 @@ function AccordionTrigger({
   return /* @__PURE__ */ jsxs(
     "button",
     {
+      type: "button",
       className: accordionTrigger({
         className
       }),
       onClick: () => {
-        startViewTransition(() => {
-          setActiveItem((currentItem) => currentItem === item ? "" : item);
-        });
+        setActiveItem((currentItem) => currentItem === item ? "" : item);
       },
       children: [
-        /* @__PURE__ */ jsx("span", { className: accordionTriggerInner(), children: "❯" }),
+        /* @__PURE__ */ jsx("span", { className: classes.triggerIcon, children: "❯" }),
         children
       ]
     }
   );
 }
 function AccordionItem({ children, value }) {
-  const { id } = useContext(AccordionContext);
   return /* @__PURE__ */ jsx(
     AccordionItemContext.Provider,
     {
       value: {
         item: value
       },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "border-lol-gold-600 border-b last-of-type:border-none",
-          style: {
-            viewTransitionName: `${id}-${value}`
-          },
-          children
-        }
-      )
+      children: /* @__PURE__ */ jsx("div", { className: classes.item, children })
     }
   );
 }
@@ -85,7 +59,7 @@ function AccordionContent({ children }) {
   if (activeItem !== item) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "font-spiegel text-lol-grey-100 py-2", children });
+  return /* @__PURE__ */ jsx("div", { className: classes.content, children });
 }
 const AccordionContext = createContext(void 0);
 const AccordionItemContext = createContext(void 0);
@@ -94,8 +68,7 @@ export {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-  accordionTrigger,
-  accordionTriggerInner
+  accordionTrigger
 };
 
 //# sourceMappingURL=accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":";AAuBG,cAgCD,YAhCC;AArBH,SAAS,eAAe,YAAY,gBAAgB;AACpD,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,2BAA2B;AAM7B,SAAS,UAAU,EAAE,UAAU,UAAU,GAAmB;AAClE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiB,EAAE;AACvD,QAAM,KAAK,SAAS;AAEpB,SACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,YACN,oBAAoB,GAAG,EAAE;AAAA,UAC1B;AAAA,UAEC;AAAA;AAAA,MACF;AAAA;AAAA,EACD;AAEF;AAEO,MAAM,mBAAmB,GAAG;AAAA,EAClC,MAAM;AACP,CAAC;AAEM,MAAM,wBAAwB,GAAG;AAAA,EACvC,MAAM;AACP,CAAC;AAMM,SAAS,iBAAiB;AAAA,EAChC;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,EAAE,cAAc,IAAI,WAAW,gBAAgB;AACrD,QAAM,EAAE,KAAK,IAAI,WAAW,oBAAoB;AAEhD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,iBAAiB;AAAA,QAC3B;AAAA,MACD,CAAC;AAAA,MACD,SAAS,MAAM;AACd,4BAAoB,MAAM;AACzB,wBAAc,CAAC,gBAAiB,gBAAgB,OAAO,KAAK,IAAK;AAAA,QAClE,CAAC;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAW,sBAAsB,GAAG,eAAC;AAAA,QAC1C;AAAA;AAAA;AAAA,EACF;AAEF;AAMO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAuB;AACtE,QAAM,EAAE,GAAG,IAAI,WAAW,gBAAgB;AAE1C,SACC;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACA,OAAO;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAO;AAAA,YACN,oBAAoB,GAAG,EAAE,IAAI,KAAK;AAAA,UACnC;AAAA,UAEC;AAAA;AAAA,MACF;AAAA;AAAA,EACD;AAEF;AAKO,SAAS,iBAAiB,EAAE,SAAS,GAA0B;AACrE,QAAM,EAAE,WAAW,IAAI,WAAW,gBAAgB;AAClD,QAAM,EAAE,KAAK,IAAI,WAAW,oBAAoB;AAEhD,MAAI,eAAe,MAAM;AACxB,WAAO;AAAA,EACR;AAEA,SAAO,oBAAC,SAAI,WAAU,uCAAuC,UAAS;AACvE;AAEA,MAAM,mBAAmB,cAItB,MAAgB;AAEnB,MAAM,uBAAuB,cAE1B,MAAgB","names":[],"ignoreList":[],"sources":["../../../src/components/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useState } from \"react\";\nimport { useCssId } from \"../utilities/css-id.js\";\nimport { tv } from \"../utilities/tv.js\";\nimport { startViewTransition } from \"../utilities/view-transition.js\";\n\ninterface AccordionProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\nexport function Accordion({ children, className }: AccordionProps) {\n\tconst [activeItem, setActiveItem] = useState<string>(\"\");\n\tconst id = useCssId();\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\tid,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={className}\n\t\t\t\tstyle={{\n\t\t\t\t\tviewTransitionName: `${id}`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</AccordionContext.Provider>\n\t);\n}\n\nexport const accordionTrigger = tv({\n\tbase: \"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\tbase: \"ml-0.5 mr-2 inline-block rotate-90 transform text-xs\",\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\tclassName={accordionTrigger({\n\t\t\t\tclassName,\n\t\t\t})}\n\t\t\tonClick={() => {\n\t\t\t\tstartViewTransition(() => {\n\t\t\t\t\tsetActiveItem((currentItem) => (currentItem === item ? \"\" : item));\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t<span className={accordionTriggerInner()}>❯</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\tconst { id } = useContext(AccordionContext);\n\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\n\t\t\t\tclassName=\"border-lol-gold-600 border-b last-of-type:border-none\"\n\t\t\t\tstyle={{\n\t\t\t\t\tviewTransitionName: `${id}-${value}`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</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=\"font-spiegel text-lol-grey-100 py-2\">{children}</div>;\n}\n\nconst AccordionContext = createContext<{\n\tactiveItem: string;\n\tsetActiveItem: React.Dispatch<React.SetStateAction<string>>;\n\tid: 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"]}
+{"version":3,"mappings":";AAaE,cA2BA,YA3BA;AAXF,SAAS,WAAW;AACpB,SAAS,eAAe,YAAY,gBAAgB;AACpD,OAAO,aAAa;AAKb,SAAS,UAAU,EAAE,SAAS,GAAmB;AACvD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiB,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,mBAAmB,IAAI;AAAA,EACnC,MAAM,QAAQ;AACf,CAAC;AAMM,SAAS,iBAAiB;AAAA,EAChC;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,EAAE,cAAc,IAAI,WAAW,gBAAgB;AACrD,QAAM,EAAE,KAAK,IAAI,WAAW,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,4BAAC,UAAK,WAAW,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,8BAAC,SAAI,WAAW,QAAQ,MAAO,UAAS;AAAA;AAAA,EACzC;AAEF;AAKO,SAAS,iBAAiB,EAAE,SAAS,GAA0B;AACrE,QAAM,EAAE,WAAW,IAAI,WAAW,gBAAgB;AAClD,QAAM,EAAE,KAAK,IAAI,WAAW,oBAAoB;AAEhD,MAAI,eAAe,MAAM;AACxB,WAAO;AAAA,EACR;AAEA,SAAO,oBAAC,SAAI,WAAW,QAAQ,SAAU,UAAS;AACnD;AAEA,MAAM,mBAAmB,cAGtB,MAAgB;AAEnB,MAAM,uBAAuB,cAE1B,MAAgB","names":[],"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/es/components/accordion.module.js

@@ -0,0 +1,7 @@
+import "./accordion_module.css";
+var accordion_default = { "trigger": "trigger_3b77a", "triggerIcon": "triggerIcon_3b77a", "item": "item_3b77a", "content": "content_3b77a" };
+export {
+  accordion_default as default
+};
+
+//# sourceMappingURL=accordion.module.js.map

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

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

@@ -4,10 +4,11 @@ import {
   Breadcrumbs as AriaBreadcrumbs,
   Link
 } from "react-aria-components";
-import { tv } from "tailwind-variants";
 import { resolveClassName } from "../utilities/resolve-class-name.js";
+import { cva } from "cva";
+import classes from "./breadcrumbs.module";
 const breadCrumbIconSrc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAA+0lEQVQYV12QsUoDURBF74xbxHLB9NqHbWwSwUJIutSbQCqb5BPMJ8RPcBttlMR8ggYLkRVxm8XGyk9IFQgx+668zb7N4sDAvJnDu3NHUIk0nrWDVu+52rO1uEb6Ph0KcSNE1Djrj6pgDjnADQRy3Wj1xuX7+/PhaPOrdQBvAHwAS4p2QPpOWkhK+jE/NiajR1lQNVRjhhTYHAXNflTu9PNyWzu5uFx/xbMJwSsnRSIsIbcboInQPBXSCbdZJ4fsL6vDWpeUuXVnVCOhmXCbhcH5YLlzF08HAtwB8HZ3+ecuh17vffEOrMSpcxc0w2R/kqIqwEeKjquAHf8Bd1xn7M0vJ+QAAAAASUVORK5CYII=";
-const breadCrumbs = tv({
+const breadCrumbs = cva({
   base: "flex gap-1"
 });
 function Breadcrumbs(props) {
@@ -19,13 +20,13 @@ function Breadcrumbs(props) {
     }
   );
 }
-const breadCrumb = tv({
-  base: "flex items-center"
+const breadCrumb = cva({
+  base: classes.breadCrumb
 });
-const breadCrumbLink = tv({
-  base: "font-beaufort text-lol-gold-300 relative text-sm font-medium uppercase tracking-widest px-4",
+const breadCrumbLink = cva({
+  base: classes.breadCrumbLink,
   variants: {
-    isHovered: { true: "text-lol-gold-100" }
+    isHovered: { true: classes.breadCrumbLink_hover }
   }
 });
 function Breadcrumb(props) {
@@ -46,7 +47,14 @@ function Breadcrumb(props) {
             ...props
           }
         ),
-        props.href && /* @__PURE__ */ jsx("img", { src: breadCrumbIconSrc, alt: "", className: "h-[11px]" })
+        props.href && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: breadCrumbIconSrc,
+            alt: "",
+            className: classes.breadCrumbDivider
+          }
+        )
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"mappings":"AAoBE,cAoBA,YApBA;AApBF;AAAA,EACC,cAAc;AAAA,EACd,eAAe;AAAA,EAGf;AAAA,OAEM;AACP,SAAS,UAAU;AACnB,SAAS,wBAAwB;AAEjC,MAAM,oBACL;AAED,MAAM,cAAc,GAAG;AAAA,EACtB,MAAM;AACP,CAAC;AAEM,SAAS,YAA8B,OAA4B;AACzE,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,YAAY,EAAE,WAAW,MAAM,UAAU,CAAC;AAAA;AAAA,EACtD;AAEF;AAEA,MAAM,aAAa,GAAG;AAAA,EACrB,MAAM;AACP,CAAC;AAED,MAAM,iBAAiB,GAAG;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,oBAAoB;AAAA,EACxC;AACD,CAAC;AAEM,SAAS,WAAW,OAAoC;AAC9D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,WAAW;AAAA,QACV,WAAW,iBAAiB,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,oBAAC,SAAI,KAAK,mBAAmB,KAAI,IAAG,WAAU,YAAW;AAAA;AAAA;AAAA,EAE3D;AAEF","names":[],"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":"AAqBE,cAoBA,YApBA;AArBF;AAAA,EACC,cAAc;AAAA,EACd,eAAe;AAAA,EAGf;AAAA,OAEM;AACP,SAAS,wBAAwB;AACjC,SAAS,WAAW;AACpB,OAAO,aAAa;AAEpB,MAAM,oBACL;AAED,MAAM,cAAc,IAAI;AAAA,EACvB,MAAM;AACP,CAAC;AAEM,SAAS,YAA8B,OAA4B;AACzE,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,YAAY,EAAE,WAAW,MAAM,UAAU,CAAC;AAAA;AAAA,EACtD;AAEF;AAEA,MAAM,aAAa,IAAI;AAAA,EACtB,MAAM,QAAQ;AACf,CAAC;AAED,MAAM,iBAAiB,IAAI;AAAA,EAC1B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,qBAAqB;AAAA,EACjD;AACD,CAAC;AAEM,SAAS,WAAW,OAAoC;AAC9D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,WAAW;AAAA,QACV,WAAW,iBAAiB,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,QAAQ;AAAA;AAAA,QACpB;AAAA;AAAA;AAAA,EAEF;AAEF","names":[],"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/es/components/breadcrumbs.module.js

@@ -0,0 +1,7 @@
+import "./breadcrumbs_module.css";
+var breadcrumbs_default = { "breadCrumb": "breadCrumb_75d07", "breadCrumbLink": "breadCrumbLink_75d07", "breadCrumbLink_hover": "breadCrumbLink_hover_75d07", "breadCrumbDivider": "breadCrumbDivider_75d07" };
+export {
+  breadcrumbs_default as default
+};
+
+//# sourceMappingURL=breadcrumbs.module.js.map

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

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

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Link as AriaButton } from "react-aria-components";
+import { resolveClassName } from "../utilities/resolve-class-name.js";
+import { button } from "./button.js";
+function _ButtonLink({
+  children,
+  className,
+  preset = "secondary",
+  shape = "normal",
+  thin = preset === "dimmed",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    AriaButton,
+    {
+      ref,
+      ...props,
+      className: (values) => {
+        return button({
+          className: resolveClassName(className, values),
+          preset,
+          shape,
+          thin,
+          ...values
+        });
+      },
+      children
+    }
+  );
+}
+const ButtonLink = forwardRef(_ButtonLink);
+ButtonLink.displayName = "ButtonLink";
+export {
+  ButtonLink,
+  _ButtonLink
+};
+
+//# sourceMappingURL=button-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAuBE;AAvBF,SAAmB,kBAAkB;AACrC,SAAS,QAAQ,kBAAkC;AACnD,SAAS,wBAAwB;AACjC,SAA8C,cAAc;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;AAAA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,OAAO;AAAA,UACb,WAAW,iBAAiB,WAAW,MAAM;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,aAAa,WAAW,WAAW;AAChD,WAAW,cAAc","names":[],"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/es/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 {};