@fluidattacks/design 3.7.10-pr-05 → 3.7.11-pr

package/dist/components/inputs/fields/date/index.d.ts

@@ -1,3 +1,3 @@
 import { TInputDateProps } from './types';
-declare const InputDate: ({ disabled, helpLink, helpLinkText, helpText, required, label, name, tooltip, ...props }: Readonly<TInputDateProps>) => JSX.Element;
+declare const InputDate: ({ disabled, error, helpLink, helpLinkText, helpText, required, label, name, register, setValue, tooltip, watch, ...props }: Readonly<TInputDateProps>) => JSX.Element;
 export { InputDate };

package/dist/components/inputs/fields/date/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");require("react");const e=require("../../../../components-BB0Bhkcx.js");exports.InputDate=e.InputDate;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");require("react");const e=require("../../../../components-CuBk0Kmd.js");exports.InputDate=e.InputDate;

package/dist/components/inputs/fields/date/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { TInputDateProps } from './types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TInputDateProps>;
+export { Default };
+export default config;

package/dist/components/inputs/fields/date/types.d.ts

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes } from 'react';
 import { AriaCalendarCellProps, AriaCalendarGridProps, CalendarAria, DateValue } from 'react-aria';
+import { UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
 import { CalendarState, DatePickerStateOptions, DateRangePickerStateOptions, RangeCalendarState } from 'react-stately';
 import { IOutlineContainerProps } from '../../types';
 /**
@@ -18,9 +19,12 @@ interface ICalendarState {
  * @property {string} [label] - Label of the date input.
  * @property {string} name - Name of the date input.
  */
-interface IDateProps extends InputHTMLAttributes<HTMLInputElement>, Omit<IOutlineContainerProps, "error" | "value" | "htmlFor" | "maxLenght" | "weight" | "required" | "label"> {
+interface IDateProps extends InputHTMLAttributes<HTMLInputElement>, Omit<IOutlineContainerProps, "value" | "htmlFor" | "maxLenght" | "weight" | "required" | "label"> {
     label?: string;
     name: string;
+    register?: UseFormRegister<any>;
+    setValue?: UseFormSetValue<any>;
+    watch?: UseFormWatch<any>;
 }
 type TInputDateProps = IDateProps & Omit<DatePickerStateOptions<DateValue>, "label">;
 type TGridProps = AriaCalendarGridProps & ICalendarState;

package/dist/components/inputs/fields/date-range/calendar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../../vendor-CURwPSaG.js");require("react");const e=require("../../../../../components-BB0Bhkcx.js");exports.Calendar=e.Calendar$1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../../vendor-DNbqU5jS.js");require("react");const e=require("../../../../../components-CuBk0Kmd.js");exports.Calendar=e.Calendar$1;

package/dist/components/inputs/fields/date-range/index.d.ts

@@ -1,4 +1,4 @@
 import { TInputDateRangeProps } from '../date/types';
-declare const InputDateRange: ({ disabled, label, name, required, tooltip, ...props }: Readonly<TInputDateRangeProps>) => JSX.Element;
+declare const InputDateRange: ({ disabled, error, label, name, required, tooltip, register, setValue, ...props }: Readonly<TInputDateRangeProps>) => JSX.Element;
 export type { TInputDateRangeProps };
 export { InputDateRange };

package/dist/components/inputs/fields/date-range/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../../vendor-CURwPSaG.js");const e=require("../../../../components-BB0Bhkcx.js");exports.InputDateRange=e.InputDateRange;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-CuBk0Kmd.js");require("../../../../vendor-DNbqU5jS.js");exports.InputDateRange=e.InputDateRange;

package/dist/components/inputs/fields/date-range/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { TInputDateRangeProps } from '.';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TInputDateRangeProps>;
+export { Default };
+export default config;

package/dist/components/inputs/fields/date-time/calendar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../../vendor-CURwPSaG.js");const e=require("../../../../../components-BB0Bhkcx.js");exports.Calendar=e.Calendar$2;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../../vendor-DNbqU5jS.js");const e=require("../../../../../components-CuBk0Kmd.js");exports.Calendar=e.Calendar$2;

package/dist/components/inputs/fields/date-time/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");require("react");const e=require("../../../../components-BB0Bhkcx.js");exports.InputDateTime=e.InputDateTime;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");require("react");const e=require("../../../../components-CuBk0Kmd.js");exports.InputDateTime=e.InputDateTime;

package/dist/components/inputs/fields/date-time/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { TInputDateProps } from '.';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TInputDateProps>;
+export { Default };
+export default config;

package/dist/components/inputs/fields/editable/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");const e=require("../../../../components-BB0Bhkcx.js");exports.Editable=e.Editable;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");const e=require("../../../../components-CuBk0Kmd.js");exports.Editable=e.Editable;

package/dist/components/inputs/fields/input/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputProps } from '../../types';
-declare const Input: ({ disabled, hasIcon, helpLink, helpLinkText, helpText, label, name, maskValue, onBlur, onChange, onPaste, placeholder, required, tooltip, type, weight, }: Readonly<IInputProps>) => JSX.Element;
+declare const Input: ({ disabled, hasIcon, helpLink, helpLinkText, helpText, error, isValid, isTouched, label, name, maskValue, onPaste, placeholder, register, tooltip, type, weight, ...rest }: Readonly<IInputProps>) => JSX.Element;
 export { Input };

package/dist/components/inputs/fields/input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../../vendor-CURwPSaG.js");const e=require("../../../../components-BB0Bhkcx.js");exports.Input=e.Input;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../../vendor-DNbqU5jS.js");const e=require("../../../../components-CuBk0Kmd.js");exports.Input=e.Input;

package/dist/components/inputs/fields/input/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { IInputProps } from '../../types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputProps>;
+declare const HelpLink: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputProps>;
+export { Default, HelpLink };
+export default config;

package/dist/components/inputs/fields/input-file/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputProps } from '../../types';
-declare const InputFile: ({ accept, disabled, label, helpLink, helpText, id, multiple, name, onChange: onChangeProp, required, tooltip, weight, }: Readonly<IInputProps>) => JSX.Element;
+declare const InputFile: ({ accept, disabled, error, label, helpLink, helpText, id, multiple, name, onChange: onChangeProp, required, register, setValue, tooltip, value, weight, }: Readonly<IInputProps>) => JSX.Element;
 export { InputFile };

package/dist/components/inputs/fields/input-file/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");require("react");const e=require("../../../../components-BB0Bhkcx.js");exports.InputFile=e.InputFile;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");require("react");const e=require("../../../../components-CuBk0Kmd.js");exports.InputFile=e.InputFile;

package/dist/components/inputs/fields/input-file/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IInputProps } from '../../types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputProps>;
+export { Default };
+export default config;

package/dist/components/inputs/fields/input-tags/field/index.d.ts

@@ -0,0 +1,6 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { IInputTagProps } from '../../../types';
+declare const TagsField: ({ disabled, error, field, helpLink, helpLinkText, helpText, label, name, onChange, onRemove, placeholder, required, tooltip, value: valueProp, weight, }: Readonly<IInputTagProps & {
+    field?: ControllerRenderProps<any>;
+}>) => JSX.Element;
+export { TagsField };

package/dist/components/inputs/fields/input-tags/field/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../../../vendor-DNbqU5jS.js");const e=require("../../../../../components-CuBk0Kmd.js");exports.TagsField=e.TagsField;

package/dist/components/inputs/fields/input-tags/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputTagProps } from '../../types';
-declare const InputTags: ({ disabled, helpLink, helpLinkText, helpText, label, name, onRemove, placeholder, required, tooltip, weight, }: Readonly<IInputTagProps>) => JSX.Element;
+declare const InputTags: ({ disabled, control, error, helpLink, helpLinkText, helpText, label, name, onChange, onRemove, placeholder, required, tooltip, value, weight, }: Readonly<IInputTagProps>) => JSX.Element;
 export { InputTags };

package/dist/components/inputs/fields/input-tags/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../../vendor-CURwPSaG.js");const e=require("../../../../components-BB0Bhkcx.js");exports.InputTags=e.InputTags;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");const e=require("../../../../components-CuBk0Kmd.js");exports.InputTags=e.InputTags;

package/dist/components/inputs/fields/input-tags/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { IInputTagProps } from '../../types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputTagProps>;
+declare const Help: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputTagProps>;
+export { Default, Help };
+export default config;

package/dist/components/inputs/fields/number/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputNumberProps } from '../../types';
-declare const InputNumber: ({ decimalPlaces, disabled, helpLink, helpText, id, label, maxLength, max, min, name, onChange, placeholder, required, tooltip, weight, }: Readonly<IInputNumberProps>) => JSX.Element;
+declare const InputNumber: ({ decimalPlaces, disabled, error, helpLink, helpText, id, label, maxLength, max, min, name, onChange, placeholder, register, required, setValue, tooltip, value, watch, weight, }: Readonly<IInputNumberProps>) => JSX.Element;
 export { InputNumber };

package/dist/components/inputs/fields/number/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");const e=require("../../../../components-BB0Bhkcx.js");exports.InputNumber=e.InputNumber;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../../components-CuBk0Kmd.js");exports.InputNumber=e.InputNumber;

package/dist/components/inputs/fields/number/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IInputNumberProps } from '../../types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputNumberProps>;
+export { Default };
+export default config;

package/dist/components/inputs/fields/number-range/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputNumberRangeProps } from '../../types';
-declare const InputNumberRange: ({ disabled, name, label, propsMax, propsMin, required, tooltip, }: Readonly<IInputNumberRangeProps>) => JSX.Element;
+declare const InputNumberRange: ({ disabled, error, name, label, propsMax, propsMin, required, tooltip, }: Readonly<IInputNumberRangeProps>) => JSX.Element;
 export { InputNumberRange };

package/dist/components/inputs/fields/number-range/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");const e=require("../../../../components-BB0Bhkcx.js");exports.InputNumberRange=e.InputNumberRange;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../../components-CuBk0Kmd.js");exports.InputNumberRange=e.InputNumberRange;

package/dist/components/inputs/fields/number-range/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { IInputNumberRangeProps } from '../../types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputNumberRangeProps>;
+declare const ErrorState: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputNumberRangeProps>;
+export { Default, ErrorState };
+export default config;

package/dist/components/inputs/fields/phone/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputProps } from '../../types';
-declare const PhoneInput: ({ disabled, label, name, placeholder, required, tooltip, weight, }: Readonly<IInputProps>) => JSX.Element;
+declare const PhoneInput: ({ disabled, error, label, name, placeholder, required, register, tooltip, value, weight, }: Readonly<IInputProps>) => JSX.Element;
 export { PhoneInput };

package/dist/components/inputs/fields/phone/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");require("react");require("react-dom");const e=require("../../../../components-BB0Bhkcx.js");exports.PhoneInput=e.PhoneInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");require("react");require("react-dom");const e=require("../../../../components-CuBk0Kmd.js");exports.PhoneInput=e.PhoneInput;

package/dist/components/inputs/fields/phone/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IInputProps } from '../../types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInputProps>;
+export { Default };
+export default config;

package/dist/components/inputs/fields/text-area/index.d.ts

@@ -1,3 +1,3 @@
 import { ITextAreaProps } from '../../types';
-declare const TextArea: ({ disabled, helpLink, helpText, label, name, id, maskValue, maxLength, placeholder, required, rows, tooltip, weight, }: Readonly<ITextAreaProps>) => JSX.Element;
+declare const TextArea: ({ disabled, error, helpLink, helpText, isTouched, isValid, label, name, id, maskValue, maxLength, placeholder, register, required, rows, tooltip, watch, weight, }: Readonly<ITextAreaProps>) => JSX.Element;
 export { TextArea };

package/dist/components/inputs/fields/text-area/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");const e=require("../../../../components-BB0Bhkcx.js");exports.TextArea=e.TextArea;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");const e=require("../../../../components-CuBk0Kmd.js");exports.TextArea=e.TextArea;

package/dist/components/inputs/fields/text-area/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { ITextAreaProps } from '../../types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITextAreaProps>;
+declare const HelpLink: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITextAreaProps>;
+export { Default, HelpLink };
+export default config;

package/dist/components/inputs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../components-BB0Bhkcx.js");exports.ComboBox=e.ComboBox;exports.Editable=e.Editable;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.TextArea=e.TextArea;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../components-CuBk0Kmd.js");exports.ComboBox=e.ComboBox;exports.Editable=e.Editable;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.TextArea=e.TextArea;

package/dist/components/inputs/label/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-CURwPSaG.js");const e=require("../../../components-BB0Bhkcx.js");exports.Label=e.Label;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-DNbqU5jS.js");const e=require("../../../components-CuBk0Kmd.js");exports.Label=e.Label;

package/dist/components/inputs/outline-container/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-CURwPSaG.js");const e=require("../../../components-BB0Bhkcx.js");exports.OutlineContainer=e.OutlineContainer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../vendor-DNbqU5jS.js");const e=require("../../../components-CuBk0Kmd.js");exports.OutlineContainer=e.OutlineContainer;

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

@@ -1,4 +1,5 @@
 import { InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import { Control, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
 /**
  * Label component props.
  * @interface ILabelProps
@@ -43,10 +44,14 @@ interface IOutlineContainerProps extends ILabelProps {
  * @property {boolean} [maskValue] - Whether the input has a mask value.
  * @property {string[]} [suggestions] - The suggestions of the input.
  */
-interface IInputProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "error" | "maxLength" | "value">> {
+interface IInputProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "maxLength" | "value">> {
     hasIcon?: boolean;
+    isValid?: boolean;
+    isTouched?: boolean;
     name: string;
     maskValue?: boolean;
+    register?: UseFormRegister<any>;
+    setValue?: UseFormSetValue<any>;
     suggestions?: string[];
 }
 /**
@@ -57,9 +62,13 @@ interface IInputProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omi
  * @property {string} name - The name of the text area.
  * @property {boolean} [maskValue] - Whether the input has a mask value.
  */
-interface ITextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Partial<Omit<IOutlineContainerProps, "error" | "value">> {
+interface ITextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Partial<Omit<IOutlineContainerProps, "value">> {
+    isValid?: boolean;
+    isTouched?: boolean;
     name: string;
     maskValue?: boolean;
+    register?: UseFormRegister<any>;
+    watch?: UseFormWatch<any>;
 }
 /**
  * Input number component props.
@@ -72,6 +81,9 @@ interface ITextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Pa
 interface IInputNumberProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "value">> {
     decimalPlaces?: number;
     name: string;
+    register?: UseFormRegister<any>;
+    setValue?: UseFormSetValue<any>;
+    watch?: UseFormWatch<any>;
 }
 /**
  * Input number range component props.
@@ -86,6 +98,7 @@ interface IInputNumberProps extends InputHTMLAttributes<HTMLInputElement>, Parti
  */
 interface IInputNumberRangeProps {
     disabled?: boolean;
+    error?: string;
     name: string;
     label?: string;
     propsMin: IInputNumberProps;
@@ -100,7 +113,8 @@ interface IInputNumberRangeProps {
  * @extends IOutlineContainerProps
  * @property {Function} [onRemove] - The function to remove the tag.
  */
-interface IInputTagProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "error" | "value">> {
+interface IInputTagProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "value">> {
+    control?: Control<any>;
     onRemove?: (tag: string) => void;
 }
 export type { ILabelProps, IOutlineContainerProps, IInputProps, ITextAreaProps, IInputNumberProps, IInputNumberRangeProps, IInputTagProps, };

package/dist/components/inputs/utils/action-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-BB0Bhkcx.js");exports.ActionButton=e.ActionButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-CuBk0Kmd.js");exports.ActionButton=e.ActionButton;

package/dist/components/inputs/utils/calendar-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-BB0Bhkcx.js");require("../../../../vendor-CURwPSaG.js");exports.Button=e.Button$1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-CuBk0Kmd.js");require("../../../../vendor-DNbqU5jS.js");exports.Button=e.Button$1;

package/dist/components/inputs/utils/date-selector/index.d.ts

@@ -1,3 +1,3 @@
 import { IDateSelectorProps } from '../types';
-declare const DateSelector: ({ error, buttonProps, datePickerRef, disabled, granularity, fieldProps, groupProps, name, onBlur, onChange, formRef, }: Readonly<IDateSelectorProps>) => JSX.Element;
+declare const DateSelector: ({ error, buttonProps, datePickerRef, disabled, granularity, fieldProps, groupProps, name, register, required, setValue, value, }: Readonly<IDateSelectorProps>) => JSX.Element;
 export { DateSelector };

package/dist/components/inputs/utils/date-selector/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-BB0Bhkcx.js");exports.DateSelector=e.DateSelector;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-CuBk0Kmd.js");exports.DateSelector=e.DateSelector;

package/dist/components/inputs/utils/date-time-field/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");require("react");const e=require("../../../../components-BB0Bhkcx.js");exports.DateField=e.DateField;exports.TimeField=e.TimeField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");require("react");const e=require("../../../../components-CuBk0Kmd.js");exports.DateField=e.DateField;exports.TimeField=e.TimeField;

package/dist/components/inputs/utils/dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-BB0Bhkcx.js");require("../../../../vendor-CURwPSaG.js");exports.Dialog=e.Dialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-CuBk0Kmd.js");require("../../../../vendor-DNbqU5jS.js");exports.Dialog=e.Dialog;

package/dist/components/inputs/utils/number-field/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputNumberProps } from '../../types';
-declare const NumberField: ({ error, decimalPlaces, disabled, id, maxLength, max, min, name, onChange: onChangeProp, placeholder, required, }: Readonly<IInputNumberProps>) => JSX.Element;
+declare const NumberField: ({ error, decimalPlaces, disabled, id, maxLength, max, min, name, onChange: onChangeProp, placeholder, register, required, setValue, value, }: Readonly<IInputNumberProps>) => JSX.Element;
 export { NumberField };

package/dist/components/inputs/utils/number-field/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-CURwPSaG.js");require("react");const e=require("../../../../components-BB0Bhkcx.js");exports.NumberField=e.NumberField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DNbqU5jS.js");require("react");const e=require("../../../../components-CuBk0Kmd.js");exports.NumberField=e.NumberField;

package/dist/components/inputs/utils/popover/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../../vendor-CURwPSaG.js");const e=require("../../../../components-BB0Bhkcx.js");exports.Popover=e.Popover;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../../vendor-DNbqU5jS.js");const e=require("../../../../components-CuBk0Kmd.js");exports.Popover=e.Popover;

package/dist/components/inputs/utils/types.d.ts

@@ -1,6 +1,6 @@
 import { Property } from 'csstype';
 import { AriaDatePickerProps, AriaPopoverProps, DatePickerAria, DateValue } from 'react-aria';
-import { RefCallBack } from 'react-hook-form';
+import { UseFormRegister, UseFormSetValue } from 'react-hook-form';
 import { DateFieldState, DateFieldStateOptions, DateSegment, OverlayTriggerState, TimeFieldStateOptions } from 'react-stately';
 import { IBorderModifiable, IIconModifiable, IPaddingModifiable } from '../../@core';
 /**
@@ -51,11 +51,11 @@ interface IDateSelectorProps extends Pick<DatePickerAria, "buttonProps" | "field
     error?: string;
     datePickerRef: React.MutableRefObject<null>;
     disabled?: boolean;
-    formRef: RefCallBack;
     name: string;
-    onBlur: () => void;
-    onChange: (...event: Readonly<any[]>) => void;
     required?: boolean;
+    register?: UseFormRegister<any>;
+    setValue?: UseFormSetValue<any>;
+    value?: string;
 }
 /**
  * Date segment component props.

package/dist/components/interactive-card/icon/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../components-BB0Bhkcx.js");exports.InteractiveIcon=e.InteractiveIcon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../components-CuBk0Kmd.js");exports.InteractiveIcon=e.InteractiveIcon;

package/dist/components/interactive-card/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CURwPSaG.js");const e=require("../../components-BB0Bhkcx.js");exports.InteractiveCard=e.InteractiveCard;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-DNbqU5jS.js");const e=require("../../components-CuBk0Kmd.js");exports.InteractiveCard=e.InteractiveCard;

package/dist/components/interactive-card/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IInteractiveCardProps } from './types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IInteractiveCardProps>;
+export { Default };
+export default config;

package/dist/components/language-selector/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-BB0Bhkcx.js");exports.LanguageSelector=e.LanguageSelector;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../components-CuBk0Kmd.js");exports.LanguageSelector=e.LanguageSelector;

package/dist/components/language-selector/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { ILangSelectorProps } from './types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
+declare const FullLanguage: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
+declare const DarkMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
+export { Default, FullLanguage, DarkMode };
+export default config;

package/dist/components/language-selector/item-list/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../components-BB0Bhkcx.js");exports.ItemList=e.ItemList;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../components-CuBk0Kmd.js");exports.ItemList=e.ItemList;

package/dist/components/layout/categories/buttons/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../vendor-CURwPSaG.js");const o=require("../../../../components-BB0Bhkcx.js");exports.ButtonToolbarCenter=o.ButtonToolbarCenter;exports.ButtonToolbarRow=o.ButtonToolbarRow;exports.ButtonToolbarStartRow=o.ButtonToolbarStartRow;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../vendor-DNbqU5jS.js");const o=require("../../../../components-CuBk0Kmd.js");exports.ButtonToolbarCenter=o.ButtonToolbarCenter;exports.ButtonToolbarRow=o.ButtonToolbarRow;exports.ButtonToolbarStartRow=o.ButtonToolbarStartRow;

package/dist/components/layout/categories/column/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../../components-BB0Bhkcx.js");exports.Col=e.Col;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../../components-CuBk0Kmd.js");exports.Col=e.Col;

package/dist/components/layout/categories/gap/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../../components-BB0Bhkcx.js");exports.Gap=e.Gap;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../../components-CuBk0Kmd.js");exports.Gap=e.Gap;

package/dist/components/layout/categories/row/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../../components-BB0Bhkcx.js");exports.Row=e.Row;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../../components-CuBk0Kmd.js");exports.Row=e.Row;

package/dist/components/layout/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../components-BB0Bhkcx.js");exports.ButtonToolbarCenter=o.ButtonToolbarCenter;exports.ButtonToolbarRow=o.ButtonToolbarRow;exports.ButtonToolbarStartRow=o.ButtonToolbarStartRow;exports.Col=o.Col;exports.Gap=o.Gap;exports.Row=o.Row;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../components-CuBk0Kmd.js");exports.ButtonToolbarCenter=o.ButtonToolbarCenter;exports.ButtonToolbarRow=o.ButtonToolbarRow;exports.ButtonToolbarStartRow=o.ButtonToolbarStartRow;exports.Col=o.Col;exports.Gap=o.Gap;exports.Row=o.Row;

package/dist/components/link/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-BB0Bhkcx.js");exports.Link=e.Link;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-CuBk0Kmd.js");exports.Link=e.Link;

package/dist/components/link/index.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { PropsWithChildren } from 'react';
+import { ILinkProps } from '.';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Readonly<PropsWithChildren<ILinkProps>>>;
+declare const ExternalLink: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Readonly<PropsWithChildren<ILinkProps>>>;
+declare const HighRelevanceLink: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Readonly<PropsWithChildren<ILinkProps>>>;
+export { Default, ExternalLink, HighRelevanceLink };
+export default config;

package/dist/components/list-item/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../vendor-CURwPSaG.js");const e=require("../../components-BB0Bhkcx.js");exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../vendor-DNbqU5jS.js");const e=require("../../components-CuBk0Kmd.js");exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;

package/dist/components/list-item/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { IListItemProps } from './types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Readonly<IListItemProps>>;
+declare const WithCheckbox: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Readonly<IListItemProps>>;
+declare const WithRadioButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Readonly<IListItemProps>>;
+export default config;
+export { Default, WithCheckbox, WithRadioButton };

package/dist/components/little-flag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-BB0Bhkcx.js");exports.LittleFlag=e.LittleFlag;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-CuBk0Kmd.js");exports.LittleFlag=e.LittleFlag;

package/dist/components/loading/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CURwPSaG.js");const e=require("../../components-BB0Bhkcx.js");exports.Loading=e.Loading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-DNbqU5jS.js");const e=require("../../components-CuBk0Kmd.js");exports.Loading=e.Loading;

package/dist/components/loading/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { ILoadingProps } from '.';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILoadingProps>;
+declare const DarkBackground: StoryFn;
+export { Default, DarkBackground };
+export default config;

package/dist/components/logo/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-BB0Bhkcx.js");exports.Logo=e.Logo;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../components-CuBk0Kmd.js");exports.Logo=e.Logo;

package/dist/components/logo-carousel/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CURwPSaG.js");const e=require("../../components-BB0Bhkcx.js");exports.LogoCarousel=e.LogoCarousel;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-DNbqU5jS.js");const e=require("../../components-CuBk0Kmd.js");exports.LogoCarousel=e.LogoCarousel;

package/dist/components/logo-carousel/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { ILogoCarouselProps } from './types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILogoCarouselProps>;
+declare const Fusion: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILogoCarouselProps>;
+export { Default, Fusion };
+export default config;

package/dist/components/menu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-CURwPSaG.js");const e=require("../../components-BB0Bhkcx.js");require("react");exports.Menu=e.Menu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-DNbqU5jS.js");const e=require("../../components-CuBk0Kmd.js");require("react");exports.Menu=e.Menu;

package/dist/components/message-banner/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../vendor-CURwPSaG.js");const e=require("../../components-BB0Bhkcx.js");exports.MessageBanner=e.MessageBanner;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../vendor-DNbqU5jS.js");const e=require("../../components-CuBk0Kmd.js");exports.MessageBanner=e.MessageBanner;

package/dist/components/message-banner/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { IMessageBannerProps } from './types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IMessageBannerProps>;
+declare const Platform: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IMessageBannerProps>;
+export { Default, Platform };
+export default config;

package/dist/components/modal/columns-modal/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("react-dom");require("../../../vendor-CURwPSaG.js");const e=require("../../../components-BB0Bhkcx.js");exports.ColumnsModal=e.ColumnsModal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("react-dom");require("../../../vendor-DNbqU5jS.js");const e=require("../../../components-CuBk0Kmd.js");exports.ColumnsModal=e.ColumnsModal;

package/dist/components/modal/columns-modal/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { IColumnsModalProps } from './types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Readonly<IColumnsModalProps>>;
+declare const Grouped: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Readonly<IColumnsModalProps>>;
+export default config;
+export { Default, Grouped };

package/dist/components/modal/columns-modal/preview-panel/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-BB0Bhkcx.js");require("../../../../vendor-CURwPSaG.js");exports.PreviewPanel=e.PreviewPanel;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../components-CuBk0Kmd.js");require("../../../../vendor-DNbqU5jS.js");exports.PreviewPanel=e.PreviewPanel;