@memori.ai/memori-react 6.8.1 → 6.8.4

package/dist/components/layouts/totem.css

@@ -1,5 +1,5 @@
 .memori-widget.memori-layout-totem {
-    height: 100vh !important;
+    height: 95vh !important;
 }
 
 .memori-widget.memori-layout-totem .memori--global-background.no-background-image {
@@ -47,7 +47,7 @@
 
 .memori-totem-layout .memori-header {
     position: relative;
-    z-index: 100;
+    z-index: 101;
     display: inline-flex;
     width: auto;
     height: auto;
@@ -95,35 +95,44 @@
     bottom: auto;
 }
 
-.memori-totem-layout--avatar .memori--avatar-wrapper>div {
-    overflow: visible !important;
+/* .memori-totem-layout--avatar .memori--avatar-wrapper>div {
+    overflow: visible !important; */
     /* width: 100% !important;
     height: 100% !important; */
-    width: auto !important;
+    /* width: auto !important;
     height: 90vh !important;
     max-height: 90vh;
     border-radius: 0;
     transform: scale(1.7) translate(0px, 10vh);
-}
+} */
 
-.memori-totem-layout--avatar .memori--avatar-wrapper canvas {
+/* .memori-totem-layout--avatar .memori--avatar-wrapper canvas {
     width: auto !important;
     max-width: 100%;
     height: 100% !important;
     max-height: 100%;
-}
+} */
 
-.memori-totem-layout--controls {
+/* .memori-totem-layout--controls {
     position: relative;
     z-index: 5;
-}
+} */
 
 .memori-totem-layout--controls .memori--start-panel,
 .memori-totem-layout--controls .memori-chat--history,
 .memori-totem-layout--controls .memori-chat--content {
+    z-index: 100;
     background: transparent;
 }
 
+.memori-totem-layout--controls .memori-chat--history .memori-chat--content {
+    max-height: 400px;
+}
+
+.memori-totem-layout--controls {
+    z-index: 100;
+}
+
 .memori-totem-layout--controls .memori--start-panel,
 .memori-totem-layout--controls .memori-chat--wrapper {
     width: 80vw;

package/dist/components/layouts/website-assistant.css

@@ -107,7 +107,7 @@
 .memori-website_assistant--trigger-button .memori-blob figure {
     width: 85%;
     border-radius: 0;
-    opacity: 0.75;
+    opacity: 1;
 }
 
 .memori-website_assistant-layout .memori--powered-by {
@@ -391,7 +391,7 @@
 
 .memori-website_assistant-layout .memori-chat--bubble,
 .memori-website_assistant-layout .memori-chat--bubble.memori-chat--user-bubble {
-    opacity: 0.6;
+    opacity: 1;
     transition: opacity 0.2s ease-in-out;
 }
 

package/dist/components/layouts/zoomed-full-body.css

@@ -0,0 +1,18 @@
+
+
+.memori--powered-by-custom {
+    position: absolute;
+    z-index: 1000;
+    bottom: 35px;
+    display: inline-flex;
+    min-width: 150px;
+    flex-wrap: wrap;
+}
+
+.memori--grid-column--zoomed-full-body {
+    max-height: calc(100% - 130px) !important;
+}
+
+.memori.memori-widget.memori-layout-zoomed_full_body .memori--grid {
+    height: calc(100% - 25px);
+}

package/dist/components/ui/Alert.css

@@ -0,0 +1,93 @@
+.memori-alert {
+    position: fixed;
+    z-index: 1000;
+    top: 20px;
+    right: 20px;
+    width: var(--memori-alert--width, 400px);
+  }
+  
+  .memori-alert--container {
+    display: flex;
+    align-items: flex-start;
+    padding: 16px;
+    border-radius: 8px;
+    margin-bottom: 8px;
+    background-color: white;
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  }
+  
+  .memori-alert--icon {
+    flex-shrink: 0;
+    margin-right: 12px;
+  }
+  
+  .memori-alert--content {
+    min-width: 0;
+    flex: 1;
+  }
+  
+  .memori-alert--title {
+    margin-bottom: 4px;
+    font-size: 16px;
+    font-weight: 600;
+  }
+  
+  .memori-alert--description {
+    color: rgb(107 114 128);
+    font-size: 14px;
+  }
+  
+  .memori-alert--actions {
+    display: flex;
+    align-items: center;
+    margin-left: 16px;
+  }
+  
+  .memori-alert--action {
+    margin-right: 8px;
+  }
+  
+  .memori-alert--close {
+    flex-shrink: 0;
+  }
+  
+  /* Alert types */
+  .memori-alert--success {
+    --alert-color: rgb(34 197 94);
+    --alert-bg: rgb(240 253 244);
+  }
+  
+  .memori-alert--warning {
+    --alert-color: rgb(234 179 8);
+    --alert-bg: rgb(254 252 232);
+  }
+  
+  .memori-alert--error {
+    --alert-color: rgb(239 68 68);
+    --alert-bg: rgb(254 242 242);
+  }
+  
+  .memori-alert--info {
+    --alert-color: rgb(59 130 246);
+    --alert-bg: rgb(239 246 255);
+  }
+  
+  .memori-alert--success .memori-alert--container {
+    border: 1px solid var(--alert-color);
+    background-color: var(--alert-bg);
+  }
+  
+  .memori-alert--warning .memori-alert--container {
+    border: 1px solid var(--alert-color);
+    background-color: var(--alert-bg);
+  }
+  
+  .memori-alert--error .memori-alert--container {
+    border: 1px solid var(--alert-color);
+    background-color: var(--alert-bg);
+  }
+  
+  .memori-alert--info .memori-alert--container {
+    border: 1px solid var(--alert-color);
+    background-color: var(--alert-bg);
+  }

package/dist/components/ui/Alert.d.ts

@@ -0,0 +1,18 @@
+import React, { FC } from 'react';
+export type AlertType = 'success' | 'warning' | 'error' | 'info';
+export interface Props {
+    open?: boolean;
+    onClose: (value: boolean) => void;
+    className?: string;
+    title?: string | JSX.Element | React.ReactNode;
+    description?: string | JSX.Element | React.ReactNode;
+    children?: JSX.Element | React.ReactNode;
+    type?: AlertType;
+    icon?: JSX.Element | React.ReactNode;
+    closable?: boolean;
+    duration?: number | null;
+    action?: JSX.Element | React.ReactNode;
+    width?: string;
+}
+declare const Alert: FC<Props>;
+export default Alert;

package/dist/components/ui/Alert.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@headlessui/react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Close_1 = tslib_1.__importDefault(require("../icons/Close"));
+const Button_1 = tslib_1.__importDefault(require("./Button"));
+const react_i18next_1 = require("react-i18next");
+const Alert = ({ open = false, onClose, className, title, description, children, type = 'info', icon, closable = true, duration = null, action, width = '400px', }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    react_1.default.useEffect(() => {
+        if (duration && open) {
+            const timer = setTimeout(() => {
+                onClose(false);
+            }, duration);
+            return () => clearTimeout(timer);
+        }
+    }, [duration, open, onClose]);
+    const getTypeStyles = (type) => {
+        switch (type) {
+            case 'success':
+                return 'memori-alert--success';
+            case 'warning':
+                return 'memori-alert--warning';
+            case 'error':
+                return 'memori-alert--error';
+            default:
+                return 'memori-alert--info';
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_2.Transition, { show: open, as: react_1.default.Fragment, appear: true, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-alert', getTypeStyles(type), className), children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
+                        __html: `
+              .memori-alert {
+                --memori-alert--width: ${width};
+              }
+            `,
+                    } }), (0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 translate-y-4", enterTo: "opacity-100 translate-y-0", leave: "ease-in duration-200", leaveFrom: "opacity-100 translate-y-0", leaveTo: "opacity-0 translate-y-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-alert--container", children: [icon && (0, jsx_runtime_1.jsx)("div", { className: "memori-alert--icon", children: icon }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-alert--content", children: [title && ((0, jsx_runtime_1.jsx)("div", { className: "memori-alert--title", children: title })), description && ((0, jsx_runtime_1.jsx)("div", { className: "memori-alert--description", children: description })), children] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-alert--actions", children: [action && (0, jsx_runtime_1.jsx)("div", { className: "memori-alert--action", children: action }), closable && ((0, jsx_runtime_1.jsx)(Button_1.default, { ghost: true, padded: true, shape: "circle", icon: (0, jsx_runtime_1.jsx)(Close_1.default, {}), title: t('close') || 'Close', onClick: () => onClose(false), className: "memori-alert--close" }))] })] }) })] }) }));
+};
+exports.default = Alert;
+//# sourceMappingURL=Alert.js.map

package/dist/components/ui/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/ui/Alert.tsx"],"names":[],"mappings":";;;;AAAA,0DAAkC;AAClC,6CAA+C;AAC/C,oEAA4B;AAC5B,mEAAmC;AACnC,8DAA8B;AAC9B,iDAA+C;AAmB/C,MAAM,KAAK,GAAc,CAAC,EACxB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,KAAK,GAAG,OAAO,GACT,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAG/B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,IAAI,IAAI,EAAE;YACpB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,QAAQ,CAAC,CAAC;YACb,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,MAAM,aAAa,GAAG,CAAC,IAAe,EAAE,EAAE;QACxC,QAAQ,IAAI,EAAE;YACZ,KAAK,SAAS;gBACZ,OAAO,uBAAuB,CAAC;YACjC,KAAK,SAAS;gBACZ,OAAO,uBAAuB,CAAC;YACjC,KAAK,OAAO;gBACV,OAAO,qBAAqB,CAAC;YAC/B;gBACE,OAAO,oBAAoB,CAAC;SAC/B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,kBAAU,IACT,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,MAAM,kBAEN,iCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,cAAc,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aAChE,kCACE,uBAAuB,EAAE;wBACvB,MAAM,EAAE;;yCAEqB,KAAK;;aAEjC;qBACF,GACD,EACF,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,2BAA2B,EACnC,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,yBAAyB,YAEjC,iCAAK,SAAS,EAAC,yBAAyB,aACrC,IAAI,IAAI,gCAAK,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAO,EAEzD,iCAAK,SAAS,EAAC,uBAAuB,aACnC,KAAK,IAAI,CACR,gCAAK,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAO,CACnD,EACA,WAAW,IAAI,CACd,gCAAK,SAAS,EAAC,2BAA2B,YAAE,WAAW,GAAO,CAC/D,EACA,QAAQ,IACL,EAEN,iCAAK,SAAS,EAAC,uBAAuB,aACnC,MAAM,IAAI,gCAAK,SAAS,EAAC,sBAAsB,YAAE,MAAM,GAAO,EAC9D,QAAQ,IAAI,CACX,uBAAC,gBAAM,IACL,KAAK,QACL,MAAM,QACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,uBAAC,eAAK,KAAG,EACf,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,OAAO,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,qBAAqB,GAC/B,CACH,IACG,IACF,GACW,IACf,GACK,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/dist/components/ui/Button.css

@@ -12,6 +12,10 @@
     font-size: 14px;
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
+.memori-button--active {
+    background: var(--memori-primary);
+    color: var(--memori-primary-text);
+}
 
 .memori-button:hover {
     box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 4px 8px rgba(0, 0, 0, 0.04);
@@ -155,6 +159,8 @@
 }
 
 .memori-button[disabled] {
+    background: var(--memori-button-disabled-bg, #ccc);
+    color: var(--memori-button-disabled-color, #000);
     cursor: not-allowed;
-    opacity: 0.6;
-}
+    opacity: 0.5;
+}

package/dist/components/ui/Button.d.ts

@@ -14,6 +14,7 @@ export interface Props {
     className?: string;
     title?: string;
     id?: string;
+    isActive?: boolean;
     htmlType?: 'button' | 'submit' | 'reset';
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onMouseDown?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;

package/dist/components/ui/Button.js

@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Loading_1 = tslib_1.__importDefault(require("../icons/Loading"));
-const Button = ({ primary = false, outlined = false, ghost = false, padded = true, shape = 'rounded', danger = false, loading = false, disabled = false, block = false, icon, className, title, id, htmlType, onClick, onMouseDown, onMouseUp, onMouseLeave, onTouchStart, onTouchEnd, children, }) => ((0, jsx_runtime_1.jsxs)("button", { id: id, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, title: title, disabled: loading || disabled, className: (0, classnames_1.default)('memori-button', {
+const Button = ({ primary = false, outlined = false, ghost = false, padded = true, shape = 'rounded', danger = false, loading = false, disabled = false, block = false, icon, className, title, id, htmlType, onClick, onMouseDown, onMouseUp, onMouseLeave, onTouchStart, onTouchEnd, children, isActive, }) => ((0, jsx_runtime_1.jsxs)("button", { id: id, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, title: title, disabled: loading || disabled, className: (0, classnames_1.default)('memori-button', {
         'memori-button--primary': primary,
         'memori-button--outlined': outlined,
         'memori-button--ghost': ghost,
@@ -17,6 +17,7 @@ const Button = ({ primary = false, outlined = false, ghost = false, padded = tru
         'memori-button--icon-only': (icon || loading) && !children,
         'memori-button--danger': danger,
         'memori-button--loading': loading,
+        'memori-button--active': isActive,
     }, className), children: [icon && !loading && (0, jsx_runtime_1.jsx)("span", { className: "memori-button--icon", children: icon }), loading && ((0, jsx_runtime_1.jsx)("span", { className: "memori-button--icon loading-icon", children: (0, jsx_runtime_1.jsx)(Loading_1.default, { loading: true }) })), children] }));
 exports.default = Button;
 //# sourceMappingURL=Button.js.map

package/dist/components/ui/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAC5B,uEAAuC;AAsCvC,MAAM,MAAM,GAAc,CAAC,EACzB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,SAAS,EACjB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,SAAS,EACT,KAAK,EACL,EAAE,EACF,QAAQ,EACR,OAAO,EACP,WAAW,EACX,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAC7B,SAAS,EAAE,IAAA,oBAAE,EACX,eAAe,EACf;QACE,wBAAwB,EAAE,OAAO;QACjC,yBAAyB,EAAE,QAAQ;QACnC,sBAAsB,EAAE,KAAK;QAC7B,uBAAuB,EAAE,KAAK,KAAK,QAAQ;QAC3C,wBAAwB,EAAE,KAAK,KAAK,SAAS;QAC7C,uBAAuB,EAAE,KAAK,KAAK,QAAQ;QAC3C,uBAAuB,EAAE,MAAM;QAC/B,sBAAsB,EAAE,KAAK;QAC7B,0BAA0B,EAAE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,QAAQ;QACzD,0BAA0B,EAAE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ;QAC1D,uBAAuB,EAAE,MAAM;QAC/B,wBAAwB,EAAE,OAAO;KAClC,EACD,SAAS,CACV,aAEA,IAAI,IAAI,CAAC,OAAO,IAAI,iCAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAQ,EACvE,OAAO,IAAI,CACV,iCAAM,SAAS,EAAC,kCAAkC,YAChD,uBAAC,iBAAO,IAAC,OAAO,SAAG,GACd,CACR,EACA,QAAQ,IACF,CACV,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAC5B,uEAAuC;AAuCvC,MAAM,MAAM,GAAc,CAAC,EACzB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,SAAS,EACjB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,SAAS,EACT,KAAK,EACL,EAAE,EACF,QAAQ,EACR,OAAO,EACP,WAAW,EACX,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAC7B,SAAS,EAAE,IAAA,oBAAE,EACX,eAAe,EACf;QACE,wBAAwB,EAAE,OAAO;QACjC,yBAAyB,EAAE,QAAQ;QACnC,sBAAsB,EAAE,KAAK;QAC7B,uBAAuB,EAAE,KAAK,KAAK,QAAQ;QAC3C,wBAAwB,EAAE,KAAK,KAAK,SAAS;QAC7C,uBAAuB,EAAE,KAAK,KAAK,QAAQ;QAC3C,uBAAuB,EAAE,MAAM;QAC/B,sBAAsB,EAAE,KAAK;QAC7B,0BAA0B,EAAE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,QAAQ;QACzD,0BAA0B,EAAE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ;QAC1D,uBAAuB,EAAE,MAAM;QAC/B,wBAAwB,EAAE,OAAO;QACjC,uBAAuB,EAAE,QAAQ;KAClC,EACD,SAAS,CACV,aAEA,IAAI,IAAI,CAAC,OAAO,IAAI,iCAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAQ,EACvE,OAAO,IAAI,CACV,iCAAM,SAAS,EAAC,kCAAkC,YAChD,uBAAC,iBAAO,IAAC,OAAO,SAAG,GACd,CACR,EACA,QAAQ,IACF,CACV,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/components/ui/Card.css

@@ -39,6 +39,7 @@
 }
 
 .memori-card--content {
+    z-index: 0;
     display: flex;
     flex: 1;
     flex-direction: column;
@@ -58,3 +59,7 @@
     font-size: 0.875rem;
     font-weight: 400;
 }
+
+.memori-card--pointer {
+    cursor: pointer;
+}

package/dist/components/ui/Card.d.ts

@@ -7,6 +7,7 @@ export interface Props {
     description?: string;
     cover?: JSX.Element | React.ReactNode | string;
     hoverable?: boolean;
+    onClick?: () => void;
 }
 declare const Card: FC<Props>;
 export default Card;

package/dist/components/ui/Card.js

@@ -4,10 +4,11 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Spin_1 = tslib_1.__importDefault(require("./Spin"));
-const Card = ({ loading = false, className, title, description, cover, hoverable = false, children, }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-card', className, {
+const Card = ({ loading = false, className, title, description, cover, hoverable = false, children, onClick, }) => ((0, jsx_runtime_1.jsx)("div", { onClick: onClick, className: (0, classnames_1.default)('memori-card', className, {
         'memori-card--loading': loading,
         'memori-card--with-cover': cover,
         'memori-card--hoverable': hoverable,
+        'memori-card--pointer': !!onClick,
     }), children: (0, jsx_runtime_1.jsxs)(Spin_1.default, { spinning: loading, children: [cover && (0, jsx_runtime_1.jsx)("div", { className: "memori-card--cover", children: cover }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-card--content", children: [title && (0, jsx_runtime_1.jsx)("h3", { className: "memori-card--title", children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: "memori-card--description", children: description })), (0, jsx_runtime_1.jsx)("div", { className: "memori-card--children", children: children })] })] }) }));
 exports.default = Card;
 //# sourceMappingURL=Card.js.map

package/dist/components/ui/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/ui/Card.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAC5B,0DAA0B;AAY1B,MAAM,IAAI,GAAc,CAAC,EACvB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,gCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,SAAS,EAAE;QACtC,sBAAsB,EAAE,OAAO;QAC/B,yBAAyB,EAAE,KAAK;QAChC,wBAAwB,EAAE,SAAS;KACpC,CAAC,YAEF,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,gCAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAO,EAC3D,iCAAK,SAAS,EAAC,sBAAsB,aAClC,KAAK,IAAI,+BAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EACxD,WAAW,IAAI,CACd,8BAAG,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAK,CAC1D,EACD,gCAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,IACnD,IACD,GACH,CACP,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/ui/Card.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAC5B,0DAA0B;AAa1B,MAAM,IAAI,GAAc,CAAC,EACvB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,SAAS,EAAE;QACtC,sBAAsB,EAAE,OAAO;QAC/B,yBAAyB,EAAE,KAAK;QAChC,wBAAwB,EAAE,SAAS;QACnC,sBAAsB,EAAE,CAAC,CAAC,OAAO;KAClC,CAAC,YAEF,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,gCAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAO,EAC3D,iCAAK,SAAS,EAAC,sBAAsB,aAClC,KAAK,IAAI,+BAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EACxD,WAAW,IAAI,CACd,8BAAG,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAK,CAC1D,EACD,gCAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,IACnD,IACD,GACH,CACP,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/components/ui/ConfirmDialog.css

@@ -0,0 +1,42 @@
+/* Confirmation dialog styles */
+.memori-confirm-dialog--backdrop {
+  position: fixed;
+  z-index: 100;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+}
+
+.memori-confirm-dialog--container {
+  position: fixed;
+  z-index: 101;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem;
+  inset: 0;
+}
+
+.memori-confirm-dialog--panel {
+  width: 100%;
+  max-width: 28rem;
+  padding: 1.5rem;
+  border-radius: 0.5rem;
+  background-color: white;
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.memori-confirm-dialog--title {
+  margin-bottom: 0.75rem;
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
+.memori-confirm-dialog--message {
+  margin-bottom: 1.5rem;
+}
+
+.memori-confirm-dialog--actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}

package/dist/components/ui/ConfirmDialog.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const ConfirmDialog: React.FC<{
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    message: string;
+    confirmText: string;
+    cancelText: string;
+}>;
+export default ConfirmDialog;

package/dist/components/ui/ConfirmDialog.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@headlessui/react");
+const Button_1 = tslib_1.__importDefault(require("./Button"));
+const ConfirmDialog = ({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, }) => {
+    return ((0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: isOpen, as: react_1.default.Fragment, children: (0, jsx_runtime_1.jsxs)(react_2.Dialog, { as: "div", className: "memori-confirm-dialog", onClose: onClose, children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-confirm-dialog--backdrop" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-confirm-dialog--container", children: (0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 scale-95", enterTo: "opacity-100 scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 scale-100", leaveTo: "opacity-0 scale-95", children: (0, jsx_runtime_1.jsxs)(react_2.Dialog.Panel, { className: "memori-confirm-dialog--panel", children: [(0, jsx_runtime_1.jsx)(react_2.Dialog.Title, { className: "memori-confirm-dialog--title", children: title }), (0, jsx_runtime_1.jsx)(react_2.Dialog.Description, { className: "memori-confirm-dialog--message", children: message }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-confirm-dialog--actions", children: [(0, jsx_runtime_1.jsx)(Button_1.default, { onClick: onClose, children: cancelText }), (0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, onClick: onConfirm, children: confirmText })] })] }) }) })] }) }));
+};
+exports.default = ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/ui/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/ui/ConfirmDialog.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,6CAAuD;AACvD,8DAA8B;AAG9B,MAAM,aAAa,GAQd,CAAC,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,GACX,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,kBAAU,IAAC,MAAM,QAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,eAAK,CAAC,QAAQ,YACjD,wBAAC,cAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,OAAO,aACjE,gCAAK,SAAS,EAAC,iCAAiC,GAAG,EACnD,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,wBAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,aACpD,uBAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,YACnD,KAAK,GACO,EACf,uBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,gCAAgC,YAC3D,OAAO,GACW,EACrB,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,YAAG,UAAU,GAAU,EAC/C,uBAAC,gBAAM,IAAC,OAAO,QAAC,OAAO,EAAE,SAAS,YAC/B,WAAW,GACL,IACL,IACO,GACE,GACf,IACC,GACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}