@ai-matrx/meet 0.7.11 → 0.7.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog — `@ai-matrx/meet`
2
2
 
3
+ ## 0.7.12
4
+
5
+ Automatic changed-only republish (docs/metadata drift since the last tag — see
6
+ `git diff npm/meet/v0.7.11..npm/meet/v0.7.12 -- apps/shared/meet`).
7
+ No source changes intended and no consumer action required.
8
+
3
9
  ## 0.7.11
4
10
  ### Meet wave 5 (next minor)
5
11
 
package/dist/react.cjs CHANGED
@@ -9286,7 +9286,20 @@ function PanelShell({
9286
9286
  onClose,
9287
9287
  children
9288
9288
  }) {
9289
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("aside", { className: "mx-meet__panel", "aria-label": title, children: [
9289
+ const ref = (0, import_react5.useRef)(null);
9290
+ (0, import_react5.useLayoutEffect)(() => {
9291
+ const panel = ref.current;
9292
+ const root = panel?.closest(".mx-meet");
9293
+ const header = root?.querySelector(":scope > .mx-meet__header") ?? null;
9294
+ if (!panel || !header) return void 0;
9295
+ const place = () => panel.style.setProperty("--mx-meet-panel-top", `${header.offsetHeight}px`);
9296
+ place();
9297
+ if (typeof ResizeObserver === "undefined") return void 0;
9298
+ const observer = new ResizeObserver(place);
9299
+ observer.observe(header);
9300
+ return () => observer.disconnect();
9301
+ }, []);
9302
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("aside", { ref, className: "mx-meet__panel", "aria-label": title, children: [
9290
9303
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "mx-meet__panel-head", children: [
9291
9304
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "mx-meet__panel-title", children: title }),
9292
9305
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ControlButton, { label: "Close panel", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseIcon, { width: 16, height: 16 }) })