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

package/esm/popover/positioner/PopoverPositioner.js

@@ -1,3 +1,5 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { Show, mergeProps as solidMergeProps } from 'solid-js';
 import { FloatingNode, useFloatingNodeId } from "../../floating-ui-solid/index.js";
 import { splitComponentProps } from "../../solid-helpers.js";
@@ -17,7 +19,6 @@ import { PopoverPositionerContext } from "./PopoverPositionerContext.js";
  *
  * Documentation: [Base UI Popover](https://base-ui.com/react/components/popover)
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function PopoverPositioner(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['anchor', 'positionMethod', 'side', 'align', 'sideOffset', 'alignOffset', 'collisionBoundary', 'collisionPadding', 'arrowPadding', 'sticky', 'trackAnchor', 'collisionAvoidance']);
   const positionMethod = () => local.positionMethod ?? 'absolute';
@@ -101,18 +102,32 @@ export function PopoverPositioner(componentProps) {
     props: [positioner.props, elementProps],
     customStyleHookMapping: popupStateMapping
   });
-  return /*#__PURE__*/_jsxs(PopoverPositionerContext.Provider, {
+  return _$createComponent(PopoverPositionerContext.Provider, {
     value: positioner,
-    children: [/*#__PURE__*/_jsx(Show, {
-      when: mounted() && modal() === true && openReason() !== 'trigger-hover' && openMethod() !== 'touch',
-      children: /*#__PURE__*/_jsx(InternalBackdrop, {
-        managed: true,
-        inert: inertValue(!open()),
-        cutout: triggerElement()
-      })
-    }), /*#__PURE__*/_jsx(FloatingNode, {
-      id: nodeId(),
-      children: element()
-    })]
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return _$memo(() => !!(mounted() && modal() === true && openReason() !== 'trigger-hover'))() && openMethod() !== 'touch';
+        },
+        get children() {
+          return _$createComponent(InternalBackdrop, {
+            managed: true,
+            get inert() {
+              return inertValue(!open());
+            },
+            get cutout() {
+              return triggerElement();
+            }
+          });
+        }
+      }), _$createComponent(FloatingNode, {
+        get id() {
+          return nodeId();
+        },
+        get children() {
+          return element();
+        }
+      })];
+    }
   });
 }

package/esm/popover/root/PopoverRoot.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { batch, createEffect, createSignal, on, onCleanup, onMount, Show } from 'solid-js';
 import { createStore } from 'solid-js/store';
 import { FloatingTree, safePolygon, useClick, useDismiss, useFloatingRootContext, useHover, useInteractions, useRole } from "../../floating-ui-solid/index.js";
@@ -12,7 +13,6 @@ import { useTimeout } from "../../utils/useTimeout.js";
 import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
 import { OPEN_DELAY } from "../utils/constants.js";
 import { PopoverRootContext, usePopoverRootContext } from "./PopoverRootContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 function PopoverRootComponent(props) {
   const defaultOpen = () => props.defaultOpen ?? false;
   const delay = () => props.delay ?? OPEN_DELAY;
@@ -182,9 +182,11 @@ function PopoverRootComponent(props) {
     codependentRefs,
     setCodependentRefs
   };
-  return /*#__PURE__*/_jsx(PopoverRootContext.Provider, {
+  return _$createComponent(PopoverRootContext.Provider, {
     value: popoverContext,
-    children: props.children
+    get children() {
+      return props.children;
+    }
   });
 }
 
@@ -195,15 +197,19 @@ function PopoverRootComponent(props) {
  * Documentation: [Base UI Popover](https://base-ui.com/react/components/popover)
  */
 export function PopoverRoot(props) {
-  return /*#__PURE__*/_jsx(Show, {
-    when: usePopoverRootContext(true),
-    fallback: /*#__PURE__*/_jsx(FloatingTree, {
-      children: /*#__PURE__*/_jsx(PopoverRootComponent, {
-        ...props
-      })
-    }),
-    children: /*#__PURE__*/_jsx(PopoverRootComponent, {
-      ...props
-    })
+  return _$createComponent(Show, {
+    get when() {
+      return usePopoverRootContext(true);
+    },
+    get fallback() {
+      return _$createComponent(FloatingTree, {
+        get children() {
+          return _$createComponent(PopoverRootComponent, props);
+        }
+      });
+    },
+    get children() {
+      return _$createComponent(PopoverRootComponent, props);
+    }
   });
 }

package/esm/popover/title/PopoverTitle.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { onMount } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useBaseUiId } from "../../utils/useBaseUiId.js";
@@ -10,7 +11,6 @@ import { usePopoverRootContext } from "../root/PopoverRootContext.js";
  *
  * Documentation: [Base UI Popover](https://base-ui.com/react/components/popover)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function PopoverTitle(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const {
@@ -35,7 +35,5 @@ export function PopoverTitle(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/popover/trigger/PopoverTrigger.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { access, splitComponentProps } from "../../solid-helpers.js";
 import { useButton } from "../../use-button/useButton.js";
 import { pressableTriggerOpenStateMapping, triggerOpenStateMapping } from "../../utils/popupStateMapping.js";
@@ -10,7 +11,6 @@ import { usePopoverRootContext } from "../root/PopoverRootContext.js";
  *
  * Documentation: [Base UI Popover](https://base-ui.com/react/components/popover)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function PopoverTrigger(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['disabled', 'nativeButton']);
   const disabled = () => local.disabled ?? false;
@@ -54,7 +54,5 @@ export function PopoverTrigger(componentProps) {
     props: [triggerProps, elementProps, getButtonProps],
     customStyleHookMapping
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/preview-card/arrow/PreviewCardArrow.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { popupStateMapping } from "../../utils/popupStateMapping.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -10,7 +11,6 @@ import { usePreviewCardRootContext } from "../root/PreviewCardContext.js";
  *
  * Documentation: [Base UI Preview Card](https://base-ui.com/react/components/preview-card)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function PreviewCardArrow(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const {
@@ -48,7 +48,5 @@ export function PreviewCardArrow(componentProps) {
       'aria-hidden': true
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/preview-card/backdrop/PreviewCardBackdrop.js

@@ -1,9 +1,9 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { popupStateMapping as baseMapping } from "../../utils/popupStateMapping.js";
 import { transitionStatusMapping } from "../../utils/styleHookMapping.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { usePreviewCardRootContext } from "../root/PreviewCardContext.js";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const customStyleHookMapping = {
   ...baseMapping,
   ...transitionStatusMapping
@@ -45,7 +45,5 @@ export function PreviewCardBackdrop(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/preview-card/popup/PreviewCardPopup.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { DISABLED_TRANSITIONS_STYLE } from "../../utils/constants.js";
 import { popupStateMapping as baseMapping } from "../../utils/popupStateMapping.js";
@@ -6,7 +7,6 @@ import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { usePreviewCardPositionerContext } from "../positioner/PreviewCardPositionerContext.js";
 import { usePreviewCardRootContext } from "../root/PreviewCardContext.js";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const customStyleHookMapping = {
   ...baseMapping,
   ...transitionStatusMapping
@@ -66,7 +66,5 @@ export function PreviewCardPopup(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/preview-card/portal/PreviewCardPortal.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { Show } from 'solid-js';
 import { FloatingPortalLite } from "../../utils/FloatingPortalLite.js";
 import { usePreviewCardRootContext } from "../root/PreviewCardContext.js";
@@ -9,21 +10,30 @@ import { PreviewCardPortalContext } from "./PreviewCardPortalContext.js";
  *
  * Documentation: [Base UI Preview Card](https://base-ui.com/react/components/preview-card)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function PreviewCardPortal(props) {
   const keepMounted = () => props.keepMounted ?? false;
   const {
     mounted
   } = usePreviewCardRootContext();
   const shouldRender = () => mounted() || keepMounted();
-  return /*#__PURE__*/_jsx(Show, {
-    when: shouldRender(),
-    children: /*#__PURE__*/_jsx(PreviewCardPortalContext.Provider, {
-      value: keepMounted,
-      children: /*#__PURE__*/_jsx(FloatingPortalLite, {
-        root: props.container,
-        children: props.children
-      })
-    })
+  return _$createComponent(Show, {
+    get when() {
+      return shouldRender();
+    },
+    get children() {
+      return _$createComponent(PreviewCardPortalContext.Provider, {
+        value: keepMounted,
+        get children() {
+          return _$createComponent(FloatingPortalLite, {
+            get root() {
+              return props.container;
+            },
+            get children() {
+              return props.children;
+            }
+          });
+        }
+      });
+    }
   });
 }

package/esm/preview-card/positioner/PreviewCardPositioner.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { POPUP_COLLISION_AVOIDANCE } from "../../utils/constants.js";
 import { popupStateMapping } from "../../utils/popupStateMapping.js";
@@ -13,7 +14,6 @@ import { PreviewCardPositionerContext } from "./PreviewCardPositionerContext.js"
  *
  * Documentation: [Base UI Preview Card](https://base-ui.com/react/components/preview-card)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function PreviewCardPositioner(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['anchor', 'positionMethod', 'side', 'align', 'sideOffset', 'alignOffset', 'collisionBoundary', 'collisionPadding', 'arrowPadding', 'sticky', 'trackAnchor', 'collisionAvoidance']);
   const positionMethod = () => local.positionMethod ?? 'absolute';
@@ -87,8 +87,10 @@ export function PreviewCardPositioner(componentProps) {
     props: [defaultProps, elementProps],
     customStyleHookMapping: popupStateMapping
   });
-  return /*#__PURE__*/_jsx(PreviewCardPositionerContext.Provider, {
+  return _$createComponent(PreviewCardPositionerContext.Provider, {
     value: positioning,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/preview-card/root/PreviewCardRoot.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { batch, createSignal, onMount } from 'solid-js';
 import { safePolygon, useDismiss, useFloatingRootContext, useHover, useInteractions } from "../../floating-ui-solid/index.js";
 import { mergeProps } from "../../merge-props/index.js";
@@ -15,7 +16,6 @@ import { PreviewCardRootContext } from "./PreviewCardContext.js";
  *
  * Documentation: [Base UI Preview Card](https://base-ui.com/react/components/preview-card)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function PreviewCardRoot(props) {
   const delayWithDefault = () => props.delay ?? OPEN_DELAY;
   const closeDelayWithDefault = () => props.closeDelay ?? CLOSE_DELAY;
@@ -128,8 +128,10 @@ export function PreviewCardRoot(props) {
     delay: delayWithDefault,
     closeDelay: closeDelayWithDefault
   };
-  return /*#__PURE__*/_jsx(PreviewCardRootContext.Provider, {
+  return _$createComponent(PreviewCardRootContext.Provider, {
     value: contextValue,
-    children: props.children
+    get children() {
+      return props.children;
+    }
   });
 }

package/esm/preview-card/trigger/PreviewCardTrigger.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { triggerOpenStateMapping } from "../../utils/popupStateMapping.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -9,7 +10,6 @@ import { usePreviewCardRootContext } from "../root/PreviewCardContext.js";
  *
  * Documentation: [Base UI Preview Card](https://base-ui.com/react/components/preview-card)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function PreviewCardTrigger(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const {
@@ -28,7 +28,5 @@ export function PreviewCardTrigger(componentProps) {
     props: [triggerProps, elementProps],
     customStyleHookMapping: triggerOpenStateMapping
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/progress/indicator/ProgressIndicator.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { valueToPercent } from "../../utils/valueToPercent.js";
@@ -10,7 +11,6 @@ import { progressStyleHookMapping } from "../root/styleHooks.js";
  *
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function ProgressIndicator(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const {
@@ -36,7 +36,5 @@ export function ProgressIndicator(componentProps) {
     }, elementProps],
     customStyleHookMapping: progressStyleHookMapping
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/progress/label/ProgressLabel.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { onMount } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useBaseUiId } from "../../utils/useBaseUiId.js";
@@ -11,7 +12,6 @@ import { progressStyleHookMapping } from "../root/styleHooks.js";
  *
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function ProgressLabel(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['id']);
   const id = useBaseUiId(() => local.id);
@@ -39,7 +39,5 @@ export function ProgressLabel(componentProps) {
     }, elementProps],
     customStyleHookMapping: progressStyleHookMapping
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/progress/root/ProgressRoot.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { createEffect, createMemo, createSignal, on, onCleanup } from 'solid-js';
 import { createStore } from 'solid-js/store';
 import { splitComponentProps } from "../../solid-helpers.js";
@@ -5,7 +6,6 @@ import { formatNumber } from "../../utils/formatNumber.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { ProgressRootContext } from "./ProgressRootContext.js";
 import { progressStyleHookMapping } from "./styleHooks.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 function formatValue(value, locale, format) {
   if (value == null) {
     return '';
@@ -92,8 +92,10 @@ export function ProgressRoot(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(ProgressRootContext.Provider, {
+  return _$createComponent(ProgressRootContext.Provider, {
     value: contextValue,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/progress/track/ProgressTrack.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { useProgressRootContext } from "../root/ProgressRootContext.js";
@@ -9,7 +10,6 @@ import { progressStyleHookMapping } from "../root/styleHooks.js";
  *
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function ProgressTrack(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const {
@@ -20,7 +20,5 @@ export function ProgressTrack(componentProps) {
     props: elementProps,
     customStyleHookMapping: progressStyleHookMapping
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/progress/value/ProgressValue.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { useProgressRootContext } from "../root/ProgressRootContext.js";
@@ -8,7 +9,6 @@ import { progressStyleHookMapping } from "../root/styleHooks.js";
  *
  * Documentation: [Base UI Progress](https://base-ui.com/react/components/progress)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function ProgressValue(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, ['children']);
   const {
@@ -28,7 +28,5 @@ export function ProgressValue(componentProps) {
       return componentProps.children?.(formattedValueArg(), value()) ?? formattedValueDisplay();
     }
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/radio/indicator/RadioIndicator.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { Show } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
@@ -12,7 +13,6 @@ import { customStyleHookMapping } from "../utils/customStyleHookMapping.js";
  *
  * Documentation: [Base UI Radio](https://base-ui.com/react/components/radio)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function RadioIndicator(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['keepMounted']);
   const keepMounted = () => local.keepMounted ?? false;
@@ -75,8 +75,12 @@ export function RadioIndicator(componentProps) {
     customStyleHookMapping,
     props: elementProps
   });
-  return /*#__PURE__*/_jsx(Show, {
-    when: shouldRender(),
-    children: element()
+  return _$createComponent(Show, {
+    get when() {
+      return shouldRender();
+    },
+    get children() {
+      return element();
+    }
   });
 }

package/esm/radio/root/RadioRoot.js

@@ -1,3 +1,7 @@
+import { template as _$template } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<input>`);
 import { batch, createEffect, createSignal, Show, mergeProps as solidMergeProps } from 'solid-js';
 import { ACTIVE_COMPOSITE_ITEM } from "../../composite/constants.js";
 import { CompositeItem } from "../../composite/item/CompositeItem.js";
@@ -18,7 +22,6 @@ import { RadioRootContext } from "./RadioRootContext.js";
  *
  * Documentation: [Base UI Radio](https://base-ui.com/react/components/radio)
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function RadioRoot(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['disabled', 'readOnly', 'required', 'value', 'refs', 'nativeButton']);
   const disabledProp = () => local.disabled ?? false;
@@ -184,16 +187,24 @@ export function RadioRoot(componentProps) {
     customStyleHookMapping,
     props: [rootProps, p => fieldControlValidation?.getValidationProps(p) ?? p, elementProps, getButtonProps]
   });
-  return /*#__PURE__*/_jsxs(RadioRootContext.Provider, {
+  return _$createComponent(RadioRootContext.Provider, {
     value: context,
-    children: [/*#__PURE__*/_jsx(Show, {
-      when: setCheckedValue !== NOOP,
-      fallback: element(),
-      children: /*#__PURE__*/_jsx(CompositeItem, {
-        render: element
-      })
-    }), /*#__PURE__*/_jsx("input", {
-      ...inputProps
-    })]
+    get children() {
+      return [_$createComponent(Show, {
+        when: setCheckedValue !== NOOP,
+        get fallback() {
+          return element();
+        },
+        get children() {
+          return _$createComponent(CompositeItem, {
+            render: element
+          });
+        }
+      }), (() => {
+        var _el$ = _tmpl$();
+        _$spread(_el$, inputProps, false, false);
+        return _el$;
+      })()];
+    }
   });
 }

package/esm/radio-group/RadioGroup.js

@@ -1,3 +1,8 @@
+import { template as _$template } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<input>`);
 import { batch, createEffect, createMemo, createSignal, mergeProps as solidMergeProps } from 'solid-js';
 import { SHIFT } from "../composite/composite.js";
 import { CompositeRoot } from "../composite/root/CompositeRoot.js";
@@ -14,7 +19,6 @@ import { useControlled } from "../utils/useControlled.js";
 import { useRenderElement } from "../utils/useRenderElement.js";
 import { visuallyHidden } from "../utils/visuallyHidden.js";
 import { RadioGroupContext } from "./RadioGroupContext.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MODIFIER_KEYS = [SHIFT];
 
 /**
@@ -161,7 +165,7 @@ export function RadioGroup(componentProps) {
       onKeyDown: onKeyDownCapture
     }, fieldControlValidation.getValidationProps, elementProps]
   });
-  return /*#__PURE__*/_jsxs(RadioGroupContext.Provider, {
+  return _$createComponent(RadioGroupContext.Provider, {
     value: {
       checkedValue,
       disabled,
@@ -174,13 +178,17 @@ export function RadioGroup(componentProps) {
       setTouched,
       touched
     },
-    children: [/*#__PURE__*/_jsx(CompositeRoot, {
-      enableHomeAndEndKeys: false,
-      modifierKeys: MODIFIER_KEYS,
-      stopEventPropagation: true,
-      render: element
-    }), /*#__PURE__*/_jsx("input", {
-      ...inputProps()
-    })]
+    get children() {
+      return [_$createComponent(CompositeRoot, {
+        enableHomeAndEndKeys: false,
+        modifierKeys: MODIFIER_KEYS,
+        stopEventPropagation: true,
+        render: element
+      }), (() => {
+        var _el$ = _tmpl$();
+        _$spread(_el$, _$mergeProps(() => inputProps()), false, false);
+        return _el$;
+      })()];
+    }
   });
 }

package/esm/scroll-area/content/ScrollAreaContent.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { onCleanup, onMount } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -9,7 +10,6 @@ import { useScrollAreaViewportContext } from "../viewport/ScrollAreaViewportCont
  *
  * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function ScrollAreaContent(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   let contentWrapperRef;
@@ -37,7 +37,5 @@ export function ScrollAreaContent(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/scroll-area/corner/ScrollAreaCorner.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { Show } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -9,7 +10,6 @@ import { useScrollAreaRootContext } from "../root/ScrollAreaRootContext.js";
  *
  * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function ScrollAreaCorner(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const context = useScrollAreaRootContext();
@@ -29,8 +29,12 @@ export function ScrollAreaCorner(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(Show, {
-    when: !context.hiddenState.cornerHidden,
-    children: element()
+  return _$createComponent(Show, {
+    get when() {
+      return !context.hiddenState.cornerHidden;
+    },
+    get children() {
+      return element();
+    }
   });
 }