@datavac/ui-kit 1.0.2 → 1.0.4

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+interface AccordionProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function Accordion({ children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+interface AccordionItemProps {
+    title: string;
+    children: ReactNode;
+    value?: string;
+}
+export declare function AccordionItem({ title, children, value }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, AccordionItem } from './Accordion';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,11 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
+export declare function Badge({ className, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+}
+export declare function Chip({ selected, className, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
+interface CounterProps extends HTMLAttributes<HTMLSpanElement> {
+    count: number;
+}
+export declare function Counter({ count, className, ...props }: CounterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge, Chip, Counter } from './Badge';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type ButtonHTMLAttributes } from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "dark" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+interface DrawerProps {
+    trigger: ReactNode;
+    title: string;
+    children: ReactNode;
+    className?: string;
+}
+export declare function Drawer({ trigger, title, children, className }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export { Drawer } from './Drawer';

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,8 @@
+import { type InputHTMLAttributes } from 'react';
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    variant?: 'white' | 'grey';
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+type SearchBarProps = InputHTMLAttributes<HTMLInputElement>;
+export declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/Input/index.d.ts

@@ -0,0 +1 @@
+export { Input, SearchBar } from './Input';

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes } from 'react';
+type SpinnerSize = 'sm' | 'md' | 'lg';
+export declare function Spinner({ size, className }: {
+    size?: SpinnerSize;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1 @@
+export { Spinner, Skeleton } from './Spinner';

package/dist/components/States/States.d.ts

@@ -0,0 +1,7 @@
+interface StateProps {
+    message?: string;
+    className?: string;
+}
+export declare function EmptyState({ message, className }: StateProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorState({ message, className }: StateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/States/index.d.ts

@@ -0,0 +1 @@
+export { EmptyState, ErrorState } from './States';

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,16 @@
+export interface SwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    /** sm — 32×20 (ThemeToggle desktop), md — 45×24 (default) */
+    size?: 'sm' | 'md';
+    /** Overrides track color (replaces default bg-accent/bg-subtle logic) */
+    trackClassName?: string;
+    /** Overrides thumb color (replaces default bg-white) */
+    thumbClassName?: string;
+    id?: string;
+    disabled?: boolean;
+    className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+export declare function Switch({ checked, onChange, size, trackClassName, thumbClassName, id, disabled, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import type { ThemeName, ThemeTokens } from '../../themes';
+interface ThemeContextValue {
+    themeName: ThemeName;
+    tokens: ThemeTokens;
+    setTheme: (name: ThemeName) => void;
+    toggleTheme: () => void;
+}
+interface ThemeProviderProps {
+    children: ReactNode;
+    /** Начальная тема. По умолчанию следует системным настройкам */
+    defaultTheme?: ThemeName;
+    /** Кастомная тема — переопределяет встроенные */
+    customThemes?: Record<string, ThemeTokens>;
+    /** Применять CSS-переменные на :root (true) или на обёртку (false) */
+    applyToRoot?: boolean;
+}
+export declare function ThemeProvider({ children, defaultTheme: initialTheme, customThemes, applyToRoot, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+export {};

package/dist/components/ThemeProvider/index.d.ts

@@ -0,0 +1 @@
+export { ThemeProvider, useTheme } from './ThemeProvider';

package/dist/components/ThemeToggle/ThemeToggle.d.ts

@@ -0,0 +1,3 @@
+export declare function ThemeToggle({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ThemeToggle/index.d.ts

@@ -0,0 +1 @@
+export { ThemeToggle } from './ThemeToggle';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function Tooltip({ content, children, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from './Tooltip';

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,13 @@
+import { type HTMLAttributes } from 'react';
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    as?: 'h1' | 'h2' | 'h3' | 'h4';
+    size?: 'xl' | 'lg' | 'md';
+}
+export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
+    size?: 'md' | 'sm';
+}
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const Label: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const Caption: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/components/Typography/index.d.ts

@@ -0,0 +1 @@
+export { Heading, Text, Label, Caption } from './Typography';

package/dist/icons/index.d.ts

@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+export type IconProps = SVGProps<SVGSVGElement>;
+export declare function ArrowsIcon({ width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function InfoCircleIcon({ width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuIcon({ width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function MoonStarsIcon({ width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function PlusIcon({ width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function SunIcon({ width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import './tailwind.css';
+export { cn } from './lib/utils';
+export { Heading, Text, Label, Caption } from './components/Typography';
+export { Button } from './components/Button';
+export type { ButtonProps } from './components/Button';
+export { Badge, Chip, Counter } from './components/Badge';
+export { Input, SearchBar } from './components/Input';
+export { Tooltip } from './components/Tooltip';
+export { Drawer } from './components/Drawer';
+export { Accordion, AccordionItem } from './components/Accordion';
+export { Spinner, Skeleton } from './components/Spinner';
+export { EmptyState, ErrorState } from './components/States';
+export { ThemeToggle } from './components/ThemeToggle';
+export { Switch } from './components/Switch';
+export type { SwitchProps } from './components/Switch';
+export * from './icons';
+export { ThemeProvider, useTheme } from './components/ThemeProvider';
+export { defaultTheme, darkTheme, themes, tokensToCssVars } from './themes';
+export type { ThemeTokens, ThemeName } from './themes';

package/dist/index.js

@@ -6726,28 +6726,21 @@ function Ju({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0
 			if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
 		}
 		return "light";
-	}), u = a[s] ?? Vu, f = i((e) => {
-		let t = r ? document.documentElement : null;
-		t && (Object.entries(e).forEach(([e, n]) => t.style.setProperty(e, n)), t.classList.toggle("dark", s === "dark"));
-	}, [r, s]);
+	}), u = a[s] ?? Vu;
 	o(() => {
-		f(Ku(u)), localStorage.setItem("datavac-theme", s);
-	}, [
-		u,
-		s,
-		f
-	]);
-	let p = i((e) => {
+		r && document.documentElement.classList.toggle("dark", s === "dark"), localStorage.setItem("datavac-theme", s);
+	}, [s, r]);
+	let f = i((e) => {
 		a[e] && c(e);
-	}, [a]), m = i(() => {
+	}, [a]), p = i(() => {
 		c((e) => e === "dark" ? "light" : "dark");
 	}, []);
 	return /* @__PURE__ */ d(qu.Provider, {
 		value: {
 			themeName: s,
 			tokens: u,
-			setTheme: p,
-			toggleTheme: m
+			setTheme: f,
+			toggleTheme: p
 		},
 		children: e
 	});

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/test-setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/themes/index.d.ts

@@ -0,0 +1,8 @@
+import type { ThemeTokens } from './tokens';
+import defaultTheme from './default.json';
+import darkTheme from './dark.json';
+export { defaultTheme, darkTheme };
+export type { ThemeTokens, ThemeName } from './tokens';
+export declare const themes: Record<string, ThemeTokens>;
+/** Конвертирует объект токенов в CSS custom properties */
+export declare function tokensToCssVars(tokens: ThemeTokens): Record<string, string>;

package/dist/themes/tokens.d.ts

@@ -0,0 +1,30 @@
+export interface ThemeTokens {
+    colors: {
+        accent: string;
+        accentHover: string;
+        fg: string;
+        fgSecondary: string;
+        fgMuted: string;
+        page: string;
+        card: string;
+        subtle: string;
+        interactive: string;
+        overlay: string;
+        neutral: string;
+        border: string;
+        link: string;
+    };
+    radius: {
+        tooltip: string;
+        icon: string;
+        sm: string;
+        input: string;
+        card: string;
+        pill: string;
+        button: string;
+    };
+    font: {
+        sans: string;
+    };
+}
+export type ThemeName = string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datavac/ui-kit",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -19,7 +19,7 @@
   "scripts": {
     "theme:generate": "node scripts/generate-theme-css.mjs",
     "icons:generate": "node scripts/generate-icons.mjs",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b && vite build && tsc --project tsconfig.declaration.json",
     "dev": "vite build --watch",
     "lint": "eslint ./src",
     "format": "prettier ./src --write",