{"version":3,"file":"DqdKNxos.js","sources":["../../../../components/Base/Checkbox/Checkbox.vue"],"sourcesContent":["<template>\n  <label class=\"flex gap-2 items-center justify-center cursor-pointer\">\n    <slot>\n      <span class=\"font-medium text-sm text-white\">{{ label }}</span>\n    </slot>\n    <input\n      type=\"checkbox\"\n      :id=\"id\"\n      v-model=\"model\"\n      :name=\"name\"\n      class=\"bg-midnight-slate\"\n    />\n  </label>\n</template>\n\n<script setup lang=\"ts\">\n  interface Props {\n    id: string;\n    name: string;\n    label: string;\n  }\n  defineProps<Props>();\n  const model = defineModel<boolean>();\n</script>\n<style scoped>\n  input[type='checkbox'] {\n    appearance: none;\n    margin: 0;\n    font: inherit;\n    width: 1.15em;\n    height: 1.15em;\n    border-radius: 0.15em;\n    transform: translateY(-0.075em);\n    display: grid;\n    place-content: center;\n  }\n\n  input[type='checkbox']::before {\n    content: '';\n    width: 0.65em;\n    height: 0.65em;\n    transform: scale(0);\n    transition: 120ms transform ease-in-out;\n    box-shadow: inset 1em 1em theme('colors.primary');\n    background-color: CanvasText;\n    transform-origin: bottom left;\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n  }\n  input[type='checkbox']:checked::before {\n    transform: scale(1);\n  }\n\n  input[type='checkbox']:disabled,\n  .form-control--disabled {\n    color: #959495;\n    cursor: not-allowed;\n  }\n</style>\n"],"names":["model","_useModel","__props"],"mappings":"2rBAsBQ,MAAAA,EAAQC,EAAoBC,EAAA,YAAC"}