@kaizen/components 1.24.1 → 1.25.0

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/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/{subcomponents → GenericButton}/GenericButton.d.ts

@@ -23,7 +23,6 @@ export type GenericProps = {
     component?: ComponentType<CustomButtonProps>;
     classNameOverride?: string;
 };
-export type ButtonType = "submit" | "reset" | "button";
 export type WorkingProps = {
     working: true;
     workingLabel: string;
@@ -38,7 +37,7 @@ export type ButtonBadgeProps = {
     variant?: "default" | "dark" | "active";
     reversed?: boolean;
 };
-export type RenderProps = ButtonProps & {
+export type RenderProps = GenericButtonProps & {
     additionalContent?: React.ReactNode;
     iconButton?: boolean;
     directionalLink?: boolean;
@@ -48,7 +47,7 @@ export type RenderProps = ButtonProps & {
 export type ButtonRef = {
     focus: () => void;
 };
-export type ButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
+export type GenericButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
     label: string;
     primary?: boolean;
     destructive?: boolean;
@@ -62,5 +61,5 @@ export type ButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps |
     icon?: JSX.Element;
     disabled?: boolean;
 };
-declare const GenericButton: React.ForwardRefExoticComponent<RenderProps & React.RefAttributes<ButtonRef | undefined>>;
+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 "./subcomponents/GenericButton";
+export * from "./IconButton";
+export * from "./PaginationLink";
+export * from "./DirectionalLink";

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/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/FieldGroup/FieldGroup.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type FieldGroupProps = {
+    children?: React.ReactNode;
+    inline?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const FieldGroup: {
+    ({ children, inline, classNameOverride, ...restProps }: FieldGroupProps): JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type FieldMessageStatus = "default" | "success" | "error" | "caution";
+export type FieldMessageProps = {
+    message?: React.ReactNode;
+    /** @default "default" */
+    status?: FieldMessageStatus;
+    /** @default "bottom" */
+    position?: "top" | "bottom";
+    reversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const FieldMessage: {
+    ({ message, status, position, reversed, classNameOverride, ...restProps }: FieldMessageProps): JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -47,7 +47,7 @@ export declare const FilterMultiSelect: {
         displayName: string;
     };
     LoadMoreButton: {
-        (props: import("..").ButtonProps): JSX.Element;
+        (props: import("../Button/GenericButton").GenericButtonProps): JSX.Element;
         displayName: string;
     };
     NoResults: {

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

@@ -1,24 +1,23 @@
-import React from "react";
+/// <reference types="react" />
 import { SelectProps as AriaSelectProps } from "@react-stately/select";
 import { FilterButtonProps } from "../FilterButton";
+import { SelectPopoverContentsProps } from "../__future__/Select/subcomponents";
 import { OverrideClassName } from "../types/OverrideClassName";
-import { SelectItem, SelectItemNode, SelectOption } from "./types";
+import { SelectItem, SelectOption } from "./types";
 type OmittedAriaSelectProps = "label" | "children" | "isOpen" | "onOpenChange" | "defaultOpen" | "items";
 export type FilterSelectProps<Option extends SelectOption = SelectOption> = {
     isOpen: boolean;
     setIsOpen: (isOpen: boolean) => void;
     renderTrigger: (triggerButtonProps: FilterButtonProps) => JSX.Element;
     label: string;
-    children?: (args: {
-        items: Array<SelectItemNode<Option>>;
-    }) => React.ReactNode;
+    children?: SelectPopoverContentsProps<Option>["children"];
     items: Array<SelectItem<Option>>;
 } & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>;
 export declare const FilterSelect: {
     <Option extends SelectOption = SelectOption>({ isOpen, setIsOpen, renderTrigger, label, children, items, classNameOverride, selectedKey, ...restProps }: FilterSelectProps<Option>): JSX.Element;
     displayName: string;
     Section: {
-        <Option_1 extends SelectOption = SelectOption>({ section, }: import("./subcomponents/ListBoxSection").ListBoxSectionProps<Option_1>): JSX.Element;
+        <Option_1 extends SelectOption = SelectOption>({ section, }: import("../__future__/Select/subcomponents").ListBoxSectionProps<Option_1>): JSX.Element;
         displayName: string;
     };
     SectionDivider: {
@@ -26,11 +25,11 @@ export declare const FilterSelect: {
         displayName: string;
     };
     Option: {
-        <Option_2 extends SelectOption = SelectOption>({ item, classNameOverride, ...props }: import("./subcomponents/Option").OptionProps<Option_2>): JSX.Element;
+        <Option_2 extends SelectOption = SelectOption>({ item, classNameOverride, ...props }: import("../__future__/Select/subcomponents").OptionProps<Option_2>): JSX.Element;
         displayName: string;
     };
     ItemDefaultRender: {
-        <Option_3 extends SelectOption = SelectOption>({ item, }: import("./subcomponents/ListItem").ListItemProps<Option_3>): JSX.Element;
+        <Option_3 extends SelectOption = SelectOption>({ item, }: import("../__future__/Select/subcomponents").ListItemProps<Option_3>): JSX.Element;
         displayName: string;
     };
 };

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

@@ -1,23 +1 @@
-/// <reference types="react" />
-import { Node } from "@react-types/shared";
-export type SelectOption = {
-    label: string;
-    value: React.Key;
-    disabled?: boolean;
-    options?: never;
-};
-export type SelectOptionGroup<Option extends SelectOption> = {
-    label: string;
-    options: Iterable<Option>;
-};
-export type SelectItem<Option extends SelectOption = SelectOption> = Option | SelectOptionGroup<Option>;
-export type SelectOptionNode<Option extends SelectOption = SelectOption> = Node<Option> & {
-    type: "item";
-    hasChildNodes: false;
-};
-export type SelectOptionGroupNode<Option extends SelectOption = SelectOption> = Omit<Node<SelectOptionGroup<Option>>, "childNodes"> & {
-    type: "section";
-    hasChildNodes: true;
-    childNodes: Array<SelectOptionNode<Option>>;
-};
-export type SelectItemNode<Option extends SelectOption = SelectOption> = SelectOptionNode<Option> | SelectOptionGroupNode<Option>;
+export * from "../__future__/Select/types";

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

@@ -0,0 +1,17 @@
+import React, { InputHTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { InputStatus, InputTypes } from "./types";
+export type InputType = (typeof InputTypes)[number];
+export type InputStatusType = (typeof InputStatus)[number];
+export type InputProps = {
+    inputRef?: React.RefObject<HTMLInputElement>;
+    status?: InputStatusType;
+    startIconAdornment?: React.ReactNode;
+    endIconAdornment?: React.ReactNode;
+    reversed?: boolean;
+    type?: InputType;
+} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+export declare const Input: {
+    ({ inputRef, status, startIconAdornment, endIconAdornment, reversed, type, value, defaultValue, classNameOverride, disabled, ...restProps }: InputProps): JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -0,0 +1,2 @@
+export declare const InputStatus: readonly ["default", "success", "error", "caution"];
+export declare const InputTypes: readonly ["text", "email", "password"];

package/dist/cjs/dts/Input/InputRange/InputRange.d.ts

@@ -0,0 +1,18 @@
+import { InputHTMLAttributes, ReactNode } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type InputRangeProps = {
+    id: string;
+    defaultValue?: number;
+    value?: number;
+    minLabel: ReactNode;
+    maxLabel: ReactNode;
+    min?: number;
+    max?: number;
+} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+/**
+ * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
+ */
+export declare const InputRange: {
+    ({ id, defaultValue, value, minLabel, maxLabel, min, max, onChange, "aria-describedby": ariaDescribedby, classNameOverride, disabled, readOnly, ...restProps }: InputRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Input/InputRange/index.d.ts

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

package/dist/cjs/dts/{InputSearch → Input/InputSearch}/InputSearch.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from "react";
-import { OverrideClassName } from "../types/OverrideClassName";
+import { OverrideClassName } from "../../types/OverrideClassName";
 export type InputSearchProps = {
     id: string;
     reversed?: boolean;

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

@@ -0,0 +1,3 @@
+export * from "./Input";
+export * from "./InputRange";
+export * from "./InputSearch";

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

@@ -0,0 +1,17 @@
+import React, { LabelHTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+type LabelType = "text" | "checkbox" | "toggle" | "radio";
+export type LabelProps = {
+    children?: React.ReactNode;
+    labelText?: string | React.ReactNode;
+    labelType?: LabelType;
+    labelPosition?: "start" | "end";
+    reversed?: boolean;
+    variant?: "default" | "prominent";
+    disabled?: boolean;
+} & OverrideClassName<LabelHTMLAttributes<HTMLLabelElement>>;
+export declare const Label: {
+    ({ children, labelText, labelType, labelPosition, reversed, variant, disabled, classNameOverride, ...restProps }: LabelProps): JSX.Element;
+    displayName: string;
+};
+export {};

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

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

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

@@ -0,0 +1,3 @@
+export declare const InlineLabelTypes: readonly ["checkbox", "radio", "toggle"];
+export declare const BlockLabelTypes: readonly ["text"];
+export declare const LabelTypes: readonly ["checkbox", "radio", "toggle", "text"];

package/dist/cjs/dts/MultiSelect/subcomponents/Popover/Popover.d.ts

@@ -1,10 +1,10 @@
 import React, { HTMLAttributes } from "react";
-import { UseFloatingReturn, UseFloatingOptions } from "@floating-ui/react-dom";
+import { ReferenceType, UseFloatingReturn, UseFloatingOptions } from "@floating-ui/react-dom";
 import { ReactFocusOnProps } from "react-focus-on/dist/es5/types";
 import { OverrideClassName } from "../../../types/OverrideClassName";
-export type PopoverProps = {
+export type PopoverProps<RT extends ReferenceType = ReferenceType> = {
     children: React.ReactNode;
-    refs: UseFloatingReturn["refs"];
+    refs: UseFloatingReturn<RT>["refs"];
     /**
      * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook
      */
@@ -13,6 +13,6 @@ export type PopoverProps = {
     portalContainer?: Element | DocumentFragment;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const Popover: {
-    ({ children, refs, floatingOptions, focusOnProps, portalContainer, classNameOverride, ...restProps }: PopoverProps): JSX.Element;
+    <RT extends ReferenceType>({ children, refs, floatingOptions, focusOnProps, portalContainer, classNameOverride, ...restProps }: PopoverProps<RT>): JSX.Element;
     displayName: string;
 };

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

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type RadioProps = OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "checked">> & {
+    /**
+     * This needs to be enforced to ensure the Radio always gets an id to match a label when composed.
+     */
+    id: string;
+    name: string;
+    value: string;
+    selectedStatus?: boolean;
+    reversed?: boolean;
+};
+export declare const Radio: {
+    ({ name, value, selectedStatus, reversed, onChange, classNameOverride, ...restProps }: RadioProps): JSX.Element;
+    displayName: string;
+};

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

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

package/dist/cjs/dts/Radio/RadioField/RadioField.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { RadioProps } from "../Radio/Radio";
+export type RadioFieldProps = Omit<RadioProps, "id"> & {
+    id?: string;
+    labelText: string | React.ReactNode;
+    selectedStatus?: boolean;
+    disabled?: boolean;
+    reversed?: boolean;
+    "data-testid"?: string;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
+ */
+export declare const RadioField: {
+    ({ id: propsId, labelText, selectedStatus, disabled, reversed, classNameOverride, "data-testid": dataTestId, ...restProps }: RadioFieldProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Radio/RadioField/index.d.ts

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

package/dist/cjs/dts/Radio/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type RadioGroupProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
+    children?: React.ReactNode;
+    labelText: string | React.ReactNode;
+    labelId?: string;
+    noBottomMargin?: boolean;
+    reversed?: boolean;
+    "data-testId"?: string;
+};
+export declare const RadioGroup: {
+    ({ children, labelId: propsLabelId, labelText, noBottomMargin, reversed, classNameOverride, "data-testId": dataTestId, ...restProps }: RadioGroupProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Radio/RadioGroup/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from "./Radio";
+export * from "./RadioField";
+export * from "./RadioGroup";