fix

apps/web/components/announcement.tsx

@@ -15,7 +15,7 @@ export function Announcement() {
          <Separator className="mx-2 h-4" orientation="vertical" />
          {' '}
          <span className="underline-offset-4 group-hover:underline">
-            npx shadcn init
+            npx nyxb init
          </span>
          <ArrowRightIcon className="ml-1 size-4" />
       </Link>

apps/web/lib/themes.ts

@@ -3,7 +3,7 @@ import { themeColorsToCssVariables } from '~/lib/charts'
 const _THEMES = [
    {
       name: 'Default',
-      id: 'default-shadcn',
+      id: 'default-nyxb',
       colors: {
          'background': '0 0% 100%',
          'foreground': '240 10% 3.9%',

apps/web/public/r/colors/gray.json

@@ -99,4 +99,4 @@
   },
   "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}"
-}
+}

apps/web/public/r/colors/index.json

@@ -1996,4 +1996,4 @@
       "hslChannel": "343.1 87.7% 15.9%"
     }
   ]
-}
+}

apps/web/public/r/colors/neutral.json

@@ -99,4 +99,4 @@
   },
   "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}"
-}
+}

apps/web/public/r/colors/slate.json

@@ -99,4 +99,4 @@
   },
   "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}"
-}
+}

apps/web/public/r/colors/stone.json

@@ -99,4 +99,4 @@
   },
   "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}"
-}
+}

apps/web/public/r/colors/zinc.json

@@ -99,4 +99,4 @@
   },
   "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}"
-}
+}

apps/web/public/r/index.json

@@ -1760,4 +1760,4 @@
       }
     ]
   }
-]
+]

apps/web/public/r/styles/default/accordion.json

@@ -42,4 +42,4 @@
       }
     }
   }
-}
+}

apps/web/public/r/styles/default/alert-dialog.json

@@ -15,4 +15,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/alert.json

@@ -9,4 +9,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/animated-beam.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/animated-gradient-text.json

@@ -27,4 +27,4 @@
       }
     }
   }
-}
+}

apps/web/public/r/styles/default/animated-grid-pattern.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/animated-list.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/animated-shiny-text.json

@@ -30,4 +30,4 @@
       }
     }
   }
-}
+}

apps/web/public/r/styles/default/animated-subscribe-button.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/aspect-ratio.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/authentication-01.json

@@ -15,4 +15,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/authentication-02.json

@@ -15,4 +15,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/authentication-03.json

@@ -15,4 +15,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/authentication-04.json

@@ -15,4 +15,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/avatar-circles.json

@@ -9,4 +9,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/avatar.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/badge.json

@@ -9,4 +9,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/bento-grid.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/blur-fade.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/blur-in.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/border-beam.json

@@ -27,4 +27,4 @@
       }
     }
   }
-}
+}

apps/web/public/r/styles/default/box-reveal.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/breadcrumb.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/button.json

@@ -12,4 +12,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/calendar.json

@@ -16,4 +16,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/card.json

@@ -9,4 +9,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/carousel.json

@@ -15,4 +15,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-axes.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-default.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-gradient.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-icons.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-interactive.json

@@ -13,4 +13,4 @@
       "type": "registry:component"
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-legend.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-linear.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-stacked-expand.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-stacked.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-area-step.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-active.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-default.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-horizontal.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-interactive.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-label-custom.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-label.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-mixed.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-multiple.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-negative.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}

apps/web/public/r/styles/default/chart-bar-stacked.json

@@ -13,4 +13,4 @@
       "target": ""
     }
   ]
-}
+}