@dynamic-framework/ui-react 2.9.0 → 2.11.0

package/dist/esm/components/DModal/DModal.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import classNames from 'classnames';
+import { motion } from 'framer-motion';
+import { PREFIX_BS } from '../config.js';
+import DModalHeader from './components/DModalHeader.js';
+import DModalBody from './components/DModalBody.js';
+import DModalFooter from './components/DModalFooter.js';
+
+const defaultTransition = {
+    ease: 'easeInOut',
+    duration: 0.3,
+};
+function DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, size, transition, children, dataAttributes, }) {
+    const fullScreenClass = useMemo(() => {
+        if (fullScreen) {
+            if (fullScreenFrom) {
+                return `modal-fullscreen-${fullScreenFrom}-down`;
+            }
+            return 'modal-fullscreen';
+        }
+        return '';
+    }, [fullScreenFrom, fullScreen]);
+    const generateModalDialogClasses = useMemo(() => (Object.assign({ 'modal-dialog': true, 'modal-dialog-centered': !!centered, 'modal-dialog-scrollable': !!scrollable, [fullScreenClass]: !!fullScreen }, size && { [`modal-${size}`]: true })), [fullScreenClass, centered, fullScreen, scrollable, size]);
+    return (jsx(motion.div, Object.assign({ className: classNames('modal portal show', className), id: name, tabIndex: -1, "aria-labelledby": `${name}Label`, "aria-hidden": "false", style: style, initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.95 }, transition: Object.assign(Object.assign({}, (transition !== null && transition !== void 0 ? transition : defaultTransition)), { delay: 0.15 }) }, staticBackdrop && ({
+        [`data-${PREFIX_BS}backdrop`]: 'static',
+        [`data-${PREFIX_BS}keyboard`]: 'false',
+    }), dataAttributes, { children: jsx("div", { className: classNames(generateModalDialogClasses), children: jsx("div", { className: "modal-content", children: children }) }) })));
+}
+var DModal$1 = Object.assign(DModal, {
+    Header: DModalHeader,
+    Body: DModalBody,
+    Footer: DModalFooter,
+});
+
+export { DModal$1 as default };
+//# sourceMappingURL=DModal.js.map

package/dist/esm/components/DModal/DModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DModal.js","sources":["../../../../dist-transpiled/components/DModal/DModal.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport classNames from 'classnames';\nimport { motion } from 'framer-motion';\nimport { PREFIX_BS } from '../config';\nimport DModalHeader from './components/DModalHeader';\nimport DModalBody from './components/DModalBody';\nimport DModalFooter from './components/DModalFooter';\nconst defaultTransition = {\n    ease: 'easeInOut',\n    duration: 0.3,\n};\nfunction DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, size, transition, children, dataAttributes, }) {\n    const fullScreenClass = useMemo(() => {\n        if (fullScreen) {\n            if (fullScreenFrom) {\n                return `modal-fullscreen-${fullScreenFrom}-down`;\n            }\n            return 'modal-fullscreen';\n        }\n        return '';\n    }, [fullScreenFrom, fullScreen]);\n    const generateModalDialogClasses = useMemo(() => (Object.assign({ 'modal-dialog': true, 'modal-dialog-centered': !!centered, 'modal-dialog-scrollable': !!scrollable, [fullScreenClass]: !!fullScreen }, size && { [`modal-${size}`]: true })), [fullScreenClass, centered, fullScreen, scrollable, size]);\n    return (_jsx(motion.div, Object.assign({ className: classNames('modal portal show', className), id: name, tabIndex: -1, \"aria-labelledby\": `${name}Label`, \"aria-hidden\": \"false\", style: style, initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.95 }, transition: Object.assign(Object.assign({}, (transition !== null && transition !== void 0 ? transition : defaultTransition)), { delay: 0.15 }) }, staticBackdrop && ({\n        [`data-${PREFIX_BS}backdrop`]: 'static',\n        [`data-${PREFIX_BS}keyboard`]: 'false',\n    }), dataAttributes, { children: _jsx(\"div\", { className: classNames(generateModalDialogClasses), children: _jsx(\"div\", { className: \"modal-content\", children: children }) }) })));\n}\nexport default Object.assign(DModal, {\n    Header: DModalHeader,\n    Body: DModalBody,\n    Footer: DModalFooter,\n});\n//# sourceMappingURL=DModal.js.map"],"names":["_jsx"],"mappings":";;;;;;;;;AAQA,MAAM,iBAAiB,GAAG;AAC1B,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,QAAQ,EAAE,GAAG;AACjB,CAAC;AACD,SAAS,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,GAAG,EAAE;AAC3J,IAAI,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM;AAC1C,QAAQ,IAAI,UAAU,EAAE;AACxB,YAAY,IAAI,cAAc,EAAE;AAChC,gBAAgB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,KAAK,CAAC;AAChE,YAAY;AACZ,YAAY,OAAO,kBAAkB;AACrC,QAAQ;AACR,QAAQ,OAAO,EAAE;AACjB,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AACpC,IAAI,MAAM,0BAA0B,GAAG,OAAO,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC,CAAC,QAAQ,EAAE,yBAAyB,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,eAAe,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;AAC9S,IAAI,QAAQA,GAAI,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,MAAM,GAAG,UAAU,GAAG,iBAAiB,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,cAAc,KAAK;AACtd,QAAQ,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,QAAQ;AAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAO;AAC9C,KAAK,CAAC,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,0BAA0B,CAAC,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACrL;AACA,eAAe,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AACrC,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,MAAM,EAAE,YAAY;AACxB,CAAC,CAAC;;;;"}

package/dist/esm/components/DModal/components/DModalBody.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+
+function DModalBody({ children, className, style, }) {
+    return (jsx("div", { className: classNames('modal-body', className), style: style, children: children }));
+}
+
+export { DModalBody as default };
+//# sourceMappingURL=DModalBody.js.map

package/dist/esm/components/DModal/components/DModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DModalBody.js","sources":["../../../../../dist-transpiled/components/DModal/components/DModalBody.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nexport default function DModalBody({ children, className, style, }) {\n    return (_jsx(\"div\", { className: classNames('modal-body', className), style: style, children: children }));\n}\n//# sourceMappingURL=DModalBody.js.map"],"names":["_jsx"],"mappings":";;;AAEe,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE;AACpE,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAC7G;;;;"}

package/dist/esm/components/DModal/components/DModalFooter.js

@@ -0,0 +1,14 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import classNames from 'classnames';
+
+function DModalFooter({ className, style, actionPlacement, children, }) {
+    const generateClasses = useMemo(() => ({
+        'modal-footer': true,
+        [`d-modal-action-${actionPlacement}`]: !!actionPlacement,
+    }), [actionPlacement]);
+    return (jsxs(Fragment, { children: [jsx("div", { className: "d-modal-separator" }), jsx("div", { className: classNames(generateClasses, className), style: style, children: children })] }));
+}
+
+export { DModalFooter as default };
+//# sourceMappingURL=DModalFooter.js.map

package/dist/esm/components/DModal/components/DModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DModalFooter.js","sources":["../../../../../dist-transpiled/components/DModal/components/DModalFooter.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport classNames from 'classnames';\nexport default function DModalFooter({ className, style, actionPlacement, children, }) {\n    const generateClasses = useMemo(() => ({\n        'modal-footer': true,\n        [`d-modal-action-${actionPlacement}`]: !!actionPlacement,\n    }), [actionPlacement]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"d-modal-separator\" }), _jsx(\"div\", { className: classNames(generateClasses, className), style: style, children: children })] }));\n}\n//# sourceMappingURL=DModalFooter.js.map"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;AAGe,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,GAAG,EAAE;AACvF,IAAI,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO;AAC3C,QAAQ,cAAc,EAAE,IAAI;AAC5B,QAAQ,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe;AAChE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;AAC1B,IAAI,QAAQA,IAAK,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;AACnM;;;;"}

package/dist/esm/components/DModal/components/DModalHeader.js

@@ -0,0 +1,15 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import classNames from 'classnames';
+import DIcon from '../../DIcon/DIcon.js';
+import { useDContext } from '../../../contexts/DContext.js';
+
+function DModalHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon: iconProp, iconMaterialStyle, materialStyle: materialStyleProp, }) {
+    var _a;
+    const { icon: { familyClass, familyPrefix, materialStyle, }, iconMap: { xLg, }, } = useDContext();
+    const icon = useMemo(() => iconProp || xLg, [iconProp, xLg]);
+    return (jsxs(Fragment, { children: [jsxs("div", { className: classNames('modal-header', className), style: style, children: [jsx("div", { children: children }), showCloseButton && (jsx("button", { type: "button", className: "d-close", "aria-label": "Close", onClick: onClose, children: jsx(DIcon, { icon: icon, familyClass: iconFamilyClass !== null && iconFamilyClass !== void 0 ? iconFamilyClass : familyClass, familyPrefix: iconFamilyPrefix !== null && iconFamilyPrefix !== void 0 ? iconFamilyPrefix : familyPrefix, materialStyle: (_a = iconMaterialStyle !== null && iconMaterialStyle !== void 0 ? iconMaterialStyle : materialStyleProp) !== null && _a !== void 0 ? _a : materialStyle }) }))] }), jsx("div", { className: "d-modal-separator" })] }));
+}
+
+export { DModalHeader as default };
+//# sourceMappingURL=DModalHeader.js.map

package/dist/esm/components/DModal/components/DModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DModalHeader.js","sources":["../../../../../dist-transpiled/components/DModal/components/DModalHeader.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport classNames from 'classnames';\nimport DIcon from '../../DIcon';\nimport { useDContext } from '../../../contexts';\nexport default function DModalHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon: iconProp, iconMaterialStyle, materialStyle: materialStyleProp, }) {\n    var _a;\n    const { icon: { familyClass, familyPrefix, materialStyle, }, iconMap: { xLg, }, } = useDContext();\n    const icon = useMemo(() => iconProp || xLg, [iconProp, xLg]);\n    return (_jsxs(_Fragment, { children: [_jsxs(\"div\", { className: classNames('modal-header', className), style: style, children: [_jsx(\"div\", { children: children }), showCloseButton && (_jsx(\"button\", { type: \"button\", className: \"d-close\", \"aria-label\": \"Close\", onClick: onClose, children: _jsx(DIcon, { icon: icon, familyClass: iconFamilyClass !== null && iconFamilyClass !== void 0 ? iconFamilyClass : familyClass, familyPrefix: iconFamilyPrefix !== null && iconFamilyPrefix !== void 0 ? iconFamilyPrefix : familyPrefix, materialStyle: (_a = iconMaterialStyle !== null && iconMaterialStyle !== void 0 ? iconMaterialStyle : materialStyleProp) !== null && _a !== void 0 ? _a : materialStyle }) }))] }), _jsx(\"div\", { className: \"d-modal-separator\" })] }));\n}\n//# sourceMappingURL=DModalHeader.js.map"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAKe,SAAS,YAAY,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,GAAG,EAAE;AACxM,IAAI,IAAI,EAAE;AACV,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,GAAG,EAAE,OAAO,EAAE,EAAE,GAAG,GAAG,GAAG,GAAG,WAAW,EAAE;AACrG,IAAI,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,GAAG,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAChE,IAAI,QAAQA,IAAK,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACD,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAACE,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,eAAe,KAAKA,GAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,KAAK,IAAI,IAAI,eAAe,KAAK,MAAM,GAAG,eAAe,GAAG,WAAW,EAAE,YAAY,EAAE,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,MAAM,GAAG,gBAAgB,GAAG,YAAY,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,iBAAiB,KAAK,IAAI,IAAI,iBAAiB,KAAK,MAAM,GAAG,iBAAiB,GAAG,iBAAiB,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAC,EAAE,CAAC;AACvvB;;;;"}

package/dist/esm/components/DModal/index.js

@@ -0,0 +1,9 @@
+import DModal from './DModal.js';
+export { default as DModalHeader } from './components/DModalHeader.js';
+export { default as DModalBody } from './components/DModalBody.js';
+export { default as DModalFooter } from './components/DModalFooter.js';
+
+
+
+export { DModal as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/components/DOffcanvas/DOffcanvas.js

@@ -0,0 +1,82 @@
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { motion } from 'framer-motion';
+import { useMemo } from 'react';
+import { PREFIX_BS } from '../config.js';
+import { useResponsiveProp } from '../../hooks/useResponsiveProp.js';
+import DOffcanvasHeader from './components/DOffcanvasHeader.js';
+import DOffcanvasBody from './components/DOffcanvasBody.js';
+import DOffcanvasFooter from './components/DOffcanvasFooter.js';
+
+const variants = {
+    hidden: (openFrom) => {
+        const properties = {};
+        if (openFrom === 'start') {
+            properties.x = '-100%';
+        }
+        if (openFrom === 'end') {
+            properties.x = '100%';
+        }
+        if (openFrom === 'top') {
+            properties.y = '-100%';
+        }
+        if (openFrom === 'bottom') {
+            properties.y = '100%';
+        }
+        return properties;
+    },
+    visible: {
+        x: 0,
+        y: 0,
+    },
+};
+const defaultTransition = {
+    ease: 'easeInOut',
+    duration: 0.3,
+};
+function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom = 'end', width, height, transition, children, dataAttributes, }) {
+    // Only subscribe to breakpoint-change listeners when a responsive object is
+    // actually provided, avoiding unnecessary matchMedia subscriptions for the
+    // common case of plain string values.
+    const hasResponsiveProp = typeof openFrom === 'object'
+        || typeof width === 'object'
+        || typeof height === 'object';
+    const { responsivePropValue } = useResponsiveProp(hasResponsiveProp);
+    const resolvedOpenFrom = useMemo(() => {
+        var _a;
+        if (typeof openFrom === 'string')
+            return openFrom;
+        return (_a = responsivePropValue(openFrom)) !== null && _a !== void 0 ? _a : 'end';
+    }, [responsivePropValue, openFrom]);
+    const resolvedWidth = useMemo(() => {
+        if (!width)
+            return undefined;
+        if (typeof width === 'string')
+            return width;
+        return responsivePropValue(width);
+    }, [responsivePropValue, width]);
+    const resolvedHeight = useMemo(() => {
+        if (!height)
+            return undefined;
+        if (typeof height === 'string')
+            return height;
+        return responsivePropValue(height);
+    }, [responsivePropValue, height]);
+    return (jsx(motion.div, Object.assign({ className: classNames('offcanvas portal show', {
+            [`offcanvas-${resolvedOpenFrom}`]: resolvedOpenFrom,
+        }, className), style: Object.assign(Object.assign(Object.assign(Object.assign({}, style), { transition: 'none' }), (resolvedWidth && { [`--${PREFIX_BS}offcanvas-width`]: resolvedWidth })), (resolvedHeight && { [`--${PREFIX_BS}offcanvas-height`]: resolvedHeight })), id: name, tabIndex: -1, "aria-labelledby": `${name}Label`, "aria-hidden": "false", custom: resolvedOpenFrom, variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: Object.assign(Object.assign({}, (transition !== null && transition !== void 0 ? transition : defaultTransition)), { delay: 0.15 }) }, staticBackdrop && ({
+        [`data-${PREFIX_BS}backdrop`]: 'static',
+        [`data-${PREFIX_BS}keyboard`]: 'false',
+    }), scrollable && ({
+        [`data-${PREFIX_BS}scroll`]: 'true',
+        [`data-${PREFIX_BS}keyboard`]: 'false',
+    }), dataAttributes, { children: children })));
+}
+var DOffcanvas$1 = Object.assign(DOffcanvas, {
+    Header: DOffcanvasHeader,
+    Body: DOffcanvasBody,
+    Footer: DOffcanvasFooter,
+});
+
+export { DOffcanvas$1 as default };
+//# sourceMappingURL=DOffcanvas.js.map

package/dist/esm/components/DOffcanvas/DOffcanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOffcanvas.js","sources":["../../../../dist-transpiled/components/DOffcanvas/DOffcanvas.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport { motion } from 'framer-motion';\nimport { useMemo } from 'react';\nimport { PREFIX_BS } from '../config';\nimport { useResponsiveProp } from '../../hooks/useResponsiveProp';\nimport DOffcanvasHeader from './components/DOffcanvasHeader';\nimport DOffcanvasBody from './components/DOffcanvasBody';\nimport DOffcanvasFooter from './components/DOffcanvasFooter';\nconst variants = {\n    hidden: (openFrom) => {\n        const properties = {};\n        if (openFrom === 'start') {\n            properties.x = '-100%';\n        }\n        if (openFrom === 'end') {\n            properties.x = '100%';\n        }\n        if (openFrom === 'top') {\n            properties.y = '-100%';\n        }\n        if (openFrom === 'bottom') {\n            properties.y = '100%';\n        }\n        return properties;\n    },\n    visible: {\n        x: 0,\n        y: 0,\n    },\n};\nconst defaultTransition = {\n    ease: 'easeInOut',\n    duration: 0.3,\n};\nfunction DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom = 'end', width, height, transition, children, dataAttributes, }) {\n    // Only subscribe to breakpoint-change listeners when a responsive object is\n    // actually provided, avoiding unnecessary matchMedia subscriptions for the\n    // common case of plain string values.\n    const hasResponsiveProp = typeof openFrom === 'object'\n        || typeof width === 'object'\n        || typeof height === 'object';\n    const { responsivePropValue } = useResponsiveProp(hasResponsiveProp);\n    const resolvedOpenFrom = useMemo(() => {\n        var _a;\n        if (typeof openFrom === 'string')\n            return openFrom;\n        return (_a = responsivePropValue(openFrom)) !== null && _a !== void 0 ? _a : 'end';\n    }, [responsivePropValue, openFrom]);\n    const resolvedWidth = useMemo(() => {\n        if (!width)\n            return undefined;\n        if (typeof width === 'string')\n            return width;\n        return responsivePropValue(width);\n    }, [responsivePropValue, width]);\n    const resolvedHeight = useMemo(() => {\n        if (!height)\n            return undefined;\n        if (typeof height === 'string')\n            return height;\n        return responsivePropValue(height);\n    }, [responsivePropValue, height]);\n    return (_jsx(motion.div, Object.assign({ className: classNames('offcanvas portal show', {\n            [`offcanvas-${resolvedOpenFrom}`]: resolvedOpenFrom,\n        }, className), style: Object.assign(Object.assign(Object.assign(Object.assign({}, style), { transition: 'none' }), (resolvedWidth && { [`--${PREFIX_BS}offcanvas-width`]: resolvedWidth })), (resolvedHeight && { [`--${PREFIX_BS}offcanvas-height`]: resolvedHeight })), id: name, tabIndex: -1, \"aria-labelledby\": `${name}Label`, \"aria-hidden\": \"false\", custom: resolvedOpenFrom, variants: variants, initial: \"hidden\", animate: \"visible\", exit: \"hidden\", transition: Object.assign(Object.assign({}, (transition !== null && transition !== void 0 ? transition : defaultTransition)), { delay: 0.15 }) }, staticBackdrop && ({\n        [`data-${PREFIX_BS}backdrop`]: 'static',\n        [`data-${PREFIX_BS}keyboard`]: 'false',\n    }), scrollable && ({\n        [`data-${PREFIX_BS}scroll`]: 'true',\n        [`data-${PREFIX_BS}keyboard`]: 'false',\n    }), dataAttributes, { children: children })));\n}\nexport default Object.assign(DOffcanvas, {\n    Header: DOffcanvasHeader,\n    Body: DOffcanvasBody,\n    Footer: DOffcanvasFooter,\n});\n//# sourceMappingURL=DOffcanvas.js.map"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/DOffcanvas/components/DOffcanvasBody.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+
+function DOffcanvasBody({ children, className, style, }) {
+    return (jsx("div", { className: classNames('offcanvas-body', className), style: style, children: children }));
+}
+
+export { DOffcanvasBody as default };
+//# sourceMappingURL=DOffcanvasBody.js.map

package/dist/esm/components/DOffcanvas/components/DOffcanvasBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOffcanvasBody.js","sources":["../../../../../dist-transpiled/components/DOffcanvas/components/DOffcanvasBody.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nexport default function DOffcanvasBody({ children, className, style, }) {\n    return (_jsx(\"div\", { className: classNames('offcanvas-body', className), style: style, children: children }));\n}\n//# sourceMappingURL=DOffcanvasBody.js.map"],"names":["_jsx"],"mappings":";;;AAEe,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE;AACxE,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AACjH;;;;"}

package/dist/esm/components/DOffcanvas/components/DOffcanvasFooter.js

@@ -0,0 +1,14 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import classNames from 'classnames';
+
+function DOffcanvasFooter({ actionPlacement, children, className, style, }) {
+    const generateClasses = useMemo(() => ({
+        'd-offcanvas-footer': true,
+        [`d-offcanvas-action-${actionPlacement}`]: !!actionPlacement,
+    }), [actionPlacement]);
+    return (jsxs(Fragment, { children: [jsx("div", { className: "d-offcanvas-separator" }), jsx("div", { className: classNames(generateClasses, className), style: style, children: children })] }));
+}
+
+export { DOffcanvasFooter as default };
+//# sourceMappingURL=DOffcanvasFooter.js.map

package/dist/esm/components/DOffcanvas/components/DOffcanvasFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOffcanvasFooter.js","sources":["../../../../../dist-transpiled/components/DOffcanvas/components/DOffcanvasFooter.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport classNames from 'classnames';\nexport default function DOffcanvasFooter({ actionPlacement, children, className, style, }) {\n    const generateClasses = useMemo(() => ({\n        'd-offcanvas-footer': true,\n        [`d-offcanvas-action-${actionPlacement}`]: !!actionPlacement,\n    }), [actionPlacement]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"d-offcanvas-separator\" }), _jsx(\"div\", { className: classNames(generateClasses, className), style: style, children: children })] }));\n}\n//# sourceMappingURL=DOffcanvasFooter.js.map"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;AAGe,SAAS,gBAAgB,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE;AAC3F,IAAI,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO;AAC3C,QAAQ,oBAAoB,EAAE,IAAI;AAClC,QAAQ,CAAC,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,eAAe;AACpE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;AAC1B,IAAI,QAAQA,IAAK,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC;AACvM;;;;"}

package/dist/esm/components/DOffcanvas/components/DOffcanvasHeader.js

@@ -0,0 +1,15 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import classNames from 'classnames';
+import DIcon from '../../DIcon/DIcon.js';
+import { useDContext } from '../../../contexts/DContext.js';
+
+function DOffcanvasHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon: iconProp, iconMaterialStyle, materialStyle: materialStyleProp, }) {
+    var _a;
+    const { icon: { familyClass, familyPrefix, materialStyle, }, iconMap: { xLg, }, } = useDContext();
+    const icon = useMemo(() => iconProp || xLg, [iconProp, xLg]);
+    return (jsxs(Fragment, { children: [jsxs("div", { className: classNames('offcanvas-header', className), style: style, children: [jsx("div", { children: children }), showCloseButton && (jsx("button", { type: "button", className: "d-close", "aria-label": "Close", onClick: onClose, children: jsx(DIcon, { icon: icon, familyClass: iconFamilyClass !== null && iconFamilyClass !== void 0 ? iconFamilyClass : familyClass, familyPrefix: iconFamilyPrefix !== null && iconFamilyPrefix !== void 0 ? iconFamilyPrefix : familyPrefix, materialStyle: (_a = iconMaterialStyle !== null && iconMaterialStyle !== void 0 ? iconMaterialStyle : materialStyleProp) !== null && _a !== void 0 ? _a : materialStyle }) }))] }), jsx("div", { className: "d-offcanvas-separator" })] }));
+}
+
+export { DOffcanvasHeader as default };
+//# sourceMappingURL=DOffcanvasHeader.js.map

package/dist/esm/components/DOffcanvas/components/DOffcanvasHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOffcanvasHeader.js","sources":["../../../../../dist-transpiled/components/DOffcanvas/components/DOffcanvasHeader.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport classNames from 'classnames';\nimport DIcon from '../../DIcon';\nimport { useDContext } from '../../../contexts';\nexport default function DOffcanvasHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon: iconProp, iconMaterialStyle, materialStyle: materialStyleProp, }) {\n    var _a;\n    const { icon: { familyClass, familyPrefix, materialStyle, }, iconMap: { xLg, }, } = useDContext();\n    const icon = useMemo(() => iconProp || xLg, [iconProp, xLg]);\n    return (_jsxs(_Fragment, { children: [_jsxs(\"div\", { className: classNames('offcanvas-header', className), style: style, children: [_jsx(\"div\", { children: children }), showCloseButton && (_jsx(\"button\", { type: \"button\", className: \"d-close\", \"aria-label\": \"Close\", onClick: onClose, children: _jsx(DIcon, { icon: icon, familyClass: iconFamilyClass !== null && iconFamilyClass !== void 0 ? iconFamilyClass : familyClass, familyPrefix: iconFamilyPrefix !== null && iconFamilyPrefix !== void 0 ? iconFamilyPrefix : familyPrefix, materialStyle: (_a = iconMaterialStyle !== null && iconMaterialStyle !== void 0 ? iconMaterialStyle : materialStyleProp) !== null && _a !== void 0 ? _a : materialStyle }) }))] }), _jsx(\"div\", { className: \"d-offcanvas-separator\" })] }));\n}\n//# sourceMappingURL=DOffcanvasHeader.js.map"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAKe,SAAS,gBAAgB,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,GAAG,EAAE;AAC5M,IAAI,IAAI,EAAE;AACV,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,GAAG,EAAE,OAAO,EAAE,EAAE,GAAG,GAAG,GAAG,GAAG,WAAW,EAAE;AACrG,IAAI,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,GAAG,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAChE,IAAI,QAAQA,IAAK,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACD,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAACE,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,eAAe,KAAKA,GAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,KAAK,IAAI,IAAI,eAAe,KAAK,MAAM,GAAG,eAAe,GAAG,WAAW,EAAE,YAAY,EAAE,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,MAAM,GAAG,gBAAgB,GAAG,YAAY,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,iBAAiB,KAAK,IAAI,IAAI,iBAAiB,KAAK,MAAM,GAAG,iBAAiB,GAAG,iBAAiB,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,CAAC,EAAE,CAAC;AAC/vB;;;;"}

package/dist/esm/components/DOffcanvas/index.js

@@ -0,0 +1,9 @@
+import DOffcanvas from './DOffcanvas.js';
+export { default as DOffcanvasHeader } from './components/DOffcanvasHeader.js';
+export { default as DOffcanvasBody } from './components/DOffcanvasBody.js';
+export { default as DOffcanvasFooter } from './components/DOffcanvasFooter.js';
+
+
+
+export { DOffcanvas as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DOffcanvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/components/DOtp/DOtp.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import OtpCountdown from './components/OtpCountdown.js';
+import DInputPin from '../DInputPin/DInputPin.js';
+import DButton from '../DButton/DButton.js';
+import useOtp from '../../hooks/useOtp.js';
+
+const TEXT_PROPS = {
+    resend: 'Resend',
+    resendText: 'Resend',
+    submit: 'Authorize and continue',
+    title: 'We will send you a 6-digit code to your associated phone number so you can continue with your request.',
+    invalidCode: 'Invalid code, please try again.',
+    contact: (jsxs(Fragment, { children: [jsx("span", { children: "Problems with your digital token? Contact us" }), ' ', jsx("a", { href: "https://www.modyo.com", className: "link-primary text-nowrap", target: "_blank", rel: "noreferrer", children: "Contact us" })] })),
+};
+function DOtp({ className, action, isLoading, otpSize = 6, texts = TEXT_PROPS, seconds = 15, }) {
+    const { setOtp, invalid, submit, isLoading: isSubmitting, secondsLeft, restartCountdown, } = useOtp({ action, otpSize, seconds });
+    return (jsxs("div", { className: className, children: [jsx("p", { children: texts.title }), jsxs("div", { className: "d-otp d-otp-content", children: [jsxs("div", { className: "d-otp-fields", children: [jsx(DInputPin, { className: "modal-otp-pin", characters: otpSize, onChange: (e) => setOtp(e), invalid: invalid, hint: invalid ? texts.invalidCode : undefined, placeholder: "0" }), jsx(OtpCountdown, { secondsLeft: secondsLeft, restartCountdown: restartCountdown, resendText: texts.resendText })] }), jsx("hr", { className: "d-otp-divider" }), jsxs("div", { className: "d-otp-footer", children: [jsx(DButton, { text: texts.submit, onClick: () => {
+                                    submit().catch((err) => {
+                                        // eslint-disable-next-line no-console
+                                        console.error('Error in DOtp action:', err);
+                                    });
+                                }, loading: isLoading || isSubmitting }), jsx("p", { className: "d-otp-contact", children: texts.contact })] })] })] }));
+}
+
+export { DOtp as default };
+//# sourceMappingURL=DOtp.js.map

package/dist/esm/components/DOtp/DOtp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOtp.js","sources":["../../../../dist-transpiled/components/DOtp/DOtp.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport OtpCountdown from './components/OtpCountdown';\nimport DInputPin from '../DInputPin';\nimport DButton from '../DButton';\nimport useOtp from '../../hooks/useOtp';\nconst TEXT_PROPS = {\n    resend: 'Resend',\n    resendText: 'Resend',\n    submit: 'Authorize and continue',\n    title: 'We will send you a 6-digit code to your associated phone number so you can continue with your request.',\n    invalidCode: 'Invalid code, please try again.',\n    contact: (_jsxs(_Fragment, { children: [_jsx(\"span\", { children: \"Problems with your digital token? Contact us\" }), ' ', _jsx(\"a\", { href: \"https://www.modyo.com\", className: \"link-primary text-nowrap\", target: \"_blank\", rel: \"noreferrer\", children: \"Contact us\" })] })),\n};\nexport default function DOtp({ className, action, isLoading, otpSize = 6, texts = TEXT_PROPS, seconds = 15, }) {\n    const { setOtp, invalid, submit, isLoading: isSubmitting, secondsLeft, restartCountdown, } = useOtp({ action, otpSize, seconds });\n    return (_jsxs(\"div\", { className: className, children: [_jsx(\"p\", { children: texts.title }), _jsxs(\"div\", { className: \"d-otp d-otp-content\", children: [_jsxs(\"div\", { className: \"d-otp-fields\", children: [_jsx(DInputPin, { className: \"modal-otp-pin\", characters: otpSize, onChange: (e) => setOtp(e), invalid: invalid, hint: invalid ? texts.invalidCode : undefined, placeholder: \"0\" }), _jsx(OtpCountdown, { secondsLeft: secondsLeft, restartCountdown: restartCountdown, resendText: texts.resendText })] }), _jsx(\"hr\", { className: \"d-otp-divider\" }), _jsxs(\"div\", { className: \"d-otp-footer\", children: [_jsx(DButton, { text: texts.submit, onClick: () => {\n                                    submit().catch((err) => {\n                                        // eslint-disable-next-line no-console\n                                        console.error('Error in DOtp action:', err);\n                                    });\n                                }, loading: isLoading || isSubmitting }), _jsx(\"p\", { className: \"d-otp-contact\", children: texts.contact })] })] })] }));\n}\n//# sourceMappingURL=DOtp.js.map"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAKA,MAAM,UAAU,GAAG;AACnB,IAAI,MAAM,EAAE,QAAQ;AACpB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,wBAAwB;AACpC,IAAI,KAAK,EAAE,wGAAwG;AACnH,IAAI,WAAW,EAAE,iCAAiC;AAClD,IAAI,OAAO,GAAGA,IAAK,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,8CAA8C,EAAE,CAAC,EAAE,GAAG,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAClR,CAAC;AACc,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,UAAU,EAAE,OAAO,GAAG,EAAE,GAAG,EAAE;AAC/G,IAAI,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,GAAG,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AACrI,IAAI,QAAQF,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,CAACE,GAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,EAAEF,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,CAACE,GAAI,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,EAAEA,GAAI,CAAC,YAAY,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,EAAEF,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,CAACE,GAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM;AACppB,oCAAoC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK;AAC5D;AACA,wCAAwC,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,GAAG,CAAC;AACnF,oCAAoC,CAAC,CAAC;AACtC,gCAAgC,CAAC,EAAE,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,CAAC,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AACxJ;;;;"}

package/dist/esm/components/DOtp/components/OtpCountdown.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import DButton from '../../DButton/DButton.js';
+
+const defaultMessage = (secs) => (secs > 0
+    ? `Didn't get any code? Resend in: ${secs}s`
+    : "Didn't get any code?");
+function OtpCountdown({ secondsLeft, restartCountdown, resendText, message, }) {
+    return (jsxs("div", { className: "d-otp-countdown", children: [jsx("p", { className: "d-otp-countdown-text", children: message ? message(secondsLeft) : defaultMessage(secondsLeft) }), jsx(DButton, { text: resendText, variant: "link", className: "text-nowrap", disabled: secondsLeft > 0, onClick: restartCountdown })] }));
+}
+
+export { OtpCountdown as default };
+//# sourceMappingURL=OtpCountdown.js.map

package/dist/esm/components/DOtp/components/OtpCountdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpCountdown.js","sources":["../../../../../dist-transpiled/components/DOtp/components/OtpCountdown.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport DButton from '../../DButton';\nconst defaultMessage = (secs) => (secs > 0\n    ? `Didn't get any code? Resend in: ${secs}s`\n    : \"Didn't get any code?\");\nexport default function OtpCountdown({ secondsLeft, restartCountdown, resendText, message, }) {\n    return (_jsxs(\"div\", { className: \"d-otp-countdown\", children: [_jsx(\"p\", { className: \"d-otp-countdown-text\", children: message ? message(secondsLeft) : defaultMessage(secondsLeft) }), _jsx(DButton, { text: resendText, variant: \"link\", className: \"text-nowrap\", disabled: secondsLeft > 0, onClick: restartCountdown })] }));\n}\n//# sourceMappingURL=OtpCountdown.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;AAEA,MAAM,cAAc,GAAG,CAAC,IAAI,MAAM,IAAI,GAAG;AACzC,MAAM,CAAC,gCAAgC,EAAE,IAAI,CAAC,CAAC;AAC/C,MAAM,sBAAsB,CAAC;AACd,SAAS,YAAY,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,OAAO,GAAG,EAAE;AAC9F,IAAI,QAAQA,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;AACtU;;;;"}

package/dist/esm/components/DOtp/index.js

@@ -0,0 +1,6 @@
+import DOtp from './DOtp.js';
+
+
+
+export { DOtp as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DOtp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/DPaginator/DPaginator.js

@@ -0,0 +1,12 @@
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import ResponsivePagination from 'react-responsive-pagination';
+
+function DPaginator(_a) {
+    var { navClassName } = _a, props = __rest(_a, ["navClassName"]);
+    return (jsx(ResponsivePagination, Object.assign({ navClassName: classNames('page-item-arrow', navClassName) }, props)));
+}
+
+export { DPaginator as default };
+//# sourceMappingURL=DPaginator.js.map

package/dist/esm/components/DPaginator/DPaginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DPaginator.js","sources":["../../../../dist-transpiled/components/DPaginator/DPaginator.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from 'classnames';\nimport ResponsivePagination from 'react-responsive-pagination';\nexport default function DPaginator(_a) {\n    var { navClassName } = _a, props = __rest(_a, [\"navClassName\"]);\n    return (_jsx(ResponsivePagination, Object.assign({ navClassName: classNames('page-item-arrow', navClassName) }, props)));\n}\n//# sourceMappingURL=DPaginator.js.map"],"names":["_jsx"],"mappings":";;;;;AAIe,SAAS,UAAU,CAAC,EAAE,EAAE;AACvC,IAAI,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;AACnE,IAAI,QAAQA,GAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,YAAY,EAAE,UAAU,CAAC,iBAAiB,EAAE,YAAY,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;AAC3H;;;;"}

package/dist/esm/components/DPaginator/index.js

@@ -0,0 +1,6 @@
+import DPaginator from './DPaginator.js';
+
+
+
+export { DPaginator as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DPaginator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/DPasswordStrengthMeter/DPasswordStrengthMeter.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import ForwardedDInputPassword from '../DInputPassword/DInputPassword.js';
+import PasswordChecksList from './PasswordCheckList.js';
+
+const DEFAULT_VALIDATION_MESSAGES = {
+    number: 'At least one number',
+    lowercaseLetter: 'At least one lowercase letter',
+    uppercaseLetter: 'At least one uppercase letter',
+    especialChar: 'At least one of these special characters: ~!@#$^*-_=[]{}|;,.?',
+    notMatch: 'The password confirmation and the new password do not match.',
+};
+const DEFAULT_ENABLED_CHECKS = ['uppercase', 'lowercase', 'number', 'specialChar'];
+function DPasswordStrengthMeter({ id, label = 'Password', 'aria-label': ariaLabel, placeholder, value = '', name, disabled = false, invalid = false, validationMessages = DEFAULT_VALIDATION_MESSAGES, enabledChecks = DEFAULT_ENABLED_CHECKS, className, style, dataAttributes, onChange, readonly = false, }) {
+    const [password, setPassword] = useState(value);
+    useEffect(() => {
+        setPassword(value);
+    }, [value]);
+    const handleChange = (newValue) => {
+        setPassword(newValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    return (jsxs("div", Object.assign({ className: className, style: style }, dataAttributes, { children: [jsx(ForwardedDInputPassword, { id: id, label: label, "aria-label": ariaLabel, placeholder: placeholder, value: password, name: name, disabled: disabled, invalid: invalid, onChange: handleChange, readonly: readonly }), jsx(PasswordChecksList, { password: password, validationMessages: validationMessages, enabledChecks: enabledChecks })] })));
+}
+
+export { DPasswordStrengthMeter as default };
+//# sourceMappingURL=DPasswordStrengthMeter.js.map

package/dist/esm/components/DPasswordStrengthMeter/DPasswordStrengthMeter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DPasswordStrengthMeter.js","sources":["../../../../dist-transpiled/components/DPasswordStrengthMeter/DPasswordStrengthMeter.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState, useEffect } from 'react';\nimport DInputPassword from '../DInputPassword';\nimport PasswordChecksList from './PasswordCheckList';\nconst DEFAULT_VALIDATION_MESSAGES = {\n    number: 'At least one number',\n    lowercaseLetter: 'At least one lowercase letter',\n    uppercaseLetter: 'At least one uppercase letter',\n    especialChar: 'At least one of these special characters: ~!@#$^*-_=[]{}|;,.?',\n    notMatch: 'The password confirmation and the new password do not match.',\n};\nconst DEFAULT_ENABLED_CHECKS = ['uppercase', 'lowercase', 'number', 'specialChar'];\nexport default function DPasswordStrengthMeter({ id, label = 'Password', 'aria-label': ariaLabel, placeholder, value = '', name, disabled = false, invalid = false, validationMessages = DEFAULT_VALIDATION_MESSAGES, enabledChecks = DEFAULT_ENABLED_CHECKS, className, style, dataAttributes, onChange, readonly = false, }) {\n    const [password, setPassword] = useState(value);\n    useEffect(() => {\n        setPassword(value);\n    }, [value]);\n    const handleChange = (newValue) => {\n        setPassword(newValue);\n        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);\n    };\n    return (_jsxs(\"div\", Object.assign({ className: className, style: style }, dataAttributes, { children: [_jsx(DInputPassword, { id: id, label: label, \"aria-label\": ariaLabel, placeholder: placeholder, value: password, name: name, disabled: disabled, invalid: invalid, onChange: handleChange, readonly: readonly }), _jsx(PasswordChecksList, { password: password, validationMessages: validationMessages, enabledChecks: enabledChecks })] })));\n}\n//# sourceMappingURL=DPasswordStrengthMeter.js.map"],"names":["_jsxs","_jsx","DInputPassword"],"mappings":";;;;;AAIA,MAAM,2BAA2B,GAAG;AACpC,IAAI,MAAM,EAAE,qBAAqB;AACjC,IAAI,eAAe,EAAE,+BAA+B;AACpD,IAAI,eAAe,EAAE,+BAA+B;AACpD,IAAI,YAAY,EAAE,+DAA+D;AACjF,IAAI,QAAQ,EAAE,8DAA8D;AAC5E,CAAC;AACD,MAAM,sBAAsB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAC;AACnE,SAAS,sBAAsB,CAAC,EAAE,EAAE,EAAE,KAAK,GAAG,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,kBAAkB,GAAG,2BAA2B,EAAE,aAAa,GAAG,sBAAsB,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,EAAE;AAC/T,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,WAAW,CAAC,KAAK,CAAC;AAC1B,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AACf,IAAI,MAAM,YAAY,GAAG,CAAC,QAAQ,KAAK;AACvC,QAAQ,WAAW,CAAC,QAAQ,CAAC;AAC7B,QAAQ,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC;AAC9E,IAAI,CAAC;AACL,IAAI,QAAQA,IAAK,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAACC,uBAAc,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAED,GAAI,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACzb;;;;"}

package/dist/esm/components/DPasswordStrengthMeter/PasswordCheckItem.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import DIcon from '../DIcon/DIcon.js';
+
+function PasswordCheckItem({ password, regex, text, }) {
+    const isValid = regex.test(password);
+    return (jsxs("li", { className: `d-password-check-item${isValid ? ' is-valid' : ''}`, children: [jsx(DIcon, { className: "d-password-check-item-icon", icon: isValid ? 'CircleCheck' : 'Circle', size: "16px" }), jsx("span", { children: text })] }));
+}
+
+export { PasswordCheckItem as default };
+//# sourceMappingURL=PasswordCheckItem.js.map

package/dist/esm/components/DPasswordStrengthMeter/PasswordCheckItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordCheckItem.js","sources":["../../../../dist-transpiled/components/DPasswordStrengthMeter/PasswordCheckItem.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport DIcon from '../DIcon';\nexport default function PasswordCheckItem({ password, regex, text, }) {\n    const isValid = regex.test(password);\n    return (_jsxs(\"li\", { className: `d-password-check-item${isValid ? ' is-valid' : ''}`, children: [_jsx(DIcon, { className: \"d-password-check-item-icon\", icon: isValid ? 'CircleCheck' : 'Circle', size: \"16px\" }), _jsx(\"span\", { children: text })] }));\n}\n//# sourceMappingURL=PasswordCheckItem.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;AAEe,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE;AACtE,IAAI,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;AACxC,IAAI,QAAQA,IAAK,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,qBAAqB,EAAE,OAAO,GAAG,WAAW,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,4BAA4B,EAAE,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;AAC5P;;;;"}

package/dist/esm/components/DPasswordStrengthMeter/PasswordCheckList.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import PasswordCheckItem from './PasswordCheckItem.js';
+import PasswordStrengthBar from './PasswordStrength.js';
+
+const CHECK_REGEX = {
+    uppercase: /[A-Z]/,
+    lowercase: /[a-z]/,
+    number: /\d/,
+    specialChar: /[~!@#$^*\-_=[\]{}|;,.?]/,
+};
+function PasswordChecksList({ password, validationMessages, enabledChecks, }) {
+    const allChecks = [
+        {
+            key: 'uppercase',
+            regex: CHECK_REGEX.uppercase,
+            text: validationMessages.uppercaseLetter,
+        },
+        {
+            key: 'lowercase',
+            regex: CHECK_REGEX.lowercase,
+            text: validationMessages.lowercaseLetter,
+        },
+        {
+            key: 'number',
+            regex: CHECK_REGEX.number,
+            text: validationMessages.number,
+        },
+        {
+            key: 'specialChar',
+            regex: CHECK_REGEX.specialChar,
+            text: validationMessages.especialChar,
+        },
+    ];
+    const passwordChecks = allChecks.filter((check) => enabledChecks.includes(check.key));
+    const passed = passwordChecks.filter((r) => r.regex.test(password)).length;
+    const total = passwordChecks.length;
+    return (jsxs("div", { className: "d-password-strength-meter", children: [jsx(PasswordStrengthBar, { strength: passed, total: total }), jsx("ul", { className: "d-password-check-list", children: passwordChecks.map(({ key, regex, text }) => (jsx(PasswordCheckItem, { password: password, regex: regex, text: text }, key))) })] }));
+}
+
+export { CHECK_REGEX, PasswordChecksList as default };
+//# sourceMappingURL=PasswordCheckList.js.map

package/dist/esm/components/DPasswordStrengthMeter/PasswordCheckList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordCheckList.js","sources":["../../../../dist-transpiled/components/DPasswordStrengthMeter/PasswordCheckList.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport PasswordCheckItem from './PasswordCheckItem';\nimport PasswordStrengthBar from './PasswordStrength';\nexport const CHECK_REGEX = {\n    uppercase: /[A-Z]/,\n    lowercase: /[a-z]/,\n    number: /\\d/,\n    specialChar: /[~!@#$^*\\-_=[\\]{}|;,.?]/,\n};\nexport default function PasswordChecksList({ password, validationMessages, enabledChecks, }) {\n    const allChecks = [\n        {\n            key: 'uppercase',\n            regex: CHECK_REGEX.uppercase,\n            text: validationMessages.uppercaseLetter,\n        },\n        {\n            key: 'lowercase',\n            regex: CHECK_REGEX.lowercase,\n            text: validationMessages.lowercaseLetter,\n        },\n        {\n            key: 'number',\n            regex: CHECK_REGEX.number,\n            text: validationMessages.number,\n        },\n        {\n            key: 'specialChar',\n            regex: CHECK_REGEX.specialChar,\n            text: validationMessages.especialChar,\n        },\n    ];\n    const passwordChecks = allChecks.filter((check) => enabledChecks.includes(check.key));\n    const passed = passwordChecks.filter((r) => r.regex.test(password)).length;\n    const total = passwordChecks.length;\n    return (_jsxs(\"div\", { className: \"d-password-strength-meter\", children: [_jsx(PasswordStrengthBar, { strength: passed, total: total }), _jsx(\"ul\", { className: \"d-password-check-list\", children: passwordChecks.map(({ key, regex, text }) => (_jsx(PasswordCheckItem, { password: password, regex: regex, text: text }, key))) })] }));\n}\n//# sourceMappingURL=PasswordCheckList.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;AAGY,MAAC,WAAW,GAAG;AAC3B,IAAI,SAAS,EAAE,OAAO;AACtB,IAAI,SAAS,EAAE,OAAO;AACtB,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,WAAW,EAAE,yBAAyB;AAC1C;AACe,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,GAAG,EAAE;AAC7F,IAAI,MAAM,SAAS,GAAG;AACtB,QAAQ;AACR,YAAY,GAAG,EAAE,WAAW;AAC5B,YAAY,KAAK,EAAE,WAAW,CAAC,SAAS;AACxC,YAAY,IAAI,EAAE,kBAAkB,CAAC,eAAe;AACpD,SAAS;AACT,QAAQ;AACR,YAAY,GAAG,EAAE,WAAW;AAC5B,YAAY,KAAK,EAAE,WAAW,CAAC,SAAS;AACxC,YAAY,IAAI,EAAE,kBAAkB,CAAC,eAAe;AACpD,SAAS;AACT,QAAQ;AACR,YAAY,GAAG,EAAE,QAAQ;AACzB,YAAY,KAAK,EAAE,WAAW,CAAC,MAAM;AACrC,YAAY,IAAI,EAAE,kBAAkB,CAAC,MAAM;AAC3C,SAAS;AACT,QAAQ;AACR,YAAY,GAAG,EAAE,aAAa;AAC9B,YAAY,KAAK,EAAE,WAAW,CAAC,WAAW;AAC1C,YAAY,IAAI,EAAE,kBAAkB,CAAC,YAAY;AACjD,SAAS;AACT,KAAK;AACL,IAAI,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACzF,IAAI,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;AAC9E,IAAI,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM;AACvC,IAAI,QAAQA,IAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,2BAA2B,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAMA,GAAI,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAC7U;;;;"}

package/dist/esm/components/DPasswordStrengthMeter/PasswordStrength.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+
+const getStrengthModifier = (strength, total) => {
+    const percentage = total > 0 ? strength / total : 0;
+    if (percentage === 0)
+        return 'is-empty';
+    if (percentage <= 0.25)
+        return 'is-weak';
+    if (percentage <= 0.5)
+        return 'is-fair';
+    if (percentage <= 0.75)
+        return 'is-good';
+    return 'is-strong';
+};
+function PasswordStrengthBar({ strength, total }) {
+    const percentage = total > 0 ? (strength / total) * 100 : 0;
+    return (jsx("div", { className: "d-password-strength-bar", children: jsx("div", { className: `d-password-strength-bar-fill ${getStrengthModifier(strength, total)}`, style: {
+                width: `${percentage}%`,
+            } }) }));
+}
+
+export { PasswordStrengthBar as default };
+//# sourceMappingURL=PasswordStrength.js.map

package/dist/esm/components/DPasswordStrengthMeter/PasswordStrength.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordStrength.js","sources":["../../../../dist-transpiled/components/DPasswordStrengthMeter/PasswordStrength.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst getStrengthModifier = (strength, total) => {\n    const percentage = total > 0 ? strength / total : 0;\n    if (percentage === 0)\n        return 'is-empty';\n    if (percentage <= 0.25)\n        return 'is-weak';\n    if (percentage <= 0.5)\n        return 'is-fair';\n    if (percentage <= 0.75)\n        return 'is-good';\n    return 'is-strong';\n};\nexport default function PasswordStrengthBar({ strength, total }) {\n    const percentage = total > 0 ? (strength / total) * 100 : 0;\n    return (_jsx(\"div\", { className: \"d-password-strength-bar\", children: _jsx(\"div\", { className: `d-password-strength-bar-fill ${getStrengthModifier(strength, total)}`, style: {\n                width: `${percentage}%`,\n            } }) }));\n}\n//# sourceMappingURL=PasswordStrength.js.map"],"names":["_jsx"],"mappings":";;AACA,MAAM,mBAAmB,GAAG,CAAC,QAAQ,EAAE,KAAK,KAAK;AACjD,IAAI,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC;AACvD,IAAI,IAAI,UAAU,KAAK,CAAC;AACxB,QAAQ,OAAO,UAAU;AACzB,IAAI,IAAI,UAAU,IAAI,IAAI;AAC1B,QAAQ,OAAO,SAAS;AACxB,IAAI,IAAI,UAAU,IAAI,GAAG;AACzB,QAAQ,OAAO,SAAS;AACxB,IAAI,IAAI,UAAU,IAAI,IAAI;AAC1B,QAAQ,OAAO,SAAS;AACxB,IAAI,OAAO,WAAW;AACtB,CAAC;AACc,SAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;AACjE,IAAI,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;AAC/D,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,yBAAyB,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,6BAA6B,EAAE,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE;AAClL,gBAAgB,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AACvC,aAAa,EAAE,CAAC,EAAE,CAAC;AACnB;;;;"}

package/dist/esm/components/DPasswordStrengthMeter/index.js

@@ -0,0 +1,6 @@
+import DPasswordStrengthMeter from './DPasswordStrengthMeter.js';
+
+
+
+export { DPasswordStrengthMeter as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DPasswordStrengthMeter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}