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

package/dist/components/StructuredData.d.ts

@@ -0,0 +1,20 @@
+import type { ISchema } from '@se-studio/core-data-types';
+import type React from 'react';
+import { type StructuredDataContext } from '../utils/structuredDataUtils';
+export interface StructuredDataProps {
+    /** The schemas to render */
+    schemas?: ReadonlyArray<ISchema>;
+    /** The context data to populate the templates */
+    context: StructuredDataContext;
+}
+/**
+ * Renders JSON-LD structured data by processing Mustache templates.
+ *
+ * Implements the "String-First" architecture:
+ * 1. Takes raw template strings from CMS
+ * 2. Renders them with Mustache using the provided context
+ * 3. Parses them to ensure valid JSON
+ * 4. Outputs a script tag with the final JSON-LD
+ */
+export declare const StructuredData: React.FC<StructuredDataProps>;
+//# sourceMappingURL=StructuredData.d.ts.map

package/dist/components/StructuredData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructuredData.d.ts","sourceRoot":"","sources":["../../src/components/StructuredData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAyBtC,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACjC,iDAAiD;IACjD,OAAO,EAAE,qBAAqB,CAAC;CAChC;AAwCD;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+DxD,CAAC"}

package/dist/components/StructuredData.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Mustache from 'mustache';
+import { buildMergedStructuredDataJson, } from '../utils/structuredDataUtils';
+const ESCAPE_MAP = {
+    '"': '\\"',
+    '\\': '\\\\',
+    '\b': '\\b',
+    '\f': '\\f',
+    '\n': '\\n',
+    '\r': '\\r',
+    '\t': '\\t',
+};
+// Override Mustache's default escaping to be JSON-safe instead of HTML-safe
+// This ensures that:
+// 1. Double quotes are escaped (breaking JSON strings)
+// 2. Backslashes are escaped
+// 3. Control characters are escaped
+// 4. Forward slashes are NOT escaped (keeping URLs readable)
+Mustache.escape = (text) => {
+    if (text === null || text === undefined) {
+        return '';
+    }
+    return String(text).replace(/["\\\b\f\n\r\t]/g, (char) => ESCAPE_MAP[char] ?? char);
+};
+/**
+ * Removes double slashes from URLs while preserving protocol.
+ * e.g. "https://example.com//path" -> "https://example.com/path"
+ * e.g. "/foo//bar" -> "/foo/bar"
+ */
+function cleanUrl(str) {
+    // Replace double slashes that are NOT preceded by a colon
+    // captures the character before the slash in group 1 ($1)
+    return str.replace(/([^:]\/)\/+/g, '$1');
+}
+/**
+ * Recursively traverses an object/array and cleans any URL strings found.
+ */
+function deepClean(obj) {
+    if (typeof obj === 'string') {
+        // Basic heuristic: if it looks like a URL (starts with http/https or /), clean it
+        if (obj.startsWith('http') || obj.startsWith('/')) {
+            return cleanUrl(obj);
+        }
+        return obj;
+    }
+    if (Array.isArray(obj)) {
+        return obj.map(deepClean);
+    }
+    if (typeof obj === 'object' && obj !== null) {
+        const result = {};
+        for (const [key, value] of Object.entries(obj)) {
+            result[key] = deepClean(value);
+        }
+        return result;
+    }
+    return obj;
+}
+/**
+ * Renders JSON-LD structured data by processing Mustache templates.
+ *
+ * Implements the "String-First" architecture:
+ * 1. Takes raw template strings from CMS
+ * 2. Renders them with Mustache using the provided context
+ * 3. Parses them to ensure valid JSON
+ * 4. Outputs a script tag with the final JSON-LD
+ */
+export const StructuredData = ({ schemas, context }) => {
+    if (!schemas || schemas.length === 0) {
+        return null;
+    }
+    // Deduplicate schemas by ID
+    const uniqueSchemas = new Map();
+    schemas.forEach((schema) => {
+        if (schema.id) {
+            uniqueSchemas.set(schema.id, schema);
+        }
+    });
+    const validObjects = [];
+    const errors = [];
+    uniqueSchemas.forEach((schema) => {
+        try {
+            // 1. Render the template string with context
+            // Disable HTML escaping for triple braces {{{var}}} which is standard in Mustache
+            // but we need to ensure double braces {{var}} ARE escaped to prevent breaking JSON quotes
+            if (typeof schema.markup !== 'string') {
+                throw new Error(`Template should be a "string" but "${typeof schema.markup}" was given`);
+            }
+            const renderedString = Mustache.render(schema.markup, context);
+            // 2. Parse the rendered string into a JSON object
+            // This validates that the template produced valid JSON
+            const jsonObject = JSON.parse(renderedString);
+            if (jsonObject) {
+                validObjects.push(jsonObject);
+            }
+        }
+        catch (error) {
+            // If parsing fails, we skip this schema but continue with others
+            // In development, this would be a good place to log or show a warning
+            if (process.env.NODE_ENV === 'development') {
+                console.warn(`[StructuredData] Failed to parse schema "${schema.name}" (${schema.id}):`, error instanceof Error ? error.message : error);
+            }
+            errors.push(schema.name);
+        }
+    });
+    if (validObjects.length === 0) {
+        return null;
+    }
+    // 3. Construct the final output (flatten CMS @graph wrappers; single entity → bare object)
+    const finalJson = buildMergedStructuredDataJson(validObjects);
+    // 4. Clean the output (remove double slashes in URLs)
+    const cleanedJson = deepClean(finalJson);
+    return (_jsx("script", { type: "application/ld+json", 
+        // biome-ignore lint/security/noDangerouslySetInnerHtml: We need to set the inner HTML for the script tag
+        dangerouslySetInnerHTML: { __html: JSON.stringify(cleanedJson) } }));
+};
+//# sourceMappingURL=StructuredData.js.map

package/dist/components/StructuredData.js.map

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

package/dist/components/SvgComponent.d.ts

@@ -0,0 +1,7 @@
+import type { ISvgData } from '@se-studio/core-data-types';
+import { type IImageProps } from './Visual';
+declare function SvgComponent({ image, className, style, ...other }: {
+    image: ISvgData;
+} & Omit<IImageProps, 'analytics' | 'componentLabel'>): import("react").JSX.Element;
+export default SvgComponent;
+//# sourceMappingURL=SvgComponent.d.ts.map

package/dist/components/SvgComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgComponent.d.ts","sourceRoot":"","sources":["../../src/components/SvgComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAElE,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,CAAC,+BAWzE;AAED,eAAe,YAAY,CAAC"}

package/dist/components/SvgComponent.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { calculateCropDetails } from './Visual';
+function SvgComponent({ image, className, style, ...other }) {
+    const cropProperties = calculateCropDetails(image);
+    return (_jsx("div", { className: className, style: { ...style, ...cropProperties }, 
+        // biome-ignore lint/security/noDangerouslySetInnerHtml: Ok to set SVG inner HTML
+        dangerouslySetInnerHTML: { __html: image.data }, ...other }));
+}
+export default SvgComponent;
+//# sourceMappingURL=SvgComponent.js.map

package/dist/components/SvgComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgComponent.js","sourceRoot":"","sources":["../../src/components/SvgComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAElE,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACgE;IACxE,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,cAAc,EAAE;QACtC,iFAAiF;QACjF,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/components/SvgIconComponent.d.ts

@@ -0,0 +1,20 @@
+import type { ISvgImage } from '@se-studio/core-data-types';
+import { type IImageProps } from './Visual';
+/**
+ * Renders an SVG icon using a sprite sheet reference.
+ * The icon is rendered as an SVG with a <use> element that references
+ * a symbol in the sprite sheet. This allows the icon to use currentColor
+ * for theming via CSS.
+ *
+ * Icons are already collected during conversion and included in page data,
+ * so no registration is needed here.
+ *
+ * @param image - The SVG image data
+ * @param className - Additional CSS classes
+ * @param style - Additional inline styles
+ */
+declare function SvgIconComponent({ image, className, style, ...rest }: {
+    image: ISvgImage;
+} & Omit<IImageProps, 'analytics' | 'componentLabel'>): import("react").JSX.Element;
+export default SvgIconComponent;
+//# sourceMappingURL=SvgIconComponent.d.ts.map

package/dist/components/SvgIconComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgIconComponent.d.ts","sourceRoot":"","sources":["../../src/components/SvgIconComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAElE;;;;;;;;;;;;GAYG;AACH,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,CAAC,+BAmB1E;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/SvgIconComponent.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { calculateCropDetails } from './Visual';
+/**
+ * Renders an SVG icon using a sprite sheet reference.
+ * The icon is rendered as an SVG with a <use> element that references
+ * a symbol in the sprite sheet. This allows the icon to use currentColor
+ * for theming via CSS.
+ *
+ * Icons are already collected during conversion and included in page data,
+ * so no registration is needed here.
+ *
+ * @param image - The SVG image data
+ * @param className - Additional CSS classes
+ * @param style - Additional inline styles
+ */
+function SvgIconComponent({ image, className, style, ...rest }) {
+    const { id, width, height, description, name } = image;
+    const iconId = `icon-${id}`;
+    const cropProperties = calculateCropDetails(image);
+    return (_jsx("svg", { width: width || undefined, height: height || undefined, fill: "none", className: className, style: { ...style, ...cropProperties }, "aria-label": description ?? name ?? undefined, role: "img", ...rest, children: _jsx("use", { href: `#${iconId}` }) }));
+}
+export default SvgIconComponent;
+//# sourceMappingURL=SvgIconComponent.js.map

package/dist/components/SvgIconComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgIconComponent.js","sourceRoot":"","sources":["../../src/components/SvgIconComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAElE;;;;;;;;;;;;GAYG;AACH,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACkE;IACzE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,MAAM,GAAG,QAAQ,EAAE,EAAE,CAAC;IAC5B,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACL,cACE,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,MAAM,EAAE,MAAM,IAAI,SAAS,EAC3B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,cAAc,EAAE,gBAC1B,WAAW,IAAI,IAAI,IAAI,SAAS,EAC5C,IAAI,EAAC,KAAK,KACN,IAAI,YAER,cAAK,IAAI,EAAE,IAAI,MAAM,EAAE,GAAI,GACvB,CACP,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/SvgImageComponent.d.ts

@@ -0,0 +1,7 @@
+import type { ISvgImage } from '@se-studio/core-data-types';
+import { type IImageProps } from './Visual';
+declare function SvgImageComponent({ image, loading, fetchPriority, className, style, ...rest }: {
+    image: ISvgImage;
+} & Omit<IImageProps, 'analytics' | 'componentLabel'>): import("react").JSX.Element;
+export default SvgImageComponent;
+//# sourceMappingURL=SvgImageComponent.d.ts.map

package/dist/components/SvgImageComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgImageComponent.d.ts","sourceRoot":"","sources":["../../src/components/SvgImageComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAElE,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,aAAa,EACb,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,CAAC,+BAkB1E;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/SvgImageComponent.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+import { calculateCropDetails } from './Visual';
+function SvgImageComponent({ image, loading, fetchPriority, className, style, ...rest }) {
+    const { svgSrc, name, width, height, description } = image;
+    const cropProperties = calculateCropDetails(image);
+    return (_jsx(Image, { src: svgSrc, alt: description ?? name, width: width, height: height, style: { ...style, ...cropProperties }, loading: loading, className: className, unoptimized: true, fetchPriority: fetchPriority, ...rest }));
+}
+export default SvgImageComponent;
+//# sourceMappingURL=SvgImageComponent.js.map

package/dist/components/SvgImageComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgImageComponent.js","sourceRoot":"","sources":["../../src/components/SvgImageComponent.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAElE,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,OAAO,EACP,aAAa,EACb,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACkE;IACzE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,WAAW,IAAI,IAAI,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,cAAc,EAAE,EACtC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,aAAa,KACxB,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/SvgSpriteSheet.d.ts

@@ -0,0 +1,24 @@
+import type { ISvgImage } from '@se-studio/core-data-types';
+/**
+ * Server component that generates and renders the SVG sprite sheet.
+ * Takes icons array directly from page data with pre-processed symbolContent.
+ *
+ * This should be rendered once per page, typically in the layout component.
+ * The sprite sheet must appear before any components that reference the icons.
+ *
+ * Icons are pre-processed during data conversion (in contentful-rest-api),
+ * so this component simply renders the pre-processed symbol content.
+ *
+ * @param icons - Array of SVG icons to include in the sprite sheet
+ *
+ * @example
+ * ```tsx
+ * // In BasicLayout or similar
+ * <SvgSpriteSheet icons={page.icons} />
+ * <main>{children}</main>
+ * ```
+ */
+export declare function SvgSpriteSheet({ icons }: {
+    icons?: ReadonlyArray<ISvgImage>;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=SvgSpriteSheet.d.ts.map

package/dist/components/SvgSpriteSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgSpriteSheet.d.ts","sourceRoot":"","sources":["../../src/components/SvgSpriteSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;CAAE,sCAuB7E"}

package/dist/components/SvgSpriteSheet.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Server component that generates and renders the SVG sprite sheet.
+ * Takes icons array directly from page data with pre-processed symbolContent.
+ *
+ * This should be rendered once per page, typically in the layout component.
+ * The sprite sheet must appear before any components that reference the icons.
+ *
+ * Icons are pre-processed during data conversion (in contentful-rest-api),
+ * so this component simply renders the pre-processed symbol content.
+ *
+ * @param icons - Array of SVG icons to include in the sprite sheet
+ *
+ * @example
+ * ```tsx
+ * // In BasicLayout or similar
+ * <SvgSpriteSheet icons={page.icons} />
+ * <main>{children}</main>
+ * ```
+ */
+export function SvgSpriteSheet({ icons }) {
+    if (!icons || icons.length === 0) {
+        return null;
+    }
+    // Extract pre-processed symbol content from icons
+    const symbols = [];
+    for (const icon of icons) {
+        if (icon.symbolContent) {
+            symbols.push(icon.symbolContent);
+        }
+    }
+    if (symbols.length === 0) {
+        return null;
+    }
+    return (_jsx("svg", { style: { display: 'none' }, "aria-hidden": "true", children: _jsx("defs", { dangerouslySetInnerHTML: { __html: symbols.join('') } }) }));
+}
+//# sourceMappingURL=SvgSpriteSheet.js.map

package/dist/components/SvgSpriteSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgSpriteSheet.js","sourceRoot":"","sources":["../../src/components/SvgSpriteSheet.tsx"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAwC;IAC5E,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,kDAAkD;IAClD,MAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAc,MAAM,YAEjD,eAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,GAAI,GAC3D,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Video.d.ts

@@ -0,0 +1,11 @@
+import type { DetailedHTMLProps, VideoHTMLAttributes } from 'react';
+import type { IVisualProps } from './Visual';
+export type IVideoProps = Pick<DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'muted' | 'controls' | 'style' | 'poster' | 'autoPlay'> & {
+    noPoster?: boolean;
+    /**
+     * When true, non-autoplay players begin the click-to-play flow on mount
+     * (used by LazyVideo after the user clicks the shell play control).
+     */
+    startPlaybackOnMount?: boolean;
+} & IVisualProps;
+//# sourceMappingURL=Video.d.ts.map

package/dist/components/Video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/components/Video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CACvD,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,GAAG,YAAY,CAAC"}

package/dist/components/Video.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Video.js.map

package/dist/components/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../src/components/Video.ts"],"names":[],"mappings":""}

package/dist/components/VideoComponent.d.ts

@@ -0,0 +1,10 @@
+import { type IAnalyticsContext, type IExternalVideo, type IFullVideo, type ILocalVideo } from '@se-studio/core-data-types';
+import type { IVideoProps } from './Video';
+export type VideoComponentProps = {
+    video: ILocalVideo | IExternalVideo | IFullVideo;
+    analyticsContext: IAnalyticsContext | null | undefined;
+    componentLabel: string | null | undefined;
+} & IVideoProps;
+declare function VideoComponent(allProps: VideoComponentProps | null | undefined): import("react").JSX.Element | null;
+export default VideoComponent;
+//# sourceMappingURL=VideoComponent.d.ts.map

package/dist/components/VideoComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoComponent.d.ts","sourceRoot":"","sources":["../../src/components/VideoComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,WAAW,EAIjB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,WAAW,GAAG,cAAc,GAAG,UAAU,CAAC;IACjD,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,GAAG,WAAW,CAAC;AAEhB,iBAAS,cAAc,CAAC,QAAQ,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,sCAsBvE;AAED,eAAe,cAAc,CAAC"}

package/dist/components/VideoComponent.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isExternalVideo, isFullVideo, isLocalVideo, } from '@se-studio/core-data-types';
+import ExternalVideoComponent from './ExternalVideoComponent';
+import LocalVideo from './LocalVideo';
+function VideoComponent(allProps) {
+    if (allProps == null) {
+        return null;
+    }
+    const { video, ...props } = allProps;
+    if (video == null) {
+        return null;
+    }
+    if (isLocalVideo(video) || isFullVideo(video)) {
+        return _jsx(LocalVideo, { video: video, ...props });
+    }
+    if (isExternalVideo(video)) {
+        return _jsx(ExternalVideoComponent, { video: video, ...props });
+    }
+    return (_jsxs("div", { className: props.className, style: props.style, children: ["Video Component", _jsxs("pre", { children: [JSON.stringify(video, null, 2), " "] })] }));
+}
+export default VideoComponent;
+//# sourceMappingURL=VideoComponent.js.map

package/dist/components/VideoComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoComponent.js","sourceRoot":"","sources":["../../src/components/VideoComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,eAAe,EACf,WAAW,EACX,YAAY,GACb,MAAM,4BAA4B,CAAC;AACpC,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,UAAU,MAAM,cAAc,CAAC;AAStC,SAAS,cAAc,CAAC,QAAgD;IACtE,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC;IACrC,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9C,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;IACjD,CAAC;IAED,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,KAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;IAC7D,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,gCAEjD,0BAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,SAAQ,IACxC,CACP,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Visual.d.ts

@@ -0,0 +1,43 @@
+import { type IAnalyticsContext, type IVisual, type IVisualCommon, type IVisualSizes } from '@se-studio/core-data-types';
+import type { PlaceholderValue } from 'next/dist/shared/lib/get-img-props';
+import type { CSSProperties, ReactNode } from 'react';
+/** Tailwind classes for sub-pixel video fix: oversize and shift so thin black lines are clipped by container.
+ * Only for cover/fill placements — never use when `dontCrop` (editorial content must show full frame). */
+export declare const CONTAINED_VIDEO_CLASSES = "rounded-[1px] w-[calc(100%+4px)] h-[calc(100%+4px)] -translate-x-[2px] translate-y-[2px]";
+/** Editorial / content video: natural aspect, no cover crop. */
+export declare const CONTENT_VIDEO_CLASSES = "rounded-[1px] block w-full h-auto max-w-full";
+/**
+ * Full-frame (content) vs cover (background) layout for native video + poster.
+ * Prefer explicit `dontCrop`; also treat `object-fit: contain` as full-frame.
+ */
+export declare function shouldShowFullFrameVideo(dontCrop?: boolean | null, objectFit?: CSSProperties['objectFit']): boolean;
+export type IVisualProps = {
+    className?: string;
+    style?: Omit<CSSProperties, 'objectFit' | 'objectPosition'>;
+    autoPlay?: boolean;
+    loop?: boolean;
+    loopDelay?: number;
+    muted?: boolean;
+    controls?: boolean;
+    loading?: 'eager' | 'lazy' | undefined;
+    fetchPriority?: 'high' | 'low' | undefined;
+    visualSizes?: IVisualSizes;
+    fullPlayer?: boolean;
+    /** When true, the visual is in a clipping container (e.g. ResponsiveVisual); native video gets sub-pixel fix styles. */
+    contained?: boolean;
+    analyticsContext?: IAnalyticsContext;
+    componentLabel?: string | null;
+    /** Optional custom play button content for external video (YouTube/Vimeo). Rendered instead of default when provided. */
+    externalVideoPlayButton?: ReactNode;
+};
+export type IImageProps = IVisualProps & {
+    placeholder?: PlaceholderValue;
+    blurDataURL?: string;
+};
+export declare function calculateCropDetails(details: Omit<IVisualCommon, 'id' | 'type' | 'name' | 'nameAsCaption'>): Pick<CSSProperties, 'objectFit' | 'objectPosition'>;
+export declare function calculateImagePriority(index: number): {
+    fetchPriority: 'high' | 'low' | undefined;
+    loading: 'eager' | 'lazy' | undefined;
+} | undefined;
+export declare function calculateImageWidthStyleVariable(visual?: IVisual): CSSProperties | undefined;
+//# sourceMappingURL=Visual.d.ts.map

package/dist/components/Visual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visual.d.ts","sourceRoot":"","sources":["../../src/components/Visual.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,YAAY,EAElB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;0GAC0G;AAC1G,eAAO,MAAM,uBAAuB,6FACwD,CAAC;AAE7F,gEAAgE;AAChE,eAAO,MAAM,qBAAqB,iDAAiD,CAAC;AAEpF;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,EACzB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GACrC,OAAO,CAET;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wHAAwH;IACxH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,yHAAyH;IACzH,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAwBF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,GACrE,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAarD;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,GAEX;IAAE,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,GACpF,SAAS,CAKZ;AAMD,wBAAgB,gCAAgC,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,aAAa,GAAG,SAAS,CAO5F"}

package/dist/components/Visual.js

@@ -0,0 +1,60 @@
+import { getVisualWidthPercent, } from '@se-studio/core-data-types';
+/** Tailwind classes for sub-pixel video fix: oversize and shift so thin black lines are clipped by container.
+ * Only for cover/fill placements — never use when `dontCrop` (editorial content must show full frame). */
+export const CONTAINED_VIDEO_CLASSES = 'rounded-[1px] w-[calc(100%+4px)] h-[calc(100%+4px)] -translate-x-[2px] translate-y-[2px]';
+/** Editorial / content video: natural aspect, no cover crop. */
+export const CONTENT_VIDEO_CLASSES = 'rounded-[1px] block w-full h-auto max-w-full';
+/**
+ * Full-frame (content) vs cover (background) layout for native video + poster.
+ * Prefer explicit `dontCrop`; also treat `object-fit: contain` as full-frame.
+ */
+export function shouldShowFullFrameVideo(dontCrop, objectFit) {
+    return !!dontCrop || objectFit === 'contain';
+}
+function calculateVertical(position) {
+    switch (position) {
+        case 'Bottom':
+            return 'bottom';
+        case 'Top':
+            return 'top';
+        default:
+            return 'center';
+    }
+}
+function calculateHorizontal(position) {
+    switch (position) {
+        case 'Left':
+            return 'left';
+        case 'Right':
+            return 'right';
+        default:
+            return 'center';
+    }
+}
+export function calculateCropDetails(details) {
+    const { verticalCropPosition, horizontalCropPosition, dontCrop } = details;
+    if (dontCrop) {
+        return { objectFit: 'contain' };
+    }
+    return {
+        objectFit: 'cover',
+        objectPosition: `${calculateHorizontal(horizontalCropPosition)} ${calculateVertical(verticalCropPosition)}`,
+    };
+}
+export function calculateImagePriority(index) {
+    if (index === 0) {
+        return { fetchPriority: 'high', loading: 'eager' };
+    }
+    return undefined;
+}
+function calculateRealWidthPercent(visual) {
+    return getVisualWidthPercent(visual);
+}
+export function calculateImageWidthStyleVariable(visual) {
+    const widthPercent = calculateRealWidthPercent(visual);
+    if (!widthPercent) {
+        return undefined;
+    }
+    return { '--image-width': `${widthPercent}%` };
+}
+//# sourceMappingURL=Visual.js.map

package/dist/components/Visual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visual.js","sourceRoot":"","sources":["../../src/components/Visual.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,GAOtB,MAAM,4BAA4B,CAAC;AAIpC;0GAC0G;AAC1G,MAAM,CAAC,MAAM,uBAAuB,GAClC,0FAA0F,CAAC;AAE7F,gEAAgE;AAChE,MAAM,CAAC,MAAM,qBAAqB,GAAG,8CAA8C,CAAC;AAEpF;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CACtC,QAAyB,EACzB,SAAsC;IAEtC,OAAO,CAAC,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC;AAC/C,CAAC;AA2BD,SAAS,iBAAiB,CAAC,QAA0B;IACnD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,KAAK;YACR,OAAO,KAAK,CAAC;QACf;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,QAA4B;IACvD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,OAAO,CAAC;QACjB;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,OAAsE;IAEtE,MAAM,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE3E,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAClC,CAAC;IAED,OAAO;QACL,SAAS,EAAE,OAAO;QAClB,cAAc,EAAE,GAAG,mBAAmB,CACpC,sBAAsB,CACvB,IAAI,iBAAiB,CAAC,oBAAoB,CAAC,EAAE;KAC/C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,KAAa;IAIb,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IACrD,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,yBAAyB,CAAC,MAAgB;IACjD,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,gCAAgC,CAAC,MAAgB;IAC/D,MAAM,YAAY,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;IACvD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,EAAE,eAAe,EAAE,GAAG,YAAY,GAAG,EAAmB,CAAC;AAClE,CAAC"}

package/dist/components/VisualComponent.d.ts

@@ -0,0 +1,83 @@
+import { type IVisual } from '@se-studio/core-data-types';
+import type React from 'react';
+import type { IVisualProps } from './Visual';
+/**
+ * Visual component for rendering images, videos, and animations.
+ *
+ * Automatically selects the appropriate renderer based on the visual type:
+ * - Animations (Lottie) are rendered via AnimationComponent
+ * - Videos are rendered via VideoComponent with Next.js optimization
+ * - Images are rendered via ImageComponent with Next.js Image optimization
+ *
+ * SVG images from icon fields are automatically rendered using the sprite system,
+ * which enables currentColor support for theming.
+ *
+ * When a mask is set on the visual, the component wraps the content in a
+ * container with the mask applied. Masks can be:
+ * - URL-based (starts with '/' or 'http'): Uses CSS mask-image
+ * - Class-based (Tailwind classes): Applied directly to the container
+ *
+ * @param visual - Visual data containing image, video, or animation
+ * @param muted - Whether video should be muted (default: false)
+ * @param controls - Whether video should show controls (default: false)
+ * @param autoPlay - Whether video/animation should autoplay (default: false)
+ * @param visualSizes - Responsive size configuration for the visual
+ * @param fullPlayer - Whether video should use full player mode (default: false)
+ * @param loop - Whether video/animation should loop (default: false)
+ * @param loopDelay - Delay between loops in milliseconds
+ * @param analyticsContext - Analytics context for tracking
+ * @param componentLabel - Label for analytics tracking
+ * @param className - Additional CSS classes
+ * @param style - Additional inline styles
+ *
+ * @example Basic image
+ * ```tsx
+ * <Visual visual={imageVisual} className="w-full h-auto" />
+ * ```
+ *
+ * @example Icon with currentColor support (automatic for icons from icon fields)
+ * ```tsx
+ * <Visual visual={component.icon} className="w-6 h-6 text-blue-500" />
+ * ```
+ *
+ * @example Video with autoplay
+ * ```tsx
+ * <Visual
+ *   visual={videoVisual}
+ *   autoPlay
+ *   muted
+ *   loop
+ *   className="w-full"
+ * />
+ * ```
+ *
+ * @example Animation with loop delay
+ * ```tsx
+ * <Visual
+ *   visual={animationVisual}
+ *   autoPlay
+ *   loop
+ *   loopDelay={1000}
+ * />
+ * ```
+ *
+ * @example Image with URL-based mask (CSS mask-image)
+ * ```tsx
+ * <Visual
+ *   visual={{ ...imageVisual, mask: '/assets/masks/circle.svg' }}
+ *   className="w-64"
+ * />
+ * ```
+ *
+ * @example Image with class-based mask (Tailwind classes)
+ * ```tsx
+ * <Visual
+ *   visual={{ ...imageVisual, mask: 'aspect-square rounded-full' }}
+ *   className="w-64"
+ * />
+ * ```
+ */
+export declare const Visual: React.FC<{
+    visual: IVisual;
+} & IVisualProps>;
+//# sourceMappingURL=VisualComponent.d.ts.map

package/dist/components/VisualComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualComponent.d.ts","sourceRoot":"","sources":["../../src/components/VisualComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAoB,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAU7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CA8J/D,CAAC"}