react-panel-layout 0.3.0 → 0.4.2

package/dist/config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config.cjs","sources":["../src/config/panelRouter.tsx","../src/config/PanelContentDeclaration.tsx"],"sourcesContent":["/**\n * @file Router-like builder for GridLayout\n *\n * Provides a React Router–style configuration API to declare panel layers.\n * Converts route objects to the existing GridLayout props without magic.\n */\nimport * as React from \"react\";\nimport type {\n  DrawerBehavior,\n  FloatingWindowConfig,\n  LayerDefinition,\n  LayerPositionMode,\n  PanelLayoutConfig,\n  PanelLayoutProps,\n  WindowPosition,\n} from \"../types\";\nimport { GridLayout } from \"../components/grid/GridLayout\";\n\nexport type PanelRoute = {\n  /** Unique id for the layer. Required. */\n  id: string;\n  /** React node to render for this layer. Required. */\n  element: React.ReactNode;\n  /** Visibility flag. Defaults to visible. */\n  visible?: boolean;\n\n  /**\n   * Grid placement key. When using `positionMode: 'grid'` (default), this must be provided.\n   * Using `area` mirrors React Router's route path intent but for grid cells.\n   */\n  area?: string;\n\n  /** Explicit positioning mode; defaults to 'grid' unless floating/drawer implies otherwise. */\n  positionMode?: LayerPositionMode;\n  /** Offsets when using non-grid modes. */\n  position?: WindowPosition;\n  /** Optional stacking order. */\n  zIndex?: number;\n  /** Optional dimensions; required for resizable/draggable floating layers. */\n  width?: number | string;\n  height?: number | string;\n  /** Pointer events control. */\n  pointerEvents?: boolean | \"auto\" | \"none\";\n  /** Optional style overrides. */\n  style?: React.CSSProperties;\n  /** Optional backdrop style (drawer). */\n  backdropStyle?: React.CSSProperties;\n\n  /** Drawer behavior for mobile-friendly panels. */\n  drawer?: DrawerBehavior;\n  /** Floating window configuration. */\n  floating?: FloatingWindowConfig;\n\n  /**\n   * Optional child declarations; purely a grouping convenience.\n   * Children are flattened; no implicit inheritance.\n   */\n  children?: PanelRoute[];\n};\n\nconst toLayer = (route: PanelRoute): LayerDefinition => {\n  const inferredMode: LayerPositionMode = resolveRoutePositionMode(route);\n\n  if (inferredMode === \"grid\") {\n    if (!route.area) {\n      throw new Error(`PanelRoute ${route.id} must specify 'area' for grid placement.`);\n    }\n  }\n\n  return {\n    id: route.id,\n    component: route.element,\n    visible: route.visible,\n    gridArea: route.area,\n    positionMode: inferredMode,\n    position: route.position,\n    zIndex: route.zIndex,\n    width: route.width,\n    height: route.height,\n    pointerEvents: route.pointerEvents,\n    style: route.style,\n    drawer: route.drawer,\n    floating: route.floating,\n    backdropStyle: route.backdropStyle,\n  } satisfies LayerDefinition;\n};\n\nconst resolveRoutePositionMode = (route: PanelRoute): LayerPositionMode => {\n  if (route.positionMode) {\n    return route.positionMode;\n  }\n  if (route.floating) {\n    // Embedded => absolute, Popup => relative (handled by renderer); keep explicitness here.\n    return \"absolute\";\n  }\n  if (route.drawer) {\n    return \"grid\";\n  }\n  return \"grid\";\n};\n\nconst flattenRoutes = (routes: PanelRoute[]): PanelRoute[] => {\n  const result: PanelRoute[] = [];\n  const walk = (node: PanelRoute): void => {\n    result.push(node);\n    if (node.children) {\n      node.children.forEach((child) => walk(child));\n    }\n  };\n  routes.forEach((r) => walk(r));\n  return result;\n};\n\nconst validateUniqueIds = (routes: PanelRoute[]): void => {\n  const seen = new Set<string>();\n  routes.forEach((r) => {\n    if (seen.has(r.id)) {\n      throw new Error(`Duplicate PanelRoute id detected: ${r.id}`);\n    }\n    seen.add(r.id);\n  });\n};\n\nexport const buildLayersFromRoutes = (routes: PanelRoute[]): LayerDefinition[] => {\n  const flat = flattenRoutes(routes);\n  validateUniqueIds(flat);\n  return flat.map((r) => toLayer(r));\n};\n\nexport const createPanelLayoutFromRoutes = (input: {\n  config: PanelLayoutConfig;\n  routes: PanelRoute[];\n  style?: React.CSSProperties;\n}): PanelLayoutProps => {\n  const layers = buildLayersFromRoutes(input.routes);\n  return {\n    config: input.config,\n    layers,\n  };\n};\n\nexport type PanelLayoutRouterProps = {\n  config: PanelLayoutConfig;\n  routes: PanelRoute[];\n  style?: React.CSSProperties;\n};\n\nexport const PanelLayoutRouter: React.FC<PanelLayoutRouterProps> = ({ config, routes, style }) => {\n  const layers = React.useMemo(() => buildLayersFromRoutes(routes), [routes]);\n  return <GridLayout config={config} layers={layers} style={style} />;\n};\n","/**\n * @file PanelContentDeclaration (JSX DSL for content configuration ONLY)\n *\n * IMPORTANT: This file declares a JSX DSL to configure panel \"content\" and layout\n * tracks. It does NOT implement grid rendering, resizing, dragging, or drawers.\n * Those behaviors live in the existing layout/rendering modules. Keep this file\n * limited to declaration and conversion into GridLayout props.\n *\n * Usage (content declaration):\n * <PanelLayout>\n *   <Config>\n *     <Rows>...</Rows>\n *     <Columns>...</Columns>\n *     <Areas matrix={...}/>\n *   </Config>\n *   <Panel type=\"grid\" id=\"main\" area=\"main\">...</Panel>\n *   <Panel type=\"floating\" id=\"preview\" position={{ left: 0, top: 0 }} width={300} height={200} />\n *   <Panel type=\"drawer\" id=\"nav\" drawer={{ defaultOpen: true }} position={{ left: 0 }} />\n * </PanelLayout>\n */\nimport * as React from \"react\";\nimport { GridLayout } from \"../components/grid/GridLayout\";\nimport type { DrawerBehavior, GridTrack, PanelLayoutConfig, WindowPosition } from \"../types\";\nimport type { PanelRoute } from \"./panelRouter\";\nimport { buildLayersFromRoutes } from \"./panelRouter\";\n\nexport type PanelRootProps = {\n  config?: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\n// Unified child declaration: <Panel type=\"grid\" .../> or <Panel type=\"floating\" .../>...\ntype PanelCommonProps = {\n  id: string;\n  visible?: boolean;\n  zIndex?: number;\n  width?: number | string;\n  height?: number | string;\n  pointerEvents?: boolean | \"auto\" | \"none\";\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\nexport type PanelProps =\n  | (PanelCommonProps & { type: \"grid\"; area: string })\n  | (PanelCommonProps & {\n      type: \"floating\";\n      position: WindowPosition;\n      width: number | string;\n      height: number | string;\n      draggable?: boolean;\n      resizable?: boolean;\n    })\n  | (PanelCommonProps & {\n      type: \"drawer\";\n      drawer: DrawerBehavior;\n      position?: WindowPosition;\n      backdropStyle?: React.CSSProperties;\n    });\n\nexport const Panel: React.FC<PanelProps> = () => null;\n\nconst isElementOf = <P,>(element: unknown, component: React.FC<P>): element is React.ReactElement<P> => {\n  if (!React.isValidElement<P>(element)) {\n    return false;\n  }\n  return element.type === component;\n};\n\nexport const buildRoutesFromChildren = (children: React.ReactNode): PanelRoute[] => {\n  const routes: PanelRoute[] = [];\n\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    // Unified <Panel type=\"...\" />\n    if (isElementOf(node, Panel)) {\n      const props = node.props as PanelProps;\n      if (!props.id) {\n        throw new Error(\"<Panel> requires an 'id' prop.\");\n      }\n      if (props.type === \"grid\") {\n        if (!props.area) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires an explicit 'area' prop when type=\"grid\".`);\n        }\n        routes.push({\n          id: props.id,\n          area: props.area,\n          element: props.children ?? null,\n          visible: props.visible,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n        });\n        return;\n      }\n      if (props.type === \"floating\") {\n        if (!props.position) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires a 'position' prop when type=\"floating\".`);\n        }\n        if (props.width === undefined || props.height === undefined) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires 'width' and 'height' when type=\"floating\".`);\n        }\n        routes.push({\n          id: props.id,\n          element: props.children ?? null,\n          visible: props.visible ?? true,\n          positionMode: \"absolute\",\n          position: props.position,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          floating: { mode: \"embedded\", draggable: props.draggable, resizable: props.resizable },\n        });\n        return;\n      }\n      if (props.type === \"drawer\") {\n        routes.push({\n          id: props.id,\n          element: props.children ?? null,\n          visible: props.visible ?? true,\n          positionMode: \"relative\",\n          position: props.position,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          drawer: props.drawer,\n          backdropStyle: props.backdropStyle,\n        });\n        return;\n      }\n      // unknown type -> error for explicitness\n      throw new Error(\"<Panel> has unsupported type.\");\n    }\n\n    if (React.isValidElement(node)) {\n      if (node.type === React.Fragment) {\n        const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n        visit(el.props.children);\n        return;\n      }\n      // Unknown element: ignore quietly to allow comments/wrappers.\n      return;\n    }\n    // Primitive nodes (string/number) are ignored.\n  };\n\n  visit(children);\n  return routes;\n};\n\n// Root container renamed to PanelLayout to avoid name collision with child <Panel/>\nexport const PanelLayout: React.FC<PanelRootProps> = ({ config, style, children }) => {\n  const routes = React.useMemo(() => buildRoutesFromChildren(children), [children]);\n  const layers = React.useMemo(() => buildLayersFromRoutes(routes), [routes]);\n  const derivedConfig = React.useMemo(() => {\n    if (config) {\n      return config;\n    }\n    const built = buildConfigFromChildren(children);\n    if (!built) {\n      throw new Error(\"Panel requires either 'config' prop or a JSX config (<Config><Rows/><Columns/><Areas/></Config>). \");\n    }\n    return built;\n  }, [children, config]);\n  return <GridLayout config={derivedConfig} layers={layers} style={style} />;\n};\n\n// =============================\n// JSX Config Declarations\n// =============================\n\nexport type ConfigProps = {\n  gap?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\nexport const Config: React.FC<ConfigProps> = () => {\n  return null;\n};\n\nexport const Rows: React.FC<{ children?: React.ReactNode }> = () => {\n  return null;\n};\n\nexport const Columns: React.FC<{ children?: React.ReactNode }> = () => {\n  return null;\n};\n\nexport type RowProps = GridTrack;\nexport const Row: React.FC<RowProps> = () => {\n  return null;\n};\n\nexport type ColumnProps = GridTrack;\nexport const Col: React.FC<ColumnProps> = () => {\n  return null;\n};\n\nexport type AreasProps = {\n  matrix: string[][];\n};\nexport const Areas: React.FC<AreasProps> = () => {\n  return null;\n};\n\ntype CollectedConfig = {\n  gap?: string;\n  style?: React.CSSProperties;\n  rows?: GridTrack[];\n  columns?: GridTrack[];\n  areas?: string[][];\n};\n\nconst collectTracks = <P extends GridTrack>(children: React.ReactNode, marker: React.FC<P>): GridTrack[] => {\n  const result: GridTrack[] = [];\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    if (isElementOf(node, marker)) {\n      const props = node.props as P;\n      if (!props.size) {\n        throw new Error(\"Row/Col requires 'size' property.\");\n      }\n      result.push({\n        size: props.size,\n        resizable: props.resizable,\n        minSize: props.minSize,\n        maxSize: props.maxSize,\n      });\n      return;\n    }\n    if (React.isValidElement(node)) {\n      const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n      visit(el.props.children);\n    }\n  };\n  visit(children);\n  return result;\n};\n\nconst collectConfigBlock = (children: React.ReactNode): CollectedConfig | null => {\n  const node = findFirst(children, Config);\n  if (!node) {\n    return null;\n  }\n  const props = node.props as ConfigProps;\n  const rows = collectTracks(node.props.children, Row);\n  const columns = collectTracks(node.props.children, Col);\n  const areasNode = findFirst(node.props.children, Areas);\n  const areas = areasNode ? (areasNode.props as AreasProps).matrix : undefined;\n  return {\n    gap: props.gap,\n    style: props.style,\n    rows,\n    columns,\n    areas,\n  };\n};\n\nconst findFirst = <P,>(children: React.ReactNode, marker: React.FC<P>): React.ReactElement<P> | null => {\n  const visit = (node: React.ReactNode): React.ReactElement<P> | null => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return null;\n    }\n    if (Array.isArray(node)) {\n      for (const item of node) {\n        const found = visit(item);\n        if (found) {\n          return found;\n        }\n      }\n      return null;\n    }\n    if (isElementOf(node, marker)) {\n      return node as React.ReactElement<P>;\n    }\n    if (React.isValidElement(node)) {\n      const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n      return visit(el.props.children);\n    }\n    return null;\n  };\n  return visit(children);\n};\n\nexport const buildConfigFromChildren = (children: React.ReactNode): PanelLayoutConfig | null => {\n  const collected = collectConfigBlock(children);\n  if (!collected) {\n    return null;\n  }\n  if (!collected.rows || collected.rows.length === 0) {\n    throw new Error(\"Config must include at least one <Row size=...> inside <Config>.\");\n  }\n  if (!collected.columns || collected.columns.length === 0) {\n    throw new Error(\"Config must include at least one <Col size=...> inside <Config>.\");\n  }\n  if (!collected.areas || collected.areas.length === 0) {\n    throw new Error(\"Config must include <Areas matrix={...}> inside <Config>.\");\n  }\n\n  const rowCount = collected.areas.length;\n  const colCount = collected.areas[0]?.length ?? 0;\n  if (rowCount !== collected.rows.length) {\n    throw new Error(`Areas row count (${rowCount}) must match Rows count (${collected.rows.length}).`);\n  }\n  if (colCount !== collected.columns.length) {\n    throw new Error(`Areas column count (${colCount}) must match Columns count (${collected.columns.length}).`);\n  }\n\n  return {\n    areas: collected.areas,\n    rows: collected.rows,\n    columns: collected.columns,\n    gap: collected.gap,\n    style: collected.style,\n  } satisfies PanelLayoutConfig;\n};\n"],"names":["toLayer","route","inferredMode","resolveRoutePositionMode","flattenRoutes","routes","result","walk","node","child","r","validateUniqueIds","seen","buildLayersFromRoutes","flat","Panel","isElementOf","element","component","React","buildRoutesFromChildren","children","visit","props","PanelLayout","config","style","layers","derivedConfig","built","buildConfigFromChildren","jsx","GridLayout","Config","Rows","Columns","Row","Col","Areas","collectTracks","marker","collectConfigBlock","findFirst","rows","columns","areasNode","areas","item","found","collected","rowCount","colCount"],"mappings":"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"}
+{"version":3,"file":"config.cjs","sources":["../src/config/panelRouter.tsx","../src/config/PanelContentDeclaration.tsx"],"sourcesContent":["/**\n * @file Router-like builder for GridLayout\n *\n * Provides a React Router–style configuration API to declare panel layers.\n * Converts route objects to the existing GridLayout props without magic.\n */\nimport * as React from \"react\";\nimport type {\n  DrawerBehavior,\n  FloatingWindowConfig,\n  LayerDefinition,\n  LayerPositionMode,\n  PanelLayoutConfig,\n  PanelLayoutProps,\n  PivotBehavior,\n  WindowPosition,\n} from \"../types\";\nimport { GridLayout } from \"../components/grid/GridLayout\";\n\nexport type PanelRoute = {\n  /** Unique id for the layer. Required. */\n  id: string;\n  /** React node to render for this layer. Required. */\n  element: React.ReactNode;\n  /** Visibility flag. Defaults to visible. */\n  visible?: boolean;\n\n  /**\n   * Grid placement key. When using `positionMode: 'grid'` (default), this must be provided.\n   * Using `area` mirrors React Router's route path intent but for grid cells.\n   */\n  area?: string;\n\n  /** Explicit positioning mode; defaults to 'grid' unless floating/drawer implies otherwise. */\n  positionMode?: LayerPositionMode;\n  /** Offsets when using non-grid modes. */\n  position?: WindowPosition;\n  /** Optional stacking order. */\n  zIndex?: number;\n  /** Optional dimensions; required for resizable/draggable floating layers. */\n  width?: number | string;\n  height?: number | string;\n  /** Pointer events control. */\n  pointerEvents?: boolean | \"auto\" | \"none\";\n  /** Optional style overrides. */\n  style?: React.CSSProperties;\n  /** Optional backdrop style (drawer). */\n  backdropStyle?: React.CSSProperties;\n\n  /** Drawer behavior for mobile-friendly panels. */\n  drawer?: DrawerBehavior;\n  /** Floating window configuration. */\n  floating?: FloatingWindowConfig;\n  /** Pivot behavior for content switching. */\n  pivot?: PivotBehavior;\n\n  /**\n   * Optional child declarations; purely a grouping convenience.\n   * Children are flattened; no implicit inheritance.\n   */\n  children?: PanelRoute[];\n};\n\nconst toLayer = (route: PanelRoute): LayerDefinition => {\n  const inferredMode: LayerPositionMode = resolveRoutePositionMode(route);\n\n  if (inferredMode === \"grid\") {\n    if (!route.area) {\n      throw new Error(`PanelRoute ${route.id} must specify 'area' for grid placement.`);\n    }\n  }\n\n  return {\n    id: route.id,\n    component: route.element,\n    visible: route.visible,\n    gridArea: route.area,\n    positionMode: inferredMode,\n    position: route.position,\n    zIndex: route.zIndex,\n    width: route.width,\n    height: route.height,\n    pointerEvents: route.pointerEvents,\n    style: route.style,\n    drawer: route.drawer,\n    floating: route.floating,\n    pivot: route.pivot,\n    backdropStyle: route.backdropStyle,\n  } satisfies LayerDefinition;\n};\n\nconst resolveRoutePositionMode = (route: PanelRoute): LayerPositionMode => {\n  if (route.positionMode) {\n    return route.positionMode;\n  }\n  if (route.floating) {\n    // Embedded => absolute, Popup => relative (handled by renderer); keep explicitness here.\n    return \"absolute\";\n  }\n  if (route.drawer) {\n    return \"grid\";\n  }\n  return \"grid\";\n};\n\nconst flattenRoutes = (routes: PanelRoute[]): PanelRoute[] => {\n  const result: PanelRoute[] = [];\n  const walk = (node: PanelRoute): void => {\n    result.push(node);\n    if (node.children) {\n      node.children.forEach((child) => walk(child));\n    }\n  };\n  routes.forEach((r) => walk(r));\n  return result;\n};\n\nconst validateUniqueIds = (routes: PanelRoute[]): void => {\n  const seen = new Set<string>();\n  routes.forEach((r) => {\n    if (seen.has(r.id)) {\n      throw new Error(`Duplicate PanelRoute id detected: ${r.id}`);\n    }\n    seen.add(r.id);\n  });\n};\n\nexport const buildLayersFromRoutes = (routes: PanelRoute[]): LayerDefinition[] => {\n  const flat = flattenRoutes(routes);\n  validateUniqueIds(flat);\n  return flat.map((r) => toLayer(r));\n};\n\nexport const createPanelLayoutFromRoutes = (input: {\n  config: PanelLayoutConfig;\n  routes: PanelRoute[];\n  style?: React.CSSProperties;\n}): PanelLayoutProps => {\n  const layers = buildLayersFromRoutes(input.routes);\n  return {\n    config: input.config,\n    layers,\n  };\n};\n\nexport type PanelLayoutRouterProps = {\n  config: PanelLayoutConfig;\n  routes: PanelRoute[];\n  style?: React.CSSProperties;\n};\n\nexport const PanelLayoutRouter: React.FC<PanelLayoutRouterProps> = ({ config, routes, style }) => {\n  const layers = React.useMemo(() => buildLayersFromRoutes(routes), [routes]);\n  return <GridLayout config={config} layers={layers} style={style} />;\n};\n","/**\n * @file PanelContentDeclaration (JSX DSL for content configuration ONLY)\n *\n * IMPORTANT: This file declares a JSX DSL to configure panel \"content\" and layout\n * tracks. It does NOT implement grid rendering, resizing, dragging, or drawers.\n * Those behaviors live in the existing layout/rendering modules. Keep this file\n * limited to declaration and conversion into GridLayout props.\n *\n * Usage (content declaration):\n * <PanelLayout>\n *   <Config>\n *     <Rows>...</Rows>\n *     <Columns>...</Columns>\n *     <Areas matrix={...}/>\n *   </Config>\n *   <Panel type=\"grid\" id=\"main\" area=\"main\">...</Panel>\n *   <Panel type=\"floating\" id=\"preview\" position={{ left: 0, top: 0 }} width={300} height={200} />\n *   <Panel type=\"drawer\" id=\"nav\" drawer={{ defaultOpen: true }} position={{ left: 0 }} />\n * </PanelLayout>\n */\nimport * as React from \"react\";\nimport { GridLayout } from \"../components/grid/GridLayout\";\nimport type { DrawerBehavior, GridTrack, PanelLayoutConfig, WindowPosition } from \"../types\";\nimport type { PanelRoute } from \"./panelRouter\";\nimport { buildLayersFromRoutes } from \"./panelRouter\";\n\nexport type PanelRootProps = {\n  config?: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\n// Unified child declaration: <Panel type=\"grid\" .../> or <Panel type=\"floating\" .../>...\ntype PanelCommonProps = {\n  id: string;\n  visible?: boolean;\n  zIndex?: number;\n  width?: number | string;\n  height?: number | string;\n  pointerEvents?: boolean | \"auto\" | \"none\";\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\nexport type PanelProps =\n  | (PanelCommonProps & { type: \"grid\"; area: string })\n  | (PanelCommonProps & {\n      type: \"floating\";\n      position: WindowPosition;\n      width: number | string;\n      height: number | string;\n      draggable?: boolean;\n      resizable?: boolean;\n    })\n  | (PanelCommonProps & {\n      type: \"drawer\";\n      drawer: DrawerBehavior;\n      position?: WindowPosition;\n      backdropStyle?: React.CSSProperties;\n    })\n  | (Omit<PanelCommonProps, \"children\"> & {\n      type: \"pivot\";\n      area: string;\n      /** Currently active item ID (controlled mode) */\n      activeId?: string;\n      /** Default active item ID (uncontrolled mode) */\n      defaultActiveId?: string;\n      /** Callback when active item changes */\n      onActiveChange?: (id: string) => void;\n      children?: React.ReactNode;\n    });\n\nexport const Panel: React.FC<PanelProps> = () => null;\n\n/**\n * PivotItem declaration for use inside <Panel type=\"pivot\">\n */\nexport type PivotItemDeclProps = {\n  id: string;\n  label?: string;\n  disabled?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const PivotItem: React.FC<PivotItemDeclProps> = () => null;\n\nconst isElementOf = <P,>(element: unknown, component: React.FC<P>): element is React.ReactElement<P> => {\n  if (!React.isValidElement<P>(element)) {\n    return false;\n  }\n  return element.type === component;\n};\n\nexport const buildRoutesFromChildren = (children: React.ReactNode): PanelRoute[] => {\n  const routes: PanelRoute[] = [];\n\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    // Unified <Panel type=\"...\" />\n    if (isElementOf(node, Panel)) {\n      const props = node.props as PanelProps;\n      if (!props.id) {\n        throw new Error(\"<Panel> requires an 'id' prop.\");\n      }\n      if (props.type === \"grid\") {\n        if (!props.area) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires an explicit 'area' prop when type=\"grid\".`);\n        }\n        routes.push({\n          id: props.id,\n          area: props.area,\n          element: props.children ?? null,\n          visible: props.visible,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n        });\n        return;\n      }\n      if (props.type === \"floating\") {\n        if (!props.position) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires a 'position' prop when type=\"floating\".`);\n        }\n        if (props.width === undefined || props.height === undefined) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires 'width' and 'height' when type=\"floating\".`);\n        }\n        routes.push({\n          id: props.id,\n          element: props.children ?? null,\n          visible: props.visible ?? true,\n          positionMode: \"absolute\",\n          position: props.position,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          floating: { mode: \"embedded\", draggable: props.draggable, resizable: props.resizable },\n        });\n        return;\n      }\n      if (props.type === \"drawer\") {\n        routes.push({\n          id: props.id,\n          element: props.children ?? null,\n          visible: props.visible ?? true,\n          positionMode: \"relative\",\n          position: props.position,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          drawer: props.drawer,\n          backdropStyle: props.backdropStyle,\n        });\n        return;\n      }\n      if (props.type === \"pivot\") {\n        if (!props.area) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires an explicit 'area' prop when type=\"pivot\".`);\n        }\n        const pivotItems = collectPivotItems(props.children);\n        if (pivotItems.length === 0) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires at least one <PivotItem> child when type=\"pivot\".`);\n        }\n        routes.push({\n          id: props.id,\n          area: props.area,\n          element: null,\n          visible: props.visible,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          pivot: {\n            items: pivotItems,\n            activeId: props.activeId,\n            defaultActiveId: props.defaultActiveId,\n            onActiveChange: props.onActiveChange,\n          },\n        });\n        return;\n      }\n      // unknown type -> error for explicitness\n      throw new Error(\"<Panel> has unsupported type.\");\n    }\n\n    if (React.isValidElement(node)) {\n      if (node.type === React.Fragment) {\n        const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n        visit(el.props.children);\n        return;\n      }\n      // Unknown element: ignore quietly to allow comments/wrappers.\n      return;\n    }\n    // Primitive nodes (string/number) are ignored.\n  };\n\n  visit(children);\n  return routes;\n};\n\n// Root container renamed to PanelLayout to avoid name collision with child <Panel/>\nexport const PanelLayout: React.FC<PanelRootProps> = ({ config, style, children }) => {\n  const routes = React.useMemo(() => buildRoutesFromChildren(children), [children]);\n  const layers = React.useMemo(() => buildLayersFromRoutes(routes), [routes]);\n  const derivedConfig = React.useMemo(() => {\n    if (config) {\n      return config;\n    }\n    const built = buildConfigFromChildren(children);\n    if (!built) {\n      throw new Error(\"Panel requires either 'config' prop or a JSX config (<Config><Rows/><Columns/><Areas/></Config>). \");\n    }\n    return built;\n  }, [children, config]);\n  return <GridLayout config={derivedConfig} layers={layers} style={style} />;\n};\n\n// =============================\n// JSX Config Declarations\n// =============================\n\nexport type ConfigProps = {\n  gap?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\nexport const Config: React.FC<ConfigProps> = () => {\n  return null;\n};\n\nexport const Rows: React.FC<{ children?: React.ReactNode }> = () => {\n  return null;\n};\n\nexport const Columns: React.FC<{ children?: React.ReactNode }> = () => {\n  return null;\n};\n\nexport type RowProps = GridTrack;\nexport const Row: React.FC<RowProps> = () => {\n  return null;\n};\n\nexport type ColumnProps = GridTrack;\nexport const Col: React.FC<ColumnProps> = () => {\n  return null;\n};\n\nexport type AreasProps = {\n  matrix: string[][];\n};\nexport const Areas: React.FC<AreasProps> = () => {\n  return null;\n};\n\ntype CollectedConfig = {\n  gap?: string;\n  style?: React.CSSProperties;\n  rows?: GridTrack[];\n  columns?: GridTrack[];\n  areas?: string[][];\n};\n\nconst collectTracks = <P extends GridTrack>(children: React.ReactNode, marker: React.FC<P>): GridTrack[] => {\n  const result: GridTrack[] = [];\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    if (isElementOf(node, marker)) {\n      const props = node.props as P;\n      if (!props.size) {\n        throw new Error(\"Row/Col requires 'size' property.\");\n      }\n      result.push({\n        size: props.size,\n        resizable: props.resizable,\n        minSize: props.minSize,\n        maxSize: props.maxSize,\n      });\n      return;\n    }\n    if (React.isValidElement(node)) {\n      const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n      visit(el.props.children);\n    }\n  };\n  visit(children);\n  return result;\n};\n\nconst collectConfigBlock = (children: React.ReactNode): CollectedConfig | null => {\n  const node = findFirst(children, Config);\n  if (!node) {\n    return null;\n  }\n  const props = node.props as ConfigProps;\n  const rows = collectTracks(node.props.children, Row);\n  const columns = collectTracks(node.props.children, Col);\n  const areasNode = findFirst(node.props.children, Areas);\n  const areas = areasNode ? (areasNode.props as AreasProps).matrix : undefined;\n  return {\n    gap: props.gap,\n    style: props.style,\n    rows,\n    columns,\n    areas,\n  };\n};\n\nconst findFirst = <P,>(children: React.ReactNode, marker: React.FC<P>): React.ReactElement<P> | null => {\n  const visit = (node: React.ReactNode): React.ReactElement<P> | null => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return null;\n    }\n    if (Array.isArray(node)) {\n      for (const item of node) {\n        const found = visit(item);\n        if (found) {\n          return found;\n        }\n      }\n      return null;\n    }\n    if (isElementOf(node, marker)) {\n      return node as React.ReactElement<P>;\n    }\n    if (React.isValidElement(node)) {\n      const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n      return visit(el.props.children);\n    }\n    return null;\n  };\n  return visit(children);\n};\n\ntype CollectedPivotItem = {\n  id: string;\n  label?: string;\n  content: React.ReactNode;\n  disabled?: boolean;\n};\n\nconst collectPivotItems = (children: React.ReactNode): CollectedPivotItem[] => {\n  const items: CollectedPivotItem[] = [];\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    if (isElementOf(node, PivotItem)) {\n      const props = node.props as PivotItemDeclProps;\n      if (!props.id) {\n        throw new Error(\"<PivotItem> requires an 'id' prop.\");\n      }\n      items.push({\n        id: props.id,\n        label: props.label,\n        content: props.children ?? null,\n        disabled: props.disabled,\n      });\n      return;\n    }\n    if (React.isValidElement(node)) {\n      if (node.type === React.Fragment) {\n        const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n        visit(el.props.children);\n      }\n    }\n  };\n  visit(children);\n  return items;\n};\n\nexport const buildConfigFromChildren = (children: React.ReactNode): PanelLayoutConfig | null => {\n  const collected = collectConfigBlock(children);\n  if (!collected) {\n    return null;\n  }\n  if (!collected.rows || collected.rows.length === 0) {\n    throw new Error(\"Config must include at least one <Row size=...> inside <Config>.\");\n  }\n  if (!collected.columns || collected.columns.length === 0) {\n    throw new Error(\"Config must include at least one <Col size=...> inside <Config>.\");\n  }\n  if (!collected.areas || collected.areas.length === 0) {\n    throw new Error(\"Config must include <Areas matrix={...}> inside <Config>.\");\n  }\n\n  const rowCount = collected.areas.length;\n  const colCount = collected.areas[0]?.length ?? 0;\n  if (rowCount !== collected.rows.length) {\n    throw new Error(`Areas row count (${rowCount}) must match Rows count (${collected.rows.length}).`);\n  }\n  if (colCount !== collected.columns.length) {\n    throw new Error(`Areas column count (${colCount}) must match Columns count (${collected.columns.length}).`);\n  }\n\n  return {\n    areas: collected.areas,\n    rows: collected.rows,\n    columns: collected.columns,\n    gap: collected.gap,\n    style: collected.style,\n  } satisfies PanelLayoutConfig;\n};\n"],"names":["toLayer","route","inferredMode","resolveRoutePositionMode","flattenRoutes","routes","result","walk","node","child","r","validateUniqueIds","seen","buildLayersFromRoutes","flat","Panel","PivotItem","isElementOf","element","component","React","buildRoutesFromChildren","children","visit","props","pivotItems","collectPivotItems","PanelLayout","config","style","layers","derivedConfig","built","buildConfigFromChildren","jsx","GridLayout","Config","Rows","Columns","Row","Col","Areas","collectTracks","marker","collectConfigBlock","findFirst","rows","columns","areasNode","areas","item","found","items","collected","rowCount","colCount"],"mappings":"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"}

package/dist/config.js

@@ -1,50 +1,51 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import * as s from "react";
-import { G as d } from "./GridLayout-C0uqEj9E.js";
-const f = (t) => {
-  const r = h(t);
-  if (r === "grid" && !t.area)
-    throw new Error(`PanelRoute ${t.id} must specify 'area' for grid placement.`);
+import { G as d } from "./GridLayout-CLvW8jID.js";
+const h = (i) => {
+  const r = f(i);
+  if (r === "grid" && !i.area)
+    throw new Error(`PanelRoute ${i.id} must specify 'area' for grid placement.`);
   return {
-    id: t.id,
-    component: t.element,
-    visible: t.visible,
-    gridArea: t.area,
+    id: i.id,
+    component: i.element,
+    visible: i.visible,
+    gridArea: i.area,
     positionMode: r,
-    position: t.position,
-    zIndex: t.zIndex,
-    width: t.width,
-    height: t.height,
-    pointerEvents: t.pointerEvents,
-    style: t.style,
-    drawer: t.drawer,
-    floating: t.floating,
-    backdropStyle: t.backdropStyle
+    position: i.position,
+    zIndex: i.zIndex,
+    width: i.width,
+    height: i.height,
+    pointerEvents: i.pointerEvents,
+    style: i.style,
+    drawer: i.drawer,
+    floating: i.floating,
+    pivot: i.pivot,
+    backdropStyle: i.backdropStyle
   };
-}, h = (t) => t.positionMode ? t.positionMode : t.floating ? "absolute" : (t.drawer, "grid"), w = (t) => {
-  const r = [], n = (i) => {
-    r.push(i), i.children && i.children.forEach((e) => n(e));
+}, f = (i) => i.positionMode ? i.positionMode : i.floating ? "absolute" : (i.drawer, "grid"), w = (i) => {
+  const r = [], n = (t) => {
+    r.push(t), t.children && t.children.forEach((e) => n(e));
   };
-  return t.forEach((i) => n(i)), r;
-}, g = (t) => {
+  return i.forEach((t) => n(t)), r;
+}, m = (i) => {
   const r = /* @__PURE__ */ new Set();
-  t.forEach((n) => {
+  i.forEach((n) => {
     if (r.has(n.id))
       throw new Error(`Duplicate PanelRoute id detected: ${n.id}`);
     r.add(n.id);
   });
-}, m = (t) => {
-  const r = w(t);
-  return g(r), r.map((n) => f(n));
-}, y = () => null, a = (t, r) => s.isValidElement(t) ? t.type === r : !1, E = (t) => {
-  const r = [], n = (i) => {
-    if (!(i == null || typeof i == "boolean")) {
-      if (Array.isArray(i)) {
-        i.forEach(n);
+}, g = (i) => {
+  const r = w(i);
+  return m(r), r.map((n) => h(n));
+}, v = () => null, y = () => null, a = (i, r) => s.isValidElement(i) ? i.type === r : !1, E = (i) => {
+  const r = [], n = (t) => {
+    if (!(t == null || typeof t == "boolean")) {
+      if (Array.isArray(t)) {
+        t.forEach(n);
         return;
       }
-      if (a(i, y)) {
-        const e = i.props;
+      if (a(t, v)) {
+        const e = t.props;
         if (!e.id)
           throw new Error("<Panel> requires an 'id' prop.");
         if (e.type === "grid") {
@@ -100,33 +101,58 @@ const f = (t) => {
           });
           return;
         }
+        if (e.type === "pivot") {
+          if (!e.area)
+            throw new Error(`<Panel id="${e.id}"> requires an explicit 'area' prop when type="pivot".`);
+          const o = A(e.children);
+          if (o.length === 0)
+            throw new Error(`<Panel id="${e.id}"> requires at least one <PivotItem> child when type="pivot".`);
+          r.push({
+            id: e.id,
+            area: e.area,
+            element: null,
+            visible: e.visible,
+            zIndex: e.zIndex,
+            width: e.width,
+            height: e.height,
+            pointerEvents: e.pointerEvents,
+            style: e.style,
+            pivot: {
+              items: o,
+              activeId: e.activeId,
+              defaultActiveId: e.defaultActiveId,
+              onActiveChange: e.onActiveChange
+            }
+          });
+          return;
+        }
         throw new Error("<Panel> has unsupported type.");
       }
-      if (s.isValidElement(i)) {
-        if (i.type === s.Fragment) {
-          n(i.props.children);
+      if (s.isValidElement(t)) {
+        if (t.type === s.Fragment) {
+          n(t.props.children);
           return;
         }
         return;
       }
     }
   };
-  return n(t), r;
-}, M = ({ config: t, style: r, children: n }) => {
-  const i = s.useMemo(() => E(n), [n]), e = s.useMemo(() => m(i), [i]), o = s.useMemo(() => {
-    if (t)
-      return t;
-    const l = R(n);
+  return n(i), r;
+}, q = ({ config: i, style: r, children: n }) => {
+  const t = s.useMemo(() => E(n), [n]), e = s.useMemo(() => g(t), [t]), o = s.useMemo(() => {
+    if (i)
+      return i;
+    const l = P(n);
     if (!l)
       throw new Error("Panel requires either 'config' prop or a JSX config (<Config><Rows/><Columns/><Areas/></Config>). ");
     return l;
-  }, [n, t]);
-  return /* @__PURE__ */ p(d, { config: o, layers: e, style: r });
-}, v = () => null, S = () => null, I = () => null, b = () => null, z = () => null, C = () => null, u = (t, r) => {
-  const n = [], i = (e) => {
+  }, [n, i]);
+  return /* @__PURE__ */ u(d, { config: o, layers: e, style: r });
+}, b = () => null, M = () => null, S = () => null, z = () => null, C = () => null, I = () => null, c = (i, r) => {
+  const n = [], t = (e) => {
     if (!(e == null || typeof e == "boolean")) {
       if (Array.isArray(e)) {
-        e.forEach(i);
+        e.forEach(t);
         return;
       }
       if (a(e, r)) {
@@ -141,39 +167,62 @@ const f = (t) => {
         });
         return;
       }
-      s.isValidElement(e) && i(e.props.children);
+      s.isValidElement(e) && t(e.props.children);
     }
   };
-  return i(t), n;
-}, x = (t) => {
-  const r = c(t, v);
+  return t(i), n;
+}, x = (i) => {
+  const r = p(i, b);
   if (!r)
     return null;
-  const n = r.props, i = u(r.props.children, b), e = u(r.props.children, z), o = c(r.props.children, C), l = o ? o.props.matrix : void 0;
+  const n = r.props, t = c(r.props.children, z), e = c(r.props.children, C), o = p(r.props.children, I), l = o ? o.props.matrix : void 0;
   return {
     gap: n.gap,
     style: n.style,
-    rows: i,
+    rows: t,
     columns: e,
     areas: l
   };
-}, c = (t, r) => {
-  const n = (i) => {
-    if (i == null || typeof i == "boolean")
+}, p = (i, r) => {
+  const n = (t) => {
+    if (t == null || typeof t == "boolean")
       return null;
-    if (Array.isArray(i)) {
-      for (const e of i) {
+    if (Array.isArray(t)) {
+      for (const e of t) {
         const o = n(e);
         if (o)
           return o;
       }
       return null;
     }
-    return a(i, r) ? i : s.isValidElement(i) ? n(i.props.children) : null;
+    return a(t, r) ? t : s.isValidElement(t) ? n(t.props.children) : null;
+  };
+  return n(i);
+}, A = (i) => {
+  const r = [], n = (t) => {
+    if (!(t == null || typeof t == "boolean")) {
+      if (Array.isArray(t)) {
+        t.forEach(n);
+        return;
+      }
+      if (a(t, y)) {
+        const e = t.props;
+        if (!e.id)
+          throw new Error("<PivotItem> requires an 'id' prop.");
+        r.push({
+          id: e.id,
+          label: e.label,
+          content: e.children ?? null,
+          disabled: e.disabled
+        });
+        return;
+      }
+      s.isValidElement(t) && t.type === s.Fragment && n(t.props.children);
+    }
   };
-  return n(t);
-}, R = (t) => {
-  const r = x(t);
+  return n(i), r;
+}, P = (i) => {
+  const r = x(i);
   if (!r)
     return null;
   if (!r.rows || r.rows.length === 0)
@@ -182,11 +231,11 @@ const f = (t) => {
     throw new Error("Config must include at least one <Col size=...> inside <Config>.");
   if (!r.areas || r.areas.length === 0)
     throw new Error("Config must include <Areas matrix={...}> inside <Config>.");
-  const n = r.areas.length, i = r.areas[0]?.length ?? 0;
+  const n = r.areas.length, t = r.areas[0]?.length ?? 0;
   if (n !== r.rows.length)
     throw new Error(`Areas row count (${n}) must match Rows count (${r.rows.length}).`);
-  if (i !== r.columns.length)
-    throw new Error(`Areas column count (${i}) must match Columns count (${r.columns.length}).`);
+  if (t !== r.columns.length)
+    throw new Error(`Areas column count (${t}) must match Columns count (${r.columns.length}).`);
   return {
     areas: r.areas,
     rows: r.rows,
@@ -196,15 +245,15 @@ const f = (t) => {
   };
 };
 export {
-  C as Areas,
-  z as Col,
-  I as Columns,
-  v as Config,
-  y as Panel,
-  M as PanelLayout,
-  b as Row,
-  S as Rows,
-  R as buildConfigFromChildren,
+  I as Areas,
+  C as Col,
+  S as Columns,
+  b as Config,
+  v as Panel,
+  q as PanelLayout,
+  z as Row,
+  M as Rows,
+  P as buildConfigFromChildren,
   E as buildRoutesFromChildren
 };
 //# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../src/config/panelRouter.tsx","../src/config/PanelContentDeclaration.tsx"],"sourcesContent":["/**\n * @file Router-like builder for GridLayout\n *\n * Provides a React Router–style configuration API to declare panel layers.\n * Converts route objects to the existing GridLayout props without magic.\n */\nimport * as React from \"react\";\nimport type {\n  DrawerBehavior,\n  FloatingWindowConfig,\n  LayerDefinition,\n  LayerPositionMode,\n  PanelLayoutConfig,\n  PanelLayoutProps,\n  WindowPosition,\n} from \"../types\";\nimport { GridLayout } from \"../components/grid/GridLayout\";\n\nexport type PanelRoute = {\n  /** Unique id for the layer. Required. */\n  id: string;\n  /** React node to render for this layer. Required. */\n  element: React.ReactNode;\n  /** Visibility flag. Defaults to visible. */\n  visible?: boolean;\n\n  /**\n   * Grid placement key. When using `positionMode: 'grid'` (default), this must be provided.\n   * Using `area` mirrors React Router's route path intent but for grid cells.\n   */\n  area?: string;\n\n  /** Explicit positioning mode; defaults to 'grid' unless floating/drawer implies otherwise. */\n  positionMode?: LayerPositionMode;\n  /** Offsets when using non-grid modes. */\n  position?: WindowPosition;\n  /** Optional stacking order. */\n  zIndex?: number;\n  /** Optional dimensions; required for resizable/draggable floating layers. */\n  width?: number | string;\n  height?: number | string;\n  /** Pointer events control. */\n  pointerEvents?: boolean | \"auto\" | \"none\";\n  /** Optional style overrides. */\n  style?: React.CSSProperties;\n  /** Optional backdrop style (drawer). */\n  backdropStyle?: React.CSSProperties;\n\n  /** Drawer behavior for mobile-friendly panels. */\n  drawer?: DrawerBehavior;\n  /** Floating window configuration. */\n  floating?: FloatingWindowConfig;\n\n  /**\n   * Optional child declarations; purely a grouping convenience.\n   * Children are flattened; no implicit inheritance.\n   */\n  children?: PanelRoute[];\n};\n\nconst toLayer = (route: PanelRoute): LayerDefinition => {\n  const inferredMode: LayerPositionMode = resolveRoutePositionMode(route);\n\n  if (inferredMode === \"grid\") {\n    if (!route.area) {\n      throw new Error(`PanelRoute ${route.id} must specify 'area' for grid placement.`);\n    }\n  }\n\n  return {\n    id: route.id,\n    component: route.element,\n    visible: route.visible,\n    gridArea: route.area,\n    positionMode: inferredMode,\n    position: route.position,\n    zIndex: route.zIndex,\n    width: route.width,\n    height: route.height,\n    pointerEvents: route.pointerEvents,\n    style: route.style,\n    drawer: route.drawer,\n    floating: route.floating,\n    backdropStyle: route.backdropStyle,\n  } satisfies LayerDefinition;\n};\n\nconst resolveRoutePositionMode = (route: PanelRoute): LayerPositionMode => {\n  if (route.positionMode) {\n    return route.positionMode;\n  }\n  if (route.floating) {\n    // Embedded => absolute, Popup => relative (handled by renderer); keep explicitness here.\n    return \"absolute\";\n  }\n  if (route.drawer) {\n    return \"grid\";\n  }\n  return \"grid\";\n};\n\nconst flattenRoutes = (routes: PanelRoute[]): PanelRoute[] => {\n  const result: PanelRoute[] = [];\n  const walk = (node: PanelRoute): void => {\n    result.push(node);\n    if (node.children) {\n      node.children.forEach((child) => walk(child));\n    }\n  };\n  routes.forEach((r) => walk(r));\n  return result;\n};\n\nconst validateUniqueIds = (routes: PanelRoute[]): void => {\n  const seen = new Set<string>();\n  routes.forEach((r) => {\n    if (seen.has(r.id)) {\n      throw new Error(`Duplicate PanelRoute id detected: ${r.id}`);\n    }\n    seen.add(r.id);\n  });\n};\n\nexport const buildLayersFromRoutes = (routes: PanelRoute[]): LayerDefinition[] => {\n  const flat = flattenRoutes(routes);\n  validateUniqueIds(flat);\n  return flat.map((r) => toLayer(r));\n};\n\nexport const createPanelLayoutFromRoutes = (input: {\n  config: PanelLayoutConfig;\n  routes: PanelRoute[];\n  style?: React.CSSProperties;\n}): PanelLayoutProps => {\n  const layers = buildLayersFromRoutes(input.routes);\n  return {\n    config: input.config,\n    layers,\n  };\n};\n\nexport type PanelLayoutRouterProps = {\n  config: PanelLayoutConfig;\n  routes: PanelRoute[];\n  style?: React.CSSProperties;\n};\n\nexport const PanelLayoutRouter: React.FC<PanelLayoutRouterProps> = ({ config, routes, style }) => {\n  const layers = React.useMemo(() => buildLayersFromRoutes(routes), [routes]);\n  return <GridLayout config={config} layers={layers} style={style} />;\n};\n","/**\n * @file PanelContentDeclaration (JSX DSL for content configuration ONLY)\n *\n * IMPORTANT: This file declares a JSX DSL to configure panel \"content\" and layout\n * tracks. It does NOT implement grid rendering, resizing, dragging, or drawers.\n * Those behaviors live in the existing layout/rendering modules. Keep this file\n * limited to declaration and conversion into GridLayout props.\n *\n * Usage (content declaration):\n * <PanelLayout>\n *   <Config>\n *     <Rows>...</Rows>\n *     <Columns>...</Columns>\n *     <Areas matrix={...}/>\n *   </Config>\n *   <Panel type=\"grid\" id=\"main\" area=\"main\">...</Panel>\n *   <Panel type=\"floating\" id=\"preview\" position={{ left: 0, top: 0 }} width={300} height={200} />\n *   <Panel type=\"drawer\" id=\"nav\" drawer={{ defaultOpen: true }} position={{ left: 0 }} />\n * </PanelLayout>\n */\nimport * as React from \"react\";\nimport { GridLayout } from \"../components/grid/GridLayout\";\nimport type { DrawerBehavior, GridTrack, PanelLayoutConfig, WindowPosition } from \"../types\";\nimport type { PanelRoute } from \"./panelRouter\";\nimport { buildLayersFromRoutes } from \"./panelRouter\";\n\nexport type PanelRootProps = {\n  config?: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\n// Unified child declaration: <Panel type=\"grid\" .../> or <Panel type=\"floating\" .../>...\ntype PanelCommonProps = {\n  id: string;\n  visible?: boolean;\n  zIndex?: number;\n  width?: number | string;\n  height?: number | string;\n  pointerEvents?: boolean | \"auto\" | \"none\";\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\nexport type PanelProps =\n  | (PanelCommonProps & { type: \"grid\"; area: string })\n  | (PanelCommonProps & {\n      type: \"floating\";\n      position: WindowPosition;\n      width: number | string;\n      height: number | string;\n      draggable?: boolean;\n      resizable?: boolean;\n    })\n  | (PanelCommonProps & {\n      type: \"drawer\";\n      drawer: DrawerBehavior;\n      position?: WindowPosition;\n      backdropStyle?: React.CSSProperties;\n    });\n\nexport const Panel: React.FC<PanelProps> = () => null;\n\nconst isElementOf = <P,>(element: unknown, component: React.FC<P>): element is React.ReactElement<P> => {\n  if (!React.isValidElement<P>(element)) {\n    return false;\n  }\n  return element.type === component;\n};\n\nexport const buildRoutesFromChildren = (children: React.ReactNode): PanelRoute[] => {\n  const routes: PanelRoute[] = [];\n\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    // Unified <Panel type=\"...\" />\n    if (isElementOf(node, Panel)) {\n      const props = node.props as PanelProps;\n      if (!props.id) {\n        throw new Error(\"<Panel> requires an 'id' prop.\");\n      }\n      if (props.type === \"grid\") {\n        if (!props.area) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires an explicit 'area' prop when type=\"grid\".`);\n        }\n        routes.push({\n          id: props.id,\n          area: props.area,\n          element: props.children ?? null,\n          visible: props.visible,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n        });\n        return;\n      }\n      if (props.type === \"floating\") {\n        if (!props.position) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires a 'position' prop when type=\"floating\".`);\n        }\n        if (props.width === undefined || props.height === undefined) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires 'width' and 'height' when type=\"floating\".`);\n        }\n        routes.push({\n          id: props.id,\n          element: props.children ?? null,\n          visible: props.visible ?? true,\n          positionMode: \"absolute\",\n          position: props.position,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          floating: { mode: \"embedded\", draggable: props.draggable, resizable: props.resizable },\n        });\n        return;\n      }\n      if (props.type === \"drawer\") {\n        routes.push({\n          id: props.id,\n          element: props.children ?? null,\n          visible: props.visible ?? true,\n          positionMode: \"relative\",\n          position: props.position,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          drawer: props.drawer,\n          backdropStyle: props.backdropStyle,\n        });\n        return;\n      }\n      // unknown type -> error for explicitness\n      throw new Error(\"<Panel> has unsupported type.\");\n    }\n\n    if (React.isValidElement(node)) {\n      if (node.type === React.Fragment) {\n        const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n        visit(el.props.children);\n        return;\n      }\n      // Unknown element: ignore quietly to allow comments/wrappers.\n      return;\n    }\n    // Primitive nodes (string/number) are ignored.\n  };\n\n  visit(children);\n  return routes;\n};\n\n// Root container renamed to PanelLayout to avoid name collision with child <Panel/>\nexport const PanelLayout: React.FC<PanelRootProps> = ({ config, style, children }) => {\n  const routes = React.useMemo(() => buildRoutesFromChildren(children), [children]);\n  const layers = React.useMemo(() => buildLayersFromRoutes(routes), [routes]);\n  const derivedConfig = React.useMemo(() => {\n    if (config) {\n      return config;\n    }\n    const built = buildConfigFromChildren(children);\n    if (!built) {\n      throw new Error(\"Panel requires either 'config' prop or a JSX config (<Config><Rows/><Columns/><Areas/></Config>). \");\n    }\n    return built;\n  }, [children, config]);\n  return <GridLayout config={derivedConfig} layers={layers} style={style} />;\n};\n\n// =============================\n// JSX Config Declarations\n// =============================\n\nexport type ConfigProps = {\n  gap?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\nexport const Config: React.FC<ConfigProps> = () => {\n  return null;\n};\n\nexport const Rows: React.FC<{ children?: React.ReactNode }> = () => {\n  return null;\n};\n\nexport const Columns: React.FC<{ children?: React.ReactNode }> = () => {\n  return null;\n};\n\nexport type RowProps = GridTrack;\nexport const Row: React.FC<RowProps> = () => {\n  return null;\n};\n\nexport type ColumnProps = GridTrack;\nexport const Col: React.FC<ColumnProps> = () => {\n  return null;\n};\n\nexport type AreasProps = {\n  matrix: string[][];\n};\nexport const Areas: React.FC<AreasProps> = () => {\n  return null;\n};\n\ntype CollectedConfig = {\n  gap?: string;\n  style?: React.CSSProperties;\n  rows?: GridTrack[];\n  columns?: GridTrack[];\n  areas?: string[][];\n};\n\nconst collectTracks = <P extends GridTrack>(children: React.ReactNode, marker: React.FC<P>): GridTrack[] => {\n  const result: GridTrack[] = [];\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    if (isElementOf(node, marker)) {\n      const props = node.props as P;\n      if (!props.size) {\n        throw new Error(\"Row/Col requires 'size' property.\");\n      }\n      result.push({\n        size: props.size,\n        resizable: props.resizable,\n        minSize: props.minSize,\n        maxSize: props.maxSize,\n      });\n      return;\n    }\n    if (React.isValidElement(node)) {\n      const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n      visit(el.props.children);\n    }\n  };\n  visit(children);\n  return result;\n};\n\nconst collectConfigBlock = (children: React.ReactNode): CollectedConfig | null => {\n  const node = findFirst(children, Config);\n  if (!node) {\n    return null;\n  }\n  const props = node.props as ConfigProps;\n  const rows = collectTracks(node.props.children, Row);\n  const columns = collectTracks(node.props.children, Col);\n  const areasNode = findFirst(node.props.children, Areas);\n  const areas = areasNode ? (areasNode.props as AreasProps).matrix : undefined;\n  return {\n    gap: props.gap,\n    style: props.style,\n    rows,\n    columns,\n    areas,\n  };\n};\n\nconst findFirst = <P,>(children: React.ReactNode, marker: React.FC<P>): React.ReactElement<P> | null => {\n  const visit = (node: React.ReactNode): React.ReactElement<P> | null => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return null;\n    }\n    if (Array.isArray(node)) {\n      for (const item of node) {\n        const found = visit(item);\n        if (found) {\n          return found;\n        }\n      }\n      return null;\n    }\n    if (isElementOf(node, marker)) {\n      return node as React.ReactElement<P>;\n    }\n    if (React.isValidElement(node)) {\n      const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n      return visit(el.props.children);\n    }\n    return null;\n  };\n  return visit(children);\n};\n\nexport const buildConfigFromChildren = (children: React.ReactNode): PanelLayoutConfig | null => {\n  const collected = collectConfigBlock(children);\n  if (!collected) {\n    return null;\n  }\n  if (!collected.rows || collected.rows.length === 0) {\n    throw new Error(\"Config must include at least one <Row size=...> inside <Config>.\");\n  }\n  if (!collected.columns || collected.columns.length === 0) {\n    throw new Error(\"Config must include at least one <Col size=...> inside <Config>.\");\n  }\n  if (!collected.areas || collected.areas.length === 0) {\n    throw new Error(\"Config must include <Areas matrix={...}> inside <Config>.\");\n  }\n\n  const rowCount = collected.areas.length;\n  const colCount = collected.areas[0]?.length ?? 0;\n  if (rowCount !== collected.rows.length) {\n    throw new Error(`Areas row count (${rowCount}) must match Rows count (${collected.rows.length}).`);\n  }\n  if (colCount !== collected.columns.length) {\n    throw new Error(`Areas column count (${colCount}) must match Columns count (${collected.columns.length}).`);\n  }\n\n  return {\n    areas: collected.areas,\n    rows: collected.rows,\n    columns: collected.columns,\n    gap: collected.gap,\n    style: collected.style,\n  } satisfies PanelLayoutConfig;\n};\n"],"names":["toLayer","route","inferredMode","resolveRoutePositionMode","flattenRoutes","routes","result","walk","node","child","r","validateUniqueIds","seen","buildLayersFromRoutes","flat","Panel","isElementOf","element","component","React","buildRoutesFromChildren","children","visit","props","PanelLayout","config","style","layers","derivedConfig","built","buildConfigFromChildren","jsx","GridLayout","Config","Rows","Columns","Row","Col","Areas","collectTracks","marker","collectConfigBlock","findFirst","rows","columns","areasNode","areas","item","found","collected","rowCount","colCount"],"mappings":"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"}
+{"version":3,"file":"config.js","sources":["../src/config/panelRouter.tsx","../src/config/PanelContentDeclaration.tsx"],"sourcesContent":["/**\n * @file Router-like builder for GridLayout\n *\n * Provides a React Router–style configuration API to declare panel layers.\n * Converts route objects to the existing GridLayout props without magic.\n */\nimport * as React from \"react\";\nimport type {\n  DrawerBehavior,\n  FloatingWindowConfig,\n  LayerDefinition,\n  LayerPositionMode,\n  PanelLayoutConfig,\n  PanelLayoutProps,\n  PivotBehavior,\n  WindowPosition,\n} from \"../types\";\nimport { GridLayout } from \"../components/grid/GridLayout\";\n\nexport type PanelRoute = {\n  /** Unique id for the layer. Required. */\n  id: string;\n  /** React node to render for this layer. Required. */\n  element: React.ReactNode;\n  /** Visibility flag. Defaults to visible. */\n  visible?: boolean;\n\n  /**\n   * Grid placement key. When using `positionMode: 'grid'` (default), this must be provided.\n   * Using `area` mirrors React Router's route path intent but for grid cells.\n   */\n  area?: string;\n\n  /** Explicit positioning mode; defaults to 'grid' unless floating/drawer implies otherwise. */\n  positionMode?: LayerPositionMode;\n  /** Offsets when using non-grid modes. */\n  position?: WindowPosition;\n  /** Optional stacking order. */\n  zIndex?: number;\n  /** Optional dimensions; required for resizable/draggable floating layers. */\n  width?: number | string;\n  height?: number | string;\n  /** Pointer events control. */\n  pointerEvents?: boolean | \"auto\" | \"none\";\n  /** Optional style overrides. */\n  style?: React.CSSProperties;\n  /** Optional backdrop style (drawer). */\n  backdropStyle?: React.CSSProperties;\n\n  /** Drawer behavior for mobile-friendly panels. */\n  drawer?: DrawerBehavior;\n  /** Floating window configuration. */\n  floating?: FloatingWindowConfig;\n  /** Pivot behavior for content switching. */\n  pivot?: PivotBehavior;\n\n  /**\n   * Optional child declarations; purely a grouping convenience.\n   * Children are flattened; no implicit inheritance.\n   */\n  children?: PanelRoute[];\n};\n\nconst toLayer = (route: PanelRoute): LayerDefinition => {\n  const inferredMode: LayerPositionMode = resolveRoutePositionMode(route);\n\n  if (inferredMode === \"grid\") {\n    if (!route.area) {\n      throw new Error(`PanelRoute ${route.id} must specify 'area' for grid placement.`);\n    }\n  }\n\n  return {\n    id: route.id,\n    component: route.element,\n    visible: route.visible,\n    gridArea: route.area,\n    positionMode: inferredMode,\n    position: route.position,\n    zIndex: route.zIndex,\n    width: route.width,\n    height: route.height,\n    pointerEvents: route.pointerEvents,\n    style: route.style,\n    drawer: route.drawer,\n    floating: route.floating,\n    pivot: route.pivot,\n    backdropStyle: route.backdropStyle,\n  } satisfies LayerDefinition;\n};\n\nconst resolveRoutePositionMode = (route: PanelRoute): LayerPositionMode => {\n  if (route.positionMode) {\n    return route.positionMode;\n  }\n  if (route.floating) {\n    // Embedded => absolute, Popup => relative (handled by renderer); keep explicitness here.\n    return \"absolute\";\n  }\n  if (route.drawer) {\n    return \"grid\";\n  }\n  return \"grid\";\n};\n\nconst flattenRoutes = (routes: PanelRoute[]): PanelRoute[] => {\n  const result: PanelRoute[] = [];\n  const walk = (node: PanelRoute): void => {\n    result.push(node);\n    if (node.children) {\n      node.children.forEach((child) => walk(child));\n    }\n  };\n  routes.forEach((r) => walk(r));\n  return result;\n};\n\nconst validateUniqueIds = (routes: PanelRoute[]): void => {\n  const seen = new Set<string>();\n  routes.forEach((r) => {\n    if (seen.has(r.id)) {\n      throw new Error(`Duplicate PanelRoute id detected: ${r.id}`);\n    }\n    seen.add(r.id);\n  });\n};\n\nexport const buildLayersFromRoutes = (routes: PanelRoute[]): LayerDefinition[] => {\n  const flat = flattenRoutes(routes);\n  validateUniqueIds(flat);\n  return flat.map((r) => toLayer(r));\n};\n\nexport const createPanelLayoutFromRoutes = (input: {\n  config: PanelLayoutConfig;\n  routes: PanelRoute[];\n  style?: React.CSSProperties;\n}): PanelLayoutProps => {\n  const layers = buildLayersFromRoutes(input.routes);\n  return {\n    config: input.config,\n    layers,\n  };\n};\n\nexport type PanelLayoutRouterProps = {\n  config: PanelLayoutConfig;\n  routes: PanelRoute[];\n  style?: React.CSSProperties;\n};\n\nexport const PanelLayoutRouter: React.FC<PanelLayoutRouterProps> = ({ config, routes, style }) => {\n  const layers = React.useMemo(() => buildLayersFromRoutes(routes), [routes]);\n  return <GridLayout config={config} layers={layers} style={style} />;\n};\n","/**\n * @file PanelContentDeclaration (JSX DSL for content configuration ONLY)\n *\n * IMPORTANT: This file declares a JSX DSL to configure panel \"content\" and layout\n * tracks. It does NOT implement grid rendering, resizing, dragging, or drawers.\n * Those behaviors live in the existing layout/rendering modules. Keep this file\n * limited to declaration and conversion into GridLayout props.\n *\n * Usage (content declaration):\n * <PanelLayout>\n *   <Config>\n *     <Rows>...</Rows>\n *     <Columns>...</Columns>\n *     <Areas matrix={...}/>\n *   </Config>\n *   <Panel type=\"grid\" id=\"main\" area=\"main\">...</Panel>\n *   <Panel type=\"floating\" id=\"preview\" position={{ left: 0, top: 0 }} width={300} height={200} />\n *   <Panel type=\"drawer\" id=\"nav\" drawer={{ defaultOpen: true }} position={{ left: 0 }} />\n * </PanelLayout>\n */\nimport * as React from \"react\";\nimport { GridLayout } from \"../components/grid/GridLayout\";\nimport type { DrawerBehavior, GridTrack, PanelLayoutConfig, WindowPosition } from \"../types\";\nimport type { PanelRoute } from \"./panelRouter\";\nimport { buildLayersFromRoutes } from \"./panelRouter\";\n\nexport type PanelRootProps = {\n  config?: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\n// Unified child declaration: <Panel type=\"grid\" .../> or <Panel type=\"floating\" .../>...\ntype PanelCommonProps = {\n  id: string;\n  visible?: boolean;\n  zIndex?: number;\n  width?: number | string;\n  height?: number | string;\n  pointerEvents?: boolean | \"auto\" | \"none\";\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\nexport type PanelProps =\n  | (PanelCommonProps & { type: \"grid\"; area: string })\n  | (PanelCommonProps & {\n      type: \"floating\";\n      position: WindowPosition;\n      width: number | string;\n      height: number | string;\n      draggable?: boolean;\n      resizable?: boolean;\n    })\n  | (PanelCommonProps & {\n      type: \"drawer\";\n      drawer: DrawerBehavior;\n      position?: WindowPosition;\n      backdropStyle?: React.CSSProperties;\n    })\n  | (Omit<PanelCommonProps, \"children\"> & {\n      type: \"pivot\";\n      area: string;\n      /** Currently active item ID (controlled mode) */\n      activeId?: string;\n      /** Default active item ID (uncontrolled mode) */\n      defaultActiveId?: string;\n      /** Callback when active item changes */\n      onActiveChange?: (id: string) => void;\n      children?: React.ReactNode;\n    });\n\nexport const Panel: React.FC<PanelProps> = () => null;\n\n/**\n * PivotItem declaration for use inside <Panel type=\"pivot\">\n */\nexport type PivotItemDeclProps = {\n  id: string;\n  label?: string;\n  disabled?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const PivotItem: React.FC<PivotItemDeclProps> = () => null;\n\nconst isElementOf = <P,>(element: unknown, component: React.FC<P>): element is React.ReactElement<P> => {\n  if (!React.isValidElement<P>(element)) {\n    return false;\n  }\n  return element.type === component;\n};\n\nexport const buildRoutesFromChildren = (children: React.ReactNode): PanelRoute[] => {\n  const routes: PanelRoute[] = [];\n\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    // Unified <Panel type=\"...\" />\n    if (isElementOf(node, Panel)) {\n      const props = node.props as PanelProps;\n      if (!props.id) {\n        throw new Error(\"<Panel> requires an 'id' prop.\");\n      }\n      if (props.type === \"grid\") {\n        if (!props.area) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires an explicit 'area' prop when type=\"grid\".`);\n        }\n        routes.push({\n          id: props.id,\n          area: props.area,\n          element: props.children ?? null,\n          visible: props.visible,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n        });\n        return;\n      }\n      if (props.type === \"floating\") {\n        if (!props.position) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires a 'position' prop when type=\"floating\".`);\n        }\n        if (props.width === undefined || props.height === undefined) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires 'width' and 'height' when type=\"floating\".`);\n        }\n        routes.push({\n          id: props.id,\n          element: props.children ?? null,\n          visible: props.visible ?? true,\n          positionMode: \"absolute\",\n          position: props.position,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          floating: { mode: \"embedded\", draggable: props.draggable, resizable: props.resizable },\n        });\n        return;\n      }\n      if (props.type === \"drawer\") {\n        routes.push({\n          id: props.id,\n          element: props.children ?? null,\n          visible: props.visible ?? true,\n          positionMode: \"relative\",\n          position: props.position,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          drawer: props.drawer,\n          backdropStyle: props.backdropStyle,\n        });\n        return;\n      }\n      if (props.type === \"pivot\") {\n        if (!props.area) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires an explicit 'area' prop when type=\"pivot\".`);\n        }\n        const pivotItems = collectPivotItems(props.children);\n        if (pivotItems.length === 0) {\n          throw new Error(`<Panel id=\"${props.id}\"> requires at least one <PivotItem> child when type=\"pivot\".`);\n        }\n        routes.push({\n          id: props.id,\n          area: props.area,\n          element: null,\n          visible: props.visible,\n          zIndex: props.zIndex,\n          width: props.width,\n          height: props.height,\n          pointerEvents: props.pointerEvents,\n          style: props.style,\n          pivot: {\n            items: pivotItems,\n            activeId: props.activeId,\n            defaultActiveId: props.defaultActiveId,\n            onActiveChange: props.onActiveChange,\n          },\n        });\n        return;\n      }\n      // unknown type -> error for explicitness\n      throw new Error(\"<Panel> has unsupported type.\");\n    }\n\n    if (React.isValidElement(node)) {\n      if (node.type === React.Fragment) {\n        const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n        visit(el.props.children);\n        return;\n      }\n      // Unknown element: ignore quietly to allow comments/wrappers.\n      return;\n    }\n    // Primitive nodes (string/number) are ignored.\n  };\n\n  visit(children);\n  return routes;\n};\n\n// Root container renamed to PanelLayout to avoid name collision with child <Panel/>\nexport const PanelLayout: React.FC<PanelRootProps> = ({ config, style, children }) => {\n  const routes = React.useMemo(() => buildRoutesFromChildren(children), [children]);\n  const layers = React.useMemo(() => buildLayersFromRoutes(routes), [routes]);\n  const derivedConfig = React.useMemo(() => {\n    if (config) {\n      return config;\n    }\n    const built = buildConfigFromChildren(children);\n    if (!built) {\n      throw new Error(\"Panel requires either 'config' prop or a JSX config (<Config><Rows/><Columns/><Areas/></Config>). \");\n    }\n    return built;\n  }, [children, config]);\n  return <GridLayout config={derivedConfig} layers={layers} style={style} />;\n};\n\n// =============================\n// JSX Config Declarations\n// =============================\n\nexport type ConfigProps = {\n  gap?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n};\n\nexport const Config: React.FC<ConfigProps> = () => {\n  return null;\n};\n\nexport const Rows: React.FC<{ children?: React.ReactNode }> = () => {\n  return null;\n};\n\nexport const Columns: React.FC<{ children?: React.ReactNode }> = () => {\n  return null;\n};\n\nexport type RowProps = GridTrack;\nexport const Row: React.FC<RowProps> = () => {\n  return null;\n};\n\nexport type ColumnProps = GridTrack;\nexport const Col: React.FC<ColumnProps> = () => {\n  return null;\n};\n\nexport type AreasProps = {\n  matrix: string[][];\n};\nexport const Areas: React.FC<AreasProps> = () => {\n  return null;\n};\n\ntype CollectedConfig = {\n  gap?: string;\n  style?: React.CSSProperties;\n  rows?: GridTrack[];\n  columns?: GridTrack[];\n  areas?: string[][];\n};\n\nconst collectTracks = <P extends GridTrack>(children: React.ReactNode, marker: React.FC<P>): GridTrack[] => {\n  const result: GridTrack[] = [];\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    if (isElementOf(node, marker)) {\n      const props = node.props as P;\n      if (!props.size) {\n        throw new Error(\"Row/Col requires 'size' property.\");\n      }\n      result.push({\n        size: props.size,\n        resizable: props.resizable,\n        minSize: props.minSize,\n        maxSize: props.maxSize,\n      });\n      return;\n    }\n    if (React.isValidElement(node)) {\n      const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n      visit(el.props.children);\n    }\n  };\n  visit(children);\n  return result;\n};\n\nconst collectConfigBlock = (children: React.ReactNode): CollectedConfig | null => {\n  const node = findFirst(children, Config);\n  if (!node) {\n    return null;\n  }\n  const props = node.props as ConfigProps;\n  const rows = collectTracks(node.props.children, Row);\n  const columns = collectTracks(node.props.children, Col);\n  const areasNode = findFirst(node.props.children, Areas);\n  const areas = areasNode ? (areasNode.props as AreasProps).matrix : undefined;\n  return {\n    gap: props.gap,\n    style: props.style,\n    rows,\n    columns,\n    areas,\n  };\n};\n\nconst findFirst = <P,>(children: React.ReactNode, marker: React.FC<P>): React.ReactElement<P> | null => {\n  const visit = (node: React.ReactNode): React.ReactElement<P> | null => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return null;\n    }\n    if (Array.isArray(node)) {\n      for (const item of node) {\n        const found = visit(item);\n        if (found) {\n          return found;\n        }\n      }\n      return null;\n    }\n    if (isElementOf(node, marker)) {\n      return node as React.ReactElement<P>;\n    }\n    if (React.isValidElement(node)) {\n      const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n      return visit(el.props.children);\n    }\n    return null;\n  };\n  return visit(children);\n};\n\ntype CollectedPivotItem = {\n  id: string;\n  label?: string;\n  content: React.ReactNode;\n  disabled?: boolean;\n};\n\nconst collectPivotItems = (children: React.ReactNode): CollectedPivotItem[] => {\n  const items: CollectedPivotItem[] = [];\n  const visit = (node: React.ReactNode): void => {\n    if (node === null || node === undefined || typeof node === \"boolean\") {\n      return;\n    }\n    if (Array.isArray(node)) {\n      node.forEach(visit);\n      return;\n    }\n    if (isElementOf(node, PivotItem)) {\n      const props = node.props as PivotItemDeclProps;\n      if (!props.id) {\n        throw new Error(\"<PivotItem> requires an 'id' prop.\");\n      }\n      items.push({\n        id: props.id,\n        label: props.label,\n        content: props.children ?? null,\n        disabled: props.disabled,\n      });\n      return;\n    }\n    if (React.isValidElement(node)) {\n      if (node.type === React.Fragment) {\n        const el = node as React.ReactElement<{ children?: React.ReactNode }>;\n        visit(el.props.children);\n      }\n    }\n  };\n  visit(children);\n  return items;\n};\n\nexport const buildConfigFromChildren = (children: React.ReactNode): PanelLayoutConfig | null => {\n  const collected = collectConfigBlock(children);\n  if (!collected) {\n    return null;\n  }\n  if (!collected.rows || collected.rows.length === 0) {\n    throw new Error(\"Config must include at least one <Row size=...> inside <Config>.\");\n  }\n  if (!collected.columns || collected.columns.length === 0) {\n    throw new Error(\"Config must include at least one <Col size=...> inside <Config>.\");\n  }\n  if (!collected.areas || collected.areas.length === 0) {\n    throw new Error(\"Config must include <Areas matrix={...}> inside <Config>.\");\n  }\n\n  const rowCount = collected.areas.length;\n  const colCount = collected.areas[0]?.length ?? 0;\n  if (rowCount !== collected.rows.length) {\n    throw new Error(`Areas row count (${rowCount}) must match Rows count (${collected.rows.length}).`);\n  }\n  if (colCount !== collected.columns.length) {\n    throw new Error(`Areas column count (${colCount}) must match Columns count (${collected.columns.length}).`);\n  }\n\n  return {\n    areas: collected.areas,\n    rows: collected.rows,\n    columns: collected.columns,\n    gap: collected.gap,\n    style: collected.style,\n  } satisfies PanelLayoutConfig;\n};\n"],"names":["toLayer","route","inferredMode","resolveRoutePositionMode","flattenRoutes","routes","result","walk","node","child","r","validateUniqueIds","seen","buildLayersFromRoutes","flat","Panel","PivotItem","isElementOf","element","component","React","buildRoutesFromChildren","children","visit","props","pivotItems","collectPivotItems","PanelLayout","config","style","layers","derivedConfig","built","buildConfigFromChildren","jsx","GridLayout","Config","Rows","Columns","Row","Col","Areas","collectTracks","marker","collectConfigBlock","findFirst","rows","columns","areasNode","areas","item","found","items","collected","rowCount","colCount"],"mappings":"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"}

package/dist/constants/styles.d.ts

@@ -64,6 +64,19 @@ export declare const COLOR_NODE_EDITOR_BORDER = "var(--rpl-color-border, #e5e7eb
 export declare const COLOR_NODE_EDITOR_MUTED_FG = "var(--rpl-color-muted-fg, #6b7280)";
 export declare const COLOR_NODE_EDITOR_CARD_SHADOW = "var(--rpl-shadow-card, 0 2px 10px rgba(0, 0, 0, 0.08))";
 export declare const COLOR_DRAWER_BACKDROP = "var(--rpl-color-drawer-backdrop, rgba(0, 0, 0, 0.5))";
+/**
+ * Drawer transitions
+ */
+export declare const DRAWER_TRANSITION_DURATION = "var(--rpl-drawer-transition-duration, 220ms)";
+export declare const DRAWER_TRANSITION_EASING = "var(--rpl-drawer-transition-easing, cubic-bezier(0.22, 1, 0.36, 1))";
+/**
+ * Pivot animations
+ * User defines @keyframes in their CSS and references via these tokens.
+ * - Enter: Applied when content becomes active
+ * - Leave: Applied when content becomes inactive
+ */
+export declare const PIVOT_ANIMATION_ENTER = "var(--rpl-pivot-animation-enter, none)";
+export declare const PIVOT_ANIMATION_LEAVE = "var(--rpl-pivot-animation-leave, none)";
 /**
  * Tab sizing
  */

package/dist/floating.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./FloatingPanelFrame-0MnRbFkV.cjs");exports.FloatingPanelContent=a.FloatingPanelContent;exports.FloatingPanelControls=a.FloatingPanelControls;exports.FloatingPanelFrame=a.FloatingPanelFrame;exports.FloatingPanelHeader=a.FloatingPanelHeader;exports.FloatingPanelMeta=a.FloatingPanelMeta;exports.FloatingPanelTitle=a.FloatingPanelTitle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./FloatingPanelFrame-XtBcHANI.cjs");exports.FloatingPanelContent=a.FloatingPanelContent;exports.FloatingPanelControls=a.FloatingPanelControls;exports.FloatingPanelFrame=a.FloatingPanelFrame;exports.FloatingPanelHeader=a.FloatingPanelHeader;exports.FloatingPanelMeta=a.FloatingPanelMeta;exports.FloatingPanelTitle=a.FloatingPanelTitle;
 //# sourceMappingURL=floating.cjs.map

package/dist/floating.js

@@ -1,4 +1,4 @@
-import { e, d as l, F as t, a as o, c as F, b as i } from "./FloatingPanelFrame-BkjBp0S5.js";
+import { e, d as l, F as t, a as o, c as F, b as i } from "./FloatingPanelFrame-SOrLGjZd.js";
 export {
   e as FloatingPanelContent,
   l as FloatingPanelControls,

package/dist/hooks/useTransitionState.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @file Generic transition state management with animation support.
+ */
+import * as React from "react";
+export type TransitionMode = "none" | "css";
+export type TransitionOptions = {
+    mode?: TransitionMode;
+    element?: React.RefObject<HTMLElement>;
+    duration?: number;
+};
+export type UseTransitionStateOptions = {
+    onOpen?: (id: string) => void;
+    onClose?: (id: string) => void;
+    onTransitionEnd?: (id: string, isOpen: boolean) => void;
+};
+export declare const runTransition: (update: () => void, mode: TransitionMode, el: HTMLElement | null | undefined, duration: number) => Promise<void>;
+export declare const useTransitionState: (options?: UseTransitionStateOptions) => {
+    state: (id: string) => boolean;
+    open: (id: string, opts?: TransitionOptions) => Promise<void>;
+    close: (id: string, opts?: TransitionOptions) => Promise<void>;
+};