fix: extract-theme-css extra curly brace

Author: maiieul

packages/utils/src/theme/extract-theme-css.ts

@@ -271,69 +271,68 @@ function objThemeToCSSThemeOutput(themeObject: ThemeMap) {
 
   cssOutput += `}
 
-  @theme inline {
-    --color-background: var(--background);
-    --color-foreground: var(--foreground);
-    --color-card: var(--card);
-    --color-card-foreground: var(--card-foreground);
-    --color-popover: var(--popover);
-    --color-popover-foreground: var(--popover-foreground);
-    --color-primary: var(--primary);
-    --color-primary-foreground: var(--primary-foreground);
-    --color-secondary: var(--secondary);
-    --color-secondary-foreground: var(--secondary-foreground);
-    --color-muted: var(--muted);
-    --color-muted-foreground: var(--muted-foreground);
-    --color-accent: var(--accent);
-    --color-accent-foreground: var(--accent-foreground);
-    --color-alert: var(--alert);
-    --color-alert-foreground: var(--alert-foreground);
-    --color-border: var(--border);
-    --color-input: var(--input);
-    --color-ring: var(--ring);
-    --radius-xs: var(--border-radius);
-    --radius-sm: calc(var(--border-radius) + 0.125rem);
-    --radius-md: calc(var(--border-radius) + 0.375rem);
-    --radius-lg: calc(var(--border-radius) + 0.5rem);
-    --radius-xl: calc(var(--border-radius) + 0.75rem);
-    --radius-2xl: calc(var(--border-radius) + 1rem);
-    --radius-3xl: calc(var(--border-radius) + 1.5rem);
-    --shadow-base: var(--shadow-base);
-    --shadow-2xs: var(--shadow-2xs);
-    --shadow-xs: var(--shadow-xs);
-    --shadow-sm: var(--shadow-sm);
-    --shadow-md: var(--shadow-md);
-    --shadow-lg: var(--shadow-lg);
-    --shadow-xl: var(--shadow-xl);
-    --shadow-2xl: var(--shadow-2xl);
-    --shadow-inner: var(--shadow-inner);
-    --default-border-width: calc(var(--border-width) + 1px);
-    --border-width-base: var(--border-width);
-    --border-width-2: calc(var(--border-width) + 2px);
-    --border-width-4: calc(var(--border-width) + 4px);
-    --border-width-8: calc(var(--border-width) + 8px);
-    --stroke-width-0: 0px;
-    --stroke-width-base: var(--stroke-width);
-    --stroke-width-1: calc(var(--stroke-width) + 1px);
-    --stroke-width-2: calc(var(--stroke-width) + 2px);
-    --animate-accordion-down: collapsible-down 0.2s ease-out forwards;
-    --animate-accordion-up: collapsible-up 0.2s ease-out forwards;
-
-    @keyframes collapsible-down {
-      from {
-        height: 0;
-      }
-      to {
-        height: var(--qwikui-collapsible-content-height);
-      }
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-alert: var(--alert);
+  --color-alert-foreground: var(--alert-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --radius-xs: var(--border-radius);
+  --radius-sm: calc(var(--border-radius) + 0.125rem);
+  --radius-md: calc(var(--border-radius) + 0.375rem);
+  --radius-lg: calc(var(--border-radius) + 0.5rem);
+  --radius-xl: calc(var(--border-radius) + 0.75rem);
+  --radius-2xl: calc(var(--border-radius) + 1rem);
+  --radius-3xl: calc(var(--border-radius) + 1.5rem);
+  --shadow-base: var(--shadow-base);
+  --shadow-2xs: var(--shadow-2xs);
+  --shadow-xs: var(--shadow-xs);
+  --shadow-sm: var(--shadow-sm);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-xl: var(--shadow-xl);
+  --shadow-2xl: var(--shadow-2xl);
+  --shadow-inner: var(--shadow-inner);
+  --default-border-width: calc(var(--border-width) + 1px);
+  --border-width-base: var(--border-width);
+  --border-width-2: calc(var(--border-width) + 2px);
+  --border-width-4: calc(var(--border-width) + 4px);
+  --border-width-8: calc(var(--border-width) + 8px);
+  --stroke-width-0: 0px;
+  --stroke-width-base: var(--stroke-width);
+  --stroke-width-1: calc(var(--stroke-width) + 1px);
+  --stroke-width-2: calc(var(--stroke-width) + 2px);
+  --animate-accordion-down: collapsible-down 0.2s ease-out forwards;
+  --animate-accordion-up: collapsible-up 0.2s ease-out forwards;
+
+  @keyframes collapsible-down {
+    from {
+      height: 0;
     }
-    @keyframes collapsible-up {
-      from {
-        height: var(--qwikui-collapsible-content-height);
-      }
-      to {
-        height: 0;
-      }
+    to {
+      height: var(--qwikui-collapsible-content-height);
+    }
+  }
+  @keyframes collapsible-up {
+    from {
+      height: var(--qwikui-collapsible-content-height);
+    }
+    to {
+      height: 0;
     }
   }
 }