@mailstep/design-system 0.1.4-beta.9 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.1.4-beta.9",
+  "version": "0.1.6",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
@@ -13,7 +13,7 @@
     "storybook": "storybook dev -p 6006",
     "build": "rm -rf ./build && rollup -c && cp package.json build",
     "build-storybook": "storybook build",
-    "publish": "npm publish ./build",
+    "deploy": "npm run build && npm publish ./build",
     "dev": "yarn storybook",
     "test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\""
   },
@@ -28,7 +28,6 @@
     "@fortawesome/pro-regular-svg-icons": "^6.0.0",
     "@fortawesome/pro-solid-svg-icons": "^6.3.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@rollup/plugin-alias": "^5.0.1",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^15.0.2",

package/ui/Blocks/CornerDialog/index.d.ts

@@ -0,0 +1,6 @@
+import { CornerDialogProps } from './types.js';
+export { Intent } from './types.js';
+
+declare const CornerDialog: (props: CornerDialogProps) => JSX.Element | null
+
+export { CornerDialog, CornerDialogProps, CornerDialog as default };

package/ui/Blocks/CornerDialog/index.js

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

package/ui/Blocks/CornerDialog/index.js.map

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

package/ui/Blocks/CornerDialog/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactChild } from 'react';
+
+type Intent = 'success' | 'error' | 'warning' | 'info';
+interface CornerDialogProps {
+    title: JSX.Element | string;
+    children: ReactChild;
+    icon?: string;
+    onClose: () => void;
+    isOpen?: boolean;
+    intent?: Intent;
+    statusToTitle: Record<Intent, () => string>;
+}
+
+export { CornerDialogProps, Intent };

package/ui/Blocks/ImageList/ImageList.js

@@ -14,11 +14,10 @@ var ImageList = function (_a) {
     var ref = useRef();
     var events = useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;
     var _b = useLightBox(), isLightBoxOpen = _b.isLightBoxOpen, onCloseLightBox = _b.onCloseLightBox, onOpenLightBox = _b.onOpenLightBox, lightBoxData = _b.lightBoxData;
-    return (jsxs(x.div, { display: "flex", alignItems: "flex-end", children: [jsx(AddPhoto, { onImageUpload: onImageUpload }), images &&
-                jsx(ImageListContainer, __assign({ ref: ref }, events, { children: images.map(function (item, index) {
-                        var _a, _b;
-                        return (jsx(ImageElement, { imageUrl: (_a = item.smallUrl) !== null && _a !== void 0 ? _a : item.url, onImageRemove: onImageRemove === null || onImageRemove === void 0 ? void 0 : onImageRemove(item.id), onOpenLightBox: onOpenLightBox(index) }, (_b = item.id) !== null && _b !== void 0 ? _b : index));
-                    }) })), jsx(LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));
+    return (jsxs(x.div, { display: "flex", alignItems: "flex-end", children: [jsx(AddPhoto, { onImageUpload: onImageUpload }), images && (jsx(ImageListContainer, __assign({ ref: ref }, events, { children: images.map(function (item, index) {
+                    var _a, _b;
+                    return (jsx(ImageElement, { imageUrl: (_a = item.smallUrl) !== null && _a !== void 0 ? _a : item.url, onImageRemove: onImageRemove === null || onImageRemove === void 0 ? void 0 : onImageRemove(item.id), onOpenLightBox: onOpenLightBox(index) }, (_b = item.id) !== null && _b !== void 0 ? _b : index));
+                }) }))), jsx(LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));
 };
 
 export { ImageList };

package/ui/Blocks/ImageList/ImageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageList.js","sources":["../../../../packages/ui/Blocks/ImageList/ImageList.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useRef } from 'react';\nimport { useDraggable } from 'react-use-draggable-scroll';\nimport { LightBox, useLightBox } from '../LightBox';\nimport { AddPhoto } from './components/AddPhoto';\nimport { ImageElement } from './components/ImageElement';\nimport { x } from '@xstyled/styled-components';\nimport { ImageListContainer } from './styles';\nexport var ImageList = function (_a) {\n    var onImageUpload = _a.onImageUpload, onImageRemove = _a.onImageRemove, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images;\n    var ref = useRef();\n    var events = useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;\n    var _b = useLightBox(), isLightBoxOpen = _b.isLightBoxOpen, onCloseLightBox = _b.onCloseLightBox, onOpenLightBox = _b.onOpenLightBox, lightBoxData = _b.lightBoxData;\n    return (_jsxs(x.div, { display: \"flex\", alignItems: \"flex-end\", children: [_jsx(AddPhoto, { onImageUpload: onImageUpload }), images &&\n                _jsx(ImageListContainer, __assign({ ref: ref }, events, { children: images.map(function (item, index) {\n                        var _a, _b;\n                        return (_jsx(ImageElement, { imageUrl: (_a = item.smallUrl) !== null && _a !== void 0 ? _a : item.url, onImageRemove: onImageRemove === null || onImageRemove === void 0 ? void 0 : onImageRemove(item.id), onOpenLightBox: onOpenLightBox(index) }, (_b = item.id) !== null && _b !== void 0 ? _b : index));\n                    }) })), _jsx(LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));\n};\n//# sourceMappingURL=ImageList.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AASU,IAAC,SAAS,GAAG,UAAU,EAAE,EAAE;AACrC,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AACjL,IAAI,IAAI,GAAG,GAAG,MAAM,EAAE,CAAC;AACvB,IAAI,IAAI,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC;AAC5H,IAAI,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;AACzK,IAAI,QAAQA,IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM;AACvI,gBAAgBA,GAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AACtH,wBAAwB,IAAI,EAAE,EAAE,EAAE,CAAC;AACnC,wBAAwB,QAAQA,GAAI,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,aAAa,EAAE,aAAa,KAAK,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,EAAE;AACrU,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACrT;;;;"}
+{"version":3,"file":"ImageList.js","sources":["../../../../packages/ui/Blocks/ImageList/ImageList.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useRef } from 'react';\nimport { useDraggable } from 'react-use-draggable-scroll';\nimport LightBox, { useLightBox } from '../LightBox';\nimport { AddPhoto } from './components/AddPhoto';\nimport { ImageElement } from './components/ImageElement';\nimport { x } from '@xstyled/styled-components';\nimport { ImageListContainer } from './styles';\nexport var ImageList = function (_a) {\n    var onImageUpload = _a.onImageUpload, onImageRemove = _a.onImageRemove, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images;\n    var ref = useRef();\n    var events = useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;\n    var _b = useLightBox(), isLightBoxOpen = _b.isLightBoxOpen, onCloseLightBox = _b.onCloseLightBox, onOpenLightBox = _b.onOpenLightBox, lightBoxData = _b.lightBoxData;\n    return (_jsxs(x.div, { display: \"flex\", alignItems: \"flex-end\", children: [_jsx(AddPhoto, { onImageUpload: onImageUpload }), images && (_jsx(ImageListContainer, __assign({ ref: ref }, events, { children: images.map(function (item, index) {\n                    var _a, _b;\n                    return (_jsx(ImageElement, { imageUrl: (_a = item.smallUrl) !== null && _a !== void 0 ? _a : item.url, onImageRemove: onImageRemove === null || onImageRemove === void 0 ? void 0 : onImageRemove(item.id), onOpenLightBox: onOpenLightBox(index) }, (_b = item.id) !== null && _b !== void 0 ? _b : index));\n                }) }))), _jsx(LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));\n};\n//# sourceMappingURL=ImageList.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AASU,IAAC,SAAS,GAAG,UAAU,EAAE,EAAE;AACrC,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AACjL,IAAI,IAAI,GAAG,GAAG,MAAM,EAAE,CAAC;AACvB,IAAI,IAAI,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC;AAC5H,IAAI,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;AACzK,IAAI,QAAQA,IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,KAAKA,GAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AAClP,oBAAoB,IAAI,EAAE,EAAE,EAAE,CAAC;AAC/B,oBAAoB,QAAQA,GAAI,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,aAAa,EAAE,aAAa,KAAK,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,EAAE;AACjU,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAClT;;;;"}

package/ui/Blocks/ImageList/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ImageListProps } from './types.js';
+export { ImageUploadProps } from './types.js';
+
+declare const ImageList: FC<ImageListProps>
+
+export { ImageList, ImageList as default };

package/ui/Blocks/ImageList/index.js

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

package/ui/Blocks/ImageList/index.js.map

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

package/ui/Blocks/ImageList/types.d.ts

@@ -0,0 +1,15 @@
+import { ImageData } from '../LightBox/types.js';
+
+interface ImageUploadProps {
+    base64?: string;
+    file?: File;
+}
+interface ImageListProps {
+    images: ImageData[] | undefined;
+    onImageUpload?: (props: ImageUploadProps) => Promise<void>;
+    onImageRemove?: (id?: string) => () => void;
+    lightBoxAction?: (id?: string) => () => Promise<void>;
+    lightBoxActionTitle?: string;
+}
+
+export { ImageListProps, ImageUploadProps };

package/ui/Blocks/LightBox/LightBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightBox.js","sources":["../../../../packages/ui/Blocks/LightBox/LightBox.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button } from '../../Elements/Button';\nimport { Modal } from '../Modal';\nimport 'swiper/css';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Container, Image, ButtonContainer } from './styles';\nexport var LightBox = function (_a) {\n    var isLightBoxOpen = _a.isLightBoxOpen, onCloseLightBox = _a.onCloseLightBox, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images, _b = _a.initialSlide, initialSlide = _b === void 0 ? 0 : _b;\n    if (!(images === null || images === void 0 ? void 0 : images.length))\n        return null;\n    return (_jsx(Modal, { isShown: isLightBoxOpen, onClose: onCloseLightBox, mobileFullscreen: true, miniCloseBtn: true, withCloseIcon: true, children: _jsx(Swiper, { initialSlide: initialSlide, slidesPerView: 1, autoHeight: true, children: images.map(function (item) {\n                var _a;\n                return (_jsx(SwiperSlide, { children: _jsxs(Container, { children: [_jsx(Image, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: \"lazy\", alt: \"\" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (_jsx(ButtonContainer, { children: _jsx(Button, { onClick: lightBoxAction(item.id), appearance: \"primaryLight\", children: lightBoxActionTitle }) }))] }) }, item.id));\n            }) }) }));\n};\n//# sourceMappingURL=LightBox.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAMU,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AACpP,IAAI,IAAI,EAAE,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;AACxE,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE;AAC5Q,gBAAgB,IAAI,EAAE,CAAC;AACvB,gBAAgB,QAAQA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,IAAI,cAAc,IAAI,mBAAmB,KAAKA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE;AACnb,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtB;;;;"}
+{"version":3,"file":"LightBox.js","sources":["../../../../packages/ui/Blocks/LightBox/LightBox.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button } from '../../Elements/Button';\nimport Modal from '../Modal';\nimport 'swiper/css';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Container, Image, ButtonContainer } from './styles';\nexport var LightBox = function (_a) {\n    var isLightBoxOpen = _a.isLightBoxOpen, onCloseLightBox = _a.onCloseLightBox, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images, _b = _a.initialSlide, initialSlide = _b === void 0 ? 0 : _b;\n    if (!(images === null || images === void 0 ? void 0 : images.length))\n        return null;\n    return (_jsx(Modal, { isShown: isLightBoxOpen, onClose: onCloseLightBox, mobileFullscreen: true, miniCloseBtn: true, withCloseIcon: true, children: _jsx(Swiper, { initialSlide: initialSlide, slidesPerView: 1, autoHeight: true, children: images.map(function (item) {\n                var _a;\n                return (_jsx(SwiperSlide, { children: _jsxs(Container, { children: [_jsx(Image, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: \"lazy\", alt: \"\" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (_jsx(ButtonContainer, { children: _jsx(Button, { onClick: lightBoxAction(item.id), appearance: \"primaryLight\", children: lightBoxActionTitle }) }))] }) }, item.id));\n            }) }) }));\n};\n//# sourceMappingURL=LightBox.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAMU,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AACpP,IAAI,IAAI,EAAE,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;AACxE,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE;AAC5Q,gBAAgB,IAAI,EAAE,CAAC;AACvB,gBAAgB,QAAQA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,IAAI,cAAc,IAAI,mBAAmB,KAAKA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE;AACnb,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtB;;;;"}

package/ui/Blocks/LightBox/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { LightBoxProps, UseLightBoxHookType } from './types.js';
+export { ImageData } from './types.js';
+
+declare const LightBox: FC<LightBoxProps>
+declare const useLightBox: UseLightBoxHookType
+
+export { LightBox, LightBox as default, useLightBox };

package/ui/Blocks/LightBox/index.js

@@ -0,0 +1,8 @@
+import { LightBox } from './LightBox.js';
+import 'react';
+import '../Modal/Modal.js';
+
+
+
+export { LightBox as default };
+//# sourceMappingURL=index.js.map

package/ui/Blocks/LightBox/index.js.map

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

package/ui/Blocks/LightBox/types.d.ts

@@ -0,0 +1,26 @@
+interface LightBoxData {
+    initialSlide: number;
+}
+type UseLightBoxHookType = () => {
+    onOpenLightBox: (index?: number) => () => void;
+    onCloseLightBox: () => void;
+    isLightBoxOpen: boolean;
+    lightBoxData?: LightBoxData;
+};
+interface ImageData {
+    id: string;
+    url?: string;
+    smallUrl?: string;
+    originalUrl?: string;
+    withLightBoxAction?: boolean;
+}
+interface LightBoxProps {
+    images: ImageData[] | undefined;
+    isLightBoxOpen: boolean;
+    onCloseLightBox: () => void;
+    lightBoxAction?: (id?: string) => () => Promise<void>;
+    lightBoxActionTitle?: string;
+    initialSlide?: number;
+}
+
+export { ImageData, LightBoxData, LightBoxProps, UseLightBoxHookType };

package/ui/Blocks/Modal/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, RefObject } from 'react';
+import { ModalProps, UseClickOutsideProps, ModalData, ControlProps } from './types.js';
+
+declare const Modal: FC<ModalProps>
+declare const useClickOutside: (props: UseClickOutsideProps) => RefObject<HTMLDivElement>
+declare const useModal: <T = ModalData>(initialValue?: T) => ControlProps<T>
+
+export { ControlProps, Modal, ModalData, ModalProps, Modal as default, useClickOutside, useModal };

package/ui/Blocks/Modal/index.js

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

package/ui/Blocks/Modal/index.js.map

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

package/ui/Blocks/Modal/types.d.ts

@@ -0,0 +1,48 @@
+import { MutableRefObject } from 'react';
+
+type TopSpace = 'default' | 'medium';
+type Width = 'wide' | 'mediumLarge' | 'medium' | 'narrow' | 'auto';
+interface ModalProps {
+    isShown?: boolean;
+    children: JSX.Element | JSX.Element[];
+    title?: JSX.Element | string;
+    titleIcon?: JSX.Element | string;
+    onConfirm?: (close: () => void) => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+    confirmLabel?: JSX.Element | string;
+    cancelLabel?: JSX.Element | string;
+    isLoading?: boolean;
+    isConfirmDisabled?: boolean;
+    hasFooter?: boolean;
+    hasHeader?: boolean;
+    width?: Width;
+    whiteBg?: boolean;
+    miniCloseBtn?: boolean;
+    ignoreClickOutside?: boolean;
+    closeEverywhere?: boolean;
+    withCloseIcon?: boolean;
+    overlayColor?: string;
+    minWidth?: string;
+    minHeight?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    topSpace?: TopSpace;
+    mobileFullscreen?: boolean;
+}
+type ModalData = Record<string, any>;
+type ControlProps<T = ModalData> = {
+    isOpen: boolean;
+    onClose: () => void;
+    onOpen: (data?: T) => void;
+    data?: T;
+};
+interface UseClickOutsideProps {
+    onClose?: () => void;
+    ignoreClickOutside?: boolean;
+    parentRef?: MutableRefObject<HTMLDivElement | null | undefined>;
+    closeCurrent?: boolean;
+    allowScrollbarClick?: boolean;
+}
+
+export { ControlProps, ModalData, ModalProps, TopSpace, UseClickOutsideProps, Width };

package/ui/Blocks/Tabs/index.d.ts

@@ -0,0 +1,8 @@
+import { TabsProps, UseTabsHook, TabContentProps } from './types.js';
+export { TabDefinition } from './types.js';
+
+declare const Tabs: (props: TabsProps) => JSX.Element | null
+declare const useTabs: UseTabsHook
+declare const TabContent: (props: TabContentProps) => React.ReactNode | React.ReactNode[]
+
+export { TabContent, Tabs, Tabs as default, useTabs };

package/ui/Blocks/Tabs/index.js

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

package/ui/Blocks/Tabs/index.js.map

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

package/ui/Blocks/Tabs/types.d.ts

@@ -0,0 +1,22 @@
+type TabDefinition = {
+    label: string;
+    icon?: string;
+    badgeCount?: number;
+    default?: true;
+};
+type TabsProps = {
+    tabsDefinition: TabDefinition[];
+    activeTab: number;
+    onTabSwitch: (tab: number) => void;
+};
+type UseTabsHook = (tabDefinitions: TabDefinition[]) => {
+    activeTab: number;
+    onTabSwitch: (tab: number) => void;
+};
+type TabContentProps = {
+    activeTab: number;
+    value: number;
+    children: React.ReactNode | React.ReactNode[];
+};
+
+export { TabContentProps, TabDefinition, TabsProps, UseTabsHook };

package/ui/Elements/Alert/index.d.ts

@@ -0,0 +1,6 @@
+import { IAlert } from './types.js';
+export { AlertProps } from './types.js';
+
+declare const Alert: IAlert
+
+export { Alert as default };

package/ui/Elements/Alert/index.js

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

package/ui/Elements/Alert/index.js.map

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

package/ui/Elements/Alert/types.d.ts

@@ -0,0 +1,19 @@
+type AlertProps = {
+    intent?: 'success' | 'info' | 'warning' | 'danger';
+    inline?: boolean;
+    onClick?: () => void;
+    onClose?: () => void;
+    title?: string;
+    text?: string;
+    closeAnywhere?: boolean;
+    href?: string;
+    actionLabel?: React.ReactElement | string;
+    actionType?: 'link' | 'button';
+    desc?: string;
+    [key: string]: any;
+};
+interface IAlert {
+    (props: AlertProps): JSX.Element;
+}
+
+export { AlertProps, IAlert };

package/ui/Elements/Avatar/index.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './types.js';
+
+declare const Avatar: (props: Props) => JSX.Element
+
+export { Avatar as default };

package/ui/Elements/Avatar/index.js

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

package/ui/Elements/Avatar/index.js.map

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

package/ui/Elements/Avatar/types.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    src?: string;
+    size?: number;
+    className?: string;
+    colorFront?: string;
+    colorBack?: string;
+    hoverColorBack?: string;
+};
+
+export { Props };

package/ui/Elements/Badge/Badge.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    children?: React.ReactNode;
+    label?: string | number | JSX.Element;
+    color?: string;
+    size?: string | number;
+    childWidth?: string | number;
+    topPosition?: boolean;
+    fontSize?: number;
+};
+
+export { Props };

package/ui/Elements/Badge/index.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './Badge.js';
+
+declare const Badge: (props: Props) => JSX.Element
+
+export { Badge as default };

package/ui/Elements/Badge/index.js

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

package/ui/Elements/Badge/index.js.map

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

package/ui/Elements/BorderedBox/index.d.ts

@@ -0,0 +1,5 @@
+import { BorderedBoxProps } from './types.js';
+
+declare const BorderedBox: (props: BorderedBoxProps) => JSX.Element
+
+export { BorderedBoxProps, BorderedBox as default };

package/ui/Elements/BorderedBox/index.js

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

package/ui/Elements/BorderedBox/index.js.map

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

package/ui/Elements/BorderedBox/types.d.ts

@@ -0,0 +1,7 @@
+type BorderedBoxProps = {
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+};
+
+export { BorderedBoxProps };

package/ui/Elements/Button/index.d.ts

@@ -0,0 +1,6 @@
+import { Props } from './types.js';
+export { AppearanceValue } from './types.js';
+
+declare const Button: (props: Props) => JSX.Element
+
+export { Props, Button as default };

package/ui/Elements/Button/index.js

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

package/ui/Elements/Button/index.js.map

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

package/ui/Elements/Button/types.d.ts

@@ -0,0 +1,23 @@
+type SizingValue = 'icon' | 'iconLg' | 'normal' | 'large' | 'grid';
+type AppearanceValue = 'primary' | 'primaryLight' | 'secondary' | 'primaryLg' | 'secondaryLg' | 'minimal' | 'minimalRed' | 'success';
+type Props = React.HTMLProps<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    appearance?: AppearanceValue;
+    buttonRef?: any;
+    sizing?: SizingValue;
+    isLoading?: boolean;
+    name?: string;
+    as?: string | React.ComponentType;
+    loadingText?: string | JSX.Element;
+    columnAlign?: boolean;
+    icon?: string | JSX.Element;
+    type?: 'button' | 'submit' | 'reset';
+    fullWidth?: boolean;
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+};
+
+export { AppearanceValue, Props, SizingValue };

package/ui/Elements/Card/Card.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTheme, th } from '@xstyled/styled-components';
-import { CardWrapper, StyledCard, StyledBody, ImageWrapper, StyledImage } from './styles.js';
+import { StyledBody, ImageWrapper, StyledImage, CardWrapper, StyledCard } from './styles.js';
 
 var Card = function (_a) {
     var children = _a.children, block = _a.block, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, backgroundColor = _a.backgroundColor, rest = __rest(_a, ["children", "block", "hasBorder", "backgroundColor"]);
@@ -17,6 +17,10 @@ var CardImage = function (_a) {
     var themeColor = th.color(color)({ theme: theme });
     return (jsx(ImageWrapper, { color: themeColor, children: jsx(StyledImage, __assign({}, rest, { children: children })) }));
 };
+var CardComponent = function (_a) {
+    var img = _a.img, body = _a.body, children = _a.children, color = _a.color;
+    return (jsxs(Card, { children: [img && (jsx(CardImage, { color: color, children: jsx("img", { src: img, width: "300" }) })), jsxs(CardBody, { children: [body, children] })] }));
+};
 
-export { Card, CardBody, CardImage };
+export { Card, CardBody, CardImage, CardComponent as default };
 //# sourceMappingURL=Card.js.map

package/ui/Elements/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../packages/ui/Elements/Card/Card.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { th } from '@xstyled/styled-components';\nimport { useTheme } from '@xstyled/styled-components';\nimport { StyledCard, CardWrapper, StyledBody, ImageWrapper, StyledImage } from './styles';\nexport var Card = function (_a) {\n    var children = _a.children, block = _a.block, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, backgroundColor = _a.backgroundColor, rest = __rest(_a, [\"children\", \"block\", \"hasBorder\", \"backgroundColor\"]);\n    return (_jsx(CardWrapper, { block: block, children: _jsx(StyledCard, __assign({ block: block, hasBorder: hasBorder, backgroundColor: backgroundColor }, rest, { children: children })) }));\n};\nexport var CardBody = function (_a) {\n    var children = _a.children, rest = __rest(_a, [\"children\"]);\n    return _jsx(StyledBody, __assign({}, rest, { children: children }));\n};\nexport var CardImage = function (_a) {\n    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'white' : _b, rest = __rest(_a, [\"children\", \"color\"]);\n    var theme = useTheme();\n    var themeColor = th.color(color)({ theme: theme });\n    return (_jsx(ImageWrapper, { color: themeColor, children: _jsx(StyledImage, __assign({}, rest, { children: children })) }));\n};\nvar CardComponent = function (_a) {\n    var img = _a.img, body = _a.body, children = _a.children, color = _a.color;\n    return (_jsxs(Card, { children: [img && (_jsx(CardImage, { color: color, children: _jsx(\"img\", { src: img, width: \"300\" }) })), _jsxs(CardBody, { children: [body, children] })] }));\n};\nexport default CardComponent;\n//# sourceMappingURL=Card.js.map"],"names":["_jsx"],"mappings":";;;;;AAKU,IAAC,IAAI,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC3N,IAAI,QAAQA,GAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAEA,GAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC/L,EAAE;AACQ,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAChE,IAAI,OAAOA,GAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;AACxE,EAAE;AACQ,IAAC,SAAS,GAAG,UAAU,EAAE,EAAE;AACrC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,EAAE,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAC9H,IAAI,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;AAC3B,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACvD,IAAI,QAAQA,GAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAEA,GAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAChI;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../packages/ui/Elements/Card/Card.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { th } from '@xstyled/styled-components';\nimport { useTheme } from '@xstyled/styled-components';\nimport { StyledCard, CardWrapper, StyledBody, ImageWrapper, StyledImage } from './styles';\nexport var Card = function (_a) {\n    var children = _a.children, block = _a.block, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, backgroundColor = _a.backgroundColor, rest = __rest(_a, [\"children\", \"block\", \"hasBorder\", \"backgroundColor\"]);\n    return (_jsx(CardWrapper, { block: block, children: _jsx(StyledCard, __assign({ block: block, hasBorder: hasBorder, backgroundColor: backgroundColor }, rest, { children: children })) }));\n};\nexport var CardBody = function (_a) {\n    var children = _a.children, rest = __rest(_a, [\"children\"]);\n    return _jsx(StyledBody, __assign({}, rest, { children: children }));\n};\nexport var CardImage = function (_a) {\n    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'white' : _b, rest = __rest(_a, [\"children\", \"color\"]);\n    var theme = useTheme();\n    var themeColor = th.color(color)({ theme: theme });\n    return (_jsx(ImageWrapper, { color: themeColor, children: _jsx(StyledImage, __assign({}, rest, { children: children })) }));\n};\nvar CardComponent = function (_a) {\n    var img = _a.img, body = _a.body, children = _a.children, color = _a.color;\n    return (_jsxs(Card, { children: [img && (_jsx(CardImage, { color: color, children: _jsx(\"img\", { src: img, width: \"300\" }) })), _jsxs(CardBody, { children: [body, children] })] }));\n};\nexport default CardComponent;\n//# sourceMappingURL=Card.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAKU,IAAC,IAAI,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC3N,IAAI,QAAQA,GAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAEA,GAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC/L,EAAE;AACQ,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAChE,IAAI,OAAOA,GAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;AACxE,EAAE;AACQ,IAAC,SAAS,GAAG,UAAU,EAAE,EAAE;AACrC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,EAAE,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAC9H,IAAI,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;AAC3B,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACvD,IAAI,QAAQA,GAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAEA,GAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAChI,EAAE;AACC,IAAC,aAAa,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;AAC/E,IAAI,QAAQC,IAAK,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,KAAKD,GAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEC,IAAK,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACzL;;;;"}

package/ui/Elements/Card/index.d.ts

@@ -0,0 +1,7 @@
+import { CardProps } from './types.js';
+
+declare interface Card {
+  (props: CardProps): JSX.Element
+}
+
+export { Card as default };

package/ui/Elements/Card/index.js

@@ -0,0 +1,7 @@
+import CardComponent from './Card.js';
+export { Card, CardBody, CardImage } from './Card.js';
+
+
+
+export { CardComponent as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Card/index.js.map

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

package/ui/Elements/Card/styles.d.ts

@@ -0,0 +1,12 @@
+import * as styled_components from 'styled-components';
+import * as _xstyled_system from '@xstyled/system';
+
+declare const StyledCard: styled_components.StyledComponent<"div", _xstyled_system.Theme, {
+    block?: boolean | undefined;
+    hasBorder?: boolean | undefined;
+    shadow?: boolean | undefined;
+    p?: string | undefined;
+    backgroundColor?: string | undefined;
+}, never>;
+
+export { StyledCard };

package/ui/Elements/Card/types.d.ts

@@ -0,0 +1,10 @@
+import { StyledCard } from './styles.js';
+
+type CardProps = {
+    children: React.ReactNode;
+    shadow?: boolean;
+    block?: boolean;
+    hasBorder?: boolean;
+} & React.ComponentProps<typeof StyledCard>;
+
+export { CardProps };

package/ui/Elements/Dropdown/Dropdown.d.ts

@@ -0,0 +1,5 @@
+import { DropdownProps } from './types.js';
+
+declare const Dropdown: ({ show, className, wrapRef, children, showArrow, verticalShift, customDropdownPosition, }: DropdownProps) => JSX.Element;
+
+export { Dropdown as default };

package/ui/Elements/Dropdown/index.d.ts

@@ -0,0 +1,5 @@
+import Dropdown from './Dropdown.js';
+
+
+
+export { Dropdown, Dropdown as default };

package/ui/Elements/Dropdown/index.js

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

package/ui/Elements/Dropdown/index.js.map

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

package/ui/Elements/Dropdown/types.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+
+type DropdownProps = {
+    show?: boolean;
+    className?: string;
+    wrapRef?: RefObject<HTMLElement>;
+    showArrow?: boolean;
+    children?: React.ReactNode;
+    verticalShift?: boolean;
+    customDropdownPosition?: any;
+};
+
+export { DropdownProps };