@typestyles/open-props 0.0.0-unstable.439960c19a5a → 0.0.0-unstable.4b1f40dade83

package/dist/index.d.ts

@@ -1,374 +1,373 @@
+import * as typestyles from 'typestyles';
 import { TokenRef } from 'typestyles';
 export { TokenRef, tokens } from 'typestyles';
 
-declare const sizes: {
-    readonly '0': string;
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-    readonly '7': string;
-    readonly '8': string;
-    readonly '9': string;
-    readonly '10': string;
-    readonly 'content-1': string;
-    readonly 'content-2': string;
-    readonly 'content-3': string;
-    readonly 'fluid-1': string;
-    readonly 'fluid-2': string;
-    readonly 'fluid-3': string;
-    readonly 'fluid-4': string;
-    readonly 'fluid-5': string;
-    readonly 'fluid-6': string;
-    readonly 'fluid-7': string;
-    readonly 'fluid-8': string;
-};
-declare const radius: {
-    readonly '0': string;
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-    readonly '7': string;
-    readonly '8': string;
-    readonly '9': string;
-    readonly '10': string;
-    readonly '11': string;
-    readonly '12': string;
-    readonly '13': string;
-    readonly '14': string;
-    readonly '15': string;
-    readonly '16': string;
-    readonly '17': string;
-    readonly '18': string;
-    readonly '19': string;
-    readonly '20': string;
-    readonly '21': string;
-    readonly '22': string;
-    readonly '23': string;
-    readonly '24': string;
-    readonly '25': string;
-    readonly '26': string;
-    readonly '27': string;
-    readonly '28': string;
-    readonly '29': string;
-    readonly '30': string;
-    readonly round: string;
-    readonly pill: string;
-};
-declare const shadow: {
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-    readonly 'inner-1': string;
-    readonly 'inner-2': string;
-    readonly 'inner-3': string;
-    readonly 'inner-4': string;
-    readonly 'inner-5': string;
-};
-declare const easing: {
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly 'in-1': string;
-    readonly 'in-2': string;
-    readonly 'in-3': string;
-    readonly 'in-4': string;
-    readonly 'in-5': string;
-    readonly 'out-1': string;
-    readonly 'out-2': string;
-    readonly 'out-3': string;
-    readonly 'out-4': string;
-    readonly 'out-5': string;
-    readonly 'in-out-1': string;
-    readonly 'in-out-2': string;
-    readonly 'in-out-3': string;
-    readonly 'in-out-4': string;
-    readonly 'in-out-5': string;
-    readonly 'elastic-out-1': string;
-    readonly 'elastic-out-2': string;
-    readonly 'elastic-out-3': string;
-    readonly 'elastic-out-4': string;
-    readonly 'elastic-out-5': string;
-    readonly 'elastic-in-1': string;
-    readonly 'elastic-in-2': string;
-    readonly 'elastic-in-3': string;
-    readonly 'elastic-in-4': string;
-    readonly 'elastic-in-5': string;
-    readonly 'elastic-in-out-1': string;
-    readonly 'elastic-in-out-2': string;
-    readonly 'elastic-in-out-3': string;
-    readonly 'elastic-in-out-4': string;
-    readonly 'elastic-in-out-5': string;
-    readonly 'bounce-1': string;
-    readonly 'bounce-2': string;
-    readonly 'bounce-3': string;
-    readonly 'bounce-4': string;
-    readonly 'bounce-5': string;
-};
-declare const animation: {
-    readonly 'fade-in': string;
-    readonly 'fade-out': string;
-    readonly 'scale-in': string;
-    readonly 'scale-out': string;
-    readonly 'slide-in-up': string;
-    readonly 'slide-in-down': string;
-    readonly 'slide-in-left': string;
-    readonly 'slide-in-right': string;
-    readonly 'slide-out-up': string;
-    readonly 'slide-out-down': string;
-    readonly 'slide-out-left': string;
-    readonly 'slide-out-right': string;
-    readonly shake: string;
-    readonly bounce: string;
-    readonly spin: string;
-    readonly flip: string;
-    readonly float: string;
-    readonly jiggle: string;
-    readonly wiggle: string;
-    readonly pulse: string;
-    readonly pop: string;
-};
-declare const fontSize: {
-    readonly '00': string;
-    readonly '0': string;
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-    readonly '7': string;
-    readonly '8': string;
-    readonly 'fluid-0': string;
-    readonly 'fluid-1': string;
-    readonly 'fluid-2': string;
-    readonly 'fluid-3': string;
-};
-declare const fontWeight: {
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-    readonly '7': string;
-    readonly '8': string;
-    readonly '9': string;
-};
-declare const fontLetterspacing: {
-    readonly '0': string;
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-    readonly '7': string;
-};
-declare const fontLineheight: {
-    readonly '00': string;
-    readonly '0': string;
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-};
-declare const zIndex: {
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly max: string;
-};
-declare const ratio: {
-    readonly square: string;
-    readonly landscape: string;
-    readonly portrait: string;
-    readonly widescreen: string;
-    readonly ultrawide: string;
-    readonly golden: string;
-};
-declare const gradient: {
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-    readonly '7': string;
-    readonly '8': string;
-    readonly '9': string;
-    readonly '10': string;
-    readonly '11': string;
-    readonly '12': string;
-    readonly '13': string;
-    readonly '14': string;
-    readonly '15': string;
-    readonly '16': string;
-    readonly '17': string;
-    readonly '18': string;
-    readonly '19': string;
-    readonly '20': string;
-    readonly '21': string;
-    readonly '22': string;
-    readonly '23': string;
-    readonly '24': string;
-    readonly '25': string;
-    readonly '26': string;
-    readonly '27': string;
-    readonly '28': string;
-    readonly '29': string;
-    readonly '30': string;
-};
-declare const media: {
-    readonly motion: string;
-    readonly motionReduce: string;
-    readonly dark: string;
-    readonly light: string;
-    readonly landscape: string;
-    readonly portrait: string;
-    readonly xs: string;
-    readonly sm: string;
-    readonly md: string;
-    readonly lg: string;
-    readonly xl: string;
-    readonly '2xl': string;
-    readonly '3xl': string;
-    readonly '4xl': string;
-    readonly '5xl': string;
-    readonly '6xl': string;
-    readonly '7xl': string;
-    readonly '8xl': string;
-    readonly '9xl': string;
-};
-declare const duration: {
-    readonly '0': string;
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-};
-declare const borderSize: {
-    readonly '0': string;
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-};
-declare const noise: {
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly 'filter-1': string;
-    readonly 'filter-2': string;
-    readonly 'filter-3': string;
-    readonly 'filter-4': string;
-    readonly 'filter-5': string;
-};
-declare const color: {
-    readonly [x: string]: string;
-};
-declare const brand: {
-    readonly facebook: string;
-    readonly youtube: string;
-    readonly twitter: string;
-    readonly whatsapp: string;
-    readonly instagram: string;
-    readonly 'instagram-yellow': string;
-    readonly 'instagram-red': string;
-    readonly 'instagram-magenta': string;
-    readonly 'instagram-blue': string;
-    readonly snapchat: string;
-    readonly google: string;
-    readonly 'google-blue': string;
-    readonly 'google-red': string;
-    readonly 'google-yellow': string;
-    readonly 'google-green': string;
-    readonly tiktok: string;
-    readonly 'tiktok-razzmatazz': string;
-    readonly 'tiktok-splash': string;
-    readonly microsoft: string;
-    readonly 'microsoft-blue': string;
-    readonly 'microsoft-red': string;
-    readonly 'microsoft-green': string;
-    readonly 'microsoft-yellow': string;
-    readonly pinterest: string;
-    readonly spotify: string;
-    readonly discord: string;
-    readonly telegram: string;
-    readonly reddit: string;
-    readonly amazon: string;
-    readonly twitch: string;
-};
-declare const font: {
-    readonly 'system-ui': string;
-    readonly transitional: string;
-    readonly 'old-style': string;
-    readonly humanist: string;
-    readonly 'geometric-humanist': string;
-    readonly 'classical-humanist': string;
-    readonly 'neo-grotesque': string;
-    readonly 'monospace-slab-serif': string;
-    readonly 'monospace-code': string;
-    readonly industrial: string;
-    readonly 'rounded-sans': string;
-    readonly 'slab-serif': string;
-    readonly antique: string;
-    readonly didone: string;
-    readonly handwritten: string;
-    readonly sans: string;
-    readonly serif: string;
-    readonly mono: string;
-};
-declare const palette: {
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-    readonly '7': string;
-    readonly '8': string;
-    readonly '9': string;
-    readonly '10': string;
-    readonly '11': string;
-    readonly '12': string;
-    readonly '13': string;
-    readonly '14': string;
-    readonly '15': string;
-    readonly '16': string;
-};
-declare const masksEdges: {
-    readonly '0': string;
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-};
-declare const masksCornerCuts: {
-    readonly '1': string;
-    readonly '2': string;
-    readonly '3': string;
-    readonly '4': string;
-    readonly '5': string;
-    readonly '6': string;
-};
+declare const sizes: typestyles.CreatedTokenRef<{
+    readonly '0': "0";
+    readonly '1': "0.25rem";
+    readonly '2': "0.5rem";
+    readonly '3': "0.75rem";
+    readonly '4': "1rem";
+    readonly '5': "1.25rem";
+    readonly '6': "1.5rem";
+    readonly '7': "2rem";
+    readonly '8': "3rem";
+    readonly '9': "4rem";
+    readonly '10': "5rem";
+    readonly 'content-1': "20ch";
+    readonly 'content-2': "45ch";
+    readonly 'content-3': "60ch";
+    readonly 'fluid-1': "clamp(0.5rem, 2vw, 1rem)";
+    readonly 'fluid-2': "clamp(1rem, 4vw, 1.5rem)";
+    readonly 'fluid-3': "clamp(1.5rem, 6vw, 2rem)";
+    readonly 'fluid-4': "clamp(2rem, 8vw, 3rem)";
+    readonly 'fluid-5': "clamp(3rem, 12vw, 5rem)";
+    readonly 'fluid-6': "clamp(5rem, 20vw, 8rem)";
+    readonly 'fluid-7': "clamp(8rem, 30vw, 12rem)";
+    readonly 'fluid-8': "clamp(12rem, 40vw, 20rem)";
+}, "size">;
+declare const radius: typestyles.CreatedTokenRef<{
+    readonly '0': "0";
+    readonly '1': "2px";
+    readonly '2': "4px";
+    readonly '3': "8px";
+    readonly '4': "12px";
+    readonly '5': "16px";
+    readonly '6': "20px";
+    readonly '7': "24px";
+    readonly '8': "32px";
+    readonly '9': "40px";
+    readonly '10': "48px";
+    readonly '11': "56px";
+    readonly '12': "64px";
+    readonly '13': "72px";
+    readonly '14': "80px";
+    readonly '15': "88px";
+    readonly '16': "96px";
+    readonly '17': "104px";
+    readonly '18': "112px";
+    readonly '19': "120px";
+    readonly '20': "128px";
+    readonly '21': "136px";
+    readonly '22': "144px";
+    readonly '23': "152px";
+    readonly '24': "160px";
+    readonly '25': "168px";
+    readonly '26': "176px";
+    readonly '27': "184px";
+    readonly '28': "192px";
+    readonly '29': "200px";
+    readonly '30': "208px";
+    readonly round: "100%";
+    readonly pill: "9999px";
+}, "radius">;
+declare const shadow: typestyles.CreatedTokenRef<{
+    readonly '1': "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly '2': "0 2px 4px 0 rgb(0 0 0 / 0.05), 0 4px 8px 0 rgb(0 0 0 / 0.05)";
+    readonly '3': "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly '4': "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly '5': "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly '6': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+    readonly 'inner-1': "inset 0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly 'inner-2': "inset 0 2px 4px 0 rgb(0 0 0 / 0.05), inset 0 4px 8px 0 rgb(0 0 0 / 0.05)";
+    readonly 'inner-3': "inset 0 4px 6px -1px rgb(0 0 0 / 0.1), inset 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly 'inner-4': "inset 0 10px 15px -3px rgb(0 0 0 / 0.1), inset 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly 'inner-5': "inset 0 20px 25px -5px rgb(0 0 0 / 0.1), inset 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+}, "shadow">;
+declare const easing: typestyles.CreatedTokenRef<{
+    readonly '1': "0.25, 0.1, 0.25, 1";
+    readonly '2': "0.42, 0, 1, 1";
+    readonly '3': "0, 0, 0.58, 1";
+    readonly '4': "0.42, 0, 0.58, 1";
+    readonly '5': "0.25, 0.1, 0.25, 1";
+    readonly 'in-1': "0.25, 0.1, 0.25, 1";
+    readonly 'in-2': "0.42, 0, 1, 1";
+    readonly 'in-3': "0, 0, 0.58, 1";
+    readonly 'in-4': "0.42, 0, 0.58, 1";
+    readonly 'in-5': "0.25, 0.1, 0.25, 1";
+    readonly 'out-1': "0.25, 0.1, 0.25, 1";
+    readonly 'out-2': "0.42, 0, 1, 1";
+    readonly 'out-3': "0, 0, 0.58, 1";
+    readonly 'out-4': "0.42, 0, 0.58, 1";
+    readonly 'out-5': "0.25, 0.1, 0.25, 1";
+    readonly 'in-out-1': "0.25, 0.1, 0.25, 1";
+    readonly 'in-out-2': "0.42, 0, 1, 1";
+    readonly 'in-out-3': "0, 0, 0.58, 1";
+    readonly 'in-out-4': "0.42, 0, 0.58, 1";
+    readonly 'in-out-5': "0.25, 0.1, 0.25, 1";
+    readonly 'elastic-out-1': "0.31, 0.24, 0.37, 1.04";
+    readonly 'elastic-out-2': "0.47, 0.27, 0.11, 1.07";
+    readonly 'elastic-out-3': "0.58, 0.27, 0.11, 1";
+    readonly 'elastic-out-4': "0.65, 0.28, 0.11, 1";
+    readonly 'elastic-out-5': "0.7, 0.28, 0.11, 1";
+    readonly 'elastic-in-1': "0.71, -0.01, 0.88, 0.77";
+    readonly 'elastic-in-2': "0.93, -0.17, 0.75, 0.75";
+    readonly 'elastic-in-3': "0.77, 0, 0.18, 1";
+    readonly 'elastic-in-4': "0.95, -0.05, 0.71, 0.97";
+    readonly 'elastic-in-5': "0.96, -0.05, 0.69, 1";
+    readonly 'elastic-in-out-1': "0.68, -0.55, 0.27, 1.55";
+    readonly 'elastic-in-out-2': "0.68, -0.55, 0.27, 1.55";
+    readonly 'elastic-in-out-3': "0.68, -0.55, 0.27, 1.55";
+    readonly 'elastic-in-out-4': "0.68, -0.55, 0.27, 1.55";
+    readonly 'elastic-in-out-5': "0.68, -0.55, 0.27, 1.55";
+    readonly 'bounce-1': "0.45, 0.05, 0.55, 0.95";
+    readonly 'bounce-2': "0.45, 0.05, 0.55, 0.95";
+    readonly 'bounce-3': "0.45, 0.05, 0.55, 0.95";
+    readonly 'bounce-4': "0.45, 0.05, 0.55, 0.95";
+    readonly 'bounce-5': "0.45, 0.05, 0.55, 0.95";
+}, "ease">;
+declare const animation: typestyles.CreatedTokenRef<{
+    readonly 'fade-in': "fade-in 0.5s var(--ease-3)";
+    readonly 'fade-out': "fade-out 0.5s var(--ease-3)";
+    readonly 'scale-in': "scale-in 0.2s var(--ease-3)";
+    readonly 'scale-out': "scale-out 0.2s var(--ease-3)";
+    readonly 'slide-in-up': "slide-in-up 0.3s var(--ease-out-5)";
+    readonly 'slide-in-down': "slide-in-down 0.3s var(--ease-out-5)";
+    readonly 'slide-in-left': "slide-in-left 0.3s var(--ease-out-5)";
+    readonly 'slide-in-right': "slide-in-right 0.3s var(--ease-out-5)";
+    readonly 'slide-out-up': "slide-out-up 0.3s var(--ease-in-5)";
+    readonly 'slide-out-down': "slide-out-down 0.3s var(--ease-in-5)";
+    readonly 'slide-out-left': "slide-out-left 0.3s var(--ease-in-5)";
+    readonly 'slide-out-right': "slide-out-right 0.3s var(--ease-in-5)";
+    readonly shake: "shake 0.5s cubic-bezier(.36,.07,.19,.97) both";
+    readonly bounce: "bounce 1s infinite";
+    readonly spin: "spin 2s linear infinite";
+    readonly flip: "flip 1s ease-in-out infinite";
+    readonly float: "float 3s ease-in-out infinite";
+    readonly jiggle: "jiggle 1s ease-in-out infinite";
+    readonly wiggle: "wiggle 1s ease-in-out infinite";
+    readonly pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite";
+    readonly pop: "pop 0.3s var(--ease-out-4)";
+}, "animation">;
+declare const fontSize: typestyles.CreatedTokenRef<{
+    readonly '00': "0.5rem";
+    readonly '0': "0.75rem";
+    readonly '1': "1rem";
+    readonly '2': "1.1rem";
+    readonly '3': "1.25rem";
+    readonly '4': "1.5rem";
+    readonly '5': "2rem";
+    readonly '6': "2.5rem";
+    readonly '7': "3rem";
+    readonly '8': "3.5rem";
+    readonly 'fluid-0': "clamp(0.75rem, 2vw, 1rem)";
+    readonly 'fluid-1': "clamp(1rem, 4vw, 1.5rem)";
+    readonly 'fluid-2': "clamp(1.5rem, 6vw, 2.5rem)";
+    readonly 'fluid-3': "clamp(2rem, 9vw, 3.5rem)";
+}, "font-size">;
+declare const fontWeight: typestyles.CreatedTokenRef<{
+    readonly '1': "100";
+    readonly '2': "200";
+    readonly '3': "300";
+    readonly '4': "400";
+    readonly '5': "500";
+    readonly '6': "600";
+    readonly '7': "700";
+    readonly '8': "800";
+    readonly '9': "900";
+}, "font-weight">;
+declare const fontLetterspacing: typestyles.CreatedTokenRef<{
+    readonly '0': "-.05em";
+    readonly '1': ".025em";
+    readonly '2': ".050em";
+    readonly '3': ".075em";
+    readonly '4': ".150em";
+    readonly '5': ".500em";
+    readonly '6': ".750em";
+    readonly '7': "1em";
+}, "font-letterspacing">;
+declare const fontLineheight: typestyles.CreatedTokenRef<{
+    readonly '00': ".95";
+    readonly '0': "1.1";
+    readonly '1': "1.25";
+    readonly '2': "1.375";
+    readonly '3': "1.5";
+    readonly '4': "1.75";
+    readonly '5': "2";
+}, "font-lineheight">;
+declare const zIndex: typestyles.CreatedTokenRef<{
+    readonly '1': "100";
+    readonly '2': "200";
+    readonly '3': "300";
+    readonly '4': "400";
+    readonly '5': "500";
+    readonly max: "9999";
+}, "zindex">;
+declare const ratio: typestyles.CreatedTokenRef<{
+    readonly square: "1";
+    readonly landscape: "4/3";
+    readonly portrait: "3/4";
+    readonly widescreen: "16/9";
+    readonly ultrawide: "18/5";
+    readonly golden: "1.6180/1";
+}, "ratio">;
+declare const gradient: typestyles.CreatedTokenRef<{
+    readonly '1': "linear-gradient(to bottom right, #e0e7ff, #faf5ff, #f0fdfa)";
+    readonly '2': "linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #fdf4ff)";
+    readonly '3': "linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #faf5ff)";
+    readonly '4': "linear-gradient(to bottom right, #c7d2fe, #e9d5ff, #f5d0fe)";
+    readonly '5': "linear-gradient(to bottom right, #e0e7ff, #ddd6fe, #c4b5fd)";
+    readonly '6': "linear-gradient(to bottom right, #c7d2fe, #ddd6fe, #c4b5fd)";
+    readonly '7': "linear-gradient(to bottom right, #a5b4fc, #c4b5fd, #ddb6f2)";
+    readonly '8': "linear-gradient(to bottom right, #a5b4fc, #a78bfa, #c4b5fd)";
+    readonly '9': "linear-gradient(to bottom right, #818cf8, #a78bfa, #c084fc)";
+    readonly '10': "linear-gradient(to bottom right, #818cf8, #a78bfa, #c4b5fd)";
+    readonly '11': "linear-gradient(to bottom right, #6366f1, #8b5cf6, #a855f7)";
+    readonly '12': "linear-gradient(to bottom right, #6366f1, #7c3aed, #8b5cf6)";
+    readonly '13': "linear-gradient(to bottom right, #4f46e5, #7c3aed, #9333ea)";
+    readonly '14': "linear-gradient(to bottom right, #4f46e5, #6d28d9, #9333ea)";
+    readonly '15': "linear-gradient(to bottom right, #4338ca, #5b21b6, #7e22ce)";
+    readonly '16': "linear-gradient(to bottom right, #3730a3, #4c1d95, #6b21a8)";
+    readonly '17': "linear-gradient(to bottom right, #312e81, #4c1d95, #6b21a8)";
+    readonly '18': "linear-gradient(to bottom right, #312e81, #3b0764, #581c87)";
+    readonly '19': "linear-gradient(to bottom right, #1e1b4b, #2e1065, #4a044e)";
+    readonly '20': "linear-gradient(to bottom right, #172554, #3b0764, #500724)";
+    readonly '21': "linear-gradient(to bottom right, #172554, #701a75, #9f1239)";
+    readonly '22': "linear-gradient(to bottom right, #0f172a, #831843, #9f1239)";
+    readonly '23': "linear-gradient(to bottom right, #0f172a, #831843, #be123c)";
+    readonly '24': "linear-gradient(to bottom right, #020617, #881337, #be123c)";
+    readonly '25': "linear-gradient(to bottom right, #020617, #9f1239, #e11d48)";
+    readonly '26': "linear-gradient(to bottom right, #030712, #9f1239, #e11d48)";
+    readonly '27': "linear-gradient(to bottom right, #030712, #be123c, #fb7185)";
+    readonly '28': "linear-gradient(to bottom right, #030712, #881337, #fda4af)";
+    readonly '29': "linear-gradient(to bottom right, #030712, #4a044e, #f0abfc)";
+    readonly '30': "linear-gradient(to bottom right, #030712, #2e1065, #c4b5fd)";
+}, "gradient">;
+declare const media: typestyles.CreatedTokenRef<{
+    readonly motion: "(prefers-reduced-motion: no-preference)";
+    readonly motionReduce: "(prefers-reduced-motion: reduce)";
+    readonly dark: "(prefers-color-scheme: dark)";
+    readonly light: "(prefers-color-scheme: light)";
+    readonly landscape: "(orientation: landscape)";
+    readonly portrait: "(orientation: portrait)";
+    readonly xs: "(min-width: 20rem)";
+    readonly sm: "(min-width: 24rem)";
+    readonly md: "(min-width: 28rem)";
+    readonly lg: "(min-width: 32rem)";
+    readonly xl: "(min-width: 36rem)";
+    readonly '2xl': "(min-width: 42rem)";
+    readonly '3xl': "(min-width: 48rem)";
+    readonly '4xl': "(min-width: 56rem)";
+    readonly '5xl': "(min-width: 64rem)";
+    readonly '6xl': "(min-width: 72rem)";
+    readonly '7xl': "(min-width: 80rem)";
+    readonly '8xl': "(min-width: 96rem)";
+    readonly '9xl': "(min-width: 100rem)";
+}, "media">;
+declare const duration: typestyles.CreatedTokenRef<{
+    readonly '0': "0s";
+    readonly '1': "0.05s";
+    readonly '2': "0.1s";
+    readonly '3': "0.2s";
+    readonly '4': "0.4s";
+    readonly '5': "0.8s";
+}, "duration">;
+declare const borderSize: typestyles.CreatedTokenRef<{
+    readonly '0': "0";
+    readonly '1': "1px";
+    readonly '2': "2px";
+    readonly '3': "4px";
+    readonly '4': "8px";
+    readonly '5': "16px";
+}, "border-size">;
+declare const noise: typestyles.CreatedTokenRef<{
+    readonly '1': "url(\"data:image/svg+xml,\")";
+    readonly '2': "url(\"data:image/svg+xml,\")";
+    readonly '3': "url(\"data:image/svg+xml,\")";
+    readonly '4': "url(\"data:image/svg+xml,\")";
+    readonly '5': "url(\"data:image/svg+xml,\")";
+    readonly 'filter-1': "contrast(1.5) brightness(1.1)";
+    readonly 'filter-2': "contrast(1.5) brightness(1.1)";
+    readonly 'filter-3': "contrast(1.5) brightness(1.1)";
+    readonly 'filter-4': "contrast(1.5) brightness(1.1)";
+    readonly 'filter-5': "contrast(1.5) brightness(1.1)";
+}, "noise">;
+declare const color: typestyles.CreatedTokenRef<Record<string, string>, "color">;
+declare const brand: typestyles.CreatedTokenRef<{
+    readonly facebook: "#1877f2";
+    readonly youtube: "#ff0000";
+    readonly twitter: "#1da1f2";
+    readonly whatsapp: "#25d366";
+    readonly instagram: "#c13584";
+    readonly 'instagram-yellow': "#fccc63";
+    readonly 'instagram-red': "#f56040";
+    readonly 'instagram-magenta': "#c13584";
+    readonly 'instagram-blue': "#405de6";
+    readonly snapchat: "#fffc00";
+    readonly google: "#4285f4";
+    readonly 'google-blue': "#4285f4";
+    readonly 'google-red': "#ea4335";
+    readonly 'google-yellow': "#fbbc05";
+    readonly 'google-green': "#34a853";
+    readonly tiktok: "#000000";
+    readonly 'tiktok-razzmatazz': "#fe2c55";
+    readonly 'tiktok-splash': "#25f4ee";
+    readonly microsoft: "#00a4ef";
+    readonly 'microsoft-blue': "#00a4ef";
+    readonly 'microsoft-red': "#f25022";
+    readonly 'microsoft-green': "#7fba00";
+    readonly 'microsoft-yellow': "#ffb900";
+    readonly pinterest: "#e60023";
+    readonly spotify: "#1db954";
+    readonly discord: "#5865f2";
+    readonly telegram: "#0088cc";
+    readonly reddit: "#ff4500";
+    readonly amazon: "#ff9900";
+    readonly twitch: "#9146ff";
+}, "brand">;
+declare const font: typestyles.CreatedTokenRef<{
+    readonly 'system-ui': "system-ui, sans-serif";
+    readonly transitional: "Charter, Bitstream Charter, Sitka Text, Cambria, serif";
+    readonly 'old-style': "Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif";
+    readonly humanist: "Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif";
+    readonly 'geometric-humanist': "Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif";
+    readonly 'classical-humanist': "Optima, Candara, Noto Sans, source-sans-pro, sans-serif";
+    readonly 'neo-grotesque': "Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif";
+    readonly 'monospace-slab-serif': "Nimbus Mono PS, Courier New, monospace";
+    readonly 'monospace-code': "Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace";
+    readonly industrial: "Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif";
+    readonly 'rounded-sans': "ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif";
+    readonly 'slab-serif': "Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif";
+    readonly antique: "Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif";
+    readonly didone: "Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif";
+    readonly handwritten: "Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive";
+    readonly sans: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+    readonly serif: "Georgia, Cambria, \"Times New Roman\", Times, serif";
+    readonly mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
+}, "font">;
+declare const palette: typestyles.CreatedTokenRef<{
+    readonly '1': "oklch(97% .014 260)";
+    readonly '2': "oklch(94% .028 261)";
+    readonly '3': "oklch(88% .057 261)";
+    readonly '4': "oklch(81% .081 262)";
+    readonly '5': "oklch(73% .12 262)";
+    readonly '6': "oklch(65% .15 262)";
+    readonly '7': "oklch(56% .19 262)";
+    readonly '8': "oklch(50% .22 262)";
+    readonly '9': "oklch(45% .24 261)";
+    readonly '10': "oklch(40% .24 259)";
+    readonly '11': "oklch(35% .22 259)";
+    readonly '12': "oklch(32% .2 259)";
+    readonly '13': "oklch(30% .18 259)";
+    readonly '14': "oklch(30% .16 259)";
+    readonly '15': "oklch(29% .14 259)";
+    readonly '16': "oklch(27% .12 259)";
+}, "palette">;
+declare const masksEdges: typestyles.CreatedTokenRef<{
+    readonly '0': "linear-gradient(to right, #000 90%, transparent 90% 100%)";
+    readonly '1': "linear-gradient(to right, #000 80%, transparent 80% 100%)";
+    readonly '2': "linear-gradient(to right, #000 70%, transparent 70% 100%)";
+    readonly '3': "linear-gradient(to right, #000 60%, transparent 60% 100%)";
+    readonly '4': "linear-gradient(to right, #000 50%, transparent 50% 100%)";
+}, "masks-edge">;
+declare const masksCornerCuts: typestyles.CreatedTokenRef<{
+    readonly '1': "polygon(0 8%, 8% 0, 100% 0, 100% 100%, 0 100%)";
+    readonly '2': "polygon(0 15%, 15% 0, 100% 0, 100% 100%, 0 100%)";
+    readonly '3': "polygon(0 22%, 22% 0, 100% 0, 100% 100%, 0 100%)";
+    readonly '4': "polygon(0 30%, 30% 0, 100% 0, 100% 100%, 0 100%)";
+    readonly '5': "polygon(0 8%, 8% 0, 92% 0, 100% 8%, 100% 100%, 0 100%)";
+    readonly '6': "polygon(0 15%, 15% 0, 85% 0, 100% 15%, 100% 100%, 0 100%)";
+}, "masks-corner-cuts">;
 declare function useOpenProps(namespace: string): TokenRef<Record<string, string>>;
 
 export { animation, borderSize, brand, color, duration, easing, font, fontLetterspacing, fontLineheight, fontSize, fontWeight, gradient, masksCornerCuts, masksEdges, media, noise, palette, radius, ratio, shadow, sizes, useOpenProps, zIndex };