@televet/kibble-ui 5.0.2-beta.menu.9 → 5.0.3

package/dist/chunks/{alert.types-C_ygg7fh.js → alert.types-BsTOOEB7.js}

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import _, { forwardRef as y, Fragment as C } from "react";
-import { W as N } from "./heading.component-7ikcgDco.js";
+import { W as N } from "./heading.component-PFNpLFT7.js";
 import { I as w } from "./icon.component-PV_nHBId.js";
-import { W as S } from "./text.component-CdTyTFds.js";
+import { W as S } from "./text.component-IjomJyJY.js";
 import { B as j } from "./button.component-BO6oee_V.js";
 import { F as A } from "./flex-CX-8gE9T.js";
 import { StatusIconMap as W, StatusTypographyMap as k } from "../esm/shared/records/index.js";
@@ -138,4 +138,4 @@ export {
   st as A,
   it as a
 };
-//# sourceMappingURL=alert.types-C_ygg7fh.js.map
+//# sourceMappingURL=alert.types-BsTOOEB7.js.map

package/dist/chunks/{alert.types-C_ygg7fh.js.map → alert.types-BsTOOEB7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.types-C_ygg7fh.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"alert.types-BsTOOEB7.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{alert.types-BKSqs9qY.js → alert.types-Ch8hn5HY.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),j=require("react"),v=require("./heading.component-DMAQO_-m.js"),y=require("./icon.component-B1hr5lLa.js"),C=require("./text.component-CeioUl0G.js"),g=require("./button.component-DjdgBXDC.js"),A=require("./flex-BOU6tYUd.js"),f=require("../cjs/shared/records/index.cjs"),q=require("./provider-NDo8kOkE.js"),N=require("./create-slot-recipe-context-HXE1VazG.js"),S=require("./factory-a2SJjEvR.js"),l=require("./icons-B6Nwr9di.js"),w=t=>t&&t.__esModule?t:{default:t},B=w(j),[k,I]=q.createContext({name:"AlertStatusContext",hookName:"useAlertStatusContext",providerName:"<Alert />"}),{withProvider:W,withContext:R,useStyles:z}=N.createSlotRecipeContext({key:"alert"}),$=W("div","root",{forwardAsChild:!0,wrapElement(t,s){return e.jsxRuntimeExports.jsx(k,{value:{status:s.status||"info"},children:t})}}),b=R("div","title"),F=R("div","description"),M=R("div","content"),D={info:l.InfoIcon,warning:l.WarningIcon,success:l.CheckCircleIcon,error:l.WarningIcon,neutral:l.InfoIcon},H=j.forwardRef(function(s,a){const i=I(),r=z(),x=typeof i.status=="string"?D[i.status]:j.Fragment,{children:u=e.jsxRuntimeExports.jsx(x,{}),...n}=s;return e.jsxRuntimeExports.jsx(S.chakra.span,{ref:a,...n,css:[r.indicator,s.css],children:u})}),p=({buttonPosition:t="topRight",buttonText:s,status:a,["data-testid"]:i="kibble-alert-button",...r})=>e.jsxRuntimeExports.jsx(A.Flex,{className:"Alert__Button","data-testid":i,...t!=="topRight"&&{pt:2,pb:1},...t==="bottomRight"&&{justifyContent:"flex-end"},children:e.jsxRuntimeExports.jsx(g.Button,{size:"xs",variant:a==="default"?"primary":"secondary",w:"max-content",...r,children:s})}),L=({buttonProps:t,description:s,descriptionProps:a,hideCloseButton:i=!1,hideIcon:r=!1,iconProps:x,onClose:u,onContrast:n=!1,status:o="success",title:d,titleProps:_,["data-testid"]:c="kibble-alert",...E})=>{t&&!t.buttonPosition&&(t.buttonPosition="topRight");const m=t&&t.buttonPosition==="topRight",h=m?A.Flex:B.default.Fragment;return e.jsxRuntimeExports.jsxs($,{className:"Alert","data-testid":c,...E,variant:o,hideIcon:r,onContrast:n,children:[!r&&e.jsxRuntimeExports.jsx(H,{className:"Alert__Icon","data-testid":`${c}-icon`,children:e.jsxRuntimeExports.jsx(y.Icon,{variant:n?"onContrast":f.StatusTypographyMap[o],name:x?.name||f.StatusIconMap[o],size:"lg",...x})}),e.jsxRuntimeExports.jsxs(M,{className:"Alert__Content","data-testid":`${c}-content`,children:[d&&e.jsxRuntimeExports.jsxs(h,{...m&&{justifyContent:"space-between",gap:2},children:[e.jsxRuntimeExports.jsx(b,{className:"Alert__Title","data-testid":`${c}-title`,children:e.jsxRuntimeExports.jsx(v.WrappedHeading,{size:"sm",variant:n?"onContrast":"default",..._,children:d})}),t&&t.buttonPosition==="topRight"&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),s&&e.jsxRuntimeExports.jsxs(h,{...m&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(F,{className:"Alert__Description","data-testid":`${c}-description`,children:typeof s=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{size:"md",variant:n?"onContrast":"default",...a,children:s}):s}),t&&t.buttonPosition==="topRight"&&!d&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),t&&t?.buttonPosition!=="topRight"&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),!i&&e.jsxRuntimeExports.jsx(g.Button,{className:"Alert__CloseTrigger","data-testid":`${c}-close-trigger`,iconName:"close",size:"xs",variant:"ghostNeutral",onContrast:n,onClick:u})]})},T=["topRight","bottomLeft","bottomRight"];exports.Alert=L;exports.alertButtonPositions=T;
-//# sourceMappingURL=alert.types-BKSqs9qY.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),j=require("react"),v=require("./heading.component-DnoZOXdz.js"),y=require("./icon.component-B1hr5lLa.js"),C=require("./text.component-BDDz5KQP.js"),g=require("./button.component-DjdgBXDC.js"),A=require("./flex-BOU6tYUd.js"),f=require("../cjs/shared/records/index.cjs"),q=require("./provider-NDo8kOkE.js"),N=require("./create-slot-recipe-context-HXE1VazG.js"),S=require("./factory-a2SJjEvR.js"),l=require("./icons-B6Nwr9di.js"),w=t=>t&&t.__esModule?t:{default:t},B=w(j),[k,I]=q.createContext({name:"AlertStatusContext",hookName:"useAlertStatusContext",providerName:"<Alert />"}),{withProvider:W,withContext:R,useStyles:z}=N.createSlotRecipeContext({key:"alert"}),$=W("div","root",{forwardAsChild:!0,wrapElement(t,s){return e.jsxRuntimeExports.jsx(k,{value:{status:s.status||"info"},children:t})}}),b=R("div","title"),F=R("div","description"),M=R("div","content"),D={info:l.InfoIcon,warning:l.WarningIcon,success:l.CheckCircleIcon,error:l.WarningIcon,neutral:l.InfoIcon},H=j.forwardRef(function(s,a){const i=I(),r=z(),x=typeof i.status=="string"?D[i.status]:j.Fragment,{children:u=e.jsxRuntimeExports.jsx(x,{}),...n}=s;return e.jsxRuntimeExports.jsx(S.chakra.span,{ref:a,...n,css:[r.indicator,s.css],children:u})}),p=({buttonPosition:t="topRight",buttonText:s,status:a,["data-testid"]:i="kibble-alert-button",...r})=>e.jsxRuntimeExports.jsx(A.Flex,{className:"Alert__Button","data-testid":i,...t!=="topRight"&&{pt:2,pb:1},...t==="bottomRight"&&{justifyContent:"flex-end"},children:e.jsxRuntimeExports.jsx(g.Button,{size:"xs",variant:a==="default"?"primary":"secondary",w:"max-content",...r,children:s})}),L=({buttonProps:t,description:s,descriptionProps:a,hideCloseButton:i=!1,hideIcon:r=!1,iconProps:x,onClose:u,onContrast:n=!1,status:o="success",title:d,titleProps:_,["data-testid"]:c="kibble-alert",...E})=>{t&&!t.buttonPosition&&(t.buttonPosition="topRight");const m=t&&t.buttonPosition==="topRight",h=m?A.Flex:B.default.Fragment;return e.jsxRuntimeExports.jsxs($,{className:"Alert","data-testid":c,...E,variant:o,hideIcon:r,onContrast:n,children:[!r&&e.jsxRuntimeExports.jsx(H,{className:"Alert__Icon","data-testid":`${c}-icon`,children:e.jsxRuntimeExports.jsx(y.Icon,{variant:n?"onContrast":f.StatusTypographyMap[o],name:x?.name||f.StatusIconMap[o],size:"lg",...x})}),e.jsxRuntimeExports.jsxs(M,{className:"Alert__Content","data-testid":`${c}-content`,children:[d&&e.jsxRuntimeExports.jsxs(h,{...m&&{justifyContent:"space-between",gap:2},children:[e.jsxRuntimeExports.jsx(b,{className:"Alert__Title","data-testid":`${c}-title`,children:e.jsxRuntimeExports.jsx(v.WrappedHeading,{size:"sm",variant:n?"onContrast":"default",..._,children:d})}),t&&t.buttonPosition==="topRight"&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),s&&e.jsxRuntimeExports.jsxs(h,{...m&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(F,{className:"Alert__Description","data-testid":`${c}-description`,children:typeof s=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{size:"md",variant:n?"onContrast":"default",...a,children:s}):s}),t&&t.buttonPosition==="topRight"&&!d&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),t&&t?.buttonPosition!=="topRight"&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),!i&&e.jsxRuntimeExports.jsx(g.Button,{className:"Alert__CloseTrigger","data-testid":`${c}-close-trigger`,iconName:"close",size:"xs",variant:"ghostNeutral",onContrast:n,onClick:u})]})},T=["topRight","bottomLeft","bottomRight"];exports.Alert=L;exports.alertButtonPositions=T;
+//# sourceMappingURL=alert.types-Ch8hn5HY.js.map

package/dist/chunks/{alert.types-BKSqs9qY.js.map → alert.types-Ch8hn5HY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.types-BKSqs9qY.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"alert.types-Ch8hn5HY.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{avatar.component-B1HGlwVW.js → avatar.component-Bi0lMCsC.js}

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

package/dist/chunks/{avatar.component-B1HGlwVW.js.map → avatar.component-Bi0lMCsC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar.component-B1HGlwVW.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]}
+{"version":3,"file":"avatar.component-Bi0lMCsC.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.component-C-365mx3.js → avatar.component-DUZc5iXT.js}

@@ -1,6 +1,6 @@
 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 { T as O } from "./tooltip.component-DFsQNG1q.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";
@@ -401,4 +401,4 @@ export {
   Ea as A,
   Ta as a
 };
-//# sourceMappingURL=avatar.component-C-365mx3.js.map
+//# sourceMappingURL=avatar.component-DUZc5iXT.js.map