@televet/kibble-ui 4.0.0-beta.1 → 4.0.0-beta.100

package/dist/chunks/avatar.component-B9AMlLkB.js

@@ -1,275 +0,0 @@
-import { x as e } from "./vendor-D56wCYP8.js";
-import C, { useCallback as I, useMemo as p, useState as w } from "react";
-import { T as S } from "./tooltip.component-BWCxPfIL.js";
-import { I as b } from "./icon.component-ADHJf_mk.js";
-import "../components/Icon/generated/index.es.js";
-import { aN as m, c as A, u as R, F as z, B as _, aO as y, aP as F, aQ as M } from "./chakra-LFfg7ED-.js";
-import { g as W } from "./internal-utils-DreEpeAu.js";
-const H = ({
-  avatarSize: t,
-  onRemove: a,
-  isBeingHovered: r,
-  setIsBeingHovered: s
-}) => {
-  const o = I(
-    (l) => {
-      l.stopPropagation(), a && a(l);
-    },
-    [a]
-  );
-  return /* @__PURE__ */ e.jsx(
-    m,
-    {
-      className: "Avatar__RemoveButton",
-      "data-testid": "kibble-avatar-remove-button",
-      backgroundColor: "background",
-      borderRadius: "full",
-      cursor: "pointer",
-      display: "none",
-      h: 4,
-      onClick: o,
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
-      w: 4,
-      zIndex: "tooltip",
-      offset: t === "xl" ? 2 : 0.5,
-      _groupHover: {
-        display: "flex"
-      },
-      children: /* @__PURE__ */ e.jsx(
-        b,
-        {
-          variant: "default",
-          name: "closeCircleSolid",
-          size: r ? "sm" : "xs"
-        }
-      )
-    }
-  );
-}, O = {
-  info: {
-    bgColor: "background.info"
-  },
-  default: {
-    bgColor: "background.subtle.less"
-  },
-  error: {
-    bgColor: "background.danger"
-  },
-  success: {
-    bgColor: "background.success"
-  },
-  warning: {
-    bgColor: "background.warning"
-  }
-}, E = {
-  xs: {
-    boxSize: "10px"
-  },
-  sm: {
-    boxSize: "18px"
-  },
-  md: {
-    boxSize: "18px"
-  },
-  lg: {
-    boxSize: "18px"
-  },
-  xl: {
-    borderWidth: "2px",
-    boxSize: "24px"
-  }
-}, T = A({
-  base: {
-    alignItems: "center",
-    borderColor: "border.strong.contrast",
-    borderRadius: "full",
-    borderWidth: "1px",
-    justifyContent: "center"
-  },
-  variants: {
-    size: E,
-    status: O,
-    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"
-      }
-    }
-  ]
-}), V = {
-  xs: 0.5,
-  sm: 0.5,
-  md: 0.5,
-  lg: 0.5,
-  xl: 2
-}, L = {
-  xs: 0.5,
-  sm: 0.5,
-  md: 1,
-  lg: 1,
-  xl: 2
-}, N = ({
-  avatarSize: t,
-  iconName: a,
-  position: r = "bottom-end",
-  status: s = "info",
-  ...o
-}) => {
-  const d = R({ recipe: T })({ status: s, size: t, withIcon: !!a }), c = p(
-    () => t === "xs" || !a,
-    [a, t]
-  ), u = p(
-    () => c ? L : V,
-    [c]
-  );
-  return /* @__PURE__ */ e.jsx(
-    m,
-    {
-      className: "Avatar__BadgeWrapper",
-      "data-testid": "kibble-avatar-badge-wrapper",
-      offset: u[t],
-      placement: r,
-      children: /* @__PURE__ */ e.jsx(
-        z,
-        {
-          className: "Avatar__Badge",
-          "data-testid": "kibble-avatar-badge",
-          css: d,
-          ...o,
-          children: !c && a && /* @__PURE__ */ e.jsx(
-            b,
-            {
-              name: a,
-              variant: s !== "error" ? s : "danger",
-              size: t === "xl" ? "sm" : "xs"
-            }
-          )
-        }
-      )
-    }
-  );
-}, X = ({
-  badgeProps: t,
-  hideBorder: a,
-  iconName: r,
-  name: s = "",
-  onClick: o,
-  onRemove: l,
-  showBadge: d,
-  showRemoveButton: c,
-  showTooltip: u = !0,
-  size: n = "md",
-  src: g,
-  tooltipProps: i,
-  variant: v = "default",
-  webpSrc: x,
-  ...h
-}) => {
-  const [f, k] = w(!1), j = u && !f ? ({ children: B }) => /* @__PURE__ */ e.jsx(
-    S,
-    {
-      "data-testid": "kibble-avatar-tooltip",
-      ...i,
-      label: i?.label || s,
-      disabled: !s && !i?.label,
-      placement: i?.placement || "bottom",
-      children: /* @__PURE__ */ e.jsx(_, { children: B })
-    }
-  ) : C.Fragment;
-  return /* @__PURE__ */ e.jsx(j, { children: /* @__PURE__ */ e.jsxs(
-    y,
-    {
-      className: "Avatar group",
-      "data-testid": "kibble-avatar",
-      variant: v,
-      size: n,
-      interactive: !!o,
-      hideBorder: a,
-      onClick: o,
-      ...h,
-      children: [
-        /* @__PURE__ */ e.jsx(F, { name: s, children: r && /* @__PURE__ */ e.jsx(
-          b,
-          {
-            name: r,
-            pt: "-1px",
-            size: n === "lg" ? "lg" : W({
-              currentSize: n,
-              larger: !0,
-              delta: 1
-            })
-          }
-        ) }),
-        d && /* @__PURE__ */ e.jsx(N, { avatarSize: n, ...t }),
-        (x || g) && /* @__PURE__ */ e.jsx(M, { src: g, srcSet: x }),
-        c && n !== "xs" && /* @__PURE__ */ e.jsx(
-          H,
-          {
-            avatarSize: n,
-            onRemove: l,
-            isBeingHovered: f,
-            setIsBeingHovered: k
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  X as A
-};
-//# sourceMappingURL=avatar.component-B9AMlLkB.js.map

package/dist/chunks/avatar.component-B9AMlLkB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.component-B9AMlLkB.js","sources":["../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../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":["import React, {\n  useCallback,\n  MouseEvent,\n  Dispatch,\n  SetStateAction,\n} 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\n        variant=\"default\"\n        name=\"closeCircleSolid\"\n        size={isBeingHovered ? \"sm\" : \"xs\"}\n      />\n    </Float>\n  );\n};\n\nexport default AvatarRemoveButton;\n","import {\n  defineRecipe,\n  SystemStyleObject,\n} 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,\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(\n    () => avatarSize === \"xs\" || !iconName,\n    [iconName, avatarSize],\n  );\n  const offsetRecord = useMemo(\n    () => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap),\n    [useSmallBadge],\n  );\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\n        className=\"Avatar__Badge\"\n        data-testid=\"kibble-avatar-badge\"\n        css={styles}\n        {...rest}\n      >\n        {!useSmallBadge && iconName && (\n          <Icon\n            name={iconName}\n            variant={\n              status !== \"error\" ? (status as TypographyVariant) : \"danger\"\n            }\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 {\n  AvatarBadge,\n  AvatarBadgeProps,\n} 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              pt=\"-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":["AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","jsx","Float","Icon","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","rest","styles","useRecipe","useSmallBadge","useMemo","offsetRecord","Flex","Avatar","badgeProps","hideBorder","name","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","getNextIconSize","CAvatar.Image"],"mappings":"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"}

package/dist/chunks/avatar.component-CAP2ZsZn.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./vendor-CsrlYH7V.js"),u=require("react"),I=require("./tooltip.component-Cp8vLMVq.js"),g=require("./icon.component-DIxGH95k.js");require("../components/Icon/generated/index.cjs.js");const a=require("./chakra-CQVPsvk3.js"),C=require("./internal-utils-C8S2e6y9.js"),B=({avatarSize:r,onRemove:t,isBeingHovered:o,setIsBeingHovered:s})=>{const n=u.useCallback(c=>{c.stopPropagation(),t&&t(c)},[t]);return e.jsxRuntimeExports.jsx(a.Float,{className:"Avatar__RemoveButton","data-testid":"kibble-avatar-remove-button",backgroundColor:"background",borderRadius:"full",cursor:"pointer",display:"none",h:4,onClick:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),w:4,zIndex:"tooltip",offset:r==="xl"?2:.5,_groupHover:{display:"flex"},children:e.jsxRuntimeExports.jsx(g.Icon,{variant:"default",name:"closeCircleSolid",size:o?"sm":"xs"})})},E={info:{bgColor:"background.info"},default:{bgColor:"background.subtle.less"},error:{bgColor:"background.danger"},success:{bgColor:"background.success"},warning:{bgColor:"background.warning"}},w={xs:{boxSize:"10px"},sm:{boxSize:"18px"},md:{boxSize:"18px"},lg:{boxSize:"18px"},xl:{borderWidth:"2px",boxSize:"24px"}},S=a.defineRecipe({base:{alignItems:"center",borderColor:"border.strong.contrast",borderRadius:"full",borderWidth:"1px",justifyContent:"center"},variants:{size:w,status:E,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"}}]}),A={xs:.5,sm:.5,md:.5,lg:.5,xl:2},z={xs:.5,sm:.5,md:1,lg:1,xl:2},_=({avatarSize:r,iconName:t,position:o="bottom-end",status:s="info",...n})=>{const x=a.useRecipe({recipe:S})({status:s,size:r,withIcon:!!t}),l=u.useMemo(()=>r==="xs"||!t,[t,r]),b=u.useMemo(()=>l?z:A,[l]);return e.jsxRuntimeExports.jsx(a.Float,{className:"Avatar__BadgeWrapper","data-testid":"kibble-avatar-badge-wrapper",offset:b[r],placement:o,children:e.jsxRuntimeExports.jsx(a.Flex,{className:"Avatar__Badge","data-testid":"kibble-avatar-badge",css:x,...n,children:!l&&t&&e.jsxRuntimeExports.jsx(g.Icon,{name:t,variant:s!=="error"?s:"danger",size:r==="xl"?"sm":"xs"})})})},q=({badgeProps:r,hideBorder:t,iconName:o,name:s="",onClick:n,onRemove:c,showBadge:x,showRemoveButton:l,showTooltip:b=!0,size:i="md",src:p,tooltipProps:d,variant:v="default",webpSrc:m,...j})=>{const[f,R]=u.useState(!1),h=b&&!f?({children:k})=>e.jsxRuntimeExports.jsx(I.Tooltip,{"data-testid":"kibble-avatar-tooltip",...d,label:d?.label||s,disabled:!s&&!d?.label,placement:d?.placement||"bottom",children:e.jsxRuntimeExports.jsx(a.Box,{children:k})}):u.Fragment;return e.jsxRuntimeExports.jsx(h,{children:e.jsxRuntimeExports.jsxs(a.AvatarRoot,{className:"Avatar group","data-testid":"kibble-avatar",variant:v,size:i,interactive:!!n,hideBorder:t,onClick:n,...j,children:[e.jsxRuntimeExports.jsx(a.AvatarFallback,{name:s,children:o&&e.jsxRuntimeExports.jsx(g.Icon,{name:o,pt:"-1px",size:i==="lg"?"lg":C.getNextIconSize({currentSize:i,larger:!0,delta:1})})}),x&&e.jsxRuntimeExports.jsx(_,{avatarSize:i,...r}),(m||p)&&e.jsxRuntimeExports.jsx(a.AvatarImage,{src:p,srcSet:m}),l&&i!=="xs"&&e.jsxRuntimeExports.jsx(B,{avatarSize:i,onRemove:c,isBeingHovered:f,setIsBeingHovered:R})]})})};exports.Avatar=q;
-//# sourceMappingURL=avatar.component-CAP2ZsZn.js.map

package/dist/chunks/avatar.component-CAP2ZsZn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.component-CAP2ZsZn.js","sources":["../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../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":["import React, {\n  useCallback,\n  MouseEvent,\n  Dispatch,\n  SetStateAction,\n} 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\n        variant=\"default\"\n        name=\"closeCircleSolid\"\n        size={isBeingHovered ? \"sm\" : \"xs\"}\n      />\n    </Float>\n  );\n};\n\nexport default AvatarRemoveButton;\n","import {\n  defineRecipe,\n  SystemStyleObject,\n} 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,\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(\n    () => avatarSize === \"xs\" || !iconName,\n    [iconName, avatarSize],\n  );\n  const offsetRecord = useMemo(\n    () => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap),\n    [useSmallBadge],\n  );\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\n        className=\"Avatar__Badge\"\n        data-testid=\"kibble-avatar-badge\"\n        css={styles}\n        {...rest}\n      >\n        {!useSmallBadge && iconName && (\n          <Icon\n            name={iconName}\n            variant={\n              status !== \"error\" ? (status as TypographyVariant) : \"danger\"\n            }\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 {\n  AvatarBadge,\n  AvatarBadgeProps,\n} 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              pt=\"-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":["AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","jsx","Float","Icon","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","rest","styles","useRecipe","useSmallBadge","useMemo","offsetRecord","Flex","Avatar","badgeProps","hideBorder","name","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","getNextIconSize","CAvatar.Image"],"mappings":"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"}

package/dist/chunks/avatar.types-LQ1Bn8a3.js

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

package/dist/chunks/avatar.types-LQ1Bn8a3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.types-LQ1Bn8a3.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,IAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI,GAG3CC,IAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/chunks/avatarGroup.component-DiBoAbnD.js

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

package/dist/chunks/avatarGroup.component-DiBoAbnD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarGroup.component-DiBoAbnD.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AvatarGroup as CAvatarGroup,\n  AvatarGroupProps as CAvatarGroupProps,\n} 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(\n    () => avatars.map((avatar) => avatar.name).join(\", \"),\n    [avatars],\n  );\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":"sJAoBaA,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,QAClB,IAAMV,EAAQ,IAAKW,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EACpD,CAACX,CAAO,CACV,EACMY,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"}

package/dist/chunks/avatarGroup.component-Hgr3u3_1.js

@@ -1,71 +0,0 @@
-import { x as a } from "./vendor-D56wCYP8.js";
-import { useMemo as A, createElement as d } from "react";
-import { A as r } from "./avatar.component-B9AMlLkB.js";
-import { A as h } from "./chakra-LFfg7ED-.js";
-const R = ({
-  addButtonTooltipText: m,
-  avatars: t,
-  max: n = 3,
-  onAdd: s,
-  onRemove: p,
-  showAddButton: l = !0,
-  showRemoveAvatarButton: i = !1,
-  size: o = "md",
-  variant: c = "default",
-  ...u
-}) => {
-  const f = A(
-    () => t.map((e) => e.name).join(", "),
-    [t]
-  ), g = o === "xs" || o === "sm" ? -1 : -2;
-  return /* @__PURE__ */ a.jsxs(
-    h,
-    {
-      className: "AvatarGroup",
-      "data-testid": "kibble-avatar-group",
-      gap: 0,
-      spaceX: g,
-      stacking: "first-on-top",
-      size: o,
-      ...u,
-      children: [
-        t.length > n ? /* @__PURE__ */ a.jsx(
-          r,
-          {
-            name: `${t.length}`,
-            size: o,
-            variant: "contrast",
-            showRemoveButton: !1,
-            tooltipProps: { label: f }
-          }
-        ) : t.map((e, x) => /* @__PURE__ */ d(
-          r,
-          {
-            ...e,
-            key: e.name,
-            size: o,
-            variant: c || e.variant,
-            showRemoveButton: i,
-            onRemove: () => p?.(x)
-          }
-        )),
-        l && /* @__PURE__ */ a.jsx(
-          r,
-          {
-            variant: "dashed",
-            iconName: "plus",
-            onClick: s,
-            ...!!m && {
-              tooltipProps: { label: m }
-            },
-            size: o
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  R as A
-};
-//# sourceMappingURL=avatarGroup.component-Hgr3u3_1.js.map

package/dist/chunks/avatarGroup.component-Hgr3u3_1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarGroup.component-Hgr3u3_1.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AvatarGroup as CAvatarGroup,\n  AvatarGroupProps as CAvatarGroupProps,\n} 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(\n    () => avatars.map((avatar) => avatar.name).join(\", \"),\n    [avatars],\n  );\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":";;;;AAoBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,wBAAAC,IAAyB;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAcC;AAAA,IAClB,MAAMV,EAAQ,IAAI,CAACW,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI;AAAA,IACpD,CAACX,CAAO;AAAA,EACV,GACMY,IAAUN,MAAS,QAAQA,MAAS,OAAO,KAAK;AAGpD,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAK;AAAA,MACL,QAAQF;AAAA,MACR,UAAS;AAAA,MACT,MAAAN;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAR,EAAQ,SAASC,IAChBc,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM,GAAGhB,EAAQ,MAAM;AAAA,YACvB,MAAAM;AAAA,YACA,SAAQ;AAAA,YACR,kBAAkB;AAAA,YAClB,cAAc,EAAE,OAAOG,EAAY;AAAA,UAAA;AAAA,QAGrC,IAAAT,EAAQ,IAAI,CAACW,GAAQM,MACnB,gBAAAC;AAAA,UAACF;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,KAAKA,EAAO;AAAA,YACZ,MAAAL;AAAA,YACA,SAASC,KAAWI,EAAO;AAAA,YAC3B,kBAAkBN;AAAA,YAClB,UAAU,MAAMF,IAAWc,CAAK;AAAA,UAAA;AAAA,QAAA,CAEnC;AAAA,QAEFb,KACCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,SAASd;AAAA,YACR,GAAI,CAAC,CAACH,KAAwB;AAAA,cAC7B,cAAc,EAAE,OAAOA,EAAqB;AAAA,YAC9C;AAAA,YACA,MAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/chunks/button.component-BwdIs2R9.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./vendor-CsrlYH7V.js"),m=require("react"),R=require("./internal-utils-C8S2e6y9.js"),f=require("./icon.component-DIxGH95k.js");require("../components/Icon/generated/index.cjs.js");const d=require("./chakra-CQVPsvk3.js"),j=m.forwardRef(({active:p,children:r,iconName:s,iconPosition:a="left",fullWidth:o=!1,onContrast:u=!1,size:n="md",variant:i="primary",...c},x)=>{let e;const l=m.useMemo(()=>`${i}${u?"OnContrast":""}`,[u,i]);if(s&&(e=t.jsxRuntimeExports.jsx(f.Icon,{size:n,name:s}),!r)){const b=R.camelCaseToLabel(s);return t.jsxRuntimeExports.jsx(d.IconButton,{className:"IconButton","data-testid":"kibble-icon-button",ref:x,"aria-label":b,size:n,variant:l,...c,...o&&{width:"100%"},children:e})}return t.jsxRuntimeExports.jsxs(d.Button,{className:"Button","data-testid":"kibble-button",fontWeight:"semibold",ref:x,size:n,variant:l,...p&&{"data-active":!0},...c,...o&&{width:"100%"},...!!s&&{gap:n==="xs"||n==="sm"?1:2},children:[e&&a==="left"?e:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),r,e&&a==="right"?e:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{})]})});j.displayName="Button";exports.Button=j;
-//# sourceMappingURL=button.component-BwdIs2R9.js.map

package/dist/chunks/button.component-BwdIs2R9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.component-BwdIs2R9.js","sources":["../../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useMemo } from \"react\";\nimport {\n  Button as CButton,\n  ButtonProps as CButtonProps,\n  IconButton as CIconButton,\n} from \"@chakra-ui/react/button\";\nimport { IconName } from \"components/Icon/icon.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonIconPosition,\n  ButtonSize,\n  ButtonSpinnerPlacement,\n  ButtonVariant,\n} from \"./button.types\";\nimport { camelCaseToLabel } from \"shared/utils/strings\";\nimport { Icon } from \"components/Icon\";\n\nexport interface KButtonProps {\n  active?: boolean;\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  fullWidth?: boolean;\n  size?: ButtonSize;\n  spinnerPlacement?: ButtonSpinnerPlacement;\n  onContrast?: boolean;\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & CButtonProps;\n\nexport const Button = forwardRef(\n  (\n    {\n      active,\n      children,\n      iconName,\n      iconPosition = \"left\",\n      fullWidth = false,\n      onContrast = false,\n      size = \"md\",\n      variant = \"primary\",\n      ...rest\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): React.JSX.Element => {\n    let icon;\n    const computedVariant = useMemo(\n      () =>\n        `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n      [onContrast, variant],\n    );\n\n    if (iconName) {\n      icon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            className=\"IconButton\"\n            data-testid=\"kibble-icon-button\"\n            ref={ref}\n            aria-label={label}\n            size={size}\n            variant={computedVariant}\n            {...rest}\n            {...(fullWidth && { width: \"100%\" })}\n          >\n            {icon}\n          </CIconButton>\n        );\n      }\n    }\n\n    return (\n      <CButton\n        className=\"Button\"\n        data-testid=\"kibble-button\"\n        fontWeight=\"semibold\"\n        ref={ref}\n        size={size}\n        variant={computedVariant}\n        {...(active && { \"data-active\": true })}\n        {...rest}\n        {...(fullWidth && { width: \"100%\" })}\n        {...(!!iconName && {\n          gap: size === \"xs\" || size === \"sm\" ? 1 : 2,\n        })}\n      >\n        {icon && iconPosition === \"left\" ? icon : <></>}\n        {children}\n        {icon && iconPosition === \"right\" ? icon : <></>}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n"],"names":["Button","forwardRef","active","children","iconName","iconPosition","fullWidth","onContrast","size","variant","rest","ref","icon","computedVariant","useMemo","jsx","Icon","label","camelCaseToLabel","CIconButton","jsxs","CButton","Fragment"],"mappings":"yPA8BaA,EAASC,EAAA,WACpB,CACE,CACE,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,OACf,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,GAELC,IACsB,CAClB,IAAAC,EACJ,MAAMC,EAAkBC,EAAA,QACtB,IACE,GAAGL,CAAO,GAAGF,EAAa,aAAe,EAAE,GAC7C,CAACA,EAAYE,CAAO,CACtB,EAEA,GAAIL,IACFQ,EAAQG,EAAA,kBAAA,IAAAC,EAAA,KAAA,CAAK,KAAAR,EAAY,KAAMJ,EAAU,EAErC,CAACD,GAAU,CACP,MAAAc,EAAQC,mBAAiBd,CAAQ,EAErC,OAAAW,EAAA,kBAAA,IAACI,EAAA,WAAA,CACC,UAAU,aACV,cAAY,qBACZ,IAAAR,EACA,aAAYM,EACZ,KAAAT,EACA,QAASK,EACR,GAAGH,EACH,GAAIJ,GAAa,CAAE,MAAO,MAAO,EAEjC,SAAAM,CAAA,CACH,CAAA,CAMJ,OAAAQ,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,SACV,cAAY,gBACZ,WAAW,WACX,IAAAV,EACA,KAAAH,EACA,QAASK,EACR,GAAIX,GAAU,CAAE,cAAe,EAAK,EACpC,GAAGQ,EACH,GAAIJ,GAAa,CAAE,MAAO,MAAO,EACjC,GAAI,CAAC,CAACF,GAAY,CACjB,IAAKI,IAAS,MAAQA,IAAS,KAAO,EAAI,CAC5C,EAEC,SAAA,CAAQI,GAAAP,IAAiB,OAASO,EAASG,EAAA,kBAAA,IAAAO,EAAA,kBAAA,SAAA,EAAA,EAC3CnB,EACAS,GAAQP,IAAiB,QAAUO,EAASG,EAAA,kBAAA,IAAAO,EAAA,kBAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAC/C,CAAA,CAGN,EAEAtB,EAAO,YAAc"}

package/dist/chunks/button.component-SfKkS7VY.js

@@ -1,69 +0,0 @@
-import { x as t } from "./vendor-D56wCYP8.js";
-import { forwardRef as c, useMemo as b } from "react";
-import { c as x } from "./internal-utils-DreEpeAu.js";
-import { I as B } from "./icon.component-ADHJf_mk.js";
-import "../components/Icon/generated/index.es.js";
-import { I as j, k as g } from "./chakra-LFfg7ED-.js";
-const I = c(
-  ({
-    active: f,
-    children: s,
-    iconName: r,
-    iconPosition: e = "left",
-    fullWidth: m = !1,
-    onContrast: n = !1,
-    size: o = "md",
-    variant: i = "primary",
-    ...l
-  }, u) => {
-    let a;
-    const d = b(
-      () => `${i}${n ? "OnContrast" : ""}`,
-      [n, i]
-    );
-    if (r && (a = /* @__PURE__ */ t.jsx(B, { size: o, name: r }), !s)) {
-      const p = x(r);
-      return /* @__PURE__ */ t.jsx(
-        j,
-        {
-          className: "IconButton",
-          "data-testid": "kibble-icon-button",
-          ref: u,
-          "aria-label": p,
-          size: o,
-          variant: d,
-          ...l,
-          ...m && { width: "100%" },
-          children: a
-        }
-      );
-    }
-    return /* @__PURE__ */ t.jsxs(
-      g,
-      {
-        className: "Button",
-        "data-testid": "kibble-button",
-        fontWeight: "semibold",
-        ref: u,
-        size: o,
-        variant: d,
-        ...f && { "data-active": !0 },
-        ...l,
-        ...m && { width: "100%" },
-        ...!!r && {
-          gap: o === "xs" || o === "sm" ? 1 : 2
-        },
-        children: [
-          a && e === "left" ? a : /* @__PURE__ */ t.jsx(t.Fragment, {}),
-          s,
-          a && e === "right" ? a : /* @__PURE__ */ t.jsx(t.Fragment, {})
-        ]
-      }
-    );
-  }
-);
-I.displayName = "Button";
-export {
-  I as B
-};
-//# sourceMappingURL=button.component-SfKkS7VY.js.map

package/dist/chunks/button.component-SfKkS7VY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.component-SfKkS7VY.js","sources":["../../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useMemo } from \"react\";\nimport {\n  Button as CButton,\n  ButtonProps as CButtonProps,\n  IconButton as CIconButton,\n} from \"@chakra-ui/react/button\";\nimport { IconName } from \"components/Icon/icon.types\";\nimport {\n  ButtonConfigVariant,\n  ButtonIconPosition,\n  ButtonSize,\n  ButtonSpinnerPlacement,\n  ButtonVariant,\n} from \"./button.types\";\nimport { camelCaseToLabel } from \"shared/utils/strings\";\nimport { Icon } from \"components/Icon\";\n\nexport interface KButtonProps {\n  active?: boolean;\n  iconName?: IconName;\n  iconPosition?: ButtonIconPosition;\n  fullWidth?: boolean;\n  size?: ButtonSize;\n  spinnerPlacement?: ButtonSpinnerPlacement;\n  onContrast?: boolean;\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & CButtonProps;\n\nexport const Button = forwardRef(\n  (\n    {\n      active,\n      children,\n      iconName,\n      iconPosition = \"left\",\n      fullWidth = false,\n      onContrast = false,\n      size = \"md\",\n      variant = \"primary\",\n      ...rest\n    }: ButtonProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): React.JSX.Element => {\n    let icon;\n    const computedVariant = useMemo(\n      () =>\n        `${variant}${onContrast ? \"OnContrast\" : \"\"}` as ButtonConfigVariant,\n      [onContrast, variant],\n    );\n\n    if (iconName) {\n      icon = <Icon size={size} name={iconName} />;\n\n      if (!children) {\n        const label = camelCaseToLabel(iconName);\n        return (\n          <CIconButton\n            className=\"IconButton\"\n            data-testid=\"kibble-icon-button\"\n            ref={ref}\n            aria-label={label}\n            size={size}\n            variant={computedVariant}\n            {...rest}\n            {...(fullWidth && { width: \"100%\" })}\n          >\n            {icon}\n          </CIconButton>\n        );\n      }\n    }\n\n    return (\n      <CButton\n        className=\"Button\"\n        data-testid=\"kibble-button\"\n        fontWeight=\"semibold\"\n        ref={ref}\n        size={size}\n        variant={computedVariant}\n        {...(active && { \"data-active\": true })}\n        {...rest}\n        {...(fullWidth && { width: \"100%\" })}\n        {...(!!iconName && {\n          gap: size === \"xs\" || size === \"sm\" ? 1 : 2,\n        })}\n      >\n        {icon && iconPosition === \"left\" ? icon : <></>}\n        {children}\n        {icon && iconPosition === \"right\" ? icon : <></>}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n"],"names":["Button","forwardRef","active","children","iconName","iconPosition","fullWidth","onContrast","size","variant","rest","ref","icon","computedVariant","useMemo","jsx","Icon","label","camelCaseToLabel","CIconButton","jsxs","CButton","Fragment"],"mappings":";;;;;;AA8BO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,KAELC,MACsB;AAClB,QAAAC;AACJ,UAAMC,IAAkBC;AAAA,MACtB,MACE,GAAGL,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,MAC7C,CAACA,GAAYE,CAAO;AAAA,IACtB;AAEA,QAAIL,MACFQ,IAAQG,gBAAAA,EAAA,IAAAC,GAAA,EAAK,MAAAR,GAAY,MAAMJ,GAAU,GAErC,CAACD,IAAU;AACP,YAAAc,IAAQC,EAAiBd,CAAQ;AAErC,aAAAW,gBAAAA,EAAA;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,KAAAR;AAAA,UACA,cAAYM;AAAA,UACZ,MAAAT;AAAA,UACA,SAASK;AAAA,UACR,GAAGH;AAAA,UACH,GAAIJ,KAAa,EAAE,OAAO,OAAO;AAAA,UAEjC,UAAAM;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAMJ,WAAAQ,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,YAAW;AAAA,QACX,KAAAV;AAAA,QACA,MAAAH;AAAA,QACA,SAASK;AAAA,QACR,GAAIX,KAAU,EAAE,eAAe,GAAK;AAAA,QACpC,GAAGQ;AAAA,QACH,GAAIJ,KAAa,EAAE,OAAO,OAAO;AAAA,QACjC,GAAI,CAAC,CAACF,KAAY;AAAA,UACjB,KAAKI,MAAS,QAAQA,MAAS,OAAO,IAAI;AAAA,QAC5C;AAAA,QAEC,UAAA;AAAA,UAAQI,KAAAP,MAAiB,SAASO,IAASG,gBAAAA,EAAA,IAAAO,EAAA,UAAA,EAAA;AAAA,UAC3CnB;AAAA,UACAS,KAAQP,MAAiB,UAAUO,IAASG,gBAAAA,EAAA,IAAAO,EAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA;AAGN;AAEAtB,EAAO,cAAc;"}

package/dist/chunks/buttonGroup.component-C7RpJBBH.js

@@ -1,67 +0,0 @@
-import { x as p } from "./vendor-D56wCYP8.js";
-import { useMemo as x } from "react";
-import { B } from "./button.component-SfKkS7VY.js";
-import { M as y } from "./menu.component-DvzXmK6W.js";
-import { u as j, l as R } from "./chakra-LFfg7ED-.js";
-const L = ({
-  attached: t = !0,
-  borderColor: i,
-  buttons: n,
-  menuProps: e,
-  onContrast: o = !1,
-  size: u = "md",
-  variant: r = "primary",
-  ...c
-}) => {
-  const l = x(
-    () => `${r}${o ? "OnContrast" : ""}`,
-    [o, r]
-  ), s = j({ key: "button" })({ variant: l })["@layer recipes"], a = s?.borderColor !== "var(--chakra-colors-transparent)" ? s?.borderColor : s?.color, m = {
-    borderWidth: "1px",
-    borderColor: i || a
-  };
-  return /* @__PURE__ */ p.jsxs(
-    R,
-    {
-      className: "ButtonGroup",
-      "data-testid": "kibble-button-group",
-      attached: t,
-      ...c,
-      children: [
-        n.map(({ key: b, ...d }, f) => /* @__PURE__ */ p.jsx(
-          B,
-          {
-            size: u,
-            variant: r,
-            onContrast: o,
-            ...d,
-            ...t && m
-          },
-          b || f
-        )),
-        e && /* @__PURE__ */ p.jsx(
-          y,
-          {
-            positioning: { placement: "bottom" },
-            ...e,
-            buttonProps: {
-              ...e.buttonProps,
-              size: u,
-              variant: r,
-              onContrast: o,
-              ...t && {
-                ...m,
-                borderTopLeftRadius: 0,
-                borderBottomLeftRadius: 0
-              }
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  L as B
-};
-//# sourceMappingURL=buttonGroup.component-C7RpJBBH.js.map