@deque/cauldron-react 3.0.1-canary.43fb6953 → 3.0.1-canary.44fffaab

package/lib/{download-2790e982.js → download.js}

@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgDownload = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgDownload(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 21,
-    height: 21
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgDownload;

package/lib/exchange.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgExchange = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M21.33 14.34a.347.347 0 0 0-.33-.33H6.67v-2a.347.347 0 0 0-.33-.33.34.34 0 0 0-.24.09L2.77 15.1a.34.34 0 0 0-.09.24c0 .09.03.17.09.23l3.32 3.33c.07.06.16.1.25.1.18-.01.32-.15.33-.33v-2H21c.18-.01.32-.15.33-.33v-2zm0-5.66a.34.34 0 0 0-.09-.24l-3.33-3.32a.407.407 0 0 0-.25-.11.314.314 0 0 0-.33.3v2.02H3c-.18.01-.33.16-.33.34v2c0 .18.15.33.33.34h14.33v2c.01.18.15.32.33.33.09 0 .18-.03.24-.09l3.33-3.33a.34.34 0 0 0 .09-.24h.01z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgExchange;

package/lib/external-link.js

@@ -0,0 +1,25 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgExternalLink = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M17.33 13.67a.317.317 0 0 0-.3-.34h-.7c-.18-.01-.32.13-.33.31V17c0 .92-.75 1.67-1.67 1.67H5.67C4.75 18.67 4 17.92 4 17V8.34c0-.92.75-1.67 1.67-1.67H13c.18.01.32-.13.33-.31v-.69c.01-.18-.13-.32-.31-.33H5.67a2.9 2.9 0 0 0-2.12.88 2.9 2.9 0 0 0-.88 2.12V17c-.01.8.31 1.57.88 2.12a2.9 2.9 0 0 0 2.12.88h8.66c1.66 0 3-1.34 3-3v-3.33zm4-9a.683.683 0 0 0-.67-.67h-5.33c-.36 0-.66.29-.67.65 0 .18.07.35.2.48L16.7 7l-6.79 6.76c-.13.13-.14.33-.01.47l.01.01 1.19 1.19c.13.13.33.14.47.01l.01-.01 6.79-6.79 1.83 1.83c.27.25.69.24.95-.03.11-.12.18-.28.18-.44V4.67z",
+  vectorEffect: "non-scaling-stroke",
+  fill: "currentColor"
+})));
+
+exports.default = SvgExternalLink;

package/lib/{eye-a0d28243.js → eye.js}

@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgEye = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgEye(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 16,
-    height: 15
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgEye;

package/lib/{filter-d2057f4c.js → filter.js}

@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgFilter = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z",
   fill: "currentColor",
   vectorEffect: "non-scaling-stroke"
-});
-
-function SvgFilter(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 32,
-    height: 32
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgFilter;

package/lib/{flag-fb248a99.js → flag.js}

@@ -5,22 +5,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M5.67 5.34c.01-.73-.59-1.33-1.32-1.34h-.01c-.73-.01-1.33.59-1.34 1.32v.02c-.01.48.25.93.67 1.15v13.17c0 .18.15.33.33.34h.67c.18-.01.33-.16.33-.34V6.48c.42-.22.68-.67.67-1.15v.01zM21 6a.683.683 0 00-.67-.67c-.2.04-.39.11-.57.22l-.91.45c-.37.2-.75.36-1.15.49-.39.14-.8.21-1.22.22-.32.01-.63-.06-.92-.2-.74-.36-1.5-.66-2.28-.92a6.98 6.98 0 00-2.08-.3 9.95 9.95 0 00-4.38 1.3c-.28.12-.55.26-.82.41a.73.73 0 00-.32.57v7.73c.01.37.3.66.67.67.12 0 .24-.03.34-.09 1.46-.89 3.12-1.41 4.83-1.52.5 0 1 .08 1.48.23.42.13.82.29 1.2.5.36.2.74.37 1.13.5.41.15.85.23 1.29.23 1.36-.09 2.68-.5 3.84-1.21.15-.07.29-.17.41-.29.09-.11.14-.25.13-.4V6z",
+const SvgFlag = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M5.67 5.34c.01-.73-.59-1.33-1.32-1.34h-.01c-.73-.01-1.33.59-1.34 1.32v.02c-.01.48.25.93.67 1.15v13.17c0 .18.15.33.33.34h.67c.18-.01.33-.16.33-.34V6.48c.42-.22.68-.67.67-1.15v.01zM21 6a.683.683 0 0 0-.67-.67c-.2.04-.39.11-.57.22l-.91.45c-.37.2-.75.36-1.15.49-.39.14-.8.21-1.22.22-.32.01-.63-.06-.92-.2-.74-.36-1.5-.66-2.28-.92a6.98 6.98 0 0 0-2.08-.3 9.95 9.95 0 0 0-4.38 1.3c-.28.12-.55.26-.82.41a.73.73 0 0 0-.32.57v7.73c.01.37.3.66.67.67.12 0 .24-.03.34-.09 1.46-.89 3.12-1.41 4.83-1.52.5 0 1 .08 1.48.23.42.13.82.29 1.2.5.36.2.74.37 1.13.5.41.15.85.23 1.29.23 1.36-.09 2.68-.5 3.84-1.21.15-.07.29-.17.41-.29.09-.11.14-.25.13-.4V6z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgFlag(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 19,
-    height: 19
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgFlag;

package/lib/gears.js

@@ -0,0 +1,22 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgGears = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 29.74 26.88",
+  height: 24,
+  width: 24
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M19.22 15.56a.38.38 0 0 0-.22-.16l-2.31-.35a6.79 6.79 0 0 0-.52-1.21l.68-.88c.3-.37.51-.65.64-.83a.51.51 0 0 0 .1-.29.41.41 0 0 0-.09-.28 17.53 17.53 0 0 0-2.08-2.14.48.48 0 0 0-.31-.12.41.41 0 0 0-.3.11L13 10.7a9.28 9.28 0 0 0-1.13-.47l-.35-2.31a.37.37 0 0 0-.15-.26.39.39 0 0 0-.3-.12h-2.8a.41.41 0 0 0-.45.35 18.64 18.64 0 0 0-.36 2.34 7.33 7.33 0 0 0-1.15.48L4.57 9.36a.58.58 0 0 0-.33-.12 3.06 3.06 0 0 0-1.24.89 14.32 14.32 0 0 0-1.21 1.36.53.53 0 0 0-.1.29.42.42 0 0 0 .12.3c.55.68 1 1.26 1.34 1.74A6.06 6.06 0 0 0 2.68 15l-2.34.35a.35.35 0 0 0-.24.17.46.46 0 0 0-.1.29v2.79a.51.51 0 0 0 .1.29.42.42 0 0 0 .26.16l2.31.33a5.66 5.66 0 0 0 .52 1.21c-.16.21-.37.5-.68.88s-.5.66-.64.84a.48.48 0 0 0-.09.29.49.49 0 0 0 .08.29A17.27 17.27 0 0 0 3.94 25a.41.41 0 0 0 .31.14.52.52 0 0 0 .32-.11l1.77-1.34a11.37 11.37 0 0 0 1.14.47l.35 2.32a.34.34 0 0 0 .15.26.44.44 0 0 0 .31.11h2.79a.43.43 0 0 0 .45-.35 18.64 18.64 0 0 0 .36-2.34A7.36 7.36 0 0 0 13 23.7l1.74 1.36a.52.52 0 0 0 .32.11 2.94 2.94 0 0 0 1.21-.9 11.9 11.9 0 0 0 1.21-1.35.46.46 0 0 0 .11-.29.53.53 0 0 0-.12-.32c-.61-.73-1.05-1.31-1.34-1.74a7.68 7.68 0 0 0 .49-1.14l2.38-.35a.43.43 0 0 0 .34-.45v-2.79a.43.43 0 0 0-.12-.28zm-7.28 3.91a3.22 3.22 0 0 1-4.54 0 3.23 3.23 0 0 1 0-4.54 3.22 3.22 0 0 1 4.55 0 3.56 3.56 0 0 1-.01 4.54zM29.73 5.16a.28.28 0 0 0-.06-.16.27.27 0 0 0-.16-.1l-1.44-.21a3.85 3.85 0 0 0-.32-.75c.1-.13.23-.32.42-.55s.32-.41.4-.52a.28.28 0 0 0 .06-.18.26.26 0 0 0-.05-.17 11.58 11.58 0 0 0-1.29-1.33.35.35 0 0 0-.2-.07.27.27 0 0 0-.19.06L25.81 2a6.29 6.29 0 0 0-.71-.3L24.89.24a.22.22 0 0 0-.09-.16.25.25 0 0 0-.19-.08h-1.74a.26.26 0 0 0-.28.22 12.1 12.1 0 0 0-.22 1.45 5.74 5.74 0 0 0-.72.3l-1.08-.84a.35.35 0 0 0-.2-.07 2 2 0 0 0-.75.55 8.49 8.49 0 0 0-.75.84.4.4 0 0 0-.07.18.27.27 0 0 0 .08.19c.34.42.62.78.83 1.08a4.09 4.09 0 0 0-.31.75l-1.4.22a.23.23 0 0 0-.15.1.3.3 0 0 0-.06.18v1.74a.32.32 0 0 0 .06.18.22.22 0 0 0 .16.09l1.44.21a3.32 3.32 0 0 0 .32.75l-.42.55c-.19.23-.32.41-.4.52a.28.28 0 0 0-.06.18.35.35 0 0 0 .05.18 11.4 11.4 0 0 0 1.29 1.31.3.3 0 0 0 .2.08.31.31 0 0 0 .19-.06l1.06-.88a5.46 5.46 0 0 0 .7.3l.22 1.44a.26.26 0 0 0 .09.16.28.28 0 0 0 .19.07h1.74a.25.25 0 0 0 .27-.22 12.13 12.13 0 0 0 .23-1.45 5 5 0 0 0 .71-.3l1.08.84a.36.36 0 0 0 .2.06 1.73 1.73 0 0 0 .75-.55 7.49 7.49 0 0 0 .75-.84.24.24 0 0 0 .07-.18.35.35 0 0 0-.07-.2 12.91 12.91 0 0 1-.84-1.08 4.49 4.49 0 0 0 .31-.71l1.45-.22a.25.25 0 0 0 .16-.1.34.34 0 0 0 0-.17v-1.7zm-4.58 2.25a2 2 0 0 1-2.82 0 2 2 0 0 1 0-2.82 2 2 0 0 1 2.82 0 2.23 2.23 0 0 1 0 2.82z",
+  style: {
+    fill: "currentColor"
+  }
+}));
+
+exports.default = SvgGears;

package/lib/{grid-ee446118.js → grid.js}

@@ -5,21 +5,19 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgGrid = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z",
   fill: "currentColor"
-});
-
-function SvgGrid(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 19,
-    height: 19
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgGrid;

package/lib/{hamburger-menu-0fc0e266.js → hamburger-menu.js}

@@ -5,9 +5,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _g;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("g", {
+const SvgHamburgerMenu = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 20 20",
+  height: 24,
+  width: 24
+}, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
   fill: "currentColor"
 }, /*#__PURE__*/React.createElement("rect", {
   x: 1,
@@ -27,15 +35,6 @@ var _ref = /*#__PURE__*/React.createElement("g", {
   width: 18,
   height: 3,
   rx: 1
-}));
-
-function SvgHamburgerMenu(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    width: 20,
-    height: 20
-  }, props), _ref);
-}
+}))));
 
 exports.default = SvgHamburgerMenu;

package/lib/highlight.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgHighlight = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M15.3 15.3c-.56.56-1.24.96-2 1.17v-1.14a.683.683 0 0 0-.67-.67h-1.3c-.37.01-.66.3-.67.67v1.13a4.677 4.677 0 0 1-3.13-3.13h1.14c.37-.01.66-.3.67-.67v-1.33a.683.683 0 0 0-.67-.67H7.53c.45-1.5 1.63-2.68 3.13-3.13v1.14c.01.37.3.66.67.67h1.33c.37-.01.66-.3.67-.67V7.53c1.5.45 2.68 1.63 3.13 3.13h-1.13c-.37.01-.66.3-.67.67v1.33c.01.37.3.66.67.67h1.13c-.21.74-.61 1.42-1.16 1.97zm4.7-4a.683.683 0 0 0-.67-.67h-1.49c-.51-2.24-2.27-4-4.51-4.51V4.66a.688.688 0 0 0-.66-.67h-1.34a.69.69 0 0 0-.67.67v1.49c-2.24.51-4 2.27-4.51 4.51H4.67c-.37.01-.66.31-.67.68v1.33c.01.37.3.66.67.67h1.49c.51 2.24 2.27 4 4.51 4.51v1.49c.01.37.3.66.67.67h1.33c.37-.01.66-.3.67-.67v-1.5c2.24-.51 4-2.27 4.51-4.51h1.49c.36-.01.65-.3.66-.66V11.3z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgHighlight;

package/lib/index.d.ts

@@ -42,8 +42,10 @@ export { default as Tabs, Tab, TabPanel } from './components/Tabs';
 export { DescriptionList, DescriptionListItem, DescriptionTerm, DescriptionDetails } from './components/DescriptionList';
 export { default as Stepper, Step } from './components/Stepper';
 export { default as Panel } from './components/Panel';
+export { default as IssuePanel } from './components/IssuePanel';
 export { default as ProgressBar } from './components/ProgressBar';
 export { Address, AddressLine, AddressCityStateZip } from './components/Address';
+export { default as Pagination } from './components/Pagination';
 /**
  * Helpers / Utils
  */

package/lib/index.js

@@ -191,64 +191,68 @@ var iconTypes = [
 ];
 
 function __variableDynamicImportRuntime0__(path) {
-   switch (path) {
-     case './icons/add-user.svg': return Promise.resolve().then(function () { return require('./add-user-075c63a1.js'); });
-     case './icons/arrow-circle.svg': return Promise.resolve().then(function () { return require('./arrow-circle-7b95a2fd.js'); });
-     case './icons/arrow.svg': return Promise.resolve().then(function () { return require('./arrow-97011665.js'); });
-     case './icons/arrows-alt.svg': return Promise.resolve().then(function () { return require('./arrows-alt-b91e24b7.js'); });
-     case './icons/bolt.svg': return Promise.resolve().then(function () { return require('./bolt-e44406fd.js'); });
-     case './icons/caution.svg': return Promise.resolve().then(function () { return require('./caution-e048e1bf.js'); });
-     case './icons/check-circle.svg': return Promise.resolve().then(function () { return require('./check-circle-8b5069b4.js'); });
-     case './icons/check-shield.svg': return Promise.resolve().then(function () { return require('./check-shield-8fdb3641.js'); });
-     case './icons/check-solid.svg': return Promise.resolve().then(function () { return require('./check-solid-a0682f04.js'); });
-     case './icons/check.svg': return Promise.resolve().then(function () { return require('./check-c2912d5e.js'); });
-     case './icons/checkbox-checked.svg': return Promise.resolve().then(function () { return require('./checkbox-checked-a262e99c.js'); });
-     case './icons/checkbox-unchecked.svg': return Promise.resolve().then(function () { return require('./checkbox-unchecked-2ad5b4ae.js'); });
-     case './icons/chevron-double.svg': return Promise.resolve().then(function () { return require('./chevron-double-65975fca.js'); });
-     case './icons/chevron.svg': return Promise.resolve().then(function () { return require('./chevron-064d5f96.js'); });
-     case './icons/close.svg': return Promise.resolve().then(function () { return require('./close-31ce4dcf.js'); });
-     case './icons/code.svg': return Promise.resolve().then(function () { return require('./code-e3365341.js'); });
-     case './icons/copy.svg': return Promise.resolve().then(function () { return require('./copy-d2ade017.js'); });
-     case './icons/download.svg': return Promise.resolve().then(function () { return require('./download-2790e982.js'); });
-     case './icons/exchange.svg': return Promise.resolve().then(function () { return require('./exchange-1d290efb.js'); });
-     case './icons/external-link.svg': return Promise.resolve().then(function () { return require('./external-link-ef122c95.js'); });
-     case './icons/eye.svg': return Promise.resolve().then(function () { return require('./eye-a0d28243.js'); });
-     case './icons/filter.svg': return Promise.resolve().then(function () { return require('./filter-d2057f4c.js'); });
-     case './icons/flag.svg': return Promise.resolve().then(function () { return require('./flag-fb248a99.js'); });
-     case './icons/gears.svg': return Promise.resolve().then(function () { return require('./gears-b9ee1585.js'); });
-     case './icons/grid.svg': return Promise.resolve().then(function () { return require('./grid-ee446118.js'); });
-     case './icons/hamburger-menu.svg': return Promise.resolve().then(function () { return require('./hamburger-menu-0fc0e266.js'); });
-     case './icons/highlight.svg': return Promise.resolve().then(function () { return require('./highlight-81bfb759.js'); });
-     case './icons/info-circle-alt.svg': return Promise.resolve().then(function () { return require('./info-circle-alt-b1a696c7.js'); });
-     case './icons/info-circle.svg': return Promise.resolve().then(function () { return require('./info-circle-b43f7a9b.js'); });
-     case './icons/info-square.svg': return Promise.resolve().then(function () { return require('./info-square-f193e281.js'); });
-     case './icons/kabob.svg': return Promise.resolve().then(function () { return require('./kabob-692fdc00.js'); });
-     case './icons/list.svg': return Promise.resolve().then(function () { return require('./list-8fbd8209.js'); });
-     case './icons/lock.svg': return Promise.resolve().then(function () { return require('./lock-bd0122db.js'); });
-     case './icons/magnifying-glass.svg': return Promise.resolve().then(function () { return require('./magnifying-glass-2907fb77.js'); });
-     case './icons/menu.svg': return Promise.resolve().then(function () { return require('./menu-2f2be7c2.js'); });
-     case './icons/new-releases.svg': return Promise.resolve().then(function () { return require('./new-releases-ac749bdd.js'); });
-     case './icons/new.svg': return Promise.resolve().then(function () { return require('./new-6c3ac7d7.js'); });
-     case './icons/no.svg': return Promise.resolve().then(function () { return require('./no-bb3aa565.js'); });
-     case './icons/pencil.svg': return Promise.resolve().then(function () { return require('./pencil-4843058f.js'); });
-     case './icons/plus.svg': return Promise.resolve().then(function () { return require('./plus-6589e613.js'); });
-     case './icons/question-circle.svg': return Promise.resolve().then(function () { return require('./question-circle-c3c634c4.js'); });
-     case './icons/radio-checked.svg': return Promise.resolve().then(function () { return require('./radio-checked-006112fe.js'); });
-     case './icons/radio-unchecked.svg': return Promise.resolve().then(function () { return require('./radio-unchecked-a76e2d66.js'); });
-     case './icons/recycle.svg': return Promise.resolve().then(function () { return require('./recycle-0198fb67.js'); });
-     case './icons/robot.svg': return Promise.resolve().then(function () { return require('./robot-22863b2b.js'); });
-     case './icons/run-again.svg': return Promise.resolve().then(function () { return require('./run-again-c9777075.js'); });
-     case './icons/save.svg': return Promise.resolve().then(function () { return require('./save-edf5fc68.js'); });
-     case './icons/share.svg': return Promise.resolve().then(function () { return require('./share-70e94257.js'); });
-     case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort-49ec1442.js'); });
-     case './icons/star.svg': return Promise.resolve().then(function () { return require('./star-a1af8d95.js'); });
-     case './icons/sun.svg': return Promise.resolve().then(function () { return require('./sun-408aecdc.js'); });
-     case './icons/tag.svg': return Promise.resolve().then(function () { return require('./tag-56c32f4f.js'); });
-     case './icons/target.svg': return Promise.resolve().then(function () { return require('./target-50f179e0.js'); });
-     case './icons/trash.svg': return Promise.resolve().then(function () { return require('./trash-896a3291.js'); });
-     case './icons/triangle.svg': return Promise.resolve().then(function () { return require('./triangle-51d7723a.js'); });
-     case './icons/upload.svg': return Promise.resolve().then(function () { return require('./upload-d71f0e44.js'); });
-     default: return Promise.reject(new Error("Unknown variable dynamic import: " + path));
+  switch (path) {
+    case './icons/add-user.svg': return Promise.resolve().then(function () { return require('./add-user.js'); });
+    case './icons/arrow-circle.svg': return Promise.resolve().then(function () { return require('./arrow-circle.js'); });
+    case './icons/arrow.svg': return Promise.resolve().then(function () { return require('./arrow.js'); });
+    case './icons/arrows-alt.svg': return Promise.resolve().then(function () { return require('./arrows-alt.js'); });
+    case './icons/bolt.svg': return Promise.resolve().then(function () { return require('./bolt.js'); });
+    case './icons/caution.svg': return Promise.resolve().then(function () { return require('./caution.js'); });
+    case './icons/check-circle.svg': return Promise.resolve().then(function () { return require('./check-circle.js'); });
+    case './icons/check-shield.svg': return Promise.resolve().then(function () { return require('./check-shield.js'); });
+    case './icons/check-solid.svg': return Promise.resolve().then(function () { return require('./check-solid.js'); });
+    case './icons/check.svg': return Promise.resolve().then(function () { return require('./check.js'); });
+    case './icons/checkbox-checked.svg': return Promise.resolve().then(function () { return require('./checkbox-checked.js'); });
+    case './icons/checkbox-unchecked.svg': return Promise.resolve().then(function () { return require('./checkbox-unchecked.js'); });
+    case './icons/chevron-double.svg': return Promise.resolve().then(function () { return require('./chevron-double.js'); });
+    case './icons/chevron.svg': return Promise.resolve().then(function () { return require('./chevron.js'); });
+    case './icons/close.svg': return Promise.resolve().then(function () { return require('./close.js'); });
+    case './icons/code.svg': return Promise.resolve().then(function () { return require('./code.js'); });
+    case './icons/copy.svg': return Promise.resolve().then(function () { return require('./copy.js'); });
+    case './icons/download.svg': return Promise.resolve().then(function () { return require('./download.js'); });
+    case './icons/exchange.svg': return Promise.resolve().then(function () { return require('./exchange.js'); });
+    case './icons/external-link.svg': return Promise.resolve().then(function () { return require('./external-link.js'); });
+    case './icons/eye.svg': return Promise.resolve().then(function () { return require('./eye.js'); });
+    case './icons/filter.svg': return Promise.resolve().then(function () { return require('./filter.js'); });
+    case './icons/flag.svg': return Promise.resolve().then(function () { return require('./flag.js'); });
+    case './icons/gears.svg': return Promise.resolve().then(function () { return require('./gears.js'); });
+    case './icons/grid.svg': return Promise.resolve().then(function () { return require('./grid.js'); });
+    case './icons/hamburger-menu.svg': return Promise.resolve().then(function () { return require('./hamburger-menu.js'); });
+    case './icons/highlight.svg': return Promise.resolve().then(function () { return require('./highlight.js'); });
+    case './icons/info-circle-alt.svg': return Promise.resolve().then(function () { return require('./info-circle-alt.js'); });
+    case './icons/info-circle.svg': return Promise.resolve().then(function () { return require('./info-circle.js'); });
+    case './icons/info-square.svg': return Promise.resolve().then(function () { return require('./info-square.js'); });
+    case './icons/kabob.svg': return Promise.resolve().then(function () { return require('./kabob.js'); });
+    case './icons/list.svg': return Promise.resolve().then(function () { return require('./list.js'); });
+    case './icons/lock.svg': return Promise.resolve().then(function () { return require('./lock.js'); });
+    case './icons/magnifying-glass.svg': return Promise.resolve().then(function () { return require('./magnifying-glass.js'); });
+    case './icons/menu.svg': return Promise.resolve().then(function () { return require('./menu.js'); });
+    case './icons/new-releases.svg': return Promise.resolve().then(function () { return require('./new-releases.js'); });
+    case './icons/new.svg': return Promise.resolve().then(function () { return require('./new.js'); });
+    case './icons/no.svg': return Promise.resolve().then(function () { return require('./no.js'); });
+    case './icons/pencil.svg': return Promise.resolve().then(function () { return require('./pencil.js'); });
+    case './icons/plus.svg': return Promise.resolve().then(function () { return require('./plus.js'); });
+    case './icons/question-circle.svg': return Promise.resolve().then(function () { return require('./question-circle.js'); });
+    case './icons/radio-checked.svg': return Promise.resolve().then(function () { return require('./radio-checked.js'); });
+    case './icons/radio-unchecked.svg': return Promise.resolve().then(function () { return require('./radio-unchecked.js'); });
+    case './icons/recycle.svg': return Promise.resolve().then(function () { return require('./recycle.js'); });
+    case './icons/robot.svg': return Promise.resolve().then(function () { return require('./robot.js'); });
+    case './icons/run-again.svg': return Promise.resolve().then(function () { return require('./run-again.js'); });
+    case './icons/save.svg': return Promise.resolve().then(function () { return require('./save.js'); });
+    case './icons/share.svg': return Promise.resolve().then(function () { return require('./share.js'); });
+    case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort.js'); });
+    case './icons/star.svg': return Promise.resolve().then(function () { return require('./star.js'); });
+    case './icons/sun.svg': return Promise.resolve().then(function () { return require('./sun.js'); });
+    case './icons/tag.svg': return Promise.resolve().then(function () { return require('./tag.js'); });
+    case './icons/target.svg': return Promise.resolve().then(function () { return require('./target.js'); });
+    case './icons/trash.svg': return Promise.resolve().then(function () { return require('./trash.js'); });
+    case './icons/triangle.svg': return Promise.resolve().then(function () { return require('./triangle.js'); });
+    case './icons/upload.svg': return Promise.resolve().then(function () { return require('./upload.js'); });
+    default: return new Promise(function(resolve, reject) {
+      (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
+        reject.bind(null, new Error("Unknown variable dynamic import: " + path))
+      );
+    })
    }
  }
 var Icon = React.forwardRef(function (_a, ref) {
@@ -8050,6 +8054,25 @@ Tab.propTypes = {
     children: PropTypes.node
 };
 
+/**
+ * Hook to be used similarly to the React.Component#componentDidMount.
+ * Executes the provided `effect` when `dependencies` change but does not
+ * execute the effect initially (on mount) - only on update.
+ *
+ * @param effect {Function} function to be executed when dependencies update
+ * @param dependencies {Any} any valid dependency argument to React.useEffect
+ */
+var useDidUpdate = function (effect, dependencies) {
+    var mounted = React__default.useRef(false);
+    React__default.useEffect(function () {
+        if (!mounted.current) {
+            mounted.current = true;
+            return;
+        }
+        effect();
+    }, dependencies);
+};
+
 var Tabs = function (_a) {
     var children = _a.children, thin = _a.thin, _b = _a.initialActiveIndex, initialActiveIndex = _b === void 0 ? 0 : _b, className = _a.className, onChange = _a.onChange, labelProp = tslib.__rest(_a, ["children", "thin", "initialActiveIndex", "className", "onChange"]);
     var _c = React.useState(initialActiveIndex), activeIndex = _c[0], setActiveIndex = _c[1];
@@ -8216,15 +8239,34 @@ Stepper.propTypes = {
 };
 
 var Panel = function (_a) {
-    var className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, children = _a.children;
-    return (React__default.createElement("div", { className: classNames('Panel', className) },
-        React__default.createElement("div", { className: "Panel__Header" },
-            title && React__default.createElement("div", { className: "Panel__Header-title" }, title),
-            actions && React__default.createElement("div", { className: "Panel__Header-actions" }, actions)),
-        React__default.createElement("div", { className: "Panel__Content" }, children)));
+    var children = _a.children, className = _a.className, heading = _a.heading, other = tslib.__rest(_a, ["children", "className", "heading"]);
+    var Heading = "h" + (typeof heading === 'object' && 'level' in heading && !!heading.level
+        ? heading.level
+        : 2);
+    var headingId = typeof heading === 'object' && 'id' in heading ? heading.id : randomId();
+    return (React__default.createElement("section", tslib.__assign({ "aria-labelledby": headingId, className: classNames('Panel', className) }, other),
+        React__default.createElement(Heading, { id: headingId, className: "Panel__Heading" }, typeof heading === 'object' && 'text' in heading
+            ? heading.text
+            : heading),
+        children));
 };
 Panel.displayName = 'Panel';
 Panel.propTypes = {
+    children: PropTypes.node.isRequired,
+    heading: PropTypes.oneOfType([PropTypes.object, PropTypes.node]).isRequired,
+    className: PropTypes.string
+};
+
+var IssuePanel = function (_a) {
+    var className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, children = _a.children;
+    return (React__default.createElement("div", { className: classNames('IssuePanel', className) },
+        React__default.createElement("div", { className: "IssuePanel__Header" },
+            title && React__default.createElement("div", { className: "IssuePanel__Header-title" }, title),
+            actions && React__default.createElement("div", { className: "IssuePanel__Header-actions" }, actions)),
+        React__default.createElement("div", { className: "IssuePanel__Content" }, children)));
+};
+IssuePanel.displayName = 'IssuePanel';
+IssuePanel.propTypes = {
     children: PropTypes.node.isRequired,
     className: PropTypes.string
 };
@@ -8269,23 +8311,49 @@ AddressCityStateZip.propTypes = {
     className: PropTypes.string
 };
 
-/**
- * Hook to be used similarly to the React.Component#componentDidMount.
- * Executes the provided `effect` when `dependencies` change but does not
- * execute the effect initially (on mount) - only on update.
- *
- * @param effect {Function} function to be executed when dependencies update
- * @param dependencies {Any} any valid dependency argument to React.useEffect
- */
-var useDidUpdate = function (effect, dependencies) {
-    var mounted = React__default.useRef(false);
-    React__default.useEffect(function () {
-        if (!mounted.current) {
-            mounted.current = true;
-            return;
-        }
-        effect();
-    }, dependencies);
+var Pagination = React__default.forwardRef(function (_a, ref) {
+    var totalItems = _a.totalItems, _b = _a.itemsPerPage, itemsPerPage = _b === void 0 ? 10 : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, statusLabel = _a.statusLabel, _d = _a.firstPageLabel, firstPageLabel = _d === void 0 ? 'First page' : _d, _e = _a.previousPageLabel, previousPageLabel = _e === void 0 ? 'Previous page' : _e, _f = _a.nextPageLabel, nextPageLabel = _f === void 0 ? 'Next page' : _f, _g = _a.lastPageLabel, lastPageLabel = _g === void 0 ? 'Last page' : _g, _h = _a.tooltipPlacement, tooltipPlacement = _h === void 0 ? 'bottom' : _h, onNextPageClick = _a.onNextPageClick, onPreviousPageClick = _a.onPreviousPageClick, onFirstPageClick = _a.onFirstPageClick, onLastPageClick = _a.onLastPageClick, className = _a.className, other = tslib.__rest(_a, ["totalItems", "itemsPerPage", "currentPage", "statusLabel", "firstPageLabel", "previousPageLabel", "nextPageLabel", "lastPageLabel", "tooltipPlacement", "onNextPageClick", "onPreviousPageClick", "onFirstPageClick", "onLastPageClick", "className"]);
+    var itemStart = currentPage * itemsPerPage - itemsPerPage + 1;
+    var itemEnd = Math.min(itemStart + itemsPerPage - 1, totalItems);
+    var isLastPage = itemEnd === totalItems;
+    var isFirstPage = currentPage === 1;
+    return (React__default.createElement("div", tslib.__assign({ ref: ref, className: classNames('Pagination', className) }, other),
+        React__default.createElement("ul", null,
+            React__default.createElement("li", null, isFirstPage ? (React__default.createElement(TooltipTabstop, { tooltip: firstPageLabel, placement: tooltipPlacement },
+                React__default.createElement(Icon, { type: "chevron-double-left" }))) : (React__default.createElement(IconButton, { icon: "chevron-double-left", tooltipPlacement: tooltipPlacement, label: firstPageLabel, onClick: onFirstPageClick }))),
+            React__default.createElement("li", null, isFirstPage ? (React__default.createElement(TooltipTabstop, { tooltip: previousPageLabel, placement: tooltipPlacement },
+                React__default.createElement(Icon, { type: "chevron-left" }))) : (React__default.createElement(IconButton, { icon: "chevron-left", tooltipPlacement: tooltipPlacement, label: previousPageLabel, onClick: onPreviousPageClick }))),
+            React__default.createElement("li", null,
+                React__default.createElement("span", { role: "log", "aria-atomic": "true" }, statusLabel || (React__default.createElement("span", null,
+                    "Showing ",
+                    React__default.createElement("strong", null, itemStart),
+                    " of",
+                    ' ',
+                    React__default.createElement("strong", null, itemEnd),
+                    " of ",
+                    React__default.createElement("strong", null, totalItems))))),
+            React__default.createElement("li", null, isLastPage ? (React__default.createElement(TooltipTabstop, { tooltip: nextPageLabel, placement: tooltipPlacement },
+                React__default.createElement(Icon, { type: "chevron-right" }))) : (React__default.createElement(IconButton, { icon: "chevron-right", tooltipPlacement: tooltipPlacement, label: nextPageLabel, onClick: onNextPageClick }))),
+            React__default.createElement("li", null, isLastPage ? (React__default.createElement(TooltipTabstop, { tooltip: lastPageLabel, placement: tooltipPlacement },
+                React__default.createElement(Icon, { type: "chevron-double-right" }))) : (React__default.createElement(IconButton, { icon: "chevron-double-right", tooltipPlacement: tooltipPlacement, label: lastPageLabel, onClick: onLastPageClick }))))));
+});
+Pagination.displayName = 'Pagination';
+Pagination.propTypes = {
+    totalItems: PropTypes.number.isRequired,
+    itemsPerPage: PropTypes.number,
+    currentPage: PropTypes.number,
+    statusLabel: PropTypes.element,
+    firstPageLabel: PropTypes.string,
+    previousPageLabel: PropTypes.string,
+    nextPageLabel: PropTypes.string,
+    lastPageLabel: PropTypes.string,
+    onNextPageClick: PropTypes.func,
+    onPreviousPageClick: PropTypes.func,
+    onFirstPageClick: PropTypes.func,
+    onLastPageClick: PropTypes.func,
+    // @ts-expect-error
+    tooltipPlacement: PropTypes.string,
+    className: PropTypes.string
 };
 
 var LIGHT_THEME_CLASS = 'cauldron--theme-light';
@@ -8362,6 +8430,7 @@ exports.DialogFooter = DialogFooter;
 exports.ExpandCollapsePanel = ExpandCollapsePanel;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
+exports.IssuePanel = IssuePanel;
 exports.Layout = Layout;
 exports.Line = Line;
 exports.Link = Link;
@@ -8381,6 +8450,7 @@ exports.OptionsMenuItem = OptionsMenuItem;
 exports.OptionsMenuList = OptionsMenuList;
 exports.OptionsMenuTrigger = OptionsMenuTrigger;
 exports.OptionsMenuWrapper = OptionsMenuWrapper;
+exports.Pagination = Pagination;
 exports.Panel = Panel;
 exports.PanelTrigger = PanelTrigger$1;
 exports.Pointout = Pointout;