@threadlabs/looma 0.29.17 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (428) hide show
  1. package/components/ui-combobox/ui-combobox.html +47 -2
  2. package/components/ui-combobox/ui-combobox.js +2 -1
  3. package/components/ui-cover/ui-cover.html +2 -5
  4. package/components/ui-editor-link-card/ui-editor-link-card.html +5 -5
  5. package/components/ui-form-field/ui-form-field.html +1 -1
  6. package/components/ui-icon/ui-icon.html +10 -0
  7. package/components/ui-reel/ui-reel.html +7 -10
  8. package/components/ui-switcher/ui-switcher.html +17 -22
  9. package/components/ui-tooltip/ui-tooltip.js +2 -0
  10. package/dist/index.js +1 -1
  11. package/package.json +3 -3
  12. package/styles/ui-action-bar.css +1 -1
  13. package/styles/ui-affordance-scope.css +1 -1
  14. package/styles/ui-avatar-group.css +1 -1
  15. package/styles/ui-avatar.css +1 -1
  16. package/styles/ui-badge.css +1 -1
  17. package/styles/ui-breadcrumb-item.css +1 -1
  18. package/styles/ui-breadcrumbs.css +1 -1
  19. package/styles/ui-button.css +1 -1
  20. package/styles/ui-callout.css +1 -1
  21. package/styles/ui-card.css +1 -1
  22. package/styles/ui-checkbox.css +1 -1
  23. package/styles/ui-cluster.css +1 -1
  24. package/styles/ui-combobox.css +1 -1
  25. package/styles/ui-container.css +1 -1
  26. package/styles/ui-context-menu.css +1 -1
  27. package/styles/ui-cover.css +3 -6
  28. package/styles/ui-description-item.css +1 -1
  29. package/styles/ui-description-list.css +1 -1
  30. package/styles/ui-dialog.css +1 -1
  31. package/styles/ui-disclosure.css +1 -1
  32. package/styles/ui-editable.css +1 -1
  33. package/styles/ui-editor-block-actions.css +1 -1
  34. package/styles/ui-editor-chip-editor.css +1 -1
  35. package/styles/ui-editor-code-language.css +1 -1
  36. package/styles/ui-editor-image-toolbar.css +1 -1
  37. package/styles/ui-editor-insert-table-grid.css +1 -1
  38. package/styles/ui-editor-link-card.css +1 -1
  39. package/styles/ui-editor-link-form.css +1 -1
  40. package/styles/ui-editor-mention-menu-item.css +1 -1
  41. package/styles/ui-editor-mention-menu.css +1 -1
  42. package/styles/ui-editor-slash-menu-group.css +1 -1
  43. package/styles/ui-editor-slash-menu-item.css +1 -1
  44. package/styles/ui-editor-slash-menu.css +1 -1
  45. package/styles/ui-editor-surface.css +1 -1
  46. package/styles/ui-editor-table-context-menu.css +1 -1
  47. package/styles/ui-editor-table-overlay.css +1 -1
  48. package/styles/ui-editor-table-toolbar.css +1 -1
  49. package/styles/ui-editor-toolbar.css +1 -1
  50. package/styles/ui-floating-action-button.css +1 -1
  51. package/styles/ui-form-field.css +1 -1
  52. package/styles/ui-grid.css +1 -1
  53. package/styles/ui-icon-button.css +1 -1
  54. package/styles/ui-icon.css +9 -1
  55. package/styles/ui-image.css +1 -1
  56. package/styles/ui-input-group.css +1 -1
  57. package/styles/ui-input.css +1 -1
  58. package/styles/ui-list-item.css +1 -1
  59. package/styles/ui-list.css +1 -1
  60. package/styles/ui-listbox.css +1 -1
  61. package/styles/ui-menu-group.css +1 -1
  62. package/styles/ui-menu-item.css +1 -1
  63. package/styles/ui-menu.css +1 -1
  64. package/styles/ui-meter.css +1 -1
  65. package/styles/ui-nav-item.css +1 -1
  66. package/styles/ui-page-header.css +1 -1
  67. package/styles/ui-popover.css +1 -1
  68. package/styles/ui-radio-group.css +1 -1
  69. package/styles/ui-radio.css +1 -1
  70. package/styles/ui-reel.css +8 -11
  71. package/styles/ui-scroll-area.css +1 -1
  72. package/styles/ui-search-result-row.css +1 -1
  73. package/styles/ui-search-shell.css +1 -1
  74. package/styles/ui-section.css +1 -1
  75. package/styles/ui-select.css +1 -1
  76. package/styles/ui-separator.css +1 -1
  77. package/styles/ui-sidebar.css +1 -1
  78. package/styles/ui-spinner.css +1 -1
  79. package/styles/ui-stack.css +1 -1
  80. package/styles/ui-status-message.css +1 -1
  81. package/styles/ui-swatch.css +1 -1
  82. package/styles/ui-switch.css +1 -1
  83. package/styles/ui-switcher.css +23 -28
  84. package/styles/ui-table.css +1 -1
  85. package/styles/ui-tabs.css +1 -1
  86. package/styles/ui-text.css +1 -1
  87. package/styles/ui-textarea.css +1 -1
  88. package/styles/ui-toast-region.css +1 -1
  89. package/styles/ui-toast.css +1 -1
  90. package/styles/ui-tooltip.css +1 -1
  91. package/styles/ui-top-bar.css +1 -1
  92. package/styles/ui-tree-item.css +1 -1
  93. package/styles/ui-tree.css +1 -1
  94. package/vanilla/UiActionBar.d.ts +10 -1
  95. package/vanilla/UiActionBar.js +3 -2
  96. package/vanilla/UiAffordanceScope.d.ts +10 -1
  97. package/vanilla/UiAffordanceScope.js +3 -2
  98. package/vanilla/UiAvatar.d.ts +10 -1
  99. package/vanilla/UiAvatar.js +3 -2
  100. package/vanilla/UiAvatarGroup.d.ts +10 -1
  101. package/vanilla/UiAvatarGroup.js +3 -2
  102. package/vanilla/UiBadge.d.ts +10 -1
  103. package/vanilla/UiBadge.js +3 -2
  104. package/vanilla/UiBreadcrumbItem.d.ts +10 -1
  105. package/vanilla/UiBreadcrumbItem.js +3 -2
  106. package/vanilla/UiBreadcrumbs.d.ts +10 -1
  107. package/vanilla/UiBreadcrumbs.js +3 -2
  108. package/vanilla/UiButton.d.ts +10 -1
  109. package/vanilla/UiButton.js +3 -2
  110. package/vanilla/UiCallout.d.ts +10 -1
  111. package/vanilla/UiCallout.js +3 -2
  112. package/vanilla/UiCard.d.ts +10 -1
  113. package/vanilla/UiCard.js +3 -2
  114. package/vanilla/UiCheckbox.d.ts +10 -1
  115. package/vanilla/UiCheckbox.js +3 -2
  116. package/vanilla/UiCluster.d.ts +10 -1
  117. package/vanilla/UiCluster.js +3 -2
  118. package/vanilla/UiCombobox.d.ts +14 -1
  119. package/vanilla/UiCombobox.js +34 -11
  120. package/vanilla/UiContainer.d.ts +10 -1
  121. package/vanilla/UiContainer.js +3 -2
  122. package/vanilla/UiContextMenu.d.ts +10 -1
  123. package/vanilla/UiContextMenu.js +3 -2
  124. package/vanilla/UiCover.d.ts +10 -1
  125. package/vanilla/UiCover.js +3 -2
  126. package/vanilla/UiDescriptionItem.d.ts +10 -1
  127. package/vanilla/UiDescriptionItem.js +3 -2
  128. package/vanilla/UiDescriptionList.d.ts +10 -1
  129. package/vanilla/UiDescriptionList.js +3 -2
  130. package/vanilla/UiDialog.d.ts +10 -1
  131. package/vanilla/UiDialog.js +3 -2
  132. package/vanilla/UiDisclosure.d.ts +10 -1
  133. package/vanilla/UiDisclosure.js +3 -2
  134. package/vanilla/UiEditable.d.ts +10 -1
  135. package/vanilla/UiEditable.js +3 -2
  136. package/vanilla/UiEditorBlockActions.d.ts +10 -1
  137. package/vanilla/UiEditorBlockActions.js +3 -2
  138. package/vanilla/UiEditorChipEditor.d.ts +10 -1
  139. package/vanilla/UiEditorChipEditor.js +3 -2
  140. package/vanilla/UiEditorCodeLanguage.d.ts +10 -1
  141. package/vanilla/UiEditorCodeLanguage.js +3 -2
  142. package/vanilla/UiEditorImageToolbar.d.ts +10 -1
  143. package/vanilla/UiEditorImageToolbar.js +3 -2
  144. package/vanilla/UiEditorInsertTableGrid.d.ts +10 -1
  145. package/vanilla/UiEditorInsertTableGrid.js +3 -2
  146. package/vanilla/UiEditorLinkCard.d.ts +10 -1
  147. package/vanilla/UiEditorLinkCard.js +6 -5
  148. package/vanilla/UiEditorLinkForm.d.ts +10 -1
  149. package/vanilla/UiEditorLinkForm.js +3 -2
  150. package/vanilla/UiEditorMentionMenu.d.ts +10 -1
  151. package/vanilla/UiEditorMentionMenu.js +3 -2
  152. package/vanilla/UiEditorMentionMenuItem.d.ts +10 -1
  153. package/vanilla/UiEditorMentionMenuItem.js +3 -2
  154. package/vanilla/UiEditorSlashMenu.d.ts +10 -1
  155. package/vanilla/UiEditorSlashMenu.js +3 -2
  156. package/vanilla/UiEditorSlashMenuGroup.d.ts +10 -1
  157. package/vanilla/UiEditorSlashMenuGroup.js +3 -2
  158. package/vanilla/UiEditorSlashMenuItem.d.ts +10 -1
  159. package/vanilla/UiEditorSlashMenuItem.js +3 -2
  160. package/vanilla/UiEditorSurface.d.ts +10 -1
  161. package/vanilla/UiEditorSurface.js +3 -2
  162. package/vanilla/UiEditorTableContextMenu.d.ts +10 -1
  163. package/vanilla/UiEditorTableContextMenu.js +3 -2
  164. package/vanilla/UiEditorTableOverlay.d.ts +10 -1
  165. package/vanilla/UiEditorTableOverlay.js +3 -2
  166. package/vanilla/UiEditorTableToolbar.d.ts +10 -1
  167. package/vanilla/UiEditorTableToolbar.js +3 -2
  168. package/vanilla/UiEditorToolbar.d.ts +10 -1
  169. package/vanilla/UiEditorToolbar.js +3 -2
  170. package/vanilla/UiFloatingActionButton.d.ts +10 -1
  171. package/vanilla/UiFloatingActionButton.js +3 -2
  172. package/vanilla/UiFormField.d.ts +10 -1
  173. package/vanilla/UiFormField.js +4 -3
  174. package/vanilla/UiGrid.d.ts +10 -1
  175. package/vanilla/UiGrid.js +3 -2
  176. package/vanilla/UiIcon.d.ts +11 -1
  177. package/vanilla/UiIcon.js +11 -5
  178. package/vanilla/UiIconButton.d.ts +10 -1
  179. package/vanilla/UiIconButton.js +3 -2
  180. package/vanilla/UiImage.d.ts +10 -1
  181. package/vanilla/UiImage.js +3 -2
  182. package/vanilla/UiInput.d.ts +10 -1
  183. package/vanilla/UiInput.js +3 -2
  184. package/vanilla/UiInputGroup.d.ts +10 -1
  185. package/vanilla/UiInputGroup.js +3 -2
  186. package/vanilla/UiList.d.ts +10 -1
  187. package/vanilla/UiList.js +3 -2
  188. package/vanilla/UiListItem.d.ts +10 -1
  189. package/vanilla/UiListItem.js +3 -2
  190. package/vanilla/UiListbox.d.ts +10 -1
  191. package/vanilla/UiListbox.js +3 -2
  192. package/vanilla/UiMenu.d.ts +10 -1
  193. package/vanilla/UiMenu.js +3 -2
  194. package/vanilla/UiMenuGroup.d.ts +10 -1
  195. package/vanilla/UiMenuGroup.js +3 -2
  196. package/vanilla/UiMenuItem.d.ts +10 -1
  197. package/vanilla/UiMenuItem.js +3 -2
  198. package/vanilla/UiMeter.d.ts +10 -1
  199. package/vanilla/UiMeter.js +3 -2
  200. package/vanilla/UiNavItem.d.ts +10 -1
  201. package/vanilla/UiNavItem.js +3 -2
  202. package/vanilla/UiPageHeader.d.ts +10 -1
  203. package/vanilla/UiPageHeader.js +3 -2
  204. package/vanilla/UiPopover.d.ts +10 -1
  205. package/vanilla/UiPopover.js +3 -2
  206. package/vanilla/UiRadio.d.ts +10 -1
  207. package/vanilla/UiRadio.js +3 -2
  208. package/vanilla/UiRadioGroup.d.ts +10 -1
  209. package/vanilla/UiRadioGroup.js +3 -2
  210. package/vanilla/UiReel.d.ts +10 -1
  211. package/vanilla/UiReel.js +3 -2
  212. package/vanilla/UiScrollArea.d.ts +10 -1
  213. package/vanilla/UiScrollArea.js +3 -2
  214. package/vanilla/UiSearchResultRow.d.ts +10 -1
  215. package/vanilla/UiSearchResultRow.js +3 -2
  216. package/vanilla/UiSearchShell.d.ts +10 -1
  217. package/vanilla/UiSearchShell.js +3 -2
  218. package/vanilla/UiSection.d.ts +10 -1
  219. package/vanilla/UiSection.js +3 -2
  220. package/vanilla/UiSelect.d.ts +10 -1
  221. package/vanilla/UiSelect.js +3 -2
  222. package/vanilla/UiSeparator.d.ts +10 -1
  223. package/vanilla/UiSeparator.js +3 -2
  224. package/vanilla/UiSidebar.d.ts +10 -1
  225. package/vanilla/UiSidebar.js +3 -2
  226. package/vanilla/UiSpinner.d.ts +10 -1
  227. package/vanilla/UiSpinner.js +3 -2
  228. package/vanilla/UiStack.d.ts +10 -1
  229. package/vanilla/UiStack.js +3 -2
  230. package/vanilla/UiStatusMessage.d.ts +10 -1
  231. package/vanilla/UiStatusMessage.js +3 -2
  232. package/vanilla/UiSwatch.d.ts +10 -1
  233. package/vanilla/UiSwatch.js +3 -2
  234. package/vanilla/UiSwitch.d.ts +10 -1
  235. package/vanilla/UiSwitch.js +3 -2
  236. package/vanilla/UiSwitcher.d.ts +10 -1
  237. package/vanilla/UiSwitcher.js +4 -3
  238. package/vanilla/UiTable.d.ts +10 -1
  239. package/vanilla/UiTable.js +3 -2
  240. package/vanilla/UiTabs.d.ts +10 -1
  241. package/vanilla/UiTabs.js +3 -2
  242. package/vanilla/UiText.d.ts +10 -1
  243. package/vanilla/UiText.js +3 -2
  244. package/vanilla/UiTextarea.d.ts +10 -1
  245. package/vanilla/UiTextarea.js +3 -2
  246. package/vanilla/UiToast.d.ts +10 -1
  247. package/vanilla/UiToast.js +3 -2
  248. package/vanilla/UiToastRegion.d.ts +10 -1
  249. package/vanilla/UiToastRegion.js +3 -2
  250. package/vanilla/UiTooltip.d.ts +10 -1
  251. package/vanilla/UiTooltip.js +3 -2
  252. package/vanilla/UiTopBar.d.ts +10 -1
  253. package/vanilla/UiTopBar.js +3 -2
  254. package/vanilla/UiTree.d.ts +10 -1
  255. package/vanilla/UiTree.js +3 -2
  256. package/vanilla/UiTreeItem.d.ts +10 -1
  257. package/vanilla/UiTreeItem.js +3 -2
  258. package/vue/UiActionBar.vue +1 -1
  259. package/vue/UiAffordanceScope.vue +2 -2
  260. package/vue/UiAvatar.vue +2 -2
  261. package/vue/UiAvatarGroup.vue +2 -2
  262. package/vue/UiBadge.d.ts +1 -1
  263. package/vue/UiBadge.vue +2 -2
  264. package/vue/UiBreadcrumbItem.vue +2 -2
  265. package/vue/UiBreadcrumbs.vue +1 -1
  266. package/vue/UiButton.d.ts +1 -1
  267. package/vue/UiButton.vue +2 -2
  268. package/vue/UiCallout.vue +2 -2
  269. package/vue/UiCard.vue +2 -2
  270. package/vue/UiCheckbox.vue +2 -2
  271. package/vue/UiCluster.vue +2 -2
  272. package/vue/UiCombobox.d.ts +36 -13
  273. package/vue/UiCombobox.vue +130 -4
  274. package/vue/UiContainer.vue +2 -2
  275. package/vue/UiContextMenu.vue +1 -1
  276. package/vue/UiCover.vue +4 -7
  277. package/vue/UiDescriptionItem.vue +1 -1
  278. package/vue/UiDescriptionList.vue +2 -2
  279. package/vue/UiDialog.vue +2 -2
  280. package/vue/UiDisclosure.vue +2 -2
  281. package/vue/UiEditable.vue +2 -2
  282. package/vue/UiEditorBlockActions.vue +1 -1
  283. package/vue/UiEditorChipEditor.vue +1 -1
  284. package/vue/UiEditorCodeLanguage.vue +1 -1
  285. package/vue/UiEditorImageToolbar.vue +7 -4
  286. package/vue/UiEditorInsertTableGrid.vue +1 -1
  287. package/vue/UiEditorLinkCard.vue +6 -5
  288. package/vue/UiEditorLinkForm.vue +45 -45
  289. package/vue/UiEditorMentionMenu.vue +1 -1
  290. package/vue/UiEditorMentionMenuItem.vue +1 -1
  291. package/vue/UiEditorSlashMenu.vue +1 -1
  292. package/vue/UiEditorSlashMenuGroup.vue +1 -1
  293. package/vue/UiEditorSlashMenuItem.vue +1 -1
  294. package/vue/UiEditorSurface.vue +2 -2
  295. package/vue/UiEditorTableContextMenu.vue +1 -1
  296. package/vue/UiEditorTableOverlay.vue +1 -1
  297. package/vue/UiEditorTableToolbar.vue +1 -1
  298. package/vue/UiEditorToolbar.vue +2 -2
  299. package/vue/UiFloatingActionButton.vue +2 -2
  300. package/vue/UiFormField.d.ts +1 -1
  301. package/vue/UiFormField.vue +3 -3
  302. package/vue/UiGrid.vue +2 -2
  303. package/vue/UiIcon.d.ts +9 -0
  304. package/vue/UiIcon.vue +40 -2
  305. package/vue/UiIconButton.vue +2 -2
  306. package/vue/UiImage.vue +2 -2
  307. package/vue/UiInput.vue +2 -2
  308. package/vue/UiInputGroup.vue +2 -2
  309. package/vue/UiList.vue +2 -2
  310. package/vue/UiListItem.vue +2 -2
  311. package/vue/UiListbox.vue +1 -1
  312. package/vue/UiMenu.vue +2 -2
  313. package/vue/UiMenuGroup.vue +1 -1
  314. package/vue/UiMenuItem.vue +2 -2
  315. package/vue/UiMeter.vue +2 -2
  316. package/vue/UiNavItem.vue +2 -2
  317. package/vue/UiPageHeader.vue +2 -2
  318. package/vue/UiPopover.vue +2 -2
  319. package/vue/UiRadio.vue +2 -2
  320. package/vue/UiRadioGroup.vue +2 -2
  321. package/vue/UiReel.vue +9 -12
  322. package/vue/UiScrollArea.vue +3 -3
  323. package/vue/UiSearchResultRow.vue +2 -2
  324. package/vue/UiSearchShell.vue +1 -1
  325. package/vue/UiSection.vue +2 -2
  326. package/vue/UiSelect.vue +2 -2
  327. package/vue/UiSeparator.vue +2 -2
  328. package/vue/UiSidebar.vue +2 -2
  329. package/vue/UiSpinner.vue +2 -2
  330. package/vue/UiStack.vue +2 -2
  331. package/vue/UiStatusMessage.vue +2 -2
  332. package/vue/UiSwatch.vue +2 -2
  333. package/vue/UiSwitch.vue +2 -2
  334. package/vue/UiSwitcher.vue +23 -27
  335. package/vue/UiTable.vue +2 -2
  336. package/vue/UiTabs.vue +2 -2
  337. package/vue/UiText.d.ts +1 -1
  338. package/vue/UiText.vue +2 -2
  339. package/vue/UiTextarea.vue +2 -2
  340. package/vue/UiToast.vue +2 -2
  341. package/vue/UiToastRegion.vue +2 -2
  342. package/vue/UiTooltip.vue +2 -2
  343. package/vue/UiTopBar.vue +1 -1
  344. package/vue/UiTree.vue +2 -2
  345. package/vue/UiTreeItem.vue +2 -2
  346. package/vue/chunks/UiActionBar.js +1 -1
  347. package/vue/chunks/UiAffordanceScope.js +2 -2
  348. package/vue/chunks/UiAvatar.js +2 -2
  349. package/vue/chunks/UiAvatarGroup.js +2 -2
  350. package/vue/chunks/UiBadge.js +2 -2
  351. package/vue/chunks/UiBreadcrumbItem.js +2 -2
  352. package/vue/chunks/UiBreadcrumbs.js +1 -1
  353. package/vue/chunks/UiButton.js +2 -2
  354. package/vue/chunks/UiCallout.js +2 -2
  355. package/vue/chunks/UiCard.js +2 -2
  356. package/vue/chunks/UiCheckbox.js +2 -2
  357. package/vue/chunks/UiCluster.js +2 -2
  358. package/vue/chunks/UiCombobox.js +117 -5
  359. package/vue/chunks/UiContainer.js +2 -2
  360. package/vue/chunks/UiContextMenu.js +1 -1
  361. package/vue/chunks/UiCover.js +2 -2
  362. package/vue/chunks/UiDescriptionItem.js +1 -1
  363. package/vue/chunks/UiDescriptionList.js +2 -2
  364. package/vue/chunks/UiDialog.js +2 -2
  365. package/vue/chunks/UiDisclosure.js +3 -3
  366. package/vue/chunks/UiEditable.js +2 -2
  367. package/vue/chunks/UiEditorImageToolbar.js +3 -2
  368. package/vue/chunks/UiEditorInsertTableGrid.js +1 -1
  369. package/vue/chunks/UiEditorLinkCard.js +18 -22
  370. package/vue/chunks/UiEditorLinkForm.js +68 -71
  371. package/vue/chunks/UiEditorMentionMenu.js +1 -1
  372. package/vue/chunks/UiEditorMentionMenuItem.js +1 -1
  373. package/vue/chunks/UiEditorSlashMenu.js +1 -1
  374. package/vue/chunks/UiEditorSlashMenuGroup.js +1 -1
  375. package/vue/chunks/UiEditorSlashMenuItem.js +1 -1
  376. package/vue/chunks/UiEditorSurface.js +2 -2
  377. package/vue/chunks/UiEditorTableContextMenu.js +1 -1
  378. package/vue/chunks/UiEditorTableOverlay.js +2 -2
  379. package/vue/chunks/UiEditorTableToolbar.js +1 -1
  380. package/vue/chunks/UiEditorToolbar.js +2 -2
  381. package/vue/chunks/UiFloatingActionButton.js +2 -2
  382. package/vue/chunks/UiFormField.js +3 -3
  383. package/vue/chunks/UiGrid.js +2 -2
  384. package/vue/chunks/UiIcon.js +61 -21
  385. package/vue/chunks/UiIconButton.js +2 -2
  386. package/vue/chunks/UiImage.js +2 -2
  387. package/vue/chunks/UiInput.js +2 -2
  388. package/vue/chunks/UiInputGroup.js +2 -2
  389. package/vue/chunks/UiList.js +2 -2
  390. package/vue/chunks/UiListItem.js +2 -2
  391. package/vue/chunks/UiListbox.js +1 -1
  392. package/vue/chunks/UiMenu.js +2 -2
  393. package/vue/chunks/UiMenuGroup.js +1 -1
  394. package/vue/chunks/UiMenuItem.js +2 -2
  395. package/vue/chunks/UiMeter.js +2 -2
  396. package/vue/chunks/UiNavItem.js +2 -2
  397. package/vue/chunks/UiPageHeader.js +2 -2
  398. package/vue/chunks/UiPopover.js +2 -2
  399. package/vue/chunks/UiRadio.js +2 -2
  400. package/vue/chunks/UiRadioGroup.js +2 -2
  401. package/vue/chunks/UiReel.js +2 -2
  402. package/vue/chunks/UiScrollArea.js +4 -4
  403. package/vue/chunks/UiSearchResultRow.js +2 -2
  404. package/vue/chunks/UiSearchShell.js +1 -1
  405. package/vue/chunks/UiSection.js +2 -2
  406. package/vue/chunks/UiSelect.js +2 -2
  407. package/vue/chunks/UiSeparator.js +2 -2
  408. package/vue/chunks/UiSidebar.js +2 -2
  409. package/vue/chunks/UiSpinner.js +2 -2
  410. package/vue/chunks/UiStack.js +2 -2
  411. package/vue/chunks/UiStatusMessage.js +2 -2
  412. package/vue/chunks/UiSwatch.js +2 -2
  413. package/vue/chunks/UiSwitch.js +2 -2
  414. package/vue/chunks/UiSwitcher.js +2 -2
  415. package/vue/chunks/UiTable.js +2 -2
  416. package/vue/chunks/UiTabs.js +2 -2
  417. package/vue/chunks/UiText.js +2 -2
  418. package/vue/chunks/UiTextarea.js +2 -2
  419. package/vue/chunks/UiToast.js +2 -2
  420. package/vue/chunks/UiToastRegion.js +2 -2
  421. package/vue/chunks/UiTooltip.js +2 -2
  422. package/vue/chunks/UiTopBar.js +1 -1
  423. package/vue/chunks/UiTree.js +2 -2
  424. package/vue/chunks/UiTreeItem.js +2 -2
  425. package/vue/chunks/_plugin-vue_export-helper.js +13 -3
  426. package/vue/components.css +83 -76
  427. package/vue/editor/index.js +211 -30
  428. package/vue/host.ts +9 -5
@@ -467,7 +467,7 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
467
467
  return guardedBinding7Previous = candidate;
468
468
  });
469
469
  checkHydratedRoot("span", "ui-meter");
470
- /** The values the styles' :host() prop and state rules test. */
470
+ /** The values the styles' :host() and :state() rules test. */
471
471
  const hostState = computed(() => [
472
472
  checkedProps.value.size && "size",
473
473
  checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
@@ -528,6 +528,6 @@ var UiMeter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
528
528
  }]]);
529
529
  };
530
530
  }
531
- }), [["__scopeId", "data-v-2fe32fa1"]]);
531
+ }), [["__scopeId", "data-v-634ed7be"]]);
532
532
  //#endregion
533
533
  export { UiMeter_default as t };
@@ -288,7 +288,7 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
288
288
  }, concat(checkedProps.value.current)));
289
289
  });
290
290
  checkHydratedRoot(checkedProps.value.as === "a" ? "a" : "button", "ui-nav-item");
291
- /** The values the styles' :host() prop and state rules test. */
291
+ /** The values the styles' :host() and :state() rules test. */
292
292
  const hostState = computed(() => [
293
293
  checkedProps.value.variant && "variant",
294
294
  checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
@@ -373,6 +373,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
373
373
  }]]);
374
374
  };
375
375
  }
376
- }), [["__scopeId", "data-v-7e3140c3"]]);
376
+ }), [["__scopeId", "data-v-3f8e1b46"]]);
377
377
  //#endregion
378
378
  export { UiNavItem_default as t };
@@ -60,7 +60,7 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
60
60
  });
61
61
  const reflectedProp = useReflectedProp();
62
62
  checkHydratedRoot("header", "ui-page-header");
63
- /** The values the styles' :host() prop and state rules test. */
63
+ /** The values the styles' :host() and :state() rules test. */
64
64
  const hostState = computed(() => [checkedProps.value.align && "align", checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`].filter(Boolean).join(" "));
65
65
  return (_ctx, _cache) => {
66
66
  return withDirectives((openBlock(), createElementBlock("header", mergeProps({ class: "ui-page-header" }, unref(nativeAttrs)(_ctx.$attrs), {
@@ -84,6 +84,6 @@ var UiPageHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
84
84
  }]]);
85
85
  };
86
86
  }
87
- }), [["__scopeId", "data-v-04003f60"]]);
87
+ }), [["__scopeId", "data-v-0c0a3b16"]]);
88
88
  //#endregion
89
89
  export { UiPageHeader_default as t };
@@ -140,7 +140,7 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
140
140
  const internalOpen = ref(false);
141
141
  provide("html-next:ui-popover:internalOpen", internalOpen);
142
142
  checkHydratedRoot("span", "ui-popover");
143
- /** The values the styles' :host() prop and state rules test. */
143
+ /** The values the styles' :host() and :state() rules test. */
144
144
  const hostState = computed(() => [
145
145
  internalOpen.value && "internalOpen",
146
146
  checkedProps.value.size && "size",
@@ -204,6 +204,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
204
204
  }]]);
205
205
  };
206
206
  }
207
- }), [["__scopeId", "data-v-464f30a6"]]);
207
+ }), [["__scopeId", "data-v-05c7ffcb"]]);
208
208
  //#endregion
209
209
  export { UiPopover_default as t };
@@ -178,7 +178,7 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
178
178
  const internalChecked = ref(false);
179
179
  provide("html-next:ui-radio:internalChecked", internalChecked);
180
180
  checkHydratedRoot("label", "ui-radio");
181
- /** The values the styles' :host() prop and state rules test. */
181
+ /** The values the styles' :host() and :state() rules test. */
182
182
  const hostState = computed(() => [
183
183
  checkedProps.value.disabled && "disabled",
184
184
  checkedProps.value.size && "size",
@@ -276,6 +276,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
276
276
  }]]);
277
277
  };
278
278
  }
279
- }), [["__scopeId", "data-v-15300a27"]]);
279
+ }), [["__scopeId", "data-v-f4f20da1"]]);
280
280
  //#endregion
281
281
  export { UiRadio_default as t };
@@ -201,7 +201,7 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
201
201
  const internalValue = ref("");
202
202
  provide("html-next:ui-radio-group:internalValue", internalValue);
203
203
  checkHydratedRoot("fieldset", "ui-radio-group");
204
- /** The values the styles' :host() prop and state rules test. */
204
+ /** The values the styles' :host() and :state() rules test. */
205
205
  const hostState = computed(() => [
206
206
  checkedProps.value.invalid && "invalid",
207
207
  checkedProps.value.orientation && "orientation",
@@ -287,6 +287,6 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
287
287
  }]]);
288
288
  };
289
289
  }
290
- }), [["__scopeId", "data-v-96f7d569"]]);
290
+ }), [["__scopeId", "data-v-0b505eab"]]);
291
291
  //#endregion
292
292
  export { UiRadioGroup_default as t };
@@ -96,7 +96,7 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
96
96
  });
97
97
  const reflectedProp = useReflectedProp();
98
98
  checkHydratedRoot("div", "ui-reel");
99
- /** The values the styles' :host() prop and state rules test. */
99
+ /** The values the styles' :host() and :state() rules test. */
100
100
  const hostState = computed(() => [
101
101
  checkedProps.value.gap && "gap",
102
102
  checkedProps.value.gap != null && `gap=${encodeURIComponent(checkedProps.value.gap)}`,
@@ -123,6 +123,6 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
123
123
  }]]);
124
124
  };
125
125
  }
126
- }), [["__scopeId", "data-v-e48e8cb9"]]);
126
+ }), [["__scopeId", "data-v-81f61700"]]);
127
127
  //#endregion
128
128
  export { UiReel_default as t };
@@ -143,16 +143,16 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
143
143
  const root = ref(null);
144
144
  const contentElement = useTemplateRef("contentElement");
145
145
  checkHydratedRoot("div", "ui-scroll-area");
146
- /** The values the styles' :host() prop and state rules test. */
146
+ /** The values the styles' :host() and :state() rules test. */
147
147
  const hostState = computed(() => [
148
148
  checkedProps.value.fill && "fill",
149
- checkedProps.value.trim && "trim",
150
149
  checkedProps.value.orientation && "orientation",
151
150
  checkedProps.value.orientation != null && `orientation=${encodeURIComponent(checkedProps.value.orientation)}`,
152
151
  checkedProps.value.size && "size",
153
152
  checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
154
153
  checkedProps.value.padding && "padding",
155
- checkedProps.value.padding != null && `padding=${encodeURIComponent(checkedProps.value.padding)}`
154
+ checkedProps.value.padding != null && `padding=${encodeURIComponent(checkedProps.value.padding)}`,
155
+ checkedProps.value.trim && "trim"
156
156
  ].filter(Boolean).join(" "));
157
157
  const dispatch = createDispatch(root);
158
158
  useComponentHost(() => import("@threadlabs/looma/components/ui-scroll-area/ui-scroll-area.js"), {
@@ -204,6 +204,6 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
204
204
  }]]);
205
205
  };
206
206
  }
207
- }), [["__scopeId", "data-v-4abe41e9"]]);
207
+ }), [["__scopeId", "data-v-cebe2cee"]]);
208
208
  //#endregion
209
209
  export { UiScrollArea_default as t };
@@ -113,7 +113,7 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
113
113
  });
114
114
  const reflectedProp = useReflectedProp();
115
115
  checkHydratedRoot("button", "ui-search-result-row");
116
- /** The values the styles' :host() prop and state rules test. */
116
+ /** The values the styles' :host() and :state() rules test. */
117
117
  const hostState = computed(() => [
118
118
  checkedProps.value.density && "density",
119
119
  checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
@@ -150,6 +150,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
150
150
  }]]);
151
151
  };
152
152
  }
153
- }), [["__scopeId", "data-v-88b2ffe9"]]);
153
+ }), [["__scopeId", "data-v-96c1b5ce"]]);
154
154
  //#endregion
155
155
  export { UiSearchResultRow_default as t };
@@ -198,6 +198,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
198
198
  }]]);
199
199
  };
200
200
  }
201
- }), [["__scopeId", "data-v-c8cedd0b"]]);
201
+ }), [["__scopeId", "data-v-b2a351cb"]]);
202
202
  //#endregion
203
203
  export { UiSearchShell_default as t };
@@ -113,7 +113,7 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
113
113
  });
114
114
  const reflectedProp = useReflectedProp();
115
115
  checkHydratedRoot("section", "ui-section");
116
- /** The values the styles' :host() prop and state rules test. */
116
+ /** The values the styles' :host() and :state() rules test. */
117
117
  const hostState = computed(() => [
118
118
  checkedProps.value.variant && "variant",
119
119
  checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
@@ -146,6 +146,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
146
146
  }]]);
147
147
  };
148
148
  }
149
- }), [["__scopeId", "data-v-6b246327"]]);
149
+ }), [["__scopeId", "data-v-abe88cd1"]]);
150
150
  //#endregion
151
151
  export { UiSection_default as t };
@@ -147,7 +147,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
147
147
  });
148
148
  const root = ref(null);
149
149
  checkHydratedRoot("select", "ui-select");
150
- /** The values the styles' :host() prop and state rules test. */
150
+ /** The values the styles' :host() and :state() rules test. */
151
151
  const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
152
152
  const dispatch = createDispatch(root);
153
153
  useComponentHost(() => import("@threadlabs/looma/components/ui-select/ui-select.js"), {
@@ -211,6 +211,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
211
211
  }]]);
212
212
  };
213
213
  }
214
- }), [["__scopeId", "data-v-8fdb0955"]]);
214
+ }), [["__scopeId", "data-v-6e2bbc98"]]);
215
215
  //#endregion
216
216
  export { UiSelect_default as t };
@@ -109,7 +109,7 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
109
109
  });
110
110
  const reflectedProp = useReflectedProp();
111
111
  checkHydratedRoot("hr", "ui-separator");
112
- /** The values the styles' :host() prop and state rules test. */
112
+ /** The values the styles' :host() and :state() rules test. */
113
113
  const hostState = computed(() => [
114
114
  checkedProps.value.emphasis && "emphasis",
115
115
  checkedProps.value.emphasis != null && `emphasis=${encodeURIComponent(checkedProps.value.emphasis)}`,
@@ -131,6 +131,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
131
131
  }]]);
132
132
  };
133
133
  }
134
- }), [["__scopeId", "data-v-8499a3d4"]]);
134
+ }), [["__scopeId", "data-v-b9eb77fd"]]);
135
135
  //#endregion
136
136
  export { UiSeparator_default as t };
@@ -236,7 +236,7 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
236
236
  provide("html-next:ui-sidebar:drawer", drawer);
237
237
  provide("html-next:ui-sidebar:resizing", resizing);
238
238
  checkHydratedRoot("aside", "ui-sidebar");
239
- /** The values the styles' :host() prop and state rules test. */
239
+ /** The values the styles' :host() and :state() rules test. */
240
240
  const hostState = computed(() => [
241
241
  checkedProps.value.side && "side",
242
242
  checkedProps.value.side != null && `side=${encodeURIComponent(checkedProps.value.side)}`,
@@ -342,6 +342,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
342
342
  }]]);
343
343
  };
344
344
  }
345
- }), [["__scopeId", "data-v-2eff9ac6"]]);
345
+ }), [["__scopeId", "data-v-1b1596d2"]]);
346
346
  //#endregion
347
347
  export { UiSidebar_default as t };
@@ -133,7 +133,7 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
133
133
  }, concat(checkedProps.value.label !== "")));
134
134
  });
135
135
  checkHydratedRoot("span", "ui-spinner");
136
- /** The values the styles' :host() prop and state rules test. */
136
+ /** The values the styles' :host() and :state() rules test. */
137
137
  const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
138
138
  return (_ctx, _cache) => {
139
139
  return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-spinner ring" }, unref(nativeAttrs)(_ctx.$attrs), {
@@ -166,6 +166,6 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
166
166
  }]]);
167
167
  };
168
168
  }
169
- }), [["__scopeId", "data-v-39d314ea"]]);
169
+ }), [["__scopeId", "data-v-8edf9e1e"]]);
170
170
  //#endregion
171
171
  export { UiSpinner_default as t };
@@ -142,7 +142,7 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
142
142
  });
143
143
  const reflectedProp = useReflectedProp();
144
144
  checkHydratedRoot("div", "ui-stack");
145
- /** The values the styles' :host() prop and state rules test. */
145
+ /** The values the styles' :host() and :state() rules test. */
146
146
  const hostState = computed(() => [
147
147
  checkedProps.value.fill && "fill",
148
148
  checkedProps.value.height && "height",
@@ -171,6 +171,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
171
171
  }]]);
172
172
  };
173
173
  }
174
- }), [["__scopeId", "data-v-8e64a673"]]);
174
+ }), [["__scopeId", "data-v-7610ba39"]]);
175
175
  //#endregion
176
176
  export { UiStack_default as t };
@@ -122,7 +122,7 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
122
122
  }, concat(checkedProps.value.kind === "error")));
123
123
  });
124
124
  checkHydratedRoot("div", "ui-status-message");
125
- /** The values the styles' :host() prop and state rules test. */
125
+ /** The values the styles' :host() and :state() rules test. */
126
126
  const hostState = computed(() => [
127
127
  checkedProps.value.kind && "kind",
128
128
  checkedProps.value.kind != null && `kind=${encodeURIComponent(checkedProps.value.kind)}`,
@@ -162,6 +162,6 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
162
162
  }]]);
163
163
  };
164
164
  }
165
- }), [["__scopeId", "data-v-fdca0f12"]]);
165
+ }), [["__scopeId", "data-v-1885d3c0"]]);
166
166
  //#endregion
167
167
  export { UiStatusMessage_default as t };
@@ -56,7 +56,7 @@ var UiSwatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
56
56
  purple: "Purple"
57
57
  })[checkedProps.value.tone]);
58
58
  checkHydratedRoot("input", "ui-swatch");
59
- /** The values the styles' :host() prop and state rules test. */
59
+ /** The values the styles' :host() and :state() rules test. */
60
60
  const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
61
61
  return (_ctx, _cache) => {
62
62
  return withDirectives((openBlock(), createElementBlock("input", mergeProps({
@@ -74,6 +74,6 @@ var UiSwatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
74
74
  }]]);
75
75
  };
76
76
  }
77
- }), [["__scopeId", "data-v-9c0b95c5"]]);
77
+ }), [["__scopeId", "data-v-48ee6142"]]);
78
78
  //#endregion
79
79
  export { UiSwatch_default as t };
@@ -178,7 +178,7 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
178
178
  const internalChecked = ref(false);
179
179
  provide("html-next:ui-switch:internalChecked", internalChecked);
180
180
  checkHydratedRoot("label", "ui-switch");
181
- /** The values the styles' :host() prop and state rules test. */
181
+ /** The values the styles' :host() and :state() rules test. */
182
182
  const hostState = computed(() => [
183
183
  checkedProps.value.disabled && "disabled",
184
184
  checkedProps.value.size && "size",
@@ -277,6 +277,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
277
277
  }]]);
278
278
  };
279
279
  }
280
- }), [["__scopeId", "data-v-db359371"]]);
280
+ }), [["__scopeId", "data-v-c495a6c4"]]);
281
281
  //#endregion
282
282
  export { UiSwitch_default as t };
@@ -125,7 +125,7 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
125
125
  const overLimit = ref(false);
126
126
  provide("html-next:ui-switcher:overLimit", overLimit);
127
127
  checkHydratedRoot("div", "ui-switcher");
128
- /** The values the styles' :host() prop and state rules test. */
128
+ /** The values the styles' :host() and :state() rules test. */
129
129
  const hostState = computed(() => [
130
130
  overLimit.value && "overLimit",
131
131
  checkedProps.value.gap && "gap",
@@ -182,6 +182,6 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
182
182
  }]]);
183
183
  };
184
184
  }
185
- }), [["__scopeId", "data-v-15878350"]]);
185
+ }), [["__scopeId", "data-v-c1367ff2"]]);
186
186
  //#endregion
187
187
  export { UiSwitcher_default as t };
@@ -69,7 +69,7 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
69
69
  const hydrationInstance = getCurrentInstance();
70
70
  const root = ref(null);
71
71
  checkHydratedRoot("div", "ui-table");
72
- /** The values the styles' :host() prop and state rules test. */
72
+ /** The values the styles' :host() and :state() rules test. */
73
73
  const hostState = computed(() => [
74
74
  checkedProps.value.density && "density",
75
75
  checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
@@ -110,6 +110,6 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
110
110
  }]]);
111
111
  };
112
112
  }
113
- }), [["__scopeId", "data-v-e8ce5e2d"]]);
113
+ }), [["__scopeId", "data-v-3f99d1ba"]]);
114
114
  //#endregion
115
115
  export { UiTable_default as t };
@@ -186,7 +186,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
186
186
  provide("html-next:ui-tabs:internalValue", internalValue);
187
187
  provide("html-next:ui-tabs:tabs", tabs);
188
188
  checkHydratedRoot("div", "ui-tabs");
189
- /** The values the styles' :host() prop and state rules test. */
189
+ /** The values the styles' :host() and :state() rules test. */
190
190
  const hostState = computed(() => [
191
191
  checkedProps.value.density && "density",
192
192
  checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
@@ -317,6 +317,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
317
317
  }]]);
318
318
  };
319
319
  }
320
- }), [["__scopeId", "data-v-d0e7c6e5"]]);
320
+ }), [["__scopeId", "data-v-8892c3ae"]]);
321
321
  //#endregion
322
322
  export { UiTabs_default as t };
@@ -432,7 +432,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
432
432
  const root = useTemplateRef("@html-next/root");
433
433
  preserveRootFocus(root);
434
434
  checkHydratedRoot(checkedProps.value.as === "span" ? "span" : checkedProps.value.as === "div" ? "div" : checkedProps.value.as === "small" ? "small" : checkedProps.value.as === "strong" ? "strong" : checkedProps.value.as === "label" ? "label" : checkedProps.value.as === "h2" ? "h2" : checkedProps.value.as === "h3" ? "h3" : checkedProps.value.as === "h4" ? "h4" : checkedProps.value.as === "h5" ? "h5" : checkedProps.value.as === "h6" ? "h6" : "p", "ui-text");
435
- /** The values the styles' :host() prop and state rules test. */
435
+ /** The values the styles' :host() and :state() rules test. */
436
436
  const hostState = computed(() => [
437
437
  checkedProps.value.grow && "grow",
438
438
  checkedProps.value.size && "size",
@@ -698,6 +698,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
698
698
  }]]);
699
699
  };
700
700
  }
701
- }), [["__scopeId", "data-v-007f4ffd"]]);
701
+ }), [["__scopeId", "data-v-1c015f24"]]);
702
702
  //#endregion
703
703
  export { UiText_default as t };
@@ -228,7 +228,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
228
228
  });
229
229
  const root = ref(null);
230
230
  checkHydratedRoot("textarea", "ui-textarea");
231
- /** The values the styles' :host() prop and state rules test. */
231
+ /** The values the styles' :host() and :state() rules test. */
232
232
  const hostState = computed(() => [
233
233
  checkedProps.value.size && "size",
234
234
  checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
@@ -303,6 +303,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
303
303
  }]]);
304
304
  };
305
305
  }
306
- }), [["__scopeId", "data-v-a17c3eb9"]]);
306
+ }), [["__scopeId", "data-v-e9c54464"]]);
307
307
  //#endregion
308
308
  export { UiTextarea_default as t };
@@ -85,7 +85,7 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
85
85
  const root = ref(null);
86
86
  const actionElement = useTemplateRef("actionElement");
87
87
  checkHydratedRoot("div", "ui-toast");
88
- /** The values the styles' :host() prop and state rules test. */
88
+ /** The values the styles' :host() and :state() rules test. */
89
89
  const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
90
90
  const isDismissDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && (detail["reason"] === "action" || detail["reason"] === "timeout") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
91
91
  "id",
@@ -156,6 +156,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
156
156
  }]]);
157
157
  };
158
158
  }
159
- }), [["__scopeId", "data-v-16a93365"]]);
159
+ }), [["__scopeId", "data-v-3d934282"]]);
160
160
  //#endregion
161
161
  export { UiToast_default as t };
@@ -96,7 +96,7 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
96
96
  const toasts = ref([]);
97
97
  provide("html-next:ui-toast-region:toasts", toasts);
98
98
  checkHydratedRoot("div", "ui-toast-region");
99
- /** The values the styles' :host() prop and state rules test. */
99
+ /** The values the styles' :host() and :state() rules test. */
100
100
  const hostState = computed(() => [checkedProps.value.placement && "placement", checkedProps.value.placement != null && `placement=${encodeURIComponent(checkedProps.value.placement)}`].filter(Boolean).join(" "));
101
101
  const isDismissDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && (detail["reason"] === "action" || detail["reason"] === "timeout") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
102
102
  "id",
@@ -256,6 +256,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
256
256
  }]]);
257
257
  };
258
258
  }
259
- }), [["__scopeId", "data-v-4af986cc"]]);
259
+ }), [["__scopeId", "data-v-f81961a9"]]);
260
260
  //#endregion
261
261
  export { UiToastRegion_default as t };
@@ -209,7 +209,7 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
209
209
  const internalOpen = ref(false);
210
210
  provide("html-next:ui-tooltip:internalOpen", internalOpen);
211
211
  checkHydratedRoot("span", "ui-tooltip");
212
- /** The values the styles' :host() prop and state rules test. */
212
+ /** The values the styles' :host() and :state() rules test. */
213
213
  const hostState = computed(() => [checkedProps.value.inverse && "inverse"].filter(Boolean).join(" "));
214
214
  const isOpenDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
215
215
  "open",
@@ -283,6 +283,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
283
283
  }]]);
284
284
  };
285
285
  }
286
- }), [["__scopeId", "data-v-de7b5e63"]]);
286
+ }), [["__scopeId", "data-v-047804e4"]]);
287
287
  //#endregion
288
288
  export { UiTooltip_default as t };
@@ -36,6 +36,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
36
36
  ], 16);
37
37
  };
38
38
  }
39
- }), [["__scopeId", "data-v-5f781fcb"]]);
39
+ }), [["__scopeId", "data-v-999d7e3a"]]);
40
40
  //#endregion
41
41
  export { UiTopBar_default as t };
@@ -183,7 +183,7 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
183
183
  const emit = __emit;
184
184
  const root = ref(null);
185
185
  checkHydratedRoot("div", "ui-tree");
186
- /** The values the styles' :host() prop and state rules test. */
186
+ /** The values the styles' :host() and :state() rules test. */
187
187
  const hostState = computed(() => [
188
188
  checkedProps.value.marquee && "marquee",
189
189
  checkedProps.value.density && "density",
@@ -269,6 +269,6 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
269
269
  }]]);
270
270
  };
271
271
  }
272
- }), [["__scopeId", "data-v-11e6bf73"]]);
272
+ }), [["__scopeId", "data-v-68fd9a36"]]);
273
273
  //#endregion
274
274
  export { UiTree_default as t };
@@ -405,7 +405,7 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
405
405
  provide("html-next:ui-tree-item:isContainer", isContainer);
406
406
  provide("html-next:ui-tree-item:moving", moving);
407
407
  checkHydratedRoot("div", "ui-tree-item");
408
- /** The values the styles' :host() prop and state rules test. */
408
+ /** The values the styles' :host() and :state() rules test. */
409
409
  const hostState = computed(() => [
410
410
  checkedProps.value.selected && "selected",
411
411
  checkedProps.value.disabled && "disabled",
@@ -690,6 +690,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
690
690
  }]]);
691
691
  };
692
692
  }
693
- }), [["__scopeId", "data-v-94992850"]]);
693
+ }), [["__scopeId", "data-v-5bc299b7"]]);
694
694
  //#endregion
695
695
  export { UiTreeItem_default as t };
@@ -333,12 +333,13 @@ function useComponentHost(controllerLoader, options) {
333
333
  validate: validity
334
334
  });
335
335
  }
336
+ let lastRoot = null;
336
337
  const host = {
337
338
  get element() {
338
- return root.value;
339
+ return root.value ?? lastRoot;
339
340
  },
340
341
  get root() {
341
- return root.value;
342
+ return root.value ?? lastRoot;
342
343
  },
343
344
  ...controllerNamespaces({
344
345
  state: Object.fromEntries(Object.entries(state).map(([name, value]) => [name, {
@@ -451,6 +452,7 @@ function useComponentHost(controllerLoader, options) {
451
452
  };
452
453
  const synchronize = () => {
453
454
  if (unmounted) return;
455
+ lastRoot = root.value ?? lastRoot;
454
456
  if (root.value?.isConnected !== true) {
455
457
  disconnect();
456
458
  return;
@@ -614,6 +616,14 @@ function useReflectedProp() {
614
616
  return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
615
617
  };
616
618
  }
619
+ /** A scoped slot's name, which the consumer must fill with a `<template slot>` rather than plain children. */
620
+ function useScopedSlotName() {
621
+ const slots = useSlots();
622
+ return (name) => {
623
+ if (slots[name] === void 0 && slots.default?.().some((node) => node.props?.slot === name)) throw diagnostic("HR007", "Scoped slot `" + name + "` requires a consumer <template slot=\"" + name + "\">.");
624
+ return name;
625
+ };
626
+ }
617
627
  var KeyedFailure = /* @__PURE__ */ defineComponent({
618
628
  props: { error: {
619
629
  type: null,
@@ -1012,4 +1022,4 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
1012
1022
  return target;
1013
1023
  };
1014
1024
  //#endregion
1015
- export { uniqueKeys as _, concat as a, warnUnless as b, decimalMultiply as c, list as d, math as f, text as g, preserveRootFocus as h, checkHydratedRoot as i, decimalSubtract as l, number as m, KeyedBoundary as n, createDispatch as o, nativeAttrs as p, attribute as r, cycleCheckedComputed as s, _plugin_vue_export_helper_default as t, formatValue as u, useComponentHost as v, useReflectedProp as y };
1025
+ export { uniqueKeys as _, concat as a, useScopedSlotName as b, decimalMultiply as c, list as d, math as f, text as g, preserveRootFocus as h, checkHydratedRoot as i, decimalSubtract as l, number as m, KeyedBoundary as n, createDispatch as o, nativeAttrs as p, attribute as r, cycleCheckedComputed as s, _plugin_vue_export_helper_default as t, formatValue as u, useComponentHost as v, warnUnless as x, useReflectedProp as y };