@vodafone_de/publish-test 0.0.1 → 53.0.0

package/dist/components/Checkbox/index.js

@@ -0,0 +1,220 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import FormHelperMessage from "../FormHelperMessage/index.js";
+import { i as inputStateError } from "../../props-Czq9XX2J.js";
+import styled from "styled-components";
+import Label from "../Label/index.js";
+import { translateLayoutPropsToCss } from "../../foundations/layout/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 { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
+import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { getIconColor } from "../../foundations/token/getIconColor/index.js";
+import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
+import { getOpacity } from "../../foundations/token/getOpacity/index.js";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
+import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
+import { c as borderRadiusSm } from "../../BorderRadius-0jhn76gB.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
+import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
+import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const CheckboxLabelStyled = styled(Label).withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxLabelStyled",
+  componentId: "sc-1rfo9dr-0"
+})({
+  cursor: "pointer"
+});
+const CheckboxOuterContainerStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxOuterContainerStyled",
+  componentId: "sc-1rfo9dr-1"
+})(({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}), ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const CheckboxInnerContainerStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxInnerContainerStyled",
+  componentId: "sc-1rfo9dr-2"
+})({
+  display: "flex",
+  alignItems: "center",
+  gap: getSpacing(spacingXs)
+}, ({
+  hasMessage
+}) => {
+  return {
+    marginBottom: hasMessage ? getSpacing(spacingMd) : getSpacing(spacingNone)
+  };
+}, ({
+  disabled
+}) => {
+  if (disabled) {
+    return {
+      pointerEvents: "none",
+      opacity: getOpacity(opacityDisabled)
+    };
+  }
+});
+const CheckboxStyled = styled.span.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxStyled",
+  componentId: "sc-1rfo9dr-3"
+})({
+  position: "relative",
+  width: `calc(${getBodySize("md").fontSize} * ${getBodySize("md").lineHeight})`,
+  height: `calc(${getBodySize("md").fontSize} * ${getBodySize("md").lineHeight})`,
+  cursor: "pointer",
+  borderRadius: getBorderRadius(borderRadiusSm),
+  "&:has(:focus-visible)": {
+    svg: {
+      outline: `${getBorderWidth(borderWidthFocus)} solid ${getBorderColor(colorBorderFocus)}`,
+      borderRadius: getBorderRadius(borderRadiusSm),
+      ...forcedColors({
+        outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
+      })
+    }
+  }
+});
+const CheckboxSVGStyled = styled.svg.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxSVGStyled",
+  componentId: "sc-1rfo9dr-4"
+})({
+  fill: "none",
+  width: "inherit",
+  height: "inherit"
+});
+const CheckboxUncheckedSVGStyled = styled.path.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxUncheckedSVGStyled",
+  componentId: "sc-1rfo9dr-5"
+})({
+  fill: getObjectColor("colorObjectInverse")
+}, forcedColors({
+  fill: "Field"
+}), ({
+  status
+}) => {
+  return {
+    stroke: status === "error" ? getBorderColor("colorBorderCritical") : getBorderColor("colorBorderUnselected"),
+    ...forcedColors({
+      stroke: "FieldText"
+    })
+  };
+});
+const CheckboxCheckedBorderPathStyled = styled.path.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxCheckedBorderPathStyled",
+  componentId: "sc-1rfo9dr-6"
+})(({
+  status
+}) => {
+  return {
+    stroke: status === "error" ? getBorderColor("colorBorderCritical") : getBorderColor("colorBorderSelected"),
+    ...forcedColors({
+      stroke: "FieldText"
+    })
+  };
+});
+const CheckboxCheckedFillingPathStyled = styled.path.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxCheckedFillingPathStyled",
+  componentId: "sc-1rfo9dr-7"
+})({
+  fill: getObjectColor("colorObjectSelected")
+}, forcedColors({
+  fill: "FieldText"
+}));
+const CheckboxCheckedTickPathStyled = styled.path.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxCheckedTickPathStyled",
+  componentId: "sc-1rfo9dr-8"
+})({
+  stroke: getIconColor("colorIconInverseStatic")
+}, forcedColors({
+  stroke: "Field"
+}));
+const CheckboxInputStyled = styled.input.withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxInputStyled",
+  componentId: "sc-1rfo9dr-9"
+})({
+  position: "absolute",
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  zIndex: 1,
+  margin: 0,
+  padding: 0,
+  cursor: "inherit",
+  appearance: "none",
+  "&:focus, &:focus-visible": {
+    outline: "none"
+  }
+});
+const CheckedBox = ({
+  status
+}) => /* @__PURE__ */ jsxs(CheckboxSVGStyled, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", children: [
+  /* @__PURE__ */ jsx(CheckboxCheckedFillingPathStyled, { d: "M0 3C0 1.34315 1.34315 0 3 0H17C18.6569 0 20 1.34315 20 3V17C20 18.6569 18.6569 20 17 20H3C1.34315 20 0 18.6569 0 17V3Z" }),
+  /* @__PURE__ */ jsx(CheckboxCheckedBorderPathStyled, { status, d: "M0.5 3C0.5 1.61929 1.61929 0.5 3 0.5H17C18.3807 0.5 19.5 1.61929 19.5 3V17C19.5 18.3807 18.3807 19.5 17 19.5H3C1.61929 19.5 0.5 18.3807 0.5 17V3Z" }),
+  /* @__PURE__ */ jsx(CheckboxCheckedTickPathStyled, { d: "M15 6L8.15789 13L5 9.76923", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+const UncheckedBox = ({
+  status
+}) => /* @__PURE__ */ jsx(CheckboxSVGStyled, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(CheckboxUncheckedSVGStyled, { status, d: "M0.5 3C0.5 1.61929 1.61929 0.5 3 0.5H17C18.3807 0.5 19.5 1.61929 19.5 3V17C19.5 18.3807 18.3807 19.5 17 19.5H3C1.61929 19.5 0.5 18.3807 0.5 17V3Z" }) });
+const Checkbox = ({
+  uid,
+  status,
+  label,
+  errorMessage,
+  helperText,
+  onUpdate,
+  disabled,
+  bottomSpacing,
+  ...props
+}) => {
+  const [checked, setChecked] = useState(true === props.checked);
+  useEffect(() => {
+    if (checked === props.checked) {
+      return;
+    }
+    setChecked(true === props.checked);
+  }, [props.checked]);
+  const messageId = `text-${uid}`;
+  const inputProps = {
+    ...props,
+    id: uid,
+    "aria-describedby": inputStateError !== status && helperText || inputStateError === status && errorMessage ? messageId : void 0,
+    "aria-invalid": inputStateError === status ? true : void 0
+  };
+  const handleChange = (event) => {
+    setChecked(!checked);
+    if (!onUpdate) {
+      return;
+    }
+    onUpdate(event.target.value, event.target.checked === true);
+  };
+  return /* @__PURE__ */ jsxs(CheckboxOuterContainerStyled, { className: props.className, bottomSpacing, layout: props.layout, children: [
+    /* @__PURE__ */ jsxs(CheckboxInnerContainerStyled, { hasMessage: inputStateError !== status && helperText || inputStateError === status && errorMessage ? true : false, disabled, children: [
+      /* @__PURE__ */ jsxs(CheckboxStyled, { children: [
+        /* @__PURE__ */ jsx(CheckboxInputStyled, { ...inputProps, type: "checkbox", onChange: handleChange, checked, disabled }),
+        checked ? /* @__PURE__ */ jsx(CheckedBox, { status }) : /* @__PURE__ */ jsx(UncheckedBox, { status })
+      ] }),
+      /* @__PURE__ */ jsx(CheckboxLabelStyled, { htmlFor: uid, children: label })
+    ] }),
+    (inputStateError !== status && helperText || inputStateError === status && errorMessage) && /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
+  ] });
+};
+export {
+  Checkbox as default
+};

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

@@ -0,0 +1,26 @@
+import { InputHTMLAttributes } from 'react';
+import { checkboxComponentName } from './componentName';
+import { InputSharedProps } from '../Input/props';
+/**
+ * Props for the Checkbox component.
+ * A single checkbox input with label and validation support.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/input-and-selection-checkbox--docs} Checkbox stories
+ */
+export interface CheckboxProps extends InputSharedProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'children'> {
+    /**
+     * Value submitted with the form when this checkbox is checked.
+     */
+    value: string;
+    /**
+     * Label text displayed next to the checkbox.
+     */
+    label: string;
+    /**
+     * Callback fired when the checkbox state changes. Receives the value and new checked state.
+     */
+    onUpdate?: (value: string, checked: boolean) => void;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof checkboxComponentName;
+}

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

@@ -0,0 +1,15 @@
+import { CheckboxProps } from './props';
+export declare const CheckboxLabelStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Label').LabelProps, never> & Partial<Pick<import('../Label').LabelProps, never>>> & string & Omit<({ children, ...props }: import('../Label').LabelProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const CheckboxOuterContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "layout" | "bottomSpacing"> & Pick<CheckboxProps, "layout" | "bottomSpacing">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "layout" | "bottomSpacing"> & Pick<CheckboxProps, "layout" | "bottomSpacing">, never>>> & string;
+export declare const CheckboxInnerContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "hasMessage"> & Pick<CheckboxProps, "disabled"> & {
+    hasMessage: boolean;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "hasMessage"> & Pick<CheckboxProps, "disabled"> & {
+    hasMessage: boolean;
+}, never>>> & string;
+export declare const CheckboxStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const CheckboxSVGStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, never> & Partial<Pick<import('react').SVGProps<SVGSVGElement>, never>>> & string;
+export declare const CheckboxUncheckedSVGStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, "status"> & Pick<CheckboxProps, "status">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, "status"> & Pick<CheckboxProps, "status">, never>>> & string;
+export declare const CheckboxCheckedBorderPathStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, "status"> & Pick<CheckboxProps, "status">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').SVGProps<SVGPathElement>, "status"> & Pick<CheckboxProps, "status">, never>>> & string;
+export declare const CheckboxCheckedFillingPathStyled: 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 CheckboxCheckedTickPathStyled: 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 CheckboxInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;

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

@@ -0,0 +1,82 @@
+import { default as z } from 'zod';
+import { CmsProps } from '../../foundations/BrixComponentProps';
+import { ValidationResult } from '../../utils/validation/Validation';
+import { CheckboxProps } from './props';
+export type CheckboxCmsProps = CmsProps<CheckboxProps>;
+export declare const checkboxSchema: 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;
+    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<"Checkbox">;
+    value: z.ZodString;
+    label: z.ZodString;
+    onUpdate: z.ZodOptional<z.ZodNever>;
+}, z.core.$loose>;
+export declare const validateCheckboxProps: (props: unknown) => ValidationResult<CheckboxCmsProps>;
+export declare const isCheckboxProps: (props: unknown) => props is CheckboxCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const checkboxGroupComponentName: "CheckboxGroup";

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

@@ -0,0 +1,4 @@
+import { CheckboxGroupProps } from './props';
+declare const CheckboxGroup: ({ component: _component, checkboxes, onUpdate, status, disabled, orientation, ...props }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxGroup;
+export * from './props';

package/dist/components/CheckboxGroup/index.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, createElement } from "react";
+import Checkbox from "../Checkbox/index.js";
+import Fieldset from "../Fieldset/index.js";
+import { s as spacingMd, g as spacingLg, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
+import styled from "styled-components";
+import { F as FlexStyled } from "../../styled-DyZTV652.js";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+const CheckboxGroupStyled = styled(FlexStyled).withConfig({
+  shouldForwardProp,
+  displayName: "CheckboxGroupStyled",
+  componentId: "sc-bnxhan-0"
+})({
+  rowGap: getSpacing(spacingMd),
+  columnGap: getSpacing(spacingLg)
+}, getBottomSpacing({
+  bottomSpacing: spacingMd
+}), ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const CheckboxGroup = ({
+  component: _component,
+  checkboxes,
+  onUpdate,
+  status,
+  disabled,
+  orientation,
+  ...props
+}) => {
+  const initialCheckedState = () => checkboxes.filter((checkboxes2) => checkboxes2.checked).map((checkboxes2) => checkboxes2.value);
+  const [checkedValues, setCheckedValues] = useState(initialCheckedState());
+  useEffect(() => {
+    const values = checkboxes.filter((checkboxes2) => checkboxes2.checked).map((checkboxes2) => checkboxes2.value);
+    if (checkedValues === values) {
+      return;
+    }
+    setCheckedValues(values);
+  }, [checkboxes]);
+  const handleUpdate = (value, isChecked) => {
+    let update = checkedValues;
+    if (isChecked) {
+      update.push(value);
+    } else {
+      update = update.filter((val) => val !== value);
+    }
+    setCheckedValues(update);
+    if (onUpdate) {
+      onUpdate(update);
+    }
+  };
+  return /* @__PURE__ */ jsx(Fieldset, { ...props, status, disabled, children: /* @__PURE__ */ jsx(CheckboxGroupStyled, { orientation, children: checkboxes.map((checkbox) => {
+    return /* @__PURE__ */ createElement(Checkbox, { ...checkbox, onUpdate: handleUpdate, checked: checkedValues.includes(checkbox.value), key: checkbox.uid, status, disabled, bottomSpacing: spacingNone, layout: {
+      ...checkbox.layout
+    }, errorMessage: void 0, helperText: void 0 });
+  }) }) });
+};
+export {
+  CheckboxGroup as default
+};

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

@@ -0,0 +1,29 @@
+import { CheckboxProps } from '../Checkbox/props';
+import { checkboxGroupComponentName } from './componentName';
+import { FieldsetSharedProps } from '../Fieldset/props';
+import { FlexOrientation } from '../Flex/props';
+/**
+ * Props for the CheckboxGroup component.
+ * A group of checkboxes with shared validation and an update callback.
+ * @see {@link https://www.vodafone.de/simplicity/pattern/?path=/docs/input-and-selection-checkboxgroup--docs} CheckboxGroup stories
+ */
+export interface CheckboxGroupProps extends FieldsetSharedProps {
+    /**
+     * Array of checkbox configurations to render.
+     */
+    checkboxes: CheckboxProps[];
+    /**
+     * Layout direction of the checkboxes.
+     * - `horizontal`: Side by side
+     * - `vertical`: Stacked
+     */
+    orientation?: FlexOrientation;
+    /**
+     * Callback fired when any checkbox changes. Receives an array of all currently checked values.
+     */
+    onUpdate?: (a: string[]) => void;
+    /**
+     * Internal component name used for CMS and dynamic rendering.
+     */
+    component?: typeof checkboxGroupComponentName;
+}

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

@@ -0,0 +1,8 @@
+import { FlexProps } from '../Flex/props';
+export declare const CheckboxGroupStyled: 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 FlexProps> & FlexProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, keyof FlexProps> & FlexProps, 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 FlexProps> & FlexProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FlexProps> & FlexProps, never>>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, keyof FlexProps> & FlexProps, never>>> & string;

package/dist/components/CheckboxGroup/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 { CheckboxGroupProps } from './props';
+export type CheckboxGroupCmsProps = CmsProps<CheckboxGroupProps>;
+export declare const checkboxGroupSchema: 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<"CheckboxGroup">;
+    checkboxes: z.ZodArray<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;
+        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<"Checkbox">;
+        value: z.ZodString;
+        label: z.ZodString;
+        onUpdate: z.ZodOptional<z.ZodNever>;
+    }, z.core.$loose>>;
+    orientation: z.ZodOptional<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    legend: z.ZodOptional<z.ZodObject<{
+        contents: z.ZodArray<z.ZodUnknown>;
+    }, z.core.$loose>>;
+    errorMessage: z.ZodOptional<z.ZodString>;
+    helperText: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodBoolean>;
+    status: z.ZodOptional<z.ZodEnum<{
+        error: "error";
+        success: "success";
+    }>>;
+    onUpdate: z.ZodOptional<z.ZodNever>;
+}, z.core.$loose>;
+export declare const validateCheckboxGroupProps: (props: unknown) => ValidationResult<CheckboxGroupCmsProps>;
+export declare const isCheckboxGroupProps: (props: unknown) => props is CheckboxGroupCmsProps;

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

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

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

@@ -0,0 +1 @@
+export declare const collapsibleComponentName: "Collapsible";

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

@@ -0,0 +1,4 @@
+import { CollapsibleProps } from './props';
+declare const Collapsible: ({ expanded, onTransition, children, animated, hideContent, ...props }: CollapsibleProps) => import("react/jsx-runtime").JSX.Element;
+export default Collapsible;
+export * from './props';