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

package/dist/src/input-otp/useInputOTP.d.ts

@@ -0,0 +1,48 @@
+import { ChangeEventHandler, ClipboardEventHandler, KeyboardEventHandler } from 'react';
+import { InputOTPContextValue } from './InputOTPContext';
+export interface UseInputOTPProps {
+    maxLength: number;
+    type: 'text' | 'number' | 'password' | 'tel';
+    value?: string;
+    defaultValue: string;
+    onValueChange?: (value: string) => void;
+    isValid: boolean;
+    disabledProp: boolean;
+    readOnlyProp: boolean;
+    autoFocus: boolean;
+    forceUppercase: boolean;
+    filterKeys: string[];
+    pattern?: string;
+    placeholder: string;
+    nameProp?: string;
+}
+export interface UseInputOTPReturn {
+    uuid: string;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    name: string | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    isInvalid: boolean;
+    isRequired: boolean;
+    description: string | undefined;
+    maxLength: number;
+    intent: 'neutral' | 'success' | 'alert' | 'error';
+    currentValue: string;
+    activeIndex: number;
+    slots: {
+        char: string;
+        isActive: boolean;
+        hasFakeCaret: boolean;
+    }[];
+    contextValue: InputOTPContextValue;
+    handleChange: ChangeEventHandler<HTMLInputElement>;
+    handleKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    handleCopy: ClipboardEventHandler<HTMLInputElement>;
+    handlePaste: ClipboardEventHandler<HTMLInputElement>;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleClick: () => void;
+    labelId: string | undefined;
+}
+export declare const useInputOTP: ({ maxLength, type, value: controlledValue, defaultValue, onValueChange, isValid, disabledProp, readOnlyProp, autoFocus, forceUppercase, filterKeys, pattern, placeholder, nameProp, }: UseInputOTPProps) => UseInputOTPReturn;

package/dist/src/kbd/Kbd.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react';
+export type KbdProps = ComponentPropsWithoutRef<'div'> & {
+    ref?: Ref<HTMLElement>;
+};
+export declare const Kbd: ({ className, ref, ...props }: PropsWithChildren<KbdProps>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { Kbd } from './Kbd';

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

@@ -0,0 +1 @@
+export { Kbd } from './Kbd';

package/dist/src/label/Label.d.ts

@@ -0,0 +1,9 @@
+import { Label as RadixLabel } from 'radix-ui';
+import { Ref } from 'react';
+export type LabelProps = RadixLabel.LabelProps & {
+    ref?: Ref<HTMLLabelElement>;
+};
+export declare const Label: {
+    ({ className, ref, ...others }: LabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/label/LabelRequiredIndicator.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+export type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>;
+export declare const LabelRequiredIndicator: {
+    ({ className, children, ref, ...others }: LabelRequiredIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,7 @@
+import { Label as Root } from './Label';
+import { LabelRequiredIndicator } from './LabelRequiredIndicator';
+export declare const Label: typeof Root & {
+    RequiredIndicator: typeof LabelRequiredIndicator;
+};
+export type { LabelProps } from './Label';
+export type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator';

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

@@ -0,0 +1,7 @@
+import { Label as Root } from './Label';
+import { LabelRequiredIndicator } from './LabelRequiredIndicator';
+export declare const Label: typeof Root & {
+    RequiredIndicator: typeof LabelRequiredIndicator;
+};
+export type { LabelProps } from './Label';
+export type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator';

package/dist/src/link-box/LinkBox.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+export interface LinkBoxProps extends ComponentPropsWithRef<'div'> {
+    asChild?: boolean;
+}
+export declare const LinkBox: {
+    ({ className, asChild, ref, ...props }: LinkBoxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/link-box/LinkBoxLink.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+export interface LinkBoxLinkProps extends ComponentPropsWithRef<'a'> {
+    asChild?: boolean;
+}
+export declare const LinkBoxLink: {
+    ({ className, asChild, ref, ...props }: LinkBoxLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/link-box/LinkBoxRaised.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface LinkBoxRaisedProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const LinkBoxRaised: {
+    ({ className, ...props }: LinkBoxRaisedProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/link-box/index.d.mts

@@ -0,0 +1,9 @@
+import { LinkBox as Root } from './LinkBox';
+import { LinkBoxLink } from './LinkBoxLink';
+import { LinkBoxRaised } from './LinkBoxRaised';
+export declare const LinkBox: typeof Root & {
+    Link: typeof LinkBoxLink;
+    Raised: typeof LinkBoxRaised;
+};
+export { type LinkBoxProps } from './LinkBox';
+export { type LinkBoxLinkProps } from './LinkBoxLink';

package/dist/src/link-box/index.d.ts

@@ -0,0 +1,9 @@
+import { LinkBox as Root } from './LinkBox';
+import { LinkBoxLink } from './LinkBoxLink';
+import { LinkBoxRaised } from './LinkBoxRaised';
+export declare const LinkBox: typeof Root & {
+    Link: typeof LinkBoxLink;
+    Raised: typeof LinkBoxRaised;
+};
+export { type LinkBoxProps } from './LinkBox';
+export { type LinkBoxLinkProps } from './LinkBoxLink';

package/dist/src/meter/Meter.d.ts

@@ -0,0 +1,18 @@
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import { ComponentProps, PropsWithChildren, Ref } from 'react';
+import { MeterIndicatorStylesProps } from './MeterTrack.styles';
+export interface MeterProps extends Omit<ComponentProps<typeof BaseMeter.Root>, 'render'>, Pick<MeterIndicatorStylesProps, 'intent'> {
+    /**
+     * Shape of the meter track and indicator.
+     */
+    shape?: 'square' | 'rounded';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Meter: {
+    ({ className, value, max, min, shape, intent, children, ref, ...others }: PropsWithChildren<MeterProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/meter/MeterContext.d.ts

@@ -0,0 +1,12 @@
+import { MeterIndicatorStylesProps } from './MeterTrack.styles';
+export interface MeterContextValue {
+    value: number;
+    max: number;
+    min: number;
+    intent: MeterIndicatorStylesProps['intent'];
+    shape: 'square' | 'rounded';
+    onLabelId: (id?: string) => void;
+}
+export declare const MeterContext: import('react').Context<MeterContextValue | null>;
+export declare const ID_PREFIX = ":meter";
+export declare const useMeter: () => MeterContextValue;

package/dist/src/meter/MeterLabel.d.ts

@@ -0,0 +1,7 @@
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import { ComponentProps } from 'react';
+export type MeterLabelProps = Omit<ComponentProps<typeof BaseMeter.Label>, 'render'>;
+export declare const MeterLabel: {
+    ({ id: idProp, children, ref: forwardedRef, ...others }: MeterLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/meter/MeterTrack.d.ts

@@ -0,0 +1,7 @@
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import { ComponentProps } from 'react';
+export type MeterTrackProps = Omit<ComponentProps<typeof BaseMeter.Track>, 'render'>;
+export declare const MeterTrack: {
+    ({ className, ...others }: MeterTrackProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/meter/MeterTrack.styles.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const meterTrackStyles: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export type MeterTrackStylesProps = VariantProps<typeof meterTrackStyles>;
+export declare const meterIndicatorStyles: (props?: ({
+    intent?: "main" | "alert" | "support" | "success" | "info" | "danger" | null | undefined;
+    shape?: "square" | "rounded" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type MeterIndicatorStylesProps = VariantProps<typeof meterIndicatorStyles>;

package/dist/src/meter/MeterValue.d.ts

@@ -0,0 +1,9 @@
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import { ComponentProps, ReactNode } from 'react';
+export type MeterValueProps = Omit<ComponentProps<typeof BaseMeter.Value>, 'render' | 'children'> & {
+    children?: ((formattedValue: string, value: number) => ReactNode) | null | undefined;
+};
+export declare const MeterValue: {
+    ({ className, children, ...others }: MeterValueProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,13 @@
+import { Meter as Root } from './Meter';
+import { MeterLabel } from './MeterLabel';
+import { MeterTrack } from './MeterTrack';
+import { MeterValue } from './MeterValue';
+export declare const Meter: typeof Root & {
+    Label: typeof MeterLabel;
+    Track: typeof MeterTrack;
+    Value: typeof MeterValue;
+};
+export { type MeterProps } from './Meter';
+export { type MeterLabelProps } from './MeterLabel';
+export { type MeterTrackProps } from './MeterTrack';
+export { type MeterValueProps } from './MeterValue';

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

@@ -0,0 +1,13 @@
+import { Meter as Root } from './Meter';
+import { MeterLabel } from './MeterLabel';
+import { MeterTrack } from './MeterTrack';
+import { MeterValue } from './MeterValue';
+export declare const Meter: typeof Root & {
+    Label: typeof MeterLabel;
+    Track: typeof MeterTrack;
+    Value: typeof MeterValue;
+};
+export { type MeterProps } from './Meter';
+export { type MeterLabelProps } from './MeterLabel';
+export { type MeterTrackProps } from './MeterTrack';
+export { type MeterValueProps } from './MeterValue';

package/dist/src/meter/useIntersectionAnimation.d.ts

@@ -0,0 +1,26 @@
+import { RefObject } from 'react';
+export interface UseIntersectionAnimationOptions {
+    /**
+     * The threshold at which the callback should be triggered.
+     * A value of 0 means as soon as any part of the element is visible.
+     * A value of 1 means the entire element must be visible.
+     * @default 0.1
+     */
+    threshold?: number;
+    /**
+     * The root margin for the Intersection Observer.
+     * This can be used to trigger the animation before the element enters the viewport.
+     * @default undefined
+     */
+    rootMargin?: string;
+}
+/**
+ * Hook to trigger an animation callback when an element enters the viewport.
+ * The callback is only triggered once, when the element first becomes visible.
+ *
+ * @param elementRef - Reference to the element to observe
+ * @param onIntersect - Callback to execute when the element enters the viewport
+ * @param options - Configuration options for the Intersection Observer
+ * @returns Whether the animation has been triggered
+ */
+export declare function useIntersectionAnimation(elementRef: RefObject<Element | null>, onIntersect: () => void, options?: UseIntersectionAnimationOptions): boolean;

package/dist/src/pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+import { PaginationProviderProps } from './PaginationContext';
+export type PaginationProps = PaginationProviderProps & {
+    className?: string;
+};
+export declare const Pagination: {
+    ({ children, visiblePageItems, type, noEllipsis, className, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/pagination/PaginationContext.d.ts

@@ -0,0 +1,43 @@
+import { PropTypes } from '@zag-js/react';
+import { ReactNode } from 'react';
+import * as pagination from '@zag-js/pagination';
+export interface PaginationContextState<T extends PropTypes = PropTypes> {
+    type: pagination.Props['type'];
+    pagination: pagination.Api<T> & {
+        getFirstPageTriggerProps: () => ReturnType<pagination.Api<T>['getPrevTriggerProps']> & {
+            'data-part': string;
+            onClick: () => void;
+        };
+        getLastPageTriggerProps: () => ReturnType<pagination.Api<T>['getNextTriggerProps']> & {
+            'data-part': string;
+            onClick: () => void;
+        };
+    };
+}
+export interface PaginationProviderProps {
+    children: ReactNode;
+    /**
+     * Total number of data items available across all pages.
+     */
+    count: number;
+    /**
+     * Maximum amount of items displayed on a single page.
+     */
+    pageSize: number;
+    /**
+     * Number of visible pages (or ellipsis) between previous and next page triggers.
+     */
+    visiblePageItems?: number;
+    /**
+     * The current page (active page)
+     */
+    page?: pagination.Props['page'];
+    /**
+     * If your pagination contains buttons instead of links, set `type` to `button`, extra attributes will be applied on page items for a11y.
+     */
+    type?: pagination.Props['type'];
+    onPageChange?: pagination.Props['onPageChange'];
+    noEllipsis?: boolean;
+}
+export declare const PaginationProvider: ({ children, count, visiblePageItems, pageSize, page, onPageChange, noEllipsis, type, }: PaginationProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const usePagination: () => PaginationContextState<PropTypes>;

package/dist/src/pagination/PaginationEllipsis.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from 'react';
+interface EllipsisProps extends ComponentPropsWithRef<'span'> {
+    index: number;
+}
+export declare const Ellipsis: {
+    ({ children, index, className, ref, ...rest }: EllipsisProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/pagination/PaginationFirstPageTrigger.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
+    href: string;
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type FirstPageTriggerProps = (AnchorProps | ButtonProps) & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const FirstPageTrigger: {
+    ({ children, className, href, ref, ...props }: FirstPageTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/pagination/PaginationItem.d.ts

@@ -0,0 +1,31 @@
+import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
+    href: string;
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type ItemProps = (AnchorProps | ButtonProps) & {
+    'aria-label': string;
+    value: number;
+    ref?: Ref<HTMLButtonElement>;
+};
+/**
+ * A numbered page item.
+ * Should be used within `Pagination.Pages` to ensure proper functionality and accessibility.
+ *
+ * Can be rendered as an anchor or a button :
+ * - Set a `href` prop to render the item as an anchor element.
+ * - When using `href`, the `asChild` prop isn’t available since the component will already be rendered as an anchor element.
+ */
+export declare function Item({ children, value, className, href, ref, ...props }: ItemProps): ReactElement;
+export declare namespace Item {
+    var displayName: string;
+}
+export {};

package/dist/src/pagination/PaginationLastPageTrigger.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
+    href: string;
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type LastPageTriggerProps = (AnchorProps | ButtonProps) & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const LastPageTrigger: {
+    ({ children, className, href, ref, ...props }: LastPageTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/pagination/PaginationNextTrigger.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
+    href: string;
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type NextTriggerProps = (AnchorProps | ButtonProps) & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const NextTrigger: {
+    ({ children, className, href, ref, ...props }: NextTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/pagination/PaginationPages.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import * as pagination from '@zag-js/pagination';
+type PageItem = Extract<pagination.Api['pages'][number], {
+    type: 'page';
+}>;
+type TweakedPaginationApi<T extends 'noEllipsis' | ''> = Omit<pagination.Api, 'pages'> & {
+    pages: T extends 'noEllipsis' ? PageItem[] : pagination.Api['pages'];
+};
+interface PagesProps<T extends 'noEllipsis' | ''> {
+    children: (pagination: TweakedPaginationApi<T>) => ReactNode;
+}
+export declare const Pages: {
+    <T extends "noEllipsis" | "" = "">({ children }: PagesProps<T>): ReactNode;
+    displayName: string;
+};
+export {};

package/dist/src/pagination/PaginationPrevTrigger.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
+    href: string;
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type PrevTriggerProps = (AnchorProps | ButtonProps) & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const PrevTrigger: {
+    ({ children, className, href, ref, ...props }: PrevTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { PaginationProps } from './Pagination';
+import { Ellipsis } from './PaginationEllipsis';
+import { FirstPageTrigger } from './PaginationFirstPageTrigger';
+import { Item } from './PaginationItem';
+import { LastPageTrigger } from './PaginationLastPageTrigger';
+import { NextTrigger } from './PaginationNextTrigger';
+import { Pages } from './PaginationPages';
+import { PrevTrigger } from './PaginationPrevTrigger';
+export declare const Pagination: FC<PaginationProps> & {
+    PrevTrigger: typeof PrevTrigger;
+    NextTrigger: typeof NextTrigger;
+    Pages: typeof Pages;
+    Item: typeof Item;
+    Ellipsis: typeof Ellipsis;
+    FirstPageTrigger: typeof FirstPageTrigger;
+    LastPageTrigger: typeof LastPageTrigger;
+};

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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { PaginationProps } from './Pagination';
+import { Ellipsis } from './PaginationEllipsis';
+import { FirstPageTrigger } from './PaginationFirstPageTrigger';
+import { Item } from './PaginationItem';
+import { LastPageTrigger } from './PaginationLastPageTrigger';
+import { NextTrigger } from './PaginationNextTrigger';
+import { Pages } from './PaginationPages';
+import { PrevTrigger } from './PaginationPrevTrigger';
+export declare const Pagination: FC<PaginationProps> & {
+    PrevTrigger: typeof PrevTrigger;
+    NextTrigger: typeof NextTrigger;
+    Pages: typeof Pages;
+    Item: typeof Item;
+    Ellipsis: typeof Ellipsis;
+    FirstPageTrigger: typeof FirstPageTrigger;
+    LastPageTrigger: typeof LastPageTrigger;
+};

package/dist/src/pagination/utils.d.ts

@@ -0,0 +1 @@
+export declare function sliceArrayWithIndex(arr: any[], index: number, length: number): any[];

package/dist/src/popover/Popover.d.ts

@@ -0,0 +1,9 @@
+import { Popover as RadixPopover } from 'radix-ui';
+import { PopoverIntent } from './PopoverContext';
+export type PopoverProps = RadixPopover.PopoverProps & {
+    intent?: PopoverIntent;
+};
+export declare const Popover: {
+    ({ children, intent, modal, ...rest }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/popover/PopoverAnchor.d.ts

@@ -0,0 +1,9 @@
+import { Popover as RadixPopover } from 'radix-ui';
+import { Ref } from 'react';
+export type AnchorProps = RadixPopover.PopoverAnchorProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const Anchor: {
+    ({ asChild, children, ref, ...rest }: AnchorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/popover/PopoverArrow.d.ts

@@ -0,0 +1,9 @@
+import { Popover as RadixPopover } from 'radix-ui';
+import { Ref } from 'react';
+export type ArrowProps = RadixPopover.PopoverArrowProps & {
+    ref?: Ref<SVGSVGElement>;
+};
+export declare const Arrow: {
+    ({ asChild, width, height, className, ref, ...rest }: ArrowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/popover/PopoverCloseButton.d.ts

@@ -0,0 +1,10 @@
+import { Popover as RadixPopover } from 'radix-ui';
+import { Ref } from 'react';
+export type CloseButtonProps = RadixPopover.PopoverCloseProps & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, ref, ...rest }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/popover/PopoverContent.d.ts

@@ -0,0 +1,10 @@
+import { Popover as RadixPopover } from 'radix-ui';
+import { Ref } from 'react';
+import { StylesProps } from './PopoverContent.styles';
+export type ContentProps = RadixPopover.PopoverContentProps & StylesProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const Content: {
+    ({ className, children, matchTriggerWidth, align, arrowPadding, asChild, avoidCollisions, "aria-labelledby": ariaLabelledBy, collisionBoundary, collisionPadding, hideWhenDetached, side, sideOffset, sticky, inset, elevation, ref, ...rest }: ContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/popover/PopoverContent.styles.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const styles: (props?: ({
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
+    matchTriggerWidth?: boolean | null | undefined;
+    enforceBoundaries?: boolean | null | undefined;
+    inset?: boolean | null | undefined;
+    elevation?: "popover" | "dropdown" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type StylesProps = VariantProps<typeof styles>;

package/dist/src/popover/PopoverContext.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+type HeaderId = string | null;
+export type PopoverIntent = 'surface' | 'main' | 'support' | 'accent' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
+export interface PopoverContextState {
+    headerId: HeaderId;
+    setHeaderId: (id: HeaderId) => void;
+    intent: PopoverIntent;
+}
+export declare const ID_PREFIX = ":popover";
+export declare const PopoverProvider: ({ children, intent, }: {
+    children: ReactNode;
+    intent: PopoverIntent;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const usePopover: () => PopoverContextState;
+export {};

package/dist/src/popover/PopoverHeader.d.ts

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

package/dist/src/popover/PopoverPortal.d.ts

@@ -0,0 +1,7 @@
+import { Popover as RadixPopover } from 'radix-ui';
+import { ReactElement } from 'react';
+export type PortalProps = RadixPopover.PopoverPortalProps;
+export declare const Portal: {
+    ({ children, ...rest }: PortalProps): ReactElement;
+    displayName: string;
+};