konsolpro-custom-ui 0.0.327

package/dist/types/components/ui/spinner.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const spinnerVariants: (props?: ({
+    show?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
+    className?: string;
+    children?: React.ReactNode;
+    size?: 8 | 12 | 16 | 20 | 24 | 48 | 96;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
+export { Spinner, type SpinnerProps, spinnerVariants };

package/dist/types/components/ui/stepper.d.ts

@@ -0,0 +1,11 @@
+interface Step {
+    title: string;
+}
+interface StepperProps {
+    steps: Step[];
+    currentStep: number;
+    className?: string;
+}
+declare function Stepper({ steps, currentStep, className }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export { Stepper };
+export type { Step, StepperProps };

package/dist/types/components/ui/switch.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+type SwitchSize = 'md' | 'lg';
+declare const switchVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+    isChecked?: boolean | null | undefined;
+    isLoading?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+declare const thumbVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, 'checked' | 'disabled' | 'onCheckedChange'>, VariantProps<typeof switchVariants> {
+    label?: string;
+    loading?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    size?: SwitchSize;
+    'data-testid'?: string;
+    onCheckedChange?: (checked: boolean, event?: React.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch, type SwitchProps, type SwitchSize, switchVariants, thumbVariants };

package/dist/types/components/ui/tabs.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IconName } from '../icon';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+declare const tabsTriggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+interface TabsTriggerProps extends React.ComponentPropsWithoutRef<'button'>, VariantProps<typeof tabsTriggerVariants> {
+    icon?: IconName | React.ReactNode;
+    iconPosition?: 'start' | 'end';
+    value: string;
+    variant?: 'default';
+    'data-testid'?: string;
+}
+export declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    value: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/ui/tag.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { IconName, IconProps } from '../icon';
+declare const tagVariants: (props?: ({
+    color?: "default" | "purple" | "cyan" | "blue" | "volcano" | "magenta" | "gold" | "gray" | "green" | "lime" | "orange" | "red" | "geekblue" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+    iconPosition?: "end" | "start" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+type IconPosition = 'start' | 'end';
+type TagColor = 'default' | 'magenta' | 'blue' | 'cyan' | 'geekblue' | 'gold' | 'green' | 'lime' | 'orange' | 'purple' | 'red' | 'volcano' | 'gray';
+interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Цвет тега */
+    color?: TagColor;
+    /** Отключенное состояние */
+    disabled?: boolean;
+    /** Использовать только иконку */
+    iconOnly?: boolean;
+    /** Позиция иконки */
+    iconPosition?: IconPosition;
+    /** Иконка */
+    icon?: IconName;
+    /** Пропсы для иконки */
+    iconProps?: Omit<IconProps, 'icon'>;
+    /** Содержимое тега */
+    children?: React.ReactNode;
+    'data-testid'?: string;
+}
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
+export { Tag, type TagColor, type TagProps, tagVariants };

package/dist/types/components/ui/textarea.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface CustomTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    variant?: 'default' | 'primary' | 'success';
+    fullWidth?: boolean;
+    label?: string;
+    error?: string;
+    caption?: string;
+    autoResize?: boolean;
+    maxHeight?: number | string | null;
+    showErrorMessage?: boolean;
+    'data-testid'?: string;
+    disabled?: boolean;
+    size?: 'md' | 'lg';
+    value?: string;
+}
+declare const Textarea: React.ForwardRefExoticComponent<CustomTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/types/components/ui/time-picker.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface TimePickerProps {
+    time?: string | undefined;
+    onSelect?: (time: string | undefined) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+    size?: 'md' | 'lg';
+    error?: string;
+    caption?: string;
+    label?: string;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    'data-testid'?: string;
+}
+export declare function TimePicker({ time, onSelect, disabled, placeholder, className, size, error, caption, label, onBlur, 'data-testid': dataTestId, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ui/time-range-picker.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface TimeRange {
+    from?: string;
+    to?: string;
+}
+export interface TimeRangeError {
+    from?: string;
+    to?: string;
+}
+export interface TimeRangePickerProps {
+    value?: TimeRange;
+    onTimeChange?: (timeRange: TimeRange | undefined) => void;
+    placeholder?: {
+        from?: string;
+        to?: string;
+    };
+    disabled?: boolean;
+    className?: string;
+    size?: 'md' | 'lg';
+    error?: string | TimeRangeError;
+    caption?: string;
+    label?: string;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    'data-testid'?: string;
+}
+export declare function TimeRangePicker({ value, onTimeChange, placeholder, disabled, className, size, error, caption, label, onBlur, 'data-testid': dataTestId, }: TimeRangePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ui/timeline.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { TypographyVariant, TypographyWeight } from './typography';
+export interface TimelineItem {
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    additionalText?: React.ReactNode;
+    date?: React.ReactNode;
+    active?: boolean;
+    titleVariant?: TypographyVariant;
+    subtitleVariant?: TypographyVariant;
+    titleWeight?: TypographyWeight;
+}
+export interface TimelineProps {
+    items: TimelineItem[];
+    className?: string;
+}
+export declare const Timeline: React.FC<TimelineProps>;

package/dist/types/components/ui/toaster.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+import { ToasterProps, ToastT } from 'sonner';
+interface ToastOptions {
+    id?: string;
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    cancel?: {
+        label: string;
+        onClick: () => void;
+    };
+    onDismiss?: (toast: ToastT) => void;
+    onAutoClose?: (toast: ToastT) => void;
+    className?: string;
+    description?: string;
+    important?: boolean;
+    unstyled?: boolean;
+    onExtractError?: (error: unknown) => void;
+    defaultMessage?: string;
+}
+declare function createToastFunction(message: string | React.ReactNode, options?: ToastOptions): string | number;
+declare const toast: typeof createToastFunction & {
+    success: (message: unknown, options?: ToastOptions) => string | number | (string | number)[];
+    error: (message: unknown, options?: ToastOptions) => string | number | (string | number)[];
+    info: (message: unknown, options?: ToastOptions) => string | number | (string | number)[];
+    warning: (message: unknown, options?: ToastOptions) => string | number | (string | number)[];
+    loading: (message: unknown, options?: ToastOptions) => string | number | (string | number)[];
+    dismiss: (toastId?: string | number) => void;
+    promise<T>(promise: Promise<T>, { loading, success, error, ...options }: {
+        loading: string;
+        success: string | ((data: T) => string);
+        error: string | ((error: Error) => string);
+    } & ToastOptions): (string & {
+        unwrap: () => Promise<T>;
+    }) | (number & {
+        unwrap: () => Promise<T>;
+    }) | {
+        unwrap: () => Promise<T>;
+    };
+};
+declare function Toaster({ ...props }: ToasterProps): JSX.Element;
+export { toast, Toaster };
+export type { ToastOptions };

package/dist/types/components/ui/tooltip.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, };

package/dist/types/components/ui/typography.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export type TypographyVariant = 'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p1' | 'p2' | 'p3' | 'p4';
+export type TypographyColor = 'default' | 'muted' | 'primary' | 'secondary' | 'destructive' | 'positive' | 'white';
+export type TypographyWeight = 'normal' | 'medium' | 'bold';
+export interface CopyableConfig {
+    text?: string;
+    icon?: [React.ReactNode, React.ReactNode];
+    onCopy?: () => void;
+    duration?: number;
+}
+declare const typographyVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h0" | "p1" | "p2" | "p3" | "p4" | null | undefined;
+    textColor?: "default" | "white" | "primary" | "muted" | "secondary" | "destructive" | "positive" | null | undefined;
+    weight?: "bold" | "medium" | "normal" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export type TypographyElement = React.ElementRef<'div'>;
+interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
+    variant?: TypographyVariant;
+    textColor?: TypographyColor;
+    weight?: TypographyWeight;
+    as?: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'div';
+    copyable?: boolean | CopyableConfig;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>;
+export { Typography, typographyVariants };

package/dist/types/components/ui/uploader.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+export interface UploadedFile {
+    id: string;
+    name: string;
+    size: number;
+    file: File;
+    status?: 'success' | 'error';
+    error?: string;
+}
+export interface UploaderProps {
+    /** Принимаемые типы файлов */
+    accept?: string;
+    /** Множественная загрузка файлов */
+    multiple?: boolean;
+    /** Максимальный размер файла в байтах */
+    maxSize?: number;
+    /** Коллбек при загрузке файлов */
+    onUpload?: (files: File[]) => void;
+    /** Коллбек при удалении файла */
+    onDelete?: (fileId: string) => void;
+    /** Коллбек при ошибке */
+    onError?: (error: string) => void;
+    /** Направление flex контейнера */
+    direction?: 'row' | 'col';
+    /** Выравнивание flex контейнера  */
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    /** Выравнивание flex элементов */
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    /** Отображение кнопки загрузки */
+    isShowButton?: boolean;
+    /** Внешний список файлов */
+    files?: UploadedFile[];
+    /** Прогресс загрузки (0-100) */
+    uploadProgress?: number;
+    /** Состояние загрузки */
+    isUploading?: boolean;
+    /** Дополнительный CSS класс */
+    classNames?: {
+        container?: string;
+        dropzone?: string;
+        dropzoneContainer?: string;
+        dropzoneText?: string;
+    };
+    /** Текст для drag & drop области */
+    dropzoneText?: React.ReactNode;
+    /** Текст кнопки */
+    buttonText?: string;
+    /** Текст ошибки */
+    errorText?: string;
+}
+declare const Uploader: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<HTMLDivElement>>;
+export { Uploader };

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,14 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Сравнивает два объекта на поверхностное равенство
+ * @param obj1 - первый объект для сравнения
+ * @param obj2 - второй объект для сравнения
+ * @returns true если объекты равны на поверхностном уровне
+ */
+export declare function shallowEqual<T extends Record<string, any>>(obj1: T | null | undefined, obj2: T | null | undefined): boolean;
+export type AvatarColorVariant = 'purple' | 'cyan' | 'blue' | 'volcano' | 'magenta';
+/**
+ * Детерминированный выбор цвета по userId через модуль по количеству вариантов
+ */
+export declare function getAvatarColorByUserId(userId: number | string | null | undefined): AvatarColorVariant;

package/dist/types/utils/use-device-detector.d.ts

@@ -0,0 +1 @@
+export declare function useDeviceDetector(): 'mobile' | 'desktop';

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,171 @@
+{
+  "name": "konsolpro-custom-ui",
+  "type": "module",
+  "version": "0.0.327",
+  "packageManager": "yarn@3.4.1",
+  "license": "MIT",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/lib/index.js"
+    },
+    "./styles": "./dist/styles/custom-ui.css",
+    "./custom-ui.css": "./dist/styles/custom-ui.css",
+    "./variables.css": "./dist/styles/variables.css"
+  },
+  "main": "./dist/lib/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "src/fonts"
+  ],
+  "engines": {
+    "node": ">=20.16.0",
+    "yarn": ">=3.4.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && yarn copy-variables",
+    "build:watch": "vite build --watch",
+    "build:package": "vite build && yarn copy-variables",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublishOnly": "npm run build:package",
+    "bump": "npm version patch -m \"React UI Kit version updated to v%s\"",
+    "bump:minor": "npm version minor -m \"React UI Kit version updated to v%s\"",
+    "bump:major": "npm version major -m \"React UI Kit version updated to v%s\"",
+    "bump:beta": "npm version prerelease --preid=beta -m \"React UI Kit beta version updated to v%s\"",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "prepare": "husky",
+    "typecheck": "tsc --noEmit",
+    "copy-variables": "node scripts/copy-variables.js"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-router-dom": "^6.22.0"
+  },
+  "dependencies": {
+    "@babel/runtime-corejs3": "7.21.5",
+    "@floating-ui/react": "^0.27.16",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-navigation-menu": "^1.2.6",
+    "@radix-ui/react-popover": "^1.1.11",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-radio-group": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.2.6",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-toggle-group": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/cli": "^4.0.17",
+    "@tailwindcss/postcss": "^4.0.11",
+    "@tailwindcss/vite": "^4.0.11",
+    "@tanstack/react-virtual": "^3.13.12",
+    "@types/react-input-mask": "^3.0.6",
+    "autoprefixer": "^10.4.17",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "core-js": "^3.30.2",
+    "date-fns": "^4.1.0",
+    "downshift": "^9.0.10",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "glob": "^11.0.1",
+    "postcss": "^8.4.35",
+    "react": "^18.2.0",
+    "react-day-picker": "8.10.1",
+    "react-dom": "^18.2.0",
+    "react-input-mask": "^2.0.4",
+    "react-phone-number-input": "^3.4.12",
+    "react-teleporter": "^3.2.0",
+    "regenerator-runtime": "^0.14.1",
+    "sonner": "^2.0.5",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss": "^4.0.11",
+    "tw-animate-css": "^1.3.5"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^4.12.0",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@eslint/js": "^9.17.0",
+    "@storybook/addon-essentials": "^8.5.1",
+    "@storybook/addon-interactions": "^8.5.1",
+    "@storybook/addon-onboarding": "^8.5.1",
+    "@storybook/blocks": "^8.5.1",
+    "@storybook/react": "^8.5.1",
+    "@storybook/react-vite": "^8.5.1",
+    "@storybook/test": "^8.5.1",
+    "@testing-library/jest-dom": "latest",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.1",
+    "@types/fs-extra": "^11.0.4",
+    "@types/identity-obj-proxy": "^3",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.10.10",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
+    "@typescript-eslint/eslint-plugin": "^8.31.0",
+    "@typescript-eslint/parser": "^8.31.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.25.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-storybook": "^0.11.2",
+    "fs-extra": "^11.3.0",
+    "globals": "^15.14.0",
+    "husky": "^9.1.7",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^15.5.1",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "react-router-dom": "^6.22.0",
+    "storybook": "^8.5.1",
+    "ts-jest": "^29.3.1",
+    "typescript": "~5.6.2",
+    "url": "^0.11.4",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vite-plugin-svgr": "^4.3.0"
+  },
+  "resolutions": {
+    "esbuild": "npm:esbuild-wasm@latest"
+  },
+  "exclude": [
+    "src/stories",
+    "**/*.stories.tsx",
+    "**/*.stories.ts"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not op_mini all",
+    "android >= 8.0",
+    "ios >= 11.0",
+    "safari >= 11.0",
+    "chrome >= 109",
+    "firefox >= 115",
+    "edge >= 109"
+  ]
+}