tst.stan.xbe.shared2 0.0.1

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

@@ -0,0 +1,99 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import clsx from "clsx";
+export const Profile = ({ children, className }) => {
+    let imageChild = null;
+    let nameChild = null;
+    let roleChild = null;
+    let contactChildren = [];
+    console.log("Profile component - children count:", React.Children.count(children));
+    React.Children.forEach(children, (child) => {
+        if (React.isValidElement(child)) {
+            console.log("Child type:", child.type, "ProfileContact:", ProfileContact, "Match:", child.type === ProfileContact);
+            if (child.type === ProfileImage) {
+                imageChild = child;
+            }
+            else if (child.type === ProfileName) {
+                nameChild = child;
+            }
+            else if (child.type === ProfileRole) {
+                roleChild = child;
+            }
+            else if (child.type === ProfileContact) {
+                contactChildren.push(child);
+                console.log("Added to contactChildren, total:", contactChildren.length);
+            }
+        }
+    });
+    return (_jsx("div", { className: clsx("component__height", className), children: _jsxs("div", { className: "flex flex-col bg-brand-card-bg border border-brand-card-border-color shadow hover:shadow-xl component__height portrait__text__position", children: [_jsxs("div", { children: [imageChild, _jsxs("div", { className: "px-6 pt-5 space-y-3", children: [nameChild, roleChild] })] }), _jsx("div", { children: contactChildren })] }) }));
+};
+export const ProfileImage = ({ children, }) => {
+    if (!children)
+        return null;
+    // Clone the child element and add the imageClassName to it
+    const imageClassName = "w-full object-cover object-center image__height";
+    if (React.isValidElement(children)) {
+        return React.cloneElement(children, {
+            imageClassName: imageClassName,
+        });
+    }
+    return _jsx(_Fragment, { children: children });
+};
+export const ProfileName = ({ children, }) => {
+    if (!children)
+        return null;
+    return (_jsx("h5", { className: "w-full text-sm font-bold text-brand-potrait-card-name", children: children }));
+};
+export const ProfileRole = ({ children, }) => {
+    if (!children)
+        return null;
+    return (_jsx("span", { className: "w-full text-base text-brand-potrait-card-role", children: children }));
+};
+export const ProfileContact = ({ children, iconName, href, isPageEditing = false, }) => {
+    // Map icon names to CSS classes that trigger ::before pseudo-elements
+    const getIconClass = (icon) => {
+        if (!icon)
+            return '';
+        const iconMap = {
+            'Mail': 'richtext__icon-link--email',
+            'Phone': 'richtext__icon-link--tel',
+            'Smartphone': 'richtext__icon-link--tel',
+            'Linkedin': 'richtext__icon-link--linkedin',
+        };
+        return iconMap[icon] || '';
+    };
+    const iconClass = getIconClass(iconName);
+    // Check if children have content - important for Sitecore fields in live mode
+    const hasContent = React.Children.toArray(children).some(child => {
+        if (!child)
+            return false;
+        if (typeof child === 'string')
+            return child.trim().length > 0;
+        if (React.isValidElement(child)) {
+            // Check if React element has field value or text content
+            const element = child;
+            const fieldValue = element.props?.field?.value;
+            // For Link fields, check href and text
+            if (fieldValue && typeof fieldValue === 'object' && 'href' in fieldValue) {
+                return Boolean(fieldValue.href || fieldValue.text);
+            }
+            // For Text fields, check value directly
+            return Boolean(fieldValue || element.props?.children);
+        }
+        return true;
+    });
+    // In live mode, don't render if there's no content
+    if (!isPageEditing && !hasContent) {
+        return null;
+    }
+    // If in page editing mode, render as div with icon class on the wrapper
+    if (isPageEditing) {
+        return (_jsx("div", { className: clsx("flex items-baseline px-6 py-4 border-b border-slate-300", iconClass), children: _jsx("div", { className: "w-full text-base text-brand-card-text [&_a]:component-link [&_a]:w-full [&_a]:text-base [&_a]:text-brand-card-text [&_a]:no-underline [&_a]:hover:no-underline [&_a>*]:no-underline", children: children }) }));
+    }
+    // For live mode, render as link (href attributes will trigger CSS ::before automatically)
+    return (_jsx("div", { className: "px-6 py-4 border-b border-slate-300", children: _jsx("a", { href: href, className: "inline-flex items-baseline font-normal no-underline hover:no-underline text-brand-card-text group", children: _jsx("span", { className: "text-brand-card-text group-hover:text-brand-card-text font-normal", children: children }) }) }));
+};
+Profile.Image = ProfileImage;
+Profile.Name = ProfileName;
+Profile.Role = ProfileRole;
+Profile.Contact = ProfileContact;

package/dist/xbe-ui/src/components/layout/grid-container.d.ts

@@ -0,0 +1,27 @@
+type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'strech' | 'baseline';
+type Direction = 'row' | 'row-reverse';
+type SpacingValue = '0' | '01' | '02' | '03' | '04' | '05' | '06' | '07' | '08' | '09' | '10' | '11' | '12' | '16' | '20' | '24' | '28' | '32' | '36' | '40' | '44' | '48' | '52' | '56' | '60' | '64' | '72' | '80' | '96';
+type Spacing = SpacingValue | {
+    xs?: SpacingValue;
+    sm?: SpacingValue;
+    md?: SpacingValue;
+    lg?: SpacingValue;
+    xl?: SpacingValue;
+    '2xl'?: SpacingValue;
+};
+interface GridContainerProps {
+    grid?: string;
+    children: React.ReactNode;
+    className?: string;
+    columnSpacing?: Spacing;
+    rowSpacing?: Spacing;
+    justifyContent?: JustifyContent;
+    direction?: Direction;
+    alignItems?: AlignItems;
+    styles?: any;
+    id?: string;
+}
+export declare const GridContainer: React.FC<GridContainerProps>;
+export {};
+//# sourceMappingURL=grid-container.d.ts.map

package/dist/xbe-ui/src/components/layout/grid-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-container.d.ts","sourceRoot":"","sources":["../../../../../../xbe-ui/src/components/layout/grid-container.tsx"],"names":[],"mappings":"AAEA,KAAK,cAAc,GACf,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,cAAc,CAAC;AAEnB,KAAK,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/E,KAAK,SAAS,GAAG,KAAK,GAAG,aAAa,CAAC;AAEvC,KAAK,YAAY,GACb,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,KAAK,OAAO,GACR,YAAY,GACZ;IACE,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC;AAEN,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkCtD,CAAC"}

package/dist/xbe-ui/src/components/layout/grid-container.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+export const GridContainer = ({ children, className = '', columnSpacing, rowSpacing, justifyContent, alignItems, direction, styles, id, }) => {
+    const justifyContentClasses = justifyContent ? justifyContentMap[justifyContent] : '';
+    const alignItemsClasses = alignItems ? alignItemsMap[alignItems] : '';
+    const directionClasses = direction ? directionMap[direction] : '';
+    const columnSpacingClasses = generateSpacingClasses(columnSpacing, columnSpacingMap);
+    const rowSpacingClasses = generateSpacingClasses(rowSpacing, rowSpacingMap);
+    return (_jsx("div", { className: cn('flex-container flex-wrap', className, justifyContentClasses, alignItemsClasses, directionClasses, columnSpacingClasses, rowSpacingClasses), style: styles, id: id, children: children }));
+};
+// =============================================
+// CSS Property Mapping and Function Generation
+// =============================================
+const justifyContentMap = {
+    'flex-start': 'justify-start',
+    'flex-end': 'justify-end',
+    center: 'justify-center',
+    'space-between': 'justify-between',
+    'space-around': 'justify-around',
+    'space-evenly': 'justify-evenly',
+};
+const alignItemsMap = {
+    'flex-start': 'items-start',
+    'flex-end': 'items-end',
+    center: 'items-center',
+    strech: 'items-stretch',
+    baseline: 'items-baseline',
+};
+const directionMap = {
+    row: 'flex-row',
+    'row-reverse': 'flex-row-reverse',
+};
+const columnSpacingMap = {
+    '0': 'gap-size-x-0',
+    '01': 'gap-size-x-1',
+    '02': 'gap-size-x-2',
+    '03': 'gap-size-x-3',
+    '04': 'gap-size-x-4',
+    '05': 'gap-size-x-5',
+    '06': 'gap-size-x-6',
+    '07': 'gap-size-x-7',
+    '08': 'gap-size-x-8',
+    '09': 'gap-size-x-9',
+    '10': 'gap-size-x-10',
+    '11': 'gap-size-x-11',
+    '12': 'gap-size-x-12',
+    '16': 'gap-size-x-16',
+    '20': 'gap-size-x-20',
+    '24': 'gap-size-x-24',
+    '28': 'gap-size-x-28',
+    '32': 'gap-size-x-32',
+    '36': 'gap-size-x-36',
+    '40': 'gap-size-x-40',
+    '44': 'gap-size-x-44',
+    '48': 'gap-size-x-48',
+    '52': 'gap-size-x-52',
+    '56': 'gap-size-x-56',
+    '60': 'gap-size-x-60',
+    '64': 'gap-size-x-64',
+    '72': 'gap-size-x-72',
+    '80': 'gap-size-x-80',
+    '96': 'gap-size-x-96',
+};
+const rowSpacingMap = {
+    '0': 'gap-size-y-0',
+    '01': 'gap-size-y-1',
+    '02': 'gap-size-y-2',
+    '03': 'gap-size-y-3',
+    '04': 'gap-size-y-4',
+    '05': 'gap-size-y-5',
+    '06': 'gap-size-y-6',
+    '07': 'gap-size-y-7',
+    '08': 'gap-size-y-8',
+    '09': 'gap-size-y-9',
+    '10': 'gap-size-y-10',
+    '11': 'gap-size-y-11',
+    '12': 'gap-size-y-12',
+    '16': 'gap-size-y-16',
+    '20': 'gap-size-y-20',
+    '24': 'gap-size-y-24',
+    '28': 'gap-size-y-28',
+    '32': 'gap-size-y-32',
+    '36': 'gap-size-y-36',
+    '40': 'gap-size-y-40',
+    '44': 'gap-size-y-44',
+    '48': 'gap-size-y-48',
+    '52': 'gap-size-y-52',
+    '56': 'gap-size-y-56',
+    '60': 'gap-size-y-60',
+    '64': 'gap-size-y-64',
+    '72': 'gap-size-y-72',
+    '80': 'gap-size-y-80',
+    '96': 'gap-size-y-96',
+};
+function generateSpacingClasses(spacing, spacingMap) {
+    let classes = '';
+    if (!spacing) {
+        return '';
+    }
+    if (typeof spacing === 'string') {
+        classes = spacingMap[spacing] || '';
+    }
+    else {
+        for (const [key, value] of Object.entries(spacing)) {
+            const prefix = key === 'xs' ? '' : `${key}:`;
+            classes += ` ${prefix}${spacingMap[value]}`;
+        }
+    }
+    return classes.trim();
+}

package/dist/xbe-ui/src/components/layout/grid-item.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export type ColSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    xs?: ColSize;
+    sm?: ColSize;
+    md?: ColSize;
+    lg?: ColSize;
+    xl?: ColSize;
+    children: React.ReactNode;
+    props?: any;
+    interfaceName?: string;
+    className?: string;
+    dataSource?: boolean;
+    id?: string;
+    backgroundImageUrl?: string;
+    href?: string;
+}
+/**
+ * @property {React.ReactNode} children - The content of the grid.
+ * @property {string} [interfaceName] - The name of the interface or type we need to put interfaceName in the parent component to make every component works properly in sitecore pages (without page reload, it's written in sitecore docs).
+ * @property {boolean} [dataSource] - If true, the component will be connected to a data source.
+ * @property {string} [className] - Additional CSS classes to apply to the component.
+ */
+export declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
+interface NoDataSourceProps {
+    interfaceName?: string | undefined;
+    grid?: string | undefined;
+    gridParams?: string;
+}
+export declare const NoDataSource: React.FC<NoDataSourceProps>;
+export {};
+//# sourceMappingURL=grid-item.d.ts.map

package/dist/xbe-ui/src/components/layout/grid-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-item.d.ts","sourceRoot":"","sources":["../../../../../../xbe-ui/src/components/layout/grid-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/F,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AAEH,eAAO,MAAM,QAAQ,sFA4GpB,CAAC;AAEF,UAAU,iBAAiB;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CASpD,CAAC"}

package/dist/xbe-ui/src/components/layout/grid-item.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { twMerge } from 'tailwind-merge';
+import { cn } from '../../lib/utils';
+import { forwardRef } from 'react';
+import { Icon } from '../basic/icon/icon';
+import { mediaApi } from '@sitecore-content-sdk/core/media';
+/**
+ * @property {React.ReactNode} children - The content of the grid.
+ * @property {string} [interfaceName] - The name of the interface or type we need to put interfaceName in the parent component to make every component works properly in sitecore pages (without page reload, it's written in sitecore docs).
+ * @property {boolean} [dataSource] - If true, the component will be connected to a data source.
+ * @property {string} [className] - Additional CSS classes to apply to the component.
+ */
+export const GridItem = forwardRef(({ xs, sm, lg, md, xl, interfaceName, props = {}, children, id, dataSource = false, className = '', href, ...rest }, ref) => {
+    const gridParams = props?.params?.GridParameters || '';
+    const stylesParams = props?.params?.Styles || '';
+    const idParam = props?.params?.RenderingIdentifier || '';
+    const colClasses = cn(xs ? `flex-col-${xs}` : '', sm ? `sm:flex-col-${sm}` : '', md ? `md:flex-col-${md}` : '', lg ? `lg:flex-col-${lg}` : '', xl ? `xl:flex-col-${xl}` : '');
+    // if data is empty, show a message to the user
+    if (dataSource && !props.fields?.data) {
+        return (_jsx(NoDataSource, { interfaceName: interfaceName, grid: colClasses, gridParams: gridParams }));
+    }
+    // Generate a unique class for background targeting
+    const uniqueBgClass = idParam ? `griditem-bg-${idParam}` : '';
+    // Responsive background images using mediaApi
+    let backgroundStyles = {};
+    let responsiveBackgroundCSS = null;
+    if (typeof rest.backgroundImageUrl === 'string' && rest.backgroundImageUrl) {
+        const bgUrl = rest.backgroundImageUrl;
+        // Generate responsive URLs for different breakpoints
+        const bg576 = mediaApi.updateImageUrl(bgUrl, { mw: 576 });
+        const bg768 = mediaApi.updateImageUrl(bgUrl, { mw: 768 });
+        const bg1024 = mediaApi.updateImageUrl(bgUrl, { mw: 1024 });
+        const bg1280 = mediaApi.updateImageUrl(bgUrl, { mw: 1280 });
+        const bg1920 = mediaApi.updateImageUrl(bgUrl, { mw: 1920 });
+        // Use the largest as default inline style
+        backgroundStyles = {
+            backgroundImage: `url('${bg1920}')`,
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+        };
+        // Generate server-side CSS for responsive backgrounds
+        if (uniqueBgClass) {
+            responsiveBackgroundCSS = `
+          @media (max-width: 576px) { .${uniqueBgClass} { background-image: url('${bg576}'); } }
+          @media (min-width: 577px) and (max-width: 768px) { .${uniqueBgClass} { background-image: url('${bg768}'); } }
+          @media (min-width: 769px) and (max-width: 1024px) { .${uniqueBgClass} { background-image: url('${bg1024}'); } }
+          @media (min-width: 1025px) and (max-width: 1280px) { .${uniqueBgClass} { background-image: url('${bg1280}'); } }
+          @media (min-width: 1281px) { .${uniqueBgClass} { background-image: url('${bg1920}'); } }
+        `;
+        }
+    }
+    return (_jsxs(_Fragment, { children: [responsiveBackgroundCSS && (_jsx("style", { dangerouslySetInnerHTML: { __html: responsiveBackgroundCSS } })), _jsx("div", { className: twMerge('component flex-item', colClasses, interfaceName, gridParams, className, stylesParams, uniqueBgClass), id: idParam, ref: ref, style: { ...backgroundStyles, ...rest.style }, ...rest, children: href ? (_jsx("a", { href: href, className: "flex flex-col h-full no-underline hover:no-underline text-inherit", children: children })) : (children) })] }));
+});
+export const NoDataSource = ({ interfaceName, grid, gridParams }) => {
+    return (_jsx("div", { className: twMerge('col-span-12 component', interfaceName, grid, gridParams), children: _jsxs("div", { className: "flex items-center justify-center w-full p-3 bg-orange-400 border-2 border-black rounded-md gap-x-4", children: [_jsx(Icon, { identifier: "info", className: "text-xl text-white" }), _jsx("h4", { className: "text-black", children: "No datasource selected for this component" })] }) }));
+};
+GridItem.displayName = 'GridItem';

package/dist/xbe-ui/src/components/structure/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+/**
+ * Breadcrumb Component Suite
+ *
+ * A flexible breadcrumb navigation component built on Radix UI primitives.
+ * These are low-level building blocks - for simpler usage, see BreadcrumbList
+ * from the collections package.
+ *
+ * **Visual Only**: These components render the breadcrumb UI. For SEO structured data,
+ * use the StructuredDataService from @repo/xbe-lib-structureddata at the page level.
+ */
+interface BreadcrumbProps extends React.ComponentProps<"nav"> {
+}
+declare function Breadcrumb({ children, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/xbe-ui/src/components/structure/breadcrumb/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../../../xbe-ui/src/components/structure/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;GASG;AAEH,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAEhE,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAM1D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAY5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAmB5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}

package/dist/xbe-ui/src/components/structure/breadcrumb/breadcrumb.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreHorizontal } from "lucide-react";
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "../../../lib/utils";
+function Breadcrumb({ children, ...props }) {
+    return (_jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props, children: children }));
+}
+function BreadcrumbList({ className, ...props }) {
+    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("flex flex-wrap items-center gap-1.5 break-words sm:gap-2.5", className), ...props }));
+}
+function BreadcrumbItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn("inline-flex items-center gap-1.5", className), ...props }));
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+    const Comp = (asChild ? Slot : "a");
+    return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("transition-colors", className), ...props }));
+}
+function BreadcrumbPage({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", tabIndex: 0, "aria-disabled": "true", "aria-current": "page", className: cn("font-normal", className), ...props }));
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: className, ...props, children: children !== undefined ? (children) : (_jsx("span", { "data-slot": "breadcrumb-separator-content", className: "before:content-[var(--breadcrumb-separator,'/')]" })) }));
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+}
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/xbe-ui/src/components/system/linkrenderer.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+export interface LinkRendererProps {
+    /** The URL to link to */
+    href?: string;
+    /** Link target (_self, _blank, etc.) */
+    target?: string;
+    /** Link title attribute */
+    title?: string;
+    /** Link text (for accessibility) */
+    text?: string;
+    /** Children to render inside the link */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Aria label for accessibility */
+    ariaLabel?: string;
+    /** Additional props to pass to the anchor or span element */
+    [key: string]: any;
+}
+/**
+ * LinkRenderer Component
+ *
+ * Generic link renderer that handles:
+ * - Link validation (href exists and is not '#')
+ * - Security attributes (noopener noreferrer for external links)
+ * - Accessibility (aria-label)
+ * - Fallback to span when no valid link exists
+ *
+ * This component is framework-agnostic and doesn't depend on Sitecore types.
+ *
+ * @example
+ * ```tsx
+ * <LinkRenderer
+ *   href="/about"
+ *   target="_self"
+ *   ariaLabel="Learn more"
+ * >
+ *   Click here
+ * </LinkRenderer>
+ *
+ * // External link
+ * <LinkRenderer
+ *   href="https://example.com"
+ *   target="_blank"
+ * >
+ *   Visit site
+ * </LinkRenderer>
+ * ```
+ */
+export declare const LinkRenderer: ({ href, target, title, text, children, className, ariaLabel, ...rest }: LinkRendererProps) => import("react/jsx-runtime").JSX.Element;
+export default LinkRenderer;
+//# sourceMappingURL=linkrenderer.d.ts.map

package/dist/xbe-ui/src/components/system/linkrenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkrenderer.d.ts","sourceRoot":"","sources":["../../../../../../xbe-ui/src/components/system/linkrenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,YAAY,GAAI,wEAS1B,iBAAiB,4CAgCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/xbe-ui/src/components/system/linkrenderer.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * LinkRenderer Component
+ *
+ * Generic link renderer that handles:
+ * - Link validation (href exists and is not '#')
+ * - Security attributes (noopener noreferrer for external links)
+ * - Accessibility (aria-label)
+ * - Fallback to span when no valid link exists
+ *
+ * This component is framework-agnostic and doesn't depend on Sitecore types.
+ *
+ * @example
+ * ```tsx
+ * <LinkRenderer
+ *   href="/about"
+ *   target="_self"
+ *   ariaLabel="Learn more"
+ * >
+ *   Click here
+ * </LinkRenderer>
+ *
+ * // External link
+ * <LinkRenderer
+ *   href="https://example.com"
+ *   target="_blank"
+ * >
+ *   Visit site
+ * </LinkRenderer>
+ * ```
+ */
+export const LinkRenderer = ({ href, target = '_self', title, text, children, className = '', ariaLabel, ...rest }) => {
+    const isExternalLink = target === '_blank';
+    const hasValidLink = Boolean(href && href !== '' && href !== '#');
+    // If no valid link, render as span with role="img" if ariaLabel is provided
+    if (!hasValidLink) {
+        return (_jsx("span", { className: className, ...(ariaLabel && { role: 'img', 'aria-label': ariaLabel }), ...(title && { title }), ...rest, children: children }));
+    }
+    // Render as anchor with proper attributes
+    return (_jsx("a", { href: href, target: target, className: className, ...(title && { title }), ...(ariaLabel && { 'aria-label': ariaLabel }), ...(isExternalLink && { rel: 'noopener noreferrer' }), ...rest, children: children }));
+};
+export default LinkRenderer;

package/dist/xbe-ui/src/hooks/useDisableBodyScroll.d.ts

@@ -0,0 +1,7 @@
+interface DisableBodyScrollOptions {
+    mobile?: boolean;
+    desktop?: boolean;
+}
+export declare const useDisableBodyScroll: (isDisabled: boolean, options?: DisableBodyScrollOptions) => void;
+export {};
+//# sourceMappingURL=useDisableBodyScroll.d.ts.map

package/dist/xbe-ui/src/hooks/useDisableBodyScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../xbe-ui/src/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAGA,UAAU,wBAAwB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,GAC/B,YAAY,OAAO,EACnB,UAAS,wBAA0D,SAuBpE,CAAC"}

package/dist/xbe-ui/src/hooks/useDisableBodyScroll.js

@@ -0,0 +1,24 @@
+'use client';
+import { useEffect } from 'react';
+export const useDisableBodyScroll = (isDisabled, options = { mobile: true, desktop: true }) => {
+    useEffect(() => {
+        const handleResize = () => {
+            const { mobile, desktop } = options;
+            if (mobile && window.innerWidth <= 1024) {
+                document.body.style.overflow = isDisabled ? 'hidden' : '';
+            }
+            else if (desktop && window.innerWidth > 1024) {
+                document.body.style.overflow = isDisabled ? 'hidden' : '';
+            }
+            else {
+                document.body.style.overflow = '';
+            }
+        };
+        handleResize(); // Initial check
+        window.addEventListener('resize', handleResize);
+        return () => {
+            document.body.style.overflow = '';
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [isDisabled, options]);
+};

package/dist/xbe-ui/src/hooks/useToggle.d.ts

@@ -0,0 +1,2 @@
+export declare const useToggle: (initialState?: boolean) => readonly [boolean, () => void];
+//# sourceMappingURL=useToggle.d.ts.map

package/dist/xbe-ui/src/hooks/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../../../../xbe-ui/src/hooks/useToggle.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,GAAI,sBAAoB,mCAQ7C,CAAC"}

package/dist/xbe-ui/src/hooks/useToggle.js

@@ -0,0 +1,11 @@
+'use client';
+import { useState } from "react";
+// useToggle is a custom hook that manages a single boolean state.
+// It's useful when you need to handle the state of a single UI element, like a modal or a dropdown.
+export const useToggle = (initialState = false) => {
+    const [toggle, setToggle] = useState(initialState);
+    const handleToggle = () => {
+        setToggle((prev) => !prev);
+    };
+    return [toggle, handleToggle];
+};

package/dist/xbe-ui/src/index.d.ts

@@ -0,0 +1,27 @@
+export * from './components/structure/breadcrumb/breadcrumb';
+export * from './components/layout/grid-container';
+export * from './components/layout/grid-item';
+export * from './components/basic/richtext/richtext';
+export * from './components/basic/image/image';
+export * from './components/basic/video/video';
+export * from './components/basic/icon/icon';
+export * from './components/basic/text/text';
+export * from './components/collections/link-list';
+export * from './components/collections/accordion';
+export * from './components/collections/content-block';
+export * from './components/collections/content-card';
+export * from './components/collections/icon-card';
+export * from './components/collections/duo-block';
+export * from './components/collections/profile';
+export * from './components/collections/maps';
+export * from './components/system/linkrenderer';
+export * from './lib/utils';
+export * from './hooks/useToggle';
+export * from './hooks/useDisableBodyScroll';
+export * from './utils/images/raw-loader';
+export * from './utils/images/image-loader';
+export * from './utils/images/generate-image-url';
+export * from './utils/url';
+export * from './components/collections/carousel';
+export * from './types/heading';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../xbe-ui/src/index.ts"],"names":[],"mappings":"AACA,cAAc,8CAA8C,CAAC;AAC7D,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,mCAAmC,CAAC;AAClD,cAAc,iBAAiB,CAAC"}

package/dist/xbe-ui/src/index.js

@@ -0,0 +1,27 @@
+// Export all components
+export * from './components/structure/breadcrumb/breadcrumb';
+export * from './components/layout/grid-container';
+export * from './components/layout/grid-item';
+export * from './components/basic/richtext/richtext';
+export * from './components/basic/image/image';
+export * from './components/basic/video/video';
+export * from './components/basic/icon/icon';
+export * from './components/basic/text/text';
+export * from './components/collections/link-list';
+export * from './components/collections/accordion';
+export * from './components/collections/content-block';
+export * from './components/collections/content-card';
+export * from './components/collections/icon-card';
+export * from './components/collections/duo-block';
+export * from './components/collections/profile';
+export * from './components/collections/maps';
+export * from './components/system/linkrenderer';
+export * from './lib/utils';
+export * from './hooks/useToggle';
+export * from './hooks/useDisableBodyScroll';
+export * from './utils/images/raw-loader';
+export * from './utils/images/image-loader';
+export * from './utils/images/generate-image-url';
+export * from './utils/url';
+export * from './components/collections/carousel';
+export * from './types/heading';

package/dist/xbe-ui/src/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/xbe-ui/src/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../xbe-ui/src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/xbe-ui/src/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}