meno-core 1.0.53 → 1.0.54

package/lib/shared/registry/nodeTypes/ComponentInstanceNodeType.ts

@@ -12,21 +12,20 @@ import { createNodeType } from '../createNodeType';
 const ComponentNodeSchemaRef: z.ZodType<any> = z.lazy(() => z.any());
 
 // Schema is the SINGLE source of truth
-const ComponentInstanceNodeSchemaInternal = z.object({
-  type: z.literal('component'),
-  component: z.string(),
-  label: z.string().optional(), // Custom label displayed in structure tree
-  if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
-  props: z.record(z.string(), z.any()).optional(),
-  style: StyleValueSchema.optional(),
-  interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
-  generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
-  attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
-  children: z.union([
-    z.array(z.union([ComponentNodeSchemaRef, z.string()])),
-    z.string(),
-  ]).optional(),
-}).passthrough();
+const ComponentInstanceNodeSchemaInternal = z
+  .object({
+    type: z.literal('component'),
+    component: z.string(),
+    label: z.string().optional(), // Custom label displayed in structure tree
+    if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
+    props: z.record(z.string(), z.any()).optional(),
+    style: StyleValueSchema.optional(),
+    interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
+    generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
+    attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
+    children: z.union([z.array(z.union([ComponentNodeSchemaRef, z.string()])), z.string()]).optional(),
+  })
+  .passthrough();
 
 // TypeScript type inferred from schema
 export type ComponentInstanceNode = z.infer<typeof ComponentInstanceNodeSchemaInternal>;

package/lib/shared/registry/nodeTypes/EmbedNodeType.ts

@@ -5,21 +5,28 @@
 
 import { z } from 'zod';
 import { createElement as h } from 'react';
-import { StyleValueSchema, InteractiveStylesSchema, IfConditionSchema, HtmlMappingSchema } from '../../validation/schemas';
+import {
+  StyleValueSchema,
+  InteractiveStylesSchema,
+  IfConditionSchema,
+  HtmlMappingSchema,
+} from '../../validation/schemas';
 import { createNodeType } from '../createNodeType';
 import { textareaField } from '../fieldPresets';
 
 // Schema is the SINGLE source of truth
-const EmbedNodeSchemaInternal = z.object({
-  type: z.literal('embed'),
-  html: z.union([z.string(), HtmlMappingSchema]),
-  label: z.string().optional(), // Custom label displayed in structure tree
-  if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
-  style: StyleValueSchema.optional(),
-  interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
-  generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
-  attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
-}).passthrough();
+const EmbedNodeSchemaInternal = z
+  .object({
+    type: z.literal('embed'),
+    html: z.union([z.string(), HtmlMappingSchema]),
+    label: z.string().optional(), // Custom label displayed in structure tree
+    if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
+    style: StyleValueSchema.optional(),
+    interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
+    generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
+    attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
+  })
+  .passthrough();
 
 // TypeScript type inferred from schema
 export type EmbedNode = z.infer<typeof EmbedNodeSchemaInternal>;

package/lib/shared/registry/nodeTypes/HtmlNodeType.ts

@@ -12,21 +12,20 @@ import { createNodeType } from '../createNodeType';
 const ComponentNodeSchemaRef: z.ZodType<any> = z.lazy(() => z.any());
 
 // Schema is the SINGLE source of truth
-const HtmlNodeSchemaInternal = z.object({
-  type: z.literal('node'),
-  tag: z.string(),
-  label: z.string().optional(), // Custom label displayed in structure tree
-  if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
-  style: StyleValueSchema.optional(),
-  interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
-  generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
-  attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
-  props: z.record(z.string(), z.any()).optional(), // Backward compatibility
-  children: z.union([
-    z.array(z.union([ComponentNodeSchemaRef, z.string()])),
-    z.string(),
-  ]).optional(),
-}).passthrough();
+const HtmlNodeSchemaInternal = z
+  .object({
+    type: z.literal('node'),
+    tag: z.string(),
+    label: z.string().optional(), // Custom label displayed in structure tree
+    if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
+    style: StyleValueSchema.optional(),
+    interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
+    generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
+    attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
+    props: z.record(z.string(), z.any()).optional(), // Backward compatibility
+    children: z.union([z.array(z.union([ComponentNodeSchemaRef, z.string()])), z.string()]).optional(),
+  })
+  .passthrough();
 
 // TypeScript type inferred from schema
 export type HtmlNode = z.infer<typeof HtmlNodeSchemaInternal>;
@@ -60,7 +59,22 @@ export const HtmlNodeType = createNodeType({
     }
 
     // Void elements cannot have children
-    const voidElements = ['img', 'br', 'hr', 'input', 'meta', 'link', 'area', 'base', 'col', 'embed', 'param', 'source', 'track', 'wbr'];
+    const voidElements = [
+      'img',
+      'br',
+      'hr',
+      'input',
+      'meta',
+      'link',
+      'area',
+      'base',
+      'col',
+      'embed',
+      'param',
+      'source',
+      'track',
+      'wbr',
+    ];
     if (voidElements.includes(node.tag.toLowerCase())) {
       return h(node.tag, props);
     }
@@ -69,7 +83,7 @@ export const HtmlNodeType = createNodeType({
       node.children as any,
       context.elementPath,
       context.parentComponentName,
-      context.componentContext
+      context.componentContext,
     );
 
     return h(node.tag, props, children);
@@ -78,7 +92,22 @@ export const HtmlNodeType = createNodeType({
   ssrRenderer: (node, context) => {
     const childrenHTML = context.renderChildren(node.children as any, context);
     // Void elements don't have closing tags
-    const voidElements = ['img', 'br', 'hr', 'input', 'meta', 'link', 'area', 'base', 'col', 'embed', 'param', 'source', 'track', 'wbr'];
+    const voidElements = [
+      'img',
+      'br',
+      'hr',
+      'input',
+      'meta',
+      'link',
+      'area',
+      'base',
+      'col',
+      'embed',
+      'param',
+      'source',
+      'track',
+      'wbr',
+    ];
     if (voidElements.includes(node.tag.toLowerCase())) {
       return `<${node.tag} />`;
     }

package/lib/shared/registry/nodeTypes/LinkNodeType.ts

@@ -5,7 +5,12 @@
 
 import { z } from 'zod';
 import { createElement as h } from 'react';
-import { StyleValueSchema, InteractiveStylesSchema, LinkMappingSchema, IfConditionSchema } from '../../validation/schemas';
+import {
+  StyleValueSchema,
+  InteractiveStylesSchema,
+  LinkMappingSchema,
+  IfConditionSchema,
+} from '../../validation/schemas';
 import { createNodeType } from '../createNodeType';
 import { urlField } from '../fieldPresets';
 
@@ -14,20 +19,19 @@ import { urlField } from '../fieldPresets';
 const ComponentNodeSchemaRef: z.ZodType<any> = z.lazy(() => z.any());
 
 // Schema is the SINGLE source of truth
-const LinkNodeSchemaInternal = z.object({
-  type: z.literal('link'),
-  href: z.union([z.string(), LinkMappingSchema]),
-  label: z.string().optional(), // Custom label displayed in structure tree
-  if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
-  style: StyleValueSchema.optional(),
-  interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
-  generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
-  attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
-  children: z.union([
-    z.array(z.union([ComponentNodeSchemaRef, z.string()])),
-    z.string(),
-  ]).optional(),
-}).passthrough();
+const LinkNodeSchemaInternal = z
+  .object({
+    type: z.literal('link'),
+    href: z.union([z.string(), LinkMappingSchema]),
+    label: z.string().optional(), // Custom label displayed in structure tree
+    if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
+    style: StyleValueSchema.optional(),
+    interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
+    generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
+    attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
+    children: z.union([z.array(z.union([ComponentNodeSchemaRef, z.string()])), z.string()]).optional(),
+  })
+  .passthrough();
 
 // TypeScript type inferred from schema
 export type LinkNode = z.infer<typeof LinkNodeSchemaInternal>;
@@ -52,16 +56,14 @@ export const LinkNodeType = createNodeType({
     getLabel: () => 'Link',
   },
 
-  editableFields: [
-    urlField({ name: 'href', label: 'Link URL', required: true }),
-  ],
+  editableFields: [urlField({ name: 'href', label: 'Link URL', required: true })],
 
   clientRenderer: (node, context) => {
     const children = context.buildChildren(
       node.children as any,
       context.elementPath,
       context.parentComponentName,
-      context.componentContext
+      context.componentContext,
     );
     return h('div', { key: context.key }, children);
   },

package/lib/shared/registry/nodeTypes/ListNodeType.ts

@@ -25,67 +25,67 @@ const CMSSortConfigSchema = z.union([
     field: z.string(),
     order: z.enum(['asc', 'desc']).optional(),
   }),
-  z.array(z.object({
-    field: z.string(),
-    order: z.enum(['asc', 'desc']).optional(),
-  })),
+  z.array(
+    z.object({
+      field: z.string(),
+      order: z.enum(['asc', 'desc']).optional(),
+    }),
+  ),
 ]);
 
 // Schema is the SINGLE source of truth
-const ListNodeSchemaInternal = z.object({
-  type: z.literal('list'),
-  /**
-   * Data source type:
-   * - 'prop': Read items from component props (default)
-   * - 'collection': Query items from CMS collection
-   */
-  sourceType: z.enum(['prop', 'collection']).default('prop'),
-  /**
-   * Source identifier:
-   * - For sourceType 'prop': Prop name (e.g., "items") or template expression (e.g., "{{category.items}}")
-   * - For sourceType 'collection': Collection name (e.g., "posts", "authors")
-   */
-  source: z.string(),
-  label: z.string().optional(), // Custom label displayed in structure tree
-  if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
-  /**
-   * Variable name for item in templates.
-   * - For sourceType 'prop': defaults to 'item'
-   * - For sourceType 'collection': defaults to singularized collection name
-   */
-  itemAs: z.string().optional(),
-
-  // Collection-only options (ignored when sourceType: 'prop')
-  /** Direct item IDs or template expression for referenced items (e.g., "{{post.authorId}}") */
-  items: z.union([z.string(), z.array(z.string())]).optional(),
-  /** Filter conditions */
-  filter: z.union([
-    CMSFilterConditionSchema,
-    z.array(CMSFilterConditionSchema),
-    z.record(z.unknown()),
-  ]).optional(),
-  /** Sort configuration */
-  sort: CMSSortConfigSchema.optional(),
-  /** Exclude the current CMS item from the list (useful for "related items" sections) */
-  excludeCurrentItem: z.boolean().optional(),
-  /**
-   * Emit item template for dynamic client-side rendering.
-   * When true, SSR emits a `<template data-meno-item>` element with unprocessed
-   * {{item.field}} placeholders. MenoFilter uses this to render items beyond
-   * the SSR'd limit dynamically.
-   */
-  emitTemplate: z.boolean().optional(),
-
-  // Shared options
-  /** Maximum number of items to return */
-  limit: z.number().optional(),
-  /** Number of items to skip */
-  offset: z.number().optional(),
-  /** Children are repeated for each item */
-  children: z.array(z.unknown()).optional(),
-  /** @deprecated Legacy property - use source + sourceType instead */
-  collection: z.union([z.string(), z.array(z.any())]).optional(),
-}).passthrough();
+const ListNodeSchemaInternal = z
+  .object({
+    type: z.literal('list'),
+    /**
+     * Data source type:
+     * - 'prop': Read items from component props (default)
+     * - 'collection': Query items from CMS collection
+     */
+    sourceType: z.enum(['prop', 'collection']).default('prop'),
+    /**
+     * Source identifier:
+     * - For sourceType 'prop': Prop name (e.g., "items") or template expression (e.g., "{{category.items}}")
+     * - For sourceType 'collection': Collection name (e.g., "posts", "authors")
+     */
+    source: z.string(),
+    label: z.string().optional(), // Custom label displayed in structure tree
+    if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
+    /**
+     * Variable name for item in templates.
+     * - For sourceType 'prop': defaults to 'item'
+     * - For sourceType 'collection': defaults to singularized collection name
+     */
+    itemAs: z.string().optional(),
+
+    // Collection-only options (ignored when sourceType: 'prop')
+    /** Direct item IDs or template expression for referenced items (e.g., "{{post.authorId}}") */
+    items: z.union([z.string(), z.array(z.string())]).optional(),
+    /** Filter conditions */
+    filter: z.union([CMSFilterConditionSchema, z.array(CMSFilterConditionSchema), z.record(z.unknown())]).optional(),
+    /** Sort configuration */
+    sort: CMSSortConfigSchema.optional(),
+    /** Exclude the current CMS item from the list (useful for "related items" sections) */
+    excludeCurrentItem: z.boolean().optional(),
+    /**
+     * Emit item template for dynamic client-side rendering.
+     * When true, SSR emits a `<template data-meno-item>` element with unprocessed
+     * {{item.field}} placeholders. MenoFilter uses this to render items beyond
+     * the SSR'd limit dynamically.
+     */
+    emitTemplate: z.boolean().optional(),
+
+    // Shared options
+    /** Maximum number of items to return */
+    limit: z.number().optional(),
+    /** Number of items to skip */
+    offset: z.number().optional(),
+    /** Children are repeated for each item */
+    children: z.array(z.unknown()).optional(),
+    /** @deprecated Legacy property - use source + sourceType instead */
+    collection: z.union([z.string(), z.array(z.any())]).optional(),
+  })
+  .passthrough();
 
 // TypeScript type inferred from schema
 export type ListNode = z.infer<typeof ListNodeSchemaInternal>;
@@ -126,20 +126,24 @@ export const ListNodeType = createNodeType({
     const textColor = isCollection ? '#8b5cf6' : '#3b82f6';
     const label = isCollection ? 'CMS List' : 'List';
 
-    return h('div', {
-      key: context.key,
-      'data-list': 'true',
-      'data-source-type': sourceType,
-      'data-source': listNode.source,
-      style: {
-        padding: '8px 12px',
-        background: bgColor,
-        border: `1px dashed ${borderColor}`,
-        borderRadius: '4px',
-        color: textColor,
-        fontSize: '12px',
+    return h(
+      'div',
+      {
+        key: context.key,
+        'data-list': 'true',
+        'data-source-type': sourceType,
+        'data-source': listNode.source,
+        style: {
+          padding: '8px 12px',
+          background: bgColor,
+          border: `1px dashed ${borderColor}`,
+          borderRadius: '4px',
+          color: textColor,
+          fontSize: '12px',
+        },
       },
-    }, `[${label}: ${listNode.source || 'No source'}]`);
+      `[${label}: ${listNode.source || 'No source'}]`,
+    );
   },
 
   ssrRenderer: (_node, _context) => {
@@ -165,14 +169,14 @@ export const ListNodeType = createNodeType({
       label: 'Source',
       type: 'string',
       required: true,
-      placeholder: 'e.g., items or posts'
+      placeholder: 'e.g., items or posts',
     },
     {
       name: 'itemAs',
       label: 'Item Variable',
       type: 'string',
       required: false,
-      placeholder: 'default: item (prop) or singular (collection)'
-    }
+      placeholder: 'default: item (prop) or singular (collection)',
+    },
   ],
 });

package/lib/shared/registry/nodeTypes/LocaleListNodeType.ts

@@ -9,23 +9,25 @@ import { StyleValueSchema, InteractiveStylesSchema, IfConditionSchema } from '..
 import { createNodeType } from '../createNodeType';
 
 // Schema is the SINGLE source of truth
-const LocaleListNodeSchemaInternal = z.object({
-  type: z.literal('locale-list'),
-  label: z.string().optional(), // Custom label displayed in structure tree
-  if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
-  style: StyleValueSchema.optional(),
-  itemStyle: StyleValueSchema.optional(),
-  activeItemStyle: StyleValueSchema.optional(),
-  separatorStyle: StyleValueSchema.optional(),
-  showCurrent: z.boolean().optional(),
-  showSeparator: z.boolean().optional(),
-  showFlag: z.boolean().optional(),
-  flagStyle: StyleValueSchema.optional(),
-  interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
-  generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
-  displayType: z.enum(['code', 'name', 'nativeName']).optional(), // How to display locale text
-  attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
-}).passthrough();
+const LocaleListNodeSchemaInternal = z
+  .object({
+    type: z.literal('locale-list'),
+    label: z.string().optional(), // Custom label displayed in structure tree
+    if: IfConditionSchema.optional(), // Conditional rendering - skip node when false
+    style: StyleValueSchema.optional(),
+    itemStyle: StyleValueSchema.optional(),
+    activeItemStyle: StyleValueSchema.optional(),
+    separatorStyle: StyleValueSchema.optional(),
+    showCurrent: z.boolean().optional(),
+    showSeparator: z.boolean().optional(),
+    showFlag: z.boolean().optional(),
+    flagStyle: StyleValueSchema.optional(),
+    interactiveStyles: InteractiveStylesSchema.optional(), // Interactive CSS rules (hover, active, etc.)
+    generateElementClass: z.boolean().optional(), // Generate element class without styles (for custom CSS)
+    displayType: z.enum(['code', 'name', 'nativeName']).optional(), // How to display locale text
+    attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
+  })
+  .passthrough();
 
 // TypeScript type inferred from schema
 export type LocaleListNode = z.infer<typeof LocaleListNodeSchemaInternal>;
@@ -54,10 +56,14 @@ export const LocaleListNodeType = createNodeType({
 
   clientRenderer: (_node, context) => {
     // In editor, shows placeholder
-    return h('div', {
-      key: context.key,
-      'data-locale-list': 'true',
-    }, '[Locale List]');
+    return h(
+      'div',
+      {
+        key: context.key,
+        'data-locale-list': 'true',
+      },
+      '[Locale List]',
+    );
   },
 
   ssrRenderer: (_node, _context) => {

package/lib/shared/registry/nodeTypes/SlotMarkerType.ts

@@ -9,13 +9,12 @@ import { createNodeType } from '../createNodeType';
 // Schema is the SINGLE source of truth
 // Note: default uses z.any() to avoid circular reference with ComponentNodeSchema
 // Full validation is done via the schema in validation/schemas.ts
-const SlotMarkerSchemaInternal = z.object({
-  type: z.literal('slot'),
-  default: z.union([
-    z.array(z.any()),
-    z.string(),
-  ]).optional(),
-}).passthrough();
+const SlotMarkerSchemaInternal = z
+  .object({
+    type: z.literal('slot'),
+    default: z.union([z.array(z.any()), z.string()]).optional(),
+  })
+  .passthrough();
 
 // TypeScript type inferred from schema
 export type SlotMarker = z.infer<typeof SlotMarkerSchemaInternal>;

package/lib/shared/registry/nodeTypes/index.ts

@@ -11,7 +11,11 @@ import type { NodeTypeDefinition } from '../NodeTypeDefinition';
 
 // Import all node type definitions (each file exports type, schema, and definition)
 import { HtmlNodeType, HtmlNodeSchema, type HtmlNode } from './HtmlNodeType';
-import { ComponentInstanceNodeType, ComponentInstanceNodeSchema, type ComponentInstanceNode } from './ComponentInstanceNodeType';
+import {
+  ComponentInstanceNodeType,
+  ComponentInstanceNodeSchema,
+  type ComponentInstanceNode,
+} from './ComponentInstanceNodeType';
 import { SlotMarkerType, SlotMarkerSchema, type SlotMarker } from './SlotMarkerType';
 import { EmbedNodeType, EmbedNodeSchema, type EmbedNode } from './EmbedNodeType';
 import { LinkNodeType, LinkNodeSchema, type LinkNode } from './LinkNodeType';
@@ -55,7 +59,11 @@ export function registerBuiltInNodeTypes(): void {
 
 // Re-export individual node types for direct access
 export { HtmlNodeType, HtmlNodeSchema, type HtmlNode } from './HtmlNodeType';
-export { ComponentInstanceNodeType, ComponentInstanceNodeSchema, type ComponentInstanceNode } from './ComponentInstanceNodeType';
+export {
+  ComponentInstanceNodeType,
+  ComponentInstanceNodeSchema,
+  type ComponentInstanceNode,
+} from './ComponentInstanceNodeType';
 export { SlotMarkerType, SlotMarkerSchema, type SlotMarker } from './SlotMarkerType';
 export { EmbedNodeType, EmbedNodeSchema, type EmbedNode } from './EmbedNodeType';
 export { LinkNodeType, LinkNodeSchema, type LinkNode } from './LinkNodeType';

package/lib/shared/responsiveScaling.test.ts

@@ -95,7 +95,7 @@ describe('responsiveScaling', () => {
       const scales: ResponsiveScales = {
         enabled: true,
         baseReference: 16,
-        fontSize: { tablet: 0.88 }
+        fontSize: { tablet: 0.88 },
       };
       const scale = getScaleMultiplier(scales, 'fontSize', 'mobile');
       expect(scale).toBeNull();
@@ -105,7 +105,7 @@ describe('responsiveScaling', () => {
       const scales: ResponsiveScales = {
         enabled: true,
         baseReference: 16,
-        fontSize: { large: 0.95, tablet: 0.88, small: 0.82, mobile: 0.75 }
+        fontSize: { large: 0.95, tablet: 0.88, small: 0.82, mobile: 0.75 },
       };
       expect(getScaleMultiplier(scales, 'fontSize', 'large')).toBe(0.95);
       expect(getScaleMultiplier(scales, 'fontSize', 'small')).toBe(0.82);
@@ -115,7 +115,7 @@ describe('responsiveScaling', () => {
       const scales: ResponsiveScales = {
         enabled: true,
         baseReference: 16,
-        fontSize: { tablet: 0.88, mobile: 0.75 }
+        fontSize: { tablet: 0.88, mobile: 0.75 },
       };
       expect(getScaleMultiplier(scales, 'fontSize', 'large')).toBeNull();
       expect(getScaleMultiplier(scales, 'fontSize', 'small')).toBeNull();
@@ -277,7 +277,7 @@ describe('responsiveScaling', () => {
       const scales: ResponsiveScales = {
         enabled: true,
         baseReference: 16,
-        fontSize: { tablet: 0.88 }
+        fontSize: { tablet: 0.88 },
       };
       const result = getResponsiveValues('20px', 'fontSize', scales);
       expect(result.base).toBe('20px');
@@ -289,18 +289,13 @@ describe('responsiveScaling', () => {
       const scales: ResponsiveScales = {
         enabled: true,
         baseReference: 16,
-        fontSize: { large: 0.95, tablet: 0.88, small: 0.82, mobile: 0.75 }
+        fontSize: { large: 0.95, tablet: 0.88, small: 0.82, mobile: 0.75 },
       };
-      const result = getResponsiveValues(
-        '67px',
-        'fontSize',
-        scales,
-        ['large', 'tablet', 'small', 'mobile']
-      );
+      const result = getResponsiveValues('67px', 'fontSize', scales, ['large', 'tablet', 'small', 'mobile']);
       expect(result.base).toBe('67px');
-      expect(result.large).toBe('64px');  // 67 + (67-16) * (0.95-1) = 67 - 2.55 ≈ 64
+      expect(result.large).toBe('64px'); // 67 + (67-16) * (0.95-1) = 67 - 2.55 ≈ 64
       expect(result.tablet).toBe('61px'); // 0.88 scale
-      expect(result.small).toBe('58px');  // 67 + (67-16) * (0.82-1) = 67 - 9.18 ≈ 58
+      expect(result.small).toBe('58px'); // 67 + (67-16) * (0.82-1) = 67 - 9.18 ≈ 58
       expect(result.mobile).toBe('54px'); // 0.75 scale
     });
 
@@ -308,15 +303,10 @@ describe('responsiveScaling', () => {
       const scales: ResponsiveScales = {
         enabled: true,
         baseReference: 16,
-        fontSize: { large: 0.95, tablet: 0.88, small: 0.82, mobile: 0.75 }
+        fontSize: { large: 0.95, tablet: 0.88, small: 0.82, mobile: 0.75 },
       };
       // Only request large and small breakpoints
-      const result = getResponsiveValues(
-        '67px',
-        'fontSize',
-        scales,
-        ['large', 'small']
-      );
+      const result = getResponsiveValues('67px', 'fontSize', scales, ['large', 'small']);
       expect(result.base).toBe('67px');
       expect(result.large).toBe('64px');
       expect(result.small).toBe('58px');
@@ -328,19 +318,14 @@ describe('responsiveScaling', () => {
       const scales: ResponsiveScales = {
         enabled: true,
         baseReference: 16,
-        fontSize: { tablet: 0.88, mobile: 0.75 }
+        fontSize: { tablet: 0.88, mobile: 0.75 },
       };
       // Request breakpoints that don't have scales configured
-      const result = getResponsiveValues(
-        '67px',
-        'fontSize',
-        scales,
-        ['large', 'tablet', 'small', 'mobile']
-      );
+      const result = getResponsiveValues('67px', 'fontSize', scales, ['large', 'tablet', 'small', 'mobile']);
       expect(result.base).toBe('67px');
-      expect(result.large).toBeUndefined();  // No scale configured
+      expect(result.large).toBeUndefined(); // No scale configured
       expect(result.tablet).toBe('61px');
-      expect(result.small).toBeUndefined();  // No scale configured
+      expect(result.small).toBeUndefined(); // No scale configured
       expect(result.mobile).toBe('54px');
     });
 
@@ -501,8 +486,7 @@ describe('responsiveScaling', () => {
     });
 
     test('returns plain px when min === max', () => {
-      expect(buildSiteMarginClamp({ min: 16, max: 16 }, { min: 320, max: 1440 }))
-        .toBe('16px');
+      expect(buildSiteMarginClamp({ min: 16, max: 16 }, { min: 320, max: 1440 })).toBe('16px');
     });
 
     test('default DEFAULT_SITE_MARGIN is 16/32', () => {