@spark-ui/components 17.2.2 → 17.2.3-beta.1

package/dist/src/divider/DividerContent.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+export interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    children?: ReactNode;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const DividerContent: {
+    ({ children, ref, className, ...props }: DividerContentProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/src/divider/index.d.mts

@@ -0,0 +1,6 @@
+import { Divider as Root } from './Divider';
+import { DividerContent } from './DividerContent';
+export { type DividerContentProps } from './DividerContent';
+export declare const Divider: typeof Root & {
+    Content: typeof DividerContent;
+};

package/dist/src/divider/index.d.ts

@@ -0,0 +1,6 @@
+import { Divider as Root } from './Divider';
+import { DividerContent } from './DividerContent';
+export { type DividerContentProps } from './DividerContent';
+export declare const Divider: typeof Root & {
+    Content: typeof DividerContent;
+};

package/dist/src/divider/variants/intents.d.ts

@@ -0,0 +1,17 @@
+export declare const intentVariants: readonly [{
+    readonly intent: "current";
+    readonly isEmpty: true;
+    readonly class: string[];
+}, {
+    readonly intent: "current";
+    readonly isEmpty: false;
+    readonly class: string[];
+}, {
+    readonly intent: "outline";
+    readonly isEmpty: true;
+    readonly class: string[];
+}, {
+    readonly intent: "outline";
+    readonly isEmpty: false;
+    readonly class: string[];
+}];

package/dist/src/drawer/Drawer.d.ts

@@ -0,0 +1,32 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, ReactElement } from 'react';
+export interface DrawerProps extends Omit<ComponentProps<typeof BaseDialog.Root>, 'onOpenChange' | 'render'> {
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: boolean;
+    /**
+     * Default open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler executed on every dialog open state change.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Specifies if the dialog is a modal.
+     */
+    modal?: boolean;
+    /**
+     * Specifies if the drawer should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+}
+export declare const Drawer: {
+    ({ onOpenChange, withFade, ...props }: DrawerProps): ReactElement;
+    displayName: string;
+};

package/dist/src/drawer/DrawerBody.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref } from 'react';
+import { DrawerBodyStylesProps } from './DrawerBody.styles';
+export interface DrawerBodyProps extends DrawerBodyStylesProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const DrawerBody: {
+    ({ children, inset, className, ref: forwardedRef, ...rest }: DrawerBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/DrawerBody.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const drawerBodyStyles: (props?: ({
+    inset?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DrawerBodyStylesProps = VariantProps<typeof drawerBodyStyles>;

package/dist/src/drawer/DrawerClose.d.ts

@@ -0,0 +1,13 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+export interface DrawerCloseProps extends Omit<ComponentProps<typeof BaseDialog.Close>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const DrawerClose: {
+    ({ asChild, ...props }: DrawerCloseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/DrawerCloseButton.d.ts

@@ -0,0 +1,7 @@
+import { IconButtonProps } from '../icon-button';
+import { DrawerCloseProps } from './DrawerClose';
+export type DrawerCloseButtonProps = DrawerCloseProps & Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>;
+export declare const DrawerCloseButton: {
+    ({ "aria-label": ariaLabel, className, size, intent, design, children, ref, ...rest }: DrawerCloseButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/DrawerContent.d.ts

@@ -0,0 +1,10 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+import { DrawerContentStylesProps } from './DrawerContent.styles';
+export interface DrawerContentProps extends Omit<ComponentProps<typeof BaseDialog.Popup>, 'render'>, DrawerContentStylesProps {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const DrawerContent: {
+    ({ className, size, side, ref, ...rest }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/DrawerContent.styles.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const drawerContentStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | "fullscreen" | "fluid" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DrawerContentStylesProps = VariantProps<typeof drawerContentStyles>;

package/dist/src/drawer/DrawerContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface DrawerContextState {
+    withFade: boolean;
+}
+export declare const DrawerProvider: ({ children: childrenProp, withFade, }: {
+    children: ReactNode;
+    withFade?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDrawer: () => DrawerContextState;

package/dist/src/drawer/DrawerDescription.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+export interface DrawerDescriptionProps extends Omit<ComponentProps<typeof BaseDialog.Description>, 'render'> {
+    ref?: Ref<HTMLParagraphElement>;
+}
+export declare const DrawerDescription: {
+    (props: DrawerDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/DrawerFooter.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+export type DrawerFooterProps = ComponentPropsWithoutRef<'footer'> & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const DrawerFooter: {
+    ({ className, ref, ...rest }: DrawerFooterProps): ReactElement;
+    displayName: string;
+};

package/dist/src/drawer/DrawerHeader.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface DrawerHeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const DrawerHeader: {
+    ({ children, className, ref, ...rest }: DrawerHeaderProps): ReactElement;
+    displayName: string;
+};

package/dist/src/drawer/DrawerOverlay.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+export interface DrawerOverlayProps extends Omit<ComponentProps<typeof BaseDialog.Backdrop>, 'render'> {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const DrawerOverlay: {
+    ({ className, ...props }: DrawerOverlayProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/DrawerPortal.d.ts

@@ -0,0 +1,7 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps } from 'react';
+export type DrawerPortalProps = ComponentProps<typeof BaseDialog.Portal>;
+export declare const DrawerPortal: {
+    ({ className, ...props }: DrawerPortalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/DrawerTitle.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+export interface DrawerTitleProps extends Omit<ComponentProps<typeof BaseDialog.Title>, 'render'> {
+    ref?: Ref<HTMLHeadingElement>;
+}
+export declare const DrawerTitle: {
+    ({ className, ...props }: DrawerTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/DrawerTrigger.d.ts

@@ -0,0 +1,13 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+export interface DrawerTriggerProps extends Omit<ComponentProps<typeof BaseDialog.Trigger>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const DrawerTrigger: {
+    ({ asChild, ...props }: DrawerTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/drawer/index.d.mts

@@ -0,0 +1,37 @@
+import { Drawer as Root } from './Drawer';
+import { DrawerBody } from './DrawerBody';
+import { DrawerClose } from './DrawerClose';
+import { DrawerCloseButton } from './DrawerCloseButton';
+import { DrawerContent } from './DrawerContent';
+import { DrawerDescription } from './DrawerDescription';
+import { DrawerFooter } from './DrawerFooter';
+import { DrawerHeader } from './DrawerHeader';
+import { DrawerOverlay } from './DrawerOverlay';
+import { DrawerPortal } from './DrawerPortal';
+import { DrawerTitle } from './DrawerTitle';
+import { DrawerTrigger } from './DrawerTrigger';
+export declare const Drawer: typeof Root & {
+    Trigger: typeof DrawerTrigger;
+    Portal: typeof DrawerPortal;
+    Overlay: typeof DrawerOverlay;
+    Content: typeof DrawerContent;
+    Header: typeof DrawerHeader;
+    Body: typeof DrawerBody;
+    Footer: typeof DrawerFooter;
+    Close: typeof DrawerClose;
+    CloseButton: typeof DrawerCloseButton;
+    Title: typeof DrawerTitle;
+    Description: typeof DrawerDescription;
+};
+export { type DrawerProps } from './Drawer';
+export { type DrawerContentProps } from './DrawerContent';
+export { type DrawerHeaderProps } from './DrawerHeader';
+export { type DrawerBodyProps } from './DrawerBody';
+export { type DrawerFooterProps } from './DrawerFooter';
+export { type DrawerTriggerProps } from './DrawerTrigger';
+export { type DrawerOverlayProps } from './DrawerOverlay';
+export { type DrawerPortalProps } from './DrawerPortal';
+export { type DrawerTitleProps } from './DrawerTitle';
+export { type DrawerDescriptionProps } from './DrawerDescription';
+export { type DrawerCloseProps } from './DrawerClose';
+export { type DrawerCloseButtonProps } from './DrawerCloseButton';

package/dist/src/drawer/index.d.ts

@@ -0,0 +1,37 @@
+import { Drawer as Root } from './Drawer';
+import { DrawerBody } from './DrawerBody';
+import { DrawerClose } from './DrawerClose';
+import { DrawerCloseButton } from './DrawerCloseButton';
+import { DrawerContent } from './DrawerContent';
+import { DrawerDescription } from './DrawerDescription';
+import { DrawerFooter } from './DrawerFooter';
+import { DrawerHeader } from './DrawerHeader';
+import { DrawerOverlay } from './DrawerOverlay';
+import { DrawerPortal } from './DrawerPortal';
+import { DrawerTitle } from './DrawerTitle';
+import { DrawerTrigger } from './DrawerTrigger';
+export declare const Drawer: typeof Root & {
+    Trigger: typeof DrawerTrigger;
+    Portal: typeof DrawerPortal;
+    Overlay: typeof DrawerOverlay;
+    Content: typeof DrawerContent;
+    Header: typeof DrawerHeader;
+    Body: typeof DrawerBody;
+    Footer: typeof DrawerFooter;
+    Close: typeof DrawerClose;
+    CloseButton: typeof DrawerCloseButton;
+    Title: typeof DrawerTitle;
+    Description: typeof DrawerDescription;
+};
+export { type DrawerProps } from './Drawer';
+export { type DrawerContentProps } from './DrawerContent';
+export { type DrawerHeaderProps } from './DrawerHeader';
+export { type DrawerBodyProps } from './DrawerBody';
+export { type DrawerFooterProps } from './DrawerFooter';
+export { type DrawerTriggerProps } from './DrawerTrigger';
+export { type DrawerOverlayProps } from './DrawerOverlay';
+export { type DrawerPortalProps } from './DrawerPortal';
+export { type DrawerTitleProps } from './DrawerTitle';
+export { type DrawerDescriptionProps } from './DrawerDescription';
+export { type DrawerCloseProps } from './DrawerClose';
+export { type DrawerCloseButtonProps } from './DrawerCloseButton';

package/dist/src/drawer/useRenderSlot.d.ts

@@ -0,0 +1,3 @@
+export declare function useRenderSlot(asChild: boolean, defaultTag: string): (({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element) | undefined;

package/dist/src/dropdown/Dropdown.d.ts

@@ -0,0 +1,6 @@
+import { DropdownContextProps } from './DropdownContext';
+export type DropdownProps = DropdownContextProps;
+export declare const Dropdown: {
+    ({ children, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dropdown/DropdownContext.d.ts

@@ -0,0 +1,81 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { DownshiftState, DropdownItem, ItemsMap } from './types';
+export interface DropdownContextState extends DownshiftState {
+    itemsMap: ItemsMap;
+    highlightedItem: DropdownItem | undefined;
+    hasPopover: boolean;
+    setHasPopover: Dispatch<SetStateAction<boolean>>;
+    multiple: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    state?: 'error' | 'alert' | 'success';
+    lastInteractionType: 'mouse' | 'keyboard';
+    setLastInteractionType: (type: 'mouse' | 'keyboard') => void;
+}
+export type DropdownContextCommonProps = PropsWithChildren<{
+    /**
+     * The controlled open state of the select. Must be used in conjunction with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * Event handler called when the open state of the select changes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * The open state of the select when it is initially rendered. Use when you do not need to control its open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Use `state` prop to assign a specific state to the dropdown, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.
+     */
+    state?: 'error' | 'alert' | 'success';
+    /**
+     * When true, prevents the user from interacting with the dropdown.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the dropdown as interactive or not.
+     */
+    readOnly?: boolean;
+}>;
+interface DropdownPropsSingle {
+    /**
+     * Prop 'multiple' indicating whether multiple values are allowed.
+     */
+    multiple?: false;
+    /**
+     * The value of the select when initially rendered. Use when you do not need to control the state of the select.
+     */
+    defaultValue?: string;
+    /**
+     * The controlled value of the select. Should be used in conjunction with `onValueChange`.
+     */
+    value?: string;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: string) => void;
+}
+interface DropdownPropsMultiple {
+    /**
+     * Prop 'multiple' indicating whether multiple values are allowed.
+     */
+    multiple: true;
+    /**
+     * The value of the select when initially rendered. Use when you do not need to control the state of the select.
+     */
+    defaultValue?: string[];
+    /**
+     * The controlled value of the select. Should be used in conjunction with `onValueChange`.
+     */
+    value?: string[];
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: string[]) => void;
+}
+export type DropdownContextProps = DropdownContextCommonProps & (DropdownPropsSingle | DropdownPropsMultiple);
+export declare const ID_PREFIX = ":dropdown";
+export declare const DropdownProvider: ({ children, defaultValue, value, onValueChange, open, onOpenChange, defaultOpen, multiple, disabled: disabledProp, readOnly: readOnlyProp, state: stateProp, }: DropdownContextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useDropdownContext: () => DropdownContextState;
+export {};

package/dist/src/dropdown/DropdownDivider.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+interface DividerProps {
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Divider: {
+    ({ className, ref: forwardedRef }: DividerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/dropdown/DropdownGroup.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref } from 'react';
+interface GroupProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Group: {
+    ({ children, ref: forwardedRef, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/dropdown/DropdownItem.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+export interface ItemProps extends HTMLAttributes<HTMLLIElement> {
+    disabled?: boolean;
+    value: string;
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLLIElement>;
+}
+export declare const Item: {
+    ({ children, ref: forwardedRef, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dropdown/DropdownItemContext.d.ts

@@ -0,0 +1,17 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { DropdownItem } from './types';
+type ItemTextId = string | undefined;
+interface DropdownItemContextState {
+    textId: ItemTextId;
+    setTextId: Dispatch<SetStateAction<ItemTextId>>;
+    isSelected: boolean;
+    itemData: DropdownItem;
+    index: number;
+    disabled: boolean;
+}
+export declare const DropdownItemProvider: ({ value, disabled, children, }: PropsWithChildren<{
+    value: string;
+    disabled?: boolean;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const useDropdownItemContext: () => DropdownItemContextState;
+export {};

package/dist/src/dropdown/DropdownItemIndicator.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref } from 'react';
+export interface ItemIndicatorProps {
+    children?: ReactNode;
+    className?: string;
+    label?: string;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const ItemIndicator: {
+    ({ className, children, label, ref: forwardedRef, }: ItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dropdown/DropdownItemText.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+export interface ItemTextProps {
+    children: string;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const ItemText: {
+    ({ children, ref: forwardedRef }: ItemTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dropdown/DropdownItems.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, Ref } from 'react';
+interface ItemsProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLUListElement>;
+}
+/**
+ * BUGFIX
+ *
+ * 1. The !pointer-events-auto class is needed to prevent a bug
+ *    which cannot be reproduced when running Storybook locally,
+ *    in scenarios such as when a Dropdown is nested within a Dialog,
+ *    the "props" object, containing styles computed by Radix
+ *    may erroneously contain "pointerEvents = 'none'", while the Dropdown is open,
+ *    making it impossible to select a value using a pointer device
+ */
+export declare const Items: {
+    ({ children, className, ref: forwardedRef, ...props }: ItemsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/dropdown/DropdownItemsGroupContext.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export interface DropdownContextState {
+    labelId: string;
+}
+type DropdownContextProps = PropsWithChildren;
+export declare const DropdownGroupProvider: ({ children }: DropdownContextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useDropdownGroupContext: () => DropdownContextState;
+export {};

package/dist/src/dropdown/DropdownLabel.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'react';
+interface LabelProps {
+    children: string;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Label: {
+    ({ children, className, ref: forwardedRef }: LabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/dropdown/DropdownLeadingIcon.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+export declare const LeadingIcon: {
+    ({ children }: {
+        children: ReactElement;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dropdown/DropdownPopover.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Popover as SparkPopover } from '../popover';
+export declare const Popover: {
+    ({ children, matchTriggerWidth, sideOffset, className, elevation, ref: forwardedRef, ...props }: ComponentProps<typeof SparkPopover.Content>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dropdown/DropdownPortal.d.ts

@@ -0,0 +1,2 @@
+import { Popover as SparkPopover } from '../popover';
+export declare const Portal: typeof SparkPopover.Portal;

package/dist/src/dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, Ref } from 'react';
+interface TriggerProps {
+    'aria-label'?: string;
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const Trigger: {
+    ({ "aria-label": ariaLabel, children, className, ref: forwardedRef, }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/dropdown/DropdownTrigger.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const styles: (props?: ({
+    state?: "undefined" | "alert" | "error" | "success" | null | undefined;
+    disabled?: boolean | null | undefined;
+    readOnly?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/dropdown/DropdownValue.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref } from 'react';
+export interface ValueProps {
+    children?: ReactNode;
+    className?: string;
+    placeholder: string;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const Value: {
+    ({ children, className, placeholder, ref: forwardedRef }: ValueProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dropdown/index.d.mts

@@ -0,0 +1,29 @@
+import { Dropdown as Root } from './Dropdown';
+import { DropdownProvider, useDropdownContext } from './DropdownContext';
+import { Divider } from './DropdownDivider';
+import { Group } from './DropdownGroup';
+import { Item } from './DropdownItem';
+import { ItemIndicator } from './DropdownItemIndicator';
+import { Items } from './DropdownItems';
+import { ItemText } from './DropdownItemText';
+import { Label } from './DropdownLabel';
+import { LeadingIcon } from './DropdownLeadingIcon';
+import { Popover } from './DropdownPopover';
+import { Portal } from './DropdownPortal';
+import { Trigger } from './DropdownTrigger';
+import { Value } from './DropdownValue';
+export { useDropdownContext, DropdownProvider };
+export declare const Dropdown: typeof Root & {
+    Group: typeof Group;
+    Item: typeof Item;
+    Items: typeof Items;
+    ItemText: typeof ItemText;
+    ItemIndicator: typeof ItemIndicator;
+    Label: typeof Label;
+    Popover: typeof Popover;
+    Divider: typeof Divider;
+    Trigger: typeof Trigger;
+    Value: typeof Value;
+    LeadingIcon: typeof LeadingIcon;
+    Portal: typeof Portal;
+};

package/dist/src/dropdown/index.d.ts

@@ -0,0 +1,29 @@
+import { Dropdown as Root } from './Dropdown';
+import { DropdownProvider, useDropdownContext } from './DropdownContext';
+import { Divider } from './DropdownDivider';
+import { Group } from './DropdownGroup';
+import { Item } from './DropdownItem';
+import { ItemIndicator } from './DropdownItemIndicator';
+import { Items } from './DropdownItems';
+import { ItemText } from './DropdownItemText';
+import { Label } from './DropdownLabel';
+import { LeadingIcon } from './DropdownLeadingIcon';
+import { Popover } from './DropdownPopover';
+import { Portal } from './DropdownPortal';
+import { Trigger } from './DropdownTrigger';
+import { Value } from './DropdownValue';
+export { useDropdownContext, DropdownProvider };
+export declare const Dropdown: typeof Root & {
+    Group: typeof Group;
+    Item: typeof Item;
+    Items: typeof Items;
+    ItemText: typeof ItemText;
+    ItemIndicator: typeof ItemIndicator;
+    Label: typeof Label;
+    Popover: typeof Popover;
+    Divider: typeof Divider;
+    Trigger: typeof Trigger;
+    Value: typeof Value;
+    LeadingIcon: typeof LeadingIcon;
+    Portal: typeof Portal;
+};