@shoppexio/builder-runtime 0.1.0 → 0.1.2

package/dist/css-vars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css-vars.d.ts","sourceRoot":"","sources":["../src/css-vars.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAc,WAAW,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAsCvG,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAEnE;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAarF;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,SAAU,GAAG,MAAM,CAEtF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,SAAU,GAAG,MAAM,CAoDjF"}
+{"version":3,"file":"css-vars.d.ts","sourceRoot":"","sources":["../src/css-vars.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAA+B,WAAW,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAsCxH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAEnE;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAarF;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,SAAU,GAAG,MAAM,CAEtF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,SAAU,GAAG,MAAM,CAoDjF"}

package/dist/css-vars.js

@@ -33,16 +33,16 @@ const STYLE_SLOT_CSS_VARIABLES = {
     'typography.body.size': { name: '--builder-typography-body-size', unit: 'px' },
 };
 export function getStyleSlotCssVariable(slotId) {
-    return STYLE_SLOT_CSS_VARIABLES[slotId].name;
+    return getStyleSlotCssVariableConfig(slotId).name;
 }
 export function createStyleSlotCssVariables(slots) {
     const variables = {};
-    for (const slotId of CORE_STYLE_SLOT_IDS) {
+    for (const slotId of getRenderableStyleSlotIds(slots)) {
         const value = slots[slotId];
         if (value === undefined || isResponsiveRecord(value)) {
             continue;
         }
-        variables[STYLE_SLOT_CSS_VARIABLES[slotId].name] = formatStyleSlotValue(slotId, value);
+        variables[getStyleSlotCssVariable(slotId)] = formatStyleSlotValue(slotId, value);
     }
     return variables;
 }
@@ -57,12 +57,12 @@ export function createStyleSlotsCss(slots, selector = ':root') {
         lg: [],
         xl: [],
     };
-    for (const slotId of CORE_STYLE_SLOT_IDS) {
+    for (const slotId of getRenderableStyleSlotIds(slots)) {
         const value = slots[slotId];
         if (value === undefined) {
             continue;
         }
-        const cssVariable = STYLE_SLOT_CSS_VARIABLES[slotId].name;
+        const cssVariable = getStyleSlotCssVariable(slotId);
         if (!isResponsiveRecord(value)) {
             baseDeclarations.push(`${cssVariable}: ${formatStyleSlotValue(slotId, value)};`);
             continue;
@@ -89,9 +89,27 @@ export function createStyleSlotsCss(slots, selector = ':root') {
     return chunks.join('\n\n');
 }
 function formatStyleSlotValue(slotId, value) {
-    const unit = STYLE_SLOT_CSS_VARIABLES[slotId].unit;
+    const unit = getStyleSlotCssVariableConfig(slotId).unit;
     if (typeof value === 'number') {
         return unit ? `${value}${unit}` : `${value}`;
     }
     return String(value);
 }
+function getStyleSlotCssVariableConfig(slotId) {
+    return isCoreStyleSlotId(slotId)
+        ? STYLE_SLOT_CSS_VARIABLES[slotId]
+        : { name: `--builder-${slotId.split('.').join('-')}` };
+}
+function getRenderableStyleSlotIds(slots) {
+    const declared = new Set();
+    for (const slotId of CORE_STYLE_SLOT_IDS) {
+        declared.add(slotId);
+    }
+    for (const slotId of Object.keys(slots)) {
+        declared.add(slotId);
+    }
+    return [...declared];
+}
+function isCoreStyleSlotId(slotId) {
+    return CORE_STYLE_SLOT_IDS.includes(slotId);
+}

package/dist/index.d.ts

@@ -1,7 +1,11 @@
+export * from './preview-fixtures.js';
+export * from './product-page.js';
+export * from './standard-product-page.js';
 export * from './attributes.js';
 export * from './content.js';
 export * from './css-vars.js';
 export * from './layout.js';
 export * from './react.js';
+export * from './storefront-google-fonts.js';
 export * from './style-slots.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,6 +1,10 @@
+export * from './preview-fixtures.js';
+export * from './product-page.js';
+export * from './standard-product-page.js';
 export * from './attributes.js';
 export * from './content.js';
 export * from './css-vars.js';
 export * from './layout.js';
 export * from './react.js';
+export * from './storefront-google-fonts.js';
 export * from './style-slots.js';

package/dist/layout.d.ts

@@ -1,4 +1,8 @@
-import type { BlockInstance, BuilderSettings, PageLayout, ThemeManifest } from '@shoppex/builder-contracts';
+import { getThemePageBlockOrderFromManifest as resolveThemePageBlockOrder, type BlockInstance, type BuilderSettings, type PageLayout, type ThemeManifest, type ThemePageBlockOrderPage } from '@shoppex/builder-contracts';
+export type ThemePageBlockOrderManifest = {
+    pages?: Record<string, ThemePageBlockOrderPage>;
+};
+export { resolveThemePageBlockOrder as getThemePageBlockOrderFromManifest };
 export declare function getPageLayout(settings: BuilderSettings, pageId: string): PageLayout;
 export declare function getPageBlocks(settings: BuilderSettings, pageId: string): BlockInstance[];
 export declare function getVisiblePageBlocks(settings: BuilderSettings, pageId: string): BlockInstance[];

package/dist/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE5G,wBAAgB,aAAa,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,UAAU,CAEnF;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAExF;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAE/F;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAE7G;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAEtF;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAc1H;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAgB3G"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,IAAI,0BAA0B,EAChE,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,uBAAuB,EAC7B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;CACjD,CAAC;AAEF,OAAO,EAAE,0BAA0B,IAAI,kCAAkC,EAAE,CAAC;AAE5E,wBAAgB,aAAa,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,UAAU,CAEnF;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAExF;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAE/F;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAE7G;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAEtF;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAc1H;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAgB3G"}

package/dist/layout.js

@@ -1,3 +1,5 @@
+import { getThemePageBlockOrderFromManifest as resolveThemePageBlockOrder, } from '@shoppex/builder-contracts';
+export { resolveThemePageBlockOrder as getThemePageBlockOrderFromManifest };
 export function getPageLayout(settings, pageId) {
     return settings.theme.layout[pageId] ?? { blocks: [] };
 }

package/dist/preview-fixtures.d.ts

@@ -0,0 +1,16 @@
+export type BuilderPreviewReview = {
+    id: string;
+    author: string | null;
+    comment: string | null;
+    rating: number | null;
+    created_at: string;
+    is_automated?: boolean;
+};
+export type BuilderPreviewFaqItem = {
+    question: string;
+    answer: string;
+};
+export declare const BUILDER_PREVIEW_REVIEWS: BuilderPreviewReview[];
+export declare function getBuilderPreviewReviewFixtures<T = BuilderPreviewReview>(): T[];
+export declare const BUILDER_PREVIEW_FAQ_ITEMS: BuilderPreviewFaqItem[];
+//# sourceMappingURL=preview-fixtures.d.ts.map

package/dist/preview-fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-fixtures.d.ts","sourceRoot":"","sources":["../src/preview-fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,oBAAoB,EAsBzD,CAAC;AAEF,wBAAgB,+BAA+B,CAAC,CAAC,GAAG,oBAAoB,KAAK,CAAC,EAAE,CAE/E;AAED,eAAO,MAAM,yBAAyB,EAAE,qBAAqB,EAa5D,CAAC"}

package/dist/preview-fixtures.js

@@ -0,0 +1,40 @@
+export const BUILDER_PREVIEW_REVIEWS = [
+    {
+        id: 'preview-review-1',
+        author: 'Alex M.',
+        comment: 'Instant delivery and clear instructions. Would buy again.',
+        rating: 5,
+        created_at: '2026-04-12T10:00:00.000Z',
+    },
+    {
+        id: 'preview-review-2',
+        author: 'Jamie R.',
+        comment: 'Support answered quickly when I had a setup question.',
+        rating: 5,
+        created_at: '2026-04-03T14:30:00.000Z',
+    },
+    {
+        id: 'preview-review-3',
+        author: 'Taylor S.',
+        comment: 'Smooth checkout experience and exactly what was advertised.',
+        rating: 4,
+        created_at: '2026-03-22T09:15:00.000Z',
+    },
+];
+export function getBuilderPreviewReviewFixtures() {
+    return BUILDER_PREVIEW_REVIEWS;
+}
+export const BUILDER_PREVIEW_FAQ_ITEMS = [
+    {
+        question: 'How fast is delivery?',
+        answer: 'Most digital products are delivered instantly after payment confirmation.',
+    },
+    {
+        question: 'Which payment methods do you accept?',
+        answer: 'Available payment methods depend on your shop configuration and region.',
+    },
+    {
+        question: 'How do I get support?',
+        answer: 'Use the contact page or your customer portal for order-related help.',
+    },
+];

package/dist/product-page.d.ts

@@ -0,0 +1,13 @@
+import type { BlockInstance } from '@shoppex/builder-contracts';
+export declare function getBuilderBlockSettingText(block: Pick<BlockInstance, 'settings'>, key: string): string | null;
+export declare function getLayoutPageBlockAttributes(pageId: string, block: Pick<BlockInstance, 'id' | 'type'>): {
+    'data-page-id': string;
+};
+export declare function getProductPageBlockAttributes(block: Pick<BlockInstance, 'id' | 'type'>): {
+    'data-page-id': string;
+};
+/** @deprecated Use getBuilderBlockSettingText */
+export declare const getProductBlockText: typeof getBuilderBlockSettingText;
+/** @deprecated Use getProductPageBlockAttributes */
+export declare const getBuilderProductBlockAttributes: typeof getProductPageBlockAttributes;
+//# sourceMappingURL=product-page.d.ts.map

package/dist/product-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-page.d.ts","sourceRoot":"","sources":["../src/product-page.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGhE,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EACtC,GAAG,EAAE,MAAM,GACV,MAAM,GAAG,IAAI,CAGf;AAED,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,CAAC;;EAM1C;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,CAAC;;EAG1C;AAED,iDAAiD;AACjD,eAAO,MAAM,mBAAmB,mCAA6B,CAAC;AAE9D,oDAAoD;AACpD,eAAO,MAAM,gCAAgC,sCAAgC,CAAC"}

package/dist/product-page.js

@@ -0,0 +1,18 @@
+import { builderBlock } from './attributes.js';
+export function getBuilderBlockSettingText(block, key) {
+    const value = block.settings[key];
+    return typeof value === 'string' && value.trim().length > 0 ? value.trim() : null;
+}
+export function getLayoutPageBlockAttributes(pageId, block) {
+    return {
+        'data-page-id': pageId,
+        ...builderBlock(block.id, block.type),
+    };
+}
+export function getProductPageBlockAttributes(block) {
+    return getLayoutPageBlockAttributes('product', block);
+}
+/** @deprecated Use getBuilderBlockSettingText */
+export const getProductBlockText = getBuilderBlockSettingText;
+/** @deprecated Use getProductPageBlockAttributes */
+export const getBuilderProductBlockAttributes = getProductPageBlockAttributes;

package/dist/react.d.ts

@@ -1,5 +1,6 @@
 import type { BlockInstance, BuilderSettings, Breakpoint, StyleSlotId } from '@shoppex/builder-contracts';
-import { type ComponentType, type ElementType, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type ComponentType, type ElementType, type ReactNode } from 'react';
+import { type BuilderAttributeMap } from './attributes.js';
 type BuilderRuntimeContextValue = {
     settings: BuilderSettings;
 };
@@ -55,80 +56,7 @@ export declare function useBuilderPageLayout(pageId: string): {
         visible: boolean;
         settings: Record<string, unknown>;
         variant?: string | undefined;
-        style_overrides?: {
-            'button.radius'?: {
-                base: number;
-                sm?: number | undefined;
-                md?: number | undefined;
-                lg?: number | undefined;
-                xl?: number | undefined;
-            } | undefined;
-            'button.background'?: string | undefined;
-            'button.foreground'?: string | undefined;
-            'button.border'?: string | undefined;
-            'button.font.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
-            'input.radius'?: {
-                base: number;
-                sm?: number | undefined;
-                md?: number | undefined;
-                lg?: number | undefined;
-                xl?: number | undefined;
-            } | undefined;
-            'input.height'?: {
-                base: number;
-                sm?: number | undefined;
-                md?: number | undefined;
-                lg?: number | undefined;
-                xl?: number | undefined;
-            } | undefined;
-            'input.border'?: string | undefined;
-            'input.background'?: string | undefined;
-            'input.foreground'?: string | undefined;
-            'card.radius'?: {
-                base: number;
-                sm?: number | undefined;
-                md?: number | undefined;
-                lg?: number | undefined;
-                xl?: number | undefined;
-            } | undefined;
-            'card.background'?: string | undefined;
-            'card.border'?: string | undefined;
-            'section.padding.y'?: {
-                base: number;
-                sm?: number | undefined;
-                md?: number | undefined;
-                lg?: number | undefined;
-                xl?: number | undefined;
-            } | undefined;
-            'section.padding.x'?: {
-                base: number;
-                sm?: number | undefined;
-                md?: number | undefined;
-                lg?: number | undefined;
-                xl?: number | undefined;
-            } | undefined;
-            'container.width'?: {
-                base: number;
-                sm?: number | undefined;
-                md?: number | undefined;
-                lg?: number | undefined;
-                xl?: number | undefined;
-            } | undefined;
-            'color.primary'?: string | undefined;
-            'color.accent'?: string | undefined;
-            'color.background'?: string | undefined;
-            'color.foreground'?: string | undefined;
-            'color.muted'?: string | undefined;
-            'link.color'?: string | undefined;
-            'typography.heading.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
-            'typography.body.size'?: {
-                base: number;
-                sm?: number | undefined;
-                md?: number | undefined;
-                lg?: number | undefined;
-                xl?: number | undefined;
-            } | undefined;
-        } | undefined;
+        style_overrides?: Partial<Record<StyleSlotId, import("@shoppex/builder-contracts").StyleSlotValue>> | undefined;
     }[];
 };
 export declare function useBuilderPageBlocks(pageId: string): {
@@ -137,80 +65,7 @@ export declare function useBuilderPageBlocks(pageId: string): {
     visible: boolean;
     settings: Record<string, unknown>;
     variant?: string | undefined;
-    style_overrides?: {
-        'button.radius'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'button.background'?: string | undefined;
-        'button.foreground'?: string | undefined;
-        'button.border'?: string | undefined;
-        'button.font.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
-        'input.radius'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'input.height'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'input.border'?: string | undefined;
-        'input.background'?: string | undefined;
-        'input.foreground'?: string | undefined;
-        'card.radius'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'card.background'?: string | undefined;
-        'card.border'?: string | undefined;
-        'section.padding.y'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'section.padding.x'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'container.width'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'color.primary'?: string | undefined;
-        'color.accent'?: string | undefined;
-        'color.background'?: string | undefined;
-        'color.foreground'?: string | undefined;
-        'color.muted'?: string | undefined;
-        'link.color'?: string | undefined;
-        'typography.heading.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
-        'typography.body.size'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-    } | undefined;
+    style_overrides?: Partial<Record<StyleSlotId, import("@shoppex/builder-contracts").StyleSlotValue>> | undefined;
 }[];
 export declare function useVisibleBuilderPageBlocks(pageId: string): {
     id: string;
@@ -218,85 +73,42 @@ export declare function useVisibleBuilderPageBlocks(pageId: string): {
     visible: boolean;
     settings: Record<string, unknown>;
     variant?: string | undefined;
-    style_overrides?: {
-        'button.radius'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'button.background'?: string | undefined;
-        'button.foreground'?: string | undefined;
-        'button.border'?: string | undefined;
-        'button.font.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
-        'input.radius'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'input.height'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'input.border'?: string | undefined;
-        'input.background'?: string | undefined;
-        'input.foreground'?: string | undefined;
-        'card.radius'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'card.background'?: string | undefined;
-        'card.border'?: string | undefined;
-        'section.padding.y'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'section.padding.x'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'container.width'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-        'color.primary'?: string | undefined;
-        'color.accent'?: string | undefined;
-        'color.background'?: string | undefined;
-        'color.foreground'?: string | undefined;
-        'color.muted'?: string | undefined;
-        'link.color'?: string | undefined;
-        'typography.heading.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
-        'typography.body.size'?: {
-            base: number;
-            sm?: number | undefined;
-            md?: number | undefined;
-            lg?: number | undefined;
-            xl?: number | undefined;
-        } | undefined;
-    } | undefined;
+    style_overrides?: Partial<Record<StyleSlotId, import("@shoppex/builder-contracts").StyleSlotValue>> | undefined;
 }[];
+export declare function useThemePageBlocks(pageId: string, defaultOrder: string[]): BlockInstance[];
+export declare function useThemePageBlockAttributes(pageId: string, defaultOrder: string[]): BuilderAttributeMap;
+type DedicatedBuilderPageProps<T extends ElementType> = {
+    pageId: string;
+    defaultBlockOrder: string[];
+    as?: T;
+    children: ReactNode;
+} & Omit<ComponentPropsWithoutRef<T>, 'as' | 'children'>;
+export declare function DedicatedBuilderPage<T extends ElementType = 'section'>({ pageId, defaultBlockOrder, as, children, ...rest }: DedicatedBuilderPageProps<T>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare function useBuilderPreviewReviews<T>(input: {
+    reviews: T[];
+    isLoading: boolean;
+    error: unknown;
+    fixtures?: T[];
+}): {
+    reviews: T[];
+    isLoading: boolean;
+    error: unknown;
+    isUsingFixtures: boolean;
+};
 export declare function useBuilderStyleSlot(slotId: StyleSlotId, input?: {
     breakpoint?: Breakpoint;
     fallback?: unknown;
 }): unknown;
 export declare function useBuilderCss(selector?: string): string;
-export {};
+export declare function useSearchBarSettings(input: {
+    variant: 'hero' | 'navigation';
+    headerSettings?: Record<string, unknown>;
+}): import("./search-bar-settings.js").ResolvedSearchBarSettings;
+export { buildSearchShellStyle, getNavigationHeaderSettings, resolveSearchBarSettings, } from './search-bar-settings.js';
+export declare function isBuilderPreviewRuntime(): boolean;
+export declare function resolvePreviewReloadTarget(location: Pick<Location, 'search' | 'hash'>, sessionPath: unknown): string | null;
+export { getBuilderBlockSettingText, getBuilderProductBlockAttributes, getLayoutPageBlockAttributes, getProductBlockText, getProductPageBlockAttributes, } from './product-page.js';
+export { createStandardProductBlockRegistry, splitStandardProductPageBlocks, buildStandardProductInfoTabs, resolveStandardBuyBoxLabels, resolveStandardDetailsLabels, resolveStandardRelatedProductsTitle, resolveScopedBlockSettingText, STANDARD_PRODUCT_BLOCK_TYPES, STANDARD_PRODUCT_PRIMARY_BLOCK_TYPES, STANDARD_PRODUCT_SECONDARY_BLOCK_TYPES, } from './standard-product-blocks.js';
+export type { StandardBuyBoxLabels, StandardDetailsLabels, StandardProductBlockRegistryData, StandardProductBlockRegistryOptions, StandardProductBlockRegistrySlots, StandardProductBlockType, StandardProductSettingScope, StandardProductTabSpec, } from './standard-product-blocks.js';
+export { getBuilderPreviewReviewFixtures } from './preview-fixtures.js';
 //# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"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"}