@maizzle/framework 6.1.6 → 6.1.7

package/dist/components/Img.vue

@@ -254,6 +254,12 @@ const NotMsoBefore = () => createStaticVNode('<!--[if !mso]><!-->', 1)
 const NotMsoAfter = () => createStaticVNode('<!--<![endif]-->', 1)
 
 const imgClass = 'max-w-full align-middle'
+const imgMergedClass = computed(() => twMerge(imgClass, parsedClass.value.className))
+
+const restAttrs = computed(() => {
+  const { class: _, ...rest } = attrs
+  return rest
+})
 
 const cropClass = computed(() =>
   twMerge(
@@ -317,16 +323,16 @@ const cropClass = computed(() =>
     <picture>
       <source v-if="darkSrc" :srcset="darkSrc" media="(prefers-color-scheme: dark)">
       <source v-if="motionSrc" :srcset="motionSrc" :type="motionType || undefined" media="(prefers-reduced-motion: no-preference)">
-      <img v-bind="attrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgClass" data-juice-duplicates="false">
+      <img v-bind="restAttrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgMergedClass" data-juice-duplicates="false">
     </picture>
   </a>
   <picture v-else-if="usePicture">
     <source v-if="darkSrc" :srcset="darkSrc" media="(prefers-color-scheme: dark)">
     <source v-if="motionSrc" :srcset="motionSrc" :type="motionType || undefined" media="(prefers-reduced-motion: no-preference)">
-    <img v-bind="attrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgClass" data-juice-duplicates="false">
+    <img v-bind="restAttrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgMergedClass" data-juice-duplicates="false">
   </picture>
   <a v-else-if="href" :href="href">
-    <img v-bind="attrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgClass" data-juice-duplicates="false">
+    <img v-bind="restAttrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgMergedClass" data-juice-duplicates="false">
   </a>
-  <img v-else v-bind="attrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgClass" data-juice-duplicates="false">
+  <img v-else v-bind="restAttrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgMergedClass" data-juice-duplicates="false">
 </template>

package/dist/components/Section.vue

@@ -68,7 +68,7 @@ const tdId = outlookFallback ? nextId('st') : null
 
 const mergedClass = computed(() => {
   const userClass = (attrs.class as string) ?? ''
-  if (props.width == null) return userClass || undefined
+  if (props.width == null) return userClass ? twMerge(userClass) : undefined
   return twMerge(`max-w-[${normalizeToPixels(props.width)}]`, userClass)
 })
 

package/dist/server/ui/.vite/deps/_metadata.json

@@ -1,67 +1,67 @@
 {
-  "hash": "14cd69aa",
+  "hash": "629e7aaa",
   "configHash": "87cfe796",
-  "lockfileHash": "a40373a2",
-  "browserHash": "0d27af42",
+  "lockfileHash": "b9ecc6bc",
+  "browserHash": "be13c6c6",
   "optimized": {
     "@lucide/vue": {
       "src": "../../../../../node_modules/@lucide/vue/dist/esm/lucide-vue.mjs",
       "file": "@lucide_vue.js",
-      "fileHash": "a1d212ec",
+      "fileHash": "58cedac2",
       "needsInterop": false
     },
     "@vueuse/core": {
       "src": "../../../../../node_modules/@vueuse/core/dist/index.js",
       "file": "@vueuse_core.js",
-      "fileHash": "8f993a4a",
+      "fileHash": "365fbdfe",
       "needsInterop": false
     },
     "@vueuse/shared": {
       "src": "../../../../../node_modules/@vueuse/shared/dist/index.js",
       "file": "@vueuse_shared.js",
-      "fileHash": "b1493280",
+      "fileHash": "68a3a8e1",
       "needsInterop": false
     },
     "class-variance-authority": {
       "src": "../../../../../node_modules/class-variance-authority/dist/index.mjs",
       "file": "class-variance-authority.js",
-      "fileHash": "ad4ffcef",
+      "fileHash": "152f7513",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../../node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "fcfda44d",
+      "fileHash": "e1c3c637",
       "needsInterop": false
     },
     "culori": {
       "src": "../../../../../node_modules/culori/src/index.js",
       "file": "culori.js",
-      "fileHash": "5a7e933a",
+      "fileHash": "1d1b1832",
       "needsInterop": false
     },
     "reka-ui": {
       "src": "../../../../../node_modules/reka-ui/dist/index.js",
       "file": "reka-ui.js",
-      "fileHash": "bd184957",
+      "fileHash": "8461fc3d",
       "needsInterop": false
     },
     "tailwind-merge": {
       "src": "../../../../../node_modules/tailwind-merge/dist/bundle-cjs.js",
       "file": "tailwind-merge.js",
-      "fileHash": "0f437fb7",
+      "fileHash": "23eeb620",
       "needsInterop": true
     },
     "vue-router": {
       "src": "../../../../../node_modules/vue-router/dist/vue-router.js",
       "file": "vue-router.js",
-      "fileHash": "965db101",
+      "fileHash": "9b79e9cb",
       "needsInterop": false
     },
     "vue": {
       "src": "../../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
       "file": "vue.js",
-      "fileHash": "ba3e8b42",
+      "fileHash": "c5df9cf6",
       "needsInterop": false
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "6.1.6",
+  "version": "6.1.7",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",