wensity 0.1.9 → 0.1.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Wensity Private Limited
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -6,11 +6,16 @@ Install open-code components and UI primitives from the Wensity registry into yo
 # Initialise (defaults: Tabler icons, medium radius)
 npx wensity@latest init
 
-# Or apply a shareable preset from https://ui.wensity.com/docs/primitives/setup
-# Preset template support requires wensity 0.1.9 or later
+# Or apply a shareable preset from https://ui.wensity.com/create-preset
 npx wensity@latest init --preset <wsty1-code>
 npx wensity@latest init --preset <wsty1-code> --template next
 
+# Existing project — style + CSS only
+npx wensity@latest apply --preset <wsty1-code>
+
+# Inspect a code before applying
+npx wensity@latest preset inspect <wsty1-code>
+
 # Install a primitive or component
 npx wensity@latest add button
 npx wensity@latest add liquid-multimodal-input
@@ -18,7 +23,7 @@ npx wensity@latest add liquid-multimodal-input
 
 ## Presets (primitives)
 
-Generate a preset on [`/docs/primitives/setup`](https://ui.wensity.com/docs/primitives/setup), then run the copied `init --preset` command once. Settings land in `wensity.json` (`style.iconLibrary`, radius, fonts, control-solid colors) and a delimited `--primitive-*` CSS block in your Tailwind CSS file.
+Generate a preset in the [Create preset studio](https://ui.wensity.com/create-preset) (guide: [`/docs/create-preset`](https://ui.wensity.com/docs/create-preset)). Then run `init --preset` (new project) or `apply --preset` (existing). Settings land in `wensity.json` (`style.iconLibrary`, radius, fonts, control-solid colors) and a delimited `--primitive-*` CSS block in your Tailwind CSS file.
 
 Later `wensity add <primitive>` / `wensity update <primitive>` reads that style automatically:
 
@@ -26,13 +31,15 @@ Later `wensity add <primitive>` / `wensity update <primitive>` reads that style
 - Tabler ↔ Lucide icon imports transform at install time for **UI primitives only**
 - Mandatory dependency swap installs exactly one icon package when icons are used
 
-Plain `init` (no `--preset`) refuses to overwrite an existing `wensity.json` unless you pass `--force`. `init --preset` merges `style` (+ CSS) into an existing config without rewriting installed component source.
+Plain `init` (no `--preset`) refuses to overwrite an existing `wensity.json` unless you pass `--force`. Prefer `apply --preset` for style-only updates; `init --preset` also merges `style` (+ CSS) without rewriting installed component source.
 
 ## Commands
 
 | Command | Purpose |
 |---|---|
 | `wensity init [--preset <code>] [--template next\|vite\|astro\|react-router]` | Create / merge project config |
+| `wensity apply --preset <code>` | Apply style + CSS to an existing project |
+| `wensity preset inspect <code>` | Decode a preset code |
 | `wensity login` | Save a dashboard API token for Pro |
 | `wensity logout` | Clear credentials |
 | `wensity whoami` | Show current user / plan |
@@ -53,4 +60,4 @@ Premium components and blocks require an API token from the Wensity dashboard. T
 | `@wensity/ui` runtime | Never | Never |
 | Premium `/components` | Token + license | Not exported |
 
-Docs: [CLI reference](https://ui.wensity.com/docs/cli) · [Primitive setup](https://ui.wensity.com/docs/primitives/setup) · [Primitives](https://ui.wensity.com/docs/primitives)
+Docs: [CLI reference](https://ui.wensity.com/docs/cli) · [Create preset](https://ui.wensity.com/docs/create-preset) · [Primitives](https://ui.wensity.com/docs/primitives)

package/dist/index.js

@@ -57,7 +57,7 @@ Options:
   --version            Print the CLI version
 
 Preset notes:
-  Generate codes at ${DEFAULT_API_ORIGIN}/docs/primitives/setup
+  Generate codes at ${DEFAULT_API_ORIGIN}/create-preset (guide: ${DEFAULT_API_ORIGIN}/docs/create-preset)
   preset inspect decodes the token, font packages, and resolved primitive tokens
   apply --preset updates existing style + primitive CSS without scaffolding helper files
   Plain init refuses an existing wensity.json unless --force
@@ -153,7 +153,8 @@ var BASE_COLOR_IDS = [
   "taupe",
   "mauve",
   "olive",
-  "mist"
+  "mist",
+  "black"
 ];
 var THEME_COLOR_IDS = [
   "ink",
@@ -669,7 +670,7 @@ function validateStyleConfigCanonicalPartial(value) {
   if ("baseColor" in value) {
     if (typeof value.baseColor !== "string" || !isBaseColorId(value.baseColor)) {
       throw new PresetValidationError(
-        "Invalid style.baseColor. Expected inherit | neutral | zinc | gray | slate | cool-gray | stone | taupe.",
+        "Invalid style.baseColor. Expected a supported base color id.",
         "style.baseColor"
       );
     }
@@ -1312,7 +1313,7 @@ function validateCodecPayloadCanonical(value) {
   }
   if (typeof value.baseColor !== "string" || !isBaseColorId(value.baseColor)) {
     throw new PresetValidationError(
-      "Invalid preset.baseColor. Expected inherit | neutral | zinc | slate | stone | taupe.",
+      "Invalid preset.baseColor. Expected a supported base color id.",
       "preset.baseColor"
     );
   }
@@ -1536,162 +1537,225 @@ var LUCIDE_TO_TABLER = Object.fromEntries(
 var BASE_COLOR_PALETTE = {
   zinc: {
     light: {
-      surfaceElevated: "#fafafa",
-      surfaceOverlay: "#f4f4f5",
-      foreground: "#09090b",
-      border: "rgba(9, 9, 11, 0.08)",
-      mutedForeground: "#71717a"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.967 0.001 286.375)",
+      surfaceActive: "color-mix(in oklab, oklch(0.967 0.001 286.375) 92%, oklch(0.141 0.005 285.823) 8%)",
+      borderSubtle: "oklch(0.92 0.004 286.32)",
+      textSecondary: "oklch(0.552 0.016 285.938)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.552 0.016 285.938) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#18181b",
-      surfaceOverlay: "#27272a",
-      foreground: "#fafafa",
-      border: "rgba(250, 250, 250, 0.10)",
-      mutedForeground: "#a1a1aa"
+      surfaceElevated: "oklch(0.21 0.006 285.885)",
+      surfaceOverlay: "oklch(0.21 0.006 285.885)",
+      surfaceHover: "oklch(0.274 0.006 286.033)",
+      surfaceActive: "color-mix(in oklab, oklch(0.274 0.006 286.033) 88%, oklch(0.985 0 0) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.705 0.015 286.067)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.705 0.015 286.067) 78%, transparent)"
     }
   },
   neutral: {
     light: {
-      surfaceElevated: "#fafafa",
-      surfaceOverlay: "#f5f5f5",
-      foreground: "#171717",
-      border: "rgba(23, 23, 23, 0.08)",
-      mutedForeground: "#737373"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.97 0 0)",
+      surfaceActive: "color-mix(in oklab, oklch(0.97 0 0) 92%, oklch(0.145 0 0) 8%)",
+      borderSubtle: "oklch(0.922 0 0)",
+      textSecondary: "oklch(0.556 0 0)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.556 0 0) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#171717",
-      surfaceOverlay: "#262626",
-      foreground: "#fafafa",
-      border: "rgba(250, 250, 250, 0.10)",
-      mutedForeground: "#a3a3a3"
+      surfaceElevated: "oklch(0.205 0 0)",
+      surfaceOverlay: "oklch(0.205 0 0)",
+      surfaceHover: "oklch(0.269 0 0)",
+      surfaceActive: "color-mix(in oklab, oklch(0.269 0 0) 88%, oklch(0.985 0 0) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.708 0 0)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.708 0 0) 78%, transparent)"
     }
   },
   gray: {
     light: {
-      surfaceElevated: "#f9fafb",
-      surfaceOverlay: "#f3f4f6",
-      foreground: "#111827",
-      border: "rgba(17, 24, 39, 0.08)",
-      mutedForeground: "#6b7280"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.967 0.003 264.542)",
+      surfaceActive: "color-mix(in oklab, oklch(0.967 0.003 264.542) 92%, oklch(0.13 0.028 261.692) 8%)",
+      borderSubtle: "oklch(0.928 0.006 264.531)",
+      textSecondary: "oklch(0.551 0.027 264.364)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.551 0.027 264.364) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#1a1f2b",
-      surfaceOverlay: "#262c3a",
-      foreground: "#f9fafb",
-      border: "rgba(249, 250, 251, 0.10)",
-      mutedForeground: "#9ca3af"
+      surfaceElevated: "oklch(0.21 0.034 264.665)",
+      surfaceOverlay: "oklch(0.21 0.034 264.665)",
+      surfaceHover: "oklch(0.278 0.033 256.848)",
+      surfaceActive: "color-mix(in oklab, oklch(0.278 0.033 256.848) 88%, oklch(0.985 0.002 247.839) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.707 0.022 261.325)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.707 0.022 261.325) 78%, transparent)"
     }
   },
   slate: {
     light: {
-      surfaceElevated: "#f8fafc",
-      surfaceOverlay: "#f1f5f9",
-      foreground: "#0f172a",
-      border: "rgba(15, 23, 42, 0.08)",
-      mutedForeground: "#64748b"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.968 0.007 247.896)",
+      surfaceActive: "color-mix(in oklab, oklch(0.968 0.007 247.896) 92%, oklch(0.129 0.042 264.695) 8%)",
+      borderSubtle: "oklch(0.929 0.013 255.508)",
+      textSecondary: "oklch(0.554 0.046 257.417)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.554 0.046 257.417) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#0f172a",
-      surfaceOverlay: "#1e293b",
-      foreground: "#f8fafc",
-      border: "rgba(248, 250, 252, 0.10)",
-      mutedForeground: "#94a3b8"
+      surfaceElevated: "oklch(0.208 0.042 265.755)",
+      surfaceOverlay: "oklch(0.208 0.042 265.755)",
+      surfaceHover: "oklch(0.279 0.041 260.031)",
+      surfaceActive: "color-mix(in oklab, oklch(0.279 0.041 260.031) 88%, oklch(0.984 0.003 247.858) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.704 0.04 256.788)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.704 0.04 256.788) 78%, transparent)"
     }
   },
   "cool-gray": {
     light: {
-      surfaceElevated: "#f6fafb",
-      surfaceOverlay: "#eaf3f4",
-      foreground: "#13343b",
-      border: "rgba(19, 52, 59, 0.08)",
-      mutedForeground: "#5f7d84"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.963 0.002 197.1)",
+      surfaceActive: "color-mix(in oklab, oklch(0.963 0.002 197.1) 92%, oklch(0.148 0.004 228.8) 8%)",
+      borderSubtle: "oklch(0.925 0.005 214.3)",
+      textSecondary: "oklch(0.56 0.021 213.5)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.56 0.021 213.5) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#101c1f",
-      surfaceOverlay: "#1b2d31",
-      foreground: "#eef6f7",
-      border: "rgba(238, 246, 247, 0.10)",
-      mutedForeground: "#9db3b8"
+      surfaceElevated: "oklch(0.218 0.008 223.9)",
+      surfaceOverlay: "oklch(0.218 0.008 223.9)",
+      surfaceHover: "oklch(0.275 0.011 216.9)",
+      surfaceActive: "color-mix(in oklab, oklch(0.275 0.011 216.9) 88%, oklch(0.987 0.002 197.1) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.723 0.014 214.4)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.723 0.014 214.4) 78%, transparent)"
     }
   },
   stone: {
     light: {
-      surfaceElevated: "#fafaf9",
-      surfaceOverlay: "#f5f5f4",
-      foreground: "#1c1917",
-      border: "rgba(28, 25, 23, 0.08)",
-      mutedForeground: "#78716c"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.97 0.001 106.424)",
+      surfaceActive: "color-mix(in oklab, oklch(0.97 0.001 106.424) 92%, oklch(0.147 0.004 49.25) 8%)",
+      borderSubtle: "oklch(0.923 0.003 48.717)",
+      textSecondary: "oklch(0.553 0.013 58.071)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.553 0.013 58.071) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#1c1917",
-      surfaceOverlay: "#292524",
-      foreground: "#fafaf9",
-      border: "rgba(250, 250, 249, 0.10)",
-      mutedForeground: "#a8a29e"
+      surfaceElevated: "oklch(0.216 0.006 56.043)",
+      surfaceOverlay: "oklch(0.216 0.006 56.043)",
+      surfaceHover: "oklch(0.268 0.007 34.298)",
+      surfaceActive: "color-mix(in oklab, oklch(0.268 0.007 34.298) 88%, oklch(0.985 0.001 106.423) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.709 0.01 56.259)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.709 0.01 56.259) 78%, transparent)"
     }
   },
   taupe: {
     light: {
-      surfaceElevated: "#faf8f5",
-      surfaceOverlay: "#f3ede6",
-      foreground: "#3b342e",
-      border: "rgba(59, 52, 46, 0.10)",
-      mutedForeground: "#8a7f74"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.96 0.002 17.2)",
+      surfaceActive: "color-mix(in oklab, oklch(0.96 0.002 17.2) 92%, oklch(0.147 0.004 49.3) 8%)",
+      borderSubtle: "oklch(0.922 0.005 34.3)",
+      textSecondary: "oklch(0.547 0.021 43.1)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.547 0.021 43.1) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#1c1916",
-      surfaceOverlay: "#2a2521",
-      foreground: "#f5f0ea",
-      border: "rgba(245, 240, 234, 0.10)",
-      mutedForeground: "#a89f94"
+      surfaceElevated: "oklch(0.214 0.009 43.1)",
+      surfaceOverlay: "oklch(0.214 0.009 43.1)",
+      surfaceHover: "oklch(0.268 0.011 36.5)",
+      surfaceActive: "color-mix(in oklab, oklch(0.268 0.011 36.5) 88%, oklch(0.986 0.002 67.8) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.714 0.014 41.2)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.714 0.014 41.2) 78%, transparent)"
     }
   },
   mauve: {
     light: {
-      surfaceElevated: "#fbf8fb",
-      surfaceOverlay: "#f4eef5",
-      foreground: "#34283a",
-      border: "rgba(52, 40, 58, 0.10)",
-      mutedForeground: "#837388"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.96 0.003 325.6)",
+      surfaceActive: "color-mix(in oklab, oklch(0.96 0.003 325.6) 92%, oklch(0.145 0.008 326) 8%)",
+      borderSubtle: "oklch(0.922 0.005 325.62)",
+      textSecondary: "oklch(0.542 0.034 322.5)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.542 0.034 322.5) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#1b151f",
-      surfaceOverlay: "#2a2130",
-      foreground: "#f5eef7",
-      border: "rgba(245, 238, 247, 0.10)",
-      mutedForeground: "#b3a5b8"
+      surfaceElevated: "oklch(0.212 0.019 322.12)",
+      surfaceOverlay: "oklch(0.212 0.019 322.12)",
+      surfaceHover: "oklch(0.263 0.024 320.12)",
+      surfaceActive: "color-mix(in oklab, oklch(0.263 0.024 320.12) 88%, oklch(0.985 0 0) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.711 0.019 323.02)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.711 0.019 323.02) 78%, transparent)"
     }
   },
   olive: {
     light: {
-      surfaceElevated: "#fafbf4",
-      surfaceOverlay: "#f0f3e4",
-      foreground: "#2d331f",
-      border: "rgba(45, 51, 31, 0.10)",
-      mutedForeground: "#747b61"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.966 0.005 106.5)",
+      surfaceActive: "color-mix(in oklab, oklch(0.966 0.005 106.5) 92%, oklch(0.153 0.006 107.1) 8%)",
+      borderSubtle: "oklch(0.93 0.007 106.5)",
+      textSecondary: "oklch(0.58 0.031 107.3)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.58 0.031 107.3) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#171a12",
-      surfaceOverlay: "#24291b",
-      foreground: "#f2f5e8",
-      border: "rgba(242, 245, 232, 0.10)",
-      mutedForeground: "#abb196"
+      surfaceElevated: "oklch(0.228 0.013 107.4)",
+      surfaceOverlay: "oklch(0.228 0.013 107.4)",
+      surfaceHover: "oklch(0.286 0.016 107.4)",
+      surfaceActive: "color-mix(in oklab, oklch(0.286 0.016 107.4) 88%, oklch(0.988 0.003 106.5) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.737 0.021 106.9)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.737 0.021 106.9) 78%, transparent)"
     }
   },
   mist: {
     light: {
-      surfaceElevated: "#f7fbfb",
-      surfaceOverlay: "#edf5f5",
-      foreground: "#253638",
-      border: "rgba(37, 54, 56, 0.10)",
-      mutedForeground: "#697d80"
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.963 0.002 197.1)",
+      surfaceActive: "color-mix(in oklab, oklch(0.963 0.002 197.1) 92%, oklch(0.148 0.004 228.8) 8%)",
+      borderSubtle: "oklch(0.925 0.005 214.3)",
+      textSecondary: "oklch(0.56 0.021 213.5)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.56 0.021 213.5) 78%, transparent)"
     },
     dark: {
-      surfaceElevated: "#111b1d",
-      surfaceOverlay: "#1d2b2e",
-      foreground: "#edf7f8",
-      border: "rgba(237, 247, 248, 0.10)",
-      mutedForeground: "#9fb5b8"
+      surfaceElevated: "oklch(0.218 0.008 223.9)",
+      surfaceOverlay: "oklch(0.218 0.008 223.9)",
+      surfaceHover: "oklch(0.275 0.011 216.9)",
+      surfaceActive: "color-mix(in oklab, oklch(0.275 0.011 216.9) 88%, oklch(0.987 0.002 197.1) 12%)",
+      borderSubtle: "oklch(1 0 0 / 10%)",
+      textSecondary: "oklch(0.723 0.014 214.4)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.723 0.014 214.4) 78%, transparent)"
+    }
+  },
+  black: {
+    light: {
+      // Light stays light: white cards + soft grey chrome (same structure as
+      // `neutral`), not a washed dark theme. Character lives in slightly
+      // firmer secondary text / borders than neutral, not in tinted surfaces.
+      surfaceElevated: "oklch(1 0 0)",
+      surfaceOverlay: "oklch(1 0 0)",
+      surfaceHover: "oklch(0.97 0 0)",
+      surfaceActive: "color-mix(in oklab, oklch(0.97 0 0) 92%, oklch(0.145 0 0) 8%)",
+      borderSubtle: "oklch(0.922 0 0)",
+      textSecondary: "oklch(0.52 0 0)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.52 0 0) 78%, transparent)"
+    },
+    dark: {
+      surfaceElevated: "oklch(0.145 0 0)",
+      surfaceOverlay: "oklch(0.165 0 0)",
+      surfaceHover: "oklch(0.22 0 0)",
+      surfaceActive: "color-mix(in oklab, oklch(0.22 0 0) 86%, oklch(0.985 0 0) 14%)",
+      borderSubtle: "oklch(1 0 0 / 12%)",
+      textSecondary: "oklch(0.68 0 0)",
+      textPlaceholder: "color-mix(in oklab, oklch(0.68 0 0) 78%, transparent)"
     }
   }
 };
@@ -2156,109 +2220,43 @@ var CHART_PALETTES = {
 };
 
 // ../wensity-preset/src/curated-fonts.ts
+var CURATED_FONT_UI_WEIGHTS = [400, 500, 600, 700];
+function curatedFontCssImportSpecifiers(pkg) {
+  return pkg.weights.map((weight) => `${pkg.packageName}/${weight}.css`);
+}
+function fontPackage(packageName, familyName, weights = CURATED_FONT_UI_WEIGHTS) {
+  return { packageName, familyName, weights };
+}
 var HEADING_FONT_PACKAGES = {
-  playfair: {
-    packageName: "@fontsource/playfair-display",
-    importSpecifier: "@fontsource/playfair-display",
-    familyName: "Playfair Display"
-  },
-  "instrument-serif": {
-    packageName: "@fontsource/instrument-serif",
-    importSpecifier: "@fontsource/instrument-serif",
-    familyName: "Instrument Serif"
-  },
-  fraunces: {
-    packageName: "@fontsource/fraunces",
-    importSpecifier: "@fontsource/fraunces",
-    familyName: "Fraunces"
-  },
-  "space-grotesk": {
-    packageName: "@fontsource/space-grotesk",
-    importSpecifier: "@fontsource/space-grotesk",
-    familyName: "Space Grotesk"
-  },
-  "noto-serif": {
-    packageName: "@fontsource/noto-serif",
-    importSpecifier: "@fontsource/noto-serif",
-    familyName: "Noto Serif"
-  },
-  "eb-garamond": {
-    packageName: "@fontsource/eb-garamond",
-    importSpecifier: "@fontsource/eb-garamond",
-    familyName: "EB Garamond"
-  },
-  lora: {
-    packageName: "@fontsource/lora",
-    importSpecifier: "@fontsource/lora",
-    familyName: "Lora"
-  },
-  montserrat: {
-    packageName: "@fontsource/montserrat",
-    importSpecifier: "@fontsource/montserrat",
-    familyName: "Montserrat"
-  },
-  manrope: {
-    packageName: "@fontsource/manrope",
-    importSpecifier: "@fontsource/manrope",
-    familyName: "Manrope"
-  },
-  inter: {
-    packageName: "@fontsource/inter",
-    importSpecifier: "@fontsource/inter",
-    familyName: "Inter"
-  }
+  playfair: fontPackage("@fontsource/playfair-display", "Playfair Display"),
+  "instrument-serif": fontPackage(
+    "@fontsource/instrument-serif",
+    "Instrument Serif",
+    [400]
+  ),
+  fraunces: fontPackage("@fontsource/fraunces", "Fraunces"),
+  "space-grotesk": fontPackage("@fontsource/space-grotesk", "Space Grotesk"),
+  "noto-serif": fontPackage("@fontsource/noto-serif", "Noto Serif"),
+  "eb-garamond": fontPackage("@fontsource/eb-garamond", "EB Garamond"),
+  lora: fontPackage("@fontsource/lora", "Lora"),
+  montserrat: fontPackage("@fontsource/montserrat", "Montserrat"),
+  manrope: fontPackage("@fontsource/manrope", "Manrope"),
+  inter: fontPackage("@fontsource/inter", "Inter")
 };
 var BODY_FONT_PACKAGES = {
-  inter: {
-    packageName: "@fontsource/inter",
-    importSpecifier: "@fontsource/inter",
-    familyName: "Inter"
-  },
-  geist: {
-    packageName: "@fontsource/geist",
-    importSpecifier: "@fontsource/geist",
-    familyName: "Geist"
-  },
-  "dm-sans": {
-    packageName: "@fontsource/dm-sans",
-    importSpecifier: "@fontsource/dm-sans",
-    familyName: "DM Sans"
-  },
-  "plus-jakarta-sans": {
-    packageName: "@fontsource/plus-jakarta-sans",
-    importSpecifier: "@fontsource/plus-jakarta-sans",
-    familyName: "Plus Jakarta Sans"
-  },
-  figtree: {
-    packageName: "@fontsource/figtree",
-    importSpecifier: "@fontsource/figtree",
-    familyName: "Figtree"
-  },
-  "noto-sans": {
-    packageName: "@fontsource/noto-sans",
-    importSpecifier: "@fontsource/noto-sans",
-    familyName: "Noto Sans"
-  },
-  "public-sans": {
-    packageName: "@fontsource/public-sans",
-    importSpecifier: "@fontsource/public-sans",
-    familyName: "Public Sans"
-  },
-  outfit: {
-    packageName: "@fontsource/outfit",
-    importSpecifier: "@fontsource/outfit",
-    familyName: "Outfit"
-  },
-  manrope: {
-    packageName: "@fontsource/manrope",
-    importSpecifier: "@fontsource/manrope",
-    familyName: "Manrope"
-  },
-  "ibm-plex-sans": {
-    packageName: "@fontsource/ibm-plex-sans",
-    importSpecifier: "@fontsource/ibm-plex-sans",
-    familyName: "IBM Plex Sans"
-  }
+  inter: fontPackage("@fontsource/inter", "Inter"),
+  geist: fontPackage("@fontsource/geist", "Geist"),
+  "dm-sans": fontPackage("@fontsource/dm-sans", "DM Sans"),
+  "plus-jakarta-sans": fontPackage(
+    "@fontsource/plus-jakarta-sans",
+    "Plus Jakarta Sans"
+  ),
+  figtree: fontPackage("@fontsource/figtree", "Figtree"),
+  "noto-sans": fontPackage("@fontsource/noto-sans", "Noto Sans"),
+  "public-sans": fontPackage("@fontsource/public-sans", "Public Sans"),
+  outfit: fontPackage("@fontsource/outfit", "Outfit"),
+  manrope: fontPackage("@fontsource/manrope", "Manrope"),
+  "ibm-plex-sans": fontPackage("@fontsource/ibm-plex-sans", "IBM Plex Sans")
 };
 var HEADING_FONT_CSS = {
   system: "var(--font-display)",
@@ -2382,16 +2380,15 @@ function baseFromInherit(mode) {
   return { ...INHERIT_BASE_EXPRESSIONS[mode] };
 }
 function baseFromSeeds(seeds, mode) {
-  const hoverPercent = mode === "light" ? 4 : 5;
-  const activePercent = mode === "light" ? 7 : 10;
+  void mode;
   return {
     surfaceElevated: seeds.surfaceElevated,
     surfaceOverlay: seeds.surfaceOverlay,
-    surfaceHover: colorMix(seeds.foreground, hoverPercent),
-    surfaceActive: colorMix(seeds.foreground, activePercent),
-    borderSubtle: colorMix(seeds.border, 60),
-    textSecondary: colorMix(seeds.foreground, 72),
-    textPlaceholder: colorMix(seeds.mutedForeground, 85)
+    surfaceHover: seeds.surfaceHover,
+    surfaceActive: seeds.surfaceActive,
+    borderSubtle: seeds.borderSubtle,
+    textSecondary: seeds.textSecondary,
+    textPlaceholder: seeds.textPlaceholder
   };
 }
 function ringAndSelectedForInk(mode) {
@@ -2400,10 +2397,10 @@ function ringAndSelectedForInk(mode) {
     surfaceSelected: FIXED_SURFACE_SELECTED[mode]
   };
 }
-function ringAndSelectedFromAccent(accent, mode) {
+function ringFromAccentWithNeutralSelected(accent, mode) {
   return {
     ring: colorMix(accent, 45),
-    surfaceSelected: colorMix(accent, mode === "light" ? 6 : 8)
+    surfaceSelected: FIXED_SURFACE_SELECTED[mode]
   };
 }
 function buildModeTokens(args) {
@@ -2448,17 +2445,40 @@ function resolveStyleConfig(style) {
 }
 function resolveChartStops(chartPalette, themeColor, mode) {
   if (chartPalette === "theme") {
-    return CHART_PALETTES.theme[themeColor][mode];
+    const themeStops = CHART_PALETTES.theme[themeColor];
+    if (!themeStops) {
+      throw new Error(
+        `Missing CHART_PALETTES.theme entry for themeColor "${themeColor}".`
+      );
+    }
+    return themeStops[mode];
   }
-  return CHART_PALETTES[chartPalette][mode];
+  const stops = CHART_PALETTES[chartPalette];
+  if (!stops) {
+    throw new Error(
+      `Missing CHART_PALETTES entry for chartPalette "${chartPalette}".`
+    );
+  }
+  return stops[mode];
 }
 function resolveStyleConfigCanonical(style) {
   const theme = THEME_COLOR_PALETTE[style.themeColor];
+  if (!theme) {
+    throw new Error(
+      `Missing THEME_COLOR_PALETTE entry for themeColor "${style.themeColor}".`
+    );
+  }
+  const namedBase = style.baseColor === "inherit" ? null : BASE_COLOR_PALETTE[style.baseColor];
+  if (style.baseColor !== "inherit" && !namedBase) {
+    throw new Error(
+      `Missing BASE_COLOR_PALETTE entry for baseColor "${style.baseColor}".`
+    );
+  }
   const useAccentRing = COLORED_THEME_IDS.has(style.themeColor);
   const resolveMode = (mode) => {
-    const base = style.baseColor === "inherit" ? baseFromInherit(mode) : baseFromSeeds(BASE_COLOR_PALETTE[style.baseColor][mode], mode);
+    const base = namedBase ? baseFromSeeds(namedBase[mode], mode) : baseFromInherit(mode);
     const control = theme[mode];
-    const ringSelected = useAccentRing ? ringAndSelectedFromAccent(control.controlSolid, mode) : ringAndSelectedForInk(mode);
+    const ringSelected = useAccentRing ? ringFromAccentWithNeutralSelected(control.controlSolid, mode) : ringAndSelectedForInk(mode);
     const charts = resolveChartStops(style.chartPalette, style.themeColor, mode);
     return buildModeTokens({ base, control, ringSelected, charts });
   };
@@ -2876,10 +2896,12 @@ function planFontInstall(headingFont, bodyFont) {
       seenPackages.add(meta.packageName);
       packages.push(meta.packageName);
     }
-    const line = `@import "${meta.importSpecifier}";`;
-    if (!seenImports.has(line)) {
-      seenImports.add(line);
-      importLines.push(line);
+    for (const specifier of curatedFontCssImportSpecifiers(meta)) {
+      const line = `@import "${specifier}";`;
+      if (!seenImports.has(line)) {
+        seenImports.add(line);
+        importLines.push(line);
+      }
     }
   };
   if (headingFont !== "system") {

package/package.json

@@ -1,7 +1,23 @@
 {
   "name": "wensity",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Wensity component registry CLI",
+  "license": "MIT",
+  "author": "Wensity <hey@wensity.com> (https://wensity.com)",
+  "homepage": "https://ui.wensity.com",
+  "bugs": {
+    "email": "hey@wensity.com"
+  },
+  "keywords": [
+    "wensity",
+    "react",
+    "nextjs",
+    "tailwindcss",
+    "components",
+    "ui",
+    "design-system",
+    "shadcn"
+  ],
   "type": "module",
   "bin": {
     "wensity": "dist/index.js"
@@ -13,22 +29,16 @@
     "dist",
     "README.md"
   ],
-  "scripts": {
-    "build": "tsup --config tsup.config.ts",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run --config vitest.config.ts",
-    "lint": "echo 'no lint'"
-  },
   "engines": {
     "node": ">=20.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.10.2",
-    "@wensity/preset": "workspace:*",
     "lucide-react": "^1.24.0",
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
-    "vitest": "^4.1.5"
+    "vitest": "^4.1.5",
+    "@wensity/preset": "0.1.0"
   },
   "publishConfig": {
     "access": "public"
@@ -38,5 +48,11 @@
     "cli-table3": "^0.6.5",
     "ora": "^9.4.0",
     "picocolors": "^1.1.1"
+  },
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --config vitest.config.ts",
+    "lint": "echo 'no lint'"
   }
-}
+}