@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.
|
|
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.
|
|
820
|
+
"@dryui/primitives": "^2.0.1"
|
|
821
821
|
},
|
|
822
822
|
"peerDependencies": {
|
|
823
823
|
"svelte": "^5.55.4"
|
package/skills/dryui/SKILL.md
CHANGED
|
@@ -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`
|
|
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
|
|
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>`
|
|
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:
|