@syntrologie/adapt-overlays 2.11.0 → 2.13.0

package/node_modules/@syntro/design-system/dist/tokens/effects.d.ts

@@ -53,6 +53,38 @@ export declare const overlay: {
     readonly solid: "rgba(0,0,0,0.70)";
     readonly blur: "rgba(0,0,0,0.25)";
 };
+/**
+ * Product-specific glow shadows not in the Figma shadow scale.
+ * Used for validated states, brand highlights, and UI depth cues.
+ */
+export declare const glowShadows: {
+    readonly 'glow-green': "0 0 20px -8px rgba(34,197,94,0.3)";
+    readonly 'glow-brand': "0 0 25px rgba(212,72,68,0.25)";
+    readonly 'glow-brand-sm': "0 0 0 1px rgba(212,72,68,0.15)";
+    readonly 'glow-brand-md': "0 0 0 2px rgba(212,72,68,0.3)";
+    readonly 'glow-brand-active': "0 0.375rem 0.875rem -0.625rem rgba(212,72,68,0.8)";
+    readonly 'glow-brand-tab': "0 0.5rem 1.25rem -0.75rem rgba(212,72,68,0.7)";
+    readonly 'glow-brand-nav': "0 0.625rem 1.875rem -1.125rem rgba(212,72,68,0.9)";
+};
+/**
+ * Dark-on-dark elevation shadows for card depth.
+ */
+export declare const elevationShadows: {
+    readonly 'elevation-sm': "0 8px 24px -16px rgba(0,0,0,0.6)";
+    readonly 'elevation-md': "0 12px 32px -18px rgba(0,0,0,0.6)";
+    readonly 'elevation-lg': "0 18px 48px -24px rgba(0,0,0,0.65)";
+    readonly 'elevation-card': "0 0.75rem 2rem -1.25rem rgba(0,0,0,0.7)";
+    readonly 'elevation-card-soft': "0 0.75rem 2.375rem -0.75rem rgba(0,0,0,0.4)";
+    readonly 'elevation-card-tight': "0 0.625rem 1.625rem -1.125rem rgba(0,0,0,0.6)";
+};
+/**
+ * Shared animation duration constants for consistent motion across the UI.
+ */
+export declare const animationDuration: {
+    readonly DURATION_SHORT: "150ms";
+    readonly DURATION_MEDIUM: "200ms";
+    readonly DURATION_LONG: "300ms";
+};
 export declare const effects: {
     readonly shadows: {
         readonly xs: "0 1px 2px 0 rgba(16,24,40,0.05)";
@@ -80,6 +112,28 @@ export declare const effects: {
         readonly solid: "rgba(0,0,0,0.70)";
         readonly blur: "rgba(0,0,0,0.25)";
     };
+    readonly glowShadows: {
+        readonly 'glow-green': "0 0 20px -8px rgba(34,197,94,0.3)";
+        readonly 'glow-brand': "0 0 25px rgba(212,72,68,0.25)";
+        readonly 'glow-brand-sm': "0 0 0 1px rgba(212,72,68,0.15)";
+        readonly 'glow-brand-md': "0 0 0 2px rgba(212,72,68,0.3)";
+        readonly 'glow-brand-active': "0 0.375rem 0.875rem -0.625rem rgba(212,72,68,0.8)";
+        readonly 'glow-brand-tab': "0 0.5rem 1.25rem -0.75rem rgba(212,72,68,0.7)";
+        readonly 'glow-brand-nav': "0 0.625rem 1.875rem -1.125rem rgba(212,72,68,0.9)";
+    };
+    readonly elevationShadows: {
+        readonly 'elevation-sm': "0 8px 24px -16px rgba(0,0,0,0.6)";
+        readonly 'elevation-md': "0 12px 32px -18px rgba(0,0,0,0.6)";
+        readonly 'elevation-lg': "0 18px 48px -24px rgba(0,0,0,0.65)";
+        readonly 'elevation-card': "0 0.75rem 2rem -1.25rem rgba(0,0,0,0.7)";
+        readonly 'elevation-card-soft': "0 0.75rem 2.375rem -0.75rem rgba(0,0,0,0.4)";
+        readonly 'elevation-card-tight': "0 0.625rem 1.625rem -1.125rem rgba(0,0,0,0.6)";
+    };
+    readonly animationDuration: {
+        readonly DURATION_SHORT: "150ms";
+        readonly DURATION_MEDIUM: "200ms";
+        readonly DURATION_LONG: "300ms";
+    };
 };
 export default effects;
 //# sourceMappingURL=effects.d.ts.map

package/node_modules/@syntro/design-system/dist/tokens/effects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"effects.d.ts","sourceRoot":"","sources":["../../src/tokens/effects.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;CAUV,CAAC;AAMX;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAMX;;;;GAIG;AACH,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKV,CAAC;AAEX,eAAe,OAAO,CAAC"}
+{"version":3,"file":"effects.d.ts","sourceRoot":"","sources":["../../src/tokens/effects.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;CAUV,CAAC;AAMX;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAMX;;;;GAIG;AACH,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAMX;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;CAQd,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQV,CAAC;AAEX,eAAe,OAAO,CAAC"}

package/node_modules/@syntro/design-system/dist/tokens/effects.js

@@ -66,6 +66,47 @@ export const overlay = {
     blur: 'rgba(0,0,0,0.25)',
 };
 // ============================================================================
+// PRODUCT GLOW SHADOWS
+// ============================================================================
+/**
+ * Product-specific glow shadows not in the Figma shadow scale.
+ * Used for validated states, brand highlights, and UI depth cues.
+ */
+export const glowShadows = {
+    'glow-green': '0 0 20px -8px rgba(34,197,94,0.3)',
+    'glow-brand': '0 0 25px rgba(212,72,68,0.25)',
+    'glow-brand-sm': '0 0 0 1px rgba(212,72,68,0.15)',
+    'glow-brand-md': '0 0 0 2px rgba(212,72,68,0.3)',
+    'glow-brand-active': '0 0.375rem 0.875rem -0.625rem rgba(212,72,68,0.8)',
+    'glow-brand-tab': '0 0.5rem 1.25rem -0.75rem rgba(212,72,68,0.7)',
+    'glow-brand-nav': '0 0.625rem 1.875rem -1.125rem rgba(212,72,68,0.9)',
+};
+// ============================================================================
+// ELEVATION SHADOWS
+// ============================================================================
+/**
+ * Dark-on-dark elevation shadows for card depth.
+ */
+export const elevationShadows = {
+    'elevation-sm': '0 8px 24px -16px rgba(0,0,0,0.6)',
+    'elevation-md': '0 12px 32px -18px rgba(0,0,0,0.6)',
+    'elevation-lg': '0 18px 48px -24px rgba(0,0,0,0.65)',
+    'elevation-card': '0 0.75rem 2rem -1.25rem rgba(0,0,0,0.7)',
+    'elevation-card-soft': '0 0.75rem 2.375rem -0.75rem rgba(0,0,0,0.4)',
+    'elevation-card-tight': '0 0.625rem 1.625rem -1.125rem rgba(0,0,0,0.6)',
+};
+// ============================================================================
+// ANIMATION TIMING CONSTANTS
+// ============================================================================
+/**
+ * Shared animation duration constants for consistent motion across the UI.
+ */
+export const animationDuration = {
+    DURATION_SHORT: '150ms',
+    DURATION_MEDIUM: '200ms',
+    DURATION_LONG: '300ms',
+};
+// ============================================================================
 // DEFAULT EXPORT
 // ============================================================================
 export const effects = {
@@ -73,5 +114,8 @@ export const effects = {
     focusRings,
     backdropBlur,
     overlay,
+    glowShadows,
+    elevationShadows,
+    animationDuration,
 };
 export default effects;

package/node_modules/@syntro/design-system/package.json

@@ -46,8 +46,8 @@
   "author": "Syntro",
   "license": "MIT",
   "devDependencies": {
-    "tailwindcss": "^3.4.19",
-    "typescript": "^5.9.3"
+    "tailwindcss": "3.4.19",
+    "typescript": "5.9.3"
   },
   "peerDependencies": {
     "tailwindcss": "^3.0.0"

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.js

@@ -125,7 +125,7 @@ export function AnchorPicker({ isActive, onPick, onCancel, passthroughClicks = f
                     boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.2)',
                     pointerEvents: 'none',
                     transition: 'all 0.1s ease-out',
-                } })), hoveredElement && rect && (_jsxs("div", { style: {
+                } })), hoveredElement && rect && (_jsxs("div", { className: "se-text-xs", style: {
                     position: 'fixed',
                     left: Math.max(8, Math.min(rect.left, window.innerWidth - 320)),
                     top: Math.max(8, rect.top - 68),
@@ -136,11 +136,9 @@ export function AnchorPicker({ isActive, onPick, onCancel, passthroughClicks = f
                     boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
                     zIndex: 1,
                     fontFamily: 'monospace',
-                    fontSize: '13px',
                     maxWidth: '300px',
                     pointerEvents: 'none',
-                }, children: [_jsx("div", { style: {
-                            fontSize: '12px',
+                }, children: [_jsx("div", { className: "se-text-xs", style: {
                             textTransform: 'uppercase',
                             letterSpacing: '0.05em',
                             marginBottom: '4px',

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.js

@@ -47,7 +47,7 @@ export function ElementHighlight({ element, color, bgColor = 'transparent', bord
             cursor: onClick ? 'pointer' : 'default',
             transition: 'all 0.05s ease-out',
             boxSizing: 'border-box',
-        }, children: displayLabel && (_jsxs("div", { "data-syntro-highlight-label": true, "data-syntro-editor-ui": "highlight-label", style: {
+        }, children: displayLabel && (_jsxs("div", { "data-syntro-highlight-label": true, "data-syntro-editor-ui": "highlight-label", className: "se-text-xs", style: {
                 position: 'absolute',
                 top: '-22px',
                 left: 0,
@@ -55,7 +55,6 @@ export function ElementHighlight({ element, color, bgColor = 'transparent', bord
                     ? `${color.replace(')', ',0.85)').replace('rgb(', 'rgba(')}`
                     : color,
                 color: '#fff',
-                fontSize: showDimensions ? '11px' : '12px',
                 fontWeight: 600,
                 fontFamily: showDimensions ? 'monospace' : 'inherit',
                 padding: '1px 6px',
@@ -65,7 +64,7 @@ export function ElementHighlight({ element, color, bgColor = 'transparent', bord
                 alignItems: 'center',
                 gap: '6px',
                 pointerEvents: 'auto',
-            }, children: [labelIcon, displayLabel, showRemove && onRemove && (_jsx("button", { type: "button", "data-syntro-highlight-remove": true, "data-syntro-editor-ui": "highlight-remove", onClick: (e) => {
+            }, children: [labelIcon, displayLabel, showRemove && onRemove && (_jsx("button", { type: "button", className: "se-text-xs", "data-syntro-highlight-remove": true, "data-syntro-editor-ui": "highlight-remove", onClick: (e) => {
                         e.stopPropagation();
                         e.preventDefault();
                         onRemove();
@@ -76,7 +75,6 @@ export function ElementHighlight({ element, color, bgColor = 'transparent', bord
                         borderRadius: '50%',
                         width: '16px',
                         height: '16px',
-                        fontSize: '12px',
                         cursor: 'pointer',
                         display: 'flex',
                         alignItems: 'center',

package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTriggerWhenStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useTriggerWhenStatus.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAG5F;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,KAAK,CAAC;YACZ,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;YAC3C,KAAK,EAAE,OAAO,CAAC;SAChB,CAAC,CAAC;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,GAAG,IAAI,CAAC;CACV;AAsED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,EAAE,GACvB,GAAG,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC,CA0CvC"}
+{"version":3,"file":"useTriggerWhenStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useTriggerWhenStatus.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAG5F;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,KAAK,CAAC;YACZ,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;YAC3C,KAAK,EAAE,OAAO,CAAC;SAChB,CAAC,CAAC;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,GAAG,IAAI,CAAC;CACV;AAqED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,eAAe,EAAE,GACvB,GAAG,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC,CA0CvC"}

package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.js

@@ -15,7 +15,6 @@ import { formatConditionLabel } from '../formatConditionLabel';
  * Build a RuntimeLike from the real SynOS.handle.runtime.
  */
 function getRuntime() {
-    // biome-ignore lint: window.SynOS is set by the runtime SDK
     const rt = window.SynOS?.handle?.runtime;
     if (!rt?.evaluateSync)
         return null;

package/node_modules/@syntrologie/shared-editor-ui/package.json

@@ -25,7 +25,7 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "css-selector-generator": "^3.8.0"
+    "css-selector-generator": "3.8.0"
   },
   "peerDependencies": {
     "lucide-react": ">=0.400.0",
@@ -33,13 +33,15 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.2",
-    "@types/react": "^19.2.0",
-    "jsdom": "^26.1.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.18"
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/react": "16.3.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "jsdom": "26.1.0",
+    "lucide-react": "0.576.0",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "typescript": "5.9.3",
+    "vitest": "4.0.18"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-overlays",
-  "version": "2.11.0",
+  "version": "2.13.0",
   "description": "Adaptive Overlays app - Visual overlays for tooltips, highlights, badges, and pulses",
   "license": "Proprietary",
   "private": false,
@@ -45,7 +45,7 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.5",
+    "@floating-ui/dom": "1.7.5",
     "@syntrologie/sdk-contracts": "*",
     "@syntrologie/shared-editor-ui": "*",
     "@syntro/design-system": "*"
@@ -57,16 +57,16 @@
     "zod": "^3.0.0"
   },
   "devDependencies": {
-    "lucide-react": "^0.576.0",
+    "lucide-react": "0.576.0",
     "@syntrologie/sdk-contracts": "*",
-    "@testing-library/react": "^16.3.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "jsdom": "^26.1.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.18",
-    "zod": "^3.25.76"
+    "@testing-library/react": "16.3.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "jsdom": "26.1.0",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "typescript": "5.9.3",
+    "vitest": "4.0.18",
+    "zod": "3.25.76"
   }
 }