@wizeworks/silicaui-mcp 0.29.0 → 0.31.0

package/dist/data/behaviors.json

@@ -85,7 +85,7 @@
   },
   {
     "type": "toggle-group",
-    "description": "`toggle-group` — a toolbar of toggle buttons (`item` parts), not a listbox (distinct ARIA pattern from `selection-list`: `aria-pressed`/`data-pressed` on real buttons, not `aria-selected` on listbox options). `params.multiple` allows several pressed at once (default: single, pressing one un-presses the rest); `params.orientation` (`\"horizontal\"` default | `\"vertical\"`) picks which arrow keys rove focus, matching `tabs`' convention."
+    "description": "`toggle-group` — a toolbar of toggle buttons (`item` parts), not a listbox (distinct ARIA pattern from `selection-list`: `aria-pressed`/`data-pressed` on real buttons, not `aria-selected` on listbox options). `params.multiple` allows several pressed at once (default: single, pressing one un-presses the rest); `params.orientation` (`\"horizontal\"` default | `\"vertical\"`) picks which arrow keys rove focus, matching `tabs`' convention. An OPTIONAL `close` part un-presses everything. That's what makes `Filter` (a single-select chip row with a reset) this behavior rather than a new one: the only delta was one extra control, which is the \"one type, optional parts\" pattern, not a fork. The reset hides itself while nothing is pressed, so a static page renders the same resting state React does."
   },
   {
     "type": "scroll-area",
@@ -122,5 +122,17 @@
   {
     "type": "reveal",
     "description": "`reveal` — the ON SCROLL trigger for @wizeworks/silicaui's assignable entrance animations. Sets `data-sui-inview` on the root once it enters the viewport, which a `.sui-reveal-*` preset class (packages/silicaui/src/components/ animations.js) reads to transition from its hidden to visible state. `params.once` (default `true`) stops observing after the first reveal; `params.threshold` is passed straight to `IntersectionObserver`. Suppressed (reveals immediately, no observer) in preview, under reduced motion, or without `IntersectionObserver` — same guard shape as `counter`."
+  },
+  {
+    "type": "countdown",
+    "description": "`countdown` — a live days/hours/minutes/seconds display that ticks to a target time and stops at zero, announcing `sui:complete` once. This is NOT `counter`, which was checked first: `counter` tweens text from 0 to a target once when it scrolls into view. A one-shot animation and a recurring clock share a shape but not a behavior — different trigger, different cadence, different stopping condition, and time formatting rather than a single number. Reuse would have meant a `counter` that ignores most of its own parameters. `params.to` is an epoch-ms timestamp. Each `value` part carries `data-unit=\"days|hours|minutes|seconds\"` and only the units actually authored are written, so the markup decides which units show — the handler never invents or removes DOM. The authored markup already contains correct values for its render moment, so a page that never hydrates still shows a sensible (if frozen) countdown rather than empty boxes."
+  },
+  {
+    "type": "tag-input",
+    "description": "`tag-input` — a chip-based multi-value text field. Type and press Enter (or comma) to add; Backspace on an empty field removes the last chip; each chip's `close` part removes that one. Nothing existing modelled this. `selection-list` and `toggle-group` both choose among items that ALREADY EXIST in the markup; this one creates them from typed text, which is a different contract, not a parameter. New chips are cloned from a `template` part rather than built in JS. That keeps every class name in the authored markup, so the runtime stays correct under a `SilicaProvider` prefix — a handler that constructed `<span class=\"tag-input-chip\">` itself would silently emit unprefixed classes and render unstyled in exactly the apps that opted into a prefix. The value travels on a real `input[type=hidden]`, so the field submits with a normal form post and the `form` behavior needs no special case. Chips are comma-joined, matching what the React component posts."
+  },
+  {
+    "type": "color-picker",
+    "description": "`color-picker` — the OKLCH-native color editor, in vanilla. This is the real picker, not a degraded stand-in. The obvious shortcut was to lower to `<input type=\"color\">`: it works without JS and posts a value. It was rejected because it is a DIFFERENT CONTROL — a native sRGB swatch dialog, not an OKLCH L/C/H editor — and shipping it under the same component name would misrepresent what a consumer gets. Silica's whole token system is OKLCH; a picker that can't express chroma past sRGB isn't the same tool. Each `track` part carries `data-channel` (`l` | `c` | `h`) and behaves as a real `role=\"slider\"`: pointer drag with capture, plus arrows / PageUp+Down / Home / End, matching the React component's step sizes exactly. The track gradients and swatch fill are painted HERE rather than emitted as inline styles, because the static output must stay free of `style` attributes (enforced by verify-csp). So an unhydrated page renders the picker's structure unpainted — correct degradation for an editor that cannot function without JS — while the hidden input still carries the value for a form post."
   }
 ]

package/dist/data/classes.json

@@ -19,6 +19,7 @@
     "alert-dismiss",
     "alert-dismiss-inner",
     "alert-error",
+    "alert-ghost",
     "alert-info",
     "alert-lg",
     "alert-md",
@@ -390,8 +391,12 @@
     "empty-state-actions",
     "empty-state-description",
     "empty-state-icon",
+    "empty-state-lg",
+    "empty-state-md",
     "empty-state-sm",
-    "empty-state-title"
+    "empty-state-title",
+    "empty-state-xl",
+    "empty-state-xs"
   ],
   "field": [
     "field",
@@ -417,7 +422,10 @@
   "file-input": [
     "file-input",
     "file-input-lg",
-    "file-input-sm"
+    "file-input-md",
+    "file-input-sm",
+    "file-input-xl",
+    "file-input-xs"
   ],
   "file-upload": [
     "file-upload",
@@ -499,6 +507,7 @@
   "label": [
     "floating-label",
     "label",
+    "label-control",
     "label-required"
   ],
   "lightbox": [
@@ -579,6 +588,7 @@
     "meter-info",
     "meter-label",
     "meter-lg",
+    "meter-md",
     "meter-neutral",
     "meter-primary",
     "meter-secondary",
@@ -610,13 +620,16 @@
     "multi-select-info",
     "multi-select-input",
     "multi-select-lg",
+    "multi-select-md",
     "multi-select-neutral",
     "multi-select-primary",
     "multi-select-secondary",
     "multi-select-sm",
     "multi-select-success",
     "multi-select-trigger",
-    "multi-select-warning"
+    "multi-select-warning",
+    "multi-select-xl",
+    "multi-select-xs"
   ],
   "navbar": [
     "navbar",
@@ -674,6 +687,7 @@
     "pagination-sm",
     "pagination-success",
     "pagination-warning",
+    "pagination-xl",
     "pagination-xs"
   ],
   "phone-input": [
@@ -747,8 +761,10 @@
   "prose": [
     "prose",
     "prose-lg",
+    "prose-md",
     "prose-sm",
-    "prose-xl"
+    "prose-xl",
+    "prose-xs"
   ],
   "radial-progress": [
     "radial-progress"
@@ -838,13 +854,16 @@
     "segment-field-info",
     "segment-field-lg",
     "segment-field-literal",
+    "segment-field-md",
     "segment-field-neutral",
     "segment-field-primary",
     "segment-field-secondary",
     "segment-field-segment",
     "segment-field-sm",
     "segment-field-success",
-    "segment-field-warning"
+    "segment-field-warning",
+    "segment-field-xl",
+    "segment-field-xs"
   ],
   "select-menu": [
     "select-group-label",
@@ -917,6 +936,7 @@
     "slider-indicator",
     "slider-info",
     "slider-lg",
+    "slider-md",
     "slider-neutral",
     "slider-primary",
     "slider-secondary",
@@ -925,7 +945,9 @@
     "slider-thumb",
     "slider-track",
     "slider-value",
-    "slider-warning"
+    "slider-warning",
+    "slider-xl",
+    "slider-xs"
   ],
   "sortable-list": [
     "sortable-handle",
@@ -1036,13 +1058,16 @@
     "tag-input-field",
     "tag-input-info",
     "tag-input-lg",
+    "tag-input-md",
     "tag-input-neutral",
     "tag-input-primary",
     "tag-input-remove",
     "tag-input-secondary",
     "tag-input-sm",
     "tag-input-success",
-    "tag-input-warning"
+    "tag-input-warning",
+    "tag-input-xl",
+    "tag-input-xs"
   ],
   "textarea": [
     "textarea",
@@ -1088,12 +1113,14 @@
     "toggle-group-info",
     "toggle-group-item",
     "toggle-group-lg",
+    "toggle-group-md",
     "toggle-group-neutral",
     "toggle-group-primary",
     "toggle-group-secondary",
     "toggle-group-sm",
     "toggle-group-success",
     "toggle-group-warning",
+    "toggle-group-xl",
     "toggle-group-xs"
   ],
   "toggle": [
@@ -1139,6 +1166,9 @@
     "blockquote-cite",
     "caption",
     "display",
+    "display-1",
+    "display-2",
+    "display-3",
     "h1",
     "h2",
     "h3",
@@ -1251,5 +1281,22 @@
     "text-success-content",
     "text-warning",
     "text-warning-content"
+  ],
+  "type-scale": [
+    "text-xs",
+    "text-sm",
+    "text-md",
+    "text-base",
+    "text-lg",
+    "text-xl",
+    "text-2xl",
+    "text-3xl",
+    "text-4xl",
+    "text-5xl",
+    "text-6xl",
+    "text-7xl",
+    "text-8xl",
+    "text-9xl",
+    "text-10xl"
   ]
 }