@lolmath/ui 3.2.4 → 3.2.5

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.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="]}
+{"version":3,"mappings":"AAAA,OAAO,YAAY;AACnB,SAAS,aAAa;AAEf,MAAM,YAAY,OAAO,CAAC,CAAC,MAAM;AAAC,GAAG;AAAA,EAC3C,OAAO;AAAA,IACN,QAAQ;AAAA,EACT;AACD,CAAC","names":[],"ignoreList":[],"sources":["../../src/plugin.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin.js\";\nimport { theme } from \"./utilities/theme.js\";\n\nexport const lolmathui = plugin(({}) => {}, {\n\ttheme: {\n\t\textend: theme,\n\t},\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/utilities/css-id.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,SAAS,aAAa;AAEf,SAAS,WAAW;AACzB,SAAO,MAAM,EAAE,WAAW,KAAK,EAAE;AACnC","names":[],"sources":["../../../src/utilities/css-id.tsx"],"sourcesContent":["import { useId } from \"react\";\n\nexport function useCssId() {\n  return useId().replaceAll(\":\", \"\");\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}
+{"version":3,"mappings":"AAAA,SAAS,aAAa;AAEf,SAAS,WAAW;AAC1B,SAAO,MAAM,EAAE,WAAW,KAAK,EAAE;AAClC","names":[],"ignoreList":[],"sources":["../../../src/utilities/css-id.tsx"],"sourcesContent":["import { useId } from \"react\";\n\nexport function useCssId() {\n\treturn useId().replaceAll(\":\", \"\");\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1 +1 @@
-{"version":3,"mappings":"AAAO,MAAM,eACX;AACK,MAAM,oBACX;AACK,MAAM,sBACX;AAEK,MAAM,kBAAkB;AACxB,MAAM,uBAAuB;AAC7B,MAAM,yBAAyB;AAE/B,MAAM,iBACX;AACK,MAAM,mBACX","names":[],"sources":["../../../src/utilities/gradient.tsx"],"sourcesContent":["export const goldGradient =\n  \"from-lol-gold-500 via-lol-gold-400 to-lol-gold-200\";\nexport const goldGradientHover =\n  \"from-lol-gold-400 via-lol-gold-200 to-lol-gold-100\";\nexport const goldGradientPressed =\n  \"from-lol-gold-600 via-lol-gold-600 to-lol-gold-500\";\n\nexport const hextechGradient = \"from-lol-blue-200 to-lol-blue-400\";\nexport const hextechGradientHover = \"from-lol-blue-100 to-lol-blue-300\";\nexport const hextechGradientPressed = \"from-lol-blue-500 to-lol-blue-400\";\n\nexport const dimmedGradient =\n  \"from-lol-grey-300 via-lol-grey-300 to-lol-grey-300\";\nexport const disabledGradient =\n  \"from-lol-grey-150 via-lol-grey-150 to-lol-grey-150\";\n"]}
+{"version":3,"mappings":"AAAO,MAAM,eACZ;AACM,MAAM,oBACZ;AACM,MAAM,sBACZ;AAEM,MAAM,kBAAkB;AACxB,MAAM,uBAAuB;AAC7B,MAAM,yBAAyB;AAE/B,MAAM,iBACZ;AACM,MAAM,mBACZ","names":[],"ignoreList":[],"sources":["../../../src/utilities/gradient.tsx"],"sourcesContent":["export const goldGradient =\n\t\"from-lol-gold-500 via-lol-gold-400 to-lol-gold-200\";\nexport const goldGradientHover =\n\t\"from-lol-gold-400 via-lol-gold-200 to-lol-gold-100\";\nexport const goldGradientPressed =\n\t\"from-lol-gold-600 via-lol-gold-600 to-lol-gold-500\";\n\nexport const hextechGradient = \"from-lol-blue-200 to-lol-blue-400\";\nexport const hextechGradientHover = \"from-lol-blue-100 to-lol-blue-300\";\nexport const hextechGradientPressed = \"from-lol-blue-500 to-lol-blue-400\";\n\nexport const dimmedGradient =\n\t\"from-lol-grey-300 via-lol-grey-300 to-lol-grey-300\";\nexport const disabledGradient =\n\t\"from-lol-grey-150 via-lol-grey-150 to-lol-grey-150\";\n"]}

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

@@ -1 +1 @@
-{"version":3,"mappings":"AAAO,MAAM,mBACX","names":[],"sources":["../../../src/utilities/outline.tsx"],"sourcesContent":["export const outlineClassName =\n  \"outline outline-[#dcc188] outline-offset-2 outline-1\";\n"]}
+{"version":3,"mappings":"AAAO,MAAM,mBACZ","names":[],"ignoreList":[],"sources":["../../../src/utilities/outline.tsx"],"sourcesContent":["export const outlineClassName =\n\t\"outline outline-[#dcc188] outline-offset-2 outline-1\";\n"]}

package/dist/es/utilities/resolve-class-name.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAO,SAAS,iBACd,WACA,QACQ;AACR,SAAO,OAAO,cAAc,aAAa,UAAU,MAAM,IAAI,aAAa;AAC5E","names":[],"sources":["../../../src/utilities/resolve-class-name.ts"],"sourcesContent":["export function resolveClassName(\n  className: ((values: any) => string) | string | undefined,\n  values: any,\n): string {\n  return typeof className === \"function\" ? className(values) : className ?? \"\";\n}\n"]}
+{"version":3,"mappings":"AAAO,SAAS,iBACf,WACA,QACS;AACT,SAAO,OAAO,cAAc,aAAa,UAAU,MAAM,IAAI,aAAa;AAC3E","names":[],"ignoreList":[],"sources":["../../../src/utilities/resolve-class-name.ts"],"sourcesContent":["export function resolveClassName(\n\tclassName: ((values: any) => string) | string | undefined,\n\tvalues: any,\n): string {\n\treturn typeof className === \"function\" ? className(values) : className ?? \"\";\n}\n"]}

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.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="]}
+{"version":3,"mappings":"AAEO,MAAM,QAAQ;AAAA,EACpB,QAAQ;AAAA,IACP,KAAK;AAAA,MACJ,MAAM;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MACN;AAAA,MACA,MAAM;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,MAClB;AAAA,MACA,MAAM;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MACN;AAAA,IACD;AAAA,EACD;AAAA,EACA,UAAU;AAAA;AAAA,IAET,UAAU;AAAA,MACT;AAAA,MACA,EAAE,YAAY,UAAU,eAAe,WAAW,YAAY,IAAI;AAAA,IACnE;AAAA,IACA,UAAU;AAAA,MACT;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACrE;AAAA,IACA,UAAU;AAAA,MACT;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACrE;AAAA,IACA,UAAU;AAAA,MACT;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACrE;AAAA,IACA,UAAU;AAAA,MACT;AAAA,MACA,EAAE,YAAY,UAAU,eAAe,UAAU,YAAY,IAAI;AAAA,IAClE;AAAA;AAAA,IAGA,aAAa;AAAA,MACZ;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACrE;AAAA,IACA,YAAY;AAAA,MACX;AAAA,MACA,EAAE,YAAY,aAAa,eAAe,UAAU,YAAY,IAAI;AAAA,IACrE;AAAA,IACA,oBAAoB;AAAA,MACnB;AAAA,MACA;AAAA,QACC,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACb;AAAA,IACD;AAAA,IACA,UAAU;AAAA,MACT;AAAA,MACA;AAAA,QACC,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACb;AAAA,IACD;AAAA,IACA,YAAY;AAAA,MACX;AAAA,MACA;AAAA,QACC,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACb;AAAA,IACD;AAAA,IACA,UAAU;AAAA,MACT;AAAA,MACA;AAAA,QACC,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACb;AAAA,IACD;AAAA,IACA,UAAU;AAAA,MACT;AAAA,MACA;AAAA,QACC,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACb;AAAA,IACD;AAAA,EACD;AAAA,EACA,YAAY;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,EACV;AACD","names":[],"ignoreList":[],"sources":["../../../src/utilities/theme.ts"],"sourcesContent":["import type { ThemeConfig } from \"tailwindcss/types/config.js\";\n\nexport const theme = {\n\tcolors: {\n\t\tlol: {\n\t\t\tblue: {\n\t\t\t\t100: \"#CDFAFA\",\n\t\t\t\t200: \"#0AC8B9\",\n\t\t\t\t300: \"#0397AB\",\n\t\t\t\t400: \"#005A82\",\n\t\t\t\t500: \"#0A323C\",\n\t\t\t\t600: \"#091428\",\n\t\t\t\t700: \"#0A1428\",\n\t\t\t},\n\t\t\tgrey: {\n\t\t\t\t100: \"#A09B8C\",\n\t\t\t\t150: \"#5B5A56\",\n\t\t\t\t200: \"#3C3C41\",\n\t\t\t\t300: \"#1E2328\",\n\t\t\t\tcool: \"#1E282D\",\n\t\t\t\t\"hextech-black\": \"#010A13\",\n\t\t\t},\n\t\t\tgold: {\n\t\t\t\t100: \"#F0E6D2\",\n\t\t\t\t200: \"#C8AA6E\",\n\t\t\t\t300: \"#CDBE91\",\n\t\t\t\t400: \"#C89B3C\",\n\t\t\t\t500: \"#785A28\",\n\t\t\t\t600: \"#463714\",\n\t\t\t\t700: \"#32281E\",\n\t\t\t},\n\t\t},\n\t},\n\tfontSize: {\n\t\t// Heading\n\t\t\"lol-h5\": [\n\t\t\t\"1.1667rem\",\n\t\t\t{ lineHeight: \"1.5rem\", letterSpacing: \"0.075em\", fontWeight: 700 },\n\t\t],\n\t\t\"lol-h4\": [\n\t\t\t\"1.5rem\",\n\t\t\t{ lineHeight: \"1.8333rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n\t\t],\n\t\t\"lol-h3\": [\n\t\t\t\"1.9167rem\",\n\t\t\t{ lineHeight: \"2.3333rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n\t\t],\n\t\t\"lol-h2\": [\n\t\t\t\"2.3333rem\",\n\t\t\t{ lineHeight: \"2.6667rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n\t\t],\n\t\t\"lol-h1\": [\n\t\t\t\"3.3333rem\",\n\t\t\t{ lineHeight: \"3.5rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n\t\t],\n\n\t\t// Text\n\t\t\"lol-label\": [\n\t\t\t\"0.9167rem\",\n\t\t\t{ lineHeight: \"1.3333rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n\t\t],\n\t\t\"lol-stat\": [\n\t\t\t\"1.1667rem\",\n\t\t\t{ lineHeight: \"1.6667rem\", letterSpacing: \"0.05em\", fontWeight: 700 },\n\t\t],\n\t\t\"lol-large-number\": [\n\t\t\t\"4.75rem\",\n\t\t\t{\n\t\t\t\tlineHeight: \"5.1667rem\",\n\t\t\t\tletterSpacing: \"0.025em\",\n\t\t\t\tfontWeight: 500,\n\t\t\t},\n\t\t],\n\t\t\"lol-sm\": [\n\t\t\t\"0.875rem\",\n\t\t\t{\n\t\t\t\tlineHeight: \"1.1025rem\",\n\t\t\t\tletterSpacing: \"0.02em\",\n\t\t\t\tfontWeight: 400,\n\t\t\t},\n\t\t],\n\t\t\"lol-base\": [\n\t\t\t\"1rem\",\n\t\t\t{\n\t\t\t\tlineHeight: \"1.24rem\",\n\t\t\t\tletterSpacing: \"0.01em\",\n\t\t\t\tfontWeight: 400,\n\t\t\t},\n\t\t],\n\t\t\"lol-md\": [\n\t\t\t\"1.1667rem\",\n\t\t\t{\n\t\t\t\tlineHeight: \"1.6667rem\",\n\t\t\t\tletterSpacing: \"0.025em\",\n\t\t\t\tfontWeight: 400,\n\t\t\t},\n\t\t],\n\t\t\"lol-lg\": [\n\t\t\t\"1.5rem\",\n\t\t\t{\n\t\t\t\tlineHeight: \"1.875rem\",\n\t\t\t\tletterSpacing: \"0.025em\",\n\t\t\t\tfontWeight: 400,\n\t\t\t},\n\t\t],\n\t},\n\tfontFamily: {\n\t\tbeaufort: \"beaufort\",\n\t\tspiegel: \"spiegel\",\n\t},\n} satisfies Partial<ThemeConfig>;\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1 +1 @@
-export declare const tv: import("tailwind-variants").TV;
+export declare const tv: import("tailwind-variants").CreateTV<TVConfig>;

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.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="]}
+{"version":3,"mappings":"AAAA,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAiBf,MAAM,KAAK,SAAS;AAAA,EAC1B,eAAe;AAAA;AAAA;AAAA;AAAA,IAId,aAAa;AAAA,MACZ,aAAa;AAAA,QACZ;AAAA,UACC,MAAM,OAAO,KAAK,MAAM,QAAQ;AAAA,QACjC;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC","names":[],"ignoreList":[],"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\ttwMergeConfig: {\n\t\t// theme: {\n\t\t// colors: formatColors(),\n\t\t// },\n\t\tclassGroups: {\n\t\t\t\"font-size\": [\n\t\t\t\t{\n\t\t\t\t\ttext: Object.keys(theme.fontSize),\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1 +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="]}
+{"version":3,"mappings":"AAAA,SAAS,iBAAiB;AAEnB,SAAS,oBAAoB,UAAsB;AACzD,MAAI,yBAAyB,UAAU;AACtC,IAAC,SAAS,oBAA4B,MAAM;AAC3C,gBAAU,QAAQ;AAAA,IACnB,CAAC;AAAA,EACF,OAAO;AACN,aAAS;AAAA,EACV;AACD","names":[],"ignoreList":[],"sources":["../../../src/utilities/view-transition.tsx"],"sourcesContent":["import { flushSync } from \"react-dom\";\n\nexport function startViewTransition(callback: () => void) {\n\tif (\"startViewTransition\" in document) {\n\t\t(document.startViewTransition as any)(() => {\n\t\t\tflushSync(callback);\n\t\t});\n\t} else {\n\t\tcallback();\n\t}\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

package/dist/lib/components/accordion.js

@@ -30,8 +30,8 @@ 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");
+var import_view_transition = require("../utilities/view-transition.js");
 function Accordion({ children, className }) {
   const [activeItem, setActiveItem] = (0, import_react.useState)("");
   const id = (0, import_css_id.useCssId)();

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

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

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

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

package/dist/lib/components/breadcrumbs.js

@@ -0,0 +1,80 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  Breadcrumb: () => Breadcrumb,
+  Breadcrumbs: () => Breadcrumbs
+});
+module.exports = __toCommonJS(breadcrumbs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_aria_components = require("react-aria-components");
+var import_tailwind_variants = require("tailwind-variants");
+var import_resolve_class_name = require("../utilities/resolve-class-name.js");
+const breadCrumbIconSrc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAA+0lEQVQYV12QsUoDURBF74xbxHLB9NqHbWwSwUJIutSbQCqb5BPMJ8RPcBttlMR8ggYLkRVxm8XGyk9IFQgx+668zb7N4sDAvJnDu3NHUIk0nrWDVu+52rO1uEb6Ph0KcSNE1Djrj6pgDjnADQRy3Wj1xuX7+/PhaPOrdQBvAHwAS4p2QPpOWkhK+jE/NiajR1lQNVRjhhTYHAXNflTu9PNyWzu5uFx/xbMJwSsnRSIsIbcboInQPBXSCbdZJ4fsL6vDWpeUuXVnVCOhmXCbhcH5YLlzF08HAtwB8HZ3+ecuh17vffEOrMSpcxc0w2R/kqIqwEeKjquAHf8Bd1xn7M0vJ+QAAAAASUVORK5CYII=";
+const breadCrumbs = (0, import_tailwind_variants.tv)({
+  base: "flex gap-1"
+});
+function Breadcrumbs(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Breadcrumbs,
+    {
+      ...props,
+      className: breadCrumbs({ className: props.className })
+    }
+  );
+}
+const breadCrumb = (0, import_tailwind_variants.tv)({
+  base: "flex items-center"
+});
+const breadCrumbLink = (0, import_tailwind_variants.tv)({
+  base: "font-beaufort text-lol-gold-300 relative text-sm font-medium uppercase tracking-widest px-4",
+  variants: {
+    isHovered: { true: "text-lol-gold-100" }
+  }
+});
+function Breadcrumb(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_aria_components.Breadcrumb,
+    {
+      ...props,
+      className: (values) => breadCrumb({
+        className: (0, import_resolve_class_name.resolveClassName)(props.className, values)
+      }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_aria_components.Link,
+          {
+            className: (values) => breadCrumbLink({
+              isHovered: values.isHovered
+            }),
+            ...props
+          }
+        ),
+        props.href && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: breadCrumbIconSrc, alt: "", className: "h-[11px]" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Breadcrumb,
+  Breadcrumbs
+});
+
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBE;AApBF,mCAOO;AACP,+BAAmB;AACnB,gCAAiC;AAEjC,MAAM,oBACL;AAED,MAAM,kBAAc,6BAAG;AAAA,EACtB,MAAM;AACP,CAAC;AAEM,SAAS,YAA8B,OAA4B;AACzE,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,YAAY,EAAE,WAAW,MAAM,UAAU,CAAC;AAAA;AAAA,EACtD;AAEF;AAEA,MAAM,iBAAa,6BAAG;AAAA,EACrB,MAAM;AACP,CAAC;AAED,MAAM,qBAAiB,6BAAG;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,oBAAoB;AAAA,EACxC;AACD,CAAC;AAEM,SAAS,WAAW,OAAoC;AAC9D,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,WAAW;AAAA,QACV,eAAW,4CAAiB,MAAM,WAAW,MAAM;AAAA,MACpD,CAAC;AAAA,MAGF;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,CAAC,WACX,eAAe;AAAA,cACd,WAAW,OAAO;AAAA,YACnB,CAAC;AAAA,YAED,GAAG;AAAA;AAAA,QACL;AAAA,QACC,MAAM,QACN,4CAAC,SAAI,KAAK,mBAAmB,KAAI,IAAG,WAAU,YAAW;AAAA;AAAA;AAAA,EAE3D;AAEF","names":["AriaBreadcrumbs","AriaBreadcrumb"],"ignoreList":[],"sources":["../../../src/components/breadcrumbs.tsx"],"sourcesContent":["import {\n\tBreadcrumb as AriaBreadcrumb,\n\tBreadcrumbs as AriaBreadcrumbs,\n\ttype BreadcrumbProps,\n\ttype BreadcrumbsProps,\n\tLink,\n\ttype LinkProps,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\n\nconst breadCrumbIconSrc =\n\t\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAA+0lEQVQYV12QsUoDURBF74xbxHLB9NqHbWwSwUJIutSbQCqb5BPMJ8RPcBttlMR8ggYLkRVxm8XGyk9IFQgx+668zb7N4sDAvJnDu3NHUIk0nrWDVu+52rO1uEb6Ph0KcSNE1Djrj6pgDjnADQRy3Wj1xuX7+/PhaPOrdQBvAHwAS4p2QPpOWkhK+jE/NiajR1lQNVRjhhTYHAXNflTu9PNyWzu5uFx/xbMJwSsnRSIsIbcboInQPBXSCbdZJ4fsL6vDWpeUuXVnVCOhmXCbhcH5YLlzF08HAtwB8HZ3+ecuh17vffEOrMSpcxc0w2R/kqIqwEeKjquAHf8Bd1xn7M0vJ+QAAAAASUVORK5CYII=\";\n\nconst breadCrumbs = tv({\n\tbase: \"flex gap-1\",\n});\n\nexport function Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>) {\n\treturn (\n\t\t<AriaBreadcrumbs\n\t\t\t{...props}\n\t\t\tclassName={breadCrumbs({ className: props.className })}\n\t\t/>\n\t);\n}\n\nconst breadCrumb = tv({\n\tbase: \"flex items-center\",\n});\n\nconst breadCrumbLink = tv({\n\tbase: \"font-beaufort text-lol-gold-300 relative text-sm font-medium uppercase tracking-widest px-4\",\n\tvariants: {\n\t\tisHovered: { true: \"text-lol-gold-100\" },\n\t},\n});\n\nexport function Breadcrumb(props: BreadcrumbProps & LinkProps) {\n\treturn (\n\t\t<AriaBreadcrumb\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tbreadCrumb({\n\t\t\t\t\tclassName: resolveClassName(props.className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t<Link\n\t\t\t\tclassName={(values) =>\n\t\t\t\t\tbreadCrumbLink({\n\t\t\t\t\t\tisHovered: values.isHovered,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t{props.href && (\n\t\t\t\t<img src={breadCrumbIconSrc} alt=\"\" className=\"h-[11px]\" />\n\t\t\t)}\n\t\t</AriaBreadcrumb>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1,4 +1,4 @@
-import { ButtonProps as AriaButtonProps, ButtonRenderProps } from "react-aria-components";
+import { type ButtonProps as AriaButtonProps, type ButtonRenderProps } from "react-aria-components";
 export type ButtonShape = "round" | "square" | "normal";
 export type ButtonPreset = "primary" | "secondary" | "text" | "hextech" | "dimmed";
 interface ButtonProps extends AriaButtonProps {

package/dist/lib/components/button.js

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -191,7 +190,7 @@ function _Button({
   preset = "secondary",
   shape = "normal",
   innerClassName,
-  thin = preset === "dimmed" ? true : false,
+  thin = preset === "dimmed",
   ...props
 }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmOU;AAjOV,mBAAgC;AAChC,mCAIO;AACP,sBASO;AACP,gCAAqD;AACrD,gBAAmB;AAiBnB,MAAM,mBAAe,cAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,QAAQ,CAAC,WAAW,WAAW;AAAA,MAC/B,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,WAAW,aAAa,QAAQ;AAAA,MACzC,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,WAAW,aAAa,QAAQ;AAAA,MACzC,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,WAAW,aAAa,QAAQ;AAAA,MACzC,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,WAAW,WAAW;AAAA,MAC/B,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,SAAS;AAAA,MAClB,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,SAAS;AAAA,MAClB,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,SAAS;AAAA,MAClB,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,SAAS;AAAA,MAClB,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAED,MAAM,aAAS,cAAG;AAAA,EAChB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SACE;AAAA,MACF,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,QAAQ,CAAC,WAAW,aAAa,WAAW,QAAQ;AAAA,MACpD,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,WAAW,aAAa,SAAS;AAAA,MAC1C,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,SAAS;AAAA,MAClB,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,SAAS;AAAA,MAClB,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,QAAQ,CAAC,MAAM;AAAA,MACf,OAAO,CAAC,UAAU,QAAQ;AAAA,MAC1B,OACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,OAAO,CAAC,SAAS,QAAQ;AAAA,MACzB,OACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO,CAAC,SAAS,QAAQ;AAAA,MACzB,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAED,SAAS,QACP;AAAA,EACE;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,OAAO,WAAW,WAAW,OAAO;AAAA,EACpC,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACrB,eAAO,aAAa;AAAA,UAClB,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,MAEC,WAAC,WAAW;AACX,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,OAAO;AAAA,cAChB,eAAW,4CAAiB,gBAAgB,MAAM;AAAA,cAClD;AAAA,cACA;AAAA,cACA,GAAG;AAAA,YACL,CAAC;AAAA,YAEA,iBAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA;AAAA,QACvD;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,aAAS,yBAAW,OAAO","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="]}
+{"version":3,"mappings":"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","names":["AriaButton"],"ignoreList":[],"sources":["../../../src/components/button.tsx"],"sourcesContent":["import { type Ref, forwardRef } from \"react\";\nimport {\n\tButton as AriaButton,\n\ttype ButtonProps as AriaButtonProps,\n\ttype ButtonRenderProps,\n} from \"react-aria-components\";\nimport {\n\tdimmedGradient,\n\tdisabledGradient,\n\tgoldGradient,\n\tgoldGradientHover,\n\tgoldGradientPressed,\n\thextechGradient,\n\thextechGradientHover,\n\thextechGradientPressed,\n} from \"../utilities/gradient.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nexport type ButtonShape = \"round\" | \"square\" | \"normal\";\nexport type ButtonPreset =\n\t| \"primary\"\n\t| \"secondary\"\n\t| \"text\"\n\t| \"hextech\"\n\t| \"dimmed\";\n\ninterface ButtonProps extends AriaButtonProps {\n\tinnerClassName?: string | ((values: ButtonRenderProps) => string);\n\tpreset?: ButtonPreset;\n\tthin?: boolean;\n\tshape?: ButtonShape;\n}\n\nconst buttonBorder = tv({\n\tbase: \"bg-gradient-to-t p-0.5 outline-none transition-colors duration-200\",\n\tvariants: {\n\t\tpreset: {\n\t\t\tprimary: \"\",\n\t\t\tsecondary: \"\",\n\t\t\ttext: \"\",\n\t\t\thextech: \"\",\n\t\t\tdimmed: dimmedGradient,\n\t\t},\n\t\tshape: {\n\t\t\tround: \"aspect-square rounded-full\",\n\t\t\tsquare: \"aspect-square\",\n\t\t\tnormal: \"\",\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tthin: {\n\t\t\ttrue: \"p-px\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\"],\n\t\t\tclass: goldGradient,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"dimmed\"],\n\t\t\tisHovered: true,\n\t\t\tclass: goldGradientHover,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"dimmed\"],\n\t\t\tisPressed: true,\n\t\t\tclass: goldGradientPressed,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"dimmed\"],\n\t\t\tisDisabled: true,\n\t\t\tclass: disabledGradient,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\"],\n\t\t\tisFocusVisible: true,\n\t\t\tclass: \"outline outline-offset-2 outline-yellow-50\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tclass: hextechGradient,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisHovered: true,\n\t\t\tclass: hextechGradientHover,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisPressed: true,\n\t\t\tclass: hextechGradientPressed,\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisDisabled: true,\n\t\t\tclass: disabledGradient,\n\t\t},\n\t],\n});\n\nconst button = tv({\n\tbase: \"text-lol-gold-300 font-beaufort block h-full w-full font-bold uppercase tracking-wide transition-colors duration-200\",\n\tvariants: {\n\t\tpreset: {\n\t\t\tprimary:\n\t\t\t\t\"from-lol-gold-600 via-lol-gold-600 to-lol-gold-700 bg-gradient-to-b\",\n\t\t\tsecondary: \"\",\n\t\t\ttext: \"\",\n\t\t\thextech: \"text-lol-blue-100\",\n\t\t\tdimmed: \"bg-lol-grey-hextech-black\",\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: \"text-lol-gold-100\",\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: \"text-lol-grey-150\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"text-lol-grey-150\",\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: \"\",\n\t\t},\n\t\tshape: {\n\t\t\tround: \"rounded-full\",\n\t\t\tsquare: \"\",\n\t\t\tnormal: \"\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"hextech\", \"dimmed\"],\n\t\t\tclass: \"px-4 py-2\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"primary\", \"secondary\", \"hextech\"],\n\t\t\tclass: \"bg-lol-grey-300\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisHovered: true,\n\t\t\tclass: \"text-lol-blue-100\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"hextech\"],\n\t\t\tisPressed: true,\n\t\t\tclass: \"text-lol-blue-400\",\n\t\t},\n\t\t{\n\t\t\tpreset: [\"text\"],\n\t\t\tshape: [\"normal\", \"square\"],\n\t\t\tclass:\n\t\t\t\t\"relative after:absolute after:-bottom-2 after:-left-2 after:-right-2 after:-top-2\",\n\t\t},\n\t\t{\n\t\t\tisHovered: true,\n\t\t\tpreset: \"primary\",\n\t\t\tclass: \"from-lol-gold-600 via-lol-gold-600 to-lol-gold-500\",\n\t\t},\n\t\t{\n\t\t\tisPressed: true,\n\t\t\tpreset: \"primary\",\n\t\t\tclass:\n\t\t\t\t\"from-lol-gold-600 via-lol-gold-700 to-lol-gold-700 text-lol-gold-500\",\n\t\t},\n\t\t{\n\t\t\tshape: [\"round\", \"square\"],\n\t\t\tclass:\n\t\t\t\t\"flex aspect-square h-7 items-center justify-center p-0 font-black leading-none\",\n\t\t},\n\t\t{\n\t\t\tisHovered: true,\n\t\t\tpreset: \"text\",\n\t\t\tshape: [\"round\", \"square\"],\n\t\t\tclass: \"bg-lol-grey-300\",\n\t\t},\n\t],\n});\n\nfunction _Button(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tpreset = \"secondary\",\n\t\tshape = \"normal\",\n\t\tinnerClassName,\n\t\tthin = preset === \"dimmed\",\n\t\t...props\n\t}: ButtonProps,\n\tref: Ref<HTMLButtonElement>,\n) {\n\treturn (\n\t\t<AriaButton\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn buttonBorder({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t{(values) => {\n\t\t\t\treturn (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={button({\n\t\t\t\t\t\t\tclassName: resolveClassName(innerClassName, values),\n\t\t\t\t\t\t\tpreset,\n\t\t\t\t\t\t\tshape,\n\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t}}\n\t\t</AriaButton>\n\t);\n}\n\nexport const Button = forwardRef(_Button);\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from "react";
+import type { ComponentProps } from "react";
 export interface CardProps extends ComponentProps<"div"> {
     borderProps?: ComponentProps<"div">;
 }

package/dist/lib/components/card.js

@@ -34,7 +34,7 @@ const inner = (0, import_tv.tv)({
   variants: {}
 });
 function Card({ children, className, style, borderProps }) {
-  const r = `1rem`;
+  const r = "1rem";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {

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

@@ -1 +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="]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCG;AAhCH,sBAA6B;AAC7B,gBAAmB;AAMnB,MAAM,iBAAa,cAAG;AAAA,EACrB,MAAM,CAAC,4BAA4B,4BAAY;AAAA,EAC/C,UAAU,CAAC;AACZ,CAAC;AAED,MAAM,YAAQ,cAAG;AAAA,EAChB,MAAM;AAAA,EACN,UAAU,CAAC;AACZ,CAAC;AAEM,SAAS,KAAK,EAAE,UAAU,WAAW,OAAO,YAAY,GAAc;AAC5E,QAAM,IAAI;AAEV,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAI,eAAe,CAAC;AAAA,MACrB,WAAW,WAAW;AAAA,QACrB,WAAW,aAAa;AAAA,MACzB,CAAC;AAAA,MACD,OAAO;AAAA,QACN,YAAY,eAAe,CAAC;AAAA,QAC5B,MAAM,eAAe,CAAC;AAAA,QACtB,GAAI,aAAa,SAAS,CAAC;AAAA,MAC5B;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,MAAM;AAAA,YAChB;AAAA,UACD,CAAC;AAAA,UACD,OAAO;AAAA,YACN,YAAY,eAAe,CAAC;AAAA,YAC5B,MAAM,eAAe,CAAC;AAAA,YACtB,GAAI,SAAS,CAAC;AAAA,UACf;AAAA,UAEC;AAAA;AAAA,MACF;AAAA;AAAA,EACD;AAEF;AAEO,SAAS,eAAe,GAAW;AACzC,SAAO,mBAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;AACrE","names":[],"ignoreList":[],"sources":["../../../src/components/card.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { goldGradient } from \"../utilities/gradient.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nexport interface CardProps extends ComponentProps<\"div\"> {\n\tborderProps?: ComponentProps<\"div\">;\n}\n\nconst cardBorder = tv({\n\tbase: [\"bg-gradient-to-t p-[2px]\", goldGradient],\n\tvariants: {},\n});\n\nconst inner = tv({\n\tbase: \"bg-lol-grey-hextech-black w-full\",\n\tvariants: {},\n});\n\nexport function Card({ children, className, style, borderProps }: CardProps) {\n\tconst r = \"1rem\";\n\n\treturn (\n\t\t<div\n\t\t\t{...(borderProps ?? {})}\n\t\t\tclassName={cardBorder({\n\t\t\t\tclassName: borderProps?.className,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\tWebkitMask: borderInverted(r),\n\t\t\t\tmask: borderInverted(r),\n\t\t\t\t...(borderProps?.style ?? {}),\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={inner({\n\t\t\t\t\tclassName,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\tWebkitMask: borderInverted(r),\n\t\t\t\t\tmask: borderInverted(r),\n\t\t\t\t\t...(style ?? {}),\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function borderInverted(r: string) {\n\treturn `radial-gradient(${r} at ${r} ${r},#0000 98%,#000) -${r} -${r}`;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1,2 +1,2 @@
-import { CheckboxProps } from "react-aria-components";
+import { type CheckboxProps } from "react-aria-components";
 export declare function Checkbox({ children, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/checkbox.js

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1 +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="]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BI;AA/BJ,mCAGO;AACP,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,eAAW,cAAG;AAAA,EACnB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,EACD;AACD,CAAC;AAEM,SAAS,SAAS,EAAE,UAAU,WAAW,GAAG,MAAM,GAAkB;AAC1E,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACA,WAAW,CAAC,WAAW;AACtB,eAAO,SAAS;AAAA,UACf,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC7C,GAAG;AAAA,QACJ,CAAC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,WAAC,WACD,4EACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,cACN,iBAAiB,OAAO,YACrB,OAAO,kBACN,qBACA,OAAO,aACN,eACA,iBACF,OAAO,kBACN,gBACA,OAAO,aACN,UACA;AAAA,YACN;AAAA,YACA,WAAU;AAAA;AAAA,QACX;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF;AAEA,MAAM,YACL;AACD,MAAM,iBACL;AACD,MAAM,UACL;AACD,MAAM,eACL;AACD,MAAM,gBACL;AACD,MAAM,qBACL","names":["AriaCheckbox"],"ignoreList":[],"sources":["../../../src/components/checkbox.tsx"],"sourcesContent":["import {\n\tCheckbox as AriaCheckbox,\n\ttype CheckboxProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { tv } from \"../utilities/tv.js\";\n\nconst checkbox = tv({\n\tbase: \"text-lol-grey-100 font-spiegel flex cursor-pointer items-center gap-1 text-xs tracking-widest\",\n\tvariants: {\n\t\tisHovered: {\n\t\t\ttrue: \"text-lol-gold-100\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"cursor-default brightness-50\",\n\t\t},\n\t},\n});\n\nexport function Checkbox({ children, className, ...props }: CheckboxProps) {\n\treturn (\n\t\t<AriaCheckbox\n\t\t\tclassName={(values) => {\n\t\t\t\treturn checkbox({\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\t...values,\n\t\t\t\t});\n\t\t\t}}\n\t\t\t{...props}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundImage: values.isHovered\n\t\t\t\t\t\t\t\t? values.isIndeterminate\n\t\t\t\t\t\t\t\t\t? indeterminateHover\n\t\t\t\t\t\t\t\t\t: values.isSelected\n\t\t\t\t\t\t\t\t\t\t? checkedHover\n\t\t\t\t\t\t\t\t\t\t: uncheckedHover\n\t\t\t\t\t\t\t\t: values.isIndeterminate\n\t\t\t\t\t\t\t\t\t? indeterminate\n\t\t\t\t\t\t\t\t\t: values.isSelected\n\t\t\t\t\t\t\t\t\t\t? checked\n\t\t\t\t\t\t\t\t\t\t: unchecked,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"h-3.5 w-3.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaCheckbox>\n\t);\n}\n\nconst unchecked =\n\t\"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\t\"url('data:image/png;base64,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')\";\nconst checked =\n\t\"url('data:image/png;base64,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')\";\nconst checkedHover =\n\t\"url('data:image/png;base64,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')\";\nconst indeterminate =\n\t\"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\t\"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,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -4,7 +4,7 @@ declare const divider: import("tailwind-variants").TVReturnType<{
         right: string;
         center: string;
     };
-}, undefined, "h-px grow border-0 bg-gradient-to-r", TVConfig<V, EV>, {
+}, undefined, "h-px grow border-0 bg-gradient-to-r", any, {
     preset: {
         left: string;
         right: string;

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

@@ -1 +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="]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBE;AAnBF,gBAAmB;AAEnB,MAAM,cAAU,cAAG;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAMM,SAAS,QAAQ,EAAE,SAAS,UAAU,SAAS,GAAG,KAAK,GAAiB;AAC9E,SACC,6CAAC,SAAI,WAAU,qBAAqB,GAAG,MACrC;AAAA,eAAW,WACX,4CAAC,SAAI,WAAU,wDAAuD;AAAA,IAEvE;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,QAAQ,EAAE,QAAQ,WAAW,SAAS,UAAU,CAAC;AAAA;AAAA,IAC7D;AAAA,IACC,WAAW,UACX,4CAAC,SAAI,WAAU,wDAAuD;AAAA,KAExE;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/divider.tsx"],"sourcesContent":["import { tv } from \"../utilities/tv.js\";\n\nconst divider = tv({\n\tbase: \"h-px grow border-0 bg-gradient-to-r\",\n\tvariants: {\n\t\tpreset: {\n\t\t\tleft: \"to-lol-gold-600 from-transparent\",\n\t\t\tright: \"from-lol-gold-600 to-transparent\",\n\t\t\tcenter: \"via-lol-gold-600 from-transparent to-transparent\",\n\t\t},\n\t},\n});\n\ninterface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n\tpreset?: keyof typeof divider.variants.preset;\n\thrProps?: React.HTMLAttributes<HTMLHRElement>;\n}\nexport function Divider({ preset = \"center\", hrProps, ...rest }: DividerProps) {\n\treturn (\n\t\t<div className=\"flex items-center\" {...rest}>\n\t\t\t{preset === \"right\" && (\n\t\t\t\t<div className=\"border-lol-gold-600 h-[5px] w-[5px] rotate-45 border\" />\n\t\t\t)}\n\t\t\t<hr\n\t\t\t\t{...hrProps}\n\t\t\t\tclassName={divider({ preset, className: hrProps?.className })}\n\t\t\t/>\n\t\t\t{preset === \"left\" && (\n\t\t\t\t<div className=\"border-lol-gold-600 h-[5px] w-[5px] rotate-45 border\" />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -1,4 +1,4 @@
-import { HeadingProps as AriaHeadingProps, ModalOverlayProps, DialogTriggerProps as AriaDialogTriggerProps, DialogProps } from "react-aria-components";
+import { type DialogTriggerProps as AriaDialogTriggerProps, type HeadingProps as AriaHeadingProps, type DialogProps, type ModalOverlayProps } from "react-aria-components";
 interface ModalProps extends Omit<ModalOverlayProps, "children"> {
     modalOverlayClassName?: ModalOverlayProps["className"];
     dialogProps?: Omit<DialogProps, "children">;

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

@@ -1 +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="]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEM;AAvEN,mCAUO;AACP,sBAAoC;AACpC,gCAAiC;AACjC,gBAAmB;AAEnB,MAAM,mBAAe,cAAG;AAAA,EACvB,MAAM;AACP,CAAC;AAED,MAAM,YAAQ,cAAG;AAAA,EAChB,MAAM;AACP,CAAC;AAED,MAAM,aAAS,cAAG;AAAA,EACjB,MAAM;AACP,CAAC;AACD,MAAM,mBAAe,cAAG;AAAA,EACvB,MAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD;AACD,CAAC;AAQM,SAAS,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAe;AACd,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,aAAa;AAAA,UACnB,eAAW,4CAAiB,uBAAuB,MAAM;AAAA,QAC1D,CAAC;AAAA,MACF;AAAA,MAEA;AAAA,QAAC,6BAAAA;AAAA;AAAA,UACC,GAAG;AAAA,UACJ,WAAW,CAAC,WACX,MAAM;AAAA,YACL,eAAW,4CAAiB,WAAW,MAAM;AAAA,UAC9C,CAAC;AAAA,UAGF;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACJ,GAAG;AAAA,cACJ,WAAW,OAAO;AAAA,gBACjB,WAAW,YAAY;AAAA,cACxB,CAAC;AAAA,cAEA,WAAC,sBACD,4EACC;AAAA,4DAAC,SAAI,WAAU,gBACd,sDAAC,SAAI,WAAU,+GAA8G,GAC9H;AAAA,gBACA,4CAAC,SAAI,WAAW,aAAa,GAC5B,sDAAC,SAAI,WAAU,6BACb,iBAAO,aAAa,aAClB,SAAS,iBAAiB,IAC1B,UACJ,GACD;AAAA,gBACA,4CAAC,SAAI,WAAU,gBACd,sDAAC,SAAI,WAAU,+GAA8G,GAC9H;AAAA,iBACD;AAAA;AAAA,UAEF;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,MAAM,oBAAgB,cAAG;AAAA,EACxB,MAAM;AACP,CAAC;AAEM,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAqB;AACxE,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,cAAc;AAAA,QACxB;AAAA,MACD,CAAC;AAAA;AAAA,EACF;AAEF;AAEO,SAAS,cAAc,EAAE,SAAS,GAAkC;AAC1E,SACC,4CAAC,SAAI,WAAU,uCACd,sDAAC,SAAI,WAAU,6CACb,UACF,GACD;AAEF;AAEO,SAAS,cAAc,OAA+B;AAC5D,SAAO,4CAAC,6BAAAC,eAAA,EAAmB,GAAG,OAAO;AACtC","names":["AriaModal","AriaHeading","AriaDialogTrigger"],"ignoreList":[],"sources":["../../../src/components/modal.tsx"],"sourcesContent":["import {\n\tDialogTrigger as AriaDialogTrigger,\n\ttype DialogTriggerProps as AriaDialogTriggerProps,\n\tHeading as AriaHeading,\n\ttype HeadingProps as AriaHeadingProps,\n\tModal as AriaModal,\n\tDialog,\n\ttype DialogProps,\n\tModalOverlay,\n\ttype ModalOverlayProps,\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\tbase: \"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\tbase: \"w-full max-w-md\",\n});\n\nconst dialog = tv({\n\tbase: \"relative max-h-screen py-4 outline-none\",\n});\nconst dialogBorder = tv({\n\tbase: [\n\t\t\"bg-gradient-to-b p-0.5 text-left align-middle shadow-xl\",\n\t\tgoldGradientPressed,\n\t],\n});\n\ninterface ModalProps extends Omit<ModalOverlayProps, \"children\"> {\n\tmodalOverlayClassName?: ModalOverlayProps[\"className\"];\n\tdialogProps?: Omit<DialogProps, \"children\">;\n\tchildren?: DialogProps[\"children\"];\n}\n\nexport function Modal({\n\tmodalOverlayClassName,\n\tdialogProps = {},\n\tchildren,\n\tclassName,\n\t...modalProps\n}: ModalProps) {\n\treturn (\n\t\t<ModalOverlay\n\t\t\t{...modalProps}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn modalOverlay({\n\t\t\t\t\tclassName: resolveClassName(modalOverlayClassName, values),\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t<AriaModal\n\t\t\t\t{...modalProps}\n\t\t\t\tclassName={(values) =>\n\t\t\t\t\tmodal({\n\t\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Dialog\n\t\t\t\t\trole=\"alertdialog\"\n\t\t\t\t\t{...dialogProps}\n\t\t\t\t\tclassName={dialog({\n\t\t\t\t\t\tclassName: dialogProps.className,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{(dialogRenderProps) => (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"relative h-1\">\n\t\t\t\t\t\t\t\t<div className=\"border-lol-gold-600 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-b-0\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className={dialogBorder()}>\n\t\t\t\t\t\t\t\t<div className=\"bg-lol-grey-hextech-black\">\n\t\t\t\t\t\t\t\t\t{typeof children === \"function\"\n\t\t\t\t\t\t\t\t\t\t? children(dialogRenderProps)\n\t\t\t\t\t\t\t\t\t\t: children}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"relative h-1\">\n\t\t\t\t\t\t\t\t<div className=\"border-lol-gold-500 bg-lol-grey-hextech-black absolute left-5 right-5 h-full rounded-full border border-t-0\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</Dialog>\n\t\t\t</AriaModal>\n\t\t</ModalOverlay>\n\t);\n}\n\nconst dialogHeading = tv({\n\tbase: \"text-lol-gold-100 font-beaufort text-lol-h5 uppercase\",\n});\n\nexport function DialogHeading({ className, ...props }: AriaHeadingProps) {\n\treturn (\n\t\t<AriaHeading\n\t\t\t{...props}\n\t\t\tclassName={dialogHeading({\n\t\t\t\tclassName,\n\t\t\t})}\n\t\t/>\n\t);\n}\n\nexport function DialogButtons({ children }: { children: React.ReactNode }) {\n\treturn (\n\t\t<div className=\"flex translate-y-0.5 justify-center\">\n\t\t\t<div className=\"bg-lol-grey-hextech-black flex gap-1 px-1\">\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function DialogTrigger(props: AriaDialogTriggerProps) {\n\treturn <AriaDialogTrigger {...props} />;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/number-field.d.ts

@@ -1,6 +1,6 @@
+import type { ComponentProps } from "react";
 import type { NumberFieldProps as AriaNumberFieldProps } from "react-aria-components";
 import { Input as AriaInput, Group } from "react-aria-components";
-import { ComponentProps } from "react";
 type NumberFieldPreset = "normal" | "dimmed";
 export declare function NumberField({ inputProps, groupProps, children, preset, ...props }: AriaNumberFieldProps & {
     inputProps?: ComponentProps<typeof AriaInput>;

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

@@ -23,9 +23,9 @@ __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_tailwind_variants = require("tailwind-variants");
 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",
   variants: {

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

@@ -1 +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="]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwEI;AAtEJ,mCAKO;AACP,+BAAmB;AACnB,sBAKO;AACP,gCAAiC;AAIjC,MAAM,wBAAoB,6BAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,eAAe;AAAA,MACd,MAAM;AAAA,IACP;AAAA,EACD;AACD,CAAC;AAED,MAAM,uBAAmB,6BAAG;AAAA,EAC3B,MAAM;AAAA,IACL;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,IACA,WAAW;AAAA,MACV,MAAM;AAAA,IACP;AAAA,EACD;AACD,CAAC;AAED,MAAM,wBAAoB,6BAAG;AAAA,EAC5B,MAAM,CAAC,oDAAoD;AAAA,EAC3D,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM;AAAA,IACP;AAAA,EACD;AACD,CAAC;AAEM,SAAS,YAAY;AAAA,EAC3B,aAAa,CAAC;AAAA,EACd,aAAa,CAAC;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACJ,GAIG;AACF,SACC,4CAAC,6BAAAA,aAAA,EAAiB,GAAG,OACnB,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACC,YAAW;AACtB,iBAAO,kBAAkB;AAAA,YACxB,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,YACxD;AAAA,YACA,GAAGA;AAAA,UACJ,CAAC;AAAA,QACF;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACL;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC,6BAAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACJ,WAAW,CAACD,YAAW;AACtB,uBAAO,iBAAiB;AAAA,kBACvB,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,kBACxD,GAAGA;AAAA,gBACJ,CAAC;AAAA,cACF;AAAA;AAAA,UACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,WAAW,CAACA,YAAW,kBAAkBA,OAAM;AAAA,cAC/C,MAAK;AAAA,cACL;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IACD;AAAA,KACD,GAEF;AAEF","names":["AriaNumberField","values","AriaInput"],"ignoreList":[],"sources":["../../../src/components/number-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type { NumberFieldProps as AriaNumberFieldProps } from \"react-aria-components\";\nimport {\n\tInput as AriaInput,\n\tNumberField as AriaNumberField,\n\tButton,\n\tGroup,\n} from \"react-aria-components\";\nimport { tv } from \"tailwind-variants\";\nimport {\n\tdimmedGradient,\n\tdisabledGradient,\n\tgoldGradient,\n\tgoldGradientHover,\n} from \"../utilities/gradient.js\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\n\ntype NumberFieldPreset = \"normal\" | \"dimmed\";\n\nconst numberFieldBorder = tv({\n\tbase: \"grid grid-cols-[auto_1fr_auto] gap-px bg-gradient-to-t p-px outline-none\",\n\tvariants: {\n\t\tpreset: {\n\t\t\tnormal: goldGradient,\n\t\t\tdimmed: dimmedGradient,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: disabledGradient,\n\t\t},\n\t\tisFocusWithin: {\n\t\t\ttrue: goldGradientHover,\n\t\t},\n\t},\n});\n\nconst numberFieldInput = tv({\n\tbase: [\n\t\t\"text-lol-gold-100 font-spiegel bg-lol-grey-hextech-black w-full px-3 py-2 text-xs outline-none\",\n\t],\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: \"text-lol-grey-150 bg-lol-grey-300\",\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: \"from-lol-grey-200 via-lol-grey-300 to-lol-grey-300 bg-gradient-to-t\",\n\t\t},\n\t},\n});\n\nconst numberFieldButton = tv({\n\tbase: [\"text-lol-gold-100 bg-lol-grey-hextech-black px-2.5\"],\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: \"text-lol-grey-150 bg-lol-grey-300\",\n\t\t},\n\t},\n});\n\nexport function NumberField({\n\tinputProps = {},\n\tgroupProps = {},\n\tchildren,\n\tpreset = \"normal\",\n\t...props\n}: AriaNumberFieldProps & {\n\tinputProps?: ComponentProps<typeof AriaInput>;\n\tgroupProps?: ComponentProps<typeof Group>;\n\tpreset?: NumberFieldPreset;\n}) {\n\treturn (\n\t\t<AriaNumberField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<Group\n\t\t\t\t\t\t{...groupProps}\n\t\t\t\t\t\tclassName={(values) => {\n\t\t\t\t\t\t\treturn numberFieldBorder({\n\t\t\t\t\t\t\t\tclassName: resolveClassName(groupProps.className, values),\n\t\t\t\t\t\t\t\tpreset,\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName={(values) => numberFieldButton(values)}\n\t\t\t\t\t\t\tslot=\"decrement\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t-\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<AriaInput\n\t\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\t\tclassName={(values) => {\n\t\t\t\t\t\t\t\treturn numberFieldInput({\n\t\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps.className, values),\n\t\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName={(values) => numberFieldButton(values)}\n\t\t\t\t\t\t\tslot=\"increment\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Group>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaNumberField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}