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

package/dist/cjs/components/loader/types/loaderTheme.d.ts

@@ -1,5 +1,5 @@
 import { CSSProp } from 'styled-components';
-import { CommonStyleType } from '../../../types/index';
+import { CommonStyleType } from '../../../types/styles/commonStyle';
 /**
  * @description
  * interface for the loader

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ILoadingState } from './types';
+import React from 'react';
+import { ILoadingState } from './types/loadingState';
 declare const LoadinfStateBoundary: <V extends string | unknown>(props: React.PropsWithChildren<ILoadingState<V>>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
 /**
  *  @deprecated This component has been deprecated and will be removed in the next MAJOR release.

package/dist/cjs/components/loadingState/loadingState.js

@@ -1,44 +1,25 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingState = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const constants_1 = require("../../constants");
+const react_1 = __importDefault(require("react"));
+const stylesName_1 = require("../../constants/stylesName/stylesName");
 const useStyles_1 = require("../../hooks/useStyles/useStyles");
-const errorBoundary_1 = require("../../provider/errorBoundary");
+const errorBoundary_1 = require("../../provider/errorBoundary/errorBoundary");
+const fallbackComponent_1 = require("../../provider/errorBoundary/fallbackComponent");
 const loadingStateStandAlone_1 = require("./loadingStateStandAlone");
-const LoadingStateComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
-    const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.LOADING_STATE, variant, ctv);
+const LoadingStateComponent = react_1.default.forwardRef(({ variant, ctv, ...props }, ref) => {
+    const styles = (0, useStyles_1.useStyles)(stylesName_1.STYLES_NAME.LOADING_STATE, variant, ctv);
     return (0, jsx_runtime_1.jsx)(loadingStateStandAlone_1.LoadingStateStandAlone, { ref: ref, styles: styles, ...props });
 });
 LoadingStateComponent.displayName = 'LoadingStateComponent';
-const LoadinfStateBoundary = (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)(loadingStateStandAlone_1.LoadingStateStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(LoadingStateComponent, { ...props, ref: ref }) }));
+const LoadinfStateBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(fallbackComponent_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(loadingStateStandAlone_1.LoadingStateStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(LoadingStateComponent, { ...props, ref: ref }) }));
 /**
  *  @deprecated This component has been deprecated and will be removed in the next MAJOR release.
  */
-const LoadingState = React.forwardRef(LoadinfStateBoundary);
+const LoadingState = react_1.default.forwardRef(LoadinfStateBoundary);
 exports.LoadingState = LoadingState;
 //# sourceMappingURL=loadingState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"loadingState.js","sourceRoot":"","sources":["../../../../src/components/loadingState/loadingState.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,qEAAkE;AAGlE,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA6C,EACrE,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,uBAAW,CAAC,aAAa,EACzB,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,OAAO,uBAAC,+CAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACzE,CAAC,CACF,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE5D,MAAM,oBAAoB,GAAG,CAC3B,KAAgD,EAChD,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,+CAAsB,OAAM,KAA4C,EAAE,GAAG,EAAE,GAAG,GAAI,GACrE,YAGtB,uBAAC,qBAAqB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAChC,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAId,CAAC;AAEpC,oCAAY"}
+{"version":3,"file":"loadingState.js","sourceRoot":"","sources":["../../../../src/components/loadingState/loadingState.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,kEAAgE;AAChE,2DAAwD;AAExD,8EAA2E;AAC3E,sFAAmF;AACnF,qEAAkE;AAIlE,MAAM,qBAAqB,GAAG,eAAK,CAAC,UAAU,CAC5C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA6C,EACrE,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,wBAAW,CAAC,aAAa,EACzB,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,OAAO,uBAAC,+CAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AACzE,CAAC,CACF,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE5D,MAAM,oBAAoB,GAAG,CAC3B,KAAgD,EAChD,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cAChB,uBAAC,+CAAsB,OAAM,KAA4C,EAAE,GAAG,EAAE,GAAG,GAAI,GACrE,YAGtB,uBAAC,qBAAqB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAChC,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CAAC,oBAAoB,CAId,CAAC;AAEpC,oCAAY"}

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

@@ -1,4 +1,4 @@
-import { LoadingStateGlobalStateStylesType } from './types';
+import { LoadingStateGlobalStateStylesType } from './types/loadingStateTheme';
 export declare const LoadingStateStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TitleWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     styles: LoadingStateGlobalStateStylesType;

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

@@ -5,16 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DescriptionWrapperStyled = exports.TitleWrapperStyled = exports.LoadingStateStyled = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../utils");
+const getStyles_1 = require("../../utils/getStyles/getStyles");
 exports.LoadingStateStyled = styled_components_1.default.div `
   display: flex;
   flex-direction: column;
   align-items: center;
 `;
 exports.TitleWrapperStyled = styled_components_1.default.div `
-  ${({ styles }) => (0, utils_1.getStyles)(styles.titleContainer)};
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles.titleContainer)};
 `;
 exports.DescriptionWrapperStyled = styled_components_1.default.div `
-  ${({ styles }) => (0, utils_1.getStyles)(styles.descriptionContainer)};
+  ${({ styles }) => (0, getStyles_1.getStyles)(styles.descriptionContainer)};
 `;
 //# sourceMappingURL=loadingState.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"loadingState.styled.js","sourceRoot":"","sources":["../../../../src/components/loadingState/loadingState.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAoC;AAIvB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI3C,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAA+C;IACvF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,cAAc,CAAC;CACnD,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAA+C;IAC7F,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC"}
+{"version":3,"file":"loadingState.styled.js","sourceRoot":"","sources":["../../../../src/components/loadingState/loadingState.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,+DAA4D;AAG/C,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI3C,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAA+C;IACvF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,cAAc,CAAC;CACnD,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,GAAG,CAA+C;IAC7F,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC"}

package/dist/cjs/components/loadingState/loadingStateStandAlone.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ILoadingStateStandAlone } from './types';
+import React from 'react';
+import { ILoadingStateStandAlone } from './types/loadingState';
 export declare const LoadingStateStandAlone: React.ForwardRefExoticComponent<ILoadingStateStandAlone & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/loadingState/loadingStateStandAlone.js

@@ -1,35 +1,15 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingStateStandAlone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const screenReaderOnly_1 = require("../../components/screenReaderOnly");
+const react_1 = __importDefault(require("react"));
 const text_1 = require("../../components/text/text");
 const component_1 = require("../../components/text/types/component");
-const thirdPartyAnimation_1 = require("../../components/thirdPartyAnimation");
+const screenReaderOnly_1 = require("../screenReaderOnly/screenReaderOnly");
+const thirdPartyAnimation_1 = require("../thirdPartyAnimation/thirdPartyAnimation");
 const loadingState_styled_1 = require("./loadingState.styled");
 const LoadingStateStandAloneComponent = ({ description, hideText = false, styles, title, screenReaderText, state, dataTestId = 'loading-state', ...props }, ref) => {
     const stateStyles = styles.states?.[state];
@@ -38,5 +18,5 @@ const LoadingStateStandAloneComponent = ({ description, hideText = false, styles
                 stateStyles?.thirdPartyAnimation?.variant &&
                 stateStyles?.thirdPartyAnimation?.width && ((0, jsx_runtime_1.jsx)(thirdPartyAnimation_1.ThirdPartyAnimation, { "aria-label": props['aria-label'], height: stateStyles.thirdPartyAnimation.height, variant: stateStyles.thirdPartyAnimation.variant, width: stateStyles.thirdPartyAnimation.width })), hasTitle && ((0, jsx_runtime_1.jsx)(loadingState_styled_1.TitleWrapperStyled, { styles: styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { customTypography: styles.title, ...title, children: title.content }) })), description && !hideText && ((0, jsx_runtime_1.jsx)(loadingState_styled_1.DescriptionWrapperStyled, { styles: styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.PARAGRAPH, customTypography: styles.description, ...description, children: description.content }) })), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { show: !hasTitle, children: screenReaderText })] }));
 };
-exports.LoadingStateStandAlone = React.forwardRef(LoadingStateStandAloneComponent);
+exports.LoadingStateStandAlone = react_1.default.forwardRef(LoadingStateStandAloneComponent);
 //# sourceMappingURL=loadingStateStandAlone.js.map

package/dist/cjs/components/loadingState/loadingStateStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadingStateStandAlone.js","sourceRoot":"","sources":["../../../../src/components/loadingState/loadingStateStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,oEAAiE;AACjE,iDAA8C;AAC9C,iEAAsE;AACtE,0EAAuE;AAEvE,+DAI+B;AAG/B,MAAM,+BAA+B,GAAG,CACtC,EACE,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,KAAK,EACL,UAAU,GAAG,eAAe,EAC5B,GAAG,KAAK,EACyC,EACnD,GAA0D,EAC7C,EAAE;IACf,MAAM,WAAW,GAA4C,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IACpF,MAAM,QAAQ,GAAG,KAAK,IAAI,CAAC,QAAQ,CAAC;IAEpC,OAAO,CACL,wBAAC,wCAAkB,IAAC,GAAG,EAAE,GAAG,iBAAe,UAAU,aAClD,WAAW,EAAE,mBAAmB,EAAE,MAAM;gBACvC,WAAW,EAAE,mBAAmB,EAAE,OAAO;gBACzC,WAAW,EAAE,mBAAmB,EAAE,KAAK,IAAI,CACzC,uBAAC,yCAAmB,kBACN,KAAK,CAAC,YAAY,CAAC,EAC/B,MAAM,EAAE,WAAW,CAAC,mBAAmB,CAAC,MAAM,EAC9C,OAAO,EAAE,WAAW,CAAC,mBAAmB,CAAC,OAAO,EAChD,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,GAC5C,CACH,EACF,QAAQ,IAAI,CACX,uBAAC,wCAAkB,IAAC,MAAM,EAAE,MAAM,YAChC,uBAAC,WAAI,IAAC,gBAAgB,EAAE,MAAM,CAAC,KAAK,KAAM,KAAK,YAC5C,KAAK,CAAC,OAAO,GACT,GACY,CACtB,EACA,WAAW,IAAI,CAAC,QAAQ,IAAI,CAC3B,uBAAC,8CAAwB,IAAC,MAAM,EAAE,MAAM,YACtC,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,SAAS,EACtC,gBAAgB,EAAE,MAAM,CAAC,WAAW,KAChC,WAAW,YAEd,WAAW,CAAC,OAAO,GACf,GACkB,CAC5B,EACD,uBAAC,mCAAgB,IAAC,IAAI,EAAE,CAAC,QAAQ,YAAG,gBAAgB,GAAoB,IACrD,CACtB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}
+{"version":3,"file":"loadingStateStandAlone.js","sourceRoot":"","sources":["../../../../src/components/loadingState/loadingStateStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,iDAA8C;AAC9C,iEAAsE;AAEtE,2EAAwE;AACxE,oFAAiF;AACjF,+DAI+B;AAI/B,MAAM,+BAA+B,GAAG,CACtC,EACE,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,KAAK,EACL,UAAU,GAAG,eAAe,EAC5B,GAAG,KAAK,EACyC,EACnD,GAA0D,EAC7C,EAAE;IACf,MAAM,WAAW,GAA4C,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IACpF,MAAM,QAAQ,GAAG,KAAK,IAAI,CAAC,QAAQ,CAAC;IAEpC,OAAO,CACL,wBAAC,wCAAkB,IAAC,GAAG,EAAE,GAAG,iBAAe,UAAU,aAClD,WAAW,EAAE,mBAAmB,EAAE,MAAM;gBACvC,WAAW,EAAE,mBAAmB,EAAE,OAAO;gBACzC,WAAW,EAAE,mBAAmB,EAAE,KAAK,IAAI,CACzC,uBAAC,yCAAmB,kBACN,KAAK,CAAC,YAAY,CAAC,EAC/B,MAAM,EAAE,WAAW,CAAC,mBAAmB,CAAC,MAAM,EAC9C,OAAO,EAAE,WAAW,CAAC,mBAAmB,CAAC,OAAO,EAChD,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,GAC5C,CACH,EACF,QAAQ,IAAI,CACX,uBAAC,wCAAkB,IAAC,MAAM,EAAE,MAAM,YAChC,uBAAC,WAAI,IAAC,gBAAgB,EAAE,MAAM,CAAC,KAAK,KAAM,KAAK,YAC5C,KAAK,CAAC,OAAO,GACT,GACY,CACtB,EACA,WAAW,IAAI,CAAC,QAAQ,IAAI,CAC3B,uBAAC,8CAAwB,IAAC,MAAM,EAAE,MAAM,YACtC,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,SAAS,EACtC,gBAAgB,EAAE,MAAM,CAAC,WAAW,KAChC,WAAW,YAEd,WAAW,CAAC,OAAO,GACf,GACkB,CAC5B,EACD,uBAAC,mCAAgB,IAAC,IAAI,EAAE,CAAC,QAAQ,YAAG,gBAAgB,GAAoB,IACrD,CACtB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
-import { IText } from '../../../components/text';
-import { CustomTokenTypes } from '../../../types';
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
+import { IText } from '../../text/types/text';
 import { LoadingStateGlobalStateStylesType, LoadingStateState } from './loadingStateTheme';
 export type LoadingStateTitleAndDescriptionType = Omit<IText<string>, 'children'> & {
     content: string;

package/dist/cjs/components/loadingState/types/loadingStateTheme.d.ts

@@ -1,4 +1,5 @@
-import { CommonStyleType, TypographyTypes } from '../../../types';
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+import { TypographyTypes } from '../../../types/styles/typography';
 export declare enum LoadingStateState {
     PRIMARY = "PRIMARY",
     PRIMARY_ALTERNATIVE = "PRIMARY_ALTERNATIVE",

package/dist/cjs/components/loadingState/types/loadingStateTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadingStateTheme.js","sourceRoot":"","sources":["../../../../../src/components/loadingState/types/loadingStateTheme.ts"],"names":[],"mappings":";;;AAEA,IAAY,iBASX;AATD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,gEAA2C,CAAA;IAC3C,4CAAuB,CAAA;IACvB,gEAA2C,CAAA;IAC3C,kCAAa,CAAA;IACb,kDAA6B,CAAA;IAC7B,oDAA+B,CAAA;IAC/B,gDAA2B,CAAA;AAC7B,CAAC,EATW,iBAAiB,iCAAjB,iBAAiB,QAS5B"}
+{"version":3,"file":"loadingStateTheme.js","sourceRoot":"","sources":["../../../../../src/components/loadingState/types/loadingStateTheme.ts"],"names":[],"mappings":";;;AAGA,IAAY,iBASX;AATD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,gEAA2C,CAAA;IAC3C,4CAAuB,CAAA;IACvB,gEAA2C,CAAA;IAC3C,kCAAa,CAAA;IACb,kDAA6B,CAAA;IAC7B,oDAA+B,CAAA;IAC/B,gDAA2B,CAAA;AAC7B,CAAC,EATW,iBAAiB,iCAAjB,iBAAiB,QAS5B"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IMediaButton } from './types/mediaButton';
 declare const MediaButtonBoundary: <V extends string | unknown>(props: IMediaButton<V>, ref: React.ForwardedRef<HTMLButtonElement> | undefined | null) => JSX.Element;
 declare const MediaButton: <V extends string | unknown>(props: React.PropsWithChildren<IMediaButton<V>> & {

package/dist/cjs/components/mediaButton/mediaButton.js

@@ -1,42 +1,23 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const constants_1 = require("../../constants");
+const react_1 = __importDefault(require("react"));
+const stylesName_1 = require("../../constants/stylesName/stylesName");
 const useStyles_1 = require("../../hooks/useStyles/useStyles");
-const errorBoundary_1 = require("../../provider/errorBoundary");
+const errorBoundary_1 = require("../../provider/errorBoundary/errorBoundary");
+const fallbackComponent_1 = require("../../provider/errorBoundary/fallbackComponent");
 const mediaButtonStandAlone_1 = require("./mediaButtonStandAlone");
-const MediaButtonComponent = React.forwardRef(({ variant, size, ctv, ...props }, ref) => {
-    const stylesVariant = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.MEDIA_BUTTON, variant, ctv);
+const MediaButtonComponent = react_1.default.forwardRef(({ variant, size, ctv, ...props }, ref) => {
+    const stylesVariant = (0, useStyles_1.useStyles)(stylesName_1.STYLES_NAME.MEDIA_BUTTON, variant, ctv);
     const styles = stylesVariant[size];
     return (0, jsx_runtime_1.jsx)(mediaButtonStandAlone_1.MediaButtonStandalone, { ...props, ref: ref, styles: styles });
 });
 MediaButtonComponent.displayName = 'MediaButtonComponent';
-const MediaButtonBoundary = (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)(mediaButtonStandAlone_1.MediaButtonStandalone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(MediaButtonComponent, { ...props, ref: ref }) }));
-const MediaButton = React.forwardRef(MediaButtonBoundary);
+const MediaButtonBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(fallbackComponent_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(mediaButtonStandAlone_1.MediaButtonStandalone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(MediaButtonComponent, { ...props, ref: ref }) }));
+const MediaButton = react_1.default.forwardRef(MediaButtonBoundary);
 exports.MediaButton = MediaButton;
 //# sourceMappingURL=mediaButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mediaButton.js","sourceRoot":"","sources":["../../../../src/components/mediaButton/mediaButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,mEAAgE;AAIhE,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EACjD,GAA6D,EAChD,EAAE;IACf,MAAM,aAAa,GAAG,IAAA,qBAAS,EAC7B,uBAAW,CAAC,YAAY,EACxB,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,uBAAC,6CAAqB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACxE,CAAC,CACF,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,KAAsB,EACtB,GAA6D,EAChD,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,6CAAqB,OAAM,KAA2C,EAAE,GAAG,EAAE,GAAG,GAAI,GACnE,YAGtB,uBAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACjB,CAAC;AAEF,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAIb,CAAC;AAWnC,kCAAW"}
+{"version":3,"file":"mediaButton.js","sourceRoot":"","sources":["../../../../src/components/mediaButton/mediaButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,kEAAgE;AAChE,2DAAwD;AAExD,8EAA2E;AAC3E,sFAAmF;AACnF,mEAAgE;AAIhE,MAAM,oBAAoB,GAAG,eAAK,CAAC,UAAU,CAC3C,CACE,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EACjD,GAA6D,EAChD,EAAE;IACf,MAAM,aAAa,GAAG,IAAA,qBAAS,EAC7B,wBAAW,CAAC,YAAY,EACxB,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,uBAAC,6CAAqB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACxE,CAAC,CACF,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,KAAsB,EACtB,GAA6D,EAChD,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cAChB,uBAAC,6CAAqB,OAAM,KAA2C,EAAE,GAAG,EAAE,GAAG,GAAI,GACnE,YAGtB,uBAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC/B,CACjB,CAAC;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,mBAAmB,CAIb,CAAC;AAWnC,kCAAW"}

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

@@ -1,4 +1,4 @@
-import { MediaButtonVariantStylesType } from './types';
+import { MediaButtonVariantStylesType } from './types/mediaButtonTheme';
 type MediaButtonStylesType = {
     styles?: MediaButtonVariantStylesType;
     hasBackground?: boolean;

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

@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonStyled = exports.ContainerStyled = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
-// mixin
-const mixins_1 = require("../../styles/mixins");
 const getStyles_1 = require("../../utils/getStyles/getStyles");
+// mixin
+const focusAlt_mixin_1 = require("../../styles/mixins/focusAlt.mixin");
 exports.ContainerStyled = styled_components_1.default.button `
   ${props => (0, getStyles_1.getStyles)(props.styles?.container)}
   ${({ hasBackground }) => !hasBackground &&
@@ -51,6 +51,6 @@ exports.ContainerStyled = styled_components_1.default.button `
 `;
 exports.ButtonStyled = styled_components_1.default.span `
   ${props => (0, getStyles_1.getStyles)(props.styles?.buttonContainer)}
-  ${props => props.styles?.altVariant && (0, mixins_1.focusVisibleAlt)()}
+  ${props => props.styles?.altVariant && (0, focusAlt_mixin_1.focusVisibleAlt)()}
 `;
 //# sourceMappingURL=mediaButton.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mediaButton.styled.js","sourceRoot":"","sources":["../../../../src/components/mediaButton/mediaButton.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,QAAQ;AACR,4CAAkD;AAClD,2DAAwD;AAY3C,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,CAAuB;IAC/D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3C,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,IAAA,uBAAG,EAAA;;KAEF;IACD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACpB,CAAC,WAAW;IACZ,IAAA,uBAAG,EAAA;;;KAGF;IACD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;;;;KAIF;;;;CAIJ,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,IAAI,CAAuB;IAC1D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,eAAe,CAAC;IACjD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,IAAA,wBAAe,GAAE;CACzD,CAAC"}
+{"version":3,"file":"mediaButton.styled.js","sourceRoot":"","sources":["../../../../src/components/mediaButton/mediaButton.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,2DAAwD;AAExD,QAAQ;AACR,uEAAqE;AAWxD,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,CAAuB;IAC/D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3C,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,IAAA,uBAAG,EAAA;;KAEF;IACD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACpB,CAAC,WAAW;IACZ,IAAA,uBAAG,EAAA;;;KAGF;IACD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;;;;KAIF;;;;CAIJ,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,IAAI,CAAuB;IAC1D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,eAAe,CAAC;IACjD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,IAAI,IAAA,gCAAe,GAAE;CACzD,CAAC"}

package/dist/cjs/components/mediaButton/mediaButtonStandAlone.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IMediaButtonStandAlone } from './types/mediaButton';
 /**
  * @description

package/dist/cjs/components/mediaButton/mediaButtonStandAlone.js

@@ -1,35 +1,15 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaButtonStandalone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const types_1 = require("../button/types");
+const react_1 = __importDefault(require("react"));
+const type_1 = require("../button/types/type");
 //components
-const elementOrIcon_1 = require("../elementOrIcon");
-const loader_1 = require("../loader");
+const elementOrIcon_1 = require("../elementOrIcon/elementOrIcon");
+const loader_1 = require("../loader/loader");
 // styles
 const mediaButton_styled_1 = require("./mediaButton.styled");
 //constants
@@ -55,7 +35,7 @@ const MediaButtonStandaloneComponent = (props, ref) => {
     const twistedIconTwistAnimationTransformValue = props.twisted
         ? SECOND_ICON_NOT_TWISTED_TRANSFORM_VALUE
         : SECOND_ICON_TWISTED_TRANSFORM_VALUE;
-    return ((0, jsx_runtime_1.jsx)(mediaButton_styled_1.ContainerStyled, { ref: ref, "aria-label": ariaLabel, disabled: props.disabled, hasBackground: props.hasBackground, loading: props.loading, styles: props.styles, tabIndex: props.tabIndex, twistedIcon: !!twistedIcon, type: types_1.ButtonType.BUTTON, onClick: props.onClick, children: (0, jsx_runtime_1.jsxs)(mediaButton_styled_1.ButtonStyled, { styles: props.styles, children: [(props.styles?.loader?.variant || props.loader?.variant) && ((0, jsx_runtime_1.jsx)(loader_1.Loader, { variant: props.styles?.loader?.variant, visible: props.loading, width: iconSize, ...props.loader })), !props.loading && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: iconColor, height: iconSize, tabIndex: props.twisted ? -1 : 0, transitionDuration: TRANSITION_DURATION, twistAnimationTransformValue: twistedIcon ? iconTwistAnimationTransformValue : null, width: iconSize, ...icon }), twistedIcon && ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: props.styles?.iconToTransition?.color, height: iconSize, tabIndex: props.twisted ? 0 : -1, transitionDuration: TRANSITION_DURATION, twistAnimationTransformValue: twistedIconTwistAnimationTransformValue, width: iconSize, ...twistedIcon }))] }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(mediaButton_styled_1.ContainerStyled, { ref: ref, "aria-label": ariaLabel, disabled: props.disabled, hasBackground: props.hasBackground, loading: props.loading, styles: props.styles, tabIndex: props.tabIndex, twistedIcon: !!twistedIcon, type: type_1.ButtonType.BUTTON, onClick: props.onClick, children: (0, jsx_runtime_1.jsxs)(mediaButton_styled_1.ButtonStyled, { styles: props.styles, children: [(props.styles?.loader?.variant || props.loader?.variant) && ((0, jsx_runtime_1.jsx)(loader_1.Loader, { variant: props.styles?.loader?.variant, visible: props.loading, width: iconSize, ...props.loader })), !props.loading && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: iconColor, height: iconSize, tabIndex: props.twisted ? -1 : 0, transitionDuration: TRANSITION_DURATION, twistAnimationTransformValue: twistedIcon ? iconTwistAnimationTransformValue : null, width: iconSize, ...icon }), twistedIcon && ((0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { color: props.styles?.iconToTransition?.color, height: iconSize, tabIndex: props.twisted ? 0 : -1, transitionDuration: TRANSITION_DURATION, twistAnimationTransformValue: twistedIconTwistAnimationTransformValue, width: iconSize, ...twistedIcon }))] }))] }) }));
 };
 /**
  * @description
@@ -63,5 +43,5 @@ const MediaButtonStandaloneComponent = (props, ref) => {
  * @param {React.PropsWithChildren<IMediaButtonStandAlone>} props
  * @returns {JSX.Element}
  */
-exports.MediaButtonStandalone = React.forwardRef(MediaButtonStandaloneComponent);
+exports.MediaButtonStandalone = react_1.default.forwardRef(MediaButtonStandaloneComponent);
 //# sourceMappingURL=mediaButtonStandAlone.js.map

package/dist/cjs/components/mediaButton/mediaButtonStandAlone.js.map

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

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

@@ -1,6 +1,6 @@
-import { IElementOrIcon } from '../../../components/elementOrIcon';
-import { ILoader } from '../../../components/loader/types';
-import { CustomTokenTypes } from '../../../types';
+import { ILoader } from '../../../components/loader/types/loader';
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
+import { IElementOrIcon } from '../../elementOrIcon/types/elementOrIcon';
 import { MediaButtonVariantStateStylesType, MediaButtonVariantStylesType } from './mediaButtonTheme';
 import { MediaButtonSizeType } from './sizes';
 export type MediaButtonLoader = Omit<ILoader, 'variant'> & {

package/dist/cjs/components/mediaButton/types/mediaButtonTheme.d.ts

@@ -1,4 +1,5 @@
-import { CommonStyleType, IconTypes } from '../../../types';
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+import { IconTypes } from '../../../types/styles/icon';
 import { MediaButtonSizeType } from './sizes';
 export type MediaButtonVariantStylesType = {
     altVariant?: boolean;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { IMediaProgressBar } from './types';
+import React from 'react';
+import { IMediaProgressBar } from './types/mediaProgressBar';
 declare const MediaProgressBarBoundary: <V extends string | unknown>(props: IMediaProgressBar<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
 declare const MediaProgressBar: <V extends string | unknown>(props: React.PropsWithChildren<IMediaProgressBar<V>> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;

package/dist/cjs/components/mediaProgressBar/mediaProgressBar.js

@@ -1,38 +1,19 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaProgressBar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const constants_1 = require("../../constants");
+const react_1 = __importDefault(require("react"));
+const stylesName_1 = require("../../constants/stylesName/stylesName");
 const useStyles_1 = require("../../hooks/useStyles/useStyles");
-const errorBoundary_1 = require("../../provider/errorBoundary");
+const errorBoundary_1 = require("../../provider/errorBoundary/errorBoundary");
+const fallbackComponent_1 = require("../../provider/errorBoundary/fallbackComponent");
 const useMediaProgressBar_1 = require("./hooks/useMediaProgressBar");
 const mediaProgressBarStandAlone_1 = require("./mediaProgressBarStandAlone");
-const MediaProgressBarComponent = React.forwardRef(({ variant, barsNum = 1, currentBar = 0, onBarChange, onFinish, ctv, playingExternal = false, circular = false, onBarClick, onBarKeyDown, ...props }, ref) => {
-    const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.MEDIA_PROGRESS_BAR, variant, ctv);
+const MediaProgressBarComponent = react_1.default.forwardRef(({ variant, barsNum = 1, currentBar = 0, onBarChange, onFinish, ctv, playingExternal = false, circular = false, onBarClick, onBarKeyDown, ...props }, ref) => {
+    const styles = (0, useStyles_1.useStyles)(stylesName_1.STYLES_NAME.MEDIA_PROGRESS_BAR, variant, ctv);
     const { playing, barRef, progressBarRef, handleClickBar, handleKeyDownBar } = (0, useMediaProgressBar_1.useMediaProgressBar)({
         playingExternal,
         circular,
@@ -46,7 +27,7 @@ const MediaProgressBarComponent = React.forwardRef(({ variant, barsNum = 1, curr
     return ((0, jsx_runtime_1.jsx)(mediaProgressBarStandAlone_1.MediaProgressBarStandalone, { ...props, ref: ref, barRef: barRef, barsNum: barsNum, currentBar: currentBar, playing: playing, progressBarRef: progressBarRef, styles: styles, onBarClick: handleClickBar, onBarKeyDown: handleKeyDownBar }));
 });
 MediaProgressBarComponent.displayName = 'MediaProgressBarComponent';
-const MediaProgressBarBoundary = (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)(mediaProgressBarStandAlone_1.MediaProgressBarStandalone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(MediaProgressBarComponent, { ...props, ref: ref }) }));
-const MediaProgressBar = React.forwardRef(MediaProgressBarBoundary);
+const MediaProgressBarBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(fallbackComponent_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(mediaProgressBarStandAlone_1.MediaProgressBarStandalone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(MediaProgressBarComponent, { ...props, ref: ref }) }));
+const MediaProgressBar = react_1.default.forwardRef(MediaProgressBarBoundary);
 exports.MediaProgressBar = MediaProgressBar;
 //# sourceMappingURL=mediaProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mediaProgressBar.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,qEAAkE;AAClE,6EAA0E;AAO1E,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,CAAC,EACd,WAAW,EACX,QAAQ,EACR,GAAG,EACH,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,uBAAW,CAAC,kBAAkB,EAC9B,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,GACzE,IAAA,yCAAmB,EAAC;QAClB,eAAe;QACf,QAAQ;QACR,UAAU;QACV,OAAO;QACP,WAAW;QACX,QAAQ;QACR,UAAU;QACV,YAAY;KACb,CAAC,CAAC;IAEL,OAAO,CACL,uBAAC,uDAA0B,OACrB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,gBAAgB,GAC9B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,wBAAwB,GAAG,CAC/B,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,uDAA0B,OACpB,KAAgD,EACrD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,uBAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAIlB,CAAC;AAWxC,4CAAgB"}
+{"version":3,"file":"mediaProgressBar.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBar.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,kEAAgE;AAChE,2DAAwD;AAExD,8EAA2E;AAC3E,sFAAmF;AACnF,qEAAkE;AAClE,6EAA0E;AAI1E,MAAM,yBAAyB,GAAG,eAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,CAAC,EACd,WAAW,EACX,QAAQ,EACR,GAAG,EACH,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,wBAAW,CAAC,kBAAkB,EAC9B,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,GACzE,IAAA,yCAAmB,EAAC;QAClB,eAAe;QACf,QAAQ;QACR,UAAU;QACV,OAAO;QACP,WAAW;QACX,QAAQ;QACR,UAAU;QACV,YAAY;KACb,CAAC,CAAC;IAEL,OAAO,CACL,uBAAC,uDAA0B,OACrB,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,gBAAgB,GAC9B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,wBAAwB,GAAG,CAC/B,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cAChB,uBAAC,uDAA0B,OACpB,KAAgD,EACrD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,uBAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAAC,wBAAwB,CAIlB,CAAC;AAWxC,4CAAgB"}

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

@@ -1,4 +1,4 @@
-import { MediaProgressBarVariantStylesType } from './types';
+import { MediaProgressBarVariantStylesType } from './types/mediaProgressBarTheme';
 type MediaProgressBarStylesType = {
     styles: MediaProgressBarVariantStylesType;
     playing?: boolean;

package/dist/cjs/components/mediaProgressBar/mediaProgressBarStandAlone.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { IMediaProgressBarStandAlone } from './types';
+import React from 'react';
+import { IMediaProgressBarStandAlone } from './types/mediaProgressBar';
 /**
  * @description
  * MediaProgressBar component is used to show a progress bar.

package/dist/cjs/components/mediaProgressBar/mediaProgressBarStandAlone.js

@@ -1,37 +1,17 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaProgressBarStandalone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const types_1 = require("../../types");
+const react_1 = __importDefault(require("react"));
+const useMediaDevice_1 = require("../../hooks/useMediaDevice/useMediaDevice");
+const role_1 = require("../../types/role/role");
 const mediaProgressBar_styled_1 = require("./mediaProgressBar.styled");
 const mediaProgressBarUtils_1 = require("./utils/mediaProgressBarUtils");
 const MediaProgressBarStandaloneComponent = ({ dataTestIdBar = 'bar', dataTestIdProgressBar = 'progress-bar', barsNum, ...props }, ref) => {
-    const device = (0, hooks_1.useMediaDevice)();
+    const device = (0, useMediaDevice_1.useMediaDevice)();
     const bars = Array.from({ length: barsNum }, (_, index) => {
         const newIndex = (0, mediaProgressBarUtils_1.mediaProgressBarIndex)({
             index,
@@ -42,7 +22,7 @@ const MediaProgressBarStandaloneComponent = ({ dataTestIdBar = 'bar', dataTestId
         });
         if (newIndex === undefined)
             return;
-        return ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.BarContainerStyled, { ref: props.barRef, "aria-current": newIndex === props.currentBar, "aria-label": (0, mediaProgressBarUtils_1.buildMediaProgessBarAriaLabel)(newIndex, barsNum, props.barAriaLabel), barFocused: newIndex === props.currentBar, clickableBars: props.clickableBars, role: types_1.ROLES.BUTTON, styles: props.styles, tabIndex: 0, onClick: e => props.onBarClick?.(newIndex, e), onKeyDown: e => props.onBarKeyDown?.(newIndex, e), children: (0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.BarStyled, { barFocused: newIndex === props.currentBar, "data-testid": `${dataTestIdBar}-${newIndex}`, styles: props.styles, children: newIndex === props.currentBar && ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.ProgressBarStyled, { ref: props.progressBarRef, barFocused: newIndex === props.currentBar, barProgressDuration: props.barProgressDuration, "data-testid": `${dataTestIdProgressBar}-${newIndex}`, playing: props.playing, styles: props.styles })) }) }, newIndex));
+        return ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.BarContainerStyled, { ref: props.barRef, "aria-current": newIndex === props.currentBar, "aria-label": (0, mediaProgressBarUtils_1.buildMediaProgessBarAriaLabel)(newIndex, barsNum, props.barAriaLabel), barFocused: newIndex === props.currentBar, clickableBars: props.clickableBars, role: role_1.ROLES.BUTTON, styles: props.styles, tabIndex: 0, onClick: e => props.onBarClick?.(newIndex, e), onKeyDown: e => props.onBarKeyDown?.(newIndex, e), children: (0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.BarStyled, { barFocused: newIndex === props.currentBar, "data-testid": `${dataTestIdBar}-${newIndex}`, styles: props.styles, children: newIndex === props.currentBar && ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.ProgressBarStyled, { ref: props.progressBarRef, barFocused: newIndex === props.currentBar, barProgressDuration: props.barProgressDuration, "data-testid": `${dataTestIdProgressBar}-${newIndex}`, playing: props.playing, styles: props.styles })) }) }, newIndex));
     });
     return ((0, jsx_runtime_1.jsx)(mediaProgressBar_styled_1.ParentContainerStyled, { ref: ref, styles: props.styles, children: bars }));
 };
@@ -52,5 +32,5 @@ const MediaProgressBarStandaloneComponent = ({ dataTestIdBar = 'bar', dataTestId
  * @param {React.PropsWithChildren<IMediaProgressBarStandAlone>} props
  * @returns {JSX.Element}
  */
-exports.MediaProgressBarStandalone = React.forwardRef(MediaProgressBarStandaloneComponent);
+exports.MediaProgressBarStandalone = react_1.default.forwardRef(MediaProgressBarStandaloneComponent);
 //# sourceMappingURL=mediaProgressBarStandAlone.js.map

package/dist/cjs/components/mediaProgressBar/mediaProgressBarStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"mediaProgressBarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBarStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,mCAAyC;AACzC,mCAAgC;AAEhC,uEAKmC;AAEnC,yEAGuC;AAEvC,MAAM,mCAAmC,GAAG,CAC1C,EACE,aAAa,GAAG,KAAK,EACrB,qBAAqB,GAAG,cAAc,EACtC,OAAO,EACP,GAAG,KAAK,EACoB,EAC9B,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACxD,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAC;YACrC,KAAK;YACL,OAAO;YACP,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,MAAM;YACN,OAAO,EAAE,KAAK,CAAC,OAAO;SACvB,CAAC,CAAC;QAEH,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO;QACnC,OAAO,CACL,uBAAC,4CAAkB,IAEjB,GAAG,EAAE,KAAK,CAAC,MAAM,kBACH,QAAQ,KAAK,KAAK,CAAC,UAAU,gBAC/B,IAAA,qDAA6B,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,EAChF,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,EACzC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,aAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC7C,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,YAEjD,uBAAC,mCAAS,IACR,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,iBAC5B,GAAG,aAAa,IAAI,QAAQ,EAAE,EAC3C,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,QAAQ,KAAK,KAAK,CAAC,UAAU,IAAI,CAChC,uBAAC,2CAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,cAAc,EACzB,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,EACzC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,iBACjC,GAAG,qBAAqB,IAAI,QAAQ,EAAE,EACnD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,GACS,IA3BP,QAAQ,CA4BM,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,+CAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAClD,IAAI,GACiB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC"}
+{"version":3,"file":"mediaProgressBarStandAlone.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBarStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,0EAAuE;AAEvE,gDAA8C;AAC9C,uEAKmC;AAEnC,yEAGuC;AAEvC,MAAM,mCAAmC,GAAG,CAC1C,EACE,aAAa,GAAG,KAAK,EACrB,qBAAqB,GAAG,cAAc,EACtC,OAAO,EACP,GAAG,KAAK,EACoB,EAC9B,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEhC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACxD,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAC;YACrC,KAAK;YACL,OAAO;YACP,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,MAAM;YACN,OAAO,EAAE,KAAK,CAAC,OAAO;SACvB,CAAC,CAAC;QAEH,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO;QACnC,OAAO,CACL,uBAAC,4CAAkB,IAEjB,GAAG,EAAE,KAAK,CAAC,MAAM,kBACH,QAAQ,KAAK,KAAK,CAAC,UAAU,gBAC/B,IAAA,qDAA6B,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,EAChF,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,EACzC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,YAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC7C,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,YAEjD,uBAAC,mCAAS,IACR,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,iBAC5B,GAAG,aAAa,IAAI,QAAQ,EAAE,EAC3C,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,QAAQ,KAAK,KAAK,CAAC,UAAU,IAAI,CAChC,uBAAC,2CAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,cAAc,EACzB,UAAU,EAAE,QAAQ,KAAK,KAAK,CAAC,UAAU,EACzC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,iBACjC,GAAG,qBAAqB,IAAI,QAAQ,EAAE,EACnD,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,GACS,IA3BP,QAAQ,CA4BM,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,+CAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAClD,IAAI,GACiB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,0BAA0B,GAAG,eAAK,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC"}

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

@@ -1,4 +1,5 @@
-import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { DeviceBreakpointsType } from '../../../types/breakpoints/breakpoints';
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
 import { MediaProgressBarVariantStylesType } from './mediaProgressBarTheme';
 export declare const BUILD_SCREEN_READER_CURRENT_PAGE_KEY = "{{currentBar}}";
 export declare const BUILD_SCREEN_READER_NUM_PAGES_KEY = "{{barsNum}}";