@deque/cauldron-react 3.0.1 → 4.0.0-canary.debe968f

package/lib/{save-edf5fc68.js → save.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: "M17 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z",
+const SvgSave = 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 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgSave(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 21,
-    height: 21
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgSave;

package/lib/share.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 SvgShare = 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: "M21.33 9.66c0-.18-.07-.35-.2-.47L15.8 3.86a.677.677 0 0 0-.95.03c-.11.12-.18.28-.18.44v2.66h-2.34c-4.95 0-7.98 1.4-9.11 4.2-.4 1.11-.58 2.29-.55 3.47.13 1.64.59 3.23 1.33 4.69l.1.25.14.31c.04.08.08.16.14.23.06.1.17.17.29.18.09 0 .18-.03.24-.1.06-.06.09-.14.09-.23.01-.09.01-.19 0-.28v-.24c-.07-.49-.1-.93-.1-1.32a8.5 8.5 0 0 1 .18-1.88c.1-.5.27-.98.5-1.44.21-.4.49-.75.83-1.05.33-.29.7-.53 1.1-.72.44-.2.9-.35 1.38-.44.53-.11 1.06-.18 1.6-.22.54-.04 1.15-.06 1.83-.06h2.33v2.65c0 .36.29.66.65.67.18 0 .35-.07.48-.2l5.33-5.33c.13-.12.2-.29.2-.47h.02z",
+  vectorEffect: "non-scaling-stroke",
+  fill: "currentColor"
+})));
+
+exports.default = SvgShare;

package/lib/sort-triangle.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 SvgSortTriangle = 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: "M17.13 13.54a.634.634 0 0 0-.47-.2H7.34c-.36 0-.66.29-.67.65 0 .18.07.35.2.48l4.66 4.66c.25.26.66.27.92.02l.02-.02 4.66-4.66c.26-.25.28-.65.03-.91-.01-.02-.02-.02-.03-.02zm0-4-4.66-4.66a.649.649 0 0 0-.92-.02l-.02.02-4.66 4.66c-.25.27-.24.69.03.95.12.11.28.18.44.18h9.33c.36 0 .66-.3.66-.66a.72.72 0 0 0-.2-.47z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgSortTriangle;

package/lib/{sort-49ec1442.js → sort.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", {
-  d: "M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z",
+const SvgSort = 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: "M9 3 5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z",
   fill: "currentColor"
-});
-
-function SvgSort(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 16,
-    height: 16
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgSort;

package/lib/{star-a1af8d95.js → star.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", {
-  d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z",
+const SvgStar = 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 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgStar(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 19,
-    height: 18
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgStar;

package/lib/sun.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 SvgSun = 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: "M17.5 14.35c-.6 1.45-1.75 2.6-3.2 3.2-1.49.63-3.16.63-4.65 0-1.45-.6-2.6-1.75-3.2-3.2a5.956 5.956 0 0 1 0-4.65c.6-1.45 1.75-2.6 3.2-3.2 1.49-.63 3.16-.63 4.65 0 1.45.6 2.6 1.75 3.2 3.2.63 1.49.63 3.16 0 4.65zm3.35.56c.05-.09.05-.21 0-.3l-1.87-2.58 1.87-2.58c.05-.09.05-.21 0-.3a.316.316 0 0 0-.21-.21l-3-1V4.75c0-.11-.05-.21-.14-.27a.319.319 0 0 0-.3 0l-3 1-1.95-2.65a.363.363 0 0 0-.51-.03l-.03.03-1.87 2.58-3-1a.319.319 0 0 0-.3 0c-.09.06-.14.16-.14.27v3.25l-3 1c-.1.03-.18.11-.21.21-.05.09-.05.21 0 .3l1.79 2.59-1.83 2.58c-.05.09-.05.21 0 .3.03.1.11.18.21.21l3 1v3.19c0 .11.05.21.14.27.09.05.21.05.3 0l3-1 1.87 2.58c.11.15.33.18.48.06.02-.02.05-.04.06-.06l1.87-2.58 3 1c.09.05.21.05.3 0 .09-.06.14-.16.14-.27v-3.19l3-1c.1-.03.18-.11.21-.21h.12z",
+  vectorEffect: "non-scaling-stroke",
+  fill: "currentColor"
+})));
+
+exports.default = SvgSun;

package/lib/{tag-56c32f4f.js → tag.js}

@@ -5,21 +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", {
-  d: "M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z",
+const SvgTag = 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.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z",
   fill: "currentColor",
   vectorEffect: "non-scaling-stroke"
-});
-
-function SvgTag(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    width: 24,
-    height: 24
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgTag;

package/lib/target.js

@@ -0,0 +1,28 @@
+'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 _defs, _path, _path2, _path3;
+
+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 SvgTarget = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 239.97 239.95",
+  height: 24,
+  width: 24
+}, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".cls-1{fill:currentColor}"))), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  className: "cls-1",
+  d: "M0 119.77A119.89 119.89 0 0 1 120.26 0C187.31.16 240.15 54.93 240 120.1a120 120 0 1 1-240-.33zm20 .14c.42 55.4 44.42 100 100.08 100a99.92 99.92 0 0 0-.14-199.84c-55.4.03-99.51 44.42-99.94 99.84z"
+})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+  className: "cls-1",
+  d: "M119.89 200c-43.65.46-79.94-36.33-80-79.94s36.62-80.2 80.2-80.12c43.79.09 80.17 36.71 80 80.32-.22 43.82-36.65 80.22-80.2 79.74zm-1.26-20c32.82 1.19 60.48-25.85 61.42-58.46.95-32.87-26.24-60.74-58.33-61.63C88.8 59 60.74 86 59.89 118.29 59 151.15 86 179.77 118.63 180z"
+})), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+  className: "cls-1",
+  d: "M119.88 80A40 40 0 1 1 80 120a40 40 0 0 1 39.88-40z"
+})));
+
+exports.default = SvgTarget;

package/lib/trash.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 SvgTrash = 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: "M9.91 17.24a.34.34 0 0 1-.24.09H9c-.18.01-.32-.13-.33-.31V9.67c-.01-.18.12-.33.3-.34h.7c.18-.01.32.13.33.31V17c0 .09-.03.18-.09.24zm2.67 0a.34.34 0 0 1-.24.09h-.67a.317.317 0 0 1-.34-.3V9.67c-.01-.18.13-.32.31-.33h.69c.18-.01.32.13.33.31V17c0 .09-.03.18-.09.24h.01zm2.67 0a.34.34 0 0 1-.24.09h-.68c-.18.01-.32-.13-.33-.31V9.67c-.01-.18.13-.32.31-.33H15c.18-.01.32.13.33.31V17c0 .09-.03.18-.09.24h.01zM10.18 5.45c.04-.06.11-.1.18-.11h3.3c.07.01.14.05.18.11l.5 1.22H9.67l.51-1.22zM19.33 7c.01-.18-.13-.32-.31-.33h-3.24l-.73-1.74c-.11-.27-.31-.5-.56-.66-.24-.17-.53-.26-.82-.27h-3.34c-.29.01-.58.1-.82.27-.25.16-.45.39-.56.66l-.73 1.74H5c-.18-.01-.32.13-.33.31v.69c-.01.18.13.32.31.33H6v9.91c-.01.53.16 1.05.49 1.47.27.38.71.61 1.18.62h8.66c.47-.01.91-.24 1.18-.63.33-.43.5-.96.49-1.5V8h1c.18.01.32-.13.33-.31V7z",
+  vectorEffect: "non-scaling-stroke",
+  fill: "currentColor"
+})));
+
+exports.default = SvgTrash;

package/lib/{triangle-51d7723a.js → triangle.js}

@@ -5,23 +5,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 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); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M7 10l5 5 5-5z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
-});
+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); }
 
-function SvgTriangle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 32,
-    height: 32,
-    transform: "rotate(270)"
-  }, props), _ref);
-}
+const SvgTriangle = 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: "m7 10 5 5 5-5z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
 
 exports.default = SvgTriangle;

package/lib/{upload-d71f0e44.js → upload.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 SvgUpload = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 512 512",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgUpload(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 512 512",
-    width: 20,
-    height: 20
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgUpload;

package/lib/utils/polymorphic-type/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Based on @radix-ui/polymorphic:
+ * https://github.com/radix-ui/primitives/blob/main/packages/react/polymorphic/src/polymorphic.ts
+ */
+import * as React from 'react';
+declare type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+declare type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+declare type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+declare type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+}>>;
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}
+/**
+ * Extends original type to ensure built in React types play nice
+ * with polymorphic components still e.g. `React.ElementRef` etc.
+ */
+> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+    /**
+     * When `as` prop is passed, use this overload.
+     * Merges original own props (without DOM props) and the inferred props
+     * from `as` element with the own props taking precendence.
+     *
+     * We explicitly avoid `React.ElementType` and manually narrow the prop types
+     * so that events are typed when using JSX.IntrinsicElements.
+     */
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement | null;
+}
+export { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "3.0.1",
+  "version": "4.0.0-canary.debe968f",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"
@@ -43,8 +43,9 @@
     "@babel/preset-typescript": "^7.9.0",
     "@babel/register": "^7.9.0",
     "@rollup/plugin-commonjs": "^14.0.0",
+    "@rollup/plugin-dynamic-import-vars": "^1.4.2",
     "@rollup/plugin-typescript": "^5.0.2",
-    "@svgr/rollup": "^5.4.0",
+    "@svgr/rollup": "^6.1.2",
     "@types/classnames": "^2.2.10",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^16.9.34",
@@ -77,7 +78,6 @@
     "react-helmet": "^6.0.0",
     "react-router-dom": "^5.1.2",
     "rollup": "^2.23.0",
-    "rollup-plugin-dynamic-import-variables": "^1.1.0",
     "sinon": "^10.0.0",
     "ts-node": "^8.9.1",
     "typescript": "^3.9.7"
@@ -124,4 +124,4 @@
       "\\.svg$": "<rootDir>/__tests__/svgMock.js"
     }
   }
-}
+}

package/lib/arrow-circle-7b95a2fd.js

@@ -1,27 +0,0 @@
-'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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M17.33 12.67c-.01.37-.3.66-.67.67h-5.22l2 2c.25.26.25.68 0 .94l-.95.95c-.26.25-.68.25-.94 0L6.8 12.47a.683.683 0 010-.94l4.72-4.72c.26-.25.68-.25.94 0l.95.95c.26.25.27.66.02.92l-.02.02-2 2h5.23c.37.01.66.3.67.67v1.33l.02-.03zM18.92 8A8.016 8.016 0 0016 5.08 7.798 7.798 0 0012 4c-1.41-.01-2.79.37-4 1.08-1.21.7-2.22 1.71-2.92 2.92A7.798 7.798 0 004 12c-.01 1.41.36 2.79 1.07 4 .7 1.21 1.71 2.22 2.93 2.92 1.21.71 2.59 1.09 4 1.08 1.41.01 2.79-.36 4-1.07 1.21-.7 2.22-1.71 2.92-2.93A7.798 7.798 0 0020 12c.01-1.41-.37-2.79-1.08-4z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
-});
-
-function SvgArrowCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 17,
-    height: 17,
-    transform: "rotate(180)"
-  }, props), _ref);
-}
-
-exports.default = SvgArrowCircle;

package/lib/arrows-alt-b91e24b7.js

@@ -1,26 +0,0 @@
-'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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M352.201 425.775l-79.196 79.196c-9.373 9.373-24.568 9.373-33.941 0l-79.196-79.196c-15.119-15.119-4.411-40.971 16.971-40.97h51.162L228 284H127.196v51.162c0 21.382-25.851 32.09-40.971 16.971L7.029 272.937c-9.373-9.373-9.373-24.569 0-33.941L86.225 159.8c15.119-15.119 40.971-4.411 40.971 16.971V228H228V127.196h-51.23c-21.382 0-32.09-25.851-16.971-40.971l79.196-79.196c9.373-9.373 24.568-9.373 33.941 0l79.196 79.196c15.119 15.119 4.411 40.971-16.971 40.971h-51.162V228h100.804v-51.162c0-21.382 25.851-32.09 40.97-16.971l79.196 79.196c9.373 9.373 9.373 24.569 0 33.941L425.773 352.2c-15.119 15.119-40.971 4.411-40.97-16.971V284H284v100.804h51.23c21.382 0 32.09 25.851 16.971 40.971z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
-});
-
-function SvgArrowsAlt(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 512 512",
-    width: 28,
-    height: 28
-  }, props), _ref);
-}
-
-exports.default = SvgArrowsAlt;

package/lib/chevron-064d5f96.js

@@ -1,26 +0,0 @@
-'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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M15.02 12a.35.35 0 00-.1-.24l-4.83-4.85a.332.332 0 00-.47-.01l-.01.01-.52.52c-.14.13-.14.33-.02.47l.01.01 4.1 4.09-4.1 4.09c-.13.13-.14.33-.01.47l.01.01.52.52c.13.13.33.14.47.01l.01-.01 4.85-4.85c.06-.07.09-.15.09-.24z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
-});
-
-function SvgChevron(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 25,
-    height: 25
-  }, props), _ref);
-}
-
-exports.default = SvgChevron;

package/lib/chevron-double-65975fca.js

@@ -1,26 +0,0 @@
-'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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M13.02 12a.35.35 0 00-.1-.24L8.09 6.91a.332.332 0 00-.47-.01l-.01.01-.52.52c-.14.13-.14.33-.02.47l.01.01 4.1 4.09-4.08 4.09c-.13.13-.14.33-.01.47l.01.01.52.52c.13.13.33.14.47.01l.01-.01 4.85-4.85c.05-.07.07-.15.07-.24zm4 0a.35.35 0 00-.1-.24l-4.83-4.85a.332.332 0 00-.47-.01l-.01.01-.52.52c-.13.13-.14.33-.01.47l.01.01 4.1 4.09-4.09 4.09c-.13.13-.14.33-.01.47l.01.01.52.52c.13.13.33.14.47.01l.01-.01 4.85-4.85c.05-.07.07-.15.07-.24z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
-});
-
-function SvgChevronDouble(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 25,
-    height: 25
-  }, props), _ref);
-}
-
-exports.default = SvgChevronDouble;

package/lib/code-e3365341.js

@@ -1,26 +0,0 @@
-'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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M8.43 16.59c.13-.13.14-.33.01-.47l-.01-.01-4.09-4.09 4.09-4.09c.13-.13.14-.33.01-.47l-.01-.01-.52-.52a.332.332 0 00-.47-.01l-.01.01-4.85 4.85c-.13.13-.14.33-.01.47l.01.01 4.85 4.85c.13.13.33.14.47.01l.01-.01.52-.52zm6.15-11.11c.04-.08.04-.18 0-.26a.353.353 0 00-.23-.2l-.65-.18a.331.331 0 00-.24 0c-.08.04-.13.12-.16.2L9.42 18.56c-.04.08-.04.18 0 .26.04.08.12.13.2.16l.65.18c.08.03.16.03.24 0 .08-.04.13-.12.16-.2l3.91-13.48zm6.84 6.78c.13-.13.14-.33.01-.47l-.01-.01-4.85-4.85a.332.332 0 00-.47-.01l-.01.01-.52.52c-.13.13-.14.33-.01.47l.01.01 4.09 4.09-4.09 4.09c-.13.13-.14.33-.01.47l.01.01.52.52c.13.13.33.14.47.01l.01-.01 4.85-4.85z",
-  vectorEffect: "non-scaling-stroke",
-  fill: "currentColor"
-});
-
-function SvgCode(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 12,
-    height: 12
-  }, props), _ref);
-}
-
-exports.default = SvgCode;

package/lib/exchange-1d290efb.js

@@ -1,26 +0,0 @@
-'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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M21.33 14.34a.347.347 0 00-.33-.33H6.67v-2a.347.347 0 00-.33-.33.34.34 0 00-.24.09L2.77 15.1a.34.34 0 00-.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 00-.09-.24l-3.33-3.32a.407.407 0 00-.25-.11.314.314 0 00-.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 00.09-.24h.01z",
-  fill: "currentColor",
-  vectorEffect: "non-scaling-stroke"
-});
-
-function SvgExchange(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 13,
-    height: 13
-  }, props), _ref);
-}
-
-exports.default = SvgExchange;

package/lib/external-link-ef122c95.js

@@ -1,26 +0,0 @@
-'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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M17.33 13.67a.317.317 0 00-.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 00-2.12.88 2.9 2.9 0 00-.88 2.12V17c-.01.8.31 1.57.88 2.12a2.9 2.9 0 002.12.88h8.66c1.66 0 3-1.34 3-3v-3.33zm4-9a.683.683 0 00-.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"
-});
-
-function SvgExternalLink(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 17,
-    height: 17
-  }, props), _ref);
-}
-
-exports.default = SvgExternalLink;

package/lib/gears-b9ee1585.js

@@ -1,23 +0,0 @@
-'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); }
-
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M19.22 15.56a.38.38 0 00-.22-.16l-2.31-.35a6.79 6.79 0 00-.52-1.21l.68-.88c.3-.37.51-.65.64-.83a.51.51 0 00.1-.29.41.41 0 00-.09-.28 17.53 17.53 0 00-2.08-2.14.48.48 0 00-.31-.12.41.41 0 00-.3.11L13 10.7a9.28 9.28 0 00-1.13-.47l-.35-2.31a.37.37 0 00-.15-.26.39.39 0 00-.3-.12h-2.8a.41.41 0 00-.45.35 18.64 18.64 0 00-.36 2.34 7.33 7.33 0 00-1.15.48L4.57 9.36a.58.58 0 00-.33-.12 3.06 3.06 0 00-1.24.89 14.32 14.32 0 00-1.21 1.36.53.53 0 00-.1.29.42.42 0 00.12.3c.55.68 1 1.26 1.34 1.74A6.06 6.06 0 002.68 15l-2.34.35a.35.35 0 00-.24.17.46.46 0 00-.1.29v2.79a.51.51 0 00.1.29.42.42 0 00.26.16l2.31.33a5.66 5.66 0 00.52 1.21c-.16.21-.37.5-.68.88s-.5.66-.64.84a.48.48 0 00-.09.29.49.49 0 00.08.29A17.27 17.27 0 003.94 25a.41.41 0 00.31.14.52.52 0 00.32-.11l1.77-1.34a11.37 11.37 0 001.14.47l.35 2.32a.34.34 0 00.15.26.44.44 0 00.31.11h2.79a.43.43 0 00.45-.35 18.64 18.64 0 00.36-2.34A7.36 7.36 0 0013 23.7l1.74 1.36a.52.52 0 00.32.11 2.94 2.94 0 001.21-.9 11.9 11.9 0 001.21-1.35.46.46 0 00.11-.29.53.53 0 00-.12-.32c-.61-.73-1.05-1.31-1.34-1.74a7.68 7.68 0 00.49-1.14l2.38-.35a.43.43 0 00.34-.45v-2.79a.43.43 0 00-.12-.28zm-7.28 3.91a3.22 3.22 0 01-4.54 0 3.23 3.23 0 010-4.54 3.22 3.22 0 014.55 0 3.56 3.56 0 01-.01 4.54zM29.73 5.16a.28.28 0 00-.06-.16.27.27 0 00-.16-.1l-1.44-.21a3.85 3.85 0 00-.32-.75c.1-.13.23-.32.42-.55s.32-.41.4-.52a.28.28 0 00.06-.18.26.26 0 00-.05-.17 11.58 11.58 0 00-1.29-1.33.35.35 0 00-.2-.07.27.27 0 00-.19.06L25.81 2a6.29 6.29 0 00-.71-.3L24.89.24a.22.22 0 00-.09-.16.25.25 0 00-.19-.08h-1.74a.26.26 0 00-.28.22 12.1 12.1 0 00-.22 1.45 5.74 5.74 0 00-.72.3l-1.08-.84a.35.35 0 00-.2-.07 2 2 0 00-.75.55 8.49 8.49 0 00-.75.84.4.4 0 00-.07.18.27.27 0 00.08.19c.34.42.62.78.83 1.08a4.09 4.09 0 00-.31.75l-1.4.22a.23.23 0 00-.15.1.3.3 0 00-.06.18v1.74a.32.32 0 00.06.18.22.22 0 00.16.09l1.44.21a3.32 3.32 0 00.32.75l-.42.55c-.19.23-.32.41-.4.52a.28.28 0 00-.06.18.35.35 0 00.05.18 11.4 11.4 0 001.29 1.31.3.3 0 00.2.08.31.31 0 00.19-.06l1.06-.88a5.46 5.46 0 00.7.3l.22 1.44a.26.26 0 00.09.16.28.28 0 00.19.07h1.74a.25.25 0 00.27-.22 12.13 12.13 0 00.23-1.45 5 5 0 00.71-.3l1.08.84a.36.36 0 00.2.06 1.73 1.73 0 00.75-.55 7.49 7.49 0 00.75-.84.24.24 0 00.07-.18.35.35 0 00-.07-.2 12.91 12.91 0 01-.84-1.08 4.49 4.49 0 00.31-.71l1.45-.22a.25.25 0 00.16-.1.34.34 0 000-.17v-1.7zm-4.58 2.25a2 2 0 01-2.82 0 2 2 0 010-2.82 2 2 0 012.82 0 2.23 2.23 0 010 2.82z",
-  fill: "currentColor"
-});
-
-function SvgGears(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 29.74 26.88",
-    height: 20,
-    width: 20
-  }, props), _ref);
-}
-
-exports.default = SvgGears;