@latte-macchiat-io/latte-vanilla-components 0.0.325 → 0.0.326

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.325",
+  "version": "0.0.326",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "type": "module",
   "main": "./src/index.ts",

package/src/utils/generateResponsive.ts

@@ -1,3 +1,4 @@
+// utils/generateResponsive.ts
 import { queries } from '../styles/mediaqueries';
 
 type BreakpointKey = 'mobile' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -44,10 +45,12 @@ export function generateResponsive(
         result[media][cssProp] = toCssValue(token);
       }
     } else {
+      // single value => apply to all breakpoints
+      const token = valOrMap as ResponsiveValue;
       for (const bp of BPS) {
         const media = queries[bp as keyof typeof queries];
         if (!result[media]) result[media] = {};
-        result[media][cssProp] = toCssValue(valOrMap as ResponsiveValue);
+        result[media][cssProp] = toCssValue(token);
       }
     }
   }
@@ -57,8 +60,16 @@ export function generateResponsive(
     for (const { property, base, offset, operator = '+' } of calcProps) {
       for (const bp of BPS) {
         const media = queries[bp as keyof typeof queries];
-        const baseValue = typeof base === 'string' ? base : (base[bp] ?? Object.values(base)[0]);
-        const offsetValue = typeof offset === 'string' ? offset : (offset[bp] ?? Object.values(offset)[0]);
+
+        // ✅ TypeScript safe access
+        const baseValue =
+          typeof base === 'object' && !Array.isArray(base) ? ((base as BreakpointMap)[bp] ?? Object.values(base as BreakpointMap)[0]) : base;
+
+        const offsetValue =
+          typeof offset === 'object' && !Array.isArray(offset)
+            ? ((offset as BreakpointMap)[bp] ?? Object.values(offset as BreakpointMap)[0])
+            : offset;
+
         if (!result[media]) result[media] = {};
         result[media][property] = `calc(${baseValue} ${operator} ${offsetValue})`;
       }