@principal-ade/panel-layouts 0.4.7 → 0.4.8

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import { AIFunctionDefinition } from '@principal-ade/panel-framework-core';
+import { ConfigurablePanelLayout } from '@principal-ade/panels';
 import { ConfigurablePanelLayoutHandle } from '@principal-ade/panels';
+import { ConfigurablePanelLayoutProps } from '@principal-ade/panels';
 import { default as default_2 } from 'react';
 import { EditableConfigurablePanelLayout } from '@principal-ade/panels';
 import { EditableConfigurablePanelLayoutProps } from '@principal-ade/panels';
@@ -226,8 +228,12 @@ export declare interface CommandHistoryEntry {
     success: boolean;
 }
 
+export { ConfigurablePanelLayout }
+
 export { ConfigurablePanelLayoutHandle }
 
+export { ConfigurablePanelLayoutProps }
+
 /**
  * Options for creating a new workspace
  */

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 var Ee = Object.defineProperty;
 var Re = (o, e, t) => e in o ? Ee(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var le = (o, e, t) => Re(o, typeof e != "symbol" ? e + "" : e, t);
-import { EditableConfigurablePanelLayout as Pt, PanelBoundsProvider as zt, ResponsiveConfigurablePanelLayout as Lt, mapThemeToPanelVars as Wt, mapThemeToTabVars as _t, usePanelBounds as Et, usePanelOffset as Rt } from "@principal-ade/panels";
+import { ConfigurablePanelLayout as Pt, EditableConfigurablePanelLayout as zt, PanelBoundsProvider as Lt, ResponsiveConfigurablePanelLayout as Wt, mapThemeToPanelVars as _t, mapThemeToTabVars as Et, usePanelBounds as Rt, usePanelOffset as Dt } from "@principal-ade/panels";
 import { useState as _, useRef as U, useEffect as E, useCallback as w, useMemo as ne } from "react";
 import { jsx as l, jsxs as b, Fragment as ce } from "react/jsx-runtime";
 import { useTheme as ee } from "@principal-ade/industry-theme";
@@ -3174,18 +3174,19 @@ export {
   xe as AgentCommandInput,
   Fe as AgentCommandPalette,
   be as AgentResponseDisplay,
-  Pt as EditableConfigurablePanelLayout,
+  Pt as ConfigurablePanelLayout,
+  zt as EditableConfigurablePanelLayout,
   ht as FocusIndicator,
   mt as FocusModeOverlay,
   De as LocalStoragePersistenceAdapter,
   Me as LocalStorageWorkspaceAdapter,
-  zt as PanelBoundsProvider,
+  Lt as PanelBoundsProvider,
   me as PanelCollapseButton,
   st as PanelConfigureButton,
   It as PanelControls,
   ye as PanelSwitchButton,
   we as QuickCommandAutocomplete,
-  Lt as ResponsiveConfigurablePanelLayout,
+  Wt as ResponsiveConfigurablePanelLayout,
   ke as ToolExecutionList,
   F as WorkspaceLayoutService,
   Ie as collapseAllPanelsTool,
@@ -3199,8 +3200,8 @@ export {
   Qe as layoutTools,
   bt as layoutToolsMetadata,
   Te as listPanelsWithStateTool,
-  Wt as mapThemeToPanelVars,
-  _t as mapThemeToTabVars,
+  _t as mapThemeToPanelVars,
+  Et as mapThemeToTabVars,
   ze as resetLayoutTool,
   Be as searchQuickCommands,
   xt as stateQueryTools,
@@ -3215,11 +3216,11 @@ export {
   wt as toolsToGeminiFormat,
   St as toolsToOpenAIFormat,
   yt as useAgentCommandPalette,
-  Et as usePanelBounds,
+  Rt as usePanelBounds,
   ut as usePanelFocus,
   gt as usePanelFocusListener,
   ft as usePanelKeyboardShortcuts,
-  Rt as usePanelOffset,
+  Dt as usePanelOffset,
   dt as usePanelPersistence,
   pt as useWorkspace
 };

package/dist/index.js

@@ -79,5 +79,5 @@ ${n}`)}return l});return`${t}
 
 ${a.join(`
 
-`)}`}const dt=({size:o=18})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M9 3v18"})]}),ut=({size:o=18})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M9 3v18"}),s.jsx("path",{d:"m16 15-3-3 3-3"})]}),pt=({size:o=18})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M15 3v18"})]}),ft=({size:o=18})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M15 3v18"}),s.jsx("path",{d:"m8 9 3 3-3 3"})]}),ie=({isCollapsed:o,onToggle:e,side:t="left",iconSize:r=18,style:a,shortcutHint:c="Cmd/Ctrl+B",title:l,className:n})=>{const{theme:m}=U.useTheme(),d=()=>t==="right"?o?s.jsx(pt,{size:r}):s.jsx(ft,{size:r}):o?s.jsx(dt,{size:r}):s.jsx(ut,{size:r}),b=()=>`${o?"Show":"Hide"} ${t==="right"?"Right Panel":"Sidebar"}${c?` (${c})`:""}`;return s.jsx("button",{onClick:e,title:l??b(),className:n,style:{background:"transparent",border:"none",color:o?m.colors.textSecondary:m.colors.primary,cursor:"pointer",padding:"6px",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",width:"32px",height:"32px",...a},onMouseEnter:p=>{p.currentTarget.style.backgroundColor=m.colors.backgroundTertiary,p.currentTarget.style.color=m.colors.primary},onMouseLeave:p=>{p.currentTarget.style.backgroundColor="transparent",p.currentTarget.style.color=o?m.colors.textSecondary:m.colors.primary},children:d()})},gt=({size:o=14})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"M8 3 4 7l4 4"}),s.jsx("path",{d:"M4 7h16"}),s.jsx("path",{d:"m16 21 4-4-4-4"}),s.jsx("path",{d:"M20 17H4"})]}),mt=({size:o=14})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"m16 3 4 4-4 4"}),s.jsx("path",{d:"M20 7H4"}),s.jsx("path",{d:"m8 21-4-4 4-4"}),s.jsx("path",{d:"M4 17h16"})]}),le=({onSwitch:o,variant:e="left-middle",iconSize:t=14,style:r,title:a,className:c})=>{const{theme:l}=U.useTheme(),n=()=>e==="left-middle"?"Switch left and middle panels":"Switch right and middle panels",m=e==="left-middle"?gt:mt;return s.jsx("button",{onClick:o,title:a??n(),className:c,style:{background:"transparent",border:"none",color:l.colors.textSecondary,cursor:"pointer",padding:"6px",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",width:"32px",height:"32px",...r},onMouseEnter:d=>{d.currentTarget.style.backgroundColor=l.colors.backgroundTertiary,d.currentTarget.style.color=l.colors.text},onMouseLeave:d=>{d.currentTarget.style.backgroundColor="transparent",d.currentTarget.style.color=l.colors.textSecondary},children:s.jsx(m,{size:t})})},ht=({size:o=14})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M3 9h18"}),s.jsx("path",{d:"M9 21V9"})]}),We=({onConfigure:o,iconSize:e=14,style:t,title:r="Configure panel layout",className:a})=>{const{theme:c}=U.useTheme();return s.jsx("button",{onClick:o,title:r,className:a,style:{background:"transparent",border:"none",color:c.colors.textSecondary,cursor:"pointer",padding:"6px",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",width:"32px",height:"32px",...t},onMouseEnter:l=>{l.currentTarget.style.backgroundColor=c.colors.backgroundTertiary,l.currentTarget.style.color=c.colors.text},onMouseLeave:l=>{l.currentTarget.style.backgroundColor="transparent",l.currentTarget.style.color=c.colors.textSecondary},children:s.jsx(ht,{size:e})})},yt=({leftSidebarCollapsed:o=!1,onToggleLeftSidebar:e,showLeftSidebarControl:t=!1,rightSidebarCollapsed:r=!1,onToggleRightSidebar:a,showRightSidebarControl:c=!1,onSwitchLeftMiddlePanels:l,showSwitchLeftMiddle:n=!1,onSwitchRightMiddlePanels:m,showSwitchRightMiddle:d=!1,onConfigurePanels:b,showConfigureButton:p=!1,gap:h=4,style:v,className:g,iconSize:u,leftCollapseButtonProps:f,rightCollapseButtonProps:x,leftMiddleSwitchButtonProps:$,rightMiddleSwitchButtonProps:M,configureButtonProps:P})=>t&&e||n&&l||p&&b||d&&m||c&&a?s.jsxs("div",{className:g,style:{display:"flex",alignItems:"center",gap:`${h}px`,...v},children:[t&&e&&s.jsx(ie,{isCollapsed:o,onToggle:e,side:"left",iconSize:u??18,...f}),n&&l&&s.jsx(le,{onSwitch:l,variant:"left-middle",iconSize:u??14,...$}),p&&b&&s.jsx(We,{onConfigure:b,iconSize:u??14,...P}),d&&m&&s.jsx(le,{onSwitch:m,variant:"right-middle",iconSize:u??14,...M}),c&&a&&s.jsx(ie,{isCollapsed:r,onToggle:a,side:"right",iconSize:u??18,...x})]}):null;Object.defineProperty(exports,"EditableConfigurablePanelLayout",{enumerable:!0,get:()=>ee.EditableConfigurablePanelLayout});Object.defineProperty(exports,"PanelBoundsProvider",{enumerable:!0,get:()=>ee.PanelBoundsProvider});Object.defineProperty(exports,"ResponsiveConfigurablePanelLayout",{enumerable:!0,get:()=>ee.ResponsiveConfigurablePanelLayout});Object.defineProperty(exports,"mapThemeToPanelVars",{enumerable:!0,get:()=>ee.mapThemeToPanelVars});Object.defineProperty(exports,"mapThemeToTabVars",{enumerable:!0,get:()=>ee.mapThemeToTabVars});Object.defineProperty(exports,"usePanelBounds",{enumerable:!0,get:()=>ee.usePanelBounds});Object.defineProperty(exports,"usePanelOffset",{enumerable:!0,get:()=>ee.usePanelOffset});exports.AgentCommandInput=ce;exports.AgentCommandPalette=Pe;exports.AgentResponseDisplay=ue;exports.FocusIndicator=He;exports.FocusModeOverlay=Je;exports.LocalStoragePersistenceAdapter=Te;exports.LocalStorageWorkspaceAdapter=Ie;exports.PanelCollapseButton=ie;exports.PanelConfigureButton=We;exports.PanelControls=yt;exports.PanelSwitchButton=le;exports.QuickCommandAutocomplete=pe;exports.ToolExecutionList=de;exports.WorkspaceLayoutService=_;exports.collapseAllPanelsTool=ye;exports.expandAllPanelsTool=xe;exports.focusPanelTool=ke;exports.fuzzyMatch=ne;exports.generateToolsSystemPrompt=ct;exports.getPanelStateTool=ge;exports.getVisiblePanelsTool=fe;exports.layoutActionTools=st;exports.layoutTools=$e;exports.layoutToolsMetadata=rt;exports.listPanelsWithStateTool=me;exports.resetLayoutTool=we;exports.searchQuickCommands=Ae;exports.stateQueryTools=ot;exports.switchPanelTool=be;exports.togglePanelTool=he;exports.toolToAIFunction=Re;exports.toolToAnthropicFormat=ze;exports.toolToGeminiFunction=Ee;exports.toolToOpenAIFunction=Le;exports.toolsToAIFunctions=lt;exports.toolsToAnthropicFormat=it;exports.toolsToGeminiFormat=nt;exports.toolsToOpenAIFormat=at;exports.useAgentCommandPalette=tt;exports.usePanelFocus=Be;exports.usePanelFocusListener=Ke;exports.usePanelKeyboardShortcuts=Ve;exports.usePanelPersistence=qe;exports.useWorkspace=Ne;
+`)}`}const dt=({size:o=18})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M9 3v18"})]}),ut=({size:o=18})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M9 3v18"}),s.jsx("path",{d:"m16 15-3-3 3-3"})]}),pt=({size:o=18})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M15 3v18"})]}),ft=({size:o=18})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M15 3v18"}),s.jsx("path",{d:"m8 9 3 3-3 3"})]}),ie=({isCollapsed:o,onToggle:e,side:t="left",iconSize:r=18,style:a,shortcutHint:c="Cmd/Ctrl+B",title:l,className:n})=>{const{theme:m}=U.useTheme(),d=()=>t==="right"?o?s.jsx(pt,{size:r}):s.jsx(ft,{size:r}):o?s.jsx(dt,{size:r}):s.jsx(ut,{size:r}),b=()=>`${o?"Show":"Hide"} ${t==="right"?"Right Panel":"Sidebar"}${c?` (${c})`:""}`;return s.jsx("button",{onClick:e,title:l??b(),className:n,style:{background:"transparent",border:"none",color:o?m.colors.textSecondary:m.colors.primary,cursor:"pointer",padding:"6px",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",width:"32px",height:"32px",...a},onMouseEnter:p=>{p.currentTarget.style.backgroundColor=m.colors.backgroundTertiary,p.currentTarget.style.color=m.colors.primary},onMouseLeave:p=>{p.currentTarget.style.backgroundColor="transparent",p.currentTarget.style.color=o?m.colors.textSecondary:m.colors.primary},children:d()})},gt=({size:o=14})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"M8 3 4 7l4 4"}),s.jsx("path",{d:"M4 7h16"}),s.jsx("path",{d:"m16 21 4-4-4-4"}),s.jsx("path",{d:"M20 17H4"})]}),mt=({size:o=14})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("path",{d:"m16 3 4 4-4 4"}),s.jsx("path",{d:"M20 7H4"}),s.jsx("path",{d:"m8 21-4-4 4-4"}),s.jsx("path",{d:"M4 17h16"})]}),le=({onSwitch:o,variant:e="left-middle",iconSize:t=14,style:r,title:a,className:c})=>{const{theme:l}=U.useTheme(),n=()=>e==="left-middle"?"Switch left and middle panels":"Switch right and middle panels",m=e==="left-middle"?gt:mt;return s.jsx("button",{onClick:o,title:a??n(),className:c,style:{background:"transparent",border:"none",color:l.colors.textSecondary,cursor:"pointer",padding:"6px",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",width:"32px",height:"32px",...r},onMouseEnter:d=>{d.currentTarget.style.backgroundColor=l.colors.backgroundTertiary,d.currentTarget.style.color=l.colors.text},onMouseLeave:d=>{d.currentTarget.style.backgroundColor="transparent",d.currentTarget.style.color=l.colors.textSecondary},children:s.jsx(m,{size:t})})},ht=({size:o=14})=>s.jsxs("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"}),s.jsx("path",{d:"M3 9h18"}),s.jsx("path",{d:"M9 21V9"})]}),We=({onConfigure:o,iconSize:e=14,style:t,title:r="Configure panel layout",className:a})=>{const{theme:c}=U.useTheme();return s.jsx("button",{onClick:o,title:r,className:a,style:{background:"transparent",border:"none",color:c.colors.textSecondary,cursor:"pointer",padding:"6px",borderRadius:"4px",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s",width:"32px",height:"32px",...t},onMouseEnter:l=>{l.currentTarget.style.backgroundColor=c.colors.backgroundTertiary,l.currentTarget.style.color=c.colors.text},onMouseLeave:l=>{l.currentTarget.style.backgroundColor="transparent",l.currentTarget.style.color=c.colors.textSecondary},children:s.jsx(ht,{size:e})})},yt=({leftSidebarCollapsed:o=!1,onToggleLeftSidebar:e,showLeftSidebarControl:t=!1,rightSidebarCollapsed:r=!1,onToggleRightSidebar:a,showRightSidebarControl:c=!1,onSwitchLeftMiddlePanels:l,showSwitchLeftMiddle:n=!1,onSwitchRightMiddlePanels:m,showSwitchRightMiddle:d=!1,onConfigurePanels:b,showConfigureButton:p=!1,gap:h=4,style:v,className:g,iconSize:u,leftCollapseButtonProps:f,rightCollapseButtonProps:x,leftMiddleSwitchButtonProps:$,rightMiddleSwitchButtonProps:M,configureButtonProps:P})=>t&&e||n&&l||p&&b||d&&m||c&&a?s.jsxs("div",{className:g,style:{display:"flex",alignItems:"center",gap:`${h}px`,...v},children:[t&&e&&s.jsx(ie,{isCollapsed:o,onToggle:e,side:"left",iconSize:u??18,...f}),n&&l&&s.jsx(le,{onSwitch:l,variant:"left-middle",iconSize:u??14,...$}),p&&b&&s.jsx(We,{onConfigure:b,iconSize:u??14,...P}),d&&m&&s.jsx(le,{onSwitch:m,variant:"right-middle",iconSize:u??14,...M}),c&&a&&s.jsx(ie,{isCollapsed:r,onToggle:a,side:"right",iconSize:u??18,...x})]}):null;Object.defineProperty(exports,"ConfigurablePanelLayout",{enumerable:!0,get:()=>ee.ConfigurablePanelLayout});Object.defineProperty(exports,"EditableConfigurablePanelLayout",{enumerable:!0,get:()=>ee.EditableConfigurablePanelLayout});Object.defineProperty(exports,"PanelBoundsProvider",{enumerable:!0,get:()=>ee.PanelBoundsProvider});Object.defineProperty(exports,"ResponsiveConfigurablePanelLayout",{enumerable:!0,get:()=>ee.ResponsiveConfigurablePanelLayout});Object.defineProperty(exports,"mapThemeToPanelVars",{enumerable:!0,get:()=>ee.mapThemeToPanelVars});Object.defineProperty(exports,"mapThemeToTabVars",{enumerable:!0,get:()=>ee.mapThemeToTabVars});Object.defineProperty(exports,"usePanelBounds",{enumerable:!0,get:()=>ee.usePanelBounds});Object.defineProperty(exports,"usePanelOffset",{enumerable:!0,get:()=>ee.usePanelOffset});exports.AgentCommandInput=ce;exports.AgentCommandPalette=Pe;exports.AgentResponseDisplay=ue;exports.FocusIndicator=He;exports.FocusModeOverlay=Je;exports.LocalStoragePersistenceAdapter=Te;exports.LocalStorageWorkspaceAdapter=Ie;exports.PanelCollapseButton=ie;exports.PanelConfigureButton=We;exports.PanelControls=yt;exports.PanelSwitchButton=le;exports.QuickCommandAutocomplete=pe;exports.ToolExecutionList=de;exports.WorkspaceLayoutService=_;exports.collapseAllPanelsTool=ye;exports.expandAllPanelsTool=xe;exports.focusPanelTool=ke;exports.fuzzyMatch=ne;exports.generateToolsSystemPrompt=ct;exports.getPanelStateTool=ge;exports.getVisiblePanelsTool=fe;exports.layoutActionTools=st;exports.layoutTools=$e;exports.layoutToolsMetadata=rt;exports.listPanelsWithStateTool=me;exports.resetLayoutTool=we;exports.searchQuickCommands=Ae;exports.stateQueryTools=ot;exports.switchPanelTool=be;exports.togglePanelTool=he;exports.toolToAIFunction=Re;exports.toolToAnthropicFormat=ze;exports.toolToGeminiFunction=Ee;exports.toolToOpenAIFunction=Le;exports.toolsToAIFunctions=lt;exports.toolsToAnthropicFormat=it;exports.toolsToGeminiFormat=nt;exports.toolsToOpenAIFormat=at;exports.useAgentCommandPalette=tt;exports.usePanelFocus=Be;exports.usePanelFocusListener=Ke;exports.usePanelKeyboardShortcuts=Ve;exports.usePanelPersistence=qe;exports.useWorkspace=Ne;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/panel-layouts",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "description": "Pre-built panel layout components and workspace management for the Panel Framework",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",