@spark-ui/components 13.0.7 → 13.1.1

package/dist/combobox/ComboboxContext.d.ts

@@ -0,0 +1,108 @@
+import { Dispatch, PropsWithChildren, RefObject, SetStateAction } from 'react';
+import { ComboboxItem, DownshiftState, ItemsMap } from './types';
+export interface ComboboxContextState extends DownshiftState {
+    itemsMap: ItemsMap;
+    filteredItemsMap: ItemsMap;
+    highlightedItem: ComboboxItem | undefined;
+    hasPopover: boolean;
+    areSelectedItemsInTrigger: boolean;
+    multiple: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    wrap?: boolean;
+    state?: 'error' | 'alert' | 'success';
+    lastInteractionType: 'mouse' | 'keyboard';
+    setHasPopover: Dispatch<SetStateAction<boolean>>;
+    setAreSelectedItemsInTrigger: Dispatch<SetStateAction<boolean>>;
+    setLastInteractionType: (type: 'mouse' | 'keyboard') => void;
+    setOnInputValueChange: Dispatch<SetStateAction<((v: string) => void) | null>>;
+    innerInputRef: RefObject<HTMLInputElement | null>;
+    triggerAreaRef: RefObject<HTMLDivElement | null>;
+    isLoading?: boolean;
+    isTyping?: boolean;
+    setIsTyping: Dispatch<SetStateAction<boolean>>;
+}
+export type ComboboxContextCommonProps = 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 combobox, 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 combobox.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the combobox as interactive or not.
+     */
+    readOnly?: boolean;
+    /**
+     * When true, the items will be filtered depending on the value of the input (not case-sensitive).
+     */
+    filtering?: 'none' | 'auto' | 'strict';
+    /**
+     * By default, the combobox will clear or restore the input value to the selected item value on blur.
+     */
+    allowCustomValue?: boolean;
+    /**
+     * In multiple selection, many selected items might be displayed. Be default, the combobox trigger will expand vertically to display them all.
+     * If you wish to keep every item on a single line, disabled this property.
+     */
+    wrap?: boolean;
+    /**
+     * Display a spinner to indicate to the user that the combobox is loading results for .
+     */
+    isLoading?: boolean;
+}>;
+interface ComboboxPropsSingle {
+    /**
+     * 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 | null;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: string) => void;
+}
+interface ComboboxPropsMultiple {
+    /**
+     * 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 ComboboxContextProps = ComboboxContextCommonProps & (ComboboxPropsSingle | ComboboxPropsMultiple);
+export declare const ID_PREFIX = ":combobox";
+export declare const ComboboxProvider: ({ children, state: stateProp, allowCustomValue, filtering, disabled: disabledProp, multiple, readOnly: readOnlyProp, wrap, value: controlledValue, defaultValue, onValueChange, open: controlledOpen, defaultOpen, onOpenChange, isLoading, }: ComboboxContextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useComboboxContext: () => ComboboxContextState;
+export {};

package/dist/combobox/ComboboxDisclosure.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, Ref } from 'react';
+import { IconButton } from '../icon-button';
+interface DisclosureProps extends Omit<ComponentProps<typeof IconButton>, 'aria-label'> {
+    className?: string;
+    closedLabel: string;
+    openedLabel: string;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const Disclosure: {
+    ({ className, closedLabel, openedLabel, intent, design, size, ref: forwardedRef, ...props }: DisclosureProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/combobox/ComboboxEmpty.d.ts

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

package/dist/combobox/ComboboxGroup.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/combobox/ComboboxInput.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+type InputPrimitiveProps = ComponentPropsWithoutRef<'input'>;
+interface InputProps extends Omit<InputPrimitiveProps, 'value' | 'placeholder'> {
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    ref?: Ref<HTMLInputElement>;
+}
+export declare const Input: {
+    ({ "aria-label": ariaLabel, className, placeholder, value, defaultValue, onValueChange, ref: forwardedRef, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/combobox/ComboboxItem.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/combobox/ComboboxItemContext.d.ts

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

package/dist/combobox/ComboboxItemIndicator.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/combobox/ComboboxItemText.d.ts

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

package/dist/combobox/ComboboxItems.d.ts

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

package/dist/combobox/ComboboxItemsGroupContext.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export interface ComboboxContextState {
+    groupLabelId: string;
+}
+type ComboboxContextProps = PropsWithChildren;
+export declare const ComboboxGroupProvider: ({ children }: ComboboxContextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useComboboxGroupContext: () => ComboboxContextState;
+export {};

package/dist/combobox/ComboboxLabel.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/combobox/ComboboxLeadingIcon.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/combobox/ComboboxPopover.d.ts

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

package/dist/combobox/ComboboxPortal.d.ts

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

package/dist/combobox/ComboboxSelectedItems.d.ts

@@ -0,0 +1,4 @@
+export declare const SelectedItems: {
+    (): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/combobox/ComboboxTrigger.d.ts

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

package/dist/combobox/ComboboxTrigger.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const styles: (props?: ({
+    allowWrap?: boolean | null | undefined;
+    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/combobox/index.d.ts

@@ -1,272 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Dispatch, SetStateAction, RefObject, PropsWithChildren, ComponentPropsWithoutRef, Ref, ComponentProps, ReactNode, HTMLAttributes, ReactElement } from 'react';
-import { UseComboboxReturnValue, UseMultipleSelectionReturnValue } from 'downshift';
-import { IconButton } from '../icon-button/index.js';
-import { a as Popover$1 } from '../index-Cno_GFuW.js';
-import '../button/index.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import 'radix-ui';
-
-interface ComboboxItem {
-    disabled: boolean;
-    value: string;
-    text: string;
-}
-type ItemsMap = Map<string, ComboboxItem>;
-type DownshiftState = UseComboboxReturnValue<ComboboxItem> & UseMultipleSelectionReturnValue<ComboboxItem>;
-
-interface ComboboxContextState extends DownshiftState {
-    itemsMap: ItemsMap;
-    filteredItemsMap: ItemsMap;
-    highlightedItem: ComboboxItem | undefined;
-    hasPopover: boolean;
-    areSelectedItemsInTrigger: boolean;
-    multiple: boolean;
-    disabled: boolean;
-    readOnly: boolean;
-    wrap?: boolean;
-    state?: 'error' | 'alert' | 'success';
-    lastInteractionType: 'mouse' | 'keyboard';
-    setHasPopover: Dispatch<SetStateAction<boolean>>;
-    setAreSelectedItemsInTrigger: Dispatch<SetStateAction<boolean>>;
-    setLastInteractionType: (type: 'mouse' | 'keyboard') => void;
-    setOnInputValueChange: Dispatch<SetStateAction<((v: string) => void) | null>>;
-    innerInputRef: RefObject<HTMLInputElement | null>;
-    triggerAreaRef: RefObject<HTMLDivElement | null>;
-    isLoading?: boolean;
-    isTyping?: boolean;
-    setIsTyping: Dispatch<SetStateAction<boolean>>;
-}
-type ComboboxContextCommonProps = 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 combobox, 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 combobox.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the combobox as interactive or not.
-     */
-    readOnly?: boolean;
-    /**
-     * When true, the items will be filtered depending on the value of the input (not case-sensitive).
-     */
-    filtering?: 'none' | 'auto' | 'strict';
-    /**
-     * By default, the combobox will clear or restore the input value to the selected item value on blur.
-     */
-    allowCustomValue?: boolean;
-    /**
-     * In multiple selection, many selected items might be displayed. Be default, the combobox trigger will expand vertically to display them all.
-     * If you wish to keep every item on a single line, disabled this property.
-     */
-    wrap?: boolean;
-    /**
-     * Display a spinner to indicate to the user that the combobox is loading results for .
-     */
-    isLoading?: boolean;
-}>;
-interface ComboboxPropsSingle {
-    /**
-     * 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 | null;
-    /**
-     * Event handler called when the value changes.
-     */
-    onValueChange?: (value: string) => void;
-}
-interface ComboboxPropsMultiple {
-    /**
-     * 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 ComboboxContextProps = ComboboxContextCommonProps & (ComboboxPropsSingle | ComboboxPropsMultiple);
-declare const ComboboxProvider: ({ children, state: stateProp, allowCustomValue, filtering, disabled: disabledProp, multiple, readOnly: readOnlyProp, wrap, value: controlledValue, defaultValue, onValueChange, open: controlledOpen, defaultOpen, onOpenChange, isLoading, }: ComboboxContextProps) => react_jsx_runtime.JSX.Element;
-declare const useComboboxContext: () => ComboboxContextState;
-
-type ComboboxProps = ComboboxContextProps;
-declare const Combobox$1: {
-    ({ children, ...props }: ComboboxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ClearButtonProps extends ComponentPropsWithoutRef<'button'> {
-    'aria-label': string;
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const ClearButton: {
-    ({ className, tabIndex, onClick, ref, ...others }: ClearButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface DisclosureProps extends Omit<ComponentProps<typeof IconButton>, 'aria-label'> {
-    className?: string;
-    closedLabel: string;
-    openedLabel: string;
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const Disclosure: {
-    ({ className, closedLabel, openedLabel, intent, design, size, ref: forwardedRef, ...props }: DisclosureProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface EmptyProps {
-    className?: string;
-    children: ReactNode;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Empty: {
-    ({ className, children, ref: forwardedRef }: EmptyProps): react_jsx_runtime.JSX.Element | null;
-    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;
-};
-
-type InputPrimitiveProps = ComponentPropsWithoutRef<'input'>;
-interface InputProps extends Omit<InputPrimitiveProps, 'value' | 'placeholder'> {
-    className?: string;
-    placeholder?: string;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    ref?: Ref<HTMLInputElement>;
-}
-declare const Input: {
-    ({ "aria-label": ariaLabel, className, placeholder, value, defaultValue, onValueChange, ref: forwardedRef, ...props }: InputProps): 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 extends ComponentPropsWithoutRef<'ul'> {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLUListElement>;
-}
-declare const Items: {
-    ({ children, className, ref: forwardedRef, ...props }: ItemsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ItemTextProps {
-    children: string;
-    className?: string;
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const ItemText: {
-    ({ children, className, 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;
-};
-
-interface PopoverProps extends ComponentProps<typeof Popover$1.Content> {
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Popover: {
-    ({ children, matchTriggerWidth, sideOffset, className, ref: forwardedRef, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Portal: typeof Popover$1.Portal;
-
-declare const SelectedItems: {
-    (): react_jsx_runtime.JSX.Element | null;
-    displayName: string;
-};
-
-interface TriggerProps {
-    className?: string;
-    children: ReactNode;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Trigger: {
-    ({ className, children, ref: forwardedRef }: TriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Combobox: typeof Combobox$1 & {
+import { Combobox as Root } from './Combobox';
+import { ClearButton } from './ComboboxClearButton';
+import { ComboboxProvider, useComboboxContext } from './ComboboxContext';
+import { Disclosure } from './ComboboxDisclosure';
+import { Empty } from './ComboboxEmpty';
+import { Group } from './ComboboxGroup';
+import { Input } from './ComboboxInput';
+import { Item } from './ComboboxItem';
+import { ItemIndicator } from './ComboboxItemIndicator';
+import { Items } from './ComboboxItems';
+import { ItemText } from './ComboboxItemText';
+import { Label } from './ComboboxLabel';
+import { LeadingIcon } from './ComboboxLeadingIcon';
+import { Popover } from './ComboboxPopover';
+import { Portal } from './ComboboxPortal';
+import { SelectedItems } from './ComboboxSelectedItems';
+import { Trigger } from './ComboboxTrigger';
+export { useComboboxContext, ComboboxProvider };
+export declare const Combobox: typeof Root & {
     Group: typeof Group;
     Item: typeof Item;
     Items: typeof Items;
@@ -283,5 +33,3 @@ declare const Combobox: typeof Combobox$1 & {
     ClearButton: typeof ClearButton;
     Portal: typeof Portal;
 };
-
-export { Combobox, ComboboxProvider, useComboboxContext };