@msviderok/base-ui-solid 1.0.0-beta.1 → 1.0.0-beta.2

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 (372) hide show
  1. package/cjs/accordion/header/AccordionHeader.js +2 -4
  2. package/cjs/accordion/item/AccordionItem.js +10 -6
  3. package/cjs/accordion/panel/AccordionPanel.js +8 -4
  4. package/cjs/accordion/root/AccordionRoot.js +12 -8
  5. package/cjs/accordion/trigger/AccordionTrigger.js +2 -4
  6. package/cjs/alert-dialog/backdrop/AlertDialogBackdrop.js +2 -4
  7. package/cjs/alert-dialog/close/AlertDialogClose.js +2 -4
  8. package/cjs/alert-dialog/description/AlertDialogDescription.js +2 -4
  9. package/cjs/alert-dialog/popup/AlertDialogPopup.js +24 -16
  10. package/cjs/alert-dialog/portal/AlertDialogPortal.js +20 -10
  11. package/cjs/alert-dialog/root/AlertDialogRoot.js +5 -3
  12. package/cjs/alert-dialog/title/AlertDialogTitle.js +1 -4
  13. package/cjs/alert-dialog/trigger/AlertDialogTrigger.js +2 -4
  14. package/cjs/avatar/fallback/AvatarFallback.js +2 -4
  15. package/cjs/avatar/image/AvatarImage.js +2 -4
  16. package/cjs/avatar/root/AvatarRoot.js +5 -3
  17. package/cjs/checkbox/indicator/CheckboxIndicator.js +8 -4
  18. package/cjs/checkbox/root/CheckboxRoot.js +15 -9
  19. package/cjs/checkbox-group/CheckboxGroup.js +5 -3
  20. package/cjs/collapsible/panel/CollapsiblePanel.js +8 -4
  21. package/cjs/collapsible/root/CollapsibleRoot.js +15 -7
  22. package/cjs/collapsible/trigger/CollapsibleTrigger.js +2 -4
  23. package/cjs/composite/item/CompositeItem.js +2 -4
  24. package/cjs/composite/list/CompositeList.js +16 -12
  25. package/cjs/composite/root/CompositeRoot.js +13 -7
  26. package/cjs/context-menu/root/ContextMenuRoot.js +10 -8
  27. package/cjs/context-menu/trigger/ContextMenuTrigger.js +2 -4
  28. package/cjs/dialog/backdrop/DialogBackdrop.js +2 -4
  29. package/cjs/dialog/close/DialogClose.js +2 -4
  30. package/cjs/dialog/description/DialogDescription.js +2 -4
  31. package/cjs/dialog/popup/DialogPopup.js +30 -18
  32. package/cjs/dialog/portal/DialogPortal.js +20 -10
  33. package/cjs/dialog/root/DialogRoot.js +10 -6
  34. package/cjs/dialog/title/DialogTitle.js +2 -4
  35. package/cjs/dialog/trigger/DialogTrigger.js +2 -4
  36. package/cjs/direction-provider/DirectionProvider.js +5 -3
  37. package/cjs/field/control/FieldControl.js +2 -4
  38. package/cjs/field/description/FieldDescription.js +2 -4
  39. package/cjs/field/error/FieldError.js +21 -16
  40. package/cjs/field/label/FieldLabel.js +2 -4
  41. package/cjs/field/root/FieldRoot.js +5 -3
  42. package/cjs/field/validity/FieldValidity.js +6 -6
  43. package/cjs/fieldset/legend/FieldsetLegend.js +2 -4
  44. package/cjs/fieldset/root/FieldsetRoot.js +5 -3
  45. package/cjs/floating-ui-solid/components/FloatingDelayGroup.js +5 -3
  46. package/cjs/floating-ui-solid/components/FloatingFocusManager.js +39 -24
  47. package/cjs/floating-ui-solid/components/FloatingPortal.js +73 -47
  48. package/cjs/floating-ui-solid/components/FloatingTree.js +9 -5
  49. package/cjs/form/Form.js +5 -3
  50. package/cjs/input/Input.js +2 -4
  51. package/cjs/menu/arrow/MenuArrow.js +2 -4
  52. package/cjs/menu/backdrop/MenuBackdrop.js +2 -4
  53. package/cjs/menu/checkbox-item/MenuCheckboxItem.js +5 -3
  54. package/cjs/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js +2 -4
  55. package/cjs/menu/group/MenuGroup.js +5 -3
  56. package/cjs/menu/group-label/MenuGroupLabel.js +2 -4
  57. package/cjs/menu/item/MenuItem.js +2 -4
  58. package/cjs/menu/popup/MenuPopup.js +14 -6
  59. package/cjs/menu/portal/MenuPortal.js +20 -10
  60. package/cjs/menu/positioner/MenuPositioner.js +32 -20
  61. package/cjs/menu/radio-group/MenuRadioGroup.js +5 -3
  62. package/cjs/menu/radio-item/MenuRadioItem.js +5 -3
  63. package/cjs/menu/radio-item-indicator/MenuRadioItemIndicator.js +2 -4
  64. package/cjs/menu/root/MenuRoot.js +24 -12
  65. package/cjs/menu/submenu-root/MenuSubmenuRoot.js +5 -5
  66. package/cjs/menu/submenu-trigger/MenuSubmenuTrigger.js +2 -4
  67. package/cjs/menu/trigger/MenuTrigger.js +13 -7
  68. package/cjs/menubar/Menubar.js +31 -15
  69. package/cjs/meter/indicator/MeterIndicator.js +2 -4
  70. package/cjs/meter/label/MeterLabel.js +2 -4
  71. package/cjs/meter/root/MeterRoot.js +5 -3
  72. package/cjs/meter/track/MeterTrack.js +2 -4
  73. package/cjs/meter/value/MeterValue.js +3 -7
  74. package/cjs/navigation-menu/arrow/NavigationMenuArrow.js +2 -4
  75. package/cjs/navigation-menu/backdrop/NavigationMenuBackdrop.js +2 -4
  76. package/cjs/navigation-menu/content/NavigationMenuContent.js +25 -14
  77. package/cjs/navigation-menu/icon/NavigationMenuIcon.js +2 -4
  78. package/cjs/navigation-menu/item/NavigationMenuItem.js +5 -5
  79. package/cjs/navigation-menu/link/NavigationMenuLink.js +2 -2
  80. package/cjs/navigation-menu/list/NavigationMenuList.js +5 -3
  81. package/cjs/navigation-menu/popup/NavigationMenuPopup.js +32 -34
  82. package/cjs/navigation-menu/portal/NavigationMenuPortal.js +20 -10
  83. package/cjs/navigation-menu/positioner/NavigationMenuPositioner.js +5 -3
  84. package/cjs/navigation-menu/root/NavigationMenuRoot.js +23 -13
  85. package/cjs/navigation-menu/trigger/NavigationMenuTrigger.js +56 -49
  86. package/cjs/navigation-menu/viewport/NavigationMenuViewport.js +2 -4
  87. package/cjs/number-field/decrement/NumberFieldDecrement.js +2 -4
  88. package/cjs/number-field/group/NumberFieldGroup.js +2 -4
  89. package/cjs/number-field/increment/NumberFieldIncrement.js +2 -4
  90. package/cjs/number-field/input/NumberFieldInput.js +2 -4
  91. package/cjs/number-field/root/NumberFieldRoot.js +32 -16
  92. package/cjs/number-field/scrub-area/NumberFieldScrubArea.js +5 -3
  93. package/cjs/number-field/scrub-area-cursor/NumberFieldScrubAreaCursor.js +8 -5
  94. package/cjs/popover/arrow/PopoverArrow.js +2 -4
  95. package/cjs/popover/backdrop/PopoverBackdrop.js +2 -4
  96. package/cjs/popover/close/PopoverClose.js +2 -4
  97. package/cjs/popover/description/PopoverDescription.js +2 -4
  98. package/cjs/popover/popup/PopoverPopup.js +20 -8
  99. package/cjs/popover/portal/PopoverPortal.js +20 -10
  100. package/cjs/popover/positioner/PopoverPositioner.js +27 -13
  101. package/cjs/popover/root/PopoverRoot.js +19 -13
  102. package/cjs/popover/title/PopoverTitle.js +2 -4
  103. package/cjs/popover/trigger/PopoverTrigger.js +2 -4
  104. package/cjs/preview-card/arrow/PreviewCardArrow.js +2 -4
  105. package/cjs/preview-card/backdrop/PreviewCardBackdrop.js +2 -4
  106. package/cjs/preview-card/popup/PreviewCardPopup.js +2 -4
  107. package/cjs/preview-card/portal/PreviewCardPortal.js +20 -10
  108. package/cjs/preview-card/positioner/PreviewCardPositioner.js +5 -3
  109. package/cjs/preview-card/root/PreviewCardRoot.js +5 -3
  110. package/cjs/preview-card/trigger/PreviewCardTrigger.js +2 -4
  111. package/cjs/progress/indicator/ProgressIndicator.js +2 -4
  112. package/cjs/progress/label/ProgressLabel.js +2 -4
  113. package/cjs/progress/root/ProgressRoot.js +5 -3
  114. package/cjs/progress/track/ProgressTrack.js +2 -4
  115. package/cjs/progress/value/ProgressValue.js +2 -4
  116. package/cjs/radio/indicator/RadioIndicator.js +8 -4
  117. package/cjs/radio/root/RadioRoot.js +20 -11
  118. package/cjs/radio-group/RadioGroup.js +15 -10
  119. package/cjs/scroll-area/content/ScrollAreaContent.js +2 -4
  120. package/cjs/scroll-area/corner/ScrollAreaCorner.js +8 -4
  121. package/cjs/scroll-area/root/ScrollAreaRoot.js +5 -3
  122. package/cjs/scroll-area/scrollbar/ScrollAreaScrollbar.js +13 -7
  123. package/cjs/scroll-area/thumb/ScrollAreaThumb.js +2 -4
  124. package/cjs/scroll-area/viewport/ScrollAreaViewport.js +5 -3
  125. package/cjs/select/arrow/SelectArrow.js +8 -4
  126. package/cjs/select/backdrop/SelectBackdrop.js +2 -4
  127. package/cjs/select/group/SelectGroup.js +5 -3
  128. package/cjs/select/group-label/SelectGroupLabel.js +2 -4
  129. package/cjs/select/icon/SelectIcon.js +3 -7
  130. package/cjs/select/item/SelectItem.js +5 -3
  131. package/cjs/select/item-indicator/SelectItemIndicator.js +8 -4
  132. package/cjs/select/item-text/SelectItemText.js +2 -4
  133. package/cjs/select/popup/SelectPopup.js +12 -10
  134. package/cjs/select/portal/SelectPortal.js +20 -10
  135. package/cjs/select/positioner/SelectPositioner.js +23 -13
  136. package/cjs/select/root/SelectRoot.js +54 -47
  137. package/cjs/select/scroll-arrow/SelectScrollArrow.js +9 -7
  138. package/cjs/select/scroll-down-arrow/SelectScrollDownArrow.js +7 -5
  139. package/cjs/select/scroll-up-arrow/SelectScrollUpArrow.js +7 -5
  140. package/cjs/select/trigger/SelectTrigger.js +2 -4
  141. package/cjs/select/value/SelectValue.js +3 -7
  142. package/cjs/separator/Separator.js +2 -4
  143. package/cjs/slider/control/SliderControl.js +2 -4
  144. package/cjs/slider/indicator/SliderIndicator.js +2 -4
  145. package/cjs/slider/root/SliderRoot.js +66 -47
  146. package/cjs/slider/thumb/SliderThumb.js +8 -11
  147. package/cjs/slider/track/SliderTrack.js +2 -4
  148. package/cjs/slider/value/SliderValue.js +3 -7
  149. package/cjs/switch/root/SwitchRoot.js +15 -9
  150. package/cjs/switch/thumb/SwitchThumb.js +2 -4
  151. package/cjs/tabs/indicator/TabsIndicator.js +13 -11
  152. package/cjs/tabs/list/TabsList.js +20 -12
  153. package/cjs/tabs/panel/TabsPanel.js +3 -7
  154. package/cjs/tabs/root/TabsRoot.js +13 -9
  155. package/cjs/tabs/tab/TabsTab.js +2 -4
  156. package/cjs/toast/action/ToastAction.js +3 -7
  157. package/cjs/toast/close/ToastClose.js +2 -4
  158. package/cjs/toast/description/ToastDescription.js +3 -7
  159. package/cjs/toast/portal/ToastPortal.js +8 -4
  160. package/cjs/toast/provider/ToastProvider.js +5 -3
  161. package/cjs/toast/root/ToastRoot.js +30 -22
  162. package/cjs/toast/title/ToastTitle.js +3 -7
  163. package/cjs/toast/utils/test-utils.js +26 -21
  164. package/cjs/toast/viewport/ToastViewport.js +13 -14
  165. package/cjs/toggle/Toggle.js +10 -6
  166. package/cjs/toggle-group/ToggleGroup.js +19 -11
  167. package/cjs/toolbar/button/ToolbarButton.js +2 -2
  168. package/cjs/toolbar/group/ToolbarGroup.js +5 -3
  169. package/cjs/toolbar/input/ToolbarInput.js +2 -2
  170. package/cjs/toolbar/link/ToolbarLink.js +2 -2
  171. package/cjs/toolbar/root/ToolbarRoot.js +20 -10
  172. package/cjs/toolbar/separator/ToolbarSeparator.js +11 -6
  173. package/cjs/tooltip/arrow/TooltipArrow.js +2 -4
  174. package/cjs/tooltip/popup/TooltipPopup.js +2 -4
  175. package/cjs/tooltip/portal/TooltipPortal.js +20 -10
  176. package/cjs/tooltip/positioner/TooltipPositioner.js +5 -3
  177. package/cjs/tooltip/provider/TooltipProvider.js +15 -7
  178. package/cjs/tooltip/root/TooltipRoot.js +5 -3
  179. package/cjs/tooltip/trigger/TooltipTrigger.js +2 -4
  180. package/cjs/unstable-no-ssr/NoSsr.js +11 -5
  181. package/cjs/utils/FloatingPortalLite.js +7 -4
  182. package/cjs/utils/FocusGuard.js +19 -10
  183. package/cjs/utils/InternalBackdrop.js +19 -18
  184. package/cjs/utils/styles.js +3 -5
  185. package/cjs/utils/useRenderElement.js +34 -31
  186. package/esm/accordion/header/AccordionHeader.js +2 -4
  187. package/esm/accordion/item/AccordionItem.js +10 -6
  188. package/esm/accordion/panel/AccordionPanel.js +8 -4
  189. package/esm/accordion/root/AccordionRoot.js +12 -8
  190. package/esm/accordion/trigger/AccordionTrigger.js +3 -4
  191. package/esm/alert-dialog/backdrop/AlertDialogBackdrop.js +2 -4
  192. package/esm/alert-dialog/close/AlertDialogClose.js +2 -4
  193. package/esm/alert-dialog/description/AlertDialogDescription.js +2 -4
  194. package/esm/alert-dialog/popup/AlertDialogPopup.js +25 -16
  195. package/esm/alert-dialog/portal/AlertDialogPortal.js +20 -10
  196. package/esm/alert-dialog/root/AlertDialogRoot.js +5 -3
  197. package/esm/alert-dialog/title/AlertDialogTitle.js +1 -4
  198. package/esm/alert-dialog/trigger/AlertDialogTrigger.js +2 -4
  199. package/esm/avatar/fallback/AvatarFallback.js +2 -4
  200. package/esm/avatar/image/AvatarImage.js +2 -4
  201. package/esm/avatar/root/AvatarRoot.js +5 -3
  202. package/esm/checkbox/indicator/CheckboxIndicator.js +8 -4
  203. package/esm/checkbox/root/CheckboxRoot.js +21 -9
  204. package/esm/checkbox-group/CheckboxGroup.js +5 -3
  205. package/esm/collapsible/panel/CollapsiblePanel.js +8 -4
  206. package/esm/collapsible/root/CollapsibleRoot.js +15 -7
  207. package/esm/collapsible/trigger/CollapsibleTrigger.js +2 -4
  208. package/esm/composite/item/CompositeItem.js +2 -4
  209. package/esm/composite/list/CompositeList.js +16 -12
  210. package/esm/composite/root/CompositeRoot.js +13 -7
  211. package/esm/context-menu/root/ContextMenuRoot.js +10 -8
  212. package/esm/context-menu/trigger/ContextMenuTrigger.js +2 -4
  213. package/esm/dialog/backdrop/DialogBackdrop.js +2 -4
  214. package/esm/dialog/close/DialogClose.js +2 -4
  215. package/esm/dialog/description/DialogDescription.js +2 -4
  216. package/esm/dialog/popup/DialogPopup.js +31 -18
  217. package/esm/dialog/portal/DialogPortal.js +20 -10
  218. package/esm/dialog/root/DialogRoot.js +10 -6
  219. package/esm/dialog/title/DialogTitle.js +2 -4
  220. package/esm/dialog/trigger/DialogTrigger.js +2 -4
  221. package/esm/direction-provider/DirectionProvider.js +5 -3
  222. package/esm/field/control/FieldControl.js +2 -4
  223. package/esm/field/description/FieldDescription.js +2 -4
  224. package/esm/field/error/FieldError.js +24 -16
  225. package/esm/field/label/FieldLabel.js +2 -4
  226. package/esm/field/root/FieldRoot.js +5 -3
  227. package/esm/field/validity/FieldValidity.js +7 -5
  228. package/esm/fieldset/legend/FieldsetLegend.js +2 -4
  229. package/esm/fieldset/root/FieldsetRoot.js +5 -3
  230. package/esm/floating-ui-solid/components/FloatingDelayGroup.js +5 -3
  231. package/esm/floating-ui-solid/components/FloatingFocusManager.js +43 -24
  232. package/esm/floating-ui-solid/components/FloatingPortal.js +78 -46
  233. package/esm/floating-ui-solid/components/FloatingTree.js +9 -5
  234. package/esm/form/Form.js +5 -3
  235. package/esm/index.js +1 -1
  236. package/esm/input/Input.js +2 -4
  237. package/esm/menu/arrow/MenuArrow.js +2 -4
  238. package/esm/menu/backdrop/MenuBackdrop.js +2 -4
  239. package/esm/menu/checkbox-item/MenuCheckboxItem.js +5 -3
  240. package/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js +2 -4
  241. package/esm/menu/group/MenuGroup.js +5 -3
  242. package/esm/menu/group-label/MenuGroupLabel.js +2 -4
  243. package/esm/menu/item/MenuItem.js +2 -4
  244. package/esm/menu/popup/MenuPopup.js +15 -6
  245. package/esm/menu/portal/MenuPortal.js +20 -10
  246. package/esm/menu/positioner/MenuPositioner.js +33 -20
  247. package/esm/menu/radio-group/MenuRadioGroup.js +5 -3
  248. package/esm/menu/radio-item/MenuRadioItem.js +5 -3
  249. package/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js +2 -4
  250. package/esm/menu/root/MenuRoot.js +25 -12
  251. package/esm/menu/submenu-root/MenuSubmenuRoot.js +5 -5
  252. package/esm/menu/submenu-trigger/MenuSubmenuTrigger.js +2 -4
  253. package/esm/menu/trigger/MenuTrigger.js +13 -7
  254. package/esm/menubar/Menubar.js +31 -15
  255. package/esm/meter/indicator/MeterIndicator.js +2 -4
  256. package/esm/meter/label/MeterLabel.js +2 -4
  257. package/esm/meter/root/MeterRoot.js +5 -3
  258. package/esm/meter/track/MeterTrack.js +2 -4
  259. package/esm/meter/value/MeterValue.js +3 -7
  260. package/esm/navigation-menu/arrow/NavigationMenuArrow.js +2 -4
  261. package/esm/navigation-menu/backdrop/NavigationMenuBackdrop.js +2 -4
  262. package/esm/navigation-menu/content/NavigationMenuContent.js +25 -13
  263. package/esm/navigation-menu/icon/NavigationMenuIcon.js +2 -4
  264. package/esm/navigation-menu/item/NavigationMenuItem.js +6 -5
  265. package/esm/navigation-menu/link/NavigationMenuLink.js +2 -2
  266. package/esm/navigation-menu/list/NavigationMenuList.js +5 -3
  267. package/esm/navigation-menu/popup/NavigationMenuPopup.js +33 -34
  268. package/esm/navigation-menu/portal/NavigationMenuPortal.js +20 -10
  269. package/esm/navigation-menu/positioner/NavigationMenuPositioner.js +5 -3
  270. package/esm/navigation-menu/root/NavigationMenuRoot.js +23 -13
  271. package/esm/navigation-menu/trigger/NavigationMenuTrigger.js +61 -49
  272. package/esm/navigation-menu/viewport/NavigationMenuViewport.js +2 -4
  273. package/esm/number-field/decrement/NumberFieldDecrement.js +2 -4
  274. package/esm/number-field/group/NumberFieldGroup.js +2 -4
  275. package/esm/number-field/increment/NumberFieldIncrement.js +2 -4
  276. package/esm/number-field/input/NumberFieldInput.js +2 -4
  277. package/esm/number-field/root/NumberFieldRoot.js +37 -16
  278. package/esm/number-field/scrub-area/NumberFieldScrubArea.js +5 -3
  279. package/esm/number-field/scrub-area-cursor/NumberFieldScrubAreaCursor.js +8 -4
  280. package/esm/popover/arrow/PopoverArrow.js +2 -4
  281. package/esm/popover/backdrop/PopoverBackdrop.js +2 -4
  282. package/esm/popover/close/PopoverClose.js +2 -4
  283. package/esm/popover/description/PopoverDescription.js +2 -4
  284. package/esm/popover/popup/PopoverPopup.js +21 -8
  285. package/esm/popover/portal/PopoverPortal.js +20 -10
  286. package/esm/popover/positioner/PopoverPositioner.js +28 -13
  287. package/esm/popover/root/PopoverRoot.js +19 -13
  288. package/esm/popover/title/PopoverTitle.js +2 -4
  289. package/esm/popover/trigger/PopoverTrigger.js +2 -4
  290. package/esm/preview-card/arrow/PreviewCardArrow.js +2 -4
  291. package/esm/preview-card/backdrop/PreviewCardBackdrop.js +2 -4
  292. package/esm/preview-card/popup/PreviewCardPopup.js +2 -4
  293. package/esm/preview-card/portal/PreviewCardPortal.js +20 -10
  294. package/esm/preview-card/positioner/PreviewCardPositioner.js +5 -3
  295. package/esm/preview-card/root/PreviewCardRoot.js +5 -3
  296. package/esm/preview-card/trigger/PreviewCardTrigger.js +2 -4
  297. package/esm/progress/indicator/ProgressIndicator.js +2 -4
  298. package/esm/progress/label/ProgressLabel.js +2 -4
  299. package/esm/progress/root/ProgressRoot.js +5 -3
  300. package/esm/progress/track/ProgressTrack.js +2 -4
  301. package/esm/progress/value/ProgressValue.js +2 -4
  302. package/esm/radio/indicator/RadioIndicator.js +8 -4
  303. package/esm/radio/root/RadioRoot.js +22 -11
  304. package/esm/radio-group/RadioGroup.js +18 -10
  305. package/esm/scroll-area/content/ScrollAreaContent.js +2 -4
  306. package/esm/scroll-area/corner/ScrollAreaCorner.js +8 -4
  307. package/esm/scroll-area/root/ScrollAreaRoot.js +5 -3
  308. package/esm/scroll-area/scrollbar/ScrollAreaScrollbar.js +13 -7
  309. package/esm/scroll-area/thumb/ScrollAreaThumb.js +2 -4
  310. package/esm/scroll-area/viewport/ScrollAreaViewport.js +5 -3
  311. package/esm/select/arrow/SelectArrow.js +8 -4
  312. package/esm/select/backdrop/SelectBackdrop.js +2 -4
  313. package/esm/select/group/SelectGroup.js +5 -3
  314. package/esm/select/group-label/SelectGroupLabel.js +2 -4
  315. package/esm/select/icon/SelectIcon.js +3 -7
  316. package/esm/select/item/SelectItem.js +5 -3
  317. package/esm/select/item-indicator/SelectItemIndicator.js +8 -4
  318. package/esm/select/item-text/SelectItemText.js +2 -4
  319. package/esm/select/popup/SelectPopup.js +13 -10
  320. package/esm/select/portal/SelectPortal.js +20 -10
  321. package/esm/select/positioner/SelectPositioner.js +24 -13
  322. package/esm/select/root/SelectRoot.js +58 -47
  323. package/esm/select/scroll-arrow/SelectScrollArrow.js +10 -7
  324. package/esm/select/scroll-down-arrow/SelectScrollDownArrow.js +8 -5
  325. package/esm/select/scroll-up-arrow/SelectScrollUpArrow.js +8 -5
  326. package/esm/select/trigger/SelectTrigger.js +2 -4
  327. package/esm/select/value/SelectValue.js +3 -7
  328. package/esm/separator/Separator.js +2 -4
  329. package/esm/slider/control/SliderControl.js +2 -4
  330. package/esm/slider/indicator/SliderIndicator.js +2 -4
  331. package/esm/slider/root/SliderRoot.js +71 -47
  332. package/esm/slider/thumb/SliderThumb.js +10 -11
  333. package/esm/slider/track/SliderTrack.js +2 -4
  334. package/esm/slider/value/SliderValue.js +3 -7
  335. package/esm/switch/root/SwitchRoot.js +20 -9
  336. package/esm/switch/thumb/SwitchThumb.js +2 -4
  337. package/esm/tabs/indicator/TabsIndicator.js +15 -11
  338. package/esm/tabs/list/TabsList.js +20 -12
  339. package/esm/tabs/panel/TabsPanel.js +3 -7
  340. package/esm/tabs/root/TabsRoot.js +13 -9
  341. package/esm/tabs/tab/TabsTab.js +2 -4
  342. package/esm/toast/action/ToastAction.js +3 -7
  343. package/esm/toast/close/ToastClose.js +2 -4
  344. package/esm/toast/description/ToastDescription.js +3 -7
  345. package/esm/toast/portal/ToastPortal.js +8 -4
  346. package/esm/toast/provider/ToastProvider.js +5 -3
  347. package/esm/toast/root/ToastRoot.js +37 -22
  348. package/esm/toast/title/ToastTitle.js +3 -7
  349. package/esm/toast/utils/test-utils.js +28 -21
  350. package/esm/toast/viewport/ToastViewport.js +13 -13
  351. package/esm/toggle/Toggle.js +10 -6
  352. package/esm/toggle-group/ToggleGroup.js +19 -11
  353. package/esm/toolbar/button/ToolbarButton.js +2 -2
  354. package/esm/toolbar/group/ToolbarGroup.js +5 -3
  355. package/esm/toolbar/input/ToolbarInput.js +2 -2
  356. package/esm/toolbar/link/ToolbarLink.js +2 -2
  357. package/esm/toolbar/root/ToolbarRoot.js +20 -10
  358. package/esm/toolbar/separator/ToolbarSeparator.js +12 -6
  359. package/esm/tooltip/arrow/TooltipArrow.js +2 -4
  360. package/esm/tooltip/popup/TooltipPopup.js +2 -4
  361. package/esm/tooltip/portal/TooltipPortal.js +20 -10
  362. package/esm/tooltip/positioner/TooltipPositioner.js +5 -3
  363. package/esm/tooltip/provider/TooltipProvider.js +15 -7
  364. package/esm/tooltip/root/TooltipRoot.js +5 -3
  365. package/esm/tooltip/trigger/TooltipTrigger.js +2 -4
  366. package/esm/unstable-no-ssr/NoSsr.js +12 -5
  367. package/esm/utils/FloatingPortalLite.js +8 -4
  368. package/esm/utils/FocusGuard.js +23 -10
  369. package/esm/utils/InternalBackdrop.js +22 -18
  370. package/esm/utils/styles.js +3 -5
  371. package/esm/utils/useRenderElement.js +36 -30
  372. package/package.json +4 -3
package/cjs/preview-card/portal/PreviewCardPortal.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.PreviewCardPortal = PreviewCardPortal;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _FloatingPortalLite = require("../../utils/FloatingPortalLite");
9
10
  var _PreviewCardContext = require("../root/PreviewCardContext");
10
11
  var _PreviewCardPortalContext = require("./PreviewCardPortalContext");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * A portal element that moves the popup to a different part of the DOM.
14
14
  * By default, the portal element is appended to `<body>`.
@@ -21,14 +21,24 @@ function PreviewCardPortal(props) {
21
21
  mounted
22
22
  } = (0, _PreviewCardContext.usePreviewCardRootContext)();
23
23
  const shouldRender = () => mounted() || keepMounted();
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
25
- when: shouldRender(),
26
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PreviewCardPortalContext.PreviewCardPortalContext.Provider, {
27
- value: keepMounted,
28
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FloatingPortalLite.FloatingPortalLite, {
29
- root: props.container,
30
- children: props.children
31
- })
32
- })
24
+ return (0, _web.createComponent)(_solidJs.Show, {
25
+ get when() {
26
+ return shouldRender();
27
+ },
28
+ get children() {
29
+ return (0, _web.createComponent)(_PreviewCardPortalContext.PreviewCardPortalContext.Provider, {
30
+ value: keepMounted,
31
+ get children() {
32
+ return (0, _web.createComponent)(_FloatingPortalLite.FloatingPortalLite, {
33
+ get root() {
34
+ return props.container;
35
+ },
36
+ get children() {
37
+ return props.children;
38
+ }
39
+ });
40
+ }
41
+ });
42
+ }
33
43
  });
34
44
  }
package/cjs/preview-card/positioner/PreviewCardPositioner.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.PreviewCardPositioner = PreviewCardPositioner;
7
+ var _web = require("solid-js/web");
7
8
  var _solidHelpers = require("../../solid-helpers");
8
9
  var _constants = require("../../utils/constants");
9
10
  var _popupStateMapping = require("../../utils/popupStateMapping");
@@ -12,7 +13,6 @@ var _useRenderElement = require("../../utils/useRenderElement");
12
13
  var _PreviewCardPortalContext = require("../portal/PreviewCardPortalContext");
13
14
  var _PreviewCardContext = require("../root/PreviewCardContext");
14
15
  var _PreviewCardPositionerContext = require("./PreviewCardPositionerContext");
15
- var _jsxRuntime = require("react/jsx-runtime");
16
16
  /**
17
17
  * Positions the popup against the trigger.
18
18
  * Renders a `<div>` element.
@@ -92,8 +92,10 @@ function PreviewCardPositioner(componentProps) {
92
92
  props: [defaultProps, elementProps],
93
93
  customStyleHookMapping: _popupStateMapping.popupStateMapping
94
94
  });
95
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PreviewCardPositionerContext.PreviewCardPositionerContext.Provider, {
95
+ return (0, _web.createComponent)(_PreviewCardPositionerContext.PreviewCardPositionerContext.Provider, {
96
96
  value: positioning,
97
- children: element()
97
+ get children() {
98
+ return element();
99
+ }
98
100
  });
99
101
  }
package/cjs/preview-card/root/PreviewCardRoot.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.PreviewCardRoot = PreviewCardRoot;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _floatingUiSolid = require("../../floating-ui-solid");
9
10
  var _mergeProps = require("../../merge-props");
@@ -14,7 +15,6 @@ var _useOpenChangeComplete = require("../../utils/useOpenChangeComplete");
14
15
  var _useTransitionStatus = require("../../utils/useTransitionStatus");
15
16
  var _constants = require("../utils/constants");
16
17
  var _PreviewCardContext = require("./PreviewCardContext");
17
- var _jsxRuntime = require("react/jsx-runtime");
18
18
  /**
19
19
  * Groups all parts of the preview card.
20
20
  * Doesn’t render its own HTML element.
@@ -133,8 +133,10 @@ function PreviewCardRoot(props) {
133
133
  delay: delayWithDefault,
134
134
  closeDelay: closeDelayWithDefault
135
135
  };
136
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PreviewCardContext.PreviewCardRootContext.Provider, {
136
+ return (0, _web.createComponent)(_PreviewCardContext.PreviewCardRootContext.Provider, {
137
137
  value: contextValue,
138
- children: props.children
138
+ get children() {
139
+ return props.children;
140
+ }
139
141
  });
140
142
  }
package/cjs/preview-card/trigger/PreviewCardTrigger.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.PreviewCardTrigger = PreviewCardTrigger;
7
+ var _web = require("solid-js/web");
7
8
  var _solidHelpers = require("../../solid-helpers");
8
9
  var _popupStateMapping = require("../../utils/popupStateMapping");
9
10
  var _useRenderElement = require("../../utils/useRenderElement");
10
11
  var _PreviewCardContext = require("../root/PreviewCardContext");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * A link that opens the preview card.
14
14
  * Renders an `<a>` element.
@@ -33,7 +33,5 @@ function PreviewCardTrigger(componentProps) {
33
33
  props: [triggerProps, elementProps],
34
34
  customStyleHookMapping: _popupStateMapping.triggerOpenStateMapping
35
35
  });
36
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
37
- children: element()
38
- });
36
+ return (0, _web.memo)(element);
39
37
  }
package/cjs/progress/indicator/ProgressIndicator.js CHANGED
@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ProgressIndicator = ProgressIndicator;
7
+ var _web = require("solid-js/web");
7
8
  var _solidHelpers = require("../../solid-helpers");
8
9
  var _useRenderElement = require("../../utils/useRenderElement");
9
10
  var _valueToPercent = require("../../utils/valueToPercent");
10
11
  var _ProgressRootContext = require("../root/ProgressRootContext");
11
12
  var _styleHooks = require("../root/styleHooks");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
13
  /**
14
14
  * Visualizes the completion status of the task.
15
15
  * Renders a `<div>` element.
@@ -41,7 +41,5 @@ function ProgressIndicator(componentProps) {
41
41
  }, elementProps],
42
42
  customStyleHookMapping: _styleHooks.progressStyleHookMapping
43
43
  });
44
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
45
- children: element()
46
- });
44
+ return (0, _web.memo)(element);
47
45
  }
package/cjs/progress/label/ProgressLabel.js CHANGED
@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ProgressLabel = ProgressLabel;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _solidHelpers = require("../../solid-helpers");
9
10
  var _useBaseUiId = require("../../utils/useBaseUiId");
10
11
  var _useRenderElement = require("../../utils/useRenderElement");
11
12
  var _ProgressRootContext = require("../root/ProgressRootContext");
12
13
  var _styleHooks = require("../root/styleHooks");
13
- var _jsxRuntime = require("react/jsx-runtime");
14
14
  /**
15
15
  * An accessible label for the progress bar.
16
16
  * Renders a `<span>` element.
@@ -44,7 +44,5 @@ function ProgressLabel(componentProps) {
44
44
  }, elementProps],
45
45
  customStyleHookMapping: _styleHooks.progressStyleHookMapping
46
46
  });
47
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
48
- children: element()
49
- });
47
+ return (0, _web.memo)(element);
50
48
  }
package/cjs/progress/root/ProgressRoot.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ProgressRoot = ProgressRoot;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _store = require("solid-js/store");
9
10
  var _solidHelpers = require("../../solid-helpers");
@@ -11,7 +12,6 @@ var _formatNumber = require("../../utils/formatNumber");
11
12
  var _useRenderElement = require("../../utils/useRenderElement");
12
13
  var _ProgressRootContext = require("./ProgressRootContext");
13
14
  var _styleHooks = require("./styleHooks");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
15
  function formatValue(value, locale, format) {
16
16
  if (value == null) {
17
17
  return '';
@@ -98,8 +98,10 @@ function ProgressRoot(componentProps) {
98
98
  }
99
99
  }, elementProps]
100
100
  });
101
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressRootContext.ProgressRootContext.Provider, {
101
+ return (0, _web.createComponent)(_ProgressRootContext.ProgressRootContext.Provider, {
102
102
  value: contextValue,
103
- children: element()
103
+ get children() {
104
+ return element();
105
+ }
104
106
  });
105
107
  }
package/cjs/progress/track/ProgressTrack.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ProgressTrack = ProgressTrack;
7
+ var _web = require("solid-js/web");
7
8
  var _solidHelpers = require("../../solid-helpers");
8
9
  var _useRenderElement = require("../../utils/useRenderElement");
9
10
  var _ProgressRootContext = require("../root/ProgressRootContext");
10
11
  var _styleHooks = require("../root/styleHooks");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * Contains the progress bar indicator.
14
14
  * Renders a `<div>` element.
@@ -25,7 +25,5 @@ function ProgressTrack(componentProps) {
25
25
  props: elementProps,
26
26
  customStyleHookMapping: _styleHooks.progressStyleHookMapping
27
27
  });
28
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
29
- children: element()
30
- });
28
+ return (0, _web.memo)(element);
31
29
  }
package/cjs/progress/value/ProgressValue.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ProgressValue = ProgressValue;
7
+ var _web = require("solid-js/web");
7
8
  var _solidHelpers = require("../../solid-helpers");
8
9
  var _useRenderElement = require("../../utils/useRenderElement");
9
10
  var _ProgressRootContext = require("../root/ProgressRootContext");
10
11
  var _styleHooks = require("../root/styleHooks");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * A text label displaying the current value.
14
14
  * Renders a `<span>` element.
@@ -34,7 +34,5 @@ function ProgressValue(componentProps) {
34
34
  return componentProps.children?.(formattedValueArg(), value()) ?? formattedValueDisplay();
35
35
  }
36
36
  });
37
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
38
- children: element()
39
- });
37
+ return (0, _web.memo)(element);
40
38
  }
package/cjs/radio/indicator/RadioIndicator.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.RadioIndicator = RadioIndicator;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _solidHelpers = require("../../solid-helpers");
9
10
  var _useOpenChangeComplete = require("../../utils/useOpenChangeComplete");
@@ -11,7 +12,6 @@ var _useRenderElement = require("../../utils/useRenderElement");
11
12
  var _useTransitionStatus = require("../../utils/useTransitionStatus");
12
13
  var _RadioRootContext = require("../root/RadioRootContext");
13
14
  var _customStyleHookMapping = require("../utils/customStyleHookMapping");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
15
  /**
16
16
  * Indicates whether the radio button is selected.
17
17
  * Renders a `<span>` element.
@@ -80,8 +80,12 @@ function RadioIndicator(componentProps) {
80
80
  customStyleHookMapping: _customStyleHookMapping.customStyleHookMapping,
81
81
  props: elementProps
82
82
  });
83
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
84
- when: shouldRender(),
85
- children: element()
83
+ return (0, _web.createComponent)(_solidJs.Show, {
84
+ get when() {
85
+ return shouldRender();
86
+ },
87
+ get children() {
88
+ return element();
89
+ }
86
90
  });
87
91
  }
package/cjs/radio/root/RadioRoot.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.RadioRoot = RadioRoot;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _constants = require("../../composite/constants");
9
10
  var _CompositeItem = require("../../composite/item/CompositeItem");
@@ -17,7 +18,7 @@ var _useRenderElement = require("../../utils/useRenderElement");
17
18
  var _visuallyHidden = require("../../utils/visuallyHidden");
18
19
  var _customStyleHookMapping = require("../utils/customStyleHookMapping");
19
20
  var _RadioRootContext = require("./RadioRootContext");
20
- var _jsxRuntime = require("react/jsx-runtime");
21
+ var _tmpl$ = /*#__PURE__*/(0, _web.template)(`<input>`);
21
22
  /**
22
23
  * Represents the radio button itself.
23
24
  * Renders a `<button>` element and a hidden `<input>` beside.
@@ -189,16 +190,24 @@ function RadioRoot(componentProps) {
189
190
  customStyleHookMapping: _customStyleHookMapping.customStyleHookMapping,
190
191
  props: [rootProps, p => fieldControlValidation?.getValidationProps(p) ?? p, elementProps, getButtonProps]
191
192
  });
192
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_RadioRootContext.RadioRootContext.Provider, {
193
+ return (0, _web.createComponent)(_RadioRootContext.RadioRootContext.Provider, {
193
194
  value: context,
194
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
195
- when: setCheckedValue !== _noop.NOOP,
196
- fallback: element(),
197
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CompositeItem.CompositeItem, {
198
- render: element
199
- })
200
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
201
- ...inputProps
202
- })]
195
+ get children() {
196
+ return [(0, _web.createComponent)(_solidJs.Show, {
197
+ when: setCheckedValue !== _noop.NOOP,
198
+ get fallback() {
199
+ return element();
200
+ },
201
+ get children() {
202
+ return (0, _web.createComponent)(_CompositeItem.CompositeItem, {
203
+ render: element
204
+ });
205
+ }
206
+ }), (() => {
207
+ var _el$ = _tmpl$();
208
+ (0, _web.spread)(_el$, inputProps, false, false);
209
+ return _el$;
210
+ })()];
211
+ }
203
212
  });
204
213
  }
package/cjs/radio-group/RadioGroup.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.RadioGroup = RadioGroup;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _composite = require("../composite/composite");
9
10
  var _CompositeRoot = require("../composite/root/CompositeRoot");
@@ -20,7 +21,7 @@ var _useControlled = require("../utils/useControlled");
20
21
  var _useRenderElement = require("../utils/useRenderElement");
21
22
  var _visuallyHidden = require("../utils/visuallyHidden");
22
23
  var _RadioGroupContext = require("./RadioGroupContext");
23
- var _jsxRuntime = require("react/jsx-runtime");
24
+ var _tmpl$ = /*#__PURE__*/(0, _web.template)(`<input>`);
24
25
  const MODIFIER_KEYS = [_composite.SHIFT];
25
26
 
26
27
  /**
@@ -167,7 +168,7 @@ function RadioGroup(componentProps) {
167
168
  onKeyDown: onKeyDownCapture
168
169
  }, fieldControlValidation.getValidationProps, elementProps]
169
170
  });
170
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_RadioGroupContext.RadioGroupContext.Provider, {
171
+ return (0, _web.createComponent)(_RadioGroupContext.RadioGroupContext.Provider, {
171
172
  value: {
172
173
  checkedValue,
173
174
  disabled,
@@ -180,13 +181,17 @@ function RadioGroup(componentProps) {
180
181
  setTouched,
181
182
  touched
182
183
  },
183
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CompositeRoot.CompositeRoot, {
184
- enableHomeAndEndKeys: false,
185
- modifierKeys: MODIFIER_KEYS,
186
- stopEventPropagation: true,
187
- render: element
188
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
189
- ...inputProps()
190
- })]
184
+ get children() {
185
+ return [(0, _web.createComponent)(_CompositeRoot.CompositeRoot, {
186
+ enableHomeAndEndKeys: false,
187
+ modifierKeys: MODIFIER_KEYS,
188
+ stopEventPropagation: true,
189
+ render: element
190
+ }), (() => {
191
+ var _el$ = _tmpl$();
192
+ (0, _web.spread)(_el$, (0, _web.mergeProps)(() => inputProps()), false, false);
193
+ return _el$;
194
+ })()];
195
+ }
191
196
  });
192
197
  }
package/cjs/scroll-area/content/ScrollAreaContent.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ScrollAreaContent = ScrollAreaContent;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _solidHelpers = require("../../solid-helpers");
9
10
  var _useRenderElement = require("../../utils/useRenderElement");
10
11
  var _ScrollAreaViewportContext = require("../viewport/ScrollAreaViewportContext");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * A container for the content of the scroll area.
14
14
  * Renders a `<div>` element.
@@ -42,7 +42,5 @@ function ScrollAreaContent(componentProps) {
42
42
  }
43
43
  }, elementProps]
44
44
  });
45
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
46
- children: element()
47
- });
45
+ return (0, _web.memo)(element);
48
46
  }
package/cjs/scroll-area/corner/ScrollAreaCorner.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ScrollAreaCorner = ScrollAreaCorner;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _solidHelpers = require("../../solid-helpers");
9
10
  var _useRenderElement = require("../../utils/useRenderElement");
10
11
  var _ScrollAreaRootContext = require("../root/ScrollAreaRootContext");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * A small rectangular area that appears at the intersection of horizontal and vertical scrollbars.
14
14
  * Renders a `<div>` element.
@@ -34,8 +34,12 @@ function ScrollAreaCorner(componentProps) {
34
34
  }
35
35
  }, elementProps]
36
36
  });
37
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
38
- when: !context.hiddenState.cornerHidden,
39
- children: element()
37
+ return (0, _web.createComponent)(_solidJs.Show, {
38
+ get when() {
39
+ return !context.hiddenState.cornerHidden;
40
+ },
41
+ get children() {
42
+ return element();
43
+ }
40
44
  });
41
45
  }
package/cjs/scroll-area/root/ScrollAreaRoot.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ScrollAreaRoot = ScrollAreaRoot;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _store = require("solid-js/store");
9
10
  var _solidHelpers = require("../../solid-helpers");
@@ -16,7 +17,6 @@ var _ScrollAreaScrollbarDataAttributes = require("../scrollbar/ScrollAreaScrollb
16
17
  var _getOffset = require("../utils/getOffset");
17
18
  var _ScrollAreaRootContext = require("./ScrollAreaRootContext");
18
19
  var _ScrollAreaRootCssVars = require("./ScrollAreaRootCssVars");
19
- var _jsxRuntime = require("react/jsx-runtime");
20
20
  /**
21
21
  * Groups all parts of the scroll area.
22
22
  * Renders a `<div>` element.
@@ -204,8 +204,10 @@ function ScrollAreaRoot(componentProps) {
204
204
  }
205
205
  }, elementProps]
206
206
  });
207
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollAreaRootContext.ScrollAreaRootContext.Provider, {
207
+ return (0, _web.createComponent)(_ScrollAreaRootContext.ScrollAreaRootContext.Provider, {
208
208
  value: contextValue,
209
- children: element()
209
+ get children() {
210
+ return element();
211
+ }
210
212
  });
211
213
  }
package/cjs/scroll-area/scrollbar/ScrollAreaScrollbar.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _DirectionContext = require("../../direction-provider/DirectionContext");
9
10
  var _solidHelpers = require("../../solid-helpers");
@@ -13,7 +14,6 @@ var _ScrollAreaRootCssVars = require("../root/ScrollAreaRootCssVars");
13
14
  var _getOffset = require("../utils/getOffset");
14
15
  var _ScrollAreaScrollbarContext = require("./ScrollAreaScrollbarContext");
15
16
  var _ScrollAreaScrollbarCssVars = require("./ScrollAreaScrollbarCssVars");
16
- var _jsxRuntime = require("react/jsx-runtime");
17
17
  /**
18
18
  * A vertical or horizontal scrollbar for the scroll area.
19
19
  * Renders a `<div>` element.
@@ -171,11 +171,17 @@ function ScrollAreaScrollbar(componentProps) {
171
171
  }
172
172
  }, elementProps]
173
173
  });
174
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
175
- when: shouldRender(),
176
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollAreaScrollbarContext.ScrollAreaScrollbarContext.Provider, {
177
- value: contextValue,
178
- children: element()
179
- })
174
+ return (0, _web.createComponent)(_solidJs.Show, {
175
+ get when() {
176
+ return shouldRender();
177
+ },
178
+ get children() {
179
+ return (0, _web.createComponent)(_ScrollAreaScrollbarContext.ScrollAreaScrollbarContext.Provider, {
180
+ value: contextValue,
181
+ get children() {
182
+ return element();
183
+ }
184
+ });
185
+ }
180
186
  });
181
187
  }
package/cjs/scroll-area/thumb/ScrollAreaThumb.js CHANGED
@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ScrollAreaThumb = ScrollAreaThumb;
7
+ var _web = require("solid-js/web");
7
8
  var _solidHelpers = require("../../solid-helpers");
8
9
  var _useRenderElement = require("../../utils/useRenderElement");
9
10
  var _ScrollAreaRootContext = require("../root/ScrollAreaRootContext");
10
11
  var _ScrollAreaScrollbarContext = require("../scrollbar/ScrollAreaScrollbarContext");
11
12
  var _ScrollAreaScrollbarCssVars = require("../scrollbar/ScrollAreaScrollbarCssVars");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
13
  /**
14
14
  * The draggable part of the the scrollbar that indicates the current scroll position.
15
15
  * Renders a `<div>` element.
@@ -58,7 +58,5 @@ function ScrollAreaThumb(componentProps) {
58
58
  }
59
59
  }, elementProps]
60
60
  });
61
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
62
- children: element()
63
- });
61
+ return (0, _web.memo)(element);
64
62
  }
package/cjs/scroll-area/viewport/ScrollAreaViewport.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ScrollAreaViewport = ScrollAreaViewport;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _store = require("solid-js/store");
9
10
  var _DirectionContext = require("../../direction-provider/DirectionContext");
@@ -17,7 +18,6 @@ var _ScrollAreaRootContext = require("../root/ScrollAreaRootContext");
17
18
  var _getOffset = require("../utils/getOffset");
18
19
  var _onVisible = require("../utils/onVisible");
19
20
  var _ScrollAreaViewportContext = require("./ScrollAreaViewportContext");
20
- var _jsxRuntime = require("react/jsx-runtime");
21
21
  /**
22
22
  * The actual scrollable container of the scroll area.
23
23
  * Renders a `<div>` element.
@@ -194,8 +194,10 @@ function ScrollAreaViewport(componentProps) {
194
194
  onKeyDown: handleUserInteraction
195
195
  }, elementProps]
196
196
  });
197
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollAreaViewportContext.ScrollAreaViewportContext.Provider, {
197
+ return (0, _web.createComponent)(_ScrollAreaViewportContext.ScrollAreaViewportContext.Provider, {
198
198
  value: contextValue,
199
- children: element()
199
+ get children() {
200
+ return element();
201
+ }
200
202
  });
201
203
  }
package/cjs/select/arrow/SelectArrow.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SelectArrow = SelectArrow;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _solidHelpers = require("../../solid-helpers");
9
10
  var _popupStateMapping = require("../../utils/popupStateMapping");
@@ -11,7 +12,6 @@ var _styleHookMapping = require("../../utils/styleHookMapping");
11
12
  var _useRenderElement = require("../../utils/useRenderElement");
12
13
  var _SelectPositionerContext = require("../positioner/SelectPositionerContext");
13
14
  var _SelectRootContext = require("../root/SelectRootContext");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
15
  const customStyleHookMapping = {
16
16
  ..._popupStateMapping.popupStateMapping,
17
17
  ..._styleHookMapping.transitionStatusMapping
@@ -61,8 +61,12 @@ function SelectArrow(componentProps) {
61
61
  }, elementProps],
62
62
  customStyleHookMapping
63
63
  });
64
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
65
- when: alignItemWithTriggerActive() === false,
66
- children: element()
64
+ return (0, _web.createComponent)(_solidJs.Show, {
65
+ get when() {
66
+ return alignItemWithTriggerActive() === false;
67
+ },
68
+ get children() {
69
+ return element();
70
+ }
67
71
  });
68
72
  }
package/cjs/select/backdrop/SelectBackdrop.js CHANGED
@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SelectBackdrop = SelectBackdrop;
7
+ var _web = require("solid-js/web");
7
8
  var _solidHelpers = require("../../solid-helpers");
8
9
  var _popupStateMapping = require("../../utils/popupStateMapping");
9
10
  var _styleHookMapping = require("../../utils/styleHookMapping");
10
11
  var _useRenderElement = require("../../utils/useRenderElement");
11
12
  var _SelectRootContext = require("../root/SelectRootContext");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
13
  const customStyleHookMapping = {
14
14
  ..._popupStateMapping.popupStateMapping,
15
15
  ..._styleHookMapping.transitionStatusMapping
@@ -48,7 +48,5 @@ function SelectBackdrop(componentProps) {
48
48
  }
49
49
  }, elementProps]
50
50
  });
51
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
52
- children: element()
53
- });
51
+ return (0, _web.memo)(element);
54
52
  }
package/cjs/select/group/SelectGroup.js CHANGED
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SelectGroup = SelectGroup;
7
+ var _web = require("solid-js/web");
7
8
  var _solidJs = require("solid-js");
8
9
  var _solidHelpers = require("../../solid-helpers");
9
10
  var _useRenderElement = require("../../utils/useRenderElement");
10
11
  var _SelectGroupContext = require("./SelectGroupContext");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * Groups related select items with the corresponding label.
14
14
  * Renders a `<div>` element.
@@ -30,8 +30,10 @@ function SelectGroup(componentProps) {
30
30
  }
31
31
  }, elementProps]
32
32
  });
33
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectGroupContext.SelectGroupContext.Provider, {
33
+ return (0, _web.createComponent)(_SelectGroupContext.SelectGroupContext.Provider, {
34
34
  value: contextValue,
35
- children: element()
35
+ get children() {
36
+ return element();
37
+ }
36
38
  });
37
39
  }