@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/components/SuggestInput/index.js

@@ -0,0 +1,396 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useImperativeHandle, useEffect } from "react";
+import FormHelperLabel from "../FormHelperLabel/index.js";
+import FormHelperMessage from "../FormHelperMessage/index.js";
+import IconLoader from "../IconLoader/index.js";
+import { i as inputStateError } from "../../props-Czq9XX2J.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-BkCUjXbJ.js";
+import { i as iconSizeSm } from "../../IconSize-Da9zhR76.js";
+import { c as spacingSm, a as spacingXs, s as spacingMd } from "../../Spacing-Dj-qX3Z5.js";
+import Body from "../Body/index.js";
+import { e as strongTagName } from "../../tags-BeNegJAK.js";
+import styled from "styled-components";
+import Card from "../Card/index.js";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { getBodySize } from "../../foundations/token/getBodySize/index.js";
+import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
+import { getHoverColor } from "../../foundations/token/getHoverColor/index.js";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
+import { a as colorBackgroundNeutral } from "../../BackgroundColor-Ba4D10TC.js";
+import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
+import { t as textBodyMd } from "../../TextBodySize-CP9q4gRv.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+import Flex from "../Flex/index.js";
+import LoadingSpinner from "../LoadingSpinner/index.js";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { getOpacity } from "../../foundations/token/getOpacity/index.js";
+import { getTextColor } from "../../foundations/token/getTextColor/index.js";
+import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
+import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
+const calculateListMaxHeight = (numberOfVisibleItems) => {
+  return `calc((${getSpacing(spacingSm)} * 2 + ${getBodySize(textBodyMd).fontSize} * ${getBodySize(textBodyMd).lineHeight}) * ${numberOfVisibleItems})`;
+};
+const SuggestInputListWrapperStyled = styled(Card).withConfig({
+  displayName: "SuggestInputListWrapperStyled",
+  componentId: "sc-hlyy7s-0"
+})({
+  ...forcedColors({
+    background: "Field",
+    color: "fieldtext",
+    border: "none"
+  }),
+  position: "absolute",
+  maxHeight: 0,
+  overflow: "hidden",
+  transition: "max-height .2s cubic-bezier(0.445, 0.05, 0.55, 0.95)",
+  zIndex: 1,
+  height: "fit-content",
+  "&&": {
+    padding: 0,
+    height: "fit-content"
+  }
+}, ({
+  showList
+}) => {
+  if (showList) {
+    return {
+      maxHeight: calculateListMaxHeight(5)
+    };
+  }
+});
+const SuggestInputListStyled = styled.ul.withConfig({
+  displayName: "SuggestInputListStyled",
+  componentId: "sc-hlyy7s-1"
+})({
+  display: "flex",
+  flexDirection: "column",
+  overflowY: "auto",
+  maxHeight: calculateListMaxHeight(5)
+});
+const SuggestInputListItemStyled = styled.li.withConfig({
+  shouldForwardProp,
+  displayName: "SuggestInputListItemStyled",
+  componentId: "sc-hlyy7s-2"
+})({
+  padding: `${getSpacing(spacingSm)}`,
+  "&:hover": {
+    ...forcedColors({
+      background: "Field"
+    }),
+    background: getHoverColor(colorBackgroundNeutral),
+    cursor: "pointer"
+  },
+  "&:focus-visible": {
+    outline: "none"
+  }
+}, ({
+  isSelected
+}) => {
+  if (isSelected) {
+    return {
+      ...forcedColors({
+        background: "SelectedItem",
+        color: "SelectedItemText"
+      }),
+      boxShadow: `inset 0px 0px 0px 4px ${getBorderColor(colorBorderFocus)} `,
+      background: getHoverColor(colorBackgroundNeutral),
+      outline: "none"
+    };
+  }
+}, getBodySize(textBodyMd));
+const highlightQuery = (label, query) => {
+  const lowerLabel = label.toLowerCase();
+  const lowerQuery = query.toLowerCase();
+  const index = lowerLabel.indexOf(lowerQuery);
+  if (query.length > 0 && index !== -1) {
+    const beforeQuery = label.slice(0, index);
+    const afterQuery = label.slice(index + lowerQuery.length);
+    const boldQuery = /* @__PURE__ */ jsx(Body, { tag: strongTagName, children: label.slice(index, index + lowerQuery.length) }, label);
+    return [beforeQuery, boldQuery, afterQuery];
+  }
+  return label;
+};
+const SuggestInputList = ({
+  listItems,
+  showList,
+  selectedOption,
+  listItemsRef,
+  pickOption,
+  uid,
+  query
+}) => {
+  return /* @__PURE__ */ jsx(SuggestInputListWrapperStyled, { showList, children: /* @__PURE__ */ jsx(SuggestInputListStyled, { role: "listbox", id: `${uid}-listbox`, tabIndex: -1, children: listItems == null ? void 0 : listItems.map((listItem, index) => {
+    const isSelected = index === selectedOption;
+    return /* @__PURE__ */ jsx(SuggestInputListItemStyled, { ref: (el) => {
+      listItemsRef.current[index] = el;
+    }, onMouseDown: () => listItem.value ? pickOption(listItem.value) : pickOption(listItem.label), "aria-selected": isSelected ? "true" : void 0, isSelected, role: "option", id: `${uid}-item-${index}`, "data-value": listItem.value, children: highlightQuery(listItem.label, query) }, listItem.label);
+  }) }) });
+};
+const SuggestInputFormElementStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "SuggestInputFormElementStyled",
+  componentId: "sc-1pc4wjw-0"
+})({
+  position: "relative"
+}, ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout), getBodySize("md"), ({
+  disabled
+}) => {
+  if (disabled) {
+    return {
+      pointerEvents: "none",
+      opacity: getOpacity(opacityDisabled)
+    };
+  }
+  return {};
+}, getBottomSpacing);
+const SuggestInputWrapperStyled = styled(InputWrapperStyled).withConfig({
+  shouldForwardProp,
+  displayName: "SuggestInputWrapperStyled",
+  componentId: "sc-1pc4wjw-1"
+})({
+  position: "relative",
+  ":focus, :focus-visible": {
+    outline: "none"
+  }
+});
+const SuggestInputIconsBarStyled = styled(Flex).withConfig({
+  displayName: "SuggestInputIconsBarStyled",
+  componentId: "sc-1pc4wjw-2"
+})({
+  gap: `${getSpacing(spacingXs)}`,
+  flexWrap: "nowrap",
+  height: "auto"
+});
+const SuggestInputIconButtonStyled = styled.button.withConfig({
+  displayName: "SuggestInputIconButtonStyled",
+  componentId: "sc-1pc4wjw-3"
+})({
+  background: "none",
+  color: getTextColor(colorTextNeutral),
+  flexGrow: 1,
+  "&:focus-visible": {
+    boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px 4px`
+  }
+}, ({
+  disabled
+}) => {
+  if (!disabled) {
+    return {
+      "&:hover": {
+        cursor: "pointer"
+      }
+    };
+  }
+});
+const SuggestInputLoadingSpinner = styled(LoadingSpinner).withConfig({
+  displayName: "SuggestInputLoadingSpinner",
+  componentId: "sc-1pc4wjw-4"
+})({
+  ...forcedColors({
+    stroke: "FieldText"
+  })
+});
+const SuggestInputFormElement = ({
+  children,
+  ref,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(SuggestInputFormElementStyled, { ...props, ref, children });
+};
+const SuggestInput = ({
+  bottomSpacing = spacingMd,
+  loading = false,
+  label,
+  options,
+  errorMessage,
+  helperText,
+  onClose,
+  onPick,
+  onUpdate,
+  status,
+  uid,
+  disabled,
+  placeholder,
+  ref: outerRef,
+  inputGroupMode,
+  layout,
+  ...props
+}) => {
+  var _a;
+  const initialValueState = !props.value ? "" : props.value;
+  const [buttonIcon, setButtonIcon] = useState("ChevronDown");
+  const [selectedOption, setSelectedOption] = useState(-1);
+  const [showList, setShowList] = useState(false);
+  const [confirmedValue, setConfirmedValue] = useState(initialValueState);
+  const [value, setValue] = useState(initialValueState);
+  const messageId = `text-${uid}`;
+  const inputId = `suggest-input-${uid}`;
+  const inputProps = {
+    ...props,
+    type: "text",
+    id: uid,
+    "aria-describedby": inputStateError !== status && helperText || inputStateError === status && errorMessage ? messageId : void 0,
+    "aria-invalid": inputStateError === status ? true : void 0
+  };
+  const inputRef = useRef(null);
+  useImperativeHandle(outerRef, () => inputRef.current, []);
+  const formElementRef = useRef(null);
+  const listItemsRef = useRef([]);
+  useEffect(() => {
+    showList ? setButtonIcon("Close") : setButtonIcon("ChevronDown");
+    if (!showList) {
+      setSelectedOption(-1);
+    }
+  }, [showList]);
+  useEffect(() => {
+    if (props.value === void 0) {
+      return;
+    }
+    setValue(props.value);
+    setConfirmedValue(props.value);
+  }, [props.value]);
+  useEffect(() => {
+    var _a2;
+    document.addEventListener("click", onClick);
+    (_a2 = formElementRef.current) == null ? void 0 : _a2.addEventListener("keydown", onKeyDown);
+    return () => {
+      var _a3;
+      document.removeEventListener("click", onClick);
+      (_a3 = formElementRef.current) == null ? void 0 : _a3.removeEventListener("keydown", onKeyDown);
+    };
+  });
+  const closeList = () => {
+    setValue(confirmedValue);
+    setShowList(false);
+    onClose && onClose();
+  };
+  const filterItems = (option) => {
+    if (props.filterOptions) {
+      return props.filterOptions(value, option);
+    }
+    const queryString = value.trim().toLowerCase();
+    const optionString = option.trim().toLowerCase();
+    return optionString.includes(queryString);
+  };
+  const sortItems = (value2, a, b) => {
+    if (props.sortOptions) {
+      return props.sortOptions(value2, a, b);
+    }
+    if (a === b) {
+      return 0;
+    }
+    if (a > b) {
+      return 1;
+    }
+    return -1;
+  };
+  const visibleOptions = (options ?? []).filter((listItem) => filterItems(listItem.label)).sort((a, b) => sortItems(value, a.label, b.label));
+  const handleChange = (userInput) => {
+    if (!showList && !loading) setShowList(true);
+    setValue(userInput);
+    setSelectedOption(-1);
+    if (userInput === "") setConfirmedValue("");
+    onUpdate && onUpdate(userInput);
+  };
+  const pickOption = (value2) => {
+    var _a2;
+    const pickedListItem = options == null ? void 0 : options.find((listItem) => listItem.value ? listItem.value === value2 : listItem.label === value2);
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    setShowList(false);
+    setValue(value2);
+    setConfirmedValue(value2);
+    onPick && pickedListItem && onPick(pickedListItem);
+    onClose && onClose();
+  };
+  const onClick = (event) => {
+    if (formElementRef.current && !formElementRef.current.contains(event.target) && showList && !formElementRef.current.contains(document.activeElement)) {
+      formElementRef.current.blur();
+      closeList();
+    }
+  };
+  const moveToOption = (option) => {
+    option.focus();
+    option.scrollIntoView({
+      block: "nearest",
+      inline: "nearest"
+    });
+  };
+  const onKeyDown = (event) => {
+    var _a2;
+    switch (event.key) {
+      case "ArrowDown":
+        if (!showList) setShowList(true);
+        if (visibleOptions.length > 0 && listItemsRef.current[selectedOption + 1]) {
+          moveToOption(listItemsRef.current[selectedOption + 1]);
+          setSelectedOption(selectedOption + 1);
+        } else {
+          moveToOption(listItemsRef.current[0]);
+          setSelectedOption(0);
+        }
+        break;
+      case "ArrowUp":
+        if (!showList) setShowList(true);
+        if (visibleOptions.length > 0 && listItemsRef.current[selectedOption - 1]) {
+          moveToOption(listItemsRef.current[selectedOption - 1]);
+          setSelectedOption(selectedOption - 1);
+        } else if (visibleOptions.length) {
+          moveToOption(listItemsRef.current[visibleOptions.length - 1]);
+          setSelectedOption(visibleOptions.length - 1);
+        }
+        break;
+      case "Enter": {
+        if (!showList) break;
+        const selectedItem = selectedOption > -1 ? listItemsRef.current[selectedOption] : void 0;
+        if (!(selectedItem == null ? void 0 : selectedItem.dataset.value)) {
+          closeList();
+          break;
+        }
+        pickOption(selectedItem.dataset.value);
+        (_a2 = inputRef.current) == null ? void 0 : _a2.setSelectionRange(value.length, value.length);
+        break;
+      }
+      case "Escape":
+        if (showList) {
+          closeList();
+        }
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsxs(SuggestInputFormElement, { ref: formElementRef, bottomSpacing, disabled, layout, children: [
+    !inputGroupMode && /* @__PURE__ */ jsx(FormHelperLabel, { label, uid: inputId }),
+    /* @__PURE__ */ jsxs(SuggestInputWrapperStyled, { status, bottomSpacing: inputStateError !== status && helperText || inputStateError === status && errorMessage ? spacingXs : void 0, children: [
+      /* @__PURE__ */ jsx(InputStyled, { ...inputProps, ref: inputRef, onChange: (e) => handleChange(e.target.value), onClick: () => {
+        if (disabled) return;
+        setShowList(true);
+      }, onBlur: (e) => {
+        var _a2;
+        (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, e);
+        setShowList(false);
+      }, role: "combobox", value: ((_a = options == null ? void 0 : options.find((listItem) => listItem.value === value)) == null ? void 0 : _a.label) || value, ...{
+        "aria-expanded": showList,
+        "aria-controls": `${uid}-listbox`,
+        "aria-activedescendant": selectedOption > -1 ? `${uid}-item-${selectedOption}` : void 0,
+        "aria-busy": loading ? loading : void 0,
+        "aria-autocomplete": "list"
+      }, disabled, placeholder, id: inputId, "aria-label": inputGroupMode && typeof label === "string" ? label : void 0 }),
+      /* @__PURE__ */ jsxs(SuggestInputIconsBarStyled, { children: [
+        /* @__PURE__ */ jsx(SuggestInputLoadingSpinner, { size: "xs", active: loading }),
+        options && options.length > 0 && /* @__PURE__ */ jsx(SuggestInputIconButtonStyled, { type: "button", onClick: () => {
+          if (disabled) return;
+          showList ? closeList() : setShowList(true);
+        }, tabIndex: -1, disabled, children: /* @__PURE__ */ jsx(IconLoader, { size: iconSizeSm, name: buttonIcon }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(SuggestInputList, { listItems: visibleOptions, listItemsRef, pickOption, query: value, showList, selectedOption, uid, ...{
+      "aria-label": label
+    } }),
+    /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
+  ] });
+};
+export {
+  SuggestInput as default
+};

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

@@ -0,0 +1,50 @@
+import { InputHTMLAttributes, Ref } from 'react';
+import { InputSharedProps } from '../Input/props';
+import { suggestInputComponentName } from './componentName';
+/**
+ * Props for a single suggestion option.
+ */
+export interface SuggestInputOptionProps {
+    label: string;
+    value?: string;
+}
+/**
+ * Props for the SuggestInput component.
+ * A text input with autocomplete suggestions dropdown.
+ */
+export interface SuggestInputProps extends InputSharedProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'accept' | 'alt' | 'capture' | 'checked' | 'formEncType' | 'formTarget' | 'height' | 'max' | 'min' | 'multiple' | 'size' | 'step' | 'type' | 'width' | 'readOnly'> {
+    ref?: Ref<HTMLInputElement>;
+    value?: string;
+    /**
+     * Array of items that are possible values for the input
+     */
+    options?: SuggestInputOptionProps[];
+    /**
+     * function that is called on every change
+     */
+    onUpdate?: (value: string) => void;
+    /**
+     * function that is called when an option from the list is picked
+     */
+    onPick?: (value: SuggestInputOptionProps) => void;
+    /**
+     * function that is called when the input or the list is closed (either by clicking the close button or escape key)
+     */
+    onClose?: () => void;
+    /**
+     * Declares whether the suggest input is loading (e.g. for an API request) at the moment
+     */
+    loading?: boolean;
+    /**
+     * Pin component's name
+     */
+    component?: typeof suggestInputComponentName;
+    filterOptions?: (query: string, item: string) => boolean;
+    sortOptions?(query: string, a: string, b: string): number;
+    /**
+     * 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;
+}

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

@@ -0,0 +1,27 @@
+import { FormElementProps } from '../FormElement/props';
+import { InputStatus } from '../Input/props';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { SuggestInputProps } from './props';
+export declare const SuggestInputFormElementStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FormElementProps> & FormElementProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FormElementProps> & FormElementProps, never>>> & string;
+export declare const SuggestInputWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BrixComponentProps | "status" | "readOnly"> & BrixComponentProps & Pick<import('../Input/props').InputProps, "readOnly"> & {
+    status?: InputStatus;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BrixComponentProps | "status" | "readOnly"> & BrixComponentProps & Pick<import('../Input/props').InputProps, "readOnly"> & {
+    status?: InputStatus;
+}, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, keyof BrixComponentProps | "status"> & BrixComponentProps & {
+    status?: InputStatus;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BrixComponentProps | "status" | "readOnly"> & BrixComponentProps & Pick<import('../Input/props').InputProps, "readOnly"> & {
+    status?: InputStatus;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BrixComponentProps | "status" | "readOnly"> & BrixComponentProps & Pick<import('../Input/props').InputProps, "readOnly"> & {
+    status?: InputStatus;
+}, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, keyof BrixComponentProps | "status"> & BrixComponentProps & {
+    status?: InputStatus;
+}, never>>> & string;
+export declare const SuggestInputIconsBarStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Flex').FlexProps, never> & Partial<Pick<import('../Flex').FlexProps, never>>> & string & Omit<({ children, tag, ...props }: import('../Flex').FlexProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const SuggestInputIconButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled"> & Pick<SuggestInputProps, "disabled">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled"> & Pick<SuggestInputProps, "disabled">, never>>> & string;
+export declare const SuggestInputLoadingSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../LoadingSpinner').LoadingSpinnerProps, never> & Partial<Pick<import('../LoadingSpinner').LoadingSpinnerProps, never>>> & string & Omit<({ size, label, overlay, children, bottomSpacing, active, fullPage, screenReaderLabel, screenReaderLabelCompleted, getContentElements, ...props }: import('../LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

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

@@ -0,0 +1,161 @@
+import { default as z } from 'zod';
+import { CmsProps } from '../../foundations/BrixComponentProps';
+import { ValidationResult } from '../../utils/validation/Validation';
+import { SuggestInputProps } from './props';
+export type SuggestInputCmsProps = CmsProps<SuggestInputProps>;
+export declare const suggestInputOptionSchema: z.ZodObject<{
+    label: z.ZodString;
+    value: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const suggestInputSchema: 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<"SuggestInput">;
+    value: z.ZodOptional<z.ZodString>;
+    options: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
+    loading: z.ZodOptional<z.ZodBoolean>;
+    onUpdate: z.ZodOptional<z.ZodNever>;
+    onPick: z.ZodOptional<z.ZodNever>;
+    onClose: z.ZodOptional<z.ZodNever>;
+    filterOptions: z.ZodOptional<z.ZodNever>;
+    sortOptions: z.ZodOptional<z.ZodNever>;
+}, z.core.$loose>;
+export declare const validateSuggestInputProps: (props: unknown) => ValidationResult<SuggestInputCmsProps>;
+export declare const isSuggestInputProps: (props: unknown) => props is SuggestInputCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const switchComponentName: "Switch";

package/dist/components/Switch/getHandleIcon.d.ts

@@ -0,0 +1 @@
+export declare const getHandleIcon: (checked: boolean) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { SwitchProps } from './props';
+declare const Switch: ({ uid, label, onUpdate, disabled, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default Switch;
+export * from './props';