@vodafone_de/publish-test 0.0.1 → 53.0.0

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

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

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

@@ -0,0 +1 @@
+export declare const flexComponentName: "Flex";

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

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

package/dist/components/Flex/index.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { F as FlexStyled } from "../../styled-DyZTV652.js";
+import { f, a, b, c, d, e, g, h, i, j, k, l, m } from "../../props-BhXFN7yR.js";
+const Flex = ({
+  children,
+  tag = "div",
+  ...props
+}) => /* @__PURE__ */ jsx(FlexStyled, { as: tag, ...props, children });
+export {
+  Flex as default,
+  f as flexAlignBehaviors,
+  a as flexAlignCenter,
+  b as flexAlignEnd,
+  c as flexAlignStart,
+  d as flexJustifyBehaviors,
+  e as flexJustifyBetween,
+  g as flexJustifyCenter,
+  h as flexJustifyEnd,
+  i as flexJustifyStart,
+  j as flexOrientationHorizontal,
+  k as flexOrientationVertical,
+  l as flexOrientations,
+  m as flexTags
+};

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

@@ -0,0 +1,76 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { Spacing } from '../../foundations/types/Spacing';
+import { flexComponentName } from './componentName';
+export declare const flexOrientationHorizontal: "horizontal";
+export declare const flexOrientationVertical: "vertical";
+export declare const flexOrientations: readonly ["horizontal", "vertical"];
+export type FlexOrientation = (typeof flexOrientations)[number];
+export declare const flexJustifyStart: "start";
+export declare const flexJustifyEnd: "end";
+export declare const flexJustifyCenter: "center";
+export declare const flexJustifyBetween: "between";
+export declare const flexJustifyBehaviors: readonly ["start", "end", "center", "between"];
+export type FlexJustifyBehavior = (typeof flexJustifyBehaviors)[number];
+export declare const flexAlignStart: "start";
+export declare const flexAlignEnd: "end";
+export declare const flexAlignCenter: "center";
+export declare const flexAlignBehaviors: readonly ["start", "end", "center"];
+export type FlexAlignBehavior = (typeof flexAlignBehaviors)[number];
+export declare const flexTags: readonly ["div", "ul"];
+export type FlexTag = (typeof flexTags)[number];
+/**
+ * Props for the Flex component.
+ * A flexbox layout container for arranging children along a single axis.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/layout-and-structure-flex--docs} Flex stories
+ */
+export interface FlexProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * Content to arrange inside the flex container.
+     */
+    children: ReactNode;
+    /**
+     * Primary axis direction for laying out children.
+     * - `horizontal`: Items flow left to right (row)
+     * - `vertical`: Items flow top to bottom (column)
+     * @default horizontal
+     */
+    orientation?: FlexOrientation;
+    /**
+     * Distribution of items along the primary axis.
+     * - `start`: Items pack toward the start
+     * - `end`: Items pack toward the end
+     * - `center`: Items are centered
+     * - `between`: Items are evenly distributed with space between
+     * @default start
+     */
+    justify?: FlexJustifyBehavior;
+    /**
+     * Alignment of items along the cross axis.
+     * - `start`: Items align to the start
+     * - `end`: Items align to the end
+     * - `center`: Items are centered
+     */
+    alignItems?: FlexAlignBehavior;
+    /**
+     * Gap between flex items (uses spacing tokens).
+     * @default md
+     */
+    gapSpacing?: Spacing;
+    /**
+     * When `true`, items wrap onto multiple lines if they exceed the container width.
+     * @default false
+     */
+    wrap?: boolean;
+    /**
+     * HTML element used to render the flex container.
+     * - `div`: Generic container
+     * - `ul`: Unordered list (children should be `<li>`)
+     * @default div
+     */
+    tag?: FlexTag;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof flexComponentName;
+}

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

@@ -0,0 +1,4 @@
+import { FlexAlignBehavior, FlexJustifyBehavior, FlexProps } from './props';
+export declare const translateToJustifyContent: (justify: FlexJustifyBehavior | undefined) => string | undefined;
+export declare const translateToAlignItems: (alignItems: FlexAlignBehavior | undefined) => string | undefined;
+export declare const FlexStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, never>>> & string;

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

@@ -0,0 +1,118 @@
+import { default as z } from 'zod';
+import { FlexCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const flexSchema: 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<"Flex">;
+    children: z.ZodUnion<readonly [z.ZodArray<z.ZodUnknown>, z.ZodUnknown & z.ZodType<{} | null, unknown, z.core.$ZodTypeInternals<{} | null, unknown>>]>;
+    orientation: z.ZodOptional<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    justify: z.ZodOptional<z.ZodEnum<{
+        center: "center";
+        end: "end";
+        start: "start";
+        between: "between";
+    }>>;
+    alignItems: z.ZodOptional<z.ZodEnum<{
+        center: "center";
+        end: "end";
+        start: "start";
+    }>>;
+    gapSpacing: 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";
+    }>>;
+    wrap: z.ZodOptional<z.ZodBoolean>;
+    tag: z.ZodOptional<z.ZodEnum<{
+        div: "div";
+        ul: "ul";
+    }>>;
+}, z.core.$loose>;
+export declare const validateFlexProps: (props: unknown) => ValidationResult<FlexCmsProps>;
+export declare const isFlexProps: (props: unknown) => props is FlexCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const flexItemComponentName: "FlexItem";

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

@@ -0,0 +1,7 @@
+import { FlexItemProps } from './props';
+/** @deprecated
+ * The FlexItem component is deprecated and will be removed in a future release. Please use the layout prop on the Flex component or its children instead.
+ */
+declare const FlexItem: ({ children, ...props }: FlexItemProps) => import("react/jsx-runtime").JSX.Element;
+export default FlexItem;
+export * from './props';

package/dist/components/FlexItem/index.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import { b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
+import styled from "styled-components";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const flexItemFullGrow = "full";
+const flexItemAutoGrow = "auto";
+const FlexItemStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "FlexItemStyled",
+  componentId: "sc-1na0et9-0"
+})(({
+  grow = flexItemAutoGrow
+}) => ({
+  flexGrow: grow === "full" ? 1 : 0
+}));
+const removeBottomSpacing = (children) => {
+  if (children && Array.isArray(children)) {
+    return children.map((child) => cloneElement(child, {
+      bottomSpacing: spacingNone
+    }));
+  }
+  if (children && !Array.isArray(children)) {
+    return cloneElement(children, {
+      bottomSpacing: spacingNone
+    });
+  }
+  return children;
+};
+const FlexItem = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(FlexItemStyled, { ...props, children: removeBottomSpacing(children) });
+export {
+  FlexItem as default,
+  flexItemAutoGrow,
+  flexItemFullGrow
+};

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

@@ -0,0 +1,33 @@
+import { HTMLAttributes, ReactElement } from 'react';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { flexItemComponentName } from './componentName';
+export declare const flexItemFullGrow: "full";
+export declare const flexItemAutoGrow: "auto";
+export type FlexItemGrowBehavior = typeof flexItemFullGrow | typeof flexItemAutoGrow;
+/**
+ * Props for the FlexItem component.
+ * A child wrapper within a Flex container, controlling grow behavior.
+ */
+/**
+ * Content rendered inside the flex item.
+ */
+export interface FlexItemProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: ReactElement<BrixComponentProps> | Array<ReactElement<BrixComponentProps>>;
+    /**
+     * Controls whether the item grows to fill available space.
+     * - `auto`: Item width matches its content (no grow)
+     * - `full`: Item expands to fill remaining space
+     * @default auto
+     */
+    grow?: FlexItemGrowBehavior;
+    /**
+     * HTML element to render as.
+     * - `div`: Default block element
+     * - `li`: List item (when parent is `<ul>`)
+     */
+    as?: 'li' | 'div';
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof flexItemComponentName;
+}

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

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

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

@@ -0,0 +1 @@
+export declare const footnoteComponentName: "Footnote";

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

@@ -0,0 +1,4 @@
+import { FootnoteProps } from './props';
+declare const Footnote: ({ uid, heading, number, html, screenReaderLabel: _, component: __, ...props }: FootnoteProps) => import("react/jsx-runtime").JSX.Element;
+export default Footnote;
+export * from './props';

package/dist/components/Footnote/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, Fragment } from "react/jsx-runtime";
+import FootnoteContent from "../FootnoteContent/index.js";
+import { j as RichTextContentfulStyled, a as RichTextContentful } from "../../index-B39bJrc9.js";
+import Accordion from "../Accordion/index.js";
+import styled from "styled-components";
+import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
+import { a as fontWeightBold } from "../../FontWeight-C8c-UnWu.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const FootnoteStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "FootnoteStyled",
+  componentId: "sc-1cwnz3s-0"
+})({}, ({
+  number
+}) => {
+  const style = {};
+  const selector = `& > ${RichTextContentfulStyled.toString()} > :first-child::before`;
+  style[selector] = {
+    content: `"${number} "`,
+    fontWeight: getFontWeight(fontWeightBold)
+  };
+  return style;
+});
+const Footnote = ({
+  uid,
+  heading,
+  number,
+  html,
+  screenReaderLabel: _,
+  component: __,
+  ...props
+}) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Accordion, { uid: `accordion-${uid}`, heading, expanded: false, children: /* @__PURE__ */ jsx(FootnoteContent, { uid, ...props, children: /* @__PURE__ */ jsx(FootnoteStyled, { number, children: /* @__PURE__ */ jsx(RichTextContentful, { html }) }) }) }) });
+export {
+  Footnote as default
+};

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

@@ -0,0 +1,38 @@
+import { AccordionProps } from '../Accordion/props';
+import { FootnoteContentProps } from '../FootnoteContent/props';
+import { RichTextContentfulProps } from '../RichTextContentful/props';
+import { footnoteComponentName } from './componentName';
+/**
+ * This component is used in Contentful as a glue component to link an accordion with a matching heading and footnote content.
+ * Strictly speaking, it is not a component and belongs in the Contentful directory within a monorepo.
+ */
+/**
+ * Props for the Footnote component.
+ * A CMS glue component linking an accordion heading with footnote content.
+ */
+export interface FootnoteProps extends Omit<FootnoteContentProps, 'component' | 'children'> {
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof footnoteComponentName;
+    /**
+     * Unique identifier for the footnote.
+     */
+    uid: string;
+    /**
+     * Accessible label for the FootnoteLink that references this footnote.
+     */
+    screenReaderLabel: string;
+    /**
+     * Heading displayed in the accordion that wraps this footnote.
+     */
+    heading: AccordionProps['heading'];
+    /**
+     * Footnote number displayed alongside the content.
+     */
+    number: number;
+    /**
+     * Contentful rich text document for the footnote body.
+     */
+    html: RichTextContentfulProps['html'];
+}

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

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

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

@@ -0,0 +1,168 @@
+import { default as z } from 'zod';
+import { FootnoteCmsProps } from '../../contentful/props';
+import { ValidationResult } from '../../utils/validation/Validation';
+export declare const footnoteSchema: z.ZodObject<{
+    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<"Footnote">;
+    uid: z.ZodString;
+    screenReaderLabel: z.ZodString;
+    heading: 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>]>>>;
+        weight: z.ZodOptional<z.ZodEnum<{
+            light: "light";
+            bold: "bold";
+            regular: "regular";
+        }>>;
+        component: z.ZodLiteral<"Heading">;
+        uid: z.ZodString;
+        children: z.ZodString;
+        align: z.ZodOptional<z.ZodEnum<{
+            center: "center";
+            left: "left";
+        }>>;
+        tag: z.ZodOptional<z.ZodEnum<{
+            div: "div";
+            h1: "h1";
+            h2: "h2";
+            h3: "h3";
+            h4: "h4";
+            h5: "h5";
+            h6: "h6";
+            p: "p";
+            span: "span";
+        }>>;
+        footnoteLink: z.ZodOptional<z.ZodArray<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>]>>>;
+            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<"FootnoteLink">;
+            uid: z.ZodString;
+            contentUid: z.ZodString;
+            screenReaderLabel: z.ZodString;
+            children: z.ZodCustom<unknown, unknown>;
+        }, z.core.$loose>>>;
+        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>>;
+    }, z.core.$loose>;
+    linkUid: z.ZodString;
+    backlinkText: z.ZodString;
+}, z.core.$loose>;
+export declare const validateFootnoteProps: (props: unknown) => ValidationResult<FootnoteCmsProps>;
+export declare const isFootnoteProps: (props: unknown) => props is FootnoteCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const footnoteContentComponentName: "FootnoteContent";

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

@@ -0,0 +1,4 @@
+import { FootnoteContentProps } from './props';
+declare const FootnoteContent: ({ linkUid, backlinkText, children, ...props }: FootnoteContentProps) => import("react/jsx-runtime").JSX.Element;
+export default FootnoteContent;
+export * from './props';

package/dist/components/FootnoteContent/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import Link from "../Link/index.js";
+import styled, { keyframes, css } from "styled-components";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
+import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
+import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const rotate = keyframes(["0%{box-shadow:transparent 0px 0px 0px 0px;}50%{box-shadow:", " 0px 0px 2px ", ";}100%{box-shadow:transparent 0px 0px 0px 0px;}}"], getBorderColor(colorBorderFocus), getBorderWidth(borderWidthFocus));
+const FootnoteContentStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "FootnoteContentStyled",
+  componentId: "sc-p2gmdx-0"
+})({
+  marginTop: getBorderWidth(borderWidthFocus),
+  "&:target": {
+    outline: "none",
+    ...forcedColors({
+      outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
+    })
+  }
+}, css(["&:target{animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:2;animation-name:", ";}"], rotate));
+const FootnoteContent = ({
+  linkUid,
+  backlinkText,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(FootnoteContentStyled, { id: props.uid, ...props, tabIndex: -1, children: [
+  children,
+  /* @__PURE__ */ jsx(Link, { id: `back-${props.uid}`, icon: "ArrowUp", iconPosition: "right", href: `#${linkUid}`, children: backlinkText })
+] });
+export {
+  FootnoteContent as default
+};