@jamsrui/alert-dialog 0.0.12 → 0.0.14

package/dist/alert-dialog-body.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const AlertDialogBody: (props: AlertDialogBody.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace AlertDialogBody {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { AlertDialogBody };

package/dist/alert-dialog-body.mjs

@@ -0,0 +1 @@
+"use client";import{useRenderElement as o}from"@jamsrui/hooks";import{useAlertDialogContext as t}from"./alert-dialog-context.mjs";const i=e=>{const{getBodyProps:r}=t();return o("div",{props:[r(e)]})};export{i as AlertDialogBody};

package/dist/alert-dialog-config.d.mts

@@ -1,12 +1,19 @@
-import { AlertDialog } from './alert-dialog.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
+import { AlertDialog } from './alert-dialog.mjs';
 import './use-alert-dialog.mjs';
 import 'react';
-import '@jamsrui/button';
-import '@jamsrui/dialog';
-import '@jamsrui/text';
+import './styles.mjs';
 import '@jamsrui/utils';
+import '@jamsrui/text';
+import '@floating-ui/react';
+import './alert-dialog-body.mjs';
+import './alert-dialog-container.mjs';
+import './alert-dialog-content.mjs';
+import './alert-dialog-content-inner.mjs';
+import 'motion/react';
+import './alert-dialog-footer.mjs';
+import './alert-dialog-title.mjs';
 
 declare const useAlertDialogConfig: () => AlertDialogConfig.Props;
 declare const AlertDialogConfig: (props: Omit<Partial<AlertDialogConfig.Props>, "children"> & {

package/dist/alert-dialog-config.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-VTOWZPYV.mjs";export{a as AlertDialogConfig,b as useAlertDialogConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[r,i]=o({displayName:"AlertDialogConfig"});export{r as AlertDialogConfig,i as useAlertDialogConfig};

package/dist/alert-dialog-container.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UIProps } from '@jamsrui/utils';
+
+declare const AlertDialogContainer: (props: AlertDialogContainer.Props) => react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogContainer {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { AlertDialogContainer };

package/dist/alert-dialog-container.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import{useRenderElement as l}from"@jamsrui/hooks";import{useAlertDialogContext as s}from"./alert-dialog-context.mjs";import{AnimatePresence as p}from"motion/react";import{FloatingFocusManager as g,FloatingOverlay as m,FloatingPortal as P}from"@floating-ui/react";const A=o=>{const{getContainerProps:r,getOverlayProps:t,getFocusManagerProps:n,isOpen:a}=s(),i=l("div",{props:[r(o)]});return e(p,{children:a?e(P,{children:e(m,{...t(),children:e(g,{...n(),children:i})})}):null})};export{A as AlertDialogContainer};

package/dist/alert-dialog-content-inner.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'motion/react';
+
+declare const AlertDialogContentInner: (props: AlertDialogContentInner.Props) => react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogContentInner {
+    interface Props extends HTMLMotionProps<"div"> {
+    }
+}
+
+export { AlertDialogContentInner };

package/dist/alert-dialog-content-inner.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as i}from"react/jsx-runtime";import{motion as e}from"motion/react";import{useAlertDialogContext as n}from"./alert-dialog-context.mjs";const l=t=>{const{getContentProps:o}=n();return i(e.div,{initial:{scale:.9,opacity:0,filter:"blur(4px)"},animate:{scale:1,opacity:1,filter:"blur(0px)"},exit:{scale:.95,opacity:0,filter:"blur(4px)",transition:{duration:.25}},transition:{type:"spring",stiffness:300,damping:25},...o(t)})};export{l as AlertDialogContentInner};

package/dist/alert-dialog-content.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialogContentInner } from './alert-dialog-content-inner.mjs';
+import 'motion/react';
+
+declare const AlertDialogContent: (props: AlertDialogContent.Props) => react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogContent {
+    interface Props extends AlertDialogContentInner.Props {
+    }
+}
+
+export { AlertDialogContent };

package/dist/alert-dialog-content.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{AlertDialogContainer as o}from"./alert-dialog-container.mjs";import{AlertDialogContentInner as n}from"./alert-dialog-content-inner.mjs";const i=e=>t(o,{children:t(n,{...e})});export{i as AlertDialogContent};

package/dist/alert-dialog-context.d.mts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { useAlertDialog } from './use-alert-dialog.mjs';
+import './styles.mjs';
+import '@jamsrui/utils';
+import '@jamsrui/text';
+import '@floating-ui/react';
+import './alert-dialog-body.mjs';
+import './alert-dialog-container.mjs';
+import 'react/jsx-runtime';
+import './alert-dialog-content.mjs';
+import './alert-dialog-content-inner.mjs';
+import 'motion/react';
+import './alert-dialog-footer.mjs';
+import './alert-dialog-title.mjs';
+
+declare const AlertDialogContext: react.Context<AlertDialogContext.Props | null>;
+declare namespace AlertDialogContext {
+    interface Props extends ReturnType<typeof useAlertDialog> {
+    }
+}
+declare const useAlertDialogContext: () => AlertDialogContext.Props;
+
+export { AlertDialogContext, useAlertDialogContext };

package/dist/alert-dialog-context.mjs

@@ -0,0 +1 @@
+"use client";import{createContext as t,use as o}from"react";const r=t(null),n=()=>{const e=o(r);if(!e)throw new Error("useAlertDialogContext must be used within a AlertDialogContext.Provider");return e};export{r as AlertDialogContext,n as useAlertDialogContext};

package/dist/alert-dialog-description.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Text } from '@jamsrui/text';
+
+declare const AlertDialogDescription: (props: AlertDialogDescription.Props) => react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogDescription {
+    interface Props extends Text.Props {
+    }
+}
+
+export { AlertDialogDescription };

package/dist/alert-dialog-description.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as i}from"react/jsx-runtime";import{Text as t}from"@jamsrui/text";import{useAlertDialogContext as r}from"./alert-dialog-context.mjs";const n=e=>{const{getDescriptionProps:o}=r();return i(t,{...o(e)})};export{n as AlertDialogDescription};

package/dist/alert-dialog-footer.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const AlertDialogFooter: (props: AlertDialogFooter.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace AlertDialogFooter {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { AlertDialogFooter };

package/dist/alert-dialog-footer.mjs

@@ -0,0 +1 @@
+"use client";import{useRenderElement as o}from"@jamsrui/hooks";import{useAlertDialogContext as t}from"./alert-dialog-context.mjs";const i=e=>{const{getFooterProps:r}=t();return o("div",{props:[r(e)]})};export{i as AlertDialogFooter};

package/dist/alert-dialog-title.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Text } from '@jamsrui/text';
+
+declare const AlertDialogTitle: (props: AlertDialogTitle.Props) => react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogTitle {
+    interface Props extends Text.Props {
+    }
+}
+
+export { AlertDialogTitle };

package/dist/alert-dialog-title.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as l}from"react/jsx-runtime";import{Text as o}from"@jamsrui/text";import{useAlertDialogContext as r}from"./alert-dialog-context.mjs";const s=e=>{const{getTitleProps:t}=r();return l(o,{...t(e)})};export{s as AlertDialogTitle};

package/dist/alert-dialog-trigger-close.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+
+declare const AlertDialogTriggerClose: (props: AlertDialogTriggerClose.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+declare namespace AlertDialogTriggerClose {
+    interface Props {
+        children: React.ReactElement;
+    }
+}
+
+export { AlertDialogTriggerClose };

package/dist/alert-dialog-trigger-close.mjs

@@ -0,0 +1 @@
+"use client";import{cloneElement as l,isValidElement as t}from"react";import{useAlertDialogContext as i}from"./alert-dialog-context.mjs";const g=r=>{const{children:e}=r,{getTriggerCloseProps:o}=i();return t(e)?l(e,o(e.props??{})):(console.warn("Invalid children passed to AlertDialogTriggerClose"),null)};export{g as AlertDialogTriggerClose};

package/dist/alert-dialog-trigger.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+
+declare const AlertDialogTrigger: (props: AlertDialogTrigger.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+declare namespace AlertDialogTrigger {
+    interface Props {
+        children: React.ReactElement;
+    }
+}
+
+export { AlertDialogTrigger };

package/dist/alert-dialog-trigger.mjs

@@ -0,0 +1 @@
+"use client";import{cloneElement as o,isValidElement as l}from"react";import{useAlertDialogContext as i}from"./alert-dialog-context.mjs";const a=r=>{const{children:e}=r,{getTriggerProps:t}=i();return l(e)?o(e,t(e.props??{})):(console.warn("Invalid children passed to AlertDialogTrigger"),null)};export{a as AlertDialogTrigger};

package/dist/alert-dialog.d.mts

@@ -1,14 +1,22 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { useAlertDialog } from './use-alert-dialog.mjs';
 import 'react';
-import '@jamsrui/button';
-import '@jamsrui/dialog';
-import '@jamsrui/text';
+import './styles.mjs';
 import '@jamsrui/utils';
+import '@jamsrui/text';
+import '@floating-ui/react';
+import './alert-dialog-body.mjs';
+import './alert-dialog-container.mjs';
+import './alert-dialog-content.mjs';
+import './alert-dialog-content-inner.mjs';
+import 'motion/react';
+import './alert-dialog-footer.mjs';
+import './alert-dialog-title.mjs';
 
 declare const AlertDialog: (props: AlertDialog.Props) => react_jsx_runtime.JSX.Element;
 declare namespace AlertDialog {
     interface Props extends useAlertDialog.Props {
+        children: React.ReactNode;
     }
 }
 

package/dist/alert-dialog.mjs

@@ -1 +1 @@
-import{a}from"./chunk-G3TQLDJ7.mjs";import"./chunk-VTOWZPYV.mjs";import"./chunk-DAOQOXYD.mjs";export{a as AlertDialog};
+"use client";import{jsx as g}from"react/jsx-runtime";import{mergeConfigProps as l}from"@jamsrui/utils";import{useAlertDialogConfig as i}from"./alert-dialog-config.mjs";import{AlertDialogContext as n}from"./alert-dialog-context.mjs";import{useAlertDialog as a}from"./use-alert-dialog.mjs";const f=e=>{const o=i(),r=l(o,o,e),t=a(r);return g(n,{value:t,children:e.children})};export{f as AlertDialog};

package/dist/index.d.mts

@@ -1,10 +1,55 @@
-export { AlertDialog } from './alert-dialog.mjs';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog as AlertDialog$1 } from './alert-dialog.mjs';
+import { AlertDialogBody } from './alert-dialog-body.mjs';
+import { AlertDialogContainer } from './alert-dialog-container.mjs';
+import { AlertDialogContent } from './alert-dialog-content.mjs';
+import { AlertDialogContentInner } from './alert-dialog-content-inner.mjs';
+import { AlertDialogDescription } from './alert-dialog-description.mjs';
+import { AlertDialogFooter } from './alert-dialog-footer.mjs';
+import { AlertDialogTitle } from './alert-dialog-title.mjs';
+import { AlertDialogTrigger } from './alert-dialog-trigger.mjs';
+import { AlertDialogTriggerClose } from './alert-dialog-trigger-close.mjs';
 export { AlertDialogConfig, useAlertDialogConfig } from './alert-dialog-config.mjs';
-import 'react/jsx-runtime';
 import './use-alert-dialog.mjs';
-import 'react';
-import '@jamsrui/button';
-import '@jamsrui/dialog';
-import '@jamsrui/text';
+import './styles.mjs';
 import '@jamsrui/utils';
+import '@jamsrui/text';
+import '@floating-ui/react';
+import 'motion/react';
 import '@jamsrui/core';
+
+declare const AlertDialog: ((props: AlertDialog$1.Props) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: AlertDialog$1.Props) => react_jsx_runtime.JSX.Element;
+    Trigger: (props: AlertDialogTrigger.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+    Content: (props: AlertDialogContent.Props) => react_jsx_runtime.JSX.Element;
+    Body: (props: AlertDialogBody.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    Footer: (props: AlertDialogFooter.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    Title: (props: AlertDialogTitle.Props) => react_jsx_runtime.JSX.Element;
+    Description: (props: AlertDialogDescription.Props) => react_jsx_runtime.JSX.Element;
+    Container: (props: AlertDialogContainer.Props) => react_jsx_runtime.JSX.Element;
+    ContentInner: (props: AlertDialogContentInner.Props) => react_jsx_runtime.JSX.Element;
+    TriggerClose: (props: AlertDialogTriggerClose.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
+};
+declare namespace AlertDialog {
+    interface Props extends AlertDialog$1.Props {
+    }
+    interface Trigger extends AlertDialogTrigger.Props {
+    }
+    interface Content extends AlertDialogContent.Props {
+    }
+    interface Body extends AlertDialogBody.Props {
+    }
+    interface Footer extends AlertDialogFooter.Props {
+    }
+    interface Title extends AlertDialogTitle.Props {
+    }
+    interface Description extends AlertDialogDescription.Props {
+    }
+    interface Container extends AlertDialogContainer.Props {
+    }
+    interface ContentInner extends AlertDialogContentInner.Props {
+    }
+}
+
+export { AlertDialog, AlertDialogBody, AlertDialogContainer, AlertDialogContent, AlertDialogContentInner, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertDialogTriggerClose };

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as l}from"./chunk-G3TQLDJ7.mjs";import{a as o,b as e}from"./chunk-VTOWZPYV.mjs";import"./chunk-DAOQOXYD.mjs";export{l as AlertDialog,o as AlertDialogConfig,e as useAlertDialogConfig};
+import{AlertDialog as e}from"./alert-dialog.mjs";import{AlertDialogBody as o}from"./alert-dialog-body.mjs";import{AlertDialogContainer as r}from"./alert-dialog-container.mjs";import{AlertDialogContent as t}from"./alert-dialog-content.mjs";import{AlertDialogContentInner as i}from"./alert-dialog-content-inner.mjs";import{AlertDialogDescription as n}from"./alert-dialog-description.mjs";import{AlertDialogFooter as l}from"./alert-dialog-footer.mjs";import{AlertDialogTitle as a}from"./alert-dialog-title.mjs";import{AlertDialogTrigger as g}from"./alert-dialog-trigger.mjs";import{AlertDialogTriggerClose as p}from"./alert-dialog-trigger-close.mjs";import{AlertDialogConfig as F,useAlertDialogConfig as I}from"./alert-dialog-config.mjs";const T=Object.assign(e,{Root:e,Trigger:g,Content:t,Body:o,Footer:l,Title:a,Description:n,Container:r,ContentInner:i,TriggerClose:p});export{T as AlertDialog,o as AlertDialogBody,F as AlertDialogConfig,r as AlertDialogContainer,t as AlertDialogContent,i as AlertDialogContentInner,n as AlertDialogDescription,l as AlertDialogFooter,a as AlertDialogTitle,g as AlertDialogTrigger,p as AlertDialogTriggerClose,I as useAlertDialogConfig};

package/dist/styles.d.mts

@@ -0,0 +1,125 @@
+import * as _jamsrui_utils from '@jamsrui/utils';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
+    radius: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        "2xl": {};
+        "3xl": {};
+        full: {};
+        none: {};
+    };
+    scrollBehavior: {
+        inside: {
+            body: string;
+        };
+        outside: {};
+    };
+    backdrop: {
+        transparent: {
+            backdrop: string;
+        };
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    container: string;
+    content: string;
+    footer: string;
+    body: string;
+    trigger: string;
+    title: string;
+    description: string;
+    backdrop: string;
+}, undefined, {
+    radius: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        "2xl": {};
+        "3xl": {};
+        full: {};
+        none: {};
+    };
+    scrollBehavior: {
+        inside: {
+            body: string;
+        };
+        outside: {};
+    };
+    backdrop: {
+        transparent: {
+            backdrop: string;
+        };
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    container: string;
+    content: string;
+    footer: string;
+    body: string;
+    trigger: string;
+    title: string;
+    description: string;
+    backdrop: string;
+}, _jamsrui_utils.TVReturnType<{
+    radius: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        "2xl": {};
+        "3xl": {};
+        full: {};
+        none: {};
+    };
+    scrollBehavior: {
+        inside: {
+            body: string;
+        };
+        outside: {};
+    };
+    backdrop: {
+        transparent: {
+            backdrop: string;
+        };
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    container: string;
+    content: string;
+    footer: string;
+    body: string;
+    trigger: string;
+    title: string;
+    description: string;
+    backdrop: string;
+}, undefined, unknown, unknown, undefined>>;
+type AlertDialogVariants = VariantProps<typeof alertDialogVariant>;
+type AlertDialogSlots = keyof ReturnType<typeof alertDialogVariant>;
+
+export { type AlertDialogSlots, type AlertDialogVariants, alertDialogVariant };

package/dist/styles.mjs

@@ -0,0 +1 @@
+import{radiusVariant as a,tv as r}from"@jamsrui/utils";const t=r({slots:{root:"alert-dialog alert-dialog__root",header:"alert-dialog__header p-4 text-base font-bold",container:"alert-dialog__container z-dialog max-w-md w-full",content:"alert-dialog__content relative flex size-full flex-col overflow-y-auto bg-surface shadow-lg",footer:"alert-dialog__footer flex w-full items-center justify-end gap-2 p-4",body:"alert-dialog__body w-full p-4",trigger:"alert-dialog__trigger",title:"alert-dialog__title text-foreground",description:"alert-dialog__description text-foreground-secondary",backdrop:"alert-dialog__backdrop z-backdrop grid place-items-center"},variants:{radius:a("content"),scrollBehavior:{inside:{body:"grow overflow-y-auto"},outside:{}},backdrop:{transparent:{backdrop:""},opaque:{backdrop:"bg-black/50"},blur:{backdrop:"bg-black/30 backdrop-blur-md backdrop-saturate-150"}}},defaultVariants:{scrollBehavior:"inside",backdrop:"opaque",radius:"md"}});export{t as alertDialogVariant};

package/dist/use-alert-dialog.d.mts

@@ -1,42 +1,38 @@
-import * as react from 'react';
-import { Button } from '@jamsrui/button';
-import { Dialog, DialogContent, DialogBody, DialogFooter } from '@jamsrui/dialog';
+import { ComponentProps } from 'react';
+import { AlertDialogVariants } from './styles.mjs';
 import { Text } from '@jamsrui/text';
 import { PropGetter } from '@jamsrui/utils';
+import { FloatingOverlay, FloatingFocusManagerProps } from '@floating-ui/react';
+import { AlertDialogBody } from './alert-dialog-body.mjs';
+import { AlertDialogContainer } from './alert-dialog-container.mjs';
+import { AlertDialogContent } from './alert-dialog-content.mjs';
+import { AlertDialogFooter } from './alert-dialog-footer.mjs';
+import { AlertDialogTitle } from './alert-dialog-title.mjs';
+import 'react/jsx-runtime';
+import './alert-dialog-content-inner.mjs';
+import 'motion/react';
 
 declare const useAlertDialog: (props: useAlertDialog.Props) => {
-    getDialogProps: PropGetter<Partial<Dialog.Props>>;
-    getContentProps: PropGetter<Partial<DialogContent.Props>>;
-    getBodyProps: PropGetter<Partial<DialogBody.Props>>;
-    getFooterProps: PropGetter<Partial<DialogFooter.Props>>;
-    getConfirmButtonProps: PropGetter<Button.Props>;
-    getCancelButtonProps: PropGetter<Button.Props>;
-    getTitleProps: PropGetter<Text.Props>;
-    getMessageProps: PropGetter<Text.Props>;
-    cancelText: string;
-    confirmText: string;
-    message: react.ReactNode;
-    title: react.ReactNode;
-    children: react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    getContainerProps: PropGetter<AlertDialogContainer.Props>;
+    getContentProps: PropGetter<AlertDialogContent.Props>;
+    getBodyProps: PropGetter<AlertDialogBody.Props>;
+    getFooterProps: PropGetter<AlertDialogFooter.Props>;
+    getTitleProps: PropGetter<AlertDialogTitle.Props>;
+    getDescriptionProps: PropGetter<Text.Props>;
+    getTriggerProps: (props: Partial<ComponentProps<"button">>) => ComponentProps<"button">;
+    getOverlayProps: () => ComponentProps<typeof FloatingOverlay>;
+    getFocusManagerProps: () => Omit<FloatingFocusManagerProps, "children">;
+    getTriggerCloseProps: (props: Partial<ComponentProps<"button">>) => ComponentProps<"button">;
+    isOpen: boolean;
 };
 declare namespace useAlertDialog {
-    interface Props extends Dialog.Props {
-        title: React.ReactNode;
-        message: React.ReactNode;
-        onConfirm?: () => void;
-        onCancel?: () => void;
-        children: React.ReactElement;
-        cancelText?: string;
-        confirmText?: string;
-        confirmButtonProps?: Button.Props;
-        cancelButtonProps?: Button.Props;
-        slotProps?: {
-            title?: Text.Props;
-            message?: Text.Props;
-            content?: DialogContent.Props;
-            body?: DialogBody.Props;
-            footer?: DialogFooter.Props;
-        };
+    interface Props extends AlertDialogVariants {
+        defaultOpen?: boolean;
+        isOpen?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        isDismissible?: boolean;
+        isKeyboardDismissible?: boolean;
+        disableAnimation?: boolean;
     }
 }
 

package/dist/use-alert-dialog.mjs

@@ -1 +1 @@
-import{a}from"./chunk-DAOQOXYD.mjs";export{a as useAlertDialog};
+import{useCallback as t,useMemo as R}from"react";import{dataAttrDev as s,mapPropsVariants as j}from"@jamsrui/utils";import{alertDialogVariant as D}from"./styles.mjs";import{useClick as I,useDismiss as S,useFloating as E,useInteractions as _,useRole as q}from"@floating-ui/react";import{useControlledState as w}from"@jamsrui/hooks";const oe=C=>{const[N,y]=j(C,D.variantKeys),{defaultOpen:A,disableAnimation:z=!1,isDismissible:O=!0,isKeyboardDismissible:F=!0,isOpen:v,onOpenChange:h}=N,o=D(y),[r,n]=w({defaultProp:A,onChange:h,prop:v}),{context:a,refs:{setFloating:x,setReference:T}}=E({open:r,onOpenChange:n}),k=I(a,{}),G=S(a,{escapeKey:F,outsidePressEvent:"click",enabled:O}),K=q(a),M=_([k,G,K]),{getReferenceProps:V,getFloatingProps:B}=M,l=t(()=>{n(!1)},[]),i=t(e=>({...e,"data-slot":s("container"),className:o.container({className:e.className}),ref:x,...B()}),[o]),p=t(e=>({...e,"data-slot":s("content"),className:o.content({className:e.className})}),[o]),c=t(e=>({...e,"data-slot":s("body"),className:o.body({className:e.className})}),[o]),m=t(e=>({...e,"data-slot":s("footer"),className:o.footer({className:e.className})}),[o]),g=t(e=>({variant:"h6","data-slot":s("title"),className:o.title({className:e.className}),...e}),[o]),P=t(e=>({variant:"paragraph2","data-slot":s("description"),className:o.description({className:e.className}),...e}),[o]),d=t(e=>({...e,className:o.trigger({className:e.className}),...V({ref:T})}),[o]),u=t(e=>({...e,onClick:l}),[l]),f=t(()=>({className:o.backdrop(),lockScroll:!0}),[o]),b=t(()=>({context:a,modal:!0}),[a]);return R(()=>({getContainerProps:i,getContentProps:p,getBodyProps:c,getFooterProps:m,getTitleProps:g,getDescriptionProps:P,getTriggerProps:d,getOverlayProps:f,getFocusManagerProps:b,getTriggerCloseProps:u,isOpen:r}),[i,c,p,m,g,P,d,f,b,u,r])};export{oe as useAlertDialog};

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@jamsrui/alert-dialog",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/button": "^0.0.12",
-    "@jamsrui/dialog": "^0.0.12",
-    "@jamsrui/hooks": "^0.0.12",
-    "@jamsrui/core": "^0.0.10",
-    "@jamsrui/text": "^0.0.12",
-    "@jamsrui/utils": "^0.0.12"
+    "@floating-ui/react": ">=0.27",
+    "motion": ">=12",
+    "@jamsrui/button": "^0.0.14",
+    "@jamsrui/hooks": "^0.0.14",
+    "@jamsrui/text": "^0.0.14",
+    "@jamsrui/core": "^0.0.12",
+    "@jamsrui/utils": "^0.0.14"
   },
   "exports": {
     ".": {

package/dist/chunk-DAOQOXYD.mjs

@@ -1 +0,0 @@
-import{useCallback as e,useMemo as T}from"react";var R=y=>{let{message:r,title:s,onConfirm:n,onCancel:a,children:i,cancelText:p="Cancel",confirmText:l="Confirm",slotProps:t,cancelButtonProps:c,confirmButtonProps:P,...g}=y,m=e(o=>({hideCloseButton:!0,size:"md",...o,...g}),[g]),u=e(o=>({...o,...t?.content}),[t?.content]),d=e(o=>({className:"flex gap-1 flex-col",...o,...t?.body}),[t?.body]),f=e(o=>({...o,...t?.footer}),[t?.footer]),x=e(o=>({onClick:n,color:"danger",...o,...P}),[n,P]),B=e(o=>({onClick:a,...o,...c}),[a,c]),C=e(o=>({variant:"h6",...o,...t?.title}),[t?.title]),D=e(o=>({variant:"paragraph2",className:"text-foreground-secondary",...o,...t?.message}),[t?.message]);return T(()=>({getDialogProps:m,getContentProps:u,getBodyProps:d,getFooterProps:f,getConfirmButtonProps:x,getCancelButtonProps:B,getTitleProps:C,getMessageProps:D,cancelText:p,confirmText:l,message:r,title:s,children:i}),[p,i,l,d,B,x,u,m,f,D,C,r,s])};export{R as a};

package/dist/chunk-G3TQLDJ7.mjs

@@ -1 +0,0 @@
-import{b as r}from"./chunk-VTOWZPYV.mjs";import{a as g}from"./chunk-DAOQOXYD.mjs";import{Button as i}from"@jamsrui/button";import{Dialog as F,DialogBody as h,DialogCloseTrigger as l,DialogContent as M,DialogFooter as b,DialogTrigger as k}from"@jamsrui/dialog";import{Text as s}from"@jamsrui/text";import{mergeConfigProps as q}from"@jamsrui/utils";import{jsx as o,jsxs as e}from"react/jsx-runtime";var I=n=>{let t=r(),a=q(t,t,n),p=g(a),{getBodyProps:D,getCancelButtonProps:m,getConfirmButtonProps:c,getContentProps:P,getDialogProps:f,getFooterProps:T,getMessageProps:C,getTitleProps:x,cancelText:u,confirmText:B,message:d,title:A,children:y}=p;return e(F,{...f({}),children:[o(k,{children:y}),e(M,{...P({}),children:[e(h,{...D({}),children:[o(s,{...x({}),children:A}),o(s,{...C({}),children:d})]}),e(b,{...T({}),children:[o(l,{children:o(i,{...m({}),children:u})}),o(l,{children:o(i,{...c({}),children:B})})]})]})]})};export{I as a};

package/dist/chunk-VTOWZPYV.mjs

@@ -1 +0,0 @@
-import{createConfigContext as o}from"@jamsrui/utils";var[e,i]=o({displayName:"AlertDialogConfig"});export{e as a,i as b};