@spaced-out/ui-design-system 0.6.2 → 0.6.7

package/CHANGELOG.md

@@ -2,6 +2,42 @@
 
 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.7](https://github.com/spaced-out/ui-design-system/compare/v0.6.6...v0.6.7) (2026-04-06)
+
+
+### Features
+
+* add DraggableWrapper component ([#468](https://github.com/spaced-out/ui-design-system/issues/468)) ([4599260](https://github.com/spaced-out/ui-design-system/commit/4599260c4371325df0d3a3556ee1450e03e821e8))
+* added task option in side menu link and page title ([#472](https://github.com/spaced-out/ui-design-system/issues/472)) ([59e41f0](https://github.com/spaced-out/ui-design-system/commit/59e41f0194e68a53ef5dc4f0c233122e7deaf8c8))
+
+### [0.6.6](https://github.com/spaced-out/ui-design-system/compare/v0.6.6-beta.2...v0.6.6) (2026-03-24)
+
+### [0.6.6-beta.2](https://github.com/spaced-out/ui-design-system/compare/v0.6.6-beta.1...v0.6.6-beta.2) (2026-03-23)
+
+### [0.6.6-beta.1](https://github.com/spaced-out/ui-design-system/compare/v0.6.6-beta.0...v0.6.6-beta.1) (2026-03-23)
+
+### [0.6.6-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.6.4...v0.6.6-beta.0) (2026-03-23)
+
+
+### Bug Fixes
+
+* add ref for microphone animations ([#470](https://github.com/spaced-out/ui-design-system/issues/470)) ([6aedae2](https://github.com/spaced-out/ui-design-system/commit/6aedae264108a9344ca8d5669a832d80f80a783e))
+
+### [0.6.5](https://github.com/spaced-out/ui-design-system/compare/v0.6.4...v0.6.5) (2026-03-23)
+
+### Performance
+
+* Optimize Voice-Orb and Microphone animations by skipping react lifecycle and updating DOM directly (https://github.com/Spaced-Out/ui-design-system/pull/469)
+
+### [0.6.4](https://github.com/spaced-out/ui-design-system/compare/v0.6.3...v0.6.4) (2026-03-18)
+
+### [0.6.3](https://github.com/spaced-out/ui-design-system/compare/v0.6.2...v0.6.3) (2026-03-18)
+
+
+### Bug Fixes
+
+* disable state link icon color issue ([#467](https://github.com/spaced-out/ui-design-system/issues/467)) ([43cc16f](https://github.com/spaced-out/ui-design-system/commit/43cc16f958f99a3c653e36bfd896b23903da3d9d))
+
 ### [0.6.2](https://github.com/spaced-out/ui-design-system/compare/v0.6.2-beta.0...v0.6.2) (2026-03-10)
 
 

package/lib/components/DraggableWrapper/DraggableWrapper.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+type DraggableWrapperClassNames = Readonly<{
+    /** Override or extend the root wrapper element. */
+    wrapper?: string;
+    /** Override or extend the drag handle element. */
+    dragHandle?: string;
+}>;
+export interface DraggableWrapperProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'onDragStart' | 'onDragEnd' | 'onDragOver' | 'onDrop'> {
+    children: React.ReactNode;
+    /** Applies the dragging visual state (purple outline + reduced opacity). */
+    isDragging?: boolean;
+    /** Label for the drag handle (tooltip and aria-label). Pass a translated string for i18n. */
+    dragHandleLabel?: string;
+    /** Class names to override or extend internal elements (e.g. from parent CSS modules). */
+    classNames?: DraggableWrapperClassNames;
+    /**
+     * Called when the user presses ArrowUp/ArrowLeft or ArrowDown/ArrowRight while
+     * the item is keyboard-grabbed. Use this to reorder the list in state.
+     */
+    onKeyboardReorder?: (direction: 'up' | 'down') => void;
+    testId?: string;
+}
+export declare const DraggableWrapper: ({ children, isDragging, dragHandleLabel, classNames, testId, onDragStart, onDragEnd, onDragOver, onDrop, onKeyboardReorder, }: DraggableWrapperProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=DraggableWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/DraggableWrapper/DraggableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,0BAA0B,GAAG,QAAQ,CAAC;IACzC,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,QAAQ,CACtD;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0FAA0F;IAC1F,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,GAAI,+HAW9B,qBAAqB,sBA6EvB,CAAC"}

package/lib/components/DraggableWrapper/DraggableWrapper.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DraggableWrapper = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
+var _Icon = require("../Icon");
+var _Tooltip = require("../Tooltip");
+var _DraggableWrapperModule = _interopRequireDefault(require("./DraggableWrapper.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DraggableWrapper = _ref => {
+  let {
+    children,
+    isDragging,
+    dragHandleLabel = 'Drag to move',
+    classNames,
+    testId,
+    onDragStart,
+    onDragEnd,
+    onDragOver,
+    onDrop,
+    onKeyboardReorder
+  } = _ref;
+  const wrapperRef = React.useRef(null);
+  const isKeyboardGrabbed = React.useRef(false);
+  const dispatchDragEvent = type => {
+    wrapperRef.current?.dispatchEvent(new DragEvent(type, {
+      bubbles: true,
+      dataTransfer: new DataTransfer()
+    }));
+  };
+  const releaseKeyboardGrab = () => {
+    isKeyboardGrabbed.current = false;
+    dispatchDragEvent('dragend');
+  };
+  const handleBlur = () => {
+    if (isKeyboardGrabbed.current) {
+      releaseKeyboardGrab();
+    }
+  };
+  const handleKeyDown = e => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      if (!isKeyboardGrabbed.current) {
+        isKeyboardGrabbed.current = true;
+        dispatchDragEvent('dragstart');
+      } else {
+        releaseKeyboardGrab();
+      }
+    } else if (e.key === 'Escape' && isKeyboardGrabbed.current) {
+      e.preventDefault();
+      // Capture Escape before Tooltip/useDismiss closes itself and stops bubbling.
+      releaseKeyboardGrab();
+    } else if (isKeyboardGrabbed.current && onKeyboardReorder) {
+      if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {
+        e.preventDefault();
+        onKeyboardReorder('up');
+      } else if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {
+        e.preventDefault();
+        onKeyboardReorder('down');
+      }
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: wrapperRef,
+    draggable: true,
+    onDragStart: onDragStart,
+    onDragEnd: onDragEnd,
+    onDragOver: onDragOver,
+    onDrop: onDrop,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId
+    }),
+    className: (0, _classify.default)(_DraggableWrapperModule.default.wrapper, {
+      [_DraggableWrapperModule.default.dragging]: !!isDragging
+    }, classNames?.wrapper),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.default)(_DraggableWrapperModule.default.dragHandle, classNames?.dragHandle),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'drag-handle'
+      }),
+      onKeyDownCapture: handleKeyDown,
+      onBlur: handleBlur,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+        title: dragHandleLabel,
+        placement: "top",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.ClickableIcon, {
+          name: "grip-dots-vertical",
+          size: "medium",
+          ariaLabel: dragHandleLabel
+        })
+      })
+    }), children]
+  });
+};
+exports.DraggableWrapper = DraggableWrapper;

package/lib/components/DraggableWrapper/DraggableWrapper.module.css

@@ -0,0 +1,59 @@
+@value (colorBorderTertiary, colorFillPrimary, colorButtonFillSecondaryPressed) from '../../styles/variables/_color.css';
+@value (spaceSmall) from '../../styles/variables/_space.css';
+@value (borderRadiusMedium, borderWidthPrimary, borderWidthTertiary) from '../../styles/variables/_border.css';
+@value (motionDurationNormal, motionEaseInEaseOut) from '../../styles/variables/_motion.css';
+@value (opacity50, opacity100, opacity0) from '../../styles/variables/_opacity.css';
+@value (elevationCard) from '../../styles/variables/_elevation.css';
+
+.wrapper {
+  position: relative;
+  border: borderWidthPrimary solid colorBorderTertiary;
+  border-radius: borderRadiusMedium;
+}
+
+.wrapper:hover:not(.dragging) {
+  outline: borderWidthPrimary solid colorBorderTertiary;
+  outline-offset: calc(-1 * borderWidthPrimary);
+}
+
+/* ── Drag handle ──────────────────────────────────────────── */
+
+.dragHandle {
+  position: absolute;
+  top: spaceSmall;
+  left: borderWidthPrimary;
+  opacity: opacity0;
+  cursor: grab;
+  transition: opacity motionDurationNormal motionEaseInEaseOut;
+  line-height: 0;
+  z-index: calc(elevationCard / 4);
+  border-radius: borderRadiusMedium;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dragHandle {
+    transition: none;
+  }
+}
+
+.dragHandle:focus-within {
+  opacity: opacity100;
+}
+
+.wrapper:hover .dragHandle {
+  opacity: opacity100;
+}
+
+/* ── Dragging state ───────────────────────────────────────── */
+
+.wrapper.dragging {
+  opacity: opacity50;
+  border: borderWidthPrimary solid colorFillPrimary;
+  outline: borderWidthTertiary solid colorButtonFillSecondaryPressed;
+  outline-offset: borderWidthPrimary;
+}
+
+.wrapper.dragging .dragHandle {
+  opacity: opacity100;
+  cursor: grabbing;
+}

package/lib/components/DraggableWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export { DraggableWrapper } from '../../components/DraggableWrapper/DraggableWrapper';
+export type { DraggableWrapperProps } from '../../components/DraggableWrapper/DraggableWrapper';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/DraggableWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DraggableWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,kDAAkD,CAAC;AAClF,YAAY,EAAC,qBAAqB,EAAC,MAAM,kDAAkD,CAAC"}

package/lib/components/DraggableWrapper/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DraggableWrapper", {
+  enumerable: true,
+  get: function () {
+    return _DraggableWrapper.DraggableWrapper;
+  }
+});
+var _DraggableWrapper = require("./DraggableWrapper");

package/lib/components/Icon/Icon.module.css

@@ -65,3 +65,7 @@
 .favorite {
   color: colorTextFavorite;
 }
+
+.inherit {
+  color: inherit;
+}

package/lib/components/Link/Link.js

@@ -118,9 +118,7 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       name: iconLeftName,
       size: iconLeftSize,
       type: iconLeftType,
-      className: (0, _classify.default)(_IconModule.default[color], {
-        [_typographyModule.default.disabled]: disabled
-      }),
+      className: _IconModule.default.inherit,
       testId: (0, _qa.generateTestId)({
         base: testId,
         slot: 'icon-left'
@@ -142,7 +140,7 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       name: iconRightName,
       size: iconRightSize,
       type: iconRightType,
-      className: _IconModule.default[color],
+      className: _IconModule.default.inherit,
       testId: (0, _qa.generateTestId)({
         base: testId,
         slot: 'icon-right'

package/lib/components/PageTitle/PageTitle.d.ts

@@ -19,6 +19,11 @@ export declare const PAGE_NAME_LIST: Readonly<{
         iconName: string;
         iconType: string;
     };
+    tasks: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
     engage: {
         title: string;
         iconName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"PageTitle.d.ts","sourceRoot":"","sources":["../../../src/components/PageTitle/PageTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAkBrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgBD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHzB,CAAC;AAKH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO;gDAKjB,YAAY;;CAQd,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS;qCAAkC,cAAc;;CAIrE,CAAC;AAIF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ;qCAAkC,aAAa;;CAQnE,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA8F1E,CAAC"}
+{"version":3,"file":"PageTitle.d.ts","sourceRoot":"","sources":["../../../src/components/PageTitle/PageTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAkBrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgBD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHzB,CAAC;AAKH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO;gDAKjB,YAAY;;CAQd,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS;qCAAkC,cAAc;;CAIrE,CAAC;AAIF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ;qCAAkC,aAAa;;CAQnE,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA8F1E,CAAC"}

package/lib/components/PageTitle/PageTitle.js

@@ -26,6 +26,11 @@ const PAGE_NAME_LIST = exports.PAGE_NAME_LIST = Object.freeze({
     iconName: 'house',
     iconType: 'duotone'
   },
+  tasks: {
+    title: 'Tasks',
+    iconName: 'list-check',
+    iconType: 'duotone'
+  },
   engage: {
     title: 'Engage',
     iconName: 'bullseye-pointer',

package/lib/components/SideMenuLink/SideMenuLink.d.ts

@@ -9,6 +9,11 @@ export declare const MENU_NAME_LIST: Readonly<{
         iconName: string;
         iconType: string;
     };
+    tasks: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
     engage: {
         title: string;
         iconName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"SideMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAGvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqLzB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,iBAAiB,CA+IlB,CAAC"}
+{"version":3,"file":"SideMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAGvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0LzB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,iBAAiB,CA+IlB,CAAC"}

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -25,6 +25,11 @@ const MENU_NAME_LIST = exports.MENU_NAME_LIST = Object.freeze({
     iconName: 'house',
     iconType: 'duotone'
   },
+  tasks: {
+    title: 'Tasks',
+    iconName: 'list-check',
+    iconType: 'duotone'
+  },
   engage: {
     title: 'Engage',
     iconName: 'bullseye-pointer',

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

@@ -1 +1 @@
-{"version":3,"file":"Microphone.d.ts","sourceRoot":"","sources":["../../../../src/components/VoiceOrb/Microphone/Microphone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkDzC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}
+{"version":3,"file":"Microphone.d.ts","sourceRoot":"","sources":["../../../../src/components/VoiceOrb/Microphone/Microphone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyDzC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}

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

@@ -20,40 +20,43 @@ const Microphone = _ref => {
     classNames,
     testId
   } = _ref;
-  const {
-    barIntensities
-  } = (0, _useAudioAnalyzer.useAudioAnalyzer)({
+  const barsRef = React.useRef(null);
+  const onAnalyze = React.useCallback(intensities => {
+    const container = barsRef.current;
+    if (!container || container.children.length !== _constants.BAR_COUNT) {
+      return;
+    }
+    const bars = container.children;
+    for (let i = 0; i < intensities.length; i++) {
+      const multiplier = 1 + intensities[i] * (_constants.MAX_MULTIPLIERS[i] - 1);
+      const height = _constants.BASE_HEIGHT * multiplier;
+      bars[i].style.height = `${height}px`;
+    }
+  }, []);
+  (0, _useAudioAnalyzer.useAudioAnalyzer)({
     isListening: enableMicrophone,
     audioStream: null,
-    barCount: _constants.BAR_COUNT
+    barCount: _constants.BAR_COUNT,
+    onAnalyze
   });
   const barKeys = React.useMemo(() => Array.from({
     length: _constants.BAR_COUNT
   }, () => (0, _constants.uuid)()), [_constants.BAR_COUNT]);
-  // Calculate dynamic styles for each bar based on audio intensity
-  const barStyles = barIntensities.map((intensity, index) => {
-    // Height from BASE_HEIGHT (no audio) to BASE_HEIGHT * MAX_MULTIPLIERS[index] (max audio)
-    const multiplier = 1 + intensity * (_constants.MAX_MULTIPLIERS[index] - 1);
-    const height = _constants.BASE_HEIGHT * multiplier;
-    return {
-      height: `${height}px`
-    };
-  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": (0, _qa.generateTestId)({
       base: testId,
       slot: 'container'
     }),
     className: (0, _classify.default)(_MicrophoneModule.default.barsContainer, classNames?.barsContainer),
-    children: enableMicrophone ? barStyles.map((style, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: barsRef,
+    children: enableMicrophone ? barKeys.map(barKey => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       "data-testid": (0, _qa.generateTestId)({
         base: testId,
         slot: 'bar',
-        index
+        index: barKey
       }),
-      className: (0, _classify.default)(_MicrophoneModule.default.bar, classNames?.bar),
-      style: style
-    }, barKeys[index])) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      className: (0, _classify.default)(_MicrophoneModule.default.bar, classNames?.bar)
+    }, barKey)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MicIcon.MicIcon, {})
     })
   });

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

@@ -8,8 +8,8 @@ export interface VoiceOrbProps {
     classNames?: ClassNames;
     /** Enable listening to microphone audio input for bar animation */
     enableMicrophone?: boolean;
-    /** Volume value from Retell (0-1) to animate agent speaking */
-    volume?: number;
+    /** Custom event name to listen for agent volume updates. Default `'agent_volume_update'`. */
+    volumeTickEvent?: string;
     testId?: string;
 }
 export declare const VoiceOrb: React.ForwardRefExoticComponent<VoiceOrbProps & React.RefAttributes<HTMLDivElement>>;

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,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,sFAyBpB,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,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"}

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

@@ -16,12 +16,27 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
-    volume = 0,
     enableMicrophone = false,
+    volumeTickEvent = 'agent_volume_update',
     testId
   } = _ref;
-  // Calculate CSS custom property values for volume-based box-shadow animation
-  const orbShadowVars = (0, _constants.calculateOrbShadowVars)(volume);
+  const orbRef = React.useRef(null);
+  React.useEffect(() => {
+    const handleAgentVolumeUpdate = event => {
+      const el = orbRef.current;
+      if (!el) {
+        return;
+      }
+      const vars = (0, _constants.calculateOrbShadowVars)(event.detail.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)({
@@ -32,8 +47,8 @@ const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) =>
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       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),
-        style: orbShadowVars,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Microphone.Microphone, {
           enableMicrophone: enableMicrophone
         })

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

@@ -13,6 +13,6 @@ export declare const MIN_OPACITY_2 = 0.2;
 export declare const MAX_OPACITY_2 = 0.6;
 export declare const MIN_OPACITY_3 = 0.15;
 export declare const MAX_OPACITY_3 = 0.4;
-export declare function calculateOrbShadowVars(volume: number): React.CSSProperties;
+export declare function calculateOrbShadowVars(volume: number): Record<string, string>;
 export declare function uuid(): string;
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/VoiceOrb/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,SAAS,IAAI,CAAC;AAG3B,eAAO,MAAM,WAAW,IAAI,CAAC;AAG7B,eAAO,MAAM,eAAe,2BAA4B,CAAC;AAKzD,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,OAAO,CAAC;AAClC,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GA2B9C,KAAK,CAAC,aAAa,CACzB;AAGD,wBAAgB,IAAI,WAQnB"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/VoiceOrb/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,SAAS,IAAI,CAAC;AAG3B,eAAO,MAAM,WAAW,IAAI,CAAC;AAG7B,eAAO,MAAM,eAAe,2BAA4B,CAAC;AAKzD,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,OAAO,CAAC;AAClC,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA4B7E;AAGD,wBAAgB,IAAI,WAQnB"}

package/lib/components/VoiceOrb/constants.js

@@ -47,9 +47,9 @@ function calculateOrbShadowVars(volume) {
     '--shadow-blur-1': `${blur1}px`,
     '--shadow-blur-2': `${blur2}px`,
     '--shadow-blur-3': `${blur3}px`,
-    '--shadow-opacity-1': opacity1,
-    '--shadow-opacity-2': opacity2,
-    '--shadow-opacity-3': opacity3
+    '--shadow-opacity-1': String(opacity1),
+    '--shadow-opacity-2': String(opacity2),
+    '--shadow-opacity-3': String(opacity3)
   };
 }
 

package/lib/components/index.d.ts

@@ -21,6 +21,7 @@ export * from '../components/ConditionalWrapper';
 export * from '../components/DateRangePicker';
 export * from '../components/Dialog';
 export * from '../components/Disclaimer';
+export * from '../components/DraggableWrapper';
 export * from '../components/Dropdown';
 export * from '../components/EmptyState';
 export * from '../components/ErrorMessage';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAC;AACxD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAC;AACxD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC"}

package/lib/components/index.js

@@ -256,6 +256,17 @@ Object.keys(_Disclaimer).forEach(function (key) {
     }
   });
 });
+var _DraggableWrapper = require("./DraggableWrapper");
+Object.keys(_DraggableWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DraggableWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DraggableWrapper[key];
+    }
+  });
+});
 var _Dropdown = require("./Dropdown");
 Object.keys(_Dropdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/hooks/useAudioAnalyzer/useAudioAnalyzer.d.ts

@@ -9,12 +9,12 @@ export interface AudioAnalyzerOptions {
     smoothingTimeConstant?: number;
     /** FFT size for frequency analysis */
     fftSize?: number;
+    /** Called on every rAF tick with computed intensities -- can use for imperative DOM updates */
+    onAnalyze?: (intensities: number[]) => void;
     /** Minimum ms between state updates (throttle). Default 50 (~20fps). */
     updateIntervalMs?: number;
 }
 export interface AudioAnalyzerResult {
-    /** Array of intensity values (0-1) for each bar */
-    barIntensities: number[];
     /** Whether the audio stream is active */
     isActive: boolean;
     /** Any error that occurred */

package/lib/hooks/useAudioAnalyzer/useAudioAnalyzer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAudioAnalyzer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAudioAnalyzer/useAudioAnalyzer.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,yCAAyC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,8BAA8B;IAC9B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAcD,eAAO,MAAM,gBAAgB;cAClB,oBAAoB,GAC5B,mBAAmB;;CA+KrB,CAAC"}
+{"version":3,"file":"useAudioAnalyzer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAudioAnalyzer/useAudioAnalyzer.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,8BAA8B;IAC9B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAcD,eAAO,MAAM,gBAAgB;cAClB,oBAAoB,GAC5B,mBAAmB;;CAsLrB,CAAC"}

package/lib/hooks/useAudioAnalyzer/useAudioAnalyzer.js

@@ -23,11 +23,13 @@ const useAudioAnalyzer = options => {
     barCount = DEFAULT_BAR_COUNT,
     smoothingTimeConstant = DEFAULT_SMOOTHING,
     fftSize = DEFAULT_FFT_SIZE,
-    updateIntervalMs = DEFAULT_UPDATE_INTERVAL_MS
+    updateIntervalMs = DEFAULT_UPDATE_INTERVAL_MS,
+    onAnalyze
   } = options;
-  const [barIntensities, setBarIntensities] = (0, _react.useState)(() => Array(barCount).fill(0));
   const [isActive, setIsActive] = (0, _react.useState)(false);
   const [error, setError] = (0, _react.useState)(null);
+  const onAnalyzeRef = (0, _react.useRef)(onAnalyze);
+  onAnalyzeRef.current = onAnalyze;
   const audioContextRef = (0, _react.useRef)(null);
   const analyzerRef = (0, _react.useRef)(null);
   const sourceRef = (0, _react.useRef)(null);
@@ -84,7 +86,7 @@ const useAudioAnalyzer = options => {
       const now = Date.now();
       if (now - lastUpdateTimeRef.current >= updateIntervalMs) {
         lastUpdateTimeRef.current = now;
-        setBarIntensities(intensities);
+        onAnalyzeRef.current?.(intensities);
       }
       animationFrameRef.current = requestAnimationFrame(analyze);
     };
@@ -115,7 +117,7 @@ const useAudioAnalyzer = options => {
       audioContextRef.current = null;
     }
     setIsActive(false);
-    setBarIntensities(Array(barCount).fill(0));
+    onAnalyzeRef.current?.(Array(barCount).fill(0));
   }, [barCount]);
   (0, _react.useEffect)(() => {
     if (!isListening) {
@@ -162,7 +164,6 @@ const useAudioAnalyzer = options => {
     return cleanup;
   }, [isListening, externalStream, fftSize, smoothingTimeConstant, analyzeAudio, cleanup]);
   return {
-    barIntensities,
     isActive,
     error
   };

package/mcp/package.json

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