@spaced-out/ui-design-system 0.6.16 → 0.6.17

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.6.17](https://github.com/spaced-out/ui-design-system/compare/v0.6.16...v0.6.17) (2026-05-13)
+
+
+### Bug Fixes
+
+* **Voiceorb:** gds-560 use ref to update volume ([#483](https://github.com/spaced-out/ui-design-system/issues/483)) ([2c2ffee](https://github.com/spaced-out/ui-design-system/commit/2c2ffee9243abca31b9ad90df4cb70b28c8ed265))
+
+### [0.6.17](https://github.com/spaced-out/ui-design-system/compare/v0.6.16...v0.6.17) (2026-05-13)
+
+
+### Features
+
+* **VoiceOrb:** replace `volumeTickEvent` window event API with imperative `VoiceOrbHandle` ref (`setVolume`)
+
+
+### BREAKING CHANGES
+
+* **VoiceOrb:** `volumeTickEvent` prop removed; callers must pass a `ref` of type `VoiceOrbHandle` and call `ref.current.setVolume(volume)` instead of dispatching a CustomEvent on `window`. The forwarded ref type also changed from `HTMLDivElement` to `VoiceOrbHandle`.
+
 ### [0.6.16](https://github.com/spaced-out/ui-design-system/compare/v0.6.15...v0.6.16) (2026-05-12)
 
 

package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.d.ts

@@ -4,15 +4,16 @@ type ClassNames = Readonly<{
     orbContainer?: string;
     orb?: string;
 }>;
+export interface VoiceOrbHandle {
+    setVolume: (volume: number) => void;
+}
 export interface VoiceOrbProps {
     classNames?: ClassNames;
     /** Enable listening to microphone audio input for bar animation */
     enableMicrophone?: boolean;
-    /** Custom event name to listen for agent volume updates. Default `'agent_volume_update'`. */
-    volumeTickEvent?: string;
     testId?: string;
     loading?: boolean;
 }
-export declare const VoiceOrb: React.ForwardRefExoticComponent<VoiceOrbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const VoiceOrb: React.ForwardRefExoticComponent<VoiceOrbProps & React.RefAttributes<VoiceOrbHandle>>;
 export {};
 //# sourceMappingURL=VoiceOrb.d.ts.map

package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceOrb.d.ts","sourceRoot":"","sources":["../../../../src/components/VoiceOrb/VoiceOrb/VoiceOrb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,sFA6DpB,CAAC"}
+{"version":3,"file":"VoiceOrb.d.ts","sourceRoot":"","sources":["../../../../src/components/VoiceOrb/VoiceOrb/VoiceOrb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,sFA+CpB,CAAC"}

package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.js

@@ -17,29 +17,23 @@ const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) =>
   let {
     classNames,
     enableMicrophone = false,
-    volumeTickEvent = 'agent_volume_update',
     testId,
     loading = false
   } = _ref;
   const orbRef = React.useRef(null);
-  React.useEffect(() => {
-    const handleAgentVolumeUpdate = event => {
+  React.useImperativeHandle(ref, () => ({
+    setVolume(volume) {
       const el = orbRef.current;
       if (!el) {
         return;
       }
-      const vars = (0, _constants.calculateOrbShadowVars)(event.detail.volume);
+      const vars = (0, _constants.calculateOrbShadowVars)(volume);
       for (const [key, value] of Object.entries(vars)) {
         el.style.setProperty(key, value);
       }
-    };
-    window.addEventListener(volumeTickEvent, handleAgentVolumeUpdate);
-    return () => {
-      window.removeEventListener(volumeTickEvent, handleAgentVolumeUpdate);
-    };
-  }, [volumeTickEvent]);
+    }
+  }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: ref,
     "data-testid": (0, _qa.generateTestId)({
       base: testId,
       slot: 'container'

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
   "type": "module",
   "main": "index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.6.16",
+  "version": "0.6.17",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"