@spark-ui/components 13.1.4 → 13.2.0

package/dist/dialog/DialogDescription.d.ts

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

package/dist/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/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/dialog/DialogOverlay.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as RadixDialog } from 'radix-ui';
+import { ReactElement, Ref } from 'react';
+export type OverlayProps = RadixDialog.DialogOverlayProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const Overlay: {
+    ({ className, ref, ...rest }: OverlayProps): ReactElement | null;
+    displayName: string;
+};

package/dist/dialog/DialogPortal.d.ts

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

package/dist/dialog/DialogTitle.d.ts

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

package/dist/dialog/DialogTrigger.d.ts

@@ -0,0 +1,17 @@
+import { Dialog as RadixDialog } from 'radix-ui';
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface TriggerProps {
+    /**
+     * Children of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: RadixDialog.DialogTriggerProps['asChild'];
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const Trigger: {
+    (props: TriggerProps): ReactElement;
+    displayName: string;
+};

package/dist/dialog/index.d.mts

@@ -1,155 +1,16 @@
-import { Dialog as Dialog$2 } from 'radix-ui';
-import { ReactElement, ReactNode, Ref } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IconButtonProps } from '../icon-button/index.mjs';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import '../button/index.mjs';
-
-interface DialogProps {
-    /**
-     * Children of the component.
-     */
-    children?: Dialog$2.DialogProps['children'];
-    /**
-     * Specifies if the dialog is open or not.
-     */
-    open?: Dialog$2.DialogProps['open'];
-    /**
-     * Default open state.
-     */
-    defaultOpen?: Dialog$2.DialogProps['defaultOpen'];
-    /**
-     * Handler executen on every dialog open state change.
-     */
-    onOpenChange?: Dialog$2.DialogProps['onOpenChange'];
-    /**
-     * Specifies if the dialog is a modal.
-     */
-    modal?: Dialog$2.DialogProps['modal'];
-    /**
-     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
-     */
-    withFade?: boolean;
-}
-declare const Dialog$1: {
-    ({ children, withFade, ...rest }: DialogProps): ReactElement;
-    displayName: string;
-};
-
-interface BodyProps {
-    children: ReactNode;
-    className?: string;
-    tabIndex?: number;
-    ref?: Ref<HTMLDivElement>;
-    inset?: boolean;
-}
-declare const Body: {
-    ({ children, className, inset, ref: forwardedRef, ...rest }: BodyProps): ReactElement;
-    displayName: string;
-};
-
-type CloseProps = Dialog$2.DialogCloseProps & {
-    ref?: Ref<HTMLButtonElement>;
-};
-declare const Close: {
-    (props: CloseProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type CloseButtonProps = CloseProps & Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>;
-declare const CloseButton: {
-    ({ "aria-label": ariaLabel, className, size, intent, design, children, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    id: string;
-};
-
-declare const dialogContentStyles: (props?: ({
-    size?: "fullscreen" | "sm" | "md" | "lg" | null | undefined;
-    isNarrow?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;
-
-interface ContentProps extends Dialog$2.DialogContentProps, 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>;
-}
-declare const Content: {
-    ({ children, className, isNarrow, size, onInteractOutside, ref, ...rest }: ContentProps): ReactElement;
-    displayName: string;
-};
-
-type DescriptionProps = Dialog$2.DialogDescriptionProps & {
-    ref?: Ref<HTMLParagraphElement>;
-};
-declare const Description: {
-    (props: DescriptionProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface FooterProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Footer: {
-    ({ children, className, ref, ...rest }: FooterProps): ReactElement;
-    displayName: string;
-};
-
-interface HeaderProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Header: {
-    ({ children, className, ref, ...rest }: HeaderProps): ReactElement;
-    displayName: string;
-};
-
-type OverlayProps = Dialog$2.DialogOverlayProps & {
-    ref?: Ref<HTMLDivElement>;
-};
-declare const Overlay: {
-    ({ className, ref, ...rest }: OverlayProps): ReactElement | null;
-    displayName: string;
-};
-
-type PortalProps = Dialog$2.DialogPortalProps;
-declare const Portal: {
-    ({ children, ...rest }: PortalProps): ReactElement;
-    displayName: string;
-};
-
-type TitleProps = Dialog$2.DialogTitleProps & {
-    ref?: Ref<HTMLHeadingElement>;
-};
-declare const Title: {
-    ({ className, ref, ...others }: TitleProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface TriggerProps {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     */
-    asChild?: Dialog$2.DialogTriggerProps['asChild'];
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const Trigger: {
-    (props: TriggerProps): ReactElement;
-    displayName: string;
-};
-
-declare const Dialog: typeof Dialog$1 & {
+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;
@@ -162,5 +23,15 @@ declare const Dialog: typeof Dialog$1 & {
     Title: typeof Title;
     Description: typeof Description;
 };
-
-export { Dialog, type BodyProps as DialogBodyProps, type CloseButtonProps as DialogCloseButtonProps, type CloseProps as DialogCloseProps, type ContentProps as DialogContentProps, type DescriptionProps as DialogDescriptionProps, type FooterProps as DialogFooterProps, type HeaderProps as DialogHeaderProps, type OverlayProps as DialogOverlayProps, type PortalProps as DialogPortalProps, type DialogProps, type TitleProps as DialogTitleProps, type TriggerProps as DialogTriggerProps };
+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/dialog/index.d.ts

@@ -1,155 +1,16 @@
-import { Dialog as Dialog$2 } from 'radix-ui';
-import { ReactElement, ReactNode, Ref } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IconButtonProps } from '../icon-button/index.js';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import '../button/index.js';
-
-interface DialogProps {
-    /**
-     * Children of the component.
-     */
-    children?: Dialog$2.DialogProps['children'];
-    /**
-     * Specifies if the dialog is open or not.
-     */
-    open?: Dialog$2.DialogProps['open'];
-    /**
-     * Default open state.
-     */
-    defaultOpen?: Dialog$2.DialogProps['defaultOpen'];
-    /**
-     * Handler executen on every dialog open state change.
-     */
-    onOpenChange?: Dialog$2.DialogProps['onOpenChange'];
-    /**
-     * Specifies if the dialog is a modal.
-     */
-    modal?: Dialog$2.DialogProps['modal'];
-    /**
-     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
-     */
-    withFade?: boolean;
-}
-declare const Dialog$1: {
-    ({ children, withFade, ...rest }: DialogProps): ReactElement;
-    displayName: string;
-};
-
-interface BodyProps {
-    children: ReactNode;
-    className?: string;
-    tabIndex?: number;
-    ref?: Ref<HTMLDivElement>;
-    inset?: boolean;
-}
-declare const Body: {
-    ({ children, className, inset, ref: forwardedRef, ...rest }: BodyProps): ReactElement;
-    displayName: string;
-};
-
-type CloseProps = Dialog$2.DialogCloseProps & {
-    ref?: Ref<HTMLButtonElement>;
-};
-declare const Close: {
-    (props: CloseProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type CloseButtonProps = CloseProps & Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>;
-declare const CloseButton: {
-    ({ "aria-label": ariaLabel, className, size, intent, design, children, ref, ...rest }: CloseButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-} & {
-    id: string;
-};
-
-declare const dialogContentStyles: (props?: ({
-    size?: "fullscreen" | "sm" | "md" | "lg" | null | undefined;
-    isNarrow?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;
-
-interface ContentProps extends Dialog$2.DialogContentProps, 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>;
-}
-declare const Content: {
-    ({ children, className, isNarrow, size, onInteractOutside, ref, ...rest }: ContentProps): ReactElement;
-    displayName: string;
-};
-
-type DescriptionProps = Dialog$2.DialogDescriptionProps & {
-    ref?: Ref<HTMLParagraphElement>;
-};
-declare const Description: {
-    (props: DescriptionProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface FooterProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Footer: {
-    ({ children, className, ref, ...rest }: FooterProps): ReactElement;
-    displayName: string;
-};
-
-interface HeaderProps {
-    children: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Header: {
-    ({ children, className, ref, ...rest }: HeaderProps): ReactElement;
-    displayName: string;
-};
-
-type OverlayProps = Dialog$2.DialogOverlayProps & {
-    ref?: Ref<HTMLDivElement>;
-};
-declare const Overlay: {
-    ({ className, ref, ...rest }: OverlayProps): ReactElement | null;
-    displayName: string;
-};
-
-type PortalProps = Dialog$2.DialogPortalProps;
-declare const Portal: {
-    ({ children, ...rest }: PortalProps): ReactElement;
-    displayName: string;
-};
-
-type TitleProps = Dialog$2.DialogTitleProps & {
-    ref?: Ref<HTMLHeadingElement>;
-};
-declare const Title: {
-    ({ className, ref, ...others }: TitleProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface TriggerProps {
-    /**
-     * Children of the component.
-     */
-    children?: ReactNode;
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     */
-    asChild?: Dialog$2.DialogTriggerProps['asChild'];
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const Trigger: {
-    (props: TriggerProps): ReactElement;
-    displayName: string;
-};
-
-declare const Dialog: typeof Dialog$1 & {
+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;
@@ -162,5 +23,15 @@ declare const Dialog: typeof Dialog$1 & {
     Title: typeof Title;
     Description: typeof Description;
 };
-
-export { Dialog, type BodyProps as DialogBodyProps, type CloseButtonProps as DialogCloseButtonProps, type CloseProps as DialogCloseProps, type ContentProps as DialogContentProps, type DescriptionProps as DialogDescriptionProps, type FooterProps as DialogFooterProps, type HeaderProps as DialogHeaderProps, type OverlayProps as DialogOverlayProps, type PortalProps as DialogPortalProps, type DialogProps, type TitleProps as DialogTitleProps, type TriggerProps as DialogTriggerProps };
+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';