@shoppexio/builder-runtime 0.1.1 → 0.1.2

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,18 +1,13 @@
-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, {
-        allowedBlocks?: string[];
-        defaultBlocks?: Array<{
-            type?: string;
-        }>;
-    }>;
+    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[];
 export declare function getBlockById(settings: BuilderSettings, pageId: string, blockId: string): BlockInstance | null;
 export declare function getAllowedBlockTypes(manifest: ThemeManifest, pageId: string): string[];
-export declare function getThemePageBlockOrderFromManifest(manifest: ThemePageBlockOrderManifest, pageId: string): string[];
 export declare function canAddBlock(settings: BuilderSettings, manifest: ThemeManifest, pageId: string, blockType: string): boolean;
 export declare function resolveBlockSettings(block: BlockInstance, manifest: ThemeManifest): Record<string, unknown>;
 //# sourceMappingURL=layout.d.ts.map

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,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;QACzB,aAAa,CAAC,EAAE,KAAK,CAAC;YAAE,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC1C,CAAC,CAAC;CACJ,CAAC;AAEF,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,kCAAkC,CAChD,QAAQ,EAAE,2BAA2B,EACrC,MAAM,EAAE,MAAM,GACb,MAAM,EAAE,CAWV;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: [] };
 }
@@ -13,16 +15,6 @@ export function getBlockById(settings, pageId, blockId) {
 export function getAllowedBlockTypes(manifest, pageId) {
     return manifest.pages[pageId]?.allowedBlocks ?? [];
 }
-export function getThemePageBlockOrderFromManifest(manifest, pageId) {
-    const page = manifest.pages?.[pageId];
-    if (!page) {
-        return [];
-    }
-    const defaultBlockTypes = (page.defaultBlocks ?? [])
-        .map((block) => block.type)
-        .filter((blockType) => typeof blockType === 'string' && blockType.length > 0);
-    return defaultBlockTypes.length > 0 ? defaultBlockTypes : page.allowedBlocks ?? [];
-}
 export function canAddBlock(settings, manifest, pageId, blockType) {
     const page = manifest.pages[pageId];
     const blockDefinition = manifest.blocks[blockType];

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;
 };
@@ -75,11 +76,39 @@ export declare function useVisibleBuilderPageBlocks(pageId: string): {
     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 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 {};
+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":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAoB,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAS5H,OAAO,EAQL,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,EAAgB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAQzE,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAgBF,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAGhH;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAEtG;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,eAAe,EACf,QAAQ,GACT,EAAE;IACD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAyMA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAkB,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,kDAOhF;AAED,MAAM,MAAM,qBAAqB,CAAC,QAAQ,GAAG,OAAO,IAAI,aAAa,CAAC;IACpE,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,oBAAoB,CAAC,QAAQ,GAAG,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEvG,wBAAgB,iBAAiB,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,EAAE,EACtE,EAAE,EACF,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,0FAWA;AAED,wBAAgB,WAAW,CAAC,QAAQ,GAAG,OAAO,EAAE,EAC9C,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAe,GAChB,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACzC,OAAO,EAAE,QAAQ,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAwBA;AA6BD,wBAAgB,iBAAiB,IAAI,0BAA0B,CAO9D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIrF;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAI5D;AAED,wBAAgB,qBAAqB,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAE,CAAC,EAAO,GAAG,CAAC,EAAE,CAIxF;AAED,wBAAgB,uBAAuB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAcjE;AAED,wBAAgB,sBAAsB,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,CAAC;CACb,GAAG,CAAC,CAEJ;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM;;;;;;;;;EAElD;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM;;;;;;;IAElD;AAED,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,MAAM;;;;;;;IAEzD;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAY1F;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EAAE,GACrB,mBAAmB,CAYrB;AAED,KAAK,yBAAyB,CAAC,CAAC,SAAS,WAAW,IAAI;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;AAEzD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,EAAE,EACtE,MAAM,EACN,iBAAiB,EACjB,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,CAAC,CAAC,0FAK9B;AAED,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,KAAK,EAAE;IACjD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;CAChB,GAAG;IACF,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,eAAe,EAAE,OAAO,CAAC;CAC1B,CAqBA;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,KAAK,GAAE;IAAE,UAAU,CAAC,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAO,GAC1D,OAAO,CAET;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAU,GAAG,MAAM,CAExD;AA8BD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAC1C,OAAO,EAAE,MAAM,GAAG,YAAY,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C,gEA0CA;AAED,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAElC,wBAAgB,uBAAuB,IAAI,OAAO,CAMjD;AA2CD,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC,EAC3C,WAAW,EAAE,OAAO,GACnB,MAAM,GAAG,IAAI,CAMf;AAqjBD,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,4BAA4B,EAC5B,mBAAmB,EACnB,6BAA6B,GAC9B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,kCAAkC,EAClC,8BAA8B,EAC9B,4BAA4B,EAC5B,2BAA2B,EAC3B,4BAA4B,EAC5B,mCAAmC,EACnC,6BAA6B,EAC7B,4BAA4B,EAC5B,oCAAoC,EACpC,sCAAsC,GACvC,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,gCAAgC,EAChC,mCAAmC,EACnC,iCAAiC,EACjC,wBAAwB,EACxB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,+BAA+B,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/react.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { BuilderSettingsSchema, PreviewMessageSchema, createEmptyBuilderSettings, migrateLegacyBuilderSettings, } from '@shoppex/builder-contracts';
+import { BuilderSettingsSchema, PreviewMessageSchema, createEmptyBuilderSettings, isTrustedPreviewParentOrigin, migrateLegacyBuilderSettings, normalizeDedicatedPageId, } from '@shoppex/builder-contracts';
 import { createElement, createContext, useContext, useEffect, useMemo, useRef, useState, } from 'react';
 import { getBlockSettingValue, getBuilderContentList, getBuilderContentRecord, getBuilderContentString, getBuilderContentValue, } from './content.js';
+import { BUILDER_PREVIEW_REVIEWS } from './preview-fixtures.js';
 import { createBuilderCss } from './css-vars.js';
+import { builderBlock } from './attributes.js';
 import { getPageBlocks, getPageLayout, getVisiblePageBlocks } from './layout.js';
+import { getNavigationHeaderSettings, resolveSearchBarSettings, } from './search-bar-settings.js';
 import { resolveStyleSlotValue } from './style-slots.js';
 const BUILDER_SETTINGS_WINDOW_KEY = '__SHOPPEX_BUILDER_SETTINGS__';
 const BUILDER_STATE_EVENT_NAME = 'shoppex:builder-state';
@@ -155,6 +158,7 @@ export function BuilderRuntimePreviewProvider({ initialSettings, children, }) {
                 message: normalized.message,
                 ...(normalized.stack ? { stack: normalized.stack } : {}),
                 source,
+                phase: 'runtime',
                 diagnostics: {
                     name: normalized.name,
                     href: window.location.href,
@@ -295,13 +299,48 @@ export function useVisibleBuilderPageBlocks(pageId) {
 }
 export function useThemePageBlocks(pageId, defaultOrder) {
     const { settings } = useBuilderRuntime();
+    const canonicalPageId = normalizeDedicatedPageId(pageId);
     return useMemo(() => {
-        const page = settings.theme.layout[pageId];
+        const page = settings.theme.layout[canonicalPageId];
         if (page) {
             return page.blocks.filter((block) => block.visible);
         }
         return defaultOrder.map((type) => ({ id: type, type, visible: true, settings: {} }));
-    }, [defaultOrder, pageId, settings.theme.layout]);
+    }, [canonicalPageId, defaultOrder, settings.theme.layout]);
+}
+export function useThemePageBlockAttributes(pageId, defaultOrder) {
+    const canonicalPageId = normalizeDedicatedPageId(pageId);
+    const blocks = useThemePageBlocks(pageId, defaultOrder);
+    const block = blocks[0];
+    return useMemo(() => ({
+        'data-page-id': canonicalPageId,
+        ...(block ? builderBlock(block.id, block.type) : {}),
+    }), [block, canonicalPageId]);
+}
+export function DedicatedBuilderPage({ pageId, defaultBlockOrder, as, children, ...rest }) {
+    const attrs = useThemePageBlockAttributes(pageId, defaultBlockOrder);
+    const Component = (as ?? 'section');
+    return createElement(Component, { ...attrs, ...rest }, children);
+}
+export function useBuilderPreviewReviews(input) {
+    const fixtures = input.fixtures ?? BUILDER_PREVIEW_REVIEWS;
+    const shouldUseFixtures = isBuilderPreviewRuntime() && Boolean(input.error);
+    return useMemo(() => {
+        if (!shouldUseFixtures) {
+            return {
+                reviews: input.reviews,
+                isLoading: input.isLoading,
+                error: input.error,
+                isUsingFixtures: false,
+            };
+        }
+        return {
+            reviews: fixtures,
+            isLoading: false,
+            error: null,
+            isUsingFixtures: true,
+        };
+    }, [fixtures, input.error, input.isLoading, input.reviews, shouldUseFixtures]);
 }
 export function useBuilderStyleSlot(slotId, input = {}) {
     return resolveStyleSlotValue(useBuilderRuntime().settings, slotId, input);
@@ -333,7 +372,42 @@ function getNestedBuilderSetting(record, path) {
     }
     return current;
 }
-function isBuilderPreviewRuntime() {
+export function useSearchBarSettings(input) {
+    const runtime = useBuilderRuntime();
+    const headerSettings = useMemo(() => input.headerSettings ?? getNavigationHeaderSettings(runtime.settings), [input.headerSettings, runtime.settings]);
+    const heroPlaceholder = useBuilderContentValue('hero.search.placeholder');
+    const heroBackground = useBuilderContentValue('hero.search.background');
+    const heroBorderColor = useBuilderContentValue('hero.search.borderColor');
+    const heroBorderRadius = useBuilderContentValue('hero.search.borderRadius');
+    const heroMaxWidth = useBuilderContentValue('hero.search.maxWidth');
+    const heroShowShortcut = useBuilderContentValue('hero.search.showShortcut');
+    const heroShow = useBuilderContentValue('hero.search.show');
+    return useMemo(() => resolveSearchBarSettings({
+        variant: input.variant,
+        headerSettings,
+        heroValues: {
+            'hero.search.placeholder': heroPlaceholder,
+            'hero.search.background': heroBackground,
+            'hero.search.borderColor': heroBorderColor,
+            'hero.search.borderRadius': heroBorderRadius,
+            'hero.search.maxWidth': heroMaxWidth,
+            'hero.search.showShortcut': heroShowShortcut,
+            'hero.search.show': heroShow,
+        },
+    }), [
+        headerSettings,
+        heroBackground,
+        heroBorderColor,
+        heroBorderRadius,
+        heroMaxWidth,
+        heroPlaceholder,
+        heroShow,
+        heroShowShortcut,
+        input.variant,
+    ]);
+}
+export { buildSearchShellStyle, getNavigationHeaderSettings, resolveSearchBarSettings, } from './search-bar-settings.js';
+export function isBuilderPreviewRuntime() {
     if (typeof window === 'undefined') {
         return false;
     }
@@ -423,7 +497,7 @@ function isTrustedBuilderPreviewEmbed(location, parentOrigin) {
         return false;
     if (!hasBuilderPreviewMode(location))
         return false;
-    return isTrustedBuilderPreviewParentOrigin(parentOrigin);
+    return isTrustedPreviewParentOrigin(parentOrigin);
 }
 function hasBuilderPreviewMode(location) {
     const searchParams = new URLSearchParams(location.search);
@@ -431,23 +505,6 @@ function hasBuilderPreviewMode(location) {
         || searchParams.get('shoppex-preview-mode') === 'builder'
         || searchParams.get('shoppex-preview') === 'builder');
 }
-function isTrustedBuilderPreviewParentOrigin(origin) {
-    try {
-        const parsed = new URL(origin);
-        const hostname = parsed.hostname.toLowerCase();
-        return (hostname === 'dashboard.shoppex.io'
-            || hostname === 'dashboard.shoppex.test'
-            || hostname === 'localhost'
-            || hostname === '127.0.0.1'
-            || hostname === '::1'
-            || hostname.endsWith('.localhost')
-            || hostname.endsWith('.vercel.app')
-            || hostname.endsWith('.vercel.run'));
-    }
-    catch {
-        return false;
-    }
-}
 function selectBuilderElement(blockId) {
     document
         .querySelectorAll(BUILDER_SELECTED_SELECTOR)
@@ -458,7 +515,9 @@ function selectBuilderElement(blockId) {
     if (!target)
         return;
     target.setAttribute('data-builder-selected', 'true');
-    target.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    const pageId = target.getAttribute('data-page-id');
+    const scrollBlock = pageId === 'footer' ? 'end' : pageId === 'navigation' ? 'start' : 'nearest';
+    target.scrollIntoView({ behavior: 'smooth', block: scrollBlock });
 }
 function createBuilderSelection(blockElement, target) {
     const contentElement = target.closest(BUILDER_CONTENT_SELECTOR);
@@ -641,7 +700,8 @@ function installBuilderPreviewHoverInspector() {
         window.removeEventListener('mouseout', handleMouseOut, true);
     };
 }
-const INSERTER_HOVER_BAND_PX = 16;
+const INSERTER_HOVER_BAND_PX = 28;
+const INSERTER_CLEAR_DELAY_MS = 150;
 /**
  * Direct-manipulation bridge: tracks the bounding rect of the selected
  * block (for the floating toolbar), the inter-block gap currently
@@ -731,26 +791,43 @@ function installBuilderDirectManipulation(postMessage, getRevision) {
     // a tracked block stack. We don't try to be clever about which gap;
     // every direct ancestor with a list of `[data-builder-block]` children
     // contributes one gap per pair.
+    let inserterClearTimer = null;
     const postInserter = (index, rect) => {
-        const key = index === null || !rect
-            ? '__none__'
-            : `${index}|${rect.top}|${rect.left}|${rect.width}|${rect.height}`;
-        if (key === lastInserterKey)
+        const emitInserter = () => {
+            const key = index === null || !rect
+                ? '__none__'
+                : `${index}|${rect.top}|${rect.left}|${rect.width}|${rect.height}`;
+            if (key === lastInserterKey)
+                return;
+            lastInserterKey = key;
+            postMessage({
+                type: 'INSERTER_HOVER',
+                revision: getRevision(),
+                index,
+                rect: rect === null
+                    ? null
+                    : {
+                        top: rect.top,
+                        left: rect.left,
+                        width: rect.width,
+                        height: rect.height,
+                    },
+            });
+        };
+        if (index !== null && rect !== null) {
+            if (inserterClearTimer !== null) {
+                window.clearTimeout(inserterClearTimer);
+                inserterClearTimer = null;
+            }
+            emitInserter();
             return;
-        lastInserterKey = key;
-        postMessage({
-            type: 'INSERTER_HOVER',
-            revision: getRevision(),
-            index,
-            rect: rect === null
-                ? null
-                : {
-                    top: rect.top,
-                    left: rect.left,
-                    width: rect.width,
-                    height: rect.height,
-                },
-        });
+        }
+        if (inserterClearTimer !== null)
+            return;
+        inserterClearTimer = window.setTimeout(() => {
+            inserterClearTimer = null;
+            emitInserter();
+        }, INSERTER_CLEAR_DELAY_MS);
     };
     const handleMouseMove = (event) => {
         const blocks = Array.from(document.querySelectorAll(BUILDER_BLOCK_SELECTOR)).filter((el) => {
@@ -885,3 +962,6 @@ function installBuilderDirectManipulation(postMessage, getRevision) {
         window.removeEventListener('mousedown', handleMouseDown, true);
     };
 }
+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 { getBuilderPreviewReviewFixtures } from './preview-fixtures.js';

package/dist/search-bar-settings.d.ts

@@ -0,0 +1,33 @@
+import type { BuilderSettings } from '@shoppex/builder-contracts';
+export declare const SEARCH_BAR_MAX_WIDTH: Record<string, string>;
+export type ResolvedSearchBarSettings = {
+    placeholder: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadiusPx?: number;
+    maxWidth: string;
+    showShortcut: boolean;
+    showInHero: boolean;
+};
+export declare function getNavigationHeaderSettings(settings: BuilderSettings): Record<string, unknown>;
+export declare function readSetting(sources: Array<Record<string, unknown> | undefined>, path: string): unknown;
+export declare function isValidHexColor(value: unknown): value is string;
+export declare function normalizeHexColor(value: string): string;
+export declare function resolveSearchColor(value: unknown): string | undefined;
+export declare function resolveSearchBorderRadius(value: unknown): number | undefined;
+export declare function resolveSearchMaxWidth(value: unknown, fallback?: string): string;
+export declare function resolveSearchBoolean(value: unknown, fallback: boolean): boolean;
+export declare function resolveSearchPlaceholder(value: unknown, fallback: string): string;
+export declare function resolveSearchBarSettings(input: {
+    variant: 'hero' | 'navigation';
+    heroValues: Record<string, unknown>;
+    headerSettings: Record<string, unknown>;
+}): ResolvedSearchBarSettings;
+export declare function buildSearchShellStyle(settings: Pick<ResolvedSearchBarSettings, 'backgroundColor' | 'borderColor' | 'borderRadiusPx'>): {
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    borderStyle?: 'solid';
+    borderRadius?: string;
+} | undefined;
+//# sourceMappingURL=search-bar-settings.d.ts.map

package/dist/search-bar-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar-settings.d.ts","sourceRoot":"","sources":["../src/search-bar-settings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKvD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,eAAe,GACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAKzB;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC,EACnD,IAAI,EAAE,MAAM,GACX,OAAO,CAUT;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAG/D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAGrE;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAG5E;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,SAAO,GAAG,MAAM,CAK7E;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAG/E;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,MAAM,GACf,MAAM,CAER;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,OAAO,EAAE,MAAM,GAAG,YAAY,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC,GAAG,yBAAyB,CAwD5B;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,IAAI,CACZ,yBAAyB,EACzB,iBAAiB,GAAG,aAAa,GAAG,gBAAgB,CACrD,GACA;IACD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,SAAS,CAoBZ"}

package/dist/search-bar-settings.js

@@ -0,0 +1,99 @@
+export const SEARCH_BAR_MAX_WIDTH = {
+    sm: '20rem',
+    md: '28rem',
+    lg: '36rem',
+    full: '100%',
+};
+export function getNavigationHeaderSettings(settings) {
+    const block = settings.theme.layout.navigation?.blocks.find((candidate) => candidate.type === 'header');
+    return block?.settings ?? {};
+}
+export function readSetting(sources, path) {
+    for (const source of sources) {
+        if (!source)
+            continue;
+        if (!Object.prototype.hasOwnProperty.call(source, path))
+            continue;
+        const value = source[path];
+        if (value !== undefined && value !== null && value !== '') {
+            return value;
+        }
+    }
+    return undefined;
+}
+export function isValidHexColor(value) {
+    if (typeof value !== 'string' || !value.trim())
+        return false;
+    return /^#?[a-f\d]{3}(?:[a-f\d]{3})?(?:[a-f\d]{2})?$/i.test(value.trim());
+}
+export function normalizeHexColor(value) {
+    const trimmed = value.trim();
+    return trimmed.startsWith('#') ? trimmed : `#${trimmed}`;
+}
+export function resolveSearchColor(value) {
+    if (!isValidHexColor(value))
+        return undefined;
+    return normalizeHexColor(value);
+}
+export function resolveSearchBorderRadius(value) {
+    if (typeof value !== 'number' || !Number.isFinite(value))
+        return undefined;
+    return Math.max(0, Math.round(value));
+}
+export function resolveSearchMaxWidth(value, fallback = 'md') {
+    if (typeof value === 'string' && value in SEARCH_BAR_MAX_WIDTH) {
+        return SEARCH_BAR_MAX_WIDTH[value];
+    }
+    return SEARCH_BAR_MAX_WIDTH[fallback] ?? SEARCH_BAR_MAX_WIDTH.md;
+}
+export function resolveSearchBoolean(value, fallback) {
+    if (typeof value === 'boolean')
+        return value;
+    return fallback;
+}
+export function resolveSearchPlaceholder(value, fallback) {
+    return typeof value === 'string' && value.trim() ? value : fallback;
+}
+export function resolveSearchBarSettings(input) {
+    const navSources = [input.headerSettings];
+    const heroSources = [input.heroValues, input.headerSettings];
+    if (input.variant === 'hero') {
+        return {
+            placeholder: resolveSearchPlaceholder(readSetting(heroSources, 'hero.search.placeholder') ??
+                readSetting(navSources, 'navigation.search.placeholder'), 'Search products…'),
+            backgroundColor: resolveSearchColor(readSetting(heroSources, 'hero.search.background') ??
+                readSetting(navSources, 'navigation.search.background')),
+            borderColor: resolveSearchColor(readSetting(heroSources, 'hero.search.borderColor') ??
+                readSetting(navSources, 'navigation.search.borderColor')),
+            borderRadiusPx: resolveSearchBorderRadius(readSetting(heroSources, 'hero.search.borderRadius') ??
+                readSetting(navSources, 'navigation.search.borderRadius')),
+            maxWidth: resolveSearchMaxWidth(readSetting(heroSources, 'hero.search.maxWidth'), 'md'),
+            showShortcut: resolveSearchBoolean(readSetting(heroSources, 'hero.search.showShortcut'), true),
+            showInHero: resolveSearchBoolean(readSetting(heroSources, 'hero.search.show'), true),
+        };
+    }
+    return {
+        placeholder: resolveSearchPlaceholder(readSetting(navSources, 'navigation.search.placeholder'), 'Search products…'),
+        backgroundColor: resolveSearchColor(readSetting(navSources, 'navigation.search.background')),
+        borderColor: resolveSearchColor(readSetting(navSources, 'navigation.search.borderColor')),
+        borderRadiusPx: resolveSearchBorderRadius(readSetting(navSources, 'navigation.search.borderRadius')),
+        maxWidth: SEARCH_BAR_MAX_WIDTH.md,
+        showShortcut: true,
+        showInHero: true,
+    };
+}
+export function buildSearchShellStyle(settings) {
+    const style = {};
+    if (settings.backgroundColor) {
+        style.backgroundColor = settings.backgroundColor;
+    }
+    if (settings.borderColor) {
+        style.borderColor = settings.borderColor;
+        style.borderWidth = '1px';
+        style.borderStyle = 'solid';
+    }
+    if (settings.borderRadiusPx !== undefined) {
+        style.borderRadius = `${settings.borderRadiusPx}px`;
+    }
+    return Object.keys(style).length > 0 ? style : undefined;
+}