@typestyles/open-props 0.1.0

package/dist/index.cjs

@@ -0,0 +1,721 @@
+'use strict';
+
+var typestyles = require('typestyles');
+
+// src/index.ts
+var sizes = typestyles.tokens.create("size", {
+  "0": "0",
+  "1": "0.25rem",
+  "2": "0.5rem",
+  "3": "0.75rem",
+  "4": "1rem",
+  "5": "1.25rem",
+  "6": "1.5rem",
+  "7": "2rem",
+  "8": "3rem",
+  "9": "4rem",
+  "10": "5rem",
+  "content-1": "20ch",
+  "content-2": "45ch",
+  "content-3": "60ch",
+  "fluid-1": "clamp(0.5rem, 2vw, 1rem)",
+  "fluid-2": "clamp(1rem, 4vw, 1.5rem)",
+  "fluid-3": "clamp(1.5rem, 6vw, 2rem)",
+  "fluid-4": "clamp(2rem, 8vw, 3rem)",
+  "fluid-5": "clamp(3rem, 12vw, 5rem)",
+  "fluid-6": "clamp(5rem, 20vw, 8rem)",
+  "fluid-7": "clamp(8rem, 30vw, 12rem)",
+  "fluid-8": "clamp(12rem, 40vw, 20rem)"
+});
+var radius = typestyles.tokens.create("radius", {
+  "0": "0",
+  "1": "2px",
+  "2": "4px",
+  "3": "8px",
+  "4": "12px",
+  "5": "16px",
+  "6": "20px",
+  "7": "24px",
+  "8": "32px",
+  "9": "40px",
+  "10": "48px",
+  "11": "56px",
+  "12": "64px",
+  "13": "72px",
+  "14": "80px",
+  "15": "88px",
+  "16": "96px",
+  "17": "104px",
+  "18": "112px",
+  "19": "120px",
+  "20": "128px",
+  "21": "136px",
+  "22": "144px",
+  "23": "152px",
+  "24": "160px",
+  "25": "168px",
+  "26": "176px",
+  "27": "184px",
+  "28": "192px",
+  "29": "200px",
+  "30": "208px",
+  round: "100%",
+  pill: "9999px"
+});
+var shadow = typestyles.tokens.create("shadow", {
+  "1": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "2": "0 2px 4px 0 rgb(0 0 0 / 0.05), 0 4px 8px 0 rgb(0 0 0 / 0.05)",
+  "3": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  "4": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  "5": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  "6": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  "inner-1": "inset 0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "inner-2": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05), inset 0 4px 8px 0 rgb(0 0 0 / 0.05)",
+  "inner-3": "inset 0 4px 6px -1px rgb(0 0 0 / 0.1), inset 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  "inner-4": "inset 0 10px 15px -3px rgb(0 0 0 / 0.1), inset 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  "inner-5": "inset 0 20px 25px -5px rgb(0 0 0 / 0.1), inset 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+});
+var easing = typestyles.tokens.create("ease", {
+  "1": "0.25, 0.1, 0.25, 1",
+  "2": "0.42, 0, 1, 1",
+  "3": "0, 0, 0.58, 1",
+  "4": "0.42, 0, 0.58, 1",
+  "5": "0.25, 0.1, 0.25, 1",
+  "in-1": "0.25, 0.1, 0.25, 1",
+  "in-2": "0.42, 0, 1, 1",
+  "in-3": "0, 0, 0.58, 1",
+  "in-4": "0.42, 0, 0.58, 1",
+  "in-5": "0.25, 0.1, 0.25, 1",
+  "out-1": "0.25, 0.1, 0.25, 1",
+  "out-2": "0.42, 0, 1, 1",
+  "out-3": "0, 0, 0.58, 1",
+  "out-4": "0.42, 0, 0.58, 1",
+  "out-5": "0.25, 0.1, 0.25, 1",
+  "in-out-1": "0.25, 0.1, 0.25, 1",
+  "in-out-2": "0.42, 0, 1, 1",
+  "in-out-3": "0, 0, 0.58, 1",
+  "in-out-4": "0.42, 0, 0.58, 1",
+  "in-out-5": "0.25, 0.1, 0.25, 1",
+  "elastic-out-1": "0.31, 0.24, 0.37, 1.04",
+  "elastic-out-2": "0.47, 0.27, 0.11, 1.07",
+  "elastic-out-3": "0.58, 0.27, 0.11, 1",
+  "elastic-out-4": "0.65, 0.28, 0.11, 1",
+  "elastic-out-5": "0.7, 0.28, 0.11, 1",
+  "elastic-in-1": "0.71, -0.01, 0.88, 0.77",
+  "elastic-in-2": "0.93, -0.17, 0.75, 0.75",
+  "elastic-in-3": "0.77, 0, 0.18, 1",
+  "elastic-in-4": "0.95, -0.05, 0.71, 0.97",
+  "elastic-in-5": "0.96, -0.05, 0.69, 1",
+  "elastic-in-out-1": "0.68, -0.55, 0.27, 1.55",
+  "elastic-in-out-2": "0.68, -0.55, 0.27, 1.55",
+  "elastic-in-out-3": "0.68, -0.55, 0.27, 1.55",
+  "elastic-in-out-4": "0.68, -0.55, 0.27, 1.55",
+  "elastic-in-out-5": "0.68, -0.55, 0.27, 1.55",
+  "bounce-1": "0.45, 0.05, 0.55, 0.95",
+  "bounce-2": "0.45, 0.05, 0.55, 0.95",
+  "bounce-3": "0.45, 0.05, 0.55, 0.95",
+  "bounce-4": "0.45, 0.05, 0.55, 0.95",
+  "bounce-5": "0.45, 0.05, 0.55, 0.95"
+});
+var animation = typestyles.tokens.create("animation", {
+  "fade-in": "fade-in 0.5s var(--ease-3)",
+  "fade-out": "fade-out 0.5s var(--ease-3)",
+  "scale-in": "scale-in 0.2s var(--ease-3)",
+  "scale-out": "scale-out 0.2s var(--ease-3)",
+  "slide-in-up": "slide-in-up 0.3s var(--ease-out-5)",
+  "slide-in-down": "slide-in-down 0.3s var(--ease-out-5)",
+  "slide-in-left": "slide-in-left 0.3s var(--ease-out-5)",
+  "slide-in-right": "slide-in-right 0.3s var(--ease-out-5)",
+  "slide-out-up": "slide-out-up 0.3s var(--ease-in-5)",
+  "slide-out-down": "slide-out-down 0.3s var(--ease-in-5)",
+  "slide-out-left": "slide-out-left 0.3s var(--ease-in-5)",
+  "slide-out-right": "slide-out-right 0.3s var(--ease-in-5)",
+  shake: "shake 0.5s cubic-bezier(.36,.07,.19,.97) both",
+  bounce: "bounce 1s infinite",
+  spin: "spin 2s linear infinite",
+  flip: "flip 1s ease-in-out infinite",
+  float: "float 3s ease-in-out infinite",
+  jiggle: "jiggle 1s ease-in-out infinite",
+  wiggle: "wiggle 1s ease-in-out infinite",
+  pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+  pop: "pop 0.3s var(--ease-out-4)"
+});
+var fontSize = typestyles.tokens.create("font-size", {
+  "00": "0.5rem",
+  "0": "0.75rem",
+  "1": "1rem",
+  "2": "1.1rem",
+  "3": "1.25rem",
+  "4": "1.5rem",
+  "5": "2rem",
+  "6": "2.5rem",
+  "7": "3rem",
+  "8": "3.5rem",
+  "fluid-0": "clamp(0.75rem, 2vw, 1rem)",
+  "fluid-1": "clamp(1rem, 4vw, 1.5rem)",
+  "fluid-2": "clamp(1.5rem, 6vw, 2.5rem)",
+  "fluid-3": "clamp(2rem, 9vw, 3.5rem)"
+});
+var fontWeight = typestyles.tokens.create("font-weight", {
+  "1": "100",
+  "2": "200",
+  "3": "300",
+  "4": "400",
+  "5": "500",
+  "6": "600",
+  "7": "700",
+  "8": "800",
+  "9": "900"
+});
+var fontLetterspacing = typestyles.tokens.create("font-letterspacing", {
+  "0": "-.05em",
+  "1": ".025em",
+  "2": ".050em",
+  "3": ".075em",
+  "4": ".150em",
+  "5": ".500em",
+  "6": ".750em",
+  "7": "1em"
+});
+var fontLineheight = typestyles.tokens.create("font-lineheight", {
+  "00": ".95",
+  "0": "1.1",
+  "1": "1.25",
+  "2": "1.375",
+  "3": "1.5",
+  "4": "1.75",
+  "5": "2"
+});
+var zIndex = typestyles.tokens.create("zindex", {
+  "1": "100",
+  "2": "200",
+  "3": "300",
+  "4": "400",
+  "5": "500",
+  max: "9999"
+});
+var ratio = typestyles.tokens.create("ratio", {
+  square: "1",
+  landscape: "4/3",
+  portrait: "3/4",
+  widescreen: "16/9",
+  ultrawide: "18/5",
+  golden: "1.6180/1"
+});
+var gradient = typestyles.tokens.create("gradient", {
+  "1": "linear-gradient(to bottom right, #e0e7ff, #faf5ff, #f0fdfa)",
+  "2": "linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #fdf4ff)",
+  "3": "linear-gradient(to bottom right, #e0e7ff, #f5f3ff, #faf5ff)",
+  "4": "linear-gradient(to bottom right, #c7d2fe, #e9d5ff, #f5d0fe)",
+  "5": "linear-gradient(to bottom right, #e0e7ff, #ddd6fe, #c4b5fd)",
+  "6": "linear-gradient(to bottom right, #c7d2fe, #ddd6fe, #c4b5fd)",
+  "7": "linear-gradient(to bottom right, #a5b4fc, #c4b5fd, #ddb6f2)",
+  "8": "linear-gradient(to bottom right, #a5b4fc, #a78bfa, #c4b5fd)",
+  "9": "linear-gradient(to bottom right, #818cf8, #a78bfa, #c084fc)",
+  "10": "linear-gradient(to bottom right, #818cf8, #a78bfa, #c4b5fd)",
+  "11": "linear-gradient(to bottom right, #6366f1, #8b5cf6, #a855f7)",
+  "12": "linear-gradient(to bottom right, #6366f1, #7c3aed, #8b5cf6)",
+  "13": "linear-gradient(to bottom right, #4f46e5, #7c3aed, #9333ea)",
+  "14": "linear-gradient(to bottom right, #4f46e5, #6d28d9, #9333ea)",
+  "15": "linear-gradient(to bottom right, #4338ca, #5b21b6, #7e22ce)",
+  "16": "linear-gradient(to bottom right, #3730a3, #4c1d95, #6b21a8)",
+  "17": "linear-gradient(to bottom right, #312e81, #4c1d95, #6b21a8)",
+  "18": "linear-gradient(to bottom right, #312e81, #3b0764, #581c87)",
+  "19": "linear-gradient(to bottom right, #1e1b4b, #2e1065, #4a044e)",
+  "20": "linear-gradient(to bottom right, #172554, #3b0764, #500724)",
+  "21": "linear-gradient(to bottom right, #172554, #701a75, #9f1239)",
+  "22": "linear-gradient(to bottom right, #0f172a, #831843, #9f1239)",
+  "23": "linear-gradient(to bottom right, #0f172a, #831843, #be123c)",
+  "24": "linear-gradient(to bottom right, #020617, #881337, #be123c)",
+  "25": "linear-gradient(to bottom right, #020617, #9f1239, #e11d48)",
+  "26": "linear-gradient(to bottom right, #030712, #9f1239, #e11d48)",
+  "27": "linear-gradient(to bottom right, #030712, #be123c, #fb7185)",
+  "28": "linear-gradient(to bottom right, #030712, #881337, #fda4af)",
+  "29": "linear-gradient(to bottom right, #030712, #4a044e, #f0abfc)",
+  "30": "linear-gradient(to bottom right, #030712, #2e1065, #c4b5fd)"
+});
+var media = typestyles.tokens.create("media", {
+  motion: "(prefers-reduced-motion: no-preference)",
+  motionReduce: "(prefers-reduced-motion: reduce)",
+  dark: "(prefers-color-scheme: dark)",
+  light: "(prefers-color-scheme: light)",
+  landscape: "(orientation: landscape)",
+  portrait: "(orientation: portrait)",
+  xs: "(min-width: 20rem)",
+  sm: "(min-width: 24rem)",
+  md: "(min-width: 28rem)",
+  lg: "(min-width: 32rem)",
+  xl: "(min-width: 36rem)",
+  "2xl": "(min-width: 42rem)",
+  "3xl": "(min-width: 48rem)",
+  "4xl": "(min-width: 56rem)",
+  "5xl": "(min-width: 64rem)",
+  "6xl": "(min-width: 72rem)",
+  "7xl": "(min-width: 80rem)",
+  "8xl": "(min-width: 96rem)",
+  "9xl": "(min-width: 100rem)"
+});
+var duration = typestyles.tokens.create("duration", {
+  "0": "0s",
+  "1": "0.05s",
+  "2": "0.1s",
+  "3": "0.2s",
+  "4": "0.4s",
+  "5": "0.8s"
+});
+var borderSize = typestyles.tokens.create("border-size", {
+  "0": "0",
+  "1": "1px",
+  "2": "2px",
+  "3": "4px",
+  "4": "8px",
+  "5": "16px"
+});
+var noise = typestyles.tokens.create("noise", {
+  "1": 'url("data:image/svg+xml,")',
+  "2": 'url("data:image/svg+xml,")',
+  "3": 'url("data:image/svg+xml,")',
+  "4": 'url("data:image/svg+xml,")',
+  "5": 'url("data:image/svg+xml,")',
+  "filter-1": "contrast(1.5) brightness(1.1)",
+  "filter-2": "contrast(1.5) brightness(1.1)",
+  "filter-3": "contrast(1.5) brightness(1.1)",
+  "filter-4": "contrast(1.5) brightness(1.1)",
+  "filter-5": "contrast(1.5) brightness(1.1)"
+});
+var colorValues = {};
+var colors = [
+  "gray",
+  "stone",
+  "red",
+  "pink",
+  "purple",
+  "violet",
+  "indigo",
+  "blue",
+  "cyan",
+  "teal",
+  "green",
+  "lime",
+  "yellow",
+  "orange",
+  "choco",
+  "brown",
+  "sand",
+  "camo",
+  "jungle"
+];
+var colorScales = {
+  gray: [
+    "#f8fafc",
+    "#f1f5f9",
+    "#e2e8f0",
+    "#cbd5e1",
+    "#94a3b8",
+    "#64748b",
+    "#475569",
+    "#334155",
+    "#1e293b",
+    "#0f172a",
+    "#020617",
+    "#000000",
+    "#000000"
+  ],
+  stone: [
+    "#fafaf9",
+    "#f5f5f4",
+    "#e7e5e4",
+    "#d6d3d1",
+    "#a8a29e",
+    "#78716c",
+    "#57534e",
+    "#44403c",
+    "#292524",
+    "#1c1917",
+    "#0c0a09",
+    "#000000",
+    "#000000"
+  ],
+  red: [
+    "#fef2f2",
+    "#fee2e2",
+    "#fecaca",
+    "#fca5a5",
+    "#f87171",
+    "#ef4444",
+    "#dc2626",
+    "#b91c1c",
+    "#991b1b",
+    "#7f1d1d",
+    "#450a0a",
+    "#000000",
+    "#000000"
+  ],
+  pink: [
+    "#fdf2f8",
+    "#fce7f3",
+    "#fbcfe8",
+    "#f9a8d4",
+    "#f472b6",
+    "#ec4899",
+    "#db2777",
+    "#be185d",
+    "#9d174d",
+    "#831843",
+    "#500724",
+    "#000000",
+    "#000000"
+  ],
+  purple: [
+    "#faf5ff",
+    "#f3e8ff",
+    "#e9d5ff",
+    "#d8b4fe",
+    "#c084fc",
+    "#a855f7",
+    "#9333ea",
+    "#7e22ce",
+    "#6b21a8",
+    "#581c87",
+    "#3b0764",
+    "#000000",
+    "#000000"
+  ],
+  violet: [
+    "#f5f3ff",
+    "#ede9fe",
+    "#ddd6fe",
+    "#c4b5fd",
+    "#a78bfa",
+    "#8b5cf6",
+    "#7c3aed",
+    "#6d28d9",
+    "#5b21b6",
+    "#4c1d95",
+    "#2e1065",
+    "#000000",
+    "#000000"
+  ],
+  indigo: [
+    "#eef2ff",
+    "#e0e7ff",
+    "#c7d2fe",
+    "#a5b4fc",
+    "#818cf8",
+    "#6366f1",
+    "#4f46e5",
+    "#4338ca",
+    "#3730a3",
+    "#312e81",
+    "#1e1b4b",
+    "#000000",
+    "#000000"
+  ],
+  blue: [
+    "#eff6ff",
+    "#dbeafe",
+    "#bfdbfe",
+    "#93c5fd",
+    "#60a5fa",
+    "#3b82f6",
+    "#2563eb",
+    "#1d4ed8",
+    "#1e40af",
+    "#1e3a8a",
+    "#172554",
+    "#000000",
+    "#000000"
+  ],
+  cyan: [
+    "#ecfeff",
+    "#cffafe",
+    "#a5f3fc",
+    "#67e8f9",
+    "#22d3ee",
+    "#06b6d4",
+    "#0891b2",
+    "#0e7490",
+    "#155e75",
+    "#164e63",
+    "#083344",
+    "#000000",
+    "#000000"
+  ],
+  teal: [
+    "#f0fdfa",
+    "#ccfbf1",
+    "#99f6e4",
+    "#5eead4",
+    "#2dd4bf",
+    "#14b8a6",
+    "#0d9488",
+    "#0f766e",
+    "#115e59",
+    "#134e4a",
+    "#042f2e",
+    "#000000",
+    "#000000"
+  ],
+  green: [
+    "#f0fdf4",
+    "#dcfce7",
+    "#bbf7d0",
+    "#86efac",
+    "#4ade80",
+    "#22c55e",
+    "#16a34a",
+    "#15803d",
+    "#166534",
+    "#14532d",
+    "#052e16",
+    "#000000",
+    "#000000"
+  ],
+  lime: [
+    "#f7fee7",
+    "#ecfccb",
+    "#d9f99d",
+    "#bef264",
+    "#a3e635",
+    "#84cc16",
+    "#65a30d",
+    "#4d7c0f",
+    "#3f6212",
+    "#365314",
+    "#1a2e05",
+    "#000000",
+    "#000000"
+  ],
+  yellow: [
+    "#fefce8",
+    "#fef9c3",
+    "#fef08a",
+    "#fde047",
+    "#facc15",
+    "#eab308",
+    "#ca8a04",
+    "#a16207",
+    "#854d0e",
+    "#713f12",
+    "#422006",
+    "#000000",
+    "#000000"
+  ],
+  orange: [
+    "#fff7ed",
+    "#ffedd5",
+    "#fed7aa",
+    "#fdba74",
+    "#fb923c",
+    "#f97316",
+    "#ea580c",
+    "#c2410c",
+    "#9a3412",
+    "#7c2d12",
+    "#431407",
+    "#000000",
+    "#000000"
+  ],
+  choco: [
+    "#fefae7",
+    "#f7f3d8",
+    "#eee4b8",
+    "#e2d28a",
+    "#d6be66",
+    "#cba84a",
+    "#bc8f3c",
+    "#9f742e",
+    "#825a22",
+    "#664118",
+    "#4a2d0f",
+    "#000000",
+    "#000000"
+  ],
+  brown: [
+    "#faf8f5",
+    "#f0ebe3",
+    "#e3d6c8",
+    "#d2bba3",
+    "#be9d7d",
+    "#ab825e",
+    "#956843",
+    "#7a4f2d",
+    "#5f3a1c",
+    "#47280f",
+    "#2e1605",
+    "#000000",
+    "#000000"
+  ],
+  sand: [
+    "#fcfbf9",
+    "#f5f2ed",
+    "#e8e4db",
+    "#d6d1c3",
+    "#bfb6a3",
+    "#a69682",
+    "#8d7a65",
+    "#756151",
+    "#5d4a3e",
+    "#47382e",
+    "#31241d",
+    "#000000",
+    "#000000"
+  ],
+  camo: [
+    "#f5f5f0",
+    "#e8e8dd",
+    "#d4d4c4",
+    "#b5b5a2",
+    "#989878",
+    "#7c7d5e",
+    "#626449",
+    "#4d4e38",
+    "#3b3c2c",
+    "#2c2c21",
+    "#1c1c14",
+    "#000000",
+    "#000000"
+  ],
+  jungle: [
+    "#f3f7f2",
+    "#e2ebe1",
+    "#c5d9c6",
+    "#9fc1a3",
+    "#7aa67d",
+    "#5c8c60",
+    "#46734a",
+    "#375b3b",
+    "#2b472e",
+    "#213624",
+    "#152217",
+    "#000000",
+    "#000000"
+  ]
+};
+for (const colorName of colors) {
+  const scale = colorScales[colorName];
+  if (scale) {
+    scale.forEach((value, index) => {
+      colorValues[`${colorName}-${index}`] = value;
+    });
+  }
+}
+var color = typestyles.tokens.create("color", colorValues);
+var brand = typestyles.tokens.create("brand", {
+  facebook: "#1877f2",
+  youtube: "#ff0000",
+  twitter: "#1da1f2",
+  whatsapp: "#25d366",
+  instagram: "#c13584",
+  "instagram-yellow": "#fccc63",
+  "instagram-red": "#f56040",
+  "instagram-magenta": "#c13584",
+  "instagram-blue": "#405de6",
+  snapchat: "#fffc00",
+  google: "#4285f4",
+  "google-blue": "#4285f4",
+  "google-red": "#ea4335",
+  "google-yellow": "#fbbc05",
+  "google-green": "#34a853",
+  tiktok: "#000000",
+  "tiktok-razzmatazz": "#fe2c55",
+  "tiktok-splash": "#25f4ee",
+  microsoft: "#00a4ef",
+  "microsoft-blue": "#00a4ef",
+  "microsoft-red": "#f25022",
+  "microsoft-green": "#7fba00",
+  "microsoft-yellow": "#ffb900",
+  pinterest: "#e60023",
+  spotify: "#1db954",
+  discord: "#5865f2",
+  telegram: "#0088cc",
+  reddit: "#ff4500",
+  amazon: "#ff9900",
+  twitch: "#9146ff"
+});
+var font = typestyles.tokens.create("font", {
+  "system-ui": "system-ui, sans-serif",
+  transitional: "Charter, Bitstream Charter, Sitka Text, Cambria, serif",
+  "old-style": "Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif",
+  humanist: "Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif",
+  "geometric-humanist": "Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif",
+  "classical-humanist": "Optima, Candara, Noto Sans, source-sans-pro, sans-serif",
+  "neo-grotesque": "Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif",
+  "monospace-slab-serif": "Nimbus Mono PS, Courier New, monospace",
+  "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",
+  industrial: "Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif",
+  "rounded-sans": "ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif",
+  "slab-serif": "Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif",
+  antique: "Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif",
+  didone: "Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif",
+  handwritten: "Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive",
+  sans: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  serif: 'Georgia, Cambria, "Times New Roman", Times, serif',
+  mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+});
+var palette = typestyles.tokens.create("palette", {
+  "1": "oklch(97% .014 260)",
+  "2": "oklch(94% .028 261)",
+  "3": "oklch(88% .057 261)",
+  "4": "oklch(81% .081 262)",
+  "5": "oklch(73% .12 262)",
+  "6": "oklch(65% .15 262)",
+  "7": "oklch(56% .19 262)",
+  "8": "oklch(50% .22 262)",
+  "9": "oklch(45% .24 261)",
+  "10": "oklch(40% .24 259)",
+  "11": "oklch(35% .22 259)",
+  "12": "oklch(32% .2 259)",
+  "13": "oklch(30% .18 259)",
+  "14": "oklch(30% .16 259)",
+  "15": "oklch(29% .14 259)",
+  "16": "oklch(27% .12 259)"
+});
+var masksEdges = typestyles.tokens.create("masks-edge", {
+  "0": "linear-gradient(to right, #000 90%, transparent 90% 100%)",
+  "1": "linear-gradient(to right, #000 80%, transparent 80% 100%)",
+  "2": "linear-gradient(to right, #000 70%, transparent 70% 100%)",
+  "3": "linear-gradient(to right, #000 60%, transparent 60% 100%)",
+  "4": "linear-gradient(to right, #000 50%, transparent 50% 100%)"
+});
+var masksCornerCuts = typestyles.tokens.create("masks-corner-cuts", {
+  "1": "polygon(0 8%, 8% 0, 100% 0, 100% 100%, 0 100%)",
+  "2": "polygon(0 15%, 15% 0, 100% 0, 100% 100%, 0 100%)",
+  "3": "polygon(0 22%, 22% 0, 100% 0, 100% 100%, 0 100%)",
+  "4": "polygon(0 30%, 30% 0, 100% 0, 100% 100%, 0 100%)",
+  "5": "polygon(0 8%, 8% 0, 92% 0, 100% 8%, 100% 100%, 0 100%)",
+  "6": "polygon(0 15%, 15% 0, 85% 0, 100% 15%, 100% 100%, 0 100%)"
+});
+function useOpenProps(namespace) {
+  return typestyles.tokens.use(namespace);
+}
+
+Object.defineProperty(exports, "tokens", {
+  enumerable: true,
+  get: function () { return typestyles.tokens; }
+});
+exports.animation = animation;
+exports.borderSize = borderSize;
+exports.brand = brand;
+exports.color = color;
+exports.duration = duration;
+exports.easing = easing;
+exports.font = font;
+exports.fontLetterspacing = fontLetterspacing;
+exports.fontLineheight = fontLineheight;
+exports.fontSize = fontSize;
+exports.fontWeight = fontWeight;
+exports.gradient = gradient;
+exports.masksCornerCuts = masksCornerCuts;
+exports.masksEdges = masksEdges;
+exports.media = media;
+exports.noise = noise;
+exports.palette = palette;
+exports.radius = radius;
+exports.ratio = ratio;
+exports.shadow = shadow;
+exports.sizes = sizes;
+exports.useOpenProps = useOpenProps;
+exports.zIndex = zIndex;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map