@jobber/components 8.14.1 → 8.15.0

package/dist/Autocomplete-es.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, j as useClick, k as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, h as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
+import { u as useFloating, k as useClick, g as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, i as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce } from '@jobber/hooks';

package/dist/BottomSheet-cjs.js

@@ -3,94 +3,126 @@
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
-var DrawerRoot = require('./DrawerRoot-cjs.js');
+var Button = require('./Button-cjs.js');
+var useRenderElement = require('./useRenderElement-cjs.js');
+var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
 
-var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
-
-const BOTTOM_THRESHOLD = 1;
-const BottomSheetContext = React.createContext(null);
-function BottomSheetRoot(_a) {
-    var { children, defaultOpen, onOpenChange, open } = _a, rootProps = tslib_es6.__rest(_a, ["children", "defaultOpen", "onOpenChange", "open"]);
-    const isControlled = open !== undefined;
-    const [internalOpen, setInternalOpen] = React.useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false);
-    const isOpen = isControlled ? open : internalOpen;
-    const handleOpenChange = React.useCallback((nextOpen, eventDetails) => {
-        if (!isControlled) {
-            setInternalOpen(nextOpen);
-        }
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, eventDetails);
-    }, [isControlled, onOpenChange]);
-    return (React.createElement(BottomSheetContext.Provider, { value: { isOpen } },
-        React.createElement(DrawerRoot.DrawerRoot, Object.assign({}, rootProps, { defaultOpen: defaultOpen, onOpenChange: handleOpenChange, open: open }), children)));
+function assignRef(ref, instance) {
+    if (!ref) {
+        return;
+    }
+    if (typeof ref === "function") {
+        ref(instance);
+        return;
+    }
+    ref.current = instance;
 }
-const BottomSheetPopup = React.forwardRef(function BottomSheetPopup(_a, ref) {
-    var { children, className, initialFocus, finalFocus } = _a, popupProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus"]);
-    const scrollAreaRef = React.useRef(null);
-    const [showBottomFade, setShowBottomFade] = React.useState(false);
-    const bottomSheetContext = React.useContext(BottomSheetContext);
-    const isOpen = bottomSheetContext === null || bottomSheetContext === void 0 ? void 0 : bottomSheetContext.isOpen;
-    const syncBottomFade = React.useCallback(() => {
-        const node = scrollAreaRef.current;
-        if (!node)
-            return;
-        const hasOverflow = node.scrollHeight > node.clientHeight;
-        const isAtBottom = node.scrollTop + node.clientHeight >=
-            node.scrollHeight - BOTTOM_THRESHOLD;
-        const nextShowBottomFade = hasOverflow && !isAtBottom;
-        setShowBottomFade(nextShowBottomFade);
-    }, []);
-    const scheduleFadeUpdate = React.useCallback(() => {
-        syncBottomFade();
-        let firstAnimationFrame = 0;
-        let secondAnimationFrame = 0;
-        firstAnimationFrame = window.requestAnimationFrame(() => {
-            syncBottomFade();
-            secondAnimationFrame = window.requestAnimationFrame(() => {
-                syncBottomFade();
-            });
+function mergeRefs(...refs) {
+    return (instance) => {
+        refs.forEach(ref => {
+            assignRef(ref, instance);
         });
-        return () => {
-            window.cancelAnimationFrame(firstAnimationFrame);
-            window.cancelAnimationFrame(secondAnimationFrame);
-        };
-    }, [syncBottomFade]);
-    React.useLayoutEffect(() => {
-        if (isOpen === false) {
-            setShowBottomFade(false);
-            return;
+    };
+}
+function getElementRef(element) {
+    return element.ref;
+}
+function normalizeBaseUiButtonProps(props) {
+    const rest = tslib_es6.__rest(props, ["type"]);
+    return rest;
+}
+function isAtlantisButtonRenderTarget(element) {
+    return React.isValidElement(element) && element.type === Button.Button;
+}
+function renderAtlantisButtonTarget(element) {
+    return function renderButtonTarget(props) {
+        const mergedProps = useRenderElement.mergeProps(normalizeBaseUiButtonProps(props), element.props);
+        return (React.createElement(Button.Button, Object.assign({}, mergedProps, { ref: mergeRefs(props.ref, getElementRef(element)), key: element.key })));
+    };
+}
+function stripNativeTypeFromButtonRenderTarget(element) {
+    const nativeType = element.props.type;
+    if (nativeType !== "button" &&
+        nativeType !== "submit" &&
+        nativeType !== "reset") {
+        return element;
+    }
+    return React.cloneElement(element, {
+        type: undefined,
+    });
+}
+
+var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollRoot":"V--tRnN-P0I-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
+
+// `resolveBottomSheetTriggerRender` so an Atlantis `<Button>` works as a trigger
+// via `children` or `render`. Raw text children are wrapped in a default Button.
+function resolveBottomSheetTriggerRender({ children, render, }) {
+    if (render) {
+        if (typeof render === "function") {
+            return (props) => {
+                const renderedElement = render(normalizeBaseUiButtonProps(props));
+                return isAtlantisButtonRenderTarget(renderedElement)
+                    ? stripNativeTypeFromButtonRenderTarget(renderedElement)
+                    : renderedElement;
+            };
         }
-        return scheduleFadeUpdate();
-    }, [isOpen, scheduleFadeUpdate]);
-    React.useEffect(() => {
-        const node = scrollAreaRef.current;
-        if (!node || typeof ResizeObserver === "undefined")
-            return;
-        const resizeObserver = new ResizeObserver(syncBottomFade);
-        resizeObserver.observe(node);
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [syncBottomFade]);
-    return (React.createElement(DrawerRoot.DrawerPortal, null,
-        React.createElement(DrawerRoot.DrawerBackdrop, { className: styles.backdrop }),
-        React.createElement(DrawerRoot.DrawerPopup, Object.assign({}, popupProps, { ref: ref, className: classnames(styles.popup, className), initialFocus: initialFocus, finalFocus: finalFocus }),
-            React.createElement("div", { className: styles.scrollArea, onScroll: syncBottomFade, ref: scrollAreaRef }, children),
-            showBottomFade ? (React.createElement("div", { "aria-hidden": "true", className: styles.bottomFade })) : null)));
-});
-const BottomSheetContent = React.forwardRef(function BottomSheetContent(_a, ref) {
-    var { children, className } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className"]);
-    return (React.createElement(DrawerRoot.DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }), children));
-});
-const BottomSheetComponent = React.forwardRef(function BottomSheet(_a, ref) {
-    var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange"]);
+        return isAtlantisButtonRenderTarget(render)
+            ? renderAtlantisButtonTarget(render)
+            : render;
+    }
+    if (isAtlantisButtonRenderTarget(children)) {
+        return renderAtlantisButtonTarget(children);
+    }
+    if (React.isValidElement(children)) {
+        return children;
+    }
+    return renderAtlantisButtonTarget(React.createElement(Button.Button, { type: "primary" },
+        React.createElement(Button.Button.Label, null, children)));
+}
+
+function BottomSheetTrigger(_a) {
+    var { children, render, className } = _a, triggerProps = tslib_es6.__rest(_a, ["children", "render", "className"]);
+    return (React.createElement(ScrollAreaViewport.DrawerTrigger, Object.assign({}, triggerProps, { className: className, render: resolveBottomSheetTriggerRender({ children, render }) })));
+}
+/**
+ * Thin pass-through to the Drawer root: a single owner manages open state, and
+ * all root props — `handle`, `modal`, `disablePointerDismissal`, the payload
+ * render-function `children`, etc. — reach BaseUI unchanged.
+ */
+function BottomSheetRoot(_a) {
+    var { children } = _a, rootProps = tslib_es6.__rest(_a, ["children"]);
+    return React.createElement(ScrollAreaViewport.DrawerRoot, Object.assign({}, rootProps), children);
+}
+function BottomSheetPopup(_a) {
+    var { children, className, initialFocus, finalFocus, ref } = _a, popupProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus", "ref"]);
+    return (React.createElement(ScrollAreaViewport.DrawerPortal, null,
+        React.createElement(ScrollAreaViewport.DrawerBackdrop, { forceRender: true, className: styles.backdrop }),
+        React.createElement(ScrollAreaViewport.DrawerPopup, Object.assign({}, popupProps, { ref: ref, className: classnames(styles.popup, className), initialFocus: initialFocus, finalFocus: finalFocus }),
+            React.createElement(ScrollAreaViewport.ScrollAreaRoot, { className: styles.scrollRoot },
+                React.createElement(ScrollAreaViewport.ScrollAreaViewport, { className: styles.scrollArea, "data-testid": "ATL-BottomSheet-ScrollArea", 
+                    // BaseUI sets overflow: scroll in the style prop by default. This is to override that because adding it to the className doesn't work.
+                    style: { overflow: "auto" } }, children),
+                React.createElement("div", { "aria-hidden": "true", className: styles.bottomFade, "data-testid": "ATL-BottomSheet-Fade" })))));
+}
+function BottomSheetContent(_a) {
+    var { children, className, ref } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className", "ref"]);
+    return (React.createElement(ScrollAreaViewport.DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }), children));
+}
+function BottomSheetComponent(_a) {
+    var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange, ref } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange", "ref"]);
     return (React.createElement(BottomSheetRoot, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange },
         React.createElement(BottomSheetPopup, { initialFocus: initialFocus, finalFocus: finalFocus },
             React.createElement(BottomSheetContent, Object.assign({}, contentProps, { ref: ref, className: className }), children))));
-});
+}
 const BottomSheet = Object.assign(BottomSheetComponent, {
     Root: BottomSheetRoot,
+    Trigger: BottomSheetTrigger,
     Popup: BottomSheetPopup,
     Content: BottomSheetContent,
 });
 
 exports.BottomSheet = BottomSheet;
+exports.isAtlantisButtonRenderTarget = isAtlantisButtonRenderTarget;
+exports.normalizeBaseUiButtonProps = normalizeBaseUiButtonProps;
+exports.renderAtlantisButtonTarget = renderAtlantisButtonTarget;
+exports.stripNativeTypeFromButtonRenderTarget = stripNativeTypeFromButtonRenderTarget;

package/dist/BottomSheet-es.js

@@ -1,94 +1,122 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default from 'react';
 import classnames from 'classnames';
-import { D as DrawerPortal, a as DrawerBackdrop, b as DrawerPopup, c as DrawerContent, d as DrawerRoot } from './DrawerRoot-es.js';
+import { B as Button } from './Button-es.js';
+import { m as mergeProps } from './useRenderElement-es.js';
+import { D as DrawerTrigger, a as DrawerRoot, b as DrawerPortal, c as DrawerBackdrop, d as DrawerPopup, S as ScrollAreaRoot, e as ScrollAreaViewport, f as DrawerContent } from './ScrollAreaViewport-es.js';
 
-var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
-
-const BOTTOM_THRESHOLD = 1;
-const BottomSheetContext = React__default.createContext(null);
-function BottomSheetRoot(_a) {
-    var { children, defaultOpen, onOpenChange, open } = _a, rootProps = __rest(_a, ["children", "defaultOpen", "onOpenChange", "open"]);
-    const isControlled = open !== undefined;
-    const [internalOpen, setInternalOpen] = React__default.useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false);
-    const isOpen = isControlled ? open : internalOpen;
-    const handleOpenChange = React__default.useCallback((nextOpen, eventDetails) => {
-        if (!isControlled) {
-            setInternalOpen(nextOpen);
-        }
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, eventDetails);
-    }, [isControlled, onOpenChange]);
-    return (React__default.createElement(BottomSheetContext.Provider, { value: { isOpen } },
-        React__default.createElement(DrawerRoot, Object.assign({}, rootProps, { defaultOpen: defaultOpen, onOpenChange: handleOpenChange, open: open }), children)));
+function assignRef(ref, instance) {
+    if (!ref) {
+        return;
+    }
+    if (typeof ref === "function") {
+        ref(instance);
+        return;
+    }
+    ref.current = instance;
 }
-const BottomSheetPopup = React__default.forwardRef(function BottomSheetPopup(_a, ref) {
-    var { children, className, initialFocus, finalFocus } = _a, popupProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus"]);
-    const scrollAreaRef = React__default.useRef(null);
-    const [showBottomFade, setShowBottomFade] = React__default.useState(false);
-    const bottomSheetContext = React__default.useContext(BottomSheetContext);
-    const isOpen = bottomSheetContext === null || bottomSheetContext === void 0 ? void 0 : bottomSheetContext.isOpen;
-    const syncBottomFade = React__default.useCallback(() => {
-        const node = scrollAreaRef.current;
-        if (!node)
-            return;
-        const hasOverflow = node.scrollHeight > node.clientHeight;
-        const isAtBottom = node.scrollTop + node.clientHeight >=
-            node.scrollHeight - BOTTOM_THRESHOLD;
-        const nextShowBottomFade = hasOverflow && !isAtBottom;
-        setShowBottomFade(nextShowBottomFade);
-    }, []);
-    const scheduleFadeUpdate = React__default.useCallback(() => {
-        syncBottomFade();
-        let firstAnimationFrame = 0;
-        let secondAnimationFrame = 0;
-        firstAnimationFrame = window.requestAnimationFrame(() => {
-            syncBottomFade();
-            secondAnimationFrame = window.requestAnimationFrame(() => {
-                syncBottomFade();
-            });
+function mergeRefs(...refs) {
+    return (instance) => {
+        refs.forEach(ref => {
+            assignRef(ref, instance);
         });
-        return () => {
-            window.cancelAnimationFrame(firstAnimationFrame);
-            window.cancelAnimationFrame(secondAnimationFrame);
-        };
-    }, [syncBottomFade]);
-    React__default.useLayoutEffect(() => {
-        if (isOpen === false) {
-            setShowBottomFade(false);
-            return;
+    };
+}
+function getElementRef(element) {
+    return element.ref;
+}
+function normalizeBaseUiButtonProps(props) {
+    const rest = __rest(props, ["type"]);
+    return rest;
+}
+function isAtlantisButtonRenderTarget(element) {
+    return React__default.isValidElement(element) && element.type === Button;
+}
+function renderAtlantisButtonTarget(element) {
+    return function renderButtonTarget(props) {
+        const mergedProps = mergeProps(normalizeBaseUiButtonProps(props), element.props);
+        return (React__default.createElement(Button, Object.assign({}, mergedProps, { ref: mergeRefs(props.ref, getElementRef(element)), key: element.key })));
+    };
+}
+function stripNativeTypeFromButtonRenderTarget(element) {
+    const nativeType = element.props.type;
+    if (nativeType !== "button" &&
+        nativeType !== "submit" &&
+        nativeType !== "reset") {
+        return element;
+    }
+    return React__default.cloneElement(element, {
+        type: undefined,
+    });
+}
+
+var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollRoot":"V--tRnN-P0I-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
+
+// `resolveBottomSheetTriggerRender` so an Atlantis `<Button>` works as a trigger
+// via `children` or `render`. Raw text children are wrapped in a default Button.
+function resolveBottomSheetTriggerRender({ children, render, }) {
+    if (render) {
+        if (typeof render === "function") {
+            return (props) => {
+                const renderedElement = render(normalizeBaseUiButtonProps(props));
+                return isAtlantisButtonRenderTarget(renderedElement)
+                    ? stripNativeTypeFromButtonRenderTarget(renderedElement)
+                    : renderedElement;
+            };
         }
-        return scheduleFadeUpdate();
-    }, [isOpen, scheduleFadeUpdate]);
-    React__default.useEffect(() => {
-        const node = scrollAreaRef.current;
-        if (!node || typeof ResizeObserver === "undefined")
-            return;
-        const resizeObserver = new ResizeObserver(syncBottomFade);
-        resizeObserver.observe(node);
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [syncBottomFade]);
+        return isAtlantisButtonRenderTarget(render)
+            ? renderAtlantisButtonTarget(render)
+            : render;
+    }
+    if (isAtlantisButtonRenderTarget(children)) {
+        return renderAtlantisButtonTarget(children);
+    }
+    if (React__default.isValidElement(children)) {
+        return children;
+    }
+    return renderAtlantisButtonTarget(React__default.createElement(Button, { type: "primary" },
+        React__default.createElement(Button.Label, null, children)));
+}
+
+function BottomSheetTrigger(_a) {
+    var { children, render, className } = _a, triggerProps = __rest(_a, ["children", "render", "className"]);
+    return (React__default.createElement(DrawerTrigger, Object.assign({}, triggerProps, { className: className, render: resolveBottomSheetTriggerRender({ children, render }) })));
+}
+/**
+ * Thin pass-through to the Drawer root: a single owner manages open state, and
+ * all root props — `handle`, `modal`, `disablePointerDismissal`, the payload
+ * render-function `children`, etc. — reach BaseUI unchanged.
+ */
+function BottomSheetRoot(_a) {
+    var { children } = _a, rootProps = __rest(_a, ["children"]);
+    return React__default.createElement(DrawerRoot, Object.assign({}, rootProps), children);
+}
+function BottomSheetPopup(_a) {
+    var { children, className, initialFocus, finalFocus, ref } = _a, popupProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus", "ref"]);
     return (React__default.createElement(DrawerPortal, null,
-        React__default.createElement(DrawerBackdrop, { className: styles.backdrop }),
+        React__default.createElement(DrawerBackdrop, { forceRender: true, className: styles.backdrop }),
         React__default.createElement(DrawerPopup, Object.assign({}, popupProps, { ref: ref, className: classnames(styles.popup, className), initialFocus: initialFocus, finalFocus: finalFocus }),
-            React__default.createElement("div", { className: styles.scrollArea, onScroll: syncBottomFade, ref: scrollAreaRef }, children),
-            showBottomFade ? (React__default.createElement("div", { "aria-hidden": "true", className: styles.bottomFade })) : null)));
-});
-const BottomSheetContent = React__default.forwardRef(function BottomSheetContent(_a, ref) {
-    var { children, className } = _a, contentProps = __rest(_a, ["children", "className"]);
+            React__default.createElement(ScrollAreaRoot, { className: styles.scrollRoot },
+                React__default.createElement(ScrollAreaViewport, { className: styles.scrollArea, "data-testid": "ATL-BottomSheet-ScrollArea", 
+                    // BaseUI sets overflow: scroll in the style prop by default. This is to override that because adding it to the className doesn't work.
+                    style: { overflow: "auto" } }, children),
+                React__default.createElement("div", { "aria-hidden": "true", className: styles.bottomFade, "data-testid": "ATL-BottomSheet-Fade" })))));
+}
+function BottomSheetContent(_a) {
+    var { children, className, ref } = _a, contentProps = __rest(_a, ["children", "className", "ref"]);
     return (React__default.createElement(DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }), children));
-});
-const BottomSheetComponent = React__default.forwardRef(function BottomSheet(_a, ref) {
-    var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange } = _a, contentProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange"]);
+}
+function BottomSheetComponent(_a) {
+    var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange, ref } = _a, contentProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange", "ref"]);
     return (React__default.createElement(BottomSheetRoot, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange },
         React__default.createElement(BottomSheetPopup, { initialFocus: initialFocus, finalFocus: finalFocus },
             React__default.createElement(BottomSheetContent, Object.assign({}, contentProps, { ref: ref, className: className }), children))));
-});
+}
 const BottomSheet = Object.assign(BottomSheetComponent, {
     Root: BottomSheetRoot,
+    Trigger: BottomSheetTrigger,
     Popup: BottomSheetPopup,
     Content: BottomSheetContent,
 });
 
-export { BottomSheet as B };
+export { BottomSheet as B, isAtlantisButtonRenderTarget as i, normalizeBaseUiButtonProps as n, renderAtlantisButtonTarget as r, stripNativeTypeFromButtonRenderTarget as s };

package/dist/Card/index.cjs

@@ -23,12 +23,11 @@ require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
 require('../BottomSheet-cjs.js');
-require('../DrawerRoot-cjs.js');
+require('../ScrollAreaViewport-cjs.js');
 require('../useValueChanged-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
-require('../useBaseUiId-cjs.js');
 
 
 

package/dist/Card/index.mjs

@@ -21,9 +21,8 @@ import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
 import '../BottomSheet-es.js';
-import '../DrawerRoot-es.js';
+import '../ScrollAreaViewport-es.js';
 import '../useValueChanged-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../MenuSubmenuTrigger-es.js';
-import '../useBaseUiId-es.js';

package/dist/DataDump/index.cjs

@@ -24,12 +24,11 @@ require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
 require('../BottomSheet-cjs.js');
-require('../DrawerRoot-cjs.js');
+require('../ScrollAreaViewport-cjs.js');
 require('../useValueChanged-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
-require('../useBaseUiId-cjs.js');
 require('../Content-cjs.js');
 require('../Emphasis-cjs.js');
 

package/dist/DataDump/index.mjs

@@ -22,11 +22,10 @@ import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
 import '../BottomSheet-es.js';
-import '../DrawerRoot-es.js';
+import '../ScrollAreaViewport-es.js';
 import '../useValueChanged-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../MenuSubmenuTrigger-es.js';
-import '../useBaseUiId-es.js';
 import '../Content-es.js';
 import '../Emphasis-es.js';

package/dist/InputNumberExperimental-cjs.js

@@ -9,7 +9,6 @@ var useValueChanged = require('./useValueChanged-cjs.js');
 var NumberFieldInput = require('./NumberFieldInput-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-var useBaseUiId = require('./useBaseUiId-cjs.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -45,7 +44,7 @@ function useFieldsetRootContext(optional = false) {
 }
 
 const LabelableProvider = function LabelableProvider(props) {
-  const defaultId = useBaseUiId.useBaseUiId();
+  const defaultId = useValueChanged.useBaseUiId();
   const initialControlId = props.controlId === undefined ? defaultId : props.controlId;
   const [controlId, setControlIdState] = React__namespace.useState(initialControlId);
   const [labelId, setLabelId] = React__namespace.useState(props.labelId);
@@ -486,7 +485,7 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
     match,
     ...elementProps
   } = componentProps;
-  const id = useBaseUiId.useBaseUiId(idProp);
+  const id = useValueChanged.useBaseUiId(idProp);
   const {
     validityData,
     state: fieldState,
@@ -582,7 +581,7 @@ const FieldDescription = /*#__PURE__*/React__namespace.forwardRef(function Field
     className,
     ...elementProps
   } = componentProps;
-  const id = useBaseUiId.useBaseUiId(idProp);
+  const id = useValueChanged.useBaseUiId(idProp);
   const fieldRootContext = NumberFieldInput.useFieldRootContext(false);
   const {
     setMessageIds

package/dist/InputNumberExperimental-es.js

@@ -4,11 +4,10 @@ import classnames from 'classnames';
 import { A as ActivityIndicator } from './ActivityIndicator-es.js';
 import { B as Button } from './Button-es.js';
 import { I as Icon } from './Icon-es.js';
-import { a as useStableCallback, c as useTimeout, t as transitionStatusMapping, d as useTransitionStatus, u as useIsoLayoutEffect, e as useOpenChangeComplete } from './useValueChanged-es.js';
+import { u as useBaseUiId, a as useStableCallback, b as useTimeout, t as transitionStatusMapping, c as useTransitionStatus, d as useIsoLayoutEffect, e as useOpenChangeComplete } from './useValueChanged-es.js';
 import { u as useLabelableContext, L as LabelableContext, a as useFormContext, D as DEFAULT_VALIDITY_STATE, g as getCombinedFieldValidityData, f as fieldValidityMapping, F as FieldRootContext, b as useFieldRootContext, N as NumberFieldRoot, c as NumberFieldGroup, d as NumberFieldInput, e as NumberFieldIncrement, h as NumberFieldDecrement } from './NumberFieldInput-es.js';
-import { f as formatErrorMessage, b as useRefWithInit, m as mergeProps, E as EMPTY_OBJECT, u as useRenderElement } from './useRenderElement-es.js';
+import { f as formatErrorMessage, a as useRefWithInit, m as mergeProps, E as EMPTY_OBJECT, u as useRenderElement } from './useRenderElement-es.js';
 import { jsx } from 'react/jsx-runtime';
-import { u as useBaseUiId } from './useBaseUiId-es.js';
 
 const FieldsetRootContext = /*#__PURE__*/React.createContext({
   legendId: undefined,

package/dist/Menu/index.cjs

@@ -21,12 +21,11 @@ require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
 require('../BottomSheet-cjs.js');
-require('../DrawerRoot-cjs.js');
+require('../ScrollAreaViewport-cjs.js');
 require('../useValueChanged-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
-require('../useBaseUiId-cjs.js');
 
 
 

package/dist/Menu/index.mjs

@@ -19,9 +19,8 @@ import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
 import '../BottomSheet-es.js';
-import '../DrawerRoot-es.js';
+import '../ScrollAreaViewport-es.js';
 import '../useValueChanged-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../MenuSubmenuTrigger-es.js';
-import '../useBaseUiId-es.js';