{"version":3,"file":"DInput.vue_vue_type_script_setup_true_lang-8395b915.js","sources":["../../client/packages/design-system/src/forms/DInput.vue"],"sourcesContent":["<template>\n    <DContainer class=\"d-input-wrapper\" :class=\"`${shade}-shade ${variant}`\">\n        <DContainer class=\"d-input-label-wrapper\" :theme=\"theme\">\n            <DText\n                class=\"d-input-label\"\n                type=\"label\"\n                variant=\"form-label\"\n                :for=\"formId\"\n            >\n                {{label}}\n            </DText>\n        </DContainer>\n\n        <input\n            v-bind=\"$attrs\"\n            :id=\"formId\"\n            ref=\"inputRef\"\n            v-model=\"model\"\n            tabIndex=\"0\"\n            class=\"d-input\"\n            :name=\"formId\"\n            :type=\"type\"\n            :placeholder=\"placeholder\"\n        >\n\n        <DIcon v-if=\"hasError\" class=\"d-input-error-icon\" name=\"alert\"/>\n    </DContainer>\n</template>\n\n<script lang=\"ts\" setup>\n    import {ref, computed} from \"vue\";\n\n    import DText from \"../atoms/DText.vue\";\n    import DContainer from \"../atoms/DContainer.vue\";\n    import DIcon from \"../atoms/DIcon.vue\";\n\n    import {getComponentShade} from \"../utils/theme\";\n\n    import type {BaseFormProps} from \"@songfinch/types\";\n\n    const props = withDefaults(defineProps<BaseFormProps & {\n        variant?: \"with-icon\";\n    }>(), {\n        theme: \"light\",\n    });\n\n    const inputRef = ref<HTMLInputElement | null>(null);\n\n    defineExpose({\n        inputRef\n    });\n\n    const shade = computed(() => getComponentShade(props.theme, props.hasError));\n\n    const formId = \"form-input-\" + props.id;\n    const model = defineModel<string>();\n</script>\n"],"names":["props","__props","inputRef","ref","__expose","shade","computed","getComponentShade","formId","model","_useModel"],"mappings":"spCAwCI,MAAMA,EAAQC,EAMRC,EAAWC,EAA6B,IAAI,EAErCC,EAAA,CACT,SAAAF,CAAA,CACH,EAEK,MAAAG,EAAQC,EAAS,IAAMC,EAAkBP,EAAM,MAAOA,EAAM,QAAQ,CAAC,EAErEQ,EAAS,cAAgBR,EAAM,GAC/BS,EAAQC,EAAmBT,EAAA,YAAC"}