{"version":3,"file":"main.vue.cjs","sources":["../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n  <main :class=\"[ns.b()]\" :style=\"[styleBgColor]\">\n    <slot />\n  </main>\n</template>\n<script>\nexport default { name: \"x-main\" };\n</script>\n<script setup>\nimport { computed } from \"vue\";\nimport { useNamespace } from \"@ui-library/hook\";\nconst ns = useNamespace(\"main\");\n/** props */\nconst props = defineProps({\n  bgColor: {\n    type: String,\n    default: \"\",\n  },\n});\nconst styleBgColor = computed(() => {\n  return props.bgColor ? { \"background-color\": props.bgColor } : {};\n});\n</script>\n"],"names":["useNamespace","computed"],"mappings":";;;;;;;;AAMA,MAAA,WAAA,GAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;;;;;;;;;;;;AAKjC,MAAM,EAAE,GAAGA,kBAAY,CAAC,MAAM,CAAC,CAAA;AAC/B;AACA,MAAM,KAAK,GAAG,OAKZ,CAAA;AACF,MAAM,YAAY,GAAGC,YAAQ,CAAC,MAAM;AACpC,EAAE,OAAO,KAAK,CAAC,OAAO,GAAG,EAAE,kBAAkB,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,CAAA;AACnE,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;"}