@vegastack/design 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "VegaStack design system — cn utility, icon runtime, Tailwind v4 preset, and the vegastack-design CLI (tokens ship separately as @vegastack/design-tokens)",
   "license": "MIT",
   "repository": {
@@ -56,19 +56,26 @@
     "./utilities.css": "./css/utilities.css",
     "./package.json": "./package.json"
   },
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint . && pnpm run verify",
+    "verify": "node ../../tooling/verify-preset-source.mjs",
+    "typecheck": "tsc --noEmit",
+    "test": "node test/compare.test.mjs && node test/check-updates.test.mjs && node test/skills-install.test.mjs"
+  },
   "dependencies": {
+    "@vegastack/design-tokens": "workspace:^",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.6.0",
     "tsconfig-paths": "^4.2.0",
-    "tw-animate-css": "^1.4.0",
-    "@vegastack/design-tokens": "^0.2.0"
+    "tw-animate-css": "^1.4.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "lucide-react": "^1.24.0",
     "thesvg": "^3.2.6",
-    "tailwindcss": "^4.3.2"
+    "tailwindcss": "catalog:"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {
@@ -86,25 +93,18 @@
     "@tailwindcss/oxide": "4.3.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
+    "@vegastack/eslint-config": "workspace:*",
+    "@vegastack/typescript-config": "workspace:*",
     "eslint": "^10.7.0",
     "lucide-react": "^1.24.0",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "tailwindcss": "^4.3.2",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "tailwindcss": "catalog:",
     "thesvg": "^3.2.6",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.3",
-    "@vegastack/eslint-config": "0.0.0",
-    "@vegastack/typescript-config": "0.0.0"
+    "typescript": "catalog:"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "build": "tsup",
-    "lint": "eslint . && pnpm run verify",
-    "verify": "node ../../tooling/verify-preset-source.mjs",
-    "typecheck": "tsc --noEmit",
-    "test": "node test/compare.test.mjs && node test/check-updates.test.mjs && node test/skills-install.test.mjs"
   }
-}
+}

package/skills/vegastack-design-system/references/components.md

@@ -3,7 +3,7 @@
 <!-- GENERATED — do not hand-edit. Regenerated from the design system's component contract,
      which is the authority for membership and counts. -->
 
-**108 components**, plus 439 animated-icon items, 6 hooks (`use-animation-replay`, `use-drag-reorder`, `use-file-drop`, `use-list-nav`, `use-mobile`, `use-platform`), and 1 starter block (`dashboard-01`) — 554 registry items in total.
+**110 components**, plus 439 animated-icon items, 6 hooks (`use-animation-replay`, `use-drag-reorder`, `use-file-drop`, `use-list-nav`, `use-mobile`, `use-platform`), and 1 starter block (`dashboard-01`) — 556 registry items in total.
 
 Install any of them with `shadcn add @vegastack/<name>`. Animated icons install as
 `@vegastack/icon-<name>`; the bare name is reserved for components, so `icon-button` is the
@@ -108,7 +108,7 @@ component and never an icon.
 - **`action-bar`** — Floating contextual bar — status region + action children, CSS-only enter/exit, raised band. Bulk selection, unsaved changes, and batch progress are recipes over it.
 - **`alert`** — A status banner — five semantic variants, an optional icon, and an optional dismiss button.
 - **`progress`** — A determinate horizontal progress bar for measurable, ongoing tasks — built on Base UI Progress.
-- **`progress-indicator`** — A compact circular pie-fill progress indicator (0–100%) — a server-safe SVG glyph in circle or squircle shapes.
+- **`progress-indicator`** — A compact circular pie-fill progress indicator (0–100%) with optional visible percentage variants.
 - **`provider`** — The single app-root wrapper — theme (next-themes), Sonner toasts, tooltip coordination, and text direction in one mount-once component.
 - **`skeleton`** — A token-driven loading placeholder — line, circle, rect, card shapes, configurable count, reduced-motion-aware pulse.
 - **`sonner`** — Brief, non-blocking notifications — a token-styled Sonner toaster with success/error/warning/info variants that follows the theme.
@@ -125,8 +125,10 @@ component and never an icon.
 
 ## Media
 
+- **`audio-player`** — A custom audio transport with play/pause, skip, seek, a tappable speed control, and keyboard shortcuts (mute on the M key); a single line on a wide player, two lines with an optional transcript control on a narrow, mobile-width player.
 - **`image`** — A presentational framed image with aspect-ratio, rounding, a loading skeleton, and an error fallback.
 - **`notification-bell`** — A bell icon button with an unread-count badge overlay. Presentational — the app supplies the count.
+- **`video-player`** — A framed video player with the same grouped custom transport controls as Audio Player.
 
 ## Rich text