{"version":3,"file":"index.vue.mjs","sources":["../../../../../../components/icon-button/src/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { iconSize } from '@fusion-ui-vue/constants'\nimport { useNamespace } from '@fusion-ui-vue/utils'\nimport { useIconButton } from '@fusion-ui-vue/hooks'\nimport FnRipple from '../../ripple'\nimport { iconButtonProps } from './icon-button'\n\nconst props = defineProps(iconButtonProps)\nconst ns = useNamespace('icon-button')\nconst cssClass = useIconButton(props, ns)\n</script>\n\n<template>\n  <button :class=\"[ns.b(), cssClass]\">\n    <slot\n      v-bind=\"{\n        size: iconSize[props.size],\n        color: props.color,\n        class: cssClass,\n      }\"\n    />\n    <fn-ripple :color=\"props.color\" center />\n  </button>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQM,IAAA,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA,CAAA;AAC/B,IAAA,MAAA,QAAA,GAAW,aAAc,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}