jamespot-react-components 1.3.99 → 1.3.101

package/dist/src/components/Form/Input/JRCInputCheckbox/components/CheckboxOrToggle.d.ts

@@ -9,7 +9,7 @@ type CheckboxLabelProps = {
     $margin?: string;
 };
 export declare const FocusBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    variant?: "default" | "outlined";
+    $variant?: "default" | "outlined";
 }>> & string;
 export declare const CheckboxLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, CheckboxLabelProps>> & string;
 export declare const CheckboxOrToggle: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {

package/dist/src/components/Form/Input/JRCInputColor/JRCInputColor.styles.d.ts

@@ -1,10 +1,10 @@
 export declare const CSSColorPicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & {

package/dist/src/components/Form/Input/JRCInputImage/JRCInputImage.styles.d.ts

@@ -1,13 +1,13 @@
 import { DropZoneDimensions } from './types';
 export declare const InputFileWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Grid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    position?: "right" | "bottom";
-    columnCount: number;
+    $position?: "right" | "bottom";
+    $columnCount: number;
 }>> & string;
 export declare const DropZone: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    position?: "right" | "bottom";
-    columnCount: number;
-    dzDimensions?: DropZoneDimensions;
+    $position?: "right" | "bottom";
+    $columnCount: number;
+    $dzDimensions?: DropZoneDimensions;
 }>> & string;
 export declare const ReadOnlyImg: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const DropZoneButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
@@ -16,6 +16,6 @@ export declare const DropZoneButton: import('styled-components/dist/types').ISty
 }>> & string;
 export declare const DropZoneImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const ImageButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    aspectRatio?: number;
+    $aspectRatio?: number;
 }>> & string;
 export declare const Img: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;

package/dist/src/components/Form/Input/JRCInputText/JRCInputText.d.ts

@@ -20,7 +20,7 @@ export declare const RenderInput: import('react').ForwardRefExoticComponent<Data
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputText<T extends FieldValues = FieldValues>({ htmlFor, label, description, helper, rules, ...props }: JRCInputFieldProps<T> & {
+export declare function JRCInputText<T extends FieldValues = FieldValues>({ htmlFor, label, description, helper, rules, srOnly, labelIsLegend, ...props }: JRCInputFieldProps<T> & {
     width?: string;
     disabled?: boolean;
     autoComplete?: 'on' | 'off';

package/dist/src/components/Form/Input/JRCInputText/JRCInputText.style.d.ts

@@ -45,42 +45,42 @@ export declare const IconAfter: import('styled-components/dist/types').IStyledCo
     srOnly?: string;
 } & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const InputIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, {
-    hasIconButtonAfter: boolean;
+    $hasIconButtonAfter: boolean;
 }>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const InputTextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>, keyof import('react').Component<any, {}, any>>;

package/dist/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.d.ts

@@ -15,5 +15,5 @@ type JRCInputTextRawProps = ComponentPropsWithoutRef<'input'> & {
     errors?: FieldError;
     customRef?: Ref<HTMLInputElement>;
 };
-export declare function JRCInputTextRaw(props: JRCInputTextRawProps): import("react/jsx-runtime").JSX.Element;
+export declare function JRCInputTextRaw({ margin, width, isRequired, label, htmlFor, labelIsLegend, description, helper, errors, customRef, className, ...inputProps }: JRCInputTextRawProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.style.d.ts

@@ -1,6 +1,6 @@
 export declare const StyledFieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {
-    margin?: string;
-    width?: string;
+    $margin?: string;
+    $width?: string;
 }>> & string;
 export declare const Required: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('../../../Common/FastCss').FastCssProps & {
     id?: string;
@@ -29,25 +29,25 @@ export declare const Required: import('styled-components/dist/types').IStyledCom
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
 }>, never>, {
-    error: boolean;
-}>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../../../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+    $error: boolean;
+}>> & string & Omit<({ variant, ellipsis, size, weight, color, align, textAlign, hoverColor, maxWidth, whiteSpace, ...props }: import('../../../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const LabelWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const InputTextRawStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>, keyof import('react').Component<any, {}, any>>;

package/dist/src/components/Form/Input/JRCSelect/JRCInputSelect.style.d.ts

@@ -13,8 +13,8 @@ export declare const RelativeClickAwayListener: import('styled-components/dist/t
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const OptionWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    isSelected?: boolean;
-    isFocused?: boolean;
+    $isSelected?: boolean;
+    $isFocused?: boolean;
 }>> & string;
 export declare const NoOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const OptionGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -35,7 +35,7 @@ export declare const InputSelectCheckboxWrapper: import('styled-components/dist/
 export declare const CheckboxLabelButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const InputSelectSearch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const OptionSelectCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    isSelected: boolean;
+    $isSelected: boolean;
 }>> & string;
 export declare const ModalContentInputSelectList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ModalContentInputSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -43,9 +43,9 @@ export declare const FlexBoxTreeDescription: import('styled-components/dist/type
 export declare const NoResult: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WrapperList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ModalContentList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NoOptionList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "inline" | "flex" | "position" | "x" | "y" | "padding" | "margin" | "textAlign" | "data-testid" | "direction" | "gap" | "childFull"> & Omit<import('../../../Common/FastCss').FastCssProps, "display"> & {
+export declare const NoOptionList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "flex" | "position" | "x" | "y" | "padding" | "margin" | "textAlign" | "data-testid" | "direction" | "$inline" | "gap" | "childFull"> & Omit<import('../../../Common/FastCss').FastCssProps, "display"> & {
     direction?: import('../../../JRCFlex/JRCFlexBox').FlexDirection;
-    inline?: boolean;
+    $inline?: boolean;
     flex?: boolean | string;
     gap?: number;
     x?: "flex-start" | "center" | "flex-end" | "space-around" | "space-between" | "space-evenly";

package/dist/src/components/Form/Input/JRCStyledInput.d.ts

@@ -6,8 +6,8 @@ import { InputHTMLAttributes } from 'react';
  * @member valid, the input is valid regarding the validate hook
  */
 type InputState = DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 };
 /**
@@ -15,34 +15,34 @@ type InputState = DataCy & {
  * and the not-reset legacy style set with input[type="toto"]
  */
 type IconsProps = {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 };
 export type CommonStyledInputProps = InputState & IconsProps & {
     $inputMargin?: string | undefined;
 };
 export declare const cssStyledInput: import('styled-components').RuleSet<CommonStyledInputProps>;
 export declare const StyledInput: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "css"> & DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & IconsProps & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>;
 type StyledSelectProps = DataCy & IconsProps & {
-    searchable?: boolean;
-    sizeVariant?: 's' | 'md';
-    noMargin?: boolean;
+    $searchable?: boolean;
+    $sizeVariant?: 's' | 'md';
+    $noMargin?: boolean;
 };
 export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<InputHTMLAttributes<HTMLInputElement>, "css"> & DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & IconsProps & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, StyledSelectProps>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "css"> & DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & IconsProps & {
     $inputMargin?: string | undefined;

package/dist/src/components/JRCAppLeftColumn/JRCAppLeftColumn.styles.d.ts

@@ -1,23 +1,23 @@
 export declare const JRCAppLeftColumnWrapperTop: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ColumnRelativeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
 export declare const ColumnRelativeSticky: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
-    isClosed: boolean;
+    $isMinimized: boolean;
+    $isClosed: boolean;
 }>> & string;
 export declare const ColumnRelativeTransition: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
 export declare const ColumnAppDefault: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
-    isClosed: boolean;
+    $isMinimized: boolean;
+    $isClosed: boolean;
 }>> & string;
 export declare const ColumnAppMinimize: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MenuWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
-export declare const ItemsIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "isActive"> & import('../JRCTabs/JRCTabs').ItemProps, never>> & string;
+export declare const ItemsIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$isActive"> & import('../JRCTabs/JRCTabs').ItemProps, never>> & string;
 export declare const TitleMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import('react').HTMLAttributes<HTMLHeadingElement>> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>> & string;
 export declare const JRCIconButtonAppLeftColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & import('../../types/dataAttributes').DataCy & {
     icon: string;
@@ -65,10 +65,10 @@ export declare const JRCIconButtonAppLeftColumn: import('styled-components/dist/
     srOnly?: string;
 } & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const AppLeftColumnIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
 export declare const AbsoluteContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AbsoluteContainerMinimized: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
 export declare const SectionMinimizesWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/JRCAvatar/JRCAvatar.d.ts

@@ -1,3 +1,4 @@
+import { JRCIconProps } from '../JRCIcon/JRCIcon';
 import { JRCImgProps } from '../JRCImg/JRCImg';
 /**
  * Props type for JRCAvatar
@@ -10,18 +11,23 @@ import { JRCImgProps } from '../JRCImg/JRCImg';
  *         in retina like screens. default: xs
  * @property variant, optional 'circle' | 'square' - default: circle
  * @property focusable - whether the element is focusable. Independent of onClick property
- * @property subAvatar - represent a miniature avatar on the bottom right corner
+ * @property subAvatar - icon rendered in the bottom-right corner. Accepts a subset of `JRCIconProps`.
+ *                       Example: `{ name: 'lock', label: 'Private conversation' }`.
+ *                       a11y is provided by `JRCIcon.label` (renders an `<SROnly>` next to the `<i aria-hidden>`).
  * @property className - className passed to the div wrapper
  * @property cssColor - background-color
  * @property iconWhite - Toggle default icon color white/black
  * @property from - image base url (imagestatic | imagecache)
  */
+export type JRCAvatarSubProps = Pick<JRCIconProps, 'name' | 'iconColor' | 'color' | 'label'> & {
+    variant?: 'circle' | 'square';
+};
 export type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'height' | 'alt'> & {
     uri?: string;
     size?: number;
     variant?: 'circle' | 'square' | 'full';
     focusable?: boolean;
-    subAvatar?: Omit<JRCImgProps, 'size' | 'width' | 'height'>;
+    subAvatar?: JRCAvatarSubProps;
     className?: string;
     cssColor?: string;
     iconWhite?: boolean;

package/dist/src/components/JRCAvatar/JRCAvatar.stories.d.ts

@@ -3,3 +3,8 @@ import { Meta } from '@storybook/react-vite';
 declare const _default: Meta;
 export default _default;
 export declare const Primary: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const WithSubIconCircle: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const WithSubIconSquare: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const WithSubIconLabeled: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const SquareWithSubIconCircle: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;
+export declare const SquareWithSubIconSquare: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCAvatarProps>;

package/dist/src/components/JRCButton/types.d.ts

@@ -56,4 +56,8 @@ export type StyledButtonProps = {
     $noMargin?: ButtonProps['noMargin'];
     $borderRadius?: ButtonProps['borderRadius'];
     $borderRadiusMode?: ButtonProps['borderRadiusMode'];
-} & Omit<ButtonProps, 'noMargin' | 'borderRadius' | 'borderRadiusMode'> & OutlineProps;
+    $iconRight?: ButtonProps['iconRight'];
+    $loader?: ButtonProps['loader'];
+    $float?: ButtonProps['float'];
+    $minWidth?: ButtonProps['minWidth'];
+} & Omit<ButtonProps, 'noMargin' | 'borderRadius' | 'borderRadiusMode' | 'iconRight' | 'loader' | 'float' | 'minWidth'> & OutlineProps;

package/dist/src/components/JRCCalendar/JRCCalendar.d.ts

@@ -1,3 +1,3 @@
 import { JRCCalendarProps } from './types';
 export type CalendarEventPlaceHolder = 'no-event-today' | 'no-next-event';
-export declare const JRCCalendar: ({ events, loading, views, defaultView, fluid, mode, fullScreen, deportedToolbar, withPadding, eventModalExtraComponent, onChangeView, onChangeDates, onError, onSuccess, onDeleteEvent, onClickUpdateEvent, onClickTransformEvent, onUpdateStatus, isUpdateStatusLoading, onSelect, disableSelect, bbbMinutesBeforeJoining }: JRCCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCCalendar: ({ events, loading, views, defaultView, fluid, mode, fullScreen, deportedToolbar, withPadding, eventModalExtraComponent, onChangeView, onChangeDates, onError, onSuccess, onDeleteEvent, onClickUpdateEvent, onClickTransformEvent, onUpdateStatus, isUpdateStatusLoading, onSelect, disableSelect, bbbMinutesBeforeJoining, }: JRCCalendarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCCommentsBloc/JRCComment.d.ts

@@ -28,7 +28,7 @@ type JRCCommentProps = {
         canSelectResponse: boolean;
     };
     articleId: number;
-    onReport: (commentUri: string) => void;
+    socialActionsSlot?: ReactNode;
 };
-export declare const JRCComment: ({ isFocused, comment, token, tinyMCEConfig, onCommentUpdate, onCommentDelete, onError, highlightFields, userModel, userAccountStatus, isWidgetActive, onGetHashError, deleteFile, existingWidgetsWrapperComponent, activeDrives, socialQuestion, articleId, onReport, }: JRCCommentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCComment: ({ isFocused, comment, token, tinyMCEConfig, onCommentUpdate, onCommentDelete, onError, highlightFields, userModel, userAccountStatus, isWidgetActive, onGetHashError, deleteFile, existingWidgetsWrapperComponent, activeDrives, socialQuestion, articleId, socialActionsSlot, }: JRCCommentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/JRCCommentsBloc/JRCCommentsBloc.d.ts

@@ -37,6 +37,6 @@ export type JRCCommentsBlocProps = {
     };
     articleId: number;
     additionalExtensions: Array<TinyMCEExtension>;
-    onReport: (commentUri: string) => void;
+    renderSocialActions?: (comment: CommentWithExtensions<jCommentList, ['actions', 'quarantine']>) => ReactNode;
 };
-export declare const JRCCommentsBloc: ({ comments, initialCommentsNumber, currentUser, tinyMCEConfig, onComment, canCreateWidget, isWidgetActive, widgetListComponent, newWidgetsWrapperComponent, existingWidgetsWrapperComponent, loading, token, onCommentDelete, onCommentUpdate, onError, highlightFields, userModel, userAccountStatus, onGetHashError, activeDrives, variant, canComment, socialQuestion, articleId, additionalExtensions, onReport, }: JRCCommentsBlocProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCCommentsBloc: ({ comments, initialCommentsNumber, currentUser, tinyMCEConfig, onComment, canCreateWidget, isWidgetActive, widgetListComponent, newWidgetsWrapperComponent, existingWidgetsWrapperComponent, loading, token, onCommentDelete, onCommentUpdate, onError, highlightFields, userModel, userAccountStatus, onGetHashError, activeDrives, variant, canComment, socialQuestion, articleId, additionalExtensions, renderSocialActions, }: JRCCommentsBlocProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCDisplayCard/JRCDisplayCard.d.ts

@@ -13,4 +13,4 @@ export type JRCDisplayCardProps = {
     href?: string;
     onClick?: () => void;
 };
-export declare const JRCDisplayCard: ({ children, href, onClick, ...props }: JRCDisplayCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCDisplayCard: ({ children, href, onClick, loading, skeleton, width, height, aspectRatio, }: JRCDisplayCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCDisplayCard/JRCDisplayCard.stories.d.ts

@@ -1,7 +1,7 @@
 import { JRCDisplayCardProps } from './JRCDisplayCard';
 declare const _default: {
     title: string;
-    component: ({ children, href, onClick, ...props }: JRCDisplayCardProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, href, onClick, loading, skeleton, width, height, aspectRatio, }: JRCDisplayCardProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
 export declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCDisplayCardProps>;

package/dist/src/components/JRCDragNDrop/OneLevelStyles.d.ts

@@ -22,7 +22,7 @@ export declare const OneLevelMainTitle: import('styled-components/dist/types').I
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
-}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, textAlign, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const OneLevelMainContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 /**
  * Stack (RIGHT) - source items
@@ -41,7 +41,7 @@ export declare const OneLevelStackTitle: import('styled-components/dist/types').
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
-}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, textAlign, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const OneLevelStackContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 /**
  * Empty state - Shows drop zone when no items present

package/dist/src/components/JRCDragNDrop/styles.d.ts

@@ -18,7 +18,7 @@ export declare const SectionsTitle: import('styled-components/dist/types').IStyl
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
-}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, textAlign, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const SectionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const SectionsList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const SectionWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -106,7 +106,7 @@ export declare const OneLevelTitle: import('styled-components/dist/types').IStyl
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
-}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+}, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, textAlign, hoverColor, maxWidth, whiteSpace, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const OneLevelContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const OneLevelList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const OneLevelItemWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/JRCFlex/JRCFlexBox.d.ts

@@ -2,7 +2,7 @@ import { FastCssProps } from '../Common/FastCss';
 export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     direction?: FlexDirection;
-    inline?: boolean;
+    $inline?: boolean;
     flex?: boolean | string;
     gap?: number;
     x?: 'flex-start' | 'center' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly';

package/dist/src/components/JRCGifSelector/JRCGifSelector.d.ts

@@ -10,5 +10,5 @@ type JRCGifSelectorProps = {
     onReachEnd: () => void;
     gifProvider?: 'giphy' | 'heypster';
 };
-export declare const JRCGifSelector: ({ gifs, onSearch, loading, onSelectGif, onReachEnd, gifProvider }: JRCGifSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCGifSelector: ({ gifs, onSearch, loading, onSelectGif, onReachEnd, gifProvider, }: JRCGifSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/JRCList/JRCList.styles.d.ts

@@ -5,7 +5,7 @@ export declare const Thead: import('styled-components/dist/types').IStyledCompon
 export declare const TBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
 export declare const Th: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
     $width?: number | string;
-    sortable?: boolean;
+    $sortable?: boolean;
 }>> & string;
 export declare const Tr: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
     $isHead?: boolean;

package/dist/src/components/JRCModal/JRCModal.styles.d.ts

@@ -1,21 +1,21 @@
 import { ModalOverflow, ModalVariant } from './types';
 export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isFullHeight?: boolean;
+    $isFullHeight?: boolean;
     overflow?: ModalOverflow;
-    zIndex?: number;
+    $zIndex?: number;
     overlayBackgroundColor?: string;
 }>> & string;
 export declare const JRCModalContainerFull: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isFullScreen?: boolean;
-    maxHeight?: string;
+    $isFullScreen?: boolean;
+    $maxHeight?: string;
     containerBackgroundColor?: string;
 }>> & string;
 export declare const JRCModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     variant?: ModalVariant;
     overflow?: "hidden" | "visible" | "scroll" | "auto";
     radius?: ModalBorderRadius;
-    maxHeight?: string;
+    $maxHeight?: string;
     maxWidth?: string;
     containerBackgroundColor?: string;
 }>> & string;

package/dist/src/components/JRCRateStars/JRCRateStars.d.ts

@@ -0,0 +1,7 @@
+export type JRCRateStarsProps = {
+    value: number;
+    userValue?: number;
+    readOnly?: boolean;
+    onRate?: (value: number) => void;
+};
+export declare const JRCRateStars: ({ value, userValue, readOnly, onRate }: JRCRateStarsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCRateStars/JRCRateStars.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { JRCRateStars } from './JRCRateStars';
+declare const meta: Meta<typeof JRCRateStars>;
+export default meta;
+type Story = StoryObj<typeof JRCRateStars>;
+export declare const Default: Story;
+export declare const UserVoted: Story;
+export declare const KeyboardNavigation: Story;
+export declare const ReadOnly: Story;

package/dist/src/components/JRCRateStars/JRCRateStars.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const RateStarsRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RateStar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const RateStaticStar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/src/components/JRCSkeleton/JRCSkeletonSquare.d.ts

@@ -6,5 +6,6 @@ export type JRCSkeletonSquareProps = {
     width?: string;
     borderRadius?: string;
     margin?: string;
+    className?: string;
 };
-export declare const JRCSkeletonSquare: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, JRCSkeletonSquareProps>> & string;
+export declare const JRCSkeletonSquare: ({ ratio, width, borderRadius, margin, className }: JRCSkeletonSquareProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { DataCy } from '../../types/dataAttributes';
 import { ReactNode } from 'react';
 export interface ItemProps {
-    isActive: boolean;
+    $isActive: boolean;
 }
 export declare const ItemButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ItemProps>> & string;
 /**

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

@@ -1,2 +1,2 @@
 import { JRCTypographyProps } from './JRCTypography.types';
-export declare const JRCTypography: ({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: JRCTypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCTypography: ({ variant, ellipsis, size, weight, color, align, textAlign, hoverColor, maxWidth, whiteSpace, ...props }: JRCTypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCTypography/JRCTypography.types.d.ts

@@ -3,7 +3,7 @@ import { Colors } from 'jamespot-front-business';
 import { 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 TVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
 type TWeight = keyof FontWeight;
 type TAlignment = 'left' | 'right' | 'center';
 /**