@memori.ai/memori-react 8.38.4 → 9.0.0-alpha.0

package/dist/components/Avatar/AvatarView/utils/useSmile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSmile.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/useSmile.ts"],"names":[],"mappings":";;AAEA,iCAA0C;AAC1C,8CAA8C;AAO9C,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9B,SAAwB,QAAQ,CAAC,OAA4B,EAAE,KAAY;IACzE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAa;QACvC,QAAQ,EAAE,IAAI;QACd,oBAAoB,EAAE,CAAC;KACxB,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,CAAgB,CAAC;QACxG,aAAa,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAE1C,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA,EAAE;YACtE,aAAa,CAAC,OAAO,CAAC,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC;SACxF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACZ,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;QAEjE,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA;YAAE,OAAO;QAE7C,MAAM,oBAAoB,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,MAAM,qBAAqB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAC;QAGnF,QAAQ,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,IAAI,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,GAAG,GAAG,CAAC;IAC/G,CAAC,CAAC,CAAC;AACL,CAAC;AA1BD,2BA0BC"}
+{"version":3,"file":"useSmile.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/useSmile.ts"],"names":[],"mappings":";;AAYA,2BA0BC;AApCD,iCAA0C;AAC1C,8CAA8C;AAO9C,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9B,SAAwB,QAAQ,CAAC,OAA4B,EAAE,KAAY;IACzE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAa;QACvC,QAAQ,EAAE,IAAI;QACd,oBAAoB,EAAE,CAAC;KACxB,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,CAAgB,CAAC;QACxG,aAAa,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAE1C,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA,EAAE,CAAC;YACvE,aAAa,CAAC,OAAO,CAAC,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC;QACzF,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACZ,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;QAEjE,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA;YAAE,OAAO;QAE7C,MAAM,oBAAoB,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,MAAM,qBAAqB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAC;QAGnF,QAAQ,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,IAAI,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,GAAG,GAAG,CAAC;IAC/G,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/components/Avatar/AvatarView/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/utils.ts"],"names":[],"mappings":";;;AACA,iCAAqC;AAU9B,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE;IAC/D,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB;AAEK,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,OAAe,IAAI,EAAE,EAAE;IACtE,OAAO,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AACzC,CAAC,CAAC;AAFW,QAAA,IAAI,QAEf;AAEK,MAAM,QAAQ,GAAG,CACtB,KAAa,EACb,KAAa,EACb,KAAa,EACb,MAAc,EACd,MAAc,EACd,EAAE;IACF,KAAK,GAAG,IAAA,aAAK,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC;AAC1E,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB;AAEK,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE;QACtB,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;KACpC;IAED,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,EAAE;QACrC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACvC;AACH,CAAC,CAAC;AATW,QAAA,SAAS,aASpB;AAEK,MAAM,gBAAgB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,QAAa,EAAE,EAAE;QAEjD,IAAI,QAAQ,CAAC,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,oBAAY,CAAC;QAGxD,IAAI,QAAQ;YAAE,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B;AAEF,MAAM,eAAe,GAAG,aAAa,CAAC;AAC/B,MAAM,aAAa,GAAG,CAAC,IAAc,EAAE,EAAE;IAC9C,OAAO,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC;AACvC,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/utils.ts"],"names":[],"mappings":";;;AACA,iCAAqC;AAU9B,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE;IAC/D,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB;AAEK,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,OAAe,IAAI,EAAE,EAAE;IACtE,OAAO,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AACzC,CAAC,CAAC;AAFW,QAAA,IAAI,QAEf;AAEK,MAAM,QAAQ,GAAG,CACtB,KAAa,EACb,KAAa,EACb,KAAa,EACb,MAAc,EACd,MAAc,EACd,EAAE;IACF,KAAK,GAAG,IAAA,aAAK,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC;AAC1E,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB;AAEK,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;QACvB,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;IACrC,CAAC;IAED,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACtC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxC,CAAC;AACH,CAAC,CAAC;AATW,QAAA,SAAS,aASpB;AAEK,MAAM,gBAAgB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,QAAa,EAAE,EAAE;QAEjD,IAAI,QAAQ,CAAC,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,oBAAY,CAAC;QAGxD,IAAI,QAAQ;YAAE,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B;AAEF,MAAM,eAAe,GAAG,aAAa,CAAC;AAC/B,MAAM,aAAa,GAAG,CAAC,IAAc,EAAE,EAAE;IAC9C,OAAO,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC;AACvC,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}

package/dist/components/Blob/Blob.css

@@ -12,17 +12,22 @@
     justify-content: center;
     border-radius: 90% 95% 85% 105%;
     animation: wobble calc(150ms * var(--memori-blob-t)) linear infinite;
+    backface-visibility: hidden;
     background: #f0f;
     box-shadow: 0 0 0.5em 0.2em #000 inset, 0 0 0.15em 0 #fff;
     filter: hue-rotate(0deg);
     font-size: 20vmin;
     mix-blend-mode: screen;
-    transform: translate(var(--memori-blob-x, -50%), var(--memori-blob-y, -50%)) rotate(0deg);
+    transform: translate(var(--memori-blob-x, -50%), var(--memori-blob-y, -50%)) rotate(0deg) translateZ(0);
     transform-origin: 50% 50%;
+    will-change: transform;
 }
 
 .memori-blob.memori-blob--speaking {
     animation: blobspeaking 2s ease-in-out infinite;
+    backface-visibility: hidden;
+    transform: translateZ(0);
+    will-change: transform;
 }
 
 @media screen and (max-height: 1280px) {
@@ -84,43 +89,40 @@
 @keyframes wobble {
     to {
         filter: hue-rotate(360deg);
-        transform: translate(var(--memori-blob-x), var(--memori-blob-y)) rotate(360deg);
+        transform: translate(var(--memori-blob-x), var(--memori-blob-y)) rotate(360deg) translateZ(0);
     }
 }
 
 @keyframes blobspeaking {
-    0% {
+    0%, 100% {
         filter: brightness(1);
-        transform: scale(1);
+        transform: scale(1) translateZ(0);
     }
 
     15% {
         filter: brightness(1.1);
+        transform: scale(1) translateZ(0);
     }
 
     30% {
         filter: brightness(1);
-        transform: scale(0.99);
+        transform: scale(0.99) translateZ(0);
     }
 
     50% {
         filter: brightness(1.05);
-        transform: scale(1.01);
+        transform: scale(1.01) translateZ(0);
     }
 
     75% {
         filter: brightness(1.15);
-    }
-
-    100% {
-        filter: brightness(1.1);
-        transform: scale(0.99);
+        transform: scale(1) translateZ(0);
     }
 }
 
 .memori-blob {
     position: relative;
-    z-index: 100;
+    z-index: 10;
     top: 25%;
 }
 

package/dist/components/Blob/Blob.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Props {
     avatar?: string;
     speaking?: boolean;

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.css

@@ -17,16 +17,16 @@
 }
 
 .blocked-memori-badge.margin-left {
-    margin-left: 0.5rem;
+    margin-left: var(--memori-spacing-sm);
 }
 
 .blocked-memori-badge--icon {
     width: 1rem;
     height: 1rem;
-    color: #d48806;
+    color: var(--memori-text-color);
     cursor: pointer;
     fill: currentColor;
-    font-size: 1rem;
+    font-size: var(--memori-text-size-base);
 }
 
 .blocked-memori-badge--tooltip {
@@ -36,5 +36,5 @@
 }
 
 .blocked-memori-badge--title {
-    margin-left: 0.5rem;
+    margin-left: var(--memori-spacing-sm);
 }

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Props {
     memoriName: string;
     blockedUntil?: string;

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Tooltip_1 = tslib_1.__importDefault(require("../ui/Tooltip"));
-const Warning_1 = tslib_1.__importDefault(require("../icons/Warning"));
+const ui_1 = require("@memori.ai/ui");
+const lucide_react_1 = require("lucide-react");
 const react_i18next_1 = require("react-i18next");
 const BlockedMemoriBadge = ({ memoriName, blockedUntil, notEnoughCredits = false, showGiverInfo = false, showTitle = false, marginLeft = false, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const blockedUntilDate = new Date(blockedUntil || Date.now());
-    return notEnoughCredits || blockedUntilDate > new Date(Date.now()) ? ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { className: "blocked-memori-badge--tooltip", content: notEnoughCredits ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t('notEnoughCredits') })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!showGiverInfo &&
+    return notEnoughCredits || blockedUntilDate > new Date(Date.now()) ? ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { className: "blocked-memori-badge--tooltip", content: notEnoughCredits ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t('notEnoughCredits') })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!showGiverInfo &&
                     t('memoriBlockedAnon', {
                         name: memoriName,
                         date: new Intl.DateTimeFormat('it', {
@@ -23,7 +22,7 @@ const BlockedMemoriBadge = ({ memoriName, blockedUntil, notEnoughCredits = false
                             month: 'long',
                             year: 'numeric',
                         }).format(blockedUntilDate),
-                    }), showGiverInfo && ` ${t('memoriBlockedReasonExceedChats')}`, showGiverInfo && (0, jsx_runtime_1.jsx)("br", {}), showGiverInfo && `\n${t('memoriBlockedGiverHelper')}`] })), children: (0, jsx_runtime_1.jsxs)("div", { className: "blocked-memori-badge--wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: `blocked-memori-badge ${marginLeft ? ` margin-left` : ''}`, children: (0, jsx_runtime_1.jsx)(Warning_1.default, { className: "blocked-memori-badge--icon" }) }), showTitle && ((0, jsx_runtime_1.jsx)("span", { className: "blocked-memori-badge--title", children: t('memoriBlockedTitle') }))] }) })) : null;
+                    }), showGiverInfo && ` ${t('memoriBlockedReasonExceedChats')}`, showGiverInfo && (0, jsx_runtime_1.jsx)("br", {}), showGiverInfo && `\n${t('memoriBlockedGiverHelper')}`] })), children: (0, jsx_runtime_1.jsxs)("div", { className: "blocked-memori-badge--wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: `blocked-memori-badge ${marginLeft ? ` margin-left` : ''}`, children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { className: "blocked-memori-badge--icon" }) }), showTitle && ((0, jsx_runtime_1.jsx)("span", { className: "blocked-memori-badge--title", children: t('memoriBlockedTitle') }))] }) })) : null;
 };
 exports.default = BlockedMemoriBadge;
 //# sourceMappingURL=BlockedMemoriBadge.js.map

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockedMemoriBadge.js","sourceRoot":"","sources":["../../../src/components/BlockedMemoriBadge/BlockedMemoriBadge.tsx"],"names":[],"mappings":";;;;AACA,oEAAoC;AACpC,uEAAuC;AACvC,iDAA+C;AAW/C,MAAM,kBAAkB,GAAG,CAAC,EAC1B,UAAU,EACV,YAAY,EACZ,gBAAgB,GAAG,KAAK,EACxB,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,GACZ,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAE9D,OAAO,gBAAgB,IAAI,gBAAgB,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CACnE,uBAAC,iBAAO,IACN,SAAS,EAAC,+BAA+B,EACzC,OAAO,EACL,gBAAgB,CAAC,CAAC,CAAC,CACjB,2DAAG,CAAC,CAAC,kBAAkB,CAAC,GAAI,CAC7B,CAAC,CAAC,CAAC,CACF,6DACG,CAAC,aAAa;oBACb,CAAC,CAAC,mBAAmB,EAAE;wBACrB,IAAI,EAAE,UAAU;wBAChB,IAAI,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;4BAClC,GAAG,EAAE,SAAS;4BACd,KAAK,EAAE,MAAM;4BACb,IAAI,EAAE,SAAS;yBAChB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;qBAC5B,CAAC,EACH,aAAa;oBACZ,CAAC,CAAC,oBAAoB,EAAE;wBACtB,IAAI,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;4BAClC,GAAG,EAAE,SAAS;4BACd,KAAK,EAAE,MAAM;4BACb,IAAI,EAAE,SAAS;yBAChB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;qBAC5B,CAAC,EACH,aAAa,IAAI,IAAI,CAAC,CAAC,gCAAgC,CAAC,EAAE,EAC1D,aAAa,IAAI,gCAAM,EACvB,aAAa,IAAI,KAAK,CAAC,CAAC,0BAA0B,CAAC,EAAE,IACrD,CACJ,YAGH,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,gCACE,SAAS,EAAE,wBAAwB,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,YAErE,uBAAC,iBAAO,IAAC,SAAS,EAAC,4BAA4B,GAAG,GAC9C,EACL,SAAS,IAAI,CACZ,iCAAM,SAAS,EAAC,6BAA6B,YAC1C,CAAC,CAAC,oBAAoB,CAAC,GACnB,CACR,IACG,GACE,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"BlockedMemoriBadge.js","sourceRoot":"","sources":["../../../src/components/BlockedMemoriBadge/BlockedMemoriBadge.tsx"],"names":[],"mappings":";;;AACA,sCAAwC;AACxC,+CAA6C;AAC7C,iDAA+C;AAW/C,MAAM,kBAAkB,GAAG,CAAC,EAC1B,UAAU,EACV,YAAY,EACZ,gBAAgB,GAAG,KAAK,EACxB,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,GACZ,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAE9D,OAAO,gBAAgB,IAAI,gBAAgB,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CACnE,uBAAC,YAAO,IACN,SAAS,EAAC,+BAA+B,EACzC,OAAO,EACL,gBAAgB,CAAC,CAAC,CAAC,CACjB,2DAAG,CAAC,CAAC,kBAAkB,CAAC,GAAI,CAC7B,CAAC,CAAC,CAAC,CACF,6DACG,CAAC,aAAa;oBACb,CAAC,CAAC,mBAAmB,EAAE;wBACrB,IAAI,EAAE,UAAU;wBAChB,IAAI,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;4BAClC,GAAG,EAAE,SAAS;4BACd,KAAK,EAAE,MAAM;4BACb,IAAI,EAAE,SAAS;yBAChB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;qBAC5B,CAAC,EACH,aAAa;oBACZ,CAAC,CAAC,oBAAoB,EAAE;wBACtB,IAAI,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;4BAClC,GAAG,EAAE,SAAS;4BACd,KAAK,EAAE,MAAM;4BACb,IAAI,EAAE,SAAS;yBAChB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;qBAC5B,CAAC,EACH,aAAa,IAAI,IAAI,CAAC,CAAC,gCAAgC,CAAC,EAAE,EAC1D,aAAa,IAAI,gCAAM,EACvB,aAAa,IAAI,KAAK,CAAC,CAAC,0BAA0B,CAAC,EAAE,IACrD,CACJ,YAGH,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,gCACE,SAAS,EAAE,wBAAwB,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,YAErE,uBAAC,4BAAa,IAAC,SAAS,EAAC,4BAA4B,GAAG,GACpD,EACL,SAAS,IAAI,CACZ,iCAAM,SAAS,EAAC,6BAA6B,YAC1C,CAAC,CAAC,oBAAoB,CAAC,GACnB,CACR,IACG,GACE,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/components/ChangeMode/ChangeMode.css

@@ -1,6 +1,8 @@
 .memori--changeMode-instruct {
+    display: flex;
     padding: 1rem;
-    border-radius: 5px;
+    border-radius: var(--memori-radius-box);
+    gap: var(--memori-spacing-sm);
 }
 
 .memori--changeMode-instruct-radio {
@@ -18,5 +20,5 @@
 }
 
 .memori--changeMode-instruct-radio-button[data-headlessui-state='checked'] button {
-    font-weight: 600;
+    font-weight: var(--memori-text-weight-semibold);
 }

package/dist/components/ChangeMode/ChangeMode.js

@@ -2,12 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@headlessui/react");
 const react_i18next_1 = require("react-i18next");
-const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const ui_1 = require("@memori.ai/ui");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const ChangeMode = ({ instruct, canInstruct, onChangeMode, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    return canInstruct ? ((0, jsx_runtime_1.jsx)("div", { className: "memori--changeMode-instruct", children: (0, jsx_runtime_1.jsxs)(react_1.RadioGroup, { name: "instruct", value: instruct ? 'instruct' : 'test', defaultValue: instruct ? 'instruct' : 'test', className: "memori--changeMode-instruct-radio", onChange: onChangeMode, children: [(0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "instruct", className: "memori--changeMode-instruct-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, children: t('widget.instruct') || 'Instruct' })) }), (0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "test", className: "memori--changeMode-instruct-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, children: t('widget.test') || 'Test' })) })] }) })) : null;
+    const value = instruct ? 'instruct' : 'test';
+    return canInstruct ? ((0, jsx_runtime_1.jsxs)("div", { className: "memori--changeMode-instruct", role: "radiogroup", "aria-label": t('widget.instruct') || 'Mode', children: [(0, jsx_runtime_1.jsx)(ui_1.Button, { role: "radio", "aria-checked": value === 'instruct', variant: value === 'instruct' ? 'primary' : 'outline', className: (0, classnames_1.default)('memori--changeMode-instruct-radio-button', {
+                    'memori--changeMode-instruct-radio-button--selected': value === 'instruct',
+                }), onClick: () => onChangeMode('instruct'), children: t('widget.instruct') || 'Instruct' }), (0, jsx_runtime_1.jsx)(ui_1.Button, { role: "radio", "aria-checked": value === 'test', variant: value === 'test' ? 'primary' : 'outline', className: (0, classnames_1.default)('memori--changeMode-instruct-radio-button', {
+                    'memori--changeMode-instruct-radio-button--selected': value === 'test',
+                }), onClick: () => onChangeMode('test'), children: t('widget.test') || 'Test' })] })) : null;
 };
 exports.default = ChangeMode;
 //# sourceMappingURL=ChangeMode.js.map

package/dist/components/ChangeMode/ChangeMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeMode.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.tsx"],"names":[],"mappings":";;;;AACA,6CAA+C;AAC/C,iDAA+C;AAC/C,kEAAkC;AAQlC,MAAM,UAAU,GAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,6BAA6B,YAC1C,wBAAC,kBAAU,IACT,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EACrC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAC5C,SAAS,EAAC,mCAAmC,EAC7C,QAAQ,EAAE,YAAY,aAEtB,uBAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,0CAA0C,YAEnD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,YACrB,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,GAC5B,CACV,GACiB,EACpB,uBAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,0CAA0C,YAEnD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,YAAG,CAAC,CAAC,aAAa,CAAC,IAAI,MAAM,GAAU,CAChE,GACiB,IACT,GACT,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"ChangeMode.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.tsx"],"names":[],"mappings":";;;;AACA,iDAA+C;AAC/C,sCAAuC;AACvC,oEAA4B;AAQ5B,MAAM,UAAU,GAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,iCACE,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,YAAY,gBACL,CAAC,CAAC,iBAAiB,CAAC,IAAI,MAAM,aAE1C,uBAAC,WAAM,IACL,IAAI,EAAC,OAAO,kBACE,KAAK,KAAK,UAAU,EAClC,OAAO,EAAE,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EAAE,IAAA,oBAAE,EAAC,0CAA0C,EAAE;oBACxD,oDAAoD,EAAE,KAAK,KAAK,UAAU;iBAC3E,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,YAEtC,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,GAC5B,EACT,uBAAC,WAAM,IACL,IAAI,EAAC,OAAO,kBACE,KAAK,KAAK,MAAM,EAC9B,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAE,IAAA,oBAAE,EAAC,0CAA0C,EAAE;oBACxD,oDAAoD,EAAE,KAAK,KAAK,MAAM;iBACvE,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,YAElC,CAAC,CAAC,aAAa,CAAC,IAAI,MAAM,GACpB,IACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/Chat/Chat.css

@@ -18,22 +18,41 @@
     width: 100%;
     height: calc(100% - 50px);
     flex: 1;
-    padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
-    border-radius: 10px;
-    margin: 1rem 0;
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
-    background-color: var(--memori-inner-bg);
+    border-radius: var(--memori-radius-box);
+    margin-bottom: 1rem;
+    background-color: var(--memori-secondary-background);
 }
 
-.memori-chat--history.memori-chat--history-touch {
-    height: 80% !important;
+/* Adjust chat history when textarea is expanded */
+.memori-chat-wrapper--expanded .memori-chat--history {
+    margin-bottom: var(--memori-spacing-sm);
+}
+
+/* Solo widget layout CHAT: area messaggi a card */
+.memori-widget.memori-layout-chat .memori-chat-layout--controls .memori-chat--history {
+    min-height: 0;
     padding: 0;
+    border-radius: 12px;
+    margin: 0.5rem 0 1rem;
+    background-color: transparent;
+    box-shadow: none;
 }
 
-/* Adjust chat history when textarea is expanded */
-.memori-chat-wrapper--expanded .memori-chat--history {
-    margin-bottom: 0.5rem;
+.memori-widget.memori-layout-chat .memori-widget {
+    padding: 0;
+}
+
+.memori-widget.memori-layout-chat .memori-chat--bubble {
+    background-color: var(--memori-secondary-background);
+}
+
+.memori-widget.memori-layout-chat .memori-media-item--document {
+    background-color: var(--memori-secondary-background);
+}
+
+.memori-chat--history.memori-chat--history-touch {
+    height: 80% !important;
+    padding: 0;
 }
 
 .memori-chat--content {
@@ -42,7 +61,8 @@
     height: 100%;
     flex: 1;
     flex-direction: column;
-    padding: 2rem 10px;
+    /* background-color: var(--memori-secondary-background); */
+    /* padding: 2rem var(--memori-spacing-sm); */
     /* mask-image: linear-gradient(transparent, black 5%, black 95%, transparent 100%); */
     overflow-y: auto;
     scroll-behavior: smooth;
@@ -53,18 +73,25 @@
 }
 
 /* Ensure smooth scrolling on mobile */
-@media (max-width: 768px) {
+/* @media (max-width: 768px) {
     .memori-chat--content {
-        padding: 1rem 5px;
+        padding: 1rem var(--memori-spacing-xs);
+    }
+} */
+
+@media (max-width: 480px) {
+    .memori-fullpage-header-brand-name {
+        font-size: 1.1rem !important;
     }
 }
 
 .memori-chat--cover {
     position: relative;
     width: 100%;
-    padding-top: 31.25%;
-    margin-top: 10px;
-    margin-bottom: 10px;
+    padding-top: 24.25%;
+    margin-top: calc(var(--memori-spacing-sm) + var(--memori-spacing-xs) / 2);
+    margin-top: 0;
+    margin-bottom: var(--memori-spacing-lg);
     background-position: center;
     background-size: cover;
     border-top-left-radius: 12px;
@@ -79,8 +106,8 @@
 .memori-chat--timestamp {
     display: inline-block;
     padding: 0 3.5rem;
-    margin-bottom: 0.5em;
-    color: #969696;
+    margin-bottom: var(--memori-spacing-sm);
+    color: var(--memori-text-color);
     font-size: 0.8em;
 }
 
@@ -93,18 +120,18 @@
 }
 
 .memori-chat--context-vars {
-    padding: 0 3.5rem;
-    margin-bottom: 0.5em;
+    padding: 0 calc(var(--memori-spacing-sm) + var(--memori-spacing-xs));
+    margin-bottom: var(--memori-spacing-sm);
 }
 
 .memori-chat--context-tag {
     display: inline-flex;
     align-items: center;
     padding: 0.25rem 0.75rem;
-    border-radius: 5px;
-    margin-right: 0.5rem;
+    border-radius: var(--memori-radius-box);
+    margin-right: var(--memori-spacing-sm);
     box-shadow: 0 0 0.25rem var(--memori-primary);
-    color: var(--text-color, #333);
+    color: var(--memori-text-color);
     font-size: 0.75rem;
 }
 
@@ -126,18 +153,18 @@
     white-space: nowrap;
 }
 
-.memori-chat--context-tag+.memori-chat--context-tag {
-    margin-top: 0.5rem;
+.memori-chat--context-tag + .memori-chat--context-tag {
+    margin-top: var(--memori-spacing-sm);
 }
 
 .memori-chat--known-tags {
     display: flex;
     flex-wrap: wrap;
-    margin-bottom: 1.5rem;
+    margin-bottom: var(--memori-spacing-lg);
 }
 
 .memori-chat--known-tag {
-    margin-right: 0.5rem;
+    margin-right: var(--memori-spacing-sm);
 }
 
 /* Drag and drop overlay */
@@ -152,7 +179,7 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    border-radius: 10px;
+    border-radius: var(--memori-radius-box);
     backdrop-filter: blur(4px);
     background-color: rgba(0, 0, 0, 0.7);
     pointer-events: none;
@@ -162,15 +189,15 @@
     width: 64px;
     height: 64px;
     margin-bottom: 1rem;
-    color: #fff;
+    color: var(--memori-text-color);
     opacity: 0.9;
 }
 
 .memori-chat--drag-overlay-text {
     padding: 0 2rem;
-    color: #ffffff;
-    font-size: 1.2rem;
-    font-weight: 500;
+    color: var(--memori-text-color);
+    font-size: var(--memori-text-size-large);
+    font-weight: var(--memori-text-weight-medium);
     text-align: center;
 }
 
@@ -217,9 +244,9 @@
 }
 
 .memori-chat--usage-badge:hover {
-    border-color: var(--memori-primary,#1890ff);
+    border-color: var(--memori-primary, #1890ff);
     background-color: #f8fafc;
-    color: var(--memori-primary,#1890ff);
+    color: var(--memori-primary, #1890ff);
 }
 
 .memori-chat--usage-badge:focus-visible {
@@ -254,7 +281,7 @@
 
 .memori-chat--usage-details dd {
     margin: 0;
-    color: #111827;
+    color: var(--memori-text-color);
     font-size: 0.875rem;
     font-weight: 600;
     text-align: right;
@@ -270,7 +297,7 @@
 .memori-chat--usage-metric-value {
     display: block;
     margin: 0;
-    color: #111827;
+    color: var(--memori-text-color);
     font-size: 1.125rem;
 }
 
@@ -282,4 +309,53 @@
 
 .memori-chat--usage-educational-content p {
     margin: 0;
-}
+}
+
+/* Dark theme: header controls — white outline and icon (incl. share + position popover) */
+.memori-widget.memori-layout-chat[data-theme='dark']
+    .memori-header
+    .memori-button:not(:disabled):not(.memori-button--disabled),
+[data-theme='dark']
+    .memori-widget.memori-layout-chat
+    .memori-header
+    .memori-button:not(:disabled):not(.memori-button--disabled) {
+    border: var(--memori-border) solid #fff;
+    color: #fff;
+}
+
+.memori-widget.memori-layout-chat[data-theme='dark']
+    .memori-header
+    .memori-button:hover:not(:disabled, .memori-button--disabled),
+.memori-widget.memori-layout-chat[data-theme='dark']
+    .memori-header
+    .memori-button:active:not(:disabled, .memori-button--disabled),
+.memori-widget.memori-layout-chat[data-theme='dark']
+    .memori-header
+    .memori-button.memori-button--active:not(:disabled, .memori-button--disabled),
+[data-theme='dark']
+    .memori-widget.memori-layout-chat
+    .memori-header
+    .memori-button:hover:not(:disabled, .memori-button--disabled),
+[data-theme='dark']
+    .memori-widget.memori-layout-chat
+    .memori-header
+    .memori-button:active:not(:disabled, .memori-button--disabled),
+[data-theme='dark']
+    .memori-widget.memori-layout-chat
+    .memori-header
+    .memori-button.memori-button--active:not(:disabled, .memori-button--disabled) {
+    border: var(--memori-border) solid #fff;
+    color: #fff;
+}
+
+.memori-widget.memori-layout-chat[data-theme='dark'] .memori-header .memori-dropdown--user-trigger,
+[data-theme='dark'] .memori-widget.memori-layout-chat .memori-header .memori-dropdown--user-trigger {
+    border: var(--memori-border) solid #fff;
+    color: #fff;
+}
+
+.memori-widget.memori-layout-chat[data-theme='dark'] .memori-header .memori-dropdown--user-trigger:hover,
+[data-theme='dark'] .memori-widget.memori-layout-chat .memori-header .memori-dropdown--user-trigger:hover {
+    border: var(--memori-border) solid #fff;
+    color: #fff;
+}