@opencxh/ui-kit 3.70.0 → 3.82.0

package/dist/src/action/SplitButton.d.ts

@@ -17,4 +17,4 @@ export interface SplitButtonProps {
 /**
  * SplitButton component with theme integration and accessibility features
  */
-export declare function SplitButton({ label, onClick, variant, size, icon, options, disabled, }: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SplitButton({ label, onClick, variant, size, icon, options, disabled, }: SplitButtonProps): React.JSX.Element;

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

@@ -43,7 +43,7 @@ export interface PageHeaderProps {
     /** Callback when title is changed */
     onTitleChange?: (newTitle: string) => void;
 }
-export declare const ChevronLeftIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronLeftIcon: () => React.JSX.Element;
 /**
  * PageHeader component for consistent page layouts with title, actions, and breadcrumbs
  */

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

@@ -105,4 +105,4 @@ export interface TableProps<T = any> {
 /**
  * High-performance Table component with sorting, pagination, search, and custom renderers
  */
-export declare const Table: <T extends Record<string, any>>({ data, columns, loading, searchable, searchPlaceholder, filters, paginated, pageSizeOptions, defaultPageSize, actions, onRowClick, selectable, selectedRows, onSelectionChange, getRowKey, emptyContent, hoverable, bordered, striped, className, rowClassName, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends Record<string, any>>({ data, columns, loading, searchable, searchPlaceholder, filters, paginated, pageSizeOptions, defaultPageSize, actions, onRowClick, selectable, selectedRows, onSelectionChange, getRowKey, emptyContent, hoverable, bordered, striped, className, rowClassName, }: TableProps<T>) => React.JSX.Element;

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

@@ -62,5 +62,5 @@ export interface ViewProps<T = Record<string, any>> {
  * Generic View component with groups and conditional rendering
  * Displays data in a read-only format matching the Form component layout
  */
-export declare const View: <T extends Record<string, any>>({ groups, data, size, className, }: ViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const View: <T extends Record<string, any>>({ groups, data, size, className, }: ViewProps<T>) => React.JSX.Element;
 export {};

package/dist/src/error-boundary/index.d.ts

@@ -12,6 +12,6 @@ export declare class ErrorBoundary extends Component<Props, State> {
     state: State;
     static getDerivedStateFromError(error: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
 }
 export {};

package/dist/src/federated-resource/index.d.ts

@@ -7,5 +7,5 @@ interface FederatedResourceProps {
     componentProps?: Record<string, any>;
     className?: string;
 }
-export declare function FederatedResource({ identifier, resourceLoader, framework, fallback, componentProps, className, }: FederatedResourceProps): import("react/jsx-runtime").JSX.Element;
+export declare function FederatedResource({ identifier, resourceLoader, framework, fallback, componentProps, className, }: FederatedResourceProps): React.JSX.Element;
 export {};

package/dist/src/feedback/Badge.d.ts

@@ -45,4 +45,4 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
  * </Badge>
  * ```
  */
-export declare function Badge({ variant, size, dot, icon, dismissible, onDismiss, className, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ variant, size, dot, icon, dismissible, onDismiss, className, children, ...props }: BadgeProps): React.JSX.Element;

package/dist/src/feedback/ContentLoading.d.ts

@@ -17,5 +17,5 @@ interface ContentLoadingProps {
      */
     tableRows?: number;
 }
-export declare function ContentLoading({ children, showTableSkeleton, tableColumns, tableRows, }: ContentLoadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentLoading({ children, showTableSkeleton, tableColumns, tableRows, }: ContentLoadingProps): import("react").JSX.Element;
 export {};

package/dist/src/feedback/Spinner.d.ts

@@ -29,4 +29,4 @@ export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
  * <Spinner size="sm" variant="white" />
  * ```
  */
-export declare function Spinner({ size, variant, label, showLabel, className, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Spinner({ size, variant, label, showLabel, className, ...props }: SpinnerProps): React.JSX.Element;

package/dist/src/forms/Form.d.ts

@@ -123,5 +123,5 @@ export interface FormProps<T = Record<string, any>> {
 /**
  * Generic Form component with groups, validation, and conditional rendering
  */
-export declare const Form: <T extends Record<string, any>>({ groups, data: externalData, onSubmit, onCancel, onChange, transform, validate, submitButton, cancelButton, showButtons, layout, size, loading, className, ref, sdk, }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Form: <T extends Record<string, any>>({ groups, data: externalData, onSubmit, onCancel, onChange, transform, validate, submitButton, cancelButton, showButtons, layout, size, loading, className, ref, sdk, }: FormProps<T>) => React.JSX.Element;
 export {};

package/dist/src/input/SearchableTextField.d.ts

@@ -17,5 +17,12 @@ export interface SearchableTextFieldProps extends Omit<React.InputHTMLAttributes
     onRemoteSearch?: (searchTerm: string) => Promise<void>;
     onSelect?: (value: string) => void;
     debounceTime?: number;
+    /**
+     * Selector-modus: toon bij openen (focus/chevron) álle opties, ook wanneer de
+     * huidige waarde een reeds geselecteerde optie is. Pas zodra de gebruiker zelf
+     * typt wordt er gefilterd. Handig wanneer het veld eerder een keuzelijst is dan
+     * een vrije zoekopdracht (bv. een afzender-selector).
+     */
+    showAllOnOpen?: boolean;
 }
 export declare const SearchableTextField: React.ForwardRefExoticComponent<SearchableTextFieldProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -9,4 +9,4 @@ export interface MeetingGridProps {
  * 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;
+export declare function MeetingGrid({ tiles, pinned, className }: MeetingGridProps): import("react").JSX.Element;

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

@@ -13,4 +13,4 @@ export interface ParticipantTileProps {
  * 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;
+export declare function ParticipantTile({ name, avatarUrl, muted, speaking, hasVideo, videoSlot, className, }: ParticipantTileProps): import("react").JSX.Element;

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

@@ -13,4 +13,4 @@ export interface VideoSurfaceProps {
  * 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;
+export declare function VideoSurface({ attach, active, mirrored, className }: VideoSurfaceProps): import("react").JSX.Element;

package/dist/src/navigation/Sidebar.d.ts

@@ -5,6 +5,8 @@ export interface MenuItem {
     count?: number;
     children?: MenuItem[];
     path?: string;
+    /** Start ingeklapt (alleen relevant als er children zijn). Default false. */
+    defaultCollapsed?: boolean;
 }
 interface SidebarMenuProps {
     title: string;

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

@@ -79,4 +79,4 @@ export interface ModalProps {
  * </Modal>
  * ```
  */
-export declare function Modal({ open, onClose, title, size, closeOnBackdropClick, closeOnEscape, className, backdropClassName, children, footer, showCloseButton, }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Modal({ open, onClose, title, size, closeOnBackdropClick, closeOnEscape, className, backdropClassName, children, footer, showCloseButton, }: ModalProps): React.JSX.Element | null;

package/dist/src/primitives/Card.d.ts

@@ -3,4 +3,4 @@ export interface CardProps extends BoxProps {
     children: React.ReactNode;
     title?: string;
 }
-export declare const Card: ({ children, title, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ children, title, ...props }: CardProps) => import("react").JSX.Element;

package/package.json

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