skillgrid 0.0.80 → 0.0.82

package/dist/assets/styles/z-index.module-JWVtw_WE.css

@@ -0,0 +1 @@
+:root{--z-base: 0;--z-content: 10;--z-background: 20;--z-button: 100;--z-link: 110;--z-input: 120;--z-suffix: 130;--z-prefix: 140;--z-tooltip: 200;--z-hint: 210;--z-dropdown: 220;--z-popover: 230;--z-modal-backdrop: 300;--z-modal: 310;--z-overlay: 320;--z-drawer: 330;--z-notification: 400;--z-alert: 410;--z-toast: 420;--z-loading: 500;--z-error: 510;--z-critical: 520}._base_1p0qo_50{z-index:var(--z-base)}._content_1p0qo_54{z-index:var(--z-content)}._background_1p0qo_58{z-index:var(--z-background)}._button_1p0qo_62{z-index:var(--z-button)}._link_1p0qo_66{z-index:var(--z-link)}._input_1p0qo_70{z-index:var(--z-input)}._suffix_1p0qo_74{z-index:var(--z-suffix)}._prefix_1p0qo_78{z-index:var(--z-prefix)}._tooltip_1p0qo_82{z-index:var(--z-tooltip)}._hint_1p0qo_86{z-index:var(--z-hint)}._dropdown_1p0qo_90{z-index:var(--z-dropdown)}._popover_1p0qo_94{z-index:var(--z-popover)}._modalBackdrop_1p0qo_98{z-index:var(--z-modal-backdrop)}._modal_1p0qo_98{z-index:var(--z-modal)}._overlay_1p0qo_106{z-index:var(--z-overlay)}._drawer_1p0qo_110{z-index:var(--z-drawer)}._notification_1p0qo_114{z-index:var(--z-notification)}._alert_1p0qo_118{z-index:var(--z-alert)}._toast_1p0qo_122{z-index:var(--z-toast)}._loading_1p0qo_126{z-index:var(--z-loading)}._error_1p0qo_130{z-index:var(--z-error)}._critical_1p0qo_134{z-index:var(--z-critical)}

package/dist/components/Alert/Alert.js

@@ -0,0 +1,77 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Avatar as k } from "../Avatar/index.js";
+import i from "./Alert.module.css.js";
+import { clsx as o } from "clsx";
+import { ALERT_ICON_MAP as c } from "./lib/constants.js";
+import { Dialog as B } from "../Dialog/Dialog.js";
+import { Placeholder as z } from "../Placeholder/Placeholder.js";
+const D = (d) => {
+  var a;
+  const {
+    open: p,
+    onOpenChange: h,
+    placement: f = "default",
+    variant: n = "info",
+    title: m,
+    description: v,
+    children: u,
+    variantAvatarProps: S,
+    "data-testid": g,
+    styles: r,
+    classNames: t,
+    ...s
+  } = d, { icon: x, colorScheme: T } = ((a = c) == null ? void 0 : a[n]) || c.info, A = n === "avatar" ? {
+    size: 48,
+    colorScheme: "gray",
+    variant: "light",
+    "data-testid": "alert-avatar",
+    ...S
+  } : {
+    size: 48,
+    icon: x,
+    colorScheme: T,
+    variant: "light",
+    style: { fontSize: 24, outline: "none" },
+    "data-testid": "alert-icon"
+  }, e = {
+    iconSlot: i.iconSlot,
+    title: i.title,
+    subTitle: i.subTitle,
+    children: i.childrenBlock,
+    textBlock: i.textBlock
+  }, b = {
+    ...t,
+    iconSlot: o(e.iconSlot, t == null ? void 0 : t.iconSlot),
+    title: o(e.title, t == null ? void 0 : t.title),
+    subTitle: o(e.subTitle, t == null ? void 0 : t.subTitle),
+    children: o(e.children, t == null ? void 0 : t.children),
+    textBlock: o(e.textBlock, t == null ? void 0 : t.textBlock)
+  };
+  return /* @__PURE__ */ l(
+    B,
+    {
+      open: p,
+      onOpenChange: h,
+      placement: f,
+      "data-testid": g,
+      className: o(i.container, t == null ? void 0 : t.dialog),
+      style: r == null ? void 0 : r.dialog,
+      ...s,
+      children: /* @__PURE__ */ l(
+        z,
+        {
+          title: m,
+          subTitle: v,
+          classNames: b,
+          styles: r,
+          size: "l",
+          iconSlot: /* @__PURE__ */ l(k, { ...A }),
+          children: u
+        }
+      )
+    }
+  );
+};
+export {
+  D as Alert
+};

package/dist/components/Alert/Alert.module.css.js

@@ -0,0 +1,15 @@
+import '../../assets/components/Alert/Alert.module-D5XEL-U-.css';const t = "_container_11i9q_1", i = "_iconSlot_11i9q_5", o = "_title_11i9q_10", c = "_subTitle_11i9q_10", n = "_childrenBlock_11i9q_16", l = {
+  container: t,
+  iconSlot: i,
+  title: o,
+  subTitle: c,
+  childrenBlock: n
+};
+export {
+  n as childrenBlock,
+  t as container,
+  l as default,
+  i as iconSlot,
+  c as subTitle,
+  o as title
+};

package/dist/components/Alert/assets/react-svg-icons.js

@@ -0,0 +1,100 @@
+import { jsx as C } from "react/jsx-runtime";
+const o = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9H12.01C12.5623 9 13.01 8.55228 13.01 8C13.01 7.44772 12.5623 7 12.01 7H12ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z"
+      }
+    )
+  }
+), n = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "23",
+    height: "22",
+    viewBox: "0 0 23 22",
+    fill: "none",
+    stroke: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        d: "M5.09436 10.2288C5.03221 9.82823 4.99996 9.41786 4.99996 9C4.99996 4.58172 8.60525 1 13.0526 1C17.4999 1 21.1052 4.58172 21.1052 9C21.1052 9.99807 20.9213 10.9535 20.5852 11.8345C20.5154 12.0175 20.4804 12.109 20.4646 12.1804C20.4489 12.2512 20.4428 12.301 20.4411 12.3735C20.4394 12.4466 20.4493 12.5272 20.4692 12.6883L20.8717 15.9585C20.9153 16.3125 20.9371 16.4895 20.8782 16.6182C20.8266 16.731 20.735 16.8205 20.6211 16.8695C20.4911 16.9254 20.3146 16.8995 19.9617 16.8478L16.7765 16.3809C16.6101 16.3565 16.527 16.3443 16.4512 16.3448C16.3763 16.3452 16.3245 16.3507 16.2511 16.3661C16.177 16.3817 16.0823 16.4172 15.893 16.4881C15.0097 16.819 14.0524 17 13.0526 17C12.6344 17 12.2237 16.9683 11.8227 16.9073M6.63158 21C9.59648 21 12 18.5376 12 15.5C12 12.4624 9.59648 10 6.63158 10C3.66668 10 1.26316 12.4624 1.26316 15.5C1.26316 16.1106 1.36028 16.6979 1.53955 17.2467C1.61533 17.4787 1.65322 17.5947 1.66566 17.6739C1.67864 17.7567 1.68091 17.8031 1.67608 17.8867C1.67145 17.9668 1.65141 18.0573 1.61134 18.2383L1 21L3.9948 20.591C4.15827 20.5687 4.24 20.5575 4.31137 20.558C4.38652 20.5585 4.42641 20.5626 4.50011 20.5773C4.5701 20.5912 4.67416 20.6279 4.88227 20.7014C5.43059 20.8949 6.01911 21 6.63158 21Z",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), t = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "22",
+    height: "22",
+    viewBox: "0 0 22 22",
+    fill: "currentColor",
+    stroke: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM16.2071 7.29289C16.5976 7.68342 16.5976 8.31658 16.2071 8.70711L10.2071 14.7071C9.81658 15.0976 9.18342 15.0976 8.79289 14.7071L5.79289 11.7071C5.40237 11.3166 5.40237 10.6834 5.79289 10.2929C6.18342 9.90237 6.81658 9.90237 7.20711 10.2929L9.5 12.5858L14.7929 7.29289C15.1834 6.90237 15.8166 6.90237 16.2071 7.29289Z"
+      }
+    )
+  }
+), l = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "22",
+    height: "22",
+    viewBox: "0 0 22 22",
+    fill: "currentColor",
+    stroke: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0ZM12 7C12 6.44772 11.5523 6 11 6C10.4477 6 10 6.44772 10 7V11C10 11.5523 10.4477 12 11 12C11.5523 12 12 11.5523 12 11V7ZM11 14C10.4477 14 10 14.4477 10 15C10 15.5523 10.4477 16 11 16H11.01C11.5623 16 12.01 15.5523 12.01 15C12.01 14.4477 11.5623 14 11.01 14H11Z"
+      }
+    )
+  }
+), i = () => /* @__PURE__ */ C(
+  "svg",
+  {
+    width: "22",
+    height: "20",
+    viewBox: "0 0 22 20",
+    fill: "currentColor",
+    stroke: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M9.556 0.392576C9.99433 0.136202 10.4918 0 11 0C11.5082 0 12.0057 0.136202 12.444 0.392576C12.882 0.648777 13.2446 1.01526 13.5002 1.45305L13.503 1.45776L21.6098 15.5175L21.6175 15.5312C21.8676 15.9811 21.9986 16.4885 22 17.0032C22.0014 17.5179 21.8731 18.026 21.6255 18.4773C21.3778 18.9288 21.018 19.3098 20.5781 19.5786C20.1379 19.8477 19.6345 19.994 19.1182 19.9999L19.1068 20.0001L2.88178 20C2.36548 19.9941 1.86205 19.8477 1.4219 19.5786C0.982049 19.3098 0.62222 18.9288 0.374484 18.4773C0.126864 18.026 -0.00137604 17.5179 1.1135e-05 17.0032C0.00139837 16.4885 0.132377 15.9811 0.382473 15.5312L0.390218 15.5175L8.49974 1.45305C8.75537 1.01525 9.11797 0.648777 9.556 0.392576ZM12 7.06811C12 6.51582 11.5523 6.06811 11 6.06811C10.4477 6.06811 10 6.51582 10 7.06811V11.0454C10 11.5977 10.4477 12.0454 11 12.0454C11.5523 12.0454 12 11.5977 12 11.0454V7.06811ZM11 14.0227C10.4477 14.0227 10 14.4704 10 15.0227C10 15.575 10.4477 16.0227 11 16.0227H11.0096C11.5619 16.0227 12.0096 15.575 12.0096 15.0227C12.0096 14.4704 11.5619 14.0227 11.0096 14.0227H11Z"
+      }
+    )
+  }
+);
+export {
+  i as AlertIcon,
+  l as AttentionIcon,
+  t as CheckIcon,
+  n as DialogIcon,
+  o as InfoIcon
+};

package/dist/components/Alert/lib/constants.js

@@ -0,0 +1,12 @@
+import { DialogIcon as o, AttentionIcon as c, AlertIcon as e, CheckIcon as r, InfoIcon as n } from "../assets/react-svg-icons.js";
+const i = {
+  avatar: { icon: null, colorScheme: "gray" },
+  info: { icon: n, colorScheme: "gray-tertiary" },
+  success: { icon: r, colorScheme: "green" },
+  warning: { icon: e, colorScheme: "yellow" },
+  error: { icon: c, colorScheme: "red" },
+  dialog: { icon: o, colorScheme: "blue" }
+};
+export {
+  i as ALERT_ICON_MAP
+};

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,103 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as M, useState as R, useEffect as T } from "react";
+import a from "./Avatar.module.css.js";
+import w from "../../styles/typography.module.css.js";
+import { placeholderSrcMap as D } from "./assets/index.js";
+import { clsx as j } from "clsx";
+import { getInitialsColor as F } from "./lib/get-initials-color.js";
+import { getAvatarBorderRadiusBySizeAndShape as q } from "./lib/get-avatar-border-radius-by-size-and-shape.js";
+import { getTypographyClassFromAvatarSize as G } from "./lib/get-typography-classes-from-avatar-size.js";
+import { getInitials as J } from "./lib/get-initials.js";
+const ta = M((g, u) => {
+  const {
+    style: y,
+    size: l = 40,
+    isLoading: n = !1,
+    isDisabled: d = !1,
+    shape: C = "circle",
+    variant: N = "filled",
+    placeholderType: S = "neutral",
+    name: c,
+    imgSrc: r,
+    imgAlt: o,
+    icon: s,
+    imgProps: e,
+    colorScheme: b,
+    className: x,
+    "data-testid": E,
+    ...k
+  } = g, { onClick: i, onPointerDown: A } = k, f = !d && !n && (!!i || !!A), [z, m] = R(!1);
+  T(() => {
+    r && m(!1);
+  }, [r]);
+  const v = r && !z ? "image" : s ? "icon" : c ? "name" : "placeholder", B = b || v === "name" && F(c) || "gray", I = G(l), L = q(l, C), $ = j(
+    x,
+    a.avatar,
+    a[`variant-${N}`],
+    a[`color-${B}`],
+    w[I],
+    {
+      [a.disabled]: d,
+      [a.loading]: n,
+      [a.clickable]: f
+    }
+  ), H = {
+    "--avatar-size": `${l}px`,
+    "--avatar-border-radius": `${L}px`,
+    ...y
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: u,
+      onClick: (p) => {
+        f && (i == null || i(p));
+      },
+      className: $,
+      style: H,
+      "data-testid": E,
+      "aria-disabled": d || n,
+      children: {
+        icon: () => /* @__PURE__ */ t("span", { "data-testid": "avatar-icon", title: o || void 0, role: "img", className: a.icon, children: s == null ? void 0 : s({}) }),
+        name: () => /* @__PURE__ */ t(
+          "span",
+          {
+            role: "textbox",
+            "data-testid": "avatar-name",
+            className: a.name,
+            title: o || void 0,
+            children: J(c || "")
+          }
+        ),
+        placeholder: () => /* @__PURE__ */ t(
+          "img",
+          {
+            ...e,
+            "data-testid": "avatar-placeholder",
+            className: a.image,
+            src: D[S],
+            alt: o || void 0
+          }
+        ),
+        image: () => /* @__PURE__ */ t(
+          "img",
+          {
+            "data-testid": "avatar-image",
+            ...e,
+            className: a.image,
+            src: r || void 0,
+            alt: o || void 0,
+            onLoad: () => m(!1),
+            onError: (p) => {
+              var h;
+              m(!0), (h = e == null ? void 0 : e.onError) == null || h.call(e, p);
+            }
+          }
+        )
+      }[v](null)
+    }
+  );
+});
+export {
+  ta as AvatarComponent
+};

package/dist/components/Avatar/Avatar.module.css.js

@@ -0,0 +1,33 @@
+import '../../assets/components/Avatar/Avatar.module-Dc67GPsp.css';const o = "_avatar_1dbju_18", _ = "_clickable_1dbju_40", l = "_icon_1dbju_57", r = "_disabled_1dbju_62", a = "_loading_1dbju_67", c = "_image_1dbju_73", d = "_name_1dbju_73", e = {
+  avatar: o,
+  clickable: _,
+  icon: l,
+  disabled: r,
+  loading: a,
+  image: c,
+  name: d,
+  "variant-filled": "_variant-filled_1dbju_125",
+  "color-brand": "_color-brand_1dbju_130",
+  "color-red": "_color-red_1dbju_134",
+  "color-orange": "_color-orange_1dbju_138",
+  "color-yellow": "_color-yellow_1dbju_142",
+  "color-green": "_color-green_1dbju_146",
+  "color-blue": "_color-blue_1dbju_150",
+  "color-lightblue": "_color-lightblue_1dbju_154",
+  "color-purple": "_color-purple_1dbju_158",
+  "color-gray": "_color-gray_1dbju_162",
+  "color-contrast": "_color-contrast_1dbju_166",
+  "variant-light": "_variant-light_1dbju_172",
+  "color-gray-tertiary": "_color-gray-tertiary_1dbju_236",
+  "variant-outline": "_variant-outline_1dbju_251"
+};
+export {
+  o as avatar,
+  _ as clickable,
+  e as default,
+  r as disabled,
+  l as icon,
+  c as image,
+  a as loading,
+  d as name
+};

package/dist/components/Avatar/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,30 @@
+import { jsxs as w, jsx as r } from "react/jsx-runtime";
+import { AvatarGroupRoot as m } from "./AvatarGroupRoot.js";
+import { AvatarGroupItem as t } from "./AvatarGroupItem.js";
+import { AvatarGroupOverflow as c } from "./AvatarGroupOverflow.js";
+import { generateHash as u } from "../../../lib/generate-hash.js";
+const G = (v) => {
+  const {
+    avatars: e = [],
+    size: i = 40,
+    overlap: f = 0.3,
+    shape: l = "circle",
+    overflowCount: a = 0,
+    overflowProps: A,
+    cutoutBackground: h
+  } = v;
+  return e.length === 0 ? null : /* @__PURE__ */ w(m, { size: i, overlap: f, shape: l, cutoutBackground: h, children: [
+    e.map((o, p) => {
+      const { wrapper: n, ...s } = o;
+      return n ? /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(t, { ...s }) }, u(o) + p) : /* @__PURE__ */ r(t, { ...s }, u(o) + p);
+    }),
+    a > 0 && /* @__PURE__ */ r(c, { count: a, ...A })
+  ] });
+}, I = Object.assign(G, {
+  Provider: m,
+  Item: t,
+  Overflow: c
+});
+export {
+  I as AvatarGroup
+};

package/dist/components/Avatar/AvatarGroup/AvatarGroup.module.css.js

@@ -0,0 +1,7 @@
+import '../../../assets/components/Avatar/AvatarGroup/AvatarGroup.module-BNpICeI6.css';const a = "_avatarGroup_157g4_1", r = {
+  avatarGroup: a
+};
+export {
+  a as avatarGroup,
+  r as default
+};

package/dist/components/Avatar/AvatarGroup/AvatarGroupItem.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { AvatarComponent as a } from "../Avatar.js";
+import { useAvatarGroupContext as i } from "./AvatarGroupProvider.js";
+const u = (t) => {
+  const { size: o, shape: e, marginRight: m } = i();
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      style: {
+        marginRight: m
+      },
+      children: /* @__PURE__ */ r(a, { size: o, shape: e, ...t })
+    }
+  );
+};
+export {
+  u as AvatarGroupItem
+};

package/dist/components/Avatar/AvatarGroup/AvatarGroupOverflow.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { AvatarComponent as m } from "../Avatar.js";
+import { useAvatarGroupContext as p } from "./AvatarGroupProvider.js";
+import { getOverflowCountText as s } from "../lib/get-overflow-count-text.js";
+const f = (t) => {
+  const { count: r, ...e } = t, { size: n, shape: a, marginRight: i } = p();
+  return r <= 0 ? null : /* @__PURE__ */ o("div", { style: { marginRight: i }, children: /* @__PURE__ */ o(
+    m,
+    {
+      size: n,
+      shape: a,
+      icon: () => s(r),
+      colorScheme: "gray",
+      variant: "light",
+      ...e
+    }
+  ) });
+};
+export {
+  f as AvatarGroupOverflow
+};

package/dist/components/Avatar/AvatarGroup/AvatarGroupProvider.js

@@ -0,0 +1,30 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useContext as v, createContext as p, useMemo as x } from "react";
+const s = p(void 0), P = () => {
+  const t = v(s);
+  if (!t)
+    throw new Error("useAvatarGroupContext must be used within AvatarGroup.Provider");
+  return t;
+}, A = 2, G = (t) => {
+  const {
+    children: u,
+    size: o = 40,
+    overlap: r = 0.3,
+    shape: e = "circle",
+    cutoutBackground: n
+  } = t, a = -(o * r) + A, c = x(
+    () => ({
+      size: o,
+      shape: e,
+      overlap: r,
+      marginRight: a,
+      cutoutBackground: n
+    }),
+    [o, e, r, a, n]
+  );
+  return /* @__PURE__ */ i(s.Provider, { value: c, children: u });
+};
+export {
+  G as AvatarGroupProvider,
+  P as useAvatarGroupContext
+};

package/dist/components/Avatar/AvatarGroup/AvatarGroupRoot.js

@@ -0,0 +1,32 @@
+import { jsx as r } from "react/jsx-runtime";
+import d from "classnames";
+import { useBackgroundColor as g } from "../../../hooks/useBackgroundColor.js";
+import v from "./AvatarGroup.module.css.js";
+import { AvatarGroupProvider as B } from "./AvatarGroupProvider.js";
+const G = (t) => {
+  const {
+    children: a,
+    size: s,
+    shape: c,
+    overlap: e,
+    cutoutBackground: u,
+    className: m,
+    style: n
+  } = t, { ref: p, bgColor: f } = g(), o = u || f || "#ffffff", l = d(v.avatarGroup, m), i = {
+    "--avatar-cutout-bg": o,
+    ...n
+  };
+  return /* @__PURE__ */ r(
+    B,
+    {
+      size: s,
+      shape: c,
+      overlap: e,
+      cutoutBackground: o,
+      children: /* @__PURE__ */ r("div", { className: l, ref: p, style: i, children: a })
+    }
+  );
+};
+export {
+  G as AvatarGroupRoot
+};

package/dist/components/Avatar/assets/index.js

@@ -0,0 +1,13 @@
+import r from "./placeholder.male.svg.js";
+import o from "./placeholder.female.svg.js";
+import m from "./placeholder.neutral.svg.js";
+import e from "./placeholder.org.svg.js";
+const l = {
+  male: r,
+  female: o,
+  org: e,
+  neutral: m
+};
+export {
+  l as placeholderSrcMap
+};

package/dist/components/Avatar/assets/placeholder.female.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20viewBox='0%200%20208%20208'%20opacity='0.9'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20filter='url(%23shadow)'%20d='M127.173%2079.8894C127.189%2079.1933%20128.026%2079.1201%20128.436%2079.4316C128.754%2079.6091%20128.895%2080.1021%20128.809%2080.5518C129.241%2083.1982%20129.581%2085.7106%20130.013%2088.357C136.835%2079.7558%20149.235%2076.9989%20158.979%2083.174C168.086%2088.9941%20171.001%20111.745%20135.501%20120.502C131.5%20123.502%20117%20125.002%20111.753%20103.279C111.682%2093.2427%20118.526%2084.529%20127.173%2079.8894Z'%20fill='darkgrey'/%3e%3cpath%20d='M28.0441%20167.788C21.826%20195.052%2018.7311%20223.361%2014.1881%20250.885C9.42226%20279.982%204.68042%20308.967%20-0.0853729%20338.064L-1.00047%20342.848C14.5039%20346.419%2030.8401%20350.407%2046.3671%20353.868C90.9428%20363.918%20134.837%20376.598%20179.293%20387.201C200.345%20337.142%20219.778%20286.027%20235.82%20234.041C243.806%20208.213%20244.758%20181.282%20225.443%20160.043C216.099%20149.841%20204.347%20143.858%20191.629%20140.212C188.924%20139.377%20186.108%20138.517%20183.355%20137.905C179.635%20136.959%20175.781%20136.1%20171.989%20135.487C167.45%20134.592%20162.753%20133.893%20158.277%20133.243L127.871%20128.671L116.251%20126.895C115.457%20126.833%20114.686%20126.662%20113.915%20126.49C102.87%20124.724%2091.7381%20122.824%2080.6188%20123.013C69.1682%20123.13%2056.9012%20125.964%2047.8363%20133.224C36.9821%20141.825%2031.1109%20154.087%2028.0441%20167.788Z'%20fill='darkgrey'/%3e%3cpath%20d='M103.74%20123.732L95.6984%20197.532C95.6984%20197.532%20137.13%20157.315%20158.742%20133.268C155.051%20132.316%20151.227%20131.449%20147.465%20130.831C142.962%20129.929%20138.302%20129.224%20133.861%20128.569L103.74%20123.732Z'%20fill='white'/%3e%3cpath%20d='M97.8143%20115.298C99.0227%20116.625%20108.229%20179.332%20108.229%20179.332L148.012%20142.157L129%20100L97.8143%20115.298Z'%20fill='white'/%3e%3cpath%20d='M101.71%20148.534C100.068%20137.868%2098.402%20127.706%2098.0001%20127.274L112.673%20122C113.831%20131.449%20108.467%20141.173%20101.71%20148.534Z'%20fill='grey'/%3e%3cpath%20d='M121.545%2040.7383C111.161%2030.599%2085.3871%2035.4814%2071.93%2046.2862C66.0912%2051.0172%2060.5415%2047.9025%2061.6427%2054.0842C64.3767%2069.3597%2074.0239%20120.283%2082.7631%20126.794C100.374%20139.728%20121.191%20125.699%20127.329%20107.658C133.554%2089.7517%20136.293%2055.2372%20121.545%2040.7383Z'%20fill='white'/%3e%3cpath%20d='M56.0176%2041.9837C61.9834%2036.7831%2074.9427%2037.4243%2081.3074%2039.639C95.1733%2033.9235%20112.672%2032.6801%20120.968%2040.1438C131.22%2049.4771%20133.446%2067.5345%20132.042%2083.8281C125.848%2083.0025%20122.779%2078.6471%20116.718%2075.0286C97.7466%2073.2611%2084.9353%2061.0313%2082.042%2054.2301C78.3492%2058.2067%2063.3398%2059.3993%2058.12%2055.1646C51.1278%2048.7596%2054.1283%2043.6248%2056.0176%2041.9837Z'%20fill='darkgrey'/%3e%3cpath%20d='M142.838%2074.8316C138.561%2067.841%20123.674%2066.785%20116.5%2075.5006C118.078%2084.3219%20121.503%2092.5524%20122.726%20101.41C127.77%20102.657%20137.388%20100.869%20141.908%2095.386C147.168%2089.1414%20147.462%2082.3637%20142.838%2074.8316Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='0'%20dy='0'%20stdDeviation='3'%20flood-color='rgba(0,0,0,0.3)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/components/Avatar/assets/placeholder.male.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMinYMin%20meet'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='shadowW'%20filterUnits='userSpaceOnUse'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='5'%20flood-color='rgba(0,0,0,0.5)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadowW)'%3e%3cpath%20d='M23.9835%20174.59L113.41%20157.735L225.224%20191.671C225.224%20191.671%20250.259%20479.463%20243.525%20478.31C236.655%20477.167%20-7.79434%20482.039%20-8.17876%20476.943C-8.56308%20471.849%20-34.4445%20341.701%20-34.4445%20341.701L23.9835%20174.59Z'%20fill='darkgrey'/%3e%3cpath%20d='M-54.5558%20212.781C-85.688%20282.842%20-94.2122%20303.839%20-94.2122%20303.839L-213.504%20213.002C-214.953%20197.465%20-218.637%20181.68%20-225.636%20167.806C-234.412%20150.606%20-246.154%20149.138%20-259.595%20136.166C-267.368%20128.583%20-275.073%20140.242%20-267.3%20147.825L-259.338%20156.087C-258.869%20160.482%20-255.518%20171.861%20-254.634%20176.226C-267.475%20165.702%20-284.704%20150.246%20-300.665%20144.25C-305.079%20142.644%20-308.958%20144.46%20-311.08%20147.528C-314.628%20148.211%20-317.292%20151.458%20-317.858%20154.963C-321.103%20157.839%20-322.625%20163.354%20-319.254%20167.67C-321.407%20170.323%20-322.376%20173.998%20-320.433%20177.728C-320.274%20177.993%20-320.127%20178.12%20-320.106%20178.395C-320.997%20179.432%20-319.498%20182.78%20-320.337%20184.506C-324.035%20192.401%20-309.357%20221.757%20-285.221%20235.167C-277.291%20250.355%20-262.477%20259.485%20-261.354%20259.677C-234.512%20290.608%20-141.301%20400.999%20-97.2451%20436.169C-47.2868%20476.158%20-12.9855%20418.735%2010.6424%20317.115C34.2598%20215.358%2037.6457%20181.315%2037.6457%20181.315L116.374%20158.482C14.4423%20160.079%20-23.2964%20142.572%20-54.5558%20212.781Z'%20fill='darkgrey'/%3e%3cpath%20d='M116.781%20158.313L114.885%20158.871L61.4974%20174.391L38.0516%20181.145C38.0516%20181.145%2034.6758%20215.325%2011.0481%20316.945C9.47097%20323.572%207.88344%20330.061%206.27525%20336.275C-22.5942%20315.191%20-52.217%20295.131%20-82.0946%20275.368C-75.9632%20261.197%20-67.1116%20240.867%20-54.4359%20212.493C-30.4015%20158.477%20-2.57835%20156.516%2055.793%20157.512C72.5674%20157.77%2091.7239%20158.403%20114.133%20158.096C114.98%20158.309%20115.807%20158.247%20116.781%20158.313Z'%20fill='darkgrey'/%3e%3cpath%20d='M113.269%20157.745C175.26%20159.023%20252.771%20143.897%20266.382%20199.504C279.867%20255.26%20288.576%20280.774%20295.899%20320.932C303.221%20361.091%20322.043%20408.689%20271.897%20417.595C221.75%20426.502%20106.238%20444.495%20106.238%20444.495L78.8767%20384.662C78.8767%20384.662%20170.648%20343.813%20200.242%20332.303L185.17%20211.448L113.269%20157.745Z'%20fill='darkgrey'/%3e%3cpath%20d='M292.122%20302.108C260.506%20305.187%20228.942%20308.953%20198.219%20316.533L185.178%20211.585L140.855%20178.374L114.874%20158.871L114.144%20158.372L113.266%20157.746C127.138%20158.084%20141.774%20157.534%20156.283%20157.131C206.726%20155.818%20255.78%20156.271%20266.252%20199.654C277.643%20246.012%20285.665%20271.578%20292.122%20302.108Z'%20fill='darkgrey'/%3e%3cpath%20d='M108.001%20172.269C119.623%20168.485%20130.939%20164.308%20142.395%20160.12L112.224%20101.608L68.8441%20124.959C69.7222%20125.585%2079.0944%20154.372%2086.547%20177.904C93.7406%20175.977%20100.965%20174.463%20108.001%20172.269Z'%20fill='white'/%3e%3cpath%20d='M99.3655%20112.96C99.0934%20111.18%2098.8213%20109.401%2098.2722%20107.642L68.9864%20125.083C69.5682%20125.455%2073.8492%20138.148%2078.7406%20153.426C89.4856%20141.676%2097.5757%20127.773%2099.3655%20112.96Z'%20fill='darkgrey'/%3e%3cpath%20d='M144.524%2069.1209C143.075%2053.5829%20118.601%2039.3668%2099.9856%2038.5556C91.9262%2038.1943%2089.5107%2031.8684%2086.0605%2037.5291C77.5782%2051.7392%2049.6837%2094.9694%2052.2654%20110.837C56.0862%20133.951%2084.5691%20137.063%20102.228%20127.008C120.022%20116.942%20146.6%2091.1195%20144.524%2069.1209Z'%20fill='white'/%3e%3cpath%20d='M145.753%2072.4915C147.93%2068.3116%20146.317%2063.4483%20142.804%2060.944C142.656%2060.8166%20142.656%2060.8166%20142.507%2060.6894C143.028%2052.8957%20136.915%2047.1257%20129.979%2046.9567C129.007%2045.0914%20127.379%2043.691%20125.24%2042.883C124.903%2042.0778%20124.575%2041.4101%20123.982%2040.9009C122.651%2039.7551%20121.095%2039.3187%20119.441%2039.4435C118.081%2036.0843%20115.925%2033.2005%20112.495%2031.7977C110.348%2030.8519%20108.027%2031.304%20106.311%2032.4027C102.006%2028.5734%2096.789%2025.5051%2091.8112%2025.6038C89.736%2025.6218%2085.678%2026.8973%2084.2724%2032.1268C82.1968%2032.1449%2080.3522%2033.3917%2079.5546%2035.6676C78.427%2039.0759%2080.339%2042.3935%2083.1109%2044.2613C84.719%2045.3863%2086.9841%2046.0462%2089.0391%2045.7526C95.9026%2052.2969%20114.028%2063.1149%20118.148%2062.6657C115.532%2070.202%20113.218%2087.2698%20122.007%2088.1299C124.21%2095.3028%20116.99%20107.894%20121.368%20112.688C129.639%20104.863%20137.246%2095.5655%20141.359%2085.8391C141.496%2085.8288%20141.772%2085.808%20142.047%2085.7872C148.14%2083.9429%20149.527%2076.6377%20145.753%2072.4915Z'%20fill='darkgrey'/%3e%3cpath%20d='M140.151%20104.76C141.594%2096.3432%20132.67%2086.3542%20121.049%2088.3387C116.251%2096.3166%20111.305%20104.167%20106.21%20111.89C109.317%20116.364%20118.141%20121.376%20125.535%20120.264C133.872%20118.804%20138.613%20113.738%20140.151%20104.76Z'%20fill='white'/%3e%3cpath%20d='M156.755%20156.883C153.217%20165.043%20147.805%20172.237%20141.188%20178.136C133.925%20184.639%20125.011%20189.465%20114.809%20191.896C95.2214%20196.558%2072.2825%20189.842%2061.6836%20174.164C58.5559%20169.414%2056.4778%20163.894%2056%20157.561C72.7744%20157.818%2091.9311%20158.451%20114.34%20158.144L113.462%20157.519C127.463%20157.709%20142.098%20157.159%20156.755%20156.883Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/components/Avatar/assets/placeholder.neutral.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cmask%20id='hole'%3e%3crect%20width='100%25'%20height='100%25'%20fill='white'/%3e%3ccircle%20cx='121.333'%20cy='121.333'%20r='52'%20fill='black'/%3e%3c/mask%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='10'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='darkgray'/%3e%3ccircle%20cx='104'%20cy='225.333'%20r='95.3333'%20fill='white'%20mask='url(%23hole)'/%3e%3ccircle%20cx='104'%20cy='86.6666'%20r='52'%20fill='white'/%3e%3c/g%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/components/Avatar/assets/placeholder.org.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20opacity='0.9'%20viewBox='0%200%20208%20208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23shadow)'%3e%3cpath%20d='M168%20208V118.053C168%20113.824%20165.34%20110.052%20161.356%20108.633L134%2098.885V208H168Z'%20fill='darkgrey'/%3e%3cpath%20d='M40%2072.3726C40%2070.7381%2040.9944%2069.268%2042.5116%2068.6598L111.951%2040.8215C113.226%2040.3102%20114.675%2040.4893%20115.787%2041.2958L129.87%2051.5056C132.464%2053.3866%20134%2056.397%20134%2059.6017V208H40V72.3726Z'%20fill='white'/%3e%3cpath%20d='M114%2047.5001L126.325%2056.3036C127.376%2057.0544%20128%2058.2667%20128%2059.5585V208H114V47.5001Z'%20fill='darkgrey'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='shadow'%3e%3cfeDropShadow%20dx='-2'%20dy='-1'%20stdDeviation='7'%20flood-color='rgba(0,0,0,0.2)'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/components/Avatar/index.js

@@ -0,0 +1,8 @@
+import { AvatarGroup as o } from "./AvatarGroup/AvatarGroup.js";
+import { AvatarComponent as r } from "./Avatar.js";
+const p = Object.assign(r, {
+  Group: o
+});
+export {
+  p as Avatar
+};

package/dist/components/Avatar/lib/get-avatar-border-radius-by-size-and-shape.js

@@ -0,0 +1,17 @@
+const a = {
+  24: 8,
+  32: 12,
+  40: 12,
+  44: 12,
+  48: 12,
+  56: 16,
+  84: 24,
+  96: 24,
+  208: 8
+};
+function t(r, e) {
+  return e === "circle" ? r / 2 : a[r] || 12;
+}
+export {
+  t as getAvatarBorderRadiusBySizeAndShape
+};

package/dist/components/Avatar/lib/get-initials-color.js

@@ -0,0 +1,18 @@
+import { generateHash as o } from "../../../lib/generate-hash.js";
+const l = [
+  "red",
+  "orange",
+  "yellow",
+  "green",
+  "blue",
+  "lightblue",
+  "purple"
+];
+function g(e, t = l) {
+  if (!e) return "gray";
+  const r = o(e), n = Math.abs(r) % t.length;
+  return t[n];
+}
+export {
+  g as getInitialsColor
+};

package/dist/components/Avatar/lib/get-initials.js

@@ -0,0 +1,8 @@
+function r(t) {
+  if (!t) return "";
+  const e = t.trim().split(/\s+/);
+  return e.length === 1 ? t.slice(0, 2).toUpperCase() : e.map((i) => i[0]).slice(0, 2).join("").toUpperCase();
+}
+export {
+  r as getInitials
+};

package/dist/components/Avatar/lib/get-overflow-count-text.js

@@ -0,0 +1,6 @@
+function t(O) {
+  return O < 99 ? `+${O}` : "99+";
+}
+export {
+  t as getOverflowCountText
+};

package/dist/components/Avatar/lib/get-typography-classes-from-avatar-size.js

@@ -0,0 +1,17 @@
+const o = {
+  24: "typography-subtitle-4-semibold",
+  32: "typography-subtitle-2-semibold",
+  40: "typography-subtitle-1-semibold",
+  44: "typography-subtitle-1-semibold",
+  48: "typography-subtitle-1-semibold",
+  56: "typography-subtitle-1-semibold",
+  84: "typography-title-3-semibold",
+  96: "typography-title-3-semibold",
+  208: "typography-title-1-semibold"
+};
+function e(t) {
+  return o[t] || "typography-subtitle-1-semibold";
+}
+export {
+  e as getTypographyClassFromAvatarSize
+};