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

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

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IOption, OptionSublabelType } from '../../../components/option';
+import { IText } from '../../../components/text';
+import { UseRoveFocusProps } from '../../../hooks/useRoveFocus/useRoveFocus';
+import { CustomTokenTypes } from '../../../types';
+import { ListOptionsPropsStylesType } from './listOptionsTheme';
+import { ListOptionsType } from './type';
+export type ListOptionsTitleType = Omit<IText<string>, 'children'> & {
+    content?: ReactNode;
+};
+export type ListOptionsOptionType = Omit<IOption<string>, 'children' | 'variant'> & {
+    variant?: string;
+    highlighted?: boolean;
+    value?: string | number;
+    sublabel?: OptionSublabelType;
+};
+export type OptionsContainerAriasType = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby'>;
+export interface IListOptionsStandAlone {
+    optionVariant: string;
+    hightlightedOptionVariant?: string;
+    styles: ListOptionsPropsStylesType;
+    type?: ListOptionsType;
+    optionsContainerArias?: OptionsContainerAriasType;
+    options: ListOptionsOptionType[];
+    caseSensitive?: boolean;
+    charsHighlighted?: string;
+    selectedValue?: string | number | string[] | number[] | null;
+    title?: ListOptionsTitleType;
+    content?: React.ReactNode;
+    onOptionClick?: (value: any, event: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => void;
+    multiSelect?: boolean;
+    checkedIcon?: IElementOrIcon;
+    id?: string;
+    dataTestId?: string;
+    roveFocus?: UseRoveFocusProps;
+}
+export interface IListOptions<V = undefined extends string ? unknown : string> extends Omit<IListOptionsStandAlone, 'styles'>, Omit<CustomTokenTypes<ListOptionsPropsStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}

package/dist/cjs/components/listOptions/types/listOptionsTheme.d.ts

@@ -0,0 +1,10 @@
+import { CommonStyleType, TypographyTypes } from '../../../types';
+export type ListOptionsPropsStylesType = {
+    parentContainer?: CommonStyleType;
+    titleContainer?: CommonStyleType;
+    title?: TypographyTypes;
+    optionsContainer?: CommonStyleType;
+};
+export type ListOptionsStylesType<P extends string | number | symbol> = {
+    [key in P]?: ListOptionsPropsStylesType;
+};

package/dist/cjs/components/listOptions/types/type.d.ts

@@ -0,0 +1,4 @@
+export declare enum ListOptionsType {
+    SELECTION = "SELECTION",
+    NAVIGATION = "NAVIGATION"
+}

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

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

package/dist/cjs/components/listOptions/utils/listOptions.utils.d.ts

@@ -0,0 +1,5 @@
+import { ListOptionsOptionType } from '../types';
+export declare const isSelected: (option: ListOptionsOptionType, selectedValue?: string | number | (string | number)[] | null, isMultiSelect?: boolean, caseSensitive?: boolean) => boolean;
+export declare const getOptionVariant: (highlighted: boolean | undefined, hightlightedOptionVariant: string | undefined, optionVariant: string) => string;
+export declare const keyUpMove: (prevFocus: number) => number;
+export declare const keyDownMove: (options: ListOptionsOptionType[]) => (prevFocus: number) => number;

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

@@ -0,0 +1,2 @@
+export type { LoaderStylesType, ILoaderStyled, ILoaderStandAlone, ILoader } from './types';
+export { Loader } from './loader';

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ILoader } from './types';
+export declare const LoaderComponent: React.ForwardRefExoticComponent<ILoader<unknown> & React.RefAttributes<HTMLSpanElement>>;
+declare const LoaderBoundary: <V extends string | unknown>(props: ILoader<V>, ref: React.ForwardedRef<HTMLSpanElement> | undefined | null) => JSX.Element;
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release. Consider using an alternative component.
+ *
+ * Loader component is used to show a loading state.
+ * @param {React.PropsWithChildren<ILoader<V>>} props
+ * @returns {JSX.Element}
+ * @constructor
+ * @example
+ * <Loader variant="loader" />
+ */
+declare const Loader: <V extends string | unknown>(props: React.PropsWithChildren<ILoader<V>> & {
+    ref?: React.ForwardedRef<HTMLSpanElement> | undefined | null;
+}) => ReturnType<typeof LoaderBoundary>;
+export { Loader };

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

@@ -0,0 +1,3 @@
+import { ILoaderStyled } from './types';
+export declare const LoaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ILoaderStyled>> & string;
+export declare const LoaderWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ILoaderStyled>> & string;

package/dist/cjs/components/loader/loaderStandAlone.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ILoaderStandAlone } from './types';
+/**
+ * @description
+ * Loader component is used to show a loading state.
+ * @param {React.PropsWithChildren<ILoaderStandAlone>} props
+ * @returns {JSX.Element}
+ * @constructor
+ * @example
+ * <LoaderStandalone />
+ * <LoaderStandalone width="100px" />
+ */
+export declare const LoaderStandalone: React.ForwardRefExoticComponent<ILoaderStandAlone & React.RefAttributes<HTMLSpanElement>>;

package/dist/cjs/components/loader/loaderStandAlone.js

@@ -30,8 +30,8 @@ const index_1 = require("../../types/index");
 const screenReaderOnly_1 = require("../screenReaderOnly");
 // styles
 const loader_styled_1 = require("./loader.styled");
-const LoaderStandaloneComponent = ({ dataTestId = 'loaderStandaloneTestId', ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(loader_styled_1.LoaderWrapperStyled, { role: index_1.ROLES.STATUS, styles: props.styles, children: props.visible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(loader_styled_1.LoaderStyled, { ref: ref, "$width": props.width, "data-testid": dataTestId, position: props.position, styles: props.styles }), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { dataTestId: `${dataTestId}ScreenReader`, children: props.altText })] })) }));
+const LoaderStandaloneComponent = ({ dataTestId = 'loader', ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(loader_styled_1.LoaderWrapperStyled, { role: index_1.ROLES.STATUS, styles: props.styles, children: props.visible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(loader_styled_1.LoaderStyled, { ref: ref, "$width": props.width, "data-testid": dataTestId, position: props.position, styles: props.styles }), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: props.altText })] })) }));
 };
 /**
  * @description

package/dist/cjs/components/loader/loaderStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"loaderStandAlone.js","sourceRoot":"","sources":["../../../../src/components/loader/loaderStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,yCAAsC;AAEtC,0DAAuD;AACvD,SAAS;AACT,mDAAoE;AAGpE,MAAM,yBAAyB,GAAG,CAChC,EAAE,UAAU,GAAG,wBAAwB,EAAE,GAAG,KAAK,EAAqB,EACtE,GAA2D,EAC9C,EAAE;IACf,OAAO,CACL,uBAAC,mCAAmB,IAAC,IAAI,EAAE,aAAK,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC1D,KAAK,CAAC,OAAO,IAAI,CAChB,6DACE,uBAAC,4BAAY,IACX,GAAG,EAAE,GAAG,YACA,KAAK,CAAC,KAAK,iBACN,UAAU,EACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,uBAAC,mCAAgB,IAAC,UAAU,EAAE,GAAG,UAAU,cAAc,YACtD,KAAK,CAAC,OAAO,GACG,IAClB,CACJ,GACmB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}
+{"version":3,"file":"loaderStandAlone.js","sourceRoot":"","sources":["../../../../src/components/loader/loaderStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,yCAAsC;AAEtC,0DAAuD;AACvD,SAAS;AACT,mDAAoE;AAGpE,MAAM,yBAAyB,GAAG,CAChC,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAqB,EACtD,GAA2D,EAC9C,EAAE;IACf,OAAO,CACL,uBAAC,mCAAmB,IAAC,IAAI,EAAE,aAAK,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC1D,KAAK,CAAC,OAAO,IAAI,CAChB,6DACE,uBAAC,4BAAY,IACX,GAAG,EAAE,GAAG,YACA,KAAK,CAAC,KAAK,iBACN,UAAU,EACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,uBAAC,mCAAgB,cAAE,KAAK,CAAC,OAAO,GAAoB,IACnD,CACJ,GACmB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { ILoaderStyled, ILoaderStandAlone, ILoader } from './loader';
+export * from './loaderTheme';

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

@@ -0,0 +1,34 @@
+import { LoaderStylesPropsType } from './loaderTheme';
+/**
+ * @description
+ * interface for the loader
+ * @interface ILoaderStyled
+ */
+export interface ILoaderStyled {
+    $width?: string;
+    styles: LoaderStylesPropsType;
+    position?: string;
+}
+type LoaderAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby'>;
+/**
+ * @description
+ * interface for the loader
+ * @interface ILoaderStandAlone
+ */
+export interface ILoaderStandAlone extends LoaderAriaAttributes {
+    width?: string;
+    styles: LoaderStylesPropsType;
+    dataTestId?: string;
+    altText?: string;
+    position?: string;
+    visible?: boolean;
+}
+/**
+ * @description
+ * interface for the loader
+ * @interface ILoader
+ */
+export interface ILoader<V = undefined extends string ? unknown : string> extends Omit<ILoaderStandAlone, 'styles'> {
+    variant: V;
+}
+export {};

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

@@ -0,0 +1,21 @@
+import { CSSProp } from 'styled-components';
+import { CommonStyleType } from '../../../types/index';
+/**
+ * @description
+ * interface for the loader
+ * @interface LoaderStylesPropsType
+ */
+export type LoaderStylesPropsType = {
+    parentContainer?: CommonStyleType;
+    container?: CommonStyleType;
+    animation: CSSProp;
+};
+/**
+ * @description
+ * interface for the loader
+ * @interface ILoaderStyled
+ * @template P
+ */
+export type LoaderStylesType<P extends string | number | symbol> = {
+    [key in P]?: LoaderStylesPropsType;
+};

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

@@ -0,0 +1,4 @@
+export type { ILoadingStateStandAlone, ILoadingState, LoadingStateGlobalStateStylesType, LoadingStateVariableStatesType, LoadingStateStylesType, LoadingStateStateStylesType, } from './types';
+export { LoadingStateState } from './types';
+export { LoadingState } from './loadingState';
+export { LoadingStateStyled } from './loadingState.styled';

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ILoadingState } from './types';
+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.
+ */
+declare const LoadingState: <V extends string | unknown>(props: React.PropsWithChildren<ILoadingState<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof LoadinfStateBoundary>;
+export { LoadingState };

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

@@ -0,0 +1,8 @@
+import { LoadingStateGlobalStateStylesType } from './types';
+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;
+}>> & string;
+export declare const DescriptionWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    styles: LoadingStateGlobalStateStylesType;
+}>> & string;

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

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

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

@@ -31,12 +31,12 @@ const text_1 = require("../../components/text/text");
 const component_1 = require("../../components/text/types/component");
 const thirdPartyAnimation_1 = require("../../components/thirdPartyAnimation");
 const loadingState_styled_1 = require("./loadingState.styled");
-const LoadingStateStandAloneComponent = ({ description, hideText = false, styles, title, screenReaderText, state, dataTestId, ...props }, ref) => {
+const LoadingStateStandAloneComponent = ({ description, hideText = false, styles, title, screenReaderText, state, dataTestId = 'loading-state', ...props }, ref) => {
     const stateStyles = styles.states?.[state];
     const hasTitle = title && !hideText;
-    return ((0, jsx_runtime_1.jsxs)(loadingState_styled_1.LoadingStateStyled, { ref: ref, children: [stateStyles?.thirdPartyAnimation?.height &&
+    return ((0, jsx_runtime_1.jsxs)(loadingState_styled_1.LoadingStateStyled, { ref: ref, "data-testid": dataTestId, children: [stateStyles?.thirdPartyAnimation?.height &&
                 stateStyles?.thirdPartyAnimation?.variant &&
-                stateStyles?.thirdPartyAnimation?.width && ((0, jsx_runtime_1.jsx)(thirdPartyAnimation_1.ThirdPartyAnimation, { "aria-label": props['aria-label'], dataTestId: `${dataTestId}Animation`, 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, dataTestId: `${dataTestId}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, dataTestId: `${dataTestId}Description`, ...description, children: description.content }) })), (0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { dataTestId: `${dataTestId}ScreenReader`, show: !hasTitle, children: screenReaderText })] }));
+                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);
 //# 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,EACV,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,aACzB,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,UAAU,EAAE,GAAG,UAAU,WAAW,EACpC,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,EAAE,UAAU,EAAE,GAAG,UAAU,OAAO,KAAM,KAAK,YAC9E,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,EACpC,UAAU,EAAE,GAAG,UAAU,aAAa,KAClC,WAAW,YAEd,WAAW,CAAC,OAAO,GACf,GACkB,CAC5B,EACD,uBAAC,mCAAgB,IAAC,UAAU,EAAE,GAAG,UAAU,cAAc,EAAE,IAAI,EAAE,CAAC,QAAQ,YACvE,gBAAgB,GACA,IACA,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,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"}

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

@@ -0,0 +1,3 @@
+export type { ILoadingStateStandAlone, ILoadingState } from './loadingState';
+export type { LoadingStateGlobalStateStylesType, LoadingStateStateStylesType, LoadingStateVariableStatesType, LoadingStateStylesType, } from './loadingStateTheme';
+export { LoadingStateState } from './loadingStateTheme';

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

@@ -0,0 +1,19 @@
+import { IText } from '../../../components/text';
+import { CustomTokenTypes } from '../../../types';
+import { LoadingStateGlobalStateStylesType, LoadingStateState } from './loadingStateTheme';
+export type LoadingStateTitleAndDescriptionType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+export interface ILoadingStateStandAlone {
+    ['aria-label']: string;
+    styles: LoadingStateGlobalStateStylesType;
+    title?: LoadingStateTitleAndDescriptionType;
+    description?: LoadingStateTitleAndDescriptionType;
+    hideText?: boolean;
+    screenReaderText?: string;
+    state: LoadingStateState;
+    dataTestId?: string;
+}
+export interface ILoadingState<V = undefined extends string ? unknown : string> extends Omit<ILoadingStateStandAlone, 'styles'>, Omit<CustomTokenTypes<LoadingStateGlobalStateStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+}

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

@@ -0,0 +1,31 @@
+import { CommonStyleType, TypographyTypes } from '../../../types';
+export declare enum LoadingStateState {
+    PRIMARY = "PRIMARY",
+    PRIMARY_ALTERNATIVE = "PRIMARY_ALTERNATIVE",
+    SECONDARY = "SECONDARY",
+    LOGO_WITH_CONTAINER = "LOGO_WITH_CONTAINER",
+    LOGO = "LOGO",
+    SPINNER_BLUE = "SPINNER_BLUE",
+    SPINNER_WHITE = "SPINNER_WHITE",
+    FOR_BUTTONS = "FOR_BUTTONS"
+}
+export type LoadingStateGlobalStateStylesType = {
+    titleContainer?: CommonStyleType;
+    title?: TypographyTypes;
+    descriptionContainer?: CommonStyleType;
+    description?: TypographyTypes;
+    states?: LoadingStateVariableStatesType;
+};
+export type LoadingStateStateStylesType = {
+    thirdPartyAnimation?: {
+        variant?: string;
+        height?: string;
+        width?: string;
+    };
+};
+export type LoadingStateVariableStatesType = {
+    [key in LoadingStateState]?: LoadingStateStateStylesType;
+};
+export type LoadingStateStylesType<P extends string | number | symbol> = {
+    [key in P]: LoadingStateGlobalStateStylesType;
+};

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

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

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

@@ -0,0 +1,16 @@
+import * as 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>> & {
+    ref?: React.ForwardedRef<HTMLButtonElement> | null;
+}) => ReturnType<typeof MediaButtonBoundary>;
+/**
+ * @description
+ * MediaButton component is used to show a button with an icon.
+ * @param {React.PropsWithChildren<IMediaButton<V>>} props
+ * @returns {JSX.Element}
+ * @constructor
+ * @example
+ * <MediaButton variant="mediaButton" iconAltText="iconAltText" iconToTransitionAltText="iconToTransitionAltText" iconToTransition={true} />
+ */
+export { MediaButton };

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

@@ -0,0 +1,11 @@
+import { MediaButtonVariantStylesType } from './types';
+type MediaButtonStylesType = {
+    styles?: MediaButtonVariantStylesType;
+    hasBackground?: boolean;
+    twistedIcon?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+};
+export declare const ContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, MediaButtonStylesType>> & string;
+export declare const ButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, MediaButtonStylesType>> & string;
+export {};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IMediaButtonStandAlone } from './types/mediaButton';
+/**
+ * @description
+ * MediaButton component is used to show a button with an icon.
+ * @param {React.PropsWithChildren<IMediaButtonStandAlone>} props
+ * @returns {JSX.Element}
+ */
+export declare const MediaButtonStandalone: React.ForwardRefExoticComponent<IMediaButtonStandAlone & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,3 @@
+export * from './mediaButton';
+export * from './mediaButtonTheme';
+export * from './sizes';

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

@@ -0,0 +1,27 @@
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { ILoader } from '../../../components/loader/types';
+import { CustomTokenTypes } from '../../../types';
+import { MediaButtonVariantStateStylesType, MediaButtonVariantStylesType } from './mediaButtonTheme';
+import { MediaButtonSizeType } from './sizes';
+export type MediaButtonLoader = Omit<ILoader, 'variant'> & {
+    variant?: string;
+};
+export interface IMediaButtonStandAlone {
+    styles?: MediaButtonVariantStylesType;
+    icon: IElementOrIcon;
+    twistedIcon?: IElementOrIcon;
+    twisted?: boolean;
+    loader?: MediaButtonLoader;
+    hasBackground?: boolean;
+    disabled?: boolean;
+    tabIndex?: number;
+    loading?: boolean;
+    ['aria-hidden']?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+type propsToOmit = 'styles';
+export interface IMediaButton<V = undefined extends string ? unknown : string> extends Omit<IMediaButtonStandAlone, propsToOmit>, Omit<CustomTokenTypes<MediaButtonVariantStateStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    size: MediaButtonSizeType;
+}
+export {};

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

@@ -0,0 +1,32 @@
+import { CommonStyleType, IconTypes } from '../../../types';
+import { MediaButtonSizeType } from './sizes';
+export type MediaButtonVariantStylesType = {
+    altVariant?: boolean;
+    container?: CommonStyleType;
+    buttonContainer?: CommonStyleType;
+    icon?: IconTypes & {
+        disabled?: IconTypes;
+    };
+    iconToTransition?: IconTypes;
+    loader?: {
+        variant: string;
+    };
+};
+export type MediaButtonVariantStateStylesType = {
+    [key in MediaButtonSizeType]?: MediaButtonVariantStylesType;
+};
+/**
+ * @description
+ * MediaButton styles type
+ * @interface MediaButtonStylesType
+ * @property {boolean} altVariant - Alternative variant of the media button.
+ * @property {CommonStyleType} container - Container of the media button.
+ * @property {IconTypes} icon - Icon of the media button.
+ * @property {IconTypes} iconToTransition - Icon to transition of the media button.
+ * @property {LoaderVariantType} loader.variant - Loader variant of the media button.
+ * @example
+ * <Button variant={ButtonVariantType.PRIMARY} size={ButtonSizeType.SMALL} />
+ */
+export type MediaButtonStylesType<P extends string | number | symbol> = {
+    [key in P]: MediaButtonVariantStateStylesType;
+};

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

@@ -0,0 +1,10 @@
+/**
+ * @name MediaButtonSizeType
+ * @description
+ * MediaButton size type
+ */
+export declare enum MediaButtonSizeType {
+    LARGE = "LARGE",
+    SMALL = "SMALL",
+    EXTRA_LARGE = "EXTRA_LARGE"
+}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+interface IUseMediaProgressBar {
+    playingExternal: boolean;
+    circular: boolean;
+    currentBar: number;
+    barsNum: number;
+    onBarChange?: (indexBar: number, event?: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onFinish?: (playingInternal: boolean) => void;
+    onBarClick?: (index: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    onBarKeyDown?: (index: number, event: React.KeyboardEvent<HTMLDivElement>) => void;
+}
+type useMediaProgressBarReturnType = {
+    playing: boolean;
+    barRef: React.RefObject<HTMLDivElement>;
+    progressBarRef: React.RefObject<HTMLDivElement>;
+    handleBarEnd: () => void;
+    handleClickBar: (index: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    handleKeyDownBar: (index: number, event: React.KeyboardEvent<HTMLDivElement>) => void;
+};
+export declare const useMediaProgressBar: ({ playingExternal, circular, currentBar, barsNum, onBarChange, onFinish, onBarClick, onBarKeyDown, }: IUseMediaProgressBar) => useMediaProgressBarReturnType;
+export {};

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

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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IMediaProgressBar } from './types';
+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;
+}) => ReturnType<typeof MediaProgressBarBoundary>;
+/**
+ * @description
+ * MediaProgressBar component is used to show a progress bar.
+ * @param {React.PropsWithChildren<IMediaProgressBar<V>>} props
+ * @returns {JSX.Element}
+ * @constructor
+ * @example
+ * <MediaProgressBar variant="mediaProgressBar" />
+ */
+export { MediaProgressBar };

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

@@ -0,0 +1,13 @@
+import { MediaProgressBarVariantStylesType } from './types';
+type MediaProgressBarStylesType = {
+    styles: MediaProgressBarVariantStylesType;
+    playing?: boolean;
+    barFocused?: boolean;
+    clickableBars?: boolean;
+    barProgressDuration?: number;
+};
+export declare const ParentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>> & string;
+export declare const BarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>> & string;
+export declare const BarContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>> & string;
+export declare const ProgressBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>> & string;
+export {};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IMediaProgressBarStandAlone } from './types';
+/**
+ * @description
+ * MediaProgressBar component is used to show a progress bar.
+ * @param {React.PropsWithChildren<IMediaProgressBarStandAlone>} props
+ * @returns {JSX.Element}
+ */
+export declare const MediaProgressBarStandalone: React.ForwardRefExoticComponent<IMediaProgressBarStandAlone & React.RefAttributes<HTMLDivElement>>;

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

@@ -30,7 +30,7 @@ const hooks_1 = require("../../hooks");
 const types_1 = require("../../types");
 const mediaProgressBar_styled_1 = require("./mediaProgressBar.styled");
 const mediaProgressBarUtils_1 = require("./utils/mediaProgressBarUtils");
-const MediaProgressBarStandaloneComponent = ({ barsNum, ...props }, ref) => {
+const MediaProgressBarStandaloneComponent = ({ dataTestIdBar = 'bar', dataTestIdProgressBar = 'progress-bar', barsNum, ...props }, ref) => {
     const device = (0, hooks_1.useMediaDevice)();
     const bars = Array.from({ length: barsNum }, (_, index) => {
         const newIndex = (0, mediaProgressBarUtils_1.mediaProgressBarIndex)({
@@ -42,7 +42,7 @@ const MediaProgressBarStandaloneComponent = ({ barsNum, ...props }, ref) => {
         });
         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": `${props.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": `${props.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: 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.ParentContainerStyled, { ref: ref, styles: props.styles, children: bars }));
 };

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,EAAE,OAAO,EAAE,GAAG,KAAK,EAA+B,EAClD,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,KAAK,CAAC,aAAa,IAAI,QAAQ,EAAE,EACjD,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,KAAK,CAAC,qBAAqB,IAAI,QAAQ,EAAE,EACzD,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,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"}

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

@@ -0,0 +1,2 @@
+export * from './mediaProgressBarTheme';
+export * from './mediaProgressBar';

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

@@ -0,0 +1,33 @@
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { MediaProgressBarVariantStylesType } from './mediaProgressBarTheme';
+export declare const BUILD_SCREEN_READER_CURRENT_PAGE_KEY = "{{currentBar}}";
+export declare const BUILD_SCREEN_READER_NUM_PAGES_KEY = "{{barsNum}}";
+export interface IMediaProgressBarStandAlone {
+    styles: MediaProgressBarVariantStylesType;
+    barsNum: number;
+    barAriaLabel?: string;
+    barProgressDuration: number;
+    dataTestIdBar?: string;
+    dataTestIdProgressBar?: string;
+    currentBar: number;
+    barRef: React.RefObject<HTMLDivElement>;
+    progressBarRef: React.RefObject<HTMLDivElement>;
+    playing: boolean;
+    clickableBars?: boolean;
+    onBarClick?: (index: number, event: React.MouseEvent<HTMLDivElement>) => void;
+    onBarKeyDown?: (index: number, event: React.KeyboardEvent<HTMLDivElement>) => void;
+    maxBars?: {
+        default: number;
+    } & {
+        [device in DeviceBreakpointsType]?: number;
+    };
+}
+export interface IMediaProgressBar<V = undefined extends string ? unknown : string> extends Omit<IMediaProgressBarStandAlone, 'styles' | 'handleBarEnd' | 'barRef' | 'progressBarRef' | 'playing' | 'currentBar' | 'barsNum'>, Omit<CustomTokenTypes<MediaProgressBarVariantStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    onBarChange?: (indexBar: number, event?: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    playingExternal?: boolean;
+    currentBar?: number;
+    barsNum?: number;
+    onFinish?: (playingExternal: boolean) => void;
+    circular?: boolean;
+}

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

@@ -0,0 +1,25 @@
+import { CommonStyleType } from '../../../types';
+/**
+ * @description
+ * interface for the loader
+ * @interface LoaderStylesPropsType
+ */
+export type MediaProgressBarVariantStylesType = {
+    container?: CommonStyleType;
+    barContainer?: CommonStyleType & {
+        filled?: CommonStyleType;
+    };
+    bar?: CommonStyleType & {
+        filled?: CommonStyleType;
+    };
+    progressBar?: CommonStyleType;
+    bullet?: CommonStyleType;
+};
+/**
+ * @description
+ * interface for the loader
+ * @interface ILoaderStyled
+ */
+export type MediaProgressBarStylesType<P extends string | number | symbol> = {
+    [variant in P]: MediaProgressBarVariantStylesType;
+};