@wizeworks/silicaui-mcp 0.45.0 → 0.47.0

package/dist/data/components.json

@@ -6358,6 +6358,12 @@
             "optional": false,
             "type": "React.ReactNode",
             "doc": ""
+          },
+          {
+            "name": "popupProps",
+            "optional": true,
+            "type": "Omit<AlertDialogContentProps, \"children\"> & {\n    [key: `data-${string}`]: unknown;\n  }",
+            "doc": "Props for the portalled `AlertDialogContent` — chiefly `data-theme`. The popup portals to `document.body`, which is OUTSIDE any `[data-theme]` island the provider sits in, so a confirm raised from inside a themed region (an editor shell, a pane, a dark section) would otherwise resolve its tokens against the page instead of that region: <ImperativeAlertDialogProvider popupProps={{ \"data-theme\": \"studio\" }}> `data-*` keys are spelled out in the type because this is an object literal, not a JSX attribute list — TypeScript waives excess-property checks for hyphenated names only in JSX position."
           }
         ]
       }

package/dist/data/themes.json

@@ -16,6 +16,9 @@
     "paints": [
       "backgroundColor",
       "color",
+      "backgroundImage",
+      "backgroundSize",
+      "backgroundBlendMode",
       "fontFamily",
       "fontSize"
     ],

package/dist/data/tokens.json

@@ -163,6 +163,17 @@
       "step": 0.01,
       "doc": "Base unit fields scale their height/padding from — raising it enlarges Input/Select/Button uniformly."
     },
+    {
+      "key": "--size-selector",
+      "label": "Selector size",
+      "group": "form",
+      "default": "0.25rem",
+      "unit": "rem",
+      "min": 0.15,
+      "max": 0.4,
+      "step": 0.01,
+      "doc": "Base unit selector controls scale from — raising it enlarges Checkbox/Radio/Switch/Toggle/Badge uniformly. The selector tier is sized separately from fields so a dense checkbox can sit next to a large input."
+    },
     {
       "key": "--depth",
       "label": "Depth",
@@ -183,7 +194,7 @@
       "min": 0,
       "max": 1,
       "step": 1,
-      "doc": "Reserved for a grain/noise surface texture. Not yet wired into any component's CSS — currently has no visible effect."
+      "doc": "Grain texture on the themed surface — the `[data-theme]` element itself, so it covers the page and every scoped island while Card and other raised surfaces keep their clean fill. An on/off switch (1 or 0), not a strength dial: it gates a tiling SVG grain that blends against `--color-base-100`, so one texture reads on light and dark alike."
     },
     {
       "key": "--focus-width",
@@ -196,6 +207,17 @@
       "step": 0.5,
       "doc": "Outline width of the keyboard focus ring across interactive components."
     },
+    {
+      "key": "--focus-offset",
+      "label": "Focus ring offset",
+      "group": "effects",
+      "default": "2px",
+      "unit": "px",
+      "min": 0,
+      "max": 6,
+      "step": 1,
+      "doc": "Gap between the control's edge and its focus ring. Fields render the ring as a two-stop box-shadow (base-100 spacer, then the accent), so the offset is what keeps the ring from sitting flush against the border."
+    },
     {
       "key": "--disabled-opacity",
       "label": "Disabled opacity",
@@ -206,6 +228,43 @@
       "max": 1,
       "step": 0.05,
       "doc": "Opacity applied to disabled controls."
+    },
+    {
+      "key": "--duration",
+      "label": "Transition speed",
+      "group": "motion",
+      "default": "150ms",
+      "unit": "ms",
+      "min": 0,
+      "max": 500,
+      "step": 25,
+      "doc": "Length of every state transition in the library — hover, focus, open/close, checked. Snappy-vs-relaxed is a brand axis, so it is one token rather than a per-component prop. Under `prefers-reduced-motion: reduce` it is forced to 0.01ms and a theme's value is ignored."
+    },
+    {
+      "key": "--ease",
+      "label": "Transition easing",
+      "group": "motion",
+      "default": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "unit": "",
+      "options": [
+        {
+          "label": "Standard",
+          "value": "cubic-bezier(0.4, 0, 0.2, 1)"
+        },
+        {
+          "label": "Linear",
+          "value": "linear"
+        },
+        {
+          "label": "Out",
+          "value": "cubic-bezier(0, 0, 0.2, 1)"
+        },
+        {
+          "label": "Spring",
+          "value": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+        }
+      ],
+      "doc": "Timing function paired with `--duration` on those same transitions. `Spring` overshoots past the target and settles back — the difference between a UI that feels mechanical and one that feels physical."
     }
   ],
   "typography": {
@@ -308,6 +367,6 @@
       "--font-serif",
       "--font-mono"
     ],
-    "note": "Every non-namespace token (see scalarTokens above, plus --duration, --ease, --focus-offset which aren't yet theme-editable) carries its default inline via var(--token, default) in each component, so an app's own :root/@theme override always wins."
+    "note": "Every non-namespace token (see scalarTokens above) carries its default inline via var(--token, default) in each component, so an app's own :root/@theme override always wins. --duration is the one token an app cannot always win: under prefers-reduced-motion: reduce it is forced to 0.01ms with !important, on :root and on every [data-theme] island."
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizeworks/silicaui-mcp",
-  "version": "0.45.0",
+  "version": "0.47.0",
   "description": "A local MCP server that lets AI coding assistants query the Silica UI design system — real class names, component props, blocks, and behaviors — instead of guessing.",
   "type": "module",
   "license": "MIT",