react-panel-layout 0.6.0 → 0.6.1

package/dist/FloatingWindow-CUXnEtrb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingWindow-CUXnEtrb.js","sources":["../src/components/gesture/SwipeSafeZone.tsx","../src/modules/drawer/types.ts","../src/modules/drawer/useDrawerSwipeInput.ts","../src/components/window/drawerStyles.ts","../src/components/window/drawerSwipeConfig.ts","../src/components/window/useDrawerSwipeTransform.ts","../src/components/window/Drawer.tsx","../src/hooks/useTransitionState.ts","../src/modules/window/useDrawerState.ts","../src/components/window/DrawerLayers.tsx","../src/modules/grid/GridLayoutContext.tsx","../src/PanelSystemContext.tsx","../src/modules/grid/LayerInstanceContext.tsx","../src/components/window/PopupLayerPortal.tsx","../src/components/window/FloatingWindow.tsx"],"sourcesContent":["/**\n * @file SwipeSafeZone component\n *\n * A wrapper component that marks an area as exempt from swipe gesture detection.\n * Content inside this zone will not trigger swipe-to-close or other swipe gestures.\n *\n * Use this for:\n * - Scrollable content areas\n * - Input fields and text areas\n * - Interactive elements that need drag/swipe for their own purposes\n */\nimport * as React from \"react\";\n\n/**\n * Data attribute used to identify swipe-safe zones.\n * Swipe gesture handlers should check for this attribute on target elements.\n */\nexport const SWIPE_SAFE_ZONE_ATTR = \"data-swipe-safe-zone\";\n\nexport type SwipeSafeZoneProps = {\n  /** Content to render inside the safe zone */\n  children: React.ReactNode;\n  /** Additional CSS class name */\n  className?: string;\n  /** Additional inline styles */\n  style?: React.CSSProperties;\n};\n\n/**\n * SwipeSafeZone marks an area where swipe gestures should not be triggered.\n *\n * @example\n * ```tsx\n * <SwipeSafeZone>\n *   <ScrollableList items={items} />\n * </SwipeSafeZone>\n * ```\n */\nexport const SwipeSafeZone: React.FC<SwipeSafeZoneProps> = ({\n  children,\n  className,\n  style,\n}) => {\n  return (\n    <div\n      className={className}\n      style={style}\n      data-swipe-safe-zone=\"true\"\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Check if an element is inside a SwipeSafeZone.\n */\nexport function isInSwipeSafeZone(element: HTMLElement, container: HTMLElement): boolean {\n  let current: HTMLElement | null = element;\n\n  while (current && current !== container) {\n    if (current.hasAttribute(SWIPE_SAFE_ZONE_ATTR)) {\n      return true;\n    }\n    current = current.parentElement;\n  }\n\n  return false;\n}\n","/**\n * @file Type definitions for Drawer swipe gesture handling.\n */\nimport type * as React from \"react\";\nimport type { ContinuousOperationState } from \"../../hooks/gesture/types.js\";\n\n/**\n * Direction for drawer anchor (same as anchor edge).\n */\nexport type DrawerSwipeDirection = \"left\" | \"right\" | \"top\" | \"bottom\";\n\n/**\n * Options for useDrawerSwipeInput hook.\n */\nexport type UseDrawerSwipeInputOptions = {\n  /** Container ref for edge detection zone (e.g., GridLayout container) */\n  edgeContainerRef: React.RefObject<HTMLElement | null>;\n  /** Drawer content ref (for close gesture) */\n  drawerContentRef: React.RefObject<HTMLElement | null>;\n  /** Drawer direction (anchor edge) */\n  direction: DrawerSwipeDirection;\n  /** Whether the drawer is currently open */\n  isOpen: boolean;\n  /** Callback when swipe should open the drawer */\n  onSwipeOpen: () => void;\n  /** Callback when swipe should close the drawer */\n  onSwipeClose: () => void;\n  /** Whether edge swipe to open is enabled. @default true */\n  enableEdgeSwipeOpen?: boolean;\n  /** Whether swipe to close is enabled. @default true */\n  enableSwipeClose?: boolean;\n  /** Width of edge detection zone in pixels. @default 20 */\n  edgeWidth?: number;\n  /** Dismiss threshold ratio (0-1). @default 0.3 */\n  dismissThreshold?: number;\n};\n\n/**\n * Result from useDrawerSwipeInput hook.\n */\nexport type UseDrawerSwipeInputResult = {\n  /** Current operation state */\n  state: ContinuousOperationState;\n  /** Whether currently opening via edge swipe */\n  isOpening: boolean;\n  /** Whether currently closing via drag */\n  isClosing: boolean;\n  /** Progress (0-1) towards open/close threshold */\n  progress: number;\n  /** Displacement in pixels (primary axis) */\n  displacement: number;\n  /** Props for edge container (open gesture zone) */\n  edgeContainerProps: React.HTMLAttributes<HTMLElement> & {\n    style: React.CSSProperties;\n  };\n  /** Props for drawer content (close gesture zone) */\n  drawerContentProps: React.HTMLAttributes<HTMLElement> & {\n    style: React.CSSProperties;\n  };\n};\n\n/**\n * Get animation axis from direction.\n */\nexport function getDrawerAnimationAxis(direction: DrawerSwipeDirection): \"x\" | \"y\" {\n  switch (direction) {\n    case \"left\":\n    case \"right\":\n      return \"x\";\n    case \"top\":\n    case \"bottom\":\n      return \"y\";\n  }\n}\n\n/**\n * Get the sign for the close swipe direction.\n * Left drawer closes by swiping left (-1).\n * Right drawer closes by swiping right (+1).\n * Top drawer closes by swiping up (-1).\n * Bottom drawer closes by swiping down (+1).\n */\nexport function getDrawerCloseSwipeSign(direction: DrawerSwipeDirection): 1 | -1 {\n  switch (direction) {\n    case \"left\":\n      return -1;\n    case \"right\":\n      return 1;\n    case \"top\":\n      return -1;\n    case \"bottom\":\n      return 1;\n  }\n}\n\n/**\n * Get the sign for the open swipe direction.\n * This is the opposite of the close direction.\n */\nexport function getDrawerOpenSwipeSign(direction: DrawerSwipeDirection): 1 | -1 {\n  return (getDrawerCloseSwipeSign(direction) * -1) as 1 | -1;\n}\n","/**\n * @file Hook for detecting swipe gestures to open/close a drawer.\n *\n * Combines:\n * - Edge swipe detection for opening (Stack pattern)\n * - Drag-to-close within drawer (Dialog pattern)\n * - Native gesture guard for browser back prevention\n */\nimport * as React from \"react\";\nimport { useEdgeSwipeInput } from \"../../hooks/gesture/useEdgeSwipeInput.js\";\nimport { useNativeGestureGuard } from \"../../hooks/gesture/useNativeGestureGuard.js\";\nimport { usePointerTracking } from \"../../hooks/gesture/usePointerTracking.js\";\nimport {\n  mergeGestureContainerProps,\n  isScrollableInDirection,\n} from \"../../hooks/gesture/utils.js\";\nimport { isInSwipeSafeZone } from \"../../components/gesture/SwipeSafeZone.js\";\nimport {\n  type ContinuousOperationState,\n  IDLE_CONTINUOUS_OPERATION_STATE,\n} from \"../../hooks/gesture/types.js\";\nimport type { UseDrawerSwipeInputOptions, UseDrawerSwipeInputResult } from \"./types.js\";\nimport { getDrawerAnimationAxis, getDrawerCloseSwipeSign, getDrawerOpenSwipeSign } from \"./types.js\";\n\n/**\n * Default dismiss threshold (30% of container size).\n */\nconst DEFAULT_DISMISS_THRESHOLD = 0.3;\n\n/**\n * Velocity threshold for quick flick dismissal (px/ms).\n */\nconst VELOCITY_THRESHOLD = 0.5;\n\n// ============================================================================\n// Helper functions (extracted to avoid ternary violations)\n// ============================================================================\n\nfunction getContainerSize(container: HTMLElement, axis: \"x\" | \"y\"): number {\n  if (axis === \"x\") {\n    return container.clientWidth;\n  }\n  return container.clientHeight;\n}\n\nfunction getAxisDelta(\n  start: { x: number; y: number },\n  current: { x: number; y: number },\n  axis: \"x\" | \"y\",\n): number {\n  if (axis === \"x\") {\n    return current.x - start.x;\n  }\n  return current.y - start.y;\n}\n\nconst PHASE_MAP: Record<string, \"idle\" | \"operating\" | \"ended\"> = {\n  idle: \"idle\",\n  ended: \"ended\",\n};\n\nfunction normalizePhase(phase: string): \"idle\" | \"operating\" | \"ended\" {\n  return PHASE_MAP[phase] ?? \"operating\";\n}\n\nfunction computeDisplacementValue(\n  closeSwipeSign: 1 | -1,\n  axis: \"x\" | \"y\",\n  closeDisplacement: number,\n): { x: number; y: number } {\n  const signedDisplacement = closeSwipeSign * closeDisplacement;\n  if (axis === \"x\") {\n    return { x: signedDisplacement, y: 0 };\n  }\n  return { x: 0, y: signedDisplacement };\n}\n\nfunction computeAxisDisplacement(\n  displacement: { x: number; y: number },\n  axis: \"x\" | \"y\",\n): number {\n  if (axis === \"x\") {\n    return Math.abs(displacement.x);\n  }\n  return Math.abs(displacement.y);\n}\n\nfunction isEdgeSwipeEnabled(enableEdgeSwipeOpen: boolean, isOpen: boolean): boolean {\n  if (!enableEdgeSwipeOpen) {\n    return false;\n  }\n  return !isOpen;\n}\n\nfunction isCloseSwipeEnabled(enableSwipeClose: boolean, isOpen: boolean): boolean {\n  if (!enableSwipeClose) {\n    return false;\n  }\n  return isOpen;\n}\n\nfunction isDrawerOpening(isEdgeGesture: boolean, isOpen: boolean): boolean {\n  if (!isEdgeGesture) {\n    return false;\n  }\n  return !isOpen;\n}\n\nfunction isDrawerClosing(closePhase: \"idle\" | \"operating\" | \"ended\", isOpen: boolean): boolean {\n  if (closePhase === \"idle\") {\n    return false;\n  }\n  return isOpen;\n}\n\nfunction computeVelocity(\n  start: { x: number; y: number; timestamp: number } | null,\n  current: { x: number; y: number; timestamp: number } | null,\n  displacement: number,\n): number {\n  if (!start || !current) {\n    return 0;\n  }\n  const timeDelta = Math.max(1, current.timestamp - start.timestamp);\n  return displacement / timeDelta;\n}\n\n/**\n * Hook for detecting swipe gestures to open/close a drawer.\n *\n * When drawer is closed:\n * - Detects edge swipe from the anchor edge to trigger open\n *\n * When drawer is open:\n * - Detects drag gesture within drawer to trigger close\n * - Respects scrollable content boundaries\n *\n * @example\n * ```tsx\n * const { state, edgeContainerProps, drawerContentProps } = useDrawerSwipeInput({\n *   edgeContainerRef: gridLayoutRef,\n *   drawerContentRef: drawerRef,\n *   direction: \"left\",\n *   isOpen,\n *   onSwipeOpen: () => setOpen(true),\n *   onSwipeClose: () => setOpen(false),\n * });\n * ```\n */\nexport function useDrawerSwipeInput(\n  options: UseDrawerSwipeInputOptions,\n): UseDrawerSwipeInputResult {\n  const {\n    edgeContainerRef,\n    drawerContentRef,\n    direction,\n    isOpen,\n    onSwipeOpen,\n    onSwipeClose,\n    enableEdgeSwipeOpen = true,\n    enableSwipeClose = true,\n    edgeWidth = 20,\n    dismissThreshold = DEFAULT_DISMISS_THRESHOLD,\n  } = options;\n\n  const axis = getDrawerAnimationAxis(direction);\n  const closeSwipeSign = getDrawerCloseSwipeSign(direction);\n  const openSwipeSign = getDrawerOpenSwipeSign(direction);\n\n  // Track container size for progress calculation\n  const containerSizeRef = React.useRef(0);\n\n  // Measure drawer content size\n  React.useLayoutEffect(() => {\n    const container = drawerContentRef.current;\n    if (!container) {\n      return;\n    }\n\n    const updateSize = () => {\n      containerSizeRef.current = getContainerSize(container, axis);\n    };\n\n    updateSize();\n\n    const observer = new ResizeObserver(updateSize);\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [drawerContentRef, axis]);\n\n  // =========== Edge swipe to OPEN ===========\n  const handleOpenSwipeEnd = React.useCallback(\n    (state: { direction: 1 | -1 | 0 }) => {\n      // Open when swiping in the correct direction (away from edge)\n      if (state.direction === openSwipeSign) {\n        onSwipeOpen();\n      }\n    },\n    [openSwipeSign, onSwipeOpen],\n  );\n\n  const {\n    isEdgeGesture,\n    state: edgeSwipeState,\n    containerProps: edgeSwipeProps,\n  } = useEdgeSwipeInput({\n    containerRef: edgeContainerRef,\n    edge: direction,\n    edgeWidth,\n    enabled: isEdgeSwipeEnabled(enableEdgeSwipeOpen, isOpen),\n    onSwipeEnd: handleOpenSwipeEnd,\n  });\n\n  // Native gesture guard for edge swipe\n  const { containerProps: guardProps } = useNativeGestureGuard({\n    containerRef: edgeContainerRef,\n    active: isEdgeGesture,\n    preventEdgeBack: true,\n    preventOverscroll: true,\n    edgeWidth,\n  });\n\n  // =========== Drag to CLOSE (Dialog pattern) ===========\n  const { state: closeTracking, onPointerDown: baseClosePointerDown } = usePointerTracking({\n    enabled: isCloseSwipeEnabled(enableSwipeClose, isOpen),\n  });\n\n  const [closePhase, setClosePhase] = React.useState<\"idle\" | \"operating\" | \"ended\">(\"idle\");\n  const lastCloseDisplacementRef = React.useRef(0);\n\n  // Wrap pointer down with scroll check and safe zone check\n  const onClosePointerDown = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!enableSwipeClose || !isOpen) {\n        return;\n      }\n\n      const container = drawerContentRef.current;\n      if (!container) {\n        return;\n      }\n\n      const target = event.target as HTMLElement;\n\n      // Check if target is in a SwipeSafeZone\n      if (isInSwipeSafeZone(target, container)) {\n        return; // Don't start close swipe if inside safe zone\n      }\n\n      // Check if target is in a scrollable area that would block swipe\n      if (isScrollableInDirection(target, container, axis, closeSwipeSign)) {\n        return; // Don't start close swipe if inside scrollable content\n      }\n\n      baseClosePointerDown(event);\n    },\n    [enableSwipeClose, isOpen, drawerContentRef, axis, closeSwipeSign, baseClosePointerDown],\n  );\n\n  // Calculate close displacement\n  const closeDisplacement = React.useMemo(() => {\n    if (!closeTracking.isDown || !closeTracking.start || !closeTracking.current) {\n      return lastCloseDisplacementRef.current;\n    }\n\n    const delta = getAxisDelta(closeTracking.start, closeTracking.current, axis);\n\n    // Only count movement in close direction\n    const signedDelta = delta * closeSwipeSign;\n    return Math.max(0, signedDelta);\n  }, [closeTracking.isDown, closeTracking.start, closeTracking.current, axis, closeSwipeSign]);\n\n  // Track displacement while dragging\n  React.useEffect(() => {\n    if (closeTracking.isDown && closeTracking.current) {\n      lastCloseDisplacementRef.current = closeDisplacement;\n    }\n  }, [closeTracking.isDown, closeTracking.current, closeDisplacement]);\n\n  // Handle close drag start\n  React.useEffect(() => {\n    if (closeTracking.isDown && closePhase === \"idle\") {\n      setClosePhase(\"operating\");\n    }\n  }, [closeTracking.isDown, closePhase]);\n\n  // Handle close drag end\n  React.useEffect(() => {\n    if (!closeTracking.isDown && closePhase === \"operating\") {\n      const displacement = lastCloseDisplacementRef.current;\n      const hasMovement = displacement > 1;\n\n      if (hasMovement) {\n        setClosePhase(\"ended\");\n\n        // Check if should close\n        const containerSize = containerSizeRef.current;\n        if (containerSize > 0) {\n          const ratio = displacement / containerSize;\n          const velocity = computeVelocity(closeTracking.start, closeTracking.current, displacement);\n\n          if (ratio >= dismissThreshold || velocity >= VELOCITY_THRESHOLD) {\n            onSwipeClose();\n          }\n        }\n      } else {\n        setClosePhase(\"idle\");\n        lastCloseDisplacementRef.current = 0;\n      }\n    }\n  }, [closeTracking.isDown, closePhase, dismissThreshold, onSwipeClose, closeTracking.start, closeTracking.current]);\n\n  // Transition from ended to idle\n  React.useEffect(() => {\n    if (closePhase === \"ended\") {\n      queueMicrotask(() => {\n        setClosePhase(\"idle\");\n        lastCloseDisplacementRef.current = 0;\n      });\n    }\n  }, [closePhase]);\n\n  // Reset close state when drawer closes\n  React.useEffect(() => {\n    if (!isOpen) {\n      setClosePhase(\"idle\");\n      lastCloseDisplacementRef.current = 0;\n    }\n  }, [isOpen]);\n\n  // =========== Combined state ===========\n  const isOpening = isDrawerOpening(isEdgeGesture, isOpen);\n  const isClosing = isDrawerClosing(closePhase, isOpen);\n\n  // Determine primary displacement based on current operation\n  const displacement = React.useMemo(() => {\n    if (isOpening) {\n      return computeAxisDisplacement(edgeSwipeState.displacement, axis);\n    }\n    if (isClosing) {\n      return closeDisplacement;\n    }\n    return 0;\n  }, [isOpening, isClosing, axis, edgeSwipeState.displacement, closeDisplacement]);\n\n  // Progress calculation\n  const progress = React.useMemo(() => {\n    const containerSize = containerSizeRef.current;\n    if (containerSize <= 0) {\n      return 0;\n    }\n    return Math.min(displacement / containerSize, 1);\n  }, [displacement]);\n\n  // Combined operation state\n  const state = React.useMemo<ContinuousOperationState>(() => {\n    if (isOpening) {\n      return {\n        phase: normalizePhase(edgeSwipeState.phase),\n        displacement: edgeSwipeState.displacement,\n        velocity: edgeSwipeState.velocity,\n      };\n    }\n    if (isClosing) {\n      return {\n        phase: closePhase,\n        displacement: computeDisplacementValue(closeSwipeSign, axis, closeDisplacement),\n        velocity: { x: 0, y: 0 },\n      };\n    }\n    return IDLE_CONTINUOUS_OPERATION_STATE;\n  }, [isOpening, isClosing, edgeSwipeState, closePhase, closeDisplacement, axis, closeSwipeSign]);\n\n  // Container props\n  const edgeContainerProps = React.useMemo(\n    () => mergeGestureContainerProps(edgeSwipeProps, guardProps),\n    [edgeSwipeProps, guardProps],\n  );\n\n  const drawerContentProps = React.useMemo(() => ({\n    onPointerDown: onClosePointerDown,\n    style: {\n      touchAction: \"none\" as const,\n      userSelect: \"none\" as const,\n      WebkitUserSelect: \"none\" as const,\n    },\n  }), [onClosePointerDown]);\n\n  return {\n    state,\n    isOpening,\n    isClosing,\n    progress,\n    displacement,\n    edgeContainerProps,\n    drawerContentProps,\n  };\n}\n","/**\n * @file Drawer style computation utilities.\n *\n * Provides pure functions for computing drawer styles based on configuration.\n */\nimport type * as React from \"react\";\nimport type { DrawerBehavior } from \"../../types.js\";\nimport {\n  COLOR_DRAWER_BACKDROP,\n  DRAWER_TRANSITION_DURATION,\n  DRAWER_TRANSITION_EASING,\n} from \"../../constants/styles.js\";\n\n/**\n * Base backdrop style shared by backdrop and edge zone.\n */\nexport const DRAWER_BACKDROP_BASE_STYLE: React.CSSProperties = {\n  position: \"fixed\",\n  inset: 0,\n  background: COLOR_DRAWER_BACKDROP,\n};\n\n/**\n * Base drawer panel style.\n */\nexport const DRAWER_PANEL_BASE_STYLE: React.CSSProperties = {\n  willChange: \"transform\",\n};\n\n/**\n * Placement-specific styles for drawer positioning.\n */\nexport type DrawerPlacement = \"left\" | \"right\" | \"top\" | \"bottom\";\n\nconst PLACEMENT_STYLES: Record<DrawerPlacement, React.CSSProperties> = {\n  left: {\n    top: 0,\n    bottom: 0,\n    left: 0,\n    transform: \"translateX(-100%)\",\n  },\n  right: {\n    top: 0,\n    bottom: 0,\n    right: 0,\n    transform: \"translateX(100%)\",\n  },\n  top: {\n    top: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(-100%)\",\n  },\n  bottom: {\n    bottom: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(100%)\",\n  },\n};\n\nconst OPEN_TRANSFORMS: Record<DrawerPlacement, string> = {\n  left: \"translateX(0)\",\n  right: \"translateX(0)\",\n  top: \"translateY(0)\",\n  bottom: \"translateY(0)\",\n};\n\n/**\n * Get placement-specific style.\n */\nexport function getPlacementStyle(placement: DrawerPlacement): React.CSSProperties {\n  return PLACEMENT_STYLES[placement];\n}\n\n/**\n * Get transform value for open state.\n */\nexport function getOpenTransform(placement: DrawerPlacement): string {\n  return OPEN_TRANSFORMS[placement];\n}\n\n/**\n * Get closed transform value.\n */\nexport function getClosedTransform(placement: DrawerPlacement): string {\n  return PLACEMENT_STYLES[placement].transform as string;\n}\n\n/**\n * Compute CSS transition value.\n */\nexport function computeTransitionValue(\n  mode: DrawerBehavior[\"transitionMode\"] | undefined,\n  duration: DrawerBehavior[\"transitionDuration\"],\n  easing: DrawerBehavior[\"transitionEasing\"],\n): string | undefined {\n  if (mode === \"none\") {\n    return undefined;\n  }\n\n  const durationValue = duration ?? DRAWER_TRANSITION_DURATION;\n  const easingValue = easing ?? DRAWER_TRANSITION_EASING;\n\n  return `transform ${durationValue} ${easingValue}`;\n}\n\n/**\n * Compute backdrop transition value.\n */\nexport function computeBackdropTransition(\n  mode: DrawerBehavior[\"transitionMode\"] | undefined,\n  duration: DrawerBehavior[\"transitionDuration\"],\n): string | undefined {\n  if (mode === \"none\") {\n    return undefined;\n  }\n  return `opacity ${duration ?? \"220ms\"} ease`;\n}\n\n/**\n * Check if placement is horizontal (left/right).\n */\nexport function isHorizontalPlacement(placement: DrawerPlacement): boolean {\n  return placement === \"left\" || placement === \"right\";\n}\n\n/**\n * Format dimension value to CSS string.\n */\nexport function formatDimension(value: string | number | undefined): string | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (typeof value === \"number\") {\n    return `${value}px`;\n  }\n  return value;\n}\n\n// ============================================================================\n// Edge Zone Styles\n// ============================================================================\n\n/**\n * Options for computing edge zone style.\n */\nexport type EdgeZoneStyleOptions = {\n  placement: DrawerPlacement;\n  inline: boolean;\n  edgeWidth: number;\n  zIndex: number | undefined;\n};\n\n/**\n * Compute edge zone style based on placement and positioning context.\n *\n * The edge zone is positioned at the edge where the drawer appears from:\n * - left drawer: left edge of the container\n * - right drawer: right edge of the container\n * - top drawer: top edge of the container\n * - bottom drawer: bottom edge of the container\n *\n * When inline=true, uses absolute positioning (relative to parent container).\n * When inline=false, uses fixed positioning (relative to viewport).\n */\nexport function computeEdgeZoneStyle(options: EdgeZoneStyleOptions): React.CSSProperties {\n  const { placement, inline, edgeWidth, zIndex } = options;\n  const position = inline ? \"absolute\" : \"fixed\";\n  const computedZIndex = zIndex !== undefined ? zIndex - 2 : 1000;\n\n  return getEdgeZoneStyleByPlacement(placement, position, edgeWidth, computedZIndex);\n}\n\nfunction getEdgeZoneStyleByPlacement(\n  placement: DrawerPlacement,\n  position: \"absolute\" | \"fixed\",\n  edgeWidth: number,\n  zIndex: number,\n): React.CSSProperties {\n  // Common base style\n  const base: React.CSSProperties = {\n    position,\n    zIndex,\n    background: \"transparent\",\n    pointerEvents: \"auto\",\n  };\n\n  // Placement-specific positioning\n  if (placement === \"left\") {\n    return {\n      ...base,\n      top: 0,\n      bottom: 0,\n      left: 0,\n      width: edgeWidth,\n    };\n  }\n\n  if (placement === \"right\") {\n    return {\n      ...base,\n      top: 0,\n      bottom: 0,\n      right: 0,\n      width: edgeWidth,\n    };\n  }\n\n  if (placement === \"top\") {\n    return {\n      ...base,\n      top: 0,\n      left: 0,\n      right: 0,\n      height: edgeWidth,\n    };\n  }\n\n  // bottom\n  return {\n    ...base,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: edgeWidth,\n  };\n}\n","/**\n * @file Drawer swipe gesture configuration parsing.\n *\n * Normalizes swipeGestures config from DrawerBehavior into a consistent shape.\n */\nimport type { DrawerBehavior, WindowPosition } from \"../../types.js\";\nimport type { DrawerPlacement } from \"./drawerStyles.js\";\n\n/**\n * Normalized swipe gesture configuration.\n */\nexport type NormalizedSwipeConfig = {\n  enabled: boolean;\n  edgeSwipeOpen: boolean;\n  swipeClose: boolean;\n  edgeWidth: number;\n  dismissThreshold: number;\n};\n\nconst DEFAULT_EDGE_WIDTH = 20;\nconst DEFAULT_DISMISS_THRESHOLD = 0.3;\n\nconst DISABLED_CONFIG: NormalizedSwipeConfig = {\n  enabled: false,\n  edgeSwipeOpen: false,\n  swipeClose: false,\n  edgeWidth: DEFAULT_EDGE_WIDTH,\n  dismissThreshold: DEFAULT_DISMISS_THRESHOLD,\n};\n\nconst ENABLED_DEFAULT_CONFIG: NormalizedSwipeConfig = {\n  enabled: true,\n  edgeSwipeOpen: true,\n  swipeClose: true,\n  edgeWidth: DEFAULT_EDGE_WIDTH,\n  dismissThreshold: DEFAULT_DISMISS_THRESHOLD,\n};\n\n/**\n * Parse swipeGestures config into normalized options.\n */\nexport function parseSwipeGesturesConfig(\n  swipeGestures: DrawerBehavior[\"swipeGestures\"],\n): NormalizedSwipeConfig {\n  if (swipeGestures === true) {\n    return ENABLED_DEFAULT_CONFIG;\n  }\n\n  if (swipeGestures === false || swipeGestures === undefined) {\n    return DISABLED_CONFIG;\n  }\n\n  return {\n    enabled: true,\n    edgeSwipeOpen: swipeGestures.edgeSwipeOpen ?? true,\n    swipeClose: swipeGestures.swipeClose ?? true,\n    edgeWidth: swipeGestures.edgeWidth ?? DEFAULT_EDGE_WIDTH,\n    dismissThreshold: swipeGestures.dismissThreshold ?? DEFAULT_DISMISS_THRESHOLD,\n  };\n}\n\n/**\n * Resolve drawer placement from anchor and position.\n */\nexport function resolvePlacement(\n  anchor: DrawerBehavior[\"anchor\"],\n  position: WindowPosition | undefined,\n): DrawerPlacement {\n  if (anchor) {\n    return anchor;\n  }\n\n  if (!position) {\n    return \"right\";\n  }\n\n  if (position.left !== undefined) {\n    return \"left\";\n  }\n  if (position.right !== undefined) {\n    return \"right\";\n  }\n  if (position.top !== undefined) {\n    return \"top\";\n  }\n  if (position.bottom !== undefined) {\n    return \"bottom\";\n  }\n\n  return \"right\";\n}\n\n/**\n * Determine if edge zone should be visible.\n */\nexport function shouldShowEdgeZone(\n  config: NormalizedSwipeConfig,\n  isOpen: boolean,\n  isOpening: boolean,\n): boolean {\n  if (!config.enabled) {\n    return false;\n  }\n  if (!config.edgeSwipeOpen) {\n    return false;\n  }\n  // Show when closed or actively opening\n  if (!isOpen) {\n    return true;\n  }\n  return isOpening;\n}\n","/**\n * @file Hook for applying real-time transform during drawer swipe gestures.\n *\n * Handles DOM manipulation for smooth swipe animations.\n */\nimport * as React from \"react\";\nimport type { ContinuousOperationState } from \"../../hooks/gesture/types.js\";\nimport { getDrawerAnimationAxis, getDrawerCloseSwipeSign } from \"../../modules/drawer/types.js\";\nimport type { DrawerSwipeDirection } from \"../../modules/drawer/types.js\";\n\ntype UseDrawerSwipeTransformOptions = {\n  drawerRef: React.RefObject<HTMLDivElement | null>;\n  backdropRef: React.RefObject<HTMLDivElement | null>;\n  placement: DrawerSwipeDirection;\n  swipeState: ContinuousOperationState;\n  displacement: number;\n  isOpening: boolean;\n  isClosing: boolean;\n  enabled: boolean;\n};\n\n/**\n * Apply real-time transform to drawer and backdrop during swipe.\n */\nexport function useDrawerSwipeTransform(options: UseDrawerSwipeTransformOptions): void {\n  const {\n    drawerRef,\n    backdropRef,\n    placement,\n    swipeState,\n    displacement,\n    isOpening,\n    isClosing,\n    enabled,\n  } = options;\n\n  const isOperating = swipeState.phase === \"operating\";\n\n  // Apply real-time transform during swipe\n  React.useLayoutEffect(() => {\n    if (!enabled || !isOperating) {\n      return;\n    }\n\n    const drawer = drawerRef.current;\n    const backdrop = backdropRef.current;\n\n    if (!drawer) {\n      return;\n    }\n\n    const axis = getDrawerAnimationAxis(placement);\n    const closeSign = getDrawerCloseSwipeSign(placement);\n    const drawerSize = axis === \"x\" ? drawer.clientWidth : drawer.clientHeight;\n\n    if (drawerSize <= 0) {\n      return;\n    }\n\n    const translateFn = axis === \"x\" ? \"translateX\" : \"translateY\";\n\n    if (isClosing) {\n      applyClosingTransform(drawer, backdrop, translateFn, closeSign, displacement, drawerSize);\n    } else if (isOpening) {\n      applyOpeningTransform(drawer, backdrop, translateFn, closeSign, displacement, drawerSize);\n    }\n  }, [enabled, isOperating, isClosing, isOpening, displacement, placement, drawerRef, backdropRef]);\n\n  // Reset transform after swipe ends\n  React.useLayoutEffect(() => {\n    if (!enabled || swipeState.phase !== \"ended\") {\n      return;\n    }\n\n    const drawer = drawerRef.current;\n    const backdrop = backdropRef.current;\n\n    if (drawer) {\n      drawer.style.transform = \"\";\n    }\n    if (backdrop) {\n      backdrop.style.opacity = \"\";\n    }\n  }, [enabled, swipeState.phase, drawerRef, backdropRef]);\n}\n\nfunction applyClosingTransform(\n  drawer: HTMLDivElement,\n  backdrop: HTMLDivElement | null,\n  translateFn: \"translateX\" | \"translateY\",\n  closeSign: 1 | -1,\n  displacement: number,\n  drawerSize: number,\n): void {\n  const translate = closeSign * displacement;\n  drawer.style.transform = `${translateFn}(${translate}px)`;\n\n  const progress = Math.min(displacement / drawerSize, 1);\n  if (backdrop) {\n    backdrop.style.opacity = String(1 - progress);\n  }\n}\n\nfunction applyOpeningTransform(\n  drawer: HTMLDivElement,\n  backdrop: HTMLDivElement | null,\n  translateFn: \"translateX\" | \"translateY\",\n  closeSign: 1 | -1,\n  displacement: number,\n  drawerSize: number,\n): void {\n  const closedPosition = closeSign * drawerSize;\n  const translate = closedPosition + closeSign * -1 * displacement;\n  const clampedTranslate = clampTranslate(translate, closeSign);\n  drawer.style.transform = `${translateFn}(${clampedTranslate}px)`;\n\n  const progress = Math.min(displacement / drawerSize, 1);\n  if (backdrop) {\n    backdrop.style.opacity = String(progress);\n    backdrop.style.pointerEvents = \"auto\";\n  }\n}\n\nfunction clampTranslate(translate: number, closeSign: 1 | -1): number {\n  if (closeSign > 0) {\n    return Math.max(0, translate);\n  }\n  return Math.min(0, translate);\n}\n","/**\n * @file Drawer component\n *\n * Mobile-friendly slide-in panel with backdrop support.\n * Supports swipe gestures for opening/closing.\n */\nimport * as React from \"react\";\nimport type { DrawerBehavior, WindowPosition } from \"../../types.js\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelContent,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n} from \"../paneling/FloatingPanelFrame.js\";\nimport {\n  DRAWER_HEADER_PADDING_Y,\n  DRAWER_HEADER_PADDING_X,\n  DRAWER_HEADER_GAP,\n  DRAWER_CONTENT_PADDING,\n} from \"../../constants/styles.js\";\nimport { useDrawerSwipeInput } from \"../../modules/drawer/useDrawerSwipeInput.js\";\nimport type { DrawerSwipeDirection } from \"../../modules/drawer/types.js\";\nimport {\n  DRAWER_BACKDROP_BASE_STYLE,\n  DRAWER_PANEL_BASE_STYLE,\n  getPlacementStyle,\n  getOpenTransform,\n  computeTransitionValue,\n  computeBackdropTransition,\n  formatDimension,\n  computeEdgeZoneStyle,\n} from \"./drawerStyles.js\";\nimport type { DrawerPlacement } from \"./drawerStyles.js\";\nimport {\n  parseSwipeGesturesConfig,\n  resolvePlacement,\n  shouldShowEdgeZone,\n} from \"./drawerSwipeConfig.js\";\nimport { useDrawerSwipeTransform } from \"./useDrawerSwipeTransform.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type DrawerProps = {\n  id: string;\n  config: DrawerBehavior;\n  isOpen: boolean;\n  onClose: () => void;\n  onOpen?: () => void;\n  children: React.ReactNode;\n  zIndex?: number;\n  width?: string | number;\n  height?: string | number;\n  position?: WindowPosition;\n};\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\ntype DrawerContentProps = {\n  chrome: boolean;\n  frameStyle: React.CSSProperties;\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst DrawerContent: React.FC<DrawerContentProps> = ({\n  chrome,\n  frameStyle,\n  header,\n  dismissible,\n  onClose,\n  children,\n}) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n  return (\n    <FloatingPanelFrame style={frameStyle}>\n      <DrawerHeaderView header={header} dismissible={dismissible} onClose={onClose} />\n      <FloatingPanelContent\n        style={{ padding: DRAWER_CONTENT_PADDING, flex: 1, display: \"flex\", flexDirection: \"column\" }}\n      >\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\ntype DrawerHeaderViewProps = {\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n};\n\nfunction shouldShowCloseButton(dismissible: boolean, showCloseButton: boolean): boolean {\n  if (!dismissible) {\n    return false;\n  }\n  return showCloseButton;\n}\n\nfunction renderCloseButton(\n  shouldShow: boolean,\n  onClose: () => void,\n): React.ReactNode {\n  if (!shouldShow) {\n    return null;\n  }\n  return (\n    <FloatingPanelCloseButton\n      onClick={onClose}\n      aria-label=\"Close drawer\"\n      style={{ marginLeft: \"auto\" }}\n    />\n  );\n}\n\nfunction renderEdgeZone(\n  showEdgeZone: boolean,\n  edgeZoneRef: React.RefObject<HTMLDivElement | null>,\n  edgeZoneStyle: React.CSSProperties,\n  onPointerDown: ((e: React.PointerEvent<HTMLElement>) => void) | undefined,\n  placement: string,\n): React.ReactNode {\n  if (!showEdgeZone) {\n    return null;\n  }\n  return (\n    <div\n      ref={edgeZoneRef}\n      style={edgeZoneStyle}\n      onPointerDown={onPointerDown}\n      data-drawer-edge-zone={placement}\n    />\n  );\n}\n\nconst DrawerHeaderView: React.FC<DrawerHeaderViewProps> = ({ header, dismissible, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? true;\n  const shouldShow = shouldShowCloseButton(dismissible, showCloseButton);\n\n  return (\n    <FloatingPanelHeader\n      style={{ padding: `${DRAWER_HEADER_PADDING_Y} ${DRAWER_HEADER_PADDING_X}`, gap: DRAWER_HEADER_GAP }}\n    >\n      <FloatingPanelTitle>{header.title}</FloatingPanelTitle>\n      {renderCloseButton(shouldShow, onClose)}\n    </FloatingPanelHeader>\n  );\n};\n\n// ============================================================================\n// Style computation hooks\n// ============================================================================\n\nfunction useDrawerPanelStyle(\n  placement: DrawerPlacement,\n  isOpen: boolean,\n  isSwipeOperating: boolean,\n  config: DrawerBehavior,\n  dimensions: { width?: string | number; height?: string | number; zIndex?: number },\n): React.CSSProperties {\n  return React.useMemo((): React.CSSProperties => {\n    const effectiveMode = isSwipeOperating ? \"none\" : config.transitionMode;\n    const transitionValue = computeTransitionValue(\n      effectiveMode,\n      config.transitionDuration,\n      config.transitionEasing,\n    );\n\n    const placementStyle = getPlacementStyle(placement);\n    const transform = isOpen ? getOpenTransform(placement) : placementStyle.transform;\n    const position = config.inline ? \"absolute\" : \"fixed\";\n\n    return {\n      ...DRAWER_PANEL_BASE_STYLE,\n      position,\n      ...placementStyle,\n      transform,\n      transition: transitionValue,\n      zIndex: dimensions.zIndex,\n      width: formatDimension(dimensions.width),\n      height: formatDimension(dimensions.height),\n    };\n  }, [placement, isOpen, isSwipeOperating, config, dimensions]);\n}\n\nfunction useBackdropStyle(\n  placement: DrawerPlacement,\n  isOpen: boolean,\n  isSwipeOperating: boolean,\n  config: DrawerBehavior,\n  zIndex: number | undefined,\n): React.CSSProperties {\n  return React.useMemo((): React.CSSProperties => {\n    const effectiveMode = isSwipeOperating ? \"none\" : config.transitionMode;\n    const transitionValue = computeBackdropTransition(effectiveMode, config.transitionDuration);\n    const position = config.inline ? \"absolute\" as const : \"fixed\" as const;\n\n    return {\n      ...DRAWER_BACKDROP_BASE_STYLE,\n      position,\n      opacity: isOpen ? 1 : 0,\n      pointerEvents: isOpen ? \"auto\" : \"none\",\n      transition: transitionValue,\n      zIndex: zIndex !== undefined ? zIndex - 1 : undefined,\n    };\n  }, [isOpen, isSwipeOperating, config, zIndex]);\n}\n\nfunction useFrameStyle(placement: DrawerPlacement): React.CSSProperties {\n  return React.useMemo((): React.CSSProperties => {\n    const style: React.CSSProperties = { borderRadius: 0 };\n    if (placement === \"left\" || placement === \"right\") {\n      style.height = \"100%\";\n    }\n    return style;\n  }, [placement]);\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  id,\n  config,\n  isOpen,\n  onClose,\n  onOpen,\n  children,\n  zIndex,\n  width,\n  height,\n  position,\n}) => {\n  const {\n    dismissible = true,\n    header,\n    chrome = true,\n    inline = false,\n  } = config;\n\n  const swipeConfig = parseSwipeGesturesConfig(config.swipeGestures);\n  const placement = resolvePlacement(config.anchor, position);\n\n  // Refs\n  const drawerRef = React.useRef<HTMLDivElement>(null);\n  const backdropRef = React.useRef<HTMLDivElement>(null);\n  const edgeZoneRef = React.useRef<HTMLDivElement>(null);\n\n  // Swipe callbacks\n  const handleSwipeOpen = React.useCallback(() => {\n    onOpen?.();\n    config.onStateChange?.(true);\n  }, [onOpen, config]);\n\n  const handleSwipeClose = React.useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  // Swipe input handling\n  const {\n    state: swipeState,\n    displacement,\n    edgeContainerProps,\n    drawerContentProps,\n    isOpening,\n    isClosing,\n  } = useDrawerSwipeInput({\n    edgeContainerRef: edgeZoneRef,\n    drawerContentRef: drawerRef,\n    direction: placement as DrawerSwipeDirection,\n    isOpen,\n    onSwipeOpen: handleSwipeOpen,\n    onSwipeClose: handleSwipeClose,\n    enableEdgeSwipeOpen: swipeConfig.edgeSwipeOpen,\n    enableSwipeClose: swipeConfig.swipeClose,\n    edgeWidth: swipeConfig.edgeWidth,\n    dismissThreshold: swipeConfig.dismissThreshold,\n  });\n\n  const isSwipeOperating = swipeState.phase === \"operating\";\n\n  // Apply swipe transform\n  useDrawerSwipeTransform({\n    drawerRef,\n    backdropRef,\n    placement: placement as DrawerSwipeDirection,\n    swipeState,\n    displacement,\n    isOpening,\n    isClosing,\n    enabled: swipeConfig.enabled,\n  });\n\n  // Computed styles\n  const drawerStyle = useDrawerPanelStyle(placement, isOpen, isSwipeOperating, config, { width, height, zIndex });\n  const backdropStyle = useBackdropStyle(placement, isOpen, isSwipeOperating, config, zIndex);\n  const frameStyle = useFrameStyle(placement);\n\n  // Edge zone style: merge positioning style with gesture handlers' style\n  const edgeZoneStyle = React.useMemo((): React.CSSProperties => {\n    const positioningStyle = computeEdgeZoneStyle({\n      placement,\n      inline,\n      edgeWidth: swipeConfig.edgeWidth,\n      zIndex,\n    });\n    // Merge with gesture container styles (touchAction, etc.)\n    return { ...positioningStyle, ...edgeContainerProps.style };\n  }, [placement, inline, swipeConfig.edgeWidth, zIndex, edgeContainerProps.style]);\n\n  // Merged drawer style with swipe props\n  const mergedDrawerStyle = React.useMemo((): React.CSSProperties => {\n    if (!swipeConfig.enabled) {\n      return drawerStyle;\n    }\n    return { ...drawerStyle, ...drawerContentProps.style };\n  }, [swipeConfig.enabled, drawerStyle, drawerContentProps.style]);\n\n  // Visibility flags\n  const showEdgeZone = shouldShowEdgeZone(swipeConfig, isOpen, isOpening);\n  const ariaLabel = header?.title ?? config.ariaLabel ?? \"Drawer\";\n\n  const edgeZoneElement = renderEdgeZone(showEdgeZone, edgeZoneRef, edgeZoneStyle, edgeContainerProps.onPointerDown, placement);\n\n  return (\n    <>\n      {edgeZoneElement}\n      <div\n        ref={backdropRef}\n        style={backdropStyle}\n        onClick={dismissible ? onClose : undefined}\n      />\n      <div\n        ref={drawerRef}\n        data-layer-id={id}\n        data-placement={placement}\n        style={mergedDrawerStyle}\n        role=\"dialog\"\n        aria-modal={dismissible ? true : undefined}\n        aria-hidden={isOpen ? undefined : true}\n        aria-label={ariaLabel}\n        onPointerDown={swipeConfig.enabled ? drawerContentProps.onPointerDown : undefined}\n      >\n        <DrawerContent\n          chrome={chrome}\n          frameStyle={frameStyle}\n          header={header}\n          dismissible={dismissible}\n          onClose={onClose}\n        >\n          {children}\n        </DrawerContent>\n      </div>\n    </>\n  );\n};\n","/**\n * @file Generic transition state management with animation support.\n */\nimport * as React from \"react\";\n\nexport type TransitionMode = \"none\" | \"css\";\n\nexport type TransitionOptions = {\n  mode?: TransitionMode;\n  element?: React.RefObject<HTMLElement>;\n  duration?: number;\n};\n\nexport type UseTransitionStateOptions = {\n  onOpen?: (id: string) => void;\n  onClose?: (id: string) => void;\n  onTransitionEnd?: (id: string, isOpen: boolean) => void;\n};\n\nconst waitForTransitionEnd = (el: HTMLElement, timeout: number): Promise<void> =>\n  new Promise((resolve) => {\n    // eslint-disable-next-line no-restricted-syntax -- mutable flag needed for deduplication\n    let resolved = false;\n    const done = () => {\n      if (resolved) {return;}\n      resolved = true;\n      el.removeEventListener(\"transitionend\", handler);\n      resolve();\n    };\n    const handler = (e: TransitionEvent) => {\n      if (e.target === el) {done();}\n    };\n    el.addEventListener(\"transitionend\", handler);\n    setTimeout(done, timeout + 50);\n  });\n\nexport const runTransition = async (\n  update: () => void,\n  mode: TransitionMode,\n  el: HTMLElement | null | undefined,\n  duration: number,\n): Promise<void> => {\n  switch (mode) {\n    case \"none\":\n      update();\n      return;\n\n    case \"css\":\n      update();\n      if (el) {await waitForTransitionEnd(el, duration);}\n      return;\n  }\n};\n\nexport const useTransitionState = (options?: UseTransitionStateOptions) => {\n  const [states, setStates] = React.useState<Record<string, boolean>>({});\n  const optionsRef = React.useRef(options);\n  optionsRef.current = options;\n\n  const update = React.useCallback(\n    async (id: string, isOpen: boolean, transitionOptions?: TransitionOptions) => {\n      const { mode = \"none\", element, duration = 300 } = transitionOptions ?? {};\n\n      const applyState = () => {\n        setStates((prev) => {\n          if (prev[id] === isOpen) {return prev;}\n          return { ...prev, [id]: isOpen };\n        });\n      };\n\n      await runTransition(applyState, mode, element?.current, duration);\n\n      const opts = optionsRef.current;\n      if (isOpen) {\n        opts?.onOpen?.(id);\n      } else {\n        opts?.onClose?.(id);\n      }\n      opts?.onTransitionEnd?.(id, isOpen);\n    },\n    [],\n  );\n\n  const state = React.useCallback((id: string): boolean => states[id] ?? false, [states]);\n  const open = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, true, opts),\n    [update],\n  );\n  const close = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, false, opts),\n    [update],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file Hook for managing drawer state (controlled/uncontrolled)\n */\nimport * as React from \"react\";\nimport {\n  type TransitionMode,\n  type TransitionOptions,\n  runTransition,\n} from \"../../hooks/useTransitionState\";\nimport type { LayerDefinition } from \"../../types\";\n\nconst parseDuration = (value: string | undefined): number => {\n  if (!value) {return 300;}\n  const match = value.match(/(\\d+)/);\n  return match ? parseInt(match[1], 10) : 300;\n};\n\nexport const useDrawerState = (layers: LayerDefinition[]) => {\n  const [drawerStates, setDrawerStates] = React.useState<Record<string, boolean>>(() => {\n    const initial: Record<string, boolean> = {};\n    layers.forEach((layer) => {\n      if (layer.drawer) {\n        initial[layer.id] = layer.drawer.defaultOpen ?? false;\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 updateState = React.useCallback(\n    async (layerId: string, isOpen: boolean, options?: TransitionOptions) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.drawer) {return;}\n\n      const mode: TransitionMode = options?.mode ?? layer.drawer.transitionMode ?? \"css\";\n      const duration = options?.duration ?? parseDuration(layer.drawer.transitionDuration);\n      const element = options?.element?.current;\n\n      const applyState = () => {\n        if (layer.drawer?.open === undefined) {\n          setDrawerStates((prev) => {\n            if (prev[layerId] === isOpen) {return prev;}\n            return { ...prev, [layerId]: isOpen };\n          });\n        }\n        layer.drawer?.onStateChange?.(isOpen);\n      };\n\n      await runTransition(applyState, mode, element, duration);\n    },\n    [layerMap],\n  );\n\n  const state = React.useCallback(\n    (layerId: string): boolean => {\n      const layer = layerMap.get(layerId);\n      if (layer?.drawer?.open !== undefined) {\n        return layer.drawer.open;\n      }\n      return drawerStates[layerId] ?? false;\n    },\n    [layerMap, drawerStates],\n  );\n\n  const open = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, true, options),\n    [updateState],\n  );\n\n  const close = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, false, options),\n    [updateState],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file DrawerLayers component\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types.js\";\nimport { Drawer } from \"./Drawer.js\";\nimport { useDrawerState } from \"../../modules/window/useDrawerState.js\";\n\nexport type DrawerLayersProps = {\n  layers: LayerDefinition[];\n};\n\nexport const DrawerLayers: React.FC<DrawerLayersProps> = ({ layers }) => {\n  const drawer = useDrawerState(layers);\n\n  const drawerLayers = React.useMemo(() => layers.filter((layer) => layer.drawer), [layers]);\n\n  const closeHandlers = React.useMemo(() => {\n    const handlers = new Map<string, () => void>();\n    drawerLayers.forEach((layer) => {\n      handlers.set(layer.id, () => drawer.close(layer.id));\n    });\n    return handlers;\n  }, [drawerLayers, drawer.close]);\n\n  const openHandlers = React.useMemo(() => {\n    const handlers = new Map<string, () => void>();\n    drawerLayers.forEach((layer) => {\n      handlers.set(layer.id, () => drawer.open(layer.id));\n    });\n    return handlers;\n  }, [drawerLayers, drawer.open]);\n\n  return (\n    <>\n      {drawerLayers.map((layer) => {\n        if (!layer.drawer) {\n          return null;\n        }\n\n        const isOpen = drawer.state(layer.id);\n        const onClose = closeHandlers.get(layer.id);\n        const onOpen = openHandlers.get(layer.id);\n\n        if (!onClose) {\n          return null;\n        }\n\n        return (\n          <Drawer\n            key={layer.id}\n            id={layer.id}\n            config={layer.drawer}\n            isOpen={isOpen}\n            onClose={onClose}\n            onOpen={onOpen}\n            zIndex={layer.zIndex}\n            width={layer.width}\n            height={layer.height}\n            position={layer.position}\n          >\n            {layer.component}\n          </Drawer>\n        );\n      })}\n    </>\n  );\n};\n","/**\n * @file Context provider for grid layer rendering helpers.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\n\nexport type GridLayerHandleProps = React.HTMLAttributes<HTMLElement> & {\n  \"data-drag-handle\": \"true\";\n};\n\nexport type ResizeHandleConfig =\n  | {\n      key: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n      variant: \"corner\";\n      horizontal: \"left\" | \"right\";\n      vertical: \"top\" | \"bottom\";\n    }\n  | {\n      key: \"left\" | \"right\" | \"top\" | \"bottom\";\n      variant: \"edge\";\n      horizontal?: \"left\" | \"right\";\n      vertical?: \"top\" | \"bottom\";\n    };\n\nexport type GridLayerRenderState = {\n  style: React.CSSProperties;\n  isResizable: boolean;\n  isResizing: boolean;\n  onResizeHandlePointerDown: (config: ResizeHandleConfig, event: React.PointerEvent<HTMLDivElement>) => void;\n};\n\nexport type GridLayoutContextValue = {\n  handleLayerPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;\n  getLayerRenderState: (layer: LayerDefinition) => GridLayerRenderState;\n  getLayerHandleProps: (layerId: string) => GridLayerHandleProps;\n  /**\n   * Whether the GridLayout is mounted at root level.\n   * When true, scrollable layers should delegate to browser's native scroll.\n   */\n  isRootLevel: boolean;\n};\n\nconst GridLayoutContext = React.createContext<GridLayoutContextValue | null>(null);\n\nexport const GridLayoutProvider: React.FC<\n  React.PropsWithChildren<{ value: GridLayoutContextValue }>\n> = ({ value, children }) => {\n  return <GridLayoutContext.Provider value={value}>{children}</GridLayoutContext.Provider>;\n};\n\nexport const useGridLayoutContext = (): GridLayoutContextValue => {\n  const context = React.useContext(GridLayoutContext);\n  if (!context) {\n    throw new Error(\"useGridLayoutContext must be used within a GridLayoutProvider.\");\n  }\n  return context;\n};\n","/**\n * @file PanelSystemContext\n *\n * Core provider for panel definitions and registry. Grid-specific layout and\n * interactions are composed by UI layers (e.g., GridLayout) on top of this.\n *\n * Includes content caching to preserve React component state across re-renders.\n * This is essential for maintaining internal state when parent components\n * re-create the layers array.\n */\nimport * as React from \"react\";\nimport type { PanelLayoutConfig, LayerDefinition } from \"./types\";\nimport { useContentCache } from \"./hooks/useContentCache\";\n\nexport type PanelSystemContextValue = {\n  config: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  layers: {\n    /** Raw panel definitions (no grid normalization). */\n    defs: LayerDefinition[];\n    /** Fast lookup map by id for consumers. */\n    layerById: Map<string, LayerDefinition>;\n  };\n  /**\n   * Get cached content for a layer. Returns the same ReactNode reference\n   * for the same layer ID to prevent remounting on parent re-renders.\n   */\n  getCachedContent: (layerId: string) => React.ReactNode | null;\n};\n\nconst PanelSystemContext = React.createContext<PanelSystemContextValue | null>(null);\n\nexport const usePanelSystem = (): PanelSystemContextValue => {\n  const ctx = React.useContext(PanelSystemContext);\n  if (!ctx) {\n    throw new Error(\"usePanelSystem must be used within a PanelSystemProvider.\");\n  }\n  return ctx;\n};\n\nexport type PanelSystemProviderProps = React.PropsWithChildren<{\n  config: PanelLayoutConfig;\n  layers: LayerDefinition[];\n  style?: React.CSSProperties;\n}>;\n\nexport const PanelSystemProvider: React.FC<PanelSystemProviderProps> = ({ config, layers, style, children }) => {\n  const layerById = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => {\n      map.set(layer.id, layer);\n    });\n    return map;\n  }, [layers]);\n\n  // Content resolver for useContentCache\n  const resolveContent = React.useCallback(\n    (layerId: string): React.ReactNode | null => {\n      const layer = layerById.get(layerId);\n      return layer?.component ?? null;\n    },\n    [layerById],\n  );\n\n  // Valid IDs for cache cleanup\n  const validIds = React.useMemo(() => layers.map((l) => l.id), [layers]);\n\n  // Use shared content cache hook\n  const { getCachedContent } = useContentCache({\n    resolveContent,\n    validIds,\n  });\n\n  const value = React.useMemo<PanelSystemContextValue>(\n    () => ({\n      config,\n      style,\n      layers: {\n        defs: layers,\n        layerById,\n      },\n      getCachedContent,\n    }),\n    [config, style, layers, layerById, getCachedContent],\n  );\n\n  return <PanelSystemContext.Provider value={value}>{children}</PanelSystemContext.Provider>;\n};\n","/**\n * @file Context exposing the current grid layer id and helpers to child components.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\nimport { usePanelSystem } from \"../../PanelSystemContext\";\nimport { useGridLayoutContext, type GridLayerHandleProps } from \"./GridLayoutContext\";\n\ntype LayerInstanceContextValue = {\n  layerId: string;\n};\n\nconst LayerInstanceContext = React.createContext<LayerInstanceContextValue | null>(null);\n\nexport type LayerInstanceProviderProps = React.PropsWithChildren<LayerInstanceContextValue>;\n\nexport const LayerInstanceProvider: React.FC<LayerInstanceProviderProps> = ({ layerId, children }) => {\n  const value = React.useMemo(() => ({ layerId }), [layerId]);\n  return <LayerInstanceContext.Provider value={value}>{children}</LayerInstanceContext.Provider>;\n};\n\nexport const useLayerInstance = (): LayerInstanceContextValue => {\n  const value = React.useContext(LayerInstanceContext);\n  if (!value) {\n    throw new Error(\"useLayerInstance must be used within a LayerInstanceProvider.\");\n  }\n  return value;\n};\n\n/**\n * Convenience: read the current layer definition from the core registry.\n */\nexport const useCurrentLayerDefinition = (): LayerDefinition => {\n  const { layerId } = useLayerInstance();\n  const { layers } = usePanelSystem();\n  const def = layers.layerById.get(layerId);\n  if (!def) {\n    throw new Error(`Layer definition not found for id: ${layerId}`);\n  }\n  return def;\n};\n\n/**\n * Convenience: get drag handle props, pre-bound to the current layer.\n */\nexport const useCurrentLayerHandleProps = (): GridLayerHandleProps => {\n  const { layerId } = useLayerInstance();\n  const { getLayerHandleProps } = useGridLayoutContext();\n  return React.useMemo(() => getLayerHandleProps(layerId), [getLayerHandleProps, layerId]);\n};\n\n/**\n * Compatibility helper for existing code using useLayerDragHandle.\n * Prefer useCurrentLayerHandleProps for direct access.\n */\nexport const useLayerDragHandleProps = useCurrentLayerHandleProps;\n","/**\n * @file Renders floating layers inside a dedicated browser popup window.\n */\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { LayerDefinition, PopupWindowOptions, WindowPosition, WindowBounds } from \"../../types\";\nimport { LayerInstanceProvider } from \"../../modules/grid/LayerInstanceContext\";\n\nconst ensureNumericOffset = (value: number | string | undefined, key: keyof WindowPosition, layerId: string): number => {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n  throw new Error(`Popup layer \"${layerId}\" requires a numeric \"${key}\" value.`);\n};\n\nconst resolvePopupAnchor = (position: WindowPosition | undefined, layerId: string): { left: number; top: number } => {\n  if (!position) {\n    throw new Error(`Popup layer \"${layerId}\" must define position (left/top).`);\n  }\n  return {\n    left: ensureNumericOffset(position.left, \"left\", layerId),\n    top: ensureNumericOffset(position.top, \"top\", layerId),\n  };\n};\n\nconst numericFeature = (value: number): string => {\n  return `${Math.round(value)}`;\n};\n\nconst booleanFeature = (value: boolean | undefined): string | undefined => {\n  if (value === undefined) {\n    return undefined;\n  }\n  return value ? \"yes\" : \"no\";\n};\n\nconst buildWindowFeatures = (\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n  options: PopupWindowOptions | undefined,\n): string => {\n  const features: Record<string, string> = {};\n  const anchor = resolvePopupAnchor(position, layerId);\n\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  features.width = numericFeature(width);\n  features.height = numericFeature(height);\n  features.left = numericFeature(anchor.left);\n  features.top = numericFeature(anchor.top);\n\n  const overrides = options?.features;\n  if (overrides) {\n    const toolbar = booleanFeature(overrides.toolbar);\n    const menubar = booleanFeature(overrides.menubar);\n    const location = booleanFeature(overrides.location);\n    const status = booleanFeature(overrides.status);\n    const resizable = booleanFeature(overrides.resizable);\n    const scrollbars = booleanFeature(overrides.scrollbars);\n\n    if (toolbar !== undefined) {\n      features.toolbar = toolbar;\n    }\n    if (menubar !== undefined) {\n      features.menubar = menubar;\n    }\n    if (location !== undefined) {\n      features.location = location;\n    }\n    if (status !== undefined) {\n      features.status = status;\n    }\n    if (resizable !== undefined) {\n      features.resizable = resizable;\n    }\n    if (scrollbars !== undefined) {\n      features.scrollbars = scrollbars;\n    }\n  }\n\n  return Object.entries(features)\n    .map(([key, value]) => `${key}=${value}`)\n    .join(\",\");\n};\n\nconst applyBoundsToWindow = (\n  popupWindow: Window,\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n) => {\n  const anchor = resolvePopupAnchor(position, layerId);\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  popupWindow.moveTo(Math.round(anchor.left), Math.round(anchor.top));\n  popupWindow.resizeTo(Math.round(width), Math.round(height));\n};\n\ntype PopupLayerPortalProps = {\n  layer: LayerDefinition;\n};\n\nexport const PopupLayerPortal: React.FC<PopupLayerPortalProps> = ({ layer }) => {\n  const floating = layer.floating;\n  if (!floating) {\n    throw new Error(`Layer \"${layer.id}\" is missing floating configuration required for popup mode.`);\n  }\n  const mode = floating.mode ?? \"embedded\";\n  if (mode !== \"popup\") {\n    throw new Error(`PopupLayerPortal received layer \"${layer.id}\" that is not configured for popup mode.`);\n  }\n\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const popupWindowRef = React.useRef<Window | null>(null);\n  const [isMounted, setIsMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const features = buildWindowFeatures(layer.id, layer.position, layer.width, layer.height, floating.popup);\n    const windowName = floating.popup?.name ?? layer.id;\n    const createdWindow = resolvePopupWindow(\n      windowName,\n      features,\n      {\n        position: layer.position,\n        size: { width: layer.width as number, height: layer.height as number },\n      },\n      floating.popup,\n    );\n\n    if (!createdWindow) {\n      throw new Error(`Failed to open popup window for layer \"${layer.id}\".`);\n    }\n\n    const openedWindow = createdWindow;\n\n    popupWindowRef.current = openedWindow;\n\n    if (floating.popup?.focus !== false) {\n      openedWindow.focus();\n    }\n\n    if (!openedWindow.document.title) {\n      openedWindow.document.title = layer.id;\n    }\n    openedWindow.document.body.innerHTML = \"\";\n    const mountNode = openedWindow.document.createElement(\"div\");\n    mountNode.dataset.layerId = layer.id;\n    openedWindow.document.body.appendChild(mountNode);\n    containerRef.current = mountNode;\n    setIsMounted(true);\n\n    applyBoundsToWindow(openedWindow, layer.id, layer.position, layer.width, layer.height);\n\n    const handleBeforeUnload = () => {\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n    openedWindow.addEventListener(\"beforeunload\", handleBeforeUnload);\n\n    return () => {\n      openedWindow.removeEventListener(\"beforeunload\", handleBeforeUnload);\n      if (floating.popup?.closeOnUnmount !== false) {\n        openedWindow.close();\n      }\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n  }, [\n    floating.popup?.closeOnUnmount,\n    floating.popup?.features?.location,\n    floating.popup?.features?.menubar,\n    floating.popup?.features?.resizable,\n    floating.popup?.features?.scrollbars,\n    floating.popup?.features?.status,\n    floating.popup?.features?.toolbar,\n    floating.popup?.focus,\n    floating.popup?.name,\n    layer.id,\n  ]);\n\n  React.useEffect(() => {\n    const popupWindow = popupWindowRef.current;\n    if (!popupWindow) {\n      return;\n    }\n    applyBoundsToWindow(popupWindow, layer.id, layer.position, layer.width, layer.height);\n  }, [layer.position?.left, layer.position?.top, layer.height, layer.width, layer.id]);\n\n  if (!isMounted || !containerRef.current) {\n    return null;\n  }\n\n  return createPortal(<LayerInstanceProvider layerId={layer.id}>{layer.component}</LayerInstanceProvider>, containerRef.current);\n};\n\nconst resolvePopupWindow = (\n  windowName: string,\n  features: string,\n  bounds: WindowBounds,\n  options: PopupWindowOptions | undefined,\n): Window | null => {\n  const customFactory = options?.createWindow;\n  if (customFactory) {\n    return customFactory({ name: windowName, features, bounds });\n  }\n  return window.open(\"\", windowName, features);\n};\n","/**\n * @file FloatingWindow component with chrome support\n *\n * Renders floating panel content with optional built-in chrome (FloatingPanelFrame).\n * When chrome is enabled and header is provided, header becomes the drag handle.\n */\nimport * as React from \"react\";\nimport type { FloatingBehavior } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n  FloatingPanelControls,\n  FloatingPanelContent,\n} from \"../paneling/FloatingPanelFrame\";\n\nexport type FloatingWindowProps = {\n  id: string;\n  config: FloatingBehavior;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\ntype CloseButtonProps = {\n  onClick: () => void;\n};\n\nconst CloseButton: React.FC<CloseButtonProps> = ({ onClick }) => (\n  <FloatingPanelControls>\n    <FloatingPanelCloseButton onClick={onClick} aria-label=\"Close window\" data-drag-ignore=\"true\" />\n  </FloatingPanelControls>\n);\n\ntype FloatingWindowHeaderProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  onClose: () => void;\n};\n\nconst FloatingWindowHeader: React.FC<FloatingWindowHeaderProps> = ({ header, draggable, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? false;\n  const dragHandleProps = draggable ? { \"data-drag-handle\": \"true\" } : {};\n  const cursorStyle = draggable ? \"grab\" : undefined;\n\n  return (\n    <FloatingPanelHeader {...dragHandleProps} style={{ cursor: cursorStyle }}>\n      {header.title ? <FloatingPanelTitle>{header.title}</FloatingPanelTitle> : null}\n      {showCloseButton ? <CloseButton onClick={onClose} /> : null}\n    </FloatingPanelHeader>\n  );\n};\n\ntype FloatingWindowViewProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  chrome: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst FloatingWindowView: React.FC<FloatingWindowViewProps> = ({ header, draggable, chrome, onClose, children }) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n\n  return (\n    <FloatingPanelFrame style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowHeader header={header} draggable={draggable} onClose={onClose} />\n      <FloatingPanelContent style={{ flex: 1, display: \"flex\", flexDirection: \"column\" }}>\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\nexport const FloatingWindow: React.FC<FloatingWindowProps> = ({ id, config, onClose, children }) => {\n  const chrome = config.chrome ?? false;\n  const draggable = config.draggable ?? false;\n  const ariaLabel = config.header?.title ?? config.ariaLabel ?? \"Floating window\";\n\n  return (\n    <div data-floating-window={id} role=\"dialog\" aria-label={ariaLabel} style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowView header={config.header} draggable={draggable} chrome={chrome} onClose={onClose}>\n        {children}\n      </FloatingWindowView>\n    </div>\n  );\n};\n\nFloatingWindow.displayName = \"FloatingWindow\";\n"],"names":["SWIPE_SAFE_ZONE_ATTR","SwipeSafeZone","children","className","style","jsx","isInSwipeSafeZone","element","container","current","getDrawerAnimationAxis","direction","getDrawerCloseSwipeSign","getDrawerOpenSwipeSign","DEFAULT_DISMISS_THRESHOLD","VELOCITY_THRESHOLD","getContainerSize","axis","getAxisDelta","start","PHASE_MAP","normalizePhase","phase","computeDisplacementValue","closeSwipeSign","closeDisplacement","signedDisplacement","computeAxisDisplacement","displacement","isEdgeSwipeEnabled","enableEdgeSwipeOpen","isOpen","isCloseSwipeEnabled","enableSwipeClose","isDrawerOpening","isEdgeGesture","isDrawerClosing","closePhase","computeVelocity","timeDelta","useDrawerSwipeInput","options","edgeContainerRef","drawerContentRef","onSwipeOpen","onSwipeClose","edgeWidth","dismissThreshold","openSwipeSign","containerSizeRef","React","updateSize","observer","handleOpenSwipeEnd","state","edgeSwipeState","edgeSwipeProps","useEdgeSwipeInput","guardProps","useNativeGestureGuard","closeTracking","baseClosePointerDown","usePointerTracking","setClosePhase","lastCloseDisplacementRef","onClosePointerDown","event","target","isScrollableInDirection","signedDelta","containerSize","ratio","velocity","isOpening","isClosing","progress","IDLE_CONTINUOUS_OPERATION_STATE","edgeContainerProps","mergeGestureContainerProps","drawerContentProps","DRAWER_BACKDROP_BASE_STYLE","COLOR_DRAWER_BACKDROP","DRAWER_PANEL_BASE_STYLE","PLACEMENT_STYLES","OPEN_TRANSFORMS","getPlacementStyle","placement","getOpenTransform","computeTransitionValue","mode","duration","easing","DRAWER_TRANSITION_DURATION","DRAWER_TRANSITION_EASING","computeBackdropTransition","formatDimension","value","computeEdgeZoneStyle","inline","zIndex","position","computedZIndex","getEdgeZoneStyleByPlacement","base","DEFAULT_EDGE_WIDTH","DISABLED_CONFIG","ENABLED_DEFAULT_CONFIG","parseSwipeGesturesConfig","swipeGestures","resolvePlacement","anchor","shouldShowEdgeZone","config","useDrawerSwipeTransform","drawerRef","backdropRef","swipeState","enabled","isOperating","drawer","backdrop","closeSign","drawerSize","translateFn","applyClosingTransform","applyOpeningTransform","translate","clampedTranslate","clampTranslate","DrawerContent","chrome","frameStyle","header","dismissible","onClose","jsxs","FloatingPanelFrame","DrawerHeaderView","FloatingPanelContent","DRAWER_CONTENT_PADDING","shouldShowCloseButton","showCloseButton","renderCloseButton","shouldShow","FloatingPanelCloseButton","renderEdgeZone","showEdgeZone","edgeZoneRef","edgeZoneStyle","onPointerDown","FloatingPanelHeader","DRAWER_HEADER_PADDING_Y","DRAWER_HEADER_PADDING_X","DRAWER_HEADER_GAP","FloatingPanelTitle","useDrawerPanelStyle","isSwipeOperating","dimensions","effectiveMode","transitionValue","placementStyle","transform","useBackdropStyle","useFrameStyle","Drawer","id","onOpen","width","height","swipeConfig","handleSwipeOpen","handleSwipeClose","drawerStyle","backdropStyle","mergedDrawerStyle","ariaLabel","edgeZoneElement","Fragment","waitForTransitionEnd","el","timeout","resolve","resolved","done","handler","e","runTransition","update","useTransitionState","states","setStates","optionsRef","transitionOptions","prev","opts","open","close","parseDuration","match","useDrawerState","layers","drawerStates","setDrawerStates","initial","layer","layerMap","map","updateState","layerId","DrawerLayers","drawerLayers","closeHandlers","handlers","openHandlers","GridLayoutContext","GridLayoutProvider","useGridLayoutContext","context","PanelSystemContext","usePanelSystem","ctx","PanelSystemProvider","layerById","resolveContent","validIds","l","getCachedContent","useContentCache","LayerInstanceContext","LayerInstanceProvider","useLayerInstance","ensureNumericOffset","key","resolvePopupAnchor","numericFeature","booleanFeature","buildWindowFeatures","features","overrides","toolbar","menubar","location","status","resizable","scrollbars","applyBoundsToWindow","popupWindow","PopupLayerPortal","floating","containerRef","popupWindowRef","isMounted","setIsMounted","windowName","createdWindow","resolvePopupWindow","openedWindow","mountNode","handleBeforeUnload","createPortal","bounds","customFactory","CloseButton","onClick","FloatingPanelControls","FloatingWindowHeader","draggable","FloatingWindowView","FloatingWindow"],"mappings":"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"}

package/dist/FloatingWindow-DMwyK0eK.cjs

@@ -0,0 +1,2 @@
+"use strict";const p=require("react/jsx-runtime"),ue=require("react"),P=require("./FloatingPanelFrame-CEmXDvUA.cjs"),A=require("./styles-qf6ptVLD.cjs"),_=require("./useNativeGestureGuard-C7TSqEkr.cjs"),ce=require("react-dom"),le=require("./useContentCache-DqXtLrLs.cjs");function de(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=de(ue),fe="data-swipe-safe-zone",pe=({children:e,className:t,style:n})=>p.jsx("div",{className:t,style:n,"data-swipe-safe-zone":"true",children:e});function me(e,t){let n=e;for(;n&&n!==t;){if(n.hasAttribute(fe))return!0;n=n.parentElement}return!1}function K(e){switch(e){case"left":case"right":return"x";case"top":case"bottom":return"y"}}function G(e){switch(e){case"left":return-1;case"right":return 1;case"top":return-1;case"bottom":return 1}}function he(e){return G(e)*-1}const we=.3,ge=.5;function Se(e,t){return t==="x"?e.clientWidth:e.clientHeight}function be(e,t,n){return n==="x"?t.x-e.x:t.y-e.y}const Ee={idle:"idle",ended:"ended"};function Ce(e){return Ee[e]??"operating"}function De(e,t,n){const r=e*n;return t==="x"?{x:r,y:0}:{x:0,y:r}}function Pe(e,t){return Math.abs(t==="x"?e.x:e.y)}function xe(e,t){return e?!t:!1}function ve(e,t){return e?t:!1}function ye(e,t){return e?!t:!1}function Re(e,t){return e==="idle"?!1:t}function Te(e,t,n){if(!e||!t)return 0;const r=Math.max(1,t.timestamp-e.timestamp);return n/r}function Me(e){const{edgeContainerRef:t,drawerContentRef:n,direction:r,isOpen:o,onSwipeOpen:s,onSwipeClose:c,enableEdgeSwipeOpen:d=!0,enableSwipeClose:a=!0,edgeWidth:u=20,dismissThreshold:l=we}=e,f=K(r),w=G(r),b=he(r),m=i.useRef(0);i.useLayoutEffect(()=>{const S=n.current;if(!S)return;const D=()=>{m.current=Se(S,f)};D();const T=new ResizeObserver(D);return T.observe(S),()=>T.disconnect()},[n,f]);const g=i.useCallback(S=>{S.direction===b&&s()},[b,s]),{isEdgeGesture:E,state:v,containerProps:F}=_.useEdgeSwipeInput({containerRef:t,edge:r,edgeWidth:u,enabled:xe(d,o),onSwipeEnd:g}),{containerProps:N}=_.useNativeGestureGuard({containerRef:t,active:E,preventEdgeBack:!0,preventOverscroll:!0,edgeWidth:u}),{state:h,onPointerDown:j}=_.usePointerTracking({enabled:ve(a,o)}),[C,y]=i.useState("idle"),x=i.useRef(0),W=i.useCallback(S=>{if(!a||!o)return;const D=n.current;if(!D)return;const T=S.target;me(T,D)||_.isScrollableInDirection(T,D,f,w)||j(S)},[a,o,n,f,w,j]),M=i.useMemo(()=>{if(!h.isDown||!h.start||!h.current)return x.current;const D=be(h.start,h.current,f)*w;return Math.max(0,D)},[h.isDown,h.start,h.current,f,w]);i.useEffect(()=>{h.isDown&&h.current&&(x.current=M)},[h.isDown,h.current,M]),i.useEffect(()=>{h.isDown&&C==="idle"&&y("operating")},[h.isDown,C]),i.useEffect(()=>{if(!h.isDown&&C==="operating"){const S=x.current;if(S>1){y("ended");const T=m.current;if(T>0){const ie=S/T,ae=Te(h.start,h.current,S);(ie>=l||ae>=ge)&&c()}}else y("idle"),x.current=0}},[h.isDown,C,l,c,h.start,h.current]),i.useEffect(()=>{C==="ended"&&queueMicrotask(()=>{y("idle"),x.current=0})},[C]),i.useEffect(()=>{o||(y("idle"),x.current=0)},[o]);const L=ye(E,o),R=Re(C,o),I=i.useMemo(()=>L?Pe(v.displacement,f):R?M:0,[L,R,f,v.displacement,M]),B=i.useMemo(()=>{const S=m.current;return S<=0?0:Math.min(I/S,1)},[I]),$=i.useMemo(()=>L?{phase:Ce(v.phase),displacement:v.displacement,velocity:v.velocity}:R?{phase:C,displacement:De(w,f,M),velocity:{x:0,y:0}}:_.IDLE_CONTINUOUS_OPERATION_STATE,[L,R,v,C,M,f,w]),H=i.useMemo(()=>_.mergeGestureContainerProps(F,N),[F,N]),z=i.useMemo(()=>({onPointerDown:W,style:{touchAction:"none",userSelect:"none",WebkitUserSelect:"none"}}),[W]);return{state:$,isOpening:L,isClosing:R,progress:B,displacement:I,edgeContainerProps:H,drawerContentProps:z}}const Le={position:"fixed",inset:0,background:A.COLOR_DRAWER_BACKDROP},Ae={willChange:"transform"},_e={left:{top:0,bottom:0,left:0,transform:"translateX(-100%)"},right:{top:0,bottom:0,right:0,transform:"translateX(100%)"},top:{top:0,left:0,right:0,transform:"translateY(-100%)"},bottom:{bottom:0,left:0,right:0,transform:"translateY(100%)"}},Oe={left:"translateX(0)",right:"translateX(0)",top:"translateY(0)",bottom:"translateY(0)"};function Fe(e){return _e[e]}function je(e){return Oe[e]}function We(e,t,n){if(e==="none")return;const r=t??A.DRAWER_TRANSITION_DURATION,o=n??A.DRAWER_TRANSITION_EASING;return`transform ${r} ${o}`}function Ie(e,t){if(e!=="none")return`opacity ${t??"220ms"} ease`}function V(e){if(e!==void 0)return typeof e=="number"?`${e}px`:e}function Ne(e){const{placement:t,inline:n,edgeWidth:r,zIndex:o}=e,s=n?"absolute":"fixed",c=o!==void 0?o-2:1e3;return ke(t,s,r,c)}function ke(e,t,n,r){const o={position:t,zIndex:r,background:"transparent",pointerEvents:"auto"};return e==="left"?{...o,top:0,bottom:0,left:0,width:n}:e==="right"?{...o,top:0,bottom:0,right:0,width:n}:e==="top"?{...o,top:0,left:0,right:0,height:n}:{...o,bottom:0,left:0,right:0,height:n}}const Z=20,q=.3,Be={enabled:!1,edgeSwipeOpen:!1,swipeClose:!1,edgeWidth:Z,dismissThreshold:q},$e={enabled:!0,edgeSwipeOpen:!0,swipeClose:!0,edgeWidth:Z,dismissThreshold:q};function He(e){return e===!0?$e:e===!1||e===void 0?Be:{enabled:!0,edgeSwipeOpen:e.edgeSwipeOpen??!0,swipeClose:e.swipeClose??!0,edgeWidth:e.edgeWidth??Z,dismissThreshold:e.dismissThreshold??q}}function ze(e,t){return e||(t?t.left!==void 0?"left":t.right!==void 0?"right":t.top!==void 0?"top":t.bottom!==void 0?"bottom":"right":"right")}function Ge(e,t,n){return!e.enabled||!e.edgeSwipeOpen?!1:t?n:!0}function Ze(e){const{drawerRef:t,backdropRef:n,placement:r,swipeState:o,displacement:s,isOpening:c,isClosing:d,enabled:a}=e,u=o.phase==="operating";i.useLayoutEffect(()=>{if(!a||!u)return;const l=t.current,f=n.current;if(!l)return;const w=K(r),b=G(r),m=w==="x"?l.clientWidth:l.clientHeight;if(m<=0)return;const g=w==="x"?"translateX":"translateY";d?qe(l,f,g,b,s,m):c&&Ue(l,f,g,b,s,m)},[a,u,d,c,s,r,t,n]),i.useLayoutEffect(()=>{if(!a||o.phase!=="ended")return;const l=t.current,f=n.current;l&&(l.style.transform=""),f&&(f.style.opacity="")},[a,o.phase,t,n])}function qe(e,t,n,r,o,s){const c=r*o;e.style.transform=`${n}(${c}px)`;const d=Math.min(o/s,1);t&&(t.style.opacity=String(1-d))}function Ue(e,t,n,r,o,s){const d=r*s+r*-1*o,a=Ve(d,r);e.style.transform=`${n}(${a}px)`;const u=Math.min(o/s,1);t&&(t.style.opacity=String(u),t.style.pointerEvents="auto")}function Ve(e,t){return t>0?Math.max(0,e):Math.min(0,e)}const Ye=({chrome:e,frameStyle:t,header:n,dismissible:r,onClose:o,children:s})=>e?p.jsxs(P.FloatingPanelFrame,{style:t,children:[p.jsx(Qe,{header:n,dismissible:r,onClose:o}),p.jsx(P.FloatingPanelContent,{style:{padding:A.DRAWER_CONTENT_PADDING,flex:1,display:"flex",flexDirection:"column"},children:s})]}):p.jsx(p.Fragment,{children:s});function Xe(e,t){return e?t:!1}function Ke(e,t){return e?p.jsx(P.FloatingPanelCloseButton,{onClick:t,"aria-label":"Close drawer",style:{marginLeft:"auto"}}):null}function Je(e,t,n,r,o){return e?p.jsx("div",{ref:t,style:n,onPointerDown:r,"data-drawer-edge-zone":o}):null}const Qe=({header:e,dismissible:t,onClose:n})=>{if(!e)return null;const r=e.showCloseButton??!0,o=Xe(t,r);return p.jsxs(P.FloatingPanelHeader,{style:{padding:`${A.DRAWER_HEADER_PADDING_Y} ${A.DRAWER_HEADER_PADDING_X}`,gap:A.DRAWER_HEADER_GAP},children:[p.jsx(P.FloatingPanelTitle,{children:e.title}),Ke(o,n)]})};function et(e,t,n,r,o){return i.useMemo(()=>{const s=n?"none":r.transitionMode,c=We(s,r.transitionDuration,r.transitionEasing),d=Fe(e),a=t?je(e):d.transform,u=r.inline?"absolute":"fixed";return{...Ae,position:u,...d,transform:a,transition:c,zIndex:o.zIndex,width:V(o.width),height:V(o.height)}},[e,t,n,r,o])}function tt(e,t,n,r,o){return i.useMemo(()=>{const s=n?"none":r.transitionMode,c=Ie(s,r.transitionDuration),d=r.inline?"absolute":"fixed";return{...Le,position:d,opacity:t?1:0,pointerEvents:t?"auto":"none",transition:c,zIndex:o!==void 0?o-1:void 0}},[t,n,r,o])}function nt(e){return i.useMemo(()=>{const t={borderRadius:0};return(e==="left"||e==="right")&&(t.height="100%"),t},[e])}const J=({id:e,config:t,isOpen:n,onClose:r,onOpen:o,children:s,zIndex:c,width:d,height:a,position:u})=>{const{dismissible:l=!0,header:f,chrome:w=!0,inline:b=!1}=t,m=He(t.swipeGestures),g=ze(t.anchor,u),E=i.useRef(null),v=i.useRef(null),F=i.useRef(null),N=i.useCallback(()=>{o?.(),t.onStateChange?.(!0)},[o,t]),h=i.useCallback(()=>{r()},[r]),{state:j,displacement:C,edgeContainerProps:y,drawerContentProps:x,isOpening:W,isClosing:M}=Me({edgeContainerRef:F,drawerContentRef:E,direction:g,isOpen:n,onSwipeOpen:N,onSwipeClose:h,enableEdgeSwipeOpen:m.edgeSwipeOpen,enableSwipeClose:m.swipeClose,edgeWidth:m.edgeWidth,dismissThreshold:m.dismissThreshold}),L=j.phase==="operating";Ze({drawerRef:E,backdropRef:v,placement:g,swipeState:j,displacement:C,isOpening:W,isClosing:M,enabled:m.enabled});const R=et(g,n,L,t,{width:d,height:a,zIndex:c}),I=tt(g,n,L,t,c),B=nt(g),$=i.useMemo(()=>({...Ne({placement:g,inline:b,edgeWidth:m.edgeWidth,zIndex:c}),...y.style}),[g,b,m.edgeWidth,c,y.style]),H=i.useMemo(()=>m.enabled?{...R,...x.style}:R,[m.enabled,R,x.style]),z=Ge(m,n,W),S=f?.title??t.ariaLabel??"Drawer",D=Je(z,F,$,y.onPointerDown,g);return p.jsxs(p.Fragment,{children:[D,p.jsx("div",{ref:v,style:I,onClick:l?r:void 0}),p.jsx("div",{ref:E,"data-layer-id":e,"data-placement":g,style:H,role:"dialog","aria-modal":l?!0:void 0,"aria-hidden":n?void 0:!0,"aria-label":S,onPointerDown:m.enabled?x.onPointerDown:void 0,children:p.jsx(Ye,{chrome:w,frameStyle:B,header:f,dismissible:l,onClose:r,children:s})})]})},rt=(e,t)=>new Promise(n=>{let r=!1;const o=()=>{r||(r=!0,e.removeEventListener("transitionend",s),n())},s=c=>{c.target===e&&o()};e.addEventListener("transitionend",s),setTimeout(o,t+50)}),U=async(e,t,n,r)=>{switch(t){case"none":e();return;case"css":e(),n&&await rt(n,r);return}},ot=e=>{const[t,n]=i.useState({}),r=i.useRef(e);r.current=e;const o=i.useCallback(async(a,u,l)=>{const{mode:f="none",element:w,duration:b=300}=l??{};await U(()=>{n(E=>E[a]===u?E:{...E,[a]:u})},f,w?.current,b);const g=r.current;u?g?.onOpen?.(a):g?.onClose?.(a),g?.onTransitionEnd?.(a,u)},[]),s=i.useCallback(a=>t[a]??!1,[t]),c=i.useCallback((a,u)=>o(a,!0,u),[o]),d=i.useCallback((a,u)=>o(a,!1,u),[o]);return{state:s,open:c,close:d}},st=e=>{if(!e)return 300;const t=e.match(/(\d+)/);return t?parseInt(t[1],10):300},Q=e=>{const[t,n]=i.useState(()=>{const a={};return e.forEach(u=>{u.drawer&&(a[u.id]=u.drawer.defaultOpen??!1)}),a}),r=i.useMemo(()=>{const a=new Map;return e.forEach(u=>a.set(u.id,u)),a},[e]),o=i.useCallback(async(a,u,l)=>{const f=r.get(a);if(!f?.drawer)return;const w=l?.mode??f.drawer.transitionMode??"css",b=l?.duration??st(f.drawer.transitionDuration),m=l?.element?.current;await U(()=>{f.drawer?.open===void 0&&n(E=>E[a]===u?E:{...E,[a]:u}),f.drawer?.onStateChange?.(u)},w,m,b)},[r]),s=i.useCallback(a=>{const u=r.get(a);return u?.drawer?.open!==void 0?u.drawer.open:t[a]??!1},[r,t]),c=i.useCallback((a,u)=>o(a,!0,u),[o]),d=i.useCallback((a,u)=>o(a,!1,u),[o]);return{state:s,open:c,close:d}},it=({layers:e})=>{const t=Q(e),n=i.useMemo(()=>e.filter(s=>s.drawer),[e]),r=i.useMemo(()=>{const s=new Map;return n.forEach(c=>{s.set(c.id,()=>t.close(c.id))}),s},[n,t.close]),o=i.useMemo(()=>{const s=new Map;return n.forEach(c=>{s.set(c.id,()=>t.open(c.id))}),s},[n,t.open]);return p.jsx(p.Fragment,{children:n.map(s=>{if(!s.drawer)return null;const c=t.state(s.id),d=r.get(s.id),a=o.get(s.id);return d?p.jsx(J,{id:s.id,config:s.drawer,isOpen:c,onClose:d,onOpen:a,zIndex:s.zIndex,width:s.width,height:s.height,position:s.position,children:s.component},s.id):null})})},ee=i.createContext(null),at=({value:e,children:t})=>p.jsx(ee.Provider,{value:e,children:t}),ut=()=>{const e=i.useContext(ee);if(!e)throw new Error("useGridLayoutContext must be used within a GridLayoutProvider.");return e},te=i.createContext(null),ct=()=>{const e=i.useContext(te);if(!e)throw new Error("usePanelSystem must be used within a PanelSystemProvider.");return e},lt=({config:e,layers:t,style:n,children:r})=>{const o=i.useMemo(()=>{const u=new Map;return t.forEach(l=>{u.set(l.id,l)}),u},[t]),s=i.useCallback(u=>o.get(u)?.component??null,[o]),c=i.useMemo(()=>t.map(u=>u.id),[t]),{getCachedContent:d}=le.useContentCache({resolveContent:s,validIds:c}),a=i.useMemo(()=>({config:e,style:n,layers:{defs:t,layerById:o},getCachedContent:d}),[e,n,t,o,d]);return p.jsx(te.Provider,{value:a,children:r})},ne=i.createContext(null),re=({layerId:e,children:t})=>{const n=i.useMemo(()=>({layerId:e}),[e]);return p.jsx(ne.Provider,{value:n,children:t})},dt=()=>{const e=i.useContext(ne);if(!e)throw new Error("useLayerInstance must be used within a LayerInstanceProvider.");return e},Y=(e,t,n)=>{if(typeof e=="number"&&Number.isFinite(e))return e;throw new Error(`Popup layer "${n}" requires a numeric "${t}" value.`)},oe=(e,t)=>{if(!e)throw new Error(`Popup layer "${t}" must define position (left/top).`);return{left:Y(e.left,"left",t),top:Y(e.top,"top",t)}},k=e=>`${Math.round(e)}`,O=e=>{if(e!==void 0)return e?"yes":"no"},ft=(e,t,n,r,o)=>{const s={},c=oe(t,e);if(typeof n!="number"||typeof r!="number")throw new Error(`Popup layer "${e}" requires numeric width/height.`);s.width=k(n),s.height=k(r),s.left=k(c.left),s.top=k(c.top);const d=o?.features;if(d){const a=O(d.toolbar),u=O(d.menubar),l=O(d.location),f=O(d.status),w=O(d.resizable),b=O(d.scrollbars);a!==void 0&&(s.toolbar=a),u!==void 0&&(s.menubar=u),l!==void 0&&(s.location=l),f!==void 0&&(s.status=f),w!==void 0&&(s.resizable=w),b!==void 0&&(s.scrollbars=b)}return Object.entries(s).map(([a,u])=>`${a}=${u}`).join(",")},X=(e,t,n,r,o)=>{const s=oe(n,t);if(typeof r!="number"||typeof o!="number")throw new Error(`Popup layer "${t}" requires numeric width/height.`);e.moveTo(Math.round(s.left),Math.round(s.top)),e.resizeTo(Math.round(r),Math.round(o))},pt=({layer:e})=>{const t=e.floating;if(!t)throw new Error(`Layer "${e.id}" is missing floating configuration required for popup mode.`);if((t.mode??"embedded")!=="popup")throw new Error(`PopupLayerPortal received layer "${e.id}" that is not configured for popup mode.`);const r=i.useRef(null),o=i.useRef(null),[s,c]=i.useState(!1);return i.useEffect(()=>{if(typeof window>"u")return;const d=ft(e.id,e.position,e.width,e.height,t.popup),a=t.popup?.name??e.id,u=mt(a,d,{position:e.position,size:{width:e.width,height:e.height}},t.popup);if(!u)throw new Error(`Failed to open popup window for layer "${e.id}".`);const l=u;o.current=l,t.popup?.focus!==!1&&l.focus(),l.document.title||(l.document.title=e.id),l.document.body.innerHTML="";const f=l.document.createElement("div");f.dataset.layerId=e.id,l.document.body.appendChild(f),r.current=f,c(!0),X(l,e.id,e.position,e.width,e.height);const w=()=>{o.current=null,r.current=null,c(!1)};return l.addEventListener("beforeunload",w),()=>{l.removeEventListener("beforeunload",w),t.popup?.closeOnUnmount!==!1&&l.close(),o.current=null,r.current=null,c(!1)}},[t.popup?.closeOnUnmount,t.popup?.features?.location,t.popup?.features?.menubar,t.popup?.features?.resizable,t.popup?.features?.scrollbars,t.popup?.features?.status,t.popup?.features?.toolbar,t.popup?.focus,t.popup?.name,e.id]),i.useEffect(()=>{const d=o.current;d&&X(d,e.id,e.position,e.width,e.height)},[e.position?.left,e.position?.top,e.height,e.width,e.id]),!s||!r.current?null:ce.createPortal(p.jsx(re,{layerId:e.id,children:e.component}),r.current)},mt=(e,t,n,r)=>{const o=r?.createWindow;return o?o({name:e,features:t,bounds:n}):window.open("",e,t)},ht=({onClick:e})=>p.jsx(P.FloatingPanelControls,{children:p.jsx(P.FloatingPanelCloseButton,{onClick:e,"aria-label":"Close window","data-drag-ignore":"true"})}),wt=({header:e,draggable:t,onClose:n})=>{if(!e)return null;const r=e.showCloseButton??!1,o=t?{"data-drag-handle":"true"}:{},s=t?"grab":void 0;return p.jsxs(P.FloatingPanelHeader,{...o,style:{cursor:s},children:[e.title?p.jsx(P.FloatingPanelTitle,{children:e.title}):null,r?p.jsx(ht,{onClick:n}):null]})},gt=({header:e,draggable:t,chrome:n,onClose:r,children:o})=>n?p.jsxs(P.FloatingPanelFrame,{style:{height:"100%",width:"100%"},children:[p.jsx(wt,{header:e,draggable:t,onClose:r}),p.jsx(P.FloatingPanelContent,{style:{flex:1,display:"flex",flexDirection:"column"},children:o})]}):p.jsx(p.Fragment,{children:o}),se=({id:e,config:t,onClose:n,children:r})=>{const o=t.chrome??!1,s=t.draggable??!1,c=t.header?.title??t.ariaLabel??"Floating window";return p.jsx("div",{"data-floating-window":e,role:"dialog","aria-label":c,style:{height:"100%",width:"100%"},children:p.jsx(gt,{header:t.header,draggable:s,chrome:o,onClose:n,children:r})})};se.displayName="FloatingWindow";exports.Drawer=J;exports.DrawerLayers=it;exports.FloatingWindow=se;exports.GridLayoutProvider=at;exports.LayerInstanceProvider=re;exports.PanelSystemProvider=lt;exports.PopupLayerPortal=pt;exports.SwipeSafeZone=pe;exports.runTransition=U;exports.useDrawerState=Q;exports.useGridLayoutContext=ut;exports.useLayerInstance=dt;exports.usePanelSystem=ct;exports.useTransitionState=ot;
+//# sourceMappingURL=FloatingWindow-DMwyK0eK.cjs.map

package/dist/FloatingWindow-DMwyK0eK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingWindow-DMwyK0eK.cjs","sources":["../src/components/gesture/SwipeSafeZone.tsx","../src/modules/drawer/types.ts","../src/modules/drawer/useDrawerSwipeInput.ts","../src/components/window/drawerStyles.ts","../src/components/window/drawerSwipeConfig.ts","../src/components/window/useDrawerSwipeTransform.ts","../src/components/window/Drawer.tsx","../src/hooks/useTransitionState.ts","../src/modules/window/useDrawerState.ts","../src/components/window/DrawerLayers.tsx","../src/modules/grid/GridLayoutContext.tsx","../src/PanelSystemContext.tsx","../src/modules/grid/LayerInstanceContext.tsx","../src/components/window/PopupLayerPortal.tsx","../src/components/window/FloatingWindow.tsx"],"sourcesContent":["/**\n * @file SwipeSafeZone component\n *\n * A wrapper component that marks an area as exempt from swipe gesture detection.\n * Content inside this zone will not trigger swipe-to-close or other swipe gestures.\n *\n * Use this for:\n * - Scrollable content areas\n * - Input fields and text areas\n * - Interactive elements that need drag/swipe for their own purposes\n */\nimport * as React from \"react\";\n\n/**\n * Data attribute used to identify swipe-safe zones.\n * Swipe gesture handlers should check for this attribute on target elements.\n */\nexport const SWIPE_SAFE_ZONE_ATTR = \"data-swipe-safe-zone\";\n\nexport type SwipeSafeZoneProps = {\n  /** Content to render inside the safe zone */\n  children: React.ReactNode;\n  /** Additional CSS class name */\n  className?: string;\n  /** Additional inline styles */\n  style?: React.CSSProperties;\n};\n\n/**\n * SwipeSafeZone marks an area where swipe gestures should not be triggered.\n *\n * @example\n * ```tsx\n * <SwipeSafeZone>\n *   <ScrollableList items={items} />\n * </SwipeSafeZone>\n * ```\n */\nexport const SwipeSafeZone: React.FC<SwipeSafeZoneProps> = ({\n  children,\n  className,\n  style,\n}) => {\n  return (\n    <div\n      className={className}\n      style={style}\n      data-swipe-safe-zone=\"true\"\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Check if an element is inside a SwipeSafeZone.\n */\nexport function isInSwipeSafeZone(element: HTMLElement, container: HTMLElement): boolean {\n  let current: HTMLElement | null = element;\n\n  while (current && current !== container) {\n    if (current.hasAttribute(SWIPE_SAFE_ZONE_ATTR)) {\n      return true;\n    }\n    current = current.parentElement;\n  }\n\n  return false;\n}\n","/**\n * @file Type definitions for Drawer swipe gesture handling.\n */\nimport type * as React from \"react\";\nimport type { ContinuousOperationState } from \"../../hooks/gesture/types.js\";\n\n/**\n * Direction for drawer anchor (same as anchor edge).\n */\nexport type DrawerSwipeDirection = \"left\" | \"right\" | \"top\" | \"bottom\";\n\n/**\n * Options for useDrawerSwipeInput hook.\n */\nexport type UseDrawerSwipeInputOptions = {\n  /** Container ref for edge detection zone (e.g., GridLayout container) */\n  edgeContainerRef: React.RefObject<HTMLElement | null>;\n  /** Drawer content ref (for close gesture) */\n  drawerContentRef: React.RefObject<HTMLElement | null>;\n  /** Drawer direction (anchor edge) */\n  direction: DrawerSwipeDirection;\n  /** Whether the drawer is currently open */\n  isOpen: boolean;\n  /** Callback when swipe should open the drawer */\n  onSwipeOpen: () => void;\n  /** Callback when swipe should close the drawer */\n  onSwipeClose: () => void;\n  /** Whether edge swipe to open is enabled. @default true */\n  enableEdgeSwipeOpen?: boolean;\n  /** Whether swipe to close is enabled. @default true */\n  enableSwipeClose?: boolean;\n  /** Width of edge detection zone in pixels. @default 20 */\n  edgeWidth?: number;\n  /** Dismiss threshold ratio (0-1). @default 0.3 */\n  dismissThreshold?: number;\n};\n\n/**\n * Result from useDrawerSwipeInput hook.\n */\nexport type UseDrawerSwipeInputResult = {\n  /** Current operation state */\n  state: ContinuousOperationState;\n  /** Whether currently opening via edge swipe */\n  isOpening: boolean;\n  /** Whether currently closing via drag */\n  isClosing: boolean;\n  /** Progress (0-1) towards open/close threshold */\n  progress: number;\n  /** Displacement in pixels (primary axis) */\n  displacement: number;\n  /** Props for edge container (open gesture zone) */\n  edgeContainerProps: React.HTMLAttributes<HTMLElement> & {\n    style: React.CSSProperties;\n  };\n  /** Props for drawer content (close gesture zone) */\n  drawerContentProps: React.HTMLAttributes<HTMLElement> & {\n    style: React.CSSProperties;\n  };\n};\n\n/**\n * Get animation axis from direction.\n */\nexport function getDrawerAnimationAxis(direction: DrawerSwipeDirection): \"x\" | \"y\" {\n  switch (direction) {\n    case \"left\":\n    case \"right\":\n      return \"x\";\n    case \"top\":\n    case \"bottom\":\n      return \"y\";\n  }\n}\n\n/**\n * Get the sign for the close swipe direction.\n * Left drawer closes by swiping left (-1).\n * Right drawer closes by swiping right (+1).\n * Top drawer closes by swiping up (-1).\n * Bottom drawer closes by swiping down (+1).\n */\nexport function getDrawerCloseSwipeSign(direction: DrawerSwipeDirection): 1 | -1 {\n  switch (direction) {\n    case \"left\":\n      return -1;\n    case \"right\":\n      return 1;\n    case \"top\":\n      return -1;\n    case \"bottom\":\n      return 1;\n  }\n}\n\n/**\n * Get the sign for the open swipe direction.\n * This is the opposite of the close direction.\n */\nexport function getDrawerOpenSwipeSign(direction: DrawerSwipeDirection): 1 | -1 {\n  return (getDrawerCloseSwipeSign(direction) * -1) as 1 | -1;\n}\n","/**\n * @file Hook for detecting swipe gestures to open/close a drawer.\n *\n * Combines:\n * - Edge swipe detection for opening (Stack pattern)\n * - Drag-to-close within drawer (Dialog pattern)\n * - Native gesture guard for browser back prevention\n */\nimport * as React from \"react\";\nimport { useEdgeSwipeInput } from \"../../hooks/gesture/useEdgeSwipeInput.js\";\nimport { useNativeGestureGuard } from \"../../hooks/gesture/useNativeGestureGuard.js\";\nimport { usePointerTracking } from \"../../hooks/gesture/usePointerTracking.js\";\nimport {\n  mergeGestureContainerProps,\n  isScrollableInDirection,\n} from \"../../hooks/gesture/utils.js\";\nimport { isInSwipeSafeZone } from \"../../components/gesture/SwipeSafeZone.js\";\nimport {\n  type ContinuousOperationState,\n  IDLE_CONTINUOUS_OPERATION_STATE,\n} from \"../../hooks/gesture/types.js\";\nimport type { UseDrawerSwipeInputOptions, UseDrawerSwipeInputResult } from \"./types.js\";\nimport { getDrawerAnimationAxis, getDrawerCloseSwipeSign, getDrawerOpenSwipeSign } from \"./types.js\";\n\n/**\n * Default dismiss threshold (30% of container size).\n */\nconst DEFAULT_DISMISS_THRESHOLD = 0.3;\n\n/**\n * Velocity threshold for quick flick dismissal (px/ms).\n */\nconst VELOCITY_THRESHOLD = 0.5;\n\n// ============================================================================\n// Helper functions (extracted to avoid ternary violations)\n// ============================================================================\n\nfunction getContainerSize(container: HTMLElement, axis: \"x\" | \"y\"): number {\n  if (axis === \"x\") {\n    return container.clientWidth;\n  }\n  return container.clientHeight;\n}\n\nfunction getAxisDelta(\n  start: { x: number; y: number },\n  current: { x: number; y: number },\n  axis: \"x\" | \"y\",\n): number {\n  if (axis === \"x\") {\n    return current.x - start.x;\n  }\n  return current.y - start.y;\n}\n\nconst PHASE_MAP: Record<string, \"idle\" | \"operating\" | \"ended\"> = {\n  idle: \"idle\",\n  ended: \"ended\",\n};\n\nfunction normalizePhase(phase: string): \"idle\" | \"operating\" | \"ended\" {\n  return PHASE_MAP[phase] ?? \"operating\";\n}\n\nfunction computeDisplacementValue(\n  closeSwipeSign: 1 | -1,\n  axis: \"x\" | \"y\",\n  closeDisplacement: number,\n): { x: number; y: number } {\n  const signedDisplacement = closeSwipeSign * closeDisplacement;\n  if (axis === \"x\") {\n    return { x: signedDisplacement, y: 0 };\n  }\n  return { x: 0, y: signedDisplacement };\n}\n\nfunction computeAxisDisplacement(\n  displacement: { x: number; y: number },\n  axis: \"x\" | \"y\",\n): number {\n  if (axis === \"x\") {\n    return Math.abs(displacement.x);\n  }\n  return Math.abs(displacement.y);\n}\n\nfunction isEdgeSwipeEnabled(enableEdgeSwipeOpen: boolean, isOpen: boolean): boolean {\n  if (!enableEdgeSwipeOpen) {\n    return false;\n  }\n  return !isOpen;\n}\n\nfunction isCloseSwipeEnabled(enableSwipeClose: boolean, isOpen: boolean): boolean {\n  if (!enableSwipeClose) {\n    return false;\n  }\n  return isOpen;\n}\n\nfunction isDrawerOpening(isEdgeGesture: boolean, isOpen: boolean): boolean {\n  if (!isEdgeGesture) {\n    return false;\n  }\n  return !isOpen;\n}\n\nfunction isDrawerClosing(closePhase: \"idle\" | \"operating\" | \"ended\", isOpen: boolean): boolean {\n  if (closePhase === \"idle\") {\n    return false;\n  }\n  return isOpen;\n}\n\nfunction computeVelocity(\n  start: { x: number; y: number; timestamp: number } | null,\n  current: { x: number; y: number; timestamp: number } | null,\n  displacement: number,\n): number {\n  if (!start || !current) {\n    return 0;\n  }\n  const timeDelta = Math.max(1, current.timestamp - start.timestamp);\n  return displacement / timeDelta;\n}\n\n/**\n * Hook for detecting swipe gestures to open/close a drawer.\n *\n * When drawer is closed:\n * - Detects edge swipe from the anchor edge to trigger open\n *\n * When drawer is open:\n * - Detects drag gesture within drawer to trigger close\n * - Respects scrollable content boundaries\n *\n * @example\n * ```tsx\n * const { state, edgeContainerProps, drawerContentProps } = useDrawerSwipeInput({\n *   edgeContainerRef: gridLayoutRef,\n *   drawerContentRef: drawerRef,\n *   direction: \"left\",\n *   isOpen,\n *   onSwipeOpen: () => setOpen(true),\n *   onSwipeClose: () => setOpen(false),\n * });\n * ```\n */\nexport function useDrawerSwipeInput(\n  options: UseDrawerSwipeInputOptions,\n): UseDrawerSwipeInputResult {\n  const {\n    edgeContainerRef,\n    drawerContentRef,\n    direction,\n    isOpen,\n    onSwipeOpen,\n    onSwipeClose,\n    enableEdgeSwipeOpen = true,\n    enableSwipeClose = true,\n    edgeWidth = 20,\n    dismissThreshold = DEFAULT_DISMISS_THRESHOLD,\n  } = options;\n\n  const axis = getDrawerAnimationAxis(direction);\n  const closeSwipeSign = getDrawerCloseSwipeSign(direction);\n  const openSwipeSign = getDrawerOpenSwipeSign(direction);\n\n  // Track container size for progress calculation\n  const containerSizeRef = React.useRef(0);\n\n  // Measure drawer content size\n  React.useLayoutEffect(() => {\n    const container = drawerContentRef.current;\n    if (!container) {\n      return;\n    }\n\n    const updateSize = () => {\n      containerSizeRef.current = getContainerSize(container, axis);\n    };\n\n    updateSize();\n\n    const observer = new ResizeObserver(updateSize);\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [drawerContentRef, axis]);\n\n  // =========== Edge swipe to OPEN ===========\n  const handleOpenSwipeEnd = React.useCallback(\n    (state: { direction: 1 | -1 | 0 }) => {\n      // Open when swiping in the correct direction (away from edge)\n      if (state.direction === openSwipeSign) {\n        onSwipeOpen();\n      }\n    },\n    [openSwipeSign, onSwipeOpen],\n  );\n\n  const {\n    isEdgeGesture,\n    state: edgeSwipeState,\n    containerProps: edgeSwipeProps,\n  } = useEdgeSwipeInput({\n    containerRef: edgeContainerRef,\n    edge: direction,\n    edgeWidth,\n    enabled: isEdgeSwipeEnabled(enableEdgeSwipeOpen, isOpen),\n    onSwipeEnd: handleOpenSwipeEnd,\n  });\n\n  // Native gesture guard for edge swipe\n  const { containerProps: guardProps } = useNativeGestureGuard({\n    containerRef: edgeContainerRef,\n    active: isEdgeGesture,\n    preventEdgeBack: true,\n    preventOverscroll: true,\n    edgeWidth,\n  });\n\n  // =========== Drag to CLOSE (Dialog pattern) ===========\n  const { state: closeTracking, onPointerDown: baseClosePointerDown } = usePointerTracking({\n    enabled: isCloseSwipeEnabled(enableSwipeClose, isOpen),\n  });\n\n  const [closePhase, setClosePhase] = React.useState<\"idle\" | \"operating\" | \"ended\">(\"idle\");\n  const lastCloseDisplacementRef = React.useRef(0);\n\n  // Wrap pointer down with scroll check and safe zone check\n  const onClosePointerDown = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!enableSwipeClose || !isOpen) {\n        return;\n      }\n\n      const container = drawerContentRef.current;\n      if (!container) {\n        return;\n      }\n\n      const target = event.target as HTMLElement;\n\n      // Check if target is in a SwipeSafeZone\n      if (isInSwipeSafeZone(target, container)) {\n        return; // Don't start close swipe if inside safe zone\n      }\n\n      // Check if target is in a scrollable area that would block swipe\n      if (isScrollableInDirection(target, container, axis, closeSwipeSign)) {\n        return; // Don't start close swipe if inside scrollable content\n      }\n\n      baseClosePointerDown(event);\n    },\n    [enableSwipeClose, isOpen, drawerContentRef, axis, closeSwipeSign, baseClosePointerDown],\n  );\n\n  // Calculate close displacement\n  const closeDisplacement = React.useMemo(() => {\n    if (!closeTracking.isDown || !closeTracking.start || !closeTracking.current) {\n      return lastCloseDisplacementRef.current;\n    }\n\n    const delta = getAxisDelta(closeTracking.start, closeTracking.current, axis);\n\n    // Only count movement in close direction\n    const signedDelta = delta * closeSwipeSign;\n    return Math.max(0, signedDelta);\n  }, [closeTracking.isDown, closeTracking.start, closeTracking.current, axis, closeSwipeSign]);\n\n  // Track displacement while dragging\n  React.useEffect(() => {\n    if (closeTracking.isDown && closeTracking.current) {\n      lastCloseDisplacementRef.current = closeDisplacement;\n    }\n  }, [closeTracking.isDown, closeTracking.current, closeDisplacement]);\n\n  // Handle close drag start\n  React.useEffect(() => {\n    if (closeTracking.isDown && closePhase === \"idle\") {\n      setClosePhase(\"operating\");\n    }\n  }, [closeTracking.isDown, closePhase]);\n\n  // Handle close drag end\n  React.useEffect(() => {\n    if (!closeTracking.isDown && closePhase === \"operating\") {\n      const displacement = lastCloseDisplacementRef.current;\n      const hasMovement = displacement > 1;\n\n      if (hasMovement) {\n        setClosePhase(\"ended\");\n\n        // Check if should close\n        const containerSize = containerSizeRef.current;\n        if (containerSize > 0) {\n          const ratio = displacement / containerSize;\n          const velocity = computeVelocity(closeTracking.start, closeTracking.current, displacement);\n\n          if (ratio >= dismissThreshold || velocity >= VELOCITY_THRESHOLD) {\n            onSwipeClose();\n          }\n        }\n      } else {\n        setClosePhase(\"idle\");\n        lastCloseDisplacementRef.current = 0;\n      }\n    }\n  }, [closeTracking.isDown, closePhase, dismissThreshold, onSwipeClose, closeTracking.start, closeTracking.current]);\n\n  // Transition from ended to idle\n  React.useEffect(() => {\n    if (closePhase === \"ended\") {\n      queueMicrotask(() => {\n        setClosePhase(\"idle\");\n        lastCloseDisplacementRef.current = 0;\n      });\n    }\n  }, [closePhase]);\n\n  // Reset close state when drawer closes\n  React.useEffect(() => {\n    if (!isOpen) {\n      setClosePhase(\"idle\");\n      lastCloseDisplacementRef.current = 0;\n    }\n  }, [isOpen]);\n\n  // =========== Combined state ===========\n  const isOpening = isDrawerOpening(isEdgeGesture, isOpen);\n  const isClosing = isDrawerClosing(closePhase, isOpen);\n\n  // Determine primary displacement based on current operation\n  const displacement = React.useMemo(() => {\n    if (isOpening) {\n      return computeAxisDisplacement(edgeSwipeState.displacement, axis);\n    }\n    if (isClosing) {\n      return closeDisplacement;\n    }\n    return 0;\n  }, [isOpening, isClosing, axis, edgeSwipeState.displacement, closeDisplacement]);\n\n  // Progress calculation\n  const progress = React.useMemo(() => {\n    const containerSize = containerSizeRef.current;\n    if (containerSize <= 0) {\n      return 0;\n    }\n    return Math.min(displacement / containerSize, 1);\n  }, [displacement]);\n\n  // Combined operation state\n  const state = React.useMemo<ContinuousOperationState>(() => {\n    if (isOpening) {\n      return {\n        phase: normalizePhase(edgeSwipeState.phase),\n        displacement: edgeSwipeState.displacement,\n        velocity: edgeSwipeState.velocity,\n      };\n    }\n    if (isClosing) {\n      return {\n        phase: closePhase,\n        displacement: computeDisplacementValue(closeSwipeSign, axis, closeDisplacement),\n        velocity: { x: 0, y: 0 },\n      };\n    }\n    return IDLE_CONTINUOUS_OPERATION_STATE;\n  }, [isOpening, isClosing, edgeSwipeState, closePhase, closeDisplacement, axis, closeSwipeSign]);\n\n  // Container props\n  const edgeContainerProps = React.useMemo(\n    () => mergeGestureContainerProps(edgeSwipeProps, guardProps),\n    [edgeSwipeProps, guardProps],\n  );\n\n  const drawerContentProps = React.useMemo(() => ({\n    onPointerDown: onClosePointerDown,\n    style: {\n      touchAction: \"none\" as const,\n      userSelect: \"none\" as const,\n      WebkitUserSelect: \"none\" as const,\n    },\n  }), [onClosePointerDown]);\n\n  return {\n    state,\n    isOpening,\n    isClosing,\n    progress,\n    displacement,\n    edgeContainerProps,\n    drawerContentProps,\n  };\n}\n","/**\n * @file Drawer style computation utilities.\n *\n * Provides pure functions for computing drawer styles based on configuration.\n */\nimport type * as React from \"react\";\nimport type { DrawerBehavior } from \"../../types.js\";\nimport {\n  COLOR_DRAWER_BACKDROP,\n  DRAWER_TRANSITION_DURATION,\n  DRAWER_TRANSITION_EASING,\n} from \"../../constants/styles.js\";\n\n/**\n * Base backdrop style shared by backdrop and edge zone.\n */\nexport const DRAWER_BACKDROP_BASE_STYLE: React.CSSProperties = {\n  position: \"fixed\",\n  inset: 0,\n  background: COLOR_DRAWER_BACKDROP,\n};\n\n/**\n * Base drawer panel style.\n */\nexport const DRAWER_PANEL_BASE_STYLE: React.CSSProperties = {\n  willChange: \"transform\",\n};\n\n/**\n * Placement-specific styles for drawer positioning.\n */\nexport type DrawerPlacement = \"left\" | \"right\" | \"top\" | \"bottom\";\n\nconst PLACEMENT_STYLES: Record<DrawerPlacement, React.CSSProperties> = {\n  left: {\n    top: 0,\n    bottom: 0,\n    left: 0,\n    transform: \"translateX(-100%)\",\n  },\n  right: {\n    top: 0,\n    bottom: 0,\n    right: 0,\n    transform: \"translateX(100%)\",\n  },\n  top: {\n    top: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(-100%)\",\n  },\n  bottom: {\n    bottom: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(100%)\",\n  },\n};\n\nconst OPEN_TRANSFORMS: Record<DrawerPlacement, string> = {\n  left: \"translateX(0)\",\n  right: \"translateX(0)\",\n  top: \"translateY(0)\",\n  bottom: \"translateY(0)\",\n};\n\n/**\n * Get placement-specific style.\n */\nexport function getPlacementStyle(placement: DrawerPlacement): React.CSSProperties {\n  return PLACEMENT_STYLES[placement];\n}\n\n/**\n * Get transform value for open state.\n */\nexport function getOpenTransform(placement: DrawerPlacement): string {\n  return OPEN_TRANSFORMS[placement];\n}\n\n/**\n * Get closed transform value.\n */\nexport function getClosedTransform(placement: DrawerPlacement): string {\n  return PLACEMENT_STYLES[placement].transform as string;\n}\n\n/**\n * Compute CSS transition value.\n */\nexport function computeTransitionValue(\n  mode: DrawerBehavior[\"transitionMode\"] | undefined,\n  duration: DrawerBehavior[\"transitionDuration\"],\n  easing: DrawerBehavior[\"transitionEasing\"],\n): string | undefined {\n  if (mode === \"none\") {\n    return undefined;\n  }\n\n  const durationValue = duration ?? DRAWER_TRANSITION_DURATION;\n  const easingValue = easing ?? DRAWER_TRANSITION_EASING;\n\n  return `transform ${durationValue} ${easingValue}`;\n}\n\n/**\n * Compute backdrop transition value.\n */\nexport function computeBackdropTransition(\n  mode: DrawerBehavior[\"transitionMode\"] | undefined,\n  duration: DrawerBehavior[\"transitionDuration\"],\n): string | undefined {\n  if (mode === \"none\") {\n    return undefined;\n  }\n  return `opacity ${duration ?? \"220ms\"} ease`;\n}\n\n/**\n * Check if placement is horizontal (left/right).\n */\nexport function isHorizontalPlacement(placement: DrawerPlacement): boolean {\n  return placement === \"left\" || placement === \"right\";\n}\n\n/**\n * Format dimension value to CSS string.\n */\nexport function formatDimension(value: string | number | undefined): string | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (typeof value === \"number\") {\n    return `${value}px`;\n  }\n  return value;\n}\n\n// ============================================================================\n// Edge Zone Styles\n// ============================================================================\n\n/**\n * Options for computing edge zone style.\n */\nexport type EdgeZoneStyleOptions = {\n  placement: DrawerPlacement;\n  inline: boolean;\n  edgeWidth: number;\n  zIndex: number | undefined;\n};\n\n/**\n * Compute edge zone style based on placement and positioning context.\n *\n * The edge zone is positioned at the edge where the drawer appears from:\n * - left drawer: left edge of the container\n * - right drawer: right edge of the container\n * - top drawer: top edge of the container\n * - bottom drawer: bottom edge of the container\n *\n * When inline=true, uses absolute positioning (relative to parent container).\n * When inline=false, uses fixed positioning (relative to viewport).\n */\nexport function computeEdgeZoneStyle(options: EdgeZoneStyleOptions): React.CSSProperties {\n  const { placement, inline, edgeWidth, zIndex } = options;\n  const position = inline ? \"absolute\" : \"fixed\";\n  const computedZIndex = zIndex !== undefined ? zIndex - 2 : 1000;\n\n  return getEdgeZoneStyleByPlacement(placement, position, edgeWidth, computedZIndex);\n}\n\nfunction getEdgeZoneStyleByPlacement(\n  placement: DrawerPlacement,\n  position: \"absolute\" | \"fixed\",\n  edgeWidth: number,\n  zIndex: number,\n): React.CSSProperties {\n  // Common base style\n  const base: React.CSSProperties = {\n    position,\n    zIndex,\n    background: \"transparent\",\n    pointerEvents: \"auto\",\n  };\n\n  // Placement-specific positioning\n  if (placement === \"left\") {\n    return {\n      ...base,\n      top: 0,\n      bottom: 0,\n      left: 0,\n      width: edgeWidth,\n    };\n  }\n\n  if (placement === \"right\") {\n    return {\n      ...base,\n      top: 0,\n      bottom: 0,\n      right: 0,\n      width: edgeWidth,\n    };\n  }\n\n  if (placement === \"top\") {\n    return {\n      ...base,\n      top: 0,\n      left: 0,\n      right: 0,\n      height: edgeWidth,\n    };\n  }\n\n  // bottom\n  return {\n    ...base,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: edgeWidth,\n  };\n}\n","/**\n * @file Drawer swipe gesture configuration parsing.\n *\n * Normalizes swipeGestures config from DrawerBehavior into a consistent shape.\n */\nimport type { DrawerBehavior, WindowPosition } from \"../../types.js\";\nimport type { DrawerPlacement } from \"./drawerStyles.js\";\n\n/**\n * Normalized swipe gesture configuration.\n */\nexport type NormalizedSwipeConfig = {\n  enabled: boolean;\n  edgeSwipeOpen: boolean;\n  swipeClose: boolean;\n  edgeWidth: number;\n  dismissThreshold: number;\n};\n\nconst DEFAULT_EDGE_WIDTH = 20;\nconst DEFAULT_DISMISS_THRESHOLD = 0.3;\n\nconst DISABLED_CONFIG: NormalizedSwipeConfig = {\n  enabled: false,\n  edgeSwipeOpen: false,\n  swipeClose: false,\n  edgeWidth: DEFAULT_EDGE_WIDTH,\n  dismissThreshold: DEFAULT_DISMISS_THRESHOLD,\n};\n\nconst ENABLED_DEFAULT_CONFIG: NormalizedSwipeConfig = {\n  enabled: true,\n  edgeSwipeOpen: true,\n  swipeClose: true,\n  edgeWidth: DEFAULT_EDGE_WIDTH,\n  dismissThreshold: DEFAULT_DISMISS_THRESHOLD,\n};\n\n/**\n * Parse swipeGestures config into normalized options.\n */\nexport function parseSwipeGesturesConfig(\n  swipeGestures: DrawerBehavior[\"swipeGestures\"],\n): NormalizedSwipeConfig {\n  if (swipeGestures === true) {\n    return ENABLED_DEFAULT_CONFIG;\n  }\n\n  if (swipeGestures === false || swipeGestures === undefined) {\n    return DISABLED_CONFIG;\n  }\n\n  return {\n    enabled: true,\n    edgeSwipeOpen: swipeGestures.edgeSwipeOpen ?? true,\n    swipeClose: swipeGestures.swipeClose ?? true,\n    edgeWidth: swipeGestures.edgeWidth ?? DEFAULT_EDGE_WIDTH,\n    dismissThreshold: swipeGestures.dismissThreshold ?? DEFAULT_DISMISS_THRESHOLD,\n  };\n}\n\n/**\n * Resolve drawer placement from anchor and position.\n */\nexport function resolvePlacement(\n  anchor: DrawerBehavior[\"anchor\"],\n  position: WindowPosition | undefined,\n): DrawerPlacement {\n  if (anchor) {\n    return anchor;\n  }\n\n  if (!position) {\n    return \"right\";\n  }\n\n  if (position.left !== undefined) {\n    return \"left\";\n  }\n  if (position.right !== undefined) {\n    return \"right\";\n  }\n  if (position.top !== undefined) {\n    return \"top\";\n  }\n  if (position.bottom !== undefined) {\n    return \"bottom\";\n  }\n\n  return \"right\";\n}\n\n/**\n * Determine if edge zone should be visible.\n */\nexport function shouldShowEdgeZone(\n  config: NormalizedSwipeConfig,\n  isOpen: boolean,\n  isOpening: boolean,\n): boolean {\n  if (!config.enabled) {\n    return false;\n  }\n  if (!config.edgeSwipeOpen) {\n    return false;\n  }\n  // Show when closed or actively opening\n  if (!isOpen) {\n    return true;\n  }\n  return isOpening;\n}\n","/**\n * @file Hook for applying real-time transform during drawer swipe gestures.\n *\n * Handles DOM manipulation for smooth swipe animations.\n */\nimport * as React from \"react\";\nimport type { ContinuousOperationState } from \"../../hooks/gesture/types.js\";\nimport { getDrawerAnimationAxis, getDrawerCloseSwipeSign } from \"../../modules/drawer/types.js\";\nimport type { DrawerSwipeDirection } from \"../../modules/drawer/types.js\";\n\ntype UseDrawerSwipeTransformOptions = {\n  drawerRef: React.RefObject<HTMLDivElement | null>;\n  backdropRef: React.RefObject<HTMLDivElement | null>;\n  placement: DrawerSwipeDirection;\n  swipeState: ContinuousOperationState;\n  displacement: number;\n  isOpening: boolean;\n  isClosing: boolean;\n  enabled: boolean;\n};\n\n/**\n * Apply real-time transform to drawer and backdrop during swipe.\n */\nexport function useDrawerSwipeTransform(options: UseDrawerSwipeTransformOptions): void {\n  const {\n    drawerRef,\n    backdropRef,\n    placement,\n    swipeState,\n    displacement,\n    isOpening,\n    isClosing,\n    enabled,\n  } = options;\n\n  const isOperating = swipeState.phase === \"operating\";\n\n  // Apply real-time transform during swipe\n  React.useLayoutEffect(() => {\n    if (!enabled || !isOperating) {\n      return;\n    }\n\n    const drawer = drawerRef.current;\n    const backdrop = backdropRef.current;\n\n    if (!drawer) {\n      return;\n    }\n\n    const axis = getDrawerAnimationAxis(placement);\n    const closeSign = getDrawerCloseSwipeSign(placement);\n    const drawerSize = axis === \"x\" ? drawer.clientWidth : drawer.clientHeight;\n\n    if (drawerSize <= 0) {\n      return;\n    }\n\n    const translateFn = axis === \"x\" ? \"translateX\" : \"translateY\";\n\n    if (isClosing) {\n      applyClosingTransform(drawer, backdrop, translateFn, closeSign, displacement, drawerSize);\n    } else if (isOpening) {\n      applyOpeningTransform(drawer, backdrop, translateFn, closeSign, displacement, drawerSize);\n    }\n  }, [enabled, isOperating, isClosing, isOpening, displacement, placement, drawerRef, backdropRef]);\n\n  // Reset transform after swipe ends\n  React.useLayoutEffect(() => {\n    if (!enabled || swipeState.phase !== \"ended\") {\n      return;\n    }\n\n    const drawer = drawerRef.current;\n    const backdrop = backdropRef.current;\n\n    if (drawer) {\n      drawer.style.transform = \"\";\n    }\n    if (backdrop) {\n      backdrop.style.opacity = \"\";\n    }\n  }, [enabled, swipeState.phase, drawerRef, backdropRef]);\n}\n\nfunction applyClosingTransform(\n  drawer: HTMLDivElement,\n  backdrop: HTMLDivElement | null,\n  translateFn: \"translateX\" | \"translateY\",\n  closeSign: 1 | -1,\n  displacement: number,\n  drawerSize: number,\n): void {\n  const translate = closeSign * displacement;\n  drawer.style.transform = `${translateFn}(${translate}px)`;\n\n  const progress = Math.min(displacement / drawerSize, 1);\n  if (backdrop) {\n    backdrop.style.opacity = String(1 - progress);\n  }\n}\n\nfunction applyOpeningTransform(\n  drawer: HTMLDivElement,\n  backdrop: HTMLDivElement | null,\n  translateFn: \"translateX\" | \"translateY\",\n  closeSign: 1 | -1,\n  displacement: number,\n  drawerSize: number,\n): void {\n  const closedPosition = closeSign * drawerSize;\n  const translate = closedPosition + closeSign * -1 * displacement;\n  const clampedTranslate = clampTranslate(translate, closeSign);\n  drawer.style.transform = `${translateFn}(${clampedTranslate}px)`;\n\n  const progress = Math.min(displacement / drawerSize, 1);\n  if (backdrop) {\n    backdrop.style.opacity = String(progress);\n    backdrop.style.pointerEvents = \"auto\";\n  }\n}\n\nfunction clampTranslate(translate: number, closeSign: 1 | -1): number {\n  if (closeSign > 0) {\n    return Math.max(0, translate);\n  }\n  return Math.min(0, translate);\n}\n","/**\n * @file Drawer component\n *\n * Mobile-friendly slide-in panel with backdrop support.\n * Supports swipe gestures for opening/closing.\n */\nimport * as React from \"react\";\nimport type { DrawerBehavior, WindowPosition } from \"../../types.js\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelContent,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n} from \"../paneling/FloatingPanelFrame.js\";\nimport {\n  DRAWER_HEADER_PADDING_Y,\n  DRAWER_HEADER_PADDING_X,\n  DRAWER_HEADER_GAP,\n  DRAWER_CONTENT_PADDING,\n} from \"../../constants/styles.js\";\nimport { useDrawerSwipeInput } from \"../../modules/drawer/useDrawerSwipeInput.js\";\nimport type { DrawerSwipeDirection } from \"../../modules/drawer/types.js\";\nimport {\n  DRAWER_BACKDROP_BASE_STYLE,\n  DRAWER_PANEL_BASE_STYLE,\n  getPlacementStyle,\n  getOpenTransform,\n  computeTransitionValue,\n  computeBackdropTransition,\n  formatDimension,\n  computeEdgeZoneStyle,\n} from \"./drawerStyles.js\";\nimport type { DrawerPlacement } from \"./drawerStyles.js\";\nimport {\n  parseSwipeGesturesConfig,\n  resolvePlacement,\n  shouldShowEdgeZone,\n} from \"./drawerSwipeConfig.js\";\nimport { useDrawerSwipeTransform } from \"./useDrawerSwipeTransform.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type DrawerProps = {\n  id: string;\n  config: DrawerBehavior;\n  isOpen: boolean;\n  onClose: () => void;\n  onOpen?: () => void;\n  children: React.ReactNode;\n  zIndex?: number;\n  width?: string | number;\n  height?: string | number;\n  position?: WindowPosition;\n};\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\ntype DrawerContentProps = {\n  chrome: boolean;\n  frameStyle: React.CSSProperties;\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst DrawerContent: React.FC<DrawerContentProps> = ({\n  chrome,\n  frameStyle,\n  header,\n  dismissible,\n  onClose,\n  children,\n}) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n  return (\n    <FloatingPanelFrame style={frameStyle}>\n      <DrawerHeaderView header={header} dismissible={dismissible} onClose={onClose} />\n      <FloatingPanelContent\n        style={{ padding: DRAWER_CONTENT_PADDING, flex: 1, display: \"flex\", flexDirection: \"column\" }}\n      >\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\ntype DrawerHeaderViewProps = {\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n};\n\nfunction shouldShowCloseButton(dismissible: boolean, showCloseButton: boolean): boolean {\n  if (!dismissible) {\n    return false;\n  }\n  return showCloseButton;\n}\n\nfunction renderCloseButton(\n  shouldShow: boolean,\n  onClose: () => void,\n): React.ReactNode {\n  if (!shouldShow) {\n    return null;\n  }\n  return (\n    <FloatingPanelCloseButton\n      onClick={onClose}\n      aria-label=\"Close drawer\"\n      style={{ marginLeft: \"auto\" }}\n    />\n  );\n}\n\nfunction renderEdgeZone(\n  showEdgeZone: boolean,\n  edgeZoneRef: React.RefObject<HTMLDivElement | null>,\n  edgeZoneStyle: React.CSSProperties,\n  onPointerDown: ((e: React.PointerEvent<HTMLElement>) => void) | undefined,\n  placement: string,\n): React.ReactNode {\n  if (!showEdgeZone) {\n    return null;\n  }\n  return (\n    <div\n      ref={edgeZoneRef}\n      style={edgeZoneStyle}\n      onPointerDown={onPointerDown}\n      data-drawer-edge-zone={placement}\n    />\n  );\n}\n\nconst DrawerHeaderView: React.FC<DrawerHeaderViewProps> = ({ header, dismissible, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? true;\n  const shouldShow = shouldShowCloseButton(dismissible, showCloseButton);\n\n  return (\n    <FloatingPanelHeader\n      style={{ padding: `${DRAWER_HEADER_PADDING_Y} ${DRAWER_HEADER_PADDING_X}`, gap: DRAWER_HEADER_GAP }}\n    >\n      <FloatingPanelTitle>{header.title}</FloatingPanelTitle>\n      {renderCloseButton(shouldShow, onClose)}\n    </FloatingPanelHeader>\n  );\n};\n\n// ============================================================================\n// Style computation hooks\n// ============================================================================\n\nfunction useDrawerPanelStyle(\n  placement: DrawerPlacement,\n  isOpen: boolean,\n  isSwipeOperating: boolean,\n  config: DrawerBehavior,\n  dimensions: { width?: string | number; height?: string | number; zIndex?: number },\n): React.CSSProperties {\n  return React.useMemo((): React.CSSProperties => {\n    const effectiveMode = isSwipeOperating ? \"none\" : config.transitionMode;\n    const transitionValue = computeTransitionValue(\n      effectiveMode,\n      config.transitionDuration,\n      config.transitionEasing,\n    );\n\n    const placementStyle = getPlacementStyle(placement);\n    const transform = isOpen ? getOpenTransform(placement) : placementStyle.transform;\n    const position = config.inline ? \"absolute\" : \"fixed\";\n\n    return {\n      ...DRAWER_PANEL_BASE_STYLE,\n      position,\n      ...placementStyle,\n      transform,\n      transition: transitionValue,\n      zIndex: dimensions.zIndex,\n      width: formatDimension(dimensions.width),\n      height: formatDimension(dimensions.height),\n    };\n  }, [placement, isOpen, isSwipeOperating, config, dimensions]);\n}\n\nfunction useBackdropStyle(\n  placement: DrawerPlacement,\n  isOpen: boolean,\n  isSwipeOperating: boolean,\n  config: DrawerBehavior,\n  zIndex: number | undefined,\n): React.CSSProperties {\n  return React.useMemo((): React.CSSProperties => {\n    const effectiveMode = isSwipeOperating ? \"none\" : config.transitionMode;\n    const transitionValue = computeBackdropTransition(effectiveMode, config.transitionDuration);\n    const position = config.inline ? \"absolute\" as const : \"fixed\" as const;\n\n    return {\n      ...DRAWER_BACKDROP_BASE_STYLE,\n      position,\n      opacity: isOpen ? 1 : 0,\n      pointerEvents: isOpen ? \"auto\" : \"none\",\n      transition: transitionValue,\n      zIndex: zIndex !== undefined ? zIndex - 1 : undefined,\n    };\n  }, [isOpen, isSwipeOperating, config, zIndex]);\n}\n\nfunction useFrameStyle(placement: DrawerPlacement): React.CSSProperties {\n  return React.useMemo((): React.CSSProperties => {\n    const style: React.CSSProperties = { borderRadius: 0 };\n    if (placement === \"left\" || placement === \"right\") {\n      style.height = \"100%\";\n    }\n    return style;\n  }, [placement]);\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  id,\n  config,\n  isOpen,\n  onClose,\n  onOpen,\n  children,\n  zIndex,\n  width,\n  height,\n  position,\n}) => {\n  const {\n    dismissible = true,\n    header,\n    chrome = true,\n    inline = false,\n  } = config;\n\n  const swipeConfig = parseSwipeGesturesConfig(config.swipeGestures);\n  const placement = resolvePlacement(config.anchor, position);\n\n  // Refs\n  const drawerRef = React.useRef<HTMLDivElement>(null);\n  const backdropRef = React.useRef<HTMLDivElement>(null);\n  const edgeZoneRef = React.useRef<HTMLDivElement>(null);\n\n  // Swipe callbacks\n  const handleSwipeOpen = React.useCallback(() => {\n    onOpen?.();\n    config.onStateChange?.(true);\n  }, [onOpen, config]);\n\n  const handleSwipeClose = React.useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  // Swipe input handling\n  const {\n    state: swipeState,\n    displacement,\n    edgeContainerProps,\n    drawerContentProps,\n    isOpening,\n    isClosing,\n  } = useDrawerSwipeInput({\n    edgeContainerRef: edgeZoneRef,\n    drawerContentRef: drawerRef,\n    direction: placement as DrawerSwipeDirection,\n    isOpen,\n    onSwipeOpen: handleSwipeOpen,\n    onSwipeClose: handleSwipeClose,\n    enableEdgeSwipeOpen: swipeConfig.edgeSwipeOpen,\n    enableSwipeClose: swipeConfig.swipeClose,\n    edgeWidth: swipeConfig.edgeWidth,\n    dismissThreshold: swipeConfig.dismissThreshold,\n  });\n\n  const isSwipeOperating = swipeState.phase === \"operating\";\n\n  // Apply swipe transform\n  useDrawerSwipeTransform({\n    drawerRef,\n    backdropRef,\n    placement: placement as DrawerSwipeDirection,\n    swipeState,\n    displacement,\n    isOpening,\n    isClosing,\n    enabled: swipeConfig.enabled,\n  });\n\n  // Computed styles\n  const drawerStyle = useDrawerPanelStyle(placement, isOpen, isSwipeOperating, config, { width, height, zIndex });\n  const backdropStyle = useBackdropStyle(placement, isOpen, isSwipeOperating, config, zIndex);\n  const frameStyle = useFrameStyle(placement);\n\n  // Edge zone style: merge positioning style with gesture handlers' style\n  const edgeZoneStyle = React.useMemo((): React.CSSProperties => {\n    const positioningStyle = computeEdgeZoneStyle({\n      placement,\n      inline,\n      edgeWidth: swipeConfig.edgeWidth,\n      zIndex,\n    });\n    // Merge with gesture container styles (touchAction, etc.)\n    return { ...positioningStyle, ...edgeContainerProps.style };\n  }, [placement, inline, swipeConfig.edgeWidth, zIndex, edgeContainerProps.style]);\n\n  // Merged drawer style with swipe props\n  const mergedDrawerStyle = React.useMemo((): React.CSSProperties => {\n    if (!swipeConfig.enabled) {\n      return drawerStyle;\n    }\n    return { ...drawerStyle, ...drawerContentProps.style };\n  }, [swipeConfig.enabled, drawerStyle, drawerContentProps.style]);\n\n  // Visibility flags\n  const showEdgeZone = shouldShowEdgeZone(swipeConfig, isOpen, isOpening);\n  const ariaLabel = header?.title ?? config.ariaLabel ?? \"Drawer\";\n\n  const edgeZoneElement = renderEdgeZone(showEdgeZone, edgeZoneRef, edgeZoneStyle, edgeContainerProps.onPointerDown, placement);\n\n  return (\n    <>\n      {edgeZoneElement}\n      <div\n        ref={backdropRef}\n        style={backdropStyle}\n        onClick={dismissible ? onClose : undefined}\n      />\n      <div\n        ref={drawerRef}\n        data-layer-id={id}\n        data-placement={placement}\n        style={mergedDrawerStyle}\n        role=\"dialog\"\n        aria-modal={dismissible ? true : undefined}\n        aria-hidden={isOpen ? undefined : true}\n        aria-label={ariaLabel}\n        onPointerDown={swipeConfig.enabled ? drawerContentProps.onPointerDown : undefined}\n      >\n        <DrawerContent\n          chrome={chrome}\n          frameStyle={frameStyle}\n          header={header}\n          dismissible={dismissible}\n          onClose={onClose}\n        >\n          {children}\n        </DrawerContent>\n      </div>\n    </>\n  );\n};\n","/**\n * @file Generic transition state management with animation support.\n */\nimport * as React from \"react\";\n\nexport type TransitionMode = \"none\" | \"css\";\n\nexport type TransitionOptions = {\n  mode?: TransitionMode;\n  element?: React.RefObject<HTMLElement>;\n  duration?: number;\n};\n\nexport type UseTransitionStateOptions = {\n  onOpen?: (id: string) => void;\n  onClose?: (id: string) => void;\n  onTransitionEnd?: (id: string, isOpen: boolean) => void;\n};\n\nconst waitForTransitionEnd = (el: HTMLElement, timeout: number): Promise<void> =>\n  new Promise((resolve) => {\n    // eslint-disable-next-line no-restricted-syntax -- mutable flag needed for deduplication\n    let resolved = false;\n    const done = () => {\n      if (resolved) {return;}\n      resolved = true;\n      el.removeEventListener(\"transitionend\", handler);\n      resolve();\n    };\n    const handler = (e: TransitionEvent) => {\n      if (e.target === el) {done();}\n    };\n    el.addEventListener(\"transitionend\", handler);\n    setTimeout(done, timeout + 50);\n  });\n\nexport const runTransition = async (\n  update: () => void,\n  mode: TransitionMode,\n  el: HTMLElement | null | undefined,\n  duration: number,\n): Promise<void> => {\n  switch (mode) {\n    case \"none\":\n      update();\n      return;\n\n    case \"css\":\n      update();\n      if (el) {await waitForTransitionEnd(el, duration);}\n      return;\n  }\n};\n\nexport const useTransitionState = (options?: UseTransitionStateOptions) => {\n  const [states, setStates] = React.useState<Record<string, boolean>>({});\n  const optionsRef = React.useRef(options);\n  optionsRef.current = options;\n\n  const update = React.useCallback(\n    async (id: string, isOpen: boolean, transitionOptions?: TransitionOptions) => {\n      const { mode = \"none\", element, duration = 300 } = transitionOptions ?? {};\n\n      const applyState = () => {\n        setStates((prev) => {\n          if (prev[id] === isOpen) {return prev;}\n          return { ...prev, [id]: isOpen };\n        });\n      };\n\n      await runTransition(applyState, mode, element?.current, duration);\n\n      const opts = optionsRef.current;\n      if (isOpen) {\n        opts?.onOpen?.(id);\n      } else {\n        opts?.onClose?.(id);\n      }\n      opts?.onTransitionEnd?.(id, isOpen);\n    },\n    [],\n  );\n\n  const state = React.useCallback((id: string): boolean => states[id] ?? false, [states]);\n  const open = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, true, opts),\n    [update],\n  );\n  const close = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, false, opts),\n    [update],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file Hook for managing drawer state (controlled/uncontrolled)\n */\nimport * as React from \"react\";\nimport {\n  type TransitionMode,\n  type TransitionOptions,\n  runTransition,\n} from \"../../hooks/useTransitionState\";\nimport type { LayerDefinition } from \"../../types\";\n\nconst parseDuration = (value: string | undefined): number => {\n  if (!value) {return 300;}\n  const match = value.match(/(\\d+)/);\n  return match ? parseInt(match[1], 10) : 300;\n};\n\nexport const useDrawerState = (layers: LayerDefinition[]) => {\n  const [drawerStates, setDrawerStates] = React.useState<Record<string, boolean>>(() => {\n    const initial: Record<string, boolean> = {};\n    layers.forEach((layer) => {\n      if (layer.drawer) {\n        initial[layer.id] = layer.drawer.defaultOpen ?? false;\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 updateState = React.useCallback(\n    async (layerId: string, isOpen: boolean, options?: TransitionOptions) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.drawer) {return;}\n\n      const mode: TransitionMode = options?.mode ?? layer.drawer.transitionMode ?? \"css\";\n      const duration = options?.duration ?? parseDuration(layer.drawer.transitionDuration);\n      const element = options?.element?.current;\n\n      const applyState = () => {\n        if (layer.drawer?.open === undefined) {\n          setDrawerStates((prev) => {\n            if (prev[layerId] === isOpen) {return prev;}\n            return { ...prev, [layerId]: isOpen };\n          });\n        }\n        layer.drawer?.onStateChange?.(isOpen);\n      };\n\n      await runTransition(applyState, mode, element, duration);\n    },\n    [layerMap],\n  );\n\n  const state = React.useCallback(\n    (layerId: string): boolean => {\n      const layer = layerMap.get(layerId);\n      if (layer?.drawer?.open !== undefined) {\n        return layer.drawer.open;\n      }\n      return drawerStates[layerId] ?? false;\n    },\n    [layerMap, drawerStates],\n  );\n\n  const open = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, true, options),\n    [updateState],\n  );\n\n  const close = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, false, options),\n    [updateState],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file DrawerLayers component\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types.js\";\nimport { Drawer } from \"./Drawer.js\";\nimport { useDrawerState } from \"../../modules/window/useDrawerState.js\";\n\nexport type DrawerLayersProps = {\n  layers: LayerDefinition[];\n};\n\nexport const DrawerLayers: React.FC<DrawerLayersProps> = ({ layers }) => {\n  const drawer = useDrawerState(layers);\n\n  const drawerLayers = React.useMemo(() => layers.filter((layer) => layer.drawer), [layers]);\n\n  const closeHandlers = React.useMemo(() => {\n    const handlers = new Map<string, () => void>();\n    drawerLayers.forEach((layer) => {\n      handlers.set(layer.id, () => drawer.close(layer.id));\n    });\n    return handlers;\n  }, [drawerLayers, drawer.close]);\n\n  const openHandlers = React.useMemo(() => {\n    const handlers = new Map<string, () => void>();\n    drawerLayers.forEach((layer) => {\n      handlers.set(layer.id, () => drawer.open(layer.id));\n    });\n    return handlers;\n  }, [drawerLayers, drawer.open]);\n\n  return (\n    <>\n      {drawerLayers.map((layer) => {\n        if (!layer.drawer) {\n          return null;\n        }\n\n        const isOpen = drawer.state(layer.id);\n        const onClose = closeHandlers.get(layer.id);\n        const onOpen = openHandlers.get(layer.id);\n\n        if (!onClose) {\n          return null;\n        }\n\n        return (\n          <Drawer\n            key={layer.id}\n            id={layer.id}\n            config={layer.drawer}\n            isOpen={isOpen}\n            onClose={onClose}\n            onOpen={onOpen}\n            zIndex={layer.zIndex}\n            width={layer.width}\n            height={layer.height}\n            position={layer.position}\n          >\n            {layer.component}\n          </Drawer>\n        );\n      })}\n    </>\n  );\n};\n","/**\n * @file Context provider for grid layer rendering helpers.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\n\nexport type GridLayerHandleProps = React.HTMLAttributes<HTMLElement> & {\n  \"data-drag-handle\": \"true\";\n};\n\nexport type ResizeHandleConfig =\n  | {\n      key: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n      variant: \"corner\";\n      horizontal: \"left\" | \"right\";\n      vertical: \"top\" | \"bottom\";\n    }\n  | {\n      key: \"left\" | \"right\" | \"top\" | \"bottom\";\n      variant: \"edge\";\n      horizontal?: \"left\" | \"right\";\n      vertical?: \"top\" | \"bottom\";\n    };\n\nexport type GridLayerRenderState = {\n  style: React.CSSProperties;\n  isResizable: boolean;\n  isResizing: boolean;\n  onResizeHandlePointerDown: (config: ResizeHandleConfig, event: React.PointerEvent<HTMLDivElement>) => void;\n};\n\nexport type GridLayoutContextValue = {\n  handleLayerPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;\n  getLayerRenderState: (layer: LayerDefinition) => GridLayerRenderState;\n  getLayerHandleProps: (layerId: string) => GridLayerHandleProps;\n  /**\n   * Whether the GridLayout is mounted at root level.\n   * When true, scrollable layers should delegate to browser's native scroll.\n   */\n  isRootLevel: boolean;\n};\n\nconst GridLayoutContext = React.createContext<GridLayoutContextValue | null>(null);\n\nexport const GridLayoutProvider: React.FC<\n  React.PropsWithChildren<{ value: GridLayoutContextValue }>\n> = ({ value, children }) => {\n  return <GridLayoutContext.Provider value={value}>{children}</GridLayoutContext.Provider>;\n};\n\nexport const useGridLayoutContext = (): GridLayoutContextValue => {\n  const context = React.useContext(GridLayoutContext);\n  if (!context) {\n    throw new Error(\"useGridLayoutContext must be used within a GridLayoutProvider.\");\n  }\n  return context;\n};\n","/**\n * @file PanelSystemContext\n *\n * Core provider for panel definitions and registry. Grid-specific layout and\n * interactions are composed by UI layers (e.g., GridLayout) on top of this.\n *\n * Includes content caching to preserve React component state across re-renders.\n * This is essential for maintaining internal state when parent components\n * re-create the layers array.\n */\nimport * as React from \"react\";\nimport type { PanelLayoutConfig, LayerDefinition } from \"./types\";\nimport { useContentCache } from \"./hooks/useContentCache\";\n\nexport type PanelSystemContextValue = {\n  config: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  layers: {\n    /** Raw panel definitions (no grid normalization). */\n    defs: LayerDefinition[];\n    /** Fast lookup map by id for consumers. */\n    layerById: Map<string, LayerDefinition>;\n  };\n  /**\n   * Get cached content for a layer. Returns the same ReactNode reference\n   * for the same layer ID to prevent remounting on parent re-renders.\n   */\n  getCachedContent: (layerId: string) => React.ReactNode | null;\n};\n\nconst PanelSystemContext = React.createContext<PanelSystemContextValue | null>(null);\n\nexport const usePanelSystem = (): PanelSystemContextValue => {\n  const ctx = React.useContext(PanelSystemContext);\n  if (!ctx) {\n    throw new Error(\"usePanelSystem must be used within a PanelSystemProvider.\");\n  }\n  return ctx;\n};\n\nexport type PanelSystemProviderProps = React.PropsWithChildren<{\n  config: PanelLayoutConfig;\n  layers: LayerDefinition[];\n  style?: React.CSSProperties;\n}>;\n\nexport const PanelSystemProvider: React.FC<PanelSystemProviderProps> = ({ config, layers, style, children }) => {\n  const layerById = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => {\n      map.set(layer.id, layer);\n    });\n    return map;\n  }, [layers]);\n\n  // Content resolver for useContentCache\n  const resolveContent = React.useCallback(\n    (layerId: string): React.ReactNode | null => {\n      const layer = layerById.get(layerId);\n      return layer?.component ?? null;\n    },\n    [layerById],\n  );\n\n  // Valid IDs for cache cleanup\n  const validIds = React.useMemo(() => layers.map((l) => l.id), [layers]);\n\n  // Use shared content cache hook\n  const { getCachedContent } = useContentCache({\n    resolveContent,\n    validIds,\n  });\n\n  const value = React.useMemo<PanelSystemContextValue>(\n    () => ({\n      config,\n      style,\n      layers: {\n        defs: layers,\n        layerById,\n      },\n      getCachedContent,\n    }),\n    [config, style, layers, layerById, getCachedContent],\n  );\n\n  return <PanelSystemContext.Provider value={value}>{children}</PanelSystemContext.Provider>;\n};\n","/**\n * @file Context exposing the current grid layer id and helpers to child components.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\nimport { usePanelSystem } from \"../../PanelSystemContext\";\nimport { useGridLayoutContext, type GridLayerHandleProps } from \"./GridLayoutContext\";\n\ntype LayerInstanceContextValue = {\n  layerId: string;\n};\n\nconst LayerInstanceContext = React.createContext<LayerInstanceContextValue | null>(null);\n\nexport type LayerInstanceProviderProps = React.PropsWithChildren<LayerInstanceContextValue>;\n\nexport const LayerInstanceProvider: React.FC<LayerInstanceProviderProps> = ({ layerId, children }) => {\n  const value = React.useMemo(() => ({ layerId }), [layerId]);\n  return <LayerInstanceContext.Provider value={value}>{children}</LayerInstanceContext.Provider>;\n};\n\nexport const useLayerInstance = (): LayerInstanceContextValue => {\n  const value = React.useContext(LayerInstanceContext);\n  if (!value) {\n    throw new Error(\"useLayerInstance must be used within a LayerInstanceProvider.\");\n  }\n  return value;\n};\n\n/**\n * Convenience: read the current layer definition from the core registry.\n */\nexport const useCurrentLayerDefinition = (): LayerDefinition => {\n  const { layerId } = useLayerInstance();\n  const { layers } = usePanelSystem();\n  const def = layers.layerById.get(layerId);\n  if (!def) {\n    throw new Error(`Layer definition not found for id: ${layerId}`);\n  }\n  return def;\n};\n\n/**\n * Convenience: get drag handle props, pre-bound to the current layer.\n */\nexport const useCurrentLayerHandleProps = (): GridLayerHandleProps => {\n  const { layerId } = useLayerInstance();\n  const { getLayerHandleProps } = useGridLayoutContext();\n  return React.useMemo(() => getLayerHandleProps(layerId), [getLayerHandleProps, layerId]);\n};\n\n/**\n * Compatibility helper for existing code using useLayerDragHandle.\n * Prefer useCurrentLayerHandleProps for direct access.\n */\nexport const useLayerDragHandleProps = useCurrentLayerHandleProps;\n","/**\n * @file Renders floating layers inside a dedicated browser popup window.\n */\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { LayerDefinition, PopupWindowOptions, WindowPosition, WindowBounds } from \"../../types\";\nimport { LayerInstanceProvider } from \"../../modules/grid/LayerInstanceContext\";\n\nconst ensureNumericOffset = (value: number | string | undefined, key: keyof WindowPosition, layerId: string): number => {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n  throw new Error(`Popup layer \"${layerId}\" requires a numeric \"${key}\" value.`);\n};\n\nconst resolvePopupAnchor = (position: WindowPosition | undefined, layerId: string): { left: number; top: number } => {\n  if (!position) {\n    throw new Error(`Popup layer \"${layerId}\" must define position (left/top).`);\n  }\n  return {\n    left: ensureNumericOffset(position.left, \"left\", layerId),\n    top: ensureNumericOffset(position.top, \"top\", layerId),\n  };\n};\n\nconst numericFeature = (value: number): string => {\n  return `${Math.round(value)}`;\n};\n\nconst booleanFeature = (value: boolean | undefined): string | undefined => {\n  if (value === undefined) {\n    return undefined;\n  }\n  return value ? \"yes\" : \"no\";\n};\n\nconst buildWindowFeatures = (\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n  options: PopupWindowOptions | undefined,\n): string => {\n  const features: Record<string, string> = {};\n  const anchor = resolvePopupAnchor(position, layerId);\n\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  features.width = numericFeature(width);\n  features.height = numericFeature(height);\n  features.left = numericFeature(anchor.left);\n  features.top = numericFeature(anchor.top);\n\n  const overrides = options?.features;\n  if (overrides) {\n    const toolbar = booleanFeature(overrides.toolbar);\n    const menubar = booleanFeature(overrides.menubar);\n    const location = booleanFeature(overrides.location);\n    const status = booleanFeature(overrides.status);\n    const resizable = booleanFeature(overrides.resizable);\n    const scrollbars = booleanFeature(overrides.scrollbars);\n\n    if (toolbar !== undefined) {\n      features.toolbar = toolbar;\n    }\n    if (menubar !== undefined) {\n      features.menubar = menubar;\n    }\n    if (location !== undefined) {\n      features.location = location;\n    }\n    if (status !== undefined) {\n      features.status = status;\n    }\n    if (resizable !== undefined) {\n      features.resizable = resizable;\n    }\n    if (scrollbars !== undefined) {\n      features.scrollbars = scrollbars;\n    }\n  }\n\n  return Object.entries(features)\n    .map(([key, value]) => `${key}=${value}`)\n    .join(\",\");\n};\n\nconst applyBoundsToWindow = (\n  popupWindow: Window,\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n) => {\n  const anchor = resolvePopupAnchor(position, layerId);\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  popupWindow.moveTo(Math.round(anchor.left), Math.round(anchor.top));\n  popupWindow.resizeTo(Math.round(width), Math.round(height));\n};\n\ntype PopupLayerPortalProps = {\n  layer: LayerDefinition;\n};\n\nexport const PopupLayerPortal: React.FC<PopupLayerPortalProps> = ({ layer }) => {\n  const floating = layer.floating;\n  if (!floating) {\n    throw new Error(`Layer \"${layer.id}\" is missing floating configuration required for popup mode.`);\n  }\n  const mode = floating.mode ?? \"embedded\";\n  if (mode !== \"popup\") {\n    throw new Error(`PopupLayerPortal received layer \"${layer.id}\" that is not configured for popup mode.`);\n  }\n\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const popupWindowRef = React.useRef<Window | null>(null);\n  const [isMounted, setIsMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const features = buildWindowFeatures(layer.id, layer.position, layer.width, layer.height, floating.popup);\n    const windowName = floating.popup?.name ?? layer.id;\n    const createdWindow = resolvePopupWindow(\n      windowName,\n      features,\n      {\n        position: layer.position,\n        size: { width: layer.width as number, height: layer.height as number },\n      },\n      floating.popup,\n    );\n\n    if (!createdWindow) {\n      throw new Error(`Failed to open popup window for layer \"${layer.id}\".`);\n    }\n\n    const openedWindow = createdWindow;\n\n    popupWindowRef.current = openedWindow;\n\n    if (floating.popup?.focus !== false) {\n      openedWindow.focus();\n    }\n\n    if (!openedWindow.document.title) {\n      openedWindow.document.title = layer.id;\n    }\n    openedWindow.document.body.innerHTML = \"\";\n    const mountNode = openedWindow.document.createElement(\"div\");\n    mountNode.dataset.layerId = layer.id;\n    openedWindow.document.body.appendChild(mountNode);\n    containerRef.current = mountNode;\n    setIsMounted(true);\n\n    applyBoundsToWindow(openedWindow, layer.id, layer.position, layer.width, layer.height);\n\n    const handleBeforeUnload = () => {\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n    openedWindow.addEventListener(\"beforeunload\", handleBeforeUnload);\n\n    return () => {\n      openedWindow.removeEventListener(\"beforeunload\", handleBeforeUnload);\n      if (floating.popup?.closeOnUnmount !== false) {\n        openedWindow.close();\n      }\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n  }, [\n    floating.popup?.closeOnUnmount,\n    floating.popup?.features?.location,\n    floating.popup?.features?.menubar,\n    floating.popup?.features?.resizable,\n    floating.popup?.features?.scrollbars,\n    floating.popup?.features?.status,\n    floating.popup?.features?.toolbar,\n    floating.popup?.focus,\n    floating.popup?.name,\n    layer.id,\n  ]);\n\n  React.useEffect(() => {\n    const popupWindow = popupWindowRef.current;\n    if (!popupWindow) {\n      return;\n    }\n    applyBoundsToWindow(popupWindow, layer.id, layer.position, layer.width, layer.height);\n  }, [layer.position?.left, layer.position?.top, layer.height, layer.width, layer.id]);\n\n  if (!isMounted || !containerRef.current) {\n    return null;\n  }\n\n  return createPortal(<LayerInstanceProvider layerId={layer.id}>{layer.component}</LayerInstanceProvider>, containerRef.current);\n};\n\nconst resolvePopupWindow = (\n  windowName: string,\n  features: string,\n  bounds: WindowBounds,\n  options: PopupWindowOptions | undefined,\n): Window | null => {\n  const customFactory = options?.createWindow;\n  if (customFactory) {\n    return customFactory({ name: windowName, features, bounds });\n  }\n  return window.open(\"\", windowName, features);\n};\n","/**\n * @file FloatingWindow component with chrome support\n *\n * Renders floating panel content with optional built-in chrome (FloatingPanelFrame).\n * When chrome is enabled and header is provided, header becomes the drag handle.\n */\nimport * as React from \"react\";\nimport type { FloatingBehavior } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n  FloatingPanelControls,\n  FloatingPanelContent,\n} from \"../paneling/FloatingPanelFrame\";\n\nexport type FloatingWindowProps = {\n  id: string;\n  config: FloatingBehavior;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\ntype CloseButtonProps = {\n  onClick: () => void;\n};\n\nconst CloseButton: React.FC<CloseButtonProps> = ({ onClick }) => (\n  <FloatingPanelControls>\n    <FloatingPanelCloseButton onClick={onClick} aria-label=\"Close window\" data-drag-ignore=\"true\" />\n  </FloatingPanelControls>\n);\n\ntype FloatingWindowHeaderProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  onClose: () => void;\n};\n\nconst FloatingWindowHeader: React.FC<FloatingWindowHeaderProps> = ({ header, draggable, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? false;\n  const dragHandleProps = draggable ? { \"data-drag-handle\": \"true\" } : {};\n  const cursorStyle = draggable ? \"grab\" : undefined;\n\n  return (\n    <FloatingPanelHeader {...dragHandleProps} style={{ cursor: cursorStyle }}>\n      {header.title ? <FloatingPanelTitle>{header.title}</FloatingPanelTitle> : null}\n      {showCloseButton ? <CloseButton onClick={onClose} /> : null}\n    </FloatingPanelHeader>\n  );\n};\n\ntype FloatingWindowViewProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  chrome: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst FloatingWindowView: React.FC<FloatingWindowViewProps> = ({ header, draggable, chrome, onClose, children }) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n\n  return (\n    <FloatingPanelFrame style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowHeader header={header} draggable={draggable} onClose={onClose} />\n      <FloatingPanelContent style={{ flex: 1, display: \"flex\", flexDirection: \"column\" }}>\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\nexport const FloatingWindow: React.FC<FloatingWindowProps> = ({ id, config, onClose, children }) => {\n  const chrome = config.chrome ?? false;\n  const draggable = config.draggable ?? false;\n  const ariaLabel = config.header?.title ?? config.ariaLabel ?? \"Floating window\";\n\n  return (\n    <div data-floating-window={id} role=\"dialog\" aria-label={ariaLabel} style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowView header={config.header} draggable={draggable} chrome={chrome} onClose={onClose}>\n        {children}\n      </FloatingWindowView>\n    </div>\n  );\n};\n\nFloatingWindow.displayName = \"FloatingWindow\";\n"],"names":["SWIPE_SAFE_ZONE_ATTR","SwipeSafeZone","children","className","style","jsx","isInSwipeSafeZone","element","container","current","getDrawerAnimationAxis","direction","getDrawerCloseSwipeSign","getDrawerOpenSwipeSign","DEFAULT_DISMISS_THRESHOLD","VELOCITY_THRESHOLD","getContainerSize","axis","getAxisDelta","start","PHASE_MAP","normalizePhase","phase","computeDisplacementValue","closeSwipeSign","closeDisplacement","signedDisplacement","computeAxisDisplacement","displacement","isEdgeSwipeEnabled","enableEdgeSwipeOpen","isOpen","isCloseSwipeEnabled","enableSwipeClose","isDrawerOpening","isEdgeGesture","isDrawerClosing","closePhase","computeVelocity","timeDelta","useDrawerSwipeInput","options","edgeContainerRef","drawerContentRef","onSwipeOpen","onSwipeClose","edgeWidth","dismissThreshold","openSwipeSign","containerSizeRef","React","updateSize","observer","handleOpenSwipeEnd","state","edgeSwipeState","edgeSwipeProps","useEdgeSwipeInput","guardProps","useNativeGestureGuard","closeTracking","baseClosePointerDown","usePointerTracking","setClosePhase","lastCloseDisplacementRef","onClosePointerDown","event","target","isScrollableInDirection","signedDelta","containerSize","ratio","velocity","isOpening","isClosing","progress","IDLE_CONTINUOUS_OPERATION_STATE","edgeContainerProps","mergeGestureContainerProps","drawerContentProps","DRAWER_BACKDROP_BASE_STYLE","COLOR_DRAWER_BACKDROP","DRAWER_PANEL_BASE_STYLE","PLACEMENT_STYLES","OPEN_TRANSFORMS","getPlacementStyle","placement","getOpenTransform","computeTransitionValue","mode","duration","easing","durationValue","DRAWER_TRANSITION_DURATION","easingValue","DRAWER_TRANSITION_EASING","computeBackdropTransition","formatDimension","value","computeEdgeZoneStyle","inline","zIndex","position","computedZIndex","getEdgeZoneStyleByPlacement","base","DEFAULT_EDGE_WIDTH","DISABLED_CONFIG","ENABLED_DEFAULT_CONFIG","parseSwipeGesturesConfig","swipeGestures","resolvePlacement","anchor","shouldShowEdgeZone","config","useDrawerSwipeTransform","drawerRef","backdropRef","swipeState","enabled","isOperating","drawer","backdrop","closeSign","drawerSize","translateFn","applyClosingTransform","applyOpeningTransform","translate","clampedTranslate","clampTranslate","DrawerContent","chrome","frameStyle","header","dismissible","onClose","jsxs","FloatingPanelFrame","DrawerHeaderView","FloatingPanelContent","DRAWER_CONTENT_PADDING","shouldShowCloseButton","showCloseButton","renderCloseButton","shouldShow","FloatingPanelCloseButton","renderEdgeZone","showEdgeZone","edgeZoneRef","edgeZoneStyle","onPointerDown","FloatingPanelHeader","DRAWER_HEADER_PADDING_Y","DRAWER_HEADER_PADDING_X","DRAWER_HEADER_GAP","FloatingPanelTitle","useDrawerPanelStyle","isSwipeOperating","dimensions","effectiveMode","transitionValue","placementStyle","transform","useBackdropStyle","useFrameStyle","Drawer","id","onOpen","width","height","swipeConfig","handleSwipeOpen","handleSwipeClose","drawerStyle","backdropStyle","mergedDrawerStyle","ariaLabel","edgeZoneElement","Fragment","waitForTransitionEnd","el","timeout","resolve","resolved","done","handler","e","runTransition","update","useTransitionState","states","setStates","optionsRef","transitionOptions","prev","opts","open","close","parseDuration","match","useDrawerState","layers","drawerStates","setDrawerStates","initial","layer","layerMap","map","updateState","layerId","DrawerLayers","drawerLayers","closeHandlers","handlers","openHandlers","GridLayoutContext","GridLayoutProvider","useGridLayoutContext","context","PanelSystemContext","usePanelSystem","ctx","PanelSystemProvider","layerById","resolveContent","validIds","l","getCachedContent","useContentCache","LayerInstanceContext","LayerInstanceProvider","useLayerInstance","ensureNumericOffset","key","resolvePopupAnchor","numericFeature","booleanFeature","buildWindowFeatures","features","overrides","toolbar","menubar","location","status","resizable","scrollbars","applyBoundsToWindow","popupWindow","PopupLayerPortal","floating","containerRef","popupWindowRef","isMounted","setIsMounted","windowName","createdWindow","resolvePopupWindow","openedWindow","mountNode","handleBeforeUnload","createPortal","bounds","customFactory","CloseButton","onClick","FloatingPanelControls","FloatingWindowHeader","draggable","dragHandleProps","cursorStyle","FloatingWindowView","FloatingWindow"],"mappings":"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"}

package/dist/GridLayout-DKTg_N61.cjs

@@ -0,0 +1,2 @@
+"use strict";const S=require("react/jsx-runtime"),yt=require("react"),L=require("./FloatingWindow-DMwyK0eK.cjs"),v=require("./styles-qf6ptVLD.cjs"),Tt=require("./SwipePivotTabBar-fjjXkpj7.cjs"),Lt=require("./ResizeHandle-CBcAS918.cjs"),mt=require("./useIsomorphicLayoutEffect-DGRNF4Lf.cjs"),j=require("./useDocumentPointerEvents-DxDSOtip.cjs");function xt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const d=xt(yt),_t=()=>{const t=new Map;return e=>{if(!e)return;const n=t.get(e);if(n!==void 0)return n;const r=t.size;return t.set(e,r),r}},Ht=_t(),K=new Map,Pt=t=>{const e=`ovs-threshold:${t.threshold}-rootMargin:${t.rootMargin}-root:${Ht(t.root)}`;if(K.has(e))return K.get(e);const n=new class{#t=new Map;#e=new IntersectionObserver(r=>{r.forEach(o=>{const s=this.#t.get(o.target);s&&s(o)})},t);observe(r,o){return this.#t.set(r,o),this.#e.observe(r),()=>{this.#t.delete(r),this.#e.unobserve(r)}}};return K.set(e,n),n},st=Object.freeze({x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0});function Mt(t,{threshold:e=0,rootMargin:n="0px",root:r=null}){const[o,s]=d.useState(null);return d.useEffect(()=>{const a=t.current;return a?Pt({threshold:e,rootMargin:n,root:r}).observe(a,u=>{s({isIntersecting:u.isIntersecting,boundingClientRect:u.boundingClientRect,intersectionRatio:u.intersectionRatio,intersectionRect:u.intersectionRect,rootBounds:u.rootBounds,target:u.target,time:u.time})}):void 0},[t,e,n,r]),d.useMemo(()=>({isIntersecting:o?.isIntersecting??!1,boundingClientRect:o?.boundingClientRect??st,intersectionRatio:o?.intersectionRatio??0,intersectionRect:o?.intersectionRect??st,rootBounds:o?.rootBounds??null,target:o?.target??t.current,time:o?.time??0}),[o,t])}const pt={position:"absolute",pointerEvents:"auto",boxSizing:"border-box",background:"transparent",border:"none"},Dt={...pt,width:v.GRID_LAYER_CORNER_HIT_SIZE,height:v.GRID_LAYER_CORNER_HIT_SIZE,zIndex:2},Gt={...pt,zIndex:1},Nt={"top-left":{top:0,left:0,transform:"translate(-50%, -50%)",cursor:"nwse-resize"},"top-right":{top:0,right:0,transform:"translate(50%, -50%)",cursor:"nesw-resize"},"bottom-left":{bottom:0,left:0,transform:"translate(-50%, 50%)",cursor:"nesw-resize"},"bottom-right":{bottom:0,right:0,transform:"translate(50%, 50%)",cursor:"nwse-resize"}},kt={left:{top:v.GRID_LAYER_CORNER_HIT_SIZE,bottom:v.GRID_LAYER_CORNER_HIT_SIZE,left:0,width:v.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateX(-50%)",cursor:"ew-resize"},right:{top:v.GRID_LAYER_CORNER_HIT_SIZE,bottom:v.GRID_LAYER_CORNER_HIT_SIZE,right:0,width:v.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateX(50%)",cursor:"ew-resize"},top:{left:v.GRID_LAYER_CORNER_HIT_SIZE,right:v.GRID_LAYER_CORNER_HIT_SIZE,top:0,height:v.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateY(-50%)",cursor:"ns-resize"},bottom:{left:v.GRID_LAYER_CORNER_HIT_SIZE,right:v.GRID_LAYER_CORNER_HIT_SIZE,bottom:0,height:v.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateY(50%)",cursor:"ns-resize"}},At=[{key:"top-left",variant:"corner",horizontal:"left",vertical:"top"},{key:"top-right",variant:"corner",horizontal:"right",vertical:"top"},{key:"bottom-left",variant:"corner",horizontal:"left",vertical:"bottom"},{key:"bottom-right",variant:"corner",horizontal:"right",vertical:"bottom"},{key:"left",variant:"edge",horizontal:"left"},{key:"right",variant:"edge",horizontal:"right"},{key:"top",variant:"edge",vertical:"top"},{key:"bottom",variant:"edge",vertical:"bottom"}],bt=({layerId:t,onPointerDown:e})=>S.jsx(S.Fragment,{children:At.map(n=>{const r=n.variant==="corner"?Dt:Gt,o=n.variant==="corner"?Nt[n.key]:kt[n.key],s={...r,...o},a=n.variant==="corner"?{"data-resize-corner":n.key}:{"data-resize-edge":n.key};return S.jsx("div",{role:"presentation","aria-hidden":"true",style:s,...a,"data-layer-id":t,onPointerDown:l=>e(n,l)},n.key)})}),jt=({pivot:t})=>{const{Outlet:e}=Tt.usePivot({items:t.items,activeId:t.activeId,defaultActiveId:t.defaultActiveId,onActiveChange:t.onActiveChange,transitionMode:t.transitionMode});return S.jsx(e,{})},Ot=(t,e)=>t.pivot?S.jsx(jt,{pivot:t.pivot}):t.cache?e(t.id):t.component,St=d.memo(({layer:t,onClose:e})=>{const{getCachedContent:n}=L.usePanelSystem(),r=Ot(t,n);return t.floating?.chrome?S.jsx(L.FloatingWindow,{id:t.id,config:t.floating,onClose:e,children:r}):r});St.displayName="LayerContentRenderer";const zt=d.memo(({layerId:t,isResizable:e,onPointerDown:n})=>e?S.jsx(bt,{layerId:t,onPointerDown:n}):null);zt.displayName="LayerResizeHandles";const Yt=(t,e)=>t?"auto":e?"visible":"hidden",wt=d.memo(({layer:t,handleLayerPointerDown:e})=>{const{getLayerRenderState:n}=L.useGridLayoutContext(),{style:r,isResizable:o,isResizing:s,onResizeHandlePointerDown:a}=n(t),l=d.useMemo(()=>{const f={};return t.gridArea&&(f.gridArea=t.gridArea),t.gridRow&&(f.gridRow=t.gridRow),t.gridColumn&&(f.gridColumn=t.gridColumn),f},[t.gridArea,t.gridRow,t.gridColumn]),u=d.useMemo(()=>{const f=!!t.floating,g=Yt(t.scrollable,f),b={...r,...l,minWidth:0,minHeight:0,overflow:g};return o?{...b,position:"relative"}:b},[r,l,o,t.scrollable,t.floating]),p=d.useCallback(()=>{t.floating?.onClose?.()},[t.floating]);return S.jsxs("div",{"data-layer-id":t.id,"data-draggable":!!t.floating?.draggable,"data-resizable":o,"data-resizing":s,style:u,onPointerDown:e,children:[S.jsx(L.LayerInstanceProvider,{layerId:t.id,children:S.jsx(St,{layer:t,onClose:p})}),S.jsx(zt,{layerId:t.id,isResizable:o,onPointerDown:a})]})});wt.displayName="EmbeddedLayer";const Rt=({layers:t})=>{const{handleLayerPointerDown:e}=L.useGridLayoutContext();return S.jsx(S.Fragment,{children:t.map(n=>{const r=n.floating?.mode??"embedded";return n.floating&&r==="popup"?S.jsx(L.PopupLayerPortal,{layer:n},n.id):S.jsx(wt,{layer:n,handleLayerPointerDown:e},n.id)})})},it={position:"absolute",pointerEvents:"auto"},Z=({direction:t,trackIndex:e,align:n,gap:r,span:o,onResize:s})=>{const a=t==="col"?"vertical":"horizontal",l=d.useCallback(f=>{const g=n==="start"?-f:f;s(t,e,g)},[n,t,e,s]),u=d.useMemo(()=>t==="col"?{gridColumn:`${e+1} / ${e+2}`,gridRow:`${o.start} / ${o.end}`}:{gridRow:`${e+1} / ${e+2}`,gridColumn:`${o.start} / ${o.end}`},[t,e,o]),p=d.useMemo(()=>{const g=Math.max(0,r)/2+v.GRID_HANDLE_THICKNESS/2;return t==="col"?{...it,width:v.GRID_HANDLE_THICKNESS,height:"100%",top:0,bottom:0,...n==="start"?{left:-g}:{right:-g}}:{...it,width:"100%",height:v.GRID_HANDLE_THICKNESS,left:0,right:0,...n==="start"?{top:-g}:{bottom:-g}}},[n,t,r]);return S.jsx("div",{"data-resizable":"true",style:{...u,position:"relative",pointerEvents:"none"},children:S.jsx("div",{"data-direction":a,"data-align":n,"data-handle":"true",style:p,children:S.jsx(Lt.ResizeHandle,{direction:a,onResize:l})})})},$t=t=>{const e=new Map;t.forEach((r,o)=>{r.forEach((s,a)=>{if(!s||s===".")return;const l=e.get(s);if(l){const p={rowStart:Math.min(l.rowStart,o),rowEnd:Math.max(l.rowEnd,o),colStart:Math.min(l.colStart,a),colEnd:Math.max(l.colEnd,a)};e.set(s,p);return}const u={rowStart:o,rowEnd:o,colStart:a,colEnd:a};e.set(s,u)})});const n=new Map;return e.forEach((r,o)=>{const s=r.rowStart+1,a=r.rowEnd+2,l=r.colStart+1,u=r.colEnd+2,p={gridArea:o,gridRow:`${s} / ${a}`,gridColumn:`${l} / ${u}`};n.set(o,p)}),n},Ft=(t,e)=>{if((t.positionMode??"grid")!=="grid")return t;const r=t.gridArea??t.id,o=e.get(r);if(!o)return t;const s=!t.gridArea,a=!t.gridRow,l=!t.gridColumn;return!s&&!a&&!l?t:{...t,gridArea:s?o.gridArea:t.gridArea,gridRow:a?o.gridRow:t.gridRow,gridColumn:l?o.gridColumn:t.gridColumn}},Et=(t,e)=>{const n=d.useMemo(()=>$t(t.areas),[t.areas]),r=d.useMemo(()=>e.map(l=>Ft(l,n)),[e,n]),o=d.useMemo(()=>r.filter(l=>l.visible!==!1),[r]),s=d.useMemo(()=>o.filter(l=>!l.drawer),[o]),a=d.useMemo(()=>{const l=new Map;return r.forEach(u=>{l.set(u.id,u)}),l},[r]);return{normalizedLayers:r,visibleLayers:o,regularLayers:s,layerById:a}},Bt=t=>{if(!t)return{rowGap:0,columnGap:0};const e=t.split(/\s+/).map(r=>r.trim()).filter(Boolean),n=r=>{const o=r.match(/^(-?\d+(?:\.\d+)?)px$/);return o?Number.parseFloat(o[1]):0};if(e.length===1){const r=n(e[0]);return{rowGap:r,columnGap:r}}return{rowGap:n(e[0]),columnGap:n(e[1])}},Wt=(t,e)=>{if(!t)return[];const n=getComputedStyle(t);return(e==="col"?n.gridTemplateColumns:n.gridTemplateRows).split(/\s+/).map(o=>parseFloat(o)).filter(o=>!Number.isNaN(o))},q=(t,e=Number.NEGATIVE_INFINITY,n=Number.POSITIVE_INFINITY)=>Math.min(Math.max(t,e),n),Xt=(t,e)=>typeof t!="number"||!Number.isFinite(t)?e:t,F=(t,e)=>`${t}-${e}`,Kt=(t,e,n,r)=>{const o=F(n,r),s=e[o];return s!==void 0?`minmax(${t.minSize??0}px, ${s}px)`:t.size},at=(t,e,n)=>t.map((r,o)=>Kt(r,e,n,o)).join(" "),O=(t,e)=>t.reduce((n,r,o)=>(r.resizable&&r.size.endsWith("px")&&(n[F(e,o)]=parseInt(r.size,10)),n),{}),Zt=({trackSizes:t,track:e,direction:n,trackIndex:r,containerRef:o})=>{const s=F(n,r),a=t[s];if(a!==void 0)return a;const u=Wt(o?.current??null,n)[r];return u!==void 0&&u>0?u:e.size.endsWith("px")?Number.parseInt(e.size,10):300},Vt=(t,e)=>t.reduce((n,r,o)=>o===e?n:r.size.includes("fr")?n+100:n+(r.minSize??50),0),qt=({track:t,tracks:e,trackIndex:n,direction:r,containerRef:o,gapSizes:s})=>{if(!o?.current)return t.maxSize;const a=r==="col"?o.current.offsetWidth:o.current.offsetHeight,l=Vt(e,n),u=e.length-1,p=r==="col"?s.columnGap:s.rowGap,f=u*p,g=a-l-f;return t.maxSize!==void 0?Math.min(t.maxSize,g):g},Ut=(t,e,n)=>q(t,e??Number.NEGATIVE_INFINITY,n??Number.POSITIVE_INFINITY),ct=(t,e)=>{const n=t.length,r=[];for(let a=0;a<n;a++){const l=t[a],u=l[e],p=l[e+1];u!==p&&r.push(a)}if(r.length===0)return{start:1,end:n+1};const o=Math.min(...r),s=Math.max(...r);return{start:o+1,end:s+2}},lt=(t,e)=>{const n=t[e],r=t[e+1],o=n?.length??0,s=[];for(let u=0;u<o;u++){const p=n?.[u],f=r?.[u];p!==f&&s.push(u)}if(s.length===0)return{start:1,end:o+1};const a=Math.min(...s),l=Math.max(...s);return{start:a+1,end:l+2}},Jt=(t,e)=>{if(t.length===0)return[];const n=e.length;if(t.length===1)return t[0]?.resizable?[{trackIndex:0,align:"end",span:{start:1,end:n+1}}]:[];const r=[];return Array.from({length:t.length-1},(s,a)=>a).forEach(s=>{const a=t[s];if(t[s+1]?.resizable){const u=ct(e,s);r.push({trackIndex:s+1,align:"start",span:u});return}if(a?.resizable){const u=ct(e,s);r.push({trackIndex:s,align:"end",span:u})}}),r},Qt=(t,e)=>{if(t.length===0)return[];const n=e[0]?.length??0;if(t.length===1)return t[0]?.resizable?[{trackIndex:0,align:"end",span:{start:1,end:n+1}}]:[];const r=[];return Array.from({length:t.length-1},(s,a)=>a).forEach(s=>{const a=t[s];if(t[s+1]?.resizable){const u=lt(e,s);r.push({trackIndex:s+1,align:"start",span:u});return}if(a?.resizable){const u=lt(e,s);r.push({trackIndex:s,align:"end",span:u})}}),r},te=t=>t!==void 0?{gap:t}:{},ee=(t,e)=>{const n=Object.keys(e),r={};for(const f of n)r[f]=t[f]??e[f];const o=Object.keys(t),s=o.length!==n.length,a=o.some(f=>!Object.prototype.hasOwnProperty.call(r,f)),l=s?!0:a,u=n.some(f=>t[f]!==r[f]);return(l?!0:u)?r:null},vt=(t,e,n)=>{const[r,o]=d.useState(()=>({...O(t.columns,"col"),...O(t.rows,"row")}));mt.useIsomorphicLayoutEffect(()=>{const g={...O(t.columns,"col"),...O(t.rows,"row")};o(b=>ee(b,g)??b)},[t.columns,t.rows]);const s=d.useMemo(()=>t.areas.map(g=>`"${g.join(" ")}"`).join(" "),[t.areas]),a=d.useMemo(()=>Bt(t.gap),[t.gap]),l=d.useMemo(()=>Jt(t.columns,t.areas),[t.columns,t.areas]),u=d.useMemo(()=>Qt(t.rows,t.areas),[t.rows,t.areas]),p=d.useMemo(()=>({...t.style,...e,gridTemplateAreas:s,gridTemplateRows:at(t.rows,r,"row"),gridTemplateColumns:at(t.columns,r,"col"),...te(t.gap)}),[s,t.columns,t.gap,t.rows,t.style,e,r]),f=d.useCallback((g,b,R)=>{const I=g==="row"?t.rows:t.columns,C=I[b];if(!C||!C.resizable)return;const _=Zt({trackSizes:r,track:C,direction:g,trackIndex:b,containerRef:n}),H=qt({track:C,tracks:I,trackIndex:b,direction:g,containerRef:n,gapSizes:a}),P=F(g,b);o(N=>{const y=_+R,T=Ut(y,C.minSize,H);return{...N,[P]:T}})},[t.columns,t.rows,r,n,a]);return{columnHandles:l,rowHandles:u,gapSizes:a,gridStyle:p,handleResize:f}},ne=t=>t.positionMode?t.positionMode:t.floating?(t.floating.mode??"embedded")==="embedded"?"absolute":"relative":"grid",re=t=>({position:t==="grid"?"relative":t}),oe=(t,e)=>e!=="grid"?{}:{gridArea:t.gridArea,gridRow:t.gridRow,gridColumn:t.gridColumn},se=t=>t?{top:t.top,right:t.right,bottom:t.bottom,left:t.left}:{},ie=t=>t!==void 0?{zIndex:t}:{},ae=(t,e)=>({width:t,height:e}),ce=(t,e)=>t.pointerEvents!==void 0?typeof t.pointerEvents=="boolean"?{pointerEvents:t.pointerEvents?"auto":"none"}:{pointerEvents:t.pointerEvents}:e==="absolute"||e==="fixed"?{pointerEvents:"auto"}:{},le=t=>t.floating?t.floating.position??t.floating.defaultPosition??t.position:t.position,ue=t=>{if(t.floating){const e=t.floating.size??t.floating.defaultSize;if(e)return{width:e.width,height:e.height}}return{width:t.width,height:t.height}},de=t=>t.floating?.zIndex!==void 0?t.floating.zIndex:t.zIndex,ge=t=>{const e=ne(t),n=le(t),r=ue(t),o=de(t);return{...t.style,...re(e),...oe(t,e),...se(n),...ie(o),...ae(r.width,r.height),...ce(t,e)}},he=t=>{const e=t.floating;return e?e.mode??"embedded":null},D=t=>he(t)!=="embedded"?null:t.floating??null,ut=t=>t instanceof HTMLElement?["INPUT","TEXTAREA","SELECT","BUTTON"].includes(t.tagName):!1,dt=(t,e,n)=>{const r=e??Number.NEGATIVE_INFINITY,o=n??Number.POSITIVE_INFINITY;return q(t,r,o)},gt=(t,e,n)=>{if(typeof t=="number"&&Number.isFinite(t))return t;throw new Error(`Floating layer "${n}" must provide a numeric "${e}" value when draggable mode is enabled.`)},ht=t=>{const e=D(t);if(!e)throw new Error(`Floating layer "${t.id}" is missing floating configuration required for dragging.`);const n=e.position??e.defaultPosition??t.position;if(!n)throw new Error(`Floating layer "${t.id}" must define position with left and top values.`);return{left:gt(n.left,"left",t.id),top:gt(n.top,"top",t.id)}},fe=t=>{const e=D(t);return e?e.constraints??{}:{}},me=(t,e,n)=>t?t==="left"?e-n:e+n:e,pe=(t,e,n)=>t?t==="top"?e-n:e+n:e,be=(t,e,n)=>!t||t==="right"?e:e+n,Se=(t,e,n)=>!t||t==="bottom"?e:e+n,V=(t,e)=>t?t.dataset.layerId===e?t:V(t.parentElement,e):null,U=(t,e,n)=>!t||n?.(t)?null:e(t)?t:U(t.parentElement,e,n),ze=t=>t instanceof HTMLElement?U(t,e=>e.dataset.dragHandle==="true",e=>e.dataset.dragIgnore==="true"):null,ft=t=>t instanceof HTMLElement?U(t,e=>e.dataset.resizeCorner!==void 0||e.dataset.resizeEdge!==void 0)!==null:!1,Y=t=>{const e=D(t);return e?e.resizable===!0:!1},$=t=>{if(!D(t))return null;const n=Ee(t);if(!n)throw new Error(`Floating layer "${t.id}" must define width and height when resizable or draggable.`);return{width:n.width,height:n.height}},we=(t,e,n)=>{const r=t.filter(Y).reduce((g,b)=>{if(n===b.id){const I=e[b.id];if(I)return g[b.id]=I,g}const R=$(b);return R&&(g[b.id]=R),g},{}),o=Object.keys(e),s=Object.keys(r),a=o.length!==s.length,l=o.some(g=>!Object.prototype.hasOwnProperty.call(r,g)),u=a?!0:l,p=s.some(g=>{const b=e[g],R=r[g];return!b||!R?!0:b.width!==R.width||b.height!==R.height});return{sizes:r,changed:u?!0:p}},Re=({layers:t,layerById:e,isRootLevel:n})=>{const[r,o]=d.useState(null),[s,a]=d.useState(null),[l,u]=d.useState({}),[p,f]=d.useState({}),g=d.useRef(null),b=d.useRef(null),R=j.useEffectEvent((c,i)=>{e.get(c)?.floating?.onMove?.(i)}),I=j.useEffectEvent((c,i)=>{e.get(c)?.floating?.onResize?.(i)});mt.useIsomorphicLayoutEffect(()=>{const{sizes:c,changed:i}=we(t,p,s);i&&f(c)},[t,s]);const C=d.useCallback((c,i,h,m)=>{const z=ht(i),E=l[c]??{x:0,y:0},w={pointerStartX:m.clientX,pointerStartY:m.clientY,initialTranslationX:E.x,initialTranslationY:E.y,baseLeft:z.left,baseTop:z.top,layerId:c,pointerId:m.pointerId,target:h};if(w.target.setPointerCapture)try{w.target.setPointerCapture(w.pointerId)}catch{}g.current=w,o(c)},[l]),_=d.useCallback(c=>{const i=c.target,h=ze(i);if(!h)return;const m=h.closest("[data-layer-id]")?.getAttribute("data-layer-id");if(!m)return;const z=e.get(m);if(!z)return;const E=D(z);if(!(!E||E.draggable!==!0)&&!ut(c.target)&&!ft(c.target)&&h){const w=V(h,m);if(!w)return;C(m,z,w,c);return}},[C,e]),H=d.useCallback((c,i)=>{const h=e.get(c),m=h?D(h):null;if(!h||!m||m.draggable!==!0||ut(i.target)||ft(i.target))return;const z=V(i.currentTarget,c);z&&C(c,h,z,i)},[C,e]),P=d.useCallback((c,i,h)=>{const m=e.get(c);if(!m||!Y(m))return;const z=p[c]??$(m);if(!z)return;const E=ht(m),w=fe(m),x=l[c]??{x:0,y:0};if(h.stopPropagation(),h.preventDefault(),h.currentTarget.setPointerCapture)try{h.currentTarget.setPointerCapture(h.pointerId)}catch{}b.current={layerId:c,pointerId:h.pointerId,horizontalEdge:i.horizontal,verticalEdge:i.vertical,startX:h.clientX,startY:h.clientY,startWidth:z.width,startHeight:z.height,startPosition:x,baseLeft:E.left,baseTop:E.top,minWidth:w.minWidth,maxWidth:w.maxWidth,minHeight:w.minHeight,maxHeight:w.maxHeight,target:h.currentTarget},a(c)},[e,l,p]),N=d.useCallback(c=>{const i=g.current;if(!i)return;const h=c.clientX-i.pointerStartX,m=c.clientY-i.pointerStartY,z={x:i.initialTranslationX+h,y:i.initialTranslationY+m};u(E=>({...E,[i.layerId]:z})),R(i.layerId,{left:i.baseLeft+z.x,top:i.baseTop+z.y})},[R]),y=d.useCallback(c=>{const i=b.current;if(!i||i.pointerId!==c.pointerId||!e.get(i.layerId))return;const m=c.clientX-i.startX,z=c.clientY-i.startY,E=me(i.horizontalEdge,i.startWidth,m),w=pe(i.verticalEdge,i.startHeight,z),x=dt(E,i.minWidth,i.maxWidth),M=dt(w,i.minHeight,i.maxHeight),k=i.startWidth-x,B=i.startHeight-M,nt=be(i.horizontalEdge,i.startPosition.x,k),It=Se(i.verticalEdge,i.startPosition.y,B),W=p[i.layerId],rt={width:x,height:M};(!W||W.width!==x||W.height!==M)&&(f(X=>({...X,[i.layerId]:rt})),I(i.layerId,rt));const ot=l[i.layerId]??{x:0,y:0},A={x:nt,y:It};(ot.x!==A.x||ot.y!==A.y)&&(u(X=>({...X,[i.layerId]:A})),R(i.layerId,{left:i.baseLeft+A.x,top:i.baseTop+A.y}))},[e,l,p,R,I]),T=d.useCallback(c=>{const i=g.current;if(i){if(i.pointerId===c.pointerId&&i.target.releasePointerCapture)try{i.target.releasePointerCapture(i.pointerId)}catch{}g.current=null}o(null)},[]),G=d.useCallback(c=>{const i=b.current;if(i){if(i.pointerId===c.pointerId&&i.target.releasePointerCapture)try{i.target.releasePointerCapture(i.pointerId)}catch{}b.current=null}a(null)},[]);j.useDocumentPointerEvents(r!==null,{onMove:N,onUp:T,onCancel:T}),j.useDocumentPointerEvents(s!==null,{onMove:y,onUp:G,onCancel:G});const J=d.useCallback(c=>{const i=ge(c),h=D(c);if(!h||h.draggable!==!0)return i;const m=l[c.id],z=r===c.id,E=s===c.id,w=m?{transform:`translate(${m.x}px, ${m.y}px)`}:{},x=p[c.id],M=Y(c)?$(c):null,k=x??M,B=k?{width:`${k.width}px`,height:`${k.height}px`}:{};return{...i,...B,...w,...z||E?{cursor:"grabbing"}:{}}},[r,l,p,s]),Q=d.useCallback(c=>{if(!Y(c))return{isResizable:!1};const h=p[c.id],m=$(c);return(h??m)!==null?{isResizable:!0,onPointerDown:(x,M)=>{P(c.id,x,M)}}:{isResizable:!1}},[P,p]),tt=d.useCallback(c=>{const{isResizable:i,onPointerDown:h}=Q(c),m=J(c),z=s===c.id;return{style:m,isResizable:i,isResizing:z,onResizeHandlePointerDown:(E,w)=>{h&&h(E,w)}}},[J,Q,s]),et=d.useCallback(c=>({"data-drag-handle":"true",role:"button","aria-roledescription":"Drag handle","aria-label":"Drag layer",onPointerDown:i=>{H(c,i)}}),[H]);return{providerValue:d.useMemo(()=>({handleLayerPointerDown:_,getLayerRenderState:tt,getLayerHandleProps:et,isRootLevel:n}),[et,tt,_,n]),draggingLayerId:r,resizingLayerId:s}},Ee=t=>{if(t.floating){const e=t.floating.size??t.floating.defaultSize;if(e)return{width:e.width,height:e.height}}if(typeof t.width=="number"&&typeof t.height=="number")return{width:t.width,height:t.height}},Ct={display:"grid",width:"100%",height:"100%",overflow:"hidden"},ve={touchAction:"none",WebkitTouchCallout:"none",WebkitUserSelect:"none",userSelect:"none"},Ce={...Ct,overflow:"visible",height:"auto",minHeight:"100%"},Ie=t=>t?Ce:Ct,ye=({config:t,layers:e,style:n,root:r=!1})=>{const o=d.useRef(null),{isIntersecting:s}=Mt(o,{threshold:0});return S.jsx(L.PanelSystemProvider,{config:t,layers:e,style:n,children:S.jsx(Te,{gridRef:o,isIntersecting:s,isRoot:r})})},Te=({gridRef:t,isIntersecting:e,isRoot:n})=>{const{config:r,style:o,layers:s}=L.usePanelSystem(),{normalizedLayers:a,visibleLayers:l,regularLayers:u,layerById:p}=Et(r,s.defs),{columnHandles:f,rowHandles:g,gapSizes:b,gridStyle:R,handleResize:I}=vt(r,o,t),{providerValue:C,draggingLayerId:_,resizingLayerId:H}=Re({layers:a,layerById:p,isRootLevel:n}),P=_?!0:!!H,N=d.useMemo(()=>({...Ie(n),...R,...P?ve:{}}),[R,P,n]);return S.jsxs(S.Fragment,{children:[S.jsxs("div",{ref:t,style:N,"data-dragging":!!_,"data-resizing":!!H,"data-visible":e,children:[S.jsx(L.GridLayoutProvider,{value:C,children:S.jsx(Rt,{layers:u})}),f.map(({trackIndex:y,align:T,span:G})=>S.jsx(Z,{direction:"col",trackIndex:y,align:T,gap:b.columnGap,span:G,onResize:I},`col-${y}:${T}`)),g.map(({trackIndex:y,align:T,span:G})=>S.jsx(Z,{direction:"row",trackIndex:y,align:T,gap:b.rowGap,span:G,onResize:I},`row-${y}:${T}`))]}),S.jsx(L.DrawerLayers,{layers:l})]})};exports.GridLayerList=Rt;exports.GridLayerResizeHandles=bt;exports.GridLayout=ye;exports.GridTrackResizeHandle=Z;exports.clampNumber=q;exports.toFiniteNumberOr=Xt;exports.useGridPlacements=Et;exports.useGridTracks=vt;
+//# sourceMappingURL=GridLayout-DKTg_N61.cjs.map