@lolmath/ui 0.0.0-20240810205542

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

@@ -0,0 +1,74 @@
+interface AccordionProps {
+    children: React.ReactNode;
+}
+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;
+}
+export declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionItemProps {
+    children: React.ReactNode;
+    value: string;
+}
+export declare function AccordionItem({ children, value }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionContentProps {
+    children: React.ReactNode;
+}
+export declare function AccordionContent({ children }: AccordionContentProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/es/components/accordion.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "cva";
+import { createContext, useContext, useState } from "react";
+import classes from "./accordion.module";
+function Accordion({ children }) {
+  const [activeItem, setActiveItem] = useState("");
+  return /* @__PURE__ */ jsx(
+    AccordionContext.Provider,
+    {
+      value: {
+        activeItem,
+        setActiveItem
+      },
+      children
+    }
+  );
+}
+const accordionTrigger = cva({
+  base: classes.trigger
+});
+function AccordionTrigger({
+  children,
+  className
+}) {
+  const { setActiveItem } = useContext(AccordionContext);
+  const { item } = useContext(AccordionItemContext);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: accordionTrigger({
+        className
+      }),
+      onClick: () => {
+        setActiveItem((currentItem) => currentItem === item ? "" : item);
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: classes.icon, children: "❯" }),
+        children
+      ]
+    }
+  );
+}
+function AccordionItem({ children, value }) {
+  return /* @__PURE__ */ jsx(
+    AccordionItemContext.Provider,
+    {
+      value: {
+        item: value
+      },
+      children: /* @__PURE__ */ jsx("div", { className: classes.item, children })
+    }
+  );
+}
+function AccordionContent({ children }) {
+  const { activeItem } = useContext(AccordionContext);
+  const { item } = useContext(AccordionItemContext);
+  if (activeItem !== item) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: classes.content, children });
+}
+const AccordionContext = createContext(void 0);
+const AccordionItemContext = createContext(void 0);
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionTrigger
+};
+
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"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,MAAM,eAAC;AAAA,QAC/B;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.icon}>❯</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_d2da2", "icon": "icon_d2da2", "item": "item_d2da2", "content": "content_d2da2" };
+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,QAAO,cAAa,QAAO,cAAa,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../src/components/accordion.module.css"],"sourcesContent":["import \"./accordion_module.css\";export default {\"trigger\":\"trigger_d2da2\",\"icon\":\"icon_d2da2\",\"item\":\"item_d2da2\",\"content\":\"content_d2da2\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/accordion_module.css

@@ -0,0 +1,41 @@
+@layer lol {
+	.trigger_d2da2 {
+		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_d2da2:active,
+		.trigger_d2da2:hover {
+			color: var(--lol-color-gold-100);
+		}
+
+	.icon_d2da2 {
+		margin-left: .125rem;
+		margin-right: .5rem;
+		display: inline-block;
+		rotate: 90deg;
+		font-size: var(--lol-font-size-sm);
+	}
+
+	.item_d2da2 {
+		border-bottom: 1px solid var(--lol-color-gold-600);
+	}
+
+		.item_d2da2:last-of-type {
+			border-bottom: none;
+		}
+
+	.content_d2da2 {
+		padding: 1rem 0;
+		color: var(--lol-color-grey-100);
+		font-family: var(--lol-font-family-spiegel);
+	}
+}

package/dist/es/components/breadcrumbs/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>({ className, ...props }: BreadcrumbsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb(props: BreadcrumbProps & LinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva, cx } from "cva";
+import {
+  Breadcrumb as AriaBreadcrumb,
+  Breadcrumbs as AriaBreadcrumbs,
+  Link
+} from "react-aria-components";
+import { resolveClassName } from "../../utilities/resolve-class-name.js";
+import classes from "../breadcrumbs/breadcrumbs.module";
+import divider from "../../assets/divider.83026e17.png";
+function Breadcrumbs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AriaBreadcrumbs,
+    {
+      ...props,
+      className: cx(classes.breadcrumbs, className)
+    }
+  );
+}
+const breadcrumbLink = cva({
+  base: classes.link,
+  variants: {
+    isHovered: { true: classes.hover }
+  }
+});
+function Breadcrumb(props) {
+  return /* @__PURE__ */ jsxs(
+    AriaBreadcrumb,
+    {
+      ...props,
+      className: (values) => cx(classes.item, resolveClassName(props.className, values)),
+      children: [
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            className: (values) => breadcrumbLink({
+              isHovered: values.isHovered
+            }),
+            ...props
+          }
+        ),
+        props.href && /* @__PURE__ */ jsx("img", { src: divider, alt: "", className: classes.divider })
+      ]
+    }
+  );
+}
+export {
+  Breadcrumb,
+  Breadcrumbs
+};
+
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAkBE,cAgBA,YAhBA;AAlBF,SAAS,KAAK,UAAU;AACxB;AAAA,EACC,cAAc;AAAA,EACd,eAAe;AAAA,EAGf;AAAA,OAEM;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AACpB,OAAO,aAAa;AAEb,SAAS,YAA8B;AAAA,EAC7C;AAAA,EACA,GAAG;AACJ,GAAwB;AACvB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,GAAG,QAAQ,aAAa,SAAS;AAAA;AAAA,EAC7C;AAEF;AAEA,MAAM,iBAAiB,IAAI;AAAA,EAC1B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,EAClC;AACD,CAAC;AAEM,SAAS,WAAW,OAAoC;AAC9D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,GAAG,QAAQ,MAAM,iBAAiB,MAAM,WAAW,MAAM,CAAC;AAAA,MAG3D;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,QAAQ,oBAAC,SAAI,KAAK,SAAS,KAAI,IAAG,WAAW,QAAQ,SAAS;AAAA;AAAA;AAAA,EACtE;AAEF","names":[],"ignoreList":[],"sources":["../../../../src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport {\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 classes from \"../breadcrumbs/breadcrumbs.module\";\nimport divider from \"../../assets/divider.83026e17.png\";\n\nexport function Breadcrumbs<T extends object>({\n\tclassName,\n\t...props\n}: BreadcrumbsProps<T>) {\n\treturn (\n\t\t<AriaBreadcrumbs\n\t\t\t{...props}\n\t\t\tclassName={cx(classes.breadcrumbs, className)}\n\t\t/>\n\t);\n}\n\nconst breadcrumbLink = cva({\n\tbase: classes.link,\n\tvariants: {\n\t\tisHovered: { true: classes.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\tcx(classes.item, resolveClassName(props.className, values))\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 && <img src={divider} alt=\"\" className={classes.divider} />}\n\t\t</AriaBreadcrumb>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,7 @@
+import "./breadcrumbs_module.css";
+var breadcrumbs_default = { "breadcrumbs": "breadcrumbs_a2b0d", "item": "item_a2b0d", "link": "link_a2b0d", "hover": "hover_a2b0d", "divider": "divider_a2b0d" };
+export {
+  breadcrumbs_default as default
+};
+
+//# sourceMappingURL=breadcrumbs.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,OAAO;AAA2B,IAAO,sBAAQ,EAAC,eAAc,qBAAoB,QAAO,cAAa,QAAO,cAAa,SAAQ,eAAc,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/breadcrumbs/breadcrumbs.module.css"],"sourcesContent":["import \"./breadcrumbs_module.css\";export default {\"breadcrumbs\":\"breadcrumbs_a2b0d\",\"item\":\"item_a2b0d\",\"link\":\"link_a2b0d\",\"hover\":\"hover_a2b0d\",\"divider\":\"divider_a2b0d\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/breadcrumbs/breadcrumbs_module.css

@@ -0,0 +1,30 @@
+@layer lol {
+	.breadcrumbs_a2b0d {
+		display: flex;
+		gap: 0.25rem;
+	}
+
+	.item_a2b0d {
+		display: flex;
+		align-items: center;
+	}
+
+	.link_a2b0d {
+		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;
+	}
+
+		.link_a2b0d.hover_a2b0d {
+			color: var(--lol-color-gold-100);
+		}
+
+	.divider_a2b0d {
+		height: 11px;
+	}
+}

package/dist/es/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/es/components/breadcrumbs.js

@@ -0,0 +1,67 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Breadcrumb as AriaBreadcrumb,
+  Breadcrumbs as AriaBreadcrumbs,
+  Link
+} from "react-aria-components";
+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 = cva({
+  base: "flex gap-1"
+});
+function Breadcrumbs(props) {
+  return /* @__PURE__ */ jsx(
+    AriaBreadcrumbs,
+    {
+      ...props,
+      className: breadCrumbs({ className: props.className })
+    }
+  );
+}
+const breadCrumb = cva({
+  base: classes.breadCrumb
+});
+const breadCrumbLink = cva({
+  base: classes.breadCrumbLink,
+  variants: {
+    isHovered: { true: classes.breadCrumbLink_hover }
+  }
+});
+function Breadcrumb(props) {
+  return /* @__PURE__ */ jsxs(
+    AriaBreadcrumb,
+    {
+      ...props,
+      className: (values) => breadCrumb({
+        className: resolveClassName(props.className, values)
+      }),
+      children: [
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            className: (values) => breadCrumbLink({
+              isHovered: values.isHovered
+            }),
+            ...props
+          }
+        ),
+        props.href && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: breadCrumbIconSrc,
+            alt: "",
+            className: classes.breadCrumbDivider
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Breadcrumb,
+  Breadcrumbs
+};
+
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"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_02f78", "breadCrumbLink": "breadCrumbLink_02f78", "breadCrumbLink_hover": "breadCrumbLink_hover_02f78", "breadCrumbDivider": "breadCrumbDivider_02f78" };
+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_02f78\",\"breadCrumbLink\":\"breadCrumbLink_02f78\",\"breadCrumbLink_hover\":\"breadCrumbLink_hover_02f78\",\"breadCrumbDivider\":\"breadCrumbDivider_02f78\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/components/breadcrumbs_module.css

@@ -0,0 +1,25 @@
+@layer lolmath {
+	.breadCrumb_02f78 {
+		display: flex;
+		align-items: center;
+	}
+
+	.breadCrumbLink_02f78 {
+		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_02f78 {
+		color: var(--lol-color-gold-100);
+	}
+
+	.breadCrumbDivider_02f78 {
+		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

@@ -0,0 +1,76 @@
+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 {
+    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 {};