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

package/esm/floating-ui-solid/components/FloatingPortal.js

@@ -1,3 +1,10 @@
+import { template as _$template } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<span>`);
 import { createContext, createEffect, createMemo, createSignal, onCleanup, Show, useContext } from 'solid-js';
 import { Portal } from 'solid-js/web';
 import { FocusGuard } from "../../utils/FocusGuard.js";
@@ -6,7 +13,6 @@ import { visuallyHidden } from "../../utils/visuallyHidden.js";
 import { disableFocusInside, enableFocusInside, getNextTabbable, getPreviousTabbable, isOutsideEvent } from "../utils.js";
 import { access } from "../../solid-helpers.js";
 import { createAttribute } from "../utils/createAttribute.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PortalContext = createContext();
 export const usePortalContext = () => useContext(PortalContext);
 const attr = createAttribute('portal');
@@ -115,7 +121,7 @@ export function FloatingPortal(props) {
     }
     enableFocusInside(node);
   });
-  return /*#__PURE__*/_jsxs(PortalContext.Provider, {
+  return _$createComponent(PortalContext.Provider, {
     value: {
       preserveTabOrder,
       beforeOutsideRef,
@@ -129,52 +135,78 @@ export function FloatingPortal(props) {
       portalNode,
       setFocusManagerState
     },
-    children: [/*#__PURE__*/_jsx(Show, {
-      when: shouldRenderGuards() && portalNode(),
-      children: /*#__PURE__*/_jsx(FocusGuard, {
-        "data-type": "outside",
-        ref: setBeforeOutsideRef,
-        onFocus: event => {
-          const node = portalNode();
-          if (isOutsideEvent(event, node)) {
-            enableFocusInside(node);
-            beforeInsideRef()?.focus();
-          } else {
-            const domReference = focusManagerState()?.domReference;
-            const prevTabbable = getPreviousTabbable(domReference);
-            prevTabbable?.focus();
-          }
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return _$memo(() => !!shouldRenderGuards())() && portalNode();
+        },
+        get children() {
+          return _$createComponent(FocusGuard, {
+            "data-type": "outside",
+            ref: setBeforeOutsideRef,
+            onFocus: event => {
+              const node = portalNode();
+              if (isOutsideEvent(event, node)) {
+                enableFocusInside(node);
+                beforeInsideRef()?.focus();
+              } else {
+                const domReference = focusManagerState()?.domReference;
+                const prevTabbable = getPreviousTabbable(domReference);
+                prevTabbable?.focus();
+              }
+            }
+          });
+        }
+      }), _$createComponent(Show, {
+        get when() {
+          return _$memo(() => !!shouldRenderGuards())() && portalNode();
+        },
+        get children() {
+          var _el$ = _tmpl$();
+          _$effect(_p$ => {
+            var _v$ = portalNode().id,
+              _v$2 = visuallyHidden;
+            _v$ !== _p$.e && _$setAttribute(_el$, "aria-owns", _p$.e = _v$);
+            _p$.t = _$style(_el$, _v$2, _p$.t);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$;
         }
-      })
-    }), /*#__PURE__*/_jsx(Show, {
-      when: shouldRenderGuards() && portalNode(),
-      children: /*#__PURE__*/_jsx("span", {
-        "aria-owns": portalNode().id,
-        style: visuallyHidden
-      })
-    }), /*#__PURE__*/_jsx(Portal, {
-      mount: portalMount(),
-      ref: portalRef,
-      children: props.children
-    }), /*#__PURE__*/_jsx(Show, {
-      when: shouldRenderGuards() && portalNode(),
-      children: /*#__PURE__*/_jsx(FocusGuard, {
-        "data-type": "outside",
-        ref: setAfterOutsideRef,
-        onFocus: event => {
-          const node = portalNode();
-          if (isOutsideEvent(event, node)) {
-            afterInsideRef()?.focus();
-          } else {
-            const domReference = focusManagerState()?.domReference;
-            const nextTabbable = getNextTabbable(domReference);
-            nextTabbable?.focus();
-            if (focusManagerState()?.closeOnFocusOut) {
-              focusManagerState()?.onOpenChange(false, event, 'focus-out');
+      }), _$createComponent(Portal, {
+        get mount() {
+          return portalMount();
+        },
+        ref: portalRef,
+        get children() {
+          return props.children;
+        }
+      }), _$createComponent(Show, {
+        get when() {
+          return _$memo(() => !!shouldRenderGuards())() && portalNode();
+        },
+        get children() {
+          return _$createComponent(FocusGuard, {
+            "data-type": "outside",
+            ref: setAfterOutsideRef,
+            onFocus: event => {
+              const node = portalNode();
+              if (isOutsideEvent(event, node)) {
+                afterInsideRef()?.focus();
+              } else {
+                const domReference = focusManagerState()?.domReference;
+                const nextTabbable = getNextTabbable(domReference);
+                nextTabbable?.focus();
+                if (focusManagerState()?.closeOnFocusOut) {
+                  focusManagerState()?.onOpenChange(false, event, 'focus-out');
+                }
+              }
             }
-          }
+          });
         }
-      })
-    })]
+      })];
+    }
   });
 }

package/esm/floating-ui-solid/components/FloatingTree.js

@@ -1,8 +1,8 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { createContext, createEffect, onCleanup, useContext } from 'solid-js';
 import { access } from "../../solid-helpers.js";
 import { useId } from "../../utils/useId.js";
 import { createEventEmitter } from "../utils/createEventEmitter.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const FloatingNodeContext = createContext(null);
 const FloatingTreeContext = createContext(null);
 
@@ -55,9 +55,11 @@ export function FloatingNode(props) {
     id: () => props.id,
     parentId: () => parentId
   };
-  return /*#__PURE__*/_jsx(FloatingNodeContext.Provider, {
+  return _$createComponent(FloatingNodeContext.Provider, {
     value: contextValue,
-    children: props.children
+    get children() {
+      return props.children;
+    }
   });
 }
 /**
@@ -80,13 +82,15 @@ export function FloatingTree(props) {
     nodesRef = nodesRef.filter(n => n !== node);
   }
   const events = createEventEmitter();
-  return /*#__PURE__*/_jsx(FloatingTreeContext.Provider, {
+  return _$createComponent(FloatingTreeContext.Provider, {
     value: {
       nodesRef,
       addNode,
       removeNode,
       events
     },
-    children: props.children
+    get children() {
+      return props.children;
+    }
   });
 }

package/esm/form/Form.js

@@ -1,9 +1,9 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { createEffect, createMemo, on } from 'solid-js';
 import { createStore } from 'solid-js/store';
 import { access, callEventHandler, splitComponentProps } from "../solid-helpers.js";
 import { useRenderElement } from "../utils/useRenderElement.js";
 import { FormContext } from "./FormContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const EMPTY = {};
 
 /**
@@ -69,8 +69,10 @@ export function Form(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(FormContext.Provider, {
+  return _$createComponent(FormContext.Provider, {
     value: contextValue,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @msviderok/base-ui-solid v1.0.0-beta.1
+ * @msviderok/base-ui-solid v1.0.0-beta.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/input/Input.js

@@ -1,5 +1,5 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { Field } from "../field/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A native input element that automatically works with [Field](https://base-ui.com/react/components/field).
  * Renders an `<input>` element.
@@ -7,7 +7,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Documentation: [Base UI Input](https://base-ui.com/react/components/input)
  */
 export function Input(props) {
-  return /*#__PURE__*/_jsx(Field.Control, {
-    ...props
-  });
+  return _$createComponent(Field.Control, props);
 }

package/esm/menu/arrow/MenuArrow.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 { useMenuRootContext } from "../root/MenuRootContext.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function MenuArrow(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const {
@@ -48,7 +48,5 @@ export function MenuArrow(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/menu/backdrop/MenuBackdrop.js

@@ -1,10 +1,10 @@
+import { memo as _$memo } from "solid-js/web";
 import { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
 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 { useMenuRootContext } from "../root/MenuRootContext.js";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const customStyleHookMapping = {
   ...baseMapping,
   ...transitionStatusMapping
@@ -55,7 +55,5 @@ export function MenuBackdrop(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/menu/checkbox-item/MenuCheckboxItem.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { batch } from 'solid-js';
 import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
 import { useFloatingTree } from "../../floating-ui-solid/index.js";
@@ -16,7 +17,6 @@ import { MenuCheckboxItemContext } from "./MenuCheckboxItemContext.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function MenuCheckboxItem(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['id', 'label', 'closeOnClick', 'nativeButton', 'checked', 'defaultChecked', 'onCheckedChange', 'disabled']);
   const closeOnClick = () => local.closeOnClick ?? false;
@@ -93,8 +93,10 @@ export function MenuCheckboxItem(componentProps) {
       }
     }, elementProps, getItemProps]
   });
-  return /*#__PURE__*/_jsx(MenuCheckboxItemContext.Provider, {
+  return _$createComponent(MenuCheckboxItemContext.Provider, {
     value: context,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -11,7 +12,6 @@ import { itemMapping } from "../utils/styleHookMapping.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function MenuCheckboxItemIndicator(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['keepMounted']);
   const keepMounted = () => local.keepMounted ?? false;
@@ -55,7 +55,5 @@ export function MenuCheckboxItemIndicator(componentProps) {
     }, elementProps],
     enabled: () => keepMounted() || item.checked()
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/menu/group/MenuGroup.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { createSignal } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -9,7 +10,6 @@ import { MenuGroupContext } from "./MenuGroupContext.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function MenuGroup(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const [labelId, setLabelId] = createSignal();
@@ -24,8 +24,10 @@ export function MenuGroup(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(MenuGroupContext.Provider, {
+  return _$createComponent(MenuGroupContext.Provider, {
     value: context,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/menu/group-label/MenuGroupLabel.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { createRenderEffect, onCleanup } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useBaseUiId } from "../../utils/useBaseUiId.js";
@@ -10,7 +11,6 @@ import { useMenuGroupRootContext } from "../group/MenuGroupContext.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function MenuGroupLabel(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['id']);
   const id = useBaseUiId(() => local.id);
@@ -31,7 +31,5 @@ export function MenuGroupLabel(componentProps) {
       role: 'presentation'
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/menu/item/MenuItem.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
 import { useFloatingTree } from "../../floating-ui-solid/index.js";
 import { splitComponentProps } from "../../solid-helpers.js";
@@ -12,7 +13,6 @@ import { REGULAR_ITEM, useMenuItem } from "./useMenuItem.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function MenuItem(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['closeOnClick', 'disabled', 'id', 'label', 'nativeButton']);
   const closeOnClick = () => local.closeOnClick ?? true;
@@ -62,7 +62,5 @@ export function MenuItem(componentProps) {
     },
     props: [itemProps, elementProps, getItemProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/menu/popup/MenuPopup.js

@@ -1,3 +1,5 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { createMemo, onCleanup, onMount } from 'solid-js';
 import { FloatingFocusManager, useFloatingTree } from "../../floating-ui-solid/index.js";
 import { splitComponentProps } from "../../solid-helpers.js";
@@ -8,7 +10,6 @@ import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
 import { useMenuRootContext } from "../root/MenuRootContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const customStyleHookMapping = {
   ...baseMapping,
   ...transitionStatusMapping
@@ -102,13 +103,21 @@ export function MenuPopup(componentProps) {
       }
     }]
   });
-  return /*#__PURE__*/_jsx(FloatingFocusManager, {
+  return _$createComponent(FloatingFocusManager, {
     context: floatingContext,
     modal: false,
-    disabled: !mounted(),
-    returnFocus: local.finalFocus || returnFocus(),
-    initialFocus: parent().type === 'menu' ? -1 : 0,
+    get disabled() {
+      return !mounted();
+    },
+    get returnFocus() {
+      return local.finalFocus || returnFocus();
+    },
+    get initialFocus() {
+      return parent().type === 'menu' ? -1 : 0;
+    },
     restoreFocus: true,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/menu/portal/MenuPortal.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { Show } from 'solid-js';
 import { FloatingPortal } from "../../floating-ui-solid/index.js";
 import { useMenuRootContext } from "../root/MenuRootContext.js";
@@ -9,21 +10,30 @@ import { MenuPortalContext } from "./MenuPortalContext.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function MenuPortal(props) {
   const keepMounted = () => props.keepMounted ?? false;
   const {
     mounted
   } = useMenuRootContext();
   const shouldRender = () => mounted() || keepMounted();
-  return /*#__PURE__*/_jsx(Show, {
-    when: shouldRender(),
-    children: /*#__PURE__*/_jsx(MenuPortalContext.Provider, {
-      value: keepMounted,
-      children: /*#__PURE__*/_jsx(FloatingPortal, {
-        root: props.container,
-        children: props.children
-      })
-    })
+  return _$createComponent(Show, {
+    get when() {
+      return shouldRender();
+    },
+    get children() {
+      return _$createComponent(MenuPortalContext.Provider, {
+        value: keepMounted,
+        get children() {
+          return _$createComponent(FloatingPortal, {
+            get root() {
+              return props.container;
+            },
+            get children() {
+              return props.children;
+            }
+          });
+        }
+      });
+    }
   });
 }

package/esm/menu/positioner/MenuPositioner.js

@@ -1,3 +1,5 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { batch, createEffect, createMemo, onCleanup, onMount } from 'solid-js';
 import { CompositeList } from "../../composite/list/CompositeList.js";
 import { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
@@ -19,7 +21,6 @@ import { MenuPositionerContext } from "./MenuPositionerContext.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function MenuPositioner(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['anchor', 'positionMethod', 'side', 'align', 'sideOffset', 'alignOffset', 'collisionBoundary', 'collisionPadding', 'arrowPadding', 'sticky', 'trackAnchor', 'collisionAvoidance']);
   const positionMethodProp = () => local.positionMethod ?? 'absolute';
@@ -193,27 +194,39 @@ export function MenuPositioner(componentProps) {
     }
     return null;
   });
-  return /*#__PURE__*/_jsxs(MenuPositionerContext.Provider, {
+  return _$createComponent(MenuPositionerContext.Provider, {
     value: contextValue,
-    children: [shouldRenderBackdrop() && /*#__PURE__*/_jsx(InternalBackdrop, {
-      managed: true,
-      ref: el => {
-        const p = parent();
-        if (p.type === 'context-menu' || p.type === 'nested-context-menu') {
-          p.context.refs.internalBackdropRef = el;
+    get children() {
+      return [_$memo(() => _$memo(() => !!shouldRenderBackdrop())() && _$createComponent(InternalBackdrop, {
+        managed: true,
+        ref: el => {
+          const p = parent();
+          if (p.type === 'context-menu' || p.type === 'nested-context-menu') {
+            p.context.refs.internalBackdropRef = el;
+          }
+        },
+        get inert() {
+          return inertValue(!open());
+        },
+        get cutout() {
+          return backdropCutout();
         }
-      },
-      inert: inertValue(!open()),
-      cutout: backdropCutout()
-    }), /*#__PURE__*/_jsx(FloatingNode, {
-      id: nodeId(),
-      children: /*#__PURE__*/_jsx(CompositeList, {
-        refs: {
-          elements: itemDomElements,
-          labels: itemLabels
+      })), _$createComponent(FloatingNode, {
+        get id() {
+          return nodeId();
         },
-        children: element()
-      })
-    })]
+        get children() {
+          return _$createComponent(CompositeList, {
+            refs: {
+              elements: itemDomElements,
+              labels: itemLabels
+            },
+            get children() {
+              return element();
+            }
+          });
+        }
+      })];
+    }
   });
 }

package/esm/menu/radio-group/MenuRadioGroup.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { batch } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useControlled } from "../../utils/useControlled.js";
@@ -10,7 +11,6 @@ import { MenuRadioGroupContext } from "./MenuRadioGroupContext.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function MenuRadioGroup(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['value', 'defaultValue', 'onValueChange', 'disabled']);
   const disabled = () => local.disabled ?? false;
@@ -44,8 +44,10 @@ export function MenuRadioGroup(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(MenuRadioGroupContext.Provider, {
+  return _$createComponent(MenuRadioGroupContext.Provider, {
     value: context,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/menu/radio-item/MenuRadioItem.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
 import { useFloatingTree } from "../../floating-ui-solid/index.js";
 import { splitComponentProps } from "../../solid-helpers.js";
@@ -15,7 +16,6 @@ import { MenuRadioItemContext } from "./MenuRadioItemContext.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function MenuRadioItem(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['id', 'value', 'label', 'disabled', 'closeOnClick', 'nativeButton']);
   const disabledProp = () => local.disabled ?? false;
@@ -97,8 +97,10 @@ export function MenuRadioItem(componentProps) {
       }
     }, elementProps, getItemProps]
   });
-  return /*#__PURE__*/_jsx(MenuRadioItemContext.Provider, {
+  return _$createComponent(MenuRadioItemContext.Provider, {
     value: contextValue,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -11,7 +12,6 @@ import { itemMapping } from "../utils/styleHookMapping.js";
  *
  * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function MenuRadioItemIndicator(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['keepMounted']);
   const keepMounted = () => local.keepMounted ?? false;
@@ -55,7 +55,5 @@ export function MenuRadioItemIndicator(componentProps) {
       'aria-hidden': true
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }