@signozhq/design-tokens 2.1.3 → 2.1.5

package/dist/design-tokens.js

@@ -1,4 +1,4 @@
-const b = {
+const S = {
   BG_ROBIN_50: "#edf1fe",
   BG_ROBIN_100: "#cad5fd",
   BG_ROBIN_150: "#cad5fd",
@@ -271,7 +271,7 @@ const b = {
   TEXT_GRADIENT_OCEAN: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
   TEXT_GRADIENT_SPLASH: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
   TEXT_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
-}, A = {
+}, k = {
   "robin-50": "#edf1fe",
   "robin-100": "#cad5fd",
   "robin-150": "#cad5fd",
@@ -408,7 +408,7 @@ const b = {
   "gradient-ocean": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
   "gradient-splash": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
   "gradient-flamingo": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
-}, T = {
+}, I = {
   PADDING_1: "0.25rem",
   PADDING_2: "0.5rem",
   PADDING_3: "0.75rem",
@@ -445,7 +445,7 @@ const b = {
   MARGIN_48: "12rem",
   MARGIN_56: "14rem",
   MARGIN_64: "16rem"
-}, R = {
+}, x = {
   PERISCOPE_LINEHEIGHTMEDIUM: "24px",
   PERISCOPE_LINEHEIGHTBASE: "20px",
   PERISCOPE_FONTFAMILYSANS: "Inter, sans-serif",
@@ -665,7 +665,7 @@ const b = {
   PARAGRAPH_SMALL_600_LINEHEIGHT: "18px",
   PARAGRAPH_SMALL_600_LETTERSPACING: "-0.5px",
   PARAGRAPH_SMALL_600_FONTFAMILY: "Inter, sans-serif"
-}, h = {
+}, L = {
   LABEL_LARGE_400: {
     fontFamily: "Inter, sans-serif",
     fontSize: "18px",
@@ -897,7 +897,13 @@ const b = {
     lineHeight: "18px",
     letterSpacing: "-0.5px"
   }
-}, S = {
+}, N = {
+  RADIUS_0: "0px",
+  RADIUS_1: "2px",
+  RADIUS_2: "4px",
+  RADIUS_3: "6px",
+  RADIUSROUND: "999999px"
+}, G = {
   BACKGROUND: "var(--background)",
   FOREGROUND: "var(--foreground)",
   CARD: "var(--card)",
@@ -1018,7 +1024,7 @@ const b = {
   ACCENT_SIENNA: "var(--accent-sienna)",
   ACCENT_SIENNA_HOVER: "var(--accent-sienna-hover)",
   ACCENT_SIENNA_FOREGROUND: "var(--accent-sienna-foreground)"
-}, I = {
+}, H = {
   background: "var(--background)",
   foreground: "var(--foreground)",
   card: "var(--card)",
@@ -2285,10 +2291,10 @@ const b = {
       type: "color"
     }
   }
-}, L = {
+}, B = {
   bg: e,
   text: r
-}, a = {
+}, o = {
   1: {
     value: "0.25rem",
     type: "spacing"
@@ -2361,7 +2367,7 @@ const b = {
     value: "16rem",
     type: "spacing"
   }
-}, o = {
+}, a = {
   1: {
     value: "0.25rem",
     type: "spacing"
@@ -2511,9 +2517,9 @@ const b = {
     value: "128px",
     type: "spacing"
   }
-}, m = {
-  padding: a,
-  margin: o,
+}, F = {
+  padding: o,
+  margin: a,
   spacing: t
 }, n = {
   lineHeightMedium: {
@@ -2626,7 +2632,7 @@ const b = {
     value: "8rem",
     type: "typography"
   }
-}, i = {
+}, u = {
   thin: {
     value: "100",
     type: "typography"
@@ -2663,7 +2669,7 @@ const b = {
     value: "900",
     type: "typography"
   }
-}, p = {
+}, g = {
   18: {
     value: "18px",
     type: "typography"
@@ -2700,7 +2706,7 @@ const b = {
     value: "2",
     type: "typography"
   }
-}, g = {
+}, i = {
   0: {
     value: "0px",
     type: "typography"
@@ -2737,7 +2743,7 @@ const b = {
     value: "-0.5px",
     type: "typography"
   }
-}, u = {
+}, s = {
   large: {
     400: {
       fontSize: {
@@ -3010,7 +3016,7 @@ const b = {
       }
     }
   }
-}, s = {
+}, p = {
   base: {
     400: {
       fontSize: {
@@ -3284,7 +3290,7 @@ const b = {
       }
     }
   }
-}, y = {
+}, f = {
   medium: {
     400: {
       fontSize: {
@@ -3489,18 +3495,18 @@ const b = {
       }
     }
   }
-}, N = {
+}, O = {
   periscope: n,
   fontFamily: c,
   fontSize: l,
-  fontWeight: i,
-  lineHeight: p,
-  letterSpacing: g,
-  label: u,
-  uppercase: s,
+  fontWeight: u,
+  lineHeight: g,
+  letterSpacing: i,
+  label: s,
+  uppercase: p,
   code: d,
-  paragraph: y
-}, v = {
+  paragraph: f
+}, y = {
   large: {
     400: {
       fontFamily: "Inter, sans-serif",
@@ -3593,7 +3599,7 @@ const b = {
       letterSpacing: "0px"
     }
   }
-}, f = {
+}, v = {
   base: {
     400: {
       fontFamily: "Inter, sans-serif",
@@ -3640,7 +3646,7 @@ const b = {
       letterSpacing: "4px"
     }
   }
-}, _ = {
+}, b = {
   base: {
     400: {
       fontFamily: "SF Mono, monospace",
@@ -3687,7 +3693,7 @@ const b = {
       letterSpacing: "0px"
     }
   }
-}, E = {
+}, _ = {
   medium: {
     400: {
       fontFamily: "Inter, sans-serif",
@@ -3757,12 +3763,1463 @@ const b = {
       letterSpacing: "-0.5px"
     }
   }
-}, x = {
-  label: v,
-  uppercase: f,
-  code: _,
-  paragraph: E
-}, G = {
+}, C = {
+  label: y,
+  uppercase: v,
+  code: b,
+  paragraph: _
+}, E = {
+  light: {
+    meta: {
+      "color-scheme": "light",
+      selector: "[data-theme='aurora']"
+    },
+    tokens: {
+      background: {
+        value: "#fdfdfd",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      foreground: {
+        value: "#000000",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      card: {
+        value: "#fdfdfd",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "card-foreground": {
+        value: "#000000",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      popover: {
+        value: "#fcfcfc",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "popover-foreground": {
+        value: "#000000",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      primary: {
+        value: "#51f0a8",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "primary-foreground": {
+        value: "#000000",
+        description: "Text color for primary action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      secondary: {
+        value: "#fcfdfd",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "secondary-foreground": {
+        value: "#080808",
+        description: "Text color for secondary action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      muted: {
+        value: "#f5f5f5",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "muted-foreground": {
+        value: "#525252",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      accent: {
+        value: "#f9fffc",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "accent-foreground": {
+        value: "#0d9f5d",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      destructive: {
+        value: "#f54a88",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "destructive-foreground": {
+        value: "#ffffff",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      border: {
+        value: "#f4f6f8",
+        description: "",
+        category: "border",
+        group: "legacy"
+      },
+      input: {
+        value: "#ebebeb",
+        description: "",
+        category: "border",
+        group: "legacy"
+      },
+      ring: {
+        value: "#51f0a8",
+        description: "",
+        category: "border",
+        group: "legacy"
+      },
+      radius: {
+        value: "1.4rem",
+        description: "",
+        category: "other",
+        group: "legacy"
+      },
+      "chart-1": {
+        value: "#51f0a8",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      "chart-2": {
+        value: "#7efe8f",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      "chart-3": {
+        value: "#ff4838",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      "chart-4": {
+        value: "#2ebdf6",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      "chart-5": {
+        value: "#ffb188",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      sidebar: {
+        value: "#ffffff",
+        description: "",
+        category: "background",
+        group: "sidebar"
+      },
+      "sidebar-foreground": {
+        value: "#000000",
+        description: "",
+        category: "foreground",
+        group: "sidebar"
+      },
+      "sidebar-primary": {
+        value: "#000000",
+        description: "",
+        category: "background",
+        group: "sidebar"
+      },
+      "sidebar-primary-foreground": {
+        value: "#ffffff",
+        description: "",
+        category: "foreground",
+        group: "sidebar"
+      },
+      "sidebar-accent": {
+        value: "#e4fef3",
+        description: "",
+        category: "background",
+        group: "sidebar"
+      },
+      "sidebar-accent-foreground": {
+        value: "#000000",
+        description: "",
+        category: "foreground",
+        group: "sidebar"
+      },
+      "sidebar-border": {
+        value: "#ebebeb",
+        description: "",
+        category: "border",
+        group: "sidebar"
+      },
+      "sidebar-ring": {
+        value: "#000000",
+        description: "",
+        category: "border",
+        group: "sidebar"
+      },
+      "font-sans": {
+        value: "'Plus Jakarta Sans'",
+        description: "",
+        category: "typography",
+        group: "fonts"
+      },
+      "font-serif": {
+        value: "'Lora'",
+        description: "",
+        category: "typography",
+        group: "fonts"
+      },
+      "font-mono": {
+        value: "'IBM Plex Mono'",
+        description: "",
+        category: "typography",
+        group: "fonts"
+      },
+      "base-white": {
+        value: "#ffffff",
+        description: "",
+        category: "foreground",
+        group: "base"
+      },
+      "base-black": {
+        value: "#000000",
+        description: "",
+        category: "foreground",
+        group: "base"
+      },
+      "l1-background": {
+        value: "#fdfdfd",
+        description: "Primary page background for the outermost container",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l2-background": {
+        value: "#f8f9fb",
+        description: "Secondary background for cards and elevated surfaces",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l3-background": {
+        value: "#f0f2f4",
+        description: "Tertiary background for nested elements within cards",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l1-background-hover": {
+        value: "#f4f6f8",
+        description: "Hover state for l1-background elements",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l2-background-hover": {
+        value: "#e8ebed",
+        description: "Hover state for l2-background elements",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l3-background-hover": {
+        value: "#e0e3e6",
+        description: "Hover state for l3-background elements",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l1-foreground": {
+        value: "#000000",
+        description: "Primary text color for l1 backgrounds",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l1-foreground-hover": {
+        value: "#111111",
+        description: "Hover text color for interactive elements on l1",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l2-foreground": {
+        value: "#1a1a1a",
+        description: "Secondary text color for l2 backgrounds",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l2-foreground-hover": {
+        value: "#000000",
+        description: "Hover text color for interactive elements on l2",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l3-foreground": {
+        value: "#525252",
+        description: "Tertiary text color for l3 backgrounds and muted text",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l3-foreground-hover": {
+        value: "#333333",
+        description: "Hover text color for interactive elements on l3",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l1-border": {
+        value: "#f4f6f8",
+        description: "Border color for elements on l1 backgrounds",
+        category: "border",
+        group: "surface-levels"
+      },
+      "l2-border": {
+        value: "#ebebeb",
+        description: "Border color for elements on l2 backgrounds",
+        category: "border",
+        group: "surface-levels"
+      },
+      "l3-border": {
+        value: "#e0e0e0",
+        description: "Border color for elements on l3 backgrounds",
+        category: "border",
+        group: "surface-levels"
+      },
+      "l1-background-transparent": {
+        value: "color-mix(in srgb, #fdfdfd, transparent 100%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l1-background-60": {
+        value: "color-mix(in srgb, #fdfdfd, transparent 40%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l2-background-transparent": {
+        value: "color-mix(in srgb, #f8f9fb, transparent 100%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l2-background-60": {
+        value: "color-mix(in srgb, #f8f9fb, transparent 40%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l3-background-transparent": {
+        value: "color-mix(in srgb, #f0f2f4, transparent 100%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l3-background-60": {
+        value: "color-mix(in srgb, #f0f2f4, transparent 40%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "alert-strip-button-background": {
+        value: "color-mix(in srgb, #000000, transparent 40%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "primary-background": {
+        value: "#51f0a8",
+        description: "Primary action background color",
+        category: "background",
+        group: "actions"
+      },
+      "primary-background-hover": {
+        value: "#3de89a",
+        description: "Hover state for primary action elements",
+        category: "background",
+        group: "actions"
+      },
+      "primary-foreground-hover": {
+        value: "#000000",
+        description: "Hover text color for primary action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "secondary-background": {
+        value: "#f5f5f5",
+        description: "Secondary action background color",
+        category: "background",
+        group: "actions"
+      },
+      "secondary-background-hover": {
+        value: "#ebebeb",
+        description: "Hover state for secondary action elements",
+        category: "background",
+        group: "actions"
+      },
+      "secondary-foreground-hover": {
+        value: "#000000",
+        description: "Hover text color for secondary action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "secondary-border": {
+        value: "#e0e0e0",
+        description: "Border color for secondary buttons",
+        category: "border",
+        group: "actions"
+      },
+      "success-background": {
+        value: "#0d9f5d",
+        description: "Success action background color",
+        category: "background",
+        group: "actions"
+      },
+      "success-background-hover": {
+        value: "#0b8a50",
+        description: "Hover state for success elements",
+        category: "background",
+        group: "actions"
+      },
+      "success-foreground": {
+        value: "#ffffff",
+        description: "Text color for success action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "success-foreground-hover": {
+        value: "#ffffff",
+        description: "Hover text color for success elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "warning-background": {
+        value: "#ffb188",
+        description: "Warning action background color",
+        category: "background",
+        group: "actions"
+      },
+      "warning-background-hover": {
+        value: "#ff9e6e",
+        description: "Hover state for warning elements",
+        category: "background",
+        group: "actions"
+      },
+      "warning-foreground": {
+        value: "#000000",
+        description: "Text color for warning action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "warning-foreground-hover": {
+        value: "#000000",
+        description: "Hover text color for warning elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "danger-background": {
+        value: "#f54a88",
+        description: "Danger action background color",
+        category: "background",
+        group: "actions"
+      },
+      "danger-background-hover": {
+        value: "#e03070",
+        description: "Hover state for danger elements",
+        category: "background",
+        group: "actions"
+      },
+      "danger-foreground": {
+        value: "#ffffff",
+        description: "Text color for danger action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "danger-foreground-hover": {
+        value: "#ffffff",
+        description: "Hover text color for danger elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "callout-primary-background": {
+        value: "color-mix(in srgb, #51f0a8, transparent 90%)",
+        description: "Background for informational callout boxes",
+        category: "background",
+        group: "callouts"
+      },
+      "callout-primary-border": {
+        value: "color-mix(in srgb, #51f0a8, transparent 80%)",
+        description: "Border for informational callout boxes",
+        category: "border",
+        group: "callouts"
+      },
+      "callout-primary-title": {
+        value: "#0d9f5d",
+        description: "Title text color for informational callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-primary-description": {
+        value: "#0d9f5d",
+        description: "Description text color for informational callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-primary-icon": {
+        value: "#0a7c48",
+        description: "Icon color for informational callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-success-background": {
+        value: "color-mix(in srgb, #0d9f5d, transparent 90%)",
+        description: "Background for success callout boxes",
+        category: "background",
+        group: "callouts"
+      },
+      "callout-success-border": {
+        value: "color-mix(in srgb, #0d9f5d, transparent 80%)",
+        description: "Border for success callout boxes",
+        category: "border",
+        group: "callouts"
+      },
+      "callout-success-title": {
+        value: "#0d9f5d",
+        description: "Title text color for success callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-success-description": {
+        value: "#0d9f5d",
+        description: "Description text color for success callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-success-icon": {
+        value: "#0a7c48",
+        description: "Icon color for success callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-warning-background": {
+        value: "color-mix(in srgb, #ffb188, transparent 90%)",
+        description: "Background for warning callout boxes",
+        category: "background",
+        group: "callouts"
+      },
+      "callout-warning-border": {
+        value: "color-mix(in srgb, #ffb188, transparent 80%)",
+        description: "Border for warning callout boxes",
+        category: "border",
+        group: "callouts"
+      },
+      "callout-warning-title": {
+        value: "#cc6020",
+        description: "Title text color for warning callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-warning-description": {
+        value: "#cc6020",
+        description: "Description text color for warning callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-warning-icon": {
+        value: "#aa4f1a",
+        description: "Icon color for warning callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-error-background": {
+        value: "color-mix(in srgb, #f54a88, transparent 90%)",
+        description: "Background for error callout boxes",
+        category: "background",
+        group: "callouts"
+      },
+      "callout-error-border": {
+        value: "color-mix(in srgb, #f54a88, transparent 80%)",
+        description: "Border for error callout boxes",
+        category: "border",
+        group: "callouts"
+      },
+      "callout-error-title": {
+        value: "#c01058",
+        description: "Title text color for error callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-error-description": {
+        value: "#c01058",
+        description: "Description text color for error callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-error-icon": {
+        value: "#9e0d4a",
+        description: "Icon color for error callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "accent-primary": {
+        value: "#51f0a8",
+        description: "Primary brand accent color",
+        category: "background",
+        group: "accents"
+      },
+      "accent-primary-hover": {
+        value: "#3de89a",
+        description: "Hover state for primary accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-primary-foreground": {
+        value: "#000000",
+        description: "Text color on primary accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-forest": {
+        value: "#0d9f5d",
+        description: "Green accent for success and positive indicators",
+        category: "background",
+        group: "accents"
+      },
+      "accent-forest-hover": {
+        value: "#0b8a50",
+        description: "Hover state for forest accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-forest-foreground": {
+        value: "#ffffff",
+        description: "Text color on forest accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-amber": {
+        value: "#ffb188",
+        description: "Orange accent for warnings and attention",
+        category: "background",
+        group: "accents"
+      },
+      "accent-amber-hover": {
+        value: "#ff9e6e",
+        description: "Hover state for amber accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-amber-foreground": {
+        value: "#000000",
+        description: "Text color on amber accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-cherry": {
+        value: "#f54a88",
+        description: "Red/pink accent for errors and critical states",
+        category: "background",
+        group: "accents"
+      },
+      "accent-cherry-hover": {
+        value: "#e03070",
+        description: "Hover state for cherry accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-cherry-foreground": {
+        value: "#ffffff",
+        description: "Text color on cherry accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-aqua": {
+        value: "#2ebdf6",
+        description: "Cyan accent for informational elements",
+        category: "background",
+        group: "accents"
+      },
+      "accent-aqua-hover": {
+        value: "#1aa8e3",
+        description: "Hover state for aqua accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-aqua-foreground": {
+        value: "#ffffff",
+        description: "Text color on aqua accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-sakura": {
+        value: "#ff78a5",
+        description: "Pink accent for decorative elements",
+        category: "background",
+        group: "accents"
+      },
+      "accent-sakura-hover": {
+        value: "#ff5e90",
+        description: "Hover state for sakura accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-sakura-foreground": {
+        value: "#ffffff",
+        description: "Text color on sakura accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-sienna": {
+        value: "#ffb188",
+        description: "Orange accent for earthy elements",
+        category: "background",
+        group: "accents"
+      },
+      "accent-sienna-hover": {
+        value: "#ff9e6e",
+        description: "Hover state for sienna accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-sienna-foreground": {
+        value: "#000000",
+        description: "Text color on sienna accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      }
+    }
+  },
+  dark: {
+    meta: {
+      "color-scheme": "dark",
+      selector: "[data-theme='aurora'].dark"
+    },
+    tokens: {
+      background: {
+        value: "#000000",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      foreground: {
+        value: "#f0f0f0",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      card: {
+        value: "#0a0a0a",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "card-foreground": {
+        value: "#f0f0f0",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      popover: {
+        value: "#1a1b1b",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "popover-foreground": {
+        value: "#f0f0f0",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      primary: {
+        value: "#51f0a8",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "primary-foreground": {
+        value: "#000000",
+        description: "Text color for primary action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      secondary: {
+        value: "#216a49",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "secondary-foreground": {
+        value: "#f0f0f0",
+        description: "Text color for secondary action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      muted: {
+        value: "#252527",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "muted-foreground": {
+        value: "#969696",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      accent: {
+        value: "#093723",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "accent-foreground": {
+        value: "#fefefe",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      destructive: {
+        value: "#ff78a5",
+        description: "",
+        category: "background",
+        group: "legacy"
+      },
+      "destructive-foreground": {
+        value: "#ffffff",
+        description: "",
+        category: "foreground",
+        group: "legacy"
+      },
+      border: {
+        value: "#19191a",
+        description: "",
+        category: "border",
+        group: "legacy"
+      },
+      input: {
+        value: "#3b3b3b",
+        description: "",
+        category: "border",
+        group: "legacy"
+      },
+      ring: {
+        value: "#51f0a8",
+        description: "",
+        category: "border",
+        group: "legacy"
+      },
+      radius: {
+        value: "1.4rem",
+        description: "",
+        category: "other",
+        group: "legacy"
+      },
+      "chart-1": {
+        value: "#51f0a8",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      "chart-2": {
+        value: "#9effa1",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      "chart-3": {
+        value: "#ffb7cf",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      "chart-4": {
+        value: "#5fd0ff",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      "chart-5": {
+        value: "#ffb188",
+        description: "",
+        category: "background",
+        group: "charts"
+      },
+      sidebar: {
+        value: "#0a0a0a",
+        description: "",
+        category: "background",
+        group: "sidebar"
+      },
+      "sidebar-foreground": {
+        value: "#f0f0f0",
+        description: "",
+        category: "foreground",
+        group: "sidebar"
+      },
+      "sidebar-primary": {
+        value: "#51f0a8",
+        description: "",
+        category: "background",
+        group: "sidebar"
+      },
+      "sidebar-primary-foreground": {
+        value: "#ffffff",
+        description: "",
+        category: "foreground",
+        group: "sidebar"
+      },
+      "sidebar-accent": {
+        value: "#00331b",
+        description: "",
+        category: "background",
+        group: "sidebar"
+      },
+      "sidebar-accent-foreground": {
+        value: "#51f0a8",
+        description: "",
+        category: "foreground",
+        group: "sidebar"
+      },
+      "sidebar-border": {
+        value: "#353a3e",
+        description: "",
+        category: "border",
+        group: "sidebar"
+      },
+      "sidebar-ring": {
+        value: "#51f0a8",
+        description: "",
+        category: "border",
+        group: "sidebar"
+      },
+      "font-sans": {
+        value: "'Plus Jakarta Sans'",
+        description: "",
+        category: "typography",
+        group: "fonts"
+      },
+      "font-serif": {
+        value: "'Lora'",
+        description: "",
+        category: "typography",
+        group: "fonts"
+      },
+      "font-mono": {
+        value: "'IBM Plex Mono'",
+        description: "",
+        category: "typography",
+        group: "fonts"
+      },
+      "base-white": {
+        value: "#ffffff",
+        description: "",
+        category: "foreground",
+        group: "base"
+      },
+      "base-black": {
+        value: "#000000",
+        description: "",
+        category: "foreground",
+        group: "base"
+      },
+      "l1-background": {
+        value: "#000000",
+        description: "Primary page background for the outermost container",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l2-background": {
+        value: "#0a0a0a",
+        description: "Secondary background for cards and elevated surfaces",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l3-background": {
+        value: "#1a1b1b",
+        description: "Tertiary background for nested elements within cards",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l1-background-hover": {
+        value: "#0f0f0f",
+        description: "Hover state for l1-background elements",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l2-background-hover": {
+        value: "#252527",
+        description: "Hover state for l2-background elements",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l3-background-hover": {
+        value: "#2a2a2c",
+        description: "Hover state for l3-background elements",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l1-foreground": {
+        value: "#f0f0f0",
+        description: "Primary text color for l1 backgrounds",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l1-foreground-hover": {
+        value: "#ffffff",
+        description: "Hover text color for interactive elements on l1",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l2-foreground": {
+        value: "#d0d0d0",
+        description: "Secondary text color for l2 backgrounds",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l2-foreground-hover": {
+        value: "#e0e0e0",
+        description: "Hover text color for interactive elements on l2",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l3-foreground": {
+        value: "#969696",
+        description: "Tertiary text color for l3 backgrounds and muted text",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l3-foreground-hover": {
+        value: "#b0b0b0",
+        description: "Hover text color for interactive elements on l3",
+        category: "foreground",
+        group: "surface-levels"
+      },
+      "l1-border": {
+        value: "#19191a",
+        description: "Border color for elements on l1 backgrounds",
+        category: "border",
+        group: "surface-levels"
+      },
+      "l2-border": {
+        value: "#252527",
+        description: "Border color for elements on l2 backgrounds",
+        category: "border",
+        group: "surface-levels"
+      },
+      "l3-border": {
+        value: "#3b3b3b",
+        description: "Border color for elements on l3 backgrounds",
+        category: "border",
+        group: "surface-levels"
+      },
+      "l1-background-transparent": {
+        value: "color-mix(in srgb, #000000, transparent 100%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l1-background-60": {
+        value: "color-mix(in srgb, #000000, transparent 40%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l2-background-transparent": {
+        value: "color-mix(in srgb, #0a0a0a, transparent 100%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l2-background-60": {
+        value: "color-mix(in srgb, #0a0a0a, transparent 40%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l3-background-transparent": {
+        value: "color-mix(in srgb, #1a1b1b, transparent 100%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "l3-background-60": {
+        value: "color-mix(in srgb, #1a1b1b, transparent 40%)",
+        description: "",
+        category: "background",
+        group: "surface-levels"
+      },
+      "primary-background": {
+        value: "#51f0a8",
+        description: "Primary action background color",
+        category: "background",
+        group: "actions"
+      },
+      "primary-background-hover": {
+        value: "#6af4b4",
+        description: "Hover state for primary action elements",
+        category: "background",
+        group: "actions"
+      },
+      "primary-foreground-hover": {
+        value: "#000000",
+        description: "Hover text color for primary action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "secondary-background": {
+        value: "#216a49",
+        description: "Secondary action background color",
+        category: "background",
+        group: "actions"
+      },
+      "secondary-background-hover": {
+        value: "#2a7d58",
+        description: "Hover state for secondary action elements",
+        category: "background",
+        group: "actions"
+      },
+      "secondary-foreground-hover": {
+        value: "#ffffff",
+        description: "Hover text color for secondary action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "secondary-border": {
+        value: "#353a3e",
+        description: "Border color for secondary buttons",
+        category: "border",
+        group: "actions"
+      },
+      "success-background": {
+        value: "#51f0a8",
+        description: "Success action background color",
+        category: "background",
+        group: "actions"
+      },
+      "success-background-hover": {
+        value: "#6af4b4",
+        description: "Hover state for success elements",
+        category: "background",
+        group: "actions"
+      },
+      "success-foreground": {
+        value: "#000000",
+        description: "Text color for success action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "success-foreground-hover": {
+        value: "#000000",
+        description: "Hover text color for success elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "warning-background": {
+        value: "#ffb188",
+        description: "Warning action background color",
+        category: "background",
+        group: "actions"
+      },
+      "warning-background-hover": {
+        value: "#ffc4a0",
+        description: "Hover state for warning elements",
+        category: "background",
+        group: "actions"
+      },
+      "warning-foreground": {
+        value: "#000000",
+        description: "Text color for warning action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "warning-foreground-hover": {
+        value: "#000000",
+        description: "Hover text color for warning elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "danger-background": {
+        value: "#ff78a5",
+        description: "Danger action background color",
+        category: "background",
+        group: "actions"
+      },
+      "danger-background-hover": {
+        value: "#ff9dbf",
+        description: "Hover state for danger elements",
+        category: "background",
+        group: "actions"
+      },
+      "danger-foreground": {
+        value: "#ffffff",
+        description: "Text color for danger action elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "danger-foreground-hover": {
+        value: "#ffffff",
+        description: "Hover text color for danger elements",
+        category: "foreground",
+        group: "actions"
+      },
+      "callout-primary-background": {
+        value: "color-mix(in srgb, #51f0a8, transparent 90%)",
+        description: "Background for informational callout boxes",
+        category: "background",
+        group: "callouts"
+      },
+      "callout-primary-border": {
+        value: "color-mix(in srgb, #51f0a8, transparent 80%)",
+        description: "Border for informational callout boxes",
+        category: "border",
+        group: "callouts"
+      },
+      "callout-primary-title": {
+        value: "#51f0a8",
+        description: "Title text color for informational callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-primary-description": {
+        value: "#51f0a8",
+        description: "Description text color for informational callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-primary-icon": {
+        value: "#6af4b4",
+        description: "Icon color for informational callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-success-background": {
+        value: "color-mix(in srgb, #51f0a8, transparent 90%)",
+        description: "Background for success callout boxes",
+        category: "background",
+        group: "callouts"
+      },
+      "callout-success-border": {
+        value: "color-mix(in srgb, #51f0a8, transparent 80%)",
+        description: "Border for success callout boxes",
+        category: "border",
+        group: "callouts"
+      },
+      "callout-success-title": {
+        value: "#51f0a8",
+        description: "Title text color for success callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-success-description": {
+        value: "#51f0a8",
+        description: "Description text color for success callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-success-icon": {
+        value: "#6af4b4",
+        description: "Icon color for success callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-warning-background": {
+        value: "color-mix(in srgb, #ffb188, transparent 90%)",
+        description: "Background for warning callout boxes",
+        category: "background",
+        group: "callouts"
+      },
+      "callout-warning-border": {
+        value: "color-mix(in srgb, #ffb188, transparent 80%)",
+        description: "Border for warning callout boxes",
+        category: "border",
+        group: "callouts"
+      },
+      "callout-warning-title": {
+        value: "#ffb188",
+        description: "Title text color for warning callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-warning-description": {
+        value: "#ffb188",
+        description: "Description text color for warning callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-warning-icon": {
+        value: "#ffc4a0",
+        description: "Icon color for warning callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-error-background": {
+        value: "color-mix(in srgb, #ff78a5, transparent 90%)",
+        description: "Background for error callout boxes",
+        category: "background",
+        group: "callouts"
+      },
+      "callout-error-border": {
+        value: "color-mix(in srgb, #ff78a5, transparent 80%)",
+        description: "Border for error callout boxes",
+        category: "border",
+        group: "callouts"
+      },
+      "callout-error-title": {
+        value: "#ff78a5",
+        description: "Title text color for error callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-error-description": {
+        value: "#ff78a5",
+        description: "Description text color for error callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "callout-error-icon": {
+        value: "#ff9dbf",
+        description: "Icon color for error callouts",
+        category: "foreground",
+        group: "callouts"
+      },
+      "accent-primary": {
+        value: "#51f0a8",
+        description: "Primary brand accent color",
+        category: "background",
+        group: "accents"
+      },
+      "accent-primary-hover": {
+        value: "#6af4b4",
+        description: "Hover state for primary accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-primary-foreground": {
+        value: "#000000",
+        description: "Text color on primary accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-forest": {
+        value: "#51f0a8",
+        description: "Green accent for success and positive indicators",
+        category: "background",
+        group: "accents"
+      },
+      "accent-forest-hover": {
+        value: "#6af4b4",
+        description: "Hover state for forest accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-forest-foreground": {
+        value: "#000000",
+        description: "Text color on forest accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-amber": {
+        value: "#ffb188",
+        description: "Orange accent for warnings and attention",
+        category: "background",
+        group: "accents"
+      },
+      "accent-amber-hover": {
+        value: "#ffc4a0",
+        description: "Hover state for amber accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-amber-foreground": {
+        value: "#000000",
+        description: "Text color on amber accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-cherry": {
+        value: "#ff78a5",
+        description: "Red/pink accent for errors and critical states",
+        category: "background",
+        group: "accents"
+      },
+      "accent-cherry-hover": {
+        value: "#ff9dbf",
+        description: "Hover state for cherry accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-cherry-foreground": {
+        value: "#000000",
+        description: "Text color on cherry accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-aqua": {
+        value: "#5fd0ff",
+        description: "Cyan accent for informational elements",
+        category: "background",
+        group: "accents"
+      },
+      "accent-aqua-hover": {
+        value: "#7dd8ff",
+        description: "Hover state for aqua accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-aqua-foreground": {
+        value: "#000000",
+        description: "Text color on aqua accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-sakura": {
+        value: "#ffb7cf",
+        description: "Pink accent for decorative elements",
+        category: "background",
+        group: "accents"
+      },
+      "accent-sakura-hover": {
+        value: "#ffd0e0",
+        description: "Hover state for sakura accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-sakura-foreground": {
+        value: "#000000",
+        description: "Text color on sakura accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      },
+      "accent-sienna": {
+        value: "#ffb188",
+        description: "Orange accent for earthy elements",
+        category: "background",
+        group: "accents"
+      },
+      "accent-sienna-hover": {
+        value: "#ffc4a0",
+        description: "Hover state for sienna accent",
+        category: "background",
+        group: "accents"
+      },
+      "accent-sienna-foreground": {
+        value: "#000000",
+        description: "Text color on sienna accent backgrounds",
+        category: "foreground",
+        group: "accents"
+      }
+    }
+  }
+}, U = {
   default: {
     light: {
       meta: {
@@ -5278,19 +6735,43 @@ const b = {
         }
       }
     }
-  }
+  },
+  aurora: E
+}, A = {
+  value: "0px",
+  type: "radius"
+}, T = {
+  value: "2px",
+  type: "radius"
+}, h = {
+  value: "4px",
+  type: "radius"
+}, m = {
+  value: "6px",
+  type: "radius"
+}, R = {
+  value: "999999px",
+  type: "radius"
+}, D = {
+  radius_0: A,
+  radius_1: T,
+  radius_2: h,
+  radius_3: m,
+  radiusRound: R
 };
 export {
-  b as Color,
-  A as ColorTailwind,
-  T as Spacing,
-  S as Style,
-  I as StyleTailwind,
-  R as Typography,
-  h as TypographyStyles,
-  L as colorTokens,
-  G as semanticTokens,
-  m as spacingTokens,
-  x as typographyStylesTokens,
-  N as typographyTokens
+  S as Color,
+  k as ColorTailwind,
+  N as Radius,
+  I as Spacing,
+  G as Style,
+  H as StyleTailwind,
+  x as Typography,
+  L as TypographyStyles,
+  B as colorTokens,
+  D as radiusTokens,
+  U as semanticTokens,
+  F as spacingTokens,
+  C as typographyStylesTokens,
+  O as typographyTokens
 };