@gryt/ui 0.17.1 → 0.18.1

package/dist/portalContainer.d.ts

@@ -0,0 +1,29 @@
+import { RefObject } from 'react';
+/**
+ * Where overlays below this point should render.
+ *
+ * Base UI portals a popup to `document.body`, which is outside whatever element
+ * GrytProvider put the theme variables on. For an app with one theme that is
+ * exactly right — the overlay wants the app's theme and it gets it from
+ * `:root`. It is wrong only when a second theme is being rendered inside a
+ * page: the docs site previews a theme in a panel, and a Select or Tooltip
+ * opened inside that panel comes up in the site's own colours (GRYT-242).
+ *
+ * Deliberately a context rather than a prop on each component. Select carries a
+ * long comment about why its popup portals to the body — a popup left inside a
+ * positioned dialog lands hundreds of pixels off — and a per-call `container`
+ * prop is exactly the thing somebody reaches for to fix a layout problem, which
+ * is how that bug got made the first time. A container that is set once, for a
+ * subtree, by whoever established the theme, cannot be used that way by
+ * accident.
+ *
+ * Base UI has no equivalent to reuse. Its own `PortalContext` is a boolean —
+ * "am I inside a portal" — not a carrier for the container.
+ */
+export declare const PortalContainerContext: import('react').Context<RefObject<HTMLElement | null> | undefined>;
+/**
+ * The container overlays should portal into, or `undefined` for Base UI's
+ * default of `document.body`.
+ */
+export declare function usePortalContainer(): RefObject<HTMLElement | null> | undefined;
+//# sourceMappingURL=portalContainer.d.ts.map

package/dist/portalContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalContainer.d.ts","sourceRoot":"","sources":["../src/portalContainer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,sBAAsB,oEAEvB,CAAC;AAEb;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAE9E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gryt/ui",
-  "version": "0.17.1",
+  "version": "0.18.1",
   "description": "React component library for Gryt, the open-source WebRTC voice chat platform.",
   "type": "module",
   "license": "MIT",
@@ -75,7 +75,7 @@
     "react-dom": ">=18.3.0 || >=19.0.0"
   },
   "dependencies": {
-    "@gryt/theme": "^0.5.0",
+    "@gryt/theme": "^0.6.0",
     "@base-ui/react": "^1.7.0",
     "@phosphor-icons/react": "^2.1.10",
     "clsx": "^2.1.1",