ui-ingredients 0.0.39 → 0.0.41

Sign up to get free protection for your applications and to get access to all the features.
Files changed (338) hide show
  1. package/README.md +2 -0
  2. package/dist/accordion/item-content.svelte +43 -32
  3. package/dist/accordion/item-indicator.svelte +3 -4
  4. package/dist/accordion/item-trigger.svelte +31 -32
  5. package/dist/accordion/item.svelte +39 -43
  6. package/dist/accordion/root.svelte +5 -6
  7. package/dist/avatar/fallback.svelte +2 -4
  8. package/dist/avatar/image.svelte +2 -4
  9. package/dist/avatar/root.svelte +5 -6
  10. package/dist/carousel/indicator-group.svelte +3 -4
  11. package/dist/carousel/indicator.svelte +2 -4
  12. package/dist/carousel/item-group.svelte +2 -4
  13. package/dist/carousel/item.svelte +2 -6
  14. package/dist/carousel/next-trigger.svelte +3 -4
  15. package/dist/carousel/prev-trigger.svelte +3 -4
  16. package/dist/carousel/root.svelte +5 -6
  17. package/dist/carousel/viewport.svelte +2 -4
  18. package/dist/checkbox/control.svelte +2 -4
  19. package/dist/checkbox/hidden-input.svelte +9 -4
  20. package/dist/checkbox/indicator.svelte +2 -4
  21. package/dist/checkbox/label.svelte +2 -4
  22. package/dist/checkbox/root.svelte +5 -6
  23. package/dist/clipboard/control.svelte +2 -4
  24. package/dist/clipboard/indicator.svelte +2 -4
  25. package/dist/clipboard/input.svelte +2 -4
  26. package/dist/clipboard/label.svelte +2 -4
  27. package/dist/clipboard/root.svelte +5 -6
  28. package/dist/clipboard/trigger.svelte +3 -4
  29. package/dist/collapsible/content.svelte +2 -4
  30. package/dist/collapsible/root.svelte +5 -6
  31. package/dist/collapsible/trigger.svelte +3 -4
  32. package/dist/color-picker/area-background.svelte +4 -3
  33. package/dist/color-picker/area-thumb.svelte +3 -2
  34. package/dist/color-picker/area.svelte +2 -2
  35. package/dist/color-picker/channel-input.svelte +2 -2
  36. package/dist/color-picker/channel-slider-label.svelte +2 -2
  37. package/dist/color-picker/channel-slider-thumb.svelte +2 -2
  38. package/dist/color-picker/channel-slider-track.svelte +2 -2
  39. package/dist/color-picker/channel-slider-value-text.svelte +2 -2
  40. package/dist/color-picker/channel-slider.svelte +2 -2
  41. package/dist/color-picker/content.svelte +30 -20
  42. package/dist/color-picker/control.svelte +2 -2
  43. package/dist/color-picker/eye-dropper-trigger.svelte +2 -2
  44. package/dist/color-picker/format-select.svelte +3 -2
  45. package/dist/color-picker/format-trigger.svelte +3 -2
  46. package/dist/color-picker/hidden-input.svelte +3 -2
  47. package/dist/color-picker/label.svelte +2 -2
  48. package/dist/color-picker/positioner.svelte +29 -22
  49. package/dist/color-picker/root.svelte +68 -60
  50. package/dist/color-picker/swatch-group.svelte +3 -2
  51. package/dist/color-picker/swatch-indicator.svelte +3 -2
  52. package/dist/color-picker/swatch-trigger.svelte +5 -2
  53. package/dist/color-picker/swatch.svelte +2 -2
  54. package/dist/color-picker/transparency-grid.svelte +2 -2
  55. package/dist/color-picker/trigger.svelte +3 -2
  56. package/dist/color-picker/value-text.svelte +3 -2
  57. package/dist/combobox/clear-trigger.svelte +3 -4
  58. package/dist/combobox/content.svelte +30 -26
  59. package/dist/combobox/control.svelte +2 -4
  60. package/dist/combobox/input.svelte +2 -4
  61. package/dist/combobox/item-group-label.svelte +3 -4
  62. package/dist/combobox/item-group.svelte +2 -4
  63. package/dist/combobox/item-indicator.svelte +3 -4
  64. package/dist/combobox/item-text.svelte +2 -4
  65. package/dist/combobox/item.svelte +2 -6
  66. package/dist/combobox/label.svelte +2 -4
  67. package/dist/combobox/list.svelte +2 -4
  68. package/dist/combobox/positioner.svelte +32 -26
  69. package/dist/combobox/root.svelte +91 -84
  70. package/dist/combobox/trigger.svelte +2 -4
  71. package/dist/date-picker/clear-trigger.svelte +3 -4
  72. package/dist/date-picker/content.svelte +34 -26
  73. package/dist/date-picker/control.svelte +2 -4
  74. package/dist/date-picker/day-table-cell-trigger.svelte +2 -4
  75. package/dist/date-picker/day-table-cell.svelte +5 -6
  76. package/dist/date-picker/input.svelte +2 -4
  77. package/dist/date-picker/label.svelte +2 -4
  78. package/dist/date-picker/month-select.svelte +3 -4
  79. package/dist/date-picker/month-table-cell-trigger.svelte +2 -4
  80. package/dist/date-picker/month-table-cell.svelte +2 -6
  81. package/dist/date-picker/next-trigger.svelte +3 -4
  82. package/dist/date-picker/positioner.svelte +33 -28
  83. package/dist/date-picker/preset-trigger.svelte +2 -4
  84. package/dist/date-picker/prev-trigger.svelte +3 -4
  85. package/dist/date-picker/range-text.svelte +3 -4
  86. package/dist/date-picker/root.svelte +78 -71
  87. package/dist/date-picker/table-body.svelte +3 -4
  88. package/dist/date-picker/table-head.svelte +3 -4
  89. package/dist/date-picker/table-header.svelte +3 -4
  90. package/dist/date-picker/table-row.svelte +2 -4
  91. package/dist/date-picker/table.svelte +2 -4
  92. package/dist/date-picker/trigger.svelte +3 -4
  93. package/dist/date-picker/view-control.svelte +3 -4
  94. package/dist/date-picker/view-trigger.svelte +3 -4
  95. package/dist/date-picker/view.svelte +2 -4
  96. package/dist/date-picker/year-select.svelte +3 -4
  97. package/dist/date-picker/year-table-cell-trigger.svelte +2 -4
  98. package/dist/date-picker/year-table-cell.svelte +2 -6
  99. package/dist/dialog/backdrop.svelte +34 -26
  100. package/dist/dialog/close-trigger.svelte +3 -4
  101. package/dist/dialog/content.svelte +30 -26
  102. package/dist/dialog/description.svelte +2 -4
  103. package/dist/dialog/positioner.svelte +28 -27
  104. package/dist/dialog/root.svelte +32 -24
  105. package/dist/dialog/title.svelte +2 -4
  106. package/dist/dialog/trigger.svelte +2 -4
  107. package/dist/editable/area.svelte +2 -4
  108. package/dist/editable/cancel-trigger.svelte +3 -4
  109. package/dist/editable/control.svelte +2 -4
  110. package/dist/editable/edit-trigger.svelte +3 -4
  111. package/dist/editable/input.svelte +2 -4
  112. package/dist/editable/label.svelte +2 -4
  113. package/dist/editable/preview.svelte +2 -4
  114. package/dist/editable/root.svelte +5 -6
  115. package/dist/editable/submit-trigger.svelte +3 -4
  116. package/dist/field/create-field.svelte.d.ts +8 -8
  117. package/dist/field/error-text.svelte +2 -4
  118. package/dist/field/helper-text.svelte +2 -4
  119. package/dist/field/input.svelte +2 -4
  120. package/dist/field/label.svelte +2 -4
  121. package/dist/field/root.svelte +6 -5
  122. package/dist/field/select.svelte +2 -4
  123. package/dist/field/textarea.svelte +2 -4
  124. package/dist/file-upload/dropzone.svelte +2 -4
  125. package/dist/file-upload/hidden-input.svelte +9 -4
  126. package/dist/file-upload/item-delete-trigger.svelte +2 -4
  127. package/dist/file-upload/item-group.svelte +3 -4
  128. package/dist/file-upload/item-name.svelte +3 -4
  129. package/dist/file-upload/item-preview-image.svelte +3 -4
  130. package/dist/file-upload/item-preview.svelte +3 -4
  131. package/dist/file-upload/item-size-text.svelte +3 -4
  132. package/dist/file-upload/item.svelte +2 -4
  133. package/dist/file-upload/label.svelte +2 -4
  134. package/dist/file-upload/root.svelte +5 -6
  135. package/dist/file-upload/trigger.svelte +3 -4
  136. package/dist/hover-card/arrow-tip.svelte +2 -4
  137. package/dist/hover-card/arrow.svelte +2 -4
  138. package/dist/hover-card/content.svelte +30 -26
  139. package/dist/hover-card/positioner.svelte +33 -26
  140. package/dist/hover-card/root.svelte +32 -24
  141. package/dist/hover-card/trigger.svelte +2 -4
  142. package/dist/menu/arrow-tip.svelte +2 -4
  143. package/dist/menu/arrow.svelte +2 -4
  144. package/dist/menu/content.svelte +30 -26
  145. package/dist/menu/context-trigger.svelte +3 -4
  146. package/dist/menu/indicator.svelte +2 -4
  147. package/dist/menu/item-group-label.svelte +3 -4
  148. package/dist/menu/item-group.svelte +2 -4
  149. package/dist/menu/item.svelte +2 -6
  150. package/dist/menu/option-item-indicator.svelte +3 -4
  151. package/dist/menu/option-item-text.svelte +3 -4
  152. package/dist/menu/option-item.svelte +5 -6
  153. package/dist/menu/positioner.svelte +28 -26
  154. package/dist/menu/root.svelte +32 -24
  155. package/dist/menu/separator.svelte +2 -4
  156. package/dist/menu/trigger-item.svelte +3 -4
  157. package/dist/menu/trigger.svelte +2 -4
  158. package/dist/number-input/control.svelte +3 -4
  159. package/dist/number-input/decrement-trigger.svelte +2 -4
  160. package/dist/number-input/increment-trigger.svelte +2 -4
  161. package/dist/number-input/input.svelte +2 -4
  162. package/dist/number-input/label.svelte +2 -4
  163. package/dist/number-input/root.svelte +5 -6
  164. package/dist/number-input/scrubber.svelte +3 -4
  165. package/dist/pagination/ellipsis.svelte +2 -4
  166. package/dist/pagination/item.svelte +2 -4
  167. package/dist/pagination/next-trigger.svelte +3 -4
  168. package/dist/pagination/prev-trigger.svelte +3 -4
  169. package/dist/pagination/root.svelte +5 -6
  170. package/dist/pin-input/clear-trigger.svelte +3 -4
  171. package/dist/pin-input/create-pin-input.svelte.d.ts +2 -2
  172. package/dist/pin-input/hidden-input.svelte +9 -4
  173. package/dist/pin-input/input.svelte +2 -4
  174. package/dist/pin-input/label.svelte +2 -4
  175. package/dist/pin-input/root.svelte +5 -6
  176. package/dist/popover/arrow-tip.svelte +2 -4
  177. package/dist/popover/arrow.svelte +2 -4
  178. package/dist/popover/close-trigger.svelte +3 -4
  179. package/dist/popover/content.svelte +30 -26
  180. package/dist/popover/description.svelte +2 -4
  181. package/dist/popover/positioner.svelte +32 -26
  182. package/dist/popover/root.svelte +32 -24
  183. package/dist/popover/title.svelte +2 -4
  184. package/dist/popover/trigger.svelte +2 -4
  185. package/dist/presence/create-presence.svelte.d.ts +3 -10
  186. package/dist/presence/create-presence.svelte.js +15 -24
  187. package/dist/presence/root.svelte +30 -30
  188. package/dist/progress/circle-range.svelte +3 -4
  189. package/dist/progress/circle-track.svelte +3 -4
  190. package/dist/progress/circle.svelte +2 -4
  191. package/dist/progress/label.svelte +2 -4
  192. package/dist/progress/range.svelte +2 -4
  193. package/dist/progress/root.svelte +6 -7
  194. package/dist/progress/track.svelte +2 -4
  195. package/dist/progress/value-text.svelte +2 -4
  196. package/dist/progress/view.svelte +2 -4
  197. package/dist/qr-code/frame.svelte +2 -4
  198. package/dist/qr-code/overlay.svelte +2 -4
  199. package/dist/qr-code/pattern.svelte +2 -4
  200. package/dist/qr-code/root.svelte +5 -6
  201. package/dist/radio-group/indicator.svelte +3 -4
  202. package/dist/radio-group/item-control.svelte +3 -4
  203. package/dist/radio-group/item-hidden-input.svelte +9 -4
  204. package/dist/radio-group/item-text.svelte +3 -4
  205. package/dist/radio-group/item.svelte +2 -6
  206. package/dist/radio-group/label.svelte +2 -4
  207. package/dist/radio-group/root.svelte +5 -6
  208. package/dist/rating-group/control.svelte +2 -4
  209. package/dist/rating-group/hidden-input.svelte +9 -4
  210. package/dist/rating-group/item.svelte +2 -6
  211. package/dist/rating-group/label.svelte +2 -4
  212. package/dist/rating-group/root.svelte +5 -6
  213. package/dist/segment-group/indicator.svelte +3 -4
  214. package/dist/segment-group/item-control.svelte +3 -4
  215. package/dist/segment-group/item-hidden-input.svelte +8 -4
  216. package/dist/segment-group/item-text.svelte +3 -4
  217. package/dist/segment-group/item.svelte +2 -6
  218. package/dist/segment-group/label.svelte +2 -4
  219. package/dist/segment-group/root.svelte +3 -7
  220. package/dist/select/clear-trigger.svelte +3 -4
  221. package/dist/select/content.svelte +30 -26
  222. package/dist/select/control.svelte +2 -4
  223. package/dist/select/hidden-select.svelte +11 -6
  224. package/dist/select/indicator.svelte +2 -4
  225. package/dist/select/item-group-label.svelte +3 -4
  226. package/dist/select/item-group.svelte +2 -4
  227. package/dist/select/item-indicator.svelte +3 -4
  228. package/dist/select/item-text.svelte +2 -4
  229. package/dist/select/item.svelte +2 -6
  230. package/dist/select/label.svelte +2 -4
  231. package/dist/select/list.svelte +2 -4
  232. package/dist/select/positioner.svelte +28 -26
  233. package/dist/select/root.svelte +78 -71
  234. package/dist/select/trigger.svelte +2 -4
  235. package/dist/select/value-text.svelte +2 -4
  236. package/dist/signature-pad/clear-trigger.svelte +3 -4
  237. package/dist/signature-pad/control.svelte +3 -4
  238. package/dist/signature-pad/current-segment-path.svelte +2 -4
  239. package/dist/signature-pad/guide.svelte +2 -4
  240. package/dist/signature-pad/hidden-input.svelte +8 -4
  241. package/dist/signature-pad/label.svelte +3 -4
  242. package/dist/signature-pad/root.svelte +3 -7
  243. package/dist/signature-pad/segment-path.svelte +2 -4
  244. package/dist/signature-pad/segment.svelte +3 -4
  245. package/dist/slider/control.svelte +2 -4
  246. package/dist/slider/hidden-input.svelte +9 -4
  247. package/dist/slider/label.svelte +2 -4
  248. package/dist/slider/marker-group.svelte +2 -4
  249. package/dist/slider/marker.svelte +2 -4
  250. package/dist/slider/range.svelte +2 -4
  251. package/dist/slider/root.svelte +5 -6
  252. package/dist/slider/thumb.svelte +2 -4
  253. package/dist/slider/track.svelte +2 -4
  254. package/dist/slider/value-text.svelte +2 -4
  255. package/dist/splitter/panel.svelte +2 -4
  256. package/dist/splitter/resize-trigger.svelte +5 -6
  257. package/dist/splitter/root.svelte +5 -6
  258. package/dist/steps/completed-content.svelte +3 -4
  259. package/dist/steps/content.svelte +2 -4
  260. package/dist/steps/indicator.svelte +2 -4
  261. package/dist/steps/item.svelte +2 -6
  262. package/dist/steps/list.svelte +2 -4
  263. package/dist/steps/next-trigger.svelte +3 -4
  264. package/dist/steps/prev-trigger.svelte +3 -4
  265. package/dist/steps/progress.svelte +2 -4
  266. package/dist/steps/root.svelte +5 -6
  267. package/dist/steps/separator.svelte +2 -4
  268. package/dist/steps/trigger.svelte +2 -4
  269. package/dist/switch/control.svelte +2 -4
  270. package/dist/switch/hidden-input.svelte +9 -4
  271. package/dist/switch/label.svelte +2 -4
  272. package/dist/switch/root.svelte +5 -6
  273. package/dist/switch/thumb.svelte +2 -4
  274. package/dist/tabs/content.svelte +2 -4
  275. package/dist/tabs/list.svelte +2 -4
  276. package/dist/tabs/root.svelte +5 -6
  277. package/dist/tabs/trigger.svelte +2 -4
  278. package/dist/tags-input/clear-trigger.svelte +3 -4
  279. package/dist/tags-input/control.svelte +2 -4
  280. package/dist/tags-input/hidden-input.svelte +9 -4
  281. package/dist/tags-input/input.svelte +2 -4
  282. package/dist/tags-input/item-delete-trigger.svelte +3 -4
  283. package/dist/tags-input/item-input.svelte +3 -4
  284. package/dist/tags-input/item-preview.svelte +3 -4
  285. package/dist/tags-input/item-text.svelte +2 -4
  286. package/dist/tags-input/item.svelte +2 -6
  287. package/dist/tags-input/label.svelte +2 -4
  288. package/dist/tags-input/root.svelte +5 -6
  289. package/dist/time-picker/clear-trigger.svelte +3 -4
  290. package/dist/time-picker/column.svelte +2 -4
  291. package/dist/time-picker/content.svelte +24 -26
  292. package/dist/time-picker/control.svelte +2 -4
  293. package/dist/time-picker/hour-cell.svelte +2 -4
  294. package/dist/time-picker/input.svelte +2 -4
  295. package/dist/time-picker/label.svelte +2 -4
  296. package/dist/time-picker/minute-cell.svelte +2 -4
  297. package/dist/time-picker/period-cell.svelte +2 -4
  298. package/dist/time-picker/positioner.svelte +3 -4
  299. package/dist/time-picker/root.svelte +5 -6
  300. package/dist/time-picker/second-cell.svelte +2 -4
  301. package/dist/time-picker/spacer.svelte +2 -4
  302. package/dist/time-picker/trigger.svelte +3 -4
  303. package/dist/timer/action-trigger.svelte +2 -4
  304. package/dist/timer/item-label.svelte +2 -4
  305. package/dist/timer/item-value.svelte +2 -4
  306. package/dist/timer/item.svelte +3 -4
  307. package/dist/timer/root.svelte +5 -6
  308. package/dist/timer/separator.svelte +2 -4
  309. package/dist/toast/action-trigger.svelte +3 -4
  310. package/dist/toast/close-trigger.svelte +3 -4
  311. package/dist/toast/description.svelte +2 -4
  312. package/dist/toast/ghost-after.svelte +10 -5
  313. package/dist/toast/ghost-before.svelte +10 -5
  314. package/dist/toast/root.svelte +3 -6
  315. package/dist/toast/title.svelte +2 -4
  316. package/dist/toast/toaster.svelte +4 -5
  317. package/dist/toggle-group/item.svelte +3 -7
  318. package/dist/toggle-group/root.svelte +5 -6
  319. package/dist/tooltip/arrow-tip.svelte +2 -4
  320. package/dist/tooltip/arrow.svelte +2 -4
  321. package/dist/tooltip/content.svelte +30 -26
  322. package/dist/tooltip/positioner.svelte +32 -26
  323. package/dist/tooltip/root.svelte +32 -24
  324. package/dist/tooltip/trigger.svelte +2 -4
  325. package/dist/tree-view/branch-content.svelte +3 -4
  326. package/dist/tree-view/branch-control.svelte +3 -4
  327. package/dist/tree-view/branch-indicator.svelte +3 -4
  328. package/dist/tree-view/branch-text.svelte +3 -4
  329. package/dist/tree-view/branch-trigger.svelte +3 -4
  330. package/dist/tree-view/branch.svelte +2 -6
  331. package/dist/tree-view/item-indicator.svelte +3 -4
  332. package/dist/tree-view/item-text.svelte +2 -4
  333. package/dist/tree-view/item.svelte +2 -6
  334. package/dist/tree-view/label.svelte +2 -4
  335. package/dist/tree-view/root.svelte +5 -6
  336. package/dist/tree-view/tree.svelte +2 -4
  337. package/dist/types.d.ts +21 -4
  338. package/package.json +50 -50
package/dist/tree-view/branch-trigger.svelte CHANGED
@@ -1,9 +1,8 @@
1
1
  <script lang="ts" module>
2
- import type {AsChild, HTMLProps} from '../types.js';
2
+ import type {HtmlIngredientProps} from '../types.js';
3
3
 
4
- export interface TreeViewBranchTriggerProps extends HTMLProps<'div'> {
5
- asChild?: AsChild;
6
- }
4
+ export interface TreeViewBranchTriggerProps
5
+ extends HtmlIngredientProps<'div'> {}
7
6
  </script>
8
7
 
9
8
  <script lang="ts">
package/dist/tree-view/branch.svelte CHANGED
@@ -1,13 +1,9 @@
1
1
  <script lang="ts" module>
2
- import type {AsChild, Assign, HTMLProps} from '../types.js';
2
+ import type {Assign, HtmlIngredientProps} from '../types.js';
3
3
  import type {BranchProps, BranchState} from '@zag-js/tree-view';
4
- import type {Snippet} from 'svelte';
5
4
 
6
5
  export interface TreeViewBranchProps
7
- extends Assign<Omit<HTMLProps<'div'>, 'children'>, BranchProps> {
8
- asChild?: AsChild<BranchState>;
9
- children?: Snippet<[BranchState]>;
10
- }
6
+ extends Assign<HtmlIngredientProps<'div', BranchState>, BranchProps> {}
11
7
  </script>
12
8
 
13
9
  <script lang="ts">
package/dist/tree-view/item-indicator.svelte CHANGED
@@ -1,9 +1,8 @@
1
1
  <script lang="ts" module>
2
- import type {AsChild, HTMLProps} from '../types.js';
2
+ import type {HtmlIngredientProps} from '../types.js';
3
3
 
4
- export interface TreeViewItemIndicatorProps extends HTMLProps<'span'> {
5
- asChild?: AsChild;
6
- }
4
+ export interface TreeViewItemIndicatorProps
5
+ extends HtmlIngredientProps<'span'> {}
7
6
  </script>
8
7
 
9
8
  <script lang="ts">
package/dist/tree-view/item-text.svelte CHANGED
@@ -1,9 +1,7 @@
1
1
  <script lang="ts" module>
2
- import type {AsChild, HTMLProps} from '../types.js';
2
+ import type {HtmlIngredientProps} from '../types.js';
3
3
 
4
- export interface TreeViewItemTextProps extends HTMLProps<'span'> {
5
- asChild?: AsChild;
6
- }
4
+ export interface TreeViewItemTextProps extends HtmlIngredientProps<'span'> {}
7
5
  </script>
8
6
 
9
7
  <script lang="ts">
package/dist/tree-view/item.svelte CHANGED
@@ -1,13 +1,9 @@
1
1
  <script lang="ts" module>
2
- import type {AsChild, Assign, HTMLProps} from '../types.js';
2
+ import type {Assign, HtmlIngredientProps} from '../types.js';
3
3
  import type {ItemProps, ItemState} from '@zag-js/tree-view';
4
- import type {Snippet} from 'svelte';
5
4
 
6
5
  export interface TreeViewItemProps
7
- extends Assign<Omit<HTMLProps<'div'>, 'children'>, ItemProps> {
8
- asChild?: AsChild<ItemState>;
9
- children?: Snippet<[ItemState]>;
10
- }
6
+ extends Assign<HtmlIngredientProps<'div', ItemState>, ItemProps> {}
11
7
  </script>
12
8
 
13
9
  <script lang="ts">
package/dist/tree-view/label.svelte CHANGED
@@ -1,9 +1,7 @@
1
1
  <script lang="ts" module>
2
- import type {AsChild, HTMLProps} from '../types.js';
2
+ import type {HtmlIngredientProps} from '../types.js';
3
3
 
4
- export interface TreeViewLabelProps extends HTMLProps<'span'> {
5
- asChild?: AsChild;
6
- }
4
+ export interface TreeViewLabelProps extends HtmlIngredientProps<'span'> {}
7
5
  </script>
8
6
 
9
7
  <script lang="ts">
package/dist/tree-view/root.svelte CHANGED
@@ -1,16 +1,15 @@
1
1
  <script lang="ts" module>
2
- import type {AsChild, Assign, HTMLProps} from '../types.js';
3
- import type {Snippet} from 'svelte';
2
+ import type {Assign, HtmlIngredientProps} from '../types.js';
4
3
  import type {
5
4
  CreateTreeViewProps,
6
5
  CreateTreeViewReturn,
7
6
  } from './create-tree-view.svelte.js';
8
7
 
9
8
  export interface TreeViewProps
10
- extends Assign<Omit<HTMLProps<'div'>, 'children'>, CreateTreeViewProps> {
11
- asChild?: AsChild<CreateTreeViewReturn>;
12
- children?: Snippet<[CreateTreeViewReturn]>;
13
- }
9
+ extends Assign<
10
+ HtmlIngredientProps<'div', CreateTreeViewReturn>,
11
+ CreateTreeViewProps
12
+ > {}
14
13
  </script>
15
14
 
16
15
  <script lang="ts">
package/dist/tree-view/tree.svelte CHANGED
@@ -1,9 +1,7 @@
1
1
  <script lang="ts" module>
2
- import type {AsChild, HTMLProps} from '../types.js';
2
+ import type {HtmlIngredientProps} from '../types.js';
3
3
 
4
- export interface TreeViewTreeProps extends HTMLProps<'div'> {
5
- asChild?: AsChild;
6
- }
4
+ export interface TreeViewTreeProps extends HtmlIngredientProps<'div'> {}
7
5
  </script>
8
6
 
9
7
  <script lang="ts">
package/dist/types.d.ts CHANGED
@@ -1,10 +1,27 @@
1
1
  import type { Snippet } from 'svelte';
2
+ import type { Action } from 'svelte/action';
2
3
  import type { SvelteHTMLElements } from 'svelte/elements';
4
+ import type { TransitionConfig } from 'svelte/transition';
3
5
  export type GenericObject = Record<string, any>;
4
6
  export type Assign<Target extends GenericObject, Source extends GenericObject> = Source & Omit<Target, keyof Source>;
5
- type IntrinsicElements = keyof {
7
+ export type IntrinsicElements = keyof {
6
8
  [K in keyof SvelteHTMLElements as string extends K ? never : number extends K ? never : K]: string;
7
9
  };
8
- export type HTMLProps<T extends IntrinsicElements> = SvelteHTMLElements[T];
9
- export type AsChild<Context = never> = [Context] extends [never] ? Snippet<[props: GenericObject]> : Snippet<[props: GenericObject, context: Context]>;
10
- export {};
10
+ export type HtmlProps<T extends IntrinsicElements> = SvelteHTMLElements[T];
11
+ export type TransitionFunction = (node: HTMLElement) => TransitionConfig;
12
+ export interface TransitionProps {
13
+ in?: TransitionFunction;
14
+ out?: TransitionFunction;
15
+ transition?: TransitionFunction;
16
+ }
17
+ export type AsChildWithRef<Ref extends Action, Context = never> = [
18
+ Context
19
+ ] extends [never] ? Snippet<[ref: Ref, attrs: GenericObject]> : Snippet<[ref: Ref, attrs: GenericObject, context: Context]>;
20
+ export type AsChildWithoutRef<Context = never> = [Context] extends [never] ? Snippet<[attrs: GenericObject]> : Snippet<[attrs: GenericObject, context: Context]>;
21
+ export type AsChild<Ref extends Action, Context = never> = [Ref] extends [never] ? AsChildWithoutRef<Context> : AsChildWithRef<Ref, Context>;
22
+ export type Children<T = never> = [T] extends [never] ? Snippet : Snippet<[context: T]>;
23
+ export type PropsWithoutChildren<T> = Omit<T, 'children'>;
24
+ export type HtmlIngredientProps<Element extends IntrinsicElements, Context = never, Ref extends Action = never> = TransitionProps & PropsWithoutChildren<HtmlProps<Element>> & {
25
+ children?: Children<Context>;
26
+ asChild?: AsChild<Ref, Context>;
27
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ui-ingredients",
3
3
  "type": "module",
4
- "version": "0.0.39",
4
+ "version": "0.0.41",
5
5
  "packageManager": "pnpm@9.7.0",
6
6
  "svelte": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",
@@ -85,50 +85,50 @@
85
85
  "release": "release-it"
86
86
  },
87
87
  "dependencies": {
88
- "@zag-js/accordion": "0.65.1",
89
- "@zag-js/anatomy": "0.65.1",
90
- "@zag-js/avatar": "0.65.1",
91
- "@zag-js/carousel": "0.65.1",
92
- "@zag-js/checkbox": "0.65.1",
93
- "@zag-js/clipboard": "0.65.1",
94
- "@zag-js/collapsible": "0.65.1",
95
- "@zag-js/color-picker": "0.65.1",
96
- "@zag-js/combobox": "0.65.1",
97
- "@zag-js/date-picker": "0.65.1",
98
- "@zag-js/dialog": "0.65.1",
99
- "@zag-js/dom-query": "0.65.1",
100
- "@zag-js/editable": "0.65.1",
101
- "@zag-js/file-upload": "0.65.1",
102
- "@zag-js/floating-panel": "0.65.1",
103
- "@zag-js/hover-card": "0.65.1",
104
- "@zag-js/i18n-utils": "0.65.1",
105
- "@zag-js/menu": "0.65.1",
106
- "@zag-js/number-input": "0.65.1",
107
- "@zag-js/pagination": "0.65.1",
108
- "@zag-js/pin-input": "0.65.1",
109
- "@zag-js/popover": "0.65.1",
110
- "@zag-js/presence": "0.65.1",
111
- "@zag-js/progress": "0.65.1",
112
- "@zag-js/qr-code": "0.65.1",
113
- "@zag-js/radio-group": "0.65.1",
114
- "@zag-js/rating-group": "0.65.1",
115
- "@zag-js/select": "0.65.1",
116
- "@zag-js/signature-pad": "0.65.1",
117
- "@zag-js/slider": "0.65.1",
118
- "@zag-js/splitter": "0.65.1",
119
- "@zag-js/steps": "0.65.1",
120
- "@zag-js/svelte": "0.65.1",
121
- "@zag-js/switch": "0.65.1",
122
- "@zag-js/tabs": "0.65.1",
123
- "@zag-js/tags-input": "0.65.1",
124
- "@zag-js/time-picker": "0.65.1",
125
- "@zag-js/timer": "0.65.1",
126
- "@zag-js/toast": "0.65.1",
127
- "@zag-js/toggle-group": "0.65.1",
128
- "@zag-js/tooltip": "0.65.1",
129
- "@zag-js/tour": "0.65.1",
130
- "@zag-js/tree-view": "0.65.1",
131
- "@zag-js/utils": "0.65.1",
88
+ "@zag-js/accordion": "0.66.1",
89
+ "@zag-js/anatomy": "0.66.1",
90
+ "@zag-js/avatar": "0.66.1",
91
+ "@zag-js/carousel": "0.66.1",
92
+ "@zag-js/checkbox": "0.66.1",
93
+ "@zag-js/clipboard": "0.66.1",
94
+ "@zag-js/collapsible": "0.66.1",
95
+ "@zag-js/color-picker": "0.66.1",
96
+ "@zag-js/combobox": "0.66.1",
97
+ "@zag-js/date-picker": "0.66.1",
98
+ "@zag-js/dialog": "0.66.1",
99
+ "@zag-js/dom-query": "0.66.1",
100
+ "@zag-js/editable": "0.66.1",
101
+ "@zag-js/file-upload": "0.66.1",
102
+ "@zag-js/floating-panel": "0.66.1",
103
+ "@zag-js/hover-card": "0.66.1",
104
+ "@zag-js/i18n-utils": "0.66.1",
105
+ "@zag-js/menu": "0.66.1",
106
+ "@zag-js/number-input": "0.66.1",
107
+ "@zag-js/pagination": "0.66.1",
108
+ "@zag-js/pin-input": "0.66.1",
109
+ "@zag-js/popover": "0.66.1",
110
+ "@zag-js/presence": "0.66.1",
111
+ "@zag-js/progress": "0.66.1",
112
+ "@zag-js/qr-code": "0.66.1",
113
+ "@zag-js/radio-group": "0.66.1",
114
+ "@zag-js/rating-group": "0.66.1",
115
+ "@zag-js/select": "0.66.1",
116
+ "@zag-js/signature-pad": "0.66.1",
117
+ "@zag-js/slider": "0.66.1",
118
+ "@zag-js/splitter": "0.66.1",
119
+ "@zag-js/steps": "0.66.1",
120
+ "@zag-js/svelte": "0.66.1",
121
+ "@zag-js/switch": "0.66.1",
122
+ "@zag-js/tabs": "0.66.1",
123
+ "@zag-js/tags-input": "0.66.1",
124
+ "@zag-js/time-picker": "0.66.1",
125
+ "@zag-js/timer": "0.66.1",
126
+ "@zag-js/toast": "0.66.1",
127
+ "@zag-js/toggle-group": "0.66.1",
128
+ "@zag-js/tooltip": "0.66.1",
129
+ "@zag-js/tour": "0.66.1",
130
+ "@zag-js/tree-view": "0.66.1",
131
+ "@zag-js/utils": "0.66.1",
132
132
  "uid": "2.0.2"
133
133
  },
134
134
  "peerDependencies": {
@@ -136,22 +136,22 @@
136
136
  },
137
137
  "devDependencies": {
138
138
  "@sveltejs/adapter-vercel": "5.4.3",
139
- "@sveltejs/kit": "2.5.25",
139
+ "@sveltejs/kit": "2.5.26",
140
140
  "@sveltejs/package": "2.3.4",
141
141
  "@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
142
142
  "@untitled-theme/icons-svelte": "0.10.7",
143
143
  "autoprefixer": "10.4.20",
144
144
  "globals": "15.9.0",
145
- "postcss": "8.4.41",
145
+ "postcss": "8.4.45",
146
146
  "publint": "0.2.10",
147
147
  "release-it": "17.6.0",
148
- "svelte": "5.0.0-next.241",
149
- "svelte-check": "3.8.6",
148
+ "svelte": "5.0.0-next.244",
149
+ "svelte-check": "4.0.1",
150
150
  "tailwind-merge": "2.5.2",
151
151
  "tailwind-variants": "0.2.1",
152
152
  "tailwindcss": "3.4.10",
153
153
  "typescript": "5.5.4",
154
- "vite": "5.4.2",
154
+ "vite": "5.4.3",
155
155
  "vitest": "2.0.5",
156
156
  "vitest-axe": "0.1.0"
157
157
  },