@qoretechnologies/reqore 0.78.6-pr.715.gdfefa70 → 0.78.7-pr.717.gae33bdc

package/dist/components/Link/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)
@@ -65,10 +32,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReqoreLink = exports.StyledLink = 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 utils_1 = require("../../helpers/utils");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var useTheme_1 = require("../../hooks/useTheme");
 var Icon_1 = __importDefault(require("../Icon"));
 var Span_1 = require("../Span");
@@ -81,11 +50,11 @@ var TooltipComponent_1 = require("../TooltipComponent");
  * address rendered as "https://supah.qoretechnologie…  ks/paddle" with a hole
  * where the ellipsis should meet the tail.
  */
-var StyledTruncatedText = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  /* Deliberately no overflow clipping here. The head clips itself, and\n     clipping again at this level cuts the underline off: it is painted 3px\n     below the baseline, outside a box sized to the text. A truncated link that\n     has quietly stopped being underlined no longer reads as a link at all. */\n"], ["\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  /* Deliberately no overflow clipping here. The head clips itself, and\n     clipping again at this level cuts the underline off: it is painted 3px\n     below the baseline, outside a box sized to the text. A truncated link that\n     has quietly stopped being underlined no longer reads as a link at all. */\n"])));
+var StyledTruncatedText = styled_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  /* Deliberately no overflow clipping here. The head clips itself, and\n     clipping again at this level cuts the underline off: it is painted 3px\n     below the baseline, outside a box sized to the text. A truncated link that\n     has quietly stopped being underlined no longer reads as a link at all. */\n"], ["\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  /* Deliberately no overflow clipping here. The head clips itself, and\n     clipping again at this level cuts the underline off: it is painted 3px\n     below the baseline, outside a box sized to the text. A truncated link that\n     has quietly stopped being underlined no longer reads as a link at all. */\n"])));
 /** The half that gives way. See `truncate`. */
-var StyledTruncatedHead = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  /* The ellipsis needs the clipping; the underline is drawn 3px BELOW the\n     baseline and gets clipped with it, so a truncated link kept its ellipsis\n     and lost the one mark that says it is a link. The padding pushes the clip\n     boundary past the underline and the negative margin gives the space back,\n     so nothing moves. */\n  padding-bottom: 5px;\n  margin-bottom: -5px;\n"], ["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  /* The ellipsis needs the clipping; the underline is drawn 3px BELOW the\n     baseline and gets clipped with it, so a truncated link kept its ellipsis\n     and lost the one mark that says it is a link. The padding pushes the clip\n     boundary past the underline and the negative margin gives the space back,\n     so nothing moves. */\n  padding-bottom: 5px;\n  margin-bottom: -5px;\n"])));
+var StyledTruncatedHead = styled_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  /* The ellipsis needs the clipping; the underline is drawn 3px BELOW the\n     baseline and gets clipped with it, so a truncated link kept its ellipsis\n     and lost the one mark that says it is a link. The padding pushes the clip\n     boundary past the underline and the negative margin gives the space back,\n     so nothing moves. */\n  padding-bottom: 5px;\n  margin-bottom: -5px;\n"], ["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  /* The ellipsis needs the clipping; the underline is drawn 3px BELOW the\n     baseline and gets clipped with it, so a truncated link kept its ellipsis\n     and lost the one mark that says it is a link. The padding pushes the clip\n     boundary past the underline and the negative margin gives the space back,\n     so nothing moves. */\n  padding-bottom: 5px;\n  margin-bottom: -5px;\n"])));
 /** The half the caller asked to keep. */
-var StyledTruncatedTail = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-shrink: 0;\n  white-space: nowrap;\n"], ["\n  flex-shrink: 0;\n  white-space: nowrap;\n"])));
+var StyledTruncatedTail = styled_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-shrink: 0;\n  white-space: nowrap;\n"], ["\n  flex-shrink: 0;\n  white-space: nowrap;\n"])));
 /**
  * Where to cut text whose middle is dropped. The last third is pinned — enough
  * to tell apart values that differ only at the end without leaving the head no
@@ -106,7 +75,7 @@ var splitLinkText = function (text) {
 // Built on top of `StyledSpan` so the color / intent / text-effect resolution
 // lives in one place (the Span primitive); only the interactive link-specific
 // styling is declared here.
-exports.StyledLink = (0, styled_components_1.default)(Span_1.StyledSpan)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: ", ";\n  align-items: center;\n  /* A capped link lays its text out as a flex row so a truncated half can give\n     way while the rest holds \u2014 an inline box has nothing to shrink. */\n  ", "\n  // Icon/text spacing scales with size (matches ReqoreButton's icon spacer);\n  // custom/undefined sizes fall back to 'normal', like the rendered icon does.\n  gap: ", "px;\n  appearance: none;\n  border: 0;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: ", ";\n  text-align: left;\n  cursor: pointer;\n  /* Doubled selector raises specificity above the Layout's global\n     '.layout a { text-decoration: none }' reset, which would otherwise\n     strip the underline from the anchor variant. */\n  && {\n    text-decoration: ", ";\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n  /* A capped link lays its text out in an inline-flex row, and an inline-flex\n     box does not paint its own decoration over its flex items \u2014 so a truncated\n     link silently stopped looking like a link. The parts draw it themselves,\n     from the same flag, rather than each inheriting a rule that does not cross\n     that boundary. */\n  && .reqore-link-text-head,\n  && .reqore-link-text-tail {\n    text-decoration: ", ";\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n  transition:\n    opacity 0.15s ease,\n    color 0.15s ease;\n\n  &:hover {\n    opacity: 0.82;\n  }\n\n  &:focus-visible {\n    outline: 2px solid\n      ", ";\n    outline-offset: 2px;\n    border-radius: 2px;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    cursor: default;\n    text-decoration: none;\n    opacity: 0.55;\n    pointer-events: none;\n  }\n"], ["\n  display: ", ";\n  align-items: center;\n  /* A capped link lays its text out as a flex row so a truncated half can give\n     way while the rest holds \u2014 an inline box has nothing to shrink. */\n  ", "\n  // Icon/text spacing scales with size (matches ReqoreButton's icon spacer);\n  // custom/undefined sizes fall back to 'normal', like the rendered icon does.\n  gap: ", "px;\n  appearance: none;\n  border: 0;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: ", ";\n  text-align: left;\n  cursor: pointer;\n  /* Doubled selector raises specificity above the Layout's global\n     '.layout a { text-decoration: none }' reset, which would otherwise\n     strip the underline from the anchor variant. */\n  && {\n    text-decoration: ", ";\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n  /* A capped link lays its text out in an inline-flex row, and an inline-flex\n     box does not paint its own decoration over its flex items \u2014 so a truncated\n     link silently stopped looking like a link. The parts draw it themselves,\n     from the same flag, rather than each inheriting a rule that does not cross\n     that boundary. */\n  && .reqore-link-text-head,\n  && .reqore-link-text-tail {\n    text-decoration: ", ";\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n  transition:\n    opacity 0.15s ease,\n    color 0.15s ease;\n\n  &:hover {\n    opacity: 0.82;\n  }\n\n  &:focus-visible {\n    outline: 2px solid\n      ", ";\n    outline-offset: 2px;\n    border-radius: 2px;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    cursor: default;\n    text-decoration: none;\n    opacity: 0.55;\n    pointer-events: none;\n  }\n"])), function (_a) {
+exports.StyledLink = (0, styled_1.default)(Span_1.StyledSpan)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: ", ";\n  align-items: center;\n  /* A capped link lays its text out as a flex row so a truncated half can give\n     way while the rest holds \u2014 an inline box has nothing to shrink. */\n  ", "\n  // Icon/text spacing scales with size (matches ReqoreButton's icon spacer);\n  // custom/undefined sizes fall back to 'normal', like the rendered icon does.\n  gap: ", "px;\n  appearance: none;\n  border: 0;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: ", ";\n  text-align: left;\n  cursor: pointer;\n  /* Doubled selector raises specificity above the Layout's global\n     '.layout a { text-decoration: none }' reset, which would otherwise\n     strip the underline from the anchor variant. */\n  && {\n    text-decoration: ", ";\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n  /* A capped link lays its text out in an inline-flex row, and an inline-flex\n     box does not paint its own decoration over its flex items \u2014 so a truncated\n     link silently stopped looking like a link. The parts draw it themselves,\n     from the same flag, rather than each inheriting a rule that does not cross\n     that boundary. */\n  && .reqore-link-text-head,\n  && .reqore-link-text-tail {\n    text-decoration: ", ";\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n  transition:\n    opacity 0.15s ease,\n    color 0.15s ease;\n\n  &:hover {\n    opacity: 0.82;\n  }\n\n  &:focus-visible {\n    outline: 2px solid\n      ", ";\n    outline-offset: 2px;\n    border-radius: 2px;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    cursor: default;\n    text-decoration: none;\n    opacity: 0.55;\n    pointer-events: none;\n  }\n"], ["\n  display: ", ";\n  align-items: center;\n  /* A capped link lays its text out as a flex row so a truncated half can give\n     way while the rest holds \u2014 an inline box has nothing to shrink. */\n  ", "\n  // Icon/text spacing scales with size (matches ReqoreButton's icon spacer);\n  // custom/undefined sizes fall back to 'normal', like the rendered icon does.\n  gap: ", "px;\n  appearance: none;\n  border: 0;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: ", ";\n  text-align: left;\n  cursor: pointer;\n  /* Doubled selector raises specificity above the Layout's global\n     '.layout a { text-decoration: none }' reset, which would otherwise\n     strip the underline from the anchor variant. */\n  && {\n    text-decoration: ", ";\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n  /* A capped link lays its text out in an inline-flex row, and an inline-flex\n     box does not paint its own decoration over its flex items \u2014 so a truncated\n     link silently stopped looking like a link. The parts draw it themselves,\n     from the same flag, rather than each inheriting a rule that does not cross\n     that boundary. */\n  && .reqore-link-text-head,\n  && .reqore-link-text-tail {\n    text-decoration: ", ";\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n  transition:\n    opacity 0.15s ease,\n    color 0.15s ease;\n\n  &:hover {\n    opacity: 0.82;\n  }\n\n  &:focus-visible {\n    outline: 2px solid\n      ", ";\n    outline-offset: 2px;\n    border-radius: 2px;\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    cursor: default;\n    text-decoration: none;\n    opacity: 0.55;\n    pointer-events: none;\n  }\n"])), function (_a) {
     var $inline = _a.$inline;
     return ($inline === false ? 'inline-flex' : 'inline');
 }, function (_a) {
@@ -140,6 +109,10 @@ exports.StyledLink = (0, styled_components_1.default)(Span_1.StyledSpan)(templat
 exports.ReqoreLink = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var size = _a.size, children = _a.children, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, className = _a.className, href = _a.href, external = _a.external, disabled = _a.disabled, _b = _a.underline, underline = _b === void 0 ? true : _b, _c = _a.inline, inline = _c === void 0 ? true : _c, maxWidth = _a.maxWidth, _d = _a.truncate, truncate = _d === void 0 ? 'end' : _d, icon = _a.icon, iconColor = _a.iconColor, as = _a.as, onClick = _a.onClick, tooltip = _a.tooltip, props = __rest(_a, ["size", "children", "customTheme", "inheritCustomTheme", "intent", "className", "href", "external", "disabled", "underline", "inline", "maxWidth", "truncate", "icon", "iconColor", "as", "onClick", "tooltip"]);
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent, undefined, inheritCustomTheme);
+    /* An intent is written in a shade of it that reads on what the link is drawn on - a tinted table cell, an
+       entity row's gradient - as a span's is, not on the theme's page (qorus#646: 3.5:1 on a warning cell). */
+    var surface = (0, SurfaceContext_1.useReqoreSurface)();
+    var textColor = (0, react_1.useMemo)(function () { return (0, colors_1.getReadableTextColor)(theme, intent, surface); }, [theme, intent, surface]);
     // An icon needs the inline-flex row so it stays centered with the text.
     var renderInline = icon ? false : inline;
     /* Only a capped, plain-string link can be cut in the middle: there is
@@ -160,7 +133,7 @@ exports.ReqoreLink = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref
         disabled: disabled,
         onClick: onClick,
     };
-    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, props, elementProps, { theme: theme, color: theme.text.color, intent: intent, Component: exports.StyledLink, ref: ref, tooltip: tooltip, _size: size, "$inline": renderInline, "$underline": underline, "$maxWidth": maxWidth, className: "".concat(className || '', " reqore-link"), children: [icon ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon, size: (0, utils_1.isStringSize)(size) ? size : 'normal', intent: intent, color: iconColor })) : null, middleParts ? ((0, jsx_runtime_1.jsxs)(StyledTruncatedText, { children: [(0, jsx_runtime_1.jsx)(StyledTruncatedHead, { className: 'reqore-link-text-head', children: middleParts[0] }), (0, jsx_runtime_1.jsx)(StyledTruncatedTail, { className: 'reqore-link-text-tail', children: middleParts[1] })] })) : maxWidth ? ((0, jsx_runtime_1.jsx)(StyledTruncatedHead, { className: 'reqore-link-text-head', children: children })) : (children)] })));
+    return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, props, elementProps, { theme: theme, color: theme.text.color, intent: intent, "$surface": surface, "$textColor": textColor, Component: exports.StyledLink, ref: ref, tooltip: tooltip, _size: size, "$inline": renderInline, "$underline": underline, "$maxWidth": maxWidth, className: "".concat(className || '', " reqore-link"), children: [icon ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon, size: (0, utils_1.isStringSize)(size) ? size : 'normal', intent: intent, color: iconColor })) : null, middleParts ? ((0, jsx_runtime_1.jsxs)(StyledTruncatedText, { children: [(0, jsx_runtime_1.jsx)(StyledTruncatedHead, { className: 'reqore-link-text-head', children: middleParts[0] }), (0, jsx_runtime_1.jsx)(StyledTruncatedTail, { className: 'reqore-link-text-tail', children: middleParts[1] })] })) : maxWidth ? ((0, jsx_runtime_1.jsx)(StyledTruncatedHead, { className: 'reqore-link-text-head', children: children })) : (children)] })));
 }));
 exports.ReqoreLink.displayName = 'ReqoreLink';
 exports.default = exports.ReqoreLink;

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

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

package/dist/components/Menu/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIxE,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,iBAAiB,EACjB,eAAe;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAID,eAAO,MAAM,iBAAiB,KA2B7B,CAAC;AAEF,QAAA,MAAM,iBAAiB,qGA0CtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIxE,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,iBAAiB,EACjB,eAAe;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAID,eAAO,MAAM,iBAAiB,KA4B7B,CAAC;AAEF,QAAA,MAAM,iBAAiB,qGAiDtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Menu/divider.js

@@ -62,16 +62,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMenuDivider = 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 sizes_1 = require("../../constants/sizes");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var colors_1 = require("../../helpers/colors");
-var styled_1 = require("../../helpers/styled");
+var styled_1 = __importStar(require("../../helpers/styled"));
 var utils_1 = require("../../helpers/utils");
+var useTheme_1 = require("../../hooks/useTheme");
 var Effect_1 = require("../Effect");
 var Spacer_1 = require("../Spacer");
 // A menu hands every child its `wrap`; the divider has no text to wrap, and a `div` would
 // keep the attribute.
-exports.StyledMenuDivider = (0, styled_components_1.default)(Effect_1.StyledTextEffect).withConfig({
+exports.StyledMenuDivider = (0, styled_1.default)(Effect_1.StyledTextEffect).withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('wrap'),
 })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  padding: 0;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  background-color: transparent;\n\n  ", "\n\n  color: ", ";\n"], ["\n  width: 100%;\n  padding: 0;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  background-color: transparent;\n\n  ", "\n\n  color: ", ";\n"])), function (_a) {
     var padded = _a.padded, size = _a.size;
@@ -91,12 +93,15 @@ exports.StyledMenuDivider = (0, styled_components_1.default)(Effect_1.StyledText
             : '10px'
         : undefined);
 }, function (_a) {
-    var theme = _a.theme;
-    return (0, colors_1.getReadableColor)(theme, undefined, undefined);
+    var theme = _a.theme, $backgrounds = _a.$backgrounds;
+    return (0, colors_1.getReadableTextOn)(theme, $backgrounds || [], false);
 });
 var ReqoreMenuDivider = (0, react_1.forwardRef)(function (_a, ref) {
     var label = _a.label, className = _a.className, effect = _a.effect, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.align, align = _c === void 0 ? 'center' : _c, _d = _a.padded, padded = _d === void 0 ? 'both' : _d, line = _a.line, rest = __rest(_a, ["label", "className", "effect", "size", "align", "padded", "line"]);
-    return line ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { className: "".concat(className || '', " reqore-menu-divider"), height: sizes_1.PADDING_FROM_SIZE[size], lineSize: size })) : ((0, jsx_runtime_1.jsx)(exports.StyledMenuDivider, __assign({ as: 'div' }, rest, { padded: padded, size: size, className: "".concat(className || '', " reqore-menu-divider"), ref: ref, effect: __assign({ uppercase: true, spaced: 2, textAlign: align, textSize: (0, utils_1.getOneLessSize)(size), weight: 'bold' }, effect), children: label })));
+    var theme = (0, useTheme_1.useReqoreTheme)();
+    var around = (0, SurfaceContext_1.useReqoreSurface)();
+    var surfaces = (0, react_1.useMemo)(function () { return (0, colors_1.getThemeSurfaces)(theme, around); }, [theme, around]);
+    return line ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { className: "".concat(className || '', " reqore-menu-divider"), height: sizes_1.PADDING_FROM_SIZE[size], lineSize: size })) : ((0, jsx_runtime_1.jsx)(exports.StyledMenuDivider, __assign({ as: 'div' }, rest, { padded: padded, size: size, "$backgrounds": surfaces, className: "".concat(className || '', " reqore-menu-divider"), ref: ref, effect: __assign({ uppercase: true, spaced: 2, textAlign: align, textSize: (0, utils_1.getOneLessSize)(size), weight: 'bold' }, effect), children: label })));
 });
 exports.default = ReqoreMenuDivider;
 var templateObject_1, templateObject_2;

package/dist/components/Menu/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmD;AACnD,uDAAwC;AACxC,+CAA0D;AAE1D,+DAAgE;AAChE,+CAA2E;AAC3E,6DAA8D;AAC9D,6CAAmE;AACnE,iDAAsD;AAEtD,oCAA6E;AAC7E,oCAAiD;AAajD,0FAA0F;AAC1F,sBAAsB;AACT,QAAA,iBAAiB,GAAG,IAAA,gBAAM,EAAC,yBAAgB,CAAC,CAAC,UAAU,CAAC;IACnE,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,mNAAA,kDAGe,EACqE,uBAClE,EACqE,2CAGrF,EAaC,eAEM,EAC4C,KACtD,KAvBgB,UAAC,EAAgB;QAAd,MAAM,YAAA,EAAE,IAAI,UAAA;IAC5B,OAAA,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;AAAlF,CAAkF,EAClE,UAAC,EAAgB;QAAd,MAAM,YAAA,EAAE,IAAI,UAAA;IAC/B,OAAA,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;AAArF,CAAqF,EAGrF,UAAC,EAAgB;QAAd,MAAM,YAAA,EAAE,IAAI,UAAA;IACf,OAAA,MAAM,QACN,uBAAG,iIAAA,uBACc,EAIF,yBACG,EAIH,SACd,KAVgB,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM;QACnD,CAAC,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC;YAClB,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI;YAChC,CAAC,CAAC,MAAM;QACV,CAAC,CAAC,SAAS,EACG,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM;QACrD,CAAC,CAAC,IAAA,oBAAY,EAAC,IAAI,CAAC;YAClB,CAAC,CAAC,UAAG,yBAAiB,CAAC,IAAI,CAAC,OAAI;YAChC,CAAC,CAAC,MAAM;QACV,CAAC,CAAC,SAAS,CACd;AAZD,CAYC,EAEM,UAAC,EAAkF;QAAhF,KAAK,WAAA,EAAE,YAAY,kBAAA;IAC7B,OAAA,IAAA,0BAAiB,EAAC,KAAK,EAAE,YAAY,IAAI,EAAE,EAAE,KAAK,CAAC;AAAnD,CAAmD,EACrD;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UACE,EAS0B,EAC1B,GAAQ;IATN,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,IAAI,UAAA,EACD,IAAI,cART,mEASC,CADQ;IAIT,IAAM,KAAK,GAAG,IAAA,yBAAc,GAAE,CAAC;IAC/B,IAAM,MAAM,GAAG,IAAA,iCAAgB,GAAE,CAAC;IAClC,IAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,yBAAgB,EAAC,KAAK,EAAE,MAAM,CAAC,EAA/B,CAA+B,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEjF,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,uBAAC,6BAAoB,IACnB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,yBAAsB,EACnD,MAAM,EAAE,yBAAiB,CAAC,IAAI,CAAC,EAC/B,QAAQ,EAAE,IAAI,GACd,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAiB,aAChB,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,kBAEI,QAAQ,EACtB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,yBAAsB,EACnD,GAAG,EAAE,GAAG,EACR,MAAM,EACJ,WACE,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,IAAA,sBAAc,EAAC,IAAI,CAAC,EAC9B,MAAM,EAAE,MAAM,IACX,MAAM,CACO,YAGnB,KAAK,IACY,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUxF,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAC5B,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAI/E,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAAG;QAC3C,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;KAC9C,CAAC;IACF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AA6DD,QAAA,MAAM,UAAU,yHAuEf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAiD,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAcxF,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAC5B,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAI/E,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAAG;QAC3C,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;KAC9C,CAAC;IACF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AAgED,QAAA,MAAM,UAAU,yHA8Ff,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Menu/index.js

@@ -65,22 +65,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var re_resizable_1 = require("re-resizable");
 var react_1 = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
+var styled_components_1 = require("styled-components");
 var __1 = require("../..");
 var sizes_1 = require("../../constants/sizes");
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var colors_1 = require("../../helpers/colors");
-var styled_1 = require("../../helpers/styled");
+var styled_1 = __importStar(require("../../helpers/styled"));
 var useCloneThroughFragments_1 = require("../../hooks/useCloneThroughFragments");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
 var useTheme_1 = require("../../hooks/useTheme");
 var ControlGroup_1 = __importDefault(require("../ControlGroup"));
 var Effect_1 = require("../Effect");
 var Skeleton_1 = require("../Skeleton");
+/** A menu's fill: what its styled rule paints and what it hands its items as their surface. */
+var getMenuFill = function (theme) { return (0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03); };
 /* Rendered as re-resizable's `Resizable` when the menu is resizable, which writes every prop it
    does not know onto its `div`: the menu's styling flags stop here. Resizable's own props
    (`size`, `minWidth`, `maxHeight`, …) still pass. */
-var StyledReqoreMenu = (0, styled_components_1.default)(Effect_1.StyledEffect).withConfig({
+var StyledReqoreMenu = (0, styled_1.default)(Effect_1.StyledEffect).withConfig({
     shouldForwardProp: (0, styled_1.omitStyleProps)('_size', 'fill', 'fixed', 'flat', 'fluid', 'isResizableLeft', 'isResizableRight', 'minimal', 'padded', 'position', 'rounded', 'showResizableBorder', 'spaceBetween', 'stack', 'transparent', 'width'),
 })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  min-width: ", ";\n  padding: ", ";\n  max-height: ", ";\n  /* When the menu is height-capped it becomes independently scrollable; keep\n     that scroll from chaining to the page/popover behind it. */\n  overscroll-behavior: ", ";\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n  flex-flow: column nowrap;\n\n  background-color: ", ";\n  border-radius: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  width: ", ";\n  min-width: ", ";\n  padding: ", ";\n  max-height: ", ";\n  /* When the menu is height-capped it becomes independently scrollable; keep\n     that scroll from chaining to the page/popover behind it. */\n  overscroll-behavior: ", ";\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n  flex-flow: column nowrap;\n\n  background-color: ", ";\n  border-radius: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var width = _a.width;
@@ -99,7 +102,7 @@ var StyledReqoreMenu = (0, styled_components_1.default)(Effect_1.StyledEffect).w
     return (maxHeight ? 'contain' : undefined);
 }, function (_a) {
     var theme = _a.theme, transparent = _a.transparent;
-    return transparent ? 'transparent' : (0, colors_1.getPanelBackgroundColor)(theme);
+    return transparent ? 'transparent' : getMenuFill(theme);
 }, function (_a) {
     var rounded = _a.rounded, _size = _a._size;
     return (rounded ? "".concat(sizes_1.RADIUS_FROM_SIZE[_size], "px") : "0");
@@ -116,25 +119,40 @@ var ReqoreMenu = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var _b, _c;
     var children = _a.children, position = _a.position, customTheme = _a.customTheme, intent = _a.intent, wrapText = _a.wrapText, _d = _a.flat, flat = _d === void 0 ? true : _d, minimal = _a.minimal, _e = _a.size, size = _e === void 0 ? 'normal' : _e, itemGap = _a.itemGap, resizable = _a.resizable, skeleton = _a.skeleton, closePopover = _a.closePopover, errorBoundaryOptions = _a.errorBoundaryOptions, rest = __rest(_a, ["children", "position", "customTheme", "intent", "wrapText", "flat", "minimal", "size", "itemGap", "resizable", "skeleton", "closePopover", "errorBoundaryOptions"]);
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
-    var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
-    var clone = (0, useCloneThroughFragments_1.useCloneThroughFragments)(function (props) { return ({
-        customTheme: (props === null || props === void 0 ? void 0 : props.customTheme) || customTheme,
-        wrap: 'wrap' in (props || {}) ? props.wrap : wrapText,
-        flat: 'flat' in (props || {}) ? props.flat : flat,
-        minimal: 'minimal' in (props || {}) ? props.minimal : minimal,
-        size: 'size' in (props || {}) ? props.size : size,
-        closePopover: closePopover,
-    }); }).clone;
+    var setRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).setRef;
+    // one callback for the menu's life: the element a resizable menu is drawn in is the one handed on
+    var handleMenuRef = (0, react_1.useCallback)(function (curRef) {
+        var _a;
+        setRef((_a = curRef === null || curRef === void 0 ? void 0 : curRef.resizable) !== null && _a !== void 0 ? _a : curRef);
+    }, [setRef]);
+    // The menu's props go to the components in it (items, dividers, sections, groups), never to a plain
+    // DOM element: a div takes none of them, and React warns about each one that reaches the DOM.
+    var clone = (0, useCloneThroughFragments_1.useCloneThroughFragments)(function (props, _reactIndex, _realIndex, childType) {
+        return typeof childType === 'string'
+            ? {}
+            : {
+                customTheme: (props === null || props === void 0 ? void 0 : props.customTheme) || customTheme,
+                wrap: 'wrap' in (props || {}) ? props.wrap : wrapText,
+                flat: 'flat' in (props || {}) ? props.flat : flat,
+                minimal: 'minimal' in (props || {}) ? props.minimal : minimal,
+                size: 'size' in (props || {}) ? props.size : size,
+                closePopover: closePopover,
+            };
+    }).clone;
     var style = (0, react_1.useMemo)(function () { return ({ minHeight: '0', flex: '1 1 auto' }); }, []);
-    return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { theme: theme, customTheme: customTheme, children: (0, jsx_runtime_1.jsx)(StyledReqoreMenu, __assign({}, rest, resizable, { as: !!resizable ? re_resizable_1.Resizable : 'div', isResizableRight: (_b = resizable === null || resizable === void 0 ? void 0 : resizable.enable) === null || _b === void 0 ? void 0 : _b.right, isResizableLeft: (_c = resizable === null || resizable === void 0 ? void 0 : resizable.enable) === null || _c === void 0 ? void 0 : _c.left, flat: flat, position: position, _size: size, className: "".concat(rest.className || '', " reqore-menu"), theme: theme, ref: function (curRef) {
-                    var _ref = curRef;
-                    if (curRef === null || curRef === void 0 ? void 0 : curRef.resizable) {
-                        _ref = curRef.resizable;
-                    }
-                    targetRef.current = _ref;
-                }, children: (0, jsx_runtime_1.jsx)(ControlGroup_1.default, { vertical: true, gapSize: itemGap, fluid: true, style: style, children: skeleton
-                        ? react_1.default.Children.map(children, function (_child, index) { return ((0, jsx_runtime_1.jsx)(Skeleton_1.ReqoreSkeleton, { size: size, width: '100%' }, index)); })
-                        : clone(children) }) })) }) })));
+    var parentSurface = (0, SurfaceContext_1.useReqoreSurface)();
+    // what the items are drawn on: the menu's color (none when transparent), its effect's gradient over it
+    var menuSurfaces = (0, react_1.useMemo)(function () {
+        var _a;
+        return rest.transparent && !(0, Effect_1.getPrimaryGradient)((_a = rest.effect) === null || _a === void 0 ? void 0 : _a.gradient)
+            ? undefined
+            : (0, colors_1.getThemeSurfaces)(theme, parentSurface).flatMap(function (under) {
+                return (0, Effect_1.getEffectBackgrounds)(theme, rest.effect, rest.transparent ? under : (0, colors_1.getDrawnColor)(getMenuFill(theme), under), under);
+            });
+    }, [theme, parentSurface, rest.transparent, rest.effect]);
+    return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { theme: theme, customTheme: customTheme, children: (0, jsx_runtime_1.jsx)(StyledReqoreMenu, __assign({}, rest, resizable, { as: !!resizable ? re_resizable_1.Resizable : 'div', isResizableRight: (_b = resizable === null || resizable === void 0 ? void 0 : resizable.enable) === null || _b === void 0 ? void 0 : _b.right, isResizableLeft: (_c = resizable === null || resizable === void 0 ? void 0 : resizable.enable) === null || _c === void 0 ? void 0 : _c.left, flat: flat, position: position, _size: size, className: "".concat(rest.className || '', " reqore-menu"), theme: theme, ref: handleMenuRef, children: (0, jsx_runtime_1.jsx)(SurfaceContext_1.ReqoreSurfaceProvider, { color: menuSurfaces, children: (0, jsx_runtime_1.jsx)(ControlGroup_1.default, { vertical: true, gapSize: itemGap, fluid: true, style: style, children: skeleton
+                            ? react_1.default.Children.map(children, function (_child, index) { return ((0, jsx_runtime_1.jsx)(Skeleton_1.ReqoreSkeleton, { size: size, width: '100%' }, index)); })
+                            : clone(children) }) }) })) }) })));
 }));
 exports.default = ReqoreMenu;
 var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyD;AACzD,6CAAyD;AACzD,qEAAgD;AAChD,2BAA4C;AAC5C,+CAAiF;AAEjF,iFAAiE;AACjE,+CAG8B;AAC9B,+CAAsD;AACtD,iFAAgF;AAChF,+DAA8D;AAC9D,iDAAsD;AAStD,iEAA+E;AAC/E,oCAAyC;AACzC,wCAA6C;AA+B7C;;sDAEsD;AACtD,IAAM,gBAAgB,GAAG,IAAA,2BAAM,EAAC,qBAAY,CAAC,CAAC,UAAU,CAAC;IACvD,iBAAiB,EAAE,IAAA,uBAAc,EAC/B,OAAO,EACP,MAAM,EACN,OAAO,EACP,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,qBAAqB,EACrB,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,CACR;CACF,CAAC,qeAAkB,aACT,EAAiC,kBAC7B,EAA4C,gBAC9C,EACgD,mBAC7C,EAAyC,6KAGhC,EAAsD,sHAMzD,EAC0C,sBAC7C,EAAwE,SAEvF,EAOa,QAEb,EAOa,IAChB,KAlCU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAC7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAA7B,CAA6B,EAC9C,UAAC,EAAwB;QAAtB,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EAAE,KAAK,WAAA;IAChC,OAAA,MAAM,CAAC,CAAC,CAAC,UAAG,8BAAsB,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;AAAzD,CAAyD,EAC7C,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAGhC,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAnC,CAAmC,EAMzD,UAAC,EAAsB;QAApB,KAAK,WAAA,EAAE,WAAW,iBAAA;IACvC,OAAA,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,gCAAuB,EAAC,KAAK,CAAC;AAA5D,CAA4D,EAC7C,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,UAAG,wBAAgB,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AAAhD,CAAgD,EAEvF,UAAC,EAAwE;QAAtE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,mBAAmB,yBAAA;IACvE,OAAA,QAAQ,KAAK,OAAO,IAAI,CAAC,eAAe,IAAI,mBAAmB,CAAC;QAC9D,CAAC,KAAC,uBAAG,mKAAA,+BACkB,EAA2D,gBAC1E,EAAiC,6BACrB,EAA0D,aAC3E,KAHoB,eAAe,IAAI,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC1E,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EACrB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,8BAAsB,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS,EAE9E,CAAC,CAAC,SAAS;AANb,CAMa,EAEb,UAAC,EAAyE;QAAvE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,mBAAmB,yBAAA;IACxE,OAAA,QAAQ,KAAK,MAAM,IAAI,CAAC,gBAAgB,IAAI,mBAAmB,CAAC;QAC9D,CAAC,KAAC,uBAAG,qKAAA,gCACmB,EAA4D,gBAC5E,EAAiC,8BACpB,EAA0D,aAC5E,KAHqB,gBAAgB,IAAI,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5E,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EACpB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,8BAAsB,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS,EAE/E,CAAC,CAAC,SAAS;AANb,CAMa,CAChB,CAAC;AAEF,IAAM,UAAU,GAAG,IAAA,YAAI,EACrB,IAAA,kBAAU,EACR,UACE,EAemB,EACnB,GAAG;;IAfD,IAAA,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,oBAAoB,0BAAA,EACjB,IAAI,cAdT,oKAeC,CADQ;IAIT,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAClD,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IACnC,IAAA,KAAK,GAAK,IAAA,mDAAwB,EAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrD,WAAW,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,WAAW;QAC9C,IAAI,EAAE,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ;QACrD,IAAI,EAAE,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;QACjD,OAAO,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QAC7D,IAAI,EAAE,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;QACjD,YAAY,cAAA;KACb,CAAC,EAPoD,CAOpD,CAAC,MAPU,CAOT;IAEJ,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAtC,CAAsC,EAAE,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,uBAAC,uBAAmB,eAAK,oBAAoB,cAC3C,uBAAC,uBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,YACzD,uBAAC,gBAAgB,eACX,IAAI,EACJ,SAAS,IACb,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAS,CAAC,CAAC,CAAC,KAAK,EACnC,gBAAgB,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0CAAE,KAAK,EAC1C,eAAe,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0CAAE,IAAI,EACxC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,iBAAc,EAChD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,UAAC,MAAM;oBACV,IAAI,IAAI,GAAG,MAAM,CAAC;oBAElB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAAE,CAAC;wBACtB,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC;oBAC1B,CAAC;oBAED,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC3B,CAAC,YAED,uBAAC,sBAAkB,IAAC,QAAQ,QAAC,OAAO,EAAE,OAAO,EAAE,KAAK,QAAC,KAAK,EAAE,KAAK,YAC9D,QAAQ;wBACP,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9C,uBAAC,yBAAc,IAAa,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,IAA/B,KAAK,CAA6B,CACxD,EAF+C,CAE/C,CAAC;wBACJ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GACA,IACJ,GACC,IACF,CACvB,CAAC;AACJ,CAAC,CACF,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyD;AACzD,6CAAsE;AACtE,uDAAwC;AACxC,2BAA4C;AAC5C,+CAAiF;AAEjF,iFAAiE;AACjE,+DAAuF;AACvF,+CAM8B;AAC9B,6DAA8D;AAC9D,iFAAgF;AAChF,+DAA8D;AAC9D,iDAAsD;AAStD,iEAA+E;AAC/E,oCAAmF;AACnF,wCAA6C;AA+B7C,+FAA+F;AAC/F,IAAM,WAAW,GAAG,UAAC,KAAmB,IAAK,OAAA,IAAA,uBAAc,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,IAAI,CAAC,EAAnD,CAAmD,CAAC;AAEjG;;sDAEsD;AACtD,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,qBAAY,CAAC,CAAC,UAAU,CAAC;IACvD,iBAAiB,EAAE,IAAA,uBAAc,EAC/B,OAAO,EACP,MAAM,EACN,OAAO,EACP,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,qBAAqB,EACrB,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,CACR;CACF,CAAC,qeAAkB,aACT,EAAiC,kBAC7B,EAA4C,gBAC9C,EACgD,mBAC7C,EAAyC,6KAGhC,EAAsD,sHAMzD,EAC8B,sBACjC,EAAwE,SAEvF,EAOa,QAEb,EAOa,IAChB,KAlCU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAC7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAA7B,CAA6B,EAC9C,UAAC,EAAwB;QAAtB,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EAAE,KAAK,WAAA;IAChC,OAAA,MAAM,CAAC,CAAC,CAAC,UAAG,8BAAsB,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS;AAAzD,CAAyD,EAC7C,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAGhC,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAnC,CAAmC,EAMzD,UAAC,EAAsB;QAApB,KAAK,WAAA,EAAE,WAAW,iBAAA;IACvC,OAAA,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;AAAhD,CAAgD,EACjC,UAAC,EAAkB;QAAhB,OAAO,aAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,UAAG,wBAAgB,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AAAhD,CAAgD,EAEvF,UAAC,EAAwE;QAAtE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,mBAAmB,yBAAA;IACvE,OAAA,QAAQ,KAAK,OAAO,IAAI,CAAC,eAAe,IAAI,mBAAmB,CAAC;QAC9D,CAAC,KAAC,uBAAG,mKAAA,+BACkB,EAA2D,gBAC1E,EAAiC,6BACrB,EAA0D,aAC3E,KAHoB,eAAe,IAAI,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC1E,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EACrB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,8BAAsB,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS,EAE9E,CAAC,CAAC,SAAS;AANb,CAMa,EAEb,UAAC,EAAyE;QAAvE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,mBAAmB,yBAAA;IACxE,OAAA,QAAQ,KAAK,MAAM,IAAI,CAAC,gBAAgB,IAAI,mBAAmB,CAAC;QAC9D,CAAC,KAAC,uBAAG,qKAAA,gCACmB,EAA4D,gBAC5E,EAAiC,8BACpB,EAA0D,aAC5E,KAHqB,gBAAgB,IAAI,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5E,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EACpB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,8BAAsB,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,SAAS,EAE/E,CAAC,CAAC,SAAS;AANb,CAMa,CAChB,CAAC;AAEF,IAAM,UAAU,GAAG,IAAA,YAAI,EACrB,IAAA,kBAAU,EACR,UACE,EAemB,EACnB,GAAG;;IAfD,IAAA,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,oBAAoB,0BAAA,EACjB,IAAI,cAdT,oKAeC,CADQ;IAIT,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAClD,IAAA,MAAM,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,OAAzB,CAA0B;IACxC,kGAAkG;IAClG,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,MAAM;;QACL,MAAM,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,mCAAI,MAAM,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IACF,oGAAoG;IACpG,8FAA8F;IACtF,IAAA,KAAK,GAAK,IAAA,mDAAwB,EAAC,UAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS;QACnF,OAAA,OAAO,SAAS,KAAK,QAAQ;YAC3B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC;gBACE,WAAW,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,WAAW;gBAC9C,IAAI,EAAE,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ;gBACrD,IAAI,EAAE,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;gBACjD,OAAO,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;gBAC7D,IAAI,EAAE,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;gBACjD,YAAY,cAAA;aACb;IATL,CASK,CACN,MAXY,CAWX;IAEF,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAtC,CAAsC,EAAE,EAAE,CAAC,CAAC;IACxE,IAAM,aAAa,GAAG,IAAA,iCAAgB,GAAE,CAAC;IACzC,uGAAuG;IACvG,IAAM,YAAY,GAAG,IAAA,eAAO,EAC1B;;QACE,OAAA,IAAI,CAAC,WAAW,IAAI,CAAC,IAAA,2BAAkB,EAAC,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,CAAC;YAC5D,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC,OAAO,CAAC,UAAC,KAAK;gBACnD,OAAA,IAAA,6BAAoB,EAClB,KAAK,EACL,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,sBAAa,EAAC,WAAW,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EACnE,KAAK,CACN;YALD,CAKC,CACF,CAAA;KAAA,EACP,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,CACtD,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAmB,eAAK,oBAAoB,cAC3C,uBAAC,uBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,YACzD,uBAAC,gBAAgB,eACX,IAAI,EACJ,SAAS,IACb,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAS,CAAC,CAAC,CAAC,KAAK,EACnC,gBAAgB,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0CAAE,KAAK,EAC1C,eAAe,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0CAAE,IAAI,EACxC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,iBAAc,EAChD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,aAAa,YAElB,uBAAC,sCAAqB,IAAC,KAAK,EAAE,YAAY,YACxC,uBAAC,sBAAkB,IAAC,QAAQ,QAAC,OAAO,EAAE,OAAO,EAAE,KAAK,QAAC,KAAK,EAAE,KAAK,YAC9D,QAAQ;4BACP,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9C,uBAAC,yBAAc,IAAa,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,IAA/B,KAAK,CAA6B,CACxD,EAF+C,CAE/C,CAAC;4BACJ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GACA,GACC,IACP,GACC,IACF,CACvB,CAAC;AACJ,CAAC,CACF,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/Menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAK/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,MAAM,2BAA2B,GAAG,CACxC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EACpC,MAAM,CAAC,EAAE,MAAM,EACf,YAAY,CAAC,EAAE,MAAM,IAAI,KACtB,IAAI,CAAC;AAEV,MAAM,MAAM,iCAAiC,CAC3C,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACxD,CACF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EACpC,MAAM,CAAC,EAAE,MAAM,EACf,YAAY,CAAC,EAAE,MAAM,IAAI,EACzB,QAAQ,CAAC,EAAE,QAAQ,KAChB,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC1F,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,iCAAiC,CAAC,QAAQ,CAAC,CAAC;IACtD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAC9C,CAAC;AAEJ,MAAM,WAAW,oBAAoB,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAC9F,SAAQ,gBAAgB,EACtB,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,2BAA2B,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,qJA+KnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAK/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,MAAM,2BAA2B,GAAG,CACxC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EACpC,MAAM,CAAC,EAAE,MAAM,EACf,YAAY,CAAC,EAAE,MAAM,IAAI,KACtB,IAAI,CAAC;AAEV,MAAM,MAAM,iCAAiC,CAC3C,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACxD,CACF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EACpC,MAAM,CAAC,EAAE,MAAM,EACf,YAAY,CAAC,EAAE,MAAM,IAAI,EACzB,QAAQ,CAAC,EAAE,QAAQ,KAChB,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAC1F,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,iCAAiC,CAAC,QAAQ,CAAC,CAAC;IACtD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAC9C,CAAC;AAEJ,MAAM,WAAW,oBAAoB,CAAC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAC9F,SAAQ,gBAAgB,EAAE,kBAAkB;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,2BAA2B,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAqBD,QAAA,MAAM,cAAc,qJA6LnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Menu/item.js

@@ -27,10 +27,34 @@ var react_1 = require("react");
 var __1 = require("../..");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
 var useReqoreContext_1 = require("../../hooks/useReqoreContext");
+/**
+ * Centres an item in the first scrollable element between it and its menu (the menu included); scrolls
+ * nothing where the menu shows it all, and nothing outside the menu. `overlay` scrolls as `auto`
+ * does (an older WebKit / Chromium value), as the popover's own search for a scroller reads it.
+ */
+var scrollWithinMenu = function (item, menu, behavior) {
+    for (var el = item.parentElement; el; el = el.parentElement) {
+        var overflowY = window.getComputedStyle(el).overflowY;
+        if (/^(auto|scroll|overlay)$/.test(overflowY) && el.scrollHeight > el.clientHeight) {
+            var box = el.getBoundingClientRect();
+            var at = item.getBoundingClientRect();
+            var delta = at.top + at.height / 2 - (box.top + box.height / 2);
+            el.scrollTo({ top: el.scrollTop + delta, behavior: behavior });
+            return;
+        }
+        if (el === menu)
+            return;
+    }
+};
 var ReqoreMenuItem = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, rightAction = _a.rightAction, leftAction = _a.leftAction, disabled = _a.disabled, itemId = _a.itemId, tooltip = _a.tooltip, intent = _a.intent, _b = _a.flat, flat = _b === void 0 ? true : _b, _c = _a.stackWithActions, stackWithActions = _c === void 0 ? true : _c, scrollIntoView = _a.scrollIntoView, closePopover = _a.closePopover, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "rightAction", "leftAction", "disabled", "itemId", "tooltip", "intent", "flat", "stackWithActions", "scrollIntoView", "closePopover"]);
-    var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
+    var setRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).setRef;
     var _d = (0, react_1.useState)(null), itemRef = _d[0], setItemRef = _d[1];
+    // one callback for the item's life: a new one each render detached and attached the element each time
+    var handleItemRef = (0, react_1.useCallback)(function (element) {
+        setRef(element);
+        setItemRef(element);
+    }, [setRef]);
     // Respect the global animations toggle from `ReqoreUIProvider` (popovers — menus are
     // rendered inside them) and the OS reduced-motion preference.
     var animations = (0, useReqoreContext_1.useReqoreProperty)('animations');
@@ -59,6 +83,15 @@ var ReqoreMenuItem = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref
     (0, react_1.useEffect)(function () {
         var _a;
         if (scrollIntoView && itemRef) {
+            /* Inside a menu, the item is scrolled to inside that menu and nothing else moves. Its own
+               `scrollIntoView` scrolled every scrollable ancestor to centre it in the viewport - the page's
+               scroll container and the document too - so arrow keys in an editor's completion list moved
+               the page and, in a short view, left it blank (qorus#646). */
+            var menu = itemRef.closest('.reqore-menu');
+            if (menu) {
+                scrollWithinMenu(itemRef, menu, scrollBehavior);
+                return;
+            }
             (_a = itemRef.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(itemRef, {
                 // A smooth scroll is an animation, so the final offset depends on when the caller
                 // looks. Honour the global toggle and the OS reduced-motion preference (same
@@ -90,10 +123,7 @@ var ReqoreMenuItem = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref
         }
         return ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({ flat: flat, verticalPadding: 'small', fixed: true, compact: true, transparent: transparent, minimal: rest.minimal, customTheme: rest.customTheme, className: className, intent: intent, active: selected }, buttonProps, { onClick: handleActionClick })));
     };
-    return ((0, jsx_runtime_1.jsxs)(__1.ReqoreControlGroup, { stack: stackWithActions, fluid: true, fill: true, responsive: false, children: [renderAction(leftAction, 'reqore-menu-item-left-action', handleLeftActionClick), (0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({ as: as, transparent: !rest.effect, verticalPadding: 'small', compact: true }, rest, { flat: flat, className: "".concat(rest.className || '', " reqore-menu-item"), fluid: true, onClick: handleClick, active: selected, ref: function (ref) {
-                    targetRef.current = ref || undefined;
-                    setItemRef(ref);
-                }, disabled: disabled, intent: intent, icon: icon, rightIcon: rightIcon, tooltip: tooltip, children: label || children })), renderAction(rightAction, 'reqore-menu-item-right-action', handleRightActionClick)] }));
+    return ((0, jsx_runtime_1.jsxs)(__1.ReqoreControlGroup, { stack: stackWithActions, fluid: true, fill: true, responsive: false, children: [renderAction(leftAction, 'reqore-menu-item-left-action', handleLeftActionClick), (0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({ as: as, transparent: !rest.effect, verticalPadding: 'small', compact: true }, rest, { flat: flat, className: "".concat(rest.className || '', " reqore-menu-item"), fluid: true, onClick: handleClick, active: selected, ref: handleItemRef, disabled: disabled, intent: intent, icon: icon, rightIcon: rightIcon, tooltip: tooltip, children: label || children })), renderAction(rightAction, 'reqore-menu-item-right-action', handleRightActionClick)] }));
 }));
 exports.default = ReqoreMenuItem;
 //# sourceMappingURL=item.js.map

package/dist/components/Menu/item.js.map

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

package/dist/components/Menu/section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/section.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB,EAAE,kBAAkB;IACnF,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,GAAI,mHAW/B,uBAAuB,4CAmDzB,CAAC"}
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/section.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG7D,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB,EAAE,kBAAkB;IACnF,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,GAAI,mHAW/B,uBAAuB,4CAwDzB,CAAC"}

package/dist/components/Menu/section.js

@@ -45,12 +45,17 @@ var ReqoreMenuSection = function (_a) {
         }
         (_a = rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, event);
     }, [_isCollapsed, onCollapseChange, collapsible, rest.onClick]);
-    var clone = (0, useCloneThroughFragments_1.useCloneThroughFragments)(function (props) { return ({
-        customTheme: (props === null || props === void 0 ? void 0 : props.customTheme) || customTheme,
-        wrap: 'wrap' in (props || {}) ? props.wrap : wrap,
-        flat: 'flat' in (props || {}) ? props.flat : flat,
-        minimal: 'minimal' in (props || {}) ? props.minimal : minimal,
-    }); }).clone;
+    // As in the menu: the section's props go to the components in it, never to a plain DOM element.
+    var clone = (0, useCloneThroughFragments_1.useCloneThroughFragments)(function (props, _reactIndex, _realIndex, childType) {
+        return typeof childType === 'string'
+            ? {}
+            : {
+                customTheme: (props === null || props === void 0 ? void 0 : props.customTheme) || customTheme,
+                wrap: 'wrap' in (props || {}) ? props.wrap : wrap,
+                flat: 'flat' in (props || {}) ? props.flat : flat,
+                minimal: 'minimal' in (props || {}) ? props.minimal : minimal,
+            };
+    }).clone;
     return ((0, jsx_runtime_1.jsxs)(ControlGroup_1.default, { vertical: true, fluid: true, className: 'reqore-menu-section', children: [(0, jsx_runtime_1.jsx)(Button_1.default, __assign({ wrap: wrap, flat: flat, minimal: minimal, active: collapsible && !_isCollapsed, customTheme: customTheme }, rest, { className: "".concat(rest.className || '', " reqore-menu-section-toggle"), intent: collapsible && !_isCollapsed ? activeIntent : rest.intent, fluid: true, onClick: handleCollapseChange, rightIcon: rest.rightIcon || (collapsible ? 'ArrowRightSLine' : 'ArrowDownSLine'), rightIconProps: {
                     rotation: collapsible && !_isCollapsed ? 90 : 0,
                 } })), !_isCollapsed || !collapsible ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { vertical: true, fluid: true, style: { paddingLeft: '10px' }, children: clone(children) })) : null] }));

package/dist/components/Menu/section.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYvD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,4HAuJlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAwB,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAErE,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAavD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,4HAmLlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Message/index.js

@@ -33,6 +33,8 @@ var react_use_1 = require("react-use");
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
 var colors_1 = require("../../helpers/colors");
 var useTheme_1 = require("../../hooks/useTheme");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
+var Effect_1 = require("../Effect");
 var Header_1 = require("../Header");
 var Icon_1 = __importDefault(require("../Icon"));
 var styles_1 = require("../Notifications/styles");
@@ -43,6 +45,9 @@ var ReqoreMessage = (0, react_2.memo)((0, react_2.forwardRef)(function (_a, ref)
     var intent = _a.intent, icon = _a.icon, title = _a.title, children = _a.children, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, iconColor = _a.iconColor, fixed = _a.fixed, fluid = _a.fluid, iconProps = _a.iconProps, rest = __rest(_a, ["intent", "icon", "title", "children", "onClose", "onClick", "duration", "onFinish", "flat", "minimal", "size", "customTheme", "inheritCustomTheme", "iconColor", "fixed", "fluid", "iconProps"]);
     var _d = (0, react_2.useState)(null), internalTimeout = _d[0], setInternalTimeout = _d[1];
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent, undefined, inheritCustomTheme);
+    var surface = (0, SurfaceContext_1.useReqoreSurface)();
+    // the color its own custom theme names, not its intent's: a minimal message is drawn on it
+    var ownMain = (0, react_2.useMemo)(function () { return ((customTheme === null || customTheme === void 0 ? void 0 : customTheme.main) ? (0, colors_1.getColorFromMaybeString)(theme, customTheme.main) : undefined); }, [theme, customTheme === null || customTheme === void 0 ? void 0 : customTheme.main]);
     (0, react_use_1.useMount)(function () {
         if (duration) {
             setInternalTimeout(setTimeout(function () {
@@ -65,10 +70,21 @@ var ReqoreMessage = (0, react_2.memo)((0, react_2.forwardRef)(function (_a, ref)
     });
     var leftIcon = (0, react_2.useMemo)(function () { return icon || (intent ? styles_1.typeToIcon[intent] : undefined); }, [icon, intent]);
     var effect = (0, react_2.useMemo)(function () { return (__assign({ interactive: !!onClick }, rest === null || rest === void 0 ? void 0 : rest.effect)); }, [!!onClick, JSON.stringify(rest === null || rest === void 0 ? void 0 : rest.effect)]);
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, react_1.createElement)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: styles_1.StyledReqoreNotification, as: web_1.animated.div, key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, asMessage: true, fluid: fluid, fixed: fixed, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-message"), ref: ref, size: size, theme: theme, effect: effect }),
-            (0, jsx_runtime_1.jsxs)(styles_1.StyledNotificationContentWrapper, { size: size, theme: theme, children: [leftIcon ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: intent === 'pending' ? ((0, jsx_runtime_1.jsx)(Spinner_1.ReqoreSpinner, { size: size, iconColor: iconColor, type: 5, iconMargin: 'right', iconProps: iconProps })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ icon: leftIcon, margin: 'right', size: size, color: iconColor }, iconProps))) })) : null, (0, jsx_runtime_1.jsxs)(styles_1.StyledNotificationInnerContent, { children: [title && ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: size, customTheme: ((_b = rest.effect) === null || _b === void 0 ? void 0 : _b.color)
-                                    ? { text: { color: (0, colors_1.getColorFromMaybeString)(theme, rest.effect.color) } }
-                                    : undefined, children: title })), (0, jsx_runtime_1.jsx)(styles_1.StyledNotificationContent, { theme: theme, hasTitle: !!title, size: size, children: children })] })] }),
+    // What the message holds is drawn on the message, and picks its colors against that.
+    var background = (0, react_2.useMemo)(function () {
+        return (0, Effect_1.getEffectBackgrounds)(theme, effect, (0, styles_1.getNotificationColors)({
+            theme: theme,
+            intent: intent,
+            minimal: minimal,
+            opaque: rest.opaque,
+            $surface: surface,
+            $main: ownMain,
+        }).background, (0, colors_1.getThemeSurface)(theme, surface));
+    }, [theme, intent, minimal, rest.opaque, surface, ownMain, effect]);
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, react_1.createElement)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: styles_1.StyledReqoreNotification, as: web_1.animated.div, key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, asMessage: true, fluid: fluid, fixed: fixed, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-message"), ref: ref, size: size, theme: theme, "$surface": surface, "$main": ownMain, effect: effect }),
+            (0, jsx_runtime_1.jsx)(SurfaceContext_1.ReqoreSurfaceProvider, { color: background, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledNotificationContentWrapper, { size: size, theme: theme, children: [leftIcon ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: intent === 'pending' ? ((0, jsx_runtime_1.jsx)(Spinner_1.ReqoreSpinner, { size: size, iconColor: iconColor, type: 5, iconMargin: 'right', iconProps: iconProps })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({ icon: leftIcon, margin: 'right', size: size, color: iconColor }, iconProps))) })) : null, (0, jsx_runtime_1.jsxs)(styles_1.StyledNotificationInnerContent, { children: [title && ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: size, customTheme: ((_b = rest.effect) === null || _b === void 0 ? void 0 : _b.color)
+                                        ? { text: { color: (0, colors_1.getColorFromMaybeString)(theme, rest.effect.color) } }
+                                        : undefined, children: title })), (0, jsx_runtime_1.jsx)(styles_1.StyledNotificationContent, { theme: theme, hasTitle: !!title, size: size, children: children })] })] }) }),
             onClose && ((0, jsx_runtime_1.jsx)(styles_1.StyledIconWrapper, { theme: theme, size: size, intent: intent, clickable: true, className: 'reqore-message-close', onClick: function (event) {
                     event.stopPropagation();
                     onClose && onClose();