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

package/dist/components/FadeScroller/index.js

@@ -14,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -25,19 +58,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReqoreFadeScroller = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = 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 sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
-var useDragToScroll_1 = require("../../hooks/useDragToScroll");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
+var usePointerDrag_1 = require("../../hooks/usePointerDrag");
 var useScrollFade_1 = require("../../hooks/useScrollFade");
 var useTheme_1 = require("../../hooks/useTheme");
 var TooltipComponent_1 = require("../TooltipComponent");
@@ -46,13 +75,35 @@ var TooltipComponent_1 = require("../TooltipComponent");
  * a hard edge, narrow enough not to obscure a whole item.
  */
 var FADE_WIDTH = 36;
+/**
+ * How far the pointer must travel before a press becomes a drag.
+ *
+ * Zero would make every click a one-pixel drag and swallow it; too large and the
+ * row feels stuck before it moves. Four pixels is the usual hysteresis for
+ * distinguishing a click from a drag.
+ */
+var DRAG_THRESHOLD = 4;
+/**
+ * Elements a drag must never start on.
+ *
+ * Deliberately NOT "anything interactive". The rows this is built for are made
+ * OF interactive things — a rail of clickable KPI tiles is the motivating case —
+ * so excluding buttons would leave nowhere to grab and the feature would do
+ * nothing. Their clicks are protected instead by suppressing the click that
+ * follows a real drag, which is what makes press-and-release still activate a
+ * tile while press-and-pull scrolls past it.
+ *
+ * What IS excluded is text entry, where a press-and-move already means
+ * "select within this value" and there is no other way to ask for it.
+ */
+var NON_DRAGGABLE = 'input, textarea, select, [contenteditable=""], [contenteditable="true"]';
 /*
  * The fades are overlay gradients on the wrapper rather than a mask on the scroller,
  * so they sit above the content without entering the scroll flow — a `::before` inside
  * the scrolling element would scroll away with everything else. `pointer-events: none`
  * keeps them from swallowing clicks on the items underneath.
  */
-var StyledFadeScrollerWrapper = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n     content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n     makes a wrapping flex parent break it onto its own line. */\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: ", "px;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.15s ease-out;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, ", ", transparent);\n    opacity: 0;\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, ", ", transparent);\n    opacity: 0;\n  }\n\n  /* Which edges fade is a MEASUREMENT, so it is carried by classes rather than\n     by props \u2014 the same reasoning that already puts the grab cursor on a class.\n     Routing it through state meant a layout effect that ran after every render\n     and called setState, guarded only by comparing the two booleans: correct\n     while the measurement is stable, and an unbreakable render loop the moment\n     it is not. Toggling a class cannot re-enter the render at all. */\n  &.reqore-fade-scroller-fade-left::before {\n    opacity: 1;\n  }\n\n  &.reqore-fade-scroller-fade-right::after {\n    opacity: 1;\n  }\n\n  /* A marquee always has content past both edges, so both fades are on for as\n     long as it runs \u2014 no measurement needed, and none is made. */\n  &.reqore-fade-scroller-marquee-fade::before,\n  &.reqore-fade-scroller-marquee-fade::after {\n    opacity: 1;\n  }\n"], ["\n  position: relative;\n  /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n     content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n     makes a wrapping flex parent break it onto its own line. */\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: ", "px;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.15s ease-out;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, ", ", transparent);\n    opacity: 0;\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, ", ", transparent);\n    opacity: 0;\n  }\n\n  /* Which edges fade is a MEASUREMENT, so it is carried by classes rather than\n     by props \u2014 the same reasoning that already puts the grab cursor on a class.\n     Routing it through state meant a layout effect that ran after every render\n     and called setState, guarded only by comparing the two booleans: correct\n     while the measurement is stable, and an unbreakable render loop the moment\n     it is not. Toggling a class cannot re-enter the render at all. */\n  &.reqore-fade-scroller-fade-left::before {\n    opacity: 1;\n  }\n\n  &.reqore-fade-scroller-fade-right::after {\n    opacity: 1;\n  }\n\n  /* A marquee always has content past both edges, so both fades are on for as\n     long as it runs \u2014 no measurement needed, and none is made. */\n  &.reqore-fade-scroller-marquee-fade::before,\n  &.reqore-fade-scroller-marquee-fade::after {\n    opacity: 1;\n  }\n"])), function (_a) {
+var StyledFadeScrollerWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n     content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n     makes a wrapping flex parent break it onto its own line. */\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: ", "px;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.15s ease-out;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, ", ", transparent);\n    opacity: 0;\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, ", ", transparent);\n    opacity: 0;\n  }\n\n  /* Which edges fade is a MEASUREMENT, so it is carried by classes rather than\n     by props \u2014 the same reasoning that already puts the grab cursor on a class.\n     Routing it through state meant a layout effect that ran after every render\n     and called setState, guarded only by comparing the two booleans: correct\n     while the measurement is stable, and an unbreakable render loop the moment\n     it is not. Toggling a class cannot re-enter the render at all. */\n  &.reqore-fade-scroller-fade-left::before {\n    opacity: 1;\n  }\n\n  &.reqore-fade-scroller-fade-right::after {\n    opacity: 1;\n  }\n\n  /* A marquee always has content past both edges, so both fades are on for as\n     long as it runs \u2014 no measurement needed, and none is made. */\n  &.reqore-fade-scroller-marquee-fade::before,\n  &.reqore-fade-scroller-marquee-fade::after {\n    opacity: 1;\n  }\n"], ["\n  position: relative;\n  /* Fluid fills its container (a rail spanning a panel). Non-fluid sizes to its\n     content, so the row can sit BESIDE something in a flex layout \u2014 a forced 100%\n     makes a wrapping flex parent break it onto its own line. */\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n\n  &::before,\n  &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: ", "px;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.15s ease-out;\n  }\n\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, ", ", transparent);\n    opacity: 0;\n  }\n\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, ", ", transparent);\n    opacity: 0;\n  }\n\n  /* Which edges fade is a MEASUREMENT, so it is carried by classes rather than\n     by props \u2014 the same reasoning that already puts the grab cursor on a class.\n     Routing it through state meant a layout effect that ran after every render\n     and called setState, guarded only by comparing the two booleans: correct\n     while the measurement is stable, and an unbreakable render loop the moment\n     it is not. Toggling a class cannot re-enter the render at all. */\n  &.reqore-fade-scroller-fade-left::before {\n    opacity: 1;\n  }\n\n  &.reqore-fade-scroller-fade-right::after {\n    opacity: 1;\n  }\n\n  /* A marquee always has content past both edges, so both fades are on for as\n     long as it runs \u2014 no measurement needed, and none is made. */\n  &.reqore-fade-scroller-marquee-fade::before,\n  &.reqore-fade-scroller-marquee-fade::after {\n    opacity: 1;\n  }\n"])), function (_a) {
     var $fluid = _a.$fluid;
     return ($fluid ? '100%' : 'auto');
 }, FADE_WIDTH, function (_a) {
@@ -67,7 +118,7 @@ var StyledFadeScrollerWrapper = styled_1.default.div(templateObject_1 || (templa
  * horizontal bar under a single row of chips is thicker than the row it describes.
  * The row stays scrollable by wheel, trackpad, touch and keyboard regardless.
  */
-var StyledFadeScrollerContent = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n  /* A marquee drives itself: nothing to scroll, and a scrollbar would be a lie. */\n  overflow-x: ", ";\n  overflow-y: hidden;\n  /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n  padding-bottom: 2px;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n\n  ", "\n\n  /* Drag state is carried by CLASSES, not by props, because it is not React\n     state: a drag is a transient pointer interaction, and routing it through\n     setState would re-render every child on every drag \u2014 on the rail this was\n     built for, that is a whole row of memoized tiles, mid-gesture.\n\n     The grab cursor appears only when there is somewhere to go: an idle \"grab\"\n     on a row that already fits is a promise the row cannot keep. The class is\n     toggled by the same measurement that draws the fades, so the cursor and the\n     fade can never disagree about whether the row overflows. */\n  &.reqore-fade-scroller-draggable {\n    cursor: grab;\n  }\n\n  /* While dragging, the whole row is the control: suppress selection so pulling\n     across a tile drags it instead of highlighting its label, and keep the\n     grabbing cursor even as the pointer passes over children that set their own\n     (a clickable tile sets the pointer cursor). */\n  &.reqore-fade-scroller-dragging {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n\n    & * {\n      cursor: grabbing !important;\n      user-select: none !important;\n      -webkit-user-select: none !important;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n  /* A marquee drives itself: nothing to scroll, and a scrollbar would be a lie. */\n  overflow-x: ", ";\n  overflow-y: hidden;\n  /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n  padding-bottom: 2px;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n\n  ", "\n\n  /* Drag state is carried by CLASSES, not by props, because it is not React\n     state: a drag is a transient pointer interaction, and routing it through\n     setState would re-render every child on every drag \u2014 on the rail this was\n     built for, that is a whole row of memoized tiles, mid-gesture.\n\n     The grab cursor appears only when there is somewhere to go: an idle \"grab\"\n     on a row that already fits is a promise the row cannot keep. The class is\n     toggled by the same measurement that draws the fades, so the cursor and the\n     fade can never disagree about whether the row overflows. */\n  &.reqore-fade-scroller-draggable {\n    cursor: grab;\n  }\n\n  /* While dragging, the whole row is the control: suppress selection so pulling\n     across a tile drags it instead of highlighting its label, and keep the\n     grabbing cursor even as the pointer passes over children that set their own\n     (a clickable tile sets the pointer cursor). */\n  &.reqore-fade-scroller-dragging {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n\n    & * {\n      cursor: grabbing !important;\n      user-select: none !important;\n      -webkit-user-select: none !important;\n    }\n  }\n"])), function (_a) {
+var StyledFadeScrollerContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n  /* A marquee drives itself: nothing to scroll, and a scrollbar would be a lie. */\n  overflow-x: ", ";\n  overflow-y: hidden;\n  /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n  padding-bottom: 2px;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n\n  ", "\n\n  /* Drag state is carried by CLASSES, not by props, because it is not React\n     state: a drag is a transient pointer interaction, and routing it through\n     setState would re-render every child on every drag \u2014 on the rail this was\n     built for, that is a whole row of memoized tiles, mid-gesture.\n\n     The grab cursor appears only when there is somewhere to go: an idle \"grab\"\n     on a row that already fits is a promise the row cannot keep. The class is\n     toggled by the same measurement that draws the fades, so the cursor and the\n     fade can never disagree about whether the row overflows. */\n  &.reqore-fade-scroller-draggable {\n    cursor: grab;\n  }\n\n  /* While dragging, the whole row is the control: suppress selection so pulling\n     across a tile drags it instead of highlighting its label, and keep the\n     grabbing cursor even as the pointer passes over children that set their own\n     (a clickable tile sets the pointer cursor). */\n  &.reqore-fade-scroller-dragging {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n\n    & * {\n      cursor: grabbing !important;\n      user-select: none !important;\n      -webkit-user-select: none !important;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  min-width: 0;\n  /* A marquee drives itself: nothing to scroll, and a scrollbar would be a lie. */\n  overflow-x: ", ";\n  overflow-y: hidden;\n  /* Keeps a focus ring on the last item from being clipped by the overflow box. */\n  padding-bottom: 2px;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    width: 0;\n    height: 0;\n    display: none;\n  }\n\n  ", "\n\n  /* Drag state is carried by CLASSES, not by props, because it is not React\n     state: a drag is a transient pointer interaction, and routing it through\n     setState would re-render every child on every drag \u2014 on the rail this was\n     built for, that is a whole row of memoized tiles, mid-gesture.\n\n     The grab cursor appears only when there is somewhere to go: an idle \"grab\"\n     on a row that already fits is a promise the row cannot keep. The class is\n     toggled by the same measurement that draws the fades, so the cursor and the\n     fade can never disagree about whether the row overflows. */\n  &.reqore-fade-scroller-draggable {\n    cursor: grab;\n  }\n\n  /* While dragging, the whole row is the control: suppress selection so pulling\n     across a tile drags it instead of highlighting its label, and keep the\n     grabbing cursor even as the pointer passes over children that set their own\n     (a clickable tile sets the pointer cursor). */\n  &.reqore-fade-scroller-dragging {\n    cursor: grabbing;\n    user-select: none;\n    -webkit-user-select: none;\n\n    & * {\n      cursor: grabbing !important;\n      user-select: none !important;\n      -webkit-user-select: none !important;\n    }\n  }\n"])), function (_a) {
     var $verticalAlign = _a.$verticalAlign;
     return $verticalAlign;
 }, function (_a) {
@@ -90,7 +141,7 @@ var marqueeSlide = (0, styled_components_1.keyframes)(templateObject_3 || (templ
  * copy — per loop. The duration is a custom property set from the measured copy
  * width, so the pace in pixels per second is the same however long the row is.
  */
-var StyledMarqueeTrack = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  width: max-content;\n  animation: ", " var(--reqore-marquee-duration, 30s) linear infinite;\n  will-change: transform;\n\n  ", "\n\n  /* Belt and braces: the component already renders a plain row under reduced\n     motion, this covers a preference that changes after mount. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  width: max-content;\n  animation: ", " var(--reqore-marquee-duration, 30s) linear infinite;\n  will-change: transform;\n\n  ", "\n\n  /* Belt and braces: the component already renders a plain row under reduced\n     motion, this covers a preference that changes after mount. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"])), marqueeSlide, function (_a) {
+var StyledMarqueeTrack = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  width: max-content;\n  animation: ", " var(--reqore-marquee-duration, 30s) linear infinite;\n  will-change: transform;\n\n  ", "\n\n  /* Belt and braces: the component already renders a plain row under reduced\n     motion, this covers a preference that changes after mount. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  width: max-content;\n  animation: ", " var(--reqore-marquee-duration, 30s) linear infinite;\n  will-change: transform;\n\n  ", "\n\n  /* Belt and braces: the component already renders a plain row under reduced\n     motion, this covers a preference that changes after mount. */\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"])), marqueeSlide, function (_a) {
     var $pauseOnHover = _a.$pauseOnHover;
     return $pauseOnHover && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      .reqore-fade-scroller-marquee:hover &,\n      .reqore-fade-scroller-marquee:focus-within & {\n        animation-play-state: paused;\n      }\n    "], ["\n      .reqore-fade-scroller-marquee:hover &,\n      .reqore-fade-scroller-marquee:focus-within & {\n        animation-play-state: paused;\n      }\n    "])));
 });
@@ -99,7 +150,7 @@ var StyledMarqueeTrack = styled_1.default.div(templateObject_5 || (templateObjec
  * has to equal the gap inside it, or the loop shows a seam — so each copy carries
  * that gap as padding, which also keeps "half the track" exactly one copy wide.
  */
-var StyledMarqueeGroup = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  padding-right: ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  padding-right: ", "px;\n\n  ", "\n"])), function (_a) {
+var StyledMarqueeGroup = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  padding-right: ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: ", ";\n  gap: ", "px;\n  padding-right: ", "px;\n\n  ", "\n"])), function (_a) {
     var $verticalAlign = _a.$verticalAlign;
     return $verticalAlign;
 }, function (_a) {
@@ -193,21 +244,50 @@ exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function
         observer.observe(group);
         return function () { return observer.disconnect(); };
     }, [marqueeActive, marqueeSpeed]);
-    (0, useDragToScroll_1.useDragToScroll)({
-        scrollRef: scrollRef,
-        mouse: canDrag,
-        draggingClass: 'reqore-fade-scroller-dragging',
-    });
-    // The draggable class is set by the measurement pass; a row that stops being
-    // draggable drops it here.
-    (0, react_1.useEffect)(function () {
-        var element = scrollRef.current;
-        if (canDrag || !element) {
-            return undefined;
-        }
-        element.classList.remove('reqore-fade-scroller-draggable');
-        return undefined;
-    }, [canDrag]);
+    var dragStartScrollLeftRef = (0, react_1.useRef)(0);
+    /* The drag is the library's shared pointer drag — the one a sheet is pushed away with
+       and a tier stack swiped — with the row's own rules on top (see `dragToScroll`): never
+       from touch, never with Shift held, never from text entry, and only when there is
+       somewhere to go. The gesture is tracked on the window, so a pull that leaves the row
+       at once still moves it and a release the page never saw still ends it.
+
+       Drag state stays OUT of React state (`trackDragging: false`): a drag is a transient
+       pointer interaction, and routing it through setState would re-render every child on
+       every gesture — on the rail this was built for, that is a whole row of memoized tiles,
+       mid-gesture. The classes are toggled here instead, as the fades are. */
+    var dragHandlers = (0, usePointerDrag_1.usePointerDrag)({
+        enabled: canDrag,
+        axis: 'x',
+        slop: DRAG_THRESHOLD,
+        trackDragging: false,
+        canStart: function (event) {
+            var _a, _b;
+            // Touch already pans natively and long-press already selects; taking the gesture
+            // over would replace two working behaviours with one.
+            return event.pointerType !== 'touch' &&
+                // Shift is the documented escape hatch to "select instead of drag".
+                !event.shiftKey &&
+                !((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, NON_DRAGGABLE)) &&
+                // Nothing to scroll: leave the press alone entirely so a click on a row that
+                // happens to fit behaves exactly as it did before.
+                event.currentTarget.scrollWidth > event.currentTarget.clientWidth;
+        },
+        onStart: function (element) {
+            dragStartScrollLeftRef.current = element.scrollLeft;
+            element.classList.add('reqore-fade-scroller-dragging');
+        },
+        onMove: function (_a) {
+            var dx = _a.dx;
+            var element = scrollRef.current;
+            if (element) {
+                element.scrollLeft = dragStartScrollLeftRef.current - dx;
+            }
+        },
+        onEnd: function () {
+            var _a;
+            (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('reqore-fade-scroller-dragging');
+        },
+    }).handlers;
     /* An intent tints the fade, because the fade IS this component's only
        surface — there is no border or background for an intent to colour
        instead. Without this, `intent` would type-check and paint nothing. */
@@ -219,7 +299,7 @@ exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function
             marqueeActive && fade ? 'reqore-fade-scroller-marquee-fade' : '',
         ]
             .filter(Boolean)
-            .join(' '), "$fadeColor": resolvedFadeColor, "$fluid": fluid, children: (0, jsx_runtime_1.jsx)(StyledFadeScrollerContent, { ref: scrollRef, className: 'reqore-fade-scroller-content', "$gap": sizes_1.GAP_FROM_SIZE[gapSize], "$verticalAlign": verticalAlign, "$rigid": rigid, "$fluid": fluid, "$marquee": marqueeActive, children: marqueeActive ? ((0, jsx_runtime_1.jsxs)(StyledMarqueeTrack, { ref: trackRef, className: 'reqore-fade-scroller-marquee-track', "$pauseOnHover": marqueePauseOnHover, children: [(0, jsx_runtime_1.jsx)(StyledMarqueeGroup, { ref: groupRef, className: 'reqore-fade-scroller-marquee-group', "$gap": sizes_1.GAP_FROM_SIZE[gapSize], "$verticalAlign": verticalAlign, "$rigid": rigid, children: children }), (0, jsx_runtime_1.jsx)(StyledMarqueeGroup, { "aria-hidden": 'true', className: 'reqore-fade-scroller-marquee-group reqore-fade-scroller-marquee-clone', "$gap": sizes_1.GAP_FROM_SIZE[gapSize], "$verticalAlign": verticalAlign, "$rigid": rigid, children: children })] })) : (children) }) })));
+            .join(' '), "$fadeColor": resolvedFadeColor, "$fluid": fluid, children: (0, jsx_runtime_1.jsx)(StyledFadeScrollerContent, __assign({}, dragHandlers, { ref: scrollRef, className: 'reqore-fade-scroller-content', "$gap": sizes_1.GAP_FROM_SIZE[gapSize], "$verticalAlign": verticalAlign, "$rigid": rigid, "$fluid": fluid, "$marquee": marqueeActive, children: marqueeActive ? ((0, jsx_runtime_1.jsxs)(StyledMarqueeTrack, { ref: trackRef, className: 'reqore-fade-scroller-marquee-track', "$pauseOnHover": marqueePauseOnHover, children: [(0, jsx_runtime_1.jsx)(StyledMarqueeGroup, { ref: groupRef, className: 'reqore-fade-scroller-marquee-group', "$gap": sizes_1.GAP_FROM_SIZE[gapSize], "$verticalAlign": verticalAlign, "$rigid": rigid, children: children }), (0, jsx_runtime_1.jsx)(StyledMarqueeGroup, { "aria-hidden": 'true', className: 'reqore-fade-scroller-marquee-group reqore-fade-scroller-marquee-clone', "$gap": sizes_1.GAP_FROM_SIZE[gapSize], "$verticalAlign": verticalAlign, "$rigid": rigid, children: children })] })) : (children) })) })));
 }));
 exports.ReqoreFadeScroller.displayName = 'ReqoreFadeScroller';
 exports.default = exports.ReqoreFadeScroller;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FadeScroller/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6F;AAC7F,uDAAmD;AACnD,gEAA0C;AAC1C,+CAA8D;AAG9D,+CAA8D;AAC9D,+DAA8D;AAC9D,+DAA8D;AAC9D,2DAAwF;AACxF,iDAAsD;AAOtD,wDAA6D;AAE7D;;;GAGG;AACH,IAAM,UAAU,GAAG,EAAE,CAAC;AA+FtB;;;;;GAKG;AACH,IAAM,yBAAyB,GAAG,gBAAM,CAAC,GAAG,yrDAA0B,iRAK3D,EAA0C,2JAUxC,EAAU,0KAQqB,EAA8B,iHAM/B,EAA8B,u6BAwBxE,KAhDU,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1B,CAA0B,EAUxC,UAAU,EAQqB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,UAAU;AAAV,CAAU,EAM/B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,UAAU;AAAV,CAAU,CAwBxE,CAAC;AAUF;;;;GAIG;AACH,IAAM,yBAAyB,GAAG,gBAAM,CAAC,GAAG,wyDAAoB,2DAG/C,EAAsC,YAC9C,EAAkB,gBAChB,EAA0C,6IAIrC,EAAgD,wRAa5D,EAMD,+tCA8BF,KAvDgB,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IAAO,OAAA,cAAc;AAAd,CAAc,EAC9C,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI;AAAJ,CAAI,EAChB,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1B,CAA0B,EAIrC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;AAA9B,CAA8B,EAa5D,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM;QACN,iDAID;AALC,CAKD,CA8BF,CAAC;AAEF,IAAM,YAAY,OAAG,6BAAS,mLAAA,+GAO7B,IAAA,CAAC;AAEF;;;;GAIG;AACH,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,gdAA4B,gFAIlD,EAAY,wFAGvB,EAOC,iOAOJ,KAjBc,YAAY,EAGvB,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAChB,OAAA,aAAa,QACb,uBAAG,gOAAA,4JAKF,IAAA;AAND,CAMC,CAOJ,CAAC;AAEF;;;;GAIG;AACH,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,yLAAiD,2DAGrE,EAAsC,YAC9C,EAAkB,wBACR,EAAkB,WAEjC,EAMD,IACF,KAXgB,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IAAO,OAAA,cAAc;AAAd,CAAc,EAC9C,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI;AAAJ,CAAI,EACR,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI;AAAJ,CAAI,EAEjC,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM;QACN,iDAID;AALC,CAKD,CACF,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACU,QAAA,kBAAkB,GAAG,IAAA,YAAI,EACpC,IAAA,kBAAU,EACR,UACE,EAkB2B,EAC3B,GAAG;IAlBD,IAAA,QAAQ,cAAA,EACR,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,qBAAwB,EAAxB,aAAa,mBAAG,QAAQ,KAAA,EACxB,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACP,SAAS,eAAA,EACN,IAAI,cAjBT,wNAkBC,CADQ;IAIT,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;IACzF,IAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACtC,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAiB,GAAG,CAAC,UAAzC,CAA0C;IAC3D,0EAA0E;IAC1E,2DAA2D;IAC3D,IAAM,aAAa,GAAG,IAAA,eAAO,EAC3B;QACE,OAAA,OAAO,MAAM,KAAK,WAAW;YAC7B,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;YACvC,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO;IAF7D,CAE6D,EAC/D,EAAE,CACH,CAAC;IACF,IAAM,aAAa,GAAG,OAAO,IAAI,CAAC,aAAa,CAAC;IAChD,mDAAmD;IACnD,IAAM,OAAO,GAAG,YAAY,IAAI,CAAC,aAAa,CAAC;IAC/C,0EAA0E;IAC1E,4DAA4D;IAC5D,IAAM,eAAe,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IACxC,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC;IAElC,uEAAuE;IACvE,mEAAmE;IACnE,wDAAwD;IACxD,IAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,UAAC,EAAoD;YAAlD,OAAO,aAAA,EAAE,SAAS,eAAA;QACnB,OAAO,CAAC,SAAS,CAAC,MAAM,CACtB,gCAAgC,EAChC,eAAe,CAAC,OAAO,IAAI,SAAS,CACrC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,2EAA2E;IAC3E,uEAAuE;IACvE,4DAA4D;IAC5D,IAAA,6BAAa,EAAC;QACZ,SAAS,WAAA;QACT,SAAS,WAAA;QACT,IAAI,EAAE,GAAG;QACT,qEAAqE;QACrE,yEAAyE;QACzE,OAAO,EAAE,IAAI,IAAI,CAAC,aAAa;QAC/B,cAAc,EAAE,gCAAgC;QAChD,YAAY,EAAE,iCAAiC;QAC/C,SAAS,WAAA;KACV,CAAC,CAAC;IAEH;;+EAE2E;IAC3E,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,IAAI,CAAC,aAAa,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;YACvC,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,IAAM,KAAK,GAAG;YACZ,IAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;YAEhC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;gBACd,KAAK,CAAC,KAAK,CAAC,WAAW,CACrB,2BAA2B,EAC3B,UAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,MAAG,CACxC,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC1C,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,IAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;QAE3C,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;IACrC,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAElC,IAAA,iCAAe,EAAC;QACd,SAAS,WAAA;QACT,KAAK,EAAE,OAAO;QACd,aAAa,EAAE,+BAA+B;KAC/C,CAAC,CAAC;IAEH,6EAA6E;IAC7E,2BAA2B;IAC3B,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;QAClC,IAAI,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,CAAC;QAC3D,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd;;6EAEyE;IACzE,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,cAAM,OAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,CAAC,EAA7E,CAA6E,EACnF,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,uBAAC,yCAAsB,eACjB,IAAI,IACR,SAAS,EAAE,yBAAyB,EACpC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE;YACT,SAAS,IAAI,EAAE;YACf,sBAAsB;YACtB,aAAa,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE;YACnD,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE;SACjE;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,gBACA,iBAAiB,YACrB,KAAK,YAEb,uBAAC,yBAAyB,IACxB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,8BAA8B,UAClC,qBAAa,CAAC,OAAO,CAAC,oBACZ,aAAa,YACrB,KAAK,YACL,KAAK,cACH,aAAa,YAEtB,aAAa,CAAC,CAAC,CAAC,CACf,wBAAC,kBAAkB,IACjB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,oCAAoC,mBAC/B,mBAAmB,aAElC,uBAAC,kBAAkB,IACjB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,oCAAoC,UACxC,qBAAa,CAAC,OAAO,CAAC,oBACZ,aAAa,YACrB,KAAK,YAEZ,QAAQ,GACU,EACrB,uBAAC,kBAAkB,mBACL,MAAM,EAClB,SAAS,EAAC,uEAAuE,UAC3E,qBAAa,CAAC,OAAO,CAAC,oBACZ,aAAa,YACrB,KAAK,YAEZ,QAAQ,GACU,IACF,CACtB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACyB,IACL,CAC1B,CAAC;AACJ,CAAC,CACF,CACF,CAAC;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,kBAAe,0BAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FadeScroller/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/FeatureCard/index.d.ts

@@ -16,13 +16,7 @@ export interface IReqoreFeatureCardProps extends Omit<React.HTMLAttributes<HTMLD
     label: React.ReactNode;
     /** Effect applied to the label heading. */
     labelEffect?: IReqoreEffect;
-    /**
-     * Body copy under the label.
-     *
-     * Text, inline content or blocks (a `ReqoreP`, a list, a `ReqoreControlGroup`): it is drawn in
-     * a block container with the description's typography, not in a paragraph, which could not
-     * hold a block.
-     */
+    /** Body copy under the label. */
     description?: React.ReactNode;
     /** Effect applied to the description paragraph. */
     descriptionEffect?: IReqoreEffect;

package/dist/components/FeatureCard/index.d.ts.map

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

package/dist/components/FeatureCard/index.js

@@ -58,15 +58,6 @@ 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 };
 };
@@ -75,8 +66,7 @@ exports.ReqoreFeatureCard = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = require("styled-components");
-var styled_1 = __importStar(require("../../helpers/styled"));
+var styled_components_1 = __importStar(require("styled-components"));
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var utils_1 = require("../../helpers/utils");
@@ -90,15 +80,7 @@ var Header_1 = require("../Header");
 var Icon_1 = __importDefault(require("../Icon"));
 var Paragraph_1 = require("../Paragraph");
 var TooltipComponent_1 = require("../TooltipComponent");
-// Its styling flags, and the layout flags a containing `ReqoreControlGroup` hands it, are not
-// its element's (nor a component it is rendered `as`). `disabled` still reaches an element that
-// has it, when the component is rendered `as` one (see `omitStyleProps`).
-var StyledFeatureCard = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
-    shouldForwardProp: styled_1.omitStyleProps.apply(void 0, __spreadArray(['disabled',
-        'inheritCustomTheme',
-        'interactive',
-        'radiusSize'], styled_1.REQORE_CONTROL_GROUP_CHILD_PROPS, false)),
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  /* The footer is the last row and takes whatever height the card has spare above it, so\n     the footers of a row of stretched cards share one line. */\n  > .reqore-feature-card-footer {\n    margin-top: auto;\n  }\n\n  ", "\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  /* The footer is the last row and takes whatever height the card has spare above it, so\n     the footers of a row of stretched cards share one line. */\n  > .reqore-feature-card-footer {\n    margin-top: auto;\n  }\n\n  ", "\n"])), function (_a) {
+var StyledFeatureCard = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  /* The footer is the last row and takes whatever height the card has spare above it, so\n     the footers of a row of stretched cards share one line. */\n  > .reqore-feature-card-footer {\n    margin-top: auto;\n  }\n\n  ", "\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: ", "px;\n  width: ", ";\n  max-width: 100%;\n  padding: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  flex: ", ";\n  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;\n\n  ", "\n\n  ", "\n\n  /* The footer is the last row and takes whatever height the card has spare above it, so\n     the footers of a row of stretched cards share one line. */\n  > .reqore-feature-card-footer {\n    margin-top: auto;\n  }\n\n  ", "\n"])), function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
     return sizes_1.PADDING_FROM_SIZE[size];
 }, function (_a) {
@@ -114,7 +96,7 @@ var StyledFeatureCard = (0, styled_1.default)(Effect_1.StyledEffect).withConfig(
     });
 }, function (_a) {
     var theme = _a.theme, $transparent = _a.$transparent;
-    return $transparent ? 'transparent' : (0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03);
+    return $transparent ? 'transparent' : (0, colors_1.getPanelBackgroundColor)(theme);
 }, function (_a) {
     var theme = _a.theme, intent = _a.intent, flat = _a.flat;
     return flat
@@ -140,7 +122,7 @@ var StyledFeatureCard = (0, styled_1.default)(Effect_1.StyledEffect).withConfig(
     return interactive
         ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          cursor: pointer;\n\n          &:hover {\n            transform: translateY(-1px);\n            border-color: ", ";\n          }\n        "], ["\n          cursor: pointer;\n\n          &:hover {\n            transform: translateY(-1px);\n            border-color: ", ";\n          }\n        "])), (0, colors_1.changeLightness)(intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.18)) : undefined;
 });
-var StyledFeatureCardMarker = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var StyledFeatureCardMarker = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: flex-start;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 900;\n  line-height: 0.9;\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme, intent = _a.intent;
     return intent ? theme.intents[intent] : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22);
 }, function (_a) {
@@ -165,11 +147,11 @@ var StyledFeatureCardMarker = styled_1.default.div(templateObject_5 || (template
             ? theme.intents[intent]
             : (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.22), 0.35)) : undefined;
 });
-var StyledFeatureCardContent = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"])));
-var StyledLabelRow = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"])));
+var StyledFeatureCardContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 12px;\n"])));
+var StyledLabelRow = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n"])));
 // Cascade ellipsis CSS into the inner ReqoreP — `text-overflow: ellipsis`
 // only takes effect on the actual text-bearing element.
-var StyledTextSlot = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  min-width: 0;\n  ", "\n"], ["\n  min-width: 0;\n  ", "\n"])), function (_a) {
+var StyledTextSlot = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  min-width: 0;\n  ", "\n"], ["\n  min-width: 0;\n  ", "\n"])), function (_a) {
     var $wrap = _a.$wrap;
     return !$wrap && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      flex: 1 1 auto;\n      overflow: hidden;\n\n      & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        max-width: 100%;\n      }\n    "], ["\n      flex: 1 1 auto;\n      overflow: hidden;\n\n      & > * {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        display: block;\n        max-width: 100%;\n      }\n    "])));
 });
@@ -183,11 +165,7 @@ exports.ReqoreFeatureCard = (0, react_1.memo)((0, react_1.forwardRef)(function (
     var marker = markerProp !== null && markerProp !== void 0 ? markerProp : (icon ? 'icon' : 'line');
     var hasActions = !!(actions === null || actions === void 0 ? void 0 : actions.length);
     var hasFooter = (footer !== undefined && footer !== null && footer !== false) || hasActions;
-    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent
-    // A div, not the effect's span: the card holds blocks, which a span may not.
-    , __assign({ 
-        // A div, not the effect's span: the card holds blocks, which a span may not.
-        as: 'div' }, rest, { ref: ref, Component: StyledFeatureCard, theme: theme, customTheme: customTheme, inheritCustomTheme: inheritCustomTheme, intent: intent, flat: flat, fluid: fluid, fixed: fixed, disabled: disabled, tooltip: tooltip, rounded: rounded, "$transparent": transparent, "$raised": raised, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: __assign({ interactive: isInteractive }, effect), interactive: isInteractive, onClick: onClick, size: size, className: "".concat(className || '', " reqore-feature-card"), children: [marker !== 'none' && ((0, jsx_runtime_1.jsxs)(StyledFeatureCardMarker, { marker: marker, size: size, theme: theme, intent: intent, className: 'reqore-feature-card-marker', children: [marker === 'number' && ((0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, { effect: markerEffect, children: markerLabel })), marker === 'icon' && icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ icon: icon, size: size, color: iconColor }, iconProps)))] })), (0, jsx_runtime_1.jsxs)(StyledFeatureCardContent, { className: 'reqore-feature-card-content', children: [(0, jsx_runtime_1.jsxs)(StyledLabelRow, { className: 'reqore-feature-card-label-row', children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: labelSize, customTheme: theme, effect: labelEffect, className: 'reqore-feature-card-label', children: label }) }), hasBadge && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' })] }), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { as: (0, Paragraph_1.getReqoreTextElement)(description), size: descriptionSize, customTheme: theme, effect: __assign({ opacity: 0.72 }, descriptionEffect), className: 'reqore-feature-card-description', children: description }) }))] }), hasFooter && ((0, jsx_runtime_1.jsxs)(ControlGroup_1.default, __assign({ wrap: true, gapSize: 'small', verticalAlign: 'center', size: size }, footerProps, { className: "".concat((footerProps === null || footerProps === void 0 ? void 0 : footerProps.className) || '', " reqore-feature-card-footer"), children: [footer !== undefined && footer !== null && footer !== false ? ((0, jsx_runtime_1.jsx)(item_1.default, { className: 'reqore-feature-card-footer-content', children: typeof footer === 'string' || typeof footer === 'number' ? (
+    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { ref: ref, Component: StyledFeatureCard, theme: theme, customTheme: customTheme, inheritCustomTheme: inheritCustomTheme, intent: intent, flat: flat, fluid: fluid, fixed: fixed, disabled: disabled, tooltip: tooltip, rounded: rounded, "$transparent": transparent, "$raised": raised, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: __assign({ interactive: isInteractive }, effect), interactive: isInteractive, onClick: onClick, size: size, className: "".concat(className || '', " reqore-feature-card"), children: [marker !== 'none' && ((0, jsx_runtime_1.jsxs)(StyledFeatureCardMarker, { marker: marker, size: size, theme: theme, intent: intent, className: 'reqore-feature-card-marker', children: [marker === 'number' && ((0, jsx_runtime_1.jsx)(Effect_1.StyledEffect, { effect: markerEffect, children: markerLabel })), marker === 'icon' && icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ icon: icon, size: size, color: iconColor }, iconProps)))] })), (0, jsx_runtime_1.jsxs)(StyledFeatureCardContent, { className: 'reqore-feature-card-content', children: [(0, jsx_runtime_1.jsxs)(StyledLabelRow, { className: 'reqore-feature-card-label-row', children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: labelSize, customTheme: theme, effect: labelEffect, className: 'reqore-feature-card-label', children: label }) }), hasBadge && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' })] }), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: descriptionSize, customTheme: theme, effect: __assign({ opacity: 0.72 }, descriptionEffect), className: 'reqore-feature-card-description', children: description }) }))] }), hasFooter && ((0, jsx_runtime_1.jsxs)(ControlGroup_1.default, __assign({ wrap: true, gapSize: 'small', verticalAlign: 'center', size: size }, footerProps, { className: "".concat((footerProps === null || footerProps === void 0 ? void 0 : footerProps.className) || '', " reqore-feature-card-footer"), children: [footer !== undefined && footer !== null && footer !== false ? ((0, jsx_runtime_1.jsx)(item_1.default, { className: 'reqore-feature-card-footer-content', children: typeof footer === 'string' || typeof footer === 'number' ? (
                         // Text gets the description's size, so a footer note reads as card text.
                         (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: descriptionSize, customTheme: theme, children: footer })) : (footer) })) : null, actions === null || actions === void 0 ? void 0 : actions.map(function (_a, index) {
                         var actionLabel = _a.label, action = __rest(_a, ["label"]);

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

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

package/dist/components/Header/index.js

@@ -32,13 +32,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreHeading = exports.StyledHeader = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_1 = __importDefault(require("../../helpers/styled"));
+var styled_components_1 = __importDefault(require("styled-components"));
 var sizes_1 = require("../../constants/sizes");
 var utils_1 = require("../../helpers/utils");
 var useTheme_1 = require("../../hooks/useTheme");
 var Effect_1 = require("../Effect");
 var TooltipComponent_1 = require("../TooltipComponent");
-exports.StyledHeader = (0, styled_1.default)(Effect_1.StyledTextEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n\n  font-size: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n\n  font-size: ", ";\n"])), function (_a) {
+exports.StyledHeader = (0, styled_components_1.default)(Effect_1.StyledTextEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n\n  font-size: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n\n  font-size: ", ";\n"])), function (_a) {
     var theme = _a.theme, intent = _a.intent;
     return (intent ? theme.intents[intent] : 'inherit');
 }, function (_a) {

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

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

package/dist/components/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKlF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,iBAAiB,EACjB,kBAAkB,EAClB,aAAa;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;CACzD;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA4BD,eAAO,MAAM,iBAAiB,KA4D7B,CAAC;AAEF,QAAA,MAAM,UAAU,0HAwJf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKlF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,iBAAiB,EACjB,kBAAkB,EAClB,aAAa;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;CACzD;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAyCD,eAAO,MAAM,iBAAiB,KAqE7B,CAAC;AAEF,QAAA,MAAM,UAAU,0HAwJf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Icon/index.js

@@ -58,15 +58,6 @@ 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));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledIconWrapper = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -74,11 +65,11 @@ var polished_1 = require("polished");
 var react_1 = require("react");
 var react_icons_1 = require("react-icons");
 var RemixIcons = __importStar(require("react-icons/ri"));
-var styled_components_1 = require("styled-components");
+var styled_components_1 = __importStar(require("styled-components"));
 var useTheme_1 = require("../../hooks/useTheme");
 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 utils_1 = require("../../helpers/utils");
 var useReqoreContext_1 = require("../../hooks/useReqoreContext");
 var Effect_1 = require("../Effect");
@@ -93,24 +84,20 @@ var TooltipComponent_1 = require("../TooltipComponent");
 // (off-whites/greys) → 0; FLOOR+SPAN and up → full.
 var GLOW_INHERIT_CHROMA_FLOOR = 0.02;
 var GLOW_INHERIT_CHROMA_SPAN = 0.06;
-var SpinKeyframes = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    rotate: 0deg;\n  }\n  100% {\n    rotate: 360deg;\n  }\n"], ["\n  0% {\n    rotate: 0deg;\n  }\n  100% {\n    rotate: 360deg;\n  }\n"])));
+/** A slow pulse — a live status, a recording, a process that is running. */
+var HeartbeatKeyframes = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0%,\n  100% {\n    scale: 1;\n    opacity: 1;\n  }\n  50% {\n    scale: 1.3;\n    opacity: 0.55;\n  }\n"], ["\n  0%,\n  100% {\n    scale: 1;\n    opacity: 1;\n  }\n  50% {\n    scale: 1.3;\n    opacity: 0.55;\n  }\n"])));
+var SpinKeyframes = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    rotate: 0deg;\n  }\n  100% {\n    rotate: 360deg;\n  }\n"], ["\n  0% {\n    rotate: 0deg;\n  }\n  100% {\n    rotate: 360deg;\n  }\n"])));
 // `wrapperElement` makes this polymorphic: the input clear button renders it as
 // react-spring's `animated.span`, a component target that styled-components forwards
 // everything to and that spreads the leftovers onto a real `<span>`. Name every
 // styling-only prop here — the DOM-attribute validator only guards tag targets, so it
 // cannot catch them. (Omitting a prop still leaves it readable by the css blocks below
 // and by the folded `StyledEffect` styles; only the rendered element is affected.)
-exports.StyledIconWrapper = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
-    shouldForwardProp: styled_1.omitStyleProps.apply(void 0, __spreadArray(['animation',
-        'compact',
-        'effect',
-        'interactive',
-        'margin',
-        'marginSize',
-        'rotation',
-        'rounded',
-        'tooltip'], styled_1.REQORE_CONTROL_GROUP_CHILD_PROPS, false)),
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  align-items: center;\n  vertical-align: text-bottom;\n  transition: all 0.2s ease-out;\n  overflow: hidden;\n\n  border-radius: ", ";\n  rotate: ", ";\n  cursor: ", ";\n\n  ", "\n\n  img {\n    width: 100%;\n  }\n\n  ", "\n"], ["\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  align-items: center;\n  vertical-align: text-bottom;\n  transition: all 0.2s ease-out;\n  overflow: hidden;\n\n  border-radius: ", ";\n  rotate: ", ";\n  cursor: ", ";\n\n  ", "\n\n  img {\n    width: 100%;\n  }\n\n  ", "\n"])), function (_a) {
+exports.StyledIconWrapper = (0, styled_components_1.default)(Effect_1.StyledEffect).withConfig({
+    shouldForwardProp: (0, styled_1.omitStyleProps)('animation', 'compact', 'effect', 
+    // Handed down by a containing `ReqoreControlGroup`.
+    'fill', 'interactive', 'margin', 'marginSize', 'rotation', 'rounded', 'tooltip'),
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  align-items: center;\n  vertical-align: text-bottom;\n  transition: all 0.2s ease-out;\n  overflow: hidden;\n\n  border-radius: ", ";\n  rotate: ", ";\n  cursor: ", ";\n\n  ", "\n\n  img {\n    width: 100%;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  align-items: center;\n  vertical-align: text-bottom;\n  transition: all 0.2s ease-out;\n  overflow: hidden;\n\n  border-radius: ", ";\n  rotate: ", ";\n  cursor: ", ";\n\n  ", "\n\n  img {\n    width: 100%;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var rounded = _a.rounded;
     return (rounded ? '50%' : undefined);
 }, function (_a) {
@@ -121,7 +108,7 @@ exports.StyledIconWrapper = (0, styled_1.default)(Effect_1.StyledEffect).withCon
     return (interactive ? 'pointer' : undefined);
 }, function (_a) {
     var margin = _a.margin, marginSize = _a.marginSize, size = _a.size, compact = _a.compact;
-    return margin && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      margin-left: ", ";\n      margin-right: ", ";\n    "], ["\n      margin-left: ", ";\n      margin-right: ", ";\n    "])), margin === 'left' || margin === 'both'
+    return margin && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      margin-left: ", ";\n      margin-right: ", ";\n    "], ["\n      margin-left: ", ";\n      margin-right: ", ";\n    "])), margin === 'left' || margin === 'both'
         ? marginSize
             ? "".concat(marginSize, "px")
             : (0, utils_1.isStringSize)(size)
@@ -140,7 +127,10 @@ exports.StyledIconWrapper = (0, styled_1.default)(Effect_1.StyledEffect).withCon
         : undefined);
 }, function (_a) {
     var animation = _a.animation;
-    return animation === 'spin' && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      animation: ", " 1s linear infinite;\n    "], ["\n      animation: ", " 1s linear infinite;\n    "])), SpinKeyframes);
+    return animation === 'spin' && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      animation: ", " 1s linear infinite;\n    "], ["\n      animation: ", " 1s linear infinite;\n    "])), SpinKeyframes);
+}, function (_a) {
+    var animation = _a.animation;
+    return animation === 'heartbeat' && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      animation: ", " 2.4s ease-in-out infinite;\n\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    "], ["\n      animation: ", " 2.4s ease-in-out infinite;\n\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    "])), HeartbeatKeyframes);
 });
 var ReqoreIcon = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, wrapperSize = _a.wrapperSize, wrapperElement = _a.wrapperElement, className = _a.className, color = _a.color, margin = _a.margin, marginSize = _a.marginSize, _c = _a.style, style = _c === void 0 ? {} : _c, iconProps = _a.iconProps, intent = _a.intent, image = _a.image, _d = _a.imageAlt, imageAlt = _d === void 0 ? '' : _d, glow = _a.glow, rest = __rest(_a, ["icon", "size", "wrapperSize", "wrapperElement", "className", "color", "margin", "marginSize", "style", "iconProps", "intent", "image", "imageAlt", "glow"]);
@@ -208,5 +198,5 @@ var ReqoreIcon = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
             }, children: (0, jsx_runtime_1.jsx)(Icon, __assign({}, iconProps)) }) })));
 }));
 exports.default = ReqoreIcon;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=index.js.map