{"version":3,"file":"index.mjs","sources":["../../../../src/components/Toggle/index.vue"],"sourcesContent":["<template>\n  <label>\n    <input v-model=\"isChecked\" class=\"hidden\" type=\"checkbox\" />\n    <div type=\"checkbox\" class=\"grid rounded-full p-2\" :class=\"props.class\">\n      <slot v-if=\"$slots.content\" class=\"self-center\" name=\"content\"></slot>\n    </div>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, toRefs, HTMLAttributes } from 'vue';\n\nconst props = defineProps<{\n  modelValue: boolean;\n  class: HTMLAttributes['class'];\n}>();\n\nconst emit = defineEmits(['update:modelValue', 'change', 'input']);\n\nconst { modelValue } = toRefs(props);\nconst isChecked = computed({\n  get: () => modelValue.value,\n  set: (value) => {\n    emit('input', value);\n    emit('change', value);\n    emit('update:modelValue', value);\n  },\n});\n</script>\n"],"names":["props","__props","emit","__emit","modelValue","toRefs","isChecked","computed","value"],"mappings":";;;;;;;;;AAYA,UAAMA,IAAQC,GAKRC,IAAOC,GAEP,EAAE,YAAAC,EAAA,IAAeC,EAAOL,CAAK,GAC7BM,IAAYC,EAAS;AAAA,MACzB,KAAK,MAAMH,EAAW;AAAA,MACtB,KAAK,CAACI,MAAU;AACd,QAAAN,EAAK,SAASM,CAAK,GACnBN,EAAK,UAAUM,CAAK,GACpBN,EAAK,qBAAqBM,CAAK;AAAA,MACjC;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;"}