@nimbus-ds/components 5.3.0 → 5.3.1-rc.1

package/dist/index.d.ts

@@ -2460,6 +2460,48 @@ export interface ListProperties {
 }
 export type ListProps = ListProperties & HTMLAttributes<HTMLUListElement | HTMLOListElement>;
 export declare const List: React.FC<ListProps> & ListComponents;
+export type MultiSelectSkeletonSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "data-testid">>;
+export type MultiSelectSkeletonSkeletonProps = MultiSelectSkeletonSkeletonProperties & HTMLAttributes<HTMLDivElement>;
+declare const MultiSelectSkeleton: React.FC<MultiSelectSkeletonSkeletonProps>;
+export interface MultiSelectComponents {
+	Skeleton: typeof MultiSelectSkeleton;
+}
+export interface MultiSelectOption {
+	/**
+	 * Label for the option.
+	 */
+	label: string;
+	/**
+	 * Value of the option
+	 */
+	value: string;
+}
+export interface MultiSelectProperties {
+	/**
+	 * The name of the wrapper element or the select element when native.
+	 */
+	name: string;
+	/**
+	 * The id of the wrapper element or the select element when native.
+	 */
+	id: string;
+	/**
+	 * Change the visual style of the select.
+	 * @default neutral
+	 */
+	appearance?: "success" | "warning" | "danger" | "neutral";
+	/**
+	 * Options of the MultiSelect
+	 */
+	options: MultiSelectOption[];
+	/**
+	 * Options of the MultiSelect
+	 */
+	onChange?: (values: string[]) => void;
+}
+export type MultiSelectBaseProps = MultiSelectProperties & Omit<InputHTMLAttributes<HTMLInputElement>, "children">;
+export declare const MultiSelect: React.FC<MultiSelectBaseProps> & MultiSelectComponents;
+export type MultiSelectProps = ComponentPropsWithRef<typeof MultiSelect>;
 export type PopoverPlacement = "top" | "right" | "bottom" | "left" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
 export interface PopoverProperties extends PopoverSprinkle {
 	/**