meno-core 1.0.53 → 1.1.0

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

@@ -25,67 +25,91 @@ 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
+     * - 'remote': Fetch items from a public HTTP/JSON endpoint at build/SSR time
+     * - 'sanity': Fetch a Sanity document type via GROQ at build/SSR time (read-only, public dataset)
+     * - 'expression': Iterate a verbatim JS expression (`source`) that yields an array — a
+     *   `.map()` over arbitrary frontmatter data (e.g. an Astro Action / supabase query) the
+     *   dialect can't model as a prop/collection. The item template (`children` + `itemAs`) IS
+     *   editable; the source itself is a read-only black box (edit it in the .astro frontmatter).
+     *   The editor has no data for it, so it renders empty in the design canvas (real Astro play
+     *   renders it for real at build/SSR).
+     */
+    sourceType: z.enum(['prop', 'collection', 'remote', 'sanity', 'expression']).default('prop'),
+    /**
+     * Source identifier (sourceType 'prop'/'collection'/'expression'; 'remote' uses `url`):
+     * - For sourceType 'prop': Prop name (e.g., "items") or template expression (e.g., "{{category.items}}")
+     * - For sourceType 'collection': Collection name (e.g., "posts", "authors")
+     * - For sourceType 'expression': the verbatim JS expression iterated by `.map()` (e.g. "notes?")
+     */
+    source: z.string().optional(),
+
+    // Remote-only options (sourceType: 'remote')
+    /** HTTP(S) endpoint returning JSON, fetched at build/SSR time (e.g. a public REST API). */
+    url: z.string().optional(),
+    /**
+     * Dot-path into the JSON response to reach the items array (e.g. "data.items").
+     * Empty/absent = the response body is itself the array.
+     */
+    path: z.string().optional(),
+
+    // Sanity-only options (sourceType: 'sanity')
+    /** Sanity document `_type` to fetch (`*[_type == "<documentType>"]`). projectId/dataset come from project config. */
+    documentType: z.string().optional(),
+    /** Field used as the URL slug (for synthesizing item links); defaults to 'slug'. */
+    slugField: z.string().optional(),
+    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>;
@@ -111,8 +135,19 @@ export const ListNodeType = createNodeType({
     getLabel: (node) => {
       const listNode = node as ListNode;
       const sourceType = listNode.sourceType || 'prop';
-      const prefix = sourceType === 'collection' ? 'CMS List' : 'List';
-      return listNode.source ? `${prefix}: ${listNode.source}` : prefix;
+      const prefix =
+        sourceType === 'collection'
+          ? 'CMS List'
+          : sourceType === 'remote'
+            ? 'Remote List'
+            : sourceType === 'sanity'
+              ? 'Sanity List'
+              : sourceType === 'expression'
+                ? 'Loop'
+                : 'List';
+      const src =
+        sourceType === 'remote' ? listNode.url : sourceType === 'sanity' ? listNode.documentType : listNode.source;
+      return src ? `${prefix}: ${src}` : prefix;
     },
   },
 
@@ -126,20 +161,25 @@ 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':
+          sourceType === 'remote' ? listNode.url : sourceType === 'sanity' ? listNode.documentType : 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) => {
@@ -158,21 +198,21 @@ export const ListNodeType = createNodeType({
       label: 'Source Type',
       type: 'select',
       required: false,
-      options: ['prop', 'collection'],
+      options: ['prop', 'collection', 'remote', 'sanity'],
     },
     {
       name: 'source',
       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/MarkdownNodeType.ts

@@ -0,0 +1,78 @@
+/**
+ * Markdown Node Type Definition
+ * Renders a verbatim Markdown source string as HTML (Astro `.md`-style authoring).
+ *
+ * The body is stored byte-exact in `node.source` (whitespace-significant Markdown). meno-core
+ * renders it via `renderMarkdown` for the canvas + SSR; the meno-astro codec hoists the source
+ * to a backtick const and renders it through the runtime `renderMarkdown` at build (see
+ * dialect/emit/emitNode.ts:renderMarkdown). Modeled on the Embed node (verbatim payload).
+ */
+
+import { z } from 'zod';
+import { createElement as h } from 'react';
+import { renderMarkdown } from '../../markdown';
+import { StyleValueSchema, InteractiveStylesSchema, IfConditionSchema } from '../../validation/schemas';
+import { createNodeType } from '../createNodeType';
+import { textareaField } from '../fieldPresets';
+
+// Schema is the SINGLE source of truth
+const MarkdownNodeSchemaInternal = z
+  .object({
+    type: z.literal('markdown'),
+    source: z.string(), // verbatim Markdown source (whitespace-significant)
+    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(),
+    generateElementClass: z.boolean().optional(),
+    attributes: z.record(z.string(), z.union([z.string(), z.number(), z.boolean()])).optional(),
+  })
+  .passthrough();
+
+// TypeScript type inferred from schema
+export type MarkdownNode = z.infer<typeof MarkdownNodeSchemaInternal>;
+
+// Export schema for validation/schemas.ts
+export const MarkdownNodeSchema = MarkdownNodeSchemaInternal;
+
+export const MarkdownNodeType = createNodeType({
+  type: 'markdown',
+  displayName: 'Markdown',
+  category: 'content',
+  schema: MarkdownNodeSchemaInternal,
+
+  defaultValues: {
+    source: '',
+    style: { base: {} },
+  },
+
+  treeDisplay: {
+    icon: 'HTML_ELEMENT',
+    getLabel: () => 'Markdown',
+  },
+
+  editableFields: [
+    textareaField({
+      name: 'source',
+      label: 'Markdown',
+      required: true,
+      placeholder: '# Heading\n\nWrite **markdown** here…',
+    }),
+  ],
+
+  clientRenderer: (node, context) => {
+    return h('div', {
+      key: context.key,
+      dangerouslySetInnerHTML: { __html: renderMarkdown((node as { source?: unknown }).source) },
+    });
+  },
+
+  ssrRenderer: (node, _context) => {
+    return `<div>${renderMarkdown((node as { source?: unknown }).source)}</div>`;
+  },
+
+  capabilities: {
+    canHaveChildren: false,
+    requiresProps: ['source'],
+  },
+});

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>;
@@ -33,7 +32,12 @@ export const SlotMarkerType = createNodeType({
 
   treeDisplay: {
     icon: 'SLOT_MARKER',
-    getLabel: () => 'slot',
+    // Show the slot's name so multiple named slots in a component are distinguishable
+    // (e.g. `slot: header`). Unnamed (default) slots stay just `slot`.
+    getLabel: (node) => {
+      const name = (node as { name?: unknown }).name;
+      return typeof name === 'string' && name ? `slot: ${name}` : 'slot';
+    },
   },
 
   clientRenderer: (_node, _context) => {

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

@@ -11,12 +11,19 @@ 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';
 import { LocaleListNodeType, LocaleListNodeSchema, type LocaleListNode } from './LocaleListNodeType';
 import { ListNodeType, ListNodeSchema, type ListNode } from './ListNodeType';
+import { IslandNodeType, IslandNodeSchema, type IslandNode } from './IslandNodeType';
+import { MarkdownNodeType, MarkdownNodeSchema, type MarkdownNode } from './MarkdownNodeType';
+import { CustomNodeType, CustomNodeSchema, type CustomNode } from './CustomNodeType';
 
 /**
  * All built-in node type definitions
@@ -30,6 +37,9 @@ export const builtInNodeTypes: NodeTypeDefinition[] = [
   LinkNodeType as NodeTypeDefinition,
   LocaleListNodeType as NodeTypeDefinition,
   ListNodeType as NodeTypeDefinition,
+  IslandNodeType as NodeTypeDefinition,
+  MarkdownNodeType as NodeTypeDefinition,
+  CustomNodeType as NodeTypeDefinition,
 ];
 
 /**
@@ -43,6 +53,9 @@ export const nodeSchemas = {
   link: LinkNodeSchema,
   localeList: LocaleListNodeSchema,
   list: ListNodeSchema,
+  island: IslandNodeSchema,
+  markdown: MarkdownNodeSchema,
+  custom: CustomNodeSchema,
 };
 
 /**
@@ -55,12 +68,19 @@ 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';
 export { LocaleListNodeType, LocaleListNodeSchema, type LocaleListNode } from './LocaleListNodeType';
 export { ListNodeType, ListNodeSchema, type ListNode } from './ListNodeType';
+export { IslandNodeType, IslandNodeSchema, type IslandNode } from './IslandNodeType';
+export { MarkdownNodeType, MarkdownNodeSchema, type MarkdownNode } from './MarkdownNodeType';
+export { CustomNodeType, CustomNodeSchema, type CustomNode } from './CustomNodeType';
 
 /**
  * Discriminated union of all component node types
@@ -73,4 +93,7 @@ export type ComponentNode =
   | EmbedNode
   | LinkNode
   | LocaleListNode
-  | ListNode;
+  | ListNode
+  | IslandNode
+  | MarkdownNode
+  | CustomNode;

package/lib/shared/responsiveScaling.test.ts

@@ -15,8 +15,6 @@ import {
   buildSiteMarginClamp,
   getSmallestBreakpointName,
   type ResponsiveScales,
-  type CSSPropertyType,
-  type BreakpointScales,
 } from './responsiveScaling';
 
 describe('responsiveScaling', () => {
@@ -95,7 +93,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 +103,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 +113,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 +275,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 +287,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 +301,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 +316,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');
     });
 
@@ -469,7 +452,7 @@ describe('responsiveScaling', () => {
     test('multi-value padding "20px 40px" → both tokens scaled', () => {
       const out = buildFluidPropertyValue('20px 40px', 0.5, 320, 1440);
       expect(out).not.toBeNull();
-      const parts = out!.split(' ');
+      const _parts = out!.split(' ');
       // The two tokens get joined by space — but each clamp() also has spaces inside.
       // Check both clamp(...) substrings present.
       expect((out!.match(/clamp\(/g) ?? []).length).toBe(2);
@@ -501,8 +484,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', () => {