ui-ingredients 0.0.10 → 0.0.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (590) hide show
  1. package/README.md +2 -1
  2. package/dist/accordion/accordion.d.ts +5 -0
  3. package/dist/accordion/accordion.js +5 -0
  4. package/dist/accordion/context.svelte.d.ts +2 -2
  5. package/dist/accordion/context.svelte.js +2 -2
  6. package/dist/accordion/index.d.ts +7 -5
  7. package/dist/accordion/index.js +2 -5
  8. package/dist/accordion/item-content.svelte +28 -26
  9. package/dist/accordion/item-content.svelte.d.ts +2 -2
  10. package/dist/accordion/item-indicator.svelte +28 -26
  11. package/dist/accordion/item-indicator.svelte.d.ts +2 -2
  12. package/dist/accordion/item-trigger.svelte +28 -27
  13. package/dist/accordion/item-trigger.svelte.d.ts +2 -2
  14. package/dist/accordion/item.svelte +48 -48
  15. package/dist/accordion/item.svelte.d.ts +2 -2
  16. package/dist/accordion/root.svelte +68 -63
  17. package/dist/accordion/root.svelte.d.ts +2 -2
  18. package/dist/avatar/avatar.d.ts +3 -0
  19. package/dist/avatar/avatar.js +3 -0
  20. package/dist/avatar/fallback.svelte +20 -20
  21. package/dist/avatar/fallback.svelte.d.ts +2 -2
  22. package/dist/avatar/image.svelte +18 -18
  23. package/dist/avatar/image.svelte.d.ts +2 -2
  24. package/dist/avatar/index.d.ts +5 -3
  25. package/dist/avatar/index.js +2 -3
  26. package/dist/avatar/root.svelte +53 -48
  27. package/dist/avatar/root.svelte.d.ts +2 -2
  28. package/dist/carousel/carousel.d.ts +8 -0
  29. package/dist/carousel/carousel.js +8 -0
  30. package/dist/carousel/index.d.ts +10 -8
  31. package/dist/carousel/index.js +2 -8
  32. package/dist/carousel/indicator-group.svelte +21 -20
  33. package/dist/carousel/indicator-group.svelte.d.ts +2 -2
  34. package/dist/carousel/indicator.svelte +30 -30
  35. package/dist/carousel/indicator.svelte.d.ts +2 -2
  36. package/dist/carousel/item-group.svelte +20 -20
  37. package/dist/carousel/item-group.svelte.d.ts +2 -2
  38. package/dist/carousel/item.svelte +27 -27
  39. package/dist/carousel/item.svelte.d.ts +2 -2
  40. package/dist/carousel/next-trigger.svelte +21 -20
  41. package/dist/carousel/next-trigger.svelte.d.ts +2 -2
  42. package/dist/carousel/prev-trigger.svelte +21 -20
  43. package/dist/carousel/prev-trigger.svelte.d.ts +2 -2
  44. package/dist/carousel/root.svelte +65 -60
  45. package/dist/carousel/root.svelte.d.ts +2 -2
  46. package/dist/carousel/viewport.svelte +20 -20
  47. package/dist/carousel/viewport.svelte.d.ts +2 -2
  48. package/dist/checkbox/checkbox.d.ts +5 -0
  49. package/dist/checkbox/checkbox.js +5 -0
  50. package/dist/checkbox/control.svelte +20 -20
  51. package/dist/checkbox/control.svelte.d.ts +2 -2
  52. package/dist/checkbox/hidden-input.svelte +19 -18
  53. package/dist/checkbox/hidden-input.svelte.d.ts +2 -2
  54. package/dist/checkbox/index.d.ts +7 -5
  55. package/dist/checkbox/index.js +2 -5
  56. package/dist/checkbox/indicator.svelte +20 -20
  57. package/dist/checkbox/indicator.svelte.d.ts +2 -2
  58. package/dist/checkbox/label.svelte +20 -20
  59. package/dist/checkbox/label.svelte.d.ts +2 -2
  60. package/dist/checkbox/root.svelte +69 -64
  61. package/dist/checkbox/root.svelte.d.ts +2 -2
  62. package/dist/clipboard/clipboard.d.ts +6 -0
  63. package/dist/clipboard/clipboard.js +6 -0
  64. package/dist/clipboard/control.svelte +20 -20
  65. package/dist/clipboard/control.svelte.d.ts +2 -2
  66. package/dist/clipboard/index.d.ts +8 -6
  67. package/dist/clipboard/index.js +2 -6
  68. package/dist/clipboard/indicator.svelte +22 -22
  69. package/dist/clipboard/indicator.svelte.d.ts +2 -2
  70. package/dist/clipboard/input.svelte +18 -18
  71. package/dist/clipboard/input.svelte.d.ts +2 -2
  72. package/dist/clipboard/label.svelte +20 -20
  73. package/dist/clipboard/label.svelte.d.ts +2 -2
  74. package/dist/clipboard/root.svelte +56 -53
  75. package/dist/clipboard/root.svelte.d.ts +2 -2
  76. package/dist/clipboard/trigger.svelte +21 -20
  77. package/dist/clipboard/trigger.svelte.d.ts +2 -2
  78. package/dist/collapsible/collapsible.d.ts +3 -0
  79. package/dist/collapsible/collapsible.js +3 -0
  80. package/dist/collapsible/content.svelte +20 -20
  81. package/dist/collapsible/content.svelte.d.ts +2 -2
  82. package/dist/collapsible/index.d.ts +5 -3
  83. package/dist/collapsible/index.js +2 -3
  84. package/dist/collapsible/root.svelte +64 -59
  85. package/dist/collapsible/root.svelte.d.ts +2 -2
  86. package/dist/collapsible/trigger.svelte +19 -18
  87. package/dist/collapsible/trigger.svelte.d.ts +2 -2
  88. package/dist/combobox/clear-trigger.svelte +21 -21
  89. package/dist/combobox/clear-trigger.svelte.d.ts +2 -2
  90. package/dist/combobox/combobox.d.ts +14 -0
  91. package/dist/combobox/combobox.js +14 -0
  92. package/dist/combobox/content.svelte +20 -20
  93. package/dist/combobox/content.svelte.d.ts +2 -2
  94. package/dist/combobox/context.svelte.d.ts +4 -4
  95. package/dist/combobox/context.svelte.js +4 -4
  96. package/dist/combobox/control.svelte +20 -20
  97. package/dist/combobox/control.svelte.d.ts +2 -2
  98. package/dist/combobox/index.d.ts +16 -14
  99. package/dist/combobox/index.js +2 -14
  100. package/dist/combobox/input.svelte +18 -18
  101. package/dist/combobox/input.svelte.d.ts +2 -2
  102. package/dist/combobox/item-group-label.svelte +33 -32
  103. package/dist/combobox/item-group-label.svelte.d.ts +2 -2
  104. package/dist/combobox/item-group.svelte +32 -32
  105. package/dist/combobox/item-group.svelte.d.ts +2 -2
  106. package/dist/combobox/item-indicator.svelte +28 -26
  107. package/dist/combobox/item-indicator.svelte.d.ts +2 -2
  108. package/dist/combobox/item-text.svelte +29 -30
  109. package/dist/combobox/item-text.svelte.d.ts +2 -2
  110. package/dist/combobox/item.svelte +48 -48
  111. package/dist/combobox/item.svelte.d.ts +2 -2
  112. package/dist/combobox/label.svelte +20 -20
  113. package/dist/combobox/label.svelte.d.ts +2 -2
  114. package/dist/combobox/list.svelte +20 -20
  115. package/dist/combobox/list.svelte.d.ts +2 -2
  116. package/dist/combobox/positioner.svelte +20 -20
  117. package/dist/combobox/positioner.svelte.d.ts +2 -2
  118. package/dist/combobox/root.svelte +129 -124
  119. package/dist/combobox/root.svelte.d.ts +2 -2
  120. package/dist/combobox/trigger.svelte +20 -20
  121. package/dist/combobox/trigger.svelte.d.ts +2 -2
  122. package/dist/dialog/backdrop.svelte +20 -20
  123. package/dist/dialog/backdrop.svelte.d.ts +2 -2
  124. package/dist/dialog/close-trigger.svelte +21 -20
  125. package/dist/dialog/close-trigger.svelte.d.ts +2 -2
  126. package/dist/dialog/content.svelte +20 -20
  127. package/dist/dialog/content.svelte.d.ts +2 -2
  128. package/dist/dialog/description.svelte +20 -20
  129. package/dist/dialog/description.svelte.d.ts +2 -2
  130. package/dist/dialog/dialog.d.ts +8 -0
  131. package/dist/dialog/dialog.js +8 -0
  132. package/dist/dialog/index.d.ts +10 -8
  133. package/dist/dialog/index.js +2 -8
  134. package/dist/dialog/positioner.svelte +20 -20
  135. package/dist/dialog/positioner.svelte.d.ts +2 -2
  136. package/dist/dialog/root.svelte +35 -28
  137. package/dist/dialog/title.svelte +20 -20
  138. package/dist/dialog/title.svelte.d.ts +2 -2
  139. package/dist/dialog/trigger.svelte +20 -20
  140. package/dist/dialog/trigger.svelte.d.ts +2 -2
  141. package/dist/editable/area.svelte +20 -20
  142. package/dist/editable/area.svelte.d.ts +2 -2
  143. package/dist/editable/cancel-trigger.svelte +21 -21
  144. package/dist/editable/cancel-trigger.svelte.d.ts +2 -2
  145. package/dist/editable/control.svelte +20 -20
  146. package/dist/editable/control.svelte.d.ts +2 -2
  147. package/dist/editable/edit-trigger.svelte +21 -20
  148. package/dist/editable/edit-trigger.svelte.d.ts +2 -2
  149. package/dist/editable/editable.d.ts +9 -0
  150. package/dist/editable/editable.js +9 -0
  151. package/dist/editable/index.d.ts +11 -9
  152. package/dist/editable/index.js +2 -9
  153. package/dist/editable/input.svelte +18 -18
  154. package/dist/editable/input.svelte.d.ts +2 -2
  155. package/dist/editable/label.svelte +20 -20
  156. package/dist/editable/label.svelte.d.ts +2 -2
  157. package/dist/editable/preview.svelte +24 -24
  158. package/dist/editable/preview.svelte.d.ts +2 -2
  159. package/dist/editable/root.svelte +36 -29
  160. package/dist/editable/submit-trigger.svelte +21 -21
  161. package/dist/editable/submit-trigger.svelte.d.ts +2 -2
  162. package/dist/environment-provider/context.svelte.d.ts +14 -0
  163. package/dist/environment-provider/context.svelte.js +25 -0
  164. package/dist/environment-provider/index.d.ts +2 -0
  165. package/dist/environment-provider/index.js +2 -0
  166. package/dist/environment-provider/root.svelte +21 -0
  167. package/dist/environment-provider/root.svelte.d.ts +23 -0
  168. package/dist/hover-card/arrow-tip.svelte +20 -20
  169. package/dist/hover-card/arrow-tip.svelte.d.ts +2 -2
  170. package/dist/hover-card/arrow.svelte +20 -20
  171. package/dist/hover-card/arrow.svelte.d.ts +2 -2
  172. package/dist/hover-card/content.svelte +20 -20
  173. package/dist/hover-card/content.svelte.d.ts +2 -2
  174. package/dist/hover-card/hover-card.d.ts +6 -0
  175. package/dist/hover-card/hover-card.js +6 -0
  176. package/dist/hover-card/index.d.ts +8 -6
  177. package/dist/hover-card/index.js +2 -6
  178. package/dist/hover-card/positioner.svelte +21 -20
  179. package/dist/hover-card/positioner.svelte.d.ts +2 -2
  180. package/dist/hover-card/root.svelte +39 -32
  181. package/dist/hover-card/trigger.svelte +20 -20
  182. package/dist/hover-card/trigger.svelte.d.ts +2 -2
  183. package/dist/index.d.ts +31 -89
  184. package/dist/index.js +30 -61
  185. package/dist/locale-provider/context.svelte.d.ts +11 -0
  186. package/dist/locale-provider/context.svelte.js +23 -0
  187. package/dist/locale-provider/index.d.ts +2 -0
  188. package/dist/locale-provider/index.js +2 -0
  189. package/dist/locale-provider/root.svelte +20 -0
  190. package/dist/locale-provider/root.svelte.d.ts +23 -0
  191. package/dist/menu/arrow-tip.svelte.d.ts +26 -0
  192. package/dist/menu/arrow.svelte +0 -0
  193. package/dist/menu/arrow.svelte.d.ts +26 -0
  194. package/dist/menu/content.svelte +0 -0
  195. package/dist/menu/content.svelte.d.ts +26 -0
  196. package/dist/menu/context-trigger.svelte +0 -0
  197. package/dist/menu/context-trigger.svelte.d.ts +26 -0
  198. package/dist/menu/context.svelte.d.ts +10 -0
  199. package/dist/menu/context.svelte.js +20 -0
  200. package/dist/menu/index.d.ts +1 -0
  201. package/dist/menu/index.js +1 -0
  202. package/dist/menu/indicator.svelte +0 -0
  203. package/dist/menu/indicator.svelte.d.ts +26 -0
  204. package/dist/menu/item-group-label.svelte +0 -0
  205. package/dist/menu/item-group-label.svelte.d.ts +26 -0
  206. package/dist/menu/item-group.svelte +0 -0
  207. package/dist/menu/item-group.svelte.d.ts +26 -0
  208. package/dist/menu/item-indicator.svelte +0 -0
  209. package/dist/menu/item-indicator.svelte.d.ts +26 -0
  210. package/dist/menu/item-text.svelte +0 -0
  211. package/dist/menu/item-text.svelte.d.ts +26 -0
  212. package/dist/menu/item.svelte +0 -0
  213. package/dist/menu/item.svelte.d.ts +26 -0
  214. package/dist/menu/menu.d.ts +1 -0
  215. package/dist/menu/menu.js +1 -0
  216. package/dist/menu/option-item.svelte +0 -0
  217. package/dist/menu/option-item.svelte.d.ts +26 -0
  218. package/dist/menu/positioner.svelte +0 -0
  219. package/dist/menu/positioner.svelte.d.ts +26 -0
  220. package/dist/menu/root.svelte +0 -0
  221. package/dist/menu/root.svelte.d.ts +26 -0
  222. package/dist/menu/separator.svelte +0 -0
  223. package/dist/menu/separator.svelte.d.ts +26 -0
  224. package/dist/menu/trigger-item.svelte +0 -0
  225. package/dist/menu/trigger-item.svelte.d.ts +26 -0
  226. package/dist/menu/trigger.svelte +0 -0
  227. package/dist/menu/trigger.svelte.d.ts +26 -0
  228. package/dist/number-input/control.svelte +21 -21
  229. package/dist/number-input/control.svelte.d.ts +2 -2
  230. package/dist/number-input/decrement-trigger.svelte +21 -21
  231. package/dist/number-input/decrement-trigger.svelte.d.ts +2 -2
  232. package/dist/number-input/increment-trigger.svelte +21 -21
  233. package/dist/number-input/increment-trigger.svelte.d.ts +2 -2
  234. package/dist/number-input/index.d.ts +9 -7
  235. package/dist/number-input/index.js +2 -7
  236. package/dist/number-input/input.svelte +18 -18
  237. package/dist/number-input/input.svelte.d.ts +2 -2
  238. package/dist/number-input/label.svelte +20 -20
  239. package/dist/number-input/label.svelte.d.ts +2 -2
  240. package/dist/number-input/number-input.d.ts +7 -0
  241. package/dist/number-input/number-input.js +7 -0
  242. package/dist/number-input/root.svelte +100 -95
  243. package/dist/number-input/root.svelte.d.ts +2 -2
  244. package/dist/number-input/scrubber.svelte +21 -20
  245. package/dist/number-input/scrubber.svelte.d.ts +2 -2
  246. package/dist/pagination/ellipsis.svelte +22 -22
  247. package/dist/pagination/ellipsis.svelte.d.ts +2 -2
  248. package/dist/pagination/index.d.ts +7 -5
  249. package/dist/pagination/index.js +2 -5
  250. package/dist/pagination/item.svelte +30 -30
  251. package/dist/pagination/item.svelte.d.ts +2 -2
  252. package/dist/pagination/next-trigger.svelte +21 -21
  253. package/dist/pagination/next-trigger.svelte.d.ts +2 -2
  254. package/dist/pagination/pagination.d.ts +5 -0
  255. package/dist/pagination/pagination.js +5 -0
  256. package/dist/pagination/prev-trigger.svelte +21 -21
  257. package/dist/pagination/prev-trigger.svelte.d.ts +2 -2
  258. package/dist/pagination/root.svelte +70 -65
  259. package/dist/pagination/root.svelte.d.ts +2 -2
  260. package/dist/pin-input/clear-trigger.svelte +25 -25
  261. package/dist/pin-input/clear-trigger.svelte.d.ts +2 -2
  262. package/dist/pin-input/hidden-input.svelte +19 -18
  263. package/dist/pin-input/hidden-input.svelte.d.ts +2 -2
  264. package/dist/pin-input/index.d.ts +7 -5
  265. package/dist/pin-input/index.js +2 -5
  266. package/dist/pin-input/input.svelte +20 -20
  267. package/dist/pin-input/input.svelte.d.ts +2 -2
  268. package/dist/pin-input/label.svelte +20 -20
  269. package/dist/pin-input/label.svelte.d.ts +2 -2
  270. package/dist/pin-input/pin-input.d.ts +5 -0
  271. package/dist/pin-input/pin-input.js +5 -0
  272. package/dist/pin-input/root.svelte +89 -84
  273. package/dist/pin-input/root.svelte.d.ts +2 -2
  274. package/dist/popover/arrow-tip.svelte +20 -20
  275. package/dist/popover/arrow-tip.svelte.d.ts +2 -2
  276. package/dist/popover/arrow.svelte +20 -20
  277. package/dist/popover/arrow.svelte.d.ts +2 -2
  278. package/dist/popover/close-trigger.svelte +21 -20
  279. package/dist/popover/close-trigger.svelte.d.ts +2 -2
  280. package/dist/popover/content.svelte +20 -20
  281. package/dist/popover/content.svelte.d.ts +2 -2
  282. package/dist/popover/description.svelte +20 -20
  283. package/dist/popover/description.svelte.d.ts +2 -2
  284. package/dist/popover/index.d.ts +11 -9
  285. package/dist/popover/index.js +2 -9
  286. package/dist/popover/popover.d.ts +9 -0
  287. package/dist/popover/popover.js +9 -0
  288. package/dist/popover/positioner.svelte +20 -20
  289. package/dist/popover/positioner.svelte.d.ts +2 -2
  290. package/dist/popover/root.svelte +35 -28
  291. package/dist/popover/title.svelte +20 -20
  292. package/dist/popover/title.svelte.d.ts +2 -2
  293. package/dist/popover/trigger.svelte +20 -20
  294. package/dist/popover/trigger.svelte.d.ts +2 -2
  295. package/dist/portal/root.svelte +20 -20
  296. package/dist/presence/root.svelte +46 -46
  297. package/dist/presence/root.svelte.d.ts +2 -2
  298. package/dist/progress/circle-range.svelte +21 -20
  299. package/dist/progress/circle-range.svelte.d.ts +2 -2
  300. package/dist/progress/circle-track.svelte +21 -20
  301. package/dist/progress/circle-track.svelte.d.ts +2 -2
  302. package/dist/progress/circle.svelte +20 -20
  303. package/dist/progress/circle.svelte.d.ts +2 -2
  304. package/dist/progress/index.d.ts +10 -8
  305. package/dist/progress/index.js +2 -8
  306. package/dist/progress/label.svelte +20 -20
  307. package/dist/progress/label.svelte.d.ts +2 -2
  308. package/dist/progress/progress.d.ts +8 -0
  309. package/dist/progress/progress.js +8 -0
  310. package/dist/progress/range.svelte +20 -20
  311. package/dist/progress/range.svelte.d.ts +2 -2
  312. package/dist/progress/root.svelte +61 -56
  313. package/dist/progress/root.svelte.d.ts +2 -2
  314. package/dist/progress/track.svelte +20 -20
  315. package/dist/progress/track.svelte.d.ts +2 -2
  316. package/dist/progress/value-text.svelte +24 -24
  317. package/dist/progress/value-text.svelte.d.ts +2 -2
  318. package/dist/qr-code/frame.svelte +20 -20
  319. package/dist/qr-code/frame.svelte.d.ts +2 -2
  320. package/dist/qr-code/index.d.ts +6 -4
  321. package/dist/qr-code/index.js +2 -4
  322. package/dist/qr-code/overlay.svelte +20 -20
  323. package/dist/qr-code/overlay.svelte.d.ts +2 -2
  324. package/dist/qr-code/pattern.svelte +20 -20
  325. package/dist/qr-code/pattern.svelte.d.ts +2 -2
  326. package/dist/qr-code/qr-code.d.ts +4 -0
  327. package/dist/qr-code/qr-code.js +4 -0
  328. package/dist/qr-code/root.svelte +55 -50
  329. package/dist/qr-code/root.svelte.d.ts +2 -2
  330. package/dist/radio-group/context.svelte.d.ts +2 -2
  331. package/dist/radio-group/context.svelte.js +2 -2
  332. package/dist/radio-group/index.d.ts +9 -7
  333. package/dist/radio-group/index.js +2 -7
  334. package/dist/radio-group/indicator.svelte +21 -20
  335. package/dist/radio-group/indicator.svelte.d.ts +2 -2
  336. package/dist/radio-group/item-control.svelte +28 -26
  337. package/dist/radio-group/item-control.svelte.d.ts +2 -2
  338. package/dist/radio-group/item-hidden-input.svelte +26 -25
  339. package/dist/radio-group/item-hidden-input.svelte.d.ts +2 -2
  340. package/dist/radio-group/item-text.svelte +26 -26
  341. package/dist/radio-group/item-text.svelte.d.ts +2 -2
  342. package/dist/radio-group/item.svelte +58 -58
  343. package/dist/radio-group/item.svelte.d.ts +2 -2
  344. package/dist/radio-group/label.svelte +20 -20
  345. package/dist/radio-group/label.svelte.d.ts +2 -2
  346. package/dist/radio-group/radio-group.d.ts +7 -0
  347. package/dist/radio-group/radio-group.js +7 -0
  348. package/dist/radio-group/root.svelte +68 -63
  349. package/dist/radio-group/root.svelte.d.ts +2 -2
  350. package/dist/rating-group/context.svelte.d.ts +0 -2
  351. package/dist/rating-group/context.svelte.js +0 -6
  352. package/dist/rating-group/control.svelte +20 -20
  353. package/dist/rating-group/control.svelte.d.ts +2 -2
  354. package/dist/rating-group/hidden-input.svelte +19 -19
  355. package/dist/rating-group/hidden-input.svelte.d.ts +2 -2
  356. package/dist/rating-group/index.d.ts +7 -5
  357. package/dist/rating-group/index.js +2 -5
  358. package/dist/rating-group/item.svelte +27 -27
  359. package/dist/rating-group/item.svelte.d.ts +2 -2
  360. package/dist/rating-group/label.svelte +20 -20
  361. package/dist/rating-group/label.svelte.d.ts +2 -2
  362. package/dist/rating-group/rating-group.d.ts +5 -0
  363. package/dist/rating-group/rating-group.js +5 -0
  364. package/dist/rating-group/root.svelte +78 -73
  365. package/dist/rating-group/root.svelte.d.ts +2 -2
  366. package/dist/segment-group/anatomy.js +2 -0
  367. package/dist/segment-group/context.svelte.d.ts +10 -0
  368. package/dist/segment-group/context.svelte.js +43 -0
  369. package/dist/segment-group/index.d.ts +9 -1
  370. package/dist/segment-group/index.js +2 -1
  371. package/dist/segment-group/indicator.svelte +21 -0
  372. package/dist/segment-group/indicator.svelte.d.ts +21 -0
  373. package/dist/segment-group/item-control.svelte +28 -0
  374. package/dist/segment-group/item-control.svelte.d.ts +21 -0
  375. package/dist/segment-group/item-hidden-input.svelte +26 -0
  376. package/dist/segment-group/item-hidden-input.svelte.d.ts +21 -0
  377. package/dist/segment-group/item-text.svelte +26 -0
  378. package/dist/segment-group/item-text.svelte.d.ts +21 -0
  379. package/dist/segment-group/item.svelte +58 -0
  380. package/dist/segment-group/item.svelte.d.ts +24 -0
  381. package/dist/segment-group/label.svelte +20 -0
  382. package/dist/segment-group/label.svelte.d.ts +21 -0
  383. package/dist/segment-group/root.svelte +68 -0
  384. package/dist/segment-group/root.svelte.d.ts +24 -0
  385. package/dist/segment-group/segment-group.d.ts +7 -0
  386. package/dist/segment-group/segment-group.js +7 -0
  387. package/dist/select/clear-trigger.svelte +21 -20
  388. package/dist/select/clear-trigger.svelte.d.ts +2 -2
  389. package/dist/select/content.svelte +20 -20
  390. package/dist/select/content.svelte.d.ts +2 -2
  391. package/dist/select/context.svelte.d.ts +4 -7
  392. package/dist/select/context.svelte.js +4 -4
  393. package/dist/select/control.svelte +20 -20
  394. package/dist/select/control.svelte.d.ts +2 -2
  395. package/dist/select/hidden-select.svelte +21 -20
  396. package/dist/select/hidden-select.svelte.d.ts +2 -2
  397. package/dist/select/index.d.ts +18 -16
  398. package/dist/select/index.js +2 -16
  399. package/dist/select/indicator.svelte +20 -20
  400. package/dist/select/indicator.svelte.d.ts +2 -2
  401. package/dist/select/item-group-label.svelte +31 -29
  402. package/dist/select/item-group-label.svelte.d.ts +2 -2
  403. package/dist/select/item-group.svelte +32 -32
  404. package/dist/select/item-group.svelte.d.ts +2 -2
  405. package/dist/select/item-indicator.svelte +28 -23
  406. package/dist/select/item-indicator.svelte.d.ts +2 -2
  407. package/dist/select/item-text.svelte +29 -27
  408. package/dist/select/item-text.svelte.d.ts +2 -2
  409. package/dist/select/item.svelte +48 -45
  410. package/dist/select/item.svelte.d.ts +2 -2
  411. package/dist/select/label.svelte +20 -20
  412. package/dist/select/label.svelte.d.ts +2 -2
  413. package/dist/select/list.svelte +20 -20
  414. package/dist/select/list.svelte.d.ts +2 -2
  415. package/dist/select/positioner.svelte +20 -20
  416. package/dist/select/positioner.svelte.d.ts +2 -2
  417. package/dist/select/root.svelte +103 -98
  418. package/dist/select/root.svelte.d.ts +2 -2
  419. package/dist/select/select.d.ts +16 -0
  420. package/dist/select/select.js +16 -0
  421. package/dist/select/trigger.svelte +20 -20
  422. package/dist/select/trigger.svelte.d.ts +2 -2
  423. package/dist/select/value-text.svelte +26 -26
  424. package/dist/select/value-text.svelte.d.ts +2 -2
  425. package/dist/slider/context.svelte.d.ts +2 -2
  426. package/dist/slider/context.svelte.js +2 -2
  427. package/dist/slider/control.svelte +20 -20
  428. package/dist/slider/control.svelte.d.ts +2 -2
  429. package/dist/slider/hidden-input.svelte +26 -21
  430. package/dist/slider/hidden-input.svelte.d.ts +2 -2
  431. package/dist/slider/index.d.ts +12 -10
  432. package/dist/slider/index.js +2 -10
  433. package/dist/slider/label.svelte +20 -20
  434. package/dist/slider/label.svelte.d.ts +2 -2
  435. package/dist/slider/marker-group.svelte +20 -20
  436. package/dist/slider/marker-group.svelte.d.ts +2 -2
  437. package/dist/slider/marker.svelte +29 -29
  438. package/dist/slider/marker.svelte.d.ts +2 -2
  439. package/dist/slider/range.svelte +20 -20
  440. package/dist/slider/range.svelte.d.ts +2 -2
  441. package/dist/slider/root.svelte +91 -86
  442. package/dist/slider/root.svelte.d.ts +2 -2
  443. package/dist/slider/slider.d.ts +10 -0
  444. package/dist/slider/slider.js +10 -0
  445. package/dist/slider/thumb.svelte +38 -35
  446. package/dist/slider/thumb.svelte.d.ts +2 -2
  447. package/dist/slider/track.svelte +20 -20
  448. package/dist/slider/track.svelte.d.ts +2 -2
  449. package/dist/slider/value-text.svelte +24 -24
  450. package/dist/slider/value-text.svelte.d.ts +2 -2
  451. package/dist/steps/content.svelte +22 -22
  452. package/dist/steps/content.svelte.d.ts +2 -2
  453. package/dist/steps/context.svelte.d.ts +2 -2
  454. package/dist/steps/context.svelte.js +2 -2
  455. package/dist/steps/index.d.ts +12 -10
  456. package/dist/steps/index.js +2 -10
  457. package/dist/steps/indicator.svelte +22 -23
  458. package/dist/steps/indicator.svelte.d.ts +2 -2
  459. package/dist/steps/item.svelte +29 -29
  460. package/dist/steps/item.svelte.d.ts +2 -2
  461. package/dist/steps/list.svelte +20 -20
  462. package/dist/steps/list.svelte.d.ts +2 -2
  463. package/dist/steps/next-trigger.svelte +21 -20
  464. package/dist/steps/next-trigger.svelte.d.ts +2 -2
  465. package/dist/steps/prev-trigger.svelte +21 -20
  466. package/dist/steps/prev-trigger.svelte.d.ts +2 -2
  467. package/dist/steps/progress.svelte +20 -20
  468. package/dist/steps/progress.svelte.d.ts +2 -2
  469. package/dist/steps/root.svelte +62 -58
  470. package/dist/steps/root.svelte.d.ts +2 -2
  471. package/dist/steps/separator.svelte +22 -23
  472. package/dist/steps/separator.svelte.d.ts +2 -2
  473. package/dist/steps/steps.d.ts +10 -0
  474. package/dist/steps/steps.js +10 -0
  475. package/dist/steps/trigger.svelte +22 -21
  476. package/dist/steps/trigger.svelte.d.ts +2 -2
  477. package/dist/switch/control.svelte +20 -20
  478. package/dist/switch/control.svelte.d.ts +2 -2
  479. package/dist/switch/hidden-input.svelte +19 -18
  480. package/dist/switch/hidden-input.svelte.d.ts +2 -2
  481. package/dist/switch/index.d.ts +7 -5
  482. package/dist/switch/index.js +2 -5
  483. package/dist/switch/label.svelte +20 -20
  484. package/dist/switch/label.svelte.d.ts +2 -2
  485. package/dist/switch/root.svelte +71 -66
  486. package/dist/switch/root.svelte.d.ts +2 -2
  487. package/dist/switch/switch.d.ts +5 -0
  488. package/dist/switch/switch.js +5 -0
  489. package/dist/switch/thumb.svelte +20 -20
  490. package/dist/switch/thumb.svelte.d.ts +2 -2
  491. package/dist/tabs/content.svelte +22 -22
  492. package/dist/tabs/content.svelte.d.ts +2 -2
  493. package/dist/tabs/index.d.ts +6 -4
  494. package/dist/tabs/index.js +2 -4
  495. package/dist/tabs/list.svelte +20 -20
  496. package/dist/tabs/list.svelte.d.ts +2 -2
  497. package/dist/tabs/root.svelte +67 -62
  498. package/dist/tabs/root.svelte.d.ts +2 -2
  499. package/dist/tabs/tabs.d.ts +4 -0
  500. package/dist/tabs/tabs.js +4 -0
  501. package/dist/tabs/trigger.svelte +24 -24
  502. package/dist/tabs/trigger.svelte.d.ts +2 -2
  503. package/dist/tags-input/clear-trigger.svelte +21 -21
  504. package/dist/tags-input/clear-trigger.svelte.d.ts +2 -2
  505. package/dist/tags-input/context.svelte.d.ts +2 -2
  506. package/dist/tags-input/context.svelte.js +2 -2
  507. package/dist/tags-input/control.svelte +20 -20
  508. package/dist/tags-input/control.svelte.d.ts +2 -2
  509. package/dist/tags-input/hidden-input.svelte +19 -18
  510. package/dist/tags-input/hidden-input.svelte.d.ts +2 -2
  511. package/dist/tags-input/index.d.ts +13 -11
  512. package/dist/tags-input/index.js +2 -11
  513. package/dist/tags-input/input.svelte +18 -18
  514. package/dist/tags-input/input.svelte.d.ts +2 -2
  515. package/dist/tags-input/item-delete-trigger.svelte +28 -27
  516. package/dist/tags-input/item-delete-trigger.svelte.d.ts +2 -2
  517. package/dist/tags-input/item-input.svelte +24 -24
  518. package/dist/tags-input/item-input.svelte.d.ts +2 -2
  519. package/dist/tags-input/item-preview.svelte +28 -26
  520. package/dist/tags-input/item-preview.svelte.d.ts +2 -2
  521. package/dist/tags-input/item-text.svelte +25 -26
  522. package/dist/tags-input/item-text.svelte.d.ts +2 -2
  523. package/dist/tags-input/item.svelte +58 -52
  524. package/dist/tags-input/item.svelte.d.ts +2 -2
  525. package/dist/tags-input/label.svelte +20 -20
  526. package/dist/tags-input/label.svelte.d.ts +2 -2
  527. package/dist/tags-input/root.svelte +104 -99
  528. package/dist/tags-input/root.svelte.d.ts +2 -2
  529. package/dist/tags-input/tags-input.d.ts +11 -0
  530. package/dist/tags-input/tags-input.js +11 -0
  531. package/dist/timer/action-trigger.svelte +24 -24
  532. package/dist/timer/action-trigger.svelte.d.ts +2 -2
  533. package/dist/timer/context.svelte.d.ts +2 -2
  534. package/dist/timer/context.svelte.js +2 -2
  535. package/dist/timer/index.d.ts +8 -6
  536. package/dist/timer/index.js +2 -6
  537. package/dist/timer/item-label.svelte +22 -23
  538. package/dist/timer/item-label.svelte.d.ts +2 -2
  539. package/dist/timer/item-value.svelte +26 -27
  540. package/dist/timer/item-value.svelte.d.ts +2 -2
  541. package/dist/timer/item.svelte +24 -24
  542. package/dist/timer/item.svelte.d.ts +2 -2
  543. package/dist/timer/root.svelte +59 -56
  544. package/dist/timer/root.svelte.d.ts +2 -2
  545. package/dist/timer/separator.svelte +20 -20
  546. package/dist/timer/separator.svelte.d.ts +2 -2
  547. package/dist/timer/timer.d.ts +6 -0
  548. package/dist/timer/timer.js +6 -0
  549. package/dist/toast/action-trigger.svelte +21 -20
  550. package/dist/toast/action-trigger.svelte.d.ts +2 -2
  551. package/dist/toast/close-trigger.svelte +21 -20
  552. package/dist/toast/close-trigger.svelte.d.ts +2 -2
  553. package/dist/toast/create-toaster.svelte.js +12 -1
  554. package/dist/toast/description.svelte +24 -24
  555. package/dist/toast/description.svelte.d.ts +2 -2
  556. package/dist/toast/index.d.ts +6 -1
  557. package/dist/toast/index.js +6 -0
  558. package/dist/toast/root.svelte +29 -28
  559. package/dist/toast/root.svelte.d.ts +2 -2
  560. package/dist/toast/title.svelte +24 -24
  561. package/dist/toast/title.svelte.d.ts +2 -2
  562. package/dist/toast/toaster.svelte +40 -40
  563. package/dist/toast/toaster.svelte.d.ts +2 -2
  564. package/dist/toggle-group/index.d.ts +4 -2
  565. package/dist/toggle-group/index.js +2 -2
  566. package/dist/toggle-group/item.svelte +29 -29
  567. package/dist/toggle-group/item.svelte.d.ts +2 -2
  568. package/dist/toggle-group/root.svelte +68 -63
  569. package/dist/toggle-group/root.svelte.d.ts +2 -2
  570. package/dist/toggle-group/toggle-group.d.ts +2 -0
  571. package/dist/toggle-group/toggle-group.js +2 -0
  572. package/dist/tooltip/arrow-tip.svelte +20 -20
  573. package/dist/tooltip/arrow-tip.svelte.d.ts +2 -2
  574. package/dist/tooltip/arrow.svelte +20 -20
  575. package/dist/tooltip/arrow.svelte.d.ts +2 -2
  576. package/dist/tooltip/content.svelte +20 -20
  577. package/dist/tooltip/content.svelte.d.ts +2 -2
  578. package/dist/tooltip/index.d.ts +8 -6
  579. package/dist/tooltip/index.js +2 -6
  580. package/dist/tooltip/positioner.svelte +20 -20
  581. package/dist/tooltip/positioner.svelte.d.ts +2 -2
  582. package/dist/tooltip/root.svelte +35 -28
  583. package/dist/tooltip/tooltip.d.ts +6 -0
  584. package/dist/tooltip/tooltip.js +6 -0
  585. package/dist/tooltip/trigger.svelte +20 -20
  586. package/dist/tooltip/trigger.svelte.d.ts +2 -2
  587. package/dist/tree-view/.gitkeep +0 -0
  588. package/dist/types.d.ts +6 -2
  589. package/package.json +4 -2
  590. /package/dist/menu/{.gitkeep → arrow-tip.svelte} +0 -0
@@ -1,73 +1,78 @@
1
- <script lang="ts" context="module">
2
- import type {Assign, SvelteHtmlProps} from '../types.js';
3
- import type {Snippet} from 'svelte';
4
- import type {
5
- CreateRatingGroupContextProps,
6
- CreateRatingGroupContextReturn,
7
- } from './context.svelte.js';
8
-
9
- export interface RatingGroupProps
10
- extends Assign<
11
- Omit<SvelteHtmlProps<'div'>, 'children'>,
12
- Omit<CreateRatingGroupContextProps, 'id'>
13
- > {
14
- children?: Snippet<[context: CreateRatingGroupContextReturn]>;
15
- }
16
- </script>
17
-
18
- <script lang="ts">
19
- import {uuid} from '../utils.svelte.js';
20
- import {mergeProps} from '@zag-js/svelte';
21
- import {
22
- createRatingGroupContext,
23
- setRatingGroupContext,
24
- } from './context.svelte.js';
25
-
26
- let {
27
- id,
28
- ids,
29
- dir,
30
- form,
31
- name,
32
- count,
33
- value,
34
- disabled,
35
- readOnly,
36
- required,
37
- autoFocus,
38
- allowHalf,
39
- translations,
40
- onHoverChange,
41
- onValueChange,
42
- getRootNode,
43
- children,
44
- ...props
45
- }: RatingGroupProps = $props();
46
-
47
- let context = createRatingGroupContext({
48
- id: id ?? uuid(),
49
- ids,
50
- dir,
51
- form,
52
- name,
53
- count,
54
- value: $state.snapshot(value),
55
- disabled,
56
- readOnly,
57
- required,
58
- autoFocus,
59
- allowHalf,
60
- translations,
61
- onHoverChange,
62
- onValueChange,
63
- getRootNode,
64
- });
65
-
66
- let attrs = $derived(mergeProps(props, context.getRootProps()));
67
-
68
- setRatingGroupContext(context);
69
- </script>
70
-
71
- <div {...attrs}>
72
- {@render children?.(context)}
73
- </div>
1
+ <script lang="ts" context="module">
2
+ import type {Assign, HtmlIngredientProps} from '../types.js';
3
+ import type {Snippet} from 'svelte';
4
+ import type {
5
+ CreateRatingGroupContextProps,
6
+ CreateRatingGroupContextReturn,
7
+ } from './context.svelte.js';
8
+
9
+ export interface RatingGroupProps
10
+ extends Assign<
11
+ Omit<HtmlIngredientProps<'div'>, 'children'>,
12
+ Omit<CreateRatingGroupContextProps, 'id'>
13
+ > {
14
+ children?: Snippet<[context: CreateRatingGroupContextReturn]>;
15
+ }
16
+ </script>
17
+
18
+ <script lang="ts">
19
+ import {useEnvironmentContext} from '../environment-provider/index.js';
20
+ import {useLocaleContext} from '../locale-provider/index.js';
21
+ import {uuid} from '../utils.svelte.js';
22
+ import {mergeProps} from '@zag-js/svelte';
23
+ import {
24
+ createRatingGroupContext,
25
+ setRatingGroupContext,
26
+ } from './context.svelte.js';
27
+
28
+ let {
29
+ id,
30
+ ids,
31
+ dir,
32
+ form,
33
+ name,
34
+ count,
35
+ value,
36
+ disabled,
37
+ readOnly,
38
+ required,
39
+ autoFocus,
40
+ allowHalf,
41
+ translations,
42
+ onHoverChange,
43
+ onValueChange,
44
+ getRootNode,
45
+ children,
46
+ ...props
47
+ }: RatingGroupProps = $props();
48
+
49
+ let localeContext = useLocaleContext();
50
+ let environmentContext = useEnvironmentContext();
51
+
52
+ let context = createRatingGroupContext({
53
+ id: id ?? uuid(),
54
+ ids,
55
+ dir: dir ?? localeContext?.dir,
56
+ form,
57
+ name,
58
+ count,
59
+ value: $state.snapshot(value),
60
+ disabled,
61
+ readOnly,
62
+ required,
63
+ autoFocus,
64
+ allowHalf,
65
+ translations,
66
+ onHoverChange,
67
+ onValueChange,
68
+ getRootNode: getRootNode ?? environmentContext?.getRootNode,
69
+ });
70
+
71
+ let attrs = $derived(mergeProps(props, context.getRootProps()));
72
+
73
+ setRatingGroupContext(context);
74
+ </script>
75
+
76
+ <div {...attrs}>
77
+ {@render children?.(context)}
78
+ </div>
@@ -1,7 +1,7 @@
1
- import type { Assign, SvelteHtmlProps } from '../types.js';
1
+ import type { Assign, HtmlIngredientProps } from '../types.js';
2
2
  import type { Snippet } from 'svelte';
3
3
  import type { CreateRatingGroupContextProps, CreateRatingGroupContextReturn } from './context.svelte.js';
4
- export interface RatingGroupProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateRatingGroupContextProps, 'id'>> {
4
+ export interface RatingGroupProps extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, Omit<CreateRatingGroupContextProps, 'id'>> {
5
5
  children?: Snippet<[context: CreateRatingGroupContextReturn]>;
6
6
  }
7
7
  interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
@@ -0,0 +1,2 @@
1
+ import { anatomy } from '@zag-js/radio-group';
2
+ export const segmentGroupAnatomy = anatomy.rename('segment-group');
@@ -0,0 +1,10 @@
1
+ import * as segmentGroup from '@zag-js/radio-group';
2
+ export interface CreateSegmentGroupContextProps extends segmentGroup.Context {
3
+ }
4
+ export interface CreateSegmentGroupContextReturn extends ReturnType<typeof createSegmentGroupContext> {
5
+ }
6
+ export declare function createSegmentGroupContext(props: CreateSegmentGroupContextProps): any;
7
+ export declare function setSegmentGroupContext(value: CreateSegmentGroupContextReturn): void;
8
+ export declare function useSegmentGroupContext(): CreateSegmentGroupContextReturn;
9
+ export declare function setSegmentGroupItemPropsContext(value: segmentGroup.ItemProps): void;
10
+ export declare function useSegmentGroupItemPropsContext(): segmentGroup.ItemProps;
@@ -0,0 +1,43 @@
1
+ import * as segmentGroup from '@zag-js/radio-group';
2
+ import { mergeProps, normalizeProps, reflect, useMachine } from '@zag-js/svelte';
3
+ import { getContext, setContext } from 'svelte';
4
+ import { segmentGroupAnatomy } from './anatomy.js';
5
+ export function createSegmentGroupContext(props) {
6
+ const parts = $derived(segmentGroupAnatomy.build());
7
+ const [state, send] = useMachine(segmentGroup.machine(props));
8
+ const api = $derived(segmentGroup.connect(state, send, normalizeProps));
9
+ const modified = $derived(reflect(() => ({
10
+ ...api,
11
+ getIndicatorProps() {
12
+ return mergeProps(api.getIndicatorProps(), parts.indicator.attrs);
13
+ },
14
+ getItemControlProps(props) {
15
+ return mergeProps(api.getItemControlProps(props), parts.itemControl.attrs);
16
+ },
17
+ getItemProps(props) {
18
+ return mergeProps(api.getItemProps(props), parts.item.attrs);
19
+ },
20
+ getItemTextProps(props) {
21
+ return mergeProps(api.getItemTextProps(props), parts.itemText.attrs);
22
+ },
23
+ getLabelProps() {
24
+ return mergeProps(api.getLabelProps(), parts.label.attrs);
25
+ },
26
+ getRootProps() {
27
+ return mergeProps(api.getRootProps(), parts.root.attrs);
28
+ },
29
+ })));
30
+ return modified;
31
+ }
32
+ export function setSegmentGroupContext(value) {
33
+ setContext('SegmentGroup', value);
34
+ }
35
+ export function useSegmentGroupContext() {
36
+ return getContext('SegmentGroup');
37
+ }
38
+ export function setSegmentGroupItemPropsContext(value) {
39
+ setContext('SegmentGroupItem', value);
40
+ }
41
+ export function useSegmentGroupItemPropsContext() {
42
+ return getContext('SegmentGroupItem');
43
+ }
@@ -1 +1,9 @@
1
- export { Indicator, Item, ItemControl, ItemHiddenInput, ItemText, Root, type RadioGroupIndicatorProps as SegmentGroupIndicatorProps, type RadioGroupItemControlProps as SegmentGroupItemControlProps, type RadioGroupItemHiddenInputProps as SegmentGroupItemHiddenInputProps, type RadioGroupItemProps as SegmentGroupItemProps, type RadioGroupItemTextProps as SegmentGroupItemTextProps, type RadioGroupProps as SegmentGroupProps, } from '../radio-group/index.js';
1
+ export { segmentGroupAnatomy } from './anatomy.js';
2
+ export type { SegmentGroupIndicatorProps } from './indicator.svelte';
3
+ export type { SegmentGroupItemControlProps } from './item-control.svelte';
4
+ export type { SegmentGroupItemHiddenInputProps } from './item-hidden-input.svelte';
5
+ export type { SegmentGroupItemTextProps } from './item-text.svelte';
6
+ export type { SegmentGroupItemProps } from './item.svelte';
7
+ export type { SegmentGroupLabelProps } from './label.svelte';
8
+ export type { SegmentGroupProps } from './root.svelte';
9
+ export * as SegmentGroup from './segment-group.js';
@@ -1 +1,2 @@
1
- export { Indicator, Item, ItemControl, ItemHiddenInput, ItemText, Root, } from '../radio-group/index.js';
1
+ export { segmentGroupAnatomy } from './anatomy.js';
2
+ export * as SegmentGroup from './segment-group.js';
@@ -0,0 +1,21 @@
1
+ <script lang="ts" context="module">
2
+ import type {HtmlIngredientProps} from '../types.js';
3
+
4
+ export interface SegmentGroupIndicatorProps
5
+ extends HtmlIngredientProps<'span'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import {mergeProps} from '@zag-js/svelte';
10
+ import {useSegmentGroupContext} from './context.svelte.js';
11
+
12
+ let {children, ...props}: SegmentGroupIndicatorProps = $props();
13
+
14
+ let context = useSegmentGroupContext();
15
+
16
+ let attrs = $derived(mergeProps(props, context.getIndicatorProps()));
17
+ </script>
18
+
19
+ <span {...attrs}>
20
+ {@render children?.()}
21
+ </span>
@@ -0,0 +1,21 @@
1
+ import type { HtmlIngredientProps } from '../types.js';
2
+ export interface SegmentGroupIndicatorProps extends HtmlIngredientProps<'span'> {
3
+ }
4
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
5
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
6
+ $$bindings?: Bindings;
7
+ } & Exports;
8
+ (internal: unknown, props: Props & {
9
+ $$events?: Events;
10
+ $$slots?: Slots;
11
+ }): Exports & {
12
+ $set?: any;
13
+ $on?: any;
14
+ };
15
+ z_$$bindings?: Bindings;
16
+ }
17
+ declare const Indicator: $$__sveltets_2_IsomorphicComponent<SegmentGroupIndicatorProps, {
18
+ [evt: string]: CustomEvent<any>;
19
+ }, {}, {}, "">;
20
+ type Indicator = InstanceType<typeof Indicator>;
21
+ export default Indicator;
@@ -0,0 +1,28 @@
1
+ <script lang="ts" context="module">
2
+ import type {HtmlIngredientProps} from '../types.js';
3
+
4
+ export interface SegmentGroupItemControlProps
5
+ extends HtmlIngredientProps<'div'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import {mergeProps} from '@zag-js/svelte';
10
+ import {
11
+ useSegmentGroupContext,
12
+ useSegmentGroupItemPropsContext,
13
+ } from './context.svelte.js';
14
+
15
+ let {children, ...props}: SegmentGroupItemControlProps = $props();
16
+
17
+ let context = useSegmentGroupContext();
18
+
19
+ let itemProps = useSegmentGroupItemPropsContext();
20
+
21
+ let attrs = $derived(
22
+ mergeProps(props, context.getItemControlProps(itemProps)),
23
+ );
24
+ </script>
25
+
26
+ <div {...attrs}>
27
+ {@render children?.()}
28
+ </div>
@@ -0,0 +1,21 @@
1
+ import type { HtmlIngredientProps } from '../types.js';
2
+ export interface SegmentGroupItemControlProps extends HtmlIngredientProps<'div'> {
3
+ }
4
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
5
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
6
+ $$bindings?: Bindings;
7
+ } & Exports;
8
+ (internal: unknown, props: Props & {
9
+ $$events?: Events;
10
+ $$slots?: Slots;
11
+ }): Exports & {
12
+ $set?: any;
13
+ $on?: any;
14
+ };
15
+ z_$$bindings?: Bindings;
16
+ }
17
+ declare const ItemControl: $$__sveltets_2_IsomorphicComponent<SegmentGroupItemControlProps, {
18
+ [evt: string]: CustomEvent<any>;
19
+ }, {}, {}, "">;
20
+ type ItemControl = InstanceType<typeof ItemControl>;
21
+ export default ItemControl;
@@ -0,0 +1,26 @@
1
+ <script lang="ts" context="module">
2
+ import type {HtmlIngredientProps} from '../types.js';
3
+
4
+ export interface SegmentGroupItemHiddenInputProps
5
+ extends HtmlIngredientProps<'input'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import {mergeProps} from '@zag-js/svelte';
10
+ import {
11
+ useSegmentGroupContext,
12
+ useSegmentGroupItemPropsContext,
13
+ } from './context.svelte.js';
14
+
15
+ let {...props}: SegmentGroupItemHiddenInputProps = $props();
16
+
17
+ let context = useSegmentGroupContext();
18
+
19
+ let itemProps = useSegmentGroupItemPropsContext();
20
+
21
+ let attrs = $derived(
22
+ mergeProps(props, context.getItemHiddenInputProps(itemProps)),
23
+ );
24
+ </script>
25
+
26
+ <input {...attrs} />
@@ -0,0 +1,21 @@
1
+ import type { HtmlIngredientProps } from '../types.js';
2
+ export interface SegmentGroupItemHiddenInputProps extends HtmlIngredientProps<'input'> {
3
+ }
4
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
5
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
6
+ $$bindings?: Bindings;
7
+ } & Exports;
8
+ (internal: unknown, props: Props & {
9
+ $$events?: Events;
10
+ $$slots?: Slots;
11
+ }): Exports & {
12
+ $set?: any;
13
+ $on?: any;
14
+ };
15
+ z_$$bindings?: Bindings;
16
+ }
17
+ declare const ItemHiddenInput: $$__sveltets_2_IsomorphicComponent<SegmentGroupItemHiddenInputProps, {
18
+ [evt: string]: CustomEvent<any>;
19
+ }, {}, {}, "">;
20
+ type ItemHiddenInput = InstanceType<typeof ItemHiddenInput>;
21
+ export default ItemHiddenInput;
@@ -0,0 +1,26 @@
1
+ <script lang="ts" context="module">
2
+ import type {HtmlIngredientProps} from '../types.js';
3
+
4
+ export interface SegmentGroupItemTextProps
5
+ extends HtmlIngredientProps<'span'> {}
6
+ </script>
7
+
8
+ <script lang="ts">
9
+ import {mergeProps} from '@zag-js/svelte';
10
+ import {
11
+ useSegmentGroupContext,
12
+ useSegmentGroupItemPropsContext,
13
+ } from './context.svelte.js';
14
+
15
+ let {children, ...props}: SegmentGroupItemTextProps = $props();
16
+
17
+ let context = useSegmentGroupContext();
18
+
19
+ let itemProps = useSegmentGroupItemPropsContext();
20
+
21
+ let attrs = $derived(mergeProps(props, context.getItemTextProps(itemProps)));
22
+ </script>
23
+
24
+ <span {...attrs}>
25
+ {@render children?.()}
26
+ </span>
@@ -0,0 +1,21 @@
1
+ import type { HtmlIngredientProps } from '../types.js';
2
+ export interface SegmentGroupItemTextProps extends HtmlIngredientProps<'span'> {
3
+ }
4
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
5
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
6
+ $$bindings?: Bindings;
7
+ } & Exports;
8
+ (internal: unknown, props: Props & {
9
+ $$events?: Events;
10
+ $$slots?: Slots;
11
+ }): Exports & {
12
+ $set?: any;
13
+ $on?: any;
14
+ };
15
+ z_$$bindings?: Bindings;
16
+ }
17
+ declare const ItemText: $$__sveltets_2_IsomorphicComponent<SegmentGroupItemTextProps, {
18
+ [evt: string]: CustomEvent<any>;
19
+ }, {}, {}, "">;
20
+ type ItemText = InstanceType<typeof ItemText>;
21
+ export default ItemText;
@@ -0,0 +1,58 @@
1
+ <script lang="ts" context="module">
2
+ import type {Assign, HtmlIngredientProps} from '../types.js';
3
+ import type {ItemProps, ItemState} from '@zag-js/radio-group';
4
+ import type {Snippet} from 'svelte';
5
+
6
+ export interface SegmentGroupItemProps
7
+ extends Assign<Omit<HtmlIngredientProps<'label'>, 'children'>, ItemProps> {
8
+ children?: Snippet<[state: ItemState]>;
9
+ }
10
+ </script>
11
+
12
+ <script lang="ts">
13
+ import {mergeProps} from '@zag-js/svelte';
14
+ import {
15
+ setSegmentGroupItemPropsContext,
16
+ useSegmentGroupContext,
17
+ } from './context.svelte.js';
18
+
19
+ let {
20
+ /**/
21
+ value,
22
+ invalid,
23
+ disabled,
24
+ children,
25
+ ...props
26
+ }: SegmentGroupItemProps = $props();
27
+
28
+ let context = useSegmentGroupContext();
29
+
30
+ let state = $derived(
31
+ context.getItemState({
32
+ value,
33
+ invalid,
34
+ disabled,
35
+ }),
36
+ );
37
+
38
+ let attrs = $derived(
39
+ mergeProps(
40
+ props,
41
+ context.getItemProps({
42
+ value,
43
+ invalid,
44
+ disabled,
45
+ }),
46
+ ),
47
+ );
48
+
49
+ setSegmentGroupItemPropsContext({
50
+ value,
51
+ invalid,
52
+ disabled,
53
+ });
54
+ </script>
55
+
56
+ <label {...attrs}>
57
+ {@render children?.(state)}
58
+ </label>
@@ -0,0 +1,24 @@
1
+ import type { Assign, HtmlIngredientProps } from '../types.js';
2
+ import type { ItemProps, ItemState } from '@zag-js/radio-group';
3
+ import type { Snippet } from 'svelte';
4
+ export interface SegmentGroupItemProps extends Assign<Omit<HtmlIngredientProps<'label'>, 'children'>, ItemProps> {
5
+ children?: Snippet<[state: ItemState]>;
6
+ }
7
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
8
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
9
+ $$bindings?: Bindings;
10
+ } & Exports;
11
+ (internal: unknown, props: Props & {
12
+ $$events?: Events;
13
+ $$slots?: Slots;
14
+ }): Exports & {
15
+ $set?: any;
16
+ $on?: any;
17
+ };
18
+ z_$$bindings?: Bindings;
19
+ }
20
+ declare const Item: $$__sveltets_2_IsomorphicComponent<SegmentGroupItemProps, {
21
+ [evt: string]: CustomEvent<any>;
22
+ }, {}, {}, "">;
23
+ type Item = InstanceType<typeof Item>;
24
+ export default Item;
@@ -0,0 +1,20 @@
1
+ <script lang="ts" context="module">
2
+ import type {HtmlIngredientProps} from '../types.js';
3
+
4
+ export interface SegmentGroupLabelProps extends HtmlIngredientProps<'span'> {}
5
+ </script>
6
+
7
+ <script lang="ts">
8
+ import {mergeProps} from '@zag-js/svelte';
9
+ import {useSegmentGroupContext} from './context.svelte.js';
10
+
11
+ let {children, ...props}: SegmentGroupLabelProps = $props();
12
+
13
+ let context = useSegmentGroupContext();
14
+
15
+ let attrs = $derived(mergeProps(props, context.getLabelProps()));
16
+ </script>
17
+
18
+ <span {...attrs}>
19
+ {@render children?.()}
20
+ </span>
@@ -0,0 +1,21 @@
1
+ import type { HtmlIngredientProps } from '../types.js';
2
+ export interface SegmentGroupLabelProps extends HtmlIngredientProps<'span'> {
3
+ }
4
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
5
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
6
+ $$bindings?: Bindings;
7
+ } & Exports;
8
+ (internal: unknown, props: Props & {
9
+ $$events?: Events;
10
+ $$slots?: Slots;
11
+ }): Exports & {
12
+ $set?: any;
13
+ $on?: any;
14
+ };
15
+ z_$$bindings?: Bindings;
16
+ }
17
+ declare const Label: $$__sveltets_2_IsomorphicComponent<SegmentGroupLabelProps, {
18
+ [evt: string]: CustomEvent<any>;
19
+ }, {}, {}, "">;
20
+ type Label = InstanceType<typeof Label>;
21
+ export default Label;
@@ -0,0 +1,68 @@
1
+ <script lang="ts" context="module">
2
+ import type {Assign, HtmlIngredientProps} from '../types.js';
3
+ import type {Snippet} from 'svelte';
4
+ import type {
5
+ CreateSegmentGroupContextProps,
6
+ CreateSegmentGroupContextReturn,
7
+ } from './context.svelte.js';
8
+
9
+ export interface SegmentGroupProps
10
+ extends Assign<
11
+ Omit<HtmlIngredientProps<'div'>, 'children'>,
12
+ Omit<CreateSegmentGroupContextProps, 'id'>
13
+ > {
14
+ children?: Snippet<[context: CreateSegmentGroupContextReturn]>;
15
+ }
16
+ </script>
17
+
18
+ <script lang="ts">
19
+ import {useEnvironmentContext} from '../environment-provider/index.js';
20
+ import {useLocaleContext} from '../locale-provider/index.js';
21
+ import {uuid} from '../utils.svelte.js';
22
+ import {mergeProps} from '@zag-js/svelte';
23
+ import {
24
+ createSegmentGroupContext,
25
+ setSegmentGroupContext,
26
+ } from './context.svelte.js';
27
+
28
+ let {
29
+ id,
30
+ ids,
31
+ dir,
32
+ form,
33
+ name,
34
+ value,
35
+ disabled,
36
+ readOnly,
37
+ orientation,
38
+ onValueChange,
39
+ getRootNode,
40
+ children,
41
+ ...props
42
+ }: SegmentGroupProps = $props();
43
+
44
+ let localeContext = useLocaleContext();
45
+ let environmentContext = useEnvironmentContext();
46
+
47
+ let context = createSegmentGroupContext({
48
+ id: id ?? uuid(),
49
+ ids,
50
+ dir: dir ?? localeContext?.dir,
51
+ form,
52
+ name,
53
+ value: $state.snapshot(value),
54
+ disabled,
55
+ readOnly,
56
+ orientation,
57
+ onValueChange,
58
+ getRootNode: getRootNode ?? environmentContext?.getRootNode,
59
+ });
60
+
61
+ let attrs = $derived(mergeProps(props, context.getRootProps()));
62
+
63
+ setSegmentGroupContext(context);
64
+ </script>
65
+
66
+ <div {...attrs}>
67
+ {@render children?.(context)}
68
+ </div>
@@ -0,0 +1,24 @@
1
+ import type { Assign, HtmlIngredientProps } from '../types.js';
2
+ import type { Snippet } from 'svelte';
3
+ import type { CreateSegmentGroupContextProps, CreateSegmentGroupContextReturn } from './context.svelte.js';
4
+ export interface SegmentGroupProps extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, Omit<CreateSegmentGroupContextProps, 'id'>> {
5
+ children?: Snippet<[context: CreateSegmentGroupContextReturn]>;
6
+ }
7
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
8
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
9
+ $$bindings?: Bindings;
10
+ } & Exports;
11
+ (internal: unknown, props: Props & {
12
+ $$events?: Events;
13
+ $$slots?: Slots;
14
+ }): Exports & {
15
+ $set?: any;
16
+ $on?: any;
17
+ };
18
+ z_$$bindings?: Bindings;
19
+ }
20
+ declare const Root: $$__sveltets_2_IsomorphicComponent<SegmentGroupProps, {
21
+ [evt: string]: CustomEvent<any>;
22
+ }, {}, {}, "">;
23
+ type Root = InstanceType<typeof Root>;
24
+ export default Root;
@@ -0,0 +1,7 @@
1
+ export { default as Indicator } from './indicator.svelte';
2
+ export { default as ItemControl } from './item-control.svelte';
3
+ export { default as ItemHiddenInput } from './item-hidden-input.svelte';
4
+ export { default as ItemText } from './item-text.svelte';
5
+ export { default as Item } from './item.svelte';
6
+ export { default as Label } from './label.svelte';
7
+ export { default as Root } from './root.svelte';