@yoobic/yobi 8.2.0-1 → 8.2.0-12

package/dist/types/components.d.ts

@@ -5,19 +5,20 @@
  * 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, 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, 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, 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 { 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 { 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 { YooAvatarComponent } from "./components/1.atoms/avatar/avatar";
 import { ICardCellEntry } from "./components/entities/card-cell/types";
 import { ICardInboxEntry } from "./feature-operate/mission/card-inbox/types";
 import { ICardKanbanEntry } from "./feature-operate/campaign/card-kanban/types";
 import { ICardListColorEntry } from "./components/entities/card-list/color/types";
 import { ICardMenuEntry } from "./feature-learn/learning/card-menu/types";
-import { ICardStickyEntry } from "./components/entities/card-sticky/types";
+import { ICardStickyEntry, TCardStickyType } from "./components/entities/card-sticky/types";
 import { Highcharts } from "./feature-platform/insight/chart/highcharts";
 import { IChartMicroConfig } from "./feature-platform/insight/chart-micro/types";
 import { CountryCode } from "libphonenumber-js";
@@ -107,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
          */
@@ -465,55 +465,34 @@ export namespace Components {
     }
     interface YooBanner {
         /**
-          * Animation name for the banner.
+          * If `true`, a close button is displayed
          */
-        "animationName": string;
-        /**
-          * If `true`, a close button will appear on the banner.
-         */
-        "closable": boolean;
-        "close": () => Promise<void>;
-        /**
-          * The app currently used.
-         */
-        "currentApp": string;
-        /**
-          * Class of the footer button.
-         */
-        "footerBtnColor": TColor;
-        "footerBtnFill": TButtonFill;
+        "closable"?: boolean;
+        "close": (event: MouseEvent) => Promise<void>;
         /**
-          * Text of the footer button.
+          * If `true`, the banner will be filled of the type color
          */
-        "footerBtnText": string;
+        "fill"?: boolean;
         /**
-          * Heading of the banner.
+          * Left icon props
          */
-        "heading": string;
-        /**
-          * Icon of the banner.
-         */
-        "icon": TIconName;
-        "iconColor": TColor;
-        "leftIcon": TIconName;
-        "leftIconColor": TColor;
-        "leftIconSize": TIconSize;
+        "leftIcon": Partial<YooIconComponent>;
         /**
           * Link of the banner.
          */
-        "link": string;
+        "link"?: string;
         /**
-          * Mode of the banner : `simple` or `card`.
+          * Text of the link
          */
-        "mode": 'simple' | 'card';
+        "linkText"?: string;
         /**
-          * Sub headings of the banner
+          * Size of the banner
          */
-        "subHeadings"?: string[];
+        "size"?: TSize;
         /**
-          * Text of the banner.
+          * Name of the browsing context where to display the linked URL: - `_self`: the current browsing context. (Default) - `_blank`: usually a new tab, but users can configure browsers to open a new window instead. - `_parent`: the parent browsing context of the current one. If no parent, behaves as `_self`. - `_top`: the topmost browsing context (the "highest" context that’s an ancestor of the current one). If no ancestors, behaves as `_self`.
          */
-        "text": string;
+        "target"?: string;
     }
     interface YooBarcode {
         "height": number;
@@ -628,9 +607,9 @@ export namespace Components {
          */
         "color": TColor;
         /**
-          * Custom color passed to the background and border of the button. If completed, this property overrides the `color` one and the text is black.
+          * Custom color passed to the background and border of the button. If completed, this property overrides the `color` one and the text is black. Values can be either a color in a string format, or an object specifying colors for background-color, border-color, and color (for text)
          */
-        "customColor"?: string;
+        "customColor"?: string | Partial<Pick<CSSStyleDeclaration, 'backgroundColor' | 'borderColor' | 'color'>>;
         /**
           * If `true`, the user cannot interact with the button.
          */
@@ -1220,8 +1199,8 @@ export namespace Components {
         "type": 'lesson' | 'plan';
     }
     interface YooCardSticky {
-        "entry": ICardStickyEntry;
-        "type"?: string;
+        "entry"?: ICardStickyEntry;
+        "type"?: TCardStickyType;
     }
     interface YooCardTemplate {
         /**
@@ -1697,6 +1676,7 @@ export namespace Components {
         "disableRowClick"?: boolean;
         "displaySize"?: TSize;
         "displayType": CardType;
+        "entityMapping"?: (entityType: EntityType, displayType: CardType, item: any) => ICardListEntry;
         "entityType": EntityType;
         "extraClass": string;
         "forceText"?: boolean;
@@ -1864,6 +1844,7 @@ export namespace Components {
         "displayType": CardType;
         "dynamicOrdering"?: boolean;
         "emptyState": string;
+        "entityMapping"?: (entityType: EntityType, displayType: CardType, item: any) => any;
         "entityType": EntityType;
         "expandHeightOnShow": boolean;
         "extraClass": string;
@@ -2119,7 +2100,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;
@@ -2255,19 +2236,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;
@@ -2275,12 +2281,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 {
@@ -3065,6 +3102,7 @@ export namespace Components {
         "gridstackAllowEdit"?: boolean;
         "gridstackCellHeight"?: number;
         "gridstackConfig"?: IGridstackItem[][];
+        "gridstackFloat"?: boolean;
         "gridstackForceGridLines"?: boolean;
         "gridstackForceLoader"?: boolean;
         "gridstackFullOverlay"?: boolean;
@@ -3497,6 +3535,7 @@ export namespace Components {
         "initialCheckboxParams": ICheckboxParams;
         "inlineActions"?: IButton[];
         "inputTabIndex": number;
+        "inputmode"?: string;
         "invalidMessage": string;
         "isValidityNotEmpty": () => Promise<boolean>;
         "max": string;
@@ -3778,6 +3817,10 @@ export namespace Components {
           * Size.
          */
         "size"?: TBaseSize;
+        /**
+          * Whether to use geolocation (will remove loader)
+         */
+        "useGeolocation"?: boolean;
         /**
           * Value submitted with the form.
          */
@@ -4211,6 +4254,7 @@ export namespace Components {
         "displaySegmentsCount"?: boolean;
         "focusOnRendered": boolean;
         "getFocusedElement": () => Promise<IInsertElementProp>;
+        "getText": () => Promise<string>;
         "hasText": () => Promise<boolean>;
         "initialRows": number;
         "inlineActions"?: IButton[];
@@ -4544,7 +4588,9 @@ export namespace Components {
         "emptyStateHandler": () => void;
         "emptyStateHeader": string;
         "emptyStateTextPosition"?: 'top' | 'bottom';
+        "entityMapping"?: (entityType: EntityType, displayType: CardType, item: any) => any;
         "entityType": EntityType;
+        "expandTreePath": (routes: string[]) => Promise<void>;
         "extraClass": string;
         "field"?: IFormField;
         "fields"?: any[];
@@ -4676,7 +4722,9 @@ export namespace Components {
         "total": number;
         "totalMax": number;
         "unreadCounts": IUnreadCounts;
+        "updateGridConfig": () => Promise<void>;
         "updateGridHeader": () => Promise<void>;
+        "updateTreePath": (route: string[], purge?: boolean) => Promise<void>;
         "updateValues": (values: any, total?: number, gridCurrentSearch?: any) => Promise<void>;
         "updateVirtualScroll": () => Promise<void>;
         "useCellOverlay"?: boolean;
@@ -5442,6 +5490,18 @@ export namespace Components {
         "definition": IChartDefinition;
         "isFullScreen": boolean;
     }
+    interface YooLayoutSections {
+        "config": ILayoutSectionConfig[];
+    }
+    interface YooLayoutTabs {
+        "header": string;
+        "hideHeader": boolean;
+        "selectedTabIndex": number;
+        "tabs": ITab[];
+    }
+    interface YooLayoutTwoColumns {
+        "header": string;
+    }
     interface YooLessonDetail {
         "assignmentDate": Date;
         "highscores": IUserRank[];
@@ -5553,7 +5613,7 @@ export namespace Components {
         /**
           * Size.
          */
-        "size"?: TBaseSize;
+        "size"?: TSize;
         /**
           * Text displayed at the bottom, translated if necessary and followed by an ellipsis.
          */
@@ -6286,7 +6346,8 @@ export namespace Components {
         "toggleSelectAll": () => Promise<void>;
         "unselectAll": () => Promise<void>;
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated": boolean;
         "initialIndex": number;
         "maxWidth"?: number;
         "readonly"?: boolean;
@@ -6428,10 +6489,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
          */
@@ -6681,6 +6738,11 @@ export namespace Components {
          */
         "showEllipsisIcon": boolean;
     }
+    interface YooTruncatedLine {
+        "content"?: string;
+        "tooltipPlacement"?: Placement;
+        "withTooltip"?: boolean;
+    }
     interface YooUserDetail {
         "courses": ICourse[];
         "showEmptyState": boolean;
@@ -7944,11 +8006,35 @@ declare global {
         prototype: HTMLYooFormChecklistElement;
         new (): HTMLYooFormChecklistElement;
     };
-    interface HTMLYooFormChoiceElement extends Components.YooFormChoice, HTMLStencilElement {
+    interface HTMLYooFormChoiceButtonElement extends Components.YooFormChoiceButton, HTMLStencilElement {
     }
-    var HTMLYooFormChoiceElement: {
-        prototype: HTMLYooFormChoiceElement;
-        new (): HTMLYooFormChoiceElement;
+    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 HTMLYooFormChoiceImageElement: {
+        prototype: HTMLYooFormChoiceImageElement;
+        new (): HTMLYooFormChoiceImageElement;
+    };
+    interface HTMLYooFormChoiceRadioElement extends Components.YooFormChoiceRadio, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceRadioElement: {
+        prototype: HTMLYooFormChoiceRadioElement;
+        new (): HTMLYooFormChoiceRadioElement;
     };
     interface HTMLYooFormColorFieldElement extends Components.YooFormColorField, HTMLStencilElement {
     }
@@ -8790,6 +8876,24 @@ declare global {
         prototype: HTMLYooKpiExternalElement;
         new (): HTMLYooKpiExternalElement;
     };
+    interface HTMLYooLayoutSectionsElement extends Components.YooLayoutSections, HTMLStencilElement {
+    }
+    var HTMLYooLayoutSectionsElement: {
+        prototype: HTMLYooLayoutSectionsElement;
+        new (): HTMLYooLayoutSectionsElement;
+    };
+    interface HTMLYooLayoutTabsElement extends Components.YooLayoutTabs, HTMLStencilElement {
+    }
+    var HTMLYooLayoutTabsElement: {
+        prototype: HTMLYooLayoutTabsElement;
+        new (): HTMLYooLayoutTabsElement;
+    };
+    interface HTMLYooLayoutTwoColumnsElement extends Components.YooLayoutTwoColumns, HTMLStencilElement {
+    }
+    var HTMLYooLayoutTwoColumnsElement: {
+        prototype: HTMLYooLayoutTwoColumnsElement;
+        new (): HTMLYooLayoutTwoColumnsElement;
+    };
     interface HTMLYooLessonDetailElement extends Components.YooLessonDetail, HTMLStencilElement {
     }
     var HTMLYooLessonDetailElement: {
@@ -9120,11 +9224,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 {
     }
@@ -9210,6 +9314,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: {
@@ -9486,7 +9596,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;
@@ -9627,6 +9741,9 @@ declare global {
         "yoo-kpi-card": HTMLYooKpiCardElement;
         "yoo-kpi-container": HTMLYooKpiContainerElement;
         "yoo-kpi-external": HTMLYooKpiExternalElement;
+        "yoo-layout-sections": HTMLYooLayoutSectionsElement;
+        "yoo-layout-tabs": HTMLYooLayoutTabsElement;
+        "yoo-layout-two-columns": HTMLYooLayoutTwoColumnsElement;
         "yoo-lesson-detail": HTMLYooLessonDetailElement;
         "yoo-lesson-detail-card": HTMLYooLessonDetailCardElement;
         "yoo-lesson-heading": HTMLYooLessonHeadingElement;
@@ -9682,7 +9799,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;
@@ -9697,6 +9814,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;
@@ -9786,7 +9904,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;
@@ -10150,66 +10267,41 @@ declare namespace LocalJSX {
     }
     interface YooBanner {
         /**
-          * Animation name for the banner.
-         */
-        "animationName"?: string;
-        /**
-          * If `true`, a close button will appear on the banner.
+          * If `true`, a close button is displayed
          */
         "closable"?: boolean;
         /**
-          * The app currently used.
-         */
-        "currentApp"?: string;
-        /**
-          * Class of the footer button.
+          * If `true`, the banner will be filled of the type color
          */
-        "footerBtnColor"?: TColor;
-        "footerBtnFill"?: TButtonFill;
+        "fill"?: boolean;
         /**
-          * Text of the footer button.
+          * Left icon props
          */
-        "footerBtnText"?: string;
-        /**
-          * Heading of the banner.
-         */
-        "heading"?: string;
-        /**
-          * Icon of the banner.
-         */
-        "icon"?: TIconName;
-        "iconColor"?: TColor;
-        "leftIcon"?: TIconName;
-        "leftIconColor"?: TColor;
-        "leftIconSize"?: TIconSize;
+        "leftIcon"?: Partial<YooIconComponent>;
         /**
           * Link of the banner.
          */
         "link"?: string;
         /**
-          * Mode of the banner : `simple` or `card`.
+          * Text of the link
          */
-        "mode"?: 'simple' | 'card';
+        "linkText"?: string;
         /**
-          * Emitted when the banner link is clicked.
+          * Emitted when the close button is clicked
          */
-        "onAlertActionSelected"?: (event: CustomEvent<boolean>) => void;
+        "onCloseClick"?: (event: CustomEvent<void>) => void;
         /**
-          * Emitted when the banner is closed.
+          * Emitted when the link is clicked
          */
-        "onAlertClosed"?: (event: CustomEvent<boolean>) => void;
+        "onLinkClick"?: (event: CustomEvent<void>) => void;
         /**
-          * Emitted when the footer button is clicked.
+          * Size of the banner
          */
-        "onBannerButtonClicked"?: (event: CustomEvent<boolean>) => void;
-        /**
-          * Sub headings of the banner
-         */
-        "subHeadings"?: string[];
+        "size"?: TSize;
         /**
-          * Text of the banner.
+          * Name of the browsing context where to display the linked URL: - `_self`: the current browsing context. (Default) - `_blank`: usually a new tab, but users can configure browsers to open a new window instead. - `_parent`: the parent browsing context of the current one. If no parent, behaves as `_self`. - `_top`: the topmost browsing context (the "highest" context that’s an ancestor of the current one). If no ancestors, behaves as `_self`.
          */
-        "text"?: string;
+        "target"?: string;
     }
     interface YooBarcode {
         "height"?: number;
@@ -10339,9 +10431,9 @@ declare namespace LocalJSX {
          */
         "color"?: TColor;
         /**
-          * Custom color passed to the background and border of the button. If completed, this property overrides the `color` one and the text is black.
+          * Custom color passed to the background and border of the button. If completed, this property overrides the `color` one and the text is black. Values can be either a color in a string format, or an object specifying colors for background-color, border-color, and color (for text)
          */
-        "customColor"?: string;
+        "customColor"?: string | Partial<Pick<CSSStyleDeclaration, 'backgroundColor' | 'borderColor' | 'color'>>;
         /**
           * If `true`, the user cannot interact with the button.
          */
@@ -10964,7 +11056,7 @@ declare namespace LocalJSX {
         "entry"?: ICardStickyEntry;
         "onOuterClicked"?: (event: CustomEvent<boolean>) => void;
         "onUserClicked"?: (event: CustomEvent<boolean>) => void;
-        "type"?: string;
+        "type"?: TCardStickyType;
     }
     interface YooCardTemplate {
         /**
@@ -11495,6 +11587,7 @@ declare namespace LocalJSX {
         "disableRowClick"?: boolean;
         "displaySize"?: TSize;
         "displayType"?: CardType;
+        "entityMapping"?: (entityType: EntityType, displayType: CardType, item: any) => ICardListEntry;
         "entityType"?: EntityType;
         "extraClass"?: string;
         "forceText"?: boolean;
@@ -11698,6 +11791,7 @@ declare namespace LocalJSX {
         "displayType"?: CardType;
         "dynamicOrdering"?: boolean;
         "emptyState"?: string;
+        "entityMapping"?: (entityType: EntityType, displayType: CardType, item: any) => any;
         "entityType"?: EntityType;
         "expandHeightOnShow"?: boolean;
         "extraClass"?: string;
@@ -11970,7 +12064,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;
@@ -12140,19 +12234,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;
@@ -12165,12 +12294,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 {
@@ -12483,6 +12653,7 @@ declare namespace LocalJSX {
     onlyTranslateMissingTranslations?: boolean;
     saveOnFinish?: boolean;
     closeOnFinish?: boolean;
+    errorMessages?: string[];
   }>) => void;
         "onWorkflowBranchAdded"?: (event: CustomEvent<IWorkflowStep>) => void;
         "onWorkflowCurrentStepChanged"?: (event: CustomEvent<IWorkflowStep>) => void;
@@ -13260,7 +13431,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
          */
@@ -13504,6 +13675,7 @@ declare namespace LocalJSX {
         "gridstackAllowEdit"?: boolean;
         "gridstackCellHeight"?: number;
         "gridstackConfig"?: IGridstackItem[][];
+        "gridstackFloat"?: boolean;
         "gridstackForceGridLines"?: boolean;
         "gridstackForceLoader"?: boolean;
         "gridstackFullOverlay"?: boolean;
@@ -13539,6 +13711,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;
@@ -14017,6 +14190,7 @@ declare namespace LocalJSX {
         "initialCheckboxParams"?: ICheckboxParams;
         "inlineActions"?: IButton[];
         "inputTabIndex"?: number;
+        "inputmode"?: string;
         "invalidMessage"?: string;
         "max"?: string;
         "maxCharacters"?: number;
@@ -14349,6 +14523,10 @@ declare namespace LocalJSX {
           * Size.
          */
         "size"?: TBaseSize;
+        /**
+          * Whether to use geolocation (will remove loader)
+         */
+        "useGeolocation"?: boolean;
         /**
           * Value submitted with the form.
          */
@@ -15320,6 +15498,7 @@ declare namespace LocalJSX {
         "emptyStateHandler"?: () => void;
         "emptyStateHeader"?: string;
         "emptyStateTextPosition"?: 'top' | 'bottom';
+        "entityMapping"?: (entityType: EntityType, displayType: CardType, item: any) => any;
         "entityType"?: EntityType;
         "extraClass"?: string;
         "field"?: IFormField;
@@ -15553,6 +15732,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;
@@ -16224,6 +16404,20 @@ declare namespace LocalJSX {
         "onKpiLinkClick"?: (event: CustomEvent<any>) => void;
         "onOpenInFullscreen"?: (event: CustomEvent<any>) => void;
     }
+    interface YooLayoutSections {
+        "config"?: ILayoutSectionConfig[];
+        "onSeeAllClicked"?: (event: CustomEvent<string>) => void;
+    }
+    interface YooLayoutTabs {
+        "header"?: string;
+        "hideHeader"?: boolean;
+        "onTabSelected"?: (event: CustomEvent<ITabSelectedEvent>) => void;
+        "selectedTabIndex"?: number;
+        "tabs"?: ITab[];
+    }
+    interface YooLayoutTwoColumns {
+        "header"?: string;
+    }
     interface YooLessonDetail {
         "assignmentDate"?: Date;
         "highscores"?: IUserRank[];
@@ -16345,7 +16539,7 @@ declare namespace LocalJSX {
         /**
           * Size.
          */
-        "size"?: TBaseSize;
+        "size"?: TSize;
         /**
           * Text displayed at the bottom, translated if necessary and followed by an ellipsis.
          */
@@ -17157,7 +17351,8 @@ declare namespace LocalJSX {
          */
         "sections"?: ISectionListSection[];
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated"?: boolean;
         "initialIndex"?: number;
         "maxWidth"?: number;
         "onSegmentSelected"?: (event: CustomEvent<number>) => void;
@@ -17319,10 +17514,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.
          */
@@ -17584,6 +17775,11 @@ declare namespace LocalJSX {
          */
         "showEllipsisIcon"?: boolean;
     }
+    interface YooTruncatedLine {
+        "content"?: string;
+        "tooltipPlacement"?: Placement;
+        "withTooltip"?: boolean;
+    }
     interface YooUserDetail {
         "courses"?: ICourse[];
         "onBadgeSelected"?: (event: CustomEvent<IBadge>) => void;
@@ -18222,7 +18418,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;
@@ -18363,6 +18563,9 @@ declare namespace LocalJSX {
         "yoo-kpi-card": YooKpiCard;
         "yoo-kpi-container": YooKpiContainer;
         "yoo-kpi-external": YooKpiExternal;
+        "yoo-layout-sections": YooLayoutSections;
+        "yoo-layout-tabs": YooLayoutTabs;
+        "yoo-layout-two-columns": YooLayoutTwoColumns;
         "yoo-lesson-detail": YooLessonDetail;
         "yoo-lesson-detail-card": YooLessonDetailCard;
         "yoo-lesson-heading": YooLessonHeading;
@@ -18418,7 +18621,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;
@@ -18433,6 +18636,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;
@@ -18584,7 +18788,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>;
@@ -18725,6 +18933,9 @@ declare module "@stencil/core" {
             "yoo-kpi-card": LocalJSX.YooKpiCard & JSXBase.HTMLAttributes<HTMLYooKpiCardElement>;
             "yoo-kpi-container": LocalJSX.YooKpiContainer & JSXBase.HTMLAttributes<HTMLYooKpiContainerElement>;
             "yoo-kpi-external": LocalJSX.YooKpiExternal & JSXBase.HTMLAttributes<HTMLYooKpiExternalElement>;
+            "yoo-layout-sections": LocalJSX.YooLayoutSections & JSXBase.HTMLAttributes<HTMLYooLayoutSectionsElement>;
+            "yoo-layout-tabs": LocalJSX.YooLayoutTabs & JSXBase.HTMLAttributes<HTMLYooLayoutTabsElement>;
+            "yoo-layout-two-columns": LocalJSX.YooLayoutTwoColumns & JSXBase.HTMLAttributes<HTMLYooLayoutTwoColumnsElement>;
             "yoo-lesson-detail": LocalJSX.YooLessonDetail & JSXBase.HTMLAttributes<HTMLYooLessonDetailElement>;
             "yoo-lesson-detail-card": LocalJSX.YooLessonDetailCard & JSXBase.HTMLAttributes<HTMLYooLessonDetailCardElement>;
             "yoo-lesson-heading": LocalJSX.YooLessonHeading & JSXBase.HTMLAttributes<HTMLYooLessonHeadingElement>;
@@ -18780,7 +18991,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>;
@@ -18795,6 +19006,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>;