@epam/ai-dial-ui-kit 0.6.0-rc.98 → 0.6.0

package/dist/src/components/Skeleton/Skeleton.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { DialSkeletonVariant, DialSkeletonAvatarSize, DialSkeletonAvatarShape } from '../../types/skeleton';
 export interface DialSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     active?: boolean;
@@ -14,7 +14,7 @@ export interface DialSkeletonProps extends HTMLAttributes<HTMLDivElement> {
         width?: string;
     };
     loading?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
     variant?: DialSkeletonVariant;
     width?: string | number;
     height?: string | number;

package/dist/src/hooks/use-editable-item.d.ts

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 export interface UseEditableItemOptions {
     value: string;
     isEditing: boolean;
@@ -7,7 +8,7 @@ export interface UseEditableItemOptions {
     restoreOnCancel?: boolean;
 }
 interface UseEditableItemResult {
-    inputRef: React.RefObject<HTMLInputElement | null>;
+    inputRef: RefObject<HTMLInputElement | null>;
     value: string;
     onChange: (newValue?: string) => void;
     invalid: boolean;
@@ -27,7 +28,7 @@ interface UseEditableItemResult {
  * @param {boolean} [options.restoreOnCancel=true] - Whether to restore the original value on cancel.
  *
  * @returns {Object} An object containing state and handlers for editable input.
- * @returns {React.RefObject<HTMLInputElement>} return.inputRef - Ref to the editable input element.
+ * @returns {RefObject<HTMLInputElement>} return.inputRef - Ref to the editable input element.
  * @returns {string} return.value - Current input value.
  * @returns {(newValue?: string) => void} return.onChange - Change handler for the input value.
  * @returns {boolean} return.invalid - Whether the current value is invalid.

package/dist/src/hooks/use-width-breakpoint.d.ts

@@ -6,7 +6,7 @@
  * The value updates automatically when the element is resized.
  *
  * @param {number} breakpoint - The width in pixels used as the threshold. `isBelowBreakpoint` is true when the element's width is less than this value.
- * @returns {{ containerRef: React.RefObject<HTMLElement>, isBelowBreakpoint: boolean }} An object containing the ref to attach to your element and the boolean indicating if it is smaller than the breakpoint.
+ * @returns {{ containerRef: RefObject<HTMLElement>, isBelowBreakpoint: boolean }} An object containing the ref to attach to your element and the boolean indicating if it is smaller than the breakpoint.
  *
  * @example
  * const { containerRef, isBelowBreakpoint } = useWidthBreakpoint(600);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.6.0-rc.98",
+  "version": "0.6.0",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",