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

package/esm/alert-dialog/portal/AlertDialogPortal.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 { useAlertDialogRootContext } from "../root/AlertDialogRootContext.js";
@@ -9,21 +10,30 @@ import { AlertDialogPortalContext } from "./AlertDialogPortalContext.js";
  *
  * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function AlertDialogPortal(props) {
   const keepMounted = () => props.keepMounted ?? false;
   const {
     mounted
   } = useAlertDialogRootContext();
   const shouldRender = () => mounted() || keepMounted();
-  return /*#__PURE__*/_jsx(Show, {
-    when: shouldRender(),
-    children: /*#__PURE__*/_jsx(AlertDialogPortalContext.Provider, {
-      value: keepMounted,
-      children: /*#__PURE__*/_jsx(FloatingPortal, {
-        root: props.container,
-        children: props.children
-      })
-    })
+  return _$createComponent(Show, {
+    get when() {
+      return shouldRender();
+    },
+    get children() {
+      return _$createComponent(AlertDialogPortalContext.Provider, {
+        value: keepMounted,
+        get children() {
+          return _$createComponent(FloatingPortal, {
+            get root() {
+              return props.container;
+            },
+            get children() {
+              return props.children;
+            }
+          });
+        }
+      });
+    }
   });
 }

package/esm/alert-dialog/root/AlertDialogRoot.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { mergeProps as solidMergeProps, useContext } from 'solid-js';
 import { useDialogRoot } from "../../dialog/root/useDialogRoot.js";
 import { AlertDialogRootContext } from "./AlertDialogRootContext.js";
@@ -8,7 +9,6 @@ import { AlertDialogRootContext } from "./AlertDialogRootContext.js";
  *
  * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function AlertDialogRoot(props) {
   const defaultOpen = () => props.defaultOpen ?? false;
   const parentDialogRootContext = useContext(AlertDialogRootContext);
@@ -31,8 +31,10 @@ export function AlertDialogRoot(props) {
     // eslint-disable-next-line solid/reactivity
     onOpenChangeComplete: props.onOpenChangeComplete
   });
-  return /*#__PURE__*/_jsx(AlertDialogRootContext.Provider, {
+  return _$createComponent(AlertDialogRootContext.Provider, {
     value: contextValue,
-    children: props.children
+    get children() {
+      return props.children;
+    }
   });
 }

package/esm/alert-dialog/title/AlertDialogTitle.js

@@ -10,7 +10,6 @@ import { useAlertDialogRootContext } from "../root/AlertDialogRootContext.js";
  *
  * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function AlertDialogTitle(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['id']);
   const {
@@ -35,7 +34,5 @@ export function AlertDialogTitle(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element
-  });
+  return element;
 }

package/esm/alert-dialog/trigger/AlertDialogTrigger.js

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

package/esm/avatar/fallback/AvatarFallback.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { createEffect, createSignal, onCleanup } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -11,7 +12,6 @@ import { avatarStyleHookMapping } from "../root/styleHooks.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function AvatarFallback(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['delay']);
   const {
@@ -38,7 +38,5 @@ export function AvatarFallback(componentProps) {
     customStyleHookMapping: avatarStyleHookMapping,
     enabled: () => imageLoadingStatus() !== 'loaded' && delayPassed()
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/avatar/image/AvatarImage.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { batch, createEffect } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -11,7 +12,6 @@ import { useImageLoadingStatus } from "./useImageLoadingStatus.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function AvatarImage(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['onLoadingStatusChange', 'referrerPolicy', 'crossOrigin']);
   const context = useAvatarRootContext();
@@ -42,7 +42,5 @@ export function AvatarImage(componentProps) {
     customStyleHookMapping: avatarStyleHookMapping,
     enabled: () => imageLoadingStatus() === 'loaded'
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/avatar/root/AvatarRoot.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";
@@ -10,7 +11,6 @@ import { avatarStyleHookMapping } from "./styleHooks.js";
  *
  * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function AvatarRoot(componentProps) {
   const [,, elementProps] = splitComponentProps(componentProps, []);
   const [imageLoadingStatus, setImageLoadingStatus] = createSignal('idle');
@@ -28,8 +28,10 @@ export function AvatarRoot(componentProps) {
     props: elementProps,
     customStyleHookMapping: avatarStyleHookMapping
   });
-  return /*#__PURE__*/_jsx(AvatarRootContext.Provider, {
+  return _$createComponent(AvatarRootContext.Provider, {
     value: contextValue,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/checkbox/indicator/CheckboxIndicator.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { Show, mergeProps as solidMergeProps, splitProps } from 'solid-js';
 import { fieldValidityMapping } from "../../field/utils/constants.js";
 import { transitionStatusMapping } from "../../utils/styleHookMapping.js";
@@ -13,7 +14,6 @@ import { useCustomStyleHookMapping } from "../utils/useCustomStyleHookMapping.js
  *
  * Documentation: [Base UI Checkbox](https://base-ui.com/react/components/checkbox)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function CheckboxIndicator(componentProps) {
   const [local, elementProps] = splitProps(componentProps, ['keepMounted']);
   const keepMounted = () => local.keepMounted ?? false;
@@ -54,8 +54,12 @@ export function CheckboxIndicator(componentProps) {
     props: elementProps,
     enabled: shouldRender
   });
-  return /*#__PURE__*/_jsx(Show, {
-    when: shouldRender(),
-    children: element()
+  return _$createComponent(Show, {
+    get when() {
+      return shouldRender();
+    },
+    get children() {
+      return element();
+    }
   });
 }

package/esm/checkbox/root/CheckboxRoot.js

@@ -1,3 +1,12 @@
+import { template as _$template } 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 { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<input>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<input type=hidden value=off>`);
 import { batch, createEffect, createMemo, createSignal, onMount, mergeProps as solidMergeProps, splitProps } from 'solid-js';
 import { useCheckboxGroupContext } from "../../checkbox-group/CheckboxGroupContext.js";
 import { useFieldControlValidation } from "../../field/control/useFieldControlValidation.js";
@@ -13,7 +22,6 @@ import { useRenderElement } from "../../utils/useRenderElement.js";
 import { visuallyHidden } from "../../utils/visuallyHidden.js";
 import { useCustomStyleHookMapping } from "../utils/useCustomStyleHookMapping.js";
 import { CheckboxRootContext } from "./CheckboxRootContext.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const PARENT_CHECKBOX = 'data-parent';
 
 /**
@@ -275,14 +283,18 @@ export function CheckboxRoot(componentProps) {
       onClick
     }, props => fieldControlValidation().getValidationProps(props), elementProps, props => mergeProps(props, groupProps().other), getButtonProps]
   });
-  return /*#__PURE__*/_jsxs(CheckboxRootContext.Provider, {
+  return _$createComponent(CheckboxRootContext.Provider, {
     value: state,
-    children: [element(), !checked() && !groupContext && local.name && !parent() && /*#__PURE__*/_jsx("input", {
-      type: "hidden",
-      name: local.name,
-      value: "off"
-    }), /*#__PURE__*/_jsx("input", {
-      ...inputProps()
-    })]
+    get children() {
+      return [_$memo(() => element()), _$memo(() => _$memo(() => !!(!checked() && !groupContext && local.name && !parent()))() && (() => {
+        var _el$2 = _tmpl$2();
+        _$effect(() => _$setAttribute(_el$2, "name", local.name));
+        return _el$2;
+      })()), (() => {
+        var _el$ = _tmpl$();
+        _$spread(_el$, _$mergeProps(() => inputProps()), false, false);
+        return _el$;
+      })()];
+    }
   });
 }

package/esm/checkbox-group/CheckboxGroup.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { batch, mergeProps as solidMergeProps } from 'solid-js';
 import { PARENT_CHECKBOX } from "../checkbox/root/CheckboxRoot.js";
 import { useFieldControlValidation } from "../field/control/useFieldControlValidation.js";
@@ -16,7 +17,6 @@ import { useCheckboxGroupParent } from "./useCheckboxGroupParent.js";
  *
  * Documentation: [Base UI Checkbox Group](https://base-ui.com/react/components/checkbox-group)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function CheckboxGroup(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['allValues', 'defaultValue', 'disabled', 'id', 'onValueChange', 'render', 'value']);
   const {
@@ -89,8 +89,10 @@ export function CheckboxGroup(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(CheckboxGroupContext.Provider, {
+  return _$createComponent(CheckboxGroupContext.Provider, {
     value: contextValue,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/esm/collapsible/panel/CollapsiblePanel.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { createEffect, createMemo, Show } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
@@ -14,7 +15,6 @@ import { useCollapsiblePanel } from "./useCollapsiblePanel.js";
  *
  * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function CollapsiblePanel(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['hiddenUntilFound', 'keepMounted', 'id']);
   const hiddenUntilFound = () => local.hiddenUntilFound ?? false;
@@ -105,8 +105,12 @@ export function CollapsiblePanel(componentProps) {
     }, elementProps],
     customStyleHookMapping: collapsibleStyleHookMapping
   });
-  return /*#__PURE__*/_jsx(Show, {
-    when: shouldRender(),
-    children: element()
+  return _$createComponent(Show, {
+    get when() {
+      return shouldRender();
+    },
+    get children() {
+      return element();
+    }
   });
 }

package/esm/collapsible/root/CollapsibleRoot.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { Show, mergeProps as solidMergeProps } from 'solid-js';
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
@@ -11,7 +12,6 @@ import { useCollapsibleRoot } from "./useCollapsibleRoot.js";
  *
  * Documentation: [Base UI Collapsible](https://base-ui.com/solid/components/collapsible)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function CollapsibleRoot(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['defaultOpen', 'disabled', 'onOpenChange', 'open']);
   const defaultOpen = () => local.defaultOpen ?? false;
@@ -45,12 +45,20 @@ export function CollapsibleRoot(componentProps) {
     props: elementProps,
     customStyleHookMapping: collapsibleStyleHookMapping
   });
-  return /*#__PURE__*/_jsx(CollapsibleRootContext.Provider, {
+  return _$createComponent(CollapsibleRootContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(Show, {
-      when: componentProps.render !== null,
-      fallback: componentProps.children,
-      children: element()
-    })
+    get children() {
+      return _$createComponent(Show, {
+        get when() {
+          return componentProps.render !== null;
+        },
+        get fallback() {
+          return componentProps.children;
+        },
+        get children() {
+          return element();
+        }
+      });
+    }
   });
 }

package/esm/collapsible/trigger/CollapsibleTrigger.js

@@ -1,10 +1,10 @@
+import { memo as _$memo } from "solid-js/web";
 import { splitComponentProps } from "../../solid-helpers.js";
 import { useButton } from "../../use-button/index.js";
 import { triggerOpenStateMapping } from "../../utils/collapsibleOpenStateMapping.js";
 import { transitionStatusMapping } from "../../utils/styleHookMapping.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { useCollapsibleRootContext } from "../root/CollapsibleRootContext.js";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const styleHookMapping = {
   ...triggerOpenStateMapping,
   ...transitionStatusMapping
@@ -51,7 +51,5 @@ export function CollapsibleTrigger(componentProps) {
     props: [props, elementProps, button.getButtonProps],
     customStyleHookMapping: styleHookMapping
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/composite/item/CompositeItem.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 { useCompositeItem } from "./useCompositeItem.js";
@@ -5,7 +6,6 @@ import { useCompositeItem } from "./useCompositeItem.js";
 /**
  * @internal
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function CompositeItem(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['refs', 'metadata']);
   const compositeItem = useCompositeItem({
@@ -20,7 +20,5 @@ export function CompositeItem(componentProps) {
     },
     props: [compositeItem.props, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/composite/list/CompositeList.js

@@ -1,8 +1,8 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { createEffect, createMemo, createSignal, createUniqueId, on } from 'solid-js';
 import { createStore, produce } from 'solid-js/store';
 import { access } from "../../solid-helpers.js";
 import { CompositeListContext } from "./CompositeListContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Provides context for a list of items in a composite component.
  * @internal
@@ -69,18 +69,22 @@ export function CompositeList(props) {
     props.onMapChange?.(newArray);
   }));
   createEffect(on(sortedMap, sorted => listeners.forEach(l => l(sorted))));
-  return /*#__PURE__*/_jsx(CompositeListContext.Provider, {
-    value: {
-      register,
-      unregister,
-      subscribeMapChange,
-      unsubscribeMapChange,
-      // eslint-disable-next-line solid/reactivity
-      refs: props.refs,
-      nextIndex,
-      setNextIndex
+  return _$createComponent(CompositeListContext.Provider, {
+    get value() {
+      return {
+        register,
+        unregister,
+        subscribeMapChange,
+        unsubscribeMapChange,
+        // eslint-disable-next-line solid/reactivity
+        refs: props.refs,
+        nextIndex,
+        setNextIndex
+      };
     },
-    children: props.children
+    get children() {
+      return props.children;
+    }
   });
 }
 function sortByDocumentPosition(a, b) {

package/esm/composite/root/CompositeRoot.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { batch } from 'solid-js';
 import { useDirection } from "../../direction-provider/DirectionContext.js";
 import { access, splitComponentProps } from "../../solid-helpers.js";
@@ -5,7 +6,6 @@ import { useRenderElement } from "../../utils/useRenderElement.js";
 import { CompositeList } from "../list/CompositeList.js";
 import { CompositeRootContext } from "./CompositeRootContext.js";
 import { useCompositeRoot } from "./useCompositeRoot.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const COMPOSITE_ROOT_STATE = {};
 
 /**
@@ -31,12 +31,18 @@ export function CompositeRoot(componentProps) {
     ref: compositeRoot.setRootRef,
     props: [compositeRoot.props, elementProps]
   });
-  return /*#__PURE__*/_jsx(CompositeRootContext.Provider, {
+  return _$createComponent(CompositeRootContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(CompositeList, {
-      refs: compositeRoot.refs,
-      onMapChange: onMapChange,
-      children: element()
-    })
+    get children() {
+      return _$createComponent(CompositeList, {
+        get refs() {
+          return compositeRoot.refs;
+        },
+        onMapChange: onMapChange,
+        get children() {
+          return element();
+        }
+      });
+    }
   });
 }

package/esm/context-menu/root/ContextMenuRoot.js

@@ -1,3 +1,4 @@
+import { createComponent as _$createComponent } from "solid-js/web";
 import { Menu } from "../../menu/index.js";
 import { MenuRootContext } from "../../menu/root/MenuRootContext.js";
 import { useId } from "../../utils/useId.js";
@@ -9,7 +10,6 @@ import { ContextMenuRootContext } from "./ContextMenuRootContext.js";
  *
  * Documentation: [Base UI Context Menu](https://base-ui.com/react/components/context-menu)
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function ContextMenuRoot(props) {
   const anchor = {
     getBoundingClientRect() {
@@ -34,13 +34,15 @@ export function ContextMenuRoot(props) {
     refs,
     rootId: id
   };
-  return /*#__PURE__*/_jsx(ContextMenuRootContext.Provider, {
+  return _$createComponent(ContextMenuRootContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(MenuRootContext.Provider, {
-      value: undefined,
-      children: /*#__PURE__*/_jsx(Menu.Root, {
-        ...props
-      })
-    })
+    get children() {
+      return _$createComponent(MenuRootContext.Provider, {
+        value: undefined,
+        get children() {
+          return _$createComponent(Menu.Root, props);
+        }
+      });
+    }
   });
 }

package/esm/context-menu/trigger/ContextMenuTrigger.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { onCleanup, onMount } from 'solid-js';
 import { contains, getTarget, stopEvent } from "../../floating-ui-solid/utils.js";
 import { splitComponentProps } from "../../solid-helpers.js";
@@ -5,7 +6,6 @@ import { ownerDocument } from "../../utils/owner.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { useTimeout } from "../../utils/useTimeout.js";
 import { useContextMenuRootContext } from "../root/ContextMenuRootContext.js";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const LONG_PRESS_DELAY = 500;
 
 /**
@@ -121,7 +121,5 @@ export function ContextMenuTrigger(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/dialog/backdrop/DialogBackdrop.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 { useDialogRootContext } from "../root/DialogRootContext.js";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const customStyleHookMapping = {
   ...baseMapping,
   ...transitionStatusMapping
@@ -50,7 +50,5 @@ export function DialogBackdrop(componentProps) {
     }, elementProps],
     enabled: () => !nested()
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/dialog/close/DialogClose.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 { useDialogRootContext } from "../root/DialogRootContext.js";
@@ -9,7 +10,6 @@ import { useDialogClose } from "./useDialogClose.js";
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function DialogClose(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['disabled', 'nativeButton']);
   const disabled = () => local.disabled ?? false;
@@ -37,7 +37,5 @@ export function DialogClose(componentProps) {
     ref: dialogCloseRef,
     props: [elementProps, getRootProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }

package/esm/dialog/description/DialogDescription.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 { useDialogRootContext } from "../root/DialogRootContext.js";
  *
  * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function DialogDescription(componentProps) {
   const [, local, elementProps] = splitComponentProps(componentProps, ['id']);
   const {
@@ -35,7 +35,5 @@ export function DialogDescription(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: element()
-  });
+  return _$memo(element);
 }