react-panel-layout 0.6.0 → 0.6.1

package/dist/FloatingWindow-TCDNY5gE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingWindow-TCDNY5gE.cjs","sources":["../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 Drawer component\n *\n * Mobile-friendly slide-in panel with backdrop support.\n */\nimport * as React from \"react\";\nimport type { DrawerBehavior, WindowPosition } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelContent,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n} from \"../paneling/FloatingPanelFrame\";\nimport {\n  DRAWER_HEADER_PADDING_Y,\n  DRAWER_HEADER_PADDING_X,\n  DRAWER_HEADER_GAP,\n  DRAWER_CONTENT_PADDING,\n  COLOR_DRAWER_BACKDROP,\n  DRAWER_TRANSITION_DURATION,\n  DRAWER_TRANSITION_EASING,\n} from \"../../constants/styles\";\n\nconst drawerBackdropStyle: React.CSSProperties = {\n  position: \"fixed\",\n  inset: 0,\n  background: COLOR_DRAWER_BACKDROP,\n};\n\nconst drawerBaseStyle: React.CSSProperties = {\n  willChange: \"transform\",\n};\n\nconst drawerPlacementStyles: Record<string, 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 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\nexport type DrawerProps = {\n  id: string;\n  config: DrawerBehavior;\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  zIndex?: number;\n  width?: string | number;\n  height?: string | number;\n  position?: WindowPosition;\n};\n\nconst shouldShowCloseButton = (dismissible: boolean, showClose: boolean): boolean => {\n  if (!dismissible) {\n    return false;\n  }\n  return showClose;\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> = ({ chrome, frameStyle, header, dismissible, onClose, children }) => {\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\nconst DrawerHeaderView: React.FC<{\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n}> = ({ header, dismissible, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? true;\n  const shouldShowClose = shouldShowCloseButton(dismissible, showCloseButton);\n\n  return (\n    <React.Activity mode={header ? \"visible\" : \"hidden\"}>\n      <FloatingPanelHeader\n        style={{ padding: `${DRAWER_HEADER_PADDING_Y} ${DRAWER_HEADER_PADDING_X}`, gap: DRAWER_HEADER_GAP }}\n      >\n        <React.Activity mode={header ? \"visible\" : \"hidden\"}>\n          <FloatingPanelTitle>{header.title}</FloatingPanelTitle>\n        </React.Activity>\n        <React.Activity mode={shouldShowClose ? \"visible\" : \"hidden\"}>\n          <FloatingPanelCloseButton\n            onClick={onClose}\n            aria-label=\"Close drawer\"\n            style={{ marginLeft: \"auto\" }}\n          />\n        </React.Activity>\n      </FloatingPanelHeader>\n    </React.Activity>\n  );\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  id,\n  config,\n  isOpen,\n  onClose,\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    transitionMode = \"css\",\n    transitionDuration,\n    transitionEasing,\n  } = config;\n\n  const resolvePlacement = React.useCallback(\n    (anchor?: DrawerBehavior[\"anchor\"], pos?: WindowPosition): \"left\" | \"right\" | \"top\" | \"bottom\" => {\n      // Prefer explicit anchor from config\n      if (anchor) {\n        return anchor;\n      }\n      // Fall back to inferring from position\n      if (!pos) {\n        return \"right\";\n      }\n      if (pos.left !== undefined) {\n        return \"left\";\n      }\n      if (pos.right !== undefined) {\n        return \"right\";\n      }\n      if (pos.top !== undefined) {\n        return \"top\";\n      }\n      if (pos.bottom !== undefined) {\n        return \"bottom\";\n      }\n      return \"right\";\n    },\n    [],\n  );\n\n  const placement = resolvePlacement(config.anchor, position);\n\n  const openTransforms: Record<string, string> = {\n    left: \"translateX(0)\",\n    right: \"translateX(0)\",\n    top: \"translateY(0)\",\n    bottom: \"translateY(0)\",\n  };\n\n  const drawerStyle = React.useMemo((): React.CSSProperties => {\n    const transitionValue = computeTransitionValue(transitionMode, transitionDuration, transitionEasing);\n\n    const style: React.CSSProperties = {\n      ...drawerBaseStyle,\n      ...(inline ? { position: \"absolute\" } : { position: \"fixed\" }),\n      ...drawerPlacementStyles[placement],\n      transform: isOpen ? openTransforms[placement] : drawerPlacementStyles[placement].transform,\n      transition: transitionValue,\n    };\n\n    if (zIndex !== undefined) {\n      style.zIndex = zIndex;\n    }\n\n    if (width !== undefined) {\n      style.width = typeof width === \"number\" ? `${width}px` : width;\n    }\n    if (height !== undefined) {\n      style.height = typeof height === \"number\" ? `${height}px` : height;\n    }\n\n    return style;\n  }, [height, inline, isOpen, placement, transitionDuration, transitionEasing, transitionMode, width, zIndex]);\n\n  const ariaLabel = header?.title ?? config.ariaLabel ?? \"Drawer\";\n\n  const backdropStyle = React.useMemo((): React.CSSProperties => {\n    const base = inline ? { ...drawerBackdropStyle, position: \"absolute\" as const } : drawerBackdropStyle;\n    const transitionValue = transitionMode === \"none\" ? undefined : `opacity ${transitionDuration ?? \"220ms\"} ease`;\n    return {\n      ...base,\n      opacity: isOpen ? 1 : 0,\n      pointerEvents: isOpen ? \"auto\" : \"none\",\n      transition: transitionValue,\n      zIndex: zIndex !== undefined ? zIndex - 1 : undefined,\n    };\n  }, [inline, isOpen, transitionDuration, transitionMode, zIndex]);\n\n  const frameStyle = React.useMemo((): React.CSSProperties => {\n    const isVertical = placement === \"left\" || placement === \"right\";\n    const style: React.CSSProperties = { borderRadius: 0 };\n    if (isVertical) {\n      style.height = \"100%\";\n    }\n    return style;\n  }, [placement]);\n\n  return (\n    <>\n      <div style={backdropStyle} onClick={dismissible ? onClose : undefined} />\n      <div\n        data-layer-id={id}\n        data-placement={placement}\n        style={drawerStyle}\n        role=\"dialog\"\n        aria-modal={dismissible ? true : undefined}\n        aria-hidden={isOpen ? undefined : true}\n        aria-label={ariaLabel}\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\";\nimport { Drawer } from \"./Drawer\";\nimport { useDrawerState } from \"../../modules/window/useDrawerState\";\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  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\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            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":["drawerBackdropStyle","COLOR_DRAWER_BACKDROP","drawerBaseStyle","drawerPlacementStyles","computeTransitionValue","mode","duration","easing","durationValue","DRAWER_TRANSITION_DURATION","easingValue","DRAWER_TRANSITION_EASING","shouldShowCloseButton","dismissible","showClose","DrawerContent","chrome","frameStyle","header","onClose","children","jsxs","FloatingPanelFrame","jsx","DrawerHeaderView","FloatingPanelContent","DRAWER_CONTENT_PADDING","showCloseButton","shouldShowClose","React","FloatingPanelHeader","DRAWER_HEADER_PADDING_Y","DRAWER_HEADER_PADDING_X","DRAWER_HEADER_GAP","FloatingPanelTitle","FloatingPanelCloseButton","Drawer","id","config","isOpen","zIndex","width","height","position","inline","transitionMode","transitionDuration","transitionEasing","placement","anchor","pos","openTransforms","drawerStyle","transitionValue","style","ariaLabel","backdropStyle","base","isVertical","Fragment","waitForTransitionEnd","el","timeout","resolve","resolved","done","handler","e","runTransition","update","useTransitionState","options","states","setStates","optionsRef","transitionOptions","element","prev","opts","state","open","close","parseDuration","value","match","useDrawerState","layers","drawerStates","setDrawerStates","initial","layer","layerMap","map","updateState","layerId","DrawerLayers","drawer","drawerLayers","closeHandlers","handlers","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-B4VRsC0r.cjs

@@ -1,2 +0,0 @@
-"use strict";const S=require("react/jsx-runtime"),Tt=require("react"),L=require("./FloatingWindow-TCDNY5gE.cjs"),v=require("./styles-qf6ptVLD.cjs"),Lt=require("./SwipePivotTabBar-BrQismcZ.cjs"),xt=require("./ResizeHandle-CScipO5l.cjs"),pt=require("./useIsomorphicLayoutEffect-DGRNF4Lf.cjs"),ot=require("./useDocumentPointerEvents-ChqrKXDk.cjs"),st=require("./useEffectEvent-huSsGUnl.cjs");function _t(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=_t(Tt),Ht=()=>{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}},Pt=Ht(),X=new Map,Mt=t=>{const e=`ovs-threshold:${t.threshold}-rootMargin:${t.rootMargin}-root:${Pt(t.root)}`;if(X.has(e))return X.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 X.set(e,n),n},it=Object.freeze({x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0});function Dt(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?Mt({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??it,intersectionRatio:o?.intersectionRatio??0,intersectionRect:o?.intersectionRect??it,rootBounds:o?.rootBounds??null,target:o?.target??t.current,time:o?.time??0}),[o,t])}const bt={position:"absolute",pointerEvents:"auto",boxSizing:"border-box",background:"transparent",border:"none"},Gt={...bt,width:v.GRID_LAYER_CORNER_HIT_SIZE,height:v.GRID_LAYER_CORNER_HIT_SIZE,zIndex:2},Nt={...bt,zIndex:1},kt={"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"}},At={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"}},jt=[{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"}],St=({layerId:t,onPointerDown:e})=>S.jsx(S.Fragment,{children:jt.map(n=>{const r=n.variant==="corner"?Gt:Nt,o=n.variant==="corner"?kt[n.key]:At[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)})}),Ot=({pivot:t})=>{const{Outlet:e}=Lt.usePivot({items:t.items,activeId:t.activeId,defaultActiveId:t.defaultActiveId,onActiveChange:t.onActiveChange,transitionMode:t.transitionMode});return S.jsx(e,{})},Yt=(t,e)=>t.pivot?S.jsx(Ot,{pivot:t.pivot}):t.cache?e(t.id):t.component,zt=d.memo(({layer:t,onClose:e})=>{const{getCachedContent:n}=L.usePanelSystem(),r=Yt(t,n);return t.floating?.chrome?S.jsx(L.FloatingWindow,{id:t.id,config:t.floating,onClose:e,children:r}):r});zt.displayName="LayerContentRenderer";const wt=d.memo(({layerId:t,isResizable:e,onPointerDown:n})=>e?S.jsx(St,{layerId:t,onPointerDown:n}):null);wt.displayName="LayerResizeHandles";const $t=(t,e)=>t?"auto":e?"visible":"hidden",Et=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=$t(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(zt,{layer:t,onClose:p})}),S.jsx(wt,{layerId:t.id,isResizable:o,onPointerDown:a})]})});Et.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(Et,{layer:n,handleLayerPointerDown:e},n.id)})})},at={position:"absolute",pointerEvents:"auto"},K=({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"?{...at,width:v.GRID_HANDLE_THICKNESS,height:"100%",top:0,bottom:0,...n==="start"?{left:-g}:{right:-g}}:{...at,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(xt.ResizeHandle,{direction:a,onResize:l})})})},Ft=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},Bt=(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}},vt=(t,e)=>{const n=d.useMemo(()=>Ft(t.areas),[t.areas]),r=d.useMemo(()=>e.map(l=>Bt(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}},Wt=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])}},Xt=(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))},V=(t,e=Number.NEGATIVE_INFINITY,n=Number.POSITIVE_INFINITY)=>Math.min(Math.max(t,e),n),Kt=(t,e)=>typeof t!="number"||!Number.isFinite(t)?e:t,$=(t,e)=>`${t}-${e}`,Zt=(t,e,n,r)=>{const o=$(n,r),s=e[o];return s!==void 0?`minmax(${t.minSize??0}px, ${s}px)`:t.size},ct=(t,e,n)=>t.map((r,o)=>Zt(r,e,n,o)).join(" "),j=(t,e)=>t.reduce((n,r,o)=>(r.resizable&&r.size.endsWith("px")&&(n[$(e,o)]=parseInt(r.size,10)),n),{}),Vt=({trackSizes:t,track:e,direction:n,trackIndex:r,containerRef:o})=>{const s=$(n,r),a=t[s];if(a!==void 0)return a;const u=Xt(o?.current??null,n)[r];return u!==void 0&&u>0?u:e.size.endsWith("px")?Number.parseInt(e.size,10):300},qt=(t,e)=>t.reduce((n,r,o)=>o===e?n:r.size.includes("fr")?n+100:n+(r.minSize??50),0),Ut=({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=qt(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},Jt=(t,e,n)=>V(t,e??Number.NEGATIVE_INFINITY,n??Number.POSITIVE_INFINITY),lt=(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}},ut=(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}},Qt=(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=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,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=ut(e,s);r.push({trackIndex:s+1,align:"start",span:u});return}if(a?.resizable){const u=ut(e,s);r.push({trackIndex:s,align:"end",span:u})}}),r},ee=t=>t!==void 0?{gap:t}:{},ne=(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},Ct=(t,e,n)=>{const[r,o]=d.useState(()=>({...j(t.columns,"col"),...j(t.rows,"row")}));pt.useIsomorphicLayoutEffect(()=>{const g={...j(t.columns,"col"),...j(t.rows,"row")};o(b=>ne(b,g)??b)},[t.columns,t.rows]);const s=d.useMemo(()=>t.areas.map(g=>`"${g.join(" ")}"`).join(" "),[t.areas]),a=d.useMemo(()=>Wt(t.gap),[t.gap]),l=d.useMemo(()=>Qt(t.columns,t.areas),[t.columns,t.areas]),u=d.useMemo(()=>te(t.rows,t.areas),[t.rows,t.areas]),p=d.useMemo(()=>({...t.style,...e,gridTemplateAreas:s,gridTemplateRows:ct(t.rows,r,"row"),gridTemplateColumns:ct(t.columns,r,"col"),...ee(t.gap)}),[s,t.columns,t.gap,t.rows,t.style,e,r]),f=d.useCallback((g,b,E)=>{const I=g==="row"?t.rows:t.columns,C=I[b];if(!C||!C.resizable)return;const _=Vt({trackSizes:r,track:C,direction:g,trackIndex:b,containerRef:n}),H=Ut({track:C,tracks:I,trackIndex:b,direction:g,containerRef:n,gapSizes:a}),P=$(g,b);o(N=>{const y=_+E,T=Jt(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}},re=t=>t.positionMode?t.positionMode:t.floating?(t.floating.mode??"embedded")==="embedded"?"absolute":"relative":"grid",oe=t=>({position:t==="grid"?"relative":t}),se=(t,e)=>e!=="grid"?{}:{gridArea:t.gridArea,gridRow:t.gridRow,gridColumn:t.gridColumn},ie=t=>t?{top:t.top,right:t.right,bottom:t.bottom,left:t.left}:{},ae=t=>t!==void 0?{zIndex:t}:{},ce=(t,e)=>({width:t,height:e}),le=(t,e)=>t.pointerEvents!==void 0?typeof t.pointerEvents=="boolean"?{pointerEvents:t.pointerEvents?"auto":"none"}:{pointerEvents:t.pointerEvents}:e==="absolute"||e==="fixed"?{pointerEvents:"auto"}:{},ue=t=>t.floating?t.floating.position??t.floating.defaultPosition??t.position:t.position,de=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}},ge=t=>t.floating?.zIndex!==void 0?t.floating.zIndex:t.zIndex,he=t=>{const e=re(t),n=ue(t),r=de(t),o=ge(t);return{...t.style,...oe(e),...se(t,e),...ie(n),...ae(o),...ce(r.width,r.height),...le(t,e)}},fe=t=>{const e=t.floating;return e?e.mode??"embedded":null},D=t=>fe(t)!=="embedded"?null:t.floating??null,dt=t=>t instanceof HTMLElement?["INPUT","TEXTAREA","SELECT","BUTTON"].includes(t.tagName):!1,gt=(t,e,n)=>{const r=e??Number.NEGATIVE_INFINITY,o=n??Number.POSITIVE_INFINITY;return V(t,r,o)},ht=(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.`)},ft=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:ht(n.left,"left",t.id),top:ht(n.top,"top",t.id)}},me=t=>{const e=D(t);return e?e.constraints??{}:{}},pe=(t,e,n)=>t?t==="left"?e-n:e+n:e,be=(t,e,n)=>t?t==="top"?e-n:e+n:e,Se=(t,e,n)=>!t||t==="right"?e:e+n,ze=(t,e,n)=>!t||t==="bottom"?e:e+n,Z=(t,e)=>t?t.dataset.layerId===e?t:Z(t.parentElement,e):null,q=(t,e,n)=>!t||n?.(t)?null:e(t)?t:q(t.parentElement,e,n),we=t=>t instanceof HTMLElement?q(t,e=>e.dataset.dragHandle==="true",e=>e.dataset.dragIgnore==="true"):null,mt=t=>t instanceof HTMLElement?q(t,e=>e.dataset.resizeCorner!==void 0||e.dataset.resizeEdge!==void 0)!==null:!1,O=t=>{const e=D(t);return e?e.resizable===!0:!1},Y=t=>{if(!D(t))return null;const n=ve(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}},Ee=(t,e,n)=>{const r=t.filter(O).reduce((g,b)=>{if(n===b.id){const I=e[b.id];if(I)return g[b.id]=I,g}const E=Y(b);return E&&(g[b.id]=E),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],E=r[g];return!b||!E?!0:b.width!==E.width||b.height!==E.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),E=st.useEffectEvent((c,i)=>{e.get(c)?.floating?.onMove?.(i)}),I=st.useEffectEvent((c,i)=>{e.get(c)?.floating?.onResize?.(i)});pt.useIsomorphicLayoutEffect(()=>{const{sizes:c,changed:i}=Ee(t,p,s);i&&f(c)},[t,s]);const C=d.useCallback((c,i,h,m)=>{const z=ft(i),R=l[c]??{x:0,y:0},w={pointerStartX:m.clientX,pointerStartY:m.clientY,initialTranslationX:R.x,initialTranslationY:R.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=we(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 R=D(z);if(!(!R||R.draggable!==!0)&&!dt(c.target)&&!mt(c.target)&&h){const w=Z(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||dt(i.target)||mt(i.target))return;const z=Z(i.currentTarget,c);z&&C(c,h,z,i)},[C,e]),P=d.useCallback((c,i,h)=>{const m=e.get(c);if(!m||!O(m))return;const z=p[c]??Y(m);if(!z)return;const R=ft(m),w=me(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:R.left,baseTop:R.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(R=>({...R,[i.layerId]:z})),E(i.layerId,{left:i.baseLeft+z.x,top:i.baseTop+z.y})},[E]),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,R=pe(i.horizontalEdge,i.startWidth,m),w=be(i.verticalEdge,i.startHeight,z),x=gt(R,i.minWidth,i.maxWidth),M=gt(w,i.minHeight,i.maxHeight),k=i.startWidth-x,F=i.startHeight-M,et=Se(i.horizontalEdge,i.startPosition.x,k),yt=ze(i.verticalEdge,i.startPosition.y,F),B=p[i.layerId],nt={width:x,height:M};(!B||B.width!==x||B.height!==M)&&(f(W=>({...W,[i.layerId]:nt})),I(i.layerId,nt));const rt=l[i.layerId]??{x:0,y:0},A={x:et,y:yt};(rt.x!==A.x||rt.y!==A.y)&&(u(W=>({...W,[i.layerId]:A})),E(i.layerId,{left:i.baseLeft+A.x,top:i.baseTop+A.y}))},[e,l,p,E,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)},[]);ot.useDocumentPointerEvents(r!==null,{onMove:N,onUp:T,onCancel:T}),ot.useDocumentPointerEvents(s!==null,{onMove:y,onUp:G,onCancel:G});const U=d.useCallback(c=>{const i=he(c),h=D(c);if(!h||h.draggable!==!0)return i;const m=l[c.id],z=r===c.id,R=s===c.id,w=m?{transform:`translate(${m.x}px, ${m.y}px)`}:{},x=p[c.id],M=O(c)?Y(c):null,k=x??M,F=k?{width:`${k.width}px`,height:`${k.height}px`}:{};return{...i,...F,...w,...z||R?{cursor:"grabbing"}:{}}},[r,l,p,s]),J=d.useCallback(c=>{if(!O(c))return{isResizable:!1};const h=p[c.id],m=Y(c);return(h??m)!==null?{isResizable:!0,onPointerDown:(x,M)=>{P(c.id,x,M)}}:{isResizable:!1}},[P,p]),Q=d.useCallback(c=>{const{isResizable:i,onPointerDown:h}=J(c),m=U(c),z=s===c.id;return{style:m,isResizable:i,isResizing:z,onResizeHandlePointerDown:(R,w)=>{h&&h(R,w)}}},[U,J,s]),tt=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:Q,getLayerHandleProps:tt,isRootLevel:n}),[tt,Q,_,n]),draggingLayerId:r,resizingLayerId:s}},ve=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}},It={display:"grid",width:"100%",height:"100%",overflow:"hidden"},Ce={touchAction:"none",WebkitTouchCallout:"none",WebkitUserSelect:"none",userSelect:"none"},Ie={...It,overflow:"visible",height:"auto",minHeight:"100%"},ye=t=>t?Ie:It,Te=({config:t,layers:e,style:n,root:r=!1})=>{const o=d.useRef(null),{isIntersecting:s}=Dt(o,{threshold:0});return S.jsx(L.PanelSystemProvider,{config:t,layers:e,style:n,children:S.jsx(Le,{gridRef:o,isIntersecting:s,isRoot:r})})},Le=({gridRef:t,isIntersecting:e,isRoot:n})=>{const{config:r,style:o,layers:s}=L.usePanelSystem(),{normalizedLayers:a,visibleLayers:l,regularLayers:u,layerById:p}=vt(r,s.defs),{columnHandles:f,rowHandles:g,gapSizes:b,gridStyle:E,handleResize:I}=Ct(r,o,t),{providerValue:C,draggingLayerId:_,resizingLayerId:H}=Re({layers:a,layerById:p,isRootLevel:n}),P=_?!0:!!H,N=d.useMemo(()=>({...ye(n),...E,...P?Ce:{}}),[E,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(K,{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(K,{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=St;exports.GridLayout=Te;exports.GridTrackResizeHandle=K;exports.clampNumber=V;exports.toFiniteNumberOr=Kt;exports.useGridPlacements=vt;exports.useGridTracks=Ct;
-//# sourceMappingURL=GridLayout-B4VRsC0r.cjs.map

package/dist/ResizeHandle-CScipO5l.cjs

@@ -1,2 +0,0 @@
-"use strict";const R=require("react/jsx-runtime"),C=require("react"),I=require("./useDocumentPointerEvents-ChqrKXDk.cjs"),b=require("./useEffectEvent-huSsGUnl.cjs"),u=require("./styles-qf6ptVLD.cjs");function h(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const t=h(C),v=e=>{const n=t.useRef(null),r=t.useRef(null),s=t.useRef(0),[a,c]=t.useState(!1),l=b.useEffectEvent(o=>{e.onResize?.(o)}),i=t.useCallback(o=>e.axis==="x"?o.clientX:o.clientY,[e.axis]),p=t.useCallback(o=>{o.preventDefault(),n.current=o.currentTarget,r.current=o.pointerId,s.current=i(o),c(!0)},[i]),d=t.useCallback(o=>{const E=i(o),g=E-s.current;g!==0&&(s.current=E,l(g))},[i,l]),f=t.useCallback(()=>{c(!1),r.current=null},[]);return I.useDragPointerEvents(n,a,{onMove:d,onUp:f,pointerId:r.current??void 0,capturePointer:!0,preventDefaults:!1}),{ref:n,onPointerDown:p,isDragging:a}},m=({element:e,component:n})=>t.forwardRef(({children:r,...s},a)=>e?t.cloneElement(e,{...s,ref:a},r??e.props.children):n?R.jsx(n,{...s,ref:a,children:r}):R.jsx("div",{...s,ref:a,children:r}));function _({element:e,component:n}){return t.useMemo(()=>m({element:e,component:n}),[n,e])}const z={position:"absolute",zIndex:u.RESIZE_HANDLE_Z_INDEX},H={vertical:{width:u.RESIZE_HANDLE_THICKNESS,height:"100%",top:0,cursor:"col-resize"},horizontal:{width:"100%",height:u.RESIZE_HANDLE_THICKNESS,left:0,cursor:"row-resize"}},P={idle:u.COLOR_RESIZE_HANDLE_IDLE,hovered:u.COLOR_RESIZE_HANDLE_HOVER,dragging:u.COLOR_RESIZE_HANDLE_ACTIVE},L=({direction:e,onResize:n,component:r,element:s,children:a})=>{const c=e==="vertical"?"x":"y",{ref:l,isDragging:i,onPointerDown:p}=v({axis:c,onResize:n}),[d,f]=t.useState(!1),o=t.useCallback(()=>{f(!0)},[]),E=t.useCallback(()=>{f(!1)},[]),g=_({element:s,component:r}),D=t.useMemo(()=>i?"dragging":d?"hovered":"idle",[i,d]),S=t.useMemo(()=>({...z,...H[e],backgroundColor:P[D],touchAction:"none"}),[e,D]);return R.jsx(g,{ref:l,style:S,role:"separator","aria-orientation":e,"aria-hidden":void 0,"data-resize-handle":"true","data-direction":e,"data-is-dragging":i?"true":void 0,onPointerDown:p,onPointerEnter:o,onPointerLeave:E,children:a})};exports.ResizeHandle=L;exports.useElementComponentWrapper=_;exports.useResizeDrag=v;
-//# sourceMappingURL=ResizeHandle-CScipO5l.cjs.map

package/dist/SwipePivotTabBar-BGO9X94m.js

@@ -1,407 +0,0 @@
-import { jsx as R, Fragment as H, jsxs as L } from "react/jsx-runtime";
-import * as e from "react";
-import { P as J, r as X } from "./styles-DPPuJ0sf.js";
-import { u as K } from "./useContentCache-CO3LYNmz.js";
-const Q = 1e3;
-function Z({
-  isVisible: s,
-  leaveAnimation: o,
-  skipAnimation: r = !1,
-  animationTimeout: h = Q
-}) {
-  const u = e.useRef(s), [n, a] = e.useState(!1), l = e.useRef(null);
-  e.useEffect(() => () => {
-    l.current && clearTimeout(l.current);
-  }, []), e.useEffect(() => {
-    const i = u.current;
-    u.current = s, l.current && (clearTimeout(l.current), l.current = null), i && !s ? r || !o || o === "none" ? a(!1) : (a(!0), l.current = setTimeout(() => {
-      a(!1);
-    }, h)) : !i && s && a(!1);
-  }, [s, o, r, h]);
-  const b = e.useCallback(
-    (i) => {
-      i.target === i.currentTarget && n && (l.current && (clearTimeout(l.current), l.current = null), a(!1));
-    },
-    [n]
-  ), y = s || n;
-  return {
-    state: {
-      shouldDisplay: y,
-      isAnimatingOut: n
-    },
-    props: {
-      onAnimationEnd: b
-    },
-    style: {
-      display: y ? "block" : "none"
-    }
-  };
-}
-const W = {
-  position: "absolute",
-  inset: 0,
-  width: "100%",
-  height: "100%"
-}, tt = e.memo(({ id: s, isActive: o, transitionMode: r, children: h }) => {
-  const u = Z({
-    isVisible: o,
-    leaveAnimation: r === "css" ? X : void 0,
-    skipAnimation: r !== "css"
-  }), n = e.useMemo(() => {
-    const l = {
-      ...W,
-      ...u.style,
-      pointerEvents: o ? "auto" : "none"
-    };
-    return r === "css" && (l.animation = o ? J : X), l;
-  }, [o, r, u.style]), a = /* @__PURE__ */ R(
-    "div",
-    {
-      "data-pivot-content": s,
-      "data-active": o ? "true" : "false",
-      style: n,
-      ...u.props,
-      children: h
-    }
-  );
-  return r === "none" ? /* @__PURE__ */ R(e.Activity, { mode: o ? "visible" : "hidden", children: a }) : a;
-}), B = e.createContext(null), et = e.memo(() => {
-  const s = e.useContext(B);
-  if (!s)
-    throw new Error("PivotOutlet must be used within usePivot");
-  const [, o] = e.useReducer((n) => n + 1, 0);
-  e.useEffect(() => s.subscribe(o), [s]);
-  const { items: r, activeId: h, transitionMode: u } = s.getState();
-  return /* @__PURE__ */ R(H, { children: r.map((n) => /* @__PURE__ */ R(tt, { id: n.id, isActive: n.id === h, transitionMode: u, children: n.cache ? s.getCachedContent(n.id) : n.content }, n.id)) });
-});
-function ut(s) {
-  const { items: o, activeId: r, defaultActiveId: h, onActiveChange: u, transitionMode: n = "css", navigationMode: a = "linear" } = s, l = r !== void 0, [b, y] = e.useState(() => {
-    if (h !== void 0)
-      return h;
-    const t = o.find((c) => c.disabled !== !0);
-    if (!t)
-      throw new Error("usePivot: No enabled items provided");
-    return t.id;
-  }), i = l ? r : b, [v, S] = e.useState(!1), O = e.useCallback(
-    (t, c) => {
-      const p = o.find((M) => M.id === t);
-      if (!p || p.disabled)
-        return;
-      const g = c?.animated ?? n === "css";
-      S(g), l || y(t), u?.(t);
-    },
-    [o, l, u, n]
-  ), w = e.useCallback(() => {
-    S(!1);
-  }, []), x = e.useCallback((t) => t === i, [i]), I = e.useMemo(
-    () => o.filter((t) => t.disabled !== !0),
-    [o]
-  ), f = e.useMemo(() => {
-    const t = I.findIndex((c) => c.id === i);
-    return t === -1 ? 0 : t;
-  }, [I, i]), d = I.length, k = e.useCallback(
-    (t) => {
-      if (t === 0)
-        return !1;
-      if (a === "loop")
-        return d >= 2;
-      const c = f + t;
-      return c >= 0 && c < d;
-    },
-    [f, d, a]
-  ), _ = e.useCallback(
-    (t) => {
-      const c = f + t;
-      return a === "loop" ? (c % d + d) % d : c;
-    },
-    [f, a, d]
-  ), C = e.useCallback(
-    (t, c) => {
-      if (!k(t))
-        return;
-      const p = _(t), g = I[p];
-      g && O(g.id, c);
-    },
-    [k, _, I, O]
-  ), D = e.useCallback(
-    (t) => {
-      const c = I.findIndex((g) => g.id === t);
-      if (c === -1)
-        return null;
-      if (a === "linear") {
-        const g = c - f;
-        return Math.abs(g) > 1 ? null : g;
-      }
-      const p = ((c - f) % d + d) % d;
-      return p === 0 ? 0 : p === 1 ? 1 : d - p === 1 ? -1 : null;
-    },
-    [I, f, a, d]
-  ), F = e.useCallback(
-    (t) => {
-      const c = I.findIndex((M) => M.id === t);
-      if (c === -1)
-        return null;
-      if (a === "linear")
-        return c - f;
-      const p = ((c - f) % d + d) % d, g = d - p;
-      return p <= g ? p : -g;
-    },
-    [I, f, a, d]
-  ), q = e.useCallback(
-    (t) => ({
-      "data-pivot-item": t,
-      "data-active": t === i ? "true" : "false",
-      "aria-selected": t === i,
-      tabIndex: t === i ? 0 : -1,
-      onClick: () => {
-        O(t);
-      }
-    }),
-    [i, O]
-  ), U = e.useMemo(
-    () => ({
-      position: "relative",
-      width: "100%",
-      height: "100%"
-    }),
-    []
-  ), T = e.useRef({
-    items: o,
-    activeId: i,
-    transitionMode: n
-  });
-  T.current = {
-    items: o,
-    activeId: i,
-    transitionMode: n
-  };
-  const N = e.useRef(/* @__PURE__ */ new Set());
-  e.useEffect(() => {
-    N.current.forEach((t) => t());
-  }, [i, n]);
-  const z = e.useCallback(
-    (t) => T.current.items.find((p) => p.id === t)?.content ?? null,
-    []
-  ), m = e.useMemo(() => o.map((t) => t.id), [o]), { getCachedContent: A } = K({
-    resolveContent: z,
-    validIds: m
-  }), P = e.useMemo(
-    () => ({
-      getState: () => T.current,
-      subscribe: (t) => (N.current.add(t), () => N.current.delete(t)),
-      getCachedContent: A
-    }),
-    [A]
-  ), E = e.useMemo(() => {
-    const t = () => /* @__PURE__ */ R(B.Provider, { value: P, children: /* @__PURE__ */ R("div", { style: U, "data-pivot-container": !0, children: /* @__PURE__ */ R(et, {}) }) });
-    return t.displayName = "PivotOutlet", t;
-  }, [P, U]);
-  return { activeId: i, setActiveId: O, isActive: x, getItemProps: q, Outlet: E, go: C, canGo: k, activeIndex: f, itemCount: d, isAnimating: v, endAnimation: w, navigationMode: a, getVirtualPosition: D, getItemPosition: F };
-}
-const nt = 300, rt = (s, o) => s.phase === "idle" ? 0 : o === "horizontal" ? s.displacement.x : s.displacement.y, G = (s, o) => (s % o + o) % o, st = (s, o, r, h) => {
-  const u = o + s;
-  return h === "linear" ? u < 0 || u >= r ? null : u : G(u, r);
-}, ot = e.memo(({
-  slotPosition: s,
-  item: o,
-  itemIndex: r,
-  isActive: h,
-  centerX: u,
-  tabWidth: n,
-  viewportWidth: a,
-  offsetPx: l,
-  axis: b,
-  renderTab: y
-}) => {
-  const i = s * n, v = u + i + l, S = v + n > 0 && v < a, O = b === "horizontal" ? "translateX" : "translateY";
-  return /* @__PURE__ */ R(
-    "div",
-    {
-      "data-pivot-tab": o.id,
-      "data-slot": s,
-      "data-active": h ? "true" : "false",
-      style: {
-        position: "absolute",
-        left: u,
-        top: 0,
-        width: n,
-        height: "100%",
-        visibility: S ? "visible" : "hidden",
-        willChange: "transform",
-        transform: `${O}(${i + l}px)`
-      },
-      children: y(o, h, r)
-    }
-  );
-}), $ = (s) => s === 1 ? 1 : 1 - Math.pow(2, -10 * s);
-function lt({
-  items: s,
-  activeId: o,
-  activeIndex: r,
-  itemCount: h,
-  inputState: u,
-  tabWidth: n,
-  viewportWidth: a,
-  navigationMode: l = "linear",
-  axis: b = "horizontal",
-  renderTab: y,
-  animationDuration: i = nt,
-  fixedTabs: v = !1,
-  renderIndicator: S
-}) {
-  const O = rt(u, b), w = u.phase === "swiping" || u.phase === "tracking", [x, I] = e.useState(0), f = e.useRef(null), [d, k] = e.useState(r * n), _ = e.useRef(r * n), C = e.useRef(null), D = e.useRef(null);
-  e.useEffect(() => {
-    _.current = d;
-  }, [d]);
-  const F = e.useRef(r), q = Math.ceil(a / n / 2) + 1, U = (a - n) / 2;
-  e.useEffect(() => {
-    if (!v || !w) return;
-    const m = r * n - O;
-    D.current = m, k(m);
-  }, [v, w, r, n, O]), e.useEffect(() => {
-    if (!v || w) return;
-    const m = r * n, A = D.current ?? _.current;
-    if (D.current = null, Math.abs(A - m) < 1) {
-      k(m);
-      return;
-    }
-    C.current && cancelAnimationFrame(C.current.rafId);
-    const P = performance.now(), E = A, t = (c) => {
-      const p = c - P, g = Math.min(p / i, 1), M = $(g), V = E + (m - E) * M;
-      k(V), g < 1 ? C.current = {
-        rafId: requestAnimationFrame(t)
-      } : (C.current = null, k(m));
-    };
-    C.current = {
-      rafId: requestAnimationFrame(t)
-    };
-  }, [v, w, r, n, i]), e.useEffect(() => {
-    if (v || F.current === r)
-      return;
-    const m = F.current;
-    F.current = r;
-    let A;
-    if (l === "loop") {
-      const p = G(r - m, h), g = h - p;
-      A = p <= g ? p : -g;
-    } else
-      A = r - m;
-    const P = -A * n, E = w ? O : x;
-    if (f.current && cancelAnimationFrame(f.current.rafId), Math.abs(E - P) < 1) {
-      I(0);
-      return;
-    }
-    const t = performance.now(), c = (p) => {
-      const g = p - t, M = Math.min(g / i, 1), V = $(M), j = E - P, Y = j * (1 - V);
-      I(Y), M < 1 ? f.current = {
-        startTime: t,
-        startOffset: j,
-        targetOffset: 0,
-        rafId: requestAnimationFrame(c)
-      } : (f.current = null, I(0));
-    };
-    f.current = {
-      startTime: t,
-      startOffset: E - P,
-      targetOffset: 0,
-      rafId: requestAnimationFrame(c)
-    };
-  }, [v, r, h, n, i, l, O, w, x]), e.useEffect(() => {
-    v && (F.current = r);
-  }, [v, r]), e.useEffect(() => () => {
-    f.current && cancelAnimationFrame(f.current.rafId), C.current && cancelAnimationFrame(C.current.rafId);
-  }, []);
-  const T = w ? O : x, N = f.current !== null || C.current !== null;
-  if (e.useEffect(() => {
-    w && f.current && (cancelAnimationFrame(f.current.rafId), f.current = null, I(0));
-  }, [w]), v) {
-    const m = s.length * n, A = (a - m) / 2;
-    return /* @__PURE__ */ L(
-      "div",
-      {
-        style: {
-          position: "relative",
-          width: "100%",
-          height: "100%",
-          overflow: "hidden",
-          display: "flex",
-          justifyContent: "center"
-        },
-        children: [
-          S?.({
-            offsetPx: d,
-            tabWidth: n,
-            centerX: A,
-            isSwiping: w,
-            isAnimating: N
-          }),
-          s.map((P, E) => /* @__PURE__ */ R(
-            "div",
-            {
-              "data-pivot-tab": P.id,
-              "data-active": E === r ? "true" : "false",
-              style: {
-                position: "relative",
-                width: n,
-                height: "100%",
-                flexShrink: 0
-              },
-              children: y(P, E === r, E)
-            },
-            P.id
-          ))
-        ]
-      }
-    );
-  }
-  const z = [];
-  for (let m = -q; m <= q; m++) {
-    const A = st(m, r, h, l);
-    A !== null && z.push({
-      slotPosition: m,
-      itemIndex: A,
-      item: s[A]
-    });
-  }
-  return /* @__PURE__ */ L(
-    "div",
-    {
-      style: {
-        position: "relative",
-        width: "100%",
-        height: "100%",
-        overflow: "hidden"
-      },
-      children: [
-        S?.({
-          offsetPx: T,
-          tabWidth: n,
-          centerX: U,
-          isSwiping: w,
-          isAnimating: N
-        }),
-        z.map(({ slotPosition: m, itemIndex: A, item: P }) => /* @__PURE__ */ R(
-          ot,
-          {
-            slotPosition: m,
-            item: P,
-            itemIndex: A,
-            isActive: A === r,
-            centerX: U,
-            tabWidth: n,
-            viewportWidth: a,
-            offsetPx: T,
-            axis: b,
-            renderTab: y
-          },
-          m
-        ))
-      ]
-    }
-  );
-}
-export {
-  lt as S,
-  ut as u
-};
-//# sourceMappingURL=SwipePivotTabBar-BGO9X94m.js.map