bleam 0.0.4 → 0.0.6

package/dist/styles.js

@@ -0,0 +1,739 @@
+import { Appearance, PlatformColor } from "react-native";
+
+//#region src/styles.ts
+const isDev = process.env.NODE_ENV !== "production";
+const spacing = {
+	"0": 0,
+	px: 1,
+	"0.5": 2,
+	"1": 4,
+	"1.5": 6,
+	"2": 8,
+	"2.5": 10,
+	"3": 12,
+	"3.5": 14,
+	"4": 16,
+	"5": 20,
+	"6": 24,
+	"7": 28,
+	"8": 32,
+	"9": 36,
+	"10": 40,
+	"11": 44,
+	"12": 48,
+	"14": 56,
+	"16": 64,
+	"20": 80,
+	"24": 96,
+	"28": 112,
+	"32": 128,
+	"36": 144,
+	"40": 160,
+	"44": 176,
+	"48": 192,
+	"52": 208,
+	"56": 224,
+	"60": 240,
+	"64": 256,
+	"72": 288,
+	"80": 320,
+	"96": 384
+};
+const fontSizes = {
+	xs: {
+		fontSize: 12,
+		lineHeight: 16
+	},
+	sm: {
+		fontSize: 14,
+		lineHeight: 20
+	},
+	base: {
+		fontSize: 16,
+		lineHeight: 24
+	},
+	lg: {
+		fontSize: 18,
+		lineHeight: 28
+	},
+	xl: {
+		fontSize: 20,
+		lineHeight: 28
+	},
+	"2xl": {
+		fontSize: 24,
+		lineHeight: 32
+	},
+	"3xl": {
+		fontSize: 30,
+		lineHeight: 36
+	},
+	"4xl": {
+		fontSize: 36,
+		lineHeight: 40
+	},
+	"5xl": {
+		fontSize: 48,
+		lineHeight: 56
+	},
+	"6xl": {
+		fontSize: 60,
+		lineHeight: 68
+	}
+};
+const tracking = {
+	tighter: -.8,
+	tight: -.4,
+	normal: 0,
+	wide: .8,
+	wider: 1.5,
+	widest: 3.2
+};
+const lineHeights = {
+	none: 1,
+	"3": 12,
+	"4": 16,
+	"5": 20,
+	"6": 24,
+	"7": 28,
+	"8": 32,
+	"9": 36,
+	"10": 40
+};
+const fractions = {
+	"1/2": "50%",
+	"1/3": "33.333333%",
+	"2/3": "66.666667%",
+	"1/4": "25%",
+	"2/4": "50%",
+	"3/4": "75%",
+	"1/5": "20%",
+	"2/5": "40%",
+	"3/5": "60%",
+	"4/5": "80%",
+	"1/6": "16.666667%",
+	"2/6": "33.333333%",
+	"3/6": "50%",
+	"4/6": "66.666667%",
+	"5/6": "83.333333%",
+	"1/12": "8.333333%",
+	"2/12": "16.666667%",
+	"3/12": "25%",
+	"4/12": "33.333333%",
+	"5/12": "41.666667%",
+	"6/12": "50%",
+	"7/12": "58.333333%",
+	"8/12": "66.666667%",
+	"9/12": "75%",
+	"10/12": "83.333333%",
+	"11/12": "91.666667%"
+};
+const maxWidths = {
+	xs: 320,
+	sm: 384,
+	md: 448,
+	lg: 512,
+	xl: 576,
+	"2xl": 672,
+	"3xl": 768,
+	"4xl": 896,
+	"5xl": 1024,
+	"6xl": 1152,
+	"7xl": 1280
+};
+const maxHeights = {
+	xs: 320,
+	sm: 384,
+	md: 448,
+	lg: 512,
+	xl: 576,
+	"2xl": 672,
+	"3xl": 768,
+	"4xl": 896,
+	"5xl": 1024,
+	"6xl": 1152,
+	"7xl": 1280
+};
+const rotateTransforms = {
+	"0": "0deg",
+	"1": "1deg",
+	"2": "2deg",
+	"3": "3deg",
+	"6": "6deg",
+	"12": "12deg",
+	"30": "30deg",
+	"45": "45deg",
+	"90": "90deg",
+	"180": "180deg"
+};
+const scaleTransforms = {
+	"50": .5,
+	"75": .75,
+	"90": .9,
+	"95": .95,
+	"100": 1,
+	"105": 1.05,
+	"110": 1.1,
+	"125": 1.25,
+	"150": 1.5
+};
+const borderWidths = [
+	"0",
+	"2",
+	"4",
+	"8"
+];
+const borderSides = {
+	t: "borderTopWidth",
+	r: "borderRightWidth",
+	b: "borderBottomWidth",
+	l: "borderLeftWidth"
+};
+const opacityValues = [
+	0,
+	5,
+	10,
+	15,
+	20,
+	25,
+	30,
+	35,
+	40,
+	45,
+	50,
+	55,
+	60,
+	65,
+	70,
+	75,
+	80,
+	85,
+	90,
+	95,
+	100
+];
+const radii = {
+	none: 0,
+	sm: 2,
+	DEFAULT: 4,
+	md: 6,
+	lg: 8,
+	xl: 12,
+	"2xl": 16,
+	"3xl": 24,
+	full: 9999
+};
+const paletteColors = {
+	transparent: "transparent",
+	black: "#000000",
+	white: "#ffffff",
+	"slate-50": "#f8fafc",
+	"slate-100": "#f1f5f9",
+	"slate-200": "#e2e8f0",
+	"slate-300": "#cbd5e1",
+	"slate-400": "#94a3b8",
+	"slate-500": "#64748b",
+	"slate-600": "#475569",
+	"slate-700": "#334155",
+	"slate-800": "#1e293b",
+	"slate-900": "#0f172a",
+	"slate-950": "#020617",
+	"gray-50": "#f9fafb",
+	"gray-100": "#f3f4f6",
+	"gray-200": "#e5e7eb",
+	"gray-300": "#d1d5db",
+	"gray-400": "#9ca3af",
+	"gray-500": "#6b7280",
+	"gray-600": "#4b5563",
+	"gray-700": "#374151",
+	"gray-800": "#1f2937",
+	"gray-900": "#111827",
+	"gray-950": "#030712",
+	"zinc-50": "#fafafa",
+	"zinc-100": "#f4f4f5",
+	"zinc-200": "#e4e4e7",
+	"zinc-300": "#d4d4d8",
+	"zinc-400": "#a1a1aa",
+	"zinc-500": "#71717a",
+	"zinc-600": "#52525b",
+	"zinc-700": "#3f3f46",
+	"zinc-800": "#27272a",
+	"zinc-900": "#18181b",
+	"zinc-950": "#09090b",
+	"neutral-50": "#fafafa",
+	"neutral-100": "#f5f5f5",
+	"neutral-200": "#e5e5e5",
+	"neutral-300": "#d4d4d4",
+	"neutral-400": "#a3a3a3",
+	"neutral-500": "#737373",
+	"neutral-600": "#525252",
+	"neutral-700": "#404040",
+	"neutral-800": "#262626",
+	"neutral-900": "#171717",
+	"neutral-950": "#0a0a0a",
+	"stone-50": "#fafaf9",
+	"stone-100": "#f5f5f4",
+	"stone-200": "#e7e5e4",
+	"stone-300": "#d6d3d1",
+	"stone-400": "#a8a29e",
+	"stone-500": "#78716c",
+	"stone-600": "#57534e",
+	"stone-700": "#44403c",
+	"stone-800": "#292524",
+	"stone-900": "#1c1917",
+	"stone-950": "#0c0a09",
+	"red-50": "#fef2f2",
+	"red-100": "#fee2e2",
+	"red-200": "#fecaca",
+	"red-300": "#fca5a5",
+	"red-400": "#f87171",
+	"red-500": "#ef4444",
+	"red-600": "#dc2626",
+	"red-700": "#b91c1c",
+	"red-800": "#991b1b",
+	"red-900": "#7f1d1d",
+	"red-950": "#450a0a",
+	"orange-50": "#fff7ed",
+	"orange-100": "#ffedd5",
+	"orange-200": "#fed7aa",
+	"orange-300": "#fdba74",
+	"orange-400": "#fb923c",
+	"orange-500": "#f97316",
+	"orange-600": "#ea580c",
+	"orange-700": "#c2410c",
+	"orange-800": "#9a3412",
+	"orange-900": "#7c2d12",
+	"orange-950": "#431407",
+	"amber-50": "#fffbeb",
+	"amber-100": "#fef3c7",
+	"amber-200": "#fde68a",
+	"amber-300": "#fcd34d",
+	"amber-400": "#fbbf24",
+	"amber-500": "#f59e0b",
+	"amber-600": "#d97706",
+	"amber-700": "#b45309",
+	"amber-800": "#92400e",
+	"amber-900": "#78350f",
+	"amber-950": "#451a03",
+	"yellow-50": "#fefce8",
+	"yellow-100": "#fef9c3",
+	"yellow-200": "#fef08a",
+	"yellow-300": "#fde047",
+	"yellow-400": "#facc15",
+	"yellow-500": "#eab308",
+	"yellow-600": "#ca8a04",
+	"yellow-700": "#a16207",
+	"yellow-800": "#854d0e",
+	"yellow-900": "#713f12",
+	"yellow-950": "#422006",
+	"lime-50": "#f7fee7",
+	"lime-100": "#ecfccb",
+	"lime-200": "#d9f99d",
+	"lime-300": "#bef264",
+	"lime-400": "#a3e635",
+	"lime-500": "#84cc16",
+	"lime-600": "#65a30d",
+	"lime-700": "#4d7c0f",
+	"lime-800": "#3f6212",
+	"lime-900": "#365314",
+	"lime-950": "#1a2e05",
+	"green-50": "#f0fdf4",
+	"green-100": "#dcfce7",
+	"green-200": "#bbf7d0",
+	"green-300": "#86efac",
+	"green-400": "#4ade80",
+	"green-500": "#22c55e",
+	"green-600": "#16a34a",
+	"green-700": "#15803d",
+	"green-800": "#166534",
+	"green-900": "#14532d",
+	"green-950": "#052e16",
+	"emerald-50": "#ecfdf5",
+	"emerald-100": "#d1fae5",
+	"emerald-200": "#a7f3d0",
+	"emerald-300": "#6ee7b7",
+	"emerald-400": "#34d399",
+	"emerald-500": "#10b981",
+	"emerald-600": "#059669",
+	"emerald-700": "#047857",
+	"emerald-800": "#065f46",
+	"emerald-900": "#064e3b",
+	"emerald-950": "#022c22",
+	"teal-50": "#f0fdfa",
+	"teal-100": "#ccfbf1",
+	"teal-200": "#99f6e4",
+	"teal-300": "#5eead4",
+	"teal-400": "#2dd4bf",
+	"teal-500": "#14b8a6",
+	"teal-600": "#0d9488",
+	"teal-700": "#0f766e",
+	"teal-800": "#115e59",
+	"teal-900": "#134e4a",
+	"teal-950": "#042f2e",
+	"cyan-50": "#ecfeff",
+	"cyan-100": "#cffafe",
+	"cyan-200": "#a5f3fc",
+	"cyan-300": "#67e8f9",
+	"cyan-400": "#22d3ee",
+	"cyan-500": "#06b6d4",
+	"cyan-600": "#0891b2",
+	"cyan-700": "#0e7490",
+	"cyan-800": "#155e75",
+	"cyan-900": "#164e63",
+	"cyan-950": "#083344",
+	"sky-50": "#f0f9ff",
+	"sky-100": "#e0f2fe",
+	"sky-200": "#bae6fd",
+	"sky-300": "#7dd3fc",
+	"sky-400": "#38bdf8",
+	"sky-500": "#0ea5e9",
+	"sky-600": "#0284c7",
+	"sky-700": "#0369a1",
+	"sky-800": "#075985",
+	"sky-900": "#0c4a6e",
+	"sky-950": "#082f49",
+	"blue-50": "#eff6ff",
+	"blue-100": "#dbeafe",
+	"blue-200": "#bfdbfe",
+	"blue-300": "#93c5fd",
+	"blue-400": "#60a5fa",
+	"blue-500": "#3b82f6",
+	"blue-600": "#2563eb",
+	"blue-700": "#1d4ed8",
+	"blue-800": "#1e40af",
+	"blue-900": "#1e3a8a",
+	"blue-950": "#172554",
+	"indigo-50": "#eef2ff",
+	"indigo-100": "#e0e7ff",
+	"indigo-200": "#c7d2fe",
+	"indigo-300": "#a5b4fc",
+	"indigo-400": "#818cf8",
+	"indigo-500": "#6366f1",
+	"indigo-600": "#4f46e5",
+	"indigo-700": "#4338ca",
+	"indigo-800": "#3730a3",
+	"indigo-900": "#312e81",
+	"indigo-950": "#1e1b4b",
+	"violet-50": "#f5f3ff",
+	"violet-100": "#ede9fe",
+	"violet-200": "#ddd6fe",
+	"violet-300": "#c4b5fd",
+	"violet-400": "#a78bfa",
+	"violet-500": "#8b5cf6",
+	"violet-600": "#7c3aed",
+	"violet-700": "#6d28d9",
+	"violet-800": "#5b21b6",
+	"violet-900": "#4c1d95",
+	"violet-950": "#2e1065",
+	"purple-50": "#faf5ff",
+	"purple-100": "#f3e8ff",
+	"purple-200": "#e9d5ff",
+	"purple-300": "#d8b4fe",
+	"purple-400": "#c084fc",
+	"purple-500": "#a855f7",
+	"purple-600": "#9333ea",
+	"purple-700": "#7e22ce",
+	"purple-800": "#6b21a8",
+	"purple-900": "#581c87",
+	"purple-950": "#3b0764",
+	"fuchsia-50": "#fdf4ff",
+	"fuchsia-100": "#fae8ff",
+	"fuchsia-200": "#f5d0fe",
+	"fuchsia-300": "#f0abfc",
+	"fuchsia-400": "#e879f9",
+	"fuchsia-500": "#d946ef",
+	"fuchsia-600": "#c026d3",
+	"fuchsia-700": "#a21caf",
+	"fuchsia-800": "#86198f",
+	"fuchsia-900": "#701a75",
+	"fuchsia-950": "#4a044e",
+	"pink-50": "#fdf2f8",
+	"pink-100": "#fce7f3",
+	"pink-200": "#fbcfe8",
+	"pink-300": "#f9a8d4",
+	"pink-400": "#f472b6",
+	"pink-500": "#ec4899",
+	"pink-600": "#db2777",
+	"pink-700": "#be185d",
+	"pink-800": "#9d174d",
+	"pink-900": "#831843",
+	"pink-950": "#500724",
+	"rose-50": "#fff1f2",
+	"rose-100": "#ffe4e6",
+	"rose-200": "#fecdd3",
+	"rose-300": "#fda4af",
+	"rose-400": "#fb7185",
+	"rose-500": "#f43f5e",
+	"rose-600": "#e11d48",
+	"rose-700": "#be123c",
+	"rose-800": "#9f1239",
+	"rose-900": "#881337",
+	"rose-950": "#4c0519"
+};
+const colors = {
+	system: PlatformColor("systemBackground"),
+	secondarySystem: PlatformColor("secondarySystemBackground"),
+	tertiarySystem: PlatformColor("tertiarySystemBackground"),
+	systemGrouped: PlatformColor("systemGroupedBackground"),
+	secondarySystemGrouped: PlatformColor("secondarySystemGroupedBackground"),
+	tertiarySystemGrouped: PlatformColor("tertiarySystemGroupedBackground"),
+	fill: PlatformColor("systemFill"),
+	secondaryFill: PlatformColor("secondarySystemFill"),
+	tertiaryFill: PlatformColor("tertiarySystemFill"),
+	quaternaryFill: PlatformColor("quaternarySystemFill"),
+	label: PlatformColor("label"),
+	secondaryLabel: PlatformColor("secondaryLabel"),
+	tertiaryLabel: PlatformColor("tertiaryLabel"),
+	quaternaryLabel: PlatformColor("quaternaryLabel"),
+	placeholder: PlatformColor("placeholderText"),
+	separator: PlatformColor("separator"),
+	opaqueSeparator: PlatformColor("opaqueSeparator"),
+	link: PlatformColor("link"),
+	clear: PlatformColor("clear"),
+	blue: PlatformColor("systemBlue"),
+	brown: PlatformColor("systemBrown"),
+	cyan: PlatformColor("systemCyan"),
+	green: PlatformColor("systemGreen"),
+	indigo: PlatformColor("systemIndigo"),
+	mint: PlatformColor("systemMint"),
+	orange: PlatformColor("systemOrange"),
+	pink: PlatformColor("systemPink"),
+	purple: PlatformColor("systemPurple"),
+	red: PlatformColor("systemRed"),
+	teal: PlatformColor("systemTeal"),
+	yellow: PlatformColor("systemYellow"),
+	gray: PlatformColor("systemGray"),
+	gray2: PlatformColor("systemGray2"),
+	gray3: PlatformColor("systemGray3"),
+	gray4: PlatformColor("systemGray4"),
+	gray5: PlatformColor("systemGray5"),
+	gray6: PlatformColor("systemGray6")
+};
+const platformColors = {
+	system: "systemBackground",
+	"secondary-system": "secondarySystemBackground",
+	"tertiary-system": "tertiarySystemBackground",
+	"system-grouped": "systemGroupedBackground",
+	"secondary-system-grouped": "secondarySystemGroupedBackground",
+	"tertiary-system-grouped": "tertiarySystemGroupedBackground",
+	fill: "systemFill",
+	"secondary-fill": "secondarySystemFill",
+	"tertiary-fill": "tertiarySystemFill",
+	"quaternary-fill": "quaternarySystemFill",
+	label: "label",
+	"secondary-label": "secondaryLabel",
+	"tertiary-label": "tertiaryLabel",
+	"quaternary-label": "quaternaryLabel",
+	placeholder: "placeholderText",
+	separator: "separator",
+	"opaque-separator": "opaqueSeparator",
+	link: "link",
+	clear: "clear",
+	"system-blue": "systemBlue",
+	"system-brown": "systemBrown",
+	"system-cyan": "systemCyan",
+	"system-green": "systemGreen",
+	"system-indigo": "systemIndigo",
+	"system-mint": "systemMint",
+	"system-orange": "systemOrange",
+	"system-pink": "systemPink",
+	"system-purple": "systemPurple",
+	"system-red": "systemRed",
+	"system-teal": "systemTeal",
+	"system-yellow": "systemYellow",
+	"system-gray": "systemGray",
+	"system-gray-2": "systemGray2",
+	"system-gray-3": "systemGray3",
+	"system-gray-4": "systemGray4",
+	"system-gray-5": "systemGray5",
+	"system-gray-6": "systemGray6"
+};
+const staticStyles = {
+	flex: { display: "flex" },
+	hidden: { display: "none" },
+	"flex-1": { flex: 1 },
+	"flex-row": { flexDirection: "row" },
+	"flex-col": { flexDirection: "column" },
+	"flex-wrap": { flexWrap: "wrap" },
+	"flex-nowrap": { flexWrap: "nowrap" },
+	"items-start": { alignItems: "flex-start" },
+	"items-center": { alignItems: "center" },
+	"items-end": { alignItems: "flex-end" },
+	"items-stretch": { alignItems: "stretch" },
+	"justify-start": { justifyContent: "flex-start" },
+	"justify-center": { justifyContent: "center" },
+	"justify-end": { justifyContent: "flex-end" },
+	"justify-between": { justifyContent: "space-between" },
+	"justify-around": { justifyContent: "space-around" },
+	"justify-evenly": { justifyContent: "space-evenly" },
+	"self-start": { alignSelf: "flex-start" },
+	"self-center": { alignSelf: "center" },
+	"self-end": { alignSelf: "flex-end" },
+	"self-stretch": { alignSelf: "stretch" },
+	relative: { position: "relative" },
+	absolute: { position: "absolute" },
+	"text-left": { textAlign: "left" },
+	"text-center": { textAlign: "center" },
+	"text-right": { textAlign: "right" },
+	"font-thin": { fontWeight: "100" },
+	"font-extralight": { fontWeight: "200" },
+	"font-light": { fontWeight: "300" },
+	"font-normal": { fontWeight: "400" },
+	"font-medium": { fontWeight: "500" },
+	"font-semibold": { fontWeight: "600" },
+	"font-bold": { fontWeight: "700" },
+	"font-extrabold": { fontWeight: "800" },
+	"font-black": { fontWeight: "900" },
+	italic: { fontStyle: "italic" },
+	underline: { textDecorationLine: "underline" },
+	"line-through": { textDecorationLine: "line-through" },
+	uppercase: { textTransform: "uppercase" },
+	lowercase: { textTransform: "lowercase" },
+	capitalize: { textTransform: "capitalize" },
+	border: { borderWidth: 1 },
+	"border-0": { borderWidth: 0 },
+	"border-2": { borderWidth: 2 },
+	"border-4": { borderWidth: 4 },
+	"border-8": { borderWidth: 8 },
+	"overflow-hidden": { overflow: "hidden" },
+	"overflow-visible": { overflow: "visible" }
+};
+function oneSide(property, value) {
+	return { [property]: value };
+}
+function twoSides(first, second, value) {
+	return {
+		[first]: value,
+		[second]: value
+	};
+}
+function fourSides(first, second, third, fourth, value) {
+	return {
+		[first]: value,
+		[second]: value,
+		[third]: value,
+		[fourth]: value
+	};
+}
+function createTokenStyles() {
+	const tokens = { ...staticStyles };
+	for (const [key, size] of Object.entries(spacing)) Object.assign(tokens, {
+		[`p-${key}`]: oneSide("padding", size),
+		[`px-${key}`]: twoSides("paddingLeft", "paddingRight", size),
+		[`py-${key}`]: twoSides("paddingTop", "paddingBottom", size),
+		[`pt-${key}`]: oneSide("paddingTop", size),
+		[`pr-${key}`]: oneSide("paddingRight", size),
+		[`pb-${key}`]: oneSide("paddingBottom", size),
+		[`pl-${key}`]: oneSide("paddingLeft", size),
+		[`m-${key}`]: oneSide("margin", size),
+		[`mx-${key}`]: twoSides("marginLeft", "marginRight", size),
+		[`my-${key}`]: twoSides("marginTop", "marginBottom", size),
+		[`mt-${key}`]: oneSide("marginTop", size),
+		[`mr-${key}`]: oneSide("marginRight", size),
+		[`mb-${key}`]: oneSide("marginBottom", size),
+		[`ml-${key}`]: oneSide("marginLeft", size),
+		[`gap-${key}`]: oneSide("gap", size),
+		[`w-${key}`]: oneSide("width", size),
+		[`h-${key}`]: oneSide("height", size),
+		[`max-w-${key}`]: oneSide("maxWidth", size),
+		[`max-h-${key}`]: oneSide("maxHeight", size),
+		[`inset-${key}`]: fourSides("top", "right", "bottom", "left", size),
+		[`inset-x-${key}`]: twoSides("left", "right", size),
+		[`inset-y-${key}`]: twoSides("top", "bottom", size),
+		[`top-${key}`]: oneSide("top", size),
+		[`right-${key}`]: oneSide("right", size),
+		[`bottom-${key}`]: oneSide("bottom", size),
+		[`left-${key}`]: oneSide("left", size)
+	});
+	for (const [key, maxWidth] of Object.entries(maxWidths)) tokens[`max-w-${key}`] = oneSide("maxWidth", maxWidth);
+	for (const [key, maxHeight] of Object.entries(maxHeights)) tokens[`max-h-${key}`] = oneSide("maxHeight", maxHeight);
+	tokens["w-full"] = oneSide("width", "100%");
+	tokens["h-full"] = oneSide("height", "100%");
+	tokens["max-w-full"] = oneSide("maxWidth", "100%");
+	tokens["max-h-full"] = oneSide("maxHeight", "100%");
+	for (const [key, value] of Object.entries(fractions)) {
+		tokens[`w-${key}`] = oneSide("width", value);
+		tokens[`h-${key}`] = oneSide("height", value);
+		tokens[`max-w-${key}`] = oneSide("maxWidth", value);
+		tokens[`max-h-${key}`] = oneSide("maxHeight", value);
+	}
+	for (const [key, property] of Object.entries(borderSides)) {
+		tokens[`border-${key}`] = oneSide(property, 1);
+		for (const width of borderWidths) tokens[`border-${key}-${width}`] = oneSide(property, Number(width));
+	}
+	for (const [key, rotate] of Object.entries(rotateTransforms)) {
+		tokens[`rotate-${key}`] = { transform: [{ rotate }] };
+		tokens[`-rotate-${key}`] = { transform: [{ rotate: `-${rotate}` }] };
+	}
+	for (const [key, scale] of Object.entries(scaleTransforms)) tokens[`scale-${key}`] = { transform: [{ scale }] };
+	tokens.rounded = oneSide("borderRadius", radii.DEFAULT);
+	for (const [key, radius] of Object.entries(radii)) tokens[`rounded-${key}`] = oneSide("borderRadius", radius);
+	for (const [key, style] of Object.entries(fontSizes)) tokens[`text-${key}`] = style;
+	for (const [key, letterSpacing] of Object.entries(tracking)) tokens[`tracking-${key}`] = { letterSpacing };
+	for (const [key, lineHeight] of Object.entries(lineHeights)) tokens[`leading-${key}`] = { lineHeight };
+	for (const opacity of opacityValues) tokens[`opacity-${opacity}`] = { opacity: opacity / 100 };
+	for (const [key, color] of Object.entries(paletteColors)) {
+		tokens[`bg-${key}`] = { backgroundColor: color };
+		tokens[`text-${key}`] = { color };
+		tokens[`tint-${key}`] = { tintColor: color };
+		tokens[`border-${key}`] = { borderColor: color };
+	}
+	for (const [key, name] of Object.entries(platformColors)) {
+		const color = PlatformColor(name);
+		tokens[`bg-${key}`] = { backgroundColor: color };
+		tokens[`text-${key}`] = { color };
+		tokens[`tint-${key}`] = { tintColor: color };
+		tokens[`border-${key}`] = { borderColor: color };
+	}
+	return tokens;
+}
+const tokenStyles = createTokenStyles();
+function variantApplies(variant) {
+	switch (variant) {
+		case "light": return Appearance.getColorScheme() !== "dark";
+		case "dark": return Appearance.getColorScheme() === "dark";
+	}
+}
+function resolveVariantToken(token) {
+	const parts = token.split(":");
+	if (parts.length === 1) return token;
+	const baseToken = parts.at(-1);
+	if (!baseToken) return token;
+	for (const variant of parts.slice(0, -1)) {
+		const applies = variantApplies(variant);
+		if (applies === void 0) return token;
+		if (!applies) return;
+	}
+	return baseToken;
+}
+function parseToken(token) {
+	const resolvedToken = resolveVariantToken(token);
+	if (!resolvedToken) return;
+	token = resolvedToken;
+	return tokenStyles[token];
+}
+function pushInput(input, output) {
+	if (!input) return;
+	if (typeof input === "object") {
+		output.push(input);
+		return;
+	}
+	if (/\s/.test(input)) {
+		if (isDev) throw new Error(`Bleam style strings must contain exactly one token: ${input}`);
+		return;
+	}
+	const style = parseToken(input);
+	if (style) {
+		output.push(style);
+		return;
+	}
+	if (isDev) throw new Error(`Unknown bleam style token: ${input}`);
+}
+function sx(...inputs) {
+	const output = [];
+	for (const input of inputs) pushInput(input, output);
+	return Object.assign({}, ...output);
+}
+
+//#endregion
+export { colors, sx };