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

package/cjs/navigation-menu/arrow/NavigationMenuArrow.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuArrow = NavigationMenuArrow;
+var _web = require("solid-js/web");
 var _solidHelpers = require("../../solid-helpers");
 var _popupStateMapping = require("../../utils/popupStateMapping");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuPositionerContext = require("../positioner/NavigationMenuPositionerContext");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Displays an element pointing toward the navigation menu's current anchor.
  * Renders a `<div>` element.
@@ -53,7 +53,5 @@ function NavigationMenuArrow(componentProps) {
       'aria-hidden': true
     }, elementProps]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: element()
-  });
+  return (0, _web.memo)(element);
 }

package/cjs/navigation-menu/backdrop/NavigationMenuBackdrop.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuBackdrop = NavigationMenuBackdrop;
+var _web = require("solid-js/web");
 var _solidHelpers = require("../../solid-helpers");
 var _popupStateMapping = require("../../utils/popupStateMapping");
 var _styleHookMapping = require("../../utils/styleHookMapping");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _jsxRuntime = require("react/jsx-runtime");
 const customStyleHookMapping = {
   ..._popupStateMapping.popupStateMapping,
   ..._styleHookMapping.transitionStatusMapping
@@ -50,7 +50,5 @@ function NavigationMenuBackdrop(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: element()
-  });
+  return (0, _web.memo)(element);
 }

package/cjs/navigation-menu/content/NavigationMenuContent.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuContent = NavigationMenuContent;
-var _solidJs = require("solid-js");
 var _web = require("solid-js/web");
+var _solidJs = require("solid-js");
 var _CompositeRoot = require("../../composite/root/CompositeRoot");
 var _floatingUiSolid = require("../../floating-ui-solid");
 var _utils = require("../../floating-ui-solid/utils");
@@ -18,7 +18,6 @@ var _useOpenChangeComplete = require("../../utils/useOpenChangeComplete");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuItemContext = require("../item/NavigationMenuItemContext");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _jsxRuntime = require("react/jsx-runtime");
 const customStyleHookMapping = {
   ..._popupStateMapping.popupStateMapping,
   ..._styleHookMapping.transitionStatusMapping,
@@ -119,17 +118,29 @@ function NavigationMenuContent(componentProps) {
     }, elementProps],
     customStyleHookMapping
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
-    when: shouldRender(),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_web.Portal, {
-      mount: viewportElement(),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingUiSolid.FloatingNode, {
-        id: nodeId?.(),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CompositeRoot.CompositeRoot, {
-          stopEventPropagation: true,
-          render: element
-        })
-      })
-    })
+  return (0, _web.createComponent)(_solidJs.Show, {
+    get when() {
+      return shouldRender();
+    },
+    get children() {
+      return (0, _web.createComponent)(_web.Portal, {
+        get mount() {
+          return viewportElement();
+        },
+        get children() {
+          return (0, _web.createComponent)(_floatingUiSolid.FloatingNode, {
+            get id() {
+              return nodeId?.();
+            },
+            get children() {
+              return (0, _web.createComponent)(_CompositeRoot.CompositeRoot, {
+                stopEventPropagation: true,
+                render: element
+              });
+            }
+          });
+        }
+      });
+    }
   });
 }

package/cjs/navigation-menu/icon/NavigationMenuIcon.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuIcon = NavigationMenuIcon;
+var _web = require("solid-js/web");
 var _solidHelpers = require("../../solid-helpers");
 var _popupStateMapping = require("../../utils/popupStateMapping");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuItemContext = require("../item/NavigationMenuItemContext");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * An icon that indicates that the trigger button opens a menu.
  *
@@ -38,7 +38,5 @@ function NavigationMenuIcon(componentProps) {
       children: '▼'
     }, elementProps]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: element()
-  });
+  return (0, _web.memo)(element);
 }

package/cjs/navigation-menu/item/NavigationMenuItem.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuItem = NavigationMenuItem;
+var _web = require("solid-js/web");
 var _solidJs = require("solid-js");
 var _solidHelpers = require("../../solid-helpers");
 var _useBaseUiId = require("../../utils/useBaseUiId");
@@ -11,7 +12,6 @@ var _useRenderElement = require("../../utils/useRenderElement");
 var _useTransitionStatus = require("../../utils/useTransitionStatus");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _NavigationMenuItemContext = require("./NavigationMenuItemContext");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * An individual navigation menu item.
  * Renders a `<div>` element.
@@ -44,10 +44,10 @@ function NavigationMenuItem(componentProps) {
   const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
     props: elementProps
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationMenuItemContext.NavigationMenuItemContext.Provider, {
+  return (0, _web.createComponent)(_NavigationMenuItemContext.NavigationMenuItemContext.Provider, {
     value: context,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: element()
-    })
+    get children() {
+      return (0, _web.memo)(element);
+    }
   });
 }

package/cjs/navigation-menu/link/NavigationMenuLink.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuLink = NavigationMenuLink;
+var _web = require("solid-js/web");
 var _CompositeItem = require("../../composite/item/CompositeItem");
 var _floatingUiSolid = require("../../floating-ui-solid");
 var _solidHelpers = require("../../solid-helpers");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _isOutsideMenuEvent = require("../utils/isOutsideMenuEvent");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * A link in the navigation menu that can be used to navigate to a different page or section.
  * Renders an `<a>` element.
@@ -44,7 +44,7 @@ function NavigationMenuLink(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CompositeItem.CompositeItem, {
+  return (0, _web.createComponent)(_CompositeItem.CompositeItem, {
     tabIndex: undefined,
     render: element
   });

package/cjs/navigation-menu/list/NavigationMenuList.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuList = NavigationMenuList;
+var _web = require("solid-js/web");
 var _CompositeRoot = require("../../composite/root/CompositeRoot");
 var _solidHelpers = require("../../solid-helpers");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Contains a list of navigation menu items.
  * Renders a `<div>` element.
@@ -30,9 +30,11 @@ function NavigationMenuList(componentProps) {
     state,
     props: elementProps
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CompositeRoot.CompositeRoot, {
+  return (0, _web.createComponent)(_CompositeRoot.CompositeRoot, {
     loop: false,
-    orientation: orientation(),
+    get orientation() {
+      return orientation();
+    },
     stopEventPropagation: true,
     render: element
   });

package/cjs/navigation-menu/popup/NavigationMenuPopup.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuPopup = NavigationMenuPopup;
+var _web = require("solid-js/web");
 var _solidJs = require("solid-js");
 var _DirectionContext = require("../../direction-provider/DirectionContext");
 var _utils = require("../../floating-ui-solid/utils");
@@ -15,7 +16,6 @@ var _useBaseUiId = require("../../utils/useBaseUiId");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuPositionerContext = require("../positioner/NavigationMenuPositionerContext");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _jsxRuntime = require("react/jsx-runtime");
 const customStyleHookMapping = {
   ..._popupStateMapping.popupStateMapping,
   ..._styleHookMapping.transitionStatusMapping
@@ -108,39 +108,37 @@ function NavigationMenuPopup(componentProps) {
     }, elementProps],
     customStyleHookMapping
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusGuard.FocusGuard, {
-      ref: el => {
-        refs.beforeInsideRef = el;
-      },
-      onFocus: event => {
-        const positionerEl = positionerElement();
-        if (positionerEl && (0, _utils.isOutsideEvent)(event, positionerEl)) {
-          queueMicrotask(() => {
-            (0, _utils.getNextTabbable)(positionerEl)?.focus();
-          });
-        } else {
-          queueMicrotask(() => {
-            refs.beforeOutsideRef?.focus();
-          });
-        }
+  return [(0, _web.createComponent)(_FocusGuard.FocusGuard, {
+    ref: el => {
+      refs.beforeInsideRef = el;
+    },
+    onFocus: event => {
+      const positionerEl = positionerElement();
+      if (positionerEl && (0, _utils.isOutsideEvent)(event, positionerEl)) {
+        queueMicrotask(() => {
+          (0, _utils.getNextTabbable)(positionerEl)?.focus();
+        });
+      } else {
+        queueMicrotask(() => {
+          refs.beforeOutsideRef?.focus();
+        });
       }
-    }), element(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusGuard.FocusGuard, {
-      ref: el => {
-        refs.afterInsideRef = el;
-      },
-      onFocus: event => {
-        const positionerEl = positionerElement();
-        if (positionerEl && (0, _utils.isOutsideEvent)(event, positionerEl)) {
-          queueMicrotask(() => {
-            (0, _utils.getPreviousTabbable)(positionerEl)?.focus();
-          });
-        } else {
-          queueMicrotask(() => {
-            refs.afterOutsideRef?.focus();
-          });
-        }
+    }
+  }), (0, _web.memo)(element), (0, _web.createComponent)(_FocusGuard.FocusGuard, {
+    ref: el => {
+      refs.afterInsideRef = el;
+    },
+    onFocus: event => {
+      const positionerEl = positionerElement();
+      if (positionerEl && (0, _utils.isOutsideEvent)(event, positionerEl)) {
+        queueMicrotask(() => {
+          (0, _utils.getPreviousTabbable)(positionerEl)?.focus();
+        });
+      } else {
+        queueMicrotask(() => {
+          refs.afterOutsideRef?.focus();
+        });
       }
-    })]
-  });
+    }
+  })];
 }

package/cjs/navigation-menu/portal/NavigationMenuPortal.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuPortal = NavigationMenuPortal;
+var _web = require("solid-js/web");
 var _solidJs = require("solid-js");
 var _floatingUiSolid = require("../../floating-ui-solid");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _NavigationMenuPortalContext = require("./NavigationMenuPortalContext");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * A portal element that moves the popup to a different part of the DOM.
  * By default, the portal element is appended to `<body>`.
@@ -21,14 +21,24 @@ function NavigationMenuPortal(props) {
     mounted
   } = (0, _NavigationMenuRootContext.useNavigationMenuRootContext)();
   const shouldRender = () => mounted() || keepMounted();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
-    when: shouldRender(),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationMenuPortalContext.NavigationMenuPortalContext.Provider, {
-      value: keepMounted,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingUiSolid.FloatingPortal, {
-        root: props.container,
-        children: props.children
-      })
-    })
+  return (0, _web.createComponent)(_solidJs.Show, {
+    get when() {
+      return shouldRender();
+    },
+    get children() {
+      return (0, _web.createComponent)(_NavigationMenuPortalContext.NavigationMenuPortalContext.Provider, {
+        value: keepMounted,
+        get children() {
+          return (0, _web.createComponent)(_floatingUiSolid.FloatingPortal, {
+            get root() {
+              return props.container;
+            },
+            get children() {
+              return props.children;
+            }
+          });
+        }
+      });
+    }
   });
 }

package/cjs/navigation-menu/positioner/NavigationMenuPositioner.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuPositioner = NavigationMenuPositioner;
+var _web = require("solid-js/web");
 var _utils = require("@floating-ui/utils");
 var _solidJs = require("solid-js");
 var _utils2 = require("../../floating-ui-solid/utils");
@@ -17,7 +18,6 @@ var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuPortalContext = require("../portal/NavigationMenuPortalContext");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _NavigationMenuPositionerContext = require("./NavigationMenuPositionerContext");
-var _jsxRuntime = require("react/jsx-runtime");
 const adaptiveOrigin = {
   name: 'adaptiveOrigin',
   async fn(state) {
@@ -213,8 +213,10 @@ function NavigationMenuPositioner(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationMenuPositionerContext.NavigationMenuPositionerContext.Provider, {
+  return (0, _web.createComponent)(_NavigationMenuPositionerContext.NavigationMenuPositionerContext.Provider, {
     value: positioning,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/cjs/navigation-menu/root/NavigationMenuRoot.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuRoot = NavigationMenuRoot;
+var _web = require("solid-js/web");
 var _dom = require("@floating-ui/utils/dom");
 var _solidJs = require("solid-js");
 var _floatingUiSolid = require("../../floating-ui-solid");
@@ -14,7 +15,6 @@ var _owner = require("../../utils/owner");
 var _useOpenChangeComplete = require("../../utils/useOpenChangeComplete");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuRootContext = require("./NavigationMenuRootContext");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Groups all parts of the navigation menu.
  * Renders a `<nav>` element at the root, or `<div>` element when nested.
@@ -120,19 +120,27 @@ function NavigationMenuRoot(componentProps) {
     closeDelay,
     orientation
   };
-  const element = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationMenuRootContext.NavigationMenuRootContext.Provider, {
+  const element = () => (0, _web.createComponent)(_NavigationMenuRootContext.NavigationMenuRootContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeContext, {
-      ...componentProps
-    })
+    get children() {
+      return (0, _web.createComponent)(TreeContext, componentProps);
+    }
   });
   if (process.env.NODE_ENV !== "production") element.displayName = "element";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
-    when: nested(),
-    fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingUiSolid.FloatingTree, {
-      children: element()
-    }),
-    children: element()
+  return (0, _web.createComponent)(_solidJs.Show, {
+    get when() {
+      return nested();
+    },
+    get fallback() {
+      return (0, _web.createComponent)(_floatingUiSolid.FloatingTree, {
+        get children() {
+          return element();
+        }
+      });
+    },
+    get children() {
+      return element();
+    }
   });
 }
 function TreeContext(componentProps) {
@@ -164,8 +172,10 @@ function TreeContext(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationMenuRootContext.NavigationMenuTreeContext.Provider, {
+  return (0, _web.createComponent)(_NavigationMenuRootContext.NavigationMenuTreeContext.Provider, {
     value: nodeId,
-    children: element()
+    get children() {
+      return element();
+    }
   });
 }

package/cjs/navigation-menu/trigger/NavigationMenuTrigger.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuTrigger = NavigationMenuTrigger;
+var _web = require("solid-js/web");
 var _solidJs = require("solid-js");
 var _CompositeItem = require("../../composite/item/CompositeItem");
 var _floatingUiSolid = require("../../floating-ui-solid");
@@ -24,7 +25,7 @@ var _NavigationMenuPopupCssVars = require("../popup/NavigationMenuPopupCssVars")
 var _NavigationMenuPositionerCssVars = require("../positioner/NavigationMenuPositionerCssVars");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
 var _isOutsideMenuEvent = require("../utils/isOutsideMenuEvent");
-var _jsxRuntime = require("react/jsx-runtime");
+var _tmpl$ = /*#__PURE__*/(0, _web.template)(`<span>`);
 const TRIGGER_IDENTIFIER = 'data-navigation-menu-trigger';
 
 /**
@@ -320,53 +321,59 @@ function NavigationMenuTrigger(componentProps) {
       }
     }, elementProps]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CompositeItem.CompositeItem, {
-      render: element
-    }), isActiveItem() && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusGuard.FocusGuard, {
-        ref: el => {
-          refs.beforeOutsideRef = el;
-        },
-        onFocus: event => {
-          const positionerEl = positionerElement();
-          const triggerEl = triggerElement();
-          if (positionerEl && (0, _utils.isOutsideEvent)(event, positionerEl)) {
-            queueMicrotask(() => {
-              refs.beforeInsideRef?.focus();
-            });
-          } else {
-            queueMicrotask(() => {
-              const prevTabbable = (0, _utils.getPreviousTabbable)(triggerEl);
-              prevTabbable?.focus();
-            });
-          }
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        "aria-owns": popupElement()?.id,
-        style: _visuallyHidden.visuallyHidden
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusGuard.FocusGuard, {
-        ref: el => {
-          refs.afterOutsideRef = el;
-        },
-        onFocus: event => {
-          const positionerEl = positionerElement();
-          const triggerEl = triggerElement();
-          if (positionerEl && (0, _utils.isOutsideEvent)(event, positionerEl)) {
-            queueMicrotask(() => {
-              refs.afterInsideRef?.focus();
-            });
-          } else {
-            queueMicrotask(() => {
-              const nextTabbable = (0, _utils.getNextTabbable)(triggerEl);
-              nextTabbable?.focus();
-              if (!(0, _utils.contains)(refs.rootRef, nextTabbable)) {
-                setValue(null, event, 'focus-out');
-              }
-            });
+  return [(0, _web.createComponent)(_CompositeItem.CompositeItem, {
+    render: element
+  }), (0, _web.memo)(() => (0, _web.memo)(() => !!isActiveItem())() && [(0, _web.createComponent)(_FocusGuard.FocusGuard, {
+    ref: el => {
+      refs.beforeOutsideRef = el;
+    },
+    onFocus: event => {
+      const positionerEl = positionerElement();
+      const triggerEl = triggerElement();
+      if (positionerEl && (0, _utils.isOutsideEvent)(event, positionerEl)) {
+        queueMicrotask(() => {
+          refs.beforeInsideRef?.focus();
+        });
+      } else {
+        queueMicrotask(() => {
+          const prevTabbable = (0, _utils.getPreviousTabbable)(triggerEl);
+          prevTabbable?.focus();
+        });
+      }
+    }
+  }), (() => {
+    var _el$ = _tmpl$();
+    (0, _web.effect)(_p$ => {
+      var _v$ = popupElement()?.id,
+        _v$2 = _visuallyHidden.visuallyHidden;
+      _v$ !== _p$.e && (0, _web.setAttribute)(_el$, "aria-owns", _p$.e = _v$);
+      _p$.t = (0, _web.style)(_el$, _v$2, _p$.t);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$;
+  })(), (0, _web.createComponent)(_FocusGuard.FocusGuard, {
+    ref: el => {
+      refs.afterOutsideRef = el;
+    },
+    onFocus: event => {
+      const positionerEl = positionerElement();
+      const triggerEl = triggerElement();
+      if (positionerEl && (0, _utils.isOutsideEvent)(event, positionerEl)) {
+        queueMicrotask(() => {
+          refs.afterInsideRef?.focus();
+        });
+      } else {
+        queueMicrotask(() => {
+          const nextTabbable = (0, _utils.getNextTabbable)(triggerEl);
+          nextTabbable?.focus();
+          if (!(0, _utils.contains)(refs.rootRef, nextTabbable)) {
+            setValue(null, event, 'focus-out');
           }
-        }
-      })]
-    })]
-  });
+        });
+      }
+    }
+  })])];
 }

package/cjs/navigation-menu/viewport/NavigationMenuViewport.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationMenuViewport = NavigationMenuViewport;
+var _web = require("solid-js/web");
 var _solidHelpers = require("../../solid-helpers");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NavigationMenuRootContext = require("../root/NavigationMenuRootContext");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * The clipping viewport of the navigation menu's current content.
  * Renders a `<div>` element.
@@ -23,7 +23,5 @@ function NavigationMenuViewport(componentProps) {
     ref: setViewportElement,
     props: elementProps
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: element()
-  });
+  return (0, _web.memo)(element);
 }

package/cjs/number-field/decrement/NumberFieldDecrement.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NumberFieldDecrement = NumberFieldDecrement;
+var _web = require("solid-js/web");
 var _solidHelpers = require("../../solid-helpers");
 var _useButton = require("../../use-button");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NumberFieldRootContext = require("../root/NumberFieldRootContext");
 var _useNumberFieldButton = require("../root/useNumberFieldButton");
 var _styleHooks = require("../utils/styleHooks");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * A stepper button that decreases the field value when clicked.
  * Renders an `<button>` element.
@@ -70,7 +70,5 @@ function NumberFieldDecrement(componentProps) {
     props: [props, elementProps, getButtonProps],
     customStyleHookMapping: _styleHooks.styleHookMapping
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: element()
-  });
+  return (0, _web.memo)(element);
 }

package/cjs/number-field/group/NumberFieldGroup.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NumberFieldGroup = NumberFieldGroup;
+var _web = require("solid-js/web");
 var _solidHelpers = require("../../solid-helpers");
 var _useRenderElement = require("../../utils/useRenderElement");
 var _NumberFieldRootContext = require("../root/NumberFieldRootContext");
 var _styleHooks = require("../utils/styleHooks");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Groups the input with the increment and decrement buttons.
  * Renders a `<div>` element.
@@ -27,7 +27,5 @@ function NumberFieldGroup(componentProps) {
     }, elementProps],
     customStyleHookMapping: _styleHooks.styleHookMapping
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: element()
-  });
+  return (0, _web.memo)(element);
 }