@camstack/ui-library 1.2.256 → 1.2.258

package/dist/primitives/select.d.ts

@@ -1,25 +1,25 @@
-import { SelectHTMLAttributes } from 'react';
+import { type SelectHTMLAttributes, type ForwardRefExoticComponent, type RefAttributes } from "react";
 export interface SelectOption {
-    value: string;
-    label: string;
+	value: string;
+	label: string;
 }
 export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-    options: SelectOption[];
+	options: SelectOption[];
 }
 /**
- * A native `<select>` styled to match the rest of the field set.
- *
- * `appearance-none` plus an explicit `bg-surface` / `text-foreground` is what
- * makes it match — and it is also what USED to make a disabled one a lie. A
- * browser greys a disabled control by rendering its own background and text
- * colour; all three of those are overridden here, so a `disabled` dropdown
- * looked exactly like a live one and simply ignored the click. That is the
- * whole of the "the language selector does not open" report of 2026-08-15:
- * the AI section's switch was off, every control under it was correctly inert,
- * and nothing on screen said so.
- *
- * `disabled:` classes belong HERE and not on each call site: there are dozens
- * of `<Select disabled>` in this app and the one that gets forgotten is the one
- * that generates the ticket. Guarded by `disabled-affordance.test.tsx`.
- */
-export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+* A native `<select>` styled to match the rest of the field set.
+*
+* `appearance-none` plus an explicit `bg-surface` / `text-foreground` is what
+* makes it match — and it is also what USED to make a disabled one a lie. A
+* browser greys a disabled control by rendering its own background and text
+* colour; all three of those are overridden here, so a `disabled` dropdown
+* looked exactly like a live one and simply ignored the click. That is the
+* whole of the "the language selector does not open" report of 2026-08-15:
+* the AI section's switch was off, every control under it was correctly inert,
+* and nothing on screen said so.
+*
+* `disabled:` classes belong HERE and not on each call site: there are dozens
+* of `<Select disabled>` in this app and the one that gets forgotten is the one
+* that generates the ticket. Guarded by `disabled-affordance.test.tsx`.
+*/
+export declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;

package/dist/primitives/separator.d.ts

@@ -1,9 +1,5 @@
-import { HTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
-declare const separatorVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface SeparatorProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof separatorVariants> {
+import { type HTMLAttributes, type ForwardRefExoticComponent, type RefAttributes } from "react";
+export interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+	orientation?: "horizontal" | "vertical";
 }
-export declare const Separator: import('react').ForwardRefExoticComponent<SeparatorProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Separator: ForwardRefExoticComponent<SeparatorProps & RefAttributes<HTMLDivElement>>;

package/dist/primitives/skeleton.d.ts

@@ -1,4 +1,3 @@
-import { HTMLAttributes } from 'react';
-export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
+import { type HTMLAttributes, type ForwardRefExoticComponent, type RefAttributes } from "react";
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {}
+export declare const Skeleton: ForwardRefExoticComponent<SkeletonProps & RefAttributes<HTMLDivElement>>;

package/dist/primitives/switch.d.ts

@@ -1,7 +1,7 @@
-import { ButtonHTMLAttributes } from 'react';
-export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
-    checked: boolean;
-    onCheckedChange: (checked: boolean) => void;
-    label?: string;
+import { type ButtonHTMLAttributes, type ForwardRefExoticComponent, type RefAttributes } from "react";
+export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> {
+	checked: boolean;
+	onCheckedChange: (checked: boolean) => void;
+	label?: string;
 }
-export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLButtonElement>>;

package/dist/primitives/tabs.d.ts

@@ -1,34 +1,34 @@
-import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import { type JSX, type ButtonHTMLAttributes, type HTMLAttributes } from "react";
 interface TabsProps extends HTMLAttributes<HTMLDivElement> {
-    value?: string;
-    onValueChange?: (value: string) => void;
-    defaultValue?: string;
+	value?: string;
+	onValueChange?: (value: string) => void;
+	defaultValue?: string;
 }
-export declare function Tabs({ value: controlledValue, onValueChange, defaultValue, className, ...props }: TabsProps): import("react").JSX.Element;
+export declare function Tabs({ value: controlledValue, onValueChange, defaultValue, className, ...props }: TabsProps): JSX.Element | null;
 /**
- * The strip SCROLLS sideways; it never squashes and never clips.
- *
- * Before this, the bar was a bare `flex flex-row`: every trigger was a
- * shrinkable flex item with no `whitespace-nowrap`, so past ~4 tabs on a narrow
- * viewport the labels wrapped inside a fixed-height (`h-7`) button and the
- * last tabs left the box with no way to reach them. That is the "the headers
- * are not scrollable" report on the Notification Center, whose rule sections
- * (6) and rule-editor tabs (up to 6) both live in one of these.
- *
- * BOTH axes are spelled out on purpose. Per CSS Overflow, `visible` is not
- * combinable with `auto`, so `overflow-x-auto` alone would silently promote
- * `overflow-y` to `auto` as well — and a one-row bar whose content box is
- * shortened by the horizontal scrollbar then raises a SECOND, vertical
- * scrollbar. That exact defect is documented on `SchemaTabBar`; `overflow-y`
- * pinned to `hidden` makes it impossible here.
- */
-export declare function TabsList({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+* The strip SCROLLS sideways; it never squashes and never clips.
+*
+* Before this, the bar was a bare `flex flex-row`: every trigger was a
+* shrinkable flex item with no `whitespace-nowrap`, so past ~4 tabs on a narrow
+* viewport the labels wrapped inside a fixed-height (`h-7`) button and the
+* last tabs left the box with no way to reach them. That is the "the headers
+* are not scrollable" report on the Notification Center, whose rule sections
+* (6) and rule-editor tabs (up to 6) both live in one of these.
+*
+* BOTH axes are spelled out on purpose. Per CSS Overflow, `visible` is not
+* combinable with `auto`, so `overflow-x-auto` alone would silently promote
+* `overflow-y` to `auto` as well — and a one-row bar whose content box is
+* shortened by the horizontal scrollbar then raises a SECOND, vertical
+* scrollbar. That exact defect is documented on `SchemaTabBar`; `overflow-y`
+* pinned to `hidden` makes it impossible here.
+*/
+export declare function TabsList({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element | null;
 interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    value: string;
+	value: string;
 }
-export declare function TabsTrigger({ value, className, ...props }: TabsTriggerProps): import("react").JSX.Element;
+export declare function TabsTrigger({ value, className, ...props }: TabsTriggerProps): JSX.Element | null;
 interface TabsContentProps extends HTMLAttributes<HTMLDivElement> {
-    value: string;
+	value: string;
 }
-export declare function TabsContent({ value, className, ...props }: TabsContentProps): import("react").JSX.Element | null;
+export declare function TabsContent({ value, className, ...props }: TabsContentProps): JSX.Element | null;
 export {};

package/dist/primitives/tooltip.d.ts

@@ -1,15 +1,15 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { type JSX, type HTMLAttributes, type ReactNode } from "react";
 interface TooltipProps {
-    readonly children: ReactNode;
-    /** Extra classes for the positioning wrapper. Defaults to `inline-block`
-     *  (shrink-to-fit). Pass `block w-full min-w-0` when the trigger must fill a
-     *  width-constrained parent so its inner content can truncate cleanly. */
-    readonly className?: string;
-    /** Holds the tooltip open (or shut) regardless of hover — an error the
-     *  control has to show until it is dismissed. Hover drives it when absent. */
-    readonly open?: boolean;
+	readonly children: ReactNode;
+	/** Extra classes for the positioning wrapper. Defaults to `inline-block`
+	*  (shrink-to-fit). Pass `block w-full min-w-0` when the trigger must fill a
+	*  width-constrained parent so its inner content can truncate cleanly. */
+	readonly className?: string;
+	/** Holds the tooltip open (or shut) regardless of hover — an error the
+	*  control has to show until it is dismissed. Hover drives it when absent. */
+	readonly open?: boolean;
 }
-export declare function Tooltip({ children, className, open: forcedOpen }: TooltipProps): import("react").JSX.Element;
-export declare function TooltipTrigger({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-export declare function TooltipContent({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function Tooltip({ children, className, open: forcedOpen }: TooltipProps): JSX.Element;
+export declare function TooltipTrigger({ children, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare function TooltipContent({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
 export {};

package/dist/theme/create-theme.d.ts

@@ -1,2 +1,2 @@
-import { CamStackTheme, DeepPartial } from './types';
+import type { CamStackTheme, DeepPartial } from "./types";
 export declare function createTheme(overrides?: DeepPartial<CamStackTheme>): CamStackTheme;

package/dist/theme/defaults.d.ts

@@ -1,4 +1,4 @@
-import { CamStackColorTokens, CamStackTheme } from './types';
+import type { CamStackColorTokens, CamStackTheme } from "./types";
 export declare const darkColors: CamStackColorTokens;
 export declare const lightColors: CamStackColorTokens;
 export declare const defaultTheme: CamStackTheme;

package/dist/theme/index.d.ts

@@ -1,6 +1,6 @@
-export type { CamStackColorTokens, CamStackTheme, ThemeMode, DeepPartial, UseThemeModeReturn, } from './types';
-export { darkColors, lightColors, defaultTheme } from './defaults';
-export { createTheme } from './create-theme';
-export { themeToCss } from './theme-to-css';
-export { ThemeProvider } from './theme-provider';
-export { useThemeMode } from './use-theme-mode';
+export type { CamStackColorTokens, CamStackTheme, ThemeMode, DeepPartial, UseThemeModeReturn } from "./types";
+export { darkColors, lightColors, defaultTheme } from "./defaults";
+export { createTheme } from "./create-theme";
+export { themeToCss } from "./theme-to-css";
+export { ThemeProvider } from "./theme-provider";
+export { useThemeMode } from "./use-theme-mode";

package/dist/theme/theme-provider.d.ts

@@ -1,10 +1,11 @@
-import { ReactNode } from 'react';
-import { ThemeMode, UseThemeModeReturn } from './types';
-export declare const ThemeContext: import('react').Context<UseThemeModeReturn | null>;
+import { type Context, type JSX } from "react";
+import type { ReactNode } from "react";
+import type { ThemeMode, UseThemeModeReturn } from "./types";
+export declare const ThemeContext: Context<UseThemeModeReturn | null>;
 interface ThemeProviderProps {
-    children: ReactNode;
-    defaultMode?: ThemeMode;
-    storageKey?: string;
+	children: ReactNode;
+	defaultMode?: ThemeMode;
+	storageKey?: string;
 }
-export declare function ThemeProvider({ children, defaultMode, storageKey, }: ThemeProviderProps): import("react").JSX.Element;
+export declare function ThemeProvider({ children, defaultMode, storageKey }: ThemeProviderProps): JSX.Element;
 export {};

package/dist/theme/theme-to-css.d.ts

@@ -1,2 +1,2 @@
-import { CamStackTheme } from './types';
+import type { CamStackTheme } from "./types";
 export declare function themeToCss(theme: CamStackTheme): string;

package/dist/theme/types.d.ts

@@ -1,106 +1,104 @@
 export interface CamStackColorTokens {
-    primary: string;
-    primaryForeground: string;
-    background: string;
-    backgroundElevated: string;
-    surface: string;
-    surfaceHover: string;
-    border: string;
-    borderSubtle: string;
-    foreground: string;
-    foregroundMuted: string;
-    foregroundSubtle: string;
-    foregroundDisabled: string;
-    success: string;
-    warning: string;
-    danger: string;
-    info: string;
-    provider: {
-        onvif: string;
-        hikvision: string;
-        reolink: string;
-        homeAssistant: string;
-        rtsp: string;
-    };
+	primary: string;
+	primaryForeground: string;
+	background: string;
+	backgroundElevated: string;
+	surface: string;
+	surfaceHover: string;
+	border: string;
+	borderSubtle: string;
+	foreground: string;
+	foregroundMuted: string;
+	foregroundSubtle: string;
+	foregroundDisabled: string;
+	success: string;
+	warning: string;
+	danger: string;
+	info: string;
+	provider: {
+		onvif: string;
+		hikvision: string;
+		reolink: string;
+		homeAssistant: string;
+		rtsp: string;
+	};
 }
 export interface CamStackTheme {
-    colors: {
-        dark: CamStackColorTokens;
-        light: CamStackColorTokens;
-    };
-    spacing: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-        '2xl': number;
-        '3xl': number;
-    };
-    radius: {
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    typography: {
-        fontFamily: string;
-        sizes: {
-            xs: {
-                fontSize: number;
-                lineHeight: number;
-            };
-            sm: {
-                fontSize: number;
-                lineHeight: number;
-            };
-            base: {
-                fontSize: number;
-                lineHeight: number;
-            };
-            lg: {
-                fontSize: number;
-                lineHeight: number;
-            };
-            xl: {
-                fontSize: number;
-                lineHeight: number;
-            };
-            '2xl': {
-                fontSize: number;
-                lineHeight: number;
-            };
-            '3xl': {
-                fontSize: number;
-                lineHeight: number;
-            };
-        };
-        weights: {
-            regular: number;
-            medium: number;
-            semibold: number;
-            bold: number;
-        };
-    };
-    table: {
-        rowHeight: number;
-        headerHeight: number;
-        cellPaddingX: number;
-        cellPaddingY: number;
-    };
-    sidebar: {
-        width: number;
-        itemHeight: number;
-        iconSize: number;
-    };
+	colors: {
+		dark: CamStackColorTokens;
+		light: CamStackColorTokens;
+	};
+	spacing: {
+		xs: number;
+		sm: number;
+		md: number;
+		lg: number;
+		xl: number;
+		"2xl": number;
+		"3xl": number;
+	};
+	radius: {
+		sm: number;
+		md: number;
+		lg: number;
+		xl: number;
+	};
+	typography: {
+		fontFamily: string;
+		sizes: {
+			xs: {
+				fontSize: number;
+				lineHeight: number;
+			};
+			sm: {
+				fontSize: number;
+				lineHeight: number;
+			};
+			base: {
+				fontSize: number;
+				lineHeight: number;
+			};
+			lg: {
+				fontSize: number;
+				lineHeight: number;
+			};
+			xl: {
+				fontSize: number;
+				lineHeight: number;
+			};
+			"2xl": {
+				fontSize: number;
+				lineHeight: number;
+			};
+			"3xl": {
+				fontSize: number;
+				lineHeight: number;
+			};
+		};
+		weights: {
+			regular: number;
+			medium: number;
+			semibold: number;
+			bold: number;
+		};
+	};
+	table: {
+		rowHeight: number;
+		headerHeight: number;
+		cellPaddingX: number;
+		cellPaddingY: number;
+	};
+	sidebar: {
+		width: number;
+		itemHeight: number;
+		iconSize: number;
+	};
 }
-export type ThemeMode = 'dark' | 'light' | 'system';
-export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
-};
+export type ThemeMode = "dark" | "light" | "system";
+export type DeepPartial<T> = { [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P] };
 export interface UseThemeModeReturn {
-    mode: ThemeMode;
-    resolvedMode: 'dark' | 'light';
-    setMode: (mode: ThemeMode) => void;
-    toggleMode: () => void;
+	mode: ThemeMode;
+	resolvedMode: "dark" | "light";
+	setMode: (mode: ThemeMode) => void;
+	toggleMode: () => void;
 }

package/dist/theme/use-theme-mode.d.ts

@@ -1,2 +1,2 @@
-import { UseThemeModeReturn } from './types';
+import type { UseThemeModeReturn } from "./types";
 export declare function useThemeMode(): UseThemeModeReturn;

package/dist/trpc-react.d.ts

@@ -1,7 +1,27 @@
-import { CreateTRPCReact } from '@trpc/react-query';
-import { AppRouter } from '@camstack/types';
+/**
+* Shared typed React Query proxy for the backend AppRouter.
+*
+* The proxy is exposed on `window.__camstackTrpcReact` so addon-page
+* bundles (which load AFTER the host admin-ui sets the global) reuse
+* the host's `createTRPCReact` instance instead of creating a separate
+* one. Sharing the instance is mandatory because the typed React-Query
+* hooks read from a Context registered inside the proxy — a duplicate
+* proxy would have its own Context, miss the host's `<trpc.Provider>`
+* tree, and crash with "trpc client not found" on first render.
+*
+* Boot order:
+*   1. admin-ui's `main.tsx` is the first script to evaluate this
+*      module, sees `window.__camstackTrpcReact === undefined`,
+*      creates the proxy, stashes it on the window.
+*   2. Addon bundles are loaded later by `AddonPageLoader` — when
+*      their entrypoint evaluates this same module (resolved through
+*      Vite alias to ui-library/src), the global is already set, so
+*      they pick up the host instance and skip the second create.
+*/
+import { type CreateTRPCReact } from "@trpc/react-query";
+import type { AppRouter } from "@camstack/types";
 export type AppTrpcReact = CreateTRPCReact<AppRouter, unknown>;
 declare global {
-    var __camstackTrpcReact: AppTrpcReact | undefined;
+	var __camstackTrpcReact: AppTrpcReact | undefined;
 }
 export declare const trpc: AppTrpcReact;

package/dist/widgets/host-widgets.d.ts

@@ -1,9 +1,9 @@
-import { ComponentType } from 'react';
+import { type ComponentType } from "react";
 /** Props every host (in-bundle) widget receives. */
 export interface HostWidgetProps {
-    readonly deviceId: number;
+	readonly deviceId: number;
 }
 /** Host widgets — ui-library React components embeddable as a
- *  `type:'widget'` ConfigField. `WidgetSlot` resolves these BEFORE the
- *  Module-Federation `WidgetRegistry`. ids are namespaced `host/<name>`. */
+*  `type:'widget'` ConfigField. `WidgetSlot` resolves these BEFORE the
+*  Module-Federation `WidgetRegistry`. ids are namespaced `host/<name>`. */
 export declare const HOST_WIDGETS: Readonly<Record<string, ComponentType<HostWidgetProps>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.256",
+  "version": "1.2.258",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -29,7 +29,7 @@
     "assets"
   ],
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && npx tsx ../../scripts/emit-isolated-dts.ts --root . --src src --out dist",
     "typecheck": "tsc --noEmit -p tsconfig.spec.json",
     "test": "vitest run",
     "publish:npm": "npm publish --access public"
@@ -100,12 +100,16 @@
     "tailwind-merge": "^3.0",
     "typescript": "~6.0.3",
     "vite": "^8.0.11",
-    "vite-plugin-dts": "^5.0.0",
     "vitest": "^3.2.4"
   },
   "nx": {
     "implicitDependencies": [
       "sdk"
-    ]
+    ],
+    "targets": {
+      "build": {
+        "parallelism": false
+      }
+    }
   }
 }

package/src/tailwind/camstack-theme.css

@@ -26,6 +26,11 @@
   --color-provider-ha: #22d3ee;
   --color-provider-rtsp: #78716c;
 
+  /* Cluster load-chart categorical series (web only; not status colours).
+     CVD-validated pair: blue = main threads, magenta = V8 pool. */
+  --color-chart-series-a: #3987e5;
+  --color-chart-series-b: #d55181;
+
   /* Border radius */
   --radius-sm: 4px;
   --radius-md: 6px;
@@ -64,6 +69,8 @@
   --color-warning: #fbbf24;
   --color-danger: #f87171;
   --color-info: #60a5fa;
+  --color-chart-series-a: #3987e5;
+  --color-chart-series-b: #d55181;
 }
 
 /* Light theme */
@@ -85,6 +92,8 @@
   --color-warning: #d97706;
   --color-danger: #dc2626;
   --color-info: #2563eb;
+  --color-chart-series-a: #2a78d6;
+  --color-chart-series-b: #e87ba4;
 }
 
 /* System preference fallback (when no .dark/.light class is set) */
@@ -107,5 +116,7 @@
     --color-warning: #d97706;
     --color-danger: #dc2626;
     --color-info: #2563eb;
+    --color-chart-series-a: #2a78d6;
+    --color-chart-series-b: #e87ba4;
   }
 }

package/dist/composites/unit-picker/UnitPicker.spec.d.ts

@@ -1 +0,0 @@
-export {};