@qoretechnologies/reqore 0.78.5-pr.708.gbe112f0 → 0.78.6-pr.715.gdfefa70

package/dist/components/Textarea/index.js

@@ -58,29 +58,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTextarea = exports.REQORE_TEXTAREA_STYLE_PROPS = exports.StyledTextareaWrapper = void 0;
+exports.StyledTextarea = exports.StyledTextareaWrapper = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var nanoid_1 = require("nanoid");
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = require("styled-components");
+var styled_components_1 = __importStar(require("styled-components"));
 var __1 = require("../..");
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
-var styled_1 = __importStar(require("../../helpers/styled"));
+var styled_1 = require("../../helpers/styled");
 var useAutoFocus_1 = require("../../hooks/useAutoFocus");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
 var useReqoreContext_1 = require("../../hooks/useReqoreContext");
@@ -90,10 +81,7 @@ var Effect_1 = require("../Effect");
 var InputClearButton_1 = __importDefault(require("../InputClearButton"));
 var KeyboardShortcut_1 = require("../KeyboardShortcut");
 var TooltipComponent_1 = require("../TooltipComponent");
-// `width` and `height` size the wrapper through its styles; a `div` has neither attribute.
-exports.StyledTextareaWrapper = styled_1.default.div.withConfig({
-    shouldForwardProp: (0, styled_1.omitStyleProps)('height', 'width'),
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", "px;\n  max-height: 100%;\n  width: ", ";\n  flex: ", ";\n  align-self: ", ";\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"], ["\n  height: ", ";\n  min-height: ", "px;\n  max-height: 100%;\n  width: ", ";\n  flex: ", ";\n  align-self: ", ";\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"])), function (_a) {
+exports.StyledTextareaWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", "px;\n  max-height: 100%;\n  width: ", ";\n  flex: ", ";\n  align-self: ", ";\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"], ["\n  height: ", ";\n  min-height: ", "px;\n  max-height: 100%;\n  width: ", ";\n  flex: ", ";\n  align-self: ", ";\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n\n  &:focus-within {\n    .reqore-clear-input-button {\n      display: flex;\n    }\n\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"])), function (_a) {
     var height = _a.height;
     return (height ? "".concat(height, "px") : undefined);
 }, function (_a) {
@@ -115,43 +103,12 @@ exports.StyledTextareaWrapper = styled_1.default.div.withConfig({
     var theme = _a.theme;
     return (0, colors_1.changeLightness)(theme.main, 0.25);
 });
-/**
- * Every textarea prop that only styles or configures the field. None of them reaches the
- * rendered element — the `<textarea>`, or a component given as `as` (Slate's editable in
- * `ReqoreRichTextEditor`, which writes the props it does not know onto its `div`). Its own props
- * (`renderElement`, `renderLeaf`, `decorate`, ...) and every `<textarea>` attribute still do. The
- * compiler checks the record against `IReqoreTextareaStyle`, so a new prop that is not added
- * here fails the build instead of leaking.
- */
-exports.REQORE_TEXTAREA_STYLE_PROPS = (0, styled_1.listReqoreStyleProps)({
-    customTheme: true,
-    effect: true,
-    fixed: true,
-    flat: true,
-    fluid: true,
-    focusRules: true,
-    hasClearButton: true,
-    height: true,
-    inheritCustomTheme: true,
-    intent: true,
-    keepTemplatesOpenWhileTyping: true,
-    minimal: true,
-    onClearClick: true,
-    radiusSize: true,
-    rounded: true,
-    scaleWithContent: true,
-    shortcutHint: true,
-    size: true,
-    _size: true,
-    templates: true,
-    theme: true,
-    tooltip: true,
-    transparent: true,
-    width: true,
-    wrapperStyle: true,
-});
-exports.StyledTextarea = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
-    shouldForwardProp: styled_1.omitStyleProps.apply(void 0, __spreadArray(__spreadArray([], exports.REQORE_TEXTAREA_STYLE_PROPS, false), styled_1.REQORE_CONTROL_GROUP_CHILD_PROPS, false)),
+exports.StyledTextarea = (0, styled_components_1.default)(Effect_1.StyledEffect).withConfig({
+    // `hasClearButton` drives padding only and must never reach the DOM. Everything else
+    // follows styled-components' own rule, so a polymorphic `as` component — Slate's
+    // editable in `ReqoreRichTextEditor` — still receives `renderElement` / `renderLeaf` /
+    // `decorate`, which are component props rather than HTML attributes.
+    shouldForwardProp: (0, styled_1.omitStyleProps)('hasClearButton'),
 })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: ", "px;\n  padding-right: ", ";\n  min-height: ", "px;\n  line-height: ", "px;\n  vertical-align: middle;\n  /* Height only. The textarea fills its wrapper, so the browser's default\n     `resize: both` let a drag narrow the textarea while the wrapper \u2014 border,\n     focus outline, clear button \u2014 kept the full width, and it could never grow\n     wider than that. */\n  resize: vertical;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:active,\n  &:focus {\n    outline: none;\n    background-color: ", ";\n  }\n\n  border-radius: inherit;\n  border: ", ";\n  border-bottom: ", ";\n\n  ", "\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"], ["\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  font-size: ", "px;\n  margin: 0;\n  padding: ", "px;\n  padding-right: ", ";\n  min-height: ", "px;\n  line-height: ", "px;\n  vertical-align: middle;\n  /* Height only. The textarea fills its wrapper, so the browser's default\n     \\`resize: both\\` let a drag narrow the textarea while the wrapper \u2014 border,\n     focus outline, clear button \u2014 kept the full width, and it could never grow\n     wider than that. */\n  resize: vertical;\n\n  background-color: ", ";\n  color: ", ";\n\n  &:active,\n  &:focus {\n    outline: none;\n    background-color: ", ";\n  }\n\n  border-radius: inherit;\n  border: ", ";\n  border-bottom: ", ";\n\n  ", "\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"])), function (_a) {
     var _b = _a._size, _size = _b === void 0 ? 'normal' : _b;
     return sizes_1.CONTROL_TEXT_FROM_SIZE[_size];
@@ -202,7 +159,7 @@ exports.StyledTextarea = (0, styled_1.default)(Effect_1.StyledEffect).withConfig
     var disabled = _a.disabled;
     return disabled && styles_1.DisabledElement;
 }, styles_1.DisabledElement);
-var StyledTextareaShortcutWrapper = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n"], ["\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n"])));
+var StyledTextareaShortcutWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n"], ["\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n"])));
 function Textarea(_a, ref) {
     var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _b = _a.size, size = _b === void 0 ? 'normal' : _b, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, tooltip = _a.tooltip, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, _c = _a.rounded, rounded = _c === void 0 ? true : _c, radiusSize = _a.radiusSize, wrapperStyle = _a.wrapperStyle, value = _a.value, onChange = _a.onChange, fixed = _a.fixed, focusRules = _a.focusRules, shortcutHint = _a.shortcutHint, templates = _a.templates, keepTemplatesOpenWhileTyping = _a.keepTemplatesOpenWhileTyping, _d = _a.rows, rows = _d === void 0 ? 1 : _d, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid", "tooltip", "customTheme", "inheritCustomTheme", "intent", "rounded", "radiusSize", "wrapperStyle", "value", "onChange", "fixed", "focusRules", "shortcutHint", "templates", "keepTemplatesOpenWhileTyping", "rows"]);
     var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
@@ -238,54 +195,14 @@ function Textarea(_a, ref) {
         // background, switching tabs, pressing Escape, or focus loss to
         // browser chrome. Without this guard, `.closest()` throws a
         // TypeError and the popover never closes.
-        if (!e.relatedTarget || e.relatedTarget.closest("#id-".concat(uuid.current)) === null) {
+        if (!e.relatedTarget ||
+            e.relatedTarget.closest("#id-".concat(uuid.current)) === null) {
             popoverData === null || popoverData === void 0 ? void 0 : popoverData.close();
         }
     }, [popoverData]);
     var handlePassPopoverData = (0, react_1.useCallback)(function (data) {
         setPopoverData(data);
     }, []);
-    /* The author comes into the field from the keyboard: the templates are listed, as a click lists them
-       (qorus#646). Focus brought by a pointer is the click's to answer - opening for it too would close the
-       list again on the click - and focus that comes back from the list (a template picked) or from nowhere
-       opens nothing.
-  
-       A press brings the focus only to a field that does not have it: one on the field already focused
-       brings none, and its mark would be left for the next focus, from the keyboard, to be taken for a
-       pointer's. And a press ends in a click, after the focus it brings, with a mouse and a touch alike:
-       the mark goes with it, whatever became of the focus. */
-    var focusByPointer = (0, react_1.useRef)(false);
-    var handlePointerDownCapture = (0, react_1.useCallback)(function (event) {
-        var _a;
-        focusByPointer.current = !event.currentTarget.contains(document.activeElement);
-        (_a = rest.onPointerDownCapture) === null || _a === void 0 ? void 0 : _a.call(rest, event);
-    }, [rest.onPointerDownCapture]);
-    (0, react_1.useEffect)(function () {
-        if (!templates) {
-            return undefined;
-        }
-        var pressEnded = function () {
-            focusByPointer.current = false;
-        };
-        // after the click's own handlers: the bubble phase of the document, the last to hear it
-        document.addEventListener('click', pressEnded);
-        return function () { return document.removeEventListener('click', pressEnded); };
-    }, [templates]);
-    var handleFocusCapture = (0, react_1.useCallback)(function (event) {
-        var _a, _b;
-        var byPointer = focusByPointer.current;
-        focusByPointer.current = false;
-        var from = event.relatedTarget;
-        if (templates &&
-            !byPointer &&
-            from &&
-            !from.closest('.reqore-popover-content') &&
-            popoverData &&
-            !((_a = popoverData.isOpen) === null || _a === void 0 ? void 0 : _a.call(popoverData))) {
-            popoverData.open();
-        }
-        (_b = rest.onFocusCapture) === null || _b === void 0 ? void 0 : _b.call(rest, event);
-    }, [templates, popoverData, rest.onFocusCapture]);
     /* Typing is declining the offer.
   
        The template list is anchored to the field, and a long enough list covers
@@ -347,9 +264,7 @@ function Textarea(_a, ref) {
                         onChange === null || onChange === void 0 ? void 0 : onChange(e);
                     }, as: rest.as || 'textarea', 
                     // After `{...rest}` so it wins — see `handleKeyDown`.
-                    onKeyDown: handleKeyDown, 
-                    // and so do these, which call the caller's own - see `handleFocusCapture`
-                    onPointerDownCapture: handlePointerDownCapture, onFocusCapture: handleFocusCapture, className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: function (ref) { return setInputRef(ref); }, theme: theme, rounded: rounded, rows: rows, value: _value, readOnly: rest === null || rest === void 0 ? void 0 : rest.readOnly, tabIndex: (rest === null || rest === void 0 ? void 0 : rest.disabled) ? -1 : 0, hasClearButton: !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange) })), (0, jsx_runtime_1.jsx)(InputClearButton_1.default, { enabled: !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange), show: _value && _value !== '', onClick: onClearClick, size: size }), showShortcutHint && ((0, jsx_runtime_1.jsx)(StyledTextareaShortcutWrapper, { children: (0, jsx_runtime_1.jsx)(KeyboardShortcut_1.ReqoreKeyboardShortcut, { shortcut: focusRules.shortcut, size: size, compact: true }) }))] }));
+                    onKeyDown: handleKeyDown, className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: function (ref) { return setInputRef(ref); }, theme: theme, rounded: rounded, rows: rows, value: _value, readOnly: rest === null || rest === void 0 ? void 0 : rest.readOnly, tabIndex: (rest === null || rest === void 0 ? void 0 : rest.disabled) ? -1 : 0, hasClearButton: !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange) })), (0, jsx_runtime_1.jsx)(InputClearButton_1.default, { enabled: !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && onChange), show: _value && _value !== '', onClick: onClearClick, size: size }), showShortcutHint && ((0, jsx_runtime_1.jsx)(StyledTextareaShortcutWrapper, { children: (0, jsx_runtime_1.jsx)(KeyboardShortcut_1.ReqoreKeyboardShortcut, { shortcut: focusRules.shortcut, size: size, compact: true }) }))] }));
     };
     if (templates && !(rest === null || rest === void 0 ? void 0 : rest.readOnly) && !(rest === null || rest === void 0 ? void 0 : rest.disabled)) {
         return ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, __assign({ component: exports.StyledTextareaWrapper, disabled: rest.disabled, readOnly: rest.readOnly, className: "".concat(className || '', " reqore-control-wrapper"), width: width, filterable: true, height: height, fluid: fluid, fixed: fixed, _size: size, theme: theme, style: wrapperStyle, ref: targetRef, onItemSelect: handleItemSelect, closeOnTargetClick: false, 

package/dist/components/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tier/group.d.ts

@@ -79,13 +79,14 @@ export declare const TIER_STACK: {
     /** The switch: a curve that overshoots a little and settles, like a spring. */
     readonly duration: 480;
     readonly easing: "cubic-bezier(0.22, 1.25, 0.36, 1)";
-    /** A swipe brings the next tier to the front past this share of the tier's width... */
+    /**
+     * A swipe brings the next tier to the front past this share of the tier's width, or faster
+     * than `swipeVelocity` (px per ms); a press is a click until it has moved `slop` px; a drag past
+     * an end moves the stack by `resistance` of itself. The library's shared thresholds (`SWIPE`).
+     */
     readonly swipeDistance: 0.18;
-    /** ...or faster than this, in px per ms. */
     readonly swipeVelocity: 0.35;
-    /** How far a press moves, in px, before it is a swipe and not a click. */
     readonly slop: 8;
-    /** How much a drag past an end moves the stack. */
     readonly resistance: 0.3;
 };
 /** `index` wrapped round (`loop`) or held to the ends of `count` tiers. */

package/dist/components/Tier/group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Tier/group.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Tier/group.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tier/group.js

@@ -66,15 +66,16 @@ exports.ReqoreTierGroup = exports.getTierStackItemStyle = exports.getTierSwipeSt
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = __importStar(require("react"));
-var styled_components_1 = require("styled-components");
-var styled_1 = __importDefault(require("../../helpers/styled"));
+var styled_components_1 = __importStar(require("styled-components"));
 var use_context_selector_1 = require("use-context-selector");
 var sizes_1 = require("../../constants/sizes");
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
 var CustomThemeContext_1 = __importDefault(require("../../context/CustomThemeContext"));
 var colors_1 = require("../../helpers/colors");
+var gestures_1 = require("../../helpers/gestures");
 var utils_1 = require("../../helpers/utils");
 var useNarrowContainer_1 = require("../../hooks/useNarrowContainer");
+var usePointerDrag_1 = require("../../hooks/usePointerDrag");
 var usePrefersReducedMotion_1 = require("../../hooks/usePrefersReducedMotion");
 var useTheme_1 = require("../../hooks/useTheme");
 var Button_1 = __importDefault(require("../Button"));
@@ -127,14 +128,15 @@ exports.TIER_STACK = {
     /** The switch: a curve that overshoots a little and settles, like a spring. */
     duration: 480,
     easing: 'cubic-bezier(0.22, 1.25, 0.36, 1)',
-    /** A swipe brings the next tier to the front past this share of the tier's width... */
-    swipeDistance: 0.18,
-    /** ...or faster than this, in px per ms. */
-    swipeVelocity: 0.35,
-    /** How far a press moves, in px, before it is a swipe and not a click. */
-    slop: 8,
-    /** How much a drag past an end moves the stack. */
-    resistance: 0.3,
+    /**
+     * A swipe brings the next tier to the front past this share of the tier's width, or faster
+     * than `swipeVelocity` (px per ms); a press is a click until it has moved `slop` px; a drag past
+     * an end moves the stack by `resistance` of itself. The library's shared thresholds (`SWIPE`).
+     */
+    swipeDistance: gestures_1.SWIPE.distance,
+    swipeVelocity: gestures_1.SWIPE.velocity,
+    slop: gestures_1.SWIPE.slop,
+    resistance: gestures_1.SWIPE.resistance,
 };
 /** `index` wrapped round (`loop`) or held to the ends of `count` tiers. */
 var normalizeTierIndex = function (index, count, loop) {
@@ -181,15 +183,13 @@ exports.getInitialTierIndex = getInitialTierIndex;
  * (`TIER_STACK.swipeVelocity`, in the direction it went).
  */
 var getTierSwipeStep = function (distance, velocity, width) {
-    if (Math.abs(distance) < exports.TIER_STACK.slop) {
-        return 0;
-    }
-    var far = width > 0 && Math.abs(distance) >= width * exports.TIER_STACK.swipeDistance;
-    var fast = Math.abs(velocity) >= exports.TIER_STACK.swipeVelocity && Math.sign(velocity) === Math.sign(distance);
-    if (!far && !fast) {
-        return 0;
-    }
-    return distance < 0 ? 1 : -1;
+    var step = (0, gestures_1.getSwipeStep)(distance, velocity, width, {
+        distance: exports.TIER_STACK.swipeDistance,
+        velocity: exports.TIER_STACK.swipeVelocity,
+        slop: exports.TIER_STACK.slop,
+    });
+    // The stack moves against the finger: dragged to the left, the NEXT tier comes to the front.
+    return step === 0 ? 0 : step < 0 ? 1 : -1;
 };
 exports.getTierSwipeStep = getTierSwipeStep;
 var round = function (value) { return Math.round(value * 1000) / 1000; };
@@ -228,7 +228,7 @@ var defaultStackItemLabel = function (name, index, count) {
     return "".concat(name ? "".concat(name, ", ") : '').concat(index + 1, " of ").concat(count);
 };
 /** Layout only: the row (a grid of equal-height columns), or the stack above its controls. */
-var StyledTierGroup = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  min-width: 0;\n\n  ", "\n"], ["\n  position: relative;\n  min-width: 0;\n\n  ", "\n"])), function (_a) {
+var StyledTierGroup = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  min-width: 0;\n\n  ", "\n"], ["\n  position: relative;\n  min-width: 0;\n\n  ", "\n"])), function (_a) {
     var $stack = _a.$stack, $focusColor = _a.$focusColor, $gap = _a.$gap, $minColumnWidth = _a.$minColumnWidth, $maxColumnWidth = _a.$maxColumnWidth;
     return $stack
         ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          gap: ", "px;\n          border-radius: ", "px;\n          outline: none;\n\n          /* The stack takes the focus (it is the carousel the arrow keys move). */\n          &:focus-visible {\n            outline: 2px solid ", ";\n            outline-offset: 4px;\n          }\n        "], ["\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          gap: ", "px;\n          border-radius: ", "px;\n          outline: none;\n\n          /* The stack takes the focus (it is the carousel the arrow keys move). */\n          &:focus-visible {\n            outline: 2px solid ", ";\n            outline-offset: 4px;\n          }\n        "])), $gap, sizes_1.RADIUS_FROM_RADIUS_SIZE.normal, $focusColor) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          display: grid;\n          grid-template-columns: repeat(\n            auto-fit,\n            minmax(min(100%, ", "), ", ")\n          );\n          align-items: stretch;\n          justify-content: center;\n          gap: ", "px;\n        "], ["\n          display: grid;\n          grid-template-columns: repeat(\n            auto-fit,\n            minmax(min(100%, ", "), ", ")\n          );\n          align-items: stretch;\n          justify-content: center;\n          gap: ", "px;\n        "])), $minColumnWidth, $maxColumnWidth, $gap);
@@ -237,13 +237,13 @@ var StyledTierGroup = styled_1.default.div(templateObject_3 || (templateObject_3
  * The stack's frame: it takes the swipes and clips the neighbours at its sides, so a turned or
  * moving tier never widens the page. In the row it is not a box at all.
  */
-var StyledTierGroupViewport = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var StyledTierGroupViewport = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var $stack = _a.$stack, $dragging = _a.$dragging;
     return $stack
         ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          position: relative;\n          /* Hidden where clip is not supported (which also clips the front tier's shadow). */\n          overflow-x: hidden;\n          overflow-x: clip;\n          touch-action: pan-y;\n\n          ", "\n        "], ["\n          position: relative;\n          /* Hidden where clip is not supported (which also clips the front tier's shadow). */\n          overflow-x: hidden;\n          overflow-x: clip;\n          touch-action: pan-y;\n\n          ", "\n        "])), $dragging && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n              cursor: grabbing;\n              user-select: none;\n            "], ["\n              cursor: grabbing;\n              user-select: none;\n            "])))) : (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          display: contents;\n        "], ["\n          display: contents;\n        "])));
 });
 /** Every tier of the stack in one grid cell: the stack is as tall as its tallest tier. */
-var StyledTierGroupTrack = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var StyledTierGroupTrack = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var $stack = _a.$stack;
     return $stack
         ? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          display: grid;\n          perspective: ", "px;\n        "], ["\n          display: grid;\n          perspective: ", "px;\n        "])), exports.TIER_STACK.perspective) : (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          display: contents;\n        "], ["\n          display: contents;\n        "])));
@@ -255,12 +255,12 @@ var TIER_STACK_TRANSITION = [
     "opacity ".concat(Math.round(exports.TIER_STACK.duration * 0.6), "ms ease-out"),
 ].join(', ');
 /** One tier's cell. A grid of one, so the tier fills it: every tier is as tall as its row. */
-var StyledTierGroupItem = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: grid;\n  min-width: 0;\n\n  ", "\n"], ["\n  display: grid;\n  min-width: 0;\n\n  ", "\n"])), function (_a) {
+var StyledTierGroupItem = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: grid;\n  min-width: 0;\n\n  ", "\n"], ["\n  display: grid;\n  min-width: 0;\n\n  ", "\n"])), function (_a) {
     var $stack = _a.$stack, $peek = _a.$peek, $animate = _a.$animate;
     return $stack && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      position: relative;\n      grid-area: 1 / 1;\n      justify-self: center;\n      width: calc(100% - ", "px);\n      transform-origin: 50% 50%;\n      will-change: transform, filter, opacity;\n      transition: ", ";\n    "], ["\n      position: relative;\n      grid-area: 1 / 1;\n      justify-self: center;\n      width: calc(100% - ", "px);\n      transform-origin: 50% 50%;\n      will-change: transform, filter, opacity;\n      transition: ", ";\n    "])), $peek * 2, $animate ? TIER_STACK_TRANSITION : 'none');
 });
 /** Layout only: the previous button, the dots and the next button, centred under the stack. */
-var StyledTierGroupControls = styled_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", "px;\n\n  .reqore-tier-group-dots {\n    display: flex;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", "px;\n\n  .reqore-tier-group-dots {\n    display: flex;\n    align-items: center;\n  }\n"])), function (_a) {
+var StyledTierGroupControls = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", "px;\n\n  .reqore-tier-group-dots {\n    display: flex;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", "px;\n\n  .reqore-tier-group-dots {\n    display: flex;\n    align-items: center;\n  }\n"])), function (_a) {
     var $gap = _a.$gap;
     return $gap;
 });
@@ -269,7 +269,7 @@ var StyledTierGroupControls = styled_1.default.div(templateObject_13 || (templat
  * than a `ReqoreButton` — a pager's dot is a small mark with a finger-sized hit area round it,
  * and a Reqore button has no shape for that.
  */
-var StyledTierGroupDot = styled_1.default.button(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: ", "px;\n  background: none;\n  cursor: pointer;\n\n  &::before {\n    content: '';\n    display: block;\n    width: ", "px;\n    height: ", "px;\n    border-radius: ", "px;\n    background-color: ", ";\n    transition: ", ";\n  }\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"], ["\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: ", "px;\n  background: none;\n  cursor: pointer;\n\n  &::before {\n    content: '';\n    display: block;\n    width: ", "px;\n    height: ", "px;\n    border-radius: ", "px;\n    background-color: ", ";\n    transition: ", ";\n  }\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"])), function (_a) {
+var StyledTierGroupDot = styled_components_1.default.button(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: ", "px;\n  background: none;\n  cursor: pointer;\n\n  &::before {\n    content: '';\n    display: block;\n    width: ", "px;\n    height: ", "px;\n    border-radius: ", "px;\n    background-color: ", ";\n    transition: ", ";\n  }\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"], ["\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: ", "px;\n  height: ", "px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: ", "px;\n  background: none;\n  cursor: pointer;\n\n  &::before {\n    content: '';\n    display: block;\n    width: ", "px;\n    height: ", "px;\n    border-radius: ", "px;\n    background-color: ", ";\n    transition: ", ";\n  }\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n  }\n"])), function (_a) {
     var $hit = _a.$hit;
     return $hit;
 }, function (_a) {
@@ -298,7 +298,7 @@ var StyledTierGroupDot = styled_1.default.button(templateObject_14 || (templateO
     return $color;
 });
 /** The front tier's name for a screen reader, said when it changes. Visually hidden. */
-var StyledTierGroupStatus = styled_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n"], ["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n"])));
+var StyledTierGroupStatus = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n"], ["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n"])));
 exports.ReqoreTierGroup = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var _b, _c, _d;
     var children = _a.children, appearance = _a.appearance, size = _a.size, intent = _a.intent, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, tooltip = _a.tooltip, className = _a.className, _e = _a.minColumnWidth, minColumnWidth = _e === void 0 ? '240px' : _e, _f = _a.maxColumnWidth, maxColumnWidth = _f === void 0 ? '1fr' : _f, _g = _a.gapSize, gapSize = _g === void 0 ? 'big' : _g, _h = _a.mobileLayout, mobileLayout = _h === void 0 ? 'columns' : _h, _j = _a.mobileBreakpoint, mobileBreakpoint = _j === void 0 ? useNarrowContainer_1.NARROW_CONTAINER_BREAKPOINT_PX : _j, activeIndex = _a.activeIndex, defaultActiveIndex = _a.defaultActiveIndex, onActiveIndexChange = _a.onActiveIndexChange, _k = _a.loop, loop = _k === void 0 ? false : _k, _l = _a.stackLabel, stackLabel = _l === void 0 ? 'Plans' : _l, _m = _a.previousLabel, previousLabel = _m === void 0 ? 'Previous plan' : _m, _o = _a.nextLabel, nextLabel = _o === void 0 ? 'Next plan' : _o, _p = _a.stackItemLabel, stackItemLabel = _p === void 0 ? defaultStackItemLabel : _p, onKeyDown = _a.onKeyDown, rest = __rest(_a, ["children", "appearance", "size", "intent", "customTheme", "inheritCustomTheme", "tooltip", "className", "minColumnWidth", "maxColumnWidth", "gapSize", "mobileLayout", "mobileBreakpoint", "activeIndex", "defaultActiveIndex", "onActiveIndexChange", "loop", "stackLabel", "previousLabel", "nextLabel", "stackItemLabel", "onKeyDown"]);
@@ -324,10 +324,7 @@ exports.ReqoreTierGroup = (0, react_1.memo)((0, react_1.forwardRef)(function (_a
     var rootRef = (0, react_1.useRef)(null);
     var viewportRef = (0, react_1.useRef)(null);
     var itemRefs = (0, react_1.useRef)([]);
-    var gestureRef = (0, react_1.useRef)(null);
-    var suppressClickRef = (0, react_1.useRef)(false);
     var _s = (0, react_1.useState)(0), dragOffset = _s[0], setDragOffset = _s[1];
-    var _t = (0, react_1.useState)(false), isDragging = _t[0], setIsDragging = _t[1];
     var setRootRef = (0, react_1.useCallback)(function (node) {
         rootRef.current = node;
         containerRef.current = node;
@@ -435,98 +432,31 @@ exports.ReqoreTierGroup = (0, react_1.memo)((0, react_1.forwardRef)(function (_a
         }
         goTo(next);
     }, [onKeyDown, isStack, front, count, goTo, keepFocusOnStack]);
-    var finishGesture = (0, react_1.useCallback)(function (commit) {
-        var _a;
-        var gesture = gestureRef.current;
-        gestureRef.current = null;
-        if (!(gesture === null || gesture === void 0 ? void 0 : gesture.dragging)) {
-            return;
-        }
-        var viewport = viewportRef.current;
-        if ((_a = viewport === null || viewport === void 0 ? void 0 : viewport.hasPointerCapture) === null || _a === void 0 ? void 0 : _a.call(viewport, gesture.pointerId)) {
-            viewport.releasePointerCapture(gesture.pointerId);
-        }
-        // The click that ends a drag is not a click on whatever it ended over.
-        suppressClickRef.current = true;
-        setIsDragging(false);
-        setDragOffset(0);
-        if (commit) {
-            var step = (0, exports.getTierSwipeStep)(gesture.lastX - gesture.startX, gesture.velocity, getItemWidth());
-            if (step) {
-                goTo(front + step);
-            }
-        }
-    }, [getItemWidth, goTo, front]);
-    var handlePointerDown = (0, react_1.useCallback)(function (event) {
-        suppressClickRef.current = false;
-        if (!isStack || count < 2 || (event.pointerType === 'mouse' && event.button !== 0)) {
-            return;
-        }
-        gestureRef.current = {
-            pointerId: event.pointerId,
-            startX: event.clientX,
-            startY: event.clientY,
-            lastX: event.clientX,
-            lastTime: event.timeStamp,
-            velocity: 0,
-            dragging: false,
-        };
-    }, [isStack, count]);
-    var handlePointerMove = (0, react_1.useCallback)(function (event) {
-        var _a;
-        var gesture = gestureRef.current;
-        if (!gesture || gesture.pointerId !== event.pointerId) {
-            return;
-        }
-        // A mouse let go outside the window: nothing is held on a move that should be a drag.
-        if (event.pointerType === 'mouse' && event.buttons === 0) {
-            finishGesture(false);
-            return;
-        }
-        var dx = event.clientX - gesture.startX;
-        var dy = event.clientY - gesture.startY;
-        if (!gesture.dragging) {
-            if (Math.abs(dx) < exports.TIER_STACK.slop && Math.abs(dy) < exports.TIER_STACK.slop) {
-                return;
-            }
-            // Mostly vertical: the page is being scrolled, not the stack swiped.
-            if (Math.abs(dy) >= Math.abs(dx)) {
-                gestureRef.current = null;
-                return;
-            }
-            gesture.dragging = true;
-            try {
-                (_a = viewportRef.current) === null || _a === void 0 ? void 0 : _a.setPointerCapture(event.pointerId);
-            }
-            catch (_b) {
-                // Capture only keeps the drag going outside the stack; it is not the mechanism.
+    // The swipe: the shared pointer drag (the same one a sheet is pushed away with), along
+    // the x axis so a mostly vertical press stays the page's to scroll. The stack follows the
+    // finger, gives a little past an end, and on release steps to the next or previous tier
+    // when the swipe went far or fast enough (`getTierSwipeStep`).
+    var _t = (0, usePointerDrag_1.usePointerDrag)({
+        enabled: isStack && count >= 2,
+        axis: 'x',
+        slop: exports.TIER_STACK.slop,
+        onMove: function (_a) {
+            var dx = _a.dx;
+            // Past an end, the stack gives a little and springs back.
+            var pastEnd = !loop && ((dx > 0 && front === 0) || (dx < 0 && front === count - 1));
+            setDragOffset(pastEnd ? dx * exports.TIER_STACK.resistance : dx);
+        },
+        onEnd: function (_a, committed) {
+            var dx = _a.dx, vx = _a.vx;
+            setDragOffset(0);
+            if (committed) {
+                var step = (0, exports.getTierSwipeStep)(dx, vx, getItemWidth());
+                if (step) {
+                    goTo(front + step);
+                }
             }
-            setIsDragging(true);
-        }
-        var elapsed = event.timeStamp - gesture.lastTime;
-        if (elapsed > 0) {
-            gesture.velocity = (event.clientX - gesture.lastX) / elapsed;
-        }
-        gesture.lastX = event.clientX;
-        gesture.lastTime = event.timeStamp;
-        // Past an end, the stack gives a little and springs back.
-        var pastEnd = !loop && ((dx > 0 && front === 0) || (dx < 0 && front === count - 1));
-        setDragOffset(pastEnd ? dx * exports.TIER_STACK.resistance : dx);
-    }, [finishGesture, loop, front, count]);
-    var handlePointerUp = (0, react_1.useCallback)(function (event) {
-        var _a;
-        if (((_a = gestureRef.current) === null || _a === void 0 ? void 0 : _a.pointerId) === event.pointerId) {
-            finishGesture(true);
-        }
-    }, [finishGesture]);
-    var handlePointerCancel = (0, react_1.useCallback)(function () { return finishGesture(false); }, [finishGesture]);
-    var handleClickCapture = (0, react_1.useCallback)(function (event) {
-        if (suppressClickRef.current) {
-            suppressClickRef.current = false;
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }, []);
+        },
+    }), isDragging = _t.dragging, dragHandlers = _t.handlers;
     // A press on a neighbour (inert, so it lands on the stack) brings it to the front.
     var handleViewportClick = (0, react_1.useCallback)(function (event) {
         var frontItem = itemRefs.current[front];
@@ -587,17 +517,7 @@ exports.ReqoreTierGroup = (0, react_1.memo)((0, react_1.forwardRef)(function (_a
             'data-active-index': front,
             tabIndex: (_d = rest.tabIndex) !== null && _d !== void 0 ? _d : 0,
         }
-        : {}), { "data-layout": isStack ? 'stack' : 'row', Component: StyledTierGroup, ref: setRootRef, tooltip: tooltip, className: "".concat(className || '', " reqore-tier-group"), onKeyDown: handleKeyDown, "$stack": isStack, "$focusColor": colors.active, "$gap": gap, "$minColumnWidth": minColumnWidth, "$maxColumnWidth": maxColumnWidth, children: [(0, jsx_runtime_1.jsx)(StyledTierGroupViewport, __assign({ ref: viewportRef, className: 'reqore-tier-group-viewport', "$stack": isStack, "$dragging": isDragging }, (isStack
-                ? {
-                    onPointerDown: handlePointerDown,
-                    onPointerMove: handlePointerMove,
-                    onPointerUp: handlePointerUp,
-                    onPointerCancel: handlePointerCancel,
-                    onClickCapture: handleClickCapture,
-                    onClick: handleViewportClick,
-                    onDragStart: function (event) { return event.preventDefault(); },
-                }
-                : {}), { children: (0, jsx_runtime_1.jsx)(StyledTierGroupTrack, { className: 'reqore-tier-group-track', "$stack": isStack, children: items }) })), isStack && count > 1 ? ((0, jsx_runtime_1.jsxs)(StyledTierGroupControls, { className: 'reqore-tier-group-controls', "$gap": gap, children: [(0, jsx_runtime_1.jsx)(Button_1.default, { className: 'reqore-tier-group-previous', icon: 'ArrowLeftSLine', "aria-label": previousLabel, size: resolvedSize, intent: intent, circle: true, disabled: !loop && front === 0, onClick: handlePrevious }), (0, jsx_runtime_1.jsx)("div", { className: 'reqore-tier-group-dots', children: names.map(function (name, index) {
+        : {}), { "data-layout": isStack ? 'stack' : 'row', Component: StyledTierGroup, ref: setRootRef, tooltip: tooltip, className: "".concat(className || '', " reqore-tier-group"), onKeyDown: handleKeyDown, "$stack": isStack, "$focusColor": colors.active, "$gap": gap, "$minColumnWidth": minColumnWidth, "$maxColumnWidth": maxColumnWidth, children: [(0, jsx_runtime_1.jsx)(StyledTierGroupViewport, __assign({ ref: viewportRef, className: 'reqore-tier-group-viewport', "$stack": isStack, "$dragging": isDragging }, (isStack ? __assign(__assign({}, dragHandlers), { onClick: handleViewportClick }) : {}), { children: (0, jsx_runtime_1.jsx)(StyledTierGroupTrack, { className: 'reqore-tier-group-track', "$stack": isStack, children: items }) })), isStack && count > 1 ? ((0, jsx_runtime_1.jsxs)(StyledTierGroupControls, { className: 'reqore-tier-group-controls', "$gap": gap, children: [(0, jsx_runtime_1.jsx)(Button_1.default, { className: 'reqore-tier-group-previous', icon: 'ArrowLeftSLine', "aria-label": previousLabel, size: resolvedSize, intent: intent, circle: true, disabled: !loop && front === 0, onClick: handlePrevious }), (0, jsx_runtime_1.jsx)("div", { className: 'reqore-tier-group-dots', children: names.map(function (name, index) {
                             var _a;
                             return ((0, jsx_runtime_1.jsx)(StyledTierGroupDot, { type: 'button', className: "reqore-tier-group-dot".concat(index === front ? ' reqore-tier-group-dot-active' : ''), "aria-label": name || stackItemLabel(name, index, count), "aria-current": index === front ? 'true' : undefined, "$hit": exports.TIER_GROUP_DOT_FROM_SIZE[resolvedSize], "$mark": exports.TIER_GROUP_DOT_MARK_FROM_SIZE[resolvedSize], "$active": index === front, "$animate": !reducedMotion, "$color": colors.active, "$idleColor": colors.idle, onClick: function () { return goTo(index); } }, (_a = tiers[index].key) !== null && _a !== void 0 ? _a : index));
                         }) }), (0, jsx_runtime_1.jsx)(Button_1.default, { className: 'reqore-tier-group-next', icon: 'ArrowRightSLine', "aria-label": nextLabel, size: resolvedSize, intent: intent, circle: true, disabled: !loop && front === count - 1, onClick: handleNext })] })) : null, isStack ? ((0, jsx_runtime_1.jsx)(StyledTierGroupStatus, { "aria-live": 'polite', className: 'reqore-tier-group-status', children: stackItemLabel(names[front], front, count) })) : null] })));