@djangocfg/ui-core 2.1.460 → 2.1.463

package/src/styles/css/presets/dense.css

@@ -0,0 +1,36 @@
+/* Authoritative static preset: dense. */
+:root {
+  --radius: 0.25rem;
+  --border: hsl(0 0% 82%);
+  --input: hsl(0 0% 82%);
+  --divider: hsl(0 0% 88%);
+  --muted: hsl(0 0% 94%);
+  --card: hsl(0 0% 100%);
+  --accent: hsl(0 0% 93%);
+  --radius-xs: calc(0.25rem - 6px);
+  --radius-sm: calc(0.25rem - 4px);
+  --radius-md: calc(0.25rem - 2px);
+  --radius-lg: 0.25rem;
+  --radius-xl: calc(0.25rem + 4px);
+  --radius-2xl: calc(0.25rem + 8px);
+  --radius-3xl: calc(0.25rem + 12px);
+  --radius-4xl: calc(0.25rem + 16px);
+}
+
+.dark {
+  --radius: 0.25rem;
+  --border: hsl(0 0% 24%);
+  --input: hsl(0 0% 24%);
+  --divider: hsl(0 0% 46% / 0.18);
+  --muted: hsl(0 0% 12%);
+  --card: hsl(0 0% 10%);
+  --accent: hsl(0 0% 14%);
+  --radius-xs: calc(0.25rem - 6px);
+  --radius-sm: calc(0.25rem - 4px);
+  --radius-md: calc(0.25rem - 2px);
+  --radius-lg: 0.25rem;
+  --radius-xl: calc(0.25rem + 4px);
+  --radius-2xl: calc(0.25rem + 8px);
+  --radius-3xl: calc(0.25rem + 12px);
+  --radius-4xl: calc(0.25rem + 16px);
+}

package/src/styles/css/presets/django-cfg.css

@@ -0,0 +1,44 @@
+/* Authoritative static preset: django-cfg. */
+:root {
+  --primary: hsl(192 90% 35%);
+  --primary-foreground: hsl(0 0% 100%);
+  --accent: hsl(192 60% 94%);
+  --accent-foreground: hsl(192 90% 22%);
+  --ring: hsl(192 90% 40%);
+  --sidebar-primary: hsl(192 90% 35%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(192 55% 93%);
+  --sidebar-accent-foreground: hsl(192 90% 22%);
+  --sidebar-ring: hsl(192 90% 40%);
+  --info: hsl(192 90% 35%);
+  --info-background: hsl(192 100% 96%);
+  --info-foreground: hsl(192 90% 22%);
+  --info-border: hsl(192 80% 78%);
+  --chart-1: hsl(192 90% 35%);
+  --chart-2: hsl(142 76% 36%);
+  --chart-3: hsl(262 83% 58%);
+  --chart-4: hsl(26 90% 57%);
+  --chart-5: hsl(346 77% 50%);
+}
+
+.dark {
+  --primary: hsl(189 100% 50%);
+  --primary-foreground: hsl(0 0% 9%);
+  --accent: hsl(189 40% 18%);
+  --accent-foreground: hsl(189 100% 78%);
+  --ring: hsl(189 100% 50%);
+  --sidebar-primary: hsl(189 100% 50%);
+  --sidebar-primary-foreground: hsl(0 0% 9%);
+  --sidebar-accent: hsl(189 35% 16%);
+  --sidebar-accent-foreground: hsl(189 100% 78%);
+  --sidebar-ring: hsl(189 100% 50%);
+  --info: hsl(189 100% 55%);
+  --info-background: hsl(189 70% 10%);
+  --info-foreground: hsl(189 90% 75%);
+  --info-border: hsl(189 50% 28%);
+  --chart-1: hsl(189 100% 50%);
+  --chart-2: hsl(142 76% 50%);
+  --chart-3: hsl(262 83% 65%);
+  --chart-4: hsl(26 90% 60%);
+  --chart-5: hsl(346 77% 58%);
+}

package/src/styles/css/presets/high-contrast.css

@@ -0,0 +1,24 @@
+/* Authoritative static preset: high-contrast. */
+:root {
+  --background: hsl(0 0% 100%);
+  --foreground: hsl(0 0% 6%);
+  --card: hsl(0 0% 100%);
+  --card-foreground: hsl(0 0% 6%);
+  --border: hsl(0 0% 62%);
+  --input: hsl(0 0% 62%);
+  --divider: hsl(0 0% 68%);
+  --muted-foreground: hsl(0 0% 28%);
+  --ring: hsl(0 0% 12%);
+}
+
+.dark {
+  --background: hsl(0 0% 4%);
+  --foreground: hsl(0 0% 100%);
+  --card: hsl(0 0% 8%);
+  --card-foreground: hsl(0 0% 100%);
+  --border: hsl(0 0% 48%);
+  --input: hsl(0 0% 48%);
+  --divider: hsl(0 0% 42%);
+  --muted-foreground: hsl(0 0% 82%);
+  --ring: hsl(0 0% 92%);
+}

package/src/styles/css/presets/ios.css

@@ -0,0 +1,120 @@
+/* Authoritative static preset: ios. */
+:root {
+  --background: hsl(0 0% 98%);
+  --foreground: hsl(220 9% 12%);
+  --card: hsl(0 0% 100%);
+  --card-foreground: hsl(220 9% 12%);
+  --popover: hsl(0 0% 100%);
+  --popover-foreground: hsl(220 9% 12%);
+  --primary: hsl(211 100% 50%);
+  --primary-foreground: hsl(0 0% 100%);
+  --secondary: hsl(220 9% 92%);
+  --secondary-foreground: hsl(220 9% 12%);
+  --muted: hsl(220 9% 94%);
+  --muted-foreground: hsl(220 9% 40%);
+  --accent: hsl(220 9% 94%);
+  --accent-foreground: hsl(220 9% 12%);
+  --destructive: hsl(0 100% 58%);
+  --destructive-foreground: hsl(0 0% 100%);
+  --border: hsl(220 9% 85%);
+  --input: hsl(220 9% 88%);
+  --ring: hsl(211 100% 50%);
+  --divider: hsl(220 9% 88%);
+  --radius: 0.75rem;
+  --overlay: hsl(220 9% 10% / 0.32);
+  --sidebar-background: hsl(0 0% 99%);
+  --sidebar-foreground: hsl(220 9% 12%);
+  --sidebar-primary: hsl(211 100% 50%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(220 9% 94%);
+  --sidebar-accent-foreground: hsl(220 9% 12%);
+  --sidebar-border: hsl(220 9% 88%);
+  --sidebar-ring: hsl(211 100% 50%);
+  --chart-1: hsl(211 100% 50%);
+  --chart-2: hsl(145 63% 42%);
+  --chart-3: hsl(262 83% 58%);
+  --chart-4: hsl(35 100% 50%);
+  --chart-5: hsl(346 77% 50%);
+  --warning: hsl(35 100% 50%);
+  --warning-background: hsl(35 100% 95%);
+  --warning-foreground: hsl(28 80% 30%);
+  --warning-border: hsl(35 90% 78%);
+  --success: hsl(145 63% 42%);
+  --success-background: hsl(145 60% 95%);
+  --success-foreground: hsl(145 60% 24%);
+  --success-border: hsl(145 55% 76%);
+  --destructive-background: hsl(0 100% 96%);
+  --destructive-border: hsl(0 90% 80%);
+  --info: hsl(211 100% 50%);
+  --info-background: hsl(211 100% 96%);
+  --info-foreground: hsl(211 80% 30%);
+  --info-border: hsl(211 90% 80%);
+  --radius-xs: calc(0.75rem - 6px);
+  --radius-sm: calc(0.75rem - 4px);
+  --radius-md: calc(0.75rem - 2px);
+  --radius-lg: 0.75rem;
+  --radius-xl: calc(0.75rem + 4px);
+  --radius-2xl: calc(0.75rem + 8px);
+  --radius-3xl: calc(0.75rem + 12px);
+  --radius-4xl: calc(0.75rem + 16px);
+}
+
+.dark {
+  --background: hsl(240 6% 10%);
+  --foreground: hsl(0 0% 96%);
+  --card: hsl(240 6% 16%);
+  --card-foreground: hsl(0 0% 96%);
+  --popover: hsl(240 6% 20%);
+  --popover-foreground: hsl(0 0% 96%);
+  --primary: hsl(211 100% 55%);
+  --primary-foreground: hsl(0 0% 100%);
+  --secondary: hsl(240 5% 26%);
+  --secondary-foreground: hsl(0 0% 96%);
+  --muted: hsl(240 5% 13%);
+  --muted-foreground: hsl(240 5% 64%);
+  --accent: hsl(240 5% 18%);
+  --accent-foreground: hsl(0 0% 96%);
+  --destructive: hsl(0 100% 67%);
+  --destructive-foreground: hsl(0 0% 100%);
+  --border: hsl(240 5% 27%);
+  --input: hsl(240 5% 22%);
+  --ring: hsl(211 100% 55%);
+  --divider: hsl(240 5% 48% / 0.18);
+  --radius: 0.75rem;
+  --overlay: hsl(0 0% 0% / 0.55);
+  --sidebar-background: hsl(240 6% 8%);
+  --sidebar-foreground: hsl(0 0% 96%);
+  --sidebar-primary: hsl(211 100% 55%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(240 5% 16%);
+  --sidebar-accent-foreground: hsl(0 0% 96%);
+  --sidebar-border: hsl(240 5% 22%);
+  --sidebar-ring: hsl(211 100% 55%);
+  --chart-1: hsl(211 100% 55%);
+  --chart-2: hsl(145 65% 52%);
+  --chart-3: hsl(262 83% 65%);
+  --chart-4: hsl(35 100% 58%);
+  --chart-5: hsl(346 77% 58%);
+  --warning: hsl(35 100% 58%);
+  --warning-background: hsl(35 90% 10%);
+  --warning-foreground: hsl(35 100% 72%);
+  --warning-border: hsl(35 80% 28%);
+  --success: hsl(145 65% 52%);
+  --success-background: hsl(145 60% 9%);
+  --success-foreground: hsl(145 60% 70%);
+  --success-border: hsl(145 50% 26%);
+  --destructive-background: hsl(0 80% 11%);
+  --destructive-border: hsl(0 70% 30%);
+  --info: hsl(211 100% 55%);
+  --info-background: hsl(211 90% 11%);
+  --info-foreground: hsl(211 100% 74%);
+  --info-border: hsl(211 80% 30%);
+  --radius-xs: calc(0.75rem - 6px);
+  --radius-sm: calc(0.75rem - 4px);
+  --radius-md: calc(0.75rem - 2px);
+  --radius-lg: 0.75rem;
+  --radius-xl: calc(0.75rem + 4px);
+  --radius-2xl: calc(0.75rem + 8px);
+  --radius-3xl: calc(0.75rem + 12px);
+  --radius-4xl: calc(0.75rem + 16px);
+}

package/src/styles/css/presets/macos.css

@@ -0,0 +1,138 @@
+/* Authoritative static preset: macos. */
+:root {
+  --background: hsl(240 17% 97%);
+  --foreground: hsl(0 0% 7%);
+  --card: hsl(0 0% 100%);
+  --card-foreground: hsl(0 0% 7%);
+  --popover: hsl(0 0% 100%);
+  --popover-foreground: hsl(0 0% 7%);
+  --primary: hsl(211 100% 50%);
+  --primary-foreground: hsl(0 0% 100%);
+  --secondary: hsl(240 12% 95%);
+  --secondary-foreground: hsl(0 0% 7%);
+  --muted: hsl(240 8% 91%);
+  --muted-foreground: hsl(240 3% 44%);
+  --accent: hsl(211 50% 96%);
+  --accent-foreground: hsl(211 100% 36%);
+  --destructive: hsl(2 100% 59%);
+  --destructive-foreground: hsl(0 0% 100%);
+  --border: hsl(240 3% 78%);
+  --input: hsl(240 8% 93%);
+  --divider: hsl(240 4% 83%);
+  --ring: hsl(211 100% 50%);
+  --radius: 0.625rem;
+  --overlay: hsl(240 6% 10% / 0.32);
+  --sidebar-background: hsl(240 12% 94%);
+  --sidebar-foreground: hsl(0 0% 7%);
+  --sidebar-primary: hsl(211 100% 50%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(211 50% 93%);
+  --sidebar-accent-foreground: hsl(211 100% 36%);
+  --sidebar-border: hsl(240 3% 82%);
+  --sidebar-ring: hsl(211 100% 50%);
+  --chart-1: hsl(211 100% 50%);
+  --chart-2: hsl(142 52% 40%);
+  --chart-3: hsl(262 60% 56%);
+  --chart-4: hsl(35 100% 48%);
+  --chart-5: hsl(2 100% 59%);
+  --warning: hsl(35 100% 48%);
+  --warning-background: hsl(35 100% 95%);
+  --warning-foreground: hsl(28 80% 30%);
+  --warning-border: hsl(35 90% 78%);
+  --success: hsl(142 71% 45%);
+  --success-background: hsl(142 60% 95%);
+  --success-foreground: hsl(142 60% 24%);
+  --success-border: hsl(142 55% 76%);
+  --destructive-background: hsl(2 100% 96%);
+  --destructive-border: hsl(2 90% 80%);
+  --info: hsl(211 100% 50%);
+  --info-background: hsl(211 100% 96%);
+  --info-foreground: hsl(211 80% 30%);
+  --info-border: hsl(211 90% 80%);
+  --font-sans: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
+  --font-mono: "SF Mono", ui-monospace, Menlo, "Courier New", monospace;
+  --font-size-base: 0.8125rem;
+  --font-size-sm: 0.75rem;
+  --font-size-xs: 0.6875rem;
+  --font-size-lg: 0.9375rem;
+  --font-size-xl: 1.0625rem;
+  --line-height-base: 1.47;
+  --letter-spacing-base: -0.022em;
+  --radius-xs: calc(0.625rem - 6px);
+  --radius-sm: calc(0.625rem - 4px);
+  --radius-md: calc(0.625rem - 2px);
+  --radius-lg: 0.625rem;
+  --radius-xl: calc(0.625rem + 4px);
+  --radius-2xl: calc(0.625rem + 8px);
+  --radius-3xl: calc(0.625rem + 12px);
+  --radius-4xl: calc(0.625rem + 16px);
+}
+
+.dark {
+  --background: hsl(240 5% 8%);
+  --foreground: hsl(0 0% 95%);
+  --card: hsl(240 3% 15%);
+  --card-foreground: hsl(0 0% 95%);
+  --popover: hsl(240 3% 20%);
+  --popover-foreground: hsl(0 0% 95%);
+  --primary: hsl(211 100% 58%);
+  --primary-foreground: hsl(0 0% 100%);
+  --secondary: hsl(240 3% 20%);
+  --secondary-foreground: hsl(0 0% 88%);
+  --muted: hsl(240 3% 11%);
+  --muted-foreground: hsl(240 4% 58%);
+  --accent: hsl(211 25% 19%);
+  --accent-foreground: hsl(211 100% 72%);
+  --destructive: hsl(3 100% 62%);
+  --destructive-foreground: hsl(0 0% 100%);
+  --border: hsl(240 3% 22%);
+  --input: hsl(240 3% 22%);
+  --divider: hsl(240 4% 46% / 0.18);
+  --ring: hsl(211 100% 58%);
+  --radius: 0.625rem;
+  --overlay: hsl(0 0% 0% / 0.55);
+  --sidebar-background: hsl(240 5% 5%);
+  --sidebar-foreground: hsl(0 0% 90%);
+  --sidebar-primary: hsl(211 100% 58%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(211 22% 16%);
+  --sidebar-accent-foreground: hsl(211 100% 72%);
+  --sidebar-border: hsl(240 3% 22%);
+  --sidebar-ring: hsl(211 100% 58%);
+  --chart-1: hsl(211 100% 58%);
+  --chart-2: hsl(142 52% 50%);
+  --chart-3: hsl(262 60% 65%);
+  --chart-4: hsl(35 100% 56%);
+  --chart-5: hsl(3 100% 62%);
+  --warning: hsl(35 100% 56%);
+  --warning-background: hsl(35 70% 10%);
+  --warning-foreground: hsl(35 95% 70%);
+  --warning-border: hsl(35 50% 26%);
+  --success: hsl(142 60% 50%);
+  --success-background: hsl(142 50% 9%);
+  --success-foreground: hsl(142 65% 68%);
+  --success-border: hsl(142 40% 24%);
+  --destructive-background: hsl(3 70% 11%);
+  --destructive-border: hsl(3 55% 30%);
+  --info: hsl(211 100% 58%);
+  --info-background: hsl(211 70% 11%);
+  --info-foreground: hsl(211 90% 72%);
+  --info-border: hsl(211 50% 30%);
+  --font-sans: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
+  --font-mono: "SF Mono", ui-monospace, Menlo, "Courier New", monospace;
+  --font-size-base: 0.8125rem;
+  --font-size-sm: 0.75rem;
+  --font-size-xs: 0.6875rem;
+  --font-size-lg: 0.9375rem;
+  --font-size-xl: 1.0625rem;
+  --line-height-base: 1.47;
+  --letter-spacing-base: -0.022em;
+  --radius-xs: calc(0.625rem - 6px);
+  --radius-sm: calc(0.625rem - 4px);
+  --radius-md: calc(0.625rem - 2px);
+  --radius-lg: 0.625rem;
+  --radius-xl: calc(0.625rem + 4px);
+  --radius-2xl: calc(0.625rem + 8px);
+  --radius-3xl: calc(0.625rem + 12px);
+  --radius-4xl: calc(0.625rem + 16px);
+}

package/src/styles/css/presets/soft.css

@@ -0,0 +1,52 @@
+/* Authoritative static preset: soft. */
+:root {
+  --background: hsl(0 0% 98%);
+  --foreground: hsl(240 6% 10%);
+  --card: hsl(0 0% 100%);
+  --card-foreground: hsl(240 6% 10%);
+  --muted: hsl(240 5% 96%);
+  --muted-foreground: hsl(240 4% 46%);
+  --accent: hsl(240 5% 94%);
+  --accent-foreground: hsl(240 6% 10%);
+  --border: hsl(240 5% 91%);
+  --input: hsl(240 5% 91%);
+  --divider: hsl(240 5% 93%);
+  --radius: 1rem;
+  --sidebar-background: hsl(0 0% 99%);
+  --sidebar-accent: hsl(240 5% 94%);
+  --sidebar-border: hsl(240 5% 91%);
+  --radius-xs: calc(1rem - 6px);
+  --radius-sm: calc(1rem - 4px);
+  --radius-md: calc(1rem - 2px);
+  --radius-lg: 1rem;
+  --radius-xl: calc(1rem + 4px);
+  --radius-2xl: calc(1rem + 8px);
+  --radius-3xl: calc(1rem + 12px);
+  --radius-4xl: calc(1rem + 16px);
+}
+
+.dark {
+  --background: hsl(240 6% 8%);
+  --foreground: hsl(0 0% 96%);
+  --card: hsl(240 5% 12%);
+  --card-foreground: hsl(0 0% 96%);
+  --muted: hsl(240 4% 16%);
+  --muted-foreground: hsl(240 5% 64%);
+  --accent: hsl(240 5% 16%);
+  --accent-foreground: hsl(0 0% 96%);
+  --border: hsl(240 5% 20%);
+  --input: hsl(240 5% 20%);
+  --divider: hsl(240 5% 48% / 0.18);
+  --radius: 1rem;
+  --sidebar-background: hsl(240 6% 6%);
+  --sidebar-accent: hsl(240 5% 14%);
+  --sidebar-border: hsl(240 5% 20%);
+  --radius-xs: calc(1rem - 6px);
+  --radius-sm: calc(1rem - 4px);
+  --radius-md: calc(1rem - 2px);
+  --radius-lg: 1rem;
+  --radius-xl: calc(1rem + 4px);
+  --radius-2xl: calc(1rem + 8px);
+  --radius-3xl: calc(1rem + 12px);
+  --radius-4xl: calc(1rem + 16px);
+}

package/src/styles/css/presets/windows.css

@@ -0,0 +1,140 @@
+/* Authoritative static preset: windows. */
+:root {
+  --background: hsl(0 0% 95%);
+  --foreground: hsl(0 0% 9%);
+  --card: hsl(0 0% 100%);
+  --card-foreground: hsl(0 0% 9%);
+  --popover: hsl(0 0% 100%);
+  --popover-foreground: hsl(0 0% 9%);
+  --primary: hsl(210 100% 38%);
+  --primary-foreground: hsl(0 0% 100%);
+  --secondary: hsl(0 0% 94%);
+  --secondary-foreground: hsl(0 0% 9%);
+  --muted: hsl(0 0% 92%);
+  --muted-foreground: hsl(0 0% 42%);
+  --accent: hsl(210 60% 94%);
+  --accent-foreground: hsl(210 100% 28%);
+  --destructive: hsl(0 90% 55%);
+  --destructive-foreground: hsl(0 0% 100%);
+  --border: hsl(0 0% 87%);
+  --input: hsl(0 0% 90%);
+  --divider: hsl(0 0% 84%);
+  --ring: hsl(210 100% 45%);
+  --overlay: hsl(0 0% 0% / 0.4);
+  --radius: 0.375rem;
+  --sidebar-background: hsl(0 0% 92%);
+  --sidebar-foreground: hsl(0 0% 9%);
+  --sidebar-primary: hsl(210 100% 38%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(210 50% 93%);
+  --sidebar-accent-foreground: hsl(210 100% 28%);
+  --sidebar-border: hsl(0 0% 86%);
+  --sidebar-ring: hsl(210 100% 45%);
+  --chart-1: hsl(210 100% 38%);
+  --chart-2: hsl(145 63% 38%);
+  --chart-3: hsl(262 83% 55%);
+  --chart-4: hsl(35 100% 48%);
+  --chart-5: hsl(346 77% 50%);
+  --warning: hsl(38 92% 50%);
+  --warning-background: hsl(38 100% 95%);
+  --warning-foreground: hsl(30 80% 28%);
+  --warning-border: hsl(38 85% 78%);
+  --success: hsl(120 78% 27%);
+  --success-background: hsl(120 55% 95%);
+  --success-foreground: hsl(120 60% 28%);
+  --success-border: hsl(120 45% 78%);
+  --destructive-background: hsl(0 90% 96%);
+  --destructive-border: hsl(0 85% 78%);
+  --info: hsl(210 100% 38%);
+  --info-background: hsl(210 100% 95%);
+  --info-foreground: hsl(210 90% 28%);
+  --info-border: hsl(210 80% 78%);
+  --on-success: hsl(0 0% 100%);
+  --on-info: hsl(0 0% 100%);
+  --font-sans: "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
+  --font-mono: "Cascadia Code", "Cascadia Mono", Consolas, "Courier New", monospace;
+  --font-size-base: 0.875rem;
+  --font-size-sm: 0.8125rem;
+  --font-size-xs: 0.75rem;
+  --font-size-lg: 1rem;
+  --font-size-xl: 1.125rem;
+  --line-height-base: 1.5;
+  --letter-spacing-base: 0em;
+  --radius-xs: calc(0.375rem - 6px);
+  --radius-sm: calc(0.375rem - 4px);
+  --radius-md: calc(0.375rem - 2px);
+  --radius-lg: 0.375rem;
+  --radius-xl: calc(0.375rem + 4px);
+  --radius-2xl: calc(0.375rem + 8px);
+  --radius-3xl: calc(0.375rem + 12px);
+  --radius-4xl: calc(0.375rem + 16px);
+}
+
+.dark {
+  --background: hsl(0 0% 13%);
+  --foreground: hsl(0 0% 96%);
+  --card: hsl(0 0% 17%);
+  --card-foreground: hsl(0 0% 96%);
+  --popover: hsl(0 0% 20%);
+  --popover-foreground: hsl(0 0% 96%);
+  --primary: hsl(200 100% 69%);
+  --primary-foreground: hsl(0 0% 9%);
+  --secondary: hsl(0 0% 22%);
+  --secondary-foreground: hsl(0 0% 90%);
+  --muted: hsl(0 0% 15%);
+  --muted-foreground: hsl(0 0% 62%);
+  --accent: hsl(210 25% 20%);
+  --accent-foreground: hsl(200 100% 75%);
+  --destructive: hsl(0 90% 62%);
+  --destructive-foreground: hsl(0 0% 100%);
+  --border: hsl(0 0% 28%);
+  --input: hsl(0 0% 24%);
+  --divider: hsl(0 0% 46% / 0.18);
+  --ring: hsl(200 100% 69%);
+  --overlay: hsl(0 0% 0% / 0.55);
+  --radius: 0.375rem;
+  --sidebar-background: hsl(0 0% 10%);
+  --sidebar-foreground: hsl(0 0% 90%);
+  --sidebar-primary: hsl(200 100% 69%);
+  --sidebar-primary-foreground: hsl(0 0% 9%);
+  --sidebar-accent: hsl(210 20% 18%);
+  --sidebar-accent-foreground: hsl(200 100% 75%);
+  --sidebar-border: hsl(0 0% 22%);
+  --sidebar-ring: hsl(200 100% 69%);
+  --chart-1: hsl(200 100% 69%);
+  --chart-2: hsl(145 65% 50%);
+  --chart-3: hsl(262 83% 65%);
+  --chart-4: hsl(35 100% 58%);
+  --chart-5: hsl(346 77% 58%);
+  --warning: hsl(38 95% 58%);
+  --warning-background: hsl(38 60% 10%);
+  --warning-foreground: hsl(38 90% 72%);
+  --warning-border: hsl(38 50% 28%);
+  --success: hsl(120 60% 55%);
+  --success-background: hsl(120 40% 10%);
+  --success-foreground: hsl(120 55% 72%);
+  --success-border: hsl(120 35% 28%);
+  --destructive-background: hsl(0 60% 11%);
+  --destructive-border: hsl(0 50% 30%);
+  --info: hsl(200 100% 69%);
+  --info-background: hsl(200 60% 11%);
+  --info-foreground: hsl(200 90% 74%);
+  --info-border: hsl(200 50% 30%);
+  --font-sans: "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
+  --font-mono: "Cascadia Code", "Cascadia Mono", Consolas, "Courier New", monospace;
+  --font-size-base: 0.875rem;
+  --font-size-sm: 0.8125rem;
+  --font-size-xs: 0.75rem;
+  --font-size-lg: 1rem;
+  --font-size-xl: 1.125rem;
+  --line-height-base: 1.5;
+  --letter-spacing-base: 0em;
+  --radius-xs: calc(0.375rem - 6px);
+  --radius-sm: calc(0.375rem - 4px);
+  --radius-md: calc(0.375rem - 2px);
+  --radius-lg: 0.375rem;
+  --radius-xl: calc(0.375rem + 4px);
+  --radius-2xl: calc(0.375rem + 8px);
+  --radius-3xl: calc(0.375rem + 12px);
+  --radius-4xl: calc(0.375rem + 16px);
+}

package/src/styles/{utilities → css/utilities}/glass.css

@@ -55,3 +55,19 @@
   -webkit-backdrop-filter: blur(8px) saturate(160%);
   background-color: color-mix(in oklab, var(--background) 80%, transparent);
 }
+
+/**
+ * PublicLayout desktop navigation dropdown.
+ * Keep this as a package utility instead of relying on a consumer's Tailwind
+ * source scan: the layout is distributed code, while the dropdown must still
+ * frost whatever page is underneath it.
+ */
+.nav-dropdown-glass {
+  backdrop-filter: blur(var(--overlay-blur, 5px)) saturate(150%);
+  -webkit-backdrop-filter: blur(var(--overlay-blur, 5px)) saturate(150%);
+  background-color: color-mix(in oklab, var(--background) 55%, transparent);
+}
+
+.dark .nav-dropdown-glass {
+  background-color: color-mix(in oklab, var(--card) 55%, transparent);
+}

package/src/styles/presets/index.ts

@@ -1,16 +1,3 @@
-export type {
-  ThemeCssVarChartKey,
-  ThemeCssVarChromeKey,
-  ThemeCssVarColorKey,
-  ThemeCssVarKey,
-  ThemeCssVarMap,
-  ThemeCssVarSidebarKey,
-  ThemeCssVarStatusKey,
-  ThemeCssVarTypographyKey,
-  ThemeStyleConfig,
-  ThemeStylePresetId,
-} from './types';
+export type { ThemeStylePresetId } from './types';
 
-export { THEME_STYLE_PRESETS, THEME_STYLE_PRESET_ORDER } from './presets';
-
-export { buildThemeStyleSheet } from './build';
+export { THEME_STYLE_PRESET_ORDER } from './presets';

package/src/styles/presets/presets.ts

@@ -1,5 +1,4 @@
 import type { ThemeStylePresetId } from './types';
-import { THEME_PRESETS } from './themes';
 
 export const THEME_STYLE_PRESET_ORDER = [
   'default',
@@ -11,5 +10,3 @@ export const THEME_STYLE_PRESET_ORDER = [
   'dense',
   'high-contrast',
 ] as const satisfies readonly ThemeStylePresetId[];
-
-export const THEME_STYLE_PRESETS = THEME_PRESETS;