@spark-ui/components 17.2.1 → 17.2.2

package/dist/breadcrumb/BreadcrumbLink.d.ts

@@ -1,12 +0,0 @@
-import { ComponentPropsWithoutRef, Ref } from 'react';
-import { TextLink } from '../text-link';
-export interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {
-    asChild?: boolean;
-    className?: string;
-    href?: string;
-    ref?: Ref<HTMLAnchorElement>;
-}
-export declare const Link: {
-    ({ asChild, className, bold, intent, underline, href, ref, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/breadcrumb/BreadcrumbSeparator.d.ts

@@ -1,10 +0,0 @@
-import { ComponentPropsWithoutRef, Ref } from 'react';
-export interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {
-    asChild?: boolean;
-    className?: string;
-    ref?: Ref<HTMLLIElement>;
-}
-export declare const Separator: {
-    ({ asChild, className, children, ref, ...rest }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/breadcrumb/index.d.mts

@@ -1,12 +0,0 @@
-import { Breadcrumb as Root } from './Breadcrumb';
-import { CurrentPage } from './BreadcrumbCurrentPage';
-import { Item } from './BreadcrumbItem';
-import { Link } from './BreadcrumbLink';
-import { Separator } from './BreadcrumbSeparator';
-export declare const Breadcrumb: typeof Root & {
-    Item: typeof Item;
-    Link: typeof Link;
-    CurrentPage: typeof CurrentPage;
-    Separator: typeof Separator;
-};
-export type { BreadcrumbProps } from './Breadcrumb';

package/dist/breadcrumb/index.d.ts

@@ -1,12 +0,0 @@
-import { Breadcrumb as Root } from './Breadcrumb';
-import { CurrentPage } from './BreadcrumbCurrentPage';
-import { Item } from './BreadcrumbItem';
-import { Link } from './BreadcrumbLink';
-import { Separator } from './BreadcrumbSeparator';
-export declare const Breadcrumb: typeof Root & {
-    Item: typeof Item;
-    Link: typeof Link;
-    CurrentPage: typeof CurrentPage;
-    Separator: typeof Separator;
-};
-export type { BreadcrumbProps } from './Breadcrumb';

package/dist/button/Button.d.ts

@@ -1,26 +0,0 @@
-import { ComponentPropsWithoutRef, Ref } from 'react';
-import { ButtonStylesProps } from './Button.styles';
-export interface ButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'disabled'>, ButtonStylesProps {
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     */
-    asChild?: boolean;
-    /**
-     * Display a spinner to indicate to the user that the button is loading something after they interacted with it.
-     */
-    isLoading?: boolean;
-    /**
-     * If your loading state should only display a spinner, it is better to specify a label for it (a11y).
-     */
-    loadingLabel?: string;
-    /**
-     * If your loading state should also display a label, you can use this prop instead of `loadingLabel`.
-     * **Please note that using this can result in layout shifting when the Button goes from loading state to normal state.**
-     */
-    loadingText?: string;
-    ref?: Ref<HTMLButtonElement>;
-}
-export declare const Button: {
-    ({ children, design, disabled, intent, isLoading, loadingLabel, loadingText, shape, size, asChild, className, underline, ref, ...others }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/button/Button.styles.d.ts

@@ -1,10 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const buttonStyles: (props?: ({
-    design?: "filled" | "outlined" | "ghost" | "tinted" | "contrast" | null | undefined;
-    underline?: boolean | null | undefined;
-    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    shape?: "square" | "rounded" | "pill" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type ButtonStylesProps = VariantProps<typeof buttonStyles>;

package/dist/button/index.d.mts

@@ -1 +0,0 @@
-export * from './Button';

package/dist/button/index.d.ts

@@ -1 +0,0 @@
-export * from './Button';

package/dist/button/variants/contrast.d.ts

@@ -1,41 +0,0 @@
-export declare const contrastVariants: readonly [{
-    readonly intent: "main";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "support";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "accent";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "success";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "alert";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "danger";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "info";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "neutral";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "surface";
-    readonly design: "contrast";
-    readonly class: string[];
-}, {
-    readonly intent: "surfaceInverse";
-    readonly design: "contrast";
-    readonly class: string[];
-}];

package/dist/button/variants/filled.d.ts

@@ -1,41 +0,0 @@
-export declare const filledVariants: readonly [{
-    readonly intent: "main";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "support";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "accent";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "success";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "alert";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "danger";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "info";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "neutral";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "surface";
-    readonly design: "filled";
-    readonly class: string[];
-}, {
-    readonly intent: "surfaceInverse";
-    readonly design: "filled";
-    readonly class: string[];
-}];

package/dist/button/variants/ghost.d.ts

@@ -1,41 +0,0 @@
-export declare const ghostVariants: readonly [{
-    readonly intent: "main";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "support";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "accent";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "success";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "alert";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "danger";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "info";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "neutral";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "surface";
-    readonly design: "ghost";
-    readonly class: string[];
-}, {
-    readonly intent: "surfaceInverse";
-    readonly design: "ghost";
-    readonly class: string[];
-}];

package/dist/button/variants/index.d.mts

@@ -1,5 +0,0 @@
-export { filledVariants } from './filled';
-export { ghostVariants } from './ghost';
-export { outlinedVariants } from './outlined';
-export { tintedVariants } from './tinted';
-export { contrastVariants } from './contrast';

package/dist/button/variants/index.d.ts

@@ -1,5 +0,0 @@
-export { filledVariants } from './filled';
-export { ghostVariants } from './ghost';
-export { outlinedVariants } from './outlined';
-export { tintedVariants } from './tinted';
-export { contrastVariants } from './contrast';

package/dist/button/variants/outlined.d.ts

@@ -1,41 +0,0 @@
-export declare const outlinedVariants: readonly [{
-    readonly intent: "main";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "support";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "accent";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "success";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "alert";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "danger";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "info";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "neutral";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "surface";
-    readonly design: "outlined";
-    readonly class: string[];
-}, {
-    readonly intent: "surfaceInverse";
-    readonly design: "outlined";
-    readonly class: string[];
-}];

package/dist/button/variants/tinted.d.ts

@@ -1,41 +0,0 @@
-export declare const tintedVariants: readonly [{
-    readonly intent: "main";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "support";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "accent";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "success";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "alert";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "danger";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "info";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "neutral";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "surface";
-    readonly design: "tinted";
-    readonly class: string[];
-}, {
-    readonly intent: "surfaceInverse";
-    readonly design: "tinted";
-    readonly class: string[];
-}];

package/dist/card/Backdrop.d.ts

@@ -1,14 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const backdropStyles: (props?: ({
-    animation?: "none" | "pulse" | null | undefined;
-    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type BackdropStylesProps = VariantProps<typeof backdropStyles>;
-interface BackdropProps extends BackdropStylesProps {
-    className?: string;
-}
-export declare const Backdrop: {
-    ({ intent, animation, ...props }: BackdropProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/card/Card.d.ts

@@ -1,16 +0,0 @@
-import { ComponentProps } from 'react';
-import { CardStylesProps } from './Card.styles';
-export interface CardProps extends ComponentProps<'div'>, CardStylesProps {
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     */
-    asChild?: boolean;
-    /**
-     * Whether the card should have an inset padding.
-     */
-    inset?: boolean;
-}
-export declare const Card: {
-    ({ children, design, intent, inset, asChild, className, ref, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/card/Card.styles.d.ts

@@ -1,7 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const cardStyles: (props?: ({
-    design?: "filled" | "outlined" | "tinted" | null | undefined;
-    hasBackdrop?: boolean | null | undefined;
-    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type CardStylesProps = VariantProps<typeof cardStyles>;

package/dist/card/Content.d.ts

@@ -1,15 +0,0 @@
-import { ComponentProps } from 'react';
-export interface ContentProps extends ComponentProps<'div'> {
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     */
-    asChild?: boolean;
-    /**
-     * Whether the card should have an inset padding.
-     */
-    inset?: boolean;
-}
-export declare const Content: {
-    ({ children, inset, asChild, className, ref, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/card/Content.styles.d.ts

@@ -1,8 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const contentStyles: (props?: ({
-    inset?: boolean | null | undefined;
-    design?: "filled" | "outlined" | "tinted" | null | undefined;
-    hasBackdrop?: boolean | null | undefined;
-    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type ContentStylesProps = VariantProps<typeof contentStyles>;

package/dist/card/context.d.ts

@@ -1,11 +0,0 @@
-import { CardStylesProps } from './Card.styles';
-export interface CardContextValue {
-    design: CardStylesProps['design'];
-    intent: CardStylesProps['intent'];
-    hasBackdrop: boolean;
-    inset: boolean;
-    isInteractive: boolean;
-}
-declare const CardContext: import('react').Context<CardContextValue | undefined>;
-export declare const useCardContext: () => CardContextValue;
-export { CardContext };

package/dist/card/index.d.mts

@@ -1,8 +0,0 @@
-import { Backdrop } from './Backdrop';
-import { Card as Root } from './Card';
-import { Content } from './Content';
-export declare const Card: typeof Root & {
-    Content: typeof Content;
-    Backdrop: typeof Backdrop;
-};
-export { type CardProps } from './Card';

package/dist/card/index.d.ts

@@ -1,8 +0,0 @@
-import { Backdrop } from './Backdrop';
-import { Card as Root } from './Card';
-import { Content } from './Content';
-export declare const Card: typeof Root & {
-    Content: typeof Content;
-    Backdrop: typeof Backdrop;
-};
-export { type CardProps } from './Card';

package/dist/card/utils.d.ts

@@ -1,3 +0,0 @@
-import { ReactNode } from 'react';
-export declare const hasBackdrop: (children: ReactNode) => boolean;
-export declare const isInteractive: (children: ReactNode, asChild: boolean | undefined, props: Record<string, any>) => boolean;

package/dist/carousel/Carousel.d.ts

@@ -1,12 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { CarouselAPI, UseCarouselProps } from './types';
-interface Props extends UseCarouselProps, ComponentProps<'div'> {
-    children?: ReactNode;
-    className?: string;
-}
-export declare const Carousel: {
-    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, maxDots, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const useCarouselContext: () => CarouselAPI;
-export {};

package/dist/carousel/CarouselControls.d.ts

@@ -1,9 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-interface ControlsProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}
-export declare const CarouselControls: {
-    ({ children, className, ...props }: ControlsProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/carousel/CarouselNextButton.d.ts

@@ -1,5 +0,0 @@
-import { IconButtonProps } from '../icon-button';
-export declare const CarouselNextButton: {
-    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/carousel/CarouselPageIndicator.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    children?: ReactNode;
-    'aria-label': string;
-    index: number;
-    className?: string;
-    unstyled?: boolean;
-    intent?: 'support' | 'surface';
-}
-export declare const CarouselPageIndicator: {
-    ({ children, unstyled, index, "aria-label": ariaLabel, className, intent, }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/carousel/CarouselPagePicker.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { CarouselAPI } from './types';
-interface RenderProps extends CarouselAPI {
-    pages: number[];
-}
-interface Props {
-    children: (renderProps: RenderProps) => ReactNode;
-    className?: string;
-}
-export declare const CarouselPagePicker: {
-    ({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/carousel/CarouselPrevButton.d.ts

@@ -1,5 +0,0 @@
-import { IconButtonProps } from '../icon-button';
-export declare const CarouselPrevButton: {
-    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/carousel/CarouselSlide.d.ts

@@ -1,12 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-export interface CarouselSlideProps extends ComponentProps<'div'> {
-    isSnapPoint?: boolean;
-    children?: ReactNode;
-    index?: number;
-    totalSlides?: number;
-    className?: string;
-}
-export declare const CarouselSlide: {
-    ({ children, index, totalSlides, className, ...props }: CarouselSlideProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/carousel/CarouselSlides.d.ts

@@ -1,10 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-interface Props extends ComponentProps<'div'> {
-    children?: ReactNode;
-    className?: string;
-}
-export declare const CarouselSlides: {
-    ({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/carousel/CarouselViewport.d.ts

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

package/dist/carousel/index.d.mts

@@ -1,19 +0,0 @@
-import { Carousel as Root } from './Carousel';
-import { CarouselControls as Controls } from './CarouselControls';
-import { CarouselNextButton as NextButton } from './CarouselNextButton';
-import { CarouselPageIndicator as PageIndicator } from './CarouselPageIndicator';
-import { CarouselPagePicker as PagePicker } from './CarouselPagePicker';
-import { CarouselPrevButton as PrevButton } from './CarouselPrevButton';
-import { CarouselSlide as Slide } from './CarouselSlide';
-import { CarouselSlides as Slides } from './CarouselSlides';
-import { CarouselViewport as Viewport } from './CarouselViewport';
-export declare const Carousel: typeof Root & {
-    Controls: typeof Controls;
-    NextButton: typeof NextButton;
-    PrevButton: typeof PrevButton;
-    Slide: typeof Slide;
-    Slides: typeof Slides;
-    Viewport: typeof Viewport;
-    PagePicker: typeof PagePicker;
-    PageIndicator: typeof PageIndicator;
-};

package/dist/carousel/index.d.ts

@@ -1,19 +0,0 @@
-import { Carousel as Root } from './Carousel';
-import { CarouselControls as Controls } from './CarouselControls';
-import { CarouselNextButton as NextButton } from './CarouselNextButton';
-import { CarouselPageIndicator as PageIndicator } from './CarouselPageIndicator';
-import { CarouselPagePicker as PagePicker } from './CarouselPagePicker';
-import { CarouselPrevButton as PrevButton } from './CarouselPrevButton';
-import { CarouselSlide as Slide } from './CarouselSlide';
-import { CarouselSlides as Slides } from './CarouselSlides';
-import { CarouselViewport as Viewport } from './CarouselViewport';
-export declare const Carousel: typeof Root & {
-    Controls: typeof Controls;
-    NextButton: typeof NextButton;
-    PrevButton: typeof PrevButton;
-    Slide: typeof Slide;
-    Slides: typeof Slides;
-    Viewport: typeof Viewport;
-    PagePicker: typeof PagePicker;
-    PageIndicator: typeof PageIndicator;
-};