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

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

@@ -0,0 +1,45 @@
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
+import { IElementOrIcon } from '../../elementOrIcon/types/elementOrIcon';
+import { IText } from '../../text/types/text';
+import { ChipPropsStateStylesType, ChipPropsStylesType } from './chipTheme';
+import type { ChipStateType } from './state';
+export type ChipLabelType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+export type ChipTextType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+/**
+ * @description
+ * interface for the checkbox error standAlone
+ * @interface IChipErrorStandAlone
+ * @extends {IInputComponent}
+ */
+export interface IChipStandAlone {
+    styles?: ChipPropsStylesType;
+    label?: ChipLabelType;
+    closeIcon?: IElementOrIcon;
+    leftIcon?: IElementOrIcon;
+    errorIcon?: IElementOrIcon;
+    dataTestId?: string;
+    range?: {
+        label: string;
+        key?: string;
+    }[];
+    rangeIcon?: IElementOrIcon;
+    errorMessage?: ChipTextType;
+    rangeSeparator?: ChipTextType;
+    deleteText?: string;
+    state: ChipStateType;
+}
+/**
+ * @description
+ * interface for the controlled checkbox
+ * @template V
+ * @interface ICheckboxControlled
+ * @extends {Omit<ICheckboxStandAlone, 'styles' | 'state'>}
+ */
+export interface IChipControlled<V = undefined extends string ? unknown : string> extends Omit<IChipStandAlone, 'state' | 'styles'>, Omit<CustomTokenTypes<ChipPropsStateStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    state?: ChipStateType;
+}

package/dist/cjs/components/chip/types/chipTheme.d.ts

@@ -0,0 +1,33 @@
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+import { IconTypes } from '../../../types/styles/icon';
+import { TypographyTypes } from '../../../types/styles/typography';
+import { ChipStateType } from './state';
+/**
+ * @description
+ * interface for the checkbox error standAlone
+ * @interface IChipErrorStandAlone
+ */
+export type ChipPropsStylesType = {
+    chipContainer?: CommonStyleType;
+    leftIcon?: IconTypes;
+    label?: TypographyTypes;
+    rangeItemWrapper?: CommonStyleType;
+    rangeItemText?: TypographyTypes;
+    rangeItemSeparator?: TypographyTypes;
+    rangeIcon?: IconTypes;
+    closeIcon?: IconTypes;
+    errorContainer?: CommonStyleType;
+    errorMessage?: TypographyTypes;
+    errorIcon?: IconTypes;
+};
+export type ChipPropsStateStylesType = {
+    [state in ChipStateType]?: ChipPropsStylesType;
+};
+/**
+ * @description
+ * interface for the checkbox error standAlone
+ * @interface IChipErrorStandAlone
+ */
+export type ChipStylesType<P extends string | number | symbol> = {
+    [variant in P]?: ChipPropsStateStylesType;
+};

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

@@ -0,0 +1,3 @@
+export type { ChipPropsStylesType, ChipPropsStateStylesType, ChipStylesType } from './chipTheme';
+export * from './chip';
+export { ChipStateType } from './state';

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IConfirmationMessage } from './types/confirmationMessage';
+/**
+ * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
+ */
+declare const ConfirmationMessage: <V extends string | unknown>(props: IConfirmationMessage<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => JSX.Element;
+export { ConfirmationMessage };

package/dist/cjs/components/confirmationMessage/confirmationMessage.js

@@ -1,45 +1,26 @@
 "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.ConfirmationMessage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 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 confirmationMessageStandAlone_1 = require("./confirmationMessageStandAlone");
-const types_1 = require("./types");
+const state_1 = require("./types/state");
 const CONFIRMATION_MESSAGE_STYLES = 'CONFIRMATION_MESSAGE_STYLES';
-const ConfirmationMessageComponent = React.forwardRef(({ state = types_1.ConfirmationMessageStateType.SUCCESS, variant, ctv, ...props }, ref) => {
+const ConfirmationMessageComponent = react_1.default.forwardRef(({ state = state_1.ConfirmationMessageStateType.SUCCESS, variant, ctv, ...props }, ref) => {
     const styles = (0, useStyles_1.useStyles)(CONFIRMATION_MESSAGE_STYLES, variant, ctv);
     return (0, jsx_runtime_1.jsx)(confirmationMessageStandAlone_1.ConfirmationMessageStandAlone, { ...props, ref: ref, stylesState: styles[state] });
 });
 ConfirmationMessageComponent.displayName = 'ConfirmationMessageComponent';
-const ConfirmationMessageBoundary = (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)(confirmationMessageStandAlone_1.ConfirmationMessageStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(ConfirmationMessageComponent, { ...props, ref: ref }) }));
+const ConfirmationMessageBoundary = (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)(confirmationMessageStandAlone_1.ConfirmationMessageStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(ConfirmationMessageComponent, { ...props, ref: ref }) }));
 /**
  * @deprecated This component has been deprecated and will be removed in the next MAJOR release.
  */
-const ConfirmationMessage = React.forwardRef(ConfirmationMessageBoundary);
+const ConfirmationMessage = react_1.default.forwardRef(ConfirmationMessageBoundary);
 exports.ConfirmationMessage = ConfirmationMessage;
 //# sourceMappingURL=confirmationMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"confirmationMessage.js","sourceRoot":"","sources":["../../../../src/components/confirmationMessage/confirmationMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2DAAwD;AACxD,4DAA4E;AAE5E,mFAAgF;AAChF,mCAKiB;AAEjB,MAAM,2BAA2B,GAAG,6BAA6B,CAAC;AAElE,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CACnD,CACE,EACE,KAAK,GAAG,oCAA4B,CAAC,OAAO,EAC5C,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACgB,EAC1B,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,2BAA2B,EAC3B,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,OAAO,uBAAC,6DAA6B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,4BAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAE1E,MAAM,2BAA2B,GAAG,CAClC,KAA8B,EAC9B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,6DAA6B,OACvB,KAAmD,EACxD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,uBAAC,4BAA4B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACvC,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAMxD,CAAC;AAER,kDAAmB"}
+{"version":3,"file":"confirmationMessage.js","sourceRoot":"","sources":["../../../../src/components/confirmationMessage/confirmationMessage.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,2DAAwD;AAExD,8EAA2E;AAC3E,sFAAmF;AACnF,mFAAgF;AAGhF,yCAA6D;AAE7D,MAAM,2BAA2B,GAAG,6BAA6B,CAAC;AAElE,MAAM,4BAA4B,GAAG,eAAK,CAAC,UAAU,CACnD,CACE,EACE,KAAK,GAAG,oCAA4B,CAAC,OAAO,EAC5C,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACgB,EAC1B,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,2BAA2B,EAC3B,OAAO,EACP,GAAG,CACJ,CAAC;IAEF,OAAO,uBAAC,6DAA6B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,4BAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAE1E,MAAM,2BAA2B,GAAG,CAClC,KAA8B,EAC9B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cAChB,uBAAC,6DAA6B,OACvB,KAAmD,EACxD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,uBAAC,4BAA4B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACvC,CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,mBAAmB,GAAG,eAAK,CAAC,UAAU,CAAC,2BAA2B,CAMxD,CAAC;AAER,kDAAmB"}

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

@@ -0,0 +1,18 @@
+import { ALIGN_TYPE, AlignTypeConfirmationMessage } from './types/confirmationMessage';
+import { ConfirmationMessagePropsStylesType } from './types/confirmationMessageTheme';
+type DescriptionPropsStyles = {
+    align?: AlignTypeConfirmationMessage[ALIGN_TYPE];
+};
+type ConfirmationMessagePropsStyles = {
+    styles?: ConfirmationMessagePropsStylesType;
+};
+export declare const ConfirmationMessageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles>> & string;
+export declare const TitleAndDescriptionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>> & string;
+export declare const TitleTextStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>> & string;
+export declare const DescriptionTextStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>> & string;
+export declare const ContentContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ConfirmationMessagePropsStyles & DescriptionPropsStyles>> & string;
+export declare const FooterWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DescriptionPropsStyles>> & string;
+export declare const FooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    customFooterStyles?: ConfirmationMessagePropsStylesType;
+}>> & string;
+export {};

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

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterStyled = exports.FooterWrapperStyled = exports.ContentContainerStyled = exports.DescriptionTextStyled = exports.TitleTextStyled = exports.TitleAndDescriptionStyled = exports.ConfirmationMessageStyled = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
 const getStyles_1 = require("../../utils/getStyles/getStyles");
-const types_1 = require("./types");
+const confirmationMessage_1 = require("./types/confirmationMessage");
 const flexColumnMixin = (0, styled_components_1.css) `
   display: flex;
   flex-direction: column;
@@ -48,7 +48,7 @@ exports.TitleTextStyled = styled_components_1.default.div `
   ${flexColumnMixin}
   align-items: center;
 
-  ${({ align }) => align === types_1.ALIGN_TYPE.CENTER
+  ${({ align }) => align === confirmationMessage_1.ALIGN_TYPE.CENTER
     ? (0, styled_components_1.css) `
           flex-direction: column;
         `
@@ -61,7 +61,7 @@ exports.TitleTextStyled = styled_components_1.default.div `
 exports.DescriptionTextStyled = styled_components_1.default.div `
   ${flexColumnMixin}
   white-space: pre-line;
-  ${({ align }) => align === types_1.ALIGN_TYPE.CENTER
+  ${({ align }) => align === confirmationMessage_1.ALIGN_TYPE.CENTER
     ? (0, styled_components_1.css) `
           align-items: ${align};
           text-align: ${align};
@@ -79,7 +79,7 @@ exports.ContentContainerStyled = styled_components_1.default.div `
 `;
 exports.FooterWrapperStyled = styled_components_1.default.div `
   width: 100%;
-  ${({ align }) => align === types_1.ALIGN_TYPE.CENTER
+  ${({ align }) => align === confirmationMessage_1.ALIGN_TYPE.CENTER
     ? (0, styled_components_1.css) `
           justify-content: center;
         `

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

@@ -1 +1 @@
-{"version":3,"file":"confirmationMessage.styled.js","sourceRoot":"","sources":["../../../../src/components/confirmationMessage/confirmationMessage.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,2DAAwD;AAExD,mCAAmE;AAUnE,MAAM,eAAe,GAAG,IAAA,uBAAG,EAAA;;;CAG1B,CAAC;AAEW,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAgC;;;IAG/E,eAAe;;;IAGf,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;CAC9C,CAAC;AAEW,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAElD;IACG,eAAe;gBACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;IAChC,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,4BAA4B,CAAC;CACjE,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAyD;IAC9F,eAAe;;;IAGf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,kBAAU,CAAC,MAAM;IACzB,CAAC,CAAC,IAAA,uBAAG,EAAA;;SAEF;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;6BAEkB,KAAK;SACzB;IACL,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;CACnD,CAAC;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAE9C;IACG,eAAe;;IAEf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,kBAAU,CAAC,MAAM;IACzB,CAAC,CAAC,IAAA,uBAAG,EAAA;yBACc,KAAK;wBACN,KAAK;SACpB;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;yBACc,KAAK;SACrB;IACL,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,oBAAoB,CAAC;CACzD,CAAC;AAEW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,CAE/C;;;qBAGoB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;IACrC,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;CAC5C,CAAC;AACW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAwB;;IAEjE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,kBAAU,CAAC,MAAM;IACzB,CAAC,CAAC,IAAA,uBAAG,EAAA;;SAEF;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;SAEF;CACR,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAChD,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI;CAC9B,CAAC,CAA6D;;;IAG3D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,kBAAkB,EAAE,MAAM,CAAC;CACvD,CAAC"}
+{"version":3,"file":"confirmationMessage.styled.js","sourceRoot":"","sources":["../../../../src/components/confirmationMessage/confirmationMessage.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,2DAAwD;AAExD,qEAAuF;AAUvF,MAAM,eAAe,GAAG,IAAA,uBAAG,EAAA;;;CAG1B,CAAC;AAEW,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAgC;;;IAG/E,eAAe;;;IAGf,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;CAC9C,CAAC;AAEW,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAElD;IACG,eAAe;gBACH,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;IAChC,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,4BAA4B,CAAC;CACjE,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAyD;IAC9F,eAAe;;;IAGf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,gCAAU,CAAC,MAAM;IACzB,CAAC,CAAC,IAAA,uBAAG,EAAA;;SAEF;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;6BAEkB,KAAK;SACzB;IACL,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;CACnD,CAAC;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAE9C;IACG,eAAe;;IAEf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,gCAAU,CAAC,MAAM;IACzB,CAAC,CAAC,IAAA,uBAAG,EAAA;yBACc,KAAK;wBACN,KAAK;SACpB;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;yBACc,KAAK;SACrB;IACL,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,oBAAoB,CAAC;CACzD,CAAC;AAEW,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,CAE/C;;;qBAGoB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;IACrC,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;CAC5C,CAAC;AACW,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAwB;;IAEjE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,gCAAU,CAAC,MAAM;IACzB,CAAC,CAAC,IAAA,uBAAG,EAAA;;SAEF;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;SAEF;CACR,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAChD,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI;CAC9B,CAAC,CAA6D;;;IAG3D,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,kBAAkB,EAAE,MAAM,CAAC;CACvD,CAAC"}

package/dist/cjs/components/confirmationMessage/confirmationMessageStandAlone.d.ts

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

package/dist/cjs/components/confirmationMessage/confirmationMessageStandAlone.js

@@ -1,52 +1,33 @@
 "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.ConfirmationMessageStandAlone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const footer_1 = require("../../components/footer");
-const text_1 = require("../../components/text");
-const types_1 = require("../../components/text/types");
-const utils_1 = require("../../utils");
+const react_1 = __importDefault(require("react"));
+const text_1 = require("../../components/text/text");
+const buildPropsDecorativeElement_1 = require("../../utils/buildPropsDecorativeElement/buildPropsDecorativeElement");
 const decorativeElementStandAlone_1 = require("../decorativeElement/decorativeElementStandAlone");
+const footer_1 = require("../footer/footer");
+const direction_1 = require("../footer/types/direction");
+const component_1 = require("../text/types/component");
 const confirmationMessage_styled_1 = require("./confirmationMessage.styled");
-const types_2 = require("./types");
+const confirmationMessage_1 = require("./types/confirmationMessage");
 const alignValue = {
     center: 'center',
     right: 'flex-end',
     left: 'flex-start',
 };
-const ConfirmationMessageStandAloneComponent = ({ align = types_2.ALIGN_TYPE.CENTER, ...props }, ref) => {
+const ConfirmationMessageStandAloneComponent = ({ align = confirmationMessage_1.ALIGN_TYPE.CENTER, dataTestId = 'confirmation-message', ...props }, ref) => {
     const footerVariant = props.stylesState?.footer?.variant || props.footer?.variant;
     const buildDescription = () => {
         const isTextContent = typeof props.description.content === 'string';
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isTextContent ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.PARAGRAPH, customTypography: props.stylesState?.description, dataTestId: `${props.dataTestId}Description`, ...props.description, children: props.description.content })) : (props.description.content) }));
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isTextContent ? ((0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.PARAGRAPH, customTypography: props.stylesState?.description, ...props.description, children: props.description.content })) : (props.description.content) }));
     };
-    return ((0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.ConfirmationMessageStyled, { ref: ref, styles: props.stylesState, children: [(0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.TitleAndDescriptionStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}TitleAndDescriptionContainer`, styles: props.stylesState, children: [props.title && ((0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.TitleTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}TitleContainer`, styles: props.stylesState, children: [props.decorativeElement?.element && ((0, jsx_runtime_1.jsx)(decorativeElementStandAlone_1.DecorativeElement, { ...props.decorativeElement, dataTestId: `${props.dataTestId}DecorativeElement`, element: (0, utils_1.buildPropsDecorativeElement)(props.decorativeElement?.element, props.stylesState) })), (0, jsx_runtime_1.jsx)(text_1.Text, { align: align, component: props.title?.component || types_1.TextComponentType.H2, customTypography: props.stylesState?.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content })] })), (0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.DescriptionTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}DescriptionContainer`, styles: props.stylesState, children: [buildDescription(), (0, jsx_runtime_1.jsx)(text_1.Text, { component: types_1.TextComponentType.PARAGRAPH, customTypography: props.stylesState?.secondaryDescription, dataTestId: `${props.dataTestId}SecondaryDescription`, ...props.secondaryDescription, children: props.secondaryDescription?.content })] })] }), props.content && ((0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.ContentContainerStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${props.dataTestId}Content`, styles: props.stylesState, children: props.content })), props.footer?.content && footerVariant && ((0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.FooterWrapperStyled, { align: alignValue[align.toLocaleLowerCase()], children: (0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.FooterStyled, { as: footer_1.Footer, contentDirection: alignValue[align.toLocaleLowerCase()] === types_2.ALIGN_TYPE.CENTER
-                        ? footer_1.ContentDirectionType.VERTICAL
-                        : footer_1.ContentDirectionType.HORIZONTAL, customFooterStyles: props.stylesState, dataTestId: `${props.dataTestId}Navbar`, forceVertical: alignValue[align.toLocaleLowerCase()] === types_2.ALIGN_TYPE.CENTER, variant: footerVariant, ...props.footer, children: props.footer.content }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.ConfirmationMessageStyled, { ref: ref, "data-testid": dataTestId, styles: props.stylesState, children: [(0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.TitleAndDescriptionStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${dataTestId}-title-and-description-container`, styles: props.stylesState, children: [props.title && ((0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.TitleTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${dataTestId}-title-container`, styles: props.stylesState, children: [props.decorativeElement?.element && ((0, jsx_runtime_1.jsx)(decorativeElementStandAlone_1.DecorativeElement, { ...props.decorativeElement, element: (0, buildPropsDecorativeElement_1.buildPropsDecorativeElement)(props.decorativeElement?.element, props.stylesState) })), (0, jsx_runtime_1.jsx)(text_1.Text, { align: align, component: props.title?.component || component_1.TextComponentType.H2, customTypography: props.stylesState?.title, ...props.title, children: props.title.content })] })), (0, jsx_runtime_1.jsxs)(confirmationMessage_styled_1.DescriptionTextStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${dataTestId}-description-container`, styles: props.stylesState, children: [buildDescription(), (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.PARAGRAPH, customTypography: props.stylesState?.secondaryDescription, ...props.secondaryDescription, children: props.secondaryDescription?.content })] })] }), props.content && ((0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.ContentContainerStyled, { align: alignValue[align.toLocaleLowerCase()], "data-testid": `${dataTestId}-content`, styles: props.stylesState, children: props.content })), props.footer?.content && footerVariant && ((0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.FooterWrapperStyled, { align: alignValue[align.toLocaleLowerCase()], children: (0, jsx_runtime_1.jsx)(confirmationMessage_styled_1.FooterStyled, { as: footer_1.Footer, contentDirection: alignValue[align.toLocaleLowerCase()] === confirmationMessage_1.ALIGN_TYPE.CENTER
+                        ? direction_1.ContentDirectionType.VERTICAL
+                        : direction_1.ContentDirectionType.HORIZONTAL, customFooterStyles: props.stylesState, dataTestId: `${dataTestId}-navbar`, forceVertical: alignValue[align.toLocaleLowerCase()] === confirmationMessage_1.ALIGN_TYPE.CENTER, variant: footerVariant, ...props.footer, children: props.footer.content }) }))] }));
 };
-exports.ConfirmationMessageStandAlone = React.forwardRef(ConfirmationMessageStandAloneComponent);
+exports.ConfirmationMessageStandAlone = react_1.default.forwardRef(ConfirmationMessageStandAloneComponent);
 //# sourceMappingURL=confirmationMessageStandAlone.js.map

package/dist/cjs/components/confirmationMessage/confirmationMessageStandAlone.js.map

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

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

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

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
+import { IDecorativeElementStandAlone } from '../../decorativeElement/types/decorativeElement';
+import { IFooter } from '../../footer/types/footer';
+import { IText } from '../../text/types/text';
+import { ConfirmationMessagePropsStateStylesType, ConfirmationMessagePropsStylesType } from './confirmationMessageTheme';
+import { ConfirmationMessageStateType } from './state';
+export type AlignTypeConfirmationMessage = {
+    center: string;
+    right: string;
+    left: string;
+};
+export declare enum ALIGN_TYPE {
+    CENTER = "center",
+    RIGHT = "right",
+    LEFT = "left"
+}
+export type ConfirmationMessageTitleType = Omit<IText<string>, 'children'> & {
+    content?: string;
+};
+export type ConfirmationMessageDescriptionType = Omit<IText<string>, 'children'> & {
+    content: JSX.Element | string;
+};
+export type ConfirmationMessageSecondaryDescriptionType = ConfirmationMessageTitleType;
+export type ConfirmationMessageFooterType = Omit<IFooter, 'variant' | 'children'> & {
+    content?: JSX.Element[];
+    variant?: string;
+};
+export interface IConfirmationMessageStandAlone {
+    stylesState?: ConfirmationMessagePropsStylesType;
+    title?: ConfirmationMessageTitleType;
+    description: ConfirmationMessageDescriptionType;
+    decorativeElement?: IDecorativeElementStandAlone;
+    align?: ALIGN_TYPE;
+    dataTestId?: string;
+    secondaryDescription?: ConfirmationMessageSecondaryDescriptionType;
+    content?: React.ReactNode;
+    footer?: ConfirmationMessageFooterType;
+}
+export interface IConfirmationMessage<V = undefined extends string ? unknown : string> extends Omit<IConfirmationMessageStandAlone, 'styles' | 'stylesState'>, Omit<CustomTokenTypes<ConfirmationMessagePropsStateStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    state?: ConfirmationMessageStateType;
+}

package/dist/cjs/components/confirmationMessage/types/confirmationMessageTheme.d.ts

@@ -0,0 +1,26 @@
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+import { IconTypes } from '../../../types/styles/icon';
+import { IllustrationTypes } from '../../../types/styles/illustration';
+import { TypographyTypes } from '../../../types/styles/typography';
+import { ConfirmationMessageStateType } from './state';
+export type ConfirmationMessagePropsStylesType = {
+    container?: CommonStyleType;
+    titleAndDescriptionContainer?: CommonStyleType;
+    icon?: IconTypes;
+    illustration?: IllustrationTypes;
+    titleContainer?: CommonStyleType;
+    title?: TypographyTypes;
+    descriptionContainer?: CommonStyleType;
+    description?: TypographyTypes;
+    secondaryDescription?: TypographyTypes;
+    content?: CommonStyleType;
+    footer?: CommonStyleType & {
+        variant?: string;
+    };
+};
+export type ConfirmationMessagePropsStateStylesType = {
+    [state in ConfirmationMessageStateType]?: ConfirmationMessagePropsStylesType;
+};
+export type ConfirmationMessageStylesType<P extends string | number | symbol> = {
+    [variant in P]?: ConfirmationMessagePropsStateStylesType;
+};

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

@@ -0,0 +1,3 @@
+export * from './confirmationMessage';
+export * from './confirmationMessageTheme';
+export { ConfirmationMessageStateType } from './state';

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

@@ -0,0 +1,5 @@
+export declare enum ConfirmationMessageStateType {
+    SUCCESS = "SUCCESS",
+    ERROR = "ERROR",
+    WARNING = "WARNING"
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IContainer } from './types/container';
+declare const Container: <T extends string>(props: React.PropsWithChildren<IContainer<T>> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+/**
+ * A container is a component that wraps the content of a website.
+ * @module Container
+ * @interface IContainer
+ * @category Contaiment Components
+ * @param children - the content to render inside the container.
+ * @param variant - the variant of the container.
+ * @param dataTestId - the data test id of the container.
+ * @param {React.ForwardedRef<HTMLDivElement> | undefined | null} ref - The component ref.
+ * @returns {JSX.Element} The rendered component.
+ */
+export { Container };

package/dist/cjs/components/container/container.js

@@ -1,41 +1,22 @@
 "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.Container = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const stylesName_1 = require("../../constants/stylesName");
-const index_1 = require("../../hooks/index");
-const errorBoundary_1 = require("../../provider/errorBoundary");
+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 containerStandAlone_1 = require("./containerStandAlone");
-const ContainerComponent = React.forwardRef(({ children, variant, ctv, ...props }, ref) => {
-    const styles = (0, index_1.useStyles)(stylesName_1.STYLES_NAME.CONTAINER, variant, ctv);
+const ContainerComponent = react_1.default.forwardRef(({ children, variant, ctv, ...props }, ref) => {
+    const styles = (0, useStyles_1.useStyles)(stylesName_1.STYLES_NAME.CONTAINER, variant, ctv);
     return ((0, jsx_runtime_1.jsx)(containerStandAlone_1.ContainerStandAlone, { ref: ref, ...props, styles: styles, children: children }));
 });
 ContainerComponent.displayName = 'ContainerComponent';
-const ContainerBoundary = (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)(containerStandAlone_1.ContainerStandAlone, { ...props, ref: ref, children: props.children }) }), children: (0, jsx_runtime_1.jsx)(ContainerComponent, { ...props, ref: ref }) }));
-const Container = React.forwardRef(ContainerBoundary);
+const ContainerBoundary = (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)(containerStandAlone_1.ContainerStandAlone, { ...props, ref: ref, children: props.children }) }), children: (0, jsx_runtime_1.jsx)(ContainerComponent, { ...props, ref: ref }) }));
+const Container = react_1.default.forwardRef(ContainerBoundary);
 exports.Container = Container;
 //# sourceMappingURL=container.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/container/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,uDAAqD;AACrD,yCAA0C;AAC1C,4DAA4E;AAE5E,+DAA4D;AAG5D,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0C,EAC5E,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,iBAAS,EAA2B,wBAAW,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAExF,OAAO,CACL,uBAAC,yCAAmB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,MAAM,EAAE,MAAM,YACrD,QAAQ,GACW,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,iBAAiB,GAAG,CACxB,KAA6C,EAC7C,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,yCAAmB,OAAM,KAAyC,EAAE,GAAG,EAAE,GAAG,YAC1E,KAAK,CAAC,QAAQ,GACK,GACJ,YAGtB,uBAAC,kBAAkB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7B,CACjB,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAEpC,CAAC;AAaR,8BAAS"}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/container/container.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,kEAAgE;AAChE,2DAAwD;AAExD,8EAA2E;AAC3E,sFAAmF;AACnF,+DAA4D;AAI5D,MAAM,kBAAkB,GAAG,eAAK,CAAC,UAAU,CACzC,CACE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA0C,EAC5E,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EAA2B,wBAAW,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAExF,OAAO,CACL,uBAAC,yCAAmB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,MAAM,EAAE,MAAM,YACrD,QAAQ,GACW,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,iBAAiB,GAAG,CACxB,KAA6C,EAC7C,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cAChB,uBAAC,yCAAmB,OAAM,KAAyC,EAAE,GAAG,EAAE,GAAG,YAC1E,KAAK,CAAC,QAAQ,GACK,GACJ,YAGtB,uBAAC,kBAAkB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7B,CACjB,CAAC;AAEF,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,iBAAiB,CAEpC,CAAC;AAaR,8BAAS"}

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

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

package/dist/cjs/components/container/containerStandAlone.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IContainerStandAlone } from './types/container';
+/**
+ * Represents the standalone container component.
+ * @see {@link https://kubit.es/standalone-components/container/container-standalone/}
+ *
+ * @function ContainerStandAloneComponent
+ * @category StandAlone Components
+ * @param {React.PropsWithChildren<IContainerStandAlone>} props - The props for the component.
+ * @param {React.ForwardedRef<HTMLDivElement>} ref - The ref for the component.
+ * @returns {JSX.Element} - The JSX element representing the container component.
+ */
+export declare const ContainerStandAlone: React.ForwardRefExoticComponent<IContainerStandAlone & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/container/containerStandAlone.js

@@ -1,36 +1,16 @@
 "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.ContainerStandAlone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const text_1 = require("../../components/text/text");
 const component_1 = require("../../components/text/types/component");
 const container_styled_1 = require("./container.styled");
-const ContainerStandAloneComponent = (props, ref) => {
-    return ((0, jsx_runtime_1.jsxs)(container_styled_1.ParentContainerStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(container_styled_1.HeaderStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.H4, customTypography: props.styles.title, ...props.title, children: props.title?.content }) }), (0, jsx_runtime_1.jsx)(container_styled_1.ContainerStyled, { ref: ref, "data-testid": props.dataTestId, styles: props.styles, children: props.children })] }));
+const ContainerStandAloneComponent = ({ dataTestId = 'container', ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsxs)(container_styled_1.ParentContainerStyled, { styles: props.styles, children: [(0, jsx_runtime_1.jsx)(container_styled_1.HeaderStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.H4, customTypography: props.styles.title, ...props.title, children: props.title?.content }) }), (0, jsx_runtime_1.jsx)(container_styled_1.ContainerStyled, { ref: ref, "data-testid": dataTestId, styles: props.styles, children: props.children })] }));
 };
 /**
  * Represents the standalone container component.
@@ -42,5 +22,5 @@ const ContainerStandAloneComponent = (props, ref) => {
  * @param {React.ForwardedRef<HTMLDivElement>} ref - The ref for the component.
  * @returns {JSX.Element} - The JSX element representing the container component.
  */
-exports.ContainerStandAlone = React.forwardRef(ContainerStandAloneComponent);
+exports.ContainerStandAlone = react_1.default.forwardRef(ContainerStandAloneComponent);
 //# sourceMappingURL=containerStandAlone.js.map

package/dist/cjs/components/container/containerStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"containerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/container/containerStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iDAA8C;AAC9C,iEAAsE;AAEtE,yDAA0F;AAG1F,MAAM,4BAA4B,GAAG,CACnC,KAAoD,EACpD,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,wBAAC,wCAAqB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACzC,uBAAC,+BAAY,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAChC,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACM,EACf,uBAAC,kCAAe,IAAC,GAAG,EAAE,GAAG,iBAAe,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC3E,KAAK,CAAC,QAAQ,GACC,IACI,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC"}
+{"version":3,"file":"containerStandAlone.js","sourceRoot":"","sources":["../../../../src/components/container/containerStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,iDAA8C;AAC9C,iEAAsE;AAEtE,yDAA0F;AAG1F,MAAM,4BAA4B,GAAG,CACnC,EAAE,UAAU,GAAG,WAAW,EAAE,GAAG,KAAK,EAAiD,EACrF,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,wBAAC,wCAAqB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACzC,uBAAC,+BAAY,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAChC,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACM,EACf,uBAAC,kCAAe,IAAC,GAAG,EAAE,GAAG,iBAAe,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YACrE,KAAK,CAAC,QAAQ,GACC,IACI,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACU,QAAA,mBAAmB,GAAG,eAAK,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Container } from './container';
+export type { ContainerStylesType, ContainerPropsStylesType, IContainer } from './types';