@spark-ui/components 13.1.4 → 13.2.0

package/dist/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/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/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/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/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/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/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/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/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/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/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/dropdown/DropdownPortal.d.ts

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

package/dist/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/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/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/dropdown/index.d.mts

@@ -1,221 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Dispatch, SetStateAction, PropsWithChildren, Ref, ReactNode, HTMLAttributes, ReactElement, ComponentProps } from 'react';
-import { UseSelectReturnValue, UseMultipleSelectionReturnValue } from 'downshift';
-import { a as Popover$1 } from '../index-Cno_GFuW.mjs';
-import 'radix-ui';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-interface DropdownItem {
-    disabled: boolean;
-    value: string;
-    text: string;
-}
-type ItemsMap = Map<string, DropdownItem>;
-type DownshiftState = UseSelectReturnValue<DropdownItem> & UseMultipleSelectionReturnValue<DropdownItem>;
-
-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;
-}
-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;
-}
-type DropdownContextProps = DropdownContextCommonProps & (DropdownPropsSingle | DropdownPropsMultiple);
-declare const DropdownProvider: ({ children, defaultValue, value, onValueChange, open, onOpenChange, defaultOpen, multiple, disabled: disabledProp, readOnly: readOnlyProp, state: stateProp, }: DropdownContextProps) => react_jsx_runtime.JSX.Element;
-declare const useDropdownContext: () => DropdownContextState;
-
-type DropdownProps = DropdownContextProps;
-declare const Dropdown$1: {
-    ({ children, ...props }: DropdownProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface DividerProps {
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Divider: {
-    ({ className, ref: forwardedRef }: DividerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface GroupProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Group: {
-    ({ children, ref: forwardedRef, ...props }: GroupProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ItemProps extends HTMLAttributes<HTMLLIElement> {
-    disabled?: boolean;
-    value: string;
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLLIElement>;
-}
-declare const Item: {
-    ({ children, ref: forwardedRef, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ItemIndicatorProps {
-    children?: ReactNode;
-    className?: string;
-    label?: string;
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const ItemIndicator: {
-    ({ className, children, label, ref: forwardedRef, }: ItemIndicatorProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-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
- */
-declare const Items: {
-    ({ children, className, ref: forwardedRef, ...props }: ItemsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ItemTextProps {
-    children: string;
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const ItemText: {
-    ({ children, ref: forwardedRef }: ItemTextProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface LabelProps {
-    children: string;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Label: {
-    ({ children, className, ref: forwardedRef }: LabelProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const LeadingIcon: {
-    ({ children }: {
-        children: ReactElement;
-    }): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Popover: {
-    ({ children, matchTriggerWidth, sideOffset, className, elevation, ref: forwardedRef, ...props }: ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Portal: typeof Popover$1.Portal;
-
-interface TriggerProps {
-    'aria-label'?: string;
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const Trigger: {
-    ({ "aria-label": ariaLabel, children, className, ref: forwardedRef, }: TriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ValueProps {
-    children?: ReactNode;
-    className?: string;
-    placeholder: string;
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const Value: {
-    ({ children, className, placeholder, ref: forwardedRef }: ValueProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Dropdown: typeof Dropdown$1 & {
+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;
@@ -229,5 +27,3 @@ declare const Dropdown: typeof Dropdown$1 & {
     LeadingIcon: typeof LeadingIcon;
     Portal: typeof Portal;
 };
-
-export { Dropdown, DropdownProvider, useDropdownContext };

package/dist/dropdown/index.d.ts

@@ -1,221 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Dispatch, SetStateAction, PropsWithChildren, Ref, ReactNode, HTMLAttributes, ReactElement, ComponentProps } from 'react';
-import { UseSelectReturnValue, UseMultipleSelectionReturnValue } from 'downshift';
-import { a as Popover$1 } from '../index-Cno_GFuW.js';
-import 'radix-ui';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-interface DropdownItem {
-    disabled: boolean;
-    value: string;
-    text: string;
-}
-type ItemsMap = Map<string, DropdownItem>;
-type DownshiftState = UseSelectReturnValue<DropdownItem> & UseMultipleSelectionReturnValue<DropdownItem>;
-
-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;
-}
-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;
-}
-type DropdownContextProps = DropdownContextCommonProps & (DropdownPropsSingle | DropdownPropsMultiple);
-declare const DropdownProvider: ({ children, defaultValue, value, onValueChange, open, onOpenChange, defaultOpen, multiple, disabled: disabledProp, readOnly: readOnlyProp, state: stateProp, }: DropdownContextProps) => react_jsx_runtime.JSX.Element;
-declare const useDropdownContext: () => DropdownContextState;
-
-type DropdownProps = DropdownContextProps;
-declare const Dropdown$1: {
-    ({ children, ...props }: DropdownProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface DividerProps {
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Divider: {
-    ({ className, ref: forwardedRef }: DividerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface GroupProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Group: {
-    ({ children, ref: forwardedRef, ...props }: GroupProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ItemProps extends HTMLAttributes<HTMLLIElement> {
-    disabled?: boolean;
-    value: string;
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLLIElement>;
-}
-declare const Item: {
-    ({ children, ref: forwardedRef, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ItemIndicatorProps {
-    children?: ReactNode;
-    className?: string;
-    label?: string;
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const ItemIndicator: {
-    ({ className, children, label, ref: forwardedRef, }: ItemIndicatorProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-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
- */
-declare const Items: {
-    ({ children, className, ref: forwardedRef, ...props }: ItemsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ItemTextProps {
-    children: string;
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const ItemText: {
-    ({ children, ref: forwardedRef }: ItemTextProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface LabelProps {
-    children: string;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Label: {
-    ({ children, className, ref: forwardedRef }: LabelProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const LeadingIcon: {
-    ({ children }: {
-        children: ReactElement;
-    }): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Popover: {
-    ({ children, matchTriggerWidth, sideOffset, className, elevation, ref: forwardedRef, ...props }: ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Portal: typeof Popover$1.Portal;
-
-interface TriggerProps {
-    'aria-label'?: string;
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const Trigger: {
-    ({ "aria-label": ariaLabel, children, className, ref: forwardedRef, }: TriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ValueProps {
-    children?: ReactNode;
-    className?: string;
-    placeholder: string;
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const Value: {
-    ({ children, className, placeholder, ref: forwardedRef }: ValueProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Dropdown: typeof Dropdown$1 & {
+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;
@@ -229,5 +27,3 @@ declare const Dropdown: typeof Dropdown$1 & {
     LeadingIcon: typeof LeadingIcon;
     Portal: typeof Portal;
 };
-
-export { Dropdown, DropdownProvider, useDropdownContext };