{"version":3,"file":"index.mjs","sources":["../../../../../hooks/use-ripple/index.ts"],"sourcesContent":["// import type { RippleProps } from '@fusion-ui-vue/components'\nimport { css, useColor } from '@fusion-ui-vue/theme'\nimport { computed } from 'vue'\nimport type { RippleProps } from '@fusion-ui-vue/components'\nimport type { ComponentStylingHook } from '../types'\n\nexport const useRipple: ComponentStylingHook<RippleProps> = (props, ns) => {\n  const $color = useColor(props, 'color', 'var(--fn-sys-color-ripple)')\n\n  return computed(() => {\n    return css`\n      --fn-ripple--duration: ${props.duration}ms;\n      & .${ns!.e('span')} {\n        background-color: ${$color.value};\n      }\n    `\n  })\n}\n"],"names":[],"mappings":";;;;;AAMa,MAAA,SAAA,GAA+C,CAAC,KAAA,EAAO,EAAO,KAAA;AACzE,EAAA,MAAM,MAAS,GAAA,QAAA,CAAS,KAAO,EAAA,OAAA,EAAS,4BAA4B,CAAA,CAAA;AAEpE,EAAA,OAAO,SAAS,MAAM;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,6BAAA,EACoB,MAAM,QAAQ,CAAA;AAAA,SAClC,EAAA,EAAA,CAAI,CAAE,CAAA,MAAM,CAAC,CAAA;AAAA,0BAAA,EACI,OAAO,KAAK,CAAA;AAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAGrC,CAAA,CAAA;AACH;;;;"}