@camstack/ui-library 0.1.58 → 0.2.0

package/dist/composites/addon-global-settings-form.d.ts

@@ -56,5 +56,5 @@ interface AddonGlobalSettingsFormProps {
      */
     readonly onOverrideChange?: (patch: Record<string, unknown>, effective: Record<string, unknown>) => void;
 }
-export declare function AddonGlobalSettingsForm({ trpc, addonId, nodeId, title, disabled, onAfterChange, refreshToken, collapsible, defaultOpen, mode, onOverrideChange, }: AddonGlobalSettingsFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddonGlobalSettingsForm({ trpc, addonId, nodeId, title, disabled, onAfterChange, refreshToken, collapsible, defaultOpen, mode, onOverrideChange, }: AddonGlobalSettingsFormProps): import("react").JSX.Element;
 export {};

package/dist/composites/agent-step-editor.d.ts

@@ -12,4 +12,4 @@ export interface AgentStepEditorProps {
     readonly onChangePatch?: (next: CameraStepOverridePatch | null) => void;
     readonly engineFormat: string;
 }
-export declare function AgentStepEditor(props: AgentStepEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentStepEditor(props: AgentStepEditorProps): import("react").JSX.Element;

package/dist/composites/app-shell/app-shell.d.ts

@@ -16,4 +16,4 @@ export interface AppShellProps {
     children: ReactNode;
     className?: string;
 }
-export declare function AppShell({ sidebar, header, mobileLogo, mobileActions, children, className }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppShell({ sidebar, header, mobileLogo, mobileActions, children, className, }: AppShellProps): import("react").JSX.Element;

package/dist/composites/app-shell/sidebar-item.d.ts

@@ -7,4 +7,4 @@ export interface SidebarItemProps {
     active?: boolean;
     className?: string;
 }
-export declare function SidebarItem({ label, icon: Icon, href, badge, active, className, }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarItem({ label, icon: Icon, href, badge, active, className, }: SidebarItemProps): import("react").JSX.Element;

package/dist/composites/app-shell/sidebar.d.ts

@@ -11,4 +11,4 @@ export interface SidebarProps {
     onNavigate?: () => void;
     className?: string;
 }
-export declare function Sidebar({ logo, sections, footer, onNavigate, className }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sidebar({ logo, sections, footer, onNavigate, className }: SidebarProps): import("react").JSX.Element;

package/dist/composites/audio-classification-list.d.ts

@@ -17,4 +17,4 @@ export interface AudioClassificationListProps {
 /**
  * Displays audio classification results as a ranked list with score bars.
  */
-export declare function AudioClassificationList({ classifications, processing, inferenceMs, maxItems, className, }: AudioClassificationListProps): import("react/jsx-runtime").JSX.Element;
+export declare function AudioClassificationList({ classifications, processing, inferenceMs, maxItems, className, }: AudioClassificationListProps): import("react").JSX.Element;

package/dist/composites/audio-level-waveform.d.ts

@@ -32,4 +32,4 @@ export interface AudioLevelWaveformProps {
  * Designed to be fed from the `pipeline.audio-inference-result` event
  * (each chunk, ~0.5s, produces one sample via `frame.level.dbfs`).
  */
-export declare function AudioLevelWaveform({ currentDbfs, durationSec, maxSamples, height, className, color, clipColor, clipThreshold, minDbfs, }: AudioLevelWaveformProps): import("react/jsx-runtime").JSX.Element;
+export declare function AudioLevelWaveform({ currentDbfs, durationSec, maxSamples, height, className, color, clipColor, clipThreshold, minDbfs, }: AudioLevelWaveformProps): import("react").JSX.Element;

package/dist/composites/audio-waveform.d.ts

@@ -17,4 +17,4 @@ export interface AudioWaveformProps {
  * Renders a waveform from Float32Array audio samples.
  * Downsamples to pixel resolution for performance.
  */
-export declare function AudioWaveform({ samples, sampleRate, height, className, color, bgColor, }: AudioWaveformProps): import("react/jsx-runtime").JSX.Element;
+export declare function AudioWaveform({ samples, sampleRate, height, className, color, bgColor, }: AudioWaveformProps): import("react").JSX.Element;

package/dist/composites/battery-badge.d.ts

@@ -12,4 +12,4 @@ export interface BatteryBadgeProps {
     readonly variant?: 'compact' | 'full';
     readonly className?: string;
 }
-export declare function BatteryBadge({ status, variant, className }: BatteryBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BatteryBadge({ status, variant, className }: BatteryBadgeProps): import("react").JSX.Element | null;

package/dist/composites/breadcrumb.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 export interface BreadcrumbItem {
     /** Display label */
     label: string;
@@ -22,4 +23,4 @@ export interface BreadcrumbProps {
  * ]} />
  * ```
  */
-export declare function Breadcrumb({ items, className }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb({ items, className }: BreadcrumbProps): React.JSX.Element;

package/dist/composites/camera-stream-player.d.ts

@@ -102,6 +102,15 @@ export interface CameraStreamPlayerProps {
     muted?: boolean;
     /** Show toolbar controls (default: true) */
     showControls?: boolean;
+    /** Show a live client-side WebRTC stats overlay (bitrate/fps/res/RTT),
+     *  computed from the PeerConnection's getStats(). Default: false. */
+    showStats?: boolean;
+    /** DEBUG: when provided, polls inbound-video getStats() ~1 Hz during playback
+     *  and reports per-window health metrics (frames received/decoded/dropped,
+     *  freezes, jitter, playback-clock advance). The embed forwards these over the
+     *  existing host log bridge (`{type:'log'}`), so they respect the app's
+     *  debug-mode flag. Used to diagnose recorded VOD-over-WebRTC stutter. */
+    onPlaybackStats?: (data: Record<string, unknown>) => void;
     /** Additional CSS classes for the root container */
     className?: string;
     /** Called on connection state change */
@@ -182,6 +191,29 @@ export interface CameraStreamPlayerProps {
      * Use for network simulation (benchmark) or manual tier forcing.
      */
     hintsOverride?: Partial<ClientStreamHints>;
+    /**
+     * Host-driven fast reconnect. Bump this number (monotonic) to force a
+     * full reconnect WITHOUT remounting the player — used by the embed when
+     * the native shell detects a network change (Wi-Fi↔cellular) or returns
+     * from background. Because `cleanup()` no longer clears `srcObject`, the
+     * LAST DECODED FRAME stays on screen across the reconnect (no black
+     * flash, no covering loader). The initial value is ignored — only
+     * changes trigger a reconnect. Distinct from remounting via `streamKey`,
+     * which blanks the element.
+     */
+    reconnectSignal?: number;
+    /**
+     * Optional control data-channel hook (client-offer mode only). When
+     * provided, the player opens a `camstack-control` `RTCDataChannel` on the
+     * PeerConnection BEFORE building the offer (so it is negotiated into the
+     * m=application section) and hands the channel to this callback for each new
+     * connection. Used by the recorded-playback timeline embed to drive the
+     * broker's `TimelineSession` (seek / scrub-commit / play-rate / go-live) and
+     * receive server state/position over the SAME WebRTC session that carries the
+     * unified live-or-recorded `<video>` track. Omit it (the default) for a plain
+     * live player — no data channel is created and behaviour is unchanged.
+     */
+    onControlChannel?: (channel: RTCDataChannel) => void;
 }
-export declare function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay, muted: initialMuted, showControls, className, onStateChange, onError, overlay, createSession, sendAnswer, handleOffer, getIceServers, addIceCandidate, getIceCandidates, closeSession, getSessionState, reoffer, posterUrl, hintsOverride, }: CameraStreamPlayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay, muted: initialMuted, showControls, showStats, onPlaybackStats, className, onStateChange, onError, overlay, createSession, sendAnswer, handleOffer, getIceServers, addIceCandidate, getIceCandidates, closeSession, getSessionState, reoffer, posterUrl, hintsOverride, reconnectSignal, onControlChannel, }: CameraStreamPlayerProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/AutotrackSection.d.ts

@@ -1,5 +1,5 @@
 interface AutotrackSectionProps {
     readonly deviceId: number;
 }
-export declare function AutotrackSection({ deviceId }: AutotrackSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AutotrackSection({ deviceId }: AutotrackSectionProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/ConsumablesPanel.d.ts

@@ -1,2 +1,2 @@
 import { CapSettingsComponentProps } from './index';
-export declare function ConsumablesPanel({ deviceId }: CapSettingsComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConsumablesPanel({ deviceId }: CapSettingsComponentProps): import("react").JSX.Element;

package/dist/composites/cap-settings/CoverageTrack.d.ts

@@ -8,5 +8,5 @@ interface CoverageTrackProps {
     /** Called with the absolute ms a click maps to within the window. */
     readonly onSeek: (clickMs: number) => void;
 }
-export declare function CoverageTrack({ windowFrom, windowTo, spans, playheadMs, onSeek, }: CoverageTrackProps): import("react/jsx-runtime").JSX.Element;
+export declare function CoverageTrack({ windowFrom, windowTo, spans, playheadMs, onSeek, }: CoverageTrackProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/EventBucketStrip.d.ts

@@ -21,5 +21,5 @@ interface EventBucketStripProps {
     /** Called when the user clicks "Load more". */
     readonly onLoadMore: () => void;
 }
-export declare function EventBucketStrip({ clips, loading, busyKey, onPlay, enabledKinds, onToggleKind, hasMore, onLoadMore }: EventBucketStripProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventBucketStrip({ clips, loading, busyKey, onPlay, enabledKinds, onToggleKind, hasMore, onLoadMore, }: EventBucketStripProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/EventHeatmap.d.ts

@@ -6,5 +6,5 @@ interface EventHeatmapProps {
     readonly selectedIndex: number | null;
     readonly onSelectBucket: (index: number) => void;
 }
-export declare function EventHeatmap({ windowFrom, windowTo, buckets, selectedIndex, onSelectBucket }: EventHeatmapProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventHeatmap({ windowFrom, windowTo, buckets, selectedIndex, onSelectBucket, }: EventHeatmapProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/MaskShapeCanvas.d.ts

@@ -38,7 +38,7 @@ export interface MaskShapeCanvasProps {
         readonly height: number;
     };
 }
-declare function MaskShapeCanvasImpl({ items, selectedId, onSelect, onShapeChange, onDrawComplete, drawingKind, supportedShapes, transparent, backdrop, polygonVertices, grid, }: MaskShapeCanvasProps): import("react/jsx-runtime").JSX.Element;
+declare function MaskShapeCanvasImpl({ items, selectedId, onSelect, onShapeChange, onDrawComplete, drawingKind, supportedShapes, transparent, backdrop, polygonVertices, grid, }: MaskShapeCanvasProps): import("react").JSX.Element;
 /**
  * Memoised export. The Konva scene is expensive to re-evaluate (many nodes per
  * item + per-item drag-bound closures) and overlay parents re-render on every

package/dist/composites/cap-settings/MotionZonesSettings.d.ts

@@ -1,2 +1,2 @@
 import { CapSettingsComponentProps } from './index';
-export declare function MotionZonesSettings({ deviceId }: CapSettingsComponentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MotionZonesSettings({ deviceId }: CapSettingsComponentProps): import("react").JSX.Element | null;

package/dist/composites/cap-settings/PrivacyMaskSettings.d.ts

@@ -1,2 +1,2 @@
 import { CapSettingsComponentProps } from './index';
-export declare function PrivacyMaskSettings({ deviceId }: CapSettingsComponentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PrivacyMaskSettings({ deviceId }: CapSettingsComponentProps): import("react").JSX.Element | null;

package/dist/composites/cap-settings/PtzPanel.d.ts

@@ -1,2 +1,2 @@
 import { CapSettingsComponentProps } from './index';
-export declare function PtzPanel({ deviceId }: CapSettingsComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PtzPanel({ deviceId }: CapSettingsComponentProps): import("react").JSX.Element;

package/dist/composites/cap-settings/RecordingPanel.d.ts

@@ -1,2 +1,2 @@
 import { HostWidgetProps } from '../../widgets/host-widgets';
-export declare function RecordingPanel({ deviceId }: HostWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function RecordingPanel({ deviceId }: HostWidgetProps): import("react").JSX.Element;

package/dist/composites/cap-settings/RecordingRulesEditor.d.ts

@@ -3,5 +3,5 @@ interface RecordingRulesEditorProps {
     readonly rules: readonly RecordingRule[];
     readonly onChange: (rules: RecordingRule[]) => void;
 }
-export declare function RecordingRulesEditor({ rules, onChange }: RecordingRulesEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RecordingRulesEditor({ rules, onChange }: RecordingRulesEditorProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/RecordingSettings.d.ts

@@ -4,5 +4,5 @@ interface RecordingSettingsProps {
     readonly saving: boolean;
     readonly onSave: (config: RecordingConfig) => void;
 }
-export declare function RecordingSettings({ initial, saving, onSave }: RecordingSettingsProps): import("react/jsx-runtime").JSX.Element;
+export declare function RecordingSettings({ initial, saving, onSave }: RecordingSettingsProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/RecordingTimeline.d.ts

@@ -1,5 +1,5 @@
 interface RecordingTimelineProps {
     readonly deviceId: number;
 }
-export declare function RecordingTimeline({ deviceId }: RecordingTimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function RecordingTimeline({ deviceId }: RecordingTimelineProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/ScheduleBandsEditor.d.ts

@@ -0,0 +1,7 @@
+import { RecordingSchedule } from '@camstack/types';
+interface ScheduleBandsEditorProps {
+    readonly schedules: readonly RecordingSchedule[];
+    readonly onChange: (schedules: RecordingSchedule[]) => void;
+}
+export declare function ScheduleBandsEditor({ schedules, onChange }: ScheduleBandsEditorProps): import("react").JSX.Element;
+export {};

package/dist/composites/cap-settings/TimelineControls.d.ts

@@ -17,5 +17,5 @@ interface TimelineControlsProps {
  * current view midpoint. Horizontal pan is wired via wheel events in
  * RecordingTimeline directly.
  */
-export declare function TimelineControls({ day, onDayChange, view, dayBounds, onViewChange, }: TimelineControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineControls({ day, onDayChange, view, dayBounds, onViewChange, }: TimelineControlsProps): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/event-thumb.d.ts

@@ -3,9 +3,9 @@ interface EventThumbProps {
     readonly mediaUrl?: string;
     readonly kind: ClipKind;
 }
-export declare function EventThumb({ mediaUrl, kind }: EventThumbProps): import("react/jsx-runtime").JSX.Element;
-export declare function EventKindIcon({ kind, large }: {
+export declare function EventThumb({ mediaUrl, kind }: EventThumbProps): import("react").JSX.Element;
+export declare function EventKindIcon({ kind, large, }: {
     readonly kind: ClipKind;
     readonly large?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist/composites/cap-settings/recording-config-form.d.ts

@@ -1,5 +1,34 @@
-import { RecordingRule, RecordingMode } from '@camstack/types';
+import { RecordingRule, RecordingMode, RecordingConfig, RecordingStorageMode, RecordingSchedule, RecordingTriggers, RecordingRetention, CamProfile } from '@camstack/types';
 export declare function emptyRule(): RecordingRule;
 export declare function isTriggerMode(mode: RecordingMode): boolean;
 export declare function withRuleAt(rules: readonly RecordingRule[], index: number, patch: Partial<RecordingRule>): RecordingRule[];
 export declare function removeRuleAt(rules: readonly RecordingRule[], index: number): RecordingRule[];
+/**
+ * The editable shape of the Basic recording form: the authoritative `mode` plus
+ * its mode-specific parameters. `schedules` are the recording time-bands (empty
+ * = always); `triggers`/buffers apply to `events`. Never carries `rules` — Base
+ * is mode-authoritative and the backend compiles `rules` from `mode`.
+ */
+export interface RecordingFormState {
+    readonly mode: RecordingStorageMode;
+    readonly profiles?: readonly CamProfile[];
+    readonly segmentSeconds?: number;
+    readonly schedules: readonly RecordingSchedule[];
+    readonly triggers: RecordingTriggers;
+    readonly preBufferSec?: number;
+    readonly postBufferSec?: number;
+    readonly retention?: RecordingRetention;
+}
+/** Read a persisted/migrated config into the Basic form state. `mode` is read
+ *  directly; a legacy mode-less config falls back to continuous/off by `enabled`. */
+export declare function formStateFromConfig(cfg: RecordingConfig): RecordingFormState;
+/** Serialize the Basic form state back to the wire config. `enabled` is derived
+ *  from `mode`; `rules`/singular `schedule` are never emitted. Schedules,
+ *  triggers and buffers are preserved even when off so they survive a re-enable. */
+export declare function configFromFormState(state: RecordingFormState): RecordingConfig;
+/**
+ * A config is "advanced" when it carries `rules[]` that the backend could NOT
+ * cleanly collapse to a `mode` (the non-destructive `migrateRulesToMode` leaves
+ * `mode` absent). The settings UI opens such a config in the Advanced rules tab.
+ */
+export declare function isAdvancedConfig(cfg: RecordingConfig): boolean;

package/dist/composites/code-block.d.ts

@@ -3,4 +3,4 @@ export interface CodeBlockProps {
     maxHeight?: number;
     className?: string;
 }
-export declare function CodeBlock({ children, maxHeight, className }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlock({ children, maxHeight, className }: CodeBlockProps): import("react").JSX.Element;

package/dist/composites/config-form-builder.d.ts

@@ -14,5 +14,5 @@ interface FormBuilderProps {
     /** Callback to clear a probe result when a field value changes */
     onClearProbe?: (key: string) => void;
 }
-export declare function ConfigFormBuilder({ schema, values, onChange, disabled, translationFn, onTestField, probeResults, onClearProbe }: FormBuilderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfigFormBuilder({ schema, values, onChange, disabled, translationFn, onTestField, probeResults, onClearProbe, }: FormBuilderProps): import("react").JSX.Element;
 export {};

package/dist/composites/config-form-field.d.ts

@@ -44,14 +44,14 @@ export declare function NodeSelectField({ field, value, onChange, disabled, tran
     onChange: (v: unknown) => void;
     disabled?: boolean;
     translationFn?: TranslationFn;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function NodeMultiSelectField({ field, value, onChange, disabled, translationFn, }: {
     field: ConfigNodeMultiSelectField;
     value: unknown;
     onChange: (v: unknown) => void;
     disabled?: boolean;
     translationFn?: TranslationFn;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Resolve a `ConfigCondition` against the form's flat values bag and the
  * sibling-field list (used to recover schema defaults when the
@@ -66,5 +66,5 @@ export declare function NodeMultiSelectField({ field, value, onChange, disabled,
  * rendered without instantiating a React subtree.
  */
 export declare function isFieldVisible(field: ConfigField, values: Record<string, unknown>, allFields?: readonly ConfigField[]): boolean;
-export declare function FormField({ field, values, onChange, disabled, translationFn, onTestField, externalProbe, allFields, onAction }: FormFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FormField({ field, values, onChange, disabled, translationFn, onTestField, externalProbe, allFields, onAction, }: FormFieldProps): import("react").JSX.Element | null;
 export { FormField as ConfigFormField };

package/dist/composites/confirm-action-button.d.ts

@@ -38,4 +38,4 @@ export interface ConfirmActionButtonProps<TResult> {
     /** Called after `action` resolves, with the result. */
     readonly onSuccess?: (result: TResult) => void;
 }
-export declare function ConfirmActionButton<TResult>({ label, icon: Icon, title, description, confirmLabel, triggerVariant, confirmVariant, size, disabled, className, action, onSuccess, }: ConfirmActionButtonProps<TResult>): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmActionButton<TResult>({ label, icon: Icon, title, description, confirmLabel, triggerVariant, confirmVariant, size, disabled, className, action, onSuccess, }: ConfirmActionButtonProps<TResult>): import("react").JSX.Element;

package/dist/composites/confirm-dialog.d.ts

@@ -9,5 +9,5 @@ interface ConfirmOptions {
 export declare function useConfirm(): (options: ConfirmOptions) => Promise<boolean>;
 export declare function ConfirmDialogProvider({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist/composites/data-table/data-table-header.d.ts

@@ -6,5 +6,5 @@ interface DataTableHeaderProps<T> {
     stickyHeader?: boolean;
     flexRender: typeof flexRender;
 }
-export declare function DataTableHeader<T>({ headerGroups, onSortingChange, stickyHeader, flexRender: render, }: DataTableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableHeader<T>({ headerGroups, onSortingChange, stickyHeader, flexRender: render, }: DataTableHeaderProps<T>): import("react").JSX.Element;
 export {};

package/dist/composites/data-table/data-table-pagination.d.ts

@@ -5,5 +5,5 @@ interface DataTablePaginationProps {
     total: number;
     onPaginationChange?: (pagination: PaginationState) => void;
 }
-export declare function DataTablePagination({ page, pageSize, total, onPaginationChange, }: DataTablePaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataTablePagination({ page, pageSize, total, onPaginationChange, }: DataTablePaginationProps): import("react").JSX.Element;
 export {};

package/dist/composites/data-table/data-table-row.d.ts

@@ -6,5 +6,5 @@ interface DataTableRowProps<T> {
     rowActions?: (row: T) => DataTableAction[];
     flexRender: typeof flexRender;
 }
-export declare function DataTableRow<T>({ row, onRowClick, rowActions, flexRender: render, }: DataTableRowProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableRow<T>({ row, onRowClick, rowActions, flexRender: render, }: DataTableRowProps<T>): import("react").JSX.Element;
 export {};

package/dist/composites/data-table/data-table.d.ts

@@ -1,2 +1,2 @@
 import { DataTableProps } from './types';
-export declare function DataTable<T>({ data, columns: userColumns, sorting, onSortingChange, filtering, onFilteringChange, pagination, onPaginationChange, loading, emptyState, rowActions, onRowClick, selectable, compact, stickyHeader, className, mobileMode, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<T>({ data, columns: userColumns, sorting, onSortingChange, filtering, onFilteringChange, pagination, onPaginationChange, loading, emptyState, rowActions, onRowClick, selectable, compact, stickyHeader, className, mobileMode, }: DataTableProps<T>): import("react").JSX.Element;

package/dist/composites/data-table.d.ts

@@ -34,4 +34,4 @@ export interface DataTableProps<T> {
     /** Per-row className resolver (e.g. status-coloured backgrounds). */
     readonly rowClassName?: (row: T, rowIndex: number) => string | undefined;
 }
-export declare function DataTable<T>({ columns, rows, rowKey, onRowClick, minWidthPx, emptyMessage, className, bordered, rowClassName, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare function DataTable<T>({ columns, rows, rowKey, onRowClick, minWidthPx, emptyMessage, className, bordered, rowClassName, }: DataTableProps<T>): import("react").JSX.Element | null;

package/dist/composites/detection-canvas.d.ts

@@ -26,4 +26,4 @@ export interface DetectionCanvasProps {
     /** Border width for bboxes in px (default: 2) */
     readonly borderWidth?: number;
 }
-export declare function DetectionCanvas({ src, imageWidth, imageHeight, detections, classColors, aspectRatio, className, placeholder, showConfidence, minConfidence, borderWidth, }: DetectionCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetectionCanvas({ src, imageWidth, imageHeight, detections, classColors, aspectRatio, className, placeholder, showConfidence, minConfidence, borderWidth, }: DetectionCanvasProps): import("react").JSX.Element;

package/dist/composites/detection-overlay.d.ts

@@ -6,4 +6,4 @@ export interface DetectionOverlayProps {
     readonly showDetections?: boolean;
     readonly showPhaseIndicator?: boolean;
 }
-export declare function DetectionOverlay({ detections: { motion, motionRaw, detection, phase }, showMotionZones, showMotionRaw, showDetections, showPhaseIndicator, }: DetectionOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DetectionOverlay({ detections: { motion, motionRaw, detection, phase }, showMotionZones, showMotionRaw, showDetections, showPhaseIndicator, }: DetectionOverlayProps): import("react").JSX.Element | null;

package/dist/composites/detection-result-tree.d.ts

@@ -8,4 +8,4 @@ export interface DetectionResultTreeProps {
     /** Callback when a detection's visibility is toggled */
     readonly onToggleVisibility?: (key: string, visible: boolean) => void;
 }
-export declare function DetectionResultTree({ detections, classColors, className, hiddenKeys, onToggleVisibility, }: DetectionResultTreeProps): import("react/jsx-runtime").JSX.Element;
+export declare function DetectionResultTree({ detections, classColors, className, hiddenKeys, onToggleVisibility, }: DetectionResultTreeProps): import("react").JSX.Element;

package/dist/composites/dev-shell.d.ts

@@ -16,5 +16,5 @@ interface DevShellContextValue {
     logout: () => void;
 }
 export declare function useDevShell(): DevShellContextValue;
-export declare function DevShell({ children, serverUrl, title, }: DevShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DevShell({ children, serverUrl, title }: DevShellProps): import("react").JSX.Element;
 export {};

package/dist/composites/device-activity-panel.d.ts

@@ -29,5 +29,5 @@ declare const TABS: readonly [{
     readonly icon: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
 }];
 export type ActivityTabId = (typeof TABS)[number]['id'];
-export declare function DeviceActivityPanel({ deviceId, containerDeviceId, defaultEventCategories, defaultStateCaps, initialTab, className, maxHeight, }: DeviceActivityPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeviceActivityPanel({ deviceId, containerDeviceId, defaultEventCategories, defaultStateCaps, initialTab, className, maxHeight, }: DeviceActivityPanelProps): import("react").JSX.Element;
 export {};

package/dist/composites/device-card.d.ts

@@ -35,4 +35,4 @@ export interface DeviceCardProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function DeviceCard({ title, subtitle, status, selected, onClick, badges, actions, offlineAction, className, }: DeviceCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeviceCard({ title, subtitle, status, selected, onClick, badges, actions, offlineAction, className, }: DeviceCardProps): import("react").JSX.Element;

package/dist/composites/device-controls/brightness-panel.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
 import { ControlPanelProps } from './types';
-export declare function BrightnessPanel({ trpc, deviceId, layout, optimistic }: ControlPanelProps): ReactNode;
+export declare function BrightnessPanel({ trpc, deviceId, layout, optimistic, }: ControlPanelProps): ReactNode;

package/dist/composites/device-controls/climate-panel.d.ts

@@ -13,4 +13,4 @@ export declare const MODE_COLOR: Record<HvacMode, string>;
  * matches the borderless cover/lock inline visual language.
  */
 export declare const MODE_TEXT_COLOR: Record<HvacMode, string>;
-export declare function ClimatePanel({ trpc, deviceId, features: _features, layout, optimistic }: ControlPanelProps): ReactNode;
+export declare function ClimatePanel({ trpc, deviceId, features: _features, layout, optimistic, }: ControlPanelProps): ReactNode;

package/dist/composites/device-controls/control-panel.d.ts

@@ -7,4 +7,4 @@ export declare function toTimeInput(value: string): string;
 /** Trim an HA datetime value to the `<input type=datetime-local>` shape
  *  ('YYYY-MM-DDTHH:MM'). Accepts both 'T'- and space-separated forms. */
 export declare function toDateTimeInput(value: string): string;
-export declare function ControlPanel({ trpc, deviceId, features: _features, layout, optimistic }: ControlPanelProps): ReactNode;
+export declare function ControlPanel({ trpc, deviceId, features: _features, layout, optimistic, }: ControlPanelProps): ReactNode;

package/dist/composites/device-controls/cover-hero-card.d.ts

@@ -24,4 +24,4 @@ import { DeviceControlProps } from './control-registry';
  * Only hides when the device truly has no cover cap — a transient undefined slice
  * renders a neutral "unknown" state with all buttons still mounted.
  */
-export declare function CoverHeroCard({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
+export declare function CoverHeroCard({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;

package/dist/composites/device-controls/fan-hero-card.d.ts

@@ -18,4 +18,4 @@ import { DeviceControlProps } from './control-registry';
  * Composes two caps: `switch` (on/off) + `fan-control` (speed / oscillate).
  * Cap-gated on `switch` (always present on a Fan) — returns null without it.
  */
-export declare function FanHeroCard({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
+export declare function FanHeroCard({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;

package/dist/composites/device-controls/fan-panel.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
 import { ControlPanelProps } from './types';
-export declare function FanPanel({ trpc, deviceId, features, layout, optimistic }: ControlPanelProps): ReactNode;
+export declare function FanPanel({ trpc, deviceId, features, layout, optimistic, }: ControlPanelProps): ReactNode;

package/dist/composites/device-controls/humidifier-control.d.ts

@@ -24,7 +24,7 @@ export declare function humidifierTint(on: boolean, action: string | null): Humi
  * HumidifierInlineControl — compact on/off toggle + current→target readout
  * for a device-list row. Must NOT blow out the row width.
  */
-export declare function HumidifierInlineControl({ trpc, deviceId, optimistic }: DeviceControlProps): ReactNode;
+export declare function HumidifierInlineControl({ trpc, deviceId, optimistic, }: DeviceControlProps): ReactNode;
 /**
  * HumidifierHeroCard — full control surface for the device-detail hero.
  *

package/dist/composites/device-controls/index.d.ts

@@ -1,4 +1,4 @@
-export { ControlColumn, ValueReadout, FILL, RIGHT, CENTER, type ControlAlign, Stepper, SlideToggle, ArcKnob, GripTrack } from './atoms';
+export { ControlColumn, ValueReadout, FILL, RIGHT, CENTER, type ControlAlign, Stepper, SlideToggle, ArcKnob, GripTrack, } from './atoms';
 export { RadialGauge, type RadialGaugeProps } from './radial-gauge';
 export { TapToggle, type TapToggleProps } from './tap-toggle';
 export { ButtonControl, ButtonHeroCard } from './button-control';
@@ -12,14 +12,14 @@ export { MediaPlayerPanel, STATE_COLOR } from './media-player-panel';
 export { ControlPanel } from './control-panel';
 export { CONTROL_CAP_NAMES, type ControlCapName, type ControlPanelProps } from './types';
 export { PopoverRowAction } from './popover-row-action';
-export { SensorValueAtom, ROLE_DESCRIPTOR, type SensorDescriptor, type SensorValueAtomProps } from './sensor-value-atom';
+export { SensorValueAtom, ROLE_DESCRIPTOR, type SensorDescriptor, type SensorValueAtomProps, } from './sensor-value-atom';
 export { DEVICE_TYPE_CONTROL, CONTROL_FILLS, resolveDeviceControl, resolveControlAlign, coverHighlight, type DeviceTypeControl, type DeviceControlProps, type ControlPlacement, } from './control-registry';
 export { OfflineBadge, type OfflineBadgeProps } from './offline-badge';
-export { CoverInlineControl, type CoverHighlightVariant, type CoverButtonHighlight } from './cover-inline';
+export { CoverInlineControl, type CoverHighlightVariant, type CoverButtonHighlight, } from './cover-inline';
 export { CoverHeroCard } from './cover-hero-card';
 export { VacuumInlineControl, VacuumHeroCard, vacuumStateMeta, tankAlert, type VacuumStateMeta, type TankKind, type TankAlert, } from './vacuum-control';
-export { LawnMowerInlineControl, LawnMowerHeroCard, lawnMowerActivityMeta, type LawnMowerActivityMeta } from './lawn-mower-control';
-export { ValveInlineControl, ValveHeroCard, valveStateMeta, type ValveStateMeta } from './valve-control';
+export { LawnMowerInlineControl, LawnMowerHeroCard, lawnMowerActivityMeta, type LawnMowerActivityMeta, } from './lawn-mower-control';
+export { ValveInlineControl, ValveHeroCard, valveStateMeta, type ValveStateMeta, } from './valve-control';
 export { HumidifierInlineControl, HumidifierHeroCard, humidifierTint, type HumidifierTint, type HumidifierAction, } from './humidifier-control';
 export { WaterHeaterInlineControl, WaterHeaterHeroCard, waterHeaterTint, waterHeaterPhase, type WaterHeaterTint, type WaterHeaterPhase, } from './water-heater-control';
 export { WeatherInlineControl, WeatherHeroCard, weatherTint, weatherConditionMeta, type WeatherTint, type WeatherConditionMeta, type WeatherGlyph, } from './weather-control';

package/dist/composites/device-controls/light-hero-card.d.ts

@@ -13,4 +13,4 @@ import { DeviceControlProps } from './control-registry';
  * Composes three caps: `switch` (on/off), `brightness` (level), `color` (CT).
  * Cap-gated on `switch` (always present on a Light) — returns null without it.
  */
-export declare function LightHeroCard({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
+export declare function LightHeroCard({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;

package/dist/composites/device-controls/lock-hero-card.d.ts

@@ -12,4 +12,4 @@ import { DeviceControlProps } from './control-registry';
  *
  * Cap-gated: returns null when the device has no lockControl cap.
  */
-export declare function LockHeroCard({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
+export declare function LockHeroCard({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;

package/dist/composites/device-controls/lock-panel.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
 import { ControlPanelProps } from './types';
-export declare function LockPanel({ trpc, deviceId, layout, optimistic, features }: ControlPanelProps): ReactNode;
+export declare function LockPanel({ trpc, deviceId, layout, optimistic, features, }: ControlPanelProps): ReactNode;

package/dist/composites/device-controls/media-player-hero-card.d.ts

@@ -14,4 +14,4 @@ import { DeviceControlProps } from './control-registry';
  *
  * Cap-gated on `media-player` — returns null when the device lacks the cap.
  */
-export declare function MediaPlayerHeroCard({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
+export declare function MediaPlayerHeroCard({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;

package/dist/composites/device-controls/media-player-panel.d.ts

@@ -6,4 +6,4 @@ import { MediaPlayerState } from '@camstack/types';
  * Build fails if a state is added and not reflected here.
  */
 export declare const STATE_COLOR: Record<MediaPlayerState, string>;
-export declare function MediaPlayerPanel({ trpc, deviceId, features: _features, layout, optimistic }: ControlPanelProps): ReactNode;
+export declare function MediaPlayerPanel({ trpc, deviceId, features: _features, layout, optimistic, }: ControlPanelProps): ReactNode;

package/dist/composites/device-controls/panel-controls.d.ts

@@ -7,11 +7,11 @@ export { FanHeroCard } from './fan-hero-card';
 export { SwitchHeroCard } from './switch-hero-card';
 export { MediaPlayerHeroCard } from './media-player-hero-card';
 export { AlarmHeroCard, AlarmInlineControl as AlarmPanelInlineControl } from './alarm-hero-card';
-export declare function SwitchInlineControl({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
-export declare function LockInlineControl({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
-export declare function LightInlineControl({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
-export declare function FanInlineControl({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
-export declare function ThermostatInlineControl({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
-export declare function MediaPlayerInlineControl({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
-export declare function ControlInlineControl({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
-export declare function ControlHeroCard({ trpc, deviceId, features, optimistic }: DeviceControlProps): ReactNode;
+export declare function SwitchInlineControl({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;
+export declare function LockInlineControl({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;
+export declare function LightInlineControl({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;
+export declare function FanInlineControl({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;
+export declare function ThermostatInlineControl({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;
+export declare function MediaPlayerInlineControl({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;
+export declare function ControlInlineControl({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;
+export declare function ControlHeroCard({ trpc, deviceId, features, optimistic, }: DeviceControlProps): ReactNode;

package/dist/composites/device-controls/popover-row-action.d.ts

@@ -5,5 +5,5 @@ interface PopoverRowActionProps {
     readonly title: string;
     readonly children: ReactNode;
 }
-export declare function PopoverRowAction({ icon: Icon, title, children }: PopoverRowActionProps): ReactNode;
+export declare function PopoverRowAction({ icon: Icon, title, children, }: PopoverRowActionProps): ReactNode;
 export {};

package/dist/composites/device-controls/radial-gauge.d.ts

@@ -17,4 +17,4 @@ export interface RadialGaugeProps {
  * Circular gauge with an ArcKnob at `fraction` and centered children.
  * The knob wrapper carries `data-testid="arc-knob"` for test assertions.
  */
-export declare function RadialGauge({ fraction, color, children, onDragFraction }: RadialGaugeProps): ReactNode;
+export declare function RadialGauge({ fraction, color, children, onDragFraction, }: RadialGaugeProps): ReactNode;