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

package/dist/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/combobox/ComboboxPortal.d.ts

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

package/dist/src/combobox/ComboboxSelectedItems.d.ts

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

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

@@ -0,0 +1,35 @@
+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;
+    ItemText: typeof ItemText;
+    ItemIndicator: typeof ItemIndicator;
+    Label: typeof Label;
+    Popover: typeof Popover;
+    Trigger: typeof Trigger;
+    LeadingIcon: typeof LeadingIcon;
+    Empty: typeof Empty;
+    Input: typeof Input;
+    Disclosure: typeof Disclosure;
+    SelectedItems: typeof SelectedItems;
+    ClearButton: typeof ClearButton;
+    Portal: typeof Portal;
+};

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

@@ -0,0 +1,35 @@
+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;
+    ItemText: typeof ItemText;
+    ItemIndicator: typeof ItemIndicator;
+    Label: typeof Label;
+    Popover: typeof Popover;
+    Trigger: typeof Trigger;
+    LeadingIcon: typeof LeadingIcon;
+    Empty: typeof Empty;
+    Input: typeof Input;
+    Disclosure: typeof Disclosure;
+    SelectedItems: typeof SelectedItems;
+    ClearButton: typeof ClearButton;
+    Portal: typeof Portal;
+};

package/dist/src/combobox/tests/test-utils.d.ts

@@ -0,0 +1,8 @@
+export declare const getInput: (accessibleName: string) => HTMLElement;
+export declare const getListbox: (accessibleName: string) => HTMLElement;
+export declare const getItemsGroup: (accessibleName: string) => HTMLElement;
+export declare const getItem: (accessibleName: string) => HTMLElement;
+export declare const queryItem: (accessibleName: string) => HTMLElement | null;
+export declare const getSelectedItem: (accessibleName: string) => HTMLElement;
+export declare const getSelectedItemClearButton: (accessibleName: string) => HTMLElement;
+export declare const getClearButton: (accessibleName: string) => HTMLElement;

package/dist/src/combobox/types.d.ts

@@ -0,0 +1,8 @@
+import { UseComboboxReturnValue, UseMultipleSelectionReturnValue } from 'downshift';
+export interface ComboboxItem {
+    disabled: boolean;
+    value: string;
+    text: string;
+}
+export type ItemsMap = Map<string, ComboboxItem>;
+export type DownshiftState = UseComboboxReturnValue<ComboboxItem> & UseMultipleSelectionReturnValue<ComboboxItem>;

package/dist/src/combobox/useCombobox/multipleSelectionReducer.d.ts

@@ -0,0 +1,13 @@
+import { UseMultipleSelectionReturnValue } from 'downshift';
+import { RefObject } from 'react';
+import { ComboboxItem, ItemsMap } from '../types';
+interface Props {
+    allowCustomValue?: boolean;
+    items: ItemsMap;
+    selectedItems: ComboboxItem[];
+    multiselect: UseMultipleSelectionReturnValue<ComboboxItem>;
+    setSelectedItems: (items: ComboboxItem[]) => void;
+    triggerAreaRef: RefObject<HTMLDivElement | null>;
+}
+export declare const multipleSelectionReducer: ({ multiselect, selectedItems, allowCustomValue, setSelectedItems, triggerAreaRef, items, }: Props) => (state: import('downshift').UseComboboxState<ComboboxItem>, actionAndChanges: import('downshift').UseComboboxStateChangeOptions<ComboboxItem>) => Partial<import('downshift').UseComboboxState<ComboboxItem>>;
+export {};

package/dist/src/combobox/useCombobox/singleSelectionReducer.d.ts

@@ -0,0 +1,8 @@
+import { ComboboxItem } from '../types';
+interface Props {
+    allowCustomValue?: boolean;
+    filteredItems: ComboboxItem[];
+    setSelectedItem: (value: ComboboxItem | null) => void;
+}
+export declare const singleSelectionReducer: ({ filteredItems, allowCustomValue, setSelectedItem, }: Props) => (state: import('downshift').UseComboboxState<ComboboxItem>, actionAndChanges: import('downshift').UseComboboxStateChangeOptions<ComboboxItem>) => Partial<import('downshift').UseComboboxState<ComboboxItem>>;
+export {};

package/dist/src/combobox/utils/index.d.mts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import { ComboboxItem, ItemsMap } from '../types';
+export declare function getIndexByKey(map: ItemsMap, targetKey: string): number;
+export declare const getElementByIndex: (map: ItemsMap, index: number) => ComboboxItem | undefined;
+export declare const getOrderedItems: (children: ReactNode, result?: ComboboxItem[]) => ComboboxItem[];
+/**
+ * If Combobox.Item children:
+ * - is a string, then the string is used.
+ * - is JSX markup, then we look for Combobox.ItemText to get its string value.
+ */
+export declare const getItemText: (children: ReactNode) => string;
+export declare const getItemsFromChildren: (children: ReactNode) => ItemsMap;
+export declare const hasChildComponent: (children: ReactNode, displayName: string) => boolean;
+export declare const findElement: (children: ReactNode, value: string) => ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | undefined;

package/dist/src/combobox/utils/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import { ComboboxItem, ItemsMap } from '../types';
+export declare function getIndexByKey(map: ItemsMap, targetKey: string): number;
+export declare const getElementByIndex: (map: ItemsMap, index: number) => ComboboxItem | undefined;
+export declare const getOrderedItems: (children: ReactNode, result?: ComboboxItem[]) => ComboboxItem[];
+/**
+ * If Combobox.Item children:
+ * - is a string, then the string is used.
+ * - is JSX markup, then we look for Combobox.ItemText to get its string value.
+ */
+export declare const getItemText: (children: ReactNode) => string;
+export declare const getItemsFromChildren: (children: ReactNode) => ItemsMap;
+export declare const hasChildComponent: (children: ReactNode, displayName: string) => boolean;
+export declare const findElement: (children: ReactNode, value: string) => ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | undefined;

package/dist/src/combobox/utils/useWidthIncreaseCallback.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useWidthIncreaseCallback: (elementRef: RefObject<HTMLDivElement | null>, callback: () => void) => void;

package/dist/src/dialog/Dialog.d.ts

@@ -0,0 +1,33 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, ReactElement } from 'react';
+export interface DialogProps 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 dialog 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 Dialog: {
+    ({ withFade, onOpenChange, ...props }: DialogProps): ReactElement;
+    createHandle: typeof BaseDialog.createHandle;
+    displayName: string;
+};

package/dist/src/dialog/DialogBody.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface BodyProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
+    ref?: Ref<HTMLDivElement>;
+    inset?: boolean;
+}
+export declare const Body: {
+    ({ children, className, inset, ref: forwardedRef, ...rest }: BodyProps): ReactElement;
+    displayName: string;
+};

package/dist/src/dialog/DialogClose.d.ts

@@ -0,0 +1,10 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+export interface CloseProps 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 Close: ({ asChild, ...props }: CloseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/dialog/DialogCloseButton.d.ts

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

package/dist/src/dialog/DialogContent.d.ts

@@ -0,0 +1,14 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+import { DialogContentStylesProps } from './DialogContent.styles';
+export interface ContentProps extends Omit<ComponentProps<typeof BaseDialog.Popup>, 'render'>, DialogContentStylesProps {
+    /**
+     * When set to true, the content will adjust its width to fit the content rather than taking up the full available width.
+     */
+    isNarrow?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Content: {
+    ({ className, isNarrow, size, ref, ...rest }: ContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dialog/DialogContent.styles.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const dialogContentStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | "fullscreen" | null | undefined;
+    isNarrow?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;

package/dist/src/dialog/DialogContext.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface DialogContextState {
+    isFullScreen: boolean;
+    setIsFullScreen: (value: boolean) => void;
+    withFade: boolean;
+}
+export declare const DialogProvider: ({ children: childrenProp, withFade, }: {
+    children: ReactNode;
+    withFade?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDialog: () => DialogContextState;

package/dist/src/dialog/DialogDescription.d.ts

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

package/dist/src/dialog/DialogFooter.d.ts

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

package/dist/src/dialog/DialogHeader.d.ts

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

package/dist/src/dialog/DialogOverlay.d.ts

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

package/dist/src/dialog/DialogPortal.d.ts

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

package/dist/src/dialog/DialogTitle.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+export type TitleProps = ComponentProps<typeof BaseDialog.Title> & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+export declare const Title: {
+    ({ className, ref, ...others }: TitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/dialog/DialogTrigger.d.ts

@@ -0,0 +1,13 @@
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentProps, Ref } from 'react';
+export interface TriggerProps extends Omit<ComponentProps<typeof BaseDialog.Trigger>, 'render'> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const Trigger: {
+    ({ asChild, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,37 @@
+import { Dialog as Root } from './Dialog';
+import { Body } from './DialogBody';
+import { Close } from './DialogClose';
+import { CloseButton } from './DialogCloseButton';
+import { Content } from './DialogContent';
+import { Description } from './DialogDescription';
+import { Footer } from './DialogFooter';
+import { Header } from './DialogHeader';
+import { Overlay } from './DialogOverlay';
+import { Portal } from './DialogPortal';
+import { Title } from './DialogTitle';
+import { Trigger } from './DialogTrigger';
+export declare const Dialog: typeof Root & {
+    Trigger: typeof Trigger;
+    Portal: typeof Portal;
+    Overlay: typeof Overlay;
+    Content: typeof Content;
+    Header: typeof Header;
+    Body: typeof Body;
+    Footer: typeof Footer;
+    Close: typeof Close;
+    CloseButton: typeof CloseButton;
+    Title: typeof Title;
+    Description: typeof Description;
+};
+export { type DialogProps } from './Dialog';
+export { type ContentProps as DialogContentProps } from './DialogContent';
+export { type HeaderProps as DialogHeaderProps } from './DialogHeader';
+export { type BodyProps as DialogBodyProps } from './DialogBody';
+export { type FooterProps as DialogFooterProps } from './DialogFooter';
+export { type TriggerProps as DialogTriggerProps } from './DialogTrigger';
+export { type OverlayProps as DialogOverlayProps } from './DialogOverlay';
+export { type PortalProps as DialogPortalProps } from './DialogPortal';
+export { type TitleProps as DialogTitleProps } from './DialogTitle';
+export { type DescriptionProps as DialogDescriptionProps } from './DialogDescription';
+export { type CloseProps as DialogCloseProps } from './DialogClose';
+export { type CloseButtonProps as DialogCloseButtonProps } from './DialogCloseButton';

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

@@ -0,0 +1,37 @@
+import { Dialog as Root } from './Dialog';
+import { Body } from './DialogBody';
+import { Close } from './DialogClose';
+import { CloseButton } from './DialogCloseButton';
+import { Content } from './DialogContent';
+import { Description } from './DialogDescription';
+import { Footer } from './DialogFooter';
+import { Header } from './DialogHeader';
+import { Overlay } from './DialogOverlay';
+import { Portal } from './DialogPortal';
+import { Title } from './DialogTitle';
+import { Trigger } from './DialogTrigger';
+export declare const Dialog: typeof Root & {
+    Trigger: typeof Trigger;
+    Portal: typeof Portal;
+    Overlay: typeof Overlay;
+    Content: typeof Content;
+    Header: typeof Header;
+    Body: typeof Body;
+    Footer: typeof Footer;
+    Close: typeof Close;
+    CloseButton: typeof CloseButton;
+    Title: typeof Title;
+    Description: typeof Description;
+};
+export { type DialogProps } from './Dialog';
+export { type ContentProps as DialogContentProps } from './DialogContent';
+export { type HeaderProps as DialogHeaderProps } from './DialogHeader';
+export { type BodyProps as DialogBodyProps } from './DialogBody';
+export { type FooterProps as DialogFooterProps } from './DialogFooter';
+export { type TriggerProps as DialogTriggerProps } from './DialogTrigger';
+export { type OverlayProps as DialogOverlayProps } from './DialogOverlay';
+export { type PortalProps as DialogPortalProps } from './DialogPortal';
+export { type TitleProps as DialogTitleProps } from './DialogTitle';
+export { type DescriptionProps as DialogDescriptionProps } from './DialogDescription';
+export { type CloseProps as DialogCloseProps } from './DialogClose';
+export { type CloseButtonProps as DialogCloseButtonProps } from './DialogCloseButton';

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

@@ -0,0 +1,30 @@
+import { HTMLAttributes, ReactElement, Ref } from 'react';
+import { DividerStylesProps } from './Divider.styles';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement>, Omit<DividerStylesProps, 'isEmpty'> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    children?: ReactElement;
+    /**
+     * The orientation of the inner content.
+     */
+    alignment?: 'start' | 'end' | 'center';
+    /**
+     * The orientation of the separator.
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.
+     */
+    isDecorative?: boolean;
+    /**
+     * Color scheme of the divider.
+     */
+    intent?: 'outline' | 'current';
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Divider: {
+    ({ asChild, className, isDecorative, children, orientation, writingMode, alignment, intent, ref, role: roleProp, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/divider/Divider.styles.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const dividerStyles: (props?: ({
+    isEmpty?: boolean | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    writingMode?: "horizontal-tb" | "vertical-lr" | null | undefined;
+    alignment?: "center" | "end" | "start" | null | undefined;
+    intent?: "current" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DividerStylesProps = VariantProps<typeof dividerStyles>;