@vibe/core 3.86.0 → 3.87.0

package/dist/components/loader/dist/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../../../components/loader/dist/Loader/Loader.js"],"sourcesContent":["import e,{forwardRef as r,useMemo as a}from\"react\";import t from\"classnames\";import{getTestId as o,ComponentDefaultTestId as i}from\"@vibe/shared\";import c from\"./Loader.module.scss.js\";const l={xs:16,small:24,medium:40,large:64},s={primary:\"primary-color\",secondary:\"secondary-text-color\",onPrimary:\"text-color-on-inverted\",dark:\"primary-text-color\"},n=r((({className:r,wrapperClassName:n,size:d,color:m,hasBackground:p=!1,id:f,\"data-testid\":y},h)=>{const u=a((()=>{const e=\"string\"==typeof d?l[d]:d;if(\"number\"==typeof e)return{width:e,height:e}}),[d]),x=a((()=>{if(s[m])return`var(--${s[m]})`}),[m]);return e.createElement(\"div\",{className:t(c.loaderContainer,n),ref:h,role:\"alert\",title:\"loading\",style:u,id:f,\"data-testid\":y||o(i.LOADER,f)},e.createElement(\"svg\",{className:t(c.circleLoaderSpinner,r),viewBox:\"0 0 50 50\",color:x,\"aria-hidden\":!0},p&&e.createElement(\"circle\",{className:c.circleLoaderSpinnerBackground,cx:\"25\",cy:\"25\",r:\"20\",fill:\"none\",strokeWidth:\"5\"}),e.createElement(\"circle\",{className:c.circleLoaderSpinnerPath,cx:\"25\",cy:\"25\",r:\"20\",fill:\"none\",strokeWidth:\"5\"})))}));export{n as default};\n//# sourceMappingURL=Loader.js.map\n"],"names":["l","xs","small","medium","large","s","primary","secondary","onPrimary","dark","n","r","_ref","h","className","wrapperClassName","d","size","m","color","_ref$hasBackground","hasBackground","p","f","id","y","u","a","e","width","height","x","concat","createElement","t","c","loaderContainer","ref","role","title","style","o","i","LOADER","circleLoaderSpinner","viewBox","circleLoaderSpinnerBackground","cx","cy","fill","strokeWidth","circleLoaderSpinnerPath"],"mappings":"oRAMA,IAAMA,EAAoD,CACxDC,GAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGHC,EAAwD,CAC5DC,QAAS,gBACTC,UAAW,uBACXC,UAAW,yBACXC,KAAM,sBAsBFC,EAASC,GACb,SAAAC,EAEEC,GAAA,IADEF,EAAAC,EAAAE,UAAWJ,EAAAE,EAAAG,iBAAkBC,EAAAJ,EAAAK,KAAMC,EAAAN,EAAAO,MAAAC,EAAAR,EAAOS,cAAAC,OAAgB,IAAhBF,GAAgBA,EAAOG,EAAAX,EAAAY,GAAmBC,EAAAb,EAAf,eAGjEc,EAAYC,GAAQ,WACxB,IAAMC,EAA6B,iBAATZ,EAAoBhB,EAAqBgB,GAAQA,EAC3E,GAA0B,iBAAfY,EACT,MAAO,CAAEC,MAAOD,EAAYE,OAAQF,EAEtB,GACf,CAACZ,IAEEe,EAAaJ,GAAQ,WACzB,GAAKtB,EAAwBa,GAC7B,eAAAc,OAAgB3B,EAAwBa,GAAA,IAAS,GAChD,CAACA,IAEJ,OACEU,EACEK,cAAA,MAAA,CAAAnB,UAAWoB,EAAGC,EAAOC,gBAAiB1B,GACtC2B,IAAKxB,EACLyB,KAAK,QACLC,MAAM,UACNC,MAAOd,EACPF,GAAID,EAAA,cACSE,GAAcgB,EAAUC,EAAuBC,OAAQpB,IAEpEK,EAAAK,cAAA,MAAA,CAAKnB,UAAWoB,EAAGC,EAAOS,oBAAqBjC,GAAYkC,QAAQ,YAAY1B,MAAOY,EAAU,eAAA,GAC7FT,GACCM,EACEK,cAAA,SAAA,CAAAnB,UAAWqB,EAAOW,8BAClBC,GAAG,KACHC,GAAG,KACHrC,EAAE,KACFsC,KAAK,OACLC,YAAY,MAGhBtB,EAAAK,cAAA,SAAA,CAAQnB,UAAWqB,EAAOgB,wBAAyBJ,GAAG,KAAKC,GAAG,KAAKrC,EAAE,KAAKsC,KAAK,OAAOC,YAAY,OAEhG"}
+{"version":3,"file":"Loader.js","sources":["../../../../../../components/loader/dist/Loader/Loader.js"],"sourcesContent":["import e,{forwardRef as r,useMemo as a}from\"react\";import o from\"classnames\";import{LoaderSizes as t,LoaderColors as s}from\"./LoaderConstants.js\";import{getTestId as i,ComponentDefaultTestId as c,withStaticProps as l}from\"@vibe/shared\";import n from\"./Loader.module.scss.js\";const m={xs:16,small:24,medium:40,large:64},d={primary:\"primary-color\",secondary:\"secondary-text-color\",onPrimary:\"text-color-on-inverted\",dark:\"primary-text-color\"};var p=l(r((({className:r,wrapperClassName:t,size:s,color:l,hasBackground:p=!1,id:f,\"data-testid\":y},h)=>{const u=a((()=>{const e=\"string\"==typeof s?m[s]:s;if(\"number\"==typeof e)return{width:e,height:e}}),[s]),x=a((()=>{if(d[l])return`var(--${d[l]})`}),[l]);return e.createElement(\"div\",{className:o(n.loaderContainer,t),ref:h,role:\"alert\",title:\"loading\",style:u,id:f,\"data-testid\":y||i(c.LOADER,f)},e.createElement(\"svg\",{className:o(n.circleLoaderSpinner,r),viewBox:\"0 0 50 50\",color:x,\"aria-hidden\":!0},p&&e.createElement(\"circle\",{className:n.circleLoaderSpinnerBackground,cx:\"25\",cy:\"25\",r:\"20\",fill:\"none\",strokeWidth:\"5\"}),e.createElement(\"circle\",{className:n.circleLoaderSpinnerPath,cx:\"25\",cy:\"25\",r:\"20\",fill:\"none\",strokeWidth:\"5\"})))})),{sizes:t,colors:s});export{p as default};\n//# sourceMappingURL=Loader.js.map\n"],"names":["m","xs","small","medium","large","d","primary","secondary","onPrimary","dark","p","l","r","_ref","h","className","t","wrapperClassName","s","size","color","_ref$hasBackground","hasBackground","f","id","y","u","a","e","width","height","x","concat","createElement","o","n","loaderContainer","ref","role","title","style","i","c","LOADER","circleLoaderSpinner","viewBox","circleLoaderSpinnerBackground","cx","cy","fill","strokeWidth","circleLoaderSpinnerPath","sizes","colors"],"mappings":"4aAOA,IAAMA,EAAoD,CACxDC,GAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGHC,EAAwD,CAC5DC,QAAS,gBACTC,UAAW,uBACXC,UAAW,yBACXC,KAAM,sBAyEOC,EAAAC,EAnDAC,GACb,SAAAC,EAEEC,GAAA,IADEF,EAAAC,EAAAE,UAAWC,EAAAH,EAAAI,iBAAkBC,EAAAL,EAAAM,KAAMR,EAAAE,EAAAO,MAAAC,EAAAR,EAAOS,cAAAZ,OAAgB,IAAhBW,GAAgBA,EAAOE,EAAAV,EAAAW,GAAmBC,EAAAZ,EAAf,eAGjEa,EAAYC,GAAQ,WACxB,IAAMC,EAA6B,iBAATV,EAAoBlB,EAAqBkB,GAAQA,EAC3E,GAA0B,iBAAfU,EACT,MAAO,CAAEC,MAAOD,EAAYE,OAAQF,EAEtB,GACf,CAACV,IAEEa,EAAaJ,GAAQ,WACzB,GAAKtB,EAAwBM,GAC7B,eAAAqB,OAAgB3B,EAAwBM,GAAA,IAAS,GAChD,CAACA,IAEJ,OACEiB,EACEK,cAAA,MAAA,CAAAlB,UAAWmB,EAAGC,EAAOC,gBAAiBpB,GACtCqB,IAAKvB,EACLwB,KAAK,QACLC,MAAM,UACNC,MAAOd,EACPF,GAAID,EAAA,cACSE,GAAcgB,EAAUC,EAAuBC,OAAQpB,IAEpEK,EAAAK,cAAA,MAAA,CAAKlB,UAAWmB,EAAGC,EAAOS,oBAAqBhC,GAAYiC,QAAQ,YAAYzB,MAAOW,EAAU,eAAA,GAC7FrB,GACCkB,EACEK,cAAA,SAAA,CAAAlB,UAAWoB,EAAOW,8BAClBC,GAAG,KACHC,GAAG,KACHpC,EAAE,KACFqC,KAAK,OACLC,YAAY,MAGhBtB,EAAAK,cAAA,SAAA,CAAQlB,UAAWoB,EAAOgB,wBAAyBJ,GAAG,KAAKC,GAAG,KAAKpC,EAAE,KAAKqC,KAAK,OAAOC,YAAY,OAEhG,IAU2D,CACrEE,MAAOpC,EACPqC,OAAQnC"}

package/dist/components/loader/dist/Loader/LoaderConstants.js

@@ -0,0 +1,2 @@
+var r,a;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.ON_PRIMARY="onPrimary",r.DARK="dark"}(r||(r={})),function(r){r.XS="xs",r.SMALL="small",r.MEDIUM="medium",r.LARGE="large"}(a||(a={}));export{r as LoaderColors,a as LoaderSizes};
+//# sourceMappingURL=LoaderConstants.js.map

package/dist/components/loader/dist/Loader/LoaderConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderConstants.js","sources":["../../../../../../components/loader/dist/Loader/LoaderConstants.js"],"sourcesContent":["var r,a;!function(r){r.PRIMARY=\"primary\",r.SECONDARY=\"secondary\",r.ON_PRIMARY=\"onPrimary\",r.DARK=\"dark\"}(r||(r={})),function(r){r.XS=\"xs\",r.SMALL=\"small\",r.MEDIUM=\"medium\",r.LARGE=\"large\"}(a||(a={}));export{r as LoaderColors,a as LoaderSizes};\n//# sourceMappingURL=LoaderConstants.js.map\n"],"names":["r","a","PRIMARY","SECONDARY","ON_PRIMARY","DARK","XS","SMALL","MEDIUM","LARGE"],"mappings":"AAGYA,IAAAA,EAUAC,GAVZ,SAAYD,GACVA,EAAAE,QACAF,UAAAA,EAAAG,UAAA,YACAH,EAAAI,WAAA,YACAJ,EAAAK,KACD,MAAA,CALD,CAAYL,IAAAA,EAKX,CAAA,IAKD,SAAYA,GACVA,EAAAM,GACAN,KAAAA,EAAAO,MAAA,QACAP,EAAAQ,OAAA,SACAR,EAAAS,MACD,OAAA,CALD,CAAYR,IAAAA,EAKX,CAAA"}

package/dist/components/next/AttentionBox/AttentionBox.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { AttentionBoxProps } from "./AttentionBox.types";
+declare const AttentionBox: React.ForwardRefExoticComponent<AttentionBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default AttentionBox;

package/dist/components/next/AttentionBox/AttentionBox.types.d.ts

@@ -0,0 +1,70 @@
+import type { ReactNode, MouseEvent } from "react";
+import type { VibeComponentProps } from "../../../types";
+import type { SubIcon, IconType } from "@vibe/icon";
+import type { AttentionBoxButtonProps } from "./components/AttentionBoxButton/AttentionBoxButton";
+import type { AttentionBoxLinkProps } from "./components/AttentionBoxLink/AttentionBoxLink";
+export type AttentionBoxType = "primary" | "positive" | "negative" | "warning" | "neutral";
+export type AttentionBoxContentProps = {
+    /**
+     * The main text content
+     */
+    text: string;
+    children?: never;
+} | {
+    /**
+     * Custom children to override the default text content
+     */
+    children: ReactNode;
+    text?: never;
+};
+export interface AttentionBoxLayoutSharedProps extends Pick<AttentionBoxProps, "icon" | "iconType" | "onClose" | "closeButtonAriaLabel" | "action" | "link"> {
+    content: ReactNode;
+}
+export type AttentionBoxCompactTitleProps = {
+    compact?: false;
+    /**
+     * The title of the attention box
+     */
+    title?: string;
+} | {
+    /**
+     * When true, the attention box will be displayed in compact mode of one-liner
+     */
+    compact: true;
+    title?: never;
+};
+export type AttentionBoxRole = "alert" | "status";
+export type AttentionBoxProps = VibeComponentProps & AttentionBoxContentProps & AttentionBoxCompactTitleProps & {
+    /**
+     * The variant type of the attention box
+     */
+    type?: AttentionBoxType;
+    /**
+     * The type of the icon
+     */
+    iconType?: IconType;
+    /**
+     * The icon to display. Pass `false` to hide the icon entirely, or omit to use the default icon for the type.
+     */
+    icon?: SubIcon | false;
+    /**
+     * Callback when the close button is clicked
+     */
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Custom aria label for the close button
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * Whether to animate the entrance
+     */
+    animate?: boolean;
+    /**
+     * Action button configuration
+     */
+    action?: AttentionBoxButtonProps;
+    /**
+     * Link configuration
+     */
+    link?: Omit<AttentionBoxLinkProps, "inlineText">;
+};

package/dist/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { LinkProps } from "../../../../Link";
+export type AttentionBoxLinkProps = LinkProps;
+declare const AttentionBoxLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default AttentionBoxLink;

package/dist/components/next/AttentionBox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AttentionBox } from "./AttentionBox";
+export type { AttentionBoxProps, AttentionBoxType } from "./AttentionBox.types";

package/dist/components/next/DatePicker/DatePicker.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from "react";
+import { type DatePickerProps } from "./DatePicker.types";
+export declare const DEFAULT_TIME: {
+    hours: number;
+    minutes: number;
+};
+declare const DatePicker: FC<DatePickerProps>;
+export default DatePicker;

package/dist/components/next/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DatePicker } from "./DatePicker";
+export * from "./DatePicker.types";

package/dist/components/next/Dropdown/Dropdown.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { type BaseDropdownProps } from "./Dropdown.types";
+import { type BaseItemData } from "../../BaseItem";
+declare const _default: <Item extends BaseItemData<Record<string, unknown>>>(props: BaseDropdownProps<Item> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+export default _default;

package/dist/components/next/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,268 @@
+import type React from "react";
+import { type DropdownListGroup } from "./components/DropdownBaseList/DropdownBaseList.types";
+import { type VibeComponentProps } from "../../../types";
+import { type BaseItemData } from "../../BaseItem";
+import { type TooltipProps } from "@vibe/tooltip";
+export type DropdownOption<Item = Record<string, unknown>> = BaseItemData<Item>;
+export type DropdownGroupOption<Item = Record<string, unknown>> = DropdownListGroup<Item>[] | BaseItemData<Item>[];
+interface MultiSelectSpecifics<Item extends BaseItemData<Record<string, unknown>>> {
+    /**
+     * If true, the dropdown allows multiple selections.
+     */
+    multi: true;
+    multiline?: boolean;
+    /**
+     * Callback fired when an option is removed in multi-select mode. Only available when multi is true.
+     */
+    onOptionRemove?: (option: Item) => void;
+    /**
+     * The function to call to render the selected value on single select mode.
+     */
+    valueRenderer?: never;
+    /**
+     * The default selected values for multi-select.
+     */
+    defaultValue?: Item[];
+    /**
+     * The controlled selected values for multi-select.
+     */
+    value?: Item[];
+    /**
+     * Callback fired when the selected values change in multi-select mode.
+     */
+    onChange?: (options: Item[]) => void;
+    /**
+     * Minimum number of selected chips to always show before overflowing to the counter.
+     */
+    minVisibleCount?: number;
+}
+interface SingleSelectSpecifics<Item extends BaseItemData<Record<string, unknown>>> {
+    /**
+     * If true, the dropdown allows multiple selections. Defaults to false.
+     */
+    multi?: false;
+    /**
+     * If true, the dropdown allows multiple lines of selected items. (Not available for single select)
+     */
+    multiline?: never;
+    /**
+     * Callback fired when an option is removed in multi-select mode. (Not available for single select)
+     */
+    onOptionRemove?: never;
+    /**
+     * The function to call to render the selected value on single select mode.
+     */
+    valueRenderer?: (option: Item) => React.ReactNode;
+    /**
+     * The default selected value for single-select.
+     */
+    defaultValue?: Item;
+    /**
+     * The controlled selected value for single-select.
+     */
+    value?: Item;
+    /**
+     * Callback fired when the selected value changes in single-select mode.
+     */
+    onChange?: (option: Item) => void;
+    /**
+     * Minimum number of selected chips to always show before overflowing to the counter. (Not available for single select)
+     */
+    minVisibleCount?: never;
+}
+type BoxModeConstraint = {
+    /**
+     * If true, the dropdown is searchable.
+     */
+    searchable?: false;
+    /**
+     * If true, the dropdown menu is displayed inline without a popup/dialog.
+     */
+    boxMode?: false;
+} | {
+    /**
+     * If true, the dropdown is searchable.
+     */
+    searchable: true;
+    /**
+     * If true, the dropdown menu is displayed inline without a popup/dialog.
+     */
+    boxMode?: boolean;
+};
+export type BaseDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = VibeComponentProps & BoxModeConstraint & {
+    /**
+     * The list of options available in the list.
+     */
+    options: DropdownGroupOption<Item>;
+    /**
+     * Props to be passed to the Tooltip component that wraps the dropdown.
+     */
+    tooltipProps?: Partial<TooltipProps>;
+    /**
+     * If true, displays dividers between grouped options.
+     */
+    withGroupDivider?: boolean;
+    /**
+     * If true, makes the group title sticky.
+     */
+    stickyGroupTitle?: boolean;
+    /**
+     * The size of the dropdown.
+     */
+    size?: DropdownSizes;
+    /**
+     * The direction of the dropdown.
+     */
+    dir?: DropdownDirection;
+    /**
+     * If true, the dropdown has no visible border by default, but shows border on hover, focus, and active states.
+     */
+    borderless?: boolean;
+    /**
+     * The function to call to render an option.
+     */
+    optionRenderer?: (option: Item) => React.ReactNode;
+    /**
+     * The function to call to render the menu.
+     */
+    menuRenderer?: (props: {
+        children: React.ReactNode;
+        filteredOptions: DropdownListGroup<Item>[];
+        selectedItems: Item[];
+        getItemProps: (options: any) => Record<string, unknown>;
+    }) => React.ReactNode;
+    /**
+     * The message to display when there are no options.
+     */
+    noOptionsMessage?: string | React.ReactNode;
+    /**
+     * The placeholder to display when the dropdown is empty.
+     */
+    placeholder?: string;
+    /**
+     * If true, the dropdown is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If true, the dropdown is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * If true, the dropdown is in an error state.
+     */
+    error?: boolean;
+    /**
+     * The helper text to display below the dropdown.
+     */
+    helperText?: string;
+    /**
+     * If true, the dropdown is required.
+     */
+    required?: boolean;
+    /**
+     * The label to display above the dropdown.
+     */
+    label?: string;
+    /**
+     * The ARIA label for the dropdown.
+     */
+    ariaLabel?: string;
+    /**
+     * The ARIA label for the dropdown input.
+     */
+    inputAriaLabel?: string;
+    /**
+     * The ARIA label for the menu container.
+     */
+    menuAriaLabel?: string;
+    /**
+     * The ARIA label for the clear button.
+     */
+    clearAriaLabel?: string;
+    /**
+     * The current value of the input field.
+     */
+    inputValue?: string;
+    /**
+     * The maximum height of the dropdown menu.
+     */
+    maxMenuHeight?: number;
+    /**
+     * If true, controls the menu open state.
+     */
+    isMenuOpen?: boolean;
+    /**
+     * If true, closes the menu when an option is selected.
+     */
+    closeMenuOnSelect?: boolean;
+    /**
+     * If true, the dropdown menu will be auto focused.
+     */
+    autoFocus?: boolean;
+    /**
+     * If true, the dropdown will have a clear button.
+     */
+    clearable?: boolean;
+    /**
+     * Callback fired when the dropdown loses focus.
+     */
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Callback fired when the clear button is clicked.
+     */
+    onClear?: () => void;
+    /**
+     * Callback fired when the dropdown gains focus.
+     */
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Callback fired when the dropdown input value changes.
+     */
+    onInputChange?: (input: string | null) => void;
+    /**
+     * Callback fired when a key is pressed inside the dropdown.
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    /**
+     * Callback fired when the dropdown menu opens.
+     */
+    onMenuOpen?: () => void;
+    /**
+     * Callback fired when the dropdown menu closes.
+     */
+    onMenuClose?: () => void;
+    /**
+     * Callback fired when an option is selected.
+     */
+    onOptionSelect?: (option: Item) => void;
+    /**
+     * Callback fired when scrolling inside the dropdown.
+     */
+    onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
+    /**
+     * A function to customize the filtering of options.
+     * It receives an option and the current input value, and should return true if the option should be included, false otherwise.
+     */
+    filterOption?: (option: Item, inputValue: string) => boolean;
+    /**
+     * If false, selected options will be hidden from the list. Defaults to true.
+     */
+    showSelectedOptions?: boolean;
+    /**
+     * The class name to be applied to the menu wrapper.
+     */
+    menuWrapperClassName?: string;
+    /**
+     * If true, displays a loading indicator in the dropdown controls.
+     */
+    loading?: boolean;
+} & (MultiSelectSpecifics<Item> | SingleSelectSpecifics<Item>);
+export type DropdownSizes = "small" | "medium" | "large";
+export type DropdownDirection = "ltr" | "rtl" | "auto";
+export type DropdownMultiControllerProps<Item extends BaseItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof MultiSelectSpecifics<Item> | keyof BoxModeConstraint> & BoxModeConstraint & MultiSelectSpecifics<Item> & {
+    dropdownRef: React.Ref<HTMLDivElement>;
+};
+export type DropdownSingleControllerProps<Item extends BaseItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof SingleSelectSpecifics<Item> | keyof BoxModeConstraint> & BoxModeConstraint & SingleSelectSpecifics<Item> & {
+    dropdownRef: React.Ref<HTMLDivElement>;
+};
+export {};

package/dist/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.types.d.ts

@@ -0,0 +1,86 @@
+import { type ReactNode } from "react";
+import type React from "react";
+import { type VibeComponentProps } from "../../../../../types";
+import { type BaseItemData, type BaseItemSizes, type BaseItemDirection } from "../../../../BaseItem";
+export interface DropdownBaseListProps<Item = Record<string, unknown>> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
+    /**
+     * The list of options available in the list.
+     */
+    options: DropdownListGroup<Item>[];
+    /**
+     * The selected item in the list.
+     */
+    selectedItems?: BaseItemData<Item>[] | null;
+    /**
+     * The index of the highlighted item in the list.
+     */
+    highlightedIndex?: number;
+    /**
+     * The ARIA label for the menu.
+     */
+    menuAriaLabel?: string;
+    /**
+     * Function to get props for the menu container.
+     */
+    getMenuProps?: ((options?: any, otherOptions?: any) => Record<string, unknown>) | null;
+    /**
+     * Function to get props for each item in the list.
+     */
+    getItemProps?: ((options: any) => Record<string, unknown>) | null;
+    /**
+     * The size of the list item.
+     */
+    size?: BaseItemSizes;
+    /**
+     * If true, displays dividers between grouped options.
+     */
+    withGroupDivider?: boolean;
+    /**
+     * If true, makes the group title sticky.
+     */
+    stickyGroupTitle?: boolean;
+    /**
+     * The text direction of the list.
+     */
+    dir?: BaseItemDirection;
+    /**
+     * Custom renderer for options.
+     */
+    itemRenderer?: (item: BaseItemData<Item>) => React.ReactNode;
+    /**
+     * Custom renderer for the entire menu content inside the ul element.
+     */
+    menuRenderer?: (props: {
+        children: React.ReactNode;
+        filteredOptions: DropdownListGroup<Item>[];
+        selectedItem?: Item | null;
+        selectedItems?: Item[];
+    }) => React.ReactNode;
+    /**
+     * Text or function to customize the "No results" message.
+     */
+    noOptionsMessage?: string | ReactNode;
+    /**
+     * If true, the options are rendered.
+     */
+    renderOptions?: boolean;
+    /**
+     * Function to handle scroll events.
+     */
+    onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
+    /**
+     * The maximum height of the list.
+     */
+    maxMenuHeight?: number;
+}
+export interface DropdownListGroup<Item = Record<string, unknown>> {
+    /**
+     * The label for the group of options.
+     */
+    label?: string;
+    /**
+     * The list of options within this group.
+     */
+    options: BaseItemData<Item>[];
+}
+export type { BaseItemSizes, BaseItemDirection };

package/dist/components/next/Dropdown/components/DropdownWrapperUI.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type DropdownContextProps } from "../context/DropdownContext.types";
+import { type BaseItemData } from "../../../BaseItem";
+interface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {
+    contextValue: DropdownContextProps<Item>;
+    dropdownRef: React.Ref<HTMLDivElement>;
+}
+declare const DropdownWrapperUI: <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => React.JSX.Element;
+export default DropdownWrapperUI;

package/dist/components/next/Dropdown/components/Menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { type BaseItemData } from "../../../../BaseItem";
+declare const Menu: <Item extends BaseItemData<Record<string, unknown>>>() => React.JSX.Element;
+export default Menu;

package/dist/components/next/Dropdown/components/Menu/MenuList.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { type BaseItemData } from "../../../../BaseItem";
+declare const MenuList: <Item extends BaseItemData<Record<string, unknown>>>() => React.JSX.Element;
+export default MenuList;

package/dist/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type BaseItemData } from "../../../../BaseItem";
+type MultiSelectedValuesProps<Item> = {
+    selectedItems: Item[];
+    onRemove: (item: Item) => void;
+    renderInput?: () => React.ReactNode;
+    disabled?: boolean;
+    readOnly?: boolean;
+    minVisibleCount?: number;
+};
+declare function MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount }: MultiSelectedValuesProps<Item>): React.JSX.Element;
+export default MultiSelectedValues;

package/dist/components/next/Dropdown/components/Trigger/DropdownChip.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { type BaseItemData } from "../../../../BaseItem";
+interface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {
+    item: Item;
+    onDelete: () => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+}
+declare const DropdownChip: <Item extends BaseItemData<Record<string, unknown>>>({ item, onDelete, disabled, readOnly, className }: DropdownChipProps<Item>) => React.JSX.Element;
+export default DropdownChip;

package/dist/components/next/Dropdown/context/DropdownContext.d.ts

@@ -0,0 +1,59 @@
+import type React from "react";
+import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
+import { type BaseItemData } from "../../../BaseItem";
+import { type BaseDropdownProps, type DropdownSizes } from "../Dropdown.types";
+import { type DropdownContextProps } from "./DropdownContext.types";
+type PropGetter = (options?: any) => Record<string, any>;
+type ItemPropGetter<Item> = (options: {
+    item: Item;
+    index: number;
+}) => Record<string, any>;
+export interface DropdownContextValue<Item extends BaseItemData<Record<string, unknown>> = any> {
+    isOpen: boolean;
+    inputValue: string | null;
+    highlightedIndex: number | null;
+    selectedItem: Item | null | undefined;
+    selectedItems: Item[];
+    filteredOptions: DropdownListGroup<Item>[];
+    getToggleButtonProps: PropGetter;
+    getLabelProps: PropGetter;
+    getMenuProps: PropGetter;
+    getInputProps: PropGetter;
+    getItemProps: ItemPropGetter<Item>;
+    getDropdownProps?: PropGetter;
+    reset: () => void;
+    toggleMenu: () => void;
+    onClear?: () => void;
+    onOptionSelect?: (option: Item) => void;
+    onOptionRemove?: (option: Item) => void;
+    addSelectedItem?: (item: Item) => void;
+    removeSelectedItem?: (item: Item) => void;
+    setSelectedItems?: (items: Item[]) => void;
+    searchable?: boolean;
+    multi?: boolean;
+    multiline?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    size?: DropdownSizes;
+    optionRenderer?: BaseDropdownProps<Item>["optionRenderer"];
+    valueRenderer?: BaseDropdownProps<Item>["valueRenderer"];
+    noOptionsMessage?: BaseDropdownProps<Item>["noOptionsMessage"];
+    placeholder?: BaseDropdownProps<Item>["placeholder"];
+    withGroupDivider?: BaseDropdownProps<Item>["withGroupDivider"];
+    stickyGroupTitle?: BaseDropdownProps<Item>["stickyGroupTitle"];
+    maxMenuHeight?: BaseDropdownProps<Item>["maxMenuHeight"];
+    clearable?: boolean;
+    autoFocus?: boolean;
+    isFocused?: boolean;
+    inputAriaLabel?: string;
+    menuAriaLabel?: string;
+    closeMenuOnSelect?: boolean;
+    dir?: BaseDropdownProps<Item>["dir"];
+    originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
+}
+export declare const DropdownContext: React.Context<DropdownContextProps<any>>;
+export declare function useDropdownContext<Item extends BaseItemData<Record<string, unknown>>>(): DropdownContextProps<Item>;
+export {};

package/dist/components/next/Dropdown/context/DropdownContext.types.d.ts

@@ -0,0 +1,34 @@
+import { type DropdownListGroup } from "../components/DropdownBaseList/DropdownBaseList.types";
+import { type BaseItemData } from "../../../BaseItem";
+import { type BaseDropdownProps } from "../Dropdown.types";
+import { type TooltipProps } from "@vibe/tooltip";
+type PropGetter = (options?: any) => Record<string, any>;
+type ItemPropGetter<Item> = (options: {
+    item: Item;
+    index: number;
+}) => Record<string, any>;
+type InheritedDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "boxMode" | "borderless" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
+export interface DropdownContextProps<Item extends BaseItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
+    label?: string;
+    isOpen: boolean;
+    inputValue: string | null;
+    highlightedIndex: number | null;
+    selectedItem?: Item | null | undefined;
+    selectedItems?: Item[];
+    filteredOptions?: DropdownListGroup<Item>[];
+    tooltipProps?: Partial<TooltipProps>;
+    getToggleButtonProps: PropGetter;
+    getLabelProps: PropGetter;
+    getMenuProps: PropGetter;
+    getInputProps?: PropGetter;
+    getItemProps: ItemPropGetter<Item>;
+    getDropdownProps?: PropGetter;
+    reset: () => void;
+    toggleMenu: () => void;
+    contextOnClear: () => void;
+    contextOnOptionRemove?: (option: Item) => void;
+    addSelectedItem?: (item: Item) => void;
+    removeSelectedItem?: (item: Item) => void;
+    isFocused?: boolean;
+}
+export {};