@xenterprises/nuxt-x-marketing 1.15.0 → 1.15.2

package/CHANGELOG.md

@@ -30,6 +30,30 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   section and its sample product data were dropped with them. Every other section of the
   demo page is unchanged.
 
+## [1.15.2] - 2026-10-19
+
+### Fixed
+
+- **No more literal `[object Object]` in UButton classes.** The layer's `app.config` overrode
+  `ui.button.variants.size.lg` / `xl` with plain strings, but Nuxt UI defines each size as a
+  per-part object (`base`, `leadingIcon`, `trailingIcon`, ...). tailwind-variants joined the two
+  as `${object} ${string}`, so every lg/xl UButton (XMarkCTA, XMarkHero, any site button) carried
+  an `[object Object]` class. The overrides are now per-part objects; `gap-0`, `size-[1em]` icons
+  and `size-8 text-base` avatars keep the look pixel-identical to 1.15.1 (home, CTA and button
+  grid at 1440/390/375: 0 px difference). HTML class lists of lg/xl buttons change.
+
+## [1.15.1] - 2026-10-18
+
+### Fixed
+
+- **`XMarkCTA` long button labels wrap on narrow screens** instead of being clipped (seen on
+  375/390px phones). UButton renders its label with `truncate` (nowrap) inside an `inline-flex`
+  button with no max width, so a long label pushed the button past the section edge. XMarkCTA now
+  passes `ui: { base: "max-w-full", label: "whitespace-normal break-words text-center" }`: the
+  button is capped at its row, the label wraps centered, and the button grows in height.
+  Short labels (every width) and desktop are pixel-identical to 1.15.0. XMarkHero and the
+  pre-footer section use the default slot (no `truncate`) and already wrapped; they are unchanged.
+
 ## [1.15.0] - 2026-10-13
 
 HTML change, no visual change: screenshots at 1440 and 390 (default and `container="lg"`) are

package/app/app.config.ts

@@ -13,9 +13,24 @@ export default defineAppConfig({
         base: "font-medium tracking-wide",
       },
       variants: {
+        // 1.15.2: Nuxt UI size variants are per-slot objects. tailwind-variants merges an
+        // app.config string with the theme object as `${themeObject} ${string}`, which put a
+        // literal "[object Object]" in every lg/xl button class (and dropped the theme's lg/xl
+        // gap, icon and avatar sizes). Per-slot objects merge cleanly; gap-0, size-[1em] and
+        // the md avatar classes keep the look identical to 1.15.1 (no gap, icons at 1em, 32px avatar).
         size: {
-          lg: "px-8 py-4 text-base",
-          xl: "px-10 py-5 text-lg",
+          lg: {
+            base: "px-8 py-4 text-base gap-0",
+            leadingIcon: "size-[1em]",
+            trailingIcon: "size-[1em]",
+            leadingAvatar: "size-8 text-base",
+          },
+          xl: {
+            base: "px-10 py-5 text-lg gap-0",
+            leadingIcon: "size-[1em]",
+            trailingIcon: "size-[1em]",
+            leadingAvatar: "size-8 text-base",
+          },
         },
       },
     },

package/app/components/X/Mark/CTA/index.vue

@@ -67,6 +67,7 @@
 					:icon="button.icon"
 					:size="size === 'lg' ? 'lg' : 'md'"
 					:class="getButtonClass(button, index)"
+					:ui="buttonUi"
 				/>
 			</div>
 		</div>
@@ -272,6 +273,19 @@ const buttonsClasses = computed(() => {
 	return layouts[props.variant];
 });
 
+/**
+ * 1.15.1: let long labels wrap on narrow screens. Nuxt UI's UButton puts `truncate`
+ * (white-space: nowrap; overflow: hidden; text-overflow: ellipsis) on the label and the
+ * button is inline-flex with no max width, so a long label is forced onto one line and the
+ * button runs past the section edge, where `overflow-hidden` clips it.
+ * max-w-full caps the button at its row; whitespace-normal lets the label wrap only when it
+ * no longer fits; text-center centres the wrapped lines. Labels that fit are unaffected.
+ */
+const buttonUi = {
+	base: "max-w-full",
+	label: "whitespace-normal break-words text-center",
+};
+
 const getButtonColor = (button, index) => {
 	// Allow explicit color override
 	if (button.color && button.color !== "white") return button.color;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@xenterprises/nuxt-x-marketing",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "1.15.0",
+  "version": "1.15.2",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",