@lolmath/ui 3.2.1 → 3.2.2

package/dist/es/index.js

@@ -0,0 +1,25 @@
+export * from "./components/accordion";
+export * from "./components/button";
+export * from "./components/card";
+export * from "./components/checkbox";
+export * from "./components/divider";
+export * from "./components/modal";
+export * from "./components/number-field";
+export * from "./components/progress-bar";
+export * from "./components/radio-group";
+export * from "./components/search-field";
+export * from "./components/select";
+export * from "./components/slider/slider";
+export * from "./components/spinner/spinner";
+export * from "./components/switch";
+export * from "./components/tabs";
+export * from "./components/text-area";
+export * from "./components/text-field";
+export * from "./components/toggle-button";
+export * from "./components/tooltip";
+export * from "./components/typography/heading";
+export * from "./components/typography/text";
+export * from "./utilities/gradient";
+export * from "./utilities/tv";
+
+//# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./components/accordion\";\nexport * from \"./components/button\";\nexport * from \"./components/card\";\nexport * from \"./components/checkbox\";\nexport * from \"./components/divider\";\nexport * from \"./components/modal\";\nexport * from \"./components/number-field\";\nexport * from \"./components/progress-bar\";\nexport * from \"./components/radio-group\";\nexport * from \"./components/search-field\";\nexport * from \"./components/select\";\nexport * from \"./components/slider/slider\";\nexport * from \"./components/spinner/spinner\";\nexport * from \"./components/switch\";\nexport * from \"./components/tabs\";\nexport * from \"./components/text-area\";\nexport * from \"./components/text-field\";\nexport * from \"./components/toggle-button\";\nexport * from \"./components/tooltip\";\nexport * from \"./components/typography/heading\";\nexport * from \"./components/typography/text\";\nexport * from \"./utilities/gradient\";\nexport * from \"./utilities/tv\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXX0="]}

package/dist/es/plugin.d.ts

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

package/dist/es/plugin.js

@@ -0,0 +1,13 @@
+import plugin from "tailwindcss/plugin";
+import { theme } from "./utilities/theme";
+const lolmathui = plugin(function({}) {
+}, {
+  theme: {
+    extend: theme
+  }
+});
+export {
+  lolmathui
+};
+
+//# sourceMappingURL=plugin.js.map

package/dist/es/plugin.js.map

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

package/dist/es/utilities/css-id.d.ts

@@ -0,0 +1 @@
+export declare function useCssId(): string;

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

@@ -0,0 +1,9 @@
+import { useId } from "react";
+function useCssId() {
+  return useId().replaceAll(":", "");
+}
+export {
+  useCssId
+};
+
+//# sourceMappingURL=css-id.js.map

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

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

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

@@ -0,0 +1,8 @@
+export declare const goldGradient = "from-lol-gold-500 via-lol-gold-400 to-lol-gold-200";
+export declare const goldGradientHover = "from-lol-gold-400 via-lol-gold-200 to-lol-gold-100";
+export declare const goldGradientPressed = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500";
+export declare const hextechGradient = "from-lol-blue-200 to-lol-blue-400";
+export declare const hextechGradientHover = "from-lol-blue-100 to-lol-blue-300";
+export declare const hextechGradientPressed = "from-lol-blue-500 to-lol-blue-400";
+export declare const dimmedGradient = "from-lol-grey-300 via-lol-grey-300 to-lol-grey-300";
+export declare const disabledGradient = "from-lol-grey-150 via-lol-grey-150 to-lol-grey-150";

package/dist/es/utilities/gradient.js

@@ -0,0 +1,20 @@
+const goldGradient = "from-lol-gold-500 via-lol-gold-400 to-lol-gold-200";
+const goldGradientHover = "from-lol-gold-400 via-lol-gold-200 to-lol-gold-100";
+const goldGradientPressed = "from-lol-gold-600 via-lol-gold-600 to-lol-gold-500";
+const hextechGradient = "from-lol-blue-200 to-lol-blue-400";
+const hextechGradientHover = "from-lol-blue-100 to-lol-blue-300";
+const hextechGradientPressed = "from-lol-blue-500 to-lol-blue-400";
+const dimmedGradient = "from-lol-grey-300 via-lol-grey-300 to-lol-grey-300";
+const disabledGradient = "from-lol-grey-150 via-lol-grey-150 to-lol-grey-150";
+export {
+  dimmedGradient,
+  disabledGradient,
+  goldGradient,
+  goldGradientHover,
+  goldGradientPressed,
+  hextechGradient,
+  hextechGradientHover,
+  hextechGradientPressed
+};
+
+//# sourceMappingURL=gradient.js.map

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

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

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

@@ -0,0 +1 @@
+export declare const outlineClassName = "outline outline-[#dcc188] outline-offset-2 outline-1";

package/dist/es/utilities/outline.js

@@ -0,0 +1,6 @@
+const outlineClassName = "outline outline-[#dcc188] outline-offset-2 outline-1";
+export {
+  outlineClassName
+};
+
+//# sourceMappingURL=outline.js.map

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

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

package/dist/es/utilities/resolve-class-name.d.ts

@@ -0,0 +1 @@
+export declare function resolveClassName(className: ((values: any) => string) | string | undefined, values: any): string;

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

@@ -0,0 +1,8 @@
+function resolveClassName(className, values) {
+  return typeof className === "function" ? className(values) : className ?? "";
+}
+export {
+  resolveClassName
+};
+
+//# sourceMappingURL=resolve-class-name.js.map

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

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

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

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

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

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

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

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

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

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

package/dist/es/utilities/tv.js

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

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

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

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

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

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

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

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

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

package/dist/lib/components/accordion.cjs

@@ -0,0 +1,128 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  accordionTrigger: () => accordionTrigger,
+  accordionTriggerInner: () => accordionTriggerInner
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_css_id = require("../utilities/css-id.cjs");
+var import_view_transition = require("../utilities/view-transition.cjs");
+var import_tv = require("../utilities/tv.cjs");
+function Accordion({ children, className }) {
+  const [activeItem, setActiveItem] = (0, import_react.useState)("");
+  const id = (0, import_css_id.useCssId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AccordionContext.Provider,
+    {
+      value: {
+        activeItem,
+        setActiveItem,
+        id
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className,
+          style: {
+            viewTransitionName: `${id}`
+          },
+          children
+        }
+      )
+    }
+  );
+}
+const accordionTrigger = (0, import_tv.tv)({
+  base: "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase"
+});
+const accordionTriggerInner = (0, import_tv.tv)({
+  base: "ml-0.5 mr-2 inline-block rotate-90 transform text-xs"
+});
+function AccordionTrigger({
+  children,
+  className
+}) {
+  const { setActiveItem } = (0, import_react.useContext)(AccordionContext);
+  const { item } = (0, import_react.useContext)(AccordionItemContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      className: accordionTrigger({
+        className
+      }),
+      onClick: () => {
+        (0, import_view_transition.startViewTransition)(() => {
+          setActiveItem((currentItem) => currentItem === item ? "" : item);
+        });
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: accordionTriggerInner(), children: "❯" }),
+        children
+      ]
+    }
+  );
+}
+function AccordionItem({ children, value }) {
+  const { id } = (0, import_react.useContext)(AccordionContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AccordionItemContext.Provider,
+    {
+      value: {
+        item: value
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "border-lol-gold-600 border-b last-of-type:border-none",
+          style: {
+            viewTransitionName: `${id}-${value}`
+          },
+          children
+        }
+      )
+    }
+  );
+}
+function AccordionContent({ children }) {
+  const { activeItem } = (0, import_react.useContext)(AccordionContext);
+  const { item } = (0, import_react.useContext)(AccordionItemContext);
+  if (activeItem !== item) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-spiegel text-lol-grey-100 py-2", children });
+}
+const AccordionContext = (0, import_react.createContext)(void 0);
+const AccordionItemContext = (0, import_react.createContext)(void 0);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionTrigger,
+  accordionTriggerInner
+});

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

@@ -0,0 +1,22 @@
+interface AccordionProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function Accordion({ children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare const accordionTrigger: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const accordionTriggerInner: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+interface AccordionTriggerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionItemProps {
+    children: React.ReactNode;
+    value: string;
+}
+export declare function AccordionItem({ children, value }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionContentProps {
+    children: React.ReactNode;
+}
+export declare function AccordionContent({ children }: AccordionContentProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,22 @@
+interface AccordionProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function Accordion({ children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare const accordionTrigger: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const accordionTriggerInner: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+interface AccordionTriggerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionItemProps {
+    children: React.ReactNode;
+    value: string;
+}
+export declare function AccordionItem({ children, value }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionContentProps {
+    children: React.ReactNode;
+}
+export declare function AccordionContent({ children }: AccordionContentProps): import("react/jsx-runtime").JSX.Element | null;
+export {};