@atlaskit/navigation-system 0.166.0

package/dist/cjs/components/skip-links/skip-links-container.js

@@ -0,0 +1,74 @@
+/* skip-links-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkipLinksContainer = void 0;
+require("./skip-links-container.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _primitives = require("@atlaskit/primitives");
+var _skipLinksDataContext = require("../../context/skip-links/skip-links-data-context");
+var _skipLink = require("./skip-link");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var styles = {
+  root: "_zulp1b66 _2rkoglpi _1rjcutpp _18zrutpp _1e0c1txw _2lx21bp4 _kqsw1n9t _1e02v47k _152tv47k _bfhk1bhr _16qs1cd0 _1pby1mrw _tzy4idpf _lcxvglyw _1digjh3g _1mygkb7n _18eu1wug",
+  skipLinkList: "_zulp1b66 _1e0c1txw _2lx21bp4 _1x8w11lx _2mzuglyw _1pfhze3t _bozgze3t"
+};
+
+/**
+ * Keydown handler to hide the skip links when escape is pressed.
+ *
+ * TODO: consider removing this, it doesn't make a lot of sense.
+ * The skip links look like a popup but in reality they aren't.
+ * Even though we hide them if you press TAB it will reopen the list and move to the next one...
+ */
+var closeOnEscape = function closeOnEscape(event) {
+  if (event.key !== 'Escape') {
+    return;
+  }
+  var activeElement = document.activeElement;
+  if (activeElement instanceof HTMLElement) {
+    activeElement.blur();
+  }
+};
+var isOnlyWhitespaceRegex = /^\s*$/;
+
+/**
+ * A container element for the skip links
+ * The default label will be used when the `skipLinksLabel` attribute is not
+ * provided or the attribute is an empty string. If a string comprised only of
+ * spaces is provided, the skip link heading element will be removed, but the
+ * default label will still be used in `title` attribute of the skip links
+ * themselves.
+ */
+var SkipLinksContainer = exports.SkipLinksContainer = function SkipLinksContainer(_ref) {
+  var label = _ref.label,
+    testId = _ref.testId;
+  var sortedSkipLinks = (0, _skipLinksDataContext.useSortedSkipLinks)();
+  if (sortedSkipLinks.length === 0) {
+    return null;
+  }
+  var isEmptyLabel = isOnlyWhitespaceRegex.test(label);
+  return /*#__PURE__*/React.createElement("div", {
+    onKeyDown: closeOnEscape,
+    "data-testid": testId ? "".concat(testId, "--skip-links-container") : undefined,
+    className: (0, _runtime.ax)([styles.root])
+  }, !isEmptyLabel && /*#__PURE__*/React.createElement(_primitives.Text, {
+    weight: "bold",
+    testId: testId ? "".concat(testId, "--skip-links-container--label") : undefined
+  }, label), /*#__PURE__*/React.createElement("ol", {
+    className: (0, _runtime.ax)([styles.skipLinkList])
+  }, sortedSkipLinks.map(function (_ref2) {
+    var id = _ref2.id,
+      label = _ref2.label,
+      onBeforeNavigate = _ref2.onBeforeNavigate;
+    return /*#__PURE__*/React.createElement(_skipLink.SkipLink, {
+      key: id,
+      id: id,
+      onBeforeNavigate: onBeforeNavigate
+    }, label);
+  })));
+};

package/dist/cjs/context/skip-links/skip-links-context.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSkipLinkInternal = exports.useSkipLink = exports.SkipLinksContext = void 0;
+var _react = require("react");
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+/**
+ * Provides a way to register and unregister skip links
+ */
+var SkipLinksContext = exports.SkipLinksContext = /*#__PURE__*/(0, _react.createContext)({
+  registerSkipLink: _noop.default,
+  unregisterSkipLink: _noop.default
+});
+var useSkipLinks = function useSkipLinks() {
+  return (0, _react.useContext)(SkipLinksContext);
+};
+
+/**
+ * Internal-only hook for registering skip links.
+ *
+ * `useSkipLink` is the public API wrapper of this.
+ *
+ * This private version exists for us to support `onBeforeNavigate` for the side nav use case,
+ * where we might need to expand it before moving focus, without having to support `onBeforeNavigate` publicly.
+ */
+var useSkipLinkInternal = exports.useSkipLinkInternal = function useSkipLinkInternal(_ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    listIndex = _ref.listIndex,
+    onBeforeNavigate = _ref.onBeforeNavigate,
+    isHidden = _ref.isHidden;
+  var _useSkipLinks = useSkipLinks(),
+    registerSkipLink = _useSkipLinks.registerSkipLink,
+    unregisterSkipLink = _useSkipLinks.unregisterSkipLink;
+  (0, _react.useEffect)(function () {
+    if (isHidden) {
+      /**
+       * Skip links are hidden for slots with 0 height or width.
+       * They should not be registered.
+       */
+      return;
+    }
+    registerSkipLink({
+      id: id,
+      label: label,
+      listIndex: listIndex,
+      onBeforeNavigate: onBeforeNavigate,
+      isHidden: isHidden
+    });
+    return function () {
+      unregisterSkipLink(id);
+    };
+  }, [id, isHidden, label, listIndex, onBeforeNavigate, registerSkipLink, unregisterSkipLink]);
+};
+
+/**
+ * Call `useSkipLink` to register a skip link for important elements on the page.
+ */
+var useSkipLink = exports.useSkipLink = function useSkipLink(id, label, listIndex) {
+  useSkipLinkInternal({
+    id: id,
+    label: label,
+    listIndex: listIndex
+  });
+};

package/dist/cjs/context/skip-links/skip-links-data-context.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSortedSkipLinks = exports.SkipLinksDataContext = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Provides a way to store skip links
+ */
+var SkipLinksDataContext = exports.SkipLinksDataContext = /*#__PURE__*/(0, _react.createContext)([]);
+var _assignIndex = function assignIndex(num, arr) {
+  if (!arr.includes(num)) {
+    return num;
+  }
+  return _assignIndex(num + 1, arr);
+};
+var sortSkipLinks = function sortSkipLinks(arr) {
+  var customLinks = arr.filter(function (link) {
+    return Number.isInteger(link.listIndex);
+  });
+  if (customLinks.length === 0) {
+    return arr;
+  }
+  var usedIndexes = customLinks.map(function (a) {
+    return a.listIndex;
+  });
+  var regularLinksWithIdx = arr.filter(function (link) {
+    return link.listIndex === undefined;
+  }).map(function (link, idx) {
+    var listIndex = _assignIndex(idx, usedIndexes);
+    usedIndexes.push(listIndex);
+    return _objectSpread(_objectSpread({}, link), {}, {
+      listIndex: listIndex
+    });
+  });
+  return [].concat((0, _toConsumableArray2.default)(customLinks), (0, _toConsumableArray2.default)(regularLinksWithIdx)).sort(function (a, b) {
+    return a.listIndex - b.listIndex;
+  });
+};
+var useSortedSkipLinks = exports.useSortedSkipLinks = function useSortedSkipLinks() {
+  var skipLinksData = (0, _react.useContext)(SkipLinksDataContext);
+  return (0, _react.useMemo)(function () {
+    return sortSkipLinks(skipLinksData);
+  }, [skipLinksData]);
+};

package/dist/cjs/context/skip-links/skip-links-provider.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkipLinksProvider = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _skipLinksContext = require("./skip-links-context");
+var _skipLinksDataContext = require("./skip-links-data-context");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var getByDomOrderSortFunction = function getByDomOrderSortFunction() {
+  var layoutSlots = Array.from(document.querySelectorAll("[data-layout-slot]"));
+  return function (a, b) {
+    var _a$listIndex, _b$listIndex;
+    var indexA = (_a$listIndex = a.listIndex) !== null && _a$listIndex !== void 0 ? _a$listIndex : layoutSlots.indexOf(document.getElementById(a.id));
+    var indexB = (_b$listIndex = b.listIndex) !== null && _b$listIndex !== void 0 ? _b$listIndex : layoutSlots.indexOf(document.getElementById(b.id));
+
+    /**
+     * If they are tied it is because one (or both) is
+     * a custom skiplink with a set index.
+     *
+     * Give the custom skiplink priority.
+     */
+    if (indexA === indexB) {
+      if (a.listIndex !== undefined) {
+        return -1;
+      } else {
+        return 1;
+      }
+    }
+    return indexA - indexB;
+  };
+};
+
+/**
+ * Provides a way to store and use skip links by combining SkipLinksContext and SkipLinksDataContext
+ */
+var SkipLinksProvider = exports.SkipLinksProvider = function SkipLinksProvider(_ref) {
+  var children = _ref.children;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    links = _useState2[0],
+    setLinks = _useState2[1];
+  var registerSkipLink = (0, _react.useCallback)(function (skipLinkData) {
+    // Don't add duplicate skip links
+    setLinks(function (oldLinks) {
+      if (oldLinks.some(function (_ref2) {
+        var id = _ref2.id;
+        return id === skipLinkData.id;
+      })) {
+        if (process.env.NODE_ENV !== 'production') {
+          // eslint-disable-next-line no-console
+          console.warn("Tried registering duplicate skip link for ID '".concat(skipLinkData.id, "'.\n\nIf you're trying to override a slot skip link label, then use the `skipLinkLabel` prop instead.\n\nThis error will not be shown in production, and the duplicate skip link will be ignored."));
+        }
+        return oldLinks;
+      }
+      return [].concat((0, _toConsumableArray2.default)(oldLinks), [skipLinkData]).sort(getByDomOrderSortFunction());
+    });
+  }, []);
+  var unregisterSkipLink = (0, _react.useCallback)(function (id) {
+    setLinks(function (links) {
+      return links.filter(function (link) {
+        return link.id !== id;
+      });
+    });
+  }, []);
+  var contextValue = (0, _react.useMemo)(function () {
+    var data = {
+      registerSkipLink: registerSkipLink,
+      unregisterSkipLink: unregisterSkipLink
+    };
+    return data;
+  }, [registerSkipLink, unregisterSkipLink]);
+  return /*#__PURE__*/_react.default.createElement(_skipLinksContext.SkipLinksContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/_react.default.createElement(_skipLinksDataContext.SkipLinksDataContext.Provider, {
+    value: links
+  }, children));
+};

package/dist/cjs/context/skip-links/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/context/top-nav-start/top-nav-start-context-provider.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopNavStartProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _topNavStartContext = require("./top-nav-start-context");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+/**
+ * Provider for the TopNavStart container element contexts.
+ *
+ * We are using a [ref callback](https://react.dev/reference/react-dom/components/common#ref-callback) along with a state
+ * for storing the element once it has mounted, so that the side nav can bind event listeners to the element
+ * once it is mounted.
+ *
+ * Otherwise, the side nav can be mounted before the element (e.g. if the element is lazy loaded), which would prevent the
+ * event listeners from being set up.
+ *
+ * State is required as opposed to just a ref so that the effects in the side nav can react to the element actually being mounted,
+ * as ref values cannot be added as effect dependencies.
+ */
+var TopNavStartProvider = exports.TopNavStartProvider = function TopNavStartProvider(_ref) {
+  var children = _ref.children;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    element = _useState2[0],
+    setElement = _useState2[1];
+  return /*#__PURE__*/_react.default.createElement(_topNavStartContext.TopNavStartElement.Provider, {
+    value: element
+  }, /*#__PURE__*/_react.default.createElement(_topNavStartContext.TopNavStartAttachRef.Provider, {
+    value: setElement
+  }, children));
+};

package/dist/cjs/context/top-nav-start/top-nav-start-context.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopNavStartElement = exports.TopNavStartAttachRef = void 0;
+var _react = require("react");
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+/**
+ * Context for the TopNavStart container element
+ * Used to power the side nav flyout by allowing the side nav to bind event listeners to the element, so we can
+ * keep the flyout open while the user mouses from the top bar to the side nav.
+ */
+var TopNavStartElement = exports.TopNavStartElement = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * Context for the callback ref used to respond to the TopNavStart element ref being attached. It is used to update the
+ * `TopNavStartElement` state so consumers can react to the ref being attached.
+ *
+ * e.g. Once the TopNavStart element has been mounted, the side nav can bind mouse event listeners to it.
+ *
+ * A callback ref is needed because the side nav can be mounted before elements in the top bar (e.g. if the element is lazy loaded),
+ * which happens in Jira and Confluence), which would prevent the event listeners from being set up.
+ */
+var TopNavStartAttachRef = exports.TopNavStartAttachRef = /*#__PURE__*/(0, _react.createContext)(_noop.default);

package/dist/cjs/entry-points/experimental/color-utils/parse-hex.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "parseHex", {
+  enumerable: true,
+  get: function get() {
+    return _hex.parseHex;
+  }
+});
+var _hex = require("../../../ui/top-nav-items/themed/color-utils/formats/hex");

package/dist/cjs/entry-points/experimental/color-utils/parse-hsl.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "parseHsl", {
+  enumerable: true,
+  get: function get() {
+    return _hsl.parseHsl;
+  }
+});
+var _hsl = require("../../../ui/top-nav-items/themed/color-utils/formats/hsl");

package/dist/cjs/entry-points/experimental/color-utils/parse-rgb.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "parseRgb", {
+  enumerable: true,
+  get: function get() {
+    return _rgb.parseRgb;
+  }
+});
+var _rgb = require("../../../ui/top-nav-items/themed/color-utils/formats/rgb");

package/dist/cjs/entry-points/experimental/color-utils/parse-user-color.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "parseUserColor", {
+  enumerable: true,
+  get: function get() {
+    return _parseUserColor.parseUserColor;
+  }
+});
+var _parseUserColor = require("../../../ui/top-nav-items/themed/color-utils/parse-user-color");

package/dist/cjs/entry-points/experimental/top-nav-button.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TopNavButton", {
+  enumerable: true,
+  get: function get() {
+    return _migration.Button;
+  }
+});
+Object.defineProperty(exports, "TopNavIconButton", {
+  enumerable: true,
+  get: function get() {
+    return _migration.IconButton;
+  }
+});
+Object.defineProperty(exports, "TopNavLinkButton", {
+  enumerable: true,
+  get: function get() {
+    return _migration.LinkButton;
+  }
+});
+Object.defineProperty(exports, "TopNavLinkIconButton", {
+  enumerable: true,
+  get: function get() {
+    return _migration.LinkIconButton;
+  }
+});
+var _migration = require("../../ui/top-nav-items/themed/migration");

package/dist/cjs/entry-points/experimental/use-has-custom-theme.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useHasCustomTheme", {
+  enumerable: true,
+  get: function get() {
+    return _hasCustomThemeContext.useHasCustomTheme;
+  }
+});
+var _hasCustomThemeContext = require("../../ui/top-nav-items/themed/has-custom-theme-context");

package/dist/cjs/entry-points/experimental/use-legacy-search-theme.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useLegacySearchTheme", {
+  enumerable: true,
+  get: function get() {
+    return _search.useLegacySearchTheme;
+  }
+});
+var _search = require("../../ui/top-nav-items/themed/search");

package/dist/cjs/entry-points/layout/aside.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Aside", {
+  enumerable: true,
+  get: function get() {
+    return _aside.Aside;
+  }
+});
+var _aside = require("../../ui/page-layout/aside");

package/dist/cjs/entry-points/layout/banner.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Banner", {
+  enumerable: true,
+  get: function get() {
+    return _banner.Banner;
+  }
+});
+var _banner = require("../../ui/page-layout/banner");

package/dist/cjs/entry-points/layout/main.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Main", {
+  enumerable: true,
+  get: function get() {
+    return _main.Main;
+  }
+});
+Object.defineProperty(exports, "MainStickyHeader", {
+  enumerable: true,
+  get: function get() {
+    return _mainStickyHeader.MainStickyHeader;
+  }
+});
+Object.defineProperty(exports, "UNSAFE_MAIN_BLOCK_START_FOR_LEGACY_PAGES_ONLY", {
+  enumerable: true,
+  get: function get() {
+    return _constants.UNSAFE_MAIN_BLOCK_START_FOR_LEGACY_PAGES_ONLY;
+  }
+});
+Object.defineProperty(exports, "UNSAFE_MAIN_INLINE_END_FOR_LEGACY_PAGES_ONLY", {
+  enumerable: true,
+  get: function get() {
+    return _constants.UNSAFE_MAIN_INLINE_END_FOR_LEGACY_PAGES_ONLY;
+  }
+});
+Object.defineProperty(exports, "UNSAFE_MAIN_INLINE_START_FOR_LEGACY_PAGES_ONLY", {
+  enumerable: true,
+  get: function get() {
+    return _constants.UNSAFE_MAIN_INLINE_START_FOR_LEGACY_PAGES_ONLY;
+  }
+});
+var _main = require("../../ui/page-layout/main/main");
+var _mainStickyHeader = require("../../ui/page-layout/main/main-sticky-header");
+var _constants = require("../../ui/page-layout/constants");

package/dist/cjs/entry-points/layout/panel-splitter.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PanelSplitter", {
+  enumerable: true,
+  get: function get() {
+    return _panelSplitter.PanelSplitter;
+  }
+});
+Object.defineProperty(exports, "PanelSplitterProvider", {
+  enumerable: true,
+  get: function get() {
+    return _provider.PanelSplitterProvider;
+  }
+});
+var _panelSplitter = require("../../ui/page-layout/panel-splitter/panel-splitter");
+var _provider = require("../../ui/page-layout/panel-splitter/provider");

package/dist/cjs/entry-points/layout/panel.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Panel", {
+  enumerable: true,
+  get: function get() {
+    return _panel.Panel;
+  }
+});
+var _panel = require("../../ui/page-layout/panel");

package/dist/cjs/entry-points/layout/root.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Root", {
+  enumerable: true,
+  get: function get() {
+    return _root.Root;
+  }
+});
+var _root = require("../../ui/page-layout/root");

package/dist/cjs/entry-points/layout/side-nav.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SideNav", {
+  enumerable: true,
+  get: function get() {
+    return _sideNav.SideNav;
+  }
+});
+Object.defineProperty(exports, "SideNavContent", {
+  enumerable: true,
+  get: function get() {
+    return _sideNavContent.SideNavContent;
+  }
+});
+Object.defineProperty(exports, "SideNavFooter", {
+  enumerable: true,
+  get: function get() {
+    return _sideNavFooter.SideNavFooter;
+  }
+});
+Object.defineProperty(exports, "SideNavHeader", {
+  enumerable: true,
+  get: function get() {
+    return _sideNavHeader.SideNavHeader;
+  }
+});
+Object.defineProperty(exports, "SideNavToggleButton", {
+  enumerable: true,
+  get: function get() {
+    return _toggleButton.SideNavToggleButton;
+  }
+});
+Object.defineProperty(exports, "useExpandSideNav", {
+  enumerable: true,
+  get: function get() {
+    return _useExpandSideNav.useExpandSideNav;
+  }
+});
+Object.defineProperty(exports, "useToggleSideNav", {
+  enumerable: true,
+  get: function get() {
+    return _useToggleSideNav.useToggleSideNav;
+  }
+});
+var _sideNav = require("../../ui/page-layout/side-nav/side-nav");
+var _sideNavHeader = require("../../ui/page-layout/side-nav/side-nav-header");
+var _sideNavContent = require("../../ui/page-layout/side-nav/side-nav-content");
+var _sideNavFooter = require("../../ui/page-layout/side-nav/side-nav-footer");
+var _toggleButton = require("../../ui/page-layout/side-nav/toggle-button");
+var _useToggleSideNav = require("../../ui/page-layout/side-nav/use-toggle-side-nav");
+var _useExpandSideNav = require("../../ui/page-layout/side-nav/use-expand-side-nav");

package/dist/cjs/entry-points/layout/skip-links.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useSkipLink", {
+  enumerable: true,
+  get: function get() {
+    return _skipLinksContext.useSkipLink;
+  }
+});
+Object.defineProperty(exports, "useSkipLinkId", {
+  enumerable: true,
+  get: function get() {
+    return _idUtils.useSkipLinkId;
+  }
+});
+var _idUtils = require("../../ui/page-layout/id-utils");
+var _skipLinksContext = require("../../context/skip-links/skip-links-context");