@dreamcommerce/aurora 3.0.0-13 → 3.0.0-15

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 (93) hide show
  1. package/build/cjs/external/@radix-ui/primitive/dist/index.mjs.js +6 -3
  2. package/build/cjs/external/@radix-ui/primitive/dist/index.mjs.js.map +1 -1
  3. package/build/cjs/external/@radix-ui/react-arrow/dist/index.mjs.js +19 -15
  4. package/build/cjs/external/@radix-ui/react-arrow/dist/index.mjs.js.map +1 -1
  5. package/build/cjs/external/@radix-ui/react-compose-refs/dist/index.mjs.js +14 -4
  6. package/build/cjs/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +1 -1
  7. package/build/cjs/external/@radix-ui/react-context/dist/index.mjs.js +54 -35
  8. package/build/cjs/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
  9. package/build/cjs/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +168 -138
  10. package/build/cjs/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js.map +1 -1
  11. package/build/cjs/external/@radix-ui/react-id/dist/index.mjs.js +13 -6
  12. package/build/cjs/external/@radix-ui/react-id/dist/index.mjs.js.map +1 -1
  13. package/build/cjs/external/@radix-ui/react-popper/dist/index.mjs.js +281 -223
  14. package/build/cjs/external/@radix-ui/react-popper/dist/index.mjs.js.map +1 -1
  15. package/build/cjs/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js +51 -34
  16. package/build/cjs/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
  17. package/build/cjs/external/@radix-ui/react-portal/dist/index.mjs.js +17 -6
  18. package/build/cjs/external/@radix-ui/react-portal/dist/index.mjs.js.map +1 -1
  19. package/build/cjs/external/@radix-ui/react-presence/dist/index.mjs.js +67 -53
  20. package/build/cjs/external/@radix-ui/react-presence/dist/index.mjs.js.map +1 -1
  21. package/build/cjs/external/@radix-ui/react-primitive/dist/index.mjs.js +16 -27
  22. package/build/cjs/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -1
  23. package/build/cjs/external/@radix-ui/react-slot/dist/index.mjs.js +49 -33
  24. package/build/cjs/external/@radix-ui/react-slot/dist/index.mjs.js.map +1 -1
  25. package/build/cjs/external/@radix-ui/react-tooltip/dist/index.mjs.js +432 -338
  26. package/build/cjs/external/@radix-ui/react-tooltip/dist/index.mjs.js.map +1 -1
  27. package/build/cjs/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js +11 -3
  28. package/build/cjs/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js.map +1 -1
  29. package/build/cjs/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js +34 -32
  30. package/build/cjs/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js.map +1 -1
  31. package/build/cjs/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js +13 -6
  32. package/build/cjs/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js.map +1 -1
  33. package/build/cjs/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js +1 -2
  34. package/build/cjs/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js.map +1 -1
  35. package/build/cjs/external/@radix-ui/react-use-size/dist/index.mjs.js +26 -13
  36. package/build/cjs/external/@radix-ui/react-use-size/dist/index.mjs.js.map +1 -1
  37. package/build/cjs/external/@radix-ui/react-visually-hidden/dist/index.mjs.js +19 -26
  38. package/build/cjs/external/@radix-ui/react-visually-hidden/dist/index.mjs.js.map +1 -1
  39. package/build/cjs/external/tailwind-merge/dist/bundle-mjs.mjs.js +2586 -0
  40. package/build/{esm/external/tailwind-merge/dist/bundle-cjs.js.map → cjs/external/tailwind-merge/dist/bundle-mjs.mjs.js.map} +1 -1
  41. package/build/cjs/packages/aurora/src/utilities/cn.js +2 -2
  42. package/build/cjs/packages/aurora/src/utilities/cn.js.map +1 -1
  43. package/build/esm/external/@floating-ui/dom/dist/floating-ui.dom.mjs.js +1 -1
  44. package/build/esm/external/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs.js +1 -1
  45. package/build/esm/external/@radix-ui/primitive/dist/index.mjs.js +6 -3
  46. package/build/esm/external/@radix-ui/primitive/dist/index.mjs.js.map +1 -1
  47. package/build/esm/external/@radix-ui/react-arrow/dist/index.mjs.js +19 -15
  48. package/build/esm/external/@radix-ui/react-arrow/dist/index.mjs.js.map +1 -1
  49. package/build/esm/external/@radix-ui/react-compose-refs/dist/index.mjs.js +14 -4
  50. package/build/esm/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +1 -1
  51. package/build/esm/external/@radix-ui/react-context/dist/index.mjs.js +54 -35
  52. package/build/esm/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
  53. package/build/esm/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +169 -139
  54. package/build/esm/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js.map +1 -1
  55. package/build/esm/external/@radix-ui/react-id/dist/index.mjs.js +13 -6
  56. package/build/esm/external/@radix-ui/react-id/dist/index.mjs.js.map +1 -1
  57. package/build/esm/external/@radix-ui/react-popper/dist/index.mjs.js +282 -224
  58. package/build/esm/external/@radix-ui/react-popper/dist/index.mjs.js.map +1 -1
  59. package/build/esm/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js +51 -34
  60. package/build/esm/external/@radix-ui/react-popper/external/@radix-ui/react-context/dist/index.mjs.js.map +1 -1
  61. package/build/esm/external/@radix-ui/react-portal/dist/index.mjs.js +17 -6
  62. package/build/esm/external/@radix-ui/react-portal/dist/index.mjs.js.map +1 -1
  63. package/build/esm/external/@radix-ui/react-presence/dist/index.mjs.js +67 -53
  64. package/build/esm/external/@radix-ui/react-presence/dist/index.mjs.js.map +1 -1
  65. package/build/esm/external/@radix-ui/react-primitive/dist/index.mjs.js +16 -27
  66. package/build/esm/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -1
  67. package/build/esm/external/@radix-ui/react-slot/dist/index.mjs.js +49 -33
  68. package/build/esm/external/@radix-ui/react-slot/dist/index.mjs.js.map +1 -1
  69. package/build/esm/external/@radix-ui/react-tooltip/dist/index.mjs.js +424 -330
  70. package/build/esm/external/@radix-ui/react-tooltip/dist/index.mjs.js.map +1 -1
  71. package/build/esm/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js +11 -3
  72. package/build/esm/external/@radix-ui/react-use-callback-ref/dist/index.mjs.js.map +1 -1
  73. package/build/esm/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js +34 -32
  74. package/build/esm/external/@radix-ui/react-use-controllable-state/dist/index.mjs.js.map +1 -1
  75. package/build/esm/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js +13 -6
  76. package/build/esm/external/@radix-ui/react-use-escape-keydown/dist/index.mjs.js.map +1 -1
  77. package/build/esm/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js +1 -2
  78. package/build/esm/external/@radix-ui/react-use-layout-effect/dist/index.mjs.js.map +1 -1
  79. package/build/esm/external/@radix-ui/react-use-size/dist/index.mjs.js +26 -13
  80. package/build/esm/external/@radix-ui/react-use-size/dist/index.mjs.js.map +1 -1
  81. package/build/esm/external/@radix-ui/react-visually-hidden/dist/index.mjs.js +19 -26
  82. package/build/esm/external/@radix-ui/react-visually-hidden/dist/index.mjs.js.map +1 -1
  83. package/build/esm/external/tailwind-merge/dist/bundle-mjs.mjs.js +2578 -0
  84. package/build/{cjs/external/tailwind-merge/dist/bundle-cjs.js.map → esm/external/tailwind-merge/dist/bundle-mjs.mjs.js.map} +1 -1
  85. package/build/esm/packages/aurora/src/utilities/cn.js +2 -2
  86. package/build/esm/packages/aurora/src/utilities/cn.js.map +1 -1
  87. package/package.json +1 -1
  88. package/build/cjs/_virtual/_commonjsHelpers.js +0 -11
  89. package/build/cjs/_virtual/_commonjsHelpers.js.map +0 -1
  90. package/build/cjs/external/tailwind-merge/dist/bundle-cjs.js +0 -2671
  91. package/build/esm/_virtual/_commonjsHelpers.js +0 -7
  92. package/build/esm/_virtual/_commonjsHelpers.js.map +0 -1
  93. package/build/esm/external/tailwind-merge/dist/bundle-cjs.js +0 -2667
@@ -1,181 +1,228 @@
1
1
  import { forwardRef, useRef, useEffect, useState } from 'react';
2
+ import { slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
3
  import { useComposedRefs } from '../../react-compose-refs/dist/index.mjs.js';
3
4
  import { jsx } from 'react/jsx-runtime';
4
5
  import { Primitive } from '../../react-primitive/dist/index.mjs.js';
5
6
  import { useCallbackRef } from '../../react-use-callback-ref/dist/index.mjs.js';
6
7
  import { useLayoutEffect as useLayoutEffect2 } from '../../react-use-layout-effect/dist/index.mjs.js';
7
8
  import { autoUpdate } from '../../../@floating-ui/dom/dist/floating-ui.dom.mjs.js';
8
- import { useFloating, offset, shift, flip, size, arrow, hide, limitShift } from '../../../@floating-ui/react-dom/dist/floating-ui.react-dom.mjs.js';
9
+ import { useFloating, offset, shift, limitShift, flip, size, arrow, hide } from '../../../@floating-ui/react-dom/dist/floating-ui.react-dom.mjs.js';
9
10
  import { Root } from '../../react-arrow/dist/index.mjs.js';
10
11
  import { createContextScope } from '../external/@radix-ui/react-context/dist/index.mjs.js';
11
12
  import { useSize } from '../../react-use-size/dist/index.mjs.js';
12
13
 
14
+ var _excluded = ["__scopePopper", "virtualRef"],
15
+ _excluded2 = ["__scopePopper", "side", "sideOffset", "align", "alignOffset", "arrowPadding", "avoidCollisions", "collisionBoundary", "collisionPadding", "sticky", "hideWhenDetached", "updatePositionStrategy", "onPlaced"],
16
+ _excluded3 = ["__scopePopper"];
13
17
  var POPPER_NAME = "Popper";
14
- var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
15
- var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
16
- var Popper = (props) => {
17
- const { __scopePopper, children } = props;
18
- const [anchor, setAnchor] = useState(null);
19
- return /* @__PURE__ */ jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
18
+ var _createContextScope = createContextScope(POPPER_NAME),
19
+ _createContextScope2 = _slicedToArray(_createContextScope, 2),
20
+ createPopperContext = _createContextScope2[0],
21
+ createPopperScope = _createContextScope2[1];
22
+ var _createPopperContext = createPopperContext(POPPER_NAME),
23
+ _createPopperContext2 = _slicedToArray(_createPopperContext, 2),
24
+ PopperProvider = _createPopperContext2[0],
25
+ usePopperContext = _createPopperContext2[1];
26
+ var Popper = function Popper(props) {
27
+ var __scopePopper = props.__scopePopper,
28
+ children = props.children;
29
+ var _React$useState = useState(null),
30
+ _React$useState2 = _slicedToArray(_React$useState, 2),
31
+ anchor = _React$useState2[0],
32
+ setAnchor = _React$useState2[1];
33
+ return /* @__PURE__ */jsx(PopperProvider, {
34
+ scope: __scopePopper,
35
+ anchor: anchor,
36
+ onAnchorChange: setAnchor,
37
+ children: children
38
+ });
20
39
  };
21
40
  Popper.displayName = POPPER_NAME;
22
41
  var ANCHOR_NAME = "PopperAnchor";
23
- var PopperAnchor = forwardRef(
24
- (props, forwardedRef) => {
25
- const { __scopePopper, virtualRef, ...anchorProps } = props;
26
- const context = usePopperContext(ANCHOR_NAME, __scopePopper);
27
- const ref = useRef(null);
28
- const composedRefs = useComposedRefs(forwardedRef, ref);
29
- useEffect(() => {
30
- context.onAnchorChange(virtualRef?.current || ref.current);
31
- });
32
- return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
33
- }
34
- );
42
+ var PopperAnchor = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
43
+ var __scopePopper = props.__scopePopper,
44
+ virtualRef = props.virtualRef,
45
+ anchorProps = _objectWithoutProperties(props, _excluded);
46
+ var context = usePopperContext(ANCHOR_NAME, __scopePopper);
47
+ var ref = useRef(null);
48
+ var composedRefs = useComposedRefs(forwardedRef, ref);
49
+ useEffect(function () {
50
+ context.onAnchorChange((virtualRef === null || virtualRef === void 0 ? void 0 : virtualRef.current) || ref.current);
51
+ });
52
+ return virtualRef ? null : /* @__PURE__ */jsx(Primitive.div, _objectSpread2(_objectSpread2({}, anchorProps), {}, {
53
+ ref: composedRefs
54
+ }));
55
+ });
35
56
  PopperAnchor.displayName = ANCHOR_NAME;
36
57
  var CONTENT_NAME = "PopperContent";
37
- var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
38
- var PopperContent = forwardRef(
39
- (props, forwardedRef) => {
40
- const {
41
- __scopePopper,
42
- side = "bottom",
43
- sideOffset = 0,
44
- align = "center",
45
- alignOffset = 0,
46
- arrowPadding = 0,
47
- avoidCollisions = true,
48
- collisionBoundary = [],
49
- collisionPadding: collisionPaddingProp = 0,
50
- sticky = "partial",
51
- hideWhenDetached = false,
52
- updatePositionStrategy = "optimized",
53
- onPlaced,
54
- ...contentProps
55
- } = props;
56
- const context = usePopperContext(CONTENT_NAME, __scopePopper);
57
- const [content, setContent] = useState(null);
58
- const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
59
- const [arrow$1, setArrow] = useState(null);
60
- const arrowSize = useSize(arrow$1);
61
- const arrowWidth = arrowSize?.width ?? 0;
62
- const arrowHeight = arrowSize?.height ?? 0;
63
- const desiredPlacement = side + (align !== "center" ? "-" + align : "");
64
- const collisionPadding = typeof collisionPaddingProp === "number" ? collisionPaddingProp : { top: 0, right: 0, bottom: 0, left: 0, ...collisionPaddingProp };
65
- const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];
66
- const hasExplicitBoundaries = boundary.length > 0;
67
- const detectOverflowOptions = {
68
- padding: collisionPadding,
69
- boundary: boundary.filter(isNotNull),
70
- // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
71
- altBoundary: hasExplicitBoundaries
72
- };
73
- const { refs, floatingStyles, placement, isPositioned, middlewareData } = useFloating({
58
+ var _createPopperContext3 = createPopperContext(CONTENT_NAME),
59
+ _createPopperContext4 = _slicedToArray(_createPopperContext3, 2),
60
+ PopperContentProvider = _createPopperContext4[0],
61
+ useContentContext = _createPopperContext4[1];
62
+ var PopperContent = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
63
+ var _arrowSize$width, _arrowSize$height, _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$trans, _middlewareData$trans2, _middlewareData$hide;
64
+ var __scopePopper = props.__scopePopper,
65
+ _props$side = props.side,
66
+ side = _props$side === void 0 ? "bottom" : _props$side,
67
+ _props$sideOffset = props.sideOffset,
68
+ sideOffset = _props$sideOffset === void 0 ? 0 : _props$sideOffset,
69
+ _props$align = props.align,
70
+ align = _props$align === void 0 ? "center" : _props$align,
71
+ _props$alignOffset = props.alignOffset,
72
+ alignOffset = _props$alignOffset === void 0 ? 0 : _props$alignOffset,
73
+ _props$arrowPadding = props.arrowPadding,
74
+ arrowPadding = _props$arrowPadding === void 0 ? 0 : _props$arrowPadding,
75
+ _props$avoidCollision = props.avoidCollisions,
76
+ avoidCollisions = _props$avoidCollision === void 0 ? true : _props$avoidCollision,
77
+ _props$collisionBound = props.collisionBoundary,
78
+ collisionBoundary = _props$collisionBound === void 0 ? [] : _props$collisionBound,
79
+ _props$collisionPaddi = props.collisionPadding,
80
+ collisionPaddingProp = _props$collisionPaddi === void 0 ? 0 : _props$collisionPaddi,
81
+ _props$sticky = props.sticky,
82
+ sticky = _props$sticky === void 0 ? "partial" : _props$sticky,
83
+ _props$hideWhenDetach = props.hideWhenDetached,
84
+ hideWhenDetached = _props$hideWhenDetach === void 0 ? false : _props$hideWhenDetach,
85
+ _props$updatePosition = props.updatePositionStrategy,
86
+ updatePositionStrategy = _props$updatePosition === void 0 ? "optimized" : _props$updatePosition,
87
+ onPlaced = props.onPlaced,
88
+ contentProps = _objectWithoutProperties(props, _excluded2);
89
+ var context = usePopperContext(CONTENT_NAME, __scopePopper);
90
+ var _React$useState3 = useState(null),
91
+ _React$useState4 = _slicedToArray(_React$useState3, 2),
92
+ content = _React$useState4[0],
93
+ setContent = _React$useState4[1];
94
+ var composedRefs = useComposedRefs(forwardedRef, function (node) {
95
+ return setContent(node);
96
+ });
97
+ var _React$useState5 = useState(null),
98
+ _React$useState6 = _slicedToArray(_React$useState5, 2),
99
+ arrow$1 = _React$useState6[0],
100
+ setArrow = _React$useState6[1];
101
+ var arrowSize = useSize(arrow$1);
102
+ var arrowWidth = (_arrowSize$width = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.width) !== null && _arrowSize$width !== void 0 ? _arrowSize$width : 0;
103
+ var arrowHeight = (_arrowSize$height = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.height) !== null && _arrowSize$height !== void 0 ? _arrowSize$height : 0;
104
+ var desiredPlacement = side + (align !== "center" ? "-" + align : "");
105
+ var collisionPadding = typeof collisionPaddingProp === "number" ? collisionPaddingProp : _objectSpread2({
106
+ top: 0,
107
+ right: 0,
108
+ bottom: 0,
109
+ left: 0
110
+ }, collisionPaddingProp);
111
+ var boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];
112
+ var hasExplicitBoundaries = boundary.length > 0;
113
+ var detectOverflowOptions = {
114
+ padding: collisionPadding,
115
+ boundary: boundary.filter(isNotNull),
116
+ // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
117
+ altBoundary: hasExplicitBoundaries
118
+ };
119
+ var _useFloating = useFloating({
74
120
  // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
75
121
  strategy: "fixed",
76
122
  placement: desiredPlacement,
77
- whileElementsMounted: (...args) => {
78
- const cleanup = autoUpdate(...args, {
123
+ whileElementsMounted: function whileElementsMounted() {
124
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
125
+ args[_key] = arguments[_key];
126
+ }
127
+ var cleanup = autoUpdate.apply(void 0, args.concat([{
79
128
  animationFrame: updatePositionStrategy === "always"
80
- });
129
+ }]));
81
130
  return cleanup;
82
131
  },
83
132
  elements: {
84
133
  reference: context.anchor
85
134
  },
86
- middleware: [
87
- offset({ mainAxis: sideOffset + arrowHeight, alignmentAxis: alignOffset }),
88
- avoidCollisions && shift({
89
- mainAxis: true,
90
- crossAxis: false,
91
- limiter: sticky === "partial" ? limitShift() : void 0,
92
- ...detectOverflowOptions
93
- }),
94
- avoidCollisions && flip({ ...detectOverflowOptions }),
95
- size({
96
- ...detectOverflowOptions,
97
- apply: ({ elements, rects, availableWidth, availableHeight }) => {
98
- const { width: anchorWidth, height: anchorHeight } = rects.reference;
99
- const contentStyle = elements.floating.style;
100
- contentStyle.setProperty("--radix-popper-available-width", `${availableWidth}px`);
101
- contentStyle.setProperty("--radix-popper-available-height", `${availableHeight}px`);
102
- contentStyle.setProperty("--radix-popper-anchor-width", `${anchorWidth}px`);
103
- contentStyle.setProperty("--radix-popper-anchor-height", `${anchorHeight}px`);
104
- }
105
- }),
106
- arrow$1 && arrow({ element: arrow$1, padding: arrowPadding }),
107
- transformOrigin({ arrowWidth, arrowHeight }),
108
- hideWhenDetached && hide({ strategy: "referenceHidden", ...detectOverflowOptions })
109
- ]
110
- });
111
- const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
112
- const handlePlaced = useCallbackRef(onPlaced);
113
- useLayoutEffect2(() => {
114
- if (isPositioned) {
115
- handlePlaced?.();
116
- }
117
- }, [isPositioned, handlePlaced]);
118
- const arrowX = middlewareData.arrow?.x;
119
- const arrowY = middlewareData.arrow?.y;
120
- const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
121
- const [contentZIndex, setContentZIndex] = useState();
122
- useLayoutEffect2(() => {
123
- if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
124
- }, [content]);
125
- return /* @__PURE__ */ jsx(
126
- "div",
127
- {
128
- ref: refs.setFloating,
129
- "data-radix-popper-content-wrapper": "",
130
- style: {
131
- ...floatingStyles,
132
- transform: isPositioned ? floatingStyles.transform : "translate(0, -200%)",
133
- // keep off the page when measuring
134
- minWidth: "max-content",
135
- zIndex: contentZIndex,
136
- ["--radix-popper-transform-origin"]: [
137
- middlewareData.transformOrigin?.x,
138
- middlewareData.transformOrigin?.y
139
- ].join(" "),
140
- // hide the content if using the hide middleware and should be hidden
141
- // set visibility to hidden and disable pointer events so the UI behaves
142
- // as if the PopperContent isn't there at all
143
- ...middlewareData.hide?.referenceHidden && {
144
- visibility: "hidden",
145
- pointerEvents: "none"
146
- }
147
- },
148
- dir: props.dir,
149
- children: /* @__PURE__ */ jsx(
150
- PopperContentProvider,
151
- {
152
- scope: __scopePopper,
153
- placedSide,
154
- onArrowChange: setArrow,
155
- arrowX,
156
- arrowY,
157
- shouldHideArrow: cannotCenterArrow,
158
- children: /* @__PURE__ */ jsx(
159
- Primitive.div,
160
- {
161
- "data-side": placedSide,
162
- "data-align": placedAlign,
163
- ...contentProps,
164
- ref: composedRefs,
165
- style: {
166
- ...contentProps.style,
167
- // if the PopperContent hasn't been placed yet (not all measurements done)
168
- // we prevent animations so that users's animation don't kick in too early referring wrong sides
169
- animation: !isPositioned ? "none" : void 0
170
- }
171
- }
172
- )
173
- }
174
- )
175
- }
176
- );
177
- }
178
- );
135
+ middleware: [offset({
136
+ mainAxis: sideOffset + arrowHeight,
137
+ alignmentAxis: alignOffset
138
+ }), avoidCollisions && shift(_objectSpread2({
139
+ mainAxis: true,
140
+ crossAxis: false,
141
+ limiter: sticky === "partial" ? limitShift() : void 0
142
+ }, detectOverflowOptions)), avoidCollisions && flip(_objectSpread2({}, detectOverflowOptions)), size(_objectSpread2(_objectSpread2({}, detectOverflowOptions), {}, {
143
+ apply: function apply(_ref) {
144
+ var elements = _ref.elements,
145
+ rects = _ref.rects,
146
+ availableWidth = _ref.availableWidth,
147
+ availableHeight = _ref.availableHeight;
148
+ var _rects$reference = rects.reference,
149
+ anchorWidth = _rects$reference.width,
150
+ anchorHeight = _rects$reference.height;
151
+ var contentStyle = elements.floating.style;
152
+ contentStyle.setProperty("--radix-popper-available-width", "".concat(availableWidth, "px"));
153
+ contentStyle.setProperty("--radix-popper-available-height", "".concat(availableHeight, "px"));
154
+ contentStyle.setProperty("--radix-popper-anchor-width", "".concat(anchorWidth, "px"));
155
+ contentStyle.setProperty("--radix-popper-anchor-height", "".concat(anchorHeight, "px"));
156
+ }
157
+ })), arrow$1 && arrow({
158
+ element: arrow$1,
159
+ padding: arrowPadding
160
+ }), transformOrigin({
161
+ arrowWidth: arrowWidth,
162
+ arrowHeight: arrowHeight
163
+ }), hideWhenDetached && hide(_objectSpread2({
164
+ strategy: "referenceHidden"
165
+ }, detectOverflowOptions))]
166
+ }),
167
+ refs = _useFloating.refs,
168
+ floatingStyles = _useFloating.floatingStyles,
169
+ placement = _useFloating.placement,
170
+ isPositioned = _useFloating.isPositioned,
171
+ middlewareData = _useFloating.middlewareData;
172
+ var _getSideAndAlignFromP = getSideAndAlignFromPlacement(placement),
173
+ _getSideAndAlignFromP2 = _slicedToArray(_getSideAndAlignFromP, 2),
174
+ placedSide = _getSideAndAlignFromP2[0],
175
+ placedAlign = _getSideAndAlignFromP2[1];
176
+ var handlePlaced = useCallbackRef(onPlaced);
177
+ useLayoutEffect2(function () {
178
+ if (isPositioned) {
179
+ handlePlaced === null || handlePlaced === void 0 ? void 0 : handlePlaced();
180
+ }
181
+ }, [isPositioned, handlePlaced]);
182
+ var arrowX = (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x;
183
+ var arrowY = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y;
184
+ var cannotCenterArrow = ((_middlewareData$arrow3 = middlewareData.arrow) === null || _middlewareData$arrow3 === void 0 ? void 0 : _middlewareData$arrow3.centerOffset) !== 0;
185
+ var _React$useState7 = useState(),
186
+ _React$useState8 = _slicedToArray(_React$useState7, 2),
187
+ contentZIndex = _React$useState8[0],
188
+ setContentZIndex = _React$useState8[1];
189
+ useLayoutEffect2(function () {
190
+ if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
191
+ }, [content]);
192
+ return /* @__PURE__ */jsx("div", {
193
+ ref: refs.setFloating,
194
+ "data-radix-popper-content-wrapper": "",
195
+ style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, _defineProperty({
196
+ transform: isPositioned ? floatingStyles.transform : "translate(0, -200%)",
197
+ // keep off the page when measuring
198
+ minWidth: "max-content",
199
+ zIndex: contentZIndex
200
+ }, "--radix-popper-transform-origin", [(_middlewareData$trans = middlewareData.transformOrigin) === null || _middlewareData$trans === void 0 ? void 0 : _middlewareData$trans.x, (_middlewareData$trans2 = middlewareData.transformOrigin) === null || _middlewareData$trans2 === void 0 ? void 0 : _middlewareData$trans2.y].join(" ")), ((_middlewareData$hide = middlewareData.hide) === null || _middlewareData$hide === void 0 ? void 0 : _middlewareData$hide.referenceHidden) && {
201
+ visibility: "hidden",
202
+ pointerEvents: "none"
203
+ }),
204
+ dir: props.dir,
205
+ children: /* @__PURE__ */jsx(PopperContentProvider, {
206
+ scope: __scopePopper,
207
+ placedSide: placedSide,
208
+ onArrowChange: setArrow,
209
+ arrowX: arrowX,
210
+ arrowY: arrowY,
211
+ shouldHideArrow: cannotCenterArrow,
212
+ children: /* @__PURE__ */jsx(Primitive.div, _objectSpread2(_objectSpread2({
213
+ "data-side": placedSide,
214
+ "data-align": placedAlign
215
+ }, contentProps), {}, {
216
+ ref: composedRefs,
217
+ style: _objectSpread2(_objectSpread2({}, contentProps.style), {}, {
218
+ // if the PopperContent hasn't been placed yet (not all measurements done)
219
+ // we prevent animations so that users's animation don't kick in too early referring wrong sides
220
+ animation: !isPositioned ? "none" : void 0
221
+ })
222
+ }))
223
+ })
224
+ });
225
+ });
179
226
  PopperContent.displayName = CONTENT_NAME;
180
227
  var ARROW_NAME = "PopperArrow";
181
228
  var OPPOSITE_SIDE = {
@@ -184,90 +231,101 @@ var OPPOSITE_SIDE = {
184
231
  bottom: "top",
185
232
  left: "right"
186
233
  };
187
- var PopperArrow = forwardRef(function PopperArrow2(props, forwardedRef) {
188
- const { __scopePopper, ...arrowProps } = props;
189
- const contentContext = useContentContext(ARROW_NAME, __scopePopper);
190
- const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
234
+ var PopperArrow = /*#__PURE__*/forwardRef(function PopperArrow2(props, forwardedRef) {
235
+ var __scopePopper = props.__scopePopper,
236
+ arrowProps = _objectWithoutProperties(props, _excluded3);
237
+ var contentContext = useContentContext(ARROW_NAME, __scopePopper);
238
+ var baseSide = OPPOSITE_SIDE[contentContext.placedSide];
191
239
  return (
192
240
  // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
193
241
  // doesn't report size as we'd expect on SVG elements.
194
242
  // it reports their bounding box which is effectively the largest path inside the SVG.
195
- /* @__PURE__ */ jsx(
196
- "span",
197
- {
198
- ref: contentContext.onArrowChange,
199
- style: {
200
- position: "absolute",
201
- left: contentContext.arrowX,
202
- top: contentContext.arrowY,
203
- [baseSide]: 0,
204
- transformOrigin: {
205
- top: "",
206
- right: "0 0",
207
- bottom: "center 0",
208
- left: "100% 0"
209
- }[contentContext.placedSide],
210
- transform: {
211
- top: "translateY(100%)",
212
- right: "translateY(50%) rotate(90deg) translateX(-50%)",
213
- bottom: `rotate(180deg)`,
214
- left: "translateY(50%) rotate(-90deg) translateX(50%)"
215
- }[contentContext.placedSide],
216
- visibility: contentContext.shouldHideArrow ? "hidden" : void 0
217
- },
218
- children: /* @__PURE__ */ jsx(
219
- Root,
220
- {
221
- ...arrowProps,
222
- ref: forwardedRef,
223
- style: {
224
- ...arrowProps.style,
225
- // ensures the element can be measured correctly (mostly for if SVG)
226
- display: "block"
227
- }
228
- }
229
- )
230
- }
231
- )
243
+ /* @__PURE__ */
244
+ jsx("span", {
245
+ ref: contentContext.onArrowChange,
246
+ style: _defineProperty(_defineProperty(_defineProperty(_defineProperty({
247
+ position: "absolute",
248
+ left: contentContext.arrowX,
249
+ top: contentContext.arrowY
250
+ }, baseSide, 0), "transformOrigin", {
251
+ top: "",
252
+ right: "0 0",
253
+ bottom: "center 0",
254
+ left: "100% 0"
255
+ }[contentContext.placedSide]), "transform", {
256
+ top: "translateY(100%)",
257
+ right: "translateY(50%) rotate(90deg) translateX(-50%)",
258
+ bottom: "rotate(180deg)",
259
+ left: "translateY(50%) rotate(-90deg) translateX(50%)"
260
+ }[contentContext.placedSide]), "visibility", contentContext.shouldHideArrow ? "hidden" : void 0),
261
+ children: /* @__PURE__ */jsx(Root, _objectSpread2(_objectSpread2({}, arrowProps), {}, {
262
+ ref: forwardedRef,
263
+ style: _objectSpread2(_objectSpread2({}, arrowProps.style), {}, {
264
+ // ensures the element can be measured correctly (mostly for if SVG)
265
+ display: "block"
266
+ })
267
+ }))
268
+ })
232
269
  );
233
270
  });
234
271
  PopperArrow.displayName = ARROW_NAME;
235
272
  function isNotNull(value) {
236
273
  return value !== null;
237
274
  }
238
- var transformOrigin = (options) => ({
239
- name: "transformOrigin",
240
- options,
241
- fn(data) {
242
- const { placement, rects, middlewareData } = data;
243
- const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
244
- const isArrowHidden = cannotCenterArrow;
245
- const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
246
- const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
247
- const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
248
- const noArrowAlign = { start: "0%", center: "50%", end: "100%" }[placedAlign];
249
- const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2;
250
- const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2;
251
- let x = "";
252
- let y = "";
253
- if (placedSide === "bottom") {
254
- x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
255
- y = `${-arrowHeight}px`;
256
- } else if (placedSide === "top") {
257
- x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
258
- y = `${rects.floating.height + arrowHeight}px`;
259
- } else if (placedSide === "right") {
260
- x = `${-arrowHeight}px`;
261
- y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
262
- } else if (placedSide === "left") {
263
- x = `${rects.floating.width + arrowHeight}px`;
264
- y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
275
+ var transformOrigin = function transformOrigin(options) {
276
+ return {
277
+ name: "transformOrigin",
278
+ options: options,
279
+ fn: function fn(data) {
280
+ var _middlewareData$arrow4, _middlewareData$arrow5, _middlewareData$arrow6, _middlewareData$arrow7, _middlewareData$arrow8;
281
+ var placement = data.placement,
282
+ rects = data.rects,
283
+ middlewareData = data.middlewareData;
284
+ var cannotCenterArrow = ((_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.centerOffset) !== 0;
285
+ var isArrowHidden = cannotCenterArrow;
286
+ var arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
287
+ var arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
288
+ var _getSideAndAlignFromP3 = getSideAndAlignFromPlacement(placement),
289
+ _getSideAndAlignFromP4 = _slicedToArray(_getSideAndAlignFromP3, 2),
290
+ placedSide = _getSideAndAlignFromP4[0],
291
+ placedAlign = _getSideAndAlignFromP4[1];
292
+ var noArrowAlign = {
293
+ start: "0%",
294
+ center: "50%",
295
+ end: "100%"
296
+ }[placedAlign];
297
+ var arrowXCenter = ((_middlewareData$arrow5 = (_middlewareData$arrow6 = middlewareData.arrow) === null || _middlewareData$arrow6 === void 0 ? void 0 : _middlewareData$arrow6.x) !== null && _middlewareData$arrow5 !== void 0 ? _middlewareData$arrow5 : 0) + arrowWidth / 2;
298
+ var arrowYCenter = ((_middlewareData$arrow7 = (_middlewareData$arrow8 = middlewareData.arrow) === null || _middlewareData$arrow8 === void 0 ? void 0 : _middlewareData$arrow8.y) !== null && _middlewareData$arrow7 !== void 0 ? _middlewareData$arrow7 : 0) + arrowHeight / 2;
299
+ var x = "";
300
+ var y = "";
301
+ if (placedSide === "bottom") {
302
+ x = isArrowHidden ? noArrowAlign : "".concat(arrowXCenter, "px");
303
+ y = "".concat(-arrowHeight, "px");
304
+ } else if (placedSide === "top") {
305
+ x = isArrowHidden ? noArrowAlign : "".concat(arrowXCenter, "px");
306
+ y = "".concat(rects.floating.height + arrowHeight, "px");
307
+ } else if (placedSide === "right") {
308
+ x = "".concat(-arrowHeight, "px");
309
+ y = isArrowHidden ? noArrowAlign : "".concat(arrowYCenter, "px");
310
+ } else if (placedSide === "left") {
311
+ x = "".concat(rects.floating.width + arrowHeight, "px");
312
+ y = isArrowHidden ? noArrowAlign : "".concat(arrowYCenter, "px");
313
+ }
314
+ return {
315
+ data: {
316
+ x: x,
317
+ y: y
318
+ }
319
+ };
265
320
  }
266
- return { data: { x, y } };
267
- }
268
- });
321
+ };
322
+ };
269
323
  function getSideAndAlignFromPlacement(placement) {
270
- const [side, align = "center"] = placement.split("-");
324
+ var _placement$split = placement.split("-"),
325
+ _placement$split2 = _slicedToArray(_placement$split, 2),
326
+ side = _placement$split2[0],
327
+ _placement$split2$ = _placement$split2[1],
328
+ align = _placement$split2$ === void 0 ? "center" : _placement$split2$;
271
329
  return [side, align];
272
330
  }
273
331
  var Root2 = Popper;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,uDAA2D;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,uDAA2D;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}