diff --git a/apps/www/public/r/colors/gray.json b/apps/www/public/r/colors/gray.json new file mode 100644 index 0000000000..9cba353ed9 --- /dev/null +++ b/apps/www/public/r/colors/gray.json @@ -0,0 +1,102 @@ +{ + "inlineColors": { + "light": { + "background": "white", + "foreground": "gray-950", + "card": "white", + "card-foreground": "gray-950", + "popover": "white", + "popover-foreground": "gray-950", + "primary": "gray-900", + "primary-foreground": "gray-50", + "secondary": "gray-100", + "secondary-foreground": "gray-900", + "muted": "gray-100", + "muted-foreground": "gray-500", + "accent": "gray-100", + "accent-foreground": "gray-900", + "destructive": "red-500", + "destructive-foreground": "gray-50", + "border": "gray-200", + "input": "gray-200", + "ring": "gray-950" + }, + "dark": { + "background": "gray-950", + "foreground": "gray-50", + "card": "gray-950", + "card-foreground": "gray-50", + "popover": "gray-950", + "popover-foreground": "gray-50", + "primary": "gray-50", + "primary-foreground": "gray-900", + "secondary": "gray-800", + "secondary-foreground": "gray-50", + "muted": "gray-800", + "muted-foreground": "gray-400", + "accent": "gray-800", + "accent-foreground": "gray-50", + "destructive": "red-900", + "destructive-foreground": "gray-50", + "border": "gray-800", + "input": "gray-800", + "ring": "gray-300" + } + }, + "cssVars": { + "light": { + "background": "0 0% 100%", + "foreground": "224 71.4% 4.1%", + "card": "0 0% 100%", + "card-foreground": "224 71.4% 4.1%", + "popover": "0 0% 100%", + "popover-foreground": "224 71.4% 4.1%", + "primary": "220.9 39.3% 11%", + "primary-foreground": "210 20% 98%", + "secondary": "220 14.3% 95.9%", + "secondary-foreground": "220.9 39.3% 11%", + "muted": "220 14.3% 95.9%", + "muted-foreground": "220 8.9% 46.1%", + "accent": "220 14.3% 95.9%", + "accent-foreground": "220.9 39.3% 11%", + "destructive": "0 84.2% 60.2%", + "destructive-foreground": "210 20% 98%", + "border": "220 13% 91%", + "input": "220 13% 91%", + "ring": "224 71.4% 4.1%", + "chart-1": "12 76% 61%", + "chart-2": "173 58% 39%", + "chart-3": "197 37% 24%", + "chart-4": "43 74% 66%", + "chart-5": "27 87% 67%" + }, + "dark": { + "background": "224 71.4% 4.1%", + "foreground": "210 20% 98%", + "card": "224 71.4% 4.1%", + "card-foreground": "210 20% 98%", + "popover": "224 71.4% 4.1%", + "popover-foreground": "210 20% 98%", + "primary": "210 20% 98%", + "primary-foreground": "220.9 39.3% 11%", + "secondary": "215 27.9% 16.9%", + "secondary-foreground": "210 20% 98%", + "muted": "215 27.9% 16.9%", + "muted-foreground": "217.9 10.6% 64.9%", + "accent": "215 27.9% 16.9%", + "accent-foreground": "210 20% 98%", + "destructive": "0 62.8% 30.6%", + "destructive-foreground": "210 20% 98%", + "border": "215 27.9% 16.9%", + "input": "215 27.9% 16.9%", + "ring": "216 12.2% 83.9%", + "chart-1": "220 70% 50%", + "chart-2": "160 60% 45%", + "chart-3": "30 80% 55%", + "chart-4": "280 65% 60%", + "chart-5": "340 75% 55%" + } + }, + "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n ", + "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 224 71.4% 4.1%;\n --card: 0 0% 100%;\n --card-foreground: 224 71.4% 4.1%;\n --popover: 0 0% 100%;\n --popover-foreground: 224 71.4% 4.1%;\n --primary: 220.9 39.3% 11%;\n --primary-foreground: 210 20% 98%;\n --secondary: 220 14.3% 95.9%;\n --secondary-foreground: 220.9 39.3% 11%;\n --muted: 220 14.3% 95.9%;\n --muted-foreground: 220 8.9% 46.1%;\n --accent: 220 14.3% 95.9%;\n --accent-foreground: 220.9 39.3% 11%;\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 210 20% 98%;\n --border: 220 13% 91%;\n --input: 220 13% 91%;\n --ring: 224 71.4% 4.1%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n\n .dark {\n --background: 224 71.4% 4.1%;\n --foreground: 210 20% 98%;\n --card: 224 71.4% 4.1%;\n --card-foreground: 210 20% 98%;\n --popover: 224 71.4% 4.1%;\n --popover-foreground: 210 20% 98%;\n --primary: 210 20% 98%;\n --primary-foreground: 220.9 39.3% 11%;\n --secondary: 215 27.9% 16.9%;\n --secondary-foreground: 210 20% 98%;\n --muted: 215 27.9% 16.9%;\n --muted-foreground: 217.9 10.6% 64.9%;\n --accent: 215 27.9% 16.9%;\n --accent-foreground: 210 20% 98%;\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 210 20% 98%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --ring: 216 12.2% 83.9%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}" +} \ No newline at end of file diff --git a/apps/www/public/r/colors/index.json b/apps/www/public/r/colors/index.json new file mode 100644 index 0000000000..c25158efb1 --- /dev/null +++ b/apps/www/public/r/colors/index.json @@ -0,0 +1,1999 @@ +{ + "inherit": "inherit", + "current": "currentColor", + "transparent": "transparent", + "black": { + "hex": "#000000", + "rgb": "rgb(0,0,0)", + "hsl": "hsl(0,0%,0%)", + "rgbChannel": "0 0 0", + "hslChannel": "0 0% 0%" + }, + "white": { + "hex": "#ffffff", + "rgb": "rgb(255,255,255)", + "hsl": "hsl(0,0%,100%)", + "rgbChannel": "255 255 255", + "hslChannel": "0 0% 100%" + }, + "slate": [ + { + "scale": 50, + "hex": "#f8fafc", + "rgb": "rgb(248,250,252)", + "hsl": "hsl(210,40%,98%)", + "rgbChannel": "248 250 252", + "hslChannel": "210 40% 98%" + }, + { + "scale": 100, + "hex": "#f1f5f9", + "rgb": "rgb(241,245,249)", + "hsl": "hsl(210,40%,96.1%)", + "rgbChannel": "241 245 249", + "hslChannel": "210 40% 96.1%" + }, + { + "scale": 200, + "hex": "#e2e8f0", + "rgb": "rgb(226,232,240)", + "hsl": "hsl(214.3,31.8%,91.4%)", + "rgbChannel": "226 232 240", + "hslChannel": "214.3 31.8% 91.4%" + }, + { + "scale": 300, + "hex": "#cbd5e1", + "rgb": "rgb(203,213,225)", + "hsl": "hsl(212.7,26.8%,83.9%)", + "rgbChannel": "203 213 225", + "hslChannel": "212.7 26.8% 83.9%" + }, + { + "scale": 400, + "hex": "#94a3b8", + "rgb": "rgb(148,163,184)", + "hsl": "hsl(215,20.2%,65.1%)", + "rgbChannel": "148 163 184", + "hslChannel": "215 20.2% 65.1%" + }, + { + "scale": 500, + "hex": "#64748b", + "rgb": "rgb(100,116,139)", + "hsl": "hsl(215.4,16.3%,46.9%)", + "rgbChannel": "100 116 139", + "hslChannel": "215.4 16.3% 46.9%" + }, + { + "scale": 600, + "hex": "#475569", + "rgb": "rgb(71,85,105)", + "hsl": "hsl(215.3,19.3%,34.5%)", + "rgbChannel": "71 85 105", + "hslChannel": "215.3 19.3% 34.5%" + }, + { + "scale": 700, + "hex": "#334155", + "rgb": "rgb(51,65,85)", + "hsl": "hsl(215.3,25%,26.7%)", + "rgbChannel": "51 65 85", + "hslChannel": "215.3 25% 26.7%" + }, + { + "scale": 800, + "hex": "#1e293b", + "rgb": "rgb(30,41,59)", + "hsl": "hsl(217.2,32.6%,17.5%)", + "rgbChannel": "30 41 59", + "hslChannel": "217.2 32.6% 17.5%" + }, + { + "scale": 900, + "hex": "#0f172a", + "rgb": "rgb(15,23,42)", + "hsl": "hsl(222.2,47.4%,11.2%)", + "rgbChannel": "15 23 42", + "hslChannel": "222.2 47.4% 11.2%" + }, + { + "scale": 950, + "hex": "#020617", + "rgb": "rgb(2,6,23)", + "hsl": "hsl(222.2,84%,4.9%)", + "rgbChannel": "2 6 23", + "hslChannel": "222.2 84% 4.9%" + } + ], + "gray": [ + { + "scale": 50, + "hex": "#f9fafb", + "rgb": "rgb(249,250,251)", + "hsl": "hsl(210,20%,98%)", + "rgbChannel": "249 250 251", + "hslChannel": "210 20% 98%" + }, + { + "scale": 100, + "hex": "#f3f4f6", + "rgb": "rgb(243,244,246)", + "hsl": "hsl(220,14.3%,95.9%)", + "rgbChannel": "243 244 246", + "hslChannel": "220 14.3% 95.9%" + }, + { + "scale": 200, + "hex": "#e5e7eb", + "rgb": "rgb(229,231,235)", + "hsl": "hsl(220,13%,91%)", + "rgbChannel": "229 231 235", + "hslChannel": "220 13% 91%" + }, + { + "scale": 300, + "hex": "#d1d5db", + "rgb": "rgb(209,213,219)", + "hsl": "hsl(216,12.2%,83.9%)", + "rgbChannel": "209 213 219", + "hslChannel": "216 12.2% 83.9%" + }, + { + "scale": 400, + "hex": "#9ca3af", + "rgb": "rgb(156,163,175)", + "hsl": "hsl(217.9,10.6%,64.9%)", + "rgbChannel": "156 163 175", + "hslChannel": "217.9 10.6% 64.9%" + }, + { + "scale": 500, + "hex": "#6b7280", + "rgb": "rgb(107,114,128)", + "hsl": "hsl(220,8.9%,46.1%)", + "rgbChannel": "107 114 128", + "hslChannel": "220 8.9% 46.1%" + }, + { + "scale": 600, + "hex": "#4b5563", + "rgb": "rgb(75,85,99)", + "hsl": "hsl(215,13.8%,34.1%)", + "rgbChannel": "75 85 99", + "hslChannel": "215 13.8% 34.1%" + }, + { + "scale": 700, + "hex": "#374151", + "rgb": "rgb(55,65,81)", + "hsl": "hsl(216.9,19.1%,26.7%)", + "rgbChannel": "55 65 81", + "hslChannel": "216.9 19.1% 26.7%" + }, + { + "scale": 800, + "hex": "#1f2937", + "rgb": "rgb(31,41,55)", + "hsl": "hsl(215,27.9%,16.9%)", + "rgbChannel": "31 41 55", + "hslChannel": "215 27.9% 16.9%" + }, + { + "scale": 900, + "hex": "#111827", + "rgb": "rgb(17,24,39)", + "hsl": "hsl(220.9,39.3%,11%)", + "rgbChannel": "17 24 39", + "hslChannel": "220.9 39.3% 11%" + }, + { + "scale": 950, + "hex": "#030712", + "rgb": "rgb(3,7,18)", + "hsl": "hsl(224,71.4%,4.1%)", + "rgbChannel": "3 7 18", + "hslChannel": "224 71.4% 4.1%" + } + ], + "zinc": [ + { + "scale": 50, + "hex": "#fafafa", + "rgb": "rgb(250,250,250)", + "hsl": "hsl(0,0%,98%)", + "rgbChannel": "250 250 250", + "hslChannel": "0 0% 98%" + }, + { + "scale": 100, + "hex": "#f4f4f5", + "rgb": "rgb(244,244,245)", + "hsl": "hsl(240,4.8%,95.9%)", + "rgbChannel": "244 244 245", + "hslChannel": "240 4.8% 95.9%" + }, + { + "scale": 200, + "hex": "#e4e4e7", + "rgb": "rgb(228,228,231)", + "hsl": "hsl(240,5.9%,90%)", + "rgbChannel": "228 228 231", + "hslChannel": "240 5.9% 90%" + }, + { + "scale": 300, + "hex": "#d4d4d8", + "rgb": "rgb(212,212,216)", + "hsl": "hsl(240,4.9%,83.9%)", + "rgbChannel": "212 212 216", + "hslChannel": "240 4.9% 83.9%" + }, + { + "scale": 400, + "hex": "#a1a1aa", + "rgb": "rgb(161,161,170)", + "hsl": "hsl(240,5%,64.9%)", + "rgbChannel": "161 161 170", + "hslChannel": "240 5% 64.9%" + }, + { + "scale": 500, + "hex": "#71717a", + "rgb": "rgb(113,113,122)", + "hsl": "hsl(240,3.8%,46.1%)", + "rgbChannel": "113 113 122", + "hslChannel": "240 3.8% 46.1%" + }, + { + "scale": 600, + "hex": "#52525b", + "rgb": "rgb(82,82,91)", + "hsl": "hsl(240,5.2%,33.9%)", + "rgbChannel": "82 82 91", + "hslChannel": "240 5.2% 33.9%" + }, + { + "scale": 700, + "hex": "#3f3f46", + "rgb": "rgb(63,63,70)", + "hsl": "hsl(240,5.3%,26.1%)", + "rgbChannel": "63 63 70", + "hslChannel": "240 5.3% 26.1%" + }, + { + "scale": 800, + "hex": "#27272a", + "rgb": "rgb(39,39,42)", + "hsl": "hsl(240,3.7%,15.9%)", + "rgbChannel": "39 39 42", + "hslChannel": "240 3.7% 15.9%" + }, + { + "scale": 900, + "hex": "#18181b", + "rgb": "rgb(24,24,27)", + "hsl": "hsl(240,5.9%,10%)", + "rgbChannel": "24 24 27", + "hslChannel": "240 5.9% 10%" + }, + { + "scale": 950, + "hex": "#09090b", + "rgb": "rgb(9,9,11)", + "hsl": "hsl(240,10%,3.9%)", + "rgbChannel": "9 9 11", + "hslChannel": "240 10% 3.9%" + } + ], + "neutral": [ + { + "scale": 50, + "hex": "#fafafa", + "rgb": "rgb(250,250,250)", + "hsl": "hsl(0,0%,98%)", + "rgbChannel": "250 250 250", + "hslChannel": "0 0% 98%" + }, + { + "scale": 100, + "hex": "#f5f5f5", + "rgb": "rgb(245,245,245)", + "hsl": "hsl(0,0%,96.1%)", + "rgbChannel": "245 245 245", + "hslChannel": "0 0% 96.1%" + }, + { + "scale": 200, + "hex": "#e5e5e5", + "rgb": "rgb(229,229,229)", + "hsl": "hsl(0,0%,89.8%)", + "rgbChannel": "229 229 229", + "hslChannel": "0 0% 89.8%" + }, + { + "scale": 300, + "hex": "#d4d4d4", + "rgb": "rgb(212,212,212)", + "hsl": "hsl(0,0%,83.1%)", + "rgbChannel": "212 212 212", + "hslChannel": "0 0% 83.1%" + }, + { + "scale": 400, + "hex": "#a3a3a3", + "rgb": "rgb(163,163,163)", + "hsl": "hsl(0,0%,63.9%)", + "rgbChannel": "163 163 163", + "hslChannel": "0 0% 63.9%" + }, + { + "scale": 500, + "hex": "#737373", + "rgb": "rgb(115,115,115)", + "hsl": "hsl(0,0%,45.1%)", + "rgbChannel": "115 115 115", + "hslChannel": "0 0% 45.1%" + }, + { + "scale": 600, + "hex": "#525252", + "rgb": "rgb(82,82,82)", + "hsl": "hsl(0,0%,32.2%)", + "rgbChannel": "82 82 82", + "hslChannel": "0 0% 32.2%" + }, + { + "scale": 700, + "hex": "#404040", + "rgb": "rgb(64,64,64)", + "hsl": "hsl(0,0%,25.1%)", + "rgbChannel": "64 64 64", + "hslChannel": "0 0% 25.1%" + }, + { + "scale": 800, + "hex": "#262626", + "rgb": "rgb(38,38,38)", + "hsl": "hsl(0,0%,14.9%)", + "rgbChannel": "38 38 38", + "hslChannel": "0 0% 14.9%" + }, + { + "scale": 900, + "hex": "#171717", + "rgb": "rgb(23,23,23)", + "hsl": "hsl(0,0%,9%)", + "rgbChannel": "23 23 23", + "hslChannel": "0 0% 9%" + }, + { + "scale": 950, + "hex": "#0a0a0a", + "rgb": "rgb(10,10,10)", + "hsl": "hsl(0,0%,3.9%)", + "rgbChannel": "10 10 10", + "hslChannel": "0 0% 3.9%" + } + ], + "stone": [ + { + "scale": 50, + "hex": "#fafaf9", + "rgb": "rgb(250,250,249)", + "hsl": "hsl(60,9.1%,97.8%)", + "rgbChannel": "250 250 249", + "hslChannel": "60 9.1% 97.8%" + }, + { + "scale": 100, + "hex": "#f5f5f4", + "rgb": "rgb(245,245,244)", + "hsl": "hsl(60,4.8%,95.9%)", + "rgbChannel": "245 245 244", + "hslChannel": "60 4.8% 95.9%" + }, + { + "scale": 200, + "hex": "#e7e5e4", + "rgb": "rgb(231,229,228)", + "hsl": "hsl(20,5.9%,90%)", + "rgbChannel": "231 229 228", + "hslChannel": "20 5.9% 90%" + }, + { + "scale": 300, + "hex": "#d6d3d1", + "rgb": "rgb(214,211,209)", + "hsl": "hsl(24,5.7%,82.9%)", + "rgbChannel": "214 211 209", + "hslChannel": "24 5.7% 82.9%" + }, + { + "scale": 400, + "hex": "#a8a29e", + "rgb": "rgb(168,162,158)", + "hsl": "hsl(24,5.4%,63.9%)", + "rgbChannel": "168 162 158", + "hslChannel": "24 5.4% 63.9%" + }, + { + "scale": 500, + "hex": "#78716c", + "rgb": "rgb(120,113,108)", + "hsl": "hsl(25,5.3%,44.7%)", + "rgbChannel": "120 113 108", + "hslChannel": "25 5.3% 44.7%" + }, + { + "scale": 600, + "hex": "#57534e", + "rgb": "rgb(87,83,78)", + "hsl": "hsl(33.3,5.5%,32.4%)", + "rgbChannel": "87 83 78", + "hslChannel": "33.3 5.5% 32.4%" + }, + { + "scale": 700, + "hex": "#44403c", + "rgb": "rgb(68,64,60)", + "hsl": "hsl(30,6.3%,25.1%)", + "rgbChannel": "68 64 60", + "hslChannel": "30 6.3% 25.1%" + }, + { + "scale": 800, + "hex": "#292524", + "rgb": "rgb(41,37,36)", + "hsl": "hsl(12,6.5%,15.1%)", + "rgbChannel": "41 37 36", + "hslChannel": "12 6.5% 15.1%" + }, + { + "scale": 900, + "hex": "#1c1917", + "rgb": "rgb(28,25,23)", + "hsl": "hsl(24,9.8%,10%)", + "rgbChannel": "28 25 23", + "hslChannel": "24 9.8% 10%" + }, + { + "scale": 950, + "hex": "#0c0a09", + "rgb": "rgb(12,10,9)", + "hsl": "hsl(20,14.3%,4.1%)", + "rgbChannel": "12 10 9", + "hslChannel": "20 14.3% 4.1%" + } + ], + "red": [ + { + "scale": 50, + "hex": "#fef2f2", + "rgb": "rgb(254,242,242)", + "hsl": "hsl(0,85.7%,97.3%)", + "rgbChannel": "254 242 242", + "hslChannel": "0 85.7% 97.3%" + }, + { + "scale": 100, + "hex": "#fee2e2", + "rgb": "rgb(254,226,226)", + "hsl": "hsl(0,93.3%,94.1%)", + "rgbChannel": "254 226 226", + "hslChannel": "0 93.3% 94.1%" + }, + { + "scale": 200, + "hex": "#fecaca", + "rgb": "rgb(254,202,202)", + "hsl": "hsl(0,96.3%,89.4%)", + "rgbChannel": "254 202 202", + "hslChannel": "0 96.3% 89.4%" + }, + { + "scale": 300, + "hex": "#fca5a5", + "rgb": "rgb(252,165,165)", + "hsl": "hsl(0,93.5%,81.8%)", + "rgbChannel": "252 165 165", + "hslChannel": "0 93.5% 81.8%" + }, + { + "scale": 400, + "hex": "#f87171", + "rgb": "rgb(248,113,113)", + "hsl": "hsl(0,90.6%,70.8%)", + "rgbChannel": "248 113 113", + "hslChannel": "0 90.6% 70.8%" + }, + { + "scale": 500, + "hex": "#ef4444", + "rgb": "rgb(239,68,68)", + "hsl": "hsl(0,84.2%,60.2%)", + "rgbChannel": "239 68 68", + "hslChannel": "0 84.2% 60.2%" + }, + { + "scale": 600, + "hex": "#dc2626", + "rgb": "rgb(220,38,38)", + "hsl": "hsl(0,72.2%,50.6%)", + "rgbChannel": "220 38 38", + "hslChannel": "0 72.2% 50.6%" + }, + { + "scale": 700, + "hex": "#b91c1c", + "rgb": "rgb(185,28,28)", + "hsl": "hsl(0,73.7%,41.8%)", + "rgbChannel": "185 28 28", + "hslChannel": "0 73.7% 41.8%" + }, + { + "scale": 800, + "hex": "#991b1b", + "rgb": "rgb(153,27,27)", + "hsl": "hsl(0,70%,35.3%)", + "rgbChannel": "153 27 27", + "hslChannel": "0 70% 35.3%" + }, + { + "scale": 900, + "hex": "#7f1d1d", + "rgb": "rgb(127,29,29)", + "hsl": "hsl(0,62.8%,30.6%)", + "rgbChannel": "127 29 29", + "hslChannel": "0 62.8% 30.6%" + }, + { + "scale": 950, + "hex": "#450a0a", + "rgb": "rgb(69,10,10)", + "hsl": "hsl(0,74.7%,15.5%)", + "rgbChannel": "69 10 10", + "hslChannel": "0 74.7% 15.5%" + } + ], + "orange": [ + { + "scale": 50, + "hex": "#fff7ed", + "rgb": "rgb(255,247,237)", + "hsl": "hsl(33.3,100%,96.5%)", + "rgbChannel": "255 247 237", + "hslChannel": "33.3 100% 96.5%" + }, + { + "scale": 100, + "hex": "#ffedd5", + "rgb": "rgb(255,237,213)", + "hsl": "hsl(34.3,100%,91.8%)", + "rgbChannel": "255 237 213", + "hslChannel": "34.3 100% 91.8%" + }, + { + "scale": 200, + "hex": "#fed7aa", + "rgb": "rgb(254,215,170)", + "hsl": "hsl(32.1,97.7%,83.1%)", + "rgbChannel": "254 215 170", + "hslChannel": "32.1 97.7% 83.1%" + }, + { + "scale": 300, + "hex": "#fdba74", + "rgb": "rgb(253,186,116)", + "hsl": "hsl(30.7,97.2%,72.4%)", + "rgbChannel": "253 186 116", + "hslChannel": "30.7 97.2% 72.4%" + }, + { + "scale": 400, + "hex": "#fb923c", + "rgb": "rgb(251,146,60)", + "hsl": "hsl(27,96%,61%)", + "rgbChannel": "251 146 60", + "hslChannel": "27 96% 61%" + }, + { + "scale": 500, + "hex": "#f97316", + "rgb": "rgb(249,115,22)", + "hsl": "hsl(24.6,95%,53.1%)", + "rgbChannel": "249 115 22", + "hslChannel": "24.6 95% 53.1%" + }, + { + "scale": 600, + "hex": "#ea580c", + "rgb": "rgb(234,88,12)", + "hsl": "hsl(20.5,90.2%,48.2%)", + "rgbChannel": "234 88 12", + "hslChannel": "20.5 90.2% 48.2%" + }, + { + "scale": 700, + "hex": "#c2410c", + "rgb": "rgb(194,65,12)", + "hsl": "hsl(17.5,88.3%,40.4%)", + "rgbChannel": "194 65 12", + "hslChannel": "17.5 88.3% 40.4%" + }, + { + "scale": 800, + "hex": "#9a3412", + "rgb": "rgb(154,52,18)", + "hsl": "hsl(15,79.1%,33.7%)", + "rgbChannel": "154 52 18", + "hslChannel": "15 79.1% 33.7%" + }, + { + "scale": 900, + "hex": "#7c2d12", + "rgb": "rgb(124,45,18)", + "hsl": "hsl(15.3,74.6%,27.8%)", + "rgbChannel": "124 45 18", + "hslChannel": "15.3 74.6% 27.8%" + }, + { + "scale": 950, + "hex": "#431407", + "rgb": "rgb(67,20,7)", + "hsl": "hsl(13,81.1%,14.5%)", + "rgbChannel": "67 20 7", + "hslChannel": "13 81.1% 14.5%" + } + ], + "amber": [ + { + "scale": 50, + "hex": "#fffbeb", + "rgb": "rgb(255,251,235)", + "hsl": "hsl(48,100%,96.1%)", + "rgbChannel": "255 251 235", + "hslChannel": "48 100% 96.1%" + }, + { + "scale": 100, + "hex": "#fef3c7", + "rgb": "rgb(254,243,199)", + "hsl": "hsl(48,96.5%,88.8%)", + "rgbChannel": "254 243 199", + "hslChannel": "48 96.5% 88.8%" + }, + { + "scale": 200, + "hex": "#fde68a", + "rgb": "rgb(253,230,138)", + "hsl": "hsl(48,96.6%,76.7%)", + "rgbChannel": "253 230 138", + "hslChannel": "48 96.6% 76.7%" + }, + { + "scale": 300, + "hex": "#fcd34d", + "rgb": "rgb(252,211,77)", + "hsl": "hsl(45.9,96.7%,64.5%)", + "rgbChannel": "252 211 77", + "hslChannel": "45.9 96.7% 64.5%" + }, + { + "scale": 400, + "hex": "#fbbf24", + "rgb": "rgb(251,191,36)", + "hsl": "hsl(43.3,96.4%,56.3%)", + "rgbChannel": "251 191 36", + "hslChannel": "43.3 96.4% 56.3%" + }, + { + "scale": 500, + "hex": "#f59e0b", + "rgb": "rgb(245,158,11)", + "hsl": "hsl(37.7,92.1%,50.2%)", + "rgbChannel": "245 158 11", + "hslChannel": "37.7 92.1% 50.2%" + }, + { + "scale": 600, + "hex": "#d97706", + "rgb": "rgb(217,119,6)", + "hsl": "hsl(32.1,94.6%,43.7%)", + "rgbChannel": "217 119 6", + "hslChannel": "32.1 94.6% 43.7%" + }, + { + "scale": 700, + "hex": "#b45309", + "rgb": "rgb(180,83,9)", + "hsl": "hsl(26,90.5%,37.1%)", + "rgbChannel": "180 83 9", + "hslChannel": "26 90.5% 37.1%" + }, + { + "scale": 800, + "hex": "#92400e", + "rgb": "rgb(146,64,14)", + "hsl": "hsl(22.7,82.5%,31.4%)", + "rgbChannel": "146 64 14", + "hslChannel": "22.7 82.5% 31.4%" + }, + { + "scale": 900, + "hex": "#78350f", + "rgb": "rgb(120,53,15)", + "hsl": "hsl(21.7,77.8%,26.5%)", + "rgbChannel": "120 53 15", + "hslChannel": "21.7 77.8% 26.5%" + }, + { + "scale": 950, + "hex": "#451a03", + "rgb": "rgb(69,26,3)", + "hsl": "hsl(20.9,91.7%,14.1%)", + "rgbChannel": "69 26 3", + "hslChannel": "20.9 91.7% 14.1%" + } + ], + "yellow": [ + { + "scale": 50, + "hex": "#fefce8", + "rgb": "rgb(254,252,232)", + "hsl": "hsl(54.5,91.7%,95.3%)", + "rgbChannel": "254 252 232", + "hslChannel": "54.5 91.7% 95.3%" + }, + { + "scale": 100, + "hex": "#fef9c3", + "rgb": "rgb(254,249,195)", + "hsl": "hsl(54.9,96.7%,88%)", + "rgbChannel": "254 249 195", + "hslChannel": "54.9 96.7% 88%" + }, + { + "scale": 200, + "hex": "#fef08a", + "rgb": "rgb(254,240,138)", + "hsl": "hsl(52.8,98.3%,76.9%)", + "rgbChannel": "254 240 138", + "hslChannel": "52.8 98.3% 76.9%" + }, + { + "scale": 300, + "hex": "#fde047", + "rgb": "rgb(253,224,71)", + "hsl": "hsl(50.4,97.8%,63.5%)", + "rgbChannel": "253 224 71", + "hslChannel": "50.4 97.8% 63.5%" + }, + { + "scale": 400, + "hex": "#facc15", + "rgb": "rgb(250,204,21)", + "hsl": "hsl(47.9,95.8%,53.1%)", + "rgbChannel": "250 204 21", + "hslChannel": "47.9 95.8% 53.1%" + }, + { + "scale": 500, + "hex": "#eab308", + "rgb": "rgb(234,179,8)", + "hsl": "hsl(45.4,93.4%,47.5%)", + "rgbChannel": "234 179 8", + "hslChannel": "45.4 93.4% 47.5%" + }, + { + "scale": 600, + "hex": "#ca8a04", + "rgb": "rgb(202,138,4)", + "hsl": "hsl(40.6,96.1%,40.4%)", + "rgbChannel": "202 138 4", + "hslChannel": "40.6 96.1% 40.4%" + }, + { + "scale": 700, + "hex": "#a16207", + "rgb": "rgb(161,98,7)", + "hsl": "hsl(35.5,91.7%,32.9%)", + "rgbChannel": "161 98 7", + "hslChannel": "35.5 91.7% 32.9%" + }, + { + "scale": 800, + "hex": "#854d0e", + "rgb": "rgb(133,77,14)", + "hsl": "hsl(31.8,81%,28.8%)", + "rgbChannel": "133 77 14", + "hslChannel": "31.8 81% 28.8%" + }, + { + "scale": 900, + "hex": "#713f12", + "rgb": "rgb(113,63,18)", + "hsl": "hsl(28.4,72.5%,25.7%)", + "rgbChannel": "113 63 18", + "hslChannel": "28.4 72.5% 25.7%" + }, + { + "scale": 950, + "hex": "#422006", + "rgb": "rgb(66,32,6)", + "hsl": "hsl(26,83.3%,14.1%)", + "rgbChannel": "66 32 6", + "hslChannel": "26 83.3% 14.1%" + } + ], + "lime": [ + { + "scale": 50, + "hex": "#f7fee7", + "rgb": "rgb(247,254,231)", + "hsl": "hsl(78.3,92%,95.1%)", + "rgbChannel": "247 254 231", + "hslChannel": "78.3 92% 95.1%" + }, + { + "scale": 100, + "hex": "#ecfccb", + "rgb": "rgb(236,252,203)", + "hsl": "hsl(79.6,89.1%,89.2%)", + "rgbChannel": "236 252 203", + "hslChannel": "79.6 89.1% 89.2%" + }, + { + "scale": 200, + "hex": "#d9f99d", + "rgb": "rgb(217,249,157)", + "hsl": "hsl(80.9,88.5%,79.6%)", + "rgbChannel": "217 249 157", + "hslChannel": "80.9 88.5% 79.6%" + }, + { + "scale": 300, + "hex": "#bef264", + "rgb": "rgb(190,242,100)", + "hsl": "hsl(82,84.5%,67.1%)", + "rgbChannel": "190 242 100", + "hslChannel": "82 84.5% 67.1%" + }, + { + "scale": 400, + "hex": "#a3e635", + "rgb": "rgb(163,230,53)", + "hsl": "hsl(82.7,78%,55.5%)", + "rgbChannel": "163 230 53", + "hslChannel": "82.7 78% 55.5%" + }, + { + "scale": 500, + "hex": "#84cc16", + "rgb": "rgb(132,204,22)", + "hsl": "hsl(83.7,80.5%,44.3%)", + "rgbChannel": "132 204 22", + "hslChannel": "83.7 80.5% 44.3%" + }, + { + "scale": 600, + "hex": "#65a30d", + "rgb": "rgb(101,163,13)", + "hsl": "hsl(84.8,85.2%,34.5%)", + "rgbChannel": "101 163 13", + "hslChannel": "84.8 85.2% 34.5%" + }, + { + "scale": 700, + "hex": "#4d7c0f", + "rgb": "rgb(77,124,15)", + "hsl": "hsl(85.9,78.4%,27.3%)", + "rgbChannel": "77 124 15", + "hslChannel": "85.9 78.4% 27.3%" + }, + { + "scale": 800, + "hex": "#3f6212", + "rgb": "rgb(63,98,18)", + "hsl": "hsl(86.3,69%,22.7%)", + "rgbChannel": "63 98 18", + "hslChannel": "86.3 69% 22.7%" + }, + { + "scale": 900, + "hex": "#365314", + "rgb": "rgb(54,83,20)", + "hsl": "hsl(87.6,61.2%,20.2%)", + "rgbChannel": "54 83 20", + "hslChannel": "87.6 61.2% 20.2%" + }, + { + "scale": 950, + "hex": "#1a2e05", + "rgb": "rgb(26,46,5)", + "hsl": "hsl(89.3,80.4%,10%)", + "rgbChannel": "26 46 5", + "hslChannel": "89.3 80.4% 10%" + } + ], + "green": [ + { + "scale": 50, + "hex": "#f0fdf4", + "rgb": "rgb(240,253,244)", + "hsl": "hsl(138.5,76.5%,96.7%)", + "rgbChannel": "240 253 244", + "hslChannel": "138.5 76.5% 96.7%" + }, + { + "scale": 100, + "hex": "#dcfce7", + "rgb": "rgb(220,252,231)", + "hsl": "hsl(140.6,84.2%,92.5%)", + "rgbChannel": "220 252 231", + "hslChannel": "140.6 84.2% 92.5%" + }, + { + "scale": 200, + "hex": "#bbf7d0", + "rgb": "rgb(187,247,208)", + "hsl": "hsl(141,78.9%,85.1%)", + "rgbChannel": "187 247 208", + "hslChannel": "141 78.9% 85.1%" + }, + { + "scale": 300, + "hex": "#86efac", + "rgb": "rgb(134,239,172)", + "hsl": "hsl(141.7,76.6%,73.1%)", + "rgbChannel": "134 239 172", + "hslChannel": "141.7 76.6% 73.1%" + }, + { + "scale": 400, + "hex": "#4ade80", + "rgb": "rgb(74,222,128)", + "hsl": "hsl(141.9,69.2%,58%)", + "rgbChannel": "74 222 128", + "hslChannel": "141.9 69.2% 58%" + }, + { + "scale": 500, + "hex": "#22c55e", + "rgb": "rgb(34,197,94)", + "hsl": "hsl(142.1,70.6%,45.3%)", + "rgbChannel": "34 197 94", + "hslChannel": "142.1 70.6% 45.3%" + }, + { + "scale": 600, + "hex": "#16a34a", + "rgb": "rgb(22,163,74)", + "hsl": "hsl(142.1,76.2%,36.3%)", + "rgbChannel": "22 163 74", + "hslChannel": "142.1 76.2% 36.3%" + }, + { + "scale": 700, + "hex": "#15803d", + "rgb": "rgb(21,128,61)", + "hsl": "hsl(142.4,71.8%,29.2%)", + "rgbChannel": "21 128 61", + "hslChannel": "142.4 71.8% 29.2%" + }, + { + "scale": 800, + "hex": "#166534", + "rgb": "rgb(22,101,52)", + "hsl": "hsl(142.8,64.2%,24.1%)", + "rgbChannel": "22 101 52", + "hslChannel": "142.8 64.2% 24.1%" + }, + { + "scale": 900, + "hex": "#14532d", + "rgb": "rgb(20,83,45)", + "hsl": "hsl(143.8,61.2%,20.2%)", + "rgbChannel": "20 83 45", + "hslChannel": "143.8 61.2% 20.2%" + }, + { + "scale": 950, + "hex": "#052e16", + "rgb": "rgb(5,46,22)", + "hsl": "hsl(144.9,80.4%,10%)", + "rgbChannel": "5 46 22", + "hslChannel": "144.9 80.4% 10%" + } + ], + "emerald": [ + { + "scale": 50, + "hex": "#ecfdf5", + "rgb": "rgb(236,253,245)", + "hsl": "hsl(151.8,81%,95.9%)", + "rgbChannel": "236 253 245", + "hslChannel": "151.8 81% 95.9%" + }, + { + "scale": 100, + "hex": "#d1fae5", + "rgb": "rgb(209,250,229)", + "hsl": "hsl(149.3,80.4%,90%)", + "rgbChannel": "209 250 229", + "hslChannel": "149.3 80.4% 90%" + }, + { + "scale": 200, + "hex": "#a7f3d0", + "rgb": "rgb(167,243,208)", + "hsl": "hsl(152.4,76%,80.4%)", + "rgbChannel": "167 243 208", + "hslChannel": "152.4 76% 80.4%" + }, + { + "scale": 300, + "hex": "#6ee7b7", + "rgb": "rgb(110,231,183)", + "hsl": "hsl(156.2,71.6%,66.9%)", + "rgbChannel": "110 231 183", + "hslChannel": "156.2 71.6% 66.9%" + }, + { + "scale": 400, + "hex": "#34d399", + "rgb": "rgb(52,211,153)", + "hsl": "hsl(158.1,64.4%,51.6%)", + "rgbChannel": "52 211 153", + "hslChannel": "158.1 64.4% 51.6%" + }, + { + "scale": 500, + "hex": "#10b981", + "rgb": "rgb(16,185,129)", + "hsl": "hsl(160.1,84.1%,39.4%)", + "rgbChannel": "16 185 129", + "hslChannel": "160.1 84.1% 39.4%" + }, + { + "scale": 600, + "hex": "#059669", + "rgb": "rgb(5,150,105)", + "hsl": "hsl(161.4,93.5%,30.4%)", + "rgbChannel": "5 150 105", + "hslChannel": "161.4 93.5% 30.4%" + }, + { + "scale": 700, + "hex": "#047857", + "rgb": "rgb(4,120,87)", + "hsl": "hsl(162.9,93.5%,24.3%)", + "rgbChannel": "4 120 87", + "hslChannel": "162.9 93.5% 24.3%" + }, + { + "scale": 800, + "hex": "#065f46", + "rgb": "rgb(6,95,70)", + "hsl": "hsl(163.1,88.1%,19.8%)", + "rgbChannel": "6 95 70", + "hslChannel": "163.1 88.1% 19.8%" + }, + { + "scale": 900, + "hex": "#064e3b", + "rgb": "rgb(6,78,59)", + "hsl": "hsl(164.2,85.7%,16.5%)", + "rgbChannel": "6 78 59", + "hslChannel": "164.2 85.7% 16.5%" + }, + { + "scale": 950, + "hex": "#022c22", + "rgb": "rgb(2,44,34)", + "hsl": "hsl(165.7,91.3%,9%)", + "rgbChannel": "2 44 34", + "hslChannel": "165.7 91.3% 9%" + } + ], + "teal": [ + { + "scale": 50, + "hex": "#f0fdfa", + "rgb": "rgb(240,253,250)", + "hsl": "hsl(166.2,76.5%,96.7%)", + "rgbChannel": "240 253 250", + "hslChannel": "166.2 76.5% 96.7%" + }, + { + "scale": 100, + "hex": "#ccfbf1", + "rgb": "rgb(204,251,241)", + "hsl": "hsl(167.2,85.5%,89.2%)", + "rgbChannel": "204 251 241", + "hslChannel": "167.2 85.5% 89.2%" + }, + { + "scale": 200, + "hex": "#99f6e4", + "rgb": "rgb(153,246,228)", + "hsl": "hsl(168.4,83.8%,78.2%)", + "rgbChannel": "153 246 228", + "hslChannel": "168.4 83.8% 78.2%" + }, + { + "scale": 300, + "hex": "#5eead4", + "rgb": "rgb(94,234,212)", + "hsl": "hsl(170.6,76.9%,64.3%)", + "rgbChannel": "94 234 212", + "hslChannel": "170.6 76.9% 64.3%" + }, + { + "scale": 400, + "hex": "#2dd4bf", + "rgb": "rgb(45,212,191)", + "hsl": "hsl(172.5,66%,50.4%)", + "rgbChannel": "45 212 191", + "hslChannel": "172.5 66% 50.4%" + }, + { + "scale": 500, + "hex": "#14b8a6", + "rgb": "rgb(20,184,166)", + "hsl": "hsl(173.4,80.4%,40%)", + "rgbChannel": "20 184 166", + "hslChannel": "173.4 80.4% 40%" + }, + { + "scale": 600, + "hex": "#0d9488", + "rgb": "rgb(13,148,136)", + "hsl": "hsl(174.7,83.9%,31.6%)", + "rgbChannel": "13 148 136", + "hslChannel": "174.7 83.9% 31.6%" + }, + { + "scale": 700, + "hex": "#0f766e", + "rgb": "rgb(15,118,110)", + "hsl": "hsl(175.3,77.4%,26.1%)", + "rgbChannel": "15 118 110", + "hslChannel": "175.3 77.4% 26.1%" + }, + { + "scale": 800, + "hex": "#115e59", + "rgb": "rgb(17,94,89)", + "hsl": "hsl(176.1,69.4%,21.8%)", + "rgbChannel": "17 94 89", + "hslChannel": "176.1 69.4% 21.8%" + }, + { + "scale": 900, + "hex": "#134e4a", + "rgb": "rgb(19,78,74)", + "hsl": "hsl(175.9,60.8%,19%)", + "rgbChannel": "19 78 74", + "hslChannel": "175.9 60.8% 19%" + }, + { + "scale": 950, + "hex": "#042f2e", + "rgb": "rgb(4,47,46)", + "hsl": "hsl(178.6,84.3%,10%)", + "rgbChannel": "4 47 46", + "hslChannel": "178.6 84.3% 10%" + } + ], + "cyan": [ + { + "scale": 50, + "hex": "#ecfeff", + "rgb": "rgb(236,254,255)", + "hsl": "hsl(183.2,100%,96.3%)", + "rgbChannel": "236 254 255", + "hslChannel": "183.2 100% 96.3%" + }, + { + "scale": 100, + "hex": "#cffafe", + "rgb": "rgb(207,250,254)", + "hsl": "hsl(185.1,95.9%,90.4%)", + "rgbChannel": "207 250 254", + "hslChannel": "185.1 95.9% 90.4%" + }, + { + "scale": 200, + "hex": "#a5f3fc", + "rgb": "rgb(165,243,252)", + "hsl": "hsl(186.2,93.5%,81.8%)", + "rgbChannel": "165 243 252", + "hslChannel": "186.2 93.5% 81.8%" + }, + { + "scale": 300, + "hex": "#67e8f9", + "rgb": "rgb(103,232,249)", + "hsl": "hsl(187,92.4%,69%)", + "rgbChannel": "103 232 249", + "hslChannel": "187 92.4% 69%" + }, + { + "scale": 400, + "hex": "#22d3ee", + "rgb": "rgb(34,211,238)", + "hsl": "hsl(187.9,85.7%,53.3%)", + "rgbChannel": "34 211 238", + "hslChannel": "187.9 85.7% 53.3%" + }, + { + "scale": 500, + "hex": "#06b6d4", + "rgb": "rgb(6,182,212)", + "hsl": "hsl(188.7,94.5%,42.7%)", + "rgbChannel": "6 182 212", + "hslChannel": "188.7 94.5% 42.7%" + }, + { + "scale": 600, + "hex": "#0891b2", + "rgb": "rgb(8,145,178)", + "hsl": "hsl(191.6,91.4%,36.5%)", + "rgbChannel": "8 145 178", + "hslChannel": "191.6 91.4% 36.5%" + }, + { + "scale": 700, + "hex": "#0e7490", + "rgb": "rgb(14,116,144)", + "hsl": "hsl(192.9,82.3%,31%)", + "rgbChannel": "14 116 144", + "hslChannel": "192.9 82.3% 31%" + }, + { + "scale": 800, + "hex": "#155e75", + "rgb": "rgb(21,94,117)", + "hsl": "hsl(194.4,69.6%,27.1%)", + "rgbChannel": "21 94 117", + "hslChannel": "194.4 69.6% 27.1%" + }, + { + "scale": 900, + "hex": "#164e63", + "rgb": "rgb(22,78,99)", + "hsl": "hsl(196.4,63.6%,23.7%)", + "rgbChannel": "22 78 99", + "hslChannel": "196.4 63.6% 23.7%" + }, + { + "scale": 950, + "hex": "#083344", + "rgb": "rgb(8,51,68)", + "hsl": "hsl(197,78.9%,14.9%)", + "rgbChannel": "8 51 68", + "hslChannel": "197 78.9% 14.9%" + } + ], + "sky": [ + { + "scale": 50, + "hex": "#f0f9ff", + "rgb": "rgb(240,249,255)", + "hsl": "hsl(204,100%,97.1%)", + "rgbChannel": "240 249 255", + "hslChannel": "204 100% 97.1%" + }, + { + "scale": 100, + "hex": "#e0f2fe", + "rgb": "rgb(224,242,254)", + "hsl": "hsl(204,93.8%,93.7%)", + "rgbChannel": "224 242 254", + "hslChannel": "204 93.8% 93.7%" + }, + { + "scale": 200, + "hex": "#bae6fd", + "rgb": "rgb(186,230,253)", + "hsl": "hsl(200.6,94.4%,86.1%)", + "rgbChannel": "186 230 253", + "hslChannel": "200.6 94.4% 86.1%" + }, + { + "scale": 300, + "hex": "#7dd3fc", + "rgb": "rgb(125,211,252)", + "hsl": "hsl(199.4,95.5%,73.9%)", + "rgbChannel": "125 211 252", + "hslChannel": "199.4 95.5% 73.9%" + }, + { + "scale": 400, + "hex": "#38bdf8", + "rgb": "rgb(56,189,248)", + "hsl": "hsl(198.4,93.2%,59.6%)", + "rgbChannel": "56 189 248", + "hslChannel": "198.4 93.2% 59.6%" + }, + { + "scale": 500, + "hex": "#0ea5e9", + "rgb": "rgb(14,165,233)", + "hsl": "hsl(198.6,88.7%,48.4%)", + "rgbChannel": "14 165 233", + "hslChannel": "198.6 88.7% 48.4%" + }, + { + "scale": 600, + "hex": "#0284c7", + "rgb": "rgb(2,132,199)", + "hsl": "hsl(200.4,98%,39.4%)", + "rgbChannel": "2 132 199", + "hslChannel": "200.4 98% 39.4%" + }, + { + "scale": 700, + "hex": "#0369a1", + "rgb": "rgb(3,105,161)", + "hsl": "hsl(201.3,96.3%,32.2%)", + "rgbChannel": "3 105 161", + "hslChannel": "201.3 96.3% 32.2%" + }, + { + "scale": 800, + "hex": "#075985", + "rgb": "rgb(7,89,133)", + "hsl": "hsl(201,90%,27.5%)", + "rgbChannel": "7 89 133", + "hslChannel": "201 90% 27.5%" + }, + { + "scale": 900, + "hex": "#0c4a6e", + "rgb": "rgb(12,74,110)", + "hsl": "hsl(202,80.3%,23.9%)", + "rgbChannel": "12 74 110", + "hslChannel": "202 80.3% 23.9%" + }, + { + "scale": 950, + "hex": "#082f49", + "rgb": "rgb(8,47,73)", + "hsl": "hsl(204,80.2%,15.9%)", + "rgbChannel": "8 47 73", + "hslChannel": "204 80.2% 15.9%" + } + ], + "blue": [ + { + "scale": 50, + "hex": "#eff6ff", + "rgb": "rgb(239,246,255)", + "hsl": "hsl(213.8,100%,96.9%)", + "rgbChannel": "239 246 255", + "hslChannel": "213.8 100% 96.9%" + }, + { + "scale": 100, + "hex": "#dbeafe", + "rgb": "rgb(219,234,254)", + "hsl": "hsl(214.3,94.6%,92.7%)", + "rgbChannel": "219 234 254", + "hslChannel": "214.3 94.6% 92.7%" + }, + { + "scale": 200, + "hex": "#bfdbfe", + "rgb": "rgb(191,219,254)", + "hsl": "hsl(213.3,96.9%,87.3%)", + "rgbChannel": "191 219 254", + "hslChannel": "213.3 96.9% 87.3%" + }, + { + "scale": 300, + "hex": "#93c5fd", + "rgb": "rgb(147,197,253)", + "hsl": "hsl(211.7,96.4%,78.4%)", + "rgbChannel": "147 197 253", + "hslChannel": "211.7 96.4% 78.4%" + }, + { + "scale": 400, + "hex": "#60a5fa", + "rgb": "rgb(96,165,250)", + "hsl": "hsl(213.1,93.9%,67.8%)", + "rgbChannel": "96 165 250", + "hslChannel": "213.1 93.9% 67.8%" + }, + { + "scale": 500, + "hex": "#3b82f6", + "rgb": "rgb(59,130,246)", + "hsl": "hsl(217.2,91.2%,59.8%)", + "rgbChannel": "59 130 246", + "hslChannel": "217.2 91.2% 59.8%" + }, + { + "scale": 600, + "hex": "#2563eb", + "rgb": "rgb(37,99,235)", + "hsl": "hsl(221.2,83.2%,53.3%)", + "rgbChannel": "37 99 235", + "hslChannel": "221.2 83.2% 53.3%" + }, + { + "scale": 700, + "hex": "#1d4ed8", + "rgb": "rgb(29,78,216)", + "hsl": "hsl(224.3,76.3%,48%)", + "rgbChannel": "29 78 216", + "hslChannel": "224.3 76.3% 48%" + }, + { + "scale": 800, + "hex": "#1e40af", + "rgb": "rgb(30,64,175)", + "hsl": "hsl(225.9,70.7%,40.2%)", + "rgbChannel": "30 64 175", + "hslChannel": "225.9 70.7% 40.2%" + }, + { + "scale": 900, + "hex": "#1e3a8a", + "rgb": "rgb(30,58,138)", + "hsl": "hsl(224.4,64.3%,32.9%)", + "rgbChannel": "30 58 138", + "hslChannel": "224.4 64.3% 32.9%" + }, + { + "scale": 950, + "hex": "#172554", + "rgb": "rgb(23,37,84)", + "hsl": "hsl(226.2,57%,21%)", + "rgbChannel": "23 37 84", + "hslChannel": "226.2 57% 21%" + } + ], + "indigo": [ + { + "scale": 50, + "hex": "#eef2ff", + "rgb": "rgb(238,242,255)", + "hsl": "hsl(225.9,100%,96.7%)", + "rgbChannel": "238 242 255", + "hslChannel": "225.9 100% 96.7%" + }, + { + "scale": 100, + "hex": "#e0e7ff", + "rgb": "rgb(224,231,255)", + "hsl": "hsl(226.5,100%,93.9%)", + "rgbChannel": "224 231 255", + "hslChannel": "226.5 100% 93.9%" + }, + { + "scale": 200, + "hex": "#c7d2fe", + "rgb": "rgb(199,210,254)", + "hsl": "hsl(228,96.5%,88.8%)", + "rgbChannel": "199 210 254", + "hslChannel": "228 96.5% 88.8%" + }, + { + "scale": 300, + "hex": "#a5b4fc", + "rgb": "rgb(165,180,252)", + "hsl": "hsl(229.7,93.5%,81.8%)", + "rgbChannel": "165 180 252", + "hslChannel": "229.7 93.5% 81.8%" + }, + { + "scale": 400, + "hex": "#818cf8", + "rgb": "rgb(129,140,248)", + "hsl": "hsl(234.5,89.5%,73.9%)", + "rgbChannel": "129 140 248", + "hslChannel": "234.5 89.5% 73.9%" + }, + { + "scale": 500, + "hex": "#6366f1", + "rgb": "rgb(99,102,241)", + "hsl": "hsl(238.7,83.5%,66.7%)", + "rgbChannel": "99 102 241", + "hslChannel": "238.7 83.5% 66.7%" + }, + { + "scale": 600, + "hex": "#4f46e5", + "rgb": "rgb(79,70,229)", + "hsl": "hsl(243.4,75.4%,58.6%)", + "rgbChannel": "79 70 229", + "hslChannel": "243.4 75.4% 58.6%" + }, + { + "scale": 700, + "hex": "#4338ca", + "rgb": "rgb(67,56,202)", + "hsl": "hsl(244.5,57.9%,50.6%)", + "rgbChannel": "67 56 202", + "hslChannel": "244.5 57.9% 50.6%" + }, + { + "scale": 800, + "hex": "#3730a3", + "rgb": "rgb(55,48,163)", + "hsl": "hsl(243.7,54.5%,41.4%)", + "rgbChannel": "55 48 163", + "hslChannel": "243.7 54.5% 41.4%" + }, + { + "scale": 900, + "hex": "#312e81", + "rgb": "rgb(49,46,129)", + "hsl": "hsl(242.2,47.4%,34.3%)", + "rgbChannel": "49 46 129", + "hslChannel": "242.2 47.4% 34.3%" + }, + { + "scale": 950, + "hex": "#1e1b4b", + "rgb": "rgb(30,27,75)", + "hsl": "hsl(243.8,47.1%,20%)", + "rgbChannel": "30 27 75", + "hslChannel": "243.8 47.1% 20%" + } + ], + "violet": [ + { + "scale": 50, + "hex": "#f5f3ff", + "rgb": "rgb(245,243,255)", + "hsl": "hsl(250,100%,97.6%)", + "rgbChannel": "245 243 255", + "hslChannel": "250 100% 97.6%" + }, + { + "scale": 100, + "hex": "#ede9fe", + "rgb": "rgb(237,233,254)", + "hsl": "hsl(251.4,91.3%,95.5%)", + "rgbChannel": "237 233 254", + "hslChannel": "251.4 91.3% 95.5%" + }, + { + "scale": 200, + "hex": "#ddd6fe", + "rgb": "rgb(221,214,254)", + "hsl": "hsl(250.5,95.2%,91.8%)", + "rgbChannel": "221 214 254", + "hslChannel": "250.5 95.2% 91.8%" + }, + { + "scale": 300, + "hex": "#c4b5fd", + "rgb": "rgb(196,181,253)", + "hsl": "hsl(252.5,94.7%,85.1%)", + "rgbChannel": "196 181 253", + "hslChannel": "252.5 94.7% 85.1%" + }, + { + "scale": 400, + "hex": "#a78bfa", + "rgb": "rgb(167,139,250)", + "hsl": "hsl(255.1,91.7%,76.3%)", + "rgbChannel": "167 139 250", + "hslChannel": "255.1 91.7% 76.3%" + }, + { + "scale": 500, + "hex": "#8b5cf6", + "rgb": "rgb(139,92,246)", + "hsl": "hsl(258.3,89.5%,66.3%)", + "rgbChannel": "139 92 246", + "hslChannel": "258.3 89.5% 66.3%" + }, + { + "scale": 600, + "hex": "#7c3aed", + "rgb": "rgb(124,58,237)", + "hsl": "hsl(262.1,83.3%,57.8%)", + "rgbChannel": "124 58 237", + "hslChannel": "262.1 83.3% 57.8%" + }, + { + "scale": 700, + "hex": "#6d28d9", + "rgb": "rgb(109,40,217)", + "hsl": "hsl(263.4,70%,50.4%)", + "rgbChannel": "109 40 217", + "hslChannel": "263.4 70% 50.4%" + }, + { + "scale": 800, + "hex": "#5b21b6", + "rgb": "rgb(91,33,182)", + "hsl": "hsl(263.4,69.3%,42.2%)", + "rgbChannel": "91 33 182", + "hslChannel": "263.4 69.3% 42.2%" + }, + { + "scale": 900, + "hex": "#4c1d95", + "rgb": "rgb(76,29,149)", + "hsl": "hsl(263.5,67.4%,34.9%)", + "rgbChannel": "76 29 149", + "hslChannel": "263.5 67.4% 34.9%" + }, + { + "scale": 950, + "hex": "#1e1b4b", + "rgb": "rgb(46,16,101)", + "hsl": "hsl(261.2,72.6%,22.9%)", + "rgbChannel": "46 16 101", + "hslChannel": "261.2 72.6% 22.9%" + } + ], + "purple": [ + { + "scale": 50, + "hex": "#faf5ff", + "rgb": "rgb(250,245,255)", + "hsl": "hsl(270,100%,98%)", + "rgbChannel": "250 245 255", + "hslChannel": "270 100% 98%" + }, + { + "scale": 100, + "hex": "#f3e8ff", + "rgb": "rgb(243,232,255)", + "hsl": "hsl(268.7,100%,95.5%)", + "rgbChannel": "243 232 255", + "hslChannel": "268.7 100% 95.5%" + }, + { + "scale": 200, + "hex": "#e9d5ff", + "rgb": "rgb(233,213,255)", + "hsl": "hsl(268.6,100%,91.8%)", + "rgbChannel": "233 213 255", + "hslChannel": "268.6 100% 91.8%" + }, + { + "scale": 300, + "hex": "#d8b4fe", + "rgb": "rgb(216,180,254)", + "hsl": "hsl(269.2,97.4%,85.1%)", + "rgbChannel": "216 180 254", + "hslChannel": "269.2 97.4% 85.1%" + }, + { + "scale": 400, + "hex": "#c084fc", + "rgb": "rgb(192,132,252)", + "hsl": "hsl(270,95.2%,75.3%)", + "rgbChannel": "192 132 252", + "hslChannel": "270 95.2% 75.3%" + }, + { + "scale": 500, + "hex": "#a855f7", + "rgb": "rgb(168,85,247)", + "hsl": "hsl(270.7,91%,65.1%)", + "rgbChannel": "168 85 247", + "hslChannel": "270.7 91% 65.1%" + }, + { + "scale": 600, + "hex": "#9333ea", + "rgb": "rgb(147,51,234)", + "hsl": "hsl(271.5,81.3%,55.9%)", + "rgbChannel": "147 51 234", + "hslChannel": "271.5 81.3% 55.9%" + }, + { + "scale": 700, + "hex": "#7e22ce", + "rgb": "rgb(126,34,206)", + "hsl": "hsl(272.1,71.7%,47.1%)", + "rgbChannel": "126 34 206", + "hslChannel": "272.1 71.7% 47.1%" + }, + { + "scale": 800, + "hex": "#6b21a8", + "rgb": "rgb(107,33,168)", + "hsl": "hsl(272.9,67.2%,39.4%)", + "rgbChannel": "107 33 168", + "hslChannel": "272.9 67.2% 39.4%" + }, + { + "scale": 900, + "hex": "#581c87", + "rgb": "rgb(88,28,135)", + "hsl": "hsl(273.6,65.6%,32%)", + "rgbChannel": "88 28 135", + "hslChannel": "273.6 65.6% 32%" + }, + { + "scale": 950, + "hex": "#3b0764", + "rgb": "rgb(59,7,100)", + "hsl": "hsl(273.5,86.9%,21%)", + "rgbChannel": "59 7 100", + "hslChannel": "273.5 86.9% 21%" + } + ], + "fuchsia": [ + { + "scale": 50, + "hex": "#fdf4ff", + "rgb": "rgb(253,244,255)", + "hsl": "hsl(289.1,100%,97.8%)", + "rgbChannel": "253 244 255", + "hslChannel": "289.1 100% 97.8%" + }, + { + "scale": 100, + "hex": "#fae8ff", + "rgb": "rgb(250,232,255)", + "hsl": "hsl(287,100%,95.5%)", + "rgbChannel": "250 232 255", + "hslChannel": "287 100% 95.5%" + }, + { + "scale": 200, + "hex": "#f5d0fe", + "rgb": "rgb(245,208,254)", + "hsl": "hsl(288.3,95.8%,90.6%)", + "rgbChannel": "245 208 254", + "hslChannel": "288.3 95.8% 90.6%" + }, + { + "scale": 300, + "hex": "#f0abfc", + "rgb": "rgb(240,171,252)", + "hsl": "hsl(291.1,93.1%,82.9%)", + "rgbChannel": "240 171 252", + "hslChannel": "291.1 93.1% 82.9%" + }, + { + "scale": 400, + "hex": "#e879f9", + "rgb": "rgb(232,121,249)", + "hsl": "hsl(292,91.4%,72.5%)", + "rgbChannel": "232 121 249", + "hslChannel": "292 91.4% 72.5%" + }, + { + "scale": 500, + "hex": "#d946ef", + "rgb": "rgb(217,70,239)", + "hsl": "hsl(292.2,84.1%,60.6%)", + "rgbChannel": "217 70 239", + "hslChannel": "292.2 84.1% 60.6%" + }, + { + "scale": 600, + "hex": "#c026d3", + "rgb": "rgb(192,38,211)", + "hsl": "hsl(293.4,69.5%,48.8%)", + "rgbChannel": "192 38 211", + "hslChannel": "293.4 69.5% 48.8%" + }, + { + "scale": 700, + "hex": "#a21caf", + "rgb": "rgb(162,28,175)", + "hsl": "hsl(294.7,72.4%,39.8%)", + "rgbChannel": "162 28 175", + "hslChannel": "294.7 72.4% 39.8%" + }, + { + "scale": 800, + "hex": "#86198f", + "rgb": "rgb(134,25,143)", + "hsl": "hsl(295.4,70.2%,32.9%)", + "rgbChannel": "134 25 143", + "hslChannel": "295.4 70.2% 32.9%" + }, + { + "scale": 900, + "hex": "#701a75", + "rgb": "rgb(112,26,117)", + "hsl": "hsl(296.7,63.6%,28%)", + "rgbChannel": "112 26 117", + "hslChannel": "296.7 63.6% 28%" + }, + { + "scale": 950, + "hex": "#4a044e", + "rgb": "rgb(74,4,78)", + "hsl": "hsl(296.8,90.2%,16.1%)", + "rgbChannel": "74 4 78", + "hslChannel": "296.8 90.2% 16.1%" + } + ], + "pink": [ + { + "scale": 50, + "hex": "#fdf2f8", + "rgb": "rgb(253,242,248)", + "hsl": "hsl(327.3,73.3%,97.1%)", + "rgbChannel": "253 242 248", + "hslChannel": "327.3 73.3% 97.1%" + }, + { + "scale": 100, + "hex": "#fce7f3", + "rgb": "rgb(252,231,243)", + "hsl": "hsl(325.7,77.8%,94.7%)", + "rgbChannel": "252 231 243", + "hslChannel": "325.7 77.8% 94.7%" + }, + { + "scale": 200, + "hex": "#fbcfe8", + "rgb": "rgb(251,207,232)", + "hsl": "hsl(325.9,84.6%,89.8%)", + "rgbChannel": "251 207 232", + "hslChannel": "325.9 84.6% 89.8%" + }, + { + "scale": 300, + "hex": "#f9a8d4", + "rgb": "rgb(249,168,212)", + "hsl": "hsl(327.4,87.1%,81.8%)", + "rgbChannel": "249 168 212", + "hslChannel": "327.4 87.1% 81.8%" + }, + { + "scale": 400, + "hex": "#f472b6", + "rgb": "rgb(244,114,182)", + "hsl": "hsl(328.6,85.5%,70.2%)", + "rgbChannel": "244 114 182", + "hslChannel": "328.6 85.5% 70.2%" + }, + { + "scale": 500, + "hex": "#ec4899", + "rgb": "rgb(236,72,153)", + "hsl": "hsl(330.4,81.2%,60.4%)", + "rgbChannel": "236 72 153", + "hslChannel": "330.4 81.2% 60.4%" + }, + { + "scale": 600, + "hex": "#db2777", + "rgb": "rgb(219,39,119)", + "hsl": "hsl(333.3,71.4%,50.6%)", + "rgbChannel": "219 39 119", + "hslChannel": "333.3 71.4% 50.6%" + }, + { + "scale": 700, + "hex": "#be185d", + "rgb": "rgb(190,24,93)", + "hsl": "hsl(335.1,77.6%,42%)", + "rgbChannel": "190 24 93", + "hslChannel": "335.1 77.6% 42%" + }, + { + "scale": 800, + "hex": "#9d174d", + "rgb": "rgb(157,23,77)", + "hsl": "hsl(335.8,74.4%,35.3%)", + "rgbChannel": "157 23 77", + "hslChannel": "335.8 74.4% 35.3%" + }, + { + "scale": 900, + "hex": "#831843", + "rgb": "rgb(131,24,67)", + "hsl": "hsl(335.9,69%,30.4%)", + "rgbChannel": "131 24 67", + "hslChannel": "335.9 69% 30.4%" + }, + { + "scale": 950, + "hex": "#500724", + "rgb": "rgb(80,7,36)", + "hsl": "hsl(336.2,83.9%,17.1%)", + "rgbChannel": "80 7 36", + "hslChannel": "336.2 83.9% 17.1%" + } + ], + "rose": [ + { + "scale": 50, + "hex": "#fff1f2", + "rgb": "rgb(255,241,242)", + "hsl": "hsl(355.7,100%,97.3%)", + "rgbChannel": "255 241 242", + "hslChannel": "355.7 100% 97.3%" + }, + { + "scale": 100, + "hex": "#ffe4e6", + "rgb": "rgb(255,228,230)", + "hsl": "hsl(355.6,100%,94.7%)", + "rgbChannel": "255 228 230", + "hslChannel": "355.6 100% 94.7%" + }, + { + "scale": 200, + "hex": "#fecdd3", + "rgb": "rgb(254,205,211)", + "hsl": "hsl(352.7,96.1%,90%)", + "rgbChannel": "254 205 211", + "hslChannel": "352.7 96.1% 90%" + }, + { + "scale": 300, + "hex": "#fda4af", + "rgb": "rgb(253,164,175)", + "hsl": "hsl(352.6,95.7%,81.8%)", + "rgbChannel": "253 164 175", + "hslChannel": "352.6 95.7% 81.8%" + }, + { + "scale": 400, + "hex": "#fb7185", + "rgb": "rgb(251,113,133)", + "hsl": "hsl(351.3,94.5%,71.4%)", + "rgbChannel": "251 113 133", + "hslChannel": "351.3 94.5% 71.4%" + }, + { + "scale": 500, + "hex": "#f43f5e", + "rgb": "rgb(244,63,94)", + "hsl": "hsl(349.7,89.2%,60.2%)", + "rgbChannel": "244 63 94", + "hslChannel": "349.7 89.2% 60.2%" + }, + { + "scale": 600, + "hex": "#e11d48", + "rgb": "rgb(225,29,72)", + "hsl": "hsl(346.8,77.2%,49.8%)", + "rgbChannel": "225 29 72", + "hslChannel": "346.8 77.2% 49.8%" + }, + { + "scale": 700, + "hex": "#be123c", + "rgb": "rgb(190,18,60)", + "hsl": "hsl(345.3,82.7%,40.8%)", + "rgbChannel": "190 18 60", + "hslChannel": "345.3 82.7% 40.8%" + }, + { + "scale": 800, + "hex": "#9f1239", + "rgb": "rgb(159,18,57)", + "hsl": "hsl(343.4,79.7%,34.7%)", + "rgbChannel": "159 18 57", + "hslChannel": "343.4 79.7% 34.7%" + }, + { + "scale": 900, + "hex": "#881337", + "rgb": "rgb(136,19,55)", + "hsl": "hsl(341.5,75.5%,30.4%)", + "rgbChannel": "136 19 55", + "hslChannel": "341.5 75.5% 30.4%" + }, + { + "scale": 950, + "hex": "#4c0519", + "rgb": "rgb(76,5,25)", + "hsl": "hsl(343.1,87.7%,15.9%)", + "rgbChannel": "76 5 25", + "hslChannel": "343.1 87.7% 15.9%" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/colors/neutral.json b/apps/www/public/r/colors/neutral.json new file mode 100644 index 0000000000..71688eaf94 --- /dev/null +++ b/apps/www/public/r/colors/neutral.json @@ -0,0 +1,102 @@ +{ + "inlineColors": { + "light": { + "background": "white", + "foreground": "neutral-950", + "card": "white", + "card-foreground": "neutral-950", + "popover": "white", + "popover-foreground": "neutral-950", + "primary": "neutral-900", + "primary-foreground": "neutral-50", + "secondary": "neutral-100", + "secondary-foreground": "neutral-900", + "muted": "neutral-100", + "muted-foreground": "neutral-500", + "accent": "neutral-100", + "accent-foreground": "neutral-900", + "destructive": "red-500", + "destructive-foreground": "neutral-50", + "border": "neutral-200", + "input": "neutral-200", + "ring": "neutral-950" + }, + "dark": { + "background": "neutral-950", + "foreground": "neutral-50", + "card": "neutral-950", + "card-foreground": "neutral-50", + "popover": "neutral-950", + "popover-foreground": "neutral-50", + "primary": "neutral-50", + "primary-foreground": "neutral-900", + "secondary": "neutral-800", + "secondary-foreground": "neutral-50", + "muted": "neutral-800", + "muted-foreground": "neutral-400", + "accent": "neutral-800", + "accent-foreground": "neutral-50", + "destructive": "red-900", + "destructive-foreground": "neutral-50", + "border": "neutral-800", + "input": "neutral-800", + "ring": "neutral-300" + } + }, + "cssVars": { + "light": { + "background": "0 0% 100%", + "foreground": "0 0% 3.9%", + "card": "0 0% 100%", + "card-foreground": "0 0% 3.9%", + "popover": "0 0% 100%", + "popover-foreground": "0 0% 3.9%", + "primary": "0 0% 9%", + "primary-foreground": "0 0% 98%", + "secondary": "0 0% 96.1%", + "secondary-foreground": "0 0% 9%", + "muted": "0 0% 96.1%", + "muted-foreground": "0 0% 45.1%", + "accent": "0 0% 96.1%", + "accent-foreground": "0 0% 9%", + "destructive": "0 84.2% 60.2%", + "destructive-foreground": "0 0% 98%", + "border": "0 0% 89.8%", + "input": "0 0% 89.8%", + "ring": "0 0% 3.9%", + "chart-1": "12 76% 61%", + "chart-2": "173 58% 39%", + "chart-3": "197 37% 24%", + "chart-4": "43 74% 66%", + "chart-5": "27 87% 67%" + }, + "dark": { + "background": "0 0% 3.9%", + "foreground": "0 0% 98%", + "card": "0 0% 3.9%", + "card-foreground": "0 0% 98%", + "popover": "0 0% 3.9%", + "popover-foreground": "0 0% 98%", + "primary": "0 0% 98%", + "primary-foreground": "0 0% 9%", + "secondary": "0 0% 14.9%", + "secondary-foreground": "0 0% 98%", + "muted": "0 0% 14.9%", + "muted-foreground": "0 0% 63.9%", + "accent": "0 0% 14.9%", + "accent-foreground": "0 0% 98%", + "destructive": "0 62.8% 30.6%", + "destructive-foreground": "0 0% 98%", + "border": "0 0% 14.9%", + "input": "0 0% 14.9%", + "ring": "0 0% 83.1%", + "chart-1": "220 70% 50%", + "chart-2": "160 60% 45%", + "chart-3": "30 80% 55%", + "chart-4": "280 65% 60%", + "chart-5": "340 75% 55%" + } + }, + "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n ", + "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 0 0% 3.9%;\n --card: 0 0% 100%;\n --card-foreground: 0 0% 3.9%;\n --popover: 0 0% 100%;\n --popover-foreground: 0 0% 3.9%;\n --primary: 0 0% 9%;\n --primary-foreground: 0 0% 98%;\n --secondary: 0 0% 96.1%;\n --secondary-foreground: 0 0% 9%;\n --muted: 0 0% 96.1%;\n --muted-foreground: 0 0% 45.1%;\n --accent: 0 0% 96.1%;\n --accent-foreground: 0 0% 9%;\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 0 0% 98%;\n --border: 0 0% 89.8%;\n --input: 0 0% 89.8%;\n --ring: 0 0% 3.9%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n\n .dark {\n --background: 0 0% 3.9%;\n --foreground: 0 0% 98%;\n --card: 0 0% 3.9%;\n --card-foreground: 0 0% 98%;\n --popover: 0 0% 3.9%;\n --popover-foreground: 0 0% 98%;\n --primary: 0 0% 98%;\n --primary-foreground: 0 0% 9%;\n --secondary: 0 0% 14.9%;\n --secondary-foreground: 0 0% 98%;\n --muted: 0 0% 14.9%;\n --muted-foreground: 0 0% 63.9%;\n --accent: 0 0% 14.9%;\n --accent-foreground: 0 0% 98%;\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 0 0% 98%;\n --border: 0 0% 14.9%;\n --input: 0 0% 14.9%;\n --ring: 0 0% 83.1%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}" +} \ No newline at end of file diff --git a/apps/www/public/r/colors/slate.json b/apps/www/public/r/colors/slate.json new file mode 100644 index 0000000000..cb5f964c95 --- /dev/null +++ b/apps/www/public/r/colors/slate.json @@ -0,0 +1,102 @@ +{ + "inlineColors": { + "light": { + "background": "white", + "foreground": "slate-950", + "card": "white", + "card-foreground": "slate-950", + "popover": "white", + "popover-foreground": "slate-950", + "primary": "slate-900", + "primary-foreground": "slate-50", + "secondary": "slate-100", + "secondary-foreground": "slate-900", + "muted": "slate-100", + "muted-foreground": "slate-500", + "accent": "slate-100", + "accent-foreground": "slate-900", + "destructive": "red-500", + "destructive-foreground": "slate-50", + "border": "slate-200", + "input": "slate-200", + "ring": "slate-950" + }, + "dark": { + "background": "slate-950", + "foreground": "slate-50", + "card": "slate-950", + "card-foreground": "slate-50", + "popover": "slate-950", + "popover-foreground": "slate-50", + "primary": "slate-50", + "primary-foreground": "slate-900", + "secondary": "slate-800", + "secondary-foreground": "slate-50", + "muted": "slate-800", + "muted-foreground": "slate-400", + "accent": "slate-800", + "accent-foreground": "slate-50", + "destructive": "red-900", + "destructive-foreground": "slate-50", + "border": "slate-800", + "input": "slate-800", + "ring": "slate-300" + } + }, + "cssVars": { + "light": { + "background": "0 0% 100%", + "foreground": "222.2 84% 4.9%", + "card": "0 0% 100%", + "card-foreground": "222.2 84% 4.9%", + "popover": "0 0% 100%", + "popover-foreground": "222.2 84% 4.9%", + "primary": "222.2 47.4% 11.2%", + "primary-foreground": "210 40% 98%", + "secondary": "210 40% 96.1%", + "secondary-foreground": "222.2 47.4% 11.2%", + "muted": "210 40% 96.1%", + "muted-foreground": "215.4 16.3% 46.9%", + "accent": "210 40% 96.1%", + "accent-foreground": "222.2 47.4% 11.2%", + "destructive": "0 84.2% 60.2%", + "destructive-foreground": "210 40% 98%", + "border": "214.3 31.8% 91.4%", + "input": "214.3 31.8% 91.4%", + "ring": "222.2 84% 4.9%", + "chart-1": "12 76% 61%", + "chart-2": "173 58% 39%", + "chart-3": "197 37% 24%", + "chart-4": "43 74% 66%", + "chart-5": "27 87% 67%" + }, + "dark": { + "background": "222.2 84% 4.9%", + "foreground": "210 40% 98%", + "card": "222.2 84% 4.9%", + "card-foreground": "210 40% 98%", + "popover": "222.2 84% 4.9%", + "popover-foreground": "210 40% 98%", + "primary": "210 40% 98%", + "primary-foreground": "222.2 47.4% 11.2%", + "secondary": "217.2 32.6% 17.5%", + "secondary-foreground": "210 40% 98%", + "muted": "217.2 32.6% 17.5%", + "muted-foreground": "215 20.2% 65.1%", + "accent": "217.2 32.6% 17.5%", + "accent-foreground": "210 40% 98%", + "destructive": "0 62.8% 30.6%", + "destructive-foreground": "210 40% 98%", + "border": "217.2 32.6% 17.5%", + "input": "217.2 32.6% 17.5%", + "ring": "212.7 26.8% 83.9%", + "chart-1": "220 70% 50%", + "chart-2": "160 60% 45%", + "chart-3": "30 80% 55%", + "chart-4": "280 65% 60%", + "chart-5": "340 75% 55%" + } + }, + "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n ", + "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 222.2 84% 4.9%;\n --card: 0 0% 100%;\n --card-foreground: 222.2 84% 4.9%;\n --popover: 0 0% 100%;\n --popover-foreground: 222.2 84% 4.9%;\n --primary: 222.2 47.4% 11.2%;\n --primary-foreground: 210 40% 98%;\n --secondary: 210 40% 96.1%;\n --secondary-foreground: 222.2 47.4% 11.2%;\n --muted: 210 40% 96.1%;\n --muted-foreground: 215.4 16.3% 46.9%;\n --accent: 210 40% 96.1%;\n --accent-foreground: 222.2 47.4% 11.2%;\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 210 40% 98%;\n --border: 214.3 31.8% 91.4%;\n --input: 214.3 31.8% 91.4%;\n --ring: 222.2 84% 4.9%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n\n .dark {\n --background: 222.2 84% 4.9%;\n --foreground: 210 40% 98%;\n --card: 222.2 84% 4.9%;\n --card-foreground: 210 40% 98%;\n --popover: 222.2 84% 4.9%;\n --popover-foreground: 210 40% 98%;\n --primary: 210 40% 98%;\n --primary-foreground: 222.2 47.4% 11.2%;\n --secondary: 217.2 32.6% 17.5%;\n --secondary-foreground: 210 40% 98%;\n --muted: 217.2 32.6% 17.5%;\n --muted-foreground: 215 20.2% 65.1%;\n --accent: 217.2 32.6% 17.5%;\n --accent-foreground: 210 40% 98%;\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 210 40% 98%;\n --border: 217.2 32.6% 17.5%;\n --input: 217.2 32.6% 17.5%;\n --ring: 212.7 26.8% 83.9%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}" +} \ No newline at end of file diff --git a/apps/www/public/r/colors/stone.json b/apps/www/public/r/colors/stone.json new file mode 100644 index 0000000000..4a793b8738 --- /dev/null +++ b/apps/www/public/r/colors/stone.json @@ -0,0 +1,102 @@ +{ + "inlineColors": { + "light": { + "background": "white", + "foreground": "stone-950", + "card": "white", + "card-foreground": "stone-950", + "popover": "white", + "popover-foreground": "stone-950", + "primary": "stone-900", + "primary-foreground": "stone-50", + "secondary": "stone-100", + "secondary-foreground": "stone-900", + "muted": "stone-100", + "muted-foreground": "stone-500", + "accent": "stone-100", + "accent-foreground": "stone-900", + "destructive": "red-500", + "destructive-foreground": "stone-50", + "border": "stone-200", + "input": "stone-200", + "ring": "stone-950" + }, + "dark": { + "background": "stone-950", + "foreground": "stone-50", + "card": "stone-950", + "card-foreground": "stone-50", + "popover": "stone-950", + "popover-foreground": "stone-50", + "primary": "stone-50", + "primary-foreground": "stone-900", + "secondary": "stone-800", + "secondary-foreground": "stone-50", + "muted": "stone-800", + "muted-foreground": "stone-400", + "accent": "stone-800", + "accent-foreground": "stone-50", + "destructive": "red-900", + "destructive-foreground": "stone-50", + "border": "stone-800", + "input": "stone-800", + "ring": "stone-300" + } + }, + "cssVars": { + "light": { + "background": "0 0% 100%", + "foreground": "20 14.3% 4.1%", + "card": "0 0% 100%", + "card-foreground": "20 14.3% 4.1%", + "popover": "0 0% 100%", + "popover-foreground": "20 14.3% 4.1%", + "primary": "24 9.8% 10%", + "primary-foreground": "60 9.1% 97.8%", + "secondary": "60 4.8% 95.9%", + "secondary-foreground": "24 9.8% 10%", + "muted": "60 4.8% 95.9%", + "muted-foreground": "25 5.3% 44.7%", + "accent": "60 4.8% 95.9%", + "accent-foreground": "24 9.8% 10%", + "destructive": "0 84.2% 60.2%", + "destructive-foreground": "60 9.1% 97.8%", + "border": "20 5.9% 90%", + "input": "20 5.9% 90%", + "ring": "20 14.3% 4.1%", + "chart-1": "12 76% 61%", + "chart-2": "173 58% 39%", + "chart-3": "197 37% 24%", + "chart-4": "43 74% 66%", + "chart-5": "27 87% 67%" + }, + "dark": { + "background": "20 14.3% 4.1%", + "foreground": "60 9.1% 97.8%", + "card": "20 14.3% 4.1%", + "card-foreground": "60 9.1% 97.8%", + "popover": "20 14.3% 4.1%", + "popover-foreground": "60 9.1% 97.8%", + "primary": "60 9.1% 97.8%", + "primary-foreground": "24 9.8% 10%", + "secondary": "12 6.5% 15.1%", + "secondary-foreground": "60 9.1% 97.8%", + "muted": "12 6.5% 15.1%", + "muted-foreground": "24 5.4% 63.9%", + "accent": "12 6.5% 15.1%", + "accent-foreground": "60 9.1% 97.8%", + "destructive": "0 62.8% 30.6%", + "destructive-foreground": "60 9.1% 97.8%", + "border": "12 6.5% 15.1%", + "input": "12 6.5% 15.1%", + "ring": "24 5.7% 82.9%", + "chart-1": "220 70% 50%", + "chart-2": "160 60% 45%", + "chart-3": "30 80% 55%", + "chart-4": "280 65% 60%", + "chart-5": "340 75% 55%" + } + }, + "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n ", + "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 20 14.3% 4.1%;\n --card: 0 0% 100%;\n --card-foreground: 20 14.3% 4.1%;\n --popover: 0 0% 100%;\n --popover-foreground: 20 14.3% 4.1%;\n --primary: 24 9.8% 10%;\n --primary-foreground: 60 9.1% 97.8%;\n --secondary: 60 4.8% 95.9%;\n --secondary-foreground: 24 9.8% 10%;\n --muted: 60 4.8% 95.9%;\n --muted-foreground: 25 5.3% 44.7%;\n --accent: 60 4.8% 95.9%;\n --accent-foreground: 24 9.8% 10%;\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 60 9.1% 97.8%;\n --border: 20 5.9% 90%;\n --input: 20 5.9% 90%;\n --ring: 20 14.3% 4.1%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n\n .dark {\n --background: 20 14.3% 4.1%;\n --foreground: 60 9.1% 97.8%;\n --card: 20 14.3% 4.1%;\n --card-foreground: 60 9.1% 97.8%;\n --popover: 20 14.3% 4.1%;\n --popover-foreground: 60 9.1% 97.8%;\n --primary: 60 9.1% 97.8%;\n --primary-foreground: 24 9.8% 10%;\n --secondary: 12 6.5% 15.1%;\n --secondary-foreground: 60 9.1% 97.8%;\n --muted: 12 6.5% 15.1%;\n --muted-foreground: 24 5.4% 63.9%;\n --accent: 12 6.5% 15.1%;\n --accent-foreground: 60 9.1% 97.8%;\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 60 9.1% 97.8%;\n --border: 12 6.5% 15.1%;\n --input: 12 6.5% 15.1%;\n --ring: 24 5.7% 82.9%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}" +} \ No newline at end of file diff --git a/apps/www/public/r/colors/zinc.json b/apps/www/public/r/colors/zinc.json new file mode 100644 index 0000000000..c2f6a18e69 --- /dev/null +++ b/apps/www/public/r/colors/zinc.json @@ -0,0 +1,102 @@ +{ + "inlineColors": { + "light": { + "background": "white", + "foreground": "zinc-950", + "card": "white", + "card-foreground": "zinc-950", + "popover": "white", + "popover-foreground": "zinc-950", + "primary": "zinc-900", + "primary-foreground": "zinc-50", + "secondary": "zinc-100", + "secondary-foreground": "zinc-900", + "muted": "zinc-100", + "muted-foreground": "zinc-500", + "accent": "zinc-100", + "accent-foreground": "zinc-900", + "destructive": "red-500", + "destructive-foreground": "zinc-50", + "border": "zinc-200", + "input": "zinc-200", + "ring": "zinc-950" + }, + "dark": { + "background": "zinc-950", + "foreground": "zinc-50", + "card": "zinc-950", + "card-foreground": "zinc-50", + "popover": "zinc-950", + "popover-foreground": "zinc-50", + "primary": "zinc-50", + "primary-foreground": "zinc-900", + "secondary": "zinc-800", + "secondary-foreground": "zinc-50", + "muted": "zinc-800", + "muted-foreground": "zinc-400", + "accent": "zinc-800", + "accent-foreground": "zinc-50", + "destructive": "red-900", + "destructive-foreground": "zinc-50", + "border": "zinc-800", + "input": "zinc-800", + "ring": "zinc-300" + } + }, + "cssVars": { + "light": { + "background": "0 0% 100%", + "foreground": "240 10% 3.9%", + "card": "0 0% 100%", + "card-foreground": "240 10% 3.9%", + "popover": "0 0% 100%", + "popover-foreground": "240 10% 3.9%", + "primary": "240 5.9% 10%", + "primary-foreground": "0 0% 98%", + "secondary": "240 4.8% 95.9%", + "secondary-foreground": "240 5.9% 10%", + "muted": "240 4.8% 95.9%", + "muted-foreground": "240 3.8% 46.1%", + "accent": "240 4.8% 95.9%", + "accent-foreground": "240 5.9% 10%", + "destructive": "0 84.2% 60.2%", + "destructive-foreground": "0 0% 98%", + "border": "240 5.9% 90%", + "input": "240 5.9% 90%", + "ring": "240 10% 3.9%", + "chart-1": "12 76% 61%", + "chart-2": "173 58% 39%", + "chart-3": "197 37% 24%", + "chart-4": "43 74% 66%", + "chart-5": "27 87% 67%" + }, + "dark": { + "background": "240 10% 3.9%", + "foreground": "0 0% 98%", + "card": "240 10% 3.9%", + "card-foreground": "0 0% 98%", + "popover": "240 10% 3.9%", + "popover-foreground": "0 0% 98%", + "primary": "0 0% 98%", + "primary-foreground": "240 5.9% 10%", + "secondary": "240 3.7% 15.9%", + "secondary-foreground": "0 0% 98%", + "muted": "240 3.7% 15.9%", + "muted-foreground": "240 5% 64.9%", + "accent": "240 3.7% 15.9%", + "accent-foreground": "0 0% 98%", + "destructive": "0 62.8% 30.6%", + "destructive-foreground": "0 0% 98%", + "border": "240 3.7% 15.9%", + "input": "240 3.7% 15.9%", + "ring": "240 4.9% 83.9%", + "chart-1": "220 70% 50%", + "chart-2": "160 60% 45%", + "chart-3": "30 80% 55%", + "chart-4": "280 65% 60%", + "chart-5": "340 75% 55%" + } + }, + "inlineColorsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n ", + "cssVarsTemplate": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 240 10% 3.9%;\n --card: 0 0% 100%;\n --card-foreground: 240 10% 3.9%;\n --popover: 0 0% 100%;\n --popover-foreground: 240 10% 3.9%;\n --primary: 240 5.9% 10%;\n --primary-foreground: 0 0% 98%;\n --secondary: 240 4.8% 95.9%;\n --secondary-foreground: 240 5.9% 10%;\n --muted: 240 4.8% 95.9%;\n --muted-foreground: 240 3.8% 46.1%;\n --accent: 240 4.8% 95.9%;\n --accent-foreground: 240 5.9% 10%;\n --destructive: 0 84.2% 60.2%;\n --destructive-foreground: 0 0% 98%;\n --border: 240 5.9% 90%;\n --input: 240 5.9% 90%;\n --ring: 240 10% 3.9%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n\n .dark {\n --background: 240 10% 3.9%;\n --foreground: 0 0% 98%;\n --card: 240 10% 3.9%;\n --card-foreground: 0 0% 98%;\n --popover: 240 10% 3.9%;\n --popover-foreground: 0 0% 98%;\n --primary: 0 0% 98%;\n --primary-foreground: 240 5.9% 10%;\n --secondary: 240 3.7% 15.9%;\n --secondary-foreground: 0 0% 98%;\n --muted: 240 3.7% 15.9%;\n --muted-foreground: 240 5% 64.9%;\n --accent: 240 3.7% 15.9%;\n --accent-foreground: 0 0% 98%;\n --destructive: 0 62.8% 30.6%;\n --destructive-foreground: 0 0% 98%;\n --border: 240 3.7% 15.9%;\n --input: 240 3.7% 15.9%;\n --ring: 240 4.9% 83.9%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply bg-background text-foreground;\n }\n}" +} \ No newline at end of file diff --git a/apps/www/public/r/index.json b/apps/www/public/r/index.json new file mode 100644 index 0000000000..1ef665d4f6 --- /dev/null +++ b/apps/www/public/r/index.json @@ -0,0 +1,647 @@ +[ + { + "name": "accordion", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-accordion" + ], + "files": [ + { + "path": "ui/accordion.tsx", + "type": "registry:ui" + } + ], + "tailwind": { + "config": { + "theme": { + "extend": { + "keyframes": { + "accordion-down": { + "from": { + "height": "0" + }, + "to": { + "height": "var(--radix-accordion-content-height)" + } + }, + "accordion-up": { + "from": { + "height": "var(--radix-accordion-content-height)" + }, + "to": { + "height": "0" + } + } + }, + "animation": { + "accordion-down": "accordion-down 0.2s ease-out", + "accordion-up": "accordion-up 0.2s ease-out" + } + } + } + } + } + }, + { + "name": "alert", + "type": "registry:ui", + "files": [ + { + "path": "ui/alert.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "alert-dialog", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-alert-dialog" + ], + "registryDependencies": [ + "button" + ], + "files": [ + { + "path": "ui/alert-dialog.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "aspect-ratio", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-aspect-ratio" + ], + "files": [ + { + "path": "ui/aspect-ratio.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "avatar", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-avatar" + ], + "files": [ + { + "path": "ui/avatar.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "badge", + "type": "registry:ui", + "files": [ + { + "path": "ui/badge.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "breadcrumb", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-slot" + ], + "files": [ + { + "path": "ui/breadcrumb.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "button", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-slot" + ], + "files": [ + { + "path": "ui/button.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "calendar", + "type": "registry:ui", + "dependencies": [ + "react-day-picker@8.10.1", + "date-fns" + ], + "registryDependencies": [ + "button" + ], + "files": [ + { + "path": "ui/calendar.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "card", + "type": "registry:ui", + "files": [ + { + "path": "ui/card.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "carousel", + "type": "registry:ui", + "dependencies": [ + "embla-carousel-react" + ], + "registryDependencies": [ + "button" + ], + "files": [ + { + "path": "ui/carousel.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "chart", + "type": "registry:ui", + "dependencies": [ + "recharts", + "lucide-react" + ], + "registryDependencies": [ + "card" + ], + "files": [ + { + "path": "ui/chart.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "checkbox", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-checkbox" + ], + "files": [ + { + "path": "ui/checkbox.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "collapsible", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-collapsible" + ], + "files": [ + { + "path": "ui/collapsible.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "command", + "type": "registry:ui", + "dependencies": [ + "cmdk@1.0.0" + ], + "registryDependencies": [ + "dialog" + ], + "files": [ + { + "path": "ui/command.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "context-menu", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-context-menu" + ], + "files": [ + { + "path": "ui/context-menu.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "dialog", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-dialog" + ], + "files": [ + { + "path": "ui/dialog.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "drawer", + "type": "registry:ui", + "dependencies": [ + "vaul", + "@radix-ui/react-dialog" + ], + "files": [ + { + "path": "ui/drawer.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "dropdown-menu", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-dropdown-menu" + ], + "files": [ + { + "path": "ui/dropdown-menu.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "form", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-label", + "@radix-ui/react-slot", + "@hookform/resolvers", + "zod", + "react-hook-form" + ], + "registryDependencies": [ + "button", + "label" + ], + "files": [ + { + "path": "ui/form.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "hover-card", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-hover-card" + ], + "files": [ + { + "path": "ui/hover-card.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "input", + "type": "registry:ui", + "files": [ + { + "path": "ui/input.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "input-otp", + "type": "registry:ui", + "dependencies": [ + "input-otp" + ], + "files": [ + { + "path": "ui/input-otp.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "label", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-label" + ], + "files": [ + { + "path": "ui/label.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "menubar", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-menubar" + ], + "files": [ + { + "path": "ui/menubar.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "navigation-menu", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-navigation-menu" + ], + "files": [ + { + "path": "ui/navigation-menu.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "pagination", + "type": "registry:ui", + "registryDependencies": [ + "button" + ], + "files": [ + { + "path": "ui/pagination.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "popover", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-popover" + ], + "files": [ + { + "path": "ui/popover.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "progress", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-progress" + ], + "files": [ + { + "path": "ui/progress.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "radio-group", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-radio-group" + ], + "files": [ + { + "path": "ui/radio-group.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "resizable", + "type": "registry:ui", + "dependencies": [ + "react-resizable-panels" + ], + "files": [ + { + "path": "ui/resizable.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "scroll-area", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-scroll-area" + ], + "files": [ + { + "path": "ui/scroll-area.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "select", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-select" + ], + "files": [ + { + "path": "ui/select.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "separator", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-separator" + ], + "files": [ + { + "path": "ui/separator.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "sheet", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-dialog" + ], + "files": [ + { + "path": "ui/sheet.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "skeleton", + "type": "registry:ui", + "files": [ + { + "path": "ui/skeleton.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "slider", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-slider" + ], + "files": [ + { + "path": "ui/slider.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "sonner", + "type": "registry:ui", + "dependencies": [ + "sonner", + "next-themes" + ], + "files": [ + { + "path": "ui/sonner.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "switch", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-switch" + ], + "files": [ + { + "path": "ui/switch.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "table", + "type": "registry:ui", + "files": [ + { + "path": "ui/table.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "tabs", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-tabs" + ], + "files": [ + { + "path": "ui/tabs.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "textarea", + "type": "registry:ui", + "files": [ + { + "path": "ui/textarea.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "toast", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-toast" + ], + "files": [ + { + "path": "ui/toast.tsx", + "type": "registry:ui" + }, + { + "path": "hooks/use-toast.ts", + "type": "registry:hook" + }, + { + "path": "ui/toaster.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "toggle", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-toggle" + ], + "files": [ + { + "path": "ui/toggle.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "toggle-group", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-toggle-group" + ], + "registryDependencies": [ + "toggle" + ], + "files": [ + { + "path": "ui/toggle-group.tsx", + "type": "registry:ui" + } + ] + }, + { + "name": "tooltip", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-tooltip" + ], + "files": [ + { + "path": "ui/tooltip.tsx", + "type": "registry:ui" + } + ] + } +] \ No newline at end of file diff --git a/apps/www/public/r/styles/default/accordion.json b/apps/www/public/r/styles/default/accordion.json new file mode 100644 index 0000000000..a2acccaaa2 --- /dev/null +++ b/apps/www/public/r/styles/default/accordion.json @@ -0,0 +1,45 @@ +{ + "name": "accordion", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-accordion" + ], + "files": [ + { + "path": "ui/accordion.tsx", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n svg]:rotate-180\",\n className\n )}\n {...props}\n >\n {children}\n \n \n \n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n
{children}
\n \n))\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", + "type": "registry:ui", + "target": "" + } + ], + "tailwind": { + "config": { + "theme": { + "extend": { + "keyframes": { + "accordion-down": { + "from": { + "height": "0" + }, + "to": { + "height": "var(--radix-accordion-content-height)" + } + }, + "accordion-up": { + "from": { + "height": "var(--radix-accordion-content-height)" + }, + "to": { + "height": "0" + } + } + }, + "animation": { + "accordion-down": "accordion-down 0.2s ease-out", + "accordion-up": "accordion-up 0.2s ease-out" + } + } + } + } + } +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/alert-dialog.json b/apps/www/public/r/styles/default/alert-dialog.json new file mode 100644 index 0000000000..2ebbd57292 --- /dev/null +++ b/apps/www/public/r/styles/default/alert-dialog.json @@ -0,0 +1,18 @@ +{ + "name": "alert-dialog", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-alert-dialog" + ], + "registryDependencies": [ + "button" + ], + "files": [ + { + "path": "ui/alert-dialog.tsx", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"@/registry/default/ui/button\"\n\nconst AlertDialog = AlertDialogPrimitive.Root\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n \n \n \n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nAlertDialogHeader.displayName = \"AlertDialogHeader\"\n\nconst AlertDialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nAlertDialogFooter.displayName = \"AlertDialogFooter\"\n\nconst AlertDialogTitle = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAlertDialogDescription.displayName =\n AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n}\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/alert.json b/apps/www/public/r/styles/default/alert.json new file mode 100644 index 0000000000..c43687c9bb --- /dev/null +++ b/apps/www/public/r/styles/default/alert.json @@ -0,0 +1,12 @@ +{ + "name": "alert", + "type": "registry:ui", + "files": [ + { + "path": "ui/alert.tsx", + "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n \"relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground\",\n {\n variants: {\n variant: {\n default: \"bg-background text-foreground\",\n destructive:\n \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nconst Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes & VariantProps\n>(({ className, variant, ...props }, ref) => (\n \n))\nAlert.displayName = \"Alert\"\n\nconst AlertTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n \n))\nAlertTitle.displayName = \"AlertTitle\"\n\nconst AlertDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n \n))\nAlertDescription.displayName = \"AlertDescription\"\n\nexport { Alert, AlertTitle, AlertDescription }\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/aspect-ratio.json b/apps/www/public/r/styles/default/aspect-ratio.json new file mode 100644 index 0000000000..e0f156b809 --- /dev/null +++ b/apps/www/public/r/styles/default/aspect-ratio.json @@ -0,0 +1,15 @@ +{ + "name": "aspect-ratio", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-aspect-ratio" + ], + "files": [ + { + "path": "ui/aspect-ratio.tsx", + "content": "\"use client\"\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\n\nconst AspectRatio = AspectRatioPrimitive.Root\n\nexport { AspectRatio }\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/authentication-01.json b/apps/www/public/r/styles/default/authentication-01.json new file mode 100644 index 0000000000..b31b3f1312 --- /dev/null +++ b/apps/www/public/r/styles/default/authentication-01.json @@ -0,0 +1,18 @@ +{ + "name": "authentication-01", + "type": "registry:block", + "registryDependencies": [ + "button", + "card", + "input", + "label" + ], + "files": [ + { + "path": "block/authentication-01.tsx", + "content": "import { Button } from \"@/registry/default/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"@/registry/default/ui/card\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\n\nexport default function LoginForm() {\n return (\n \n \n Login\n \n Enter your email below to login to your account.\n \n \n \n
\n \n \n
\n
\n \n \n
\n \n \n \n \n \n )\n}\n", + "type": "registry:block", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/authentication-02.json b/apps/www/public/r/styles/default/authentication-02.json new file mode 100644 index 0000000000..3c0222bfed --- /dev/null +++ b/apps/www/public/r/styles/default/authentication-02.json @@ -0,0 +1,18 @@ +{ + "name": "authentication-02", + "type": "registry:block", + "registryDependencies": [ + "button", + "card", + "input", + "label" + ], + "files": [ + { + "path": "block/authentication-02.tsx", + "content": "import Link from \"next/link\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from \"@/registry/default/ui/card\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\n\nexport default function LoginForm() {\n return (\n \n \n Login\n \n Enter your email below to login to your account\n \n \n \n
\n
\n \n \n
\n
\n
\n \n \n Forgot your password?\n \n
\n \n
\n \n \n
\n
\n Don't have an account?{\" \"}\n \n Sign up\n \n
\n \n \n )\n}\n", + "type": "registry:block", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/authentication-03.json b/apps/www/public/r/styles/default/authentication-03.json new file mode 100644 index 0000000000..5fb2e981f8 --- /dev/null +++ b/apps/www/public/r/styles/default/authentication-03.json @@ -0,0 +1,18 @@ +{ + "name": "authentication-03", + "type": "registry:block", + "registryDependencies": [ + "button", + "card", + "input", + "label" + ], + "files": [ + { + "path": "block/authentication-03.tsx", + "content": "import Link from \"next/link\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from \"@/registry/default/ui/card\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\n\nexport default function LoginForm() {\n return (\n \n \n Sign Up\n \n Enter your information to create an account\n \n \n \n
\n
\n
\n \n \n
\n
\n \n \n
\n
\n
\n \n \n
\n
\n \n \n
\n \n \n
\n
\n Already have an account?{\" \"}\n \n Sign in\n \n
\n \n \n )\n}\n", + "type": "registry:block", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/authentication-04.json b/apps/www/public/r/styles/default/authentication-04.json new file mode 100644 index 0000000000..a77344d158 --- /dev/null +++ b/apps/www/public/r/styles/default/authentication-04.json @@ -0,0 +1,18 @@ +{ + "name": "authentication-04", + "type": "registry:block", + "registryDependencies": [ + "button", + "card", + "input", + "label" + ], + "files": [ + { + "path": "block/authentication-04.tsx", + "content": "import Image from \"next/image\"\nimport Link from \"next/link\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\n\nexport default function Dashboard() {\n return (\n
\n
\n
\n
\n

Login

\n

\n Enter your email below to login to your account\n

\n
\n
\n
\n \n \n
\n
\n
\n \n \n Forgot your password?\n \n
\n \n
\n \n \n
\n
\n Don't have an account?{\" \"}\n \n Sign up\n \n
\n
\n
\n
\n \n
\n
\n )\n}\n", + "type": "registry:block", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/avatar.json b/apps/www/public/r/styles/default/avatar.json new file mode 100644 index 0000000000..27c3a8cb58 --- /dev/null +++ b/apps/www/public/r/styles/default/avatar.json @@ -0,0 +1,15 @@ +{ + "name": "avatar", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-avatar" + ], + "files": [ + { + "path": "ui/avatar.tsx", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Avatar = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nconst AvatarImage = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst AvatarFallback = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/badge.json b/apps/www/public/r/styles/default/badge.json new file mode 100644 index 0000000000..315277d30f --- /dev/null +++ b/apps/www/public/r/styles/default/badge.json @@ -0,0 +1,12 @@ +{ + "name": "badge", + "type": "registry:ui", + "files": [ + { + "path": "ui/badge.tsx", + "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n {\n variants: {\n variant: {\n default:\n \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n destructive:\n \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n outline: \"text-foreground\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nexport interface BadgeProps\n extends React.HTMLAttributes,\n VariantProps {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return (\n
\n )\n}\n\nexport { Badge, badgeVariants }\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/breadcrumb.json b/apps/www/public/r/styles/default/breadcrumb.json new file mode 100644 index 0000000000..78dceea917 --- /dev/null +++ b/apps/www/public/r/styles/default/breadcrumb.json @@ -0,0 +1,15 @@ +{ + "name": "breadcrumb", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-slot" + ], + "files": [ + { + "path": "ui/breadcrumb.tsx", + "content": "import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<\"nav\"> & {\n separator?: React.ReactNode\n }\n>(({ ...props }, ref) =>
\n \n )\n})\nChartContainer.displayName = \"Chart\"\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([_, config]) => config.theme || config.color\n )\n\n if (!colorConfig.length) {\n return null\n }\n\n return (\n `\n${prefix} [data-chart=${id}] {\n${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join(\"\\n\")}\n}\n`\n )\n .join(\"\\n\"),\n }}\n />\n )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\nconst ChartTooltipContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps &\n React.ComponentProps<\"div\"> & {\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: \"line\" | \"dot\" | \"dashed\"\n nameKey?: string\n labelKey?: string\n }\n>(\n (\n {\n active,\n payload,\n className,\n indicator = \"dot\",\n hideLabel = false,\n hideIndicator = false,\n label,\n labelFormatter,\n labelClassName,\n formatter,\n color,\n nameKey,\n labelKey,\n },\n ref\n ) => {\n const { config } = useChart()\n\n const tooltipLabel = React.useMemo(() => {\n if (hideLabel || !payload?.length) {\n return null\n }\n\n const [item] = payload\n const key = `${labelKey || item.dataKey || item.name || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const value =\n !labelKey && typeof label === \"string\"\n ? config[label as keyof typeof config]?.label || label\n : itemConfig?.label\n\n if (labelFormatter) {\n return (\n
\n {labelFormatter(value, payload)}\n
\n )\n }\n\n if (!value) {\n return null\n }\n\n return
{value}
\n }, [\n label,\n labelFormatter,\n payload,\n hideLabel,\n labelClassName,\n config,\n labelKey,\n ])\n\n if (!active || !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== \"dot\"\n\n return (\n \n {!nestLabel ? tooltipLabel : null}\n
\n {payload.map((item, index) => {\n const key = `${nameKey || item.name || item.dataKey || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color || item.payload.fill || item.color\n\n return (\n svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\",\n indicator === \"dot\" && \"items-center\"\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload)\n ) : (\n <>\n {itemConfig?.icon ? (\n \n ) : (\n !hideIndicator && (\n \n )\n )}\n \n
\n {nestLabel ? tooltipLabel : null}\n \n {itemConfig?.label || item.name}\n \n
\n {item.value && (\n \n {item.value.toLocaleString()}\n \n )}\n
\n \n )}\n \n )\n })}\n \n \n )\n }\n)\nChartTooltipContent.displayName = \"ChartTooltip\"\n\nconst ChartLegend = RechartsPrimitive.Legend\n\nconst ChartLegendContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> &\n Pick & {\n hideIcon?: boolean\n nameKey?: string\n }\n>(\n (\n { className, hideIcon = false, payload, verticalAlign = \"bottom\", nameKey },\n ref\n ) => {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n return (\n \n {payload.map((item) => {\n const key = `${nameKey || item.dataKey || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground\"\n )}\n >\n {itemConfig?.icon && !hideIcon ? (\n \n ) : (\n \n )}\n {itemConfig?.label}\n \n )\n })}\n \n )\n }\n)\nChartLegendContent.displayName = \"ChartLegend\"\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n config: ChartConfig,\n payload: unknown,\n key: string\n) {\n if (typeof payload !== \"object\" || payload === null) {\n return undefined\n }\n\n const payloadPayload =\n \"payload\" in payload &&\n typeof payload.payload === \"object\" &&\n payload.payload !== null\n ? payload.payload\n : undefined\n\n let configLabelKey: string = key\n\n if (\n key in payload &&\n typeof payload[key as keyof typeof payload] === \"string\"\n ) {\n configLabelKey = payload[key as keyof typeof payload] as string\n } else if (\n payloadPayload &&\n key in payloadPayload &&\n typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n ) {\n configLabelKey = payloadPayload[\n key as keyof typeof payloadPayload\n ] as string\n }\n\n return configLabelKey in config\n ? config[configLabelKey]\n : config[key as keyof typeof config]\n}\n\nexport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartStyle,\n}\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/charts-01.json b/apps/www/public/r/styles/default/charts-01.json new file mode 100644 index 0000000000..3f27e048f2 --- /dev/null +++ b/apps/www/public/r/styles/default/charts-01.json @@ -0,0 +1,15 @@ +{ + "name": "charts-01", + "type": "registry:block", + "registryDependencies": [ + "chart" + ], + "files": [ + { + "path": "block/charts-01.tsx", + "content": "\"use client\"\n\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Label,\n LabelList,\n Line,\n LineChart,\n PolarAngleAxis,\n RadialBar,\n RadialBarChart,\n Rectangle,\n ReferenceLine,\n XAxis,\n YAxis,\n} from \"recharts\"\n\nimport {\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"@/registry/default/ui/card\"\nimport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n} from \"@/registry/default/ui/chart\"\nimport { Separator } from \"@/registry/default/ui/separator\"\n\nexport default function Charts() {\n return (\n
\n
\n \n \n Today\n \n 12,584{\" \"}\n \n steps\n \n \n \n \n \n \n }\n />\n {\n return new Date(value).toLocaleDateString(\"en-US\", {\n weekday: \"short\",\n })\n }}\n />\n {\n return new Date(value).toLocaleDateString(\"en-US\", {\n day: \"numeric\",\n month: \"long\",\n year: \"numeric\",\n })\n }}\n />\n }\n cursor={false}\n />\n \n \n \n \n \n \n \n \n \n Over the past 7 days, you have walked{\" \"}\n 53,305 steps.\n \n \n You need{\" \"}\n 12,584 more\n steps to reach your goal.\n \n \n \n \n div]:flex-1\">\n
\n Resting HR\n \n 62\n \n bpm\n \n \n
\n
\n Variability\n \n 35\n \n ms\n \n \n
\n \n \n \n \n \n \n {\n return new Date(value).toLocaleDateString(\"en-US\", {\n weekday: \"short\",\n })\n }}\n />\n \n {\n return new Date(value).toLocaleDateString(\"en-US\", {\n day: \"numeric\",\n month: \"long\",\n year: \"numeric\",\n })\n }}\n />\n }\n cursor={false}\n />\n \n \n \n \n
\n
\n \n \n Progress\n \n You're average more steps a day this year than last year.\n \n \n \n
\n
\n 12,453\n \n steps/day\n \n
\n \n \n \n \n \n \n \n \n \n
\n
\n
\n 10,103\n \n steps/day\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n Walking Distance\n \n Over the last 7 days, your distance walked and run was 12.5 miles\n per day.\n \n \n \n
\n 12.5\n \n miles/day\n \n
\n \n \n }\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
Move
\n
\n 562\n \n kcal\n \n
\n
\n \n
\n
Exercise
\n
\n 73\n \n min\n \n
\n
\n \n
\n
Stand
\n
\n 14\n \n hr\n \n
\n
\n
\n \n \n
\n
\n \n \n
\n
\n
Move
\n
\n 562/600\n \n kcal\n \n
\n
\n
\n
Exercise
\n
\n 73/120\n \n min\n \n
\n
\n
\n
Stand
\n
\n 8/12\n \n hr\n \n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n Active Energy\n \n You're burning an average of 754 calories per day. Good job!\n \n \n \n
\n 1,254\n \n kcal/day\n \n
\n \n \n }\n />\n \n \n \n \n \n \n \n Time in Bed\n \n 8\n \n hr\n \n 35\n \n min\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n }\n formatter={(value) => (\n
\n Time in bed\n
\n {value}\n \n hr\n \n
\n
\n )}\n />\n \n \n \n \n
\n
\n )\n}\n", + "type": "registry:block", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/checkbox.json b/apps/www/public/r/styles/default/checkbox.json new file mode 100644 index 0000000000..8568163d99 --- /dev/null +++ b/apps/www/public/r/styles/default/checkbox.json @@ -0,0 +1,15 @@ +{ + "name": "checkbox", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-checkbox" + ], + "files": [ + { + "path": "ui/checkbox.tsx", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Checkbox = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n \n \n \n \n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/collapsible.json b/apps/www/public/r/styles/default/collapsible.json new file mode 100644 index 0000000000..b1affc1336 --- /dev/null +++ b/apps/www/public/r/styles/default/collapsible.json @@ -0,0 +1,15 @@ +{ + "name": "collapsible", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-collapsible" + ], + "files": [ + { + "path": "ui/collapsible.tsx", + "content": "\"use client\"\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/command.json b/apps/www/public/r/styles/default/command.json new file mode 100644 index 0000000000..dd5172e82d --- /dev/null +++ b/apps/www/public/r/styles/default/command.json @@ -0,0 +1,18 @@ +{ + "name": "command", + "type": "registry:ui", + "dependencies": [ + "cmdk@1.0.0" + ], + "registryDependencies": [ + "dialog" + ], + "files": [ + { + "path": "ui/command.tsx", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { type DialogProps } from \"@radix-ui/react-dialog\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { Search } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Dialog, DialogContent } from \"@/registry/default/ui/dialog\"\n\nconst Command = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nCommand.displayName = CommandPrimitive.displayName\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n \n \n \n {children}\n \n \n \n )\n}\n\nconst CommandInput = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n
\n \n \n
\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>((props, ref) => (\n \n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes) => {\n return (\n \n )\n}\nCommandShortcut.displayName = \"CommandShortcut\"\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n}\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/context-menu.json b/apps/www/public/r/styles/default/context-menu.json new file mode 100644 index 0000000000..25c4434183 --- /dev/null +++ b/apps/www/public/r/styles/default/context-menu.json @@ -0,0 +1,15 @@ +{ + "name": "context-menu", + "type": "registry:ui", + "dependencies": [ + "@radix-ui/react-context-menu" + ], + "files": [ + { + "path": "ui/context-menu.tsx", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst ContextMenu = ContextMenuPrimitive.Root\n\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger\n\nconst ContextMenuGroup = ContextMenuPrimitive.Group\n\nconst ContextMenuPortal = ContextMenuPrimitive.Portal\n\nconst ContextMenuSub = ContextMenuPrimitive.Sub\n\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup\n\nconst ContextMenuSubTrigger = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n \n {children}\n \n \n))\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName\n\nconst ContextMenuSubContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName\n\nconst ContextMenuContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n \n \n))\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName\n\nconst ContextMenuItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n \n))\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, checked, ...props }, ref) => (\n \n \n \n \n \n \n {children}\n \n))\nContextMenuCheckboxItem.displayName =\n ContextMenuPrimitive.CheckboxItem.displayName\n\nconst ContextMenuRadioItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n \n \n \n \n \n {children}\n \n))\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName\n\nconst ContextMenuLabel = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n \n))\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName\n\nconst ContextMenuSeparator = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName\n\nconst ContextMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes) => {\n return (\n \n )\n}\nContextMenuShortcut.displayName = \"ContextMenuShortcut\"\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "type": "registry:ui", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/dashboard-01.json b/apps/www/public/r/styles/default/dashboard-01.json new file mode 100644 index 0000000000..ce05767c8f --- /dev/null +++ b/apps/www/public/r/styles/default/dashboard-01.json @@ -0,0 +1,18 @@ +{ + "name": "dashboard-01", + "type": "registry:block", + "registryDependencies": [ + "button", + "dropdown-menu", + "input", + "sheet" + ], + "files": [ + { + "path": "block/dashboard-01.tsx", + "content": "import Link from \"next/link\"\nimport {\n Activity,\n ArrowUpRight,\n CircleUser,\n CreditCard,\n DollarSign,\n Menu,\n Package2,\n Search,\n Users,\n} from \"lucide-react\"\n\nimport {\n Avatar,\n AvatarFallback,\n AvatarImage,\n} from \"@/registry/default/ui/avatar\"\nimport { Badge } from \"@/registry/default/ui/badge\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from \"@/registry/default/ui/card\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Sheet, SheetContent, SheetTrigger } from \"@/registry/default/ui/sheet\"\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@/registry/default/ui/table\"\n\nexport default function Dashboard() {\n return (\n
\n
\n \n \n \n \n \n Toggle navigation menu\n \n \n \n \n \n \n
\n
\n
\n \n \n
\n
\n \n \n \n \n \n My Account\n \n Settings\n Support\n \n Logout\n \n \n
\n
\n
\n
\n \n \n \n Total Revenue\n \n \n \n \n
$45,231.89
\n

\n +20.1% from last month\n

\n \n \n \n \n \n Subscriptions\n \n \n \n \n
+2350
\n

\n +180.1% from last month\n

\n \n \n \n \n Sales\n \n \n \n
+12,234
\n

\n +19% from last month\n

\n \n \n \n \n Active Now\n \n \n \n
+573
\n

\n +201 since last hour\n

\n \n \n
\n
\n \n \n
\n Transactions\n \n Recent transactions from your store.\n \n
\n \n \n \n \n \n \n Customer\n \n Type\n \n \n Status\n \n \n Date\n \n Amount\n \n \n \n \n \n
Liam Johnson
\n
\n liam@example.com\n
\n \n \n Sale\n \n \n \n Approved\n \n \n \n 2023-06-23\n \n $250.00\n \n \n \n
Olivia Smith
\n
\n olivia@example.com\n
\n \n \n Refund\n \n \n \n Declined\n \n \n \n 2023-06-24\n \n $150.00\n \n \n \n
Noah Williams
\n
\n noah@example.com\n
\n \n \n Subscription\n \n \n \n Approved\n \n \n \n 2023-06-25\n \n $350.00\n \n \n \n
Emma Brown
\n
\n emma@example.com\n
\n \n \n Sale\n \n \n \n Approved\n \n \n \n 2023-06-26\n \n $450.00\n \n \n \n
Liam Johnson
\n
\n liam@example.com\n
\n \n \n Sale\n \n \n \n Approved\n \n \n \n 2023-06-27\n \n $550.00\n \n \n
\n \n \n \n \n Recent Sales\n \n \n
\n \n \n OM\n \n
\n

\n Olivia Martin\n

\n

\n olivia.martin@email.com\n

\n
\n
+$1,999.00
\n
\n
\n \n \n JL\n \n
\n

\n Jackson Lee\n

\n

\n jackson.lee@email.com\n

\n
\n
+$39.00
\n
\n
\n \n \n IN\n \n
\n

\n Isabella Nguyen\n

\n

\n isabella.nguyen@email.com\n

\n
\n
+$299.00
\n
\n
\n \n \n WK\n \n
\n

\n William Kim\n

\n

\n will@email.com\n

\n
\n
+$99.00
\n
\n
\n \n \n SD\n \n
\n

\n Sofia Davis\n

\n

\n sofia.davis@email.com\n

\n
\n
+$39.00
\n
\n \n \n
\n
\n
\n )\n}\n", + "type": "registry:block", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/dashboard-02.json b/apps/www/public/r/styles/default/dashboard-02.json new file mode 100644 index 0000000000..77053d542a --- /dev/null +++ b/apps/www/public/r/styles/default/dashboard-02.json @@ -0,0 +1,19 @@ +{ + "name": "dashboard-02", + "type": "registry:block", + "registryDependencies": [ + "badge", + "button", + "card", + "dropdown-menu", + "input" + ], + "files": [ + { + "path": "block/dashboard-02.tsx", + "content": "import Link from \"next/link\"\nimport {\n Bell,\n CircleUser,\n Home,\n LineChart,\n Menu,\n Package,\n Package2,\n Search,\n ShoppingCart,\n Users,\n} from \"lucide-react\"\n\nimport { Badge } from \"@/registry/default/ui/badge\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from \"@/registry/default/ui/card\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Sheet, SheetContent, SheetTrigger } from \"@/registry/default/ui/sheet\"\n\nexport default function Dashboard() {\n return (\n
\n
\n
\n
\n \n \n Acme Inc\n \n \n
\n
\n \n
\n
\n \n \n Upgrade to Pro\n \n Unlock all features and get unlimited access to our support\n team.\n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n \n \n \n Toggle navigation menu\n \n \n \n \n
\n \n \n Upgrade to Pro\n \n Unlock all features and get unlimited access to our\n support team.\n \n \n \n \n \n \n
\n \n \n
\n
\n
\n \n \n
\n
\n
\n \n \n \n \n \n My Account\n \n Settings\n Support\n \n Logout\n \n \n
\n
\n
\n

Inventory

\n
\n \n
\n

\n You have no products\n

\n

\n You can start selling as soon as you add a product.\n

\n \n
\n
\n \n
\n \n )\n}\n", + "type": "registry:block", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/dashboard-03.json b/apps/www/public/r/styles/default/dashboard-03.json new file mode 100644 index 0000000000..4389a9d1d7 --- /dev/null +++ b/apps/www/public/r/styles/default/dashboard-03.json @@ -0,0 +1,22 @@ +{ + "name": "dashboard-03", + "type": "registry:block", + "registryDependencies": [ + "badge", + "button", + "drawer", + "input", + "label", + "select", + "textarea", + "tooltip" + ], + "files": [ + { + "path": "block/dashboard-03.tsx", + "content": "import {\n Bird,\n Book,\n Bot,\n Code2,\n CornerDownLeft,\n LifeBuoy,\n Mic,\n Paperclip,\n Rabbit,\n Settings,\n Settings2,\n Share,\n SquareTerminal,\n SquareUser,\n Triangle,\n Turtle,\n} from \"lucide-react\"\n\nimport { Badge } from \"@/registry/default/ui/badge\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n Drawer,\n DrawerContent,\n DrawerDescription,\n DrawerHeader,\n DrawerTitle,\n DrawerTrigger,\n} from \"@/registry/default/ui/drawer\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"@/registry/default/ui/select\"\nimport { Textarea } from \"@/registry/default/ui/textarea\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"@/registry/default/ui/tooltip\"\n\nexport default function Dashboard() {\n return (\n
\n \n
\n
\n

Playground

\n \n \n \n \n \n \n Configuration\n \n Configure the settings for the model and messages.\n \n \n
\n
\n \n Settings\n \n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n
\n
\n \n Messages\n \n
\n \n \n
\n
\n \n