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

package/dist/cjs/components/modalV2/fragments/modalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalHeader.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/fragments/modalHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,gDAA6C;AAC7C,8DAA2D;AAC3D,4CAA4D;AAC5D,mCAAgD;AAEhD,kDAKyB;AAiBzB,MAAM,oBAAoB,GAAG,CAC3B,KAAuB,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,6BAAqB,CAAC,MAAM,CAAC;IAE/D,OAAO,CACL,wBAAC,gCAAiB,IAAC,GAAG,EAAE,GAAG,aAAW,KAAK,CAAC,MAAM,aAC/C,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,CAC/C,uBAAC,4BAAa,IAAC,GAAG,EAAE,KAAK,CAAC,WAAW,aAAW,KAAK,CAAC,MAAM,YAC1D,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,GACjE,CACjB,EACA,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE,IAAI,IAAI,CAC1C,uBAAC,qCAAsB,eAAU,KAAK,CAAC,MAAM,YAC3C,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,EAC/C,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,WAAW,KACtC,KAAK,CAAC,SAAS,GACnB,GACqB,CAC1B,EACA,CAAC,KAAK,CAAC,OAAO;gBACb,KAAK,CAAC,WAAW,EAAE,OAAO;gBAC1B,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CACzE,uBAAC,eAAM,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,KAAM,KAAK,CAAC,WAAW,YAC5E,KAAK,CAAC,WAAW,CAAC,OAAO,GACnB,CACV,EACF,KAAK,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3D,2DACE,uBAAC,WAAI,IACH,SAAS,EAAE,wBAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,EACtC,EAAE,EAAE,KAAK,CAAC,YAAY,KAClB,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACN,CACJ,CAAC,CAAC,CAAC,CACF,uBAAC,mCAAoB,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,YAAG,KAAK,CAAC,KAAK,EAAE,OAAO,GAAwB,CAC5F,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"modalHeader.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/fragments/modalHeader.tsx"],"names":[],"mappings":";;;;AAEA,iDAA8C;AAC9C,iEAAwE;AAExE,gDAA6C;AAC7C,qEAAkE;AAClE,0DAA+D;AAC/D,kDAKyB;AAelB,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAe,EAAE;IAClE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,KAAK,mCAAqB,CAAC,MAAM,CAAC;IAE/D,OAAO,CACL,wBAAC,gCAAiB,0CAA4B,KAAK,CAAC,MAAM,aACvD,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,CAC/C,uBAAC,4BAAa,kDAAoC,KAAK,CAAC,MAAM,YAC5D,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAM,KAAK,CAAC,QAAQ,GAAI,GACjE,CACjB,EACA,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE,IAAI,IAAI,CAC1C,uBAAC,qCAAsB,eAAU,KAAK,CAAC,MAAM,YAC3C,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,KAAM,KAAK,CAAC,SAAS,GAAI,GAChE,CAC1B,EACA,CAAC,KAAK,CAAC,OAAO;gBACb,KAAK,CAAC,WAAW,EAAE,OAAO;gBAC1B,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CACzE,uBAAC,eAAM,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,KAAM,KAAK,CAAC,WAAW,YAC5E,KAAK,CAAC,WAAW,CAAC,OAAO,GACnB,CACV,EACF,KAAK,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3D,2DACE,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,EAAE,EAC/B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,EAAE,EAAE,KAAK,CAAC,YAAY,KAClB,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACN,CACJ,CAAC,CAAC,CAAC,CACF,uBAAC,mCAAoB,IAAC,EAAE,EAAE,KAAK,CAAC,YAAY,YAAG,KAAK,CAAC,KAAK,EAAE,OAAO,GAAwB,CAC5F,IACiB,CACrB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,WAAW,eAsCtB"}

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

@@ -0,0 +1,3 @@
+export type { ModalTitleTextType as ModalTitleTextTypeV2, ModalButtonType as ModalButtonTypeV2, ModalFooterType as ModalFooterTypeV2, ModalPopoverType as ModalPopoverTypeV2, IModalStyled as IModalStyledV2, IModalStandAlone as IModalStandAloneV2, IModalControlled as IModalControlledV2, IModalUnControlled as IModalUnControlledV2, ModalBaseStylesType as ModalBaseStylesTypeV2, ModalStylesType as ModalStylesTypeV2, ModalContentScrollAriasType as ModalContentScrollAriasTypeV2, } from './types';
+export { ModalControlledV2 } from './modalControlled';
+export { ModalV2 } from './modalUnControlled';

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

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalV2 = exports.ModalControlledV2 = void 0;
-// components
 var modalControlled_1 = require("./modalControlled");
-Object.defineProperty(exports, "ModalControlledV2", { enumerable: true, get: function () { return modalControlled_1.ModalControlled; } });
+Object.defineProperty(exports, "ModalControlledV2", { enumerable: true, get: function () { return modalControlled_1.ModalControlledV2; } });
 var modalUnControlled_1 = require("./modalUnControlled");
-Object.defineProperty(exports, "ModalV2", { enumerable: true, get: function () { return modalUnControlled_1.ModalUnControlled; } });
+Object.defineProperty(exports, "ModalV2", { enumerable: true, get: function () { return modalUnControlled_1.ModalV2; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modalV2/index.ts"],"names":[],"mappings":";;;AAcA,aAAa;AACb,qDAAyE;AAAhE,oHAAA,eAAe,OAAqB;AAC7C,yDAAmE;AAA1D,4GAAA,iBAAiB,OAAW"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modalV2/index.ts"],"names":[],"mappings":";;;AAeA,qDAAsD;AAA7C,oHAAA,iBAAiB,OAAA;AAC1B,yDAA8C;AAArC,4GAAA,OAAO,OAAA"}

package/dist/cjs/components/modalV2/modal.styled.d.ts

@@ -0,0 +1,12 @@
+import type { IModalStyled } from './types/modal';
+type ModalShowScrollType = {
+    $minContentHeight?: string;
+};
+export declare const ModalStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const ModalHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const TitleHiddenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ModalCloseButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const ModalContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled & ModalShowScrollType>> & string;
+export declare const ModalFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export declare const DraggableIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalStyled>> & string;
+export {};

package/dist/cjs/components/modalV2/modalControlled.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IModalControlled } from './types/modal';
+declare const ModalBoundary: <V extends string | unknown>({ portalId, ...props }: IModalControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const ModalControlled: <V extends string | unknown>(props: React.PropsWithChildren<IModalControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof ModalBoundary>;
+export { ModalControlled as ModalControlledV2 };

package/dist/cjs/components/modalV2/modalControlled.js

@@ -1,54 +1,55 @@
 "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.ModalControlled = void 0;
+exports.ModalControlledV2 = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const constants_1 = require("../../constants");
-const hooks_1 = require("../../hooks");
+const react_1 = __importDefault(require("react"));
+const stylesName_1 = require("../../constants/stylesName/stylesName");
+const useMediaDevice_1 = require("../../hooks/useMediaDevice/useMediaDevice");
+const useScrollDetectionWithAutoFocus_1 = require("../../hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus");
+const useScrollEffect_1 = require("../../hooks/useScrollEffect/useScrollEffect");
+const useStylesV2_1 = require("../../hooks/useStyles/useStylesV2");
+const useSwipeDown_1 = require("../../hooks/useSwipeDown/useSwipeDown");
 const errorBoundary_1 = require("../../provider/errorBoundary/errorBoundary");
 const fallbackComponent_1 = require("../../provider/errorBoundary/fallbackComponent");
-const portal_1 = require("../portal");
+const portal_1 = require("../portal/portal");
 const modalStandAlone_1 = require("./modalStandAlone");
-const ModalControlledComponent = React.forwardRef(({ variant, ctv, portalId, ...props }, ref) => {
-    const styles = (0, hooks_1.useStylesV2)({
-        styleName: constants_1.STYLES_NAME.MODAL_V2,
+const ModalControlledComponent = react_1.default.forwardRef(({ variant, ctv, portalId, ...props }, ref) => {
+    const styles = (0, useStylesV2_1.useStylesV2)({
+        styleName: stylesName_1.STYLES_NAME.MODAL_V2,
         variantName: variant,
         customTokens: ctv,
     });
-    const device = (0, hooks_1.useMediaDevice)();
-    const { scrollableRef, shadowRef } = (0, hooks_1.useScrollEffect)({
+    const device = (0, useMediaDevice_1.useMediaDevice)();
+    const innerRef = react_1.default.useRef(null);
+    const handleInnerRef = react_1.default.useCallback(node => {
+        innerRef.current = node;
+        const modalHeader = innerRef.current?.querySelector('[data-modal-header]');
+        const modalContent = innerRef.current?.querySelector('[data-modal-content]');
+        const modalDraggableIcon = innerRef.current?.querySelector('[data-modal-draggable-icon]');
+        handleHeaderShadowEffect(modalHeader);
+        handleContentScrollEffect(modalContent);
+        handleContentScrollDetection(modalContent);
+        handleDraggableIconSwipeDown(modalDraggableIcon);
+    }, []);
+    react_1.default.useImperativeHandle(ref, () => {
+        return innerRef?.current;
+    }, []);
+    const { scrollableRef: handleContentScrollEffect, shadowRef: handleHeaderShadowEffect } = (0, useScrollEffect_1.useScrollEffect)({
         // The box_shadow token is need for the shadow effect
         shadowStyles: styles?.headerContainer?.box_shadow,
     });
-    const { setPopoverRef, setDragIconRef } = (0, hooks_1.useSwipeDown)(props.popover?.animationOptions, () => props.onClose?.());
+    const { setPopoverRef: handlePopoverSwipeDown, setDragIconRef: handleDraggableIconSwipeDown } = (0, useSwipeDown_1.useSwipeDown)(props.popover?.animationOptions, () => props.onClose?.());
+    const { hasScroll: contentHasScroll, handleScrollDetection: handleContentScrollDetection } = (0, useScrollDetectionWithAutoFocus_1.useScrollDetectionWithAutoFocus)({
+        parentElementRef: innerRef,
+    });
     const handlePopoverCloseInternally = () => {
         props.popover?.onCloseInternally?.();
         props.onClose?.();
     };
-    const modalStructure = ((0, jsx_runtime_1.jsx)(modalStandAlone_1.ModalStandAlone, { ...props, ref: ref, device: device, dragIconRef: setDragIconRef, popover: { ...props.popover, forwardedRef: setPopoverRef }, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: styles, onPopoverCloseInternally: handlePopoverCloseInternally }));
+    const modalStructure = ((0, jsx_runtime_1.jsx)(modalStandAlone_1.ModalStandAlone, { ...props, ref: handleInnerRef, contentHasScroll: contentHasScroll, device: device, popover: { ...props.popover, forwardedRef: handlePopoverSwipeDown }, styles: styles, onPopoverCloseInternally: handlePopoverCloseInternally }));
     return portalId ? (0, jsx_runtime_1.jsx)(portal_1.Portal, { wrapperId: portalId, children: modalStructure }) : modalStructure;
 });
 ModalControlledComponent.displayName = 'ModalControlledComponent';
@@ -56,6 +57,6 @@ const ModalBoundary = ({ portalId, ...props }, ref) => {
     const modalStructure = (0, jsx_runtime_1.jsx)(modalStandAlone_1.ModalStandAlone, { ...props, ref: ref });
     return ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(fallbackComponent_1.FallbackComponent, { children: portalId ? (0, jsx_runtime_1.jsx)(portal_1.Portal, { wrapperId: portalId, children: modalStructure }) : modalStructure }), children: (0, jsx_runtime_1.jsx)(ModalControlledComponent, { ...props, ref: ref, portalId: portalId }) }));
 };
-const ModalControlled = React.forwardRef(ModalBoundary);
-exports.ModalControlled = ModalControlled;
+const ModalControlled = react_1.default.forwardRef(ModalBoundary);
+exports.ModalControlledV2 = ModalControlled;
 //# sourceMappingURL=modalControlled.js.map

package/dist/cjs/components/modalV2/modalControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,mCAAqF;AACrF,0EAAuE;AACvE,kFAA+E;AAE/E,sCAAmC;AACnC,uDAAoD;AAGpD,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EACzD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAyB;QACjD,SAAS,EAAE,uBAAW,CAAC,QAAQ;QAC/B,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,GAAG;KAClB,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEhC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAe,EAAC;QACnD,qDAAqD;QACrD,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,UAAU;KAClD,CAAC,CAAC;IAEH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAC3F,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,KAAK,CAAC,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;QACrC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CACrB,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,EAC1D,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAA6B,EACrC,wBAAwB,EAAE,4BAA4B,GACtD,CACH,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,CAAC;AAC5F,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,aAAa,GAAG,CACpB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAC3C,GAA0D,EAC7C,EAAE;IACf,MAAM,cAAc,GAAG,uBAAC,iCAAe,OAAM,KAAqC,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAEjG,OAAO,CACL,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cACf,QAAQ,CAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,cAAc,GAAU,CAAC,CAAC,CAAC,cAAc,GACjE,YAGtB,uBAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAIjB,CAAC;AAE7B,0CAAe"}
+{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalControlled.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/modalV2/modalStandAlone.d.ts

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

package/dist/cjs/components/modalV2/modalStandAlone.js

@@ -1,47 +1,27 @@
 "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.ModalStandAlone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const footer_1 = require("../footer");
-const popover_1 = require("../popover");
-const fragments_1 = require("./fragments");
+const react_1 = __importDefault(require("react"));
+const useId_1 = require("../../hooks/useId/useId");
+const role_1 = require("../../types/role/role");
+const footer_1 = require("../footer/footer");
+const popoverControlled_1 = require("../popover/popoverControlled");
+const component_1 = require("../popover/types/component");
+const positionVariant_1 = require("../popover/types/positionVariant");
+const modalHeader_1 = require("./fragments/modalHeader");
 const modal_styled_1 = require("./modal.styled");
-const utils_1 = require("./utils");
-const ModalStandAloneComponent = ({ dataTestId = 'modalDataTestId', scrollableRef, shadowRef, customHeightAllDevices = false, customWidthAllDevices = false, ...props }, ref) => {
-    const uniqueModalId = (0, hooks_1.useId)('modal');
+const onlyDesktopSize_1 = require("./utils/onlyDesktopSize");
+const ModalStandAloneComponent = ({ dataTestId = 'modal', customHeightAllDevices = false, customWidthAllDevices = false, ...props }, ref) => {
+    const uniqueModalId = (0, useId_1.useId)('modal');
     const modalId = props.id ?? uniqueModalId;
-    const uniqueTitleId = (0, hooks_1.useId)('modal-title');
+    const uniqueTitleId = (0, useId_1.useId)('modal-title');
     const titleIdFinal = props.title?.id ?? uniqueTitleId;
-    const modalRef = React.useRef(null);
     const modalFooterVariant = props.footer?.variant ?? props.styles.footerVariant;
-    return ((0, jsx_runtime_1.jsx)(popover_1.PopoverControlled, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: popover_1.PopoverComponentType.DIALOG, dataTestId: `${dataTestId}Popover`, hasBackDrop: true, id: modalId, open: props.open, positionVariant: popover_1.PopoverPositionVariantType.FIXED, trapFocusInsideModal: true, variant: props.styles.popoverVariant, onCloseInternally: props.onPopoverCloseInternally, ...props.popover, children: (0, jsx_runtime_1.jsxs)(modal_styled_1.ModalStyled, { ref: modalRef, "$maxHeight": props.maxHeight, "$maxWidth": props.maxWidth, "$minHeight": customHeightAllDevices ? props.minHeight : (0, utils_1.onlyDesktopSize)(props.device, props.minHeight), "$minWidth": customWidthAllDevices ? props.minWidth : (0, utils_1.onlyDesktopSize)(props.device, props.minWidth), "$styles": props.styles, "data-testid": dataTestId, hasFooter: !!props.footer?.content, onKeyDown: event => props.onKeyDown?.(event), children: [(0, jsx_runtime_1.jsx)(fragments_1.ModalHeader, { ref: shadowRef, blocked: props.blocked, closeButton: props.closeButton, closeIcon: props.closeIcon, dataTestId: dataTestId, device: props.device, dragIcon: props.dragIcon, dragIconRef: props.dragIconRef, styles: props.styles, title: props.title, titleIdFinal: titleIdFinal }), (0, jsx_runtime_1.jsx)(modal_styled_1.ModalContentStyled, { ref: ref => {
-                        scrollableRef(ref);
-                    }, "$minContentHeight": props.minContentHeight, "$styles": props.styles, "data-testid": `${dataTestId}Content`, children: props.content }), modalFooterVariant && props.footer?.content && ((0, jsx_runtime_1.jsx)(modal_styled_1.ModalFooterStyled, { "$styles": props.styles, children: (0, jsx_runtime_1.jsx)(footer_1.Footer, { dataTestId: `${dataTestId}Navbar`, variant: modalFooterVariant, ...props.footer, children: props.footer?.content }) }))] }) }));
+    return ((0, jsx_runtime_1.jsx)(popoverControlled_1.PopoverControlled, { "aria-labelledby": titleIdFinal, "aria-modal": props.open, clickOverlayClose: !props.blocked, component: component_1.PopoverComponentType.DIV, hasBackDrop: true, id: modalId, open: props.open, positionVariant: positionVariant_1.PopoverPositionVariantType.FIXED, role: role_1.ROLES.DIALOG, trapFocusInsideModal: true, variant: props.styles.popoverVariant, onCloseInternally: props.onPopoverCloseInternally, ...props.popover, children: (0, jsx_runtime_1.jsxs)(modal_styled_1.ModalStyled, { ref: ref, "$maxHeight": props.maxHeight, "$maxWidth": props.maxWidth, "$minHeight": customHeightAllDevices ? props.minHeight : (0, onlyDesktopSize_1.onlyDesktopSize)(props.device, props.minHeight), "$minWidth": customWidthAllDevices ? props.minWidth : (0, onlyDesktopSize_1.onlyDesktopSize)(props.device, props.minWidth), "$styles": props.styles, "data-testid": dataTestId, hasFooter: !!props.footer?.content, onKeyDown: props.onKeyDown, children: [(0, jsx_runtime_1.jsx)(modalHeader_1.ModalHeader, { blocked: props.blocked, closeButton: props.closeButton, closeIcon: props.closeIcon, device: props.device, dragIcon: props.dragIcon, styles: props.styles, title: props.title, titleIdFinal: titleIdFinal }), (0, jsx_runtime_1.jsx)(modal_styled_1.ModalContentStyled, { "data-modal-content": true, "$minContentHeight": props.minContentHeight, "$styles": props.styles, "aria-label": props.contentHasScroll ? props.contentScrollArias?.['aria-label'] : undefined, "aria-labelledby": props.contentHasScroll ? props.contentScrollArias?.['aria-labelledby'] : undefined, "data-testid": `${dataTestId}-content`, role: props.contentHasScroll ? role_1.ROLES.REGION : undefined, tabIndex: props.contentHasScroll ? 0 : undefined, children: props.content }), modalFooterVariant && props.footer?.content && ((0, jsx_runtime_1.jsx)(modal_styled_1.ModalFooterStyled, { "$styles": props.styles, children: (0, jsx_runtime_1.jsx)(footer_1.Footer, { variant: modalFooterVariant, ...props.footer, children: props.footer?.content }) }))] }) }));
 };
-exports.ModalStandAlone = React.forwardRef(ModalStandAloneComponent);
+exports.ModalStandAlone = react_1.default.forwardRef(ModalStandAloneComponent);
 //# sourceMappingURL=modalStandAlone.js.map

package/dist/cjs/components/modalV2/modalStandAlone.js.map

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

package/dist/cjs/components/modalV2/modalUnControlled.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IModalUnControlled } from './types/modal';
+declare const ModalUnControlledComponent: <V extends string | unknown>({ variant, onClose, closeIcon, closeButton, popover, ...props }: IModalUnControlled<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
+declare const ModalUnControlled: <V extends string | unknown>(props: React.PropsWithChildren<IModalUnControlled<V>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
+}) => ReturnType<typeof ModalUnControlledComponent>;
+export { ModalUnControlled as ModalV2 };

package/dist/cjs/components/modalV2/modalUnControlled.js

@@ -23,16 +23,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalUnControlled = void 0;
+exports.ModalV2 = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const utils_1 = require("../../utils");
+const react_1 = __importStar(require("react"));
+const keyboard_utility_1 = require("../../utils/keyboard/keyboard.utility");
 const modalControlled_1 = require("./modalControlled");
 const ModalUnControlledComponent = ({ variant, onClose, closeIcon, closeButton, popover, ...props }, ref) => {
     const [open, setOpen] = (0, react_1.useState)(props.open);
     const onKeyDown = event => {
-        if (props?.blocked && (0, utils_1.isKeyEscapePressed)(event.key)) {
+        if (props?.blocked && (0, keyboard_utility_1.isKeyEscapePressed)(event.key)) {
             return event.stopPropagation();
         }
     };
@@ -55,8 +54,8 @@ const ModalUnControlledComponent = ({ variant, onClose, closeIcon, closeButton,
         handleClose();
         popover?.onCloseInternally?.();
     };
-    return ((0, jsx_runtime_1.jsx)(modalControlled_1.ModalControlled, { ...props, ref: ref, closeButton: closeButton && { ...closeButton, onClick: handlecloseButtonClick }, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally }, variant: variant, onClose: onClose, onKeyDown: onKeyDown }));
+    return ((0, jsx_runtime_1.jsx)(modalControlled_1.ModalControlledV2, { ...props, ref: ref, closeButton: closeButton && { ...closeButton, onClick: handlecloseButtonClick }, closeIcon: { ...closeIcon, onClick: handleCloseIconClick }, open: open, popover: { ...popover, onCloseInternally: handlePopoverCloseInternally }, variant: variant, onClose: onClose, onKeyDown: onKeyDown }));
 };
-const ModalUnControlled = React.forwardRef(ModalUnControlledComponent);
-exports.ModalUnControlled = ModalUnControlled;
+const ModalUnControlled = react_1.default.forwardRef(ModalUnControlledComponent);
+exports.ModalV2 = ModalUnControlled;
 //# sourceMappingURL=modalUnControlled.js.map

package/dist/cjs/components/modalV2/modalUnControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalUnControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,iCAA4C;AAE5C,mCAA6C;AAE7C,uDAAoD;AAGpD,MAAM,0BAA0B,GAAG,CACjC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyB,EACtF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,SAAS,GAA+C,KAAK,CAAC,EAAE;QACpE,IAAI,KAAK,EAAE,OAAO,IAAI,IAAA,0BAAkB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAC/E,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAC1D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,iBAAiB,EAAE,4BAA4B,EAAE,EACxE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAMnB,CAAC;AAE1C,8CAAiB"}
+{"version":3,"file":"modalUnControlled.js","sourceRoot":"","sources":["../../../../src/components/modalV2/modalUnControlled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAEnD,4EAA2E;AAC3E,uDAAyE;AAGzE,MAAM,0BAA0B,GAAG,CACjC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAyB,EACtF,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,SAAS,GAA+C,KAAK,CAAC,EAAE;QACpE,IAAI,KAAK,EAAE,OAAO,IAAI,IAAA,qCAAkB,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE;QAC/B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAG,EAAE;QACxC,WAAW,EAAE,CAAC;QACd,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mCAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,IAAI,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAC/E,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAC1D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,iBAAiB,EAAE,4BAA4B,EAAE,EACxE,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAAC,0BAA0B,CAMnB,CAAC;AAErB,oCAAO"}

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

@@ -0,0 +1,2 @@
+export * from './modal';
+export * from './modalTheme';

package/dist/cjs/components/modalV2/types/modal.d.ts

@@ -0,0 +1,68 @@
+import { DeviceBreakpointsType } from '../../../types/breakpoints/breakpoints';
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
+import { IButton } from '../../button/types/button';
+import { IElementOrIcon } from '../../elementOrIcon/types/elementOrIcon';
+import { IFooter } from '../../footer/types/footer';
+import { IPopoverControlled } from '../../popover/types/popover';
+import { IText } from '../../text/types/text';
+import { ModalBaseStylesType } from './modalTheme';
+export type ModalTitleTextType = Omit<IText<string>, 'children'> & {
+    content?: React.ReactNode;
+    visible?: boolean;
+};
+export type ModalButtonType = Omit<IButton, 'children' | 'variant'> & {
+    content?: React.ReactNode;
+    variant?: string;
+};
+export type ModalFooterType = Omit<IFooter, 'children' | 'variant'> & {
+    content?: JSX.Element[] | JSX.Element;
+    variant?: string;
+};
+export type ModalPopoverType = Omit<IPopoverControlled, 'children' | 'open'>;
+export interface IModalStyled {
+    $styles: ModalBaseStylesType;
+    $maxHeight?: string;
+    $minHeight?: string;
+    $maxWidth?: string;
+    $minWidth?: string;
+    hasFooter?: boolean;
+}
+export type ModalContentScrollAriasType = {
+    ['aria-label']?: string;
+    ['aria-labelledby']?: string;
+};
+export interface IModalStandAlone {
+    styles: ModalBaseStylesType;
+    maxHeight?: string;
+    minHeight?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    minContentHeight?: string;
+    customHeightAllDevices?: boolean;
+    customWidthAllDevices?: boolean;
+    id?: string;
+    open?: boolean;
+    popover?: ModalPopoverType;
+    blocked?: boolean;
+    title?: ModalTitleTextType;
+    closeIcon?: IElementOrIcon;
+    closeButton?: ModalButtonType;
+    content?: React.ReactNode;
+    contentScrollArias?: ModalContentScrollAriasType;
+    contentHasScroll: boolean;
+    footer?: ModalFooterType;
+    device: DeviceBreakpointsType;
+    dataTestId?: string;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onPopoverCloseInternally?: () => void;
+    dragIcon?: IElementOrIcon;
+}
+type OmitProps = 'styles' | 'device' | 'contentHasScroll';
+export interface IModalControlled<V = undefined extends string ? unknown : string> extends Omit<IModalStandAlone, OmitProps>, Omit<CustomTokenTypes<ModalBaseStylesType>, 'cts' | 'extraCt'> {
+    variant: V;
+    portalId?: string;
+    onClose?: () => void;
+}
+export interface IModalUnControlled<V = undefined extends string ? unknown : string> extends IModalControlled<V> {
+}
+export {};

package/dist/cjs/components/modalV2/types/modalTheme.d.ts

@@ -0,0 +1,23 @@
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+import { IconTypes } from '../../../types/styles/icon';
+import { TypographyTypes } from '../../../types/styles/typography';
+export type ModalBaseStylesType = {
+    footerVariant?: string;
+    popoverVariant?: string;
+    container?: CommonStyleType;
+    headerContainer?: CommonStyleType;
+    imageHeader?: IconTypes;
+    title?: TypographyTypes;
+    content?: CommonStyleType;
+    closeButtonContainer?: CommonStyleType;
+    closeButtonIcon?: IconTypes;
+    footer?: CommonStyleType;
+    closeButton?: {
+        buttonVariant?: string;
+    };
+    dragIconContainer?: CommonStyleType;
+    dragIcon?: IconTypes;
+};
+export type ModalStylesType<P extends string | number | symbol> = {
+    [variant in P]?: ModalBaseStylesType;
+};

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

@@ -0,0 +1 @@
+export { onlyDesktopSize } from './onlyDesktopSize';

package/dist/cjs/components/modalV2/utils/onlyDesktopSize.d.ts

@@ -0,0 +1,2 @@
+import { DeviceBreakpointsType } from '../../../types/breakpoints/breakpoints';
+export declare const onlyDesktopSize: (device: DeviceBreakpointsType, value?: string) => string | undefined;

package/dist/cjs/components/modalV2/utils/onlyDesktopSize.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onlyDesktopSize = void 0;
-const types_1 = require("../../../types");
+const breakpoints_1 = require("../../../types/breakpoints/breakpoints");
 const onlyDesktopSize = (device, value) => {
-    return device === types_1.DeviceBreakpointsType.DESKTOP || device === types_1.DeviceBreakpointsType.LARGE_DESKTOP
+    return device === breakpoints_1.DeviceBreakpointsType.DESKTOP || device === breakpoints_1.DeviceBreakpointsType.LARGE_DESKTOP
         ? value
         : undefined;
 };

package/dist/cjs/components/modalV2/utils/onlyDesktopSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"onlyDesktopSize.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/utils/onlyDesktopSize.ts"],"names":[],"mappings":";;;AAAA,mCAAgD;AAEzC,MAAM,eAAe,GAAG,CAC7B,MAA6B,EAC7B,KAAc,EACM,EAAE;IACtB,OAAO,MAAM,KAAK,6BAAqB,CAAC,OAAO,IAAI,MAAM,KAAK,6BAAqB,CAAC,aAAa;QAC/F,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC;AAPW,QAAA,eAAe,mBAO1B"}
+{"version":3,"file":"onlyDesktopSize.js","sourceRoot":"","sources":["../../../../../src/components/modalV2/utils/onlyDesktopSize.ts"],"names":[],"mappings":";;;AAAA,iEAAwE;AAEjE,MAAM,eAAe,GAAG,CAC7B,MAA6B,EAC7B,KAAc,EACM,EAAE;IACtB,OAAO,MAAM,KAAK,mCAAqB,CAAC,OAAO,IAAI,MAAM,KAAK,mCAAqB,CAAC,aAAa;QAC/F,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC;AAPW,QAAA,eAAe,mBAO1B"}

package/dist/cjs/components/navigationCard/fragments/index.d.ts

@@ -0,0 +1 @@
+export { NavigationCardInfo } from './navigationCardInfo';

package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.d.ts

@@ -0,0 +1,14 @@
+import { DeviceBreakpointsType } from '../../../types/breakpoints/breakpoints';
+import { NavigationCardTagType, NavigationCardTextType } from '../types/navigationCard';
+import { NavigationCardStylesPropsType } from '../types/navigationCardTheme';
+interface INavigationCardInfo {
+    styles: NavigationCardStylesPropsType;
+    innerContainersComponent?: 'div' | 'span';
+    title?: NavigationCardTextType;
+    description?: NavigationCardTextType;
+    tag?: NavigationCardTagType;
+    device: DeviceBreakpointsType;
+    customHeight?: string;
+}
+export declare const NavigationCardInfo: (props: INavigationCardInfo) => JSX.Element;
+export {};

package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js

@@ -2,13 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationCardInfo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const screenReaderOnly_1 = require("../../../components/screenReaderOnly");
 const tag_1 = require("../../../components/tag/tag");
-const text_1 = require("../../../components/text");
+const text_1 = require("../../../components/text/text");
+const screenReaderOnly_1 = require("../../screenReaderOnly/screenReaderOnly");
+const component_1 = require("../../text/types/component");
+const decoration_1 = require("../../text/types/decoration");
 const navigationCard_styled_1 = require("../navigationCard.styled");
 const NavigationCardInfo = (props) => ((0, jsx_runtime_1.jsxs)(navigationCard_styled_1.NavigationCardContentStyled, { as: props.innerContainersComponent, children: [(0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.title?.[props.device]?.linesNumber ?? props.styles.title?.linesNumber, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: props.styles.title?.[props.device]?.component ??
                     props.styles.title?.component ??
-                    text_1.TextComponentType.SPAN, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Text`, decoration: text_1.TextDecorationType.NONE, ...props.title, children: props.title?.content }) }), props.description && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardDescriptionContainerStyled, { as: props.innerContainersComponent, styles: props.styles, children: (0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.description?.[props.device]?.linesNumber ??
-                    props.styles.description?.linesNumber, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: props.styles.description, dataTestId: `${props.dataTestId}Description`, decoration: text_1.TextDecorationType.NONE, ...props.description, children: props.description.content }) }) })), props.tag && props.styles.containerExpandedContent && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardTagContainer, { as: props.innerContainersComponent, styles: props.styles, children: (0, jsx_runtime_1.jsxs)(tag_1.Tag, { dataTestId: `${props.dataTestId}Tag`, option: props.styles.tag?.option, variant: props.styles.tag?.variant, ...props.tag, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: props.tag?.screenReaderText }), props.tag?.content] }) }))] }));
+                    component_1.TextComponentType.SPAN, customTypography: props.styles.title, decoration: decoration_1.TextDecorationType.NONE, ...props.title, children: props.title?.content }) }), props.description && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardDescriptionContainerStyled, { as: props.innerContainersComponent, styles: props.styles, children: (0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.description?.[props.device]?.linesNumber ??
+                    props.styles.description?.linesNumber, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles.description, decoration: decoration_1.TextDecorationType.NONE, ...props.description, children: props.description.content }) }) })), props.tag && props.styles.containerExpandedContent && ((0, jsx_runtime_1.jsx)(navigationCard_styled_1.NavigationCardTagContainer, { as: props.innerContainersComponent, styles: props.styles, children: (0, jsx_runtime_1.jsxs)(tag_1.Tag, { option: props.styles.tag?.option, variant: props.styles.tag?.variant, ...props.tag, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { children: props.tag?.screenReaderText }), props.tag?.content] }) }))] }));
 exports.NavigationCardInfo = NavigationCardInfo;
 //# sourceMappingURL=navigationCardInfo.js.map

package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigationCardInfo.js","sourceRoot":"","sources":["../../../../../src/components/navigationCard/fragments/navigationCardInfo.tsx"],"names":[],"mappings":";;;;AAEA,oEAAiE;AACjE,8CAA2C;AAC3C,4CAAgF;AAGhF,oEAKkC;AAkB3B,MAAM,kBAAkB,GAAG,CAAC,KAA0B,EAAe,EAAE,CAAC,CAC7E,wBAAC,mDAA2B,IAAC,EAAE,EAAE,KAAK,CAAC,wBAAwB,aAC7D,uBAAC,qDAA6B,IAC5B,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,YAEzF,uBAAC,WAAI,IACH,SAAS,EACP,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS;oBAC7C,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS;oBAC7B,wBAAiB,CAAC,IAAI,EAExB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,MAAM,EACrC,UAAU,EAAE,yBAAkB,CAAC,IAAI,KAC/B,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACuB,EAC/B,KAAK,CAAC,WAAW,IAAI,CACpB,uBAAC,gEAAwC,IACvC,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,uBAAC,qDAA6B,IAC5B,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,KAAK,EACH,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW;oBACrD,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,YAGvC,uBAAC,WAAI,IACH,SAAS,EAAE,wBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAC1C,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,aAAa,EAC5C,UAAU,EAAE,yBAAkB,CAAC,IAAI,KAC/B,KAAK,CAAC,WAAW,YAEpB,KAAK,CAAC,WAAW,CAAC,OAAO,GACrB,GACuB,GACS,CAC5C,EACA,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,wBAAwB,IAAI,CACrD,uBAAC,kDAA0B,IAAC,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAClF,wBAAC,SAAG,IACF,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,KAAK,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,EAChC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,KAC9B,KAAK,CAAC,GAAG,aAEb,uBAAC,mCAAgB,cAAE,KAAK,CAAC,GAAG,EAAE,gBAAgB,GAAoB,EACjE,KAAK,CAAC,GAAG,EAAE,OAAO,IACf,GACqB,CAC9B,IAC2B,CAC/B,CAAC;AA1DW,QAAA,kBAAkB,sBA0D7B"}
+{"version":3,"file":"navigationCardInfo.js","sourceRoot":"","sources":["../../../../../src/components/navigationCard/fragments/navigationCardInfo.tsx"],"names":[],"mappings":";;;;AAEA,8CAA2C;AAC3C,iDAA8C;AAG9C,8EAA2E;AAC3E,0DAA+D;AAC/D,4DAAiE;AACjE,oEAKkC;AAc3B,MAAM,kBAAkB,GAAG,CAAC,KAA0B,EAAe,EAAE,CAAC,CAC7E,wBAAC,mDAA2B,IAAC,EAAE,EAAE,KAAK,CAAC,wBAAwB,aAC7D,uBAAC,qDAA6B,IAC5B,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,YAEzF,uBAAC,WAAI,IACH,SAAS,EACP,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS;oBAC7C,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS;oBAC7B,6BAAiB,CAAC,IAAI,EAExB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,+BAAkB,CAAC,IAAI,KAC/B,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACuB,EAC/B,KAAK,CAAC,WAAW,IAAI,CACpB,uBAAC,gEAAwC,IACvC,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,uBAAC,qDAA6B,IAC5B,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,KAAK,EACH,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW;oBACrD,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,YAGvC,uBAAC,WAAI,IACH,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAC1C,UAAU,EAAE,+BAAkB,CAAC,IAAI,KAC/B,KAAK,CAAC,WAAW,YAEpB,KAAK,CAAC,WAAW,CAAC,OAAO,GACrB,GACuB,GACS,CAC5C,EACA,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,wBAAwB,IAAI,CACrD,uBAAC,kDAA0B,IAAC,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAClF,wBAAC,SAAG,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,KAAM,KAAK,CAAC,GAAG,aACtF,uBAAC,mCAAgB,cAAE,KAAK,CAAC,GAAG,EAAE,gBAAgB,GAAoB,EACjE,KAAK,CAAC,GAAG,EAAE,OAAO,IACf,GACqB,CAC9B,IAC2B,CAC/B,CAAC;AAnDW,QAAA,kBAAkB,sBAmD7B"}

package/dist/cjs/components/navigationCard/helpers/buildProps.d.ts

@@ -0,0 +1,9 @@
+import { DeviceBreakpointsType } from '../../../types/breakpoints/breakpoints';
+import { DecorativePropsType } from '../../decorativeElement/types/decorativeElement';
+import { NavigationCardStylesPropsType } from '../types/navigationCardTheme';
+type PropsReturnType = {
+    marginRight: string | undefined;
+    additionalProps: object | undefined;
+};
+export declare const buildProps: (styles: NavigationCardStylesPropsType, element: DecorativePropsType | undefined, device: DeviceBreakpointsType, dataTestId?: string) => PropsReturnType;
+export {};

package/dist/cjs/components/navigationCard/helpers/buildProps.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildProps = void 0;
-const decorativeElement_1 = require("../../../components/decorativeElement");
+const decorativeElement_1 = require("../../decorativeElement/types/decorativeElement");
 const buildProps = (styles, element, device, dataTestId) => {
     if (element?.[decorativeElement_1.DecorativeType.ICON]) {
         return {
@@ -10,7 +10,6 @@ const buildProps = (styles, element, device, dataTestId) => {
                 width: styles.icon?.[device]?.width ?? styles.icon?.width,
                 height: styles.icon?.[device]?.height ?? styles.icon?.height,
                 color: styles.icon?.[device]?.color ?? styles.icon?.color,
-                dataTestId: `${dataTestId}Icon`,
                 ...element[decorativeElement_1.DecorativeType.ICON],
             },
         };
@@ -24,7 +23,6 @@ const buildProps = (styles, element, device, dataTestId) => {
             additionalProps: {
                 ...styles.iconHighlighted,
                 size,
-                dataTestId: `${dataTestId}IconHighlighted`,
             },
         };
     }
@@ -32,7 +30,6 @@ const buildProps = (styles, element, device, dataTestId) => {
         return {
             marginRight: styles.illustration?.margin_right,
             additionalProps: {
-                dataTestId: `${dataTestId}Illustration`,
                 height: `${styles.illustration?.[device]?.height ?? styles.illustration?.height}`,
                 width: `${styles.illustration?.[device]?.width ?? styles.illustration?.width}`,
             },
@@ -41,9 +38,7 @@ const buildProps = (styles, element, device, dataTestId) => {
     else if (element?.[decorativeElement_1.DecorativeType.AVATAR]) {
         return {
             marginRight: styles.avatar?.margin_right,
-            additionalProps: {
-                dataTestId: `${dataTestId}Avatar`,
-            },
+            additionalProps: {},
         };
     }
     return { marginRight: undefined, additionalProps: undefined };

package/dist/cjs/components/navigationCard/helpers/buildProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildProps.js","sourceRoot":"","sources":["../../../../../src/components/navigationCard/helpers/buildProps.ts"],"names":[],"mappings":";;;AAAA,sEAAqF;AAU9E,MAAM,UAAU,GAAG,CACxB,MAAqC,EACrC,OAAwC,EACxC,MAA6B,EAC7B,UAAmB,EACF,EAAE;IACnB,IAAI,OAAO,EAAE,CAAC,kCAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACnC,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,YAAY;YACtC,eAAe,EAAE;gBACf,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK;gBACzD,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM;gBAC5D,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK;gBACzD,UAAU,EAAE,GAAG,UAAU,MAAM;gBAC/B,GAAG,OAAO,CAAC,kCAAc,CAAC,IAAI,CAAC;aAChC;SACF,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC,kCAAc,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACtD,MAAM,IAAI,GAAG,OAAO,CAAC,kCAAc,CAAC,gBAAgB,CAAC,EAAE,IAAI;YACzD,CAAC,CAAC,OAAO,CAAC,kCAAc,CAAC,gBAAgB,CAAC,EAAE,IAAI;YAChD,CAAC,CAAC,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;QACjC,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,eAAe,EAAE,YAAY;YACjD,eAAe,EAAE;gBACf,GAAG,MAAM,CAAC,eAAe;gBACzB,IAAI;gBACJ,UAAU,EAAE,GAAG,UAAU,iBAAiB;aAC3C;SACF,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC,kCAAc,CAAC,YAAY,CAAC,EAAE,CAAC;QAClD,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,YAAY;YAC9C,eAAe,EAAE;gBACf,UAAU,EAAE,GAAG,UAAU,cAAc;gBACvC,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,MAAM,CAAC,YAAY,EAAE,MAAM,EAAE;gBACjF,KAAK,EAAE,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE;aAC/E;SACF,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC,kCAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5C,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY;YACxC,eAAe,EAAE;gBACf,UAAU,EAAE,GAAG,UAAU,QAAQ;aAClC;SACF,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AAChE,CAAC,CAAC;AA/CW,QAAA,UAAU,cA+CrB"}
+{"version":3,"file":"buildProps.js","sourceRoot":"","sources":["../../../../../src/components/navigationCard/helpers/buildProps.ts"],"names":[],"mappings":";;;AAEA,uFAGyD;AAQlD,MAAM,UAAU,GAAG,CACxB,MAAqC,EACrC,OAAwC,EACxC,MAA6B,EAC7B,UAAmB,EACF,EAAE;IACnB,IAAI,OAAO,EAAE,CAAC,kCAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACnC,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,YAAY;YACtC,eAAe,EAAE;gBACf,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK;gBACzD,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM;gBAC5D,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK;gBACzD,GAAG,OAAO,CAAC,kCAAc,CAAC,IAAI,CAAC;aAChC;SACF,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC,kCAAc,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACtD,MAAM,IAAI,GAAG,OAAO,CAAC,kCAAc,CAAC,gBAAgB,CAAC,EAAE,IAAI;YACzD,CAAC,CAAC,OAAO,CAAC,kCAAc,CAAC,gBAAgB,CAAC,EAAE,IAAI;YAChD,CAAC,CAAC,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;QACjC,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,eAAe,EAAE,YAAY;YACjD,eAAe,EAAE;gBACf,GAAG,MAAM,CAAC,eAAe;gBACzB,IAAI;aACL;SACF,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC,kCAAc,CAAC,YAAY,CAAC,EAAE,CAAC;QAClD,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,YAAY;YAC9C,eAAe,EAAE;gBACf,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,MAAM,CAAC,YAAY,EAAE,MAAM,EAAE;gBACjF,KAAK,EAAE,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE;aAC/E;SACF,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC,kCAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5C,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY;YACxC,eAAe,EAAE,EAAE;SACpB,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AAChE,CAAC,CAAC;AA1CW,QAAA,UAAU,cA0CrB"}

package/dist/cjs/components/navigationCard/helpers/index.d.ts

@@ -0,0 +1 @@
+export { buildProps } from './buildProps';

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

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './navigationCard';

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { INavigationCard } from './types/navigationCard';
+declare const NavigationCardBoundary: <V extends string | unknown>(props: INavigationCard<V>, ref: React.ForwardedRef<HTMLAnchorElement | HTMLButtonElement> | undefined | null) => JSX.Element;
+declare const NavigationCard: <V extends string | unknown>(props: React.PropsWithChildren<INavigationCard<V>> & {
+    ref?: React.ForwardedRef<HTMLAnchorElement | HTMLButtonElement> | undefined | null;
+}) => ReturnType<typeof NavigationCardBoundary>;
+export { NavigationCard };