react-panel-layout 0.2.0

package/dist/components/tabs/TabDragOverlay.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @file Floating drag preview and insertion guide for tab dragging.
+ */
+import * as React from "react";
+export declare const TabDragOverlay: React.FC;

package/dist/components/window/DialogOverlay.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @file Dialog-based overlay component with automatic positioning
+ */
+import * as React from "react";
+import type { Position } from "../../types";
+export type DialogOverlayProps = {
+    anchor: Position;
+    visible: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
+    dataAttributes?: Record<string, string | number | boolean | null | undefined>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onPositionChange?: (position: Position) => void;
+};
+export declare const DialogOverlay: React.FC<DialogOverlayProps>;

package/dist/components/window/Drawer.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @file Drawer component
+ *
+ * Mobile-friendly slide-in panel with backdrop support.
+ */
+import * as React from "react";
+import type { DrawerBehavior, WindowPosition } from "../../types";
+export type DrawerProps = {
+    id: string;
+    config: DrawerBehavior;
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    zIndex?: number;
+    width?: string | number;
+    height?: string | number;
+    position?: WindowPosition;
+    backdropStyle?: React.CSSProperties;
+};
+export declare const Drawer: React.FC<DrawerProps>;

package/dist/components/window/DrawerLayers.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @file DrawerLayers component
+ */
+import * as React from "react";
+import type { LayerDefinition } from "../../types";
+export type DrawerLayersProps = {
+    layers: LayerDefinition[];
+};
+export declare const DrawerLayers: React.FC<DrawerLayersProps>;

package/dist/components/window/PopupLayerPortal.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @file Renders floating layers inside a dedicated browser popup window.
+ */
+import * as React from "react";
+import type { LayerDefinition } from "../../types";
+type PopupLayerPortalProps = {
+    layer: LayerDefinition;
+};
+export declare const PopupLayerPortal: React.FC<PopupLayerPortalProps>;
+export {};

package/dist/config/PanelContentDeclaration.d.ts

@@ -0,0 +1,79 @@
+/**
+ * @file PanelContentDeclaration (JSX DSL for content configuration ONLY)
+ *
+ * IMPORTANT: This file declares a JSX DSL to configure panel "content" and layout
+ * tracks. It does NOT implement grid rendering, resizing, dragging, or drawers.
+ * Those behaviors live in the existing layout/rendering modules. Keep this file
+ * limited to declaration and conversion into GridLayout props.
+ *
+ * Usage (content declaration):
+ * <PanelLayout>
+ *   <Config>
+ *     <Rows>...</Rows>
+ *     <Columns>...</Columns>
+ *     <Areas matrix={...}/>
+ *   </Config>
+ *   <Panel type="grid" id="main" area="main">...</Panel>
+ *   <Panel type="floating" id="preview" position={{ left: 0, top: 0 }} width={300} height={200} />
+ *   <Panel type="drawer" id="nav" drawer={{ defaultOpen: true }} position={{ left: 0 }} />
+ * </PanelLayout>
+ */
+import * as React from "react";
+import type { DrawerBehavior, GridTrack, PanelLayoutConfig, WindowPosition } from "../types";
+import type { PanelRoute } from "./panelRouter";
+export type PanelRootProps = {
+    config?: PanelLayoutConfig;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+type PanelCommonProps = {
+    id: string;
+    visible?: boolean;
+    zIndex?: number;
+    width?: number | string;
+    height?: number | string;
+    pointerEvents?: boolean | "auto" | "none";
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+export type PanelProps = (PanelCommonProps & {
+    type: "grid";
+    area: string;
+}) | (PanelCommonProps & {
+    type: "floating";
+    position: WindowPosition;
+    width: number | string;
+    height: number | string;
+    draggable?: boolean;
+    resizable?: boolean;
+}) | (PanelCommonProps & {
+    type: "drawer";
+    drawer: DrawerBehavior;
+    position?: WindowPosition;
+    backdropStyle?: React.CSSProperties;
+});
+export declare const Panel: React.FC<PanelProps>;
+export declare const buildRoutesFromChildren: (children: React.ReactNode) => PanelRoute[];
+export declare const PanelLayout: React.FC<PanelRootProps>;
+export type ConfigProps = {
+    gap?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+export declare const Config: React.FC<ConfigProps>;
+export declare const Rows: React.FC<{
+    children?: React.ReactNode;
+}>;
+export declare const Columns: React.FC<{
+    children?: React.ReactNode;
+}>;
+export type RowProps = GridTrack;
+export declare const Row: React.FC<RowProps>;
+export type ColumnProps = GridTrack;
+export declare const Col: React.FC<ColumnProps>;
+export type AreasProps = {
+    matrix: string[][];
+};
+export declare const Areas: React.FC<AreasProps>;
+export declare const buildConfigFromChildren: (children: React.ReactNode) => PanelLayoutConfig | null;
+export {};

package/dist/config/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @file Config utilities entry point for JSX-based panel configuration
+ *
+ * This module provides JSX DSL components for declarative panel configuration.
+ * Import from 'react-panel-layout/config' to use these utilities.
+ *
+ * @example
+ * ```tsx
+ * import { PanelLayout, Config, Rows, Row, Columns, Col, Areas, Panel } from 'react-panel-layout/config';
+ *
+ * <PanelLayout>
+ *   <Config>
+ *     <Rows>
+ *       <Row size="1fr" />
+ *       <Row size="2fr" />
+ *     </Rows>
+ *     <Columns>
+ *       <Col size="200px" />
+ *       <Col size="1fr" />
+ *     </Columns>
+ *     <Areas matrix={[
+ *       ['sidebar', 'main'],
+ *       ['sidebar', 'main']
+ *     ]} />
+ *   </Config>
+ *   <Panel type="grid" id="sidebar" area="sidebar">Sidebar</Panel>
+ *   <Panel type="grid" id="main" area="main">Main</Panel>
+ * </PanelLayout>
+ * ```
+ */
+export { PanelLayout, Panel, buildRoutesFromChildren, Config, Rows, Row, Columns, Col, Areas, buildConfigFromChildren, } from "./PanelContentDeclaration";
+export type { PanelRootProps, PanelProps, ConfigProps, RowProps, ColumnProps, AreasProps, } from "./PanelContentDeclaration";

package/dist/config/panelRouter.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @file Router-like builder for GridLayout
+ *
+ * Provides a React Router–style configuration API to declare panel layers.
+ * Converts route objects to the existing GridLayout props without magic.
+ */
+import * as React from "react";
+import type { DrawerBehavior, FloatingWindowConfig, LayerDefinition, LayerPositionMode, PanelLayoutConfig, PanelLayoutProps, WindowPosition } from "../types";
+export type PanelRoute = {
+    /** Unique id for the layer. Required. */
+    id: string;
+    /** React node to render for this layer. Required. */
+    element: React.ReactNode;
+    /** Visibility flag. Defaults to visible. */
+    visible?: boolean;
+    /**
+     * Grid placement key. When using `positionMode: 'grid'` (default), this must be provided.
+     * Using `area` mirrors React Router's route path intent but for grid cells.
+     */
+    area?: string;
+    /** Explicit positioning mode; defaults to 'grid' unless floating/drawer implies otherwise. */
+    positionMode?: LayerPositionMode;
+    /** Offsets when using non-grid modes. */
+    position?: WindowPosition;
+    /** Optional stacking order. */
+    zIndex?: number;
+    /** Optional dimensions; required for resizable/draggable floating layers. */
+    width?: number | string;
+    height?: number | string;
+    /** Pointer events control. */
+    pointerEvents?: boolean | "auto" | "none";
+    /** Optional style overrides. */
+    style?: React.CSSProperties;
+    /** Optional backdrop style (drawer). */
+    backdropStyle?: React.CSSProperties;
+    /** Drawer behavior for mobile-friendly panels. */
+    drawer?: DrawerBehavior;
+    /** Floating window configuration. */
+    floating?: FloatingWindowConfig;
+    /**
+     * Optional child declarations; purely a grouping convenience.
+     * Children are flattened; no implicit inheritance.
+     */
+    children?: PanelRoute[];
+};
+export declare const buildLayersFromRoutes: (routes: PanelRoute[]) => LayerDefinition[];
+export declare const createPanelLayoutFromRoutes: (input: {
+    config: PanelLayoutConfig;
+    routes: PanelRoute[];
+    style?: React.CSSProperties;
+}) => PanelLayoutProps;
+export type PanelLayoutRouterProps = {
+    config: PanelLayoutConfig;
+    routes: PanelRoute[];
+    style?: React.CSSProperties;
+};
+export declare const PanelLayoutRouter: React.FC<PanelLayoutRouterProps>;

package/dist/config.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),b=require("react"),E=require("./GridLayout-Dx3Qofl0.cjs");function v(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(r,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return r.default=t,Object.freeze(r)}const s=v(b),C=t=>{const r=z(t);if(r==="grid"&&!t.area)throw new Error(`PanelRoute ${t.id} must specify 'area' for grid placement.`);return{id:t.id,component:t.element,visible:t.visible,gridArea:t.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}},z=t=>t.positionMode?t.positionMode:t.floating?"absolute":(t.drawer,"grid"),R=t=>{const r=[],i=n=>{r.push(n),n.children&&n.children.forEach(e=>i(e))};return t.forEach(n=>i(n)),r},P=t=>{const r=new Set;t.forEach(i=>{if(r.has(i.id))throw new Error(`Duplicate PanelRoute id detected: ${i.id}`);r.add(i.id)})},x=t=>{const r=R(t);return P(r),r.map(i=>C(i))},d=()=>null,a=(t,r)=>s.isValidElement(t)?t.type===r:!1,p=t=>{const r=[],i=n=>{if(!(n==null||typeof n=="boolean")){if(Array.isArray(n)){n.forEach(i);return}if(a(n,d)){const e=n.props;if(!e.id)throw new Error("<Panel> requires an 'id' prop.");if(e.type==="grid"){if(!e.area)throw new Error(`<Panel id="${e.id}"> requires an explicit 'area' prop when type="grid".`);r.push({id:e.id,area:e.area,element:e.children??null,visible:e.visible,zIndex:e.zIndex,width:e.width,height:e.height,pointerEvents:e.pointerEvents,style:e.style});return}if(e.type==="floating"){if(!e.position)throw new Error(`<Panel id="${e.id}"> requires a 'position' prop when type="floating".`);if(e.width===void 0||e.height===void 0)throw new Error(`<Panel id="${e.id}"> requires 'width' and 'height' when type="floating".`);r.push({id:e.id,element:e.children??null,visible:e.visible??!0,positionMode:"absolute",position:e.position,zIndex:e.zIndex,width:e.width,height:e.height,pointerEvents:e.pointerEvents,style:e.style,floating:{mode:"embedded",draggable:e.draggable,resizable:e.resizable}});return}if(e.type==="drawer"){r.push({id:e.id,element:e.children??null,visible:e.visible??!0,positionMode:"relative",position:e.position,zIndex:e.zIndex,width:e.width,height:e.height,pointerEvents:e.pointerEvents,style:e.style,drawer:e.drawer,backdropStyle:e.backdropStyle});return}throw new Error("<Panel> has unsupported type.")}if(s.isValidElement(n)){if(n.type===s.Fragment){i(n.props.children);return}return}}};return i(t),r},S=({config:t,style:r,children:i})=>{const n=s.useMemo(()=>p(i),[i]),e=s.useMemo(()=>x(n),[n]),o=s.useMemo(()=>{if(t)return t;const l=m(i);if(!l)throw new Error("Panel requires either 'config' prop or a JSX config (<Config><Rows/><Columns/><Areas/></Config>). ");return l},[i,t]);return y.jsx(E.GridLayout,{config:o,layers:e,style:r})},f=()=>null,A=()=>null,M=()=>null,h=()=>null,w=()=>null,g=()=>null,u=(t,r)=>{const i=[],n=e=>{if(!(e==null||typeof e=="boolean")){if(Array.isArray(e)){e.forEach(n);return}if(a(e,r)){const o=e.props;if(!o.size)throw new Error("Row/Col requires 'size' property.");i.push({size:o.size,resizable:o.resizable,minSize:o.minSize,maxSize:o.maxSize});return}s.isValidElement(e)&&n(e.props.children)}};return n(t),i},q=t=>{const r=c(t,f);if(!r)return null;const i=r.props,n=u(r.props.children,h),e=u(r.props.children,w),o=c(r.props.children,g),l=o?o.props.matrix:void 0;return{gap:i.gap,style:i.style,rows:n,columns:e,areas:l}},c=(t,r)=>{const i=n=>{if(n==null||typeof n=="boolean")return null;if(Array.isArray(n)){for(const e of n){const o=i(e);if(o)return o}return null}return a(n,r)?n:s.isValidElement(n)?i(n.props.children):null};return i(t)},m=t=>{const r=q(t);if(!r)return null;if(!r.rows||r.rows.length===0)throw new Error("Config must include at least one <Row size=...> inside <Config>.");if(!r.columns||r.columns.length===0)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 i=r.areas.length,n=r.areas[0]?.length??0;if(i!==r.rows.length)throw new Error(`Areas row count (${i}) must match Rows count (${r.rows.length}).`);if(n!==r.columns.length)throw new Error(`Areas column count (${n}) must match Columns count (${r.columns.length}).`);return{areas:r.areas,rows:r.rows,columns:r.columns,gap:r.gap,style:r.style}};exports.Areas=g;exports.Col=w;exports.Columns=M;exports.Config=f;exports.Panel=d;exports.PanelLayout=S;exports.Row=h;exports.Rows=A;exports.buildConfigFromChildren=m;exports.buildRoutesFromChildren=p;
+//# sourceMappingURL=config.cjs.map

package/dist/config.cjs.map

@@ -0,0 +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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"}

package/dist/config.js

@@ -0,0 +1,210 @@
+import { jsx as p } from "react/jsx-runtime";
+import * as s from "react";
+import { G as d } from "./GridLayout-CmzKfbPP.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.`);
+  return {
+    id: t.id,
+    component: t.element,
+    visible: t.visible,
+    gridArea: t.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
+  };
+}, 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));
+  };
+  return t.forEach((i) => n(i)), r;
+}, g = (t) => {
+  const r = /* @__PURE__ */ new Set();
+  t.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);
+        return;
+      }
+      if (a(i, y)) {
+        const e = i.props;
+        if (!e.id)
+          throw new Error("<Panel> requires an 'id' prop.");
+        if (e.type === "grid") {
+          if (!e.area)
+            throw new Error(`<Panel id="${e.id}"> requires an explicit 'area' prop when type="grid".`);
+          r.push({
+            id: e.id,
+            area: e.area,
+            element: e.children ?? null,
+            visible: e.visible,
+            zIndex: e.zIndex,
+            width: e.width,
+            height: e.height,
+            pointerEvents: e.pointerEvents,
+            style: e.style
+          });
+          return;
+        }
+        if (e.type === "floating") {
+          if (!e.position)
+            throw new Error(`<Panel id="${e.id}"> requires a 'position' prop when type="floating".`);
+          if (e.width === void 0 || e.height === void 0)
+            throw new Error(`<Panel id="${e.id}"> requires 'width' and 'height' when type="floating".`);
+          r.push({
+            id: e.id,
+            element: e.children ?? null,
+            visible: e.visible ?? !0,
+            positionMode: "absolute",
+            position: e.position,
+            zIndex: e.zIndex,
+            width: e.width,
+            height: e.height,
+            pointerEvents: e.pointerEvents,
+            style: e.style,
+            floating: { mode: "embedded", draggable: e.draggable, resizable: e.resizable }
+          });
+          return;
+        }
+        if (e.type === "drawer") {
+          r.push({
+            id: e.id,
+            element: e.children ?? null,
+            visible: e.visible ?? !0,
+            positionMode: "relative",
+            position: e.position,
+            zIndex: e.zIndex,
+            width: e.width,
+            height: e.height,
+            pointerEvents: e.pointerEvents,
+            style: e.style,
+            drawer: e.drawer,
+            backdropStyle: e.backdropStyle
+          });
+          return;
+        }
+        throw new Error("<Panel> has unsupported type.");
+      }
+      if (s.isValidElement(i)) {
+        if (i.type === s.Fragment) {
+          n(i.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);
+    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) => {
+    if (!(e == null || typeof e == "boolean")) {
+      if (Array.isArray(e)) {
+        e.forEach(i);
+        return;
+      }
+      if (a(e, r)) {
+        const o = e.props;
+        if (!o.size)
+          throw new Error("Row/Col requires 'size' property.");
+        n.push({
+          size: o.size,
+          resizable: o.resizable,
+          minSize: o.minSize,
+          maxSize: o.maxSize
+        });
+        return;
+      }
+      s.isValidElement(e) && i(e.props.children);
+    }
+  };
+  return i(t), n;
+}, x = (t) => {
+  const r = c(t, v);
+  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;
+  return {
+    gap: n.gap,
+    style: n.style,
+    rows: i,
+    columns: e,
+    areas: l
+  };
+}, c = (t, r) => {
+  const n = (i) => {
+    if (i == null || typeof i == "boolean")
+      return null;
+    if (Array.isArray(i)) {
+      for (const e of i) {
+        const o = n(e);
+        if (o)
+          return o;
+      }
+      return null;
+    }
+    return a(i, r) ? i : s.isValidElement(i) ? n(i.props.children) : null;
+  };
+  return n(t);
+}, R = (t) => {
+  const r = x(t);
+  if (!r)
+    return null;
+  if (!r.rows || r.rows.length === 0)
+    throw new Error("Config must include at least one <Row size=...> inside <Config>.");
+  if (!r.columns || r.columns.length === 0)
+    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;
+  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}).`);
+  return {
+    areas: r.areas,
+    rows: r.rows,
+    columns: r.columns,
+    gap: r.gap,
+    style: r.style
+  };
+};
+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,
+  E as buildRoutesFromChildren
+};
+//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -0,0 +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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"}