@jobber/components 6.122.0 → 6.123.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/Autocomplete/index.cjs +1 -0
  2. package/dist/Autocomplete/index.mjs +2 -1
  3. package/dist/BottomSheet-cjs.js +96 -0
  4. package/dist/BottomSheet-es.js +94 -0
  5. package/dist/Card/index.cjs +3 -2
  6. package/dist/Card/index.mjs +3 -2
  7. package/dist/Chip/index.cjs +3 -2
  8. package/dist/Chip/index.mjs +3 -2
  9. package/dist/Chips/InternalChipDismissible/hooks/index.cjs +3 -2
  10. package/dist/Chips/InternalChipDismissible/hooks/index.mjs +3 -2
  11. package/dist/Chips/InternalChipDismissible/index.cjs +3 -2
  12. package/dist/Chips/InternalChipDismissible/index.mjs +3 -2
  13. package/dist/Chips/index.cjs +3 -2
  14. package/dist/Chips/index.mjs +3 -2
  15. package/dist/Combobox/components/ComboboxActivator/index.cjs +3 -2
  16. package/dist/Combobox/components/ComboboxActivator/index.mjs +3 -2
  17. package/dist/Combobox/components/ComboboxContent/index.cjs +3 -2
  18. package/dist/Combobox/components/ComboboxContent/index.mjs +3 -2
  19. package/dist/Combobox/components/ComboboxTrigger/index.cjs +3 -2
  20. package/dist/Combobox/components/ComboboxTrigger/index.mjs +3 -2
  21. package/dist/Combobox/index.cjs +3 -2
  22. package/dist/Combobox/index.mjs +3 -2
  23. package/dist/ComboboxContent-es.js +1 -1
  24. package/dist/ConfirmationModal/index.cjs +2 -1
  25. package/dist/ConfirmationModal/index.mjs +2 -1
  26. package/dist/DataDump/index.cjs +3 -2
  27. package/dist/DataDump/index.mjs +3 -2
  28. package/dist/DataList/components/DataListActions/index.cjs +3 -2
  29. package/dist/DataList/components/DataListActions/index.mjs +3 -2
  30. package/dist/DataList/components/DataListBulkActions/index.cjs +3 -2
  31. package/dist/DataList/components/DataListBulkActions/index.mjs +3 -2
  32. package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +3 -2
  33. package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +3 -2
  34. package/dist/DataList/components/DataListFilters/index.cjs +3 -2
  35. package/dist/DataList/components/DataListFilters/index.mjs +3 -2
  36. package/dist/DataList/components/DataListHeader/index.cjs +3 -2
  37. package/dist/DataList/components/DataListHeader/index.mjs +3 -2
  38. package/dist/DataList/components/DataListItem/index.cjs +3 -2
  39. package/dist/DataList/components/DataListItem/index.mjs +3 -2
  40. package/dist/DataList/components/DataListItemActions/index.cjs +3 -2
  41. package/dist/DataList/components/DataListItemActions/index.mjs +3 -2
  42. package/dist/DataList/components/DataListItemActionsOverflow/index.cjs +3 -2
  43. package/dist/DataList/components/DataListItemActionsOverflow/index.mjs +3 -2
  44. package/dist/DataList/components/DataListItems/index.cjs +3 -2
  45. package/dist/DataList/components/DataListItems/index.mjs +3 -2
  46. package/dist/DataList/components/DataListLayout/index.cjs +3 -2
  47. package/dist/DataList/components/DataListLayout/index.mjs +3 -2
  48. package/dist/DataList/components/DataListLayoutActions/index.cjs +3 -2
  49. package/dist/DataList/components/DataListLayoutActions/index.mjs +3 -2
  50. package/dist/DataList/index.cjs +3 -2
  51. package/dist/DataList/index.mjs +3 -2
  52. package/dist/DatePicker/index.cjs +3 -2
  53. package/dist/DatePicker/index.mjs +3 -2
  54. package/dist/DatePicker-es.js +1 -1
  55. package/dist/DrawerRoot-cjs.js +6181 -0
  56. package/dist/DrawerRoot-es.js +6056 -0
  57. package/dist/FormatFile/index.cjs +2 -1
  58. package/dist/FormatFile/index.mjs +2 -1
  59. package/dist/Gallery/index.cjs +2 -1
  60. package/dist/Gallery/index.mjs +2 -1
  61. package/dist/InputDate/index.cjs +3 -2
  62. package/dist/InputDate/index.mjs +3 -2
  63. package/dist/LightBox/index.cjs +2 -1
  64. package/dist/LightBox/index.mjs +2 -1
  65. package/dist/Menu/index.cjs +3 -2
  66. package/dist/Menu/index.mjs +3 -2
  67. package/dist/Menu-es.js +1 -1
  68. package/dist/Modal/index.cjs +2 -1
  69. package/dist/Modal/index.mjs +2 -1
  70. package/dist/OverlaySeparator-cjs.js +15 -0
  71. package/dist/OverlaySeparator-es.js +13 -0
  72. package/dist/Page/index.cjs +2 -1
  73. package/dist/Page/index.mjs +2 -1
  74. package/dist/Popover/index.cjs +3 -2
  75. package/dist/Popover/index.mjs +3 -2
  76. package/dist/Popover-es.js +1 -1
  77. package/dist/Separator-cjs.js +53 -0
  78. package/dist/Separator-es.js +32 -0
  79. package/dist/Tooltip/index.cjs +3 -2
  80. package/dist/Tooltip/index.mjs +3 -2
  81. package/dist/Tooltip-es.js +1 -1
  82. package/dist/floating-ui.react-cjs.js +45 -44
  83. package/dist/floating-ui.react-dom-cjs.js +155 -1053
  84. package/dist/floating-ui.react-dom-es.js +2 -876
  85. package/dist/floating-ui.react-es.js +2 -1
  86. package/dist/index.cjs +3 -2
  87. package/dist/index.esm-cjs.js +921 -0
  88. package/dist/index.esm-es.js +876 -0
  89. package/dist/index.mjs +3 -2
  90. package/dist/primitives/BottomSheet/BottomSheet.d.ts +20 -0
  91. package/dist/primitives/BottomSheet/index.cjs +16 -0
  92. package/dist/primitives/BottomSheet/index.d.ts +1 -0
  93. package/dist/primitives/BottomSheet/index.mjs +10 -0
  94. package/dist/primitives/OverlaySeparator/OverlaySeparator.d.ts +6 -0
  95. package/dist/primitives/OverlaySeparator/index.cjs +12 -0
  96. package/dist/primitives/OverlaySeparator/index.d.ts +1 -0
  97. package/dist/primitives/OverlaySeparator/index.mjs +6 -0
  98. package/dist/primitives/index.cjs +17 -0
  99. package/dist/primitives/index.d.ts +2 -0
  100. package/dist/primitives/index.mjs +12 -1
  101. package/dist/unstyledPrimitives/index.cjs +7676 -9833
  102. package/dist/unstyledPrimitives/index.d.ts +6 -9
  103. package/dist/unstyledPrimitives/index.mjs +7551 -9711
  104. package/dist/useRenderElement-cjs.js +598 -0
  105. package/dist/useRenderElement-es.js +569 -0
  106. package/dist/useScrollToActive-es.js +1 -1
  107. package/package.json +2 -2
@@ -18,6 +18,7 @@ var tslib_es6 = require('../tslib.es6-cjs.js');
18
18
  require('react-hook-form');
19
19
  require('../Button-cjs.js');
20
20
  var filterDataAttributes = require('../filterDataAttributes-cjs.js');
21
+ require('../index.esm-cjs.js');
21
22
  require('react/jsx-runtime');
22
23
  require('react-dom');
23
24
  require('../Content-cjs.js');
@@ -4,7 +4,7 @@ import classnames from 'classnames';
4
4
  import { tokens } from '@jobber/design';
5
5
  import { useCallbackRef, useDebounce, useSafeLayoutEffect, useIsMounted, useOnKeyDown } from '@jobber/hooks';
6
6
  import { c as calculateMaxHeight } from '../maxHeight-es.js';
7
- import { q as autoUpdate, v as offset, n as flip, x as size } from '../floating-ui.react-dom-es.js';
7
+ import { b as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
8
8
  import { H as Heading } from '../Heading-es.js';
9
9
  import { T as Text } from '../Text-es.js';
10
10
  import { T as Typography } from '../Typography-es.js';
@@ -16,6 +16,7 @@ import { _ as __rest, a as __awaiter } from '../tslib.es6-es.js';
16
16
  import 'react-hook-form';
17
17
  import '../Button-es.js';
18
18
  import { f as filterDataAttributes } from '../filterDataAttributes-es.js';
19
+ import '../index.esm-es.js';
19
20
  import 'react/jsx-runtime';
20
21
  import 'react-dom';
21
22
  import '../Content-es.js';
@@ -0,0 +1,96 @@
1
+ 'use strict';
2
+
3
+ var tslib_es6 = require('./tslib.es6-cjs.js');
4
+ var React = require('react');
5
+ var classnames = require('classnames');
6
+ var DrawerRoot = require('./DrawerRoot-cjs.js');
7
+
8
+ var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
9
+
10
+ const BOTTOM_THRESHOLD = 1;
11
+ const BottomSheetContext = React.createContext(null);
12
+ function BottomSheetRoot(_a) {
13
+ var { children, defaultOpen, onOpenChange, open } = _a, rootProps = tslib_es6.__rest(_a, ["children", "defaultOpen", "onOpenChange", "open"]);
14
+ const isControlled = open !== undefined;
15
+ const [internalOpen, setInternalOpen] = React.useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false);
16
+ const isOpen = isControlled ? open : internalOpen;
17
+ const handleOpenChange = React.useCallback((nextOpen, eventDetails) => {
18
+ if (!isControlled) {
19
+ setInternalOpen(nextOpen);
20
+ }
21
+ onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, eventDetails);
22
+ }, [isControlled, onOpenChange]);
23
+ return (React.createElement(BottomSheetContext.Provider, { value: { isOpen } },
24
+ React.createElement(DrawerRoot.DrawerRoot, Object.assign({}, rootProps, { defaultOpen: defaultOpen, onOpenChange: handleOpenChange, open: open }), children)));
25
+ }
26
+ const BottomSheetPopup = React.forwardRef(function BottomSheetPopup(_a, ref) {
27
+ var { children, className, initialFocus, finalFocus } = _a, popupProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus"]);
28
+ const scrollAreaRef = React.useRef(null);
29
+ const [showBottomFade, setShowBottomFade] = React.useState(false);
30
+ const bottomSheetContext = React.useContext(BottomSheetContext);
31
+ const isOpen = bottomSheetContext === null || bottomSheetContext === void 0 ? void 0 : bottomSheetContext.isOpen;
32
+ const syncBottomFade = React.useCallback(() => {
33
+ const node = scrollAreaRef.current;
34
+ if (!node)
35
+ return;
36
+ const hasOverflow = node.scrollHeight > node.clientHeight;
37
+ const isAtBottom = node.scrollTop + node.clientHeight >=
38
+ node.scrollHeight - BOTTOM_THRESHOLD;
39
+ const nextShowBottomFade = hasOverflow && !isAtBottom;
40
+ setShowBottomFade(nextShowBottomFade);
41
+ }, []);
42
+ const scheduleFadeUpdate = React.useCallback(() => {
43
+ syncBottomFade();
44
+ let firstAnimationFrame = 0;
45
+ let secondAnimationFrame = 0;
46
+ firstAnimationFrame = window.requestAnimationFrame(() => {
47
+ syncBottomFade();
48
+ secondAnimationFrame = window.requestAnimationFrame(() => {
49
+ syncBottomFade();
50
+ });
51
+ });
52
+ return () => {
53
+ window.cancelAnimationFrame(firstAnimationFrame);
54
+ window.cancelAnimationFrame(secondAnimationFrame);
55
+ };
56
+ }, [syncBottomFade]);
57
+ React.useLayoutEffect(() => {
58
+ if (isOpen === false) {
59
+ setShowBottomFade(false);
60
+ return;
61
+ }
62
+ return scheduleFadeUpdate();
63
+ }, [isOpen, scheduleFadeUpdate]);
64
+ React.useEffect(() => {
65
+ const node = scrollAreaRef.current;
66
+ if (!node || typeof ResizeObserver === "undefined")
67
+ return;
68
+ const resizeObserver = new ResizeObserver(syncBottomFade);
69
+ resizeObserver.observe(node);
70
+ return () => {
71
+ resizeObserver.disconnect();
72
+ };
73
+ }, [syncBottomFade]);
74
+ return (React.createElement(DrawerRoot.DrawerPortal, null,
75
+ React.createElement(DrawerRoot.DrawerBackdrop, { className: styles.backdrop }),
76
+ React.createElement(DrawerRoot.DrawerPopup, Object.assign({}, popupProps, { ref: ref, className: classnames(styles.popup, className), initialFocus: initialFocus, finalFocus: finalFocus }),
77
+ React.createElement("div", { className: styles.scrollArea, onScroll: syncBottomFade, ref: scrollAreaRef }, children),
78
+ showBottomFade ? (React.createElement("div", { "aria-hidden": "true", className: styles.bottomFade })) : null)));
79
+ });
80
+ const BottomSheetContent = React.forwardRef(function BottomSheetContent(_a, ref) {
81
+ var { children, className } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className"]);
82
+ return (React.createElement(DrawerRoot.DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }), children));
83
+ });
84
+ const BottomSheetComponent = React.forwardRef(function BottomSheet(_a, ref) {
85
+ var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange } = _a, contentProps = tslib_es6.__rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange"]);
86
+ return (React.createElement(BottomSheetRoot, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange },
87
+ React.createElement(BottomSheetPopup, { initialFocus: initialFocus, finalFocus: finalFocus },
88
+ React.createElement(BottomSheetContent, Object.assign({}, contentProps, { ref: ref, className: className }), children))));
89
+ });
90
+ const BottomSheet = Object.assign(BottomSheetComponent, {
91
+ Root: BottomSheetRoot,
92
+ Popup: BottomSheetPopup,
93
+ Content: BottomSheetContent,
94
+ });
95
+
96
+ exports.BottomSheet = BottomSheet;
@@ -0,0 +1,94 @@
1
+ import { _ as __rest } from './tslib.es6-es.js';
2
+ import React__default from 'react';
3
+ import classnames from 'classnames';
4
+ import { D as DrawerPortal, a as DrawerBackdrop, b as DrawerPopup, c as DrawerContent, d as DrawerRoot } from './DrawerRoot-es.js';
5
+
6
+ var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
7
+
8
+ const BOTTOM_THRESHOLD = 1;
9
+ const BottomSheetContext = React__default.createContext(null);
10
+ function BottomSheetRoot(_a) {
11
+ var { children, defaultOpen, onOpenChange, open } = _a, rootProps = __rest(_a, ["children", "defaultOpen", "onOpenChange", "open"]);
12
+ const isControlled = open !== undefined;
13
+ const [internalOpen, setInternalOpen] = React__default.useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false);
14
+ const isOpen = isControlled ? open : internalOpen;
15
+ const handleOpenChange = React__default.useCallback((nextOpen, eventDetails) => {
16
+ if (!isControlled) {
17
+ setInternalOpen(nextOpen);
18
+ }
19
+ onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen, eventDetails);
20
+ }, [isControlled, onOpenChange]);
21
+ return (React__default.createElement(BottomSheetContext.Provider, { value: { isOpen } },
22
+ React__default.createElement(DrawerRoot, Object.assign({}, rootProps, { defaultOpen: defaultOpen, onOpenChange: handleOpenChange, open: open }), children)));
23
+ }
24
+ const BottomSheetPopup = React__default.forwardRef(function BottomSheetPopup(_a, ref) {
25
+ var { children, className, initialFocus, finalFocus } = _a, popupProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus"]);
26
+ const scrollAreaRef = React__default.useRef(null);
27
+ const [showBottomFade, setShowBottomFade] = React__default.useState(false);
28
+ const bottomSheetContext = React__default.useContext(BottomSheetContext);
29
+ const isOpen = bottomSheetContext === null || bottomSheetContext === void 0 ? void 0 : bottomSheetContext.isOpen;
30
+ const syncBottomFade = React__default.useCallback(() => {
31
+ const node = scrollAreaRef.current;
32
+ if (!node)
33
+ return;
34
+ const hasOverflow = node.scrollHeight > node.clientHeight;
35
+ const isAtBottom = node.scrollTop + node.clientHeight >=
36
+ node.scrollHeight - BOTTOM_THRESHOLD;
37
+ const nextShowBottomFade = hasOverflow && !isAtBottom;
38
+ setShowBottomFade(nextShowBottomFade);
39
+ }, []);
40
+ const scheduleFadeUpdate = React__default.useCallback(() => {
41
+ syncBottomFade();
42
+ let firstAnimationFrame = 0;
43
+ let secondAnimationFrame = 0;
44
+ firstAnimationFrame = window.requestAnimationFrame(() => {
45
+ syncBottomFade();
46
+ secondAnimationFrame = window.requestAnimationFrame(() => {
47
+ syncBottomFade();
48
+ });
49
+ });
50
+ return () => {
51
+ window.cancelAnimationFrame(firstAnimationFrame);
52
+ window.cancelAnimationFrame(secondAnimationFrame);
53
+ };
54
+ }, [syncBottomFade]);
55
+ React__default.useLayoutEffect(() => {
56
+ if (isOpen === false) {
57
+ setShowBottomFade(false);
58
+ return;
59
+ }
60
+ return scheduleFadeUpdate();
61
+ }, [isOpen, scheduleFadeUpdate]);
62
+ React__default.useEffect(() => {
63
+ const node = scrollAreaRef.current;
64
+ if (!node || typeof ResizeObserver === "undefined")
65
+ return;
66
+ const resizeObserver = new ResizeObserver(syncBottomFade);
67
+ resizeObserver.observe(node);
68
+ return () => {
69
+ resizeObserver.disconnect();
70
+ };
71
+ }, [syncBottomFade]);
72
+ return (React__default.createElement(DrawerPortal, null,
73
+ React__default.createElement(DrawerBackdrop, { className: styles.backdrop }),
74
+ React__default.createElement(DrawerPopup, Object.assign({}, popupProps, { ref: ref, className: classnames(styles.popup, className), initialFocus: initialFocus, finalFocus: finalFocus }),
75
+ React__default.createElement("div", { className: styles.scrollArea, onScroll: syncBottomFade, ref: scrollAreaRef }, children),
76
+ showBottomFade ? (React__default.createElement("div", { "aria-hidden": "true", className: styles.bottomFade })) : null)));
77
+ });
78
+ const BottomSheetContent = React__default.forwardRef(function BottomSheetContent(_a, ref) {
79
+ var { children, className } = _a, contentProps = __rest(_a, ["children", "className"]);
80
+ return (React__default.createElement(DrawerContent, Object.assign({}, contentProps, { ref: ref, className: classnames(styles.content, className) }), children));
81
+ });
82
+ const BottomSheetComponent = React__default.forwardRef(function BottomSheet(_a, ref) {
83
+ var { children, className, initialFocus, finalFocus, open, defaultOpen, onOpenChange } = _a, contentProps = __rest(_a, ["children", "className", "initialFocus", "finalFocus", "open", "defaultOpen", "onOpenChange"]);
84
+ return (React__default.createElement(BottomSheetRoot, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange },
85
+ React__default.createElement(BottomSheetPopup, { initialFocus: initialFocus, finalFocus: finalFocus },
86
+ React__default.createElement(BottomSheetContent, Object.assign({}, contentProps, { ref: ref, className: className }), children))));
87
+ });
88
+ const BottomSheet = Object.assign(BottomSheetComponent, {
89
+ Root: BottomSheetRoot,
90
+ Popup: BottomSheetPopup,
91
+ Content: BottomSheetContent,
92
+ });
93
+
94
+ export { BottomSheet as B };
@@ -14,9 +14,10 @@ require('../Menu-cjs.js');
14
14
  require('framer-motion');
15
15
  require('@jobber/hooks');
16
16
  require('../floating-ui.react-cjs.js');
17
- require('../floating-ui.react-dom-cjs.js');
18
- require('react-dom');
17
+ require('../index.esm-cjs.js');
19
18
  require('react/jsx-runtime');
19
+ require('react-dom');
20
+ require('../floating-ui.react-dom-cjs.js');
20
21
  require('../Text-cjs2.js');
21
22
  require('../clsx-cjs.js');
22
23
  require('../index-cjs.js');
@@ -12,9 +12,10 @@ import '../Menu-es.js';
12
12
  import 'framer-motion';
13
13
  import '@jobber/hooks';
14
14
  import '../floating-ui.react-es.js';
15
- import '../floating-ui.react-dom-es.js';
16
- import 'react-dom';
15
+ import '../index.esm-es.js';
17
16
  import 'react/jsx-runtime';
17
+ import 'react-dom';
18
+ import '../floating-ui.react-dom-es.js';
18
19
  import '../Text-es2.js';
19
20
  import '../clsx-es.js';
20
21
  import '../index-es.js';
@@ -13,9 +13,10 @@ require('../useChildComponent-cjs.js');
13
13
  require('../Typography-cjs.js');
14
14
  require('../Tooltip-cjs.js');
15
15
  require('../floating-ui.react-cjs.js');
16
- require('../floating-ui.react-dom-cjs.js');
17
- require('react-dom');
16
+ require('../index.esm-cjs.js');
18
17
  require('react/jsx-runtime');
18
+ require('react-dom');
19
+ require('../floating-ui.react-dom-cjs.js');
19
20
  require('framer-motion');
20
21
  require('../tslib.es6-cjs.js');
21
22
 
@@ -11,8 +11,9 @@ import '../useChildComponent-es.js';
11
11
  import '../Typography-es.js';
12
12
  import '../Tooltip-es.js';
13
13
  import '../floating-ui.react-es.js';
14
- import '../floating-ui.react-dom-es.js';
15
- import 'react-dom';
14
+ import '../index.esm-es.js';
16
15
  import 'react/jsx-runtime';
16
+ import 'react-dom';
17
+ import '../floating-ui.react-dom-es.js';
17
18
  import 'framer-motion';
18
19
  import '../tslib.es6-es.js';
@@ -19,9 +19,10 @@ require('../../../debounce-cjs.js');
19
19
  require('../../../Icon-cjs.js');
20
20
  require('@jobber/design');
21
21
  require('../../../floating-ui.react-cjs.js');
22
- require('../../../floating-ui.react-dom-cjs.js');
23
- require('react-dom');
22
+ require('../../../index.esm-cjs.js');
24
23
  require('react/jsx-runtime');
24
+ require('react-dom');
25
+ require('../../../floating-ui.react-dom-cjs.js');
25
26
  require('../../../maxHeight-cjs.js');
26
27
 
27
28
 
@@ -17,7 +17,8 @@ import '../../../debounce-es.js';
17
17
  import '../../../Icon-es.js';
18
18
  import '@jobber/design';
19
19
  import '../../../floating-ui.react-es.js';
20
- import '../../../floating-ui.react-dom-es.js';
21
- import 'react-dom';
20
+ import '../../../index.esm-es.js';
22
21
  import 'react/jsx-runtime';
22
+ import 'react-dom';
23
+ import '../../../floating-ui.react-dom-es.js';
23
24
  import '../../../maxHeight-es.js';
@@ -20,9 +20,10 @@ require('../../debounce-cjs.js');
20
20
  require('../../Icon-cjs.js');
21
21
  require('@jobber/design');
22
22
  require('../../floating-ui.react-cjs.js');
23
- require('../../floating-ui.react-dom-cjs.js');
24
- require('react-dom');
23
+ require('../../index.esm-cjs.js');
25
24
  require('react/jsx-runtime');
25
+ require('react-dom');
26
+ require('../../floating-ui.react-dom-cjs.js');
26
27
  require('../../maxHeight-cjs.js');
27
28
  require('classnames');
28
29
  require('../../Text-cjs.js');
@@ -18,9 +18,10 @@ import '../../debounce-es.js';
18
18
  import '../../Icon-es.js';
19
19
  import '@jobber/design';
20
20
  import '../../floating-ui.react-es.js';
21
- import '../../floating-ui.react-dom-es.js';
22
- import 'react-dom';
21
+ import '../../index.esm-es.js';
23
22
  import 'react/jsx-runtime';
23
+ import 'react-dom';
24
+ import '../../floating-ui.react-dom-es.js';
24
25
  import '../../maxHeight-es.js';
25
26
  import 'classnames';
26
27
  import '../../Text-es.js';
@@ -22,9 +22,10 @@ require('../debounce-cjs.js');
22
22
  require('../Icon-cjs.js');
23
23
  require('@jobber/design');
24
24
  require('../floating-ui.react-cjs.js');
25
- require('../floating-ui.react-dom-cjs.js');
26
- require('react-dom');
25
+ require('../index.esm-cjs.js');
27
26
  require('react/jsx-runtime');
27
+ require('react-dom');
28
+ require('../floating-ui.react-dom-cjs.js');
28
29
  require('../maxHeight-cjs.js');
29
30
  require('classnames');
30
31
  require('../Text-cjs.js');
@@ -20,9 +20,10 @@ import '../debounce-es.js';
20
20
  import '../Icon-es.js';
21
21
  import '@jobber/design';
22
22
  import '../floating-ui.react-es.js';
23
- import '../floating-ui.react-dom-es.js';
24
- import 'react-dom';
23
+ import '../index.esm-es.js';
25
24
  import 'react/jsx-runtime';
25
+ import 'react-dom';
26
+ import '../floating-ui.react-dom-es.js';
26
27
  import '../maxHeight-es.js';
27
28
  import 'classnames';
28
29
  import '../Text-es.js';
@@ -16,9 +16,10 @@ require('color');
16
16
  require('../../../useChildComponent-cjs.js');
17
17
  require('../../../Tooltip-cjs.js');
18
18
  require('../../../floating-ui.react-cjs.js');
19
- require('../../../floating-ui.react-dom-cjs.js');
20
- require('react-dom');
19
+ require('../../../index.esm-cjs.js');
21
20
  require('react/jsx-runtime');
21
+ require('react-dom');
22
+ require('../../../floating-ui.react-dom-cjs.js');
22
23
  require('framer-motion');
23
24
  require('../../../ComboboxProvider-cjs.js');
24
25
  require('../../../constants-cjs.js');
@@ -14,9 +14,10 @@ import 'color';
14
14
  import '../../../useChildComponent-es.js';
15
15
  import '../../../Tooltip-es.js';
16
16
  import '../../../floating-ui.react-es.js';
17
- import '../../../floating-ui.react-dom-es.js';
18
- import 'react-dom';
17
+ import '../../../index.esm-es.js';
19
18
  import 'react/jsx-runtime';
19
+ import 'react-dom';
20
+ import '../../../floating-ui.react-dom-es.js';
20
21
  import 'framer-motion';
21
22
  import '../../../ComboboxProvider-es.js';
22
23
  import '../../../constants-es.js';
@@ -4,9 +4,10 @@ var ComboboxContent = require('../../../ComboboxContent-cjs.js');
4
4
  require('react');
5
5
  require('classnames');
6
6
  require('../../../floating-ui.react-cjs.js');
7
- require('../../../floating-ui.react-dom-cjs.js');
8
- require('react-dom');
7
+ require('../../../index.esm-cjs.js');
9
8
  require('react/jsx-runtime');
9
+ require('react-dom');
10
+ require('../../../floating-ui.react-dom-cjs.js');
10
11
  require('../../../ComboboxContentSearch-cjs.js');
11
12
  require('../../../Icon-cjs.js');
12
13
  require('@jobber/design');
@@ -2,9 +2,10 @@ export { C as ComboboxContent } from '../../../ComboboxContent-es.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '../../../floating-ui.react-es.js';
5
- import '../../../floating-ui.react-dom-es.js';
6
- import 'react-dom';
5
+ import '../../../index.esm-es.js';
7
6
  import 'react/jsx-runtime';
7
+ import 'react-dom';
8
+ import '../../../floating-ui.react-dom-es.js';
8
9
  import '../../../ComboboxContentSearch-es.js';
9
10
  import '../../../Icon-es.js';
10
11
  import '@jobber/design';
@@ -13,9 +13,10 @@ require('../../../useChildComponent-cjs.js');
13
13
  require('../../../Typography-cjs.js');
14
14
  require('../../../Tooltip-cjs.js');
15
15
  require('../../../floating-ui.react-cjs.js');
16
- require('../../../floating-ui.react-dom-cjs.js');
17
- require('react-dom');
16
+ require('../../../index.esm-cjs.js');
18
17
  require('react/jsx-runtime');
18
+ require('react-dom');
19
+ require('../../../floating-ui.react-dom-cjs.js');
19
20
  require('framer-motion');
20
21
  require('../../../tslib.es6-cjs.js');
21
22
  require('../../../ComboboxProvider-cjs.js');
@@ -11,9 +11,10 @@ import '../../../useChildComponent-es.js';
11
11
  import '../../../Typography-es.js';
12
12
  import '../../../Tooltip-es.js';
13
13
  import '../../../floating-ui.react-es.js';
14
- import '../../../floating-ui.react-dom-es.js';
15
- import 'react-dom';
14
+ import '../../../index.esm-es.js';
16
15
  import 'react/jsx-runtime';
16
+ import 'react-dom';
17
+ import '../../../floating-ui.react-dom-es.js';
17
18
  import 'framer-motion';
18
19
  import '../../../tslib.es6-es.js';
19
20
  import '../../../ComboboxProvider-es.js';
@@ -6,9 +6,10 @@ require('react');
6
6
  require('../ComboboxContent-cjs.js');
7
7
  require('classnames');
8
8
  require('../floating-ui.react-cjs.js');
9
- require('../floating-ui.react-dom-cjs.js');
10
- require('react-dom');
9
+ require('../index.esm-cjs.js');
11
10
  require('react/jsx-runtime');
11
+ require('react-dom');
12
+ require('../floating-ui.react-dom-cjs.js');
12
13
  require('../ComboboxContentSearch-cjs.js');
13
14
  require('../Icon-cjs.js');
14
15
  require('@jobber/design');
@@ -4,9 +4,10 @@ import 'react';
4
4
  import '../ComboboxContent-es.js';
5
5
  import 'classnames';
6
6
  import '../floating-ui.react-es.js';
7
- import '../floating-ui.react-dom-es.js';
8
- import 'react-dom';
7
+ import '../index.esm-es.js';
9
8
  import 'react/jsx-runtime';
9
+ import 'react-dom';
10
+ import '../floating-ui.react-dom-es.js';
10
11
  import '../ComboboxContentSearch-es.js';
11
12
  import '../Icon-es.js';
12
13
  import '@jobber/design';
@@ -6,7 +6,7 @@ import { C as ComboboxContentList } from './ComboboxContentList-es.js';
6
6
  import { C as ComboboxContentHeader } from './ComboboxContentHeader-es.js';
7
7
  import { a as ComboboxContext } from './ComboboxProvider-es.js';
8
8
  import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
9
- import { v as offset, n as flip, q as autoUpdate } from './floating-ui.react-dom-es.js';
9
+ import { o as offset, f as flip, b as autoUpdate } from './floating-ui.react-dom-es.js';
10
10
  import { C as COMBOBOX_MENU_ID } from './constants-es.js';
11
11
 
12
12
  var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
@@ -18,8 +18,9 @@ require('../ButtonDismiss-cjs.js');
18
18
  require('../noop-cjs.js');
19
19
  require('../_commonjsHelpers-cjs.js');
20
20
  require('../floating-ui.react-cjs.js');
21
- require('../floating-ui.react-dom-cjs.js');
21
+ require('../index.esm-cjs.js');
22
22
  require('react/jsx-runtime');
23
+ require('../floating-ui.react-dom-cjs.js');
23
24
  require('../identity-cjs.js');
24
25
  require('../isTypedArray-cjs.js');
25
26
  require('../isObjectLike-cjs.js');
@@ -16,8 +16,9 @@ import '../ButtonDismiss-es.js';
16
16
  import '../noop-es.js';
17
17
  import '../_commonjsHelpers-es.js';
18
18
  import '../floating-ui.react-es.js';
19
- import '../floating-ui.react-dom-es.js';
19
+ import '../index.esm-es.js';
20
20
  import 'react/jsx-runtime';
21
+ import '../floating-ui.react-dom-es.js';
21
22
  import '../identity-es.js';
22
23
  import '../isTypedArray-es.js';
23
24
  import '../isObjectLike-es.js';
@@ -15,9 +15,10 @@ require('../Menu-cjs.js');
15
15
  require('framer-motion');
16
16
  require('@jobber/hooks');
17
17
  require('../floating-ui.react-cjs.js');
18
- require('../floating-ui.react-dom-cjs.js');
19
- require('react-dom');
18
+ require('../index.esm-cjs.js');
20
19
  require('react/jsx-runtime');
20
+ require('react-dom');
21
+ require('../floating-ui.react-dom-cjs.js');
21
22
  require('../Text-cjs2.js');
22
23
  require('../clsx-cjs.js');
23
24
  require('../index-cjs.js');
@@ -13,9 +13,10 @@ import '../Menu-es.js';
13
13
  import 'framer-motion';
14
14
  import '@jobber/hooks';
15
15
  import '../floating-ui.react-es.js';
16
- import '../floating-ui.react-dom-es.js';
17
- import 'react-dom';
16
+ import '../index.esm-es.js';
18
17
  import 'react/jsx-runtime';
18
+ import 'react-dom';
19
+ import '../floating-ui.react-dom-es.js';
19
20
  import '../Text-es2.js';
20
21
  import '../clsx-es.js';
21
22
  import '../index-es.js';
@@ -5,9 +5,10 @@ require('react');
5
5
  require('../../../Tooltip-cjs.js');
6
6
  require('classnames');
7
7
  require('../../../floating-ui.react-cjs.js');
8
- require('../../../floating-ui.react-dom-cjs.js');
9
- require('react-dom');
8
+ require('../../../index.esm-cjs.js');
10
9
  require('react/jsx-runtime');
10
+ require('react-dom');
11
+ require('../../../floating-ui.react-dom-cjs.js');
11
12
  require('framer-motion');
12
13
  require('@jobber/hooks');
13
14
  require('../../../Button-cjs.js');
@@ -3,9 +3,10 @@ import 'react';
3
3
  import '../../../Tooltip-es.js';
4
4
  import 'classnames';
5
5
  import '../../../floating-ui.react-es.js';
6
- import '../../../floating-ui.react-dom-es.js';
7
- import 'react-dom';
6
+ import '../../../index.esm-es.js';
8
7
  import 'react/jsx-runtime';
8
+ import 'react-dom';
9
+ import '../../../floating-ui.react-dom-es.js';
9
10
  import 'framer-motion';
10
11
  import '@jobber/hooks';
11
12
  import '../../../Button-es.js';
@@ -9,9 +9,10 @@ require('../../../DataListActions-cjs.js');
9
9
  require('../../../Tooltip-cjs.js');
10
10
  require('classnames');
11
11
  require('../../../floating-ui.react-cjs.js');
12
- require('../../../floating-ui.react-dom-cjs.js');
13
- require('react-dom');
12
+ require('../../../index.esm-cjs.js');
14
13
  require('react/jsx-runtime');
14
+ require('react-dom');
15
+ require('../../../floating-ui.react-dom-cjs.js');
15
16
  require('framer-motion');
16
17
  require('@jobber/hooks');
17
18
  require('../../../Button-cjs.js');
@@ -7,9 +7,10 @@ import '../../../DataListActions-es.js';
7
7
  import '../../../Tooltip-es.js';
8
8
  import 'classnames';
9
9
  import '../../../floating-ui.react-es.js';
10
- import '../../../floating-ui.react-dom-es.js';
11
- import 'react-dom';
10
+ import '../../../index.esm-es.js';
12
11
  import 'react/jsx-runtime';
12
+ import 'react-dom';
13
+ import '../../../floating-ui.react-dom-es.js';
13
14
  import 'framer-motion';
14
15
  import '@jobber/hooks';
15
16
  import '../../../Button-es.js';
@@ -9,9 +9,10 @@ require('../../../../../Combobox-cjs.js');
9
9
  require('../../../../../ComboboxContent-cjs.js');
10
10
  require('classnames');
11
11
  require('../../../../../floating-ui.react-cjs.js');
12
- require('../../../../../floating-ui.react-dom-cjs.js');
13
- require('react-dom');
12
+ require('../../../../../index.esm-cjs.js');
14
13
  require('react/jsx-runtime');
14
+ require('react-dom');
15
+ require('../../../../../floating-ui.react-dom-cjs.js');
15
16
  require('../../../../../ComboboxContentSearch-cjs.js');
16
17
  require('../../../../../Icon-cjs.js');
17
18
  require('@jobber/design');
@@ -7,9 +7,10 @@ import '../../../../../Combobox-es.js';
7
7
  import '../../../../../ComboboxContent-es.js';
8
8
  import 'classnames';
9
9
  import '../../../../../floating-ui.react-es.js';
10
- import '../../../../../floating-ui.react-dom-es.js';
11
- import 'react-dom';
10
+ import '../../../../../index.esm-es.js';
12
11
  import 'react/jsx-runtime';
12
+ import 'react-dom';
13
+ import '../../../../../floating-ui.react-dom-es.js';
13
14
  import '../../../../../ComboboxContentSearch-es.js';
14
15
  import '../../../../../Icon-es.js';
15
16
  import '@jobber/design';
@@ -10,9 +10,10 @@ require('../../../Combobox-cjs.js');
10
10
  require('../../../ComboboxContent-cjs.js');
11
11
  require('classnames');
12
12
  require('../../../floating-ui.react-cjs.js');
13
- require('../../../floating-ui.react-dom-cjs.js');
14
- require('react-dom');
13
+ require('../../../index.esm-cjs.js');
15
14
  require('react/jsx-runtime');
15
+ require('react-dom');
16
+ require('../../../floating-ui.react-dom-cjs.js');
16
17
  require('../../../ComboboxContentSearch-cjs.js');
17
18
  require('../../../Icon-cjs.js');
18
19
  require('@jobber/design');