@spunto/design-system 0.15.0 → 0.15.1

package/README.md

@@ -4,6 +4,16 @@ Spunto's shared design system — the warm/flame **tokens**, JS **color constant
 and the base **UI primitives** used across Spunto apps (the dashboard and Spunto
 Lite). One source of truth so replicated features stay visually consistent.
 
+> **Built on [shadcn/ui](https://ui.shadcn.com).** This package is an adaptation of
+> shadcn/ui, not a design system written from scratch. Its token names and structure,
+> its `cva` + `cn` variant pattern, and most of its primitives were copied from
+> shadcn/ui (the Base UI variant) and then restyled for the Spunto palette and
+> extended with Spunto-specific components. Full credit for the original design and
+> API goes to [shadcn](https://github.com/shadcn) and the
+> [shadcn-ui/ui](https://github.com/shadcn-ui/ui) contributors — MIT licensed, and
+> the reason this package exists at all. If you're not tied to Spunto's look, use
+> shadcn/ui directly.
+
 ## Usage
 
 Import the tokens once in your app's entry CSS, right after Tailwind:
@@ -323,6 +333,21 @@ Adding a component = add its entry to `content/components.ts` + a demo file in
 `showcase/src/demos/`; the visual page and its `.md` are then produced
 automatically (see `showcase/vite-plugin-llms.ts`).
 
+## Credits
+
+- **[shadcn/ui](https://ui.shadcn.com)** ([shadcn-ui/ui](https://github.com/shadcn-ui/ui), MIT) —
+  **the base of this package.** The token contract (`--background`/`--foreground`,
+  `--card`, `--muted-foreground`, `--primary`, `--ring`…), the `cn` helper, the
+  `cva` variant pattern and most primitives here started as shadcn/ui components
+  (Base UI variant) and were restyled, not reinvented. The parts that are ours are
+  the palette values, the `Build`/`Ship`/`Run` semantics, and the Spunto-specific
+  components (`Terminal`, `TerminalPanel`, `ImagePull`, and everything under the
+  domain sub-exports).
+- **[Base UI](https://base-ui.com)** (MIT) — the unstyled primitives underneath.
+- **[Tailwind CSS](https://tailwindcss.com)** (MIT) — the styling pipeline.
+- **[xterm.js](https://xtermjs.org)** (MIT) — the terminal surface.
+- **[lucide](https://lucide.dev)** (ISC) — the icons.
+
 ## Peer requirements
 
 - React 19+, and a **Tailwind CSS v4** pipeline in the consuming app.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spunto/design-system",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "description": "Spunto's shared design system — warm/flame tokens, color constants, and UI primitives.",
   "type": "module",
   "license": "MIT",

package/styles.css

@@ -1,5 +1,8 @@
 /*
- * @spunto/design-system — design tokens (warm / Mistral-inspired, brand: flame).
+ * @spunto/design-system — design tokens (warm, brand: flame).
+ *
+ * Token names and structure follow shadcn/ui (https://ui.shadcn.com, MIT) — the
+ * base this whole design system is built on. Only the values are ours.
  *
  * Import AFTER `@import "tailwindcss"` in your app's entry CSS:
  *   @import "tailwindcss";
@@ -206,7 +209,7 @@
   --radius-4xl: calc(var(--radius) * 3.5);
 }
 
-/* ─── Light mode — Warm cream, Mistral-inspired ─────────────────────────── */
+/* ─── Light mode — Warm cream ───────────────────────────────────────────── */
 :root {
   --background: oklch(0.975 0.012 82);
   --foreground: oklch(0.20 0.018 55);