react-panel-layout 0.5.2 → 0.6.0

package/dist/useDocumentPointerEvents-ChqrKXDk.cjs

@@ -0,0 +1,2 @@
+"use strict";const p=require("react"),c=require("./useEffectEvent-huSsGUnl.cjs");function E(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const i=E(p);function s(o,e){const t=c.useEffectEvent(e.onMove),n=c.useEffectEvent(e.onUp),r=c.useEffectEvent(e.onCancel);i.useEffect(()=>{if(o)return e.onMove&&document.addEventListener("pointermove",t,{passive:!1}),e.onUp&&document.addEventListener("pointerup",n),e.onCancel&&document.addEventListener("pointercancel",r),()=>{e.onMove&&document.removeEventListener("pointermove",t),e.onUp&&document.removeEventListener("pointerup",n),e.onCancel&&document.removeEventListener("pointercancel",r)}},[o,e.onMove,e.onUp,e.onCancel,t,n,r])}function l(o,e,t){i.useEffect(()=>{const n=o.current;if(!(!e||!n||t===void 0))return n.setPointerCapture(t),()=>{n.hasPointerCapture&&n.hasPointerCapture(t)&&n.releasePointerCapture(t)}},[o,e,t])}function m(o,e,t=["pointerdown","pointermove","pointerup"]){i.useEffect(()=>{const n=o.current;if(!e||!n)return;const r=u=>{u.preventDefault()};return t.forEach(u=>{n.addEventListener(u,r,{passive:!1})}),()=>{t.forEach(u=>{n.removeEventListener(u,r)})}},[o,e,t])}function P(o,e,t){const{onMove:n,onUp:r,onCancel:u,pointerId:f,capturePointer:v=!0,preventDefaults:a=!0}=t;s(e,{onMove:n,onUp:r,onCancel:u}),l(o,e?v:!1,f),m(o,e?a:!1)}exports.useDocumentPointerEvents=s;exports.useDragPointerEvents=P;
+//# sourceMappingURL=useDocumentPointerEvents-ChqrKXDk.cjs.map

package/dist/useDocumentPointerEvents-ChqrKXDk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentPointerEvents-ChqrKXDk.cjs","sources":["../src/hooks/useDocumentPointerEvents.ts"],"sourcesContent":["/**\n * @file Hooks for managing document-level pointer events with proper cleanup\n */\nimport * as React from \"react\";\nimport { useEffectEvent } from \"./useEffectEvent\";\n\nexport type UseDocumentPointerEventsOptions = {\n  onMove?: (e: PointerEvent) => void;\n  onUp?: (e: PointerEvent) => void;\n  onCancel?: (e: PointerEvent) => void;\n};\n\n/**\n * Custom hook for managing document-level pointer events with proper cleanup\n * This pattern is commonly used for drag operations that need to continue\n * even when the pointer moves outside the original element\n */\nexport function useDocumentPointerEvents(enabled: boolean, handlers: UseDocumentPointerEventsOptions) {\n  const handleMoveEvent = useEffectEvent(handlers.onMove);\n  const handleUpEvent = useEffectEvent(handlers.onUp);\n  const handleCancelEvent = useEffectEvent(handlers.onCancel);\n\n  React.useEffect(() => {\n    if (!enabled) {\n      return;\n    }\n\n    if (handlers.onMove) {\n      document.addEventListener(\"pointermove\", handleMoveEvent, { passive: false });\n    }\n    if (handlers.onUp) {\n      document.addEventListener(\"pointerup\", handleUpEvent);\n    }\n    if (handlers.onCancel) {\n      document.addEventListener(\"pointercancel\", handleCancelEvent);\n    }\n\n    // Cleanup function\n    return () => {\n      if (handlers.onMove) {\n        document.removeEventListener(\"pointermove\", handleMoveEvent);\n      }\n      if (handlers.onUp) {\n        document.removeEventListener(\"pointerup\", handleUpEvent);\n      }\n      if (handlers.onCancel) {\n        document.removeEventListener(\"pointercancel\", handleCancelEvent);\n      }\n    };\n  }, [enabled, handlers.onMove, handlers.onUp, handlers.onCancel, handleMoveEvent, handleUpEvent, handleCancelEvent]);\n}\n\n/**\n * Hook for capturing pointer during drag operations\n * This ensures that pointer events are delivered to the capturing element\n * even when the pointer moves outside its boundaries\n */\nexport function usePointerCapture(elementRef: React.RefObject<HTMLElement | null>, enabled: boolean, pointerId?: number) {\n  React.useEffect(() => {\n    const element = elementRef.current;\n    if (!enabled || !element || pointerId === undefined) {\n      return;\n    }\n\n    // Capture pointer\n    element.setPointerCapture(pointerId);\n\n    // Release capture on cleanup\n    return () => {\n      if (element.hasPointerCapture && element.hasPointerCapture(pointerId)) {\n        element.releasePointerCapture(pointerId);\n      }\n    };\n  }, [elementRef, enabled, pointerId]);\n}\n\n/**\n * Hook for preventing default pointer events during operations\n * Useful for preventing text selection, context menus, etc. during drag operations\n */\nexport function usePreventPointerDefaults(\n  elementRef: React.RefObject<HTMLElement | null>,\n  enabled: boolean,\n  events: string[] = [\"pointerdown\", \"pointermove\", \"pointerup\"],\n) {\n  React.useEffect(() => {\n    const element = elementRef.current;\n    if (!enabled || !element) {\n      return;\n    }\n\n    const preventDefault = (e: Event) => {\n      e.preventDefault();\n    };\n\n    // Add listeners\n    events.forEach((eventType) => {\n      element.addEventListener(eventType, preventDefault, { passive: false });\n    });\n\n    // Cleanup\n    return () => {\n      events.forEach((eventType) => {\n        element.removeEventListener(eventType, preventDefault);\n      });\n    };\n  }, [elementRef, enabled, events]);\n}\n\n/**\n * Hook that combines multiple pointer event patterns for drag operations\n */\nexport function useDragPointerEvents(\n  elementRef: React.RefObject<HTMLElement | null>,\n  enabled: boolean,\n  options: {\n    onMove?: (e: PointerEvent) => void;\n    onUp?: (e: PointerEvent) => void;\n    onCancel?: (e: PointerEvent) => void;\n    pointerId?: number;\n    capturePointer?: boolean;\n    preventDefaults?: boolean;\n  },\n) {\n  const { onMove, onUp, onCancel, pointerId, capturePointer = true, preventDefaults = true } = options;\n\n  // Document-level event handlers\n  useDocumentPointerEvents(enabled, { onMove, onUp, onCancel });\n\n  // Pointer capture\n  const shouldCapturePointer = enabled ? capturePointer : false;\n  usePointerCapture(elementRef, shouldCapturePointer, pointerId);\n\n  // Prevent defaults\n  const shouldPreventDefaults = enabled ? preventDefaults : false;\n  usePreventPointerDefaults(elementRef, shouldPreventDefaults);\n}\n"],"names":["useDocumentPointerEvents","enabled","handlers","handleMoveEvent","useEffectEvent","handleUpEvent","handleCancelEvent","React","usePointerCapture","elementRef","pointerId","element","usePreventPointerDefaults","events","preventDefault","e","eventType","useDragPointerEvents","options","onMove","onUp","onCancel","capturePointer","preventDefaults"],"mappings":"2WAiBO,SAASA,EAAyBC,EAAkBC,EAA2C,CACpG,MAAMC,EAAkBC,EAAAA,eAAeF,EAAS,MAAM,EAChDG,EAAgBD,EAAAA,eAAeF,EAAS,IAAI,EAC5CI,EAAoBF,EAAAA,eAAeF,EAAS,QAAQ,EAE1DK,EAAM,UAAU,IAAM,CACpB,GAAKN,EAIL,OAAIC,EAAS,QACX,SAAS,iBAAiB,cAAeC,EAAiB,CAAE,QAAS,GAAO,EAE1ED,EAAS,MACX,SAAS,iBAAiB,YAAaG,CAAa,EAElDH,EAAS,UACX,SAAS,iBAAiB,gBAAiBI,CAAiB,EAIvD,IAAM,CACPJ,EAAS,QACX,SAAS,oBAAoB,cAAeC,CAAe,EAEzDD,EAAS,MACX,SAAS,oBAAoB,YAAaG,CAAa,EAErDH,EAAS,UACX,SAAS,oBAAoB,gBAAiBI,CAAiB,CAEnE,CACF,EAAG,CAACL,EAASC,EAAS,OAAQA,EAAS,KAAMA,EAAS,SAAUC,EAAiBE,EAAeC,CAAiB,CAAC,CACpH,CAOO,SAASE,EAAkBC,EAAiDR,EAAkBS,EAAoB,CACvHH,EAAM,UAAU,IAAM,CACpB,MAAMI,EAAUF,EAAW,QAC3B,GAAI,GAACR,GAAW,CAACU,GAAWD,IAAc,QAK1C,OAAAC,EAAQ,kBAAkBD,CAAS,EAG5B,IAAM,CACPC,EAAQ,mBAAqBA,EAAQ,kBAAkBD,CAAS,GAClEC,EAAQ,sBAAsBD,CAAS,CAE3C,CACF,EAAG,CAACD,EAAYR,EAASS,CAAS,CAAC,CACrC,CAMO,SAASE,EACdH,EACAR,EACAY,EAAmB,CAAC,cAAe,cAAe,WAAW,EAC7D,CACAN,EAAM,UAAU,IAAM,CACpB,MAAMI,EAAUF,EAAW,QAC3B,GAAI,CAACR,GAAW,CAACU,EACf,OAGF,MAAMG,EAAkBC,GAAa,CACnCA,EAAE,eAAA,CACJ,EAGA,OAAAF,EAAO,QAASG,GAAc,CAC5BL,EAAQ,iBAAiBK,EAAWF,EAAgB,CAAE,QAAS,GAAO,CACxE,CAAC,EAGM,IAAM,CACXD,EAAO,QAASG,GAAc,CAC5BL,EAAQ,oBAAoBK,EAAWF,CAAc,CACvD,CAAC,CACH,CACF,EAAG,CAACL,EAAYR,EAASY,CAAM,CAAC,CAClC,CAKO,SAASI,EACdR,EACAR,EACAiB,EAQA,CACA,KAAM,CAAE,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,UAAAX,EAAW,eAAAY,EAAiB,GAAM,gBAAAC,EAAkB,EAAA,EAASL,EAG7FlB,EAAyBC,EAAS,CAAE,OAAAkB,EAAQ,KAAAC,EAAM,SAAAC,EAAU,EAI5Db,EAAkBC,EADWR,EAAUqB,EAAiB,GACJZ,CAAS,EAI7DE,EAA0BH,EADIR,EAAUsB,EAAkB,EACC,CAC7D"}

package/dist/useEffectEvent-Dp7HLCf0.js

@@ -0,0 +1,13 @@
+import * as n from "react";
+function c(r) {
+  const e = n.useRef(r);
+  return e.current = r, n.useCallback((...u) => {
+    const t = e.current;
+    if (t)
+      return t(...u);
+  }, []);
+}
+export {
+  c as u
+};
+//# sourceMappingURL=useEffectEvent-Dp7HLCf0.js.map

package/dist/useEffectEvent-Dp7HLCf0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectEvent-Dp7HLCf0.js","sources":["../src/hooks/useEffectEvent.ts"],"sourcesContent":["/**\n * @file useEffectEvent hook - Stable event handler for Effects\n *\n * This hook allows you to extract event handlers from Effects without causing them to re-run.\n * The returned function is stable and can be safely used in effect dependencies.\n *\n * @see https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event\n */\nimport * as React from \"react\";\n\n/**\n * Extract event handlers from Effects to avoid unnecessary re-runs\n *\n * @example\n * ```tsx\n * function Component({ onEvent }) {\n *   const onEventHandler = useEffectEvent(onEvent);\n *\n *   React.useEffect(() => {\n *     // onEventHandler is stable, but always calls the latest onEvent\n *     const cleanup = subscribe(onEventHandler);\n *     return cleanup;\n *   }, []); // No need to include onEvent in dependencies\n * }\n * ```\n */\nexport function useEffectEvent<Args extends unknown[], Return>(\n  fn: ((...args: Args) => Return) | undefined,\n): (...args: Args) => Return | undefined {\n  const ref = React.useRef<typeof fn>(fn);\n  ref.current = fn;\n\n  return React.useCallback((...args: Args): Return | undefined => {\n    const currentFn = ref.current;\n    if (currentFn) {\n      return currentFn(...args);\n    }\n    return undefined;\n  }, []);\n}\n"],"names":["useEffectEvent","fn","ref","React","args","currentFn"],"mappings":";AA0BO,SAASA,EACdC,GACuC;AACvC,QAAMC,IAAMC,EAAM,OAAkBF,CAAE;AACtC,SAAAC,EAAI,UAAUD,GAEPE,EAAM,YAAY,IAAIC,MAAmC;AAC9D,UAAMC,IAAYH,EAAI;AACtB,QAAIG;AACF,aAAOA,EAAU,GAAGD,CAAI;AAAA,EAG5B,GAAG,CAAA,CAAE;AACP;"}

package/dist/useEffectEvent-huSsGUnl.cjs

@@ -0,0 +1,2 @@
+"use strict";const u=require("react");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=o(u);function f(e){const t=c.useRef(e);return t.current=e,c.useCallback((...r)=>{const n=t.current;if(n)return n(...r)},[])}exports.useEffectEvent=f;
+//# sourceMappingURL=useEffectEvent-huSsGUnl.cjs.map

package/dist/useEffectEvent-huSsGUnl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectEvent-huSsGUnl.cjs","sources":["../src/hooks/useEffectEvent.ts"],"sourcesContent":["/**\n * @file useEffectEvent hook - Stable event handler for Effects\n *\n * This hook allows you to extract event handlers from Effects without causing them to re-run.\n * The returned function is stable and can be safely used in effect dependencies.\n *\n * @see https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event\n */\nimport * as React from \"react\";\n\n/**\n * Extract event handlers from Effects to avoid unnecessary re-runs\n *\n * @example\n * ```tsx\n * function Component({ onEvent }) {\n *   const onEventHandler = useEffectEvent(onEvent);\n *\n *   React.useEffect(() => {\n *     // onEventHandler is stable, but always calls the latest onEvent\n *     const cleanup = subscribe(onEventHandler);\n *     return cleanup;\n *   }, []); // No need to include onEvent in dependencies\n * }\n * ```\n */\nexport function useEffectEvent<Args extends unknown[], Return>(\n  fn: ((...args: Args) => Return) | undefined,\n): (...args: Args) => Return | undefined {\n  const ref = React.useRef<typeof fn>(fn);\n  ref.current = fn;\n\n  return React.useCallback((...args: Args): Return | undefined => {\n    const currentFn = ref.current;\n    if (currentFn) {\n      return currentFn(...args);\n    }\n    return undefined;\n  }, []);\n}\n"],"names":["useEffectEvent","fn","ref","React","args","currentFn"],"mappings":"gUA0BO,SAASA,EACdC,EACuC,CACvC,MAAMC,EAAMC,EAAM,OAAkBF,CAAE,EACtC,OAAAC,EAAI,QAAUD,EAEPE,EAAM,YAAY,IAAIC,IAAmC,CAC9D,MAAMC,EAAYH,EAAI,QACtB,GAAIG,EACF,OAAOA,EAAU,GAAGD,CAAI,CAG5B,EAAG,CAAA,CAAE,CACP"}

package/dist/useFloatingState-C4kRaW_R.cjs

@@ -0,0 +1,2 @@
+"use strict";const k=require("react");function C(i){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const c in i)if(c!=="default"){const n=Object.getOwnPropertyDescriptor(i,c);Object.defineProperty(a,c,n.get?n:{enumerable:!0,get:()=>i[c]})}}return a.default=i,Object.freeze(a)}const s=C(k),u={left:0,top:0},f={width:400,height:300},O=i=>{const[a,c]=s.useState(()=>{const t={};return i.forEach(e=>{if(e.floating){const o=e.floating;t[e.id]={position:o.defaultPosition??u,size:o.defaultSize??f}}}),t}),n=s.useMemo(()=>{const t=new Map;return i.forEach(e=>t.set(e.id,e)),t},[i]),g=s.useCallback(t=>{const e=n.get(t);return e?.floating?.position!==void 0?e.floating.position:a[t]?.position??u},[n,a]),S=s.useCallback(t=>{const e=n.get(t);return e?.floating?.size!==void 0?e.floating.size:a[t]?.size??f},[n,a]),b=s.useCallback(t=>n.get(t)?.floating?.zIndex,[n]),d=s.useCallback((t,e)=>{const o=n.get(t);o?.floating&&(o.floating.position===void 0&&c(r=>{const l=r[t];return l?{...r,[t]:{...l,position:e}}:r}),o.floating.onMove?.(e))},[n]),p=s.useCallback((t,e)=>{const o=n.get(t);o?.floating&&(o.floating.size===void 0&&c(r=>{const l=r[t];return l?{...r,[t]:{...l,size:e}}:r}),o.floating.onResize?.(e))},[n]),z=s.useCallback(t=>{n.get(t)?.floating?.onClose?.()},[n]);return{getPosition:g,getSize:S,getZIndex:b,updatePosition:d,updateSize:p,close:z}};exports.useFloatingState=O;
+//# sourceMappingURL=useFloatingState-C4kRaW_R.cjs.map

package/dist/useFloatingState-C4kRaW_R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingState-C4kRaW_R.cjs","sources":["../src/modules/window/useFloatingState.ts"],"sourcesContent":["/**\n * @file Hook for managing floating window state (controlled/uncontrolled)\n * Pattern based on useDrawerState.ts\n */\nimport * as React from \"react\";\nimport type { LayerDefinition, WindowPosition, WindowSize } from \"../../types\";\n\ntype FloatingState = {\n  position: WindowPosition;\n  size: WindowSize;\n};\n\nconst DEFAULT_POSITION: WindowPosition = { left: 0, top: 0 };\nconst DEFAULT_SIZE: WindowSize = { width: 400, height: 300 };\n\nexport const useFloatingState = (layers: LayerDefinition[]) => {\n  const [floatingStates, setFloatingStates] = React.useState<Record<string, FloatingState>>(() => {\n    const initial: Record<string, FloatingState> = {};\n    layers.forEach((layer) => {\n      if (layer.floating) {\n        const floating = layer.floating;\n        initial[layer.id] = {\n          position: floating.defaultPosition ?? DEFAULT_POSITION,\n          size: floating.defaultSize ?? DEFAULT_SIZE,\n        };\n      }\n    });\n    return initial;\n  });\n\n  const layerMap = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => map.set(layer.id, layer));\n    return map;\n  }, [layers]);\n\n  const getPosition = React.useCallback(\n    (layerId: string): WindowPosition => {\n      const layer = layerMap.get(layerId);\n      // Controlled mode: use position prop directly\n      if (layer?.floating?.position !== undefined) {\n        return layer.floating.position;\n      }\n      // Uncontrolled mode: use internal state\n      return floatingStates[layerId]?.position ?? DEFAULT_POSITION;\n    },\n    [layerMap, floatingStates],\n  );\n\n  const getSize = React.useCallback(\n    (layerId: string): WindowSize => {\n      const layer = layerMap.get(layerId);\n      // Controlled mode: use size prop directly\n      if (layer?.floating?.size !== undefined) {\n        return layer.floating.size;\n      }\n      // Uncontrolled mode: use internal state\n      return floatingStates[layerId]?.size ?? DEFAULT_SIZE;\n    },\n    [layerMap, floatingStates],\n  );\n\n  const getZIndex = React.useCallback(\n    (layerId: string): number | undefined => {\n      const layer = layerMap.get(layerId);\n      return layer?.floating?.zIndex;\n    },\n    [layerMap],\n  );\n\n  const updatePosition = React.useCallback(\n    (layerId: string, position: WindowPosition) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.floating) {\n        return;\n      }\n\n      // Update internal state only if uncontrolled\n      if (layer.floating.position === undefined) {\n        setFloatingStates((prev) => {\n          const currentState = prev[layerId];\n          if (!currentState) {\n            return prev;\n          }\n          return {\n            ...prev,\n            [layerId]: { ...currentState, position },\n          };\n        });\n      }\n\n      // Always call callback\n      layer.floating.onMove?.(position);\n    },\n    [layerMap],\n  );\n\n  const updateSize = React.useCallback(\n    (layerId: string, size: WindowSize) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.floating) {\n        return;\n      }\n\n      // Update internal state only if uncontrolled\n      if (layer.floating.size === undefined) {\n        setFloatingStates((prev) => {\n          const currentState = prev[layerId];\n          if (!currentState) {\n            return prev;\n          }\n          return {\n            ...prev,\n            [layerId]: { ...currentState, size },\n          };\n        });\n      }\n\n      // Always call callback\n      layer.floating.onResize?.(size);\n    },\n    [layerMap],\n  );\n\n  const close = React.useCallback(\n    (layerId: string) => {\n      const layer = layerMap.get(layerId);\n      layer?.floating?.onClose?.();\n    },\n    [layerMap],\n  );\n\n  return {\n    getPosition,\n    getSize,\n    getZIndex,\n    updatePosition,\n    updateSize,\n    close,\n  };\n};\n"],"names":["DEFAULT_POSITION","DEFAULT_SIZE","useFloatingState","layers","floatingStates","setFloatingStates","React","initial","layer","floating","layerMap","map","getPosition","layerId","getSize","getZIndex","updatePosition","position","prev","currentState","updateSize","size","close"],"mappings":"gUAYMA,EAAmC,CAAE,KAAM,EAAG,IAAK,CAAA,EACnDC,EAA2B,CAAE,MAAO,IAAK,OAAQ,GAAA,EAE1CC,EAAoBC,GAA8B,CAC7D,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAM,SAAwC,IAAM,CAC9F,MAAMC,EAAyC,CAAA,EAC/C,OAAAJ,EAAO,QAASK,GAAU,CACxB,GAAIA,EAAM,SAAU,CAClB,MAAMC,EAAWD,EAAM,SACvBD,EAAQC,EAAM,EAAE,EAAI,CAClB,SAAUC,EAAS,iBAAmBT,EACtC,KAAMS,EAAS,aAAeR,CAAA,CAElC,CACF,CAAC,EACMM,CACT,CAAC,EAEKG,EAAWJ,EAAM,QAAQ,IAAM,CACnC,MAAMK,MAAU,IAChB,OAAAR,EAAO,QAASK,GAAUG,EAAI,IAAIH,EAAM,GAAIA,CAAK,CAAC,EAC3CG,CACT,EAAG,CAACR,CAAM,CAAC,EAELS,EAAcN,EAAM,YACvBO,GAAoC,CACnC,MAAML,EAAQE,EAAS,IAAIG,CAAO,EAElC,OAAIL,GAAO,UAAU,WAAa,OACzBA,EAAM,SAAS,SAGjBJ,EAAeS,CAAO,GAAG,UAAYb,CAC9C,EACA,CAACU,EAAUN,CAAc,CAAA,EAGrBU,EAAUR,EAAM,YACnBO,GAAgC,CAC/B,MAAML,EAAQE,EAAS,IAAIG,CAAO,EAElC,OAAIL,GAAO,UAAU,OAAS,OACrBA,EAAM,SAAS,KAGjBJ,EAAeS,CAAO,GAAG,MAAQZ,CAC1C,EACA,CAACS,EAAUN,CAAc,CAAA,EAGrBW,EAAYT,EAAM,YACrBO,GACeH,EAAS,IAAIG,CAAO,GACpB,UAAU,OAE1B,CAACH,CAAQ,CAAA,EAGLM,EAAiBV,EAAM,YAC3B,CAACO,EAAiBI,IAA6B,CAC7C,MAAMT,EAAQE,EAAS,IAAIG,CAAO,EAC7BL,GAAO,WAKRA,EAAM,SAAS,WAAa,QAC9BH,EAAmBa,GAAS,CAC1B,MAAMC,EAAeD,EAAKL,CAAO,EACjC,OAAKM,EAGE,CACL,GAAGD,EACH,CAACL,CAAO,EAAG,CAAE,GAAGM,EAAc,SAAAF,CAAA,CAAS,EAJhCC,CAMX,CAAC,EAIHV,EAAM,SAAS,SAASS,CAAQ,EAClC,EACA,CAACP,CAAQ,CAAA,EAGLU,EAAad,EAAM,YACvB,CAACO,EAAiBQ,IAAqB,CACrC,MAAMb,EAAQE,EAAS,IAAIG,CAAO,EAC7BL,GAAO,WAKRA,EAAM,SAAS,OAAS,QAC1BH,EAAmBa,GAAS,CAC1B,MAAMC,EAAeD,EAAKL,CAAO,EACjC,OAAKM,EAGE,CACL,GAAGD,EACH,CAACL,CAAO,EAAG,CAAE,GAAGM,EAAc,KAAAE,CAAA,CAAK,EAJ5BH,CAMX,CAAC,EAIHV,EAAM,SAAS,WAAWa,CAAI,EAChC,EACA,CAACX,CAAQ,CAAA,EAGLY,EAAQhB,EAAM,YACjBO,GAAoB,CACLH,EAAS,IAAIG,CAAO,GAC3B,UAAU,UAAA,CACnB,EACA,CAACH,CAAQ,CAAA,EAGX,MAAO,CACL,YAAAE,EACA,QAAAE,EACA,UAAAC,EACA,eAAAC,EACA,WAAAI,EACA,MAAAE,CAAA,CAEJ"}

package/dist/useFloatingState-tEfA_wbc.js

@@ -0,0 +1,74 @@
+import * as e from "react";
+const r = { left: 0, top: 0 }, u = { width: 400, height: 300 }, b = (l) => {
+  const [c, f] = e.useState(() => {
+    const t = {};
+    return l.forEach((o) => {
+      if (o.floating) {
+        const i = o.floating;
+        t[o.id] = {
+          position: i.defaultPosition ?? r,
+          size: i.defaultSize ?? u
+        };
+      }
+    }), t;
+  }), n = e.useMemo(() => {
+    const t = /* @__PURE__ */ new Map();
+    return l.forEach((o) => t.set(o.id, o)), t;
+  }, [l]), g = e.useCallback(
+    (t) => {
+      const o = n.get(t);
+      return o?.floating?.position !== void 0 ? o.floating.position : c[t]?.position ?? r;
+    },
+    [n, c]
+  ), S = e.useCallback(
+    (t) => {
+      const o = n.get(t);
+      return o?.floating?.size !== void 0 ? o.floating.size : c[t]?.size ?? u;
+    },
+    [n, c]
+  ), z = e.useCallback(
+    (t) => n.get(t)?.floating?.zIndex,
+    [n]
+  ), p = e.useCallback(
+    (t, o) => {
+      const i = n.get(t);
+      i?.floating && (i.floating.position === void 0 && f((s) => {
+        const a = s[t];
+        return a ? {
+          ...s,
+          [t]: { ...a, position: o }
+        } : s;
+      }), i.floating.onMove?.(o));
+    },
+    [n]
+  ), d = e.useCallback(
+    (t, o) => {
+      const i = n.get(t);
+      i?.floating && (i.floating.size === void 0 && f((s) => {
+        const a = s[t];
+        return a ? {
+          ...s,
+          [t]: { ...a, size: o }
+        } : s;
+      }), i.floating.onResize?.(o));
+    },
+    [n]
+  ), C = e.useCallback(
+    (t) => {
+      n.get(t)?.floating?.onClose?.();
+    },
+    [n]
+  );
+  return {
+    getPosition: g,
+    getSize: S,
+    getZIndex: z,
+    updatePosition: p,
+    updateSize: d,
+    close: C
+  };
+};
+export {
+  b as u
+};
+//# sourceMappingURL=useFloatingState-tEfA_wbc.js.map

package/dist/useFloatingState-tEfA_wbc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingState-tEfA_wbc.js","sources":["../src/modules/window/useFloatingState.ts"],"sourcesContent":["/**\n * @file Hook for managing floating window state (controlled/uncontrolled)\n * Pattern based on useDrawerState.ts\n */\nimport * as React from \"react\";\nimport type { LayerDefinition, WindowPosition, WindowSize } from \"../../types\";\n\ntype FloatingState = {\n  position: WindowPosition;\n  size: WindowSize;\n};\n\nconst DEFAULT_POSITION: WindowPosition = { left: 0, top: 0 };\nconst DEFAULT_SIZE: WindowSize = { width: 400, height: 300 };\n\nexport const useFloatingState = (layers: LayerDefinition[]) => {\n  const [floatingStates, setFloatingStates] = React.useState<Record<string, FloatingState>>(() => {\n    const initial: Record<string, FloatingState> = {};\n    layers.forEach((layer) => {\n      if (layer.floating) {\n        const floating = layer.floating;\n        initial[layer.id] = {\n          position: floating.defaultPosition ?? DEFAULT_POSITION,\n          size: floating.defaultSize ?? DEFAULT_SIZE,\n        };\n      }\n    });\n    return initial;\n  });\n\n  const layerMap = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => map.set(layer.id, layer));\n    return map;\n  }, [layers]);\n\n  const getPosition = React.useCallback(\n    (layerId: string): WindowPosition => {\n      const layer = layerMap.get(layerId);\n      // Controlled mode: use position prop directly\n      if (layer?.floating?.position !== undefined) {\n        return layer.floating.position;\n      }\n      // Uncontrolled mode: use internal state\n      return floatingStates[layerId]?.position ?? DEFAULT_POSITION;\n    },\n    [layerMap, floatingStates],\n  );\n\n  const getSize = React.useCallback(\n    (layerId: string): WindowSize => {\n      const layer = layerMap.get(layerId);\n      // Controlled mode: use size prop directly\n      if (layer?.floating?.size !== undefined) {\n        return layer.floating.size;\n      }\n      // Uncontrolled mode: use internal state\n      return floatingStates[layerId]?.size ?? DEFAULT_SIZE;\n    },\n    [layerMap, floatingStates],\n  );\n\n  const getZIndex = React.useCallback(\n    (layerId: string): number | undefined => {\n      const layer = layerMap.get(layerId);\n      return layer?.floating?.zIndex;\n    },\n    [layerMap],\n  );\n\n  const updatePosition = React.useCallback(\n    (layerId: string, position: WindowPosition) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.floating) {\n        return;\n      }\n\n      // Update internal state only if uncontrolled\n      if (layer.floating.position === undefined) {\n        setFloatingStates((prev) => {\n          const currentState = prev[layerId];\n          if (!currentState) {\n            return prev;\n          }\n          return {\n            ...prev,\n            [layerId]: { ...currentState, position },\n          };\n        });\n      }\n\n      // Always call callback\n      layer.floating.onMove?.(position);\n    },\n    [layerMap],\n  );\n\n  const updateSize = React.useCallback(\n    (layerId: string, size: WindowSize) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.floating) {\n        return;\n      }\n\n      // Update internal state only if uncontrolled\n      if (layer.floating.size === undefined) {\n        setFloatingStates((prev) => {\n          const currentState = prev[layerId];\n          if (!currentState) {\n            return prev;\n          }\n          return {\n            ...prev,\n            [layerId]: { ...currentState, size },\n          };\n        });\n      }\n\n      // Always call callback\n      layer.floating.onResize?.(size);\n    },\n    [layerMap],\n  );\n\n  const close = React.useCallback(\n    (layerId: string) => {\n      const layer = layerMap.get(layerId);\n      layer?.floating?.onClose?.();\n    },\n    [layerMap],\n  );\n\n  return {\n    getPosition,\n    getSize,\n    getZIndex,\n    updatePosition,\n    updateSize,\n    close,\n  };\n};\n"],"names":["DEFAULT_POSITION","DEFAULT_SIZE","useFloatingState","layers","floatingStates","setFloatingStates","React","initial","layer","floating","layerMap","map","getPosition","layerId","getSize","getZIndex","updatePosition","position","prev","currentState","updateSize","size","close"],"mappings":"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"}

package/dist/window/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @file Window entry point - Floating window and drawer components
+ * @packageDocumentation
+ *
+ * This is a subpath export entry point for `react-panel-layout/window`.
+ *
+ * ## Overview
+ * Window provides floating panels, drawers, and dialog overlays for modal
+ * and non-modal UI patterns. Supports draggable windows, slide-in drawers,
+ * and popup portals.
+ *
+ * ## Installation
+ * ```ts
+ * import { Drawer, FloatingWindow, useDrawerState } from "react-panel-layout/window";
+ * ```
+ *
+ * ## Drawer Usage
+ * ```tsx
+ * function App() {
+ *   const [isOpen, setIsOpen] = useState(false);
+ *
+ *   return (
+ *     <>
+ *       <button onClick={() => setIsOpen(true)}>Open Drawer</button>
+ *       <Drawer
+ *         id="settings"
+ *         config={{ anchor: 'right', header: { title: 'Settings' } }}
+ *         isOpen={isOpen}
+ *         onClose={() => setIsOpen(false)}
+ *       >
+ *         <SettingsPanel />
+ *       </Drawer>
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * ## Floating Window Usage
+ * ```tsx
+ * <FloatingWindow
+ *   id="inspector"
+ *   config={{
+ *     draggable: true,
+ *     chrome: true,
+ *     header: { title: 'Inspector', showCloseButton: true },
+ *   }}
+ *   onClose={handleClose}
+ * >
+ *   <InspectorContent />
+ * </FloatingWindow>
+ * ```
+ */
+export { FloatingWindow } from "../components/window/FloatingWindow.js";
+export { Drawer } from "../components/window/Drawer.js";
+export { DrawerLayers } from "../components/window/DrawerLayers.js";
+export { DialogOverlay } from "../components/window/DialogOverlay.js";
+export { PopupLayerPortal } from "../components/window/PopupLayerPortal.js";
+export { useFloatingState } from "../modules/window/useFloatingState.js";
+export { useDrawerState } from "../modules/window/useDrawerState.js";
+export type { FloatingWindowProps } from "../components/window/FloatingWindow.js";
+export type { DrawerProps } from "../components/window/Drawer.js";

package/dist/window.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./FloatingWindow-TCDNY5gE.cjs"),y=require("react/jsx-runtime"),E=require("react"),p=require("./useEffectEvent-huSsGUnl.cjs"),S=require("./useIsomorphicLayoutEffect-DGRNF4Lf.cjs"),M=require("./styles-qf6ptVLD.cjs"),j=require("./useFloatingState-C4kRaW_R.cjs");function P(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=P(E),R=()=>typeof window>"u"?{width:0,height:0}:{width:window.innerWidth,height:window.innerHeight},z=(e,n,t,s,r)=>{const o=e+t>r.width?Math.max(0,r.width-t):e,i=n+s>r.height?Math.max(0,r.height-s):n;return{x:o,y:i}},v=new Map,L=e=>{const{box:n="content-box"}=e,t=`resize-box:${n}`,s=v.get(t);if(s)return s;const r=new class{#e=new Map;#t=new ResizeObserver((o,i)=>{o.forEach(a=>{const u=this.#e.get(a.target);u&&u(a,i)})});observe(o,i){return this.#e.set(o,i),this.#t.observe(o,e),()=>{this.#e.delete(o),this.#t.unobserve(o)}}};return v.set(t,r),r};function q(e,{box:n}){const[t,s]=c.useState(null),r=e.current;c.useEffect(()=>r?L({box:n}).observe(r,a=>{s(a)}):void 0,[n,r]);const o=c.useMemo(()=>{if(!t)return null;if(t.borderBoxSize?.length>0){const i=t.borderBoxSize[0];return new DOMRect(0,0,i.inlineSize,i.blockSize)}return t.contentRect},[t]);return{entry:t,rect:o}}const C={border:"none",padding:0,background:"transparent"},I={position:"fixed",zIndex:M.DIALOG_OVERLAY_Z_INDEX},k=typeof window<"u"&&typeof document<"u",F=({anchor:e,onClose:n,children:t,contentClassName:s,contentStyle:r,dataAttributes:o,onKeyDown:i,onPositionChange:a})=>{const u=c.useRef(null),{rect:l}=q(u,{box:"border-box"}),d=c.useMemo(()=>{const f=R(),h=l?.width??0,w=l?.height??0;return z(e.x,e.y,h,w,f)},[e.x,e.y,l?.width,l?.height]),g=p.useEffectEvent(a);c.useEffect(()=>{g?.(d)},[d]);const m=p.useEffectEvent(n);c.useEffect(()=>{const f=h=>{h.target instanceof Node&&u.current&&!u.current.contains(h.target)&&m()};return document.addEventListener("pointerdown",f),()=>document.removeEventListener("pointerdown",f)},[]);const D=c.useMemo(()=>({...I,...r,left:d.x,top:d.y}),[r,d.x,d.y]),O=c.useMemo(()=>o?Object.entries(o).reduce((f,[h,w])=>(w==null||(f[`data-${h}`]=w),f),{}):{},[o]);return y.jsx("div",{ref:u,className:s,style:D,onKeyDown:i,...O,children:t})},_=({visible:e,onClose:n,anchor:t,children:s,contentClassName:r,contentStyle:o,dataAttributes:i,onKeyDown:a,onPositionChange:u})=>{const l=c.useRef(null);S.useIsomorphicLayoutEffect(()=>{if(!l.current)return;const g=l.current;e?g.showModal():g.open&&g.close()},[e]);const d=c.useCallback(g=>{g.preventDefault(),n()},[n]);return y.jsx("dialog",{ref:l,style:C,onCancel:d,children:y.jsx(c.Activity,{mode:e?"visible":"hidden",children:y.jsx(F,{anchor:t,onClose:n,contentClassName:r,contentStyle:o,dataAttributes:i,onKeyDown:a,onPositionChange:u,children:s})})})},x=e=>k?y.jsx(_,{...e}):null;x.displayName="DialogOverlay";exports.Drawer=b.Drawer;exports.DrawerLayers=b.DrawerLayers;exports.FloatingWindow=b.FloatingWindow;exports.PopupLayerPortal=b.PopupLayerPortal;exports.useDrawerState=b.useDrawerState;exports.useFloatingState=j.useFloatingState;exports.DialogOverlay=x;
+//# sourceMappingURL=window.cjs.map

package/dist/window.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"window.cjs","sources":["../src/utils/dialogUtils.ts","../src/hooks/useResizeObserver.tsx","../src/components/window/DialogOverlay.tsx"],"sourcesContent":["/**\n * @file Dialog positioning utilities\n */\n\nexport type ViewportInfo = {\n  width: number;\n  height: number;\n};\n\n/**\n * Get viewport dimensions\n */\nexport const getViewportInfo = (): ViewportInfo => {\n  if (typeof window === \"undefined\") {\n    return { width: 0, height: 0 };\n  }\n\n  return {\n    width: window.innerWidth,\n    height: window.innerHeight,\n  };\n};\n\n/**\n * Calculate context menu position to keep it within viewport\n */\nexport const calculateContextMenuPosition = (\n  anchorX: number,\n  anchorY: number,\n  menuWidth: number,\n  menuHeight: number,\n  viewport: ViewportInfo,\n): { x: number; y: number } => {\n  // Adjust horizontal position if menu would overflow\n  const x =\n    anchorX + menuWidth > viewport.width ? Math.max(0, viewport.width - menuWidth) : anchorX;\n\n  // Adjust vertical position if menu would overflow\n  const y =\n    anchorY + menuHeight > viewport.height ? Math.max(0, viewport.height - menuHeight) : anchorY;\n\n  return { x, y };\n};\n","/**\n * @file Shared useResizeObserver hook with cached observer instances.\n */\nimport * as React from \"react\";\n\ntype Unobserve = () => void;\ntype Callback = (entry: ResizeObserverEntry, observer: ResizeObserver) => void;\ntype SharedObserver = {\n  observe: (target: Element, callback: Callback) => Unobserve;\n};\nconst observerCache = new Map<string, SharedObserver>();\nconst getSharedObserver = (options: ResizeObserverOptions) => {\n  const { box = \"content-box\" } = options;\n  const observerKey = `resize-box:${box}`;\n  const cached = observerCache.get(observerKey);\n  if (cached) {\n    return cached;\n  }\n  const observer = new (class {\n    #callbackMap = new Map<Element, Callback>();\n    #resizeObserver = new ResizeObserver((entries, observer) => {\n      entries.forEach((entry) => {\n        const callback = this.#callbackMap.get(entry.target);\n        if (callback) {\n          callback(entry, observer);\n        }\n      });\n    });\n    observe(target: Element, callback: Callback) {\n      this.#callbackMap.set(target, callback);\n      this.#resizeObserver.observe(target, options);\n      return () => {\n        this.#callbackMap.delete(target);\n        this.#resizeObserver.unobserve(target);\n      };\n    }\n  })();\n  observerCache.set(observerKey, observer);\n\n  return observer;\n};\n/**\n * Observe size changes for a given element reference using shared resize observers.\n *\n * @param ref - Ref holding the element whose size to monitor.\n * @param options - Resize observer configuration.\n * @returns Latest resize entry and a derived DOMRect snapshot.\n */\nexport function useResizeObserver<T extends HTMLElement>(\n  ref: React.RefObject<T | null>,\n  { box }: ResizeObserverOptions,\n) {\n  const [entry, setEntry] = React.useState<ResizeObserverEntry | null>(null);\n  const target = ref.current;\n\n  React.useEffect(() => {\n    if (!target) {\n      return;\n    }\n\n    const observer = getSharedObserver({ box });\n    return observer.observe(target, (nextEntry) => {\n      setEntry(nextEntry);\n    });\n  }, [box, target]);\n\n  const rect = React.useMemo(() => {\n    if (!entry) {\n      return null;\n    }\n\n    if (entry.borderBoxSize?.length > 0) {\n      const size = entry.borderBoxSize[0];\n      return new DOMRect(0, 0, size.inlineSize, size.blockSize);\n    }\n\n    return entry.contentRect;\n  }, [entry]);\n\n  return { entry, rect };\n}\n","/**\n * @file Dialog-based overlay component with automatic positioning\n */\nimport * as React from \"react\";\nimport type { Position } from \"../../types\";\nimport { calculateContextMenuPosition, getViewportInfo } from \"../../utils/dialogUtils\";\nimport { ensureDialogPolyfill } from \"../../utils/polyfills/createDialogPolyfill\";\nimport { useEffectEvent } from \"../../hooks/useEffectEvent\";\nimport { useIsomorphicLayoutEffect } from \"../../hooks/useIsomorphicLayoutEffect\";\nimport { useResizeObserver } from \"../../hooks/useResizeObserver\";\nimport { DIALOG_OVERLAY_Z_INDEX } from \"../../constants/styles\";\n\nconst contextDialogStyle: React.CSSProperties = {\n  border: \"none\",\n  padding: 0,\n  background: \"transparent\",\n};\n\nconst contextContentStyle: React.CSSProperties = {\n  position: \"fixed\",\n  zIndex: DIALOG_OVERLAY_Z_INDEX,\n};\n\ntype DataAttributes = Record<string, string | number | boolean>;\n\nexport type DialogOverlayProps = {\n  anchor: Position;\n  visible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  contentClassName?: string;\n  contentStyle?: React.CSSProperties;\n  dataAttributes?: Record<string, string | number | boolean | null | undefined>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onPositionChange?: (position: Position) => void;\n};\n\nconst isBrowser = typeof window !== \"undefined\" && typeof document !== \"undefined\";\n\nensureDialogPolyfill();\n\nconst DialogOverlayContent: React.FC<Omit<DialogOverlayProps, \"visible\">> = ({\n  anchor,\n  onClose,\n  children,\n  contentClassName,\n  contentStyle,\n  dataAttributes,\n  onKeyDown,\n  onPositionChange,\n}) => {\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const { rect } = useResizeObserver(contentRef, { box: \"border-box\" });\n\n  const computedPosition = React.useMemo(() => {\n    const viewport = getViewportInfo();\n    const width = rect?.width ?? 0;\n    const height = rect?.height ?? 0;\n    return calculateContextMenuPosition(anchor.x, anchor.y, width, height, viewport);\n  }, [anchor.x, anchor.y, rect?.width, rect?.height]);\n\n  const handlePositionChange = useEffectEvent(onPositionChange);\n\n  React.useEffect(() => {\n    handlePositionChange?.(computedPosition);\n  }, [computedPosition]);\n\n  const handleClose = useEffectEvent(onClose);\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (!(event.target instanceof Node)) {\n        return;\n      }\n      if (contentRef.current && !contentRef.current.contains(event.target)) {\n        handleClose();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, []);\n\n  const mergedStyle: React.CSSProperties = React.useMemo(\n    () => ({\n      ...contextContentStyle,\n      ...contentStyle,\n      left: computedPosition.x,\n      top: computedPosition.y,\n    }),\n    [contentStyle, computedPosition.x, computedPosition.y],\n  );\n\n  const dataProps = React.useMemo<DataAttributes>(() => {\n    if (!dataAttributes) {\n      return {};\n    }\n    return Object.entries(dataAttributes).reduce<DataAttributes>((acc, [key, value]) => {\n      if (value === null || value === undefined) {\n        return acc;\n      }\n      acc[`data-${key}`] = value;\n      return acc;\n    }, {});\n  }, [dataAttributes]);\n\n  return (\n    <div\n      ref={contentRef}\n      className={contentClassName}\n      style={mergedStyle}\n      onKeyDown={onKeyDown}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst DialogOverlayImpl: React.FC<DialogOverlayProps> = ({\n  visible,\n  onClose,\n  anchor,\n  children,\n  contentClassName,\n  contentStyle,\n  dataAttributes,\n  onKeyDown,\n  onPositionChange,\n}) => {\n  const dialogRef = React.useRef<HTMLDialogElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!dialogRef.current) {\n      return;\n    }\n\n    const dialog = dialogRef.current;\n    if (visible) {\n      dialog.showModal();\n    } else if (dialog.open) {\n      dialog.close();\n    }\n  }, [visible]);\n\n  const handleCancel = React.useCallback(\n    (event: React.SyntheticEvent) => {\n      event.preventDefault();\n      onClose();\n    },\n    [onClose],\n  );\n\n  return (\n    <dialog ref={dialogRef} style={contextDialogStyle} onCancel={handleCancel}>\n      <React.Activity mode={visible ? \"visible\" : \"hidden\"}>\n        <DialogOverlayContent\n          anchor={anchor}\n          onClose={onClose}\n          contentClassName={contentClassName}\n          contentStyle={contentStyle}\n          dataAttributes={dataAttributes}\n          onKeyDown={onKeyDown}\n          onPositionChange={onPositionChange}\n        >\n          {children}\n        </DialogOverlayContent>\n      </React.Activity>\n    </dialog>\n  );\n};\n\nexport const DialogOverlay: React.FC<DialogOverlayProps> = (props) => {\n  if (!isBrowser) {\n    return null;\n  }\n  return <DialogOverlayImpl {...props} />;\n};\n\nDialogOverlay.displayName = \"DialogOverlay\";\n"],"names":["getViewportInfo","calculateContextMenuPosition","anchorX","anchorY","menuWidth","menuHeight","viewport","x","y","observerCache","getSharedObserver","options","box","observerKey","cached","observer","#callbackMap","#resizeObserver","entries","entry","callback","target","useResizeObserver","ref","setEntry","React","nextEntry","rect","size","contextDialogStyle","contextContentStyle","DIALOG_OVERLAY_Z_INDEX","isBrowser","DialogOverlayContent","anchor","onClose","children","contentClassName","contentStyle","dataAttributes","onKeyDown","onPositionChange","contentRef","computedPosition","width","height","handlePositionChange","useEffectEvent","handleClose","handlePointerDown","event","mergedStyle","dataProps","acc","key","value","jsx","DialogOverlayImpl","visible","dialogRef","useIsomorphicLayoutEffect","dialog","handleCancel","DialogOverlay","props"],"mappings":"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"}

package/dist/window.js

@@ -0,0 +1,149 @@
+import { D as $, b as A, F as G, P as K, d as W } from "./FloatingWindow-BpdOpg_L.js";
+import { jsx as m } from "react/jsx-runtime";
+import * as i from "react";
+import { u as p } from "./useEffectEvent-Dp7HLCf0.js";
+import { u as D } from "./useIsomorphicLayoutEffect-DhmEnmZ_.js";
+import { D as E } from "./styles-DPPuJ0sf.js";
+import { u as q } from "./useFloatingState-tEfA_wbc.js";
+const M = () => typeof window > "u" ? { width: 0, height: 0 } : {
+  width: window.innerWidth,
+  height: window.innerHeight
+}, O = (e, o, t, c, n) => {
+  const r = e + t > n.width ? Math.max(0, n.width - t) : e, s = o + c > n.height ? Math.max(0, n.height - c) : o;
+  return { x: r, y: s };
+}, b = /* @__PURE__ */ new Map(), z = (e) => {
+  const { box: o = "content-box" } = e, t = `resize-box:${o}`, c = b.get(t);
+  if (c)
+    return c;
+  const n = new class {
+    #e = /* @__PURE__ */ new Map();
+    #t = new ResizeObserver((r, s) => {
+      r.forEach((u) => {
+        const a = this.#e.get(u.target);
+        a && a(u, s);
+      });
+    });
+    observe(r, s) {
+      return this.#e.set(r, s), this.#t.observe(r, e), () => {
+        this.#e.delete(r), this.#t.unobserve(r);
+      };
+    }
+  }();
+  return b.set(t, n), n;
+};
+function R(e, { box: o }) {
+  const [t, c] = i.useState(null), n = e.current;
+  i.useEffect(() => n ? z({ box: o }).observe(n, (u) => {
+    c(u);
+  }) : void 0, [o, n]);
+  const r = i.useMemo(() => {
+    if (!t)
+      return null;
+    if (t.borderBoxSize?.length > 0) {
+      const s = t.borderBoxSize[0];
+      return new DOMRect(0, 0, s.inlineSize, s.blockSize);
+    }
+    return t.contentRect;
+  }, [t]);
+  return { entry: t, rect: r };
+}
+const S = {
+  border: "none",
+  padding: 0,
+  background: "transparent"
+}, P = {
+  position: "fixed",
+  zIndex: E
+}, C = typeof window < "u" && typeof document < "u", L = ({
+  anchor: e,
+  onClose: o,
+  children: t,
+  contentClassName: c,
+  contentStyle: n,
+  dataAttributes: r,
+  onKeyDown: s,
+  onPositionChange: u
+}) => {
+  const a = i.useRef(null), { rect: d } = R(a, { box: "border-box" }), l = i.useMemo(() => {
+    const f = M(), w = d?.width ?? 0, g = d?.height ?? 0;
+    return O(e.x, e.y, w, g, f);
+  }, [e.x, e.y, d?.width, d?.height]), h = p(u);
+  i.useEffect(() => {
+    h?.(l);
+  }, [l]);
+  const y = p(o);
+  i.useEffect(() => {
+    const f = (w) => {
+      w.target instanceof Node && a.current && !a.current.contains(w.target) && y();
+    };
+    return document.addEventListener("pointerdown", f), () => document.removeEventListener("pointerdown", f);
+  }, []);
+  const x = i.useMemo(
+    () => ({
+      ...P,
+      ...n,
+      left: l.x,
+      top: l.y
+    }),
+    [n, l.x, l.y]
+  ), v = i.useMemo(() => r ? Object.entries(r).reduce((f, [w, g]) => (g == null || (f[`data-${w}`] = g), f), {}) : {}, [r]);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: a,
+      className: c,
+      style: x,
+      onKeyDown: s,
+      ...v,
+      children: t
+    }
+  );
+}, I = ({
+  visible: e,
+  onClose: o,
+  anchor: t,
+  children: c,
+  contentClassName: n,
+  contentStyle: r,
+  dataAttributes: s,
+  onKeyDown: u,
+  onPositionChange: a
+}) => {
+  const d = i.useRef(null);
+  D(() => {
+    if (!d.current)
+      return;
+    const h = d.current;
+    e ? h.showModal() : h.open && h.close();
+  }, [e]);
+  const l = i.useCallback(
+    (h) => {
+      h.preventDefault(), o();
+    },
+    [o]
+  );
+  return /* @__PURE__ */ m("dialog", { ref: d, style: S, onCancel: l, children: /* @__PURE__ */ m(i.Activity, { mode: e ? "visible" : "hidden", children: /* @__PURE__ */ m(
+    L,
+    {
+      anchor: t,
+      onClose: o,
+      contentClassName: n,
+      contentStyle: r,
+      dataAttributes: s,
+      onKeyDown: u,
+      onPositionChange: a,
+      children: c
+    }
+  ) }) });
+}, k = (e) => C ? /* @__PURE__ */ m(I, { ...e }) : null;
+k.displayName = "DialogOverlay";
+export {
+  k as DialogOverlay,
+  $ as Drawer,
+  A as DrawerLayers,
+  G as FloatingWindow,
+  K as PopupLayerPortal,
+  W as useDrawerState,
+  q as useFloatingState
+};
+//# sourceMappingURL=window.js.map

package/dist/window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window.js","sources":["../src/utils/dialogUtils.ts","../src/hooks/useResizeObserver.tsx","../src/components/window/DialogOverlay.tsx"],"sourcesContent":["/**\n * @file Dialog positioning utilities\n */\n\nexport type ViewportInfo = {\n  width: number;\n  height: number;\n};\n\n/**\n * Get viewport dimensions\n */\nexport const getViewportInfo = (): ViewportInfo => {\n  if (typeof window === \"undefined\") {\n    return { width: 0, height: 0 };\n  }\n\n  return {\n    width: window.innerWidth,\n    height: window.innerHeight,\n  };\n};\n\n/**\n * Calculate context menu position to keep it within viewport\n */\nexport const calculateContextMenuPosition = (\n  anchorX: number,\n  anchorY: number,\n  menuWidth: number,\n  menuHeight: number,\n  viewport: ViewportInfo,\n): { x: number; y: number } => {\n  // Adjust horizontal position if menu would overflow\n  const x =\n    anchorX + menuWidth > viewport.width ? Math.max(0, viewport.width - menuWidth) : anchorX;\n\n  // Adjust vertical position if menu would overflow\n  const y =\n    anchorY + menuHeight > viewport.height ? Math.max(0, viewport.height - menuHeight) : anchorY;\n\n  return { x, y };\n};\n","/**\n * @file Shared useResizeObserver hook with cached observer instances.\n */\nimport * as React from \"react\";\n\ntype Unobserve = () => void;\ntype Callback = (entry: ResizeObserverEntry, observer: ResizeObserver) => void;\ntype SharedObserver = {\n  observe: (target: Element, callback: Callback) => Unobserve;\n};\nconst observerCache = new Map<string, SharedObserver>();\nconst getSharedObserver = (options: ResizeObserverOptions) => {\n  const { box = \"content-box\" } = options;\n  const observerKey = `resize-box:${box}`;\n  const cached = observerCache.get(observerKey);\n  if (cached) {\n    return cached;\n  }\n  const observer = new (class {\n    #callbackMap = new Map<Element, Callback>();\n    #resizeObserver = new ResizeObserver((entries, observer) => {\n      entries.forEach((entry) => {\n        const callback = this.#callbackMap.get(entry.target);\n        if (callback) {\n          callback(entry, observer);\n        }\n      });\n    });\n    observe(target: Element, callback: Callback) {\n      this.#callbackMap.set(target, callback);\n      this.#resizeObserver.observe(target, options);\n      return () => {\n        this.#callbackMap.delete(target);\n        this.#resizeObserver.unobserve(target);\n      };\n    }\n  })();\n  observerCache.set(observerKey, observer);\n\n  return observer;\n};\n/**\n * Observe size changes for a given element reference using shared resize observers.\n *\n * @param ref - Ref holding the element whose size to monitor.\n * @param options - Resize observer configuration.\n * @returns Latest resize entry and a derived DOMRect snapshot.\n */\nexport function useResizeObserver<T extends HTMLElement>(\n  ref: React.RefObject<T | null>,\n  { box }: ResizeObserverOptions,\n) {\n  const [entry, setEntry] = React.useState<ResizeObserverEntry | null>(null);\n  const target = ref.current;\n\n  React.useEffect(() => {\n    if (!target) {\n      return;\n    }\n\n    const observer = getSharedObserver({ box });\n    return observer.observe(target, (nextEntry) => {\n      setEntry(nextEntry);\n    });\n  }, [box, target]);\n\n  const rect = React.useMemo(() => {\n    if (!entry) {\n      return null;\n    }\n\n    if (entry.borderBoxSize?.length > 0) {\n      const size = entry.borderBoxSize[0];\n      return new DOMRect(0, 0, size.inlineSize, size.blockSize);\n    }\n\n    return entry.contentRect;\n  }, [entry]);\n\n  return { entry, rect };\n}\n","/**\n * @file Dialog-based overlay component with automatic positioning\n */\nimport * as React from \"react\";\nimport type { Position } from \"../../types\";\nimport { calculateContextMenuPosition, getViewportInfo } from \"../../utils/dialogUtils\";\nimport { ensureDialogPolyfill } from \"../../utils/polyfills/createDialogPolyfill\";\nimport { useEffectEvent } from \"../../hooks/useEffectEvent\";\nimport { useIsomorphicLayoutEffect } from \"../../hooks/useIsomorphicLayoutEffect\";\nimport { useResizeObserver } from \"../../hooks/useResizeObserver\";\nimport { DIALOG_OVERLAY_Z_INDEX } from \"../../constants/styles\";\n\nconst contextDialogStyle: React.CSSProperties = {\n  border: \"none\",\n  padding: 0,\n  background: \"transparent\",\n};\n\nconst contextContentStyle: React.CSSProperties = {\n  position: \"fixed\",\n  zIndex: DIALOG_OVERLAY_Z_INDEX,\n};\n\ntype DataAttributes = Record<string, string | number | boolean>;\n\nexport type DialogOverlayProps = {\n  anchor: Position;\n  visible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  contentClassName?: string;\n  contentStyle?: React.CSSProperties;\n  dataAttributes?: Record<string, string | number | boolean | null | undefined>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onPositionChange?: (position: Position) => void;\n};\n\nconst isBrowser = typeof window !== \"undefined\" && typeof document !== \"undefined\";\n\nensureDialogPolyfill();\n\nconst DialogOverlayContent: React.FC<Omit<DialogOverlayProps, \"visible\">> = ({\n  anchor,\n  onClose,\n  children,\n  contentClassName,\n  contentStyle,\n  dataAttributes,\n  onKeyDown,\n  onPositionChange,\n}) => {\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const { rect } = useResizeObserver(contentRef, { box: \"border-box\" });\n\n  const computedPosition = React.useMemo(() => {\n    const viewport = getViewportInfo();\n    const width = rect?.width ?? 0;\n    const height = rect?.height ?? 0;\n    return calculateContextMenuPosition(anchor.x, anchor.y, width, height, viewport);\n  }, [anchor.x, anchor.y, rect?.width, rect?.height]);\n\n  const handlePositionChange = useEffectEvent(onPositionChange);\n\n  React.useEffect(() => {\n    handlePositionChange?.(computedPosition);\n  }, [computedPosition]);\n\n  const handleClose = useEffectEvent(onClose);\n\n  React.useEffect(() => {\n    const handlePointerDown = (event: PointerEvent) => {\n      if (!(event.target instanceof Node)) {\n        return;\n      }\n      if (contentRef.current && !contentRef.current.contains(event.target)) {\n        handleClose();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, []);\n\n  const mergedStyle: React.CSSProperties = React.useMemo(\n    () => ({\n      ...contextContentStyle,\n      ...contentStyle,\n      left: computedPosition.x,\n      top: computedPosition.y,\n    }),\n    [contentStyle, computedPosition.x, computedPosition.y],\n  );\n\n  const dataProps = React.useMemo<DataAttributes>(() => {\n    if (!dataAttributes) {\n      return {};\n    }\n    return Object.entries(dataAttributes).reduce<DataAttributes>((acc, [key, value]) => {\n      if (value === null || value === undefined) {\n        return acc;\n      }\n      acc[`data-${key}`] = value;\n      return acc;\n    }, {});\n  }, [dataAttributes]);\n\n  return (\n    <div\n      ref={contentRef}\n      className={contentClassName}\n      style={mergedStyle}\n      onKeyDown={onKeyDown}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst DialogOverlayImpl: React.FC<DialogOverlayProps> = ({\n  visible,\n  onClose,\n  anchor,\n  children,\n  contentClassName,\n  contentStyle,\n  dataAttributes,\n  onKeyDown,\n  onPositionChange,\n}) => {\n  const dialogRef = React.useRef<HTMLDialogElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!dialogRef.current) {\n      return;\n    }\n\n    const dialog = dialogRef.current;\n    if (visible) {\n      dialog.showModal();\n    } else if (dialog.open) {\n      dialog.close();\n    }\n  }, [visible]);\n\n  const handleCancel = React.useCallback(\n    (event: React.SyntheticEvent) => {\n      event.preventDefault();\n      onClose();\n    },\n    [onClose],\n  );\n\n  return (\n    <dialog ref={dialogRef} style={contextDialogStyle} onCancel={handleCancel}>\n      <React.Activity mode={visible ? \"visible\" : \"hidden\"}>\n        <DialogOverlayContent\n          anchor={anchor}\n          onClose={onClose}\n          contentClassName={contentClassName}\n          contentStyle={contentStyle}\n          dataAttributes={dataAttributes}\n          onKeyDown={onKeyDown}\n          onPositionChange={onPositionChange}\n        >\n          {children}\n        </DialogOverlayContent>\n      </React.Activity>\n    </dialog>\n  );\n};\n\nexport const DialogOverlay: React.FC<DialogOverlayProps> = (props) => {\n  if (!isBrowser) {\n    return null;\n  }\n  return <DialogOverlayImpl {...props} />;\n};\n\nDialogOverlay.displayName = \"DialogOverlay\";\n"],"names":["getViewportInfo","calculateContextMenuPosition","anchorX","anchorY","menuWidth","menuHeight","viewport","x","y","observerCache","getSharedObserver","options","box","observerKey","cached","observer","#callbackMap","#resizeObserver","entries","entry","callback","target","useResizeObserver","ref","setEntry","React","nextEntry","rect","size","contextDialogStyle","contextContentStyle","DIALOG_OVERLAY_Z_INDEX","isBrowser","DialogOverlayContent","anchor","onClose","children","contentClassName","contentStyle","dataAttributes","onKeyDown","onPositionChange","contentRef","computedPosition","width","height","handlePositionChange","useEffectEvent","handleClose","handlePointerDown","event","mergedStyle","dataProps","acc","key","value","jsx","DialogOverlayImpl","visible","dialogRef","useIsomorphicLayoutEffect","dialog","handleCancel","DialogOverlay","props"],"mappings":"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"}