@qoretechnologies/reqore 0.78.5-pr.708.g00504c5 → 0.78.5-pr.708.g0fba3d8

package/.claude/CLAUDE.md

@@ -186,10 +186,13 @@ release on npm.
 - **Command:** `yarn build-storybook` builds the static site.
 - **Touch stories:** a story whose play calls `withTouchScreen` (`src/stories/utils/touchScreen.ts`)
   carries `tags: ['touch']`. `yarn test:stories` runs those stories in their own Vitest project
-  (`storybook-touch`), and so their own browser page, after the others; an untagged one fails with
-  the reason. Chromium cannot give a page its mouse back after touch emulation: it takes the
-  machine's hover and pointer, and a Linux CI runner has no mouse, so every later story in the
-  same page would find `(hover: none)`. This never shows on a Mac, which always reports a mouse.
+  (`storybook-touch`), whose browser context is a phone from the start (Playwright's `isMobile` and
+  `hasTouch`, 390×844), and before the others; an untagged one fails with the reason. Never turn
+  Chromium's touch emulation on or off over the DevTools protocol: turning it off leaves the page
+  with the machine's hover and pointer, not the mouse Playwright launched it with, and a Linux CI
+  runner has none, so every later story in the page finds `(hover: none)` (it never shows on a Mac,
+  which always reports a mouse). `.storybook/vitest.setup.ts` checks every story's browser is its
+  project's: `(hover: hover) and (pointer: fine)`, or on the phone `(hover: none) and (pointer: coarse)`.
 - **No layout change inside a ResizeObserver callback:** a story fails when the browser reports
   "ResizeObserver loop completed with undelivered notifications" (`.storybook/vitest.setup.ts`). It
   means a resize callback changed the layout it observes in the same frame, often by setting state

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,OAAO,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAe,YAAY,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,aAAa,EAAsC,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAMlG,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,sCAAsC;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iCAAiC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,wCAAwC;IACxC,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,sBAAsB;IACtB,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzD;AAmPD,eAAO,MAAM,eAAe,8HAwH3B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,OAAO,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAepE,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAe,YAAY,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EACL,aAAa,EAGb,kBAAkB,EAEnB,MAAM,WAAW,CAAC;AAMnB,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,sCAAsC;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iCAAiC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,wCAAwC;IACxC,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,sBAAsB;IACtB,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzD;AA+TD,eAAO,MAAM,eAAe,8HAyH3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/Accordion/index.js

@@ -70,6 +70,7 @@ 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 SurfaceContext_1 = require("../../context/SurfaceContext");
 var utils_1 = require("../../helpers/utils");
 var useTheme_1 = require("../../hooks/useTheme");
 var styles_1 = require("../../styles");
@@ -96,18 +97,33 @@ var StyledAccordionItem = styled_1.default.div(templateObject_3 || (templateObje
     var flat = _a.flat, theme = _a.theme;
     return flat ? undefined : "1px solid ".concat((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08));
 });
-var StyledAccordionHeader = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  padding: ", ";\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 0.15s ease-out;\n  background-color: ", ";\n  color: ", ";\n  font-size: ", "px;\n\n  ", " {\n    transform: scale(", ");\n    transition: transform 0.15s ease-out;\n  }\n\n  &:hover {\n    background-color: ", ";\n\n    ", " {\n      transform: scale(", ");\n    }\n  }\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  padding: ", ";\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 0.15s ease-out;\n  background-color: ", ";\n  color: ", ";\n  font-size: ", "px;\n\n  ", " {\n    transform: scale(", ");\n    transition: transform 0.15s ease-out;\n  }\n\n  &:hover {\n    background-color: ", ";\n\n    ", " {\n      transform: scale(", ");\n    }\n  }\n\n  ", "\n"])), function () { return sizes_1.GAP_FROM_SIZE.normal; }, function (_a) {
+/** The header's fill: a wash of the intent when minimal, else the item's surface a step lighter. */
+var getAccordionHeaderFill = function (theme, opacity, minimal, intent) {
+    return minimal
+        ? intent
+            ? (0, polished_1.rgba)(theme.intents[intent], 0.1)
+            : 'transparent'
+        : (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity);
+};
+/** The header as it is drawn, over what the accordion is drawn on. */
+var getAccordionHeaderBackground = function (theme, opacity, minimal, intent, surface) {
+    var fill = getAccordionHeaderFill(theme, opacity, minimal, intent);
+    var under = (0, colors_1.getThemeSurface)(theme, surface);
+    return fill === 'transparent' ? under : (0, colors_1.getDrawnColor)(fill, under);
+};
+/** The open item's body as it is drawn. */
+var getAccordionBodyBackground = function (theme, surface) {
+    return (0, colors_1.getDrawnColor)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), (0, colors_1.getThemeSurface)(theme, surface));
+};
+var StyledAccordionHeader = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  padding: ", ";\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 0.15s ease-out;\n  background-color: ", ";\n  /* Read against the header as it is drawn - its own shade of the item's colour - not\n     against the colour it is made from. */\n  color: ", ";\n  font-size: ", "px;\n\n  ", " {\n    transform: scale(", ");\n    transition: transform 0.15s ease-out;\n  }\n\n  &:hover {\n    background-color: ", ";\n\n    ", " {\n      transform: scale(", ");\n    }\n  }\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  padding: ", ";\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 0.15s ease-out;\n  background-color: ", ";\n  /* Read against the header as it is drawn - its own shade of the item's colour - not\n     against the colour it is made from. */\n  color: ", ";\n  font-size: ", "px;\n\n  ", " {\n    transform: scale(", ");\n    transition: transform 0.15s ease-out;\n  }\n\n  &:hover {\n    background-color: ", ";\n\n    ", " {\n      transform: scale(", ");\n    }\n  }\n\n  ", "\n"])), function () { return sizes_1.GAP_FROM_SIZE.normal; }, function (_a) {
     var size = _a.size;
     return "".concat(sizes_1.PADDING_FROM_SIZE[size] * 1.5, "px ").concat(sizes_1.PADDING_FROM_SIZE[size] * 1.5, "px");
 }, function (_a) {
     var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, minimal = _a.minimal, intent = _a.intent;
-    if (minimal) {
-        return intent ? (0, polished_1.rgba)(theme.intents[intent], 0.1) : 'transparent';
-    }
-    return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity);
+    return getAccordionHeaderFill(theme, opacity, minimal, intent);
 }, function (_a) {
-    var theme = _a.theme;
-    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+    var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, minimal = _a.minimal, intent = _a.intent, $surface = _a.$surface;
+    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true, getAccordionHeaderBackground(theme, opacity, minimal, intent, $surface));
 }, function (_a) {
     var size = _a.size;
     return sizes_1.TEXT_FROM_SIZE[size];
@@ -139,8 +155,8 @@ var StyledAccordionContentBody = styled_1.default.div(templateObject_9 || (templ
     var size = _a.size;
     return sizes_1.TEXT_FROM_SIZE[size];
 }, function (_a) {
-    var theme = _a.theme;
-    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+    var theme = _a.theme, $surface = _a.$surface;
+    return (0, colors_1.getReadableColor)(theme, undefined, undefined, true, getAccordionBodyBackground(theme, $surface));
 }, function (_a) {
     var theme = _a.theme;
     return (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), 1);
@@ -149,11 +165,18 @@ var StyledAccordionContentBody = styled_1.default.div(templateObject_9 || (templ
     return (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.05);
 });
 var AccordionItemRenderer = (0, react_1.memo)(function (_a) {
+    var _b;
     var item = _a.item, index = _a.index, isOpen = _a.isOpen, theme = _a.theme, customTheme = _a.customTheme, size = _a.size, intent = _a.intent, flat = _a.flat, rounded = _a.rounded, minimal = _a.minimal, disabled = _a.disabled, effectiveOpacity = _a.effectiveOpacity, isFirst = _a.isFirst, isLast = _a.isLast, onToggle = _a.onToggle, onKeyDown = _a.onKeyDown;
     var itemIntent = item.intent || intent;
     var itemTheme = (0, useTheme_1.useReqoreTheme)('main', customTheme, itemIntent);
+    var surface = (0, SurfaceContext_1.useReqoreSurface)();
+    var headerBackground = getAccordionHeaderBackground(itemTheme, effectiveOpacity !== null && effectiveOpacity !== void 0 ? effectiveOpacity : 1, minimal, itemIntent, surface);
     var isItemDisabled = item.disabled || disabled;
-    return ((0, jsx_runtime_1.jsxs)(StyledAccordionItem, { theme: theme, size: size, disabled: isItemDisabled, intent: itemIntent, flat: flat, isFirst: isFirst, isLast: isLast, rounded: rounded, opacity: effectiveOpacity, className: 'reqore-accordion-item', children: [(0, jsx_runtime_1.jsxs)(StyledAccordionHeader, { theme: itemTheme, size: size, "$isOpen": isOpen, disabled: isItemDisabled, intent: itemIntent, flat: flat, minimal: minimal, opacity: effectiveOpacity, onClick: function () { return onToggle(index); }, onKeyDown: function (e) { return onKeyDown(e, index); }, tabIndex: isItemDisabled ? undefined : 0, role: 'button', "aria-expanded": isOpen, className: 'reqore-accordion-header', children: [(0, jsx_runtime_1.jsx)(StyledAccordionChevron, { as: 'span', "$isOpen": isOpen, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'ArrowDownSLine', size: (0, utils_1.getOneLessSize)(size) }) }), item.icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: item.icon, size: (0, utils_1.getOneLessSize)(size), color: item.iconColor, className: 'reqore-accordion-icon' })), (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: (0, utils_1.getOneLessSize)(size), effect: item.labelEffect, className: 'reqore-accordion-title', children: item.label }), (item.badge || item.badge === 0) && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { content: item.badge, size: size })] }), (0, jsx_runtime_1.jsx)(StyledAccordionContentWrapper, { theme: theme, size: size, "$isOpen": isOpen, children: (0, jsx_runtime_1.jsx)(StyledAccordionContentInner, { theme: theme, size: size, children: (0, jsx_runtime_1.jsx)(StyledAccordionContentBody, { theme: theme, size: size, className: 'reqore-accordion-content', children: typeof item.content === 'string' ? ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, children: item.content })) : (item.content) }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(StyledAccordionItem, { theme: theme, size: size, disabled: isItemDisabled, "aria-disabled": isItemDisabled ? true : undefined, intent: itemIntent, flat: flat, isFirst: isFirst, isLast: isLast, rounded: rounded, opacity: effectiveOpacity, className: 'reqore-accordion-item', children: [(0, jsx_runtime_1.jsxs)(StyledAccordionHeader, { theme: itemTheme, size: size, "$isOpen": isOpen, disabled: isItemDisabled, intent: itemIntent, flat: flat, minimal: minimal, opacity: effectiveOpacity, "$surface": surface, onClick: function () { return onToggle(index); }, onKeyDown: function (e) { return onKeyDown(e, index); }, tabIndex: isItemDisabled ? undefined : 0, role: 'button', "aria-expanded": isOpen, className: 'reqore-accordion-header', children: [(0, jsx_runtime_1.jsx)(StyledAccordionChevron, { as: 'span', "$isOpen": isOpen, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'ArrowDownSLine', size: (0, utils_1.getOneLessSize)(size) }) }), item.icon && ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: item.icon, size: (0, utils_1.getOneLessSize)(size), 
+                        // in its own color, in a shade that stands out from the header by 3:1
+                        color: item.iconColor
+                            ? ((_b = (0, colors_1.getReadableIconLook)(itemTheme, [headerBackground], (0, colors_1.getReadableColor)(itemTheme, undefined, undefined, true, headerBackground), 1, item.iconColor).color) !== null && _b !== void 0 ? _b : item.iconColor)
+                            : undefined, className: 'reqore-accordion-icon' })), (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, { size: (0, utils_1.getOneLessSize)(size), effect: item.labelEffect, className: 'reqore-accordion-title', children: item.label }), (item.badge || item.badge === 0) && (0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { content: item.badge, size: size })] }), (0, jsx_runtime_1.jsx)(StyledAccordionContentWrapper, { theme: theme, size: size, "$isOpen": isOpen, children: (0, jsx_runtime_1.jsx)(StyledAccordionContentInner, { theme: theme, size: size, children: (0, jsx_runtime_1.jsx)(StyledAccordionContentBody, { theme: theme, size: size, "$surface": surface, className: 'reqore-accordion-content', children: (0, jsx_runtime_1.jsx)(SurfaceContext_1.ReqoreSurfaceProvider, { color: getAccordionBodyBackground(theme, surface), children: typeof item.content === 'string' ? ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, children: item.content })) : (item.content) }) }) }) })] }));
 });
 exports.ReqoreAccordion = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var items = _a.items, _b = _a.allowMultiple, allowMultiple = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, intent = _a.intent, fluid = _a.fluid, flat = _a.flat, disabled = _a.disabled, tooltip = _a.tooltip, _d = _a.rounded, rounded = _d === void 0 ? true : _d, minimal = _a.minimal, effect = _a.effect, opacity = _a.opacity, transparent = _a.transparent, onItemToggle = _a.onItemToggle, className = _a.className, rest = __rest(_a, ["items", "allowMultiple", "size", "customTheme", "inheritCustomTheme", "intent", "fluid", "flat", "disabled", "tooltip", "rounded", "minimal", "effect", "opacity", "transparent", "onItemToggle", "className"]);
@@ -196,7 +219,7 @@ exports.ReqoreAccordion = (0, react_1.memo)((0, react_1.forwardRef)(function (_a
         return newEffect;
     }, [effect, intent, theme]);
     var effectiveOpacity = transparent ? 0 : opacity;
-    return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledAccordionWrapper, tooltip: tooltip, ref: ref, theme: theme, size: size, "$fluid": fluid, disabled: disabled, rounded: rounded, flat: flat, intent: intent, opacity: effectiveOpacity, effect: transformedEffect, className: "".concat(className || '', " reqore-accordion"), children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(AccordionItemRenderer, { item: item, index: index, isOpen: !!openItems[index], theme: theme, customTheme: customTheme, size: size, intent: intent, flat: flat, rounded: rounded, minimal: minimal, disabled: disabled, effectiveOpacity: effectiveOpacity, isFirst: index === 0, isLast: index === items.length - 1, onToggle: handleToggle, onKeyDown: handleKeyDown }, item.id || index)); }) })));
+    return ((0, jsx_runtime_1.jsx)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledAccordionWrapper, tooltip: tooltip, ref: ref, theme: theme, size: size, "$fluid": fluid, disabled: disabled, "aria-disabled": disabled ? true : undefined, rounded: rounded, flat: flat, intent: intent, opacity: effectiveOpacity, effect: transformedEffect, className: "".concat(className || '', " reqore-accordion"), children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(AccordionItemRenderer, { item: item, index: index, isOpen: !!openItems[index], theme: theme, customTheme: customTheme, size: size, intent: intent, flat: flat, rounded: rounded, minimal: minimal, disabled: disabled, effectiveOpacity: effectiveOpacity, isFirst: index === 0, isLast: index === items.length - 1, onToggle: handleToggle, onKeyDown: handleKeyDown }, item.id || index)); }) })));
 }));
 exports.default = exports.ReqoreAccordion;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAMjE,OAAO,EAAuC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,yBAAyB,CAAC;CACtC;AAED,MAAM,WAAW,uBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAG3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7C;AA+MD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgVxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAM1E,OAAO,EAAuC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAY7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,yBAAyB,CAAC;CACtC;AAED,MAAM,WAAW,uBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAG3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7C;AA2OD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0axD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Breadcrumbs/index.js

@@ -81,6 +81,7 @@ var __1 = require("../..");
 var colors_1 = require("../../constants/colors");
 var sizes_1 = require("../../constants/sizes");
 var colors_2 = require("../../helpers/colors");
+var SurfaceContext_1 = require("../../context/SurfaceContext");
 var useTheme_1 = require("../../hooks/useTheme");
 var Icon_1 = __importDefault(require("../Icon"));
 var item_1 = require("../Tabs/item");
@@ -102,10 +103,7 @@ var StyledReqoreBreadcrumbs = styled_1.default.div(templateObject_2 || (template
 // ellipsise; `overflow: hidden` is the final safety net. Its single child (the
 // folding row, or the static row) fills it, so the row's end is the end of the
 // AVAILABLE width, not of its own content.
-var StyledTrail = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  color: ", ";\n\n  > * {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  /* Force the readable item colour onto the crumbs + collapsed dropdowns, as the\n     original did with a descendant selector. A minimal/flat button sets its OWN\n     text colour directly on the element \u2014 for a chromatic custom theme that\n     resolves to a near-white tint (saturate(tint(0.8, main))) \u2014 which beats the\n     trail's merely-inherited colour. Overriding it here keeps the labels legible\n     (readable-dark on a light themed bar) instead of washing out to white. */\n  .reqore-breadcrumbs-item,\n  .reqore-dropdown-control {\n    color: ", ";\n  }\n"], ["\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  color: ", ";\n\n  > * {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  /* Force the readable item colour onto the crumbs + collapsed dropdowns, as the\n     original did with a descendant selector. A minimal/flat button sets its OWN\n     text colour directly on the element \u2014 for a chromatic custom theme that\n     resolves to a near-white tint (saturate(tint(0.8, main))) \u2014 which beats the\n     trail's merely-inherited colour. Overriding it here keeps the labels legible\n     (readable-dark on a light themed bar) instead of washing out to white. */\n  .reqore-breadcrumbs-item,\n  .reqore-dropdown-control {\n    color: ", ";\n  }\n"])), function (_a) {
-    var $color = _a.$color;
-    return $color;
-}, function (_a) {
+var StyledTrail = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  color: ", ";\n\n  > * {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  /* The crumbs pick their own text colour, against what they are drawn on: the bar\n     (handed to them as their surface) or their own colour, for a crumb with an intent.\n     The bar's colour used to be forced onto every crumb, because a minimal crumb in a\n     chromatic custom theme tinted its label near-white against the page rather than\n     the bar - and it was forced onto a crumb with an intent of its own too, dark text\n     on the warning orange. */\n"], ["\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  color: ", ";\n\n  > * {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  /* The crumbs pick their own text colour, against what they are drawn on: the bar\n     (handed to them as their surface) or their own colour, for a crumb with an intent.\n     The bar's colour used to be forced onto every crumb, because a minimal crumb in a\n     chromatic custom theme tinted its label near-white against the page rather than\n     the bar - and it was forced onto a crumb with an intent of its own too, dark text\n     on the warning orange. */\n"])), function (_a) {
     var $color = _a.$color;
     return $color;
 });
@@ -118,22 +116,44 @@ var StyledStaticTrail = styled_1.default.div(templateObject_5 || (templateObject
 // need - what does not fit is folded into the menu at its start.
 var StyledFoldingTrail = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  min-width: 0;\n"], ["\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  min-width: 0;\n"])));
 /**
- * Whether the trail draws more than it has room for: a part (a crumb, an arrow, the menu) reaches past its end,
- * or the crumb holding tabs is squeezed so that it clips them while a crumb before it could fold instead. When
- * it is the first crumb shown, it is squeezed rather than folded, and its tabs fold into their own menu.
+ * Whether the crumb holding tabs is squeezed while a crumb before it could fold instead: it clips
+ * the tabs it draws, or - at the end of the trail, where it takes the room the other parts leave -
+ * it has less room than all its tabs need, so that some are in their "More" menu. That room is what
+ * the tabs list itself compares its width with (`getTabsLength`, in `data-tabs-width`), not the
+ * width of the tabs it draws now: once some are in "More", it draws narrower, and a trail made
+ * wider again would otherwise unfold its crumbs first. When it is the first crumb shown, it is
+ * squeezed rather than folded, and its tabs fold into their own menu.
+ */
+var tabsSqueezed = function (part) {
+    if (!(part instanceof HTMLElement) ||
+        !part.classList.contains('reqore-breadcrumbs-tabs') ||
+        part.dataset.position === '0') {
+        return false;
+    }
+    var list = part.querySelector('.reqore-tabs-list');
+    // its layout width, as the tabs list measures it: a transform on an ancestor scales neither
+    var room = list ? parseFloat(getComputedStyle(list).width) : NaN;
+    return Number(part.dataset.tabsWidth) > room || part.scrollWidth > part.clientWidth + 0.5;
+};
+/**
+ * Whether the trail draws more than it has room for: a part (a crumb, an arrow, the menu) reaches
+ * past its end, or the crumb holding tabs is squeezed while a crumb before it could fold instead.
  */
 var trailOverflows = function (row) {
     if (!row) {
         return false;
     }
     var end = row.getBoundingClientRect().right;
-    return Array.from(row.children).some(function (part) {
-        return part.getBoundingClientRect().right > end + 0.5 ||
-            (part instanceof HTMLElement &&
-                part.classList.contains('reqore-breadcrumbs-tabs') &&
-                part.dataset.position !== '0' &&
-                part.scrollWidth > part.clientWidth + 0.5);
-    });
+    return Array.from(row.children).some(function (part) { return part.getBoundingClientRect().right > end + 0.5 || tabsSqueezed(part); });
+};
+/**
+ * Whether a part is as wide as the room the other parts leave it in the trail: the crumb holding
+ * tabs at its end, the dropdown standing in for the current page. It gets narrower when the trail
+ * does, which leaves no more room for anything else.
+ */
+var fillsTrail = function (part) {
+    return part.classList.contains('reqore-breadcrumbs-overflow-current') ||
+        (part instanceof HTMLElement && part.dataset.fills === 'true');
 };
 /**
  * Whether two trails are drawn alike, so the second needs no measuring again: the same crumbs, each with the
@@ -165,7 +185,13 @@ var sameTrail = function (one, other) {
             keys.every(function (key) { return sameValue(crumb[key], otherCrumb[key]); }));
     });
 };
-var StyledBreadcrumbsTabsWrapper = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  min-width: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  min-width: 0;\n"])));
+// At the end of the trail, the crumb holding tabs takes all the room the other parts leave
+// (`$fills`): the tabs list measures the room it is given, so a crumb only as wide as the tabs it
+// draws would keep the ones it once put in "More" there however wide the trail got again.
+var StyledBreadcrumbsTabsWrapper = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex: ", ";\n  align-items: center;\n  overflow: hidden;\n  min-width: 0;\n"], ["\n  display: flex;\n  flex: ", ";\n  align-items: center;\n  overflow: hidden;\n  min-width: 0;\n"])), function (_a) {
+    var $fills = _a.$fills;
+    return ($fills ? '1 1 auto' : '0 1 auto');
+});
 // The overflow dropdowns present the collapsed crumbs as a NAVIGATION MENU, so
 // each crumb must render as a clean left-aligned menu row — not as the pill/chip
 // it is in the trail. Strip the crumb's trail-only layout treatment (raised /
@@ -207,15 +233,20 @@ var toMenuItems = function (crumbs) {
     });
 };
 var ReqoreBreadcrumbs = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e;
     var items = _a.items, rightElement = _a.rightElement, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    _testWidth = _a._testWidth, customTheme = _a.customTheme, flat = _a.flat, _e = _a.size, size = _e === void 0 ? 'normal' : _e, _f = _a.responsive, responsive = _f === void 0 ? true : _f, errorBoundaryOptions = _a.errorBoundaryOptions, rest = __rest(_a, ["items", "rightElement", "_testWidth", "customTheme", "flat", "size", "responsive", "errorBoundaryOptions"]);
+    _testWidth = _a._testWidth, customTheme = _a.customTheme, flat = _a.flat, _f = _a.size, size = _f === void 0 ? 'normal' : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g, errorBoundaryOptions = _a.errorBoundaryOptions, rest = __rest(_a, ["items", "rightElement", "_testWidth", "customTheme", "flat", "size", "responsive", "errorBoundaryOptions"]);
     var theme = (0, useTheme_1.useReqoreTheme)('breadcrumbs', customTheme, undefined);
-    var itemColor = ((_c = (_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.color) ||
-        (((_d = theme.breadcrumbs) === null || _d === void 0 ? void 0 : _d.main)
-            ? (0, colors_2.getReadableColorFrom)(theme.breadcrumbs.main, true)
-            : (0, colors_2.getReadableColor)(theme, undefined, undefined, true));
+    // What the trail is drawn on: the bar's own colour over what is under it, or that alone.
+    var surface = (0, SurfaceContext_1.useReqoreSurface)();
+    var barSurface = ((_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.main)
+        ? (0, colors_2.getDrawnColor)(theme.breadcrumbs.main, (0, colors_2.getThemeSurface)(theme, surface))
+        : (0, colors_2.getThemeSurface)(theme, surface);
+    var itemColor = ((_d = (_c = theme.breadcrumbs) === null || _c === void 0 ? void 0 : _c.item) === null || _d === void 0 ? void 0 : _d.color) ||
+        (((_e = theme.breadcrumbs) === null || _e === void 0 ? void 0 : _e.main)
+            ? (0, colors_2.getReadableColorFrom)(barSurface, true)
+            : (0, colors_2.getReadableColor)(theme, undefined, undefined, true, barSurface));
     var leafItem = items[items.length - 1];
     /* The crumbs folded from the start of the trail into its menu: as many as it takes for every part the
        trail draws to lie inside it - the current page too, into one dropdown labelled with it, when even it
@@ -232,18 +263,36 @@ var ReqoreBreadcrumbs = function (_a) {
        - the trail getting wider, or a part narrower: unfolding the same way;
        - the trail getting narrower, or a part wider (a badge arriving, padding animating after the page has
          loaded), so that a part reaches past it: folding.
-       The last two come from a ResizeObserver, after the browser's layout and before its paint. It renders
-       the new fold there and then (`flushSync`), so that frame is painted folded too. It lets go of every
-       part first and takes them up again in the next frame: a size changed inside the observer's own
-       callback would be left unreported, which the browser reports as an error. A part's width is taken
-       when the trail draws it, not from the observer's first report, which can come after it has changed. */
+       The last two come from a ResizeObserver, after the browser's layout and before its paint. It
+       renders the new fold there and then (`flushSync`), so that frame is painted folded too. It lets
+       go of every part first and takes them up again in the next frame: a size changed inside the
+       observer's own callback would be left unreported, which the browser reports as an error. For
+       the same reason the trail keeps its height until then: a crumb with a description is taller
+       than the others, and the trail's height changed inside the callback would change the size of
+       what holds it, which another observer may watch (a panel's, a page layout's).
+       A part's width is taken when the trail draws it, not from the observer's first report, which
+       can come after it has changed. The trail's own width is taken when it is first drawn and then
+       as the observer reports it, so a render that made it wider (a narrower right element, a wider
+       `maxWidth`) is reported too, and unfolds what fits. Widths are compared as
+       `getBoundingClientRect()` gives them, as `trailOverflows` measures: the box the observer
+       reports is not scaled by a transform on an ancestor, so under one every report would differ. */
     var rowRef = (0, react_1.useRef)(null);
-    var _g = (0, react_1.useState)({ items: items, size: size, folded: 0, unfolding: false }), fold = _g[0], setFold = _g[1];
+    var _h = (0, react_1.useState)({ items: items, size: size, folded: 0, unfolding: false }), fold = _h[0], setFold = _h[1];
     var folded = Math.min(fold.folded, (0, lodash_1.size)(items));
+    // as the trail last drew it, for the observer: with every crumb folded, none is left to fold
+    var drawnFold = (0, react_1.useRef)({ folded: folded, total: (0, lodash_1.size)(items) });
     if (fold.size !== size || !sameTrail(fold.items, items)) {
         // measured again during this render, so no frame shows the old fold over the new crumbs
         setFold({ items: items, size: size, folded: folded, unfolding: folded > 0 });
     }
+    // The width all of a crumb's tabs need, by the tabs list's own reckoning (see `tabsSqueezed`).
+    var tabsWidths = (0, react_1.useMemo)(function () {
+        return items.map(function (item) {
+            return item.withTabs
+                ? (0, list_1.getTabsLength)(item.withTabs.tabs.filter(function (tab) { return tab.show !== false; }), 'width', item.withTabs.activeTab, size)
+                : undefined;
+        });
+    }, [items, size]);
     (0, react_1.useLayoutEffect)(function () {
         if (!responsive) {
             return;
@@ -268,42 +317,62 @@ var ReqoreBreadcrumbs = function (_a) {
         if (!responsive || typeof ResizeObserver === 'undefined') {
             return undefined;
         }
+        // what the observer watches, and the width each part was last measured at (see above)
+        var watched = new Set();
         var widths = new Map();
+        // the trail's height as the observer last reported it: its layout height, exact, which a
+        // transform does not scale
+        var rowHeight;
+        var pinned;
         var suspended = false;
         var frame = 0;
         var observer = new ResizeObserver(function (entries) {
-            var _a, _b, _c;
+            var _a, _b;
             var row = rowRef.current;
             if (!row || suspended) {
                 return;
             }
             var unfold = false;
             for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
-                var entry = entries_1[_i];
-                var width = (_c = (_b = (_a = entry.borderBoxSize) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.inlineSize) !== null && _c !== void 0 ? _c : entry.contentRect.width;
-                var was = widths.get(entry.target);
+                var _c = entries_1[_i], target = _c.target, borderBoxSize = _c.borderBoxSize, contentRect = _c.contentRect;
+                var width = target.getBoundingClientRect().width;
+                var was = widths.get(target);
+                if (target === row) {
+                    rowHeight = (_b = (_a = borderBoxSize === null || borderBoxSize === void 0 ? void 0 : borderBoxSize[0]) === null || _a === void 0 ? void 0 : _a.blockSize) !== null && _b !== void 0 ? _b : contentRect.height;
+                }
                 if (was !== undefined && Math.abs(width - was) >= 0.5) {
-                    widths.set(entry.target, width);
+                    widths.set(target, width);
                     // the trail wider, or a part narrower: more may fit
-                    if (entry.target === row ? width > was : width < was) {
+                    if (target === row ? width > was : width < was && !fillsTrail(target)) {
                         unfold = true;
                     }
                 }
             }
-            if (!unfold && !trailOverflows(row)) {
+            var _d = drawnFold.current, drawn = _d.folded, total = _d.total;
+            // a part past the end with every crumb folded (a trail narrower than the current page's
+            // dropdown, which keeps a few characters of it) cannot be folded away
+            if (!unfold && (drawn >= total || !trailOverflows(row))) {
                 return;
             }
             observer.disconnect();
-            widths.clear();
+            watched.clear();
             suspended = true;
+            if (rowHeight !== undefined) {
+                pinned = row;
+                row.style.height = "".concat(rowHeight, "px");
+            }
             try {
-                (0, react_dom_1.flushSync)(function () { return setFold(function (current) { return (__assign(__assign({}, current), { unfolding: unfold || current.unfolding })); }); });
+                (0, react_dom_1.flushSync)(function () {
+                    return setFold(function (current) { return (__assign(__assign({}, current), { unfolding: unfold || current.unfolding })); });
+                });
             }
             finally {
                 frame = requestAnimationFrame(function () {
                     var _a;
                     frame = 0;
                     suspended = false;
+                    pinned === null || pinned === void 0 ? void 0 : pinned.style.removeProperty('height');
+                    pinned = undefined;
                     (_a = watchParts.current) === null || _a === void 0 ? void 0 : _a.call(watchParts);
                 });
             }
@@ -314,34 +383,48 @@ var ReqoreBreadcrumbs = function (_a) {
                 return;
             }
             var parts = __spreadArray([row], Array.from(row.children), true);
-            for (var _i = 0, _a = Array.from(widths.keys()); _i < _a.length; _i++) {
+            for (var _i = 0, _a = Array.from(watched); _i < _a.length; _i++) {
                 var element = _a[_i];
                 if (!parts.includes(element)) {
                     observer.unobserve(element);
+                    watched.delete(element);
+                }
+            }
+            for (var _b = 0, _c = Array.from(widths.keys()); _b < _c.length; _b++) {
+                var element = _c[_b];
+                if (!parts.includes(element)) {
                     widths.delete(element);
                 }
             }
-            for (var _b = 0, parts_1 = parts; _b < parts_1.length; _b++) {
-                var element = parts_1[_b];
-                if (!widths.has(element)) {
+            for (var _d = 0, parts_1 = parts; _d < parts_1.length; _d++) {
+                var element = parts_1[_d];
+                if (!watched.has(element)) {
                     // the border box: a crumb that grows by its padding keeps its content box
                     observer.observe(element, { box: 'border-box' });
+                    watched.add(element);
+                }
+                if (element !== row || !widths.has(row)) {
+                    widths.set(element, element.getBoundingClientRect().width);
                 }
-                widths.set(element, element.getBoundingClientRect().width);
             }
         };
         watchParts.current();
         return function () {
             cancelAnimationFrame(frame);
             observer.disconnect();
+            pinned === null || pinned === void 0 ? void 0 : pinned.style.removeProperty('height');
             watchParts.current = undefined;
         };
     }, [responsive]);
     (0, react_1.useLayoutEffect)(function () {
         var _a;
+        drawnFold.current = { folded: folded, total: (0, lodash_1.size)(items) };
         (_a = watchParts.current) === null || _a === void 0 ? void 0 : _a.call(watchParts);
     });
-    var renderArrow = function (key) { return ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'ArrowRightSLine', size: size, margin: 'both', effect: { opacity: 0.5 } }, key)); };
+    var renderArrow = function (key) { return ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'ArrowRightSLine', size: size, margin: 'both', color: itemColor, effect: {
+            // fainter than the crumbs, as far as it stands out from the bar by 3:1
+            opacity: (0, colors_2.getReadableAlpha)(itemColor, barSurface, 0.5, colors_2.READABLE_ICON_CONTRAST),
+        } }, key)); };
     // Draws every VISIBLE crumb (folded ones go to `renderOverflow` instead), by its
     // POSITION among them. The React key is the crumb's place in the WHOLE trail
     // (`folded + index`): a key by its place among the visible crumbs gave a folded
@@ -355,7 +438,9 @@ var ReqoreBreadcrumbs = function (_a) {
     var renderItem = function (item, index, folded) {
         var key = "crumb-".concat(folded + index);
         if (item.withTabs) {
-            return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbsTabsWrapper, { className: 'reqore-breadcrumbs-tabs', "data-position": index, children: [index !== 0 && renderArrow("".concat(key, "-arrow")), (0, jsx_runtime_1.jsx)(list_1.default, { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, customTheme: customTheme, flat: flat, size: size })] }, key));
+            // only at the end of a folding trail: a crumb after it would be pushed to the trail's end
+            var fills = responsive && folded + index === (0, lodash_1.size)(items) - 1;
+            return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbsTabsWrapper, { className: 'reqore-breadcrumbs-tabs', "data-position": index, "data-fills": fills || undefined, "data-tabs-width": fills ? tabsWidths[folded + index] : undefined, "$fills": fills, children: [index !== 0 && renderArrow("".concat(key, "-arrow")), (0, jsx_runtime_1.jsx)(list_1.default, { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, customTheme: customTheme, flat: flat, size: size })] }, key));
         }
         // Every crumb (including the current page) keeps its natural width and does
         // NOT shrink — a crumb is either shown in full and readable, or it collapses
@@ -396,7 +481,7 @@ var ReqoreBreadcrumbs = function (_a) {
                 // collapsed button IS that same solid chip; a minimal leaf stays
                 // minimal. Mirrors ReqoreBreadcrumbsItem (minimal + flat defaults,
                 // overridden by the item's own active/minimal/flat).
-                active: leafItem === null || leafItem === void 0 ? void 0 : leafItem.active, minimal: (_b = leafItem === null || leafItem === void 0 ? void 0 : leafItem.minimal) !== null && _b !== void 0 ? _b : true, flat: (_c = leafItem === null || leafItem === void 0 ? void 0 : leafItem.flat) !== null && _c !== void 0 ? _c : true, raised: leafItem === null || leafItem === void 0 ? void 0 : leafItem.raised, showCaret: false, icon: leafItem === null || leafItem === void 0 ? void 0 : leafItem.icon, rightIcon: 'ArrowDownSLine', intent: leafItem === null || leafItem === void 0 ? void 0 : leafItem.intent, label: leafItem === null || leafItem === void 0 ? void 0 : leafItem.label, badge: leafItem === null || leafItem === void 0 ? void 0 : leafItem.badge, "aria-label": (_d = leafItem === null || leafItem === void 0 ? void 0 : leafItem['aria-label']) !== null && _d !== void 0 ? _d : leafItem === null || leafItem === void 0 ? void 0 : leafItem.label, title: (_e = leafItem === null || leafItem === void 0 ? void 0 : leafItem.title) !== null && _e !== void 0 ? _e : leafItem === null || leafItem === void 0 ? void 0 : leafItem.label, 
+                active: leafItem === null || leafItem === void 0 ? void 0 : leafItem.active, minimal: (_b = leafItem === null || leafItem === void 0 ? void 0 : leafItem.minimal) !== null && _b !== void 0 ? _b : true, flat: (_c = leafItem === null || leafItem === void 0 ? void 0 : leafItem.flat) !== null && _c !== void 0 ? _c : true, raised: leafItem === null || leafItem === void 0 ? void 0 : leafItem.raised, showCaret: false, icon: leafItem === null || leafItem === void 0 ? void 0 : leafItem.icon, rightIcon: 'ArrowDownSLine', intent: leafItem === null || leafItem === void 0 ? void 0 : leafItem.intent, label: leafItem === null || leafItem === void 0 ? void 0 : leafItem.label, badge: leafItem === null || leafItem === void 0 ? void 0 : leafItem.badge, "aria-label": (_e = (_d = leafItem === null || leafItem === void 0 ? void 0 : leafItem['aria-label']) !== null && _d !== void 0 ? _d : leafItem === null || leafItem === void 0 ? void 0 : leafItem.label) !== null && _e !== void 0 ? _e : leafItem === null || leafItem === void 0 ? void 0 : leafItem.menuLabel, title: leafItem === null || leafItem === void 0 ? void 0 : leafItem.title, 
                 // A floor so the current page always keeps a few readable characters —
                 // never just an icon — however tight the bar gets. This can't cause an
                 // overlap: the trail is `min-width: 0; overflow: hidden`, so it clips
@@ -406,13 +491,16 @@ var ReqoreBreadcrumbs = function (_a) {
         // Ancestors only: the compact "…" group, then its OWN trailing "›" so the
         // first still-visible crumb (which renders at position 0 with no leading
         // separator) connects to it as "… › current page".
-        return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { handler: 'hoverStay', delay: 500, size: size, customTheme: customTheme, showCaret: false, badge: (0, lodash_1.size)(overflowItems), items: toMenuItems(overflowItems), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'MoreLine', effect: { opacity: colors_1.CONTROL_ICON_OPACITY } }) }, 'reqore-breadcrumbs-overflow-menu'), renderArrow('reqore-breadcrumbs-overflow-arrow')] }, 'reqore-breadcrumbs-overflow'));
+        return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { handler: 'hoverStay', delay: 500, size: size, customTheme: customTheme, showCaret: false, badge: (0, lodash_1.size)(overflowItems), items: toMenuItems(overflowItems), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'MoreLine', color: itemColor, effect: {
+                            // as faint as a control's icon, as far as it stands out from the bar by 3:1
+                            opacity: (0, colors_2.getReadableAlpha)(itemColor, barSurface, colors_1.CONTROL_ICON_OPACITY, colors_2.READABLE_ICON_CONTRAST),
+                        } }) }, 'reqore-breadcrumbs-overflow-menu'), renderArrow('reqore-breadcrumbs-overflow-arrow')] }, 'reqore-breadcrumbs-overflow'));
     };
-    return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(StyledReqoreBreadcrumbs, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-breadcrumbs-wrapper"), flat: flat, theme: theme, size: size, responsive: responsive, children: [(0, jsx_runtime_1.jsx)(StyledTrail, { className: 'reqore-breadcrumbs-trail', "$color": itemColor, children: responsive ? (
-                    // Every crumb may fold, the current page too: when even it does not fit, the trail is the one
-                    // dropdown labelled with it. Keeping the current page out of the fold is what used to leave it
-                    // squeezed to an unreadable stub.
-                    (0, jsx_runtime_1.jsxs)(StyledFoldingTrail, { ref: rowRef, className: 'reqore-breadcrumbs-overflow-list', children: [renderOverflow(items.slice(0, folded)), items.slice(folded).map(function (item, index) { return renderItem(item, index, folded); })] })) : ((0, jsx_runtime_1.jsx)(StyledStaticTrail, { children: items.map(function (item, index) { return renderItem(item, index, 0); }) })) }), rightElement && ((0, jsx_runtime_1.jsx)(StyledRight, { className: 'reqore-breadcrumbs-right', children: rightElement }))] })) })));
+    return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(StyledReqoreBreadcrumbs, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-breadcrumbs-wrapper"), flat: flat, theme: theme, size: size, responsive: responsive, children: [(0, jsx_runtime_1.jsx)(SurfaceContext_1.ReqoreSurfaceProvider, { color: barSurface, children: (0, jsx_runtime_1.jsx)(StyledTrail, { className: 'reqore-breadcrumbs-trail', "$color": itemColor, children: responsive ? (
+                        // Every crumb may fold, the current page too: when even it does not fit, the trail is the one
+                        // dropdown labelled with it. Keeping the current page out of the fold is what used to leave it
+                        // squeezed to an unreadable stub.
+                        (0, jsx_runtime_1.jsxs)(StyledFoldingTrail, { ref: rowRef, className: 'reqore-breadcrumbs-overflow-list', children: [renderOverflow(items.slice(0, folded)), items.slice(folded).map(function (item, index) { return renderItem(item, index, folded); })] })) : ((0, jsx_runtime_1.jsx)(StyledStaticTrail, { children: items.map(function (item, index) { return renderItem(item, index, 0); }) })) }) }), rightElement && ((0, jsx_runtime_1.jsx)(StyledRight, { className: 'reqore-breadcrumbs-right', children: rightElement }))] })) })));
 };
 exports.default = ReqoreBreadcrumbs;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;