@synerise/ds-avatar 1.3.4 → 1.3.6

package/dist/UserAvatar/UserAvatar.js

@@ -1,85 +1,65 @@
-var _excluded = ["backgroundColor", "size", "text", "tooltip", "badgeStatus", "user", "src", "iconComponent", "children", "disabled", "style"];
-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 _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; }
-import React from 'react';
-import Badge from '@synerise/ds-badge';
-import { useTheme } from '@synerise/ds-core';
-import Icon, { UserM, UserS } from '@synerise/ds-icon';
-import Avatar from '../Avatar';
-import DefaultAvatarIcon, { TOTAL_DEFAULT_AVATARS } from '../DefaultAvatarIcon';
-import { addIconColor, getColorByText, getDefaultAvatarIndex, getUserText } from '../utils';
-export var DEFAULT_COLOR = 'grey';
-export var DEFAULT_COLOR_HUE = '500';
-var UserAvatar = function UserAvatar(_ref) {
-  var backgroundColor = _ref.backgroundColor,
-    size = _ref.size,
-    text = _ref.text,
-    tooltip = _ref.tooltip,
-    badgeStatus = _ref.badgeStatus,
-    _ref$user = _ref.user,
-    user = _ref$user === void 0 ? {} : _ref$user,
-    src = _ref.src,
-    iconComponent = _ref.iconComponent,
-    children = _ref.children,
-    disabled = _ref.disabled,
-    style = _ref.style,
-    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var theme = useTheme();
-  var _ref2 = user || {},
-    _ref2$firstName = _ref2.firstName,
-    firstName = _ref2$firstName === void 0 ? '' : _ref2$firstName,
-    _ref2$lastName = _ref2.lastName,
-    lastName = _ref2$lastName === void 0 ? '' : _ref2$lastName,
-    _ref2$email = _ref2.email,
-    email = _ref2$email === void 0 ? '' : _ref2$email,
-    avatar = _ref2.avatar,
-    avatarId = _ref2.avatarId;
-  var hasPhoto = !!(avatar || src);
-  var hasNameInitials = !!(firstName || lastName) || !!text;
-  var useDefaultSvg = avatarId !== undefined && !hasNameInitials && !hasPhoto && TOTAL_DEFAULT_AVATARS > 0;
-  var avatarText = useDefaultSvg ? null : getUserText(user, src, text);
-  var defaultTooltip = {
-    title: ((firstName || '') + " " + (lastName || '')).trim(),
-    description: email || ''
+import { jsx } from "react/jsx-runtime";
+import Badge from "@synerise/ds-badge";
+import { useTheme } from "@synerise/ds-core";
+import Icon, { UserS, UserM } from "@synerise/ds-icon";
+import Avatar from "../Avatar.js";
+import DefaultAvatarIcon from "../DefaultAvatarIcon.js";
+import { getUserText, addIconColor, getDefaultAvatarIndex, getColorByText } from "../utils.js";
+import { TOTAL_DEFAULT_AVATARS } from "../defaultAvatars/index.js";
+const DEFAULT_COLOR = "grey";
+const DEFAULT_COLOR_HUE = "500";
+const UserAvatar = ({
+  backgroundColor,
+  size,
+  text,
+  tooltip,
+  badgeStatus,
+  user = {},
+  src,
+  iconComponent,
+  children,
+  disabled,
+  style,
+  ...restProps
+}) => {
+  const theme = useTheme();
+  const {
+    firstName = "",
+    lastName = "",
+    email = "",
+    avatar,
+    avatarId
+  } = user || {};
+  const hasPhoto = !!(avatar || src);
+  const hasNameInitials = !!(firstName || lastName) || !!text;
+  const useDefaultSvg = avatarId !== void 0 && !hasNameInitials && !hasPhoto && TOTAL_DEFAULT_AVATARS > 0;
+  const avatarText = useDefaultSvg ? null : getUserText(user, src, text);
+  const defaultTooltip = {
+    title: `${firstName || ""} ${lastName || ""}`.trim(),
+    description: email || ""
   };
-  var avatarTooltip = (tooltip === undefined || tooltip === true) && (defaultTooltip.title || defaultTooltip.description) ? defaultTooltip : tooltip;
-  var iconColor = theme.palette[DEFAULT_COLOR + "-" + DEFAULT_COLOR_HUE];
-  var iconElement = addIconColor(iconComponent, iconColor);
-  var icon = null;
+  const avatarTooltip = (tooltip === void 0 || tooltip === true) && (defaultTooltip.title || defaultTooltip.description) ? defaultTooltip : tooltip;
+  const iconColor = theme.palette[`${DEFAULT_COLOR}-${DEFAULT_COLOR_HUE}`];
+  const iconElement = addIconColor(iconComponent, iconColor);
+  let icon = null;
   if (useDefaultSvg) {
-    var avatarIndex = getDefaultAvatarIndex(avatarId, TOTAL_DEFAULT_AVATARS);
-    icon = /*#__PURE__*/React.createElement(DefaultAvatarIcon, {
-      index: avatarIndex
-    });
+    const avatarIndex = getDefaultAvatarIndex(avatarId, TOTAL_DEFAULT_AVATARS);
+    icon = /* @__PURE__ */ jsx(DefaultAvatarIcon, { index: avatarIndex });
   } else if (!avatarText) {
-    icon = iconElement || /*#__PURE__*/React.createElement(Icon, {
-      component: size === 'small' ? /*#__PURE__*/React.createElement(UserS, null) : /*#__PURE__*/React.createElement(UserM, null),
-      color: theme.palette['grey-500']
-    });
+    icon = iconElement || /* @__PURE__ */ jsx(Icon, { component: size === "small" ? /* @__PURE__ */ jsx(UserS, {}) : /* @__PURE__ */ jsx(UserM, {}), color: theme.palette["grey-500"] });
   }
-  var _getColorByText = getColorByText(avatarText, useDefaultSvg ? undefined : backgroundColor),
-    avatarBackgroundColor = _getColorByText[0],
-    avatarBackgroundHue = _getColorByText[1];
-  var avatarRender = /*#__PURE__*/React.createElement(Avatar, _extends({
-    iconComponent: icon,
-    iconScale: !useDefaultSvg,
-    shape: "circle",
-    hasStatus: disabled === true ? false : !!badgeStatus,
-    backgroundColor: useDefaultSvg ? undefined : avatarBackgroundColor,
-    backgroundColorHue: useDefaultSvg ? undefined : avatarBackgroundHue,
-    size: size,
-    src: avatar || src,
-    tooltip: avatarTooltip,
-    disabled: disabled,
-    style: _extends({}, badgeStatus ? {} : style, useDefaultSvg ? {
-      background: 'transparent',
-      overflow: 'hidden'
-    } : {})
-  }, restProps), children || avatarText);
-  return badgeStatus ? /*#__PURE__*/React.createElement("span", {
-    style: style
-  }, /*#__PURE__*/React.createElement(Badge, {
-    status: badgeStatus
-  }, avatarRender)) : avatarRender;
+  const [avatarBackgroundColor, avatarBackgroundHue] = getColorByText(avatarText, useDefaultSvg ? void 0 : backgroundColor);
+  const avatarRender = /* @__PURE__ */ jsx(Avatar, { iconComponent: icon, iconScale: !useDefaultSvg, shape: "circle", hasStatus: disabled === true ? false : !!badgeStatus, backgroundColor: useDefaultSvg ? void 0 : avatarBackgroundColor, backgroundColorHue: useDefaultSvg ? void 0 : avatarBackgroundHue, size, src: avatar || src, tooltip: avatarTooltip, disabled, style: {
+    ...badgeStatus ? {} : style,
+    ...useDefaultSvg ? {
+      background: "transparent",
+      overflow: "hidden"
+    } : {}
+  }, ...restProps, children: children || avatarText });
+  return badgeStatus ? /* @__PURE__ */ jsx("span", { style, children: /* @__PURE__ */ jsx(Badge, { status: badgeStatus, children: avatarRender }) }) : avatarRender;
+};
+export {
+  DEFAULT_COLOR,
+  DEFAULT_COLOR_HUE,
+  UserAvatar as default
 };
-export default UserAvatar;

package/dist/UserAvatar/index.js

@@ -1 +1,4 @@
-export { default } from './UserAvatar';
+import { default as default2 } from "./UserAvatar.js";
+export {
+  default2 as default
+};

package/dist/defaultAvatars/Icon0001.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Icon0001: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default Icon0001;

package/dist/defaultAvatars/Icon0001.js

@@ -1,81 +1,24 @@
-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); }
-import React from 'react';
-var Icon0001 = function Icon0001(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    viewBox: "0 0 240 240",
-    className: "icon_0001 ds-default-avatar"
-  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "svg-4062376346t1g1",
-    x1: 319.21,
-    y1: 40.79,
-    x2: 79.21,
-    y2: 40.79,
-    gradientTransform: "translate(79.21 319.21) rotate(-90)",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: 0,
-    stopColor: "#e1c0af"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: 1,
-    stopColor: "#e67674"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "svg-4062376346t1g2",
-    x1: 46.04,
-    y1: 88.47,
-    x2: 93.44,
-    y2: 88.47,
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: 0,
-    stopColor: "#ddb128"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: 1,
-    stopColor: "#ecdfd6"
-  }))), /*#__PURE__*/React.createElement("rect", {
-    fill: "url(#svg-4062376346t1g1)",
-    width: 240,
-    height: 240
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#ecdfd6",
-    x: 136.88,
-    y: 50.91,
-    width: 69.11,
-    height: 69.11
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#09110f",
-    cx: 168.72,
-    cy: 92.75,
-    r: 8.71
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#cd3b9f",
-    x: 110.19,
-    y: 64.77,
-    width: 26.69,
-    height: 92.24
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "url(#svg-4062376346t1g2)",
-    cx: 69.74,
-    cy: 88.47,
-    r: 23.7
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#09110f",
-    cx: 72.29,
-    cy: 92.75,
-    r: 8.71
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#09110f",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M84.32,185.29c32.87,15.7,55.2,6.95,79.18-17.31"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#09110f",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M99.48,54.91l-58.31-8.27"
-  }));
+import { jsxs, jsx } from "react/jsx-runtime";
+const Icon0001 = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 240 240", className: "icon_0001 ds-default-avatar", ...props, children: [
+  /* @__PURE__ */ jsxs("defs", { children: [
+    /* @__PURE__ */ jsxs("linearGradient", { id: "svg-4062376346t1g1", x1: 319.21, y1: 40.79, x2: 79.21, y2: 40.79, gradientTransform: "translate(79.21 319.21) rotate(-90)", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { offset: 0, stopColor: "#e1c0af" }),
+      /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#e67674" })
+    ] }),
+    /* @__PURE__ */ jsxs("linearGradient", { id: "svg-4062376346t1g2", x1: 46.04, y1: 88.47, x2: 93.44, y2: 88.47, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { offset: 0, stopColor: "#ddb128" }),
+      /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#ecdfd6" })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx("rect", { fill: "url(#svg-4062376346t1g1)", width: 240, height: 240 }),
+  /* @__PURE__ */ jsx("rect", { fill: "#ecdfd6", x: 136.88, y: 50.91, width: 69.11, height: 69.11 }),
+  /* @__PURE__ */ jsx("circle", { fill: "#09110f", cx: 168.72, cy: 92.75, r: 8.71 }),
+  /* @__PURE__ */ jsx("rect", { fill: "#cd3b9f", x: 110.19, y: 64.77, width: 26.69, height: 92.24 }),
+  /* @__PURE__ */ jsx("circle", { fill: "url(#svg-4062376346t1g2)", cx: 69.74, cy: 88.47, r: 23.7 }),
+  /* @__PURE__ */ jsx("circle", { fill: "#09110f", cx: 72.29, cy: 92.75, r: 8.71 }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#09110f", strokeMiterlimit: 10, strokeWidth: 10, d: "M84.32,185.29c32.87,15.7,55.2,6.95,79.18-17.31" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#09110f", strokeMiterlimit: 10, strokeWidth: 10, d: "M99.48,54.91l-58.31-8.27" })
+] });
+export {
+  Icon0001 as default
 };
-export default Icon0001;

package/dist/defaultAvatars/Icon0003.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Icon0003: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default Icon0003;

package/dist/defaultAvatars/Icon0003.js

@@ -1,53 +1,15 @@
-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); }
-import React from 'react';
-var Icon0003 = function Icon0003(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 240 240",
-    className: "icon_0003 ds-default-avatar"
-  }, props), /*#__PURE__*/React.createElement("rect", {
-    fill: "#bba5ca",
-    x: 0.23,
-    y: 0.15,
-    width: 239.54,
-    height: 239.7
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#d6c2e0",
-    x: 0.46,
-    y: 0.3,
-    width: 113.73,
-    height: 115.36
-  }), /*#__PURE__*/React.createElement("polygon", {
-    fill: "#9c85ad",
-    points: "114.19 47.43 134.24 148.5 106.04 153.62 114.19 47.43"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#080808",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M134.24,148.5c-11.41,6.02-28.2,5.07-28.2,5.07l8.87-106.14"
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#080808",
-    cx: 61.28,
-    cy: 72.06,
-    r: 11
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#d6c2e0",
-    d: "M157.13,67.52s9.61-14.63,27.96-15.28c18.35-.65,31.45,11.7,31.45,11.7,0,0-7.28,12.35-29.7,13.98-22.42,1.63-29.7-10.4-29.7-10.4Z"
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#080808",
-    cx: 185.73,
-    cy: 67.07,
-    r: 11
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#f042ac",
-    d: "M116.82,184.28s9.19,23,39.6,17.34c30.42-5.66,29.31-34.58,29.31-34.58l-68.91,17.24Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#080808",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M110.16,183.67s21.86.95,43.09-4.12,34.85-13.62,34.85-13.62"
-  }));
+import { jsxs, jsx } from "react/jsx-runtime";
+const Icon0003 = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 240 240", className: "icon_0003 ds-default-avatar", ...props, children: [
+  /* @__PURE__ */ jsx("rect", { fill: "#bba5ca", x: 0.23, y: 0.15, width: 239.54, height: 239.7 }),
+  /* @__PURE__ */ jsx("rect", { fill: "#d6c2e0", x: 0.46, y: 0.3, width: 113.73, height: 115.36 }),
+  /* @__PURE__ */ jsx("polygon", { fill: "#9c85ad", points: "114.19 47.43 134.24 148.5 106.04 153.62 114.19 47.43" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#080808", strokeMiterlimit: 10, strokeWidth: 10, d: "M134.24,148.5c-11.41,6.02-28.2,5.07-28.2,5.07l8.87-106.14" }),
+  /* @__PURE__ */ jsx("circle", { fill: "#080808", cx: 61.28, cy: 72.06, r: 11 }),
+  /* @__PURE__ */ jsx("path", { fill: "#d6c2e0", d: "M157.13,67.52s9.61-14.63,27.96-15.28c18.35-.65,31.45,11.7,31.45,11.7,0,0-7.28,12.35-29.7,13.98-22.42,1.63-29.7-10.4-29.7-10.4Z" }),
+  /* @__PURE__ */ jsx("circle", { fill: "#080808", cx: 185.73, cy: 67.07, r: 11 }),
+  /* @__PURE__ */ jsx("path", { fill: "#f042ac", d: "M116.82,184.28s9.19,23,39.6,17.34c30.42-5.66,29.31-34.58,29.31-34.58l-68.91,17.24Z" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#080808", strokeMiterlimit: 10, strokeWidth: 10, d: "M110.16,183.67s21.86.95,43.09-4.12,34.85-13.62,34.85-13.62" })
+] });
+export {
+  Icon0003 as default
 };
-export default Icon0003;

package/dist/defaultAvatars/Icon0004.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Icon0004: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default Icon0004;

package/dist/defaultAvatars/Icon0004.js

@@ -1,53 +1,15 @@
-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); }
-import React from 'react';
-var Icon0004 = function Icon0004(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 240 240",
-    className: "icon_0004 ds-default-avatar"
-  }, props), /*#__PURE__*/React.createElement("rect", {
-    fill: "#d2ffff",
-    x: 0.23,
-    y: 0.15,
-    width: 239.54,
-    height: 239.7
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#ffffff",
-    x: 0.46,
-    y: 0.3,
-    width: 113.73,
-    height: 115.36
-  }), /*#__PURE__*/React.createElement("polygon", {
-    fill: "#8dffff",
-    points: "114.19 47.43 134.24 148.5 106.04 153.62 114.19 47.43"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#000000",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M134.24,148.5c-11.41,6.02-28.2,5.07-28.2,5.07l8.87-106.14"
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#000000",
-    cx: 61.28,
-    cy: 72.06,
-    r: 11
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#ffffff",
-    d: "M157.13,67.52s9.61-14.63,27.96-15.28c18.35-.65,31.45,11.7,31.45,11.7,0,0-7.28,12.35-29.7,13.98-22.42,1.63-29.7-10.4-29.7-10.4Z"
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#000000",
-    cx: 185.73,
-    cy: 67.07,
-    r: 11
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#ff77ff",
-    d: "M116.82,184.28s9.19,23,39.6,17.34c30.42-5.66,29.31-34.58,29.31-34.58l-68.91,17.24Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#000000",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M110.16,183.67s21.86.95,43.09-4.12,34.85-13.62,34.85-13.62"
-  }));
+import { jsxs, jsx } from "react/jsx-runtime";
+const Icon0004 = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 240 240", className: "icon_0004 ds-default-avatar", ...props, children: [
+  /* @__PURE__ */ jsx("rect", { fill: "#d2ffff", x: 0.23, y: 0.15, width: 239.54, height: 239.7 }),
+  /* @__PURE__ */ jsx("rect", { fill: "#ffffff", x: 0.46, y: 0.3, width: 113.73, height: 115.36 }),
+  /* @__PURE__ */ jsx("polygon", { fill: "#8dffff", points: "114.19 47.43 134.24 148.5 106.04 153.62 114.19 47.43" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#000000", strokeMiterlimit: 10, strokeWidth: 10, d: "M134.24,148.5c-11.41,6.02-28.2,5.07-28.2,5.07l8.87-106.14" }),
+  /* @__PURE__ */ jsx("circle", { fill: "#000000", cx: 61.28, cy: 72.06, r: 11 }),
+  /* @__PURE__ */ jsx("path", { fill: "#ffffff", d: "M157.13,67.52s9.61-14.63,27.96-15.28c18.35-.65,31.45,11.7,31.45,11.7,0,0-7.28,12.35-29.7,13.98-22.42,1.63-29.7-10.4-29.7-10.4Z" }),
+  /* @__PURE__ */ jsx("circle", { fill: "#000000", cx: 185.73, cy: 67.07, r: 11 }),
+  /* @__PURE__ */ jsx("path", { fill: "#ff77ff", d: "M116.82,184.28s9.19,23,39.6,17.34c30.42-5.66,29.31-34.58,29.31-34.58l-68.91,17.24Z" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#000000", strokeMiterlimit: 10, strokeWidth: 10, d: "M110.16,183.67s21.86.95,43.09-4.12,34.85-13.62,34.85-13.62" })
+] });
+export {
+  Icon0004 as default
 };
-export default Icon0004;

package/dist/defaultAvatars/Icon0007.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Icon0007: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default Icon0007;

package/dist/defaultAvatars/Icon0007.js

@@ -1,89 +1,25 @@
-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); }
-import React from 'react';
-var Icon0007 = function Icon0007(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    viewBox: "0 0 240 240",
-    className: "icon_0007 ds-default-avatar"
-  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "svg-500633052t3g1",
-    x1: -392.62,
-    y1: 633,
-    x2: -392.38,
-    y2: 633,
-    gradientTransform: "translate(648311 -401801) rotate(-90) scale(1024 -1024)",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: 0,
-    stopColor: "#4d9dff"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: 1,
-    stopColor: "#008aff"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "svg-500633052t3g2",
-    x1: 120,
-    y1: 113.37,
-    x2: 120,
-    y2: 238.56,
-    gradientTransform: "translate(0 240) scale(1 -1)",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: 0,
-    stopColor: "#d5ffff"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: 1,
-    stopColor: "#19aaff"
-  }))), /*#__PURE__*/React.createElement("rect", {
-    fill: "url(#svg-500633052t3g1)",
-    width: 239.77,
-    height: 239.85
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "url(#svg-500633052t3g2)",
-    y: 1.44,
-    width: 240,
-    height: 125.19,
-    opacity: 0.4
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#d5ffff",
-    opacity: 0.59,
-    d: "M178.21,67h0c-18.1,0-32.92,14.73-32.92,32.73v20.55c0,18,14.81,32.73,32.92,32.73h0c18.1,0,32.92-14.73,32.92-32.73v-20.55c0-18-14.81-32.73-32.92-32.73Z"
-  }), /*#__PURE__*/React.createElement("ellipse", {
-    fill: "#000000",
-    cx: 180.15,
-    cy: 91.39,
-    rx: 8.82,
-    ry: 8.77
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#000000",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M97.58,65.44l-58.31-8.27"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#000000",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M207.13,50.46l-60.62,5.7"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#000000",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M92.03,155.13h41.87l-17.89-87.67"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#000000",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M83.48,194.24s20.02,8.89,39.74,5.22,33.62-17.88,33.62-17.88"
-  }), /*#__PURE__*/React.createElement("ellipse", {
-    fill: "#000000",
-    cx: 60.69,
-    cy: 91.39,
-    rx: 8.82,
-    ry: 8.77
-  }));
+import { jsxs, jsx } from "react/jsx-runtime";
+const Icon0007 = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 240 240", className: "icon_0007 ds-default-avatar", ...props, children: [
+  /* @__PURE__ */ jsxs("defs", { children: [
+    /* @__PURE__ */ jsxs("linearGradient", { id: "svg-500633052t3g1", x1: -392.62, y1: 633, x2: -392.38, y2: 633, gradientTransform: "translate(648311 -401801) rotate(-90) scale(1024 -1024)", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { offset: 0, stopColor: "#4d9dff" }),
+      /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#008aff" })
+    ] }),
+    /* @__PURE__ */ jsxs("linearGradient", { id: "svg-500633052t3g2", x1: 120, y1: 113.37, x2: 120, y2: 238.56, gradientTransform: "translate(0 240) scale(1 -1)", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { offset: 0, stopColor: "#d5ffff" }),
+      /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#19aaff" })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx("rect", { fill: "url(#svg-500633052t3g1)", width: 239.77, height: 239.85 }),
+  /* @__PURE__ */ jsx("rect", { fill: "url(#svg-500633052t3g2)", y: 1.44, width: 240, height: 125.19, opacity: 0.4 }),
+  /* @__PURE__ */ jsx("path", { fill: "#d5ffff", opacity: 0.59, d: "M178.21,67h0c-18.1,0-32.92,14.73-32.92,32.73v20.55c0,18,14.81,32.73,32.92,32.73h0c18.1,0,32.92-14.73,32.92-32.73v-20.55c0-18-14.81-32.73-32.92-32.73Z" }),
+  /* @__PURE__ */ jsx("ellipse", { fill: "#000000", cx: 180.15, cy: 91.39, rx: 8.82, ry: 8.77 }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#000000", strokeMiterlimit: 10, strokeWidth: 10, d: "M97.58,65.44l-58.31-8.27" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#000000", strokeMiterlimit: 10, strokeWidth: 10, d: "M207.13,50.46l-60.62,5.7" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#000000", strokeMiterlimit: 10, strokeWidth: 10, d: "M92.03,155.13h41.87l-17.89-87.67" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#000000", strokeMiterlimit: 10, strokeWidth: 10, d: "M83.48,194.24s20.02,8.89,39.74,5.22,33.62-17.88,33.62-17.88" }),
+  /* @__PURE__ */ jsx("ellipse", { fill: "#000000", cx: 60.69, cy: 91.39, rx: 8.82, ry: 8.77 })
+] });
+export {
+  Icon0007 as default
 };
-export default Icon0007;

package/dist/defaultAvatars/Icon0011.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Icon0011: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default Icon0011;

package/dist/defaultAvatars/Icon0011.js

@@ -1,40 +1,12 @@
-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); }
-import React from 'react';
-var Icon0011 = function Icon0011(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 240 240",
-    className: "icon_0011 ds-default-avatar"
-  }, props), /*#__PURE__*/React.createElement("rect", {
-    fill: "#a355a7",
-    width: 240,
-    height: 240
-  }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#c2a4d3",
-    width: 240,
-    height: 175.98
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#181818",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M114.6,44.89l32.95,100.44-55.76,7.92"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "#181818",
-    strokeMiterlimit: 10,
-    strokeWidth: 10,
-    d: "M93.49,190h54.06"
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#181818",
-    cx: 64.19,
-    cy: 75.95,
-    r: 11.17
-  }), /*#__PURE__*/React.createElement("circle", {
-    fill: "#181818",
-    cx: 181.66,
-    cy: 68.18,
-    r: 11.17
-  }));
+import { jsxs, jsx } from "react/jsx-runtime";
+const Icon0011 = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 240 240", className: "icon_0011 ds-default-avatar", ...props, children: [
+  /* @__PURE__ */ jsx("rect", { fill: "#a355a7", width: 240, height: 240 }),
+  /* @__PURE__ */ jsx("rect", { fill: "#c2a4d3", width: 240, height: 175.98 }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#181818", strokeMiterlimit: 10, strokeWidth: 10, d: "M114.6,44.89l32.95,100.44-55.76,7.92" }),
+  /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#181818", strokeMiterlimit: 10, strokeWidth: 10, d: "M93.49,190h54.06" }),
+  /* @__PURE__ */ jsx("circle", { fill: "#181818", cx: 64.19, cy: 75.95, r: 11.17 }),
+  /* @__PURE__ */ jsx("circle", { fill: "#181818", cx: 181.66, cy: 68.18, r: 11.17 })
+] });
+export {
+  Icon0011 as default
 };
-export default Icon0011;

package/dist/defaultAvatars/Icon0012.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Icon0012: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default Icon0012;