@audius/harmony 0.5.0 → 0.5.2

package/dist/assets/icons/iconPlaybackRate2x.svg.js

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { useTheme } from '@emotion/react';
+import { css, cx } from '@emotion/css';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["title", "titleId", "desc", "descId"],
+  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps", "hex"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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) { _defineProperty(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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var SvgIconPlaybackRate2X = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _theme$iconSizes, _theme$iconSizes2, _other$fill, _theme$color, _other$fillSecondary, _theme$color2;
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var _props = props,
+    color = _props.color,
+    colorSecondary = _props.colorSecondary,
+    size = _props.size,
+    sizeH = _props.sizeH,
+    sizeW = _props.sizeW,
+    heightProp = _props.height,
+    widthProp = _props.width,
+    shadow = _props.shadow;
+    _props.animatedProps;
+    var hex = _props.hex,
+    other = _objectWithoutProperties(_props, _excluded2);
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
+  if (height) {
+    other.height = height;
+  }
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
+  if (width) {
+    other.width = isNaN(width) ? "100%" : width;
+  } // Using let here because it may be updated by webStyles
+  var fill = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color];
+  var fillSecondary = (_other$fillSecondary = other.fillSecondary) !== null && _other$fillSecondary !== void 0 ? _other$fillSecondary : (_theme$color2 = theme.color) === null || _theme$color2 === void 0 ? void 0 : _theme$color2.icon[colorSecondary];
+  var classNameProp = other.className;
+  var className = css({
+    filter: shadow ? theme.shadows.drop : undefined,
+    minHeight: height,
+    minWidth: width,
+    clipPath: hex ? 'url(#rounded-hex-clip-path)' : undefined
+  });
+  other.className = cx(className, classNameProp);
+
+  // Handle gradient fills for heading style
+  if (color === 'heading') {
+    fill = 'url(#harmony-gradient)';
+  }
+  other.role = title ? 'img' : undefined;
+  other['aria-hidden'] = title ? undefined : true;
+  props = _objectSpread(_objectSpread({}, other), {}, {
+    ref: ref,
+    fill: fill,
+    fillSecondary: fillSecondary
+  });
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 22,
+    height: 14,
+    fill: "none",
+    viewBox: "0 0 22 14",
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: props.fill,
+    d: "M.916 14a.396.396 0 0 1-.395-.396V11.49c0-.118.052-.23.143-.305L5.673 7.04q.513-.425.877-.795.37-.377.566-.776a1.9 1.9 0 0 0 .202-.883q0-.533-.229-.91a1.5 1.5 0 0 0-.62-.58 1.94 1.94 0 0 0-.917-.21q-.52 0-.918.21-.39.208-.607.613-.138.26-.187.59c-.033.216-.205.395-.424.395H.646a.377.377 0 0 1-.383-.396q.078-1.207.642-2.113Q1.56 1.134 2.753.566 3.947 0 5.552 0 7.21 0 8.424.533q1.22.526 1.882 1.483.668.958.668 2.246 0 .796-.331 1.585-.33.782-1.187 1.733-.856.952-2.434 2.266l-1.275 1.062a.055.055 0 0 0 .035.098h4.944c.219 0 .396.177.396.395v2.203a.396.396 0 0 1-.396.396zM14.834 3.642c.153 0 .293.088.358.227l1.055 2.242c.141.3.566.304.712.007l1.12-2.256a.4.4 0 0 1 .354-.22h2.789c.299 0 .49.319.348.582L19.207 8.63a.4.4 0 0 0 .004.381l2.475 4.4a.396.396 0 0 1-.345.59h-2.754a.4.4 0 0 1-.35-.21l-1.287-2.415a.396.396 0 0 0-.7.004l-1.243 2.407a.4.4 0 0 1-.352.214h-2.802a.396.396 0 0 1-.344-.591l2.498-4.4a.4.4 0 0 0 .005-.38l-2.34-4.406a.396.396 0 0 1 .349-.581z"
+  }));
+});
+
+export { SvgIconPlaybackRate2X as default };
+//# sourceMappingURL=iconPlaybackRate2x.svg.js.map

package/dist/assets/icons/iconPlaybackRate2x.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconPlaybackRate2x.svg.js","sources":["../../../src/assets/icons/iconPlaybackRate2x.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"14\" viewBox=\"0 0 22 14\" fill=\"none\">\n  <path d=\"M0.916327 14C0.697825 14 0.520695 13.8229 0.520695 13.6044V11.4887C0.520695 11.3708 0.573292 11.259 0.66415 11.1838L5.67291 7.04046C6.01459 6.75723 6.30682 6.49197 6.5496 6.2447C6.79687 5.99294 6.98569 5.73443 7.11607 5.46917C7.25094 5.20392 7.31838 4.90944 7.31838 4.58574C7.31838 4.23057 7.24195 3.9271 7.0891 3.67534C6.94073 3.42357 6.73393 3.23025 6.46867 3.09538C6.20342 2.95601 5.8977 2.88632 5.55152 2.88632C5.20535 2.88632 4.89963 2.95601 4.63438 3.09538C4.37362 3.23475 4.1713 3.43931 4.02744 3.70906C3.93529 3.88183 3.87265 4.07859 3.83953 4.29932C3.8071 4.5154 3.63451 4.69364 3.41601 4.69364H0.646578C0.428076 4.69364 0.249382 4.51623 0.263476 4.29819C0.315479 3.49366 0.52935 2.78925 0.905088 2.18497C1.34118 1.48362 1.95711 0.944124 2.75287 0.566474C3.54863 0.188825 4.48152 0 5.55152 0C6.6575 0 7.61511 0.177585 8.42436 0.532756C9.2381 0.88343 9.86527 1.37797 10.3059 2.01638C10.7509 2.65479 10.9735 3.40334 10.9735 4.26204C10.9735 4.79255 10.8633 5.32081 10.643 5.84682C10.4227 6.36834 10.0271 6.94605 9.45615 7.57996C8.88518 8.21387 8.07368 8.96917 7.02166 9.84586L5.74669 10.9083C5.73413 10.9188 5.72686 10.9343 5.72686 10.9507C5.72686 10.9811 5.75153 11.0058 5.78197 11.0058H10.7262C10.9447 11.0058 11.1219 11.1829 11.1219 11.4014V13.6044C11.1219 13.8229 10.9447 14 10.7262 14H0.916327Z\" fill=\"#FF0000\"/>\n  <path d=\"M14.8341 3.64162C14.9873 3.64162 15.1268 3.73013 15.192 3.86879L16.2471 6.11069C16.388 6.41018 16.8125 6.41451 16.9595 6.11797L18.0782 3.86151C18.145 3.72682 18.2824 3.64162 18.4327 3.64162H21.2216C21.5207 3.64162 21.7117 3.96071 21.5703 4.22428L19.2072 8.62927C19.1432 8.74855 19.1446 8.89228 19.211 9.01026L21.6861 13.4104C21.8344 13.6741 21.6438 14 21.3412 14H18.5866C18.4404 14 18.3062 13.9194 18.2374 13.7904L16.9504 11.3747C16.8004 11.0932 16.396 11.0958 16.2497 11.3792L15.0069 13.7859C14.939 13.9174 14.8034 14 14.6554 14H11.8533C11.55 14 11.3595 13.6728 11.5093 13.409L14.0067 9.00981C14.0736 8.89211 14.0756 8.74841 14.0121 8.62888L11.6714 4.22287C11.5314 3.95935 11.7224 3.64162 12.0208 3.64162H14.8341Z\" fill=\"#FF0000\"/>\n</svg>"],"names":[],"mappings":"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"}

package/dist/assets/icons/iconPlaybackRate3x.svg.js

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { useTheme } from '@emotion/react';
+import { css, cx } from '@emotion/css';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["title", "titleId", "desc", "descId"],
+  _excluded2 = ["color", "colorSecondary", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps", "hex"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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) { _defineProperty(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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var SvgIconPlaybackRate3X = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _theme$iconSizes, _theme$iconSizes2, _other$fill, _theme$color, _other$fillSecondary, _theme$color2;
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var _props = props,
+    color = _props.color,
+    colorSecondary = _props.colorSecondary,
+    size = _props.size,
+    sizeH = _props.sizeH,
+    sizeW = _props.sizeW,
+    heightProp = _props.height,
+    widthProp = _props.width,
+    shadow = _props.shadow;
+    _props.animatedProps;
+    var hex = _props.hex,
+    other = _objectWithoutProperties(_props, _excluded2);
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
+  if (height) {
+    other.height = height;
+  }
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
+  if (width) {
+    other.width = isNaN(width) ? "100%" : width;
+  } // Using let here because it may be updated by webStyles
+  var fill = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color];
+  var fillSecondary = (_other$fillSecondary = other.fillSecondary) !== null && _other$fillSecondary !== void 0 ? _other$fillSecondary : (_theme$color2 = theme.color) === null || _theme$color2 === void 0 ? void 0 : _theme$color2.icon[colorSecondary];
+  var classNameProp = other.className;
+  var className = css({
+    filter: shadow ? theme.shadows.drop : undefined,
+    minHeight: height,
+    minWidth: width,
+    clipPath: hex ? 'url(#rounded-hex-clip-path)' : undefined
+  });
+  other.className = cx(className, classNameProp);
+
+  // Handle gradient fills for heading style
+  if (color === 'heading') {
+    fill = 'url(#harmony-gradient)';
+  }
+  other.role = title ? 'img' : undefined;
+  other['aria-hidden'] = title ? undefined : true;
+  props = _objectSpread(_objectSpread({}, other), {}, {
+    ref: ref,
+    fill: fill,
+    fillSecondary: fillSecondary
+  });
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 22,
+    height: 14,
+    fill: "none",
+    viewBox: "0 0 22 14",
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: props.fill,
+    d: "M5.688 14q-1.61 0-2.861-.552-1.245-.56-1.956-1.537a3.7 3.7 0 0 1-.7-1.858.365.365 0 0 1 .374-.391h2.95c.213 0 .379.175.448.376q.06.174.175.329.24.306.652.479t.945.173q.512 0 .905-.18.392-.186.612-.512t.213-.745a1.1 1.1 0 0 0-.253-.732 1.65 1.65 0 0 0-.712-.5 2.9 2.9 0 0 0-1.058-.179h-.994a.39.39 0 0 1-.39-.39V6.006a.39.39 0 0 1 .39-.39h.994q.552 0 .972-.18.425-.18.658-.499.24-.32.233-.732a1.2 1.2 0 0 0-.193-.705 1.35 1.35 0 0 0-.559-.48 1.84 1.84 0 0 0-.818-.172q-.506 0-.905.18-.393.18-.619.499a1.2 1.2 0 0 0-.175.353c-.062.204-.229.379-.442.379H.811a.365.365 0 0 1-.374-.392q.096-1.012.667-1.818.685-.958 1.876-1.503Q4.171 0 5.715 0q1.51 0 2.668.512 1.164.513 1.817 1.411.658.891.652 2.043.013 1.144-.786 1.876-.774.716-1.956.86a.06.06 0 0 0-.053.058c0 .03.023.056.053.06q1.61.187 2.429 1.005.832.825.818 2.076a3.3 3.3 0 0 1-.718 2.123q-.72.924-2.003 1.45Q7.359 14 5.688 14m9.331-10.407a.39.39 0 0 1 .353.224l1.04 2.212a.39.39 0 0 0 .704.008L18.22 3.81a.39.39 0 0 1 .35-.217h2.751a.39.39 0 0 1 .344.575l-2.331 4.346a.39.39 0 0 0 .003.376l2.442 4.342a.39.39 0 0 1-.34.582h-2.718a.39.39 0 0 1-.344-.207l-1.27-2.384a.39.39 0 0 0-.692.005l-1.226 2.374a.39.39 0 0 1-.347.212h-2.764a.39.39 0 0 1-.34-.583l2.464-4.341a.39.39 0 0 0 .005-.376l-2.309-4.347a.39.39 0 0 1 .345-.574z"
+  }));
+});
+
+export { SvgIconPlaybackRate3X as default };
+//# sourceMappingURL=iconPlaybackRate3x.svg.js.map

package/dist/assets/icons/iconPlaybackRate3x.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconPlaybackRate3x.svg.js","sources":["../../../src/assets/icons/iconPlaybackRate3x.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"14\" viewBox=\"0 0 22 14\" fill=\"none\">\n  <path d=\"M5.68821 14C4.6147 14 3.66096 13.8159 2.82699 13.4477C1.99746 13.0751 1.34537 12.5627 0.87072 11.9106C0.470582 11.3609 0.237528 10.7418 0.17156 10.0534C0.150919 9.838 0.328113 9.6616 0.544506 9.6616H3.49452C3.70753 9.6616 3.87368 9.83688 3.94294 10.0383C3.98283 10.1544 4.04114 10.2639 4.11787 10.3669C4.27756 10.571 4.49493 10.7307 4.76996 10.846C5.04499 10.9613 5.35995 11.019 5.71483 11.019C6.0564 11.019 6.35805 10.9591 6.61977 10.8394C6.88149 10.7151 7.08555 10.5444 7.23194 10.327C7.37833 10.1096 7.4493 9.86122 7.44486 9.58175C7.4493 9.30672 7.36502 9.06274 7.19201 8.84981C7.02345 8.63688 6.78612 8.47053 6.48004 8.35076C6.17395 8.23099 5.82129 8.1711 5.42205 8.1711H4.42839C4.21279 8.1711 4.03802 7.99633 4.03802 7.78074V6.00634C4.03802 5.79074 4.21279 5.61597 4.42839 5.61597H5.42205C5.79024 5.61597 6.11407 5.55608 6.39353 5.43631C6.67744 5.31654 6.89702 5.15019 7.05228 4.93726C7.21198 4.72433 7.28961 4.48035 7.28517 4.20532C7.28961 3.93916 7.22528 3.70406 7.0922 3.5C6.95912 3.29594 6.77281 3.13625 6.53327 3.02091C6.29816 2.90558 6.02535 2.84791 5.71483 2.84791C5.37769 2.84791 5.07604 2.90779 4.80988 3.02757C4.54816 3.14734 4.34189 3.31369 4.19106 3.52662C4.11342 3.63623 4.05517 3.75408 4.01632 3.88015C3.95356 4.08384 3.78719 4.25856 3.57405 4.25856H0.810698C0.594293 4.25856 0.417113 4.08213 0.437494 3.86668C0.50132 3.19201 0.723358 2.58626 1.10361 2.04943C1.56052 1.41065 2.18599 0.909379 2.98004 0.545627C3.77408 0.181876 4.68568 0 5.71483 0C6.7218 0 7.61121 0.170786 8.38308 0.512357C9.15938 0.853929 9.76489 1.32414 10.1996 1.923C10.6388 2.51743 10.8561 3.19835 10.8517 3.96578C10.8606 4.72877 10.5989 5.35425 10.0665 5.84221C9.55017 6.31952 8.89799 6.60582 8.10998 6.70113C8.07991 6.70477 8.05703 6.73016 8.05703 6.76045C8.05703 6.79074 8.08003 6.81616 8.11012 6.81966C9.18381 6.94441 9.99343 7.27955 10.539 7.8251C11.0935 8.37516 11.3663 9.06717 11.3574 9.90114C11.3618 10.6996 11.1223 11.4072 10.6388 12.0238C10.1597 12.6404 9.49208 13.1239 8.63593 13.4743C7.78422 13.8248 6.80165 14 5.68821 14Z\" fill=\"#FF0000\"/>\n  <path d=\"M15.0186 3.59316C15.1698 3.59316 15.3074 3.68049 15.3718 3.81731L16.4128 6.02937C16.5518 6.32487 16.9706 6.32915 17.1157 6.03655L18.2196 3.81012C18.2855 3.67723 18.421 3.59316 18.5693 3.59316H21.3211C21.6162 3.59316 21.8046 3.90801 21.6651 4.16806L19.3335 8.51443C19.2703 8.63213 19.2717 8.77394 19.3372 8.89035L21.7794 13.2319C21.9257 13.4922 21.7377 13.8137 21.4391 13.8137H18.7212C18.5769 13.8137 18.4445 13.7342 18.3766 13.6069L17.1067 11.2233C16.9587 10.9456 16.5597 10.9481 16.4153 11.2278L15.1891 13.6024C15.1221 13.7322 14.9883 13.8137 14.8422 13.8137H12.0775C11.7782 13.8137 11.5903 13.4908 11.738 13.2306L14.2023 8.88991C14.2682 8.77377 14.2702 8.63198 14.2075 8.51404L11.898 4.16667C11.7598 3.90666 11.9483 3.59316 12.2427 3.59316H15.0186Z\" fill=\"#FF0000\"/>\n</svg>"],"names":[],"mappings":"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"}

package/dist/components/artwork/Artwork.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps } from 'react';
+import { BoxProps } from '../layout/Box';
+export type ArtworkProps = {
+    isLoading?: boolean;
+    borderWidth?: number;
+    'data-testid'?: string;
+    noLoading?: boolean;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+    hex?: boolean;
+    borderColor?: string;
+} & Pick<ComponentProps<'img'>, 'src' | 'onError'> & BoxProps;
+/**
+ * The artwork component displays entity content and appears in several
+ * locations such as track tiles, track and playlist, pages,
+ * and the sidebar. It can have interactive elements on hover.
+ * This component enhances the listening experience and helps users quickly
+ * identify their favorite tracks.
+ */
+export declare const Artwork: (props: ArtworkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Artwork.d.ts.map

package/dist/components/artwork/Artwork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Artwork.d.ts","sourceRoot":"","sources":["../../../src/components/artwork/Artwork.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAA;AAKnE,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAA;AAM7C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAA;IACxE,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,GAChD,QAAQ,CAAA;AAEV;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,qDAkK1C,CAAA"}

package/dist/components/artwork/Artwork.js

@@ -0,0 +1,81 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { useTheme } from '@emotion/react';
+import { roundedHexClipPath } from '../../icons/SVGDefs.js';
+import { Box } from '../layout/Box/Box.js';
+import { Flex } from '../layout/Flex/Flex.js';
+import { Skeleton } from '../skeleton/Skeleton.js';
+
+var HEXAGON_BORDER_INSET_SCALE = 0.99;
+/**
+ * The artwork component displays entity content and appears in several
+ * locations such as track tiles, track and playlist, pages,
+ * and the sidebar. It can have interactive elements on hover.
+ * This component enhances the listening experience and helps users quickly
+ * identify their favorite tracks.
+ */
+var Artwork = function (props) {
+    var isLoadingProp = props.isLoading, src = props.src, _a = props.borderRadius, borderRadius = _a === void 0 ? 's' : _a, borderWidth = props.borderWidth, shadow = props.shadow, children = props.children, testId = props["data-testid"], onError = props.onError, _b = props.hex, hex = _b === void 0 ? false : _b, borderColor = props.borderColor, other = __rest(props, ["isLoading", "src", "borderRadius", "borderWidth", "shadow", "children", 'data-testid', "onError", "hex", "borderColor"]);
+    var imgRef = useRef(null);
+    var _c = useState(true), isLoadingState = _c[0], setIsLoadingState = _c[1];
+    var isLoading = isLoadingProp !== null && isLoadingProp !== void 0 ? isLoadingProp : isLoadingState;
+    var _d = useTheme(), color = _d.color, motion = _d.motion;
+    useEffect(function () {
+        setIsLoadingState(true);
+    }, [src]);
+    useEffect(function () {
+        var _a;
+        if ((_a = imgRef.current) === null || _a === void 0 ? void 0 : _a.complete) {
+            setIsLoadingState(false);
+        }
+    }, [src]);
+    // Helper function to render the common artwork elements
+    var renderArtworkElements = function (useHexClip) { return (jsxs(Fragment, { children: [isLoading ? (jsx(Skeleton, { borderRadius: useHexClip ? borderRadius : borderRadius, h: '100%', w: '100%', css: {
+                    zIndex: 2,
+                    position: 'absolute',
+                    opacity: isLoading ? 1 : 0,
+                    transition: "opacity ".concat(motion.calm),
+                    clipPath: useHexClip ? "url(#".concat(roundedHexClipPath, ")") : undefined
+                } })) : null, jsx(Box, { w: '100%', pt: '100%', borderRadius: useHexClip ? borderRadius : borderRadius, css: {
+                    backgroundColor: !src && children ? color.neutral.n400 : color.background.surface2,
+                    clipPath: useHexClip ? "url(#".concat(roundedHexClipPath, ")") : undefined
+                } }), src ? (jsx(Box, { as: 'img', ref: imgRef, borderRadius: useHexClip ? borderRadius : borderRadius, h: '100%', w: '100%', onLoad: function () {
+                    setIsLoadingState(false);
+                }, onError: function (event) {
+                    setIsLoadingState(false);
+                    onError === null || onError === void 0 ? void 0 : onError(event);
+                }, 
+                // @ts-ignore
+                src: src, "data-testid": testId, draggable: false, css: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    objectFit: 'cover',
+                    opacity: isLoading ? 0 : 1,
+                    transition: "opacity ".concat(motion.calm),
+                    clipPath: useHexClip ? "url(#".concat(roundedHexClipPath, ")") : undefined
+                } })) : null, children ? (jsx(Flex, __assign({ h: '100%', w: '100%', alignItems: 'center', justifyContent: 'center', css: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    clipPath: useHexClip ? "url(#".concat(roundedHexClipPath, ")") : undefined
+                } }, { children: children }))) : null] })); };
+    // For hexagonal artwork, wrap with border and SVG overlay
+    if (hex) {
+        return (jsxs(Box, __assign({}, other, { css: { position: 'relative' } }, { children: [jsx(Box, __assign({ borderRadius: borderRadius, border: 'default', shadow: shadow, css: { borderWidth: borderWidth } }, { children: renderArtworkElements(true) })), jsx("svg", __assign({ width: '100%', height: '100%', viewBox: '0 0 1 1', css: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        pointerEvents: 'none'
+                    } }, { children: jsx("g", __assign({ transform: "translate(".concat((1 - HEXAGON_BORDER_INSET_SCALE) / 2, ", ").concat((1 - HEXAGON_BORDER_INSET_SCALE) / 2, ") scale(").concat(HEXAGON_BORDER_INSET_SCALE, ")") }, { children: jsx("path", { d: 'M0.966 0.378C0.93 0.301 0.887 0.228 0.839 0.158L0.824 0.136C0.805 0.108 0.779 0.085 0.75 0.068C0.721 0.051 0.688 0.041 0.655 0.039L0.627 0.036C0.543 0.03 0.457 0.03 0.373 0.036L0.346 0.039C0.312 0.041 0.279 0.051 0.25 0.068C0.221 0.085 0.196 0.108 0.177 0.136L0.161 0.158C0.113 0.228 0.07 0.302 0.034 0.378L0.022 0.403C0.008 0.433 0 0.466 0 0.5C0 0.534 0.008 0.567 0.022 0.597L0.034 0.622C0.07 0.698 0.113 0.772 0.161 0.842L0.177 0.864C0.196 0.892 0.221 0.915 0.25 0.932C0.279 0.949 0.312 0.959 0.346 0.961L0.373 0.964C0.457 0.97 0.543 0.97 0.627 0.964L0.655 0.961C0.688 0.959 0.721 0.949 0.75 0.932C0.779 0.915 0.805 0.892 0.824 0.864L0.839 0.842C0.887 0.772 0.93 0.698 0.966 0.622L0.978 0.597C0.992 0.567 1 0.534 1 0.5C1 0.466 0.992 0.433 0.978 0.403L0.966 0.378Z', 
+                            // NOTE - KJ: Adding this to avoid fills being applies to this
+                            // Occurs in the upload flow when selecting coin gating audience option
+                            css: { fill: 'none !important' }, fill: 'none', opacity: borderColor ? 1 : 0.3, stroke: borderColor || color.neutral.n950, strokeWidth: borderColor ? '0.02' : '0.005' }) })) }))] })));
+    }
+    // For regular artwork
+    return (jsx(Box, __assign({}, other, { children: jsx(Box, __assign({ borderRadius: borderRadius, border: 'default', shadow: shadow, css: { borderWidth: borderWidth } }, { children: renderArtworkElements(false) })) })));
+};
+
+export { Artwork };
+//# sourceMappingURL=Artwork.js.map

package/dist/components/artwork/Artwork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Artwork.js","sources":["../../../src/components/artwork/Artwork.tsx"],"sourcesContent":["import { ComponentProps, useEffect, useRef, useState } from 'react'\n\nimport { useTheme } from '@emotion/react'\n\nimport { roundedHexClipPath } from '../../icons/SVGDefs'\nimport { Box, BoxProps } from '../layout/Box'\nimport { Flex } from '../layout/Flex'\nimport { Skeleton } from '../skeleton'\n\nconst HEXAGON_BORDER_INSET_SCALE = 0.99\n\nexport type ArtworkProps = {\n  isLoading?: boolean\n  borderWidth?: number\n  'data-testid'?: string\n  noLoading?: boolean\n  onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void\n  hex?: boolean\n  borderColor?: string\n} & Pick<ComponentProps<'img'>, 'src' | 'onError'> &\n  BoxProps\n\n/**\n * The artwork component displays entity content and appears in several\n * locations such as track tiles, track and playlist, pages,\n * and the sidebar. It can have interactive elements on hover.\n * This component enhances the listening experience and helps users quickly\n * identify their favorite tracks.\n */\nexport const Artwork = (props: ArtworkProps) => {\n  const {\n    isLoading: isLoadingProp,\n    src,\n    borderRadius = 's',\n    borderWidth,\n    shadow,\n    children,\n    'data-testid': testId,\n    onError,\n    hex = false,\n    borderColor,\n    ...other\n  } = props\n  const imgRef = useRef<HTMLImageElement | null>(null)\n  const [isLoadingState, setIsLoadingState] = useState(true)\n  const isLoading = isLoadingProp ?? isLoadingState\n  const { color, motion } = useTheme()\n\n  useEffect(() => {\n    setIsLoadingState(true)\n  }, [src])\n\n  useEffect(() => {\n    if (imgRef.current?.complete) {\n      setIsLoadingState(false)\n    }\n  }, [src])\n\n  // Helper function to render the common artwork elements\n  const renderArtworkElements = (useHexClip: boolean) => (\n    <>\n      {isLoading ? (\n        <Skeleton\n          borderRadius={useHexClip ? borderRadius : borderRadius}\n          h='100%'\n          w='100%'\n          css={{\n            zIndex: 2,\n            position: 'absolute',\n            opacity: isLoading ? 1 : 0,\n            transition: `opacity ${motion.calm}`,\n            clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n          }}\n        />\n      ) : null}\n      <Box\n        w='100%'\n        pt='100%'\n        borderRadius={useHexClip ? borderRadius : borderRadius}\n        css={{\n          backgroundColor:\n            !src && children ? color.neutral.n400 : color.background.surface2,\n          clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n        }}\n      />\n      {src ? (\n        <Box\n          as='img'\n          ref={imgRef}\n          borderRadius={useHexClip ? borderRadius : borderRadius}\n          h='100%'\n          w='100%'\n          onLoad={() => {\n            setIsLoadingState(false)\n          }}\n          onError={(event) => {\n            setIsLoadingState(false)\n            onError?.(event)\n          }}\n          // @ts-ignore\n          src={src}\n          data-testid={testId}\n          draggable={false}\n          css={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            objectFit: 'cover',\n            opacity: isLoading ? 0 : 1,\n            transition: `opacity ${motion.calm}`,\n            clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n          }}\n        />\n      ) : null}\n      {children ? (\n        <Flex\n          h='100%'\n          w='100%'\n          alignItems='center'\n          justifyContent='center'\n          css={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            clipPath: useHexClip ? `url(#${roundedHexClipPath})` : undefined\n          }}\n        >\n          {children}\n        </Flex>\n      ) : null}\n    </>\n  )\n\n  // For hexagonal artwork, wrap with border and SVG overlay\n  if (hex) {\n    return (\n      <Box {...other} css={{ position: 'relative' }}>\n        <Box\n          borderRadius={borderRadius}\n          border='default'\n          shadow={shadow}\n          css={{ borderWidth }}\n        >\n          {renderArtworkElements(true)}\n        </Box>\n        {/* Hexagonal border overlay */}\n        <svg\n          width='100%'\n          height='100%'\n          viewBox='0 0 1 1'\n          css={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            pointerEvents: 'none'\n          }}\n        >\n          <g\n            transform={`translate(${(1 - HEXAGON_BORDER_INSET_SCALE) / 2}, ${\n              (1 - HEXAGON_BORDER_INSET_SCALE) / 2\n            }) scale(${HEXAGON_BORDER_INSET_SCALE})`}\n          >\n            <path\n              d='M0.966 0.378C0.93 0.301 0.887 0.228 0.839 0.158L0.824 0.136C0.805 0.108 0.779 0.085 0.75 0.068C0.721 0.051 0.688 0.041 0.655 0.039L0.627 0.036C0.543 0.03 0.457 0.03 0.373 0.036L0.346 0.039C0.312 0.041 0.279 0.051 0.25 0.068C0.221 0.085 0.196 0.108 0.177 0.136L0.161 0.158C0.113 0.228 0.07 0.302 0.034 0.378L0.022 0.403C0.008 0.433 0 0.466 0 0.5C0 0.534 0.008 0.567 0.022 0.597L0.034 0.622C0.07 0.698 0.113 0.772 0.161 0.842L0.177 0.864C0.196 0.892 0.221 0.915 0.25 0.932C0.279 0.949 0.312 0.959 0.346 0.961L0.373 0.964C0.457 0.97 0.543 0.97 0.627 0.964L0.655 0.961C0.688 0.959 0.721 0.949 0.75 0.932C0.779 0.915 0.805 0.892 0.824 0.864L0.839 0.842C0.887 0.772 0.93 0.698 0.966 0.622L0.978 0.597C0.992 0.567 1 0.534 1 0.5C1 0.466 0.992 0.433 0.978 0.403L0.966 0.378Z'\n              // NOTE - KJ: Adding this to avoid fills being applies to this\n              // Occurs in the upload flow when selecting coin gating audience option\n              css={{ fill: 'none !important' }}\n              fill='none'\n              opacity={borderColor ? 1 : 0.3}\n              stroke={borderColor || color.neutral.n950}\n              strokeWidth={borderColor ? '0.02' : '0.005'}\n            />\n          </g>\n        </svg>\n      </Box>\n    )\n  }\n\n  // For regular artwork\n  return (\n    <Box {...other}>\n      <Box\n        borderRadius={borderRadius}\n        border='default'\n        shadow={shadow}\n        css={{ borderWidth }}\n      >\n        {renderArtworkElements(false)}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/artwork/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Artwork';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/artwork/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/artwork/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/components/avatar/Avatar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ArtworkProps } from '../artwork';
+type ArtworkInnerProps = Omit<ArtworkProps, 'borderWidth'>;
+export type AvatarProps = ArtworkInnerProps & {
+    variant?: 'default' | 'strong';
+    size?: 'auto' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
+    borderWidth?: 'thin' | 'default';
+    isLoading?: boolean;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+};
+export declare const Avatar: (props: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAA;AAElD,KAAK,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAA;CACzE,CAAA;AAgBD,eAAO,MAAM,MAAM,UAAW,WAAW,qDAyBxC,CAAA"}

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,23 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Artwork } from '../artwork/Artwork.js';
+
+var sizeMap = {
+    auto: undefined,
+    small: 24,
+    medium: 40,
+    large: 72,
+    xl: 80,
+    xxl: 120
+};
+var borderWidthMap = {
+    thin: 1.2,
+    default: 2
+};
+var Avatar = function (props) {
+    var variant = props.variant, _a = props.size, size = _a === void 0 ? 'auto' : _a, _b = props.borderWidth, borderWidth = _b === void 0 ? size === 'small' ? 'thin' : 'default' : _b, src = props.src, isLoading = props.isLoading, onError = props.onError, other = __rest(props, ["variant", "size", "borderWidth", "src", "isLoading", "onError"]);
+    return (jsx(Artwork, __assign({ borderRadius: 'circle', h: sizeMap[size], w: sizeMap[size], shadow: variant === 'strong' ? 'emphasis' : 'flat', borderWidth: borderWidthMap[borderWidth], css: variant === 'strong' ? { zIndex: 1 } : undefined, src: src, onError: onError, isLoading: isLoading }, other)));
+};
+
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { Artwork, ArtworkProps } from '../artwork'\n\ntype ArtworkInnerProps = Omit<ArtworkProps, 'borderWidth'>\n\nexport type AvatarProps = ArtworkInnerProps & {\n  variant?: 'default' | 'strong'\n  size?: 'auto' | 'small' | 'medium' | 'large' | 'xl' | 'xxl'\n  borderWidth?: 'thin' | 'default'\n  isLoading?: boolean\n  onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void\n}\n\nconst sizeMap = {\n  auto: undefined,\n  small: 24,\n  medium: 40,\n  large: 72,\n  xl: 80,\n  xxl: 120\n}\n\nconst borderWidthMap = {\n  thin: 1.2,\n  default: 2\n}\n\nexport const Avatar = (props: AvatarProps) => {\n  const {\n    variant,\n    size = 'auto',\n    borderWidth = size === 'small' ? 'thin' : 'default',\n    src,\n    isLoading,\n    onError,\n    ...other\n  } = props\n\n  return (\n    <Artwork\n      borderRadius='circle'\n      h={sizeMap[size]}\n      w={sizeMap[size]}\n      shadow={variant === 'strong' ? 'emphasis' : 'flat'}\n      borderWidth={borderWidthMap[borderWidth]}\n      css={variant === 'strong' ? { zIndex: 1 } : undefined}\n      src={src}\n      onError={onError}\n      isLoading={isLoading}\n      {...other}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;AAYA,IAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,GAAG,EAAE,GAAG;CACT,CAAA;AAED,IAAM,cAAc,GAAG;AACrB,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,OAAO,EAAE,CAAC;CACX,CAAA;AAEM,IAAM,MAAM,GAAG,UAAC,KAAkB,EAAA;IAErC,IAAA,OAAO,GAOL,KAAK,CAPA,OAAA,EACP,KAME,KAAK,CAAA,IANM,EAAb,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA,EACb,EAAA,GAKE,KAAK,CAAA,WAL4C,EAAnD,WAAW,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,SAAS,GAAA,EAAA,EACnD,GAAG,GAID,KAAK,CAAA,GAJJ,EACH,SAAS,GAGP,KAAK,UAHE,EACT,OAAO,GAEL,KAAK,CAFA,OAAA,EACJ,KAAK,GAAA,MAAA,CACN,KAAK,EARH,CAQL,SAAA,EAAA,MAAA,EAAA,aAAA,EAAA,KAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CADS,CACD;AAET,IAAA,QACEA,GAAC,CAAA,OAAO,EACN,QAAA,CAAA,EAAA,YAAY,EAAC,QAAQ,EACrB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAChB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAChB,MAAM,EAAE,OAAO,KAAK,QAAQ,GAAG,UAAU,GAAG,MAAM,EAClD,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,EACxC,GAAG,EAAE,OAAO,KAAK,QAAQ,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EACrD,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EAAA,EAChB,KAAK,CAAA,CACT,EACH;AACH;;;;"}

package/dist/components/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/avatar/types.d.ts

@@ -0,0 +1,24 @@
+import type { PropsWithChildren } from 'react';
+export type AvatarProps = PropsWithChildren<{
+    className?: string;
+    /**
+     * Url image source
+     */
+    src: string | undefined;
+    /**
+     * Variant
+     * @default default
+     */
+    variant?: 'default' | 'strong';
+    /**
+     * Size
+     * @default auto
+     */
+    size?: 'auto' | 'small' | 'medium' | 'large' | 'xl';
+    /**
+     * Stroke Width
+     * @default default
+     */
+    strokeWidth?: 'thin' | 'default';
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/avatar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAE9B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;IAEnD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAC,CAAA"}

package/dist/components/balance-pill/BalancePill.d.ts

@@ -0,0 +1,6 @@
+import type { BalancePillProps } from './types';
+/**
+ * A pill-shaped component that displays a balance, typically used to show a user's token balance.
+ */
+export declare const BalancePill: ({ balance, children, ...props }: BalancePillProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BalancePill.d.ts.map

package/dist/components/balance-pill/BalancePill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalancePill.d.ts","sourceRoot":"","sources":["../../../src/components/balance-pill/BalancePill.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;GAEG;AACH,eAAO,MAAM,WAAW,oCAIrB,gBAAgB,qDA+BlB,CAAA"}

package/dist/components/balance-pill/BalancePill.js

@@ -0,0 +1,22 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useTheme } from '@emotion/react';
+import { Flex } from '../layout/Flex/Flex.js';
+import { Skeleton } from '../skeleton/Skeleton.js';
+import { Text } from '../text/Text.js';
+
+/**
+ * A pill-shaped component that displays a balance, typically used to show a user's token balance.
+ */
+var BalancePill = function (_a) {
+    var balance = _a.balance, children = _a.children, props = __rest(_a, ["balance", "children"]);
+    var color = useTheme().color;
+    var textStyles = {
+        color: color.neutral.n950
+    };
+    var isLoading = balance === null;
+    return (jsxs(Flex, __assign({ pl: 's', alignItems: 'center', gap: 'xs', borderRadius: 'circle', border: 'default', backgroundColor: 'surface1' }, props, { children: [isLoading ? (jsx(Skeleton, { w: 'm', h: 's' })) : (jsx(Text, __assign({ variant: 'label', size: 's', textAlign: 'center', css: textStyles }, { children: balance }))), jsx(Flex, __assign({ h: 'unit6', p: 'unitHalf', justifyContent: 'center', alignItems: 'center' }, { children: children }))] })));
+};
+
+export { BalancePill };
+//# sourceMappingURL=BalancePill.js.map

package/dist/components/balance-pill/BalancePill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalancePill.js","sources":["../../../src/components/balance-pill/BalancePill.tsx"],"sourcesContent":["import { useTheme, CSSObject } from '@emotion/react'\n\nimport { Flex } from '../layout/Flex'\nimport { Skeleton } from '../skeleton/Skeleton'\nimport { Text } from '../text/Text'\n\nimport type { BalancePillProps } from './types'\n\n/**\n * A pill-shaped component that displays a balance, typically used to show a user's token balance.\n */\nexport const BalancePill = ({\n  balance,\n  children,\n  ...props\n}: BalancePillProps) => {\n  const { color } = useTheme()\n\n  const textStyles: CSSObject = {\n    color: color.neutral.n950\n  }\n\n  const isLoading = balance === null\n\n  return (\n    <Flex\n      pl='s'\n      alignItems='center'\n      gap='xs'\n      borderRadius='circle'\n      border='default'\n      backgroundColor='surface1'\n      {...props}\n    >\n      {isLoading ? (\n        <Skeleton w='m' h='s' />\n      ) : (\n        <Text variant='label' size='s' textAlign='center' css={textStyles}>\n          {balance}\n        </Text>\n      )}\n      <Flex h='unit6' p='unitHalf' justifyContent='center' alignItems='center'>\n        {children}\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAQA;;AAEG;AACI,IAAM,WAAW,GAAG,UAAC,EAIT,EAAA;IAHjB,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,KAAK,GAHkB,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,UAAA,CAI3B,CADS,CAAA;AAEA,IAAA,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;AAE5B,IAAA,IAAM,UAAU,GAAc;AAC5B,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;KAC1B,CAAA;AAED,IAAA,IAAM,SAAS,GAAG,OAAO,KAAK,IAAI,CAAA;IAElC,QACEA,KAAC,IAAI,EAAA,QAAA,CAAA,EACH,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,IAAI,EACR,YAAY,EAAC,QAAQ,EACrB,MAAM,EAAC,SAAS,EAChB,eAAe,EAAC,UAAU,EACtB,EAAA,KAAK,eAER,SAAS,IACRC,IAAC,QAAQ,EAAA,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAA,CAAG,KAExBA,IAAC,IAAI,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,UAAU,EAC9D,EAAA,EAAA,QAAA,EAAA,OAAO,EACH,CAAA,CAAA,CACR,EACDA,GAAC,CAAA,IAAI,aAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAC,UAAU,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,gBACrE,QAAQ,EAAA,CAAA,CACJ,CACF,EAAA,CAAA,CAAA,EACR;AACH;;;;"}

package/dist/components/balance-pill/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BalancePill';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/balance-pill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/balance-pill/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

package/dist/components/balance-pill/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type BalancePillProps = {
+    balance: string | number | null;
+    children: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/balance-pill/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/balance-pill/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC/B,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA"}

package/dist/components/button/BaseButton/BaseButton.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { CSSObject } from '@emotion/react';
+/**
+ * Base component for Harmony buttons. Not intended to be used directly. Use
+ * `Button` or `PlainButton`.
+ */
+export declare const BaseButton: (props: {
+    iconLeft?: import("../..").IconComponent | null | undefined;
+    iconRight?: import("../..").IconComponent | null | undefined;
+    isStaticIcon?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    widthToHideText?: number | undefined;
+    minWidth?: number | undefined;
+    fullWidth?: boolean | undefined;
+    styles?: {
+        button?: CSSObject | undefined;
+        icon?: CSSObject | undefined;
+    } | undefined;
+    asChild?: boolean | undefined;
+    slotted?: boolean | undefined;
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    _isHovered?: boolean | undefined;
+    _isPressed?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=BaseButton.d.ts.map

package/dist/components/button/BaseButton/BaseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/BaseButton/BaseButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAA;AASpD;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;0JAuHtB,CAAA"}