npm - @televet/kibble-ui - Versions diffs - 5.0.5 → 5.0.7-beta.1 - Mend

@televet/kibble-ui 5.0.5 → 5.0.7-beta.1

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

Files changed (99) hide show

package/dist/chunks/{avatar.component-Bi0lMCsC.js → avatar.component-BGgZoVJS.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"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
+"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.contrast"}},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-BGgZoVJS.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.component-BGgZoVJS.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.contrast',\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-DUZc5iXT.js → avatar.component-CzutRWy6.js} RENAMED Viewed

@@ -192,7 +192,7 @@ const pa = l(
     bgColor: "background.success"
   },
   warning: {
-    bgColor: "background.warning"
+    bgColor: "background.warning.contrast"
   }
 }, Aa = {
   xs: {
@@ -401,4 +401,4 @@ export {
   Ea as A,
   Ta as a
 };
-//# sourceMappingURL=avatar.component-DUZc5iXT.js.map
+//# sourceMappingURL=avatar.component-CzutRWy6.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.component-CzutRWy6.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.contrast',\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/{avatarGroup.component-BwrjkSJn.js → avatarGroup.component-Dx94P94w.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import { useMemo as i, useState as l, createElement as k } from "react";
-import { a as M, A as p } from "./avatar.component-DUZc5iXT.js";
+import { a as M, A as p } from "./avatar.component-CzutRWy6.js";
 import { M as N } from "./menu.component-BuTY_3mt.js";
 import { W as R } from "./text.component-IjomJyJY.js";
 import { B as G } from "./button.component-BO6oee_V.js";
@@ -72,4 +72,4 @@ const X = ({
 export {
   X as A
 };
-//# sourceMappingURL=avatarGroup.component-BwrjkSJn.js.map
+//# sourceMappingURL=avatarGroup.component-Dx94P94w.js.map

package/dist/chunks/{avatarGroup.component-BwrjkSJn.js.map → avatarGroup.component-Dx94P94w.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatarGroup.component-~~BwrjkSJn~~.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { AvatarGroup as CAvatarGroup, AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\nimport { Menu, MenuProps } from 'components/Menu';\nimport { Text } from 'components/Text/text.component';\nimport { Button, ButtonProps } from 'components/Button';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n /** Tooltip text for when the add button is hovered. /\n addButtonTooltipText?: string;\n /* Array of avatars to display in the group. /\n avatars: AvatarProps[];\n /* Maximum number of avatars to display before it shows a counter instead. /\n max?: number;\n /* Callback function when the add button is clicked. /\n onAdd?: () => void;\n /* Callback function when the remove button is clicked. /\n onRemove?: (value?: string) => void;\n /* If true, an add button will be displayed at the end of the avatar group.\n * @default true\n /\n showAddButton?: boolean;\n /* If true, a remove button will be displayed when hovering over an avatar.\n * @default false\n /\n showRemoveAvatarButton?: boolean;\n /* Size of the avatars in the group.\n * @default md\n /\n size?: AvatarSize;\n /* Variant of the avatars in the group.\n * @default default\n /\n variant?: AvatarVariant;\n /* Props to customize the add button Menu. See `Menu` for more information. /\n menuProps?: Omit<MenuProps, 'buttonProps'>;\n /* Data test id for the avatar group.\n * @default kibble-avatar-group\n */\n 'data-testid'?: string;\n}\n\nexport const AvatarGroup = ({\n avatars,\n max = 3,\n onAdd,\n onRemove,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n variant = 'default',\n menuProps,\n addButtonTooltipText,\n ['data-testid']: dataTestId = 'kibble-avatar-group',\n ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'xs' \|\| size === 'sm' ? -1 : -2;\n const [hideTooltip, setHideTooltip] = useState(false);\n const [menuOpen, setMenuOpen] = useState(false);\n\n const buttonProps: ButtonProps = useMemo(() => {\n return {\n size: size === 'xl' ? 'lg' : size,\n variant: 'ghostNeutral',\n borderRadius: 'full',\n borderWidth: '1px',\n iconName: 'plus',\n borderColor: 'border',\n };\n }, [size]);\n\n return (\n <CAvatarGroup\n className=\"AvatarGroup\"\n data-testid={dataTestId}\n gap={0}\n spaceX={spacing}\n stacking=\"first-on-top\"\n size={size}\n {...rest}\n >\n {avatars.length > max ? (\n <Avatar size={size} variant=\"contrast\" showRemoveButton={false} tooltipProps={{ label: mergedNames }}>\n <Text size={size === 'xs' \|\| size === 'sm' ? 'xs' : 'sm'} variant=\"onContrast\">\n {avatars.length.toString()}\n </Text>\n </Avatar>\n ) : (\n avatars.map((avatar) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n variant={variant \|\| avatar.variant}\n showRemoveButton={showRemoveAvatarButton}\n onRemove={onRemove}\n />\n ))\n )}\n {showAddButton && (\n <Tooltip disabled={!addButtonTooltipText?.length \|\| hideTooltip} label={addButtonTooltipText \|\| ''}>\n {menuProps ? (\n <Box>\n <Menu\n open={menuOpen}\n data-testid={`${dataTestId}-add-button`}\n {...menuProps}\n onOpenChange={({ open }) => {\n setHideTooltip(open);\n setMenuOpen(open);\n }}\n buttonProps={{\n ...buttonProps,\n hideCaret: true,\n }}\n />\n </Box>\n ) : (\n <Button {...buttonProps} onClick={onAdd} />\n )}\n </Tooltip>\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["AvatarGroup","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","menuProps","addButtonTooltipText","dataTestId","rest","mergedNames","useMemo","avatar","spacing","hideTooltip","setHideTooltip","useState","menuOpen","setMenuOpen","buttonProps","jsxs","CAvatarGroup","jsx","Avatar","Text","createElement","Tooltip","Box","Menu","open","Button"],"mappings":";;;;;;;;AA6CO,MAAMA,IAAc,CAAC;AAAA,EAC1B,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,wBAAAC,IAAyB;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAcC,EAAQ,MAAMb,EAAQ,IAAI,CAACc,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,GAAG,CAACd,CAAO,CAAC,GACtFe,IAAUT,MAAS,QAAQA,MAAS,OAAO,KAAK,IAChD,CAACU,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAA2BR,EAAQ,OAChC;AAAA,IACL,MAAMP,MAAS,OAAO,OAAOA;AAAA,IAC7B,SAAS;AAAA,IACT,cAAc;AAAA,IACd,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,EACf,IACC,CAACA,CAAI,CAAC;AAGP,SAAAgB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAab;AAAA,MACb,KAAK;AAAA,MACL,QAAQK;AAAA,MACR,UAAS;AAAA,MACT,MAAAT;AAAA,MACC,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAX,EAAQ,SAASC,IACfuB,gBAAAA,EAAAA,IAAAC,GAAA,EAAO,MAAAnB,GAAY,SAAQ,YAAW,kBAAkB,IAAO,cAAc,EAAE,OAAOM,EAAY,GACjG,gCAACc,GAAK,EAAA,MAAMpB,MAAS,QAAQA,MAAS,OAAO,OAAO,MAAM,SAAQ,cAC/D,UAAAN,EAAQ,OAAO,YAClB,EACF,CAAA,IAEAA,EAAQ,IAAI,CAACc,MACX,gBAAAa;AAAA,UAACF;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,KAAKA,EAAO;AAAA,YACZ,MAAAR;AAAA,YACA,SAASC,KAAWO,EAAO;AAAA,YAC3B,kBAAkBT;AAAA,YAClB,UAAAF;AAAA,UAAA;AAAA,QAAA,CAEH;AAAA,QAEFC,KACCoB,gBAAAA,EAAA,IAACI,GAAQ,EAAA,UAAU,CAACnB,GAAsB,UAAUO,GAAa,OAAOP,KAAwB,IAC7F,UAAAD,0BACEqB,GACC,EAAA,UAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAMX;AAAA,YACN,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAGF;AAAA,YACJ,cAAc,CAAC,EAAE,MAAAuB,QAAW;AAC1B,cAAAd,EAAec,CAAI,GACnBX,EAAYW,CAAI;AAAA,YAClB;AAAA,YACA,aAAa;AAAA,cACX,GAAGV;AAAA,cACH,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA,GAEJ,IAECG,gBAAAA,EAAA,IAAAQ,GAAA,EAAQ,GAAGX,GAAa,SAASnB,GAAO,EAE7C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
1	+ {"version":3,"file":"avatarGroup.component-Dx94P94w.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { AvatarGroup as CAvatarGroup, AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\nimport { Menu, MenuProps } from 'components/Menu';\nimport { Text } from 'components/Text/text.component';\nimport { Button, ButtonProps } from 'components/Button';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n /** Tooltip text for when the add button is hovered. /\n addButtonTooltipText?: string;\n /* Array of avatars to display in the group. /\n avatars: AvatarProps[];\n /* Maximum number of avatars to display before it shows a counter instead. /\n max?: number;\n /* Callback function when the add button is clicked. /\n onAdd?: () => void;\n /* Callback function when the remove button is clicked. /\n onRemove?: (value?: string) => void;\n /* If true, an add button will be displayed at the end of the avatar group.\n * @default true\n /\n showAddButton?: boolean;\n /* If true, a remove button will be displayed when hovering over an avatar.\n * @default false\n /\n showRemoveAvatarButton?: boolean;\n /* Size of the avatars in the group.\n * @default md\n /\n size?: AvatarSize;\n /* Variant of the avatars in the group.\n * @default default\n /\n variant?: AvatarVariant;\n /* Props to customize the add button Menu. See `Menu` for more information. /\n menuProps?: Omit<MenuProps, 'buttonProps'>;\n /* Data test id for the avatar group.\n * @default kibble-avatar-group\n */\n 'data-testid'?: string;\n}\n\nexport const AvatarGroup = ({\n avatars,\n max = 3,\n onAdd,\n onRemove,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n variant = 'default',\n menuProps,\n addButtonTooltipText,\n ['data-testid']: dataTestId = 'kibble-avatar-group',\n ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'xs' \|\| size === 'sm' ? -1 : -2;\n const [hideTooltip, setHideTooltip] = useState(false);\n const [menuOpen, setMenuOpen] = useState(false);\n\n const buttonProps: ButtonProps = useMemo(() => {\n return {\n size: size === 'xl' ? 'lg' : size,\n variant: 'ghostNeutral',\n borderRadius: 'full',\n borderWidth: '1px',\n iconName: 'plus',\n borderColor: 'border',\n };\n }, [size]);\n\n return (\n <CAvatarGroup\n className=\"AvatarGroup\"\n data-testid={dataTestId}\n gap={0}\n spaceX={spacing}\n stacking=\"first-on-top\"\n size={size}\n {...rest}\n >\n {avatars.length > max ? (\n <Avatar size={size} variant=\"contrast\" showRemoveButton={false} tooltipProps={{ label: mergedNames }}>\n <Text size={size === 'xs' \|\| size === 'sm' ? 'xs' : 'sm'} variant=\"onContrast\">\n {avatars.length.toString()}\n </Text>\n </Avatar>\n ) : (\n avatars.map((avatar) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n variant={variant \|\| avatar.variant}\n showRemoveButton={showRemoveAvatarButton}\n onRemove={onRemove}\n />\n ))\n )}\n {showAddButton && (\n <Tooltip disabled={!addButtonTooltipText?.length \|\| hideTooltip} label={addButtonTooltipText \|\| ''}>\n {menuProps ? (\n <Box>\n <Menu\n open={menuOpen}\n data-testid={`${dataTestId}-add-button`}\n {...menuProps}\n onOpenChange={({ open }) => {\n setHideTooltip(open);\n setMenuOpen(open);\n }}\n buttonProps={{\n ...buttonProps,\n hideCaret: true,\n }}\n />\n </Box>\n ) : (\n <Button {...buttonProps} onClick={onAdd} />\n )}\n </Tooltip>\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["AvatarGroup","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","menuProps","addButtonTooltipText","dataTestId","rest","mergedNames","useMemo","avatar","spacing","hideTooltip","setHideTooltip","useState","menuOpen","setMenuOpen","buttonProps","jsxs","CAvatarGroup","jsx","Avatar","Text","createElement","Tooltip","Box","Menu","open","Button"],"mappings":";;;;;;;;AA6CO,MAAMA,IAAc,CAAC;AAAA,EAC1B,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,wBAAAC,IAAyB;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAcC,EAAQ,MAAMb,EAAQ,IAAI,CAACc,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,GAAG,CAACd,CAAO,CAAC,GACtFe,IAAUT,MAAS,QAAQA,MAAS,OAAO,KAAK,IAChD,CAACU,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAA2BR,EAAQ,OAChC;AAAA,IACL,MAAMP,MAAS,OAAO,OAAOA;AAAA,IAC7B,SAAS;AAAA,IACT,cAAc;AAAA,IACd,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,EACf,IACC,CAACA,CAAI,CAAC;AAGP,SAAAgB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAab;AAAA,MACb,KAAK;AAAA,MACL,QAAQK;AAAA,MACR,UAAS;AAAA,MACT,MAAAT;AAAA,MACC,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAX,EAAQ,SAASC,IACfuB,gBAAAA,EAAAA,IAAAC,GAAA,EAAO,MAAAnB,GAAY,SAAQ,YAAW,kBAAkB,IAAO,cAAc,EAAE,OAAOM,EAAY,GACjG,gCAACc,GAAK,EAAA,MAAMpB,MAAS,QAAQA,MAAS,OAAO,OAAO,MAAM,SAAQ,cAC/D,UAAAN,EAAQ,OAAO,YAClB,EACF,CAAA,IAEAA,EAAQ,IAAI,CAACc,MACX,gBAAAa;AAAA,UAACF;AAAA,UAAA;AAAA,YACE,GAAGX;AAAA,YACJ,KAAKA,EAAO;AAAA,YACZ,MAAAR;AAAA,YACA,SAASC,KAAWO,EAAO;AAAA,YAC3B,kBAAkBT;AAAA,YAClB,UAAAF;AAAA,UAAA;AAAA,QAAA,CAEH;AAAA,QAEFC,KACCoB,gBAAAA,EAAA,IAACI,GAAQ,EAAA,UAAU,CAACnB,GAAsB,UAAUO,GAAa,OAAOP,KAAwB,IAC7F,UAAAD,0BACEqB,GACC,EAAA,UAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAMX;AAAA,YACN,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAGF;AAAA,YACJ,cAAc,CAAC,EAAE,MAAAuB,QAAW;AAC1B,cAAAd,EAAec,CAAI,GACnBX,EAAYW,CAAI;AAAA,YAClB;AAAA,YACA,aAAa;AAAA,cACX,GAAGV;AAAA,cACH,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA,GAEJ,IAECG,gBAAAA,EAAA,IAAAQ,GAAA,EAAQ,GAAGX,GAAa,SAASnB,GAAO,EAE7C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/chunks/{avatarGroup.component-BdhUT7n5.js → avatarGroup.component-N2vYrtiD.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),r=require("react"),s=require("./avatar.component-Bi0lMCsC.js"),f=require("./menu.component-D79Ce44I.js"),A=require("./text.component-BDDz5KQP.js"),C=require("./button.component-DjdgBXDC.js"),_=require("./tooltip.component-DBw-hAPU.js"),k=require("./index-BQRnVsAg.js"),G=({avatars:n,max:c=3,onAdd:l,onRemove:m,showAddButton:x=!0,showRemoveAvatarButton:d=!1,size:t="md",variant:j="default",menuProps:a,addButtonTooltipText:u,["data-testid"]:i="kibble-avatar-group",...h})=>{const b=r.useMemo(()=>n.map(e=>e.name).join(", "),[n]),g=t==="xs"||t==="sm"?-1:-2,[R,v]=r.useState(!1),[q,E]=r.useState(!1),p=r.useMemo(()=>({size:t==="xl"?"lg":t,variant:"ghostNeutral",borderRadius:"full",borderWidth:"1px",iconName:"plus",borderColor:"border"}),[t]);return o.jsxRuntimeExports.jsxs(s.AvatarGroup,{className:"AvatarGroup","data-testid":i,gap:0,spaceX:g,stacking:"first-on-top",size:t,...h,children:[n.length>c?o.jsxRuntimeExports.jsx(s.Avatar,{size:t,variant:"contrast",showRemoveButton:!1,tooltipProps:{label:b},children:o.jsxRuntimeExports.jsx(A.WrappedText,{size:t==="xs"||t==="sm"?"xs":"sm",variant:"onContrast",children:n.length.toString()})}):n.map(e=>r.createElement(s.Avatar,{...e,key:e.name,size:t,variant:j||e.variant,showRemoveButton:d,onRemove:m})),x&&o.jsxRuntimeExports.jsx(_.Tooltip,{disabled:!u?.length||R,label:u||"",children:a?o.jsxRuntimeExports.jsx(k.Box,{children:o.jsxRuntimeExports.jsx(f.Menu,{open:q,"data-testid":`${i}-add-button`,...a,onOpenChange:({open:e})=>{v(e),E(e)},buttonProps:{...p,hideCaret:!0}})}):o.jsxRuntimeExports.jsx(C.Button,{...p,onClick:l})})]})};exports.AvatarGroup=G;
-//# sourceMappingURL=avatarGroup.component-BdhUT7n5.js.map
+"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),r=require("react"),s=require("./avatar.component-BGgZoVJS.js"),f=require("./menu.component-D79Ce44I.js"),A=require("./text.component-BDDz5KQP.js"),C=require("./button.component-DjdgBXDC.js"),_=require("./tooltip.component-DBw-hAPU.js"),k=require("./index-BQRnVsAg.js"),G=({avatars:n,max:c=3,onAdd:l,onRemove:m,showAddButton:x=!0,showRemoveAvatarButton:d=!1,size:t="md",variant:j="default",menuProps:a,addButtonTooltipText:u,["data-testid"]:i="kibble-avatar-group",...h})=>{const b=r.useMemo(()=>n.map(e=>e.name).join(", "),[n]),g=t==="xs"||t==="sm"?-1:-2,[R,v]=r.useState(!1),[q,E]=r.useState(!1),p=r.useMemo(()=>({size:t==="xl"?"lg":t,variant:"ghostNeutral",borderRadius:"full",borderWidth:"1px",iconName:"plus",borderColor:"border"}),[t]);return o.jsxRuntimeExports.jsxs(s.AvatarGroup,{className:"AvatarGroup","data-testid":i,gap:0,spaceX:g,stacking:"first-on-top",size:t,...h,children:[n.length>c?o.jsxRuntimeExports.jsx(s.Avatar,{size:t,variant:"contrast",showRemoveButton:!1,tooltipProps:{label:b},children:o.jsxRuntimeExports.jsx(A.WrappedText,{size:t==="xs"||t==="sm"?"xs":"sm",variant:"onContrast",children:n.length.toString()})}):n.map(e=>r.createElement(s.Avatar,{...e,key:e.name,size:t,variant:j||e.variant,showRemoveButton:d,onRemove:m})),x&&o.jsxRuntimeExports.jsx(_.Tooltip,{disabled:!u?.length||R,label:u||"",children:a?o.jsxRuntimeExports.jsx(k.Box,{children:o.jsxRuntimeExports.jsx(f.Menu,{open:q,"data-testid":`${i}-add-button`,...a,onOpenChange:({open:e})=>{v(e),E(e)},buttonProps:{...p,hideCaret:!0}})}):o.jsxRuntimeExports.jsx(C.Button,{...p,onClick:l})})]})};exports.AvatarGroup=G;
+//# sourceMappingURL=avatarGroup.component-N2vYrtiD.js.map

package/dist/chunks/{avatarGroup.component-BdhUT7n5.js.map → avatarGroup.component-N2vYrtiD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatarGroup.component-~~BdhUT7n5~~.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { AvatarGroup as CAvatarGroup, AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\nimport { Menu, MenuProps } from 'components/Menu';\nimport { Text } from 'components/Text/text.component';\nimport { Button, ButtonProps } from 'components/Button';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n /** Tooltip text for when the add button is hovered. /\n addButtonTooltipText?: string;\n /* Array of avatars to display in the group. /\n avatars: AvatarProps[];\n /* Maximum number of avatars to display before it shows a counter instead. /\n max?: number;\n /* Callback function when the add button is clicked. /\n onAdd?: () => void;\n /* Callback function when the remove button is clicked. /\n onRemove?: (value?: string) => void;\n /* If true, an add button will be displayed at the end of the avatar group.\n * @default true\n /\n showAddButton?: boolean;\n /* If true, a remove button will be displayed when hovering over an avatar.\n * @default false\n /\n showRemoveAvatarButton?: boolean;\n /* Size of the avatars in the group.\n * @default md\n /\n size?: AvatarSize;\n /* Variant of the avatars in the group.\n * @default default\n /\n variant?: AvatarVariant;\n /* Props to customize the add button Menu. See `Menu` for more information. /\n menuProps?: Omit<MenuProps, 'buttonProps'>;\n /* Data test id for the avatar group.\n * @default kibble-avatar-group\n */\n 'data-testid'?: string;\n}\n\nexport const AvatarGroup = ({\n avatars,\n max = 3,\n onAdd,\n onRemove,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n variant = 'default',\n menuProps,\n addButtonTooltipText,\n ['data-testid']: dataTestId = 'kibble-avatar-group',\n ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'xs' \|\| size === 'sm' ? -1 : -2;\n const [hideTooltip, setHideTooltip] = useState(false);\n const [menuOpen, setMenuOpen] = useState(false);\n\n const buttonProps: ButtonProps = useMemo(() => {\n return {\n size: size === 'xl' ? 'lg' : size,\n variant: 'ghostNeutral',\n borderRadius: 'full',\n borderWidth: '1px',\n iconName: 'plus',\n borderColor: 'border',\n };\n }, [size]);\n\n return (\n <CAvatarGroup\n className=\"AvatarGroup\"\n data-testid={dataTestId}\n gap={0}\n spaceX={spacing}\n stacking=\"first-on-top\"\n size={size}\n {...rest}\n >\n {avatars.length > max ? (\n <Avatar size={size} variant=\"contrast\" showRemoveButton={false} tooltipProps={{ label: mergedNames }}>\n <Text size={size === 'xs' \|\| size === 'sm' ? 'xs' : 'sm'} variant=\"onContrast\">\n {avatars.length.toString()}\n </Text>\n </Avatar>\n ) : (\n avatars.map((avatar) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n variant={variant \|\| avatar.variant}\n showRemoveButton={showRemoveAvatarButton}\n onRemove={onRemove}\n />\n ))\n )}\n {showAddButton && (\n <Tooltip disabled={!addButtonTooltipText?.length \|\| hideTooltip} label={addButtonTooltipText \|\| ''}>\n {menuProps ? (\n <Box>\n <Menu\n open={menuOpen}\n data-testid={`${dataTestId}-add-button`}\n {...menuProps}\n onOpenChange={({ open }) => {\n setHideTooltip(open);\n setMenuOpen(open);\n }}\n buttonProps={{\n ...buttonProps,\n hideCaret: true,\n }}\n />\n </Box>\n ) : (\n <Button {...buttonProps} onClick={onAdd} />\n )}\n </Tooltip>\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["AvatarGroup","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","menuProps","addButtonTooltipText","dataTestId","rest","mergedNames","useMemo","avatar","spacing","hideTooltip","setHideTooltip","useState","menuOpen","setMenuOpen","buttonProps","jsxs","CAvatarGroup","jsx","Avatar","Text","createElement","Tooltip","Box","Menu","open","Button"],"mappings":"uUA6CaA,EAAc,CAAC,CAC1B,QAAAC,EACA,IAAAC,EAAM,EACN,MAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,uBAAAC,EAAyB,GACzB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,UAAAC,EACA,qBAAAC,EACA,CAAC,eAAgBC,EAAa,sBAC9B,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAcC,EAAA,QAAQ,IAAMb,EAAQ,IAAKc,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EAAG,CAACd,CAAO,CAAC,EACtFe,EAAUT,IAAS,MAAQA,IAAS,KAAO,GAAK,GAChD,CAACU,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAS,EAAK,EAExCG,EAA2BR,EAAAA,QAAQ,KAChC,CACL,KAAMP,IAAS,KAAO,KAAOA,EAC7B,QAAS,eACT,aAAc,OACd,YAAa,MACb,SAAU,OACV,YAAa,QACf,GACC,CAACA,CAAI,CAAC,EAGP,OAAAgB,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAab,EACb,IAAK,EACL,OAAQK,EACR,SAAS,eACT,KAAAT,EACC,GAAGK,EAEH,SAAA,CAAAX,EAAQ,OAASC,EACfuB,EAAAA,kBAAAA,IAAAC,EAAAA,OAAA,CAAO,KAAAnB,EAAY,QAAQ,WAAW,iBAAkB,GAAO,aAAc,CAAE,MAAOM,CAAY,EACjG,iCAACc,EAAAA,YAAK,CAAA,KAAMpB,IAAS,MAAQA,IAAS,KAAO,KAAO,KAAM,QAAQ,aAC/D,SAAAN,EAAQ,OAAO,WAClB,CACF,CAAA,EAEAA,EAAQ,IAAKc,GACXa,EAAA,cAACF,EAAA,OAAA,CACE,GAAGX,EACJ,IAAKA,EAAO,KACZ,KAAAR,EACA,QAASC,GAAWO,EAAO,QAC3B,iBAAkBT,EAClB,SAAAF,CAAA,CAAA,CAEH,EAEFC,GACCoB,EAAA,kBAAA,IAACI,UAAQ,CAAA,SAAU,CAACnB,GAAsB,QAAUO,EAAa,MAAOP,GAAwB,GAC7F,SAAAD,0BACEqB,EACC,IAAA,CAAA,SAAAL,EAAA,kBAAA,IAACM,EAAA,KAAA,CACC,KAAMX,EACN,cAAa,GAAGT,CAAU,cACzB,GAAGF,EACJ,aAAc,CAAC,CAAE,KAAAuB,KAAW,CAC1Bd,EAAec,CAAI,EACnBX,EAAYW,CAAI,CAClB,EACA,YAAa,CACX,GAAGV,EACH,UAAW,EAAA,CACb,CAAA,EAEJ,EAECG,EAAA,kBAAA,IAAAQ,SAAA,CAAQ,GAAGX,EAAa,QAASnB,EAAO,CAE7C,CAAA,CAAA,CAAA,CAEJ,CAEJ"}
1	+ {"version":3,"file":"avatarGroup.component-N2vYrtiD.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { AvatarGroup as CAvatarGroup, AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\nimport { Menu, MenuProps } from 'components/Menu';\nimport { Text } from 'components/Text/text.component';\nimport { Button, ButtonProps } from 'components/Button';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n /** Tooltip text for when the add button is hovered. /\n addButtonTooltipText?: string;\n /* Array of avatars to display in the group. /\n avatars: AvatarProps[];\n /* Maximum number of avatars to display before it shows a counter instead. /\n max?: number;\n /* Callback function when the add button is clicked. /\n onAdd?: () => void;\n /* Callback function when the remove button is clicked. /\n onRemove?: (value?: string) => void;\n /* If true, an add button will be displayed at the end of the avatar group.\n * @default true\n /\n showAddButton?: boolean;\n /* If true, a remove button will be displayed when hovering over an avatar.\n * @default false\n /\n showRemoveAvatarButton?: boolean;\n /* Size of the avatars in the group.\n * @default md\n /\n size?: AvatarSize;\n /* Variant of the avatars in the group.\n * @default default\n /\n variant?: AvatarVariant;\n /* Props to customize the add button Menu. See `Menu` for more information. /\n menuProps?: Omit<MenuProps, 'buttonProps'>;\n /* Data test id for the avatar group.\n * @default kibble-avatar-group\n */\n 'data-testid'?: string;\n}\n\nexport const AvatarGroup = ({\n avatars,\n max = 3,\n onAdd,\n onRemove,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n variant = 'default',\n menuProps,\n addButtonTooltipText,\n ['data-testid']: dataTestId = 'kibble-avatar-group',\n ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'xs' \|\| size === 'sm' ? -1 : -2;\n const [hideTooltip, setHideTooltip] = useState(false);\n const [menuOpen, setMenuOpen] = useState(false);\n\n const buttonProps: ButtonProps = useMemo(() => {\n return {\n size: size === 'xl' ? 'lg' : size,\n variant: 'ghostNeutral',\n borderRadius: 'full',\n borderWidth: '1px',\n iconName: 'plus',\n borderColor: 'border',\n };\n }, [size]);\n\n return (\n <CAvatarGroup\n className=\"AvatarGroup\"\n data-testid={dataTestId}\n gap={0}\n spaceX={spacing}\n stacking=\"first-on-top\"\n size={size}\n {...rest}\n >\n {avatars.length > max ? (\n <Avatar size={size} variant=\"contrast\" showRemoveButton={false} tooltipProps={{ label: mergedNames }}>\n <Text size={size === 'xs' \|\| size === 'sm' ? 'xs' : 'sm'} variant=\"onContrast\">\n {avatars.length.toString()}\n </Text>\n </Avatar>\n ) : (\n avatars.map((avatar) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n variant={variant \|\| avatar.variant}\n showRemoveButton={showRemoveAvatarButton}\n onRemove={onRemove}\n />\n ))\n )}\n {showAddButton && (\n <Tooltip disabled={!addButtonTooltipText?.length \|\| hideTooltip} label={addButtonTooltipText \|\| ''}>\n {menuProps ? (\n <Box>\n <Menu\n open={menuOpen}\n data-testid={`${dataTestId}-add-button`}\n {...menuProps}\n onOpenChange={({ open }) => {\n setHideTooltip(open);\n setMenuOpen(open);\n }}\n buttonProps={{\n ...buttonProps,\n hideCaret: true,\n }}\n />\n </Box>\n ) : (\n <Button {...buttonProps} onClick={onAdd} />\n )}\n </Tooltip>\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["AvatarGroup","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","menuProps","addButtonTooltipText","dataTestId","rest","mergedNames","useMemo","avatar","spacing","hideTooltip","setHideTooltip","useState","menuOpen","setMenuOpen","buttonProps","jsxs","CAvatarGroup","jsx","Avatar","Text","createElement","Tooltip","Box","Menu","open","Button"],"mappings":"uUA6CaA,EAAc,CAAC,CAC1B,QAAAC,EACA,IAAAC,EAAM,EACN,MAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,uBAAAC,EAAyB,GACzB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,UAAAC,EACA,qBAAAC,EACA,CAAC,eAAgBC,EAAa,sBAC9B,GAAGC,CACL,IAA2C,CACzC,MAAMC,EAAcC,EAAA,QAAQ,IAAMb,EAAQ,IAAKc,GAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,EAAG,CAACd,CAAO,CAAC,EACtFe,EAAUT,IAAS,MAAQA,IAAS,KAAO,GAAK,GAChD,CAACU,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAS,EAAK,EAExCG,EAA2BR,EAAAA,QAAQ,KAChC,CACL,KAAMP,IAAS,KAAO,KAAOA,EAC7B,QAAS,eACT,aAAc,OACd,YAAa,MACb,SAAU,OACV,YAAa,QACf,GACC,CAACA,CAAI,CAAC,EAGP,OAAAgB,EAAA,kBAAA,KAACC,EAAA,YAAA,CACC,UAAU,cACV,cAAab,EACb,IAAK,EACL,OAAQK,EACR,SAAS,eACT,KAAAT,EACC,GAAGK,EAEH,SAAA,CAAAX,EAAQ,OAASC,EACfuB,EAAAA,kBAAAA,IAAAC,EAAAA,OAAA,CAAO,KAAAnB,EAAY,QAAQ,WAAW,iBAAkB,GAAO,aAAc,CAAE,MAAOM,CAAY,EACjG,iCAACc,EAAAA,YAAK,CAAA,KAAMpB,IAAS,MAAQA,IAAS,KAAO,KAAO,KAAM,QAAQ,aAC/D,SAAAN,EAAQ,OAAO,WAClB,CACF,CAAA,EAEAA,EAAQ,IAAKc,GACXa,EAAA,cAACF,EAAA,OAAA,CACE,GAAGX,EACJ,IAAKA,EAAO,KACZ,KAAAR,EACA,QAASC,GAAWO,EAAO,QAC3B,iBAAkBT,EAClB,SAAAF,CAAA,CAAA,CAEH,EAEFC,GACCoB,EAAA,kBAAA,IAACI,UAAQ,CAAA,SAAU,CAACnB,GAAsB,QAAUO,EAAa,MAAOP,GAAwB,GAC7F,SAAAD,0BACEqB,EACC,IAAA,CAAA,SAAAL,EAAA,kBAAA,IAACM,EAAA,KAAA,CACC,KAAMX,EACN,cAAa,GAAGT,CAAU,cACzB,GAAGF,EACJ,aAAc,CAAC,CAAE,KAAAuB,KAAW,CAC1Bd,EAAec,CAAI,EACnBX,EAAYW,CAAI,CAClB,EACA,YAAa,CACX,GAAGV,EACH,UAAW,EAAA,CACb,CAAA,EAEJ,EAECG,EAAA,kBAAA,IAAAQ,SAAA,CAAQ,GAAGX,EAAa,QAASnB,EAAO,CAE7C,CAAA,CAAA,CAAA,CAEJ,CAEJ"}

package/dist/chunks/{button.recipe-Bb0lptGi.js → button.recipe-CZ-PlRrK.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { a as t } from "./config-Djkl1N81.js";
-const a = {
+import { a } from "./config-Djkl1N81.js";
+const t = {
   xs: {
     fontSize: "xs",
     h: 6,
@@ -169,6 +169,40 @@ const a = {
     },
     borderWidth: "0"
   },
+  primaryWarning: {
+    bg: {
+      base: "background.warning",
+      _hover: {
+        base: "background.warning.hover",
+        _disabled: "background.warning"
+      },
+      _active: {
+        base: "background.warning.pressed",
+        _hover: "background.warning.pressed"
+      }
+    },
+    color: "text.contrast",
+    _icon: {
+      color: "text.contrast"
+    }
+  },
+  primaryWarningOnContrast: {
+    bg: {
+      base: "background.warning.contrast",
+      _hover: {
+        base: "background.warning.contrast.hover",
+        _disabled: "background.warning.contrast"
+      },
+      _active: {
+        base: "background.warning.contrast.pressed",
+        _hover: "background.warning.contrast.pressed"
+      }
+    },
+    color: {
+      base: "text",
+      _icon: "text"
+    }
+  },
   secondary: {
     bg: {
       base: "transparent",
@@ -582,7 +616,7 @@ const a = {
       _icon: "text.danger.contrast"
     }
   }
-}, c = t({
+}, s = a({
   base: {
     borderColor: "transparent",
     borderRadius: "base",
@@ -597,7 +631,7 @@ const a = {
   },
   variants: {
     variant: o,
-    size: a
+    size: t
   },
   defaultVariants: {
     size: "md",
@@ -607,7 +641,7 @@ const a = {
 export {
   r as a,
   o as b,
-  c,
+  s as c,
   e as s
 };
-//# sourceMappingURL=button.recipe-Bb0lptGi.js.map
+//# sourceMappingURL=button.recipe-CZ-PlRrK.js.map

package/dist/chunks/button.recipe-CZ-PlRrK.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.recipe-CZ-PlRrK.js","sources":["../../src/components/Button/button.recipe.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { ButtonSize, ButtonConfigVariant } from './button.types';\n\nconst buttonSizeStyles: Record<ButtonSize, SystemStyleObject> = {\n xs: {\n fontSize: 'xs',\n h: 6,\n p: '3px 8px',\n minW: 6,\n },\n sm: {\n fontSize: 'sm',\n h: 8,\n p: '6px 12px',\n minW: 8,\n },\n md: {\n fontSize: 'md',\n h: 10,\n p: '8px 16px',\n minW: 10,\n },\n lg: {\n fontSize: 'lg',\n h: 12,\n p: '10px 20px',\n minW: 12,\n },\n};\n\nexport const secondarySubtleButtonStyles: SystemStyleObject = {\n color: 'text.interactive',\n bg: 'background.secondaryAlpha',\n};\n\nexport const secondarySubtleOnContrastButtonStyles: SystemStyleObject = {\n color: 'text.interactive.contrast',\n bg: 'background.secondaryAlpha.contrast',\n};\n\nexport const buttonVariantStyles: Record<ButtonConfigVariant, SystemStyleObject> = {\n primary: {\n bg: {\n base: 'background.primary',\n _hover: {\n base: 'background.primary.hover',\n _disabled: 'background.primary',\n },\n _active: {\n base: 'background.primary.pressed',\n _hover: 'background.primary.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n },\n },\n primaryOnContrast: {\n bg: {\n base: 'background.primary.contrast',\n _hover: {\n base: 'background.primary.contrast.hover',\n _disabled: 'background.primary.contrast',\n },\n _active: {\n base: 'background.primary.contrast.pressed',\n _hover: 'background.primary.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryAccent: {\n bg: {\n base: 'background.secondary',\n _hover: {\n base: 'background.secondary.hover',\n _disabled: 'background.secondary',\n },\n _active: {\n base: 'background.secondary.pressed',\n _hover: 'background.secondary.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n },\n },\n primaryAccentOnContrast: {\n bg: {\n base: 'background.secondary.contrast',\n _hover: {\n base: 'background.secondary.contrast.hover',\n _disabled: 'background.secondary.contrast',\n },\n _active: {\n base: 'background.secondary.contrast.pressed',\n _hover: 'background.secondary.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryDestructive: {\n bg: {\n base: 'background.destructive',\n _hover: {\n base: 'background.destructive.hover',\n _disabled: 'background.destructive',\n },\n _active: {\n base: 'background.destructive.pressed',\n _hover: 'background.destructive.pressed',\n },\n },\n color: 'text.contrast',\n _icon: {\n color: 'text.contrast',\n },\n },\n primaryDestructiveOnContrast: {\n bg: {\n base: 'background.destructive.contrast',\n _hover: {\n base: 'background.destructive.contrast.hover',\n _disabled: 'background.destructive.contrast',\n },\n _active: {\n base: 'background.destructive.contrast.pressed',\n _hover: 'background.destructive.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryGradientFull: {\n bg: {\n base: 'background.gradientFull',\n _hover: {\n base: 'background.gradientFull.hover',\n _disabled: 'background.gradientFull',\n },\n _active: {\n base: 'background.gradientFull.pressed',\n _hover: 'background.gradientFull.pressed',\n },\n },\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n borderWidth: '0',\n },\n primaryGradientFullOnContrast: {\n bg: {\n base: 'background.gradientFull.contrast',\n _hover: {\n base: 'background.gradientFull.contrast.hover',\n _disabled: 'background.gradientFull.contrast',\n },\n _active: {\n base: 'background.gradientFull.contrast.pressed',\n _hover: 'background.gradientFull.contrast.pressed',\n },\n },\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n borderWidth: '0',\n },\n primaryWarning: {\n bg: {\n base: 'background.warning',\n _hover: {\n base: 'background.warning.hover',\n _disabled: 'background.warning',\n },\n _active: {\n base: 'background.warning.pressed',\n _hover: 'background.warning.pressed',\n },\n },\n color: 'text.contrast',\n _icon: {\n color: 'text.contrast',\n },\n },\n primaryWarningOnContrast: {\n bg: {\n base: 'background.warning.contrast',\n _hover: {\n base: 'background.warning.contrast.hover',\n _disabled: 'background.warning.contrast',\n },\n _active: {\n base: 'background.warning.contrast.pressed',\n _hover: 'background.warning.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n secondary: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n borderColor: {\n base: 'border.strong',\n _active: 'border.focus',\n },\n color: {\n base: 'text',\n _active: 'text.interactive',\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n secondaryOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n borderColor: {\n base: 'border.strong.contrast',\n _active: 'border.focus.contrast',\n },\n color: {\n base: 'text.contrast',\n _active: 'text.interactive.contrast',\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n secondaryDestructive: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n borderColor: 'border.danger',\n color: 'text.danger',\n _icon: {\n color: 'text.danger',\n },\n },\n secondaryDestructiveOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n borderColor: 'border.danger.contrast',\n color: 'text.danger.contrast',\n _icon: {\n color: 'text.danger.contrast',\n },\n },\n secondarySubtle: {\n bg: {\n base: 'background',\n _hover: {\n base: 'background.subtle',\n _disabled: 'background',\n },\n _active: {\n base: secondarySubtleButtonStyles.bg,\n _hover: secondarySubtleButtonStyles.bg,\n },\n },\n borderColor: {\n base: 'border',\n _active: 'border.focus.contrast',\n },\n color: {\n base: 'text',\n _active: secondarySubtleButtonStyles.color,\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: secondarySubtleButtonStyles.color,\n },\n },\n },\n secondarySubtleOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.contrast.subtle',\n _disabled: 'transparent',\n },\n _active: {\n base: secondarySubtleOnContrastButtonStyles.bg,\n _hover: secondarySubtleOnContrastButtonStyles.bg,\n },\n },\n borderColor: {\n base: 'border.contrast',\n _active: 'border.focus',\n },\n color: {\n base: 'text.contrast',\n _active: secondarySubtleOnContrastButtonStyles.color,\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: secondarySubtleOnContrastButtonStyles.color,\n },\n },\n },\n secondarySubtleDestructive: {\n bg: {\n base: 'background',\n _hover: {\n base: 'background.subtle',\n _disabled: 'background',\n },\n _active: {\n base: 'background.destructiveAlpha',\n _hover: 'background.destructiveAlpha',\n },\n },\n color: 'text.danger',\n borderColor: 'border',\n _icon: {\n color: 'text.danger',\n },\n },\n secondarySubtleDestructiveOnContrast: {\n bg: {\n base: 'background.contrast',\n _hover: {\n base: 'background.contrast.subtle',\n _disabled: 'background.contrast',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast',\n _hover: 'background.destructiveAlpha.contrast',\n },\n },\n color: 'text.danger.contrast',\n borderColor: 'border.contrast',\n _icon: {\n color: 'text.danger.contrast',\n },\n },\n secondaryGradientFull: {\n borderWidth: '2px',\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n bg: {\n base: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n _hover: {\n base: '{colors.background.gradientFull} border-box',\n _disabled: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n },\n _active: {\n base: '{colors.background.gradientFull.hover} border-box',\n _hover: '{colors.background.gradientFull.hover} border-box',\n },\n },\n },\n secondaryGradientFullOnContrast: {\n borderWidth: '2px',\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n bg: {\n base: 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n _hover: {\n base: '{colors.background.gradientFull.contrast} border-box',\n _disabled:\n 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n },\n _active: {\n base: '{colors.background.gradientFull.contrast.hover} border-box',\n _hover: '{colors.background.gradientFull.contrast.hover} border-box',\n },\n },\n },\n tertiary: {\n bg: {\n base: 'background.alpha',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'background.alpha',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n color: {\n base: 'text',\n _active: 'text.interactive',\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n tertiaryOnContrast: {\n bg: {\n base: 'background.alpha.contrast',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'background.alpha.contrast',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _active: 'text.interactive.contrast',\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n tertiaryDestructive: {\n bg: {\n base: 'background.destructiveAlpha',\n _hover: {\n base: 'background.destructiveAlpha.hover',\n _disabled: 'background.destructiveAlpha',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n color: {\n base: 'text.danger',\n _icon: 'text.danger',\n },\n },\n tertiaryDestructiveOnContrast: {\n bg: {\n base: 'background.destructiveAlpha.contrast',\n _hover: {\n base: 'background.destructiveAlpha.contrast.hover',\n _disabled: 'background.destructiveAlpha.contrast',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.danger.contrast',\n _icon: 'text.danger.contrast',\n },\n },\n ghost: {\n bg: {\n base: 'transparent',\n _hover: {\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n // Separating to override Chakra's variant\n _hover: {\n bg: 'background.secondaryAlpha.hover',\n },\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n },\n ghostOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.secondaryAlpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n },\n ghostNeutral: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n _active: {\n color: 'text.interactive',\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n ghostNeutralOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n _active: 'text.interactive.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n ghostDestructive: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.destructiveAlpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n color: {\n base: 'text.danger',\n _icon: 'text.danger',\n },\n },\n ghostDestructiveOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.destructiveAlpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.danger.contrast',\n _icon: 'text.danger.contrast',\n },\n },\n};\n\nexport const buttonRecipe = defineRecipe({\n base: {\n borderColor: 'transparent',\n borderRadius: 'base',\n borderWidth: '1px',\n fontWeight: 'semibold',\n letterSpacing: '0.12px',\n lineHeight: '150%',\n _focusVisible: {\n boxShadow: 'none !important',\n outline: 'none !important',\n },\n },\n variants: {\n variant: buttonVariantStyles,\n size: buttonSizeStyles,\n },\n defaultVariants: {\n size: 'md',\n variant: 'primary',\n },\n});\n"],"names":["buttonSizeStyles","secondarySubtleButtonStyles","secondarySubtleOnContrastButtonStyles","buttonVariantStyles","buttonRecipe","defineRecipe"],"mappings":"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"}

package/dist/chunks/button.recipe-DyIe5w68.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const a=require("./config-jChwZPSv.js"),o={xs:{fontSize:"xs",h:6,p:"3px 8px",minW:6},sm:{fontSize:"sm",h:8,p:"6px 12px",minW:8},md:{fontSize:"md",h:10,p:"8px 16px",minW:10},lg:{fontSize:"lg",h:12,p:"10px 20px",minW:12}},r={color:"text.interactive",bg:"background.secondaryAlpha"},e={color:"text.interactive.contrast",bg:"background.secondaryAlpha.contrast"},t={primary:{bg:{base:"background.primary",_hover:{base:"background.primary.hover",_disabled:"background.primary"},_active:{base:"background.primary.pressed",_hover:"background.primary.pressed"}},color:{base:"text.contrast",_icon:"text.contrast"}},primaryOnContrast:{bg:{base:"background.primary.contrast",_hover:{base:"background.primary.contrast.hover",_disabled:"background.primary.contrast"},_active:{base:"background.primary.contrast.pressed",_hover:"background.primary.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryAccent:{bg:{base:"background.secondary",_hover:{base:"background.secondary.hover",_disabled:"background.secondary"},_active:{base:"background.secondary.pressed",_hover:"background.secondary.pressed"}},color:{base:"text.contrast",_icon:"text.contrast"}},primaryAccentOnContrast:{bg:{base:"background.secondary.contrast",_hover:{base:"background.secondary.contrast.hover",_disabled:"background.secondary.contrast"},_active:{base:"background.secondary.contrast.pressed",_hover:"background.secondary.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryDestructive:{bg:{base:"background.destructive",_hover:{base:"background.destructive.hover",_disabled:"background.destructive"},_active:{base:"background.destructive.pressed",_hover:"background.destructive.pressed"}},color:"text.contrast",_icon:{color:"text.contrast"}},primaryDestructiveOnContrast:{bg:{base:"background.destructive.contrast",_hover:{base:"background.destructive.contrast.hover",_disabled:"background.destructive.contrast"},_active:{base:"background.destructive.contrast.pressed",_hover:"background.destructive.contrast.pressed"}},color:{base:"text",_icon:"text"}},primaryGradientFull:{bg:{base:"background.gradientFull",_hover:{base:"background.gradientFull.hover",_disabled:"background.gradientFull"},_active:{base:"background.gradientFull.pressed",_hover:"background.gradientFull.pressed"}},color:{base:"text.interactive",_icon:"text.interactive"},borderWidth:"0"},primaryGradientFullOnContrast:{bg:{base:"background.gradientFull.contrast",_hover:{base:"background.gradientFull.contrast.hover",_disabled:"background.gradientFull.contrast"},_active:{base:"background.gradientFull.contrast.pressed",_hover:"background.gradientFull.contrast.pressed"}},color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"},borderWidth:"0"},primaryWarning:{bg:{base:"background.warning",_hover:{base:"background.warning.hover",_disabled:"background.warning"},_active:{base:"background.warning.pressed",_hover:"background.warning.pressed"}},color:"text.contrast",_icon:{color:"text.contrast"}},primaryWarningOnContrast:{bg:{base:"background.warning.contrast",_hover:{base:"background.warning.contrast.hover",_disabled:"background.warning.contrast"},_active:{base:"background.warning.contrast.pressed",_hover:"background.warning.contrast.pressed"}},color:{base:"text",_icon:"text"}},secondary:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},borderColor:{base:"border.strong",_active:"border.focus"},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},secondaryOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},borderColor:{base:"border.strong.contrast",_active:"border.focus.contrast"},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},secondaryDestructive:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},borderColor:"border.danger",color:"text.danger",_icon:{color:"text.danger"}},secondaryDestructiveOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},borderColor:"border.danger.contrast",color:"text.danger.contrast",_icon:{color:"text.danger.contrast"}},secondarySubtle:{bg:{base:"background",_hover:{base:"background.subtle",_disabled:"background"},_active:{base:r.bg,_hover:r.bg}},borderColor:{base:"border",_active:"border.focus.contrast"},color:{base:"text",_active:r.color,_icon:"text"},_active:{_icon:{color:r.color}}},secondarySubtleOnContrast:{bg:{base:"transparent",_hover:{base:"background.contrast.subtle",_disabled:"transparent"},_active:{base:e.bg,_hover:e.bg}},borderColor:{base:"border.contrast",_active:"border.focus"},color:{base:"text.contrast",_active:e.color,_icon:"text.contrast"},_active:{_icon:{color:e.color}}},secondarySubtleDestructive:{bg:{base:"background",_hover:{base:"background.subtle",_disabled:"background"},_active:{base:"background.destructiveAlpha",_hover:"background.destructiveAlpha"}},color:"text.danger",borderColor:"border",_icon:{color:"text.danger"}},secondarySubtleDestructiveOnContrast:{bg:{base:"background.contrast",_hover:{base:"background.contrast.subtle",_disabled:"background.contrast"},_active:{base:"background.destructiveAlpha.contrast",_hover:"background.destructiveAlpha.contrast"}},color:"text.danger.contrast",borderColor:"border.contrast",_icon:{color:"text.danger.contrast"}},secondaryGradientFull:{borderWidth:"2px",color:{base:"text.interactive",_icon:"text.interactive"},bg:{base:"linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box",_hover:{base:"{colors.background.gradientFull} border-box",_disabled:"linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box"},_active:{base:"{colors.background.gradientFull.hover} border-box",_hover:"{colors.background.gradientFull.hover} border-box"}}},secondaryGradientFullOnContrast:{borderWidth:"2px",color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"},bg:{base:"linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box",_hover:{base:"{colors.background.gradientFull.contrast} border-box",_disabled:"linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box"},_active:{base:"{colors.background.gradientFull.contrast.hover} border-box",_hover:"{colors.background.gradientFull.contrast.hover} border-box"}}},tertiary:{bg:{base:"background.alpha",_hover:{base:"background.alpha.hover",_disabled:"background.alpha"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},color:{base:"text",_active:"text.interactive",_icon:"text"},_active:{_icon:{color:"text.interactive"}}},tertiaryOnContrast:{bg:{base:"background.alpha.contrast",_hover:{base:"background.alpha.contrast.hover",_disabled:"background.alpha.contrast"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.contrast",_active:"text.interactive.contrast",_icon:"text.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},tertiaryDestructive:{bg:{base:"background.destructiveAlpha",_hover:{base:"background.destructiveAlpha.hover",_disabled:"background.destructiveAlpha"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},color:{base:"text.danger",_icon:"text.danger"}},tertiaryDestructiveOnContrast:{bg:{base:"background.destructiveAlpha.contrast",_hover:{base:"background.destructiveAlpha.contrast.hover",_disabled:"background.destructiveAlpha.contrast"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},color:{base:"text.danger.contrast",_icon:"text.danger.contrast"}},ghost:{bg:{base:"transparent",_hover:{_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},_hover:{bg:"background.secondaryAlpha.hover"},color:{base:"text.interactive",_icon:"text.interactive"}},ghostOnContrast:{bg:{base:"transparent",_hover:{base:"background.secondaryAlpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.interactive.contrast",_icon:"text.interactive.contrast"}},ghostNeutral:{bg:{base:"transparent",_hover:{base:"background.alpha.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.pressed",_hover:"background.secondaryAlpha.pressed"}},color:{base:"text",_icon:"text"},_active:{color:"text.interactive",_icon:{color:"text.interactive"}}},ghostNeutralOnContrast:{bg:{base:"transparent",_hover:{base:"background.alpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.secondaryAlpha.contrast.pressed",_hover:"background.secondaryAlpha.contrast.pressed"}},color:{base:"text.contrast",_icon:"text.contrast",_active:"text.interactive.contrast"},_active:{_icon:{color:"text.interactive.contrast"}}},ghostDestructive:{bg:{base:"transparent",_hover:{base:"background.destructiveAlpha.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.pressed",_hover:"background.destructiveAlpha.pressed"}},color:{base:"text.danger",_icon:"text.danger"}},ghostDestructiveOnContrast:{bg:{base:"transparent",_hover:{base:"background.destructiveAlpha.contrast.hover",_disabled:"transparent"},_active:{base:"background.destructiveAlpha.contrast.pressed",_hover:"background.destructiveAlpha.contrast.pressed"}},color:{base:"text.danger.contrast",_icon:"text.danger.contrast"}}},n=a.defineRecipe({base:{borderColor:"transparent",borderRadius:"base",borderWidth:"1px",fontWeight:"semibold",letterSpacing:"0.12px",lineHeight:"150%",_focusVisible:{boxShadow:"none !important",outline:"none !important"}},variants:{variant:t,size:o},defaultVariants:{size:"md",variant:"primary"}});exports.buttonRecipe=n;exports.buttonVariantStyles=t;exports.secondarySubtleButtonStyles=r;exports.secondarySubtleOnContrastButtonStyles=e;
2	+ //# sourceMappingURL=button.recipe-DyIe5w68.js.map

package/dist/chunks/button.recipe-DyIe5w68.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.recipe-DyIe5w68.js","sources":["../../src/components/Button/button.recipe.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { ButtonSize, ButtonConfigVariant } from './button.types';\n\nconst buttonSizeStyles: Record<ButtonSize, SystemStyleObject> = {\n xs: {\n fontSize: 'xs',\n h: 6,\n p: '3px 8px',\n minW: 6,\n },\n sm: {\n fontSize: 'sm',\n h: 8,\n p: '6px 12px',\n minW: 8,\n },\n md: {\n fontSize: 'md',\n h: 10,\n p: '8px 16px',\n minW: 10,\n },\n lg: {\n fontSize: 'lg',\n h: 12,\n p: '10px 20px',\n minW: 12,\n },\n};\n\nexport const secondarySubtleButtonStyles: SystemStyleObject = {\n color: 'text.interactive',\n bg: 'background.secondaryAlpha',\n};\n\nexport const secondarySubtleOnContrastButtonStyles: SystemStyleObject = {\n color: 'text.interactive.contrast',\n bg: 'background.secondaryAlpha.contrast',\n};\n\nexport const buttonVariantStyles: Record<ButtonConfigVariant, SystemStyleObject> = {\n primary: {\n bg: {\n base: 'background.primary',\n _hover: {\n base: 'background.primary.hover',\n _disabled: 'background.primary',\n },\n _active: {\n base: 'background.primary.pressed',\n _hover: 'background.primary.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n },\n },\n primaryOnContrast: {\n bg: {\n base: 'background.primary.contrast',\n _hover: {\n base: 'background.primary.contrast.hover',\n _disabled: 'background.primary.contrast',\n },\n _active: {\n base: 'background.primary.contrast.pressed',\n _hover: 'background.primary.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryAccent: {\n bg: {\n base: 'background.secondary',\n _hover: {\n base: 'background.secondary.hover',\n _disabled: 'background.secondary',\n },\n _active: {\n base: 'background.secondary.pressed',\n _hover: 'background.secondary.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n },\n },\n primaryAccentOnContrast: {\n bg: {\n base: 'background.secondary.contrast',\n _hover: {\n base: 'background.secondary.contrast.hover',\n _disabled: 'background.secondary.contrast',\n },\n _active: {\n base: 'background.secondary.contrast.pressed',\n _hover: 'background.secondary.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryDestructive: {\n bg: {\n base: 'background.destructive',\n _hover: {\n base: 'background.destructive.hover',\n _disabled: 'background.destructive',\n },\n _active: {\n base: 'background.destructive.pressed',\n _hover: 'background.destructive.pressed',\n },\n },\n color: 'text.contrast',\n _icon: {\n color: 'text.contrast',\n },\n },\n primaryDestructiveOnContrast: {\n bg: {\n base: 'background.destructive.contrast',\n _hover: {\n base: 'background.destructive.contrast.hover',\n _disabled: 'background.destructive.contrast',\n },\n _active: {\n base: 'background.destructive.contrast.pressed',\n _hover: 'background.destructive.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n primaryGradientFull: {\n bg: {\n base: 'background.gradientFull',\n _hover: {\n base: 'background.gradientFull.hover',\n _disabled: 'background.gradientFull',\n },\n _active: {\n base: 'background.gradientFull.pressed',\n _hover: 'background.gradientFull.pressed',\n },\n },\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n borderWidth: '0',\n },\n primaryGradientFullOnContrast: {\n bg: {\n base: 'background.gradientFull.contrast',\n _hover: {\n base: 'background.gradientFull.contrast.hover',\n _disabled: 'background.gradientFull.contrast',\n },\n _active: {\n base: 'background.gradientFull.contrast.pressed',\n _hover: 'background.gradientFull.contrast.pressed',\n },\n },\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n borderWidth: '0',\n },\n primaryWarning: {\n bg: {\n base: 'background.warning',\n _hover: {\n base: 'background.warning.hover',\n _disabled: 'background.warning',\n },\n _active: {\n base: 'background.warning.pressed',\n _hover: 'background.warning.pressed',\n },\n },\n color: 'text.contrast',\n _icon: {\n color: 'text.contrast',\n },\n },\n primaryWarningOnContrast: {\n bg: {\n base: 'background.warning.contrast',\n _hover: {\n base: 'background.warning.contrast.hover',\n _disabled: 'background.warning.contrast',\n },\n _active: {\n base: 'background.warning.contrast.pressed',\n _hover: 'background.warning.contrast.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n },\n secondary: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n borderColor: {\n base: 'border.strong',\n _active: 'border.focus',\n },\n color: {\n base: 'text',\n _active: 'text.interactive',\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n secondaryOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n borderColor: {\n base: 'border.strong.contrast',\n _active: 'border.focus.contrast',\n },\n color: {\n base: 'text.contrast',\n _active: 'text.interactive.contrast',\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n secondaryDestructive: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n borderColor: 'border.danger',\n color: 'text.danger',\n _icon: {\n color: 'text.danger',\n },\n },\n secondaryDestructiveOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n borderColor: 'border.danger.contrast',\n color: 'text.danger.contrast',\n _icon: {\n color: 'text.danger.contrast',\n },\n },\n secondarySubtle: {\n bg: {\n base: 'background',\n _hover: {\n base: 'background.subtle',\n _disabled: 'background',\n },\n _active: {\n base: secondarySubtleButtonStyles.bg,\n _hover: secondarySubtleButtonStyles.bg,\n },\n },\n borderColor: {\n base: 'border',\n _active: 'border.focus.contrast',\n },\n color: {\n base: 'text',\n _active: secondarySubtleButtonStyles.color,\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: secondarySubtleButtonStyles.color,\n },\n },\n },\n secondarySubtleOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.contrast.subtle',\n _disabled: 'transparent',\n },\n _active: {\n base: secondarySubtleOnContrastButtonStyles.bg,\n _hover: secondarySubtleOnContrastButtonStyles.bg,\n },\n },\n borderColor: {\n base: 'border.contrast',\n _active: 'border.focus',\n },\n color: {\n base: 'text.contrast',\n _active: secondarySubtleOnContrastButtonStyles.color,\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: secondarySubtleOnContrastButtonStyles.color,\n },\n },\n },\n secondarySubtleDestructive: {\n bg: {\n base: 'background',\n _hover: {\n base: 'background.subtle',\n _disabled: 'background',\n },\n _active: {\n base: 'background.destructiveAlpha',\n _hover: 'background.destructiveAlpha',\n },\n },\n color: 'text.danger',\n borderColor: 'border',\n _icon: {\n color: 'text.danger',\n },\n },\n secondarySubtleDestructiveOnContrast: {\n bg: {\n base: 'background.contrast',\n _hover: {\n base: 'background.contrast.subtle',\n _disabled: 'background.contrast',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast',\n _hover: 'background.destructiveAlpha.contrast',\n },\n },\n color: 'text.danger.contrast',\n borderColor: 'border.contrast',\n _icon: {\n color: 'text.danger.contrast',\n },\n },\n secondaryGradientFull: {\n borderWidth: '2px',\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n bg: {\n base: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n _hover: {\n base: '{colors.background.gradientFull} border-box',\n _disabled: 'linear-gradient({colors.background} 0 0) padding-box, {colors.background.gradientFull} border-box',\n },\n _active: {\n base: '{colors.background.gradientFull.hover} border-box',\n _hover: '{colors.background.gradientFull.hover} border-box',\n },\n },\n },\n secondaryGradientFullOnContrast: {\n borderWidth: '2px',\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n bg: {\n base: 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n _hover: {\n base: '{colors.background.gradientFull.contrast} border-box',\n _disabled:\n 'linear-gradient({colors.background.contrast} 0 0) padding-box, {colors.background.gradientFull.contrast} border-box',\n },\n _active: {\n base: '{colors.background.gradientFull.contrast.hover} border-box',\n _hover: '{colors.background.gradientFull.contrast.hover} border-box',\n },\n },\n },\n tertiary: {\n bg: {\n base: 'background.alpha',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'background.alpha',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n color: {\n base: 'text',\n _active: 'text.interactive',\n _icon: 'text',\n },\n _active: {\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n tertiaryOnContrast: {\n bg: {\n base: 'background.alpha.contrast',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'background.alpha.contrast',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _active: 'text.interactive.contrast',\n _icon: 'text.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n tertiaryDestructive: {\n bg: {\n base: 'background.destructiveAlpha',\n _hover: {\n base: 'background.destructiveAlpha.hover',\n _disabled: 'background.destructiveAlpha',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n color: {\n base: 'text.danger',\n _icon: 'text.danger',\n },\n },\n tertiaryDestructiveOnContrast: {\n bg: {\n base: 'background.destructiveAlpha.contrast',\n _hover: {\n base: 'background.destructiveAlpha.contrast.hover',\n _disabled: 'background.destructiveAlpha.contrast',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.danger.contrast',\n _icon: 'text.danger.contrast',\n },\n },\n ghost: {\n bg: {\n base: 'transparent',\n _hover: {\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n // Separating to override Chakra's variant\n _hover: {\n bg: 'background.secondaryAlpha.hover',\n },\n color: {\n base: 'text.interactive',\n _icon: 'text.interactive',\n },\n },\n ghostOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.secondaryAlpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.interactive.contrast',\n _icon: 'text.interactive.contrast',\n },\n },\n ghostNeutral: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.pressed',\n _hover: 'background.secondaryAlpha.pressed',\n },\n },\n color: {\n base: 'text',\n _icon: 'text',\n },\n _active: {\n color: 'text.interactive',\n _icon: {\n color: 'text.interactive',\n },\n },\n },\n ghostNeutralOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.alpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.secondaryAlpha.contrast.pressed',\n _hover: 'background.secondaryAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.contrast',\n _icon: 'text.contrast',\n _active: 'text.interactive.contrast',\n },\n _active: {\n _icon: {\n color: 'text.interactive.contrast',\n },\n },\n },\n ghostDestructive: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.destructiveAlpha.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.pressed',\n _hover: 'background.destructiveAlpha.pressed',\n },\n },\n color: {\n base: 'text.danger',\n _icon: 'text.danger',\n },\n },\n ghostDestructiveOnContrast: {\n bg: {\n base: 'transparent',\n _hover: {\n base: 'background.destructiveAlpha.contrast.hover',\n _disabled: 'transparent',\n },\n _active: {\n base: 'background.destructiveAlpha.contrast.pressed',\n _hover: 'background.destructiveAlpha.contrast.pressed',\n },\n },\n color: {\n base: 'text.danger.contrast',\n _icon: 'text.danger.contrast',\n },\n },\n};\n\nexport const buttonRecipe = defineRecipe({\n base: {\n borderColor: 'transparent',\n borderRadius: 'base',\n borderWidth: '1px',\n fontWeight: 'semibold',\n letterSpacing: '0.12px',\n lineHeight: '150%',\n _focusVisible: {\n boxShadow: 'none !important',\n outline: 'none !important',\n },\n },\n variants: {\n variant: buttonVariantStyles,\n size: buttonSizeStyles,\n },\n defaultVariants: {\n size: 'md',\n variant: 'primary',\n },\n});\n"],"names":["buttonSizeStyles","secondarySubtleButtonStyles","secondarySubtleOnContrastButtonStyles","buttonVariantStyles","buttonRecipe","defineRecipe"],"mappings":"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"}