@raylang/elements 0.0.0-stage → 0.4.0

package/tokens.json

@@ -0,0 +1,2083 @@
+{
+  "prefix": "ray",
+  "primary": "blue",
+  "colors": [
+    "dark",
+    "gray",
+    "red",
+    "pink",
+    "violet",
+    "indigo",
+    "blue",
+    "cyan",
+    "teal",
+    "green",
+    "yellow",
+    "orange",
+    "custom"
+  ],
+  "variants": [
+    "filled",
+    "filled-hover",
+    "light",
+    "light-hover",
+    "light-color",
+    "outline",
+    "outline-hover",
+    "contrast"
+  ],
+  "tokens": {
+    "white": {
+      "group": "base",
+      "var": "--ray-white",
+      "value": "#ffffff"
+    },
+    "black": {
+      "group": "base",
+      "var": "--ray-black",
+      "value": "#000000"
+    },
+    "dark-0": {
+      "group": "palette",
+      "var": "--ray-dark-0",
+      "value": "#c9c9c9"
+    },
+    "dark-1": {
+      "group": "palette",
+      "var": "--ray-dark-1",
+      "value": "#b8b8b8"
+    },
+    "dark-2": {
+      "group": "palette",
+      "var": "--ray-dark-2",
+      "value": "#828282"
+    },
+    "dark-3": {
+      "group": "palette",
+      "var": "--ray-dark-3",
+      "value": "#696969"
+    },
+    "dark-4": {
+      "group": "palette",
+      "var": "--ray-dark-4",
+      "value": "#424242"
+    },
+    "dark-5": {
+      "group": "palette",
+      "var": "--ray-dark-5",
+      "value": "#3b3b3b"
+    },
+    "dark-6": {
+      "group": "palette",
+      "var": "--ray-dark-6",
+      "value": "#2e2e2e"
+    },
+    "dark-7": {
+      "group": "palette",
+      "var": "--ray-dark-7",
+      "value": "#242424"
+    },
+    "dark-8": {
+      "group": "palette",
+      "var": "--ray-dark-8",
+      "value": "#1f1f1f"
+    },
+    "dark-9": {
+      "group": "palette",
+      "var": "--ray-dark-9",
+      "value": "#141414"
+    },
+    "gray-0": {
+      "group": "palette",
+      "var": "--ray-gray-0",
+      "value": "#f8f9fa"
+    },
+    "gray-1": {
+      "group": "palette",
+      "var": "--ray-gray-1",
+      "value": "#f1f3f5"
+    },
+    "gray-2": {
+      "group": "palette",
+      "var": "--ray-gray-2",
+      "value": "#e9ecef"
+    },
+    "gray-3": {
+      "group": "palette",
+      "var": "--ray-gray-3",
+      "value": "#dee2e6"
+    },
+    "gray-4": {
+      "group": "palette",
+      "var": "--ray-gray-4",
+      "value": "#ced4da"
+    },
+    "gray-5": {
+      "group": "palette",
+      "var": "--ray-gray-5",
+      "value": "#adb5bd"
+    },
+    "gray-6": {
+      "group": "palette",
+      "var": "--ray-gray-6",
+      "value": "#868e96"
+    },
+    "gray-7": {
+      "group": "palette",
+      "var": "--ray-gray-7",
+      "value": "#495057"
+    },
+    "gray-8": {
+      "group": "palette",
+      "var": "--ray-gray-8",
+      "value": "#343a40"
+    },
+    "gray-9": {
+      "group": "palette",
+      "var": "--ray-gray-9",
+      "value": "#212529"
+    },
+    "red-0": {
+      "group": "palette",
+      "var": "--ray-red-0",
+      "value": "#fff5f5"
+    },
+    "red-1": {
+      "group": "palette",
+      "var": "--ray-red-1",
+      "value": "#ffe3e3"
+    },
+    "red-2": {
+      "group": "palette",
+      "var": "--ray-red-2",
+      "value": "#ffc9c9"
+    },
+    "red-3": {
+      "group": "palette",
+      "var": "--ray-red-3",
+      "value": "#ffa8a8"
+    },
+    "red-4": {
+      "group": "palette",
+      "var": "--ray-red-4",
+      "value": "#ff8787"
+    },
+    "red-5": {
+      "group": "palette",
+      "var": "--ray-red-5",
+      "value": "#ff6b6b"
+    },
+    "red-6": {
+      "group": "palette",
+      "var": "--ray-red-6",
+      "value": "#fa5252"
+    },
+    "red-7": {
+      "group": "palette",
+      "var": "--ray-red-7",
+      "value": "#f03e3e"
+    },
+    "red-8": {
+      "group": "palette",
+      "var": "--ray-red-8",
+      "value": "#e03131"
+    },
+    "red-9": {
+      "group": "palette",
+      "var": "--ray-red-9",
+      "value": "#c92a2a"
+    },
+    "pink-0": {
+      "group": "palette",
+      "var": "--ray-pink-0",
+      "value": "#fff0f6"
+    },
+    "pink-1": {
+      "group": "palette",
+      "var": "--ray-pink-1",
+      "value": "#ffdeeb"
+    },
+    "pink-2": {
+      "group": "palette",
+      "var": "--ray-pink-2",
+      "value": "#fcc2d7"
+    },
+    "pink-3": {
+      "group": "palette",
+      "var": "--ray-pink-3",
+      "value": "#faa2c1"
+    },
+    "pink-4": {
+      "group": "palette",
+      "var": "--ray-pink-4",
+      "value": "#f783ac"
+    },
+    "pink-5": {
+      "group": "palette",
+      "var": "--ray-pink-5",
+      "value": "#f06595"
+    },
+    "pink-6": {
+      "group": "palette",
+      "var": "--ray-pink-6",
+      "value": "#e64980"
+    },
+    "pink-7": {
+      "group": "palette",
+      "var": "--ray-pink-7",
+      "value": "#d6336c"
+    },
+    "pink-8": {
+      "group": "palette",
+      "var": "--ray-pink-8",
+      "value": "#c2255c"
+    },
+    "pink-9": {
+      "group": "palette",
+      "var": "--ray-pink-9",
+      "value": "#a61e4d"
+    },
+    "violet-0": {
+      "group": "palette",
+      "var": "--ray-violet-0",
+      "value": "#f3f0ff"
+    },
+    "violet-1": {
+      "group": "palette",
+      "var": "--ray-violet-1",
+      "value": "#e5dbff"
+    },
+    "violet-2": {
+      "group": "palette",
+      "var": "--ray-violet-2",
+      "value": "#d0bfff"
+    },
+    "violet-3": {
+      "group": "palette",
+      "var": "--ray-violet-3",
+      "value": "#b197fc"
+    },
+    "violet-4": {
+      "group": "palette",
+      "var": "--ray-violet-4",
+      "value": "#9775fa"
+    },
+    "violet-5": {
+      "group": "palette",
+      "var": "--ray-violet-5",
+      "value": "#845ef7"
+    },
+    "violet-6": {
+      "group": "palette",
+      "var": "--ray-violet-6",
+      "value": "#7950f2"
+    },
+    "violet-7": {
+      "group": "palette",
+      "var": "--ray-violet-7",
+      "value": "#7048e8"
+    },
+    "violet-8": {
+      "group": "palette",
+      "var": "--ray-violet-8",
+      "value": "#6741d9"
+    },
+    "violet-9": {
+      "group": "palette",
+      "var": "--ray-violet-9",
+      "value": "#5f3dc4"
+    },
+    "indigo-0": {
+      "group": "palette",
+      "var": "--ray-indigo-0",
+      "value": "#edf2ff"
+    },
+    "indigo-1": {
+      "group": "palette",
+      "var": "--ray-indigo-1",
+      "value": "#dbe4ff"
+    },
+    "indigo-2": {
+      "group": "palette",
+      "var": "--ray-indigo-2",
+      "value": "#bac8ff"
+    },
+    "indigo-3": {
+      "group": "palette",
+      "var": "--ray-indigo-3",
+      "value": "#91a7ff"
+    },
+    "indigo-4": {
+      "group": "palette",
+      "var": "--ray-indigo-4",
+      "value": "#748ffc"
+    },
+    "indigo-5": {
+      "group": "palette",
+      "var": "--ray-indigo-5",
+      "value": "#5c7cfa"
+    },
+    "indigo-6": {
+      "group": "palette",
+      "var": "--ray-indigo-6",
+      "value": "#4c6ef5"
+    },
+    "indigo-7": {
+      "group": "palette",
+      "var": "--ray-indigo-7",
+      "value": "#4263eb"
+    },
+    "indigo-8": {
+      "group": "palette",
+      "var": "--ray-indigo-8",
+      "value": "#3b5bdb"
+    },
+    "indigo-9": {
+      "group": "palette",
+      "var": "--ray-indigo-9",
+      "value": "#364fc7"
+    },
+    "blue-0": {
+      "group": "palette",
+      "var": "--ray-blue-0",
+      "value": "#e7f5ff"
+    },
+    "blue-1": {
+      "group": "palette",
+      "var": "--ray-blue-1",
+      "value": "#d0ebff"
+    },
+    "blue-2": {
+      "group": "palette",
+      "var": "--ray-blue-2",
+      "value": "#a5d8ff"
+    },
+    "blue-3": {
+      "group": "palette",
+      "var": "--ray-blue-3",
+      "value": "#74c0fc"
+    },
+    "blue-4": {
+      "group": "palette",
+      "var": "--ray-blue-4",
+      "value": "#4dabf7"
+    },
+    "blue-5": {
+      "group": "palette",
+      "var": "--ray-blue-5",
+      "value": "#339af0"
+    },
+    "blue-6": {
+      "group": "palette",
+      "var": "--ray-blue-6",
+      "value": "#228be6"
+    },
+    "blue-7": {
+      "group": "palette",
+      "var": "--ray-blue-7",
+      "value": "#1c7ed6"
+    },
+    "blue-8": {
+      "group": "palette",
+      "var": "--ray-blue-8",
+      "value": "#1971c2"
+    },
+    "blue-9": {
+      "group": "palette",
+      "var": "--ray-blue-9",
+      "value": "#1864ab"
+    },
+    "cyan-0": {
+      "group": "palette",
+      "var": "--ray-cyan-0",
+      "value": "#e3fafc"
+    },
+    "cyan-1": {
+      "group": "palette",
+      "var": "--ray-cyan-1",
+      "value": "#c5f6fa"
+    },
+    "cyan-2": {
+      "group": "palette",
+      "var": "--ray-cyan-2",
+      "value": "#99e9f2"
+    },
+    "cyan-3": {
+      "group": "palette",
+      "var": "--ray-cyan-3",
+      "value": "#66d9e8"
+    },
+    "cyan-4": {
+      "group": "palette",
+      "var": "--ray-cyan-4",
+      "value": "#3bc9db"
+    },
+    "cyan-5": {
+      "group": "palette",
+      "var": "--ray-cyan-5",
+      "value": "#22b8cf"
+    },
+    "cyan-6": {
+      "group": "palette",
+      "var": "--ray-cyan-6",
+      "value": "#15aabf"
+    },
+    "cyan-7": {
+      "group": "palette",
+      "var": "--ray-cyan-7",
+      "value": "#1098ad"
+    },
+    "cyan-8": {
+      "group": "palette",
+      "var": "--ray-cyan-8",
+      "value": "#0c8599"
+    },
+    "cyan-9": {
+      "group": "palette",
+      "var": "--ray-cyan-9",
+      "value": "#0b7285"
+    },
+    "teal-0": {
+      "group": "palette",
+      "var": "--ray-teal-0",
+      "value": "#e6fcf5"
+    },
+    "teal-1": {
+      "group": "palette",
+      "var": "--ray-teal-1",
+      "value": "#c3fae8"
+    },
+    "teal-2": {
+      "group": "palette",
+      "var": "--ray-teal-2",
+      "value": "#96f2d7"
+    },
+    "teal-3": {
+      "group": "palette",
+      "var": "--ray-teal-3",
+      "value": "#63e6be"
+    },
+    "teal-4": {
+      "group": "palette",
+      "var": "--ray-teal-4",
+      "value": "#38d9a9"
+    },
+    "teal-5": {
+      "group": "palette",
+      "var": "--ray-teal-5",
+      "value": "#20c997"
+    },
+    "teal-6": {
+      "group": "palette",
+      "var": "--ray-teal-6",
+      "value": "#12b886"
+    },
+    "teal-7": {
+      "group": "palette",
+      "var": "--ray-teal-7",
+      "value": "#0ca678"
+    },
+    "teal-8": {
+      "group": "palette",
+      "var": "--ray-teal-8",
+      "value": "#099268"
+    },
+    "teal-9": {
+      "group": "palette",
+      "var": "--ray-teal-9",
+      "value": "#087f5b"
+    },
+    "green-0": {
+      "group": "palette",
+      "var": "--ray-green-0",
+      "value": "#ebfbee"
+    },
+    "green-1": {
+      "group": "palette",
+      "var": "--ray-green-1",
+      "value": "#d3f9d8"
+    },
+    "green-2": {
+      "group": "palette",
+      "var": "--ray-green-2",
+      "value": "#b2f2bb"
+    },
+    "green-3": {
+      "group": "palette",
+      "var": "--ray-green-3",
+      "value": "#8ce99a"
+    },
+    "green-4": {
+      "group": "palette",
+      "var": "--ray-green-4",
+      "value": "#69db7c"
+    },
+    "green-5": {
+      "group": "palette",
+      "var": "--ray-green-5",
+      "value": "#51cf66"
+    },
+    "green-6": {
+      "group": "palette",
+      "var": "--ray-green-6",
+      "value": "#40c057"
+    },
+    "green-7": {
+      "group": "palette",
+      "var": "--ray-green-7",
+      "value": "#37b24d"
+    },
+    "green-8": {
+      "group": "palette",
+      "var": "--ray-green-8",
+      "value": "#2f9e44"
+    },
+    "green-9": {
+      "group": "palette",
+      "var": "--ray-green-9",
+      "value": "#2b8a3e"
+    },
+    "yellow-0": {
+      "group": "palette",
+      "var": "--ray-yellow-0",
+      "value": "#fff9db"
+    },
+    "yellow-1": {
+      "group": "palette",
+      "var": "--ray-yellow-1",
+      "value": "#fff3bf"
+    },
+    "yellow-2": {
+      "group": "palette",
+      "var": "--ray-yellow-2",
+      "value": "#ffec99"
+    },
+    "yellow-3": {
+      "group": "palette",
+      "var": "--ray-yellow-3",
+      "value": "#ffe066"
+    },
+    "yellow-4": {
+      "group": "palette",
+      "var": "--ray-yellow-4",
+      "value": "#ffd43b"
+    },
+    "yellow-5": {
+      "group": "palette",
+      "var": "--ray-yellow-5",
+      "value": "#fcc419"
+    },
+    "yellow-6": {
+      "group": "palette",
+      "var": "--ray-yellow-6",
+      "value": "#fab005"
+    },
+    "yellow-7": {
+      "group": "palette",
+      "var": "--ray-yellow-7",
+      "value": "#f59f00"
+    },
+    "yellow-8": {
+      "group": "palette",
+      "var": "--ray-yellow-8",
+      "value": "#f08c00"
+    },
+    "yellow-9": {
+      "group": "palette",
+      "var": "--ray-yellow-9",
+      "value": "#e67700"
+    },
+    "orange-0": {
+      "group": "palette",
+      "var": "--ray-orange-0",
+      "value": "#fff4e6"
+    },
+    "orange-1": {
+      "group": "palette",
+      "var": "--ray-orange-1",
+      "value": "#ffe8cc"
+    },
+    "orange-2": {
+      "group": "palette",
+      "var": "--ray-orange-2",
+      "value": "#ffd8a8"
+    },
+    "orange-3": {
+      "group": "palette",
+      "var": "--ray-orange-3",
+      "value": "#ffc078"
+    },
+    "orange-4": {
+      "group": "palette",
+      "var": "--ray-orange-4",
+      "value": "#ffa94d"
+    },
+    "orange-5": {
+      "group": "palette",
+      "var": "--ray-orange-5",
+      "value": "#ff922b"
+    },
+    "orange-6": {
+      "group": "palette",
+      "var": "--ray-orange-6",
+      "value": "#fd7e14"
+    },
+    "orange-7": {
+      "group": "palette",
+      "var": "--ray-orange-7",
+      "value": "#f76707"
+    },
+    "orange-8": {
+      "group": "palette",
+      "var": "--ray-orange-8",
+      "value": "#e8590c"
+    },
+    "orange-9": {
+      "group": "palette",
+      "var": "--ray-orange-9",
+      "value": "#d9480f"
+    },
+    "custom-0": {
+      "group": "palette",
+      "var": "--ray-custom-0",
+      "value": "var(--ray-custom-src-0, #e7f5ff)"
+    },
+    "custom-1": {
+      "group": "palette",
+      "var": "--ray-custom-1",
+      "value": "var(--ray-custom-src-1, #d0ebff)"
+    },
+    "custom-2": {
+      "group": "palette",
+      "var": "--ray-custom-2",
+      "value": "var(--ray-custom-src-2, #a5d8ff)"
+    },
+    "custom-3": {
+      "group": "palette",
+      "var": "--ray-custom-3",
+      "value": "var(--ray-custom-src-3, #74c0fc)"
+    },
+    "custom-4": {
+      "group": "palette",
+      "var": "--ray-custom-4",
+      "value": "var(--ray-custom-src-4, #4dabf7)"
+    },
+    "custom-5": {
+      "group": "palette",
+      "var": "--ray-custom-5",
+      "value": "var(--ray-custom-src-5, #339af0)"
+    },
+    "custom-6": {
+      "group": "palette",
+      "var": "--ray-custom-6",
+      "value": "var(--ray-custom-src-6, #228be6)"
+    },
+    "custom-7": {
+      "group": "palette",
+      "var": "--ray-custom-7",
+      "value": "var(--ray-custom-src-7, #1c7ed6)"
+    },
+    "custom-8": {
+      "group": "palette",
+      "var": "--ray-custom-8",
+      "value": "var(--ray-custom-src-8, #1971c2)"
+    },
+    "custom-9": {
+      "group": "palette",
+      "var": "--ray-custom-9",
+      "value": "var(--ray-custom-src-9, #1864ab)"
+    },
+    "dark-filled": {
+      "group": "variant",
+      "var": "--ray-dark-filled",
+      "light": "#2e2e2e",
+      "dark": "#f1f3f5"
+    },
+    "dark-filled-hover": {
+      "group": "variant",
+      "var": "--ray-dark-filled-hover",
+      "light": "#242424",
+      "dark": "#dee2e6"
+    },
+    "dark-light": {
+      "group": "variant",
+      "var": "--ray-dark-light",
+      "light": "color-mix(in srgb, #2e2e2e 10%, transparent)",
+      "dark": "color-mix(in srgb, #f1f3f5 10%, transparent)"
+    },
+    "dark-light-hover": {
+      "group": "variant",
+      "var": "--ray-dark-light-hover",
+      "light": "color-mix(in srgb, #2e2e2e 16%, transparent)",
+      "dark": "color-mix(in srgb, #f1f3f5 16%, transparent)"
+    },
+    "dark-light-color": {
+      "group": "variant",
+      "var": "--ray-dark-light-color",
+      "light": "#141414",
+      "dark": "#f1f3f5"
+    },
+    "dark-outline": {
+      "group": "variant",
+      "var": "--ray-dark-outline",
+      "light": "#1f1f1f",
+      "dark": "#dee2e6"
+    },
+    "dark-outline-hover": {
+      "group": "variant",
+      "var": "--ray-dark-outline-hover",
+      "light": "color-mix(in srgb, #2e2e2e 8%, transparent)",
+      "dark": "color-mix(in srgb, #f1f3f5 8%, transparent)"
+    },
+    "dark-contrast": {
+      "group": "variant",
+      "var": "--ray-dark-contrast",
+      "light": "#ffffff",
+      "dark": "#000000"
+    },
+    "gray-filled": {
+      "group": "variant",
+      "var": "--ray-gray-filled",
+      "value": "#495057"
+    },
+    "gray-filled-hover": {
+      "group": "variant",
+      "var": "--ray-gray-filled-hover",
+      "value": "#343a40"
+    },
+    "gray-light": {
+      "group": "variant",
+      "var": "--ray-gray-light",
+      "light": "color-mix(in srgb, #868e96 10%, transparent)",
+      "dark": "color-mix(in srgb, #868e96 15%, transparent)"
+    },
+    "gray-light-hover": {
+      "group": "variant",
+      "var": "--ray-gray-light-hover",
+      "light": "color-mix(in srgb, #868e96 16%, transparent)",
+      "dark": "color-mix(in srgb, #868e96 22%, transparent)"
+    },
+    "gray-light-color": {
+      "group": "variant",
+      "var": "--ray-gray-light-color",
+      "light": "#212529",
+      "dark": "#dee2e6"
+    },
+    "gray-outline": {
+      "group": "variant",
+      "var": "--ray-gray-outline",
+      "light": "#343a40",
+      "dark": "#ced4da"
+    },
+    "gray-outline-hover": {
+      "group": "variant",
+      "var": "--ray-gray-outline-hover",
+      "light": "color-mix(in srgb, #868e96 8%, transparent)",
+      "dark": "color-mix(in srgb, #ced4da 8%, transparent)"
+    },
+    "gray-contrast": {
+      "group": "variant",
+      "var": "--ray-gray-contrast",
+      "value": "#ffffff"
+    },
+    "red-filled": {
+      "group": "variant",
+      "var": "--ray-red-filled",
+      "value": "#c92a2a"
+    },
+    "red-filled-hover": {
+      "group": "variant",
+      "var": "--ray-red-filled-hover",
+      "value": "color-mix(in srgb, #c92a2a 85%, #000000)"
+    },
+    "red-light": {
+      "group": "variant",
+      "var": "--ray-red-light",
+      "light": "color-mix(in srgb, #fa5252 10%, transparent)",
+      "dark": "color-mix(in srgb, #fa5252 15%, transparent)"
+    },
+    "red-light-hover": {
+      "group": "variant",
+      "var": "--ray-red-light-hover",
+      "light": "color-mix(in srgb, #fa5252 16%, transparent)",
+      "dark": "color-mix(in srgb, #fa5252 22%, transparent)"
+    },
+    "red-light-color": {
+      "group": "variant",
+      "var": "--ray-red-light-color",
+      "light": "color-mix(in srgb, #c92a2a 90%, #000000)",
+      "dark": "#ffa8a8"
+    },
+    "red-outline": {
+      "group": "variant",
+      "var": "--ray-red-outline",
+      "light": "#e03131",
+      "dark": "#ff8787"
+    },
+    "red-outline-hover": {
+      "group": "variant",
+      "var": "--ray-red-outline-hover",
+      "light": "color-mix(in srgb, #fa5252 8%, transparent)",
+      "dark": "color-mix(in srgb, #ff8787 8%, transparent)"
+    },
+    "red-contrast": {
+      "group": "variant",
+      "var": "--ray-red-contrast",
+      "value": "#ffffff"
+    },
+    "pink-filled": {
+      "group": "variant",
+      "var": "--ray-pink-filled",
+      "value": "#c2255c"
+    },
+    "pink-filled-hover": {
+      "group": "variant",
+      "var": "--ray-pink-filled-hover",
+      "value": "#a61e4d"
+    },
+    "pink-light": {
+      "group": "variant",
+      "var": "--ray-pink-light",
+      "light": "color-mix(in srgb, #e64980 10%, transparent)",
+      "dark": "color-mix(in srgb, #e64980 15%, transparent)"
+    },
+    "pink-light-hover": {
+      "group": "variant",
+      "var": "--ray-pink-light-hover",
+      "light": "color-mix(in srgb, #e64980 16%, transparent)",
+      "dark": "color-mix(in srgb, #e64980 22%, transparent)"
+    },
+    "pink-light-color": {
+      "group": "variant",
+      "var": "--ray-pink-light-color",
+      "light": "#a61e4d",
+      "dark": "#faa2c1"
+    },
+    "pink-outline": {
+      "group": "variant",
+      "var": "--ray-pink-outline",
+      "light": "#c2255c",
+      "dark": "#f783ac"
+    },
+    "pink-outline-hover": {
+      "group": "variant",
+      "var": "--ray-pink-outline-hover",
+      "light": "color-mix(in srgb, #e64980 8%, transparent)",
+      "dark": "color-mix(in srgb, #f783ac 8%, transparent)"
+    },
+    "pink-contrast": {
+      "group": "variant",
+      "var": "--ray-pink-contrast",
+      "value": "#ffffff"
+    },
+    "violet-filled": {
+      "group": "variant",
+      "var": "--ray-violet-filled",
+      "value": "#6741d9"
+    },
+    "violet-filled-hover": {
+      "group": "variant",
+      "var": "--ray-violet-filled-hover",
+      "value": "#5f3dc4"
+    },
+    "violet-light": {
+      "group": "variant",
+      "var": "--ray-violet-light",
+      "light": "color-mix(in srgb, #7950f2 10%, transparent)",
+      "dark": "color-mix(in srgb, #7950f2 15%, transparent)"
+    },
+    "violet-light-hover": {
+      "group": "variant",
+      "var": "--ray-violet-light-hover",
+      "light": "color-mix(in srgb, #7950f2 16%, transparent)",
+      "dark": "color-mix(in srgb, #7950f2 22%, transparent)"
+    },
+    "violet-light-color": {
+      "group": "variant",
+      "var": "--ray-violet-light-color",
+      "light": "#5f3dc4",
+      "dark": "#b197fc"
+    },
+    "violet-outline": {
+      "group": "variant",
+      "var": "--ray-violet-outline",
+      "light": "#6741d9",
+      "dark": "#9775fa"
+    },
+    "violet-outline-hover": {
+      "group": "variant",
+      "var": "--ray-violet-outline-hover",
+      "light": "color-mix(in srgb, #7950f2 8%, transparent)",
+      "dark": "color-mix(in srgb, #9775fa 8%, transparent)"
+    },
+    "violet-contrast": {
+      "group": "variant",
+      "var": "--ray-violet-contrast",
+      "value": "#ffffff"
+    },
+    "indigo-filled": {
+      "group": "variant",
+      "var": "--ray-indigo-filled",
+      "value": "#3b5bdb"
+    },
+    "indigo-filled-hover": {
+      "group": "variant",
+      "var": "--ray-indigo-filled-hover",
+      "value": "#364fc7"
+    },
+    "indigo-light": {
+      "group": "variant",
+      "var": "--ray-indigo-light",
+      "light": "color-mix(in srgb, #4c6ef5 10%, transparent)",
+      "dark": "color-mix(in srgb, #4c6ef5 15%, transparent)"
+    },
+    "indigo-light-hover": {
+      "group": "variant",
+      "var": "--ray-indigo-light-hover",
+      "light": "color-mix(in srgb, #4c6ef5 16%, transparent)",
+      "dark": "color-mix(in srgb, #4c6ef5 22%, transparent)"
+    },
+    "indigo-light-color": {
+      "group": "variant",
+      "var": "--ray-indigo-light-color",
+      "light": "#364fc7",
+      "dark": "#91a7ff"
+    },
+    "indigo-outline": {
+      "group": "variant",
+      "var": "--ray-indigo-outline",
+      "light": "#3b5bdb",
+      "dark": "#748ffc"
+    },
+    "indigo-outline-hover": {
+      "group": "variant",
+      "var": "--ray-indigo-outline-hover",
+      "light": "color-mix(in srgb, #4c6ef5 8%, transparent)",
+      "dark": "color-mix(in srgb, #748ffc 8%, transparent)"
+    },
+    "indigo-contrast": {
+      "group": "variant",
+      "var": "--ray-indigo-contrast",
+      "value": "#ffffff"
+    },
+    "blue-filled": {
+      "group": "variant",
+      "var": "--ray-blue-filled",
+      "value": "#1971c2"
+    },
+    "blue-filled-hover": {
+      "group": "variant",
+      "var": "--ray-blue-filled-hover",
+      "value": "#1864ab"
+    },
+    "blue-light": {
+      "group": "variant",
+      "var": "--ray-blue-light",
+      "light": "color-mix(in srgb, #228be6 10%, transparent)",
+      "dark": "color-mix(in srgb, #228be6 15%, transparent)"
+    },
+    "blue-light-hover": {
+      "group": "variant",
+      "var": "--ray-blue-light-hover",
+      "light": "color-mix(in srgb, #228be6 16%, transparent)",
+      "dark": "color-mix(in srgb, #228be6 22%, transparent)"
+    },
+    "blue-light-color": {
+      "group": "variant",
+      "var": "--ray-blue-light-color",
+      "light": "#1864ab",
+      "dark": "#74c0fc"
+    },
+    "blue-outline": {
+      "group": "variant",
+      "var": "--ray-blue-outline",
+      "light": "#1971c2",
+      "dark": "#4dabf7"
+    },
+    "blue-outline-hover": {
+      "group": "variant",
+      "var": "--ray-blue-outline-hover",
+      "light": "color-mix(in srgb, #228be6 8%, transparent)",
+      "dark": "color-mix(in srgb, #4dabf7 8%, transparent)"
+    },
+    "blue-contrast": {
+      "group": "variant",
+      "var": "--ray-blue-contrast",
+      "value": "#ffffff"
+    },
+    "cyan-filled": {
+      "group": "variant",
+      "var": "--ray-cyan-filled",
+      "value": "#0b7285"
+    },
+    "cyan-filled-hover": {
+      "group": "variant",
+      "var": "--ray-cyan-filled-hover",
+      "value": "color-mix(in srgb, #0b7285 85%, #000000)"
+    },
+    "cyan-light": {
+      "group": "variant",
+      "var": "--ray-cyan-light",
+      "light": "color-mix(in srgb, #15aabf 10%, transparent)",
+      "dark": "color-mix(in srgb, #15aabf 15%, transparent)"
+    },
+    "cyan-light-hover": {
+      "group": "variant",
+      "var": "--ray-cyan-light-hover",
+      "light": "color-mix(in srgb, #15aabf 16%, transparent)",
+      "dark": "color-mix(in srgb, #15aabf 22%, transparent)"
+    },
+    "cyan-light-color": {
+      "group": "variant",
+      "var": "--ray-cyan-light-color",
+      "light": "color-mix(in srgb, #0b7285 90%, #000000)",
+      "dark": "#66d9e8"
+    },
+    "cyan-outline": {
+      "group": "variant",
+      "var": "--ray-cyan-outline",
+      "light": "color-mix(in srgb, #0b7285 90%, #000000)",
+      "dark": "#3bc9db"
+    },
+    "cyan-outline-hover": {
+      "group": "variant",
+      "var": "--ray-cyan-outline-hover",
+      "light": "color-mix(in srgb, #15aabf 8%, transparent)",
+      "dark": "color-mix(in srgb, #3bc9db 8%, transparent)"
+    },
+    "cyan-contrast": {
+      "group": "variant",
+      "var": "--ray-cyan-contrast",
+      "value": "#ffffff"
+    },
+    "teal-filled": {
+      "group": "variant",
+      "var": "--ray-teal-filled",
+      "value": "#087f5b"
+    },
+    "teal-filled-hover": {
+      "group": "variant",
+      "var": "--ray-teal-filled-hover",
+      "value": "color-mix(in srgb, #087f5b 85%, #000000)"
+    },
+    "teal-light": {
+      "group": "variant",
+      "var": "--ray-teal-light",
+      "light": "color-mix(in srgb, #12b886 10%, transparent)",
+      "dark": "color-mix(in srgb, #12b886 15%, transparent)"
+    },
+    "teal-light-hover": {
+      "group": "variant",
+      "var": "--ray-teal-light-hover",
+      "light": "color-mix(in srgb, #12b886 16%, transparent)",
+      "dark": "color-mix(in srgb, #12b886 22%, transparent)"
+    },
+    "teal-light-color": {
+      "group": "variant",
+      "var": "--ray-teal-light-color",
+      "light": "color-mix(in srgb, #087f5b 90%, #000000)",
+      "dark": "#63e6be"
+    },
+    "teal-outline": {
+      "group": "variant",
+      "var": "--ray-teal-outline",
+      "light": "color-mix(in srgb, #087f5b 90%, #000000)",
+      "dark": "#38d9a9"
+    },
+    "teal-outline-hover": {
+      "group": "variant",
+      "var": "--ray-teal-outline-hover",
+      "light": "color-mix(in srgb, #12b886 8%, transparent)",
+      "dark": "color-mix(in srgb, #38d9a9 8%, transparent)"
+    },
+    "teal-contrast": {
+      "group": "variant",
+      "var": "--ray-teal-contrast",
+      "value": "#ffffff"
+    },
+    "green-filled": {
+      "group": "variant",
+      "var": "--ray-green-filled",
+      "value": "color-mix(in srgb, #2b8a3e 90%, #000000)"
+    },
+    "green-filled-hover": {
+      "group": "variant",
+      "var": "--ray-green-filled-hover",
+      "value": "color-mix(in srgb, #2b8a3e 80%, #000000)"
+    },
+    "green-light": {
+      "group": "variant",
+      "var": "--ray-green-light",
+      "light": "color-mix(in srgb, #40c057 10%, transparent)",
+      "dark": "color-mix(in srgb, #40c057 15%, transparent)"
+    },
+    "green-light-hover": {
+      "group": "variant",
+      "var": "--ray-green-light-hover",
+      "light": "color-mix(in srgb, #40c057 16%, transparent)",
+      "dark": "color-mix(in srgb, #40c057 22%, transparent)"
+    },
+    "green-light-color": {
+      "group": "variant",
+      "var": "--ray-green-light-color",
+      "light": "color-mix(in srgb, #2b8a3e 80%, #000000)",
+      "dark": "#8ce99a"
+    },
+    "green-outline": {
+      "group": "variant",
+      "var": "--ray-green-outline",
+      "light": "color-mix(in srgb, #2b8a3e 80%, #000000)",
+      "dark": "#69db7c"
+    },
+    "green-outline-hover": {
+      "group": "variant",
+      "var": "--ray-green-outline-hover",
+      "light": "color-mix(in srgb, #40c057 8%, transparent)",
+      "dark": "color-mix(in srgb, #69db7c 8%, transparent)"
+    },
+    "green-contrast": {
+      "group": "variant",
+      "var": "--ray-green-contrast",
+      "value": "#ffffff"
+    },
+    "yellow-filled": {
+      "group": "variant",
+      "var": "--ray-yellow-filled",
+      "value": "#fcc419"
+    },
+    "yellow-filled-hover": {
+      "group": "variant",
+      "var": "--ray-yellow-filled-hover",
+      "value": "#fab005"
+    },
+    "yellow-light": {
+      "group": "variant",
+      "var": "--ray-yellow-light",
+      "light": "color-mix(in srgb, #fab005 10%, transparent)",
+      "dark": "color-mix(in srgb, #fab005 15%, transparent)"
+    },
+    "yellow-light-hover": {
+      "group": "variant",
+      "var": "--ray-yellow-light-hover",
+      "light": "color-mix(in srgb, #fab005 16%, transparent)",
+      "dark": "color-mix(in srgb, #fab005 22%, transparent)"
+    },
+    "yellow-light-color": {
+      "group": "variant",
+      "var": "--ray-yellow-light-color",
+      "light": "color-mix(in srgb, #e67700 62%, #000000)",
+      "dark": "#ffe066"
+    },
+    "yellow-outline": {
+      "group": "variant",
+      "var": "--ray-yellow-outline",
+      "light": "color-mix(in srgb, #e67700 62%, #000000)",
+      "dark": "#ffd43b"
+    },
+    "yellow-outline-hover": {
+      "group": "variant",
+      "var": "--ray-yellow-outline-hover",
+      "light": "color-mix(in srgb, #fab005 8%, transparent)",
+      "dark": "color-mix(in srgb, #ffd43b 8%, transparent)"
+    },
+    "yellow-contrast": {
+      "group": "variant",
+      "var": "--ray-yellow-contrast",
+      "value": "#000000"
+    },
+    "orange-filled": {
+      "group": "variant",
+      "var": "--ray-orange-filled",
+      "value": "color-mix(in srgb, #d9480f 90%, #000000)"
+    },
+    "orange-filled-hover": {
+      "group": "variant",
+      "var": "--ray-orange-filled-hover",
+      "value": "color-mix(in srgb, #d9480f 80%, #000000)"
+    },
+    "orange-light": {
+      "group": "variant",
+      "var": "--ray-orange-light",
+      "light": "color-mix(in srgb, #fd7e14 10%, transparent)",
+      "dark": "color-mix(in srgb, #fd7e14 15%, transparent)"
+    },
+    "orange-light-hover": {
+      "group": "variant",
+      "var": "--ray-orange-light-hover",
+      "light": "color-mix(in srgb, #fd7e14 16%, transparent)",
+      "dark": "color-mix(in srgb, #fd7e14 22%, transparent)"
+    },
+    "orange-light-color": {
+      "group": "variant",
+      "var": "--ray-orange-light-color",
+      "light": "color-mix(in srgb, #d9480f 78%, #000000)",
+      "dark": "#ffc078"
+    },
+    "orange-outline": {
+      "group": "variant",
+      "var": "--ray-orange-outline",
+      "light": "color-mix(in srgb, #d9480f 78%, #000000)",
+      "dark": "#ffa94d"
+    },
+    "orange-outline-hover": {
+      "group": "variant",
+      "var": "--ray-orange-outline-hover",
+      "light": "color-mix(in srgb, #fd7e14 8%, transparent)",
+      "dark": "color-mix(in srgb, #ffa94d 8%, transparent)"
+    },
+    "orange-contrast": {
+      "group": "variant",
+      "var": "--ray-orange-contrast",
+      "value": "#ffffff"
+    },
+    "custom-filled": {
+      "group": "variant",
+      "var": "--ray-custom-filled",
+      "value": "var(--ray-custom-src-filled, var(--ray-custom-src-8, #1971c2))"
+    },
+    "custom-filled-hover": {
+      "group": "variant",
+      "var": "--ray-custom-filled-hover",
+      "value": "var(--ray-custom-src-filled-hover, var(--ray-custom-src-9, #1864ab))"
+    },
+    "custom-light": {
+      "group": "variant",
+      "var": "--ray-custom-light",
+      "light": "color-mix(in srgb, var(--ray-custom-src-6, #228be6) 10%, transparent)",
+      "dark": "color-mix(in srgb, var(--ray-custom-src-6, #228be6) 15%, transparent)"
+    },
+    "custom-light-hover": {
+      "group": "variant",
+      "var": "--ray-custom-light-hover",
+      "light": "color-mix(in srgb, var(--ray-custom-src-6, #228be6) 16%, transparent)",
+      "dark": "color-mix(in srgb, var(--ray-custom-src-6, #228be6) 22%, transparent)"
+    },
+    "custom-light-color": {
+      "group": "variant",
+      "var": "--ray-custom-light-color",
+      "light": "var(--ray-custom-src-9, #1864ab)",
+      "dark": "var(--ray-custom-src-3, #74c0fc)"
+    },
+    "custom-outline": {
+      "group": "variant",
+      "var": "--ray-custom-outline",
+      "light": "var(--ray-custom-src-8, #1971c2)",
+      "dark": "var(--ray-custom-src-4, #4dabf7)"
+    },
+    "custom-outline-hover": {
+      "group": "variant",
+      "var": "--ray-custom-outline-hover",
+      "light": "color-mix(in srgb, var(--ray-custom-src-6, #228be6) 8%, transparent)",
+      "dark": "color-mix(in srgb, var(--ray-custom-src-4, #4dabf7) 8%, transparent)"
+    },
+    "custom-contrast": {
+      "group": "variant",
+      "var": "--ray-custom-contrast",
+      "value": "var(--ray-custom-src-contrast, #ffffff)"
+    },
+    "primary-0": {
+      "group": "primary",
+      "var": "--ray-primary-0",
+      "value": "#e7f5ff"
+    },
+    "primary-1": {
+      "group": "primary",
+      "var": "--ray-primary-1",
+      "value": "#d0ebff"
+    },
+    "primary-2": {
+      "group": "primary",
+      "var": "--ray-primary-2",
+      "value": "#a5d8ff"
+    },
+    "primary-3": {
+      "group": "primary",
+      "var": "--ray-primary-3",
+      "value": "#74c0fc"
+    },
+    "primary-4": {
+      "group": "primary",
+      "var": "--ray-primary-4",
+      "value": "#4dabf7"
+    },
+    "primary-5": {
+      "group": "primary",
+      "var": "--ray-primary-5",
+      "value": "#339af0"
+    },
+    "primary-6": {
+      "group": "primary",
+      "var": "--ray-primary-6",
+      "value": "#228be6"
+    },
+    "primary-7": {
+      "group": "primary",
+      "var": "--ray-primary-7",
+      "value": "#1c7ed6"
+    },
+    "primary-8": {
+      "group": "primary",
+      "var": "--ray-primary-8",
+      "value": "#1971c2"
+    },
+    "primary-9": {
+      "group": "primary",
+      "var": "--ray-primary-9",
+      "value": "#1864ab"
+    },
+    "primary-filled": {
+      "group": "primary",
+      "var": "--ray-primary-filled",
+      "value": "#1971c2"
+    },
+    "primary-filled-hover": {
+      "group": "primary",
+      "var": "--ray-primary-filled-hover",
+      "value": "#1864ab"
+    },
+    "primary-light": {
+      "group": "primary",
+      "var": "--ray-primary-light",
+      "value": "color-mix(in srgb, #228be6 10%, transparent)"
+    },
+    "primary-light-hover": {
+      "group": "primary",
+      "var": "--ray-primary-light-hover",
+      "value": "color-mix(in srgb, #228be6 16%, transparent)"
+    },
+    "primary-light-color": {
+      "group": "primary",
+      "var": "--ray-primary-light-color",
+      "value": "#1864ab"
+    },
+    "primary-outline": {
+      "group": "primary",
+      "var": "--ray-primary-outline",
+      "value": "#1971c2"
+    },
+    "primary-outline-hover": {
+      "group": "primary",
+      "var": "--ray-primary-outline-hover",
+      "value": "color-mix(in srgb, #228be6 8%, transparent)"
+    },
+    "primary-contrast": {
+      "group": "primary",
+      "var": "--ray-primary-contrast",
+      "value": "#ffffff"
+    },
+    "background": {
+      "group": "semantic",
+      "var": "--ray-background",
+      "light": "#ffffff",
+      "dark": "#141414"
+    },
+    "foreground": {
+      "group": "semantic",
+      "var": "--ray-foreground",
+      "light": "#212529",
+      "dark": "#f1f3f5"
+    },
+    "card": {
+      "group": "semantic",
+      "var": "--ray-card",
+      "light": "#ffffff",
+      "dark": "#1f1f1f"
+    },
+    "card-foreground": {
+      "group": "semantic",
+      "var": "--ray-card-foreground",
+      "light": "#212529",
+      "dark": "#f1f3f5"
+    },
+    "popover": {
+      "group": "semantic",
+      "var": "--ray-popover",
+      "light": "#ffffff",
+      "dark": "#1f1f1f"
+    },
+    "popover-foreground": {
+      "group": "semantic",
+      "var": "--ray-popover-foreground",
+      "light": "#212529",
+      "dark": "#f1f3f5"
+    },
+    "primary": {
+      "group": "semantic",
+      "var": "--ray-primary",
+      "value": "#1971c2"
+    },
+    "primary-hover": {
+      "group": "semantic",
+      "var": "--ray-primary-hover",
+      "value": "#1864ab"
+    },
+    "primary-foreground": {
+      "group": "semantic",
+      "var": "--ray-primary-foreground",
+      "value": "#ffffff"
+    },
+    "secondary": {
+      "group": "semantic",
+      "var": "--ray-secondary",
+      "light": "#f1f3f5",
+      "dark": "#2e2e2e"
+    },
+    "secondary-hover": {
+      "group": "semantic",
+      "var": "--ray-secondary-hover",
+      "light": "#e9ecef",
+      "dark": "#3b3b3b"
+    },
+    "secondary-foreground": {
+      "group": "semantic",
+      "var": "--ray-secondary-foreground",
+      "light": "#212529",
+      "dark": "#f1f3f5"
+    },
+    "default": {
+      "group": "semantic",
+      "var": "--ray-default",
+      "light": "#ffffff",
+      "dark": "color-mix(in srgb, #ffffff 3%, transparent)"
+    },
+    "default-hover": {
+      "group": "semantic",
+      "var": "--ray-default-hover",
+      "light": "#f1f3f5",
+      "dark": "color-mix(in srgb, #ffffff 7%, transparent)"
+    },
+    "raised": {
+      "group": "semantic",
+      "var": "--ray-raised",
+      "light": "#ffffff",
+      "dark": "#424242"
+    },
+    "muted": {
+      "group": "semantic",
+      "var": "--ray-muted",
+      "light": "#f8f9fa",
+      "dark": "#2e2e2e"
+    },
+    "muted-foreground": {
+      "group": "semantic",
+      "var": "--ray-muted-foreground",
+      "light": "color-mix(in srgb, #495057 50%, #868e96)",
+      "dark": "color-mix(in srgb, #b8b8b8 75%, #828282)"
+    },
+    "accent": {
+      "group": "semantic",
+      "var": "--ray-accent",
+      "light": "#f1f3f5",
+      "dark": "#2e2e2e"
+    },
+    "accent-foreground": {
+      "group": "semantic",
+      "var": "--ray-accent-foreground",
+      "light": "#212529",
+      "dark": "#f1f3f5"
+    },
+    "destructive": {
+      "group": "semantic",
+      "var": "--ray-destructive",
+      "value": "#c92a2a"
+    },
+    "destructive-hover": {
+      "group": "semantic",
+      "var": "--ray-destructive-hover",
+      "value": "color-mix(in srgb, #c92a2a 85%, #000000)"
+    },
+    "destructive-foreground": {
+      "group": "semantic",
+      "var": "--ray-destructive-foreground",
+      "value": "#ffffff"
+    },
+    "success": {
+      "group": "semantic",
+      "var": "--ray-success",
+      "light": "color-mix(in srgb, #2b8a3e 80%, #000000)",
+      "dark": "#51cf66"
+    },
+    "warning": {
+      "group": "semantic",
+      "var": "--ray-warning",
+      "light": "color-mix(in srgb, #e67700 62%, #000000)",
+      "dark": "#fcc419"
+    },
+    "info": {
+      "group": "semantic",
+      "var": "--ray-info",
+      "light": "color-mix(in srgb, #0b7285 90%, #000000)",
+      "dark": "#3bc9db"
+    },
+    "border": {
+      "group": "semantic",
+      "var": "--ray-border",
+      "light": "#dee2e6",
+      "dark": "#2e2e2e"
+    },
+    "input": {
+      "group": "semantic",
+      "var": "--ray-input",
+      "light": "#ced4da",
+      "dark": "#3b3b3b"
+    },
+    "ring": {
+      "group": "semantic",
+      "var": "--ray-ring",
+      "light": "color-mix(in srgb, #228be6 55%, transparent)",
+      "dark": "color-mix(in srgb, #4dabf7 60%, transparent)"
+    },
+    "overlay": {
+      "group": "semantic",
+      "var": "--ray-overlay",
+      "light": "color-mix(in srgb, #000000 10%, transparent)",
+      "dark": "color-mix(in srgb, #000000 50%, transparent)"
+    },
+    "overlay-border": {
+      "group": "semantic",
+      "var": "--ray-overlay-border",
+      "light": "color-mix(in srgb, #000000 16%, transparent)",
+      "dark": "color-mix(in srgb, #ffffff 14%, transparent)"
+    },
+    "selection": {
+      "group": "semantic",
+      "var": "--ray-selection",
+      "light": "color-mix(in srgb, #228be6 22%, transparent)",
+      "dark": "color-mix(in srgb, #4dabf7 30%, transparent)"
+    },
+    "chart-1": {
+      "group": "chart",
+      "var": "--ray-chart-1",
+      "light": "#228be6",
+      "dark": "#339af0"
+    },
+    "chart-2": {
+      "group": "chart",
+      "var": "--ray-chart-2",
+      "light": "#e8590c",
+      "dark": "#fd7e14"
+    },
+    "chart-3": {
+      "group": "chart",
+      "var": "--ray-chart-3",
+      "light": "#099268",
+      "dark": "#20c997"
+    },
+    "chart-4": {
+      "group": "chart",
+      "var": "--ray-chart-4",
+      "light": "#7950f2",
+      "dark": "#845ef7"
+    },
+    "chart-5": {
+      "group": "chart",
+      "var": "--ray-chart-5",
+      "light": "#e64980",
+      "dark": "#f06595"
+    },
+    "chart-6": {
+      "group": "chart",
+      "var": "--ray-chart-6",
+      "light": "color-mix(in srgb, #e67700 70%, #2b8a3e)",
+      "dark": "#fcc419"
+    },
+    "chart-7": {
+      "group": "chart",
+      "var": "--ray-chart-7",
+      "light": "#0b7285",
+      "dark": "#22b8cf"
+    },
+    "chart-8": {
+      "group": "chart",
+      "var": "--ray-chart-8",
+      "value": "#868e96"
+    },
+    "chart-grid": {
+      "group": "chart",
+      "var": "--ray-chart-grid",
+      "light": "#e9ecef",
+      "dark": "#2e2e2e"
+    },
+    "chart-axis": {
+      "group": "chart",
+      "var": "--ray-chart-axis",
+      "value": "color-mix(in srgb, #495057 50%, #868e96)"
+    },
+    "chart-text": {
+      "group": "chart",
+      "var": "--ray-chart-text",
+      "value": "#212529"
+    },
+    "chart-tooltip": {
+      "group": "chart",
+      "var": "--ray-chart-tooltip",
+      "value": "#ffffff"
+    },
+    "chart-tooltip-text": {
+      "group": "chart",
+      "var": "--ray-chart-tooltip-text",
+      "value": "#212529"
+    },
+    "chart-tooltip-border": {
+      "group": "chart",
+      "var": "--ray-chart-tooltip-border",
+      "value": "#dee2e6"
+    },
+    "code-background": {
+      "group": "code",
+      "var": "--ray-code-background",
+      "light": "#f8f9fa",
+      "dark": "#19191a"
+    },
+    "code-text": {
+      "group": "code",
+      "var": "--ray-code-text",
+      "value": "#212529"
+    },
+    "code-tag": {
+      "group": "code",
+      "var": "--ray-code-tag",
+      "value": "color-mix(in srgb, #2b8a3e 80%, #000000)"
+    },
+    "code-attr": {
+      "group": "code",
+      "var": "--ray-code-attr",
+      "value": "#5f3dc4"
+    },
+    "code-string": {
+      "group": "code",
+      "var": "--ray-code-string",
+      "value": "#1864ab"
+    },
+    "code-keyword": {
+      "group": "code",
+      "var": "--ray-code-keyword",
+      "value": "#a61e4d"
+    },
+    "code-number": {
+      "group": "code",
+      "var": "--ray-code-number",
+      "value": "color-mix(in srgb, #d9480f 78%, #000000)"
+    },
+    "code-comment": {
+      "group": "code",
+      "var": "--ray-code-comment",
+      "value": "color-mix(in srgb, #495057 50%, #868e96)"
+    },
+    "code-punctuation": {
+      "group": "code",
+      "var": "--ray-code-punctuation",
+      "value": "color-mix(in srgb, #495057 50%, #868e96)"
+    },
+    "code-function": {
+      "group": "code",
+      "var": "--ray-code-function",
+      "value": "#364fc7"
+    },
+    "code-type": {
+      "group": "code",
+      "var": "--ray-code-type",
+      "value": "color-mix(in srgb, #087f5b 90%, #000000)"
+    },
+    "code-added": {
+      "group": "code",
+      "var": "--ray-code-added",
+      "value": "color-mix(in srgb, #2b8a3e 80%, #000000)"
+    },
+    "code-removed": {
+      "group": "code",
+      "var": "--ray-code-removed",
+      "value": "color-mix(in srgb, #c92a2a 90%, #000000)"
+    },
+    "font-sans": {
+      "group": "font",
+      "var": "--ray-font-sans",
+      "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif"
+    },
+    "font-mono": {
+      "group": "font",
+      "var": "--ray-font-mono",
+      "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace"
+    },
+    "font-size-xs": {
+      "group": "font-size",
+      "var": "--ray-font-size-xs",
+      "value": "0.75rem"
+    },
+    "font-size-sm": {
+      "group": "font-size",
+      "var": "--ray-font-size-sm",
+      "value": "0.875rem"
+    },
+    "font-size-md": {
+      "group": "font-size",
+      "var": "--ray-font-size-md",
+      "value": "1rem"
+    },
+    "font-size-lg": {
+      "group": "font-size",
+      "var": "--ray-font-size-lg",
+      "value": "1.125rem"
+    },
+    "font-size-xl": {
+      "group": "font-size",
+      "var": "--ray-font-size-xl",
+      "value": "1.25rem"
+    },
+    "font-size-2xl": {
+      "group": "font-size",
+      "var": "--ray-font-size-2xl",
+      "value": "1.5rem"
+    },
+    "font-size-3xl": {
+      "group": "font-size",
+      "var": "--ray-font-size-3xl",
+      "value": "1.875rem"
+    },
+    "font-size-4xl": {
+      "group": "font-size",
+      "var": "--ray-font-size-4xl",
+      "value": "2.25rem"
+    },
+    "line-height-tight": {
+      "group": "line-height",
+      "var": "--ray-line-height-tight",
+      "value": "1.25"
+    },
+    "line-height-heading": {
+      "group": "line-height",
+      "var": "--ray-line-height-heading",
+      "value": "1.3"
+    },
+    "line-height-xs": {
+      "group": "line-height",
+      "var": "--ray-line-height-xs",
+      "value": "1.4"
+    },
+    "line-height-sm": {
+      "group": "line-height",
+      "var": "--ray-line-height-sm",
+      "value": "1.45"
+    },
+    "line-height-md": {
+      "group": "line-height",
+      "var": "--ray-line-height-md",
+      "value": "1.55"
+    },
+    "line-height-lg": {
+      "group": "line-height",
+      "var": "--ray-line-height-lg",
+      "value": "1.6"
+    },
+    "line-height-xl": {
+      "group": "line-height",
+      "var": "--ray-line-height-xl",
+      "value": "1.65"
+    },
+    "font-weight-regular": {
+      "group": "font-weight",
+      "var": "--ray-font-weight-regular",
+      "value": "400"
+    },
+    "font-weight-medium": {
+      "group": "font-weight",
+      "var": "--ray-font-weight-medium",
+      "value": "500"
+    },
+    "font-weight-semibold": {
+      "group": "font-weight",
+      "var": "--ray-font-weight-semibold",
+      "value": "600"
+    },
+    "font-weight-bold": {
+      "group": "font-weight",
+      "var": "--ray-font-weight-bold",
+      "value": "700"
+    },
+    "space-0": {
+      "group": "space",
+      "var": "--ray-space-0",
+      "value": "0"
+    },
+    "space-1": {
+      "group": "space",
+      "var": "--ray-space-1",
+      "value": "0.25rem"
+    },
+    "space-2": {
+      "group": "space",
+      "var": "--ray-space-2",
+      "value": "0.5rem"
+    },
+    "space-3": {
+      "group": "space",
+      "var": "--ray-space-3",
+      "value": "0.75rem"
+    },
+    "space-4": {
+      "group": "space",
+      "var": "--ray-space-4",
+      "value": "1rem"
+    },
+    "space-5": {
+      "group": "space",
+      "var": "--ray-space-5",
+      "value": "1.25rem"
+    },
+    "space-6": {
+      "group": "space",
+      "var": "--ray-space-6",
+      "value": "1.5rem"
+    },
+    "space-8": {
+      "group": "space",
+      "var": "--ray-space-8",
+      "value": "2rem"
+    },
+    "space-10": {
+      "group": "space",
+      "var": "--ray-space-10",
+      "value": "2.5rem"
+    },
+    "space-12": {
+      "group": "space",
+      "var": "--ray-space-12",
+      "value": "3rem"
+    },
+    "space-16": {
+      "group": "space",
+      "var": "--ray-space-16",
+      "value": "4rem"
+    },
+    "space-xs": {
+      "group": "space",
+      "var": "--ray-space-xs",
+      "value": "0.625rem"
+    },
+    "space-sm": {
+      "group": "space",
+      "var": "--ray-space-sm",
+      "value": "0.75rem"
+    },
+    "space-md": {
+      "group": "space",
+      "var": "--ray-space-md",
+      "value": "1rem"
+    },
+    "space-lg": {
+      "group": "space",
+      "var": "--ray-space-lg",
+      "value": "1.25rem"
+    },
+    "space-xl": {
+      "group": "space",
+      "var": "--ray-space-xl",
+      "value": "2rem"
+    },
+    "radius-xs": {
+      "group": "radius",
+      "var": "--ray-radius-xs",
+      "value": "0.125rem"
+    },
+    "radius-sm": {
+      "group": "radius",
+      "var": "--ray-radius-sm",
+      "value": "0.25rem"
+    },
+    "radius-md": {
+      "group": "radius",
+      "var": "--ray-radius-md",
+      "value": "0.5rem"
+    },
+    "radius-lg": {
+      "group": "radius",
+      "var": "--ray-radius-lg",
+      "value": "1rem"
+    },
+    "radius-xl": {
+      "group": "radius",
+      "var": "--ray-radius-xl",
+      "value": "2rem"
+    },
+    "radius-full": {
+      "group": "radius",
+      "var": "--ray-radius-full",
+      "value": "9999px"
+    },
+    "radius-default": {
+      "group": "radius",
+      "var": "--ray-radius-default",
+      "value": "0.5rem"
+    },
+    "control-height-xs": {
+      "group": "control-height",
+      "var": "--ray-control-height-xs",
+      "value": "1.875rem"
+    },
+    "control-height-sm": {
+      "group": "control-height",
+      "var": "--ray-control-height-sm",
+      "value": "2.25rem"
+    },
+    "control-height-md": {
+      "group": "control-height",
+      "var": "--ray-control-height-md",
+      "value": "2.625rem"
+    },
+    "control-height-lg": {
+      "group": "control-height",
+      "var": "--ray-control-height-lg",
+      "value": "3.125rem"
+    },
+    "control-height-xl": {
+      "group": "control-height",
+      "var": "--ray-control-height-xl",
+      "value": "3.75rem"
+    },
+    "shadow-xs": {
+      "group": "shadow",
+      "var": "--ray-shadow-xs",
+      "value": "0 1px 3px color-mix(in srgb, #000000 5%, transparent), 0 1px 2px color-mix(in srgb, #000000 10%, transparent)"
+    },
+    "shadow-sm": {
+      "group": "shadow",
+      "var": "--ray-shadow-sm",
+      "value": "0 1px 3px color-mix(in srgb, #000000 5%, transparent), 0 10px 15px -5px color-mix(in srgb, #000000 5%, transparent), 0 7px 7px -5px color-mix(in srgb, #000000 4%, transparent)"
+    },
+    "shadow-md": {
+      "group": "shadow",
+      "var": "--ray-shadow-md",
+      "value": "0 1px 3px color-mix(in srgb, #000000 5%, transparent), 0 20px 25px -5px color-mix(in srgb, #000000 5%, transparent), 0 10px 10px -5px color-mix(in srgb, #000000 4%, transparent)"
+    },
+    "shadow-lg": {
+      "group": "shadow",
+      "var": "--ray-shadow-lg",
+      "value": "0 1px 3px color-mix(in srgb, #000000 5%, transparent), 0 28px 23px -7px color-mix(in srgb, #000000 5%, transparent), 0 12px 12px -7px color-mix(in srgb, #000000 4%, transparent)"
+    },
+    "shadow-xl": {
+      "group": "shadow",
+      "var": "--ray-shadow-xl",
+      "value": "0 1px 3px color-mix(in srgb, #000000 5%, transparent), 0 36px 28px -7px color-mix(in srgb, #000000 5%, transparent), 0 17px 17px -7px color-mix(in srgb, #000000 4%, transparent)"
+    },
+    "gradient-from": {
+      "group": "gradient",
+      "var": "--ray-gradient-from",
+      "value": "#3b5bdb"
+    },
+    "gradient-to": {
+      "group": "gradient",
+      "var": "--ray-gradient-to",
+      "value": "#6741d9"
+    },
+    "gradient-deg": {
+      "group": "gradient",
+      "var": "--ray-gradient-deg",
+      "value": "45deg"
+    },
+    "overlay-blur": {
+      "group": "overlay",
+      "var": "--ray-overlay-blur",
+      "value": "4px"
+    },
+    "focus-ring-width": {
+      "group": "focus",
+      "var": "--ray-focus-ring-width",
+      "value": "2px"
+    },
+    "focus-ring-offset": {
+      "group": "focus",
+      "var": "--ray-focus-ring-offset",
+      "value": "2px"
+    },
+    "duration-fast": {
+      "group": "duration",
+      "var": "--ray-duration-fast",
+      "value": "120ms"
+    },
+    "duration-base": {
+      "group": "duration",
+      "var": "--ray-duration-base",
+      "value": "200ms"
+    },
+    "duration-slow": {
+      "group": "duration",
+      "var": "--ray-duration-slow",
+      "value": "300ms"
+    },
+    "easing-standard": {
+      "group": "easing",
+      "var": "--ray-easing-standard",
+      "value": "cubic-bezier(0.2, 0, 0, 1)"
+    },
+    "easing-in": {
+      "group": "easing",
+      "var": "--ray-easing-in",
+      "value": "cubic-bezier(0.3, 0, 1, 1)"
+    },
+    "easing-out": {
+      "group": "easing",
+      "var": "--ray-easing-out",
+      "value": "cubic-bezier(0, 0, 0, 1)"
+    },
+    "z-base": {
+      "group": "z",
+      "var": "--ray-z-base",
+      "value": "0"
+    },
+    "z-sticky": {
+      "group": "z",
+      "var": "--ray-z-sticky",
+      "value": "200"
+    },
+    "z-dropdown": {
+      "group": "z",
+      "var": "--ray-z-dropdown",
+      "value": "300"
+    },
+    "z-overlay": {
+      "group": "z",
+      "var": "--ray-z-overlay",
+      "value": "400"
+    },
+    "z-modal": {
+      "group": "z",
+      "var": "--ray-z-modal",
+      "value": "500"
+    },
+    "z-popover": {
+      "group": "z",
+      "var": "--ray-z-popover",
+      "value": "600"
+    },
+    "z-toast": {
+      "group": "z",
+      "var": "--ray-z-toast",
+      "value": "700"
+    },
+    "z-tooltip": {
+      "group": "z",
+      "var": "--ray-z-tooltip",
+      "value": "800"
+    },
+    "breakpoint-xs": {
+      "group": "breakpoint",
+      "value": "36em"
+    },
+    "breakpoint-sm": {
+      "group": "breakpoint",
+      "value": "48em"
+    },
+    "breakpoint-md": {
+      "group": "breakpoint",
+      "value": "62em"
+    },
+    "breakpoint-lg": {
+      "group": "breakpoint",
+      "value": "75em"
+    },
+    "breakpoint-xl": {
+      "group": "breakpoint",
+      "value": "88em"
+    }
+  }
+}