@dryui/ui 0.1.3 → 0.1.5

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.
Files changed (55) hide show
  1. package/dist/accordion/accordion-trigger.svelte +5 -6
  2. package/dist/alert-dialog/alert-dialog-action.svelte +42 -6
  3. package/dist/alert-dialog/alert-dialog-cancel.svelte +44 -5
  4. package/dist/alert-dialog/alert-dialog-footer.svelte +3 -2
  5. package/dist/aurora/aurora.svelte.d.ts +6 -0
  6. package/dist/beam/beam.svelte +17 -10
  7. package/dist/chromatic-aberration/chromatic-aberration.svelte +7 -9
  8. package/dist/collapsible/collapsible-trigger.svelte +4 -7
  9. package/dist/color-picker/color-picker-eyedropper.svelte +4 -11
  10. package/dist/data-grid/data-grid-pagination.svelte +20 -2
  11. package/dist/data-grid/data-grid-root.svelte +1 -0
  12. package/dist/date-field/date-field-root.svelte +66 -20
  13. package/dist/date-field/date-field-segment.svelte +11 -9
  14. package/dist/date-field/date-field-separator.svelte +9 -1
  15. package/dist/date-picker/datepicker-calendar.svelte +168 -13
  16. package/dist/date-picker/datepicker-trigger.svelte +3 -8
  17. package/dist/date-range-picker/date-range-picker-calendar.svelte +177 -13
  18. package/dist/date-range-picker/date-range-picker-trigger.svelte +18 -12
  19. package/dist/dialog/dialog-content.svelte +1 -0
  20. package/dist/field/field-root.svelte +0 -1
  21. package/dist/file-select/file-select-clear.svelte +2 -8
  22. package/dist/file-upload/file-upload-item-delete.svelte +4 -7
  23. package/dist/flip-card/flip-card-back.svelte +2 -2
  24. package/dist/flip-card/flip-card-front.svelte +2 -2
  25. package/dist/flip-card/flip-card-root.svelte +2 -0
  26. package/dist/float-button/float-button-root.svelte +2 -1
  27. package/dist/image-comparison/image-comparison.svelte +16 -24
  28. package/dist/input-group/input-group-action.svelte +5 -0
  29. package/dist/input-group/input-group-input.svelte +7 -2
  30. package/dist/input-group/input-group-prefix.svelte +5 -0
  31. package/dist/input-group/input-group-root.svelte +10 -2
  32. package/dist/input-group/input-group-select.svelte +5 -0
  33. package/dist/input-group/input-group-separator.svelte +10 -0
  34. package/dist/input-group/input-group-suffix.svelte +5 -0
  35. package/dist/option-swatch-group/option-swatch-group-item.svelte +46 -0
  36. package/dist/option-swatch-group/option-swatch-group-label.svelte +10 -0
  37. package/dist/option-swatch-group/option-swatch-group-meta.svelte +10 -0
  38. package/dist/option-swatch-group/option-swatch-group-root.svelte +0 -79
  39. package/dist/option-swatch-group/option-swatch-group-swatch.svelte +25 -6
  40. package/dist/pin-input/pin-input-cell.svelte +4 -1
  41. package/dist/range-calendar/range-calendar-grid.svelte +219 -181
  42. package/dist/range-calendar/range-calendar-root.svelte +24 -10
  43. package/dist/select/select-trigger.svelte +5 -8
  44. package/dist/system-map/system-map.svelte +120 -674
  45. package/dist/tags-input/tags-input-input.svelte +3 -0
  46. package/dist/tags-input/tags-input-root.svelte +4 -13
  47. package/dist/tags-input/tags-input-tag.svelte +3 -0
  48. package/dist/themes/dark.css +6 -0
  49. package/dist/themes/default.css +3 -0
  50. package/dist/toast/toast-action.svelte +1 -0
  51. package/dist/toast/toast-close.svelte +4 -0
  52. package/dist/toast/toast-provider.svelte +5 -26
  53. package/dist/toast/toast-root.svelte +5 -10
  54. package/package.json +441 -1182
  55. package/skills/dryui/SKILL.md +24 -4
package/skills/dryui/SKILL.md CHANGED
@@ -18,9 +18,29 @@ Key facts:
18
18
 
19
19
  ## Quick Start (new SvelteKit project)
20
20
 
21
- 1. `bun add @dryui/ui`
22
- 2. Add `class="theme-auto"` to `<html>` in `src/app.html`
23
- 3. In your root layout (`src/routes/+layout.svelte`):
21
+ Run the install planner — it detects the project and returns a tailored
22
+ step-by-step plan:
23
+
24
+ ```
25
+ npx -y @dryui/cli install --json
26
+ ```
27
+
28
+ Execute each `"pending"` step in the returned JSON (install package, edit/create
29
+ files). Then verify:
30
+
31
+ ```
32
+ npx -y @dryui/cli detect --json
33
+ ```
34
+
35
+ The output should show `"status": "ready"`.
36
+
37
+ ### Manual setup (if you prefer)
38
+
39
+ 1. `bun add @dryui/ui` (or npm/pnpm/yarn equivalent)
40
+ 2. In `src/app.html`, add `class="theme-auto"` to the `<html>` tag (preserving
41
+ existing attributes like `lang="en"`)
42
+ 3. In your root layout (`src/routes/+layout.svelte`), add theme imports to the
43
+ existing `<script>` block — do not create a second `<script>`:
24
44
  ```svelte
25
45
  <script>
26
46
  import '@dryui/ui/themes/default.css';
@@ -28,7 +48,7 @@ Key facts:
28
48
  </script>
29
49
  ```
30
50
  4. Import `app.css` AFTER theme CSS if you have custom styles
31
- 5. (Optional) Override semantic tokens in `app.css` — use the layered token system documented in `rules/theming.md` rather than the old 18-token list. Start with the current surface, text, stroke, fill, and brand tokens such as `--dry-color-bg-base`, `--dry-color-bg-raised`, `--dry-color-text-strong`, `--dry-color-text-weak`, `--dry-color-fill-brand`, `--dry-color-fill`, `--dry-color-stroke-weak`, and their `on-*` / state variants.
51
+ 5. (Optional) Override semantic tokens in `app.css` — use the layered token system documented in `rules/theming.md`
32
52
 
33
53
  > **Local dev:** If `@dryui/ui` is not on npm, link from the monorepo:
34
54
  > `cd /path/to/dryui/packages/ui && bun link && cd /your/project && bun link @dryui/ui`