@dryui/ui 1.1.5 → 1.3.0

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 (74) hide show
  1. package/dist/accordion/accordion-button-trigger.svelte +6 -0
  2. package/dist/alert/alert.svelte +2 -1
  3. package/dist/alert-dialog/alert-dialog-content.svelte +9 -69
  4. package/dist/alpha-slider/alpha-slider-input.svelte +4 -0
  5. package/dist/avatar/avatar.svelte +3 -4
  6. package/dist/backdrop/backdrop.svelte +12 -9
  7. package/dist/badge/badge.svelte +84 -72
  8. package/dist/button/button.svelte +3 -6
  9. package/dist/button-group/button-group.svelte +2 -2
  10. package/dist/calendar/calendar-button-grid.svelte +1 -1
  11. package/dist/card/card-root.svelte +9 -4
  12. package/dist/chip-group/chip-group-root.svelte +2 -2
  13. package/dist/code-block/code-block-button.svelte +6 -2
  14. package/dist/context-menu/context-menu-content.svelte +12 -79
  15. package/dist/diagram/diagram.svelte +3 -4
  16. package/dist/dialog/dialog-content.svelte +5 -103
  17. package/dist/drag-and-drop/drag-and-drop-item.svelte +1 -1
  18. package/dist/drawer/drawer-dialog-content.svelte +5 -155
  19. package/dist/dropdown-menu/dropdown-menu-content.svelte +14 -71
  20. package/dist/heading/heading.svelte +7 -6
  21. package/dist/hover-card/hover-card-content.svelte +3 -12
  22. package/dist/icon/icon.svelte +2 -2
  23. package/dist/index.d.ts +2 -2
  24. package/dist/index.js +1 -1
  25. package/dist/input/input.svelte +3 -3
  26. package/dist/internal/calendar-grid-button.svelte +29 -26
  27. package/dist/internal/calendar-grid-button.svelte.d.ts +1 -0
  28. package/dist/internal/close-button-base.svelte +15 -2
  29. package/dist/internal/close-button-base.svelte.d.ts +1 -0
  30. package/dist/internal/modal-content.svelte +331 -0
  31. package/dist/internal/modal-content.svelte.d.ts +26 -0
  32. package/dist/link-preview/link-preview-content.svelte +3 -11
  33. package/dist/logo-mark/logo-mark.svelte +2 -3
  34. package/dist/mask-reveal/mask-reveal.svelte +17 -14
  35. package/dist/mega-menu/mega-menu-panel.svelte +14 -2
  36. package/dist/mega-menu/mega-menu-panel.svelte.d.ts +1 -0
  37. package/dist/menubar/menubar-content.svelte +21 -81
  38. package/dist/noise/noise.svelte +1 -0
  39. package/dist/option-picker/option-picker-preview.svelte +11 -10
  40. package/dist/popover/popover-content.svelte +10 -36
  41. package/dist/progress/progress.svelte +2 -2
  42. package/dist/prompt-input/index.d.ts +13 -1
  43. package/dist/prompt-input/prompt-input-button-textarea.svelte +13 -1
  44. package/dist/prompt-input/prompt-input-button-textarea.svelte.d.ts +3 -0
  45. package/dist/shimmer/shimmer.svelte +28 -3
  46. package/dist/slider/slider-input.svelte +3 -4
  47. package/dist/spacer/spacer.svelte +2 -2
  48. package/dist/spinner/spinner.svelte +2 -2
  49. package/dist/tabs/tabs-content.svelte +1 -1
  50. package/dist/tabs/tabs-list.svelte +1 -0
  51. package/dist/tag/tag-button.svelte +2 -3
  52. package/dist/text/text.svelte +4 -15
  53. package/dist/themes/dark.css +40 -24
  54. package/dist/themes/default.css +16 -12
  55. package/dist/themes/token-scope.d.ts +1 -0
  56. package/dist/themes/token-scope.js +1 -0
  57. package/dist/timeline/timeline-icon.svelte +11 -1
  58. package/dist/timeline/timeline-item.svelte +18 -5
  59. package/dist/timeline/timeline-root.svelte +3 -10
  60. package/dist/toast/toast-close-button.svelte +19 -7
  61. package/dist/toast/toast-provider.svelte +22 -1
  62. package/dist/toggle/toggle-button.svelte +7 -3
  63. package/dist/toggle-group/toggle-group-root.svelte +2 -2
  64. package/dist/tooltip/tooltip-content.svelte +8 -32
  65. package/dist/tour/tour-root.css +26 -26
  66. package/dist/tree/tree-item-label.svelte +8 -14
  67. package/dist/tree/tree-item-label.svelte.d.ts +2 -2
  68. package/dist/typography/heading.svelte +7 -6
  69. package/dist/typography/text.svelte +4 -3
  70. package/package.json +6 -2
  71. package/skills/dryui/SKILL.md +3 -3
  72. package/skills/dryui/rules/native-web-transitions.md +2 -2
  73. package/dist/themes/use-theme-override.svelte.d.ts +0 -1
  74. package/dist/themes/use-theme-override.svelte.js +0 -1
package/skills/dryui/SKILL.md CHANGED
@@ -142,10 +142,10 @@ This works for greenfield (empty directory), brownfield (existing non-SvelteKit
142
142
 
143
143
  > **No global install?** `bunx @dryui/cli <cmd>` and `npx -y @dryui/cli <cmd>` work anywhere without installing — same commands, just slower (re-fetches on each call).
144
144
 
145
- **4. Add the agent integration layer manually** if you do not want to use `dryui` / `dryui setup`:
145
+ **4. Add the editor integration layer** after the CLI is working:
146
146
 
147
- - Claude Code: `claude plugin marketplace add rob-balfre/dryui && claude plugin install dryui@dryui` (installs skill + MCP in one step)
148
- - Codex (0.121.0+): `codex marketplace add rob-balfre/dryui`, then start `codex`, run `/plugins`, and install `DryUI` (installs skill + MCP in one step). Manual fallback: `codex mcp add dryui -- npx -y @dryui/mcp` + copy the skill from `packages/ui/skills/dryui`.
147
+ - Claude Code: `claude plugin marketplace add rob-balfre/dryui && claude plugin install dryui@dryui` (plugin is the canonical Claude skill install path)
148
+ - Codex (0.121.0+): `codex marketplace add rob-balfre/dryui`, then start `codex`, run `/plugins`, and install `DryUI` (plugin is the canonical Codex skill install path)
149
149
  - Copilot/Cursor/Windsurf: `npx degit rob-balfre/dryui/packages/ui/skills/dryui .agents/skills/dryui` + add MCP config (see https://dryui.dev/tools)
150
150
 
151
151
  ### Manual setup
package/skills/dryui/rules/native-web-transitions.md CHANGED
@@ -71,7 +71,7 @@ Always include a reduced-motion override:
71
71
  @media (prefers-reduced-motion: reduce) {
72
72
  .typing-dot,
73
73
  .reveal {
74
- animation: none !important;
74
+ animation: none;
75
75
  }
76
76
 
77
77
  :root {
@@ -80,7 +80,7 @@ Always include a reduced-motion override:
80
80
  }
81
81
  ```
82
82
 
83
- In JS, skip delayed typewriter/replay steps and render the final state immediately when reduced motion is active.
83
+ The `@media` block comes after the default rule in the same scoped stylesheet, so equal specificity plus source order handles the override without `!important` — which is banned by `@dryui/lint` (`dryui/no-important`). In JS, skip delayed typewriter/replay steps and render the final state immediately when reduced motion is active.
84
84
 
85
85
  ## Svelte notes
86
86
 
package/dist/themes/use-theme-override.svelte.d.ts DELETED
@@ -1 +0,0 @@
1
- export { useThemeOverride, type ThemeTokenMap } from '@dryui/primitives/use-theme-override';
package/dist/themes/use-theme-override.svelte.js DELETED
@@ -1 +0,0 @@
1
- export { useThemeOverride } from '@dryui/primitives/use-theme-override';