reso-ui 2.44.0 → 3.0.0-alpha.2

package/dist/esm/components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+
+/* tslint:disable */
+const ResoDndArraySorterContext = React__default.createContext({
+    wrapFactor: 0,
+    setWrapFactor: (val) => { },
+    leftEdgeIndices: [],
+    setLeftEdgeIndices: (val) => { },
+    rightEdgeIndices: [],
+    setRightEdgeIndices: (val) => { },
+    edgeTranslateX: 0,
+    setEdgeTranslateX: (val) => { },
+    edgeTranslateY: 0,
+    setEdgeTranslateY: (val) => { },
+    childItemMargins: { left: 0, right: 0, top: 0, bottom: 0 },
+    setChildItemMargins: (val) => { },
+});
+
+export { ResoDndArraySorterContext };
+//# sourceMappingURL=DndArraySorterContext.js.map

package/dist/esm/components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DndArraySorterContext.js","sources":["../../../../../../src/library/components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.ts"],"sourcesContent":[null],"names":["React"],"mappings":";;AAAA;AA8BO,MAAM,yBAAyB,GACpCA,cAAK,CAAC,aAAa,CAAyB;AAC1C,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,aAAa,EAAE,CAAC,GAAW,OAAM,CAAC;AAElC,IAAA,eAAe,EAAE,EAAE;AACnB,IAAA,kBAAkB,EAAE,CAAC,GAAa,OAAM,CAAC;AAEzC,IAAA,gBAAgB,EAAE,EAAE;AACpB,IAAA,mBAAmB,EAAE,CAAC,GAAa,OAAM,CAAC;AAE1C,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,iBAAiB,EAAE,CAAC,GAAW,OAAM,CAAC;AAEtC,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,iBAAiB,EAAE,CAAC,GAAW,OAAM,CAAC;AAEtC,IAAA,gBAAgB,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1D,IAAA,mBAAmB,EAAE,CAAC,GAAQ,OAAM,CAAC;AACtC,CAAA;;;;"}

package/dist/esm/components/Dnd/Dnd-Array-Sorter/hooks/useDndArraySorter.js

@@ -0,0 +1,96 @@
+import { useState, useEffect } from 'react';
+import { useComponentWidthHeight } from '../../../../hooks/useComponentWidthHeight.js';
+
+const useDndArraySorter = (dropTargetId, dragzoneRef = undefined, horizontalWrap, deps) => {
+    const [wrapFactor, setWrapFactor] = useState(0);
+    const [leftEdgeIndices, setLeftEdgeIndices] = useState([]);
+    const [rightEdgeIndices, setRightEdgeIndices] = useState([]);
+    const [edgeTranslateX, setEdgeTranslateX] = useState(0);
+    const [edgeTranslateY, setEdgeTranslateY] = useState(0);
+    const [childItemMargins, setChildItemMargins] = useState({
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+    });
+    const { width } = useComponentWidthHeight(dragzoneRef);
+    useEffect(() => {
+        if (dragzoneRef === null || dragzoneRef === void 0 ? void 0 : dragzoneRef.current) {
+            const parentNode = dragzoneRef.current;
+            const parentNodeComputedStyle = getComputedStyle(parentNode);
+            const parentNodePaddings = parseFloat(parentNodeComputedStyle.paddingLeft) +
+                parseFloat(parentNodeComputedStyle.paddingRight);
+            const parentNodeBorderWidth = parseFloat(parentNodeComputedStyle.borderWidth);
+            const parentNodeAvailableWidth = parentNode.getBoundingClientRect().width -
+                parentNodePaddings -
+                parentNodeBorderWidth;
+            const child = parentNode.children[0];
+            const childNodeComputedStyle = getComputedStyle(child);
+            const childNodeHorizontalMargins = parseFloat(childNodeComputedStyle.marginLeft) +
+                parseFloat(childNodeComputedStyle.marginRight);
+            const childNodeVerticalMargins = parseFloat(childNodeComputedStyle.marginLeft) +
+                parseFloat(childNodeComputedStyle.marginRight);
+            setChildItemMargins({
+                top: parseFloat(childNodeComputedStyle.marginTop),
+                bottom: parseFloat(childNodeComputedStyle.marginBottom),
+                left: parseFloat(childNodeComputedStyle.marginLeft),
+                right: parseFloat(childNodeComputedStyle.marginRight),
+            });
+            if (!horizontalWrap)
+                return;
+            /**
+             * Calculations below are for Horizontal Wrap only
+             */
+            const childNodeExactWidth = child.getBoundingClientRect().width + childNodeHorizontalMargins;
+            const _wrapFactor = Math.floor(parentNodeAvailableWidth / childNodeExactWidth);
+            if (_wrapFactor === 1) {
+                setLeftEdgeIndices([
+                    ...Array.prototype.map.call(parentNode.children, (_i, idx) => idx),
+                ]);
+                setRightEdgeIndices([]);
+                return;
+            }
+            const edgeTranslateXVal = (_wrapFactor - 1) * childNodeExactWidth;
+            setEdgeTranslateX(edgeTranslateXVal);
+            const edgeTranslateYVal = child.getBoundingClientRect().height + childNodeVerticalMargins;
+            setEdgeTranslateY(edgeTranslateYVal);
+            const _leftEdgeIndices = [];
+            const _rightEdgeIndices = [];
+            let cursor = 0;
+            while (cursor < parentNode.children.length) {
+                _leftEdgeIndices.push(cursor);
+                cursor += _wrapFactor;
+                if (cursor <= parentNode.children.length) {
+                    _rightEdgeIndices.push(cursor - 1);
+                }
+            }
+            // console.log({
+            //   _wrapFactor,
+            //   parentNodeAvailableWidth,
+            //   childNodeExactWidth,
+            //   _leftEdgeIndices,
+            //   _rightEdgeIndices,
+            // });
+            setWrapFactor(_wrapFactor);
+            setLeftEdgeIndices(_leftEdgeIndices);
+            setRightEdgeIndices(_rightEdgeIndices);
+        }
+    }, [dragzoneRef === null || dragzoneRef === void 0 ? void 0 : dragzoneRef.current, dropTargetId, width, ...deps]);
+    return {
+        wrapFactor,
+        setWrapFactor,
+        leftEdgeIndices,
+        setLeftEdgeIndices,
+        rightEdgeIndices,
+        setRightEdgeIndices,
+        edgeTranslateX,
+        setEdgeTranslateX,
+        edgeTranslateY,
+        setEdgeTranslateY,
+        childItemMargins,
+        setChildItemMargins,
+    };
+};
+
+export { useDndArraySorter };
+//# sourceMappingURL=useDndArraySorter.js.map

package/dist/esm/components/Dnd/Dnd-Array-Sorter/hooks/useDndArraySorter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDndArraySorter.js","sources":["../../../../../../src/library/components/Dnd/Dnd-Array-Sorter/hooks/useDndArraySorter.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/Dnd/Dnd-Array-Sorter/shared-data.js

@@ -0,0 +1,14 @@
+const ElementLastTranslation = {};
+const ElementIdToTransitioning = {};
+let InitialDragzoneChildren = null;
+const setInitialDragzoneChildren = (val) => {
+    InitialDragzoneChildren = val;
+};
+const clearElementTransitioning = () => {
+    Object.keys(ElementIdToTransitioning).forEach((k) => {
+        delete ElementIdToTransitioning[k];
+    });
+};
+
+export { ElementIdToTransitioning, ElementLastTranslation, InitialDragzoneChildren, clearElementTransitioning, setInitialDragzoneChildren };
+//# sourceMappingURL=shared-data.js.map

package/dist/esm/components/Dnd/Dnd-Array-Sorter/shared-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-data.js","sources":["../../../../../src/library/components/Dnd/Dnd-Array-Sorter/shared-data.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,sBAAsB,GAAG;AAE/B,MAAM,wBAAwB,GAAG;AAEjC,IAAI,uBAAuB,GAAG;AAE9B,MAAM,0BAA0B,GAAG,CAAC,GAAQ,KAAI;IACrD,uBAAuB,GAAG,GAAG;AAC/B;AAEO,MAAM,yBAAyB,GAAG,MAAK;IAC5C,MAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAI;AAClD,QAAA,OAAO,wBAAwB,CAAC,CAAC,CAAC;AACpC,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/esm/components/Dnd/Dnd-Array-Sorter/utils/index.js

@@ -0,0 +1,73 @@
+import { RESODND_DOM_ID_PREFIX } from '../constants/index.js';
+
+const clearElementStyles = (el) => {
+    el.style.transform = "";
+    el.style.opacity = "";
+    el.classList.remove("resoui_resodnd_draggable_transition", "resoui_resodnd_draggable_dragging", "resoui_resodnd_remove_transition");
+};
+const animateElementMovement = (el, translateValues, options) => {
+    var _a;
+    if (!el)
+        return;
+    const onTransitionEnd = options === null || options === void 0 ? void 0 : options.onTransitionEnd;
+    const onTransitionCancelled = options === null || options === void 0 ? void 0 : options.onTransitionCancelled;
+    const clearElementStylesOnTransitionEnd = (_a = options === null || options === void 0 ? void 0 : options.clearElementStylesOnTransitionEnd) !== null && _a !== void 0 ? _a : true;
+    const translateX = typeof translateValues.x === "string"
+        ? `translateX(${translateValues.x})`
+        : "";
+    const translateY = typeof translateValues.y === "string"
+        ? `translateY(${translateValues.y})`
+        : "";
+    const transformStyle = `${translateX} ${translateY}`.trim();
+    el.classList.add("resoui_resodnd_draggable_transition");
+    el.style.transform = transformStyle;
+    el.ontransitionend = (tev) => {
+        if (clearElementStylesOnTransitionEnd) {
+            clearElementStyles(el);
+        }
+        if (typeof onTransitionEnd === "function") {
+            onTransitionEnd(tev);
+        }
+    };
+    el.ontransitioncancel = (tev) => {
+        clearElementStyles(el);
+        if (typeof onTransitionCancelled === "function") {
+            onTransitionCancelled(tev);
+        }
+    };
+};
+const animateElementRemoval = (el, direction, options
+// onTransitionEnd?: (tev: TransitionEvent) => void
+) => {
+    if (!el)
+        return;
+    const onTransitionEnd = options === null || options === void 0 ? void 0 : options.onTransitionEnd;
+    const onTransitionCancelled = options === null || options === void 0 ? void 0 : options.onTransitionCancelled;
+    const transitionDistance = 50;
+    const transitionDir = direction !== null && direction !== void 0 ? direction : "up";
+    const transitionStyle = transitionDir === "up"
+        ? `translateY(-${transitionDistance}px)`
+        : transitionDir === "down"
+            ? `translateY(${transitionDistance}px)`
+            : transitionDir === "left"
+                ? `translateX(-${transitionDistance}px)`
+                : `translateX(${transitionDistance}px)`;
+    el.classList.add("resoui_resodnd_remove_transition");
+    el.style.transform = `${transitionStyle} scale(0.98)`;
+    el.style.opacity = "0";
+    el.ontransitionend = (_ev) => {
+        if (typeof onTransitionEnd === "function") {
+            onTransitionEnd(_ev);
+        }
+    };
+    el.ontransitioncancel = (tev) => {
+        clearElementStyles(el);
+        if (typeof onTransitionCancelled === "function") {
+            onTransitionCancelled(tev);
+        }
+    };
+};
+const getArrItemId = (initialId) => initialId.replace(RESODND_DOM_ID_PREFIX, "");
+
+export { animateElementMovement, animateElementRemoval, clearElementStyles, getArrItemId };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Dnd/Dnd-Array-Sorter/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/library/components/Dnd/Dnd-Array-Sorter/utils/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/Drawer/Drawer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "./styles/Drawer.layout.scss";
+import "./styles/Drawer.theme.scss";
+import { IDrawerContentProps } from "./DrawerContent";
+export type DrawerProps = Omit<IDrawerContentProps, "internalIsOpen">;
+export declare const Drawer: ({ children, isOpen, onClose, title, layer, width, side, fullWidth, closeOnBackdropClick, titleClassName, titleStyles, closeButtonClassName, closeButtonStyles, contentClassName, contentStyles, rootClassName, rootStyles, ...paddingProps }: DrawerProps) => React.JSX.Element;

package/dist/esm/components/Drawer/Drawer.js

@@ -0,0 +1,48 @@
+import React__default, { useState, useEffect } from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../utils/styles.js';
+import { useDisableBodyScroll } from '../../hooks/useDisableBodyScroll.js';
+import DrawerContent from './DrawerContent.js';
+
+const Drawer = ({ children, isOpen = false, onClose, title = "", layer = 1, width = 300, side = "right", fullWidth = false, closeOnBackdropClick = false, titleClassName, titleStyles = {}, closeButtonClassName, closeButtonStyles = {}, contentClassName, contentStyles = {}, rootClassName, rootStyles = {}, ...paddingProps }) => {
+    useDisableBodyScroll(isOpen);
+    const [_isOpen, _setIsOpen] = useState(false);
+    useEffect(() => {
+        if (isOpen) {
+            _setIsOpen(true);
+        }
+        else {
+            // delay unmount to allow transition to complete
+            const timeout = setTimeout(() => _setIsOpen(false), 125); // match transition duration
+            return () => clearTimeout(timeout);
+        }
+    }, [isOpen]);
+    const backdropClasses = createComponentStyles(createLayoutStyles({
+        resoui_drawer_backdrop: true,
+        resoui_component_drawer_backdrop_transition: true,
+        /* secret sauce */
+        resoui_drawer_backdrop_open: isOpen ? _isOpen : isOpen,
+    }));
+    const computedZIndex = layer + 10;
+    const getIsOpen = () => (isOpen ? isOpen : _isOpen);
+    /**
+     * When the component enters, we want to mount the component first.
+     * So we are using the actual isOpen.
+     *
+     * When the component leaves, we want to remove the open classes first,
+     * before removing it from the dom. therefore, we are using the _isOpen.
+     *
+     * When determining display block or none: is the drawer is not yet opened,
+     * isOpen uses the actual isOpen. If the component is alreayd opened.
+     *
+     * DO NOT USE display: none, as we intentionally want the component to unmount
+     * from the DOM when it closes
+     */
+    return (getIsOpen() && (React__default.createElement("div", { className: backdropClasses, style: {
+            zIndex: computedZIndex,
+            alignItems: side === "right" ? "flex-end" : "flex-start",
+        }, "data-testid": "drawer-backdrop" },
+        React__default.createElement(DrawerContent, { internalIsOpen: _isOpen, isOpen: isOpen, onClose: onClose, side: side, title: title, width: width, fullWidth: fullWidth, closeOnBackdropClick: closeOnBackdropClick, rootClassName: rootClassName, rootStyles: rootStyles, titleClassName: titleClassName, titleStyles: titleStyles, contentClassName: contentClassName, contentStyles: contentStyles, layer: computedZIndex, closeButtonClassName: closeButtonClassName, closeButtonStyles: closeButtonStyles, ...paddingProps }, children))));
+};
+
+export { Drawer };
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../../src/library/components/Drawer/Drawer.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;AAaO,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,OAAO,EACP,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,GAAG,EACX,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,KAAK,EACjB,oBAAoB,GAAG,KAAK,EAC5B,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,YAAY,EACH,KAAI;IAChB,oBAAoB,CAAC,MAAM,CAAC;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC;AACjB,QAAA;AAAM,aAAA;;AAEL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;AACzD,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACnC,QAAA;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAAC;AACjB,QAAA,sBAAsB,EAAE,IAAI;AAC5B,QAAA,2CAA2C,EAAE,IAAI;;QAEjD,2BAA2B,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACvD,KAAA,CAAC,CACH;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,EAAE;AAEjC,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD;;;;;;;;;;;;AAYG;IAEH,QACE,SAAS,EAAE,KACTA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,cAAc;YACtB,UAAU,EAAE,IAAI,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY;AACzD,SAAA,EAAA,aAAA,EACW,iBAAiB,EAAA;AAE7B,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,cAAc,EACrB,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,EAAA,GAChC,YAAY,EAAA,EAEf,QAAQ,CACK,CACZ,CACP;AAEL;;;;"}

package/dist/esm/components/Drawer/DrawerContent.d.ts

@@ -0,0 +1,23 @@
+import React, { CSSProperties } from "react";
+import IComponent from "../../interfaces/IComponent";
+import { IPaddingProps } from "../../interfaces";
+export interface IDrawerContentProps extends IComponent, IPaddingProps {
+    children: React.ReactNode;
+    isOpen: boolean;
+    internalIsOpen: boolean;
+    onClose: () => void;
+    side?: "left" | "right";
+    title?: string;
+    width?: number;
+    fullWidth?: boolean;
+    layer?: number;
+    closeOnBackdropClick?: boolean;
+    titleClassName?: string;
+    titleStyles?: CSSProperties;
+    closeButtonClassName?: string;
+    closeButtonStyles?: CSSProperties;
+    contentClassName?: string;
+    contentStyles?: CSSProperties;
+}
+declare const DrawerContent: ({ children, isOpen, internalIsOpen, onClose, side, title, width, fullWidth, layer, closeOnBackdropClick, rootClassName, rootStyles, titleClassName, titleStyles, contentClassName, contentStyles, closeButtonClassName, closeButtonStyles, ...paddingProps }: IDrawerContentProps) => React.JSX.Element;
+export default DrawerContent;

package/dist/esm/components/Drawer/DrawerContent.js

@@ -0,0 +1,45 @@
+import React__default, { useRef } from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../utils/styles.js';
+import { useClickOutside } from '../../hooks/useClickOutside.js';
+import '../../context/ThemeContext.js';
+import { Flex } from '../Containers/Flex/Flex.js';
+import { CloseButton } from '../Buttons/Close-Button/Close-Button.js';
+
+const DrawerContent = ({ children, isOpen = false, internalIsOpen, onClose, side, title, width, fullWidth, layer, closeOnBackdropClick, rootClassName, rootStyles = {}, titleClassName, titleStyles = {}, contentClassName, contentStyles = {}, closeButtonClassName, closeButtonStyles = {}, ...paddingProps }) => {
+    const drawerContentRef = useRef();
+    useClickOutside(drawerContentRef, () => {
+        if (closeOnBackdropClick) {
+            onClose();
+        }
+    });
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_drawer_container: true,
+        resoui_component_drawer_container_transition: true,
+        resoui_drawer_container_left: side === "left",
+        resoui_drawer_container_right: side === "right",
+        resoui_drawer_container_open: isOpen ? internalIsOpen : isOpen,
+    }, paddingProps), rootClassName));
+    const titleClasses = createComponentStyles(createLayoutStyles({
+        resoui_drawer_title: true,
+    }, titleClassName));
+    const contentClasses = createComponentStyles(createLayoutStyles({
+        resoui_drawer_content: true,
+    }, contentClassName));
+    const computedZIndex = layer + 1;
+    return (React__default.createElement("div", { ref: drawerContentRef, className: containerStyles, style: {
+            zIndex: computedZIndex + 1,
+            width: fullWidth ? "100%" : `${width}px`,
+            ...rootStyles,
+        }, "data-testid": "drawer-container-root" },
+        React__default.createElement(Flex, { rootClassName: titleClasses, rootStyles: titleStyles },
+            title && title !== "" ? title : React__default.createElement("div", null),
+            React__default.createElement(CloseButton, { onClick: () => {
+                    onClose();
+                }, rootClassName: closeButtonClassName, rootStyles: closeButtonStyles })),
+        React__default.createElement(Flex, { direction: "column", justify: "start", align: "start", rootClassName: contentClasses, rootStyles: contentStyles, ...{
+                datatestid: "drawer-content-container",
+            } }, children)));
+};
+
+export { DrawerContent as default };
+//# sourceMappingURL=DrawerContent.js.map

package/dist/esm/components/Drawer/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;;;AAiCA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,GAAG,YAAY,EACK,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAkB;AAEjD,IAAA,eAAe,CAAC,gBAAgB,EAAE,MAAK;AACrC,QAAA,IAAI,oBAAoB,EAAE;AACxB,YAAA,OAAO,EAAE;AACV,QAAA;AACH,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,4CAA4C,EAAE,IAAI;QAClD,4BAA4B,EAAE,IAAI,KAAK,MAAM;QAC7C,6BAA6B,EAAE,IAAI,KAAK,OAAO;QAC/C,4BAA4B,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;AAC/D,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAG,qBAAqB,CACxC,kBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,cAAc,CACf,CACF;AAED,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAC1C,kBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;KAC5B,EACD,gBAAgB,CACjB,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC;IAEhC,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,GAAG,CAAC;YAC1B,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACxC,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,uBAAuB,EAAA;QAEnCA,cAAA,CAAA,aAAA,CAAC,IAAI,IAAC,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAA;YACvD,KAAK,IAAI,KAAK,KAAK,EAAE,GAAG,KAAK,GAAGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO;AACxC,YAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,OAAO,EAAE,MAAK;AACZ,oBAAA,OAAO,EAAE;gBACX,CAAC,EACD,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACG;QACPA,cAAA,CAAA,aAAA,CAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,aAAa,EAAA,GACrB;AACF,gBAAA,UAAU,EAAE,0BAA0B;AACvC,aAAA,EAAA,EAEA,QAAQ,CACJ,CACH;AAEV;;;;"}

package/dist/esm/components/Errors/Component-Error/Component-Error.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import "./styles/Component-Error.layout.scss";
+import "./styles/Component-Error.theme.scss";
+export interface IComponentErrorProps extends IComponent {
+    text?: string;
+    iconClassName?: string;
+    iconStyles?: React.CSSProperties;
+    textClassName?: string;
+    textStyles?: React.CSSProperties;
+}
+export declare const ComponentError: ({ text, rootClassName, rootStyles, iconClassName, iconStyles, textClassName, textStyles, }: IComponentErrorProps) => React.JSX.Element;

package/dist/esm/components/Errors/Component-Error/Component-Error.js

@@ -0,0 +1,21 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+
+const ComponentError = ({ text, rootClassName, rootStyles = {}, iconClassName, iconStyles = {}, textClassName, textStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_componentError_container: true,
+    }, rootClassName));
+    const iconClasses = createComponentStyles(createLayoutStyles({
+        resoui_componentError_icon: true,
+        resoui_componentError_icon_margin: text && text !== "",
+    }, iconClassName));
+    const textClasses = createComponentStyles(createLayoutStyles({
+        resoui_componentError_text: true,
+    }, textClassName));
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "component-error-root" },
+        React__default.createElement("div", { className: iconClasses, style: iconStyles, "data-testid": "component-error-icon" }, "!"),
+        text && text !== "" && (React__default.createElement("p", { className: textClasses, style: textStyles, "data-testid": "component-error-text" }, text))));
+};
+
+export { ComponentError };
+//# sourceMappingURL=Component-Error.js.map

package/dist/esm/components/Errors/Component-Error/Component-Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component-Error.js","sources":["../../../../../src/library/components/Errors/Component-Error/Component-Error.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAuBO,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,GACM,KAAI;AACzB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,+BAA+B,EAAE,IAAI;KACtC,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,CACvC,kBAAkB,CAChB;AACE,QAAA,0BAA0B,EAAE,IAAI;AAChC,QAAA,iCAAiC,EAAE,IAAI,IAAI,IAAI,KAAK,EAAE;KACvD,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,CACvC,kBAAkB,CAChB;AACE,QAAA,0BAA0B,EAAE,IAAI;KACjC,EACD,aAAa,CACd,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,sBAAsB,EAAA;QAElCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,sBAAsB,EAAA,EAAA,GAAA,CAG9B;QACL,IAAI,IAAI,IAAI,KAAK,EAAE,KAClBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,iBACL,sBAAsB,EAAA,EAEjC,IAAI,CACH,CACL,CACG;AAEV;;;;"}

package/dist/esm/components/Errors/Full-Screen-Error/Full-Screen-Error.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import "./styles/Full-Screen-Error.layout.scss";
+import "./styles/Full-Screen-Error.theme.scss";
+export interface IFullScreenErrorProps extends IComponent {
+    text?: string;
+    textClassName?: string;
+    textStyles?: React.CSSProperties;
+    iconClassName?: string;
+    iconStyles?: React.CSSProperties;
+}
+export declare const FullScreenError: ({ text, rootClassName, rootStyles, textClassName, textStyles, iconClassName, iconStyles, }: IFullScreenErrorProps) => React.JSX.Element;

package/dist/esm/components/Errors/Full-Screen-Error/Full-Screen-Error.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+import { useDisableBodyScroll } from '../../../hooks/useDisableBodyScroll.js';
+
+const FullScreenError = ({ text = "Oops, something went horribly wrong!", rootClassName, rootStyles = {}, textClassName, textStyles = {}, iconClassName, iconStyles = {}, }) => {
+    useDisableBodyScroll(true);
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_fullScreenError_container: true,
+    }, rootClassName));
+    const iconClasses = createComponentStyles(createLayoutStyles({
+        resoui_fullScreenError_icon: true,
+    }, iconClassName));
+    const textClasses = createComponentStyles(createLayoutStyles({
+        resoui_fullScreenError_text: true,
+    }, textClassName));
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "full-screen-error-root" },
+        React__default.createElement("div", { className: iconClasses, style: iconStyles, "data-testid": "full-screen-error-icon" }, "!"),
+        React__default.createElement("p", { className: textClasses, style: textStyles, "data-testid": "full-screen-error-text" }, text)));
+};
+
+export { FullScreenError };
+//# sourceMappingURL=Full-Screen-Error.js.map

package/dist/esm/components/Errors/Full-Screen-Error/Full-Screen-Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Full-Screen-Error.js","sources":["../../../../../src/library/components/Errors/Full-Screen-Error/Full-Screen-Error.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AAwBO,MAAM,eAAe,GAAG,CAAC,EAC9B,IAAI,GAAG,sCAAsC,EAC7C,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,GACO,KAAI;IAC1B,oBAAoB,CAAC,IAAI,CAAC;AAE1B,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,gCAAgC,EAAE,IAAI;KACvC,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,CACvC,kBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;KAClC,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,CACvC,kBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;KAClC,EACD,aAAa,CACd,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,wBAAwB,EAAA;QAEpCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,wBAAwB,EAAA,EAAA,GAAA,CAGhC;AACN,QAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,wBAAwB,EAAA,EAEnC,IAAI,CACH,CACA;AAEV;;;;"}

package/dist/esm/components/Example/Example.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import "./styles/Example.layout.scss";
+import "./styles/Example.theme.scss";
+export interface IExampleComponent extends IComponent {
+    name: string;
+    children?: React.ReactNode;
+}
+export declare const Example: ({ children, name, rootClassName, rootStyles, }: IExampleComponent) => React.JSX.Element;

package/dist/esm/components/Example/Example.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { Text } from '../Text/Text.js';
+import { createComponentStyles, createLayoutStyles } from '../../utils/styles.js';
+
+const Example = ({ children, name, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_example_component_container: true,
+    }, rootClassName));
+    return (React__default.createElement("div", { className: containerStyles, "data-testid": "example-component-root", style: rootStyles },
+        React__default.createElement(Text, null, "Hello World!"),
+        React__default.createElement(Text, null, "This is just an example component"),
+        React__default.createElement(Text, null,
+            "Name: ",
+            name),
+        typeof children !== null && typeof children !== undefined && children));
+};
+
+export { Example };
+//# sourceMappingURL=Example.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../src/library/components/Example/Example.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AAuBO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,UAAU,GAAG,EAAE,GACG,KAAI;AACtB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,kCAAkC,EAAE,IAAI;KACzC,EACD,aAAa,CACd,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,iBACd,wBAAwB,EACpC,KAAK,EAAE,UAAU,EAAA;AAEjB,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAA,cAAA,CAAoB;AACzB,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAA,mCAAA,CAAyC;AAC9C,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA;;AAAQ,YAAA,IAAI,CAAQ;AACxB,QAAA,OAAO,QAAQ,KAAK,IAAI,IAAI,OAAO,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAClE;AAEV;;;;"}

package/dist/esm/components/External-Links/External-Links.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import { ILink } from "../../interfaces/ILink";
+import { IMarginProps } from "../../interfaces/ISpacingsProps";
+import "./styles/External-Links.layout.scss";
+import "./styles/External-Links.theme.scss";
+export interface IExternalLinksProps extends IComponent, IMarginProps {
+    links: ILink[];
+    linkClassName?: string;
+    linkStyles?: React.CSSProperties;
+}
+export declare const ExternalLinks: ({ links, rootClassName, rootStyles, linkClassName, linkStyles, ...spacingsProps }: IExternalLinksProps) => React.JSX.Element;

package/dist/esm/components/External-Links/External-Links.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../utils/styles.js';
+
+const ExternalLinks = ({ links, rootClassName, rootStyles = {}, linkClassName, linkStyles = {}, ...spacingsProps }) => {
+    const containerClasses = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_externalLinks_container: true,
+    }, spacingsProps), rootClassName));
+    const linkClasses = createComponentStyles(createLayoutStyles({
+        resoui_externalLinks_link: true,
+    }, linkClassName));
+    return (React__default.createElement(React__default.Fragment, null, links && links.length > 0 && (React__default.createElement("ul", { "data-testid": "external-links-root", className: containerClasses, style: rootStyles }, links.map((x, idx) => (React__default.createElement("li", { "data-testid": `external-links-link-${x}`, className: "resoui_externalLinks_linkContainer", key: idx },
+        React__default.createElement("a", { href: x.link, target: "_blank", rel: "noreferrer", className: linkClasses, style: linkStyles }, x.text))))))));
+};
+
+export { ExternalLinks };
+//# sourceMappingURL=External-Links.js.map

package/dist/esm/components/External-Links/External-Links.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"External-Links.js","sources":["../../../../src/library/components/External-Links/External-Links.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AA4BO,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACI,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAG,qBAAqB,CAC5C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,8BAA8B,EAAE,IAAI;AACrC,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,CACvC,kBAAkB,CAChB;AACE,QAAA,yBAAyB,EAAE,IAAI;KAChC,EACD,aAAa,CACd,CACF;IAED,QACEA,4DACG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,KACxBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EAAA,EAEhB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,MAChBA,oDACe,CAAA,oBAAA,EAAuB,CAAC,EAAE,EACvC,SAAS,EAAC,oCAAoC,EAC9C,GAAG,EAAE,GAAG,EAAA;AAER,QAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EAAA,EAEhB,CAAC,CAAC,IAAI,CACL,CACD,CACN,CAAC,CACC,CACN,CACA;AAEP;;;;"}

package/dist/esm/components/Footer/Footer.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import { IPaddingProps } from "../../interfaces/ISpacingsProps";
+import "./styles/Footer.layout.scss";
+import "./styles/Footer.theme.scss";
+export interface IFooterProps extends IComponent, IPaddingProps {
+    children?: React.ReactNode;
+    positionFixed?: boolean;
+}
+export declare const Footer: ({ children, positionFixed, rootClassName, rootStyles, pv, ph, ...spacingsProps }: IFooterProps) => React.JSX.Element;

package/dist/esm/components/Footer/Footer.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../utils/styles.js';
+
+const Footer = ({ children, positionFixed = false, rootClassName, rootStyles = {}, pv = 3, ph = 5, ...spacingsProps }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_footer_container: true,
+        resoui_footer_container_positionFixed: positionFixed,
+    }, { ph, pv, ...spacingsProps }), rootClassName));
+    return (React__default.createElement("footer", { "data-testid": "footer-root", className: containerStyles, style: rootStyles }, children));
+};
+
+export { Footer };
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../src/library/components/Footer/Footer.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAsBO,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,GAAG,aAAa,EACH,KAAI;AACjB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,qCAAqC,EAAE,aAAa;AACrD,KAAA,EACD,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,CAC7B,EACD,aAAa,CACd,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,aAAa,EACzB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,EAEhB,QAAQ,CACF;AAEb;;;;"}

package/dist/esm/components/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent, SVGAttributes } from "react";
+import IComponent from "../../interfaces/IComponent";
+import { IMarginProps } from "../../interfaces/ISpacingsProps";
+import "./styles/Icon.layout.scss";
+export interface IIconProps extends IComponent, IMarginProps {
+    SvgIcon: FunctionComponent<SVGAttributes<SVGElement>>;
+    width?: number | string;
+    height?: number | string;
+    fill?: string;
+    stroke?: string;
+    inline?: boolean;
+}
+export declare const Icon: ({ SvgIcon, width, height, inline, fill, stroke, rootClassName, rootStyles, ...spacingsProps }: IIconProps) => React.JSX.Element;

package/dist/esm/components/Icon/Icon.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../utils/styles.js';
+
+const Icon = ({ SvgIcon, width = 32, height = 32, inline = false, fill = "#434B59", stroke = "current", rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const containerClasses = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_icon_container: true,
+        resoui_icon_container_inline: inline,
+    }, spacingsProps), rootClassName));
+    return (React__default.createElement("div", { "data-testid": "icon-root", className: containerClasses, style: rootStyles },
+        React__default.createElement(SvgIcon, { "data-testid": "icon-svg-icon", width: width, height: height, fill: fill, stroke: stroke })));
+};
+
+export { Icon };
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/library/components/Icon/Icon.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AA4BO,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,SAAS,EAClB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACL,KAAI;AACf,IAAA,MAAM,gBAAgB,GAAG,qBAAqB,CAC5C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,4BAA4B,EAAE,MAAM;AACrC,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,WAAW,EACvB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EAAA;QAEjBA,cAAA,CAAA,aAAA,CAAC,OAAO,mBACM,eAAe,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EAAA,CACd,CACE;AAEV;;;;"}

package/dist/esm/components/Images/Hero/Hero.js

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { Image } from '../Image/Image.js';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+
+const Hero = ({ src, alt = "RESO Hero Image", fullWidth = false, rootClassName, imgClassName, rootStyles = {}, imgStyles = {}, ...spacingsProps }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_hero_container: true,
+        resoui_hero_container_fullWidth: fullWidth,
+    }, rootClassName, {
+        resoui_position_relative: true,
+        // resoui_width_full does not work here because both [Image] and [Hero] styles overrides the global [width] style
+    }));
+    return (React__default.createElement(Image, { rootClassName: containerStyles, rootStyles: rootStyles, src: src, alt: alt, imgClassName: imgClassName, imgStyles: imgStyles, mh: fullWidth ? 0 : "center", ...spacingsProps }));
+};
+
+export { Hero };
+//# sourceMappingURL=Hero.js.map

package/dist/esm/components/Images/Hero/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sources":["../../../../../src/library/components/Images/Hero/Hero.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AAsBO,MAAM,IAAI,GAAG,CAAC,EACnB,GAAG,EACH,GAAG,GAAG,iBAAiB,EACvB,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,YAAY,EACZ,UAAU,GAAG,EAAE,EACf,SAAS,GAAG,EAAE,EACd,GAAG,aAAa,EACL,KAAI;AACf,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,+BAA+B,EAAE,SAAS;AAC3C,KAAA,EACD,aAAa,EACb;AACE,QAAA,wBAAwB,EAAE,IAAI;;AAE/B,KAAA,CACF,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,KAAK,IACJ,aAAa,EAAE,eAAe,EAC9B,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,SAAS,GAAG,CAAC,GAAG,QAAQ,KACxB,aAAa,EAAA,CACjB;AAEN;;;;"}