@yoobic/yobi 8.1.17 → 8.2.0-10

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
          */
@@ -245,6 +245,7 @@ export namespace Components {
           * Reinit the player when being within in a slide
          */
         "isVisible"?: boolean;
+        "pause": () => Promise<void>;
         /**
           * Set to true to play the audio on load
          */
@@ -362,6 +363,13 @@ export namespace Components {
           * @default undefined
          */
         "concatCount": number;
+        /**
+          * Whether the images should be displayed instantly or not (for Chromatic for example).
+          * @property {instant}
+          * @type boolean
+          * @default false
+         */
+        "instant"?: boolean;
         /**
           * If ```true```, passes into the avatars if the user is online.
           * @property {isOnline}
@@ -385,7 +393,7 @@ export namespace Components {
         "maxDisplay": number;
         /**
           * If ```true```, add a show more call to action
-          * @property {withTooltip}
+          * @property {showMore}
           * @type boolean
           * @default false
          */
@@ -457,55 +465,34 @@ export namespace Components {
     }
     interface YooBanner {
         /**
-          * Animation name for the banner.
-         */
-        "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;
-        /**
-          * Text of the footer button.
+          * If `true`, a close button is displayed
          */
-        "footerBtnText": string;
+        "closable"?: boolean;
+        "close": (event: MouseEvent) => Promise<void>;
         /**
-          * Heading of the banner.
+          * If `true`, the banner will be filled of the type color
          */
-        "heading": string;
+        "fill"?: boolean;
         /**
-          * Icon of the banner.
+          * Left icon props
          */
-        "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;
@@ -620,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.
          */
@@ -1124,6 +1111,7 @@ export namespace Components {
           * If `true` and for `large` size, it displays the description on top of the image when `selection` mode or when hovered. If `true` and for `medium` size, it does not display the description. Otherwise, it displays the description at the bottom.  This property only applies for `medium` and `large` sizes.
          */
         "overlaid"?: boolean;
+        "pauseAudioPlayer": () => Promise<void>;
         /**
           * Selection state displayed in the upper left corner via a checkbox, when `selection` mode or when hovered.
          */
@@ -1211,8 +1199,8 @@ export namespace Components {
         "type": 'lesson' | 'plan';
     }
     interface YooCardSticky {
-        "entry": ICardStickyEntry;
-        "type"?: string;
+        "entry"?: ICardStickyEntry;
+        "type"?: TCardStickyType;
     }
     interface YooCardTemplate {
         /**
@@ -1806,6 +1794,12 @@ export namespace Components {
          */
         "shape"?: TFlagShape;
     }
+    interface YooFlipCard {
+        "flipDirection"?: 'vertical' | 'horizontal';
+        "initCardSize": () => Promise<void>;
+        "layout"?: 'card' | 'unset';
+        "revealed"?: boolean;
+    }
     interface YooFormAudience {
         "allowLibrary"?: boolean;
         "asyncValidators": AsyncValidator<IAudienceQuery>[];
@@ -2240,19 +2234,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;
@@ -2260,12 +2279,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 {
@@ -3482,6 +3532,7 @@ export namespace Components {
         "initialCheckboxParams": ICheckboxParams;
         "inlineActions"?: IButton[];
         "inputTabIndex": number;
+        "inputmode"?: string;
         "invalidMessage": string;
         "isValidityNotEmpty": () => Promise<boolean>;
         "max": string;
@@ -3763,6 +3814,10 @@ export namespace Components {
           * Size.
          */
         "size"?: TBaseSize;
+        /**
+          * Whether to use geolocation (will remove loader)
+         */
+        "useGeolocation"?: boolean;
         /**
           * Value submitted with the form.
          */
@@ -4196,6 +4251,7 @@ export namespace Components {
         "displaySegmentsCount"?: boolean;
         "focusOnRendered": boolean;
         "getFocusedElement": () => Promise<IInsertElementProp>;
+        "getText": () => Promise<string>;
         "hasText": () => Promise<boolean>;
         "initialRows": number;
         "inlineActions"?: IButton[];
@@ -4530,6 +4586,7 @@ export namespace Components {
         "emptyStateHeader": string;
         "emptyStateTextPosition"?: 'top' | 'bottom';
         "entityType": EntityType;
+        "expandTreePath": (routes: string[]) => Promise<void>;
         "extraClass": string;
         "field"?: IFormField;
         "fields"?: any[];
@@ -4661,7 +4718,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;
@@ -5427,6 +5486,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[];
@@ -5538,7 +5609,7 @@ export namespace Components {
         /**
           * Size.
          */
-        "size"?: TBaseSize;
+        "size"?: TSize;
         /**
           * Text displayed at the bottom, translated if necessary and followed by an ellipsis.
          */
@@ -5579,6 +5650,10 @@ export namespace Components {
         "webSubtitleText": string[];
     }
     interface YooLottie {
+        /**
+          * Animation will start only if animated is `true`
+         */
+        "animated"?: boolean;
         /**
           * If `true`, it plays the animation as soon as it is loaded.
          */
@@ -6176,14 +6251,8 @@ export namespace Components {
         "success": boolean;
     }
     interface YooReveal {
-        /**
-          * Validity is true once all cards revealed
-         */
-        "validity": boolean;
-        /**
-          * Values that are passed from lesson creator
-         */
-        "values": IRevealValue[];
+        "validity"?: boolean;
+        "values"?: IRevealValue[];
     }
     interface YooRippleEffect {
         /**
@@ -6273,7 +6342,8 @@ export namespace Components {
         "toggleSelectAll": () => Promise<void>;
         "unselectAll": () => Promise<void>;
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated": boolean;
         "initialIndex": number;
         "maxWidth"?: number;
         "readonly"?: boolean;
@@ -6415,10 +6485,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
          */
@@ -6668,6 +6734,11 @@ export namespace Components {
          */
         "showEllipsisIcon": boolean;
     }
+    interface YooTruncatedLine {
+        "content"?: string;
+        "tooltipPlacement"?: Placement;
+        "withTooltip"?: boolean;
+    }
     interface YooUserDetail {
         "courses": ICourse[];
         "showEmptyState": boolean;
@@ -7823,6 +7894,12 @@ declare global {
         prototype: HTMLYooFlagElement;
         new (): HTMLYooFlagElement;
     };
+    interface HTMLYooFlipCardElement extends Components.YooFlipCard, HTMLStencilElement {
+    }
+    var HTMLYooFlipCardElement: {
+        prototype: HTMLYooFlipCardElement;
+        new (): HTMLYooFlipCardElement;
+    };
     interface HTMLYooFormAudienceElement extends Components.YooFormAudience, HTMLStencilElement {
     }
     var HTMLYooFormAudienceElement: {
@@ -7925,11 +8002,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 {
     }
@@ -8771,6 +8872,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: {
@@ -9101,11 +9220,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 {
     }
@@ -9191,6 +9310,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: {
@@ -9449,6 +9574,7 @@ declare global {
         "yoo-entity-search-tags": HTMLYooEntitySearchTagsElement;
         "yoo-feed-detail": HTMLYooFeedDetailElement;
         "yoo-flag": HTMLYooFlagElement;
+        "yoo-flip-card": HTMLYooFlipCardElement;
         "yoo-form-audience": HTMLYooFormAudienceElement;
         "yoo-form-autocomplete": HTMLYooFormAutocompleteElement;
         "yoo-form-autocomplete-dialog": HTMLYooFormAutocompleteDialogElement;
@@ -9466,7 +9592,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;
@@ -9607,6 +9737,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;
@@ -9662,7 +9795,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;
@@ -9677,6 +9810,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;
@@ -9766,7 +9900,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;
@@ -10021,6 +10154,13 @@ declare namespace LocalJSX {
           * @default undefined
          */
         "concatCount"?: number;
+        /**
+          * Whether the images should be displayed instantly or not (for Chromatic for example).
+          * @property {instant}
+          * @type boolean
+          * @default false
+         */
+        "instant"?: boolean;
         /**
           * If ```true```, passes into the avatars if the user is online.
           * @property {isOnline}
@@ -10051,7 +10191,7 @@ declare namespace LocalJSX {
         "onClicked"?: (event: CustomEvent<boolean>) => void;
         /**
           * If ```true```, add a show more call to action
-          * @property {withTooltip}
+          * @property {showMore}
           * @type boolean
           * @default false
          */
@@ -10123,66 +10263,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.
-         */
-        "footerBtnColor"?: TColor;
-        "footerBtnFill"?: TButtonFill;
-        /**
-          * Text of the footer button.
-         */
-        "footerBtnText"?: string;
-        /**
-          * Heading of the banner.
+          * If `true`, the banner will be filled of the type color
          */
-        "heading"?: string;
+        "fill"?: boolean;
         /**
-          * Icon of the banner.
+          * Left icon props
          */
-        "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;
@@ -10312,9 +10427,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.
          */
@@ -10937,7 +11052,7 @@ declare namespace LocalJSX {
         "entry"?: ICardStickyEntry;
         "onOuterClicked"?: (event: CustomEvent<boolean>) => void;
         "onUserClicked"?: (event: CustomEvent<boolean>) => void;
-        "type"?: string;
+        "type"?: TCardStickyType;
     }
     interface YooCardTemplate {
         /**
@@ -11619,6 +11734,12 @@ declare namespace LocalJSX {
          */
         "shape"?: TFlagShape;
     }
+    interface YooFlipCard {
+        "flipDirection"?: 'vertical' | 'horizontal';
+        "layout"?: 'card' | 'unset';
+        "onCardRevealed"?: (event: CustomEvent<boolean>) => void;
+        "revealed"?: boolean;
+    }
     interface YooFormAudience {
         "allowLibrary"?: boolean;
         "asyncValidators"?: AsyncValidator<IAudienceQuery>[];
@@ -12107,19 +12228,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;
@@ -12132,12 +12288,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 {
@@ -13984,6 +14181,7 @@ declare namespace LocalJSX {
         "initialCheckboxParams"?: ICheckboxParams;
         "inlineActions"?: IButton[];
         "inputTabIndex"?: number;
+        "inputmode"?: string;
         "invalidMessage"?: string;
         "max"?: string;
         "maxCharacters"?: number;
@@ -14316,6 +14514,10 @@ declare namespace LocalJSX {
           * Size.
          */
         "size"?: TBaseSize;
+        /**
+          * Whether to use geolocation (will remove loader)
+         */
+        "useGeolocation"?: boolean;
         /**
           * Value submitted with the form.
          */
@@ -16191,6 +16393,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[];
@@ -16312,7 +16528,7 @@ declare namespace LocalJSX {
         /**
           * Size.
          */
-        "size"?: TBaseSize;
+        "size"?: TSize;
         /**
           * Text displayed at the bottom, translated if necessary and followed by an ellipsis.
          */
@@ -16363,6 +16579,10 @@ declare namespace LocalJSX {
         "webSubtitleText"?: string[];
     }
     interface YooLottie {
+        /**
+          * Animation will start only if animated is `true`
+         */
+        "animated"?: boolean;
         /**
           * If `true`, it plays the animation as soon as it is loaded.
          */
@@ -17021,17 +17241,8 @@ declare namespace LocalJSX {
         "success"?: boolean;
     }
     interface YooReveal {
-        /**
-          * An event is triggered when all cards revealed
-         */
         "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
-        /**
-          * Validity is true once all cards revealed
-         */
         "validity"?: boolean;
-        /**
-          * Values that are passed from lesson creator
-         */
         "values"?: IRevealValue[];
     }
     interface YooRippleEffect {
@@ -17129,7 +17340,8 @@ declare namespace LocalJSX {
          */
         "sections"?: ISectionListSection[];
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated"?: boolean;
         "initialIndex"?: number;
         "maxWidth"?: number;
         "onSegmentSelected"?: (event: CustomEvent<number>) => void;
@@ -17291,10 +17503,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.
          */
@@ -17556,6 +17764,11 @@ declare namespace LocalJSX {
          */
         "showEllipsisIcon"?: boolean;
     }
+    interface YooTruncatedLine {
+        "content"?: string;
+        "tooltipPlacement"?: Placement;
+        "withTooltip"?: boolean;
+    }
     interface YooUserDetail {
         "courses"?: ICourse[];
         "onBadgeSelected"?: (event: CustomEvent<IBadge>) => void;
@@ -18176,6 +18389,7 @@ declare namespace LocalJSX {
         "yoo-entity-search-tags": YooEntitySearchTags;
         "yoo-feed-detail": YooFeedDetail;
         "yoo-flag": YooFlag;
+        "yoo-flip-card": YooFlipCard;
         "yoo-form-audience": YooFormAudience;
         "yoo-form-autocomplete": YooFormAutocomplete;
         "yoo-form-autocomplete-dialog": YooFormAutocompleteDialog;
@@ -18193,7 +18407,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;
@@ -18334,6 +18552,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;
@@ -18389,7 +18610,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;
@@ -18404,6 +18625,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;
@@ -18537,6 +18759,7 @@ declare module "@stencil/core" {
             "yoo-entity-search-tags": LocalJSX.YooEntitySearchTags & JSXBase.HTMLAttributes<HTMLYooEntitySearchTagsElement>;
             "yoo-feed-detail": LocalJSX.YooFeedDetail & JSXBase.HTMLAttributes<HTMLYooFeedDetailElement>;
             "yoo-flag": LocalJSX.YooFlag & JSXBase.HTMLAttributes<HTMLYooFlagElement>;
+            "yoo-flip-card": LocalJSX.YooFlipCard & JSXBase.HTMLAttributes<HTMLYooFlipCardElement>;
             "yoo-form-audience": LocalJSX.YooFormAudience & JSXBase.HTMLAttributes<HTMLYooFormAudienceElement>;
             "yoo-form-autocomplete": LocalJSX.YooFormAutocomplete & JSXBase.HTMLAttributes<HTMLYooFormAutocompleteElement>;
             "yoo-form-autocomplete-dialog": LocalJSX.YooFormAutocompleteDialog & JSXBase.HTMLAttributes<HTMLYooFormAutocompleteDialogElement>;
@@ -18554,7 +18777,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>;
@@ -18695,6 +18922,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>;
@@ -18750,7 +18980,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>;
@@ -18765,6 +18995,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>;