react-panel-layout 0.6.1 → 0.7.0

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  FloatingBehavior,\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?: FloatingBehavior;\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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"}
+{"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  FloatingBehavior,\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?: FloatingBehavior;\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/grid.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GridLayout-DKTg_N61.cjs"),r=require("./FloatingWindow-DMwyK0eK.cjs");exports.GridLayerList=e.GridLayerList;exports.GridLayerResizeHandles=e.GridLayerResizeHandles;exports.GridLayout=e.GridLayout;exports.GridTrackResizeHandle=e.GridTrackResizeHandle;exports.useGridPlacements=e.useGridPlacements;exports.useGridTracks=e.useGridTracks;exports.GridLayoutProvider=r.GridLayoutProvider;exports.useGridLayoutContext=r.useGridLayoutContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GridLayout-DNOClFzz.cjs"),r=require("./FloatingWindow-Cvyokf0m.cjs");exports.GridLayerList=e.GridLayerList;exports.GridLayerResizeHandles=e.GridLayerResizeHandles;exports.GridLayout=e.GridLayout;exports.GridTrackResizeHandle=e.GridTrackResizeHandle;exports.useGridPlacements=e.useGridPlacements;exports.useGridTracks=e.useGridTracks;exports.GridLayoutProvider=r.GridLayoutProvider;exports.useGridLayoutContext=r.useGridLayoutContext;
 //# sourceMappingURL=grid.cjs.map

package/dist/grid.js

@@ -1,5 +1,5 @@
-import { a as e, b as s, G as d, c as i, u as G, d as o } from "./GridLayout-UWNxXw77.js";
-import { G as u, u as L } from "./FloatingWindow-CUXnEtrb.js";
+import { a as e, b as s, G as d, c as i, u as G, d as o } from "./GridLayout-B4aCqSyd.js";
+import { G as u, u as L } from "./FloatingWindow-Bw2djgpz.js";
 export {
   e as GridLayerList,
   s as GridLayerResizeHandles,

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./GridLayout-DKTg_N61.cjs"),t=require("./FloatingWindow-DMwyK0eK.cjs"),s=require("./HorizontalDivider-_pgV4Mcv.cjs"),u=require("./ResizeHandle-CBcAS918.cjs"),l=require("react"),c=require("./useFloatingState-C4kRaW_R.cjs"),d=require("./styles-qf6ptVLD.cjs"),i=require("./PanelSystem-D603LKKv.cjs");function y(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const S=y(l),g=()=>{const{layerId:e}=t.useLayerInstance(),{getLayerHandleProps:r}=t.useGridLayoutContext();return S.useMemo(()=>r(e),[r,e])};exports.GridLayout=o.GridLayout;exports.Drawer=t.Drawer;exports.DrawerLayers=t.DrawerLayers;exports.FloatingWindow=t.FloatingWindow;exports.runTransition=t.runTransition;exports.useTransitionState=t.useTransitionState;exports.HorizontalDivider=s.HorizontalDivider;exports.ResizeHandle=u.ResizeHandle;exports.useFloatingState=c.useFloatingState;exports.CSS_VAR_PREFIX=d.CSS_VAR_PREFIX;exports.PanelSystem=i.PanelSystem;exports.buildInitialState=i.buildInitialState;exports.useLayerDragHandle=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./GridLayout-DNOClFzz.cjs"),t=require("./FloatingWindow-Cvyokf0m.cjs"),s=require("./HorizontalDivider-_pgV4Mcv.cjs"),u=require("./ResizeHandle-CBcAS918.cjs"),l=require("react"),c=require("./useFloatingState-C4kRaW_R.cjs"),d=require("./styles-qf6ptVLD.cjs"),i=require("./PanelSystem-B8Igvnb2.cjs");function y(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const S=y(l),g=()=>{const{layerId:e}=t.useLayerInstance(),{getLayerHandleProps:r}=t.useGridLayoutContext();return S.useMemo(()=>r(e),[r,e])};exports.GridLayout=o.GridLayout;exports.Drawer=t.Drawer;exports.DrawerLayers=t.DrawerLayers;exports.FloatingWindow=t.FloatingWindow;exports.runTransition=t.runTransition;exports.useTransitionState=t.useTransitionState;exports.HorizontalDivider=s.HorizontalDivider;exports.ResizeHandle=u.ResizeHandle;exports.useFloatingState=c.useFloatingState;exports.CSS_VAR_PREFIX=d.CSS_VAR_PREFIX;exports.PanelSystem=i.PanelSystem;exports.buildInitialState=i.buildInitialState;exports.useLayerDragHandle=g;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,12 +1,12 @@
-import { G as m } from "./GridLayout-UWNxXw77.js";
-import { a as e, u as t } from "./FloatingWindow-CUXnEtrb.js";
-import { D as l, b as d, F as f, r as x, c as y } from "./FloatingWindow-CUXnEtrb.js";
+import { G as m } from "./GridLayout-B4aCqSyd.js";
+import { a as e, u as t } from "./FloatingWindow-Bw2djgpz.js";
+import { D as l, b as d, F as f, r as x, c as y } from "./FloatingWindow-Bw2djgpz.js";
 import { H as L } from "./HorizontalDivider-DdxzfV0l.js";
 import { R as D } from "./ResizeHandle-CXjc1meV.js";
 import * as o from "react";
 import { u as R } from "./useFloatingState-tEfA_wbc.js";
 import { C as F } from "./styles-NkjuMOVS.js";
-import { P, v as w } from "./PanelSystem-BqUzNtf2.js";
+import { P, v as w } from "./PanelSystem-DDUSFjXD.js";
 const n = () => {
   const { layerId: r } = e(), { getLayerHandleProps: a } = t();
   return o.useMemo(() => a(r), [a, r]);

package/dist/modules/drawer/drawerStateMachine.d.ts

@@ -0,0 +1,168 @@
+/**
+ * @file Generic state machine for drawer animations.
+ *
+ * This module provides a React-independent state machine for managing drawer
+ * transitions. It handles swipe gestures, button operations, and animations through
+ * a reducer pattern with typed actions.
+ *
+ * The position type is generic, allowing different drawer modes (reveal, overlay)
+ * to use the same state machine logic with mode-specific position calculations.
+ *
+ * Key design principles:
+ * - Pure functions: same input → same output
+ * - No React/DOM dependencies
+ * - Testable in isolation
+ * - Deterministic state transitions
+ */
+import type { DrawerTransformStrategy, DrawerStrategyConfig } from "./strategies/types.js";
+/**
+ * Phase of drawer animation lifecycle.
+ * - closed: Drawer is hidden
+ * - opening: Drawer is animating open
+ * - open: Drawer is fully visible
+ * - closing: Drawer is animating closed
+ */
+export type DrawerPhase = "closed" | "opening" | "open" | "closing";
+/**
+ * Direction of swipe gesture.
+ */
+export type SwipeDirection = "opening" | "closing" | null;
+/**
+ * Animation state tracking from/to positions.
+ */
+export type AnimationState<TPosition> = {
+    /** Animation type */
+    type: "opening" | "closing";
+    /** Starting position */
+    from: TPosition;
+    /** Target position */
+    to: TPosition;
+};
+/**
+ * Complete state for drawer.
+ */
+export type DrawerState<TPosition> = {
+    /** Current animation phase */
+    phase: DrawerPhase;
+    /** Target open state (what the drawer should be after current operation) */
+    targetOpen: boolean;
+    /** Current position */
+    position: TPosition;
+    /** Whether a swipe operation is active */
+    isOperating: boolean;
+    /** Direction of current swipe */
+    swipeDirection: SwipeDirection;
+    /** Current swipe displacement in pixels */
+    displacement: number;
+    /** Animation state if animating */
+    animation: AnimationState<TPosition> | null;
+};
+/**
+ * Compute progress (0-1) from displacement.
+ *
+ * @param displacement - Current swipe displacement in pixels
+ * @param drawerSize - Size of the drawer in pixels
+ * @param direction - Swipe direction ("opening" or "closing")
+ * @returns Progress value between 0 and 1
+ */
+export declare function computeProgressFromDisplacement(displacement: number, drawerSize: number, direction: SwipeDirection): number;
+/**
+ * Determine if drawer should open or close after swipe ends.
+ *
+ * @param displacement - Final swipe displacement in pixels
+ * @param drawerSize - Size of the drawer in pixels
+ * @param direction - Swipe direction
+ * @returns true if drawer should be open, false if closed
+ */
+export declare function computeSwipeEndTarget(displacement: number, drawerSize: number, direction: SwipeDirection): boolean;
+/**
+ * Action creators for drawer state machine.
+ */
+export declare const drawerActions: {
+    /** Start swipe operation */
+    readonly swipeStart: ((direction: "opening" | "closing") => {
+        type: "SWIPE_START";
+        payload: {
+            direction: "opening" | "closing";
+        };
+    }) & {
+        readonly type: "SWIPE_START";
+    };
+    /** Update swipe displacement */
+    readonly swipeUpdate: ((displacement: number) => {
+        type: "SWIPE_UPDATE";
+        payload: {
+            displacement: number;
+        };
+    }) & {
+        readonly type: "SWIPE_UPDATE";
+    };
+    /** End swipe operation */
+    readonly swipeEnd: (() => {
+        type: "SWIPE_END";
+    }) & {
+        readonly type: "SWIPE_END";
+    };
+    /** Animation frame update */
+    readonly animationFrame: ((easedProgress: number) => {
+        type: "ANIMATION_FRAME";
+        payload: {
+            easedProgress: number;
+        };
+    }) & {
+        readonly type: "ANIMATION_FRAME";
+    };
+    /** Animation complete */
+    readonly animationComplete: (() => {
+        type: "ANIMATION_COMPLETE";
+    }) & {
+        readonly type: "ANIMATION_COMPLETE";
+    };
+    /** Button open */
+    readonly buttonOpen: (() => {
+        type: "BUTTON_OPEN";
+    }) & {
+        readonly type: "BUTTON_OPEN";
+    };
+    /** Button close */
+    readonly buttonClose: (() => {
+        type: "BUTTON_CLOSE";
+    }) & {
+        readonly type: "BUTTON_CLOSE";
+    };
+    /** Sync open state from external prop */
+    readonly syncOpenState: ((isOpen: boolean) => {
+        type: "SYNC_OPEN_STATE";
+        payload: {
+            isOpen: boolean;
+        };
+    }) & {
+        readonly type: "SYNC_OPEN_STATE";
+    };
+    /** Initialize state */
+    readonly initialize: ((isOpen: boolean) => {
+        type: "INITIALIZE";
+        payload: {
+            isOpen: boolean;
+        };
+    }) & {
+        readonly type: "INITIALIZE";
+    };
+};
+export type DrawerAction = ReturnType<(typeof drawerActions)[keyof typeof drawerActions]>;
+/**
+ * Create initial state for drawer.
+ *
+ * @param isOpen - Initial open state
+ * @param strategy - Transform strategy
+ * @param config - Drawer configuration
+ * @returns Initial state
+ */
+export declare function createDrawerInitialState<TPosition>(isOpen: boolean, strategy: DrawerTransformStrategy<TPosition>, config: DrawerStrategyConfig): DrawerState<TPosition>;
+/**
+ * Create a drawer reducer for a specific strategy.
+ *
+ * @param strategy - Transform strategy to use for position calculations
+ * @returns Reducer function for the drawer state machine
+ */
+export declare function createDrawerReducer<TPosition>(strategy: DrawerTransformStrategy<TPosition>): (state: DrawerState<TPosition>, action: DrawerAction, config: DrawerStrategyConfig) => DrawerState<TPosition>;

package/dist/modules/drawer/revealDrawerConstants.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @file Constants for reveal drawer state machine.
+ *
+ * Centralizes all threshold values used in reveal drawer behavior.
+ * These values control swipe gestures, animations, and state transitions.
+ */
+/**
+ * Minimum swipe distance in pixels to trigger drawer open.
+ * Used when opening via edge swipe gesture.
+ * ~27% of a 375px mobile screen width.
+ */
+export declare const REVEAL_DRAWER_OPEN_DISTANCE_THRESHOLD = 100;
+/**
+ * Ratio of drawer size that must be swiped to dismiss (close) the drawer.
+ * Value between 0 and 1. When swiping to close, if displacement exceeds
+ * this ratio of the drawer size, the drawer will close.
+ */
+export declare const REVEAL_DRAWER_DISMISS_RATIO = 0.3;
+/**
+ * Percentage offset for drawer when closed.
+ * The drawer is positioned at -30% (or +30% for right/bottom) when closed,
+ * creating a "pull out" parallax effect during the reveal animation.
+ */
+export declare const REVEAL_DRAWER_CLOSED_OFFSET_PERCENT = 30;
+/**
+ * Animation duration in milliseconds for reveal transitions.
+ */
+export declare const REVEAL_DRAWER_ANIMATION_DURATION = 300;
+/**
+ * Threshold in pixels below which positions are considered equal.
+ * Used to determine if animation is needed between two positions.
+ */
+export declare const REVEAL_DRAWER_SNAP_THRESHOLD = 1;

package/dist/modules/drawer/revealDrawerStateMachine.d.ts

@@ -0,0 +1,146 @@
+/**
+ * @file Reveal drawer state machine (backward-compatible re-export).
+ *
+ * This module provides backward compatibility by re-exporting the generic
+ * drawer state machine configured with the reveal strategy.
+ *
+ * For new code, prefer importing from drawerStateMachine.ts directly
+ * with the appropriate strategy.
+ */
+import type { DrawerPlacement } from "../../components/window/drawerStyles.js";
+import type { RevealPosition } from "./strategies/types.js";
+import { computeProgressFromDisplacement as genericComputeProgress, computeSwipeEndTarget as genericComputeSwipeEndTarget, type DrawerPhase, type SwipeDirection, type AnimationState, type DrawerState, type DrawerAction } from "./drawerStateMachine.js";
+import { getPlacementConfig } from "./strategies/types.js";
+/**
+ * @deprecated Use DrawerPhase from drawerStateMachine.ts
+ */
+export type RevealDrawerPhase = DrawerPhase;
+/**
+ * @deprecated Use RevealPosition from strategies/types.ts
+ */
+export type RevealPositionPx = RevealPosition;
+/**
+ * @deprecated Use AnimationState<RevealPosition>
+ */
+export type { AnimationState };
+/**
+ * @deprecated Use DrawerState<RevealPosition>
+ */
+export type RevealDrawerState = DrawerState<RevealPosition>;
+/**
+ * Configuration for the reveal drawer state machine.
+ */
+export type RevealDrawerConfig = {
+    placement: DrawerPlacement;
+    drawerSize: number;
+};
+export type { SwipeDirection };
+export { getPlacementConfig };
+/**
+ * @deprecated Use drawerActions from drawerStateMachine.ts
+ */
+export declare const revealDrawerActions: {
+    readonly swipeStart: ((direction: "opening" | "closing") => {
+        type: "SWIPE_START";
+        payload: {
+            direction: "opening" | "closing";
+        };
+    }) & {
+        readonly type: "SWIPE_START";
+    };
+    readonly swipeUpdate: ((displacement: number) => {
+        type: "SWIPE_UPDATE";
+        payload: {
+            displacement: number;
+        };
+    }) & {
+        readonly type: "SWIPE_UPDATE";
+    };
+    readonly swipeEnd: (() => {
+        type: "SWIPE_END";
+    }) & {
+        readonly type: "SWIPE_END";
+    };
+    readonly animationFrame: ((easedProgress: number) => {
+        type: "ANIMATION_FRAME";
+        payload: {
+            easedProgress: number;
+        };
+    }) & {
+        readonly type: "ANIMATION_FRAME";
+    };
+    readonly animationComplete: (() => {
+        type: "ANIMATION_COMPLETE";
+    }) & {
+        readonly type: "ANIMATION_COMPLETE";
+    };
+    readonly buttonOpen: (() => {
+        type: "BUTTON_OPEN";
+    }) & {
+        readonly type: "BUTTON_OPEN";
+    };
+    readonly buttonClose: (() => {
+        type: "BUTTON_CLOSE";
+    }) & {
+        readonly type: "BUTTON_CLOSE";
+    };
+    readonly syncOpenState: ((isOpen: boolean) => {
+        type: "SYNC_OPEN_STATE";
+        payload: {
+            isOpen: boolean;
+        };
+    }) & {
+        readonly type: "SYNC_OPEN_STATE";
+    };
+    readonly initialize: ((isOpen: boolean) => {
+        type: "INITIALIZE";
+        payload: {
+            isOpen: boolean;
+        };
+    }) & {
+        readonly type: "INITIALIZE";
+    };
+};
+export type RevealDrawerAction = DrawerAction;
+/**
+ * Compute progress from displacement.
+ * @deprecated Use computeProgressFromDisplacement from drawerStateMachine.ts
+ */
+export declare const computeProgressFromDisplacement: typeof genericComputeProgress;
+/**
+ * Compute swipe end target.
+ * @deprecated Use computeSwipeEndTarget from drawerStateMachine.ts
+ */
+export declare const computeSwipeEndTarget: typeof genericComputeSwipeEndTarget;
+/**
+ * Compute drawer offset in pixels from progress.
+ */
+export declare function computeDrawerOffsetPx(progress: number, drawerSize: number, placement: DrawerPlacement): number;
+/**
+ * Compute content offset in pixels from progress.
+ */
+export declare function computeContentOffsetPx(progress: number, drawerSize: number, placement: DrawerPlacement): number;
+/**
+ * Compute position from progress.
+ */
+export declare function computePositionFromProgress(progress: number, config: RevealDrawerConfig): RevealPosition;
+/**
+ * Compute target position for open or closed state.
+ */
+export declare function computeTargetPosition(isOpen: boolean, config: RevealDrawerConfig): RevealPosition;
+/**
+ * Determine if animation is needed between two positions.
+ */
+export declare function shouldAnimate(from: RevealPosition, to: RevealPosition): boolean;
+/**
+ * Interpolate between two positions.
+ */
+export declare function interpolatePosition(from: RevealPosition, to: RevealPosition, progress: number): RevealPosition;
+/**
+ * Create initial state for reveal drawer.
+ */
+export declare function createInitialState(isOpen: boolean, config: RevealDrawerConfig): RevealDrawerState;
+/**
+ * Reveal drawer reducer function.
+ */
+export declare function revealDrawerReducer(state: RevealDrawerState, action: RevealDrawerAction, config: RevealDrawerConfig): RevealDrawerState;

package/dist/modules/drawer/strategies/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @file Drawer transform strategies module.
+ *
+ * Exports strategy implementations for different drawer animation modes.
+ */
+export * from "./types.js";
+export { revealStrategy } from "./revealStrategy.js";
+export { overlayStrategy } from "./overlayStrategy.js";

package/dist/modules/drawer/strategies/overlayStrategy.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @file Overlay mode drawer transform strategy.
+ *
+ * Implements the overlay animation where:
+ * - Drawer slides from ±100% to 0% (slides over content)
+ * - Backdrop opacity changes from 0 to 1
+ */
+import type { DrawerTransformStrategy, OverlayPosition } from "./types.js";
+/**
+ * Overlay mode drawer transform strategy.
+ */
+export declare const overlayStrategy: DrawerTransformStrategy<OverlayPosition>;

package/dist/modules/drawer/strategies/revealStrategy.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @file Reveal mode drawer transform strategy.
+ *
+ * Implements the reveal animation where:
+ * - Drawer slides from -30% to 0% (parallax effect)
+ * - Content slides from 0 to +drawerSize (reveals drawer behind)
+ */
+import type { DrawerTransformStrategy, RevealPosition } from "./types.js";
+/**
+ * Reveal mode drawer transform strategy.
+ */
+export declare const revealStrategy: DrawerTransformStrategy<RevealPosition>;