@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/components/LinkListItem/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/LoadingSpinner/LoadingSpinnerSVG.d.ts

@@ -0,0 +1,3 @@
+import { LoadingSpinnerProps } from './props';
+export declare const LoadingSpinnerSVG: ({ size, ...props }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingSpinnerXsSVG: ({ size, ...props }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LoadingSpinner/componentName.d.ts

@@ -0,0 +1 @@
+export declare const loadingSpinnerComponentName: "LoadingSpinner";

package/dist/components/LoadingSpinner/index.d.ts

@@ -0,0 +1,4 @@
+import { LoadingSpinnerProps } from './props';
+declare const LoadingSpinner: ({ size, label, overlay, children, bottomSpacing, active, fullPage, screenReaderLabel, screenReaderLabelCompleted, getContentElements, ...props }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default LoadingSpinner;
+export * from './props';

package/dist/components/LoadingSpinner/index.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { S as ScreenreaderOnly } from "../../index-p6eyyJpy.js";
+import { L as LoadingSpinnerSVGStyled, a as LoadingSpinnerPathXsStyled, b as LoadingSpinnerPathOuter3Styled, c as LoadingSpinnerPathOuter2Styled, d as LoadingSpinnerPathOuter1Styled, e as LoadingSpinnerPathCenterStyled, f as LoadingSpinnerContainerStyled, g as LoadingSpinnerContentStyled, h as LoadingSpinnerLabelStyled, i as LoadingSpinnerChildrenStyled } from "../../styled-xW6L9_un.js";
+const LoadingSpinnerSVG = ({
+  size = "lg",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(LoadingSpinnerSVGStyled, { viewBox: `0 0 300 300`, ...props, size, children: [
+    /* @__PURE__ */ jsx(LoadingSpinnerPathOuter3Styled, { ...props, d: "M185.65,40.86l-0.22,0c-28.22,0.33-57.74,11.7-78.99,30.42C79.44,93.61,62,129.95,62,163.92\n                c0,26.73,9.87,51.28,27.8,69.13c16.65,16.58,39.06,26.1,61.49,26.1c53.56,0,86.71-44.64,86.71-85.99c0-17.3-4.21-32.61-12.5-45.52\n                c-8.83-13.74-22.04-24.27-39.3-31.38c1.2-3.82,2.98-7.05,5.32-9.65c1.6-1.77,3.69-3.45,4.35-3.9" }),
+    /* @__PURE__ */ jsx(LoadingSpinnerPathOuter2Styled, { ...props, d: "M185.65,47.97l-0.13,0c-26.62,0.31-54.44,11.04-74.45,28.72c-25.49,21.03-41.95,55.25-41.95,87.22\n                c0,24.82,9.13,47.58,25.7,64.09c15.33,15.27,35.91,24.02,56.47,24.02c49.16,0,79.6-40.94,79.6-78.88c0-15.91-3.83-29.93-11.37-41.67\n                c-8.95-13.93-22.94-24.26-41.62-30.77c1.2-7.72,3.99-14.05,8.34-18.87c2.31-2.56,5.35-4.94,6.25-5.4" }),
+    /* @__PURE__ */ jsx(LoadingSpinnerPathOuter1Styled, { ...props, d: "M185.71,55.09l-0.11,0c-25.01,0.29-51.13,10.39-69.92,27.02c-23.97,19.73-39.45,51.82-39.45,81.81\n                c0,22.91,8.38,43.88,23.61,59.05c14,13.95,32.76,21.95,51.45,21.95c44.77,0,72.48-37.25,72.48-71.76c0-23.89-9.47-54.49-53.55-67.42\n                c0.42-7.31,2.21-19.2,10.73-28.65c2.57-2.85,6.31-5.98,8.37-7" }),
+    /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(LoadingSpinnerPathCenterStyled, { ...props, d: "M169.82,69.89c-12.5,15.07-12.76,33.09-12.86,40.02c-0.01,0.41-0.01,0.77-0.02,1.08l-0.12,4.83l4.7,1.14\n                    c32.6,7.94,49.13,26.84,49.13,56.18c0,14.26-5.74,28.76-15.74,39.76c-7.83,8.62-21.76,18.89-43.62,18.89\n                    c-15.25,0-30.62-6.61-42.19-18.13c-12.74-12.68-19.75-30.35-19.75-49.75c0-26.26,13.65-54.43,34.77-71.76l0.09-0.07l0.09-0.08\n                    C136.61,81.07,153.13,73.18,169.82,69.89 M185.71,62.2c-0.01,0-0.02,0-0.03,0c-21.67,0.25-46.87,8.88-65.38,25.32\n                    c-20.87,17.13-36.96,46.26-36.96,76.4c0,45.51,34.73,73.88,67.94,73.88c41.01,0,65.37-34.05,65.37-64.65\n                    c0-30.78-16.84-53.02-53.71-62.01c0.01-0.33,0.01-0.71,0.02-1.15c0.09-6.47,0.34-23.99,12.7-37.68c2.7-2.99,7.17-6.97,10.48-8.61\n                    C187.23,63.17,187.06,62.2,185.71,62.2L185.71,62.2z" }) })
+  ] });
+};
+const LoadingSpinnerXsSVG = ({
+  size = "xs",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(LoadingSpinnerSVGStyled, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, size, children: /* @__PURE__ */ jsx(LoadingSpinnerPathXsStyled, { d: "M16.5433 9.04214C15.3747 8.41164 14.7394 8.31265 13.241 8.05992C13.241 5.27996 14.9891 2.5 14.9891 2.5C14.9891 2.5 12.2755 2.9686 10.2506 4.26907C8.86921 5.15627 7.57249 6.50626 6.75444 7.8072C5.20219 10.0571 4.92139 12.3496 5.01657 14.2428C5.12333 18.6859 8.78367 22 12.7811 22C16.7785 22 20 18.8298 20 14.7587C20 11.8889 18.6795 10.2393 16.6901 9.12291", ...props }) });
+};
+const LoadingSpinner = ({
+  size = "lg",
+  label,
+  overlay = false,
+  children,
+  bottomSpacing,
+  active = false,
+  fullPage,
+  screenReaderLabel,
+  screenReaderLabelCompleted,
+  //This default is set as the 'wrapper' element is currently containing the majority of the content of pages from our CMS
+  getContentElements = () => document.getElementsByClassName("wrapper"),
+  ...props
+}) => {
+  const [hasBeenMounted, setHasBeenMounted] = useState(false);
+  const modifiedElements = useRef([]);
+  const loadingSpinner = /* @__PURE__ */ jsxs(LoadingSpinnerContainerStyled, { className: props.className, role: active ? "progressbar" : void 0, "aria-busy": active && !screenReaderLabel ? true : void 0, "aria-live": "polite", "aria-label": active ? screenReaderLabel : void 0, fullPage, bottomSpacing, children: [
+    active && /* @__PURE__ */ jsxs(LoadingSpinnerContentStyled, { size, overlay: fullPage ? true : overlay, fullPage, children: [
+      size === "xs" ? /* @__PURE__ */ jsx(LoadingSpinnerXsSVG, { ...props, size }) : /* @__PURE__ */ jsx(LoadingSpinnerSVG, { ...props, size }),
+      label && /* @__PURE__ */ jsx(LoadingSpinnerLabelStyled, { size, children: label })
+    ] }),
+    /* @__PURE__ */ jsx(ScreenreaderOnly, { children: active ? screenReaderLabel : screenReaderLabelCompleted }),
+    children && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(LoadingSpinnerChildrenStyled, { size, label, bottomSpacing, active, ...{
+      inert: active ? true : void 0
+    }, children }) })
+  ] });
+  useEffect(() => {
+    setHasBeenMounted(true);
+  }, []);
+  useEffect(() => {
+    if (!fullPage || !active) return;
+    document.body.classList.add("HideOverflowY");
+    const elements = Array.from(getContentElements());
+    modifiedElements.current = elements;
+    for (const element of elements) {
+      element.setAttribute("aria-hidden", "true");
+      element.setAttribute("inert", "");
+    }
+    return () => {
+      document.body.classList.remove("HideOverflowY");
+      for (const element of modifiedElements.current) {
+        element.removeAttribute("aria-hidden");
+        element.removeAttribute("inert");
+      }
+      modifiedElements.current = [];
+    };
+  }, [active, fullPage]);
+  if (fullPage && hasBeenMounted) {
+    return createPortal(loadingSpinner, document.body);
+  }
+  return loadingSpinner;
+};
+export {
+  LoadingSpinner as default
+};

package/dist/components/LoadingSpinner/props.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode, SVGAttributes } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { loadingSpinnerComponentName } from './componentName';
+export type LoadingSpinnerSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Props for the LoadingSpinner component.
+ * An animated spinner overlay indicating a loading state.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/feedback-and-progress-loadingspinner--docs} LoadingSpinner stories
+ */
+export interface LoadingSpinnerProps extends BrixComponentProps, SVGAttributes<SVGElement> {
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof loadingSpinnerComponentName;
+    /**
+     * Optional content rendered behind/beside the spinner.
+     */
+    children?: ReactNode;
+    /**
+     * When `true`, renders a semi-transparent backdrop behind the spinner.
+     * @default false
+     */
+    overlay?: boolean;
+    /**
+     * Visible label displayed below the spinner animation.
+     */
+    label?: string;
+    /**
+     * Text announced to screen readers while loading is in progress.
+     */
+    screenReaderLabel?: string;
+    /**
+     * Text announced to screen readers when loading completes.
+     */
+    screenReaderLabelCompleted?: string;
+    /**
+     * Size of the spinner.
+     * - `xs`: Extra small (inline)
+     * - `sm`: Small
+     * - `md`: Medium
+     * - `lg`: Large
+     * @default lg
+     */
+    size?: LoadingSpinnerSize;
+    /**
+     * When `true`, the spinner is visible and active.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * When `true`, the spinner covers the entire page via a React portal.
+     * @default false
+     */
+    fullPage?: boolean;
+    /**
+     * Returns page content elements to mark as `aria-hidden` and `inert` while spinner is active.
+     * Only used when `fullPage` is `true`.
+     */
+    getContentElements?: () => HTMLCollectionOf<Element>;
+}

package/dist/components/LoadingSpinner/styled.d.ts

@@ -0,0 +1,38 @@
+import { Spacing } from '../../foundations/types/Spacing';
+import { Theme } from '../../foundations/types/Theme';
+import { LoadingSpinnerProps, LoadingSpinnerSize } from './props';
+export declare const loadingSpinnerOverlays: Record<Theme, string>;
+export declare const loadingSpinnerOverlayCssVar = "loadingSpinnerOverlay";
+export declare const calculateSpinnerHeight: (size: LoadingSpinnerSize, bottomSpacing: Spacing, label?: string) => string;
+export declare const spinnerSvgSizes: {
+    [key in LoadingSpinnerSize]: string;
+};
+export declare const LoadingSpinnerContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never>>> & string;
+export declare const LoadingSpinnerContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never>>> & string;
+export declare const LoadingSpinnerChildrenStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never>>> & string;
+export declare const LoadingSpinnerSVGStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never>>> & string;
+export declare const LoadingSpinnerPathStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>> & string;
+export declare const LoadingSpinnerPathOuter3Styled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, never>>> & string;
+export declare const LoadingSpinnerPathOuter2Styled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, never>>> & string;
+export declare const LoadingSpinnerPathOuter1Styled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, never>>> & string;
+export declare const LoadingSpinnerPathCenterStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>> & string;
+export declare const LoadingSpinnerPathXsStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, never> & Partial<Pick<import('react').SVGProps<SVGPathElement>, never>>> & string;
+export declare const LoadingSpinnerLabelStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('../Body').BodyProps, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never> & Partial<Pick<import('styled-components').FastOmit<import('../Body').BodyProps, keyof LoadingSpinnerProps> & LoadingSpinnerProps, never>>> & string & Omit<({ footnoteLink, tag, bottomSpacing, ...props }: import('../Body').BodyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/components/LoadingSpinner/validate.d.ts

@@ -0,0 +1,85 @@
+import { default as z } from 'zod';
+import { CmsProps } from '../../foundations/BrixComponentProps';
+import { ValidationResult } from '../../utils/validation/Validation';
+import { LoadingSpinnerProps } from './props';
+export type LoadingSpinnerCmsProps = CmsProps<LoadingSpinnerProps>;
+export declare const loadingSpinnerSizes: readonly ["xs", "sm", "md", "lg"];
+export declare const loadingSpinnerSchema: z.ZodObject<{
+    uid: z.ZodString;
+    sysId: z.ZodString;
+    customId: z.ZodOptional<z.ZodString>;
+    enableStructuredData: z.ZodOptional<z.ZodBoolean>;
+    tracking: z.ZodOptional<z.ZodObject<{
+        contact_action: z.ZodOptional<z.ZodString>;
+        contact_subject: z.ZodOptional<z.ZodString>;
+        contact_available_tools: z.ZodOptional<z.ZodString>;
+        contact_tool: z.ZodOptional<z.ZodString>;
+        contact_trigger: z.ZodOptional<z.ZodString>;
+        contact_variant: z.ZodOptional<z.ZodString>;
+        information_action: z.ZodOptional<z.ZodString>;
+        information_name: z.ZodOptional<z.ZodString>;
+        information_ui_type: z.ZodOptional<z.ZodString>;
+        information_trigger: z.ZodOptional<z.ZodString>;
+        information_ui_location: z.ZodOptional<z.ZodString>;
+        information_id: z.ZodOptional<z.ZodString>;
+        information_ui_size: z.ZodOptional<z.ZodString>;
+        error_action: z.ZodOptional<z.ZodString>;
+        error_type: z.ZodOptional<z.ZodString>;
+        error_message: z.ZodOptional<z.ZodString>;
+        error_ui_type: z.ZodOptional<z.ZodString>;
+        error_trigger: z.ZodOptional<z.ZodString>;
+        error_trigger_name: z.ZodOptional<z.ZodString>;
+        error_code: z.ZodOptional<z.ZodString>;
+        error_details: z.ZodOptional<z.ZodString>;
+        error_location: z.ZodOptional<z.ZodString>;
+    }, z.core.$loose>>;
+    bottomSpacing: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        md: "md";
+        lg: "lg";
+        none: "none";
+        "2xs": "2xs";
+        xs: "xs";
+        xl: "xl";
+        "2xl": "2xl";
+        "3xl": "3xl";
+        "4xl": "4xl";
+        "5xl": "5xl";
+        "6xl": "6xl";
+        "7xl": "7xl";
+        None: "None";
+        "2Xs": "2Xs";
+        Xs: "Xs";
+        Sm: "Sm";
+        Md: "Md";
+        Lg: "Lg";
+        Xl: "Xl";
+        "2Xl": "2Xl";
+        "3Xl": "3Xl";
+        "4Xl": "4Xl";
+        "5Xl": "5Xl";
+        "6Xl": "6Xl";
+        "7Xl": "7Xl";
+    }>>;
+    layout: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodObject<{
+        sm: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        md: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        lg: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+    }, z.core.$strip>]>>>;
+    component: z.ZodLiteral<"LoadingSpinner">;
+    size: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        md: "md";
+        lg: "lg";
+        xs: "xs";
+    }>>;
+    overlay: z.ZodOptional<z.ZodBoolean>;
+    label: z.ZodOptional<z.ZodString>;
+    screenReaderLabel: z.ZodOptional<z.ZodString>;
+    screenReaderLabelCompleted: z.ZodOptional<z.ZodString>;
+    active: z.ZodOptional<z.ZodBoolean>;
+    fullPage: z.ZodOptional<z.ZodBoolean>;
+    getContentElements: z.ZodOptional<z.ZodNever>;
+}, z.core.$loose>;
+export declare const validateLoadingSpinnerProps: (props: unknown) => ValidationResult<LoadingSpinnerCmsProps>;
+export declare const isLoadingSpinnerProps: (props: unknown) => props is LoadingSpinnerCmsProps;

package/dist/components/LoadingSpinner/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/LocalStyle/componentName.d.ts

@@ -0,0 +1 @@
+export declare const localStyleComponentName: "LocalStyle";

package/dist/components/LocalStyle/index.d.ts

@@ -0,0 +1,11 @@
+import { LocalStyleProps } from './props';
+/**
+ * Local style is only working on pages that also include older styles
+ * e.g.
+ * https://www.vodafone.de/simplicity/assets/css/core.css"
+ * https://www.vodafone.de/simplicity/pattern-library-ws10/standalone/brix-ws10-bundle.css"
+ *
+ */
+declare const LocalStyle: ({ children, ...props }: LocalStyleProps) => import("react/jsx-runtime").JSX.Element;
+export default LocalStyle;
+export * from './props';

package/dist/components/LocalStyle/index.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { d as cssVarsString } from "../../cssVars-DlhepeQC.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const LocalStyleStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "LocalStyleStyled",
+  componentId: "sc-v69h0f-0"
+})({}, () => {
+  const localCssVarsString = cssVarsString.replace(/:root/g, "&");
+  return css(["", ""], localCssVarsString);
+});
+const LocalStyle = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(LocalStyleStyled, { ...props, children });
+export {
+  LocalStyle as default
+};

package/dist/components/LocalStyle/props.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { localStyleComponentName } from './componentName';
+/**
+ * Props for the LocalStyle component.
+ * A wrapper that applies scoped CSS custom properties to its children.
+ */
+export interface LocalStyleProps extends Pick<BrixComponentProps, 'component'>, Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    children?: ReactNode;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof localStyleComponentName;
+}

package/dist/components/LocalStyle/styled.d.ts

@@ -0,0 +1,2 @@
+import { LocalStyleProps } from './props';
+export declare const LocalStyleStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof LocalStyleProps> & LocalStyleProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof LocalStyleProps> & LocalStyleProps, never>>> & string;

package/dist/components/LocalStyle/validate.d.ts

@@ -0,0 +1,8 @@
+import { default as z } from 'zod';
+import { ValidationResult } from '../../utils/validation/Validation';
+import { LocalStyleProps } from './props';
+export declare const localStyleSchema: z.ZodObject<{
+    component: z.ZodLiteral<"LocalStyle">;
+}, z.core.$loose>;
+export declare const validateLocalStyleProps: (props: unknown) => ValidationResult<LocalStyleProps>;
+export declare const isLocalStyleProps: (props: unknown) => props is LocalStyleProps;

package/dist/components/LocalStyle/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/MarTechPlaceholder/componentName.d.ts

@@ -0,0 +1 @@
+export declare const marTechPlaceholderComponentName: "MarTechPlaceholder";

package/dist/components/MarTechPlaceholder/index.d.ts

@@ -0,0 +1,4 @@
+import { MarTechPlaceholderProps } from './props';
+declare const _default: import('react').MemoExoticComponent<({ children: _children, ...props }: MarTechPlaceholderProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export * from './props';

package/dist/components/MarTechPlaceholder/index.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import styled from "styled-components";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const MarTechPlaceholderStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "MarTechPlaceholderStyled",
+  componentId: "sc-1nefl8y-0"
+})({});
+const MarTechPlaceholder = ({
+  children: _children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(MarTechPlaceholderStyled, { ...props });
+};
+const index = memo(MarTechPlaceholder, () => true);
+export {
+  index as default
+};

package/dist/components/MarTechPlaceholder/props.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { marTechPlaceholderComponentName } from './componentName';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+/**
+ * Props for the MarTechPlaceholder component.
+ * An empty container identified by ID for MarTech/tracking script injection.
+ */
+export interface MarTechPlaceholderProps extends Omit<BrixComponentProps, 'bottomSpacing'>, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: ReactNode;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof marTechPlaceholderComponentName;
+    /**
+     * HTML `id` attribute for the placeholder element. Used by MarTech scripts to identify and interact with this container.
+     */
+    id: string;
+}

package/dist/components/MarTechPlaceholder/styled.d.ts

@@ -0,0 +1,2 @@
+import { MarTechPlaceholderProps } from './props';
+export declare const MarTechPlaceholderStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof MarTechPlaceholderProps> & MarTechPlaceholderProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof MarTechPlaceholderProps> & MarTechPlaceholderProps, never>>> & string;

package/dist/components/MarTechPlaceholder/validate.d.ts

@@ -0,0 +1,42 @@
+import { default as z } from 'zod';
+import { MarTechPlaceholderCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const marTechPlaceholderSchema: z.ZodObject<{
+    layout: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodObject<{
+        sm: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        md: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+        lg: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+    }, z.core.$strip>]>>>;
+    uid: z.ZodString;
+    sysId: z.ZodString;
+    customId: z.ZodOptional<z.ZodString>;
+    enableStructuredData: z.ZodOptional<z.ZodBoolean>;
+    tracking: z.ZodOptional<z.ZodObject<{
+        contact_action: z.ZodOptional<z.ZodString>;
+        contact_subject: z.ZodOptional<z.ZodString>;
+        contact_available_tools: z.ZodOptional<z.ZodString>;
+        contact_tool: z.ZodOptional<z.ZodString>;
+        contact_trigger: z.ZodOptional<z.ZodString>;
+        contact_variant: z.ZodOptional<z.ZodString>;
+        information_action: z.ZodOptional<z.ZodString>;
+        information_name: z.ZodOptional<z.ZodString>;
+        information_ui_type: z.ZodOptional<z.ZodString>;
+        information_trigger: z.ZodOptional<z.ZodString>;
+        information_ui_location: z.ZodOptional<z.ZodString>;
+        information_id: z.ZodOptional<z.ZodString>;
+        information_ui_size: z.ZodOptional<z.ZodString>;
+        error_action: z.ZodOptional<z.ZodString>;
+        error_type: z.ZodOptional<z.ZodString>;
+        error_message: z.ZodOptional<z.ZodString>;
+        error_ui_type: z.ZodOptional<z.ZodString>;
+        error_trigger: z.ZodOptional<z.ZodString>;
+        error_trigger_name: z.ZodOptional<z.ZodString>;
+        error_code: z.ZodOptional<z.ZodString>;
+        error_details: z.ZodOptional<z.ZodString>;
+        error_location: z.ZodOptional<z.ZodString>;
+    }, z.core.$loose>>;
+    component: z.ZodLiteral<"MarTechPlaceholder">;
+    id: z.ZodString;
+}, z.core.$loose>;
+export declare const validateMarTechPlaceholderProps: (props: unknown) => ValidationResult<MarTechPlaceholderCmsProps>;
+export declare const isMarTechPlaceholderProps: (props: unknown) => props is MarTechPlaceholderCmsProps;

package/dist/components/MarTechPlaceholder/validate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/MediaText/componentName.d.ts

@@ -0,0 +1 @@
+export declare const mediaTextComponentName: "MediaText";

package/dist/components/MediaText/index.d.ts

@@ -0,0 +1,4 @@
+import { MediaTextProps } from './props';
+declare const MediaText: ({ media, mediaPosition, heading, subline, richText, action, component: _component, bottomSpacing, layout, ...props }: MediaTextProps) => import("react/jsx-runtime").JSX.Element;
+export default MediaText;
+export * from './props';

package/dist/components/MediaText/index.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Flex from "../Flex/index.js";
+import { b as GridItem, G as Grid } from "../../index-Cx4q-LSt.js";
+import Heading from "../Heading/index.js";
+import Image from "../Image/index.js";
+import { m as mediaTextPositionLeft, b as mediaTextPositionTop, y as youTubeVideoComponentName, i as imageComponentName } from "../../props-B9bM_KV-.js";
+import { a, c } from "../../props-B9bM_KV-.js";
+import Link from "../Link/index.js";
+import { a as RichTextContentful, R as RichText } from "../../index-B39bJrc9.js";
+import { r as richTextContentfulComponentName, a as richTextComponentName } from "../../props-B5OwQmNC.js";
+import YouTubeVideo from "../YouTubeVideo/index.js";
+import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-BeNegJAK.js";
+import { f as fontWeightRegular } from "../../FontWeight-C8c-UnWu.js";
+import { t as textHeadingXs } from "../../HeadingSize-O__w72MO.js";
+import { s as spacingMd, f as spacing2Xs, c as spacingSm, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
+import { u as useViewport } from "../../index-DlENLqPq.js";
+import styled from "styled-components";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import { v as viewport } from "../../index-CG4uiVbZ.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+import { a as headingAlignLeft } from "../../props-GrMT6XLD.js";
+import { k as flexOrientationVertical, j as flexOrientationHorizontal, i as flexJustifyStart } from "../../props-BhXFN7yR.js";
+import { a as aspectRatio16_9 } from "../../props-CLadRD1u.js";
+const MediaTextStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "MediaTextStyled",
+  componentId: "sc-1hdwlrt-0"
+})(({
+  bottomSpacing = spacingMd
+}) => ({
+  ...getBottomSpacing({
+    bottomSpacing
+  })
+}), ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const MediaTextMediaStyled = styled(GridItem).withConfig({
+  displayName: "MediaTextMediaStyled",
+  componentId: "sc-1hdwlrt-1"
+})({
+  height: "100%",
+  width: "100%"
+}, ({
+  mediaPosition
+}) => viewport.md({
+  order: mediaPosition === "right" ? 2 : 1
+}));
+const MediaTextContentStyled = styled(GridItem).withConfig({
+  displayName: "MediaTextContentStyled",
+  componentId: "sc-1hdwlrt-2"
+})(({
+  mediaPosition
+}) => viewport.md({
+  order: mediaPosition === "right" ? 1 : 2
+}), {
+  textAlign: "left"
+});
+const MediaText = ({
+  media,
+  mediaPosition = mediaTextPositionLeft,
+  heading,
+  subline,
+  richText,
+  action,
+  component: _component,
+  bottomSpacing,
+  layout,
+  ...props
+}) => {
+  const headingId = `heading-${props.uid}`;
+  const sublineId = `subline-${props.uid}`;
+  const viewport2 = useViewport();
+  const headingSpacing = subline ? spacing2Xs : spacingMd;
+  const hasMultipleActions = Array.isArray(action) && action.length > 1;
+  const actionFlexAs = hasMultipleActions ? ulTagName : divTagName;
+  const LinkFlexItemAs = hasMultipleActions ? liTagName : divTagName;
+  const renderMedia = (media2) => {
+    if (!media2) return null;
+    switch (media2.component) {
+      case imageComponentName:
+        return /* @__PURE__ */ jsx(Image, { ...media2, aspectRatio: media2.aspectRatio ?? aspectRatio16_9, bottomSpacing: spacingNone });
+      case youTubeVideoComponentName:
+        return /* @__PURE__ */ jsx(YouTubeVideo, { ...media2, bottomSpacing: spacingNone });
+      default:
+        console.warn(`Unsupported media component: ${media2.component}`);
+        return null;
+    }
+  };
+  const mediaContent = useMemo(() => renderMedia(media), [media]);
+  return /* @__PURE__ */ jsx(MediaTextStyled, { bottomSpacing, layout, children: /* @__PURE__ */ jsxs(Grid, { autoLayout: mediaTextPositionTop === mediaPosition ? {
+    sm: 12
+  } : {
+    sm: 12,
+    md: 6
+  }, ...props, children: [
+    /* @__PURE__ */ jsx(MediaTextMediaStyled, { mediaPosition, children: mediaContent }),
+    /* @__PURE__ */ jsxs(MediaTextContentStyled, { mediaPosition, children: [
+      /* @__PURE__ */ jsx(Heading, { ...heading, id: headingId, align: headingAlignLeft, bottomSpacing: headingSpacing }),
+      subline && /* @__PURE__ */ jsx(Heading, { ...subline, id: sublineId, align: headingAlignLeft, size: textHeadingXs, weight: fontWeightRegular, tag: pTagName, bottomSpacing: spacingMd }),
+      richTextContentfulComponentName === richText.component && /* @__PURE__ */ jsx(RichTextContentful, { ...richText, bottomSpacing: spacingMd }),
+      richTextComponentName === richText.component && /* @__PURE__ */ jsx(RichText, { ...richText, bottomSpacing: spacingMd }),
+      action && /* @__PURE__ */ jsx(Flex, { bottomSpacing: spacingMd, gapSpacing: spacingSm, justify: flexJustifyStart, orientation: "sm" === viewport2 ? flexOrientationVertical : flexOrientationHorizontal, tag: actionFlexAs, children: action && action.map((action2) => {
+        return /* @__PURE__ */ jsx(LinkFlexItemAs, { children: /* @__PURE__ */ jsx(Link, { ...action2, bottomSpacing: spacingNone }) }, action2.uid);
+      }) })
+    ] })
+  ] }) });
+};
+export {
+  MediaText as default,
+  mediaTextPositionLeft,
+  a as mediaTextPositionRight,
+  mediaTextPositionTop,
+  c as mediaTextPositions
+};