@kaizen/components 1.44.0 → 1.45.1

package/dist/types/jest.setup.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/types/packages/components/src/BrandMoment/_docs/ExampleHeaders.d.ts

@@ -0,0 +1,3 @@
+export declare const MinimalBasic: () => JSX.Element;
+export declare const MinimalCustomerFocused: () => JSX.Element;
+export declare const FakeNavBar: () => JSX.Element;

package/dist/types/packages/components/src/Button/GenericButton/GenericButton.d.ts

@@ -0,0 +1,81 @@
+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;
+    "data-testid"?: string;
+};
+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 SharedButtonProps = {
+    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 type WorkingButtonProps = WorkingProps | WorkingUndefinedProps;
+export type BaseButtonProps = GenericProps & ButtonFormAttributes & {
+    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 type GenericButtonProps = BaseButtonProps & WorkingButtonProps;
+export declare const GenericButton: React.ForwardRefExoticComponent<RenderProps & React.RefAttributes<ButtonRef | undefined>>;

package/dist/types/packages/components/src/Button/IconButton/IconButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { BaseButtonProps, WorkingButtonProps, ButtonRef } from "../GenericButton";
+export type IconButtonProps = Omit<BaseButtonProps, "iconPosition"> & WorkingButtonProps;
+/**
+ * {@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: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<ButtonRef | undefined>>;

package/dist/types/packages/components/src/Calendar/CalendarRange/CalendarRange.d.ts

@@ -0,0 +1,12 @@
+import { DayPickerRangeProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarRangeElement = HTMLDivElement;
+export type CalendarRangeProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarRangeElement) => void;
+    hasDivider?: boolean;
+} & OverrideClassName<Omit<DayPickerRangeProps, "mode">>;
+export declare const CalendarRange: {
+    ({ id, onMount, hasDivider, classNameOverride, selected, defaultMonth, locale, ...restProps }: CalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -0,0 +1,11 @@
+import { DayPickerSingleProps } from "react-day-picker";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type CalendarSingleElement = HTMLDivElement;
+export type CalendarSingleProps = {
+    id?: string;
+    onMount?: (calendarElement: CalendarSingleElement) => void;
+} & OverrideClassName<Omit<DayPickerSingleProps, "mode">>;
+export declare const CalendarSingle: {
+    ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, ...restProps }: CalendarSingleProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts

@@ -0,0 +1,17 @@
+import type { Locale } from "date-fns";
+import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
+import { DayOfWeek } from "../enums";
+export type LegacyCalendarRangeElement = HTMLDivElement;
+export type LegacyCalendarRangeProps = {
+    classNameOverride?: string;
+    defaultMonth?: Date;
+    weekStartsOn?: DayOfWeek;
+    disabledDays?: Matcher[];
+    selectedRange?: DateRange;
+    locale: Locale;
+    onDayChange: DayClickEventHandler;
+};
+export declare const LegacyCalendarRange: {
+    ({ classNameOverride, defaultMonth, weekStartsOn, disabledDays, selectedRange, locale, onDayChange, }: LegacyCalendarRangeProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Calendar/_docs/controls/defaultMonthControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const defaultMonthControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/Calendar/_docs/controls/weekStartsOnControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const weekStartsOnControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.d.ts

@@ -0,0 +1,10 @@
+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/types/packages/components/src/DateInput/DateInputDescription/DateInputDescription.d.ts

@@ -0,0 +1,9 @@
+import type { Locale } from "date-fns";
+export type DateInputDescriptionProps = {
+    description?: string | JSX.Element;
+    locale: Locale;
+};
+export declare const DateInputDescription: {
+    ({ description, locale, }: DateInputDescriptionProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/DatePicker/_docs/controls/datePickerLocaleControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const datePickerLocaleControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/DatePicker/_docs/controls/disabledDayMatchersControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const disabledDayMatchersControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/Filter/FilterBar/FilterBar.d.ts

@@ -0,0 +1,24 @@
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { FilterBarProviderProps } from "./context/FilterBarContext";
+import { FiltersValues } from "./types";
+export type FilterBarProps<ValuesMap extends FiltersValues> = OverrideClassName<Omit<FilterBarProviderProps<ValuesMap>, "children">>;
+export declare const FilterBar: {
+    <ValuesMap extends FiltersValues>({ filters, classNameOverride, ...providerProps }: FilterBarProps<ValuesMap>): JSX.Element;
+    displayName: string;
+    DatePicker: {
+        ({ id, onDateChange, locale, ...props }: import("./subcomponents").FilterBarDatePickerProps): JSX.Element;
+        displayName: string;
+    };
+    DateRangePicker: {
+        ({ id, onRangeChange, locale, ...props }: import("./subcomponents").FilterBarDateRangePickerProps): JSX.Element;
+        displayName: string;
+    };
+    MultiSelect: {
+        ({ id, items: propsItems, children, onSelectionChange, ...props }: import("./subcomponents").FilterBarMultiSelectProps): JSX.Element | null;
+        displayName: string;
+    };
+    Select: {
+        <Option extends import("..").SelectOption = import("..").SelectOption>({ id, items: propsItems, onSelectionChange, ...props }: import("./subcomponents").FilterBarSelectProps<Option>): JSX.Element;
+        displayName: string;
+    };
+};

package/dist/types/packages/components/src/Filter/FilterBar/context/FilterBarContext.d.ts

@@ -0,0 +1,25 @@
+import { FilterAttributes, FilterState, Filters, FiltersValues } from "../types";
+import { ActiveFiltersArray } from "./types";
+export type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {
+    getFilterState: <Id extends keyof ValuesMap>(id: Id) => FilterState<keyof ValuesMap, ValuesMap[Id]>;
+    getActiveFilterValues: () => Partial<ValuesMap>;
+    /**
+     * @deprecated Use `setFilterOpenState` instead.
+     */
+    toggleOpenFilter: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
+    setFilterOpenState: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
+    openFilter: <Id extends keyof ValuesMap>(id: Id) => void;
+    updateValue: <Id extends keyof ValuesMap>(id: Id, value: ValuesMap[Id]) => void;
+    showFilter: <Id extends keyof ValuesMap>(id: Id) => void;
+    hideFilter: <Id extends keyof ValuesMap>(id: Id) => void;
+    getInactiveFilters: () => Array<FilterAttributes<ValuesMap>>;
+    clearAllFilters: () => void;
+};
+export declare const useFilterBarContext: <Value, Values extends FiltersValues = Record<string, Value>>() => FilterBarContextValue<Value, Values>;
+export type FilterBarProviderProps<ValuesMap extends FiltersValues> = {
+    children: (activeFilters: ActiveFiltersArray<ValuesMap>) => JSX.Element;
+    filters: Filters<ValuesMap>;
+    values: Partial<ValuesMap>;
+    onValuesChange: (values: Partial<ValuesMap>) => void;
+};
+export declare const FilterBarProvider: <ValuesMap extends FiltersValues>({ children, filters, values, onValuesChange, }: FilterBarProviderProps<ValuesMap>) => JSX.Element;

package/dist/types/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.d.ts

@@ -0,0 +1,4 @@
+export declare const AddFiltersMenu: {
+    (): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.d.ts

@@ -0,0 +1,4 @@
+export declare const ClearAllButton: {
+    (): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.d.ts

@@ -0,0 +1,10 @@
+import { FilterDatePickerProps } from "../../../FilterDatePicker";
+export type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
+    id?: string;
+    locale?: FilterDatePickerProps["locale"];
+    onDateChange?: FilterDatePickerProps["onDateChange"];
+};
+export declare const FilterBarDatePicker: {
+    ({ id, onDateChange, locale, ...props }: FilterBarDatePickerProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.d.ts

@@ -0,0 +1,10 @@
+import { FilterDateRangePickerProps } from "../../../FilterDateRangePicker";
+export type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
+    id?: string;
+    onRangeChange?: FilterDateRangePickerProps["onRangeChange"];
+    locale?: FilterDateRangePickerProps["locale"];
+};
+export declare const FilterBarDateRangePicker: {
+    ({ id, onRangeChange, locale, ...props }: FilterBarDateRangePickerProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.d.ts

@@ -0,0 +1,10 @@
+import { Key } from "@react-types/shared";
+import { FilterMultiSelectProps } from "../../../FilterMultiSelect";
+export type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {
+    id?: string;
+};
+export type ConsumableSelection = string | Key[] | undefined;
+export declare const FilterBarMultiSelect: {
+    ({ id, items: propsItems, children, onSelectionChange, ...props }: FilterBarMultiSelectProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.d.ts

@@ -0,0 +1,8 @@
+import { FilterSelectProps, SelectOption } from "../../../FilterSelect";
+export type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
+    id?: string;
+};
+export declare const FilterBarSelect: {
+    <Option extends SelectOption = SelectOption>({ id, items: propsItems, onSelectionChange, ...props }: FilterBarSelectProps<Option>): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterDatePicker/FilterDatePicker.d.ts

@@ -0,0 +1,14 @@
+import { FilterProps } from "../Filter";
+import { FilterButtonProps } from "../FilterButton";
+import { FilterDatePickerFieldProps } from "./subcomponents/FilterDatePickerField";
+export type FilterDatePickerProps = {
+    id?: string;
+    label: string;
+    isOpen: FilterProps["isOpen"];
+    setIsOpen: FilterProps["setIsOpen"];
+    renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element;
+} & Omit<FilterDatePickerFieldProps, "id">;
+export declare const FilterDatePicker: {
+    ({ isOpen, setIsOpen, renderTrigger, selectedDate, label, locale, onDateSubmit, ...restProps }: FilterDatePickerProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterDatePicker/_docs/controls/disabledDaysControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const disabledDaysControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/Filter/FilterDatePicker/_docs/controls/validationControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const validationControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/Filter/FilterDateRangePicker/FilterDateRangePicker.d.ts

@@ -0,0 +1,13 @@
+import { FilterProps } from "../Filter";
+import { FilterButtonProps } from "../FilterButton";
+import { FilterDateRangePickerFieldProps } from "./subcomponents/FilterDateRangePickerField";
+export type FilterDateRangePickerProps = {
+    id?: string;
+    isOpen: FilterProps["isOpen"];
+    setIsOpen: FilterProps["setIsOpen"];
+    renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element;
+} & Omit<FilterDateRangePickerFieldProps, "id">;
+export declare const FilterDateRangePicker: {
+    ({ id: propsId, isOpen, setIsOpen, renderTrigger, selectedRange, label, locale, ...restProps }: FilterDateRangePickerProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterDateRangePicker/_docs/controls/disabledDaysControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const disabledDaysControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/Filter/FilterDateRangePicker/_docs/controls/validationControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const validationControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts

@@ -0,0 +1,12 @@
+import type { Locale } from "date-fns";
+export type DateRangeDisplayLabelProps = {
+    dateRange: {
+        from: Date;
+        to: Date;
+    };
+    locale: Locale;
+};
+export declare const DateRangeDisplayLabel: {
+    ({ dateRange, locale, }: DateRangeDisplayLabelProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.d.ts

@@ -0,0 +1,11 @@
+import { DateRangeFieldValidationMessage } from "../FilterDateRangePickerField/types";
+export type DateRangeValidationMessageProps = {
+    validationMessage?: DateRangeFieldValidationMessage;
+    dateStartId?: string;
+    dateEndId?: string;
+    isReversed?: boolean;
+};
+export declare const DateRangeValidationMessage: {
+    ({ validationMessage, dateStartId, dateEndId, isReversed, }: DateRangeValidationMessageProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from "../../../../Button";
+export type LoadMoreButtonProps = ButtonProps;
+export declare const LoadMoreButton: {
+    (props: LoadMoreButtonProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.d.ts

@@ -0,0 +1,7 @@
+export type MenuLoadingSkeletonProps = {
+    isAnimated?: boolean;
+};
+export declare const MenuLoadingSkeleton: {
+    ({ isAnimated, }: MenuLoadingSkeletonProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.d.ts

@@ -0,0 +1,9 @@
+import { MultiSelectItem } from "../../types";
+export interface MultiSelectOptionProps {
+    classNameOverride?: string;
+    item: MultiSelectItem;
+}
+export declare const MultiSelectOption: {
+    ({ classNameOverride, item, }: MultiSelectOptionProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.d.ts

@@ -0,0 +1,9 @@
+export type SearchInputProps = {
+    label?: string;
+    id?: string;
+    isLoading?: boolean;
+};
+export declare const SearchInput: {
+    ({ label, id, isLoading, }: SearchInputProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.d.ts

@@ -0,0 +1 @@
+export declare const SectionDivider: () => JSX.Element;

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.d.ts

@@ -0,0 +1,4 @@
+export declare const ClearButton: {
+    (): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.d.ts

@@ -0,0 +1,4 @@
+export declare const SelectAllButton: {
+    (): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.d.ts

@@ -0,0 +1,14 @@
+export type FilterTriggerButtonProps = {
+    label: string;
+    selectedOptionLabels: string[];
+    /**
+     * Character limit of the button label.
+     * It will always show the first selected label regardless if it exceeds the given character limit.
+     */
+    labelCharacterLimitBeforeTruncate?: number;
+    classNameOverride?: string;
+};
+export declare const FilterTriggerButton: {
+    ({ selectedOptionLabels, label, classNameOverride, labelCharacterLimitBeforeTruncate, }: FilterTriggerButtonProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.d.ts

@@ -0,0 +1,8 @@
+import { FilterTriggerButtonProps } from "../FilterTriggerButton";
+export type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
+    onRemove: () => void;
+};
+export declare const RemovableFilterTrigger: {
+    ({ label, selectedOptionLabels, labelCharacterLimitBeforeTruncate, classNameOverride, onRemove, }: RemovableFilterTriggerProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/packages/components/src/Filter/FilterSelect/FilterSelect.d.ts

@@ -0,0 +1,35 @@
+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, 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?: 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("../../__future__/Select/subcomponents").ListBoxSectionProps<Option_1>): JSX.Element;
+        displayName: string;
+    };
+    SectionDivider: {
+        (): JSX.Element;
+        displayName: string;
+    };
+    Option: {
+        <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("../../__future__/Select/subcomponents").ListItemProps<Option_3>): JSX.Element;
+        displayName: string;
+    };
+};
+export {};

package/dist/types/packages/components/src/Filter/_docs/controls/renderTriggerControls.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from "@storybook/react";
+export declare const renderTriggerControls: Partial<ArgTypes>;

package/dist/types/packages/components/src/Icon/AcademyIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const AcademyIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ActionOffIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ActionOffIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ActionOffWhiteIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ActionOffWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ActionOnIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ActionOnIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/AddIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const AddIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/AddLinkIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const AddLinkIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/AddWhiteIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const AddWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/AiIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const AiIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ArchivedIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ArchivedIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ArchivedWhiteIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ArchivedWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ArrowBackwardIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ArrowBackwardIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ArrowDownIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ArrowDownIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ArrowForwardIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ArrowForwardIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ArrowLeftIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ArrowLeftIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ArrowRightIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ArrowRightIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ArrowUpIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ArrowUpIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/BlankIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const BlankIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/BoldIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const BoldIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/BookmarkOffIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const BookmarkOffIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/BookmarkOnIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const BookmarkOnIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/BranchingIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const BranchingIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/BullettedListIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const BullettedListIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/CaMonogramIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const CaMonogramIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/CameraIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const CameraIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/CautionIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const CautionIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/CautionWhiteIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const CautionWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/CheckIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const CheckIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ChevronDownIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ChevronDownIcon: (props: IconProps) => JSX.Element;

package/dist/types/packages/components/src/Icon/ChevronLeftIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./types";
+export declare const ChevronLeftIcon: (props: IconProps) => JSX.Element;