@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IRadioButtonGroupStandAlone } from './types';
+export declare const RadioButtonGroupStandAlone: React.ForwardRefExoticComponent<IRadioButtonGroupStandAlone & React.RefAttributes<HTMLFieldSetElement>>;

package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.js

@@ -36,10 +36,10 @@ const radioButton_1 = require("./components/radioButton/radioButton");
 // styles
 const radioButtonGroup_styled_1 = require("./radioButtonGroup.styled");
 const types_1 = require("./types");
-const RadioButtonGroupStandAloneComponent = ({ dataTestId = 'radioButtonGroup', requiredSymbol = '*', state = types_1.RadioButtonGroupStateType.DEFAULT, legendComponent = component_1.TextComponentType.LEGEND, ...props }, ref) => {
+const RadioButtonGroupStandAloneComponent = ({ dataTestId = 'radio-button-group', requiredSymbol = '*', state = types_1.RadioButtonGroupStateType.DEFAULT, legendComponent = component_1.TextComponentType.LEGEND, ...props }, ref) => {
     const uniqueId = (0, hooks_1.useId)('radiogroup');
     const screenReaderId = `${uniqueId}ScreenReader`;
-    return ((0, jsx_runtime_1.jsxs)(radioButtonGroup_styled_1.RadioButtonGroupStyled, { ref: ref, "aria-errormessage": props.errorMessageId, "data-testid": `${dataTestId}RadioGroup`, disabled: state === types_1.RadioButtonGroupStateType.DISABLED || props.disabled, name: props.name, styles: props.styles, children: [props.legend && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(text_1.Text, { component: legendComponent, customTypography: props.styles?.[state]?.title, children: [props.legend, (0, jsx_runtime_1.jsx)(components_1.InfoIconWithTooltipStandAlone, { dataTestId: `${dataTestId}InfoIcon`, infoIcon: props.infoIcon, styles: props.styles, tooltip: props.tooltip }), props.required && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [requiredSymbol, (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: props.requiredScreenReaderText })] }))] }) })), props.options.map((o, index) => ((0, jsx_runtime_1.jsx)(radioButton_1.RadioButton, { checked: props.selectedOption?.value === o.value, dataTestId: `${dataTestId}RadioButton${index}`, disabled: o.disabled, error: o.error, errorAriaLiveType: o.errorAriaLiveType, errorIcon: o.errorIcon, errorMessage: o.errorMessage, label: { content: o.label }, lastChild: index === props.options.length - 1, name: props.name, screenReaderId: o.screenReader ? screenReaderId : undefined, state: o.state, styles: props.styles, subTitle: { content: o.description }, value: o.value, variant: props.variant, onBlur: props.onBlur, onChange: props.onChange }, o.value))), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { dataTestId: `${dataTestId}ScreenReader`, id: screenReaderId, children: props.screenReaderText })] }));
+    return ((0, jsx_runtime_1.jsxs)(radioButtonGroup_styled_1.RadioButtonGroupStyled, { ref: ref, "aria-errormessage": props.errorMessageId, "data-testid": dataTestId, disabled: state === types_1.RadioButtonGroupStateType.DISABLED || props.disabled, name: props.name, styles: props.styles, children: [props.legend && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(text_1.Text, { component: legendComponent, customTypography: props.styles?.[state]?.title, children: [props.legend, (0, jsx_runtime_1.jsx)(components_1.InfoIconWithTooltipStandAlone, { infoIcon: props.infoIcon, styles: props.styles, tooltip: props.tooltip }), props.required && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [requiredSymbol, (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: props.requiredScreenReaderText })] }))] }) })), props.options.map((o, index) => ((0, jsx_runtime_1.jsx)(radioButton_1.RadioButton, { checked: props.selectedOption?.value === o.value, disabled: o.disabled, error: o.error, errorAriaLiveType: o.errorAriaLiveType, errorIcon: o.errorIcon, errorMessage: o.errorMessage, label: { content: o.label }, lastChild: index === props.options.length - 1, name: props.name, screenReaderId: o.screenReader ? screenReaderId : undefined, state: o.state, styles: props.styles, subTitle: { content: o.description }, value: o.value, variant: props.variant, onBlur: props.onBlur, onChange: props.onChange }, o.value))), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { id: screenReaderId, children: props.screenReaderText })] }));
 };
 exports.RadioButtonGroupStandAlone = React.forwardRef(RadioButtonGroupStandAloneComponent);
 //# sourceMappingURL=radioButtonGroupStandAlone.js.map

package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButtonGroupStandAlone.js","sourceRoot":"","sources":["../../../../src/components/radioButtonGroup/radioButtonGroupStandAlone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"radioButtonGroupStandAlone.js","sourceRoot":"","sources":["../../../../src/components/radioButtonGroup/radioButtonGroupStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS;AACT,6CAA+B;AAE/B,oEAAiE;AACjE,iDAA8C;AAC9C,iEAAsE;AACtE,mCAAgC;AAEhC,6CAA6D;AAC7D,sEAAmE;AACnE,SAAS;AACT,uEAAmE;AACnE,mCAAiF;AAEjF,MAAM,mCAAmC,GAAG,CAC1C,EACE,UAAU,GAAG,oBAAoB,EACjC,cAAc,GAAG,GAAG,EACpB,KAAK,GAAG,iCAAyB,CAAC,OAAO,EACzC,eAAe,GAAG,6BAAiB,CAAC,MAAM,EAC1C,GAAG,KAAK,EACoB,EAC9B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;IACrC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IAEjD,OAAO,CACL,wBAAC,gDAAsB,IACrB,GAAG,EAAE,GAAG,uBACW,KAAK,CAAC,cAAc,iBAC1B,UAAU,EACvB,QAAQ,EAAE,KAAK,KAAK,iCAAyB,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EACxE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,MAAM,IAAI,CACf,2DACE,wBAAC,WAAI,IAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,aAC7E,KAAK,CAAC,MAAM,EACb,uBAAC,0CAA6B,IAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,EACD,KAAK,CAAC,QAAQ,IAAI,CACjB,6DACG,cAAc,EACf,uBAAC,mCAAgB,cAAE,KAAK,CAAC,wBAAwB,GAAoB,IACpE,CACJ,IACI,GACN,CACJ,EACA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,uBAAC,yBAAW,IAEV,OAAO,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,KAAK,CAAC,CAAC,KAAK,EAChD,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,iBAAiB,EAAE,CAAC,CAAC,iBAAiB,EACtC,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,YAAY,EAAE,CAAC,CAAC,YAAY,EAC5B,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,EAC3B,SAAS,EAAE,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAC7C,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC3D,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE,EACpC,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAjBnB,CAAC,CAAC,KAAK,CAkBZ,CACH,CAAC,EACF,uBAAC,mCAAgB,IAAC,EAAE,EAAE,cAAc,YAAG,KAAK,CAAC,gBAAgB,GAAoB,IAC1D,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC"}

package/dist/cjs/components/radioButtonGroup/radioButtonGroupUnControlled.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IRadioButtonGroupUncontrolled } from './types';
+export declare const RadioButtonGroupUnControlled: React.ForwardRefExoticComponent<IRadioButtonGroupUncontrolled & React.RefAttributes<HTMLFieldSetElement>>;

package/dist/cjs/components/radioButtonGroup/types/index.d.ts

@@ -0,0 +1,5 @@
+export type { RadioButtonOptionType } from './radioButtonOption';
+export type { RadioButtonGroupStylesType, IRadioButtonGroupStyled, IRadioButtonGroupStandAlone, IRadioButtonGroupControlled, IRadioButtonGroupUncontrolled, IInfoIconWithTooltipStandAlone, } from './radioButtonGroup';
+export type { RadioButtonBaseStyles as RadioButtonGroupBaseStyles } from '../components/radioButton/types';
+export { RadioButtonStateType } from '../components/radioButton/types/state';
+export { RadioButtonGroupStateType } from './state';

package/dist/cjs/components/radioButtonGroup/types/radioButtonGroup.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { TextComponentType } from '../../../components/text';
+import { ITooltipUnControlled } from '../../../components/tooltip/types';
+import { CustomTokenTypes } from '../../../types';
+import { VariantStyles } from '../../../types/variantStyles';
+import { RadioButtonStylesType } from '../components/radioButton/types';
+import { RadioButtonOptionType } from './radioButtonOption';
+import { RadioButtonGroupStateType } from './state';
+export type RadioButtonGroupStylesType<P extends string = string> = RadioButtonStylesType<P>;
+export interface IRadioButtonGroupStyled {
+    styles: VariantStyles<RadioButtonGroupStylesType>;
+}
+export type RadioButtonGroupTooltipType = Omit<ITooltipUnControlled, 'children' | 'variant'> & {
+    variant?: string;
+};
+export interface IInfoIconWithTooltipStandAlone extends IRadioButtonGroupStyled {
+    infoIcon?: IElementOrIcon;
+    tooltip?: RadioButtonGroupTooltipType;
+    dataTestId?: string;
+}
+export interface IRadioButtonGroupStandAlone extends IRadioButtonGroupStyled, IInfoIconWithTooltipStandAlone {
+    variant: string;
+    errorMessageId?: string;
+    legend?: string;
+    screenReaderText?: string;
+    name: string;
+    options: RadioButtonOptionType[];
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    required?: boolean;
+    requiredSymbol?: React.ReactNode;
+    requiredScreenReaderText?: string;
+    selectedOption?: RadioButtonOptionType;
+    /**
+     * @deprecated `state` is deprecated. Please use `error` or `disabled` instead.
+     */
+    state?: RadioButtonGroupStateType;
+    error?: boolean;
+    disabled?: boolean;
+    legendComponent?: TextComponentType;
+}
+export interface IRadioButtonGroupControlled extends Omit<IRadioButtonGroupStandAlone, 'styles'>, Omit<CustomTokenTypes<VariantStyles<RadioButtonGroupStylesType>>, 'cts' | 'extraCt'> {
+}
+export interface IRadioButtonGroupUncontrolled extends Omit<IRadioButtonGroupControlled, 'selectedOption'> {
+    defaultSelectedOption?: RadioButtonOptionType;
+}

package/dist/cjs/components/radioButtonGroup/types/radioButtonOption.d.ts

@@ -0,0 +1,17 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { AriaLiveOptionType } from '../../../types';
+import { OptionType } from '../../../types/option';
+import { RadioButtonStateType } from '../components/radioButton/types';
+export type RadioButtonOptionType = OptionType & {
+    description?: JSX.Element | string;
+    errorMessage?: string;
+    errorIcon?: IElementOrIcon;
+    errorAriaLiveType?: AriaLiveOptionType;
+    /**
+     * @deprecated `state` in `RadioButtonOptionType` is deprecated. Please use `error` or `disabled` instead.
+     */
+    state?: RadioButtonStateType;
+    error?: boolean;
+    disabled?: boolean;
+    screenReader?: boolean;
+};

package/dist/cjs/components/radioButtonGroup/types/state.d.ts

@@ -0,0 +1,5 @@
+export declare enum RadioButtonGroupStateType {
+    DEFAULT = "DEFAULT",
+    DISABLED = "DISABLED",
+    ERROR = "ERROR"
+}

package/dist/cjs/components/radioButtonGroup/utils/aria.utils.d.ts

@@ -0,0 +1,7 @@
+export declare const buildAriaLabelledBy: ({ descriptionId, screenReaderId, errorMessage, errorMessageId, error, }: {
+    descriptionId?: string;
+    screenReaderId?: string;
+    errorMessage?: string;
+    errorMessageId?: string;
+    error?: boolean;
+}) => string | undefined;

package/dist/cjs/components/radioButtonGroup/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './state.utils';
+export * from './aria.utils';

package/dist/cjs/components/radioButtonGroup/utils/state.utils.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/screenReaderOnly/index.d.ts

@@ -0,0 +1,2 @@
+export { ScreenReaderOnly } from './screenReaderOnly';
+export * from './types/';

package/dist/cjs/components/screenReaderOnly/screenReaderOnly.d.ts

@@ -0,0 +1,2 @@
+import { IScreenReaderOnly } from './types';
+export declare const ScreenReaderOnly: ({ children, id, ariaLive, dataTestId, }: IScreenReaderOnly) => JSX.Element;

package/dist/cjs/components/screenReaderOnly/screenReaderOnly.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScreenReaderOnly = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const screenReaderOnly_styled_1 = require("./screenReaderOnly.styled");
-const ScreenReaderOnly = ({ children, id, ariaLive, dataTestId, }) => {
+const ScreenReaderOnly = ({ children, id, ariaLive, dataTestId = 'screen-reader', }) => {
     return ((0, jsx_runtime_1.jsx)(screenReaderOnly_styled_1.ScreenReaderOnlyStyled, { "aria-live": ariaLive, "data-testid": dataTestId, id: id, children: children }));
 };
 exports.ScreenReaderOnly = ScreenReaderOnly;

package/dist/cjs/components/screenReaderOnly/screenReaderOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"screenReaderOnly.js","sourceRoot":"","sources":["../../../../src/components/screenReaderOnly/screenReaderOnly.tsx"],"names":[],"mappings":";;;;AAEA,uEAAmE;AAG5D,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,UAAU,GACQ,EAAe,EAAE;IACnC,OAAO,CACL,uBAAC,gDAAsB,iBAAY,QAAQ,iBAAe,UAAU,EAAE,EAAE,EAAE,EAAE,YACzE,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,gBAAgB,oBAW3B"}
+{"version":3,"file":"screenReaderOnly.js","sourceRoot":"","sources":["../../../../src/components/screenReaderOnly/screenReaderOnly.tsx"],"names":[],"mappings":";;;;AAEA,uEAAmE;AAG5D,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,UAAU,GAAG,eAAe,GACV,EAAe,EAAE;IACnC,OAAO,CACL,uBAAC,gDAAsB,iBAAY,QAAQ,iBAAe,UAAU,EAAE,EAAE,EAAE,EAAE,YACzE,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,gBAAgB,oBAW3B"}

package/dist/cjs/components/screenReaderOnly/screenReaderOnly.styled.d.ts

@@ -0,0 +1 @@
+export declare const ScreenReaderOnlyStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/cjs/components/screenReaderOnly/types/index.d.ts

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

package/dist/cjs/components/screenReaderOnly/types/screenReaderOnly.d.ts

@@ -0,0 +1,8 @@
+import { AriaLiveOptionType } from '../../../types/ariaLiveOption';
+export interface IScreenReaderOnly {
+    children?: React.ReactNode;
+    id?: string;
+    show?: boolean;
+    ariaLive?: AriaLiveOptionType;
+    dataTestId?: string;
+}

package/dist/cjs/components/selectorBoxFile/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './selectorBoxFileHeader';
+export * from './selectorBoxFileErrorMessage';
+export * from './selectorBoxFileContainerBox';
+export * from './selectorBoxFileAnimation';

package/dist/cjs/components/selectorBoxFile/components/index.js

@@ -17,4 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./selectorBoxFileHeader"), exports);
 __exportStar(require("./selectorBoxFileErrorMessage"), exports);
 __exportStar(require("./selectorBoxFileContainerBox"), exports);
+__exportStar(require("./selectorBoxFileAnimation"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/selectorBoxFile/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/selectorBoxFile/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,gEAA8C;AAC9C,gEAA8C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/selectorBoxFile/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,gEAA8C;AAC9C,gEAA8C;AAC9C,6DAA2C"}

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SelectorBoxFilePropsStylesType, SelectorBoxFileStateType } from '../types';
+interface ISelectorBoxFileAnimation {
+    state: SelectorBoxFileStateType;
+    styles: SelectorBoxFilePropsStylesType;
+    percentage: number;
+    focus: boolean;
+    dataTestId?: string;
+    onAnimationCompleted?: () => void;
+}
+export declare const SelectorBoxFileAnimation: ({ ...props }: React.PropsWithChildren<ISelectorBoxFileAnimation>) => JSX.Element;
+export {};

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectorBoxFileAnimation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const hooks_1 = require("../hooks");
+const selectorBoxFile_styled_1 = require("../selectorBoxFile.styled");
+const SelectorBoxFileAnimation = ({ ...props }) => {
+    const { topRef, rightRef, bottomRef, leftRef } = (0, hooks_1.useBorderAnimation)({
+        percentage: props.percentage,
+        styles: props.styles?.states?.[props.state],
+        onAnimationCompleted: props.onAnimationCompleted,
+    });
+    const animationContainer = props.styles?.states?.[props.state]?.animationContainer;
+    const topAnimationContainer = props.styles?.states?.[props.state]?.topAnimationContainer;
+    const rightAnimationContainer = props.styles?.states?.[props.state]?.rightAnimationContainer;
+    const bottomAnimationContainer = props.styles?.states?.[props.state]?.bottomAnimationContainer;
+    const leftAnimationContainer = props.styles?.states?.[props.state]?.leftAnimationContainer;
+    const childrenWithProps = React.Children.map(props.children, child => {
+        if (React.isValidElement(child)) {
+            return React.cloneElement(child, { focus: props.focus });
+        }
+        return child;
+    });
+    return animationContainer ? ((0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.AnimationContainerStyled, { "data-focus": props.focus, "data-testid": `${props.dataTestId}-animations`, state: props.state, styles: props.styles, children: [topAnimationContainer && ((0, jsx_runtime_1.jsx)(selectorBoxFile_styled_1.TopAnimationStyled, { ref: topRef, state: props.state, styles: props.styles })), rightAnimationContainer && ((0, jsx_runtime_1.jsx)(selectorBoxFile_styled_1.RightAnimationStyled, { ref: rightRef, state: props.state, styles: props.styles })), bottomAnimationContainer && ((0, jsx_runtime_1.jsx)(selectorBoxFile_styled_1.BottomAnimationStyled, { ref: bottomRef, state: props.state, styles: props.styles })), leftAnimationContainer && ((0, jsx_runtime_1.jsx)(selectorBoxFile_styled_1.LeftAnimationStyled, { ref: leftRef, state: props.state, styles: props.styles })), (0, jsx_runtime_1.jsx)(selectorBoxFile_styled_1.BorderContainerStyled, { state: props.state, styles: props.styles, children: props.children })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: childrenWithProps }));
+};
+exports.SelectorBoxFileAnimation = SelectorBoxFileAnimation;
+//# sourceMappingURL=selectorBoxFileAnimation.js.map

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectorBoxFileAnimation.js","sourceRoot":"","sources":["../../../../../src/components/selectorBoxFile/components/selectorBoxFileAnimation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oCAA8C;AAC9C,sEAOmC;AAa5B,MAAM,wBAAwB,GAAG,CAAC,EACvC,GAAG,KAAK,EAC2C,EAAe,EAAE;IACpE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAkB,EAAC;QAClE,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;QAC3C,oBAAoB,EAAE,KAAK,CAAC,oBAAoB;KACjD,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IACnF,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAC;IACzF,MAAM,uBAAuB,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAC7F,MAAM,wBAAwB,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,wBAAwB,CAAC;IAC/F,MAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAE3F,MAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;QACnE,IAAI,KAAK,CAAC,cAAc,CAA+B,KAAK,CAAC,EAAE,CAAC;YAC9D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAC1B,wBAAC,iDAAwB,kBACX,KAAK,CAAC,KAAK,iBACV,GAAG,KAAK,CAAC,UAAU,aAAa,EAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,aAGnB,qBAAqB,IAAI,CACxB,uBAAC,2CAAkB,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAC9E,EACA,uBAAuB,IAAI,CAC1B,uBAAC,6CAAoB,IAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAClF,EACA,wBAAwB,IAAI,CAC3B,uBAAC,8CAAqB,IAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACpF,EACA,sBAAsB,IAAI,CACzB,uBAAC,4CAAmB,IAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAChF,EACD,uBAAC,8CAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC5D,KAAK,CAAC,QAAQ,GACO,IACC,CAC5B,CAAC,CAAC,CAAC,CACF,2DAAG,iBAAiB,GAAI,CACzB,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,wBAAwB,4BAiDnC"}

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.d.ts

@@ -0,0 +1,10 @@
+import { SelectorBoxFileContainerBoxStateContentType, SelectorBoxFilePropsStylesType, SelectorBoxFileStateType } from '../types';
+export interface ISelectorBoxFileContainerBox {
+    styles: SelectorBoxFilePropsStylesType;
+    htmlFor: string;
+    state: SelectorBoxFileStateType;
+    containerBoxStateContent: SelectorBoxFileContainerBoxStateContentType;
+    filename?: string;
+    focus?: boolean;
+}
+export declare const SelectorBoxFileContainerBox: ({ ...props }: ISelectorBoxFileContainerBox) => JSX.Element;

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js

@@ -8,13 +8,13 @@ const text_1 = require("../../../components/text/text");
 const component_1 = require("../../../components/text/types/component");
 const selectorBoxFile_styled_1 = require("../selectorBoxFile.styled");
 const types_1 = require("../types");
-const SelectorBoxFileContainerBox = (props) => {
-    return ((0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.ContainerBoxStyled, { "data-focus": props.focus, htmlFor: props.htmlFor, state: props.state, styles: props.styles, children: [(0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(loader_1.Loader, { altText: props.containerBoxStateContent[props.state]?.icon?.altText, variant: props.styles?.states?.[types_1.SelectorBoxFileStateType.LOADING]?.containerBoxLoader?.variant, visible: props.state === types_1.SelectorBoxFileStateType.LOADING, width: props.styles?.states?.[types_1.SelectorBoxFileStateType.LOADING]?.containerBoxLoader?.width }), props.state !== types_1.SelectorBoxFileStateType.LOADING && ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.states?.[props.state]?.containerBoxIcon, ...props.containerBoxStateContent[props.state]?.icon }))] }), (0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.ContainerBoxTextWrapper, { state: props.state, styles: props.styles, children: [props.filename &&
+const SelectorBoxFileContainerBox = ({ ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.ContainerBoxStyled, { "data-focus": props.focus, htmlFor: props.htmlFor, state: props.state, styles: props.styles, children: [(0, jsx_runtime_1.jsxs)("span", { children: [props.styles?.states?.[types_1.SelectorBoxFileStateType.LOADING]?.containerBoxLoader?.variant && ((0, jsx_runtime_1.jsx)(loader_1.Loader, { altText: props.containerBoxStateContent[props.state]?.icon?.altText, variant: props.styles?.states?.[types_1.SelectorBoxFileStateType.LOADING]?.containerBoxLoader?.variant, visible: props.state === types_1.SelectorBoxFileStateType.LOADING, width: props.styles?.states?.[types_1.SelectorBoxFileStateType.LOADING]?.containerBoxLoader?.width })), (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.states?.[props.state]?.containerBoxIcon, ...props.containerBoxStateContent[props.state]?.icon })] }), (0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.ContainerBoxTextWrapper, { state: props.state, styles: props.styles, children: [props.filename &&
                         [
                             types_1.SelectorBoxFileStateType.LOADING,
                             types_1.SelectorBoxFileStateType.SUCCESS,
                             types_1.SelectorBoxFileStateType.ERROR,
-                        ].includes(props.state) ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.states?.[props.state]?.containerBoxFilename, children: props.filename })) : null, (0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.ContainerBoxActionDescriptionTextWrapper, { children: [props.containerBoxStateContent[props.state]?.actionText?.content ? ((0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.ActionIconAndActionTextContainerStyled, { state: props.state, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { altText: props.containerBoxStateContent[props.state]?.icon?.altText, customIconStyles: props.styles?.states?.[props.state]?.actionIcon, ...props.containerBoxStateContent[props.state]?.actionIcon }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.states?.[props.state]?.containerBoxActionText, ...props.containerBoxStateContent[props.state]?.actionText, children: props.containerBoxStateContent[props.state]?.actionText?.content })] })) : null, props.containerBoxStateContent[props.state]?.description ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.states?.[props.state]?.containerBoxDescription, ...props.containerBoxStateContent[props.state]?.description, children: props.containerBoxStateContent[props.state]?.description?.content })) : null] })] })] }));
+                        ].includes(props.state) ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.states?.[props.state]?.containerBoxFilename, children: props.filename })) : null, (0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.ContainerBoxActionDescriptionTextWrapper, { children: [props.containerBoxStateContent[props.state]?.actionText?.content ? ((0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.ActionIconAndActionTextContainerStyled, { state: props.state, styles: props.styles, children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.states?.[props.state]?.actionIcon, ...props.containerBoxStateContent[props.state]?.actionIcon }), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.states?.[props.state]?.containerBoxActionText, ...props.containerBoxStateContent[props.state]?.actionText, children: props.containerBoxStateContent[props.state]?.actionText?.content })] })) : null, props.containerBoxStateContent[props.state]?.description ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.states?.[props.state]?.containerBoxDescription, ...props.containerBoxStateContent[props.state]?.description, children: props.containerBoxStateContent[props.state]?.description?.content })) : null] })] }), props.containerBoxStateContent[props.state]?.iconRight && ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.states?.[props.state]?.containerBoxIcon, ...props.containerBoxStateContent[props.state]?.iconRight }) }))] }));
 };
 exports.SelectorBoxFileContainerBox = SelectorBoxFileContainerBox;
 //# sourceMappingURL=selectorBoxFileContainerBox.js.map

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectorBoxFileContainerBox.js","sourceRoot":"","sources":["../../../../../src/components/selectorBoxFile/components/selectorBoxFileContainerBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"selectorBoxFileContainerBox.js","sourceRoot":"","sources":["../../../../../src/components/selectorBoxFile/components/selectorBoxFileContainerBox.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.d.ts

@@ -0,0 +1,11 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { SelectorBoxFilePropsStylesType, SelectorBoxFileStateType, SelectorBoxFileTextType } from '../types';
+interface ISelectorBoxFileErrorMessage {
+    styles: SelectorBoxFilePropsStylesType;
+    errorMessageId: string;
+    errorMessageIcon?: IElementOrIcon;
+    errorMessage?: SelectorBoxFileTextType;
+    state: SelectorBoxFileStateType;
+}
+export declare const SelectorBoxFileErrorMessage: (props: ISelectorBoxFileErrorMessage) => JSX.Element | null;
+export {};

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.d.ts

@@ -0,0 +1,14 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { SelectorBoxFileButtonType, SelectorBoxFilePropsStylesType, SelectorBoxFileTextType, SelectorBoxFileTooltipType } from '../types';
+interface ISelectorBoxHeader {
+    title?: SelectorBoxFileTextType;
+    subtitle?: SelectorBoxFileTextType;
+    description?: SelectorBoxFileTextType;
+    headerId: string;
+    button?: SelectorBoxFileButtonType;
+    styles: SelectorBoxFilePropsStylesType;
+    tooltip?: SelectorBoxFileTooltipType;
+    tooltipIcon?: IElementOrIcon;
+}
+export declare const SelectorBoxFileHeader: (props: ISelectorBoxHeader) => JSX.Element | null;
+export {};

package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.d.ts

@@ -0,0 +1,9 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { SelectorBoxFilePropsStylesType, SelectorBoxFileTooltipType } from '../types';
+interface ISelectorBoxFileTooltip {
+    styles: SelectorBoxFilePropsStylesType;
+    tooltipIcon?: IElementOrIcon;
+    tooltip?: SelectorBoxFileTooltipType;
+}
+export declare const SelectorBoxFileTooltip: (props: ISelectorBoxFileTooltip) => JSX.Element | null;
+export {};

package/dist/cjs/components/selectorBoxFile/hooks/index.d.ts

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

package/dist/cjs/components/selectorBoxFile/hooks/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useBorderAnimation"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/selectorBoxFile/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/selectorBoxFile/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC"}

package/dist/cjs/components/selectorBoxFile/hooks/useBorderAnimation.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { SelectorBoxFileStateStylesType } from '../types';
+type ParamsType = {
+    percentage: number;
+    styles?: SelectorBoxFileStateStylesType;
+    onAnimationCompleted?: () => void;
+};
+type ReturnType = {
+    topRef?: React.ForwardedRef<HTMLDivElement>;
+    rightRef?: React.ForwardedRef<HTMLDivElement>;
+    bottomRef?: React.ForwardedRef<HTMLDivElement>;
+    leftRef?: React.ForwardedRef<HTMLDivElement>;
+};
+export declare const useBorderAnimation: ({ ...props }: ParamsType) => ReturnType;
+export {};

package/dist/cjs/components/selectorBoxFile/hooks/useBorderAnimation.js

@@ -0,0 +1,128 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBorderAnimation = void 0;
+const React = __importStar(require("react"));
+const utils_1 = require("../utils");
+const FIRST_QUARTER = 25;
+const SECOND_QUARTER = 50;
+const THIRD_QUARTER = 75;
+const ZERO = 0;
+const MAX = '100%';
+const resetMeasure = (element, measure) => {
+    if (element) {
+        element.style.transition = 'none';
+        // Force reflow to ensure the transition disabled is applied
+        element.offsetHeight;
+        element.style[measure] = '0%';
+        element.style.removeProperty('transition');
+    }
+};
+const useBorderAnimation = ({ ...props }) => {
+    const topRef = React.useRef(null);
+    const rightRef = React.useRef(null);
+    const bottomRef = React.useRef(null);
+    const leftRef = React.useRef(null);
+    const [allowRightAnimation, setAllowRightAnimation] = React.useState(false);
+    const [allowBottomAnimation, setAllowBottomAnimation] = React.useState(false);
+    const [allowLeftAnimation, setAllowLeftAnimation] = React.useState(false);
+    const handleTopAnimationStart = () => {
+        if (props.percentage >= ZERO && topRef?.current) {
+            topRef.current.style.width = `${(0, utils_1.getTopBarWith)(props.percentage)}%`;
+        }
+    };
+    const handleRightAnimationStart = () => {
+        if (allowRightAnimation && props.percentage > FIRST_QUARTER && rightRef?.current) {
+            rightRef.current.style.height = `${(0, utils_1.getRightBarHeight)(props.percentage)}%`;
+        }
+    };
+    const handleBottomAnimationStart = () => {
+        if (allowBottomAnimation && props.percentage > SECOND_QUARTER && bottomRef?.current) {
+            bottomRef.current.style.width = `${(0, utils_1.getBottomBarWith)(props.percentage)}%`;
+        }
+    };
+    const handleLeftAnimationStart = () => {
+        if (allowLeftAnimation && props.percentage > THIRD_QUARTER && leftRef?.current) {
+            leftRef.current.style.height = `${(0, utils_1.getLeftBarHeight)(props.percentage)}%`;
+        }
+    };
+    // Reset animation when the animation is completed
+    const resetAnimation = () => {
+        resetMeasure(topRef.current, 'width');
+        resetMeasure(rightRef.current, 'height');
+        resetMeasure(bottomRef.current, 'width');
+        resetMeasure(leftRef.current, 'height');
+        setAllowRightAnimation(false);
+        setAllowBottomAnimation(false);
+        setAllowLeftAnimation(false);
+    };
+    React.useEffect(() => {
+        if (props.percentage === 0) {
+            resetAnimation();
+        }
+        else if (props.percentage > 0) {
+            handleTopAnimationStart();
+            handleRightAnimationStart();
+            handleBottomAnimationStart();
+            handleLeftAnimationStart();
+        }
+    }, [props.percentage, allowRightAnimation, allowBottomAnimation, allowLeftAnimation]);
+    React.useEffect(() => {
+        // Add event listeners to handle animation end
+        // and call onAnimationCompleted when the last animation is completed
+        const handleTopTransitionEnd = () => {
+            setAllowRightAnimation(topRef.current?.style.width === MAX);
+        };
+        const handleRightTransitionEnd = () => {
+            setAllowBottomAnimation(rightRef.current?.style.height === MAX);
+        };
+        const handleBottomTransitionEnd = () => {
+            setAllowLeftAnimation(bottomRef.current?.style.width === MAX);
+        };
+        const handleLeftTransitionEnd = () => {
+            if (leftRef.current?.style.height === MAX) {
+                props.onAnimationCompleted?.();
+            }
+        };
+        topRef.current?.addEventListener('transitionend', handleTopTransitionEnd);
+        rightRef.current?.addEventListener('transitionend', handleRightTransitionEnd);
+        bottomRef.current?.addEventListener('transitionend', handleBottomTransitionEnd);
+        leftRef.current?.addEventListener('transitionend', handleLeftTransitionEnd);
+        return () => {
+            topRef.current?.removeEventListener('transitionend', handleTopTransitionEnd);
+            rightRef.current?.removeEventListener('transitionend', handleRightTransitionEnd);
+            bottomRef.current?.removeEventListener('transitionend', handleBottomTransitionEnd);
+            leftRef.current?.removeEventListener('transitionend', handleLeftTransitionEnd);
+        };
+    }, []);
+    return {
+        topRef,
+        rightRef,
+        bottomRef,
+        leftRef,
+    };
+};
+exports.useBorderAnimation = useBorderAnimation;
+//# sourceMappingURL=useBorderAnimation.js.map

package/dist/cjs/components/selectorBoxFile/hooks/useBorderAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBorderAnimation.js","sourceRoot":"","sources":["../../../../../src/components/selectorBoxFile/hooks/useBorderAnimation.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/selectorBoxFile/index.d.ts

@@ -0,0 +1,2 @@
+export * from './selectorBoxFile';
+export * from './types';

package/dist/cjs/components/selectorBoxFile/selectorBoxFile.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ISelectorBoxFile } from './types';
+declare const SelectorBoxBoundary: <V extends string | unknown>(props: ISelectorBoxFile<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const SelectorBoxFile: <V extends string | unknown>(props: React.PropsWithChildren<ISelectorBoxFile<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof SelectorBoxBoundary>;
+export { SelectorBoxFile };

package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js

@@ -31,7 +31,7 @@ const useStyles_1 = require("../../hooks/useStyles/useStyles");
 const errorBoundary_1 = require("../../provider/errorBoundary");
 const selectorBoxFileStandAlone_1 = require("./selectorBoxFileStandAlone");
 const utils_1 = require("./utils");
-const SelectorBoxFileComponent = React.forwardRef(({ variant, loading = false, success = false, error = false, disabled = false, maxSize, fileExtension, errorMaxSizeMessage = { content: '' }, errorFileExtensionMessage = { content: '' }, errorMessage = { content: '' }, onSizeError, onFileError, ctv, ...props }, ref) => {
+const SelectorBoxFileComponent = React.forwardRef(({ variant, loading = false, success = false, error = false, disabled = false, percentage = 0, maxSize, fileExtension, errorMaxSizeMessage = { content: '' }, errorFileExtensionMessage = { content: '' }, errorMessage = { content: '' }, onSizeError, onFileError, ctv, ...props }, ref) => {
     const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.SELECTOR_BOX_FILE, variant, ctv);
     const [focus, setFocus] = React.useState(false);
     const [validFile, setValidFile] = React.useState({ validSize: true, validExtension: true });
@@ -76,7 +76,7 @@ const SelectorBoxFileComponent = React.forwardRef(({ variant, loading = false, s
         onValidateFile(event.target.files);
         props.onChange?.(event);
     };
-    return ((0, jsx_runtime_1.jsx)(selectorBoxFileStandAlone_1.SelectorBoxFileStandAlone, { ...props, ref: ref, errorMessage: getErrorMessage(), focus: focus, state: (0, utils_1.getState)(loading, success, hasError(), disabled), styles: styles, onBlur: onBlur, onChange: handleOnChange, onFocus: onFocus }));
+    return ((0, jsx_runtime_1.jsx)(selectorBoxFileStandAlone_1.SelectorBoxFileStandAlone, { ...props, ref: ref, errorMessage: getErrorMessage(), focus: focus, percentage: percentage, state: (0, utils_1.getState)(loading, success, hasError(), disabled), styles: styles, onBlur: onBlur, onChange: handleOnChange, onFocus: onFocus }));
 });
 SelectorBoxFileComponent.displayName = 'SelectorBoxFileComponent';
 const SelectorBoxBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(selectorBoxFileStandAlone_1.SelectorBoxFileStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(SelectorBoxFileComponent, { ...props, ref: ref }) }));

package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectorBoxFile.js","sourceRoot":"","sources":["../../../../src/components/selectorBoxFile/selectorBoxFile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"selectorBoxFile.js","sourceRoot":"","sources":["../../../../src/components/selectorBoxFile/selectorBoxFile.tsx"],"names":[],"mappings":"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"}