@ramme-io/ui 4.1.0 → 4.2.0

package/dist/index.d.ts

@@ -67,6 +67,8 @@ 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 './lib/hooks/useDialogFocus';
 export * from './components/hardware/CircularDial';
 export * from './components/hardware/HardwareCommandButton';
 export * from './components/hardware/Sparkline';
@@ -89,6 +91,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

@@ -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 S } 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 D } from "./components/ai/AIChatThread/AIChatThread.js";
+import { KeyInjectionOverlay as A } 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";
@@ -32,19 +32,19 @@ 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 { Toast as ur } from "./components/feedback/Toast.js";
+import { ToastProvider as Pr, useToast as Dr } from "./components/feedback/ToastProvider.js";
+import { Label as Ar } 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,250 @@ 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 { useDialogFocus as So } from "./lib/hooks/useDialogFocus.js";
+import { CircularDial as bo } from "./components/hardware/CircularDial.js";
+import { HardwareCommandButton as Do } from "./components/hardware/HardwareCommandButton.js";
+import { Sparkline as Ao } from "./components/hardware/Sparkline.js";
+import { EdgeInsightTerminal as Bo } from "./components/hardware/EdgeInsightTerminal.js";
+import { DeviceCard as Eo } from "./blocks/iot/DeviceCard.js";
+import { WaterPumpControl as Mo } from "./blocks/iot/WaterPumpControl.js";
+import { TelemetryLog as Fo } from "./blocks/iot/TelemetryLog.js";
+import { DataCard as ko } from "./components/molecular/DataCard.js";
+import { StateMatrix as _o } from "./components/molecular/StateMatrix.js";
+import { ConnectorOverlay as Go } from "./components/molecular/ConnectorOverlay.js";
+import { AppShell as Ko } from "./components/layout/AppShell.js";
+import { SettingsContainer as Uo } from "./components/layout/SettingsContainer.js";
+import { DetailDrawer as Qo } from "./components/layout/DetailDrawer.js";
+import { RammeInspectorTrigger as zo } from "./components/layout/RammeInspectorTrigger.js";
+import { AboutRamme as Xo } from "./components/layout/AboutRamme.js";
+import { Header as Jo } from "./components/layout/Header.js";
+import { Toolbar as $o } from "./components/layout/Toolbar.js";
+import { FilterPanel as oe } from "./components/layout/FilterPanel.js";
+import { Statusbar as te } from "./components/layout/Statusbar.js";
+import { Accordion as ae, AccordionItem as pe } from "./components/layout/Accordion.js";
+import { Card as xe, CardContent as ie, CardDescription as ne, CardFooter as le, CardHeader as se, CardLabel as Te, CardTitle as de } from "./components/layout/Card.js";
+import { Drawer as Ce } from "./components/layout/Drawer.js";
+import { Sheet as ge } from "./components/layout/Sheet.js";
+import { DefinitionDescription as ue, DefinitionList as be, DefinitionTerm as Pe, List as De, ListItem as Ie } from "./components/layout/List.js";
+import { Modal as Le } from "./components/layout/Modal.js";
+import { Sidebar as Re } from "./components/layout/Sidebar.js";
+import { ActionBar as ve } from "./components/layout/ActionBar.js";
+import { PageContainer as ye } from "./components/layout/PageContainer.js";
+import { PageHeader as we } from "./components/layout/PageHeader.js";
+import { SectionHeader as Oe } from "./components/layout/SectionHeader.js";
+import { ButtonItem as He, UserNav as Ge } from "./components/layout/UserNav.js";
+import { CollectionLayout as Ke } from "./components/layout/CollectionLayout.js";
+import { DenseMetricRibbon as Ue } from "./components/layout/DenseMetricRibbon.js";
+import { BreadcrumbItem as Qe, Breadcrumbs as We } from "./components/navigation/Breadcrumbs.js";
+import { Menu as je, MenuDivider as Xe, MenuItem as qe } from "./components/navigation/Menu.js";
+import { MobileNav as Ze } from "./components/navigation/MobileNav.js";
+import { Pagination as rt } from "./components/navigation/Pagination.js";
+import { Stepper as et } from "./components/navigation/Stepper.js";
+import { TabPanel as mt, Tabs as at } from "./components/navigation/Tabs.js";
+import { FinancialAssetSchema as ft, WatchlistEngine as xt } from "./blocks/engines/WatchlistEngine.js";
+import { Avatar as nt } from "./components/ui/Avatar.js";
+import { Badge as st, badgeVariants as Tt } from "./components/ui/Badge.js";
+import { Button as ht, buttonVariants as Ct } from "./components/ui/Button.js";
+import { Icon as gt } from "./components/ui/Icon.js";
+import { BrandLogo as ut } from "./components/ui/BrandLogo.js";
+import { cn as Pt } from "./utils/cn.js";
+import { formatValue as It } from "./lib/formatters.js";
+import { ThemeSynthesizer as Lt } from "./components/theme/ThemeSynthesizer.js";
+import { AestheticProfileGrid as Rt } from "./components/theme/AestheticProfileGrid.js";
+import { FineTuningControls as vt } from "./components/theme/FineTuningControls.js";
+import { PaletteSwatch as yt, ThemeLivePreview as Ft } from "./components/theme/ThemeLivePreview.js";
+import { ThemeSettings as kt } from "./components/theme/ThemeSettings.js";
+import { ThemeLab as _t } from "./components/theme/ThemeLab.js";
+import { AESTHETIC_PROFILES as Gt, generateFromProfile as Vt, generateFromPrompt as Kt, generateRandom as Nt, hslToCssString as Ut, hslToRgb as Yt, hslToRgbString as Qt, lightToDark as Wt, paletteToRgbVars as zt } from "./lib/theme/ThemeGenerator.logic.js";
+import { THEME_TOKEN_VARS as Xt, applyThemeToDom as qt, generateRandomTheme as Jt, getContrastColor as Zt, hexToRgbTriplet as $t, isCustomTheme as rm, loadGoogleFont as om, randomRgb as em, tokensToVars as tm } from "./lib/theme/themeUtils.js";
+import { generateThemeFromPrompt as am } from "./lib/theme/themeAgent.js";
+import { CompanyProfileCard as fm } from "./components/ai/CompanyProfileCard/CompanyProfileCard.js";
+import { CounterpartyGraphCard as im } from "./components/ai/CounterpartyGraphCard/CounterpartyGraphCard.js";
+import { DivergenceMetricsCard as lm } from "./components/ai/DivergenceMetricsCard/DivergenceMetricsCard.js";
+import { ArchitectureReferenceCard as Tm } from "./components/ai/ArchitectureReferenceCard/ArchitectureReferenceCard.js";
+import { LiveQuoteCard as hm } from "./components/ai/LiveQuoteCard/LiveQuoteCard.js";
+import { NewsSummaryCard as cm } from "./components/ai/NewsSummaryCard/NewsSummaryCard.js";
+import { StockChart as Sm } from "./components/ai/StockChart/StockChart.js";
+import { TelemetryGraph as bm } from "./components/ai/TelemetryGraph/TelemetryGraph.js";
+import { ShowroomContainer as Dm } from "./components/showroom/ShowroomContainer.js";
+import { ShowroomSidebar as Am } from "./components/showroom/ShowroomSidebar.js";
+import { ShowroomCanvas as Bm } from "./components/showroom/ShowroomCanvas.js";
+import { SkuBadge as Em } from "./components/showroom/SkuBadge.js";
+import { resolvePreview as Mm } from "./components/showroom/ShowroomRenderer.js";
 export {
-  Et as AESTHETIC_PROFILES,
-  A as AIChatThread,
+  Gt as AESTHETIC_PROFILES,
+  D as AIChatThread,
   a as AUTO_REGISTRY,
-  Ko as AboutRamme,
-  Zo as Accordion,
-  $o as AccordionItem,
-  be as ActionBar,
+  Xo as AboutRamme,
+  ae as Accordion,
+  pe as AccordionItem,
+  ve as ActionBar,
   s as Actions,
-  N as ActivityFeed,
-  ut as AestheticProfileGrid,
+  V as ActivityFeed,
+  Rt as AestheticProfileGrid,
   nr as Alert,
-  Fo as AppShell,
-  mm as ArchitectureReferenceCard,
-  Q as AreaChart,
+  Ko as AppShell,
+  Tm 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,
+  nt as Avatar,
+  st as Badge,
+  W as BarChart,
+  ut as BrandLogo,
+  Qe as BreadcrumbItem,
+  We as Breadcrumbs,
+  ht as Button,
+  Br as ButtonGroup,
+  He as ButtonItem,
+  xe as Card,
+  ie as CardContent,
+  ne as CardDescription,
+  le as CardFooter,
+  se as CardHeader,
+  Te as CardLabel,
+  de as CardTitle,
   j as ChartWithTable,
   b as ChatFAB,
-  Lr as Checkbox,
-  To as CircularDial,
+  Er as Checkbox,
+  bo as CircularDial,
   er as CodeBlock,
-  ye as CollectionLayout,
+  Ke as CollectionLayout,
   Mr as ComboBox,
-  Zt as CompanyProfileCard,
-  yo as ConnectorOverlay,
-  u as Conversation,
-  rm as CounterpartyGraphCard,
-  vo as DataCard,
+  fm as CompanyProfileCard,
+  Go as ConnectorOverlay,
+  S as Conversation,
+  im as CounterpartyGraphCard,
+  To as DISMISS_THRESHOLD,
+  ko 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,
+  ue as DefinitionDescription,
+  be as DefinitionList,
+  Pe as DefinitionTerm,
+  Ue as DenseMetricRibbon,
+  Qo as DetailDrawer,
+  Eo as DeviceCard,
+  lm as DivergenceMetricsCard,
+  Ce as Drawer,
+  Bo as EdgeInsightTerminal,
   sr as EmptyState,
+  ho as FLICK_VELOCITY,
   kr as FileUpload,
-  jo as FilterPanel,
-  Ze as FinancialAssetSchema,
-  bt as FineTuningControls,
+  oe as FilterPanel,
+  ft as FinancialAssetSchema,
+  vt as FineTuningControls,
   _r as FormTemplate,
-  Co as HardwareCommandButton,
-  Qo as Header,
-  it as Icon,
+  Do as HardwareCommandButton,
+  Jo as Header,
+  gt as Icon,
   Gr as Input,
-  B as KeyInjectionOverlay,
+  A as KeyInjectionOverlay,
   pr as KpiGrid,
-  Br as Label,
+  Ar as Label,
   q as LineChart,
-  de as List,
-  he as ListItem,
-  pm as LiveQuoteCard,
+  De as List,
+  Ie as ListItem,
+  hm 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,
+  je as Menu,
+  Xe as MenuDivider,
+  qe 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,
+  Ze as MobileNav,
+  Le as Modal,
+  Kr as MultiSelect,
+  cm as NewsSummaryCard,
+  ye as PageContainer,
+  we as PageHeader,
+  rt as Pagination,
+  yt as PaletteSwatch,
   Z as PieChart,
   Cr as Plan,
   h as PromptInput,
   Ur as Radio,
-  No as RammeInspectorTrigger,
+  zo as RammeInspectorTrigger,
   rr as ScatterChart,
-  Wr as SearchInput,
-  Re as SectionHeader,
+  Qr as SearchInput,
+  Oe as SectionHeader,
   zr as SegmentedControl,
   Xr as Select,
-  Oo as SettingsContainer,
-  gm as ShowroomCanvas,
-  dm as ShowroomContainer,
-  Cm as ShowroomSidebar,
-  ue as Sidebar,
+  Uo as SettingsContainer,
+  ge as Sheet,
+  Bm as ShowroomCanvas,
+  Dm as ShowroomContainer,
+  Am as ShowroomSidebar,
+  Re as Sidebar,
   O as SignupPage,
   dr as Skeleton,
-  Sm as SkuBadge,
-  go as Sparkline,
+  Em as SkuBadge,
+  Ao as Sparkline,
   mr as StatCard,
-  Eo as StateMatrix,
+  _o as StateMatrix,
   xr as StatusBadge,
-  qo as Statusbar,
-  ze as Stepper,
-  nm as StockChart,
+  te as Statusbar,
+  et as Stepper,
+  Sm 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,
+  Xt as THEME_TOKEN_VARS,
+  mt as TabPanel,
+  N as Table,
+  at as Tabs,
+  bm as TelemetryGraph,
+  Fo as TelemetryLog,
   Jr as Textarea,
-  vt as ThemeLab,
-  Dt as ThemeLivePreview,
-  v as ThemeProvider,
-  It as ThemeSettings,
-  ct as ThemeSynthesizer,
+  _t as ThemeLab,
+  Ft as ThemeLivePreview,
+  R as ThemeProvider,
+  kt as ThemeSettings,
+  Lt as ThemeSynthesizer,
   gr as TippyTooltip,
-  Sr as Toast,
+  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,
+  $o as Toolbar,
+  Ge as UserNav,
+  xt as WatchlistEngine,
+  Mo as WaterPumpControl,
+  qt as applyThemeToDom,
+  E as availableThemes,
+  Tt as badgeVariants,
+  Ct as buttonVariants,
+  Pt as cn,
+  It as formatValue,
+  Vt as generateFromProfile,
+  Kt as generateFromPrompt,
+  Nt as generateRandom,
+  Jt as generateRandomTheme,
+  am as generateThemeFromPrompt,
+  Zt as getContrastColor,
+  $t as hexToRgbTriplet,
+  Ut as hslToCssString,
+  Yt as hslToRgb,
+  Qt as hslToRgbString,
+  rm as isCustomTheme,
+  Wt as lightToDark,
+  om as loadGoogleFont,
   f as mockChartData,
   x as mockTableData,
-  Ht as paletteToRgbVars,
-  zt as randomRgb,
-  Pm as resolvePreview,
-  jt as tokensToVars,
+  zt as paletteToRgbVars,
+  em as randomRgb,
+  Mm as resolvePreview,
+  Co as settleTo,
+  tm as tokensToVars,
   lo as useBodyScrollLock,
   mo as useChartTheme,
   eo as useDataFetch,
+  So as useDialogFocus,
   xo as useIsMobile,
   io as useMediaQuery,
-  E as useTheme,
-  Ar as useToast,
+  co as useSheetGesture,
+  v as useTheme,
+  Dr as useToast,
   t as wizardManifest
 };

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

@@ -0,0 +1 @@
+export declare function useDialogFocus(isActive: boolean, containerRef: React.RefObject<HTMLElement | null>): void;

package/dist/lib/hooks/useDialogFocus.js

@@ -0,0 +1,46 @@
+import { useRef as m, useEffect as b } from "react";
+const y = [
+  "a[href]",
+  "button:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(","), l = (o) => Array.from(o.querySelectorAll(y)).filter(
+  // offsetParent is null for display:none. A zero-size element is still
+  // reachable by keyboard, so size is not the test — visibility is.
+  (n) => !n.hasAttribute("aria-hidden") && n.getAttribute("tabindex") !== "-1"
+);
+function E(o, n) {
+  const i = m(null);
+  b(() => {
+    if (!o) return;
+    const e = n.current;
+    if (!e) return;
+    i.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const s = () => {
+      (l(e)[0] ?? e).focus();
+    };
+    s();
+    const d = requestAnimationFrame(() => {
+      e.contains(document.activeElement) || s();
+    }), u = (t) => {
+      if (t.key !== "Tab") return;
+      const r = l(e);
+      if (r.length === 0) {
+        t.preventDefault(), e.focus();
+        return;
+      }
+      const a = r[0], f = r[r.length - 1], c = document.activeElement;
+      t.shiftKey && (c === a || !e.contains(c)) ? (t.preventDefault(), f.focus()) : !t.shiftKey && (c === f || !e.contains(c)) && (t.preventDefault(), a.focus());
+    };
+    return document.addEventListener("keydown", u, !0), () => {
+      cancelAnimationFrame(d), document.removeEventListener("keydown", u, !0);
+      const t = i.current;
+      t && document.contains(t) && t.focus();
+    };
+  }, [o, n]);
+}
+export {
+  E as useDialogFocus
+};