@hashintel/ds-theme 0.0.3 → 0.1.0

package/dist/radii.gen-aroChr7P.js

@@ -1,1078 +0,0 @@
-//#region ../../../node_modules/@pandacss/dev/dist/index.mjs
-function definePreset(preset) {
-	return preset;
-}
-function createProxy() {
-	const identity = (v) => v;
-	return new Proxy(identity, { get() {
-		return identity;
-	} });
-}
-var defineTokens = /* @__PURE__ */ createProxy();
-var defineSemanticTokens = /* @__PURE__ */ createProxy();
-
-//#endregion
-//#region src/theme/colors/gray.gen.ts
-const gray = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#f5f5f5",
-		_dark: "#1d2836"
-	} },
-	"20": { value: {
-		_light: "#e5e5e5",
-		_dark: "#374151"
-	} },
-	"30": { value: {
-		_light: "#d9d9d9",
-		_dark: "#4b5563"
-	} },
-	"35": { value: {
-		_light: "#c7c7c7",
-		_dark: "#4b5563"
-	} },
-	"40": { value: {
-		_light: "#a3a3a3",
-		_dark: "#6b7280"
-	} },
-	"50": { value: {
-		_light: "#737373",
-		_dark: "#9ca3af"
-	} },
-	"60": { value: {
-		_light: "#525252",
-		_dark: "#dde0e4"
-	} },
-	"70": { value: {
-		_light: "#404040",
-		_dark: "#e5e7eb"
-	} },
-	"80": { value: {
-		_light: "#262626",
-		_dark: "#f0f2f4"
-	} },
-	"90": { value: {
-		_light: "#171717",
-		_dark: "#f6f8f9"
-	} },
-	"95": { value: {
-		_light: "#0a0a0a",
-		_dark: "#f6f8f9"
-	} },
-	"00": { value: {
-		_light: "#fafafa",
-		_dark: "#070a0d"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/red.gen.ts
-const red = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#fbd5d7",
-		_dark: "#991b1b"
-	} },
-	"20": { value: {
-		_light: "#f5a3a3",
-		_dark: "#b91c1c"
-	} },
-	"30": { value: {
-		_light: "#f17e7e",
-		_dark: "#dc2626"
-	} },
-	"40": { value: {
-		_light: "#ed5a5a",
-		_dark: "#ef4444"
-	} },
-	"50": { value: {
-		_light: "#e93535",
-		_dark: "#f87171"
-	} },
-	"60": { value: {
-		_light: "#dc1818",
-		_dark: "#fca5a5"
-	} },
-	"70": { value: {
-		_light: "#b81414",
-		_dark: "#fecaca"
-	} },
-	"80": { value: {
-		_light: "#931010",
-		_dark: "#fee2e2"
-	} },
-	"90": { value: {
-		_light: "#6e0c0c",
-		_dark: "#fef2f2"
-	} },
-	"00": { value: {
-		_light: "#fde8e9",
-		_dark: "#7f1d1d"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/orange.gen.ts
-const orange = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#ffe0b8",
-		_dark: "#9a3412"
-	} },
-	"20": { value: {
-		_light: "#fed7aa",
-		_dark: "#c2410c"
-	} },
-	"30": { value: {
-		_light: "#fdba74",
-		_dark: "#d97706"
-	} },
-	"40": { value: {
-		_light: "#fb923c",
-		_dark: "#f97316"
-	} },
-	"50": { value: {
-		_light: "#f97316",
-		_dark: "#fb923c"
-	} },
-	"60": { value: {
-		_light: "#d97706",
-		_dark: "#fdba74"
-	} },
-	"70": { value: {
-		_light: "#c2410c",
-		_dark: "#fed7aa"
-	} },
-	"80": { value: {
-		_light: "#9a3412",
-		_dark: "#ffedd5"
-	} },
-	"90": { value: {
-		_light: "#7c2d12",
-		_dark: "#fff7ed"
-	} },
-	"00": { value: {
-		_light: "#fff1e0",
-		_dark: "#7c2d12"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/green.gen.ts
-const green = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#e4f7f3",
-		_dark: "#096638"
-	} },
-	"20": { value: {
-		_light: "#b9ebdf",
-		_dark: "#0e7d4b"
-	} },
-	"30": { value: {
-		_light: "#91dbc9",
-		_dark: "#159663"
-	} },
-	"40": { value: {
-		_light: "#4fc29e",
-		_dark: "#19a874"
-	} },
-	"50": { value: {
-		_light: "#19a874",
-		_dark: "#4fc29e"
-	} },
-	"60": { value: {
-		_light: "#159663",
-		_dark: "#91dbc9"
-	} },
-	"70": { value: {
-		_light: "#0e7d4b",
-		_dark: "#b9ebdf"
-	} },
-	"80": { value: {
-		_light: "#096638",
-		_dark: "#e4f7f3"
-	} },
-	"90": { value: {
-		_light: "#054d27",
-		_dark: "#edfaf7"
-	} },
-	"00": { value: {
-		_light: "#edfaf7",
-		_dark: "#054d27"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/blue.gen.ts
-const blue = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#daf0ff",
-		_dark: "#0e2e8c"
-	} },
-	"20": { value: {
-		_light: "#bee6ff",
-		_dark: "#1541b0"
-	} },
-	"30": { value: {
-		_light: "#78c0fc",
-		_dark: "#1c62e3"
-	} },
-	"40": { value: {
-		_light: "#56b0fb",
-		_dark: "#266df0"
-	} },
-	"50": { value: {
-		_light: "#34a0fa",
-		_dark: "#629df0"
-	} },
-	"60": { value: {
-		_light: "#2a80c8",
-		_dark: "#a3cff7"
-	} },
-	"70": { value: {
-		_light: "#0666c6",
-		_dark: "#c5e3fa"
-	} },
-	"80": { value: {
-		_light: "#05529e",
-		_dark: "#e5eeff"
-	} },
-	"90": { value: {
-		_light: "#043d77",
-		_dark: "#f5fbff"
-	} },
-	"00": { value: {
-		_light: "#eff9ff",
-		_dark: "#071e69"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/neutral.gen.ts
-const neutral = defineSemanticTokens.colors({
-	white: { value: {
-		_light: "#ffffff",
-		_dark: "#000000"
-	} },
-	black: { value: {
-		_light: "#000000",
-		_dark: "#ffffff"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/purple.gen.ts
-const purple = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#e0d6fc",
-		_dark: "#2d138f"
-	} },
-	"20": { value: {
-		_light: "#c2adf8",
-		_dark: "#401db3"
-	} },
-	"30": { value: {
-		_light: "#a385f5",
-		_dark: "#5429d6"
-	} },
-	"40": { value: {
-		_light: "#865cf1",
-		_dark: "#6633ee"
-	} },
-	"50": { value: {
-		_light: "#6633ee",
-		_dark: "#865cf1"
-	} },
-	"60": { value: {
-		_light: "#5429d6",
-		_dark: "#a385f5"
-	} },
-	"70": { value: {
-		_light: "#401db3",
-		_dark: "#c2adf8"
-	} },
-	"80": { value: {
-		_light: "#2d138f",
-		_dark: "#e0d6fc"
-	} },
-	"90": { value: {
-		_light: "#1d0a6b",
-		_dark: "#eee6f3"
-	} },
-	"00": { value: {
-		_light: "#eee6f3",
-		_dark: "#1d0a6b"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/pink.gen.ts
-const pink = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#fce7f3",
-		_dark: "#9d174d"
-	} },
-	"20": { value: {
-		_light: "#fbcfe8",
-		_dark: "#be185d"
-	} },
-	"30": { value: {
-		_light: "#f9a8d4",
-		_dark: "#db2777"
-	} },
-	"40": { value: {
-		_light: "#f174b2",
-		_dark: "#ec4899"
-	} },
-	"50": { value: {
-		_light: "#ec4899",
-		_dark: "#f174b2"
-	} },
-	"60": { value: {
-		_light: "#db2777",
-		_dark: "#f9a8d4"
-	} },
-	"70": { value: {
-		_light: "#be185d",
-		_dark: "#fbcfe8"
-	} },
-	"80": { value: {
-		_light: "#9d174d",
-		_dark: "#fce7f3"
-	} },
-	"90": { value: {
-		_light: "#831843",
-		_dark: "#fdf2f8"
-	} },
-	"00": { value: {
-		_light: "#fdf2f8",
-		_dark: "#831843"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/yellow.gen.ts
-const yellow = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#fef9c3",
-		_dark: "#854d0e"
-	} },
-	"20": { value: {
-		_light: "#fef08a",
-		_dark: "#a16207"
-	} },
-	"30": { value: {
-		_light: "#fde047",
-		_dark: "#ca8a04"
-	} },
-	"40": { value: {
-		_light: "#facc15",
-		_dark: "#eab308"
-	} },
-	"50": { value: {
-		_light: "#eab308",
-		_dark: "#facc15"
-	} },
-	"60": { value: {
-		_light: "#ca8a04",
-		_dark: "#fde047"
-	} },
-	"70": { value: {
-		_light: "#a16207",
-		_dark: "#fef08a"
-	} },
-	"80": { value: {
-		_light: "#854d0e",
-		_dark: "#fef9c3"
-	} },
-	"90": { value: {
-		_light: "#713f12",
-		_dark: "#fefce8"
-	} },
-	"00": { value: {
-		_light: "#fefce8",
-		_dark: "#713f12"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/accent.gen.ts
-const accent = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "#bbdffd",
-		_dark: "#0e2e8c"
-	} },
-	"20": { value: {
-		_light: "#9ad0fd",
-		_dark: "#1541b0"
-	} },
-	"30": { value: {
-		_light: "#78c0fc",
-		_dark: "#1c62e3"
-	} },
-	"40": { value: {
-		_light: "#56b0fb",
-		_dark: "#266df0"
-	} },
-	"50": { value: {
-		_light: "#2070e6",
-		_dark: "#629df0"
-	} },
-	"60": { value: {
-		_light: "#1567e0",
-		_dark: "#a3cff7"
-	} },
-	"70": { value: {
-		_light: "#0666c6",
-		_dark: "#c5e3fa"
-	} },
-	"80": { value: {
-		_light: "#05529e",
-		_dark: "#e5eeff"
-	} },
-	"90": { value: {
-		_light: "#043d77",
-		_dark: "#f5fbff"
-	} },
-	"00": { value: {
-		_light: "#ddeffe",
-		_dark: "#071e69"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/accent-gray.gen.ts
-const accentGray = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "rgba(0, 0, 0, 0.023)",
-		_dark: "rgba(255, 255, 255, 0.035)"
-	} },
-	"20": { value: {
-		_light: "rgba(0, 0, 0, 0.059)",
-		_dark: "#ffffff"
-	} },
-	"30": { value: {
-		_light: "rgba(0, 0, 0, 0.09)",
-		_dark: "#ffffff"
-	} },
-	"40": { value: {
-		_light: "rgba(0, 0, 0, 0.122)",
-		_dark: "#ffffff"
-	} },
-	"50": { value: {
-		_light: "rgba(0, 0, 0, 0.149)",
-		_dark: "#ffffff"
-	} },
-	"60": { value: {
-		_light: "rgba(0, 0, 0, 0.192)",
-		_dark: "#ffffff"
-	} },
-	"70": { value: {
-		_light: "rgba(0, 0, 0, 0.267)",
-		_dark: "#ffffff"
-	} },
-	"80": { value: {
-		_light: "rgba(0, 0, 0, 0.447)",
-		_dark: "#ffffff"
-	} },
-	"90": { value: {
-		_light: "rgba(0, 0, 0, 0.486)",
-		_dark: "#ffffff"
-	} },
-	"95": { value: {
-		_light: "rgba(0, 0, 0, 0.608)",
-		_dark: "#ffffff"
-	} },
-	"00": { value: {
-		_light: "rgba(0, 0, 0, 0.012)",
-		_dark: "rgba(255, 255, 255, 0)"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/accent-alpha.gen.ts
-const accentAlpha = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "rgba(38, 121, 243, 0.043)",
-		_dark: "#0e2e8c"
-	} },
-	"20": { value: {
-		_light: "rgba(38, 121, 243, 0.098)",
-		_dark: "rgba(21, 65, 176, 0.098)"
-	} },
-	"30": { value: {
-		_light: "rgba(38, 121, 243, 0.165)",
-		_dark: "rgba(28, 98, 227, 0.165)"
-	} },
-	"40": { value: {
-		_light: "rgba(38, 121, 243, 0.239)",
-		_dark: "rgba(38, 109, 240, 0.239)"
-	} },
-	"50": { value: {
-		_light: "rgba(38, 121, 243, 0.326)",
-		_dark: "rgba(98, 157, 240, 0.326)"
-	} },
-	"60": { value: {
-		_light: "rgba(21, 103, 224, 0.443)",
-		_dark: "rgba(163, 207, 247, 0.443)"
-	} },
-	"70": { value: {
-		_light: "rgba(38, 121, 243, 0.631)",
-		_dark: "rgba(197, 227, 250, 0.631)"
-	} },
-	"80": { value: {
-		_light: "rgba(38, 121, 243, 0.78)",
-		_dark: "#e5eeff"
-	} },
-	"90": { value: {
-		_light: "rgba(38, 121, 243, 0.849)",
-		_dark: "rgba(245, 251, 255, 0.849)"
-	} },
-	"00": { value: {
-		_light: "rgba(38, 121, 243, 0.016)",
-		_dark: "#071e69"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/white-alpha.gen.ts
-const whiteAlpha = defineSemanticTokens.colors({
-	"10": { value: {
-		_light: "rgba(255, 255, 255, 0.1)",
-		_dark: "rgba(0, 0, 0, 0.035)"
-	} },
-	"20": { value: {
-		_light: "rgba(255, 255, 255, 0.2)",
-		_dark: "#000000"
-	} },
-	"30": { value: {
-		_light: "rgba(255, 255, 255, 0.3)",
-		_dark: "#ffffff"
-	} },
-	"40": { value: {
-		_light: "rgba(255, 255, 255, 0.4)",
-		_dark: "#ffffff"
-	} },
-	"50": { value: {
-		_light: "rgba(255, 255, 255, 0.5)",
-		_dark: "#ffffff"
-	} },
-	"60": { value: {
-		_light: "rgba(255, 255, 255, 0.6)",
-		_dark: "#ffffff"
-	} },
-	"70": { value: {
-		_light: "rgba(255, 255, 255, 0.7)",
-		_dark: "#ffffff"
-	} },
-	"80": { value: {
-		_light: "rgba(255, 255, 255, 0.8)",
-		_dark: "#ffffff"
-	} },
-	"90": { value: {
-		_light: "rgba(255, 255, 255, 0.9)",
-		_dark: "#ffffff"
-	} },
-	"95": { value: {
-		_light: "rgba(255, 255, 255, 0.95)",
-		_dark: "#ffffff"
-	} },
-	"00": { value: {
-		_light: "rgba(255, 255, 255, 0)",
-		_dark: "rgba(0, 0, 0, 0)"
-	} }
-});
-
-//#endregion
-//#region src/theme/colors/semantic-border.gen.ts
-const border = defineSemanticTokens.colors({
-	neutral: {
-		hover: {
-			value: "{colors.gray.35}",
-			description: "input:hover"
-		},
-		DEFAULT: {
-			value: "{colors.gray.20}",
-			description: "inputs, button border, anything interactive"
-		},
-		subtle: {
-			value: "{colors.gray.20}",
-			description: "container borders"
-		},
-		muted: { value: "{colors.gray.10}" },
-		active: {
-			value: "{colors.gray.90}",
-			description: "input:hover"
-		},
-		emphasis: {
-			value: "{colors.gray.30}",
-			description: "container borders"
-		}
-	},
-	status: {
-		info: { value: "{colors.blue.10}" },
-		caution: { value: "{colors.yellow.10}" },
-		warning: { value: "{colors.orange.10}" },
-		critical: { value: "{colors.red.10}" },
-		success: { value: "{colors.green.10}" }
-	}
-});
-
-//#endregion
-//#region src/theme/colors/semantic-text.gen.ts
-const text = defineSemanticTokens.colors({
-	primary: {
-		value: "{colors.gray.90}",
-		description: "Primary color for text and icons in any given interface. It should be used for titles and labels."
-	},
-	secondary: {
-		value: "{colors.gray.70}",
-		description: "Use for content that is secondary or that provides additional context but is not critical to understanding the flow of an interface. Body text"
-	},
-	tertiary: {
-		value: "{colors.gray.50}",
-		description: "Use for secondary text, icons"
-	},
-	disabled: {
-		value: "{colors.gray.40}",
-		description: "Use for secondary text, icons"
-	},
-	inverted: { value: "{colors.neutral.white}" },
-	status: {
-		info: {
-			value: "{colors.blue.90}",
-			description: "Use for interactive text or icons like links or buttons."
-		},
-		success: {
-			value: "{colors.green.80}",
-			description: "Use to emphasize a positive message."
-		},
-		warning: {
-			value: "{colors.orange.80}",
-			description: "Use to highlight elements that require a user's attention or pending statuses."
-		},
-		critical: {
-			value: "{colors.red.80}",
-			description: "Use to emphasize content for an error. Action is required."
-		}
-	},
-	link: { value: "{colors.accent.60}" },
-	linkHover: { value: "{colors.accent.70}" }
-});
-
-//#endregion
-//#region src/theme/colors/semantic-surface.gen.ts
-const surface = defineSemanticTokens.colors({
-	DEFAULT: {
-		value: "{colors.neutral.white}",
-		description: "inputs, button border, anything interactive"
-	},
-	emphasis: {
-		value: "{colors.gray.20}",
-		description: "input:hover"
-	},
-	subtle: {
-		value: "{colors.gray.20}",
-		description: "container borders"
-	},
-	alt: { value: "{colors.gray.00}" },
-	muted: {
-		value: "{colors.gray.10}",
-		description: "inputs, button border, anything interactive"
-	},
-	inverted: {
-		value: "{colors.gray.90}",
-		description: "input:hover"
-	}
-});
-
-//#endregion
-//#region src/theme/colors/semantic-bg.gen.ts
-const bg = defineSemanticTokens.colors({
-	accent: {
-		subtle: {
-			DEFAULT: {
-				value: "{colors.accent.00}",
-				description: "inputs, button border, anything interactive"
-			},
-			hover: { value: "{colors.accent.10}" },
-			active: {
-				value: "{colors.accent.00}",
-				description: "container borders"
-			}
-		},
-		bold: {
-			DEFAULT: {
-				value: "{colors.accent.50}",
-				description: "inputs, button border, anything interactive"
-			},
-			hover: { value: "{colors.accent.60}" },
-			pressed: {
-				value: "{colors.accent.60}",
-				description: "container borders"
-			},
-			active: {
-				value: "{colors.accent.50}",
-				description: "container borders"
-			}
-		}
-	},
-	neutral: {
-		subtle: {
-			DEFAULT: { value: "{colors.neutral.white}" },
-			hover: { value: "{colors.gray.10}" },
-			active: { value: "{colors.gray.20}" },
-			pressed: { value: "{colors.gray.10}" }
-		},
-		bold: {
-			DEFAULT: {
-				value: "{colors.gray.80}",
-				description: "inputs, button border, anything interactive"
-			},
-			hover: { value: "{colors.gray.70}" },
-			active: {
-				value: "{colors.gray.80}",
-				description: "container borders"
-			},
-			pressed: {
-				value: "{colors.gray.70}",
-				description: "container borders"
-			}
-		}
-	},
-	status: {
-		info: { subtle: {
-			DEFAULT: {
-				value: "{colors.blue.00}",
-				description: "inputs, button border, anything interactive"
-			},
-			hover: { value: "{colors.blue.10}" },
-			active: {
-				value: "{colors.blue.00}",
-				description: "container borders"
-			}
-		} },
-		success: { subtle: {
-			DEFAULT: {
-				value: "{colors.green.00}",
-				description: "inputs, button border, anything interactive"
-			},
-			hover: { value: "{colors.green.10}" },
-			active: {
-				value: "{colors.green.00}",
-				description: "container borders"
-			}
-		} },
-		caution: { subtle: {
-			DEFAULT: {
-				value: "{colors.yellow.00}",
-				description: "inputs, button border, anything interactive"
-			},
-			hover: { value: "{colors.yellow.10}" },
-			active: {
-				value: "{colors.yellow.00}",
-				description: "container borders"
-			}
-		} },
-		warning: { subtle: {
-			DEFAULT: {
-				value: "{colors.orange.00}",
-				description: "inputs, button border, anything interactive"
-			},
-			hover: { value: "{colors.orange.10}" },
-			active: {
-				value: "{colors.orange.00}",
-				description: "container borders"
-			}
-		} },
-		critical: {
-			subtle: {
-				DEFAULT: {
-					value: "{colors.red.00}",
-					description: "inputs, button border, anything interactive"
-				},
-				hover: { value: "{colors.red.10}" },
-				active: {
-					value: "{colors.red.00}",
-					description: "container borders"
-				}
-			},
-			strong: {
-				DEFAULT: {
-					value: "{colors.red.50}",
-					description: "inputs, button border, anything interactive"
-				},
-				hover: { value: "{colors.red.60}" },
-				active: {
-					value: "{colors.red.50}",
-					description: "container borders"
-				}
-			}
-		}
-	}
-});
-
-//#endregion
-//#region src/theme/colors/semantic-icon.gen.ts
-const icon = defineSemanticTokens.colors({
-	primary: {
-		value: "{colors.gray.70}",
-		description: "Primary color for text and icons in any given interface. It should be used for titles and labels."
-	},
-	secondary: {
-		value: "{colors.gray.50}",
-		description: "Use for content that is secondary or that provides additional context but is not critical to understanding the flow of an interface. Body text"
-	},
-	tertiary: {
-		value: "{colors.gray.40}",
-		description: "Use for secondary text, icons"
-	},
-	disabled: {
-		value: "{colors.gray.30}",
-		description: "Use for secondary text, icons"
-	},
-	inverted: { value: "{colors.neutral.white}" },
-	link: { value: "{colors.accent.60}" },
-	linkHover: { value: "{colors.accent.70}" },
-	status: {
-		info: {
-			value: "{colors.blue.90}",
-			description: "Use for interactive text or icons like links or buttons."
-		},
-		success: {
-			value: "{colors.green.80}",
-			description: "Use to emphasize a positive message."
-		},
-		warning: {
-			value: "{colors.orange.70}",
-			description: "Use to highlight elements that require a user's attention or pending statuses."
-		},
-		critical: {
-			value: "{colors.red.70}",
-			description: "Use to emphasize content for an error. Action is required."
-		}
-	}
-});
-
-//#endregion
-//#region src/theme/colors/semantic-surface-glass.gen.ts
-const surfaceGlass = defineSemanticTokens.colors({
-	"50": {
-		value: "{colors.gray.20}",
-		description: "input:hover"
-	},
-	"60": {
-		value: "{colors.whiteAlpha.60}",
-		description: "container borders"
-	},
-	"70": {
-		value: "{colors.whiteAlpha.70}",
-		description: "inputs, button border, anything interactive"
-	},
-	DEFAULT: {
-		value: "{colors.whiteAlpha.90}",
-		description: "inputs, button border, anything interactive"
-	},
-	alt: { value: "{colors.whiteAlpha.60}" }
-});
-
-//#endregion
-//#region src/theme/colors.gen.ts
-/** Core color scales (gray, red, blue, etc.) with light/dark mode values. */
-const coreColors = {
-	gray,
-	red,
-	orange,
-	green,
-	blue,
-	neutral,
-	purple,
-	pink,
-	yellow,
-	accent,
-	accentGray,
-	accentAlpha,
-	whiteAlpha
-};
-/** Semantic color tokens (bg, text, border, etc.) that reference core colors. */
-const semanticColors = {
-	border,
-	text,
-	surface,
-	bg,
-	icon,
-	surfaceGlass
-};
-/** Combined colors export for use in Panda preset. */
-const colors = {
-	...coreColors,
-	...semanticColors
-};
-
-//#endregion
-//#region src/theme/tokens/spacing.gen.ts
-const spacing = defineTokens.spacing({
-	DEFAULT: {
-		"0": { value: "0px" },
-		"1": { value: "1px" },
-		"2": { value: "2px" },
-		"3": { value: "4px" },
-		"4": { value: "6px" },
-		"5": { value: "8px" },
-		"6": { value: "10px" },
-		"7": { value: "12px" },
-		"8": { value: "14px" },
-		"9": { value: "16px" },
-		"10": { value: "20px" },
-		"11": { value: "24px" },
-		"12": { value: "28px" }
-	},
-	compact: {
-		"0": { value: "0px" },
-		"1": { value: "1px" },
-		"2": { value: "1px" },
-		"3": { value: "2px" },
-		"4": { value: "4px" },
-		"5": { value: "6px" },
-		"6": { value: "8px" },
-		"7": { value: "10px" },
-		"8": { value: "12px" },
-		"9": { value: "14px" },
-		"10": { value: "16px" },
-		"11": { value: "20px" },
-		"12": { value: "24px" }
-	},
-	comfortable: {
-		"0": { value: "0px" },
-		"1": { value: "2px" },
-		"2": { value: "4px" },
-		"3": { value: "6px" },
-		"4": { value: "8px" },
-		"5": { value: "10px" },
-		"6": { value: "12px" },
-		"7": { value: "14px" },
-		"8": { value: "16px" },
-		"9": { value: "20px" },
-		"10": { value: "24px" },
-		"11": { value: "28px" },
-		"12": { value: "32px" }
-	}
-});
-
-//#endregion
-//#region src/theme/tokens/typography.gen.ts
-const fonts = defineTokens.fonts({
-	display: { value: "Inter Display" },
-	body: { value: "Inter" }
-});
-const fontWeights = defineTokens.fontWeights({
-	normal: { value: 400 },
-	medium: { value: 500 },
-	semibold: { value: 600 }
-});
-const fontSizes = defineTokens.fontSizes({
-	"3xl": { value: "30px" },
-	sm: { value: "14px" },
-	base: { value: "16px" },
-	xs: { value: "12px" },
-	xl: { value: "20px" },
-	lg: { value: "18px" },
-	"2xl": { value: "24px" },
-	"4xl": { value: "36px" }
-});
-const lineHeights = defineTokens.lineHeights({
-	none: {
-		"text-3xl": { value: "{fontSizes.3xl}" },
-		"text-sm": { value: "{fontSizes.sm}" },
-		"text-xs": { value: "{fontSizes.xs}" },
-		"text-base": { value: "{fontSizes.base}" },
-		"text-lg": { value: "{fontSizes.lg}" }
-	},
-	normal: {
-		"text-xs": { value: "18px" },
-		"text-sm": { value: "21px" },
-		"text-base": { value: "24px" },
-		"text-lg": { value: "27px" }
-	}
-});
-
-//#endregion
-//#region src/theme/tokens/radii.gen.ts
-const radii = defineTokens.radii({
-	md: {
-		"0": { value: "0px" },
-		"1": { value: "2px" },
-		"2": { value: "4px" },
-		"3": { value: "6px" },
-		"4": { value: "8px" },
-		"5": { value: "10px" },
-		"6": { value: "12px" },
-		"7": { value: "16px" },
-		"8": { value: "20px" },
-		"9": { value: "24px" },
-		"10": { value: "32px" },
-		full: { value: "9999px" }
-	},
-	sm: {
-		"0": { value: "0px" },
-		"1": { value: "1px" },
-		"2": { value: "2px" },
-		"3": { value: "4px" },
-		"4": { value: "6px" },
-		"5": { value: "8px" },
-		"6": { value: "10px" },
-		"7": { value: "12px" },
-		"8": { value: "16px" },
-		"9": { value: "20px" },
-		"10": { value: "24px" },
-		full: { value: "9999px" }
-	},
-	lg: {
-		"0": { value: "0px" },
-		"1": { value: "4px" },
-		"2": { value: "6px" },
-		"3": { value: "8px" },
-		"4": { value: "10px" },
-		"5": { value: "12px" },
-		"6": { value: "16px" },
-		"7": { value: "20px" },
-		"8": { value: "24px" },
-		"9": { value: "32px" },
-		"10": { value: "40px" },
-		full: { value: "9999px" }
-	},
-	full: {
-		"0": { value: "9999px" },
-		"1": { value: "9999px" },
-		"2": { value: "9999px" },
-		"3": { value: "9999px" },
-		"4": { value: "9999px" },
-		"5": { value: "9999px" },
-		"6": { value: "9999px" },
-		"7": { value: "9999px" },
-		"8": { value: "9999px" },
-		"9": { value: "9999px" },
-		"10": { value: "9999px" },
-		full: { value: "9999px" }
-	},
-	none: {
-		"0": { value: "0px" },
-		"1": { value: "0px" },
-		"2": { value: "0px" },
-		"3": { value: "0px" },
-		"4": { value: "0px" },
-		"5": { value: "0px" },
-		"6": { value: "0px" },
-		"7": { value: "0px" },
-		"8": { value: "0px" },
-		"9": { value: "0px" },
-		"10": { value: "0px" },
-		full: { value: "0px" }
-	},
-	component: { button: {
-		sm: { value: "{radii.md.4}" },
-		md: { value: "{radii.md.4}" },
-		lg: { value: "{radii.md.5}" },
-		xs: { value: "{radii.md.3}" }
-	} }
-});
-
-//#endregion
-export { lineHeights as a, coreColors as c, fonts as i, semanticColors as l, fontSizes as n, spacing as o, fontWeights as r, colors as s, radii as t, definePreset as u };