@ramme-io/ui 4.1.0 → 4.1.1

package/dist/index.js

@@ -6,19 +6,19 @@ 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 u } from "./blocks/ai/Conversation.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 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 { 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 F } from "./components/auth/LoginPage.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 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 { ActivityFeed as V } from "./components/data-display/ActivityFeed.js";
+import { Table as N } from "./components/data-display/Table.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";
@@ -31,20 +31,20 @@ 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 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 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 { TippyTooltip as Sr } from "./components/feedback/TippyTooltip.js";
+import { Toast as ur } from "./components/feedback/Toast.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 wr } from "./components/forms/DatePicker.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 Vr } from "./components/forms/MultiSelect.js";
+import { MultiSelect as Kr } from "./components/forms/MultiSelect.js";
 import { Radio as Ur } from "./components/forms/Radio.js";
-import { SearchInput as Wr } from "./components/forms/SearchInput.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";
@@ -53,241 +53,248 @@ 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 { 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 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 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 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";
+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 {
-  Et as AESTHETIC_PROFILES,
-  A as AIChatThread,
+  _t as AESTHETIC_PROFILES,
+  I as AIChatThread,
   a as AUTO_REGISTRY,
-  Ko as AboutRamme,
-  Zo as Accordion,
-  $o as AccordionItem,
-  be as ActionBar,
+  zo as AboutRamme,
+  te as Accordion,
+  me as AccordionItem,
+  Re as ActionBar,
   s as Actions,
-  N as ActivityFeed,
-  ut as AestheticProfileGrid,
+  V as ActivityFeed,
+  Lt as AestheticProfileGrid,
   nr as Alert,
-  Fo as AppShell,
-  mm as ArchitectureReferenceCard,
-  Q as AreaChart,
+  Go as AppShell,
+  lm as ArchitectureReferenceCard,
+  Y 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,
-  Le as ButtonItem,
-  oe as Card,
-  ee as CardContent,
-  te as CardDescription,
-  me as CardFooter,
-  ae as CardHeader,
-  pe as CardLabel,
-  fe as CardTitle,
+  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,
-  To as CircularDial,
+  Er as Checkbox,
+  go as CircularDial,
   er as CodeBlock,
-  ye as CollectionLayout,
+  Ge as CollectionLayout,
   Mr as ComboBox,
-  Zt as CompanyProfileCard,
-  yo as ConnectorOverlay,
-  u as Conversation,
-  rm as CounterpartyGraphCard,
-  vo as DataCard,
+  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,
-  le as DefinitionDescription,
-  se as DefinitionList,
-  Te as DefinitionTerm,
-  Fe as DenseMetricRibbon,
-  Ho as DetailDrawer,
-  Po as DeviceCard,
-  em as DivergenceMetricsCard,
-  ie as Drawer,
-  So 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,
-  jo as FilterPanel,
-  Ze as FinancialAssetSchema,
-  bt as FineTuningControls,
+  $o as FilterPanel,
+  at as FinancialAssetSchema,
+  Rt as FineTuningControls,
   _r as FormTemplate,
-  Co as HardwareCommandButton,
-  Qo as Header,
-  it as Icon,
+  bo as HardwareCommandButton,
+  Xo as Header,
+  Ct as Icon,
   Gr as Input,
-  B as KeyInjectionOverlay,
+  D as KeyInjectionOverlay,
   pr as KpiGrid,
-  Br as Label,
+  Dr as Label,
   q as LineChart,
-  de as List,
-  he as ListItem,
-  pm as LiveQuoteCard,
+  be as List,
+  Pe as ListItem,
+  Tm as LiveQuoteCard,
   n as Loader,
-  F as LoginPage,
+  w as LoginPage,
   po as MOBILE_BREAKPOINT_PX,
   fo as MOBILE_BREAKPOINT_QUERY,
-  Ge as Menu,
-  Ne as MenuDivider,
-  Ve as MenuItem,
+  We as Menu,
+  ze as MenuDivider,
+  je 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,
+  qe as MobileNav,
+  Ae as Modal,
+  Kr as MultiSelect,
+  hm as NewsSummaryCard,
+  ve as PageContainer,
+  ye as PageHeader,
+  Ze as Pagination,
+  vt as PaletteSwatch,
   Z as PieChart,
   Cr as Plan,
   h as PromptInput,
   Ur as Radio,
-  No as RammeInspectorTrigger,
+  Qo as RammeInspectorTrigger,
   rr as ScatterChart,
-  Wr as SearchInput,
-  Re as SectionHeader,
+  Qr as SearchInput,
+  we as SectionHeader,
   zr as SegmentedControl,
   Xr as Select,
-  Oo as SettingsContainer,
-  gm as ShowroomCanvas,
-  dm as ShowroomContainer,
-  Cm as ShowroomSidebar,
-  ue 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,
-  Sm as SkuBadge,
-  go as Sparkline,
+  Bm as SkuBadge,
+  Io as Sparkline,
   mr as StatCard,
-  Eo as StateMatrix,
+  ko as StateMatrix,
   xr as StatusBadge,
-  qo as Statusbar,
-  ze as Stepper,
-  nm as StockChart,
+  oe as Statusbar,
+  rt as Stepper,
+  cm as StockChart,
   T as Suggestion,
   $r as Switch,
-  R as TAY_DREAMBOAT_THEME,
-  Nt as THEME_TOKEN_VARS,
-  Xe as TabPanel,
-  K as Table,
-  qe as Tabs,
-  sm as TelemetryGraph,
-  Io as TelemetryLog,
+  B as TAY_DREAMBOAT_THEME,
+  zt as THEME_TOKEN_VARS,
+  et as TabPanel,
+  N as Table,
+  tt as Tabs,
+  gm as TelemetryGraph,
+  Mo as TelemetryLog,
   Jr as Textarea,
-  vt as ThemeLab,
-  Dt as ThemeLivePreview,
-  v as ThemeProvider,
-  It as ThemeSettings,
-  ct as ThemeSynthesizer,
-  gr as TippyTooltip,
-  Sr as Toast,
+  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,
-  Yo as Toolbar,
-  Ee as UserNav,
-  $e as WatchlistEngine,
-  Do as WaterPumpControl,
-  Vt as applyThemeToDom,
-  L as availableThemes,
-  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,
-  kt as hslToRgb,
-  Ot as hslToRgbString,
-  Wt as isCustomTheme,
-  _t as lightToDark,
-  Yt 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,
-  Ht as paletteToRgbVars,
-  zt as randomRgb,
-  Pm as resolvePreview,
-  jt 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,
-  E as useTheme,
-  Ar as useToast,
+  co as useSheetGesture,
+  v as useTheme,
+  Ir as useToast,
   t as wizardManifest
 };

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

@@ -0,0 +1,81 @@
+/**
+ * The gesture behind a bottom sheet.
+ *
+ * This is the library's first pointer-driven interaction. Nothing else in
+ * @ramme-io/ui uses Pointer Events at all — every interactive component is an
+ * HTML form element — so the rules it establishes are worth stating once:
+ *
+ *  - **Pointer Events only.** One code path for touch, mouse, pen and trackpad.
+ *    Separate `mousemove` and `touchmove` handlers are how you end up with a
+ *    control that works on one and jitters on the other.
+ *  - **`setPointerCapture`.** A drag must survive the finger leaving the
+ *    element. Without capture, dragging a sheet up past its own top edge stops
+ *    tracking, which reads as the sheet sticking.
+ *  - **`touch-action: none`** on the drag surface, applied by the component.
+ *    Without it the browser claims the gesture for scrolling and the sheet
+ *    never moves.
+ *
+ * WHY THE SETTLE MATH IS A PURE FUNCTION
+ *
+ * jsdom has no layout and cannot drag, so the only honest way to test a gesture
+ * is to make its decisions independent of the DOM. `settleTo` below takes
+ * numbers and returns a number; every interesting rule — flick beats position,
+ * dragging below the smallest detent dismisses, a slow drag snaps to nearest —
+ * is checkable without a browser.
+ */
+/** Pixels per millisecond past which a drag counts as a flick rather than a move. */
+export declare const FLICK_VELOCITY = 0.5;
+/**
+ * How far below the smallest detent the sheet must be dragged before release
+ * dismisses it. Expressed as a fraction of the viewport so it scales with the
+ * screen rather than being generous on a tablet and twitchy on a phone.
+ */
+export declare const DISMISS_THRESHOLD = 0.12;
+export interface SettleInput {
+    /** Current height of the sheet as a fraction of the viewport, 0–1. */
+    current: number;
+    /** Allowed resting heights, ascending fractions of the viewport. */
+    detents: number[];
+    /**
+     * Vertical velocity in px/ms. NEGATIVE is upward (the sheet growing), matching
+     * pointer coordinates where y decreases toward the top of the screen.
+     */
+    velocity: number;
+}
+/**
+ * Where the sheet should come to rest when the finger lifts.
+ *
+ * Returns the target detent, or `null` meaning "dismiss".
+ *
+ * Order matters: a flick is honoured before position, because a fast downward
+ * flick from near the top should close the sheet rather than snap it to the
+ * detent it happens to be nearest. That is what every native sheet does, and
+ * getting it backwards makes the sheet feel like it is fighting you.
+ */
+export declare function settleTo({ current, detents, velocity }: SettleInput): number | null;
+export interface SheetGestureOptions {
+    detents: number[];
+    initialDetent?: number;
+    onDismiss: () => void;
+    /** Skips the drag entirely; the sheet still opens and closes, just without motion. */
+    reducedMotion?: boolean;
+}
+export interface SheetGesture {
+    /** Current height as a fraction of the viewport. */
+    height: number;
+    /** True while a finger is down — the component uses this to drop its transition. */
+    dragging: boolean;
+    /** True when the sheet is at its tallest detent. */
+    expanded: boolean;
+    /** Attach to the grabber and header. */
+    onPointerDown: (e: React.PointerEvent) => void;
+    /**
+     * Attach to the scrollable body. Implements the behaviour the pattern is
+     * named for: at a partial detent, dragging up grows the sheet instead of
+     * scrolling; once expanded, the content scrolls normally; and at the top of
+     * the content, dragging down shrinks the sheet again.
+     */
+    onBodyPointerDown: (e: React.PointerEvent) => void;
+    setHeight: (h: number) => void;
+}
+export declare function useSheetGesture({ detents, initialDetent, onDismiss, reducedMotion, }: SheetGestureOptions): SheetGesture;