@altertable/data-app 0.62.0 → 0.63.0

package/dist/types/react/index.d.ts

@@ -1,11 +1,144 @@
 /**
- * React bindings and UI; load the stylesheet separately in the browser entry.
+ * React bindings and UI; inject styles explicitly in the browser entry.
  * @module @altertable/data-app/react
  * @see https://github.com/altertable-ai/data-app/blob/main/docs/react.md
  */
+export { injectDataAppStyles } from './styles.js';
+export { injectDataAppShellStyles } from './shellStyles.js';
+export type { DataAppStylesOptions } from './styles.js';
 export { mountDataApp, DataAppProvider } from './mount.js';
 export { createDataHooks } from './hooks.js';
 export { defineDataContent } from './content.js';
 export type { DataContentState } from './content.js';
 export type { DataViewDefinition, ResolvedVariables, ViewBindings, } from './view.js';
-export * from './ui/index.js';
+export { DataApp } from './ui/DataApp.js';
+export type { DataAppProps, DataAppRequest } from './ui/DataApp.js';
+export { GettingStarted } from './ui/GettingStarted.js';
+export { AppLayout } from './ui/AppLayout.js';
+export type { AppLayoutProps } from './ui/AppLayout.js';
+export { AppHeader } from './ui/AppHeader.js';
+export type { AppHeaderProps } from './ui/AppHeader.js';
+export { AppScope } from './ui/AppScope.js';
+export type { AppScopeProps } from './ui/AppScope.js';
+export { AppToolbar } from './ui/AppToolbar.js';
+export type { AppToolbarProps } from './ui/AppToolbar.js';
+export { VariableBar } from './ui/VariableBar.js';
+export type { VariableBarProps } from './ui/VariableBar.js';
+export { AppFooter } from './ui/AppFooter.js';
+export type { AppFooterProps } from './ui/AppFooter.js';
+export { ThemeSelector, ThemeToggle } from './ui/ThemeSelector.js';
+export type { ThemeSelectorProps } from './ui/ThemeSelector.js';
+export { Stack } from './ui/Stack.js';
+export type { StackProps } from './ui/Stack.js';
+export { Grid } from './ui/Grid.js';
+export type { GridProps } from './ui/Grid.js';
+export { GridItem } from './ui/GridItem.js';
+export type { GridItemProps } from './ui/GridItem.js';
+export type { WidgetEvidence } from './ui/WidgetEvidence.js';
+export { DataWidget } from './ui/DataWidget.js';
+export type { WidgetStatus } from './ui/RequestHint.js';
+export type { DataWidgetProps } from './ui/DataWidget.js';
+export { TextContent } from './ui/TextContent.js';
+export type { TextContentProps } from './ui/TextContent.js';
+export { TextWidget } from './ui/TextWidget.js';
+export type { TextWidgetProps } from './ui/TextWidget.js';
+export { VisualizationWidget } from './ui/VisualizationWidget.js';
+export type { VisualizationWidgetProps, VisualizationWidgetView, } from './ui/VisualizationWidget.js';
+export { TableWidget } from './ui/TableWidget.js';
+export type { TableWidgetColumn, TableWidgetProps, TableWidgetSearch, } from './ui/TableWidget.js';
+export { chartColor } from './ui/chartColor.js';
+export { Breakdown } from './ui/Breakdown.js';
+export type { BreakdownItem, BreakdownProps } from './ui/Breakdown.js';
+export { Ranking } from './ui/Ranking.js';
+export type { RankingItem, RankingProps } from './ui/Ranking.js';
+export { WidgetDisclosure } from './ui/WidgetDisclosure.js';
+export type { WidgetDisclosureProps } from './ui/WidgetDisclosure.js';
+export { WidgetViewTabs } from './ui/WidgetViewTabs.js';
+export type { WidgetView, WidgetViewTabsProps, } from './ui/WidgetViewTabs.js';
+export { ComparisonVisual } from './ui/ComparisonVisual.js';
+export type { ComparisonVisualProps } from './ui/ComparisonVisual.js';
+export { calendarMetricComparison } from './ui/comparison.js';
+export type { MetricComparison } from './ui/comparison.js';
+export { DataTable, DataTableEmptyRow, DataTableTimestamp, DataTableShare, } from './ui/DataTable.js';
+export type { DataTableProps, DataTableSearch, DataTableEmptyRowProps, DataTableTimestampProps, } from './ui/DataTable.js';
+export { MetricWidget } from './ui/MetricWidget.js';
+export type { MetricWidgetProps } from './ui/MetricWidget.js';
+export { SelectableBarChart } from './ui/SelectableBarChart.js';
+export type { SelectableBarChartProps, SelectableBarItem, } from './ui/SelectableBarChart.js';
+export { DimensionPicker } from './ui/DimensionPicker.js';
+export { EmptyState } from './ui/EmptyState.js';
+export type { EmptyStateProps } from './ui/EmptyState.js';
+export { Skeleton } from './ui/Skeleton.js';
+export type { SkeletonProps } from './ui/Skeleton.js';
+export { DataAppSkeleton } from './ui/DataAppSkeleton.js';
+export type { DataAppSkeletonProps } from './ui/DataAppSkeleton.js';
+export { DataBoundary } from './ui/DataBoundary.js';
+export { resolveDataView } from '../core/data-view.js';
+export { displayedSnapshot } from '../core/data-view.js';
+export type { DataView, DataSnapshot, DisplayedSnapshot, } from '../core/data-view.js';
+export type { DataBoundaryProps } from './ui/DataBoundary.js';
+export { RefreshRegion } from './ui/RefreshRegion.js';
+export type { RefreshRegionProps } from './ui/RefreshRegion.js';
+export { DataSection } from './ui/DataSection.js';
+export type { DataSectionProps, SectionResult, } from './ui/DataSection.js';
+export { StatusPanel } from './ui/StatusPanel.js';
+export type { StatusPanelProps } from './ui/StatusPanel.js';
+export { ContentSkeleton } from './ui/ContentSkeleton.js';
+export type { ContentSkeletonProps } from './ui/ContentSkeleton.js';
+export { DataViewToast } from './ui/DataViewToast.js';
+export type { DataViewToastProps } from './ui/DataViewToast.js';
+export { UpdatedAt } from './ui/UpdatedAt.js';
+export type { UpdatedAtProps } from './ui/UpdatedAt.js';
+export { DateTimeTooltip } from './ui/DateTimeTooltip.js';
+export type { DateTimeTooltipProps } from './ui/DateTimeTooltip.js';
+export { LiveControl } from './ui/LiveControl.js';
+export type { LiveControlProps, LiveIntervalSeconds, } from './ui/LiveControl.js';
+export { DateRangePicker } from './ui/DateRangePicker.js';
+export type { DatePresetId, DateRange, DateRangePickerProps, } from './ui/DateRangePicker.js';
+export { defineAppVariables, textVariable, selectVariable, dateRangeVariable, dateRangeControl, useAppVariables, } from './ui/variables.js';
+export type { AppVariable, AppVariableValues, DateRangeSelection, DateRangeVariable, DateRangeVariableOptions, } from './ui/variables.js';
+export { PeriodSummary } from './ui/PeriodSummary.js';
+export type { ReportingPeriod, PeriodComparison, PeriodSummaryProps, } from './ui/PeriodSummary.js';
+export { SearchField } from './ui/SearchField.js';
+export type { SearchFieldProps } from './ui/SearchField.js';
+export { searchItems } from './ui/searchItems.js';
+export type { SearchAttribute, SearchHit, SearchItemsOptions, SearchMatchValue, SearchRange, } from './ui/searchItems.js';
+export { SearchMatch } from './ui/SearchMatch.js';
+export type { SearchMatchProps } from './ui/SearchMatch.js';
+export { Combobox } from './ui/Combobox.js';
+export type { ComboboxOption, ComboboxProps } from './ui/Combobox.js';
+export { GradientScroll } from './ui/GradientScroll.js';
+export type { GradientScrollProps } from './ui/GradientScroll.js';
+export { searchParams, subscribeSearch, writeSearch, } from './ui/search.js';
+export { Tabs, TabList, Tab, TabPanels, TabPanel, useViewTab, } from './ui/Tabs.js';
+export { createDataContext, defineDataContext, evidenceFor, } from './ui/data-context.js';
+export type { DataContext, GlossaryEntry } from './ui/data-context.js';
+export { defineDataIdentifiers } from './ui/data-identifiers.js';
+export type { DataIdentifierDefinition, TableIdentifier, ColumnIdentifier, } from './ui/data-identifiers.js';
+export { GlossaryExplanation } from './ui/GlossaryExplanation.js';
+export type { GlossaryExplanationProps } from './ui/GlossaryExplanation.js';
+export { GlossaryDefinition } from './ui/GlossaryDefinition.js';
+export type { GlossaryDefinitionProps } from './ui/GlossaryDefinition.js';
+export { AboutData } from './ui/AboutData.js';
+export type { AboutDataProps, AboutEmpty, AboutSubject, AboutTab, } from './ui/AboutData.js';
+export { PresentStory } from './ui/PresentStory.js';
+export type { PresentStoryProps } from './ui/PresentStory.js';
+export type { StoryFinding, BoundStory } from './ui/story.js';
+export { Checkbox } from './ui/Checkbox.js';
+export type { CheckboxProps } from './ui/Checkbox.js';
+export { AppIcon } from './ui/icons.js';
+export type { AppIconName, AppIconProps } from './ui/icons.js';
+export { IconButton } from './ui/IconButton.js';
+export type { IconButtonProps } from './ui/IconButton.js';
+export { Kbd } from './ui/Kbd.js';
+export type { KbdProps } from './ui/Kbd.js';
+export { Sheet } from './ui/Sheet.js';
+export type { SheetDialogProps, SheetProps } from './ui/Sheet.js';
+export { Tooltip, TooltipProvider } from './ui/Tooltip.js';
+export type { TooltipProps, TooltipProviderProps, } from './ui/Tooltip.js';
+export { Button } from './ui/Button.js';
+export type { ButtonProps } from './ui/Button.js';
+export { HelpPopover } from './ui/HelpPopover.js';
+export type { HelpPopoverPanelProps, HelpPopoverProps, HelpPopoverTriggerProps, } from './ui/HelpPopover.js';
+export type { MetricDefinition } from './ui/metric.js';
+export type { DataReading, MetricReading, MetricValues, } from '../core/reading.js';

package/dist/types/react/injectStyles.d.ts

@@ -0,0 +1,7 @@
+import type { DataAppStylesOptions } from './styles.js';
+export declare function injectStyles({ name, attribute, css, options, }: {
+    name: string;
+    attribute: string;
+    css: string;
+    options: DataAppStylesOptions;
+}): HTMLStyleElement;

package/dist/types/react/shellStyles.d.ts

@@ -0,0 +1,3 @@
+import type { DataAppStylesOptions } from './styles.js';
+/** Install shared layout, widget surface, and skeleton styles once per document, before mounting. */
+export declare function injectDataAppShellStyles(options?: DataAppStylesOptions): HTMLStyleElement;

package/dist/types/react/styles.d.ts

@@ -0,0 +1,8 @@
+export interface DataAppStylesOptions {
+    /** Defaults to the current browser document. */
+    document?: Document;
+    /** Nonce permitted by the document's style-src CSP. */
+    nonce?: string;
+}
+/** Install the complete UI stylesheet once per document, before mounting. */
+export declare function injectDataAppStyles(options?: DataAppStylesOptions): HTMLStyleElement;

package/dist/types/react/ui/AboutData.d.ts

@@ -3,7 +3,6 @@ import type { DisclosedQuery } from '../../core/contract.js';
 import type { DataContext, GlossaryEntry } from './data-context.js';
 import { type ButtonProps } from './Button.js';
 import { type SheetDialogProps } from './Sheet.js';
-
 export type AboutTab = 'glossary' | 'queries';
 export type AboutEmpty = {
     glossary: {

package/dist/types/react/ui/AppFooter.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type AppFooterProps = ComponentPropsWithRef<'footer'> & {
     attribution?: ReactNode;
 };

package/dist/types/react/ui/AppHeader.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type AppHeaderProps = {
     scope?: ReactNode;
     title: ReactNode;

package/dist/types/react/ui/AppLayout.d.ts

@@ -1,7 +1,6 @@
 import type { ComponentProps, ComponentPropsWithRef, ReactNode } from 'react';
 import { AppFooter } from './AppFooter.js';
 import { type TooltipProviderProps } from './Tooltip.js';
-
 export type AppLayoutProps = {
     children: ReactNode;
     footerActions?: ReactNode;

package/dist/types/react/ui/AppScope.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type AppScopeProps = {
     organization: string;
     environment: string;

package/dist/types/react/ui/AppToolbar.d.ts

@@ -3,7 +3,6 @@ import type { DataView } from '../../core/data-view.js';
 import { type LiveControlProps } from './LiveControl.js';
 import { PresentStory } from './PresentStory.js';
 import { RefreshControl } from './RefreshControl.js';
-
 export type AppToolbarProps = {
     children?: ReactNode;
     end?: ReactNode;

package/dist/types/react/ui/Breakdown.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type BreakdownItem = {
     id: string;
     label: ReactNode;

package/dist/types/react/ui/Button.d.ts

@@ -1,6 +1,5 @@
 import type { ComponentPropsWithRef } from 'react';
 import { type ButtonProps as AriaButtonProps } from 'react-aria-components';
-
 export type ButtonProps = ComponentPropsWithRef<'button'> & {
     variant?: 'elevated' | 'outline' | 'ghost';
     size?: 'default' | 'compact' | 'icon' | 'icon-compact';

package/dist/types/react/ui/Checkbox.d.ts

@@ -1,5 +1,4 @@
 import { type ReactNode } from 'react';
-
 export type CheckboxProps = {
     label: string;
     description?: ReactNode;

package/dist/types/react/ui/Combobox.d.ts

@@ -1,4 +1,3 @@
-
 /** IDs are nonempty and unique across ordinary and missing options. */
 export type ComboboxOption = {
     id: string;

package/dist/types/react/ui/ComparisonVisual.d.ts

@@ -1,7 +1,6 @@
 import { type MetricComparison } from './comparison.js';
 import type { MetricDefinition } from './metric.js';
 import type { MetricReading } from '../../core/reading.js';
-
 type UnboundComparisonProps = MetricComparison & {
     label: string;
     emphasis?: 'standard' | 'story';

package/dist/types/react/ui/ContentSkeleton.d.ts

@@ -1,8 +1,5 @@
 import type { ComponentPropsWithRef } from 'react';
-
-export type ContentSkeletonProps = {
-    rows?: number;
-    variant: 'metric' | 'panel' | 'ranking';
-} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+import type { SkeletonContent } from './presentation.js';
+export type ContentSkeletonProps = SkeletonContent & Omit<ComponentPropsWithRef<'div'>, 'children'>;
 /** A metric, panel, or ranking placeholder to compose in the same layout as live content. */
 export declare function ContentSkeleton({ variant, rows, className, ...props }: ContentSkeletonProps): import("react").JSX.Element;

package/dist/types/react/ui/DataApp.d.ts

@@ -7,7 +7,7 @@ import { type AppToolbarProps } from './AppToolbar.js';
 import type { DataContext } from './data-context.js';
 import type { BoundStory } from './story.js';
 import { type SectionResult } from './DataSection.js';
-import type { EmptyStateProps } from './EmptyState.js';
+import type { EmptyContent } from './presentation.js';
 type DataAppBaseProps = {
     config: DataAppConfig;
     dataContext: DataContext;
@@ -25,7 +25,7 @@ type DataAppBaseProps = {
 export type DataAppRequest<Data, Input> = SectionResult<Data, Input> & {
     queries?: DisclosedQuery[];
     refresh?: AppToolbarProps['refresh'];
-    empty: Pick<EmptyStateProps, 'title' | 'description'>;
+    empty: EmptyContent;
     controls?: ReactNode;
 };
 export type DataAppProps<Data = unknown, Input = unknown> = DataAppBaseProps & ({

package/dist/types/react/ui/DataAppSkeleton.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type DataAppSkeletonProps = Omit<ComponentPropsWithRef<'output'>, 'children' | 'role' | 'aria-busy'> & {
     header?: ReactNode;
     footer?: ReactNode;

package/dist/types/react/ui/DataBoundary.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 import type { DataView } from '../../core/data-view.js';
 export type DataBoundaryProps<T, Input = unknown> = {
     view: DataView<T, Input>;

package/dist/types/react/ui/DataSection.d.ts

@@ -1,14 +1,13 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
 import type { DataView } from '../../core/data-view.js';
-import { type EmptyStateProps } from './EmptyState.js';
-type SectionEmpty = Pick<EmptyStateProps, 'title' | 'description'>;
+import type { EmptyContent } from './presentation.js';
 export type SectionResult<Data, Input> = {
     view: DataView<Data, Input>;
     refetch: () => unknown;
 };
 export type DataSectionProps<Data, Input = unknown> = {
     result: SectionResult<Data, Input>;
-    empty: SectionEmpty;
+    empty: EmptyContent;
     children: (data: Data, displayedInput: Input) => ReactNode;
     /** Placeholder layout for an initial request; use the ready view's grid without copied values. */
     loading?: ReactNode;
@@ -25,4 +24,3 @@ export type DataSectionProps<Data, Input = unknown> = {
 /** One request boundary for any number of cards. `DataBoundary` exposes the lower-level
  * view-state slots for custom composition. */
 export declare function DataSection<Data, Input>({ result, children, empty, loading, error, label, notice, dimOnUpdate, ...props }: DataSectionProps<Data, Input>): import("react").JSX.Element;
-export {};

package/dist/types/react/ui/DataTable.d.ts

@@ -1,7 +1,6 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-import { type EmptyStateProps } from './EmptyState.js';
+import type { EmptyContent } from './presentation.js';
 import { type SearchFieldProps } from './SearchField.js';
-
 export type DataTableSearch = Pick<SearchFieldProps, 'label' | 'placeholder' | 'value' | 'onChange' | 'resetValue'> & {
     /** Number of available records before filtering or a display limit. */
     itemCount: number;
@@ -16,7 +15,7 @@ export declare function DataTable({ className, ref, searchable, ...props }: Data
 export declare function DataTableShare({ value }: {
     value: number;
 }): import("react").JSX.Element;
-export type DataTableEmptyRowProps = Pick<EmptyStateProps, 'title' | 'description'> & {
+export type DataTableEmptyRowProps = EmptyContent & {
     colSpan: number;
 };
 export declare function DataTableEmptyRow({ colSpan, title, description, }: DataTableEmptyRowProps): import("react").JSX.Element;

package/dist/types/react/ui/DataViewToast.d.ts

@@ -1,6 +1,5 @@
 import { type ReactNode } from 'react';
 import type { DataView } from '../../core/data-view.js';
-
 export type DataViewToastProps<Data, Input> = {
     view: DataView<Data, Input>;
     message?: ReactNode;

package/dist/types/react/ui/DataWidget.d.ts

@@ -1,12 +1,7 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
-import type { DataReading } from '../../core/reading.js';
 import { type WidgetStatus } from './RequestHint.js';
-import { type ContentSkeletonProps } from './ContentSkeleton.js';
-import { type EmptyStateProps } from './EmptyState.js';
+import type { EmptyContent, BoundWidgetReading } from './presentation.js';
 import type { WidgetEvidence } from './WidgetEvidence.js';
-
-
-type Empty = Pick<EmptyStateProps, 'title' | 'description'>;
 type DataWidgetBaseProps = {
     title: ReactNode;
     count?: number;
@@ -21,18 +16,13 @@ type DataWidgetBaseProps = {
 /** Owns loading, empty content, actions, and inspection. Page and sheet mount the same
  * body and footer; hold interactive child state above the widget to share it across mounts.
  * A bound reading requires evidence; its child renderer runs only for nonempty ready data. */
-export type DataWidgetProps<Data = unknown> = DataWidgetBaseProps & ({
-    reading: DataReading<Data>;
-    isEmpty: (data: Data) => boolean;
-    empty: Empty;
-    evidence: WidgetEvidence;
-    skeleton?: Pick<ContentSkeletonProps, 'variant' | 'rows'>;
+export type DataWidgetProps<Data = unknown> = DataWidgetBaseProps & ((BoundWidgetReading<Data> & {
     children: (data: Data) => ReactNode;
-} | {
+}) | {
     reading?: never;
     isEmpty?: never;
     skeleton?: never;
-    empty?: Empty;
+    empty?: EmptyContent;
     children: ReactNode;
 });
 export declare function DataWidget<Data>(props: DataWidgetProps<Data>): import("react").JSX.Element;

package/dist/types/react/ui/DateRangePicker.d.ts

@@ -1,7 +1,6 @@
 import { type ComponentProps, type ReactNode } from 'react';
 import { type CalendarDate } from '@internationalized/date';
 import { DateRangePicker as AriaDateRangePicker } from 'react-aria-components';
-
 import { type DatePresetId, type DateRange } from '../../core/date-range.js';
 export type { DatePresetId, DateRange } from '../../core/date-range.js';
 export type DateRangePickerProps = {

package/dist/types/react/ui/DateTimeTooltip.d.ts

@@ -1,6 +1,5 @@
 import { type ReactNode } from 'react';
 import { type HelpPopoverProps } from './HelpPopover.js';
-
 export type DateTimeTooltipProps = {
     date: Date;
     timeZone?: string;

package/dist/types/react/ui/EmptyState.d.ts

@@ -1,8 +1,5 @@
-import type { ReactNode } from 'react';
-
-export type EmptyStateProps = {
-    title: ReactNode;
-    description?: ReactNode;
+import type { EmptyContent } from './presentation.js';
+export type EmptyStateProps = EmptyContent & {
     variant?: 'visual' | 'table';
     className?: string;
 };

package/dist/types/react/ui/GettingStarted.d.ts

@@ -1,6 +1,5 @@
 import type { DataAppConfig } from '../../core/config.js';
 import type { DataContext } from './data-context.js';
-
 /** Query-backed connection state and next steps for a newly created app. Mount within
  * `DataAppProvider` and register `connection: connectionCheck()` on the server. */
 export declare function GettingStarted({ config, dataContext, }: {

package/dist/types/react/ui/GlossaryDefinition.d.ts

@@ -1,6 +1,5 @@
 import type { ReactNode } from 'react';
 import type { GlossaryEntry } from './data-context.js';
-
 export type GlossaryDefinitionProps = {
     entry: GlossaryEntry;
     children?: ReactNode;

package/dist/types/react/ui/GlossaryExplanation.d.ts

@@ -2,7 +2,6 @@ import type { ComponentPropsWithRef, ReactNode } from 'react';
 import type { DisclosedQuery } from '../../core/contract.js';
 import type { DataContext, GlossaryEntry } from './data-context.js';
 import { type AboutEmpty } from './AboutData.js';
-
 export type GlossaryExplanationProps = {
     entry: GlossaryEntry;
     empty?: AboutEmpty;

package/dist/types/react/ui/GradientScroll.d.ts

@@ -1,5 +1,4 @@
 import { type ComponentPropsWithRef } from 'react';
-
 export type GradientScrollProps = ComponentPropsWithRef<'div'> & {
     axis?: 'vertical' | 'horizontal';
     /** Disable the start fade when sticky controls share the scrollport. */

package/dist/types/react/ui/Grid.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type GridProps = {
     children: ReactNode;
     /** Maximum columns; cards wrap sooner when the container cannot fit their minimum width. */

package/dist/types/react/ui/HelpPopover.d.ts

@@ -1,7 +1,5 @@
 import { type ComponentPropsWithRef, type ReactNode, type RefObject } from 'react';
 import { type Placement } from '@floating-ui/react';
-
-
 export type HelpPopoverTriggerProps = Omit<ComponentPropsWithRef<'button'>, 'children' | 'type'>;
 export type HelpPopoverPanelProps = Omit<ComponentPropsWithRef<'section'>, 'children' | 'role'>;
 export type HelpPopoverProps = {

package/dist/types/react/ui/Kbd.d.ts

@@ -1,6 +1,5 @@
 import type { ComponentPropsWithRef } from 'react';
 import { type Shortcut } from './shortcuts.js';
-
 export type KbdProps = ComponentPropsWithRef<'kbd'> & {
     shortcut?: Shortcut;
 };

package/dist/types/react/ui/LiveControl.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef } from 'react';
-
 export type LiveIntervalSeconds = 30 | 60 | 300;
 export type LiveControlProps = {
     enabled: boolean;

package/dist/types/react/ui/MetricWidget.d.ts

@@ -5,8 +5,6 @@ import { type MetricComparison } from './comparison.js';
 import { type MetricFormat } from '../../core/format.js';
 import type { MetricReading } from '../../core/reading.js';
 import { type MetricDefinition } from './metric.js';
-
-
 type MetricWidgetBaseProps = {
     label: string;
     description?: ReactNode;

package/dist/types/react/ui/PeriodSummary.d.ts

@@ -1,5 +1,4 @@
 import type { ReportingPeriod } from '../../core/contract.js';
-
 export type { ReportingPeriod } from '../../core/contract.js';
 export type PeriodComparison = {
     kind: 'previous';

package/dist/types/react/ui/PresentStory.d.ts

@@ -3,7 +3,6 @@ import type { ThemeController } from '../../core/appearance.js';
 import { type AboutEmpty } from './AboutData.js';
 import type { DataContext } from './data-context.js';
 import { type StoryFinding } from './story.js';
-
 export type StoryStep = {
     id: string;
     empty?: AboutEmpty;

package/dist/types/react/ui/QueryList.d.ts

@@ -1,6 +1,5 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import type { DisclosedQuery } from '../../core/contract.js';
-
 export type QueryListProps = {
     queries?: DisclosedQuery[];
     names?: string[];

package/dist/types/react/ui/Ranking.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type RankingItem = {
     id: string;
     label: ReactNode;

package/dist/types/react/ui/RefreshControl.d.ts

@@ -1,5 +1,4 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
-
 export type RefreshControlProps = {
     refreshing: boolean;
     children: ReactNode;

package/dist/types/react/ui/RefreshRegion.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type RefreshRegionProps = {
     refreshing: boolean;
     dimOnUpdate?: boolean;

package/dist/types/react/ui/RequestHint.d.ts

@@ -1,4 +1,3 @@
-
 /** Idle keeps the same reserved space as refresh and failure. Initial loading belongs to skeletons. */
 export type WidgetStatus = {
     kind: 'idle';

package/dist/types/react/ui/SearchField.d.ts

@@ -1,5 +1,4 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
-
 export type SearchFieldProps = {
     label: string;
     value: string;

package/dist/types/react/ui/SearchInput.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 /** One search control surface for picker search and table/page search. */
 export declare function SearchInput({ size, endAction, loading, className, onKeyDown, ...props }: Omit<ComponentPropsWithRef<'input'>, 'size' | 'children'> & {
     size?: 'default' | 'compact';

package/dist/types/react/ui/SearchMatch.d.ts

@@ -1,6 +1,5 @@
 import type { ComponentPropsWithRef } from 'react';
 import type { SearchMatchValue } from './searchItems.js';
-
 export type SearchMatchProps = {
     match: SearchMatchValue;
 } & Omit<ComponentPropsWithRef<'span'>, 'children'>;

package/dist/types/react/ui/SelectableBarChart.d.ts

@@ -1,4 +1,3 @@
-
 export type SelectableBarItem = {
     id: string;
     label: string;

package/dist/types/react/ui/SelectionMark.d.ts

@@ -1,4 +1,3 @@
-
 /** Decorative selection indicator; the containing control owns its accessible semantics. */
 export declare function SelectionMark({ selected }: {
     selected: boolean;

package/dist/types/react/ui/Sheet.d.ts

@@ -1,5 +1,4 @@
 import { type ComponentPropsWithRef, type ReactNode, type RefObject } from 'react';
-
 export type SheetDialogProps = Omit<ComponentPropsWithRef<'dialog'>, 'children' | 'open' | 'title' | 'aria-labelledby'>;
 export type SheetProps = {
     open: boolean;

package/dist/types/react/ui/Skeleton.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef } from 'react';
-
 export type SkeletonProps = Omit<ComponentPropsWithRef<'span'>, 'children' | 'aria-hidden'>;
 /** Decorative loading placeholder that fades in only when loading takes a moment.
  * Put the accessible status on its container. */

package/dist/types/react/ui/Stack.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type StackProps = {
     children: ReactNode;
     gap?: 'sm' | 'md' | 'lg';

package/dist/types/react/ui/StatusPanel.d.ts

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
-
 export type StatusPanelProps = {
     status: 'loading' | 'empty' | 'error';
     title: ReactNode;