@se-studio/core-ui 0.0.0-next16-20260822103555

package/dist/showcase/components/IframeHeightReporter.js

@@ -0,0 +1,51 @@
+'use client';
+import { useEffect } from 'react';
+/**
+ * Drop this inside any page that is rendered inside an iframe.
+ * It measures content height and posts it to the parent frame so the parent
+ * can size the iframe to fit content instead of using a fixed/oversized height.
+ *
+ * Prefers `#showcase-measure-root` when present so short content can shrink
+ * below the iframe chrome height (documentElement.scrollHeight often mirrors
+ * the iframe viewport and never reports a smaller value).
+ *
+ * Same-origin only — no CORS issues for the CMS showcase use case.
+ */
+export function IframeHeightReporter() {
+    useEffect(() => {
+        const report = () => {
+            const measureRoot = document.getElementById('showcase-measure-root');
+            // Prefer the content wrapper when present — documentElement.scrollHeight
+            // often equals the iframe chrome and blocks shrinking short components.
+            let height;
+            if (measureRoot) {
+                height = Math.max(measureRoot.scrollHeight, measureRoot.offsetHeight, document.body?.scrollHeight ?? 0, document.body?.offsetHeight ?? 0);
+            }
+            else {
+                height = Math.max(document.body?.scrollHeight ?? 0, document.body?.offsetHeight ?? 0, document.documentElement.scrollHeight);
+            }
+            height = Math.max(120, Math.ceil(height + 8));
+            window.parent.postMessage({ type: 'showcase-iframe-height', height }, '*');
+        };
+        report();
+        // Second pass after layout/images settle.
+        const t1 = window.setTimeout(report, 100);
+        const t2 = window.setTimeout(report, 400);
+        const observer = new ResizeObserver(report);
+        const measureRoot = document.getElementById('showcase-measure-root');
+        if (measureRoot) {
+            observer.observe(measureRoot);
+        }
+        observer.observe(document.documentElement);
+        if (document.body) {
+            observer.observe(document.body);
+        }
+        return () => {
+            window.clearTimeout(t1);
+            window.clearTimeout(t2);
+            observer.disconnect();
+        };
+    }, []);
+    return null;
+}
+//# sourceMappingURL=IframeHeightReporter.js.map

package/dist/showcase/components/IframeHeightReporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeHeightReporter.js","sourceRoot":"","sources":["../../../src/showcase/components/IframeHeightReporter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,oBAAoB;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;YAErE,yEAAyE;YACzE,wEAAwE;YACxE,IAAI,MAAc,CAAC;YACnB,IAAI,WAAW,EAAE,CAAC;gBAChB,MAAM,GAAG,IAAI,CAAC,GAAG,CACf,WAAW,CAAC,YAAY,EACxB,WAAW,CAAC,YAAY,EACxB,QAAQ,CAAC,IAAI,EAAE,YAAY,IAAI,CAAC,EAChC,QAAQ,CAAC,IAAI,EAAE,YAAY,IAAI,CAAC,CACjC,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,MAAM,GAAG,IAAI,CAAC,GAAG,CACf,QAAQ,CAAC,IAAI,EAAE,YAAY,IAAI,CAAC,EAChC,QAAQ,CAAC,IAAI,EAAE,YAAY,IAAI,CAAC,EAChC,QAAQ,CAAC,eAAe,CAAC,YAAY,CACtC,CAAC;YACJ,CAAC;YAED,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;YAC9C,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC;QAC7E,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QACT,0CAA0C;QAC1C,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC1C,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAE1C,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;QACrE,IAAI,WAAW,EAAE,CAAC;YAChB,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC;QACD,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC3C,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;YAClB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;YACxB,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;YACxB,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/showcase/components/PreviewPanel.d.ts

@@ -0,0 +1,18 @@
+import { type ShowcaseLayoutMode } from '../showcaseLayout';
+import type { ShowcaseControlState } from '../types';
+interface PreviewPanelProps {
+    type: string;
+    mode: 'component' | 'collection';
+    controls: ShowcaseControlState;
+    mockDefaults: ShowcaseControlState;
+    basePath: string;
+    /** When true, add clean=true to URL and encode all controls (no diff). */
+    clean?: boolean;
+    componentShowcaseLayoutMap?: Record<string, ShowcaseLayoutMode>;
+    collectionShowcaseLayoutMap?: Record<string, ShowcaseLayoutMode>;
+    /** Showcase shell `?debug=true` — shows fixed-frame labels etc. */
+    debug?: boolean;
+}
+export declare const PreviewPanel: ({ type, mode, controls, mockDefaults, basePath, clean, componentShowcaseLayoutMap, collectionShowcaseLayoutMap, debug, }: PreviewPanelProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PreviewPanel.d.ts.map

package/dist/showcase/components/PreviewPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPanel.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/PreviewPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGrD,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,GAAG,YAAY,CAAC;IACjC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,YAAY,EAAE,oBAAoB,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0BAA0B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAChE,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IACjE,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAKD,eAAO,MAAM,YAAY,GAAI,0HAU1B,iBAAiB,gCA4EnB,CAAC"}

package/dist/showcase/components/PreviewPanel.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { resolveShowcaseLayout, SHOWCASE_LAYOUT_FIXED_HEIGHT, } from '../showcaseLayout';
+import { ScaledIframe } from './ScaledIframe';
+const VIEWPORT_MOBILE = { width: 375 };
+const VIEWPORT_DESKTOP = { width: 1440 };
+export const PreviewPanel = ({ type, mode, controls, mockDefaults, basePath, clean, componentShowcaseLayoutMap = {}, collectionShowcaseLayoutMap = {}, debug = false, }) => {
+    const containerRef = useRef(null);
+    const [containerWidth, setContainerWidth] = useState(0);
+    useEffect(() => {
+        if (!containerRef.current) {
+            return;
+        }
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (entry) {
+                setContainerWidth(entry.contentRect.width);
+            }
+        });
+        observer.observe(containerRef.current);
+        return () => observer.disconnect();
+    }, []);
+    const layout = resolveShowcaseLayout(type, mode, componentShowcaseLayoutMap, collectionShowcaseLayoutMap);
+    const fixedHeights = layout === 'document' ? null : SHOWCASE_LAYOUT_FIXED_HEIGHT[layout];
+    const buildUrl = () => {
+        const params = new URLSearchParams();
+        params.set('type', type);
+        params.set('mode', mode);
+        if (clean) {
+            params.set('clean', 'true');
+        }
+        Object.entries(controls).forEach(([key, value]) => {
+            if (value === undefined || value === null)
+                return;
+            const str = String(value);
+            if (clean) {
+                params.set(key, str);
+            }
+            else if (str !== String(mockDefaults[key])) {
+                params.set(key, str);
+            }
+        });
+        const renderPath = basePath.endsWith('/') ? `${basePath}render` : `${basePath}/render`;
+        return `${renderPath}?${params.toString()}`;
+    };
+    const iframeUrl = buildUrl();
+    const mobileContainerWidth = containerWidth * 0.35;
+    const desktopContainerWidth = containerWidth * 0.65;
+    return (_jsxs("div", { ref: containerRef, className: "flex-1 bg-[#f3f4f6] p-8 flex gap-8 justify-center items-start overflow-auto", children: [_jsx(ScaledIframe, { src: iframeUrl, viewportWidth: VIEWPORT_MOBILE.width, label: "Mobile", containerWidth: mobileContainerWidth, fixedHeight: fixedHeights?.mobile, debug: debug }), _jsx(ScaledIframe, { src: iframeUrl, viewportWidth: VIEWPORT_DESKTOP.width, label: "Desktop", containerWidth: desktopContainerWidth, fixedHeight: fixedHeights?.desktop, debug: debug })] }));
+};
+//# sourceMappingURL=PreviewPanel.js.map

package/dist/showcase/components/PreviewPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPanel.js","sourceRoot":"","sources":["../../../src/showcase/components/PreviewPanel.tsx"],"names":[],"mappings":"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"}

package/dist/showcase/components/ScaledIframe.d.ts

@@ -0,0 +1,22 @@
+/** Hard cap so a single auto-height preview never becomes a multi-viewport tower. */
+export declare const SHOWCASE_SINGLE_IFRAME_MAX_HEIGHT = 900;
+interface ScaledIframeProps {
+    src: string;
+    viewportWidth: number;
+    /** Initial height used before the iframe reports its content height. */
+    initialHeight?: number;
+    /** Maximum accepted content height (px). Default SHOWCASE_SINGLE_IFRAME_MAX_HEIGHT. */
+    maxHeight?: number;
+    /**
+     * When set, use a fixed frame height and ignore content height reports
+     * (content scrolls inside the iframe). For `showcaseLayout: viewport|compact`.
+     */
+    fixedHeight?: number;
+    label: string;
+    containerWidth: number;
+    /** When true (e.g. `?debug=true` on showcase), show fixed-frame chrome label. */
+    debug?: boolean;
+}
+export declare const ScaledIframe: ({ src, viewportWidth, initialHeight, maxHeight, fixedHeight, label, containerWidth, debug, }: ScaledIframeProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ScaledIframe.d.ts.map

package/dist/showcase/components/ScaledIframe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaledIframe.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ScaledIframe.tsx"],"names":[],"mappings":"AAIA,qFAAqF;AACrF,eAAO,MAAM,iCAAiC,MAAM,CAAC;AAErD,UAAU,iBAAiB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,GAAI,8FAS1B,iBAAiB,gCA8DnB,CAAC"}

package/dist/showcase/components/ScaledIframe.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+/** Hard cap so a single auto-height preview never becomes a multi-viewport tower. */
+export const SHOWCASE_SINGLE_IFRAME_MAX_HEIGHT = 900;
+export const ScaledIframe = ({ src, viewportWidth, initialHeight = 400, maxHeight = SHOWCASE_SINGLE_IFRAME_MAX_HEIGHT, fixedHeight, label, containerWidth, debug = false, }) => {
+    const iframeRef = useRef(null);
+    const [iframeHeight, setIframeHeight] = useState(fixedHeight ?? initialHeight);
+    useEffect(() => {
+        if (fixedHeight != null) {
+            setIframeHeight(fixedHeight);
+        }
+    }, [fixedHeight]);
+    // Listen for height reports unless fixed frame mode.
+    useEffect(() => {
+        if (fixedHeight != null) {
+            return;
+        }
+        const handler = (event) => {
+            if (event.data?.type === 'showcase-iframe-height' &&
+                iframeRef.current &&
+                event.source === iframeRef.current.contentWindow) {
+                const next = Math.min(Math.max(120, event.data.height), maxHeight);
+                setIframeHeight(next);
+            }
+        };
+        window.addEventListener('message', handler);
+        return () => window.removeEventListener('message', handler);
+    }, [maxHeight, fixedHeight]);
+    const padding = 32;
+    const availableWidth = Math.max(containerWidth - padding, 100);
+    const scale = Math.min(availableWidth / viewportWidth, 1.0);
+    const scaledWidth = viewportWidth * scale;
+    const scaledHeight = iframeHeight * scale;
+    return (_jsxs("div", { className: "flex flex-col items-center shrink-0", children: [_jsxs("div", { className: "text-[11px] font-[600] text-[#6b7280] uppercase tracking-wider mb-3", children: [label, " (", viewportWidth, "px)", debug && fixedHeight != null ? ' · fixed frame' : ''] }), _jsx("div", { className: "bg-[#ffffff] shadow-lg rounded-lg overflow-hidden border border-[#e5e7eb]", style: { width: scaledWidth, height: scaledHeight }, children: _jsx("iframe", { ref: iframeRef, src: src, title: `${label} preview`, className: "origin-top-left border-none", style: {
+                        width: viewportWidth,
+                        height: iframeHeight,
+                        transform: `scale(${scale})`,
+                    } }) })] }));
+};
+//# sourceMappingURL=ScaledIframe.js.map

package/dist/showcase/components/ScaledIframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaledIframe.js","sourceRoot":"","sources":["../../../src/showcase/components/ScaledIframe.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,qFAAqF;AACrF,MAAM,CAAC,MAAM,iCAAiC,GAAG,GAAG,CAAC;AAoBrD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,GAAG,EACH,aAAa,EACb,aAAa,GAAG,GAAG,EACnB,SAAS,GAAG,iCAAiC,EAC7C,WAAW,EACX,KAAK,EACL,cAAc,EACd,KAAK,GAAG,KAAK,GACK,EAAE,EAAE;IACtB,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,WAAW,IAAI,aAAa,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YACxB,eAAe,CAAC,WAAW,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,qDAAqD;IACrD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;YACtC,IACE,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,wBAAwB;gBAC7C,SAAS,CAAC,OAAO;gBACjB,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO,CAAC,aAAa,EAChD,CAAC;gBACD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,MAAgB,CAAC,EAAE,SAAS,CAAC,CAAC;gBAC7E,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAE7B,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC;IAC/D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,aAAa,EAAE,GAAG,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,aAAa,GAAG,KAAK,CAAC;IAC1C,MAAM,YAAY,GAAG,YAAY,GAAG,KAAK,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,eAAK,SAAS,EAAC,qEAAqE,aACjF,KAAK,QAAI,aAAa,SACtB,KAAK,IAAI,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,IACjD,EAEN,cACE,SAAS,EAAC,2EAA2E,EACrF,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,YAEnD,iBACE,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,GAAG,KAAK,UAAU,EACzB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;wBACL,KAAK,EAAE,aAAa;wBACpB,MAAM,EAAE,YAAY;wBACpB,SAAS,EAAE,SAAS,KAAK,GAAG;qBAC7B,GACD,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/showcase/components/ShowcaseAllRenderPage.d.ts

@@ -0,0 +1,21 @@
+import type { IContentContext } from '@se-studio/core-data-types';
+import type { CmsRendererConfig } from '../../CmsRendererConfig';
+import type { MockData } from '../../cmsRegistration';
+import type { ShowcaseControlState } from '../types';
+interface ShowcaseAllRenderPageProps {
+    searchParams: Record<string, string | string[] | undefined>;
+    rendererConfig: CmsRendererConfig;
+    componentFieldsMap: Record<string, Set<string>>;
+    collectionFieldsMap: Record<string, Set<string>>;
+    collectionCardFieldsMap: Record<string, Set<string>>;
+    defaultState: ShowcaseControlState;
+    contentContext?: IContentContext;
+    componentMockMap?: Record<string, MockData>;
+    collectionMockMap?: Record<string, MockData>;
+    collectionCardMockMap?: Record<string, MockData | MockData[]>;
+    excludedComponents?: string[];
+    excludedCollections?: string[];
+}
+export declare const ShowcaseAllRenderPage: ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, defaultState, contentContext, componentMockMap, collectionMockMap, collectionCardMockMap, excludedComponents, excludedCollections, }: ShowcaseAllRenderPageProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ShowcaseAllRenderPage.d.ts.map

package/dist/showcase/components/ShowcaseAllRenderPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseAllRenderPage.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseAllRenderPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,UAAU,0BAA0B;IAClC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;IAC5D,cAAc,EAAE,iBAAiB,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACrD,YAAY,EAAE,oBAAoB,CAAC;IACnC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC7C,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC,CAAC;IAC9D,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC;AAQD,eAAO,MAAM,qBAAqB,GAAI,wOAanC,0BAA0B,gCAwE5B,CAAC"}

package/dist/showcase/components/ShowcaseAllRenderPage.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CmsCollection } from '../../components/CmsCollection';
+import { CmsComponent } from '../../components/CmsComponent';
+import { createMockShowcaseData, getMergedShowcaseDefaultState } from '../mockFactory';
+import { IframeHeightReporter } from './IframeHeightReporter';
+import { ShowcaseAnimationRoot } from './ShowcaseAnimationRoot';
+import { ShowcaseViewportGuard } from './ShowcaseViewportGuard';
+const DEFAULT_MOCK_CONTEXT = {
+    current: { type: 'Page', id: 'mock-page' },
+    pageContext: {},
+    analyticsContext: { slug: 'cms-showcase-all' },
+};
+export const ShowcaseAllRenderPage = ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, defaultState, contentContext = DEFAULT_MOCK_CONTEXT, componentMockMap = {}, collectionMockMap = {}, collectionCardMockMap = {}, excludedComponents = [], excludedCollections = [], }) => {
+    const mode = searchParams.mode || 'component';
+    const types = mode === 'component'
+        ? Object.keys(rendererConfig.componentMap)
+            .filter((type) => !excludedComponents.includes(type))
+            .sort()
+        : Object.keys(rendererConfig.collectionMap)
+            .filter((type) => !excludedCollections.includes(type))
+            .sort();
+    return (_jsxs(ShowcaseAnimationRoot, { children: [_jsx("div", { id: "showcase-measure-root", className: "showcase-render bg-[#f3f4f6]", children: types.map((type) => {
+                    const mergedDefaultState = getMergedShowcaseDefaultState(defaultState, type, mode, componentMockMap, collectionMockMap);
+                    const mockData = createMockShowcaseData(type, mode, mergedDefaultState, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, componentMockMap, collectionMockMap, collectionCardMockMap, new Set());
+                    return (_jsxs("div", { id: `component-${type.replace(/\s+/g, '-').toLowerCase()}`, children: [_jsxs("div", { className: "sticky top-0 z-[10] px-[16px] py-[8px] bg-[#1f2937] text-[#ffffff] text-[14px] font-[600] border-b-[2px] border-[#3b82f6]", children: [_jsx("span", { className: "text-[#9ca3af] mr-[8px]", children: mode === 'component' ? 'Component:' : 'Collection:' }), type] }), _jsx("div", { children: mode === 'component' ? (_jsx(CmsComponent
+                                // biome-ignore lint/suspicious/noExplicitAny: Any is allowed for mock data
+                                , { 
+                                    // biome-ignore lint/suspicious/noExplicitAny: Any is allowed for mock data
+                                    information: mockData, rendererConfig: rendererConfig, contentContext: contentContext })) : (_jsx(CmsCollection
+                                // biome-ignore lint/suspicious/noExplicitAny: Any is allowed for mock data
+                                , { 
+                                    // biome-ignore lint/suspicious/noExplicitAny: Any is allowed for mock data
+                                    information: mockData, rendererConfig: rendererConfig, contentContext: contentContext })) })] }, type));
+                }) }), _jsx(ShowcaseViewportGuard, {}), _jsx(IframeHeightReporter, {})] }));
+};
+//# sourceMappingURL=ShowcaseAllRenderPage.js.map

package/dist/showcase/components/ShowcaseAllRenderPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseAllRenderPage.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseAllRenderPage.tsx"],"names":[],"mappings":"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"}

package/dist/showcase/components/ShowcaseAnimationRoot.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from 'react';
+/**
+ * Unlocks scroll-gated CSS animations on showcase render routes.
+ * Sites using `animate-when-seen` pause animations until an ancestor has `data-seen`
+ * (normally set by ClientMonitor on production pages). Showcase routes omit ClientMonitor.
+ */
+export declare function ShowcaseAnimationRoot({ children }: PropsWithChildren): import("react").JSX.Element;
+//# sourceMappingURL=ShowcaseAnimationRoot.d.ts.map

package/dist/showcase/components/ShowcaseAnimationRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseAnimationRoot.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseAnimationRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAMpE"}

package/dist/showcase/components/ShowcaseAnimationRoot.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Unlocks scroll-gated CSS animations on showcase render routes.
+ * Sites using `animate-when-seen` pause animations until an ancestor has `data-seen`
+ * (normally set by ClientMonitor on production pages). Showcase routes omit ClientMonitor.
+ */
+export function ShowcaseAnimationRoot({ children }) {
+    return (_jsx("div", { "data-seen": true, "data-visible": "true", "data-cms-showcase": true, children: children }));
+}
+//# sourceMappingURL=ShowcaseAnimationRoot.js.map

package/dist/showcase/components/ShowcaseAnimationRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseAnimationRoot.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseAnimationRoot.tsx"],"names":[],"mappings":";AAEA;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,QAAQ,EAAqB;IACnE,OAAO,CACL,iDAA4B,MAAM,uCAC/B,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/showcase/components/ShowcasePage.d.ts

@@ -0,0 +1,25 @@
+import type { CmsRendererConfig } from '../../CmsRendererConfig';
+import type { MockData } from '../../cmsRegistration';
+import type { ShowcaseLayoutMode } from '../showcaseLayout';
+import type { ShowcaseControlState } from '../types';
+interface ShowcasePageProps {
+    searchParams: Record<string, string | string[] | undefined>;
+    rendererConfig: CmsRendererConfig;
+    componentFieldsMap: Record<string, Set<string>>;
+    collectionFieldsMap: Record<string, Set<string>>;
+    colorOptions: string[];
+    foregroundColors: string[];
+    basePath: string;
+    defaultState: ShowcaseControlState;
+    excludedComponents?: string[];
+    excludedCollections?: string[];
+    componentMockMap?: Record<string, MockData>;
+    collectionMockMap?: Record<string, MockData>;
+    /** From buildComponentMaps().componentShowcaseLayoutMap */
+    componentShowcaseLayoutMap?: Record<string, ShowcaseLayoutMode>;
+    /** From buildCollectionMaps().collectionShowcaseLayoutMap */
+    collectionShowcaseLayoutMap?: Record<string, ShowcaseLayoutMode>;
+}
+export declare const ShowcasePage: ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, colorOptions, foregroundColors, basePath, defaultState, excludedComponents, excludedCollections, componentMockMap, collectionMockMap, componentShowcaseLayoutMap, collectionShowcaseLayoutMap, }: ShowcasePageProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ShowcasePage.d.ts.map

package/dist/showcase/components/ShowcasePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcasePage.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ShowcasePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAMrD,UAAU,iBAAiB;IACzB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;IAC5D,cAAc,EAAE,iBAAiB,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,oBAAoB,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC7C,2DAA2D;IAC3D,0BAA0B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAChE,6DAA6D;IAC7D,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;CAClE;AAED,eAAO,MAAM,YAAY,GAAI,2QAe1B,iBAAiB,gCAqEnB,CAAC"}

package/dist/showcase/components/ShowcasePage.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getMergedShowcaseDefaultState, parseShowcaseControls } from '../mockFactory';
+import { AllViewPanel } from './AllViewPanel';
+import { ControlsWrapper } from './ControlsWrapper';
+import { PreviewPanel } from './PreviewPanel';
+import { TopBar } from './TopBar';
+export const ShowcasePage = ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, colorOptions, foregroundColors, basePath, defaultState, excludedComponents = [], excludedCollections = [], componentMockMap = {}, collectionMockMap = {}, componentShowcaseLayoutMap = {}, collectionShowcaseLayoutMap = {}, }) => {
+    const componentTypes = Object.keys(rendererConfig.componentMap)
+        .filter((type) => !excludedComponents.includes(type))
+        .sort();
+    const collectionTypes = Object.keys(rendererConfig.collectionMap)
+        .filter((type) => !excludedCollections.includes(type))
+        .sort();
+    const type = searchParams.type || componentTypes[0] || '';
+    const mode = searchParams.mode || 'component';
+    const view = (searchParams.view || 'single');
+    const isClean = searchParams.clean === 'true' ||
+        (Array.isArray(searchParams.clean) && searchParams.clean[0] === 'true');
+    const controlsOpen = searchParams.controls === 'true' ||
+        (Array.isArray(searchParams.controls) && searchParams.controls[0] === 'true');
+    const debug = searchParams.debug === 'true' ||
+        searchParams.debug === '1' ||
+        (Array.isArray(searchParams.debug) &&
+            (searchParams.debug[0] === 'true' || searchParams.debug[0] === '1'));
+    const mockDefaults = isClean
+        ? defaultState
+        : getMergedShowcaseDefaultState(defaultState, type, mode, componentMockMap, collectionMockMap);
+    const controls = parseShowcaseControls(searchParams, mockDefaults);
+    return (_jsxs("div", { className: "flex flex-col h-screen bg-[#ffffff] overflow-hidden", children: [_jsx(TopBar, { componentTypes: componentTypes, collectionTypes: collectionTypes, selectedType: type, mode: mode, view: view }), _jsx("div", { className: "flex-1 flex overflow-hidden relative", children: view === 'all' ? (_jsx(AllViewPanel, { mode: mode, basePath: basePath })) : (_jsxs(_Fragment, { children: [_jsx(PreviewPanel, { type: type, mode: mode, controls: controls, mockDefaults: mockDefaults, basePath: basePath, clean: isClean, componentShowcaseLayoutMap: componentShowcaseLayoutMap, collectionShowcaseLayoutMap: collectionShowcaseLayoutMap, debug: debug }), _jsx(ControlsWrapper, { initialState: controls, type: type, mode: mode, colorOptions: colorOptions, foregroundColors: foregroundColors, componentFieldsMap: componentFieldsMap, collectionFieldsMap: collectionFieldsMap, initialOpen: controlsOpen })] })) })] }));
+};
+//# sourceMappingURL=ShowcasePage.js.map

package/dist/showcase/components/ShowcasePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcasePage.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcasePage.tsx"],"names":[],"mappings":"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"}

package/dist/showcase/components/ShowcaseRenderPage.d.ts

@@ -0,0 +1,21 @@
+import type { IContentContext } from '@se-studio/core-data-types';
+import type { CmsRendererConfig } from '../../CmsRendererConfig';
+import type { MockData } from '../../cmsRegistration';
+import type { ShowcaseControlState } from '../types';
+interface ShowcaseRenderPageProps {
+    searchParams: Record<string, string | string[] | undefined>;
+    rendererConfig: CmsRendererConfig;
+    componentFieldsMap: Record<string, Set<string>>;
+    collectionFieldsMap: Record<string, Set<string>>;
+    collectionCardFieldsMap: Record<string, Set<string>>;
+    defaultState: ShowcaseControlState;
+    contentContext?: IContentContext;
+    componentMockMap?: Record<string, MockData>;
+    collectionMockMap?: Record<string, MockData>;
+    collectionCardMockMap?: Record<string, MockData | MockData[]>;
+    /** When true, suppresses IframeHeightReporter (useful for clean screenshots via agent-browser) */
+    embedded?: boolean;
+}
+export declare const ShowcaseRenderPage: ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, defaultState, contentContext, componentMockMap, collectionMockMap, collectionCardMockMap, embedded, }: ShowcaseRenderPageProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ShowcaseRenderPage.d.ts.map

package/dist/showcase/components/ShowcaseRenderPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseRenderPage.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseRenderPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAMrD,UAAU,uBAAuB;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC;IAC5D,cAAc,EAAE,iBAAiB,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACrD,YAAY,EAAE,oBAAoB,CAAC;IACnC,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC7C,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC,CAAC;IAC9D,kGAAkG;IAClG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,eAAO,MAAM,kBAAkB,GAAI,yMAYhC,uBAAuB,gCA6EzB,CAAC"}

package/dist/showcase/components/ShowcaseRenderPage.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CmsCollection } from '../../components/CmsCollection';
+import { CmsComponent } from '../../components/CmsComponent';
+import { createMockShowcaseData, getMergedShowcaseDefaultState, parseShowcaseControls, } from '../mockFactory';
+import { SHOWCASE_CONTROL_KEYS } from '../types';
+import { IframeHeightReporter } from './IframeHeightReporter';
+import { ShowcaseAnimationRoot } from './ShowcaseAnimationRoot';
+import { ShowcaseViewportGuard } from './ShowcaseViewportGuard';
+const DEFAULT_MOCK_CONTEXT = {
+    current: { type: 'Page', id: 'mock-page' },
+    pageContext: {},
+    analyticsContext: { slug: 'cms-showcase' },
+};
+export const ShowcaseRenderPage = ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, defaultState, contentContext = DEFAULT_MOCK_CONTEXT, componentMockMap = {}, collectionMockMap = {}, collectionCardMockMap = {}, embedded, }) => {
+    const type = searchParams.type || '';
+    const mode = searchParams.mode || 'component';
+    const isEmbedded = embedded ?? searchParams.embedded === 'true';
+    const isClean = searchParams.clean === 'true' ||
+        (Array.isArray(searchParams.clean) && searchParams.clean[0] === 'true');
+    const providedControlKeys = new Set(Object.keys(searchParams).filter((k) => SHOWCASE_CONTROL_KEYS.includes(k)));
+    const mergedDefaultState = isClean || !type
+        ? { ...defaultState }
+        : getMergedShowcaseDefaultState(defaultState, type, mode, componentMockMap, collectionMockMap);
+    const controls = parseShowcaseControls(searchParams, mergedDefaultState);
+    // When clean=true, skip mock data so the component renders with default control state only.
+    const mockMaps = isClean
+        ? { componentMockMap: {}, collectionMockMap: {}, collectionCardMockMap: {} }
+        : { componentMockMap, collectionMockMap, collectionCardMockMap };
+    const mockData = type
+        ? createMockShowcaseData(type, mode, controls, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, mockMaps.componentMockMap, mockMaps.collectionMockMap, mockMaps.collectionCardMockMap, providedControlKeys)
+        : null;
+    if (!mockData) {
+        return _jsx("div", { className: "p-4 text-red-500 text-sm", children: "No component selected" });
+    }
+    return (_jsxs(ShowcaseAnimationRoot, { children: [_jsx("div", { id: "showcase-measure-root", className: "showcase-render", children: mode === 'component' ? (_jsx(CmsComponent
+                // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
+                , { 
+                    // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
+                    information: mockData, rendererConfig: rendererConfig, contentContext: contentContext })) : (_jsx(CmsCollection
+                // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
+                , { 
+                    // biome-ignore lint/suspicious/noExplicitAny: Any is allowed
+                    information: mockData, rendererConfig: rendererConfig, contentContext: contentContext })) }), !isEmbedded && (_jsxs(_Fragment, { children: [_jsx(ShowcaseViewportGuard, {}), _jsx(IframeHeightReporter, {})] }))] }));
+};
+//# sourceMappingURL=ShowcaseRenderPage.js.map

package/dist/showcase/components/ShowcaseRenderPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseRenderPage.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseRenderPage.tsx"],"names":[],"mappings":"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"}

package/dist/showcase/components/ShowcaseViewportGuard.d.ts

@@ -0,0 +1,14 @@
+/** Max height for viewport-unit heroes inside the showcase iframe (px). */
+export declare const SHOWCASE_VIEWPORT_MAX_PX = 720;
+/**
+ * Caps elements that use viewport height units so showcase iframes cannot
+ * grow unboundedly (svh feedback loop with height reporter).
+ * Production pages are unaffected — this only mounts inside showcase render routes.
+ *
+ * Prefer registration `showcaseLayout` + in-component `isCmsShowcase()` compact
+ * layouts; this is a safety net for residual *svh CSS.
+ */
+export declare function ShowcaseViewportGuard({ maxPx }: {
+    maxPx?: number;
+}): null;
+//# sourceMappingURL=ShowcaseViewportGuard.d.ts.map

package/dist/showcase/components/ShowcaseViewportGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseViewportGuard.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseViewportGuard.tsx"],"names":[],"mappings":"AAIA,2EAA2E;AAC3E,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAM5C;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAgC,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,QAsE7F"}

package/dist/showcase/components/ShowcaseViewportGuard.js

@@ -0,0 +1,77 @@
+'use client';
+import { useEffect } from 'react';
+/** Max height for viewport-unit heroes inside the showcase iframe (px). */
+export const SHOWCASE_VIEWPORT_MAX_PX = 720;
+const VIEWPORT_CLASS_RE = /(?:min-h|h)-(?:screen|svh|dvh|lvh|\[(?:\d+(?:\.\d+)?(?:vh|svh|dvh|lvh)|[^[\]]*(?:vh|svh|dvh|lvh)[^[\]]*)\])/;
+const VIEWPORT_STYLE_RE = /(?:\d+(?:\.\d+)?)?(?:vh|svh|dvh|lvh)|100vh|100svh|200svh/;
+/**
+ * Caps elements that use viewport height units so showcase iframes cannot
+ * grow unboundedly (svh feedback loop with height reporter).
+ * Production pages are unaffected — this only mounts inside showcase render routes.
+ *
+ * Prefer registration `showcaseLayout` + in-component `isCmsShowcase()` compact
+ * layouts; this is a safety net for residual *svh CSS.
+ */
+export function ShowcaseViewportGuard({ maxPx = SHOWCASE_VIEWPORT_MAX_PX }) {
+    useEffect(() => {
+        document.documentElement.classList.add('showcase-iframe');
+        let raf = 0;
+        let scheduled = false;
+        const capElement = (el) => {
+            const style = el.getAttribute('style') || '';
+            const className = el.className?.toString?.() || '';
+            const styleMatch = VIEWPORT_STYLE_RE.test(style);
+            const classMatch = VIEWPORT_CLASS_RE.test(className);
+            if (!(styleMatch || classMatch)) {
+                return;
+            }
+            // Prefer max-height so flex/sticky layouts still paint content.
+            el.style.maxHeight = `${maxPx}px`;
+            if (styleMatch && /height\s*:/.test(style)) {
+                // Collapse scroll-sentinel budgets (e.g. calc(100svh + 60svh)).
+                el.style.height = `${maxPx}px`;
+            }
+            if (classMatch && !styleMatch) {
+                el.style.minHeight = '0';
+                if (/(?:^|\s)(?:min-h|h)-(?:screen|svh|dvh)/.test(className) ||
+                    className.includes('70vh') ||
+                    className.includes('70svh') ||
+                    className.includes('100svh')) {
+                    el.style.height = `${maxPx}px`;
+                }
+            }
+        };
+        const scan = () => {
+            scheduled = false;
+            const all = document.body?.querySelectorAll('*') ?? [];
+            for (const node of all) {
+                if (node instanceof HTMLElement) {
+                    capElement(node);
+                }
+            }
+        };
+        const scheduleScan = () => {
+            if (scheduled)
+                return;
+            scheduled = true;
+            raf = window.requestAnimationFrame(scan);
+        };
+        scan();
+        const observer = new MutationObserver(scheduleScan);
+        if (document.body) {
+            observer.observe(document.body, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+                attributeFilter: ['class', 'style'],
+            });
+        }
+        return () => {
+            window.cancelAnimationFrame(raf);
+            observer.disconnect();
+            document.documentElement.classList.remove('showcase-iframe');
+        };
+    }, [maxPx]);
+    return null;
+}
+//# sourceMappingURL=ShowcaseViewportGuard.js.map

package/dist/showcase/components/ShowcaseViewportGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowcaseViewportGuard.js","sourceRoot":"","sources":["../../../src/showcase/components/ShowcaseViewportGuard.tsx"],"names":[],"mappings":"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"}

package/dist/showcase/components/TopBar.d.ts

@@ -0,0 +1,11 @@
+export type ShowcaseView = 'single' | 'all';
+interface TopBarProps {
+    componentTypes: string[];
+    collectionTypes: string[];
+    selectedType: string;
+    mode: 'component' | 'collection';
+    view: ShowcaseView;
+}
+export declare const TopBar: ({ componentTypes, collectionTypes, selectedType, mode, view, }: TopBarProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TopBar.d.ts.map

package/dist/showcase/components/TopBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/TopBar.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE5C,UAAU,WAAW;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,WAAW,GAAG,YAAY,CAAC;IACjC,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,GAAI,gEAMpB,WAAW,gCA2Ob,CAAC"}