@trilogy-ds/react 4.9.0-beta-build-1 → 4.9.1

package/lib/components/modal/Modal.mjs

@@ -1,98 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import { ButtonType } from '../../components/button';
-import { Title, TitleLevels, TitleMarkup } from '../../components/title';
-import { useTrilogyContext } from '../../context/index';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services';
-import translation from '@trilogy-ds/locales/lib/modal';
-import clsx from 'clsx';
-import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
-import { ComponentName } from '../enumsComponentsName';
-/**
- * Modal Component
- * @param active {boolean} Activated Modal
- * @param title {string} Title Modal
- * @param onClose {Function} Additional close custom function
- * @param onOpen {Function} Additional open custom function
- * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
- * @param panel {boolean} Panel Side Modal
- * @param accessibilityLabel {string} Accessibility label
- * - -------------------------- NATIVE PROPERTIES -------------------------------
- */
-var Modal = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, id = _a.id, _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? 'Close' : _b, active = _a.active, onClose = _a.onClose, unClosable = _a.unClosable, panel = _a.panel, size = _a.size, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "className", "id", "accessibilityLabel", "active", "onClose", "unClosable", "panel", "size", "hideCloseButton", "trigger", "title"]);
-    var modalContentRef = useRef(null);
-    var _d = __read(useState(active || false), 2), display = _d[0], setDisplay = _d[1];
-    var styled = useTrilogyContext().styled;
-    var refBtnModal = useRef(null);
-    var refModal = useRef(null);
-    var modalGeneratedId = useId();
-    var focusableElementsRef = useRef(null);
-    var currentFocusIndexRef = useRef(0);
-    var handleClose = React.useCallback(function (onCloseFunc, e) {
-        if (!unClosable) {
-            setDisplay(false);
-            refBtnModal.current && refBtnModal.current.focus();
-            if (onCloseFunc)
-                onCloseFunc(e);
-        }
-    }, [refBtnModal.current]);
-    var classes = hashClass(styled, clsx('modal', display && is('active'), size && is(size), panel && is('panel'), className));
-    var onKeyDown = useCallback(function (e) {
-        if (display && e.key === 'Tab') {
-            e.preventDefault();
-            if (focusableElementsRef.current) {
-                var currentIndex = currentFocusIndexRef.current;
-                var offset = e.shiftKey ? -1 : 1;
-                var nextIndex = (currentIndex + offset + focusableElementsRef.current.length) % focusableElementsRef.current.length;
-                currentFocusIndexRef.current = nextIndex;
-                focusableElementsRef.current[nextIndex].focus();
-            }
-        }
-        if (!unClosable && display && e.key === 'Escape') {
-            e.preventDefault();
-            setDisplay(false);
-            refBtnModal.current && refBtnModal.current.focus();
-            currentFocusIndexRef.current = 0;
-            onClose && onClose();
-        }
-    }, [display, focusableElementsRef, currentFocusIndexRef, refBtnModal, onClose]);
-    useEffect(function () {
-        setDisplay(function (prev) {
-            if (prev) {
-                refBtnModal.current && refBtnModal.current.focus();
-                currentFocusIndexRef.current = 0;
-            }
-            return active || false;
-        });
-    }, [active, currentFocusIndexRef, refBtnModal]);
-    useEffect(function () {
-        !hideCloseButton && display && focusableElementsRef.current && focusableElementsRef.current[0].focus();
-    }, [hideCloseButton, display, focusableElementsRef]);
-    useEffect(function () {
-        if (modalContentRef.current) {
-            focusableElementsRef.current = modalContentRef.current.querySelectorAll('button:not(:disabled), input:not(:disabled), a, select:not(:disabled), textarea:not(:disabled), details:not([aria-disabled="true"]) > summary');
-        }
-    }, [modalContentRef, focusableElementsRef]);
-    return (React.createElement("div", { onKeyDown: onKeyDown, ref: refModal },
-        trigger && React.cloneElement(trigger, { ref: refBtnModal, 'aria-haspopup': 'dialog' }),
-        React.createElement("div", __assign({ ref: ref, id: id, className: classes, role: 'dialog', "aria-labelledby": modalGeneratedId, "aria-modal": true, onClick: function (e) {
-                var _a;
-                if (!((_a = modalContentRef === null || modalContentRef === void 0 ? void 0 : modalContentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-                    handleClose(onClose, e);
-                }
-            } }, others),
-            React.createElement("div", { ref: modalContentRef, className: hashClass(styled, clsx('modal-content')) },
-                React.createElement("div", { className: hashClass(styled, clsx('modal-header')) },
-                    !hideCloseButton && (React.createElement("button", { onClick: function (e) {
-                            handleClose(onClose, e);
-                        }, className: hashClass(styled, clsx('modal-close', is('large'))), type: ButtonType.BUTTON },
-                        React.createElement("span", { className: hashClass(styled, clsx('sr-only')) }, translation.accessibilityLabelButtonClose))),
-                    React.createElement(Title, { id: modalGeneratedId, level: TitleLevels.THREE, markup: TitleMarkup.H1 }, title)),
-                children && children))));
-});
-Modal.displayName = ComponentName.Modal;
-export default Modal;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sV0FBVyxNQUFNLCtCQUErQixDQUFBO0FBQ3ZELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFpQixXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBY0MsRUFDRCxHQUFHO0lBZEQsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRiwwQkFBNEIsRUFBNUIsa0JBQWtCLG1CQUFHLE9BQU8sS0FBQSxFQUM1QixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osdUJBQXVCLEVBQXZCLGVBQWUsbUJBQUcsS0FBSyxLQUFBLEVBQ3ZCLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FiWCxnSkFjQyxDQURV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

package/lib/components/modal/Modal.native.d.mts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ModalProps } from './ModalProps';
-/**
- * Modal Component
- * @param active {boolean} Activated Modal
- * @param title {string} Title Modal
- * @param onClose {Function} Additional close custom function
- * @param onOpen {Function} Additional open custom function
- * @param children {React.ReactNode}
- * @param onModalHide {Function} Callback on Hide
- * @param unClosable {boolean} unClosable Native Modal
- */
-declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<View>>;
-export default Modal;

package/lib/components/modal/Modal.native.mjs

@@ -1,78 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { isAndroid } from '../../helpers/device.native';
-import { Alignable, getColorStyle, TrilogyColor } from '../../objects';
-import React, { useEffect, useRef, useState } from 'react';
-import { Dimensions, StyleSheet, TouchableOpacity, View, } from 'react-native';
-import ModalRN from 'react-native-modal';
-import { Column, Columns } from '../columns';
-import { Icon, IconName, IconSize } from '../icon';
-import { Title } from '../title';
-import { ModalContext } from './context/ModalContext';
-/**
- * Modal Component
- * @param active {boolean} Activated Modal
- * @param title {string} Title Modal
- * @param onClose {Function} Additional close custom function
- * @param onOpen {Function} Additional open custom function
- * @param children {React.ReactNode}
- * @param onModalHide {Function} Callback on Hide
- * @param unClosable {boolean} unClosable Native Modal
- */
-var Modal = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "active", "onClose", "onModalHide", "hideCloseButton", "unClosable", "trigger", "title"]);
-    var scrollViewRef = useRef(null);
-    var _e = __read(useState(0), 2), scrollOffset = _e[0], setScrollOffset = _e[1];
-    var _f = __read(useState(active || false), 2), visible = _f[0], setVisible = _f[1];
-    var _g = __read(useState(active || false), 2), isFooter = _g[0], setIsFooter = _g[1];
-    var handleOnScroll = function (event) {
-        setScrollOffset(event.nativeEvent.contentOffset.y);
-    };
-    var handleScrollTo = function (p) {
-        if (scrollViewRef.current)
-            scrollViewRef.current.scrollTo(p);
-    };
-    var handleClose = function (e) {
-        if (onClose)
-            onClose(e);
-        setVisible(false);
-    };
-    useEffect(function () {
-        setVisible(active);
-    }, [active]);
-    return (React.createElement(ModalContext.Provider, { value: { scrollViewRef: scrollViewRef, handleOnScroll: handleOnScroll, isFooter: isFooter, setIsFooter: setIsFooter } },
-        trigger,
-        React.createElement(ModalRN, __assign({ isVisible: visible, onBackdropPress: function () { return handleClose({}); }, onSwipeComplete: handleClose, swipeDirection: unClosable ? undefined : ['down'], scrollTo: handleScrollTo, scrollOffset: scrollOffset, scrollOffsetMax: 100, propagateSwipe: true, style: [styles.modal], onModalHide: onModalHide }, others),
-            React.createElement(View, { ref: ref, style: [styles.body, { backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] },
-                React.createElement(View, { style: { paddingVertical: !title && hideCloseButton ? 8 : 16 } },
-                    React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
-                        React.createElement(Column, null,
-                            React.createElement(Title, { level: 4 }, title)),
-                        !hideCloseButton && (React.createElement(Column, { narrow: true },
-                            React.createElement(TouchableOpacity, { onPress: handleClose },
-                                React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
-                children))));
-});
-Modal.displayName = ComponentName.Modal;
-export default Modal;
-var styles = StyleSheet.create({
-    modal: {
-        justifyContent: 'flex-end',
-        margin: 0,
-    },
-    body: {
-        paddingHorizontal: 16,
-        maxHeight: isAndroid ? Dimensions.get('screen').height / 1.15 : Dimensions.get('screen').height / 1.1,
-        shadowColor: '#000',
-        shadowOffset: {
-            width: 0,
-            height: 2,
-        },
-        shadowOpacity: 0.25,
-        shadowRadius: 3.84,
-        elevation: 5,
-        borderTopLeftRadius: 6,
-        borderTopRightRadius: 6,
-    },
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFDTCxVQUFVLEVBS1YsVUFBVSxFQUNWLGdCQUFnQixFQUNoQixJQUFJLEdBQ0wsTUFBTSxjQUFjLENBQUE7QUFDckIsT0FBTyxPQUFrQyxNQUFNLG9CQUFvQixDQUFBO0FBQ25FLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQzVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBRWhDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVyRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBVTNELEVBQUUsR0FBRztJQVRKLElBQUEsUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtB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

package/lib/components/modal/ModalEnum.d.mts

@@ -1,28 +0,0 @@
-/**
- * Custom modal trigger element
- */
-export declare enum ModalMarkup {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3",
-    H4 = "h4",
-    H5 = "h5",
-    H6 = "h6",
-    P = "p",
-    SPAN = "span",
-    DIV = "div",
-    BUTTON = "button",
-    A = "a"
-}
-export type ModalMarkupValues = `${ModalMarkup}`;
-export declare enum ModalCtaMarkup {
-    BUTTON = "button",
-    DIV = "div",
-    A = "a"
-}
-export type ModalCtaMarkupValues = `${ModalCtaMarkup}`;
-export declare enum ModalSize {
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}

package/lib/components/modal/ModalEnum.mjs

@@ -1,30 +0,0 @@
-/**
- * Custom modal trigger element
- */
-export var ModalMarkup;
-(function (ModalMarkup) {
-    ModalMarkup["H1"] = "h1";
-    ModalMarkup["H2"] = "h2";
-    ModalMarkup["H3"] = "h3";
-    ModalMarkup["H4"] = "h4";
-    ModalMarkup["H5"] = "h5";
-    ModalMarkup["H6"] = "h6";
-    ModalMarkup["P"] = "p";
-    ModalMarkup["SPAN"] = "span";
-    ModalMarkup["DIV"] = "div";
-    ModalMarkup["BUTTON"] = "button";
-    ModalMarkup["A"] = "a";
-})(ModalMarkup || (ModalMarkup = {}));
-export var ModalCtaMarkup;
-(function (ModalCtaMarkup) {
-    ModalCtaMarkup["BUTTON"] = "button";
-    ModalCtaMarkup["DIV"] = "div";
-    ModalCtaMarkup["A"] = "a";
-})(ModalCtaMarkup || (ModalCtaMarkup = {}));
-export var ModalSize;
-(function (ModalSize) {
-    ModalSize["SMALL"] = "small";
-    ModalSize["MEDIUM"] = "medium";
-    ModalSize["LARGE"] = "large";
-})(ModalSize || (ModalSize = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxXQVlYO0FBWkQsV0FBWSxXQUFXO0lBQ3JCLHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHNCQUFPLENBQUE7SUFDUCw0QkFBYSxDQUFBO0lBQ2IsMEJBQVcsQ0FBQTtJQUNYLGdDQUFpQixDQUFBO0lBQ2pCLHNCQUFPLENBQUE7QUFDVCxDQUFDLEVBWlcsV0FBVyxLQUFYLFdBQVcsUUFZdEI7QUFJRCxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLG1DQUFpQixDQUFBO0lBQ2pCLDZCQUFXLENBQUE7SUFDWCx5QkFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUpXLGNBQWMsS0FBZCxjQUFjLFFBSXpCO0FBSUQsTUFBTSxDQUFOLElBQVksU0FJWDtBQUpELFdBQVksU0FBUztJQUNuQiw0QkFBZSxDQUFBO0lBQ2YsOEJBQWlCLENBQUE7SUFDakIsNEJBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsU0FBUyxLQUFULFNBQVMsUUFJcEIifQ==

package/lib/components/modal/ModalProps.d.mts

@@ -1,24 +0,0 @@
-import { ReactNode } from 'react';
-import { ModalSize } from '../../components/modal/ModalEnum';
-import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Dev } from '../../objects';
-import { CommonProps } from '../../objects/facets/CommonProps';
-import { View } from 'react-native';
-/**
- * Modal Interface
- */
-export interface ModalProps extends Accessibility, Dev, CommonProps {
-    children?: React.ReactNode;
-    active?: boolean;
-    trigger?: ReactNode;
-    hideCloseButton?: boolean;
-    onClose?: ClickEvent;
-    onOpen?: ClickEvent;
-    panel?: boolean;
-    onModalHide?: () => void;
-    unClosable?: boolean;
-    size?: ModalSize;
-    title?: string;
-}
-export type ModalRef = HTMLDivElement;
-export type ModalNativeRef = View;

package/lib/components/modal/ModalProps.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvTW9kYWxQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/modal/body/ModalBody.d.mts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { ModalBodyProps } from './ModalBodyProps';
-/**
- * Modal Footer Component
- * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional css classes
- * @param id
- */
-declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
-export default ModalBody;

package/lib/components/modal/body/ModalBody.mjs

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
-import { ComponentName } from '../../../components/enumsComponentsName';
-/**
- * Modal Footer Component
- * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional css classes
- * @param id
- */
-var ModalBody = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, id = _a.id;
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", { ref: ref, id: id, className: hashClass(styled, clsx('modal-body', className)) }, children));
-});
-ModalBody.displayName = ComponentName.ModalBody;
-export default ModalBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9ib2R5L01vZGFsQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQixVQUFDLEVBQTJCLEVBQUUsR0FBRztRQUE5QixRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUE7SUFDakYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQy9FLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/modal/body/ModalBody.native.d.mts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import { ModalBodyProps } from './ModalBodyProps';
-/**
- * Modal Footer Component
- * @param children {React.ReactNode}
- * @param others
- */
-declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<View>>;
-export default ModalBody;

package/lib/components/modal/body/ModalBody.native.mjs

@@ -1,27 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { isIOS } from '../../../helpers/device.native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import * as React from 'react';
-import { ScrollView, View } from 'react-native';
-import { ModalContext } from '../context/ModalContext';
-/**
- * Modal Footer Component
- * @param children {React.ReactNode}
- * @param others
- */
-var ModalBody = React.forwardRef(function (_a, ref) {
-    var children = _a.children, others = __rest(_a, ["children"]);
-    var _b = React.useContext(ModalContext), handleOnScroll = _b.handleOnScroll, scrollViewRef = _b.scrollViewRef, isFooter = _b.isFooter;
-    return (React.createElement(ScrollView, { ref: scrollViewRef, scrollEventThrottle: 16, onScroll: handleOnScroll, showsVerticalScrollIndicator: false },
-        React.createElement(View, __assign({ ref: ref, style: [
-                {
-                    backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
-                    paddingTop: 8,
-                    paddingBottom: isFooter ? 8 : isIOS ? 40 : 16,
-                },
-            ] }, others), children)));
-});
-ModalBody.displayName = ComponentName.ModalBody;
-export default ModalBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvYm9keS9Nb2RhbEJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFHdEQ7Ozs7R0FJRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFDLFVBQUMsRUFBdUIsRUFBRSxHQUFHO0lBQTFCLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3JGLElBQUEsS0FBOEMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsRUFBMUUsY0FBYyxvQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxRQUFRLGNBQW1DLENBQUE7SUFFbEYsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFDVCxHQUFHLEVBQUUsYUFBYSxFQUNsQixtQkFBbUIsRUFBRSxFQUFFLEVBQ3ZCLFFBQVEsRUFBRSxjQUFjLEVBQ3hCLDRCQUE0QixFQUFFLEtBQUs7UUFFbkMsb0JBQUMsSUFBSSxhQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO2dCQUNMO29CQUNFLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztvQkFDdkQsVUFBVSxFQUFFLENBQUM7b0JBQ2IsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtpQkFDOUM7YUFDRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDSSxDQUNkLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/modal/body/ModalBodyProps.d.mts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { View } from 'react-native';
-import { CommonProps } from '../../../objects/facets/CommonProps';
-/**
- * Modal Footer Interface
- */
-export interface ModalBodyProps extends CommonProps {
-    children: React.ReactNode;
-}
-export type ModalBodyRef = HTMLDivElement;
-export type ModalBodyNativeRef = View;

package/lib/components/modal/body/ModalBodyProps.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5UHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2JvZHkvTW9kYWxCb2R5UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/modal/context/ModalContext.d.mts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ModalContextProps } from './ModalContextProps';
-export declare const ModalContext: React.Context<ModalContextProps>;

package/lib/components/modal/context/ModalContext.mjs

@@ -1,8 +0,0 @@
-import React from 'react';
-export var ModalContext = React.createContext({
-    scrollViewRef: null,
-    handleOnScroll: function () { return null; },
-    isFooter: false,
-    setIsFooter: function () { return false; },
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxDb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9jb250ZXh0L01vZGFsQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE1BQU0sQ0FBQyxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFvQjtJQUNqRSxhQUFhLEVBQUUsSUFBSTtJQUNuQixjQUFjLEVBQUUsY0FBTSxPQUFBLElBQUksRUFBSixDQUFJO0lBQzFCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsV0FBVyxFQUFFLGNBQU0sT0FBQSxLQUFLLEVBQUwsQ0FBSztDQUN6QixDQUFDLENBQUEifQ==

package/lib/components/modal/context/ModalContextProps.d.mts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { NativeScrollEvent, NativeSyntheticEvent, type ScrollView } from 'react-native';
-export interface ModalContextProps {
-    scrollViewRef: React.Ref<ScrollView>;
-    handleOnScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
-    isFooter: boolean;
-    setIsFooter: React.Dispatch<React.SetStateAction<boolean>>;
-}

package/lib/components/modal/context/ModalContextProps.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxDb250ZXh0UHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2NvbnRleHQvTW9kYWxDb250ZXh0UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/modal/context/index.d.mts

@@ -1,2 +0,0 @@
-export * from './ModalContext';
-export * from './ModalContextProps';

package/lib/components/modal/context/index.mjs

@@ -1,3 +0,0 @@
-export * from './ModalContext';
-export * from './ModalContextProps';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQTtBQUM5QixjQUFjLHFCQUFxQixDQUFBIn0=

package/lib/components/modal/footer/ModalFooter.d.mts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { ModalFooterProps } from './ModalFooterProps';
-/**
- * Modal Footer Component
- * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional css classes
- * @param id
- */
-declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
-export default ModalFooter;

package/lib/components/modal/footer/ModalFooter.mjs

@@ -1,20 +0,0 @@
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import * as React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-/**
- * Modal Footer Component
- * @param children {React.ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional css classes
- * @param id
- */
-var ModalFooter = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, id = _a.id;
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", { ref: ref, "data-modal-footer": '', id: id, className: hashClass(styled, clsx('modal-footer', className)) }, children));
-});
-ModalFooter.displayName = ComponentName.ModalFooter;
-export default ModalFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2Zvb3Rlci9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFtQyxVQUFDLEVBQTJCLEVBQUUsR0FBRztRQUE5QixRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUE7SUFDdkYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLHVCQUFvQixFQUFFLEVBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ3RHLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUNuRCxlQUFlLFdBQVcsQ0FBQSJ9

package/lib/components/modal/footer/ModalFooter.native.d.mts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import { ModalFooterProps } from './ModalFooterProps';
-/**
- * Modal Footer Component
- * @param children {React.ReactNode}
- */
-declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<View>>;
-export default ModalFooter;

package/lib/components/modal/footer/ModalFooter.native.mjs

@@ -1,35 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Title, TitleLevels } from '../../../components/title';
-import { isIOS } from '../../../helpers/device.native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import * as React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ModalContext } from '../context';
-/**
- * Modal Footer Component
- * @param children {React.ReactNode}
- */
-var ModalFooter = React.forwardRef(function (_a, ref) {
-    var children = _a.children, others = __rest(_a, ["children"]);
-    var setIsFooter = React.useContext(ModalContext).setIsFooter;
-    React.useEffect(function () {
-        setIsFooter(true);
-        return function () {
-            setIsFooter(false);
-        };
-    }, []);
-    return (React.createElement(View, __assign({ ref: ref, style: [styles.container] }, others),
-        React.createElement(View, { style: [{ backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] }, (typeof children === 'string' && (React.createElement(Title, { level: TitleLevels.THREE, style: styles.title }, children))) ||
-            children)));
-});
-ModalFooter.displayName = ComponentName.ModalFooter;
-export default ModalFooter;
-var styles = StyleSheet.create({
-    container: {
-        paddingBottom: isIOS ? 40 : 18,
-        paddingTop: 16,
-    },
-    title: { width: '100%', textAlign: 'center' },
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9mb290ZXIvTW9kYWxGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHekM7OztHQUdHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDekYsSUFBQSxXQUFXLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsWUFBbkMsQ0FBbUM7SUFFdEQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUVqQixPQUFPO1lBQ0wsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3BCLENBQUMsQ0FBQTtJQUNILENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTTtRQUNuRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLElBQ3ZFLENBQUMsT0FBTyxRQUFRLEtBQUssUUFBUSxJQUFJLENBQ2hDLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFDakQsUUFBUSxDQUNILENBQ1QsQ0FBQztZQUNBLFFBQVEsQ0FDTCxDQUNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBO0FBRTFCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDL0IsU0FBUyxFQUFFO1FBQ1QsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1FBQzlCLFVBQVUsRUFBRSxFQUFFO0tBQ2Y7SUFDRCxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUU7Q0FDOUMsQ0FBQyxDQUFBIn0=

package/lib/components/modal/footer/ModalFooterProps.d.mts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { View } from 'react-native';
-import { CommonProps } from '../../../objects/facets/CommonProps';
-/**
- * Modal Footer Interface
- */
-export interface ModalFooterProps extends CommonProps {
-    children: React.ReactNode;
-}
-export type ModalFooterRef = HTMLDivElement;
-export type ModalFooterNativeRef = View;

package/lib/components/modal/footer/ModalFooterProps.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvZm9vdGVyL01vZGFsRm9vdGVyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/modal/index.d.mts

@@ -1,5 +0,0 @@
-import Modal from './Modal';
-import ModalFooter from './footer/ModalFooter';
-import ModalBody from './body/ModalBody';
-export * from './ModalEnum';
-export { Modal, ModalBody, ModalFooter };

package/lib/components/modal/index.mjs

@@ -1,6 +0,0 @@
-import Modal from './Modal';
-import ModalFooter from './footer/ModalFooter';
-import ModalBody from './body/ModalBody';
-export * from './ModalEnum';
-export { Modal, ModalBody, ModalFooter };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUMzQixPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQTtBQUV4QyxjQUFjLGFBQWEsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsQ0FBQSJ9

package/lib/components/otp/Otp.d.mts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { OtpProps } from './OtpProps';
-/**
- * OTP Code Component
- * @param value {string} Code Text Input
- * @param length {number} Code Size Number
- * @param disabled {boolean} Disabled OTP Code Input
- * @param error {boolean} OTP Code Input has error | Display error icon
- * @param onCompleted {Function} Return code input string
- * @param onChange {Function} onChange Input return current code
- * @param onFocus {Function} onFocus return if focused opt
- * @param autoFocus {boolean} Should auto focus otp
- * @param label {string} Label for OTP
- * @param help {string} error message to display
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional css classes
- */
-declare const Otp: React.ForwardRefExoticComponent<OtpProps & React.RefAttributes<HTMLDivElement>>;
-export default Otp;