@spaced-out/ui-design-system 0.6.26 → 0.6.28-beta.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.28-beta.0](https://github.com/spaced-out/ui-design-system/compare/v0.6.27...v0.6.28-beta.0) (2026-07-29)
+
+
+### Features
+
+* **popover:** add Popover component ([#497](https://github.com/spaced-out/ui-design-system/issues/497)) ([dcbc4b3](https://github.com/spaced-out/ui-design-system/commit/dcbc4b3f56656e95d1004478215ce53211f61c85))
+
+### [0.6.27](https://github.com/spaced-out/ui-design-system/compare/v0.6.26...v0.6.27) (2026-07-28)
+
+
+### Bug Fixes
+
+* **accordion:** removed disable for collapse button ([#496](https://github.com/spaced-out/ui-design-system/issues/496)) ([a815a10](https://github.com/spaced-out/ui-design-system/commit/a815a1000c616a07224e29f918a29ed6acb2fb92))
+
 ### [0.6.26](https://github.com/spaced-out/ui-design-system/compare/v0.6.25...v0.6.26) (2026-07-09)
 
 

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,kBAAkB,EAClB,cAAc,CA2Ff,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,kBAAkB,EAClB,cAAc,CAwFf,CAAC"}

package/lib/components/Accordion/Accordion.js

@@ -32,10 +32,8 @@ const Accordion = exports.Accordion = /*#__PURE__*/React.forwardRef((_ref, ref)
     onToggle?.(!checked);
   };
   const handleAccordionClick = () => {
-    if (checked || !showToggle) {
-      onChange?.(id, !accordionIsOpen);
-      setAccordionIsOpen(prev => !prev);
-    }
+    onChange?.(id, !accordionIsOpen);
+    setAccordionIsOpen(prev => !prev);
   };
   React.useEffect(() => {
     setAccordionIsOpen(isOpen);
@@ -77,7 +75,6 @@ const Accordion = exports.Accordion = /*#__PURE__*/React.forwardRef((_ref, ref)
         }), header]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
         iconLeftName: accordionIsOpen ? 'chevron-up' : 'chevron-down',
-        disabled: showToggle && !checked,
         size: "small",
         type: "ghost",
         classNames: {

package/lib/components/Popover/Popover.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { PaddingSizeType } from '../../components/Card';
+import type { ElevationType } from '../../components/Tooltip';
+type ClassNames = Readonly<{
+    popover?: string;
+    card?: string;
+}>;
+export declare const POPOVER_PLACEMENTS: readonly string[];
+export type PopoverPlacementType = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export interface PopoverChildProps {
+    className?: string;
+    children: React.ReactNode;
+    testId?: string;
+}
+export declare const PopoverHeader: (props: PopoverChildProps) => React.JSX.Element;
+export declare const PopoverTitle: (props: PopoverChildProps) => React.JSX.Element;
+export declare const PopoverActions: (props: PopoverChildProps) => React.JSX.Element;
+export declare const PopoverContent: ({ className, ...props }: PopoverChildProps) => React.JSX.Element;
+export declare const PopoverFooter: (props: PopoverChildProps) => React.JSX.Element;
+export interface BasePopoverProps {
+    classNames?: ClassNames;
+    content?: React.ReactNode;
+    placement?: PopoverPlacementType;
+    offset?: number;
+    padding?: PaddingSizeType;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => unknown;
+    disabled?: boolean;
+    elevation?: ElevationType;
+    testId?: string;
+}
+export interface PopoverProps extends BasePopoverProps {
+    children: React.ReactNode;
+}
+export declare const Popover: ({ classNames, children, content, placement, offset, padding, isOpen, defaultOpen, onOpenChange, disabled, elevation, testId, }: PopoverProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AASzD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB,mBAa7B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAC5B,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAGD,eAAO,MAAM,aAAa,GAAI,OAAO,iBAAiB,sBAErD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAEpD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,iBAAiB,sBAEtD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,yBAAuB,iBAAiB,sBAEtE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,iBAAiB,sBAErD,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,GAAI,gIAarB,YAAY,sBA0Fd,CAAC"}

package/lib/components/Popover/Popover.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopoverTitle = exports.PopoverHeader = exports.PopoverFooter = exports.PopoverContent = exports.PopoverActions = exports.Popover = exports.POPOVER_PLACEMENTS = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@floating-ui/react");
+var _space = require("../../styles/variables/_space");
+var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
+var _Card = require("../Card");
+var _Tooltip = require("../Tooltip");
+var _PopoverModule = _interopRequireDefault(require("./Popover.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 POPOVER_PLACEMENTS = exports.POPOVER_PLACEMENTS = Object.freeze(['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end']);
+// Note: reuse Card's parts to inherit its dividers and padding switch
+const PopoverHeader = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardHeader, {
+  ...props
+});
+exports.PopoverHeader = PopoverHeader;
+const PopoverTitle = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardTitle, {
+  ...props
+});
+exports.PopoverTitle = PopoverTitle;
+const PopoverActions = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardActions, {
+  ...props
+});
+exports.PopoverActions = PopoverActions;
+const PopoverContent = _ref => {
+  let {
+    className,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardContent, {
+    ...props,
+    className: (0, _classify.classify)(_PopoverModule.default.content, className)
+  });
+};
+exports.PopoverContent = PopoverContent;
+const PopoverFooter = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardFooter, {
+  ...props
+});
+exports.PopoverFooter = PopoverFooter;
+const Popover = _ref2 => {
+  let {
+    classNames,
+    children,
+    content,
+    placement = 'bottom',
+    offset = parseInt(_space.spaceXSmall),
+    padding = 'medium',
+    isOpen,
+    defaultOpen = false,
+    onOpenChange,
+    disabled = false,
+    elevation = 'menu',
+    testId
+  } = _ref2;
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+
+  // Note: supports controlled and uncontrolled use, `disabled` wins
+  const isControlled = isOpen !== undefined;
+  const requestedOpen = isOpen ?? uncontrolledOpen;
+  const open = !disabled && requestedOpen;
+  const onOpenChangeHandler = nextOpen => {
+    if (!isControlled) {
+      setUncontrolledOpen(nextOpen);
+    }
+    onOpenChange?.(nextOpen);
+  };
+  const {
+    refs,
+    floatingStyles,
+    context,
+    strategy
+  } = (0, _react2.useFloating)({
+    open,
+    onOpenChange: onOpenChangeHandler,
+    placement,
+    // Make sure the popover stays on the screen
+    whileElementsMounted: _react2.autoUpdate,
+    middleware: [(0, _react2.offset)(offset), (0, _react2.flip)({
+      fallbackAxisSideDirection: 'start'
+    }), (0, _react2.shift)({
+      padding: parseInt(_space.spaceXSmall)
+    })]
+  });
+  const {
+    getReferenceProps,
+    getFloatingProps
+  } = (0, _react2.useInteractions)([(0, _react2.useClick)(context, {
+    enabled: !disabled
+  }), (0, _react2.useRole)(context, {
+    role: 'dialog'
+  }), (0, _react2.useDismiss)(context)]);
+
+  // Type guard to ensure children is a ReactElement
+  if (! /*#__PURE__*/React.isValidElement(children)) {
+    throw new Error('Popover children must be a valid React element');
+  }
+  const childElement = children;
+
+  // Note: Preserve the consumer's ref (React 19 safe)
+  const mergedRef = (0, _react2.useMergeRefs)([refs.setReference, childElement.ref ?? null]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/React.cloneElement(childElement, getReferenceProps({
+      ...childElement.props,
+      ref: mergedRef
+    })), open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
+        context: context,
+        modal: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: refs.setFloating,
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'popover'
+          }),
+          className: (0, _classify.classify)(_PopoverModule.default.popover, classNames?.popover),
+          style: {
+            position: strategy,
+            ...floatingStyles,
+            '--popover-elevation': (0, _Tooltip.getElevationValue)(elevation)
+          },
+          ...getFloatingProps(),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.Card, {
+            classNames: {
+              wrapper: (0, _classify.classify)(_PopoverModule.default.card, classNames?.card)
+            },
+            paddingTop: padding,
+            paddingRight: padding,
+            paddingBottom: padding,
+            paddingLeft: padding,
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'content'
+            }),
+            children: content
+          })
+        })
+      })
+    })]
+  });
+};
+exports.Popover = Popover;

package/lib/components/Popover/Popover.module.css

@@ -0,0 +1,23 @@
+@value (size320) from '../../styles/variables/_size.css';
+@value (elevationMenu) from '../../styles/variables/_elevation.css';
+@value (borderRadiusMedium) from '../../styles/variables/_border.css';
+
+.popover {
+  --popover-elevation: elevationMenu;
+  display: flex;
+  flex-flow: column;
+  max-width: size320;
+  z-index: var(--popover-elevation);
+  outline: none;
+}
+
+.card {
+  flex-flow: column;
+  border-radius: borderRadiusMedium;
+  composes: boxShadow2 from '../../styles/shadow.module.css';
+}
+
+/* Note: Card content is a row, a popover is narrow so it stacks */
+.content {
+  flex-flow: column;
+}

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

@@ -0,0 +1,2 @@
+export * from '../../components/Popover/Popover';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}

package/lib/components/Popover/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Popover = require("./Popover");
+Object.keys(_Popover).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Popover[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popover[key];
+    }
+  });
+});

package/lib/components/index.d.ts

@@ -47,6 +47,7 @@ export * from '../components/PageTitle';
 export * from '../components/Pagination';
 export * from '../components/Panel';
 export * from '../components/PastChatCard';
+export * from '../components/Popover';
 export * from '../components/PreviewCard';
 export * from '../components/ProgressDonut';
 export * from '../components/PromptChip';
@@ -79,8 +80,8 @@ export * from '../components/Tooltip';
 export * from '../components/Truncate';
 export * from '../components/TruncatedTextWithTooltip';
 export * from '../components/Typeahead';
-export * from '../hooks/useAudioAnalyzer';
 export * from '../components/VoiceOrb/Microphone';
 export * from '../components/VoiceOrb/VoiceOrb';
 export * from '../components/WeekdayPicker';
+export * from '../hooks/useAudioAnalyzer';
 //# sourceMappingURL=index.d.ts.map

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,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"}
+{"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,wBAAwB,CAAC;AACvC,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,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC"}

package/lib/components/index.js

@@ -542,6 +542,17 @@ Object.keys(_PastChatCard).forEach(function (key) {
     }
   });
 });
+var _Popover = require("./Popover");
+Object.keys(_Popover).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Popover[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popover[key];
+    }
+  });
+});
 var _PreviewCard = require("./PreviewCard");
 Object.keys(_PreviewCard).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -894,17 +905,6 @@ Object.keys(_Typeahead).forEach(function (key) {
     }
   });
 });
-var _useAudioAnalyzer = require("../hooks/useAudioAnalyzer");
-Object.keys(_useAudioAnalyzer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useAudioAnalyzer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useAudioAnalyzer[key];
-    }
-  });
-});
 var _Microphone = require("./VoiceOrb/Microphone");
 Object.keys(_Microphone).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -937,4 +937,15 @@ Object.keys(_WeekdayPicker).forEach(function (key) {
       return _WeekdayPicker[key];
     }
   });
+});
+var _useAudioAnalyzer = require("../hooks/useAudioAnalyzer");
+Object.keys(_useAudioAnalyzer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useAudioAnalyzer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useAudioAnalyzer[key];
+    }
+  });
 });

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "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.26",
+  "version": "0.6.28-beta.0",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"