@memori.ai/memori-react 6.8.1 → 6.8.4

package/esm/components/layouts/hidden-chat.css

@@ -0,0 +1,254 @@
+.memori-sidebar-container {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  height: 100%;
+}
+
+.memori-sidebar-toggle {
+  display: none;
+}
+
+.memori-sidebar-toggle-label {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  display: flex;
+  width: auto;
+  height: 80px;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 5px;
+  background-color: var(--memori-primary);
+  color: white;
+  cursor: pointer;
+  font-size: 18px;
+  font-weight: bold;
+  text-orientation: mixed;
+  transform: translateY(-50%);
+  transition: all 0.3s ease-in-out;
+  writing-mode: vertical-rl;
+}
+
+.memori-open-label {
+  border-radius: 5px 0 0 5px;
+}
+
+.memori-close-label {
+  right: 350px;
+  border-radius: 0 5px 5px 0;
+  opacity: 0;
+  pointer-events: none;
+  transform: rotate(180deg);
+  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, right 0.3s ease-in-out;
+}
+
+.memori-sidebar {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: -350px;
+  width: 350px;
+  height: 100%;
+  background-color: white;
+  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease-in-out;
+}
+
+/* Fullscreen styles */
+.memori-sidebar-fullscreen {
+  right: 0 !important;
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  box-shadow: none;
+}
+
+.memori-sidebar-fullscreen .memori-close-label {
+  z-index: 1100;
+  top: 10px;
+  right: 10px;
+  width: 38px;
+  height: 38px;
+  border-radius: 50%;
+  background-color: var(--memori-primary);
+  opacity: 1;
+  pointer-events: auto;
+  transform: none;
+  transition: opacity 0.3s ease-in-out;
+  writing-mode: horizontal-tb;
+}
+
+.memori-hidden-chat-layout--controls {
+  display: flex;
+  height: 90%;
+  padding: 10px;
+  margin-top: 50px;
+}
+
+.memori-sidebar-fullscreen .memori-hidden-chat-layout--controls {
+  height: calc(100% - 80px);
+  max-height: none;
+}
+
+.memori-fullscreen-button {
+  display: flex;
+  width: 38px;
+  height: 38px;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 50%;
+  margin-left: 10px;
+  aspect-ratio: 1;
+  background-color: var(--memori-primary);
+  color: white;
+  cursor: pointer;
+  transition: background-color 0.3s ease-in-out;
+}
+
+.memori-sidebar-content h2 {
+  margin-bottom: 20px;
+  color: var(--memori-primary);
+  font-size: 24px;
+  font-weight: bold;
+}
+
+.memori-sidebar-content ul {
+  padding: 0;
+  list-style-type: none;
+}
+
+.memori-sidebar-content li {
+  margin-bottom: 10px;
+}
+
+.memori-sidebar-content a {
+  display: flex;
+  align-items: center;
+  color: #4b5563;
+  text-decoration: none;
+  transition: color 0.2s ease-in-out;
+}
+
+.memori-sidebar-content a:hover {
+  color: var(--memori-primary);
+}
+
+.memori-sidebar-content svg {
+  width: 20px;
+  height: 20px;
+  margin-right: 10px;
+}
+
+.memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-sidebar {
+  right: 0;
+}
+
+.memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(-50%) translateX(350px);
+}
+
+.memori-loading {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+
+.memori-sidebar-content {
+  position: absolute;
+  top: -10px;
+  width: 100%;
+  padding: 20px;
+}
+
+.memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-close-label {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.memori-hidden-chat-layout--header {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 10px;
+  margin: 0;
+  background-color: white;
+  color: white;
+}
+
+.memori-hidden-chat-layout-header--layout {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 10px;
+  margin: 0;
+  background-color: white;
+  color: white;
+}
+
+.memori-hidden-chat-layout-header--layout > button, 
+.memori-hidden-chat-layout-header--layout > div > button {
+  display: flex;
+  width: 38px;
+  height: 38px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  aspect-ratio: 1;
+  background-color: var(--memori-primary);
+  cursor: pointer;
+  transition: background-color 0.3s ease-in-out;
+}
+
+.memori-button--icon > svg {
+  margin: 0;
+}
+
+.memori-icon, .memori-icon-close {
+  width: 25px;
+  height: 25px;
+}
+
+.memori-icon-close {
+  fill: white;
+}
+
+@media (max-width: 768px) {
+  .memori-sidebar-container {
+    display: none;
+  }
+  
+  .memori-sidebar {
+    right: -100%;
+    width: 100%;
+  }
+  
+  .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {
+    transform: translateY(-50%) translateX(100%);
+  }
+  
+  .memori-close-label {
+    right: 100%;
+  }
+  
+  /* Mobile fullscreen styles */
+  .memori-sidebar-fullscreen {
+    display: block;
+  }
+  
+  .memori-sidebar-container .memori-sidebar-fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: block;
+    width: 100% !important;
+    height: 100% !important;
+  }
+}

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/ui/Alert.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Transition } from '@headlessui/react';
+import cx from 'classnames';
+import Close from '../icons/Close';
+import Button from './Button';
+import { useTranslation } from 'react-i18next';
+const Alert = ({ open = false, onClose, className, title, description, children, type = 'info', icon, closable = true, duration = null, action, width = '400px', }) => {
+    const { t } = useTranslation();
+    React.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 (_jsx(Transition, { show: open, as: React.Fragment, appear: true, children: _jsxs("div", { className: cx('memori-alert', getTypeStyles(type), className), children: [_jsx("style", { dangerouslySetInnerHTML: {
+                        __html: `
+              .memori-alert {
+                --memori-alert--width: ${width};
+              }
+            `,
+                    } }), _jsx(Transition.Child, { as: React.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: _jsxs("div", { className: "memori-alert--container", children: [icon && _jsx("div", { className: "memori-alert--icon", children: icon }), _jsxs("div", { className: "memori-alert--content", children: [title && (_jsx("div", { className: "memori-alert--title", children: title })), description && (_jsx("div", { className: "memori-alert--description", children: description })), children] }), _jsxs("div", { className: "memori-alert--actions", children: [action && _jsx("div", { className: "memori-alert--action", children: action }), closable && (_jsx(Button, { ghost: true, padded: true, shape: "circle", icon: _jsx(Close, {}), title: t('close') || 'Close', onClick: () => onClose(false), className: "memori-alert--close" }))] })] }) })] }) }));
+};
+export default Alert;
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/ui/Alert.tsx"],"names":[],"mappings":"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"}

package/esm/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/esm/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/esm/components/ui/Button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cx from 'classnames';
 import Loading from '../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, }) => (_jsxs("button", { id: id, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, title: title, disabled: loading || disabled, className: cx('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, }) => (_jsxs("button", { id: id, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, title: title, disabled: loading || disabled, className: cx('memori-button', {
         'memori-button--primary': primary,
         'memori-button--outlined': outlined,
         'memori-button--ghost': ghost,
@@ -14,6 +14,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 && _jsx("span", { className: "memori-button--icon", children: icon }), loading && (_jsx("span", { className: "memori-button--icon loading-icon", children: _jsx(Loading, { loading: true }) })), children] }));
 export default Button;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,OAAO,MAAM,kBAAkB,CAAC;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,kBACE,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,EAAE,CACX,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,eAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAQ,EACvE,OAAO,IAAI,CACV,eAAM,SAAS,EAAC,kCAAkC,YAChD,KAAC,OAAO,IAAC,OAAO,SAAG,GACd,CACR,EACA,QAAQ,IACF,CACV,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,OAAO,MAAM,kBAAkB,CAAC;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,kBACE,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,EAAE,CACX,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,eAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAQ,EACvE,OAAO,IAAI,CACV,eAAM,SAAS,EAAC,kCAAkC,YAChD,KAAC,OAAO,IAAC,OAAO,SAAG,GACd,CACR,EACA,QAAQ,IACF,CACV,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/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/esm/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/esm/components/ui/Card.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cx from 'classnames';
 import Spin from './Spin';
-const Card = ({ loading = false, className, title, description, cover, hoverable = false, children, }) => (_jsx("div", { className: cx('memori-card', className, {
+const Card = ({ loading = false, className, title, description, cover, hoverable = false, children, onClick, }) => (_jsx("div", { onClick: onClick, className: cx('memori-card', className, {
         'memori-card--loading': loading,
         'memori-card--with-cover': cover,
         'memori-card--hoverable': hoverable,
+        'memori-card--pointer': !!onClick,
     }), children: _jsxs(Spin, { spinning: loading, children: [cover && _jsx("div", { className: "memori-card--cover", children: cover }), _jsxs("div", { className: "memori-card--content", children: [title && _jsx("h3", { className: "memori-card--title", children: title }), description && (_jsx("p", { className: "memori-card--description", children: description })), _jsx("div", { className: "memori-card--children", children: children })] })] }) }));
 export default Card;
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/ui/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,QAAQ,CAAC;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,cACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;QACtC,sBAAsB,EAAE,OAAO;QAC/B,yBAAyB,EAAE,KAAK;QAChC,wBAAwB,EAAE,SAAS;KACpC,CAAC,YAEF,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,cAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAO,EAC3D,eAAK,SAAS,EAAC,sBAAsB,aAClC,KAAK,IAAI,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EACxD,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAK,CAC1D,EACD,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,IACnD,IACD,GACH,CACP,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/ui/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,QAAQ,CAAC;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,cACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,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,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,cAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAO,EAC3D,eAAK,SAAS,EAAC,sBAAsB,aAClC,KAAK,IAAI,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EACxD,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAK,CAC1D,EACD,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,IACnD,IACD,GACH,CACP,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/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/esm/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;