@treasuryspatial/viewer-ui-kit 0.1.42 → 0.1.56

package/dist/layout.d.ts

@@ -1,41 +1,41 @@
-export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ShellLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, {
+export declare const Layout: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ShellLayout: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, {
     $topOffset?: number;
 }>> & string;
-export declare const ViewerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ControlPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+export declare const ViewerContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ControlPanel: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     $open: boolean;
 }>> & string;
-export declare const PanelHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PanelHeaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PanelHeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PanelTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-export declare const PanelSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const PanelStatusPill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const PanelHeader: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PanelHeaderContent: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PanelHeaderRow: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PanelTitle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const PanelSubtitle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const PanelStatusPill: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $tone?: "loading" | "error" | "ready";
 }>> & string;
-export declare const PanelBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PanelFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PanelCollapseToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
-export declare const PanelShowToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
-export declare const RightPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+export declare const PanelBody: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PanelFooter: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PanelCollapseToggle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
+export declare const PanelShowToggle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
+export declare const RightPanel: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     $open: boolean;
     $topOffset?: number;
 }>> & string;
-export declare const RightPanelCollapseToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
-export declare const RightPanelShowToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
-export declare const InspectorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const RightPanelCollapseToggle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
+export declare const RightPanelShowToggle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
+export declare const InspectorWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $topOffset?: number;
 }>> & string;
-export declare const InspectorCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InspectorHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InspectorTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const InspectorCollapse: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const InspectorBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InspectorRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InspectorToggleRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InspectorToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const FloatingControls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const InspectorCard: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InspectorHeader: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InspectorTitle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const InspectorCollapse: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const InspectorBody: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InspectorRow: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InspectorToggleRow: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InspectorToggle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const FloatingControls: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $panelOpen?: boolean;
 }>> & string;
 //# sourceMappingURL=layout.d.ts.map

package/dist/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,6NAKlB,CAAC;AAEF,eAAO,MAAM,WAAW;iBAAiC,MAAM;YAM9D,CAAC;AAEF,eAAO,MAAM,eAAe,6NAK3B,CAAC;AAEF,eAAO,MAAM,YAAY;WAAyB,OAAO;YAexD,CAAC;AAEF,eAAO,MAAM,WAAW,6NAOvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAI9B,CAAC;AAEF,eAAO,MAAM,cAAc,6NAK1B,CAAC;AAEF,eAAO,MAAM,UAAU,qOAItB,CAAC;AAEF,eAAO,MAAM,aAAa,yOAIzB,CAAC;AAEF,eAAO,MAAM,eAAe;YAAyB,SAAS,GAAG,OAAO,GAAG,OAAO;YA4BjF,CAAC;AAEF,eAAO,MAAM,SAAS,6NASrB,CAAC;AAEF,eAAO,MAAM,WAAW,6NAOvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,wbAM/B,CAAC;AAEF,eAAO,MAAM,eAAe,wbAM3B,CAAC;AAEF,eAAO,MAAM,UAAU;WAAyB,OAAO;iBAAe,MAAM;YAc3E,CAAC;AAEF,eAAO,MAAM,wBAAwB,wbAMpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,wbAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;iBAA6B,MAAM;YAO/D,CAAC;AAEF,eAAO,MAAM,aAAa,6NAYzB,CAAC;AAEF,eAAO,MAAM,eAAe,6NAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,+NAK1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yOAa7B,CAAC;AAEF,eAAO,MAAM,aAAa,6NAGzB,CAAC;AAEF,eAAO,MAAM,YAAY,6NAKxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAI9B,CAAC;AAEF,eAAO,MAAM,eAAe,yOAa3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;iBAA6B,OAAO;YAYhE,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM,gOAKlB,CAAC;AAEF,eAAO,MAAM,WAAW;iBAAiC,MAAM;YAM9D,CAAC;AAEF,eAAO,MAAM,eAAe,gOAQ3B,CAAC;AAEF,eAAO,MAAM,YAAY;WAAyB,OAAO;YAgBxD,CAAC;AAEF,eAAO,MAAM,WAAW,gOAOvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gOAI9B,CAAC;AAEF,eAAO,MAAM,cAAc,gOAK1B,CAAC;AAEF,eAAO,MAAM,UAAU,wOAKtB,CAAC;AAEF,eAAO,MAAM,aAAa,4OAKzB,CAAC;AAEF,eAAO,MAAM,eAAe;YAAyB,SAAS,GAAG,OAAO,GAAG,OAAO;YA4BjF,CAAC;AAEF,eAAO,MAAM,SAAS,gOASrB,CAAC;AAEF,eAAO,MAAM,WAAW,gOAOvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,8bAM/B,CAAC;AAEF,eAAO,MAAM,eAAe,8bAM3B,CAAC;AAEF,eAAO,MAAM,UAAU;WAAyB,OAAO;iBAAe,MAAM;YAc3E,CAAC;AAEF,eAAO,MAAM,wBAAwB,8bAMpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,8bAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;iBAA6B,MAAM;YAO/D,CAAC;AAEF,eAAO,MAAM,aAAa,gOAYzB,CAAC;AAEF,eAAO,MAAM,eAAe,gOAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,kOAK1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,4OAa7B,CAAC;AAEF,eAAO,MAAM,aAAa,gOAGzB,CAAC;AAEF,eAAO,MAAM,YAAY,gOAKxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gOAI9B,CAAC;AAEF,eAAO,MAAM,eAAe,4OAY3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;iBAA6B,OAAO;YAYhE,CAAC"}

package/dist/layout.js

@@ -1,5 +1,6 @@
 'use client';
 import styled from 'styled-components';
+import { panelSystemBodyCss, panelSystemSurfaceCss, panelSystemTitleCss } from './PanelSystem.js';
 export const Layout = styled.div `
   position: relative;
   height: 100vh;
@@ -15,11 +16,15 @@ export const ShellLayout = styled(Layout) `
 `;
 export const ViewerContainer = styled.div `
   position: absolute;
-  inset: 0;
+  left: var(--ui-left-offset, 0px);
+  right: var(--ui-right-offset, 0px);
+  top: 0;
+  bottom: 0;
   z-index: 1;
-  transition: top 0.3s ease, height 0.3s ease;
+  transition: top 0.3s ease, height 0.3s ease, left 0.3s ease, right 0.3s ease;
 `;
 export const ControlPanel = styled.aside `
+  ${panelSystemSurfaceCss}
   position: absolute;
   left: 0;
   top: 0;
@@ -27,7 +32,7 @@ export const ControlPanel = styled.aside `
   width: var(--ui-panel-width);
   background: var(--brand-panel);
   border-right: 1px solid var(--brand-panel-border);
-  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
+  box-shadow: none;
   display: flex;
   flex-direction: column;
   transform: translateX(${(props) => (props.$open ? '0' : '-105%')});
@@ -37,16 +42,16 @@ export const ControlPanel = styled.aside `
 `;
 export const PanelHeader = styled.div `
   position: relative;
-  padding: 18px 20px 16px;
+  padding: 18px 28px 14px 20px;
   border-bottom: 1px solid var(--brand-panel-border);
   background: var(--brand-panel);
-  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
+  box-shadow: none;
   z-index: 10;
 `;
 export const PanelHeaderContent = styled.div `
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: 12px;
 `;
 export const PanelHeaderRow = styled.div `
   display: flex;
@@ -55,24 +60,26 @@ export const PanelHeaderRow = styled.div `
   gap: 12px;
 `;
 export const PanelTitle = styled.h2 `
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--brand-text-primary);
+  ${panelSystemTitleCss}
+  font-size: 32px;
+  font-weight: 500;
+  color: var(--viewer-ui-color-text-strong, var(--brand-text-primary));
 `;
 export const PanelSubtitle = styled.p `
-  font-size: 11px;
-  line-height: 1.5;
-  color: var(--brand-text-secondary);
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 1.4;
+  color: var(--viewer-ui-color-text-muted, var(--brand-text-secondary));
 `;
 export const PanelStatusPill = styled.span `
   font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.12em;
-  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  font-weight: 500;
   padding: 6px 10px;
-  border-radius: 999px;
+  border-radius: 8px;
   border: 1px solid var(--brand-panel-border);
-  color: var(--brand-text-secondary);
+  color: var(--viewer-ui-color-text-muted, var(--brand-text-secondary));
   background: rgba(15, 23, 42, 0.04);
 
   ${(props) => props.$tone === 'loading'
@@ -92,13 +99,13 @@ export const PanelStatusPill = styled.span `
     : ''}
 `;
 export const PanelBody = styled.div `
+  ${panelSystemBodyCss}
   flex: 1;
   min-height: 0;
   overflow-y: auto;
-  padding: 16px 20px 24px;
   display: flex;
   flex-direction: column;
-  gap: 18px;
+  gap: 22px;
   position: relative;
 `;
 export const PanelFooter = styled.div `
@@ -131,7 +138,7 @@ export const RightPanel = styled.aside `
   width: var(--ui-metrics-width);
   background: var(--brand-panel);
   border-left: 1px solid var(--brand-panel-border);
-  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
+  box-shadow: none;
   display: flex;
   flex-direction: column;
   transform: translateX(${(props) => (props.$open ? '0' : '105%')});
@@ -181,8 +188,8 @@ export const InspectorHeader = styled.div `
 `;
 export const InspectorTitle = styled.span `
   font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
+  text-transform: none;
+  letter-spacing: 0;
   font-weight: 600;
 `;
 export const InspectorCollapse = styled.button `
@@ -190,8 +197,8 @@ export const InspectorCollapse = styled.button `
   background: transparent;
   color: rgba(226, 232, 240, 0.7);
   font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.18em;
+  text-transform: none;
+  letter-spacing: 0;
   cursor: pointer;
   padding: 0;
 
@@ -219,11 +226,10 @@ export const InspectorToggle = styled.button `
   background: rgba(148, 163, 184, 0.12);
   color: inherit;
   padding: 6px 10px;
-  border-radius: 999px;
+  border-radius: 8px;
   font-size: 11px;
-  text-transform: lowercase;
+  text-transform: none;
   cursor: pointer;
-
   &[data-active='true'] {
     background: rgba(148, 163, 184, 0.28);
   }

package/dist/mapMetrics.d.ts

@@ -0,0 +1,88 @@
+export type MapSiteMetrics = {
+    address?: string | null;
+    sourceKind?: string | null;
+    geometryKind?: string | null;
+    plotAreaSqm?: number | null;
+    linearLengthMeters?: number | null;
+    plotPerimeterMeters?: number | null;
+    footprintAreaSqm?: number | null;
+    frontageMeters?: number | null;
+    footprintOffsetMeters?: number | null;
+    pointCount?: number | null;
+    orientationDegrees?: number | null;
+    siteCoveragePercent?: number | null;
+    floorAreaRatio?: number | null;
+    openSpacePercent?: number | null;
+};
+export type MapModelMetrics = {
+    toolId?: string | null;
+    compositionLabel?: string | null;
+    segmentCount?: number | null;
+    floorCount?: number | null;
+    floorAreaSqm?: number | null;
+    heightMeters?: number | null;
+    volumetricMassCubicMeters?: number | null;
+    offsetFromPlotMeters?: number | null;
+    corridorWidthMeters?: number | null;
+    estimatedUnits?: number | null;
+};
+export type MapEcoMetrics = {
+    canopyCoveragePercent?: number | null;
+    permeableSurfacePercent?: number | null;
+    stormwaterRetentionPercent?: number | null;
+    biodiversityIndex?: number | null;
+    heatIslandReductionIndex?: number | null;
+    waterQualityIndex?: number | null;
+    salinityPpt?: number | null;
+    wildlifeHabitatIndex?: number | null;
+};
+export type MapMaterialsMetrics = {
+    primaryMaterial?: string | null;
+    hardscapeRatioPercent?: number | null;
+    softscapeRatioPercent?: number | null;
+    timberSharePercent?: number | null;
+    concreteSharePercent?: number | null;
+    steelSharePercent?: number | null;
+    embodiedCarbonKgCo2ePerSqm?: number | null;
+};
+export type MapCostMetrics = {
+    landCost?: number | null;
+    projectBuildCost?: number | null;
+    publicRealmCost?: number | null;
+    annualOpsCost?: number | null;
+    contingencyPercent?: number | null;
+};
+export type MapDeliveryMetrics = {
+    timeToBuildMonths?: number | null;
+    phaseCount?: number | null;
+    permittingTrack?: string | null;
+    procurementComplexityIndex?: number | null;
+};
+export type MapPlanningMetrics = {
+    planningStatus?: string | null;
+    zoningFitIndex?: number | null;
+    codeComplexityIndex?: number | null;
+    heightComplianceIndex?: number | null;
+    setbackRiskIndex?: number | null;
+};
+export type MapMarketMetrics = {
+    averagePricePerUnit?: number | null;
+    timeToSaleMonths?: number | null;
+    marketVelocityIndex?: number | null;
+    marketMatchIndex?: number | null;
+    adjacentValueUpliftPercent?: number | null;
+    leaseUpMonths?: number | null;
+};
+export type MapMetricsPayload = {
+    source?: string;
+    timestamp?: string;
+    site: MapSiteMetrics;
+    model: MapModelMetrics;
+    eco?: MapEcoMetrics | null;
+    materials?: MapMaterialsMetrics | null;
+    cost?: MapCostMetrics | null;
+    delivery?: MapDeliveryMetrics | null;
+    planning?: MapPlanningMetrics | null;
+    market?: MapMarketMetrics | null;
+};
+//# sourceMappingURL=mapMetrics.d.ts.map

package/dist/mapMetrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapMetrics.d.ts","sourceRoot":"","sources":["../src/mapMetrics.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,yBAAyB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,0BAA0B,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,0BAA0B,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,0BAA0B,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,0BAA0B,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,eAAe,CAAC;IACvB,GAAG,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAClC,CAAC"}

package/dist/mapMetrics.js

@@ -0,0 +1 @@
+export {};

package/dist/panelPrimitives.d.ts

@@ -0,0 +1,11 @@
+export declare const panelEyebrowCss: import("styled-components").RuleSet<object>;
+export declare const panelTitleCss: import("styled-components").RuleSet<object>;
+export declare const panelSectionTitleCss: import("styled-components").RuleSet<object>;
+export declare const panelBodyTextCss: import("styled-components").RuleSet<object>;
+export declare const panelValueTextCss: import("styled-components").RuleSet<object>;
+export declare const panelSubheadingCss: import("styled-components").RuleSet<object>;
+export declare const panelPillRowCss: import("styled-components").RuleSet<object>;
+export declare const panelPillButtonCss: import("styled-components").RuleSet<{
+    $active?: boolean;
+}>;
+//# sourceMappingURL=panelPrimitives.d.ts.map

package/dist/panelPrimitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelPrimitives.d.ts","sourceRoot":"","sources":["../src/panelPrimitives.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,eAAe,6CAG3B,CAAC;AAEF,eAAO,MAAM,aAAa,6CAGzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,6CAGhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6CAG5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,6CAG7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,6CAG9B,CAAC;AAEF,eAAO,MAAM,eAAe,6CAI3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;cAAmB,OAAO;EAUxD,CAAC"}

package/dist/panelPrimitives.js

@@ -0,0 +1,41 @@
+'use client';
+import { css } from 'styled-components';
+import { panelSystemBodyTextCss, panelSystemFeatureToggleCss, panelSystemLabelCss, panelSystemSectionHeadingCss, panelSystemSubheadingCss, panelSystemTitleCss, panelSystemToggleBarCss, panelSystemValueCss, } from './PanelSystem.js';
+export const panelEyebrowCss = css `
+  ${panelSystemLabelCss}
+  color: var(--viewer-ui-color-text-muted, var(--brand-text-secondary));
+`;
+export const panelTitleCss = css `
+  ${panelSystemTitleCss}
+  color: var(--viewer-ui-color-text-strong, var(--brand-text-primary));
+`;
+export const panelSectionTitleCss = css `
+  ${panelSystemSectionHeadingCss}
+  color: var(--viewer-ui-color-text-strong, var(--brand-text-primary));
+`;
+export const panelBodyTextCss = css `
+  ${panelSystemBodyTextCss}
+  color: var(--viewer-ui-color-text-muted, var(--brand-text-secondary));
+`;
+export const panelValueTextCss = css `
+  ${panelSystemValueCss}
+  color: var(--viewer-ui-color-text-strong, var(--brand-text-primary));
+`;
+export const panelSubheadingCss = css `
+  ${panelSystemSubheadingCss}
+  color: var(--viewer-ui-color-text-strong, var(--brand-text-primary));
+`;
+export const panelPillRowCss = css `
+  ${panelSystemToggleBarCss}
+  justify-content: flex-start;
+  padding-bottom: 6px;
+`;
+export const panelPillButtonCss = css `
+  ${panelSystemFeatureToggleCss}
+  background: ${(props) => props.$active
+    ? 'var(--panel-system-accent, var(--brand-primary))'
+    : 'var(--panel-system-toggle-bg, rgba(255, 255, 255, 0.6))'};
+  color: ${(props) => props.$active
+    ? 'var(--viewer-ui-color-button-primary-text, rgb(255 255 255))'
+    : 'var(--panel-system-toggle-fg, rgb(0 0 0))'};
+`;

package/dist/topbarLogoPolicy.d.ts

@@ -0,0 +1,14 @@
+type TopbarLogo = {
+    src?: string;
+    alt?: string;
+} | null | undefined;
+export declare const normalizeTopbarLogoSrcForComparison: (value: string | null | undefined) => string | null;
+export declare const resolveVisibleTopbarSecondaryLogo: ({ primaryLogo, subtenantLogo, composerDataSecondaryLogo, manifestSecondaryLogo, hasSubtenant, }: {
+    primaryLogo?: TopbarLogo;
+    subtenantLogo?: TopbarLogo;
+    composerDataSecondaryLogo?: TopbarLogo;
+    manifestSecondaryLogo?: TopbarLogo;
+    hasSubtenant: boolean;
+}) => TopbarLogo;
+export {};
+//# sourceMappingURL=topbarLogoPolicy.d.ts.map

package/dist/topbarLogoPolicy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"topbarLogoPolicy.d.ts","sourceRoot":"","sources":["../src/topbarLogoPolicy.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,GAAG,SAAS,CAAC;AAErB,eAAO,MAAM,mCAAmC,GAAI,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,kBA0BnF,CAAC;AAQF,eAAO,MAAM,iCAAiC,GAAI,iGAM/C;IACD,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,yBAAyB,CAAC,EAAE,UAAU,CAAC;IACvC,qBAAqB,CAAC,EAAE,UAAU,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;CACvB,eAQA,CAAC"}

package/dist/topbarLogoPolicy.js

@@ -0,0 +1,41 @@
+export const normalizeTopbarLogoSrcForComparison = (value) => {
+    const trimmed = value?.trim();
+    if (!trimmed)
+        return null;
+    let src = trimmed;
+    try {
+        const parsed = new URL(trimmed, 'https://composer.local');
+        const proxiedSrc = parsed.pathname === '/api/assets/hdr'
+            ? parsed.searchParams.get('src')
+            : null;
+        if (proxiedSrc) {
+            src = proxiedSrc;
+        }
+    }
+    catch {
+        src = trimmed;
+    }
+    try {
+        const absolute = /^[a-z][a-z0-9+.-]*:/i.test(src);
+        const parsed = new URL(src, 'https://composer.local');
+        return absolute
+            ? `${parsed.protocol}//${parsed.host}${parsed.pathname}${parsed.search}`
+            : `${parsed.pathname}${parsed.search}`;
+    }
+    catch {
+        return src;
+    }
+};
+const isSameTopbarLogo = (left, right) => {
+    const leftSrc = normalizeTopbarLogoSrcForComparison(left?.src);
+    const rightSrc = normalizeTopbarLogoSrcForComparison(right?.src);
+    return Boolean(leftSrc && rightSrc && leftSrc === rightSrc);
+};
+export const resolveVisibleTopbarSecondaryLogo = ({ primaryLogo, subtenantLogo, composerDataSecondaryLogo, manifestSecondaryLogo, hasSubtenant, }) => {
+    const candidates = [
+        hasSubtenant ? subtenantLogo : undefined,
+        composerDataSecondaryLogo,
+        manifestSecondaryLogo,
+    ];
+    return candidates.find((candidate) => Boolean(candidate?.src) && !isSameTopbarLogo(primaryLogo, candidate));
+};