{"version":3,"sources":["../../../src/recipes/avatar.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\nimport { SLOTS, avatarPalettes } from './shared/avatar.base'\nimport { focusStates } from './shared/states'\n\nexport const avatar = defineSlotRecipe({\n  className: 'avatar',\n  description: 'The styles for the Avatar component',\n  slots: SLOTS,\n\n  base: {\n    root: {\n      alignItems: 'center',\n      appearance: 'none',\n      aspectRatio: '1/1',\n      bgColor: 'colorPalette.bg.initial',\n      border: 'none',\n      rounded: 'full',\n      display: 'inline-flex',\n      justifyContent: 'center',\n      overflow: 'hidden',\n      padding: '0',\n      position: 'relative',\n      userSelect: 'none',\n      ...focusStates,\n    },\n    image: {\n      h: 'full',\n      left: '0',\n      objectFit: 'cover',\n      position: 'absolute',\n      top: '0',\n      opacity: 'initial',\n      transition: 'opacity 350ms ease-in',\n      w: 'full',\n      _loading: {\n        opacity: '0',\n      },\n    },\n    label: {\n      color: 'colorPalette.text.initial',\n      fontVariationSettings: \"'wght' 500\",\n      textTransform: 'uppercase',\n    },\n  },\n\n  variants: {\n    palette: avatarPalettes,\n    size: {\n      xs: {\n        root: {\n          h: '2rem',\n          w: '2rem',\n        },\n        label: {\n          fontSize: 'sm',\n          lineHeight: '0',\n        },\n      },\n      sm: {\n        root: {\n          h: '3rem',\n          w: '3rem',\n        },\n        label: {\n          fontSize: 'xl',\n        },\n      },\n      md: {\n        root: {\n          h: '5rem',\n          w: '5rem',\n        },\n        label: {\n          fontSize: '4xl',\n        },\n      },\n      lg: {\n        root: {\n          h: '7.5rem',\n          w: '7.5rem',\n        },\n        label: {\n          fontSize: '5xl',\n        },\n      },\n      xl: {\n        root: {\n          h: '10rem',\n          w: '10rem',\n        },\n        label: {\n          fontSize: '6xl',\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    palette: 'neutral',\n    size: 'md',\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAiC;AACjC,oBAAsC;AACtC,oBAA4B;AAErB,IAAM,aAAS,6BAAiB;AAAA,EACrC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EAEP,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,WAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAK;AAAA,MACL,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,GAAG;AAAA,MACH,UAAU;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP,uBAAuB;AAAA,MACvB,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}