@lobehub/ui/es/hooks/useFloatingLayer.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"useFloatingLayer.mjs","names":[],"sources":["../../src/hooks/useFloatingLayer.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Context for managing floating layer stacking.\n * When a component like Popover opens, it can provide its container\n * so that nested floating elements (like Tooltip) can render into it,\n * avoiding z-index stacking context issues.\n */\nexport const FloatingLayerContext = createContext<HTMLElement | null>(null);\n\n/**\n * Hook to get the current floating layer container.\n * Returns the nearest floating layer container from context, or null if none exists.\n */\nexport const useFloatingLayer = (): HTMLElement | null => {\n  return useContext(FloatingLayerContext);\n};\n\n/**\n * Provider component for floating layer context.\n */\nexport const FloatingLayerProvider = FloatingLayerContext.Provider;\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,uBAAuB,cAAkC,KAAK;;;;;AAM3E,MAAa,yBAA6C;AACxD,QAAO,WAAW,qBAAqB;;;;;AAMzC,MAAa,wBAAwB,qBAAqB"}