twenty-ui 2.42.0 → 2.44.0

package/dist/{theme-OwFrow8b.js → theme-CjHovJAZ.js}

@@ -1,9 +1,14 @@
-var d = { duration: {
+import { t as n } from "./isDefined-fMi6eQ4r.js";
+import { clsx as L } from "clsx";
+import { jsx as y } from "react/jsx-runtime";
+import { isFunction as P, isNonEmptyString as H, isObject as B, isString as G } from "@sniptt/guards";
+import e from "react";
+var Z = { duration: {
   instant: 0.075,
   fast: 0.15,
   normal: 0.3,
   slow: 1.5
-} }, s = "gray", c = {
+} }, Y = "gray", J = {
   gray1: "color(display-p3 0.09 0.09 0.09)",
   gray2: "color(display-p3 0.106 0.106 0.106)",
   gray3: "color(display-p3 0.098 0.098 0.098)",
@@ -16,7 +21,7 @@ var d = { duration: {
   gray10: "color(display-p3 0.482 0.482 0.482)",
   gray11: "color(display-p3 0.702 0.702 0.702)",
   gray12: "color(display-p3 0.922 0.922 0.922)"
-}, e = {
+}, U = {
   gray1: "color(display-p3 1 1 1)",
   gray2: "color(display-p3 0.988 0.988 0.988)",
   gray3: "color(display-p3 0.976 0.976 0.976)",
@@ -29,7 +34,7 @@ var d = { duration: {
   gray10: "color(display-p3 0.514 0.514 0.514)",
   gray11: "color(display-p3 0.4 0.4 0.4)",
   gray12: "color(display-p3 0.2 0.2 0.2)"
-}, y = [
+}, Q = [
   "red",
   "ruby",
   "crimson",
@@ -55,10 +60,10 @@ var d = { duration: {
   "gold",
   "brown",
   "gray"
-], f = (l, p) => {
-  const o = l.replace(/^#/, ""), a = o.length === 3 || o.length === 4 ? o.split("").map((i) => i + i).join("") : o;
-  return `rgba(${parseInt(a.slice(0, 2), 16)},${parseInt(a.slice(2, 4), 16)},${parseInt(a.slice(4, 6), 16)},${p})`;
-}, r = (...l) => l.map((p) => `${p * 4}px`).join(" "), n = {
+], X = 768, rr = (r, o) => {
+  const a = r.replace(/^#/, ""), l = a.length === 3 || a.length === 4 ? a.split("").map((t) => t + t).join("") : a;
+  return `rgba(${parseInt(l.slice(0, 2), 16)},${parseInt(l.slice(2, 4), 16)},${parseInt(l.slice(4, 6), 16)},${o})`;
+}, m = (...r) => r.map((o) => `${o * 4}px`).join(" "), or = {
   icon: {
     size: {
       sm: 14,
@@ -74,6 +79,7 @@ var d = { duration: {
   },
   modal: { size: {
     sm: { width: "300px" },
+    compact: { width: "360px" },
     md: { width: "400px" },
     lg: { width: "53%" },
     xl: {
@@ -108,7 +114,7 @@ var d = { duration: {
     slow: 1.5
   } },
   spacingMultiplicator: 4,
-  spacing: r,
+  spacing: m,
   betweenSiblingsGap: "2px",
   table: {
     horizontalCellMargin: "8px",
@@ -119,7 +125,7 @@ var d = { duration: {
   clickableElementBackgroundTransition: "background 0.1s ease",
   lastLayerZIndex: 2147483647,
   buttons: { secondaryTextColor: "color(display-p3 0.63 0.69 1)" }
-}, t = {
+}, ar = {
   icon: {
     size: {
       sm: 14,
@@ -135,6 +141,7 @@ var d = { duration: {
   },
   modal: { size: {
     sm: { width: "300px" },
+    compact: { width: "360px" },
     md: { width: "400px" },
     lg: { width: "53%" },
     xl: {
@@ -169,7 +176,7 @@ var d = { duration: {
     slow: 1.5
   } },
   spacingMultiplicator: 4,
-  spacing: r,
+  spacing: m,
   betweenSiblingsGap: "2px",
   table: {
     horizontalCellMargin: "8px",
@@ -262,6 +269,7 @@ var d = { duration: {
     color: "rgba(0, 0, 0, 0.6)",
     light: "0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 4px 0px rgba(0, 0, 0, 0.08)",
     sidebar: "-4px 4px 4px 0px rgba(0, 0, 0, 0.03)",
+    bottomPanel: "0px 0px 20px 0px rgba(0, 0, 0, 0.1)",
     strong: "2px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.08)",
     underline: "0px 1px 0px 0px rgba(0, 0, 0, 0.32)",
     superHeavy: "2px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.04)"
@@ -1164,7 +1172,7 @@ var d = { duration: {
       amber12: "#ffe7b3"
     }
   }
-}, b = {
+}, lr = {
   icon: {
     size: {
       sm: 14,
@@ -1180,6 +1188,7 @@ var d = { duration: {
   },
   modal: { size: {
     sm: { width: "300px" },
+    compact: { width: "360px" },
     md: { width: "400px" },
     lg: { width: "53%" },
     xl: {
@@ -1214,7 +1223,7 @@ var d = { duration: {
     slow: 1.5
   } },
   spacingMultiplicator: 4,
-  spacing: r,
+  spacing: m,
   betweenSiblingsGap: "2px",
   table: {
     horizontalCellMargin: "8px",
@@ -1307,6 +1316,7 @@ var d = { duration: {
     color: "color(display-p3 0 0 0 / 0.039)",
     light: "0px 2px 4px 0px color(display-p3 0 0 0 / 0.039), 0px 0px 4px 0px color(display-p3 0 0 0 / 0.078)",
     sidebar: "-4px 4px 4px 0px rgba(0, 0, 0, 0.005)",
+    bottomPanel: "0px 0px 20px 0px color(display-p3 0 0 0 / 0.1)",
     strong: "2px 4px 16px 0px color(display-p3 0 0 0 / 0.161), 0px 2px 4px 0px color(display-p3 0 0 0 / 0.078)",
     underline: "0px 1px 0px 0px color(display-p3 0 0 0 / 0.361)",
     superHeavy: "0px 0px 8px 0px color(display-p3 0 0 0 / 0.161), 0px 8px 64px -16px color(display-p3 0 0 0 / 0.478), 0px 24px 56px -16px color(display-p3 0 0 0 / 0.078)"
@@ -2209,15 +2219,1190 @@ var d = { duration: {
       amber12: "#341500dd"
     }
   }
-};
+}, er = (r, o) => {
+  const [a] = r;
+  return o == null ? a : r[(r.findIndex((l) => l === o) + 1) % r.length] ?? a;
+}, v = {
+  icon: {
+    size: {
+      sm: "var(--t-icon-size-sm)",
+      md: "var(--t-icon-size-md)",
+      lg: "var(--t-icon-size-lg)",
+      xl: "var(--t-icon-size-xl)"
+    },
+    stroke: {
+      sm: "var(--t-icon-stroke-sm)",
+      md: "var(--t-icon-stroke-md)",
+      lg: "var(--t-icon-stroke-lg)"
+    }
+  },
+  modal: { size: {
+    sm: { width: "var(--t-modal-size-sm-width)" },
+    compact: { width: "var(--t-modal-size-compact-width)" },
+    md: { width: "var(--t-modal-size-md-width)" },
+    lg: { width: "var(--t-modal-size-lg-width)" },
+    xl: {
+      width: "var(--t-modal-size-xl-width)",
+      height: "var(--t-modal-size-xl-height)"
+    },
+    fullscreen: {
+      width: "var(--t-modal-size-fullscreen-width)",
+      height: "var(--t-modal-size-fullscreen-height)"
+    }
+  } },
+  text: {
+    lineHeight: {
+      lg: "var(--t-text-line-height-lg)",
+      md: "var(--t-text-line-height-md)"
+    },
+    iconSizeMedium: "var(--t-text-icon-size-medium)",
+    iconSizeSmall: "var(--t-text-icon-size-small)",
+    iconStrikeLight: "var(--t-text-icon-strike-light)",
+    iconStrikeMedium: "var(--t-text-icon-strike-medium)",
+    iconStrikeBold: "var(--t-text-icon-strike-bold)"
+  },
+  tooltip: {
+    background: "var(--t-tooltip-background)",
+    color: "var(--t-tooltip-color)",
+    descriptionColor: "var(--t-tooltip-description-color)"
+  },
+  animation: { duration: {
+    instant: "var(--t-animation-duration-instant)",
+    fast: "var(--t-animation-duration-fast)",
+    normal: "var(--t-animation-duration-normal)",
+    slow: "var(--t-animation-duration-slow)"
+  } },
+  spacingMultiplicator: "var(--t-spacing-multiplicator)",
+  spacing: {
+    0: "var(--t-spacing-0)",
+    1: "var(--t-spacing-1)",
+    2: "var(--t-spacing-2)",
+    3: "var(--t-spacing-3)",
+    4: "var(--t-spacing-4)",
+    5: "var(--t-spacing-5)",
+    6: "var(--t-spacing-6)",
+    7: "var(--t-spacing-7)",
+    8: "var(--t-spacing-8)",
+    9: "var(--t-spacing-9)",
+    10: "var(--t-spacing-10)",
+    11: "var(--t-spacing-11)",
+    12: "var(--t-spacing-12)",
+    13: "var(--t-spacing-13)",
+    14: "var(--t-spacing-14)",
+    15: "var(--t-spacing-15)",
+    16: "var(--t-spacing-16)",
+    17: "var(--t-spacing-17)",
+    18: "var(--t-spacing-18)",
+    19: "var(--t-spacing-19)",
+    20: "var(--t-spacing-20)",
+    21: "var(--t-spacing-21)",
+    22: "var(--t-spacing-22)",
+    23: "var(--t-spacing-23)",
+    24: "var(--t-spacing-24)",
+    25: "var(--t-spacing-25)",
+    26: "var(--t-spacing-26)",
+    27: "var(--t-spacing-27)",
+    28: "var(--t-spacing-28)",
+    29: "var(--t-spacing-29)",
+    30: "var(--t-spacing-30)",
+    31: "var(--t-spacing-31)",
+    32: "var(--t-spacing-32)",
+    "0.5": "var(--t-spacing-0_5)",
+    "1.5": "var(--t-spacing-1_5)"
+  },
+  betweenSiblingsGap: "var(--t-between-siblings-gap)",
+  table: {
+    horizontalCellMargin: "var(--t-table-horizontal-cell-margin)",
+    checkboxColumnWidth: "var(--t-table-checkbox-column-width)",
+    horizontalCellPadding: "var(--t-table-horizontal-cell-padding)"
+  },
+  sidePanelWidth: "var(--t-side-panel-width)",
+  clickableElementBackgroundTransition: "var(--t-clickable-element-background-transition)",
+  lastLayerZIndex: "var(--t-last-layer-z-index)",
+  buttons: { secondaryTextColor: "var(--t-buttons-secondary-text-color)" },
+  accent: {
+    primary: "var(--t-accent-primary)",
+    secondary: "var(--t-accent-secondary)",
+    tertiary: "var(--t-accent-tertiary)",
+    quaternary: "var(--t-accent-quaternary)",
+    accent3570: "var(--t-accent-accent3570)",
+    accent4060: "var(--t-accent-accent4060)",
+    accent1: "var(--t-accent-accent1)",
+    accent2: "var(--t-accent-accent2)",
+    accent3: "var(--t-accent-accent3)",
+    accent4: "var(--t-accent-accent4)",
+    accent5: "var(--t-accent-accent5)",
+    accent6: "var(--t-accent-accent6)",
+    accent7: "var(--t-accent-accent7)",
+    accent8: "var(--t-accent-accent8)",
+    accent9: "var(--t-accent-accent9)",
+    accent10: "var(--t-accent-accent10)",
+    accent11: "var(--t-accent-accent11)",
+    accent12: "var(--t-accent-accent12)"
+  },
+  background: {
+    noisy: "var(--t-background-noisy)",
+    primary: "var(--t-background-primary)",
+    secondary: "var(--t-background-secondary)",
+    tertiary: "var(--t-background-tertiary)",
+    quaternary: "var(--t-background-quaternary)",
+    invertedPrimary: "var(--t-background-inverted-primary)",
+    invertedSecondary: "var(--t-background-inverted-secondary)",
+    danger: "var(--t-background-danger)",
+    transparent: {
+      primary: "var(--t-background-transparent-primary)",
+      secondary: "var(--t-background-transparent-secondary)",
+      strong: "var(--t-background-transparent-strong)",
+      medium: "var(--t-background-transparent-medium)",
+      light: "var(--t-background-transparent-light)",
+      lighter: "var(--t-background-transparent-lighter)",
+      danger: "var(--t-background-transparent-danger)",
+      blue: "var(--t-background-transparent-blue)",
+      orange: "var(--t-background-transparent-orange)",
+      success: "var(--t-background-transparent-success)"
+    },
+    overlayPrimary: "var(--t-background-overlay-primary)",
+    overlaySecondary: "var(--t-background-overlay-secondary)",
+    overlayTertiary: "var(--t-background-overlay-tertiary)",
+    radialGradient: "var(--t-background-radial-gradient)",
+    radialGradientHover: "var(--t-background-radial-gradient-hover)",
+    primaryInverted: "var(--t-background-primary-inverted)",
+    primaryInvertedHover: "var(--t-background-primary-inverted-hover)"
+  },
+  blur: {
+    light: "var(--t-blur-light)",
+    medium: "var(--t-blur-medium)",
+    strong: "var(--t-blur-strong)"
+  },
+  border: {
+    color: {
+      strong: "var(--t-border-color-strong)",
+      medium: "var(--t-border-color-medium)",
+      light: "var(--t-border-color-light)",
+      secondaryInverted: "var(--t-border-color-secondary-inverted)",
+      inverted: "var(--t-border-color-inverted)",
+      danger: "var(--t-border-color-danger)",
+      blue: "var(--t-border-color-blue)",
+      transparentStrong: "var(--t-border-color-transparent-strong)"
+    },
+    radius: {
+      xs: "var(--t-border-radius-xs)",
+      sm: "var(--t-border-radius-sm)",
+      md: "var(--t-border-radius-md)",
+      smRound: "var(--t-border-radius-sm-round)",
+      mdRound: "var(--t-border-radius-md-round)",
+      lg: "var(--t-border-radius-lg)",
+      xl: "var(--t-border-radius-xl)",
+      xxl: "var(--t-border-radius-xxl)",
+      pill: "var(--t-border-radius-pill)",
+      rounded: "var(--t-border-radius-rounded)"
+    }
+  },
+  boxShadow: {
+    color: "var(--t-box-shadow-color)",
+    light: "var(--t-box-shadow-light)",
+    sidebar: "var(--t-box-shadow-sidebar)",
+    bottomPanel: "var(--t-box-shadow-bottom-panel)",
+    strong: "var(--t-box-shadow-strong)",
+    underline: "var(--t-box-shadow-underline)",
+    superHeavy: "var(--t-box-shadow-super-heavy)"
+  },
+  font: {
+    color: {
+      primary: "var(--t-font-color-primary)",
+      secondary: "var(--t-font-color-secondary)",
+      tertiary: "var(--t-font-color-tertiary)",
+      light: "var(--t-font-color-light)",
+      extraLight: "var(--t-font-color-extra-light)",
+      inverted: "var(--t-font-color-inverted)",
+      danger: "var(--t-font-color-danger)"
+    },
+    size: {
+      xxs: "var(--t-font-size-xxs)",
+      xs: "var(--t-font-size-xs)",
+      sm: "var(--t-font-size-sm)",
+      md: "var(--t-font-size-md)",
+      lg: "var(--t-font-size-lg)",
+      xl: "var(--t-font-size-xl)",
+      xxl: "var(--t-font-size-xxl)"
+    },
+    weight: {
+      regular: "var(--t-font-weight-regular)",
+      medium: "var(--t-font-weight-medium)",
+      semiBold: "var(--t-font-weight-semi-bold)"
+    },
+    family: "var(--t-font-family)"
+  },
+  name: "var(--t-name)",
+  snackBar: {
+    success: {
+      color: "var(--t-snack-bar-success-color)",
+      backgroundColor: "var(--t-snack-bar-success-background-color)"
+    },
+    error: {
+      color: "var(--t-snack-bar-error-color)",
+      backgroundColor: "var(--t-snack-bar-error-background-color)"
+    },
+    warning: {
+      color: "var(--t-snack-bar-warning-color)",
+      backgroundColor: "var(--t-snack-bar-warning-background-color)"
+    },
+    info: {
+      color: "var(--t-snack-bar-info-color)",
+      backgroundColor: "var(--t-snack-bar-info-background-color)"
+    },
+    default: {
+      color: "var(--t-snack-bar-default-color)",
+      backgroundColor: "var(--t-snack-bar-default-background-color)"
+    }
+  },
+  tag: {
+    text: {
+      gray: "var(--t-tag-text-gray)",
+      mauve: "var(--t-tag-text-mauve)",
+      slate: "var(--t-tag-text-slate)",
+      sage: "var(--t-tag-text-sage)",
+      olive: "var(--t-tag-text-olive)",
+      sand: "var(--t-tag-text-sand)",
+      tomato: "var(--t-tag-text-tomato)",
+      red: "var(--t-tag-text-red)",
+      ruby: "var(--t-tag-text-ruby)",
+      crimson: "var(--t-tag-text-crimson)",
+      pink: "var(--t-tag-text-pink)",
+      plum: "var(--t-tag-text-plum)",
+      purple: "var(--t-tag-text-purple)",
+      violet: "var(--t-tag-text-violet)",
+      iris: "var(--t-tag-text-iris)",
+      cyan: "var(--t-tag-text-cyan)",
+      turquoise: "var(--t-tag-text-turquoise)",
+      sky: "var(--t-tag-text-sky)",
+      blue: "var(--t-tag-text-blue)",
+      jade: "var(--t-tag-text-jade)",
+      green: "var(--t-tag-text-green)",
+      grass: "var(--t-tag-text-grass)",
+      mint: "var(--t-tag-text-mint)",
+      lime: "var(--t-tag-text-lime)",
+      bronze: "var(--t-tag-text-bronze)",
+      gold: "var(--t-tag-text-gold)",
+      brown: "var(--t-tag-text-brown)",
+      orange: "var(--t-tag-text-orange)",
+      amber: "var(--t-tag-text-amber)",
+      yellow: "var(--t-tag-text-yellow)"
+    },
+    background: {
+      gray: "var(--t-tag-background-gray)",
+      mauve: "var(--t-tag-background-mauve)",
+      slate: "var(--t-tag-background-slate)",
+      sage: "var(--t-tag-background-sage)",
+      olive: "var(--t-tag-background-olive)",
+      sand: "var(--t-tag-background-sand)",
+      tomato: "var(--t-tag-background-tomato)",
+      red: "var(--t-tag-background-red)",
+      ruby: "var(--t-tag-background-ruby)",
+      crimson: "var(--t-tag-background-crimson)",
+      pink: "var(--t-tag-background-pink)",
+      plum: "var(--t-tag-background-plum)",
+      purple: "var(--t-tag-background-purple)",
+      violet: "var(--t-tag-background-violet)",
+      iris: "var(--t-tag-background-iris)",
+      cyan: "var(--t-tag-background-cyan)",
+      turquoise: "var(--t-tag-background-turquoise)",
+      sky: "var(--t-tag-background-sky)",
+      blue: "var(--t-tag-background-blue)",
+      jade: "var(--t-tag-background-jade)",
+      green: "var(--t-tag-background-green)",
+      grass: "var(--t-tag-background-grass)",
+      mint: "var(--t-tag-background-mint)",
+      lime: "var(--t-tag-background-lime)",
+      bronze: "var(--t-tag-background-bronze)",
+      gold: "var(--t-tag-background-gold)",
+      brown: "var(--t-tag-background-brown)",
+      orange: "var(--t-tag-background-orange)",
+      amber: "var(--t-tag-background-amber)",
+      yellow: "var(--t-tag-background-yellow)"
+    }
+  },
+  code: {
+    text: {
+      gray: "var(--t-code-text-gray)",
+      sky: "var(--t-code-text-sky)",
+      pink: "var(--t-code-text-pink)",
+      orange: "var(--t-code-text-orange)",
+      green: "var(--t-code-text-green)"
+    },
+    font: { family: "var(--t-code-font-family)" }
+  },
+  IllustrationIcon: {
+    color: {
+      blue: "var(--t-illustration-icon-color-blue)",
+      gray: "var(--t-illustration-icon-color-gray)"
+    },
+    fill: {
+      blue: "var(--t-illustration-icon-fill-blue)",
+      gray: "var(--t-illustration-icon-fill-gray)"
+    }
+  },
+  grayScale: {
+    gray1: "var(--t-gray-scale-gray1)",
+    gray2: "var(--t-gray-scale-gray2)",
+    gray3: "var(--t-gray-scale-gray3)",
+    gray4: "var(--t-gray-scale-gray4)",
+    gray5: "var(--t-gray-scale-gray5)",
+    gray6: "var(--t-gray-scale-gray6)",
+    gray7: "var(--t-gray-scale-gray7)",
+    gray8: "var(--t-gray-scale-gray8)",
+    gray9: "var(--t-gray-scale-gray9)",
+    gray10: "var(--t-gray-scale-gray10)",
+    gray11: "var(--t-gray-scale-gray11)",
+    gray12: "var(--t-gray-scale-gray12)"
+  },
+  color: {
+    red: "var(--t-color-red)",
+    ruby: "var(--t-color-ruby)",
+    crimson: "var(--t-color-crimson)",
+    tomato: "var(--t-color-tomato)",
+    orange: "var(--t-color-orange)",
+    amber: "var(--t-color-amber)",
+    yellow: "var(--t-color-yellow)",
+    lime: "var(--t-color-lime)",
+    grass: "var(--t-color-grass)",
+    green: "var(--t-color-green)",
+    jade: "var(--t-color-jade)",
+    mint: "var(--t-color-mint)",
+    turquoise: "var(--t-color-turquoise)",
+    cyan: "var(--t-color-cyan)",
+    sky: "var(--t-color-sky)",
+    blue: "var(--t-color-blue)",
+    iris: "var(--t-color-iris)",
+    violet: "var(--t-color-violet)",
+    purple: "var(--t-color-purple)",
+    plum: "var(--t-color-plum)",
+    pink: "var(--t-color-pink)",
+    bronze: "var(--t-color-bronze)",
+    gold: "var(--t-color-gold)",
+    brown: "var(--t-color-brown)",
+    gray: "var(--t-color-gray)",
+    yellow1: "var(--t-color-yellow1)",
+    yellow2: "var(--t-color-yellow2)",
+    yellow3: "var(--t-color-yellow3)",
+    yellow4: "var(--t-color-yellow4)",
+    yellow5: "var(--t-color-yellow5)",
+    yellow6: "var(--t-color-yellow6)",
+    yellow7: "var(--t-color-yellow7)",
+    yellow8: "var(--t-color-yellow8)",
+    yellow9: "var(--t-color-yellow9)",
+    yellow10: "var(--t-color-yellow10)",
+    yellow11: "var(--t-color-yellow11)",
+    yellow12: "var(--t-color-yellow12)",
+    green1: "var(--t-color-green1)",
+    green2: "var(--t-color-green2)",
+    green3: "var(--t-color-green3)",
+    green4: "var(--t-color-green4)",
+    green5: "var(--t-color-green5)",
+    green6: "var(--t-color-green6)",
+    green7: "var(--t-color-green7)",
+    green8: "var(--t-color-green8)",
+    green9: "var(--t-color-green9)",
+    green10: "var(--t-color-green10)",
+    green11: "var(--t-color-green11)",
+    green12: "var(--t-color-green12)",
+    turquoise1: "var(--t-color-turquoise1)",
+    turquoise2: "var(--t-color-turquoise2)",
+    turquoise3: "var(--t-color-turquoise3)",
+    turquoise4: "var(--t-color-turquoise4)",
+    turquoise5: "var(--t-color-turquoise5)",
+    turquoise6: "var(--t-color-turquoise6)",
+    turquoise7: "var(--t-color-turquoise7)",
+    turquoise8: "var(--t-color-turquoise8)",
+    turquoise9: "var(--t-color-turquoise9)",
+    turquoise10: "var(--t-color-turquoise10)",
+    turquoise11: "var(--t-color-turquoise11)",
+    turquoise12: "var(--t-color-turquoise12)",
+    sky1: "var(--t-color-sky1)",
+    sky2: "var(--t-color-sky2)",
+    sky3: "var(--t-color-sky3)",
+    sky4: "var(--t-color-sky4)",
+    sky5: "var(--t-color-sky5)",
+    sky6: "var(--t-color-sky6)",
+    sky7: "var(--t-color-sky7)",
+    sky8: "var(--t-color-sky8)",
+    sky9: "var(--t-color-sky9)",
+    sky10: "var(--t-color-sky10)",
+    sky11: "var(--t-color-sky11)",
+    sky12: "var(--t-color-sky12)",
+    blue1: "var(--t-color-blue1)",
+    blue2: "var(--t-color-blue2)",
+    blue3: "var(--t-color-blue3)",
+    blue4: "var(--t-color-blue4)",
+    blue5: "var(--t-color-blue5)",
+    blue6: "var(--t-color-blue6)",
+    blue7: "var(--t-color-blue7)",
+    blue8: "var(--t-color-blue8)",
+    blue9: "var(--t-color-blue9)",
+    blue10: "var(--t-color-blue10)",
+    blue11: "var(--t-color-blue11)",
+    blue12: "var(--t-color-blue12)",
+    purple1: "var(--t-color-purple1)",
+    purple2: "var(--t-color-purple2)",
+    purple3: "var(--t-color-purple3)",
+    purple4: "var(--t-color-purple4)",
+    purple5: "var(--t-color-purple5)",
+    purple6: "var(--t-color-purple6)",
+    purple7: "var(--t-color-purple7)",
+    purple8: "var(--t-color-purple8)",
+    purple9: "var(--t-color-purple9)",
+    purple10: "var(--t-color-purple10)",
+    purple11: "var(--t-color-purple11)",
+    purple12: "var(--t-color-purple12)",
+    pink1: "var(--t-color-pink1)",
+    pink2: "var(--t-color-pink2)",
+    pink3: "var(--t-color-pink3)",
+    pink4: "var(--t-color-pink4)",
+    pink5: "var(--t-color-pink5)",
+    pink6: "var(--t-color-pink6)",
+    pink7: "var(--t-color-pink7)",
+    pink8: "var(--t-color-pink8)",
+    pink9: "var(--t-color-pink9)",
+    pink10: "var(--t-color-pink10)",
+    pink11: "var(--t-color-pink11)",
+    pink12: "var(--t-color-pink12)",
+    red1: "var(--t-color-red1)",
+    red2: "var(--t-color-red2)",
+    red3: "var(--t-color-red3)",
+    red4: "var(--t-color-red4)",
+    red5: "var(--t-color-red5)",
+    red6: "var(--t-color-red6)",
+    red7: "var(--t-color-red7)",
+    red8: "var(--t-color-red8)",
+    red9: "var(--t-color-red9)",
+    red10: "var(--t-color-red10)",
+    red11: "var(--t-color-red11)",
+    red12: "var(--t-color-red12)",
+    orange1: "var(--t-color-orange1)",
+    orange2: "var(--t-color-orange2)",
+    orange3: "var(--t-color-orange3)",
+    orange4: "var(--t-color-orange4)",
+    orange5: "var(--t-color-orange5)",
+    orange6: "var(--t-color-orange6)",
+    orange7: "var(--t-color-orange7)",
+    orange8: "var(--t-color-orange8)",
+    orange9: "var(--t-color-orange9)",
+    orange10: "var(--t-color-orange10)",
+    orange11: "var(--t-color-orange11)",
+    orange12: "var(--t-color-orange12)",
+    gray1: "var(--t-color-gray1)",
+    gray2: "var(--t-color-gray2)",
+    gray3: "var(--t-color-gray3)",
+    gray4: "var(--t-color-gray4)",
+    gray5: "var(--t-color-gray5)",
+    gray6: "var(--t-color-gray6)",
+    gray7: "var(--t-color-gray7)",
+    gray8: "var(--t-color-gray8)",
+    gray9: "var(--t-color-gray9)",
+    gray10: "var(--t-color-gray10)",
+    gray11: "var(--t-color-gray11)",
+    gray12: "var(--t-color-gray12)",
+    mauve1: "var(--t-color-mauve1)",
+    mauve2: "var(--t-color-mauve2)",
+    mauve3: "var(--t-color-mauve3)",
+    mauve4: "var(--t-color-mauve4)",
+    mauve5: "var(--t-color-mauve5)",
+    mauve6: "var(--t-color-mauve6)",
+    mauve7: "var(--t-color-mauve7)",
+    mauve8: "var(--t-color-mauve8)",
+    mauve9: "var(--t-color-mauve9)",
+    mauve10: "var(--t-color-mauve10)",
+    mauve11: "var(--t-color-mauve11)",
+    mauve12: "var(--t-color-mauve12)",
+    slate1: "var(--t-color-slate1)",
+    slate2: "var(--t-color-slate2)",
+    slate3: "var(--t-color-slate3)",
+    slate4: "var(--t-color-slate4)",
+    slate5: "var(--t-color-slate5)",
+    slate6: "var(--t-color-slate6)",
+    slate7: "var(--t-color-slate7)",
+    slate8: "var(--t-color-slate8)",
+    slate9: "var(--t-color-slate9)",
+    slate10: "var(--t-color-slate10)",
+    slate11: "var(--t-color-slate11)",
+    slate12: "var(--t-color-slate12)",
+    sage1: "var(--t-color-sage1)",
+    sage2: "var(--t-color-sage2)",
+    sage3: "var(--t-color-sage3)",
+    sage4: "var(--t-color-sage4)",
+    sage5: "var(--t-color-sage5)",
+    sage6: "var(--t-color-sage6)",
+    sage7: "var(--t-color-sage7)",
+    sage8: "var(--t-color-sage8)",
+    sage9: "var(--t-color-sage9)",
+    sage10: "var(--t-color-sage10)",
+    sage11: "var(--t-color-sage11)",
+    sage12: "var(--t-color-sage12)",
+    olive1: "var(--t-color-olive1)",
+    olive2: "var(--t-color-olive2)",
+    olive3: "var(--t-color-olive3)",
+    olive4: "var(--t-color-olive4)",
+    olive5: "var(--t-color-olive5)",
+    olive6: "var(--t-color-olive6)",
+    olive7: "var(--t-color-olive7)",
+    olive8: "var(--t-color-olive8)",
+    olive9: "var(--t-color-olive9)",
+    olive10: "var(--t-color-olive10)",
+    olive11: "var(--t-color-olive11)",
+    olive12: "var(--t-color-olive12)",
+    sand1: "var(--t-color-sand1)",
+    sand2: "var(--t-color-sand2)",
+    sand3: "var(--t-color-sand3)",
+    sand4: "var(--t-color-sand4)",
+    sand5: "var(--t-color-sand5)",
+    sand6: "var(--t-color-sand6)",
+    sand7: "var(--t-color-sand7)",
+    sand8: "var(--t-color-sand8)",
+    sand9: "var(--t-color-sand9)",
+    sand10: "var(--t-color-sand10)",
+    sand11: "var(--t-color-sand11)",
+    sand12: "var(--t-color-sand12)",
+    tomato1: "var(--t-color-tomato1)",
+    tomato2: "var(--t-color-tomato2)",
+    tomato3: "var(--t-color-tomato3)",
+    tomato4: "var(--t-color-tomato4)",
+    tomato5: "var(--t-color-tomato5)",
+    tomato6: "var(--t-color-tomato6)",
+    tomato7: "var(--t-color-tomato7)",
+    tomato8: "var(--t-color-tomato8)",
+    tomato9: "var(--t-color-tomato9)",
+    tomato10: "var(--t-color-tomato10)",
+    tomato11: "var(--t-color-tomato11)",
+    tomato12: "var(--t-color-tomato12)",
+    ruby1: "var(--t-color-ruby1)",
+    ruby2: "var(--t-color-ruby2)",
+    ruby3: "var(--t-color-ruby3)",
+    ruby4: "var(--t-color-ruby4)",
+    ruby5: "var(--t-color-ruby5)",
+    ruby6: "var(--t-color-ruby6)",
+    ruby7: "var(--t-color-ruby7)",
+    ruby8: "var(--t-color-ruby8)",
+    ruby9: "var(--t-color-ruby9)",
+    ruby10: "var(--t-color-ruby10)",
+    ruby11: "var(--t-color-ruby11)",
+    ruby12: "var(--t-color-ruby12)",
+    crimson1: "var(--t-color-crimson1)",
+    crimson2: "var(--t-color-crimson2)",
+    crimson3: "var(--t-color-crimson3)",
+    crimson4: "var(--t-color-crimson4)",
+    crimson5: "var(--t-color-crimson5)",
+    crimson6: "var(--t-color-crimson6)",
+    crimson7: "var(--t-color-crimson7)",
+    crimson8: "var(--t-color-crimson8)",
+    crimson9: "var(--t-color-crimson9)",
+    crimson10: "var(--t-color-crimson10)",
+    crimson11: "var(--t-color-crimson11)",
+    crimson12: "var(--t-color-crimson12)",
+    plum1: "var(--t-color-plum1)",
+    plum2: "var(--t-color-plum2)",
+    plum3: "var(--t-color-plum3)",
+    plum4: "var(--t-color-plum4)",
+    plum5: "var(--t-color-plum5)",
+    plum6: "var(--t-color-plum6)",
+    plum7: "var(--t-color-plum7)",
+    plum8: "var(--t-color-plum8)",
+    plum9: "var(--t-color-plum9)",
+    plum10: "var(--t-color-plum10)",
+    plum11: "var(--t-color-plum11)",
+    plum12: "var(--t-color-plum12)",
+    violet1: "var(--t-color-violet1)",
+    violet2: "var(--t-color-violet2)",
+    violet3: "var(--t-color-violet3)",
+    violet4: "var(--t-color-violet4)",
+    violet5: "var(--t-color-violet5)",
+    violet6: "var(--t-color-violet6)",
+    violet7: "var(--t-color-violet7)",
+    violet8: "var(--t-color-violet8)",
+    violet9: "var(--t-color-violet9)",
+    violet10: "var(--t-color-violet10)",
+    violet11: "var(--t-color-violet11)",
+    violet12: "var(--t-color-violet12)",
+    iris1: "var(--t-color-iris1)",
+    iris2: "var(--t-color-iris2)",
+    iris3: "var(--t-color-iris3)",
+    iris4: "var(--t-color-iris4)",
+    iris5: "var(--t-color-iris5)",
+    iris6: "var(--t-color-iris6)",
+    iris7: "var(--t-color-iris7)",
+    iris8: "var(--t-color-iris8)",
+    iris9: "var(--t-color-iris9)",
+    iris10: "var(--t-color-iris10)",
+    iris11: "var(--t-color-iris11)",
+    iris12: "var(--t-color-iris12)",
+    cyan1: "var(--t-color-cyan1)",
+    cyan2: "var(--t-color-cyan2)",
+    cyan3: "var(--t-color-cyan3)",
+    cyan4: "var(--t-color-cyan4)",
+    cyan5: "var(--t-color-cyan5)",
+    cyan6: "var(--t-color-cyan6)",
+    cyan7: "var(--t-color-cyan7)",
+    cyan8: "var(--t-color-cyan8)",
+    cyan9: "var(--t-color-cyan9)",
+    cyan10: "var(--t-color-cyan10)",
+    cyan11: "var(--t-color-cyan11)",
+    cyan12: "var(--t-color-cyan12)",
+    jade1: "var(--t-color-jade1)",
+    jade2: "var(--t-color-jade2)",
+    jade3: "var(--t-color-jade3)",
+    jade4: "var(--t-color-jade4)",
+    jade5: "var(--t-color-jade5)",
+    jade6: "var(--t-color-jade6)",
+    jade7: "var(--t-color-jade7)",
+    jade8: "var(--t-color-jade8)",
+    jade9: "var(--t-color-jade9)",
+    jade10: "var(--t-color-jade10)",
+    jade11: "var(--t-color-jade11)",
+    jade12: "var(--t-color-jade12)",
+    grass1: "var(--t-color-grass1)",
+    grass2: "var(--t-color-grass2)",
+    grass3: "var(--t-color-grass3)",
+    grass4: "var(--t-color-grass4)",
+    grass5: "var(--t-color-grass5)",
+    grass6: "var(--t-color-grass6)",
+    grass7: "var(--t-color-grass7)",
+    grass8: "var(--t-color-grass8)",
+    grass9: "var(--t-color-grass9)",
+    grass10: "var(--t-color-grass10)",
+    grass11: "var(--t-color-grass11)",
+    grass12: "var(--t-color-grass12)",
+    mint1: "var(--t-color-mint1)",
+    mint2: "var(--t-color-mint2)",
+    mint3: "var(--t-color-mint3)",
+    mint4: "var(--t-color-mint4)",
+    mint5: "var(--t-color-mint5)",
+    mint6: "var(--t-color-mint6)",
+    mint7: "var(--t-color-mint7)",
+    mint8: "var(--t-color-mint8)",
+    mint9: "var(--t-color-mint9)",
+    mint10: "var(--t-color-mint10)",
+    mint11: "var(--t-color-mint11)",
+    mint12: "var(--t-color-mint12)",
+    lime1: "var(--t-color-lime1)",
+    lime2: "var(--t-color-lime2)",
+    lime3: "var(--t-color-lime3)",
+    lime4: "var(--t-color-lime4)",
+    lime5: "var(--t-color-lime5)",
+    lime6: "var(--t-color-lime6)",
+    lime7: "var(--t-color-lime7)",
+    lime8: "var(--t-color-lime8)",
+    lime9: "var(--t-color-lime9)",
+    lime10: "var(--t-color-lime10)",
+    lime11: "var(--t-color-lime11)",
+    lime12: "var(--t-color-lime12)",
+    bronze1: "var(--t-color-bronze1)",
+    bronze2: "var(--t-color-bronze2)",
+    bronze3: "var(--t-color-bronze3)",
+    bronze4: "var(--t-color-bronze4)",
+    bronze5: "var(--t-color-bronze5)",
+    bronze6: "var(--t-color-bronze6)",
+    bronze7: "var(--t-color-bronze7)",
+    bronze8: "var(--t-color-bronze8)",
+    bronze9: "var(--t-color-bronze9)",
+    bronze10: "var(--t-color-bronze10)",
+    bronze11: "var(--t-color-bronze11)",
+    bronze12: "var(--t-color-bronze12)",
+    gold1: "var(--t-color-gold1)",
+    gold2: "var(--t-color-gold2)",
+    gold3: "var(--t-color-gold3)",
+    gold4: "var(--t-color-gold4)",
+    gold5: "var(--t-color-gold5)",
+    gold6: "var(--t-color-gold6)",
+    gold7: "var(--t-color-gold7)",
+    gold8: "var(--t-color-gold8)",
+    gold9: "var(--t-color-gold9)",
+    gold10: "var(--t-color-gold10)",
+    gold11: "var(--t-color-gold11)",
+    gold12: "var(--t-color-gold12)",
+    brown1: "var(--t-color-brown1)",
+    brown2: "var(--t-color-brown2)",
+    brown3: "var(--t-color-brown3)",
+    brown4: "var(--t-color-brown4)",
+    brown5: "var(--t-color-brown5)",
+    brown6: "var(--t-color-brown6)",
+    brown7: "var(--t-color-brown7)",
+    brown8: "var(--t-color-brown8)",
+    brown9: "var(--t-color-brown9)",
+    brown10: "var(--t-color-brown10)",
+    brown11: "var(--t-color-brown11)",
+    brown12: "var(--t-color-brown12)",
+    amber1: "var(--t-color-amber1)",
+    amber2: "var(--t-color-amber2)",
+    amber3: "var(--t-color-amber3)",
+    amber4: "var(--t-color-amber4)",
+    amber5: "var(--t-color-amber5)",
+    amber6: "var(--t-color-amber6)",
+    amber7: "var(--t-color-amber7)",
+    amber8: "var(--t-color-amber8)",
+    amber9: "var(--t-color-amber9)",
+    amber10: "var(--t-color-amber10)",
+    amber11: "var(--t-color-amber11)",
+    amber12: "var(--t-color-amber12)",
+    transparent: {
+      green1: "var(--t-color-transparent-green1)",
+      green2: "var(--t-color-transparent-green2)",
+      green3: "var(--t-color-transparent-green3)",
+      green4: "var(--t-color-transparent-green4)",
+      green5: "var(--t-color-transparent-green5)",
+      green6: "var(--t-color-transparent-green6)",
+      green7: "var(--t-color-transparent-green7)",
+      green8: "var(--t-color-transparent-green8)",
+      green9: "var(--t-color-transparent-green9)",
+      green10: "var(--t-color-transparent-green10)",
+      green11: "var(--t-color-transparent-green11)",
+      green12: "var(--t-color-transparent-green12)",
+      turquoise1: "var(--t-color-transparent-turquoise1)",
+      turquoise2: "var(--t-color-transparent-turquoise2)",
+      turquoise3: "var(--t-color-transparent-turquoise3)",
+      turquoise4: "var(--t-color-transparent-turquoise4)",
+      turquoise5: "var(--t-color-transparent-turquoise5)",
+      turquoise6: "var(--t-color-transparent-turquoise6)",
+      turquoise7: "var(--t-color-transparent-turquoise7)",
+      turquoise8: "var(--t-color-transparent-turquoise8)",
+      turquoise9: "var(--t-color-transparent-turquoise9)",
+      turquoise10: "var(--t-color-transparent-turquoise10)",
+      turquoise11: "var(--t-color-transparent-turquoise11)",
+      turquoise12: "var(--t-color-transparent-turquoise12)",
+      sky1: "var(--t-color-transparent-sky1)",
+      sky2: "var(--t-color-transparent-sky2)",
+      sky3: "var(--t-color-transparent-sky3)",
+      sky4: "var(--t-color-transparent-sky4)",
+      sky5: "var(--t-color-transparent-sky5)",
+      sky6: "var(--t-color-transparent-sky6)",
+      sky7: "var(--t-color-transparent-sky7)",
+      sky8: "var(--t-color-transparent-sky8)",
+      sky9: "var(--t-color-transparent-sky9)",
+      sky10: "var(--t-color-transparent-sky10)",
+      sky11: "var(--t-color-transparent-sky11)",
+      sky12: "var(--t-color-transparent-sky12)",
+      blue1: "var(--t-color-transparent-blue1)",
+      blue2: "var(--t-color-transparent-blue2)",
+      blue3: "var(--t-color-transparent-blue3)",
+      blue4: "var(--t-color-transparent-blue4)",
+      blue5: "var(--t-color-transparent-blue5)",
+      blue6: "var(--t-color-transparent-blue6)",
+      blue7: "var(--t-color-transparent-blue7)",
+      blue8: "var(--t-color-transparent-blue8)",
+      blue9: "var(--t-color-transparent-blue9)",
+      blue10: "var(--t-color-transparent-blue10)",
+      blue11: "var(--t-color-transparent-blue11)",
+      blue12: "var(--t-color-transparent-blue12)",
+      purple1: "var(--t-color-transparent-purple1)",
+      purple2: "var(--t-color-transparent-purple2)",
+      purple3: "var(--t-color-transparent-purple3)",
+      purple4: "var(--t-color-transparent-purple4)",
+      purple5: "var(--t-color-transparent-purple5)",
+      purple6: "var(--t-color-transparent-purple6)",
+      purple7: "var(--t-color-transparent-purple7)",
+      purple8: "var(--t-color-transparent-purple8)",
+      purple9: "var(--t-color-transparent-purple9)",
+      purple10: "var(--t-color-transparent-purple10)",
+      purple11: "var(--t-color-transparent-purple11)",
+      purple12: "var(--t-color-transparent-purple12)",
+      pink1: "var(--t-color-transparent-pink1)",
+      pink2: "var(--t-color-transparent-pink2)",
+      pink3: "var(--t-color-transparent-pink3)",
+      pink4: "var(--t-color-transparent-pink4)",
+      pink5: "var(--t-color-transparent-pink5)",
+      pink6: "var(--t-color-transparent-pink6)",
+      pink7: "var(--t-color-transparent-pink7)",
+      pink8: "var(--t-color-transparent-pink8)",
+      pink9: "var(--t-color-transparent-pink9)",
+      pink10: "var(--t-color-transparent-pink10)",
+      pink11: "var(--t-color-transparent-pink11)",
+      pink12: "var(--t-color-transparent-pink12)",
+      red1: "var(--t-color-transparent-red1)",
+      red2: "var(--t-color-transparent-red2)",
+      red3: "var(--t-color-transparent-red3)",
+      red4: "var(--t-color-transparent-red4)",
+      red5: "var(--t-color-transparent-red5)",
+      red6: "var(--t-color-transparent-red6)",
+      red7: "var(--t-color-transparent-red7)",
+      red8: "var(--t-color-transparent-red8)",
+      red9: "var(--t-color-transparent-red9)",
+      red10: "var(--t-color-transparent-red10)",
+      red11: "var(--t-color-transparent-red11)",
+      red12: "var(--t-color-transparent-red12)",
+      orange1: "var(--t-color-transparent-orange1)",
+      orange2: "var(--t-color-transparent-orange2)",
+      orange3: "var(--t-color-transparent-orange3)",
+      orange4: "var(--t-color-transparent-orange4)",
+      orange5: "var(--t-color-transparent-orange5)",
+      orange6: "var(--t-color-transparent-orange6)",
+      orange7: "var(--t-color-transparent-orange7)",
+      orange8: "var(--t-color-transparent-orange8)",
+      orange9: "var(--t-color-transparent-orange9)",
+      orange10: "var(--t-color-transparent-orange10)",
+      orange11: "var(--t-color-transparent-orange11)",
+      orange12: "var(--t-color-transparent-orange12)",
+      yellow1: "var(--t-color-transparent-yellow1)",
+      yellow2: "var(--t-color-transparent-yellow2)",
+      yellow3: "var(--t-color-transparent-yellow3)",
+      yellow4: "var(--t-color-transparent-yellow4)",
+      yellow5: "var(--t-color-transparent-yellow5)",
+      yellow6: "var(--t-color-transparent-yellow6)",
+      yellow7: "var(--t-color-transparent-yellow7)",
+      yellow8: "var(--t-color-transparent-yellow8)",
+      yellow9: "var(--t-color-transparent-yellow9)",
+      yellow10: "var(--t-color-transparent-yellow10)",
+      yellow11: "var(--t-color-transparent-yellow11)",
+      yellow12: "var(--t-color-transparent-yellow12)",
+      gray1: "var(--t-color-transparent-gray1)",
+      gray2: "var(--t-color-transparent-gray2)",
+      gray3: "var(--t-color-transparent-gray3)",
+      gray4: "var(--t-color-transparent-gray4)",
+      gray5: "var(--t-color-transparent-gray5)",
+      gray6: "var(--t-color-transparent-gray6)",
+      gray7: "var(--t-color-transparent-gray7)",
+      gray8: "var(--t-color-transparent-gray8)",
+      gray9: "var(--t-color-transparent-gray9)",
+      gray10: "var(--t-color-transparent-gray10)",
+      gray11: "var(--t-color-transparent-gray11)",
+      gray12: "var(--t-color-transparent-gray12)",
+      mauve1: "var(--t-color-transparent-mauve1)",
+      mauve2: "var(--t-color-transparent-mauve2)",
+      mauve3: "var(--t-color-transparent-mauve3)",
+      mauve4: "var(--t-color-transparent-mauve4)",
+      mauve5: "var(--t-color-transparent-mauve5)",
+      mauve6: "var(--t-color-transparent-mauve6)",
+      mauve7: "var(--t-color-transparent-mauve7)",
+      mauve8: "var(--t-color-transparent-mauve8)",
+      mauve9: "var(--t-color-transparent-mauve9)",
+      mauve10: "var(--t-color-transparent-mauve10)",
+      mauve11: "var(--t-color-transparent-mauve11)",
+      mauve12: "var(--t-color-transparent-mauve12)",
+      slate1: "var(--t-color-transparent-slate1)",
+      slate2: "var(--t-color-transparent-slate2)",
+      slate3: "var(--t-color-transparent-slate3)",
+      slate4: "var(--t-color-transparent-slate4)",
+      slate5: "var(--t-color-transparent-slate5)",
+      slate6: "var(--t-color-transparent-slate6)",
+      slate7: "var(--t-color-transparent-slate7)",
+      slate8: "var(--t-color-transparent-slate8)",
+      slate9: "var(--t-color-transparent-slate9)",
+      slate10: "var(--t-color-transparent-slate10)",
+      slate11: "var(--t-color-transparent-slate11)",
+      slate12: "var(--t-color-transparent-slate12)",
+      sage1: "var(--t-color-transparent-sage1)",
+      sage2: "var(--t-color-transparent-sage2)",
+      sage3: "var(--t-color-transparent-sage3)",
+      sage4: "var(--t-color-transparent-sage4)",
+      sage5: "var(--t-color-transparent-sage5)",
+      sage6: "var(--t-color-transparent-sage6)",
+      sage7: "var(--t-color-transparent-sage7)",
+      sage8: "var(--t-color-transparent-sage8)",
+      sage9: "var(--t-color-transparent-sage9)",
+      sage10: "var(--t-color-transparent-sage10)",
+      sage11: "var(--t-color-transparent-sage11)",
+      sage12: "var(--t-color-transparent-sage12)",
+      olive1: "var(--t-color-transparent-olive1)",
+      olive2: "var(--t-color-transparent-olive2)",
+      olive3: "var(--t-color-transparent-olive3)",
+      olive4: "var(--t-color-transparent-olive4)",
+      olive5: "var(--t-color-transparent-olive5)",
+      olive6: "var(--t-color-transparent-olive6)",
+      olive7: "var(--t-color-transparent-olive7)",
+      olive8: "var(--t-color-transparent-olive8)",
+      olive9: "var(--t-color-transparent-olive9)",
+      olive10: "var(--t-color-transparent-olive10)",
+      olive11: "var(--t-color-transparent-olive11)",
+      olive12: "var(--t-color-transparent-olive12)",
+      sand1: "var(--t-color-transparent-sand1)",
+      sand2: "var(--t-color-transparent-sand2)",
+      sand3: "var(--t-color-transparent-sand3)",
+      sand4: "var(--t-color-transparent-sand4)",
+      sand5: "var(--t-color-transparent-sand5)",
+      sand6: "var(--t-color-transparent-sand6)",
+      sand7: "var(--t-color-transparent-sand7)",
+      sand8: "var(--t-color-transparent-sand8)",
+      sand9: "var(--t-color-transparent-sand9)",
+      sand10: "var(--t-color-transparent-sand10)",
+      sand11: "var(--t-color-transparent-sand11)",
+      sand12: "var(--t-color-transparent-sand12)",
+      tomato1: "var(--t-color-transparent-tomato1)",
+      tomato2: "var(--t-color-transparent-tomato2)",
+      tomato3: "var(--t-color-transparent-tomato3)",
+      tomato4: "var(--t-color-transparent-tomato4)",
+      tomato5: "var(--t-color-transparent-tomato5)",
+      tomato6: "var(--t-color-transparent-tomato6)",
+      tomato7: "var(--t-color-transparent-tomato7)",
+      tomato8: "var(--t-color-transparent-tomato8)",
+      tomato9: "var(--t-color-transparent-tomato9)",
+      tomato10: "var(--t-color-transparent-tomato10)",
+      tomato11: "var(--t-color-transparent-tomato11)",
+      tomato12: "var(--t-color-transparent-tomato12)",
+      ruby1: "var(--t-color-transparent-ruby1)",
+      ruby2: "var(--t-color-transparent-ruby2)",
+      ruby3: "var(--t-color-transparent-ruby3)",
+      ruby4: "var(--t-color-transparent-ruby4)",
+      ruby5: "var(--t-color-transparent-ruby5)",
+      ruby6: "var(--t-color-transparent-ruby6)",
+      ruby7: "var(--t-color-transparent-ruby7)",
+      ruby8: "var(--t-color-transparent-ruby8)",
+      ruby9: "var(--t-color-transparent-ruby9)",
+      ruby10: "var(--t-color-transparent-ruby10)",
+      ruby11: "var(--t-color-transparent-ruby11)",
+      ruby12: "var(--t-color-transparent-ruby12)",
+      crimson1: "var(--t-color-transparent-crimson1)",
+      crimson2: "var(--t-color-transparent-crimson2)",
+      crimson3: "var(--t-color-transparent-crimson3)",
+      crimson4: "var(--t-color-transparent-crimson4)",
+      crimson5: "var(--t-color-transparent-crimson5)",
+      crimson6: "var(--t-color-transparent-crimson6)",
+      crimson7: "var(--t-color-transparent-crimson7)",
+      crimson8: "var(--t-color-transparent-crimson8)",
+      crimson9: "var(--t-color-transparent-crimson9)",
+      crimson10: "var(--t-color-transparent-crimson10)",
+      crimson11: "var(--t-color-transparent-crimson11)",
+      crimson12: "var(--t-color-transparent-crimson12)",
+      plum1: "var(--t-color-transparent-plum1)",
+      plum2: "var(--t-color-transparent-plum2)",
+      plum3: "var(--t-color-transparent-plum3)",
+      plum4: "var(--t-color-transparent-plum4)",
+      plum5: "var(--t-color-transparent-plum5)",
+      plum6: "var(--t-color-transparent-plum6)",
+      plum7: "var(--t-color-transparent-plum7)",
+      plum8: "var(--t-color-transparent-plum8)",
+      plum9: "var(--t-color-transparent-plum9)",
+      plum10: "var(--t-color-transparent-plum10)",
+      plum11: "var(--t-color-transparent-plum11)",
+      plum12: "var(--t-color-transparent-plum12)",
+      violet1: "var(--t-color-transparent-violet1)",
+      violet2: "var(--t-color-transparent-violet2)",
+      violet3: "var(--t-color-transparent-violet3)",
+      violet4: "var(--t-color-transparent-violet4)",
+      violet5: "var(--t-color-transparent-violet5)",
+      violet6: "var(--t-color-transparent-violet6)",
+      violet7: "var(--t-color-transparent-violet7)",
+      violet8: "var(--t-color-transparent-violet8)",
+      violet9: "var(--t-color-transparent-violet9)",
+      violet10: "var(--t-color-transparent-violet10)",
+      violet11: "var(--t-color-transparent-violet11)",
+      violet12: "var(--t-color-transparent-violet12)",
+      iris1: "var(--t-color-transparent-iris1)",
+      iris2: "var(--t-color-transparent-iris2)",
+      iris3: "var(--t-color-transparent-iris3)",
+      iris4: "var(--t-color-transparent-iris4)",
+      iris5: "var(--t-color-transparent-iris5)",
+      iris6: "var(--t-color-transparent-iris6)",
+      iris7: "var(--t-color-transparent-iris7)",
+      iris8: "var(--t-color-transparent-iris8)",
+      iris9: "var(--t-color-transparent-iris9)",
+      iris10: "var(--t-color-transparent-iris10)",
+      iris11: "var(--t-color-transparent-iris11)",
+      iris12: "var(--t-color-transparent-iris12)",
+      cyan1: "var(--t-color-transparent-cyan1)",
+      cyan2: "var(--t-color-transparent-cyan2)",
+      cyan3: "var(--t-color-transparent-cyan3)",
+      cyan4: "var(--t-color-transparent-cyan4)",
+      cyan5: "var(--t-color-transparent-cyan5)",
+      cyan6: "var(--t-color-transparent-cyan6)",
+      cyan7: "var(--t-color-transparent-cyan7)",
+      cyan8: "var(--t-color-transparent-cyan8)",
+      cyan9: "var(--t-color-transparent-cyan9)",
+      cyan10: "var(--t-color-transparent-cyan10)",
+      cyan11: "var(--t-color-transparent-cyan11)",
+      cyan12: "var(--t-color-transparent-cyan12)",
+      jade1: "var(--t-color-transparent-jade1)",
+      jade2: "var(--t-color-transparent-jade2)",
+      jade3: "var(--t-color-transparent-jade3)",
+      jade4: "var(--t-color-transparent-jade4)",
+      jade5: "var(--t-color-transparent-jade5)",
+      jade6: "var(--t-color-transparent-jade6)",
+      jade7: "var(--t-color-transparent-jade7)",
+      jade8: "var(--t-color-transparent-jade8)",
+      jade9: "var(--t-color-transparent-jade9)",
+      jade10: "var(--t-color-transparent-jade10)",
+      jade11: "var(--t-color-transparent-jade11)",
+      jade12: "var(--t-color-transparent-jade12)",
+      grass1: "var(--t-color-transparent-grass1)",
+      grass2: "var(--t-color-transparent-grass2)",
+      grass3: "var(--t-color-transparent-grass3)",
+      grass4: "var(--t-color-transparent-grass4)",
+      grass5: "var(--t-color-transparent-grass5)",
+      grass6: "var(--t-color-transparent-grass6)",
+      grass7: "var(--t-color-transparent-grass7)",
+      grass8: "var(--t-color-transparent-grass8)",
+      grass9: "var(--t-color-transparent-grass9)",
+      grass10: "var(--t-color-transparent-grass10)",
+      grass11: "var(--t-color-transparent-grass11)",
+      grass12: "var(--t-color-transparent-grass12)",
+      mint1: "var(--t-color-transparent-mint1)",
+      mint2: "var(--t-color-transparent-mint2)",
+      mint3: "var(--t-color-transparent-mint3)",
+      mint4: "var(--t-color-transparent-mint4)",
+      mint5: "var(--t-color-transparent-mint5)",
+      mint6: "var(--t-color-transparent-mint6)",
+      mint7: "var(--t-color-transparent-mint7)",
+      mint8: "var(--t-color-transparent-mint8)",
+      mint9: "var(--t-color-transparent-mint9)",
+      mint10: "var(--t-color-transparent-mint10)",
+      mint11: "var(--t-color-transparent-mint11)",
+      mint12: "var(--t-color-transparent-mint12)",
+      lime1: "var(--t-color-transparent-lime1)",
+      lime2: "var(--t-color-transparent-lime2)",
+      lime3: "var(--t-color-transparent-lime3)",
+      lime4: "var(--t-color-transparent-lime4)",
+      lime5: "var(--t-color-transparent-lime5)",
+      lime6: "var(--t-color-transparent-lime6)",
+      lime7: "var(--t-color-transparent-lime7)",
+      lime8: "var(--t-color-transparent-lime8)",
+      lime9: "var(--t-color-transparent-lime9)",
+      lime10: "var(--t-color-transparent-lime10)",
+      lime11: "var(--t-color-transparent-lime11)",
+      lime12: "var(--t-color-transparent-lime12)",
+      bronze1: "var(--t-color-transparent-bronze1)",
+      bronze2: "var(--t-color-transparent-bronze2)",
+      bronze3: "var(--t-color-transparent-bronze3)",
+      bronze4: "var(--t-color-transparent-bronze4)",
+      bronze5: "var(--t-color-transparent-bronze5)",
+      bronze6: "var(--t-color-transparent-bronze6)",
+      bronze7: "var(--t-color-transparent-bronze7)",
+      bronze8: "var(--t-color-transparent-bronze8)",
+      bronze9: "var(--t-color-transparent-bronze9)",
+      bronze10: "var(--t-color-transparent-bronze10)",
+      bronze11: "var(--t-color-transparent-bronze11)",
+      bronze12: "var(--t-color-transparent-bronze12)",
+      gold1: "var(--t-color-transparent-gold1)",
+      gold2: "var(--t-color-transparent-gold2)",
+      gold3: "var(--t-color-transparent-gold3)",
+      gold4: "var(--t-color-transparent-gold4)",
+      gold5: "var(--t-color-transparent-gold5)",
+      gold6: "var(--t-color-transparent-gold6)",
+      gold7: "var(--t-color-transparent-gold7)",
+      gold8: "var(--t-color-transparent-gold8)",
+      gold9: "var(--t-color-transparent-gold9)",
+      gold10: "var(--t-color-transparent-gold10)",
+      gold11: "var(--t-color-transparent-gold11)",
+      gold12: "var(--t-color-transparent-gold12)",
+      brown1: "var(--t-color-transparent-brown1)",
+      brown2: "var(--t-color-transparent-brown2)",
+      brown3: "var(--t-color-transparent-brown3)",
+      brown4: "var(--t-color-transparent-brown4)",
+      brown5: "var(--t-color-transparent-brown5)",
+      brown6: "var(--t-color-transparent-brown6)",
+      brown7: "var(--t-color-transparent-brown7)",
+      brown8: "var(--t-color-transparent-brown8)",
+      brown9: "var(--t-color-transparent-brown9)",
+      brown10: "var(--t-color-transparent-brown10)",
+      brown11: "var(--t-color-transparent-brown11)",
+      brown12: "var(--t-color-transparent-brown12)",
+      amber1: "var(--t-color-transparent-amber1)",
+      amber2: "var(--t-color-transparent-amber2)",
+      amber3: "var(--t-color-transparent-amber3)",
+      amber4: "var(--t-color-transparent-amber4)",
+      amber5: "var(--t-color-transparent-amber5)",
+      amber6: "var(--t-color-transparent-amber6)",
+      amber7: "var(--t-color-transparent-amber7)",
+      amber8: "var(--t-color-transparent-amber8)",
+      amber9: "var(--t-color-transparent-amber9)",
+      amber10: "var(--t-color-transparent-amber10)",
+      amber11: "var(--t-color-transparent-amber11)",
+      amber12: "var(--t-color-transparent-amber12)"
+    }
+  }
+}, _ = ({ cssVariableReference: r, computedValue: o }) => {
+  if (!H(o)) return r;
+  const a = Number(o);
+  return Number.isNaN(a) ? o : a;
+}, h = (r) => {
+  if (typeof document > "u" || typeof getComputedStyle != "function") return v;
+  const o = getComputedStyle(r ?? document.documentElement), a = (l) => {
+    const t = {};
+    for (const [c, p] of Object.entries(l)) {
+      if (G(p) && p.startsWith("var(")) {
+        const i = p.slice(4, -1);
+        t[c] = _({
+          cssVariableReference: p,
+          computedValue: o.getPropertyValue(i).trim()
+        });
+        continue;
+      }
+      t[c] = B(p) ? a(p) : p;
+    }
+    return t;
+  };
+  return a(v);
+}, A, b = () => A ??= e.createContext({
+  theme: v,
+  colorScheme: "light"
+}), R, q = () => R ??= e.createContext(null), N = (r) => P(r.spacing), O = (r, o) => {
+  const a = { ...r };
+  for (const l in a) a[l] = o(Number(l));
+  return a;
+}, W = (r) => N(r) ? {
+  ...r,
+  spacing: O(v.spacing, r.spacing)
+} : r, z = (r) => {
+  if (typeof document > "u") return;
+  const o = document.documentElement;
+  o?.classList && (o.classList.toggle("dark", r === "dark"), o.classList.toggle("light", r === "light"));
+}, pr = ({ children: r, colorScheme: o, applyToRoot: a = !0, overrides: l, className: t, scale: c, theme: p }) => {
+  const i = b(), j = q(), s = n(l) || !a, f = e.useContext(i), d = e.useMemo(() => n(p) ? W(p) : void 0, [p]) ?? f.explicitTheme, g = n(d), u = e.useRef(null), [C, S] = e.useState(() => (a && z(o), g ? void 0 : h())), [T, I] = e.useState(null), M = n(l) ? JSON.stringify(l) : "";
+  e.useLayoutEffect(() => {
+    a && z(o), g || S(h(s ? u.current ?? void 0 : void 0)), I(s ? u.current : null);
+  }, [
+    o,
+    a,
+    s,
+    M,
+    g
+  ]), e.useLayoutEffect(() => {
+    if (typeof document > "u" || s || !n(c)) return;
+    const w = document.documentElement;
+    return w.style.setProperty("--t-scale-user", String(c)), () => {
+      w.style.removeProperty("--t-scale-user");
+    };
+  }, [c, s]);
+  const k = d ?? C ?? f.theme, x = e.useMemo(() => ({
+    theme: k,
+    colorScheme: o,
+    explicitTheme: d
+  }), [
+    k,
+    o,
+    d
+  ]);
+  if (!s) return /* @__PURE__ */ y(i.Provider, {
+    value: x,
+    children: r
+  });
+  const E = l ?? {};
+  return /* @__PURE__ */ y(i.Provider, {
+    value: x,
+    children: /* @__PURE__ */ y(j.Provider, {
+      value: T,
+      children: /* @__PURE__ */ y("div", {
+        ref: u,
+        className: L(a ? void 0 : o, t),
+        style: {
+          display: "contents",
+          ...E
+        },
+        children: r
+      })
+    })
+  });
+}, tr = () => e.useContext(b()).theme, cr = () => e.useContext(b()).colorScheme, sr = () => e.useContext(q());
 export {
-  y as a,
-  s as c,
-  f as i,
-  d as l,
-  t as n,
-  e as o,
-  n as r,
-  c as s,
-  b as t
+  v as a,
+  ar as c,
+  X as d,
+  Q as f,
+  Z as g,
+  Y as h,
+  pr as i,
+  or as l,
+  J as m,
+  cr as n,
+  er as o,
+  U as p,
+  tr as r,
+  lr as s,
+  sr as t,
+  rr as u
 };