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

package/CHANGELOG.md

@@ -2,6 +2,38 @@
 
 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)
+
+
+### Features
+
+* added loading state (Voice Orb) ([#484](https://github.com/spaced-out/ui-design-system/issues/484)) ([7080cf9](https://github.com/spaced-out/ui-design-system/commit/7080cf9f858b4a8e664c108e514c343a7fec1855))
+
+### [0.6.16](https://github.com/spaced-out/ui-design-system/compare/v0.6.15...v0.6.16) (2026-05-11)
+
+### Features
+
+* **VoiceOrb:** Added loading animation for voice orb.
+
 ### [0.6.15](https://github.com/spaced-out/ui-design-system/compare/v0.6.14...v0.6.15) (2026-05-07)
 
 

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

@@ -4,14 +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;CACjB;AAED,eAAO,MAAM,QAAQ,sFAmDpB,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,28 +17,23 @@ const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) =>
   let {
     classNames,
     enableMicrophone = false,
-    volumeTickEvent = 'agent_volume_update',
-    testId
+    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'
@@ -48,7 +43,9 @@ const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) =>
       className: (0, _classify.default)(_VoiceOrbModule.default.orbContainer, classNames?.orbContainer),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: orbRef,
-        className: (0, _classify.default)(_VoiceOrbModule.default.orb, classNames?.orb),
+        className: (0, _classify.default)(_VoiceOrbModule.default.orb, {
+          [_VoiceOrbModule.default.loading]: loading
+        }, classNames?.orb),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Microphone.Microphone, {
           enableMicrophone: enableMicrophone
         })

package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.module.css

@@ -49,3 +49,23 @@
   );
   pointer-events: none;
 }
+
+.loading {
+  animation: orbPulse 2s ease-in-out infinite;
+  box-shadow: 0px 0px 10px rgba(86, 204, 242, 0.3),
+    0px 0px 20px rgba(47, 128, 237, 0.3), 0px 0px 30px rgba(124, 58, 237, 0.3);
+}
+
+@keyframes orbPulse {
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp",
-  "version": "1.0.28",
+  "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.15",
+  "version": "0.6.17",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"