@opencxh/ui-kit 3.82.0 → 3.83.0

package/dist/src/content/Avatar.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface AvatarProps {
+    /** Full name; used for the initials fallback and alt/title text */
+    name?: string;
+    /** Optional image URL; falls back to initials when absent or on load error */
+    src?: string;
+    /** Size preset */
+    size?: "xs" | "sm" | "md" | "lg";
+    /** Additional CSS classes */
+    className?: string;
+    /** Override the title attribute (defaults to `name`) */
+    title?: string;
+}
+/**
+ * Circular avatar: renders the photo when `src` is set (falling back to
+ * initials on error), otherwise a monogram derived from `name`.
+ */
+export declare const Avatar: React.FC<AvatarProps>;

package/dist/src/content/AvatarStack.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { AvatarProps } from './Avatar';
+export interface AvatarStackPerson {
+    id?: string;
+    name?: string;
+    src?: string;
+    /** Owner / assignee — rendered with an accent ring */
+    owner?: boolean;
+    /** Whether this person has seen the item; unseen renders dimmed */
+    seen?: boolean;
+}
+export interface AvatarStackProps {
+    people: AvatarStackPerson[];
+    /** Max avatars to show before collapsing the rest into a "+N" chip */
+    max?: number;
+    size?: AvatarProps["size"];
+    className?: string;
+}
+/**
+ * Overlapping row of avatars with an optional "+N" overflow chip. Unseen
+ * people are dimmed; the owner carries an accent ring.
+ */
+export declare const AvatarStack: React.FC<AvatarStackProps>;

package/dist/src/index.d.ts

@@ -16,9 +16,12 @@ export { StorageInput, type StorageInputProps } from './input/StorageInput';
 export { Form, type FormButtonProps, type FormFieldType, type FormGroup, type FormGroupItem, type FormProps } from './forms/Form';
 export { Dropdown, type DropdownOption, type DropdownProps } from './overlays/Dropdown';
 export { Modal, type ModalProps } from './overlays/Modal';
+export { Popover, type PopoverProps } from './overlays/Popover';
 export { Badge, type BadgeProps } from './feedback/Badge';
 export { ContentLoading } from './feedback/ContentLoading';
 export { Spinner, type SpinnerProps } from './feedback/Spinner';
+export { Avatar, type AvatarProps } from './content/Avatar';
+export { AvatarStack, type AvatarStackProps, type AvatarStackPerson } from './content/AvatarStack';
 export { Icon, type IconProps } from './content/Icon';
 export { Image, type ImageProps } from './content/Image';
 export { PageHeader, type PageHeaderAction, type PageHeaderProps } from './content/PageHeader';

package/dist/src/overlays/Popover.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface PopoverProps {
+    /** Element that toggles the popover */
+    trigger: React.ReactNode;
+    /**
+     * Panel content. Pass a function to receive a `close` callback so rows can
+     * dismiss the popover after acting.
+     */
+    children: React.ReactNode | ((close: () => void) => React.ReactNode);
+    /** Panel placement relative to the trigger */
+    placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
+    /** Additional CSS classes for the panel */
+    className?: string;
+    /** Whether the trigger is disabled */
+    disabled?: boolean;
+}
+/**
+ * Generic popover with click-outside / Escape dismissal. The panel is
+ * `position: fixed` (computed from the trigger) so it escapes any
+ * overflow-hidden or rounded-card ancestor instead of being clipped.
+ */
+export declare const Popover: React.FC<PopoverProps>;

package/package.json

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