@lolmath/ui 0.0.0-20240810205542

package/dist/es/style.css

@@ -0,0 +1,105 @@
+@layer lol {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+  :root {
+    color-scheme: dark;
+    --lol-z-index-app: 100;
+    --lol-z-index-modal: 200;
+    --lol-z-index-popover: 300;
+    --lol-z-index-overlay: 400;
+    --lol-z-index-max: 9999;
+    --lol-scale: 1;
+    --lol-color-blue-100: #CDFAFA;
+    --lol-color-blue-200: #0AC8B9;
+    --lol-color-blue-300: #0397AB;
+    --lol-color-blue-400: #005A82;
+    --lol-color-blue-500: #0A323C;
+    --lol-color-blue-600: #091428;
+    --lol-color-blue-700: #0A1428;
+    --lol-color-grey-100: #A09B8C;
+    --lol-color-grey-150: #5B5A56;
+    --lol-color-grey-200: #3C3C41;
+    --lol-color-grey-300: #1E2328;
+    --lol-color-grey-cool: #1E282D;
+    --lol-color-hextech-black: #010A13;
+    --lol-color-gold-100: #F0E6D2;
+    --lol-color-gold-200: #C8AA6E;
+    --lol-color-gold-300: #CDBE91;
+    --lol-color-gold-400: #C89B3C;
+    --lol-color-gold-500: #785A28;
+    --lol-color-gold-600: #463714;
+    --lol-color-gold-700: #32281E;
+    --lol-font-size-h1: 3.3333rem;
+    --lol-line-height-h1: 3.5rem;
+    --lol-letter-spacing-h1: 0.05em;
+    --lol-font-weight-h1: 700;
+    --lol-font-size-h2: 2.3333rem;
+    --lol-line-height-h2: 2.6667rem;
+    --lol-letter-spacing-h2: 0.05em;
+    --lol-font-weight-h2: 700;
+    --lol-font-size-h3: 1.9167rem;
+    --lol-line-height-h3: 2.3333rem;
+    --lol-letter-spacing-h3: 0.05em;
+    --lol-font-weight-h3: 700;
+    --lol-font-size-h4: 1.5rem;
+    --lol-line-height-h4: 1.8333rem;
+    --lol-letter-spacing-h4: 0.05em;
+    --lol-font-weight-h4: 700;
+    --lol-font-size-h5: 1.1667rem;
+    --lol-line-height-h5: 1.5rem;
+    --lol-letter-spacing-h5: 0.075em;
+    --lol-font-weight-h5: 700;
+    --lol-font-size-label: 0.9167rem;
+    --lol-line-height-label: 1.3333rem;
+    --lol-letter-spacing-label: 0.05em;
+    --lol-font-weight-label: 700;
+    --lol-font-size-stat: 1.1667rem;
+    --lol-line-height-stat: 1.6667rem;
+    --lol-letter-spacing-stat: 0.05em;
+    --lol-font-weight-stat: 700;
+    --lol-font-size-stat: 1.1667rem;
+    --lol-line-height-stat: 1.6667rem;
+    --lol-letter-spacing-stat: 0.05em;
+    --lol-font-weight-stat: 700;
+    --lol-font-size-large-number: 4.75rem;
+    --lol-line-height-large-number: 5.1667rem;
+    --lol-letter-spacing-large-number: 0.025em;
+    --lol-font-weight-large-number: 500;
+    --lol-font-size-xs: 0.75rem;
+    --lol-line-height-xs: 1rem;
+    --lol-letter-spacing-xs: 0.025em;
+    --lol-font-weight-xs: 400;
+    --lol-font-size-sm: 0.875rem;
+    --lol-line-height-sm: 1.1025rem;
+    --lol-letter-spacing-sm: 0.02em;
+    --lol-font-weight-sm: 400;
+    --lol-font-size-base: 1rem;
+    --lol-line-height-base: 1.24rem;
+    --lol-letter-spacing-base: 0.01em;
+    --lol-font-weight-base: 400;
+    --lol-font-size-md: 1.1667rem;
+    --lol-line-height-md: 1.6667rem;
+    --lol-letter-spacing-md: 0.025em;
+    --lol-font-weight-md: 400;
+    --lol-font-size-lg: 1.5rem;
+    --lol-line-height-lg: 1.875rem;
+    --lol-letter-spacing-lg: 0.025em;
+    --lol-font-weight-lg: 400;
+    --lol-font-family-beaufort: "beaufort";
+    --lol-font-family-spiegel: "spiegel";
+    --lol-gradient-gold: linear-gradient(to top, var(--lol-color-gold-500), var(--lol-color-gold-400), var(--lol-color-gold-200));
+    --lol-gradient-gold-hover: linear-gradient(to top, var(--lol-color-gold-400), var(--lol-color-gold-200), var(--lol-color-gold-100));
+    --lol-gradient-gold-press: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500));
+    --lol-gradient-grey-300: linear-gradient(to top, var(--lol-color-grey-300), var(--lol-color-grey-300), var(--lol-color-grey-300));
+    --lol-gradient-grey-focus: linear-gradient(to top, var(--lol-color-grey-200), var(--lol-color-grey-300), var(--lol-color-grey-300));
+    --lol-gradient-hextech-black: linear-gradient(to top, var(--lol-color-hextech-black), var(--lol-color-hextech-black));
+    --lol-gradient-disabled: linear-gradient(to top, var(--lol-color-grey-150), var(--lol-color-grey-150), var(--lol-color-grey-150));
+    --lol-gradient-transparent: linear-gradient(to top, transparent, transparent);
+    --lol-gradient-hextech: linear-gradient(to top, var(--lol-color-blue-200), var(--lol-color-blue-400));
+    --lol-gradient-hextech-hover: linear-gradient(to top, var(--lol-color-blue-100), var(--lol-color-blue-300));
+    --lol-gradient-hextech-press: linear-gradient(to top, var(--lol-color-blue-500), var(--lol-color-blue-400));
+  }
+}

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,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/font/beaufort/beaufort.css

@@ -0,0 +1,79 @@
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-300-italic.woff2") format("woff2"),
+    url("./files/beaufort-300-italic.woff") format("woff");
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-400-italic.woff2") format("woff2"),
+    url("./files/beaufort-400-italic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-500-italic.woff2") format("woff2"),
+    url("./files/beaufort-500-italic.woff") format("woff");
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-700-italic.woff2") format("woff2"),
+    url("./files/beaufort-700-italic.woff") format("woff");
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-900-italic.woff2") format("woff2"),
+    url("./files/beaufort-900-italic.woff") format("woff");
+  font-weight: 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-300-normal.woff2") format("woff2"),
+    url("./files/beaufort-300-normal.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-400-normal.woff2") format("woff2"),
+    url("./files/beaufort-400-normal.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-500-normal.woff2") format("woff2"),
+    url("./files/beaufort-500-normal.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-700-normal.woff2") format("woff2"),
+    url("./files/beaufort-700-normal.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: beaufort;
+  src: url("./files/beaufort-900-normal.woff2") format("woff2"),
+    url("./files/beaufort-900-normal.woff") format("woff");
+  font-weight: 900;
+  font-style: normal;
+}

package/dist/font/spiegel/spiegel.css

@@ -0,0 +1,44 @@
+@font-face {
+  font-family: spiegel;
+  src:
+    url("./files/spiegel-400-italic.woff2") format("woff2"),
+    url("./files/spiegel-400-italic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: spiegel;
+  src:
+    url("./files/spiegel-700-italic.woff2") format("woff2"),
+    url("./files/spiegel-700-italic.woff") format("woff");
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: spiegel;
+  src:
+    url("./files/spiegel-400-normal.woff2") format("woff2"),
+    url("./files/spiegel-400-normal.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: spiegel;
+  src:
+    url("./files/spiegel-600-normal.woff2") format("woff2"),
+    url("./files/spiegel-600-normal.woff") format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: spiegel;
+  src:
+    url("./files/spiegel-700-normal.woff2") format("woff2"),
+    url("./files/spiegel-700-normal.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+}

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

@@ -0,0 +1,74 @@
+interface AccordionProps {
+    children: React.ReactNode;
+}
+export declare function Accordion({ children }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare const accordionTrigger: (props?: ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+}) | undefined) => string;
+interface AccordionTriggerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionItemProps {
+    children: React.ReactNode;
+    value: string;
+}
+export declare function AccordionItem({ children, value }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionContentProps {
+    children: React.ReactNode;
+}
+export declare function AccordionContent({ children }: AccordionContentProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/lib/components/accordion.js

@@ -0,0 +1,112 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+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
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cva = require("cva");
+var import_react = require("react");
+var import_accordion = __toESM(require("./accordion.module"));
+function Accordion({ children }) {
+  const [activeItem, setActiveItem] = (0, import_react.useState)("");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AccordionContext.Provider,
+    {
+      value: {
+        activeItem,
+        setActiveItem
+      },
+      children
+    }
+  );
+}
+const accordionTrigger = (0, import_cva.cva)({
+  base: import_accordion.default.trigger
+});
+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",
+    {
+      type: "button",
+      className: accordionTrigger({
+        className
+      }),
+      onClick: () => {
+        setActiveItem((currentItem) => currentItem === item ? "" : item);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_accordion.default.icon, children: "❯" }),
+        children
+      ]
+    }
+  );
+}
+function AccordionItem({ children, value }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AccordionItemContext.Provider,
+    {
+      value: {
+        item: value
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_accordion.default.item, 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: import_accordion.default.content, 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
+});
+
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAXF,iBAAoB;AACpB,mBAAoD;AACpD,uBAAoB;AAKb,SAAS,UAAU,EAAE,SAAS,GAAmB;AACvD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAiB,EAAE;AAEvD,SACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,OAAO;AAAA,QACN;AAAA,QACA;AAAA,MACD;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,uBAAmB,gBAAI;AAAA,EACnC,MAAM,iBAAAA,QAAQ;AACf,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,MAAK;AAAA,MACL,WAAW,iBAAiB;AAAA,QAC3B;AAAA,MACD,CAAC;AAAA,MACD,SAAS,MAAM;AACd,sBAAc,CAAC,gBAAiB,gBAAgB,OAAO,KAAK,IAAK;AAAA,MAClE;AAAA,MAEA;AAAA,oDAAC,UAAK,WAAW,iBAAAA,QAAQ,MAAM,eAAC;AAAA,QAC/B;AAAA;AAAA;AAAA,EACF;AAEF;AAMO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAuB;AACtE,SACC;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACA,OAAO;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MAEA,sDAAC,SAAI,WAAW,iBAAAA,QAAQ,MAAO,UAAS;AAAA;AAAA,EACzC;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,WAAW,iBAAAA,QAAQ,SAAU,UAAS;AACnD;AAEA,MAAM,uBAAmB,4BAGtB,MAAgB;AAEnB,MAAM,2BAAuB,4BAE1B,MAAgB","names":["classes"],"ignoreList":[],"sources":["../../../src/components/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"cva\";\nimport { createContext, useContext, useState } from \"react\";\nimport classes from \"./accordion.module\";\n\ninterface AccordionProps {\n\tchildren: React.ReactNode;\n}\nexport function Accordion({ children }: AccordionProps) {\n\tconst [activeItem, setActiveItem] = useState<string>(\"\");\n\n\treturn (\n\t\t<AccordionContext.Provider\n\t\t\tvalue={{\n\t\t\t\tactiveItem,\n\t\t\t\tsetActiveItem,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AccordionContext.Provider>\n\t);\n}\n\nexport const accordionTrigger = cva({\n\tbase: classes.trigger,\n});\n\ninterface AccordionTriggerProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\nexport function AccordionTrigger({\n\tchildren,\n\tclassName,\n}: AccordionTriggerProps) {\n\tconst { setActiveItem } = useContext(AccordionContext);\n\tconst { item } = useContext(AccordionItemContext);\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={accordionTrigger({\n\t\t\t\tclassName,\n\t\t\t})}\n\t\t\tonClick={() => {\n\t\t\t\tsetActiveItem((currentItem) => (currentItem === item ? \"\" : item));\n\t\t\t}}\n\t\t>\n\t\t\t<span className={classes.icon}>❯</span>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\ninterface AccordionItemProps {\n\tchildren: React.ReactNode;\n\tvalue: string;\n}\nexport function AccordionItem({ children, value }: AccordionItemProps) {\n\treturn (\n\t\t<AccordionItemContext.Provider\n\t\t\tvalue={{\n\t\t\t\titem: value,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={classes.item}>{children}</div>\n\t\t</AccordionItemContext.Provider>\n\t);\n}\n\ninterface AccordionContentProps {\n\tchildren: React.ReactNode;\n}\nexport function AccordionContent({ children }: AccordionContentProps) {\n\tconst { activeItem } = useContext(AccordionContext);\n\tconst { item } = useContext(AccordionItemContext);\n\n\tif (activeItem !== item) {\n\t\treturn null;\n\t}\n\n\treturn <div className={classes.content}>{children}</div>;\n}\n\nconst AccordionContext = createContext<{\n\tactiveItem: string;\n\tsetActiveItem: React.Dispatch<React.SetStateAction<string>>;\n}>(undefined as any);\n\nconst AccordionItemContext = createContext<{\n\titem: string;\n}>(undefined as any);\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

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

@@ -0,0 +1,27 @@
+"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 accordion_exports = {};
+__export(accordion_exports, {
+  default: () => accordion_default
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_accordion_module = require("./accordion_module.css");
+var accordion_default = { "trigger": "trigger_d2da2", "icon": "icon_d2da2", "item": "item_d2da2", "content": "content_d2da2" };
+
+//# sourceMappingURL=accordion.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AAAyB,IAAO,oBAAQ,EAAC,WAAU,iBAAgB,QAAO,cAAa,QAAO,cAAa,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../src/components/accordion.module.css"],"sourcesContent":["import \"./accordion_module.css\";export default {\"trigger\":\"trigger_d2da2\",\"icon\":\"icon_d2da2\",\"item\":\"item_d2da2\",\"content\":\"content_d2da2\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/accordion_module.css

@@ -0,0 +1,41 @@
+@layer lol {
+	.trigger_d2da2 {
+		color: var(--lol-color-grey-100);
+		font-family: var(--lol-font-family-beaufort);
+
+		display: flex;
+		width: 100%;
+		align-items: center;
+		padding: 0.5rem 0;
+		font-weight: bold;
+		text-transform: uppercase;
+		text-align: left;
+	}
+
+		.trigger_d2da2:active,
+		.trigger_d2da2:hover {
+			color: var(--lol-color-gold-100);
+		}
+
+	.icon_d2da2 {
+		margin-left: .125rem;
+		margin-right: .5rem;
+		display: inline-block;
+		rotate: 90deg;
+		font-size: var(--lol-font-size-sm);
+	}
+
+	.item_d2da2 {
+		border-bottom: 1px solid var(--lol-color-gold-600);
+	}
+
+		.item_d2da2:last-of-type {
+			border-bottom: none;
+		}
+
+	.content_d2da2 {
+		padding: 1rem 0;
+		color: var(--lol-color-grey-100);
+		font-family: var(--lol-font-family-spiegel);
+	}
+}