@react-spectrum/breadcrumbs 3.2.4 → 3.2.7

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/breadcrumb/vars.css","./packages/@react-spectrum/breadcrumbs/src/BreadcrumbItem.tsx","./packages/@react-spectrum/breadcrumbs/src/Breadcrumbs.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BreadcrumbItemProps} from '@react-types/breadcrumbs';\nimport ChevronRightSmall from '@spectrum-icons/ui/ChevronRightSmall';\nimport {classNames, getWrappedElement} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {Fragment, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbItem} from '@react-aria/breadcrumbs';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps) {\n  let {\n    children,\n    isCurrent,\n    isDisabled\n  } = props;\n\n  let {direction} = useLocale();\n  let ref = useRef();\n  let {itemProps} = useBreadcrumbItem({\n    ...props,\n    elementType: typeof children === 'string' ? 'span' : 'a'\n  }, ref);\n  let {hoverProps, isHovered} = useHover(props);\n\n  let element = React.cloneElement(\n    getWrappedElement(children),\n    {\n      ...mergeProps(itemProps, hoverProps),\n      ref,\n      className:\n        classNames(\n          styles,\n          'spectrum-Breadcrumbs-itemLink',\n          {\n            'is-disabled': !isCurrent && isDisabled,\n            'is-hovered': isHovered\n          }\n        )\n    }\n  );\n\n  return (\n    <Fragment>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n        {element}\n      </FocusRing>\n      {isCurrent === false &&\n        <ChevronRightSmall\n          UNSAFE_className={\n            classNames(\n              styles,\n              'spectrum-Breadcrumbs-itemSeparator',\n              {\n                'is-reversed': direction === 'rtl'\n              }\n            )\n          } />\n      }\n    </Fragment>\n  );\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {ActionButton} from '@react-spectrum/button';\nimport {BreadcrumbItem} from './BreadcrumbItem';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport FolderBreadcrumb from '@spectrum-icons/ui/FolderBreadcrumb';\nimport {Menu, MenuTrigger} from '@react-spectrum/menu';\nimport React, {Key, ReactElement, useCallback, useRef} from 'react';\nimport {SpectrumBreadcrumbsProps} from '@react-types/breadcrumbs';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbs} from '@react-aria/breadcrumbs';\nimport {useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst MIN_VISIBLE_ITEMS = 1;\nconst MAX_VISIBLE_ITEMS = 4;\n\nfunction Breadcrumbs<T>(props: SpectrumBreadcrumbsProps<T>, ref: DOMRef) {\n  props = useProviderProps(props);\n  let {\n    size = 'L',\n    isMultiline,\n    children,\n    showRoot,\n    isDisabled,\n    onAction,\n    ...otherProps\n  } = props;\n\n  // Not using React.Children.toArray because it mutates the key prop.\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n\n  let domRef = useDOMRef(ref);\n  let listRef = useRef<HTMLUListElement>(null);\n\n  let [visibleItems, setVisibleItems] = useValueEffect(childArray.length);\n\n  let {navProps} = useBreadcrumbs(props);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let updateOverflow = useCallback(() => {\n    let computeVisibleItems = (visibleItems: number) => {\n      // Refs can be null at runtime.\n      let currListRef: HTMLUListElement | null = listRef.current;\n      if (!currListRef) {\n        return;\n      }\n\n      let listItems = Array.from(currListRef.children) as HTMLLIElement[];\n      let containerWidth = currListRef.offsetWidth;\n      let isShowingMenu = childArray.length > visibleItems;\n      let calculatedWidth = 0;\n      let newVisibleItems = 0;\n      let maxVisibleItems = MAX_VISIBLE_ITEMS;\n\n      if (showRoot) {\n        calculatedWidth += listItems.shift().offsetWidth;\n        newVisibleItems++;\n      }\n\n      if (isShowingMenu) {\n        calculatedWidth += listItems.shift().offsetWidth;\n        maxVisibleItems--;\n      }\n\n      if (showRoot && calculatedWidth >= containerWidth) {\n        newVisibleItems--;\n      }\n\n      // TODO: what if multiline and only one breadcrumb??\n      if (isMultiline) {\n        listItems.pop();\n        newVisibleItems++;\n      } else {\n        // Ensure the last breadcrumb isn't truncated when we measure it.\n        let last = listItems.pop();\n        last.style.overflow = 'visible';\n\n        calculatedWidth += last.offsetWidth;\n        if (calculatedWidth < containerWidth) {\n          newVisibleItems++;\n        }\n\n        last.style.overflow = '';\n      }\n\n      for (let breadcrumb of listItems.reverse()) {\n        calculatedWidth += breadcrumb.offsetWidth;\n        if (calculatedWidth < containerWidth) {\n          newVisibleItems++;\n        }\n      }\n\n      return Math.max(MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));\n    };\n\n    setVisibleItems(function *() {\n      // Update to show all items.\n      yield childArray.length;\n\n      // Measure, and update to show the items that fit.\n      let newVisibleItems = computeVisibleItems(childArray.length);\n      yield newVisibleItems;\n\n      // If the number of items is less than the number of children,\n      // then update again to ensure that the menu fits.\n      if (newVisibleItems < childArray.length && newVisibleItems > 1) {\n        yield computeVisibleItems(newVisibleItems);\n      }\n    });\n  }, [listRef, children, setVisibleItems, showRoot, isMultiline]);\n\n  useResizeObserver({ref: domRef, onResize: updateOverflow});\n\n  useLayoutEffect(updateOverflow, [children]);\n\n  let contents = childArray;\n  if (childArray.length > visibleItems) {\n    let selectedItem = childArray[childArray.length - 1];\n    let selectedKey = selectedItem.key ?? childArray.length - 1;\n    let onMenuAction = (key: Key) => {\n      // Don't fire onAction when clicking on the last item\n      if (key !== selectedKey && onAction) {\n        onAction(key);\n      }\n    };\n\n    let menuItem = (\n      <BreadcrumbItem key=\"menu\">\n        <MenuTrigger>\n          <ActionButton\n            aria-label=\"…\"\n            isQuiet\n            isDisabled={isDisabled}>\n            <FolderBreadcrumb />\n          </ActionButton>\n          <Menu selectionMode=\"single\" selectedKeys={[selectedKey]} onAction={onMenuAction}>\n            {childArray}\n          </Menu>\n        </MenuTrigger>\n      </BreadcrumbItem>\n    );\n\n    contents = [menuItem];\n    let breadcrumbs = [...childArray];\n    let endItems = visibleItems;\n    if (showRoot && visibleItems > 1) {\n      contents.unshift(breadcrumbs.shift());\n      endItems--;\n    }\n    contents.push(...breadcrumbs.slice(-endItems));\n  }\n\n  let lastIndex = contents.length - 1;\n  let breadcrumbItems = contents.map((child, index) => {\n    let isCurrent = index === lastIndex;\n    let key = child.key ?? index;\n    let onPress = () => {\n      if (onAction) {\n        onAction(key);\n      }\n    };\n\n    return (\n      <li\n        key={key}\n        className={\n          classNames(\n            styles,\n            'spectrum-Breadcrumbs-item'\n          )\n        }>\n        <BreadcrumbItem\n          isCurrent={isCurrent}\n          isDisabled={isDisabled}\n          onPress={onPress}>\n          {child.props.children}\n        </BreadcrumbItem>\n      </li>\n    );\n  });\n\n  return (\n    <nav\n      {...styleProps}\n      {...navProps}\n      ref={domRef}>\n      <ul\n        ref={listRef}\n        className={\n          classNames(\n            styles,\n            'spectrum-Breadcrumbs',\n            {\n              'spectrum-Breadcrumbs--small': size === 'S',\n              'spectrum-Breadcrumbs--medium': size === 'M',\n              'spectrum-Breadcrumbs--multiline': isMultiline,\n              'spectrum-Breadcrumbs--showRoot': showRoot,\n              'is-disabled': isDisabled\n            },\n            styleProps.className\n          )\n        }>\n        {breadcrumbItems}\n      </ul>\n    </nav>\n  );\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.\n */\nlet _Breadcrumbs = React.forwardRef(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\n"],"names":["$parcel$interopDefault","a","__esModule","default","BreadcrumbItem","props","children","isCurrent","isDisabled","direction","useLocale","ref","useRef","itemProps","useBreadcrumbItem","elementType","hoverProps","isHovered","useHover","element","React","cloneElement","getWrappedElement","mergeProps","className","classNames","MIN_VISIBLE_ITEMS","MAX_VISIBLE_ITEMS","Breadcrumbs","useProviderProps","size","isMultiline","showRoot","onAction","otherProps","childArray","Children","forEach","child","isValidElement","push","domRef","useDOMRef","listRef","visibleItems","setVisibleItems","useValueEffect","length","navProps","useBreadcrumbs","styleProps","useStyleProps","updateOverflow","useCallback","computeVisibleItems","currListRef","current","listItems","Array","from","containerWidth","offsetWidth","isShowingMenu","calculatedWidth","newVisibleItems","maxVisibleItems","shift","pop","last","style","overflow","breadcrumb","reverse","Math","max","min","useResizeObserver","onResize","useLayoutEffect","contents","selectedItem","selectedKey","key","onMenuAction","menuItem","breadcrumbs","endItems","unshift","slice","lastIndex","breadcrumbItems","map","index","onPress","_Breadcrumbs","forwardRef"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/breadcrumbs/src/index.ts","packages/@react-spectrum/breadcrumbs/src/Breadcrumbs.tsx","packages/@react-spectrum/breadcrumbs/src/BreadcrumbItem.tsx","packages/@adobe/spectrum-css-temp/components/breadcrumb/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport * from './Breadcrumbs';\nexport {Item} from '@react-stately/collections';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {ActionButton} from '@react-spectrum/button';\nimport {BreadcrumbItem} from './BreadcrumbItem';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport FolderBreadcrumb from '@spectrum-icons/ui/FolderBreadcrumb';\nimport {Menu, MenuTrigger} from '@react-spectrum/menu';\nimport React, {Key, ReactElement, useCallback, useRef} from 'react';\nimport {SpectrumBreadcrumbsProps} from '@react-types/breadcrumbs';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbs} from '@react-aria/breadcrumbs';\nimport {useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useResizeObserver} from '@react-aria/utils';\n\nconst MIN_VISIBLE_ITEMS = 1;\nconst MAX_VISIBLE_ITEMS = 4;\n\nfunction Breadcrumbs<T>(props: SpectrumBreadcrumbsProps<T>, ref: DOMRef) {\n  props = useProviderProps(props);\n  let {\n    size = 'L',\n    isMultiline,\n    children,\n    showRoot,\n    isDisabled,\n    onAction,\n    ...otherProps\n  } = props;\n\n  // Not using React.Children.toArray because it mutates the key prop.\n  let childArray: ReactElement[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n\n  let domRef = useDOMRef(ref);\n  let listRef = useRef<HTMLUListElement>(null);\n\n  let [visibleItems, setVisibleItems] = useValueEffect(childArray.length);\n\n  let {navProps} = useBreadcrumbs(props);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let updateOverflow = useCallback(() => {\n    let computeVisibleItems = (visibleItems: number) => {\n      // Refs can be null at runtime.\n      let currListRef: HTMLUListElement | null = listRef.current;\n      if (!currListRef) {\n        return;\n      }\n\n      let listItems = Array.from(currListRef.children) as HTMLLIElement[];\n      let containerWidth = currListRef.offsetWidth;\n      let isShowingMenu = childArray.length > visibleItems;\n      let calculatedWidth = 0;\n      let newVisibleItems = 0;\n      let maxVisibleItems = MAX_VISIBLE_ITEMS;\n\n      if (showRoot) {\n        calculatedWidth += listItems.shift().offsetWidth;\n        newVisibleItems++;\n      }\n\n      if (isShowingMenu) {\n        calculatedWidth += listItems.shift().offsetWidth;\n        maxVisibleItems--;\n      }\n\n      if (showRoot && calculatedWidth >= containerWidth) {\n        newVisibleItems--;\n      }\n\n      // TODO: what if multiline and only one breadcrumb??\n      if (isMultiline) {\n        listItems.pop();\n        newVisibleItems++;\n      } else {\n        // Ensure the last breadcrumb isn't truncated when we measure it.\n        let last = listItems.pop();\n        last.style.overflow = 'visible';\n\n        calculatedWidth += last.offsetWidth;\n        if (calculatedWidth < containerWidth) {\n          newVisibleItems++;\n        }\n\n        last.style.overflow = '';\n      }\n\n      for (let breadcrumb of listItems.reverse()) {\n        calculatedWidth += breadcrumb.offsetWidth;\n        if (calculatedWidth < containerWidth) {\n          newVisibleItems++;\n        }\n      }\n\n      return Math.max(MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));\n    };\n\n    setVisibleItems(function *() {\n      // Update to show all items.\n      yield childArray.length;\n\n      // Measure, and update to show the items that fit.\n      let newVisibleItems = computeVisibleItems(childArray.length);\n      yield newVisibleItems;\n\n      // If the number of items is less than the number of children,\n      // then update again to ensure that the menu fits.\n      if (newVisibleItems < childArray.length && newVisibleItems > 1) {\n        yield computeVisibleItems(newVisibleItems);\n      }\n    });\n  }, [listRef, children, setVisibleItems, showRoot, isMultiline]);\n\n  useResizeObserver({ref: domRef, onResize: updateOverflow});\n\n  useLayoutEffect(updateOverflow, [children]);\n\n  let contents = childArray;\n  if (childArray.length > visibleItems) {\n    let selectedItem = childArray[childArray.length - 1];\n    let selectedKey = selectedItem.key ?? childArray.length - 1;\n    let onMenuAction = (key: Key) => {\n      // Don't fire onAction when clicking on the last item\n      if (key !== selectedKey && onAction) {\n        onAction(key);\n      }\n    };\n\n    let menuItem = (\n      <BreadcrumbItem key=\"menu\">\n        <MenuTrigger>\n          <ActionButton\n            aria-label=\"…\"\n            isQuiet\n            isDisabled={isDisabled}>\n            <FolderBreadcrumb />\n          </ActionButton>\n          <Menu selectionMode=\"single\" selectedKeys={[selectedKey]} onAction={onMenuAction}>\n            {childArray}\n          </Menu>\n        </MenuTrigger>\n      </BreadcrumbItem>\n    );\n\n    contents = [menuItem];\n    let breadcrumbs = [...childArray];\n    let endItems = visibleItems;\n    if (showRoot && visibleItems > 1) {\n      contents.unshift(breadcrumbs.shift());\n      endItems--;\n    }\n    contents.push(...breadcrumbs.slice(-endItems));\n  }\n\n  let lastIndex = contents.length - 1;\n  let breadcrumbItems = contents.map((child, index) => {\n    let isCurrent = index === lastIndex;\n    let key = child.key ?? index;\n    let onPress = () => {\n      if (onAction) {\n        onAction(key);\n      }\n    };\n\n    return (\n      <li\n        key={key}\n        className={\n          classNames(\n            styles,\n            'spectrum-Breadcrumbs-item'\n          )\n        }>\n        <BreadcrumbItem\n          isCurrent={isCurrent}\n          isDisabled={isDisabled}\n          onPress={onPress}>\n          {child.props.children}\n        </BreadcrumbItem>\n      </li>\n    );\n  });\n\n  return (\n    <nav\n      {...styleProps}\n      {...navProps}\n      ref={domRef}>\n      <ul\n        ref={listRef}\n        className={\n          classNames(\n            styles,\n            'spectrum-Breadcrumbs',\n            {\n              'spectrum-Breadcrumbs--small': size === 'S',\n              'spectrum-Breadcrumbs--medium': size === 'M',\n              'spectrum-Breadcrumbs--multiline': isMultiline,\n              'spectrum-Breadcrumbs--showRoot': showRoot,\n              'is-disabled': isDisabled\n            },\n            styleProps.className\n          )\n        }>\n        {breadcrumbItems}\n      </ul>\n    </nav>\n  );\n}\n\n/**\n * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.\n */\nlet _Breadcrumbs = React.forwardRef(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BreadcrumbItemProps} from '@react-types/breadcrumbs';\nimport ChevronRightSmall from '@spectrum-icons/ui/ChevronRightSmall';\nimport {classNames, getWrappedElement} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {Fragment, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';\nimport {useBreadcrumbItem} from '@react-aria/breadcrumbs';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps) {\n  let {\n    children,\n    isCurrent,\n    isDisabled\n  } = props;\n\n  let {direction} = useLocale();\n  let ref = useRef();\n  let {itemProps} = useBreadcrumbItem({\n    ...props,\n    elementType: typeof children === 'string' ? 'span' : 'a'\n  }, ref);\n  let {hoverProps, isHovered} = useHover(props);\n\n  let element = React.cloneElement(\n    getWrappedElement(children),\n    {\n      ...mergeProps(itemProps, hoverProps),\n      ref,\n      className:\n        classNames(\n          styles,\n          'spectrum-Breadcrumbs-itemLink',\n          {\n            'is-disabled': !isCurrent && isDisabled,\n            'is-hovered': isHovered\n          }\n        )\n    }\n  );\n\n  return (\n    <Fragment>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')}>\n        {element}\n      </FocusRing>\n      {isCurrent === false &&\n        <ChevronRightSmall\n          UNSAFE_className={\n            classNames(\n              styles,\n              'spectrum-Breadcrumbs-itemSeparator',\n              {\n                'is-reversed': direction === 'rtl'\n              }\n            )\n          } />\n      }\n    </Fragment>\n  );\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,272 +1,275 @@
-import { useProviderProps } from "@react-spectrum/provider";
-import { Menu, MenuTrigger } from "@react-spectrum/menu";
-import _spectrumIconsUiFolderBreadcrumb from "@spectrum-icons/ui/FolderBreadcrumb";
-import { useLocale } from "@react-aria/i18n";
-import { useHover } from "@react-aria/interactions";
-import { useBreadcrumbItem, useBreadcrumbs } from "@react-aria/breadcrumbs";
-import _react, { Fragment, useRef, useCallback } from "react";
-import { mergeProps, useLayoutEffect, useValueEffect, useResizeObserver } from "@react-aria/utils";
-import { FocusRing } from "@react-aria/focus";
-import { classNames, getWrappedElement, useDOMRef, useStyleProps } from "@react-spectrum/utils";
-import _spectrumIconsUiChevronRightSmall from "@spectrum-icons/ui/ChevronRightSmall";
-import { ActionButton } from "@react-spectrum/button";
-import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-import { Item } from "@react-stately/collections";
-export { Item };
 import "./main.css";
+import {Item as $37781313afe0968e$re_export$Item} from "@react-stately/collections";
+import {ActionButton as $koRP3$ActionButton} from "@react-spectrum/button";
+import {useDOMRef as $koRP3$useDOMRef, useStyleProps as $koRP3$useStyleProps, classNames as $koRP3$classNames, getWrappedElement as $koRP3$getWrappedElement} from "@react-spectrum/utils";
+import $koRP3$spectrumiconsuiFolderBreadcrumb from "@spectrum-icons/ui/FolderBreadcrumb";
+import {MenuTrigger as $koRP3$MenuTrigger, Menu as $koRP3$Menu} from "@react-spectrum/menu";
+import $koRP3$react, {useRef as $koRP3$useRef, useCallback as $koRP3$useCallback, Fragment as $koRP3$Fragment} from "react";
+import {useBreadcrumbs as $koRP3$useBreadcrumbs, useBreadcrumbItem as $koRP3$useBreadcrumbItem} from "@react-aria/breadcrumbs";
+import {useValueEffect as $koRP3$useValueEffect, useResizeObserver as $koRP3$useResizeObserver, useLayoutEffect as $koRP3$useLayoutEffect, mergeProps as $koRP3$mergeProps} from "@react-aria/utils";
+import {useProviderProps as $koRP3$useProviderProps} from "@react-spectrum/provider";
+import $koRP3$spectrumiconsuiChevronRightSmall from "@spectrum-icons/ui/ChevronRightSmall";
+import {FocusRing as $koRP3$FocusRing} from "@react-aria/focus";
+import {useHover as $koRP3$useHover} from "@react-aria/interactions";
+import {useLocale as $koRP3$useLocale} from "@react-aria/i18n";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/breadcrumb/vars.css
-var $a5baa762b556403ac2f1cf2374238631$exports = {};
-$a5baa762b556403ac2f1cf2374238631$exports = {
-  "spectrum-Breadcrumbs": "_spectrum-Breadcrumbs_e7b3e",
-  "spectrum-Breadcrumbs-itemSeparator": "_spectrum-Breadcrumbs-itemSeparator_e7b3e",
-  "is-reversed": "_is-reversed_e7b3e",
-  "spectrum-Breadcrumbs-item": "_spectrum-Breadcrumbs-item_e7b3e",
-  "spectrum-ActionButton": "_spectrum-ActionButton_e7b3e",
-  "spectrum-Breadcrumbs-itemLink": "_spectrum-Breadcrumbs-itemLink_e7b3e",
-  "is-hovered": "_is-hovered_e7b3e",
-  "focus-ring": "_focus-ring_e7b3e",
-  "is-dragged": "_is-dragged_e7b3e",
-  "spectrum-Breadcrumbs--small": "_spectrum-Breadcrumbs--small_e7b3e",
-  "spectrum-Breadcrumbs--medium": "_spectrum-Breadcrumbs--medium_e7b3e",
-  "spectrum-Breadcrumbs--multiline": "_spectrum-Breadcrumbs--multiline_e7b3e",
-  "spectrum-Heading--pageTitle": "_spectrum-Heading--pageTitle_e7b3e",
-  "is-disabled": "_is-disabled_e7b3e",
-  "is-selected": "_is-selected_e7b3e",
-  "spectrum-Breadcrumb": "_spectrum-Breadcrumb_e7b3e"
-};
-var $a5baa762b556403ac2f1cf2374238631$$interop$default = $parcel$interopDefault($a5baa762b556403ac2f1cf2374238631$exports);
-
-function $dacda927994e51fbe8a71ffbc$export$BreadcrumbItem(props) {
-  let {
-    children,
-    isCurrent,
-    isDisabled
-  } = props;
-  let {
-    direction
-  } = useLocale();
-  let ref = useRef();
-  let {
-    itemProps
-  } = useBreadcrumbItem(_babelRuntimeHelpersEsmExtends({}, props, {
-    elementType: typeof children === 'string' ? 'span' : 'a'
-  }), ref);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover(props);
-
-  let element = /*#__PURE__*/_react.cloneElement(getWrappedElement(children), _babelRuntimeHelpersEsmExtends({}, mergeProps(itemProps, hoverProps), {
-    ref,
-    className: classNames($a5baa762b556403ac2f1cf2374238631$$interop$default, 'spectrum-Breadcrumbs-itemLink', {
-      'is-disabled': !isCurrent && isDisabled,
-      'is-hovered': isHovered
-    })
-  }));
-
-  return /*#__PURE__*/_react.createElement(Fragment, null, /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a5baa762b556403ac2f1cf2374238631$$interop$default, 'focus-ring')
-  }, element), isCurrent === false && /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronRightSmall, {
-    UNSAFE_className: classNames($a5baa762b556403ac2f1cf2374238631$$interop$default, 'spectrum-Breadcrumbs-itemSeparator', {
-      'is-reversed': direction === 'rtl'
-    })
-  }));
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $2adaf67aabd3300b$exports = {};
+
+$parcel$export($2adaf67aabd3300b$exports, "Breadcrumbs", () => $2adaf67aabd3300b$export$2dc68d50d56fbbd);
+
+
+
+
+
+
+var $48e85557f3729e3d$exports = {};
+
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs", () => $48e85557f3729e3d$export$8c6320d2db82081f, (v) => $48e85557f3729e3d$export$8c6320d2db82081f = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs-itemSeparator", () => $48e85557f3729e3d$export$f72910e36cd91d1e, (v) => $48e85557f3729e3d$export$f72910e36cd91d1e = v);
+$parcel$export($48e85557f3729e3d$exports, "is-reversed", () => $48e85557f3729e3d$export$a4561bd665abb5db, (v) => $48e85557f3729e3d$export$a4561bd665abb5db = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs-item", () => $48e85557f3729e3d$export$492a5983c5fbf603, (v) => $48e85557f3729e3d$export$492a5983c5fbf603 = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-ActionButton", () => $48e85557f3729e3d$export$53da69f51b770d3, (v) => $48e85557f3729e3d$export$53da69f51b770d3 = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs-itemLink", () => $48e85557f3729e3d$export$5af6a1bcd207d9f6, (v) => $48e85557f3729e3d$export$5af6a1bcd207d9f6 = v);
+$parcel$export($48e85557f3729e3d$exports, "is-hovered", () => $48e85557f3729e3d$export$b8813cd5d7824ce7, (v) => $48e85557f3729e3d$export$b8813cd5d7824ce7 = v);
+$parcel$export($48e85557f3729e3d$exports, "focus-ring", () => $48e85557f3729e3d$export$f39a09f249340e2a, (v) => $48e85557f3729e3d$export$f39a09f249340e2a = v);
+$parcel$export($48e85557f3729e3d$exports, "is-dragged", () => $48e85557f3729e3d$export$8778c911bed6c759, (v) => $48e85557f3729e3d$export$8778c911bed6c759 = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs--small", () => $48e85557f3729e3d$export$e01337e7944312f6, (v) => $48e85557f3729e3d$export$e01337e7944312f6 = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs--medium", () => $48e85557f3729e3d$export$19f957201d941895, (v) => $48e85557f3729e3d$export$19f957201d941895 = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumbs--multiline", () => $48e85557f3729e3d$export$713961e8e432825b, (v) => $48e85557f3729e3d$export$713961e8e432825b = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Heading--pageTitle", () => $48e85557f3729e3d$export$63e9e087a73f808b, (v) => $48e85557f3729e3d$export$63e9e087a73f808b = v);
+$parcel$export($48e85557f3729e3d$exports, "is-disabled", () => $48e85557f3729e3d$export$d35bc1e505d1ebbf, (v) => $48e85557f3729e3d$export$d35bc1e505d1ebbf = v);
+$parcel$export($48e85557f3729e3d$exports, "is-selected", () => $48e85557f3729e3d$export$1e0fb04f31d3c22a, (v) => $48e85557f3729e3d$export$1e0fb04f31d3c22a = v);
+$parcel$export($48e85557f3729e3d$exports, "spectrum-Breadcrumb", () => $48e85557f3729e3d$export$45a5316056cfac3c, (v) => $48e85557f3729e3d$export$45a5316056cfac3c = v);
+var $48e85557f3729e3d$export$8c6320d2db82081f;
+var $48e85557f3729e3d$export$f72910e36cd91d1e;
+var $48e85557f3729e3d$export$a4561bd665abb5db;
+var $48e85557f3729e3d$export$492a5983c5fbf603;
+var $48e85557f3729e3d$export$53da69f51b770d3;
+var $48e85557f3729e3d$export$5af6a1bcd207d9f6;
+var $48e85557f3729e3d$export$b8813cd5d7824ce7;
+var $48e85557f3729e3d$export$f39a09f249340e2a;
+var $48e85557f3729e3d$export$8778c911bed6c759;
+var $48e85557f3729e3d$export$e01337e7944312f6;
+var $48e85557f3729e3d$export$19f957201d941895;
+var $48e85557f3729e3d$export$713961e8e432825b;
+var $48e85557f3729e3d$export$63e9e087a73f808b;
+var $48e85557f3729e3d$export$d35bc1e505d1ebbf;
+var $48e85557f3729e3d$export$1e0fb04f31d3c22a;
+var $48e85557f3729e3d$export$45a5316056cfac3c;
+$48e85557f3729e3d$export$8c6320d2db82081f = "spectrum-Breadcrumbs_3fe6e8";
+$48e85557f3729e3d$export$f72910e36cd91d1e = "spectrum-Breadcrumbs-itemSeparator_3fe6e8";
+$48e85557f3729e3d$export$a4561bd665abb5db = "is-reversed_3fe6e8";
+$48e85557f3729e3d$export$492a5983c5fbf603 = "spectrum-Breadcrumbs-item_3fe6e8";
+$48e85557f3729e3d$export$53da69f51b770d3 = "spectrum-ActionButton_3fe6e8";
+$48e85557f3729e3d$export$5af6a1bcd207d9f6 = "spectrum-Breadcrumbs-itemLink_3fe6e8";
+$48e85557f3729e3d$export$b8813cd5d7824ce7 = "is-hovered_3fe6e8";
+$48e85557f3729e3d$export$f39a09f249340e2a = "focus-ring_3fe6e8";
+$48e85557f3729e3d$export$8778c911bed6c759 = "is-dragged_3fe6e8";
+$48e85557f3729e3d$export$e01337e7944312f6 = "spectrum-Breadcrumbs--small_3fe6e8";
+$48e85557f3729e3d$export$19f957201d941895 = "spectrum-Breadcrumbs--medium_3fe6e8";
+$48e85557f3729e3d$export$713961e8e432825b = "spectrum-Breadcrumbs--multiline_3fe6e8";
+$48e85557f3729e3d$export$63e9e087a73f808b = "spectrum-Heading--pageTitle_3fe6e8";
+$48e85557f3729e3d$export$d35bc1e505d1ebbf = "is-disabled_3fe6e8";
+$48e85557f3729e3d$export$1e0fb04f31d3c22a = "is-selected_3fe6e8";
+$48e85557f3729e3d$export$45a5316056cfac3c = "spectrum-Breadcrumb_3fe6e8";
+
+
+
+
+
+function $2bfa2c84c665c457$export$c13f210c706eb549(props) {
+    let { children: children , isCurrent: isCurrent , isDisabled: isDisabled  } = props;
+    let { direction: direction  } = $koRP3$useLocale();
+    let ref = $koRP3$useRef();
+    let { itemProps: itemProps  } = $koRP3$useBreadcrumbItem({
+        ...props,
+        elementType: typeof children === 'string' ? 'span' : 'a'
+    }, ref);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $koRP3$useHover(props);
+    let element = /*#__PURE__*/ $koRP3$react.cloneElement($koRP3$getWrappedElement(children), {
+        ...$koRP3$mergeProps(itemProps, hoverProps),
+        ref: ref,
+        className: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'spectrum-Breadcrumbs-itemLink', {
+            'is-disabled': !isCurrent && isDisabled,
+            'is-hovered': isHovered
+        })
+    });
+    return(/*#__PURE__*/ $koRP3$react.createElement($koRP3$Fragment, null, /*#__PURE__*/ $koRP3$react.createElement($koRP3$FocusRing, {
+        focusRingClass: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'focus-ring')
+    }, element), isCurrent === false && /*#__PURE__*/ $koRP3$react.createElement($koRP3$spectrumiconsuiChevronRightSmall, {
+        UNSAFE_className: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'spectrum-Breadcrumbs-itemSeparator', {
+            'is-reversed': direction === 'rtl'
+        })
+    })));
 }
 
-const $ca93a0b524bf6d5b2a180315b966bddc$var$MIN_VISIBLE_ITEMS = 1;
-const $ca93a0b524bf6d5b2a180315b966bddc$var$MAX_VISIBLE_ITEMS = 4;
-
-function $ca93a0b524bf6d5b2a180315b966bddc$var$Breadcrumbs(props, ref) {
-  props = useProviderProps(props);
-
-  let {
-    size = 'L',
-    isMultiline,
-    children,
-    showRoot,
-    isDisabled,
-    onAction
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["size", "isMultiline", "children", "showRoot", "isDisabled", "onAction"]); // Not using React.Children.toArray because it mutates the key prop.
-
-
-  let childArray = [];
-
-  _react.Children.forEach(children, child => {
-    if ( /*#__PURE__*/_react.isValidElement(child)) {
-      childArray.push(child);
-    }
-  });
-
-  let domRef = useDOMRef(ref);
-  let listRef = useRef(null);
-  let [visibleItems, setVisibleItems] = useValueEffect(childArray.length);
-  let {
-    navProps
-  } = useBreadcrumbs(props);
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let updateOverflow = useCallback(() => {
-    let computeVisibleItems = visibleItems => {
-      // Refs can be null at runtime.
-      let currListRef = listRef.current;
-
-      if (!currListRef) {
-        return;
-      }
-
-      let listItems = Array.from(currListRef.children);
-      let containerWidth = currListRef.offsetWidth;
-      let isShowingMenu = childArray.length > visibleItems;
-      let calculatedWidth = 0;
-      let newVisibleItems = 0;
-      let maxVisibleItems = $ca93a0b524bf6d5b2a180315b966bddc$var$MAX_VISIBLE_ITEMS;
-
-      if (showRoot) {
-        calculatedWidth += listItems.shift().offsetWidth;
-        newVisibleItems++;
-      }
-
-      if (isShowingMenu) {
-        calculatedWidth += listItems.shift().offsetWidth;
-        maxVisibleItems--;
-      }
 
-      if (showRoot && calculatedWidth >= containerWidth) {
-        newVisibleItems--;
-      } // TODO: what if multiline and only one breadcrumb??
 
 
-      if (isMultiline) {
-        listItems.pop();
-        newVisibleItems++;
-      } else {
-        // Ensure the last breadcrumb isn't truncated when we measure it.
-        let last = listItems.pop();
-        last.style.overflow = 'visible';
-        calculatedWidth += last.offsetWidth;
 
-        if (calculatedWidth < containerWidth) {
-          newVisibleItems++;
-        }
 
-        last.style.overflow = '';
-      }
 
-      for (let breadcrumb of listItems.reverse()) {
-        calculatedWidth += breadcrumb.offsetWidth;
 
-        if (calculatedWidth < containerWidth) {
-          newVisibleItems++;
-        }
-      }
 
-      return Math.max($ca93a0b524bf6d5b2a180315b966bddc$var$MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));
-    };
 
-    setVisibleItems(function* () {
-      // Update to show all items.
-      yield childArray.length; // Measure, and update to show the items that fit.
 
-      let newVisibleItems = computeVisibleItems(childArray.length);
-      yield newVisibleItems; // If the number of items is less than the number of children,
-      // then update again to ensure that the menu fits.
-
-      if (newVisibleItems < childArray.length && newVisibleItems > 1) {
-        yield computeVisibleItems(newVisibleItems);
-      }
+const $2adaf67aabd3300b$var$MIN_VISIBLE_ITEMS = 1;
+const $2adaf67aabd3300b$var$MAX_VISIBLE_ITEMS = 4;
+function $2adaf67aabd3300b$var$Breadcrumbs(props, ref) {
+    props = $koRP3$useProviderProps(props);
+    let { size: size = 'L' , isMultiline: isMultiline , children: children , showRoot: showRoot , isDisabled: isDisabled , onAction: onAction , ...otherProps } = props;
+    // Not using React.Children.toArray because it mutates the key prop.
+    let childArray = [];
+    $koRP3$react.Children.forEach(children, (child)=>{
+        if (/*#__PURE__*/ $koRP3$react.isValidElement(child)) childArray.push(child);
     });
-  }, [listRef, children, setVisibleItems, showRoot, isMultiline]);
-  useResizeObserver({
-    ref: domRef,
-    onResize: updateOverflow
-  });
-  useLayoutEffect(updateOverflow, [children]);
-  let contents = childArray;
-
-  if (childArray.length > visibleItems) {
-    var _selectedItem$key;
-
-    let selectedItem = childArray[childArray.length - 1];
-    let selectedKey = (_selectedItem$key = selectedItem.key) != null ? _selectedItem$key : childArray.length - 1;
-
-    let onMenuAction = key => {
-      // Don't fire onAction when clicking on the last item
-      if (key !== selectedKey && onAction) {
-        onAction(key);
-      }
-    };
-
-    let menuItem = /*#__PURE__*/_react.createElement($dacda927994e51fbe8a71ffbc$export$BreadcrumbItem, {
-      key: "menu"
-    }, /*#__PURE__*/_react.createElement(MenuTrigger, null, /*#__PURE__*/_react.createElement(ActionButton, {
-      "aria-label": "\u2026",
-      isQuiet: true,
-      isDisabled: isDisabled
-    }, /*#__PURE__*/_react.createElement(_spectrumIconsUiFolderBreadcrumb, null)), /*#__PURE__*/_react.createElement(Menu, {
-      selectionMode: "single",
-      selectedKeys: [selectedKey],
-      onAction: onMenuAction
-    }, childArray)));
-
-    contents = [menuItem];
-    let breadcrumbs = [...childArray];
-    let endItems = visibleItems;
-
-    if (showRoot && visibleItems > 1) {
-      contents.unshift(breadcrumbs.shift());
-      endItems--;
+    let domRef = $koRP3$useDOMRef(ref);
+    let listRef = $koRP3$useRef(null);
+    let [visibleItems1, setVisibleItems] = $koRP3$useValueEffect(childArray.length);
+    let { navProps: navProps  } = $koRP3$useBreadcrumbs(props);
+    let { styleProps: styleProps  } = $koRP3$useStyleProps(otherProps);
+    let updateOverflow = $koRP3$useCallback(()=>{
+        let computeVisibleItems = (visibleItems)=>{
+            // Refs can be null at runtime.
+            let currListRef = listRef.current;
+            if (!currListRef) return;
+            let listItems = Array.from(currListRef.children);
+            let containerWidth = currListRef.offsetWidth;
+            let isShowingMenu = childArray.length > visibleItems;
+            let calculatedWidth = 0;
+            let newVisibleItems = 0;
+            let maxVisibleItems = $2adaf67aabd3300b$var$MAX_VISIBLE_ITEMS;
+            if (showRoot) {
+                calculatedWidth += listItems.shift().offsetWidth;
+                newVisibleItems++;
+            }
+            if (isShowingMenu) {
+                calculatedWidth += listItems.shift().offsetWidth;
+                maxVisibleItems--;
+            }
+            if (showRoot && calculatedWidth >= containerWidth) newVisibleItems--;
+            // TODO: what if multiline and only one breadcrumb??
+            if (isMultiline) {
+                listItems.pop();
+                newVisibleItems++;
+            } else {
+                // Ensure the last breadcrumb isn't truncated when we measure it.
+                let last = listItems.pop();
+                last.style.overflow = 'visible';
+                calculatedWidth += last.offsetWidth;
+                if (calculatedWidth < containerWidth) newVisibleItems++;
+                last.style.overflow = '';
+            }
+            for (let breadcrumb of listItems.reverse()){
+                calculatedWidth += breadcrumb.offsetWidth;
+                if (calculatedWidth < containerWidth) newVisibleItems++;
+            }
+            return Math.max($2adaf67aabd3300b$var$MIN_VISIBLE_ITEMS, Math.min(maxVisibleItems, newVisibleItems));
+        };
+        setVisibleItems(function*() {
+            // Update to show all items.
+            yield childArray.length;
+            // Measure, and update to show the items that fit.
+            let newVisibleItems = computeVisibleItems(childArray.length);
+            yield newVisibleItems;
+            // If the number of items is less than the number of children,
+            // then update again to ensure that the menu fits.
+            if (newVisibleItems < childArray.length && newVisibleItems > 1) yield computeVisibleItems(newVisibleItems);
+        });
+    }, [
+        listRef,
+        children,
+        setVisibleItems,
+        showRoot,
+        isMultiline
+    ]);
+    $koRP3$useResizeObserver({
+        ref: domRef,
+        onResize: updateOverflow
+    });
+    $koRP3$useLayoutEffect(updateOverflow, [
+        children
+    ]);
+    let contents = childArray;
+    if (childArray.length > visibleItems1) {
+        let selectedItem = childArray[childArray.length - 1];
+        var _key;
+        let selectedKey = (_key = selectedItem.key) !== null && _key !== void 0 ? _key : childArray.length - 1;
+        let onMenuAction = (key)=>{
+            // Don't fire onAction when clicking on the last item
+            if (key !== selectedKey && onAction) onAction(key);
+        };
+        let menuItem = /*#__PURE__*/ $koRP3$react.createElement($2bfa2c84c665c457$export$c13f210c706eb549, {
+            key: "menu"
+        }, /*#__PURE__*/ $koRP3$react.createElement($koRP3$MenuTrigger, null, /*#__PURE__*/ $koRP3$react.createElement($koRP3$ActionButton, {
+            "aria-label": "…",
+            isQuiet: true,
+            isDisabled: isDisabled
+        }, /*#__PURE__*/ $koRP3$react.createElement($koRP3$spectrumiconsuiFolderBreadcrumb, null)), /*#__PURE__*/ $koRP3$react.createElement($koRP3$Menu, {
+            selectionMode: "single",
+            selectedKeys: [
+                selectedKey
+            ],
+            onAction: onMenuAction
+        }, childArray)));
+        contents = [
+            menuItem
+        ];
+        let breadcrumbs = [
+            ...childArray
+        ];
+        let endItems = visibleItems1;
+        if (showRoot && visibleItems1 > 1) {
+            contents.unshift(breadcrumbs.shift());
+            endItems--;
+        }
+        contents.push(...breadcrumbs.slice(-endItems));
     }
-
-    contents.push(...breadcrumbs.slice(-endItems));
-  }
-
-  let lastIndex = contents.length - 1;
-  let breadcrumbItems = contents.map((child, index) => {
-    var _child$key;
-
-    let isCurrent = index === lastIndex;
-    let key = (_child$key = child.key) != null ? _child$key : index;
-
-    let onPress = () => {
-      if (onAction) {
-        onAction(key);
-      }
-    };
-
-    return /*#__PURE__*/_react.createElement("li", {
-      key: key,
-      className: classNames($a5baa762b556403ac2f1cf2374238631$$interop$default, 'spectrum-Breadcrumbs-item')
-    }, /*#__PURE__*/_react.createElement($dacda927994e51fbe8a71ffbc$export$BreadcrumbItem, {
-      isCurrent: isCurrent,
-      isDisabled: isDisabled,
-      onPress: onPress
-    }, child.props.children));
-  });
-  return /*#__PURE__*/_react.createElement("nav", _babelRuntimeHelpersEsmExtends({}, styleProps, navProps, {
-    ref: domRef
-  }), /*#__PURE__*/_react.createElement("ul", {
-    ref: listRef,
-    className: classNames($a5baa762b556403ac2f1cf2374238631$$interop$default, 'spectrum-Breadcrumbs', {
-      'spectrum-Breadcrumbs--small': size === 'S',
-      'spectrum-Breadcrumbs--medium': size === 'M',
-      'spectrum-Breadcrumbs--multiline': isMultiline,
-      'spectrum-Breadcrumbs--showRoot': showRoot,
-      'is-disabled': isDisabled
-    }, styleProps.className)
-  }, breadcrumbItems));
+    let lastIndex = contents.length - 1;
+    let breadcrumbItems = contents.map((child, index)=>{
+        let isCurrent = index === lastIndex;
+        var _key;
+        let key = (_key = child.key) !== null && _key !== void 0 ? _key : index;
+        let onPress = ()=>{
+            if (onAction) onAction(key);
+        };
+        return(/*#__PURE__*/ $koRP3$react.createElement("li", {
+            key: key,
+            className: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'spectrum-Breadcrumbs-item')
+        }, /*#__PURE__*/ $koRP3$react.createElement($2bfa2c84c665c457$export$c13f210c706eb549, {
+            isCurrent: isCurrent,
+            isDisabled: isDisabled,
+            onPress: onPress
+        }, child.props.children)));
+    });
+    return(/*#__PURE__*/ $koRP3$react.createElement("nav", {
+        ...styleProps,
+        ...navProps,
+        ref: domRef
+    }, /*#__PURE__*/ $koRP3$react.createElement("ul", {
+        ref: listRef,
+        className: $koRP3$classNames((/*@__PURE__*/$parcel$interopDefault($48e85557f3729e3d$exports)), 'spectrum-Breadcrumbs', {
+            'spectrum-Breadcrumbs--small': size === 'S',
+            'spectrum-Breadcrumbs--medium': size === 'M',
+            'spectrum-Breadcrumbs--multiline': isMultiline,
+            'spectrum-Breadcrumbs--showRoot': showRoot,
+            'is-disabled': isDisabled
+        }, styleProps.className)
+    }, breadcrumbItems)));
 }
 /**
  * Breadcrumbs show hierarchy and navigational context for a user’s location within an application.
- */
+ */ let $2adaf67aabd3300b$export$2dc68d50d56fbbd = /*#__PURE__*/ $koRP3$react.forwardRef($2adaf67aabd3300b$var$Breadcrumbs);
+
+
+
 
 
-export let Breadcrumbs = /*#__PURE__*/_react.forwardRef($ca93a0b524bf6d5b2a180315b966bddc$var$Breadcrumbs);
+export {$37781313afe0968e$re_export$Item as Item, $2adaf67aabd3300b$export$2dc68d50d56fbbd as Breadcrumbs};
 //# sourceMappingURL=module.js.map