@spark-ui/components 13.1.4 → 13.2.0

package/dist/drawer/index.d.mts

@@ -1,142 +1,15 @@
-import { Dialog } from 'radix-ui';
-import { ReactElement, ReactNode, Ref, ComponentPropsWithoutRef } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import { IconButtonProps } from '../icon-button/index.mjs';
-import '../button/index.mjs';
-
-interface DrawerProps {
-    /**
-     * Children of the component.
-     */
-    children?: Dialog.DialogProps['children'];
-    /**
-     * Specifies if the dialog is open or not.
-     */
-    open?: Dialog.DialogProps['open'];
-    /**
-     * Default open state.
-     */
-    defaultOpen?: Dialog.DialogProps['defaultOpen'];
-    /**
-     * Handler executed on every dialog open state change.
-     */
-    onOpenChange?: Dialog.DialogProps['onOpenChange'];
-    /**
-     * Specifies if the dialog is a modal.
-     */
-    modal?: Dialog.DialogProps['modal'];
-    /**
-     * Specifies if the drawer should have a fade animation on its body (in case it is scrollable).
-     */
-    withFade?: boolean;
-}
-declare const Drawer$1: {
-    ({ children, withFade, ...rest }: DrawerProps): ReactElement;
-    displayName: string;
-};
-
-declare const drawerBodyStyles: (props?: ({
-    inset?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type DrawerBodyStylesProps = VariantProps<typeof drawerBodyStyles>;
-
-interface DrawerBodyProps extends DrawerBodyStylesProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const DrawerBody: {
-    ({ children, inset, className, ref: forwardedRef, ...rest }: DrawerBodyProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type DrawerCloseProps = Dialog.DialogCloseProps & {
-    ref?: Ref<HTMLButtonElement>;
-};
-
-type DrawerCloseButtonProps = DrawerCloseProps & Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>;
-declare const DrawerCloseButton: {
-    ({ "aria-label": ariaLabel, className, size, intent, design, children, ref, ...rest }: DrawerCloseButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const drawerContentStyles: (props?: ({
-    size?: "sm" | "md" | "lg" | "fluid" | "fullscreen" | null | undefined;
-    side?: "right" | "left" | "top" | "bottom" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type DrawerContentStylesProps = VariantProps<typeof drawerContentStyles>;
-
-type DrawerContentProps = Dialog.DialogContentProps & DrawerContentStylesProps & {
-    ref?: Ref<HTMLDivElement>;
-};
-declare const DrawerContent: {
-    ({ className, size, side, onInteractOutside, ref, ...rest }: DrawerContentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type DrawerDescriptionProps = Dialog.DialogDescriptionProps & {
-    ref?: Ref<HTMLParagraphElement>;
-};
-declare const DrawerDescription: {
-    (props: DrawerDescriptionProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type DrawerFooterProps = ComponentPropsWithoutRef<'footer'> & {
-    ref?: Ref<HTMLDivElement>;
-};
-declare const DrawerFooter: {
-    ({ className, ref, ...rest }: DrawerFooterProps): ReactElement;
-    displayName: string;
-};
-
-interface DrawerHeaderProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const DrawerHeader: {
-    ({ children, className, ref, ...rest }: DrawerHeaderProps): ReactElement;
-    displayName: string;
-};
-
-type DrawerOverlayProps = Dialog.DialogOverlayProps & {
-    ref?: Ref<HTMLDivElement>;
-};
-declare const DrawerOverlay: {
-    ({ className, ref, ...rest }: DrawerOverlayProps): ReactElement;
-    displayName: string;
-};
-
-type DrawerPortalProps = Dialog.DialogPortalProps;
-declare const DrawerPortal: {
-    ({ children, ...rest }: DrawerPortalProps): ReactElement;
-    displayName: string;
-};
-
-type DrawerTitleProps = Dialog.DialogTitleProps & {
-    ref?: Ref<HTMLHeadingElement>;
-};
-declare const DrawerTitle: {
-    ({ className, ref, ...others }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface DrawerTriggerProps extends Dialog.DialogTriggerProps {
-    /**
-     * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
-     */
-    asChild?: boolean;
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const DrawerTrigger: {
-    (props: DrawerTriggerProps): ReactElement;
-    displayName: string;
-};
-
-declare const Drawer: typeof Drawer$1 & {
+import { Drawer as Root } from './Drawer';
+import { DrawerBody } from './DrawerBody';
+import { DrawerCloseButton } from './DrawerCloseButton';
+import { DrawerContent } from './DrawerContent';
+import { DrawerDescription } from './DrawerDescription';
+import { DrawerFooter } from './DrawerFooter';
+import { DrawerHeader } from './DrawerHeader';
+import { DrawerOverlay } from './DrawerOverlay';
+import { DrawerPortal } from './DrawerPortal';
+import { DrawerTitle } from './DrawerTitle';
+import { DrawerTrigger } from './DrawerTrigger';
+export declare const Drawer: typeof Root & {
     Trigger: typeof DrawerTrigger;
     Portal: typeof DrawerPortal;
     Overlay: typeof DrawerOverlay;
@@ -148,5 +21,15 @@ declare const Drawer: typeof Drawer$1 & {
     Title: typeof DrawerTitle;
     Description: typeof DrawerDescription;
 };
-
-export { Drawer, type DrawerBodyProps, type DrawerCloseButtonProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps };
+export { type DrawerProps } from './Drawer';
+export { type DrawerContentProps } from './DrawerContent';
+export { type DrawerHeaderProps } from './DrawerHeader';
+export { type DrawerBodyProps } from './DrawerBody';
+export { type DrawerFooterProps } from './DrawerFooter';
+export { type DrawerTriggerProps } from './DrawerTrigger';
+export { type DrawerOverlayProps } from './DrawerOverlay';
+export { type DrawerPortalProps } from './DrawerPortal';
+export { type DrawerTitleProps } from './DrawerTitle';
+export { type DrawerDescriptionProps } from './DrawerDescription';
+export { type DrawerCloseProps } from './DrawerClose';
+export { type DrawerCloseButtonProps } from './DrawerCloseButton';

package/dist/drawer/index.d.ts

@@ -1,142 +1,15 @@
-import { Dialog } from 'radix-ui';
-import { ReactElement, ReactNode, Ref, ComponentPropsWithoutRef } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import { IconButtonProps } from '../icon-button/index.js';
-import '../button/index.js';
-
-interface DrawerProps {
-    /**
-     * Children of the component.
-     */
-    children?: Dialog.DialogProps['children'];
-    /**
-     * Specifies if the dialog is open or not.
-     */
-    open?: Dialog.DialogProps['open'];
-    /**
-     * Default open state.
-     */
-    defaultOpen?: Dialog.DialogProps['defaultOpen'];
-    /**
-     * Handler executed on every dialog open state change.
-     */
-    onOpenChange?: Dialog.DialogProps['onOpenChange'];
-    /**
-     * Specifies if the dialog is a modal.
-     */
-    modal?: Dialog.DialogProps['modal'];
-    /**
-     * Specifies if the drawer should have a fade animation on its body (in case it is scrollable).
-     */
-    withFade?: boolean;
-}
-declare const Drawer$1: {
-    ({ children, withFade, ...rest }: DrawerProps): ReactElement;
-    displayName: string;
-};
-
-declare const drawerBodyStyles: (props?: ({
-    inset?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type DrawerBodyStylesProps = VariantProps<typeof drawerBodyStyles>;
-
-interface DrawerBodyProps extends DrawerBodyStylesProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const DrawerBody: {
-    ({ children, inset, className, ref: forwardedRef, ...rest }: DrawerBodyProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type DrawerCloseProps = Dialog.DialogCloseProps & {
-    ref?: Ref<HTMLButtonElement>;
-};
-
-type DrawerCloseButtonProps = DrawerCloseProps & Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>;
-declare const DrawerCloseButton: {
-    ({ "aria-label": ariaLabel, className, size, intent, design, children, ref, ...rest }: DrawerCloseButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const drawerContentStyles: (props?: ({
-    size?: "sm" | "md" | "lg" | "fluid" | "fullscreen" | null | undefined;
-    side?: "right" | "left" | "top" | "bottom" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type DrawerContentStylesProps = VariantProps<typeof drawerContentStyles>;
-
-type DrawerContentProps = Dialog.DialogContentProps & DrawerContentStylesProps & {
-    ref?: Ref<HTMLDivElement>;
-};
-declare const DrawerContent: {
-    ({ className, size, side, onInteractOutside, ref, ...rest }: DrawerContentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type DrawerDescriptionProps = Dialog.DialogDescriptionProps & {
-    ref?: Ref<HTMLParagraphElement>;
-};
-declare const DrawerDescription: {
-    (props: DrawerDescriptionProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type DrawerFooterProps = ComponentPropsWithoutRef<'footer'> & {
-    ref?: Ref<HTMLDivElement>;
-};
-declare const DrawerFooter: {
-    ({ className, ref, ...rest }: DrawerFooterProps): ReactElement;
-    displayName: string;
-};
-
-interface DrawerHeaderProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const DrawerHeader: {
-    ({ children, className, ref, ...rest }: DrawerHeaderProps): ReactElement;
-    displayName: string;
-};
-
-type DrawerOverlayProps = Dialog.DialogOverlayProps & {
-    ref?: Ref<HTMLDivElement>;
-};
-declare const DrawerOverlay: {
-    ({ className, ref, ...rest }: DrawerOverlayProps): ReactElement;
-    displayName: string;
-};
-
-type DrawerPortalProps = Dialog.DialogPortalProps;
-declare const DrawerPortal: {
-    ({ children, ...rest }: DrawerPortalProps): ReactElement;
-    displayName: string;
-};
-
-type DrawerTitleProps = Dialog.DialogTitleProps & {
-    ref?: Ref<HTMLHeadingElement>;
-};
-declare const DrawerTitle: {
-    ({ className, ref, ...others }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface DrawerTriggerProps extends Dialog.DialogTriggerProps {
-    /**
-     * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
-     */
-    asChild?: boolean;
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const DrawerTrigger: {
-    (props: DrawerTriggerProps): ReactElement;
-    displayName: string;
-};
-
-declare const Drawer: typeof Drawer$1 & {
+import { Drawer as Root } from './Drawer';
+import { DrawerBody } from './DrawerBody';
+import { DrawerCloseButton } from './DrawerCloseButton';
+import { DrawerContent } from './DrawerContent';
+import { DrawerDescription } from './DrawerDescription';
+import { DrawerFooter } from './DrawerFooter';
+import { DrawerHeader } from './DrawerHeader';
+import { DrawerOverlay } from './DrawerOverlay';
+import { DrawerPortal } from './DrawerPortal';
+import { DrawerTitle } from './DrawerTitle';
+import { DrawerTrigger } from './DrawerTrigger';
+export declare const Drawer: typeof Root & {
     Trigger: typeof DrawerTrigger;
     Portal: typeof DrawerPortal;
     Overlay: typeof DrawerOverlay;
@@ -148,5 +21,15 @@ declare const Drawer: typeof Drawer$1 & {
     Title: typeof DrawerTitle;
     Description: typeof DrawerDescription;
 };
-
-export { Drawer, type DrawerBodyProps, type DrawerCloseButtonProps, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps };
+export { type DrawerProps } from './Drawer';
+export { type DrawerContentProps } from './DrawerContent';
+export { type DrawerHeaderProps } from './DrawerHeader';
+export { type DrawerBodyProps } from './DrawerBody';
+export { type DrawerFooterProps } from './DrawerFooter';
+export { type DrawerTriggerProps } from './DrawerTrigger';
+export { type DrawerOverlayProps } from './DrawerOverlay';
+export { type DrawerPortalProps } from './DrawerPortal';
+export { type DrawerTitleProps } from './DrawerTitle';
+export { type DrawerDescriptionProps } from './DrawerDescription';
+export { type DrawerCloseProps } from './DrawerClose';
+export { type DrawerCloseButtonProps } from './DrawerCloseButton';