@skdx/react 0.26.0 → 0.28.0

package/dist/dialog/Dialog.cjs

@@ -1 +1 @@
-"use strict";var no=Object.create;var f=Object.defineProperty;var po=Object.getOwnPropertyDescriptor;var so=Object.getOwnPropertyNames;var mo=Object.getPrototypeOf,go=Object.prototype.hasOwnProperty;var fo=(o,e)=>{for(var t in e)f(o,t,{get:e[t],enumerable:!0})},O=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of so(e))!go.call(o,l)&&l!==t&&f(o,l,{get:()=>e[l],enumerable:!(i=po(e,l))||i.enumerable});return o};var p=(o,e,t)=>(t=o!=null?no(mo(o)):{},O(e||!o||!o.__esModule?f(t,"default",{value:o,enumerable:!0}):t,o)),co=o=>O(f({},"__esModule",{value:!0}),o);var Do={};fo(Do,{Dialog:()=>h,DialogClose:()=>T,DialogContent:()=>R,DialogDescription:()=>v,DialogOverlay:()=>C,DialogPortal:()=>y,DialogProvider:()=>b,DialogTitle:()=>x,DialogTrigger:()=>u,useDialogContext:()=>a});module.exports=co(Do);var s=p(require("react"),1),N=require("../utils/createContext.cjs"),E=require("../utils/useControllableState.cjs"),I=require("../utils/useOpenChangeComplete.cjs"),k=require("react/jsx-runtime"),[b,a]=(0,N.createSafeContext)("Dialog");function h({children:o,open:e,defaultOpen:t=!1,onOpenChange:i,onOpenChangeComplete:l,modal:D=!0}){let P=s.useRef(null),m=s.useRef(null),[g=!1,r]=(0,E.useControllableState)({prop:e,defaultProp:t,onChange:i});return(0,I.useOpenChangeComplete)(g,m,l),(0,k.jsx)(b,{triggerRef:P,contentRef:m,contentId:s.useId(),titleId:s.useId(),descriptionId:s.useId(),open:g,onOpenChange:r,modal:D,children:o})}h.displayName="Dialog";var H=p(require("react"),1),L=require("../utils/composeRefs.cjs"),w=require("../utils/part.cjs"),d=require("../utils/primitive.cjs");var M=require("react/jsx-runtime"),u=H.forwardRef((o,e)=>{let t=a("DialogTrigger"),i=(0,L.useComposedRefs)(e,t.triggerRef);return(0,M.jsx)(d.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...(0,w.skdxPart)("dialog","trigger",o.className),ref:i,onClick:(0,d.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!0))})});u.displayName="DialogTrigger";var B=require("../utils/portal.cjs");var S=require("react/jsx-runtime"),y=({forceMount:o,children:e,...t})=>{let i=a("DialogPortal");return o||i.open?(0,S.jsx)(B.Portal,{...t,children:e}):null};y.displayName="DialogPortal";var F=p(require("react"),1),V=require("../utils/part.cjs"),K=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),C=F.forwardRef(({forceMount:o,...e},t)=>{let i=a("DialogOverlay");return o||i.open?(0,q.jsx)(K.Primitive.div,{"data-state":i.open?"open":"closed",...e,...(0,V.skdxPart)("dialog","overlay",e.className),ref:t,style:{pointerEvents:"auto",...e.style}}):null});C.displayName="DialogOverlay";var z=p(require("react"),1),A=require("../utils/composeRefs.cjs"),G=require("../utils/part.cjs"),J=require("../utils/primitive.cjs"),Q=require("../utils/useBodyScrollLock.cjs"),U=require("../utils/useDismiss.cjs"),W=require("../utils/useFocusTrap.cjs");var X=require("react/jsx-runtime"),R=z.forwardRef(({forceMount:o,onEscapeKeyDown:e,onPointerDownOutside:t,onFocusOutside:i,onInteractOutside:l,onOpenAutoFocus:D,onCloseAutoFocus:P,...m},g)=>{let r=a("DialogContent"),lo=(0,A.useComposedRefs)(g,r.contentRef);return(0,Q.useBodyScrollLock)(r.open&&r.modal),(0,W.useFocusTrap)(r.contentRef,r.open&&r.modal,{onOpenAutoFocus:D,onCloseAutoFocus:P}),(0,U.useDismiss)({enabled:r.open,onEscapeKeyDown:n=>{e?.(n),n.defaultPrevented||r.onOpenChange(!1)},onInteractOutside:l,onPointerDownOutside:n=>{t?.(n),!n.defaultPrevented&&r.modal&&r.onOpenChange(!1)},onFocusOutside:n=>{i?.(n),!n.defaultPrevented&&r.modal&&r.onOpenChange(!1)}},[r.contentRef]),o||r.open?(0,X.jsx)(J.Primitive.div,{role:"dialog","aria-modal":r.modal||void 0,"aria-labelledby":r.titleId,"aria-describedby":r.descriptionId,id:r.contentId,"data-state":r.open?"open":"closed",...m,...(0,G.skdxPart)("dialog","content",m.className),ref:lo}):null});R.displayName="DialogContent";var Y=p(require("react"),1),Z=require("../utils/part.cjs"),_=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),x=Y.forwardRef((o,e)=>{let t=a("DialogTitle");return(0,$.jsx)(_.Primitive.h2,{id:t.titleId,...o,...(0,Z.skdxPart)("dialog","title",o.className),ref:e})});x.displayName="DialogTitle";var j=p(require("react"),1),oo=require("../utils/part.cjs"),eo=require("../utils/primitive.cjs");var to=require("react/jsx-runtime"),v=j.forwardRef((o,e)=>{let t=a("DialogDescription");return(0,to.jsx)(eo.Primitive.p,{id:t.descriptionId,...o,...(0,oo.skdxPart)("dialog","description",o.className),ref:e})});v.displayName="DialogDescription";var ro=p(require("react"),1),ao=require("../utils/part.cjs"),c=require("../utils/primitive.cjs");var io=require("react/jsx-runtime"),T=ro.forwardRef((o,e)=>{let t=a("DialogClose");return(0,io.jsx)(c.Primitive.button,{type:"button",...o,...(0,ao.skdxPart)("dialog","close",o.className),ref:e,onClick:(0,c.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})});T.displayName="DialogClose";0&&(module.exports={Dialog,DialogClose,DialogContent,DialogDescription,DialogOverlay,DialogPortal,DialogProvider,DialogTitle,DialogTrigger,useDialogContext});
+"use strict";var xo=Object.create;var P=Object.defineProperty;var To=Object.getOwnPropertyDescriptor;var vo=Object.getOwnPropertyNames;var bo=Object.getPrototypeOf,Oo=Object.prototype.hasOwnProperty;var Eo=(o,e)=>{for(var t in e)P(o,t,{get:e[t],enumerable:!0})},$=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of vo(e))!Oo.call(o,l)&&l!==t&&P(o,l,{get:()=>e[l],enumerable:!(i=To(e,l))||i.enumerable});return o};var c=(o,e,t)=>(t=o!=null?xo(bo(o)):{},$(e||!o||!o.__esModule?P(t,"default",{value:o,enumerable:!0}):t,o)),ko=o=>$(P({},"__esModule",{value:!0}),o);var No={};Eo(No,{Dialog:()=>Do,DialogClose:()=>x,DialogContent:()=>v,DialogDescription:()=>O,DialogOverlay:()=>E,DialogPortal:()=>k,DialogProvider:()=>uo,DialogRoot:()=>B,DialogTitle:()=>F,DialogTrigger:()=>Po,useDialogContext:()=>n});module.exports=ko(No);var p=c(require("react"),1),fo=require("../utils/createContext.cjs"),co=require("../utils/useControllableState.cjs"),go=require("../utils/useOpenChangeComplete.cjs");var q=c(require("react"),1),V=require("../utils/part.cjs"),C=require("../utils/primitive.cjs");var W=require("react/jsx-runtime"),x=q.forwardRef((o,e)=>{let t=n("DialogClose");return(0,W.jsx)(C.Primitive.button,{type:"button",...o,...(0,V.skdxPart)("dialog","close",o.className),ref:e,onClick:(0,C.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})});x.displayName="DialogClose";var K=c(require("react"),1),_=require("../utils/composeRefs.cjs"),z=require("../utils/part.cjs"),G=require("../utils/primitive.cjs"),J=require("../utils/tabbable.cjs"),Q=require("../utils/useBodyScrollLock.cjs"),U=require("../utils/useDismiss.cjs"),T=require("../utils/useFocusTrap.cjs"),X=require("../utils/useOutsideInert.cjs");var w=require("../utils/is-dev-mode.cjs");function S(o,e,t){if(!e)return null;let i;try{i=o.querySelector(e)}catch{return(0,w.isDevMode)()&&console.warn(`[skdx] Dialog: ${t}="${e}" is not a valid CSS selector. Falling back to the default focus target.`),null}return!i&&(0,w.isDevMode)()&&console.warn(Ho(t,e)),i}function Ho(o,e){return o==="initialFocus"?`[skdx] Dialog: initialFocus="${e}" matched no element inside the dialog panel. Falling back to the first tabbable element, then the panel itself.`:`[skdx] Dialog: finalFocus="${e}" matched no element in the document. Falling back to the element that was focused before the dialog opened.`}var Y=require("react/jsx-runtime"),v=K.forwardRef(({forceMount:o,initialFocus:e,finalFocus:t,onEscapeKeyDown:i,onPointerDownOutside:l,onFocusOutside:m,onInteractOutside:D,onOpenAutoFocus:h,onCloseAutoFocus:d,...f},g)=>{let r=n("DialogContent"),L=(0,_.useComposedRefs)(g,r.contentRef),M=r.dismiss==="any"||r.dismiss==="escape",R=r.dismiss==="any"||r.dismiss==="outside",y=()=>{let a=S(document,t,"finalFocus");return a?(a.focus({preventScroll:!0}),!0):!1};return(0,Q.useBodyScrollLock)(r.open&&r.modal),(0,X.useOutsideInert)(r.contentRef,r.open&&r.modal),(0,T.useFocusTrap)(r.contentRef,r.open&&r.modal,{onOpenAutoFocus:a=>{if(h?.(a),a.defaultPrevented||!e)return;let u=r.contentRef.current;if(!u)return;let A=S(u,e,"initialFocus")??u.querySelector(J.TABBABLE_SELECTOR)??u;a.preventDefault(),A===u&&(u.tabIndex=-1),A.focus({preventScroll:!0})},onCloseAutoFocus:a=>{d?.(a),!(a.defaultPrevented||!t)&&y()&&a.preventDefault()}}),(0,U.useDismiss)({enabled:r.open,onEscapeKeyDown:a=>{i?.(a),!(a.defaultPrevented||!M)&&(r.onOpenChange(!1),!r.modal&&(0,T.autoFocusEvent)("close-auto-focus",d)&&(y()||r.triggerRef.current?.focus()))},onInteractOutside:D,onPointerDownOutside:a=>{l?.(a),!a.defaultPrevented&&r.modal&&R&&r.onOpenChange(!1)},onFocusOutside:a=>{m?.(a),!a.defaultPrevented&&r.modal&&R&&r.onOpenChange(!1)}},[r.contentRef,r.triggerRef]),o||r.open?(0,Y.jsx)(G.Primitive.div,{role:"dialog","aria-modal":r.modal||void 0,"aria-labelledby":r.hasTitle?r.titleId:void 0,"aria-describedby":r.hasDescription?r.descriptionId:void 0,id:r.contentId,"data-state":r.open?"open":"closed","data-dismiss":r.dismiss,...f,...(0,z.skdxPart)("dialog","content",f.className),ref:L}):null});v.displayName="DialogContent";var b=c(require("react"),1),Z=require("../utils/part.cjs"),j=require("../utils/primitive.cjs");var oo=require("react/jsx-runtime"),O=b.forwardRef((o,e)=>{let t=n("DialogDescription"),{setHasDescription:i}=t;return b.useEffect(()=>(i(!0),()=>i(!1)),[i]),(0,oo.jsx)(j.Primitive.p,{id:t.descriptionId,...o,...(0,Z.skdxPart)("dialog","description",o.className),ref:e})});O.displayName="DialogDescription";var eo=c(require("react"),1),to=require("../utils/part.cjs"),ro=require("../utils/primitive.cjs");var io=require("react/jsx-runtime"),E=eo.forwardRef(({forceMount:o,...e},t)=>{let i=n("DialogOverlay");return o||i.open?(0,io.jsx)(ro.Primitive.div,{"data-state":i.open?"open":"closed",...e,...(0,to.skdxPart)("dialog","overlay",e.className),ref:t,style:{pointerEvents:"auto",...e.style}}):null});E.displayName="DialogOverlay";var ao=require("../utils/portal.cjs");var no=require("react/jsx-runtime"),k=({forceMount:o,children:e,...t})=>{let i=n("DialogPortal");return o||i.open?(0,no.jsx)(ao.Portal,{...t,children:e}):null};k.displayName="DialogPortal";var H=c(require("react"),1),lo=require("../utils/part.cjs"),so=require("../utils/primitive.cjs");var po=require("react/jsx-runtime"),F=H.forwardRef((o,e)=>{let t=n("DialogTitle"),{setHasTitle:i}=t;return H.useEffect(()=>(i(!0),()=>i(!1)),[i]),(0,po.jsx)(so.Primitive.h2,{id:t.titleId,...o,...(0,lo.skdxPart)("dialog","title",o.className),ref:e})});F.displayName="DialogTitle";var s=require("react/jsx-runtime"),Fo=()=>(0,s.jsx)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false",children:(0,s.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),mo=({title:o,description:e,footer:t,dismissible:i,children:l,passThrough:m})=>(0,s.jsxs)(k,{children:[(0,s.jsx)(E,{}),(0,s.jsxs)(v,{...m,children:[o?(0,s.jsx)(F,{children:o}):null,e?(0,s.jsx)(O,{children:e}):null,l,t,i?(0,s.jsx)(x,{"aria-label":"Close",children:(0,s.jsx)(Fo,{})}):null]})]});var N=require("react/jsx-runtime"),[uo,n]=(0,fo.createSafeContext)("Dialog");function B({children:o,open:e,defaultOpen:t=!1,onOpenChange:i,onOpenChangeComplete:l,modal:m=!0,dismiss:D="any",dismissible:h=!0}){let d=p.useRef(null),f=p.useRef(null),[g,r]=p.useState(!1),[L,M]=p.useState(!1),[R=!1,y]=(0,co.useControllableState)({prop:e,defaultProp:t,onChange:i});return(0,go.useOpenChangeComplete)(R,f,l),(0,N.jsx)(uo,{triggerRef:d,contentRef:f,contentId:p.useId(),titleId:p.useId(),descriptionId:p.useId(),hasTitle:g,setHasTitle:r,hasDescription:L,setHasDescription:M,open:R,onOpenChange:y,modal:m,dismiss:h?D:"none",children:o})}B.displayName="DialogRoot";function Do({children:o,open:e,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:l,modal:m,dismiss:D,title:h,description:d,footer:f,dismissible:g=!0,...r}){return(0,N.jsx)(B,{open:e,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:l,modal:m,dismiss:D,dismissible:g,children:(0,N.jsx)(mo,{title:h,description:d,footer:f,dismissible:g,passThrough:r,children:o})})}Do.displayName="Dialog";var ho=c(require("react"),1),Ro=require("../utils/composeRefs.cjs"),yo=require("../utils/part.cjs"),I=require("../utils/primitive.cjs");var Co=require("react/jsx-runtime"),Po=ho.forwardRef((o,e)=>{let t=n("DialogTrigger"),i=(0,Ro.useComposedRefs)(e,t.triggerRef);return(0,Co.jsx)(I.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...(0,yo.skdxPart)("dialog","trigger",o.className),ref:i,onClick:(0,I.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!0))})});Po.displayName="DialogTrigger";0&&(module.exports={Dialog,DialogClose,DialogContent,DialogDescription,DialogOverlay,DialogPortal,DialogProvider,DialogRoot,DialogTitle,DialogTrigger,useDialogContext});

package/dist/dialog/Dialog.d.cts

@@ -6,19 +6,45 @@ export declare const DialogProvider: {
     }): React.JSX.Element;
     displayName: string;
 }, useDialogContext: (consumerName: string) => DialogContextValue;
+/** Props for {@link DialogRoot}: {@link DialogProps} minus the derived-anatomy-only props. */
+export type DialogRootProps = Omit<DialogProps, 'title' | 'description' | 'footer'>;
 /**
- * Root of a modal (by default) dialog: owns open state and hands it down to
- * `DialogTrigger` / `DialogPortal` / `DialogOverlay` / `DialogContent` /
- * `DialogTitle` / `DialogDescription` / `DialogClose` via context. Renders
- * no DOM element itself.
+ * State/context primitive that owns open state and hands it down to all dialog
+ * parts via context, rendering `children` verbatim with no DOM element of its own.
+ * The `Dialog` recipe (below) wraps this with `DialogAnatomy`, adding derived
+ * anatomy. For full manual composition, use `DialogRoot` from
+ * `@skdx/react/primitives/dialog`.
+ */
+export declare function DialogRoot({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, dismissible, }: DialogRootProps): React.JSX.Element;
+export declare namespace DialogRoot {
+    var displayName: string;
+}
+/**
+ * Recipe for a modal (by default) dialog: owns open state and passes it to all
+ * parts via context with no DOM element of its own. Derives anatomy from
+ * `title`/`description`/`footer`/`dismissible`: portal, overlay, title,
+ * description, body (`children`), footer, and close button. `children` is the
+ * body; the component reads only whether it exists. Works controlled (`open` +
+ * `onOpenChange`) or uncontrolled (`defaultOpen`).
  *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
- * When `modal` is true (the default), `DialogContent` traps focus, locks
- * body scroll, and closes on outside pointer-down or Escape.
+ * When `modal={true}` (default), traps focus, locks body scroll, and closes on
+ * outside pointer-down or Escape. `dismiss` narrows which channels close it
+ * without silencing the dismissal events; `dismissible={false}` forces
+ * `dismiss="none"` and withholds the close button, regardless of `dismiss`.
+ * For full manual composition, use `DialogRoot` from `@skdx/react/primitives/dialog`.
  *
  * @example
  * ```tsx
- * <Dialog>
+ * <Dialog open={open} onOpenChange={setOpen} title="Settings" description="Manage your account.">
+ *   <SettingsForm />
+ * </Dialog>
+ * ```
+ *
+ * @example Full manual composition — `@skdx/react/primitives/dialog`.
+ * ```tsx
+ * import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '@skdx/react/primitives/dialog';
+ *
+ * <DialogRoot>
  *   <DialogTrigger>Open</DialogTrigger>
  *   <DialogPortal>
  *     <DialogOverlay />
@@ -28,10 +54,10 @@ export declare const DialogProvider: {
  *       <DialogClose>Close</DialogClose>
  *     </DialogContent>
  *   </DialogPortal>
- * </Dialog>
+ * </DialogRoot>
  * ```
  */
-export declare function Dialog({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, modal, }: DialogProps): React.JSX.Element;
+export declare function Dialog({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, title, description, footer, dismissible, ...rest }: DialogProps): React.JSX.Element;
 export declare namespace Dialog {
     var displayName: string;
 }

package/dist/dialog/Dialog.d.ts

@@ -6,19 +6,45 @@ export declare const DialogProvider: {
     }): React.JSX.Element;
     displayName: string;
 }, useDialogContext: (consumerName: string) => DialogContextValue;
+/** Props for {@link DialogRoot}: {@link DialogProps} minus the derived-anatomy-only props. */
+export type DialogRootProps = Omit<DialogProps, 'title' | 'description' | 'footer'>;
 /**
- * Root of a modal (by default) dialog: owns open state and hands it down to
- * `DialogTrigger` / `DialogPortal` / `DialogOverlay` / `DialogContent` /
- * `DialogTitle` / `DialogDescription` / `DialogClose` via context. Renders
- * no DOM element itself.
+ * State/context primitive that owns open state and hands it down to all dialog
+ * parts via context, rendering `children` verbatim with no DOM element of its own.
+ * The `Dialog` recipe (below) wraps this with `DialogAnatomy`, adding derived
+ * anatomy. For full manual composition, use `DialogRoot` from
+ * `@skdx/react/primitives/dialog`.
+ */
+export declare function DialogRoot({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, dismissible, }: DialogRootProps): React.JSX.Element;
+export declare namespace DialogRoot {
+    var displayName: string;
+}
+/**
+ * Recipe for a modal (by default) dialog: owns open state and passes it to all
+ * parts via context with no DOM element of its own. Derives anatomy from
+ * `title`/`description`/`footer`/`dismissible`: portal, overlay, title,
+ * description, body (`children`), footer, and close button. `children` is the
+ * body; the component reads only whether it exists. Works controlled (`open` +
+ * `onOpenChange`) or uncontrolled (`defaultOpen`).
  *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
- * When `modal` is true (the default), `DialogContent` traps focus, locks
- * body scroll, and closes on outside pointer-down or Escape.
+ * When `modal={true}` (default), traps focus, locks body scroll, and closes on
+ * outside pointer-down or Escape. `dismiss` narrows which channels close it
+ * without silencing the dismissal events; `dismissible={false}` forces
+ * `dismiss="none"` and withholds the close button, regardless of `dismiss`.
+ * For full manual composition, use `DialogRoot` from `@skdx/react/primitives/dialog`.
  *
  * @example
  * ```tsx
- * <Dialog>
+ * <Dialog open={open} onOpenChange={setOpen} title="Settings" description="Manage your account.">
+ *   <SettingsForm />
+ * </Dialog>
+ * ```
+ *
+ * @example Full manual composition — `@skdx/react/primitives/dialog`.
+ * ```tsx
+ * import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '@skdx/react/primitives/dialog';
+ *
+ * <DialogRoot>
  *   <DialogTrigger>Open</DialogTrigger>
  *   <DialogPortal>
  *     <DialogOverlay />
@@ -28,10 +54,10 @@ export declare const DialogProvider: {
  *       <DialogClose>Close</DialogClose>
  *     </DialogContent>
  *   </DialogPortal>
- * </Dialog>
+ * </DialogRoot>
  * ```
  */
-export declare function Dialog({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, modal, }: DialogProps): React.JSX.Element;
+export declare function Dialog({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, dismiss, title, description, footer, dismissible, ...rest }: DialogProps): React.JSX.Element;
 export declare namespace Dialog {
     var displayName: string;
 }

package/dist/dialog/Dialog.js

@@ -1 +1 @@
-import*as n from"react";import{createSafeContext as I}from"../utils/createContext.js";import{useControllableState as b}from"../utils/useControllableState.js";import{useOpenChangeComplete as h}from"../utils/useOpenChangeComplete.js";import{jsx as L}from"react/jsx-runtime";var[k,a]=I("Dialog");function H({children:o,open:r,defaultOpen:t=!1,onOpenChange:i,onOpenChangeComplete:m,modal:g=!0}){let f=n.useRef(null),p=n.useRef(null),[s=!1,e]=b({prop:r,defaultProp:t,onChange:i});return h(s,p,m),L(k,{triggerRef:f,contentRef:p,contentId:n.useId(),titleId:n.useId(),descriptionId:n.useId(),open:s,onOpenChange:e,modal:g,children:o})}H.displayName="Dialog";import*as d from"react";import{useComposedRefs as w}from"../utils/composeRefs.js";import{skdxPart as M}from"../utils/part.js";import{composeEventHandlers as B,Primitive as S}from"../utils/primitive.js";import{jsx as F}from"react/jsx-runtime";var c=d.forwardRef((o,r)=>{let t=a("DialogTrigger"),i=w(r,t.triggerRef);return F(S.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...M("dialog","trigger",o.className),ref:i,onClick:B(o.onClick,()=>t.onOpenChange(!0))})});c.displayName="DialogTrigger";import{Portal as V}from"../utils/portal.js";import{jsx as K}from"react/jsx-runtime";var D=({forceMount:o,children:r,...t})=>{let i=a("DialogPortal");return o||i.open?K(V,{...t,children:r}):null};D.displayName="DialogPortal";import*as P from"react";import{skdxPart as q}from"../utils/part.js";import{Primitive as z}from"../utils/primitive.js";import{jsx as A}from"react/jsx-runtime";var u=P.forwardRef(({forceMount:o,...r},t)=>{let i=a("DialogOverlay");return o||i.open?A(z.div,{"data-state":i.open?"open":"closed",...r,...q("dialog","overlay",r.className),ref:t,style:{pointerEvents:"auto",...r.style}}):null});u.displayName="DialogOverlay";import*as y from"react";import{useComposedRefs as G}from"../utils/composeRefs.js";import{skdxPart as J}from"../utils/part.js";import{Primitive as Q}from"../utils/primitive.js";import{useBodyScrollLock as U}from"../utils/useBodyScrollLock.js";import{useDismiss as W}from"../utils/useDismiss.js";import{useFocusTrap as X}from"../utils/useFocusTrap.js";import{jsx as Y}from"react/jsx-runtime";var C=y.forwardRef(({forceMount:o,onEscapeKeyDown:r,onPointerDownOutside:t,onFocusOutside:i,onInteractOutside:m,onOpenAutoFocus:g,onCloseAutoFocus:f,...p},s)=>{let e=a("DialogContent"),E=G(s,e.contentRef);return U(e.open&&e.modal),X(e.contentRef,e.open&&e.modal,{onOpenAutoFocus:g,onCloseAutoFocus:f}),W({enabled:e.open,onEscapeKeyDown:l=>{r?.(l),l.defaultPrevented||e.onOpenChange(!1)},onInteractOutside:m,onPointerDownOutside:l=>{t?.(l),!l.defaultPrevented&&e.modal&&e.onOpenChange(!1)},onFocusOutside:l=>{i?.(l),!l.defaultPrevented&&e.modal&&e.onOpenChange(!1)}},[e.contentRef]),o||e.open?Y(Q.div,{role:"dialog","aria-modal":e.modal||void 0,"aria-labelledby":e.titleId,"aria-describedby":e.descriptionId,id:e.contentId,"data-state":e.open?"open":"closed",...p,...J("dialog","content",p.className),ref:E}):null});C.displayName="DialogContent";import*as R from"react";import{skdxPart as Z}from"../utils/part.js";import{Primitive as _}from"../utils/primitive.js";import{jsx as $}from"react/jsx-runtime";var x=R.forwardRef((o,r)=>{let t=a("DialogTitle");return $(_.h2,{id:t.titleId,...o,...Z("dialog","title",o.className),ref:r})});x.displayName="DialogTitle";import*as v from"react";import{skdxPart as j}from"../utils/part.js";import{Primitive as oo}from"../utils/primitive.js";import{jsx as eo}from"react/jsx-runtime";var T=v.forwardRef((o,r)=>{let t=a("DialogDescription");return eo(oo.p,{id:t.descriptionId,...o,...j("dialog","description",o.className),ref:r})});T.displayName="DialogDescription";import*as O from"react";import{skdxPart as to}from"../utils/part.js";import{composeEventHandlers as ro,Primitive as ao}from"../utils/primitive.js";import{jsx as io}from"react/jsx-runtime";var N=O.forwardRef((o,r)=>{let t=a("DialogClose");return io(ao.button,{type:"button",...o,...to("dialog","close",o.className),ref:r,onClick:ro(o.onClick,()=>t.onOpenChange(!1))})});N.displayName="DialogClose";export{H as Dialog,N as DialogClose,C as DialogContent,T as DialogDescription,u as DialogOverlay,D as DialogPortal,k as DialogProvider,x as DialogTitle,c as DialogTrigger,a as useDialogContext};
+import*as l from"react";import{createSafeContext as go}from"../utils/createContext.js";import{useControllableState as uo}from"../utils/useControllableState.js";import{useOpenChangeComplete as Do}from"../utils/useOpenChangeComplete.js";import*as I from"react";import{skdxPart as q}from"../utils/part.js";import{composeEventHandlers as V,Primitive as W}from"../utils/primitive.js";import{jsx as K}from"react/jsx-runtime";var T=I.forwardRef((t,e)=>{let r=n("DialogClose");return K(W.button,{type:"button",...t,...q("dialog","close",t.className),ref:e,onClick:V(t.onClick,()=>r.onOpenChange(!1))})});T.displayName="DialogClose";import*as M from"react";import{useComposedRefs as z}from"../utils/composeRefs.js";import{skdxPart as G}from"../utils/part.js";import{Primitive as J}from"../utils/primitive.js";import{TABBABLE_SELECTOR as Q}from"../utils/tabbable.js";import{useBodyScrollLock as U}from"../utils/useBodyScrollLock.js";import{useDismiss as X}from"../utils/useDismiss.js";import{autoFocusEvent as Y,useFocusTrap as Z}from"../utils/useFocusTrap.js";import{useOutsideInert as j}from"../utils/useOutsideInert.js";import{isDevMode as L}from"../utils/is-dev-mode.js";function v(t,e,r){if(!e)return null;let i;try{i=t.querySelector(e)}catch{return L()&&console.warn(`[skdx] Dialog: ${r}="${e}" is not a valid CSS selector. Falling back to the default focus target.`),null}return!i&&L()&&console.warn(_(r,e)),i}function _(t,e){return t==="initialFocus"?`[skdx] Dialog: initialFocus="${e}" matched no element inside the dialog panel. Falling back to the first tabbable element, then the panel itself.`:`[skdx] Dialog: finalFocus="${e}" matched no element in the document. Falling back to the element that was focused before the dialog opened.`}import{jsx as oo}from"react/jsx-runtime";var b=M.forwardRef(({forceMount:t,initialFocus:e,finalFocus:r,onEscapeKeyDown:i,onPointerDownOutside:s,onFocusOutside:p,onInteractOutside:u,onOpenAutoFocus:D,onCloseAutoFocus:c,...m},d)=>{let o=n("DialogContent"),C=z(d,o.contentRef),x=o.dismiss==="any"||o.dismiss==="escape",h=o.dismiss==="any"||o.dismiss==="outside",R=()=>{let a=v(document,r,"finalFocus");return a?(a.focus({preventScroll:!0}),!0):!1};return U(o.open&&o.modal),j(o.contentRef,o.open&&o.modal),Z(o.contentRef,o.open&&o.modal,{onOpenAutoFocus:a=>{if(D?.(a),a.defaultPrevented||!e)return;let g=o.contentRef.current;if(!g)return;let N=v(g,e,"initialFocus")??g.querySelector(Q)??g;a.preventDefault(),N===g&&(g.tabIndex=-1),N.focus({preventScroll:!0})},onCloseAutoFocus:a=>{c?.(a),!(a.defaultPrevented||!r)&&R()&&a.preventDefault()}}),X({enabled:o.open,onEscapeKeyDown:a=>{i?.(a),!(a.defaultPrevented||!x)&&(o.onOpenChange(!1),!o.modal&&Y("close-auto-focus",c)&&(R()||o.triggerRef.current?.focus()))},onInteractOutside:u,onPointerDownOutside:a=>{s?.(a),!a.defaultPrevented&&o.modal&&h&&o.onOpenChange(!1)},onFocusOutside:a=>{p?.(a),!a.defaultPrevented&&o.modal&&h&&o.onOpenChange(!1)}},[o.contentRef,o.triggerRef]),t||o.open?oo(J.div,{role:"dialog","aria-modal":o.modal||void 0,"aria-labelledby":o.hasTitle?o.titleId:void 0,"aria-describedby":o.hasDescription?o.descriptionId:void 0,id:o.contentId,"data-state":o.open?"open":"closed","data-dismiss":o.dismiss,...m,...G("dialog","content",m.className),ref:C}):null});b.displayName="DialogContent";import*as y from"react";import{skdxPart as eo}from"../utils/part.js";import{Primitive as to}from"../utils/primitive.js";import{jsx as ro}from"react/jsx-runtime";var O=y.forwardRef((t,e)=>{let r=n("DialogDescription"),{setHasDescription:i}=r;return y.useEffect(()=>(i(!0),()=>i(!1)),[i]),ro(to.p,{id:r.descriptionId,...t,...eo("dialog","description",t.className),ref:e})});O.displayName="DialogDescription";import*as w from"react";import{skdxPart as io}from"../utils/part.js";import{Primitive as ao}from"../utils/primitive.js";import{jsx as no}from"react/jsx-runtime";var E=w.forwardRef(({forceMount:t,...e},r)=>{let i=n("DialogOverlay");return t||i.open?no(ao.div,{"data-state":i.open?"open":"closed",...e,...io("dialog","overlay",e.className),ref:r,style:{pointerEvents:"auto",...e.style}}):null});E.displayName="DialogOverlay";import{Portal as lo}from"../utils/portal.js";import{jsx as so}from"react/jsx-runtime";var k=({forceMount:t,children:e,...r})=>{let i=n("DialogPortal");return t||i.open?so(lo,{...r,children:e}):null};k.displayName="DialogPortal";import*as P from"react";import{skdxPart as po}from"../utils/part.js";import{Primitive as mo}from"../utils/primitive.js";import{jsx as fo}from"react/jsx-runtime";var H=P.forwardRef((t,e)=>{let r=n("DialogTitle"),{setHasTitle:i}=r;return P.useEffect(()=>(i(!0),()=>i(!1)),[i]),fo(mo.h2,{id:r.titleId,...t,...po("dialog","title",t.className),ref:e})});H.displayName="DialogTitle";import{jsx as f,jsxs as S}from"react/jsx-runtime";var co=()=>f("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false",children:f("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),B=({title:t,description:e,footer:r,dismissible:i,children:s,passThrough:p})=>S(k,{children:[f(E,{}),S(b,{...p,children:[t?f(H,{children:t}):null,e?f(O,{children:e}):null,s,r,i?f(T,{"aria-label":"Close",children:f(co,{})}):null]})]});import{jsx as F}from"react/jsx-runtime";var[ho,n]=go("Dialog");function A({children:t,open:e,defaultOpen:r=!1,onOpenChange:i,onOpenChangeComplete:s,modal:p=!0,dismiss:u="any",dismissible:D=!0}){let c=l.useRef(null),m=l.useRef(null),[d,o]=l.useState(!1),[C,x]=l.useState(!1),[h=!1,R]=uo({prop:e,defaultProp:r,onChange:i});return Do(h,m,s),F(ho,{triggerRef:c,contentRef:m,contentId:l.useId(),titleId:l.useId(),descriptionId:l.useId(),hasTitle:d,setHasTitle:o,hasDescription:C,setHasDescription:x,open:h,onOpenChange:R,modal:p,dismiss:D?u:"none",children:t})}A.displayName="DialogRoot";function Ro({children:t,open:e,defaultOpen:r,onOpenChange:i,onOpenChangeComplete:s,modal:p,dismiss:u,title:D,description:c,footer:m,dismissible:d=!0,...o}){return F(A,{open:e,defaultOpen:r,onOpenChange:i,onOpenChangeComplete:s,modal:p,dismiss:u,dismissible:d,children:F(B,{title:D,description:c,footer:m,dismissible:d,passThrough:o,children:t})})}Ro.displayName="Dialog";import*as $ from"react";import{useComposedRefs as yo}from"../utils/composeRefs.js";import{skdxPart as Po}from"../utils/part.js";import{composeEventHandlers as Co,Primitive as xo}from"../utils/primitive.js";import{jsx as vo}from"react/jsx-runtime";var To=$.forwardRef((t,e)=>{let r=n("DialogTrigger"),i=yo(e,r.triggerRef);return vo(xo.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":r.open?"open":"closed",...t,...Po("dialog","trigger",t.className),ref:i,onClick:Co(t.onClick,()=>r.onOpenChange(!0))})});To.displayName="DialogTrigger";export{Ro as Dialog,T as DialogClose,b as DialogContent,O as DialogDescription,E as DialogOverlay,k as DialogPortal,ho as DialogProvider,A as DialogRoot,H as DialogTitle,To as DialogTrigger,n as useDialogContext};

package/dist/dialog/DialogAnatomy.d.cts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.cjs';
+/**
+ * The anatomy a {@link Dialog} draws for plain body content: portal, overlay,
+ * panel with derived title/description, body, footer, and close button (if
+ * `dismissible`).
+ *
+ * @internal
+ */
+export declare const DialogAnatomy: ({ title, description, footer, dismissible, children, passThrough, }: {
+    title?: string;
+    description?: string;
+    footer?: React.ReactNode;
+    dismissible: boolean;
+    children?: React.ReactNode;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

package/dist/dialog/DialogAnatomy.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.js';
+/**
+ * The anatomy a {@link Dialog} draws for plain body content: portal, overlay,
+ * panel with derived title/description, body, footer, and close button (if
+ * `dismissible`).
+ *
+ * @internal
+ */
+export declare const DialogAnatomy: ({ title, description, footer, dismissible, children, passThrough, }: {
+    title?: string;
+    description?: string;
+    footer?: React.ReactNode;
+    dismissible: boolean;
+    children?: React.ReactNode;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

package/dist/dialog/DialogContent.d.cts

@@ -1,18 +1,20 @@
 import * as React from 'react';
 import type { DialogContentProps } from './types.cjs';
 /**
- * The dialog's panel: `role="dialog"`, labelled by `DialogTitle` and
- * described by `DialogDescription` via `aria-labelledby`/`aria-describedby`,
- * with `aria-modal` and `data-state` (`open`/`closed`) reflecting state.
- * When rendered under a modal `Dialog`, it traps focus and locks body
- * scroll while open. Closes on Escape, and — when modal — on an outside
- * interaction: either pointer-down outside or focus moving outside, each
- * reported to `onPointerDownOutside`/`onFocusOutside` and, just before them
- * and with the same event, to `onInteractOutside`. Any of those (or
- * `onEscapeKeyDown`) calling `event.preventDefault()` keeps it open.
- * The two focus moves the trap makes on the dialog's behalf are announced
- * first as `onOpenAutoFocus`/`onCloseAutoFocus`, cancelable the same way.
- * Mounts only while open unless `forceMount` is set.
+ * The dialog's panel: `role="dialog"` with `aria-modal` and `data-state`
+ * (`open`/`closed`), labelled by `DialogTitle` and described by
+ * `DialogDescription` via `aria-labelledby`/`aria-describedby` (emitted only
+ * when mounted, avoiding dangling references).
+ *
+ * Under modal mode, traps focus, locks body scroll, and marks the rest `inert`
+ * while open. Closes on Escape and (when modal) outside interaction
+ * (pointer-down or focus-out). Each dismissal fires to its handler and to
+ * `onInteractOutside` just before, with `event.preventDefault()` keeping it
+ * open. Which channels actually dismiss is governed by the `dismiss` policy
+ * (reflected as `data-dismiss`), with all events firing regardless. Focus moves
+ * are announced as `onOpenAutoFocus`/`onCloseAutoFocus` and can be targeted
+ * with `initialFocus`/`finalFocus`. Mounts only while open unless
+ * `forceMount={true}`.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogContent.d.ts

@@ -1,18 +1,20 @@
 import * as React from 'react';
 import type { DialogContentProps } from './types.js';
 /**
- * The dialog's panel: `role="dialog"`, labelled by `DialogTitle` and
- * described by `DialogDescription` via `aria-labelledby`/`aria-describedby`,
- * with `aria-modal` and `data-state` (`open`/`closed`) reflecting state.
- * When rendered under a modal `Dialog`, it traps focus and locks body
- * scroll while open. Closes on Escape, and — when modal — on an outside
- * interaction: either pointer-down outside or focus moving outside, each
- * reported to `onPointerDownOutside`/`onFocusOutside` and, just before them
- * and with the same event, to `onInteractOutside`. Any of those (or
- * `onEscapeKeyDown`) calling `event.preventDefault()` keeps it open.
- * The two focus moves the trap makes on the dialog's behalf are announced
- * first as `onOpenAutoFocus`/`onCloseAutoFocus`, cancelable the same way.
- * Mounts only while open unless `forceMount` is set.
+ * The dialog's panel: `role="dialog"` with `aria-modal` and `data-state`
+ * (`open`/`closed`), labelled by `DialogTitle` and described by
+ * `DialogDescription` via `aria-labelledby`/`aria-describedby` (emitted only
+ * when mounted, avoiding dangling references).
+ *
+ * Under modal mode, traps focus, locks body scroll, and marks the rest `inert`
+ * while open. Closes on Escape and (when modal) outside interaction
+ * (pointer-down or focus-out). Each dismissal fires to its handler and to
+ * `onInteractOutside` just before, with `event.preventDefault()` keeping it
+ * open. Which channels actually dismiss is governed by the `dismiss` policy
+ * (reflected as `data-dismiss`), with all events firing regardless. Focus moves
+ * are announced as `onOpenAutoFocus`/`onCloseAutoFocus` and can be targeted
+ * with `initialFocus`/`finalFocus`. Mounts only while open unless
+ * `forceMount={true}`.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogDescription.d.cts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { DialogDescriptionProps } from './types.cjs';
 /**
- * The dialog's accessible description: renders a `<p>` wired to
- * `DialogContent` via `aria-describedby`.
+ * Dialog's description: `<p>` wired to the root via `aria-describedby`.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogDescription.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { DialogDescriptionProps } from './types.js';
 /**
- * The dialog's accessible description: renders a `<p>` wired to
- * `DialogContent` via `aria-describedby`.
+ * Dialog's description: `<p>` wired to the root via `aria-describedby`.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogOverlay.d.cts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { DialogOverlayProps } from './types.cjs';
 /**
- * Backdrop rendered behind `DialogContent`, typically styled to dim the
- * page. Exposes `data-state` (`open`/`closed`) for animation and mounts
- * only while open unless `forceMount` is set.
+ * Backdrop behind `DialogContent` for dimming. Exposes `data-state` for animation; mounts only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogOverlay.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { DialogOverlayProps } from './types.js';
 /**
- * Backdrop rendered behind `DialogContent`, typically styled to dim the
- * page. Exposes `data-state` (`open`/`closed`) for animation and mounts
- * only while open unless `forceMount` is set.
+ * Backdrop behind `DialogContent` for dimming. Exposes `data-state` for animation; mounts only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogPortal.d.cts

@@ -1,8 +1,7 @@
 import type { DialogPortalProps } from './types.cjs';
 /**
- * Teleports `DialogOverlay` and `DialogContent` to `document.body` (or a
- * custom `container`), so the dialog escapes any clipping/`overflow`
- * ancestors. Mounts only while open unless `forceMount` is set.
+ * Teleports `DialogOverlay` and `DialogContent` to `document.body` (or a custom
+ * `container`). Mounts only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogPortal.d.ts

@@ -1,8 +1,7 @@
 import type { DialogPortalProps } from './types.js';
 /**
- * Teleports `DialogOverlay` and `DialogContent` to `document.body` (or a
- * custom `container`), so the dialog escapes any clipping/`overflow`
- * ancestors. Mounts only while open unless `forceMount` is set.
+ * Teleports `DialogOverlay` and `DialogContent` to `document.body` (or a custom
+ * `container`). Mounts only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogTrigger.d.cts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { DialogTriggerProps } from './types.cjs';
 /**
- * Button that opens the dialog when clicked. Sets `aria-haspopup="dialog"`,
- * `aria-expanded`, `aria-controls`, and `data-state` (`open`/`closed`).
+ * Button that opens the dialog. Sets `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and `data-state`.
  *
  * @example
  * ```tsx

package/dist/dialog/DialogTrigger.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { DialogTriggerProps } from './types.js';
 /**
- * Button that opens the dialog when clicked. Sets `aria-haspopup="dialog"`,
- * `aria-expanded`, `aria-controls`, and `data-state` (`open`/`closed`).
+ * Button that opens the dialog. Sets `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and `data-state`.
  *
  * @example
  * ```tsx

package/dist/dialog/focusTargets.d.cts

@@ -0,0 +1,9 @@
+/**
+ * Resolution of `DialogContent`'s `initialFocus` / `finalFocus` CSS selector strings.
+ * Strings survive as attributes on `<skdx-dialog-content>`; DOM nodes cannot cross
+ * attribute boundaries. Falling back to automatic targets (first tabbable on open,
+ * previously focused element on close), never throws — a stale selector just warns.
+ *
+ * @internal
+ */
+export declare function resolveFocusSelector(root: ParentNode, selector: string | undefined, prop: 'initialFocus' | 'finalFocus'): HTMLElement | null;

package/dist/dialog/focusTargets.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Resolution of `DialogContent`'s `initialFocus` / `finalFocus` CSS selector strings.
+ * Strings survive as attributes on `<skdx-dialog-content>`; DOM nodes cannot cross
+ * attribute boundaries. Falling back to automatic targets (first tabbable on open,
+ * previously focused element on close), never throws — a stale selector just warns.
+ *
+ * @internal
+ */
+export declare function resolveFocusSelector(root: ParentNode, selector: string | undefined, prop: 'initialFocus' | 'finalFocus'): HTMLElement | null;

package/dist/dialog/index.d.cts

@@ -1,9 +1,2 @@
 export * from './Dialog.cjs';
-export { DialogTrigger } from './DialogTrigger.cjs';
-export { DialogPortal } from './DialogPortal.cjs';
-export { DialogOverlay } from './DialogOverlay.cjs';
-export { DialogContent } from './DialogContent.cjs';
-export { DialogTitle } from './DialogTitle.cjs';
-export { DialogDescription } from './DialogDescription.cjs';
-export { DialogClose } from './DialogClose.cjs';
-export type { DialogProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, } from './types.cjs';
+export type { DialogDismiss, DialogProps } from './types.cjs';

package/dist/dialog/index.d.ts

@@ -1,9 +1,2 @@
 export * from './Dialog.js';
-export { DialogTrigger } from './DialogTrigger.js';
-export { DialogPortal } from './DialogPortal.js';
-export { DialogOverlay } from './DialogOverlay.js';
-export { DialogContent } from './DialogContent.js';
-export { DialogTitle } from './DialogTitle.js';
-export { DialogDescription } from './DialogDescription.js';
-export { DialogClose } from './DialogClose.js';
-export type { DialogProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, } from './types.js';
+export type { DialogDismiss, DialogProps } from './types.js';

package/dist/dialog/primitives.d.cts

@@ -0,0 +1,30 @@
+/**
+ * Primitives for `Dialog` — manual composition escape hatch.
+ *
+ * @example
+ * ```tsx
+ * import { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from '@skdx/react/primitives/dialog';
+ *
+ * <DialogRoot>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogPortal>
+ *     <DialogOverlay />
+ *     <DialogContent>
+ *       <DialogTitle>Edit profile</DialogTitle>
+ *       <DialogDescription>Make changes to your profile here.</DialogDescription>
+ *       <DialogClose>Close</DialogClose>
+ *     </DialogContent>
+ *   </DialogPortal>
+ * </DialogRoot>
+ * ```
+ */
+export { DialogRoot } from './Dialog.cjs';
+export { DialogTrigger } from './DialogTrigger.cjs';
+export { DialogPortal } from './DialogPortal.cjs';
+export { DialogOverlay } from './DialogOverlay.cjs';
+export { DialogContent } from './DialogContent.cjs';
+export { DialogTitle } from './DialogTitle.cjs';
+export { DialogDescription } from './DialogDescription.cjs';
+export { DialogClose } from './DialogClose.cjs';
+export type { DialogRootProps } from './Dialog.cjs';
+export type { DialogDismiss, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, } from './types.cjs';

package/dist/dialog/primitives.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Primitives for `Dialog` — manual composition escape hatch.
+ *
+ * @example
+ * ```tsx
+ * import { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from '@skdx/react/primitives/dialog';
+ *
+ * <DialogRoot>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogPortal>
+ *     <DialogOverlay />
+ *     <DialogContent>
+ *       <DialogTitle>Edit profile</DialogTitle>
+ *       <DialogDescription>Make changes to your profile here.</DialogDescription>
+ *       <DialogClose>Close</DialogClose>
+ *     </DialogContent>
+ *   </DialogPortal>
+ * </DialogRoot>
+ * ```
+ */
+export { DialogRoot } from './Dialog.js';
+export { DialogTrigger } from './DialogTrigger.js';
+export { DialogPortal } from './DialogPortal.js';
+export { DialogOverlay } from './DialogOverlay.js';
+export { DialogContent } from './DialogContent.js';
+export { DialogTitle } from './DialogTitle.js';
+export { DialogDescription } from './DialogDescription.js';
+export { DialogClose } from './DialogClose.js';
+export type { DialogRootProps } from './Dialog.js';
+export type { DialogDismiss, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, } from './types.js';