@lolmath/ui 3.2.1 → 3.2.2

package/dist/lib/components/tooltip.cjs

@@ -0,0 +1,96 @@
+"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 tooltip_exports = {};
+__export(tooltip_exports, {
+  Tooltip: () => Tooltip,
+  TooltipTrigger: () => import_react_aria_components2.TooltipTrigger
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_aria_components = require("react-aria-components");
+var import_gradient = require("../utilities/gradient.cjs");
+var import_resolve_class_name = require("../utilities/resolve-class-name.cjs");
+var import_tv = require("../utilities/tv.cjs");
+var import_react_aria_components2 = require("react-aria-components");
+const tooltipBorder = (0, import_tv.tv)({
+  base: ["w-[280px] bg-gradient-to-t p-0.5 drop-shadow-lg", import_gradient.goldGradient],
+  variants: {
+    isEntering: {
+      true: "animate-in fade-in data-[placement=bottom]:slide-in-from-top-1 data-[placement=top]:slide-in-from-bottom-1 fill-mode-forwards duration-200 ease-out"
+    },
+    isExiting: {
+      true: "animate-out fade-out data-[placement=bottom]:slide-out-to-top-1 data-[placement=top]:slide-out-to-bottom-1 fill-mode-forwards duration-150 ease-in"
+    },
+    placement: {
+      bottom: "mt-2",
+      top: "mb-2",
+      center: "",
+      left: "",
+      right: ""
+    }
+  }
+});
+const tooltipArrowBorder = (0, import_tv.tv)({
+  base: "fill-lol-gold-500 absolute block h-5 w-5",
+  variants: {
+    placement: {
+      top: "-left-0.5 -translate-y-[1px]",
+      bottom: "fill-lol-gold-200 -left-0.5 -translate-y-[3px] rotate-180",
+      left: "fill-lol-gold-400 -top-0.5 -translate-x-px -rotate-90",
+      right: "fill-lol-gold-400 -top-0.5 -translate-x-[3px] rotate-90",
+      center: ""
+    }
+  }
+});
+const tooltipArrow = (0, import_tv.tv)({
+  base: "fill-lol-grey-300 block h-4 w-4",
+  variants: {
+    placement: {
+      top: "-translate-y-0.5",
+      bottom: "translate-y-0.5 rotate-180",
+      left: "-translate-x-0.5 -rotate-90",
+      right: "translate-x-0.5 rotate-90",
+      center: ""
+    }
+  }
+});
+function Tooltip({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Tooltip,
+    {
+      ...props,
+      className: (values) => tooltipBorder({
+        ...values,
+        className: (0, import_resolve_class_name.resolveClassName)(props?.className, values)
+      }),
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.OverlayArrow, { className: "translate-y-1 transform", children: (values2) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 12 12", className: tooltipArrowBorder(values2), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 0,L6 6,L12 0" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 12 12", className: tooltipArrow(values2), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 0,L6 6,L12 0" }) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-lol-grey-300", children: typeof children === "function" ? children(values) : children })
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip,
+  TooltipTrigger
+});

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

@@ -0,0 +1,3 @@
+import type { TooltipProps } from "react-aria-components";
+export declare function Tooltip({ children, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export { TooltipTrigger } from "react-aria-components";

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

@@ -0,0 +1,3 @@
+import type { TooltipProps } from "react-aria-components";
+export declare function Tooltip({ children, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export { TooltipTrigger } from "react-aria-components";

package/dist/lib/components/typography/heading.cjs

@@ -0,0 +1,60 @@
+"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 heading_exports = {};
+__export(heading_exports, {
+  Heading: () => Heading
+});
+module.exports = __toCommonJS(heading_exports);
+var import_react = require("react");
+var import_tv = require("../../utilities/tv.cjs");
+const heading = (0, import_tv.tv)({
+  base: "font-beaufort scroll-m-20 uppercase",
+  variants: {
+    color: {
+      "gold-100": "text-lol-gold-100",
+      "gold-200": "text-lol-gold-200",
+      "gold-400": "text-lol-gold-400",
+      "grey-100": "text-lol-grey-100"
+    },
+    preset: {
+      h1: "text-lol-h1",
+      h2: "text-lol-h2",
+      h3: "text-lol-h3",
+      h4: "text-lol-h4",
+      h5: "text-lol-h5"
+    }
+  }
+});
+function Heading({
+  as,
+  preset = "h1",
+  color = "gold-100",
+  className,
+  ...rest
+}) {
+  const resultAs = as ?? preset;
+  return (0, import_react.createElement)(resultAs, {
+    ...rest,
+    className: heading({ preset, color, className })
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Heading
+});

package/dist/lib/components/typography/heading.d.cts

@@ -0,0 +1,9 @@
+export type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
+export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
+interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    preset?: HeadingElement;
+    color?: HeadingColor;
+    as?: HeadingElement | "span";
+}
+export declare function Heading({ as, preset, color, className, ...rest }: HeadingProps): JSX.Element;
+export {};

package/dist/lib/components/typography/heading.d.ts

@@ -0,0 +1,9 @@
+export type HeadingColor = "gold-100" | "gold-200" | "gold-400" | "grey-100";
+export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5";
+interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
+    preset?: HeadingElement;
+    color?: HeadingColor;
+    as?: HeadingElement | "span";
+}
+export declare function Heading({ as, preset, color, className, ...rest }: HeadingProps): JSX.Element;
+export {};

package/dist/lib/components/typography/text.cjs

@@ -0,0 +1,83 @@
+"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 text_exports = {};
+__export(text_exports, {
+  Label: () => Label,
+  Text: () => Text
+});
+module.exports = __toCommonJS(text_exports);
+var import_react = require("react");
+var import_tv = require("../../utilities/tv.cjs");
+var import_react_aria_components = require("react-aria-components");
+const presetElements = {
+  sm: "p",
+  base: "p",
+  md: "p",
+  lg: "p",
+  "large-number": "span",
+  stat: "span"
+};
+const text = (0, import_tv.tv)({
+  base: "font-spiegel",
+  variants: {
+    color: {
+      "grey-100": "text-lol-grey-100",
+      "grey-150": "text-lol-grey-150",
+      "gold-100": "text-lol-gold-100"
+    },
+    preset: {
+      sm: "text-lol-sm",
+      base: "text-lol-base",
+      md: "text-lol-md",
+      lg: "text-lol-lg",
+      label: "text-lol-label",
+      "large-number": "text-lol-large-number font-beaufort italic",
+      stat: "text-lol-stat font-beaufort"
+    }
+  }
+});
+function Text({
+  as = "p",
+  preset = "base",
+  color = "grey-100",
+  className,
+  ...rest
+}) {
+  const elementType = as ?? presetElements[preset];
+  return (0, import_react.createElement)(elementType, {
+    ...rest,
+    className: text({ preset, color, className })
+  });
+}
+function Label({
+  preset = "sm",
+  color = "grey-100",
+  className,
+  ...rest
+}) {
+  return (0, import_react.createElement)(import_react_aria_components.Label, {
+    ...rest,
+    className: text({ preset, color, className })
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Label,
+  Text
+});

package/dist/lib/components/typography/text.d.cts

@@ -0,0 +1,17 @@
+import { type LabelProps as AriaLabelProps } from "react-aria-components";
+export type TextColor = "grey-100" | "grey-150" | "gold-100";
+export type TextElement = "p" | "span" | "div";
+export type TextPreset = "sm" | "base" | "md" | "lg" | "large-number" | "stat";
+interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    preset?: TextPreset;
+    color?: TextColor;
+    as?: TextElement;
+}
+export declare function Text({ as, preset, color, className, ...rest }: TextProps): JSX.Element;
+interface LabelProps extends AriaLabelProps {
+    preset?: TextPreset | 'label';
+    color?: TextColor;
+    as?: TextElement;
+}
+export declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
+export {};

package/dist/lib/components/typography/text.d.ts

@@ -0,0 +1,17 @@
+import { type LabelProps as AriaLabelProps } from "react-aria-components";
+export type TextColor = "grey-100" | "grey-150" | "gold-100";
+export type TextElement = "p" | "span" | "div";
+export type TextPreset = "sm" | "base" | "md" | "lg" | "large-number" | "stat";
+interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    preset?: TextPreset;
+    color?: TextColor;
+    as?: TextElement;
+}
+export declare function Text({ as, preset, color, className, ...rest }: TextProps): JSX.Element;
+interface LabelProps extends AriaLabelProps {
+    preset?: TextPreset | 'label';
+    color?: TextColor;
+    as?: TextElement;
+}
+export declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
+export {};

package/dist/lib/index.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./components/accordion.cjs"), module.exports);
+__reExport(src_exports, require("./components/button.cjs"), module.exports);
+__reExport(src_exports, require("./components/card.cjs"), module.exports);
+__reExport(src_exports, require("./components/checkbox.cjs"), module.exports);
+__reExport(src_exports, require("./components/divider.cjs"), module.exports);
+__reExport(src_exports, require("./components/modal.cjs"), module.exports);
+__reExport(src_exports, require("./components/number-field.cjs"), module.exports);
+__reExport(src_exports, require("./components/progress-bar.cjs"), module.exports);
+__reExport(src_exports, require("./components/radio-group.cjs"), module.exports);
+__reExport(src_exports, require("./components/search-field.cjs"), module.exports);
+__reExport(src_exports, require("./components/select.cjs"), module.exports);
+__reExport(src_exports, require("./components/slider/slider.cjs"), module.exports);
+__reExport(src_exports, require("./components/spinner/spinner.cjs"), module.exports);
+__reExport(src_exports, require("./components/switch.cjs"), module.exports);
+__reExport(src_exports, require("./components/tabs.cjs"), module.exports);
+__reExport(src_exports, require("./components/text-area.cjs"), module.exports);
+__reExport(src_exports, require("./components/text-field.cjs"), module.exports);
+__reExport(src_exports, require("./components/toggle-button.cjs"), module.exports);
+__reExport(src_exports, require("./components/tooltip.cjs"), module.exports);
+__reExport(src_exports, require("./components/typography/heading.cjs"), module.exports);
+__reExport(src_exports, require("./components/typography/text.cjs"), module.exports);
+__reExport(src_exports, require("./utilities/gradient.cjs"), module.exports);
+__reExport(src_exports, require("./utilities/tv.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./components/accordion.cjs"),
+  ...require("./components/button.cjs"),
+  ...require("./components/card.cjs"),
+  ...require("./components/checkbox.cjs"),
+  ...require("./components/divider.cjs"),
+  ...require("./components/modal.cjs"),
+  ...require("./components/number-field.cjs"),
+  ...require("./components/progress-bar.cjs"),
+  ...require("./components/radio-group.cjs"),
+  ...require("./components/search-field.cjs"),
+  ...require("./components/select.cjs"),
+  ...require("./components/slider/slider.cjs"),
+  ...require("./components/spinner/spinner.cjs"),
+  ...require("./components/switch.cjs"),
+  ...require("./components/tabs.cjs"),
+  ...require("./components/text-area.cjs"),
+  ...require("./components/text-field.cjs"),
+  ...require("./components/toggle-button.cjs"),
+  ...require("./components/tooltip.cjs"),
+  ...require("./components/typography/heading.cjs"),
+  ...require("./components/typography/text.cjs"),
+  ...require("./utilities/gradient.cjs"),
+  ...require("./utilities/tv.cjs")
+});

package/dist/lib/index.d.cts

@@ -0,0 +1,23 @@
+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";

package/dist/lib/index.d.ts

@@ -0,0 +1,23 @@
+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";

package/dist/lib/plugin.cjs

@@ -0,0 +1,45 @@
+"use strict";
+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 plugin_exports = {};
+__export(plugin_exports, {
+  lolmathui: () => lolmathui
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_plugin = __toESM(require("tailwindcss/plugin"));
+var import_theme = require("./utilities/theme.cjs");
+const lolmathui = (0, import_plugin.default)(function({}) {
+}, {
+  theme: {
+    extend: import_theme.theme
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  lolmathui
+});

package/dist/lib/plugin.d.cts

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

package/dist/lib/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/lib/utilities/css-id.cjs

@@ -0,0 +1,31 @@
+"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 css_id_exports = {};
+__export(css_id_exports, {
+  useCssId: () => useCssId
+});
+module.exports = __toCommonJS(css_id_exports);
+var import_react = require("react");
+function useCssId() {
+  return (0, import_react.useId)().replaceAll(":", "");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCssId
+});

package/dist/lib/utilities/css-id.d.cts

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

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

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

package/dist/lib/utilities/gradient.cjs

@@ -0,0 +1,49 @@
+"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 gradient_exports = {};
+__export(gradient_exports, {
+  dimmedGradient: () => dimmedGradient,
+  disabledGradient: () => disabledGradient,
+  goldGradient: () => goldGradient,
+  goldGradientHover: () => goldGradientHover,
+  goldGradientPressed: () => goldGradientPressed,
+  hextechGradient: () => hextechGradient,
+  hextechGradientHover: () => hextechGradientHover,
+  hextechGradientPressed: () => hextechGradientPressed
+});
+module.exports = __toCommonJS(gradient_exports);
+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";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dimmedGradient,
+  disabledGradient,
+  goldGradient,
+  goldGradientHover,
+  goldGradientPressed,
+  hextechGradient,
+  hextechGradientHover,
+  hextechGradientPressed
+});

package/dist/lib/utilities/gradient.d.cts

@@ -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/lib/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/lib/utilities/outline.cjs

@@ -0,0 +1,28 @@
+"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 outline_exports = {};
+__export(outline_exports, {
+  outlineClassName: () => outlineClassName
+});
+module.exports = __toCommonJS(outline_exports);
+const outlineClassName = "outline outline-[#dcc188] outline-offset-2 outline-1";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  outlineClassName
+});

package/dist/lib/utilities/outline.d.cts

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

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

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