@popmenu/audio-player 0.28.0 → 0.29.0

package/build/index.es.js

@@ -132,111 +132,111 @@ var classnames$1 = {exports: {}};
 
 var classNames$1 = classnames$1.exports;
 
-var _path$1m;
+var _path$V;
 
-function _extends$1r() { _extends$1r = 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$1r.apply(this, arguments); }
+function _extends$1n() { _extends$1n = 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$1n.apply(this, arguments); }
 
 function SvgPause(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1r({
+  return /*#__PURE__*/React.createElement("svg", _extends$1n({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
-    d: "M6.667 2.667H4v10.666h2.667V2.666zm5.333 0H9.333v10.666H12V2.666z"
+    height: "1em"
+  }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
+    d: "M6.667 2.667H4v10.666h2.667V2.666zm5.333 0H9.333v10.666H12V2.666z",
+    stroke: "currentColor"
   })));
 }
 
-var _path$1k;
+var _path$T;
 
-function _extends$1p() { _extends$1p = 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$1p.apply(this, arguments); }
+function _extends$1l() { _extends$1l = 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$1l.apply(this, arguments); }
 
 function SvgPlay(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1p({
+  return /*#__PURE__*/React.createElement("svg", _extends$1l({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
-    d: "M3.333 2l9.334 6-9.334 6V2z"
+    height: "1em"
+  }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
+    d: "M3.333 2l9.334 6-9.334 6V2z",
+    stroke: "currentColor"
   })));
 }
 
-var _path$17;
+var _path$L;
 
-function _extends$1c() { _extends$1c = 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$1c.apply(this, arguments); }
+function _extends$18() { _extends$18 = 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$18.apply(this, arguments); }
 
 function SvgVolumeDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React.createElement("svg", _extends$18({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
-    d: "M8.999 3.333L5.665 6H3v4h2.666L9 12.667V3.333zm3.026 2.307a3.333 3.333 0 010 4.714"
+    height: "1em"
+  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
+    d: "M8.999 3.333L5.665 6H3v4h2.666L9 12.667V3.333zm3.026 2.307a3.333 3.333 0 010 4.714",
+    stroke: "currentColor"
   })));
 }
 
-var _path$16;
+var _path$K;
 
-function _extends$1b() { _extends$1b = 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$1b.apply(this, arguments); }
+function _extends$17() { _extends$17 = 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$17.apply(this, arguments); }
 
 function SvgVolumeMute(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1b({
+  return /*#__PURE__*/React.createElement("svg", _extends$17({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
-    d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333z"
+    height: "1em"
+  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
+    d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333z",
+    stroke: "currentColor"
   })));
 }
 
-var _path$15;
+var _path$J;
 
-function _extends$1a() { _extends$1a = 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$1a.apply(this, arguments); }
+function _extends$16() { _extends$16 = 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$16.apply(this, arguments); }
 
 function SvgVolumeOff(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React.createElement("svg", _extends$16({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
-    d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm8 2.667l-4 4m0-4l4 4"
+    height: "1em"
+  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
+    d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm8 2.667l-4 4m0-4l4 4",
+    stroke: "currentColor"
   })));
 }
 
-var _path$14;
+var _path$I;
 
-function _extends$19() { _extends$19 = 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$19.apply(this, arguments); }
+function _extends$15() { _extends$15 = 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$15.apply(this, arguments); }
 
 function SvgVolumeUp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$19({
+  return /*#__PURE__*/React.createElement("svg", _extends$15({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
-    d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm5.38-.046a6.667 6.667 0 010 9.426M10.36 5.64a3.333 3.333 0 010 4.713"
+    height: "1em"
+  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
+    d: "M7.333 3.333L4 6H1.333v4H4l3.333 2.667V3.333zm5.38-.046a6.667 6.667 0 010 9.426M10.36 5.64a3.333 3.333 0 010 4.713",
+    stroke: "currentColor"
   })));
 }
 
@@ -278,21 +278,21 @@ function __rest(s, e) {
     return t;
 }
 
-var _path$2Q;
+var _path$1W;
 
-function _extends$35() { _extends$35 = 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$35.apply(this, arguments); }
+function _extends$31() { _extends$31 = 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$31.apply(this, arguments); }
 
 function SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$35({
+  return /*#__PURE__*/React.createElement("svg", _extends$31({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$2Q || (_path$2Q = /*#__PURE__*/React.createElement("path", {
-    d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z"
+    height: "1em"
+  }, props), _path$1W || (_path$1W = /*#__PURE__*/React.createElement("path", {
+    d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
+    stroke: "currentColor"
   })));
 }
 
@@ -622,8 +622,9 @@ var variantMap = {
 
 var Typography = forwardRef(function (props, ref) {
     props.weight; var _a = props.variant, variant = _a === void 0 ? 'body1' : _a; props.color; var restProps = __rest(props, ["weight", "variant", "color"]);
-    var classes = useTypographyStyles(props);
-    var component = variantMap[variant];
+    var validatedVariant = Object.keys(variantMap).includes(variant) ? variant : 'body1';
+    var classes = useTypographyStyles(__assign(__assign({}, props), { variant: validatedVariant }));
+    var component = variantMap[validatedVariant];
     return React__default.createElement(Typography$1, __assign({ component: component, ref: ref, classes: classes }, restProps, { variant: "inherit" }));
 });
 Typography.displayName = 'Typography';