@helpdice/ui 2.5.4 → 2.5.8

package/dist/user/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var theme = require('@helpdice/theme');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -61,14 +62,13 @@ function _createForOfIteratorHelper(r, e) {
     }
   };
 }
-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 _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
 }
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -97,6 +97,27 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+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 _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).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 _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o,
@@ -120,6 +141,20 @@ function _objectWithoutPropertiesLoose(r, e) {
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
+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);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -843,31 +878,29 @@ var withScale = function withScale(Render) {
       getScaleProps: generateGetScaleProps(props),
       getAllScaleProps: generateGetAllScaleProps(props)
     };
-    return /*#__PURE__*/React.createElement(ScaleContext.Provider, {
-      value: value
-    }, /*#__PURE__*/React.createElement(Render, _extends({}, props, {
-      ref: ref
-    }), children));
+    return /*#__PURE__*/jsxRuntime.jsx(ScaleContext.Provider, {
+      value: value,
+      children: /*#__PURE__*/jsxRuntime.jsx(Render, _objectSpread2(_objectSpread2({}, props), {}, {
+        ref: ref,
+        children: children
+      }))
+    });
   });
   ScaleFC.displayName = "Scale".concat(Render.displayName || 'Wrapper');
   return ScaleFC;
 };
 
 var _excluded$3 = ["src", "errorSrc", "stacked", "text", "isSquare", "className", "children"];
-
-// type NativeAttrs = Omit<
-//   Partial<React.ImgHTMLAttributes<any> & React.HTMLAttributes<any>>,
-//   keyof Props
-// >
-
 var safeText = function safeText(text) {
   if (text.length <= 4) return text;
   return text.slice(0, 3);
 };
+var errorImgLight = "data:image/webp;base64,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";
+var errorImgDark = "data:image/webp;base64,UklGRggDAABXRUJQVlA4IPwCAAAQIQCdASoTAbcAPm02l0ikIyIhJX44AIANiWlu4E1KTt+5o+dNz5KQmunMAEWeLdn4fSlkZb8GexjRU/Ou84xRfScFqpt1u/JfQimZ639RtU7B2bKXSFGVnfq0bg1GzUCqaT6a2+VsoXbVBjLTqr7jY6R5jiaWPahSeFDpWKJYbXvcWjuqlJ0T7n1xVigXAsPFMpiRrpEsJcOUMSMn58RykEMNydMv7kFV2nEw1EMYS+N8othCiqn0DIXlNqEzN1PfKhB451H/5NH9LmmehOq8SSsQgDkUuPgBPRMHvMr4UcbkeF8/J3IqtrvbpxaNSDSO70Xn9ptfVuxDqvt3RXfcdc8qNkGTF6ljEaNyd57ToAAA/vlmpfvJUdX+gHYSAAv/2ax8aWf6hojTaLFUrpvZggugZ4stRlPWFwsNa+y2tuY/CRLJV/AVFJ2EWOonLtEM81iwHxgdKlJag39ZeUofXsvT5YVzmtqSww/m9RgEFcu4qtE0/EsyritDLQUbFYHMhrzGwsyuPVneeB7W+j4fRY30ZEy3bHBPJiCtgbC/upgO7mI8j3qnbY+K0b/xffatY7sIdVXb0zPhQHzsRw5OVc5a0fzVPpYJdSsPs8el3yLSzBFgXRPApkW/LJWxhVQiXJqFZ+WclqioLswepUNm/TpZ15O4KhXRzBHghsFctp+iLScSxp5YQ1Vkls1wL58PK/+4YNmshD0T4DY6zl306cJCYGt4IA4nNZ1BpTwWNEd//w/317synowZdTvPyWXrcXwadvui2tWSHDchOkZ/svXH/7jwIgZHngPkcMfQgPqUv+8ZFnPpT2SNG41gxntCp1aP2PzeNVnVA2lNhOe2BwyseNoBlUXXsoA1GfZ/PW+eb0sgrlro4GSOMj4M4EefnJGImmcamKiRZ1rx+eeB30MuoShhP6xOCgAAyzagBecwOkVfwVrmYPOkkMFLeVRm1TamamDugJyzpWgR7Q+PiVX20fvrmVXNdsnJ/DpmqwRtxjUGtPobFIQAAA==";
 var AvatarComponent = function AvatarComponent(_ref) {
-  var src = _ref.src,
-    errorSrc = _ref.errorSrc,
-    _ref$stacked = _ref.stacked,
+  var src = _ref.src;
+    _ref.errorSrc;
+    var _ref$stacked = _ref.stacked,
     stacked = _ref$stacked === void 0 ? false : _ref$stacked,
     _ref$text = _ref.text,
     text = _ref$text === void 0 ? '' : _ref$text,
@@ -878,31 +911,34 @@ var AvatarComponent = function AvatarComponent(_ref) {
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$3);
   var theme$1 = theme.useTheme();
+  var fallbackSrc = theme$1.type === 'dark' ? errorImgDark : errorImgLight;
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var showText = !src;
   var radius = isSquare ? theme$1.layout.radius : '50%';
   var marginLeft = stacked ? SCALES.ml(-0.625) : SCALES.ml(0);
   var classes = theme.useClasses('avatar', className);
-  return /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (classes || "")
-  }, !showText && /*#__PURE__*/React.createElement("img", _extends({
-    alt: "avatar",
-    src: src,
-    draggable: false
-  }, props, {
-    onError: function onError(e) {
-      var target = e.currentTarget;
-      target.onerror = null; // prevent loop
-      target.src = errorSrc !== null && errorSrc !== void 0 ? errorSrc : "https://helpdice.com/avatar.webp";
-    },
-    className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-img")
-  })), showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-text")
-  }), text ? safeText(text) : children), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2295275975",
-    dynamic: [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]
-  }, ".avatar.__jsx-style-dynamic-selector{display:inline-block;position:relative;overflow:hidden;border:1px solid ".concat(theme$1.palette.accents_2, ";border-radius:").concat(radius, ";vertical-align:top;background-color:").concat(theme$1.palette.background, ";box-sizing:border-box;width:").concat(SCALES.width(1.75) || SCALES.height(1.75), ";height:").concat(SCALES.height(1.75) || SCALES.width(1.75), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(marginLeft, ";}.avatar-img.__jsx-style-dynamic-selector{display:inline-block;object-fit:cover;width:100%;height:100%;border-radius:").concat(radius, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.avatar-text.__jsx-style-dynamic-selector{position:absolute;left:50%;top:50%;font-size:").concat(SCALES.font(1), ";text-align:center;-webkit-transform:translate(-50%,-50%) scale(0.65);-ms-transform:translate(-50%,-50%) scale(0.65);transform:translate(-50%,-50%) scale(0.65);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")));
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
+    className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (classes || ""),
+    children: [!text || !showText ? /*#__PURE__*/jsxRuntime.jsx("img", _objectSpread2(_objectSpread2({
+      alt: "avatar",
+      src: src !== null && src !== void 0 ? src : fallbackSrc,
+      draggable: false
+    }, props), {}, {
+      onError: function onError(e) {
+        e.currentTarget.onerror = null; // prevent loop
+        e.currentTarget.src = fallbackSrc;
+      },
+      className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-img")
+    })) : null, showText && /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread2(_objectSpread2({}, props), {}, {
+      className: _JSXStyle.dynamic([["2295275975", [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-text"),
+      children: text ? safeText(text) : children
+    })), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "2295275975",
+      dynamic: [theme$1.palette.accents_2, radius, theme$1.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)],
+      children: ".avatar.__jsx-style-dynamic-selector{display:inline-block;position:relative;overflow:hidden;border:1px solid ".concat(theme$1.palette.accents_2, ";border-radius:").concat(radius, ";vertical-align:top;background-color:").concat(theme$1.palette.background, ";box-sizing:border-box;width:").concat(SCALES.width(1.75) || SCALES.height(1.75), ";height:").concat(SCALES.height(1.75) || SCALES.width(1.75), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(marginLeft, ";}.avatar-img.__jsx-style-dynamic-selector{display:inline-block;object-fit:cover;width:100%;height:100%;border-radius:").concat(radius, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.avatar-text.__jsx-style-dynamic-selector{position:absolute;left:50%;top:50%;font-size:").concat(SCALES.font(1), ";text-align:center;-webkit-transform:translate(-50%,-50%) scale(0.65);-ms-transform:translate(-50%,-50%) scale(0.65);transform:translate(-50%,-50%) scale(0.65);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")
+    })]
+  });
 };
 AvatarComponent.displayName = 'Avatar';
 var Avatar = withScale(AvatarComponent);
@@ -915,14 +951,17 @@ var AvatarGroupComponent = function AvatarGroupComponent(_ref) {
   var theme$1 = theme.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["1135268764", [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.ml(0.625), SCALES.font(0.875), theme$1.palette.accents_7]]]) + " " + (theme.useClasses('avatar-group', className) || "")
-  }, children, count && /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["1135268764", [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.ml(0.625), SCALES.font(0.875), theme$1.palette.accents_7]]]) + " " + "count"
-  }, "+", count), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1135268764",
-    dynamic: [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.ml(0.625), SCALES.font(0.875), theme$1.palette.accents_7]
-  }, ".avatar-group.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:".concat(SCALES.width(1, 'max-content'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.avatar-group.__jsx-style-dynamic-selector .avatar{margin-left:-").concat(SCALES.ml(0.625), ";}.count.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(0.875), ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:5.5px;color:").concat(theme$1.palette.accents_7, ";}")));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: _JSXStyle.dynamic([["1135268764", [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.ml(0.625), SCALES.font(0.875), theme$1.palette.accents_7]]]) + " " + (theme.useClasses('avatar-group', className) || ""),
+    children: [children, count && /*#__PURE__*/jsxRuntime.jsxs("span", {
+      className: _JSXStyle.dynamic([["1135268764", [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.ml(0.625), SCALES.font(0.875), theme$1.palette.accents_7]]]) + " " + "count",
+      children: ["+", count]
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "1135268764",
+      dynamic: [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.ml(0.625), SCALES.font(0.875), theme$1.palette.accents_7],
+      children: ".avatar-group.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:".concat(SCALES.width(1, 'max-content'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.avatar-group.__jsx-style-dynamic-selector .avatar{margin-left:-").concat(SCALES.ml(0.625), ";}.count.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(0.875), ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:5.5px;color:").concat(theme$1.palette.accents_7, ";}")
+    })]
+  });
 };
 AvatarGroupComponent.displayName = 'AvatarGroup';
 var AvatarGroup = withScale(AvatarGroupComponent);
@@ -946,29 +985,34 @@ var UserComponent = function UserComponent(_ref) {
     SCALES = _useScale.SCALES,
     getScaleProps = _useScale.getScaleProps;
   var scale = getScaleProps('scale');
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: _JSXStyle.dynamic([["3188576998", [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]]]) + " " + (props && props.className != null && props.className || theme.useClasses('user', className) || "")
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    src: src,
-    scale: scale,
-    text: text,
-    alt: altText
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3188576998", [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]]]) + " " + "names"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["3188576998", [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]]]) + " " + "name"
-  }, name), /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["3188576998", [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]]]) + " " + "social"
-  }, children)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3188576998",
-    dynamic: [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]
-  }, ".user.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;--user-font-size:".concat(SCALES.font(1), ";font-size:var(--user-font-size);width:").concat(SCALES.width(1, 'max-content'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0.5), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0.5), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.names.__jsx-style-dynamic-selector{font-size:inherit;margin-left:").concat(theme$1.layout.gapHalf, ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;white-space:nowrap;}.name.__jsx-style-dynamic-selector{font-size:calc(0.89 * var(--user-font-size));color:").concat(theme$1.palette.accents_8, ";line-height:1.1em;text-transform:capitalize;font-weight:500;max-width:15rem;text-overflow:ellipsis;overflow:hidden;}.social.__jsx-style-dynamic-selector{font-size:calc(0.75 * var(--user-font-size));color:").concat(theme$1.palette.accents_6, ";}.social.__jsx-style-dynamic-selector *:first-child{margin-top:0;}.social.__jsx-style-dynamic-selector *:last-child{margin-bottom:0;}")));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({}, props), {}, {
+    className: _JSXStyle.dynamic([["3188576998", [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]]]) + " " + (props && props.className != null && props.className || theme.useClasses('user', className) || ""),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Avatar, {
+      src: src,
+      scale: scale,
+      text: text,
+      alt: altText
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: _JSXStyle.dynamic([["3188576998", [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]]]) + " " + "names",
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: _JSXStyle.dynamic([["3188576998", [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]]]) + " " + "name",
+        children: name
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: _JSXStyle.dynamic([["3188576998", [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6]]]) + " " + "social",
+        children: children
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "3188576998",
+      dynamic: [SCALES.font(1), SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0.5), SCALES.pb(0), SCALES.pl(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme$1.layout.gapHalf, theme$1.palette.accents_8, theme$1.palette.accents_6],
+      children: ".user.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;--user-font-size:".concat(SCALES.font(1), ";font-size:var(--user-font-size);width:").concat(SCALES.width(1, 'max-content'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0.5), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0.5), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.names.__jsx-style-dynamic-selector{font-size:inherit;margin-left:").concat(theme$1.layout.gapHalf, ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;white-space:nowrap;}.name.__jsx-style-dynamic-selector{font-size:calc(0.89 * var(--user-font-size));color:").concat(theme$1.palette.accents_8, ";line-height:1.1em;text-transform:capitalize;font-weight:500;max-width:15rem;text-overflow:ellipsis;overflow:hidden;}.social.__jsx-style-dynamic-selector{font-size:calc(0.75 * var(--user-font-size));color:").concat(theme$1.palette.accents_6, ";}.social.__jsx-style-dynamic-selector *:first-child{margin-top:0;}.social.__jsx-style-dynamic-selector *:last-child{margin-bottom:0;}")
+    })]
+  }));
 };
 UserComponent.displayName = 'User';
 var User = withScale(UserComponent);
 
 var LinkIconComponent = function LinkIconComponent() {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", {
     viewBox: "0 0 24 24",
     width: "0.9375em",
     height: "0.9375em",
@@ -978,19 +1022,21 @@ var LinkIconComponent = function LinkIconComponent() {
     strokeLinejoin: "round",
     fill: "none",
     shapeRendering: "geometricPrecision",
-    className: "jsx-3409194595" + " " + "icon"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
-    className: "jsx-3409194595"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15 3h6v6",
-    className: "jsx-3409194595"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10 14L21 3",
-    className: "jsx-3409194595"
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3409194595"
-  }, ".icon.jsx-3409194595{margin:0 0 -1px 0.1875em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:currentColor;}"));
+    className: "jsx-3409194595" + " " + "icon",
+    children: [/*#__PURE__*/jsxRuntime.jsx("path", {
+      d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
+      className: "jsx-3409194595"
+    }), /*#__PURE__*/jsxRuntime.jsx("path", {
+      d: "M15 3h6v6",
+      className: "jsx-3409194595"
+    }), /*#__PURE__*/jsxRuntime.jsx("path", {
+      d: "M10 14L21 3",
+      className: "jsx-3409194595"
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "3409194595",
+      children: ".icon.jsx-3409194595{margin:0 0 -1px 0.1875em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:currentColor;}"
+    })]
+  });
 };
 LinkIconComponent.displayName = 'LinkIcon';
 var LinkIcon = /*#__PURE__*/React.memo(LinkIconComponent);
@@ -1056,17 +1102,20 @@ var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var classes = theme.useClasses('link', {
     block: block
   }, className);
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/jsxRuntime.jsxs("a", _objectSpread2(_objectSpread2({
     href: href
-  }, props, {
+  }, props), {}, {
     ref: ref,
-    className: _JSXStyle.dynamic([["1962988967", [linkColor, block ? theme$1.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme$1.palette.link, 0.1) : 'unset', hoverColor]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), icon && icon, /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["1962988967", [linkColor, block ? theme$1.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme$1.palette.link, 0.1) : 'unset', hoverColor]]]) + " " + "link-extra"
-  }, children, arrow && /*#__PURE__*/React.createElement(LinkIcon, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1962988967",
-    dynamic: [linkColor, block ? theme$1.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme$1.palette.link, 0.1) : 'unset', hoverColor]
-  }, ".link.__jsx-style-dynamic-selector,.link-extra.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;gap:5px;color:".concat(linkColor, ";-webkit-text-decoration:none;text-decoration:none;border-radius:").concat(block ? theme$1.layout.radius : 0, ";-webkit-transition:color 200ms ease 0ms;transition:color 200ms ease 0ms;font-size:").concat(SCALES.font(1, 'inherit'), ";width:").concat(SCALES.width(1, 'fit-content'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}.block.__jsx-style-dynamic-selector{padding:").concat(SCALES.pt(0.125), " ").concat(SCALES.pr(0.25), " ").concat(SCALES.pb(0.125), " ").concat(SCALES.pl(0.25), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(-0.125), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(-0.125), ";}.link.__jsx-style-dynamic-selector:hover,.link.__jsx-style-dynamic-selector:active,.link.__jsx-style-dynamic-selector:focus{-webkit-text-decoration:").concat(decoration, ";text-decoration:").concat(decoration, ";}.link.__jsx-style-dynamic-selector:hover{background-color:").concat(block ? addColorAlpha(theme$1.palette.link, 0.1) : 'unset', ";color:").concat(hoverColor, ";}")));
+    className: _JSXStyle.dynamic([["1962988967", [linkColor, block ? theme$1.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme$1.palette.link, 0.1) : 'unset', hoverColor]]]) + " " + (props && props.className != null && props.className || classes || ""),
+    children: [icon && icon, /*#__PURE__*/jsxRuntime.jsxs("span", {
+      className: _JSXStyle.dynamic([["1962988967", [linkColor, block ? theme$1.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme$1.palette.link, 0.1) : 'unset', hoverColor]]]) + " " + "link-extra",
+      children: [children, arrow && /*#__PURE__*/jsxRuntime.jsx(LinkIcon, {})]
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "1962988967",
+      dynamic: [linkColor, block ? theme$1.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme$1.palette.link, 0.1) : 'unset', hoverColor],
+      children: ".link.__jsx-style-dynamic-selector,.link-extra.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;gap:5px;color:".concat(linkColor, ";-webkit-text-decoration:none;text-decoration:none;border-radius:").concat(block ? theme$1.layout.radius : 0, ";-webkit-transition:color 200ms ease 0ms;transition:color 200ms ease 0ms;font-size:").concat(SCALES.font(1, 'inherit'), ";width:").concat(SCALES.width(1, 'fit-content'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}.block.__jsx-style-dynamic-selector{padding:").concat(SCALES.pt(0.125), " ").concat(SCALES.pr(0.25), " ").concat(SCALES.pb(0.125), " ").concat(SCALES.pl(0.25), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(-0.125), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(-0.125), ";}.link.__jsx-style-dynamic-selector:hover,.link.__jsx-style-dynamic-selector:active,.link.__jsx-style-dynamic-selector:focus{-webkit-text-decoration:").concat(decoration, ";text-decoration:").concat(decoration, ";}.link.__jsx-style-dynamic-selector:hover{background-color:").concat(block ? addColorAlpha(theme$1.palette.link, 0.1) : 'unset', ";color:").concat(hoverColor, ";}")
+    })]
+  }));
 });
 LinkComponent.displayName = 'Link';
 var Link = withScale(LinkComponent);
@@ -1078,17 +1127,20 @@ var UserLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: "jsx-3263947648" + " " + (props && props.className != null && props.className || className || "")
-  }), /*#__PURE__*/React.createElement(Link, {
-    ref: ref,
-    href: href,
-    showColor: true,
-    target: "_blank",
-    rel: "noopener"
-  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3263947648"
-  }, "div.jsx-3263947648 a:hover{opacity:0.7;}"));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({}, props), {}, {
+    className: "jsx-3263947648" + " " + (props && props.className != null && props.className || className || ""),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Link, {
+      ref: ref,
+      href: href,
+      showColor: true,
+      target: "_blank",
+      rel: "noopener",
+      children: children
+    }), /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
+      id: "3263947648",
+      children: "div.jsx-3263947648 a:hover{opacity:0.7;}"
+    })]
+  }));
 });
 UserLink.displayName = 'UserLink';
 

package/esm/avatar/avatar.js

@@ -17,6 +17,8 @@ var safeText = function safeText(text) {
   if (text.length <= 4) return text;
   return text.slice(0, 3);
 };
+var errorImgLight = "data:image/webp;base64,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";
+var errorImgDark = "data:image/webp;base64,UklGRggDAABXRUJQVlA4IPwCAAAQIQCdASoTAbcAPm02l0ikIyIhJX44AIANiWlu4E1KTt+5o+dNz5KQmunMAEWeLdn4fSlkZb8GexjRU/Ou84xRfScFqpt1u/JfQimZ639RtU7B2bKXSFGVnfq0bg1GzUCqaT6a2+VsoXbVBjLTqr7jY6R5jiaWPahSeFDpWKJYbXvcWjuqlJ0T7n1xVigXAsPFMpiRrpEsJcOUMSMn58RykEMNydMv7kFV2nEw1EMYS+N8othCiqn0DIXlNqEzN1PfKhB451H/5NH9LmmehOq8SSsQgDkUuPgBPRMHvMr4UcbkeF8/J3IqtrvbpxaNSDSO70Xn9ptfVuxDqvt3RXfcdc8qNkGTF6ljEaNyd57ToAAA/vlmpfvJUdX+gHYSAAv/2ax8aWf6hojTaLFUrpvZggugZ4stRlPWFwsNa+y2tuY/CRLJV/AVFJ2EWOonLtEM81iwHxgdKlJag39ZeUofXsvT5YVzmtqSww/m9RgEFcu4qtE0/EsyritDLQUbFYHMhrzGwsyuPVneeB7W+j4fRY30ZEy3bHBPJiCtgbC/upgO7mI8j3qnbY+K0b/xffatY7sIdVXb0zPhQHzsRw5OVc5a0fzVPpYJdSsPs8el3yLSzBFgXRPApkW/LJWxhVQiXJqFZ+WclqioLswepUNm/TpZ15O4KhXRzBHghsFctp+iLScSxp5YQ1Vkls1wL58PK/+4YNmshD0T4DY6zl306cJCYGt4IA4nNZ1BpTwWNEd//w/317synowZdTvPyWXrcXwadvui2tWSHDchOkZ/svXH/7jwIgZHngPkcMfQgPqUv+8ZFnPpT2SNG41gxntCp1aP2PzeNVnVA2lNhOe2BwyseNoBlUXXsoA1GfZ/PW+eb0sgrlro4GSOMj4M4EefnJGImmcamKiRZ1rx+eeB30MuoShhP6xOCgAAyzagBecwOkVfwVrmYPOkkMFLeVRm1TamamDugJyzpWgR7Q+PiVX20fvrmVXNdsnJ/DpmqwRtxjUGtPobFIQAAA==";
 var AvatarComponent = function AvatarComponent(_ref) {
   var src = _ref.src,
     errorSrc = _ref.errorSrc,
@@ -31,6 +33,7 @@ var AvatarComponent = function AvatarComponent(_ref) {
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
+  var fallbackSrc = theme.type === 'dark' ? errorImgDark : errorImgLight;
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var showText = !src;
@@ -39,18 +42,17 @@ var AvatarComponent = function AvatarComponent(_ref) {
   var classes = useClasses('avatar', className);
   return /*#__PURE__*/React.createElement("span", {
     className: _JSXStyle.dynamic([["2295275975", [theme.palette.accents_2, radius, theme.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (classes || "")
-  }, !showText && /*#__PURE__*/React.createElement("img", _extends({
+  }, !text || !showText ? /*#__PURE__*/React.createElement("img", _extends({
     alt: "avatar",
-    src: src,
+    src: src !== null && src !== void 0 ? src : fallbackSrc,
     draggable: false
   }, props, {
     onError: function onError(e) {
-      var target = e.currentTarget;
-      target.onerror = null; // prevent loop
-      target.src = errorSrc !== null && errorSrc !== void 0 ? errorSrc : "https://helpdice.com/avatar.webp";
+      e.currentTarget.onerror = null; // prevent loop
+      e.currentTarget.src = fallbackSrc;
     },
     className: _JSXStyle.dynamic([["2295275975", [theme.palette.accents_2, radius, theme.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-img")
-  })), showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
+  })) : null, showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
     className: _JSXStyle.dynamic([["2295275975", [theme.palette.accents_2, radius, theme.palette.background, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-text")
   }), text ? safeText(text) : children), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2295275975",

package/esm/button/button.icon.d.ts

@@ -1,17 +1,4 @@
-import React, { CSSProperties } from 'react';
-import { ButtonTypes } from 'components/button-group';
-type CompactButtonProps = {
-    children?: React.ReactNode;
-    iconRight?: React.ReactNode;
-    to: string;
-    icon?: React.ReactNode;
-    scale?: number;
-    type?: any;
-    style?: CSSProperties;
-    a?: boolean;
-    target?: string;
-    color?: ButtonTypes;
-    onClick?: () => void;
-};
-declare const _default: React.NamedExoticComponent<CompactButtonProps>;
+import React from 'react';
+import { ButtonProps } from './button';
+declare const _default: React.NamedExoticComponent<ButtonProps>;
 export default _default;

package/esm/button/button.icon.js

@@ -1,29 +1,29 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { memo } from 'react';
 import Button from './button';
 // import { useTheme } from '@helpdice/theme';
+// import { ButtonTypes } from 'components/button-group';
 
-var CompactButton = function CompactButton(_ref) {
-  var _color = _ref.color,
-    children = _ref.children,
-    iconRight = _ref.iconRight,
-    icon = _ref.icon,
-    _ref$scale = _ref.scale,
-    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
-    type = _ref.type,
-    style = _ref.style,
-    onClick = _ref.onClick,
-    to = _ref.to;
+// type CompactButtonProps = {
+//     children?: React.ReactNode;
+//     iconRight?: React.ReactNode;
+//     to: string;
+//     icon?: React.ReactNode;
+//     scale?: number;
+//     type?: any;
+//     style?: CSSProperties;
+//     target?: string;
+//     color?: ButtonTypes;
+//     onClick?: () => void
+// };
+
+var CompactButton = function CompactButton(props) {
   // const theme = useTheme();
-  return /*#__PURE__*/React.createElement(Button, {
-    to: to,
-    icon: icon,
-    style: style,
-    type: type,
-    onClick: onClick,
-    auto: true,
-    scale: scale,
-    px: 0.6,
-    iconRight: iconRight
-  }, children);
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    scale: 2 / 3,
+    px: 0.6
+  }, _extends({
+    auto: true
+  }, props)), props.children);
 };
 export default /*#__PURE__*/memo(CompactButton);

package/esm/button/button.js

@@ -166,7 +166,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, to ? /*#__PURE__*/React.createElement("a", _extends({
     href: to
   }, props, {
-    className: _JSXStyle.dynamic([["3965326317", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', 'btn-link', className) || "")
+    className: _JSXStyle.dynamic([["612376042", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor !== null && cursor !== void 0 ? cursor : 'pointer', events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', 'btn-link', className) || "")
   }), loading && /*#__PURE__*/React.createElement(ButtonLoading, {
     color: color
   }), childrenWithIcon) : /*#__PURE__*/React.createElement("button", _extends({
@@ -175,7 +175,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     disabled: disabled,
     onClick: clickHandler
   }, props, {
-    className: _JSXStyle.dynamic([["3965326317", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', className) || "")
+    className: _JSXStyle.dynamic([["612376042", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor !== null && cursor !== void 0 ? cursor : 'pointer', events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', className) || "")
   }), loading && /*#__PURE__*/React.createElement(ButtonLoading, {
     color: color
   }), childrenWithIcon, dripShow && /*#__PURE__*/React.createElement(ButtonDrip, {
@@ -184,9 +184,9 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     color: dripColor,
     onCompleted: dripCompletedHandle
   })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3965326317",
-    dynamic: [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor, events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']
-  }, ".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;line-height:".concat(SCALES.height(2.5), ";border-radius:").concat(round ? '50%' : theme.layout.radius, ";font-weight:400;font-size:").concat(SCALES.font(0.875), ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(color, ";background-color:").concat(bg, ";border:1px solid ").concat(shadow ? 'transparent' : border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? btnShadow : 'none', ";--helpdice-ui-button-icon-padding:").concat(SCALES.pl(0.727), ";--helpdice-ui-button-height:").concat(SCALES.height(2.5), ";--helpdice-ui-button-color:").concat(color, ";--helpdice-ui-button-bg:").concat(bg, ";min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";width:").concat(auto ? 'auto' : 'initial', ";height:").concat(SCALES.height(2.5), ";padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(hover.color, ";--helpdice-ui-button-color:").concat(hover.color, ";background-color:").concat(hover.bg, ";border-color:").concat(hover.border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(btnShadow, ";}.btn-link.__jsx-style-dynamic-selector{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}.ripple.__jsx-style-dynamic-selector{position:absolute;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;background-color:rgba(0,0,0,0.3);pointer-events:none;z-index:1;}@-webkit-keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}@keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}")));
+    id: "612376042",
+    dynamic: [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, shadow ? 'transparent' : border, cursor !== null && cursor !== void 0 ? cursor : 'pointer', events, shadow ? btnShadow : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, btnShadow, shadow ? '-1px' : '0px']
+  }, ".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:".concat(SCALES.height(2.5), ";border-radius:").concat(round ? '50%' : theme.layout.radius, ";font-weight:400;font-size:").concat(SCALES.font(0.875), ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(color, ";background-color:").concat(bg, ";border:1px solid ").concat(shadow ? 'transparent' : border, ";cursor:").concat(cursor !== null && cursor !== void 0 ? cursor : 'pointer', ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? btnShadow : 'none', ";--helpdice-ui-button-icon-padding:").concat(SCALES.pl(0.727), ";--helpdice-ui-button-height:").concat(SCALES.height(2.5), ";--helpdice-ui-button-color:").concat(color, ";--helpdice-ui-button-bg:").concat(bg, ";min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";width:").concat(auto ? 'auto' : 'initial', ";height:").concat(SCALES.height(2.5), ";padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(hover.color, ";--helpdice-ui-button-color:").concat(hover.color, ";background-color:").concat(hover.bg, ";border-color:").concat(hover.border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(btnShadow, ";}.btn-link.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}.ripple.__jsx-style-dynamic-selector{position:absolute;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;animation:ripple-animation-__jsx-style-dynamic-selector 600ms ease-out;background-color:rgba(0,0,0,0.3);pointer-events:none;z-index:1;}@-webkit-keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}@keyframes ripple-animation-__jsx-style-dynamic-selector{to{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0;}}")));
 });
 ButtonComponent.displayName = 'Button';
 var Button = withScale(ButtonComponent);

package/esm/button/button.small.d.ts

@@ -1,17 +1,4 @@
-import React, { CSSProperties } from 'react';
-import { ButtonTypes } from 'components/button-group';
-type SmallButtonProps = {
-    children?: React.ReactNode;
-    iconRight?: React.ReactNode;
-    to: string;
-    icon?: React.ReactNode;
-    scale?: number;
-    type?: any;
-    style?: CSSProperties;
-    a?: boolean;
-    target?: string;
-    color?: ButtonTypes;
-    onClick?: () => void;
-};
-declare const _default: React.NamedExoticComponent<SmallButtonProps>;
+import React from 'react';
+import { ButtonProps } from './button';
+declare const _default: React.NamedExoticComponent<ButtonProps>;
 export default _default;