@spark-ui/components 13.0.6 → 13.1.0

package/dist/detectBrowser-Bc7rk5fI.mjs

@@ -0,0 +1,44 @@
+const a = typeof navigator < "u", o = e(), r = f(), n = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
+  // iPads can claim to be MacIntel
+  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
+), p = a && /apple/i.test(navigator.vendor), g = a && /android/i.test(r) || /android/i.test(n);
+a && r.toLowerCase().startsWith("mac") && navigator.maxTouchPoints;
+const d = n.includes("jsdom/");
+function e() {
+  if (!a)
+    return {
+      platform: "",
+      maxTouchPoints: -1
+    };
+  const t = navigator.userAgentData;
+  return t?.platform ? {
+    platform: t.platform,
+    maxTouchPoints: navigator.maxTouchPoints
+  } : {
+    platform: navigator.platform ?? "",
+    maxTouchPoints: navigator.maxTouchPoints ?? -1
+  };
+}
+function u() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? t.brands.map(({
+    brand: i,
+    version: s
+  }) => `${i}/${s}`).join(" ") : navigator.userAgent;
+}
+function f() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t?.platform ? t.platform : navigator.platform ?? "";
+}
+export {
+  d as a,
+  p as b,
+  m as c,
+  c as d,
+  g as i
+};
+//# sourceMappingURL=detectBrowser-Bc7rk5fI.mjs.map

package/dist/detectBrowser-Bc7rk5fI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"detectBrowser-Bc7rk5fI.mjs","sources":["../../../node_modules/@base-ui/utils/esm/detectBrowser.js"],"sourcesContent":["const hasNavigator = typeof navigator !== 'undefined';\nconst nav = getNavigatorData();\nconst platform = getPlatform();\nconst userAgent = getUserAgent();\nexport const isWebKit = typeof CSS === 'undefined' || !CSS.supports ? false : CSS.supports('-webkit-backdrop-filter:none');\nexport const isIOS =\n// iPads can claim to be MacIntel\nnav.platform === 'MacIntel' && nav.maxTouchPoints > 1 ? true : /iP(hone|ad|od)|iOS/.test(nav.platform);\nexport const isFirefox = hasNavigator && /firefox/i.test(userAgent);\nexport const isSafari = hasNavigator && /apple/i.test(navigator.vendor);\nexport const isEdge = hasNavigator && /Edg/i.test(userAgent);\nexport const isAndroid = hasNavigator && /android/i.test(platform) || /android/i.test(userAgent);\nexport const isMac = hasNavigator && platform.toLowerCase().startsWith('mac') && !navigator.maxTouchPoints;\nexport const isJSDOM = userAgent.includes('jsdom/');\n\n// Avoid Chrome DevTools blue warning.\nfunction getNavigatorData() {\n  if (!hasNavigator) {\n    return {\n      platform: '',\n      maxTouchPoints: -1\n    };\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData?.platform) {\n    return {\n      platform: uaData.platform,\n      maxTouchPoints: navigator.maxTouchPoints\n    };\n  }\n  return {\n    platform: navigator.platform ?? '',\n    maxTouchPoints: navigator.maxTouchPoints ?? -1\n  };\n}\nfunction getUserAgent() {\n  if (!hasNavigator) {\n    return '';\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData && Array.isArray(uaData.brands)) {\n    return uaData.brands.map(({\n      brand,\n      version\n    }) => `${brand}/${version}`).join(' ');\n  }\n  return navigator.userAgent;\n}\nfunction getPlatform() {\n  if (!hasNavigator) {\n    return '';\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData?.platform) {\n    return uaData.platform;\n  }\n  return navigator.platform ?? '';\n}"],"names":["hasNavigator","nav","getNavigatorData","platform","getPlatform","userAgent","getUserAgent","isWebKit","isIOS","isSafari","isAndroid","isJSDOM","uaData","brand","version"],"mappings":"AAAA,MAAMA,IAAe,OAAO,YAAc,KACpCC,IAAMC,EAAgB,GACtBC,IAAWC,EAAW,GACtBC,IAAYC,EAAY,GACjBC,IAAW,OAAO,MAAQ,OAAe,CAAC,IAAI,WAAW,KAAQ,IAAI,SAAS,8BAA8B,GAC5GC;AAAA;AAAA,EAEbP,EAAI,aAAa,cAAcA,EAAI,iBAAiB,IAAI,KAAO,qBAAqB,KAAKA,EAAI,QAAQ;AAAA,GAExFQ,IAAWT,KAAgB,SAAS,KAAK,UAAU,MAAM,GAEzDU,IAAYV,KAAgB,WAAW,KAAKG,CAAQ,KAAK,WAAW,KAAKE,CAAS;AAC1EL,KAAgBG,EAAS,YAAW,EAAG,WAAW,KAAK,KAAM,UAAU;AAChF,MAACQ,IAAUN,EAAU,SAAS,QAAQ;AAGlD,SAASH,IAAmB;AAC1B,MAAI,CAACF;AACH,WAAO;AAAA,MACL,UAAU;AAAA,MACV,gBAAgB;AAAA,IACtB;AAEE,QAAMY,IAAS,UAAU;AACzB,SAAIA,GAAQ,WACH;AAAA,IACL,UAAUA,EAAO;AAAA,IACjB,gBAAgB,UAAU;AAAA,EAChC,IAES;AAAA,IACL,UAAU,UAAU,YAAY;AAAA,IAChC,gBAAgB,UAAU,kBAAkB;AAAA,EAChD;AACA;AACA,SAASN,IAAe;AACtB,MAAI,CAACN;AACH,WAAO;AAET,QAAMY,IAAS,UAAU;AACzB,SAAIA,KAAU,MAAM,QAAQA,EAAO,MAAM,IAChCA,EAAO,OAAO,IAAI,CAAC;AAAA,IACxB,OAAAC;AAAA,IACA,SAAAC;AAAA,EACN,MAAU,GAAGD,CAAK,IAAIC,CAAO,EAAE,EAAE,KAAK,GAAG,IAEhC,UAAU;AACnB;AACA,SAASV,IAAc;AACrB,MAAI,CAACJ;AACH,WAAO;AAET,QAAMY,IAAS,UAAU;AACzB,SAAIA,GAAQ,WACHA,EAAO,WAET,UAAU,YAAY;AAC/B;","x_google_ignoreList":[0]}

package/dist/detectBrowser-DTbs_30X.js

@@ -0,0 +1,2 @@
+"use strict";const a=typeof navigator<"u",o=g(),r=d(),n=p(),e=typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter:none"),u=o.platform==="MacIntel"&&o.maxTouchPoints>1?!0:/iP(hone|ad|od)|iOS/.test(o.platform),f=a&&/apple/i.test(navigator.vendor),c=a&&/android/i.test(r)||/android/i.test(n);a&&r.toLowerCase().startsWith("mac")&&navigator.maxTouchPoints;const m=n.includes("jsdom/");function g(){if(!a)return{platform:"",maxTouchPoints:-1};const t=navigator.userAgentData;return t?.platform?{platform:t.platform,maxTouchPoints:navigator.maxTouchPoints}:{platform:navigator.platform??"",maxTouchPoints:navigator.maxTouchPoints??-1}}function p(){if(!a)return"";const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?t.brands.map(({brand:i,version:s})=>`${i}/${s}`).join(" "):navigator.userAgent}function d(){if(!a)return"";const t=navigator.userAgentData;return t?.platform?t.platform:navigator.platform??""}exports.isAndroid=c;exports.isIOS=u;exports.isJSDOM=m;exports.isSafari=f;exports.isWebKit=e;
+//# sourceMappingURL=detectBrowser-DTbs_30X.js.map

package/dist/detectBrowser-DTbs_30X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detectBrowser-DTbs_30X.js","sources":["../../../node_modules/@base-ui/utils/esm/detectBrowser.js"],"sourcesContent":["const hasNavigator = typeof navigator !== 'undefined';\nconst nav = getNavigatorData();\nconst platform = getPlatform();\nconst userAgent = getUserAgent();\nexport const isWebKit = typeof CSS === 'undefined' || !CSS.supports ? false : CSS.supports('-webkit-backdrop-filter:none');\nexport const isIOS =\n// iPads can claim to be MacIntel\nnav.platform === 'MacIntel' && nav.maxTouchPoints > 1 ? true : /iP(hone|ad|od)|iOS/.test(nav.platform);\nexport const isFirefox = hasNavigator && /firefox/i.test(userAgent);\nexport const isSafari = hasNavigator && /apple/i.test(navigator.vendor);\nexport const isEdge = hasNavigator && /Edg/i.test(userAgent);\nexport const isAndroid = hasNavigator && /android/i.test(platform) || /android/i.test(userAgent);\nexport const isMac = hasNavigator && platform.toLowerCase().startsWith('mac') && !navigator.maxTouchPoints;\nexport const isJSDOM = userAgent.includes('jsdom/');\n\n// Avoid Chrome DevTools blue warning.\nfunction getNavigatorData() {\n  if (!hasNavigator) {\n    return {\n      platform: '',\n      maxTouchPoints: -1\n    };\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData?.platform) {\n    return {\n      platform: uaData.platform,\n      maxTouchPoints: navigator.maxTouchPoints\n    };\n  }\n  return {\n    platform: navigator.platform ?? '',\n    maxTouchPoints: navigator.maxTouchPoints ?? -1\n  };\n}\nfunction getUserAgent() {\n  if (!hasNavigator) {\n    return '';\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData && Array.isArray(uaData.brands)) {\n    return uaData.brands.map(({\n      brand,\n      version\n    }) => `${brand}/${version}`).join(' ');\n  }\n  return navigator.userAgent;\n}\nfunction getPlatform() {\n  if (!hasNavigator) {\n    return '';\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData?.platform) {\n    return uaData.platform;\n  }\n  return navigator.platform ?? '';\n}"],"names":["hasNavigator","nav","getNavigatorData","platform","getPlatform","userAgent","getUserAgent","isWebKit","isIOS","isSafari","isAndroid","isJSDOM","uaData","brand","version"],"mappings":"aAAA,MAAMA,EAAe,OAAO,UAAc,IACpCC,EAAMC,EAAgB,EACtBC,EAAWC,EAAW,EACtBC,EAAYC,EAAY,EACjBC,EAAW,OAAO,IAAQ,KAAe,CAAC,IAAI,SAAW,GAAQ,IAAI,SAAS,8BAA8B,EAC5GC,EAEbP,EAAI,WAAa,YAAcA,EAAI,eAAiB,EAAI,GAAO,qBAAqB,KAAKA,EAAI,QAAQ,EAExFQ,EAAWT,GAAgB,SAAS,KAAK,UAAU,MAAM,EAEzDU,EAAYV,GAAgB,WAAW,KAAKG,CAAQ,GAAK,WAAW,KAAKE,CAAS,EAC1EL,GAAgBG,EAAS,YAAW,EAAG,WAAW,KAAK,GAAM,UAAU,eAChF,MAACQ,EAAUN,EAAU,SAAS,QAAQ,EAGlD,SAASH,GAAmB,CAC1B,GAAI,CAACF,EACH,MAAO,CACL,SAAU,GACV,eAAgB,EACtB,EAEE,MAAMY,EAAS,UAAU,cACzB,OAAIA,GAAQ,SACH,CACL,SAAUA,EAAO,SACjB,eAAgB,UAAU,cAChC,EAES,CACL,SAAU,UAAU,UAAY,GAChC,eAAgB,UAAU,gBAAkB,EAChD,CACA,CACA,SAASN,GAAe,CACtB,GAAI,CAACN,EACH,MAAO,GAET,MAAMY,EAAS,UAAU,cACzB,OAAIA,GAAU,MAAM,QAAQA,EAAO,MAAM,EAChCA,EAAO,OAAO,IAAI,CAAC,CACxB,MAAAC,EACA,QAAAC,CACN,IAAU,GAAGD,CAAK,IAAIC,CAAO,EAAE,EAAE,KAAK,GAAG,EAEhC,UAAU,SACnB,CACA,SAASV,GAAc,CACrB,GAAI,CAACJ,EACH,MAAO,GAET,MAAMY,EAAS,UAAU,cACzB,OAAIA,GAAQ,SACHA,EAAO,SAET,UAAU,UAAY,EAC/B","x_google_ignoreList":[0]}

package/dist/dialog/Dialog.d.ts

@@ -0,0 +1,32 @@
+import { Dialog as RadixDialog } from 'radix-ui';
+import { ReactElement } from 'react';
+export interface DialogProps {
+    /**
+     * Children of the component.
+     */
+    children?: RadixDialog.DialogProps['children'];
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: RadixDialog.DialogProps['open'];
+    /**
+     * Default open state.
+     */
+    defaultOpen?: RadixDialog.DialogProps['defaultOpen'];
+    /**
+     * Handler executen on every dialog open state change.
+     */
+    onOpenChange?: RadixDialog.DialogProps['onOpenChange'];
+    /**
+     * Specifies if the dialog is a modal.
+     */
+    modal?: RadixDialog.DialogProps['modal'];
+    /**
+     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
+}
+export declare const Dialog: {
+    ({ children, withFade, ...rest }: DialogProps): ReactElement;
+    displayName: string;
+};

package/dist/dialog/DialogBody.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface BodyProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
+    ref?: Ref<HTMLDivElement>;
+    inset?: boolean;
+}
+export declare const Body: {
+    ({ children, className, inset, ref: forwardedRef, ...rest }: BodyProps): ReactElement;
+    displayName: string;
+};

package/dist/dialog/DialogClose.d.ts

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

package/dist/dialog/DialogCloseButton.d.ts

@@ -0,0 +1,9 @@
+import { IconButtonProps } from '../icon-button';
+import { CloseProps } from './DialogClose';
+export type CloseButtonProps = CloseProps & Pick<IconButtonProps, 'size' | 'intent' | 'design' | 'aria-label'>;
+export declare const CloseButton: {
+    ({ "aria-label": ariaLabel, className, size, intent, design, children, ref, ...rest }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    id: string;
+};

package/dist/dialog/DialogContent.d.ts

@@ -0,0 +1,14 @@
+import { Dialog as RadixDialog } from 'radix-ui';
+import { ReactElement, Ref } from 'react';
+import { DialogContentStylesProps } from './DialogContent.styles';
+export interface ContentProps extends RadixDialog.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>;
+}
+export declare const Content: {
+    ({ children, className, isNarrow, size, onInteractOutside, ref, ...rest }: ContentProps): ReactElement;
+    displayName: string;
+};

package/dist/dialog/DialogContent.styles.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const dialogContentStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | "fullscreen" | null | undefined;
+    isNarrow?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>;

package/dist/dialog/DialogContext.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface DialogContextState {
+    isFullScreen: boolean;
+    setIsFullScreen: (value: boolean) => void;
+    withFade: boolean;
+}
+export declare const DialogProvider: ({ children: childrenProp, withFade, }: {
+    children: ReactNode;
+    withFade?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDialog: () => DialogContextState;

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.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';