@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

package/dist/chunks/avatar.component-C-365mx3.js

@@ -0,0 +1,404 @@
+import { j as r } from "./jsx-runtime-C5mzlN2N.js";
+import R, { forwardRef as l, useId as E, useMemo as m, useState as Z, useCallback as L } from "react";
+import { T as O } from "./tooltip.component-C_NS-AoH.js";
+import { I as A } from "./icon.component-PV_nHBId.js";
+import { F as I } from "./float-DgYuLWpx.js";
+import { a as X } from "./config-Djkl1N81.js";
+import { u as q } from "./use-recipe-d63ABaZ3.js";
+import { F as D } from "./flex-CX-8gE9T.js";
+import { C as J } from "./center-Dmlzv1BW.js";
+import { m as K, c as Q, A as y } from "./avatar.records-EoZmO3VR.js";
+import { c as N, a as U } from "./factory-BQshv7_b.js";
+import { c as Y, u as aa } from "./create-slot-recipe-context-D_FXDJGp.js";
+import { G as ta } from "./group-CplNJpRQ.js";
+import { a as ea, d as p, u as ra, f as sa, g as oa, n as na, b as F } from "./use-locale-context-Bw4Gg9Z0.js";
+import { a6 as v } from "./index-fHSGm2nC.js";
+const [_, B] = ea({
+  name: "AvatarContext",
+  hookName: "useAvatarContext",
+  providerName: "<AvatarProvider />"
+}), M = l((e, a) => {
+  const s = B(), t = v(s.getFallbackProps(), e);
+  return /* @__PURE__ */ r.jsx(p.span, { ...t, ref: a });
+});
+M.displayName = "AvatarFallback";
+const z = l((e, a) => {
+  const s = B(), t = v(s.getImageProps(), e);
+  return /* @__PURE__ */ r.jsx(p.img, { ...t, ref: a });
+});
+z.displayName = "AvatarImage";
+const ca = (e) => {
+  const a = E(), { getRootNode: s } = ra(), { dir: t } = sa(), o = {
+    id: a,
+    dir: t,
+    getRootNode: s,
+    ...e
+  }, n = oa(K, o);
+  return Q(n, na);
+}, W = l((e, a) => {
+  const [s, t] = F()(e, ["id", "ids", "onStatusChange"]), o = ca(s), n = v(o.getRootProps(), t);
+  return /* @__PURE__ */ r.jsx(_, { value: o, children: /* @__PURE__ */ r.jsx(p.div, { ...n, ref: a }) });
+});
+W.displayName = "AvatarRoot";
+const $ = l((e, a) => {
+  const [{ value: s }, t] = F()(e, ["value"]), o = v(s.getRootProps(), t);
+  return /* @__PURE__ */ r.jsx(_, { value: s, children: /* @__PURE__ */ r.jsx(p.div, { ...o, ref: a }) });
+});
+$.displayName = "AvatarRootProvider";
+const {
+  withProvider: H,
+  withContext: la,
+  useStyles: ia,
+  useClassNames: da,
+  PropsProvider: ua
+} = Y({ key: "avatar" });
+H($, "root", { forwardAsChild: !0 });
+const ma = H(
+  W,
+  "root",
+  { forwardAsChild: !0 }
+), xa = N(M, {}, { forwardAsChild: !0 });
+function ga(e) {
+  return e.children || e.asChild ? e.children : e.name ? fa(e.name) : /* @__PURE__ */ r.jsx(ba, {});
+}
+function fa(e) {
+  const a = e.trim().split(" "), s = a[0] != null ? a[0] : "", t = a.length > 1 ? a[a.length - 1] : "";
+  return s && t ? `${s.charAt(0)}${t.charAt(0)}` : s.charAt(0);
+}
+const pa = l(
+  function(a, s) {
+    const t = ia(), o = da(), { name: n, ...i } = a;
+    return /* @__PURE__ */ r.jsx(
+      xa,
+      {
+        ref: s,
+        ...i,
+        className: U(a.className, o.fallback),
+        css: [t.fallback, a.css],
+        children: ga(a)
+      }
+    );
+  }
+), va = la(
+  z,
+  "image",
+  {
+    forwardAsChild: !0,
+    defaultProps: {
+      draggable: "false",
+      referrerPolicy: "no-referrer"
+    }
+  }
+), ba = l(
+  function(a, s) {
+    return /* @__PURE__ */ r.jsx(
+      N.svg,
+      {
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0",
+        viewBox: "0 0 24 24",
+        height: "1.2em",
+        width: "1.2em",
+        ref: s,
+        ...a,
+        children: /* @__PURE__ */ r.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" })
+      }
+    );
+  }
+), Ta = l(
+  function(a, s) {
+    const t = aa({ key: "avatar" }), [o, n] = m(
+      () => t.splitVariantProps(a),
+      [a, t]
+    );
+    return /* @__PURE__ */ r.jsx(ua, { value: o, children: /* @__PURE__ */ r.jsx(ta, { gap: "0", spaceX: "-3", ref: s, ...n }) });
+  }
+), ha = ({
+  avatarSize: e,
+  onRemove: a,
+  value: s,
+  ["data-testid"]: t = "kibble-avatar-remove-button"
+}) => {
+  const [o, n] = Z(!1), i = L(
+    (d) => {
+      d.stopPropagation(), a && a(s);
+    },
+    [a, s]
+  );
+  return /* @__PURE__ */ r.jsx(
+    I,
+    {
+      className: "Avatar__RemoveButton",
+      "data-testid": t,
+      backgroundColor: "background",
+      borderRadius: "full",
+      cursor: "pointer",
+      display: "none",
+      h: 4,
+      onClick: i,
+      onMouseEnter: () => n(!0),
+      onMouseLeave: () => n(!1),
+      w: 4,
+      zIndex: "tooltip",
+      offset: e === "xl" ? 2 : 0.5,
+      _groupHover: {
+        display: "flex"
+      },
+      children: /* @__PURE__ */ r.jsx(A, { variant: "default", name: "closeCircleSolid", size: o ? "sm" : "xs" })
+    }
+  );
+}, V = ({ currentSize: e, larger: a = !0, delta: s = 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 s > 1 && (t = V({
+    currentSize: t,
+    larger: a,
+    delta: s - 1
+  })), t;
+}, Ca = {
+  info: {
+    bgColor: "background.info"
+  },
+  default: {
+    bgColor: "background.subtle.less"
+  },
+  error: {
+    bgColor: "background.danger"
+  },
+  success: {
+    bgColor: "background.success"
+  },
+  warning: {
+    bgColor: "background.warning"
+  }
+}, Aa = {
+  xs: {
+    boxSize: "10px"
+  },
+  sm: {
+    boxSize: "18px"
+  },
+  md: {
+    boxSize: "18px"
+  },
+  lg: {
+    boxSize: "18px"
+  },
+  xl: {
+    borderWidth: "2px",
+    boxSize: "24px"
+  }
+}, ka = X({
+  base: {
+    alignItems: "center",
+    borderColor: "border.strong.contrast",
+    borderRadius: "full",
+    borderWidth: "1px",
+    justifyContent: "center"
+  },
+  variants: {
+    size: Aa,
+    status: Ca,
+    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"
+      }
+    }
+  ]
+}), ja = {
+  xs: 0.5,
+  sm: 0.5,
+  md: 0.5,
+  lg: 0.5,
+  xl: 2
+}, Pa = {
+  xs: 0.5,
+  sm: 0.5,
+  md: 1,
+  lg: 1,
+  xl: 2
+}, Sa = ({
+  avatarSize: e = "md",
+  iconName: a,
+  position: s = "bottom-end",
+  status: t = "info",
+  ["data-testid"]: o = "kibble-avatar-badge-wrapper",
+  ...n
+}) => {
+  const d = q({ recipe: ka })({ status: t, size: e, withIcon: !!a }), u = m(() => e === "xs" || !a, [a, e]), c = m(() => u ? Pa : ja, [u]);
+  return /* @__PURE__ */ r.jsx(
+    I,
+    {
+      className: "Avatar__BadgeWrapper",
+      "data-testid": o,
+      offset: c[e],
+      placement: s,
+      children: /* @__PURE__ */ r.jsx(D, { className: "Avatar__Badge", "data-testid": `${o}-badge`, css: d, ...n, children: !u && a && /* @__PURE__ */ r.jsx(
+        A,
+        {
+          name: a,
+          variant: t !== "error" ? t : "danger",
+          size: e === "xl" ? "sm" : "xs"
+        }
+      ) })
+    }
+  );
+}, G = l((e, a) => /* @__PURE__ */ r.jsx(J, { ref: a, className: "Avatar__TooltipTriggerWrapper", ...e }));
+G.displayName = "AvatarTooltipTriggerWrapper";
+const Ea = R.memo(
+  ({
+    badgeProps: e,
+    hideBorder: a,
+    iconName: s,
+    name: t = "",
+    onClick: o,
+    onRemove: n,
+    showBadge: i,
+    showRemoveButton: d,
+    showTooltip: u = !0,
+    size: c = "md",
+    src: b,
+    tooltipProps: x,
+    variant: k = "default",
+    webpSrc: h,
+    value: T,
+    ["data-testid"]: g = "kibble-avatar",
+    children: C,
+    ...j
+  }) => {
+    const P = m(
+      () => ({ children: f }) => /* @__PURE__ */ r.jsx(
+        ma,
+        {
+          className: "Avatar group",
+          "data-testid": g,
+          variant: k,
+          size: c,
+          interactive: !!o,
+          hideBorder: a,
+          onClick: o,
+          ...j,
+          children: f
+        }
+      ),
+      [g, a, o, j, c, k]
+    ), S = m(
+      () => () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        C || /* @__PURE__ */ r.jsx(pa, { name: t, children: s && /* @__PURE__ */ r.jsx(
+          A,
+          {
+            name: s,
+            mt: "-1px",
+            size: c === "lg" ? "lg" : V({
+              currentSize: c,
+              larger: !0,
+              delta: 1
+            })
+          }
+        ) }),
+        i && /* @__PURE__ */ r.jsx(Sa, { avatarSize: c, ...e }),
+        (h || b) && /* @__PURE__ */ r.jsx(va, { src: b, srcSet: h })
+      ] }),
+      [e, C, s, t, i, c, b, h]
+    ), w = m(
+      () => ({ children: f }) => u ? /* @__PURE__ */ r.jsx(
+        O,
+        {
+          "data-testid": `${g}-tooltip`,
+          ...x,
+          label: x?.label || t,
+          disabled: !t && !x?.label,
+          placement: x?.placement || "bottom",
+          children: /* @__PURE__ */ r.jsx(G, { w: y[c], h: y[c], children: f })
+        }
+      ) : /* @__PURE__ */ r.jsx(R.Fragment, { children: f }),
+      [g, t, u, c, x]
+    );
+    return d ? /* @__PURE__ */ r.jsxs(P, { children: [
+      /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsx(S, {}) }),
+      d && c !== "xs" && /* @__PURE__ */ r.jsx(ha, { avatarSize: c, onRemove: n, value: T })
+    ] }) : /* @__PURE__ */ r.jsx(w, { children: /* @__PURE__ */ r.jsx(P, { children: /* @__PURE__ */ r.jsx(S, {}) }) });
+  }
+);
+export {
+  Ea as A,
+  Ta as a
+};
+//# sourceMappingURL=avatar.component-C-365mx3.js.map

package/dist/chunks/avatar.component-C-365mx3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component-C-365mx3.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/components/AvatarTooltipTriggerWrapper/avatarTooltipTriggerWrapper.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, useState } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon } from 'components/Icon/icon.component';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\n\ninterface AvatarRemoveButtonProps {\n  /** Callback function to be called when the remove button is clicked. */\n  onRemove?: (value?: string) => void;\n  /** Value of the avatar. */\n  value?: string;\n  /** Data test id for the remove button.\n   * @default kibble-avatar-remove-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n  /** Size of the avatar.\n   * @internal\n   */\n  avatarSize: AvatarSize;\n}\n\nconst AvatarRemoveButton = ({\n  avatarSize,\n  onRemove,\n  value,\n  ['data-testid']: dataTestId = 'kibble-avatar-remove-button',\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n  const [isBeingHovered, setIsBeingHovered] = useState(false);\n\n  const onRemoveButtonClick = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n      if (onRemove) {\n        onRemove(value);\n      }\n    },\n    [onRemove, value],\n  );\n\n  return (\n    <Float\n      className=\"Avatar__RemoveButton\"\n      data-testid={dataTestId}\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  /** Name of the icon inside the badge. */\n  iconName?: IconName;\n  /** Position of the badge relative to the avatar. */\n  position?: ConditionalValue<AvatarBadgePosition>;\n  /** Determines the color of the badge. */\n  status?: Status;\n  /** Data test id for the avatar badge. */\n  'data-testid'?: string;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n  /** Size of the avatar.\n   * @internal\n   */\n  avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n  avatarSize = 'md',\n  iconName,\n  position = 'bottom-end',\n  status = 'info',\n  ['data-testid']: dataTestId = 'kibble-avatar-badge-wrapper',\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={dataTestId}\n      offset={offsetRecord[avatarSize]}\n      placement={position}\n    >\n      <Flex className=\"Avatar__Badge\" data-testid={`${dataTestId}-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 { Center, CenterProps } from '@chakra-ui/react/center';\nimport { forwardRef } from 'react';\n\nexport const AvatarTooltipTriggerWrapper = forwardRef<\n  HTMLDivElement,\n  CenterProps & React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => <Center ref={ref} className=\"Avatar__TooltipTriggerWrapper\" {...props} />);\nAvatarTooltipTriggerWrapper.displayName = 'AvatarTooltipTriggerWrapper';\n","import React, { useMemo } 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 { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { AvatarTooltipTriggerWrapper } from './components/AvatarTooltipTriggerWrapper/avatarTooltipTriggerWrapper.component';\nimport { AvatarSizeMap } from './avatar.records';\n\nexport interface AvatarProps extends CAvatar.RootProps {\n  /** Props to customize the badge, `showBadge` must be set to true for the badge to show. */\n  badgeProps?: AvatarBadgeProps;\n  /** If true, the border of the avatar will be hidden. */\n  hideBorder?: boolean;\n  /** The name of the icon to be displayed inside the avatar. */\n  iconName?: IconName;\n  /** The name to derive the initials from. This will also be the default text for the tooltip unless `tooltipProps` is passed in. */\n  name?: string;\n  /** Callback function when the avatar is clicked. */\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /** Callback function when the remove button is clicked. */\n  onRemove?: (value?: string) => void;\n  /** If true, a badge will be displayed on the avatar. */\n  showBadge?: boolean;\n  /** If true, a remove button will be displayed when hovering over the avatar.\n   * @default false\n   */\n  showRemoveButton?: boolean;\n  /** Shows a tooltip on hover with the avatar name, if `tooltipProps` is not passed in. The tooltip will be disabled if no name is provided. */\n  showTooltip?: boolean;\n  /** Size of the avatar.\n   * @default md\n   */\n  size?: AvatarSize;\n  /** The source URL of the image to be displayed in the avatar. */\n  src?: string;\n  /** Props to customize the tooltip. See `Tooltip` for more information. */\n  tooltipProps?: TooltipProps;\n  /** Variant of the avatar.\n   * @default default\n   */\n  variant?: AvatarVariant;\n  /** The webp source URL of the image to be displayed in the avatar. */\n  webpSrc?: string;\n  /** The value of the avatar. */\n  value?: string;\n  /** Data test id for the avatar.\n   * @default kibble-avatar\n   */\n  'data-testid'?: string;\n  /** The children to be displayed inside the avatar. */\n  children?: React.ReactNode;\n}\n\nexport const Avatar = React.memo(\n  ({\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    value,\n    ['data-testid']: dataTestId = 'kibble-avatar',\n    children,\n    ...rest\n  }: AvatarProps): React.JSX.Element => {\n    const AvatarRoot: React.FC<AvatarProps> = useMemo(\n      () =>\n        ({ children }: AvatarProps) => (\n          <CAvatar.Root\n            className=\"Avatar group\"\n            data-testid={dataTestId}\n            variant={variant}\n            size={size}\n            interactive={!!onClick}\n            hideBorder={hideBorder}\n            onClick={onClick}\n            {...rest}\n          >\n            {children}\n          </CAvatar.Root>\n        ),\n      [dataTestId, hideBorder, onClick, rest, size, variant],\n    );\n\n    const AvatarContent: React.FC<AvatarProps> = useMemo(\n      () => () => (\n        <>\n          {children ? (\n            children\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          )}\n          {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n          {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n        </>\n      ),\n      [badgeProps, children, iconName, name, showBadge, size, src, webpSrc],\n    );\n\n    const TooltipWrapper: React.FC<AvatarProps> = useMemo(\n      () =>\n        ({ children }) =>\n          showTooltip ? (\n            <Tooltip\n              data-testid={`${dataTestId}-tooltip`}\n              {...tooltipProps}\n              label={tooltipProps?.label || name}\n              disabled={!name && !tooltipProps?.label}\n              placement={tooltipProps?.placement || 'bottom'}\n            >\n              <AvatarTooltipTriggerWrapper w={AvatarSizeMap[size]} h={AvatarSizeMap[size]}>\n                {children}\n              </AvatarTooltipTriggerWrapper>\n            </Tooltip>\n          ) : (\n            <React.Fragment>{children}</React.Fragment>\n          ),\n      [dataTestId, name, showTooltip, size, tooltipProps],\n    );\n\n    if (showRemoveButton)\n      return (\n        <AvatarRoot>\n          <TooltipWrapper>\n            <AvatarContent />\n          </TooltipWrapper>\n          {showRemoveButton && size !== 'xs' && (\n            <AvatarRemoveButton avatarSize={size} onRemove={onRemove} value={value} />\n          )}\n        </AvatarRoot>\n      );\n\n    return (\n      <TooltipWrapper>\n        <AvatarRoot>\n          <AvatarContent />\n        </AvatarRoot>\n      </TooltipWrapper>\n    );\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","value","dataTestId","isBeingHovered","setIsBeingHovered","useState","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","AvatarTooltipTriggerWrapper","Center","Avatar","React","badgeProps","hideBorder","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","children","CAvatar.Root","AvatarContent","jsxs","Fragment","CAvatar.Fallback","CAvatar.Image","TooltipWrapper","Tooltip","AvatarSizeMap"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/avatar.records-CxLCvZfG.js

@@ -0,0 +1,2 @@
+"use strict";const d=require("./index-CQURjLlA.js"),v=require("./use-locale-context-ym21RUxU.js");var g=d.createAnatomy("avatar").parts("root","image","fallback"),s=g.build(),l=e=>e.ids?.root??`avatar:${e.id}`,m=e=>e.ids?.image??`avatar:${e.id}:image`,p=e=>e.ids?.fallback??`avatar:${e.id}:fallback`,h=e=>e.getById(l(e)),c=e=>e.getById(m(e));function k(e,t){const{state:a,send:r,prop:i,scope:n}=e,o=a.matches("loaded");return{loaded:o,setSrc(u){c(n)?.setAttribute("src",u)},setLoaded(){r({type:"img.loaded",src:"api"})},setError(){r({type:"img.error",src:"api"})},getRootProps(){return t.element({...s.root.attrs,dir:i("dir"),id:l(n)})},getImageProps(){return t.img({...s.image.attrs,hidden:!o,dir:i("dir"),id:m(n),"data-state":o?"visible":"hidden",onLoad(){r({type:"img.loaded",src:"element"})},onError(){r({type:"img.error",src:"element"})}})},getFallbackProps(){return t.element({...s.fallback.attrs,dir:i("dir"),id:p(n),hidden:o,"data-state":o?"hidden":"visible"})}}}var b=d.createMachine({initialState(){return"loading"},effects:["trackImageRemoval","trackSrcChange"],on:{"src.change":{target:"loading"},"img.unmount":{target:"error"}},states:{loading:{entry:["checkImageStatus"],on:{"img.loaded":{target:"loaded",actions:["invokeOnLoad"]},"img.error":{target:"error",actions:["invokeOnError"]}}},error:{on:{"img.loaded":{target:"loaded",actions:["invokeOnLoad"]}}},loaded:{on:{"img.error":{target:"error",actions:["invokeOnError"]}}}},implementations:{actions:{invokeOnLoad({prop:e}){e("onStatusChange")?.({status:"loaded"})},invokeOnError({prop:e}){e("onStatusChange")?.({status:"error"})},checkImageStatus({send:e,scope:t}){const a=c(t);if(!a?.complete)return;const r=y(a)?"img.loaded":"img.error";e({type:r,src:"ssr"})}},effects:{trackImageRemoval({send:e,scope:t}){const a=h(t);return d.observeChildren(a,{callback(r){Array.from(r[0].removedNodes).find(o=>o.nodeType===Node.ELEMENT_NODE&&o.matches("[data-scope=avatar][data-part=image]"))&&e({type:"img.unmount"})}})},trackSrcChange({send:e,scope:t}){const a=c(t);return d.observeAttributes(a,{attributes:["src","srcset"],callback(){e({type:"src.change"})}})}}}});function y(e){return e.complete&&e.naturalWidth!==0&&e.naturalHeight!==0}v.createProps()(["dir","id","ids","onStatusChange","getRootNode"]);const f={xs:"24px",sm:"32px",md:"36px",lg:"40px",xl:"64px"};exports.AvatarSizeMap=f;exports.anatomy=g;exports.connect=k;exports.machine=b;
+//# sourceMappingURL=avatar.records-CxLCvZfG.js.map

package/dist/chunks/avatar.records-CxLCvZfG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.records-CxLCvZfG.js","sources":["../../node_modules/@zag-js/avatar/dist/index.mjs","../../src/components/Avatar/avatar.records.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { observeAttributes, observeChildren } from '@zag-js/dom-query';\nimport { createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/avatar.anatomy.ts\nvar anatomy = createAnatomy(\"avatar\").parts(\"root\", \"image\", \"fallback\");\nvar parts = anatomy.build();\n\n// src/avatar.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`;\nvar getImageId = (ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`;\nvar getFallbackId = (ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getImageEl = (ctx) => ctx.getById(getImageId(ctx));\n\n// src/avatar.connect.ts\nfunction connect(service, normalize) {\n  const { state, send, prop, scope } = service;\n  const loaded = state.matches(\"loaded\");\n  return {\n    loaded,\n    setSrc(src) {\n      const img = getImageEl(scope);\n      img?.setAttribute(\"src\", src);\n    },\n    setLoaded() {\n      send({ type: \"img.loaded\", src: \"api\" });\n    },\n    setError() {\n      send({ type: \"img.error\", src: \"api\" });\n    },\n    getRootProps() {\n      return normalize.element({\n        ...parts.root.attrs,\n        dir: prop(\"dir\"),\n        id: getRootId(scope)\n      });\n    },\n    getImageProps() {\n      return normalize.img({\n        ...parts.image.attrs,\n        hidden: !loaded,\n        dir: prop(\"dir\"),\n        id: getImageId(scope),\n        \"data-state\": loaded ? \"visible\" : \"hidden\",\n        onLoad() {\n          send({ type: \"img.loaded\", src: \"element\" });\n        },\n        onError() {\n          send({ type: \"img.error\", src: \"element\" });\n        }\n      });\n    },\n    getFallbackProps() {\n      return normalize.element({\n        ...parts.fallback.attrs,\n        dir: prop(\"dir\"),\n        id: getFallbackId(scope),\n        hidden: loaded,\n        \"data-state\": loaded ? \"hidden\" : \"visible\"\n      });\n    }\n  };\n}\nvar machine = createMachine({\n  initialState() {\n    return \"loading\";\n  },\n  effects: [\"trackImageRemoval\", \"trackSrcChange\"],\n  on: {\n    \"src.change\": {\n      target: \"loading\"\n    },\n    \"img.unmount\": {\n      target: \"error\"\n    }\n  },\n  states: {\n    loading: {\n      entry: [\"checkImageStatus\"],\n      on: {\n        \"img.loaded\": {\n          target: \"loaded\",\n          actions: [\"invokeOnLoad\"]\n        },\n        \"img.error\": {\n          target: \"error\",\n          actions: [\"invokeOnError\"]\n        }\n      }\n    },\n    error: {\n      on: {\n        \"img.loaded\": {\n          target: \"loaded\",\n          actions: [\"invokeOnLoad\"]\n        }\n      }\n    },\n    loaded: {\n      on: {\n        \"img.error\": {\n          target: \"error\",\n          actions: [\"invokeOnError\"]\n        }\n      }\n    }\n  },\n  implementations: {\n    actions: {\n      invokeOnLoad({ prop }) {\n        prop(\"onStatusChange\")?.({ status: \"loaded\" });\n      },\n      invokeOnError({ prop }) {\n        prop(\"onStatusChange\")?.({ status: \"error\" });\n      },\n      checkImageStatus({ send, scope }) {\n        const imageEl = getImageEl(scope);\n        if (!imageEl?.complete) return;\n        const type = hasLoaded(imageEl) ? \"img.loaded\" : \"img.error\";\n        send({ type, src: \"ssr\" });\n      }\n    },\n    effects: {\n      trackImageRemoval({ send, scope }) {\n        const rootEl = getRootEl(scope);\n        return observeChildren(rootEl, {\n          callback(records) {\n            const removedNodes = Array.from(records[0].removedNodes);\n            const removed = removedNodes.find(\n              (node) => node.nodeType === Node.ELEMENT_NODE && node.matches(\"[data-scope=avatar][data-part=image]\")\n            );\n            if (removed) {\n              send({ type: \"img.unmount\" });\n            }\n          }\n        });\n      },\n      trackSrcChange({ send, scope }) {\n        const imageEl = getImageEl(scope);\n        return observeAttributes(imageEl, {\n          attributes: [\"src\", \"srcset\"],\n          callback() {\n            send({ type: \"src.change\" });\n          }\n        });\n      }\n    }\n  }\n});\nfunction hasLoaded(image) {\n  return image.complete && image.naturalWidth !== 0 && image.naturalHeight !== 0;\n}\nvar props = createProps()([\"dir\", \"id\", \"ids\", \"onStatusChange\", \"getRootNode\"]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","import { AvatarSize } from './avatar.types';\n\nexport const AvatarSizeMap: Record<AvatarSize, string> = {\n  xs: '24px',\n  sm: '32px',\n  md: '36px',\n  lg: '40px',\n  xl: '64px',\n};\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getImageId","getFallbackId","getRootEl","getImageEl","connect","service","normalize","state","send","prop","scope","loaded","src","machine","createMachine","imageEl","type","hasLoaded","rootEl","observeChildren","records","node","observeAttributes","image","createProps","AvatarSizeMap"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{index-Cv06PsSJ.js → avatar.records-EoZmO3VR.js}

@@ -1,8 +1,8 @@
-import { c as l, o as v, a as u, b as p } from "./index-DA90Dqf9.js";
-import { b as h } from "./use-locale-context-CazVZ4Kg.js";
-var k = p("avatar").parts("root", "image", "fallback"), n = k.build(), c = (e) => e.ids?.root ?? `avatar:${e.id}`, g = (e) => e.ids?.image ?? `avatar:${e.id}:image`, b = (e) => e.ids?.fallback ?? `avatar:${e.id}:fallback`, f = (e) => e.getById(c(e)), i = (e) => e.getById(g(e));
+import { n as l, P as p, Q as v, e as u } from "./index-fHSGm2nC.js";
+import { c as h } from "./use-locale-context-Bw4Gg9Z0.js";
+var k = u("avatar").parts("root", "image", "fallback"), d = k.build(), c = (e) => e.ids?.root ?? `avatar:${e.id}`, g = (e) => e.ids?.image ?? `avatar:${e.id}:image`, b = (e) => e.ids?.fallback ?? `avatar:${e.id}:fallback`, f = (e) => e.getById(c(e)), i = (e) => e.getById(g(e));
 function L(e, a) {
-  const { state: t, send: r, prop: d, scope: s } = e, o = t.matches("loaded");
+  const { state: t, send: r, prop: n, scope: s } = e, o = t.matches("loaded");
   return {
     loaded: o,
     setSrc(m) {
@@ -16,16 +16,16 @@ function L(e, a) {
     },
     getRootProps() {
       return a.element({
-        ...n.root.attrs,
-        dir: d("dir"),
+        ...d.root.attrs,
+        dir: n("dir"),
         id: c(s)
       });
     },
     getImageProps() {
       return a.img({
-        ...n.image.attrs,
+        ...d.image.attrs,
         hidden: !o,
-        dir: d("dir"),
+        dir: n("dir"),
         id: g(s),
         "data-state": o ? "visible" : "hidden",
         onLoad() {
@@ -38,8 +38,8 @@ function L(e, a) {
     },
     getFallbackProps() {
       return a.element({
-        ...n.fallback.attrs,
-        dir: d("dir"),
+        ...d.fallback.attrs,
+        dir: n("dir"),
         id: b(s),
         hidden: o,
         "data-state": o ? "hidden" : "visible"
@@ -109,7 +109,7 @@ var N = l({
     effects: {
       trackImageRemoval({ send: e, scope: a }) {
         const t = f(a);
-        return u(t, {
+        return v(t, {
           callback(r) {
             Array.from(r[0].removedNodes).find(
               (o) => o.nodeType === Node.ELEMENT_NODE && o.matches("[data-scope=avatar][data-part=image]")
@@ -119,7 +119,7 @@ var N = l({
       },
       trackSrcChange({ send: e, scope: a }) {
         const t = i(a);
-        return v(t, {
+        return p(t, {
           attributes: ["src", "srcset"],
           callback() {
             e({ type: "src.change" });
@@ -133,9 +133,17 @@ function y(e) {
   return e.complete && e.naturalWidth !== 0 && e.naturalHeight !== 0;
 }
 h()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
+const O = {
+  xs: "24px",
+  sm: "32px",
+  md: "36px",
+  lg: "40px",
+  xl: "64px"
+};
 export {
+  O as A,
   k as a,
   L as c,
   N as m
 };
-//# sourceMappingURL=index-Cv06PsSJ.js.map
+//# sourceMappingURL=avatar.records-EoZmO3VR.js.map

package/dist/chunks/avatar.records-EoZmO3VR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.records-EoZmO3VR.js","sources":["../../node_modules/@zag-js/avatar/dist/index.mjs","../../src/components/Avatar/avatar.records.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { observeAttributes, observeChildren } from '@zag-js/dom-query';\nimport { createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/avatar.anatomy.ts\nvar anatomy = createAnatomy(\"avatar\").parts(\"root\", \"image\", \"fallback\");\nvar parts = anatomy.build();\n\n// src/avatar.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `avatar:${ctx.id}`;\nvar getImageId = (ctx) => ctx.ids?.image ?? `avatar:${ctx.id}:image`;\nvar getFallbackId = (ctx) => ctx.ids?.fallback ?? `avatar:${ctx.id}:fallback`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getImageEl = (ctx) => ctx.getById(getImageId(ctx));\n\n// src/avatar.connect.ts\nfunction connect(service, normalize) {\n  const { state, send, prop, scope } = service;\n  const loaded = state.matches(\"loaded\");\n  return {\n    loaded,\n    setSrc(src) {\n      const img = getImageEl(scope);\n      img?.setAttribute(\"src\", src);\n    },\n    setLoaded() {\n      send({ type: \"img.loaded\", src: \"api\" });\n    },\n    setError() {\n      send({ type: \"img.error\", src: \"api\" });\n    },\n    getRootProps() {\n      return normalize.element({\n        ...parts.root.attrs,\n        dir: prop(\"dir\"),\n        id: getRootId(scope)\n      });\n    },\n    getImageProps() {\n      return normalize.img({\n        ...parts.image.attrs,\n        hidden: !loaded,\n        dir: prop(\"dir\"),\n        id: getImageId(scope),\n        \"data-state\": loaded ? \"visible\" : \"hidden\",\n        onLoad() {\n          send({ type: \"img.loaded\", src: \"element\" });\n        },\n        onError() {\n          send({ type: \"img.error\", src: \"element\" });\n        }\n      });\n    },\n    getFallbackProps() {\n      return normalize.element({\n        ...parts.fallback.attrs,\n        dir: prop(\"dir\"),\n        id: getFallbackId(scope),\n        hidden: loaded,\n        \"data-state\": loaded ? \"hidden\" : \"visible\"\n      });\n    }\n  };\n}\nvar machine = createMachine({\n  initialState() {\n    return \"loading\";\n  },\n  effects: [\"trackImageRemoval\", \"trackSrcChange\"],\n  on: {\n    \"src.change\": {\n      target: \"loading\"\n    },\n    \"img.unmount\": {\n      target: \"error\"\n    }\n  },\n  states: {\n    loading: {\n      entry: [\"checkImageStatus\"],\n      on: {\n        \"img.loaded\": {\n          target: \"loaded\",\n          actions: [\"invokeOnLoad\"]\n        },\n        \"img.error\": {\n          target: \"error\",\n          actions: [\"invokeOnError\"]\n        }\n      }\n    },\n    error: {\n      on: {\n        \"img.loaded\": {\n          target: \"loaded\",\n          actions: [\"invokeOnLoad\"]\n        }\n      }\n    },\n    loaded: {\n      on: {\n        \"img.error\": {\n          target: \"error\",\n          actions: [\"invokeOnError\"]\n        }\n      }\n    }\n  },\n  implementations: {\n    actions: {\n      invokeOnLoad({ prop }) {\n        prop(\"onStatusChange\")?.({ status: \"loaded\" });\n      },\n      invokeOnError({ prop }) {\n        prop(\"onStatusChange\")?.({ status: \"error\" });\n      },\n      checkImageStatus({ send, scope }) {\n        const imageEl = getImageEl(scope);\n        if (!imageEl?.complete) return;\n        const type = hasLoaded(imageEl) ? \"img.loaded\" : \"img.error\";\n        send({ type, src: \"ssr\" });\n      }\n    },\n    effects: {\n      trackImageRemoval({ send, scope }) {\n        const rootEl = getRootEl(scope);\n        return observeChildren(rootEl, {\n          callback(records) {\n            const removedNodes = Array.from(records[0].removedNodes);\n            const removed = removedNodes.find(\n              (node) => node.nodeType === Node.ELEMENT_NODE && node.matches(\"[data-scope=avatar][data-part=image]\")\n            );\n            if (removed) {\n              send({ type: \"img.unmount\" });\n            }\n          }\n        });\n      },\n      trackSrcChange({ send, scope }) {\n        const imageEl = getImageEl(scope);\n        return observeAttributes(imageEl, {\n          attributes: [\"src\", \"srcset\"],\n          callback() {\n            send({ type: \"src.change\" });\n          }\n        });\n      }\n    }\n  }\n});\nfunction hasLoaded(image) {\n  return image.complete && image.naturalWidth !== 0 && image.naturalHeight !== 0;\n}\nvar props = createProps()([\"dir\", \"id\", \"ids\", \"onStatusChange\", \"getRootNode\"]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","import { AvatarSize } from './avatar.types';\n\nexport const AvatarSizeMap: Record<AvatarSize, string> = {\n  xs: '24px',\n  sm: '32px',\n  md: '36px',\n  lg: '40px',\n  xl: '64px',\n};\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getImageId","getFallbackId","getRootEl","getImageEl","connect","service","normalize","state","send","prop","scope","loaded","src","machine","createMachine","imageEl","type","hasLoaded","rootEl","observeChildren","records","node","observeAttributes","image","createProps","AvatarSizeMap"],"mappings":"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","x_google_ignoreList":[0]}