@spark-ui/components 17.2.4 → 17.2.5

package/dist/src/snackbar/SnackbarRegion.d.ts

@@ -1,30 +0,0 @@
-import { AriaToastRegionProps } from '@react-aria/toast';
-import { ComponentPropsWithRef, ReactElement } from 'react';
-import { SnackbarItem, SnackbarItemProps } from './SnackbarItem';
-import { SnackbarItemState } from './SnackbarItemContext';
-import { SnackbarRegionVariantProps } from './SnackbarRegion.styles';
-export interface SnackbarRegionProps extends ComponentPropsWithRef<'div'>, AriaToastRegionProps, SnackbarRegionVariantProps, Pick<SnackbarItemState, 'state'> {
-    /**
-     * An accessibility label for the snackbar region.
-     * @default 'Notifications'
-     */
-    'aria-label'?: string;
-    /**
-     * Identifies the element (or elements) that labels the current element.
-     */
-    'aria-labelledby'?: string;
-    /**
-     * Identifies the element (or elements) that describes the object.
-     */
-    'aria-describedby'?: string;
-    /**
-     * Identifies the element (or elements) that provide a detailed, extended description for the object.
-     */
-    'aria-details'?: string;
-    /**
-     * The component/template used to display each snackbar from the queue
-     * @default 'Snackbar.Item'
-     */
-    children?: ReactElement<SnackbarItemProps, typeof SnackbarItem>;
-}
-export declare const SnackbarRegion: ({ children, state, position, className, ref: forwardedRef, ...rest }: SnackbarRegionProps) => ReactElement;

package/dist/src/snackbar/SnackbarRegion.styles.d.ts

@@ -1,5 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const snackbarRegionVariant: (props?: ({
-    position?: "bottom" | "top" | "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type SnackbarRegionVariantProps = VariantProps<typeof snackbarRegionVariant>;

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

@@ -1,13 +0,0 @@
-import { addSnackbar, AddSnackbarArgs, clearSnackbarQueue, Snackbar as Root, SnackbarProps } from './Snackbar';
-import { SnackbarItem as Item, SnackbarItemProps } from './SnackbarItem';
-import { SnackbarItemAction as ItemAction, SnackbarItemActionProps } from './SnackbarItemAction';
-import { SnackbarItemClose as ItemClose, SnackbarItemCloseProps } from './SnackbarItemClose';
-import { SnackbarItemIcon as ItemIcon, SnackbarItemIconProps } from './SnackbarItemIcon';
-export declare const Snackbar: typeof Root & {
-    Item: typeof Item;
-    ItemAction: typeof ItemAction;
-    ItemClose: typeof ItemClose;
-    ItemIcon: typeof ItemIcon;
-};
-export type { SnackbarProps, SnackbarItemProps, SnackbarItemActionProps, SnackbarItemCloseProps, SnackbarItemIconProps, AddSnackbarArgs, };
-export { addSnackbar, clearSnackbarQueue };

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

@@ -1,13 +0,0 @@
-import { addSnackbar, AddSnackbarArgs, clearSnackbarQueue, Snackbar as Root, SnackbarProps } from './Snackbar';
-import { SnackbarItem as Item, SnackbarItemProps } from './SnackbarItem';
-import { SnackbarItemAction as ItemAction, SnackbarItemActionProps } from './SnackbarItemAction';
-import { SnackbarItemClose as ItemClose, SnackbarItemCloseProps } from './SnackbarItemClose';
-import { SnackbarItemIcon as ItemIcon, SnackbarItemIconProps } from './SnackbarItemIcon';
-export declare const Snackbar: typeof Root & {
-    Item: typeof Item;
-    ItemAction: typeof ItemAction;
-    ItemClose: typeof ItemClose;
-    ItemIcon: typeof ItemIcon;
-};
-export type { SnackbarProps, SnackbarItemProps, SnackbarItemActionProps, SnackbarItemCloseProps, SnackbarItemIconProps, AddSnackbarArgs, };
-export { addSnackbar, clearSnackbarQueue };

package/dist/src/snackbar/snackbarVariants.d.ts

@@ -1,74 +0,0 @@
-export declare const filledVariants: readonly [{
-    readonly design: "filled";
-    readonly intent: "success";
-    readonly class: readonly ["bg-success text-on-success"];
-}, {
-    readonly design: "filled";
-    readonly intent: "alert";
-    readonly class: readonly ["bg-alert text-on-alert"];
-}, {
-    readonly design: "filled";
-    readonly intent: "error";
-    readonly class: readonly ["bg-error text-on-error"];
-}, {
-    readonly design: "filled";
-    readonly intent: "info";
-    readonly class: readonly ["bg-info text-on-info"];
-}, {
-    readonly design: "filled";
-    readonly intent: "neutral";
-    readonly class: readonly ["bg-neutral text-on-neutral"];
-}, {
-    readonly design: "filled";
-    readonly intent: "main";
-    readonly class: readonly ["bg-main text-on-main"];
-}, {
-    readonly design: "filled";
-    readonly intent: "support";
-    readonly class: readonly ["bg-support text-on-support"];
-}, {
-    readonly design: "filled";
-    readonly intent: "accent";
-    readonly class: readonly ["bg-accent text-on-accent"];
-}, {
-    readonly design: "filled";
-    readonly intent: "inverse";
-    readonly class: readonly ["bg-surface-inverse text-on-surface-inverse"];
-}];
-export declare const tintedVariants: readonly [{
-    readonly design: "tinted";
-    readonly intent: "success";
-    readonly class: readonly ["bg-success-container text-on-success-container"];
-}, {
-    readonly design: "tinted";
-    readonly intent: "alert";
-    readonly class: readonly ["bg-alert-container text-on-alert-container"];
-}, {
-    readonly design: "tinted";
-    readonly intent: "error";
-    readonly class: readonly ["bg-error-container text-on-error-container"];
-}, {
-    readonly design: "tinted";
-    readonly intent: "info";
-    readonly class: readonly ["bg-info-container text-on-info-container"];
-}, {
-    readonly design: "tinted";
-    readonly intent: "neutral";
-    readonly class: readonly ["bg-neutral-container text-on-neutral-container"];
-}, {
-    readonly design: "tinted";
-    readonly intent: "main";
-    readonly class: readonly ["bg-main-container text-on-main-container"];
-}, {
-    readonly design: "tinted";
-    readonly intent: "support";
-    readonly class: readonly ["bg-support-container text-on-support-container"];
-}, {
-    readonly design: "tinted";
-    readonly intent: "accent";
-    readonly class: readonly ["bg-accent-container text-on-accent-container"];
-}, {
-    readonly design: "tinted";
-    readonly intent: "inverse";
-    readonly class: readonly ["bg-surface-inverse text-on-surface-inverse"];
-}];

package/dist/src/snackbar/useSnackbarGlobalStore.d.ts

@@ -1,18 +0,0 @@
-import { RefObject } from 'react';
-interface UseSnackbarGlobalStoreArgs<T> {
-    providers: Set<T>;
-    subscriptions: Set<() => void>;
-}
-interface UseSnackbarGlobalStoreReturn<T> {
-    provider: T;
-    addProvider: (ref: T) => void;
-    deleteProvider: (ref: T) => void;
-}
-/**
- * This hook is a basic abstraction of useSyncExternalStore hook which allows us
- * to consume data from an external data store.
- *
- * Cf. https://react.dev/reference/react/useSyncExternalStore#subscribing-to-an-external-store
- */
-export declare const useSnackbarGlobalStore: <T = RefObject<HTMLDivElement | null>>({ providers, subscriptions, }: UseSnackbarGlobalStoreArgs<T>) => UseSnackbarGlobalStoreReturn<T>;
-export {};

package/dist/src/snackbar/useSwipe.d.ts

@@ -1,15 +0,0 @@
-import { RefObject } from 'react';
-interface SwipeArgs<T> {
-    swipeRef: RefObject<T | null>;
-    onSwipeStart?: ({ state, direction }: SwipeReturn) => void;
-    onSwipeMove?: ({ state, direction }: SwipeReturn) => void;
-    onSwipeCancel?: ({ state, direction }: SwipeReturn) => void;
-    onSwipeEnd?: ({ state, direction }: SwipeReturn) => void;
-    threshold?: number;
-}
-interface SwipeReturn {
-    state?: 'start' | 'move' | 'cancel' | 'end';
-    direction?: 'up' | 'down' | 'right' | 'left' | null;
-}
-export declare const useSwipe: <T extends HTMLElement>({ swipeRef, onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd, threshold, }: SwipeArgs<T>) => SwipeReturn;
-export {};