@selfcommunity/react-ui 0.11.0-react-17.0.1.3 → 0.11.0

package/lib/esm/components/EventForm/types.d.ts

@@ -1,10 +1,10 @@
 import { SCEventLocationType, SCEventRecurrenceType, SCLiveStreamSettingsType } from '@selfcommunity/types';
 import { ContentAccessType } from '../PaywallsConfigurator/constants';
-export type Place = {
+export declare type Place = {
     description: string;
     id?: string;
 };
-export type Geolocation = {
+export declare type Geolocation = {
     location: SCEventLocationType;
     geolocation?: string;
     lat?: number;
@@ -12,7 +12,7 @@ export type Geolocation = {
     link?: string;
     liveStreamSettings?: SCLiveStreamSettingsType;
 };
-export type InitialFieldState = Geolocation & {
+export declare type InitialFieldState = Geolocation & {
     imageOriginal: string | ArrayBuffer;
     imageOriginalFile: string | Blob;
     startDate: Date | null;
@@ -27,5 +27,5 @@ export type InitialFieldState = Geolocation & {
     products: number[];
     contentAccessType: ContentAccessType;
 };
-export type FieldStateKeys = keyof InitialFieldState;
-export type FieldStateValues = InitialFieldState[FieldStateKeys];
+export declare type FieldStateKeys = keyof InitialFieldState;
+export declare type FieldStateValues = InitialFieldState[FieldStateKeys];

package/lib/esm/components/EventInfoWidget/EventInfoWidget.d.ts

@@ -21,4 +21,4 @@ export interface EventInfoWidgetProps extends WidgetProps {
      */
     [p: string]: any;
 }
-export default function EventInfoWidget(inProps: EventInfoWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default function EventInfoWidget(inProps: EventInfoWidgetProps): JSX.Element;

package/lib/esm/components/EventInfoWidget/Skeleton.d.ts

@@ -1 +1 @@
-export default function EventInfoWigetSkeleton(): import("react/jsx-runtime").JSX.Element;
+export default function EventInfoWigetSkeleton(): JSX.Element;

package/lib/esm/components/EventMediaWidget/EventMediaWidget.d.ts

@@ -38,4 +38,4 @@ export interface EventMediaWidgetProps extends WidgetProps {
      */
     [p: string]: any;
 }
-export default function EventMediaWidget(inProps: EventMediaWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default function EventMediaWidget(inProps: EventMediaWidgetProps): JSX.Element;

package/lib/esm/components/EventMediaWidget/Skeleton.d.ts

@@ -1,2 +1,2 @@
-export default function EventMediaWidgetSkeleton(): import("react/jsx-runtime").JSX.Element;
-export declare function EventMediaSkeleton(): import("react/jsx-runtime").JSX.Element;
+export default function EventMediaWidgetSkeleton(): JSX.Element;
+export declare function EventMediaSkeleton(): JSX.Element;

package/lib/esm/components/EventMediaWidget/TriggerButton.d.ts

@@ -13,5 +13,5 @@ export interface TriggerIconButtonProps extends LoadingButtonProps {
      */
     isSquare?: boolean;
 }
-declare const _default: import("react").ForwardRefExoticComponent<Omit<TriggerIconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const _default: import("react").ForwardRefExoticComponent<Pick<TriggerIconButtonProps, "id" | "role" | "className" | "style" | "classes" | "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "variant" | "name" | "type" | "href" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "loading" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "loadingIndicator" | "loadingPosition" | "onAdd" | "isSquare"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/esm/components/EventMediaWidget/asUploadButton.d.ts

@@ -1,7 +1,7 @@
 import { UploadButtonProps } from '@rpldy/upload-button';
 import type { ComponentType } from 'react';
-type FileInputProps = {
+declare type FileInputProps = {
     accept: string;
 };
-declare const asUploadButton: (Component: ComponentType<any>, inputProps: FileInputProps) => import("react").ForwardRefExoticComponent<Omit<UploadButtonProps<Element>, "ref"> & import("react").RefAttributes<any>>;
+declare const asUploadButton: (Component: ComponentType<any>, inputProps: FileInputProps) => import("react").ForwardRefExoticComponent<Pick<UploadButtonProps<Element>, "id" | "className" | "text" | "children" | "onClick" | "method" | "headers" | "paramName" | "params" | "forceJsonResponse" | "withCredentials" | "formatGroupParamName" | "sendWithFormData" | "formDataAllowUndefined" | "formatServerResponse" | "isSuccessfulCall" | "destination" | "fileFilter" | "autoUpload" | "clearPendingOnAdd" | "grouped" | "maxGroupSize" | "inputFieldName" | "fastAbortThreshold" | "userData" | "extraProps"> & import("react").RefAttributes<any>>;
 export default asUploadButton;

package/lib/esm/components/EventMembersWidget/EventMembersWidget.d.ts

@@ -44,4 +44,4 @@ export interface EventMembersWidgetProps extends WidgetProps {
      */
     [p: string]: any;
 }
-export default function EventMembersWidget(inProps: EventMembersWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default function EventMembersWidget(inProps: EventMembersWidgetProps): JSX.Element;

package/lib/esm/components/EventMembersWidget/Skeleton.d.ts

@@ -1,2 +1,2 @@
 import 'swiper/css';
-export default function EventMembersWidgetSkeleton(): import("react/jsx-runtime").JSX.Element;
+export default function EventMembersWidgetSkeleton(): JSX.Element;

package/lib/esm/components/EventMembersWidget/TabContentComponent.d.ts

@@ -26,5 +26,5 @@ interface TabComponentProps {
     };
     handleRefresh?: (tabValue: TabContentType) => void;
 }
-export default function TabContentComponent(props: TabComponentProps): import("react/jsx-runtime").JSX.Element;
+export default function TabContentComponent(props: TabComponentProps): JSX.Element;
 export {};

package/lib/esm/components/EventParticipantsButton/EventParticipantsButton.d.ts

@@ -48,4 +48,4 @@ export interface EventParticipantsButtonProps extends Pick<ButtonProps, Exclude<
 
  * @param inProps
  */
-export default function EventParticipantsButton(inProps: EventParticipantsButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function EventParticipantsButton(inProps: EventParticipantsButtonProps): JSX.Element;

package/lib/esm/components/Events/Events.d.ts

@@ -4,7 +4,7 @@ import React from 'react';
 import { CreateEventButtonProps } from '../CreateEventButton';
 import { EventProps, EventSkeletonProps } from '../Event';
 import { EventsSkeletonProps } from '../Events/Skeleton';
-export declare const EventsChipRoot: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const EventsChipRoot: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 }, "avatar" | "className" | "style" | "classes" | "label" | "tabIndex" | "color" | "children" | "sx" | "variant" | "disabled" | "size" | "icon" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export interface EventsProps {

package/lib/esm/components/Feed/Feed.d.ts

@@ -9,11 +9,11 @@ import { StickyBoxProps } from '../../shared/StickyBox';
 /**
  * FeedSidebarProps has the same props as StickyBoxProps type
  */
-export type FeedSidebarProps = StickyBoxProps;
+export declare type FeedSidebarProps = StickyBoxProps;
 /**
  * FeedRef props
  */
-export type FeedRef = {
+export declare type FeedRef = {
     addFeedData: (obj: any, syncPagination?: boolean) => void;
     refresh: () => void;
     getCurrentFeedObjectIds: () => number[];

package/lib/esm/components/Feed/Skeleton.d.ts

@@ -11,7 +11,7 @@ interface FeedSkeletonMap {
      */
     className?: string;
 }
-export type FeedSkeletonProps = React.PropsWithChildren<FeedSkeletonMap>;
+export declare type FeedSkeletonProps = React.PropsWithChildren<FeedSkeletonMap>;
 /**
  * > API documentation for the Community-JS Feed Skeleton component. Learn about the available props and the CSS API.
 

package/lib/esm/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.d.ts

@@ -24,4 +24,4 @@ export interface ActivitiesMenuProps {
      */
     [p: string]: any;
 }
-export default function ActivitiesMenu(props: ActivitiesMenuProps): import("react/jsx-runtime").JSX.Element;
+export default function ActivitiesMenu(props: ActivitiesMenuProps): JSX.Element;

package/lib/esm/components/FooterWidget/FooterWidget.d.ts

@@ -11,4 +11,4 @@ export interface FooterWidgetProps extends WidgetProps {
      */
     [p: string]: any;
 }
-export default function FooterWidget(inProps: FooterWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default function FooterWidget(inProps: FooterWidgetProps): JSX.Element;

package/lib/esm/components/LiveStreamForm/types.d.ts

@@ -1,4 +1,4 @@
-export type InitialFieldState = {
+export declare type InitialFieldState = {
     title: string;
     description: string;
     slug?: string;
@@ -7,5 +7,5 @@ export type InitialFieldState = {
     coverFile?: string | Blob;
     isSubmitting: boolean;
 };
-export type FieldStateKeys = keyof InitialFieldState;
-export type FieldStateValues = InitialFieldState[FieldStateKeys];
+export declare type FieldStateKeys = keyof InitialFieldState;
+export declare type FieldStateValues = InitialFieldState[FieldStateKeys];

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/ControlBar.d.ts

@@ -1,7 +1,7 @@
 import { Track } from 'livekit-client';
 import * as React from 'react';
 /** @public */
-export type ControlBarControls = {
+export declare type ControlBarControls = {
     microphone?: boolean;
     camera?: boolean;
     chat?: boolean;
@@ -26,4 +26,4 @@ export interface ControlBarProps extends React.HTMLAttributes<HTMLDivElement> {
  * The `ControlBar` prefab gives the user the basic user interface to control their
  * media devices (camera, microphone and screen share), open the `Chat` and leave the room.
  */
-export declare function ControlBar({ variation, controls, saveUserChoices, onDeviceError, ...props }: ControlBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ControlBar({ variation, controls, saveUserChoices, onDeviceError, ...props }: ControlBarProps): JSX.Element;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/FocusLayout.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { TrackReferenceOrPlaceholder } from '@livekit/components-core';
 import type { ParticipantClickEvent } from '@livekit/components-core';
-export type FocusLayoutContainerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare type FocusLayoutContainerProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * The `FocusLayoutContainer` is a layout component that expects two children:
  * A small side component: In a video conference, this is usually a carousel of participants
  * who are not in focus. And a larger main component to display the focused participant.
  * For example, with the `FocusLayout` component.
  */
-export declare function FocusLayoutContainer(props: FocusLayoutContainerProps): import("react/jsx-runtime").JSX.Element;
-export declare function FocusLayoutContainerNoParticipants(props: FocusLayoutContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FocusLayoutContainer(props: FocusLayoutContainerProps): JSX.Element;
+export declare function FocusLayoutContainerNoParticipants(props: FocusLayoutContainerProps): JSX.Element;
 export interface FocusLayoutProps extends React.HTMLAttributes<HTMLElement> {
     /** The track to display in the focus layout. */
     trackRef?: TrackReferenceOrPlaceholder;
@@ -19,4 +19,4 @@ export interface FocusLayoutProps extends React.HTMLAttributes<HTMLElement> {
 /**
  * The `FocusLayout` component is just a light wrapper around the `ParticipantTile` to display a single participant.
  */
-export declare function FocusLayout({ trackRef, disableTileFocusToggle, ...htmlProps }: FocusLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function FocusLayout({ trackRef, disableTileFocusToggle, ...htmlProps }: FocusLayoutProps): JSX.Element;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/ParticipantPlaceholder.d.ts

@@ -2,5 +2,5 @@ import type { SVGProps } from 'react';
 /**
  * @internal
  */
-declare const SvgParticipantPlaceholder: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgParticipantPlaceholder: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export default SvgParticipantPlaceholder;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/ParticipantTile.d.ts

@@ -7,13 +7,13 @@ import type { ParticipantClickEvent, TrackReferenceOrPlaceholder } from '@liveki
  */
 export declare function ParticipantContextIfNeeded(props: React.PropsWithChildren<{
     participant?: Participant;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): JSX.Element;
 /**
  * Only create a `TrackRefContext` if there is no `TrackRefContext` already.
  */
 export declare function TrackRefContextIfNeeded(props: React.PropsWithChildren<{
     trackRef?: TrackReferenceOrPlaceholder;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): JSX.Element;
 export interface ParticipantTileProps extends React.HTMLAttributes<HTMLDivElement> {
     /** The track reference to display. */
     trackRef?: TrackReferenceOrPlaceholder;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/PreJoin.d.ts

@@ -56,4 +56,4 @@ export declare function usePreviewDevice<T extends LocalVideoTrack | LocalAudioT
  * ```
  * @public
  */
-export declare function PreJoin({ defaults, onValidate, onSubmit, onError, debug, joinLabel, micLabel, camLabel, userLabel, persistUserChoices, videoProcessor, ...htmlProps }: PreJoinProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreJoin({ defaults, onValidate, onSubmit, onError, debug, joinLabel, micLabel, camLabel, userLabel, persistUserChoices, videoProcessor, ...htmlProps }: PreJoinProps): JSX.Element;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/RecordingIndicator.d.ts

@@ -2,4 +2,4 @@
  * RecordingIndicator
  * @alpha
  */
-export default function RecordingIndicator(): import("react/jsx-runtime").JSX.Element;
+export default function RecordingIndicator(): JSX.Element;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/SettingsMenuToggle.d.ts

@@ -12,7 +12,7 @@ export declare function useSettingsToggle({ props }: UseSettingsToggleProps): {
         'aria-pressed': string;
     };
 };
-export type SettingsMenuToggleProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare type SettingsMenuToggleProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
 /**
  * The `SettingsMenuToggle` component is a button that toggles the visibility of the `SettingsMenu` component.
  */

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/TrackToggle.d.ts

@@ -1,7 +1,7 @@
 import type { CaptureOptionsBySource, ToggleSource } from '@livekit/components-core';
 import * as React from 'react';
 import { Track, TrackPublishOptions } from 'livekit-client';
-export declare function getSourceIcon(source: Track.Source, enabled: boolean): import("react/jsx-runtime").JSX.Element;
+export declare function getSourceIcon(source: Track.Source, enabled: boolean): JSX.Element;
 export interface TrackToggleProps<T extends ToggleSource> extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
     source: T;
     showIcon?: boolean;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/VideoConference.d.ts

@@ -23,4 +23,4 @@ export interface VideoConferenceProps {
  * of participants, basic non-persistent chat, screen sharing, and more.
  *
  */
-export declare function VideoConference(inProps: VideoConferenceProps): import("react/jsx-runtime").JSX.Element;
+export declare function VideoConference(inProps: VideoConferenceProps): JSX.Element;

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/utils.d.ts

@@ -7,12 +7,12 @@ export declare function chain(...callbacks: any[]): (...args: any[]) => void;
 interface Props {
     [key: string]: any;
 }
-type TupleTypes<T> = {
+declare type TupleTypes<T> = {
     [P in keyof T]: T[P];
 } extends {
     [key: number]: infer V;
 } ? V : never;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
 /**
  * Merges multiple props objects together. Event handlers are chained,
  * classNames are combined, and ids are deduplicated - different ids

package/lib/esm/components/LiveStreamRoom/types.d.ts

@@ -14,7 +14,7 @@ export interface TokenResult {
     accessToken: string;
 }
 export declare function isVideoCodec(codec: string): codec is VideoCodec;
-export type ConnectionDetails = {
+export declare type ConnectionDetails = {
     serverUrl: string;
     roomName: string;
     participantName: string;

package/lib/esm/components/MyEventsWidget/MyEventsWidget.d.ts

@@ -16,4 +16,4 @@ export interface MyEventsWidgetProps extends WidgetProps {
      */
     [p: string]: any;
 }
-export default function MyEventsWidget(inProps: MyEventsWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default function MyEventsWidget(inProps: MyEventsWidgetProps): JSX.Element;

package/lib/esm/components/MyEventsWidget/Skeleton.d.ts

@@ -1 +1 @@
-export default function MyEventsWidgetSkeleton(): import("react/jsx-runtime").JSX.Element;
+export default function MyEventsWidgetSkeleton(): JSX.Element;

package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerContent.d.ts

@@ -6,4 +6,4 @@ export interface DefaultDrawerContentProps extends BoxProps {
     onClose?: () => void;
     onClickHome?: () => void;
 }
-export default function DefaultDrawerContent(inProps: DefaultDrawerContentProps): import("react/jsx-runtime").JSX.Element;
+export default function DefaultDrawerContent(inProps: DefaultDrawerContentProps): JSX.Element;

package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerSkeleton.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material';
 export declare const PREFIX = "SCDefaultDrawerSkeleton";
-export type DefaultDrawerSkeletonProps = BoxProps;
+export declare type DefaultDrawerSkeletonProps = BoxProps;
 /**
  * > API documentation for the Community-JS Default Drawer Skeleton component. Learn about the available props and the CSS API.
 

package/lib/esm/components/NavigationMenuIconButton/DefaultHeaderContent.d.ts

@@ -1,3 +1,3 @@
 import { BoxProps } from '@mui/material';
-export type DefaultHeaderContentProps = BoxProps;
-export default function DefaultHeaderContent(inProps: DefaultHeaderContentProps): import("react/jsx-runtime").JSX.Element;
+export declare type DefaultHeaderContentProps = BoxProps;
+export default function DefaultHeaderContent(inProps: DefaultHeaderContentProps): JSX.Element;

package/lib/esm/components/NavigationToolbar/NavigationToolbar.d.ts

@@ -108,4 +108,4 @@ export interface NavigationToolbarProps extends ToolbarProps {
  *
  * @param inProps
  */
-export default function NavigationToolbar(inProps: NavigationToolbarProps): import("react/jsx-runtime").JSX.Element;
+export default function NavigationToolbar(inProps: NavigationToolbarProps): JSX.Element;

package/lib/esm/components/NavigationToolbar/NotificationMenu.d.ts

@@ -7,4 +7,4 @@ export interface NotificationsMenuProps extends MenuProps {
      */
     SnippetNotificationsProps?: SnippetNotificationsProps;
 }
-export default function NotificationMenu(inProps: NotificationsMenuProps): import("react/jsx-runtime").JSX.Element;
+export default function NotificationMenu(inProps: NotificationsMenuProps): JSX.Element;

package/lib/esm/components/NavigationToolbarMobile/NavigationToolbarMobile.d.ts

@@ -76,4 +76,4 @@ export interface NavigationToolbarMobileProps extends ToolbarProps {
  *
  * @param inProps
  */
-export default function NavigationToolbarMobile(inProps: NavigationToolbarMobileProps): import("react/jsx-runtime").JSX.Element;
+export default function NavigationToolbarMobile(inProps: NavigationToolbarMobileProps): JSX.Element;

package/lib/esm/components/OnBoardingWidget/OnBoardingWidget.d.ts

@@ -28,5 +28,5 @@ export interface OnBoardingWidgetProps extends VirtualScrollerItemProps {
      */
     initialStep?: SCOnBoardingStepType;
 }
-declare const OnBoardingWidget: (inProps: OnBoardingWidgetProps) => import("react/jsx-runtime").JSX.Element;
+declare const OnBoardingWidget: (inProps: OnBoardingWidgetProps) => JSX.Element;
 export default OnBoardingWidget;

package/lib/esm/components/OnBoardingWidget/Steps/App/App.d.ts

@@ -15,4 +15,4 @@ export interface AppProps {
      */
     onCompleteAction: () => void;
 }
-export default function App(inProps: AppProps): import("react/jsx-runtime").JSX.Element;
+export default function App(inProps: AppProps): JSX.Element;

package/lib/esm/components/OnBoardingWidget/Steps/Appearance/Appearance.d.ts

@@ -10,4 +10,4 @@ export interface AppearanceProps {
      */
     onCompleteAction: () => void;
 }
-export default function Appearance(inProps: AppearanceProps): import("react/jsx-runtime").JSX.Element;
+export default function Appearance(inProps: AppearanceProps): JSX.Element;

package/lib/esm/components/OnBoardingWidget/Steps/Category/Category.d.ts

@@ -15,4 +15,4 @@ export interface CategoryProps {
      */
     handleCategoriesCreation?: () => void;
 }
-export default function Category(inProps: CategoryProps): import("react/jsx-runtime").JSX.Element;
+export default function Category(inProps: CategoryProps): JSX.Element;

package/lib/esm/components/OnBoardingWidget/Steps/Content/Content.d.ts

@@ -15,4 +15,4 @@ export interface ContentProps {
      */
     handleContentCreation?: () => void;
 }
-export default function Content(inProps: ContentProps): import("react/jsx-runtime").JSX.Element;
+export default function Content(inProps: ContentProps): JSX.Element;

package/lib/esm/components/OnBoardingWidget/Steps/Invite/Invite.d.ts

@@ -10,4 +10,4 @@ export interface InviteProps {
      */
     onCompleteAction: () => void;
 }
-export default function Invite(inProps: InviteProps): import("react/jsx-runtime").JSX.Element;
+export default function Invite(inProps: InviteProps): JSX.Element;

package/lib/esm/components/OnBoardingWidget/Steps/Profile/Profile.d.ts

@@ -22,4 +22,4 @@ export interface ProfileProps {
      */
     onCompleteAction: () => void;
 }
-export default function Profile(inProps: ProfileProps): import("react/jsx-runtime").JSX.Element;
+export default function Profile(inProps: ProfileProps): JSX.Element;

package/lib/esm/components/PaymentDetailDialog/PaymentDetailDialog.d.ts

@@ -3,4 +3,4 @@ export interface PaymentDetailDialogProps extends BaseDialogProps {
     className?: string;
     disableInitialTransition?: boolean;
 }
-export default function PaymentDetailDialog(inProps: PaymentDetailDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function PaymentDetailDialog(inProps: PaymentDetailDialogProps): JSX.Element;

package/lib/esm/components/PaymentOrder/PaymentOrder.d.ts

@@ -7,4 +7,4 @@ export interface PaymentOrderProps {
     hidePaymentOrderPdfButton?: boolean;
     PaymentOrderPdfButtonComponentProps?: PaymentOrderPdfButtonProps;
 }
-export default function PaymentOrder(inProps: PaymentOrderProps): import("react/jsx-runtime").JSX.Element;
+export default function PaymentOrder(inProps: PaymentOrderProps): JSX.Element;

package/lib/esm/components/PaymentOrders/PaymentOrders.d.ts

@@ -14,4 +14,4 @@ export interface PaymentOrdersProps {
      */
     contentType?: SCContentType;
 }
-export default function PaymentOrders(inProps: PaymentOrdersProps): import("react/jsx-runtime").JSX.Element;
+export default function PaymentOrders(inProps: PaymentOrdersProps): JSX.Element;

package/lib/esm/components/PaymentProduct/PaymentProduct.d.ts

@@ -1,7 +1,7 @@
 import { SCPaymentProduct, SCContentType, SCPurchasableContent, SCPaymentOrder, SCPaymentPrice, SCPaymentProductTemplateType } from '@selfcommunity/types';
 import { PaymentProductPriceProps } from '../PaymentProductPrice';
 import { WidgetProps } from '../Widget';
-export interface PaymentProductProps extends Omit<WidgetProps, 'content'> {
+export interface PaymentProductProps extends WidgetProps {
     className?: string;
     paymentProductId?: number;
     paymentProduct?: SCPaymentProduct;
@@ -15,4 +15,4 @@ export interface PaymentProductProps extends Omit<WidgetProps, 'content'> {
     hidePaymentProductPrices?: boolean;
     PaymentProductPriceComponentProps?: PaymentProductPriceProps;
 }
-export default function PaymentProduct(inProps: PaymentProductProps): import("react/jsx-runtime").JSX.Element;
+export default function PaymentProduct(inProps: PaymentProductProps): JSX.Element;

package/lib/esm/components/PaymentProduct/PaymentProduct.js

@@ -15,7 +15,7 @@ const classes = {
 const Root = styled(Widget, {
     slot: 'Root',
     name: PREFIX
-})(() => ({}));
+})(({ theme }) => ({}));
 export default function PaymentProduct(inProps) {
     // PROPS
     const props = useThemeProps({

package/lib/esm/components/PaymentProductPrice/PaymentProductPrice.d.ts

@@ -12,4 +12,4 @@ export interface PaymentProductPriceProps {
     onHandleActionBuy?: (price: SCPaymentPrice, contentType?: SCContentType, contentId?: string | number) => void;
     returnUrlParams?: Record<string, string>;
 }
-export default function PaymentProductPrice(inProps: PaymentProductPriceProps): import("react/jsx-runtime").JSX.Element;
+export default function PaymentProductPrice(inProps: PaymentProductPriceProps): JSX.Element;

package/lib/esm/components/PaymentProducts/PaymentProducts.d.ts

@@ -8,4 +8,4 @@ export interface PaymentProductsProps {
     paymentOrder?: SCPaymentOrder;
     onUpdatePaymentOrder?: (price: SCPaymentPrice, contentType?: SCContentType, contentId?: string | number) => void;
 }
-export default function PaymentProducts(inProps: PaymentProductsProps): import("react/jsx-runtime").JSX.Element;
+export default function PaymentProducts(inProps: PaymentProductsProps): JSX.Element;

package/lib/esm/components/Paywalls/Paywalls.d.ts

@@ -7,4 +7,4 @@ export interface PaywallsProps {
     prefetchedPaymentContentStatus?: SCPurchasableContent;
     onUpdatePaymentOrder?: (price: SCPaymentPrice, contentType?: SCContentType, contentId?: string | number) => void;
 }
-export default function Paywalls(inProps: PaywallsProps): import("react/jsx-runtime").JSX.Element;
+export default function Paywalls(inProps: PaywallsProps): JSX.Element;

package/lib/esm/components/PaywallsConfigurator/PaywallsConfigurator.d.ts

@@ -10,4 +10,4 @@ export interface PaywallsConfiguratorProps {
     onChangeContentAccessType?: (type: string) => void;
     disabled?: boolean;
 }
-export default function PaywallsConfigurator(inProps: PaywallsConfiguratorProps): import("react/jsx-runtime").JSX.Element;
+export default function PaywallsConfigurator(inProps: PaywallsConfiguratorProps): JSX.Element;

package/lib/esm/components/PaywallsDialog/PaywallsDialog.d.ts

@@ -5,4 +5,4 @@ export interface PaywallsDialogProps extends BaseDialogProps {
     PaywallsComponentProps: PaywallsProps;
     disableInitialTransition?: boolean;
 }
-export default function PaywallsDialog(inProps: PaywallsDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function PaywallsDialog(inProps: PaywallsDialogProps): JSX.Element;

package/lib/esm/components/PdfPreviewDialog/PdfPreviewDialog.d.ts

@@ -8,4 +8,4 @@ export interface PdfPreviewDialogProps extends BaseDialogProps {
     pdfUrl: string;
     disableInitialTransition?: boolean;
 }
-export default function PdfPreviewDialog(inProps: PdfPreviewDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function PdfPreviewDialog(inProps: PdfPreviewDialogProps): JSX.Element;

package/lib/esm/components/PrivateMessageComponent/Skeleton.d.ts

@@ -6,7 +6,7 @@ interface PrivateMessageComponentSkeletonMap {
      */
     className?: string;
 }
-export type PrivateMessageComponentProps = React.PropsWithChildren<PrivateMessageComponentSkeletonMap>;
+export declare type PrivateMessageComponentProps = React.PropsWithChildren<PrivateMessageComponentSkeletonMap>;
 /**
  * > API documentation for the Community-JS Private Messages Skeleton Template. Learn about the available props and the CSS API.
 

package/lib/esm/components/RelatedEventsWidget/RelatedEventsWidget.d.ts

@@ -41,4 +41,4 @@ export interface RelatedEventsWidgetProps extends WidgetProps {
      */
     [p: string]: any;
 }
-export default function RelatedEventsWidget(inProps: RelatedEventsWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default function RelatedEventsWidget(inProps: RelatedEventsWidgetProps): JSX.Element;

package/lib/esm/components/RelatedEventsWidget/Skeleton.d.ts

@@ -1,2 +1,2 @@
 import 'swiper/css';
-export default function RelatedEventsWidgetSkeleton(): import("react/jsx-runtime").JSX.Element;
+export default function RelatedEventsWidgetSkeleton(): JSX.Element;

package/lib/esm/components/SearchAutocomplete/SearchAutocomplete.d.ts

@@ -19,4 +19,4 @@ export interface SearchAutocompleteProps extends Pick<AutocompleteProps<string,
      */
     onSuggestionSelect?: (suggestion: SCSuggestionType) => void;
 }
-export default function SearchAutocomplete(inProps: SearchAutocompleteProps): import("react/jsx-runtime").JSX.Element;
+export default function SearchAutocomplete(inProps: SearchAutocompleteProps): JSX.Element;

package/lib/esm/components/SearchDialog/SearchDialog.d.ts

@@ -15,4 +15,4 @@ export interface SearchDialogProps extends DialogProps {
      */
     [p: string]: any;
 }
-export default function Search(inProps: SearchDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function Search(inProps: SearchDialogProps): JSX.Element;

package/lib/esm/components/SuggestedEventsWidget/Arrow.d.ts

@@ -5,4 +5,4 @@ export interface ArrowProps {
     setCurrentItem: Dispatch<SetStateAction<number>>;
     className?: HTMLAttributes<HTMLButtonElement>['className'];
 }
-export default function Arrow(props: ArrowProps): import("react/jsx-runtime").JSX.Element;
+export default function Arrow(props: ArrowProps): JSX.Element;

package/lib/esm/components/SuggestedEventsWidget/Skeleton.d.ts

@@ -1,2 +1,2 @@
 import 'swiper/css';
-export default function SuggestedEventsWidgetSkeleton(): import("react/jsx-runtime").JSX.Element;
+export default function SuggestedEventsWidgetSkeleton(): JSX.Element;

package/lib/esm/components/SuggestedEventsWidget/SuggestedEventsWidget.d.ts

@@ -10,4 +10,4 @@ export interface SuggestedEventsWidgetProps extends WidgetProps {
      */
     [p: string]: any;
 }
-export default function SuggestedEventsWidget(inProps: SuggestedEventsWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default function SuggestedEventsWidget(inProps: SuggestedEventsWidgetProps): JSX.Element;

package/lib/esm/components/UserBillingInfo/UserBillingInfo.d.ts

@@ -26,10 +26,10 @@ export interface UserBillingInfoProps {
 /**
  * BillingInfo component interface reference
  */
-export type UserBillingInfoRef = {
+export declare type UserBillingInfoRef = {
     isBillingInfoCompleted: () => boolean;
     showError: (e: string) => void;
     billingMode: () => UserBillingInfoMode;
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<UserBillingInfoProps, "ref"> & React.RefAttributes<UserBillingInfoRef>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<UserBillingInfoProps, keyof UserBillingInfoProps> & React.RefAttributes<UserBillingInfoRef>>;
 export default _default;