@bagelink/vue 1.15.239 → 1.15.241

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.15.239",
+  "version": "1.15.241",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/components/Image.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-defineOptions({ name: 'BglImage', inheritAttrs: true })
+defineOptions({ name: 'BglImage', inheritAttrs: false })
 import { Skeleton, normalizeDimension, Icon, useImageSrc } from '@bagelink/vue'
 import { Comment, computed, useSlots, type StyleValue, type VNode } from 'vue'
 
@@ -68,14 +68,18 @@ const imgFit = computed(() => props.fit ?? 'cover')
 </script>
 
 <template>
-	<!-- Framed mode: ratio box with gradient base, blended photo, and overlay slot. -->
+	<!-- Framed mode: ratio box with gradient base, blended photo, and overlay slot.
+	     Multi-root component → bind $attrs explicitly so class/style (e.g. flex-shrink-0) land on the frame. -->
 	<div
 		v-if="framed"
+		v-bind="$attrs"
 		class="bgl-image-frame relative overflow-hidden"
 		:class="ratioClass"
 		:style="{
 			width: normalizeDimension(width),
+			minWidth: normalizeDimension(width),
 			height: ratio ? undefined : normalizeDimension(height),
+			minHeight: ratio ? undefined : normalizeDimension(height),
 			background: gradientCss,
 			borderRadius: radiusStyle,
 		}"

package/src/components/layout/Tabs.vue

@@ -20,6 +20,8 @@ const props = defineProps<{
 	fullWidthMobile?: boolean
 	alignTxt?: 'center' | 'start' | 'end'
 	alignTxtMobile?: 'center' | 'start' | 'end'
+	/** Horizontally center the tab bar (content panels stay full-width). */
+	center?: boolean
 	icon?: IconType
 	iconEnd?: IconType
 	iconSize?: number | string
@@ -41,6 +43,12 @@ const slctTab = computed({
 	},
 })
 
+/** Props forwarded to TabsNav — omit `center` (layout-only here). */
+const navProps = computed(() => {
+	const { center: _center, modelValue: _mv, ...rest } = props
+	return rest
+})
+
 const tabComponent = defineComponent({
 	render() {
 		const currentTabIndex = props.tabs.findIndex(
@@ -55,10 +63,10 @@ const tabComponent = defineComponent({
 </script>
 
 <template>
-	<div class="bgl_tabs grid gap-05">
-		<div class="flex justify-content-center">
+	<div class="bgl_tabs">
+		<div :class="center ? 'flex justify-content-center' : undefined">
 			<TabsNav
-				v-bind="{ ...props, ...attrs }"
+				v-bind="{ ...navProps, ...attrs }"
 				v-model="slctTab"
 				:group="group"
 			/>