@memori.ai/memori-react 9.0.0-alpha.24 → 9.0.0-alpha.25

package/src/styles.css

@@ -148,7 +148,11 @@
     flex-shrink: 0;
 }
 
-/* --- 6. Base: brand e tema di default (in layer così overrides possono sovrascrivere --memori-primary) --- */
+/* --- 6. Base: brand e tema di default (in layer così overrides possono sovrascrivere --memori-primary) ---
+ * Rebind primary-derived tokens on host scopes (not only :root). Embeds set
+ * --memori-primary-color on .memori-widget; tokens computed only on :root stay
+ * frozen to the default brand, so disabled/soft/subtle UI would ignore the
+ * integration color. Formulas match @memori.ai/ui theme tokens. */
 @layer memori.overrides {
     :root,
     body,
@@ -161,6 +165,17 @@
     body.sb-show-main #root {
         --memori-primary-color: rgb(var(--memori-primary-rgb, 130 70 175));
         --memori-primary: var(--memori-primary-color);
+        --memori-primary-hover: color-mix(in oklch, var(--memori-primary), black 15%);
+        --memori-primary-active: color-mix(in oklch, var(--memori-primary), black 20%);
+        --memori-primary-disabled: color-mix(in oklch, var(--memori-primary), transparent 60%);
+        --memori-primary-subtle: color-mix(in oklch, var(--memori-primary), white 88%);
+        --memori-primary-subtle-hover: color-mix(in oklch, var(--memori-primary), white 78%);
+        --memori-primary-alpha: color-mix(in oklch, var(--memori-primary) 15%, transparent);
+        --memori-border-primary: color-mix(in oklch, var(--memori-primary), transparent 70%);
+        --memori-border-primary-hover: color-mix(in oklch, var(--memori-primary), transparent 50%);
+        --memori-focus-ring-color: color-mix(in oklch, var(--memori-primary), transparent 55%);
+        --memori-focus-ring: 0 0 0 3px var(--memori-focus-ring-color);
+        --memori-shadow-primary: 0 8px 16px -4px color-mix(in oklch, var(--memori-primary), transparent 70%);
         --memori-layout-max-width: 1280px;
         /* Shared conversation axis (message list, empty state, input) */
         --memori-conversation-max-width: 48rem; /* 768px */
@@ -178,7 +193,7 @@
     background-color: var(--memori-secondary-background);
 }
 
-/* --- 8. Dark mode: surface contrast only — keep --memori-primary on the brand hook --- */
+/* --- 8. Dark mode: surface contrast + primary-derived rebinds (keep brand on --memori-primary-color) --- */
 @layer memori.overrides {
     [data-theme='dark'] memori-client,
     [data-theme='dark'] memori-client #root,
@@ -189,6 +204,16 @@
         /* Align with @memori.ai/ui: contrast = ink, inverse = surface */
         --memori-surface-contrast: #fff;
         --memori-surface-contrast-inverse: #000;
+        --memori-primary-hover: color-mix(in oklch, var(--memori-primary), white 12%);
+        --memori-primary-active: color-mix(in oklch, var(--memori-primary), white 22%);
+        --memori-primary-disabled: color-mix(in oklch, var(--memori-primary), transparent 55%);
+        --memori-primary-subtle: color-mix(in oklch, var(--memori-primary), black 72%);
+        --memori-primary-subtle-hover: color-mix(in oklch, var(--memori-primary), black 62%);
+        --memori-primary-alpha: color-mix(in oklch, var(--memori-primary) 22%, transparent);
+        --memori-border-primary: color-mix(in oklch, var(--memori-primary), transparent 45%);
+        --memori-border-primary-hover: color-mix(in oklch, var(--memori-primary), transparent 30%);
+        --memori-focus-ring-color: color-mix(in oklch, var(--memori-primary), transparent 40%);
+        --memori-shadow-primary: 0 8px 16px -4px color-mix(in oklch, var(--memori-primary), transparent 55%);
     }
 }
 

package/src/version.ts

@@ -1,2 +1,2 @@
 // This file is auto-generated. Do not edit manually.
-export const version = '9.0.0-alpha.24';
+export const version = '9.0.0-alpha.25';

package/dist/context/widgetSurfaceContext.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const WidgetSurfaceProvider: React.Provider<HTMLElement | null>;
-export declare function useWidgetSurfaceEl(): HTMLElement | null;

package/dist/context/widgetSurfaceContext.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetSurfaceProvider = void 0;
-exports.useWidgetSurfaceEl = useWidgetSurfaceEl;
-const react_1 = require("react");
-const WidgetSurfaceContext = (0, react_1.createContext)(null);
-exports.WidgetSurfaceProvider = WidgetSurfaceContext.Provider;
-function useWidgetSurfaceEl() {
-    return (0, react_1.useContext)(WidgetSurfaceContext);
-}
-//# sourceMappingURL=widgetSurfaceContext.js.map

package/dist/context/widgetSurfaceContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widgetSurfaceContext.js","sourceRoot":"","sources":["../../src/context/widgetSurfaceContext.tsx"],"names":[],"mappings":";;;AAWA,gDAEC;AAbD,iCAAyD;AAOzD,MAAM,oBAAoB,GAAG,IAAA,qBAAa,EAAqB,IAAI,CAAC,CAAC;AAExD,QAAA,qBAAqB,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAEnE,SAAgB,kBAAkB;IAChC,OAAO,IAAA,kBAAU,EAAC,oBAAoB,CAAC,CAAC;AAC1C,CAAC"}

package/esm/context/widgetSurfaceContext.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const WidgetSurfaceProvider: React.Provider<HTMLElement | null>;
-export declare function useWidgetSurfaceEl(): HTMLElement | null;

package/esm/context/widgetSurfaceContext.js

@@ -1,7 +0,0 @@
-import { createContext, useContext } from 'react';
-const WidgetSurfaceContext = createContext(null);
-export const WidgetSurfaceProvider = WidgetSurfaceContext.Provider;
-export function useWidgetSurfaceEl() {
-    return useContext(WidgetSurfaceContext);
-}
-//# sourceMappingURL=widgetSurfaceContext.js.map

package/esm/context/widgetSurfaceContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widgetSurfaceContext.js","sourceRoot":"","sources":["../../src/context/widgetSurfaceContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAOzD,MAAM,oBAAoB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAEnE,MAAM,UAAU,kBAAkB;IAChC,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAC1C,CAAC"}

package/src/context/widgetSurfaceContext.tsx

@@ -1,14 +0,0 @@
-import React, { createContext, useContext } from 'react';
-
-/**
- * Portal target for fixed overlays (Drawer/Modal) that must stay clipped to the
- * chat widget. Kept separate from MemoriUIProvider's container so Floating UI
- * menus (Select/Popover) can portal to the widget root *outside* `contain: layout`.
- */
-const WidgetSurfaceContext = createContext<HTMLElement | null>(null);
-
-export const WidgetSurfaceProvider = WidgetSurfaceContext.Provider;
-
-export function useWidgetSurfaceEl(): HTMLElement | null {
-  return useContext(WidgetSurfaceContext);
-}