@kaizen/components 1.24.2 → 1.26.0

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

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from "react";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type InputSearchProps = {
+    id: string;
+    reversed?: boolean;
+    loading?: boolean;
+    secondary?: boolean;
+    onClear?: () => void;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue">>;
+export declare const InputSearch: {
+    (props: InputSearchProps): JSX.Element;
+    displayName: string;
+};

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

@@ -1,11 +1,11 @@
 import React from "react";
-import { ThemeManager } from "./ThemeProvider";
-export type KaizenProviderProps = {
+import { Theme as BaseTheme } from "@kaizen/design-tokens";
+export type KaizenProviderProps<Theme extends BaseTheme = BaseTheme> = {
     children: React.ReactNode;
-    themeManager?: ThemeManager;
+    theme?: Theme;
     locale?: string;
 };
 export declare const KaizenProvider: {
-    ({ children, themeManager, locale, }: KaizenProviderProps): JSX.Element;
+    ({ children, theme, locale, }: KaizenProviderProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/dts/KaizenProvider/ThemeProvider/ThemeProvider.d.ts

@@ -1,13 +1,14 @@
-import React, { Context } from "react";
-import { ThemeManager } from "./ThemeManager";
-import { Theme } from "./themes";
-export declare const ThemeContext: Context<Theme>;
+import React from "react";
+import { Theme as BaseTheme } from "./themes";
+type ThemeContextValue<Theme extends BaseTheme = any> = Theme;
+export declare const ThemeContext: React.Context<any>;
 /**
  * Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
  * This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
  */
-export declare const ThemeProvider: ({ themeManager, ...props }: {
-    themeManager?: ThemeManager<import("@kaizen/design-tokens").Theme> | undefined;
+export declare const ThemeProvider: <Theme extends BaseTheme = BaseTheme>({ theme: userTheme, ...props }: {
+    theme?: Theme | undefined;
     children: React.ReactNode;
 }) => JSX.Element;
-export declare const useTheme: () => Theme;
+export declare const useTheme: <Theme extends BaseTheme = BaseTheme>() => Theme;
+export {};

package/dist/cjs/dts/KaizenProvider/ThemeProvider/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./ThemeProvider";
-export * from "./ThemeManager";
 export * from "./themes";

package/dist/cjs/dts/KaizenProvider/ThemeProvider/themes/heart.d.ts

@@ -1,3 +1,2 @@
 import { Theme } from "./types";
 export declare const heartTheme: Theme;
-export default heartTheme;

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+import { MultiSelectOptionsProps } from "./subcomponents/MultiSelectOptions";
+import { MultiSelectOption } from "./types";
+export type MultiSelectProps = {
+    label: string;
+    items: MultiSelectOptionsProps["options"];
+    selectedValues: Set<MultiSelectOption["value"]>;
+    onSelectedValuesChange: MultiSelectOptionsProps["onChange"];
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const MultiSelect: {
+    ({ id: propsId, label, items, selectedValues, onSelectedValuesChange, isOpen, onOpenChange, classNameOverride, ...restProps }: MultiSelectProps): JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+import { MultiSelectOption } from "../../types";
+import { CheckboxProps } from "../Checkbox";
+export type MultiSelectOptionFieldProps = {
+    id: string;
+    option: MultiSelectOption;
+    checkedStatus: CheckboxProps["checkedStatus"];
+    onChange: CheckboxProps["onChange"];
+} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, "id" | "onChange">>;
+export declare const MultiSelectOptionField: {
+    ({ id, option, checkedStatus, onChange, classNameOverride, ...restProps }: MultiSelectOptionFieldProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/MultiSelect/subcomponents/MultiSelectOptionField/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+import { MultiSelectOption } from "../../types";
+export type MultiSelectOptionsProps = {
+    id: string;
+    options: MultiSelectOption[];
+    selectedValues: Set<MultiSelectOption["value"]>;
+    onChange: (selectedValues: Set<MultiSelectOption["value"]>) => void;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLFieldSetElement>, "onChange">>;
+export declare const MultiSelectOptions: {
+    ({ id, options, selectedValues, onChange, classNameOverride, ...restProps }: MultiSelectOptionsProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/MultiSelect/subcomponents/MultiSelectOptions/index.d.ts

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

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

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+import { MultiSelectOption } from "../../types";
+export type MultiSelectToggleProps = {
+    onClick: React.MouseEventHandler;
+    ["aria-labelledby"]: string;
+    ["aria-controls"]: string;
+    selectedOptions: MultiSelectOption[];
+    isOpen?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const MultiSelectToggle: React.ForwardRefExoticComponent<{
+    onClick: React.MouseEventHandler;
+    "aria-labelledby": string;
+    "aria-controls": string;
+    selectedOptions: MultiSelectOption[];
+    isOpen?: boolean | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    classNameOverride?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/dts/MultiSelect/subcomponents/MultiSelectToggle/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export type MultiSelectOption = {
+    label: string;
+    value: string | number;
+};

package/dist/cjs/dts/Notification/subcomponents/CancelButton/CancelButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type CancelButtonProps = {
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const CancelButton: {
+    ({ onClick }: CancelButtonProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/Notification/subcomponents/CancelButton/index.d.ts

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

package/dist/cjs/dts/Notification/subcomponents/GenericNotification/GenericNotification.d.ts

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from "react";
+import { HeadingProps } from "@kaizen/typography";
+import { NotificationType } from "../../types";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export type GenericNotificationProps = {
+    type: NotificationType;
+    style: "global" | "inline" | "toast";
+    children?: React.ReactNode;
+    title?: string;
+    persistent?: boolean;
+    onHide?: () => void;
+    noBottomMargin?: boolean;
+    forceMultiline?: boolean;
+    headingProps?: HeadingProps;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const GenericNotification: {
+    ({ type, style, children, title, persistent, onHide, noBottomMargin, forceMultiline, headingProps, classNameOverride, ...restProps }: GenericNotificationProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/subcomponents/GenericNotification/index.d.ts

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

package/dist/cjs/dts/Notification/subcomponents/NotificationHeading/NotificationHeading.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { HeadingProps } from "@kaizen/typography";
+type NotificationHeadingProps = {
+    titleProp?: HeadingProps["children"];
+    headingProps?: HeadingProps;
+};
+export declare const NotificationHeading: {
+    ({ titleProp, headingProps, }: NotificationHeadingProps): JSX.Element | null;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/Notification/subcomponents/NotificationHeading/index.d.ts

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

package/dist/cjs/dts/Notification/subcomponents/NotificationIcon/NotificationIcon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { NotificationType } from "../../types";
+export type NotificationIconProps = {
+    type: NotificationType;
+};
+export declare const NotificationIcon: {
+    ({ type, }: NotificationIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/subcomponents/NotificationIcon/index.d.ts

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

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";

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

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

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

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

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

@@ -0,0 +1,29 @@
+import React from "react";
+import { AvatarProps } from "../Avatar";
+import { TagVariants } from "./types";
+export type TagWithAvatarProps = Omit<DefaultTagProps, "variant"> & {
+    variant: "profile";
+    avatar: JSX.Element | AvatarProps;
+};
+type Variant = (typeof TagVariants)[number];
+export interface DefaultTagProps {
+    variant?: Variant;
+    children: React.ReactNode;
+    size?: "medium" | "small";
+    inline?: boolean;
+    dismissible?: boolean;
+    onDismiss?: React.MouseEventHandler<HTMLSpanElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLSpanElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>;
+    truncateWidth?: number;
+}
+export type TagProps = DefaultTagProps | TagWithAvatarProps;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}
+ */
+export declare const Tag: {
+    (props: TagProps): JSX.Element;
+    displayName: string;
+};
+export {};

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

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

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

@@ -0,0 +1,4 @@
+export declare const ValidationTagVariants: readonly ["validationPositive", "validationInformative", "validationNegative", "validationCautionary"];
+export declare const SentimentTagVariants: readonly ["sentimentPositive", "sentimentNeutral", "sentimentNegative", "sentimentNone"];
+export declare const StatusTagVariants: readonly ["statusLive", "statusDraft", "statusClosed", "statusAction"];
+export declare const TagVariants: readonly ["default", "statusLive", "statusDraft", "statusClosed", "statusAction", "sentimentPositive", "sentimentNeutral", "sentimentNegative", "sentimentNone", "validationPositive", "validationInformative", "validationNegative", "validationCautionary"];

package/dist/cjs/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/cjs/dts/Workflow/Workflow.d.ts

@@ -5,7 +5,8 @@ export type WorkflowProps = OverrideClassName<HTMLAttributes<HTMLDivElement>> &
 /**
  * @deprecated Use { Workflow } from `@kaizen/components/future`
  */
-export declare const Workflow: (({ stepName, steps, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowProps) => JSX.Element) & {
+export declare const Workflow: {
+    ({ stepName, steps, isComplete, workflowName, status, headerActions, children, nextAction, previousAction, classNameOverride, ...restProps }: WorkflowProps): JSX.Element;
     Header: {
         ({ workflowName, stepName, status, headerActions, ...restProps }: HeaderProps): JSX.Element;
         displayName: string;

package/dist/cjs/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/cjs/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/cjs/dts/__future__/Select/index.d.ts

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

package/dist/cjs/dts/__future__/Select/subcomponents/ListBox/ListBox.d.ts

@@ -0,0 +1,13 @@
+import React, { HTMLAttributes } from "react";
+import { AriaListBoxOptions } from "@react-aria/listbox";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
+import { SelectOption, SelectItem } from "../../types";
+export type SingleListBoxProps<Option extends SelectOption> = OverrideClassName<HTMLAttributes<HTMLUListElement>> & {
+    children: React.ReactNode;
+    /** Props for the popup. */
+    menuProps: AriaListBoxOptions<SelectItem<Option>>;
+};
+export declare const ListBox: {
+    <Option extends SelectOption>({ children, menuProps, classNameOverride, ...restProps }: SingleListBoxProps<Option>): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/__future__/Select/subcomponents/Option/Option.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../types/OverrideClassName";
+import { SelectOption, SelectOptionNode } from "../../types";
+export type OptionProps<Option extends SelectOption = SelectOption> = {
+    item: SelectOptionNode<Option>;
+} & OverrideClassName<Omit<HTMLAttributes<HTMLLIElement>, "children">>;
+export declare const Option: {
+    <Option extends SelectOption = SelectOption>({ item, classNameOverride, ...props }: OptionProps<Option>): JSX.Element;
+    displayName: string;
+};