@ramme-io/ui 4.0.1 → 4.1.1

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,8 @@ 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 './lib/hooks/useSheetGesture';
 export * from './components/hardware/CircularDial';
 export * from './components/hardware/HardwareCommandButton';
 export * from './components/hardware/Sparkline';
@@ -81,6 +90,7 @@ export * from './components/layout/Statusbar';
 export * from './components/layout/Accordion';
 export * from './components/layout/Card';
 export * from './components/layout/Drawer';
+export * from './components/layout/Sheet';
 export * from './components/layout/List';
 export * from './components/layout/Modal';
 export * from './components/layout/Sidebar';

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 g } 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 { AIChatThread as I } from "./components/ai/AIChatThread/AIChatThread.js";
+import { KeyInjectionOverlay as D } from "./components/ai/KeyInjectionOverlay.js";
+import { TAY_DREAMBOAT_THEME as B, ThemeProvider as R, availableThemes as E, useTheme as v } from "./contexts/ThemeContext.js";
+import { AuthLayout as y } from "./components/auth/AuthLayout.js";
+import { LoginPage as w } 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 { AreaChart as Y } from "./components/data-display/AreaChart.js";
+import { BarChart as W } 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,271 @@ 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 { Plan as Cr } from "./components/feedback/Plan.js";
+import { TippyTooltip as Sr } from "./components/feedback/TippyTooltip.js";
 import { Toast as ur } 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 { 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 { DatePicker as wr } from "./components/forms/DatePicker.js";
+import { ToastProvider as Pr, useToast as Ir } from "./components/feedback/ToastProvider.js";
+import { Label as Dr } from "./components/forms/Label.js";
+import { ButtonGroup as Br } from "./components/forms/ButtonGroup.js";
+import { Checkbox as Er } from "./components/forms/Checkbox.js";
+import { ComboBox as Mr } from "./components/forms/ComboBox.js";
+import { DatePicker as Fr } 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 { 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 Qr } 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 { 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 { 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 { 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 { useBodyScrollLock as lo } from "./lib/hooks/useBodyScrollLock.js";
+import { DISMISS_THRESHOLD as To, FLICK_VELOCITY as ho, settleTo as Co, useSheetGesture as co } from "./lib/hooks/useSheetGesture.js";
+import { CircularDial as go } from "./components/hardware/CircularDial.js";
+import { HardwareCommandButton as bo } from "./components/hardware/HardwareCommandButton.js";
+import { Sparkline as Io } from "./components/hardware/Sparkline.js";
+import { EdgeInsightTerminal as Do } from "./components/hardware/EdgeInsightTerminal.js";
+import { DeviceCard as Bo } from "./blocks/iot/DeviceCard.js";
+import { WaterPumpControl as Eo } from "./blocks/iot/WaterPumpControl.js";
+import { TelemetryLog as Mo } from "./blocks/iot/TelemetryLog.js";
+import { DataCard as Fo } from "./components/molecular/DataCard.js";
+import { StateMatrix as ko } from "./components/molecular/StateMatrix.js";
+import { ConnectorOverlay as _o } from "./components/molecular/ConnectorOverlay.js";
+import { AppShell as Go } from "./components/layout/AppShell.js";
+import { SettingsContainer as Ko } from "./components/layout/SettingsContainer.js";
+import { DetailDrawer as Uo } from "./components/layout/DetailDrawer.js";
+import { RammeInspectorTrigger as Qo } from "./components/layout/RammeInspectorTrigger.js";
+import { AboutRamme as zo } from "./components/layout/AboutRamme.js";
+import { Header as Xo } from "./components/layout/Header.js";
+import { Toolbar as Jo } from "./components/layout/Toolbar.js";
+import { FilterPanel as $o } from "./components/layout/FilterPanel.js";
+import { Statusbar as oe } from "./components/layout/Statusbar.js";
+import { Accordion as te, AccordionItem as me } from "./components/layout/Accordion.js";
+import { Card as pe, CardContent as fe, CardDescription as xe, CardFooter as ie, CardHeader as ne, CardLabel as le, CardTitle as se } from "./components/layout/Card.js";
+import { Drawer as de } from "./components/layout/Drawer.js";
+import { Sheet as Ce } from "./components/layout/Sheet.js";
+import { DefinitionDescription as Se, DefinitionList as ge, DefinitionTerm as ue, List as be, ListItem as Pe } from "./components/layout/List.js";
+import { Modal as Ae } from "./components/layout/Modal.js";
+import { Sidebar as Le } from "./components/layout/Sidebar.js";
+import { ActionBar as Re } from "./components/layout/ActionBar.js";
+import { PageContainer as ve } from "./components/layout/PageContainer.js";
+import { PageHeader as ye } from "./components/layout/PageHeader.js";
+import { SectionHeader as we } from "./components/layout/SectionHeader.js";
+import { ButtonItem as Oe, UserNav as _e } from "./components/layout/UserNav.js";
+import { CollectionLayout as Ge } from "./components/layout/CollectionLayout.js";
+import { DenseMetricRibbon as Ke } from "./components/layout/DenseMetricRibbon.js";
+import { BreadcrumbItem as Ue, Breadcrumbs as Ye } from "./components/navigation/Breadcrumbs.js";
+import { Menu as We, MenuDivider as ze, MenuItem as je } from "./components/navigation/Menu.js";
+import { MobileNav as qe } from "./components/navigation/MobileNav.js";
+import { Pagination as Ze } from "./components/navigation/Pagination.js";
+import { Stepper as rt } from "./components/navigation/Stepper.js";
+import { TabPanel as et, Tabs as tt } from "./components/navigation/Tabs.js";
+import { FinancialAssetSchema as at, WatchlistEngine as pt } from "./blocks/engines/WatchlistEngine.js";
+import { Avatar as xt } from "./components/ui/Avatar.js";
+import { Badge as nt, badgeVariants as lt } from "./components/ui/Badge.js";
+import { Button as Tt, buttonVariants as dt } from "./components/ui/Button.js";
+import { Icon as Ct } from "./components/ui/Icon.js";
+import { BrandLogo as St } from "./components/ui/BrandLogo.js";
+import { cn as ut } from "./utils/cn.js";
+import { formatValue as Pt } from "./lib/formatters.js";
+import { ThemeSynthesizer as At } from "./components/theme/ThemeSynthesizer.js";
+import { AestheticProfileGrid as Lt } from "./components/theme/AestheticProfileGrid.js";
+import { FineTuningControls as Rt } from "./components/theme/FineTuningControls.js";
+import { PaletteSwatch as vt, ThemeLivePreview as Mt } from "./components/theme/ThemeLivePreview.js";
+import { ThemeSettings as Ft } from "./components/theme/ThemeSettings.js";
+import { ThemeLab as kt } from "./components/theme/ThemeLab.js";
+import { AESTHETIC_PROFILES as _t, generateFromProfile as Ht, generateFromPrompt as Gt, generateRandom as Vt, hslToCssString as Kt, hslToRgb as Nt, hslToRgbString as Ut, lightToDark as Yt, paletteToRgbVars as Qt } from "./lib/theme/ThemeGenerator.logic.js";
+import { THEME_TOKEN_VARS as zt, applyThemeToDom as jt, generateRandomTheme as Xt, getContrastColor as qt, hexToRgbTriplet as Jt, isCustomTheme as Zt, loadGoogleFont as $t, randomRgb as rm, tokensToVars as om } from "./lib/theme/themeUtils.js";
+import { generateThemeFromPrompt as tm } from "./lib/theme/themeAgent.js";
+import { CompanyProfileCard as am } from "./components/ai/CompanyProfileCard/CompanyProfileCard.js";
+import { CounterpartyGraphCard as fm } from "./components/ai/CounterpartyGraphCard/CounterpartyGraphCard.js";
+import { DivergenceMetricsCard as im } from "./components/ai/DivergenceMetricsCard/DivergenceMetricsCard.js";
+import { ArchitectureReferenceCard as lm } from "./components/ai/ArchitectureReferenceCard/ArchitectureReferenceCard.js";
+import { LiveQuoteCard as Tm } from "./components/ai/LiveQuoteCard/LiveQuoteCard.js";
+import { NewsSummaryCard as hm } from "./components/ai/NewsSummaryCard/NewsSummaryCard.js";
+import { StockChart as cm } from "./components/ai/StockChart/StockChart.js";
+import { TelemetryGraph as gm } from "./components/ai/TelemetryGraph/TelemetryGraph.js";
+import { ShowroomContainer as bm } from "./components/showroom/ShowroomContainer.js";
+import { ShowroomSidebar as Im } from "./components/showroom/ShowroomSidebar.js";
+import { ShowroomCanvas as Dm } from "./components/showroom/ShowroomCanvas.js";
+import { SkuBadge as Bm } from "./components/showroom/SkuBadge.js";
+import { resolvePreview as Em } from "./components/showroom/ShowroomRenderer.js";
 export {
-  vt as AESTHETIC_PROFILES,
-  A as AIChatThread,
+  _t as AESTHETIC_PROFILES,
+  I as AIChatThread,
   a as AUTO_REGISTRY,
-  Vo as AboutRamme,
-  qo as Accordion,
-  Jo as AccordionItem,
-  Se as ActionBar,
+  zo as AboutRamme,
+  te as Accordion,
+  me as AccordionItem,
+  Re as ActionBar,
   s as Actions,
   V as ActivityFeed,
-  Ct as AestheticProfileGrid,
+  Lt 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,
-  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,
+  Go as AppShell,
+  lm as ArchitectureReferenceCard,
+  Y as AreaChart,
+  y as AuthLayout,
+  xt as Avatar,
+  nt as Badge,
+  W as BarChart,
+  St as BrandLogo,
+  Ue as BreadcrumbItem,
+  Ye as Breadcrumbs,
+  Tt as Button,
+  Br as ButtonGroup,
+  Oe as ButtonItem,
+  pe as Card,
+  fe as CardContent,
+  xe as CardDescription,
+  ie as CardFooter,
+  ne as CardHeader,
+  le as CardLabel,
+  se as CardTitle,
   j as ChartWithTable,
   b as ChatFAB,
-  Lr as Checkbox,
-  lo as CircularDial,
+  Er as Checkbox,
+  go as CircularDial,
   er as CodeBlock,
-  Me as CollectionLayout,
-  Er as ComboBox,
-  jt as CompanyProfileCard,
-  Mo as ConnectorOverlay,
-  S as Conversation,
-  Bo as DataCard,
+  Ge as CollectionLayout,
+  Mr as ComboBox,
+  am as CompanyProfileCard,
+  _o as ConnectorOverlay,
+  g as Conversation,
+  fm as CounterpartyGraphCard,
+  To as DISMISS_THRESHOLD,
+  Fo as DataCard,
   H as DataTable,
-  wr as DatePicker,
-  ie as DefinitionDescription,
-  ne as DefinitionList,
-  le as DefinitionTerm,
-  Fe as DenseMetricRibbon,
-  Oo as DetailDrawer,
-  uo as DeviceCard,
-  fe as Drawer,
-  co as EdgeInsightTerminal,
+  Fr as DatePicker,
+  Se as DefinitionDescription,
+  ge as DefinitionList,
+  ue as DefinitionTerm,
+  Ke as DenseMetricRibbon,
+  Uo as DetailDrawer,
+  Bo as DeviceCard,
+  im as DivergenceMetricsCard,
+  de as Drawer,
+  Do as EdgeInsightTerminal,
   sr as EmptyState,
+  ho as FLICK_VELOCITY,
   kr as FileUpload,
-  zo as FilterPanel,
-  qe as FinancialAssetSchema,
-  St as FineTuningControls,
+  $o as FilterPanel,
+  at as FinancialAssetSchema,
+  Rt as FineTuningControls,
   _r as FormTemplate,
-  To as HardwareCommandButton,
-  No as Header,
-  ft as Icon,
+  bo as HardwareCommandButton,
+  Xo as Header,
+  Ct as Icon,
   Gr as Input,
-  I as KeyInjectionOverlay,
+  D as KeyInjectionOverlay,
   pr as KpiGrid,
-  Ir as Label,
+  Dr as Label,
   q as LineChart,
-  se as List,
-  Te as ListItem,
+  be as List,
+  Pe as ListItem,
+  Tm as LiveQuoteCard,
   n as Loader,
-  y as LoginPage,
+  w 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,
+  We as Menu,
+  ze as MenuDivider,
+  je as MenuItem,
+  c as Message,
+  qe as MobileNav,
+  Ae as Modal,
   Kr as MultiSelect,
-  be as PageContainer,
-  Ae as PageHeader,
-  Ue as Pagination,
-  bt as PaletteSwatch,
+  hm as NewsSummaryCard,
+  ve as PageContainer,
+  ye as PageHeader,
+  Ze as Pagination,
+  vt as PaletteSwatch,
   Z as PieChart,
-  gr as Plan,
+  Cr as Plan,
   h as PromptInput,
   Ur as Radio,
-  Ho as RammeInspectorTrigger,
+  Qo as RammeInspectorTrigger,
   rr as ScatterChart,
-  Yr as SearchInput,
-  Ie as SectionHeader,
-  Qr as SegmentedControl,
+  Qr as SearchInput,
+  we as SectionHeader,
+  zr as SegmentedControl,
   Xr as Select,
-  yo as SettingsContainer,
-  rm as ShowroomCanvas,
-  qt as ShowroomContainer,
-  Zt as ShowroomSidebar,
-  Ce as Sidebar,
+  Ko as SettingsContainer,
+  Ce as Sheet,
+  Dm as ShowroomCanvas,
+  bm as ShowroomContainer,
+  Im as ShowroomSidebar,
+  Le as Sidebar,
   O as SignupPage,
   dr as Skeleton,
-  em as SkuBadge,
-  go as Sparkline,
+  Bm as SkuBadge,
+  Io as Sparkline,
   mr as StatCard,
-  vo as StateMatrix,
+  ko as StateMatrix,
   xr as StatusBadge,
-  jo as Statusbar,
-  Ye as Stepper,
+  oe as Statusbar,
+  rt as Stepper,
+  cm as StockChart,
   T as Suggestion,
   $r as Switch,
-  R as TAY_DREAMBOAT_THEME,
-  Qe as TabPanel,
+  B as TAY_DREAMBOAT_THEME,
+  zt as THEME_TOKEN_VARS,
+  et as TabPanel,
   N as Table,
-  je as Tabs,
-  Do as TelemetryLog,
+  tt as Tabs,
+  gm as TelemetryGraph,
+  Mo as TelemetryLog,
   Jr as Textarea,
-  Bt as ThemeLab,
-  Pt as ThemeLivePreview,
-  v as ThemeProvider,
-  Dt as ThemeSettings,
-  ht as ThemeSynthesizer,
-  cr as TippyTooltip,
+  kt as ThemeLab,
+  Mt as ThemeLivePreview,
+  R as ThemeProvider,
+  Ft as ThemeSettings,
+  At as ThemeSynthesizer,
+  Sr as TippyTooltip,
   ur as Toast,
   Pr as ToastProvider,
   ro as ToggleSwitch,
-  Wo as Toolbar,
-  ve as UserNav,
-  Je as WatchlistEngine,
-  Po as WaterPumpControl,
-  Ht 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,
-  Ft as hslToCssString,
-  wt as hslToRgb,
-  yt as hslToRgbString,
-  kt as lightToDark,
-  Nt as loadGoogleFont,
+  Jo as Toolbar,
+  _e as UserNav,
+  pt as WatchlistEngine,
+  Eo as WaterPumpControl,
+  jt as applyThemeToDom,
+  E as availableThemes,
+  lt as badgeVariants,
+  dt as buttonVariants,
+  ut as cn,
+  Pt as formatValue,
+  Ht as generateFromProfile,
+  Gt as generateFromPrompt,
+  Vt as generateRandom,
+  Xt as generateRandomTheme,
+  tm as generateThemeFromPrompt,
+  qt as getContrastColor,
+  Jt as hexToRgbTriplet,
+  Kt as hslToCssString,
+  Nt as hslToRgb,
+  Ut as hslToRgbString,
+  Zt as isCustomTheme,
+  Yt as lightToDark,
+  $t as loadGoogleFont,
   f as mockChartData,
   x as mockTableData,
-  Ot as paletteToRgbVars,
-  Ut as randomRgb,
-  mm as resolvePreview,
-  Wt as tokensToVars,
+  Qt as paletteToRgbVars,
+  rm as randomRgb,
+  Em as resolvePreview,
+  Co as settleTo,
+  om as tokensToVars,
+  lo as useBodyScrollLock,
   mo as useChartTheme,
   eo as useDataFetch,
   xo as useIsMobile,
   io as useMediaQuery,
-  M as useTheme,
-  Ar as useToast,
+  co as useSheetGesture,
+  v as useTheme,
+  Ir 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
+};