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

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

@@ -0,0 +1,34 @@
+import { SelectorBoxFilePropsStylesType, SelectorBoxFileStateType } from './types';
+type SelectorBoxFileStyles = {
+    styles: SelectorBoxFilePropsStylesType;
+    state: SelectorBoxFileStateType;
+};
+export declare const WrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderContainerBoxWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SelectorBoxFilePropsStylesType;
+}>> & string;
+export declare const HeaderTitleSubtitleWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SelectorBoxFilePropsStylesType;
+}>> & string;
+export declare const HeaderSubtitleTooltipWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderDescriptionWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SelectorBoxFilePropsStylesType;
+}>> & string;
+export declare const SubtitleTooltipIconWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SelectorBoxFilePropsStylesType;
+}>> & string;
+export declare const BorderContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectorBoxFileStyles>> & string;
+export declare const ContainerBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, SelectorBoxFileStyles>> & string;
+export declare const ContainerBoxTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SelectorBoxFileStyles>> & string;
+export declare const ActionIconAndActionTextContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SelectorBoxFileStyles>> & string;
+export declare const ContainerBoxActionDescriptionTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const HiddenInputFile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const ErrorWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SelectorBoxFilePropsStylesType;
+}>> & string;
+export declare const AnimationContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectorBoxFileStyles>> & string;
+export declare const TopAnimationStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectorBoxFileStyles>> & string;
+export declare const RightAnimationStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectorBoxFileStyles>> & string;
+export declare const BottomAnimationStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectorBoxFileStyles>> & string;
+export declare const LeftAnimationStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectorBoxFileStyles>> & string;
+export {};

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorWrapperStyled = exports.HiddenInputFile = exports.ContainerBoxActionDescriptionTextWrapper = exports.ActionIconAndActionTextContainerStyled = exports.ContainerBoxTextWrapper = exports.ContainerBoxStyled = exports.SubtitleTooltipIconWrapperStyled = exports.HeaderDescriptionWrapperStyled = exports.HeaderSubtitleTooltipWrapperStyled = exports.HeaderTitleSubtitleWrapperStyled = exports.HeaderContainerBoxWrapperStyled = exports.WrapperStyled = void 0;
+exports.LeftAnimationStyled = exports.BottomAnimationStyled = exports.RightAnimationStyled = exports.TopAnimationStyled = exports.AnimationContainerStyled = exports.ErrorWrapperStyled = exports.HiddenInputFile = exports.ContainerBoxActionDescriptionTextWrapper = exports.ActionIconAndActionTextContainerStyled = exports.ContainerBoxTextWrapper = exports.ContainerBoxStyled = exports.BorderContainerStyled = exports.SubtitleTooltipIconWrapperStyled = exports.HeaderDescriptionWrapperStyled = exports.HeaderSubtitleTooltipWrapperStyled = exports.HeaderTitleSubtitleWrapperStyled = exports.HeaderContainerBoxWrapperStyled = exports.WrapperStyled = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 // mixins
 const srOnly_mixin_1 = require("../../styles/mixins/srOnly.mixin");
@@ -33,6 +33,9 @@ exports.HeaderDescriptionWrapperStyled = styled_components_1.default.div `
 exports.SubtitleTooltipIconWrapperStyled = styled_components_1.default.div `
   ${({ styles }) => (0, getStyles_1.getStyles)(styles.tooltipIconContainer)}
 `;
+exports.BorderContainerStyled = styled_components_1.default.div `
+  ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.borderAnimationContainer)}
+`;
 exports.ContainerBoxStyled = styled_components_1.default.label `
   ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.containerBoxContainer)}
   &[data-focus='true'] {
@@ -43,7 +46,7 @@ exports.ContainerBoxTextWrapper = styled_components_1.default.span `
   word-break: break-word;
   ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.containerBoxTextsContainer)}
 `;
-exports.ActionIconAndActionTextContainerStyled = styled_components_1.default.div `
+exports.ActionIconAndActionTextContainerStyled = styled_components_1.default.span `
   ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.actionIconAndActionTextContainer)}
 `;
 exports.ContainerBoxActionDescriptionTextWrapper = styled_components_1.default.span `
@@ -56,4 +59,23 @@ exports.HiddenInputFile = styled_components_1.default.input `
 exports.ErrorWrapperStyled = styled_components_1.default.div `
   ${({ styles }) => (0, getStyles_1.getStyles)(styles.errorMessageContainer)}
 `;
+// Animations
+exports.AnimationContainerStyled = styled_components_1.default.div `
+  ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.animationContainer)}
+  &[data-focus='true'] {
+    ${({ theme }) => theme.FOCUS_STYLES};
+  }
+`;
+exports.TopAnimationStyled = styled_components_1.default.div `
+  ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.topAnimationContainer)}
+`;
+exports.RightAnimationStyled = styled_components_1.default.div `
+  ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.rightAnimationContainer)}
+`;
+exports.BottomAnimationStyled = styled_components_1.default.div `
+  ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.bottomAnimationContainer)}
+`;
+exports.LeftAnimationStyled = styled_components_1.default.div `
+  ${({ styles, state }) => (0, getStyles_1.getStyles)(styles?.states?.[state]?.leftAnimationContainer)}
+`;
 //# sourceMappingURL=selectorBoxFile.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"selectorBoxFile.styled.js","sourceRoot":"","sources":["../../../../src/components/selectorBoxFile/selectorBoxFile.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,SAAS;AACT,+DAA2D;AAC3D,2DAAwD;AAI3C,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEW,QAAA,+BAA+B,GAAG,2BAAM,CAAC,GAAG,CAEvD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,MAAM,CAAC;CAC3C,CAAC;AAEW,QAAA,gCAAgC,GAAG,2BAAM,CAAC,GAAG,CAExD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,sBAAsB,CAAC;CAC3D,CAAC;AAEW,QAAA,kCAAkC,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO3D,CAAC;AAEW,QAAA,8BAA8B,GAAG,2BAAM,CAAC,GAAG,CAEtD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC;AAEW,QAAA,gCAAgC,GAAG,2BAAM,CAAC,GAAG,CAExD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,KAAK,CAG5C;IACE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAC;;MAE9E,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY;;CAEtC,CAAC;AAEW,QAAA,uBAAuB,GAAG,2BAAM,CAAC,IAAI,CAGhD;;IAEE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACxF,CAAC;AAEW,QAAA,sCAAsC,GAAG,2BAAM,CAAC,GAAG,CAG9D;IACE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,gCAAgC,CAAC;CAC9F,CAAC;AAEW,QAAA,wCAAwC,GAAG,2BAAM,CAAC,IAAI,CAAA;;;CAGlE,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,KAAK,CAAA;IACvC,0BAAW;CACd,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAE1C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,qBAAqB,CAAC;CAC1D,CAAC"}
+{"version":3,"file":"selectorBoxFile.styled.js","sourceRoot":"","sources":["../../../../src/components/selectorBoxFile/selectorBoxFile.styled.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -31,7 +31,7 @@ const hooks_1 = require("../../hooks");
 const components_1 = require("./components");
 const selectorBoxFile_styled_1 = require("./selectorBoxFile.styled");
 const types_1 = require("./types");
-const SelectorBoxFileStandAloneComponent = ({ dataTestId = 'selectorBoxFile', ...props }, ref) => {
+const SelectorBoxFileStandAloneComponent = ({ dataTestId = 'selector-box-file', ...props }, ref) => {
     const uniqueId = (0, hooks_1.useId)('selectorBoxFile');
     const inputId = props.id ?? uniqueId;
     const inputHeaderId = `${inputId}HeaderId`;
@@ -46,7 +46,7 @@ const SelectorBoxFileStandAloneComponent = ({ dataTestId = 'selectorBoxFile', ..
         }
         return res || undefined;
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, children: [(0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.WrapperStyled, { "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.HeaderContainerBoxWrapperStyled, { styles: props.styles, children: [(props.title || props.subtitle) && ((0, jsx_runtime_1.jsx)(components_1.SelectorBoxFileHeader, { button: props.button, description: props.description, headerId: inputHeaderId, styles: props.styles, subtitle: props.subtitle, title: props.title, tooltip: props.tooltip, tooltipIcon: props.tooltipIcon })), (0, jsx_runtime_1.jsx)(components_1.SelectorBoxFileContainerBox, { containerBoxStateContent: props.containerBoxStateContent, filename: props.filename, focus: props.focus, htmlFor: inputId, state: props.state, styles: props.styles })] }), (0, jsx_runtime_1.jsx)(components_1.SelectorBoxFileErrorMessage, { errorMessage: props.errorMessage, errorMessageIcon: props.errorMessageIcon, errorMessageId: inputErrorId, state: props.state, styles: props.styles })] }), (0, jsx_runtime_1.jsx)(selectorBoxFile_styled_1.HiddenInputFile, { accept: props.accept, "aria-describedby": getAriaDescribedBy(), disabled: props.state === types_1.SelectorBoxFileStateType.DISABLED, id: inputId, multiple: props.multiple, name: props.name, type: "file", onBlur: props.onBlur, onChange: props.onChange, onClick: props.onClick, onFocus: props.onFocus })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, children: [(0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.WrapperStyled, { "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsxs)(selectorBoxFile_styled_1.HeaderContainerBoxWrapperStyled, { styles: props.styles, children: [(props.title || props.subtitle) && ((0, jsx_runtime_1.jsx)(components_1.SelectorBoxFileHeader, { button: props.button, description: props.description, headerId: inputHeaderId, styles: props.styles, subtitle: props.subtitle, title: props.title, tooltip: props.tooltip, tooltipIcon: props.tooltipIcon })), (0, jsx_runtime_1.jsx)(components_1.SelectorBoxFileAnimation, { dataTestId: dataTestId, focus: props.focus, percentage: props.percentage, state: props.state, styles: props.styles, onAnimationCompleted: props.onAnimationCompleted, children: (0, jsx_runtime_1.jsx)(components_1.SelectorBoxFileContainerBox, { containerBoxStateContent: props.containerBoxStateContent, filename: props.filename, htmlFor: inputId, state: props.state, styles: props.styles }) })] }), (0, jsx_runtime_1.jsx)(components_1.SelectorBoxFileErrorMessage, { errorMessage: props.errorMessage, errorMessageIcon: props.errorMessageIcon, errorMessageId: inputErrorId, state: props.state, styles: props.styles })] }), (0, jsx_runtime_1.jsx)(selectorBoxFile_styled_1.HiddenInputFile, { accept: props.accept, "aria-describedby": getAriaDescribedBy(), disabled: props.state === types_1.SelectorBoxFileStateType.DISABLED, id: inputId, multiple: props.multiple, name: props.name, type: 'file', onBlur: props.onBlur, onChange: props.onChange, onClick: props.onClick, onFocus: props.onFocus })] }));
 };
 exports.SelectorBoxFileStandAlone = React.forwardRef(SelectorBoxFileStandAloneComponent);
 //# sourceMappingURL=selectorBoxFileStandAlone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"selectorBoxFileStandAlone.js","sourceRoot":"","sources":["../../../../src/components/selectorBoxFile/selectorBoxFileStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgC;AAEhC,sBAAsB;AACtB,6CAIsB;AACtB,qEAIkC;AAClC,mCAA+E;AAE/E,MAAM,kCAAkC,GAAG,CACzC,EAAE,UAAU,GAAG,iBAAiB,EAAE,GAAG,KAAK,EAA8B,EACxE,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC;IACrC,MAAM,aAAa,GAAG,GAAG,OAAO,UAAU,CAAC;IAC3C,MAAM,YAAY,GAAG,GAAG,OAAO,SAAS,CAAC;IAEzC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAClC,GAAG,IAAI,IAAI,aAAa,EAAE,CAAC;QAC7B,CAAC;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,gCAAwB,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACzE,GAAG,IAAI,IAAI,YAAY,EAAE,CAAC;QAC5B,CAAC;QACD,OAAO,GAAG,IAAI,SAAS,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,aACX,wBAAC,sCAAa,mBAAc,UAAU,aACpC,wBAAC,wDAA+B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aAClD,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAClC,uBAAC,kCAAqB,IACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACH,EACD,uBAAC,wCAA2B,IAC1B,wBAAwB,EAAE,KAAK,CAAC,wBAAwB,EACxD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IAC8B,EAClC,uBAAC,wCAA2B,IAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,cAAc,EAAE,YAAY,EAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACY,EAChB,uBAAC,wCAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,sBACF,kBAAkB,EAAE,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,gCAAwB,CAAC,QAAQ,EAC3D,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
+{"version":3,"file":"selectorBoxFileStandAlone.js","sourceRoot":"","sources":["../../../../src/components/selectorBoxFile/selectorBoxFileStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAgC;AAEhC,sBAAsB;AACtB,6CAKsB;AACtB,qEAIkC;AAClC,mCAA+E;AAE/E,MAAM,kCAAkC,GAAG,CACzC,EAAE,UAAU,GAAG,mBAAmB,EAAE,GAAG,KAAK,EAA8B,EAC1E,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC;IACrC,MAAM,aAAa,GAAG,GAAG,OAAO,UAAU,CAAC;IAC3C,MAAM,YAAY,GAAG,GAAG,OAAO,SAAS,CAAC;IAEzC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAClC,GAAG,IAAI,IAAI,aAAa,EAAE,CAAC;QAC7B,CAAC;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,gCAAwB,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACzE,GAAG,IAAI,IAAI,YAAY,EAAE,CAAC;QAC5B,CAAC;QACD,OAAO,GAAG,IAAI,SAAS,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,GAAG,EAAE,GAAG,aACX,wBAAC,sCAAa,mBAAc,UAAU,aACpC,wBAAC,wDAA+B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aAClD,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAClC,uBAAC,kCAAqB,IACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACH,EAED,uBAAC,qCAAwB,IACvB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,YAEhD,uBAAC,wCAA2B,IAC1B,wBAAwB,EAAE,KAAK,CAAC,wBAAwB,EACxD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,GACuB,IACK,EAClC,uBAAC,wCAA2B,IAC1B,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,cAAc,EAAE,YAAY,EAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACY,EAChB,uBAAC,wCAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,sBACF,kBAAkB,EAAE,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,gCAAwB,CAAC,QAAQ,EAC3D,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './selectorBoxFile';
+export * from './selectorBoxFileTheme';
+export * from './state';

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

@@ -0,0 +1,68 @@
+import { IButton } from '../../../components/button';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IText } from '../../../components/text';
+import { ITooltipUnControlled } from '../../../components/tooltip/types';
+import { CustomTokenTypes } from '../../../types';
+import { SelectorBoxFilePropsStylesType } from './selectorBoxFileTheme';
+import { SelectorBoxFileStateType } from './state';
+export type SelectorBoxFileTextType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+export type SelectorBoxFileButtonType = Omit<IButton, 'children' | 'variant' | 'size'> & {
+    content: string;
+    variant?: string;
+    size?: string;
+};
+export type SelectorBoxFileTooltipType = Omit<ITooltipUnControlled, 'children' | 'variant'> & {
+    variant?: string;
+};
+export type SelectorBoxFileContainerBoxStateContentType = {
+    [key in SelectorBoxFileStateType]: {
+        icon?: IElementOrIcon;
+        iconRight?: IElementOrIcon;
+        actionText?: SelectorBoxFileTextType;
+        actionIcon?: IElementOrIcon;
+        description?: SelectorBoxFileTextType;
+    };
+};
+export interface ISelectorBoxFileStandAlone {
+    styles: SelectorBoxFilePropsStylesType;
+    state: SelectorBoxFileStateType;
+    title?: SelectorBoxFileTextType;
+    subtitle?: SelectorBoxFileTextType;
+    dataTestId?: string;
+    tooltipIcon?: IElementOrIcon;
+    tooltip?: SelectorBoxFileTooltipType;
+    containerBoxStateContent: SelectorBoxFileContainerBoxStateContentType;
+    filename?: string;
+    errorMessageIcon?: IElementOrIcon;
+    errorMessage?: SelectorBoxFileTextType;
+    errorMaxSizeMessage?: SelectorBoxFileTextType;
+    errorFileExtensionMessage?: SelectorBoxFileTextType;
+    focus: boolean;
+    onFocus: React.FocusEventHandler<HTMLInputElement>;
+    onBlur: React.FocusEventHandler<HTMLInputElement>;
+    id?: string;
+    name?: string;
+    accept?: string;
+    multiple?: boolean;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
+    onAnimationCompleted?: () => void;
+    description?: SelectorBoxFileTextType;
+    button?: SelectorBoxFileButtonType;
+    maxSize?: number;
+    fileExtension?: string[];
+    percentage: number;
+}
+export interface ISelectorBoxFile<V = undefined extends string ? unknown : string> extends Omit<ISelectorBoxFileStandAlone, 'styles' | 'state' | 'focus' | 'onFocus' | 'onBlur' | 'onChange' | 'percentage'>, Omit<CustomTokenTypes<SelectorBoxFilePropsStylesType>, 'cts' | 'extraCt'> {
+    loading?: boolean;
+    success?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    percentage?: number;
+    variant: V;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onSizeError?: (status: boolean) => void;
+    onFileError?: (status: boolean) => void;
+}

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

@@ -0,0 +1,53 @@
+import { IconPositionType } from '../../../components/button';
+import { CommonStyleType, IconTypes, TypographyTypes } from '../../../types/styles';
+import { SelectorBoxFileStateType } from './state';
+export type SelectorBoxFileStateStylesType = {
+    animationContainer?: CommonStyleType;
+    topAnimationContainer?: CommonStyleType;
+    leftAnimationContainer?: CommonStyleType;
+    bottomAnimationContainer?: CommonStyleType;
+    rightAnimationContainer?: CommonStyleType;
+    borderAnimationContainer?: CommonStyleType;
+    containerBoxContainer?: CommonStyleType;
+    containerBoxIcon?: IconTypes;
+    containerBoxLoader?: {
+        variant: string;
+        width?: string;
+    };
+    containerBoxTextsContainer?: CommonStyleType;
+    containerBoxFilename?: TypographyTypes;
+    containerBoxActionText?: TypographyTypes;
+    containerBoxDescription?: TypographyTypes;
+    actionIcon?: IconTypes;
+    actionIconAndActionTextContainer?: CommonStyleType;
+};
+type SelectorBoxVariableStatesType = {
+    [key in SelectorBoxFileStateType]: SelectorBoxFileStateStylesType;
+};
+export type SelectorBoxFilePropsStylesType = {
+    header?: CommonStyleType;
+    titleSubtitleContainer?: CommonStyleType;
+    title?: TypographyTypes;
+    subtitle?: TypographyTypes;
+    descriptionContainer?: CommonStyleType;
+    description?: TypographyTypes;
+    button?: {
+        size?: string;
+        iconPosition?: IconPositionType;
+        variant?: string;
+    };
+    tooltipIconContainer?: CommonStyleType;
+    tooltipIcon?: IconTypes;
+    tooltip?: {
+        variant: string;
+    };
+    errorMessageContainer?: CommonStyleType;
+    errorMessageIcon?: IconTypes;
+    errorMessage?: TypographyTypes;
+    states?: SelectorBoxVariableStatesType;
+    actionIconAndActionTextContainer?: CommonStyleType;
+};
+export type SelectorBoxFileStylesType<P extends string | number | symbol> = {
+    [variant in P]?: SelectorBoxFilePropsStylesType;
+};
+export {};

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

@@ -0,0 +1,7 @@
+export declare enum SelectorBoxFileStateType {
+    DEFAULT = "DEFAULT",
+    LOADING = "LOADING",
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR",
+    DISABLED = "DISABLED"
+}

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

@@ -0,0 +1,4 @@
+export declare const getTopBarWith: (percentage: number) => number;
+export declare const getRightBarHeight: (percentage: number) => number;
+export declare const getBottomBarWith: (percentage: number) => number;
+export declare const getLeftBarHeight: (percentage: number) => number;

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLeftBarHeight = exports.getBottomBarWith = exports.getRightBarHeight = exports.getTopBarWith = void 0;
+const utils_1 = require("../../../utils");
+const FIRST_QUARTER = 25;
+const SECOND_QUARTER = 50;
+const THIRD_QUARTER = 75;
+const MAX = 100;
+const getBarMeasure = (percentage, inputMin, inputMax) => {
+    if (percentage > inputMax) {
+        return MAX;
+    }
+    return (0, utils_1.translateValue)({
+        inputMin,
+        inputMax,
+        outputMin: 0,
+        outputMax: MAX,
+        value: percentage,
+    });
+};
+const getTopBarWith = (percentage) => getBarMeasure(percentage, 0, FIRST_QUARTER);
+exports.getTopBarWith = getTopBarWith;
+const getRightBarHeight = (percentage) => getBarMeasure(percentage, FIRST_QUARTER, SECOND_QUARTER);
+exports.getRightBarHeight = getRightBarHeight;
+const getBottomBarWith = (percentage) => getBarMeasure(percentage, SECOND_QUARTER, THIRD_QUARTER);
+exports.getBottomBarWith = getBottomBarWith;
+const getLeftBarHeight = (percentage) => getBarMeasure(percentage, THIRD_QUARTER, MAX);
+exports.getLeftBarHeight = getLeftBarHeight;
+//# sourceMappingURL=animation.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation.utils.js","sourceRoot":"","sources":["../../../../../src/components/selectorBoxFile/utils/animation.utils.ts"],"names":[],"mappings":";;;AAAA,mCAAyC;AAEzC,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,cAAc,GAAG,EAAE,CAAC;AAC1B,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,GAAG,GAAG,GAAG,CAAC;AAEhB,MAAM,aAAa,GAAG,CAAC,UAAkB,EAAE,QAAgB,EAAE,QAAgB,EAAU,EAAE;IACvF,IAAI,UAAU,GAAG,QAAQ,EAAE,CAAC;QAC1B,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,IAAA,sBAAc,EAAC;QACpB,QAAQ;QACR,QAAQ;QACR,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,GAAG;QACd,KAAK,EAAE,UAAU;KAClB,CAAC,CAAC;AACL,CAAC,CAAC;AAEK,MAAM,aAAa,GAAG,CAAC,UAAkB,EAAU,EAAE,CAC1D,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;AADjC,QAAA,aAAa,iBACoB;AACvC,MAAM,iBAAiB,GAAG,CAAC,UAAkB,EAAU,EAAE,CAC9D,aAAa,CAAC,UAAU,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;AAD9C,QAAA,iBAAiB,qBAC6B;AACpD,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAU,EAAE,CAC7D,aAAa,CAAC,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;AAD9C,QAAA,gBAAgB,oBAC8B;AACpD,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAU,EAAE,CAC7D,aAAa,CAAC,UAAU,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC;AADnC,QAAA,gBAAgB,oBACmB"}

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

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

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

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./state.utils"), exports);
+__exportStar(require("./animation.utils"), exports);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { SelectorBoxFileStateType } from '../types';
+export declare const getState: (loading: boolean, success: boolean, error: boolean, disabled: boolean) => SelectorBoxFileStateType;

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

@@ -0,0 +1,3 @@
+export { Skeleton } from './skeleton';
+export { SkeletonStyled } from './skeleton.styled';
+export * from './types';

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ISkeleton } from './types';
+declare const SkeletonBoundary: <V extends string | unknown>(props: ISkeleton<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+/**
+ * @description
+ * Skeleton coponents is a loading component that can be used to show a loading state of a component.
+ * @param {React.PropsWithChildren<ISkeleton<V>>} props
+ * @returns {JSX.Element}
+ * @constructor
+ */
+declare const Skeleton: <V>(props: React.PropsWithChildren<ISkeleton<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof SkeletonBoundary>;
+export { Skeleton };

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

@@ -0,0 +1,9 @@
+import { SkeletonVariantStylesType } from './types/skeletonTheme';
+type SkeletonStylesType = {
+    $width: string;
+    $height: string;
+    duration: string;
+    styles?: SkeletonVariantStylesType;
+};
+export declare const SkeletonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonStylesType>> & string;
+export {};

package/dist/cjs/components/skeleton/skeletonStandAlone.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ISkeletonStandAlone } from './types';
+/**
+ * @description
+ * Skeleton coponents is a loading component that can be used to show a loading state of a component.
+ * @param {React.PropsWithChildren<ISkeletonStandAlone>} props
+ * @returns {JSX.Element}
+ */
+export declare const SkeletonStandAlone: React.ForwardRefExoticComponent<ISkeletonStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/skeleton/skeletonStandAlone.js

@@ -28,9 +28,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const aria_1 = require("../../utils/aria/aria");
 const skeleton_styled_1 = require("./skeleton.styled");
-const SkeletonStandAloneComponent = ({ duration = '1.2s', ...props }, ref) => {
+const SkeletonStandAloneComponent = ({ dataTestId = 'skeleton', duration = '1.2s', ...props }, ref) => {
     const ariaProps = (0, aria_1.pickAriaProps)(props);
-    return ((0, jsx_runtime_1.jsx)(skeleton_styled_1.SkeletonStyled, { ref: ref, "$height": props.height, "$width": props.width, "data-testid": props.dataTestId, duration: duration, styles: props.styles, ...ariaProps }));
+    return ((0, jsx_runtime_1.jsx)(skeleton_styled_1.SkeletonStyled, { ref: ref, "$height": props.height, "$width": props.width, "data-testid": dataTestId, duration: duration, styles: props.styles, ...ariaProps }));
 };
 /**
  * @description

package/dist/cjs/components/skeleton/skeletonStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeletonStandAlone.js","sourceRoot":"","sources":["../../../../src/components/skeleton/skeletonStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4CAAkD;AAElD,uDAAmD;AAGnD,MAAM,2BAA2B,GAAG,CAClC,EAAE,QAAQ,GAAG,MAAM,EAAE,GAAG,KAAK,EAAuB,EACpD,GAA0D,EAC7C,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,uBAAC,gCAAc,IACb,GAAG,EAAE,GAAG,aACC,KAAK,CAAC,MAAM,YACb,KAAK,CAAC,KAAK,iBACN,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,KAChB,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC"}
+{"version":3,"file":"skeletonStandAlone.js","sourceRoot":"","sources":["../../../../src/components/skeleton/skeletonStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4CAAkD;AAElD,uDAAmD;AAGnD,MAAM,2BAA2B,GAAG,CAClC,EAAE,UAAU,GAAG,UAAU,EAAE,QAAQ,GAAG,MAAM,EAAE,GAAG,KAAK,EAAuB,EAC7E,GAA0D,EAC7C,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,uBAAC,gCAAc,IACb,GAAG,EAAE,GAAG,aACC,KAAK,CAAC,MAAM,YACb,KAAK,CAAC,KAAK,iBACN,UAAU,EACvB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,KAChB,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './skeleton';
+export * from './skeletonTheme';

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

@@ -0,0 +1,30 @@
+import { CustomTokenTypes } from '../../../types';
+import { SkeletonShapeStylesType, SkeletonVariantStylesType } from './skeletonTheme';
+type SkeletonAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby'>;
+/**
+ * @description
+ * Skeleton component props
+ * @property {string} width - width of the skeleton
+ * @property {string} height - height of the skeleton
+ * @property {string} duration - duration of the skeleton animation
+ * @property {SkeletonVariantStylesType} styles - styles of the skeleton
+ * @property {string} dataTestId - data test id of the skeleton
+ * @property {string} variant - variant of the skeleton
+ *
+ */
+export interface ISkeletonStandAlone extends SkeletonAriaAttributes {
+    width: string;
+    height: string;
+    duration?: string;
+    styles?: SkeletonVariantStylesType;
+    dataTestId?: string;
+}
+/**
+ * @description
+ * Skeleton component props
+ */
+export interface ISkeleton<V = undefined extends string ? unknown : string> extends Omit<ISkeletonStandAlone, 'styles'>, Omit<CustomTokenTypes<SkeletonShapeStylesType>, 'cts' | 'extraCt'> {
+    variant: string;
+    shapeVariant: V;
+}
+export {};

package/dist/cjs/components/skeleton/types/skeletonTheme.d.ts

@@ -0,0 +1,18 @@
+import { CommonStyleType } from '../../../types';
+/**
+ * @description
+ * Skeleton Styles component props
+ */
+export type SkeletonVariantStylesType = {
+    skeleton?: CommonStyleType;
+};
+export type SkeletonShapeStylesType<P extends string | number | symbol = string> = {
+    [key in P]?: SkeletonVariantStylesType;
+};
+/**
+ * @description
+ * Skeleton Styles component props
+ */
+export type SkeletonStylesType<S extends string | number | symbol, P extends string | number | symbol> = {
+    [shape in S]: SkeletonShapeStylesType<P>;
+};

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

@@ -0,0 +1,4 @@
+export * from './sliderHelperTextStandAlone';
+export * from './sliderScaleStandAlone';
+export * from './sliderThumbStandAlone';
+export * from './sliderButtonStandAlone';

package/dist/cjs/components/slider/components/sliderButtonStandAlone.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SliderButtonType, SliderIncDecButtonStylesType } from '../types';
+interface ISliderButtonStandAlone extends SliderButtonType {
+    styles?: SliderIncDecButtonStylesType;
+}
+export declare const SliderButtonStandAlone: (props: ISliderButtonStandAlone) => ReactElement | null;
+export {};

package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.d.ts

@@ -0,0 +1,16 @@
+import { SliderBaseStylesType, SliderStateType } from '../types';
+interface ISliderHelperTextStandAlone {
+    leftHelperText?: string;
+    leftHelperTextId?: string;
+    rightHelperText?: string;
+    rightHelperTextId?: string;
+    styles: SliderBaseStylesType;
+    state: SliderStateType;
+}
+/**
+ * @description
+ * SliderHelperTextStandAlone component is used to display helper text for the slider.
+ * It can be displayed on the left or right side of the slider.
+ */
+export declare const SliderHelperTextStandAlone: ({ leftHelperText, leftHelperTextId, rightHelperText, rightHelperTextId, styles, state, }: ISliderHelperTextStandAlone) => JSX.Element | null;
+export {};

package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.styled.d.ts

@@ -0,0 +1,10 @@
+import { SliderBaseStylesType } from '../types';
+export declare const StyledHelperTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledLeftHelperText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledRightHelperText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;

package/dist/cjs/components/slider/components/sliderScaleStandAlone.d.ts

@@ -0,0 +1,11 @@
+import { SliderBaseStylesType } from '../types';
+export interface ISliderScaleStandAlone {
+    showScale: boolean;
+    scaleOffsets: number[];
+    styles: SliderBaseStylesType;
+}
+/**
+ * @description
+ * SliderScaleStandAlone component is used to display a scale for the slider.
+ */
+export declare const SliderScaleStandAlone: ({ showScale, scaleOffsets, styles, }: ISliderScaleStandAlone) => JSX.Element | null;

package/dist/cjs/components/slider/components/sliderScaleStandAlone.styled.d.ts

@@ -0,0 +1,8 @@
+import { SliderBaseStylesType } from '../types';
+export declare const StyledScaleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;
+export declare const StyledScaledOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    styles: SliderBaseStylesType;
+    scaleOffset: number;
+}>> & string;

package/dist/cjs/components/slider/components/sliderThumbStandAlone.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { SliderBaseStylesType, SliderStateType, SliderTooltipType } from '../types';
+interface ISliderThumbStandAlone {
+    styles: SliderBaseStylesType;
+    state: SliderStateType;
+    style?: React.CSSProperties;
+    rightThumb?: boolean;
+    disabled: boolean;
+    pressed: boolean;
+    hover: boolean;
+    max: number;
+    min: number;
+    value: number;
+    tooltip?: SliderTooltipType;
+    onMouseOver: () => void;
+    onMouseOut: () => void;
+    onTouchStart?: () => void;
+    onFocus?: () => void;
+    onKeyDown: React.KeyboardEventHandler<HTMLElement>;
+    icon?: IElementOrIcon;
+    ariaLabel?: string;
+    ariaLabelBy?: string;
+    ariaDescribedBy?: string;
+    dataTestId?: string;
+}
+/**
+ * @description
+ * SliderThumbStandAlone component is used to display a thumb for the slider.
+ */
+export declare const SliderThumbStandAlone: ({ styles, style, state, rightThumb, disabled, pressed, hover, max, min, value, tooltip, onMouseOver, onMouseOut, onTouchStart, onFocus, onKeyDown, icon, ariaLabel, ariaLabelBy, ariaDescribedBy, dataTestId, }: ISliderThumbStandAlone) => JSX.Element | null;
+export {};

package/dist/cjs/components/slider/components/sliderThumbStandAlone.styled.d.ts

@@ -0,0 +1,8 @@
+import { SliderBaseStylesType } from '../types';
+export declare const StyledThumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+    rightThumb?: boolean;
+}>> & string;
+export declare const StyledTooltipThumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: SliderBaseStylesType;
+}>> & string;

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

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

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ISlider } from './types';
+export declare const SliderComponent: React.ForwardRefExoticComponent<ISlider<unknown> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @description
+ * Slider component is used to select a value from a range of values.
+ */
+declare const Slider: <V extends string | unknown>(props: ISlider<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => JSX.Element;
+export { Slider };