{"version":3,"file":"radio-button2.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b(segment ? 'segment' : 'button'),\n      ns.is('active', modelValue === value),\n      ns.is('disabled', disabled),\n      ns.is('focus', focus),\n      ns.bm(segment ? 'segment' : 'button', size),\n      ns.is('vertical', radioGroup?.vertical),\n    ]\"\n    data-test-name=\"radio-button\"\n    data-test-variant=\"\"\n    data-test-state=\"\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"modelValue\"\n      :class=\"ns.be(segment ? 'segment' : 'button', 'original-radio')\"\n      :value=\"value\"\n      type=\"radio\"\n      :name=\"name || radioGroup?.name\"\n      :disabled=\"disabled\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n\n    <span :class=\"ns.be(segment ? 'segment' : 'button', 'inner')\" @keydown.stop>\n      <b-icon v-if=\"Boolean(icon)\" :size=\"(large && 24) || (small && 16) || 20\">\n        <Component :is=\"icon\" />\n      </b-icon>\n      <span>\n        <slot>\n          {{ label }}\n        </slot>\n      </span>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@bigin/hooks'\nimport BIcon from '@bigin/components/icon'\nimport { useRadio } from './use-radio'\nimport { radioButtonProps } from './radio-button'\n\ndefineOptions({\n  name: 'BRadioButton',\n})\n\nconst props = defineProps(radioButtonProps)\n\nconst ns = useNamespace('radio')\nconst { radioRef, focus, size, disabled, modelValue, radioGroup, segment } =\n  useRadio(props)\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCA6Cc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIM,IAAA,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AACzB,IAAA,MAAA,EAAE,QAAU,EAAA,KAAA,EAAO,IAAM,EAAA,QAAA,EAAU,YAAY,UAAY,EAAA,OAAA,EAC/D,GAAA,QAAA,CAAS,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}