jamespot-react-components 1.2.34 → 1.2.36

package/build/src/components/JRCModalUserList/JRCModalUserList.d.ts

@@ -1,5 +1,4 @@
 import { WidgetQuickSurveyResponseUserList } from 'jamespot-user-api';
-import React from 'react';
 export type JRCModalUserListProps = {
     open: boolean;
     usersList?: WidgetQuickSurveyResponseUserList;
@@ -8,7 +7,4 @@ export type JRCModalUserListProps = {
     setOpen: (open: boolean) => void;
     onClose: () => void;
 };
-export declare const CSSAvatarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    overlap?: boolean | undefined;
-}, never>;
-export declare const JRCModalUserList: ({ open, usersList, title, handleLoadUsersList, setOpen, onClose, }: JRCModalUserListProps) => React.JSX.Element;
+export declare const JRCModalUserList: ({ open, usersList, title, handleLoadUsersList, setOpen, onClose, }: JRCModalUserListProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCObjectList/JRCObjectList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { jObjectLittle } from 'jamespot-user-api';
+import { ReactNode } from 'react';
 export type JRCObjectListProps<T extends jObjectLittle = jObjectLittle> = {
     list?: {
         data: T[];
@@ -8,9 +8,9 @@ export type JRCObjectListProps<T extends jObjectLittle = jObjectLittle> = {
         page?: number;
     };
     onPageChange: (page: number) => void;
-    actionComponent?: (obj: T) => React.ReactNode;
+    actionComponent?: (obj: T) => ReactNode;
     onClick?: (obj: T) => void;
     onSearch?: (query: string) => void;
     isLoading?: boolean;
 };
-export declare const JRCObjectList: <T extends jObjectLittle = jObjectLittle>({ list, onPageChange, onClick, actionComponent, onSearch, isLoading, }: JRCObjectListProps<T>) => React.JSX.Element;
+export declare const JRCObjectList: <T extends jObjectLittle = jObjectLittle>({ list, onPageChange, onClick, actionComponent, onSearch, isLoading, }: JRCObjectListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCPagination/JRCPagination.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { DataCy } from '../../types/dataAttributes';
 export type PaginationBulletProps = DataCy & {
     number: number;
@@ -16,5 +15,5 @@ export type JRCPaginationProps = DataCy & {
     nbrOfPage: number;
     clickHandler: (page: number) => void;
 };
-export declare const PaginationBullet: ({ number, isActive, dataCy, clickHandler }: PaginationBulletProps) => React.JSX.Element;
-export declare const JRCPagination: ({ activePage, nbrOfPage, clickHandler, dataCy }: JRCPaginationProps) => React.JSX.Element;
+export declare const PaginationBullet: ({ number, isActive, dataCy, clickHandler }: PaginationBulletProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCPagination: ({ activePage, nbrOfPage, clickHandler, dataCy }: JRCPaginationProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCPagination/JRCPagination.stories.d.ts

@@ -0,0 +1,5 @@
+import { JRCPaginationProps } from './JRCPagination';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const Pagination: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCPaginationProps>;

package/build/src/components/JRCProgressBar/JRCProgressBar.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { Colors } from 'styles/theme';
+import { Colors } from '../../styles/theme';
 export declare const CSSProgressBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSProgressBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
@@ -11,4 +10,4 @@ export type JRCProgressBarProps = {
     threshold?: number;
     colorProgressBar?: Colors;
 };
-export declare const JRCProgressBar: ({ value, total, threshold, colorProgressBar }: JRCProgressBarProps) => React.JSX.Element;
+export declare const JRCProgressBar: ({ value, total, threshold, colorProgressBar }: JRCProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCPublishButton/JRCPublishButton.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { DataCy } from '../../types/dataAttributes';
-import { JRCTooltipProps } from '../JRCTooltip/JRCTooltip';
+import { JRCTooltipProps } from '../JRCTooltip/types';
 import { PublishButtonEntryProps } from './PublishButtonEntry';
 type PublishButtonSection = {
     sectionLabel: string;
@@ -17,5 +16,5 @@ export type PublishButtonProps = DataCy & {
     icon: string;
     ariaLabel?: string;
 };
-export declare const JRCPublishButton: ({ tooltip, label, icon, sections, hasFavorites, favoriteOnClick, loading, position, dataCy, ariaLabel, }: PublishButtonProps) => React.JSX.Element;
+export declare const JRCPublishButton: ({ tooltip, label, icon, sections, hasFavorites, favoriteOnClick, loading, position, dataCy, ariaLabel, }: PublishButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/src/components/JRCPublishButton/PublishButtonEntry.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEventHandler } from 'react';
+import { MouseEventHandler } from 'react';
 import { DataCy } from '../../types/dataAttributes';
 export type PublishButtonEntryProps = DataCy & {
     key: string;
@@ -14,4 +14,4 @@ export type PublishButtonExtraProps = {
     hasFavorites?: boolean;
     favoriteClick: MouseEventHandler<HTMLButtonElement>;
 };
-export declare const PublishButtonEntry: (props: PublishButtonEntryProps & PublishButtonExtraProps) => React.JSX.Element;
+export declare const PublishButtonEntry: (props: PublishButtonEntryProps & PublishButtonExtraProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCSidePanelModal/JRCSidePanelModal.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 import { JRCButtonDropdownOptionProps } from '../JRCButtonDropdown/JRCButtonDropdown.types';
 /**
  * Type for JRCSidePanelModal props
@@ -7,7 +7,7 @@ export type JRCSidePanelModalProps = {
     open: boolean;
     closeHandler: () => void;
     children?: ReactNode;
-    title?: React.ReactNode;
+    title?: ReactNode;
     showIconClose?: boolean;
     enableClickAwayCloseModal?: boolean;
     position: 'left' | 'right';
@@ -17,7 +17,7 @@ export type JRCSidePanelModalProps = {
     offsetTop?: number;
     optionsButton?: JRCButtonDropdownOptionProps[];
     zIndex?: number;
-    focusOnCloseRef?: React.RefObject<HTMLElement>;
+    focusOnCloseRef?: RefObject<HTMLElement>;
 };
 /**
  * ℹ️⚠️
@@ -26,4 +26,4 @@ export type JRCSidePanelModalProps = {
  *   - The modal will be mounted where it is declared (no portal).
  *   - The modal can be mounted in a specific portal container provided manually with the 'jrc-container-panel' id.
  */
-export declare const JRCSidePanelModal: React.ForwardRefExoticComponent<JRCSidePanelModalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const JRCSidePanelModal: import("react").ForwardRefExoticComponent<JRCSidePanelModalProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/src/components/JRCSidePanelModal/JRCSidePanelModal.stories.d.ts

@@ -0,0 +1,5 @@
+import { JRCSidePanelModalProps } from './JRCSidePanelModal';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const SidePanelModal: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCSidePanelModalProps>;

package/build/src/components/JRCSidePanelModal/JRCSidePanelModal.styles.d.ts

@@ -1,18 +1,18 @@
 export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    position?: "left" | "right" | undefined;
-    open?: boolean | undefined;
-    inplace?: boolean | undefined;
-    offsetTop?: number | undefined;
-    zIndex?: number | undefined;
+    position?: "right" | "left";
+    open?: boolean;
+    inplace?: boolean;
+    offsetTop?: number;
+    zIndex?: number;
 }, never>;
 export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    removePadding?: boolean | undefined;
+    removePadding?: boolean;
 }, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    removePadding?: boolean | undefined;
+    removePadding?: boolean;
 }, never>;
 export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCSkeleton/JRCSkeletonLine.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TSizes } from '../JRCTypography/JRCTypography.d';
 export type JRCSkeletonLineProps = {
     width?: string;
@@ -8,4 +7,4 @@ export type JRCSkeletonLineProps = {
     borderRadius?: string;
     margin?: string;
 };
-export declare const JRCSkeletonLine: ({ width, size, lineHeight, height, borderRadius, margin, }: JRCSkeletonLineProps) => React.JSX.Element;
+export declare const JRCSkeletonLine: ({ width, size, lineHeight, height, borderRadius, margin, }: JRCSkeletonLineProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCSkeleton/JRCSkeletonList.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { FunctionComponent } from 'react';
 export type SkeletonListProps = {
     margin?: string;
     width?: string;
 };
-export declare const JRCSkeletonList: React.FunctionComponent<SkeletonListProps>;
+export declare const JRCSkeletonList: FunctionComponent<SkeletonListProps>;

package/build/src/components/JRCTabs/JRCTabs.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { DataCy } from '../../types/dataAttributes';
+import { ReactNode } from 'react';
 export interface ItemProps {
     isActive: boolean;
 }
@@ -7,14 +7,14 @@ export declare const VerticalWrapper: import("styled-components").StyledComponen
 export declare const VerticalItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
 export declare const ItemButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ItemProps, never>;
 export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: import("../JRCIcon/JRCIcon").JRCIconProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: import("../JRCIcon/JRCIcon").JRCIconProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 /**
  * Interface of a single Menu Item  props
  * @member label label of the tag
  */
 export interface ItemEntriesProps<T extends string = string> {
     key: T;
-    label: React.ReactNode;
+    label: ReactNode;
 }
 /**
  * Interface to provide JRCTabs props
@@ -43,6 +43,6 @@ export declare const JRCTabs: <T extends string = string>({ entries, activeItem,
  */
 export interface JRCTabPanelProps {
     active: boolean;
-    children: React.ReactNode;
+    children: ReactNode;
 }
-export declare const JRCTabPanel: ({ children, active }: JRCTabPanelProps) => React.JSX.Element;
+export declare const JRCTabPanel: ({ children, active }: JRCTabPanelProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCTabs/JRCTabs.stories.d.ts

@@ -0,0 +1,6 @@
+import { JRCTabsProps } from './JRCTabs';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCTabsProps>;
+export declare const EmbeddedTab: () => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCTag/JRCTag.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { UriOrTypeId } from 'components/Form/Common/types';
+import { MouseEvent, MouseEventHandler } from 'react';
+import { UriOrTypeId } from '../Form/Common/types';
 /**
  * /!\ This component is overkilled. Use with care since it may be simplified later on!
  *
@@ -21,8 +21,8 @@ export type JRCTagProps<T> = UriOrTypeId & {
     collapsed?: boolean;
     label?: string;
     value?: T;
-    onClick?: (e: React.MouseEvent, value?: T) => void;
-    onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: (e: MouseEvent<HTMLDivElement>, value?: T) => void;
+    onMouseDown?: MouseEventHandler<HTMLDivElement>;
     variant?: 'circle' | 'square';
     focusable?: boolean;
     isFocused?: boolean;
@@ -37,4 +37,4 @@ export type JRCTagProps<T> = UriOrTypeId & {
     };
     onLoad?: () => void;
 };
-export declare function JRCTag<T>(props: JRCTagProps<T>): React.JSX.Element;
+export declare function JRCTag<T>(props: JRCTagProps<T>): import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCTag/JRCTag.stories.d.ts

@@ -0,0 +1,5 @@
+import { JRCTagProps } from './JRCTag';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCTagProps<string>>;

package/build/src/components/JRCThemeProvider/JRCThemeProvider.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import './theme-reset.css';
 import './fontawesome-icons.css';
 import './fontspot-icons.css';
@@ -6,12 +5,13 @@ import './font.css';
 import './gabarit.css';
 import './scrollbar.css';
 import './animation.css';
+import { ReactNode } from 'react';
 /**
  * Props Type for JRCThemeProviderProps
  * @member children : enclosed React component
  */
 export interface JRCThemeProviderProps {
     layout?: boolean;
-    children: React.ReactNode;
+    children: ReactNode;
 }
-export declare const JRCThemeProvider: ({ layout, children }: JRCThemeProviderProps) => React.JSX.Element;
+export declare const JRCThemeProvider: ({ layout, children }: JRCThemeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCTooltip/JRCBaseTooltip.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ReactNode } from 'react';
 export declare const tooltipSizes: {
     padding: Record<string, string>;
@@ -23,4 +22,4 @@ export type JRCBaseTooltipProps = {
     asBlock?: boolean;
     height?: string;
 };
-export declare const JRCBaseTooltip: (props: JRCBaseTooltipProps) => React.JSX.Element;
+export declare const JRCBaseTooltip: (props: JRCBaseTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCTooltip/JRCTooltip.d.ts

@@ -1,32 +1,2 @@
-import { JRCButtonProps } from 'components/JRCButton/JRCButton';
-import * as React from 'react';
-/**
- * Props type for JRCTooltip
- * @member children : enclosed React component (on which the tooltip is set)
- * @member title string, optional: Tooltip title
- * @member description: string : Content of the tooltip
- * @member closeButton: boolean, optional: Add a close button to the tooltip
- * @member button: @see JRCButtonProps, optional: Add a button to the tooltip
- * @member position: optional, "top" | "bottom" | "left" | "right": Chose the placement of the tooltip
- * @member className: optional, overwrite span wrapper style
- */
-export interface JRCTooltipProps {
-    children: React.ReactNode;
-    /** Tooltip title */
-    title?: string;
-    /** Content of the tooltip */
-    description: string;
-    /** Add a close button to the tooltip */
-    closeButton?: boolean;
-    /** Add a button to the tooltip */
-    button?: JRCButtonProps;
-    /** Chose the placement of the tooltip */
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    /** overwrite span wrapper style */
-    className?: string;
-    /** container as block */
-    asBlock?: boolean;
-    active?: boolean;
-    height?: string;
-}
-export declare const JRCTooltip: (props: JRCTooltipProps) => React.JSX.Element;
+import { JRCTooltipProps } from './types';
+export declare const JRCTooltip: (props: JRCTooltipProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCTooltip/JRCTooltip.stories.d.ts

@@ -1,5 +1,5 @@
-import { JRCTooltip } from './JRCTooltip';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { JRCTooltip } from './JRCTooltip';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof JRCTooltip>;

package/build/src/components/JRCTooltip/types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../JRCButton/types';
+/**
+ * Props type for JRCTooltip
+ * @member children : enclosed React component (on which the tooltip is set)
+ * @member title string, optional: Tooltip title
+ * @member description: string : Content of the tooltip
+ * @member closeButton: boolean, optional: Add a close button to the tooltip
+ * @member button: @see ButtonProps, optional: Add a button to the tooltip
+ * @member position: optional, "top" | "bottom" | "left" | "right": Chose the placement of the tooltip
+ * @member className: optional, overwrite span wrapper style
+ */
+export interface JRCTooltipProps {
+    children: ReactNode;
+    /** Tooltip title */
+    title?: string;
+    /** Content of the tooltip */
+    description: string;
+    /** Add a close button to the tooltip */
+    closeButton?: boolean;
+    /** Add a button to the tooltip */
+    button?: ButtonProps;
+    /** Chose the placement of the tooltip */
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    /** overwrite span wrapper style */
+    className?: string;
+    /** container as block */
+    asBlock?: boolean;
+    active?: boolean;
+    height?: string;
+}

package/build/src/components/JRCTypo/JRCTypo.d.ts

@@ -1,39 +1,39 @@
-import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH1
  * @see HTML.H1 props
  */
-export type JRCH1Props = React.ComponentPropsWithoutRef<'h1'>;
-declare const JRCH1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
+export type JRCH1Props = ComponentPropsWithoutRef<'h1'>;
+declare const JRCH1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH2
  * @see HTML.H2 props
  */
-export type JRCH2Props = React.ComponentPropsWithoutRef<'h2'>;
-declare const JRCH2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
+export type JRCH2Props = ComponentPropsWithoutRef<'h2'>;
+declare const JRCH2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH3
  * @see HTML.H3 props
  */
-export type JRCH3Props = React.ComponentPropsWithoutRef<'h3'>;
-declare const JRCH3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
+export type JRCH3Props = ComponentPropsWithoutRef<'h3'>;
+declare const JRCH3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH4
  * @see HTML.H4 props
  */
-export type JRCH4Props = React.ComponentPropsWithoutRef<'h3'>;
-declare const JRCH4: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
+export type JRCH4Props = ComponentPropsWithoutRef<'h3'>;
+declare const JRCH4: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH5
  * @see HTML.H5 props
  */
-export type JRCH5Props = React.ComponentPropsWithoutRef<'h5'>;
-declare const JRCH5: import("styled-components").StyledComponent<"h5", import("styled-components").DefaultTheme, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
+export type JRCH5Props = ComponentPropsWithoutRef<'h5'>;
+declare const JRCH5: import("styled-components").StyledComponent<"h5", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCText

package/build/src/components/JRCTypo/JRCTypo.stories.d.ts

@@ -1,12 +1,11 @@
-import * as React from 'react';
 import { JRCH1Props, JRCH2Props, JRCH3Props, JRCH4Props, JRCH5Props, JRCTextProps } from './JRCTypo';
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const H1: (args: JRCH1Props) => React.JSX.Element;
-export declare const H2: (args: JRCH2Props) => React.JSX.Element;
-export declare const H3: (args: JRCH3Props) => React.JSX.Element;
-export declare const H4: (args: JRCH4Props) => React.JSX.Element;
-export declare const H5: (args: JRCH5Props) => React.JSX.Element;
-export declare const P: (args: JRCTextProps) => React.JSX.Element;
+export declare const H1: (args: JRCH1Props) => import("react/jsx-runtime").JSX.Element;
+export declare const H2: (args: JRCH2Props) => import("react/jsx-runtime").JSX.Element;
+export declare const H3: (args: JRCH3Props) => import("react/jsx-runtime").JSX.Element;
+export declare const H4: (args: JRCH4Props) => import("react/jsx-runtime").JSX.Element;
+export declare const H5: (args: JRCH5Props) => import("react/jsx-runtime").JSX.Element;
+export declare const P: (args: JRCTextProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCTypography/JRCTypography.d.d.ts

@@ -1,6 +1,6 @@
-import { FastCssProps } from 'components/Common/FastCss';
-import React from 'react';
-import { Colors, FontWeight } from '../../styles/theme';
+import { ReactNode } from 'react';
+import { ColorsOrShades, FontWeight } from '../../styles/theme';
+import { FastCssProps } from '../Common/FastCss';
 export type TSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type TVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
 export type TWeight = keyof FontWeight;
@@ -14,6 +14,7 @@ export type TAlignment = 'left' | 'right' | 'center';
  * @member variant You can change the semantic element with the variant property
  */
 export type JRCTypographyProps = FastCssProps & {
+    id?: string;
     /** Additional className for override the component: */
     className?: string;
     /** You can custom the font-weight with the weight property */
@@ -21,13 +22,13 @@ export type JRCTypographyProps = FastCssProps & {
     /** You can change the font-size with the size property */
     size?: TSizes;
     /** Text color */
-    color?: Colors;
+    color?: ColorsOrShades;
     /**ReactNode | text content of the button */
-    children: string | React.ReactNode;
+    children: string | ReactNode;
     /** You can change the semantic element with the variant property */
     variant?: TVariants;
     /** Horizontal alignment */
     align?: TAlignment;
     /** Text color on hover **/
-    hoverColor?: Colors;
+    hoverColor?: ColorsOrShades;
 };

package/build/src/components/JRCTypography/JRCTypography.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import { JRCTypographyProps } from './JRCTypography.d';
-export declare const JRCTypography: ({ variant, ...props }: JRCTypographyProps) => React.JSX.Element;
+export declare const JRCTypography: ({ variant, ...props }: JRCTypographyProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCTypography/JRCTypography.styles.d.ts

@@ -1,4 +1,4 @@
-import { FastCssProps } from 'components/Common/FastCss';
+import { FastCssProps } from '../Common/FastCss';
 import { JRCTypographyProps } from './JRCTypography.d';
 export declare const lineHeightRatio = 1.5;
 export declare const SIZES: Readonly<{
@@ -10,4 +10,4 @@ export declare const SIZES: Readonly<{
     xxl: 24;
     xxxl: 32;
 }>;
-export declare const Typography: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Pick<JRCTypographyProps, "color" | "size" | "weight" | "align" | "hoverColor"> & FastCssProps, never>;
+export declare const Typography: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Pick<JRCTypographyProps, "size" | "color" | "align" | "weight" | "hoverColor"> & FastCssProps, never>;

package/build/src/components/JRCUserHighlightFields/JRCUserHighlightFields.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { jUserLittle, Model } from 'jamespot-user-api';
 export type JRCUserHighlightFieldsProps = {
     user: jUserLittle;
     highlightFields: string[];
     userModel: Model;
 };
-export declare const JRCUserHighlightFields: ({ user, highlightFields, userModel }: JRCUserHighlightFieldsProps) => React.JSX.Element;
+export declare const JRCUserHighlightFields: ({ user, highlightFields, userModel }: JRCUserHighlightFieldsProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCUserList/JRCUserList.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { JRCObjectListProps } from '../JRCObjectList/JRCObjectList';
 import { jUserLittle } from 'jamespot-user-api';
 export type JRCUserListProps = JRCObjectListProps<jUserLittle>;
-export declare const JRCUserList: (props: JRCUserListProps) => React.JSX.Element;
+export declare const JRCUserList: (props: JRCUserListProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCUserList/JRCUserList.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCUserListProps } from './JRCUserList';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCUserListProps>;

package/build/src/components/JRCUserPopup/JRCUserPopup.d.ts

@@ -1,5 +1,5 @@
 import { jObjectLittle, JUserApi } from 'jamespot-user-api';
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type JRCUserPopupProps = {
     uri: string;
     fetchBusinessNetworking?: () => Promise<jObjectLittle>;
@@ -9,4 +9,4 @@ export type JRCUserPopupProps = {
     };
     children: ReactNode;
 };
-export declare const JRCUserPopup: ({ children, uri, fetchBusinessNetworking, handlers, onError }: JRCUserPopupProps) => React.JSX.Element;
+export declare const JRCUserPopup: ({ children, uri, fetchBusinessNetworking, handlers, onError }: JRCUserPopupProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCUserPopup/JRCUserPopup.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCUserPopupProps } from './JRCUserPopup';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCUserPopupProps>;

package/build/src/components/JRCUserStatusIcon/JRCUserStatusIcon.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { jUserLittle } from 'jamespot-user-api';
 export type JRCUserStatusIconProps = {
     user: jUserLittle;
     isUserActive?: boolean;
 };
-export declare const JRCUserStatusIcon: ({ user, isUserActive }: JRCUserStatusIconProps) => React.JSX.Element | null;
+export declare const JRCUserStatusIcon: ({ user, isUserActive }: JRCUserStatusIconProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/src/components/JRCUsers/JRCUsers.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { AudienceAutocomplete, JUserApi } from 'jamespot-user-api';
 export type JRCUsersProps = {
     handlers: {
@@ -8,4 +7,4 @@ export type JRCUsersProps = {
     initialUsers: AudienceAutocomplete[];
     onSelectUser?: (users: AudienceAutocomplete[]) => void;
 };
-export declare const JRCUsers: ({ handlers, onError, initialUsers, onSelectUser }: JRCUsersProps) => React.JSX.Element;
+export declare const JRCUsers: ({ handlers, onError, initialUsers, onSelectUser }: JRCUsersProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCUsers/JRCUsers.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { JRCUsers } from './JRCUsers';
+declare const _default: Meta;
+export default _default;
+type Story = StoryObj<typeof JRCUsers>;
+export declare const Default: Story;

package/build/src/components/Pages/JRCPageNotLogged.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, PropsWithChildren } from 'react';
 type Platform = {
     name: string;
     logo: string | null;
@@ -7,5 +7,5 @@ export type JRCPageNotLoggedProps = {
     platform?: Platform;
     backgroundColor?: string;
 };
-export declare const JRCPageNotLogged: FC<JRCPageNotLoggedProps>;
+export declare const JRCPageNotLogged: FC<PropsWithChildren<JRCPageNotLoggedProps>>;
 export {};

package/build/src/components/Stepper/JRCFadeStepper.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 /**
  * @member activeStep active step of the stepper. Starts at 0.
  * @member children iterable of the steps (!!)
  */
 export type JRCFadeStepperProps = {
     activeStep: number;
-    children: React.ReactNode | Iterable<React.ReactNode>;
+    children: ReactNode | Iterable<ReactNode>;
 };
-export declare function JRCFadeStepper(props: JRCFadeStepperProps): React.JSX.Element | null;
+export declare function JRCFadeStepper(props: JRCFadeStepperProps): import("react/jsx-runtime").JSX.Element | null;

package/build/src/components/Stepper/JRCImageStepper.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 /**
  * @member stepNumber step number. Like an array, if there are two items, the stepNumber should be initialized to 2
  * @member activeStep active step of the stepper. Starts at 0.
@@ -11,4 +10,4 @@ export type JRCImageStepperProps = {
     src: string;
     alt: string;
 };
-export declare function JRCImageStepper(props: JRCImageStepperProps): React.JSX.Element;
+export declare function JRCImageStepper(props: JRCImageStepperProps): import("react/jsx-runtime").JSX.Element;