@latte-macchiat-io/latte-vanilla-components 0.0.547 → 0.0.549

package/package.json

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

package/src/components/Carousel/index.tsx

@@ -18,7 +18,7 @@ import {
 } from './styles.css';
 
 import { defaultBreakpoints } from '../../styles/mediaqueries';
-import { getResponsiveValue, parseResponsiveNumber } from '../../utils/getResponsiveValue';
+import { getResponsiveValue, parseResponsiveNumber } from '../../styles/utils/getResponsiveValue';
 import { cn } from '../../utils/styleOverride';
 import { useWindowSize } from '../../utils/useWindowSize';
 

package/src/components/Video/styles.css.ts

@@ -3,9 +3,9 @@ import { calc } from '@vanilla-extract/css-utils';
 import { recipe, RecipeVariants } from '@vanilla-extract/recipes';
 
 import { mediaQuery } from '../../styles/mediaqueries';
+import { addPixelsToBreakpoints } from '../../styles/utils/addPixelsToBreakpoints';
 import { generateResponsiveMedia } from '../../styles/utils/generateResponsiveMedia';
 import { themeContract } from '../../theme/contract.css';
-import { addPixelsToBreakpoints } from '../../utils/addPixelsToBreakpoints';
 
 export const videoRecipe = recipe(
   {

package/src/{utils → styles/utils}/addPixelsToBreakpoints.ts

@@ -1,4 +1,4 @@
-import { Breakpoints } from '../styles/mediaqueries';
+import { Breakpoints } from '../mediaqueries';
 
 export function addPixelsToBreakpoints(map: Record<Breakpoints, string>, pixels: number) {
   return Object.fromEntries(Object.entries(map).map(([bp, value]) => [bp, `calc(${value} + ${pixels}px)`])) as Record<Breakpoints, string>;

package/src/{utils → styles/utils}/getResponsiveValue.ts

@@ -1,6 +1,6 @@
-import { breakpoints } from '../styles/mediaqueries';
+import { defaultBreakpoints } from '../mediaqueries';
 
-type BreakpointKey = keyof typeof breakpoints;
+type BreakpointKey = keyof typeof defaultBreakpoints;
 type ResponsiveValue = string | number;
 type ResponsiveMap = Partial<Record<BreakpointKey, ResponsiveValue>>;
 
@@ -24,7 +24,7 @@ export const getResponsiveValue = (values: ResponsiveValue | ResponsiveMap, widt
 
   // ✅ Iterate breakpoints in order and update if current width passes threshold
   for (const bp of bpOrder) {
-    const bpMin = breakpoints[bp];
+    const bpMin = defaultBreakpoints[bp];
     const bpValue = values[bp];
 
     if (width !== undefined && width >= bpMin && bpValue !== undefined) {