npm - @televet/kibble-ui - Versions diffs - 4.0.0-beta.9 → 4.0.0-beta.91 - Mend

@televet/kibble-ui 4.0.0-beta.9 → 4.0.0-beta.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1317) hide show

package/dist/chunks/avatar.component-CV_95YCj.js ADDED Viewed

@@ -0,0 +1,394 @@
+import { j as s } from "./jsx-runtime-C5mzlN2N.js";
+import H, { forwardRef as c, useId as V, useMemo as f, useCallback as W, useState as $ } from "react";
+import { T as G } from "./tooltip.component-Cr_en1NQ.js";
+import { I as v } from "./icon.component-DszmCnE4.js";
+import { F as C } from "./float-DYLtz2A6.js";
+import { b as E } from "./config-DlTdf-Yt.js";
+import { u as Z } from "./use-recipe-d63ABaZ3.js";
+import { F as L } from "./flex-smlF8uQG.js";
+import { B as O } from "./box-Ck9I7FYv.js";
+import { c as k, a as T } from "./factory-Ctbv0Ozn.js";
+import { c as X } from "./create-slot-recipe-context-BJmsuxih.js";
+import { u as q } from "./use-slot-recipe-DhtQ1j_5.js";
+import { G as D } from "./group-DPCVolOl.js";
+import { c as J, f as m, i as K, j as Q, k as U, n as Y, a as A } from "./use-locale-context-BiiNTYMT.js";
+import { m as aa, c as ta } from "./index-CJLttzPM.js";
+import { a1 as x } from "./index-YtNA0Ueo.js";
+const [j, w] = J({
+  name: "AvatarContext",
+  hookName: "useAvatarContext",
+  providerName: "<AvatarProvider />"
+}), P = c((e, a) => {
+  const r = w(), t = x(r.getFallbackProps(), e);
+  return /* @__PURE__ */ s.jsx(m.span, { ...t, ref: a });
+});
+P.displayName = "AvatarFallback";
+const I = c((e, a) => {
+  const r = w(), t = x(r.getImageProps(), e);
+  return /* @__PURE__ */ s.jsx(m.img, { ...t, ref: a });
+});
+I.displayName = "AvatarImage";
+const ea = (e) => {
+  const a = V(), { getRootNode: r } = K(), { dir: t } = Q(), o = {
+    id: a,
+    dir: t,
+    getRootNode: r,
+    ...e
+  }, n = U(aa, o);
+  return ta(n, Y);
+}, R = c((e, a) => {
+  const [r, t] = A()(e, ["id", "ids", "onStatusChange"]), o = ea(r), n = x(o.getRootProps(), t);
+  return /* @__PURE__ */ s.jsx(j, { value: o, children: /* @__PURE__ */ s.jsx(m.div, { ...n, ref: a }) });
+});
+R.displayName = "AvatarRoot";
+const S = c((e, a) => {
+  const [{ value: r }, t] = A()(e, ["value"]), o = x(r.getRootProps(), t);
+  return /* @__PURE__ */ s.jsx(j, { value: r, children: /* @__PURE__ */ s.jsx(m.div, { ...o, ref: a }) });
+});
+S.displayName = "AvatarRootProvider";
+const {
+  withProvider: y,
+  withContext: ra,
+  useStyles: sa,
+  useClassNames: oa,
+  PropsProvider: na
+} = X({ key: "avatar" });
+y(S, "root", { forwardAsChild: !0 });
+const ca = y(
+  R,
+  "root",
+  { forwardAsChild: !0 }
+), la = k(P, {}, { forwardAsChild: !0 });
+function ia(e) {
+  return e.children || e.asChild ? e.children : e.name ? da(e.name) : /* @__PURE__ */ s.jsx(xa, {});
+}
+function da(e) {
+  const a = e.trim().split(" "), r = a[0] != null ? a[0] : "", t = a.length > 1 ? a[a.length - 1] : "";
+  return r && t ? `${r.charAt(0)}${t.charAt(0)}` : r.charAt(0);
+}
+const ua = c(
+  function(a, r) {
+    const t = sa(), o = oa(), { name: n, ...i } = a;
+    return /* @__PURE__ */ s.jsx(
+      la,
+      {
+        ref: r,
+        ...i,
+        className: T(a.className, o.fallback),
+        css: [t.fallback, a.css],
+        children: ia(a)
+      }
+    );
+  }
+), ma = ra(
+  I,
+  "image",
+  {
+    forwardAsChild: !0,
+    defaultProps: {
+      draggable: "false",
+      referrerPolicy: "no-referrer"
+    }
+  }
+), xa = c(
+  function(a, r) {
+    return /* @__PURE__ */ s.jsx(
+      k.svg,
+      {
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0",
+        viewBox: "0 0 24 24",
+        height: "1.2em",
+        width: "1.2em",
+        ref: r,
+        ...a,
+        children: /* @__PURE__ */ s.jsx("path", { d: "M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" })
+      }
+    );
+  }
+), Va = c(
+  function(a, r) {
+    const t = q({ key: "avatar" }), [o, n] = f(
+      () => t.splitVariantProps(a),
+      [a, t]
+    );
+    return /* @__PURE__ */ s.jsx(na, { value: o, children: /* @__PURE__ */ s.jsx(D, { gap: "0", spaceX: "-3", ref: r, ...n }) });
+  }
+), ga = ({
+  avatarSize: e,
+  onRemove: a,
+  isBeingHovered: r,
+  setIsBeingHovered: t
+}) => {
+  const o = W(
+    (n) => {
+      n.stopPropagation(), a && a(n);
+    },
+    [a]
+  );
+  return /* @__PURE__ */ s.jsx(
+    C,
+    {
+      className: "Avatar__RemoveButton",
+      "data-testid": "kibble-avatar-remove-button",
+      backgroundColor: "background",
+      borderRadius: "full",
+      cursor: "pointer",
+      display: "none",
+      h: 4,
+      onClick: o,
+      onMouseEnter: () => t(!0),
+      onMouseLeave: () => t(!1),
+      w: 4,
+      zIndex: "tooltip",
+      offset: e === "xl" ? 2 : 0.5,
+      _groupHover: {
+        display: "flex"
+      },
+      children: /* @__PURE__ */ s.jsx(v, { variant: "default", name: "closeCircleSolid", size: r ? "sm" : "xs" })
+    }
+  );
+}, B = ({ currentSize: e, larger: a = !0, delta: r = 1 }) => {
+  let t;
+  switch (e) {
+    case "xs":
+      t = a ? "sm" : "xs";
+      break;
+    case "sm":
+      t = a ? "md" : "xs";
+      break;
+    case "md":
+      t = a ? "lg" : "sm";
+      break;
+    case "lg":
+      t = a ? "xl" : "md";
+      break;
+    case "xl":
+      t = a ? "2xl" : "lg";
+      break;
+    case "2xl":
+      t = a ? "2xl" : "xl";
+      break;
+    default:
+      t = e;
+      break;
+  }
+  return r > 1 && (t = B({
+    currentSize: t,
+    larger: a,
+    delta: r - 1
+  })), t;
+}, fa = {
+  info: {
+    bgColor: "background.info"
+  },
+  default: {
+    bgColor: "background.subtle.less"
+  },
+  error: {
+    bgColor: "background.danger"
+  },
+  success: {
+    bgColor: "background.success"
+  },
+  warning: {
+    bgColor: "background.warning"
+  }
+}, va = {
+  xs: {
+    boxSize: "10px"
+  },
+  sm: {
+    boxSize: "18px"
+  },
+  md: {
+    boxSize: "18px"
+  },
+  lg: {
+    boxSize: "18px"
+  },
+  xl: {
+    borderWidth: "2px",
+    boxSize: "24px"
+  }
+}, ba = E({
+  base: {
+    alignItems: "center",
+    borderColor: "border.strong.contrast",
+    borderRadius: "full",
+    borderWidth: "1px",
+    justifyContent: "center"
+  },
+  variants: {
+    size: va,
+    status: fa,
+    withIcon: {
+      true: {},
+      false: {}
+    }
+  },
+  defaultVariants: {
+    status: "info"
+  },
+  compoundVariants: [
+    {
+      withIcon: !1,
+      status: "info",
+      css: {
+        bgColor: "background.secondary"
+      }
+    },
+    {
+      withIcon: !1,
+      status: "default",
+      css: {
+        bgColor: "background.contrast"
+      }
+    },
+    {
+      withIcon: !1,
+      status: "error",
+      css: {
+        bgColor: "background.destructive"
+      }
+    },
+    {
+      withIcon: !1,
+      status: "success",
+      css: {
+        bgColor: "background.success.contrast"
+      }
+    },
+    {
+      withIcon: !1,
+      status: "warning",
+      css: {
+        bgColor: "background.warning.contrast"
+      }
+    },
+    {
+      withIcon: !1,
+      size: ["sm", "md", "lg"],
+      css: {
+        boxSize: "12px"
+      }
+    },
+    {
+      withIcon: !1,
+      size: "xl",
+      css: {
+        borderWidth: "2px",
+        boxSize: "16px"
+      }
+    }
+  ]
+}), pa = {
+  xs: 0.5,
+  sm: 0.5,
+  md: 0.5,
+  lg: 0.5,
+  xl: 2
+}, ha = {
+  xs: 0.5,
+  sm: 0.5,
+  md: 1,
+  lg: 1,
+  xl: 2
+}, Ca = ({
+  avatarSize: e = "md",
+  iconName: a,
+  position: r = "bottom-end",
+  status: t = "info",
+  ...o
+}) => {
+  const i = Z({ recipe: ba })({ status: t, size: e, withIcon: !!a }), d = f(() => e === "xs" || !a, [a, e]), g = f(() => d ? ha : pa, [d]);
+  return /* @__PURE__ */ s.jsx(
+    C,
+    {
+      className: "Avatar__BadgeWrapper",
+      "data-testid": "kibble-avatar-badge-wrapper",
+      offset: g[e],
+      placement: r,
+      children: /* @__PURE__ */ s.jsx(L, { className: "Avatar__Badge", "data-testid": "kibble-avatar-badge", css: i, ...o, children: !d && a && /* @__PURE__ */ s.jsx(
+        v,
+        {
+          name: a,
+          variant: t !== "error" ? t : "danger",
+          size: e === "xl" ? "sm" : "xs"
+        }
+      ) })
+    }
+  );
+}, Wa = ({
+  badgeProps: e,
+  hideBorder: a,
+  iconName: r,
+  name: t = "",
+  onClick: o,
+  onRemove: n,
+  showBadge: i,
+  showRemoveButton: d,
+  showTooltip: g = !0,
+  size: l = "md",
+  src: b,
+  tooltipProps: u,
+  variant: z = "default",
+  webpSrc: p,
+  ...N
+}) => {
+  const [h, F] = $(!1), _ = g && !h ? ({ children: M }) => /* @__PURE__ */ s.jsx(
+    G,
+    {
+      "data-testid": "kibble-avatar-tooltip",
+      ...u,
+      label: u?.label || t,
+      disabled: !t && !u?.label,
+      placement: u?.placement || "bottom",
+      children: /* @__PURE__ */ s.jsx(O, { children: M })
+    }
+  ) : H.Fragment;
+  return /* @__PURE__ */ s.jsx(_, { children: /* @__PURE__ */ s.jsxs(
+    ca,
+    {
+      className: "Avatar group",
+      "data-testid": "kibble-avatar",
+      variant: z,
+      size: l,
+      interactive: !!o,
+      hideBorder: a,
+      onClick: o,
+      ...N,
+      children: [
+        /* @__PURE__ */ s.jsx(ua, { name: t, children: r && /* @__PURE__ */ s.jsx(
+          v,
+          {
+            name: r,
+            mt: "-1px",
+            size: l === "lg" ? "lg" : B({
+              currentSize: l,
+              larger: !0,
+              delta: 1
+            })
+          }
+        ) }),
+        i && /* @__PURE__ */ s.jsx(Ca, { avatarSize: l, ...e }),
+        (p || b) && /* @__PURE__ */ s.jsx(ma, { src: b, srcSet: p }),
+        d && l !== "xs" && /* @__PURE__ */ s.jsx(
+          ga,
+          {
+            avatarSize: l,
+            onRemove: n,
+            isBeingHovered: h,
+            setIsBeingHovered: F
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Wa as A,
+  Va as a
+};
+//# sourceMappingURL=avatar.component-CV_95YCj.js.map

package/dist/chunks/avatar.component-CV_95YCj.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.component-CV_95YCj.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n name: \"AvatarContext\",\n hookName: \"useAvatarContext\",\n providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getImageProps(), props);\n return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const context = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(avatar.machine, context);\n return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n const avatar = useAvatar(useAvatarProps);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useAvatarStyles,\n useClassNames,\n PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n Avatar.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n if (props.children || props.asChild) return props.children;\n if (props.name) return getInitials(props.name);\n return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n const names = name.trim().split(\" \");\n const firstName = names[0] != null ? names[0] : \"\";\n const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n function AvatarFallback2(props, ref) {\n const styles = useAvatarStyles();\n const classNames = useClassNames();\n const { name: _, ...rest } = props;\n return /* @__PURE__ */ jsx(\n StyledFallback,\n {\n ref,\n ...rest,\n className: cx(props.className, classNames.fallback),\n css: [styles.fallback, props.css],\n children: getFallbackChildren(props)\n }\n );\n }\n);\nconst AvatarImage = withContext(\n Avatar.Image,\n \"image\",\n {\n forwardAsChild: true,\n defaultProps: {\n draggable: \"false\",\n referrerPolicy: \"no-referrer\"\n }\n }\n);\nconst AvatarIcon = forwardRef(\n function AvatarIcon2(props, ref) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n stroke: \"currentColor\",\n fill: \"currentColor\",\n strokeWidth: \"0\",\n viewBox: \"0 0 24 24\",\n height: \"1.2em\",\n width: \"1.2em\",\n ref,\n ...props,\n children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n }\n );\n }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n function AvatarGroup2(props, ref) {\n const recipe = useSlotRecipe({ key: \"avatar\" });\n const [variantProps, localProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","import React, { useCallback, MouseEvent, Dispatch, SetStateAction } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n onRemove?: React.MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n avatarSize,\n onRemove,\n isBeingHovered,\n setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (onRemove) {\n onRemove(e);\n }\n },\n [onRemove],\n );\n\n return (\n <Float\n className=\"Avatar__RemoveButton\"\n data-testid=\"kibble-avatar-remove-button\"\n backgroundColor=\"background\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n display=\"none\"\n h={4}\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n onMouseLeave={(): void => setIsBeingHovered(false)}\n w={4}\n zIndex=\"tooltip\"\n offset={avatarSize === 'xl' ? 2 : 0.5}\n _groupHover={{\n display: 'flex',\n }}\n >\n <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n </Float>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize | AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({\n currentSize: nextSize,\n larger,\n delta: delta - 1,\n });\n }\n\n return nextSize;\n};\n","import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { Status } from 'shared/types/status';\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n info: {\n bgColor: 'background.info',\n },\n default: {\n bgColor: 'background.subtle.less',\n },\n error: {\n bgColor: 'background.danger',\n },\n success: {\n bgColor: 'background.success',\n },\n warning: {\n bgColor: 'background.warning',\n },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n xs: {\n boxSize: '10px',\n },\n sm: {\n boxSize: '18px',\n },\n md: {\n boxSize: '18px',\n },\n lg: {\n boxSize: '18px',\n },\n xl: {\n borderWidth: '2px',\n boxSize: '24px',\n },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n base: {\n alignItems: 'center',\n borderColor: 'border.strong.contrast',\n borderRadius: 'full',\n borderWidth: '1px',\n justifyContent: 'center',\n },\n variants: {\n size: avatarBadgeSizeStyles,\n status: avatarBadgeStatusStyles,\n withIcon: {\n true: {},\n false: {},\n },\n },\n defaultVariants: {\n status: 'info',\n },\n compoundVariants: [\n {\n withIcon: false,\n status: 'info',\n css: {\n bgColor: 'background.secondary',\n },\n },\n {\n withIcon: false,\n status: 'default',\n css: {\n bgColor: 'background.contrast',\n },\n },\n {\n withIcon: false,\n status: 'error',\n css: {\n bgColor: 'background.destructive',\n },\n },\n {\n withIcon: false,\n status: 'success',\n css: {\n bgColor: 'background.success.contrast',\n },\n },\n {\n withIcon: false,\n status: 'warning',\n css: {\n bgColor: 'background.warning.contrast',\n },\n },\n {\n withIcon: false,\n size: ['sm', 'md', 'lg'],\n css: {\n boxSize: '12px',\n },\n },\n {\n withIcon: false,\n size: 'xl',\n css: {\n borderWidth: '2px',\n boxSize: '16px',\n },\n },\n ],\n});\n","import { AvatarSize } from 'components/Avatar/avatar.types';\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 0.5,\n lg: 0.5,\n xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 1,\n lg: 1,\n xl: 2,\n};\n","import React, { useMemo } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon, IconName } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { ConditionalValue, useRecipe } from '@chakra-ui/react/styled-system';\nimport { AvatarBadgePosition } from './avatarBadge.types';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { avatarBadgeRecipe } from './avatarBadge.recipe';\nimport { Status } from 'shared/types/status';\nimport { badgeOffsetMap, iconBadgeOffsetMap } from './avatarBadge.records';\n\nexport interface AvatarBadgeProps extends FlexProps {\n iconName?: IconName;\n position?: ConditionalValue<AvatarBadgePosition>;\n status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize = 'md',\n iconName,\n position = 'bottom-end',\n status = 'info',\n ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, avatarSize]);\n const offsetRecord = useMemo(() => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap), [useSmallBadge]);\n\n return (\n <Float\n className=\"Avatar__BadgeWrapper\"\n data-testid=\"kibble-avatar-badge-wrapper\"\n offset={offsetRecord[avatarSize]}\n placement={position}\n >\n <Flex className=\"Avatar__Badge\" data-testid=\"kibble-avatar-badge\" css={styles} {...rest}>\n {!useSmallBadge && iconName && (\n <Icon\n name={iconName}\n variant={status !== 'error' ? (status as TypographyVariant) : 'danger'}\n size={avatarSize === 'xl' ? 'sm' : 'xs'}\n />\n )}\n </Flex>\n </Float>\n );\n};\n","import React, { useState } from 'react';\nimport { Avatar as CAvatar } from '@chakra-ui/react/avatar';\nimport { Tooltip, TooltipProps } from 'components/Tooltip/tooltip.component';\nimport { Icon, IconName } from 'components/Icon';\nimport AvatarRemoveButton from './components/AvatarRemoveButton/avatarRemoveButton.component';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { Box } from '@chakra-ui/react/box';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\n\nexport interface AvatarProps extends CAvatar.RootProps {\n badgeProps?: AvatarBadgeProps;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipProps?: TooltipProps;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nexport const Avatar = ({\n badgeProps,\n hideBorder,\n iconName,\n name = '',\n onClick,\n onRemove,\n showBadge,\n showRemoveButton,\n showTooltip = true,\n size = 'md',\n src,\n tooltipProps,\n variant = 'default',\n webpSrc,\n ...rest\n}: AvatarProps): React.JSX.Element => {\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const AvatarWrapper: React.FC<AvatarProps> =\n showTooltip && !isHoveringRemoveButton\n ? ({ children }): React.JSX.Element => {\n return (\n <Tooltip\n data-testid=\"kibble-avatar-tooltip\"\n {...tooltipProps}\n label={tooltipProps?.label || name}\n disabled={!name && !tooltipProps?.label}\n placement={tooltipProps?.placement || 'bottom'}\n >\n <Box>{children}</Box>\n </Tooltip>\n );\n }\n : React.Fragment;\n\n return (\n <AvatarWrapper>\n <CAvatar.Root\n className=\"Avatar group\"\n data-testid=\"kibble-avatar\"\n variant={variant}\n size={size}\n interactive={!!onClick}\n hideBorder={hideBorder}\n onClick={onClick}\n {...rest}\n >\n <CAvatar.Fallback name={name}>\n {iconName && (\n <Icon\n name={iconName}\n mt=\"-1px\"\n size={\n size === 'lg'\n ? 'lg'\n : getNextIconSize({\n currentSize: size,\n larger: true,\n delta: 1,\n })\n }\n />\n )}\n </CAvatar.Fallback>\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n {showRemoveButton && size !== 'xs' && (\n <AvatarRemoveButton\n avatarSize={size}\n onRemove={onRemove}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n </CAvatar.Root>\n </AvatarWrapper>\n );\n};\n"],"names":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","Avatar","badgeProps","hideBorder","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/avatar.component-SZi87lRl.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const a=require("./jsx-runtime-BjDatQAs.js"),n=require("react"),N=require("./tooltip.component-CIUcGhxw.js"),g=require("./icon.component-aJ690VpJ.js"),h=require("./float-OQXnYWBw.js"),M=require("./config-BFcXpdZo.js"),F=require("./use-recipe-DaPWl_pL.js"),H=require("./flex-D14H6HbP.js"),V=require("./box-Baq7UBls.js"),f=require("./factory-D6tdBUPG.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),$=require("./use-slot-recipe-8liupslO.js"),G=require("./group-Cv7AQw1b.js"),i=require("./use-locale-context-D0LByRu9.js"),j=require("./index-DOXzraja.js"),m=require("./index-CHIISuTq.js"),L=r=>r&&r.__esModule?r:{default:r},Z=L(n),[C,k]=i.createContext({name:"AvatarContext",hookName:"useAvatarContext",providerName:"<AvatarProvider />"}),A=n.forwardRef((r,e)=>{const s=k(),t=m.mergeProps(s.getFallbackProps(),r);return a.jsxRuntimeExports.jsx(i.ark.span,{...t,ref:e})});A.displayName="AvatarFallback";const w=n.forwardRef((r,e)=>{const s=k(),t=m.mergeProps(s.getImageProps(),r);return a.jsxRuntimeExports.jsx(i.ark.img,{...t,ref:e})});w.displayName="AvatarImage";const O=r=>{const e=n.useId(),{getRootNode:s}=i.useEnvironmentContext(),{dir:t}=i.useLocaleContext(),o={id:e,dir:t,getRootNode:s,...r},c=i.useMachine(j.machine,o);return j.connect(c,i.normalizeProps)},E=n.forwardRef((r,e)=>{const[s,t]=i.createSplitProps()(r,["id","ids","onStatusChange"]),o=O(s),c=m.mergeProps(o.getRootProps(),t);return a.jsxRuntimeExports.jsx(C,{value:o,children:a.jsxRuntimeExports.jsx(i.ark.div,{...c,ref:e})})});E.displayName="AvatarRoot";const P=n.forwardRef((r,e)=>{const[{value:s},t]=i.createSplitProps()(r,["value"]),o=m.mergeProps(s.getRootProps(),t);return a.jsxRuntimeExports.jsx(C,{value:s,children:a.jsxRuntimeExports.jsx(i.ark.div,{...o,ref:e})})});P.displayName="AvatarRootProvider";const{withProvider:S,withContext:D,useStyles:T,useClassNames:X,PropsProvider:J}=W.createSlotRecipeContext({key:"avatar"});S(P,"root",{forwardAsChild:!0});const K=S(E,"root",{forwardAsChild:!0}),Q=f.chakra(A,{},{forwardAsChild:!0});function U(r){return r.children\|\|r.asChild?r.children:r.name?Y(r.name):a.jsxRuntimeExports.jsx(re,{})}function Y(r){const e=r.trim().split(" "),s=e[0]!=null?e[0]:"",t=e.length>1?e[e.length-1]:"";return s&&t?`${s.charAt(0)}${t.charAt(0)}`:s.charAt(0)}const ee=n.forwardRef(function(e,s){const t=T(),o=X(),{name:c,...u}=e;return a.jsxRuntimeExports.jsx(Q,{ref:s,...u,className:f.cx(e.className,o.fallback),css:[t.fallback,e.css],children:U(e)})}),te=D(w,"image",{forwardAsChild:!0,defaultProps:{draggable:"false",referrerPolicy:"no-referrer"}}),re=n.forwardRef(function(e,s){return a.jsxRuntimeExports.jsx(f.chakra.svg,{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1.2em",width:"1.2em",ref:s,...e,children:a.jsxRuntimeExports.jsx("path",{d:"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z"})})}),se=n.forwardRef(function(e,s){const t=$.useSlotRecipe({key:"avatar"}),[o,c]=n.useMemo(()=>t.splitVariantProps(e),[e,t]);return a.jsxRuntimeExports.jsx(J,{value:o,children:a.jsxRuntimeExports.jsx(G.Group,{gap:"0",spaceX:"-3",ref:s,...c})})}),ae=({avatarSize:r,onRemove:e,isBeingHovered:s,setIsBeingHovered:t})=>{const o=n.useCallback(c=>{c.stopPropagation(),e&&e(c)},[e]);return a.jsxRuntimeExports.jsx(h.Float,{className:"Avatar__RemoveButton","data-testid":"kibble-avatar-remove-button",backgroundColor:"background",borderRadius:"full",cursor:"pointer",display:"none",h:4,onClick:o,onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),w:4,zIndex:"tooltip",offset:r==="xl"?2:.5,_groupHover:{display:"flex"},children:a.jsxRuntimeExports.jsx(g.Icon,{variant:"default",name:"closeCircleSolid",size:s?"sm":"xs"})})},I=({currentSize:r,larger:e=!0,delta:s=1})=>{let t;switch(r){case"xs":t=e?"sm":"xs";break;case"sm":t=e?"md":"xs";break;case"md":t=e?"lg":"sm";break;case"lg":t=e?"xl":"md";break;case"xl":t=e?"2xl":"lg";break;case"2xl":t=e?"2xl":"xl";break;default:t=r;break}return s>1&&(t=I({currentSize:t,larger:e,delta:s-1})),t},oe={info:{bgColor:"background.info"},default:{bgColor:"background.subtle.less"},error:{bgColor:"background.danger"},success:{bgColor:"background.success"},warning:{bgColor:"background.warning"}},ne={xs:{boxSize:"10px"},sm:{boxSize:"18px"},md:{boxSize:"18px"},lg:{boxSize:"18px"},xl:{borderWidth:"2px",boxSize:"24px"}},ce=M.defineRecipe({base:{alignItems:"center",borderColor:"border.strong.contrast",borderRadius:"full",borderWidth:"1px",justifyContent:"center"},variants:{size:ne,status:oe,withIcon:{true:{},false:{}}},defaultVariants:{status:"info"},compoundVariants:[{withIcon:!1,status:"info",css:{bgColor:"background.secondary"}},{withIcon:!1,status:"default",css:{bgColor:"background.contrast"}},{withIcon:!1,status:"error",css:{bgColor:"background.destructive"}},{withIcon:!1,status:"success",css:{bgColor:"background.success.contrast"}},{withIcon:!1,status:"warning",css:{bgColor:"background.warning.contrast"}},{withIcon:!1,size:["sm","md","lg"],css:{boxSize:"12px"}},{withIcon:!1,size:"xl",css:{borderWidth:"2px",boxSize:"16px"}}]}),ie={xs:.5,sm:.5,md:.5,lg:.5,xl:2},le={xs:.5,sm:.5,md:1,lg:1,xl:2},ue=({avatarSize:r="md",iconName:e,position:s="bottom-end",status:t="info",...o})=>{const u=F.useRecipe({recipe:ce})({status:t,size:r,withIcon:!!e}),d=n.useMemo(()=>r==="xs"\|\|!e,[e,r]),p=n.useMemo(()=>d?le:ie,[d]);return a.jsxRuntimeExports.jsx(h.Float,{className:"Avatar__BadgeWrapper","data-testid":"kibble-avatar-badge-wrapper",offset:p[r],placement:s,children:a.jsxRuntimeExports.jsx(H.Flex,{className:"Avatar__Badge","data-testid":"kibble-avatar-badge",css:u,...o,children:!d&&e&&a.jsxRuntimeExports.jsx(g.Icon,{name:e,variant:t!=="error"?t:"danger",size:r==="xl"?"sm":"xs"})})})},de=({badgeProps:r,hideBorder:e,iconName:s,name:t="",onClick:o,onRemove:c,showBadge:u,showRemoveButton:d,showTooltip:p=!0,size:l="md",src:v,tooltipProps:x,variant:y="default",webpSrc:b,...q})=>{const[R,B]=n.useState(!1),_=p&&!R?({children:z})=>a.jsxRuntimeExports.jsx(N.Tooltip,{"data-testid":"kibble-avatar-tooltip",...x,label:x?.label\|\|t,disabled:!t&&!x?.label,placement:x?.placement\|\|"bottom",children:a.jsxRuntimeExports.jsx(V.Box,{children:z})}):Z.default.Fragment;return a.jsxRuntimeExports.jsx(_,{children:a.jsxRuntimeExports.jsxs(K,{className:"Avatar group","data-testid":"kibble-avatar",variant:y,size:l,interactive:!!o,hideBorder:e,onClick:o,...q,children:[a.jsxRuntimeExports.jsx(ee,{name:t,children:s&&a.jsxRuntimeExports.jsx(g.Icon,{name:s,mt:"-1px",size:l==="lg"?"lg":I({currentSize:l,larger:!0,delta:1})})}),u&&a.jsxRuntimeExports.jsx(ue,{avatarSize:l,...r}),(b\|\|v)&&a.jsxRuntimeExports.jsx(te,{src:v,srcSet:b}),d&&l!=="xs"&&a.jsxRuntimeExports.jsx(ae,{avatarSize:l,onRemove:c,isBeingHovered:R,setIsBeingHovered:B})]})})};exports.Avatar=de;exports.AvatarGroup=se;
2	+ //# sourceMappingURL=avatar.component-SZi87lRl.js.map

package/dist/chunks/avatar.component-SZi87lRl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.component-SZi87lRl.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n name: \"AvatarContext\",\n hookName: \"useAvatarContext\",\n providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getImageProps(), props);\n return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const context = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(avatar.machine, context);\n return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n const avatar = useAvatar(useAvatarProps);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useAvatarStyles,\n useClassNames,\n PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n Avatar.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n if (props.children || props.asChild) return props.children;\n if (props.name) return getInitials(props.name);\n return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n const names = name.trim().split(\" \");\n const firstName = names[0] != null ? names[0] : \"\";\n const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n function AvatarFallback2(props, ref) {\n const styles = useAvatarStyles();\n const classNames = useClassNames();\n const { name: _, ...rest } = props;\n return /* @__PURE__ */ jsx(\n StyledFallback,\n {\n ref,\n ...rest,\n className: cx(props.className, classNames.fallback),\n css: [styles.fallback, props.css],\n children: getFallbackChildren(props)\n }\n );\n }\n);\nconst AvatarImage = withContext(\n Avatar.Image,\n \"image\",\n {\n forwardAsChild: true,\n defaultProps: {\n draggable: \"false\",\n referrerPolicy: \"no-referrer\"\n }\n }\n);\nconst AvatarIcon = forwardRef(\n function AvatarIcon2(props, ref) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n stroke: \"currentColor\",\n fill: \"currentColor\",\n strokeWidth: \"0\",\n viewBox: \"0 0 24 24\",\n height: \"1.2em\",\n width: \"1.2em\",\n ref,\n ...props,\n children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n }\n );\n }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n function AvatarGroup2(props, ref) {\n const recipe = useSlotRecipe({ key: \"avatar\" });\n const [variantProps, localProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","import React, { useCallback, MouseEvent, Dispatch, SetStateAction } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n onRemove?: React.MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n avatarSize,\n onRemove,\n isBeingHovered,\n setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (onRemove) {\n onRemove(e);\n }\n },\n [onRemove],\n );\n\n return (\n <Float\n className=\"Avatar__RemoveButton\"\n data-testid=\"kibble-avatar-remove-button\"\n backgroundColor=\"background\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n display=\"none\"\n h={4}\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n onMouseLeave={(): void => setIsBeingHovered(false)}\n w={4}\n zIndex=\"tooltip\"\n offset={avatarSize === 'xl' ? 2 : 0.5}\n _groupHover={{\n display: 'flex',\n }}\n >\n <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n </Float>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize | AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({\n currentSize: nextSize,\n larger,\n delta: delta - 1,\n });\n }\n\n return nextSize;\n};\n","import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { Status } from 'shared/types/status';\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n info: {\n bgColor: 'background.info',\n },\n default: {\n bgColor: 'background.subtle.less',\n },\n error: {\n bgColor: 'background.danger',\n },\n success: {\n bgColor: 'background.success',\n },\n warning: {\n bgColor: 'background.warning',\n },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n xs: {\n boxSize: '10px',\n },\n sm: {\n boxSize: '18px',\n },\n md: {\n boxSize: '18px',\n },\n lg: {\n boxSize: '18px',\n },\n xl: {\n borderWidth: '2px',\n boxSize: '24px',\n },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n base: {\n alignItems: 'center',\n borderColor: 'border.strong.contrast',\n borderRadius: 'full',\n borderWidth: '1px',\n justifyContent: 'center',\n },\n variants: {\n size: avatarBadgeSizeStyles,\n status: avatarBadgeStatusStyles,\n withIcon: {\n true: {},\n false: {},\n },\n },\n defaultVariants: {\n status: 'info',\n },\n compoundVariants: [\n {\n withIcon: false,\n status: 'info',\n css: {\n bgColor: 'background.secondary',\n },\n },\n {\n withIcon: false,\n status: 'default',\n css: {\n bgColor: 'background.contrast',\n },\n },\n {\n withIcon: false,\n status: 'error',\n css: {\n bgColor: 'background.destructive',\n },\n },\n {\n withIcon: false,\n status: 'success',\n css: {\n bgColor: 'background.success.contrast',\n },\n },\n {\n withIcon: false,\n status: 'warning',\n css: {\n bgColor: 'background.warning.contrast',\n },\n },\n {\n withIcon: false,\n size: ['sm', 'md', 'lg'],\n css: {\n boxSize: '12px',\n },\n },\n {\n withIcon: false,\n size: 'xl',\n css: {\n borderWidth: '2px',\n boxSize: '16px',\n },\n },\n ],\n});\n","import { AvatarSize } from 'components/Avatar/avatar.types';\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 0.5,\n lg: 0.5,\n xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 1,\n lg: 1,\n xl: 2,\n};\n","import React, { useMemo } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon, IconName } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { ConditionalValue, useRecipe } from '@chakra-ui/react/styled-system';\nimport { AvatarBadgePosition } from './avatarBadge.types';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { avatarBadgeRecipe } from './avatarBadge.recipe';\nimport { Status } from 'shared/types/status';\nimport { badgeOffsetMap, iconBadgeOffsetMap } from './avatarBadge.records';\n\nexport interface AvatarBadgeProps extends FlexProps {\n iconName?: IconName;\n position?: ConditionalValue<AvatarBadgePosition>;\n status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize = 'md',\n iconName,\n position = 'bottom-end',\n status = 'info',\n ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, avatarSize]);\n const offsetRecord = useMemo(() => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap), [useSmallBadge]);\n\n return (\n <Float\n className=\"Avatar__BadgeWrapper\"\n data-testid=\"kibble-avatar-badge-wrapper\"\n offset={offsetRecord[avatarSize]}\n placement={position}\n >\n <Flex className=\"Avatar__Badge\" data-testid=\"kibble-avatar-badge\" css={styles} {...rest}>\n {!useSmallBadge && iconName && (\n <Icon\n name={iconName}\n variant={status !== 'error' ? (status as TypographyVariant) : 'danger'}\n size={avatarSize === 'xl' ? 'sm' : 'xs'}\n />\n )}\n </Flex>\n </Float>\n );\n};\n","import React, { useState } from 'react';\nimport { Avatar as CAvatar } from '@chakra-ui/react/avatar';\nimport { Tooltip, TooltipProps } from 'components/Tooltip/tooltip.component';\nimport { Icon, IconName } from 'components/Icon';\nimport AvatarRemoveButton from './components/AvatarRemoveButton/avatarRemoveButton.component';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { Box } from '@chakra-ui/react/box';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\n\nexport interface AvatarProps extends CAvatar.RootProps {\n badgeProps?: AvatarBadgeProps;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipProps?: TooltipProps;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nexport const Avatar = ({\n badgeProps,\n hideBorder,\n iconName,\n name = '',\n onClick,\n onRemove,\n showBadge,\n showRemoveButton,\n showTooltip = true,\n size = 'md',\n src,\n tooltipProps,\n variant = 'default',\n webpSrc,\n ...rest\n}: AvatarProps): React.JSX.Element => {\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const AvatarWrapper: React.FC<AvatarProps> =\n showTooltip && !isHoveringRemoveButton\n ? ({ children }): React.JSX.Element => {\n return (\n <Tooltip\n data-testid=\"kibble-avatar-tooltip\"\n {...tooltipProps}\n label={tooltipProps?.label || name}\n disabled={!name && !tooltipProps?.label}\n placement={tooltipProps?.placement || 'bottom'}\n >\n <Box>{children}</Box>\n </Tooltip>\n );\n }\n : React.Fragment;\n\n return (\n <AvatarWrapper>\n <CAvatar.Root\n className=\"Avatar group\"\n data-testid=\"kibble-avatar\"\n variant={variant}\n size={size}\n interactive={!!onClick}\n hideBorder={hideBorder}\n onClick={onClick}\n {...rest}\n >\n <CAvatar.Fallback name={name}>\n {iconName && (\n <Icon\n name={iconName}\n mt=\"-1px\"\n size={\n size === 'lg'\n ? 'lg'\n : getNextIconSize({\n currentSize: size,\n larger: true,\n delta: 1,\n })\n }\n />\n )}\n </CAvatar.Fallback>\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n {showRemoveButton && size !== 'xs' && (\n <AvatarRemoveButton\n avatarSize={size}\n onRemove={onRemove}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n </CAvatar.Root>\n </AvatarWrapper>\n );\n};\n"],"names":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","Avatar","badgeProps","hideBorder","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/avatar.types-Bmt5Uhfb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.types-Bmt5Uhfb.js","sources":["../../src/components/Avatar/avatar.types.ts"],"sourcesContent":["export const avatarSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nexport type AvatarSize = (typeof avatarSizes)[number];\n\nexport const avatarVariants = [~~\n \"~~default~~\",\n \"~~contrast~~\",\n \"~~dashed~~\",\n \"~~accent~~\",\n \"~~outlineAccent~~\",\n \"~~outlineYellow~~\",\n~~] as const;\nexport type AvatarVariant = (typeof avatarVariants)[number];\n"],"names":["avatarSizes","avatarVariants"],"mappings":"aAAO,MAAMA,EAAc,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,EAG3CC,EAAiB,~~CAC5B~~,~~UACA~~,~~WACA~~,~~SACA~~,~~SACA~~,~~gBACA~~,~~eACF~~"}
1	+ {"version":3,"file":"avatar.types-Bmt5Uhfb.js","sources":["../../src/components/Avatar/avatar.types.ts"],"sourcesContent":["export const avatarSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type AvatarSize = (typeof avatarSizes)[number];\n\nexport const avatarVariants = ['default', 'contrast', 'dashed', 'accent', 'outlineAccent', 'outlineYellow'] as const;\nexport type AvatarVariant = (typeof avatarVariants)[number];\n"],"names":["avatarSizes","avatarVariants"],"mappings":"aAAO,MAAMA,EAAc,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,EAG3CC,EAAiB,CAAC,UAAW,WAAY,SAAU,SAAU,gBAAiB,eAAe"}

package/dist/chunks/avatar.types-C6dZZjdi.js ADDED Viewed

@@ -0,0 +1,6 @@
+const a = ["xs", "sm", "md", "lg", "xl"], t = ["default", "contrast", "dashed", "accent", "outlineAccent", "outlineYellow"];
+export {
+  a,
+  t as b
+};
+//# sourceMappingURL=avatar.types-C6dZZjdi.js.map

package/dist/chunks/avatar.types-C6dZZjdi.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.types-C6dZZjdi.js","sources":["../../src/components/Avatar/avatar.types.ts"],"sourcesContent":["export const avatarSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type AvatarSize = (typeof avatarSizes)[number];\n\nexport const avatarVariants = ['default', 'contrast', 'dashed', 'accent', 'outlineAccent', 'outlineYellow'] as const;\nexport type AvatarVariant = (typeof avatarVariants)[number];\n"],"names":["avatarSizes","avatarVariants"],"mappings":"AAAO,MAAMA,IAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI,GAG3CC,IAAiB,CAAC,WAAW,YAAY,UAAU,UAAU,iBAAiB,eAAe;"}

package/dist/chunks/avatarGroup.component-Bp-_csZz.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const n=require("./jsx-runtime-BjDatQAs.js"),s=require("react"),a=require("./avatar.component-SZi87lRl.js"),g=({addButtonTooltipText:r,avatars:e,max:m=3,onAdd:p,onRemove:u,showAddButton:c=!0,showRemoveAvatarButton:i=!1,size:t="md",variant:l="default",...v})=>{const x=s.useMemo(()=>e.map(o=>o.name).join(", "),[e]),j=t==="xs"\|\|t==="sm"?-1:-2;return n.jsxRuntimeExports.jsxs(a.AvatarGroup,{className:"AvatarGroup","data-testid":"kibble-avatar-group",gap:0,spaceX:j,stacking:"first-on-top",size:t,...v,children:[e.length>m?n.jsxRuntimeExports.jsx(a.Avatar,{name:`${e.length}`,size:t,variant:"contrast",showRemoveButton:!1,tooltipProps:{label:x}}):e.map((o,R)=>s.createElement(a.Avatar,{...o,key:o.name,size:t,variant:l\|\|o.variant,showRemoveButton:i,onRemove:()=>u?.(R)})),c&&n.jsxRuntimeExports.jsx(a.Avatar,{variant:"dashed",iconName:"plus",onClick:p,...!!r&&{tooltipProps:{label:r}},size:t})]})};exports.AvatarGroup=g;
2	+ //# sourceMappingURL=avatarGroup.component-Bp-_csZz.js.map

package/dist/chunks/avatarGroup.component-Bp-_csZz.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatarGroup.component-Bp-_csZz.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AvatarGroup as CAvatarGroup, AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n addButtonTooltipText?: string;\n avatars: AvatarProps[];\n max?: number;\n onAdd?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (index: number) => void;\n showAddButton?: boolean;\n showRemoveAvatarButton?: boolean;\n size?: AvatarSize;\n variant?: AvatarVariant;\n}\n\nexport const AvatarGroup = ({\n addButtonTooltipText,\n avatars,\n max = 3,\n onAdd,\n onRemove,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n variant = 'default',\n ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'xs' || size === 'sm' ? -1 : -2;\n\n return (\n <CAvatarGroup\n className=\"AvatarGroup\"\n data-testid=\"kibble-avatar-group\"\n gap={0}\n spaceX={spacing}\n stacking=\"first-on-top\"\n size={size}\n {...rest}\n >\n {avatars.length > max ? (\n <Avatar\n name={`${avatars.length}`}\n size={size}\n variant=\"contrast\"\n showRemoveButton={false}\n tooltipProps={{ label: mergedNames }}\n />\n ) : (\n avatars.map((avatar, index) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n variant={variant || avatar.variant}\n showRemoveButton={showRemoveAvatarButton}\n onRemove={() => onRemove?.(index)}\n />\n ))\n )}\n {showAddButton && (\n <Avatar\n variant=\"dashed\"\n iconName=\"plus\"\n onClick={onAdd}\n {...(!!addButtonTooltipText && {\n tooltipProps: { label: addButtonTooltipText },\n })}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["AvatarGroup","addButtonTooltipText","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","rest","mergedNames","useMemo","avatar","spacing","jsxs","CAvatarGroup","jsx","Avatar","index","createElement"],"mappings":"yHAiBaA,EAAc,CAAC,CAC1B,qBAAAC,EACA,QAAAC,EACA,IAAAC,EAAM,EACN,MAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,uBAAAC,EAAyB,GACzB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAcC,EAAA,QAAQ,IAAMV,EAAQ,IAAKW,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EAAG,CAACX,CAAO,CAAC,EACtFY,EAAUN,IAAS,MAAQA,IAAS,KAAO,GAAK,GAGpD,OAAAO,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAY,sBACZ,IAAK,EACL,OAAQF,EACR,SAAS,eACT,KAAAN,EACC,GAAGE,EAEH,SAAA,CAAAR,EAAQ,OAASC,EAChBc,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,KAAM,GAAGhB,EAAQ,MAAM,GACvB,KAAAM,EACA,QAAQ,WACR,iBAAkB,GAClB,aAAc,CAAE,MAAOG,CAAY,CAAA,CAGrC,EAAAT,EAAQ,IAAI,CAACW,EAAQM,IACnBC,EAAA,cAACF,EAAA,OAAA,CACE,GAAGL,EACJ,IAAKA,EAAO,KACZ,KAAAL,EACA,QAASC,GAAWI,EAAO,QAC3B,iBAAkBN,EAClB,SAAU,IAAMF,IAAWc,CAAK,CAAA,CAAA,CAEnC,EAEFb,GACCW,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAQ,SACR,SAAS,OACT,QAASd,EACR,GAAI,CAAC,CAACH,GAAwB,CAC7B,aAAc,CAAE,MAAOA,CAAqB,CAC9C,EACA,KAAAO,CAAA,CAAA,CACF,CAAA,CAEJ,CAEJ"}