@ramme-io/ui 4.0.0 → 4.1.0

package/dist/index.d.ts

@@ -14,7 +14,14 @@ export * from './blocks/ai/ChatFAB';
 export { AIChatThread } from './components/ai/AIChatThread/AIChatThread';
 export type { AIChatThreadProps, ChatConnectionStatus } from './components/ai/AIChatThread/AIChatThread';
 export * from './components/ai/CompanyProfileCard';
+export * from './components/ai/CounterpartyGraphCard';
+export * from './components/ai/DivergenceMetricsCard';
+export * from './components/ai/ArchitectureReferenceCard';
 export * from './components/ai/KeyInjectionOverlay';
+export * from './components/ai/LiveQuoteCard';
+export * from './components/ai/NewsSummaryCard';
+export * from './components/ai/StockChart';
+export * from './components/ai/TelemetryGraph';
 export * from './contexts/ThemeContext';
 export { AuthLayout } from './components/auth/AuthLayout';
 export { LoginPage } from './components/auth/LoginPage';
@@ -59,6 +66,7 @@ export { ToggleSwitch as Switch } from './components/forms/ToggleSwitch';
 export * from './lib/hooks/useDataFetch';
 export * from './lib/hooks/useChartTheme';
 export * from './lib/hooks/useMediaQuery';
+export * from './lib/hooks/useBodyScrollLock';
 export * from './components/hardware/CircularDial';
 export * from './components/hardware/HardwareCommandButton';
 export * from './components/hardware/Sparkline';

package/dist/index.js

@@ -5,20 +5,20 @@ import { mockChartData as f, mockTableData as x } from "./data/mockData.js";
 import { Loader as n } from "./blocks/ai/Loader.js";
 import { Actions as s, Suggestion as T } from "./blocks/ai/Actions.js";
 import { PromptInput as h } from "./blocks/ai/PromptInput.js";
-import { Message as C } from "./blocks/ai/Message.js";
-import { Conversation as S } from "./blocks/ai/Conversation.js";
+import { Message as c } from "./blocks/ai/Message.js";
+import { Conversation as u } from "./blocks/ai/Conversation.js";
 import { ChatFAB as b } from "./blocks/ai/ChatFAB.js";
 import { AIChatThread as A } from "./components/ai/AIChatThread/AIChatThread.js";
-import { KeyInjectionOverlay as I } from "./components/ai/KeyInjectionOverlay.js";
-import { TAY_DREAMBOAT_THEME as R, ThemeProvider as v, availableThemes as L, useTheme as M } from "./contexts/ThemeContext.js";
-import { AuthLayout as F } from "./components/auth/AuthLayout.js";
-import { LoginPage as y } from "./components/auth/LoginPage.js";
+import { KeyInjectionOverlay as B } from "./components/ai/KeyInjectionOverlay.js";
+import { TAY_DREAMBOAT_THEME as R, ThemeProvider as v, availableThemes as L, useTheme as E } from "./contexts/ThemeContext.js";
+import { AuthLayout as y } from "./components/auth/AuthLayout.js";
+import { LoginPage as F } from "./components/auth/LoginPage.js";
 import { SignupPage as O } from "./components/auth/SignupPage.js";
 import { DataTable as H } from "./components/data-display/DataTable.js";
-import { ActivityFeed as V } from "./components/data-display/ActivityFeed.js";
-import { Table as N } from "./components/data-display/Table.js";
-import { AreaChart as W } from "./components/data-display/AreaChart.js";
-import { BarChart as z } from "./components/data-display/BarChart.js";
+import { ActivityFeed as N } from "./components/data-display/ActivityFeed.js";
+import { Table as K } from "./components/data-display/Table.js";
+import { AreaChart as Q } from "./components/data-display/AreaChart.js";
+import { BarChart as Y } from "./components/data-display/BarChart.js";
 import { ChartWithTable as j } from "./components/data-display/ChartWithTable.js";
 import { LineChart as q } from "./components/data-display/LineChart.js";
 import { PieChart as Z } from "./components/data-display/PieChart.js";
@@ -30,246 +30,264 @@ import { StatusBadge as xr } from "./components/data-display/StatusBadge.js";
 import { Alert as nr } from "./components/feedback/Alert.js";
 import { EmptyState as sr } from "./components/feedback/EmptyState.js";
 import { Skeleton as dr } from "./components/feedback/Skeleton.js";
-import { Plan as gr } from "./components/feedback/Plan.js";
-import { TippyTooltip as cr } from "./components/feedback/TippyTooltip.js";
-import { Toast as ur } from "./components/feedback/Toast.js";
+import { Plan as Cr } from "./components/feedback/Plan.js";
+import { TippyTooltip as gr } from "./components/feedback/TippyTooltip.js";
+import { Toast as Sr } from "./components/feedback/Toast.js";
 import { ToastProvider as Pr, useToast as Ar } from "./components/feedback/ToastProvider.js";
-import { Label as Ir } from "./components/forms/Label.js";
+import { Label as Br } from "./components/forms/Label.js";
 import { ButtonGroup as Rr } from "./components/forms/ButtonGroup.js";
 import { Checkbox as Lr } from "./components/forms/Checkbox.js";
-import { ComboBox as Er } from "./components/forms/ComboBox.js";
+import { ComboBox as Mr } from "./components/forms/ComboBox.js";
 import { DatePicker as wr } from "./components/forms/DatePicker.js";
 import { FileUpload as kr } from "./components/forms/FileUpload.js";
 import { FormTemplate as _r } from "./components/forms/FormTemplate.js";
 import { Input as Gr } from "./components/forms/Input.js";
-import { MultiSelect as Kr } from "./components/forms/MultiSelect.js";
+import { MultiSelect as Vr } from "./components/forms/MultiSelect.js";
 import { Radio as Ur } from "./components/forms/Radio.js";
-import { SearchInput as Yr } from "./components/forms/SearchInput.js";
-import { SegmentedControl as Qr } from "./components/forms/SegmentedControl.js";
+import { SearchInput as Wr } from "./components/forms/SearchInput.js";
+import { SegmentedControl as zr } from "./components/forms/SegmentedControl.js";
 import { Select as Xr } from "./components/forms/Select.js";
 import { Textarea as Jr } from "./components/forms/Textarea.js";
 import { ToggleSwitch as $r, ToggleSwitch as ro } from "./components/forms/ToggleSwitch.js";
 import { useDataFetch as eo } from "./lib/hooks/useDataFetch.js";
 import { useChartTheme as mo } from "./lib/hooks/useChartTheme.js";
 import { MOBILE_BREAKPOINT_PX as po, MOBILE_BREAKPOINT_QUERY as fo, useIsMobile as xo, useMediaQuery as io } from "./lib/hooks/useMediaQuery.js";
-import { CircularDial as lo } from "./components/hardware/CircularDial.js";
-import { HardwareCommandButton as To } from "./components/hardware/HardwareCommandButton.js";
+import { useBodyScrollLock as lo } from "./lib/hooks/useBodyScrollLock.js";
+import { CircularDial as To } from "./components/hardware/CircularDial.js";
+import { HardwareCommandButton as Co } from "./components/hardware/HardwareCommandButton.js";
 import { Sparkline as go } from "./components/hardware/Sparkline.js";
-import { EdgeInsightTerminal as co } from "./components/hardware/EdgeInsightTerminal.js";
-import { DeviceCard as uo } from "./blocks/iot/DeviceCard.js";
-import { WaterPumpControl as Po } from "./blocks/iot/WaterPumpControl.js";
-import { TelemetryLog as Do } from "./blocks/iot/TelemetryLog.js";
-import { DataCard as Bo } from "./components/molecular/DataCard.js";
-import { StateMatrix as vo } from "./components/molecular/StateMatrix.js";
-import { ConnectorOverlay as Mo } from "./components/molecular/ConnectorOverlay.js";
+import { EdgeInsightTerminal as So } from "./components/hardware/EdgeInsightTerminal.js";
+import { DeviceCard as Po } from "./blocks/iot/DeviceCard.js";
+import { WaterPumpControl as Do } from "./blocks/iot/WaterPumpControl.js";
+import { TelemetryLog as Io } from "./blocks/iot/TelemetryLog.js";
+import { DataCard as vo } from "./components/molecular/DataCard.js";
+import { StateMatrix as Eo } from "./components/molecular/StateMatrix.js";
+import { ConnectorOverlay as yo } from "./components/molecular/ConnectorOverlay.js";
 import { AppShell as Fo } from "./components/layout/AppShell.js";
-import { SettingsContainer as yo } from "./components/layout/SettingsContainer.js";
-import { DetailDrawer as Oo } from "./components/layout/DetailDrawer.js";
-import { RammeInspectorTrigger as Ho } from "./components/layout/RammeInspectorTrigger.js";
-import { AboutRamme as Vo } from "./components/layout/AboutRamme.js";
-import { Header as No } from "./components/layout/Header.js";
-import { Toolbar as Wo } from "./components/layout/Toolbar.js";
-import { FilterPanel as zo } from "./components/layout/FilterPanel.js";
-import { Statusbar as jo } from "./components/layout/Statusbar.js";
-import { Accordion as qo, AccordionItem as Jo } from "./components/layout/Accordion.js";
-import { Card as $o, CardContent as re, CardDescription as oe, CardFooter as ee, CardHeader as te, CardLabel as me, CardTitle as ae } from "./components/layout/Card.js";
-import { Drawer as fe } from "./components/layout/Drawer.js";
-import { DefinitionDescription as ie, DefinitionList as ne, DefinitionTerm as le, List as se, ListItem as Te } from "./components/layout/List.js";
-import { Modal as he } from "./components/layout/Modal.js";
-import { Sidebar as Ce } from "./components/layout/Sidebar.js";
-import { ActionBar as Se } from "./components/layout/ActionBar.js";
-import { PageContainer as be } from "./components/layout/PageContainer.js";
-import { PageHeader as Ae } from "./components/layout/PageHeader.js";
-import { SectionHeader as Ie } from "./components/layout/SectionHeader.js";
-import { ButtonItem as Re, UserNav as ve } from "./components/layout/UserNav.js";
-import { CollectionLayout as Me } from "./components/layout/CollectionLayout.js";
+import { SettingsContainer as Oo } from "./components/layout/SettingsContainer.js";
+import { DetailDrawer as Ho } from "./components/layout/DetailDrawer.js";
+import { RammeInspectorTrigger as No } from "./components/layout/RammeInspectorTrigger.js";
+import { AboutRamme as Ko } from "./components/layout/AboutRamme.js";
+import { Header as Qo } from "./components/layout/Header.js";
+import { Toolbar as Yo } from "./components/layout/Toolbar.js";
+import { FilterPanel as jo } from "./components/layout/FilterPanel.js";
+import { Statusbar as qo } from "./components/layout/Statusbar.js";
+import { Accordion as Zo, AccordionItem as $o } from "./components/layout/Accordion.js";
+import { Card as oe, CardContent as ee, CardDescription as te, CardFooter as me, CardHeader as ae, CardLabel as pe, CardTitle as fe } from "./components/layout/Card.js";
+import { Drawer as ie } from "./components/layout/Drawer.js";
+import { DefinitionDescription as le, DefinitionList as se, DefinitionTerm as Te, List as de, ListItem as he } from "./components/layout/List.js";
+import { Modal as ce } from "./components/layout/Modal.js";
+import { Sidebar as ue } from "./components/layout/Sidebar.js";
+import { ActionBar as be } from "./components/layout/ActionBar.js";
+import { PageContainer as Ae } from "./components/layout/PageContainer.js";
+import { PageHeader as Be } from "./components/layout/PageHeader.js";
+import { SectionHeader as Re } from "./components/layout/SectionHeader.js";
+import { ButtonItem as Le, UserNav as Ee } from "./components/layout/UserNav.js";
+import { CollectionLayout as ye } from "./components/layout/CollectionLayout.js";
 import { DenseMetricRibbon as Fe } from "./components/layout/DenseMetricRibbon.js";
-import { BreadcrumbItem as ye, Breadcrumbs as ke } from "./components/navigation/Breadcrumbs.js";
-import { Menu as _e, MenuDivider as He, MenuItem as Ge } from "./components/navigation/Menu.js";
-import { MobileNav as Ke } from "./components/navigation/MobileNav.js";
-import { Pagination as Ue } from "./components/navigation/Pagination.js";
-import { Stepper as Ye } from "./components/navigation/Stepper.js";
-import { TabPanel as Qe, Tabs as je } from "./components/navigation/Tabs.js";
-import { FinancialAssetSchema as qe, WatchlistEngine as Je } from "./blocks/engines/WatchlistEngine.js";
-import { Avatar as $e } from "./components/ui/Avatar.js";
-import { Badge as ot, badgeVariants as et } from "./components/ui/Badge.js";
-import { Button as mt, buttonVariants as at } from "./components/ui/Button.js";
-import { Icon as ft } from "./components/ui/Icon.js";
-import { BrandLogo as it } from "./components/ui/BrandLogo.js";
-import { cn as lt } from "./utils/cn.js";
-import { formatValue as Tt } from "./lib/formatters.js";
-import { ThemeSynthesizer as ht } from "./components/theme/ThemeSynthesizer.js";
-import { AestheticProfileGrid as Ct } from "./components/theme/AestheticProfileGrid.js";
-import { FineTuningControls as St } from "./components/theme/FineTuningControls.js";
-import { PaletteSwatch as bt, ThemeLivePreview as Pt } from "./components/theme/ThemeLivePreview.js";
-import { ThemeSettings as Dt } from "./components/theme/ThemeSettings.js";
-import { ThemeLab as Bt } from "./components/theme/ThemeLab.js";
-import { AESTHETIC_PROFILES as vt, generateFromProfile as Lt, generateFromPrompt as Mt, generateRandom as Et, hslToCssString as Ft, hslToRgb as wt, hslToRgbString as yt, lightToDark as kt, paletteToRgbVars as Ot } from "./lib/theme/ThemeGenerator.logic.js";
-import { applyThemeToDom as Ht, generateRandomTheme as Gt, getContrastColor as Vt, hexToRgbTriplet as Kt, loadGoogleFont as Nt, randomRgb as Ut, tokensToVars as Wt } from "./lib/theme/themeUtils.js";
-import { generateThemeFromPrompt as zt } from "./lib/theme/themeAgent.js";
-import { CompanyProfileCard as jt } from "./components/ai/CompanyProfileCard/CompanyProfileCard.js";
-import { ShowroomContainer as qt } from "./components/showroom/ShowroomContainer.js";
-import { ShowroomSidebar as Zt } from "./components/showroom/ShowroomSidebar.js";
-import { ShowroomCanvas as rm } from "./components/showroom/ShowroomCanvas.js";
-import { SkuBadge as em } from "./components/showroom/SkuBadge.js";
-import { resolvePreview as mm } from "./components/showroom/ShowroomRenderer.js";
+import { BreadcrumbItem as Oe, Breadcrumbs as _e } from "./components/navigation/Breadcrumbs.js";
+import { Menu as Ge, MenuDivider as Ne, MenuItem as Ve } from "./components/navigation/Menu.js";
+import { MobileNav as Ue } from "./components/navigation/MobileNav.js";
+import { Pagination as We } from "./components/navigation/Pagination.js";
+import { Stepper as ze } from "./components/navigation/Stepper.js";
+import { TabPanel as Xe, Tabs as qe } from "./components/navigation/Tabs.js";
+import { FinancialAssetSchema as Ze, WatchlistEngine as $e } from "./blocks/engines/WatchlistEngine.js";
+import { Avatar as ot } from "./components/ui/Avatar.js";
+import { Badge as tt, badgeVariants as mt } from "./components/ui/Badge.js";
+import { Button as pt, buttonVariants as ft } from "./components/ui/Button.js";
+import { Icon as it } from "./components/ui/Icon.js";
+import { BrandLogo as lt } from "./components/ui/BrandLogo.js";
+import { cn as Tt } from "./utils/cn.js";
+import { formatValue as ht } from "./lib/formatters.js";
+import { ThemeSynthesizer as ct } from "./components/theme/ThemeSynthesizer.js";
+import { AestheticProfileGrid as ut } from "./components/theme/AestheticProfileGrid.js";
+import { FineTuningControls as bt } from "./components/theme/FineTuningControls.js";
+import { PaletteSwatch as At, ThemeLivePreview as Dt } from "./components/theme/ThemeLivePreview.js";
+import { ThemeSettings as It } from "./components/theme/ThemeSettings.js";
+import { ThemeLab as vt } from "./components/theme/ThemeLab.js";
+import { AESTHETIC_PROFILES as Et, generateFromProfile as Mt, generateFromPrompt as yt, generateRandom as wt, hslToCssString as Ft, hslToRgb as kt, hslToRgbString as Ot, lightToDark as _t, paletteToRgbVars as Ht } from "./lib/theme/ThemeGenerator.logic.js";
+import { THEME_TOKEN_VARS as Nt, applyThemeToDom as Vt, generateRandomTheme as Kt, getContrastColor as Ut, hexToRgbTriplet as Qt, isCustomTheme as Wt, loadGoogleFont as Yt, randomRgb as zt, tokensToVars as jt } from "./lib/theme/themeUtils.js";
+import { generateThemeFromPrompt as qt } from "./lib/theme/themeAgent.js";
+import { CompanyProfileCard as Zt } from "./components/ai/CompanyProfileCard/CompanyProfileCard.js";
+import { CounterpartyGraphCard as rm } from "./components/ai/CounterpartyGraphCard/CounterpartyGraphCard.js";
+import { DivergenceMetricsCard as em } from "./components/ai/DivergenceMetricsCard/DivergenceMetricsCard.js";
+import { ArchitectureReferenceCard as mm } from "./components/ai/ArchitectureReferenceCard/ArchitectureReferenceCard.js";
+import { LiveQuoteCard as pm } from "./components/ai/LiveQuoteCard/LiveQuoteCard.js";
+import { NewsSummaryCard as xm } from "./components/ai/NewsSummaryCard/NewsSummaryCard.js";
+import { StockChart as nm } from "./components/ai/StockChart/StockChart.js";
+import { TelemetryGraph as sm } from "./components/ai/TelemetryGraph/TelemetryGraph.js";
+import { ShowroomContainer as dm } from "./components/showroom/ShowroomContainer.js";
+import { ShowroomSidebar as Cm } from "./components/showroom/ShowroomSidebar.js";
+import { ShowroomCanvas as gm } from "./components/showroom/ShowroomCanvas.js";
+import { SkuBadge as Sm } from "./components/showroom/SkuBadge.js";
+import { resolvePreview as Pm } from "./components/showroom/ShowroomRenderer.js";
 export {
-  vt as AESTHETIC_PROFILES,
+  Et as AESTHETIC_PROFILES,
   A as AIChatThread,
   a as AUTO_REGISTRY,
-  Vo as AboutRamme,
-  qo as Accordion,
-  Jo as AccordionItem,
-  Se as ActionBar,
+  Ko as AboutRamme,
+  Zo as Accordion,
+  $o as AccordionItem,
+  be as ActionBar,
   s as Actions,
-  V as ActivityFeed,
-  Ct as AestheticProfileGrid,
+  N as ActivityFeed,
+  ut as AestheticProfileGrid,
   nr as Alert,
   Fo as AppShell,
-  W as AreaChart,
-  F as AuthLayout,
-  $e as Avatar,
-  ot as Badge,
-  z as BarChart,
-  it as BrandLogo,
-  ye as BreadcrumbItem,
-  ke as Breadcrumbs,
-  mt as Button,
+  mm as ArchitectureReferenceCard,
+  Q as AreaChart,
+  y as AuthLayout,
+  ot as Avatar,
+  tt as Badge,
+  Y as BarChart,
+  lt as BrandLogo,
+  Oe as BreadcrumbItem,
+  _e as Breadcrumbs,
+  pt as Button,
   Rr as ButtonGroup,
-  Re as ButtonItem,
-  $o as Card,
-  re as CardContent,
-  oe as CardDescription,
-  ee as CardFooter,
-  te as CardHeader,
-  me as CardLabel,
-  ae as CardTitle,
+  Le as ButtonItem,
+  oe as Card,
+  ee as CardContent,
+  te as CardDescription,
+  me as CardFooter,
+  ae as CardHeader,
+  pe as CardLabel,
+  fe as CardTitle,
   j as ChartWithTable,
   b as ChatFAB,
   Lr as Checkbox,
-  lo as CircularDial,
+  To as CircularDial,
   er as CodeBlock,
-  Me as CollectionLayout,
-  Er as ComboBox,
-  jt as CompanyProfileCard,
-  Mo as ConnectorOverlay,
-  S as Conversation,
-  Bo as DataCard,
+  ye as CollectionLayout,
+  Mr as ComboBox,
+  Zt as CompanyProfileCard,
+  yo as ConnectorOverlay,
+  u as Conversation,
+  rm as CounterpartyGraphCard,
+  vo as DataCard,
   H as DataTable,
   wr as DatePicker,
-  ie as DefinitionDescription,
-  ne as DefinitionList,
-  le as DefinitionTerm,
+  le as DefinitionDescription,
+  se as DefinitionList,
+  Te as DefinitionTerm,
   Fe as DenseMetricRibbon,
-  Oo as DetailDrawer,
-  uo as DeviceCard,
-  fe as Drawer,
-  co as EdgeInsightTerminal,
+  Ho as DetailDrawer,
+  Po as DeviceCard,
+  em as DivergenceMetricsCard,
+  ie as Drawer,
+  So as EdgeInsightTerminal,
   sr as EmptyState,
   kr as FileUpload,
-  zo as FilterPanel,
-  qe as FinancialAssetSchema,
-  St as FineTuningControls,
+  jo as FilterPanel,
+  Ze as FinancialAssetSchema,
+  bt as FineTuningControls,
   _r as FormTemplate,
-  To as HardwareCommandButton,
-  No as Header,
-  ft as Icon,
+  Co as HardwareCommandButton,
+  Qo as Header,
+  it as Icon,
   Gr as Input,
-  I as KeyInjectionOverlay,
+  B as KeyInjectionOverlay,
   pr as KpiGrid,
-  Ir as Label,
+  Br as Label,
   q as LineChart,
-  se as List,
-  Te as ListItem,
+  de as List,
+  he as ListItem,
+  pm as LiveQuoteCard,
   n as Loader,
-  y as LoginPage,
+  F as LoginPage,
   po as MOBILE_BREAKPOINT_PX,
   fo as MOBILE_BREAKPOINT_QUERY,
-  _e as Menu,
-  He as MenuDivider,
-  Ge as MenuItem,
-  C as Message,
-  Ke as MobileNav,
-  he as Modal,
-  Kr as MultiSelect,
-  be as PageContainer,
-  Ae as PageHeader,
-  Ue as Pagination,
-  bt as PaletteSwatch,
+  Ge as Menu,
+  Ne as MenuDivider,
+  Ve as MenuItem,
+  c as Message,
+  Ue as MobileNav,
+  ce as Modal,
+  Vr as MultiSelect,
+  xm as NewsSummaryCard,
+  Ae as PageContainer,
+  Be as PageHeader,
+  We as Pagination,
+  At as PaletteSwatch,
   Z as PieChart,
-  gr as Plan,
+  Cr as Plan,
   h as PromptInput,
   Ur as Radio,
-  Ho as RammeInspectorTrigger,
+  No as RammeInspectorTrigger,
   rr as ScatterChart,
-  Yr as SearchInput,
-  Ie as SectionHeader,
-  Qr as SegmentedControl,
+  Wr as SearchInput,
+  Re as SectionHeader,
+  zr as SegmentedControl,
   Xr as Select,
-  yo as SettingsContainer,
-  rm as ShowroomCanvas,
-  qt as ShowroomContainer,
-  Zt as ShowroomSidebar,
-  Ce as Sidebar,
+  Oo as SettingsContainer,
+  gm as ShowroomCanvas,
+  dm as ShowroomContainer,
+  Cm as ShowroomSidebar,
+  ue as Sidebar,
   O as SignupPage,
   dr as Skeleton,
-  em as SkuBadge,
+  Sm as SkuBadge,
   go as Sparkline,
   mr as StatCard,
-  vo as StateMatrix,
+  Eo as StateMatrix,
   xr as StatusBadge,
-  jo as Statusbar,
-  Ye as Stepper,
+  qo as Statusbar,
+  ze as Stepper,
+  nm as StockChart,
   T as Suggestion,
   $r as Switch,
   R as TAY_DREAMBOAT_THEME,
-  Qe as TabPanel,
-  N as Table,
-  je as Tabs,
-  Do as TelemetryLog,
+  Nt as THEME_TOKEN_VARS,
+  Xe as TabPanel,
+  K as Table,
+  qe as Tabs,
+  sm as TelemetryGraph,
+  Io as TelemetryLog,
   Jr as Textarea,
-  Bt as ThemeLab,
-  Pt as ThemeLivePreview,
+  vt as ThemeLab,
+  Dt as ThemeLivePreview,
   v as ThemeProvider,
-  Dt as ThemeSettings,
-  ht as ThemeSynthesizer,
-  cr as TippyTooltip,
-  ur as Toast,
+  It as ThemeSettings,
+  ct as ThemeSynthesizer,
+  gr as TippyTooltip,
+  Sr as Toast,
   Pr as ToastProvider,
   ro as ToggleSwitch,
-  Wo as Toolbar,
-  ve as UserNav,
-  Je as WatchlistEngine,
-  Po as WaterPumpControl,
-  Ht as applyThemeToDom,
+  Yo as Toolbar,
+  Ee as UserNav,
+  $e as WatchlistEngine,
+  Do as WaterPumpControl,
+  Vt as applyThemeToDom,
   L as availableThemes,
-  et as badgeVariants,
-  at as buttonVariants,
-  lt as cn,
-  Tt as formatValue,
-  Lt as generateFromProfile,
-  Mt as generateFromPrompt,
-  Et as generateRandom,
-  Gt as generateRandomTheme,
-  zt as generateThemeFromPrompt,
-  Vt as getContrastColor,
-  Kt as hexToRgbTriplet,
+  mt as badgeVariants,
+  ft as buttonVariants,
+  Tt as cn,
+  ht as formatValue,
+  Mt as generateFromProfile,
+  yt as generateFromPrompt,
+  wt as generateRandom,
+  Kt as generateRandomTheme,
+  qt as generateThemeFromPrompt,
+  Ut as getContrastColor,
+  Qt as hexToRgbTriplet,
   Ft as hslToCssString,
-  wt as hslToRgb,
-  yt as hslToRgbString,
-  kt as lightToDark,
-  Nt as loadGoogleFont,
+  kt as hslToRgb,
+  Ot as hslToRgbString,
+  Wt as isCustomTheme,
+  _t as lightToDark,
+  Yt as loadGoogleFont,
   f as mockChartData,
   x as mockTableData,
-  Ot as paletteToRgbVars,
-  Ut as randomRgb,
-  mm as resolvePreview,
-  Wt as tokensToVars,
+  Ht as paletteToRgbVars,
+  zt as randomRgb,
+  Pm as resolvePreview,
+  jt as tokensToVars,
+  lo as useBodyScrollLock,
   mo as useChartTheme,
   eo as useDataFetch,
   xo as useIsMobile,
   io as useMediaQuery,
-  M as useTheme,
+  E as useTheme,
   Ar as useToast,
   t as wizardManifest
 };

package/dist/lib/hooks/useBodyScrollLock.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Locks background scrolling while an overlay is open, without moving the page.
+ *
+ * ZERO JANK (rule 6): a scroll lock must not shift the page or lose the
+ * reader's position. `overflow: hidden` on the body alone has two visible
+ * failure modes:
+ *
+ *  - On desktop it removes the scrollbar, so the whole page jumps sideways by
+ *    the scrollbar's width the instant the overlay opens. `scrollbar-gutter:
+ *    stable` on <html> covers the common case, but only under a fine pointer.
+ *  - On iOS Safari the body stops being the scroll container and the offset is
+ *    discarded, so closing the overlay drops the reader at the top of the page.
+ *
+ * Pinning the body at a negative offset preserves the position, and restoring
+ * it scrolls back to where the reader was.
+ *
+ * Extracted from Drawer, which had the only correct implementation in the repo;
+ * ShowroomPage had hand-rolled a second one that set `overflow` alone and lost
+ * the position on every close. Reach for this rather than writing a third.
+ *
+ * @param isLocked - true while the overlay is open.
+ *
+ * @example
+ * const [isOpen, setIsOpen] = useState(false);
+ * useBodyScrollLock(isOpen);
+ */
+export declare function useBodyScrollLock(isLocked: boolean): void;

package/dist/lib/hooks/useBodyScrollLock.js

@@ -0,0 +1,18 @@
+import { useEffect as s } from "react";
+function r(e) {
+  s(() => {
+    if (!e) return;
+    const { body: o } = document, l = window.scrollY, t = {
+      position: o.style.position,
+      top: o.style.top,
+      width: o.style.width,
+      overflow: o.style.overflow
+    };
+    return o.style.position = "fixed", o.style.top = `-${l}px`, o.style.width = "100%", o.style.overflow = "hidden", () => {
+      o.style.position = t.position, o.style.top = t.top, o.style.width = t.width, o.style.overflow = t.overflow, window.scrollTo(0, l);
+    };
+  }, [e]);
+}
+export {
+  r as useBodyScrollLock
+};

package/dist/lib/theme/themeUtils.d.ts

@@ -1,3 +1,4 @@
+import { DEFAULT_THEME_TOKENS } from '@ramme-io/shared';
 /**
  * Advanced Contrast Guard
  * Adjusts for perceived darkness (like scanline overlays)
@@ -14,6 +15,26 @@ export declare const loadGoogleFont: (headingFont: string, bodyFont: string) =>
  * @example hexToRgbTriplet('#0D6EFD') → '13 110 253'
  */
 export declare const hexToRgbTriplet: (hex: string) => string;
+/**
+ * Every CSS variable `tokensToVars` writes.
+ *
+ * Exported so the code that removes them cannot drift from the code that adds
+ * them — RULE-005 asks for symmetrical purging, and these six were injected on
+ * to documentElement.style and never removed by anything.
+ */
+export declare const THEME_TOKEN_VARS: readonly ["--app-primary-color", "--app-secondary-color", "--app-success-color", "--app-warning-color", "--app-danger-color", "--app-border-radius-md"];
+/**
+ * Has the visitor actually themed anything?
+ *
+ * `activeTheme`/`savedTheme` are always populated — they are seeded with
+ * DEFAULT_THEME_TOKENS — so their presence proves nothing. Only a value that
+ * differs from those defaults means a real choice was made.
+ *
+ * Every place that decides whether to paint the user's layer must agree, or the
+ * layers fight: injecting unconditionally painted the framework's defaults over
+ * the app's own theme for every first-time visitor.
+ */
+export declare const isCustomTheme: (tokens: Partial<Record<keyof typeof DEFAULT_THEME_TOKENS, string>> | null | undefined) => boolean;
 export declare const tokensToVars: (t: Partial<{
     primary: string;
     neutral: string;