@jamsrui/alert-dialog 0.0.18 → 0.0.19

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

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

package/dist/alert-dialog-action.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import{Button as e}from"@jamsrui/button";import{useAlertDialogContext as r}from"./alert-dialog-context.mjs";const l=o=>{const{getActionProps:t}=r();return n(e,{...t(o)})};export{l as AlertDialogAction};

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

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

package/dist/alert-dialog-cancel.mjs

@@ -0,0 +1 @@
+"use client";import{jsx as l}from"react/jsx-runtime";import{Button as t}from"@jamsrui/button";import{useAlertDialogContext as r}from"./alert-dialog-context.mjs";const p=e=>{const{getCancelProps:o}=r();return l(t,{...o(e)})};export{p as AlertDialogCancel};

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

@@ -1,19 +1,22 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GlobalConfigProps } from '@jamsrui/core';
+import { WithGlobalConfig } from '@jamsrui/core';
 import { AlertDialog } from './alert-dialog.mjs';
 import './use-alert-dialog.mjs';
-import 'react';
-import './styles.mjs';
-import '@jamsrui/utils';
-import '@jamsrui/text';
 import '@floating-ui/react';
+import '@jamsrui/text';
+import '@jamsrui/utils';
+import 'react';
+import './alert-dialog-action.mjs';
+import '@jamsrui/button';
 import './alert-dialog-body.mjs';
+import './alert-dialog-cancel.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';
+import './styles.mjs';
 
 declare const useAlertDialogConfig: () => AlertDialogConfig.Props;
 declare const AlertDialogConfig: (props: Omit<Partial<AlertDialogConfig.Props>, "children"> & {
@@ -21,7 +24,7 @@ declare const AlertDialogConfig: (props: Omit<Partial<AlertDialogConfig.Props>,
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace AlertDialogConfig {
-    interface Props extends AlertDialog.Props, GlobalConfigProps<AlertDialog.Props> {
+    interface Props extends WithGlobalConfig<AlertDialog.Props> {
     }
 }
 

package/dist/alert-dialog-config.mjs

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

package/dist/alert-dialog-container.mjs

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

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

@@ -1 +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};
+"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 a=t=>{const{getContentProps:o}=n();return i(e.div,{animate:{scale:1,opacity:1,filter:"blur(0px)"},initial:{scale:.9,opacity:0,filter:"blur(4px)"},transition:{type:"spring",stiffness:300,damping:25},exit:{scale:.95,opacity:0,filter:"blur(4px)",transition:{duration:.25}},...o(t)})};export{a as AlertDialogContentInner};

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

@@ -1,17 +1,20 @@
 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 '@jamsrui/text';
+import '@jamsrui/utils';
+import './alert-dialog-action.mjs';
+import 'react/jsx-runtime';
+import '@jamsrui/button';
 import './alert-dialog-body.mjs';
+import './alert-dialog-cancel.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';
+import './styles.mjs';
 
 declare const AlertDialogContext: react.Context<AlertDialogContext.Props | null>;
 declare namespace AlertDialogContext {

package/dist/alert-dialog.d.mts

@@ -1,17 +1,20 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { useAlertDialog } from './use-alert-dialog.mjs';
-import 'react';
-import './styles.mjs';
-import '@jamsrui/utils';
-import '@jamsrui/text';
 import '@floating-ui/react';
+import '@jamsrui/text';
+import '@jamsrui/utils';
+import 'react';
+import './alert-dialog-action.mjs';
+import '@jamsrui/button';
 import './alert-dialog-body.mjs';
+import './alert-dialog-cancel.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';
+import './styles.mjs';
 
 declare const AlertDialog: (props: AlertDialog.Props) => react_jsx_runtime.JSX.Element;
 declare namespace AlertDialog {

package/dist/alert-dialog.mjs

@@ -1 +1 @@
-"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};
+"use client";import{jsx as s}from"react/jsx-runtime";import{mergeConfigProps as l}from"@jamsrui/utils";import{useAlertDialogConfig as i}from"./alert-dialog-config.mjs";import{AlertDialogContext as a}from"./alert-dialog-context.mjs";import{alertDialogVariant as n}from"./styles.mjs";import{useAlertDialog as g}from"./use-alert-dialog.mjs";const A=o=>{const e=i(),r=l(n.defaultVariants,e,o),t=g(r);return s(a,{value:t,children:o.children})};export{A as AlertDialog};

package/dist/index.d.mts

@@ -1,26 +1,29 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AlertDialog as AlertDialog$1 } from './alert-dialog.mjs';
+import { AlertDialogAction } from './alert-dialog-action.mjs';
 import { AlertDialogBody } from './alert-dialog-body.mjs';
+import { AlertDialogCancel } from './alert-dialog-cancel.mjs';
+import { AlertDialogConfig } from './alert-dialog-config.mjs';
+export { useAlertDialogConfig } from './alert-dialog-config.mjs';
 import { AlertDialogContainer } from './alert-dialog-container.mjs';
 import { AlertDialogContent } from './alert-dialog-content.mjs';
 import { AlertDialogContentInner } from './alert-dialog-content-inner.mjs';
+export { AlertDialogContext, useAlertDialogContext } from './alert-dialog-context.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 './use-alert-dialog.mjs';
-import './styles.mjs';
+export { AlertDialogSlots, AlertDialogVariants, alertDialogVariant } from './styles.mjs';
+export { useAlertDialog } from './use-alert-dialog.mjs';
+import '@jamsrui/button';
 import '@jamsrui/utils';
+import '@jamsrui/core';
+import 'motion/react';
 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>>;
@@ -29,11 +32,14 @@ declare const AlertDialog: ((props: AlertDialog$1.Props) => react_jsx_runtime.JS
     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;
+    Cancel: (props: AlertDialogCancel.Props) => react_jsx_runtime.JSX.Element;
+    Action: (props: AlertDialogAction.Props) => react_jsx_runtime.JSX.Element;
 };
 declare namespace AlertDialog {
     interface Props extends AlertDialog$1.Props {
     }
+    interface Config extends AlertDialogConfig.Props {
+    }
     interface Trigger extends AlertDialogTrigger.Props {
     }
     interface Content extends AlertDialogContent.Props {
@@ -50,6 +56,10 @@ declare namespace AlertDialog {
     }
     interface ContentInner extends AlertDialogContentInner.Props {
     }
+    interface Cancel extends AlertDialogCancel.Props {
+    }
+    interface Action extends AlertDialogAction.Props {
+    }
 }
 
-export { AlertDialog, AlertDialogBody, AlertDialogContainer, AlertDialogContent, AlertDialogContentInner, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertDialogTriggerClose };
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogConfig, AlertDialogContainer, AlertDialogContent, AlertDialogContentInner, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger };

package/dist/index.mjs

@@ -1 +1 @@
-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};
+import{AlertDialog as s}from"./alert-dialog.mjs";import{AlertDialogAction as e}from"./alert-dialog-action.mjs";import{AlertDialogBody as t}from"./alert-dialog-body.mjs";import{AlertDialogCancel as o}from"./alert-dialog-cancel.mjs";import{AlertDialogConfig as D,useAlertDialogConfig as A}from"./alert-dialog-config.mjs";import{AlertDialogContainer as r}from"./alert-dialog-container.mjs";import{AlertDialogContent as i}from"./alert-dialog-content.mjs";import{AlertDialogContentInner as l}from"./alert-dialog-content-inner.mjs";import{AlertDialogContext as f,useAlertDialogContext as m}from"./alert-dialog-context.mjs";import{AlertDialogDescription as n}from"./alert-dialog-description.mjs";import{AlertDialogFooter as a}from"./alert-dialog-footer.mjs";import{AlertDialogTitle as p}from"./alert-dialog-title.mjs";import{AlertDialogTrigger as g}from"./alert-dialog-trigger.mjs";import{alertDialogVariant as x}from"./styles.mjs";import{useAlertDialog as c}from"./use-alert-dialog.mjs";const q=Object.assign(s,{Trigger:g,Content:i,Body:t,Footer:a,Title:p,Description:n,Container:r,ContentInner:l,Cancel:o,Action:e});export{q as AlertDialog,e as AlertDialogAction,t as AlertDialogBody,o as AlertDialogCancel,D as AlertDialogConfig,r as AlertDialogContainer,i as AlertDialogContent,l as AlertDialogContentInner,f as AlertDialogContext,n as AlertDialogDescription,a as AlertDialogFooter,p as AlertDialogTitle,g as AlertDialogTrigger,x as alertDialogVariant,c as useAlertDialog,A as useAlertDialogConfig,m as useAlertDialogContext};

package/dist/styles.d.mts

@@ -12,12 +12,6 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
         full: {};
         none: {};
     };
-    scrollBehavior: {
-        inside: {
-            body: string;
-        };
-        outside: {};
-    };
     backdrop: {
         transparent: {
             backdrop: string;
@@ -30,7 +24,6 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
         };
     };
 }, {
-    root: string;
     header: string;
     container: string;
     content: string;
@@ -40,6 +33,8 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
     title: string;
     description: string;
     backdrop: string;
+    cancel: string;
+    action: string;
 }, undefined, {
     radius: {
         sm: {};
@@ -51,12 +46,6 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
         full: {};
         none: {};
     };
-    scrollBehavior: {
-        inside: {
-            body: string;
-        };
-        outside: {};
-    };
     backdrop: {
         transparent: {
             backdrop: string;
@@ -69,7 +58,6 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
         };
     };
 }, {
-    root: string;
     header: string;
     container: string;
     content: string;
@@ -79,6 +67,8 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
     title: string;
     description: string;
     backdrop: string;
+    cancel: string;
+    action: string;
 }, _jamsrui_utils.TVReturnType<{
     radius: {
         sm: {};
@@ -90,12 +80,6 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
         full: {};
         none: {};
     };
-    scrollBehavior: {
-        inside: {
-            body: string;
-        };
-        outside: {};
-    };
     backdrop: {
         transparent: {
             backdrop: string;
@@ -108,7 +92,6 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
         };
     };
 }, {
-    root: string;
     header: string;
     container: string;
     content: string;
@@ -118,6 +101,8 @@ declare const alertDialogVariant: _jamsrui_utils.TVReturnType<{
     title: string;
     description: string;
     backdrop: string;
+    cancel: string;
+    action: string;
 }, undefined, unknown, unknown, undefined>>;
 type AlertDialogVariants = VariantProps<typeof alertDialogVariant>;
 type AlertDialogSlots = keyof ReturnType<typeof alertDialogVariant>;

package/dist/styles.mjs

@@ -1 +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};
+import{radiusVariant as a,tv as r}from"@jamsrui/utils";const e=r({slots:{header:"alert-dialog__header p-4 text-base font-bold",container:"alert-dialog 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",cancel:"alert-dialog__cancel",action:"alert-dialog__action"},variants:{radius:a("content","alert-dialog"),backdrop:{transparent:{backdrop:"alert-dialog--backdrop-transparent"},opaque:{backdrop:"alert-dialog--backdrop-opaque bg-black/50"},blur:{backdrop:"alert-dialog--backdrop-blur bg-black/30 backdrop-blur-md backdrop-saturate-150"}}},defaultVariants:{scrollBehavior:"inside",backdrop:"opaque",radius:"md"}});export{e as alertDialogVariant};

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

@@ -1,14 +1,17 @@
-import { ComponentProps } from 'react';
-import { AlertDialogVariants } from './styles.mjs';
+import { FloatingOverlay, FloatingFocusManagerProps } from '@floating-ui/react';
 import { Text } from '@jamsrui/text';
 import { PropGetter } from '@jamsrui/utils';
-import { FloatingOverlay, FloatingFocusManagerProps } from '@floating-ui/react';
+import { ComponentProps } from 'react';
+import { AlertDialogAction } from './alert-dialog-action.mjs';
 import { AlertDialogBody } from './alert-dialog-body.mjs';
+import { AlertDialogCancel } from './alert-dialog-cancel.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 { AlertDialogVariants } from './styles.mjs';
 import 'react/jsx-runtime';
+import '@jamsrui/button';
 import './alert-dialog-content-inner.mjs';
 import 'motion/react';
 
@@ -22,7 +25,8 @@ declare const useAlertDialog: (props: useAlertDialog.Props) => {
     getTriggerProps: (props: Partial<ComponentProps<"button">>) => ComponentProps<"button">;
     getOverlayProps: () => ComponentProps<typeof FloatingOverlay>;
     getFocusManagerProps: () => Omit<FloatingFocusManagerProps, "children">;
-    getTriggerCloseProps: (props: Partial<ComponentProps<"button">>) => ComponentProps<"button">;
+    getCancelProps: PropGetter<AlertDialogCancel.Props>;
+    getActionProps: PropGetter<AlertDialogAction.Props>;
     isOpen: boolean;
 };
 declare namespace useAlertDialog {
@@ -32,7 +36,6 @@ declare namespace useAlertDialog {
         onOpenChange?: (open: boolean) => void;
         isDismissible?: boolean;
         isKeyboardDismissible?: boolean;
-        disableAnimation?: boolean;
     }
 }
 

package/dist/use-alert-dialog.mjs

@@ -1 +1 @@
-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};
+"use client";import{useCallback as o,useMemo as j}from"react";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";import{dataAttrDev as a,mapPropsVariants as z,mergeProps as H}from"@jamsrui/utils";import{alertDialogVariant as O}from"./styles.mjs";const X=F=>{const[v,G]=z(F,O.variantKeys),{defaultOpen:h,isDismissible:x=!1,isKeyboardDismissible:k=!0,isOpen:T,onOpenChange:K}=v,t=O(G),[r,l]=w({defaultProp:h,onChange:K,prop:T}),{context:s,refs:{setFloating:n,setReference:i}}=E({open:r,onOpenChange:l}),M=I(s,{}),V=S(s,{escapeKey:k,outsidePress:x,outsidePressEvent:"click",enabled:!0}),B=q(s),R=_([M,V,B]),{getReferenceProps:c,getFloatingProps:p}=R,m=o(()=>{l(!1)},[l]),g=o(e=>({...e,"data-slot":a("container"),className:t.container({className:e.className}),ref:n,...p()}),[p,n,t]),P=o(e=>({...e,"data-slot":a("content"),className:t.content({className:e.className})}),[t]),d=o(e=>({...e,"data-slot":a("body"),className:t.body({className:e.className})}),[t]),f=o(e=>({...e,"data-slot":a("footer"),className:t.footer({className:e.className})}),[t]),u=o(e=>({variant:"h6","data-slot":a("title"),className:t.title({className:e.className}),...e}),[t]),y=o(e=>({variant:"paragraph2","data-slot":a("description"),className:t.description({className:e.className}),...e}),[t]),N=o(e=>({...e,className:t.trigger({className:e.className}),...c({ref:i})}),[c,i,t]),D=o(e=>({variant:"bordered",...H(e,{onClick:m}),className:t.cancel({className:e.className})}),[t,m]),A=o(e=>({color:"danger",variant:"solid",...e,className:t.action({className:e.className})}),[t]),C=o(()=>({className:t.backdrop(),lockScroll:!0}),[t]),b=o(()=>({context:s,modal:!0}),[s]);return j(()=>({getContainerProps:g,getContentProps:P,getBodyProps:d,getFooterProps:f,getTitleProps:u,getDescriptionProps:y,getTriggerProps:N,getOverlayProps:C,getFocusManagerProps:b,getCancelProps:D,getActionProps:A,isOpen:r}),[g,d,P,f,u,y,N,C,b,D,A,r])};export{X as useAlertDialog};

package/package.json

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

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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-"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};