@qoretechnologies/reqore 0.78.6-pr.715.gdfefa70 → 0.78.6-pr.715.gee98d70

package/dist/components/EntityRow/index.js

@@ -58,6 +58,15 @@ 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 };
 };
@@ -66,7 +75,8 @@ exports.ICON_TILE_SIZE_FROM_SIZE = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
+var styled_components_1 = require("styled-components");
+var styled_1 = __importStar(require("../../helpers/styled"));
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var utils_1 = require("../../helpers/utils");
@@ -80,6 +90,7 @@ var Effect_1 = require("../Effect");
 var Icon_1 = __importDefault(require("../Icon"));
 var Paragraph_1 = require("../Paragraph");
 var Span_1 = require("../Span");
+var RowActionsMenu_1 = __importStar(require("../RowActionsMenu"));
 var TooltipComponent_1 = require("../TooltipComponent");
 /**
  * Opening a row's overflow menu must not also fire the row underneath it.
@@ -112,11 +123,18 @@ var tintedBgFor = function (theme, intent) {
 /* Wrapper the ResizeObserver measures. Width follows the row's `fluid` prop so a
    `fluid={false}` row nested in a flex parent still shrinks to content and the
    observer sees the shrunk width. Mirrors ReqoreSeverityRow. */
-var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (_a) {
+var StyledContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (_a) {
     var $fluid = _a.$fluid;
     return ($fluid ? '100%' : 'auto');
 });
-var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: ", ";\n  gap: ", "px;\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  border: ", ";\n  align-items: center;\n  width: ", ";\n  color: ", ";\n  transition: background-color 0.15s ease-out;\n\n  /* Narrow-container layout, driven by the data-narrow attribute the row's\n     ResizeObserver stamps on it. See useNarrowContainer for why this is an\n     attribute selector rather than a CSS container query.\n\n     row-gap is deliberately tighter than the (horizontal) column gap: once the\n     actions sit under the label the row already has breathing room from the\n     description above them, so a full column-gap reads as a dead band. */\n  &[data-narrow='true'] {\n    grid-template-columns: ", ";\n    grid-auto-rows: max-content;\n    row-gap: ", "px;\n  }\n  &[data-narrow='true'] > .reqore-entity-row-actions {\n    grid-column: ", ";\n    grid-row: 2;\n    max-width: 100%;\n    justify-content: flex-start;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: grid;\n  grid-template-columns: ", ";\n  gap: ", "px;\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  border: ", ";\n  align-items: center;\n  width: ", ";\n  color: ", ";\n  transition: background-color 0.15s ease-out;\n\n  /* Narrow-container layout, driven by the data-narrow attribute the row's\n     ResizeObserver stamps on it. See useNarrowContainer for why this is an\n     attribute selector rather than a CSS container query.\n\n     row-gap is deliberately tighter than the (horizontal) column gap: once the\n     actions sit under the label the row already has breathing room from the\n     description above them, so a full column-gap reads as a dead band. */\n  &[data-narrow='true'] {\n    grid-template-columns: ", ";\n    grid-auto-rows: max-content;\n    row-gap: ", "px;\n  }\n  &[data-narrow='true'] > .reqore-entity-row-actions {\n    grid-column: ", ";\n    grid-row: 2;\n    max-width: 100%;\n    justify-content: flex-start;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+// 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 StyledRow = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
+    shouldForwardProp: styled_1.omitStyleProps.apply(void 0, __spreadArray(['disabled',
+        'inheritCustomTheme',
+        'radiusSize'], styled_1.REQORE_CONTROL_GROUP_CHILD_PROPS, false)),
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: ", ";\n  gap: ", "px;\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  border: ", ";\n  align-items: center;\n  width: ", ";\n  color: ", ";\n  transition: background-color 0.15s ease-out;\n\n  /* Narrow-container layout, driven by the data-narrow attribute the row's\n     ResizeObserver stamps on it. See useNarrowContainer for why this is an\n     attribute selector rather than a CSS container query.\n\n     row-gap is deliberately tighter than the (horizontal) column gap: once the\n     actions sit under the label the row already has breathing room from the\n     description above them, so a full column-gap reads as a dead band. */\n  &[data-narrow='true'] {\n    grid-template-columns: ", ";\n    grid-auto-rows: max-content;\n    row-gap: ", "px;\n  }\n  &[data-narrow='true'] > .reqore-entity-row-actions {\n    grid-column: ", ";\n    grid-row: 2;\n    max-width: 100%;\n    justify-content: flex-start;\n  }\n\n  /* Narrow, the actions stack under the label, one to a line, each the row's width, with its label\n     whole, as ReqoreSeverityRow's do (qorus#646): on one line that does not wrap, labelled actions reached\n     past the row on a phone. An icon's tooltip is its label there, and a finger gets a target it can hit. */\n  @media (pointer: coarse) {\n    &[data-narrow='true'] > .reqore-entity-row-actions > .reqore-button {\n      min-height: ", "px;\n    }\n  }\n\n  /* Narrow, two or more actions are one menu button at the end of the label's line (qorus#646), not\n     a line each under it: the label keeps its width, and a list of rows does not grow by a line per\n     action. The columns are the wide row's. */\n  &[data-narrow='true'][data-actions='menu'] {\n    grid-template-columns: ", ";\n  }\n  /* The last column, named: an item placed in a row with its column left to the grid is placed before\n     the items around it, in the first column. */\n  &[data-narrow='true'][data-actions='menu'] > .reqore-entity-row-actions {\n    grid-column: -2 / -1;\n    grid-row: 1;\n    align-self: start;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: grid;\n  grid-template-columns: ", ";\n  gap: ", "px;\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  border: ", ";\n  align-items: center;\n  width: ", ";\n  color: ", ";\n  transition: background-color 0.15s ease-out;\n\n  /* Narrow-container layout, driven by the data-narrow attribute the row's\n     ResizeObserver stamps on it. See useNarrowContainer for why this is an\n     attribute selector rather than a CSS container query.\n\n     row-gap is deliberately tighter than the (horizontal) column gap: once the\n     actions sit under the label the row already has breathing room from the\n     description above them, so a full column-gap reads as a dead band. */\n  &[data-narrow='true'] {\n    grid-template-columns: ", ";\n    grid-auto-rows: max-content;\n    row-gap: ", "px;\n  }\n  &[data-narrow='true'] > .reqore-entity-row-actions {\n    grid-column: ", ";\n    grid-row: 2;\n    max-width: 100%;\n    justify-content: flex-start;\n  }\n\n  /* Narrow, the actions stack under the label, one to a line, each the row's width, with its label\n     whole, as ReqoreSeverityRow's do (qorus#646): on one line that does not wrap, labelled actions reached\n     past the row on a phone. An icon's tooltip is its label there, and a finger gets a target it can hit. */\n  @media (pointer: coarse) {\n    &[data-narrow='true'] > .reqore-entity-row-actions > .reqore-button {\n      min-height: ", "px;\n    }\n  }\n\n  /* Narrow, two or more actions are one menu button at the end of the label's line (qorus#646), not\n     a line each under it: the label keeps its width, and a list of rows does not grow by a line per\n     action. The columns are the wide row's. */\n  &[data-narrow='true'][data-actions='menu'] {\n    grid-template-columns: ", ";\n  }\n  /* The last column, named: an item placed in a row with its column left to the grid is placed before\n     the items around it, in the first column. */\n  &[data-narrow='true'][data-actions='menu'] > .reqore-entity-row-actions {\n    grid-column: -2 / -1;\n    grid-row: 1;\n    align-self: start;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var $hasIcon = _a.$hasIcon, $iconHasBackground = _a.$iconHasBackground, size = _a.size;
     return $hasIcon
         ? "".concat($iconHasBackground ? "".concat(exports.ICON_TILE_SIZE_FROM_SIZE[size], "px") : 'auto', " 1fr auto")
@@ -160,6 +178,11 @@ var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(template
 }, function (_a) {
     var $hasIcon = _a.$hasIcon;
     return ($hasIcon ? '2 / -1' : '1 / -1');
+}, sizes_1.TOUCH_TARGET_PX, function (_a) {
+    var $hasIcon = _a.$hasIcon, $iconHasBackground = _a.$iconHasBackground, size = _a.size;
+    return $hasIcon
+        ? "".concat($iconHasBackground ? "".concat(exports.ICON_TILE_SIZE_FROM_SIZE[size], "px") : 'auto', " 1fr auto")
+        : '1fr auto';
 }, function (_a) {
     var $clickable = _a.$clickable, theme = _a.theme, $intent = _a.$intent, $transparent = _a.$transparent;
     return $clickable && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "])), $intent
@@ -174,7 +197,7 @@ var StyledRow = (0, styled_components_1.default)(Effect_1.StyledEffect)(template
     var disabled = _a.disabled;
     return disabled && styles_1.DisabledElement;
 });
-var StyledIconTile = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  border-radius: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background-color: ", ";\n"], ["\n  width: ", "px;\n  height: ", "px;\n  border-radius: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background-color: ", ";\n"])), function (_a) {
+var StyledIconTile = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  border-radius: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background-color: ", ";\n"], ["\n  width: ", "px;\n  height: ", "px;\n  border-radius: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background-color: ", ";\n"])), function (_a) {
     var $size = _a.$size;
     return exports.ICON_TILE_SIZE_FROM_SIZE[$size];
 }, function (_a) {
@@ -189,8 +212,8 @@ var StyledIconTile = styled_components_1.default.div(templateObject_4 || (templa
         ? (0, polished_1.rgba)(theme.intents[$intent], 0.15)
         : (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.06), 1);
 });
-var StyledBody = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 2px;\n  min-width: 0;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 2px;\n  min-width: 0;\n"])));
-var StyledLabelLine = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: ", ";\n  min-width: 0;\n  font-weight: 500;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: ", ";\n  min-width: 0;\n  font-weight: 500;\n"])), function (_a) {
+var StyledBody = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 2px;\n  min-width: 0;\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 2px;\n  min-width: 0;\n"])));
+var StyledLabelLine = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: ", ";\n  min-width: 0;\n  font-weight: 500;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: ", ";\n  min-width: 0;\n  font-weight: 500;\n"])), function (_a) {
     var $wrap = _a.$wrap;
     return ($wrap ? 'wrap' : 'nowrap');
 });
@@ -198,12 +221,13 @@ var StyledLabelLine = styled_components_1.default.div(templateObject_6 || (templ
 // not its wrapper. Cascade into the inner <ReqoreP>/<ReqoreSpan> via `& > *`
 // so the `…` glyph appears. The wrapper itself stays a flex item that can
 // shrink below its content (`min-width: 0; flex: 1 1 auto`).
-var StyledTextSlot = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  min-width: 0;\n  ", "\n"], ["\n  min-width: 0;\n  ", "\n"])), function (_a) {
+var StyledTextSlot = styled_1.default.div(templateObject_8 || (templateObject_8 = __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_7 || (templateObject_7 = __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    "])));
 });
 var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
-    var label = _a.label, description = _a.description, metadata = _a.metadata, badge = _a.badge, icon = _a.icon, iconImage = _a.iconImage, iconColor = _a.iconColor, iconProps = _a.iconProps, actions = _a.actions, intent = _a.intent, _b = _a.transparent, transparent = _b === void 0 ? false : _b, showIcon = _a.showIcon, iconHasBackground = _a.iconHasBackground, _c = _a.padded, padded = _c === void 0 ? true : _c, paddingSize = _a.paddingSize, _d = _a.size, size = _d === void 0 ? 'normal' : _d, _e = _a.flat, flat = _e === void 0 ? true : _e, _f = _a.fluid, fluid = _f === void 0 ? true : _f, _g = _a.rounded, rounded = _g === void 0 ? true : _g, raised = _a.raised, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, disabled = _a.disabled, tooltip = _a.tooltip, effect = _a.effect, labelEffect = _a.labelEffect, descriptionEffect = _a.descriptionEffect, metadataEffect = _a.metadataEffect, _h = _a.wrap, wrap = _h === void 0 ? true : _h, className = _a.className, rest = __rest(_a, ["label", "description", "metadata", "badge", "icon", "iconImage", "iconColor", "iconProps", "actions", "intent", "transparent", "showIcon", "iconHasBackground", "padded", "paddingSize", "size", "flat", "fluid", "rounded", "raised", "customTheme", "inheritCustomTheme", "disabled", "tooltip", "effect", "labelEffect", "descriptionEffect", "metadataEffect", "wrap", "className"]);
+    var _b;
+    var label = _a.label, description = _a.description, metadata = _a.metadata, badge = _a.badge, icon = _a.icon, iconImage = _a.iconImage, iconColor = _a.iconColor, iconProps = _a.iconProps, actions = _a.actions, _c = _a.narrowActions, narrowActions = _c === void 0 ? 'menu' : _c, actionsMenuLabel = _a.actionsMenuLabel, intent = _a.intent, _d = _a.transparent, transparent = _d === void 0 ? false : _d, showIcon = _a.showIcon, iconHasBackground = _a.iconHasBackground, _e = _a.padded, padded = _e === void 0 ? true : _e, paddingSize = _a.paddingSize, _f = _a.size, size = _f === void 0 ? 'normal' : _f, _g = _a.flat, flat = _g === void 0 ? true : _g, _h = _a.fluid, fluid = _h === void 0 ? true : _h, _j = _a.rounded, rounded = _j === void 0 ? true : _j, raised = _a.raised, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, disabled = _a.disabled, tooltip = _a.tooltip, effect = _a.effect, labelEffect = _a.labelEffect, descriptionEffect = _a.descriptionEffect, metadataEffect = _a.metadataEffect, _k = _a.wrap, wrap = _k === void 0 ? true : _k, className = _a.className, rest = __rest(_a, ["label", "description", "metadata", "badge", "icon", "iconImage", "iconColor", "iconProps", "actions", "narrowActions", "actionsMenuLabel", "intent", "transparent", "showIcon", "iconHasBackground", "padded", "paddingSize", "size", "flat", "fluid", "rounded", "raised", "customTheme", "inheritCustomTheme", "disabled", "tooltip", "effect", "labelEffect", "descriptionEffect", "metadataEffect", "wrap", "className"]);
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, undefined, undefined, inheritCustomTheme);
     var secondarySize = (0, react_1.useMemo)(function () { return (0, utils_1.getOneLessSize)(size); }, [size]);
     var hasIcon = (showIcon !== null && showIcon !== void 0 ? showIcon : (!!icon || !!iconImage)) && (!!icon || !!iconImage);
@@ -217,7 +241,9 @@ var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, re
        the box the row actually sits in — a narrow drawer on a wide screen. The
        result is stamped as `data-narrow`; an attribute selector rewrites the
        grid so the actions move under the label. Shared with ReqoreSeverityRow. */
-    var _j = (0, useNarrowContainer_1.useNarrowContainer)(), containerRef = _j[0], isNarrow = _j[1];
+    var _l = (0, useNarrowContainer_1.useNarrowContainer)(), containerRef = _l[0], isNarrow = _l[1];
+    // Narrow, two or more actions are one menu button, unless the caller wants them stacked.
+    var actionsAsMenu = isNarrow && narrowActions === 'menu' && ((_b = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _b !== void 0 ? _b : 0) > 1;
     var resolvedIconColor = (0, react_1.useMemo)(function () {
         if (iconColor)
             return iconColor;
@@ -225,8 +251,14 @@ var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, re
             return theme.intents[intent];
         return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
     }, [iconColor, intent, theme]);
-    return ((0, jsx_runtime_1.jsx)(StyledContainer, { ref: containerRef, "$fluid": fluid, className: 'reqore-entity-row-container', children: (0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({ "data-narrow": isNarrow || undefined }, rest, { Component: StyledRow, tooltip: tooltip, ref: ref, theme: theme, "$intent": intent, "$transparent": transparent, size: size, "$fluid": fluid, flat: flat, rounded: rounded, "$raised": raised, "$clickable": interactive, disabled: disabled, "$hasIcon": hasIcon, "$iconHasBackground": resolvedIconHasBackground, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: effect, className: "".concat(className || '', " reqore-entity-row"), children: [hasIcon &&
-                    (resolvedIconHasBackground ? ((0, jsx_runtime_1.jsx)(StyledIconTile, { theme: theme, "$intent": intent, "$size": size, className: 'reqore-entity-row-icon-tile', children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor })) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor, className: "reqore-entity-row-icon ".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.className) || '').trim() })))), (0, jsx_runtime_1.jsxs)(StyledBody, { className: 'reqore-entity-row-body', children: [(0, jsx_runtime_1.jsxs)(StyledLabelLine, { "$wrap": wrap, className: 'reqore-entity-row-label', children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, effect: labelEffect, 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: secondarySize, effect: __assign({ opacity: 0.7 }, descriptionEffect), className: 'reqore-entity-row-description', children: description }) })), metadata && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, effect: __assign({ opacity: 0.5 }, metadataEffect), className: 'reqore-entity-row-metadata', children: metadata }) }))] }), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { gapSize: 'small', className: 'reqore-entity-row-actions', children: actions.map(function (_a, idx) {
+    return ((0, jsx_runtime_1.jsx)(StyledContainer, { ref: containerRef, "$fluid": fluid, className: 'reqore-entity-row-container', children: (0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent
+        // A div, not the effect's span: the row holds blocks, which a span may not.
+        , __assign({ 
+            // A div, not the effect's span: the row holds blocks, which a span may not.
+            as: 'div', "data-narrow": isNarrow || undefined, "data-actions": actionsAsMenu ? 'menu' : undefined }, rest, { Component: StyledRow, tooltip: tooltip, ref: ref, theme: theme, "$intent": intent, "$transparent": transparent, size: size, "$fluid": fluid, flat: flat, rounded: rounded, "$raised": raised, "$clickable": interactive, disabled: disabled, "$hasIcon": hasIcon, "$iconHasBackground": resolvedIconHasBackground, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: effect, className: "".concat(className || '', " reqore-entity-row"), children: [hasIcon &&
+                    (resolvedIconHasBackground ? ((0, jsx_runtime_1.jsx)(StyledIconTile, { theme: theme, "$intent": intent, "$size": size, className: 'reqore-entity-row-icon-tile', children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor })) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor, className: "reqore-entity-row-icon ".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.className) || '').trim() })))), (0, jsx_runtime_1.jsxs)(StyledBody, { className: 'reqore-entity-row-body', children: [(0, jsx_runtime_1.jsxs)(StyledLabelLine, { "$wrap": wrap, className: 'reqore-entity-row-label', children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, effect: labelEffect, 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: secondarySize, effect: __assign({ opacity: 0.7 }, descriptionEffect), className: 'reqore-entity-row-description', children: description }) })), metadata && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, effect: __assign({ opacity: 0.5 }, metadataEffect), className: 'reqore-entity-row-metadata', children: metadata }) }))] }), actionsAsMenu && ((0, jsx_runtime_1.jsx)(RowActionsMenu_1.default, { className: 'reqore-entity-row-actions', actions: actions, size: size, intent: intent, label: actionsMenuLabel })), !actionsAsMenu && actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { gapSize: 'small', className: 'reqore-entity-row-actions', 
+                    // narrow: one to a line, each the row's width (see the narrow rules above)
+                    vertical: isNarrow, fluid: isNarrow, children: actions.map(function (_a, idx) {
                         var _b, _c;
                         var subActions = _a.actions, actionsProps = _a.actionsProps, action = __rest(_a, ["actions", "actionsProps"]);
                         return (subActions === null || subActions === void 0 ? void 0 : subActions.length) ? (
@@ -234,14 +266,26 @@ var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, re
                         // contract as ReqorePanel. The click is stopped here because the row
                         // itself is commonly clickable: opening the menu must not also
                         // trigger the row.
-                        (0, jsx_runtime_1.jsx)(Dropdown_1.default, __assign({ fixed: true, size: size, intent: (_b = action.intent) !== null && _b !== void 0 ? _b : intent }, action, actionsProps, { items: subActions.filter(isSubActionShown), onClick: stopRowClick }), idx)) : ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: size, intent: (_c = action.intent) !== null && _c !== void 0 ? _c : intent }, action, { 
+                        (0, jsx_runtime_1.jsx)(Dropdown_1.default, __assign({ fixed: true, size: size, intent: (_b = action.intent) !== null && _b !== void 0 ? _b : intent }, action, actionsProps, (isNarrow ?
+                            {
+                                fluid: true,
+                                fixed: false,
+                                label: (0, RowActionsMenu_1.hasRowActionLabel)(action.label)
+                                    ? action.label
+                                    : (0, RowActionsMenu_1.getRowActionLabel)({ tooltip: action.tooltip }),
+                            }
+                            : {}), { items: subActions.filter(isSubActionShown), onClick: stopRowClick }), idx)) : ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: size, intent: (_c = action.intent) !== null && _c !== void 0 ? _c : intent }, action, (isNarrow ? { fluid: true, wrap: true } : {}), { 
                             // After the spread, so it wraps the consumer's handler rather
                             // than being replaced by it. Applied even to an action with no
                             // handler of its own: an action button is a control, and a click
                             // that lands on one should never read as a click on the row.
                             // Without it both fire, and an action that toggles what the row
                             // toggles cancels itself out. Matches ReqoreSeverityRow.
-                            onClick: (0, utils_1.withStoppedPropagation)(action.onClick), children: action.label }), idx));
+                            onClick: (0, utils_1.withStoppedPropagation)(action.onClick), children: (0, RowActionsMenu_1.hasRowActionLabel)(action.label)
+                                ? action.label
+                                : isNarrow
+                                    ? (0, RowActionsMenu_1.getRowActionLabel)({ tooltip: action.tooltip })
+                                    : undefined }), idx));
                     }) }))] })) }));
 }));
 exports.default = ReqoreEntityRow;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FadeScroller/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAA2C,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAiB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAM5C,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAS5B,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB;IACpB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAgOD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,+JA6N9B,CAAC;AAIF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FadeScroller/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAA2C,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAiB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAO5C,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAS5B,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB;IACpB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA4MD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,+JA6N9B,CAAC;AAIF,eAAe,kBAAkB,CAAC"}

package/dist/components/FadeScroller/index.js

@@ -14,39 +14,6 @@ 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)
@@ -58,14 +25,19 @@ 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 = __importStar(require("styled-components"));
+var styled_components_1 = require("styled-components");
+var styled_1 = __importDefault(require("../../helpers/styled"));
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
+var useDragToScroll_1 = require("../../hooks/useDragToScroll");
 var usePointerDrag_1 = require("../../hooks/usePointerDrag");
 var useScrollFade_1 = require("../../hooks/useScrollFade");
 var useTheme_1 = require("../../hooks/useTheme");
@@ -75,35 +47,13 @@ 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_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 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 $fluid = _a.$fluid;
     return ($fluid ? '100%' : 'auto');
 }, FADE_WIDTH, function (_a) {
@@ -118,7 +68,7 @@ var StyledFadeScrollerWrapper = styled_components_1.default.div(templateObject_1
  * 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_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 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 $verticalAlign = _a.$verticalAlign;
     return $verticalAlign;
 }, function (_a) {
@@ -141,7 +91,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_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 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 $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    "])));
 });
@@ -150,7 +100,7 @@ var StyledMarqueeTrack = styled_components_1.default.div(templateObject_5 || (te
  * 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_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 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 $verticalAlign = _a.$verticalAlign;
     return $verticalAlign;
 }, function (_a) {
@@ -258,7 +208,7 @@ exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function
     var dragHandlers = (0, usePointerDrag_1.usePointerDrag)({
         enabled: canDrag,
         axis: 'x',
-        slop: DRAG_THRESHOLD,
+        slop: useDragToScroll_1.DRAG_TO_SCROLL_THRESHOLD,
         trackDragging: false,
         canStart: function (event) {
             var _a, _b;
@@ -267,7 +217,7 @@ exports.ReqoreFadeScroller = (0, react_1.memo)((0, react_1.forwardRef)(function
             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)) &&
+                !((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, useDragToScroll_1.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;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FadeScroller/index.tsx"],"names":[],"mappings":"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"}
+{"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,7 +16,13 @@ export interface IReqoreFeatureCardProps extends Omit<React.HTMLAttributes<HTMLD
     label: React.ReactNode;
     /** Effect applied to the label heading. */
     labelEffect?: IReqoreEffect;
-    /** Body copy under the label. */
+    /**
+     * 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.
+     */
     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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"}