overflowed 0.0.0-experimental-20221120013127 → 0.0.0-experimental-20260129225612

package/package.json

@@ -1,23 +1,10 @@
 {
-  "name": "overflowed",
-  "version": "0.0.0-experimental-20221120013127",
-  "main": "./index.js",
-  "module": "./index.mjs",
-  "types": "./index.d.ts",
-  "peerDependencies": {
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "svelte": "^3.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@types/react": {
-      "optional": true
-    },
-    "react": {
-      "optional": true
-    },
-    "svelte": {
-      "optional": true
-    }
-  }
-}
+	"name": "overflowed",
+	"version": "0.0.0-experimental-20260129225612",
+	"license": "MIT",
+	"type": "module",
+	"exports": {
+		".": "./dist/mod.js",
+		"./package.json": "./package.json"
+	}
+}

package/Overflowed-53afb67e.d.ts

@@ -1,29 +0,0 @@
-interface OverflowedOptions {
-    axis?: "horizontal" | "vertical";
-    onUpdate: (visibleItemCount: number, indicatorElementOffset: number) => void;
-    disableIndicatorResizeProtection?: boolean;
-    ResizeObserver?: typeof ResizeObserver;
-}
-type Breakpoint = [lowerBound: number, upperBound: number];
-declare class Overflowed {
-    readonly axis: "horizontal" | "vertical";
-    private onUpdate;
-    private resizeObserver;
-    private containerElement;
-    private indicatorElement;
-    private indicatorSize?;
-    constructor({ ResizeObserver, axis, onUpdate, }: OverflowedOptions);
-    registerContainerElement(containerElement: HTMLElement): void;
-    registerIndicatorElement(indicatorElement: HTMLElement): void;
-    registerItemElement(itemElement: HTMLElement): void;
-    /** Should be called before the container element is unmounted. */
-    onContainerElementWillUnmount(): void;
-    private getElementSize;
-    private getElementOffsetFromRight;
-    private getElementOffsetFromLeft;
-    private update;
-    private requestedUpdate;
-    requestUpdate(): void;
-}
-
-export { Breakpoint as B, OverflowedOptions as O, Overflowed as a };

package/chunk-DATLJDI5.mjs

@@ -1,130 +0,0 @@
-// modules/core/Overflowed.ts
-var Overflowed = class {
-  axis;
-  onUpdate;
-  resizeObserver;
-  containerElement = null;
-  indicatorElement = null;
-  indicatorSize;
-  constructor({
-    ResizeObserver = typeof window === "undefined" ? void 0 : window.ResizeObserver,
-    axis = "horizontal",
-    onUpdate
-  }) {
-    this.resizeObserver = ResizeObserver && new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        if (entry.target === this.indicatorElement) {
-          if (entry.target.clientWidth > 0 && entry.target.clientWidth !== this.indicatorSize) {
-            console.warn("width doesn't match", this.indicatorSize, entry.target.clientWidth);
-          }
-          this.indicatorSize = entry.target.clientWidth;
-        } else if (entry.target.parentNode === this.containerElement) {
-        }
-      }
-      this.requestUpdate();
-    });
-    this.axis = axis;
-    this.onUpdate = onUpdate;
-  }
-  registerContainerElement(containerElement) {
-    this.containerElement = containerElement;
-    this.resizeObserver?.observe(containerElement);
-    this.requestUpdate();
-  }
-  registerIndicatorElement(indicatorElement) {
-    this.indicatorElement = indicatorElement;
-    this.indicatorSize = indicatorElement.clientWidth;
-    this.resizeObserver?.observe(indicatorElement);
-    this.requestUpdate();
-  }
-  registerItemElement(itemElement) {
-    this.resizeObserver?.observe(itemElement);
-    this.requestUpdate();
-  }
-  onContainerElementWillUnmount() {
-    this.resizeObserver?.disconnect();
-    this.containerElement = null;
-    this.indicatorElement = null;
-  }
-  getElementSize(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetWidth;
-    }
-    return element.offsetHeight;
-  }
-  getElementOffsetFromRight(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetLeft;
-    }
-    return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetTop;
-  }
-  getElementOffsetFromLeft(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetLeft;
-    }
-    return element.offsetTop;
-  }
-  update() {
-    if (!this.containerElement) {
-      return;
-    }
-    const { direction, paddingBlockStart, paddingBlockEnd, paddingInlineStart, paddingInlineEnd } = window.getComputedStyle(this.containerElement);
-    const offsetStart = parseInt(this.axis === "horizontal" ? paddingInlineStart : paddingBlockStart, 10);
-    const offsetEnd = parseInt(this.axis === "horizontal" ? paddingInlineEnd : paddingBlockEnd, 10);
-    const isRtl = direction === "rtl";
-    const containerElementSize = this.getElementSize(this.containerElement) - offsetStart - offsetEnd;
-    const indicatorElementSize = this.getElementSize(this.indicatorElement);
-    const childrenArray = Array.from(this.containerElement.children).filter((element) => element !== this.indicatorElement).filter(isHtmlElement);
-    const getOffset = isRtl ? this.getElementOffsetFromRight.bind(this) : this.getElementOffsetFromLeft.bind(this);
-    const breakpoints = [];
-    for (const [_index, childElement] of childrenArray.entries()) {
-      const childOffset = getOffset(childElement);
-      const childSize = this.getElementSize(childElement);
-      breakpoints.push([childOffset - offsetStart, childOffset + childSize + offsetEnd]);
-    }
-    if (breakpoints.length === 0) {
-      return;
-    }
-    const containerIntersectingChildIndex = breakpoints.findIndex(([_start, end]) => end > containerElementSize);
-    if (containerIntersectingChildIndex !== -1) {
-      const intersectingChildIndex = breakpoints.findIndex(
-        ([start, end]) => (this.indicatorElement ? start : end) > containerElementSize - indicatorElementSize
-      );
-      const newVisibleItemCount = Math.max(intersectingChildIndex - (this.indicatorElement ? 1 : 0), 0);
-      const newIndicatorElementOffset = breakpoints[newVisibleItemCount]?.[0] + offsetStart;
-      this.onUpdate(newVisibleItemCount, newIndicatorElementOffset);
-    } else {
-      this.onUpdate(breakpoints.length, 0);
-    }
-  }
-  requestedUpdate = false;
-  requestUpdate() {
-    if (this.requestedUpdate) {
-      return;
-    }
-    this.requestedUpdate = true;
-    this.update();
-    window.requestAnimationFrame(() => {
-      this.requestedUpdate = false;
-    });
-  }
-};
-var isHtmlElement = (element) => {
-  if (element instanceof HTMLElement) {
-    return true;
-  }
-  throw new Error("Element provided is not a HTMLElement.");
-};
-
-export {
-  Overflowed
-};

package/core/index.d.ts

@@ -1 +0,0 @@
-export { B as Breakpoint, a as Overflowed, O as OverflowedOptions } from '../Overflowed-53afb67e.js';

package/core/index.js

@@ -1,156 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// modules/core/index.ts
-var core_exports = {};
-__export(core_exports, {
-  Overflowed: () => Overflowed
-});
-module.exports = __toCommonJS(core_exports);
-
-// modules/core/Overflowed.ts
-var Overflowed = class {
-  axis;
-  onUpdate;
-  resizeObserver;
-  containerElement = null;
-  indicatorElement = null;
-  indicatorSize;
-  constructor({
-    ResizeObserver = typeof window === "undefined" ? void 0 : window.ResizeObserver,
-    axis = "horizontal",
-    onUpdate
-  }) {
-    this.resizeObserver = ResizeObserver && new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        if (entry.target === this.indicatorElement) {
-          if (entry.target.clientWidth > 0 && entry.target.clientWidth !== this.indicatorSize) {
-            console.warn("width doesn't match", this.indicatorSize, entry.target.clientWidth);
-          }
-          this.indicatorSize = entry.target.clientWidth;
-        } else if (entry.target.parentNode === this.containerElement) {
-        }
-      }
-      this.requestUpdate();
-    });
-    this.axis = axis;
-    this.onUpdate = onUpdate;
-  }
-  registerContainerElement(containerElement) {
-    this.containerElement = containerElement;
-    this.resizeObserver?.observe(containerElement);
-    this.requestUpdate();
-  }
-  registerIndicatorElement(indicatorElement) {
-    this.indicatorElement = indicatorElement;
-    this.indicatorSize = indicatorElement.clientWidth;
-    this.resizeObserver?.observe(indicatorElement);
-    this.requestUpdate();
-  }
-  registerItemElement(itemElement) {
-    this.resizeObserver?.observe(itemElement);
-    this.requestUpdate();
-  }
-  onContainerElementWillUnmount() {
-    this.resizeObserver?.disconnect();
-    this.containerElement = null;
-    this.indicatorElement = null;
-  }
-  getElementSize(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetWidth;
-    }
-    return element.offsetHeight;
-  }
-  getElementOffsetFromRight(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetLeft;
-    }
-    return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetTop;
-  }
-  getElementOffsetFromLeft(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetLeft;
-    }
-    return element.offsetTop;
-  }
-  update() {
-    if (!this.containerElement) {
-      return;
-    }
-    const { direction, paddingBlockStart, paddingBlockEnd, paddingInlineStart, paddingInlineEnd } = window.getComputedStyle(this.containerElement);
-    const offsetStart = parseInt(this.axis === "horizontal" ? paddingInlineStart : paddingBlockStart, 10);
-    const offsetEnd = parseInt(this.axis === "horizontal" ? paddingInlineEnd : paddingBlockEnd, 10);
-    const isRtl = direction === "rtl";
-    const containerElementSize = this.getElementSize(this.containerElement) - offsetStart - offsetEnd;
-    const indicatorElementSize = this.getElementSize(this.indicatorElement);
-    const childrenArray = Array.from(this.containerElement.children).filter((element) => element !== this.indicatorElement).filter(isHtmlElement);
-    const getOffset = isRtl ? this.getElementOffsetFromRight.bind(this) : this.getElementOffsetFromLeft.bind(this);
-    const breakpoints = [];
-    for (const [_index, childElement] of childrenArray.entries()) {
-      const childOffset = getOffset(childElement);
-      const childSize = this.getElementSize(childElement);
-      breakpoints.push([childOffset - offsetStart, childOffset + childSize + offsetEnd]);
-    }
-    if (breakpoints.length === 0) {
-      return;
-    }
-    const containerIntersectingChildIndex = breakpoints.findIndex(([_start, end]) => end > containerElementSize);
-    if (containerIntersectingChildIndex !== -1) {
-      const intersectingChildIndex = breakpoints.findIndex(
-        ([start, end]) => (this.indicatorElement ? start : end) > containerElementSize - indicatorElementSize
-      );
-      const newVisibleItemCount = Math.max(intersectingChildIndex - (this.indicatorElement ? 1 : 0), 0);
-      const newIndicatorElementOffset = breakpoints[newVisibleItemCount]?.[0] + offsetStart;
-      this.onUpdate(newVisibleItemCount, newIndicatorElementOffset);
-    } else {
-      this.onUpdate(breakpoints.length, 0);
-    }
-  }
-  requestedUpdate = false;
-  requestUpdate() {
-    if (this.requestedUpdate) {
-      return;
-    }
-    this.requestedUpdate = true;
-    this.update();
-    window.requestAnimationFrame(() => {
-      this.requestedUpdate = false;
-    });
-  }
-};
-var isHtmlElement = (element) => {
-  if (element instanceof HTMLElement) {
-    return true;
-  }
-  throw new Error("Element provided is not a HTMLElement.");
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Overflowed
-});

package/core/index.mjs

@@ -1,7 +0,0 @@
-import "../chunk-TXQIKLPR.mjs";
-import {
-  Overflowed
-} from "../chunk-DATLJDI5.mjs";
-export {
-  Overflowed
-};

package/index.d.ts

@@ -1,4 +0,0 @@
-/** @deprecated Don't export this. */
-var undefined$1 = undefined;
-
-export { undefined$1 as default };

package/index.js

@@ -1,28 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// modules/index.ts
-var modules_exports = {};
-__export(modules_exports, {
-  default: () => modules_default
-});
-module.exports = __toCommonJS(modules_exports);
-var modules_default = void 0;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/index.mjs

@@ -1,5 +0,0 @@
-// modules/index.ts
-var modules_default = void 0;
-export {
-  modules_default as default
-};

package/react/index.d.ts

@@ -1,17 +0,0 @@
-import { O as OverflowedOptions } from '../Overflowed-53afb67e.js';
-
-interface UseOverflowedItemsState {
-    visibleItemCount: number;
-    indicatorElementOffset: number | undefined;
-    isMounted: boolean;
-}
-interface UseOverflowedItemsOptions extends Omit<OverflowedOptions, "onUpdate"> {
-    enableEmptyOverflowedItems?: boolean;
-    maxItemCount?: number;
-}
-declare const useOverflowedItems: <Item extends unknown>(items: Item[], { enableEmptyOverflowedItems, maxItemCount, ...options }?: UseOverflowedItemsOptions) => readonly [(readonly [Item, any])[], Item[], {
-    getContainerProps: any;
-    getIndicatorProps: any;
-}];
-
-export { UseOverflowedItemsOptions, UseOverflowedItemsState, useOverflowedItems };

package/react/index.js

@@ -1,258 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// modules/react/index.ts
-var react_exports = {};
-__export(react_exports, {
-  useOverflowedItems: () => useOverflowedItems
-});
-module.exports = __toCommonJS(react_exports);
-
-// modules/react/useOverflowedItems.tsx
-var import_react = require("react");
-
-// modules/core/Overflowed.ts
-var Overflowed = class {
-  axis;
-  onUpdate;
-  resizeObserver;
-  containerElement = null;
-  indicatorElement = null;
-  indicatorSize;
-  constructor({
-    ResizeObserver = typeof window === "undefined" ? void 0 : window.ResizeObserver,
-    axis = "horizontal",
-    onUpdate
-  }) {
-    this.resizeObserver = ResizeObserver && new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        if (entry.target === this.indicatorElement) {
-          if (entry.target.clientWidth > 0 && entry.target.clientWidth !== this.indicatorSize) {
-            console.warn("width doesn't match", this.indicatorSize, entry.target.clientWidth);
-          }
-          this.indicatorSize = entry.target.clientWidth;
-        } else if (entry.target.parentNode === this.containerElement) {
-        }
-      }
-      this.requestUpdate();
-    });
-    this.axis = axis;
-    this.onUpdate = onUpdate;
-  }
-  registerContainerElement(containerElement) {
-    this.containerElement = containerElement;
-    this.resizeObserver?.observe(containerElement);
-    this.requestUpdate();
-  }
-  registerIndicatorElement(indicatorElement) {
-    this.indicatorElement = indicatorElement;
-    this.indicatorSize = indicatorElement.clientWidth;
-    this.resizeObserver?.observe(indicatorElement);
-    this.requestUpdate();
-  }
-  registerItemElement(itemElement) {
-    this.resizeObserver?.observe(itemElement);
-    this.requestUpdate();
-  }
-  onContainerElementWillUnmount() {
-    this.resizeObserver?.disconnect();
-    this.containerElement = null;
-    this.indicatorElement = null;
-  }
-  getElementSize(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetWidth;
-    }
-    return element.offsetHeight;
-  }
-  getElementOffsetFromRight(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetLeft;
-    }
-    return this.getElementSize(element.parentElement) - this.getElementSize(element) - element.offsetTop;
-  }
-  getElementOffsetFromLeft(element) {
-    if (!element) {
-      return 0;
-    }
-    if (this.axis === "horizontal") {
-      return element.offsetLeft;
-    }
-    return element.offsetTop;
-  }
-  update() {
-    if (!this.containerElement) {
-      return;
-    }
-    const { direction, paddingBlockStart, paddingBlockEnd, paddingInlineStart, paddingInlineEnd } = window.getComputedStyle(this.containerElement);
-    const offsetStart = parseInt(this.axis === "horizontal" ? paddingInlineStart : paddingBlockStart, 10);
-    const offsetEnd = parseInt(this.axis === "horizontal" ? paddingInlineEnd : paddingBlockEnd, 10);
-    const isRtl = direction === "rtl";
-    const containerElementSize = this.getElementSize(this.containerElement) - offsetStart - offsetEnd;
-    const indicatorElementSize = this.getElementSize(this.indicatorElement);
-    const childrenArray = Array.from(this.containerElement.children).filter((element) => element !== this.indicatorElement).filter(isHtmlElement);
-    const getOffset = isRtl ? this.getElementOffsetFromRight.bind(this) : this.getElementOffsetFromLeft.bind(this);
-    const breakpoints = [];
-    for (const [_index, childElement] of childrenArray.entries()) {
-      const childOffset = getOffset(childElement);
-      const childSize = this.getElementSize(childElement);
-      breakpoints.push([childOffset - offsetStart, childOffset + childSize + offsetEnd]);
-    }
-    if (breakpoints.length === 0) {
-      return;
-    }
-    const containerIntersectingChildIndex = breakpoints.findIndex(([_start, end]) => end > containerElementSize);
-    if (containerIntersectingChildIndex !== -1) {
-      const intersectingChildIndex = breakpoints.findIndex(
-        ([start, end]) => (this.indicatorElement ? start : end) > containerElementSize - indicatorElementSize
-      );
-      const newVisibleItemCount = Math.max(intersectingChildIndex - (this.indicatorElement ? 1 : 0), 0);
-      const newIndicatorElementOffset = breakpoints[newVisibleItemCount]?.[0] + offsetStart;
-      this.onUpdate(newVisibleItemCount, newIndicatorElementOffset);
-    } else {
-      this.onUpdate(breakpoints.length, 0);
-    }
-  }
-  requestedUpdate = false;
-  requestUpdate() {
-    if (this.requestedUpdate) {
-      return;
-    }
-    this.requestedUpdate = true;
-    this.update();
-    window.requestAnimationFrame(() => {
-      this.requestedUpdate = false;
-    });
-  }
-};
-var isHtmlElement = (element) => {
-  if (element instanceof HTMLElement) {
-    return true;
-  }
-  throw new Error("Element provided is not a HTMLElement.");
-};
-
-// modules/react/defaultCreateGetContainerProps.ts
-var defaultCreateGetContainerProps = (overflowed, state) => ({ style } = {}) => ({
-  ref: (containerElement) => {
-    if (!(containerElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerContainerElement(containerElement);
-  },
-  style: {
-    overflowX: overflowed.axis === "horizontal" ? state.isMounted ? "clip" : "auto" : void 0,
-    overflowY: overflowed.axis === "horizontal" ? state.isMounted ? "clip" : "auto" : void 0,
-    ...style
-  }
-});
-
-// modules/react/defaultCreateGetIndicatorProps.ts
-var defaultCreateGetIndicatorProps = (overflowed, state, isVisible) => ({ style } = {}) => ({
-  ref: (indicatorElement) => {
-    if (!(indicatorElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerIndicatorElement(indicatorElement);
-  },
-  style: isVisible ? {
-    position: isVisible ? "absolute" : void 0,
-    insetInlineStart: isVisible ? state.indicatorElementOffset : void 0,
-    marginInlineStart: 0,
-    ...style
-  } : {
-    userSelect: "none",
-    pointerEvents: "none",
-    visibility: "hidden"
-  }
-});
-
-// modules/react/defaultCreateGetItemProps.ts
-var defaultCreateGetItemProps = (overflowed, state, isHidden) => ({ style } = {}) => ({
-  ref: (itemElement) => {
-    if (!(itemElement instanceof HTMLElement)) {
-      return;
-    }
-    overflowed.registerItemElement(itemElement);
-  },
-  style: {
-    ...isHidden ? {
-      userSelect: "none",
-      pointerEvents: "none",
-      visibility: "hidden"
-    } : {},
-    ...style
-  },
-  "aria-hidden": isHidden ? true : false
-});
-
-// modules/react/useOverflowedItems.tsx
-var useOverflowedItems = (items, {
-  enableEmptyOverflowedItems,
-  maxItemCount = items.length,
-  ...options
-} = {}) => {
-  const [state, setState] = (0, import_react.useState)({
-    visibleItemCount: maxItemCount,
-    indicatorElementOffset: void 0,
-    isMounted: false
-  });
-  const overflowedRef = (0, import_react.useRef)(
-    new Overflowed({
-      ...options,
-      onUpdate: (newVisibleItemCount, newIndicatorElementOffset) => setState(({ isMounted }) => ({
-        isMounted,
-        visibleItemCount: Math.min(newVisibleItemCount, maxItemCount),
-        indicatorElementOffset: newIndicatorElementOffset
-      }))
-    })
-  );
-  (0, import_react.useEffect)(() => {
-    setState((previousState) => ({ ...previousState, isMounted: true }));
-    return () => overflowedRef.current.onContainerElementWillUnmount();
-  }, []);
-  const visibleItems = (0, import_react.useMemo)(
-    () => items.map(
-      (item, index) => [item, defaultCreateGetItemProps(overflowedRef.current, state, index >= state.visibleItemCount)]
-    ),
-    [items, state]
-  );
-  const overflowedItems = (0, import_react.useMemo)(
-    () => state.visibleItemCount < items.length ? items.slice(state.visibleItemCount) : [],
-    [state.visibleItemCount, enableEmptyOverflowedItems]
-  );
-  const props = (0, import_react.useMemo)(
-    () => ({
-      getContainerProps: defaultCreateGetContainerProps(overflowedRef.current, state),
-      getIndicatorProps: defaultCreateGetIndicatorProps(overflowedRef.current, state, overflowedItems.length > 0)
-    }),
-    [state, overflowedItems]
-  );
-  return [visibleItems, overflowedItems, props];
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useOverflowedItems
-});