@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009053130

package/dist/cjs/dts/Avatar/Avatar.d.ts

@@ -0,0 +1,50 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type AvatarSizes = "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type BaseAvatarProps = {
+    /**
+     * We use this for the alt text of the avatar, and to derive intials when user has no avatar image.
+     */
+    fullName?: string;
+    /**
+     * There are 5 fixed avatar sizes. `"small"` will remove border and box shadow to save space.
+     */
+    size?: AvatarSizes;
+    /**
+     * Src for the avatar img tag - if not passed we will derive initials from the full name.
+     * Note that the fullName prop will be used as the alt text.
+     */
+    avatarSrc?: string;
+    /**
+     * Default behaviour when an avatarSrc is not provided is to generate initials from the username.
+     * This disables this feature and shows the generic avatar.
+     * Enable this prop when there is no specific individual or group identified.
+     */
+    disableInitials?: boolean;
+    /**
+     * Renders Company Avatar variant - If true `fullName` and `avatarSrc` will be strictly typed.
+     */
+    isCompany?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+export type GenericAvatarProps = BaseAvatarProps & {
+    isCompany?: false;
+    /**
+     * Shows a different background colour if the avatar is the current user and does not have a avatar img.
+     * @default "true"
+     */
+    isCurrentUser?: boolean;
+};
+export type CompanyAvatarProps = BaseAvatarProps & {
+    fullName: string;
+    avatarSrc: string;
+    disableInitials?: undefined;
+    isCompany: true;
+    isCurrentUser?: undefined;
+};
+export type AvatarProps = GenericAvatarProps | CompanyAvatarProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}
+ */
+export declare const Avatar: ({ fullName, size, avatarSrc, disableInitials, isCompany, isCurrentUser, classNameOverride, ...restProps }: AvatarProps) => JSX.Element;
+export {};

package/dist/cjs/dts/Avatar/index.d.ts

@@ -0,0 +1 @@
+export * from "./Avatar";

package/dist/cjs/dts/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from "react";
+import { CompanyAvatarProps, GenericAvatarProps } from "../Avatar";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type AvatarGroupAvatarProps = Omit<GenericAvatarProps, "size"> | Omit<CompanyAvatarProps, "size">;
+export type AvatarGroupSize = "small" | "medium" | "large";
+export type AvatarList = [AvatarGroupAvatarProps, ...AvatarGroupAvatarProps[]];
+export type AvatarGroupProps = {
+    /**
+     * There are 3 fixed sizes available. `"small"` will remove border and box shadow to save space.
+     * @default "medium"
+     */
+    size?: AvatarGroupSize;
+    /**
+     * If the length of Avatars exceeds the `maxVisible` a counter token will render
+     * @default 2
+     */
+    maxVisible: 2 | 3 | 4 | 5 | 6;
+    /**
+     * Takes a array of `AvatarProps` that must have at least item.
+     * Note that 'size' is omitted from the `AvatarProps` type so it will throw a type error if size is provided.
+     * */
+    avatars: AvatarList;
+} & OverrideClassName<HTMLAttributes<HTMLUListElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar-group--docs Storybook}
+ */
+export declare const AvatarGroup: ({ size, maxVisible, avatars, classNameOverride, ...restProps }: AvatarGroupProps) => JSX.Element;

package/dist/cjs/dts/AvatarGroup/_docs/example-data.d.ts

@@ -0,0 +1,8 @@
+import { AvatarGroupAvatarProps, AvatarList } from "../AvatarGroup";
+export declare const EXAMPLE_USER_1: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_2: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_3: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_4: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_5: AvatarGroupAvatarProps;
+export declare const EXAMPLE_USER_6: AvatarGroupAvatarProps;
+export declare const AVATARS: AvatarList;

package/dist/cjs/dts/AvatarGroup/index.d.ts

@@ -0,0 +1 @@
+export * from "./AvatarGroup";

package/dist/cjs/dts/Badge/Badge.d.ts

@@ -0,0 +1,32 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+type BadgeCommonProps = {
+    children?: string;
+    /**
+     * The "dark" variant is no longer in the UI kit
+     */
+    variant?: "default" | "active" | "dark";
+    /**
+     * renders reversed colors. Use on purple background
+     */
+    reversed?: boolean;
+    /**
+     * Supports "small" and "large" sizes - defaults to "small"
+     */
+    size?: "small" | "large";
+} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+type DotProps = Omit<BadgeCommonProps, "variant"> & {
+    children?: never;
+    variant: "dot";
+};
+export type BadgeProps = BadgeCommonProps | DotProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-badge--docs Storybook}
+ */
+export declare const Badge: {
+    ({ children, variant, reversed, size, classNameOverride, ...restProps }: BadgeProps): JSX.Element;
+    displayName: string;
+};
+export declare const BadgeAnimated: (props: BadgeProps) => JSX.Element;
+export {};

package/dist/cjs/dts/Badge/index.d.ts

@@ -0,0 +1 @@
+export * from "./Badge";

package/dist/cjs/dts/Brand/Brand.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type BrandProps = {
+    variant: "logo-horizontal" | "logo-vertical" | "enso" | "collective-intelligence";
+    alt: string;
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLElement>>;
+export declare const Brand: {
+    ({ variant, alt, reversed, classNameOverride, ...restProps }: BrandProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Brand/index.d.ts

@@ -0,0 +1 @@
+export * from "./Brand";

package/dist/cjs/dts/BrandMoment/BrandMoment.d.ts

@@ -2,7 +2,7 @@ import { ReactNode, ReactElement, HTMLAttributes } from "react";
 import { SceneProps } from "@kaizen/draft-illustration";
 import { ButtonProps } from "../Button";
 import { OverrideClassName } from "../types/OverrideClassName";
-export interface BrandMomentProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+export type BrandMomentProps = {
     mood: "informative" | "positive" | "negative";
     illustration: ReactElement<SceneProps>;
     header: ReactNode;
@@ -15,7 +15,11 @@ export interface BrandMomentProps extends OverrideClassName<HTMLAttributes<HTMLD
         body?: ReactNode;
         footer?: ReactNode;
     };
-}
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
+ */
 export declare const BrandMoment: {
     ({ mood, illustration, header, body, primaryAction, secondaryAction, text, classNameOverride, ...restProps }: BrandMomentProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Button/Button/Button.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { GenericButtonProps, ButtonRef } from "../GenericButton";
+export type ButtonProps = GenericButtonProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
+ */
+export declare const Button: React.ForwardRefExoticComponent<GenericButtonProps & React.RefAttributes<ButtonRef | undefined>>;

package/dist/cjs/dts/Button/Button/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/cjs/dts/Button/DirectionalLink/DirectionalLink.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { GenericProps } from "../GenericButton";
+export type DirectionalLinkProps = {
+    label: string;
+    disabled?: boolean;
+    direction: "prev" | "next" | "start" | "end";
+} & GenericProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
+ */
+export declare const DirectionalLink: {
+    (props: DirectionalLinkProps): JSX.Element;
+    defaultProps: {
+        reversed: boolean;
+        disabled: boolean;
+    };
+    displayName: string;
+};

package/dist/cjs/dts/Button/DirectionalLink/index.d.ts

@@ -0,0 +1 @@
+export * from "./DirectionalLink";

package/dist/cjs/dts/Button/GenericButton/GenericButton.d.ts

@@ -0,0 +1,65 @@
+import React, { ComponentType, MouseEvent, FocusEvent } from "react";
+export type CustomButtonProps = {
+    id?: string;
+    className: string;
+    href?: string;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent<any>) => void;
+    onFocus?: (e: FocusEvent<HTMLElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLElement>) => void;
+    children?: React.ReactNode;
+};
+export type ButtonFormAttributes = Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "form" | "formAction" | "formMethod" | "formEncType" | "formTarget" | "formNoValidate">;
+export type GenericProps = {
+    id?: string;
+    reversed?: boolean;
+    onClick?: (e: MouseEvent) => void;
+    onMouseDown?: (e: MouseEvent) => void;
+    href?: string;
+    newTabAndIUnderstandTheAccessibilityImplications?: boolean;
+    disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean;
+    onFocus?: (e: FocusEvent<HTMLElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLElement>) => void;
+    component?: ComponentType<CustomButtonProps>;
+    classNameOverride?: string;
+};
+export type WorkingProps = {
+    working: true;
+    workingLabel: string;
+    workingLabelHidden?: boolean;
+};
+export type WorkingUndefinedProps = {
+    working?: false;
+};
+export type ButtonBadgeProps = {
+    text: string;
+    animateChange?: boolean;
+    variant?: "default" | "dark" | "active";
+    reversed?: boolean;
+};
+export type RenderProps = GenericButtonProps & {
+    additionalContent?: React.ReactNode;
+    iconButton?: boolean;
+    directionalLink?: boolean;
+    paginationLink?: boolean;
+    isActive?: boolean;
+};
+export type ButtonRef = {
+    focus: () => void;
+};
+export type GenericButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
+    label: string;
+    primary?: boolean;
+    destructive?: boolean;
+    secondary?: boolean;
+    /** @default "regular" */
+    size?: "small" | "regular";
+    badge?: ButtonBadgeProps;
+    type?: "submit" | "reset" | "button";
+    fullWidth?: boolean;
+    iconPosition?: "start" | "end";
+    icon?: JSX.Element;
+    disabled?: boolean;
+};
+export declare const GenericButton: React.ForwardRefExoticComponent<RenderProps & React.RefAttributes<ButtonRef | undefined>>;
+export default GenericButton;

package/dist/cjs/dts/Button/GenericButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./GenericButton";

package/dist/cjs/dts/Button/IconButton/IconButton.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { GenericProps, ButtonFormAttributes, WorkingProps, WorkingUndefinedProps, ButtonBadgeProps } from "../GenericButton";
+export type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
+    label: string;
+    primary?: boolean;
+    destructive?: boolean;
+    secondary?: boolean;
+    /** @default "regular" */
+    size?: "small" | "regular";
+    badge?: ButtonBadgeProps;
+    type?: "submit" | "reset" | "button";
+    fullWidth?: boolean;
+    icon?: JSX.Element;
+    disabled?: boolean;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-iconbutton--docs Storybook}
+ */
+export declare const IconButton: {
+    (props: IconButtonProps): JSX.Element;
+    defaultProps: {
+        primary: boolean;
+        destructive: boolean;
+        disabled: boolean;
+        reversed: boolean;
+        secondary: boolean;
+    };
+    displayName: string;
+};

package/dist/cjs/dts/Button/IconButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./IconButton";

package/dist/cjs/dts/Button/PaginationLink/PaginationLink.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { GenericProps } from "../GenericButton";
+export type PaginationLinkProps = GenericProps & {
+    pageNumber: number;
+    isActive?: boolean;
+    "aria-label": string;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}
+ */
+export declare const PaginationLink: {
+    ({ pageNumber, ...restProps }: PaginationLinkProps): JSX.Element;
+    defaultProps: {
+        reversed: boolean;
+        isActive: boolean;
+    };
+    displayName: string;
+};

package/dist/cjs/dts/Button/PaginationLink/index.d.ts

@@ -0,0 +1 @@
+export * from "./PaginationLink";

package/dist/cjs/dts/Button/index.d.ts

@@ -1,2 +1,5 @@
+export type { CustomButtonProps } from "./GenericButton";
 export * from "./Button";
-export * from "./components/GenericButton";
+export * from "./IconButton";
+export * from "./PaginationLink";
+export * from "./DirectionalLink";

package/dist/cjs/dts/ButtonGroup/ButtonGroup.d.ts

@@ -1,10 +1,10 @@
 import React, { HTMLAttributes } from "react";
 import { TooltipProps } from "@kaizen/draft-tooltip";
 import { OverrideClassName } from "../types/OverrideClassName";
-import { FilterButtonBaseProps } from "../FilterButton/_subcomponents/FilterButtonBase";
-export interface ButtonGroupProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
+import { FilterButtonBaseProps } from "../FilterButton/subcomponents/FilterButtonBase";
+export type ButtonGroupProps = {
     children: React.ReactElement<FilterButtonBaseProps | TooltipProps> | Array<React.ReactElement<FilterButtonBaseProps | TooltipProps>>;
-}
+} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
 export declare const ButtonGroup: {
     ({ children, classNameOverride, ...restProps }: ButtonGroupProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Card/Card.d.ts

@@ -0,0 +1,26 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type CardVariants = "default" | "informative" | "positive" | "cautionary" | "destructive" | "assertive" | "highlight";
+export type CardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {
+    children?: React.ReactNode;
+    /**
+     * HTML elements that are allowed on Card.
+     */
+    tag?: "div" | "article" | "header" | "main" | "section" | "li";
+    /**
+     * determines the card background colour on the card. It should match to the type of content being conveyed.
+     */
+    variant?: CardVariants;
+    /**
+     * Adds a larger box shadow to to the card container.
+     */
+    isElevated?: boolean;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
+ * {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}
+ */
+export declare const Card: {
+    ({ children, tag, variant, isElevated, classNameOverride, ...props }: CardProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Card/index.d.ts

@@ -0,0 +1 @@
+export * from "./Card";

package/dist/cjs/dts/Checkbox/Checkbox/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import React, { InputHTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CheckedStatus = "on" | "off" | "mixed";
+export type CheckboxProps = {
+    checkedStatus?: CheckedStatus;
+    onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any;
+    reversed?: boolean;
+    value?: string;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "checked">>;
+export declare const Checkbox: {
+    ({ checkedStatus, onCheck, reversed, value, classNameOverride, ...restProps }: CheckboxProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Checkbox/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from "./Checkbox";

package/dist/cjs/dts/Checkbox/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { CheckboxProps, CheckedStatus } from "../Checkbox/Checkbox";
+export type CheckboxFieldProps = Omit<CheckboxProps, "id"> & {
+    id?: string;
+    labelText: string | React.ReactNode;
+    checkedStatus?: CheckedStatus;
+    disabled?: boolean;
+    reversed?: boolean;
+    noBottomMargin?: boolean;
+    "data-testid"?: string;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
+ */
+export declare const CheckboxField: {
+    ({ id: propsId, labelText, checkedStatus, disabled, reversed, noBottomMargin, "data-testid": dataTestId, classNameOverride, ...restProps }: CheckboxFieldProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Checkbox/CheckboxField/index.d.ts

@@ -0,0 +1 @@
+export * from "./CheckboxField";

package/dist/cjs/dts/Checkbox/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CheckboxGroupProps = {
+    children?: React.ReactNode;
+    labelText: string | React.ReactNode;
+    labelId?: string;
+    noBottomMargin?: boolean;
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}
+ */
+export declare const CheckboxGroup: {
+    ({ children, labelText, labelId: propsLabelId, noBottomMargin, reversed, classNameOverride, ...restProps }: CheckboxGroupProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Checkbox/CheckboxGroup/index.d.ts

@@ -0,0 +1 @@
+export * from "./CheckboxGroup";

package/dist/cjs/dts/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Checkbox";
+export * from "./CheckboxField";
+export * from "./CheckboxGroup";

package/dist/cjs/dts/ClearButton/ClearButton.d.ts

@@ -1,8 +1,8 @@
 import { ButtonHTMLAttributes } from "react";
 import { OverrideClassName } from "../types/OverrideClassName";
-export interface ClearButtonProps extends Omit<OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>, "children"> {
+export type ClearButtonProps = {
     isReversed?: boolean;
-}
+} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">>;
 export declare const ClearButton: {
     ({ classNameOverride, isReversed, ...restProps }: ClearButtonProps): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Collapsible/Collapsible/Collapsible.d.ts

@@ -0,0 +1,50 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { Sticky } from "../types";
+type Variant = "default" | "clear";
+export type CollapsibleProps = {
+    children: JSX.Element | JSX.Element[] | string;
+    title: string;
+    renderHeader?: (title: string) => JSX.Element | JSX.Element[];
+    open?: boolean;
+    group?: boolean;
+    separated?: boolean;
+    sticky?: Sticky;
+    noSectionPadding?: boolean;
+    onToggle?: (open: boolean, id: string) => void;
+    /**
+     * By default, the header will change background colour when open. When the variant
+     * is set to 'clear', it will not have a background but a border-bottom will appear
+     * to separate the heading from the content.
+     */
+    variant?: Variant;
+    /**
+     * Will avoid rendering the content until required (especially important when you
+     * have queries inside sections).
+     * Removes animation.
+     */
+    lazyLoad?: boolean;
+    /**
+     * Disables internal `open` state, allowing it to be controlled in the usage.
+     */
+    controlled?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+type State = {
+    open: boolean;
+    id: string;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
+ */
+export declare class Collapsible extends React.Component<CollapsibleProps, State> {
+    state: {
+        open: boolean;
+        id: string;
+    };
+    render(): JSX.Element;
+    private getOpen;
+    private handleSectionToggle;
+    private handleButtonPress;
+}
+export {};

package/dist/cjs/dts/Collapsible/Collapsible/index.d.ts

@@ -0,0 +1 @@
+export * from "./Collapsible";

package/dist/cjs/dts/Collapsible/CollapsibleGroup/CollapsibleGroup.d.ts

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from "react";
+import { CollapsibleProps } from "../Collapsible";
+import { Sticky } from "../types";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CollapsibleGroupProps = {
+    children: Array<React.ReactElement<CollapsibleProps>>;
+    separated?: boolean;
+    sticky?: Sticky;
+    noSectionPadding?: boolean;
+    lazyLoad?: boolean;
+    onToggle?: (open: boolean, id: string) => void;
+} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, "children">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible-collapsible-group--docs Storybook}
+ */
+export declare const CollapsibleGroup: ({ children, separated, sticky, noSectionPadding, lazyLoad, onToggle, classNameOverride, ...props }: CollapsibleGroupProps) => JSX.Element;

package/dist/cjs/dts/Collapsible/CollapsibleGroup/index.d.ts

@@ -0,0 +1 @@
+export * from "./CollapsibleGroup";

package/dist/cjs/dts/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CollapsibleProps } from "../Collapsible";
+export type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, "renderHeader" | "variant" | "group" | "separated">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
+ */
+export declare const ExpertAdviceCollapsible: {
+    (props: ExpertAdviceCollapsibleProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Collapsible/ExpertAdviceCollapsible/index.d.ts

@@ -0,0 +1 @@
+export * from "./ExpertAdviceCollapsible";

package/dist/cjs/dts/Collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Collapsible";
+export * from "./CollapsibleGroup";
+export * from "./ExpertAdviceCollapsible";

package/dist/cjs/dts/Collapsible/types.d.ts

@@ -0,0 +1,3 @@
+export type Sticky = {
+    top: string;
+};

package/dist/cjs/dts/Divider/Divider.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type DividerProps = {
+    variant: "content" | "canvas" | "menuSeparator";
+    isReversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
+ */
+export declare const Divider: {
+    ({ variant, isReversed, classNameOverride, ...props }: DividerProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Divider";

package/dist/cjs/dts/EmptyState/EmptyState.d.ts

@@ -0,0 +1,24 @@
+import React, { HTMLAttributes } from "react";
+import { AnimatedSceneProps } from "@kaizen/draft-illustration";
+import { HeadingProps } from "@kaizen/typography";
+import { OverrideClassName } from "../types/OverrideClassName";
+type IllustrationType = "positive" | "neutral" | "negative" | "informative" | "action";
+type LayoutContextType = "sidebarAndContent" | "contentOnly";
+export type EmptyStateProps = {
+    children?: React.ReactNode;
+    id?: string;
+    illustrationType?: IllustrationType;
+    layoutContext?: LayoutContextType;
+    bodyText: string | React.ReactNode;
+    straightCorners?: boolean;
+    headingProps?: HeadingProps;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>> & Pick<AnimatedSceneProps, "isAnimated" | "loop">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
+ */
+export declare const EmptyState: {
+    ({ children, id, illustrationType, layoutContext, headingProps, bodyText, straightCorners, isAnimated, loop, classNameOverride, ...props }: EmptyStateProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/EmptyState/index.d.ts

@@ -0,0 +1 @@
+export * from "./EmptyState";

package/dist/cjs/dts/ErrorPage/ErrorPage.d.ts

@@ -10,7 +10,7 @@ export type ErrorPageProps = {
         homeHref?: string;
     };
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
-export declare function ErrorPage({ code, title, message, callToAction, classNameOverride, }: ErrorPageProps): JSX.Element;
-export declare namespace ErrorPage {
-    var displayName: string;
-}
+export declare const ErrorPage: {
+    ({ code, title, message, callToAction, classNameOverride, }: ErrorPageProps): JSX.Element;
+    displayName: string;
+};