@opencxh/ui-kit 3.13.1 → 3.20.0

package/dist/src/index.d.ts

@@ -1,4 +1,7 @@
 export { cn, createSizes, createVariants } from './utils/cn';
+export { MeetingGrid, type MeetingGridProps } from './meeting/MeetingGrid';
+export { ParticipantTile, type ParticipantTileProps } from './meeting/ParticipantTile';
+export { VideoSurface, type VideoSurfaceProps } from './meeting/VideoSurface';
 export { Button, type ButtonProps } from './action/Button';
 export { ButtonGroup, type ButtonGroupProps } from './action/ButtonGroup';
 export { Link, type LinkProps } from './action/Link';

package/dist/src/meeting/MeetingGrid.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface MeetingGridProps {
+    tiles: ReactNode[];
+    pinned?: ReactNode;
+    className?: string;
+}
+/**
+ * Layout primitive for meeting views. When `pinned` is provided it gets the
+ * dominant area and remaining tiles render in a sidebar/strip. Otherwise tiles
+ * flow in an auto-sized grid.
+ */
+export declare function MeetingGrid({ tiles, pinned, className }: MeetingGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/meeting/ParticipantTile.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface ParticipantTileProps {
+    name: string;
+    avatarUrl?: string;
+    muted?: boolean;
+    speaking?: boolean;
+    hasVideo?: boolean;
+    videoSlot?: ReactNode;
+    className?: string;
+}
+/**
+ * Provider-agnostic participant tile. Shows avatar + name when no video is
+ * available; otherwise renders the `videoSlot` passed by the caller (typically
+ * a <VideoSurface /> wired to a provider-specific stream renderer).
+ */
+export declare function ParticipantTile({ name, avatarUrl, muted, speaking, hasVideo, videoSlot, className, }: ParticipantTileProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/meeting/VideoSurface.d.ts

@@ -0,0 +1,16 @@
+export interface VideoSurfaceProps {
+    /**
+     * Provider-specific mount callback. Receives the container element so
+     * provider SDKs (Azure, Zoom, etc.) can attach their own video renderer.
+     * Return an optional cleanup function.
+     */
+    attach: (el: HTMLDivElement) => void | (() => void);
+    active?: boolean;
+    mirrored?: boolean;
+    className?: string;
+}
+/**
+ * Provider-agnostic video tile surface. Owns the DOM slot; the caller wires
+ * their SDK's renderer to it via `attach`.
+ */
+export declare function VideoSurface({ attach, active, mirrored, className }: VideoSurfaceProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencxh/ui-kit",
-  "version": "3.13.1",
+  "version": "3.20.0",
   "description": "Theme-aware UI component library for OpenCXH platform",
   "type": "module",
   "exports": {