{"version":3,"file":"index.mjs","sources":["../../../../../hooks/use-checkbox/index.ts"],"sourcesContent":["import type { CheckboxProps } from '@fusion-ui-vue/components'\nimport { css, useColor, useRgbColor } from '@fusion-ui-vue/theme'\nimport { computed } from 'vue'\nimport type { ComponentStylingHook } from '../types'\n\nexport const useCheckbox: ComponentStylingHook<CheckboxProps> = (props, ns) => {\n  const $color = useColor(props, 'color', 'var(--md-sys-color-primary)')\n  const $colorRgb = useRgbColor(\n    props,\n    'color',\n    'var(--md-sys-color-primary-rgb)'\n  )\n\n  return computed(() => {\n    return css`\n      --fn-checkbox-color: ${$color.value};\n      --fn-checkbox-color-rgb: ${$colorRgb.value};\n      & .${ns!.e('icon')} {\n        color: ${$color.value};\n      }\n    `\n  })\n}\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,WAAA,GAAmD,CAAC,KAAA,EAAO,EAAO,KAAA;AAC7E,EAAA,MAAM,MAAS,GAAA,QAAA,CAAS,KAAO,EAAA,OAAA,EAAS,6BAA6B,CAAA,CAAA;AACrE,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,KAAA;AAAA,IACA,OAAA;AAAA,IACA,iCAAA;AAAA,GACF,CAAA;AAEA,EAAA,OAAO,SAAS,MAAM;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,2BAAA,EACkB,OAAO,KAAK,CAAA;AAAA,+BAAA,EACR,UAAU,KAAK,CAAA;AAAA,SACrC,EAAA,EAAA,CAAI,CAAE,CAAA,MAAM,CAAC,CAAA;AAAA,eAAA,EACP,OAAO,KAAK,CAAA;AAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAG1B,CAAA,CAAA;AACH;;;;"}