tst.stan.xbe.shared2 0.0.1

package/dist/xbe-ui/src/components/basic/icon/icon.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+export interface IconProps extends Omit<React.SVGProps<SVGSVGElement>, 'ref'> {
+    /**
+     * Icon identifier - either a Lucide icon name or a Sitecore media path
+     * @example "Star", "Home", "Settings", "BookOpen" (Lucide icons)
+     * @example "/-/media/Feature/XBE/Icons/Basic/Icon.svg" (Sitecore media)
+     * @see https://lucide.dev/icons for available icons
+     */
+    identifier: string;
+    /**
+     * Alt text for Sitecore media icons (ignored for Lucide icons)
+     */
+    alt?: string;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Wrapper CSS classes for background, alignment, etc.
+     */
+    wrapperClassName?: string;
+}
+/**
+ * Icon Component
+ *
+ * A flexible icon component that supports both Lucide icons and Sitecore media.
+ * Automatically detects the type based on the identifier format.
+ *
+ * @example Lucide icon
+ * ```tsx
+ * <Icon identifier="Star" />
+ * ```
+ *
+ * @example Sitecore media icon
+ * ```tsx
+ * <Icon identifier="/-/media/Feature/XBE/Icons/Basic/Icon.svg" alt="Icon" />
+ * ```
+ *
+ * @example With styling
+ * ```tsx
+ * <Icon
+ *   identifier="Star"
+ *   className="w-6 h-6"
+ *   stroke="currentColor"
+ *   fill="none"
+ * />
+ * ```
+ *
+ * @example With CSS variables
+ * ```tsx
+ * <Icon
+ *   identifier="Star"
+ *   style={{ stroke: 'var(--color-primary)' }}
+ * />
+ * ```
+ */
+export declare const Icon: React.FC<IconProps>;
+export default Icon;
+//# sourceMappingURL=icon.d.ts.map

package/dist/xbe-ui/src/components/basic/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/basic/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IAC3E;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkEpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/xbe-ui/src/components/basic/icon/icon.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LucideIcons from 'lucide-react';
+import { cn } from '../../../lib/utils';
+/**
+ * Get the full Sitecore media URL for an icon
+ * @param iconPath - The icon path from Sitecore (e.g., "/-/media/Feature/XBE/Icons/Basic/Icon.svg")
+ * @returns Full URL to the icon
+ */
+function getComponentIcon(iconPath) {
+    const sitecoreHost = process.env.NEXT_PUBLIC_SITECORE_API_HOST || '';
+    return `${sitecoreHost}${iconPath}`;
+}
+/**
+ * Icon Component
+ *
+ * A flexible icon component that supports both Lucide icons and Sitecore media.
+ * Automatically detects the type based on the identifier format.
+ *
+ * @example Lucide icon
+ * ```tsx
+ * <Icon identifier="Star" />
+ * ```
+ *
+ * @example Sitecore media icon
+ * ```tsx
+ * <Icon identifier="/-/media/Feature/XBE/Icons/Basic/Icon.svg" alt="Icon" />
+ * ```
+ *
+ * @example With styling
+ * ```tsx
+ * <Icon
+ *   identifier="Star"
+ *   className="w-6 h-6"
+ *   stroke="currentColor"
+ *   fill="none"
+ * />
+ * ```
+ *
+ * @example With CSS variables
+ * ```tsx
+ * <Icon
+ *   identifier="Star"
+ *   style={{ stroke: 'var(--color-primary)' }}
+ * />
+ * ```
+ */
+export const Icon = ({ identifier, alt = '', className, wrapperClassName, ...props }) => {
+    // Check if identifier is a Sitecore media path
+    const isSitecoreMedia = identifier.startsWith('/-/media/') || identifier.startsWith('/media/');
+    const iconElement = isSitecoreMedia ? (_jsx("img", { src: getComponentIcon(identifier), alt: alt, className: cn('icon__icon', className), "aria-hidden": !alt })) : (() => {
+        // Normalize icon name to PascalCase for Lucide
+        const normalizeIconName = (name) => {
+            // First, replace underscores with hyphens for consistency
+            const normalized = name.replace(/_/g, '-');
+            // If it's already in PascalCase, return as-is
+            if (/^[A-Z][a-z]+([A-Z][a-z]+)*$/.test(normalized)) {
+                return normalized;
+            }
+            // If it's kebab-case (contains hyphens), split and convert to PascalCase
+            if (normalized.includes('-')) {
+                return normalized
+                    .split('-')
+                    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+                    .join('');
+            }
+            // For all other cases (lowercase, uppercase, mixed), capitalize first letter
+            return normalized.charAt(0).toUpperCase() + normalized.slice(1).toLowerCase();
+        };
+        const normalizedName = normalizeIconName(identifier);
+        const LucideIcon = LucideIcons[normalizedName];
+        if (!LucideIcon) {
+            console.warn(`Icon "${identifier}" (normalized to "${normalizedName}") not found in lucide-react`);
+            return null;
+        }
+        return (_jsx(LucideIcon, { className: cn('icon__icon', 'icon__size', 'icon__stroke__color', 'icon__fill__color', className), ...props }));
+    })();
+    // If wrapperClassName is provided (even if empty string), wrap the icon
+    if (wrapperClassName !== undefined) {
+        return (_jsx("span", { className: cn('icon__wrapper', 'icon__background__color', 'icon__background__shape', 'icon__background__opacity', 'icon__shape', 'icon__opacity', wrapperClassName), children: iconElement }));
+    }
+    return iconElement;
+};
+export default Icon;

package/dist/xbe-ui/src/components/basic/image/image.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+export interface ImageLicenseMetadata {
+    creatorName?: string;
+    creatorUrl?: string;
+    creatorType?: 'Person' | 'Organization';
+    creditText?: string;
+    copyrightNotice?: string;
+    licenseUrl?: string;
+    acquireLicensePageUrl?: string;
+    contentUrl?: string;
+}
+export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height'> {
+    /**
+     * The image source URL
+     */
+    src: string;
+    /**
+     * Alternative text for the image
+     */
+    alt: string;
+    /**
+     * Width of the image (in pixels)
+     */
+    width?: string | number;
+    /**
+     * Height of the image (in pixels)
+     */
+    height?: string | number;
+    /**
+     * Override width - if provided, height will be calculated to preserve aspect ratio
+     */
+    overrideWidth?: number;
+    /**
+     * Object fit for the image
+     */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /**
+     * Border radius for custom corners
+     */
+    borderRadius?: string;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Optional JSON-LD image license metadata
+     */
+    licenseMetadata?: ImageLicenseMetadata;
+}
+/**
+ * A flexible image component with responsive srcset, aspect ratio preservation, and customizable styling.
+ */
+export declare const Image: React.FC<ImageProps>;
+//# sourceMappingURL=image.d.ts.map

package/dist/xbe-ui/src/components/basic/image/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/basic/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrH;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IACjE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC;CACxC;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmFtC,CAAC"}

package/dist/xbe-ui/src/components/basic/image/image.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import NextImage from "next/image";
+import { twMerge } from "tailwind-merge";
+import { extractParameterFromUrl } from '../../../utils/url';
+import { generateImageUrl } from '../../../utils/images/generate-image-url';
+/**
+ * A flexible image component with responsive srcset, aspect ratio preservation, and customizable styling.
+ */
+export const Image = ({ src, alt, width, height, overrideWidth, objectFit = 'cover', borderRadius, className, style, licenseMetadata, ...props }) => {
+    const imageClasses = twMerge('image__clipping', 'image__size', 'image__placement', 'img__position', 'img__fit', className);
+    // Extract original dimensions from URL if not provided
+    const originalWidth = width ? Number(width) : extractParameterFromUrl('w', src);
+    const originalHeight = height ? Number(height) : extractParameterFromUrl('h', src);
+    // Calculate dimensions with aspect ratio preservation
+    let finalWidth = originalWidth;
+    let finalHeight = originalHeight;
+    if (overrideWidth && originalWidth && originalHeight) {
+        const aspectRatio = originalWidth / originalHeight;
+        finalWidth = overrideWidth;
+        finalHeight = Math.round(overrideWidth / aspectRatio);
+    }
+    // Generate responsive srcset
+    const responsiveSizes = [576, 640, 750, 828, 1080, 1200, 1920, 2040, 3840];
+    const srcSet = responsiveSizes
+        .map(size => `${generateImageUrl(src, size)} ${size}w`)
+        .join(', ');
+    const sizes = "(max-width: 640px) 640px, (max-width: 750px) 750px, (max-width: 828px) 828px, (max-width: 1080px) 1080px, (max-width: 1200px) 1200px, (max-width: 1920px) 1920px, (max-width: 2048px) 2048px, 3840px";
+    const jsonLd = licenseMetadata
+        ? {
+            '@context': 'https://schema.org',
+            '@type': 'ImageObject',
+            contentUrl: licenseMetadata.contentUrl ?? src,
+            license: licenseMetadata.licenseUrl,
+            acquireLicensePage: licenseMetadata.acquireLicensePageUrl,
+            creditText: licenseMetadata.creditText,
+            copyrightNotice: licenseMetadata.copyrightNotice,
+            creator: licenseMetadata.creatorName || licenseMetadata.creatorUrl
+                ? {
+                    '@type': licenseMetadata.creatorType ?? 'Person',
+                    name: licenseMetadata.creatorName,
+                    url: licenseMetadata.creatorUrl,
+                }
+                : undefined,
+        }
+        : undefined;
+    return (_jsxs(_Fragment, { children: [_jsx(NextImage, { src: src, alt: alt, width: finalWidth || 1920, height: finalHeight || 1080, sizes: sizes, className: imageClasses, style: style, ...props }), jsonLd && (_jsx("script", { type: "application/ld+json", children: JSON.stringify(jsonLd) }))] }));
+};

package/dist/xbe-ui/src/components/basic/richtext/richtext.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+export interface RichTextProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * The rich text content - can be a React node from Sitecore SDK or other source
+     */
+    children: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Text color - falls back to --richtext-color CSS variable if not provided
+     */
+    color?: string;
+    /**
+     * Font family - falls back to --richtext-font-family CSS variable if not provided
+     */
+    fontFamily?: string;
+    /**
+     * Line height - falls back to --richtext-line-height CSS variable if not provided
+     */
+    lineHeight?: string | number;
+}
+/**
+ * A rich text component wrapper that provides consistent styling for rich text content.
+ * Use with Sitecore's RichText component or other safe rendering methods.
+ *
+ * @example With Sitecore SDK
+ * ```tsx
+ * <RichText>
+ *   <SitecoreRichText field={field} />
+ * </RichText>
+ * ```
+ */
+export declare const RichText: React.FC<RichTextProps>;
+//# sourceMappingURL=richtext.d.ts.map

package/dist/xbe-ui/src/components/basic/richtext/richtext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richtext.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/basic/richtext/richtext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAe5C,CAAC"}

package/dist/xbe-ui/src/components/basic/richtext/richtext.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+/**
+ * A rich text component wrapper that provides consistent styling for rich text content.
+ * Use with Sitecore's RichText component or other safe rendering methods.
+ *
+ * @example With Sitecore SDK
+ * ```tsx
+ * <RichText>
+ *   <SitecoreRichText field={field} />
+ * </RichText>
+ * ```
+ */
+export const RichText = ({ children, className, style, ...props }) => {
+    return (_jsx("div", { className: twMerge('richtext__component richtext__color richtext__vertical__alignment enable__vertical__alignment vertical__alignment ', className), ...props, children: children }));
+};

package/dist/xbe-ui/src/components/basic/text/text.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+type TextTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
+export interface TextProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * The HTML tag to render
+     */
+    tag?: TextTag;
+    /**
+     * The text content to display
+     */
+    children: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Text color (Tailwind color classes or custom CSS)
+     */
+    color?: string;
+}
+/**
+ * A flexible text component that can render as any heading or text tag
+ * with customizable styling and color. Supports CSS variables for theming.
+ */
+export declare function Text({ tag, children, className, color, style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Text {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/xbe-ui/src/components/basic/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/basic/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;AAE9E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE;;OAEG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,GAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,kDA0CX;yBAjDe,IAAI"}

package/dist/xbe-ui/src/components/basic/text/text.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils';
+/**
+ * A flexible text component that can render as any heading or text tag
+ * with customizable styling and color. Supports CSS variables for theming.
+ */
+export function Text({ tag = 'p', children, className, color, style, ...props }) {
+    // If no children, don't render anything
+    if (!children) {
+        return null;
+    }
+    const textClasses = cn('title__heading', 'title__color', 'title__alignment', color, // Apply color class if provided (overrides CSS variable)
+    className);
+    const elementProps = {
+        className: textClasses,
+        style,
+        ...props,
+    };
+    // Render the appropriate tag
+    switch (tag) {
+        case 'h1':
+            return _jsx("h1", { ...elementProps, children: children });
+        case 'h2':
+            return _jsx("h2", { ...elementProps, children: children });
+        case 'h3':
+            return _jsx("h3", { ...elementProps, children: children });
+        case 'h4':
+            return _jsx("h4", { ...elementProps, children: children });
+        case 'h5':
+            return _jsx("h5", { ...elementProps, children: children });
+        case 'h6':
+            return _jsx("h6", { ...elementProps, children: children });
+        case 'span':
+            return _jsx("span", { ...elementProps, children: children });
+        case 'div':
+            return _jsx("div", { ...elementProps, children: children });
+        case 'p':
+        default:
+            return _jsx("p", { ...elementProps, children: children });
+    }
+}
+Text.displayName = 'Text';

package/dist/xbe-ui/src/components/basic/video/video.d.ts

@@ -0,0 +1,48 @@
+interface VideoProps {
+    styles?: string | undefined;
+    props: {
+        params: {
+            "Auto Play"?: string | undefined;
+            Fullscreen?: string | undefined;
+            MuteSoundtrack?: string | undefined;
+            FieldNames?: string | undefined;
+        };
+        fields: {
+            data: {
+                video: {
+                    template: {
+                        name: string;
+                    };
+                    xBE_Icon?: {
+                        jsonValue: {
+                            value: string;
+                        };
+                    };
+                    baseUrl: {
+                        value: string;
+                    };
+                    videoId: {
+                        value: string;
+                    };
+                    mP4Movie?: {
+                        value: {
+                            href?: string | undefined;
+                        };
+                    };
+                    posterImage: {
+                        jsonValue: {
+                            value: {
+                                src: string;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+    pageEditing?: boolean;
+    allowCustomPoster: boolean;
+}
+export declare const Video: React.FC<VideoProps>;
+export {};
+//# sourceMappingURL=video.d.ts.map

package/dist/xbe-ui/src/components/basic/video/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/basic/video/video.tsx"],"names":[],"mappings":"AAKA,UAAU,UAAU;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE;QACL,MAAM,EAAE;YACN,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAChC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YACpC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SACjC,CAAC;QACF,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,KAAK,EAAE;oBACL,QAAQ,EAAE;wBACR,IAAI,EAAE,MAAM,CAAC;qBACd,CAAC;oBACF,QAAQ,CAAC,EAAE;wBACT,SAAS,EAAE;4BACT,KAAK,EAAE,MAAM,CAAC;yBACf,CAAC;qBACH,CAAC;oBACF,OAAO,EAAE;wBACP,KAAK,EAAE,MAAM,CAAC;qBACf,CAAC;oBACF,OAAO,EAAE;wBACP,KAAK,EAAE,MAAM,CAAC;qBACf,CAAC;oBACF,QAAQ,CAAC,EAAE;wBACT,KAAK,EAAE;4BACL,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;yBAC3B,CAAC;qBACH,CAAC;oBACF,WAAW,EAAE;wBACX,SAAS,EAAE;4BACT,KAAK,EAAE;gCACL,GAAG,EAAE,MAAM,CAAC;6BACb,CAAC;yBACH,CAAC;qBACH,CAAC;iBACH,CAAC;aACH,CAAC;SACH,CAAC;KACH,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyCtC,CAAC"}

package/dist/xbe-ui/src/components/basic/video/video.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../icon/icon";
+import { useToggle } from "../../../hooks/useToggle";
+export const Video = ({ props, pageEditing, styles }) => {
+    const [isPlaying, handleIsPlaying] = useToggle();
+    let { template, mP4Movie, baseUrl, videoId, xBE_Icon } = props.fields.data.video;
+    const iconIdentifier = xBE_Icon?.jsonValue?.value || 'play';
+    const videoSrc = template.name === "Video"
+        ? (mP4Movie?.value?.href ?? "")
+        : `${baseUrl?.value}${videoId?.value}`;
+    // Check if custom poster exists, then set posterType accordingly
+    const customPoster = props.fields.data.video.posterImage?.jsonValue?.value?.src;
+    const posterType = customPoster ? "Custom" : "Default";
+    const posterImage = posterType === "Custom" ? customPoster : getDefaultImage(template.name, videoId?.value);
+    const autoPlay = props.params["Auto Play"];
+    const fullscreen = props.params["Fullscreen"] === "1" ? "fullscreen" : "";
+    const muteSoundtrack = props.params["MuteSoundtrack"] === "1";
+    return (_jsx("div", { className: styles, children: (pageEditing || !isPlaying) && !(autoPlay === "1" && !pageEditing) ? (_jsx(PosterFrame, { posterImage: posterImage, handleIsPlaying: handleIsPlaying, pageEditing: pageEditing, iconIdentifier: iconIdentifier })) : (_jsx(VideoFrame, { videoSrc: videoSrc, title: template.name, posterImage: posterImage, handleIsPlaying: handleIsPlaying, muteSoundtrack: muteSoundtrack, fullscreen: fullscreen })) }));
+};
+const PosterFrame = ({ posterImage, handleIsPlaying, pageEditing, iconIdentifier, }) => (_jsx("div", { className: "xm-image w-full aspect-video bg-cover bg-center cursor-pointer object-cover group flex items-center justify-center", style: { backgroundImage: `url('${posterImage}')` }, onClick: handleIsPlaying, children: _jsx(Icon, { identifier: iconIdentifier, wrapperClassName: "icon__wrapper icon__background__color icon__shape icon__opacity", className: `text-[100px] text-white opacity-100 ${!pageEditing && "group-hover:text-brand-primary-1"}` }) }));
+const VideoFrame = ({ videoSrc, title, posterImage, fullscreen, muteSoundtrack, handleIsPlaying, }) => (_jsx("div", { className: "xm-image w-full aspect-video bg-cover bg-center object-cover flex items-center justify-center", style: { backgroundImage: `url('${posterImage}')` }, onClick: handleIsPlaying, children: _jsx("iframe", { className: "w-full aspect-video", src: `${videoSrc}?autoplay=1&mute=1`, title: title, allow: `autoplay; ${fullscreen}` }) }));
+// a function to get the default image for the video platform
+function getDefaultImage(template, videoId) {
+    if (!videoId)
+        return "";
+    switch (template) {
+        case "XBE_YouTube":
+        case "YouTube":
+            return `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
+        case "XBE_Vimeo":
+        case "Vimeo":
+            return `https://vumbnail.com/${videoId}.jpg`;
+        default:
+            return "";
+    }
+}

package/dist/xbe-ui/src/components/collections/accordion/accordion-item.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+export interface AccordionItemProps {
+    children: ReactNode;
+    id: string;
+    className?: string;
+}
+export interface AccordionItemTitleProps {
+    children: ReactNode;
+}
+export interface AccordionItemContentProps {
+    children: ReactNode;
+}
+export declare function AccordionItemTitle({ children }: AccordionItemTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItemContent({ children }: AccordionItemContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItem({ children, id, className }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion-item.d.ts.map

package/dist/xbe-ui/src/components/collections/accordion/accordion-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/collections/accordion/accordion-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,yBAAyB;IACtC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAEvE;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAE3E;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA0B5E"}

package/dist/xbe-ui/src/components/collections/accordion/accordion-item.js

@@ -0,0 +1,27 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccordionShardCnItem, AccordionShardCnContent, AccordionShardCnTrigger } from "../../../shardcn/accordion";
+import { Children, isValidElement } from "react";
+export function AccordionItemTitle({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+export function AccordionItemContent({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+export function AccordionItem({ children, id, className }) {
+    let titleContent = null;
+    let itemContent = null;
+    // Parse children to find AccordionItemTitle and AccordionItemContent
+    Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+            if (child.type === AccordionItemTitle) {
+                titleContent = child.props.children;
+            }
+        }
+        if (isValidElement(child)) {
+            if (child.type === AccordionItemContent) {
+                itemContent = child.props.children;
+            }
+        }
+    });
+    return (_jsxs(AccordionShardCnItem, { value: id, className: className, children: [_jsx(AccordionShardCnTrigger, { children: titleContent }), _jsx(AccordionShardCnContent, { children: itemContent })] }));
+}

package/dist/xbe-ui/src/components/collections/accordion/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { AccordionShardCnContent, AccordionShardCnItem, AccordionShardCnTrigger } from "../../../shardcn/accordion";
+export { AccordionShardCnContent as AccordionContent, AccordionShardCnItem as AccordionItem, AccordionShardCnTrigger as AccordionTrigger };
+export { AccordionItem as AccordionItemWrapper, AccordionItemTitle, AccordionItemContent } from './accordion-item';
+interface AccordionProps {
+    children?: ReactNode;
+    multiple?: boolean;
+    defaultValue?: number | number[];
+    className?: string;
+}
+export declare function Accordion({ children, multiple, defaultValue, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/xbe-ui/src/components/collections/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/collections/accordion/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEH,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EAC1B,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,uBAAuB,IAAI,gBAAgB,EAAE,oBAAoB,IAAI,aAAa,EAAE,uBAAuB,IAAI,gBAAgB,EAAE,CAAC;AAC3I,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEnH,UAAU,cAAc;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACtB,QAAQ,EACR,QAAe,EACf,YAAY,EACZ,SAAc,EACjB,EAAE,cAAc,2CA8BhB"}

package/dist/xbe-ui/src/components/collections/accordion/index.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccordionShardCn, AccordionShardCnContent, AccordionShardCnItem, AccordionShardCnTrigger, } from "../../../shardcn/accordion";
+export { AccordionShardCnContent as AccordionContent, AccordionShardCnItem as AccordionItem, AccordionShardCnTrigger as AccordionTrigger };
+export { AccordionItem as AccordionItemWrapper, AccordionItemTitle, AccordionItemContent } from './accordion-item';
+export function Accordion({ children, multiple = true, defaultValue, className = '' }) {
+    // Convert numeric defaultValue to string format that Radix UI expects
+    const defaultOpenValue = defaultValue !== undefined
+        ? Array.isArray(defaultValue)
+            ? defaultValue.map(v => String(v))
+            : [String(defaultValue)]
+        : undefined;
+    if (multiple) {
+        return (_jsx(AccordionShardCn, { type: "multiple", defaultValue: defaultOpenValue, className: className, children: children }));
+    }
+    return (_jsx(AccordionShardCn, { type: "single", defaultValue: defaultOpenValue?.[0], collapsible: true, className: className, children: children }));
+}

package/dist/xbe-ui/src/components/collections/carousel/carousel-slide.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+interface CarouselSlideProps {
+    children: ReactNode;
+}
+export declare function CarouselSlide({ children }: CarouselSlideProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=carousel-slide.d.ts.map

package/dist/xbe-ui/src/components/collections/carousel/carousel-slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-slide.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/collections/carousel/carousel-slide.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,kBAAkB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAW7D"}

package/dist/xbe-ui/src/components/collections/carousel/carousel-slide.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CarouselItem } from "../../../shardcn/carousel";
+export function CarouselSlide({ children }) {
+    return (_jsx(CarouselItem, { className: "pl-0 flex-shrink-0 relative", style: { flexBasis: 'var(--slide-width, 100%)', minWidth: 'var(--slide-width, 100%)' }, children: _jsx("div", { className: "w-full h-full", children: children }) }));
+}

package/dist/xbe-ui/src/components/collections/carousel/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export { CarouselSlide } from "./carousel-slide";
+interface CarouselProps {
+    children?: ReactNode;
+    isEditMode?: boolean;
+    variant?: 'default' | 'multi';
+    slidesPerView?: number;
+    className?: string;
+}
+export declare function Carousel({ children, isEditMode, variant, slidesPerView, className }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/xbe-ui/src/components/collections/carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/collections/carousel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,UAAkB,EAAE,OAAmB,EAAE,aAAiB,EAAE,SAAc,EAAE,EAAE,aAAa,2CAsD/H"}

package/dist/xbe-ui/src/components/collections/carousel/index.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Carousel as CarouselComponent, CarouselContent, CarouselNext, CarouselPrevious } from "../../../shardcn/carousel";
+export { CarouselSlide } from "./carousel-slide";
+export function Carousel({ children, isEditMode = false, variant = 'default', slidesPerView = 3, className = '' }) {
+    //const plugins = isEditMode ? [] : [Fade()];
+    const isMultiSlide = variant === 'multi';
+    const slideWidth = isMultiSlide ? `${100 / slidesPerView}%` : '100%';
+    // In edit mode, ensure buttons are clickable by using higher z-index and pointer-events
+    const buttonClassName = isEditMode
+        ? "!z-[9999] pointer-events-auto"
+        : "z-50 pointer-events-auto";
+    return (_jsx(CarouselComponent, { className: className || "w-full", opts: {
+            align: isMultiSlide ? "start" : "start",
+            loop: true,
+            containScroll: isMultiSlide ? "trimSnaps" : false,
+            skipSnaps: false,
+            watchDrag: !isEditMode, // Disable drag in edit mode to avoid conflicts
+            axis: 'x',
+            slidesToScroll: isMultiSlide ? 1 : 1,
+        }, children: _jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "relative w-full min-h-[200px]", children: [_jsx(CarouselContent, { className: isEditMode
+                                ? "ml-0 flex gap-4 [&>*]:pointer-events-auto"
+                                : isMultiSlide
+                                    ? "ml-0 flex gap-4"
+                                    : "ml-0 flex [&_.embla__slide]:!absolute [&_.embla__slide]:!left-0 [&_.embla__slide]:!top-0", style: isMultiSlide ? { '--slide-width': slideWidth } : undefined, children: children }), !isMultiSlide && (_jsxs(_Fragment, { children: [_jsx(CarouselPrevious, { className: `absolute top-1/2 -translate-y-1/2 left-2 ${buttonClassName}` }), _jsx(CarouselNext, { className: `absolute top-1/2 -translate-y-1/2 right-2 ${buttonClassName}` })] }))] }), isMultiSlide && (_jsxs("div", { className: "flex justify-center items-center gap-4 mt-8 mb-8 w-full min-h-[80px] pb-4", children: [_jsx(CarouselPrevious, { className: `!relative !top-auto !left-auto !right-auto !bottom-auto !translate-y-0 !translate-x-0 !transform-none ${buttonClassName}` }), _jsx(CarouselNext, { className: `!relative !top-auto !left-auto !right-auto !bottom-auto !translate-y-0 !translate-x-0 !transform-none ${buttonClassName}` })] }))] }) }));
+}