@skdx/react 0.28.0 → 0.29.0

package/dist/divider/types.d.cts

@@ -0,0 +1,19 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+/** Props for the {@link Divider} root. */
+export interface DividerProps extends PrimitivePropsWithRef<'hr'> {
+    /**
+     * Layout axis. Exposed as `data-orientation` and `aria-orientation` when not `decorative` (vertical only; horizontal is ARIA default).
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical' | undefined;
+    /**
+     * When true, the separator is purely visual and removed from the a11y tree.
+     * @default false
+     */
+    decorative?: boolean | undefined;
+    /**
+     * Insets the rule from its container edges, mirrored to `data-inset`.
+     * @default undefined — the rule spans the full width.
+     */
+    inset?: 'inset' | (string & {}) | undefined;
+}

package/dist/divider/types.d.ts

@@ -0,0 +1,19 @@
+import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+/** Props for the {@link Divider} root. */
+export interface DividerProps extends PrimitivePropsWithRef<'hr'> {
+    /**
+     * Layout axis. Exposed as `data-orientation` and `aria-orientation` when not `decorative` (vertical only; horizontal is ARIA default).
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical' | undefined;
+    /**
+     * When true, the separator is purely visual and removed from the a11y tree.
+     * @default false
+     */
+    decorative?: boolean | undefined;
+    /**
+     * Insets the rule from its container edges, mirrored to `data-inset`.
+     * @default undefined — the rule spans the full width.
+     */
+    inset?: 'inset' | (string & {}) | undefined;
+}

package/dist/drawer/Drawer.cjs

@@ -1 +1,2 @@
-"use strict";var xe=Object.create;var R=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Ee=Object.prototype.hasOwnProperty;var He=(e,r)=>{for(var t in r)R(e,t,{get:r[t],enumerable:!0})},q=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of be(r))!Ee.call(e,n)&&n!==t&&R(e,n,{get:()=>r[n],enumerable:!(a=Te(r,n))||a.enumerable});return e};var c=(e,r,t)=>(t=e!=null?xe(Oe(e)):{},q(r||!e||!e.__esModule?R(t,"default",{value:e,enumerable:!0}):t,e)),ke=e=>q(R({},"__esModule",{value:!0}),e);var Ne={};He(Ne,{Drawer:()=>ge,DrawerClose:()=>C,DrawerContent:()=>T,DrawerDescription:()=>O,DrawerOverlay:()=>E,DrawerPortal:()=>H,DrawerProvider:()=>he,DrawerRoot:()=>$,DrawerTitle:()=>F,DrawerTrigger:()=>ve,useDrawerContext:()=>i});module.exports=ke(Ne);var p=c(require("react"),1),ue=require("../utils/createContext.cjs"),we=require("../utils/useControllableState.cjs"),De=require("../utils/useOpenChangeComplete.cjs");var J=c(require("react"),1),K=require("../utils/part.cjs"),v=require("../utils/primitive.cjs");var W=require("react/jsx-runtime"),C=J.forwardRef((e,r)=>{let t=i("DrawerClose");return(0,W.jsx)(v.Primitive.button,{type:"button",...e,...(0,K.skdxPart)("drawer","close",e.className),ref:r,onClick:(0,v.composeEventHandlers)(e.onClick,()=>t.onOpenChange(!1))})});C.displayName="DrawerClose";var Q=c(require("react"),1),U=require("../utils/composeRefs.cjs"),w=require("../utils/direction.cjs"),X=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs"),Z=require("../utils/useBodyScrollLock.cjs"),_=require("../utils/useDismiss.cjs"),x=require("../utils/useFocusTrap.cjs"),j=require("../utils/useOutsideInert.cjs");var G=require("../utils/is-dev-mode.cjs"),z=new Set;function A(e,r,t){if(!r)return null;let a=null;try{a=e.querySelector(r)}catch{}if(a)return a;let n=`${t}:${r}`;return z.has(n)||(z.add(n),(0,G.isDevMode)()&&console.warn(`[skdx] DrawerContent: \`${t}="${r}"\` matched no element ${t==="initialFocus"?"inside the panel":"in the document"}, so focus ${t==="initialFocus"?"went to the panel's first tabbable element instead":"returned to whatever held it before the drawer opened instead"}. That fallback is why this is a warning rather than an error, and also why the mistake is otherwise invisible.`)),null}var ee=require("react/jsx-runtime"),T=Q.forwardRef(({forceMount:e,onEscapeKeyDown:r,onPointerDownOutside:t,onFocusOutside:a,onInteractOutside:n,onOpenAutoFocus:m,onCloseAutoFocus:D,initialFocus:h,finalFocus:g,...d},f)=>{let o=i("DrawerContent"),y=(0,U.useComposedRefs)(f,o.contentRef),M=(0,w.useDirection)(),L=o.dismiss==="any"||o.dismiss==="escape",P=o.dismiss==="any"||o.dismiss==="outside",S=s=>{if(m?.(s),s.defaultPrevented)return;let u=o.contentRef.current,V=u&&A(u,h,"initialFocus");V&&(s.preventDefault(),V.focus({preventScroll:!0}))},B=s=>{if(D?.(s),s.defaultPrevented)return;let u=A(document,g,"finalFocus");u&&(s.preventDefault(),u.focus({preventScroll:!0}))};return(0,Z.useBodyScrollLock)(o.open&&o.modal),(0,j.useOutsideInert)(o.contentRef,o.open&&o.modal),(0,x.useFocusTrap)(o.contentRef,o.open&&o.modal,{onOpenAutoFocus:S,onCloseAutoFocus:B}),(0,_.useDismiss)({enabled:o.open,onEscapeKeyDown:s=>{r?.(s),!(s.defaultPrevented||!L||(o.onOpenChange(!1),o.modal)||!o.contentRef.current?.contains(document.activeElement))&&(0,x.autoFocusEvent)("close-auto-focus",B)&&o.triggerRef.current?.focus()},onInteractOutside:n,onPointerDownOutside:s=>{t?.(s),!s.defaultPrevented&&P&&o.onOpenChange(!1)},onFocusOutside:s=>{a?.(s),!s.defaultPrevented&&P&&o.onOpenChange(!1)}},[o.contentRef,o.triggerRef]),e||o.open?(0,ee.jsx)(Y.Primitive.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-placement":o.placement,"data-side":(0,w.resolvePhysicalSide)(o.placement,(0,w.resolveDirection)(null,M)),"data-dismiss":o.dismiss,...d,...(0,X.skdxPart)("drawer","content",d.className),ref:y}):null});T.displayName="DrawerContent";var b=c(require("react"),1),re=require("../utils/part.cjs"),te=require("../utils/primitive.cjs");var oe=require("react/jsx-runtime"),O=b.forwardRef((e,r)=>{let t=i("DrawerDescription"),{setHasDescription:a}=t;return b.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,oe.jsx)(te.Primitive.p,{id:t.descriptionId,...e,...(0,re.skdxPart)("drawer","description",e.className),ref:r})});O.displayName="DrawerDescription";var ae=c(require("react"),1),ne=require("../utils/part.cjs"),se=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime"),E=ae.forwardRef(({forceMount:e,...r},t)=>{let a=i("DrawerOverlay");return e||a.open?(0,ie.jsx)(se.Primitive.div,{"data-state":a.open?"open":"closed",...r,...(0,ne.skdxPart)("drawer","overlay",r.className),ref:t,style:{pointerEvents:"auto",...r.style}}):null});E.displayName="DrawerOverlay";var le=require("../utils/portal.cjs");var pe=require("react/jsx-runtime"),H=({forceMount:e,children:r,...t})=>{let a=i("DrawerPortal");return e||a.open?(0,pe.jsx)(le.Portal,{...t,children:r}):null};H.displayName="DrawerPortal";var k=c(require("react"),1),me=require("../utils/part.cjs"),ce=require("../utils/primitive.cjs");var de=require("react/jsx-runtime"),F=k.forwardRef((e,r)=>{let t=i("DrawerTitle"),{setHasTitle:a}=t;return k.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,de.jsx)(ce.Primitive.h2,{id:t.titleId,...e,...(0,me.skdxPart)("drawer","title",e.className),ref:r})});F.displayName="DrawerTitle";var l=require("react/jsx-runtime"),Fe=()=>(0,l.jsx)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false",children:(0,l.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),fe=({title:e,description:r,footer:t,dismissible:a,children:n,passThrough:m})=>(0,l.jsxs)(H,{children:[(0,l.jsx)(E,{}),(0,l.jsxs)(T,{...m,children:[e?(0,l.jsx)(F,{children:e}):null,r?(0,l.jsx)(O,{children:r}):null,n,t,a?(0,l.jsx)(C,{"aria-label":"Close",children:(0,l.jsx)(Fe,{})}):null]})]});var N=require("react/jsx-runtime"),[he,i]=(0,ue.createSafeContext)("Drawer");function $({children:e,open:r,defaultOpen:t=!1,onOpenChange:a,onOpenChangeComplete:n,placement:m="end",modal:D=!0,dismiss:h="any",dismissible:g=!0}){let d=p.useRef(null),f=p.useRef(null),[o,y]=p.useState(!1),[M,L]=p.useState(!1),[P=!1,S]=(0,we.useControllableState)({prop:r,defaultProp:t,onChange:a});return(0,De.useOpenChangeComplete)(P,f,n),(0,N.jsx)(he,{triggerRef:d,contentRef:f,contentId:p.useId(),titleId:p.useId(),descriptionId:p.useId(),hasTitle:o,setHasTitle:y,hasDescription:M,setHasDescription:L,open:P,onOpenChange:S,placement:m,modal:D,dismiss:g?h:"none",children:e})}$.displayName="DrawerRoot";function ge({children:e,open:r,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:n,placement:m,modal:D,dismiss:h,title:g,description:d,footer:f,dismissible:o=!0,...y}){return(0,N.jsx)($,{open:r,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:n,placement:m,modal:D,dismiss:h,dismissible:o,children:(0,N.jsx)(fe,{title:g,description:d,footer:f,dismissible:o,passThrough:y,children:e})})}ge.displayName="Drawer";var ye=c(require("react"),1),Pe=require("../utils/composeRefs.cjs"),Re=require("../utils/part.cjs"),I=require("../utils/primitive.cjs");var Ce=require("react/jsx-runtime"),ve=ye.forwardRef((e,r)=>{let t=i("DrawerTrigger"),a=(0,Pe.useComposedRefs)(r,t.triggerRef);return(0,Ce.jsx)(I.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...e,...(0,Re.skdxPart)("drawer","trigger",e.className),ref:a,onClick:(0,I.composeEventHandlers)(e.onClick,()=>t.onOpenChange(!0))})});ve.displayName="DrawerTrigger";0&&(module.exports={Drawer,DrawerClose,DrawerContent,DrawerDescription,DrawerOverlay,DrawerPortal,DrawerProvider,DrawerRoot,DrawerTitle,DrawerTrigger,useDrawerContext});
+'use client';
+"use strict";var R=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var j=(o,r)=>{for(var t in r)R(o,t,{get:r[t],enumerable:!0})},ee=(o,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of _(r))!$.call(o,a)&&a!==t&&R(o,a,{get:()=>r[a],enumerable:!(i=Z(r,a))||i.enumerable});return o};var re=o=>ee(R({},"__esModule",{value:!0}),o);var te={};j(te,{Drawer:()=>q,DrawerContent:()=>y,DrawerPortal:()=>g,DrawerRoot:()=>C});module.exports=re(te);var H=require("../dialog/Dialog.cjs"),K=require("../utils/recipeAxis.cjs");var F=require("../dialog/Dialog.cjs"),L=require("../dialog/Dialog.cjs"),M=require("../dialog/Dialog.cjs"),W=require("../dialog/Dialog.cjs"),B=require("../utils/Glyph.cjs");var v=require("../dialog/Dialog.cjs"),b=require("../utils/appearance.cjs"),x=require("../utils/composeRefs.cjs"),c=require("../utils/direction.cjs"),T=require("../utils/focus-targets.cjs"),S=require("../utils/part.cjs"),E=require("../utils/primitive.cjs"),N=require("../utils/useBodyScrollLock.cjs"),I=require("../utils/useDismiss.cjs"),z=require("../utils/useFocusTrap.cjs"),J=require("../utils/useOutsideInert.cjs"),X=require("react/jsx-runtime"),y=({forceMount:o,onEscapeKeyDown:r,onPointerDownOutside:t,onFocusOutside:i,onInteractOutside:a,onOpenAutoFocus:p,onCloseAutoFocus:s,initialFocus:f,finalFocus:m,size:h,ref:P,...d})=>{let e=(0,v.useDialogContext)("DrawerContent"),{contentRef:D}=e,u=D,Q=(0,x.useComposedRefs)(P,u),U=(0,c.useDirection)(),V=e.dismiss==="any"||e.dismiss==="escape",O=e.dismiss==="any"||e.dismiss==="outside";return(0,N.useBodyScrollLock)(e.open&&e.modal),(0,J.useOutsideInert)(u,e.open&&e.modal),(0,z.useFocusTrap)(u,e.open&&e.modal,{onOpenAutoFocus:p,onCloseAutoFocus:s,initialFocus:f,finalFocus:m,family:"Drawer"}),(0,I.useDismiss)({enabled:e.open,onEscapeKeyDown:l=>{if(r?.(l),l.defaultPrevented||!V)return;let Y=!!u.current?.contains(document.activeElement);e.onOpenChange(!1),!(e.modal||!Y)&&(0,T.returnFocus)(m,"Drawer",e.triggerRef.current,s)},onInteractOutside:a,onPointerDownOutside:l=>{t?.(l),!l.defaultPrevented&&O&&e.onOpenChange(!1)},onFocusOutside:l=>{i?.(l),!l.defaultPrevented&&O&&e.onOpenChange(!1)}},[u,e.triggerRef]),o||e.open?(0,X.jsx)(E.Primitive.div,{role:"dialog","aria-modal":e.open&&e.modal?"true":void 0,"aria-labelledby":e.hasTitle?e.titleId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,id:e.contentId,"data-state":e.open?"open":"closed","data-placement":e.placement,"data-side":(0,c.resolvePhysicalSide)(e.placement,(0,c.resolveDirection)(null,U)),"data-dismiss":e.dismiss,...d,...(0,b.appearanceAttrs)({size:h},d),...(0,S.skdxPart)("drawer","content",d.className),ref:Q}):null};y.displayName="DrawerContent";var A=require("../dialog/Dialog.cjs"),k=require("react/jsx-runtime"),g=({forceMount:o,children:r,...t})=>(0,k.jsx)(A.OverlayPortal,{forceMount:o,...t,children:r});g.displayName="DrawerPortal";var n=require("react/jsx-runtime"),oe=()=>(0,n.jsx)(B.Glyph,{name:"close"}),G=({size:o,title:r,description:t,footer:i,dismissible:a,children:p,passThrough:s})=>(0,n.jsxs)(g,{children:[(0,n.jsx)(M.DialogOverlay,{}),(0,n.jsxs)(y,{...s,size:o,children:[r?(0,n.jsx)(W.DialogTitle,{children:r}):null,t?(0,n.jsx)(L.DialogDescription,{children:t}):null,p,i,a?(0,n.jsx)(F.DialogClose,{"aria-label":"Close",children:(0,n.jsx)(oe,{})}):null]})]});var w=require("react/jsx-runtime");function C({children:o,open:r,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:a,placement:p,modal:s=!0,dismiss:f="any",dismissible:m=!0}){return(0,w.jsx)(H.DialogStateProvider,{family:"drawer",open:r,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:a,placement:p,modal:s,dismiss:m?f:"none",children:o})}C.displayName="DrawerRoot";function q({children:o,open:r,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:a,placement:p,modal:s,dismiss:f,title:m,description:h,footer:P,dismissible:d=!0,size:e,...D}){return(0,w.jsx)(C,{open:r,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:a,placement:p,modal:s,dismiss:f,dismissible:d,children:(0,w.jsx)(G,{size:(0,K.recipeAxis)(e,D,"data-size"),title:m,description:h,footer:P,dismissible:d,passThrough:D,children:o})})}q.displayName="Drawer";0&&(module.exports={Drawer,DrawerContent,DrawerPortal,DrawerRoot});

package/dist/drawer/Drawer.d.cts

@@ -1,51 +1,16 @@
-import * as React from 'react';
-import type { DrawerContextValue, DrawerProps } from './types.cjs';
-export declare const DrawerProvider: {
-    (props: DrawerContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useDrawerContext: (consumerName: string) => DrawerContextValue;
+import type * as React from 'react';
+import type { DrawerProps } from './types.cjs';
 /** Props for {@link DrawerRoot}: {@link DrawerProps} minus the derived-anatomy-only props. */
 export type DrawerRootProps = Omit<DrawerProps, 'title' | 'description' | 'footer'>;
 /**
- * State/context primitive that owns open state, placement, and modality,
- * passing them to all drawer parts via context with no DOM element. The
- * `Drawer` recipe (below) wraps this with `DrawerAnatomy`, adding derived
- * anatomy. For full manual composition, use `DrawerRoot` from
- * `@skdx/react/primitives/drawer`.
+ * State/context primitive that owns open state, placement, and modality, passing them to all drawer parts via context with no DOM element of its own.
  */
-export declare function DrawerRoot({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, dismiss, dismissible, }: DrawerRootProps): React.JSX.Element;
+export declare function DrawerRoot({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, dismiss, dismissible, }: DrawerRootProps): React.JSX.Element;
 export declare namespace DrawerRoot {
     var displayName: string;
 }
 /**
- * Root of a drawer — a panel anchored to one edge of the viewport (side
- * sheet, navigation drawer, or `placement="bottom"` bottom sheet). Owns open
- * state, placement and modality, and hands them down to `DrawerTrigger` /
- * `DrawerPortal` / `DrawerOverlay` / `DrawerContent` / `DrawerTitle` /
- * `DrawerDescription` / `DrawerClose` via context. Renders no DOM element
- * itself.
- *
- * Always draws the derived anatomy from `title`/`description`/`footer`/
- * `dismissible`: portal, overlay, a derived title and description, the body
- * (`children`), the footer, and a close button. `children` is the panel's
- * body, never a switch — this component never inspects what it was given,
- * only whether it exists. For full manual composition of the parts, use
- * `DrawerRoot` from `@skdx/react/primitives/drawer` instead of this recipe.
- *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
- * When `modal` is true (the default), `DrawerContent` traps focus and locks
- * body scroll; a non-modal drawer skips both but still closes on Escape or an
- * outside interaction. `dismiss` is what switches those two channels off — and
- * the only thing that does, since (unlike Dialog) outside dismissal here is not
- * gated on `modal`. `dismissible={false}` is the recipe's coarser form of the
- * same thing — it forces `dismiss="none"` and withholds the derived close
- * button, regardless of `dismiss`.
- *
- * `placement` is logical — `start`/`end` mirror under `dir="rtl"` — and is
- * passed through to `data-placement` untouched; the CSS decides which physical
- * edge that is.
+ * Recipe for a drawer — a panel anchored to one edge of the viewport — deriving anatomy from `title`/`description`/`footer`/`dismissible`: portal, overlay, title, description, body, footer, and close button.
  *
  * @example
  * ```tsx
@@ -53,25 +18,8 @@ export declare namespace DrawerRoot {
  *   <NavLinks />
  * </Drawer>
  * ```
- *
- * @example Full manual composition, for anything the derived anatomy can't express — `@skdx/react/primitives/drawer`.
- * ```tsx
- * import { DrawerClose, DrawerContent, DrawerDescription, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger } from '@skdx/react/primitives/drawer';
- *
- * <DrawerRoot placement="start">
- *   <DrawerTrigger>Menu</DrawerTrigger>
- *   <DrawerPortal>
- *     <DrawerOverlay />
- *     <DrawerContent>
- *       <DrawerTitle>Navigation</DrawerTitle>
- *       <DrawerDescription>Jump to a section.</DrawerDescription>
- *       <DrawerClose>Close</DrawerClose>
- *     </DrawerContent>
- *   </DrawerPortal>
- * </DrawerRoot>
- * ```
  */
-export declare function Drawer({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, dismiss, title, description, footer, dismissible, ...rest }: DrawerProps): React.JSX.Element;
+export declare function Drawer({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, dismiss, title, description, footer, dismissible, size, ...rest }: DrawerProps): React.JSX.Element;
 export declare namespace Drawer {
     var displayName: string;
 }

package/dist/drawer/Drawer.d.ts

@@ -1,51 +1,16 @@
-import * as React from 'react';
-import type { DrawerContextValue, DrawerProps } from './types.js';
-export declare const DrawerProvider: {
-    (props: DrawerContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useDrawerContext: (consumerName: string) => DrawerContextValue;
+import type * as React from 'react';
+import type { DrawerProps } from './types.js';
 /** Props for {@link DrawerRoot}: {@link DrawerProps} minus the derived-anatomy-only props. */
 export type DrawerRootProps = Omit<DrawerProps, 'title' | 'description' | 'footer'>;
 /**
- * State/context primitive that owns open state, placement, and modality,
- * passing them to all drawer parts via context with no DOM element. The
- * `Drawer` recipe (below) wraps this with `DrawerAnatomy`, adding derived
- * anatomy. For full manual composition, use `DrawerRoot` from
- * `@skdx/react/primitives/drawer`.
+ * State/context primitive that owns open state, placement, and modality, passing them to all drawer parts via context with no DOM element of its own.
  */
-export declare function DrawerRoot({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, dismiss, dismissible, }: DrawerRootProps): React.JSX.Element;
+export declare function DrawerRoot({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, dismiss, dismissible, }: DrawerRootProps): React.JSX.Element;
 export declare namespace DrawerRoot {
     var displayName: string;
 }
 /**
- * Root of a drawer — a panel anchored to one edge of the viewport (side
- * sheet, navigation drawer, or `placement="bottom"` bottom sheet). Owns open
- * state, placement and modality, and hands them down to `DrawerTrigger` /
- * `DrawerPortal` / `DrawerOverlay` / `DrawerContent` / `DrawerTitle` /
- * `DrawerDescription` / `DrawerClose` via context. Renders no DOM element
- * itself.
- *
- * Always draws the derived anatomy from `title`/`description`/`footer`/
- * `dismissible`: portal, overlay, a derived title and description, the body
- * (`children`), the footer, and a close button. `children` is the panel's
- * body, never a switch — this component never inspects what it was given,
- * only whether it exists. For full manual composition of the parts, use
- * `DrawerRoot` from `@skdx/react/primitives/drawer` instead of this recipe.
- *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
- * When `modal` is true (the default), `DrawerContent` traps focus and locks
- * body scroll; a non-modal drawer skips both but still closes on Escape or an
- * outside interaction. `dismiss` is what switches those two channels off — and
- * the only thing that does, since (unlike Dialog) outside dismissal here is not
- * gated on `modal`. `dismissible={false}` is the recipe's coarser form of the
- * same thing — it forces `dismiss="none"` and withholds the derived close
- * button, regardless of `dismiss`.
- *
- * `placement` is logical — `start`/`end` mirror under `dir="rtl"` — and is
- * passed through to `data-placement` untouched; the CSS decides which physical
- * edge that is.
+ * Recipe for a drawer — a panel anchored to one edge of the viewport — deriving anatomy from `title`/`description`/`footer`/`dismissible`: portal, overlay, title, description, body, footer, and close button.
  *
  * @example
  * ```tsx
@@ -53,25 +18,8 @@ export declare namespace DrawerRoot {
  *   <NavLinks />
  * </Drawer>
  * ```
- *
- * @example Full manual composition, for anything the derived anatomy can't express — `@skdx/react/primitives/drawer`.
- * ```tsx
- * import { DrawerClose, DrawerContent, DrawerDescription, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger } from '@skdx/react/primitives/drawer';
- *
- * <DrawerRoot placement="start">
- *   <DrawerTrigger>Menu</DrawerTrigger>
- *   <DrawerPortal>
- *     <DrawerOverlay />
- *     <DrawerContent>
- *       <DrawerTitle>Navigation</DrawerTitle>
- *       <DrawerDescription>Jump to a section.</DrawerDescription>
- *       <DrawerClose>Close</DrawerClose>
- *     </DrawerContent>
- *   </DrawerPortal>
- * </DrawerRoot>
- * ```
  */
-export declare function Drawer({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, dismiss, title, description, footer, dismissible, ...rest }: DrawerProps): React.JSX.Element;
+export declare function Drawer({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, placement, modal, dismiss, title, description, footer, dismissible, size, ...rest }: DrawerProps): React.JSX.Element;
 export declare namespace Drawer {
     var displayName: string;
 }

package/dist/drawer/Drawer.js

@@ -1 +1,2 @@
-import*as l from"react";import{createSafeContext as he}from"../utils/createContext.js";import{useControllableState as ge}from"../utils/useControllableState.js";import{useOpenChangeComplete as ye}from"../utils/useOpenChangeComplete.js";import*as M from"react";import{skdxPart as J}from"../utils/part.js";import{composeEventHandlers as K,Primitive as W}from"../utils/primitive.js";import{jsx as z}from"react/jsx-runtime";var x=M.forwardRef((t,o)=>{let r=s("DrawerClose");return z(W.button,{type:"button",...t,...J("drawer","close",t.className),ref:o,onClick:K(t.onClick,()=>r.onOpenChange(!1))})});x.displayName="DrawerClose";import*as S from"react";import{useComposedRefs as Q}from"../utils/composeRefs.js";import{resolveDirection as U,resolvePhysicalSide as X,useDirection as Y}from"../utils/direction.js";import{skdxPart as Z}from"../utils/part.js";import{Primitive as _}from"../utils/primitive.js";import{useBodyScrollLock as j}from"../utils/useBodyScrollLock.js";import{useDismiss as ee}from"../utils/useDismiss.js";import{autoFocusEvent as re,useFocusTrap as te}from"../utils/useFocusTrap.js";import{useOutsideInert as oe}from"../utils/useOutsideInert.js";import{isDevMode as G}from"../utils/is-dev-mode.js";var L=new Set;function T(t,o,r){if(!o)return null;let a=null;try{a=t.querySelector(o)}catch{}if(a)return a;let i=`${r}:${o}`;return L.has(i)||(L.add(i),G()&&console.warn(`[skdx] DrawerContent: \`${r}="${o}"\` matched no element ${r==="initialFocus"?"inside the panel":"in the document"}, so focus ${r==="initialFocus"?"went to the panel's first tabbable element instead":"returned to whatever held it before the drawer opened instead"}. That fallback is why this is a warning rather than an error, and also why the mistake is otherwise invisible.`)),null}import{jsx as ae}from"react/jsx-runtime";var b=S.forwardRef(({forceMount:t,onEscapeKeyDown:o,onPointerDownOutside:r,onFocusOutside:a,onInteractOutside:i,onOpenAutoFocus:p,onCloseAutoFocus:u,initialFocus:w,finalFocus:D,...c},d)=>{let e=s("DrawerContent"),h=Q(d,e.contentRef),R=Y(),v=e.dismiss==="any"||e.dismiss==="escape",g=e.dismiss==="any"||e.dismiss==="outside",C=n=>{if(p?.(n),n.defaultPrevented)return;let f=e.contentRef.current,I=f&&T(f,w,"initialFocus");I&&(n.preventDefault(),I.focus({preventScroll:!0}))},N=n=>{if(u?.(n),n.defaultPrevented)return;let f=T(document,D,"finalFocus");f&&(n.preventDefault(),f.focus({preventScroll:!0}))};return j(e.open&&e.modal),oe(e.contentRef,e.open&&e.modal),te(e.contentRef,e.open&&e.modal,{onOpenAutoFocus:C,onCloseAutoFocus:N}),ee({enabled:e.open,onEscapeKeyDown:n=>{o?.(n),!(n.defaultPrevented||!v||(e.onOpenChange(!1),e.modal)||!e.contentRef.current?.contains(document.activeElement))&&re("close-auto-focus",N)&&e.triggerRef.current?.focus()},onInteractOutside:i,onPointerDownOutside:n=>{r?.(n),!n.defaultPrevented&&g&&e.onOpenChange(!1)},onFocusOutside:n=>{a?.(n),!n.defaultPrevented&&g&&e.onOpenChange(!1)}},[e.contentRef,e.triggerRef]),t||e.open?ae(_.div,{role:"dialog","aria-modal":e.modal||void 0,"aria-labelledby":e.hasTitle?e.titleId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,id:e.contentId,"data-state":e.open?"open":"closed","data-placement":e.placement,"data-side":X(e.placement,U(null,R)),"data-dismiss":e.dismiss,...c,...Z("drawer","content",c.className),ref:h}):null});b.displayName="DrawerContent";import*as y from"react";import{skdxPart as ne}from"../utils/part.js";import{Primitive as se}from"../utils/primitive.js";import{jsx as ie}from"react/jsx-runtime";var O=y.forwardRef((t,o)=>{let r=s("DrawerDescription"),{setHasDescription:a}=r;return y.useEffect(()=>(a(!0),()=>a(!1)),[a]),ie(se.p,{id:r.descriptionId,...t,...ne("drawer","description",t.className),ref:o})});O.displayName="DrawerDescription";import*as A from"react";import{skdxPart as le}from"../utils/part.js";import{Primitive as pe}from"../utils/primitive.js";import{jsx as me}from"react/jsx-runtime";var E=A.forwardRef(({forceMount:t,...o},r)=>{let a=s("DrawerOverlay");return t||a.open?me(pe.div,{"data-state":a.open?"open":"closed",...o,...le("drawer","overlay",o.className),ref:r,style:{pointerEvents:"auto",...o.style}}):null});E.displayName="DrawerOverlay";import{Portal as ce}from"../utils/portal.js";import{jsx as de}from"react/jsx-runtime";var H=({forceMount:t,children:o,...r})=>{let a=s("DrawerPortal");return t||a.open?de(ce,{...r,children:o}):null};H.displayName="DrawerPortal";import*as P from"react";import{skdxPart as fe}from"../utils/part.js";import{Primitive as ue}from"../utils/primitive.js";import{jsx as we}from"react/jsx-runtime";var k=P.forwardRef((t,o)=>{let r=s("DrawerTitle"),{setHasTitle:a}=r;return P.useEffect(()=>(a(!0),()=>a(!1)),[a]),we(ue.h2,{id:r.titleId,...t,...fe("drawer","title",t.className),ref:o})});k.displayName="DrawerTitle";import{jsx as m,jsxs as $}from"react/jsx-runtime";var De=()=>m("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false",children:m("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),B=({title:t,description:o,footer:r,dismissible:a,children:i,passThrough:p})=>$(H,{children:[m(E,{}),$(b,{...p,children:[t?m(k,{children:t}):null,o?m(O,{children:o}):null,i,r,a?m(x,{"aria-label":"Close",children:m(De,{})}):null]})]});import{jsx as F}from"react/jsx-runtime";var[Pe,s]=he("Drawer");function V({children:t,open:o,defaultOpen:r=!1,onOpenChange:a,onOpenChangeComplete:i,placement:p="end",modal:u=!0,dismiss:w="any",dismissible:D=!0}){let c=l.useRef(null),d=l.useRef(null),[e,h]=l.useState(!1),[R,v]=l.useState(!1),[g=!1,C]=ge({prop:o,defaultProp:r,onChange:a});return ye(g,d,i),F(Pe,{triggerRef:c,contentRef:d,contentId:l.useId(),titleId:l.useId(),descriptionId:l.useId(),hasTitle:e,setHasTitle:h,hasDescription:R,setHasDescription:v,open:g,onOpenChange:C,placement:p,modal:u,dismiss:D?w:"none",children:t})}V.displayName="DrawerRoot";function Re({children:t,open:o,defaultOpen:r,onOpenChange:a,onOpenChangeComplete:i,placement:p,modal:u,dismiss:w,title:D,description:c,footer:d,dismissible:e=!0,...h}){return F(V,{open:o,defaultOpen:r,onOpenChange:a,onOpenChangeComplete:i,placement:p,modal:u,dismiss:w,dismissible:e,children:F(B,{title:D,description:c,footer:d,dismissible:e,passThrough:h,children:t})})}Re.displayName="Drawer";import*as q from"react";import{useComposedRefs as ve}from"../utils/composeRefs.js";import{skdxPart as Ce}from"../utils/part.js";import{composeEventHandlers as xe,Primitive as Te}from"../utils/primitive.js";import{jsx as Oe}from"react/jsx-runtime";var be=q.forwardRef((t,o)=>{let r=s("DrawerTrigger"),a=ve(o,r.triggerRef);return Oe(Te.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":r.open?"open":"closed",...t,...Ce("drawer","trigger",t.className),ref:a,onClick:xe(t.onClick,()=>r.onOpenChange(!0))})});be.displayName="DrawerTrigger";export{Re as Drawer,x as DrawerClose,b as DrawerContent,O as DrawerDescription,E as DrawerOverlay,H as DrawerPortal,Pe as DrawerProvider,V as DrawerRoot,k as DrawerTitle,be as DrawerTrigger,s as useDrawerContext};
+'use client';
+import{DialogStateProvider as Z}from"../dialog/Dialog.js";import{recipeAxis as _}from"../utils/recipeAxis.js";import{DialogClose as K}from"../dialog/Dialog.js";import{DialogDescription as q}from"../dialog/Dialog.js";import{DialogOverlay as Q}from"../dialog/Dialog.js";import{DialogTitle as U}from"../dialog/Dialog.js";import{Glyph as V}from"../utils/Glyph.js";import{useDialogContext as S}from"../dialog/Dialog.js";import{appearanceAttrs as E}from"../utils/appearance.js";import{useComposedRefs as N}from"../utils/composeRefs.js";import{resolveDirection as I,resolvePhysicalSide as z,useDirection as J}from"../utils/direction.js";import{returnFocus as X}from"../utils/focus-targets.js";import{skdxPart as A}from"../utils/part.js";import{Primitive as k}from"../utils/primitive.js";import{useBodyScrollLock as F}from"../utils/useBodyScrollLock.js";import{useDismiss as L}from"../utils/useDismiss.js";import{useFocusTrap as M}from"../utils/useFocusTrap.js";import{useOutsideInert as W}from"../utils/useOutsideInert.js";import{jsx as B}from"react/jsx-runtime";var g=({forceMount:t,onEscapeKeyDown:r,onPointerDownOutside:o,onFocusOutside:n,onInteractOutside:s,onOpenAutoFocus:l,onCloseAutoFocus:a,initialFocus:c,finalFocus:p,size:D,ref:y,...m})=>{let e=S("DrawerContent"),{contentRef:u}=e,f=u,v=N(y,f),b=J(),x=e.dismiss==="any"||e.dismiss==="escape",P=e.dismiss==="any"||e.dismiss==="outside";return F(e.open&&e.modal),W(f,e.open&&e.modal),M(f,e.open&&e.modal,{onOpenAutoFocus:l,onCloseAutoFocus:a,initialFocus:c,finalFocus:p,family:"Drawer"}),L({enabled:e.open,onEscapeKeyDown:i=>{if(r?.(i),i.defaultPrevented||!x)return;let T=!!f.current?.contains(document.activeElement);e.onOpenChange(!1),!(e.modal||!T)&&X(p,"Drawer",e.triggerRef.current,a)},onInteractOutside:s,onPointerDownOutside:i=>{o?.(i),!i.defaultPrevented&&P&&e.onOpenChange(!1)},onFocusOutside:i=>{n?.(i),!i.defaultPrevented&&P&&e.onOpenChange(!1)}},[f,e.triggerRef]),t||e.open?B(k.div,{role:"dialog","aria-modal":e.open&&e.modal?"true":void 0,"aria-labelledby":e.hasTitle?e.titleId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,id:e.contentId,"data-state":e.open?"open":"closed","data-placement":e.placement,"data-side":z(e.placement,I(null,b)),"data-dismiss":e.dismiss,...m,...E({size:D},m),...A("drawer","content",m.className),ref:v}):null};g.displayName="DrawerContent";import{OverlayPortal as G}from"../dialog/Dialog.js";import{jsx as H}from"react/jsx-runtime";var w=({forceMount:t,children:r,...o})=>H(G,{forceMount:t,...o,children:r});w.displayName="DrawerPortal";import{jsx as d,jsxs as R}from"react/jsx-runtime";var Y=()=>d(V,{name:"close"}),C=({size:t,title:r,description:o,footer:n,dismissible:s,children:l,passThrough:a})=>R(w,{children:[d(Q,{}),R(g,{...a,size:t,children:[r?d(U,{children:r}):null,o?d(q,{children:o}):null,l,n,s?d(K,{"aria-label":"Close",children:d(Y,{})}):null]})]});import{jsx as h}from"react/jsx-runtime";function O({children:t,open:r,defaultOpen:o,onOpenChange:n,onOpenChangeComplete:s,placement:l,modal:a=!0,dismiss:c="any",dismissible:p=!0}){return h(Z,{family:"drawer",open:r,defaultOpen:o,onOpenChange:n,onOpenChangeComplete:s,placement:l,modal:a,dismiss:p?c:"none",children:t})}O.displayName="DrawerRoot";function $({children:t,open:r,defaultOpen:o,onOpenChange:n,onOpenChangeComplete:s,placement:l,modal:a,dismiss:c,title:p,description:D,footer:y,dismissible:m=!0,size:e,...u}){return h(O,{open:r,defaultOpen:o,onOpenChange:n,onOpenChangeComplete:s,placement:l,modal:a,dismiss:c,dismissible:m,children:h(C,{size:_(e,u,"data-size"),title:p,description:D,footer:y,dismissible:m,passThrough:u,children:t})})}$.displayName="Drawer";export{$ as Drawer,g as DrawerContent,w as DrawerPortal,O as DrawerRoot};

package/dist/drawer/DrawerAnatomy.d.cts

@@ -1,18 +1,17 @@
 import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.cjs';
+import type { DrawerContentProps } from './types.cjs';
 /**
- * The anatomy a {@link Drawer} draws for plain body content: the portal,
- * overlay, and panel, with `DrawerTitle`/`DrawerDescription` derived from
- * `title`/`description`, the body in the middle, `footer` after it, and a
- * close button when `dismissible`.
+ * Default {@link Drawer} anatomy: portal, overlay, panel with derived title/description, body, footer, and close button.
  *
  * @internal
  */
-export declare const DrawerAnatomy: ({ title, description, footer, dismissible, children, passThrough, }: {
-    title?: string;
-    description?: string;
-    footer?: React.ReactNode;
+export declare const DrawerAnatomy: ({ size, title, description, footer, dismissible, children, passThrough, }: {
+    size?: DrawerContentProps["size"] | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    footer?: React.ReactNode | undefined;
     dismissible: boolean;
-    children?: React.ReactNode;
-    passThrough?: PassThroughProps;
+    children?: React.ReactNode | undefined;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;

package/dist/drawer/DrawerAnatomy.d.ts

@@ -1,18 +1,17 @@
 import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.js';
+import type { DrawerContentProps } from './types.js';
 /**
- * The anatomy a {@link Drawer} draws for plain body content: the portal,
- * overlay, and panel, with `DrawerTitle`/`DrawerDescription` derived from
- * `title`/`description`, the body in the middle, `footer` after it, and a
- * close button when `dismissible`.
+ * Default {@link Drawer} anatomy: portal, overlay, panel with derived title/description, body, footer, and close button.
  *
  * @internal
  */
-export declare const DrawerAnatomy: ({ title, description, footer, dismissible, children, passThrough, }: {
-    title?: string;
-    description?: string;
-    footer?: React.ReactNode;
+export declare const DrawerAnatomy: ({ size, title, description, footer, dismissible, children, passThrough, }: {
+    size?: DrawerContentProps["size"] | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    footer?: React.ReactNode | undefined;
     dismissible: boolean;
-    children?: React.ReactNode;
-    passThrough?: PassThroughProps;
+    children?: React.ReactNode | undefined;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;

package/dist/drawer/DrawerContent.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { DrawerContentProps } from './types.cjs';
 /**
- * Drawer panel: `role="dialog"`, labelled by Title/Description. Modal traps focus,
- * locks scroll, marks outside `inert`. Closes on Escape/outside interaction. Position
- * yourself via `data-placement`. Focus moves announced via `onOpenAutoFocus`/`onCloseAutoFocus`.
+ * Drawer panel — `role="dialog"`, labelled by Title/Description, trapping focus and locking scroll under modal, positioned via `data-placement`.
  *
  * @example
  * ```tsx
@@ -16,4 +14,7 @@ import type { DrawerContentProps } from './types.cjs';
  * </DrawerPortal>
  * ```
  */
-export declare const DrawerContent: React.ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerContent: {
+    ({ forceMount, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onOpenAutoFocus, onCloseAutoFocus, initialFocus, finalFocus, size, ref: forwardedRef, ...props }: DrawerContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/drawer/DrawerContent.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { DrawerContentProps } from './types.js';
 /**
- * Drawer panel: `role="dialog"`, labelled by Title/Description. Modal traps focus,
- * locks scroll, marks outside `inert`. Closes on Escape/outside interaction. Position
- * yourself via `data-placement`. Focus moves announced via `onOpenAutoFocus`/`onCloseAutoFocus`.
+ * Drawer panel — `role="dialog"`, labelled by Title/Description, trapping focus and locking scroll under modal, positioned via `data-placement`.
  *
  * @example
  * ```tsx
@@ -16,4 +14,7 @@ import type { DrawerContentProps } from './types.js';
  * </DrawerPortal>
  * ```
  */
-export declare const DrawerContent: React.ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerContent: {
+    ({ forceMount, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onOpenAutoFocus, onCloseAutoFocus, initialFocus, finalFocus, size, ref: forwardedRef, ...props }: DrawerContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/drawer/DrawerPortal.d.cts

@@ -1,8 +1,7 @@
+import type { JSX } from 'react';
 import type { DrawerPortalProps } from './types.cjs';
 /**
- * Teleports `DrawerOverlay` and `DrawerContent` to `document.body` or `container`,
- * escaping clipping/overflow, including `transform`/`filter`/`contain`.
- * Mounts only while open unless `forceMount` is set.
+ * Teleports `DrawerOverlay` and `DrawerContent` to `document.body` or `container`, mounting only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx
@@ -16,6 +15,6 @@ import type { DrawerPortalProps } from './types.cjs';
  * ```
  */
 export declare const DrawerPortal: {
-    ({ forceMount, children, ...props }: DrawerPortalProps): import("react").JSX.Element | null;
+    ({ forceMount, children, ...props }: DrawerPortalProps): JSX.Element | null;
     displayName: string;
 };

package/dist/drawer/DrawerPortal.d.ts

@@ -1,8 +1,7 @@
+import type { JSX } from 'react';
 import type { DrawerPortalProps } from './types.js';
 /**
- * Teleports `DrawerOverlay` and `DrawerContent` to `document.body` or `container`,
- * escaping clipping/overflow, including `transform`/`filter`/`contain`.
- * Mounts only while open unless `forceMount` is set.
+ * Teleports `DrawerOverlay` and `DrawerContent` to `document.body` or `container`, mounting only while open unless `forceMount` is set.
  *
  * @example
  * ```tsx
@@ -16,6 +15,6 @@ import type { DrawerPortalProps } from './types.js';
  * ```
  */
 export declare const DrawerPortal: {
-    ({ forceMount, children, ...props }: DrawerPortalProps): import("react").JSX.Element | null;
+    ({ forceMount, children, ...props }: DrawerPortalProps): JSX.Element | null;
     displayName: string;
 };

package/dist/drawer/primitives.d.cts

@@ -19,12 +19,12 @@
  * ```
  */
 export { DrawerRoot } from './Drawer.cjs';
-export { DrawerTrigger } from './DrawerTrigger.cjs';
+export { DialogTrigger as DrawerTrigger } from '../dialog/DialogTrigger.cjs';
 export { DrawerPortal } from './DrawerPortal.cjs';
-export { DrawerOverlay } from './DrawerOverlay.cjs';
+export { DialogOverlay as DrawerOverlay } from '../dialog/DialogOverlay.cjs';
 export { DrawerContent } from './DrawerContent.cjs';
-export { DrawerTitle } from './DrawerTitle.cjs';
-export { DrawerDescription } from './DrawerDescription.cjs';
-export { DrawerClose } from './DrawerClose.cjs';
+export { DialogTitle as DrawerTitle } from '../dialog/DialogTitle.cjs';
+export { DialogDescription as DrawerDescription } from '../dialog/DialogDescription.cjs';
+export { DialogClose as DrawerClose } from '../dialog/DialogClose.cjs';
 export type { DrawerRootProps } from './Drawer.cjs';
 export type { DrawerPlacement, DrawerDismiss, DrawerTriggerProps, DrawerPortalProps, DrawerOverlayProps, DrawerContentProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, } from './types.cjs';

package/dist/drawer/primitives.d.ts

@@ -19,12 +19,12 @@
  * ```
  */
 export { DrawerRoot } from './Drawer.js';
-export { DrawerTrigger } from './DrawerTrigger.js';
+export { DialogTrigger as DrawerTrigger } from '../dialog/DialogTrigger.js';
 export { DrawerPortal } from './DrawerPortal.js';
-export { DrawerOverlay } from './DrawerOverlay.js';
+export { DialogOverlay as DrawerOverlay } from '../dialog/DialogOverlay.js';
 export { DrawerContent } from './DrawerContent.js';
-export { DrawerTitle } from './DrawerTitle.js';
-export { DrawerDescription } from './DrawerDescription.js';
-export { DrawerClose } from './DrawerClose.js';
+export { DialogTitle as DrawerTitle } from '../dialog/DialogTitle.js';
+export { DialogDescription as DrawerDescription } from '../dialog/DialogDescription.js';
+export { DialogClose as DrawerClose } from '../dialog/DialogClose.js';
 export type { DrawerRootProps } from './Drawer.js';
 export type { DrawerPlacement, DrawerDismiss, DrawerTriggerProps, DrawerPortalProps, DrawerOverlayProps, DrawerContentProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, } from './types.js';