@vegastack/design 0.7.40 → 0.7.42

package/dist/{chunk-MSLEIFNS.js → chunk-ZSXJC3TJ.js}

@@ -40,13 +40,16 @@ var prose = {
   em: "[&_em]:italic",
   del: "[&_del]:line-through [&_s]:line-through",
   // Lists. Items and markers are body text: family, size and ink inherit (a `::marker` takes the
-  // item's font), so `1.` and `•` never read as a second typeface or a second colour. A GFM task
+  // item's font), so `1.` and `•` never read as a second typeface or a second colour. One thing
+  // does NOT inherit: the user-agent stylesheet gives `::marker` `font-variant-numeric:
+  // tabular-nums`, and Geist's tabular figures are fixed-width — that is what made ordered-list
+  // numbers look monospaced. `marker:normal-nums` restores the body's proportional figures. A GFM task
   // list carries `contains-task-list` and its checkbox IS the marker, so the disc goes — expressed
   // as a second, more specific descendant rule rather than a class on the element, which would
   // lose the cascade (see the header).
   ul: "[&_ul]:my-2 [&_ul]:ms-5 [&_ul]:list-disc [&_ul.contains-task-list]:list-none",
   ol: "[&_ol]:my-2 [&_ol]:ms-5 [&_ol]:list-decimal",
-  li: "[&_li]:mt-1 [&_li]:marker:font-sans [&_li]:marker:text-foreground [&_li_p]:my-0",
+  li: "[&_li]:mt-1 [&_li]:marker:normal-nums [&_li]:marker:text-inherit [&_li_p]:my-0",
   // Task lists, one shape for both producers: `MarkdownView` tags the GFM list
   // `data-type="taskList"` and each item `data-type="taskItem"` with its body in a
   // `data-slot="task-item-content"` box, which is exactly the DOM Tiptap's `TaskItem` node view

package/dist/create-animated-icon.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-MSLEIFNS.js";
+} from "./chunk-ZSXJC3TJ.js";
 
 // src/icons/create-animated-icon.tsx
 import * as React from "react";

package/dist/icons/index.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "../chunk-MSLEIFNS.js";
+} from "../chunk-ZSXJC3TJ.js";
 
 // src/icons/icon.tsx
 import "react";

package/dist/index.cjs

@@ -69,13 +69,16 @@ var prose = {
   em: "[&_em]:italic",
   del: "[&_del]:line-through [&_s]:line-through",
   // Lists. Items and markers are body text: family, size and ink inherit (a `::marker` takes the
-  // item's font), so `1.` and `•` never read as a second typeface or a second colour. A GFM task
+  // item's font), so `1.` and `•` never read as a second typeface or a second colour. One thing
+  // does NOT inherit: the user-agent stylesheet gives `::marker` `font-variant-numeric:
+  // tabular-nums`, and Geist's tabular figures are fixed-width — that is what made ordered-list
+  // numbers look monospaced. `marker:normal-nums` restores the body's proportional figures. A GFM task
   // list carries `contains-task-list` and its checkbox IS the marker, so the disc goes — expressed
   // as a second, more specific descendant rule rather than a class on the element, which would
   // lose the cascade (see the header).
   ul: "[&_ul]:my-2 [&_ul]:ms-5 [&_ul]:list-disc [&_ul.contains-task-list]:list-none",
   ol: "[&_ol]:my-2 [&_ol]:ms-5 [&_ol]:list-decimal",
-  li: "[&_li]:mt-1 [&_li]:marker:font-sans [&_li]:marker:text-foreground [&_li_p]:my-0",
+  li: "[&_li]:mt-1 [&_li]:marker:normal-nums [&_li]:marker:text-inherit [&_li_p]:my-0",
   // Task lists, one shape for both producers: `MarkdownView` tags the GFM list
   // `data-type="taskList"` and each item `data-type="taskItem"` with its body in a
   // `data-slot="task-item-content"` box, which is exactly the DOM Tiptap's `TaskItem` node view

package/dist/index.d.cts

@@ -69,7 +69,7 @@ declare const prose: {
     readonly del: "[&_del]:line-through [&_s]:line-through";
     readonly ul: "[&_ul]:my-2 [&_ul]:ms-5 [&_ul]:list-disc [&_ul.contains-task-list]:list-none";
     readonly ol: "[&_ol]:my-2 [&_ol]:ms-5 [&_ol]:list-decimal";
-    readonly li: "[&_li]:mt-1 [&_li]:marker:font-sans [&_li]:marker:text-foreground [&_li_p]:my-0";
+    readonly li: "[&_li]:mt-1 [&_li]:marker:normal-nums [&_li]:marker:text-inherit [&_li_p]:my-0";
     readonly taskList: "[&_ul[data-type=taskList]]:ms-0 [&_ul[data-type=taskList]]:list-none [&_li[data-type=taskItem]]:flex [&_li[data-type=taskItem]]:items-start [&_li[data-type=taskItem]]:gap-2 [&_li[data-type=taskItem]_[data-slot=checkbox]]:mt-0.5 [&_li[data-type=taskItem]_[data-slot=checkbox]]:me-0 [&_[data-slot=task-item-content]]:min-w-0 [&_[data-slot=task-item-content]]:flex-1";
     readonly blockquote: "[&_blockquote]:my-2 [&_blockquote]:border-s-2 [&_blockquote]:border-border [&_blockquote]:ps-3";
     readonly code: "[&_code]:rounded-sm [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-foreground";

package/dist/index.d.ts

@@ -69,7 +69,7 @@ declare const prose: {
     readonly del: "[&_del]:line-through [&_s]:line-through";
     readonly ul: "[&_ul]:my-2 [&_ul]:ms-5 [&_ul]:list-disc [&_ul.contains-task-list]:list-none";
     readonly ol: "[&_ol]:my-2 [&_ol]:ms-5 [&_ol]:list-decimal";
-    readonly li: "[&_li]:mt-1 [&_li]:marker:font-sans [&_li]:marker:text-foreground [&_li_p]:my-0";
+    readonly li: "[&_li]:mt-1 [&_li]:marker:normal-nums [&_li]:marker:text-inherit [&_li_p]:my-0";
     readonly taskList: "[&_ul[data-type=taskList]]:ms-0 [&_ul[data-type=taskList]]:list-none [&_li[data-type=taskItem]]:flex [&_li[data-type=taskItem]]:items-start [&_li[data-type=taskItem]]:gap-2 [&_li[data-type=taskItem]_[data-slot=checkbox]]:mt-0.5 [&_li[data-type=taskItem]_[data-slot=checkbox]]:me-0 [&_[data-slot=task-item-content]]:min-w-0 [&_[data-slot=task-item-content]]:flex-1";
     readonly blockquote: "[&_blockquote]:my-2 [&_blockquote]:border-s-2 [&_blockquote]:border-border [&_blockquote]:ps-3";
     readonly code: "[&_code]:rounded-sm [&_code]:bg-muted [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-foreground";

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   mergeRefs,
   prose,
   proseClassName
-} from "./chunk-MSLEIFNS.js";
+} from "./chunk-ZSXJC3TJ.js";
 export {
   FLOATING,
   TIMINGS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design",
-  "version": "0.7.40",
+  "version": "0.7.42",
   "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": {

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. -->
 
-**127 components**, plus 467 animated-icon items, 13 hooks (`use-animation-replay`, `use-announcer`, `use-async-search`, `use-drag-reorder`, `use-file-drop`, `use-inline-edit`, `use-list-nav`, `use-media-query`, `use-mobile`, `use-modal-inert`, `use-overflow`, `use-platform`, `use-tabs-swipe`), 10 starter blocks (`app-shell-01`, `board-01`, `command-search-01`, `list-page-01`, `login-01`, `notifications-01`, `review-split-01`, `settings-01`, `settings-02`, `status-pages-01`), 68 chart blocks across 7 families, and 3 data libs (`date-time`, `geo-data`, `drag-item`) — 688 registry items in total.
+**127 components**, plus 467 animated-icon items, 13 hooks (`use-animation-replay`, `use-announcer`, `use-async-search`, `use-drag-reorder`, `use-file-drop`, `use-inline-edit`, `use-list-nav`, `use-media-query`, `use-mobile`, `use-modal-inert`, `use-overflow`, `use-platform`, `use-tabs-swipe`), 11 starter blocks (`app-shell-01`, `board-01`, `issue-detail-01`, `command-search-01`, `list-page-01`, `login-01`, `notifications-01`, `review-split-01`, `settings-01`, `settings-02`, `status-pages-01`), 68 chart blocks across 7 families, and 3 data libs (`date-time`, `geo-data`, `drag-item`) — 689 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 a component whose name
@@ -31,7 +31,7 @@ starts with `icon-` is a component and never an icon.
 - **`editable-cell`** — Inline-editable value whose edit mode looks like view — same box, inherited type, no border — with optimistic saves, a delayed spinner, rollback plus a Retry toast on failure, required, multiline, table-cell and heading variants, and a typed text/select/custom editor registry.
 - **`emoji-picker`** — A popover with a searchable, category-grouped grid of emoji that returns the selected character via onValueChange (curated set, not full Unicode).
 - **`field`** — The form-field scaffold — label, description, error, legend, separator and choice-card layouts.
-- **`input`** — A styled Base UI input for every text-entry type, with the text-entry focus border tint (FOC-3).
+- **`input`** — A styled Base UI input for every text-entry type: a bordered default with the focus border tint (FOC-3), or a borderless ghost title field tinted on hover and focus; sm, default and lg sizes.
 - **`input-group`** — An input or textarea with addons — icons, text, buttons, kbd hints and spinners on one surface.
 - **`input-otp`** — A one-time-password field with per-character slots, driven by one hidden input.
 - **`label`** — A styled native label for form controls.
@@ -157,7 +157,7 @@ starts with `icon-` is a component and never an icon.
 
 ## Rich text
 
-- **`text-edit`** — A Tiptap-based rich-text editor with a compact, token-styled toolbar (bold, italic, strike, heading, lists, blockquote, code) — controlled HTML in, HTML out. Collaboration deferred.
+- **`text-edit`** — A Tiptap-based, markdown-first rich-text editor with no toolbar: a slash menu for blocks and a bubble menu for inline marks, a hover/focus tint, and one onCommit path.
 
 ## Chat