@jobber/components 8.14.0 → 8.15.0

package/FilterPicker.d.ts

@@ -0,0 +1 @@
+export * from "./dist/FilterPicker";

package/{Combobox.js → FilterPicker.js}

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true,
 });
 
-var Combobox = require("./dist/Combobox");
+var FilterPicker = require("./dist/FilterPicker");
 
-Object.keys(Combobox).forEach(function(key) {
+Object.keys(FilterPicker).forEach(function(key) {
   if (key === "default" || key === "__esModule") return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return Combobox[key];
+      return FilterPicker[key];
     },
   });
 });

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/DataList/components/DataListFilters/components/DataListSort/index.cjs

@@ -5,8 +5,8 @@ require('react');
 require('../../../../../DataListContext-cjs.js');
 require('../../../../../noop-cjs.js');
 require('../../../../../_commonjsHelpers-cjs.js');
-require('../../../../../Combobox-cjs.js');
-require('../../../../../ComboboxContent-cjs.js');
+require('../../../../../FilterPicker-cjs.js');
+require('../../../../../FilterPickerContent-cjs.js');
 require('classnames');
 require('../../../../../floating-ui.react-cjs.js');
 require('../../../../../floating-ui.utils.dom-cjs.js');
@@ -14,10 +14,10 @@ require('../../../../../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../../../../../floating-ui.react-dom-cjs.js');
-require('../../../../../ComboboxContentSearch-cjs.js');
+require('../../../../../FilterPickerContentSearch-cjs.js');
 require('../../../../../Icon-cjs.js');
 require('@jobber/design');
-require('../../../../../ComboboxContentList-cjs.js');
+require('../../../../../FilterPickerContentList-cjs.js');
 require('framer-motion');
 require('../../../../../Text-cjs.js');
 require('../../../../../Typography-cjs.js');
@@ -34,23 +34,23 @@ require('../../../../../_baseFor-cjs.js');
 require('../../../../../keysIn-cjs.js');
 require('../../../../../_isIterateeCall-cjs.js');
 require('../../../../../_setToString-cjs.js');
-require('../../../../../ComboboxOption-cjs.js');
+require('../../../../../FilterPickerOption-cjs.js');
 require('../../../../../Flex-cjs.js');
-require('../../../../../ComboboxProvider-cjs.js');
-require('../../../../../ComboboxLoadMore-cjs.js');
+require('../../../../../FilterPickerProvider-cjs.js');
+require('../../../../../FilterPickerLoadMore-cjs.js');
 require('@jobber/hooks');
-require('../../../../../ComboboxContentHeader-cjs.js');
+require('../../../../../FilterPickerContentHeader-cjs.js');
 require('../../../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../../../constants-cjs.js');
-require('../../../../../ComboboxAction-cjs.js');
-require('../../../../../ComboboxTrigger-cjs.js');
+require('../../../../../FilterPickerAction-cjs.js');
+require('../../../../../FilterPickerTrigger-cjs.js');
 require('../../../../../Chip-cjs.js');
 require('../../../../../Avatar-cjs.js');
 require('color');
 require('../../../../../useChildComponent-cjs.js');
 require('../../../../../Tooltip-cjs.js');
-require('../../../../../ComboboxActivator-cjs.js');
+require('../../../../../FilterPickerActivator-cjs.js');
 
 
 

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -3,8 +3,8 @@ import 'react';
 import '../../../../../DataListContext-es.js';
 import '../../../../../noop-es.js';
 import '../../../../../_commonjsHelpers-es.js';
-import '../../../../../Combobox-es.js';
-import '../../../../../ComboboxContent-es.js';
+import '../../../../../FilterPicker-es.js';
+import '../../../../../FilterPickerContent-es.js';
 import 'classnames';
 import '../../../../../floating-ui.react-es.js';
 import '../../../../../floating-ui.utils.dom-es.js';
@@ -12,10 +12,10 @@ import '../../../../../index.esm-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../../../../../floating-ui.react-dom-es.js';
-import '../../../../../ComboboxContentSearch-es.js';
+import '../../../../../FilterPickerContentSearch-es.js';
 import '../../../../../Icon-es.js';
 import '@jobber/design';
-import '../../../../../ComboboxContentList-es.js';
+import '../../../../../FilterPickerContentList-es.js';
 import 'framer-motion';
 import '../../../../../Text-es.js';
 import '../../../../../Typography-es.js';
@@ -32,20 +32,20 @@ import '../../../../../_baseFor-es.js';
 import '../../../../../keysIn-es.js';
 import '../../../../../_isIterateeCall-es.js';
 import '../../../../../_setToString-es.js';
-import '../../../../../ComboboxOption-es.js';
+import '../../../../../FilterPickerOption-es.js';
 import '../../../../../Flex-es.js';
-import '../../../../../ComboboxProvider-es.js';
-import '../../../../../ComboboxLoadMore-es.js';
+import '../../../../../FilterPickerProvider-es.js';
+import '../../../../../FilterPickerLoadMore-es.js';
 import '@jobber/hooks';
-import '../../../../../ComboboxContentHeader-es.js';
+import '../../../../../FilterPickerContentHeader-es.js';
 import '../../../../../Button-es.js';
 import 'react-router-dom';
 import '../../../../../constants-es.js';
-import '../../../../../ComboboxAction-es.js';
-import '../../../../../ComboboxTrigger-es.js';
+import '../../../../../FilterPickerAction-es.js';
+import '../../../../../FilterPickerTrigger-es.js';
 import '../../../../../Chip-es.js';
 import '../../../../../Avatar-es.js';
 import 'color';
 import '../../../../../useChildComponent-es.js';
 import '../../../../../Tooltip-es.js';
-import '../../../../../ComboboxActivator-es.js';
+import '../../../../../FilterPickerActivator-es.js';