@lizzy-liang-bigstack/theme 0.0.1

package/dist/index.js

@@ -0,0 +1,1815 @@
+'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 __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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.
+  __defProp(target, "default", { value: mod, enumerable: true }) ,
+  mod
+));
+
+// ../../node_modules/.pnpm/tailwindcss@3.4.19_yaml@2.9.0/node_modules/tailwindcss/lib/util/cloneDeep.js
+var require_cloneDeep = __commonJS({
+  "../../node_modules/.pnpm/tailwindcss@3.4.19_yaml@2.9.0/node_modules/tailwindcss/lib/util/cloneDeep.js"(exports) {
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "cloneDeep", {
+      enumerable: true,
+      get: function() {
+        return cloneDeep;
+      }
+    });
+    function cloneDeep(value) {
+      if (Array.isArray(value)) {
+        return value.map((child) => cloneDeep(child));
+      }
+      if (typeof value === "object" && value !== null) {
+        return Object.fromEntries(Object.entries(value).map(([k, v]) => [
+          k,
+          cloneDeep(v)
+        ]));
+      }
+      return value;
+    }
+  }
+});
+
+// ../../node_modules/.pnpm/tailwindcss@3.4.19_yaml@2.9.0/node_modules/tailwindcss/stubs/config.full.js
+var require_config_full = __commonJS({
+  "../../node_modules/.pnpm/tailwindcss@3.4.19_yaml@2.9.0/node_modules/tailwindcss/stubs/config.full.js"(exports, module) {
+    module.exports = {
+      content: [],
+      presets: [],
+      darkMode: "media",
+      // or 'class'
+      theme: {
+        accentColor: ({ theme }) => ({
+          ...theme("colors"),
+          auto: "auto"
+        }),
+        animation: {
+          none: "none",
+          spin: "spin 1s linear infinite",
+          ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+          pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+          bounce: "bounce 1s infinite"
+        },
+        aria: {
+          busy: 'busy="true"',
+          checked: 'checked="true"',
+          disabled: 'disabled="true"',
+          expanded: 'expanded="true"',
+          hidden: 'hidden="true"',
+          pressed: 'pressed="true"',
+          readonly: 'readonly="true"',
+          required: 'required="true"',
+          selected: 'selected="true"'
+        },
+        aspectRatio: {
+          auto: "auto",
+          square: "1 / 1",
+          video: "16 / 9"
+        },
+        backdropBlur: ({ theme }) => theme("blur"),
+        backdropBrightness: ({ theme }) => theme("brightness"),
+        backdropContrast: ({ theme }) => theme("contrast"),
+        backdropGrayscale: ({ theme }) => theme("grayscale"),
+        backdropHueRotate: ({ theme }) => theme("hueRotate"),
+        backdropInvert: ({ theme }) => theme("invert"),
+        backdropOpacity: ({ theme }) => theme("opacity"),
+        backdropSaturate: ({ theme }) => theme("saturate"),
+        backdropSepia: ({ theme }) => theme("sepia"),
+        backgroundColor: ({ theme }) => theme("colors"),
+        backgroundImage: {
+          none: "none",
+          "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
+          "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
+          "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
+          "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
+          "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
+          "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
+          "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
+          "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
+        },
+        backgroundOpacity: ({ theme }) => theme("opacity"),
+        backgroundPosition: {
+          bottom: "bottom",
+          center: "center",
+          left: "left",
+          "left-bottom": "left bottom",
+          "left-top": "left top",
+          right: "right",
+          "right-bottom": "right bottom",
+          "right-top": "right top",
+          top: "top"
+        },
+        backgroundSize: {
+          auto: "auto",
+          cover: "cover",
+          contain: "contain"
+        },
+        blur: {
+          0: "0",
+          none: "",
+          sm: "4px",
+          DEFAULT: "8px",
+          md: "12px",
+          lg: "16px",
+          xl: "24px",
+          "2xl": "40px",
+          "3xl": "64px"
+        },
+        borderColor: ({ theme }) => ({
+          ...theme("colors"),
+          DEFAULT: theme("colors.gray.200", "currentColor")
+        }),
+        borderOpacity: ({ theme }) => theme("opacity"),
+        borderRadius: {
+          none: "0px",
+          sm: "0.125rem",
+          DEFAULT: "0.25rem",
+          md: "0.375rem",
+          lg: "0.5rem",
+          xl: "0.75rem",
+          "2xl": "1rem",
+          "3xl": "1.5rem",
+          full: "9999px"
+        },
+        borderSpacing: ({ theme }) => ({
+          ...theme("spacing")
+        }),
+        borderWidth: {
+          DEFAULT: "1px",
+          0: "0px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        boxShadow: {
+          sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+          DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+          md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+          lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+          xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+          "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+          inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+          none: "none"
+        },
+        boxShadowColor: ({ theme }) => theme("colors"),
+        brightness: {
+          0: "0",
+          50: ".5",
+          75: ".75",
+          90: ".9",
+          95: ".95",
+          100: "1",
+          105: "1.05",
+          110: "1.1",
+          125: "1.25",
+          150: "1.5",
+          200: "2"
+        },
+        caretColor: ({ theme }) => theme("colors"),
+        colors: ({ colors }) => ({
+          inherit: colors.inherit,
+          current: colors.current,
+          transparent: colors.transparent,
+          black: colors.black,
+          white: colors.white,
+          slate: colors.slate,
+          gray: colors.gray,
+          zinc: colors.zinc,
+          neutral: colors.neutral,
+          stone: colors.stone,
+          red: colors.red,
+          orange: colors.orange,
+          amber: colors.amber,
+          yellow: colors.yellow,
+          lime: colors.lime,
+          green: colors.green,
+          emerald: colors.emerald,
+          teal: colors.teal,
+          cyan: colors.cyan,
+          sky: colors.sky,
+          blue: colors.blue,
+          indigo: colors.indigo,
+          violet: colors.violet,
+          purple: colors.purple,
+          fuchsia: colors.fuchsia,
+          pink: colors.pink,
+          rose: colors.rose
+        }),
+        columns: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          "3xs": "16rem",
+          "2xs": "18rem",
+          xs: "20rem",
+          sm: "24rem",
+          md: "28rem",
+          lg: "32rem",
+          xl: "36rem",
+          "2xl": "42rem",
+          "3xl": "48rem",
+          "4xl": "56rem",
+          "5xl": "64rem",
+          "6xl": "72rem",
+          "7xl": "80rem"
+        },
+        container: {},
+        content: {
+          none: "none"
+        },
+        contrast: {
+          0: "0",
+          50: ".5",
+          75: ".75",
+          100: "1",
+          125: "1.25",
+          150: "1.5",
+          200: "2"
+        },
+        cursor: {
+          auto: "auto",
+          default: "default",
+          pointer: "pointer",
+          wait: "wait",
+          text: "text",
+          move: "move",
+          help: "help",
+          "not-allowed": "not-allowed",
+          none: "none",
+          "context-menu": "context-menu",
+          progress: "progress",
+          cell: "cell",
+          crosshair: "crosshair",
+          "vertical-text": "vertical-text",
+          alias: "alias",
+          copy: "copy",
+          "no-drop": "no-drop",
+          grab: "grab",
+          grabbing: "grabbing",
+          "all-scroll": "all-scroll",
+          "col-resize": "col-resize",
+          "row-resize": "row-resize",
+          "n-resize": "n-resize",
+          "e-resize": "e-resize",
+          "s-resize": "s-resize",
+          "w-resize": "w-resize",
+          "ne-resize": "ne-resize",
+          "nw-resize": "nw-resize",
+          "se-resize": "se-resize",
+          "sw-resize": "sw-resize",
+          "ew-resize": "ew-resize",
+          "ns-resize": "ns-resize",
+          "nesw-resize": "nesw-resize",
+          "nwse-resize": "nwse-resize",
+          "zoom-in": "zoom-in",
+          "zoom-out": "zoom-out"
+        },
+        divideColor: ({ theme }) => theme("borderColor"),
+        divideOpacity: ({ theme }) => theme("borderOpacity"),
+        divideWidth: ({ theme }) => theme("borderWidth"),
+        dropShadow: {
+          sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+          DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
+          md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
+          lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
+          xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
+          "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+          none: "0 0 #0000"
+        },
+        fill: ({ theme }) => ({
+          none: "none",
+          ...theme("colors")
+        }),
+        flex: {
+          1: "1 1 0%",
+          auto: "1 1 auto",
+          initial: "0 1 auto",
+          none: "none"
+        },
+        flexBasis: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          "1/5": "20%",
+          "2/5": "40%",
+          "3/5": "60%",
+          "4/5": "80%",
+          "1/6": "16.666667%",
+          "2/6": "33.333333%",
+          "3/6": "50%",
+          "4/6": "66.666667%",
+          "5/6": "83.333333%",
+          "1/12": "8.333333%",
+          "2/12": "16.666667%",
+          "3/12": "25%",
+          "4/12": "33.333333%",
+          "5/12": "41.666667%",
+          "6/12": "50%",
+          "7/12": "58.333333%",
+          "8/12": "66.666667%",
+          "9/12": "75%",
+          "10/12": "83.333333%",
+          "11/12": "91.666667%",
+          full: "100%"
+        }),
+        flexGrow: {
+          0: "0",
+          DEFAULT: "1"
+        },
+        flexShrink: {
+          0: "0",
+          DEFAULT: "1"
+        },
+        fontFamily: {
+          sans: [
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+            '"Apple Color Emoji"',
+            '"Segoe UI Emoji"',
+            '"Segoe UI Symbol"',
+            '"Noto Color Emoji"'
+          ],
+          serif: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"],
+          mono: [
+            "ui-monospace",
+            "SFMono-Regular",
+            "Menlo",
+            "Monaco",
+            "Consolas",
+            '"Liberation Mono"',
+            '"Courier New"',
+            "monospace"
+          ]
+        },
+        fontSize: {
+          xs: ["0.75rem", { lineHeight: "1rem" }],
+          sm: ["0.875rem", { lineHeight: "1.25rem" }],
+          base: ["1rem", { lineHeight: "1.5rem" }],
+          lg: ["1.125rem", { lineHeight: "1.75rem" }],
+          xl: ["1.25rem", { lineHeight: "1.75rem" }],
+          "2xl": ["1.5rem", { lineHeight: "2rem" }],
+          "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+          "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+          "5xl": ["3rem", { lineHeight: "1" }],
+          "6xl": ["3.75rem", { lineHeight: "1" }],
+          "7xl": ["4.5rem", { lineHeight: "1" }],
+          "8xl": ["6rem", { lineHeight: "1" }],
+          "9xl": ["8rem", { lineHeight: "1" }]
+        },
+        fontWeight: {
+          thin: "100",
+          extralight: "200",
+          light: "300",
+          normal: "400",
+          medium: "500",
+          semibold: "600",
+          bold: "700",
+          extrabold: "800",
+          black: "900"
+        },
+        gap: ({ theme }) => theme("spacing"),
+        gradientColorStops: ({ theme }) => theme("colors"),
+        gradientColorStopPositions: {
+          "0%": "0%",
+          "5%": "5%",
+          "10%": "10%",
+          "15%": "15%",
+          "20%": "20%",
+          "25%": "25%",
+          "30%": "30%",
+          "35%": "35%",
+          "40%": "40%",
+          "45%": "45%",
+          "50%": "50%",
+          "55%": "55%",
+          "60%": "60%",
+          "65%": "65%",
+          "70%": "70%",
+          "75%": "75%",
+          "80%": "80%",
+          "85%": "85%",
+          "90%": "90%",
+          "95%": "95%",
+          "100%": "100%"
+        },
+        grayscale: {
+          0: "0",
+          DEFAULT: "100%"
+        },
+        gridAutoColumns: {
+          auto: "auto",
+          min: "min-content",
+          max: "max-content",
+          fr: "minmax(0, 1fr)"
+        },
+        gridAutoRows: {
+          auto: "auto",
+          min: "min-content",
+          max: "max-content",
+          fr: "minmax(0, 1fr)"
+        },
+        gridColumn: {
+          auto: "auto",
+          "span-1": "span 1 / span 1",
+          "span-2": "span 2 / span 2",
+          "span-3": "span 3 / span 3",
+          "span-4": "span 4 / span 4",
+          "span-5": "span 5 / span 5",
+          "span-6": "span 6 / span 6",
+          "span-7": "span 7 / span 7",
+          "span-8": "span 8 / span 8",
+          "span-9": "span 9 / span 9",
+          "span-10": "span 10 / span 10",
+          "span-11": "span 11 / span 11",
+          "span-12": "span 12 / span 12",
+          "span-full": "1 / -1"
+        },
+        gridColumnEnd: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          13: "13"
+        },
+        gridColumnStart: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          13: "13"
+        },
+        gridRow: {
+          auto: "auto",
+          "span-1": "span 1 / span 1",
+          "span-2": "span 2 / span 2",
+          "span-3": "span 3 / span 3",
+          "span-4": "span 4 / span 4",
+          "span-5": "span 5 / span 5",
+          "span-6": "span 6 / span 6",
+          "span-7": "span 7 / span 7",
+          "span-8": "span 8 / span 8",
+          "span-9": "span 9 / span 9",
+          "span-10": "span 10 / span 10",
+          "span-11": "span 11 / span 11",
+          "span-12": "span 12 / span 12",
+          "span-full": "1 / -1"
+        },
+        gridRowEnd: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          13: "13"
+        },
+        gridRowStart: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          13: "13"
+        },
+        gridTemplateColumns: {
+          none: "none",
+          subgrid: "subgrid",
+          1: "repeat(1, minmax(0, 1fr))",
+          2: "repeat(2, minmax(0, 1fr))",
+          3: "repeat(3, minmax(0, 1fr))",
+          4: "repeat(4, minmax(0, 1fr))",
+          5: "repeat(5, minmax(0, 1fr))",
+          6: "repeat(6, minmax(0, 1fr))",
+          7: "repeat(7, minmax(0, 1fr))",
+          8: "repeat(8, minmax(0, 1fr))",
+          9: "repeat(9, minmax(0, 1fr))",
+          10: "repeat(10, minmax(0, 1fr))",
+          11: "repeat(11, minmax(0, 1fr))",
+          12: "repeat(12, minmax(0, 1fr))"
+        },
+        gridTemplateRows: {
+          none: "none",
+          subgrid: "subgrid",
+          1: "repeat(1, minmax(0, 1fr))",
+          2: "repeat(2, minmax(0, 1fr))",
+          3: "repeat(3, minmax(0, 1fr))",
+          4: "repeat(4, minmax(0, 1fr))",
+          5: "repeat(5, minmax(0, 1fr))",
+          6: "repeat(6, minmax(0, 1fr))",
+          7: "repeat(7, minmax(0, 1fr))",
+          8: "repeat(8, minmax(0, 1fr))",
+          9: "repeat(9, minmax(0, 1fr))",
+          10: "repeat(10, minmax(0, 1fr))",
+          11: "repeat(11, minmax(0, 1fr))",
+          12: "repeat(12, minmax(0, 1fr))"
+        },
+        height: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          "1/5": "20%",
+          "2/5": "40%",
+          "3/5": "60%",
+          "4/5": "80%",
+          "1/6": "16.666667%",
+          "2/6": "33.333333%",
+          "3/6": "50%",
+          "4/6": "66.666667%",
+          "5/6": "83.333333%",
+          full: "100%",
+          screen: "100vh",
+          svh: "100svh",
+          lvh: "100lvh",
+          dvh: "100dvh",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        hueRotate: {
+          0: "0deg",
+          15: "15deg",
+          30: "30deg",
+          60: "60deg",
+          90: "90deg",
+          180: "180deg"
+        },
+        inset: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          full: "100%"
+        }),
+        invert: {
+          0: "0",
+          DEFAULT: "100%"
+        },
+        keyframes: {
+          spin: {
+            to: {
+              transform: "rotate(360deg)"
+            }
+          },
+          ping: {
+            "75%, 100%": {
+              transform: "scale(2)",
+              opacity: "0"
+            }
+          },
+          pulse: {
+            "50%": {
+              opacity: ".5"
+            }
+          },
+          bounce: {
+            "0%, 100%": {
+              transform: "translateY(-25%)",
+              animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+            },
+            "50%": {
+              transform: "none",
+              animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+            }
+          }
+        },
+        letterSpacing: {
+          tighter: "-0.05em",
+          tight: "-0.025em",
+          normal: "0em",
+          wide: "0.025em",
+          wider: "0.05em",
+          widest: "0.1em"
+        },
+        lineHeight: {
+          none: "1",
+          tight: "1.25",
+          snug: "1.375",
+          normal: "1.5",
+          relaxed: "1.625",
+          loose: "2",
+          3: ".75rem",
+          4: "1rem",
+          5: "1.25rem",
+          6: "1.5rem",
+          7: "1.75rem",
+          8: "2rem",
+          9: "2.25rem",
+          10: "2.5rem"
+        },
+        listStyleType: {
+          none: "none",
+          disc: "disc",
+          decimal: "decimal"
+        },
+        listStyleImage: {
+          none: "none"
+        },
+        margin: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing")
+        }),
+        lineClamp: {
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6"
+        },
+        maxHeight: ({ theme }) => ({
+          ...theme("spacing"),
+          none: "none",
+          full: "100%",
+          screen: "100vh",
+          svh: "100svh",
+          lvh: "100lvh",
+          dvh: "100dvh",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        maxWidth: ({ theme, breakpoints }) => ({
+          ...theme("spacing"),
+          none: "none",
+          xs: "20rem",
+          sm: "24rem",
+          md: "28rem",
+          lg: "32rem",
+          xl: "36rem",
+          "2xl": "42rem",
+          "3xl": "48rem",
+          "4xl": "56rem",
+          "5xl": "64rem",
+          "6xl": "72rem",
+          "7xl": "80rem",
+          full: "100%",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content",
+          prose: "65ch",
+          ...breakpoints(theme("screens"))
+        }),
+        minHeight: ({ theme }) => ({
+          ...theme("spacing"),
+          full: "100%",
+          screen: "100vh",
+          svh: "100svh",
+          lvh: "100lvh",
+          dvh: "100dvh",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        minWidth: ({ theme }) => ({
+          ...theme("spacing"),
+          full: "100%",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        objectPosition: {
+          bottom: "bottom",
+          center: "center",
+          left: "left",
+          "left-bottom": "left bottom",
+          "left-top": "left top",
+          right: "right",
+          "right-bottom": "right bottom",
+          "right-top": "right top",
+          top: "top"
+        },
+        opacity: {
+          0: "0",
+          5: "0.05",
+          10: "0.1",
+          15: "0.15",
+          20: "0.2",
+          25: "0.25",
+          30: "0.3",
+          35: "0.35",
+          40: "0.4",
+          45: "0.45",
+          50: "0.5",
+          55: "0.55",
+          60: "0.6",
+          65: "0.65",
+          70: "0.7",
+          75: "0.75",
+          80: "0.8",
+          85: "0.85",
+          90: "0.9",
+          95: "0.95",
+          100: "1"
+        },
+        order: {
+          first: "-9999",
+          last: "9999",
+          none: "0",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12"
+        },
+        outlineColor: ({ theme }) => theme("colors"),
+        outlineOffset: {
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        outlineWidth: {
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        padding: ({ theme }) => theme("spacing"),
+        placeholderColor: ({ theme }) => theme("colors"),
+        placeholderOpacity: ({ theme }) => theme("opacity"),
+        ringColor: ({ theme }) => ({
+          DEFAULT: theme("colors.blue.500", "#3b82f6"),
+          ...theme("colors")
+        }),
+        ringOffsetColor: ({ theme }) => theme("colors"),
+        ringOffsetWidth: {
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        ringOpacity: ({ theme }) => ({
+          DEFAULT: "0.5",
+          ...theme("opacity")
+        }),
+        ringWidth: {
+          DEFAULT: "3px",
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        rotate: {
+          0: "0deg",
+          1: "1deg",
+          2: "2deg",
+          3: "3deg",
+          6: "6deg",
+          12: "12deg",
+          45: "45deg",
+          90: "90deg",
+          180: "180deg"
+        },
+        saturate: {
+          0: "0",
+          50: ".5",
+          100: "1",
+          150: "1.5",
+          200: "2"
+        },
+        scale: {
+          0: "0",
+          50: ".5",
+          75: ".75",
+          90: ".9",
+          95: ".95",
+          100: "1",
+          105: "1.05",
+          110: "1.1",
+          125: "1.25",
+          150: "1.5"
+        },
+        screens: {
+          sm: "640px",
+          md: "768px",
+          lg: "1024px",
+          xl: "1280px",
+          "2xl": "1536px"
+        },
+        scrollMargin: ({ theme }) => ({
+          ...theme("spacing")
+        }),
+        scrollPadding: ({ theme }) => theme("spacing"),
+        sepia: {
+          0: "0",
+          DEFAULT: "100%"
+        },
+        skew: {
+          0: "0deg",
+          1: "1deg",
+          2: "2deg",
+          3: "3deg",
+          6: "6deg",
+          12: "12deg"
+        },
+        space: ({ theme }) => ({
+          ...theme("spacing")
+        }),
+        spacing: {
+          px: "1px",
+          0: "0px",
+          0.5: "0.125rem",
+          1: "0.25rem",
+          1.5: "0.375rem",
+          2: "0.5rem",
+          2.5: "0.625rem",
+          3: "0.75rem",
+          3.5: "0.875rem",
+          4: "1rem",
+          5: "1.25rem",
+          6: "1.5rem",
+          7: "1.75rem",
+          8: "2rem",
+          9: "2.25rem",
+          10: "2.5rem",
+          11: "2.75rem",
+          12: "3rem",
+          14: "3.5rem",
+          16: "4rem",
+          20: "5rem",
+          24: "6rem",
+          28: "7rem",
+          32: "8rem",
+          36: "9rem",
+          40: "10rem",
+          44: "11rem",
+          48: "12rem",
+          52: "13rem",
+          56: "14rem",
+          60: "15rem",
+          64: "16rem",
+          72: "18rem",
+          80: "20rem",
+          96: "24rem"
+        },
+        stroke: ({ theme }) => ({
+          none: "none",
+          ...theme("colors")
+        }),
+        strokeWidth: {
+          0: "0",
+          1: "1",
+          2: "2"
+        },
+        supports: {},
+        data: {},
+        textColor: ({ theme }) => theme("colors"),
+        textDecorationColor: ({ theme }) => theme("colors"),
+        textDecorationThickness: {
+          auto: "auto",
+          "from-font": "from-font",
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        textIndent: ({ theme }) => ({
+          ...theme("spacing")
+        }),
+        textOpacity: ({ theme }) => theme("opacity"),
+        textUnderlineOffset: {
+          auto: "auto",
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        transformOrigin: {
+          center: "center",
+          top: "top",
+          "top-right": "top right",
+          right: "right",
+          "bottom-right": "bottom right",
+          bottom: "bottom",
+          "bottom-left": "bottom left",
+          left: "left",
+          "top-left": "top left"
+        },
+        transitionDelay: {
+          0: "0s",
+          75: "75ms",
+          100: "100ms",
+          150: "150ms",
+          200: "200ms",
+          300: "300ms",
+          500: "500ms",
+          700: "700ms",
+          1e3: "1000ms"
+        },
+        transitionDuration: {
+          DEFAULT: "150ms",
+          0: "0s",
+          75: "75ms",
+          100: "100ms",
+          150: "150ms",
+          200: "200ms",
+          300: "300ms",
+          500: "500ms",
+          700: "700ms",
+          1e3: "1000ms"
+        },
+        transitionProperty: {
+          none: "none",
+          all: "all",
+          DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+          colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
+          opacity: "opacity",
+          shadow: "box-shadow",
+          transform: "transform"
+        },
+        transitionTimingFunction: {
+          DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
+          linear: "linear",
+          in: "cubic-bezier(0.4, 0, 1, 1)",
+          out: "cubic-bezier(0, 0, 0.2, 1)",
+          "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+        },
+        translate: ({ theme }) => ({
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          full: "100%"
+        }),
+        size: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          "1/5": "20%",
+          "2/5": "40%",
+          "3/5": "60%",
+          "4/5": "80%",
+          "1/6": "16.666667%",
+          "2/6": "33.333333%",
+          "3/6": "50%",
+          "4/6": "66.666667%",
+          "5/6": "83.333333%",
+          "1/12": "8.333333%",
+          "2/12": "16.666667%",
+          "3/12": "25%",
+          "4/12": "33.333333%",
+          "5/12": "41.666667%",
+          "6/12": "50%",
+          "7/12": "58.333333%",
+          "8/12": "66.666667%",
+          "9/12": "75%",
+          "10/12": "83.333333%",
+          "11/12": "91.666667%",
+          full: "100%",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        width: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          "1/5": "20%",
+          "2/5": "40%",
+          "3/5": "60%",
+          "4/5": "80%",
+          "1/6": "16.666667%",
+          "2/6": "33.333333%",
+          "3/6": "50%",
+          "4/6": "66.666667%",
+          "5/6": "83.333333%",
+          "1/12": "8.333333%",
+          "2/12": "16.666667%",
+          "3/12": "25%",
+          "4/12": "33.333333%",
+          "5/12": "41.666667%",
+          "6/12": "50%",
+          "7/12": "58.333333%",
+          "8/12": "66.666667%",
+          "9/12": "75%",
+          "10/12": "83.333333%",
+          "11/12": "91.666667%",
+          full: "100%",
+          screen: "100vw",
+          svw: "100svw",
+          lvw: "100lvw",
+          dvw: "100dvw",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        willChange: {
+          auto: "auto",
+          scroll: "scroll-position",
+          contents: "contents",
+          transform: "transform"
+        },
+        zIndex: {
+          auto: "auto",
+          0: "0",
+          10: "10",
+          20: "20",
+          30: "30",
+          40: "40",
+          50: "50"
+        }
+      },
+      plugins: []
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/tailwindcss@3.4.19_yaml@2.9.0/node_modules/tailwindcss/lib/public/default-theme.js
+var require_default_theme = __commonJS({
+  "../../node_modules/.pnpm/tailwindcss@3.4.19_yaml@2.9.0/node_modules/tailwindcss/lib/public/default-theme.js"(exports) {
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var _cloneDeep = require_cloneDeep();
+    var _configfull = /* @__PURE__ */ _interop_require_default(require_config_full());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    var _default = (0, _cloneDeep.cloneDeep)(_configfull.default.theme);
+  }
+});
+
+// ../../node_modules/.pnpm/tailwindcss@3.4.19_yaml@2.9.0/node_modules/tailwindcss/defaultTheme.js
+var require_defaultTheme = __commonJS({
+  "../../node_modules/.pnpm/tailwindcss@3.4.19_yaml@2.9.0/node_modules/tailwindcss/defaultTheme.js"(exports, module) {
+    var defaultTheme2 = require_default_theme();
+    module.exports = (defaultTheme2.__esModule ? defaultTheme2 : { default: defaultTheme2 }).default;
+  }
+});
+
+// src/cubeTheme.ts
+var import_defaultTheme = __toESM(require_defaultTheme());
+
+// src/utils/animationKeyframes.ts
+var skeletonKeyframes = {
+  "cos-skeleton": {
+    "100%": {
+      backgroundPositionX: "-20%"
+    }
+  }
+};
+var dotSpinner45Keyframes = {
+  "cos-dot-spinner-45-vector-0": {
+    "0%, 100%": { opacity: "1" },
+    "12.5%, 87.5%": { opacity: "0" }
+  },
+  "cos-dot-spinner-45-vector-1": {
+    "0%, 25%, 100%": { opacity: "0" },
+    "12.5%": { opacity: "1" }
+  },
+  "cos-dot-spinner-45-vector-2": {
+    "0%, 12.5%, 37.5%, 100%": { opacity: "0" },
+    "25%": { opacity: "1" }
+  },
+  "cos-dot-spinner-45-vector-3": {
+    "0%, 25%, 50%, 100%": { opacity: "0" },
+    "37.5%": { opacity: "1" }
+  },
+  "cos-dot-spinner-45-vector-4": {
+    "0%, 37.5%, 62.5%, 100%": { opacity: "0" },
+    "50%": { opacity: "1" }
+  },
+  "cos-dot-spinner-45-vector-5": {
+    "0%, 50%, 75%, 100%": { opacity: "0" },
+    "62.5%": { opacity: "1" }
+  },
+  "cos-dot-spinner-45-vector-6": {
+    "0%, 62.5%, 87.5%, 100%": { opacity: "0" },
+    "75%": { opacity: "1" }
+  },
+  "cos-dot-spinner-45-vector-7": {
+    "0%, 75%, 100%": { opacity: "0" },
+    "87.5%": { opacity: "1" }
+  }
+};
+var dotSpinner120Keyframes = {
+  "cos-dot-spinner-120-vector-0": {
+    "0%, 100%": { opacity: "1" },
+    "33.3%, 66.6%": { opacity: "0" }
+  },
+  "cos-dot-spinner-120-vector-1": {
+    "0%, 66.6%, 100%": { opacity: "0" },
+    "33.3%": { opacity: "1" }
+  },
+  "cos-dot-spinner-120-vector-2": {
+    "0%, 33.3%, 100%": { opacity: "0" },
+    "66.6%": { opacity: "1" }
+  }
+};
+var cubeSpinnerKeyframes = {
+  "cos-cube-spinner-vector-0": {
+    "0%, 100%": { opacity: "1" },
+    "33.3%, 66.6%": { opacity: "0" }
+  },
+  "cos-cube-spinner-vector-1": {
+    "0%, 66.6%, 100%": { opacity: "0" },
+    "33.3%": { opacity: "1" }
+  },
+  "cos-cube-spinner-vector-2": {
+    "0%, 33.3%, 100%": { opacity: "0" },
+    "66.6%": { opacity: "1" }
+  }
+};
+var cosAnimationKeyframes = {
+  ...skeletonKeyframes,
+  ...dotSpinner45Keyframes,
+  ...dotSpinner120Keyframes,
+  ...cubeSpinnerKeyframes
+};
+
+// src/utils/animations.ts
+var skeletonAnimations = {
+  "cos-skeleton": "cos-skeleton 1.5s ease-in-out infinite"
+};
+var dotSpinner45VectorShorthand = (vectorIndex) => `cos-dot-spinner-45-vector-${vectorIndex} 1s linear infinite`;
+var dotSpinner45Animations = {
+  "cos-dot-spinner-45-vector-0": dotSpinner45VectorShorthand(0),
+  "cos-dot-spinner-45-vector-1": dotSpinner45VectorShorthand(1),
+  "cos-dot-spinner-45-vector-2": dotSpinner45VectorShorthand(2),
+  "cos-dot-spinner-45-vector-3": dotSpinner45VectorShorthand(3),
+  "cos-dot-spinner-45-vector-4": dotSpinner45VectorShorthand(4),
+  "cos-dot-spinner-45-vector-5": dotSpinner45VectorShorthand(5),
+  "cos-dot-spinner-45-vector-6": dotSpinner45VectorShorthand(6),
+  "cos-dot-spinner-45-vector-7": dotSpinner45VectorShorthand(7)
+};
+var dotSpinner120VectorShorthand = (vectorIndex) => `cos-dot-spinner-120-vector-${vectorIndex} 1s linear infinite`;
+var dotSpinner120Animations = {
+  "cos-dot-spinner-120-vector-0": dotSpinner120VectorShorthand(0),
+  "cos-dot-spinner-120-vector-1": dotSpinner120VectorShorthand(1),
+  "cos-dot-spinner-120-vector-2": dotSpinner120VectorShorthand(2)
+};
+var cubeSpinnerVectorShorthand = (vectorIndex) => `cos-cube-spinner-vector-${vectorIndex} 1.25s linear infinite`;
+var cubeSpinnerAnimations = {
+  "cos-cube-spinner-vector-0": cubeSpinnerVectorShorthand(0),
+  "cos-cube-spinner-vector-1": cubeSpinnerVectorShorthand(1),
+  "cos-cube-spinner-vector-2": cubeSpinnerVectorShorthand(2)
+};
+var cosAnimations = {
+  ...skeletonAnimations,
+  ...dotSpinner45Animations,
+  ...dotSpinner120Animations,
+  ...cubeSpinnerAnimations
+};
+
+// src/cubeTheme.ts
+var cubeTheme = {
+  screens: {
+    "height-sm": {
+      raw: "(min-height: 768px)"
+    },
+    "height-md": {
+      raw: "(min-height: 864px)"
+    },
+    "height-lg": {
+      raw: "(min-height: 960px)"
+    },
+    "height-xl": {
+      raw: "(min-height: 1080px)"
+    }
+  },
+  colors: {
+    primary: {
+      DEFAULT: "#4C68F9",
+      0: "#F9FAFF",
+      50: "#E8EBFE",
+      100: "#D6DDFE",
+      150: "#C5CEFD",
+      200: "#B4C0FD",
+      300: "#91A2FB",
+      400: "#6F85FA",
+      500: "#4C68F9",
+      600: "#3E59E4",
+      700: "#3049CE",
+      800: "#213AB9",
+      850: "#1A32AE"
+    },
+    secondary: {
+      DEFAULT: "#57E2E2",
+      0: "#EFFCFC",
+      50: "#E0F9F9",
+      100: "#D1F7F7",
+      150: "#C1F4F4",
+      200: "#B2F2F2",
+      300: "#94ECEC",
+      400: "#75E7E7",
+      500: "#57E2E2",
+      600: "#4ACCCC",
+      700: "#3CB6B6",
+      800: "#2F9F9F",
+      850: "#289494"
+    },
+    dark: {
+      0: "#FBFBFC",
+      50: "#E8E9EB",
+      100: "#D5D6DA",
+      150: "#C3C4C9",
+      200: "#B0B2B8",
+      300: "#8A8D97",
+      400: "#656975",
+      500: "#3F4453",
+      600: "#323642",
+      700: "#262932",
+      800: "#191B21",
+      850: "#131419"
+    },
+    grey: {
+      0: "#FFFFFF",
+      50: "#FBFBFD",
+      100: "#F7F7FA",
+      150: "#F3F4F8",
+      200: "#EFF0F5",
+      300: "#E7E8F1",
+      400: "#DFE1EC",
+      500: "#D7D9E7",
+      600: "#C2C5DA",
+      700: "#ADB1CE",
+      800: "#989DC1",
+      850: "#8E93BB"
+    },
+    blue: {
+      0: "#F3FCFF",
+      50: "#E0F6FF",
+      100: "#CCF1FF",
+      150: "#B9EBFF",
+      200: "#A5E6FF",
+      300: "#7FDAFF",
+      400: "#58CFFF",
+      500: "#31C4FF",
+      600: "#27ADE2",
+      700: "#1D95C5",
+      800: "#147EA8",
+      850: "#0F729A"
+    },
+    green: {
+      0: "#EFFFFB",
+      50: "#D7FBF2",
+      100: "#BFF7E9",
+      150: "#A7F2E0",
+      200: "#8FEED7",
+      300: "#60E6C6",
+      400: "#30DDB4",
+      500: "#00D5A2",
+      600: "#00AA82",
+      700: "#008061",
+      800: "#005541",
+      850: "#004031"
+    },
+    yellow: {
+      0: "#FFFBEF",
+      50: "#FEF5D7",
+      100: "#FEF0BF",
+      150: "#FDEAA7",
+      200: "#FDE58F",
+      300: "#FBD960",
+      400: "#FACE30",
+      500: "#F9C300",
+      600: "#C89D00",
+      700: "#977600",
+      800: "#665000",
+      850: "#4E3D00"
+    },
+    red: {
+      0: "#FFF6F6",
+      50: "#FFE7E7",
+      100: "#FFD7D7",
+      150: "#FFC8C8",
+      200: "#FFB9B9",
+      300: "#FF9A9A",
+      400: "#FF7C7C",
+      500: "#FF5D5D",
+      600: "#F34A4A",
+      700: "#E73838",
+      800: "#DB2525",
+      850: "#D51C1C"
+    },
+    cosmos: {
+      primary: "#4C68F9",
+      secondary: "#57E2E2"
+    },
+    scene: {
+      gradient: "linear-gradient(90deg, #2700C3 0%, #4C68F9 30%, #31C4FF 65%, #57E2E2 100%)",
+      background: "#F7F7FA"
+    },
+    functional: {
+      title: "#282D39",
+      text: "#3F4453",
+      "text-light": "#858A9A",
+      "hover-primary": "#607AFF",
+      "hover-secondary": "#E8EBFE",
+      "hover-grey": "#FBFBFD",
+      "hover-grey-darker": "#EFF0F5",
+      "border-divider": "#DFE1EC",
+      "border-darker": "#A9AFBC",
+      disable: "#E4E9F3",
+      "disable-text": "#D7D9E7",
+      "disable-light": "#F0F4FF",
+      skeleton: "#EEF0F6"
+    },
+    status: {
+      positive: "#00D5A2",
+      "positive-text": "#00BE90",
+      negative: "#FF5D5D",
+      warning: "#F9C300",
+      paused: "#FF9920",
+      neutral: "#4C68F9",
+      "over-limit": "#9B426E"
+    },
+    chart: {
+      1: "#57E2E2",
+      2: "#647DFF",
+      3: "#58CFFF",
+      4: "#FACE30",
+      5: "#147EA8",
+      6: "#FF9A9A",
+      7: "#989DC1",
+      8: "#00D5A2",
+      9: "#3049CE",
+      10: "#3CB6B6",
+      11: "#FFB56A",
+      12: "#827CFF",
+      13: "#C29868",
+      14: "#1D95C5",
+      15: "#B4C0FD",
+      16: "#DA7BBA",
+      17: "#84D3D3",
+      18: "#6A7EE3",
+      19: "#81DBFF",
+      20: "#EAEA24",
+      21: "#57A5EE",
+      22: "#F4788B",
+      23: "#6D79BA",
+      24: "#62CFB5",
+      25: "#2055A4",
+      26: "#75E7E7",
+      27: "#FFCB7C",
+      28: "#CE91EC",
+      29: "#5EB5D8",
+      30: "#A25889",
+      31: "#869AFF",
+      32: "#988072"
+    }
+  },
+  fontFamily: {
+    // Fallback to Noto Sans TC for Traditional Chinese.
+    urbanist: ["Urbanist", "Noto Sans TC", ...import_defaultTheme.default.fontFamily.sans],
+    inter: ["Inter", "Noto Sans TC", ...import_defaultTheme.default.fontFamily.sans],
+    ["noto-sans-tc"]: ["Noto Sans TC", ...import_defaultTheme.default.fontFamily.sans],
+    sans: ["Inter", "Noto Sans TC", ...import_defaultTheme.default.fontFamily.sans]
+  },
+  fontWeight: {
+    regular: "400",
+    medium: "500",
+    semibold: "600"
+  },
+  keyframes: {
+    ...cosAnimationKeyframes
+  },
+  animation: {
+    ...cosAnimations
+  }
+};
+
+// src/plugins/backgroundGradientPlugin.ts
+var backgroundGradientPlugin = ({
+  addUtilities,
+  theme
+}) => {
+  addUtilities({
+    ".background-scene-gradient": {
+      background: theme("colors.scene.gradient")
+    },
+    ".bg-image-scene-gradient": {
+      backgroundImage: theme("colors.scene.gradient")
+    }
+  });
+};
+
+// src/plugins/iconPlugin.ts
+var iconPlugin = ({ addComponents }) => {
+  addComponents({
+    ".icon-xs": {
+      width: "10px",
+      height: "10px"
+    },
+    ".icon-frame-xs": {
+      width: "16px",
+      height: "16px"
+    },
+    ".icon-sm": {
+      width: "12px",
+      height: "12px"
+    },
+    ".icon-frame-sm": {
+      width: "24px",
+      height: "24px"
+    },
+    ".icon-md-sm": {
+      width: "14px",
+      height: "14px"
+    },
+    ".icon-frame-md-sm": {
+      width: "28px",
+      height: "28px"
+    },
+    ".icon-md": {
+      width: "16px",
+      height: "16px"
+    },
+    ".icon-frame-md": {
+      width: "32px",
+      height: "32px"
+    },
+    ".icon-lg": {
+      width: "18px",
+      height: "18px"
+    },
+    ".icon-frame-lg": {
+      width: "40px",
+      height: "40px"
+    },
+    ".icon-xl": {
+      width: "24px",
+      height: "24px"
+    },
+    ".icon-frame-xl": {
+      width: "48px",
+      height: "48px"
+    }
+  });
+};
+
+// src/plugins/skeletonPlugin.ts
+var skeletonPlugin = ({ addComponents, theme }) => {
+  const skeletonColor = theme("colors.functional.skeleton");
+  addComponents({
+    ".cos-skeleton": {
+      background: `linear-gradient(90deg, transparent 60%, rgba(255, 255, 255, .5) 70%, transparent 80%) ${skeletonColor}`,
+      backgroundSize: "200% 100%",
+      backgroundPositionX: "180%"
+    }
+  });
+};
+
+// src/utils/typography/primaryBodies.ts
+var FONT_FAMILY = "inter";
+var LETTER_SPACING = "normal";
+var FONT_WEIGHT = 400;
+var primaryBody1 = {
+  fontFamily: FONT_FAMILY,
+  fontSize: "15px",
+  lineHeight: "22px",
+  letterSpacing: LETTER_SPACING,
+  fontWeight: FONT_WEIGHT
+};
+var primaryBody2 = {
+  fontFamily: FONT_FAMILY,
+  fontSize: "14px",
+  lineHeight: "20px",
+  letterSpacing: LETTER_SPACING,
+  fontWeight: FONT_WEIGHT
+};
+var primaryBody3 = {
+  fontFamily: FONT_FAMILY,
+  fontSize: "13px",
+  lineHeight: "18px",
+  letterSpacing: LETTER_SPACING,
+  fontWeight: FONT_WEIGHT
+};
+var primaryBody4 = {
+  fontFamily: FONT_FAMILY,
+  fontSize: "12px",
+  lineHeight: "16px",
+  letterSpacing: LETTER_SPACING,
+  fontWeight: FONT_WEIGHT
+};
+var primaryBody5 = {
+  fontFamily: FONT_FAMILY,
+  fontSize: "11px",
+  lineHeight: "15px",
+  letterSpacing: LETTER_SPACING,
+  fontWeight: FONT_WEIGHT
+};
+var primaryBody6 = {
+  fontFamily: FONT_FAMILY,
+  fontSize: "10px",
+  lineHeight: "13px",
+  letterSpacing: LETTER_SPACING,
+  fontWeight: FONT_WEIGHT
+};
+
+// src/utils/typography/primaryHeadings.ts
+var FONT_FAMILY2 = "urbanist";
+var LETTER_SPACING2 = "0.02em";
+var FONT_WEIGHT2 = 600;
+var primaryH1 = {
+  fontFamily: FONT_FAMILY2,
+  fontSize: "30px",
+  lineHeight: "38px",
+  letterSpacing: LETTER_SPACING2,
+  fontWeight: FONT_WEIGHT2
+};
+var primaryH2 = {
+  fontFamily: FONT_FAMILY2,
+  fontSize: "24px",
+  lineHeight: "30px",
+  letterSpacing: LETTER_SPACING2,
+  fontWeight: FONT_WEIGHT2
+};
+var primaryH3 = {
+  fontFamily: FONT_FAMILY2,
+  fontSize: "20px",
+  lineHeight: "24px",
+  letterSpacing: LETTER_SPACING2,
+  fontWeight: FONT_WEIGHT2
+};
+var primaryH4 = {
+  fontFamily: FONT_FAMILY2,
+  fontSize: "18px",
+  lineHeight: "22px",
+  letterSpacing: LETTER_SPACING2,
+  fontWeight: FONT_WEIGHT2
+};
+var primaryH5 = {
+  fontFamily: FONT_FAMILY2,
+  fontSize: "16px",
+  lineHeight: "20px",
+  letterSpacing: LETTER_SPACING2,
+  fontWeight: FONT_WEIGHT2
+};
+
+// src/utils/typography/secondaryBodies.ts
+var FONT_FAMILY3 = "urbanist";
+var LETTER_SPACING3 = "0.02em";
+var FONT_WEIGHT3 = 400;
+var secondaryBody1 = {
+  fontFamily: FONT_FAMILY3,
+  fontSize: "15px",
+  lineHeight: "22px",
+  letterSpacing: LETTER_SPACING3,
+  fontWeight: FONT_WEIGHT3
+};
+var secondaryBody2 = {
+  fontFamily: FONT_FAMILY3,
+  fontSize: "14px",
+  lineHeight: "18px",
+  letterSpacing: LETTER_SPACING3,
+  fontWeight: FONT_WEIGHT3
+};
+var secondaryBody3 = {
+  fontFamily: FONT_FAMILY3,
+  fontSize: "13px",
+  lineHeight: "16px",
+  letterSpacing: LETTER_SPACING3,
+  fontWeight: FONT_WEIGHT3
+};
+var secondaryBody4 = {
+  fontFamily: FONT_FAMILY3,
+  fontSize: "12px",
+  lineHeight: "16px",
+  letterSpacing: LETTER_SPACING3,
+  fontWeight: FONT_WEIGHT3
+};
+var secondaryBody5 = {
+  fontFamily: FONT_FAMILY3,
+  fontSize: "11px",
+  lineHeight: "15px",
+  letterSpacing: LETTER_SPACING3,
+  fontWeight: FONT_WEIGHT3
+};
+var secondaryBody6 = {
+  fontFamily: FONT_FAMILY3,
+  fontSize: "10px",
+  lineHeight: "14px",
+  letterSpacing: LETTER_SPACING3,
+  fontWeight: FONT_WEIGHT3
+};
+var secondaryBody7 = {
+  fontFamily: FONT_FAMILY3,
+  fontSize: "9px",
+  lineHeight: "12px",
+  letterSpacing: LETTER_SPACING3,
+  fontWeight: FONT_WEIGHT3
+};
+
+// src/utils/typography/secondaryHeadings.ts
+var FONT_FAMILY4 = "inter";
+var LETTER_SPACING4 = "0.02em";
+var FONT_WEIGHT4 = 600;
+var secondaryH1 = {
+  fontFamily: FONT_FAMILY4,
+  fontSize: "30px",
+  lineHeight: "38px",
+  letterSpacing: LETTER_SPACING4,
+  fontWeight: FONT_WEIGHT4
+};
+var secondaryH2 = {
+  fontFamily: FONT_FAMILY4,
+  fontSize: "24px",
+  lineHeight: "30px",
+  letterSpacing: LETTER_SPACING4,
+  fontWeight: FONT_WEIGHT4
+};
+var secondaryH3 = {
+  fontFamily: FONT_FAMILY4,
+  fontSize: "20px",
+  lineHeight: "24px",
+  letterSpacing: LETTER_SPACING4,
+  fontWeight: FONT_WEIGHT4
+};
+var secondaryH4 = {
+  fontFamily: FONT_FAMILY4,
+  fontSize: "18px",
+  lineHeight: "22px",
+  letterSpacing: LETTER_SPACING4,
+  fontWeight: FONT_WEIGHT4
+};
+var secondaryH5 = {
+  fontFamily: FONT_FAMILY4,
+  fontSize: "16px",
+  lineHeight: "20px",
+  letterSpacing: LETTER_SPACING4,
+  fontWeight: FONT_WEIGHT4
+};
+
+// src/utils/typography/typography.ts
+var typographyMap = {
+  "primary-h1": primaryH1,
+  "primary-h2": primaryH2,
+  "primary-h3": primaryH3,
+  "primary-h4": primaryH4,
+  "primary-h5": primaryH5,
+  "secondary-h1": secondaryH1,
+  "secondary-h2": secondaryH2,
+  "secondary-h3": secondaryH3,
+  "secondary-h4": secondaryH4,
+  "secondary-h5": secondaryH5,
+  "primary-body1": primaryBody1,
+  "primary-body2": primaryBody2,
+  "primary-body3": primaryBody3,
+  "primary-body4": primaryBody4,
+  "primary-body5": primaryBody5,
+  "primary-body6": primaryBody6,
+  "secondary-body1": secondaryBody1,
+  "secondary-body2": secondaryBody2,
+  "secondary-body3": secondaryBody3,
+  "secondary-body4": secondaryBody4,
+  "secondary-body5": secondaryBody5,
+  "secondary-body6": secondaryBody6,
+  "secondary-body7": secondaryBody7
+};
+var getTypography = (className) => {
+  return typographyMap[className];
+};
+
+// src/plugins/typographyPlugin.ts
+var typographyPlugin = ({ addComponents }) => {
+  const components = Object.fromEntries(
+    Object.entries(typographyMap).map(([className, typography]) => {
+      const selector = `.${className}`;
+      const fontFamily = cubeTheme.fontFamily[typography.fontFamily].join(", ");
+      const definition = {
+        fontFamily,
+        fontSize: typography.fontSize,
+        lineHeight: typography.lineHeight,
+        letterSpacing: typography.letterSpacing ?? null,
+        fontWeight: typography.fontWeight.toString()
+      };
+      return [selector, definition];
+    })
+  );
+  addComponents(components);
+};
+
+// src/cubePreset.ts
+var cubePreset = {
+  theme: {
+    extend: cubeTheme
+  },
+  plugins: [
+    backgroundGradientPlugin,
+    iconPlugin,
+    skeletonPlugin,
+    typographyPlugin
+  ]
+};
+
+exports.cubePreset = cubePreset;
+exports.cubeTheme = cubeTheme;
+exports.getTypography = getTypography;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map