{"version":3,"file":"index.vue.mjs","sources":["../../../../../../components/avatar/src/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, defineComponent, useAttrs } from 'vue'\nimport { useNamespace } from '@fusion-ui-vue/utils'\nimport { css, useColor } from '@fusion-ui-vue/theme'\nimport { avatarProps } from './avatar'\n\nconst props = defineProps(avatarProps)\nconst ns = useNamespace('avatar')\n\nconst backgroundColor = useColor(props, 'backgroundColor')\nconst textColor = useColor(props, 'color')\n\nconst cssClass = computed(\n  () => css`\n    height: ${props.size}px;\n    width: ${props.size}px;\n    background-color: ${backgroundColor.value};\n    color: ${textColor.value};\n  `\n)\nconst { class: classAttr, ...restAttrs } = useAttrs()\n</script>\n\n<script lang=\"ts\">\nexport default defineComponent({\n  inheritAttrs: false,\n})\n</script>\n\n<template>\n  <div :class=\"[classAttr, ns.b(), ns.m(props.variant), cssClass]\">\n    <slot>\n      <!-- eslint-disable-next-line vue/html-self-closing -->\n      <img v-bind=\"restAttrs\" />\n    </slot>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;AAwBA,MAAA,cAAe,eAAgB,CAAA;AAAA,EAC7B,YAAc,EAAA,KAAA;AAChB,CAAC,CAAA,CAAA;;;;;;;AAnBK,IAAA,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAE1B,IAAA,MAAA,eAAA,GAAkB,QAAS,CAAA,KAAA,EAAO,iBAAiB,CAAA,CAAA;AACnD,IAAA,MAAA,SAAA,GAAY,QAAS,CAAA,KAAA,EAAO,OAAO,CAAA,CAAA;AAEzC,IAAA,MAAM,QAAW,GAAA,QAAA;AAAA,MACf,MAAM,GAAA,CAAA;AAAA,YAAA,EACM,MAAM,IAAI,CAAA;AAAA,WAAA,EACX,MAAM,IAAI,CAAA;AAAA,sBAAA,EACC,gBAAgB,KAAK,CAAA;AAAA,WAAA,EAChC,UAAU,KAAK,CAAA;AAAA,EAAA,CAAA;AAAA,KAE5B,CAAA;AACA,IAAA,MAAM,EAAE,KAAO,EAAA,SAAA,EAAW,GAAG,SAAA,KAAc,QAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}