@dryui/ui 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dryui/ui",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "description": "Zero-dependency styled Svelte 5 components with scoped styles and --dry-* CSS variable theming.",
5
5
  "author": "Rob Balfre",
6
6
  "license": "MIT",
@@ -817,7 +817,7 @@
817
817
  "check:publish-hygiene": "bun run check:publint && bun run check:attw"
818
818
  },
819
819
  "dependencies": {
820
- "@dryui/primitives": "^2.0.0"
820
+ "@dryui/primitives": "^2.0.1"
821
821
  },
822
822
  "peerDependencies": {
823
823
  "svelte": "^5.55.4"
@@ -228,7 +228,7 @@ Use these to look up APIs, discover components, plan setup, and validate code.
228
228
 
229
229
  1. `dryui info <Component>` or `dryui compose "<query>"` before writing so you confirm kind, required parts, bindables, and canonical usage. If MCP is available, `ask --scope component` and `ask --scope recipe` are the equivalent surface.
230
230
  2. Build the route or component with raw CSS grid, `Container` for constrained width, and `@container` for responsive layout.
231
- 3. Run `check` if DryUI MCP is available after implementation to catch composition drift, layout violations, and accessibility regressions. Without MCP, rely on the `@dryui/lint` preprocessor plus the project's normal build and test commands.
231
+ 3. Run `dryui check [path]` or MCP `check` after implementation to catch composition drift, layout violations, and accessibility regressions. Use `dryui check --visual <url>` or MCP `check` with `visualUrl` when rendered pixels need review.
232
232
  4. Never guess component shape from memory. DryUI is intentionally strict, and the lookup cost is lower than rework.
233
233
 
234
234
  ### CLI (default entry point)
@@ -243,6 +243,8 @@ dryui info <component> # Look up component API
243
243
  dryui compose "date input" # Composition guidance
244
244
  dryui detect [path] # Check project setup
245
245
  dryui install [path] # Print install plan
246
+ dryui check [path] # Validate file, theme, directory, or workspace
247
+ dryui check --visual <url> # Screenshot a URL and critique rendered polish
246
248
  dryui list # List components
247
249
  dryui tokens --category color # Browse design tokens
248
250
  dryui ambient # SessionStart context
@@ -260,6 +262,7 @@ Without a global install, prefix any command with `bunx @dryui/cli …` or `npx
260
262
  | Lookup & composition | `ask --scope component`, `ask --scope recipe`, `ask --scope list` |
261
263
  | Validation | `check <file.svelte>`, `check <theme.css>` |
262
264
  | Audit | `check`, `check <directory>` |
265
+ | Rendered UI | `check` with `visualUrl`, or direct `check-vision` |
263
266
 
264
267
  Categories: action, input, form, layout, navigation, overlay, display, feedback, interaction, utility
265
268
 
@@ -457,7 +457,7 @@ DryUI is a presentation and accessibility system, not a workflow engine. For dep
457
457
  - Normalize route/session state in script before rendering DryUI inputs.
458
458
  - Reset dependent `Select.Root` values when their parent choice changes; do not rely on stale child state surviving domain changes.
459
459
  - Use raw CSS grid to lay out planner sections, and keep orchestration logic in route-level stores or derived state.
460
- - Run `dryui info <Component>` or `dryui compose "<pattern>"` before introducing a new field shape, then use MCP `check` if it is available after the flow is wired. Without MCP, rely on the `@dryui/lint` preprocessor plus the project's normal build and test commands.
460
+ - Run `dryui info <Component>` or `dryui compose "<pattern>"` before introducing a new field shape, then run `dryui check [path]` or MCP `check` after the flow is wired. Use `dryui check --visual <url>` or MCP `check` with `visualUrl` when the rendered page needs visual review.
461
461
 
462
462
  ```svelte
463
463
  <script lang="ts">
@@ -288,10 +288,10 @@ Ensure sufficient contrast between text and background.
288
288
 
289
289
  ## Validating Theme CSS
290
290
 
291
- Use `check <theme.css>` when DryUI MCP is available to catch theme issues. Without MCP, validate by rebuilding the app with `@dryui/lint` wired and checking the resulting diagnostics:
291
+ Use `dryui check <theme.css>` or MCP `check <theme.css>` to catch theme issues. Without either surface, validate by rebuilding the app with `@dryui/lint` wired and checking the resulting diagnostics:
292
292
 
293
293
  ```bash
294
- check src/styles/global.css
294
+ dryui check src/styles/global.css
295
295
  ```
296
296
 
297
297
  Common diagnostic codes: