bleam 0.0.4 → 0.0.6

package/dist/styles.d.ts

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