@camstack/ui-library 1.2.257 → 1.2.259

package/dist/primitives/index.d.ts

@@ -1,22 +1,22 @@
-export * from './button';
-export * from './icon-button';
-export * from './badge';
-export * from './card';
-export * from './collapsible-card';
-export * from './label';
-export * from './separator';
-export * from './skeleton';
-export * from './input';
-export * from './select';
-export * from './checkbox';
-export * from './switch';
-export * from './dialog';
-export * from './dropdown';
-export * from './tooltip';
-export * from './popover';
-export * from './tabs';
-export * from './scroll-area';
-export * from './floating-panel';
-export * from './mobile-drawer';
-export * from './bottom-sheet';
-export * from './password-input';
+export * from "./button";
+export * from "./icon-button";
+export * from "./badge";
+export * from "./card";
+export * from "./collapsible-card";
+export * from "./label";
+export * from "./separator";
+export * from "./skeleton";
+export * from "./input";
+export * from "./select";
+export * from "./checkbox";
+export * from "./switch";
+export * from "./dialog";
+export * from "./dropdown";
+export * from "./tooltip";
+export * from "./popover";
+export * from "./tabs";
+export * from "./scroll-area";
+export * from "./floating-panel";
+export * from "./mobile-drawer";
+export * from "./bottom-sheet";
+export * from "./password-input";

package/dist/primitives/input.d.ts

@@ -1,17 +1,7 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-import { VariantProps } from 'class-variance-authority';
-/**
- * `disabled:opacity-50 disabled:cursor-not-allowed` for the same reason as
- * `Select` — an explicit `bg-surface` / `text-foreground` overrides the greying
- * a browser would otherwise apply, leaving an inert field indistinguishable
- * from a live one. See `disabled-affordance.test.tsx`.
- */
-declare const inputVariants: (props?: ({
-    state?: "error" | "default" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
-    leftSlot?: ReactNode;
-    rightSlot?: ReactNode;
+import { type InputHTMLAttributes, type ReactNode, type ForwardRefExoticComponent, type RefAttributes } from "react";
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+	state?: "default" | "error";
+	leftSlot?: ReactNode;
+	rightSlot?: ReactNode;
 }
-export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
-export {};
+export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;

package/dist/primitives/label.d.ts

@@ -1,4 +1,3 @@
-import { LabelHTMLAttributes } from 'react';
-export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-}
-export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+import { type LabelHTMLAttributes, type ForwardRefExoticComponent, type RefAttributes } from "react";
+export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {}
+export declare const Label: ForwardRefExoticComponent<LabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/primitives/mobile-drawer.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { type ReactNode, type JSX } from "react";
 export interface MobileDrawerProps {
-    open: boolean;
-    onClose: () => void;
-    children: ReactNode;
-    className?: string;
-    /** Width of the drawer panel. Default: 'w-64' */
-    width?: string;
+	open: boolean;
+	onClose: () => void;
+	children: ReactNode;
+	className?: string;
+	/** Width of the drawer panel. Default: 'w-64' */
+	width?: string;
 }
-export declare function MobileDrawer({ open, onClose, children, className, width, }: MobileDrawerProps): import("react").JSX.Element;
+export declare function MobileDrawer({ open, onClose, children, className, width }: MobileDrawerProps): JSX.Element;

package/dist/primitives/password-input.d.ts

@@ -1,19 +1,19 @@
-import { InputHTMLAttributes } from 'react';
-export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
-    readonly value: string;
-    readonly onValueChange: (text: string) => void;
-    /** The text is shown in clear. */
-    readonly shown: boolean;
-    readonly onToggleShown: () => void;
-    /** The eye is waiting for a value (a reveal in flight). */
-    readonly busy?: boolean;
-    /** Why the last press failed — drawn as a tooltip on the eye. */
-    readonly error?: string | null;
-    /** The eye cannot act right now; the reason is its title. */
-    readonly toggleBlockedReason?: string | null;
-    /** Draw no eye at all (a field that opts out of the toggle). */
-    readonly hideToggle?: boolean;
-    /** Multi-line entry (a PEM key): a textarea masked by the browser. */
-    readonly multiline?: boolean;
+import { type InputHTMLAttributes, type ForwardRefExoticComponent, type RefAttributes } from "react";
+export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> {
+	readonly value: string;
+	readonly onValueChange: (text: string) => void;
+	/** The text is shown in clear. */
+	readonly shown: boolean;
+	readonly onToggleShown: () => void;
+	/** The eye is waiting for a value (a reveal in flight). */
+	readonly busy?: boolean;
+	/** Why the last press failed — drawn as a tooltip on the eye. */
+	readonly error?: string | null;
+	/** The eye cannot act right now; the reason is its title. */
+	readonly toggleBlockedReason?: string | null;
+	/** Draw no eye at all (a field that opts out of the toggle). */
+	readonly hideToggle?: boolean;
+	/** Multi-line entry (a PEM key): a textarea masked by the browser. */
+	readonly multiline?: boolean;
 }
-export declare const PasswordInput: import('react').ForwardRefExoticComponent<PasswordInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const PasswordInput: ForwardRefExoticComponent<PasswordInputProps & RefAttributes<HTMLInputElement>>;

package/dist/primitives/popover.d.ts

@@ -1,10 +1,10 @@
-import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import { type JSX, type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from "react";
 interface PopoverProps {
-    children: ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
+	children: ReactNode;
+	open?: boolean;
+	onOpenChange?: (open: boolean) => void;
 }
-export declare function Popover({ children, open: controlledOpen, onOpenChange }: PopoverProps): import("react").JSX.Element;
-export declare function PopoverTrigger({ children, ...props }: ButtonHTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
-export declare function PopoverContent({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element | null;
+export declare function Popover({ children, open: controlledOpen, onOpenChange }: PopoverProps): JSX.Element | null;
+export declare function PopoverTrigger({ children, ...props }: ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element | null;
+export declare function PopoverContent({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element | null;
 export {};

package/dist/primitives/scroll-area.d.ts

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

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;