@itcase/ui-web 1.9.91 → 1.9.92

package/dist/types/components/Code/Code.interface.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent, ReactNode } from 'react';
+import { FocusEventHandler, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
 import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ItemFillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
@@ -42,9 +42,9 @@ type CodeProps = CodeAppearanceProps & StyleAttributes & {
     inputType?: AllowedInputTypes;
     isDisabled?: boolean;
     isSkeleton?: boolean;
-    onBlur?: (arg0: FocusEvent) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
     onChange?: (otp: string) => void;
-    onFocus?: (arg0: FocusEvent) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
     separatorComponent?: ReactNode;
 };
 type CodeConfig = AppearanceConfig<AppearanceKeysState, CodeAppearanceProps>;

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

@@ -5,6 +5,7 @@ declare const Input: React.ForwardRefExoticComponent<import("./Input.interface")
     id?: string;
     appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
     autocomplete?: string;
+    autoComplete?: string;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
@@ -12,11 +13,11 @@ declare const Input: React.ForwardRefExoticComponent<import("./Input.interface")
     isDisabled?: boolean;
     isReadOnly?: boolean;
     name?: string;
-    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-    onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-    onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-    onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     placeholder?: string;
     type?: string;
     value?: string;

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

@@ -1,3 +1,4 @@
+import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEvent } from 'react';
 import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import type { StyleAttributes } from '@itcase/ui-core/hooks';
@@ -26,6 +27,7 @@ type InputProps = InputAppearanceProps & StyleAttributes & {
     id?: string;
     appearance?: CompositeAppearanceStateDefault;
     autocomplete?: string;
+    autoComplete?: string;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
@@ -33,11 +35,11 @@ type InputProps = InputAppearanceProps & StyleAttributes & {
     isDisabled?: boolean;
     isReadOnly?: boolean;
     name?: string;
-    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-    onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-    onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-    onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onClick?: (event?: MouseEvent<HTMLElement>) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
     placeholder?: string;
     type?: string;
     value?: string;

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

@@ -5,6 +5,7 @@ declare const meta: {
         id?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
         autocomplete?: string;
+        autoComplete?: string;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -12,11 +13,11 @@ declare const meta: {
         isDisabled?: boolean;
         isReadOnly?: boolean;
         name?: string;
-        onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-        onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-        onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onClick?: (event?: import("react").MouseEvent<HTMLElement>) => void;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         placeholder?: string;
         type?: string;
         value?: string;

package/dist/types/components/Input/stories/InputDefault.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
         id?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
         autocomplete?: string;
+        autoComplete?: string;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -12,11 +13,11 @@ declare const meta: {
         isDisabled?: boolean;
         isReadOnly?: boolean;
         name?: string;
-        onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-        onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-        onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onClick?: (event?: import("react").MouseEvent<HTMLElement>) => void;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         placeholder?: string;
         type?: string;
         value?: string;

package/dist/types/components/Input/stories/InputDisabled.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
         id?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
         autocomplete?: string;
+        autoComplete?: string;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -12,11 +13,11 @@ declare const meta: {
         isDisabled?: boolean;
         isReadOnly?: boolean;
         name?: string;
-        onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-        onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-        onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onClick?: (event?: import("react").MouseEvent<HTMLElement>) => void;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         placeholder?: string;
         type?: string;
         value?: string;

package/dist/types/components/Input/stories/InputError.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
         id?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
         autocomplete?: string;
+        autoComplete?: string;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -12,11 +13,11 @@ declare const meta: {
         isDisabled?: boolean;
         isReadOnly?: boolean;
         name?: string;
-        onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-        onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-        onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onClick?: (event?: import("react").MouseEvent<HTMLElement>) => void;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         placeholder?: string;
         type?: string;
         value?: string;

package/dist/types/components/Input/stories/InputRequire.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
         id?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
         autocomplete?: string;
+        autoComplete?: string;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -12,11 +13,11 @@ declare const meta: {
         isDisabled?: boolean;
         isReadOnly?: boolean;
         name?: string;
-        onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-        onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-        onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onClick?: (event?: import("react").MouseEvent<HTMLElement>) => void;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         placeholder?: string;
         type?: string;
         value?: string;

package/dist/types/components/Input/stories/InputSize.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
         id?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
         autocomplete?: string;
+        autoComplete?: string;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -12,11 +13,11 @@ declare const meta: {
         isDisabled?: boolean;
         isReadOnly?: boolean;
         name?: string;
-        onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-        onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-        onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onClick?: (event?: import("react").MouseEvent<HTMLElement>) => void;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         placeholder?: string;
         type?: string;
         value?: string;

package/dist/types/components/Input/stories/InputStyle.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
         id?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
         autocomplete?: string;
+        autoComplete?: string;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -12,11 +13,11 @@ declare const meta: {
         isDisabled?: boolean;
         isReadOnly?: boolean;
         name?: string;
-        onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-        onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-        onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onClick?: (event?: import("react").MouseEvent<HTMLElement>) => void;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         placeholder?: string;
         type?: string;
         value?: string;

package/dist/types/components/Input/stories/InputSuccess.stories.d.ts

@@ -5,6 +5,7 @@ declare const meta: {
         id?: string;
         appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
         autocomplete?: string;
+        autoComplete?: string;
         className?: string;
         dataTestId?: string;
         dataTour?: string;
@@ -12,11 +13,11 @@ declare const meta: {
         isDisabled?: boolean;
         isReadOnly?: boolean;
         name?: string;
-        onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
-        onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-        onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
-        onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onClick?: (event?: import("react").MouseEvent<HTMLElement>) => void;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         placeholder?: string;
         type?: string;
         value?: string;

package/dist/types/components/InputNumber/InputNumber.interfaces.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, CSSProperties } from 'react';
+import { ChangeEvent, CSSProperties, FocusEventHandler, KeyboardEventHandler } from 'react';
 import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, SvgFillHoverProps, SvgFillProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { ButtonProps } from 'src/components/Button/Button.interface';
@@ -36,7 +36,10 @@ type InputNumberProps = InputNumberAppearanceProps & StyleAttributes & {
     max?: number;
     min?: number;
     name?: string;
-    onChange?: (number: number) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onChange?: (value: number) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
     step?: number;
     style?: CSSProperties;
     type?: 'custom' | 'native';

package/dist/types/components/InputPassword/InputPassword.interface.d.ts

@@ -1,3 +1,4 @@
+import type { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler } from 'react';
 import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ItemFillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
@@ -30,15 +31,16 @@ type InputAppearanceProps = {
 type InputPasswordProps = InputAppearanceProps & StyleAttributes & {
     id?: string;
     appearance?: CompositeAppearanceStateDefault;
+    autoComplete?: string;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
     isDisabled?: boolean;
     name?: string;
-    onBlur?: () => void;
-    onChange?: () => void;
-    onFocus?: () => void;
-    onKeyDown?: () => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
     placeholder?: string;
     value?: string;
 };

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

@@ -28,7 +28,10 @@ declare const Switch: React.ForwardRefExoticComponent<import("@itcase/ui-core/ho
     isActive?: boolean;
     isDisabled?: boolean;
     isSkeleton?: boolean;
-    onChange?: () => void;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
     title?: string;
+    type?: "checkbox";
 } & React.RefAttributes<HTMLInputElement>>;
 export { Switch, switchConfig };

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

@@ -1,3 +1,4 @@
+import { ChangeEventHandler, FocusEventHandler } from 'react';
 import { AppearanceConfig, AppearanceKeysState, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps } from '@itcase/types-ui';
 import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
@@ -30,8 +31,11 @@ type SwitchProps = StyleAttributes & SwitchAppearanceProps & {
     isActive?: boolean;
     isDisabled?: boolean;
     isSkeleton?: boolean;
-    onChange?: () => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
     title?: string;
+    type?: 'checkbox';
 };
 type SwitchConfig = AppearanceConfig<AppearanceKeysState, SwitchAppearanceProps>;
 type SwitchAppearance = SwitchConfig['appearance'];

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

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         isActive: true;

package/dist/types/components/Switch/stories/SwitchDefault.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         title: string;

package/dist/types/components/Switch/stories/SwitchDemo.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         appearance: "defaultPrimary sizeL";

package/dist/types/components/Switch/stories/SwitchDisabled.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         title: string;

package/dist/types/components/Switch/stories/SwitchError.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         title: string;

package/dist/types/components/Switch/stories/SwitchRequire.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         title: string;

package/dist/types/components/Switch/stories/SwitchSize.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         title: string;

package/dist/types/components/Switch/stories/SwitchSuccess.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         title: string;

package/dist/types/components/Switch/stories/SwitchTitleDescSwitch.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         title: string;

package/dist/types/components/Switch/stories/SwitchTitleSwitch.stories.d.ts

@@ -28,8 +28,11 @@ declare const meta: {
         isActive?: boolean;
         isDisabled?: boolean;
         isSkeleton?: boolean;
-        onChange?: () => void;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
         title?: string;
+        type?: "checkbox";
     } & import("react").RefAttributes<HTMLInputElement>>;
     args: {
         title: string;

package/dist/types/components/Textarea/Textarea.interface.d.ts

@@ -1,3 +1,4 @@
+import type { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler } from 'react';
 import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
@@ -23,6 +24,7 @@ type TextareaAppearanceProps = {
 type TextareaProps = StyleAttributes & TextareaAppearanceProps & {
     id?: string;
     appearance?: CompositeAppearanceStateDefault;
+    autoComplete?: string;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
@@ -30,10 +32,10 @@ type TextareaProps = StyleAttributes & TextareaAppearanceProps & {
     isDisabled?: boolean;
     isSkeleton?: boolean;
     name?: string;
-    onBlur?: () => void;
-    onChange?: () => void;
-    onFocus?: () => void;
-    onKeyDown?: () => void;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
     placeholder?: string;
     value?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.9.91",
+  "version": "1.9.92",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -11,7 +11,10 @@
       "import": "./dist/components/*.js",
       "require": "./dist/cjs/components/*.js"
     },
-    "./stories/*": "./dist/stories/*.js"
+    "./stories/*": "./dist/stories/*.js",
+    "./dist/css/styles/*": "./dist/css/styles/*",
+    "./dist/css/mixins/*": "./dist/css/mixins/*",
+    "./dist/css/mediaqueries/*": "./dist/css/mediaqueries/*"
   },
   "types": "./dist/types/types/index.d.ts",
   "scripts": {
@@ -111,5 +114,5 @@
     "storybook": "^10.3.5",
     "typescript": "^6.0.3"
   },
-  "gitHead": "749ead6b41f7c13cdac85ee96dfe6db66a8f1263"
+  "gitHead": "4c19cae23b8c429e72989da00394cd2ea73298f4"
 }