@primer/react 38.0.0-rc.2 → 38.0.0-rc.3

package/lib/NavList/NavList.js

@@ -1,918 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var octiconsReact = require('@primer/octicons-react');
-var React = require('react');
-var index = require('../ActionList/index.js');
-var Item$1 = require('../ActionList/Item.js');
-var ActionListContainerContext = require('../ActionList/ActionListContainerContext.js');
-require('@styled-system/css');
-var merge = require('deepmerge');
-var defaultSxProp = require('../utils/defaultSxProp.js');
-var useId = require('../hooks/useId.js');
-var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
-var ActionList_module = require('../ActionList/ActionList.module.css.js');
-var ReactDOM = require('react-dom');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Box = require('../Box/Box.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var merge__default = /*#__PURE__*/_interopDefault(merge);
-
-const Root = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
-  const $ = reactCompilerRuntime.c(10);
-  let children;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      children,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = props;
-  } else {
-    children = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      container: "NavList"
-    };
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  let t2;
-  if ($[4] !== children) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(ActionListContainerContext.ActionListContainerContext.Provider, {
-      value: t1,
-      children: /*#__PURE__*/jsxRuntime.jsx(index.ActionList, {
-        children: children
-      })
-    });
-    $[4] = children;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== props || $[7] !== ref || $[8] !== t2) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "nav",
-      ...props,
-      ref: ref,
-      children: t2
-    });
-    $[6] = props;
-    $[7] = ref;
-    $[8] = t2;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
-});
-Root.displayName = 'NavList';
-
-// ----------------------------------------------------------------------------
-// NavList.Item
-
-const Item = /*#__PURE__*/React__default.default.forwardRef((t0, ref) => {
-  const $ = reactCompilerRuntime.c(31);
-  let ariaCurrent;
-  let children;
-  let defaultOpen;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      "aria-current": ariaCurrent,
-      children,
-      defaultOpen,
-      sx: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = ariaCurrent;
-    $[2] = children;
-    $[3] = defaultOpen;
-    $[4] = props;
-    $[5] = t1;
-  } else {
-    ariaCurrent = $[1];
-    children = $[2];
-    defaultOpen = $[3];
-    props = $[4];
-    t1 = $[5];
-  }
-  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
-  const {
-    depth
-  } = React__default.default.useContext(SubNavContext);
-  let childrenWithoutSubNavOrTrailingAction;
-  let subNav;
-  let t2;
-  if ($[6] !== children || $[7] !== defaultOpen) {
-    subNav = React__default.default.Children.toArray(children).find(_temp);
-    let t3;
-    if ($[11] !== children) {
-      t3 = React__default.default.Children.toArray(children).filter(_temp2);
-      $[11] = children;
-      $[12] = t3;
-    } else {
-      t3 = $[12];
-    }
-    childrenWithoutSubNavOrTrailingAction = t3;
-    if (! /*#__PURE__*/React.isValidElement(subNav) && defaultOpen) {
-      console.error("NavList.Item must have a NavList.SubNav to use defaultOpen.");
-    }
-    t2 = subNav && /*#__PURE__*/React.isValidElement(subNav);
-    $[6] = children;
-    $[7] = defaultOpen;
-    $[8] = childrenWithoutSubNavOrTrailingAction;
-    $[9] = subNav;
-    $[10] = t2;
-  } else {
-    childrenWithoutSubNavOrTrailingAction = $[8];
-    subNav = $[9];
-    t2 = $[10];
-  }
-  if (t2) {
-    let t3;
-    if ($[13] !== depth) {
-      t3 = {
-        "--subitem-depth": depth
-      };
-      $[13] = depth;
-      $[14] = t3;
-    } else {
-      t3 = $[14];
-    }
-    const t4 = t3;
-    let t5;
-    if ($[15] !== childrenWithoutSubNavOrTrailingAction || $[16] !== defaultOpen || $[17] !== depth || $[18] !== subNav || $[19] !== sxProp || $[20] !== t4) {
-      t5 = /*#__PURE__*/jsxRuntime.jsx(ItemWithSubNav, {
-        subNav: subNav,
-        depth: depth,
-        defaultOpen: defaultOpen,
-        sx: sxProp,
-        style: t4,
-        children: childrenWithoutSubNavOrTrailingAction
-      });
-      $[15] = childrenWithoutSubNavOrTrailingAction;
-      $[16] = defaultOpen;
-      $[17] = depth;
-      $[18] = subNav;
-      $[19] = sxProp;
-      $[20] = t4;
-      $[21] = t5;
-    } else {
-      t5 = $[21];
-    }
-    return t5;
-  }
-  const t3 = Boolean(ariaCurrent) && ariaCurrent !== "false";
-  let t4;
-  if ($[22] !== depth) {
-    t4 = {
-      "--subitem-depth": depth
-    };
-    $[22] = depth;
-    $[23] = t4;
-  } else {
-    t4 = $[23];
-  }
-  const t5 = t4;
-  let t6;
-  if ($[24] !== ariaCurrent || $[25] !== children || $[26] !== props || $[27] !== ref || $[28] !== t3 || $[29] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsx(index.ActionList.LinkItem, {
-      ref: ref,
-      "aria-current": ariaCurrent,
-      active: t3,
-      style: t5,
-      ...props,
-      children: children
-    });
-    $[24] = ariaCurrent;
-    $[25] = children;
-    $[26] = props;
-    $[27] = ref;
-    $[28] = t3;
-    $[29] = t5;
-    $[30] = t6;
-  } else {
-    t6 = $[30];
-  }
-  return t6;
-});
-Item.displayName = 'NavList.Item';
-
-// ----------------------------------------------------------------------------
-// ItemWithSubNav (internal)
-
-const ItemWithSubNavContext = /*#__PURE__*/React__default.default.createContext({
-  buttonId: '',
-  subNavId: '',
-  isOpen: false
-});
-function ItemWithSubNav(t0) {
-  var _ref;
-  const $ = reactCompilerRuntime.c(49);
-  const {
-    children,
-    subNav,
-    defaultOpen,
-    style,
-    sx: t1
-  } = t0;
-  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
-  const buttonId = useId.useId();
-  const subNavId = useId.useId();
-  const [isOpen, setIsOpen] = React__default.default.useState((_ref = defaultOpen || null) !== null && _ref !== void 0 ? _ref : false);
-  const subNavRef = React__default.default.useRef(null);
-  const [containsCurrentItem, setContainsCurrentItem] = React__default.default.useState(false);
-  let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      if (subNavRef.current) {
-        const currentItem = subNavRef.current.querySelector("[aria-current]:not([aria-current=false])");
-        if (currentItem) {
-          setContainsCurrentItem(true);
-          setIsOpen(true);
-        }
-      }
-    };
-    $[0] = t2;
-  } else {
-    t2 = $[0];
-  }
-  let t3;
-  if ($[1] !== buttonId || $[2] !== subNav) {
-    t3 = [subNav, buttonId];
-    $[1] = buttonId;
-    $[2] = subNav;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  useIsomorphicLayoutEffect(t2, t3);
-  if (sxProp !== defaultSxProp.defaultSxProp) {
-    let t4;
-    if ($[4] !== buttonId || $[5] !== isOpen || $[6] !== subNavId) {
-      t4 = {
-        buttonId,
-        subNavId,
-        isOpen
-      };
-      $[4] = buttonId;
-      $[5] = isOpen;
-      $[6] = subNavId;
-      $[7] = t4;
-    } else {
-      t4 = $[7];
-    }
-    const t5 = !isOpen && containsCurrentItem;
-    let t6;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = () => setIsOpen(_temp3);
-      $[8] = t6;
-    } else {
-      t6 = $[8];
-    }
-    let t7;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = /*#__PURE__*/jsxRuntime.jsx(index.ActionList.TrailingVisual, {
-        children: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.ChevronDownIcon, {
-          className: ActionList_module.ExpandIcon
-        })
-      });
-      $[9] = t7;
-    } else {
-      t7 = $[9];
-    }
-    let t8;
-    if ($[10] !== subNav) {
-      let t9;
-      if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-        t9 = {
-          ref: subNavRef
-        };
-        $[12] = t9;
-      } else {
-        t9 = $[12];
-      }
-      t8 = /*#__PURE__*/React__default.default.cloneElement(subNav, t9);
-      $[10] = subNav;
-      $[11] = t8;
-    } else {
-      t8 = $[11];
-    }
-    let t9;
-    if ($[13] !== t8) {
-      t9 = /*#__PURE__*/jsxRuntime.jsx(Item$1.SubItem, {
-        children: t8
-      });
-      $[13] = t8;
-      $[14] = t9;
-    } else {
-      t9 = $[14];
-    }
-    let t10;
-    if ($[15] !== buttonId || $[16] !== children || $[17] !== isOpen || $[18] !== style || $[19] !== subNavId || $[20] !== sxProp || $[21] !== t5 || $[22] !== t9) {
-      t10 = /*#__PURE__*/jsxRuntime.jsxs(index.ActionList.Item, {
-        id: buttonId,
-        "aria-expanded": isOpen,
-        "aria-controls": subNavId,
-        active: t5,
-        onSelect: t6,
-        style: style,
-        sx: sxProp,
-        children: [children, t7, t9]
-      });
-      $[15] = buttonId;
-      $[16] = children;
-      $[17] = isOpen;
-      $[18] = style;
-      $[19] = subNavId;
-      $[20] = sxProp;
-      $[21] = t5;
-      $[22] = t9;
-      $[23] = t10;
-    } else {
-      t10 = $[23];
-    }
-    let t11;
-    if ($[24] !== t10 || $[25] !== t4) {
-      t11 = /*#__PURE__*/jsxRuntime.jsx(ItemWithSubNavContext.Provider, {
-        value: t4,
-        children: t10
-      });
-      $[24] = t10;
-      $[25] = t4;
-      $[26] = t11;
-    } else {
-      t11 = $[26];
-    }
-    return t11;
-  }
-  let t4;
-  if ($[27] !== buttonId || $[28] !== isOpen || $[29] !== subNavId) {
-    t4 = {
-      buttonId,
-      subNavId,
-      isOpen
-    };
-    $[27] = buttonId;
-    $[28] = isOpen;
-    $[29] = subNavId;
-    $[30] = t4;
-  } else {
-    t4 = $[30];
-  }
-  const t5 = !isOpen && containsCurrentItem;
-  let t6;
-  if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = () => setIsOpen(_temp4);
-    $[31] = t6;
-  } else {
-    t6 = $[31];
-  }
-  let t7;
-  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = /*#__PURE__*/jsxRuntime.jsx(index.ActionList.TrailingVisual, {
-      children: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.ChevronDownIcon, {
-        className: ActionList_module.ExpandIcon
-      })
-    });
-    $[32] = t7;
-  } else {
-    t7 = $[32];
-  }
-  let t8;
-  if ($[33] !== subNav) {
-    let t9;
-    if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-      t9 = {
-        ref: subNavRef
-      };
-      $[35] = t9;
-    } else {
-      t9 = $[35];
-    }
-    t8 = /*#__PURE__*/React__default.default.cloneElement(subNav, t9);
-    $[33] = subNav;
-    $[34] = t8;
-  } else {
-    t8 = $[34];
-  }
-  let t9;
-  if ($[36] !== t8) {
-    t9 = /*#__PURE__*/jsxRuntime.jsx(Item$1.SubItem, {
-      children: t8
-    });
-    $[36] = t8;
-    $[37] = t9;
-  } else {
-    t9 = $[37];
-  }
-  let t10;
-  if ($[38] !== buttonId || $[39] !== children || $[40] !== isOpen || $[41] !== style || $[42] !== subNavId || $[43] !== t5 || $[44] !== t9) {
-    t10 = /*#__PURE__*/jsxRuntime.jsxs(index.ActionList.Item, {
-      id: buttonId,
-      "aria-expanded": isOpen,
-      "aria-controls": subNavId,
-      active: t5,
-      onSelect: t6,
-      style: style,
-      children: [children, t7, t9]
-    });
-    $[38] = buttonId;
-    $[39] = children;
-    $[40] = isOpen;
-    $[41] = style;
-    $[42] = subNavId;
-    $[43] = t5;
-    $[44] = t9;
-    $[45] = t10;
-  } else {
-    t10 = $[45];
-  }
-  let t11;
-  if ($[46] !== t10 || $[47] !== t4) {
-    t11 = /*#__PURE__*/jsxRuntime.jsx(ItemWithSubNavContext.Provider, {
-      value: t4,
-      children: t10
-    });
-    $[46] = t10;
-    $[47] = t4;
-    $[48] = t11;
-  } else {
-    t11 = $[48];
-  }
-  return t11;
-}
-
-// ----------------------------------------------------------------------------
-// NavList.SubNav
-function _temp4(open_0) {
-  return !open_0;
-}
-function _temp3(open) {
-  return !open;
-}
-const SubNavContext = /*#__PURE__*/React__default.default.createContext({
-  depth: 0
-});
-
-// NOTE: SubNav must be a direct child of an Item
-const SubNav = /*#__PURE__*/React__default.default.forwardRef((t0, forwardedRef) => {
-  const $ = reactCompilerRuntime.c(21);
-  const {
-    children,
-    sx: t1
-  } = t0;
-  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
-  const {
-    buttonId,
-    subNavId
-  } = React__default.default.useContext(ItemWithSubNavContext);
-  const {
-    depth
-  } = React__default.default.useContext(SubNavContext);
-  if (!buttonId || !subNavId) {
-    console.error("NavList.SubNav must be a child of a NavList.Item");
-  }
-  if (depth > 3) {
-    console.error("NavList.SubNav only supports four levels of nesting");
-    return null;
-  }
-  if (sxProp !== defaultSxProp.defaultSxProp) {
-    const t2 = depth + 1;
-    let t3;
-    if ($[0] !== t2) {
-      t3 = {
-        depth: t2
-      };
-      $[0] = t2;
-      $[1] = t3;
-    } else {
-      t3 = $[1];
-    }
-    let t4;
-    if ($[2] !== buttonId || $[3] !== children || $[4] !== forwardedRef || $[5] !== subNavId || $[6] !== sxProp) {
-      t4 = /*#__PURE__*/jsxRuntime.jsx(Box, {
-        as: "ul",
-        id: subNavId,
-        "aria-labelledby": buttonId,
-        className: ActionList_module.SubGroup,
-        ref: forwardedRef,
-        sx: sxProp,
-        children: children
-      });
-      $[2] = buttonId;
-      $[3] = children;
-      $[4] = forwardedRef;
-      $[5] = subNavId;
-      $[6] = sxProp;
-      $[7] = t4;
-    } else {
-      t4 = $[7];
-    }
-    let t5;
-    if ($[8] !== t3 || $[9] !== t4) {
-      t5 = /*#__PURE__*/jsxRuntime.jsx(SubNavContext.Provider, {
-        value: t3,
-        children: t4
-      });
-      $[8] = t3;
-      $[9] = t4;
-      $[10] = t5;
-    } else {
-      t5 = $[10];
-    }
-    return t5;
-  }
-  const t2 = depth + 1;
-  let t3;
-  if ($[11] !== t2) {
-    t3 = {
-      depth: t2
-    };
-    $[11] = t2;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  let t4;
-  if ($[13] !== buttonId || $[14] !== children || $[15] !== forwardedRef || $[16] !== subNavId) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx("ul", {
-      className: ActionList_module.SubGroup,
-      id: subNavId,
-      "aria-labelledby": buttonId,
-      ref: forwardedRef,
-      children: children
-    });
-    $[13] = buttonId;
-    $[14] = children;
-    $[15] = forwardedRef;
-    $[16] = subNavId;
-    $[17] = t4;
-  } else {
-    t4 = $[17];
-  }
-  let t5;
-  if ($[18] !== t3 || $[19] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsx(SubNavContext.Provider, {
-      value: t3,
-      children: t4
-    });
-    $[18] = t3;
-    $[19] = t4;
-    $[20] = t5;
-  } else {
-    t5 = $[20];
-  }
-  return t5;
-});
-SubNav.displayName = 'NavList.SubNav';
-
-// ----------------------------------------------------------------------------
-// NavList.LeadingVisual
-
-const LeadingVisual = index.ActionList.LeadingVisual;
-LeadingVisual.displayName = 'NavList.LeadingVisual';
-
-// ----------------------------------------------------------------------------
-// NavList.TrailingVisual
-
-const TrailingVisual = index.ActionList.TrailingVisual;
-TrailingVisual.displayName = 'NavList.TrailingVisual';
-
-// ----------------------------------------------------------------------------
-// NavList.Divider
-
-const Divider = index.ActionList.Divider;
-Divider.displayName = 'NavList.Divider';
-
-// NavList.TrailingAction
-
-const TrailingAction = index.ActionList.TrailingAction;
-TrailingAction.displayName = 'NavList.TrailingAction';
-
-// ----------------------------------------------------------------------------
-// NavList.Group
-
-const defaultSx = {};
-const Group = t0 => {
-  const $ = reactCompilerRuntime.c(18);
-  let children;
-  let props;
-  let t1;
-  let title;
-  if ($[0] !== t0) {
-    ({
-      title,
-      children,
-      sx: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = props;
-    $[3] = t1;
-    $[4] = title;
-  } else {
-    children = $[1];
-    props = $[2];
-    t1 = $[3];
-    title = $[4];
-  }
-  const sxProp = t1 === undefined ? defaultSx : t1;
-  if (sxProp !== defaultSx) {
-    let t2;
-    if ($[5] !== title) {
-      t2 = title ? /*#__PURE__*/jsxRuntime.jsx(index.ActionList.GroupHeading, {
-        children: title
-      }) : null;
-      $[5] = title;
-      $[6] = t2;
-    } else {
-      t2 = $[6];
-    }
-    let t3;
-    if ($[7] !== children || $[8] !== sxProp || $[9] !== t2) {
-      t3 = /*#__PURE__*/jsxRuntime.jsxs(Box, {
-        sx: sxProp,
-        as: "li",
-        "data-component": "ActionList.Group",
-        children: [t2, children]
-      });
-      $[7] = children;
-      $[8] = sxProp;
-      $[9] = t2;
-      $[10] = t3;
-    } else {
-      t3 = $[10];
-    }
-    return t3;
-  }
-  let t2;
-  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(index.ActionList.Divider, {});
-    $[11] = t2;
-  } else {
-    t2 = $[11];
-  }
-  let t3;
-  if ($[12] !== title) {
-    t3 = title ? /*#__PURE__*/jsxRuntime.jsx(index.ActionList.GroupHeading, {
-      as: "h3",
-      "data-component": "ActionList.GroupHeading",
-      children: title
-    }) : null;
-    $[12] = title;
-    $[13] = t3;
-  } else {
-    t3 = $[13];
-  }
-  let t4;
-  if ($[14] !== children || $[15] !== props || $[16] !== t3) {
-    t4 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [t2, /*#__PURE__*/jsxRuntime.jsxs(index.ActionList.Group, {
-        ...props,
-        children: [t3, children]
-      })]
-    });
-    $[14] = children;
-    $[15] = props;
-    $[16] = t3;
-    $[17] = t4;
-  } else {
-    t4 = $[17];
-  }
-  return t4;
-};
-// ----------------------------------------------------------------------------
-// NavList.GroupExpand
-
-const GroupExpand = /*#__PURE__*/React__default.default.forwardRef((t0, forwardedRef) => {
-  const $ = reactCompilerRuntime.c(23);
-  let items;
-  let props;
-  let renderItem;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      label: t1,
-      pages: t2,
-      items,
-      renderItem,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = items;
-    $[2] = props;
-    $[3] = renderItem;
-    $[4] = t1;
-    $[5] = t2;
-  } else {
-    items = $[1];
-    props = $[2];
-    renderItem = $[3];
-    t1 = $[4];
-    t2 = $[5];
-  }
-  const label = t1 === undefined ? "Show more" : t1;
-  const pages = t2 === undefined ? 0 : t2;
-  const [currentPage, setCurrentPage] = React__default.default.useState(0);
-  const groupId = useId.useId();
-  const itemsPerPage = items.length / pages;
-  const amountToShow = pages === 0 ? items.length : Math.ceil(itemsPerPage * currentPage);
-  const focusTargetIndex = currentPage === 1 ? 0 : amountToShow - Math.floor(itemsPerPage);
-  let t3;
-  if ($[6] !== amountToShow || $[7] !== currentPage || $[8] !== focusTargetIndex || $[9] !== groupId || $[10] !== items || $[11] !== renderItem) {
-    t3 = currentPage > 0 ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: items.map((itemArr, index) => {
-        const {
-          text,
-          trailingVisual: TrailingVisualIcon,
-          leadingVisual: LeadingVisualIcon,
-          trailingAction,
-          ...rest
-        } = itemArr;
-        const {
-          icon,
-          label: actionLabel,
-          ...actionProps
-        } = trailingAction || {};
-        const focusTarget = index === focusTargetIndex ? groupId : undefined;
-        if (index < amountToShow) {
-          if (renderItem) {
-            return renderItem({
-              ...itemArr,
-              "data-expand-focus-target": focusTarget
-            });
-          }
-          return /*#__PURE__*/React.createElement(Item, {
-            ...rest,
-            key: index,
-            "data-expand-focus-target": focusTarget
-          }, LeadingVisualIcon ? /*#__PURE__*/jsxRuntime.jsx(LeadingVisual, {
-            children: /*#__PURE__*/jsxRuntime.jsx(LeadingVisualIcon, {})
-          }) : null, text, TrailingVisualIcon ? /*#__PURE__*/jsxRuntime.jsx(TrailingVisual, {
-            children: /*#__PURE__*/jsxRuntime.jsx(TrailingVisualIcon, {})
-          }) : null, trailingAction ? /*#__PURE__*/jsxRuntime.jsx(TrailingAction, {
-            ...actionProps,
-            icon: icon,
-            label: actionLabel || ""
-          }) : null);
-        }
-      })
-    }) : null;
-    $[6] = amountToShow;
-    $[7] = currentPage;
-    $[8] = focusTargetIndex;
-    $[9] = groupId;
-    $[10] = items;
-    $[11] = renderItem;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  let t4;
-  if ($[13] !== currentPage || $[14] !== forwardedRef || $[15] !== groupId || $[16] !== label || $[17] !== pages || $[18] !== props) {
-    t4 = currentPage < pages || currentPage === 0 ? /*#__PURE__*/jsxRuntime.jsxs(index.ActionList.Item, {
-      as: "button",
-      "aria-expanded": "false",
-      ref: forwardedRef,
-      onSelect: () => {
-        ReactDOM.flushSync(() => {
-          setCurrentPage(currentPage + 1);
-        });
-        const focusTarget_0 = Array.from(document.querySelectorAll(`[data-expand-focus-target="${groupId}"]`));
-        if (focusTarget_0.length > 0) {
-          focusTarget_0[focusTarget_0.length - 1].focus();
-        }
-      },
-      ...props,
-      children: [label, /*#__PURE__*/jsxRuntime.jsx(TrailingVisual, {
-        children: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.PlusIcon, {})
-      })]
-    }) : null;
-    $[13] = currentPage;
-    $[14] = forwardedRef;
-    $[15] = groupId;
-    $[16] = label;
-    $[17] = pages;
-    $[18] = props;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
-  }
-  let t5;
-  if ($[20] !== t3 || $[21] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [t3, t4]
-    });
-    $[20] = t3;
-    $[21] = t4;
-    $[22] = t5;
-  } else {
-    t5 = $[22];
-  }
-  return t5;
-});
-
-// ----------------------------------------------------------------------------
-// NavList.GroupHeading
-
-/**
- * This is an alternative to the `title` prop on `NavList.Group`.
- * It was primarily added to allow links in group headings.
- */
-const GroupHeading = t0 => {
-  const $ = reactCompilerRuntime.c(10);
-  let rest;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      as: t1,
-      sx: t2,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = rest;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    rest = $[1];
-    t1 = $[2];
-    t2 = $[3];
-  }
-  const as = t1 === undefined ? "h3" : t1;
-  const sxProp = t2 === undefined ? defaultSxProp.defaultSxProp : t2;
-  let t3;
-  if ($[4] !== sxProp) {
-    t3 = merge__default.default({
-      "> a {": {
-        color: "var(--fgColor-default)",
-        textDecoration: "inherit",
-        ":hover": {
-          textDecoration: "underline"
-        }
-      }
-    }, sxProp);
-    $[4] = sxProp;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== as || $[7] !== rest || $[8] !== t3) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx(index.ActionList.GroupHeading, {
-      as: as,
-      sx: t3,
-      "data-component": "NavList.GroupHeading",
-      headingWrapElement: "li",
-      ...rest
-    });
-    $[6] = as;
-    $[7] = rest;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
-};
-
-// ----------------------------------------------------------------------------
-// Export
-
-const NavList = Object.assign(Root, {
-  Item,
-  SubNav,
-  LeadingVisual,
-  TrailingVisual,
-  TrailingAction,
-  Divider,
-  Group,
-  GroupExpand,
-  GroupHeading
-});
-function _temp(child) {
-  return /*#__PURE__*/React.isValidElement(child) && child.type === SubNav;
-}
-function _temp2(child_0) {
-  return /*#__PURE__*/React.isValidElement(child_0) ? child_0.type !== SubNav && child_0.type !== TrailingAction : true;
-}
-
-exports.GroupExpand = GroupExpand;
-exports.NavList = NavList;