{"version":3,"file":"D3ruUl62.js","sources":["../../../../composables/useScreensize.ts"],"sourcesContent":["import { useDisplay } from \"vuetify\";\nimport { computed, type ComputedRef } from \"vue\";\n\n// Interface to define the structure of the screen size composable\ninterface ScreenSize {\n    currentSize: ComputedRef<string>;\n    smAndDown:Ref<boolean, boolean>;\n}\n\n/**\n * Composable to manage screen size breakpoints\n * Provides a reactive property to get the current screen size\n */\nexport const useScreenSize = (): ScreenSize => {\n    const { xs, sm, md, lg, xl, smAndDown } = useDisplay();\n\n    // Computed property to get the current breakpoint\n    const currentSize: ComputedRef<string> = computed(() => {\n        if (xs.value) return \"xs\"; // Extra Small\n        if (sm.value) return \"sm\"; // Small\n        if (md.value) return \"md\"; // Medium\n        if (lg.value) return \"lg\"; // Large\n        if (xl.value) return \"xl\"; // Extra Large\n        return \"unknown\"; // Fallback\n    });\n\n    return { currentSize, smAndDown };\n};\n"],"names":["useScreenSize","xs","sm","md","lg","xl","smAndDown","useDisplay","computed"],"mappings":"0CAaO,MAAMA,EAAgB,IAAkB,CACrC,KAAA,CAAE,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,UAAAC,GAAcC,EAAW,EAY9C,MAAA,CAAE,YATgCC,EAAS,IAC1CP,EAAG,MAAc,KACjBC,EAAG,MAAc,KACjBC,EAAG,MAAc,KACjBC,EAAG,MAAc,KACjBC,EAAG,MAAc,KACd,SACV,EAEqB,UAAAC,CAAU,CACpC"}