@charstudios/pallet 0.2.0 → 0.3.1

package/README.md

@@ -5,7 +5,7 @@ A runtime, hook-driven theming layer for **shadcn/ui** apps. Pallet gives you an
 Built for reuse across every Char Studios product: install it once, wrap your app, and every project shares the same theming system.
 
 - **Runtime theming** — change any token live; no rebuild, no CSS regeneration.
-- **Variants/skins** — ship `flat` (crisp), `toon` (soft pills), and `frosted` (glassmorphism), covering the full shadcn `data-slot` surface set — or define your own.
+- **Variants/skins** — ship `flat` (crisp), `toon` (cel-shaded lips on surfaces only), and `frosted` (quiet glass) — or define your own.
 - **Full token control** — colors (light + dark, OKLCH), typography (with Google Fonts auto-loading), radius scale, shadow ramp, density, and motion.
 - **Presets** — start from a named preset and layer overrides on top; `reset()` returns to baseline.
 - **SSR-safe** — inline the initial theme from a Server Component to avoid a flash of the wrong theme.
@@ -37,7 +37,7 @@ shadcn/ui styles everything through CSS custom properties (`--primary`, `--radiu
 1. Takes a **`ThemeConfig`** (a preset + your overrides).
 2. **Resolves** it into a flat map of CSS variables for the active color scheme.
 3. **Injects** those variables onto the document root (or a scoped element) at runtime.
-4. Sets a **`data-pallet-variant`** attribute so the shipped **variant stylesheets** can restyle surfaces (shadows, borders, pill shapes) that aren't expressible through tokens alone.
+4. Sets a **`data-pallet-variant`** attribute so the shipped **variant stylesheets** can restyle surfaces (lips, glass, borders) that aren't expressible through tokens alone.
 
 ```
 ThemeConfig (preset + overrides)
@@ -129,11 +129,37 @@ export function ThemeButtons() {
 
 ## Presets
 
-| Preset   | Look                                                                 |
-| -------- | ------------------------------------------------------------------- |
-| `flat`   | Crisp hairline borders, minimal shadows, tighter radius. Default shadcn feel (mirrors Quill's current look). |
-| `toon` | Soft and elevated: pill-shaped controls, gentle tinted shadows, near-borderless filled inputs, glowing focus rings, periwinkle primary. |
-| `frosted` | Frosted glass: translucent surfaces, backdrop blur, luminous borders, and icy sky-blue accents. |
+Each built-in preset pairs a token palette with a matching **variant skin**. The previews below use the **same component gallery** (buttons, inputs, badges, tabs, alerts, select, card, avatar) so you can compare Flat, Toon, and Frosted side by side.
+
+### `flat`
+
+Crisp hairline borders, minimal shadows, tighter radius — the default shadcn feel.
+
+<p>
+  <img src="./docs/skins/flat.png" alt="Flat skin preview" width="720" />
+</p>
+
+### `toon`
+
+Cel-shaded / neo-brutalist skin for **real surfaces only** (cards, buttons, inputs, badges, tabs, alerts, overlays…):
+
+- Moderate radius, **no soft shadows**
+- Outline and thick bottom lip share one auto-darkened color from `--toon-fill` (`color-mix` toward black)
+- Ghost buttons stay borderless until hover / focus
+- Layout shells, sidebar nav rows, and wrappers stay flat
+- Main Sidebar panel is square-edged (hard right edge, no rounded lip tile)
+
+<p>
+  <img src="./docs/skins/toon.png" alt="Toon skin preview" width="720" />
+</p>
+
+### `frosted`
+
+Quiet glass: light backdrop blur, hairline luminous borders, translucent fills — restrained, not heavy.
+
+<p>
+  <img src="./docs/skins/frosted.png" alt="Frosted skin preview" width="720" />
+</p>
 
 ```tsx
 import { presets, flat, toon, frosted, getPreset } from "@charstudios/pallet/presets";
@@ -266,9 +292,15 @@ export function ThemeEditor() {
 
 ## Variants (skins)
 
-A variant is a named "skin" applied via the `data-pallet-variant` attribute (set automatically by the provider). The shipped stylesheets restyle shadcn surfaces that tokens can't reach on their own — shadows, border treatment, pill shaping, and (for `frosted`) backdrop-blur glass.
+A variant is a named "skin" applied via the `data-pallet-variant` attribute (set automatically by the provider). The shipped stylesheets restyle shadcn surfaces that tokens can't reach on their own — chunk lips, glass, elevation treatment, and so on.
+
+Skins target shadcn `data-slot` parts. They intentionally **do not** restyle every slot: layout shells (sidebar chrome, field groups, scroll areas, menu rows, etc.) stay flat so apps don't look like every div is a tile.
 
-Each built-in skin targets the full common shadcn `data-slot` set: controls, cards/alerts/tables/sidebar, overlays (dialogs, sheets, menus, popovers, tooltips), and chrome (badges, kbd, breadcrumbs, pagination, etc.).
+| Skin | What it does |
+| --- | --- |
+| `flat` | Hairline borders, tight radius, minimal elevation |
+| `toon` | Cel-shaded outline + thick lip on surfaces; ghost borders on hover; square Sidebar |
+| `frosted` | Light backdrop blur, hairline luminous borders, translucent fills |
 
 Import all skins:
 
@@ -280,13 +312,13 @@ Or cherry-pick to reduce CSS:
 
 ```css
 @import "@charstudios/pallet/styles/base";
-@import "@charstudios/pallet/styles/frosted";
+@import "@charstudios/pallet/styles/toon";
 ```
 
 Switch at runtime:
 
 ```tsx
-useThemeControls().setVariant("frosted");
+useThemeControls().setVariant("toon");
 ```
 
 The variant stylesheets are wrapped in the `pallet-variants` cascade layer, so your own app styles always take precedence.
@@ -421,7 +453,7 @@ import type {
 
 ## FAQ
 
-**Does this modify my shadcn components?** No. It only injects CSS variables and adds a `data-pallet-variant` attribute; the variant stylesheets restyle via `data-slot` selectors across the common shadcn surface set. Components need modern shadcn `data-slot` attributes for the skins to attach.
+**Does this modify my shadcn components?** No. It only injects CSS variables and adds a `data-pallet-variant` attribute; the variant stylesheets restyle via `data-slot` selectors on real surfaces (not every layout wrapper). Components need modern shadcn `data-slot` attributes for the skins to attach.
 
 **Does it replace `next-themes`?** It can. Pallet manages the `.dark` class and light/dark/system itself. If you already use `next-themes`, use `scope="self"` or let one own the `.dark` class to avoid conflicts.
 
@@ -429,6 +461,8 @@ import type {
 
 **Can users export/share a theme?** Yes. Use `serializeTheme(theme)` / `deserializeTheme(json)` from `@charstudios/pallet/server`, and feed a saved override back in via `defaultOverride` or `updateTheme`.
 
+**Why don't sidebar nav items get Toon lips?** By design. Toon only chunks interactive surfaces (cards, buttons, inputs, overlays…). Sidebar shells stay square and menu rows stay flat so dense admin UIs don't look tiled.
+
 ---
 
-MIT © Char Studios
+MIT © Char Studios

package/dist/{chunk-3JRKA6NS.js → chunk-M7SJIMSX.js}

@@ -182,27 +182,27 @@ var frosted = {
     googleFonts: ["Inter"]
   },
   radius: {
-    base: "1rem",
+    base: "0.75rem",
     scale: {
-      sm: 0.5,
-      md: 0.75,
+      sm: 0.55,
+      md: 0.8,
       lg: 1,
-      xl: 1.25,
-      "2xl": 1.5,
-      "3xl": 1.75,
-      "4xl": 2
+      xl: 1.2,
+      "2xl": 1.4,
+      "3xl": 1.6,
+      "4xl": 1.8
     }
   },
   elevation: {
     shadows: {
-      xs: "0 1px 2px 0 oklch(0.45 0.08 240 / 0.06)",
-      sm: "0 2px 10px -2px oklch(0.45 0.08 240 / 0.12), 0 1px 3px -1px oklch(0 0 0 / 0.04)",
-      md: "0 8px 24px -8px oklch(0.45 0.08 240 / 0.18), 0 2px 8px -2px oklch(0 0 0 / 0.05)",
-      lg: "0 18px 40px -12px oklch(0.45 0.08 240 / 0.22), 0 6px 14px -6px oklch(0 0 0 / 0.06)",
-      xl: "0 28px 56px -16px oklch(0.45 0.08 240 / 0.28), 0 10px 20px -8px oklch(0 0 0 / 0.07)"
+      xs: "none",
+      sm: "none",
+      md: "0 4px 16px -8px oklch(0.45 0.08 240 / 0.12)",
+      lg: "0 10px 28px -12px oklch(0.45 0.08 240 / 0.16)",
+      xl: "0 18px 40px -16px oklch(0.45 0.08 240 / 0.2)"
     },
-    borderStrength: 0.65,
-    level: "lg"
+    borderStrength: 0.35,
+    level: "sm"
   },
   density: {
     spacing: "0.25rem",
@@ -217,72 +217,72 @@ var frosted = {
 
 // src/presets/toon.ts
 var light3 = {
-  background: "oklch(0.98 0.003 264)",
-  foreground: "oklch(0.21 0.03 264)",
+  background: "oklch(0.965 0.005 260)",
+  foreground: "oklch(0.22 0.02 260)",
   card: "oklch(1 0 0)",
-  cardForeground: "oklch(0.21 0.03 264)",
+  cardForeground: "oklch(0.22 0.02 260)",
   popover: "oklch(1 0 0)",
-  popoverForeground: "oklch(0.21 0.03 264)",
-  primary: "oklch(0.7 0.11 264)",
-  primaryForeground: "oklch(0.99 0.002 264)",
-  secondary: "oklch(0.965 0.006 264)",
-  secondaryForeground: "oklch(0.3 0.03 264)",
-  muted: "oklch(0.965 0.006 264)",
-  mutedForeground: "oklch(0.55 0.03 264)",
-  accent: "oklch(0.95 0.03 264)",
-  accentForeground: "oklch(0.42 0.11 264)",
-  destructive: "oklch(0.62 0.22 25)",
+  popoverForeground: "oklch(0.22 0.02 260)",
+  primary: "oklch(0.55 0.19 255)",
+  primaryForeground: "oklch(0.99 0.005 255)",
+  secondary: "oklch(0.96 0.01 260)",
+  secondaryForeground: "oklch(0.28 0.03 260)",
+  muted: "oklch(0.95 0.008 260)",
+  mutedForeground: "oklch(0.52 0.02 260)",
+  accent: "oklch(0.94 0.03 255)",
+  accentForeground: "oklch(0.4 0.12 255)",
+  destructive: "oklch(0.58 0.22 25)",
   destructiveForeground: "oklch(0.99 0 0)",
-  border: "oklch(0.92 0.008 264)",
-  input: "oklch(0.965 0.006 264)",
-  ring: "oklch(0.6 0.19 264)",
-  chart1: "oklch(0.7 0.11 264)",
-  chart2: "oklch(0.62 0.15 264)",
-  chart3: "oklch(0.55 0.19 264)",
-  chart4: "oklch(0.72 0.1 210)",
-  chart5: "oklch(0.68 0.13 300)",
-  sidebar: "oklch(0.985 0.003 264)",
-  sidebarForeground: "oklch(0.21 0.03 264)",
-  sidebarPrimary: "oklch(0.7 0.11 264)",
-  sidebarPrimaryForeground: "oklch(0.99 0.002 264)",
-  sidebarAccent: "oklch(0.95 0.03 264)",
-  sidebarAccentForeground: "oklch(0.42 0.11 264)",
-  sidebarBorder: "oklch(0.92 0.008 264)",
-  sidebarRing: "oklch(0.6 0.19 264)"
+  border: "oklch(0.82 0.015 260)",
+  input: "oklch(1 0 0)",
+  ring: "oklch(0.55 0.19 255)",
+  chart1: "oklch(0.55 0.19 255)",
+  chart2: "oklch(0.62 0.18 300)",
+  chart3: "oklch(0.7 0.16 55)",
+  chart4: "oklch(0.65 0.17 145)",
+  chart5: "oklch(0.6 0.2 25)",
+  sidebar: "oklch(1 0 0)",
+  sidebarForeground: "oklch(0.22 0.02 260)",
+  sidebarPrimary: "oklch(0.55 0.19 255)",
+  sidebarPrimaryForeground: "oklch(0.99 0.005 255)",
+  sidebarAccent: "oklch(0.94 0.03 255)",
+  sidebarAccentForeground: "oklch(0.4 0.12 255)",
+  sidebarBorder: "oklch(0.82 0.015 260)",
+  sidebarRing: "oklch(0.55 0.19 255)"
 };
 var dark3 = {
-  background: "oklch(0.19 0.02 264)",
-  foreground: "oklch(0.97 0.005 264)",
-  card: "oklch(0.23 0.024 264)",
-  cardForeground: "oklch(0.97 0.005 264)",
-  popover: "oklch(0.23 0.024 264)",
-  popoverForeground: "oklch(0.97 0.005 264)",
-  primary: "oklch(0.72 0.12 264)",
-  primaryForeground: "oklch(0.16 0.03 264)",
-  secondary: "oklch(0.28 0.02 264)",
-  secondaryForeground: "oklch(0.97 0.005 264)",
-  muted: "oklch(0.28 0.02 264)",
-  mutedForeground: "oklch(0.72 0.02 264)",
-  accent: "oklch(0.32 0.05 264)",
-  accentForeground: "oklch(0.9 0.05 264)",
-  destructive: "oklch(0.7 0.19 22)",
+  background: "oklch(0.18 0.02 260)",
+  foreground: "oklch(0.96 0.01 260)",
+  card: "oklch(0.24 0.025 260)",
+  cardForeground: "oklch(0.96 0.01 260)",
+  popover: "oklch(0.24 0.025 260)",
+  popoverForeground: "oklch(0.96 0.01 260)",
+  primary: "oklch(0.68 0.16 255)",
+  primaryForeground: "oklch(0.18 0.03 260)",
+  secondary: "oklch(0.3 0.02 260)",
+  secondaryForeground: "oklch(0.96 0.01 260)",
+  muted: "oklch(0.3 0.02 260)",
+  mutedForeground: "oklch(0.7 0.02 260)",
+  accent: "oklch(0.32 0.05 255)",
+  accentForeground: "oklch(0.85 0.06 255)",
+  destructive: "oklch(0.68 0.18 22)",
   destructiveForeground: "oklch(0.99 0 0)",
-  border: "oklch(1 0 0 / 10%)",
-  input: "oklch(1 0 0 / 12%)",
-  ring: "oklch(0.65 0.17 264)",
-  chart1: "oklch(0.72 0.12 264)",
-  chart2: "oklch(0.64 0.15 264)",
-  chart3: "oklch(0.58 0.18 264)",
-  chart4: "oklch(0.74 0.1 210)",
-  chart5: "oklch(0.7 0.13 300)",
-  sidebar: "oklch(0.21 0.022 264)",
-  sidebarForeground: "oklch(0.97 0.005 264)",
-  sidebarPrimary: "oklch(0.72 0.12 264)",
-  sidebarPrimaryForeground: "oklch(0.16 0.03 264)",
-  sidebarAccent: "oklch(0.32 0.05 264)",
-  sidebarAccentForeground: "oklch(0.9 0.05 264)",
-  sidebarBorder: "oklch(1 0 0 / 10%)",
-  sidebarRing: "oklch(0.65 0.17 264)"
+  border: "oklch(1 0 0 / 16%)",
+  input: "oklch(0.24 0.025 260)",
+  ring: "oklch(0.68 0.16 255)",
+  chart1: "oklch(0.68 0.16 255)",
+  chart2: "oklch(0.7 0.15 300)",
+  chart3: "oklch(0.75 0.14 55)",
+  chart4: "oklch(0.7 0.14 145)",
+  chart5: "oklch(0.68 0.18 25)",
+  sidebar: "oklch(0.22 0.025 260)",
+  sidebarForeground: "oklch(0.96 0.01 260)",
+  sidebarPrimary: "oklch(0.68 0.16 255)",
+  sidebarPrimaryForeground: "oklch(0.18 0.03 260)",
+  sidebarAccent: "oklch(0.32 0.05 255)",
+  sidebarAccentForeground: "oklch(0.85 0.06 255)",
+  sidebarBorder: "oklch(1 0 0 / 14%)",
+  sidebarRing: "oklch(0.68 0.16 255)"
 };
 var toon = {
   name: "toon",
@@ -290,41 +290,42 @@ var toon = {
   colors: { light: light3, dark: dark3 },
   typography: {
     sans: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
-    heading: '"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif',
+    heading: '"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
     mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
-    googleFonts: ["Inter", "Plus Jakarta Sans"]
+    googleFonts: ["Inter"]
   },
   radius: {
-    base: "1.25rem",
-    // A slightly gentler ramp so large elements do not over-round.
+    base: "0.75rem",
     scale: {
-      sm: 0.4,
-      md: 0.6,
+      sm: 0.55,
+      md: 0.75,
       lg: 1,
-      xl: 1.2,
-      "2xl": 1.5,
-      "3xl": 1.8,
-      "4xl": 2.2
+      xl: 1.15,
+      "2xl": 1.35,
+      "3xl": 1.55,
+      "4xl": 1.75
     }
   },
   elevation: {
+    // Hard lips live in the variant CSS — keep token shadows empty so utilities
+    // like `shadow-sm` do not reintroduce soft elevation.
     shadows: {
-      xs: "0 1px 2px 0 oklch(0.55 0.19 264 / 0.06)",
-      sm: "0 2px 8px -2px oklch(0.55 0.19 264 / 0.10), 0 1px 3px -1px oklch(0 0 0 / 0.05)",
-      md: "0 6px 20px -6px oklch(0.55 0.19 264 / 0.16), 0 2px 6px -2px oklch(0 0 0 / 0.06)",
-      lg: "0 14px 34px -10px oklch(0.55 0.19 264 / 0.20), 0 4px 10px -4px oklch(0 0 0 / 0.07)",
-      xl: "0 24px 56px -16px oklch(0.55 0.19 264 / 0.26), 0 8px 18px -8px oklch(0 0 0 / 0.08)"
+      xs: "none",
+      sm: "none",
+      md: "none",
+      lg: "none",
+      xl: "none"
     },
-    borderStrength: 0.5,
-    level: "md"
+    borderStrength: 1,
+    level: "none"
   },
   density: {
-    spacing: "0.26rem",
-    scale: 1.1
+    spacing: "0.25rem",
+    scale: 1
   },
   motion: {
-    duration: 240,
-    easing: "cubic-bezier(0.22, 1, 0.36, 1)",
+    duration: 160,
+    easing: "cubic-bezier(0.2, 0.8, 0.2, 1)",
     intensity: 1
   }
 };
@@ -341,5 +342,5 @@ function getPreset(name) {
 var defaultPreset = flat;
 
 export { defaultPreset, flat, frosted, getPreset, presets, toon };
-//# sourceMappingURL=chunk-3JRKA6NS.js.map
-//# sourceMappingURL=chunk-3JRKA6NS.js.map
+//# sourceMappingURL=chunk-M7SJIMSX.js.map
+//# sourceMappingURL=chunk-M7SJIMSX.js.map

package/dist/chunk-M7SJIMSX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presets/flat.ts","../src/presets/frosted.ts","../src/presets/toon.ts","../src/presets/index.ts"],"names":["light","dark"],"mappings":"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","file":"chunk-M7SJIMSX.js","sourcesContent":["import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\nconst light: ColorTokens = {\r\n  background: \"oklch(1 0 0)\",\r\n  foreground: \"oklch(0.148 0.004 228.8)\",\r\n  card: \"oklch(1 0 0)\",\r\n  cardForeground: \"oklch(0.148 0.004 228.8)\",\r\n  popover: \"oklch(1 0 0)\",\r\n  popoverForeground: \"oklch(0.148 0.004 228.8)\",\r\n  primary: \"oklch(0.514 0.222 16.935)\",\r\n  primaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n  secondary: \"oklch(0.967 0.001 286.375)\",\r\n  secondaryForeground: \"oklch(0.21 0.006 285.885)\",\r\n  muted: \"oklch(0.963 0.002 197.1)\",\r\n  mutedForeground: \"oklch(0.56 0.021 213.5)\",\r\n  accent: \"oklch(0.963 0.002 197.1)\",\r\n  accentForeground: \"oklch(0.218 0.008 223.9)\",\r\n  destructive: \"oklch(0.577 0.245 27.325)\",\r\n  destructiveForeground: \"oklch(0.985 0 0)\",\r\n  border: \"oklch(0.925 0.005 214.3)\",\r\n  input: \"oklch(0.925 0.005 214.3)\",\r\n  ring: \"oklch(0.723 0.014 214.4)\",\r\n  chart1: \"oklch(0.81 0.117 11.638)\",\r\n  chart2: \"oklch(0.645 0.246 16.439)\",\r\n  chart3: \"oklch(0.586 0.253 17.585)\",\r\n  chart4: \"oklch(0.514 0.222 16.935)\",\r\n  chart5: \"oklch(0.455 0.188 13.697)\",\r\n  sidebar: \"oklch(0.987 0.002 197.1)\",\r\n  sidebarForeground: \"oklch(0.148 0.004 228.8)\",\r\n  sidebarPrimary: \"oklch(0.586 0.253 17.585)\",\r\n  sidebarPrimaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n  sidebarAccent: \"oklch(0.963 0.002 197.1)\",\r\n  sidebarAccentForeground: \"oklch(0.218 0.008 223.9)\",\r\n  sidebarBorder: \"oklch(0.925 0.005 214.3)\",\r\n  sidebarRing: \"oklch(0.723 0.014 214.4)\",\r\n};\r\n\r\nconst dark: ColorTokens = {\r\n  background: \"oklch(0.148 0.004 228.8)\",\r\n  foreground: \"oklch(0.987 0.002 197.1)\",\r\n  card: \"oklch(0.218 0.008 223.9)\",\r\n  cardForeground: \"oklch(0.987 0.002 197.1)\",\r\n  popover: \"oklch(0.218 0.008 223.9)\",\r\n  popoverForeground: \"oklch(0.987 0.002 197.1)\",\r\n  primary: \"oklch(0.455 0.188 13.697)\",\r\n  primaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n  secondary: \"oklch(0.274 0.006 286.033)\",\r\n  secondaryForeground: \"oklch(0.985 0 0)\",\r\n  muted: \"oklch(0.275 0.011 216.9)\",\r\n  mutedForeground: \"oklch(0.723 0.014 214.4)\",\r\n  accent: \"oklch(0.275 0.011 216.9)\",\r\n  accentForeground: \"oklch(0.987 0.002 197.1)\",\r\n  destructive: \"oklch(0.704 0.191 22.216)\",\r\n  destructiveForeground: \"oklch(0.985 0 0)\",\r\n  border: \"oklch(1 0 0 / 10%)\",\r\n  input: \"oklch(1 0 0 / 15%)\",\r\n  ring: \"oklch(0.56 0.021 213.5)\",\r\n  chart1: \"oklch(0.81 0.117 11.638)\",\r\n  chart2: \"oklch(0.645 0.246 16.439)\",\r\n  chart3: \"oklch(0.586 0.253 17.585)\",\r\n  chart4: \"oklch(0.514 0.222 16.935)\",\r\n  chart5: \"oklch(0.455 0.188 13.697)\",\r\n  sidebar: \"oklch(0.17 0.006 228.8)\",\r\n  sidebarForeground: \"oklch(0.987 0.002 197.1)\",\r\n  sidebarPrimary: \"oklch(0.514 0.222 16.935)\",\r\n  sidebarPrimaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n  sidebarAccent: \"oklch(0.24 0.008 228.8)\",\r\n  sidebarAccentForeground: \"oklch(0.987 0.002 197.1)\",\r\n  sidebarBorder: \"oklch(1 0 0 / 10%)\",\r\n  sidebarRing: \"oklch(0.56 0.021 213.5)\",\r\n};\r\n\r\n/**\r\n * The \"flat\" preset: crisp hairline borders, minimal shadows, tighter radius.\r\n * Mirrors the default Quill look and serves as the baseline variant.\r\n */\r\nexport const flat: ThemeConfig = {\r\n  name: \"flat\",\r\n  variant: \"flat\",\r\n  colors: { light, dark },\r\n  typography: {\r\n    sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    heading:\r\n      'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n    googleFonts: [],\r\n  },\r\n  radius: {\r\n    base: \"0.45rem\",\r\n  },\r\n  elevation: {\r\n    shadows: {\r\n      xs: \"0 1px 2px 0 oklch(0 0 0 / 0.04)\",\r\n      sm: \"0 1px 3px 0 oklch(0 0 0 / 0.06), 0 1px 2px -1px oklch(0 0 0 / 0.06)\",\r\n      md: \"0 2px 6px -1px oklch(0 0 0 / 0.07), 0 1px 4px -2px oklch(0 0 0 / 0.06)\",\r\n      lg: \"0 8px 16px -4px oklch(0 0 0 / 0.08), 0 2px 6px -2px oklch(0 0 0 / 0.06)\",\r\n      xl: \"0 16px 32px -8px oklch(0 0 0 / 0.10), 0 4px 10px -4px oklch(0 0 0 / 0.06)\",\r\n    },\r\n    borderStrength: 0.1,\r\n    level: \"none\",\r\n  },\r\n  density: {\r\n    spacing: \"0.25rem\",\r\n    scale: 1,\r\n  },\r\n  motion: {\r\n    duration: 200,\r\n    easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n    intensity: 1,\r\n  },\r\n};\r\n","import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\n/**\r\n * Light palette for Frosted: cool icy neutrals with translucent surfaces and a\r\n * soft sky-blue accent — designed so backdrop-blur skins can show through.\r\n */\r\nconst light: ColorTokens = {\r\n  background: \"oklch(0.94 0.02 240)\",\r\n  foreground: \"oklch(0.24 0.03 255)\",\r\n  card: \"oklch(1 0.01 240 / 55%)\",\r\n  cardForeground: \"oklch(0.24 0.03 255)\",\r\n  popover: \"oklch(1 0.01 240 / 62%)\",\r\n  popoverForeground: \"oklch(0.24 0.03 255)\",\r\n  primary: \"oklch(0.62 0.12 240)\",\r\n  primaryForeground: \"oklch(0.99 0.005 240)\",\r\n  secondary: \"oklch(0.92 0.02 240 / 70%)\",\r\n  secondaryForeground: \"oklch(0.3 0.04 255)\",\r\n  muted: \"oklch(0.93 0.015 240 / 65%)\",\r\n  mutedForeground: \"oklch(0.5 0.03 250)\",\r\n  accent: \"oklch(0.9 0.04 230 / 70%)\",\r\n  accentForeground: \"oklch(0.35 0.08 245)\",\r\n  destructive: \"oklch(0.6 0.2 25)\",\r\n  destructiveForeground: \"oklch(0.99 0 0)\",\r\n  border: \"oklch(0.85 0.02 240 / 55%)\",\r\n  input: \"oklch(0.97 0.01 240 / 50%)\",\r\n  ring: \"oklch(0.62 0.14 235)\",\r\n  chart1: \"oklch(0.62 0.12 240)\",\r\n  chart2: \"oklch(0.68 0.1 200)\",\r\n  chart3: \"oklch(0.58 0.14 280)\",\r\n  chart4: \"oklch(0.72 0.08 180)\",\r\n  chart5: \"oklch(0.66 0.11 320)\",\r\n  sidebar: \"oklch(0.96 0.015 240 / 55%)\",\r\n  sidebarForeground: \"oklch(0.24 0.03 255)\",\r\n  sidebarPrimary: \"oklch(0.62 0.12 240)\",\r\n  sidebarPrimaryForeground: \"oklch(0.99 0.005 240)\",\r\n  sidebarAccent: \"oklch(0.9 0.04 230 / 70%)\",\r\n  sidebarAccentForeground: \"oklch(0.35 0.08 245)\",\r\n  sidebarBorder: \"oklch(0.85 0.02 240 / 50%)\",\r\n  sidebarRing: \"oklch(0.62 0.14 235)\",\r\n};\r\n\r\n/** Dark palette: deep indigo glass over a cool night background. */\r\nconst dark: ColorTokens = {\r\n  background: \"oklch(0.18 0.03 260)\",\r\n  foreground: \"oklch(0.96 0.01 240)\",\r\n  card: \"oklch(0.28 0.04 260 / 45%)\",\r\n  cardForeground: \"oklch(0.96 0.01 240)\",\r\n  popover: \"oklch(0.3 0.04 260 / 52%)\",\r\n  popoverForeground: \"oklch(0.96 0.01 240)\",\r\n  primary: \"oklch(0.72 0.12 230)\",\r\n  primaryForeground: \"oklch(0.18 0.03 260)\",\r\n  secondary: \"oklch(0.32 0.03 260 / 55%)\",\r\n  secondaryForeground: \"oklch(0.96 0.01 240)\",\r\n  muted: \"oklch(0.3 0.03 260 / 50%)\",\r\n  mutedForeground: \"oklch(0.72 0.03 250)\",\r\n  accent: \"oklch(0.36 0.05 250 / 55%)\",\r\n  accentForeground: \"oklch(0.92 0.03 230)\",\r\n  destructive: \"oklch(0.68 0.18 22)\",\r\n  destructiveForeground: \"oklch(0.99 0 0)\",\r\n  border: \"oklch(1 0 0 / 14%)\",\r\n  input: \"oklch(1 0 0 / 10%)\",\r\n  ring: \"oklch(0.7 0.12 230)\",\r\n  chart1: \"oklch(0.72 0.12 230)\",\r\n  chart2: \"oklch(0.7 0.1 200)\",\r\n  chart3: \"oklch(0.66 0.14 280)\",\r\n  chart4: \"oklch(0.74 0.08 180)\",\r\n  chart5: \"oklch(0.68 0.11 320)\",\r\n  sidebar: \"oklch(0.22 0.035 260 / 50%)\",\r\n  sidebarForeground: \"oklch(0.96 0.01 240)\",\r\n  sidebarPrimary: \"oklch(0.72 0.12 230)\",\r\n  sidebarPrimaryForeground: \"oklch(0.18 0.03 260)\",\r\n  sidebarAccent: \"oklch(0.36 0.05 250 / 55%)\",\r\n  sidebarAccentForeground: \"oklch(0.92 0.03 230)\",\r\n  sidebarBorder: \"oklch(1 0 0 / 12%)\",\r\n  sidebarRing: \"oklch(0.7 0.12 230)\",\r\n};\r\n\r\n/**\r\n * The \"frosted\" preset: icy translucent surfaces paired with\r\n * `styles/variant-frosted.css` for backdrop-blur glassmorphism across slots.\r\n */\r\nexport const frosted: ThemeConfig = {\r\n  name: \"frosted\",\r\n  variant: \"frosted\",\r\n  colors: { light, dark },\r\n  typography: {\r\n    sans: '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n    heading:\r\n      '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n    mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n    googleFonts: [\"Inter\"],\r\n  },\r\n  radius: {\r\n    base: \"0.75rem\",\r\n    scale: {\r\n      sm: 0.55,\r\n      md: 0.8,\r\n      lg: 1,\r\n      xl: 1.2,\r\n      \"2xl\": 1.4,\r\n      \"3xl\": 1.6,\r\n      \"4xl\": 1.8,\r\n    },\r\n  },\r\n  elevation: {\r\n    shadows: {\r\n      xs: \"none\",\r\n      sm: \"none\",\r\n      md: \"0 4px 16px -8px oklch(0.45 0.08 240 / 0.12)\",\r\n      lg: \"0 10px 28px -12px oklch(0.45 0.08 240 / 0.16)\",\r\n      xl: \"0 18px 40px -16px oklch(0.45 0.08 240 / 0.2)\",\r\n    },\r\n    borderStrength: 0.35,\r\n    level: \"sm\",\r\n  },\r\n  density: {\r\n    spacing: \"0.25rem\",\r\n    scale: 1.05,\r\n  },\r\n  motion: {\r\n    duration: 260,\r\n    easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n    intensity: 1,\r\n  },\r\n};\r\n","import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\n/**\r\n * Light palette for Toon: clean dashboard neutrals with a solid blue accent.\r\n * Cel-shaded / neo-brutalist — depth comes from thick bottom borders, not shadows.\r\n */\r\nconst light: ColorTokens = {\r\n  background: \"oklch(0.965 0.005 260)\",\r\n  foreground: \"oklch(0.22 0.02 260)\",\r\n  card: \"oklch(1 0 0)\",\r\n  cardForeground: \"oklch(0.22 0.02 260)\",\r\n  popover: \"oklch(1 0 0)\",\r\n  popoverForeground: \"oklch(0.22 0.02 260)\",\r\n  primary: \"oklch(0.55 0.19 255)\",\r\n  primaryForeground: \"oklch(0.99 0.005 255)\",\r\n  secondary: \"oklch(0.96 0.01 260)\",\r\n  secondaryForeground: \"oklch(0.28 0.03 260)\",\r\n  muted: \"oklch(0.95 0.008 260)\",\r\n  mutedForeground: \"oklch(0.52 0.02 260)\",\r\n  accent: \"oklch(0.94 0.03 255)\",\r\n  accentForeground: \"oklch(0.4 0.12 255)\",\r\n  destructive: \"oklch(0.58 0.22 25)\",\r\n  destructiveForeground: \"oklch(0.99 0 0)\",\r\n  border: \"oklch(0.82 0.015 260)\",\r\n  input: \"oklch(1 0 0)\",\r\n  ring: \"oklch(0.55 0.19 255)\",\r\n  chart1: \"oklch(0.55 0.19 255)\",\r\n  chart2: \"oklch(0.62 0.18 300)\",\r\n  chart3: \"oklch(0.7 0.16 55)\",\r\n  chart4: \"oklch(0.65 0.17 145)\",\r\n  chart5: \"oklch(0.6 0.2 25)\",\r\n  sidebar: \"oklch(1 0 0)\",\r\n  sidebarForeground: \"oklch(0.22 0.02 260)\",\r\n  sidebarPrimary: \"oklch(0.55 0.19 255)\",\r\n  sidebarPrimaryForeground: \"oklch(0.99 0.005 255)\",\r\n  sidebarAccent: \"oklch(0.94 0.03 255)\",\r\n  sidebarAccentForeground: \"oklch(0.4 0.12 255)\",\r\n  sidebarBorder: \"oklch(0.82 0.015 260)\",\r\n  sidebarRing: \"oklch(0.55 0.19 255)\",\r\n};\r\n\r\n/** Dark palette: ink surfaces with the same punched blue accent. */\r\nconst dark: ColorTokens = {\r\n  background: \"oklch(0.18 0.02 260)\",\r\n  foreground: \"oklch(0.96 0.01 260)\",\r\n  card: \"oklch(0.24 0.025 260)\",\r\n  cardForeground: \"oklch(0.96 0.01 260)\",\r\n  popover: \"oklch(0.24 0.025 260)\",\r\n  popoverForeground: \"oklch(0.96 0.01 260)\",\r\n  primary: \"oklch(0.68 0.16 255)\",\r\n  primaryForeground: \"oklch(0.18 0.03 260)\",\r\n  secondary: \"oklch(0.3 0.02 260)\",\r\n  secondaryForeground: \"oklch(0.96 0.01 260)\",\r\n  muted: \"oklch(0.3 0.02 260)\",\r\n  mutedForeground: \"oklch(0.7 0.02 260)\",\r\n  accent: \"oklch(0.32 0.05 255)\",\r\n  accentForeground: \"oklch(0.85 0.06 255)\",\r\n  destructive: \"oklch(0.68 0.18 22)\",\r\n  destructiveForeground: \"oklch(0.99 0 0)\",\r\n  border: \"oklch(1 0 0 / 16%)\",\r\n  input: \"oklch(0.24 0.025 260)\",\r\n  ring: \"oklch(0.68 0.16 255)\",\r\n  chart1: \"oklch(0.68 0.16 255)\",\r\n  chart2: \"oklch(0.7 0.15 300)\",\r\n  chart3: \"oklch(0.75 0.14 55)\",\r\n  chart4: \"oklch(0.7 0.14 145)\",\r\n  chart5: \"oklch(0.68 0.18 25)\",\r\n  sidebar: \"oklch(0.22 0.025 260)\",\r\n  sidebarForeground: \"oklch(0.96 0.01 260)\",\r\n  sidebarPrimary: \"oklch(0.68 0.16 255)\",\r\n  sidebarPrimaryForeground: \"oklch(0.18 0.03 260)\",\r\n  sidebarAccent: \"oklch(0.32 0.05 255)\",\r\n  sidebarAccentForeground: \"oklch(0.85 0.06 255)\",\r\n  sidebarBorder: \"oklch(1 0 0 / 14%)\",\r\n  sidebarRing: \"oklch(0.68 0.16 255)\",\r\n};\r\n\r\n/**\r\n * The \"toon\" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,\r\n * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders\r\n * auto-darkened from each surface fill via `--toon-fill`.\r\n */\r\nexport const toon: ThemeConfig = {\r\n  name: \"toon\",\r\n  variant: \"toon\",\r\n  colors: { light, dark },\r\n  typography: {\r\n    sans: '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n    heading:\r\n      '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n    mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n    googleFonts: [\"Inter\"],\r\n  },\r\n  radius: {\r\n    base: \"0.75rem\",\r\n    scale: {\r\n      sm: 0.55,\r\n      md: 0.75,\r\n      lg: 1,\r\n      xl: 1.15,\r\n      \"2xl\": 1.35,\r\n      \"3xl\": 1.55,\r\n      \"4xl\": 1.75,\r\n    },\r\n  },\r\n  elevation: {\r\n    // Hard lips live in the variant CSS — keep token shadows empty so utilities\r\n    // like `shadow-sm` do not reintroduce soft elevation.\r\n    shadows: {\r\n      xs: \"none\",\r\n      sm: \"none\",\r\n      md: \"none\",\r\n      lg: \"none\",\r\n      xl: \"none\",\r\n    },\r\n    borderStrength: 1,\r\n    level: \"none\",\r\n  },\r\n  density: {\r\n    spacing: \"0.25rem\",\r\n    scale: 1,\r\n  },\r\n  motion: {\r\n    duration: 160,\r\n    easing: \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\r\n    intensity: 1,\r\n  },\r\n};\r\n","import type { ThemeConfig, VariantName } from \"../core/types\";\r\nimport { flat } from \"./flat\";\r\nimport { frosted } from \"./frosted\";\r\nimport { toon } from \"./toon\";\r\n\r\nexport { flat } from \"./flat\";\r\nexport { frosted } from \"./frosted\";\r\nexport { toon } from \"./toon\";\r\n\r\n/** All built-in presets, keyed by name. */\r\nexport const presets = {\r\n  flat,\r\n  toon,\r\n  frosted,\r\n} satisfies Record<string, ThemeConfig>;\r\n\r\nexport type PresetName = keyof typeof presets;\r\n\r\n/** Returns a built-in preset by name, or undefined if it is not registered. */\r\nexport function getPreset(name: VariantName): ThemeConfig | undefined {\r\n  return (presets as Record<string, ThemeConfig>)[name];\r\n}\r\n\r\n/** The default preset used when none is specified. */\r\nexport const defaultPreset: ThemeConfig = flat;\r\n"]}

package/dist/{index-wWkmeDkd.d.ts → index-C8-t5s-1.d.ts}

@@ -158,9 +158,9 @@ declare const flat: ThemeConfig;
 declare const frosted: ThemeConfig;
 
 /**
- * The "toon" preset: soft, elevated, and pill-shaped. Large radius, gentle
- * layered shadows, subtle borders and a little extra breathing room. Pairs with
- * `styles/variant-toon.css` which rounds controls into pills.
+ * The "toon" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,
+ * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders
+ * auto-darkened from each surface fill via `--toon-fill`.
  */
 declare const toon: ThemeConfig;
 

package/dist/index.d.ts

@@ -386,9 +386,9 @@ declare const flat: ThemeConfig;
 declare const frosted: ThemeConfig;
 
 /**
- * The "toon" preset: soft, elevated, and pill-shaped. Large radius, gentle
- * layered shadows, subtle borders and a little extra breathing room. Pairs with
- * `styles/variant-toon.css` which rounds controls into pills.
+ * The "toon" preset: cel-shaded / neo-brutalist. Moderate radius, flat color,
+ * zero soft shadows. Depth comes from `variant-toon.css` thick bottom borders
+ * auto-darkened from each surface fill via `--toon-fill`.
  */
 declare const toon: ThemeConfig;