@lolmath/ui 3.2.1 → 3.2.3

package/dist/es/utilities/theme.d.ts

@@ -0,0 +1,98 @@
+export declare const theme: {
+    colors: {
+        lol: {
+            blue: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+            };
+            grey: {
+                100: string;
+                150: string;
+                200: string;
+                300: string;
+                cool: string;
+                "hextech-black": string;
+            };
+            gold: {
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+            };
+        };
+    };
+    fontSize: {
+        "lol-h5": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-h4": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-h3": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-h2": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-h1": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-label": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-stat": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-large-number": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-sm": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-base": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-md": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+        "lol-lg": [string, {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        }];
+    };
+    fontFamily: {
+        beaufort: string;
+        spiegel: string;
+    };
+};

package/dist/{chunk-KUMYC3II.js → es/utilities/theme.js}

@@ -1,5 +1,4 @@
-// src/utilities/theme.ts
-var theme = {
+const theme = {
   colors: {
     lol: {
       blue: {
@@ -107,8 +106,8 @@ var theme = {
     spiegel: "spiegel"
   }
 };
-
 export {
   theme
 };
-//# sourceMappingURL=chunk-KUMYC3II.js.map
+
+//# sourceMappingURL=theme.js.map

package/dist/es/utilities/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAEO,MAAM,QAAQ;AAAA,EACnB,QAAQ;AAAA,IACN,KAAK;AAAA,MACH,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,MACnB;AAAA,MACA,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA;AAAA,IAER,UAAU;AAAA,MACR;AAAA,MACA,EAAE,YAAY,UAAU,eAAe,WAAW,YAAY,IAAI;AAAA,IACpE;AAAA,IACA,UAAU;AAAA,MACR;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACtE;AAAA,IACA,UAAU;AAAA,MACR;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACtE;AAAA,IACA,UAAU;AAAA,MACR;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACtE;AAAA,IACA,UAAU;AAAA,MACR;AAAA,MACA,EAAE,YAAY,UAAU,eAAe,UAAU,YAAY,IAAI;AAAA,IACnE;AAAA;AAAA,IAGA,aAAa;AAAA,MACX;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACtE;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACtE;AAAA,IACA,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AACF","names":[],"sources":["../../../src/utilities/theme.ts"],"sourcesContent":["import { ThemeConfig } from \"tailwindcss/types/config.js\";\n\nexport const theme = {\n  colors: {\n    lol: {\n      blue: {\n        100: \"#CDFAFA\",\n        200: \"#0AC8B9\",\n        300: \"#0397AB\",\n        400: \"#005A82\",\n        500: \"#0A323C\",\n        600: \"#091428\",\n        700: \"#0A1428\",\n      },\n      grey: {\n        100: \"#A09B8C\",\n        150: \"#5B5A56\",\n        200: \"#3C3C41\",\n        300: \"#1E2328\",\n        cool: \"#1E282D\",\n        \"hextech-black\": \"#010A13\",\n      },\n      gold: {\n        100: \"#F0E6D2\",\n        200: \"#C8AA6E\",\n        300: \"#CDBE91\",\n        400: \"#C89B3C\",\n        500: \"#785A28\",\n        600: \"#463714\",\n        700: \"#32281E\",\n      },\n    },\n  },\n  fontSize: {\n    // Heading\n    \"lol-h5\": [\n      \"1.1667rem\",\n      { lineHeight: \"1.5rem\", letterSpacing: \"0.075em\", fontWeight: 700 },\n    ],\n    \"lol-h4\": [\n      \"1.5rem\",\n      { lineHeight: \"1.8333rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n    ],\n    \"lol-h3\": [\n      \"1.9167rem\",\n      { lineHeight: \"2.3333rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n    ],\n    \"lol-h2\": [\n      \"2.3333rem\",\n      { lineHeight: \"2.6667rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n    ],\n    \"lol-h1\": [\n      \"3.3333rem\",\n      { lineHeight: \"3.5rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n    ],\n\n    // Text\n    \"lol-label\": [\n      \"0.9167rem\",\n      { lineHeight: \"1.3333rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n    ],\n    \"lol-stat\": [\n      \"1.1667rem\",\n      { lineHeight: \"1.6667rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n    ],\n    \"lol-large-number\": [\n      \"4.75rem\",\n      {\n        lineHeight: \"5.1667rem\",\n        letterSpacing: \"0.025em\",\n        fontWeight: 500,\n      },\n    ],\n    \"lol-sm\": [\n      \"0.875rem\",\n      {\n        lineHeight: \"1.1025rem\",\n        letterSpacing: \"0.02em\",\n        fontWeight: 400,\n      },\n    ],\n    \"lol-base\": [\n      \"1rem\",\n      {\n        lineHeight: \"1.24rem\",\n        letterSpacing: \"0.01em\",\n        fontWeight: 400,\n      },\n    ],\n    \"lol-md\": [\n      \"1.1667rem\",\n      {\n        lineHeight: \"1.6667rem\",\n        letterSpacing: \"0.025em\",\n        fontWeight: 400,\n      },\n    ],\n    \"lol-lg\": [\n      \"1.5rem\",\n      {\n        lineHeight: \"1.875rem\",\n        letterSpacing: \"0.025em\",\n        fontWeight: 400,\n      },\n    ],\n  },\n  fontFamily: {\n    beaufort: \"beaufort\",\n    spiegel: \"spiegel\",\n  },\n} satisfies Partial<ThemeConfig>;\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/es/utilities/tv.d.ts

@@ -0,0 +1 @@
+export declare const tv: import("tailwind-variants").TV;

package/dist/es/utilities/tv.js

@@ -0,0 +1,21 @@
+import { createTV } from "tailwind-variants";
+import { theme } from "./theme.js";
+const tv = createTV({
+  twMergeConfig: {
+    // theme: {
+    // colors: formatColors(),
+    // },
+    classGroups: {
+      "font-size": [
+        {
+          text: Object.keys(theme.fontSize)
+        }
+      ]
+    }
+  }
+});
+export {
+  tv
+};
+
+//# sourceMappingURL=tv.js.map

package/dist/es/utilities/tv.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAiBf,MAAM,KAAK,SAAS;AAAA,EACzB,eAAe;AAAA;AAAA;AAAA;AAAA,IAIb,aAAa;AAAA,MACX,aAAa;AAAA,QACX;AAAA,UACE,MAAM,OAAO,KAAK,MAAM,QAAQ;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC","names":[],"sources":["../../../src/utilities/tv.ts"],"sourcesContent":["import { createTV } from \"tailwind-variants\";\nimport { theme } from \"./theme.js\";\n\n// function formatColors() {\n//   const colors = [];\n//   for (const [key, color] of Object.entries(theme.colors)) {\n//     if (typeof color === \"string\") {\n//       colors.push(key);\n//     } else {\n//       const colorGroup = Object.keys(color).map((subKey) =>\n//         subKey === \"DEFAULT\" ? \"\" : subKey,\n//       );\n//       colors.push({ [key]: colorGroup });\n//     }\n//   }\n//   return colors;\n// }\n\nexport const tv = createTV({\n  twMergeConfig: {\n    // theme: {\n    // colors: formatColors(),\n    // },\n    classGroups: {\n      \"font-size\": [\n        {\n          text: Object.keys(theme.fontSize),\n        },\n      ],\n    },\n  },\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/es/utilities/view-transition.d.ts

@@ -0,0 +1 @@
+export declare function startViewTransition(callback: () => void): void;

package/dist/es/utilities/view-transition.js

@@ -0,0 +1,15 @@
+import { flushSync } from "react-dom";
+function startViewTransition(callback) {
+  if ("startViewTransition" in document) {
+    document.startViewTransition(() => {
+      flushSync(callback);
+    });
+  } else {
+    callback();
+  }
+}
+export {
+  startViewTransition
+};
+
+//# sourceMappingURL=view-transition.js.map

package/dist/es/utilities/view-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,SAAS,iBAAiB;AAEnB,SAAS,oBAAoB,UAAsB;AACxD,MAAI,yBAAyB,UAAU;AACrC,IAAC,SAAS,oBAA4B,MAAM;AAC1C,gBAAU,QAAQ;AAAA,IACpB,CAAC;AAAA,EACH,OAAO;AACL,aAAS;AAAA,EACX;AACF","names":[],"sources":["../../../src/utilities/view-transition.tsx"],"sourcesContent":["import { flushSync } from \"react-dom\";\n\nexport function startViewTransition(callback: () => void) {\n  if (\"startViewTransition\" in document) {\n    (document.startViewTransition as any)(() => {\n      flushSync(callback);\n    });\n  } else {\n    callback();\n  }\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -0,0 +1,22 @@
+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>>;
+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/lib/components/accordion.js

@@ -0,0 +1,130 @@
+"use strict";
+"use client";
+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 accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  accordionTrigger: () => accordionTrigger,
+  accordionTriggerInner: () => accordionTriggerInner
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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 }) {
+  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
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className,
+          style: {
+            viewTransitionName: `${id}`
+          },
+          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"
+});
+function AccordionTrigger({
+  children,
+  className
+}) {
+  const { setActiveItem } = (0, import_react.useContext)(AccordionContext);
+  const { item } = (0, import_react.useContext)(AccordionItemContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      className: accordionTrigger({
+        className
+      }),
+      onClick: () => {
+        (0, import_view_transition.startViewTransition)(() => {
+          setActiveItem((currentItem) => currentItem === item ? "" : item);
+        });
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: accordionTriggerInner(), 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
+        }
+      )
+    }
+  );
+}
+function AccordionContent({ children }) {
+  const { activeItem } = (0, import_react.useContext)(AccordionContext);
+  const { item } = (0, import_react.useContext)(AccordionItemContext);
+  if (activeItem !== item) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-spiegel text-lol-grey-100 py-2", children });
+}
+const AccordionContext = (0, import_react.createContext)(void 0);
+const AccordionItemContext = (0, import_react.createContext)(void 0);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionTrigger,
+  accordionTriggerInner
+});
+
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +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="]}

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

@@ -0,0 +1,11 @@
+import { ButtonProps as AriaButtonProps, ButtonRenderProps } 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: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/lib/components/button.js

@@ -0,0 +1,234 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var button_exports = {};
+__export(button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_aria_components = require("react-aria-components");
+var import_gradient = require("../utilities/gradient.js");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_tv = require("../utilities/tv.js");
+const buttonBorder = (0, import_tv.tv)({
+  base: "bg-gradient-to-t p-0.5 outline-none transition-colors duration-200",
+  variants: {
+    preset: {
+      primary: "",
+      secondary: "",
+      text: "",
+      hextech: "",
+      dimmed: import_gradient.dimmedGradient
+    },
+    shape: {
+      round: "aspect-square rounded-full",
+      square: "aspect-square",
+      normal: ""
+    },
+    isHovered: {
+      true: ""
+    },
+    isPressed: {
+      true: ""
+    },
+    isDisabled: {
+      true: ""
+    },
+    isFocused: {
+      true: ""
+    },
+    isFocusVisible: {
+      true: ""
+    },
+    thin: {
+      true: "p-px"
+    }
+  },
+  compoundVariants: [
+    {
+      preset: ["primary", "secondary"],
+      class: import_gradient.goldGradient
+    },
+    {
+      preset: ["primary", "secondary", "dimmed"],
+      isHovered: true,
+      class: import_gradient.goldGradientHover
+    },
+    {
+      preset: ["primary", "secondary", "dimmed"],
+      isPressed: true,
+      class: import_gradient.goldGradientPressed
+    },
+    {
+      preset: ["primary", "secondary", "dimmed"],
+      isDisabled: true,
+      class: import_gradient.disabledGradient
+    },
+    {
+      preset: ["primary", "secondary"],
+      isFocusVisible: true,
+      class: "outline outline-offset-2 outline-yellow-50"
+    },
+    {
+      preset: ["hextech"],
+      class: import_gradient.hextechGradient
+    },
+    {
+      preset: ["hextech"],
+      isHovered: true,
+      class: import_gradient.hextechGradientHover
+    },
+    {
+      preset: ["hextech"],
+      isPressed: true,
+      class: import_gradient.hextechGradientPressed
+    },
+    {
+      preset: ["hextech"],
+      isDisabled: true,
+      class: import_gradient.disabledGradient
+    }
+  ]
+});
+const button = (0, import_tv.tv)({
+  base: "text-lol-gold-300 font-beaufort block h-full w-full font-bold uppercase tracking-wide transition-colors duration-200",
+  variants: {
+    preset: {
+      primary: "from-lol-gold-600 via-lol-gold-600 to-lol-gold-700 bg-gradient-to-b",
+      secondary: "",
+      text: "",
+      hextech: "text-lol-blue-100",
+      dimmed: "bg-lol-grey-hextech-black"
+    },
+    isHovered: {
+      true: "text-lol-gold-100"
+    },
+    isPressed: {
+      true: "text-lol-grey-150"
+    },
+    isDisabled: {
+      true: "text-lol-grey-150"
+    },
+    isFocused: {
+      true: ""
+    },
+    isFocusVisible: {
+      true: ""
+    },
+    shape: {
+      round: "rounded-full",
+      square: "",
+      normal: ""
+    }
+  },
+  compoundVariants: [
+    {
+      preset: ["primary", "secondary", "hextech", "dimmed"],
+      class: "px-4 py-2"
+    },
+    {
+      preset: ["primary", "secondary", "hextech"],
+      class: "bg-lol-grey-300"
+    },
+    {
+      preset: ["hextech"],
+      isHovered: true,
+      class: "text-lol-blue-100"
+    },
+    {
+      preset: ["hextech"],
+      isPressed: true,
+      class: "text-lol-blue-400"
+    },
+    {
+      preset: ["text"],
+      shape: ["normal", "square"],
+      class: "relative after:absolute after:-bottom-2 after:-left-2 after:-right-2 after:-top-2"
+    },
+    {
+      isHovered: true,
+      preset: "primary",
+      class: "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500"
+    },
+    {
+      isPressed: true,
+      preset: "primary",
+      class: "from-lol-gold-600 via-lol-gold-700 to-lol-gold-700 text-lol-gold-500"
+    },
+    {
+      shape: ["round", "square"],
+      class: "flex aspect-square h-7 items-center justify-center p-0 font-black leading-none"
+    },
+    {
+      isHovered: true,
+      preset: "text",
+      shape: ["round", "square"],
+      class: "bg-lol-grey-300"
+    }
+  ]
+});
+function _Button({
+  children,
+  className,
+  preset = "secondary",
+  shape = "normal",
+  innerClassName,
+  thin = preset === "dimmed" ? true : false,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Button,
+    {
+      ref,
+      ...props,
+      className: (values) => {
+        return buttonBorder({
+          className: (0, import_resolve_class_name.resolveClassName)(className, values),
+          preset,
+          shape,
+          thin,
+          ...values
+        });
+      },
+      children: (values) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: button({
+              className: (0, import_resolve_class_name.resolveClassName)(innerClassName, values),
+              preset,
+              shape,
+              ...values
+            }),
+            children: typeof children === "function" ? children(values) : children
+          }
+        );
+      }
+    }
+  );
+}
+const Button = (0, import_react.forwardRef)(_Button);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});
+
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["AriaButton"],"sources":["../../../src/components/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef } from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonProps as AriaButtonProps,\n  ButtonRenderProps,\n} from \"react-aria-components\";\nimport {\n  goldGradient,\n  goldGradientHover,\n  goldGradientPressed,\n  hextechGradient,\n  disabledGradient,\n  hextechGradientHover,\n  hextechGradientPressed,\n  dimmedGradient,\n} from \"../utilities/gradient.js\";\nimport { resolveClassName as resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nexport type ButtonShape = \"round\" | \"square\" | \"normal\";\nexport type ButtonPreset =\n  | \"primary\"\n  | \"secondary\"\n  | \"text\"\n  | \"hextech\"\n  | \"dimmed\";\n\ninterface ButtonProps extends AriaButtonProps {\n  innerClassName?: string | ((values: ButtonRenderProps) => string);\n  preset?: ButtonPreset;\n  thin?: boolean;\n  shape?: ButtonShape;\n}\n\nconst buttonBorder = tv({\n  base: \"bg-gradient-to-t p-0.5 outline-none transition-colors duration-200\",\n  variants: {\n    preset: {\n      primary: \"\",\n      secondary: \"\",\n      text: \"\",\n      hextech: \"\",\n      dimmed: dimmedGradient,\n    },\n    shape: {\n      round: \"aspect-square rounded-full\",\n      square: \"aspect-square\",\n      normal: \"\",\n    },\n    isHovered: {\n      true: \"\",\n    },\n    isPressed: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: \"\",\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n    thin: {\n      true: \"p-px\",\n    },\n  },\n  compoundVariants: [\n    {\n      preset: [\"primary\", \"secondary\"],\n      class: goldGradient,\n    },\n    {\n      preset: [\"primary\", \"secondary\", \"dimmed\"],\n      isHovered: true,\n      class: goldGradientHover,\n    },\n    {\n      preset: [\"primary\", \"secondary\", \"dimmed\"],\n      isPressed: true,\n      class: goldGradientPressed,\n    },\n    {\n      preset: [\"primary\", \"secondary\", \"dimmed\"],\n      isDisabled: true,\n      class: disabledGradient,\n    },\n    {\n      preset: [\"primary\", \"secondary\"],\n      isFocusVisible: true,\n      class: \"outline outline-offset-2 outline-yellow-50\",\n    },\n    {\n      preset: [\"hextech\"],\n      class: hextechGradient,\n    },\n    {\n      preset: [\"hextech\"],\n      isHovered: true,\n      class: hextechGradientHover,\n    },\n    {\n      preset: [\"hextech\"],\n      isPressed: true,\n      class: hextechGradientPressed,\n    },\n    {\n      preset: [\"hextech\"],\n      isDisabled: true,\n      class: disabledGradient,\n    },\n  ],\n});\n\nconst button = tv({\n  base: \"text-lol-gold-300 font-beaufort block h-full w-full font-bold uppercase tracking-wide transition-colors duration-200\",\n  variants: {\n    preset: {\n      primary:\n        \"from-lol-gold-600 via-lol-gold-600 to-lol-gold-700 bg-gradient-to-b\",\n      secondary: \"\",\n      text: \"\",\n      hextech: \"text-lol-blue-100\",\n      dimmed: \"bg-lol-grey-hextech-black\",\n    },\n    isHovered: {\n      true: \"text-lol-gold-100\",\n    },\n    isPressed: {\n      true: \"text-lol-grey-150\",\n    },\n    isDisabled: {\n      true: \"text-lol-grey-150\",\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n    shape: {\n      round: \"rounded-full\",\n      square: \"\",\n      normal: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      preset: [\"primary\", \"secondary\", \"hextech\", \"dimmed\"],\n      class: \"px-4 py-2\",\n    },\n    {\n      preset: [\"primary\", \"secondary\", \"hextech\"],\n      class: \"bg-lol-grey-300\",\n    },\n    {\n      preset: [\"hextech\"],\n      isHovered: true,\n      class: \"text-lol-blue-100\",\n    },\n    {\n      preset: [\"hextech\"],\n      isPressed: true,\n      class: \"text-lol-blue-400\",\n    },\n    {\n      preset: [\"text\"],\n      shape: [\"normal\", \"square\"],\n      class:\n        \"relative after:absolute after:-bottom-2 after:-left-2 after:-right-2 after:-top-2\",\n    },\n    {\n      isHovered: true,\n      preset: \"primary\",\n      class: \"from-lol-gold-600 via-lol-gold-600 to-lol-gold-500\",\n    },\n    {\n      isPressed: true,\n      preset: \"primary\",\n      class:\n        \"from-lol-gold-600 via-lol-gold-700 to-lol-gold-700 text-lol-gold-500\",\n    },\n    {\n      shape: [\"round\", \"square\"],\n      class:\n        \"flex aspect-square h-7 items-center justify-center p-0 font-black leading-none\",\n    },\n    {\n      isHovered: true,\n      preset: \"text\",\n      shape: [\"round\", \"square\"],\n      class: \"bg-lol-grey-300\",\n    },\n  ],\n});\n\nfunction _Button(\n  {\n    children,\n    className,\n    preset = \"secondary\",\n    shape = \"normal\",\n    innerClassName,\n    thin = preset === \"dimmed\" ? true : false,\n    ...props\n  }: ButtonProps,\n  ref: Ref<HTMLButtonElement>,\n) {\n  return (\n    <AriaButton\n      ref={ref}\n      {...props}\n      className={(values) => {\n        return buttonBorder({\n          className: resolveClassName(className, values),\n          preset,\n          shape,\n          thin,\n          ...values,\n        });\n      }}\n    >\n      {(values) => {\n        return (\n          <span\n            className={button({\n              className: resolveClassName(innerClassName, values),\n              preset,\n              shape,\n              ...values,\n            })}\n          >\n            {typeof children === \"function\" ? children(values) : children}\n          </span>\n        );\n      }}\n    </AriaButton>\n  );\n}\n\nexport const Button = forwardRef(_Button);\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+export interface CardProps extends ComponentProps<"div"> {
+    borderProps?: ComponentProps<"div">;
+}
+export declare function Card({ children, className, style, borderProps }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function borderInverted(r: string): string;