@lolmath/ui 3.2.2 → 3.2.4

package/dist/es/plugin.d.ts

@@ -1,4 +1,4 @@
 export declare const lolmathui: {
-    handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+    handler: import("tailwindcss/types/config.js").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config.js").Config> | undefined;
 };

package/dist/es/plugin.js

@@ -1,5 +1,5 @@
-import plugin from "tailwindcss/plugin";
-import { theme } from "./utilities/theme";
+import plugin from "tailwindcss/plugin.js";
+import { theme } from "./utilities/theme.js";
 const lolmathui = plugin(function({}) {
 }, {
   theme: {

package/dist/es/plugin.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,YAAY;AACnB,SAAS,aAAa;AAEf,MAAM,YAAY,OAAO,SAAU,CAAC,GAAG;AAAC,GAAG;AAAA,EAChD,OAAO;AAAA,IACL,QAAQ;AAAA,EACV;AACF,CAAC","names":[],"sources":["../../src/plugin.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\nimport { theme } from \"./utilities/theme\";\n\nexport const lolmathui = plugin(function ({}) {}, {\n  theme: {\n    extend: theme,\n  },\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}
+{"version":3,"mappings":"AAAA,OAAO,YAAY;AACnB,SAAS,aAAa;AAEf,MAAM,YAAY,OAAO,SAAU,CAAC,GAAG;AAAC,GAAG;AAAA,EAChD,OAAO;AAAA,IACL,QAAQ;AAAA,EACV;AACF,CAAC","names":[],"sources":["../../src/plugin.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin.js\";\nimport { theme } from \"./utilities/theme.js\";\n\nexport const lolmathui = plugin(function ({}) {}, {\n  theme: {\n    extend: theme,\n  },\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -1 +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\";\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="]}
+{"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.js

@@ -1,5 +1,5 @@
 import { createTV } from "tailwind-variants";
-import { theme } from "./theme";
+import { theme } from "./theme.js";
 const tv = createTV({
   twMergeConfig: {
     // theme: {

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

@@ -1 +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\";\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="]}
+{"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/lib/components/accordion.d.ts

@@ -3,8 +3,8 @@ interface AccordionProps {
     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", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, 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", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const accordionTriggerInner: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+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;

package/dist/lib/components/{accordion.cjs → accordion.js}

@@ -29,9 +29,9 @@ __export(accordion_exports, {
 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.cjs");
-var import_view_transition = require("../utilities/view-transition.cjs");
-var import_tv = require("../utilities/tv.cjs");
+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)();
@@ -126,3 +126,5 @@ const AccordionItemContext = (0, import_react.createContext)(void 0);
   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.cjs → button.js}

@@ -25,9 +25,9 @@ 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.cjs");
-var import_resolve_class_name = require("../utilities/resolve-class-name.cjs");
-var import_tv = require("../utilities/tv.cjs");
+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: {
@@ -230,3 +230,5 @@ const Button = (0, import_react.forwardRef)(_Button);
 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.cjs → card.js}

@@ -23,8 +23,8 @@ __export(card_exports, {
 });
 module.exports = __toCommonJS(card_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_gradient = require("../utilities/gradient.cjs");
-var import_tv = require("../utilities/tv.cjs");
+var import_gradient = require("../utilities/gradient.js");
+var import_tv = require("../utilities/tv.js");
 const cardBorder = (0, import_tv.tv)({
   base: ["bg-gradient-to-t p-[2px]", import_gradient.goldGradient],
   variants: {}
@@ -72,3 +72,5 @@ function borderInverted(r) {
   Card,
   borderInverted
 });
+
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCM;AAhCN,sBAA6B;AAC7B,gBAAmB;AAMnB,MAAM,iBAAa,cAAG;AAAA,EACpB,MAAM,CAAC,4BAA4B,4BAAY;AAAA,EAC/C,UAAU,CAAC;AACb,CAAC;AAED,MAAM,YAAQ,cAAG;AAAA,EACf,MAAM;AAAA,EACN,UAAU,CAAC;AACb,CAAC;AAEM,SAAS,KAAK,EAAE,UAAU,WAAW,OAAO,YAAY,GAAc;AAC3E,QAAM,IAAI;AAEV,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,eAAe,CAAC;AAAA,MACrB,WAAW,WAAW;AAAA,QACpB,WAAW,aAAa;AAAA,MAC1B,CAAC;AAAA,MACD,OAAO;AAAA,QACL,YAAY,eAAe,CAAC;AAAA,QAC5B,MAAM,eAAe,CAAC;AAAA,QACtB,GAAI,aAAa,SAAS,CAAC;AAAA,MAC7B;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,MAAM;AAAA,YACf;AAAA,UACF,CAAC;AAAA,UACD,OAAO;AAAA,YACL,YAAY,eAAe,CAAC;AAAA,YAC5B,MAAM,eAAe,CAAC;AAAA,YACtB,GAAI,SAAS,CAAC;AAAA,UAChB;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,eAAe,GAAW;AACxC,SAAO,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;AACtE","names":[],"sources":["../../../src/components/card.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { goldGradient } from \"../utilities/gradient.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nexport interface CardProps extends ComponentProps<\"div\"> {\n  borderProps?: ComponentProps<\"div\">;\n}\n\nconst cardBorder = tv({\n  base: [\"bg-gradient-to-t p-[2px]\", goldGradient],\n  variants: {},\n});\n\nconst inner = tv({\n  base: \"bg-lol-grey-hextech-black w-full\",\n  variants: {},\n});\n\nexport function Card({ children, className, style, borderProps }: CardProps) {\n  const r = `1rem`;\n\n  return (\n    <div\n      {...(borderProps ?? {})}\n      className={cardBorder({\n        className: borderProps?.className,\n      })}\n      style={{\n        WebkitMask: borderInverted(r),\n        mask: borderInverted(r),\n        ...(borderProps?.style ?? {}),\n      }}\n    >\n      <div\n        className={inner({\n          className,\n        })}\n        style={{\n          WebkitMask: borderInverted(r),\n          mask: borderInverted(r),\n          ...(style ?? {}),\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport function borderInverted(r: string) {\n  return `radial-gradient(${r} at ${r} ${r},#0000 98%,#000) -${r} -${r}`;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/lib/components/{checkbox.cjs → checkbox.js}

@@ -24,8 +24,8 @@ __export(checkbox_exports, {
 module.exports = __toCommonJS(checkbox_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_resolve_class_name = require("../utilities/resolve-class-name.cjs");
-var import_tv = require("../utilities/tv.cjs");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_tv = require("../utilities/tv.js");
 const checkbox = (0, import_tv.tv)({
   base: "text-lol-grey-100 font-spiegel flex cursor-pointer items-center gap-1 text-xs tracking-widest",
   variants: {
@@ -73,3 +73,5 @@ const indeterminateHover = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA
 0 && (module.exports = {
   Checkbox
 });
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AA5BR,mCAAwD;AACxD,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,eAAW,cAAG;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAEM,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,MAAM,GAAkB;AACzE,SACE;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,WAAW,CAAC,WAAW;AACrB,eAAO,SAAS;AAAA,UACd,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH,WAAC,WACA,4EACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,iBAAiB,OAAO,YACpB,OAAO,kBACL,qBACA,OAAO,aACL,eACA,iBACJ,OAAO,kBACL,gBACA,OAAO,aACL,UACA;AAAA,YACV;AAAA,YACA,WAAU;AAAA;AAAA,QACZ;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACvD;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,YACJ;AACF,MAAM,iBACJ;AACF,MAAM,UACJ;AACF,MAAM,eACJ;AACF,MAAM,gBACJ;AACF,MAAM,qBACJ","names":["AriaCheckbox"],"sources":["../../../src/components/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as AriaCheckbox, CheckboxProps } from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst checkbox = tv({\n  base: \"text-lol-grey-100 font-spiegel flex cursor-pointer items-center gap-1 text-xs tracking-widest\",\n  variants: {\n    isHovered: {\n      true: \"text-lol-gold-100\",\n    },\n    isDisabled: {\n      true: \"cursor-default brightness-50\",\n    },\n  },\n});\n\nexport function Checkbox({ children, className, ...props }: CheckboxProps) {\n  return (\n    <AriaCheckbox\n      className={(values) => {\n        return checkbox({\n          className: resolveClassName(className, values),\n          ...values,\n        });\n      }}\n      {...props}\n    >\n      {(values) => (\n        <>\n          <div\n            style={{\n              backgroundImage: values.isHovered\n                ? values.isIndeterminate\n                  ? indeterminateHover\n                  : values.isSelected\n                    ? checkedHover\n                    : uncheckedHover\n                : values.isIndeterminate\n                  ? indeterminate\n                  : values.isSelected\n                    ? checked\n                    : unchecked,\n            }}\n            className=\"h-3.5 w-3.5\"\n          />\n          {typeof children === \"function\" ? children(values) : children}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\nconst unchecked =\n  \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAByUExURQEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKEwEKE3haKP///2Sxk/UAAAAkdFJOUyZAtbSzmpmYl7KWlZSTsJGQj62OjKqLiomoiIensYavrKmmpcCVLPgAAAABYktHRCXDAckPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wkXDDshfoqKzwAAAzx6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJxVbLttsgDNzzFf0ELIFkPseJza7ndNnP74xIbhLb9zZtF41PCAE0Gj1x+vn9R/qGzyRzTnrV7rNnm0ztYtWLZBOr5tZs01Vk65fLpYtgvVnhSnWtZdVcVs9FcXa2lsrsi0Owqi9lq8XwC0BVCIlo102yXn3WxWeDoK1UZpNk/rerba7cS9QANsU6eegyNj6OB5MHDNYulCgfEpLrXNaak5Bc91hSk02zrOCT8QBCXRvWJjUtqlqxdsWqaHyl4xfKsAOgFcfABN+MUXWWvHvkZp6AhelSpZRiO9MkxSbNm73gARjM6R4f2RynZAvGDs2TNj7BRDAKxnUoACNXR3zoEZ9hFjRw/5UFKCBUCIRYC081eAgn7vs2JTisOxxLVsOxz7Ggg498Q9n2CBHmmjBdYcoMPnTeFO7ue0iI6IkDMiiIXWl8GtbzIMYKwcrQ01RoHcDTERj5NMMSMILBnOX0HvEb74P4w4Z07peyogT+RMWcXn0DwPXEEPVSqtsIyTl4OkN/BWeFOoKOM71KpEEPJ6NcCT88mpgzQz91FGZKBRD9IJVKul0P1XX0FZwtt8hkmWu0DgogrVXaJypqKeOXCu51x1pj4XH0WmIxKi6qr8qFu5ijiF9gV2PKNDNvAza94gZgiUJugB3lLABeUP0lYOUUtibWmA2q0xnld6HTwI4SWMyizlfCRaAb52i6NZJxQw2Qx8HV9CBr7Urxm9WDjX4q0EBDK6u+Q21jSVHCNaFNod+jT7YC5ugU7DlIERgjEc0PX0S2A4opGA7ZIpPgbEKlcQjp2OKOWNBcAYdAY0CnqehQE2JYogVP0A/WmKEPUSHVsTGbMGrN6DwI4rgdGDANkRn3nnBn8EGgDALpbxnsCaQDA8atjesRQNf/weh+lz6xwhUckQE7b7vLCJHy6XUNSdBwQT51m4VvAPc7IlLyqVR5he9OP6VCes6Ff0mF9JXdewbuyPA6uL7UIrpHerN9PMOxk2IG2ImGl6jGxJC+0wF/0wB7Gv6XfhaV6N9fxvIhl85v9QN8vIE84PevXbolbp28/FVSj0jKeG9LvwCmH1eI6Lix8QAAAG1JREFUCNdtz8sWQCAUheFyq9ShiCJ33v8ZWZ0Ja/ln32xvQugrQuj1ij5MkjTDItO8YIxxzkRkVvBSKgBVIbmEWhujm0hRgm7tU4eUdds7792AVNq6MYRxipzBWB+WJfxSrNs+Hed5ID8jvxduz6sNC/KE5/MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMDktMjNUMTI6NTk6MTYrMDA6MDDJOJRLAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwuGUs9wAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMy0wOS0yM1QxMjo1OTozMyswMDowMP9tJfIAAAAASUVORK5CYII=')\";\nconst uncheckedHover =\n  \"url('data:image/png;base64,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')\";\nconst checked =\n  \"url('data:image/png;base64,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')\";\nconst checkedHover =\n  \"url('data:image/png;base64,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')\";\nconst indeterminate =\n  \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAA2UExURQEKEwEKE0E5IGhVKGhVKEI5IGlWKGpWKWpXKWtXKWtXKWxYKUM6IG1YKUU8IXhaKMibPP///+VfctgAAAAPdFJOUyZAyNXUx9PS0M/OzcXMvkYA5F8AAAABYktHRBHitT26AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wkXDDshfoqKzwAAAzx6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJxVbLttsgDNzzFf0ELIFkPseJza7ndNnP74xIbhLb9zZtF41PCAE0Gj1x+vn9R/qGzyRzTnrV7rNnm0ztYtWLZBOr5tZs01Vk65fLpYtgvVnhSnWtZdVcVs9FcXa2lsrsi0Owqi9lq8XwC0BVCIlo102yXn3WxWeDoK1UZpNk/rerba7cS9QANsU6eegyNj6OB5MHDNYulCgfEpLrXNaak5Bc91hSk02zrOCT8QBCXRvWJjUtqlqxdsWqaHyl4xfKsAOgFcfABN+MUXWWvHvkZp6AhelSpZRiO9MkxSbNm73gARjM6R4f2RynZAvGDs2TNj7BRDAKxnUoACNXR3zoEZ9hFjRw/5UFKCBUCIRYC081eAgn7vs2JTisOxxLVsOxz7Ggg498Q9n2CBHmmjBdYcoMPnTeFO7ue0iI6IkDMiiIXWl8GtbzIMYKwcrQ01RoHcDTERj5NMMSMILBnOX0HvEb74P4w4Z07peyogT+RMWcXn0DwPXEEPVSqtsIyTl4OkN/BWeFOoKOM71KpEEPJ6NcCT88mpgzQz91FGZKBRD9IJVKul0P1XX0FZwtt8hkmWu0DgogrVXaJypqKeOXCu51x1pj4XH0WmIxKi6qr8qFu5ijiF9gV2PKNDNvAza94gZgiUJugB3lLABeUP0lYOUUtibWmA2q0xnld6HTwI4SWMyizlfCRaAb52i6NZJxQw2Qx8HV9CBr7Urxm9WDjX4q0EBDK6u+Q21jSVHCNaFNod+jT7YC5ugU7DlIERgjEc0PX0S2A4opGA7ZIpPgbEKlcQjp2OKOWNBcAYdAY0CnqehQE2JYogVP0A/WmKEPUSHVsTGbMGrN6DwI4rgdGDANkRn3nnBn8EGgDALpbxnsCaQDA8atjesRQNf/weh+lz6xwhUckQE7b7vLCJHy6XUNSdBwQT51m4VvAPc7IlLyqVR5he9OP6VCes6Ff0mF9JXdewbuyPA6uL7UIrpHerN9PMOxk2IG2ImGl6jGxJC+0wF/0wB7Gv6XfhaV6N9fxvIhl85v9QN8vIE84PevXbolbp28/FVSj0jKeG9LvwCmH1eI6Lix8QAAAD9JREFUCNeNzzkOACAMA8GE+4b/vxYUQMId201nE/ETEfcnXlTa7KzQjJNDemQQusuITMj8weJDynXVhDASL0wdRwfQJZFBnAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMMk4lEsAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDktMjNUMTI6NTk6MTYrMDA6MDC4ZSz3AAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTA5LTIzVDEyOjU5OjMzKzAwOjAw/20l8gAAAABJRU5ErkJggg==')\";\nconst indeterminateHover =\n  \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAB+UExURQEKEwEKE05RUX18dn18dk9SUX59d359d4B/eX9+d4KBen9+eIOCe4B/eYaEfYGAeYeFfoKAeoiGfoKBeoiHf1ZYVoOCe4aEfYeGfoiGf4mHf11eXHhaKHlcKXtdK/Dm0n5gLIBiLoNlMYZoM4lrNYxuOJFzPJl7QqCCSP///0lElLIAAAAcdFJOUyZAyNXUx9PU0tTQ1NDUz9TP1M/Uz8jU0tDQz8FE4StQAAAAAWJLR0QpyreFJAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+cJFww7IX6Kis8AAAM8elRYdFJhdyBwcm9maWxlIHR5cGUgeG1wAABIicVWy7bbIAzc8xX9BCyBZD7Hic2u53TZz++MSG4S2/c2bReNTwgBNBo9cfr5/Uf6hs8kc0561e6zZ5tM7WLVi2QTq+bWbNNVZOuXy6WLYL1Z4Up1rWXVXFbPRXF2tpbK7ItDsKovZavF8AtAVQiJaNdNsl591sVng6CtVGaTZP63q22u3EvUADbFOnnoMjY+jgeTBwzWLpQoHxKS61zWmpOQXPdYUpNNs6zgk/EAQl0b1iY1LapasXbFqmh8peMXyrADoBXHwATfjFF1lrx75GaegIXpUqWUYjvTJMUmzZu94AEYzOkeH9kcp2QLxg7NkzY+wUQwCsZ1KAAjV0d86BGfYRY0cP+VBSggVAiEWAtPNXgIJ+77NiU4rDscS1bDsc+xoIOPfEPZ9ggR5powXWHKDD503hTu7ntIiOiJAzIoiF1pfBrW8yDGCsHK0NNUaB3A0xEY+TTDEjCCwZzl9B7xG++D+MOGdO6XsqIE/kTFnF59A8D1xBD1UqrbCMk5eDpDfwVnhTqCjjO9SqRBDyejXAk/PJqYM0M/dRRmSgUQ/SCVSrpdD9V19BWcLbfIZJlrtA4KIK1V2icqainjlwrudcdaY+Fx9FpiMSouqq/KhbuYo4hfYFdjyjQzbwM2veIGYIlCboAd5SwAXlD9JWDlFLYm1pgNqtMZ5Xeh08COEljMos5XwkWgG+doujWScUMNkMfB1fQga+1K8ZvVg41+KtBAQyurvkNtY0lRwjWhTaHfo0+2AuboFOw5SBEYIxHND19EtgOKKRgO2SKT4GxCpXEI6djijljQXAGHQGNAp6noUBNiWKIFT9AP1pihD1Eh1bExmzBqzeg8COK4HRgwDZEZ955wZ/BBoAwC6W8Z7AmkAwPGrY3rEUDX/8Hofpc+scIVHJEBO2+7ywiR8ul1DUnQcEE+dZuFbwD3OyJS8qlUeYXvTj+lQnrOhX9JhfSV3XsG7sjwOri+1CK6R3qzfTzDsZNiBtiJhpeoxsSQvtMBf9MAexr+l34WlejfX8byIZfOb/UDfLyBPOD3r126JW6dvPxVUo9IynhvS78Aph9XiOi4sfEAAABhSURBVAjXTc9HDoAwEEPRCb33XkPn/ifECEbK372dTSSUiMSgJEiMmm58mSM46fOfNYHSZjoSXFymt4CrzwxWcAuZ0QbuMTPZwSNlZgd45sziBK+yqpu2Q/0F3krvaPXCA/W/D7FK8tWfAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA5LTIzVDEyOjU5OjE2KzAwOjAwyTiUSwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wOS0yM1QxMjo1OToxNiswMDowMLhlLPcAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDktMjNUMTI6NTk6MzMrMDA6MDD/bSXyAAAAAElFTkSuQmCC')\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -4,19 +4,7 @@ declare const divider: import("tailwind-variants").TVReturnType<{
         right: string;
         center: string;
     };
-}, undefined, "h-px grow border-0 bg-gradient-to-r", import("tailwind-variants/dist/config.js").TVConfig<{
-    preset: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}, {
-    preset: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}>, {
+}, undefined, "h-px grow border-0 bg-gradient-to-r", TVConfig<V, EV>, {
     preset: {
         left: string;
         right: string;
@@ -28,19 +16,7 @@ declare const divider: import("tailwind-variants").TVReturnType<{
         right: string;
         center: string;
     };
-}, undefined, "h-px grow border-0 bg-gradient-to-r", import("tailwind-variants/dist/config.js").TVConfig<{
-    preset: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}, {
-    preset: {
-        left: string;
-        right: string;
-        center: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "h-px grow border-0 bg-gradient-to-r", TVConfig<V, EV>, unknown, unknown, undefined>>;
 interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     preset?: keyof typeof divider.variants.preset;
     hrProps?: React.HTMLAttributes<HTMLHRElement>;

package/dist/lib/components/{divider.cjs → divider.js}

@@ -22,7 +22,7 @@ __export(divider_exports, {
 });
 module.exports = __toCommonJS(divider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_tv = require("../utilities/tv.cjs");
+var import_tv = require("../utilities/tv.js");
 const divider = (0, import_tv.tv)({
   base: "h-px grow border-0 bg-gradient-to-r",
   variants: {
@@ -50,3 +50,5 @@ function Divider({ preset = "center", hrProps, ...rest }) {
 0 && (module.exports = {
   Divider
 });
+
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAnBJ,gBAAmB;AAEnB,MAAM,cAAU,cAAG;AAAA,EACjB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAMM,SAAS,QAAQ,EAAE,SAAS,UAAU,SAAS,GAAG,KAAK,GAAiB;AAC7E,SACE,6CAAC,SAAI,WAAU,qBAAqB,GAAG,MACpC;AAAA,eAAW,WACV,4CAAC,SAAI,WAAU,wDAAuD;AAAA,IAExE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,QAAQ,EAAE,QAAQ,WAAW,SAAS,UAAU,CAAC;AAAA;AAAA,IAC9D;AAAA,IACC,WAAW,UACV,4CAAC,SAAI,WAAU,wDAAuD;AAAA,KAE1E;AAEJ","names":[],"sources":["../../../src/components/divider.tsx"],"sourcesContent":["import { tv } from \"../utilities/tv.js\";\n\nconst divider = tv({\n  base: \"h-px grow border-0 bg-gradient-to-r\",\n  variants: {\n    preset: {\n      left: \"to-lol-gold-600 from-transparent\",\n      right: \"from-lol-gold-600 to-transparent\",\n      center: \"via-lol-gold-600 from-transparent to-transparent\",\n    },\n  },\n});\n\ninterface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  preset?: keyof typeof divider.variants.preset;\n  hrProps?: React.HTMLAttributes<HTMLHRElement>;\n}\nexport function Divider({ preset = \"center\", hrProps, ...rest }: DividerProps) {\n  return (\n    <div className=\"flex items-center\" {...rest}>\n      {preset === \"right\" && (\n        <div className=\"border-lol-gold-600 h-[5px] w-[5px] rotate-45 border\" />\n      )}\n      <hr\n        {...hrProps}\n        className={divider({ preset, className: hrProps?.className })}\n      />\n      {preset === \"left\" && (\n        <div className=\"border-lol-gold-600 h-[5px] w-[5px] rotate-45 border\" />\n      )}\n    </div>\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/lib/components/{modal.cjs → modal.js}

@@ -26,9 +26,9 @@ __export(modal_exports, {
 module.exports = __toCommonJS(modal_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_gradient = require("../utilities/gradient.cjs");
-var import_resolve_class_name = require("../utilities/resolve-class-name.cjs");
-var import_tv = require("../utilities/tv.cjs");
+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 modalOverlay = (0, import_tv.tv)({
   base: "bg-lol-grey-hextech-black fixed inset-0 z-10 flex min-h-full flex-col items-center justify-center overflow-y-auto bg-opacity-25 px-4 text-center backdrop-blur"
 });
@@ -114,3 +114,5 @@ function DialogTrigger(props) {
   DialogTrigger,
   Modal
 });
+
+//# sourceMappingURL=modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEY;AAvEZ,mCAUO;AACP,sBAAoC;AACpC,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,mBAAe,cAAG;AAAA,EACtB,MAAM;AACR,CAAC;AAED,MAAM,YAAQ,cAAG;AAAA,EACf,MAAM;AACR,CAAC;AAED,MAAM,aAAS,cAAG;AAAA,EAChB,MAAM;AACR,CAAC;AACD,MAAM,mBAAe,cAAG;AAAA,EACtB,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AACF,CAAC;AAQM,SAAS,MAAM;AAAA,EACpB;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACrB,eAAO,aAAa;AAAA,UAClB,eAAW,4CAAiB,uBAAuB,MAAM;AAAA,QAC3D,CAAC;AAAA,MACH;AAAA,MAEA;AAAA,QAAC,6BAAAA;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,WAAW,CAAC,WACV,MAAM;AAAA,YACJ,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC/C,CAAC;AAAA,UAGH;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACJ,GAAG;AAAA,cACJ,WAAW,OAAO;AAAA,gBAChB,WAAW,YAAY;AAAA,cACzB,CAAC;AAAA,cAEA,WAAC,sBACA,4EACE;AAAA,4DAAC,SAAI,WAAU,gBACb,sDAAC,SAAI,WAAU,+GAA8G,GAC/H;AAAA,gBACA,4CAAC,SAAI,WAAW,aAAa,GAC3B,sDAAC,SAAI,WAAU,6BACZ,iBAAO,aAAa,aACjB,SAAS,iBAAiB,IAC1B,UACN,GACF;AAAA,gBACA,4CAAC,SAAI,WAAU,gBACb,sDAAC,SAAI,WAAU,+GAA8G,GAC/H;AAAA,iBACF;AAAA;AAAA,UAEJ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,oBAAgB,cAAG;AAAA,EACvB,MAAM;AACR,CAAC;AAEM,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAqB;AACvE,SACE;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,cAAc;AAAA,QACvB;AAAA,MACF,CAAC;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,cAAc,EAAE,SAAS,GAAkC;AACzE,SACE,4CAAC,SAAI,WAAU,uCACb,sDAAC,SAAI,WAAU,6CACZ,UACH,GACF;AAEJ;AAEO,SAAS,cAAc,OAA+B;AAC3D,SAAO,4CAAC,6BAAAC,eAAA,EAAmB,GAAG,OAAO;AACvC","names":["AriaModal","AriaHeading","AriaDialogTrigger"],"sources":["../../../src/components/modal.tsx"],"sourcesContent":["import {\n  Modal as AriaModal,\n  Dialog,\n  DialogTrigger as AriaDialogTrigger,\n  Heading as AriaHeading,\n  ModalOverlay,\n  HeadingProps as AriaHeadingProps,\n  ModalOverlayProps,\n  DialogTriggerProps as AriaDialogTriggerProps,\n  DialogProps,\n} from \"react-aria-components\";\nimport { goldGradientPressed } from \"../utilities/gradient.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst modalOverlay = tv({\n  base: \"bg-lol-grey-hextech-black fixed inset-0 z-10 flex min-h-full flex-col items-center justify-center overflow-y-auto bg-opacity-25 px-4 text-center backdrop-blur\",\n});\n\nconst modal = tv({\n  base: \"w-full max-w-md\",\n});\n\nconst dialog = tv({\n  base: \"relative max-h-screen py-4 outline-none\",\n});\nconst dialogBorder = tv({\n  base: [\n    \"bg-gradient-to-b p-0.5 text-left align-middle shadow-xl\",\n    goldGradientPressed,\n  ],\n});\n\ninterface ModalProps extends Omit<ModalOverlayProps, \"children\"> {\n  modalOverlayClassName?: ModalOverlayProps[\"className\"];\n  dialogProps?: Omit<DialogProps, \"children\">;\n  children?: DialogProps[\"children\"];\n}\n\nexport function Modal({\n  modalOverlayClassName,\n  dialogProps = {},\n  children,\n  className,\n  ...modalProps\n}: ModalProps) {\n  return (\n    <ModalOverlay\n      {...modalProps}\n      className={(values) => {\n        return modalOverlay({\n          className: resolveClassName(modalOverlayClassName, values),\n        });\n      }}\n    >\n      <AriaModal\n        {...modalProps}\n        className={(values) =>\n          modal({\n            className: resolveClassName(className, values),\n          })\n        }\n      >\n        <Dialog\n          role=\"alertdialog\"\n          {...dialogProps}\n          className={dialog({\n            className: dialogProps.className,\n          })}\n        >\n          {(dialogRenderProps) => (\n            <>\n              <div className=\"relative h-1\">\n                <div className=\"border-lol-gold-600 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-b-0\"></div>\n              </div>\n              <div className={dialogBorder()}>\n                <div className=\"bg-lol-grey-hextech-black\">\n                  {typeof children === \"function\"\n                    ? children(dialogRenderProps)\n                    : children}\n                </div>\n              </div>\n              <div className=\"relative h-1\">\n                <div className=\"border-lol-gold-500 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-t-0\"></div>\n              </div>\n            </>\n          )}\n        </Dialog>\n      </AriaModal>\n    </ModalOverlay>\n  );\n}\n\nconst dialogHeading = tv({\n  base: \"text-lol-gold-100 font-beaufort text-lol-h5 uppercase\",\n});\n\nexport function DialogHeading({ className, ...props }: AriaHeadingProps) {\n  return (\n    <AriaHeading\n      {...props}\n      className={dialogHeading({\n        className,\n      })}\n    />\n  );\n}\n\nexport function DialogButtons({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"flex translate-y-0.5 justify-center\">\n      <div className=\"bg-lol-grey-hextech-black flex gap-1 px-1\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport function DialogTrigger(props: AriaDialogTriggerProps) {\n  return <AriaDialogTrigger {...props} />;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/lib/components/{number-field.cjs → number-field.js}

@@ -23,8 +23,8 @@ __export(number_field_exports, {
 module.exports = __toCommonJS(number_field_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_gradient = require("../utilities/gradient.cjs");
-var import_resolve_class_name = require("../utilities/resolve-class-name.cjs");
+var import_gradient = require("../utilities/gradient.js");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
 var import_tailwind_variants = require("tailwind-variants");
 const numberFieldBorder = (0, import_tailwind_variants.tv)({
   base: "grid grid-cols-[auto_1fr_auto] gap-px bg-gradient-to-t p-px outline-none",
@@ -120,3 +120,5 @@ function NumberField({
 0 && (module.exports = {
   NumberField
 });
+
+//# sourceMappingURL=number-field.js.map

package/dist/lib/components/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwEQ;AAvER,mCAKO;AACP,sBAKO;AAEP,gCAAiC;AACjC,+BAAmB;AAInB,MAAM,wBAAoB,6BAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAED,MAAM,uBAAmB,6BAAG;AAAA,EAC1B,MAAM;AAAA,IACJ;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAED,MAAM,wBAAoB,6BAAG;AAAA,EAC3B,MAAM,CAAC,oDAAoD;AAAA,EAC3D,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAEM,SAAS,YAAY;AAAA,EAC1B,aAAa,CAAC;AAAA,EACd,aAAa,CAAC;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,GAIG;AACD,SACE,4CAAC,6BAAAA,aAAA,EAAiB,GAAG,OAClB,WAAC,WACA,4EACG;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,CAACC,YAAW;AACrB,iBAAO,kBAAkB;AAAA,YACvB,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,YACxD;AAAA,YACA,GAAGA;AAAA,UACL,CAAC;AAAA,QACH;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACN;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC,6BAAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,WAAW,CAACD,YAAW;AACrB,uBAAO,iBAAiB;AAAA,kBACtB,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,kBACxD,GAAGA;AAAA,gBACL,CAAC;AAAA,cACH;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACN;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACF;AAAA,KACF,GAEJ;AAEJ","names":["AriaNumberField","values","AriaInput"],"sources":["../../../src/components/number-field.tsx"],"sourcesContent":["import type { NumberFieldProps as AriaNumberFieldProps } from \"react-aria-components\";\nimport {\n  NumberField as AriaNumberField,\n  Input as AriaInput,\n  Group,\n  Button,\n} from \"react-aria-components\";\nimport {\n  goldGradient,\n  disabledGradient,\n  goldGradientHover,\n  dimmedGradient,\n} from \"../utilities/gradient.js\";\nimport { ComponentProps } from \"react\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"tailwind-variants\";\n\ntype NumberFieldPreset = \"normal\" | \"dimmed\";\n\nconst numberFieldBorder = tv({\n  base: \"grid grid-cols-[auto_1fr_auto] gap-px bg-gradient-to-t p-px outline-none\",\n  variants: {\n    preset: {\n      normal: goldGradient,\n      dimmed: dimmedGradient,\n    },\n    isDisabled: {\n      true: disabledGradient,\n    },\n    isFocusWithin: {\n      true: goldGradientHover,\n    },\n  },\n});\n\nconst numberFieldInput = tv({\n  base: [\n    \"text-lol-gold-100 font-spiegel bg-lol-grey-hextech-black w-full px-3 py-2 text-xs outline-none\",\n  ],\n  variants: {\n    isDisabled: {\n      true: \"text-lol-grey-150 bg-lol-grey-300\",\n    },\n    isFocused: {\n      true: \"from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t\",\n    },\n  },\n});\n\nconst numberFieldButton = tv({\n  base: [\"text-lol-gold-100 bg-lol-grey-hextech-black px-2.5\"],\n  variants: {\n    isDisabled: {\n      true: \"text-lol-grey-150 bg-lol-grey-300\",\n    },\n  },\n});\n\nexport function NumberField({\n  inputProps = {},\n  groupProps = {},\n  children,\n  preset = \"normal\",\n  ...props\n}: AriaNumberFieldProps & {\n  inputProps?: ComponentProps<typeof AriaInput>;\n  groupProps?: ComponentProps<typeof Group>;\n  preset?: NumberFieldPreset;\n}) {\n  return (\n    <AriaNumberField {...props}>\n      {(values) => (\n        <>\n          {typeof children === \"function\" ? children(values) : children}\n          <Group\n            {...groupProps}\n            className={(values) => {\n              return numberFieldBorder({\n                className: resolveClassName(groupProps.className, values),\n                preset,\n                ...values,\n              });\n            }}\n          >\n            <Button\n              className={(values) => numberFieldButton(values)}\n              slot=\"decrement\"\n            >\n              -\n            </Button>\n            <AriaInput\n              {...inputProps}\n              className={(values) => {\n                return numberFieldInput({\n                  className: resolveClassName(inputProps.className, values),\n                  ...values,\n                });\n              }}\n            />\n            <Button\n              className={(values) => numberFieldButton(values)}\n              slot=\"increment\"\n            >\n              +\n            </Button>\n          </Group>\n        </>\n      )}\n    </AriaNumberField>\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

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

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/{progress-bar.cjs → progress-bar.js}

@@ -24,8 +24,8 @@ __export(progress_bar_exports, {
 module.exports = __toCommonJS(progress_bar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_gradient = require("../utilities/gradient.cjs");
-var import_tv = require("../utilities/tv.cjs");
+var import_gradient = require("../utilities/gradient.js");
+var import_tv = require("../utilities/tv.js");
 const progressBarBorder = (0, import_tv.tv)({
   base: ["-ml-0.5 -mr-1 h-3 rounded-full bg-gradient-to-t p-px", import_gradient.goldGradient]
 });
@@ -58,3 +58,5 @@ function ProgressBar({
 0 && (module.exports = {
   ProgressBar
 });
+
+//# sourceMappingURL=progress-bar.js.map

package/dist/lib/components/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCQ;AAhCR,mCAIO;AACP,sBAA6B;AAC7B,gBAAmB;AAEnB,MAAM,wBAAoB,cAAG;AAAA,EAC3B,MAAM,CAAC,wDAAwD,4BAAY;AAC7E,CAAC;AAED,MAAM,4BAAwB,cAAG;AAAA,EAC/B,MAAM,CAAC,4CAA4C;AACrD,CAAC;AAED,MAAM,sBAAkB,cAAG;AAAA,EACzB,MAAM;AACR,CAAC;AAMM,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SACE,4CAAC,6BAAAA,aAAA,EAAgB,WAAW,oCAAqC,GAAG,OACjE,WAAC,EAAE,YAAY,UAAU,MACxB,4EACE;AAAA,iDAAC,SAAI,WAAU,4DACb;AAAA,kDAAC,sCAAM,WAAU,UAAU,mBAAS,WAAU;AAAA,MAC9C,4CAAC,UAAM,qBAAU;AAAA,OACnB;AAAA,IACA,4CAAC,SAAI,WAAW,kBAAkB,GAChC,sDAAC,SAAI,WAAW,sBAAsB,GACpC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,gBAAgB;AAAA,QAC3B,OAAO,EAAE,OAAO,GAAG,UAAU,IAAI;AAAA;AAAA,IACnC,GACF,GACF;AAAA,KACF,GAEJ;AAEJ","names":["AriaProgressBar"],"sources":["../../../src/components/progress-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ProgressBar as AriaProgressBar,\n  Label,\n  ProgressBarProps as AriaProgressBarProps,\n} from \"react-aria-components\";\nimport { goldGradient } from \"../utilities/gradient.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst progressBarBorder = tv({\n  base: [\"-ml-0.5 -mr-1 h-3 rounded-full bg-gradient-to-t p-px\", goldGradient],\n});\n\nconst progressBarBackground = tv({\n  base: [\"bg-lol-grey-300 h-full w-full rounded-full\"],\n});\n\nconst progressBarFill = tv({\n  base: \"from-lol-blue-400 to-lol-blue-200 h-full rounded-full bg-gradient-to-r\",\n});\n\ninterface ProgressBarProps extends Omit<AriaProgressBarProps, \"children\"> {\n  label?: string;\n}\n\nexport function ProgressBar({\n  className,\n  label,\n  ...props\n}: ProgressBarProps): JSX.Element {\n  return (\n    <AriaProgressBar className={\"flex w-56 flex-col gap-1 text-sm\"} {...props}>\n      {({ percentage, valueText }) => (\n        <>\n          <div className=\"font-beaufort text-lol-gold-100 flex font-bold uppercase\">\n            <Label className=\"flex-1\">{label ?? \"Loading\"}</Label>\n            <span>{valueText}</span>\n          </div>\n          <div className={progressBarBorder()}>\n            <div className={progressBarBackground()}>\n              <div\n                className={progressBarFill()}\n                style={{ width: `${percentage}%` }}\n              />\n            </div>\n          </div>\n        </>\n      )}\n    </AriaProgressBar>\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/lib/components/{radio-group.cjs → radio-group.js}

@@ -24,8 +24,8 @@ __export(radio_group_exports, {
 module.exports = __toCommonJS(radio_group_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_resolve_class_name = require("../utilities/resolve-class-name.cjs");
-var import_tv = require("../utilities/tv.cjs");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_tv = require("../utilities/tv.js");
 const radioGroup = (0, import_tv.tv)({
   base: "flex flex-col items-start"
 });
@@ -100,3 +100,5 @@ function getRadioImage({
   Radio,
   RadioGroup
 });
+
+//# sourceMappingURL=radio-group.js.map

package/dist/lib/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeI;AAfJ,mCAMO;AACP,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,iBAAa,cAAG;AAAA,EACpB,MAAM;AACR,CAAC;AACM,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAwB;AACvE,SACE;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACrB,eAAO,WAAW;AAAA,UAChB,eAAW,4CAAiB,WAAW,MAAM;AAAA,QAC/C,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,YAAQ,cAAG;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,IACR,YAAY,EAAE,MAAM,oBAAoB;AAAA,IACxC,WAAW,EAAE,MAAM,oBAAoB;AAAA,IACvC,YAAY,EAAE,MAAM,oBAAoB;AAAA,IACxC,WAAW,EAAE,MAAM,oBAAoB;AAAA,EACzC;AACF,CAAC;AACM,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAmB;AAC7D,SACE;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,CAAC,WACV,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAC/C,CAAC;AAAA,MAEH,OAAO,CAAC,YAAY;AAAA,QAClB,iBAAiB,cAAc,MAAM;AAAA,MACvC;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,MAAI,YAAY;AACd,QAAI,YAAY;AACd,aAAO;AAAA,IACT;AACA,QAAI,WAAW;AACb,aAAO;AAAA,IACT;AACA,QAAI,WAAW;AACb,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAEA,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AACA,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AACA,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AACA,SAAO;AACT","names":["AriaRadioGroup","AriaRadio"],"sources":["../../../src/components/radio-group.tsx"],"sourcesContent":["import {\n  type RadioGroupProps as AriaRadiogroupProps,\n  RadioGroup as AriaRadioGroup,\n  type RadioProps as AriaRadioProps,\n  type RadioRenderProps,\n  Radio as AriaRadio,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst radioGroup = tv({\n  base: \"flex flex-col items-start\",\n});\nexport function RadioGroup({ className, ...props }: AriaRadiogroupProps) {\n  return (\n    <AriaRadioGroup\n      {...props}\n      className={(values) => {\n        return radioGroup({\n          className: resolveClassName(className, values),\n        });\n      }}\n    />\n  );\n}\n\nconst radio = tv({\n  base: \"text-lol-grey-100 font-spiegel bg-[length:18px] bg-left bg-no-repeat py-2 pl-6 pr-4 text-xs font-normal\",\n  variants: {\n    isDisabled: { true: \"text-lol-grey-150\" },\n    isHovered: { true: \"text-lol-gold-100\" },\n    isSelected: { true: \"text-lol-gold-100\" },\n    isPressed: { true: \"text-lol-grey-150\" },\n  },\n});\nexport function Radio({ className, ...props }: AriaRadioProps) {\n  return (\n    <AriaRadio\n      {...props}\n      className={(values) =>\n        radio({\n          ...values,\n          className: resolveClassName(className, values),\n        })\n      }\n      style={(values) => ({\n        backgroundImage: getRadioImage(values),\n      })}\n    />\n  );\n}\n\nfunction getRadioImage({\n  isSelected,\n  isDisabled,\n  isPressed,\n  isHovered,\n}: RadioRenderProps) {\n  if (isSelected) {\n    if (isDisabled) {\n      return \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAABy5JREFUeF7t3Ftz00YUB/D/UexcHBqHWA7TS1zaTmiSl/LQvnFLAvRjlI8GH6PlFqBv7QN9goZphwlMS7FMY4bYjhO0naNdJbLj2GtrJS2d5Ikhsiz//D97ORIQTn5iCVCsV5+8GCeAMUNwAvg/BXRQLBaxS8Xg802IOur1OgA/5uc1/nL7ElgsnkY7t4gxKnR82veigfH9Z6jX/zWuEOOEdgEehxd+QAsR7QEchGcpoh2Ax+Cd/+rMD+z2+I9/btlaztkD9sE7NTlxg+HetXZv2oqYLaAGXpg8WxGzAxwCz2bEbABHwLMVMX3AGHg2IqYLaADPNsT0AA3i2YSYDmACeLYgJg+YIJ4NiMkCpoCXNWJygCniZYmYDKAhvNr2zs+MU5qdvqDbcUp7x2Ie0CDe7y+8Rwy3uOBeKM9OX7QR0SygWbyHUbDFBfeijYjmAA3hVbd3Hj1TyVOAIoRcXHAv2YZoBtA8noAQkyCaDO6DCNEGUZMhz1XKl9xi4ZIt5Rwf0CzeQwVXgsAYCPsBlEAu+LMQNRC1bEKMB5gM3lwHGAMSzQHIAbQH4b8BOa1zFfeyDUkcHdA83gSIOHlh2jyGkgkU8ncQeYkoPJlE94pbLFzOspxHA0wWj4FqIKfJKWOczS1vA0JMySQeIKpyzhZxeMD08HiyuMKAXr2xsbnlPVBJdAGRA8QeBNV8Eq2lyvxqVkkcDjBxPHBpBskL8cLy9OqN+0+3Xm844JlZuABJRFDNh2gtV+ZXSwpcp6RN7Vj0Ac3icZp4mVICMAbwDHs8XhfifQc0BYgSQPkIYnO5Mr+WNqIeYKJ4waTA41nP5HWnyas37j3dqt53gBBxPIq4UplfnSsWVnVSyMfETeJgQIvwIklkxHsOwAttF0CI+MaHaKaJ2B/QLB4vktVyhMt2uOR1J6q2vXP3yQuPEae4YQOQQgQjttJCPB7QYrwQswcij4m8e/F8YHelUl5Lupx7A34AeB2IL727jggmFp6d1cSCWhqIvQAdTJW+7X4+jx/0CZ9V0RmgVVeFW1LcTflU7TD2dGZbnfNHj6m9bdx5slVlxIKanYNy9oG/+DhjSWzWfu1+yPMoIKfvff6b6AXGwuMdBGgehETwDpJ4iBgmkRFf+QBvB8kI4tjeb90PeB4FnJw9i1zubHhhMfBkHwXgx3Snk0jekYlFIt5RSXQhRMMn4ida+XPGR9zff47W9vPo+w4G/PLjG6em8sFzejo/XaXLlz4DgVMh4NcV9/Iwi12d9+xKIQNyCssQYscn2la/p6VKec0tFtZ0z/muuXfr8Z9/3zw4XguwVwkPiejVGw83t6qyJS+XLmcAavOC2SfBO4YrphFrbxu3OX3cdHBAZdl0cF7xXhkCtLzgrpVmp9dHxuMXapUwwJPIdxjjb/Hw5/xIiN4DdYZPZANAtqJ8Eo1h12n9PrjE836C8AuHeLTvE17y65Y/c6/GxnsvmmjWfhk8ifA7ymXMOQOID7q6KGOA2JUNADSXKmXuomiXVC/ECF6YvHH+onzInuFypXy1NFO4Git5jDe+v9nrXwgMWkibQuR+3iRInFbrtDZAvNhtLFXK66Mi1t42fupMHvIAonjXksTjL0VnK2cCcSNoRQlixLlIK6rqExrLFXe9NKM/PvGFH+KJKYdQhuD9cIjn8Dmvl2YK15JKXnhe3WaCCUTu54WtqDnA4XLmfl5VTizldd20BHjPX/8IooJDcAM8wp4vO9mMx8m7njTe4ASGV2BuTAwRJ1QDgJuiXM4h4sDxqgdeXuLJfqJKXip4+oBmJ5auVpTgzowcE0k01KDfs/QieJMOEa/zVPJQlRNGULap4Q0HaB7xrmrP8922YInjQ1QjJdiB2BuP2j7foROiufLF/PW5jwrfp1G20fcYPAZ2X5Ghcg5aUbKLMiG7KMHdtnYE8WAS6CxbvvXJyQvwqhCilRXe8Ak0PCYqRN56qRtFB0l8zbc1uSR5LyOXKsFsyxNG3ha80QENlrNCvK32r+HN8zCJ/DwMPycTwQsmDE5eZmUbr4SjrzZVzoddFHWjKFLOABwilTy0bcKLl0DT5awQecfigPhGUY4XxupteKki8YiaK5+717KYMHpNUMNPIr3OYjiJwVtISN5d8PNtLfWcjJ/FUqXfzG4G0OSYKJN4W140cUP24AHLNHcYusshc4AJI9qIZ2YMTGqdGEliv91Jr6Qc6STzQX1aUrppS24MTBCRT63bZOBj08RLJoGGZ+dh0pE2XrKABsdEHcQs8JIHTAkxK7x0ABNGzBIvPcCEELPGSxfQMKINeOkDGkK0BS8bwJiINuFlBzgiom142QIOiWgjXvaAmoi24tkBOACRf93xiBn/RUKNAZ0dT/cxZttZo1zBgL3zkVNahGdPAnURLcOzD7BPOdtUttGqsKeEO2v15L9BjjMcfkivtTWBH4zhCWDMr+oEMCbgf7WaGsmx8PrYAAAAAElFTkSuQmCC')\";\n    }\n    if (isPressed) {\n      return \"url('data:image/png;base64,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')\";\n    }\n    if (isHovered) {\n      return \"url('data:image/png;base64,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')\";\n    }\n    return \"url('data:image/png;base64,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')\";\n  }\n\n  if (isDisabled) {\n    return \"url('data:image/png;base64,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')\";\n  }\n  if (isPressed) {\n    return \"url('data:image/png;base64,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')\";\n  }\n  if (isHovered) {\n    return \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAACYlJREFUeF7t3H1YFHUCB/BBvTy7u4fKyq4T5R12l2VBsUxFeVmY8aw78uBBDZohLInkHQVMFEUFChDECi/LmTRfHr3iruvaRVAUNUsUVliW9/crrdR4POO807hnlmcR2P3N/GZ3Zneee5g/md1h5rPf78xvZn9gh0wuFgnYWfTuyTcjk4AWhmAS8P8UcApib2+P3LWz1x/f9OFBZHBwEEGQny08Xt7fLr4E2ts/ivxnmhsy1e7hcUd7f/gn5KF77cjg4C3eFSzYoLgAQXiGAxQhongA2fBEiigOQABezSflOO0WsDKOEmudbQ8IwjtRjvvI3QgarqGxnQwIFyeibQEBeKdP7MV95B56PMPS0NhKBoavF10SbQfIhOflPg5vFLGpTXSItgEE4pXhCtlIbUGLRttOBoYniCaJ1gcE4R0vZcUzoOoRI5JEgWhdQABe9bFS3MfLlTF5ExPZ0NRBBkfaHtF6gEC8EtxH5sIJb/ScqO0kgyOTbZpE6wCC8I4WQteW6ZwYvCrdZojCAzLhSc1L3kRMTXMnaStEYQEBeFVHC3CFhB+80QuLrpNUrsqwehKFAwThHc7HFVJns855bA9NNM1dpHJNplURhQEE4R3ahXvL4PEqa+rUNFpogB/KhmdYf1XbRSqjNlkNkX9AIN4OXC51gk6euuay+uWkQhUN81FpOoYGzIdGbGzuJpVRm62CyC8gCO9gLi6XOHLAu6J+OaVIj2dYPtqdhqEB8+ARdT2kMjpbcET+AAF4lVQO7i3lgHemQY2nFI/DMyBSu1MxdJkPNOLV5h4yFM8RFJEfQACeitqCKzgkr/JsvRpPKTWJ9wAxCQtd6guNqNH1kBi+XTBEywFBeORmXCGZC13byrMaNZ66Zzyend1dPdzw8PSxdaaKE7HQpQoOiL0kRuwQBNEyQCBeFu7tAY+nrtWoY9LeMYFn1z8CN+wwEfFA0RsY6g+PeLWVRszjHdF8QADeFx9m4t6ec+CTd47Ge8803hTkX3q/n5Ffm0Z8HQtdwgGxpY9c/ko+r4jmAYLw9qfjck/45J2sbVTHbCxnxjN0F4T4VhwW4i+HrnNjSy+5fG0hb4jcAYF4abjcwwE6eSfPadUxG/fB4bEirsNClsjgEVv7yeVri3hB5AYIwPv8/RTc2302PN55rfqVjP3c8FgQPyxYi4Ushke82jZArnh1t8WI8IAgvH2JuNyDA94FrTo244B5eCyIHxTEYCGL4BEbWwfIFev2WIQIBwjA+3v5elzu8Tvo5FWd16ljs0jL8NgQ8whMuVjCoc7/JJ+P22s2IjsgEO91XO7GAe+CTh276SA/eGyIu6Ix5SIOiO004ntmITIDgvDeXYd7uT8Nnbzq8y3q2M0f84vHhrjjJSx4sSd0EpvaviGfj9/HGREMCMLbuxaXccCrutCqfjX7iDB4LIjv567GlIs8oBG1NOL6/ZwQTQMC8P5WFot7uT0FnbyqL9vUr205JiweC+Kft0diyufcoRGb2q+Rf0j4ABrRFOAUZMZMv4nz8yrKcFzu+ltovOqL7erXthy3Dh4rYgQWvNANGrGx41syLIEyRhy6UTdxkqcxIJ2++79QjL15ryiJwr3c4PGqLnao43L+Yl08FsTynD9hyoWu0IhN7d+SYcmHxiNO/a9m4gRPY8BfPuKITJvmaNifipKXcC/XWdDJ0+Ntq7ANHhvi1jBuiB3XybDkjx8g3rvXg/z7x56x4WIF/HT3KsLLZZZ+nh7MUv1Vtypue4X+u4zRRf9Yyq4fMTwcgNmQJa8B3DeXbwlDg591wmA33dR5nXox5Sg5+nooQBMV/rQokpC5PgGNeIpGzP3MNoggvOwX0CAOeNqO76kX0449wKMVoSqMIPRFZAEy1W7G2E/qk7fDOSFWf9Wjit/5uXURAXjvvrkCDX7WETp5NN7KDSfG490fHkKGblxiv4jQaiPDGHdjxDBC6vIkfBK/7lXF7/zCOohAvOVo0DNzofGaO7+jVm6oMMZ76F6bqb8QYBtIGyPm/5GQuj4Oj3ipVxW/q1JYRBDeplA0aAEHvI4fqJWZf4XGo7MGcytnhHgi/wVC5jITGvH0pT5VfF6VMIggvCwlGrhgDnTytJ03qPDMzzjhsQMy1Pl43u8JmTMHxMv9qjfyTvGLCMB7JysIDZzvAI/XdYOKyPoHZzw4QEZEjJA6PQafxLoB1fqCGn4QAXh7MwLQQL/Z0HjN3TepiCyVWXjwgEyIuSGExAUe8dTlAVXiW7WWIQLw9mz0R4Pmw+PpOm9SEdknzcbjBsiIqCQkzo9AJ/FU3TeqxMJz5iGC8NKXoEF+T0MnT9f1IxWRXWURHndABsRjuQGE1OlRaMTTl6+pEgvPc0ME4i1GA+c/BY3X3H2LisyusRjPPEAGxCM5/oTMGR6x5so1VWLRRThEEF7aQjRgHjyetusWtTqnlhc88wFZEKVO9tBJpBGTir9mRgTglaY+wwmvuXuQVzzLAJkQty4ipI4cEBuuq5KKRyZTGj2A0P/AeGpHaaofGuAzC762PYPU6m0XeEueYT/Zv1Rie3QBuO07svU5QjL3N9BJPFP/nSqp5IoJROPJRaXJ89Blvk9C4+l6b1Ort33JO57lCTTgAhAPZy8gJBySeKb+e1Vyaf14xAkfYEmSL7rM9wl4vJ5Bak3uJUHw+ANkqPPhN/0IiROHJDb8oEou1ZhELElSoMt8HofH675NrdlZJxgev4CMiPMITw51PksjljWOQyxJkKNLOeC19NJ4VwTF4x+QAfHQJl9CMvdX0OfEWs0NVXKZVo9YkiBD/RUz4ZPXe4eK2lUvOJ4wgEyImXJC4ghf51rNTf13K/6Kx+Dxem5TUfmNVsETDpAB8SCNyCGJbIOAset1vXeoaCviCQvIiOhFSOY8DF1nGERd309UdH6T1ZLH3ziQ7egAQ5yDGRLCcw78OZHp17T03aGiC3RWxxM+gSzjRD2iwwyLktjSP2QzPOsBMtV5gxvhYWYSW+nkvd1uk+RZr8JjuweqczqNyC2JrX1DVHShbfGsm0CWOlPprtB1pmuLF3bYNHm2SSArojMr4ghelyjwbJNAFsQD6U6EZLbpOusGhqiYwm7R4NkWkOHCciDViZA4TB93ddb136ViisWFZ3tASESx4okDkAWRXi3G5Nn2ImLqtgIwxDF6KT1LCjDRh+2mSIj1lj/S53Ov2BBFhieeCkMMthER4okTcARz8t8g89lsMW9LXOdAMUsB9m0S0MIPbRLQQsD/AaYNaqu0dRdVAAAAAElFTkSuQmCC')\";\n  }\n  return \"url('data:image/png;base64,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')\";\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/lib/components/{search-field.cjs → search-field.js}

@@ -23,9 +23,9 @@ __export(search_field_exports, {
 module.exports = __toCommonJS(search_field_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_gradient = require("../utilities/gradient.cjs");
-var import_resolve_class_name = require("../utilities/resolve-class-name.cjs");
-var import_tv = require("../utilities/tv.cjs");
+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 searchFieldBorder = (0, import_tv.tv)({
   base: [
     "flex bg-gradient-to-t p-px outline-none",
@@ -111,3 +111,5 @@ function SearchField({
 0 && (module.exports = {
   SearchField
 });
+
+//# sourceMappingURL=search-field.js.map

package/dist/lib/components/search-field.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8DQ;AA9DR,mCAKO;AACP,sBAA+C;AAE/C,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,wBAAoB,cAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAED,MAAM,uBAAmB,cAAG;AAAA,EAC1B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOF;AACF,CAAC;AAED,MAAM,wBAAoB,cAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW,EAAE,MAAM,oBAAoB;AAAA,IACvC,WAAW,EAAE,MAAM,oBAAoB;AAAA,EACzC;AACF,CAAC;AAEM,SAAS,YAAY;AAAA,EAC1B,aAAa,CAAC;AAAA,EACd,cAAc,CAAC;AAAA,EACf;AAAA,EACA,GAAG;AACL,GAGG;AACD,SACE,4CAAC,6BAAAA,aAAA,EAAiB,GAAG,OAClB,WAAC,WACA,4EACG;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,kBAAkB;AAAA,UAC3B,GAAG;AAAA,UACH,eAAW,4CAAiB,YAAY,WAAW,MAAM;AAAA,QAC3D,CAAC;AAAA,QAED;AAAA;AAAA,YAAC,6BAAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,WAAW,CAACC,YACV,iBAAiB;AAAA,gBACf,GAAGA;AAAA,gBACH,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,cAC1D,CAAC;AAAA,cAEH,MAAK;AAAA,cACL,OAAO;AAAA,gBACL,iBACE;AAAA,gBACF,kBAAkB;AAAA,gBAClB,oBAAoB;AAAA,gBACpB,gBAAgB;AAAA,cAClB;AAAA;AAAA,UACF;AAAA,UACC,OAAO,MAAM,MAAM,SAAS,KAAK,CAAC,OAAO,cACxC;AAAA,YAAC,6BAAAC;AAAA;AAAA,cACC,WAAW,CAAC,iBAAiB,kBAAkB,YAAY;AAAA,cAC5D;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF,GAEJ;AAEJ","names":["AriaSearchField","AriaInput","values","AriaButton"],"sources":["../../../src/components/search-field.tsx"],"sourcesContent":["import {\n  SearchField as AriaSearchField,\n  Input as AriaInput,\n  Button as AriaButton,\n  type SearchFieldProps as AriaSearchFieldProps,\n} from \"react-aria-components\";\nimport { goldGradient, disabledGradient } from \"../utilities/gradient.js\";\nimport { ComponentProps } from \"react\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst searchFieldBorder = tv({\n  base: [\n    \"flex bg-gradient-to-t p-px outline-none\",\n    goldGradient,\n    \"focus-within:from-lol-gold-300 focus-within:via-lol-gold-200 focus-within:to-lol-gold-100\",\n  ],\n  variants: {\n    isDisabled: {\n      true: disabledGradient,\n    },\n  },\n});\n\nconst searchFieldInput = tv({\n  base: [\n    \"bg-lol-grey-hextech-black min-h-full w-full px-3 py-2 pl-6 outline-none\",\n    \"text-lol-gold-100 font-spiegel text-xs font-medium tracking-wide\",\n  ],\n  variants: {\n    isDisabled: {\n      true: \"text-lol-grey-150\",\n    },\n\n    // TODO: make sure both the background image of the gradient and the search\n    // icon are displayed\n    // isFocused: {\n    //   true: \"from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t\",\n    // },\n  },\n});\n\nconst searchFieldButton = tv({\n  base: \"bg-lol-grey-hextech-black text-lol-gold-300 px-4 text-xs font-black\",\n  variants: {\n    isHovered: { true: \"text-lol-gold-100\" },\n    isPressed: { true: \"text-lol-gold-600\" },\n  },\n});\n\nexport function SearchField({\n  inputProps = {},\n  borderProps = {},\n  children,\n  ...props\n}: AriaSearchFieldProps & {\n  inputProps?: ComponentProps<typeof AriaInput>;\n  borderProps?: ComponentProps<\"div\">;\n}) {\n  return (\n    <AriaSearchField {...props}>\n      {(values) => (\n        <>\n          {typeof children === \"function\" ? children(values) : children}\n          <div\n            {...borderProps}\n            className={searchFieldBorder({\n              ...values,\n              className: resolveClassName(borderProps.className, values),\n            })}\n          >\n            <AriaInput\n              {...inputProps}\n              className={(values) =>\n                searchFieldInput({\n                  ...values,\n                  className: resolveClassName(inputProps.className, values),\n                })\n              }\n              type=\"text\"\n              style={{\n                backgroundImage:\n                  \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAERElEQVR42uycz0tVQRTH54lamBakLUStQKhEW6V/gC2qhRgRqJURVJj9oBL7oWVBWFj0O/pd2EbJ3ARt2uW6tFUWZkhkiYQVSBZk6esc7rkgkXfm3rkzb957c+CL8Obcc+d+5vcPjESjUWZtdkuxCCwgC8gCsoAsIAvIArKArFlAASzVj/P46KuE+OgFuSvVAJKsqWWgclApaBkoDzSP0n+ARkCDoD5QD6gXNB1XNSiA5YP2graACjz85oAWgrBoN9JvH0GdoBugT4nWB2XThw2BmjhwZrMCenaIYmUnCqAq0ABoDyg9hHjpFAtjVsczIGyut0CPQDkK8ooxu+gdqfEGKAP0GFSvIc/19K6MeAGEpfkQVKGx5lfQO1PjAdB1UGUM+s9KerfRgLDT3OXDfxh0FrSWRqm5oCxQEWgdpb33EQ/fvUkloIifTft/ZtLZNLLkCILBIbsbNCVQaNUEa7FA7G+gFaAxFTNpmRp0WhDOE1AJ9RlTAv7T5FtMf3mGE8xW05oYluwOAb+roA2g7wHeMUEz8MsCvtsFa5s2QLtBaRwfnA81SK6nsP03UiwvS6M8GQEIn6kV6HN20gfKWpRiDXP8alWsDIIELKNFqJc1UxMJyzDWUYGFcZkJgFZz0j/QkiBs66bYXlZuAqBVnPQuRfs40wLgS00AtJyT3qNw3tYjmTctgHI56f0KAfVL5k0LoCxO+heFgMYk8xaz7Y6EtSCAeLPiHIX5XSSZNy2ARjnpxQoBlUjmTQugt5LzJBkrl8ybFkAvOenVivo2dxvEy/pMAMSbiyxlzslG2FZFsbXOwYIAesH4B3nnQJkh5jOTYnoZ5qnXBEA45e/g+ODezD1QJIQ8RigWb7+nQ8USJ2hfgSedkxyfGuZsdqVIwjlPsbxskvLETAGE1fm+gN8B5pxhZQVsVlgrGgV825mi83uZ0j0J+irgV0lrqBrB96WQ72vQZgH/cVCLSTNp1xDOPkFf7D9wAx6PdNpAa5hz/SWNlEe/Ydo78hXdY54P2qoKkMyxj2u3mb+zMVWGTfGSiKOuYx/X9jPnaCfWdhF0yMTVPI4geLr51ABIOOIdMXG74ydoPeiOAZBwQtlkGiC038y5moK1ScWm2S8fvm1hjWwqFpW4sV5EnfdkSE0YYy0BPfDxXCtNRYwDxKgG4UlnIVX5kQAxRujZQor1mTkHiO0+YpwixXSYFy0IPNTDvSI8NsJrwPkzFrQTNBMepO2UZ2z2a8C4/LhLsEQNL1qcCDLM67rrhx/6nCRrWKJ1FLNO8JkWKqTjpjQx1RalAeGmj2eOgc4kCyAXEi51RK/h4d2kN8kEyIWEM/lrAnC2MefmflIBciEdBF0JG06iAHIhNfxnsSoFJ5EAzVzRXwgLjs5hXqcdBv1hziZdp2ywRASE1hxWoIj95ybJ1QdZQBaQBWQBWUAWkDULyAKygPTYXwEGAArW2QJagQgvAAAAAElFTkSuQmCC')\",\n                backgroundRepeat: \"no-repeat\",\n                backgroundPosition: \"5px center\",\n                backgroundSize: \"16px\",\n              }}\n            />\n            {values.state.value.length > 0 && !values.isDisabled && (\n              <AriaButton\n                className={(buttonValues) => searchFieldButton(buttonValues)}\n              >\n                ✕\n              </AriaButton>\n            )}\n          </div>\n        </>\n      )}\n    </AriaSearchField>\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/lib/components/{select.cjs → select.js}

@@ -25,10 +25,10 @@ __export(select_exports, {
 module.exports = __toCommonJS(select_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_components = require("react-aria-components");
-var import_gradient = require("../utilities/gradient.cjs");
-var import_outline = require("../utilities/outline.cjs");
-var import_resolve_class_name = require("../utilities/resolve-class-name.cjs");
-var import_tv = require("../utilities/tv.cjs");
+var import_gradient = require("../utilities/gradient.js");
+var import_outline = require("../utilities/outline.js");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+var import_tv = require("../utilities/tv.js");
 const select = (0, import_tv.tv)({
   base: "font-spiegel"
 });
@@ -125,3 +125,5 @@ function Item({ className, ...props }) {
   Item,
   Select
 });
+
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFQ;AA5ER,mCAQO;AACP,sBAKO;AACP,qBAAiC;AACjC,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,aAAS,cAAG;AAAA,EAChB,MAAM;AACR,CAAC;AAED,MAAM,yBAAqB,cAAG;AAAA,EAC5B,MAAM,CAAC,wDAAwD,4BAAY;AAAA,EAC3E,UAAU;AAAA,IACR,WAAW,EAAE,MAAM,kCAAkB;AAAA,IACrC,WAAW,EAAE,MAAM,oCAAoB;AAAA,IACvC,QAAQ,EAAE,MAAM,oCAAoB;AAAA,IACpC,YAAY,EAAE,MAAM,iCAAiB;AAAA,IACrC,WAAW,EAAE,MAAM,GAAG;AAAA,IACtB,gBAAgB,EAAE,MAAM,gCAAiB;AAAA,EAC3C;AACF,CAAC;AAED,MAAM,mBAAe,cAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW,EAAE,MAAM,oBAAoB;AAAA,IACvC,QAAQ,EAAE,MAAM,oCAAoC;AAAA,EACtD;AACF,CAAC;AAED,MAAM,cAAU,cAAG;AAAA,EACjB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW,EAAE,MAAM,GAAG;AAAA,EACxB;AACF,CAAC;AAUM,SAAS,OAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,CAAC,WACV,OAAO;AAAA,QACL,GAAG;AAAA,QACH,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAC/C,CAAC;AAAA,MAGF,WAAC,WACA,4EACE;AAAA;AAAA,UAAC,6BAAAC;AAAA;AAAA,YACC,WAAW,CAAC,iBACV,mBAAmB,EAAE,GAAG,cAAc,QAAQ,OAAO,OAAO,CAAC;AAAA,YAG/D;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,aAAa,MAAM;AAAA,gBAC9B,OAAO;AAAA,kBACL,oBAAoB;AAAA,kBACpB,iBAAiB,OAAO,SACpB,0bACA;AAAA,gBACN;AAAA,gBAEA,sDAAC,6BAAAC,aAAA,EAAgB;AAAA;AAAA,YACnB;AAAA;AAAA,QACF;AAAA,QACC,eAAe,4CAAC,6BAAAC,MAAA,EAAS,MAAK,eAAe,uBAAY;AAAA,QACzD,gBACC,4CAAC,6BAAAA,MAAA,EAAS,MAAK,gBAAgB,wBAAa;AAAA,QAE9C,4CAAC,6BAAAC,SAAA,EAAY,QAAQ,GAAG,WAAU,uBAChC,sDAAC,6BAAAC,SAAA,EAAY,WAAW,MAAM,QAAQ,GAAI,UAAS,GACrD;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,WAAO,cAAG;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,IACR,WAAW,EAAE,MAAM,oCAAoC;AAAA,IACvD,gBAAgB,EAAE,MAAM,gCAAiB;AAAA,IACzC,WAAW,EAAE,MAAM,GAAG;AAAA,IACtB,YAAY,EAAE,MAAM,GAAG;AAAA,IACvB,WAAW,EAAE,MAAM,uCAAuC;AAAA,EAC5D;AACF,CAAC;AAEM,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAqB;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACrB,eAAO,KAAK;AAAA,UACV,GAAG;AAAA,UACH,eAAW,4CAAiB,WAAW,MAAM;AAAA,QAC/C,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ","names":["AriaSelect","AriaButton","AriaSelectValue","AriaText","AriaPopover","AriaListBox"],"sources":["../../../src/components/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode } from \"react\";\nimport type {\n  ListBoxItemProps,\n  SelectProps as AriaSelectProps,\n} from \"react-aria-components\";\nimport {\n  Text as AriaText,\n  Select as AriaSelect,\n  Button as AriaButton,\n  Popover as AriaPopover,\n  ListBox as AriaListBox,\n  SelectValue as AriaSelectValue,\n  ListBoxItem,\n} from \"react-aria-components\";\nimport {\n  goldGradient,\n  disabledGradient,\n  goldGradientHover,\n  goldGradientPressed,\n} from \"../utilities/gradient.js\";\nimport { outlineClassName } from \"../utilities/outline.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst select = tv({\n  base: \"font-spiegel\",\n});\n\nconst selectButtonBorder = tv({\n  base: [\"inline-block w-[200px] bg-gradient-to-t outline-none\", goldGradient],\n  variants: {\n    isHovered: { true: goldGradientHover },\n    isPressed: { true: goldGradientPressed },\n    isOpen: { true: goldGradientPressed },\n    isDisabled: { true: disabledGradient },\n    isFocused: { true: \"\" },\n    isFocusVisible: { true: outlineClassName },\n  },\n});\n\nconst selectButton = tv({\n  base: \"bg-lol-grey-hextech-black text-lol-grey-100 m-px block bg-no-repeat px-2 py-1.5 pr-6 text-left text-xs font-normal tracking-wide\",\n  variants: {\n    isHovered: { true: \"text-lol-gold-100\" },\n    isOpen: { true: \"text-lol-gold-600 bg-lol-grey-300\" },\n  },\n});\n\nconst listBox = tv({\n  base: \"bg-lol-grey-hextech-black border-lol-gold-600 border outline-none\",\n  variants: {\n    isFocused: { true: \"\" },\n  },\n});\n\ninterface SelectProps<T extends object>\n  extends Omit<AriaSelectProps<T>, \"children\"> {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  children?: ReactNode | ((item: T) => ReactNode);\n}\n\nexport function Select<T extends object>({\n  description,\n  errorMessage,\n  children,\n  className,\n  ...props\n}: SelectProps<T>) {\n  return (\n    <AriaSelect\n      {...props}\n      className={(values) =>\n        select({\n          ...values,\n          className: resolveClassName(className, values),\n        })\n      }\n    >\n      {(values) => (\n        <>\n          <AriaButton\n            className={(buttonValues) =>\n              selectButtonBorder({ ...buttonValues, isOpen: values.isOpen })\n            }\n          >\n            <span\n              className={selectButton(values)}\n              style={{\n                backgroundPosition: \"right 0.5rem center\",\n                backgroundImage: values.isOpen\n                  ? \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA90lEQVR42mL8//8/A6mAiYEMwILVJG4RNiAlDcQgZzz79/XNL2R5RnTnATWwAyn5BEfBaqDUv4UH3rcD+Q+QNaJoAmrgAFJyiY6CdWL8LNEgsRcf/ixA14juJ6kkJ8FGkIbn7//MB2pYKCHAkhDvIFgJksPlJ0ZGRgbmp+9+z1py6EMvSACoASyO009A53FCTfwNCgCoS2A2wAOEcWDiCcl5v6DOY8bmPBYsodf28/f/90sPf+iDBgQo5BiAwd4ICnZcKeKfjDBrepy9IAsoJEFBDgp6fKGHLXIXAm1pQ45cfMmoBpqM2vAmIzSNUkQnWJrFE0CAAQCQxYvehN8YFAAAAABJRU5ErkJggg==')\"\n                  : \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=')\",\n              }}\n            >\n              <AriaSelectValue />\n            </span>\n          </AriaButton>\n          {description && <AriaText slot=\"description\">{description}</AriaText>}\n          {errorMessage && (\n            <AriaText slot=\"errorMessage\">{errorMessage}</AriaText>\n          )}\n          <AriaPopover offset={4} className=\"w-[--trigger-width]\">\n            <AriaListBox className={() => listBox()}>{children}</AriaListBox>\n          </AriaPopover>\n        </>\n      )}\n    </AriaSelect>\n  );\n}\n\nconst item = tv({\n  base: \"font-spiegel border-lol-grey-300 text-lol-gold-300 text-lol-sm border-b px-2 py-1.5 text-sm outline-none\",\n  variants: {\n    isHovered: { true: \"bg-lol-grey-300 text-lol-gold-100\" },\n    isFocusVisible: { true: outlineClassName },\n    isFocused: { true: \"\" },\n    isSelected: { true: \"\" },\n    isPressed: { true: \"text-lol-gold-600 bg-lol-grey-300/50\" },\n  },\n});\n\nexport function Item({ className, ...props }: ListBoxItemProps) {\n  return (\n    <ListBoxItem\n      {...props}\n      className={(values) => {\n        return item({\n          ...values,\n          className: resolveClassName(className, values),\n        });\n      }}\n    />\n  );\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/lib/components/slider/{images.cjs → images.js}

@@ -35,3 +35,5 @@ const sliderDisabled = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAA
   sliderHover,
   sliderNormal
 });
+
+//# sourceMappingURL=images.js.map