@dryui/ui 0.3.0 → 0.4.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.
Files changed (754) hide show
  1. package/dist/accordion/accordion-button-trigger.svelte +51 -0
  2. package/dist/accordion/accordion-button-trigger.svelte.d.ts +8 -0
  3. package/dist/accordion/accordion-content.svelte.d.ts +2 -2
  4. package/dist/accordion/accordion-item.svelte.d.ts +4 -4
  5. package/dist/accordion/accordion-root.svelte.d.ts +5 -5
  6. package/dist/accordion/index.d.ts +1 -1
  7. package/dist/accordion/index.js +1 -1
  8. package/dist/adjust/adjust.svelte.d.ts +13 -12
  9. package/dist/alert/alert-button-close.svelte +29 -0
  10. package/dist/alert/alert-button-close.svelte.d.ts +8 -0
  11. package/dist/alert/alert-description.svelte +6 -1
  12. package/dist/alert/alert-description.svelte.d.ts +2 -2
  13. package/dist/alert/alert-icon.svelte.d.ts +2 -2
  14. package/dist/alert/alert-root.svelte +1 -2
  15. package/dist/alert/alert-root.svelte.d.ts +6 -6
  16. package/dist/alert/alert-title.svelte +6 -1
  17. package/dist/alert/alert-title.svelte.d.ts +2 -2
  18. package/dist/alert/context.svelte.d.ts +1 -0
  19. package/dist/alert/context.svelte.js +8 -0
  20. package/dist/alert/index.d.ts +1 -1
  21. package/dist/alert/index.js +1 -1
  22. package/dist/alert-dialog/alert-dialog-body.svelte.d.ts +2 -2
  23. package/dist/alert-dialog/alert-dialog-button-action.svelte +15 -0
  24. package/dist/alert-dialog/alert-dialog-button-action.svelte.d.ts +8 -0
  25. package/dist/alert-dialog/alert-dialog-button-cancel.svelte +18 -0
  26. package/dist/alert-dialog/alert-dialog-button-cancel.svelte.d.ts +8 -0
  27. package/dist/alert-dialog/alert-dialog-content.svelte.d.ts +2 -2
  28. package/dist/alert-dialog/alert-dialog-footer.svelte.d.ts +2 -2
  29. package/dist/alert-dialog/alert-dialog-header.svelte.d.ts +2 -2
  30. package/dist/alert-dialog/alert-dialog-overlay.svelte.d.ts +3 -2
  31. package/dist/alert-dialog/alert-dialog-root.svelte.d.ts +3 -3
  32. package/dist/alert-dialog/alert-dialog-trigger.svelte.d.ts +2 -2
  33. package/dist/alert-dialog/index.d.ts +2 -2
  34. package/dist/alert-dialog/index.js +2 -2
  35. package/dist/alpha-slider/alpha-slider-input.svelte.d.ts +12 -0
  36. package/dist/alpha-slider/index.d.ts +1 -1
  37. package/dist/alpha-slider/index.js +1 -1
  38. package/dist/aspect-ratio/aspect-ratio.svelte.d.ts +3 -3
  39. package/dist/aurora/aurora.svelte.d.ts +10 -10
  40. package/dist/avatar/avatar.svelte.d.ts +9 -9
  41. package/dist/backdrop/backdrop.svelte.d.ts +4 -6
  42. package/dist/badge/badge.svelte +1 -0
  43. package/dist/badge/badge.svelte.d.ts +8 -19
  44. package/dist/beam/beam.svelte.d.ts +10 -9
  45. package/dist/breadcrumb/breadcrumb-item.svelte.d.ts +2 -2
  46. package/dist/breadcrumb/breadcrumb-link.svelte.d.ts +4 -4
  47. package/dist/breadcrumb/breadcrumb-list.svelte.d.ts +2 -2
  48. package/dist/breadcrumb/breadcrumb-root.svelte.d.ts +2 -2
  49. package/dist/breadcrumb/breadcrumb-separator.svelte.d.ts +3 -3
  50. package/dist/button/button.svelte +285 -134
  51. package/dist/button/button.svelte.d.ts +12 -12
  52. package/dist/button/index.d.ts +7 -4
  53. package/dist/button-group/button-group.svelte.d.ts +4 -4
  54. package/dist/calendar/calendar-button-grid.svelte +151 -0
  55. package/dist/calendar/calendar-button-grid.svelte.d.ts +6 -0
  56. package/dist/calendar/calendar-button-next.svelte +13 -0
  57. package/dist/calendar/calendar-button-next.svelte.d.ts +8 -0
  58. package/dist/calendar/calendar-button-prev.svelte +13 -0
  59. package/dist/calendar/calendar-button-prev.svelte.d.ts +8 -0
  60. package/dist/calendar/calendar-header.svelte.d.ts +6 -2
  61. package/dist/calendar/calendar-heading.svelte.d.ts +4 -2
  62. package/dist/calendar/calendar-nav-button.svelte +26 -0
  63. package/dist/calendar/calendar-nav-button.svelte.d.ts +9 -0
  64. package/dist/calendar/calendar-root.svelte.d.ts +11 -2
  65. package/dist/calendar/index.d.ts +3 -3
  66. package/dist/calendar/index.js +3 -3
  67. package/dist/card/card-content.svelte.d.ts +3 -3
  68. package/dist/card/card-footer.svelte.d.ts +2 -2
  69. package/dist/card/card-header.svelte.d.ts +2 -2
  70. package/dist/card/card-root.svelte +43 -28
  71. package/dist/card/card-root.svelte.d.ts +8 -7
  72. package/dist/carousel/carousel-button-dots.svelte +51 -0
  73. package/dist/carousel/carousel-button-dots.svelte.d.ts +6 -0
  74. package/dist/carousel/carousel-button-next.svelte +13 -0
  75. package/dist/carousel/carousel-button-next.svelte.d.ts +8 -0
  76. package/dist/carousel/carousel-button-prev.svelte +13 -0
  77. package/dist/carousel/carousel-button-prev.svelte.d.ts +8 -0
  78. package/dist/carousel/{carousel-thumbnails.svelte → carousel-button-thumbnails.svelte} +5 -31
  79. package/dist/carousel/carousel-button-thumbnails.svelte.d.ts +13 -0
  80. package/dist/carousel/carousel-nav-button.svelte +31 -0
  81. package/dist/carousel/carousel-nav-button.svelte.d.ts +9 -0
  82. package/dist/carousel/carousel-root.svelte.d.ts +5 -5
  83. package/dist/carousel/carousel-slide.svelte.d.ts +2 -2
  84. package/dist/carousel/carousel-viewport.svelte.d.ts +2 -2
  85. package/dist/carousel/index.d.ts +4 -4
  86. package/dist/carousel/index.js +4 -4
  87. package/dist/chart/chart-area.svelte.d.ts +5 -5
  88. package/dist/chart/chart-bars.svelte.d.ts +7 -3
  89. package/dist/chart/chart-donut.svelte.d.ts +11 -5
  90. package/dist/chart/chart-horizontal-bar.svelte.d.ts +2 -2
  91. package/dist/chart/chart-line.svelte.d.ts +5 -5
  92. package/dist/chart/chart-root.svelte.d.ts +12 -11
  93. package/dist/chart/chart-stacked-bar.svelte.d.ts +4 -4
  94. package/dist/chart/chart-x-axis.svelte.d.ts +3 -2
  95. package/dist/chart/chart-y-axis.svelte.d.ts +2 -2
  96. package/dist/chat-thread/chat-thread.svelte.d.ts +10 -15
  97. package/dist/checkbox/checkbox-input.svelte.d.ts +12 -0
  98. package/dist/checkbox/index.d.ts +1 -1
  99. package/dist/checkbox/index.js +1 -1
  100. package/dist/chip/chip-button.svelte +173 -0
  101. package/dist/chip/chip-button.svelte.d.ts +22 -0
  102. package/dist/chip/index.d.ts +1 -1
  103. package/dist/chip/index.js +1 -1
  104. package/dist/chip-group/chip-group-button-item.svelte +36 -0
  105. package/dist/chip-group/chip-group-button-item.svelte.d.ts +10 -0
  106. package/dist/chip-group/chip-group-root.svelte.d.ts +7 -7
  107. package/dist/chip-group/index.d.ts +1 -1
  108. package/dist/chip-group/index.js +1 -1
  109. package/dist/chromatic-aberration/chromatic-aberration.svelte.d.ts +5 -5
  110. package/dist/chromatic-shift/chromatic-shift.svelte.d.ts +6 -7
  111. package/dist/clipboard/clipboard.svelte.d.ts +7 -11
  112. package/dist/code-block/{code-block.svelte → code-block-button.svelte} +46 -59
  113. package/dist/code-block/code-block-button.svelte.d.ts +13 -0
  114. package/dist/code-block/index.d.ts +1 -1
  115. package/dist/code-block/index.js +1 -1
  116. package/dist/collapsible/collapsible-button-trigger.svelte +50 -0
  117. package/dist/collapsible/collapsible-button-trigger.svelte.d.ts +8 -0
  118. package/dist/collapsible/collapsible-content.svelte.d.ts +2 -2
  119. package/dist/collapsible/collapsible-root.svelte.d.ts +4 -4
  120. package/dist/collapsible/index.d.ts +1 -1
  121. package/dist/collapsible/index.js +1 -1
  122. package/dist/color-picker/color-picker-area.svelte.d.ts +3 -3
  123. package/dist/color-picker/{color-picker-eyedropper.svelte → color-picker-button-eyedropper.svelte} +8 -49
  124. package/dist/color-picker/color-picker-button-eyedropper.svelte.d.ts +8 -0
  125. package/dist/color-picker/color-picker-channel-input.svelte.d.ts +2 -2
  126. package/dist/color-picker/color-picker-input-alpha-slider.svelte.d.ts +5 -0
  127. package/dist/color-picker/color-picker-input-hue-slider.svelte.d.ts +5 -0
  128. package/dist/color-picker/color-picker-input.svelte.d.ts +2 -2
  129. package/dist/color-picker/color-picker-root.svelte.d.ts +7 -7
  130. package/dist/color-picker/color-picker-swatch.svelte.d.ts +2 -2
  131. package/dist/color-picker/index.d.ts +3 -3
  132. package/dist/color-picker/index.js +3 -3
  133. package/dist/combobox/combobox-content.svelte.d.ts +7 -18
  134. package/dist/combobox/combobox-empty.svelte.d.ts +2 -2
  135. package/dist/combobox/combobox-group.svelte.d.ts +3 -3
  136. package/dist/combobox/combobox-input-root.svelte.d.ts +11 -0
  137. package/dist/combobox/combobox-input.svelte.d.ts +3 -3
  138. package/dist/combobox/combobox-item.svelte +13 -12
  139. package/dist/combobox/combobox-item.svelte.d.ts +6 -6
  140. package/dist/combobox/index.d.ts +1 -1
  141. package/dist/combobox/index.js +1 -1
  142. package/dist/command-palette/command-palette-dialog-root.svelte.d.ts +9 -0
  143. package/dist/command-palette/command-palette-empty.svelte.d.ts +2 -2
  144. package/dist/command-palette/command-palette-group.svelte.d.ts +3 -3
  145. package/dist/command-palette/command-palette-input.svelte.d.ts +2 -2
  146. package/dist/command-palette/command-palette-item.svelte +8 -10
  147. package/dist/command-palette/command-palette-item.svelte.d.ts +5 -5
  148. package/dist/command-palette/command-palette-list.svelte.d.ts +2 -2
  149. package/dist/command-palette/command-palette-separator.svelte.d.ts +3 -2
  150. package/dist/command-palette/index.d.ts +1 -1
  151. package/dist/command-palette/index.js +1 -1
  152. package/dist/container/container.svelte.d.ts +4 -4
  153. package/dist/context-menu/context-menu-content.svelte.d.ts +2 -2
  154. package/dist/context-menu/context-menu-group.svelte.d.ts +2 -2
  155. package/dist/context-menu/context-menu-item.svelte +4 -1
  156. package/dist/context-menu/context-menu-item.svelte.d.ts +3 -3
  157. package/dist/context-menu/context-menu-label.svelte.d.ts +2 -2
  158. package/dist/context-menu/context-menu-root.svelte.d.ts +3 -3
  159. package/dist/context-menu/context-menu-separator.svelte.d.ts +3 -2
  160. package/dist/context-menu/context-menu-trigger.svelte.d.ts +2 -2
  161. package/dist/country-select/{country-select.svelte → country-select-button-input.svelte} +18 -74
  162. package/dist/country-select/country-select-button-input.svelte.d.ts +15 -0
  163. package/dist/country-select/index.d.ts +1 -1
  164. package/dist/country-select/index.js +1 -1
  165. package/dist/data-grid/data-grid-body.svelte.d.ts +20 -33
  166. package/dist/data-grid/data-grid-button-expand-trigger.svelte +45 -0
  167. package/dist/data-grid/data-grid-button-expand-trigger.svelte.d.ts +9 -0
  168. package/dist/data-grid/{data-grid-column.svelte → data-grid-button-input-column.svelte} +13 -33
  169. package/dist/data-grid/data-grid-button-input-column.svelte.d.ts +14 -0
  170. package/dist/data-grid/{data-grid-pagination.svelte → data-grid-button-pagination.svelte} +31 -59
  171. package/dist/data-grid/data-grid-button-pagination.svelte.d.ts +20 -0
  172. package/dist/data-grid/data-grid-cell.svelte.d.ts +2 -2
  173. package/dist/data-grid/data-grid-expandable-row.svelte.d.ts +4 -4
  174. package/dist/data-grid/data-grid-header.svelte.d.ts +2 -2
  175. package/dist/data-grid/data-grid-input-select-all.svelte.d.ts +6 -0
  176. package/dist/data-grid/data-grid-input-select-cell.svelte.d.ts +8 -0
  177. package/dist/data-grid/data-grid-root.svelte.d.ts +26 -32
  178. package/dist/data-grid/data-grid-row.svelte.d.ts +3 -3
  179. package/dist/data-grid/data-grid-table.svelte.d.ts +2 -2
  180. package/dist/data-grid/index.d.ts +5 -5
  181. package/dist/data-grid/index.js +5 -5
  182. package/dist/date-field/date-field-input-root.svelte.d.ts +15 -0
  183. package/dist/date-field/date-field-segment.svelte.d.ts +3 -3
  184. package/dist/date-field/date-field-separator.svelte.d.ts +2 -2
  185. package/dist/date-field/index.d.ts +1 -1
  186. package/dist/date-field/index.js +1 -1
  187. package/dist/date-picker/{datepicker-calendar.svelte → datepicker-button-calendar.svelte} +19 -97
  188. package/dist/date-picker/datepicker-button-calendar.svelte.d.ts +6 -0
  189. package/dist/date-picker/datepicker-button-trigger.svelte +72 -0
  190. package/dist/date-picker/datepicker-button-trigger.svelte.d.ts +10 -0
  191. package/dist/date-picker/datepicker-content.svelte.d.ts +4 -16
  192. package/dist/date-picker/datepicker-input-root.svelte.d.ts +14 -0
  193. package/dist/date-picker/index.d.ts +3 -3
  194. package/dist/date-picker/index.js +3 -3
  195. package/dist/date-range-picker/{date-range-picker-calendar.svelte → date-range-picker-button-calendar.svelte} +16 -131
  196. package/dist/date-range-picker/date-range-picker-button-calendar.svelte.d.ts +6 -0
  197. package/dist/date-range-picker/date-range-picker-button-preset.svelte +25 -0
  198. package/dist/date-range-picker/date-range-picker-button-preset.svelte.d.ts +10 -0
  199. package/dist/date-range-picker/date-range-picker-button-trigger.svelte +77 -0
  200. package/dist/date-range-picker/date-range-picker-button-trigger.svelte.d.ts +9 -0
  201. package/dist/date-range-picker/date-range-picker-content.svelte.d.ts +6 -4
  202. package/dist/date-range-picker/date-range-picker-root.svelte.d.ts +12 -6
  203. package/dist/date-range-picker/index.d.ts +3 -3
  204. package/dist/date-range-picker/index.js +3 -3
  205. package/dist/date-time-input/date-time-input.svelte.d.ts +8 -8
  206. package/dist/description-list/description-list-description.svelte.d.ts +2 -2
  207. package/dist/description-list/description-list-item.svelte.d.ts +2 -2
  208. package/dist/description-list/description-list-root.svelte.d.ts +2 -2
  209. package/dist/description-list/description-list-term.svelte.d.ts +2 -2
  210. package/dist/diagram/diagram.svelte +1 -1
  211. package/dist/diagram/edge-routing.js +4 -2
  212. package/dist/diagram/layout.js +25 -36
  213. package/dist/dialog/dialog-body.svelte.d.ts +2 -2
  214. package/dist/dialog/dialog-close.svelte.d.ts +2 -2
  215. package/dist/dialog/dialog-content.svelte.d.ts +2 -2
  216. package/dist/dialog/dialog-footer.svelte.d.ts +2 -2
  217. package/dist/dialog/dialog-header.svelte.d.ts +2 -2
  218. package/dist/dialog/dialog-overlay.svelte.d.ts +3 -2
  219. package/dist/dialog/dialog-root.svelte.d.ts +3 -3
  220. package/dist/dialog/dialog-trigger.svelte.d.ts +2 -2
  221. package/dist/displacement/displacement.svelte.d.ts +5 -6
  222. package/dist/drag-and-drop/drag-and-drop-handle.svelte.d.ts +4 -4
  223. package/dist/drag-and-drop/drag-and-drop-item.svelte.d.ts +6 -10
  224. package/dist/drag-and-drop/drag-and-drop-root.svelte.d.ts +21 -29
  225. package/dist/drawer/drawer-body.svelte.d.ts +3 -3
  226. package/dist/drawer/drawer-close.svelte.d.ts +2 -2
  227. package/dist/drawer/{drawer-content.svelte → drawer-dialog-content.svelte} +1 -1
  228. package/dist/drawer/drawer-dialog-content.svelte.d.ts +8 -0
  229. package/dist/drawer/drawer-footer.svelte.d.ts +2 -2
  230. package/dist/drawer/drawer-header.svelte.d.ts +2 -2
  231. package/dist/drawer/drawer-overlay.svelte.d.ts +3 -2
  232. package/dist/drawer/drawer-root.svelte.d.ts +4 -4
  233. package/dist/drawer/drawer-trigger.svelte.d.ts +2 -2
  234. package/dist/drawer/index.d.ts +1 -1
  235. package/dist/drawer/index.js +1 -1
  236. package/dist/drop-zone/drop-zone.svelte.d.ts +4 -4
  237. package/dist/dropdown-menu/dropdown-menu-content.svelte.d.ts +5 -16
  238. package/dist/dropdown-menu/dropdown-menu-group.svelte.d.ts +2 -2
  239. package/dist/dropdown-menu/dropdown-menu-item.svelte +4 -1
  240. package/dist/dropdown-menu/dropdown-menu-item.svelte.d.ts +3 -3
  241. package/dist/dropdown-menu/dropdown-menu-label.svelte.d.ts +2 -2
  242. package/dist/dropdown-menu/dropdown-menu-root.svelte.d.ts +3 -3
  243. package/dist/dropdown-menu/dropdown-menu-separator.svelte.d.ts +3 -2
  244. package/dist/dropdown-menu/dropdown-menu-trigger.svelte.d.ts +2 -2
  245. package/dist/field/field-description.svelte.d.ts +2 -2
  246. package/dist/field/field-error.svelte.d.ts +2 -2
  247. package/dist/field/field-root.svelte.d.ts +5 -5
  248. package/dist/fieldset/fieldset-content.svelte.d.ts +2 -2
  249. package/dist/fieldset/fieldset-description.svelte.d.ts +2 -2
  250. package/dist/fieldset/fieldset-legend.svelte.d.ts +2 -2
  251. package/dist/fieldset/fieldset-root.svelte.d.ts +2 -2
  252. package/dist/file-select/file-select-button-clear.svelte +37 -0
  253. package/dist/file-select/file-select-button-clear.svelte.d.ts +8 -0
  254. package/dist/file-select/file-select-button-trigger.svelte +26 -0
  255. package/dist/file-select/file-select-button-trigger.svelte.d.ts +9 -0
  256. package/dist/file-select/file-select-root.svelte.d.ts +7 -8
  257. package/dist/file-select/file-select-value.svelte.d.ts +2 -2
  258. package/dist/file-select/index.d.ts +2 -2
  259. package/dist/file-select/index.js +2 -2
  260. package/dist/file-upload/file-upload-button-item-delete.svelte +36 -0
  261. package/dist/file-upload/file-upload-button-item-delete.svelte.d.ts +9 -0
  262. package/dist/file-upload/file-upload-button-trigger.svelte +31 -0
  263. package/dist/file-upload/file-upload-button-trigger.svelte.d.ts +9 -0
  264. package/dist/file-upload/file-upload-dropzone.svelte.d.ts +3 -3
  265. package/dist/file-upload/file-upload-input-root.svelte.d.ts +14 -0
  266. package/dist/file-upload/file-upload-item.svelte.d.ts +5 -5
  267. package/dist/file-upload/file-upload-list.svelte.d.ts +6 -10
  268. package/dist/file-upload/index.d.ts +3 -3
  269. package/dist/file-upload/index.js +3 -3
  270. package/dist/flip-card/flip-card-back.svelte.d.ts +2 -2
  271. package/dist/flip-card/flip-card-front.svelte.d.ts +2 -2
  272. package/dist/flip-card/flip-card-root.svelte.d.ts +5 -5
  273. package/dist/float-button/float-button-action.svelte +6 -72
  274. package/dist/float-button/float-button-action.svelte.d.ts +2 -2
  275. package/dist/float-button/float-button-root.svelte.d.ts +4 -4
  276. package/dist/float-button/float-button-trigger.svelte +8 -64
  277. package/dist/float-button/float-button-trigger.svelte.d.ts +3 -3
  278. package/dist/focus-trap/focus-trap.svelte.d.ts +5 -5
  279. package/dist/format-bytes/format-bytes.svelte.d.ts +5 -5
  280. package/dist/format-date/format-date.svelte.d.ts +16 -16
  281. package/dist/format-number/format-number.svelte.d.ts +12 -12
  282. package/dist/gauge/gauge.svelte.d.ts +15 -19
  283. package/dist/glass/glass.svelte.d.ts +6 -6
  284. package/dist/glow/glow.svelte.d.ts +7 -7
  285. package/dist/god-rays/god-rays.svelte.d.ts +11 -14
  286. package/dist/gradient-mesh/gradient-mesh.svelte.d.ts +5 -6
  287. package/dist/halftone/halftone.svelte.d.ts +6 -6
  288. package/dist/heading/heading.svelte.d.ts +4 -4
  289. package/dist/hover-card/hover-card-content.svelte.d.ts +5 -18
  290. package/dist/hover-card/hover-card-root.svelte.d.ts +4 -6
  291. package/dist/hover-card/hover-card-trigger.svelte.d.ts +3 -5
  292. package/dist/icon/icon.svelte.d.ts +6 -6
  293. package/dist/image/image.svelte.d.ts +3 -3
  294. package/dist/image-comparison/image-comparison.svelte.d.ts +6 -6
  295. package/dist/index.d.ts +3 -1
  296. package/dist/infinite-scroll/infinite-scroll.svelte.d.ts +9 -9
  297. package/dist/input/input.svelte.d.ts +5 -5
  298. package/dist/input-group/index.d.ts +1 -1
  299. package/dist/input-group/index.js +1 -1
  300. package/dist/input-group/input-group-action-button.svelte +29 -0
  301. package/dist/input-group/input-group-action-button.svelte.d.ts +8 -0
  302. package/dist/input-group/input-group-input.svelte.d.ts +2 -2
  303. package/dist/input-group/input-group-prefix.svelte.d.ts +2 -2
  304. package/dist/input-group/input-group-root.svelte.d.ts +6 -6
  305. package/dist/input-group/input-group-select.svelte.d.ts +3 -3
  306. package/dist/input-group/input-group-separator.svelte.d.ts +3 -2
  307. package/dist/input-group/input-group-suffix.svelte.d.ts +2 -2
  308. package/dist/internal/calendar-grid-utils.js +2 -1
  309. package/dist/internal/close-button-base.svelte +12 -33
  310. package/dist/internal/close-button-base.svelte.d.ts +3 -0
  311. package/dist/internal/motion.d.ts +2 -14
  312. package/dist/internal/nav-arrow-button.svelte +26 -0
  313. package/dist/internal/nav-arrow-button.svelte.d.ts +13 -0
  314. package/dist/kbd/kbd.svelte +8 -13
  315. package/dist/kbd/kbd.svelte.d.ts +3 -3
  316. package/dist/label/label.svelte.d.ts +3 -3
  317. package/dist/link/link.svelte.d.ts +5 -5
  318. package/dist/link-preview/link-preview-content.svelte.d.ts +5 -16
  319. package/dist/link-preview/link-preview-root.svelte.d.ts +5 -5
  320. package/dist/link-preview/link-preview-trigger.svelte +4 -2
  321. package/dist/link-preview/link-preview-trigger.svelte.d.ts +4 -3
  322. package/dist/list/list-item-icon.svelte.d.ts +2 -2
  323. package/dist/list/list-item-text.svelte.d.ts +4 -4
  324. package/dist/list/list-item.svelte.d.ts +4 -4
  325. package/dist/list/list-root.svelte +4 -1
  326. package/dist/list/list-root.svelte.d.ts +4 -4
  327. package/dist/list/list-subheader.svelte.d.ts +2 -2
  328. package/dist/listbox/listbox-item.svelte +4 -1
  329. package/dist/listbox/listbox-item.svelte.d.ts +1 -1
  330. package/dist/listbox/listbox-root.svelte.d.ts +1 -1
  331. package/dist/logo-mark/logo-mark.svelte.d.ts +7 -7
  332. package/dist/map/map-controls.svelte.d.ts +5 -5
  333. package/dist/map/map-layer.svelte.d.ts +6 -6
  334. package/dist/map/map-marker.svelte.d.ts +6 -5
  335. package/dist/map/map-popup.svelte.d.ts +6 -6
  336. package/dist/map/map-root.svelte.d.ts +8 -8
  337. package/dist/markdown-renderer/markdown-renderer.svelte.d.ts +3 -3
  338. package/dist/marquee/marquee.svelte.d.ts +7 -7
  339. package/dist/mask-reveal/mask-reveal.svelte.d.ts +7 -8
  340. package/dist/mega-menu/index.d.ts +1 -1
  341. package/dist/mega-menu/index.js +1 -1
  342. package/dist/mega-menu/{mega-menu-trigger.svelte → mega-menu-button-trigger.svelte} +7 -28
  343. package/dist/mega-menu/mega-menu-button-trigger.svelte.d.ts +8 -0
  344. package/dist/mega-menu/mega-menu-column.svelte +6 -1
  345. package/dist/mega-menu/mega-menu-column.svelte.d.ts +3 -3
  346. package/dist/mega-menu/mega-menu-item.svelte.d.ts +2 -2
  347. package/dist/mega-menu/mega-menu-link.svelte +38 -6
  348. package/dist/mega-menu/mega-menu-link.svelte.d.ts +10 -5
  349. package/dist/mega-menu/mega-menu-panel.svelte +50 -10
  350. package/dist/mega-menu/mega-menu-panel.svelte.d.ts +3 -3
  351. package/dist/mega-menu/mega-menu-root.svelte.d.ts +2 -2
  352. package/dist/menubar/index.d.ts +1 -1
  353. package/dist/menubar/index.js +1 -1
  354. package/dist/menubar/{menubar-trigger.svelte → menubar-button-trigger.svelte} +6 -42
  355. package/dist/menubar/menubar-button-trigger.svelte.d.ts +8 -0
  356. package/dist/menubar/menubar-content.svelte.d.ts +4 -4
  357. package/dist/menubar/menubar-item.svelte +4 -1
  358. package/dist/menubar/menubar-item.svelte.d.ts +4 -4
  359. package/dist/menubar/menubar-label.svelte.d.ts +2 -2
  360. package/dist/menubar/menubar-menu.svelte.d.ts +2 -2
  361. package/dist/menubar/menubar-root.svelte.d.ts +2 -2
  362. package/dist/menubar/menubar-separator.svelte.d.ts +3 -2
  363. package/dist/multi-select-combobox/index.d.ts +2 -2
  364. package/dist/multi-select-combobox/index.js +2 -2
  365. package/dist/multi-select-combobox/multi-select-combobox-content.svelte.d.ts +11 -6
  366. package/dist/multi-select-combobox/multi-select-combobox-empty.svelte.d.ts +6 -6
  367. package/dist/multi-select-combobox/multi-select-combobox-group.svelte.d.ts +7 -6
  368. package/dist/multi-select-combobox/multi-select-combobox-input.svelte.d.ts +5 -6
  369. package/dist/multi-select-combobox/multi-select-combobox-item.svelte +6 -1
  370. package/dist/multi-select-combobox/multi-select-combobox-item.svelte.d.ts +10 -6
  371. package/dist/multi-select-combobox/{multi-select-combobox-root.svelte → multi-select-combobox-root-input.svelte} +8 -1
  372. package/dist/multi-select-combobox/multi-select-combobox-root-input.svelte.d.ts +16 -0
  373. package/dist/multi-select-combobox/multi-select-combobox-selection-item.svelte.d.ts +7 -6
  374. package/dist/multi-select-combobox/multi-select-combobox-selection-list.svelte.d.ts +6 -6
  375. package/dist/multi-select-combobox/multi-select-combobox-selection-remove-button.svelte +34 -0
  376. package/dist/multi-select-combobox/multi-select-combobox-selection-remove-button.svelte.d.ts +8 -0
  377. package/dist/navigation-menu/index.d.ts +1 -1
  378. package/dist/navigation-menu/index.js +1 -1
  379. package/dist/navigation-menu/navigation-menu-content.svelte.d.ts +2 -2
  380. package/dist/navigation-menu/navigation-menu-item.svelte.d.ts +2 -2
  381. package/dist/navigation-menu/navigation-menu-link.svelte +2 -2
  382. package/dist/navigation-menu/navigation-menu-link.svelte.d.ts +3 -3
  383. package/dist/navigation-menu/navigation-menu-list.svelte.d.ts +2 -2
  384. package/dist/navigation-menu/navigation-menu-root.svelte.d.ts +2 -2
  385. package/dist/navigation-menu/{navigation-menu-trigger.svelte → navigation-menu-trigger-button.svelte} +6 -38
  386. package/dist/navigation-menu/navigation-menu-trigger-button.svelte.d.ts +8 -0
  387. package/dist/noise/noise.svelte.d.ts +6 -5
  388. package/dist/notification-center/index.d.ts +1 -1
  389. package/dist/notification-center/index.js +1 -1
  390. package/dist/notification-center/notification-center-group.svelte.d.ts +3 -3
  391. package/dist/notification-center/notification-center-item.svelte.d.ts +7 -7
  392. package/dist/notification-center/notification-center-panel.svelte.d.ts +4 -16
  393. package/dist/notification-center/notification-center-root.svelte.d.ts +5 -5
  394. package/dist/notification-center/notification-center-trigger-button.svelte +35 -0
  395. package/dist/notification-center/notification-center-trigger-button.svelte.d.ts +10 -0
  396. package/dist/number-input/index.d.ts +1 -1
  397. package/dist/number-input/index.js +1 -1
  398. package/dist/number-input/{number-input.svelte → number-input-button.svelte} +38 -106
  399. package/dist/number-input/number-input-button.svelte.d.ts +12 -0
  400. package/dist/option-swatch-group/index.d.ts +1 -1
  401. package/dist/option-swatch-group/index.js +1 -1
  402. package/dist/option-swatch-group/{option-swatch-group-item.svelte → option-swatch-group-item-button.svelte} +6 -59
  403. package/dist/option-swatch-group/option-swatch-group-item-button.svelte.d.ts +11 -0
  404. package/dist/option-swatch-group/option-swatch-group-label.svelte.d.ts +2 -2
  405. package/dist/option-swatch-group/option-swatch-group-meta.svelte.d.ts +2 -2
  406. package/dist/option-swatch-group/option-swatch-group-root.svelte.d.ts +5 -5
  407. package/dist/option-swatch-group/option-swatch-group-swatch.svelte.d.ts +4 -4
  408. package/dist/pagination/index.d.ts +3 -3
  409. package/dist/pagination/index.js +3 -3
  410. package/dist/pagination/pagination-content.svelte.d.ts +2 -2
  411. package/dist/pagination/pagination-ellipsis.svelte.d.ts +3 -2
  412. package/dist/pagination/pagination-item.svelte.d.ts +2 -2
  413. package/dist/pagination/pagination-link-button.svelte +28 -0
  414. package/dist/pagination/pagination-link-button.svelte.d.ts +9 -0
  415. package/dist/pagination/pagination-nav-button.svelte +28 -0
  416. package/dist/pagination/pagination-nav-button.svelte.d.ts +9 -0
  417. package/dist/pagination/pagination-next-button.svelte +13 -0
  418. package/dist/pagination/pagination-next-button.svelte.d.ts +8 -0
  419. package/dist/pagination/pagination-previous-button.svelte +13 -0
  420. package/dist/pagination/pagination-previous-button.svelte.d.ts +8 -0
  421. package/dist/pagination/pagination-root.svelte.d.ts +4 -4
  422. package/dist/phone-input/index.d.ts +1 -1
  423. package/dist/phone-input/index.js +1 -1
  424. package/dist/phone-input/{phone-input.svelte → phone-input-select.svelte} +7 -1
  425. package/dist/phone-input/phone-input-select.svelte.d.ts +21 -0
  426. package/dist/pin-input/context.svelte.d.ts +2 -2
  427. package/dist/pin-input/index.d.ts +4 -4
  428. package/dist/pin-input/index.js +2 -2
  429. package/dist/pin-input/pin-input-cell.svelte +2 -2
  430. package/dist/pin-input/pin-input-cell.svelte.d.ts +10 -14
  431. package/dist/pin-input/pin-input-group.svelte.d.ts +2 -2
  432. package/dist/pin-input/pin-input-root.svelte +4 -4
  433. package/dist/pin-input/pin-input-root.svelte.d.ts +18 -22
  434. package/dist/pin-input/pin-input-separator.svelte.d.ts +2 -2
  435. package/dist/popover/popover-content.svelte.d.ts +5 -16
  436. package/dist/popover/popover-root.svelte.d.ts +3 -3
  437. package/dist/popover/popover-trigger.svelte.d.ts +2 -2
  438. package/dist/portal/portal.svelte.d.ts +4 -4
  439. package/dist/progress/progress.svelte.d.ts +17 -9
  440. package/dist/progress-ring/progress-ring.svelte.d.ts +7 -7
  441. package/dist/prompt-input/index.d.ts +1 -1
  442. package/dist/prompt-input/index.js +1 -1
  443. package/dist/prompt-input/{prompt-input.svelte → prompt-input-button-textarea.svelte} +4 -40
  444. package/dist/prompt-input/prompt-input-button-textarea.svelte.d.ts +13 -0
  445. package/dist/qr-code/qr-code.svelte.d.ts +7 -6
  446. package/dist/radio-group/index.d.ts +1 -1
  447. package/dist/radio-group/index.js +1 -1
  448. package/dist/radio-group/radio-group-item-input.svelte.d.ts +10 -0
  449. package/dist/radio-group/radio-group.svelte.d.ts +7 -7
  450. package/dist/range-calendar/index.d.ts +1 -1
  451. package/dist/range-calendar/index.js +1 -1
  452. package/dist/range-calendar/{range-calendar-grid.svelte → range-calendar-grid-button.svelte} +18 -114
  453. package/dist/range-calendar/range-calendar-grid-button.svelte.d.ts +6 -0
  454. package/dist/range-calendar/range-calendar-root.svelte.d.ts +12 -6
  455. package/dist/rating/index.d.ts +1 -1
  456. package/dist/rating/index.js +1 -1
  457. package/dist/rating/{rating.svelte → rating-button-input.svelte} +19 -64
  458. package/dist/rating/rating-button-input.svelte.d.ts +13 -0
  459. package/dist/relative-time/relative-time.svelte.d.ts +4 -4
  460. package/dist/reveal/reveal.svelte.d.ts +11 -9
  461. package/dist/rich-text-editor/index.d.ts +1 -1
  462. package/dist/rich-text-editor/index.js +1 -1
  463. package/dist/rich-text-editor/rich-text-editor-content.svelte.d.ts +3 -2
  464. package/dist/rich-text-editor/rich-text-editor-root.svelte.d.ts +5 -5
  465. package/dist/rich-text-editor/{rich-text-editor-toolbar.svelte → rich-text-editor-toolbar-button-input.svelte} +81 -128
  466. package/dist/rich-text-editor/rich-text-editor-toolbar-button-input.svelte.d.ts +6 -0
  467. package/dist/scroll-area/scroll-area.svelte.d.ts +3 -3
  468. package/dist/scroll-to-top/index.d.ts +1 -1
  469. package/dist/scroll-to-top/index.js +1 -1
  470. package/dist/scroll-to-top/scroll-to-top-button.svelte +87 -0
  471. package/dist/scroll-to-top/scroll-to-top-button.svelte.d.ts +10 -0
  472. package/dist/segmented-control/index.d.ts +1 -1
  473. package/dist/segmented-control/index.js +1 -1
  474. package/dist/segmented-control/segmented-control-item-button.svelte +37 -0
  475. package/dist/segmented-control/segmented-control-item-button.svelte.d.ts +10 -0
  476. package/dist/segmented-control/segmented-control-root.svelte.d.ts +5 -5
  477. package/dist/select/index.d.ts +2 -2
  478. package/dist/select/index.js +2 -2
  479. package/dist/select/select-content.svelte.d.ts +5 -16
  480. package/dist/select/select-item.svelte +8 -6
  481. package/dist/select/select-item.svelte.d.ts +4 -4
  482. package/dist/select/{select-root.svelte → select-root-input.svelte} +1 -1
  483. package/dist/select/select-root-input.svelte.d.ts +18 -0
  484. package/dist/select/select-trigger-button.svelte +52 -0
  485. package/dist/select/select-trigger-button.svelte.d.ts +9 -0
  486. package/dist/select/select-value.svelte.d.ts +2 -2
  487. package/dist/separator/separator.svelte.d.ts +4 -4
  488. package/dist/shader-canvas/presets.d.ts +1 -1
  489. package/dist/shader-canvas/shader-canvas.svelte.d.ts +13 -18
  490. package/dist/sidebar/index.d.ts +1 -1
  491. package/dist/sidebar/index.js +1 -1
  492. package/dist/sidebar/sidebar-content.svelte.d.ts +2 -2
  493. package/dist/sidebar/sidebar-footer.svelte.d.ts +2 -2
  494. package/dist/sidebar/sidebar-group-label.svelte.d.ts +2 -2
  495. package/dist/sidebar/sidebar-group.svelte.d.ts +2 -2
  496. package/dist/sidebar/sidebar-header.svelte.d.ts +2 -2
  497. package/dist/sidebar/sidebar-item.svelte +2 -2
  498. package/dist/sidebar/sidebar-item.svelte.d.ts +3 -3
  499. package/dist/sidebar/sidebar-root.svelte.d.ts +4 -4
  500. package/dist/sidebar/sidebar-trigger-button.svelte +29 -0
  501. package/dist/sidebar/sidebar-trigger-button.svelte.d.ts +8 -0
  502. package/dist/skeleton/skeleton.svelte.d.ts +4 -4
  503. package/dist/slider/index.d.ts +1 -1
  504. package/dist/slider/index.js +1 -1
  505. package/dist/slider/slider-input.svelte.d.ts +13 -0
  506. package/dist/spacer/spacer.svelte.d.ts +3 -3
  507. package/dist/sparkline/sparkline.svelte.d.ts +8 -8
  508. package/dist/spinner/spinner.svelte.d.ts +4 -4
  509. package/dist/splitter/splitter-handle.svelte.d.ts +3 -3
  510. package/dist/splitter/splitter-panel.svelte.d.ts +3 -3
  511. package/dist/splitter/splitter-root.svelte.d.ts +4 -4
  512. package/dist/spotlight/spotlight.svelte.d.ts +9 -8
  513. package/dist/star-rating/star-rating-root.svelte.d.ts +5 -5
  514. package/dist/stepper/index.d.ts +1 -1
  515. package/dist/stepper/index.js +1 -1
  516. package/dist/stepper/stepper-list.svelte.d.ts +2 -2
  517. package/dist/stepper/stepper-root.svelte.d.ts +4 -4
  518. package/dist/stepper/stepper-separator.svelte.d.ts +2 -2
  519. package/dist/stepper/{stepper-step.svelte → stepper-step-button.svelte} +3 -28
  520. package/dist/stepper/stepper-step-button.svelte.d.ts +12 -0
  521. package/dist/svg/svg.svelte.d.ts +4 -5
  522. package/dist/table/table-body.svelte.d.ts +2 -2
  523. package/dist/table/table-caption.svelte.d.ts +2 -2
  524. package/dist/table/table-cell.svelte.d.ts +2 -2
  525. package/dist/table/table-footer.svelte.d.ts +2 -2
  526. package/dist/table/table-head.svelte.d.ts +3 -3
  527. package/dist/table/table-header.svelte.d.ts +2 -2
  528. package/dist/table/table-root.svelte.d.ts +2 -2
  529. package/dist/table/table-row.svelte.d.ts +2 -2
  530. package/dist/table-of-contents/table-of-contents-item.svelte +6 -1
  531. package/dist/table-of-contents/table-of-contents-item.svelte.d.ts +7 -8
  532. package/dist/table-of-contents/table-of-contents-list.svelte +7 -2
  533. package/dist/table-of-contents/table-of-contents-list.svelte.d.ts +3 -2
  534. package/dist/table-of-contents/table-of-contents-root.svelte.d.ts +6 -6
  535. package/dist/tabs/index.d.ts +1 -1
  536. package/dist/tabs/index.js +1 -1
  537. package/dist/tabs/tabs-content.svelte.d.ts +3 -3
  538. package/dist/tabs/tabs-list.svelte.d.ts +2 -2
  539. package/dist/tabs/tabs-root.svelte.d.ts +5 -5
  540. package/dist/tabs/tabs-trigger-button.svelte +41 -0
  541. package/dist/tabs/tabs-trigger-button.svelte.d.ts +11 -0
  542. package/dist/tag/index.d.ts +1 -1
  543. package/dist/tag/index.js +1 -1
  544. package/dist/tag/{tag.svelte → tag-button.svelte} +9 -42
  545. package/dist/tag/tag-button.svelte.d.ts +14 -0
  546. package/dist/tags-input/index.d.ts +1 -1
  547. package/dist/tags-input/index.js +1 -1
  548. package/dist/tags-input/tags-input-input.svelte.d.ts +2 -2
  549. package/dist/tags-input/tags-input-list.svelte.d.ts +2 -2
  550. package/dist/tags-input/tags-input-root.svelte.d.ts +8 -8
  551. package/dist/tags-input/tags-input-tag-delete-button.svelte +29 -0
  552. package/dist/tags-input/tags-input-tag-delete-button.svelte.d.ts +8 -0
  553. package/dist/tags-input/tags-input-tag.svelte.d.ts +4 -4
  554. package/dist/text/text.svelte.d.ts +8 -8
  555. package/dist/textarea/textarea.svelte.d.ts +4 -4
  556. package/dist/time-input/time-input.svelte.d.ts +9 -2
  557. package/dist/timeline/timeline-content.svelte.d.ts +2 -2
  558. package/dist/timeline/timeline-description.svelte.d.ts +2 -2
  559. package/dist/timeline/timeline-icon.svelte.d.ts +2 -2
  560. package/dist/timeline/timeline-item.svelte.d.ts +2 -2
  561. package/dist/timeline/timeline-root.svelte.d.ts +3 -3
  562. package/dist/timeline/timeline-time.svelte.d.ts +3 -3
  563. package/dist/timeline/timeline-title.svelte.d.ts +3 -3
  564. package/dist/toast/index.d.ts +2 -2
  565. package/dist/toast/index.js +2 -2
  566. package/dist/toast/toast-action-button.svelte +16 -0
  567. package/dist/toast/toast-action-button.svelte.d.ts +9 -0
  568. package/dist/toast/toast-close-button.svelte +23 -0
  569. package/dist/toast/toast-close-button.svelte.d.ts +8 -0
  570. package/dist/toast/toast-description.svelte.d.ts +2 -2
  571. package/dist/toast/toast-provider.svelte +1 -1
  572. package/dist/toast/toast-provider.svelte.d.ts +3 -9
  573. package/dist/toast/toast-root.svelte.d.ts +6 -6
  574. package/dist/toast/toast-title.svelte.d.ts +2 -2
  575. package/dist/toggle/index.d.ts +1 -1
  576. package/dist/toggle/index.js +1 -1
  577. package/dist/toggle/toggle-button.svelte +203 -0
  578. package/dist/toggle/toggle-button.svelte.d.ts +14 -0
  579. package/dist/toggle-group/index.d.ts +1 -1
  580. package/dist/toggle-group/index.js +1 -1
  581. package/dist/toggle-group/toggle-group-item-button.svelte +36 -0
  582. package/dist/toggle-group/toggle-group-item-button.svelte.d.ts +10 -0
  583. package/dist/toggle-group/toggle-group-root.svelte +5 -3
  584. package/dist/toggle-group/toggle-group-root.svelte.d.ts +7 -7
  585. package/dist/toolbar/toolbar-button.svelte +4 -47
  586. package/dist/toolbar/toolbar-button.svelte.d.ts +3 -3
  587. package/dist/toolbar/toolbar-link.svelte.d.ts +3 -3
  588. package/dist/toolbar/toolbar-root.svelte.d.ts +3 -3
  589. package/dist/toolbar/toolbar-separator.svelte.d.ts +3 -2
  590. package/dist/tooltip/tooltip-content.svelte.d.ts +5 -16
  591. package/dist/tooltip/tooltip-root.svelte.d.ts +4 -4
  592. package/dist/tooltip/tooltip-trigger.svelte.d.ts +2 -2
  593. package/dist/tour/index.d.ts +1 -1
  594. package/dist/tour/index.js +1 -1
  595. package/dist/tour/tour-root.css +211 -0
  596. package/dist/tour/tour-root.css.d.ts +2 -0
  597. package/dist/tour/tour-root.svelte +2 -217
  598. package/dist/tour/tour-root.svelte.d.ts +7 -6
  599. package/dist/tour/{tour-tooltip.svelte → tour-tooltip-button.svelte} +8 -4
  600. package/dist/tour/tour-tooltip-button.svelte.d.ts +17 -0
  601. package/dist/transfer/index.d.ts +2 -2
  602. package/dist/transfer/index.js +2 -2
  603. package/dist/transfer/{transfer-actions.svelte → transfer-actions-button.svelte} +17 -47
  604. package/dist/transfer/transfer-actions-button.svelte.d.ts +17 -0
  605. package/dist/transfer/transfer-item.svelte.d.ts +5 -5
  606. package/dist/transfer/transfer-list-input.svelte.d.ts +14 -0
  607. package/dist/transfer/transfer-root.svelte.d.ts +6 -6
  608. package/dist/tree/tree-item-children.svelte.d.ts +2 -2
  609. package/dist/tree/tree-item-label.svelte.d.ts +2 -2
  610. package/dist/tree/tree-item.svelte.d.ts +3 -3
  611. package/dist/tree/tree-root.svelte +16 -17
  612. package/dist/tree/tree-root.svelte.d.ts +4 -4
  613. package/dist/typing-indicator/typing-indicator.svelte.d.ts +3 -5
  614. package/dist/typography/blockquote.svelte.d.ts +2 -2
  615. package/dist/typography/code.svelte.d.ts +2 -2
  616. package/dist/typography/heading.svelte.d.ts +4 -3
  617. package/dist/typography/text.svelte.d.ts +6 -6
  618. package/dist/video-embed/index.d.ts +1 -1
  619. package/dist/video-embed/index.js +1 -1
  620. package/dist/video-embed/{video-embed.svelte → video-embed-button.svelte} +28 -34
  621. package/dist/video-embed/video-embed-button.svelte.d.ts +15 -0
  622. package/dist/virtual-list/virtual-list.svelte.d.ts +24 -37
  623. package/dist/visually-hidden/visually-hidden.svelte.d.ts +2 -2
  624. package/package.json +2 -2
  625. package/dist/accordion/accordion-trigger.svelte +0 -89
  626. package/dist/accordion/accordion-trigger.svelte.d.ts +0 -8
  627. package/dist/alert/alert-close.svelte +0 -68
  628. package/dist/alert/alert-close.svelte.d.ts +0 -8
  629. package/dist/alert-dialog/alert-dialog-action.svelte +0 -74
  630. package/dist/alert-dialog/alert-dialog-action.svelte.d.ts +0 -8
  631. package/dist/alert-dialog/alert-dialog-cancel.svelte +0 -85
  632. package/dist/alert-dialog/alert-dialog-cancel.svelte.d.ts +0 -8
  633. package/dist/alpha-slider/alpha-slider.svelte.d.ts +0 -12
  634. package/dist/calendar/calendar-grid.svelte +0 -253
  635. package/dist/calendar/calendar-grid.svelte.d.ts +0 -4
  636. package/dist/calendar/calendar-next.svelte +0 -56
  637. package/dist/calendar/calendar-next.svelte.d.ts +0 -4
  638. package/dist/calendar/calendar-prev.svelte +0 -56
  639. package/dist/calendar/calendar-prev.svelte.d.ts +0 -4
  640. package/dist/carousel/carousel-dots.svelte +0 -59
  641. package/dist/carousel/carousel-dots.svelte.d.ts +0 -5
  642. package/dist/carousel/carousel-next.svelte +0 -65
  643. package/dist/carousel/carousel-next.svelte.d.ts +0 -8
  644. package/dist/carousel/carousel-prev.svelte +0 -65
  645. package/dist/carousel/carousel-prev.svelte.d.ts +0 -8
  646. package/dist/carousel/carousel-thumbnails.svelte.d.ts +0 -9
  647. package/dist/checkbox/checkbox.svelte.d.ts +0 -10
  648. package/dist/chip/chip.svelte +0 -327
  649. package/dist/chip/chip.svelte.d.ts +0 -26
  650. package/dist/chip-group/chip-group-item.svelte +0 -241
  651. package/dist/chip-group/chip-group-item.svelte.d.ts +0 -12
  652. package/dist/code-block/code-block.svelte.d.ts +0 -13
  653. package/dist/collapsible/collapsible-trigger.svelte +0 -79
  654. package/dist/collapsible/collapsible-trigger.svelte.d.ts +0 -8
  655. package/dist/color-picker/color-picker-alpha-slider.svelte.d.ts +0 -5
  656. package/dist/color-picker/color-picker-eyedropper.svelte.d.ts +0 -8
  657. package/dist/color-picker/color-picker-hue-slider.svelte.d.ts +0 -5
  658. package/dist/combobox/combobox-root.svelte.d.ts +0 -11
  659. package/dist/command-palette/command-palette-root.svelte.d.ts +0 -9
  660. package/dist/country-select/country-select.svelte.d.ts +0 -15
  661. package/dist/data-grid/data-grid-column.svelte.d.ts +0 -14
  662. package/dist/data-grid/data-grid-expand-trigger.svelte +0 -65
  663. package/dist/data-grid/data-grid-expand-trigger.svelte.d.ts +0 -9
  664. package/dist/data-grid/data-grid-pagination.svelte.d.ts +0 -22
  665. package/dist/data-grid/data-grid-select-all.svelte.d.ts +0 -5
  666. package/dist/data-grid/data-grid-select-cell.svelte.d.ts +0 -7
  667. package/dist/date-field/date-field-root.svelte.d.ts +0 -15
  668. package/dist/date-picker/datepicker-calendar.svelte.d.ts +0 -5
  669. package/dist/date-picker/datepicker-root.svelte.d.ts +0 -14
  670. package/dist/date-picker/datepicker-trigger.svelte +0 -184
  671. package/dist/date-picker/datepicker-trigger.svelte.d.ts +0 -10
  672. package/dist/date-range-picker/date-range-picker-calendar.svelte.d.ts +0 -8
  673. package/dist/date-range-picker/date-range-picker-preset.svelte +0 -62
  674. package/dist/date-range-picker/date-range-picker-preset.svelte.d.ts +0 -4
  675. package/dist/date-range-picker/date-range-picker-trigger.svelte +0 -132
  676. package/dist/date-range-picker/date-range-picker-trigger.svelte.d.ts +0 -8
  677. package/dist/drawer/drawer-content.svelte.d.ts +0 -8
  678. package/dist/file-select/file-select-clear.svelte +0 -71
  679. package/dist/file-select/file-select-clear.svelte.d.ts +0 -8
  680. package/dist/file-select/file-select-trigger.svelte +0 -84
  681. package/dist/file-select/file-select-trigger.svelte.d.ts +0 -9
  682. package/dist/file-upload/file-upload-item-delete.svelte +0 -83
  683. package/dist/file-upload/file-upload-item-delete.svelte.d.ts +0 -9
  684. package/dist/file-upload/file-upload-root.svelte.d.ts +0 -15
  685. package/dist/file-upload/file-upload-trigger.svelte +0 -85
  686. package/dist/file-upload/file-upload-trigger.svelte.d.ts +0 -9
  687. package/dist/input-group/input-group-action.svelte +0 -67
  688. package/dist/input-group/input-group-action.svelte.d.ts +0 -8
  689. package/dist/internal/result-card-shell.svelte +0 -30
  690. package/dist/internal/result-card-shell.svelte.d.ts +0 -11
  691. package/dist/mega-menu/mega-menu-trigger.svelte.d.ts +0 -8
  692. package/dist/menubar/menubar-trigger.svelte.d.ts +0 -8
  693. package/dist/multi-select-combobox/multi-select-combobox-root.svelte.d.ts +0 -8
  694. package/dist/multi-select-combobox/multi-select-combobox-selection-remove.svelte +0 -76
  695. package/dist/multi-select-combobox/multi-select-combobox-selection-remove.svelte.d.ts +0 -8
  696. package/dist/navigation-menu/navigation-menu-trigger.svelte.d.ts +0 -8
  697. package/dist/notification-center/notification-center-trigger.svelte +0 -59
  698. package/dist/notification-center/notification-center-trigger.svelte.d.ts +0 -14
  699. package/dist/number-input/number-input.svelte.d.ts +0 -12
  700. package/dist/option-swatch-group/option-swatch-group-item.svelte.d.ts +0 -11
  701. package/dist/pagination/pagination-link.svelte +0 -80
  702. package/dist/pagination/pagination-link.svelte.d.ts +0 -9
  703. package/dist/pagination/pagination-next.svelte +0 -67
  704. package/dist/pagination/pagination-next.svelte.d.ts +0 -8
  705. package/dist/pagination/pagination-previous.svelte +0 -67
  706. package/dist/pagination/pagination-previous.svelte.d.ts +0 -8
  707. package/dist/phone-input/phone-input.svelte.d.ts +0 -15
  708. package/dist/prompt-input/prompt-input.svelte.d.ts +0 -4
  709. package/dist/radio-group/radio-group-item.svelte.d.ts +0 -10
  710. package/dist/range-calendar/range-calendar-grid.svelte.d.ts +0 -4
  711. package/dist/rating/rating.svelte.d.ts +0 -13
  712. package/dist/rich-text-editor/rich-text-editor-toolbar.svelte.d.ts +0 -5
  713. package/dist/scroll-to-top/scroll-to-top.svelte +0 -162
  714. package/dist/scroll-to-top/scroll-to-top.svelte.d.ts +0 -10
  715. package/dist/segmented-control/segmented-control-item.svelte +0 -141
  716. package/dist/segmented-control/segmented-control-item.svelte.d.ts +0 -10
  717. package/dist/select/select-root.svelte.d.ts +0 -14
  718. package/dist/select/select-trigger.svelte +0 -206
  719. package/dist/select/select-trigger.svelte.d.ts +0 -9
  720. package/dist/sidebar/sidebar-trigger.svelte +0 -76
  721. package/dist/sidebar/sidebar-trigger.svelte.d.ts +0 -8
  722. package/dist/slider/slider.svelte.d.ts +0 -13
  723. package/dist/stepper/stepper-step.svelte.d.ts +0 -12
  724. package/dist/tabs/tabs-trigger.svelte +0 -130
  725. package/dist/tabs/tabs-trigger.svelte.d.ts +0 -11
  726. package/dist/tag/tag.svelte.d.ts +0 -25
  727. package/dist/tags-input/tags-input-tag-delete.svelte +0 -73
  728. package/dist/tags-input/tags-input-tag-delete.svelte.d.ts +0 -8
  729. package/dist/toast/toast-action.svelte +0 -39
  730. package/dist/toast/toast-action.svelte.d.ts +0 -9
  731. package/dist/toast/toast-close.svelte +0 -63
  732. package/dist/toast/toast-close.svelte.d.ts +0 -8
  733. package/dist/toggle/toggle.svelte +0 -269
  734. package/dist/toggle/toggle.svelte.d.ts +0 -12
  735. package/dist/toggle-group/toggle-group-item.svelte +0 -133
  736. package/dist/toggle-group/toggle-group-item.svelte.d.ts +0 -10
  737. package/dist/tour/tour-tooltip.svelte.d.ts +0 -17
  738. package/dist/transfer/transfer-actions.svelte.d.ts +0 -19
  739. package/dist/transfer/transfer-list.svelte.d.ts +0 -18
  740. package/dist/video-embed/video-embed.svelte.d.ts +0 -15
  741. /package/dist/alpha-slider/{alpha-slider.svelte → alpha-slider-input.svelte} +0 -0
  742. /package/dist/checkbox/{checkbox.svelte → checkbox-input.svelte} +0 -0
  743. /package/dist/color-picker/{color-picker-alpha-slider.svelte → color-picker-input-alpha-slider.svelte} +0 -0
  744. /package/dist/color-picker/{color-picker-hue-slider.svelte → color-picker-input-hue-slider.svelte} +0 -0
  745. /package/dist/combobox/{combobox-root.svelte → combobox-input-root.svelte} +0 -0
  746. /package/dist/command-palette/{command-palette-root.svelte → command-palette-dialog-root.svelte} +0 -0
  747. /package/dist/data-grid/{data-grid-select-all.svelte → data-grid-input-select-all.svelte} +0 -0
  748. /package/dist/data-grid/{data-grid-select-cell.svelte → data-grid-input-select-cell.svelte} +0 -0
  749. /package/dist/date-field/{date-field-root.svelte → date-field-input-root.svelte} +0 -0
  750. /package/dist/date-picker/{datepicker-root.svelte → datepicker-input-root.svelte} +0 -0
  751. /package/dist/file-upload/{file-upload-root.svelte → file-upload-input-root.svelte} +0 -0
  752. /package/dist/radio-group/{radio-group-item.svelte → radio-group-item-input.svelte} +0 -0
  753. /package/dist/slider/{slider.svelte → slider-input.svelte} +0 -0
  754. /package/dist/transfer/{transfer-list.svelte → transfer-list-input.svelte} +0 -0
@@ -1,8 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLButtonAttributes } from 'svelte/elements';
3
- interface Props extends HTMLButtonAttributes {
4
- children: Snippet;
5
- }
6
- declare const CollapsibleTrigger: import('svelte').Component<Props, {}, ''>;
7
- type CollapsibleTrigger = ReturnType<typeof CollapsibleTrigger>;
8
- export default CollapsibleTrigger;
@@ -1,5 +0,0 @@
1
- import type { HTMLInputAttributes } from 'svelte/elements';
2
- type Props = Omit<HTMLInputAttributes, 'value' | 'type' | 'min' | 'max' | 'step'>;
3
- declare const ColorPickerAlphaSlider: import('svelte').Component<Props, {}, ''>;
4
- type ColorPickerAlphaSlider = ReturnType<typeof ColorPickerAlphaSlider>;
5
- export default ColorPickerAlphaSlider;
@@ -1,8 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLButtonAttributes } from 'svelte/elements';
3
- interface Props extends HTMLButtonAttributes {
4
- children?: Snippet;
5
- }
6
- declare const ColorPickerEyedropper: import('svelte').Component<Props, {}, ''>;
7
- type ColorPickerEyedropper = ReturnType<typeof ColorPickerEyedropper>;
8
- export default ColorPickerEyedropper;
@@ -1,5 +0,0 @@
1
- import type { HTMLInputAttributes } from 'svelte/elements';
2
- type Props = Omit<HTMLInputAttributes, 'value' | 'type' | 'min' | 'max' | 'step'>;
3
- declare const ColorPickerHueSlider: import('svelte').Component<Props, {}, ''>;
4
- type ColorPickerHueSlider = ReturnType<typeof ColorPickerHueSlider>;
5
- export default ColorPickerHueSlider;
@@ -1,11 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- interface Props {
3
- open?: boolean;
4
- value?: string;
5
- disabled?: boolean;
6
- name?: string;
7
- children: Snippet;
8
- }
9
- declare const ComboboxRoot: import('svelte').Component<Props, {}, 'value' | 'open'>;
10
- type ComboboxRoot = ReturnType<typeof ComboboxRoot>;
11
- export default ComboboxRoot;
@@ -1,9 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- interface Props extends HTMLAttributes<HTMLDialogElement> {
4
- open?: boolean;
5
- children: Snippet;
6
- }
7
- declare const CommandPaletteRoot: import('svelte').Component<Props, {}, 'open'>;
8
- type CommandPaletteRoot = ReturnType<typeof CommandPaletteRoot>;
9
- export default CommandPaletteRoot;
@@ -1,15 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- interface Props extends HTMLAttributes<HTMLDivElement> {
4
- value?: string;
5
- regions?: string[];
6
- showDialCode?: boolean;
7
- disabled?: boolean;
8
- placeholder?: string;
9
- name?: string;
10
- onchange?: (code: string) => void;
11
- children?: Snippet;
12
- }
13
- declare const CountrySelect: import('svelte').Component<Props, {}, 'value'>;
14
- type CountrySelect = ReturnType<typeof CountrySelect>;
15
- export default CountrySelect;
@@ -1,14 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- interface Props extends HTMLAttributes<HTMLTableCellElement> {
4
- key: string;
5
- sortable?: boolean;
6
- filterable?: boolean;
7
- pinned?: boolean;
8
- resizable?: boolean;
9
- header?: Snippet;
10
- children: Snippet;
11
- }
12
- declare const DataGridColumn: import('svelte').Component<Props, {}, ''>;
13
- type DataGridColumn = ReturnType<typeof DataGridColumn>;
14
- export default DataGridColumn;
@@ -1,65 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from 'svelte';
3
- import type { HTMLAttributes } from 'svelte/elements';
4
- import { getDataGridCtx } from './context.svelte.js';
5
-
6
- interface Props extends HTMLAttributes<HTMLButtonElement> {
7
- rowId: string;
8
- children?: Snippet;
9
- }
10
-
11
- let { rowId, class: className, children, ...rest }: Props = $props();
12
-
13
- const ctx = getDataGridCtx();
14
-
15
- let expanded = $derived(ctx.isExpanded(rowId));
16
- </script>
17
-
18
- <button
19
- type="button"
20
- data-dg-expand
21
- data-part="expand-trigger"
22
- data-expanded={expanded ? '' : undefined}
23
- aria-expanded={expanded}
24
- aria-label={expanded ? 'Collapse row' : 'Expand row'}
25
- class={className}
26
- onclick={() => ctx.toggleExpand(rowId)}
27
- {...rest}
28
- >
29
- {#if children}
30
- {@render children()}
31
- {:else}
32
- <span aria-hidden="true">&#9654;</span>
33
- {/if}
34
- </button>
35
-
36
- <style>
37
- [data-dg-expand] {
38
- display: inline-grid;
39
- place-items: center;
40
- aspect-ratio: 1;
41
- height: 1.5rem;
42
- padding: 0;
43
- border: none;
44
- background: none;
45
- cursor: pointer;
46
- color: var(--dry-color-text-weak);
47
- border-radius: var(--dry-radius-sm);
48
- transition:
49
- transform var(--dry-duration-fast) var(--dry-ease-default),
50
- color var(--dry-duration-fast) var(--dry-ease-default);
51
- }
52
-
53
- [data-dg-expand]:hover {
54
- color: var(--dry-color-text-strong);
55
- }
56
-
57
- [data-dg-expand]:focus-visible {
58
- outline: 2px solid var(--dry-color-focus-ring);
59
- outline-offset: 2px;
60
- }
61
-
62
- [data-dg-expand][data-expanded] {
63
- transform: rotate(90deg);
64
- }
65
- </style>
@@ -1,9 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- interface Props extends HTMLAttributes<HTMLButtonElement> {
4
- rowId: string;
5
- children?: Snippet;
6
- }
7
- declare const DataGridExpandTrigger: import('svelte').Component<Props, {}, ''>;
8
- type DataGridExpandTrigger = ReturnType<typeof DataGridExpandTrigger>;
9
- export default DataGridExpandTrigger;
@@ -1,22 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- interface Props extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
4
- children?: Snippet<
5
- [
6
- {
7
- page: number;
8
- totalPages: number;
9
- totalItems: number;
10
- pageSize: number;
11
- canPrevious: boolean;
12
- canNext: boolean;
13
- previous: () => void;
14
- next: () => void;
15
- goto: (page: number) => void;
16
- }
17
- ]
18
- >;
19
- }
20
- declare const DataGridPagination: import('svelte').Component<Props, {}, ''>;
21
- type DataGridPagination = ReturnType<typeof DataGridPagination>;
22
- export default DataGridPagination;
@@ -1,5 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- interface Props extends HTMLAttributes<HTMLTableCellElement> {}
3
- declare const DataGridSelectAll: import('svelte').Component<Props, {}, ''>;
4
- type DataGridSelectAll = ReturnType<typeof DataGridSelectAll>;
5
- export default DataGridSelectAll;
@@ -1,7 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- interface Props extends HTMLAttributes<HTMLTableCellElement> {
3
- rowId: string;
4
- }
5
- declare const DataGridSelectCell: import('svelte').Component<Props, {}, ''>;
6
- type DataGridSelectCell = ReturnType<typeof DataGridSelectCell>;
7
- export default DataGridSelectCell;
@@ -1,15 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- interface Props extends HTMLAttributes<HTMLDivElement> {
4
- value?: Date | null;
5
- name?: string;
6
- locale?: string;
7
- min?: Date | null;
8
- max?: Date | null;
9
- disabled?: boolean;
10
- size?: 'sm' | 'md' | 'lg';
11
- children: Snippet;
12
- }
13
- declare const DateFieldRoot: import('svelte').Component<Props, {}, 'value'>;
14
- type DateFieldRoot = ReturnType<typeof DateFieldRoot>;
15
- export default DateFieldRoot;
@@ -1,5 +0,0 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- interface Props extends HTMLAttributes<HTMLDivElement> {}
3
- declare const DatepickerCalendar: import('svelte').Component<Props, {}, ''>;
4
- type DatepickerCalendar = ReturnType<typeof DatepickerCalendar>;
5
- export default DatepickerCalendar;
@@ -1,14 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- interface Props {
3
- open?: boolean;
4
- value?: Date | null;
5
- name?: string;
6
- locale?: string;
7
- min?: Date | null;
8
- max?: Date | null;
9
- disabled?: boolean;
10
- children: Snippet;
11
- }
12
- declare const DatepickerRoot: import('svelte').Component<Props, {}, 'value' | 'open'>;
13
- type DatepickerRoot = ReturnType<typeof DatepickerRoot>;
14
- export default DatepickerRoot;
@@ -1,184 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from 'svelte';
3
- import type { HTMLButtonAttributes } from 'svelte/elements';
4
- import { getDatePickerCtx } from './context.svelte.js';
5
- import { formatDate } from '@dryui/primitives';
6
-
7
- interface Props extends Omit<HTMLButtonAttributes, 'children'> {
8
- placeholder?: string;
9
- size?: 'sm' | 'md' | 'lg';
10
- children?: Snippet | undefined;
11
- }
12
-
13
- let {
14
- placeholder = 'Select date',
15
- children,
16
- class: className,
17
- size = 'md',
18
- ...rest
19
- }: Props = $props();
20
-
21
- const ctx = getDatePickerCtx();
22
-
23
- function bindTrigger(node: HTMLButtonElement) {
24
- ctx.triggerEl = node;
25
-
26
- return {
27
- destroy() {
28
- if (ctx.triggerEl === node) {
29
- ctx.triggerEl = null;
30
- }
31
- }
32
- };
33
- }
34
-
35
- const displayText = $derived(
36
- ctx.value
37
- ? formatDate(ctx.value, ctx.locale, { year: 'numeric', month: 'long', day: 'numeric' })
38
- : ''
39
- );
40
- </script>
41
-
42
- <button
43
- {@attach bindTrigger}
44
- id={ctx.triggerId}
45
- type="button"
46
- aria-haspopup="dialog"
47
- aria-expanded={ctx.open}
48
- aria-controls={ctx.contentId}
49
- data-state={ctx.open ? 'open' : 'closed'}
50
- data-disabled={ctx.disabled ? '' : undefined}
51
- data-dp-trigger
52
- disabled={ctx.disabled}
53
- popovertarget={ctx.contentId}
54
- class={className}
55
- {...rest}
56
- >
57
- {#if children}
58
- {@render children()}
59
- {:else}
60
- <span data-placeholder={!ctx.value ? '' : undefined}>
61
- {displayText || placeholder}
62
- </span>
63
- {/if}
64
- <svg
65
- data-indicator
66
- xmlns="http://www.w3.org/2000/svg"
67
- viewBox="0 0 24 24"
68
- fill="none"
69
- stroke="currentColor"
70
- stroke-width="2"
71
- aria-hidden="true"
72
- ><rect x="3" y="4" width="18" height="18" rx="2" ry="2" /><line
73
- x1="16"
74
- y1="2"
75
- x2="16"
76
- y2="6"
77
- /><line x1="8" y1="2" x2="8" y2="6" /><line x1="3" y1="10" x2="21" y2="10" /></svg
78
- >
79
- </button>
80
-
81
- <style>
82
- [data-dp-trigger] {
83
- --dry-dp-bg: var(--dry-color-bg-raised);
84
- --dry-dp-border: var(--dry-color-stroke-strong);
85
- --dry-dp-padding-x: var(--dry-space-3);
86
- --dry-dp-padding-y: var(--dry-space-2);
87
- --dry-dp-font-size: var(--dry-type-small-size);
88
-
89
- display: inline-grid;
90
- grid-template-columns: 1fr auto;
91
- align-items: center;
92
- gap: var(--dry-space-2);
93
- min-height: var(--dry-space-12);
94
- padding: var(--dry-dp-padding-y) var(--dry-dp-padding-x);
95
- font-size: var(--dry-dp-font-size);
96
- line-height: var(--dry-type-small-leading);
97
- font-family: var(--dry-font-sans);
98
- color: var(--dry-dp-color, var(--dry-color-text-strong));
99
- background: var(--dry-dp-bg);
100
- border: 1px solid var(--dry-dp-border);
101
- border-radius: var(--dry-dp-radius, var(--dry-radius-md));
102
- cursor: pointer;
103
- text-align: left;
104
- box-sizing: border-box;
105
- appearance: none;
106
- transition:
107
- border-color var(--dry-duration-fast) var(--dry-ease-default),
108
- box-shadow var(--dry-duration-fast) var(--dry-ease-default),
109
- transform var(--dry-duration-fast) var(--dry-ease-default);
110
- }
111
-
112
- [data-dp-trigger] [data-indicator] {
113
- height: 1rem;
114
- aspect-ratio: 1;
115
- opacity: 0.6;
116
- }
117
-
118
- [data-dp-trigger]:hover:not([data-disabled]) {
119
- border-color: var(--dry-color-stroke-strong);
120
- }
121
-
122
- [data-dp-trigger]:active:not([data-disabled]) {
123
- transform: translateY(1px);
124
- }
125
-
126
- [data-dp-trigger]:focus-visible {
127
- outline: 2px solid var(--dry-color-focus-ring);
128
- outline-offset: -1px;
129
- border-color: var(--dry-color-focus-ring);
130
- }
131
-
132
- [data-dp-trigger][data-disabled] {
133
- opacity: 0.5;
134
- cursor: not-allowed;
135
- }
136
-
137
- [data-dp-trigger] [data-placeholder] {
138
- color: var(--dry-color-text-weak);
139
- }
140
-
141
- [data-dp-trigger][aria-invalid='true'],
142
- [data-dp-trigger][data-invalid] {
143
- --dry-dp-bg: color-mix(in srgb, var(--dry-color-fill-error) 6%, var(--dry-color-bg-raised));
144
- --dry-dp-border: var(--dry-color-fill-error);
145
- }
146
-
147
- [data-dp-trigger][aria-invalid='true']:hover:not([data-disabled]),
148
- [data-dp-trigger][data-invalid]:hover:not([data-disabled]) {
149
- border-color: var(--dry-color-fill-error-hover);
150
- }
151
-
152
- [data-dp-trigger][aria-invalid='true']:focus-visible,
153
- [data-dp-trigger][data-invalid]:focus-visible {
154
- outline-color: var(--dry-color-fill-error);
155
- border-color: var(--dry-color-fill-error);
156
- }
157
-
158
- [data-dp-trigger][data-size='sm'] {
159
- --dry-dp-padding-x: var(--dry-space-2);
160
- --dry-dp-padding-y: var(--dry-space-1_5);
161
- --dry-dp-font-size: var(--dry-type-tiny-size);
162
- line-height: var(--dry-type-tiny-leading);
163
- }
164
-
165
- [data-dp-trigger][data-size='md'] {
166
- --dry-dp-padding-x: var(--dry-space-3);
167
- --dry-dp-padding-y: var(--dry-space-2);
168
- --dry-dp-font-size: var(--dry-type-small-size);
169
- line-height: var(--dry-type-small-leading);
170
- }
171
-
172
- [data-dp-trigger][data-size='lg'] {
173
- --dry-dp-padding-x: var(--dry-space-4);
174
- --dry-dp-padding-y: var(--dry-space-2_5);
175
- --dry-dp-font-size: var(--dry-type-heading-4-size);
176
- line-height: var(--dry-type-heading-4-leading);
177
- }
178
-
179
- @container (max-width: 240px) {
180
- [data-dp-trigger] {
181
- --dry-dp-padding-x: var(--dry-space-2);
182
- }
183
- }
184
- </style>
@@ -1,10 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLButtonAttributes } from 'svelte/elements';
3
- interface Props extends HTMLButtonAttributes {
4
- size?: 'sm' | 'md' | 'lg';
5
- placeholder?: string;
6
- children?: Snippet;
7
- }
8
- declare const DatepickerTrigger: import('svelte').Component<Props, {}, ''>;
9
- type DatepickerTrigger = ReturnType<typeof DatepickerTrigger>;
10
- export default DatepickerTrigger;
@@ -1,8 +0,0 @@
1
- import type { DateRangePickerCalendarProps } from './index.js';
2
- declare const DateRangePickerCalendar: import('svelte').Component<
3
- DateRangePickerCalendarProps,
4
- {},
5
- ''
6
- >;
7
- type DateRangePickerCalendar = ReturnType<typeof DateRangePickerCalendar>;
8
- export default DateRangePickerCalendar;
@@ -1,62 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from 'svelte';
3
- import type { HTMLButtonAttributes } from 'svelte/elements';
4
- import { getDateRangePickerCtx } from './context.svelte.js';
5
-
6
- interface Props extends Omit<HTMLButtonAttributes, 'children'> {
7
- startDate: Date;
8
- endDate: Date;
9
- children: Snippet;
10
- }
11
-
12
- let { startDate, endDate, children, class: className, ...rest }: Props = $props();
13
-
14
- const ctx = getDateRangePickerCtx();
15
-
16
- function handleClick() {
17
- // Directly set the range and close — bypass the two-click flow
18
- ctx.selectDate(startDate);
19
- ctx.selectDate(endDate);
20
- }
21
- </script>
22
-
23
- <button type="button" class={className} onclick={handleClick} {...rest}>
24
- {@render children()}
25
- </button>
26
-
27
- <style>
28
- [data-drp-preset] {
29
- display: inline-grid;
30
- place-items: center;
31
- min-height: var(--dry-space-12);
32
- padding: var(--dry-space-2) var(--dry-space-3);
33
- border: 1px solid var(--dry-color-stroke-weak);
34
- border-radius: var(--dry-radius-full);
35
- background: var(--dry-color-bg-raised);
36
- color: var(--dry-color-text-strong);
37
- font: inherit;
38
- font-size: var(--dry-type-small-size);
39
- cursor: pointer;
40
- transition:
41
- background var(--dry-duration-fast) var(--dry-ease-default),
42
- border-color var(--dry-duration-fast) var(--dry-ease-default),
43
- color var(--dry-duration-fast) var(--dry-ease-default);
44
- }
45
-
46
- [data-drp-preset]:hover:not([disabled]) {
47
- border-color: var(--dry-color-stroke-strong);
48
- background: var(--dry-color-bg-raised);
49
- }
50
-
51
- [data-drp-preset]:focus-visible {
52
- outline: 2px solid var(--dry-color-focus-ring);
53
- outline-offset: 1px;
54
- }
55
-
56
- [data-drp-preset][aria-pressed='true'],
57
- [data-drp-preset][data-selected] {
58
- background: var(--dry-color-fill-brand);
59
- color: var(--dry-color-on-brand);
60
- border-color: transparent;
61
- }
62
- </style>
@@ -1,4 +0,0 @@
1
- import type { DateRangePickerPresetProps } from './index.js';
2
- declare const DateRangePickerPreset: import('svelte').Component<DateRangePickerPresetProps, {}, ''>;
3
- type DateRangePickerPreset = ReturnType<typeof DateRangePickerPreset>;
4
- export default DateRangePickerPreset;
@@ -1,132 +0,0 @@
1
- <script lang="ts">
2
- import type { Snippet } from 'svelte';
3
- import type { HTMLButtonAttributes } from 'svelte/elements';
4
- import { getDateRangePickerCtx } from './context.svelte.js';
5
- import { formatDate } from '@dryui/primitives';
6
-
7
- interface Props extends Omit<HTMLButtonAttributes, 'children'> {
8
- placeholder?: string;
9
- children?: Snippet | undefined;
10
- }
11
-
12
- let { placeholder = 'Select date range', children, class: className, ...rest }: Props = $props();
13
-
14
- const ctx = getDateRangePickerCtx();
15
-
16
- let buttonEl = $state<HTMLButtonElement>();
17
-
18
- function bindTrigger(node: HTMLButtonElement) {
19
- buttonEl = node;
20
- ctx.triggerEl = node;
21
-
22
- return () => {
23
- if (buttonEl === node) {
24
- buttonEl = undefined;
25
- }
26
- if (ctx.triggerEl === node) {
27
- ctx.triggerEl = null;
28
- }
29
- };
30
- }
31
-
32
- const formatOpts: Intl.DateTimeFormatOptions = {
33
- year: 'numeric',
34
- month: 'short',
35
- day: 'numeric'
36
- };
37
-
38
- const displayText = $derived.by(() => {
39
- if (ctx.startDate && ctx.endDate) {
40
- return `${formatDate(ctx.startDate, ctx.locale, formatOpts)} – ${formatDate(ctx.endDate, ctx.locale, formatOpts)}`;
41
- }
42
- if (ctx.startDate) {
43
- return formatDate(ctx.startDate, ctx.locale, formatOpts);
44
- }
45
- return '';
46
- });
47
- </script>
48
-
49
- <button
50
- {@attach bindTrigger}
51
- id={ctx.triggerId}
52
- type="button"
53
- aria-haspopup="dialog"
54
- aria-expanded={ctx.open}
55
- aria-controls={ctx.contentId}
56
- data-state={ctx.open ? 'open' : 'closed'}
57
- data-disabled={ctx.disabled ? '' : undefined}
58
- data-drp-trigger
59
- disabled={ctx.disabled}
60
- popovertarget={ctx.contentId}
61
- class={className}
62
- {...rest}
63
- >
64
- {#if children}
65
- {@render children()}
66
- {:else}
67
- <span data-placeholder={!ctx.startDate ? '' : undefined}>
68
- {displayText || placeholder}
69
- </span>
70
- {/if}
71
- <svg
72
- data-indicator
73
- xmlns="http://www.w3.org/2000/svg"
74
- viewBox="0 0 24 24"
75
- fill="none"
76
- stroke="currentColor"
77
- stroke-width="2"
78
- aria-hidden="true"
79
- ><rect x="3" y="4" width="18" height="17" rx="2" ry="2" /><path
80
- d="M16 2v4M8 2v4M3 10h18"
81
- /></svg
82
- >
83
- </button>
84
-
85
- <style>
86
- [data-drp-trigger] {
87
- display: inline-grid;
88
- grid-template-columns: 1fr auto;
89
- align-items: center;
90
- gap: var(--dry-space-2);
91
- min-height: var(--dry-space-12);
92
- padding: var(--dry-space-2) var(--dry-space-3);
93
- border: 1px solid var(--dry-color-stroke-strong);
94
- border-radius: var(--dry-radius-md);
95
- background: var(--dry-color-bg-raised);
96
- color: var(--dry-color-text-strong);
97
- font-family: var(--dry-font-sans);
98
- font-size: var(--dry-type-small-size);
99
- line-height: var(--dry-type-small-leading);
100
- cursor: pointer;
101
- text-align: left;
102
- box-sizing: border-box;
103
- transition:
104
- border-color var(--dry-duration-fast) var(--dry-ease-default),
105
- box-shadow var(--dry-duration-fast) var(--dry-ease-default);
106
- }
107
-
108
- [data-drp-trigger] [data-indicator] {
109
- height: 1rem;
110
- aspect-ratio: 1;
111
- opacity: 0.75;
112
- }
113
-
114
- [data-drp-trigger]:hover:not([data-disabled]) {
115
- border-color: var(--dry-color-stroke-strong);
116
- }
117
-
118
- [data-drp-trigger]:focus-visible {
119
- outline: 2px solid var(--dry-color-focus-ring);
120
- outline-offset: -1px;
121
- border-color: var(--dry-color-focus-ring);
122
- }
123
-
124
- [data-drp-trigger][data-disabled] {
125
- opacity: 0.55;
126
- cursor: not-allowed;
127
- }
128
-
129
- [data-drp-trigger] [data-placeholder] {
130
- color: var(--dry-color-text-weak);
131
- }
132
- </style>
@@ -1,8 +0,0 @@
1
- import type { DateRangePickerTriggerProps } from './index.js';
2
- declare const DateRangePickerTrigger: import('svelte').Component<
3
- DateRangePickerTriggerProps,
4
- {},
5
- ''
6
- >;
7
- type DateRangePickerTrigger = ReturnType<typeof DateRangePickerTrigger>;
8
- export default DateRangePickerTrigger;
@@ -1,8 +0,0 @@
1
- import type { Snippet } from 'svelte';
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- interface Props extends HTMLAttributes<HTMLDialogElement> {
4
- children: Snippet;
5
- }
6
- declare const DrawerContent: import('svelte').Component<Props, {}, ''>;
7
- type DrawerContent = ReturnType<typeof DrawerContent>;
8
- export default DrawerContent;