@kubit-ui-web/react-components 1.17.0 → 1.17.2

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingStateState = void 0;
-// enums
-var loadingStateTheme_1 = require("./loadingStateTheme");
-Object.defineProperty(exports, "LoadingStateState", { enumerable: true, get: function () { return loadingStateTheme_1.LoadingStateState; } });
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/loadingState/types/index.ts"],"names":[],"mappings":";;;AAQA,QAAQ;AACR,yDAAwD;AAA/C,sHAAA,iBAAiB,OAAA"}

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

@@ -1,19 +0,0 @@
-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;
-};
-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/loadingState.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=loadingState.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"loadingState.js","sourceRoot":"","sources":["../../../../../src/components/loadingState/types/loadingState.ts"],"names":[],"mappings":""}

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

@@ -1,32 +0,0 @@
-import { CommonStyleType } from '../../../types/styles/commonStyle';
-import { TypographyTypes } from '../../../types/styles/typography';
-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/loadingState/types/loadingStateTheme.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingStateState = void 0;
-var LoadingStateState;
-(function (LoadingStateState) {
-    LoadingStateState["PRIMARY"] = "PRIMARY";
-    LoadingStateState["PRIMARY_ALTERNATIVE"] = "PRIMARY_ALTERNATIVE";
-    LoadingStateState["SECONDARY"] = "SECONDARY";
-    LoadingStateState["LOGO_WITH_CONTAINER"] = "LOGO_WITH_CONTAINER";
-    LoadingStateState["LOGO"] = "LOGO";
-    LoadingStateState["SPINNER_BLUE"] = "SPINNER_BLUE";
-    LoadingStateState["SPINNER_WHITE"] = "SPINNER_WHITE";
-    LoadingStateState["FOR_BUTTONS"] = "FOR_BUTTONS";
-})(LoadingStateState || (exports.LoadingStateState = LoadingStateState = {}));
-//# sourceMappingURL=loadingStateTheme.js.map

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

@@ -1 +0,0 @@
-{"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/index.d.ts

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/mediaButton/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA"}

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

@@ -1,16 +0,0 @@
-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>> & {
-    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.js

@@ -1,23 +0,0 @@
-"use strict";
-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_1 = __importDefault(require("react"));
-const stylesName_1 = require("../../constants/stylesName/stylesName");
-const useStyles_1 = require("../../hooks/useStyles/useStyles");
-const errorBoundary_1 = require("../../provider/errorBoundary/errorBoundary");
-const fallbackComponent_1 = require("../../provider/errorBoundary/fallbackComponent");
-const mediaButtonStandAlone_1 = require("./mediaButtonStandAlone");
-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)(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 +0,0 @@
-{"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,11 +0,0 @@
-import { MediaButtonVariantStylesType } from './types/mediaButtonTheme';
-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/mediaButton.styled.js

@@ -1,66 +0,0 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonStyled = exports.ContainerStyled = void 0;
-const styled_components_1 = __importStar(require("styled-components"));
-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 &&
-    (0, styled_components_1.css) `
-      background-color: transparent;
-    `}
-  ${({ twistedIcon }) => !twistedIcon &&
-    (0, styled_components_1.css) `
-      align-items: center;
-      justify-content: center;
-    `}
-  ${({ loading }) => loading &&
-    (0, styled_components_1.css) `
-      cursor: default;
-      width: fit-content;
-      height: fit-content;
-    `} 
-  &:disabled {
-    cursor: default;
-  }
-`;
-exports.ButtonStyled = styled_components_1.default.span `
-  ${props => (0, getStyles_1.getStyles)(props.styles?.buttonContainer)}
-  ${props => props.styles?.altVariant && (0, focusAlt_mixin_1.focusVisibleAlt)()}
-`;
-//# sourceMappingURL=mediaButton.styled.js.map

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

@@ -1 +0,0 @@
-{"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,9 +0,0 @@
-import 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/mediaButtonStandAlone.js

@@ -1,47 +0,0 @@
-"use strict";
-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_1 = __importDefault(require("react"));
-const type_1 = require("../button/types/type");
-//components
-const elementOrIcon_1 = require("../elementOrIcon/elementOrIcon");
-const loader_1 = require("../loader/loader");
-// styles
-const mediaButton_styled_1 = require("./mediaButton.styled");
-//constants
-const TRANSITION_DURATION = '0.4s';
-const FIRST_ICON_TWISTED_TRANSFORM_VALUE = 'rotateY(180deg) rotateZ(90deg)';
-const FIRST_ICON_NOT_TWISTED_TRANSFORM_VALUE = 'rotateY(0deg) rotateZ(0deg)';
-const SECOND_ICON_NOT_TWISTED_TRANSFORM_VALUE = 'rotateY(0deg) rotateZ(0deg)';
-const SECOND_ICON_TWISTED_TRANSFORM_VALUE = 'rotateY(-180deg) rotateZ(-90deg)';
-const MediaButtonStandaloneComponent = (props, ref) => {
-    const iconSize = props.styles?.buttonContainer?.width;
-    const iconColor = props.disabled
-        ? props.styles?.icon?.disabled?.color
-        : props.styles?.icon?.color;
-    const { ['aria-label']: iconAriaLabel, altText: iconAltText, ...icon } = props.icon;
-    const { ['aria-label']: twistedIconAriaLabel, altText: twistedIconAltText, ...twistedIcon } = props.twistedIcon ?? {};
-    const ariaLabel = props.twisted
-        ? (twistedIconAriaLabel ?? twistedIconAltText)
-        : (iconAriaLabel ?? iconAltText);
-    // When 'twisted' changes, We turn around the icon combined with the css property backface-visibility=hidden in the file icon.styled.ts
-    const iconTwistAnimationTransformValue = props.twisted
-        ? FIRST_ICON_TWISTED_TRANSFORM_VALUE
-        : FIRST_ICON_NOT_TWISTED_TRANSFORM_VALUE;
-    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: 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
- * MediaButton component is used to show a button with an icon.
- * @param {React.PropsWithChildren<IMediaButtonStandAlone>} props
- * @returns {JSX.Element}
- */
-exports.MediaButtonStandalone = react_1.default.forwardRef(MediaButtonStandaloneComponent);
-//# sourceMappingURL=mediaButtonStandAlone.js.map

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/mediaButton/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,qDAAmC;AACnC,0CAAwB"}

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

@@ -1,27 +0,0 @@
-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'> & {
-    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/mediaButton.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=mediaButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mediaButton.js","sourceRoot":"","sources":["../../../../../src/components/mediaButton/types/mediaButton.ts"],"names":[],"mappings":""}

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

@@ -1,33 +0,0 @@
-import { CommonStyleType } from '../../../types/styles/commonStyle';
-import { IconTypes } from '../../../types/styles/icon';
-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/mediaButtonTheme.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=mediaButtonTheme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mediaButtonTheme.js","sourceRoot":"","sources":["../../../../../src/components/mediaButton/types/mediaButtonTheme.ts"],"names":[],"mappings":""}

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

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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaButtonSizeType = void 0;
-/**
- * @name MediaButtonSizeType
- * @description
- * MediaButton size type
- */
-var MediaButtonSizeType;
-(function (MediaButtonSizeType) {
-    MediaButtonSizeType["LARGE"] = "LARGE";
-    MediaButtonSizeType["SMALL"] = "SMALL";
-    MediaButtonSizeType["EXTRA_LARGE"] = "EXTRA_LARGE";
-})(MediaButtonSizeType || (exports.MediaButtonSizeType = MediaButtonSizeType = {}));
-//# sourceMappingURL=sizes.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../../src/components/mediaButton/types/sizes.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACH,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,kDAA+B,CAAA;AACjC,CAAC,EAJW,mBAAmB,mCAAnB,mBAAmB,QAI9B"}

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

@@ -1,21 +0,0 @@
-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/hooks/useMediaProgressBar.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaProgressBar = void 0;
-const react_1 = require("react");
-const keyboard_utility_1 = require("../../../utils/keyboard/keyboard.utility");
-const useMediaProgressBar = ({ playingExternal, circular, currentBar, barsNum, onBarChange, onFinish, onBarClick, onBarKeyDown, }) => {
-    //playing prop is managed between the user and the component itself
-    const [playing, setplaying] = (0, react_1.useState)(playingExternal);
-    const barRef = (0, react_1.useRef)(null);
-    const progressBarRef = (0, react_1.useRef)(null);
-    //We are checking if user has changed "playing" prop
-    (0, react_1.useEffect)(() => {
-        setplaying(playingExternal);
-    }, [playingExternal]);
-    //function called when a bar ends
-    const handleBarEnd = (0, react_1.useCallback)(() => {
-        if (circular || currentBar !== barsNum - 1) {
-            onBarChange?.(currentBar + 1);
-        }
-        else {
-            //If it is the last one
-            const playingFinal = false;
-            setplaying(playingFinal);
-            onFinish?.(playingFinal);
-        }
-    }, [currentBar, barsNum, onBarChange]);
-    const handleClickBar = (index, event) => {
-        onBarChange?.(index, event);
-        onBarClick?.(index, event);
-    };
-    const handleKeyDownBar = (index, event) => {
-        if ((0, keyboard_utility_1.isKeySpacePressed)(event.key) || (0, keyboard_utility_1.isKeyEnterPressed)(event.key)) {
-            event.preventDefault();
-            onBarChange?.(index, event);
-            onBarKeyDown?.(index, event);
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        //Call handleBarEnd when animation ends
-        if (progressBarRef.current && playing) {
-            progressBarRef.current.addEventListener('animationend', handleBarEnd);
-        }
-        return () => {
-            progressBarRef.current?.removeEventListener('animationend', handleBarEnd);
-        };
-    }, [playing, handleBarEnd]);
-    return {
-        playing,
-        barRef,
-        progressBarRef,
-        handleBarEnd,
-        handleClickBar,
-        handleKeyDownBar,
-    };
-};
-exports.useMediaProgressBar = useMediaProgressBar;
-//# sourceMappingURL=useMediaProgressBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useMediaProgressBar.js","sourceRoot":"","sources":["../../../../../src/components/mediaProgressBar/hooks/useMediaProgressBar.ts"],"names":[],"mappings":";;;AAAA,iCAAwE;AAExE,wEAAyF;AAyBlF,MAAM,mBAAmB,GAAG,CAAC,EAClC,eAAe,EACf,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,YAAY,GACS,EAAiC,EAAE;IACxD,mEAAmE;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,eAAe,CAAC,CAAC;IAEjE,MAAM,MAAM,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEpD,oDAAoD;IACpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,iCAAiC;IACjC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,IAAI,QAAQ,IAAI,UAAU,KAAK,OAAO,GAAG,CAAC,EAAE,CAAC;YAC3C,WAAW,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,uBAAuB;YACvB,MAAM,YAAY,GAAG,KAAK,CAAC;YAC3B,UAAU,CAAC,YAAY,CAAC,CAAC;YACzB,QAAQ,EAAE,CAAC,YAAY,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,KAAuC,EAAQ,EAAE;QACtF,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC5B,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,KAA0C,EAAQ,EAAE;QAC3F,IAAI,IAAA,oCAAiB,EAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAA,oCAAiB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACjE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,uCAAuC;QACvC,IAAI,cAAc,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACtC,cAAc,CAAC,OAAO,CAAC,gBAAgB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;QACxE,CAAC;QACD,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,OAAO,EAAE,mBAAmB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;QAC5E,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,OAAO;QACL,OAAO;QACP,MAAM;QACN,cAAc;QACd,YAAY;QACZ,cAAc;QACd,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,mBAAmB,uBAgE9B"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AAEzB,OAAO;AACP,0CAAwB"}

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

@@ -1,16 +0,0 @@
-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;
-}) => 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 };