@mortenbrudvik/waveui 0.7.0 → 0.8.0

package/dist/components/overlays/Drawer.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../hooks/useId.cjs"),o=require("../../hooks/useMergedRefs.cjs"),s=require("../../hooks/useIsClient.cjs"),c=require("../portal/Portal.cjs"),l=require("../button/Button.cjs"),ee=require("../../lib/icons.cjs"),te=require("../../hooks/useModalLayer.cjs"),u=require("./Dialog.shared.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=d.createContext(null);p.displayName=`DrawerContext`;var m={open:!1,requestOpen:()=>{},trigger:u.inertModalTrigger,panelId:``,inPanel:!1};function h(e){return u.useRequiredContext(p,e,`Drawer`,()=>m)}var g={start:`start-0 border-e`,end:`end-0 border-s`,left:`left-0 border-r`,right:`right-0 border-l`},_=`Drawer.Trigger:nested`,v="Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.",y=`Drawer:unreachable`,b="Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.",x=1e3,S=e=>{let{open:t,requestOpen:n,trigger:i,panelId:a,inPanel:o}=h(`Drawer.Trigger`);return d.useEffect(()=>{o&&r.warnOnce(_,v)},[o]),u.useModalTriggerPart({open:t,requestOpen:n,trigger:i,controlsId:a},e,`Drawer.Trigger`)};S.displayName=`DrawerTrigger`;var C=e=>{let{requestOpen:t}=h(`Drawer.Close`);return u.useModalClosePart(t,e,`Drawer.Close`)};C.displayName=`DrawerClose`;var w=({id:e,className:n,children:r,ref:i,...a})=>{let{id:o,ref:s}=u.useModalTitle(`Drawer.Title`,`Drawer`,e,i);return(0,f.jsx)(`h2`,{...a,id:o,ref:s,className:t.cn(`text-subtitle-1 font-semibold text-foreground`,n),children:r})};w.displayName=`DrawerTitle`;var T=32;function E(e){let t=(e,r,i)=>{if(i>T||typeof e!=`object`||!e)return!1;if(Array.isArray(e))return e.some(e=>t(e,r,i));if(!d.isValidElement(e))return!1;let a=n.getElementType(e,{suspend:!1});if(a===S)return r>0;let o=a===d.Fragment;if(typeof a!=`string`&&!o)return!1;let{children:s}=e.props;return t(s,o?r:r+1,i+1)};return t(e,0,0)}function D(e){let t=[],r=[];for(let{key:i,node:a}of n.flattenChildren(e)){let e=d.isValidElement(a)?d.cloneElement(a,{key:i}):a;n.isElementOfType(a,S)?t.push(e):r.push(e)}return{triggers:t,content:r}}var O=({open:e,defaultOpen:n,onOpenChange:m,position:h=`end`,title:S,closeLabel:C=`Close`,finalFocusRef:w,children:T,className:O,id:k,ref:A,...j})=>{let[M,N]=u.useModalOpenState(e,n,m),P=s.useIsClient(),F=M&&P,I=u.useModalTrigger(),L=a.useId(`wave-drawer`),R=k??L,z=a.useId(`wave-drawer-title`),B=u.useTitleRegistry(),[V,H]=d.useState(null),U=d.useRef(null),W=d.useCallback(e=>{U.current=e,H(e)},[]),G=o.useMergedRefs(A,W),K=u.useBackdropPress(U,!0),q=u.useModalDismiss(N,`Drawer`,K.afterOutsidePress),ne=te.useModalLayer({open:F,onDismiss:q,refs:[U],container:V,triggerRef:I.focusRef,finalFocusRef:w});u.useModalTriggerSession(I,F),u.useUnnamedModalWarning(F?V:null,B.hasTitle,`Drawer`,`Drawer.Title`);let{triggers:J,content:re}=D(T),Y=d.useRef(!1);d.useEffect(()=>{r.isDev&&!Y.current&&E(T)&&(Y.current=!0,r.warnOnce(_,v))},[T]);let X=e===void 0&&!n&&J.length===0,Z=d.useRef({unreachable:X,children:T});d.useLayoutEffect(()=>{Z.current={unreachable:X,children:T}}),d.useEffect(()=>{if(!r.isDev||!Z.current.unreachable)return;let e=setTimeout(()=>{let e=Z.current;e.unreachable&&!E(e.children)&&r.warnOnce(y,b)},x);return()=>clearTimeout(e)},[]);let Q=d.useMemo(()=>({open:F,requestOpen:N,trigger:I,panelId:R,inPanel:!1}),[F,N,I,R]),ie=d.useMemo(()=>({...Q,inPanel:!0}),[Q]),$=i.slotRendersContent(S);return(0,f.jsxs)(p.Provider,{value:Q,children:[J,F&&(0,f.jsx)(c.Portal,{layerId:ne.layerId,children:(0,f.jsx)(`div`,{className:`fixed inset-0 bg-backdrop`,onMouseDown:K.onMouseDown,children:(0,f.jsx)(`div`,{ref:G,role:`dialog`,id:R,"aria-labelledby":$?z:B.titleId,tabIndex:-1,...j,className:t.cn(`fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64`,g[h],O),children:(0,f.jsx)(p.Provider,{value:ie,children:(0,f.jsxs)(u.ModalSurfaceContext.Provider,{value:B.context,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b border-border p-4`,children:[$&&(0,f.jsx)(`h2`,{id:z,className:`text-subtitle-1 font-semibold`,children:S}),(0,f.jsx)(l.Button,{appearance:`subtle`,size:`small`,icon:(0,f.jsx)(ee.DismissIcon,{}),"aria-label":C,onClick:e=>N(!1,{reason:`close-button`,event:e.nativeEvent}),className:`ms-auto text-muted-foreground`})]}),(0,f.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-4`,children:re})]})})})})})]})};O.displayName=`Drawer`;var k=Object.assign(O,{Trigger:S,Close:C,Title:w});exports.Drawer=k,exports.DrawerClose=C,exports.DrawerTitle=w,exports.DrawerTrigger=S;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../hooks/useId.cjs"),s=require("../../hooks/useMergedRefs.cjs"),c=require("../../hooks/useIsClient.cjs"),ee=require("../portal/Portal.cjs"),te=require("../button/Button.cjs"),l=require("../../lib/icons.cjs"),ne=require("../../hooks/useModalLayer.cjs"),u=require("./Dialog.shared.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=d.createContext(null);p.displayName=`DrawerContext`;var m={open:!1,requestOpen:()=>{},trigger:u.inertModalTrigger,panelId:``,inPanel:!1};function h(e){return u.useRequiredContext(p,e,`Drawer`,()=>m)}var g={start:`start-0 border-e`,end:`end-0 border-s`,left:`left-0 border-r`,right:`right-0 border-l`},_=`Drawer.Trigger:nested`,v="Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.",y=`Drawer:unreachable`,b="Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.",x=1e3,S=e=>{let{open:t,requestOpen:n,trigger:i,panelId:a,inPanel:o}=h(`Drawer.Trigger`);return d.useEffect(()=>{o&&r.warnOnce(_,v)},[o]),u.useModalTriggerPart({open:t,requestOpen:n,trigger:i,controlsId:a},e,`Drawer.Trigger`)};S.displayName=`DrawerTrigger`;var C=e=>{let{requestOpen:t}=h(`Drawer.Close`);return u.useModalClosePart(t,e,`Drawer.Close`)};C.displayName=`DrawerClose`;var w=({id:e,className:n,children:r,ref:i,...o})=>{let{id:s,ref:c}=u.useModalTitle(`Drawer.Title`,`Drawer`,e,i);return(0,f.jsx)(`h2`,{...o,id:s,ref:c,className:t.cn(a.drawerTitleClassNames.root,`text-subtitle-1 font-semibold text-foreground`,n),children:r})};w.displayName=`DrawerTitle`;var T=32;function E(e){let t=(e,r,i)=>{if(i>T||typeof e!=`object`||!e)return!1;if(Array.isArray(e))return e.some(e=>t(e,r,i));if(!d.isValidElement(e))return!1;let a=n.getElementType(e,{suspend:!1});if(a===S)return r>0;let o=a===d.Fragment;if(typeof a!=`string`&&!o)return!1;let{children:s}=e.props;return t(s,o?r:r+1,i+1)};return t(e,0,0)}function re(e){let t=[],r=[];for(let{key:i,node:a}of n.flattenChildren(e)){let e=d.isValidElement(a)?d.cloneElement(a,{key:i}):a;n.isElementOfType(a,S)?t.push(e):r.push(e)}return{triggers:t,content:r}}var D=({open:e,defaultOpen:n,onOpenChange:m,position:h=`end`,title:S,closeLabel:C=`Close`,finalFocusRef:w,children:T,className:D,id:O,ref:k,...A})=>{let[j,M]=u.useModalOpenState(e,n,m),ie=c.useIsClient(),N=j&&ie,P=u.useModalTrigger(),F=o.useId(`wave-drawer`),I=O??F,L=o.useId(`wave-drawer-title`),R=u.useTitleRegistry(),[z,B]=d.useState(null),V=d.useRef(null),H=d.useCallback(e=>{V.current=e,B(e)},[]),U=s.useMergedRefs(k,H),W=u.useBackdropPress(V,!0),G=u.useModalDismiss(M,`Drawer`,W.afterOutsidePress),K=ne.useModalLayer({open:N,onDismiss:G,refs:[V],container:z,triggerRef:P.focusRef,finalFocusRef:w});u.useModalTriggerSession(P,N),u.useUnnamedModalWarning(N?z:null,R.hasTitle,`Drawer`,`Drawer.Title`);let{triggers:q,content:J}=re(T),Y=d.useRef(!1);d.useEffect(()=>{r.isDev&&!Y.current&&E(T)&&(Y.current=!0,r.warnOnce(_,v))},[T]);let X=e===void 0&&!n&&q.length===0,Z=d.useRef({unreachable:X,children:T});d.useLayoutEffect(()=>{Z.current={unreachable:X,children:T}}),d.useEffect(()=>{if(!r.isDev||!Z.current.unreachable)return;let e=setTimeout(()=>{let e=Z.current;e.unreachable&&!E(e.children)&&r.warnOnce(y,b)},x);return()=>clearTimeout(e)},[]);let Q=d.useMemo(()=>({open:N,requestOpen:M,trigger:P,panelId:I,inPanel:!1}),[N,M,P,I]),ae=d.useMemo(()=>({...Q,inPanel:!0}),[Q]),$=i.slotRendersContent(S);return(0,f.jsxs)(p.Provider,{value:Q,children:[q,N&&(0,f.jsx)(ee.Portal,{layerId:K.layerId,children:(0,f.jsx)(`div`,{className:t.cn(a.drawerClassNames.backdrop,`fixed inset-0 bg-backdrop`),onMouseDown:W.onMouseDown,children:(0,f.jsx)(`div`,{ref:U,role:`dialog`,id:I,"aria-labelledby":$?L:R.titleId,tabIndex:-1,...A,className:t.cn(a.drawerClassNames.root,`fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64`,g[h],D),children:(0,f.jsx)(p.Provider,{value:ae,children:(0,f.jsxs)(u.ModalSurfaceContext.Provider,{value:R.context,children:[(0,f.jsxs)(`div`,{className:t.cn(a.drawerClassNames.header,`flex items-center justify-between gap-2 border-b border-border p-4`),children:[$&&(0,f.jsx)(`h2`,{id:L,className:t.cn(a.drawerTitleClassNames.root,`text-subtitle-1 font-semibold`),children:S}),(0,f.jsx)(te.Button,{appearance:`subtle`,size:`small`,icon:(0,f.jsx)(l.DismissIcon,{}),"aria-label":C,onClick:e=>M(!1,{reason:`close-button`,event:e.nativeEvent}),className:t.cn(a.drawerClassNames.closeButton,`ms-auto text-muted-foreground`)})]}),(0,f.jsx)(`div`,{className:t.cn(a.drawerClassNames.body,`min-h-0 flex-1 overflow-y-auto p-4`),children:J})]})})})})})]})};D.displayName=`Drawer`;var O=Object.assign(D,{Trigger:S,Close:C,Title:w});exports.Drawer=O,exports.DrawerClose=C,exports.DrawerTitle=w,exports.DrawerTrigger=S;
 //# sourceMappingURL=Drawer.cjs.map

package/dist/components/overlays/Drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs","names":["React","inertModalTrigger","useRequiredContext","useModalTriggerPart","useModalClosePart","useModalTitle","cn","getElementType","flattenChildren","isElementOfType","useModalOpenState","useIsClient","useModalTrigger","useId","useTitleRegistry","useMergedRefs","useBackdropPress","useModalDismiss","useModalLayer","isDev","slotRendersContent","Portal","ModalSurfaceContext","Button","DismissIcon","require_runtime","require_cn","require_children","require_dev","require_slot","require_useId","require_useMergedRefs","require_useIsClient","require_Portal","require_Button","require_icons","require_useModalLayer","require_Dialog_shared","react","react_jsx_runtime","DrawerContext","inertDrawerContext","useDrawerContext","componentName","positionClasses","NESTED_TRIGGER_WARNING_KEY","NESTED_TRIGGER_WARNING","UNREACHABLE_WARNING_KEY","UNREACHABLE_WARNING","REACHABILITY_CHECK_DELAY","DrawerTrigger","inPanel","panelId","props","DrawerClose","requestOpen","DrawerTitle","rest","titleId","titleRef","id","ref","className","NESTED_TRIGGER_MAX_DEPTH","hasNestedTrigger","visit","level","node","item","depth","type","isFragment","nested","children","splitChildren","triggers","content","keyed","DrawerRoot","openProp","openState","defaultOpen","onOpenChange","isClient","open","trigger","generatedId","propTitleId","titles","panel","setPanel","panelRef","attachPanel","mergedRef","backdropPress","onDismiss","layer","nestedWarnedRef","unreachable","latestRef","timer","latest","context","panelContext","hasTitle","title","position","closeLabel","event","Drawer"],"sources":["../../../src/components/overlays/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, getElementType, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { isDev, warnOnce } from '../../lib/dev';\nimport { DismissIcon } from '../../lib/icons';\nimport { slotRendersContent } from '../../lib/slot';\nimport type { ModalOpenChangeReason, OpenChangeDetails } from '../../lib/types';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useModalLayer } from '../../hooks/useModalLayer';\nimport { Button } from '../button/Button';\nimport { Portal } from '../portal/Portal';\nimport {\n  inertModalTrigger,\n  ModalSurfaceContext,\n  useBackdropPress,\n  useModalClosePart,\n  useModalDismiss,\n  useModalOpenState,\n  useModalTitle,\n  useModalTrigger,\n  useModalTriggerPart,\n  useModalTriggerSession,\n  useRequiredContext,\n  useTitleRegistry,\n  useUnnamedModalWarning,\n  type ModalRequestOpen,\n  type ModalTrigger,\n} from './Dialog.shared';\n\n/**\n * Side of the screen the drawer is attached to. `start`/`end` follow the text direction (in a\n * right-to-left layout `end` is the left edge); `left`/`right` are physical sides.\n */\nexport type DrawerPosition = 'start' | 'end' | 'left' | 'right';\n\n/**\n * Why a {@link Drawer} asks to open or close: `trigger` (`Drawer.Trigger`), `close`\n * (`Drawer.Close`), `close-button` (the built-in Close button), `escape`, `outside-press` (the\n * backdrop). The shared `ModalOpenChangeReason`, as for Dialog.\n */\nexport type DrawerOpenChangeReason = ModalOpenChangeReason;\n\n/** The second argument of a {@link Drawer}'s `onOpenChange`: the reason and the DOM event. */\nexport type DrawerOpenChangeDetails = OpenChangeDetails<DrawerOpenChangeReason>;\n\n/** Properties for the Drawer component. */\nexport interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /**\n   * Controlled open state of the drawer. The panel renders only in the browser: an open drawer\n   * is closed in the server HTML and opens once it has hydrated.\n   */\n  open?: boolean;\n  /**\n   * Default open state for uncontrolled usage. The panel renders only in the browser: a drawer\n   * open by default is closed in the server HTML and opens once it has hydrated.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the new open state when it changes. `details.reason` tells how — `trigger`,\n   * `close` (a `.Close` part), `close-button` (the built-in Close button), `escape` or\n   * `outside-press` (the backdrop) — so a controlled drawer can refuse only some ways of closing\n   * (for example keep a form with unsaved changes open on `outside-press`); `details.event` is the\n   * DOM event behind the request. WaveUI always passes `details`; it is typed optional until 1.0\n   * so that code which calls this prop itself keeps compiling.\n   *\n   * Fires only when the value changes; a controlled drawer stays as it is until the parent updates\n   * `open`.\n   */\n  onOpenChange?: (open: boolean, details?: DrawerOpenChangeDetails) => void;\n  /**\n   * Side of the screen the drawer is attached to. `start`/`end` follow the text direction;\n   * `left`/`right` are physical sides.\n   * @default 'end'\n   */\n  position?: DrawerPosition;\n  /**\n   * Title displayed in the drawer header; it names the drawer (`aria-labelledby`). Without it,\n   * render a `Drawer.Title` or pass `aria-label`/`aria-labelledby`. A title that renders nothing\n   * (`''`, `[]`, `true`) counts as none.\n   */\n  title?: React.ReactNode;\n  /**\n   * Accessible name of the built-in Close button (an icon-only button). Localize it with the\n   * page's language.\n   * @default 'Close'\n   */\n  closeLabel?: string;\n  /**\n   * Where focus goes when the drawer closes, if it can take focus. Otherwise focus returns to the\n   * element that had focus when the drawer opened, then to the trigger, then to an element next to\n   * where that opener was.\n   */\n  finalFocusRef?: React.RefObject<HTMLElement | null>;\n  /**\n   * The drawer body. `Drawer.Trigger` children placed directly inside the Drawer, or in a Fragment\n   * there (`{isMobile && <>…</>}`), render in place (outside the panel); everything else renders in\n   * the panel's scrolling body. A `Drawer.Trigger` nested in another element, or rendered by a\n   * component, is panel content, so it only exists while the drawer is open (development warnings\n   * say so, also when an uncontrolled drawer still has no direct trigger a second after it mounts\n   * and therefore cannot open; a controlled drawer whose trigger a component such as a Tooltip\n   * wraps warns only once it opens).\n   * Put wrappers inside the trigger instead: see `Drawer.Trigger`.\n   */\n  children: React.ReactNode;\n  /** Ref to the drawer panel (`role=\"dialog\"`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props a `Drawer.Trigger` puts on its element (and passes to a render-prop child). */\nexport interface DrawerTriggerRenderProps extends React.HTMLAttributes<HTMLElement> {\n  'aria-haspopup': 'dialog';\n  'aria-expanded': boolean;\n  /** The panel's id, while the drawer is open. */\n  'aria-controls'?: string;\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the DrawerTrigger sub-component. */\nexport interface DrawerTriggerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that opens the drawer. A single element receives the trigger props (merged with its\n   * own); a function receives them.\n   */\n  children: React.ReactNode | ((props: DrawerTriggerRenderProps) => React.ReactNode);\n  /**\n   * `false` renders a wrapper `<span>` around the children instead of merging the trigger props\n   * onto the child. The span carries the click handler; `aria-haspopup`, `aria-expanded` and\n   * `aria-controls` go to the first element in the tab order inside it.\n   * @default true\n   */\n  asChild?: boolean;\n  /** Ref to the trigger element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Props a `Drawer.Close` puts on its element (and passes to a render-prop child). */\nexport interface DrawerCloseRenderProps extends React.HTMLAttributes<HTMLElement> {\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the DrawerClose sub-component. */\nexport interface DrawerCloseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that closes the drawer. A single element receives an `onClick` composed with its own\n   * (its handler runs first; `preventDefault()` keeps the drawer open); a function receives the\n   * props.\n   */\n  children: React.ReactNode | ((props: DrawerCloseRenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` that closes the drawer on click. @default true */\n  asChild?: boolean;\n  /** Ref to the close element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the DrawerTitle sub-component. */\nexport interface DrawerTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** The title; any content. */\n  children: React.ReactNode;\n  /** Ref to the heading element. */\n  ref?: React.Ref<HTMLHeadingElement>;\n}\n\ninterface DrawerContextValue {\n  open: boolean;\n  /** Asks the root to open or close, with the reason and event for `onOpenChange`. */\n  requestOpen: ModalRequestOpen;\n  /** The trigger element (`attach`) and the focus-restore target resolved from it (`focusRef`). */\n  trigger: ModalTrigger;\n  /** The panel's id (for the trigger's `aria-controls`). */\n  panelId: string;\n  /** `true` for sub-components rendered inside the panel (a `Drawer.Trigger` there is misplaced). */\n  inPanel: boolean;\n}\n\nconst DrawerContext = React.createContext<DrawerContextValue | null>(null);\nDrawerContext.displayName = 'DrawerContext';\n\nconst inertDrawerContext: DrawerContextValue = {\n  open: false,\n  requestOpen: () => {},\n  trigger: inertModalTrigger,\n  panelId: '',\n  inPanel: false,\n};\n\nfunction useDrawerContext(componentName: string): DrawerContextValue {\n  return useRequiredContext(DrawerContext, componentName, 'Drawer', () => inertDrawerContext);\n}\n\n/**\n * The side the panel is pinned to, and a border on its inner edge (the one facing the page): it\n * marks the panel where the shadow cannot, in high contrast (page, backdrop and panel are black)\n * and in forced colors (which drop shadows).\n */\nconst positionClasses: Record<DrawerPosition, string> = {\n  start: 'start-0 border-e',\n  end: 'end-0 border-s',\n  left: 'left-0 border-r', // wave-allow-physical: the consumer asked for the physical left edge\n  right: 'right-0 border-l', // wave-allow-physical: the consumer asked for the physical right edge\n};\n\nconst NESTED_TRIGGER_WARNING_KEY = 'Drawer.Trigger:nested';\nconst NESTED_TRIGGER_WARNING =\n  'Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.';\n\nconst UNREACHABLE_WARNING_KEY = 'Drawer:unreachable';\nconst UNREACHABLE_WARNING =\n  'Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.';\n\n/**\n * How long after mount (ms) the development check for a drawer without a trigger waits: long\n * enough for a trigger that a conditional Fragment renders once the page knows its layout.\n */\nconst REACHABILITY_CHECK_DELAY = 1000;\n\n/**\n * Opens the drawer. Place it directly inside `Drawer`, or in a Fragment there (not inside a wrapper\n * element or a component of your own): it renders in place, not in the panel; a misplaced one warns\n * in development. A Drawer may have several triggers: focus returns to the one that opened it. Puts\n * `aria-haspopup=\"dialog\"`, `aria-expanded`, `aria-controls` (while open), a click handler and a\n * ref on its single child, or passes them to a render-prop child. A custom child component must\n * forward `ref` and spread its props; one that does not is wrapped in a `<span>` automatically\n * (with a development warning), the span that `asChild={false}` renders. Focus returns to the\n * trigger when the drawer closes. On the span, the state ARIA goes to the first element in the tab\n * order inside it, and focus returns to that element (to the span when you made it the trigger\n * with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take focus).\n *\n * A Tooltip (or any other wrapper) goes inside the trigger, not around it. Use a render-prop child\n * so the trigger props land on the button and the Tooltip describes that same button:\n *\n * @example\n * <Drawer title=\"Filters\">\n *   <Drawer.Trigger>\n *     {(triggerProps) => (\n *       <Tooltip content=\"Narrow the list\">\n *         <Button {...triggerProps}>Filters</Button>\n *       </Tooltip>\n *     )}\n *   </Drawer.Trigger>\n *   <FilterForm />\n * </Drawer>\n */\nexport const DrawerTrigger = (props: DrawerTriggerProps) => {\n  const { open, requestOpen, trigger, panelId, inPanel } = useDrawerContext('Drawer.Trigger');\n\n  // Rendered inside its own drawer's panel (e.g. by a component): it only exists while open.\n  React.useEffect(() => {\n    if (inPanel) warnOnce(NESTED_TRIGGER_WARNING_KEY, NESTED_TRIGGER_WARNING);\n  }, [inPanel]);\n\n  return useModalTriggerPart<DrawerTriggerRenderProps>(\n    { open, requestOpen, trigger, controlsId: panelId },\n    props,\n    'Drawer.Trigger',\n  );\n};\nDrawerTrigger.displayName = 'DrawerTrigger';\n\n/**\n * Closes the drawer: composes a click handler onto its single child (its own `onClick` runs first;\n * calling `preventDefault()` there keeps the drawer open), or passes it to a render-prop child.\n */\nexport const DrawerClose = (props: DrawerCloseProps) => {\n  const { requestOpen } = useDrawerContext('Drawer.Close');\n  return useModalClosePart<DrawerCloseRenderProps>(requestOpen, props, 'Drawer.Close');\n};\nDrawerClose.displayName = 'DrawerClose';\n\n/**\n * A heading that names the drawer (`aria-labelledby`), for rich titles or custom layouts. Render it\n * inside the Drawer's content (instead of the `title` prop).\n */\nexport const DrawerTitle = ({ id, className, children, ref, ...rest }: DrawerTitleProps) => {\n  const { id: titleId, ref: titleRef } = useModalTitle('Drawer.Title', 'Drawer', id, ref);\n  return (\n    <h2\n      {...rest}\n      id={titleId}\n      ref={titleRef}\n      className={cn('text-subtitle-1 font-semibold text-foreground', className)}\n    >\n      {children}\n    </h2>\n  );\n};\nDrawerTitle.displayName = 'DrawerTitle';\n\n/** Deepest element level the development check for nested triggers looks at. */\nconst NESTED_TRIGGER_MAX_DEPTH = 32;\n\n/**\n * Development check: whether the Drawer's children hold a `Drawer.Trigger` inside a host element\n * (at any depth, also through Fragments), which would become panel content; a trigger inside\n * Fragments only is direct (see `splitChildren`). Walks the element tree the consumer wrote, not\n * rendered output, so it descends only into host elements (`<div>`, `<span>`, …) and Fragments,\n * which render their `children` as written. A component's\n * output is unknown here — a wrapper that renders its own Drawer around its children, for one —\n * so components are not walked; a trigger rendered by a component is caught when it renders in the\n * open panel, or, while the drawer cannot open, by the unreachable-drawer check.\n */\nfunction hasNestedTrigger(children: React.ReactNode): boolean {\n  // `depth` counts host elements only: a Fragment adds no level, as `splitChildren` flattens it.\n  const visit = (node: unknown, depth: number, level: number): boolean => {\n    if (level > NESTED_TRIGGER_MAX_DEPTH || typeof node !== 'object' || node === null) return false;\n    if (Array.isArray(node)) return node.some((item) => visit(item, depth, level));\n    if (!React.isValidElement(node)) return false;\n    // A part written in a Server Component has a lazy type. The walk runs in effects, outside\n    // render: a lazy part that is still loading must not throw its thenable there, so it counts\n    // as no trigger (`suspend: false` returns the lazy itself, which matches nothing).\n    const type = getElementType(node, { suspend: false });\n    if (type === DrawerTrigger) return depth > 0;\n    const isFragment = type === React.Fragment;\n    if (typeof type !== 'string' && !isFragment) return false;\n    const { children: nested } = node.props as { children?: unknown };\n    return visit(nested, isFragment ? depth : depth + 1, level + 1);\n  };\n  return visit(children, 0, 0);\n}\n\n/**\n * Splits the Drawer's children into its direct `Drawer.Trigger` elements and the panel content.\n * Fragments are flattened (recursively), so a `Drawer.Trigger` in a Fragment —\n * `{isMobile && <><Drawer.Trigger>…</Drawer.Trigger><Filters /></>}` — counts as a direct child.\n * Every element keeps the key `flattenChildren` gives it: unique across Fragments and stable when a\n * sibling Fragment toggles, so panel content keeps its state. A trigger is recognised also when it\n * was written in a Server Component (a lazy type).\n */\nfunction splitChildren(children: React.ReactNode): {\n  triggers: React.ReactNode[];\n  content: React.ReactNode[];\n} {\n  const triggers: React.ReactNode[] = [];\n  const content: React.ReactNode[] = [];\n  for (const { key, node } of flattenChildren(children)) {\n    const keyed = React.isValidElement(node) ? React.cloneElement(node, { key }) : node;\n    if (isElementOfType(node, DrawerTrigger)) triggers.push(keyed);\n    else content.push(keyed);\n  }\n  return { triggers, content };\n}\n\n// The root of `Drawer` (documented on the export below).\nconst DrawerRoot = ({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  position = 'end',\n  title,\n  closeLabel = 'Close',\n  finalFocusRef,\n  children,\n  className,\n  id,\n  ref,\n  ...rest\n}: DrawerProps) => {\n  const [openState, requestOpen] = useModalOpenState(openProp, defaultOpen, onOpenChange);\n  // The panel lives in a portal, which renders only in the browser: until then (the server HTML,\n  // hydration) the drawer reports itself closed, so the trigger's aria-expanded and aria-controls\n  // never describe a panel that is not there.\n  const isClient = useIsClient();\n  const open = openState && isClient;\n  const trigger = useModalTrigger();\n  const generatedId = useId('wave-drawer');\n  const panelId = id ?? generatedId;\n  const propTitleId = useId('wave-drawer-title');\n  const titles = useTitleRegistry();\n\n  const [panel, setPanel] = React.useState<HTMLDivElement | null>(null);\n  const panelRef = React.useRef<HTMLDivElement | null>(null);\n  const attachPanel = React.useCallback((node: HTMLDivElement | null) => {\n    panelRef.current = node;\n    setPanel(node);\n  }, []);\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, attachPanel);\n\n  // Every backdrop press asks the drawer to close.\n  const backdropPress = useBackdropPress(panelRef, true);\n  const onDismiss = useModalDismiss(requestOpen, 'Drawer', backdropPress.afterOutsidePress);\n  const layer = useModalLayer({\n    open,\n    onDismiss,\n    refs: [panelRef],\n    container: panel,\n    triggerRef: trigger.focusRef,\n    finalFocusRef,\n  });\n  // After useModalLayer's focus restore (effects run in order), start the trigger session, or end\n  // it and forget the trigger that opened it.\n  useModalTriggerSession(trigger, open);\n  useUnnamedModalWarning(open ? panel : null, titles.hasTitle, 'Drawer', 'Drawer.Title');\n\n  const { triggers, content } = splitChildren(children);\n\n  // A trigger nested in the children is panel content: never rendered while the drawer is closed.\n  // The children change on every parent render; once this drawer has warned, it stops walking.\n  const nestedWarnedRef = React.useRef(false);\n  React.useEffect(() => {\n    if (!isDev || nestedWarnedRef.current || !hasNestedTrigger(children)) return;\n    nestedWarnedRef.current = true;\n    warnOnce(NESTED_TRIGGER_WARNING_KEY, NESTED_TRIGGER_WARNING);\n  }, [children]);\n\n  // An uncontrolled closed drawer without a direct trigger cannot open (e.g.\n  // `<Drawer><FilterTrigger /></Drawer>`, whose trigger is panel content). Checked once, a moment\n  // after mount, against the latest render: a trigger that a conditional Fragment adds right after\n  // mount (`{isMobile && <>…</>}` with an SSR-safe media query) counts. A trigger nested in an\n  // element already has the more specific warning above.\n  const unreachable = openProp === undefined && !defaultOpen && triggers.length === 0;\n  const latestRef = React.useRef({ unreachable, children });\n  React.useLayoutEffect(() => {\n    latestRef.current = { unreachable, children };\n  });\n  React.useEffect(() => {\n    if (!isDev || !latestRef.current.unreachable) return;\n    const timer = setTimeout(() => {\n      const latest = latestRef.current;\n      if (latest.unreachable && !hasNestedTrigger(latest.children)) {\n        warnOnce(UNREACHABLE_WARNING_KEY, UNREACHABLE_WARNING);\n      }\n    }, REACHABILITY_CHECK_DELAY);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const context = React.useMemo<DrawerContextValue>(\n    () => ({ open, requestOpen, trigger, panelId, inPanel: false }),\n    [open, requestOpen, trigger, panelId],\n  );\n  const panelContext = React.useMemo<DrawerContextValue>(\n    () => ({ ...context, inPanel: true }),\n    [context],\n  );\n\n  const hasTitle = slotRendersContent(title);\n\n  return (\n    <DrawerContext.Provider value={context}>\n      {triggers}\n      {open && (\n        <Portal layerId={layer.layerId}>\n          <div className=\"fixed inset-0 bg-backdrop\" onMouseDown={backdropPress.onMouseDown}>\n            <div\n              ref={mergedRef}\n              role=\"dialog\"\n              id={panelId}\n              aria-labelledby={hasTitle ? propTitleId : titles.titleId}\n              tabIndex={-1}\n              {...rest}\n              className={cn(\n                'fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64',\n                positionClasses[position],\n                className,\n              )}\n            >\n              <DrawerContext.Provider value={panelContext}>\n                <ModalSurfaceContext.Provider value={titles.context}>\n                  <div className=\"flex items-center justify-between gap-2 border-b border-border p-4\">\n                    {hasTitle && (\n                      <h2 id={propTitleId} className=\"text-subtitle-1 font-semibold\">\n                        {title}\n                      </h2>\n                    )}\n                    <Button\n                      appearance=\"subtle\"\n                      size=\"small\"\n                      icon={<DismissIcon />}\n                      aria-label={closeLabel}\n                      onClick={(event) =>\n                        requestOpen(false, { reason: 'close-button', event: event.nativeEvent })\n                      }\n                      className=\"ms-auto text-muted-foreground\"\n                    />\n                  </div>\n                  <div className=\"min-h-0 flex-1 overflow-y-auto p-4\">{content}</div>\n                </ModalSurfaceContext.Provider>\n              </DrawerContext.Provider>\n            </div>\n          </div>\n        </Portal>\n      )}\n    </DrawerContext.Provider>\n  );\n};\nDrawerRoot.displayName = 'Drawer';\n\n/**\n * A modal panel attached to a side of the screen (Fluent UI v2 style), rendered in a portal\n * (inheriting the WaveProvider theme) while open.\n *\n * - **Opening**: controlled (`open`), or uncontrolled with a `Drawer.Trigger` placed directly inside\n *   the Drawer or in a Fragment there (it renders in place, outside the panel).\n * - **Modal**: focus moves into the panel and Tab stays inside it (toasts included), the rest of the\n *   page is `inert` (instead of `aria-modal`), and the page does not scroll.\n * - **Closing**: Escape (only the topmost layer: a popup opened inside closes first), a click on the\n *   backdrop (a drag that starts inside does not close it), the Close button and `Drawer.Close`.\n *   `onOpenChange` gets the reason as its second argument (`details.reason`), so a controlled\n *   drawer can refuse some of them. A backdrop press blurs the focused field before the drawer\n *   closes, so a typed value is committed as with the Close button; when a controlled drawer\n *   refuses the press, the field gets focus back. Focus returns to the first of these that can\n *   take focus: `finalFocusRef`, the element that had focus when the drawer opened, the trigger,\n *   an element next to where that opener was.\n * - **Position**: `end` (default) and `start` follow the text direction.\n *\n * The sub-components are also exported under flat names (`DrawerTrigger`, `DrawerClose`,\n * `DrawerTitle`) for React Server Components, which cannot use the dotted form; dotted access\n * (`Drawer.Trigger`) needs a client file.\n *\n * @example\n * <Drawer title=\"Filters\">\n *   <Drawer.Trigger><Button>Filters</Button></Drawer.Trigger>\n *   <FilterForm />\n *   <Drawer.Close><Button appearance=\"primary\">Apply</Button></Drawer.Close>\n * </Drawer>\n */\nexport const Drawer = /* @__PURE__ */ Object.assign(DrawerRoot, {\n  Trigger: DrawerTrigger,\n  Close: DrawerClose,\n  Title: DrawerTitle,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.cjs","names":["React","inertModalTrigger","useRequiredContext","useModalTriggerPart","useModalClosePart","useModalTitle","cn","drawerTitleClassNames","getElementType","flattenChildren","isElementOfType","useModalOpenState","useIsClient","useModalTrigger","useId","useTitleRegistry","useMergedRefs","useBackdropPress","useModalDismiss","useModalLayer","isDev","slotRendersContent","Portal","drawerClassNames","ModalSurfaceContext","Button","DismissIcon","require_runtime","require_cn","require_children","require_dev","require_slot","require_classNames","require_useId","require_useMergedRefs","require_useIsClient","require_Portal","require_Button","require_icons","require_useModalLayer","require_Dialog_shared","react","react_jsx_runtime","DrawerContext","inertDrawerContext","useDrawerContext","componentName","positionClasses","NESTED_TRIGGER_WARNING_KEY","NESTED_TRIGGER_WARNING","UNREACHABLE_WARNING_KEY","UNREACHABLE_WARNING","REACHABILITY_CHECK_DELAY","DrawerTrigger","inPanel","panelId","props","DrawerClose","requestOpen","DrawerTitle","rest","titleId","titleRef","id","ref","className","NESTED_TRIGGER_MAX_DEPTH","hasNestedTrigger","visit","level","node","item","depth","type","isFragment","nested","children","splitChildren","triggers","content","keyed","DrawerRoot","openProp","openState","defaultOpen","onOpenChange","isClient","open","trigger","generatedId","propTitleId","titles","panel","setPanel","panelRef","attachPanel","mergedRef","backdropPress","onDismiss","layer","nestedWarnedRef","unreachable","latestRef","timer","latest","context","panelContext","hasTitle","title","position","closeLabel","event","Drawer"],"sources":["../../../src/components/overlays/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, getElementType, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { drawerClassNames, drawerTitleClassNames } from '../../lib/classNames';\nimport { isDev, warnOnce } from '../../lib/dev';\nimport { DismissIcon } from '../../lib/icons';\nimport { slotRendersContent } from '../../lib/slot';\nimport type { ModalOpenChangeReason, OpenChangeDetails } from '../../lib/types';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useModalLayer } from '../../hooks/useModalLayer';\nimport { Button } from '../button/Button';\nimport { Portal } from '../portal/Portal';\nimport {\n  inertModalTrigger,\n  ModalSurfaceContext,\n  useBackdropPress,\n  useModalClosePart,\n  useModalDismiss,\n  useModalOpenState,\n  useModalTitle,\n  useModalTrigger,\n  useModalTriggerPart,\n  useModalTriggerSession,\n  useRequiredContext,\n  useTitleRegistry,\n  useUnnamedModalWarning,\n  type ModalRequestOpen,\n  type ModalTrigger,\n} from './Dialog.shared';\n\n/**\n * Side of the screen the drawer is attached to. `start`/`end` follow the text direction (in a\n * right-to-left layout `end` is the left edge); `left`/`right` are physical sides.\n */\nexport type DrawerPosition = 'start' | 'end' | 'left' | 'right';\n\n/**\n * Why a {@link Drawer} asks to open or close: `trigger` (`Drawer.Trigger`), `close`\n * (`Drawer.Close`), `close-button` (the built-in Close button), `escape`, `outside-press` (the\n * backdrop). The shared `ModalOpenChangeReason`, as for Dialog.\n */\nexport type DrawerOpenChangeReason = ModalOpenChangeReason;\n\n/** The second argument of a {@link Drawer}'s `onOpenChange`: the reason and the DOM event. */\nexport type DrawerOpenChangeDetails = OpenChangeDetails<DrawerOpenChangeReason>;\n\n/** Properties for the Drawer component. */\nexport interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /**\n   * Controlled open state of the drawer. The panel renders only in the browser: an open drawer\n   * is closed in the server HTML and opens once it has hydrated.\n   */\n  open?: boolean;\n  /**\n   * Default open state for uncontrolled usage. The panel renders only in the browser: a drawer\n   * open by default is closed in the server HTML and opens once it has hydrated.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the new open state when it changes. `details.reason` tells how — `trigger`,\n   * `close` (a `.Close` part), `close-button` (the built-in Close button), `escape` or\n   * `outside-press` (the backdrop) — so a controlled drawer can refuse only some ways of closing\n   * (for example keep a form with unsaved changes open on `outside-press`); `details.event` is the\n   * DOM event behind the request. WaveUI always passes `details`; it is typed optional until 1.0\n   * so that code which calls this prop itself keeps compiling.\n   *\n   * Fires only when the value changes; a controlled drawer stays as it is until the parent updates\n   * `open`.\n   */\n  onOpenChange?: (open: boolean, details?: DrawerOpenChangeDetails) => void;\n  /**\n   * Side of the screen the drawer is attached to. `start`/`end` follow the text direction;\n   * `left`/`right` are physical sides.\n   * @default 'end'\n   */\n  position?: DrawerPosition;\n  /**\n   * Title displayed in the drawer header; it names the drawer (`aria-labelledby`). Without it,\n   * render a `Drawer.Title` or pass `aria-label`/`aria-labelledby`. A title that renders nothing\n   * (`''`, `[]`, `true`) counts as none.\n   */\n  title?: React.ReactNode;\n  /**\n   * Accessible name of the built-in Close button (an icon-only button). Localize it with the\n   * page's language.\n   * @default 'Close'\n   */\n  closeLabel?: string;\n  /**\n   * Where focus goes when the drawer closes, if it can take focus. Otherwise focus returns to the\n   * element that had focus when the drawer opened, then to the trigger, then to an element next to\n   * where that opener was.\n   */\n  finalFocusRef?: React.RefObject<HTMLElement | null>;\n  /**\n   * The drawer body. `Drawer.Trigger` children placed directly inside the Drawer, or in a Fragment\n   * there (`{isMobile && <>…</>}`), render in place (outside the panel); everything else renders in\n   * the panel's scrolling body. A `Drawer.Trigger` nested in another element, or rendered by a\n   * component, is panel content, so it only exists while the drawer is open (development warnings\n   * say so, also when an uncontrolled drawer still has no direct trigger a second after it mounts\n   * and therefore cannot open; a controlled drawer whose trigger a component such as a Tooltip\n   * wraps warns only once it opens).\n   * Put wrappers inside the trigger instead: see `Drawer.Trigger`.\n   */\n  children: React.ReactNode;\n  /** Ref to the drawer panel (`role=\"dialog\"`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props a `Drawer.Trigger` puts on its element (and passes to a render-prop child). */\nexport interface DrawerTriggerRenderProps extends React.HTMLAttributes<HTMLElement> {\n  'aria-haspopup': 'dialog';\n  'aria-expanded': boolean;\n  /** The panel's id, while the drawer is open. */\n  'aria-controls'?: string;\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the DrawerTrigger sub-component. */\nexport interface DrawerTriggerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that opens the drawer. A single element receives the trigger props (merged with its\n   * own); a function receives them.\n   */\n  children: React.ReactNode | ((props: DrawerTriggerRenderProps) => React.ReactNode);\n  /**\n   * `false` renders a wrapper `<span>` around the children instead of merging the trigger props\n   * onto the child. The span carries the click handler; `aria-haspopup`, `aria-expanded` and\n   * `aria-controls` go to the first element in the tab order inside it.\n   * @default true\n   */\n  asChild?: boolean;\n  /** Ref to the trigger element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Props a `Drawer.Close` puts on its element (and passes to a render-prop child). */\nexport interface DrawerCloseRenderProps extends React.HTMLAttributes<HTMLElement> {\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the DrawerClose sub-component. */\nexport interface DrawerCloseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that closes the drawer. A single element receives an `onClick` composed with its own\n   * (its handler runs first; `preventDefault()` keeps the drawer open); a function receives the\n   * props.\n   */\n  children: React.ReactNode | ((props: DrawerCloseRenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` that closes the drawer on click. @default true */\n  asChild?: boolean;\n  /** Ref to the close element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the DrawerTitle sub-component. */\nexport interface DrawerTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** The title; any content. */\n  children: React.ReactNode;\n  /** Ref to the heading element. */\n  ref?: React.Ref<HTMLHeadingElement>;\n}\n\ninterface DrawerContextValue {\n  open: boolean;\n  /** Asks the root to open or close, with the reason and event for `onOpenChange`. */\n  requestOpen: ModalRequestOpen;\n  /** The trigger element (`attach`) and the focus-restore target resolved from it (`focusRef`). */\n  trigger: ModalTrigger;\n  /** The panel's id (for the trigger's `aria-controls`). */\n  panelId: string;\n  /** `true` for sub-components rendered inside the panel (a `Drawer.Trigger` there is misplaced). */\n  inPanel: boolean;\n}\n\nconst DrawerContext = React.createContext<DrawerContextValue | null>(null);\nDrawerContext.displayName = 'DrawerContext';\n\nconst inertDrawerContext: DrawerContextValue = {\n  open: false,\n  requestOpen: () => {},\n  trigger: inertModalTrigger,\n  panelId: '',\n  inPanel: false,\n};\n\nfunction useDrawerContext(componentName: string): DrawerContextValue {\n  return useRequiredContext(DrawerContext, componentName, 'Drawer', () => inertDrawerContext);\n}\n\n/**\n * The side the panel is pinned to, and a border on its inner edge (the one facing the page): it\n * marks the panel where the shadow cannot, in high contrast (page, backdrop and panel are black)\n * and in forced colors (which drop shadows).\n */\nconst positionClasses: Record<DrawerPosition, string> = {\n  start: 'start-0 border-e',\n  end: 'end-0 border-s',\n  left: 'left-0 border-r', // wave-allow-physical: the consumer asked for the physical left edge\n  right: 'right-0 border-l', // wave-allow-physical: the consumer asked for the physical right edge\n};\n\nconst NESTED_TRIGGER_WARNING_KEY = 'Drawer.Trigger:nested';\nconst NESTED_TRIGGER_WARNING =\n  'Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.';\n\nconst UNREACHABLE_WARNING_KEY = 'Drawer:unreachable';\nconst UNREACHABLE_WARNING =\n  'Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.';\n\n/**\n * How long after mount (ms) the development check for a drawer without a trigger waits: long\n * enough for a trigger that a conditional Fragment renders once the page knows its layout.\n */\nconst REACHABILITY_CHECK_DELAY = 1000;\n\n/**\n * Opens the drawer. Place it directly inside `Drawer`, or in a Fragment there (not inside a wrapper\n * element or a component of your own): it renders in place, not in the panel; a misplaced one warns\n * in development. A Drawer may have several triggers: focus returns to the one that opened it. Puts\n * `aria-haspopup=\"dialog\"`, `aria-expanded`, `aria-controls` (while open), a click handler and a\n * ref on its single child, or passes them to a render-prop child. A custom child component must\n * forward `ref` and spread its props; one that does not is wrapped in a `<span>` automatically\n * (with a development warning), the span that `asChild={false}` renders. Focus returns to the\n * trigger when the drawer closes. On the span, the state ARIA goes to the first element in the tab\n * order inside it, and focus returns to that element (to the span when you made it the trigger\n * with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take focus).\n *\n * A Tooltip (or any other wrapper) goes inside the trigger, not around it. Use a render-prop child\n * so the trigger props land on the button and the Tooltip describes that same button:\n *\n * @example\n * <Drawer title=\"Filters\">\n *   <Drawer.Trigger>\n *     {(triggerProps) => (\n *       <Tooltip content=\"Narrow the list\">\n *         <Button {...triggerProps}>Filters</Button>\n *       </Tooltip>\n *     )}\n *   </Drawer.Trigger>\n *   <FilterForm />\n * </Drawer>\n */\nexport const DrawerTrigger = (props: DrawerTriggerProps) => {\n  const { open, requestOpen, trigger, panelId, inPanel } = useDrawerContext('Drawer.Trigger');\n\n  // Rendered inside its own drawer's panel (e.g. by a component): it only exists while open.\n  React.useEffect(() => {\n    if (inPanel) warnOnce(NESTED_TRIGGER_WARNING_KEY, NESTED_TRIGGER_WARNING);\n  }, [inPanel]);\n\n  return useModalTriggerPart<DrawerTriggerRenderProps>(\n    { open, requestOpen, trigger, controlsId: panelId },\n    props,\n    'Drawer.Trigger',\n  );\n};\nDrawerTrigger.displayName = 'DrawerTrigger';\n\n/**\n * Closes the drawer: composes a click handler onto its single child (its own `onClick` runs first;\n * calling `preventDefault()` there keeps the drawer open), or passes it to a render-prop child.\n */\nexport const DrawerClose = (props: DrawerCloseProps) => {\n  const { requestOpen } = useDrawerContext('Drawer.Close');\n  return useModalClosePart<DrawerCloseRenderProps>(requestOpen, props, 'Drawer.Close');\n};\nDrawerClose.displayName = 'DrawerClose';\n\n/**\n * A heading that names the drawer (`aria-labelledby`), for rich titles or custom layouts. Render it\n * inside the Drawer's content (instead of the `title` prop).\n */\nexport const DrawerTitle = ({ id, className, children, ref, ...rest }: DrawerTitleProps) => {\n  const { id: titleId, ref: titleRef } = useModalTitle('Drawer.Title', 'Drawer', id, ref);\n  return (\n    <h2\n      {...rest}\n      id={titleId}\n      ref={titleRef}\n      className={cn(\n        drawerTitleClassNames.root,\n        'text-subtitle-1 font-semibold text-foreground',\n        className,\n      )}\n    >\n      {children}\n    </h2>\n  );\n};\nDrawerTitle.displayName = 'DrawerTitle';\n\n/** Deepest element level the development check for nested triggers looks at. */\nconst NESTED_TRIGGER_MAX_DEPTH = 32;\n\n/**\n * Development check: whether the Drawer's children hold a `Drawer.Trigger` inside a host element\n * (at any depth, also through Fragments), which would become panel content; a trigger inside\n * Fragments only is direct (see `splitChildren`). Walks the element tree the consumer wrote, not\n * rendered output, so it descends only into host elements (`<div>`, `<span>`, …) and Fragments,\n * which render their `children` as written. A component's\n * output is unknown here — a wrapper that renders its own Drawer around its children, for one —\n * so components are not walked; a trigger rendered by a component is caught when it renders in the\n * open panel, or, while the drawer cannot open, by the unreachable-drawer check.\n */\nfunction hasNestedTrigger(children: React.ReactNode): boolean {\n  // `depth` counts host elements only: a Fragment adds no level, as `splitChildren` flattens it.\n  const visit = (node: unknown, depth: number, level: number): boolean => {\n    if (level > NESTED_TRIGGER_MAX_DEPTH || typeof node !== 'object' || node === null) return false;\n    if (Array.isArray(node)) return node.some((item) => visit(item, depth, level));\n    if (!React.isValidElement(node)) return false;\n    // A part written in a Server Component has a lazy type. The walk runs in effects, outside\n    // render: a lazy part that is still loading must not throw its thenable there, so it counts\n    // as no trigger (`suspend: false` returns the lazy itself, which matches nothing).\n    const type = getElementType(node, { suspend: false });\n    if (type === DrawerTrigger) return depth > 0;\n    const isFragment = type === React.Fragment;\n    if (typeof type !== 'string' && !isFragment) return false;\n    const { children: nested } = node.props as { children?: unknown };\n    return visit(nested, isFragment ? depth : depth + 1, level + 1);\n  };\n  return visit(children, 0, 0);\n}\n\n/**\n * Splits the Drawer's children into its direct `Drawer.Trigger` elements and the panel content.\n * Fragments are flattened (recursively), so a `Drawer.Trigger` in a Fragment —\n * `{isMobile && <><Drawer.Trigger>…</Drawer.Trigger><Filters /></>}` — counts as a direct child.\n * Every element keeps the key `flattenChildren` gives it: unique across Fragments and stable when a\n * sibling Fragment toggles, so panel content keeps its state. A trigger is recognised also when it\n * was written in a Server Component (a lazy type).\n */\nfunction splitChildren(children: React.ReactNode): {\n  triggers: React.ReactNode[];\n  content: React.ReactNode[];\n} {\n  const triggers: React.ReactNode[] = [];\n  const content: React.ReactNode[] = [];\n  for (const { key, node } of flattenChildren(children)) {\n    const keyed = React.isValidElement(node) ? React.cloneElement(node, { key }) : node;\n    if (isElementOfType(node, DrawerTrigger)) triggers.push(keyed);\n    else content.push(keyed);\n  }\n  return { triggers, content };\n}\n\n// The root of `Drawer` (documented on the export below).\nconst DrawerRoot = ({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  position = 'end',\n  title,\n  closeLabel = 'Close',\n  finalFocusRef,\n  children,\n  className,\n  id,\n  ref,\n  ...rest\n}: DrawerProps) => {\n  const [openState, requestOpen] = useModalOpenState(openProp, defaultOpen, onOpenChange);\n  // The panel lives in a portal, which renders only in the browser: until then (the server HTML,\n  // hydration) the drawer reports itself closed, so the trigger's aria-expanded and aria-controls\n  // never describe a panel that is not there.\n  const isClient = useIsClient();\n  const open = openState && isClient;\n  const trigger = useModalTrigger();\n  const generatedId = useId('wave-drawer');\n  const panelId = id ?? generatedId;\n  const propTitleId = useId('wave-drawer-title');\n  const titles = useTitleRegistry();\n\n  const [panel, setPanel] = React.useState<HTMLDivElement | null>(null);\n  const panelRef = React.useRef<HTMLDivElement | null>(null);\n  const attachPanel = React.useCallback((node: HTMLDivElement | null) => {\n    panelRef.current = node;\n    setPanel(node);\n  }, []);\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, attachPanel);\n\n  // Every backdrop press asks the drawer to close.\n  const backdropPress = useBackdropPress(panelRef, true);\n  const onDismiss = useModalDismiss(requestOpen, 'Drawer', backdropPress.afterOutsidePress);\n  const layer = useModalLayer({\n    open,\n    onDismiss,\n    refs: [panelRef],\n    container: panel,\n    triggerRef: trigger.focusRef,\n    finalFocusRef,\n  });\n  // After useModalLayer's focus restore (effects run in order), start the trigger session, or end\n  // it and forget the trigger that opened it.\n  useModalTriggerSession(trigger, open);\n  useUnnamedModalWarning(open ? panel : null, titles.hasTitle, 'Drawer', 'Drawer.Title');\n\n  const { triggers, content } = splitChildren(children);\n\n  // A trigger nested in the children is panel content: never rendered while the drawer is closed.\n  // The children change on every parent render; once this drawer has warned, it stops walking.\n  const nestedWarnedRef = React.useRef(false);\n  React.useEffect(() => {\n    if (!isDev || nestedWarnedRef.current || !hasNestedTrigger(children)) return;\n    nestedWarnedRef.current = true;\n    warnOnce(NESTED_TRIGGER_WARNING_KEY, NESTED_TRIGGER_WARNING);\n  }, [children]);\n\n  // An uncontrolled closed drawer without a direct trigger cannot open (e.g.\n  // `<Drawer><FilterTrigger /></Drawer>`, whose trigger is panel content). Checked once, a moment\n  // after mount, against the latest render: a trigger that a conditional Fragment adds right after\n  // mount (`{isMobile && <>…</>}` with an SSR-safe media query) counts. A trigger nested in an\n  // element already has the more specific warning above.\n  const unreachable = openProp === undefined && !defaultOpen && triggers.length === 0;\n  const latestRef = React.useRef({ unreachable, children });\n  React.useLayoutEffect(() => {\n    latestRef.current = { unreachable, children };\n  });\n  React.useEffect(() => {\n    if (!isDev || !latestRef.current.unreachable) return;\n    const timer = setTimeout(() => {\n      const latest = latestRef.current;\n      if (latest.unreachable && !hasNestedTrigger(latest.children)) {\n        warnOnce(UNREACHABLE_WARNING_KEY, UNREACHABLE_WARNING);\n      }\n    }, REACHABILITY_CHECK_DELAY);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const context = React.useMemo<DrawerContextValue>(\n    () => ({ open, requestOpen, trigger, panelId, inPanel: false }),\n    [open, requestOpen, trigger, panelId],\n  );\n  const panelContext = React.useMemo<DrawerContextValue>(\n    () => ({ ...context, inPanel: true }),\n    [context],\n  );\n\n  const hasTitle = slotRendersContent(title);\n\n  return (\n    <DrawerContext.Provider value={context}>\n      {triggers}\n      {open && (\n        <Portal layerId={layer.layerId}>\n          <div\n            className={cn(drawerClassNames.backdrop, 'fixed inset-0 bg-backdrop')}\n            onMouseDown={backdropPress.onMouseDown}\n          >\n            <div\n              ref={mergedRef}\n              role=\"dialog\"\n              id={panelId}\n              aria-labelledby={hasTitle ? propTitleId : titles.titleId}\n              tabIndex={-1}\n              {...rest}\n              className={cn(\n                drawerClassNames.root,\n                'fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64',\n                positionClasses[position],\n                className,\n              )}\n            >\n              <DrawerContext.Provider value={panelContext}>\n                <ModalSurfaceContext.Provider value={titles.context}>\n                  <div\n                    className={cn(\n                      drawerClassNames.header,\n                      'flex items-center justify-between gap-2 border-b border-border p-4',\n                    )}\n                  >\n                    {hasTitle && (\n                      <h2\n                        id={propTitleId}\n                        className={cn(drawerTitleClassNames.root, 'text-subtitle-1 font-semibold')}\n                      >\n                        {title}\n                      </h2>\n                    )}\n                    <Button\n                      appearance=\"subtle\"\n                      size=\"small\"\n                      icon={<DismissIcon />}\n                      aria-label={closeLabel}\n                      onClick={(event) =>\n                        requestOpen(false, { reason: 'close-button', event: event.nativeEvent })\n                      }\n                      className={cn(drawerClassNames.closeButton, 'ms-auto text-muted-foreground')}\n                    />\n                  </div>\n                  <div className={cn(drawerClassNames.body, 'min-h-0 flex-1 overflow-y-auto p-4')}>\n                    {content}\n                  </div>\n                </ModalSurfaceContext.Provider>\n              </DrawerContext.Provider>\n            </div>\n          </div>\n        </Portal>\n      )}\n    </DrawerContext.Provider>\n  );\n};\nDrawerRoot.displayName = 'Drawer';\n\n/**\n * A modal panel attached to a side of the screen (Fluent UI v2 style), rendered in a portal\n * (inheriting the WaveProvider theme) while open.\n *\n * - **Opening**: controlled (`open`), or uncontrolled with a `Drawer.Trigger` placed directly inside\n *   the Drawer or in a Fragment there (it renders in place, outside the panel).\n * - **Modal**: focus moves into the panel and Tab stays inside it (toasts included), the rest of the\n *   page is `inert` (instead of `aria-modal`), and the page does not scroll.\n * - **Closing**: Escape (only the topmost layer: a popup opened inside closes first), a click on the\n *   backdrop (a drag that starts inside does not close it), the Close button and `Drawer.Close`.\n *   `onOpenChange` gets the reason as its second argument (`details.reason`), so a controlled\n *   drawer can refuse some of them. A backdrop press blurs the focused field before the drawer\n *   closes, so a typed value is committed as with the Close button; when a controlled drawer\n *   refuses the press, the field gets focus back. Focus returns to the first of these that can\n *   take focus: `finalFocusRef`, the element that had focus when the drawer opened, the trigger,\n *   an element next to where that opener was.\n * - **Position**: `end` (default) and `start` follow the text direction.\n *\n * The sub-components are also exported under flat names (`DrawerTrigger`, `DrawerClose`,\n * `DrawerTitle`) for React Server Components, which cannot use the dotted form; dotted access\n * (`Drawer.Trigger`) needs a client file.\n *\n * @example\n * <Drawer title=\"Filters\">\n *   <Drawer.Trigger><Button>Filters</Button></Drawer.Trigger>\n *   <FilterForm />\n *   <Drawer.Close><Button appearance=\"primary\">Apply</Button></Drawer.Close>\n * </Drawer>\n */\nexport const Drawer = /* @__PURE__ */ Object.assign(DrawerRoot, {\n  Trigger: DrawerTrigger,\n  Close: DrawerClose,\n  Title: DrawerTitle,\n});\n"],"mappings":"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"}

package/dist/components/overlays/Drawer.mjs

@@ -3,175 +3,176 @@ import { cn as e } from "../../lib/cn.mjs";
 import { flattenChildren as t, getElementType as n, isElementOfType as r } from "../../lib/children.mjs";
 import { isDev as i, warnOnce as a } from "../../lib/dev.mjs";
 import { slotRendersContent as o } from "../../lib/slot.mjs";
-import { useId as s } from "../../hooks/useId.mjs";
-import { useMergedRefs as ee } from "../../hooks/useMergedRefs.mjs";
-import { useIsClient as c } from "../../hooks/useIsClient.mjs";
-import { Portal as l } from "../portal/Portal.mjs";
-import { Button as u } from "../button/Button.mjs";
-import { DismissIcon as d } from "../../lib/icons.mjs";
-import { useModalLayer as te } from "../../hooks/useModalLayer.mjs";
-import { ModalSurfaceContext as ne, inertModalTrigger as f, useBackdropPress as p, useModalClosePart as m, useModalDismiss as h, useModalOpenState as re, useModalTitle as g, useModalTrigger as _, useModalTriggerPart as v, useModalTriggerSession as y, useRequiredContext as b, useTitleRegistry as ie, useUnnamedModalWarning as ae } from "./Dialog.shared.mjs";
-import * as x from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { drawerClassNames as s, drawerTitleClassNames as c } from "../../lib/classNames.mjs";
+import { useId as l } from "../../hooks/useId.mjs";
+import { useMergedRefs as u } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as ee } from "../../hooks/useIsClient.mjs";
+import { Portal as d } from "../portal/Portal.mjs";
+import { Button as te } from "../button/Button.mjs";
+import { DismissIcon as f } from "../../lib/icons.mjs";
+import { useModalLayer as p } from "../../hooks/useModalLayer.mjs";
+import { ModalSurfaceContext as ne, inertModalTrigger as m, useBackdropPress as re, useModalClosePart as h, useModalDismiss as g, useModalOpenState as _, useModalTitle as v, useModalTrigger as y, useModalTriggerPart as b, useModalTriggerSession as ie, useRequiredContext as x, useTitleRegistry as ae, useUnnamedModalWarning as S } from "./Dialog.shared.mjs";
+import * as C from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/components/overlays/Drawer.tsx
-var w = x.createContext(null);
-w.displayName = "DrawerContext";
-var T = {
+var E = C.createContext(null);
+E.displayName = "DrawerContext";
+var D = {
 	open: !1,
 	requestOpen: () => {},
-	trigger: f,
+	trigger: m,
 	panelId: "",
 	inPanel: !1
 };
-function E(e) {
-	return b(w, e, "Drawer", () => T);
+function O(e) {
+	return x(E, e, "Drawer", () => D);
 }
-var D = {
+var k = {
 	start: "start-0 border-e",
 	end: "end-0 border-s",
 	left: "left-0 border-r",
 	right: "right-0 border-l"
-}, O = "Drawer.Trigger:nested", k = "Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.", oe = "Drawer:unreachable", se = "Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.", ce = 1e3, A = (e) => {
-	let { open: t, requestOpen: n, trigger: r, panelId: i, inPanel: o } = E("Drawer.Trigger");
-	return x.useEffect(() => {
-		o && a(O, k);
-	}, [o]), v({
+}, A = "Drawer.Trigger:nested", j = "Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.", oe = "Drawer:unreachable", se = "Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.", ce = 1e3, M = (e) => {
+	let { open: t, requestOpen: n, trigger: r, panelId: i, inPanel: o } = O("Drawer.Trigger");
+	return C.useEffect(() => {
+		o && a(A, j);
+	}, [o]), b({
 		open: t,
 		requestOpen: n,
 		trigger: r,
 		controlsId: i
 	}, e, "Drawer.Trigger");
 };
-A.displayName = "DrawerTrigger";
-var j = (e) => {
-	let { requestOpen: t } = E("Drawer.Close");
-	return m(t, e, "Drawer.Close");
+M.displayName = "DrawerTrigger";
+var N = (e) => {
+	let { requestOpen: t } = O("Drawer.Close");
+	return h(t, e, "Drawer.Close");
 };
-j.displayName = "DrawerClose";
-var M = ({ id: t, className: n, children: r, ref: i, ...a }) => {
-	let { id: o, ref: s } = g("Drawer.Title", "Drawer", t, i);
-	return /* @__PURE__ */ S("h2", {
+N.displayName = "DrawerClose";
+var P = ({ id: t, className: n, children: r, ref: i, ...a }) => {
+	let { id: o, ref: s } = v("Drawer.Title", "Drawer", t, i);
+	return /* @__PURE__ */ w("h2", {
 		...a,
 		id: o,
 		ref: s,
-		className: e("text-subtitle-1 font-semibold text-foreground", n),
+		className: e(c.root, "text-subtitle-1 font-semibold text-foreground", n),
 		children: r
 	});
 };
-M.displayName = "DrawerTitle";
-var N = 32;
-function P(e) {
+P.displayName = "DrawerTitle";
+var F = 32;
+function I(e) {
 	let t = (e, r, i) => {
-		if (i > N || typeof e != "object" || !e) return !1;
+		if (i > F || typeof e != "object" || !e) return !1;
 		if (Array.isArray(e)) return e.some((e) => t(e, r, i));
-		if (!x.isValidElement(e)) return !1;
+		if (!C.isValidElement(e)) return !1;
 		let a = n(e, { suspend: !1 });
-		if (a === A) return r > 0;
-		let o = a === x.Fragment;
+		if (a === M) return r > 0;
+		let o = a === C.Fragment;
 		if (typeof a != "string" && !o) return !1;
 		let { children: s } = e.props;
 		return t(s, o ? r : r + 1, i + 1);
 	};
 	return t(e, 0, 0);
 }
-function F(e) {
+function L(e) {
 	let n = [], i = [];
 	for (let { key: a, node: o } of t(e)) {
-		let e = x.isValidElement(o) ? x.cloneElement(o, { key: a }) : o;
-		r(o, A) ? n.push(e) : i.push(e);
+		let e = C.isValidElement(o) ? C.cloneElement(o, { key: a }) : o;
+		r(o, M) ? n.push(e) : i.push(e);
 	}
 	return {
 		triggers: n,
 		content: i
 	};
 }
-var I = ({ open: t, defaultOpen: n, onOpenChange: r, position: f = "end", title: m, closeLabel: g = "Close", finalFocusRef: v, children: b, className: T, id: E, ref: A, ...j }) => {
-	let [M, N] = re(t, n, r), I = c(), L = M && I, R = _(), z = s("wave-drawer"), B = E ?? z, V = s("wave-drawer-title"), H = ie(), [U, W] = x.useState(null), G = x.useRef(null), le = x.useCallback((e) => {
-		G.current = e, W(e);
-	}, []), ue = ee(A, le), K = p(G, !0), de = h(N, "Drawer", K.afterOutsidePress), fe = te({
-		open: L,
-		onDismiss: de,
-		refs: [G],
-		container: U,
-		triggerRef: R.focusRef,
-		finalFocusRef: v
+var R = ({ open: t, defaultOpen: n, onOpenChange: r, position: m = "end", title: h, closeLabel: v = "Close", finalFocusRef: b, children: x, className: D, id: O, ref: M, ...N }) => {
+	let [P, F] = _(t, n, r), R = ee(), z = P && R, B = y(), V = l("wave-drawer"), H = O ?? V, U = l("wave-drawer-title"), W = ae(), [G, le] = C.useState(null), K = C.useRef(null), ue = C.useCallback((e) => {
+		K.current = e, le(e);
+	}, []), de = u(M, ue), q = re(K, !0), fe = g(F, "Drawer", q.afterOutsidePress), pe = p({
+		open: z,
+		onDismiss: fe,
+		refs: [K],
+		container: G,
+		triggerRef: B.focusRef,
+		finalFocusRef: b
 	});
-	y(R, L), ae(L ? U : null, H.hasTitle, "Drawer", "Drawer.Title");
-	let { triggers: q, content: J } = F(b), Y = x.useRef(!1);
-	x.useEffect(() => {
-		i && !Y.current && P(b) && (Y.current = !0, a(O, k));
-	}, [b]);
-	let X = t === void 0 && !n && q.length === 0, Z = x.useRef({
+	ie(B, z), S(z ? G : null, W.hasTitle, "Drawer", "Drawer.Title");
+	let { triggers: J, content: me } = L(x), Y = C.useRef(!1);
+	C.useEffect(() => {
+		i && !Y.current && I(x) && (Y.current = !0, a(A, j));
+	}, [x]);
+	let X = t === void 0 && !n && J.length === 0, Z = C.useRef({
 		unreachable: X,
-		children: b
+		children: x
 	});
-	x.useLayoutEffect(() => {
+	C.useLayoutEffect(() => {
 		Z.current = {
 			unreachable: X,
-			children: b
+			children: x
 		};
-	}), x.useEffect(() => {
+	}), C.useEffect(() => {
 		if (!i || !Z.current.unreachable) return;
 		let e = setTimeout(() => {
 			let e = Z.current;
-			e.unreachable && !P(e.children) && a(oe, se);
+			e.unreachable && !I(e.children) && a(oe, se);
 		}, ce);
 		return () => clearTimeout(e);
 	}, []);
-	let Q = x.useMemo(() => ({
-		open: L,
-		requestOpen: N,
-		trigger: R,
-		panelId: B,
+	let Q = C.useMemo(() => ({
+		open: z,
+		requestOpen: F,
+		trigger: B,
+		panelId: H,
 		inPanel: !1
 	}), [
-		L,
-		N,
-		R,
-		B
-	]), pe = x.useMemo(() => ({
+		z,
+		F,
+		B,
+		H
+	]), he = C.useMemo(() => ({
 		...Q,
 		inPanel: !0
-	}), [Q]), $ = o(m);
-	return /* @__PURE__ */ C(w.Provider, {
+	}), [Q]), $ = o(h);
+	return /* @__PURE__ */ T(E.Provider, {
 		value: Q,
-		children: [q, L && /* @__PURE__ */ S(l, {
-			layerId: fe.layerId,
-			children: /* @__PURE__ */ S("div", {
-				className: "fixed inset-0 bg-backdrop",
-				onMouseDown: K.onMouseDown,
-				children: /* @__PURE__ */ S("div", {
-					ref: ue,
+		children: [J, z && /* @__PURE__ */ w(d, {
+			layerId: pe.layerId,
+			children: /* @__PURE__ */ w("div", {
+				className: e(s.backdrop, "fixed inset-0 bg-backdrop"),
+				onMouseDown: q.onMouseDown,
+				children: /* @__PURE__ */ w("div", {
+					ref: de,
 					role: "dialog",
-					id: B,
-					"aria-labelledby": $ ? V : H.titleId,
+					id: H,
+					"aria-labelledby": $ ? U : W.titleId,
 					tabIndex: -1,
-					...j,
-					className: e("fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64", D[f], T),
-					children: /* @__PURE__ */ S(w.Provider, {
-						value: pe,
-						children: /* @__PURE__ */ C(ne.Provider, {
-							value: H.context,
-							children: [/* @__PURE__ */ C("div", {
-								className: "flex items-center justify-between gap-2 border-b border-border p-4",
-								children: [$ && /* @__PURE__ */ S("h2", {
-									id: V,
-									className: "text-subtitle-1 font-semibold",
-									children: m
-								}), /* @__PURE__ */ S(u, {
+					...N,
+					className: e(s.root, "fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64", k[m], D),
+					children: /* @__PURE__ */ w(E.Provider, {
+						value: he,
+						children: /* @__PURE__ */ T(ne.Provider, {
+							value: W.context,
+							children: [/* @__PURE__ */ T("div", {
+								className: e(s.header, "flex items-center justify-between gap-2 border-b border-border p-4"),
+								children: [$ && /* @__PURE__ */ w("h2", {
+									id: U,
+									className: e(c.root, "text-subtitle-1 font-semibold"),
+									children: h
+								}), /* @__PURE__ */ w(te, {
 									appearance: "subtle",
 									size: "small",
-									icon: /* @__PURE__ */ S(d, {}),
-									"aria-label": g,
-									onClick: (e) => N(!1, {
+									icon: /* @__PURE__ */ w(f, {}),
+									"aria-label": v,
+									onClick: (e) => F(!1, {
 										reason: "close-button",
 										event: e.nativeEvent
 									}),
-									className: "ms-auto text-muted-foreground"
+									className: e(s.closeButton, "ms-auto text-muted-foreground")
 								})]
-							}), /* @__PURE__ */ S("div", {
-								className: "min-h-0 flex-1 overflow-y-auto p-4",
-								children: J
+							}), /* @__PURE__ */ w("div", {
+								className: e(s.body, "min-h-0 flex-1 overflow-y-auto p-4"),
+								children: me
 							})]
 						})
 					})
@@ -180,13 +181,13 @@ var I = ({ open: t, defaultOpen: n, onOpenChange: r, position: f = "end", title:
 		})]
 	});
 };
-I.displayName = "Drawer";
-var L = /* @__PURE__ */ Object.assign(I, {
-	Trigger: A,
-	Close: j,
-	Title: M
+R.displayName = "Drawer";
+var z = /* @__PURE__ */ Object.assign(R, {
+	Trigger: M,
+	Close: N,
+	Title: P
 });
 //#endregion
-export { L as Drawer, j as DrawerClose, M as DrawerTitle, A as DrawerTrigger };
+export { z as Drawer, N as DrawerClose, P as DrawerTitle, M as DrawerTrigger };
 
 //# sourceMappingURL=Drawer.mjs.map