@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/components/SelectInput/index.js

@@ -0,0 +1,163 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { bf as ChevronDownIcon } from "../../_5gPlusIcon-CuQyn-Mb.js";
+import FormElement from "../FormElement/index.js";
+import FormHelperLabel from "../FormHelperLabel/index.js";
+import FormHelperMessage from "../FormHelperMessage/index.js";
+import { i as inputStateError } from "../../props-Czq9XX2J.js";
+import { i as iconSizeSm } from "../../IconSize-Da9zhR76.js";
+import { a as spacingXs, c as spacingSm, s as spacingMd } from "../../Spacing-Dj-qX3Z5.js";
+import styled from "styled-components";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
+import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
+import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
+import { g as getSpacing, c as capitalize } from "../../index-l-i-mIeP.js";
+import { getTextColor } from "../../foundations/token/getTextColor/index.js";
+import { a as colorBackgroundNeutral } from "../../BackgroundColor-Ba4D10TC.js";
+import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../BorderColor-BACbvI20.js";
+import { b as borderRadiusMd } from "../../BorderRadius-0jhn76gB.js";
+import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
+import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const SelectInputWrapperStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "SelectInputWrapperStyled",
+  componentId: "sc-7k4bkw-0"
+})({
+  position: "relative",
+  ":focus, :focus-visible": {
+    outline: "none"
+  }
+}, ({
+  bottomSpacing
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const SelectInputStyled = styled.select.withConfig({
+  shouldForwardProp,
+  displayName: "SelectInputStyled",
+  componentId: "sc-7k4bkw-1"
+})({
+  ...forcedColors({
+    border: "1px solid FieldText",
+    background: "Field"
+  }),
+  display: "flex",
+  justifyItems: "center",
+  alignItems: "center",
+  gap: `${getSpacing(spacingXs)}`,
+  // Right padding needs to be larger as thats where the absolutely positioned icon is
+  padding: `${getSpacing(spacingXs)} calc(${getSpacing(spacingSm)} + ${getCssVar(`iconSize${capitalize(iconSizeSm)}`)}) ${getSpacing(spacingXs)} ${getSpacing(spacingSm)}`,
+  borderRadius: getBorderRadius(borderRadiusMd),
+  backgroundColor: getBackgroundColor(colorBackgroundNeutral),
+  color: getTextColor(colorTextNeutral),
+  width: "100%",
+  fontFamily: getCssVar("font-family"),
+  border: "none",
+  height: "44px",
+  zIndex: 0
+}, ({
+  status
+}) => {
+  if (!status) {
+    return {
+      boxShadow: `inset ${getBorderColor(colorBorderUnselected)} 0px 0px 0px 1px`,
+      "&:focus-within, &:focus-visible": {
+        ...forcedColors({
+          outline: "4px solid CanvasText"
+        }),
+        boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px 4px, inset ${getBorderColor(colorBorderNeutral)} 0px 0px 0px 1px`,
+        outline: "none"
+      }
+    };
+  }
+  if ("success" === status) {
+    return {
+      boxShadow: `inset ${getBorderColor(colorBorderSuccess)} 0px 0px 0px 2px`,
+      // Right padding needs to be even larger here as we get a second icon for the status
+      paddingRight: `calc(${getSpacing(spacingSm)} + 2*${getCssVar(`iconSize${capitalize(iconSizeSm)}`)} + ${getSpacing(spacingXs)})`,
+      "&:focus-within, &:focus-visible": {
+        ...forcedColors({
+          outline: "4px solid CanvasText"
+        }),
+        boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px 4px, inset ${getBorderColor(colorBorderSuccess)} 0px 0px 0px 2px`,
+        outline: "none"
+      }
+    };
+  }
+  if ("error" === status) {
+    return {
+      boxShadow: `inset ${getBorderColor(colorBorderCritical)} 0px 0px 0px 2px`,
+      // Right padding needs to be even larger here as we get a second icon for the status
+      paddingRight: `calc(${getSpacing(spacingSm)} + 2*${getCssVar(`iconSize${capitalize(iconSizeSm)}`)} + ${getSpacing(spacingXs)})`,
+      "&:focus-within, &:focus-visible": {
+        ...forcedColors({
+          outline: "4px solid CanvasText"
+        }),
+        boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px 4px, inset ${getBorderColor(colorBorderCritical)} 0px 0px 0px 2px`,
+        outline: "none"
+      }
+    };
+  }
+}, getHeadingSize("xs"));
+const SelectInputIconsBarStyled = styled.div.withConfig({
+  displayName: "SelectInputIconsBarStyled",
+  componentId: "sc-7k4bkw-2"
+})({
+  ...forcedColors({
+    color: "FieldText"
+  }),
+  position: "absolute",
+  top: `calc(50% - (${getCssVar(`iconSize${capitalize(iconSizeSm)}`)}/2))`,
+  right: `${getSpacing(spacingSm)}`,
+  display: "flex",
+  gap: `${getSpacing(spacingXs)}`,
+  pointerEvents: "none"
+});
+const SelectInput = ({
+  uid,
+  label,
+  status,
+  errorMessage,
+  helperText,
+  options,
+  onUpdate,
+  disabled = false,
+  bottomSpacing = spacingMd,
+  ref,
+  inputGroupMode,
+  layout,
+  ...props
+}) => {
+  const messageId = `text-${uid}`;
+  const selectInputProps = {
+    ...props,
+    disabled,
+    status,
+    id: uid,
+    "aria-describedby": inputStateError === status ? errorMessage : helperText
+  };
+  const onChange = (event) => {
+    if (!onUpdate) {
+      return;
+    }
+    onUpdate(event.target.value);
+  };
+  const optionsHtml = options.map((option) => {
+    return /* @__PURE__ */ jsx("option", { value: option.value, "aria-label": option["aria-label"], children: option.label }, option.value);
+  });
+  return /* @__PURE__ */ jsxs(FormElement, { className: props.className, bottomSpacing, disabled, layout, children: [
+    !inputGroupMode && /* @__PURE__ */ jsx(FormHelperLabel, { label, uid }),
+    /* @__PURE__ */ jsxs(SelectInputWrapperStyled, { bottomSpacing: inputStateError !== status && helperText || inputStateError === status && errorMessage ? spacingXs : void 0, children: [
+      /* @__PURE__ */ jsx(SelectInputStyled, { ...selectInputProps, ref, onChange, "aria-describedby": inputStateError !== status && helperText || inputStateError === status && errorMessage ? `text-${uid}` : props["aria-describedby"], "aria-invalid": status === inputStateError, "aria-label": inputGroupMode && typeof label === "string" ? label : void 0, children: optionsHtml }),
+      /* @__PURE__ */ jsx(SelectInputIconsBarStyled, { children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: iconSizeSm }) })
+    ] }),
+    /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
+  ] });
+};
+export {
+  SelectInput as default
+};

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

@@ -0,0 +1,45 @@
+import { OptionHTMLAttributes, Ref, SelectHTMLAttributes } from 'react';
+import { InputSharedProps, InputStatus } from '../Input/props';
+import { selectInputComponentName } from './componentName';
+/**
+ * Props for a single option within a SelectInput dropdown.
+ */
+export interface SelectInputOptionProps extends Omit<OptionHTMLAttributes<HTMLOptionElement>, 'children'> {
+    /**
+     * The visible text displayed for this option.
+     */
+    label: string;
+    /**
+     * The value submitted when this option is selected.
+     */
+    value: string;
+}
+/**
+ * Props for the SelectInput component.
+ * Renders a native `<select>` dropdown with label, validation states, and helper text.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/input-and-selection-selectinput--docs} SelectInput stories
+ */
+export interface SelectInputProps extends InputSharedProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, 'children'> {
+    ref?: Ref<HTMLSelectElement>;
+    /**
+     * List of selectable options displayed in the dropdown.
+     */
+    options: SelectInputOptionProps[];
+    /**
+     * Callback fired on every selection change. Receives the selected value as a string.
+     */
+    onUpdate?: (value: string) => void;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof selectInputComponentName;
+    /**
+     * Enables rendering behavior required when this component is used within an InputGroup.
+     * @internal Intended for internal library use only. Do not use directly.
+     * When enabled, the label and status icon are hidden.
+     */
+    inputGroupMode?: boolean;
+}
+export type SelectHTMLAttributesWithStatus = SelectHTMLAttributes<HTMLSelectElement> & {
+    status?: InputStatus;
+};

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

@@ -0,0 +1,8 @@
+import { SelectInputProps } from './props';
+export declare const SelectInputWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "bottomSpacing"> & Pick<SelectInputProps, "bottomSpacing">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "bottomSpacing"> & Pick<SelectInputProps, "bottomSpacing">, never>>> & string;
+export declare const SelectInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "status" | keyof import('react').SelectHTMLAttributes<HTMLSelectElement>> & import('react').SelectHTMLAttributes<HTMLSelectElement> & {
+    status?: import('../Input').InputStatus;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "status" | keyof import('react').SelectHTMLAttributes<HTMLSelectElement>> & import('react').SelectHTMLAttributes<HTMLSelectElement> & {
+    status?: import('../Input').InputStatus;
+}, never>>> & string;
+export declare const SelectInputIconsBarStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

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

@@ -0,0 +1,155 @@
+import { default as z } from 'zod';
+import { CmsProps } from '../../foundations/BrixComponentProps';
+import { ValidationResult } from '../../utils/validation/Validation';
+import { SelectInputProps } from './props';
+export type SelectInputCmsProps = CmsProps<SelectInputProps>;
+export declare const selectInputOptionSchema: z.ZodObject<{
+    label: z.ZodString;
+    value: z.ZodString;
+}, z.core.$strip>;
+export declare const selectInputSchema: 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>]>>>;
+    uid: z.ZodString;
+    label: z.ZodUnion<readonly [z.ZodString, 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<"Label">;
+        children: z.ZodUnknown;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+        htmlFor: z.ZodOptional<z.ZodString>;
+    }, z.core.$loose>]>;
+    status: z.ZodOptional<z.ZodEnum<{
+        error: "error";
+        success: "success";
+    }>>;
+    errorMessage: z.ZodOptional<z.ZodString>;
+    helperText: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodBoolean>;
+    required: z.ZodOptional<z.ZodBoolean>;
+    component: z.ZodLiteral<"SelectInput">;
+    options: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodString;
+    }, z.core.$strip>>;
+    onUpdate: z.ZodOptional<z.ZodNever>;
+}, z.core.$loose>;
+export declare const validateSelectInputProps: (props: unknown) => ValidationResult<SelectInputCmsProps>;
+export declare const isSelectInputProps: (props: unknown) => props is SelectInputCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const smoothScrollAreaComponentName: "SmoothScrollArea";

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

@@ -0,0 +1,14 @@
+import { SmoothScrollAreaProps } from './props';
+/**
+ * A container component that enables smooth scrolling behavior
+ * for its child content.
+ * to provide a more polished scrolling experience for in-page navigation.
+ *
+ * @todo This should not be part of the pattern library in a Next.js context.
+ *       Move this logic into the layout components such as Header or Footer,
+ *       where scroll behavior is globally managed.
+ *       Wherever --navi-height is maintained is a great canidate to host this ;)
+ */
+declare const SmoothScrollArea: (props: SmoothScrollAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default SmoothScrollArea;
+export * from './props';

package/dist/components/SmoothScrollArea/index.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import styled from "styled-components";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const SmoothScrollAreaStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "SmoothScrollAreaStyled",
+  componentId: "sc-ax1jlw-0"
+})({});
+const SmoothScrollArea = (props) => {
+  useEffect(() => {
+    const rootElement = document.getElementsByTagName("html")[0];
+    rootElement.style.scrollBehavior = "smooth";
+    rootElement.style.scrollPaddingTop = "var(--header-height)";
+  }, []);
+  return /* @__PURE__ */ jsx(SmoothScrollAreaStyled, { ...props });
+};
+export {
+  SmoothScrollArea as default
+};

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+import { smoothScrollAreaComponentName } from './componentName';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+/**
+ * Props for the SmoothScrollArea component.
+ * A container with smooth-scroll behavior and fade edges indicating overflow.
+ */
+export interface SmoothScrollAreaProps extends Omit<BrixComponentProps, 'bottomSpacing'>, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof smoothScrollAreaComponentName;
+}

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

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

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

@@ -0,0 +1,43 @@
+import { default as z } from 'zod';
+import { CmsProps } from '../../foundations/BrixComponentProps';
+import { ValidationResult } from '../../utils/validation/Validation';
+import { SmoothScrollAreaProps } from './props';
+export type SmoothScrollAreaCmsProps = CmsProps<SmoothScrollAreaProps>;
+export declare const smoothScrollAreaSchema: 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<"SmoothScrollArea">;
+}, z.core.$loose>;
+export declare const validateSmoothScrollAreaProps: (props: unknown) => ValidationResult<SmoothScrollAreaCmsProps>;
+export declare const isSmoothScrollAreaProps: (props: unknown) => props is SmoothScrollAreaCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const stepperComponentName: "Stepper";

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

@@ -0,0 +1,4 @@
+import { StepperProps } from './props';
+declare const Stepper: ({ currentStep, steps, ariaLabelTemplate, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export default Stepper;
+export * from './props';