@kaizen/components 1.24.2 → 1.25.0

package/dist/esm/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/esm/dts/Checkbox/CheckboxField/index.d.ts

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

package/dist/esm/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/esm/dts/Checkbox/CheckboxGroup/index.d.ts

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

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

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

package/dist/esm/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/esm/dts/Collapsible/Collapsible/index.d.ts

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

package/dist/esm/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/esm/dts/Collapsible/CollapsibleGroup/index.d.ts

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

package/dist/esm/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/esm/dts/Collapsible/ExpertAdviceCollapsible/index.d.ts

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

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

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

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

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

package/dist/esm/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/esm/dts/FieldGroup/index.d.ts

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

package/dist/esm/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/esm/dts/FieldMessage/index.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/dts/Input/Input/index.d.ts

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

package/dist/esm/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/esm/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/esm/dts/Input/InputRange/index.d.ts

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

package/dist/esm/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/esm/dts/Input/index.d.ts

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

package/dist/esm/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/esm/dts/Label/index.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/dts/Radio/Radio/index.d.ts

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

package/dist/esm/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/esm/dts/Radio/RadioField/index.d.ts

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

package/dist/esm/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/esm/dts/Radio/RadioGroup/index.d.ts

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

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

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

package/dist/esm/dts/SearchField/SearchField.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { InputSearchProps } from "../Input/InputSearch";
+export type SearchFieldProps = Omit<InputSearchProps, "id"> & {
+    id?: string;
+    labelText: string;
+    disabled?: boolean;
+    reversed?: boolean;
+    secondary?: boolean;
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}
+ */
+export declare const SearchField: {
+    ({ id: propsId, labelText, disabled, reversed, secondary, classNameOverride, ...restProps }: SearchFieldProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/SearchField/index.d.ts

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

package/dist/esm/dts/Slider/Slider.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+import { InputRangeProps } from "../Input/InputRange";
+export type SliderFieldProps = {
+    id?: string;
+    labelText: ReactNode;
+    description?: ReactNode;
+    labelPosition?: "inline" | "block";
+    variant?: "default" | "prominent";
+    disabled?: boolean;
+    readOnlyMessage?: ReactNode;
+} & Omit<InputRangeProps, "id">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}
+ */
+export declare const Slider: {
+    ({ id: propsId, labelText, description, labelPosition, variant, disabled, readOnlyMessage, ...restProps }: SliderFieldProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/Slider/index.d.ts

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

package/dist/esm/dts/Text/Text.d.ts

@@ -20,4 +20,7 @@ export interface TextProps extends OverrideClassName<HTMLAttributes<HTMLElement>
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}
  * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}
  */
-export declare const Text: ({ children, tag, variant, color, classNameOverride, ...restProps }: TextProps) => JSX.Element;
+export declare const Text: {
+    ({ children, tag, variant, color, classNameOverride, ...restProps }: TextProps): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/__future__/Select/Select.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+import { UseFloatingReturn } from "@floating-ui/react-dom";
+import { SelectProps as AriaSelectProps } from "@react-stately/select";
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { SelectPopoverContentsProps, SelectToggleProps } from "./subcomponents";
+import { SelectItem, SelectOption } from "./types";
+type OmittedAriaSelectProps = "children" | "items";
+export type SelectProps<Option extends SelectOption = SelectOption> = {
+    /**
+     * Item objects in the collection.
+     */
+    items: Array<SelectItem<Option>>;
+    id?: string;
+    trigger?: (selectToggleProps: SelectToggleProps & {
+        ref: UseFloatingReturn<HTMLButtonElement>["refs"]["setReference"];
+    }, ref: UseFloatingReturn<HTMLButtonElement>["refs"]["setReference"]) => JSX.Element;
+    children?: SelectPopoverContentsProps<Option>["children"];
+    /**
+     * Updates the styling of the validation FieldMessage.
+     */
+    status?: "error" | "caution";
+    /**
+     * A descriptive message for the 'status' states.
+     */
+    validationMessage?: React.ReactNode | undefined;
+    /**
+     * Use the `reversed` styles.
+     */
+    isReversed?: boolean;
+    /**
+     * Use the `fullWidth` styles.
+     */
+    isFullWidth?: boolean;
+    /**
+     * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`
+     */
+    disabledValues?: React.Key[];
+} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
+ */
+export declare const Select: {
+    <Option extends SelectOption = SelectOption>({ label, items, id: propsId, trigger, children, status, validationMessage, isReversed, isFullWidth, disabledValues, classNameOverride, selectedKey, description, placeholder, isDisabled, ...restProps }: SelectProps<Option>): JSX.Element;
+    displayName: string;
+    Section: {
+        <Option_1 extends SelectOption = SelectOption>({ section, }: import("./subcomponents").ListBoxSectionProps<Option_1>): JSX.Element;
+        displayName: string;
+    };
+    SectionDivider: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    Option: {
+        <Option_2 extends SelectOption = SelectOption>({ item, classNameOverride, ...props }: import("./subcomponents").OptionProps<Option_2>): JSX.Element;
+        displayName: string;
+    };
+    ItemDefaultRender: {
+        <Option_3 extends SelectOption = SelectOption>({ item, }: import("./subcomponents").ListItemProps<Option_3>): JSX.Element;
+        displayName: string;
+    };
+    TriggerButton: React.ForwardRefExoticComponent<{
+        label: React.ReactNode;
+        labelProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
+        value: React.ReactNode;
+        valueProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
+        isOpen?: boolean | undefined;
+        placeholder?: string | undefined;
+        status?: "error" | "caution" | undefined;
+        isDisabled?: boolean | undefined;
+        isReversed?: boolean | undefined;
+    } & Omit<React.HTMLAttributes<HTMLButtonElement>, "className"> & {
+        classNameOverride?: string | undefined;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    ListBox: {
+        <Option_4 extends SelectOption>({ children, menuProps, classNameOverride, ...restProps }: import("./subcomponents").SingleListBoxProps<Option_4>): JSX.Element;
+        displayName: string;
+    };
+};
+export {};

package/dist/esm/dts/__future__/Select/_docs/mockData.d.ts

@@ -0,0 +1,6 @@
+import { SelectItem } from "../types";
+export declare const singleMockItems: SelectItem[];
+export declare const groupedMockItems: SelectItem[];
+export declare const mixedMockItemsDisabled: SelectItem[];
+export declare const mixedMockItemsUngroupedFirst: SelectItem[];
+export declare const mixedMockItemsUnordered: SelectItem[];

package/dist/esm/dts/__future__/Select/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Select";
+export * from "./types";

package/dist/{cjs/dts/FilterSelect → esm/dts/__future__/Select}/subcomponents/ListBox/ListBox.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react";
 import { AriaListBoxOptions } from "@react-aria/listbox";
-import { OverrideClassName } from "../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
 import { SelectOption, SelectItem } from "../../types";
 export type SingleListBoxProps<Option extends SelectOption> = OverrideClassName<HTMLAttributes<HTMLUListElement>> & {
     children: React.ReactNode;

package/dist/{cjs/dts/FilterSelect → esm/dts/__future__/Select}/subcomponents/Option/Option.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
 import { SelectOption, SelectOptionNode } from "../../types";
 export type OptionProps<Option extends SelectOption = SelectOption> = {
     item: SelectOptionNode<Option>;

package/dist/esm/dts/{FilterSelect → __future__/Select}/subcomponents/Overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { OverrideClassName } from "../../../types/OverrideClassName";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
 import { SelectOption } from "../../types";
 export type OverlayProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> & {
     children: React.ReactNode;

package/dist/esm/dts/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { AriaListBoxOptions } from "@react-aria/listbox";
+import { SelectOption, SelectItem, SelectItemNode } from "../../types";
+export type SelectPopoverContentsProps<Option extends SelectOption> = {
+    children?: (args: {
+        items: Array<SelectItemNode<Option>>;
+    }) => React.ReactNode;
+    menuProps: AriaListBoxOptions<SelectItem<Option>>;
+};
+export declare const SelectPopoverContents: {
+    <Option extends SelectOption>({ children, menuProps, }: SelectPopoverContentsProps<Option>): JSX.Element;
+    displayName: string;
+};