@yoobic/yobi 8.2.0-4 → 8.2.0-42

package/dist/types/components.d.ts

@@ -5,13 +5,13 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AsyncValidator, CalendarDisplayMode, CardType, CardVideoView, ConditionOperator, ConditionType, EntityType, FormCreatorBulkActions, FormCreatorOptions, FormDynamicType, FormFieldCategory, FormFieldType, FormFilterAutocompleteOperator, FormFilterDateOperator, FormFilterNumberOperator, FormFilterTextOperator, FormPermissionsRole, IActionSheet, IActionSheetButton, IAlertButton, IAlertEntry, IAlgorithm, IAppPermissions, IAppSearchTab, IAudienceQuery, IAuthenticationService, IBadge, IBadgeEntry, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionComponent, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, IEntitiesAction, IEntity, IEntityAction, IEntityActionType, IEntitySearchFilters, IEntitySearchRequest, IEntitySearchTags, IEntityWithName, IExternalValidator, IFeed, IFileInterface, IFilters, IFormEntityValuePairsConfig, IFormExtraOptions, IFormField, IFormFieldDescription, IFormFilterValue, IFormIncentiveParticipantsConfig, IFormOpeningHoursValue, IFormProgress, IFormRecurrenceValue, IFormReorderDefinition, IFormSearch, IFormSlideData, IGetAsyncExtraData, IGridAction, IGridCalendarDateRange, IGridCalendarDateSelection, IGridColumn, IGridExtraOptions, IGridSearch, IGridstackItem, IGridState, IHealthscoreEvolution, IHomeWidgetData, IHotzone, IHotzoneValues, IImageRecognitionDisplay, IImageTaggingValue, IImgCloudinaryOptions, IIncentive, IIncentiveParticipant, IIncentiveParticipantScore, IIncentiveSaleBreakdown, IIncentiveTarget, IInputBarAdvancedOptions, IInputBarCaptureSettings, IInputBarSecondarySettings, IItemsPoints, IKanbanColumn, IKpiCardData, ILayoutSectionConfig, ILearningManagerPlan, ILesson, ILessonDetailBadge, ILessonDetailFooter, ILessonDetailHeaderInfo, ILessonDetailsWarning, ILessonStates, ILinkPreview, ILinksMenuItem, ILocation, ILogoItem, IMapMarker, IMapPosition, IMediaDimension, IMemo, IMention, IMentionEvent, IMission, IMissionDescription, IMissionScoring, IModalIcon, IModelDetailComponent, IMultiInputColumn, IMultiInputValue, INumberDisplay, IOverlayEventDetail, IOverlayInterface, IPage, IPhoto, IPhotoAnnotation, IPhotoEditorData, IPlan, IPlanWithStats, IProduct, IProductBatch, IProductSale, IProfileConfig, IProgressOverview, IProperty, IQuestion, IRangeValue, IReorderValue, IRevealValue, ISalesAIRecommandation, IScoring, IScoringEdit, IScoringQuickSetup, IScoringQuickSetupData, IScoringQuickSetupResult, IScorm, IScratchCardValues, IScrollBaseDetail, IScrollDetail, ISectionListItemSortEvent, ISectionListSection, ISectionListSectionItem, ISectionListSectionItemAction, ISectionListSortEvent, ISegmentValues, ISelectionQuery, ISessionService, ISideMenuSubItem, ISlide, ISort, ISortsAndFilters, ISubQuery, ITab, ITabSelectedEvent, ITagElement, ITenant, IToastEntry, ITodo, ITodoTask, ITodoTaskSimple, ITranslation, IUnreadCounts, IUser, IUserRank, IUserWizardEntry, IValidatorEntry, IVioletProductOfferSku, IWaitlistOptions, IWalkthroughEntry, IWorkflow, IWorkflowStep, IWorkflowStepPagePermission, IWorkflowStepState, IXYPoint, ScrollDirections, StitchDirection, TBaseSize, TButtonFill, TButtonRippleType, TButtonShape, TButtonType, TCalendarType, TCalendarView, TChartType, TColor, TContextMenuPlacement, TCrop, TExport, TFlow, TFormShoppingView, TGridCalendarView, TGridCustomDataLoader, TGridDirection, THomeWidgetSort, TIconName, TIconSize, TLanguage, TLineState, TLottieType, TMissionActionIds, TMissionDescriptionLessonType, TMissionDescriptionType, TMissionStatus, TPaletteColor, TProgressBarMetric, TProgressBarShape, TProgressBarXPOS, TProgressBarYPOS, TSharedWith, TSize, TSlideChangeEvent, TToastPosition, TWaitlistVisitState, TWidgetLayout, TWorkflowStepType, Validator } from "@shared/interfaces";
+import { AsyncValidator, CalendarDisplayMode, CardType, CardVideoView, ConditionOperator, ConditionType, EntityType, FormCreatorBulkActions, FormCreatorOptions, FormDynamicType, FormFieldCategory, FormFieldType, FormFilterAutocompleteOperator, FormFilterDateOperator, FormFilterNumberOperator, FormFilterTextOperator, FormPermissionsRole, IActionSheet, IActionSheetButton, IAlertButton, IAlertEntry, IAlgorithm, IAppPermissions, IAppSearchTab, IAudienceQuery, IAuthenticationService, IBadge, IBadgeEntry, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardListEntry, ICardMediaFullscreenParams, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionComponent, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, IEntitiesAction, IEntity, IEntityAction, IEntityActionType, IEntitySearchFilters, IEntitySearchRequest, IEntitySearchTags, IEntityWithName, IExternalValidator, IFeed, IFileInterface, IFilters, IFormChoiceValue, IFormEntityValuePairsConfig, IFormExtraOptions, IFormField, IFormFieldDescription, IFormFilterValue, IFormIncentiveParticipantsConfig, IFormOpeningHoursValue, IFormProgress, IFormRecurrenceValue, IFormReorderDefinition, IFormSearch, IFormSlideData, IGetAsyncExtraData, IGridAction, IGridCalendarDateRange, IGridCalendarDateSelection, IGridColumn, IGridExtraOptions, IGridSearch, IGridstackItem, IGridState, IHealthscoreEvolution, IHomeWidgetData, IHotzone, IHotzoneValues, IImageRecognitionDisplay, IImageTaggingValue, IImgCloudinaryOptions, IIncentive, IIncentiveParticipant, IIncentiveParticipantScore, IIncentiveSaleBreakdown, IIncentiveTarget, IInputBarAdvancedOptions, IInputBarCaptureSettings, IInputBarSecondarySettings, IItemsPoints, IKanbanColumn, IKpiCardData, ILayoutSectionConfig, ILearningManagerPlan, ILesson, ILessonDetailBadge, ILessonDetailFooter, ILessonDetailHeaderInfo, ILessonDetailsWarning, ILessonStates, ILinkPreview, ILinksMenuItem, ILocation, ILogoItem, IMapMarker, IMapPosition, IMediaDimension, IMemo, IMention, IMentionEvent, IMission, IMissionDescription, IMissionScoring, IModalIcon, IModelDetailComponent, IMultiInputColumn, IMultiInputValue, INumberDisplay, IOverlayEventDetail, IOverlayInterface, IPage, IPhoto, IPhotoAnnotation, IPhotoEditorData, IPlan, IPlanWithStats, IProduct, IProductBatch, IProductSale, IProfileConfig, IProgressOverview, IProperty, IQuestion, IRangeValue, IReorderValue, IRevealValue, ISalesAIRecommandation, IScoring, IScoringEdit, IScoringQuickSetup, IScoringQuickSetupData, IScoringQuickSetupResult, IScorm, IScratchCardValues, IScrollBaseDetail, IScrollDetail, ISectionListItemSortEvent, ISectionListSection, ISectionListSectionItem, ISectionListSectionItemAction, ISectionListSortEvent, ISegmentValues, ISelectionQuery, ISessionService, ISideMenuSubItem, ISlide, ISort, ISortsAndFilters, ISubQuery, ITab, ITabSelectedEvent, ITagElement, ITenant, IToastEntry, ITodo, ITodoTask, ITodoTaskSimple, ITranslation, IUnreadCounts, IUser, IUserRank, IUserWizardEntry, IValidatorEntry, IVioletProductOfferSku, IWaitlistOptions, IWalkthroughEntry, IWorkflow, IWorkflowStep, IWorkflowStepPagePermission, IWorkflowStepState, IXYPoint, ScrollDirections, StitchDirection, TAvatarFrame, TBaseSize, TButtonFill, TButtonRippleType, TButtonShape, TButtonType, TCalendarType, TCalendarView, TCardMediaMode, TCardMediaType, TChartType, TColor, TContextMenuPlacement, TCrop, TEntityMapping, TExport, TFlow, TFormShoppingView, TGridCalendarView, TGridCustomDataLoader, TGridDirection, THomeWidgetSort, TIconName, TIconSize, TLanguage, TLineState, TLottieType, TMissionActionIds, TMissionDescriptionLessonType, TMissionDescriptionType, TMissionStatus, TPaletteColor, TProgressBarMetric, TProgressBarShape, TProgressBarXPOS, TProgressBarYPOS, TSharedWith, TSize, TSlideChangeEvent, TToastPosition, TWaitlistVisitState, TWidgetLayout, TWorkflowStepType, Validator } from "@shared/interfaces";
 import { IAccordionEntry } from "./components/2.molecules/accordion/types";
 import { CellValueChangedEvent, GridApi, GridOptions, RowNode } from "@ag-grid-enterprise/all-modules";
-import { FormCreatorBlockModes, FormDisplayType, FormStarType, ICardChatEntry, ICardListEntry, ICardMediaFullscreenParams, IFormBarcodeOcrRegex, IFormCaptureDetailViewOptions, IFormChecklistValue, IFormCreatorBlock, IFormCreatorItemList, IFormDateRangeValue, IFormUIValidation, IHTMLYooIonOverlayElement, IKpiTypes, IMapEntry, IMapFilterGroup, IMapMarkerColor, IMediaFullscreenParams, IModalAnimationProp, IScoreChangedDetail, ITag, IWorkflowFieldState, TAvatarFrame, TCardMediaMode, TCardMediaType, THealthscoreDisplayMode, TSpacing } from "./interfaces";
+import { FormCreatorBlockModes, FormDisplayType, FormStarType, ICardChatEntry, IFormBarcodeOcrRegex, IFormCaptureDetailViewOptions, IFormChecklistValue, IFormCreatorBlock, IFormCreatorItemList, IFormDateRangeValue, IFormUIValidation, IHTMLYooIonOverlayElement, IKpiTypes, IMapEntry, IMapFilterGroup, IMapMarkerColor, IMediaFullscreenParams, IModalAnimationProp, IScoreChangedDetail, ITag, IWorkflowFieldState, THealthscoreDisplayMode, TSpacing } from "./interfaces";
 import { TAvatarsLayout } from "./components/1.atoms/avatars/types";
 import { TBadgeShape, TBadgeSize } from "./components/1.atoms/badge/types";
-import { YooIconComponent } from "src/components/1.atoms/icon/icon";
+import { YooIconComponent } from "./components/1.atoms/icon/icon";
 import { YooAvatarComponent } from "./components/1.atoms/avatar/avatar";
 import { ICardCellEntry } from "./components/entities/card-cell/types";
 import { ICardInboxEntry } from "./feature-operate/mission/card-inbox/types";
@@ -108,7 +108,6 @@ export namespace Components {
           * have a master title for the accordion
          */
         "masterTitle": string;
-        "maxTitleCharacters": number;
         /**
           * If true, each item will have a border bottom of 0.0625rem
          */
@@ -551,50 +550,30 @@ export namespace Components {
         "forceUpdate": () => Promise<void>;
         /**
           * Home name to use instead of the home icon
-          * @property {homeName}
-          * @type string
          */
         "homeName": string;
         /**
           * Set the path where the current file/folder is located
-          * @property {items}
-          * @type IEntityWithName
-          * @default []
          */
         "items": (IEntityWithName | string)[];
         /**
           * Set the maximum length (number of item characters) to display
-          * @property {maxVisibleItems}
-          * @type number
-          * @default 20
          */
         "maxLengthItems": number;
         /**
           * Set the maximum number of item to display
-          * @property {maxVisibleItems}
-          * @type number
-          * @default 3
          */
         "maxVisibleItems": number;
         /**
           * Set the separator between each items
-          * @property {separator}
-          * @type string
-          * @default '/'
          */
         "separator": string;
         /**
           * Set to true to show the home icon
-          * @property {showHome}
-          * @type boolean
-          * @default false
          */
         "showHome": boolean;
         /**
           * Set to false to display long texts
-          * @property {truncate}
-          * @type boolean
-          * @default true
          */
         "truncate": boolean;
     }
@@ -1153,6 +1132,8 @@ export namespace Components {
     }
     interface YooCardMenu {
         "entry": ICardMenuEntry;
+        "sizeLeftIcon": TIconSize;
+        "typeRightIcon": TIconName;
     }
     interface YooCardNotification {
         /**
@@ -1677,6 +1658,7 @@ export namespace Components {
         "disableRowClick"?: boolean;
         "displaySize"?: TSize;
         "displayType": CardType;
+        "entityMapping"?: TEntityMapping;
         "entityType": EntityType;
         "extraClass": string;
         "forceText"?: boolean;
@@ -1799,6 +1781,7 @@ export namespace Components {
         "flipDirection"?: 'vertical' | 'horizontal';
         "initCardSize": () => Promise<void>;
         "layout"?: 'card' | 'unset';
+        "loadCard": () => Promise<void>;
         "revealed"?: boolean;
     }
     interface YooFormAudience {
@@ -1844,6 +1827,7 @@ export namespace Components {
         "displayType": CardType;
         "dynamicOrdering"?: boolean;
         "emptyState": string;
+        "entityMapping"?: TEntityMapping;
         "entityType": EntityType;
         "expandHeightOnShow": boolean;
         "extraClass": string;
@@ -1866,6 +1850,7 @@ export namespace Components {
         "isHistory": boolean;
         "isLoading": boolean;
         "isLocal": boolean;
+        "keepSelection": boolean;
         "max": number;
         "maxHeight": number;
         "maxWidth": number;
@@ -2099,7 +2084,7 @@ export namespace Components {
         "maxHeight"?: number;
         "mediaDimension"?: IMediaDimension[];
         "mediaSrc": (string | IFileInterface)[];
-        "mediaType": string;
+        "mediaType": 'photo' | 'video' | 'audio' | 'document';
         "paginationType"?: 'bullets' | 'fraction' | 'progressbar' | 'custom';
         "playerCommand"?: string;
         "preventAutoPlayMedia"?: boolean;
@@ -2235,19 +2220,44 @@ export namespace Components {
         "validators": (Validator<IFormChecklistValue> | IValidatorEntry)[];
         "value": IFormChecklistValue;
     }
-    interface YooFormChoice {
-        "allowOther": boolean;
+    interface YooFormChoiceButton {
+        "customEvent": boolean;
+        "description": string;
+        "livePreview": boolean;
+        "multiple": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "selected": boolean;
+        "shuffled"?: boolean;
+        "size"?: TBaseSize;
+        "useTranslate": boolean;
+        "validators": (Validator<any[]> | IValidatorEntry)[];
+        "value": string[] | string;
+        "values": IFormChoiceValue[];
+        "valuesColor": { key: string; value: string }[];
+    }
+    interface YooFormChoiceCard {
+        "customEvent": boolean;
+        "description": string;
+        "livePreview": boolean;
+        "maxWidth"?: number;
+        "multiple": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "selected": boolean;
+        "shuffled"?: boolean;
+        "useTranslate": boolean;
+        "validators": (Validator<any[]> | IValidatorEntry)[];
+        "value": string[] | string;
+        "values": IFormChoiceValue[];
+        "valuesColor": { key: string; value: string }[];
+    }
+    interface YooFormChoiceChat {
         "animated"?: boolean;
         "answer": string[];
-        "asyncValidators": AsyncValidator<any[]>[];
-        "cardColumns"?: number;
-        "complexValues": IMultiInputValue[][];
         "customEvent": boolean;
         "description": string;
-        "isHistory": boolean;
-        "isPdf"?: boolean;
         "livePreview": boolean;
-        "maxWidth"?: number;
         "multiple": boolean;
         "readonly": boolean;
         "required": boolean;
@@ -2255,12 +2265,43 @@ export namespace Components {
         "sentence": string;
         "shuffled"?: boolean;
         "size"?: TBaseSize;
-        "type": 'button' | 'radio' | 'image' | 'chat' | 'card';
-        "useTranslate": boolean;
         "validators": (Validator<any[]> | IValidatorEntry)[];
         "validity": boolean;
-        "value": any[] | any;
-        "values": any[];
+        "value": Array<string> | string;
+        "values": Array<string>;
+    }
+    interface YooFormChoiceImage {
+        "animated"?: boolean;
+        "answer": IFormChoiceValue[];
+        "customEvent": boolean;
+        "description": string;
+        "isHistory": boolean;
+        "isPdf"?: boolean;
+        "livePreview": boolean;
+        "multiple": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "selected": boolean;
+        "shuffled"?: boolean;
+        "validators": (Validator<any[]> | IValidatorEntry)[];
+        "value": IFormChoiceValue[] | IFormChoiceValue;
+        "values": IFormChoiceValue[];
+    }
+    interface YooFormChoiceRadio {
+        "allowOther": boolean;
+        "answer": string[];
+        "customEvent": boolean;
+        "description": string;
+        "livePreview": boolean;
+        "multiple": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "selected": boolean;
+        "shuffled"?: boolean;
+        "useTranslate": boolean;
+        "validators": (Validator<any[]> | IValidatorEntry)[];
+        "value": string[] | string;
+        "values": Array<string>;
         "valuesColor": { key: string; value: string }[];
     }
     interface YooFormColorField {
@@ -2631,6 +2672,7 @@ export namespace Components {
         "fullscreenHeading"?: string;
         "hidden": boolean;
         "hideHeaderTitle": boolean;
+        "hideHeading": boolean;
         "logo"?: string;
         "missionDescriptionText": string;
         "missionDescriptionTitle": string;
@@ -3021,6 +3063,7 @@ export namespace Components {
         "findPreviousValue": (fieldName: string) => Promise<{ field: IFormField; value: any; extra: any; }>;
         "focusForm"?: boolean;
         "focusInvalidField": (displayToast: boolean) => Promise<void>;
+        "forceCheckValidityAndEmitChanges": () => Promise<void>;
         "forceCollapsibleOpen"?: boolean;
         "forceDescription"?: boolean;
         "forceFieldChanged": (field: IFormField, data?: any) => Promise<void>;
@@ -3039,12 +3082,14 @@ export namespace Components {
         "getData": () => Promise<Record<string, any>>;
         "getScrollOrDivElement": () => Promise<HTMLYooIonScrollElement | HTMLDivElement>;
         "getStates": () => Promise<{ slidesState: IFormDynamicSlideState[]; validity: boolean; fieldsState: { [key: string]: IFormDynamicFieldState; }; }>;
+        "getTabName": () => Promise<string>;
         "goToRecap": () => Promise<void>;
         "goToSlide": (index: number, animated: boolean) => Promise<void>;
         "gridstackAllowDelete"?: boolean;
         "gridstackAllowEdit"?: boolean;
         "gridstackCellHeight"?: number;
         "gridstackConfig"?: IGridstackItem[][];
+        "gridstackFloat"?: boolean;
         "gridstackForceGridLines"?: boolean;
         "gridstackForceLoader"?: boolean;
         "gridstackFullOverlay"?: boolean;
@@ -3451,6 +3496,7 @@ export namespace Components {
         "value": IIncentiveTarget[];
     }
     interface YooFormInput {
+        "allowDecimals": boolean;
         "animation"?: string;
         "asyncValidators": AsyncValidator<string>[];
         "autocapitalize": string;
@@ -3477,6 +3523,7 @@ export namespace Components {
         "initialCheckboxParams": ICheckboxParams;
         "inlineActions"?: IButton[];
         "inputTabIndex": number;
+        "inputmode"?: string;
         "invalidMessage": string;
         "isValidityNotEmpty": () => Promise<boolean>;
         "max": string;
@@ -4195,6 +4242,7 @@ export namespace Components {
         "displaySegmentsCount"?: boolean;
         "focusOnRendered": boolean;
         "getFocusedElement": () => Promise<IInsertElementProp>;
+        "getText": () => Promise<string>;
         "hasText": () => Promise<boolean>;
         "initialRows": number;
         "inlineActions"?: IButton[];
@@ -4229,6 +4277,7 @@ export namespace Components {
         "asyncValidators": AsyncValidator<string>[];
         "customZIndex"?: number;
         "debounce": number;
+        "forceUpdateValue": (value: string) => Promise<void>;
         "formatAmpersandSymbol": boolean;
         "inputTabIndex": number;
         "isFullscreen"?: boolean;
@@ -4527,7 +4576,9 @@ export namespace Components {
         "emptyStateDescription": string;
         "emptyStateHandler": () => void;
         "emptyStateHeader": string;
+        "emptyStateNoDescription": boolean;
         "emptyStateTextPosition"?: 'top' | 'bottom';
+        "entityMapping"?: TEntityMapping;
         "entityType": EntityType;
         "expandTreePath": (routes: string[]) => Promise<void>;
         "extraClass": string;
@@ -4878,6 +4929,7 @@ export namespace Components {
         "incentive": IIncentive;
         "kpiChartConfig": Highcharts.Options;
         "salesBreakdown"?: IIncentiveSaleBreakdown[];
+        "showManagerView": boolean;
     }
     interface YooInfoText {
         "icon"?: TIconName;
@@ -5795,10 +5847,6 @@ export namespace Components {
           * All menu items available for the user
          */
         "items"?: IPage[];
-        /**
-          * Most viewed menu items
-         */
-        "recentItems"?: IPage[];
     }
     interface YooModal {
         "animationName": string;
@@ -5986,10 +6034,6 @@ export namespace Components {
           * Used to set custom colors based on custom range of percentage as following to 30% => var(--danger) || red || rgb(255, 0, 0) || #FF0000, to 70 => var(--warning) || etc ..
          */
         "colorsRepartition": IProgressColorsRepartition;
-        /**
-          * Before setting this property, ensure that the metric is set to 'step' Define the current step to display X/Y (X)
-         */
-        "currentStep"?: number;
         /**
           * This property will allow not to see the animation in case of a decreasing progress
          */
@@ -6014,10 +6058,6 @@ export namespace Components {
           * Used to set custom markers with labels on the progressbar ( possible only on a line progressbar )
          */
         "markers"?: IProgressMarker[];
-        /**
-          * Before setting this property, ensure that the metric is set to 'step' Define the total number of step to display X/Y (Y)
-         */
-        "maxStep"?: number;
         /**
           * If set, the progress will be the result of the value / maxValue if not, the progress display will be by default the one from the value
          */
@@ -6194,6 +6234,7 @@ export namespace Components {
         "success": boolean;
     }
     interface YooReveal {
+        "isVisible"?: boolean;
         "validity"?: boolean;
         "values"?: IRevealValue[];
     }
@@ -6285,7 +6326,8 @@ export namespace Components {
         "toggleSelectAll": () => Promise<void>;
         "unselectAll": () => Promise<void>;
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated": boolean;
         "initialIndex": number;
         "maxWidth"?: number;
         "readonly"?: boolean;
@@ -6427,10 +6469,6 @@ export namespace Components {
           * Boolean which enables the editable mode.
          */
         "isEditable"?: boolean;
-        /**
-          * Maximum amount of title characters before truncating it
-         */
-        "maxTitleCharacters"?: number;
         /**
           * Enable ripple click effect
          */
@@ -6523,8 +6561,8 @@ export namespace Components {
     interface YooTextSequence {
         "animated"?: boolean;
         "heading"?: string;
+        "isAnimationFinished"?: boolean;
         "isVisible": boolean;
-        "livePreview"?: boolean;
         "validity"?: boolean;
         "values"?: string[];
     }
@@ -6615,6 +6653,7 @@ export namespace Components {
           * Set this props only in editable mode to set a max number of allowed character in the textera field;
          */
         "maxCharacters"?: number;
+        "maxWidth"?: number;
         /**
           * Set this props to be able to retrieve the role of the tooltip for the closing tooltip logic
          */
@@ -6640,7 +6679,8 @@ export namespace Components {
         /**
           * Size.
          */
-        "size"?: 'small' | 'large';
+        "size"?: 'small' | 'medium' | 'large';
+        "toggleHoverable": (isEnable?: boolean) => Promise<void>;
     }
     interface YooTruncate {
         /**
@@ -6659,6 +6699,7 @@ export namespace Components {
           * Piece of string placed at the end of a truncated text. Can be an html string.
          */
         "ellipsis": string;
+        "ellipsisIconSize": TSize;
         /**
           * Force the showing of more button when content is in the slot
          */
@@ -6680,6 +6721,11 @@ export namespace Components {
          */
         "showEllipsisIcon": boolean;
     }
+    interface YooTruncatedLine {
+        "content"?: string;
+        "tooltipPlacement"?: Placement;
+        "withTooltip"?: boolean;
+    }
     interface YooUserDetail {
         "courses": ICourse[];
         "showEmptyState": boolean;
@@ -7943,11 +7989,35 @@ declare global {
         prototype: HTMLYooFormChecklistElement;
         new (): HTMLYooFormChecklistElement;
     };
-    interface HTMLYooFormChoiceElement extends Components.YooFormChoice, HTMLStencilElement {
+    interface HTMLYooFormChoiceButtonElement extends Components.YooFormChoiceButton, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceButtonElement: {
+        prototype: HTMLYooFormChoiceButtonElement;
+        new (): HTMLYooFormChoiceButtonElement;
+    };
+    interface HTMLYooFormChoiceCardElement extends Components.YooFormChoiceCard, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceCardElement: {
+        prototype: HTMLYooFormChoiceCardElement;
+        new (): HTMLYooFormChoiceCardElement;
+    };
+    interface HTMLYooFormChoiceChatElement extends Components.YooFormChoiceChat, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceChatElement: {
+        prototype: HTMLYooFormChoiceChatElement;
+        new (): HTMLYooFormChoiceChatElement;
+    };
+    interface HTMLYooFormChoiceImageElement extends Components.YooFormChoiceImage, HTMLStencilElement {
     }
-    var HTMLYooFormChoiceElement: {
-        prototype: HTMLYooFormChoiceElement;
-        new (): HTMLYooFormChoiceElement;
+    var HTMLYooFormChoiceImageElement: {
+        prototype: HTMLYooFormChoiceImageElement;
+        new (): HTMLYooFormChoiceImageElement;
+    };
+    interface HTMLYooFormChoiceRadioElement extends Components.YooFormChoiceRadio, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceRadioElement: {
+        prototype: HTMLYooFormChoiceRadioElement;
+        new (): HTMLYooFormChoiceRadioElement;
     };
     interface HTMLYooFormColorFieldElement extends Components.YooFormColorField, HTMLStencilElement {
     }
@@ -9137,11 +9207,11 @@ declare global {
         prototype: HTMLYooSectionListElement;
         new (): HTMLYooSectionListElement;
     };
-    interface HTMLYooSegmentElement extends Components.YooSegment, HTMLStencilElement {
+    interface HTMLYooSegmentedControlElement extends Components.YooSegmentedControl, HTMLStencilElement {
     }
-    var HTMLYooSegmentElement: {
-        prototype: HTMLYooSegmentElement;
-        new (): HTMLYooSegmentElement;
+    var HTMLYooSegmentedControlElement: {
+        prototype: HTMLYooSegmentedControlElement;
+        new (): HTMLYooSegmentedControlElement;
     };
     interface HTMLYooSideMenuElement extends Components.YooSideMenu, HTMLStencilElement {
     }
@@ -9227,6 +9297,12 @@ declare global {
         prototype: HTMLYooTruncateElement;
         new (): HTMLYooTruncateElement;
     };
+    interface HTMLYooTruncatedLineElement extends Components.YooTruncatedLine, HTMLStencilElement {
+    }
+    var HTMLYooTruncatedLineElement: {
+        prototype: HTMLYooTruncatedLineElement;
+        new (): HTMLYooTruncatedLineElement;
+    };
     interface HTMLYooUserDetailElement extends Components.YooUserDetail, HTMLStencilElement {
     }
     var HTMLYooUserDetailElement: {
@@ -9503,7 +9579,11 @@ declare global {
         "yoo-form-categorize-words": HTMLYooFormCategorizeWordsElement;
         "yoo-form-checkbox": HTMLYooFormCheckboxElement;
         "yoo-form-checklist": HTMLYooFormChecklistElement;
-        "yoo-form-choice": HTMLYooFormChoiceElement;
+        "yoo-form-choice-button": HTMLYooFormChoiceButtonElement;
+        "yoo-form-choice-card": HTMLYooFormChoiceCardElement;
+        "yoo-form-choice-chat": HTMLYooFormChoiceChatElement;
+        "yoo-form-choice-image": HTMLYooFormChoiceImageElement;
+        "yoo-form-choice-radio": HTMLYooFormChoiceRadioElement;
         "yoo-form-color-field": HTMLYooFormColorFieldElement;
         "yoo-form-color-picker": HTMLYooFormColorPickerElement;
         "yoo-form-conditions": HTMLYooFormConditionsElement;
@@ -9702,7 +9782,7 @@ declare global {
         "yoo-scratch-card-creator": HTMLYooScratchCardCreatorElement;
         "yoo-scroll-to-button": HTMLYooScrollToButtonElement;
         "yoo-section-list": HTMLYooSectionListElement;
-        "yoo-segment": HTMLYooSegmentElement;
+        "yoo-segmented-control": HTMLYooSegmentedControlElement;
         "yoo-side-menu": HTMLYooSideMenuElement;
         "yoo-side-menu-tree": HTMLYooSideMenuTreeElement;
         "yoo-slides-media": HTMLYooSlidesMediaElement;
@@ -9717,6 +9797,7 @@ declare global {
         "yoo-toast": HTMLYooToastElement;
         "yoo-tooltip": HTMLYooTooltipElement;
         "yoo-truncate": HTMLYooTruncateElement;
+        "yoo-truncated-line": HTMLYooTruncatedLineElement;
         "yoo-user-detail": HTMLYooUserDetailElement;
         "yoo-user-profile": HTMLYooUserProfileElement;
         "yoo-user-wizard": HTMLYooUserWizardElement;
@@ -9806,7 +9887,6 @@ declare namespace LocalJSX {
           * have a master title for the accordion
          */
         "masterTitle"?: string;
-        "maxTitleCharacters"?: number;
         "onAccordionHandlerClicked"?: (event: CustomEvent<{ index: number }>) => void;
         "onAccordionSelected"?: (event: CustomEvent<{ index: number; selected: boolean }>) => void;
         "onSearchInputChanged"?: (event: CustomEvent<string>) => void;
@@ -10265,62 +10345,38 @@ declare namespace LocalJSX {
     interface YooBreadcrumbs {
         /**
           * Home name to use instead of the home icon
-          * @property {homeName}
-          * @type string
          */
         "homeName"?: string;
         /**
           * Set the path where the current file/folder is located
-          * @property {items}
-          * @type IEntityWithName
-          * @default []
          */
         "items"?: (IEntityWithName | string)[];
         /**
           * Set the maximum length (number of item characters) to display
-          * @property {maxVisibleItems}
-          * @type number
-          * @default 20
          */
         "maxLengthItems"?: number;
         /**
           * Set the maximum number of item to display
-          * @property {maxVisibleItems}
-          * @type number
-          * @default 3
          */
         "maxVisibleItems"?: number;
         /**
           * Emitted when the home icon is clicked on. It can be used to redirect user the home folder.
-          * @event {clicked}
-          * @type EventEmitter
          */
         "onHomeSelected"?: (event: CustomEvent<any>) => void;
         /**
           * Emitted when the item breadcrumbs is clicked on. It can be used to redirect user to the item.
-          * @event {clicked}
-          * @type EventEmitter
          */
         "onItemSelected"?: (event: CustomEvent<{ item: IEntityWithName | string; index: number }>) => void;
         /**
           * Set the separator between each items
-          * @property {separator}
-          * @type string
-          * @default '/'
          */
         "separator"?: string;
         /**
           * Set to true to show the home icon
-          * @property {showHome}
-          * @type boolean
-          * @default false
          */
         "showHome"?: boolean;
         /**
           * Set to false to display long texts
-          * @property {truncate}
-          * @type boolean
-          * @default true
          */
         "truncate"?: boolean;
     }
@@ -10909,6 +10965,8 @@ declare namespace LocalJSX {
     }
     interface YooCardMenu {
         "entry"?: ICardMenuEntry;
+        "sizeLeftIcon"?: TIconSize;
+        "typeRightIcon"?: TIconName;
     }
     interface YooCardNotification {
         /**
@@ -11490,6 +11548,7 @@ declare namespace LocalJSX {
         "disableRowClick"?: boolean;
         "displaySize"?: TSize;
         "displayType"?: CardType;
+        "entityMapping"?: TEntityMapping;
         "entityType"?: EntityType;
         "extraClass"?: string;
         "forceText"?: boolean;
@@ -11693,6 +11752,7 @@ declare namespace LocalJSX {
         "displayType"?: CardType;
         "dynamicOrdering"?: boolean;
         "emptyState"?: string;
+        "entityMapping"?: TEntityMapping;
         "entityType"?: EntityType;
         "expandHeightOnShow"?: boolean;
         "extraClass"?: string;
@@ -11713,6 +11773,7 @@ declare namespace LocalJSX {
         "isHistory"?: boolean;
         "isLoading"?: boolean;
         "isLocal"?: boolean;
+        "keepSelection"?: boolean;
         "max"?: number;
         "maxHeight"?: number;
         "maxWidth"?: number;
@@ -11965,7 +12026,7 @@ declare namespace LocalJSX {
         "maxHeight"?: number;
         "mediaDimension"?: IMediaDimension[];
         "mediaSrc"?: (string | IFileInterface)[];
-        "mediaType"?: string;
+        "mediaType"?: 'photo' | 'video' | 'audio' | 'document';
         "onEnteringViewPort"?: (event: CustomEvent<boolean>) => void;
         "onImageZoomed"?: (event: CustomEvent<boolean>) => void;
         "onPhotoEditorClicked"?: (event: CustomEvent<boolean>) => void;
@@ -12135,19 +12196,54 @@ declare namespace LocalJSX {
         "validators"?: (Validator<IFormChecklistValue> | IValidatorEntry)[];
         "value"?: IFormChecklistValue;
     }
-    interface YooFormChoice {
-        "allowOther"?: boolean;
+    interface YooFormChoiceButton {
+        "customEvent"?: boolean;
+        "description"?: string;
+        "livePreview"?: boolean;
+        "multiple"?: boolean;
+        "onChoiceSelected"?: (event: CustomEvent<any>) => void;
+        "onInputBlurred"?: (event: CustomEvent<any>) => void;
+        "onInputChanged"?: (event: CustomEvent<any>) => void;
+        "onInputFocused"?: (event: CustomEvent<any>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "selected"?: boolean;
+        "shuffled"?: boolean;
+        "size"?: TBaseSize;
+        "useTranslate"?: boolean;
+        "validators"?: (Validator<any[]> | IValidatorEntry)[];
+        "value"?: string[] | string;
+        "values"?: IFormChoiceValue[];
+        "valuesColor"?: { key: string; value: string }[];
+    }
+    interface YooFormChoiceCard {
+        "customEvent"?: boolean;
+        "description"?: string;
+        "livePreview"?: boolean;
+        "maxWidth"?: number;
+        "multiple"?: boolean;
+        "onChoiceSelected"?: (event: CustomEvent<any>) => void;
+        "onInputBlurred"?: (event: CustomEvent<any>) => void;
+        "onInputChanged"?: (event: CustomEvent<any>) => void;
+        "onInputFocused"?: (event: CustomEvent<any>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "selected"?: boolean;
+        "shuffled"?: boolean;
+        "useTranslate"?: boolean;
+        "validators"?: (Validator<any[]> | IValidatorEntry)[];
+        "value"?: string[] | string;
+        "values"?: IFormChoiceValue[];
+        "valuesColor"?: { key: string; value: string }[];
+    }
+    interface YooFormChoiceChat {
         "animated"?: boolean;
         "answer"?: string[];
-        "asyncValidators"?: AsyncValidator<any[]>[];
-        "cardColumns"?: number;
-        "complexValues"?: IMultiInputValue[][];
         "customEvent"?: boolean;
         "description"?: string;
-        "isHistory"?: boolean;
-        "isPdf"?: boolean;
         "livePreview"?: boolean;
-        "maxWidth"?: number;
         "multiple"?: boolean;
         "onChoiceSelected"?: (event: CustomEvent<any>) => void;
         "onInputBlurred"?: (event: CustomEvent<any>) => void;
@@ -12160,12 +12256,53 @@ declare namespace LocalJSX {
         "sentence"?: string;
         "shuffled"?: boolean;
         "size"?: TBaseSize;
-        "type"?: 'button' | 'radio' | 'image' | 'chat' | 'card';
-        "useTranslate"?: boolean;
         "validators"?: (Validator<any[]> | IValidatorEntry)[];
         "validity"?: boolean;
-        "value"?: any[] | any;
-        "values"?: any[];
+        "value"?: Array<string> | string;
+        "values"?: Array<string>;
+    }
+    interface YooFormChoiceImage {
+        "animated"?: boolean;
+        "answer"?: IFormChoiceValue[];
+        "customEvent"?: boolean;
+        "description"?: string;
+        "isHistory"?: boolean;
+        "isPdf"?: boolean;
+        "livePreview"?: boolean;
+        "multiple"?: boolean;
+        "onChoiceSelected"?: (event: CustomEvent<any>) => void;
+        "onInputBlurred"?: (event: CustomEvent<any>) => void;
+        "onInputChanged"?: (event: CustomEvent<any>) => void;
+        "onInputFocused"?: (event: CustomEvent<any>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "selected"?: boolean;
+        "shuffled"?: boolean;
+        "validators"?: (Validator<any[]> | IValidatorEntry)[];
+        "value"?: IFormChoiceValue[] | IFormChoiceValue;
+        "values"?: IFormChoiceValue[];
+    }
+    interface YooFormChoiceRadio {
+        "allowOther"?: boolean;
+        "answer"?: string[];
+        "customEvent"?: boolean;
+        "description"?: string;
+        "livePreview"?: boolean;
+        "multiple"?: boolean;
+        "onChoiceSelected"?: (event: CustomEvent<any>) => void;
+        "onInputBlurred"?: (event: CustomEvent<any>) => void;
+        "onInputChanged"?: (event: CustomEvent<any>) => void;
+        "onInputFocused"?: (event: CustomEvent<any>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "selected"?: boolean;
+        "shuffled"?: boolean;
+        "useTranslate"?: boolean;
+        "validators"?: (Validator<any[]> | IValidatorEntry)[];
+        "value"?: string[] | string;
+        "values"?: Array<string>;
         "valuesColor"?: { key: string; value: string }[];
     }
     interface YooFormColorField {
@@ -12478,6 +12615,7 @@ declare namespace LocalJSX {
     onlyTranslateMissingTranslations?: boolean;
     saveOnFinish?: boolean;
     closeOnFinish?: boolean;
+    errorMessages?: string[];
   }>) => void;
         "onWorkflowBranchAdded"?: (event: CustomEvent<IWorkflowStep>) => void;
         "onWorkflowCurrentStepChanged"?: (event: CustomEvent<IWorkflowStep>) => void;
@@ -12905,6 +13043,7 @@ declare namespace LocalJSX {
         "fullscreenHeading"?: string;
         "hidden"?: boolean;
         "hideHeaderTitle"?: boolean;
+        "hideHeading"?: boolean;
         "logo"?: string;
         "missionDescriptionText"?: string;
         "missionDescriptionTitle"?: string;
@@ -13255,7 +13394,7 @@ declare namespace LocalJSX {
         /**
           * Emits an event when the user ask to translate all fields
          */
-        "onTranslationsUpdated"?: (event: CustomEvent<{ translations: ITranslation[]; overwrite: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; }>) => void;
+        "onTranslationsUpdated"?: (event: CustomEvent<{ translations: ITranslation[]; overwrite: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; errorMessages?: string[] }>) => void;
         /**
           * The plan
          */
@@ -13499,6 +13638,7 @@ declare namespace LocalJSX {
         "gridstackAllowEdit"?: boolean;
         "gridstackCellHeight"?: number;
         "gridstackConfig"?: IGridstackItem[][];
+        "gridstackFloat"?: boolean;
         "gridstackForceGridLines"?: boolean;
         "gridstackForceLoader"?: boolean;
         "gridstackFullOverlay"?: boolean;
@@ -13534,6 +13674,7 @@ declare namespace LocalJSX {
         "onFormValidityChanged"?: (event: CustomEvent<any>) => void;
         "onGalleryOpened"?: (event: CustomEvent<IFormField>) => void;
         "onGridstackConfigUpdated"?: (event: CustomEvent<IGridstackItem[][]>) => void;
+        "onGridstackItemClicked"?: (event: CustomEvent<{ node: IGridstackItem, slideIndex: number }>) => void;
         "onGridstackItemDropped"?: (event: CustomEvent<{ node: GridStackNode, slideIndex: number }>) => void;
         "onGridstackItemEdited"?: (event: CustomEvent<{ node: IGridstackItem, slideIndex: number }>) => void;
         "onGridstackItemRemoved"?: (event: CustomEvent<{ node: IGridstackItem, slideIndex: number }>) => void;
@@ -13549,7 +13690,7 @@ declare namespace LocalJSX {
         "onSlideAnswered"?: (event: CustomEvent<IFormSlideData>) => void;
         "onSlideChanged"?: (event: CustomEvent<TSlideChangeEvent>) => void;
         "onSlideProgressUpdated"?: (event: CustomEvent<number>) => void;
-        "onTabChanged"?: (event: CustomEvent<number>) => void;
+        "onTabChanged"?: (event: CustomEvent<{ tabIndex: number, slideIndex: number }>) => void;
         "onTimeFinished"?: (event: CustomEvent<void>) => void;
         "onToggleEditMode"?: (event: CustomEvent<void>) => void;
         "onTranslationValueUpdated"?: (event: CustomEvent<{ key: string, value: string }>) => void;
@@ -13990,6 +14131,7 @@ declare namespace LocalJSX {
         "value"?: IIncentiveTarget[];
     }
     interface YooFormInput {
+        "allowDecimals"?: boolean;
         "animation"?: string;
         "asyncValidators"?: AsyncValidator<string>[];
         "autocapitalize"?: string;
@@ -14012,6 +14154,7 @@ declare namespace LocalJSX {
         "initialCheckboxParams"?: ICheckboxParams;
         "inlineActions"?: IButton[];
         "inputTabIndex"?: number;
+        "inputmode"?: string;
         "invalidMessage"?: string;
         "max"?: string;
         "maxCharacters"?: number;
@@ -15318,7 +15461,9 @@ declare namespace LocalJSX {
         "emptyStateDescription"?: string;
         "emptyStateHandler"?: () => void;
         "emptyStateHeader"?: string;
+        "emptyStateNoDescription"?: boolean;
         "emptyStateTextPosition"?: 'top' | 'bottom';
+        "entityMapping"?: TEntityMapping;
         "entityType"?: EntityType;
         "extraClass"?: string;
         "field"?: IFormField;
@@ -15552,6 +15697,7 @@ declare namespace LocalJSX {
         "onDraggingStart"?: (event: CustomEvent<string>) => void;
         "onInitialized"?: (event: CustomEvent<void>) => void;
         "onItemChanged"?: (event: CustomEvent<GridStackNode>) => void;
+        "onItemClicked"?: (event: CustomEvent<IGridstackItem>) => void;
         "onItemDropped"?: (event: CustomEvent<GridStackNode>) => void;
         "onItemEdited"?: (event: CustomEvent<IGridstackItem>) => void;
         "onItemRemoved"?: (event: CustomEvent<IGridstackItem>) => void;
@@ -15720,6 +15866,7 @@ declare namespace LocalJSX {
         "incentive"?: IIncentive;
         "kpiChartConfig"?: Highcharts.Options;
         "salesBreakdown"?: IIncentiveSaleBreakdown[];
+        "showManagerView"?: boolean;
     }
     interface YooInfoText {
         "icon"?: TIconName;
@@ -16607,11 +16754,7 @@ declare namespace LocalJSX {
         /**
           * When item clicked re routes to item page
          */
-        "onItemClicked"?: (event: CustomEvent<{ item: IPage }>) => void;
-        /**
-          * Most viewed menu items
-         */
-        "recentItems"?: IPage[];
+        "onItemClicked"?: (event: CustomEvent<IPage>) => void;
     }
     interface YooModal {
         "animationName"?: string;
@@ -16826,10 +16969,6 @@ declare namespace LocalJSX {
           * Used to set custom colors based on custom range of percentage as following to 30% => var(--danger) || red || rgb(255, 0, 0) || #FF0000, to 70 => var(--warning) || etc ..
          */
         "colorsRepartition"?: IProgressColorsRepartition;
-        /**
-          * Before setting this property, ensure that the metric is set to 'step' Define the current step to display X/Y (X)
-         */
-        "currentStep"?: number;
         /**
           * This property will allow not to see the animation in case of a decreasing progress
          */
@@ -16854,10 +16993,6 @@ declare namespace LocalJSX {
           * Used to set custom markers with labels on the progressbar ( possible only on a line progressbar )
          */
         "markers"?: IProgressMarker[];
-        /**
-          * Before setting this property, ensure that the metric is set to 'step' Define the total number of step to display X/Y (Y)
-         */
-        "maxStep"?: number;
         /**
           * If set, the progress will be the result of the value / maxValue if not, the progress display will be by default the one from the value
          */
@@ -17071,6 +17206,7 @@ declare namespace LocalJSX {
         "success"?: boolean;
     }
     interface YooReveal {
+        "isVisible"?: boolean;
         "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
         "validity"?: boolean;
         "values"?: IRevealValue[];
@@ -17170,7 +17306,8 @@ declare namespace LocalJSX {
          */
         "sections"?: ISectionListSection[];
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated"?: boolean;
         "initialIndex"?: number;
         "maxWidth"?: number;
         "onSegmentSelected"?: (event: CustomEvent<number>) => void;
@@ -17332,10 +17469,6 @@ declare namespace LocalJSX {
           * Boolean which enables the editable mode.
          */
         "isEditable"?: boolean;
-        /**
-          * Maximum amount of title characters before truncating it
-         */
-        "maxTitleCharacters"?: number;
         /**
           * Event emitted when tab is changed.
          */
@@ -17430,8 +17563,8 @@ declare namespace LocalJSX {
     interface YooTextSequence {
         "animated"?: boolean;
         "heading"?: string;
+        "isAnimationFinished"?: boolean;
         "isVisible"?: boolean;
-        "livePreview"?: boolean;
         "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
         "validity"?: boolean;
         "values"?: string[];
@@ -17518,6 +17651,7 @@ declare namespace LocalJSX {
           * Set this props only in editable mode to set a max number of allowed character in the textera field;
          */
         "maxCharacters"?: number;
+        "maxWidth"?: number;
         /**
           * Set this props to be able to retrieve the role of the tooltip for the closing tooltip logic
          */
@@ -17553,7 +17687,7 @@ declare namespace LocalJSX {
         /**
           * Size.
          */
-        "size"?: 'small' | 'large';
+        "size"?: 'small' | 'medium' | 'large';
     }
     interface YooTruncate {
         /**
@@ -17572,6 +17706,7 @@ declare namespace LocalJSX {
           * Piece of string placed at the end of a truncated text. Can be an html string.
          */
         "ellipsis"?: string;
+        "ellipsisIconSize"?: TSize;
         /**
           * Force the showing of more button when content is in the slot
          */
@@ -17597,6 +17732,11 @@ declare namespace LocalJSX {
          */
         "showEllipsisIcon"?: boolean;
     }
+    interface YooTruncatedLine {
+        "content"?: string;
+        "tooltipPlacement"?: Placement;
+        "withTooltip"?: boolean;
+    }
     interface YooUserDetail {
         "courses"?: ICourse[];
         "onBadgeSelected"?: (event: CustomEvent<IBadge>) => void;
@@ -18235,7 +18375,11 @@ declare namespace LocalJSX {
         "yoo-form-categorize-words": YooFormCategorizeWords;
         "yoo-form-checkbox": YooFormCheckbox;
         "yoo-form-checklist": YooFormChecklist;
-        "yoo-form-choice": YooFormChoice;
+        "yoo-form-choice-button": YooFormChoiceButton;
+        "yoo-form-choice-card": YooFormChoiceCard;
+        "yoo-form-choice-chat": YooFormChoiceChat;
+        "yoo-form-choice-image": YooFormChoiceImage;
+        "yoo-form-choice-radio": YooFormChoiceRadio;
         "yoo-form-color-field": YooFormColorField;
         "yoo-form-color-picker": YooFormColorPicker;
         "yoo-form-conditions": YooFormConditions;
@@ -18434,7 +18578,7 @@ declare namespace LocalJSX {
         "yoo-scratch-card-creator": YooScratchCardCreator;
         "yoo-scroll-to-button": YooScrollToButton;
         "yoo-section-list": YooSectionList;
-        "yoo-segment": YooSegment;
+        "yoo-segmented-control": YooSegmentedControl;
         "yoo-side-menu": YooSideMenu;
         "yoo-side-menu-tree": YooSideMenuTree;
         "yoo-slides-media": YooSlidesMedia;
@@ -18449,6 +18593,7 @@ declare namespace LocalJSX {
         "yoo-toast": YooToast;
         "yoo-tooltip": YooTooltip;
         "yoo-truncate": YooTruncate;
+        "yoo-truncated-line": YooTruncatedLine;
         "yoo-user-detail": YooUserDetail;
         "yoo-user-profile": YooUserProfile;
         "yoo-user-wizard": YooUserWizard;
@@ -18600,7 +18745,11 @@ declare module "@stencil/core" {
             "yoo-form-categorize-words": LocalJSX.YooFormCategorizeWords & JSXBase.HTMLAttributes<HTMLYooFormCategorizeWordsElement>;
             "yoo-form-checkbox": LocalJSX.YooFormCheckbox & JSXBase.HTMLAttributes<HTMLYooFormCheckboxElement>;
             "yoo-form-checklist": LocalJSX.YooFormChecklist & JSXBase.HTMLAttributes<HTMLYooFormChecklistElement>;
-            "yoo-form-choice": LocalJSX.YooFormChoice & JSXBase.HTMLAttributes<HTMLYooFormChoiceElement>;
+            "yoo-form-choice-button": LocalJSX.YooFormChoiceButton & JSXBase.HTMLAttributes<HTMLYooFormChoiceButtonElement>;
+            "yoo-form-choice-card": LocalJSX.YooFormChoiceCard & JSXBase.HTMLAttributes<HTMLYooFormChoiceCardElement>;
+            "yoo-form-choice-chat": LocalJSX.YooFormChoiceChat & JSXBase.HTMLAttributes<HTMLYooFormChoiceChatElement>;
+            "yoo-form-choice-image": LocalJSX.YooFormChoiceImage & JSXBase.HTMLAttributes<HTMLYooFormChoiceImageElement>;
+            "yoo-form-choice-radio": LocalJSX.YooFormChoiceRadio & JSXBase.HTMLAttributes<HTMLYooFormChoiceRadioElement>;
             "yoo-form-color-field": LocalJSX.YooFormColorField & JSXBase.HTMLAttributes<HTMLYooFormColorFieldElement>;
             "yoo-form-color-picker": LocalJSX.YooFormColorPicker & JSXBase.HTMLAttributes<HTMLYooFormColorPickerElement>;
             "yoo-form-conditions": LocalJSX.YooFormConditions & JSXBase.HTMLAttributes<HTMLYooFormConditionsElement>;
@@ -18799,7 +18948,7 @@ declare module "@stencil/core" {
             "yoo-scratch-card-creator": LocalJSX.YooScratchCardCreator & JSXBase.HTMLAttributes<HTMLYooScratchCardCreatorElement>;
             "yoo-scroll-to-button": LocalJSX.YooScrollToButton & JSXBase.HTMLAttributes<HTMLYooScrollToButtonElement>;
             "yoo-section-list": LocalJSX.YooSectionList & JSXBase.HTMLAttributes<HTMLYooSectionListElement>;
-            "yoo-segment": LocalJSX.YooSegment & JSXBase.HTMLAttributes<HTMLYooSegmentElement>;
+            "yoo-segmented-control": LocalJSX.YooSegmentedControl & JSXBase.HTMLAttributes<HTMLYooSegmentedControlElement>;
             "yoo-side-menu": LocalJSX.YooSideMenu & JSXBase.HTMLAttributes<HTMLYooSideMenuElement>;
             "yoo-side-menu-tree": LocalJSX.YooSideMenuTree & JSXBase.HTMLAttributes<HTMLYooSideMenuTreeElement>;
             "yoo-slides-media": LocalJSX.YooSlidesMedia & JSXBase.HTMLAttributes<HTMLYooSlidesMediaElement>;
@@ -18814,6 +18963,7 @@ declare module "@stencil/core" {
             "yoo-toast": LocalJSX.YooToast & JSXBase.HTMLAttributes<HTMLYooToastElement>;
             "yoo-tooltip": LocalJSX.YooTooltip & JSXBase.HTMLAttributes<HTMLYooTooltipElement>;
             "yoo-truncate": LocalJSX.YooTruncate & JSXBase.HTMLAttributes<HTMLYooTruncateElement>;
+            "yoo-truncated-line": LocalJSX.YooTruncatedLine & JSXBase.HTMLAttributes<HTMLYooTruncatedLineElement>;
             "yoo-user-detail": LocalJSX.YooUserDetail & JSXBase.HTMLAttributes<HTMLYooUserDetailElement>;
             "yoo-user-profile": LocalJSX.YooUserProfile & JSXBase.HTMLAttributes<HTMLYooUserProfileElement>;
             "yoo-user-wizard": LocalJSX.YooUserWizard & JSXBase.HTMLAttributes<HTMLYooUserWizardElement>;