@se-studio/core-ui 1.0.46 → 1.0.48

package/dist/showcase/components/PreviewPanel.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { ScaledIframe } from './ScaledIframe';
+const VIEWPORT_MOBILE = { width: 375, height: 812 };
+const VIEWPORT_DESKTOP = { width: 1440, height: 1200 };
+export const PreviewPanel = ({ type, mode, controls, basePath }) => {
+    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 buildUrl = () => {
+        const params = new URLSearchParams();
+        params.set('type', type);
+        params.set('mode', mode);
+        Object.entries(controls).forEach(([key, value]) => {
+            if (value !== undefined && value !== null) {
+                params.set(key, String(value));
+            }
+        });
+        // Ensure basePath ends with /render if not already present or handle accordingly
+        const renderPath = basePath.endsWith('/') ? `${basePath}render` : `${basePath}/render`;
+        return `${renderPath}?${params.toString()}`;
+    };
+    const iframeUrl = buildUrl();
+    // Desktop gets roughly 2/3 of the space, Mobile gets 1/3
+    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, viewportHeight: VIEWPORT_MOBILE.height, label: "Mobile", containerWidth: mobileContainerWidth }), _jsx(ScaledIframe, { src: iframeUrl, viewportWidth: VIEWPORT_DESKTOP.width, viewportHeight: VIEWPORT_DESKTOP.height, label: "Desktop", containerWidth: desktopContainerWidth })] }));
+};
+//# 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,10 @@
+interface ScaledIframeProps {
+    src: string;
+    viewportWidth: number;
+    viewportHeight: number;
+    label: string;
+    containerWidth: number;
+}
+export declare const ScaledIframe: ({ src, viewportWidth, viewportHeight, label, containerWidth, }: ScaledIframeProps) => import("react/jsx-runtime").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":"AAEA,UAAU,iBAAiB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,GAAI,gEAM1B,iBAAiB,4CAgCnB,CAAC"}

package/dist/showcase/components/ScaledIframe.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const ScaledIframe = ({ src, viewportWidth, viewportHeight, label, containerWidth, }) => {
+    // Calculate scale to fit container with padding
+    const padding = 32; // 16px each side
+    const availableWidth = Math.max(containerWidth - padding, 100);
+    const scale = Math.min(availableWidth / viewportWidth, 1.0);
+    const scaledWidth = viewportWidth * scale;
+    const scaledHeight = viewportHeight * 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)"] }), _jsx("div", { className: "bg-[#ffffff] shadow-lg rounded-lg overflow-hidden border border-[#e5e7eb]", style: { width: scaledWidth, height: scaledHeight }, children: _jsx("iframe", { src: src, title: `${label} preview`, className: "origin-top-left border-none", style: {
+                        width: viewportWidth,
+                        height: viewportHeight,
+                        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;;AAUb,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,GAAG,EACH,aAAa,EACb,cAAc,EACd,KAAK,EACL,cAAc,GACI,EAAE,EAAE;IACtB,gDAAgD;IAChD,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,iBAAiB;IACrC,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,cAAc,GAAG,KAAK,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,eAAK,SAAS,EAAC,qEAAqE,aACjF,KAAK,QAAI,aAAa,WACnB,EAEN,cACE,SAAS,EAAC,2EAA2E,EACrF,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,YAEnD,iBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,GAAG,KAAK,UAAU,EACzB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;wBACL,KAAK,EAAE,aAAa;wBACpB,MAAM,EAAE,cAAc;wBACtB,SAAS,EAAE,SAAS,KAAK,GAAG;qBAC7B,GACD,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+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>;
+}
+export declare const ShowcaseAllRenderPage: ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, defaultState, contentContext, componentMockMap, collectionMockMap, collectionCardMockMap, }: ShowcaseAllRenderPageProps) => import("react/jsx-runtime").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,EAAkC,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErF,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,CAAC,EAAE,oBAAoB,CAAC;IACpC,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,CAAC,CAAC;CAClD;AAQD,eAAO,MAAM,qBAAqB,GAAI,+LAWnC,0BAA0B,4CA6E5B,CAAC"}

package/dist/showcase/components/ShowcaseAllRenderPage.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CmsCollection } from '../../components/CmsCollection';
+import { CmsComponent } from '../../components/CmsComponent';
+import { createMockShowcaseData } from '../mockFactory';
+import { DEFAULT_SHOWCASE_CONTROL_STATE } from '../types';
+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 = {}, }) => {
+    const mode = searchParams.mode || 'component';
+    const baseDefaultState = defaultState || DEFAULT_SHOWCASE_CONTROL_STATE;
+    // Get all types based on mode
+    const types = mode === 'component'
+        ? Object.keys(rendererConfig.componentMap).sort()
+        : Object.keys(rendererConfig.collectionMap).sort();
+    return (_jsx("div", { className: "min-h-screen bg-[#f3f4f6]", children: types.map((type) => {
+            // Merge default state with mock data overrides for this type
+            const currentMockData = mode === 'component' ? componentMockMap[type] : collectionMockMap[type];
+            const mergedDefaultState = { ...baseDefaultState };
+            if (currentMockData) {
+                if (typeof currentMockData.heading === 'string')
+                    mergedDefaultState.heading = currentMockData.heading;
+                if (typeof currentMockData.preHeading === 'string')
+                    mergedDefaultState.preHeading = currentMockData.preHeading;
+                if (typeof currentMockData.postHeading === 'string')
+                    mergedDefaultState.postHeading = currentMockData.postHeading;
+                if (typeof currentMockData.body === 'string')
+                    mergedDefaultState.body = currentMockData.body;
+                if (typeof currentMockData.additionalCopy === 'string')
+                    mergedDefaultState.additionalCopy = currentMockData.additionalCopy;
+            }
+            const mockData = createMockShowcaseData(type, mode, mergedDefaultState, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, componentMockMap, collectionMockMap, collectionCardMockMap);
+            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", { className: "bg-[#ffffff]", 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));
+        }) }));
+};
+//# 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/ShowcasePage.d.ts

@@ -0,0 +1,15 @@
+import type { CmsRendererConfig } from '../../CmsRendererConfig';
+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;
+}
+export declare const ShowcasePage: ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, colorOptions, foregroundColors, basePath, defaultState, }: ShowcasePageProps) => import("react/jsx-runtime").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;AAEjE,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,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,GAAI,oIAS1B,iBAAiB,4CAwCnB,CAAC"}

package/dist/showcase/components/ShowcasePage.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { 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, }) => {
+    const componentTypes = Object.keys(rendererConfig.componentMap).sort();
+    const collectionTypes = Object.keys(rendererConfig.collectionMap).sort();
+    const type = searchParams.type || componentTypes[0] || '';
+    const mode = searchParams.mode || 'component';
+    const view = (searchParams.view || 'single');
+    const controls = parseShowcaseControls(searchParams, defaultState);
+    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, basePath: basePath }), _jsx(ControlsWrapper, { initialState: controls, type: type, mode: mode, colorOptions: colorOptions, foregroundColors: foregroundColors, componentFieldsMap: componentFieldsMap, collectionFieldsMap: collectionFieldsMap })] })) })] }));
+};
+//# 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":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAqB,MAAM,EAAE,MAAM,UAAU,CAAC;AAarD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,YAAY,GACM,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,IAAI,EAAE,CAAC;IAEzE,MAAM,IAAI,GAAI,YAAY,CAAC,IAAe,IAAI,cAAc,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACtE,MAAM,IAAI,GAAI,YAAY,CAAC,IAAmC,IAAI,WAAW,CAAC;IAC9E,MAAM,IAAI,GAAG,CAAE,YAAY,CAAC,IAAe,IAAI,QAAQ,CAAiB,CAAC;IAEzE,MAAM,QAAQ,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAEnE,OAAO,CACL,eAAK,SAAS,EAAC,qDAAqD,aAClE,KAAC,MAAM,IACL,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,IAAI,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,EAEF,cAAK,SAAS,EAAC,sCAAsC,YAClD,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAChB,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAChF,KAAC,eAAe,IACd,YAAY,EAAE,QAAQ,EACtB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,GACxC,IACD,CACJ,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+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>;
+}
+export declare const ShowcaseRenderPage: ({ searchParams, rendererConfig, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, defaultState, contentContext, componentMockMap, collectionMockMap, collectionCardMockMap, }: ShowcaseRenderPageProps) => import("react/jsx-runtime").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;AAItD,OAAO,EAAkC,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErF,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,CAAC,EAAE,oBAAoB,CAAC;IACpC,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,CAAC,CAAC;CAClD;AAQD,eAAO,MAAM,kBAAkB,GAAI,+LAWhC,uBAAuB,4CAgEzB,CAAC"}

package/dist/showcase/components/ShowcaseRenderPage.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CmsCollection } from '../../components/CmsCollection';
+import { CmsComponent } from '../../components/CmsComponent';
+import { createMockShowcaseData, parseShowcaseControls } from '../mockFactory';
+import { DEFAULT_SHOWCASE_CONTROL_STATE } from '../types';
+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 = {}, }) => {
+    const type = searchParams.type || '';
+    const mode = searchParams.mode || 'component';
+    // Merge default state with mock data overrides
+    const baseDefaultState = defaultState || DEFAULT_SHOWCASE_CONTROL_STATE;
+    const mergedDefaultState = { ...baseDefaultState };
+    const currentMockData = type
+        ? mode === 'component'
+            ? componentMockMap[type]
+            : collectionMockMap[type]
+        : null;
+    if (currentMockData) {
+        if (typeof currentMockData.heading === 'string')
+            mergedDefaultState.heading = currentMockData.heading;
+        if (typeof currentMockData.preHeading === 'string')
+            mergedDefaultState.preHeading = currentMockData.preHeading;
+        if (typeof currentMockData.postHeading === 'string')
+            mergedDefaultState.postHeading = currentMockData.postHeading;
+        if (typeof currentMockData.body === 'string')
+            mergedDefaultState.body = currentMockData.body;
+        if (typeof currentMockData.additionalCopy === 'string')
+            mergedDefaultState.additionalCopy = currentMockData.additionalCopy;
+    }
+    const controls = parseShowcaseControls(searchParams, mergedDefaultState);
+    const mockData = type
+        ? createMockShowcaseData(type, mode, controls, componentFieldsMap, collectionFieldsMap, collectionCardFieldsMap, componentMockMap, collectionMockMap, collectionCardMockMap)
+        : null;
+    if (!mockData) {
+        return _jsx("div", { className: "p-4 text-red-500 text-sm", children: "No component selected" });
+    }
+    return (_jsx("div", { className: "min-h-screen", 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 })) }));
+};
+//# 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/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-runtime").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,4CAyOb,CAAC"}

package/dist/showcase/components/TopBar.js

@@ -0,0 +1,103 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useEffect, useRef, useState } from 'react';
+export const TopBar = ({ componentTypes, collectionTypes, selectedType, mode, view, }) => {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchTerm, setSearchTerm] = useState('');
+    const dropdownRef = useRef(null);
+    const inputRef = useRef(null);
+    const items = mode === 'component' ? componentTypes : collectionTypes;
+    const filteredItems = items.filter((item) => item.toLowerCase().includes(searchTerm.toLowerCase()));
+    const navigateTo = (type, newMode) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set('type', type);
+        if (newMode) {
+            params.set('mode', newMode);
+        }
+        router.push(`?${params.toString()}`);
+    };
+    const handleModeChange = (newMode) => {
+        const newItems = newMode === 'component' ? componentTypes : collectionTypes;
+        navigateTo(newItems[0] || '', newMode);
+    };
+    const handleViewChange = (newView) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set('view', newView);
+        router.push(`?${params.toString()}`);
+    };
+    const handlePrev = () => {
+        const currentIndex = items.indexOf(selectedType);
+        const prevIndex = (currentIndex - 1 + items.length) % items.length;
+        navigateTo(items[prevIndex]);
+    };
+    const handleNext = () => {
+        const currentIndex = items.indexOf(selectedType);
+        const nextIndex = (currentIndex + 1) % items.length;
+        navigateTo(items[nextIndex]);
+    };
+    const handleKeyDown = (e) => {
+        const currentIndex = items.indexOf(selectedType);
+        switch (e.key) {
+            case 'ArrowDown': {
+                e.preventDefault();
+                const nextIndex = (currentIndex + 1) % items.length;
+                navigateTo(items[nextIndex]);
+                break;
+            }
+            case 'ArrowUp': {
+                e.preventDefault();
+                const prevIndex = (currentIndex - 1 + items.length) % items.length;
+                navigateTo(items[prevIndex]);
+                break;
+            }
+            case 'Enter':
+                if (isOpen && filteredItems.length > 0) {
+                    // If open, enter selects first filtered item or stays on current
+                    setIsOpen(false);
+                }
+                else {
+                    setIsOpen(true);
+                }
+                break;
+            case 'Escape':
+                setIsOpen(false);
+                inputRef.current?.blur();
+                break;
+        }
+    };
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    return (_jsxs("div", { className: "h-14 border-b border-[#e5e7eb] bg-[#ffffff] flex items-center px-4 gap-6 z-30", children: [_jsxs("div", { className: "flex bg-[#f3f4f6] rounded-md p-1 border border-[#e5e7eb]", children: [_jsx("button", { type: "button", onClick: () => handleModeChange('component'), className: `px-3 py-1 text-[13px] font-[500] rounded-md transition-colors ${mode === 'component'
+                            ? 'bg-[#ffffff] text-[#111827] shadow-sm'
+                            : 'text-[#6b7280] hover:text-[#111827]'}`, children: "Components" }), _jsx("button", { type: "button", onClick: () => handleModeChange('collection'), className: `px-3 py-1 text-[13px] font-[500] rounded-md transition-colors ${mode === 'collection'
+                            ? 'bg-[#ffffff] text-[#111827] shadow-sm'
+                            : 'text-[#6b7280] hover:text-[#111827]'}`, children: "Collections" })] }), _jsxs("div", { className: "flex bg-[#f3f4f6] rounded-md p-1 border border-[#e5e7eb]", children: [_jsx("button", { type: "button", onClick: () => handleViewChange('single'), className: `px-3 py-1 text-[13px] font-[500] rounded-md transition-colors ${view === 'single'
+                            ? 'bg-[#ffffff] text-[#111827] shadow-sm'
+                            : 'text-[#6b7280] hover:text-[#111827]'}`, children: "Single" }), _jsx("button", { type: "button", onClick: () => handleViewChange('all'), className: `px-3 py-1 text-[13px] font-[500] rounded-md transition-colors ${view === 'all'
+                            ? 'bg-[#ffffff] text-[#111827] shadow-sm'
+                            : 'text-[#6b7280] hover:text-[#111827]'}`, children: "All" })] }), view === 'single' && (_jsxs("div", { className: "relative flex-1 max-w-md", ref: dropdownRef, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("input", { ref: inputRef, type: "text", className: "w-full h-9 px-3 py-2 bg-[#ffffff] border border-[#d1d5db] rounded-md text-[14px] focus:outline-none focus:ring-2 focus:ring-[#2563eb] focus:border-transparent", value: isOpen ? searchTerm : selectedType, onChange: (e) => {
+                                            setSearchTerm(e.target.value);
+                                            if (!isOpen) {
+                                                setIsOpen(true);
+                                            }
+                                        }, onFocus: () => {
+                                            setSearchTerm('');
+                                        }, onClick: () => setIsOpen(!isOpen), onKeyDown: handleKeyDown, placeholder: "Search..." }), _jsx("button", { type: "button", className: "absolute right-2 top-1/2 -translate-y-1/2 text-[#9ca3af] hover:text-[#374151]", onClick: () => setIsOpen(!isOpen), children: "\u25BC" })] }), _jsxs("div", { className: "flex items-center gap-1 border border-[#d1d5db] rounded-md overflow-hidden bg-[#ffffff]", children: [_jsx("button", { type: "button", onClick: handlePrev, title: "Previous item (Arrow Up)", className: "h-9 px-3 hover:bg-[#f9fafb] text-[#374151] border-r border-[#d1d5db] transition-colors", children: "\u25C0" }), _jsx("button", { type: "button", onClick: handleNext, title: "Next item (Arrow Down)", className: "h-9 px-3 hover:bg-[#f9fafb] text-[#374151] transition-colors", children: "\u25B6" })] })] }), isOpen && (_jsx("div", { className: "absolute top-full left-0 right-0 mt-1 max-h-80 overflow-y-auto bg-[#ffffff] border border-[#e5e7eb] rounded-md shadow-lg z-50", children: filteredItems.length > 0 ? (filteredItems.map((item) => (_jsx("button", { type: "button", className: `w-full text-left px-3 py-2 text-[14px] hover:bg-[#f3f4f6] transition-colors ${selectedType === item
+                                ? 'bg-[#eff6ff] text-[#2563eb] font-[500]'
+                                : 'text-[#374151]'}`, onClick: () => {
+                                navigateTo(item);
+                                setIsOpen(false);
+                                setSearchTerm('');
+                            }, children: item }, item)))) : (_jsx("div", { className: "px-3 py-2 text-[14px] text-[#9ca3af]", children: "No results found" })) }))] })), view === 'all' && _jsx("div", { className: "flex-1" }), _jsxs("div", { className: "ml-auto flex items-center gap-3", children: [_jsx("div", { className: "h-8 w-px bg-[#e5e7eb]" }), _jsxs("div", { className: "flex flex-col items-end", children: [_jsx("span", { className: "text-[13px] font-[700] text-[#111827] leading-tight", children: "CMS Showcase" }), _jsx("span", { className: "text-[10px] text-[#6b7280] font-mono", children: "v2.0" })] })] })] }));
+};
+//# sourceMappingURL=TopBar.js.map

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

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

package/dist/showcase/index.d.ts

@@ -0,0 +1,12 @@
+export { AllViewPanel } from './components/AllViewPanel';
+export { Controls } from './components/Controls';
+export { ControlsWrapper } from './components/ControlsWrapper';
+export { PreviewPanel } from './components/PreviewPanel';
+export { ScaledIframe } from './components/ScaledIframe';
+export { ShowcaseAllRenderPage } from './components/ShowcaseAllRenderPage';
+export { ShowcasePage } from './components/ShowcasePage';
+export { ShowcaseRenderPage } from './components/ShowcaseRenderPage';
+export { type ShowcaseView, TopBar } from './components/TopBar';
+export * from './mockFactory';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/showcase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/showcase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

package/dist/showcase/index.js

@@ -0,0 +1,12 @@
+export { AllViewPanel } from './components/AllViewPanel';
+export { Controls } from './components/Controls';
+export { ControlsWrapper } from './components/ControlsWrapper';
+export { PreviewPanel } from './components/PreviewPanel';
+export { ScaledIframe } from './components/ScaledIframe';
+export { ShowcaseAllRenderPage } from './components/ShowcaseAllRenderPage';
+export { ShowcasePage } from './components/ShowcasePage';
+export { ShowcaseRenderPage } from './components/ShowcaseRenderPage';
+export { TopBar } from './components/TopBar';
+export * from './mockFactory';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/showcase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/showcase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAqB,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

package/dist/showcase/mockFactory.d.ts

@@ -0,0 +1,34 @@
+import type { IContentfulCollection, IContentfulComponent, IContentfulRichText } from '@se-studio/contentful-rest-api';
+import type { IInternalLink, IResponsiveVisual, IVisual } from '@se-studio/core-data-types';
+import type { MockData } from '../cmsRegistration';
+import { type ShowcaseControlState } from './types';
+/**
+ * Creates a valid Contentful Rich Text document from a string, supporting basic markdown:
+ * - Paragraphs (split by double newline)
+ * - Bold text (**text**)
+ * - Headings (# H1, ## H2, etc.)
+ * - Bullet lists (- item or * item)
+ */
+export declare function createRichTextFromMarkdown(text: string): IContentfulRichText;
+/**
+ * Creates a valid Visual object
+ */
+export declare function createVisual(id: string, width: number, height: number): IVisual;
+/**
+ * Creates a Responsive Visual object
+ */
+export declare function createResponsiveVisual(showVisual: boolean, showMobile: boolean, customSize: number, width?: number, height?: number): IResponsiveVisual | undefined;
+/**
+ * Creates sample links
+ */
+export declare function createLinks(count: number): IInternalLink[];
+export declare function parseShowcaseControls<TColor = string, TGradient = string>(searchParams: Record<string, string | string[] | undefined>, defaultState?: ShowcaseControlState<TColor, TGradient>): ShowcaseControlState<TColor, TGradient>;
+/**
+ * Creates a mock card item for a collection
+ */
+export declare function createMockCardContent(collectionType: string, index: number, controls: ShowcaseControlState, collectionCardFieldsMap: Record<string, Set<string>>, cardMockData?: MockData): IContentfulComponent | IVisual;
+/**
+ * Generates a mock component or collection based on the control state
+ */
+export declare function createMockShowcaseData(type: string, mode: 'component' | 'collection', controls: ShowcaseControlState, componentFieldsMap: Record<string, Set<string>>, collectionFieldsMap: Record<string, Set<string>>, collectionCardFieldsMap: Record<string, Set<string>>, componentMockMap?: Record<string, MockData>, collectionMockMap?: Record<string, MockData>, collectionCardMockMap?: Record<string, MockData>): IContentfulComponent | IContentfulCollection;
+//# sourceMappingURL=mockFactory.d.ts.map

package/dist/showcase/mockFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockFactory.d.ts","sourceRoot":"","sources":["../../src/showcase/mockFactory.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC5F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAkC,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA4BpF;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB,CAmF5E;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAgB/E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,MAAM,EAClB,KAAK,SAAM,EACX,MAAM,SAAM,GACX,iBAAiB,GAAG,SAAS,CAiB/B;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,EAAE,CAY1D;AAED,wBAAgB,qBAAqB,CAAC,MAAM,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,EACvE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,EAC3D,YAAY,GAAE,oBAAoB,CAChC,MAAM,EACN,SAAS,CAC6E,GACvF,oBAAoB,CAAC,MAAM,EAAE,SAAS,CAAC,CAyCzC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,cAAc,EAAE,MAAM,EACtB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,oBAAoB,EAC9B,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EACpD,YAAY,CAAC,EAAE,QAAQ,GACtB,oBAAoB,GAAG,OAAO,CA2GhC;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,WAAW,GAAG,YAAY,EAChC,QAAQ,EAAE,oBAAoB,EAC9B,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EAC/C,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EAChD,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EACpD,gBAAgB,GAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAM,EAC/C,iBAAiB,GAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAM,EAChD,qBAAqB,GAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAM,GACnD,oBAAoB,GAAG,qBAAqB,CA4G9C"}