jamespot-react-components 1.3.11 → 1.3.13

package/dist/src/components/Common/BorderRadius.d.ts

@@ -1,2 +1,2 @@
-export declare const BorderRadiusRight: import('styled-components').FlattenSimpleInterpolation;
-export declare const BorderRadiusLeft: import('styled-components').FlattenSimpleInterpolation;
+export declare const BorderRadiusRight: import('styled-components').RuleSet<object>;
+export declare const BorderRadiusLeft: import('styled-components').RuleSet<object>;

package/dist/src/components/Common/DashedFocusBorder.d.ts

@@ -11,5 +11,5 @@ export type DashedFocusBorderNormalProps = {
  * The HTML element this styled is applied to should be selectable
  * @props offset offset of the dashed focus border, default to 2px
  */
-export declare const DashedFocusBorder: (args?: DashedFocusBorderNormalProps) => import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<import('styled-components').DefaultTheme>>;
-export declare const DashedFocusBorderAbsolute: import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<DashedFocusBorderProps, import('styled-components').DefaultTheme>>;
+export declare const DashedFocusBorder: (args?: DashedFocusBorderNormalProps) => import('styled-components').RuleSet<object>;
+export declare const DashedFocusBorderAbsolute: import('styled-components').RuleSet<DashedFocusBorderProps>;

package/dist/src/components/Common/FastCss.d.ts

@@ -5,4 +5,4 @@ export type FastCssProps = {
     padding?: string;
     textAlign?: 'center' | 'left' | 'right';
 };
-export declare const FastCss: import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<FastCssProps, import('styled-components').DefaultTheme>>;
+export declare const FastCss: import('styled-components').RuleSet<FastCssProps>;

package/dist/src/components/Common/JRCDraggingPlaceholder.d.ts

@@ -1,4 +1,4 @@
 /**
  * This is a placeholder for drag'n drop event
  */
-export declare const JRCDraggingPlaceholder: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<import('styled-components').DefaultTheme>>;
+export declare const JRCDraggingPlaceholder: import('styled-components').RuleSet<object>;

package/dist/src/components/Common/LimitLines.d.ts

@@ -1,4 +1,4 @@
 export type LimitLinesProps = {
     lines?: number | undefined;
 };
-export declare const LimitLines: import('styled-components').FlattenInterpolation<import('styled-components').ThemedStyledProps<LimitLinesProps, import('styled-components').DefaultTheme>>;
+export declare const LimitLines: import('styled-components').RuleSet<LimitLinesProps>;

package/dist/src/components/Common/SROnly.d.ts

@@ -1 +1 @@
-export declare const SROnly: import('styled-components').FlattenSimpleInterpolation;
+export declare const SROnly: import('styled-components').RuleSet<object>;

package/dist/src/components/Common/SkipToContent.d.ts

@@ -1 +1 @@
-export declare const SkipToContent: import('styled-components').StyledComponent<"button", import('styled-components').DefaultTheme, {}, never>;
+export declare const SkipToContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/src/components/Drives/MicrosoftGraph/MSGraphGroups.d.ts

@@ -1,5 +1,5 @@
 import { JDriveApi, MSGroupEntity } from 'jamespot-user-api';
-export declare const LoaderWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const LoaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type MSGraphGroupsProps = {
     useFilter: boolean;
     initialFolderColor?: string;

package/dist/src/components/Drives/components/EntityItem.d.ts

@@ -1,6 +1,6 @@
 import { DropboxDocumentEntity, MSUnifiedEntity } from 'jamespot-user-api';
-export declare const CSSEntity: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSEntityAvatar: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const CSSEntity: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSEntityAvatar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const EntityItem: <T extends MSUnifiedEntity | DropboxDocumentEntity>({ entity, initialFolderColor, useNavigation, onSelect, onSelectDocument, onSelectMultiDocument, onClick, }: {
     entity: T;
     initialFolderColor?: string;

package/dist/src/components/Drives/drive.style.d.ts

@@ -1,3 +1,3 @@
-export declare const CSSTree: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSTreeItem: import('styled-components').StyledComponent<"button", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSDriveApp: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const CSSTree: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSTreeItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const CSSDriveApp: 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/Editors/components/Editor.style.d.ts

@@ -1,6 +1,7 @@
-export declare const CSSEditor: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSEditorWidgetProperties: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSEditorWarning: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSEditorComponentWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSEditorComponentLabel: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSEditorComponentDescription: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const CSSEditor: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSEditorWidgetProperties: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSEditorWarning: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSEditorComponentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSEditorComponentLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSEditorComponentDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSEditorComponentSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;

package/dist/src/components/Editors/components/EditorInput.d.ts

@@ -1,10 +1,11 @@
 import { FormControls } from '../../Form/Input/Common/useFormControls';
-export declare const EditorInput: ({ label, placeholder, initialValue, width, rules, onChange, }: {
+export declare const EditorInput: ({ label, placeholder, initialValue, width, rules, description, onChange, }: {
     label: string;
     placeholder?: string;
     initialValue: string | undefined;
     autoFocus?: boolean;
     width?: string;
     rules?: FormControls;
+    description?: string;
     onChange: (text: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Editors/components/EditorInputNumber.d.ts

@@ -0,0 +1,5 @@
+export declare const EditorInputNumber: ({ label, initialValue, onChange, }: {
+    label: string;
+    initialValue?: number;
+    onChange: (value: number) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Editors/components/EditorPositionToggle.d.ts

@@ -1,7 +1,7 @@
 import { Position } from '../../Widgets/const';
 import { ButtonColors } from '../../JRCButton/types';
-export type Sizes = 's' | 'm' | 'l';
-export declare const EditorPositionToggle: ({ label, initialValue, width, onChange, color, size, }: {
+import { Sizes } from '../../Form/Input/JRCInputCSSPosition/const';
+export declare const EditorPositionToggle: ({ label, initialValue, onChange, color, size, }: {
     label?: string;
     initialValue?: Position;
     width?: string;

package/dist/src/components/Form/Input/Common/JRCFormFieldRenderer.d.ts

@@ -1,6 +1,5 @@
-import { JRCFormFieldRendererProps } from './JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form';
-export declare const StyledDescription: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
-    size: string;
-} & import('../../../..').JRCTextProps, "size">;
+import { JRCTextProps } from '../../../JRCTypo/JRCTypo';
+import { JRCFormFieldRendererProps } from './JRCFormFieldRenderer.types';
+export declare const StyledDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, JRCTextProps>> & string;
 export declare function JRCFormFieldRenderer<TFieldValues extends FieldValues = FieldValues>(props: JRCFormFieldRendererProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Form/Input/Common/JRCFormFieldRenderer.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { ControllerRenderProps, FieldValues, Path, PathValue, RegisterOptions, UseControllerProps } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCTooltipProps } from '../../../JRCTooltip/types';
@@ -29,7 +29,7 @@ export type NameControl<T extends FieldValues = FieldValues> = Required<Pick<Use
  * Renderer Props
  */
 interface RendererProps<T extends FieldValues = FieldValues> {
-    renderFunction: (props: ControllerRenderProps<T>) => JSX.Element;
+    renderFunction: (props: ControllerRenderProps<T>) => ReactElement;
 }
 /**
  * Prop types of any input wrapper with react-hook-form

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

@@ -0,0 +1,13 @@
+import { Position, Sizes } from './const';
+import { ButtonColors } from '../../../JRCButton/types';
+import { FieldPath, Control, FieldValues } from 'react-hook-form';
+export declare const JRCInputCSSPosition: <T extends FieldValues>({ label, initialValue, width, onChange, color, size, control, name, }: {
+    label?: string;
+    initialValue?: Position;
+    width?: string;
+    onChange: (value: Position) => void;
+    color?: ButtonColors;
+    size?: Sizes;
+    name: FieldPath<T>;
+    control: Control<T>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Form/Input/JRCInputCSSPosition/JRCInputCSSPositionRaw.d.ts

@@ -0,0 +1,10 @@
+import { ButtonColors } from '../../../JRCButton/types';
+import { Position, Sizes } from './const';
+export declare const JRCInputCSSPositionRaw: ({ value, onChange, color, size, }: {
+    label?: string;
+    value?: Position;
+    width?: string;
+    onChange: (value: Position) => void;
+    color?: ButtonColors;
+    size?: Sizes;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Form/Input/JRCInputCSSPosition/const.d.ts

@@ -0,0 +1,17 @@
+export declare enum Position {
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    TopRight = "top-right",
+    CenterLeft = "center-left",
+    Center = "center",
+    CenterRight = "center-right",
+    BottomLeft = "bottom-left",
+    BottomCenter = "bottom-center",
+    BottomRight = "bottom-right"
+}
+export declare const PositionOptions: {
+    label: string;
+    value: Position;
+    iconName: string;
+}[];
+export type Sizes = 's' | 'm' | 'l';

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

@@ -1,11 +1,11 @@
-import { ForwardedRef, ReactNode } from 'react';
+import { ForwardedRef, ReactElement, ReactNode } from 'react';
 import { ControllerRenderProps, FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { PartialBy } from '../../../../types/utils';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-export declare const ReadOnlyBorder: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const ReadOnlyBorder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type CheckboxOption<TFieldValues> = {
-    label: string | JSX.Element;
+    label: string | ReactElement;
     value: string | number | TFieldValues;
     disabled?: boolean;
     recommended?: boolean;
@@ -35,9 +35,9 @@ type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = Check
     value: TFieldValues | TFieldValues[];
     htmlFor?: string;
 };
-export declare const ReadOnlyUl: import('styled-components').StyledComponent<"ul", import('styled-components').DefaultTheme, {}, never>;
+export declare const ReadOnlyUl: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 export declare const JRCInputCheckboxRaw: <T extends FieldValues = FieldValues>(props: NativeCheckboxProps<T> & {
     margin?: string;
-}) => JSX.Element;
+}) => ReactElement;
 export declare function JRCInputCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, direction, labelPosition, checkboxMode, backgroundOnHover, backgroundOnSelect, SortByChecked, valueTypeIsBoolean, ...props }: JRCInputCheckboxProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,9 @@
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { ReactElement } from 'react';
 import { ControllerRenderProps, FieldValues } from 'react-hook-form';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export type CheckboxValue<T extends FieldValues = FieldValues> = string | number | T;
 export type CheckboxOption<TFieldValues extends FieldValues = FieldValues> = {
-    label: string | JSX.Element;
+    label: string | ReactElement;
     value: CheckboxValue<TFieldValues>;
     disabled?: boolean;
     description?: string;

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

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 type CheckboxOption<TFieldValues> = {
-    label: string | JSX.Element;
+    label: string | ReactElement;
     value: string | number | TFieldValues;
 };
 type CheckboxProps<TFieldValues> = DataCy & {

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

@@ -1,4 +1,4 @@
-import { ForwardedRef } from 'react';
+import { ForwardedRef, ReactElement } from 'react';
 import { ControllerRenderProps, FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { ButtonColors } from '../../../JRCButton/types';
@@ -7,7 +7,7 @@ import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export type Sizes = 's' | 'm' | 'l';
 export type ToggleValue = string | number | boolean;
 export type ToggleListOption = {
-    label: string | JSX.Element;
+    label: string | ReactElement;
     value: ToggleValue;
     color?: ButtonColors;
 };
@@ -23,7 +23,7 @@ export type ToggleRawProps<TFieldValues extends FieldValues = FieldValues> = Tog
     value: ToggleValue;
     tooltip?: Omit<JRCTooltipProps, 'children'>;
 };
-export declare const JRCInputToggleRaw: <T extends FieldValues = FieldValues>(props: ToggleRawProps<T>) => JSX.Element;
+export declare const JRCInputToggleRaw: <T extends FieldValues = FieldValues>(props: ToggleRawProps<T>) => ReactElement;
 type JRCInputToggleProps<TFieldValues extends FieldValues = FieldValues> = Omit<ToggleRawProps<TFieldValues>, 'value' | 'onChange'> & JRCInputFieldProps<TFieldValues>;
 export declare function JRCInputToggle<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputToggleProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,10 +8,10 @@ type CheckboxLabelProps = {
     $backgroundOnSelect?: boolean;
     $margin?: string;
 };
-export declare const FocusBackground: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+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";
-}, never>;
-export declare const CheckboxLabel: import('styled-components').StyledComponent<"label", import('styled-components').DefaultTheme, CheckboxLabelProps, never>;
+}>> & 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"> & {
     checkboxMode?: string;
 } & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,6 @@
-export declare const CSSColorPicker: import('styled-components').StyledComponent<"button", import('styled-components').DefaultTheme, {
+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>, {
     disabled?: boolean;
-}, never>;
-export declare const CSSColorPickerIcon: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSColorPickerLabel: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const CSSColorPickerExpand: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+}>> & string;
+export declare const CSSColorPickerIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSColorPickerLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CSSColorPickerExpand: 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/Form/Input/JRCInputColor/JRCInputColorRawProps.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 export type ColorPaletteType = {
     name?: string;
     colors: string[];
@@ -7,7 +8,7 @@ type JRCColorPickerPaletteType = {
     colors: string[];
 };
 export type JRCInputColorRawProps = {
-    label?: string | JSX.Element;
+    label?: string | ReactElement;
     description?: string;
     initialValue?: string;
     name: string;

package/dist/src/components/Form/Input/JRCInputDateTime/DayPickerStyle.d.ts

@@ -1 +1 @@
-export declare const DayPickerStyle: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+export declare const DayPickerStyle: 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/Form/Input/JRCInputFileAdvanced/File.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const FileWrapper: import('styled-components').StyledComponent<"label", import('styled-components').DefaultTheme, {
+export declare const FileWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
     isLoading: boolean;
-}, never>;
-export declare const FileName: import('styled-components').StyledComponent<"label", import('styled-components').DefaultTheme, {}, never>;
-export declare const FileImage: import('styled-components').StyledComponent<"label", import('styled-components').DefaultTheme, {}, never>;
-export declare const FileRemove: import('styled-components').StyledComponent<"a", import('styled-components').DefaultTheme, {}, never>;
+}>> & string;
+export declare const FileName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const FileImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const FileRemove: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;

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

@@ -1,21 +1,21 @@
 import { DropZoneDimensions } from './types';
-export declare const InputFileWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const Grid: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+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;
-}, never>;
-export declare const DropZone: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+}>> & 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;
-}, never>;
-export declare const ReadOnlyImg: import('styled-components').StyledComponent<"img", import('styled-components').DefaultTheme, {}, never>;
-export declare const DropZoneButton: import('styled-components').StyledComponent<"button", import('styled-components').DefaultTheme, {
+}>> & 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>, {
     $aspectRatio?: number | undefined;
     $dzDimensions?: DropZoneDimensions;
-}, never>;
-export declare const DropZoneImage: import('styled-components').StyledComponent<"img", import('styled-components').DefaultTheme, {}, never>;
-export declare const ImageButton: import('styled-components').StyledComponent<"button", import('styled-components').DefaultTheme, {
+}>> & 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;
-}, never>;
-export declare const Img: import('styled-components').StyledComponent<"img", import('styled-components').DefaultTheme, {}, never>;
+}>> & 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

@@ -1,7 +1,7 @@
 import { FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export type JRCInputTextProps = DataCy & ComponentPropsWithoutRef<'input'> & {
     width?: string;
     autocomplete?: 'on' | 'off';
@@ -23,6 +23,7 @@ export declare function JRCInputText<T extends FieldValues = FieldValues>(props:
     disabled?: boolean;
     autoComplete?: 'on' | 'off';
     inputmode?: 'text' | 'numeric';
+    description?: string | ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare const RenderNumberInput: import('react').ForwardRefExoticComponent<DataCy & Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     width?: string;

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

@@ -1,5 +1,5 @@
-export declare const IconBefore: import('styled-components').StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: import('../../../..').JRCIconProps) => import("react/jsx-runtime").JSX.Element, import('styled-components').DefaultTheme, {}, never>;
-export declare const IconAfter: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & import('../../../../types/dataAttributes').DataCy & {
+export declare const IconBefore: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../..').JRCIconProps, never>> & string & Omit<({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: import('../../../..').JRCIconProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const IconAfter: 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;
     size?: "small" | "medium";
     onClick?: (event?: import('react').MouseEvent<HTMLButtonElement>) => void;
@@ -21,17 +21,39 @@ export declare const IconAfter: import('styled-components').StyledComponent<impo
     badgeInline?: boolean;
     href?: string;
     srOnly?: string;
-} & import('react').RefAttributes<HTMLButtonElement>>, import('styled-components').DefaultTheme, {}, never>;
-export declare const InputIconButton: import('styled-components').StyledComponent<"input", import('styled-components').DefaultTheme, import('../../../../types/dataAttributes').DataCy & {
+} & import('react').RefAttributes<HTMLButtonElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & import('../../../../types/dataAttributes').DataCy & {
+    icon: string;
+    size?: "small" | "medium";
+    onClick?: (event?: import('react').MouseEvent<HTMLButtonElement>) => void;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    type?: "submit" | "reset" | "button";
+    bgBaseGrey?: 0 | 1 | 2;
+    color?: import('../../../..').Colors | import('../../../..').Shades | "inherit";
+    tooltip?: Omit<import('../../../..').JRCTooltipProps, "children">;
+    variant?: "circle" | "square";
+    hasLicense?: boolean;
+    bg?: import('../../../..').Colors | import('../../../..').Shades;
+    bgHover?: import('../../../..').Colors | import('../../../..').Shades;
+    borderColor?: import('../../../..').Colors | import('../../../..').Shades;
+    iconSize?: number;
+    badgeNumber?: number;
+    colorVariant?: string;
+    badgeInline?: boolean;
+    href?: string;
+    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<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../../../../types/dataAttributes').DataCy & {
     error?: boolean;
     valid?: boolean;
     readOnly?: boolean;
-} & {
+}>, never>, {
     hasIconButtonAfter: boolean;
-}, never>;
-export declare const InputTextStyled: import('styled-components').StyledComponent<"input", import('styled-components').DefaultTheme, import('../../../../types/dataAttributes').DataCy & {
+}>> & string;
+export declare const InputTextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../../../../types/dataAttributes').DataCy & {
     error?: boolean;
     valid?: boolean;
     readOnly?: boolean;
-}, never>;
-export declare const ContainerInputTextIconButton: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
+}>, never>, never>> & string;
+export declare const ContainerInputTextIconButton: 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/Form/Input/JRCInputTextRaw/JRCInputTextRaw.style.d.ts

@@ -1,15 +1,33 @@
-export declare const StyledFieldWrapper: import('styled-components').StyledComponent<"fieldset", import('styled-components').DefaultTheme, {
+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;
-}, never>;
-export declare const Required: import('styled-components').StyledComponent<({ variant, ...props }: import('../../../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, import('styled-components').DefaultTheme, {
-    size: "s";
-} & {
+}>> & 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;
+    className?: string;
+    weight?: keyof import('../../../../styles/theme').FontWeight;
+    size?: import('../../../JRCTypography/JRCTypography.d').TSizes;
+    color?: import('../../../..').ColorsOrShades;
+    children: string | import('react').ReactNode;
+    variant?: import('../../../JRCTypography/JRCTypography.d').TVariants;
+    align?: "center" | "left" | "right";
+    hoverColor?: import('../../../..').ColorsOrShades;
+}, import('../../../Common/FastCss').FastCssProps & {
+    id?: string;
+    className?: string;
+    weight?: keyof import('../../../../styles/theme').FontWeight;
+    size?: import('../../../JRCTypography/JRCTypography.d').TSizes;
+    color?: import('../../../..').ColorsOrShades;
+    children: string | import('react').ReactNode;
+    variant?: import('../../../JRCTypography/JRCTypography.d').TVariants;
+    align?: "center" | "left" | "right";
+    hoverColor?: import('../../../..').ColorsOrShades;
+}>, never>, {
     error: boolean;
-}, "size">;
-export declare const LabelWrapper: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {}, never>;
-export declare const InputTextRawStyled: import('styled-components').StyledComponent<"input", import('styled-components').DefaultTheme, import('../../../../types/dataAttributes').DataCy & {
+}>> & string & Omit<({ variant, ...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<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../../../../types/dataAttributes').DataCy & {
     error?: boolean;
     valid?: boolean;
     readOnly?: boolean;
-}, never>;
+}>, never>, never>> & string;

package/dist/src/components/Form/Input/JRCInputTextarea/JRCInputTextareaRaw.d.ts

@@ -1,8 +1,6 @@
 import { DataCy } from '../../../../types/dataAttributes';
-export declare const JRCInputTextareaRaw: import('styled-components').StyledComponent<"textarea", import('styled-components').DefaultTheme, {
+export declare const JRCInputTextareaRaw: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, DataCy & {
     height?: string;
-} & DataCy & {
-    error?: boolean;
-    valid?: boolean;
-    readOnly?: boolean;
-}, "height">;
+}>> & string & {
+    height?: string;
+};

package/dist/src/components/Form/Input/JRCInputTinyMCERaw/editorSetup.d.ts

@@ -10,3 +10,4 @@ export declare const handleAutocomplete: (editor: Editor, mentionsQueries: {
     tags: MentionQuery;
     contents: MentionQuery;
 }) => void;
+export declare const forwardEvents: (editor: Editor) => void;

package/dist/src/components/Form/Input/JRCSelect/JRCAutocompleteCommunity.d.ts

@@ -1,8 +1,7 @@
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form';
-import { ForwardedRef } from 'react';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export type JRCAutocompleteCommunityProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & {
     multiple?: boolean;
     searchable?: boolean;
 };
-export declare function JRCInputCommunity<T extends FieldValues = FieldValues>(props: JRCAutocompleteCommunityProps<T>, _ref: ForwardedRef<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
+export declare function JRCInputCommunity<T extends FieldValues = FieldValues>(props: JRCAutocompleteCommunityProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Form/Input/JRCSelect/JRCAutocompleteCommunity.stories.d.ts

@@ -2,12 +2,12 @@ import { Meta } from '@storybook/react-webpack5';
 import { JRCAutocompleteCommunityProps } from './JRCAutocompleteCommunity';
 declare const _default: Meta;
 export default _default;
-type Community = {
+type CommunityType = {
     uri: string;
     title: string;
 };
 type FormData = {
-    selectSimple: Community;
-    selectMultiple: Array<Community>;
+    selectSimple: CommunityType;
+    selectMultiple: Array<CommunityType>;
 };
 export declare const Community: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-webpack5').ReactRenderer, JRCAutocompleteCommunityProps<FormData>>;