@qoretechnologies/reqore 0.78.6-pr.715.gdfefa70 → 0.78.6-pr.718.g198236d

package/.claude/CLAUDE.md

@@ -184,6 +184,20 @@ release on npm.
 - **Location:** `src/stories/` (e.g. `Collection.stories.tsx`).
 - **Pattern:** ArgTypes for props, canvas controls, visual testing via Chromatic.
 - **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`), 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
+  synchronously (react-popper's `forceUpdate` renders with `flushSync`). Defer that change to the next
+  frame (`requestAnimationFrame`, once per frame), or measure without changing the layout.
 
 ### Verifying a visual fix locally with Qlip — reqore mechanics
 

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;AAShF,OAAO,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAWpE,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;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"}

package/dist/components/Accordion/index.js

@@ -58,12 +58,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReqoreAccordion = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
+var styled_components_1 = require("styled-components");
+var styled_1 = __importDefault(require("../../helpers/styled"));
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var utils_1 = require("../../helpers/utils");
@@ -75,7 +79,7 @@ var Header_1 = require("../Header");
 var Icon_1 = __importStar(require("../Icon"));
 var Span_1 = require("../Span");
 var TooltipComponent_1 = require("../TooltipComponent");
-var StyledAccordionWrapper = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n  border-radius: ", "px;\n  overflow: hidden;\n  border: ", ";\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n  border-radius: ", "px;\n  overflow: hidden;\n  border: ", ";\n\n  ", "\n"])), function (_a) {
+var StyledAccordionWrapper = (0, styled_1.default)(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n  border-radius: ", "px;\n  overflow: hidden;\n  border: ", ";\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n  border-radius: ", "px;\n  overflow: hidden;\n  border: ", ";\n\n  ", "\n"])), function (_a) {
     var $fluid = _a.$fluid;
     return ($fluid ? '100%' : undefined);
 }, function (_a) {
@@ -83,16 +87,16 @@ var StyledAccordionWrapper = (0, styled_components_1.default)(Effect_1.StyledEff
     return (rounded ? sizes_1.RADIUS_FROM_SIZE[size] : 0);
 }, function (_a) {
     var flat = _a.flat, theme = _a.theme;
-    return flat ? undefined : "1px solid ".concat((0, colors_1.getPanelHairlineColor)(theme));
+    return flat ? undefined : "1px solid ".concat((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08));
 }, function (_a) {
     var disabled = _a.disabled;
     return disabled && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.DisabledElement);
 });
-var StyledAccordionItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  &:not(:first-child) {\n    border-top: ", ";\n  }\n"], ["\n  &:not(:first-child) {\n    border-top: ", ";\n  }\n"])), function (_a) {
+var StyledAccordionItem = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  &:not(:first-child) {\n    border-top: ", ";\n  }\n"], ["\n  &:not(:first-child) {\n    border-top: ", ";\n  }\n"])), function (_a) {
     var flat = _a.flat, theme = _a.theme;
-    return flat ? undefined : "1px solid ".concat((0, colors_1.getPanelHairlineColor)(theme));
+    return flat ? undefined : "1px solid ".concat((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.08));
 });
-var StyledAccordionHeader = styled_components_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) {
+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) {
     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) {
@@ -119,16 +123,16 @@ var StyledAccordionHeader = styled_components_1.default.div(templateObject_5 ||
     var disabled = _a.disabled;
     return disabled && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), styles_1.DisabledElement);
 });
-var StyledAccordionChevron = (0, styled_components_1.default)(Icon_1.StyledIconWrapper)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transition: transform 0.2s ease-out !important;\n  transform: rotate(", ") !important;\n  flex-shrink: 0;\n"], ["\n  transition: transform 0.2s ease-out !important;\n  transform: rotate(", ") !important;\n  flex-shrink: 0;\n"])), function (_a) {
+var StyledAccordionChevron = (0, styled_1.default)(Icon_1.StyledIconWrapper)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transition: transform 0.2s ease-out !important;\n  transform: rotate(", ") !important;\n  flex-shrink: 0;\n"], ["\n  transition: transform 0.2s ease-out !important;\n  transform: rotate(", ") !important;\n  flex-shrink: 0;\n"])), function (_a) {
     var $isOpen = _a.$isOpen;
     return ($isOpen ? '180deg' : '0deg');
 });
-var StyledAccordionContentWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.2s ease-in-out;\n"], ["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.2s ease-in-out;\n"])), function (_a) {
+var StyledAccordionContentWrapper = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.2s ease-in-out;\n"], ["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.2s ease-in-out;\n"])), function (_a) {
     var $isOpen = _a.$isOpen;
     return ($isOpen ? '1fr' : '0fr');
 });
-var StyledAccordionContentInner = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  overflow: hidden;\n"], ["\n  overflow: hidden;\n"])));
-var StyledAccordionContentBody = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: ", ";\n  font-size: ", "px;\n  color: ", ";\n  background-color: ", ";\n  border-top: 1px solid ", ";\n"], ["\n  padding: ", ";\n  font-size: ", "px;\n  color: ", ";\n  background-color: ", ";\n  border-top: 1px solid ", ";\n"])), function (_a) {
+var StyledAccordionContentInner = styled_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  overflow: hidden;\n"], ["\n  overflow: hidden;\n"])));
+var StyledAccordionContentBody = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: ", ";\n  font-size: ", "px;\n  color: ", ";\n  background-color: ", ";\n  border-top: 1px solid ", ";\n"], ["\n  padding: ", ";\n  font-size: ", "px;\n  color: ", ";\n  background-color: ", ";\n  border-top: 1px solid ", ";\n"])), function (_a) {
     var size = _a.size;
     return "".concat(sizes_1.PADDING_FROM_SIZE[size] * 3, "px ").concat(sizes_1.PADDING_FROM_SIZE[size] * 4.6, "px");
 }, function (_a) {
@@ -139,7 +143,7 @@ var StyledAccordionContentBody = styled_components_1.default.div(templateObject_
     return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
 }, function (_a) {
     var theme = _a.theme;
-    return (0, polished_1.rgba)((0, colors_1.getPanelBackgroundColor)(theme), 1);
+    return (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), 1);
 }, function (_a) {
     var theme = _a.theme;
     return (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.05);

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,KAAK,MAAM,OAAO,CAAC;AAK1B,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;AAoID,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyMxD,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;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+OD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwZxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Breadcrumbs/index.js

@@ -58,15 +58,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var lodash_1 = require("lodash");
-var react_1 = __importDefault(require("react"));
-var react_overflow_list_1 = require("react-overflow-list");
-var styled_components_1 = __importStar(require("styled-components"));
+var react_1 = __importStar(require("react"));
+var react_dom_1 = require("react-dom");
+var styled_components_1 = require("styled-components");
+var styled_1 = __importDefault(require("../../helpers/styled"));
 var __1 = require("../..");
 var colors_1 = require("../../constants/colors");
 var sizes_1 = require("../../constants/sizes");
@@ -82,7 +92,7 @@ var item_2 = __importDefault(require("./item"));
 // element never shrinks (`flex: 0 0 auto`) and the trail takes whatever is left
 // (`flex: 1; min-width: 0; overflow: hidden`), so the two can never overlap at
 // any width; the trail collapses/ellipsises to fit the space it's given.
-var StyledReqoreBreadcrumbs = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var StyledReqoreBreadcrumbs = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var _b;
     var theme = _a.theme, size = _a.size, flat = _a.flat, _c = _a.padded, padded = _c === void 0 ? true : _c, _d = _a.margin, margin = _d === void 0 ? 'both' : _d, responsive = _a.responsive;
     return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: ", ";\n    margin-top: ", "px;\n    margin-bottom: ", "px;\n    display: flex;\n    align-items: center;\n    padding: 0 ", "px;\n    border-bottom: ", ";\n    background-color: ", ";\n\n    ", " {\n      flex: 1;\n    }\n    ", ", ", " {\n      border-bottom: 0;\n    }\n  "], ["\n    width: ", ";\n    margin-top: ", "px;\n    margin-bottom: ", "px;\n    display: flex;\n    align-items: center;\n    padding: 0 ", "px;\n    border-bottom: ", ";\n    background-color: ", ";\n\n    ", " {\n      flex: 1;\n    }\n    ", ", ", " {\n      border-bottom: 0;\n    }\n  "])), responsive ? '100%' : undefined, margin === 'both' || margin === 'top' ? sizes_1.MARGIN_FROM_SIZE[size] : 0, margin === 'both' || margin === 'bottom' ? sizes_1.MARGIN_FROM_SIZE[size] : 0, padded ? sizes_1.PADDING_FROM_SIZE[size] : 0, flat ? undefined : "1px solid ".concat((0, colors_2.changeLightness)(theme.main, 0.05)), ((_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.main) || 'transparent', list_1.StyledReqoreTabsList, list_1.StyledReqoreTabsList, item_1.StyledTabListItem);
@@ -90,9 +100,9 @@ var StyledReqoreBreadcrumbs = styled_components_1.default.div(templateObject_2 |
 // The trail region — takes all the width the right element leaves and clips.
 // `min-width: 0` lets it shrink below its content so the current page can
 // ellipsise; `overflow: hidden` is the final safety net. Its single child (the
-// `OverflowList` row, or the static row) fills it so `OverflowList` measures the
-// AVAILABLE width, not its own content.
-var StyledTrail = styled_components_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 OverflowList container sets only display/flexWrap/minWidth inline (no\n     align-items), so without this its crumbs top-align against the tallest one\n     \u2014 e.g. a crumb carrying a two-line description. Center them so the row\n     reads as a single baseline, matching the static trail. */\n  .reqore-breadcrumbs-overflow-list {\n    align-items: center;\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  /* The OverflowList container sets only display/flexWrap/minWidth inline (no\n     align-items), so without this its crumbs top-align against the tallest one\n     \u2014 e.g. a crumb carrying a two-line description. Center them so the row\n     reads as a single baseline, matching the static trail. */\n  .reqore-breadcrumbs-overflow-list {\n    align-items: center;\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) {
+// 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) {
@@ -101,9 +111,89 @@ var StyledTrail = styled_components_1.default.div(templateObject_3 || (templateO
 });
 // The right element NEVER shrinks — this is what makes overlap with the trail
 // structurally impossible at any width.
-var StyledRight = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n"], ["\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n"])));
-var StyledStaticTrail = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  min-width: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  min-width: 0;\n"])));
-var StyledBreadcrumbsTabsWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __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"])));
+var StyledRight = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n"], ["\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n"])));
+var StyledStaticTrail = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  min-width: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  min-width: 0;\n"])));
+// The responsive trail's row: its crumbs on one line, centred against the tallest
+// (a crumb with a two-line description), and as wide as the trail, whatever they
+// 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 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 || 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
+ * same values. Handlers are left out (a page that passes new ones on every render still passes the same
+ * trail), and an object value (`props`, an `effect`) is compared one level down.
+ */
+var sameTrail = function (one, other) {
+    if (one === other) {
+        return true;
+    }
+    if (one.length !== other.length) {
+        return false;
+    }
+    var sameValue = function (a, b) {
+        if (a === b || (typeof a === 'function' && typeof b === 'function')) {
+            return true;
+        }
+        if (!a || !b || typeof a !== 'object' || typeof b !== 'object' || react_1.default.isValidElement(a)) {
+            return false;
+        }
+        var keys = Object.keys(a);
+        return (keys.length === Object.keys(b).length &&
+            keys.every(function (key) { return a[key] === b[key]; }));
+    };
+    return one.every(function (crumb, index) {
+        var keys = Object.keys(crumb);
+        var otherCrumb = other[index];
+        return (keys.length === Object.keys(otherCrumb).length &&
+            keys.every(function (key) { return sameValue(crumb[key], otherCrumb[key]); }));
+    });
+};
+// 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 /
@@ -155,24 +245,196 @@ var ReqoreBreadcrumbs = function (_a) {
             ? (0, colors_2.getReadableColorFrom)(theme.breadcrumbs.main, true)
             : (0, colors_2.getReadableColor)(theme, undefined, undefined, true));
     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
+       does not fit. It is settled before the browser paints, so no frame ever draws a crumb past the trail
+       (qorus#646: when the page changed its crumbs, the trail used to fold one crumb per frame, and a phone
+       showed "… › New chat" running 79px past the trail for 50ms). After each render a layout effect
+       measures the parts and folds one more crumb while one reaches past the trail (or the crumb holding
+       tabs clips them, see `trailOverflows`), or one fewer while everything fits and the trail is
+       unfolding; each step is a render React makes before the browser paints.
+  
+       What measures the trail again:
+       - a new trail (`items`, unless it is drawn alike) or crumb size: from what is folded now, unfolding
+         while everything fits;
+       - 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. 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 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;
+        }
+        if (trailOverflows(rowRef.current)) {
+            if (folded < (0, lodash_1.size)(items)) {
+                setFold(function (current) { return (__assign(__assign({}, current), { folded: folded + 1, unfolding: false })); });
+            }
+            else if (fold.unfolding) {
+                setFold(function (current) { return (__assign(__assign({}, current), { unfolding: false })); });
+            }
+        }
+        else if (fold.unfolding) {
+            setFold(function (current) {
+                return folded > 0 ? __assign(__assign({}, current), { folded: folded - 1 }) : __assign(__assign({}, current), { unfolding: false });
+            });
+        }
+    });
+    // The parts the observer watches, taken up after every render (see above).
+    var watchParts = (0, react_1.useRef)();
+    (0, react_1.useLayoutEffect)(function () {
+        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;
+            var row = rowRef.current;
+            if (!row || suspended) {
+                return;
+            }
+            var unfold = false;
+            for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+                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(target, width);
+                    // the trail wider, or a part narrower: more may fit
+                    if (target === row ? width > was : width < was && !fillsTrail(target)) {
+                        unfold = true;
+                    }
+                }
+            }
+            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();
+            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 })); });
+                });
+            }
+            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);
+                });
+            }
+        });
+        watchParts.current = function () {
+            var row = rowRef.current;
+            if (!row || suspended) {
+                return;
+            }
+            var parts = __spreadArray([row], Array.from(row.children), true);
+            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 _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);
+                }
+            }
+        };
+        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)); };
-    // `OverflowList` calls this for every VISIBLE crumb (collapsed ancestors go to
-    // `renderOverflow` instead), passing the crumb's POSITION. Both the React key
-    // and the separator are derived from that position — NOT from the item's
-    // identity or `items.indexOf(item)`. This matters because on a re-render with a
-    // new `items` array, OverflowList briefly maps over its previous (stale) item
-    // objects; `indexOf` would return -1 for them, collapsing every crumb onto the
-    // same key `crumb--1` and making React accumulate DOM (a new crumb appended on
-    // every render). A positional key is always valid and unique.
+    // 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
+    // crumb's element to the next crumb along, which then animated from that
+    // crumb's look to its own - and was measured while it did.
     //
     // The separator precedes every visible crumb except the one at position 0. When
     // ancestors collapse, `renderOverflow` emits the "…" group followed by its own
     // trailing "›", so the first visible crumb (position 0, no leading separator)
     // still connects to it.
-    var renderItem = function (item, index) {
-        var key = "crumb-".concat(index);
+    var renderItem = function (item, index, folded) {
+        var key = "crumb-".concat(folded + index);
         if (item.withTabs) {
-            return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbsTabsWrapper, { 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
@@ -183,7 +445,7 @@ var ReqoreBreadcrumbs = function (_a) {
         return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [index !== 0 && renderArrow("".concat(key, "-arrow")), (0, jsx_runtime_1.jsx)(item_2.default, __assign({ customTheme: customTheme }, item, { size: size }))] }, key));
     };
     // The collapsed crumbs, folded into a dropdown at the start of the trail.
-    // Two shapes, because collapse happens from the start (`collapseFrom:'start'`):
+    // Two shapes, because crumbs fold from the start:
     //
     //  - Only ancestors collapsed → a compact "…" with a hidden-count badge; the
     //    current page stays inline (in full) to its right.
@@ -193,13 +455,11 @@ var ReqoreBreadcrumbs = function (_a) {
     //    "one button that reads as the current page instead of just …" behaviour,
     //    and it guarantees the current page is always legible however tight it gets.
     var renderOverflow = function (overflowItems) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         if (!(0, lodash_1.size)(overflowItems)) {
             return null;
         }
-        // Count-based, not identity-based: everything collapsed ⇒ the overflow holds
-        // as many crumbs as the trail has. (Identity would break when OverflowList
-        // maps over stale item objects during a re-render.)
+        // everything folded: the menu stands in for the current page
         var isFullyCollapsed = (0, lodash_1.size)(overflowItems) >= (0, lodash_1.size)(items);
         if (isFullyCollapsed) {
             return ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { className: 'reqore-breadcrumbs-overflow-current', handler: 'hoverStay', delay: 500, size: size, 
@@ -215,7 +475,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, 
+                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
@@ -227,13 +487,12 @@ var ReqoreBreadcrumbs = function (_a) {
         // 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.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 ? ((0, jsx_runtime_1.jsx)(react_overflow_list_1.OverflowList, { className: 'reqore-breadcrumbs-overflow-list', items: items, collapseFrom: 'start', 
-                        // 0, not 1: when even the current page can't fit, it must be
-                        // allowed to collapse too so `renderOverflow` can fold the trail
-                        // into the single current-page-labelled dropdown. Keeping 1 here is
-                        // what forced the leaf to stay and shrink to an unreadable stub.
-                        minVisibleItems: 0, itemRenderer: renderItem, overflowRenderer: renderOverflow })) : ((0, jsx_runtime_1.jsx)(StyledStaticTrail, { children: items.map(renderItem) })) }), 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)(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;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=index.js.map