pds-dev-kit-web-test 2.7.1 → 2.7.2

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType, Language, DropdownGroupInfo } from './src/common';
-export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType, Language, DropdownGroupInfo };
+import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, TextLabelStyleThemeType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType, Language, DropdownGroupInfo } from './src/common';
+export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, TextLabelStyleThemeType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType, Language, DropdownGroupInfo };
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
 export { theme };
 export { dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni } from './src/common/styles';
@@ -8,20 +8,20 @@ export { AdminListItemTransition, InputTransition, ButtonTransition } from './sr
 export { Form };
 import { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch } from './src/hybrid';
 export { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch };
-import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, D_DesktopHeadlessModal, D_DesktopTutorialModal, DesktopTutorialModalInfoType, D_SectionSheet } from './src/desktop';
+import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, D_DesktopHeadlessModal, D_DesktopTutorialModal, DesktopTutorialModalInfoType, D_SectionSheet, D_Calendar, D_RichTextEditor, D_LocalizedContentModal, LocalizedButton } from './src/desktop';
 export { LayoutWF, WFContainersBox };
 export { LayoutWH, WHContainersBox };
 export { LayoutWS, WSGlobalMenuContainer, WSContainersBox };
 export { LayoutWT, WTGlobalMenuContainer, WTContainersBox };
-export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab };
-export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, D_DesktopHeadlessModal, D_DesktopTutorialModal, D_SectionSheet };
+export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_Calendar, D_RichTextEditor, LocalizedButton };
+export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, D_DesktopHeadlessModal, D_DesktopTutorialModal, D_LocalizedContentModal, D_SectionSheet };
 export type { DesktopBasicModalWithTabInfoType, DesktopTutorialModalInfoType };
-import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet } from './src/mobile';
+import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet, M_RichTextEditor } from './src/mobile';
 export { LayoutMF, MFContainersBox };
 export { LayoutMM, MMNavigationContainer, MMContainersBox };
 export { LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox };
 export { LayoutMS, MSNavigationContainer, MSContainersBox };
-export { M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_StatusBlock, M_TextButton, M_TextField, M_TextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton };
+export { M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_RichTextEditor };
 export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };
 import { DynamicLayout } from './src/sub';
 export { DynamicLayout };

package/dist/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.ButtonTransition = exports.InputTransition = exports.AdminListItemTransition = exports.scaleBounceOutIncludeTranslate02 = exports.scaleBounceInIncludeTranslate02 = exports.scaleBounceOutIncludeTranslate = exports.scaleBounceInIncludeTranslate = exports.scaleBounceOut02 = exports.scaleBounceOut = exports.scaleBounceIn02 = exports.scaleBounceIn = exports.gelatine = exports.scaleDownIncludeTranslate = exports.scaleUpIncludeTranslate = exports.scaleDown = exports.scaleUp = exports.glow = exports.fadeOut = exports.fadeIn = exports.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
-exports.D_TextButton = exports.D_StatusBlock = exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = void 0;
-exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_DatePicker = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_TextLabel = exports.D_TextField = void 0;
-exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_TextLabel = exports.M_TextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = void 0;
+exports.D_Snackbar = exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = void 0;
+exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BoxItem = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_LocalizedContentModal = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.LocalizedButton = exports.D_RichTextEditor = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = void 0;
+exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_RichTextEditor = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_PriceTextLabel = exports.M_TextLabel = exports.M_TextField = exports.M_PriceTextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Snackbar = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_DatePicker = exports.M_ContextMenuItem = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -87,6 +87,7 @@ Object.defineProperty(exports, "D_BasicList", { enumerable: true, get: function
 Object.defineProperty(exports, "D_BasicListItem", { enumerable: true, get: function () { return desktop_1.D_BasicListItem; } });
 Object.defineProperty(exports, "D_BlogTextField", { enumerable: true, get: function () { return desktop_1.D_BlogTextField; } });
 Object.defineProperty(exports, "D_BodyTextGroup", { enumerable: true, get: function () { return desktop_1.D_BodyTextGroup; } });
+Object.defineProperty(exports, "D_BoxItem", { enumerable: true, get: function () { return desktop_1.D_BoxItem; } });
 Object.defineProperty(exports, "D_Card", { enumerable: true, get: function () { return desktop_1.D_Card; } });
 Object.defineProperty(exports, "D_CardList", { enumerable: true, get: function () { return desktop_1.D_CardList; } });
 Object.defineProperty(exports, "D_ChatBubbleListItem", { enumerable: true, get: function () { return desktop_1.D_ChatBubbleListItem; } });
@@ -116,10 +117,13 @@ Object.defineProperty(exports, "D_ReactionButton", { enumerable: true, get: func
 Object.defineProperty(exports, "D_SegmentedButtonGroup", { enumerable: true, get: function () { return desktop_1.D_SegmentedButtonGroup; } });
 Object.defineProperty(exports, "D_Select", { enumerable: true, get: function () { return desktop_1.D_Select; } });
 Object.defineProperty(exports, "D_Slider", { enumerable: true, get: function () { return desktop_1.D_Slider; } });
+Object.defineProperty(exports, "D_Snackbar", { enumerable: true, get: function () { return desktop_1.D_Snackbar; } });
 Object.defineProperty(exports, "D_StatusBlock", { enumerable: true, get: function () { return desktop_1.D_StatusBlock; } });
 Object.defineProperty(exports, "D_TextButton", { enumerable: true, get: function () { return desktop_1.D_TextButton; } });
+Object.defineProperty(exports, "D_PriceTextField", { enumerable: true, get: function () { return desktop_1.D_PriceTextField; } });
 Object.defineProperty(exports, "D_TextField", { enumerable: true, get: function () { return desktop_1.D_TextField; } });
 Object.defineProperty(exports, "D_TextLabel", { enumerable: true, get: function () { return desktop_1.D_TextLabel; } });
+Object.defineProperty(exports, "D_PriceTextLabel", { enumerable: true, get: function () { return desktop_1.D_PriceTextLabel; } });
 Object.defineProperty(exports, "D_UploadIconButton", { enumerable: true, get: function () { return desktop_1.D_UploadIconButton; } });
 Object.defineProperty(exports, "D_UploadMainButton", { enumerable: true, get: function () { return desktop_1.D_UploadMainButton; } });
 Object.defineProperty(exports, "D_UploadTextButton", { enumerable: true, get: function () { return desktop_1.D_UploadTextButton; } });
@@ -133,6 +137,10 @@ Object.defineProperty(exports, "D_DesktopBasicModalWithTab", { enumerable: true,
 Object.defineProperty(exports, "D_DesktopHeadlessModal", { enumerable: true, get: function () { return desktop_1.D_DesktopHeadlessModal; } });
 Object.defineProperty(exports, "D_DesktopTutorialModal", { enumerable: true, get: function () { return desktop_1.D_DesktopTutorialModal; } });
 Object.defineProperty(exports, "D_SectionSheet", { enumerable: true, get: function () { return desktop_1.D_SectionSheet; } });
+Object.defineProperty(exports, "D_Calendar", { enumerable: true, get: function () { return desktop_1.D_Calendar; } });
+Object.defineProperty(exports, "D_RichTextEditor", { enumerable: true, get: function () { return desktop_1.D_RichTextEditor; } });
+Object.defineProperty(exports, "D_LocalizedContentModal", { enumerable: true, get: function () { return desktop_1.D_LocalizedContentModal; } });
+Object.defineProperty(exports, "LocalizedButton", { enumerable: true, get: function () { return desktop_1.LocalizedButton; } });
 // mobile
 var mobile_1 = require("./src/mobile");
 Object.defineProperty(exports, "LayoutMF", { enumerable: true, get: function () { return mobile_1.LayoutMF; } });
@@ -154,6 +162,7 @@ Object.defineProperty(exports, "M_BasicList", { enumerable: true, get: function
 Object.defineProperty(exports, "M_BasicListItem", { enumerable: true, get: function () { return mobile_1.M_BasicListItem; } });
 Object.defineProperty(exports, "M_BlogTextField", { enumerable: true, get: function () { return mobile_1.M_BlogTextField; } });
 Object.defineProperty(exports, "M_BodyTextGroup", { enumerable: true, get: function () { return mobile_1.M_BodyTextGroup; } });
+Object.defineProperty(exports, "M_BoxItem", { enumerable: true, get: function () { return mobile_1.M_BoxItem; } });
 Object.defineProperty(exports, "M_Card", { enumerable: true, get: function () { return mobile_1.M_Card; } });
 Object.defineProperty(exports, "M_CardList", { enumerable: true, get: function () { return mobile_1.M_CardList; } });
 Object.defineProperty(exports, "M_ChatBubbleListItem", { enumerable: true, get: function () { return mobile_1.M_ChatBubbleListItem; } });
@@ -178,10 +187,13 @@ Object.defineProperty(exports, "M_ReactionButton", { enumerable: true, get: func
 Object.defineProperty(exports, "M_SegmentedButtonGroup", { enumerable: true, get: function () { return mobile_1.M_SegmentedButtonGroup; } });
 Object.defineProperty(exports, "M_Select", { enumerable: true, get: function () { return mobile_1.M_Select; } });
 Object.defineProperty(exports, "M_Slider", { enumerable: true, get: function () { return mobile_1.M_Slider; } });
+Object.defineProperty(exports, "M_Snackbar", { enumerable: true, get: function () { return mobile_1.M_Snackbar; } });
 Object.defineProperty(exports, "M_StatusBlock", { enumerable: true, get: function () { return mobile_1.M_StatusBlock; } });
 Object.defineProperty(exports, "M_TextButton", { enumerable: true, get: function () { return mobile_1.M_TextButton; } });
+Object.defineProperty(exports, "M_PriceTextField", { enumerable: true, get: function () { return mobile_1.M_PriceTextField; } });
 Object.defineProperty(exports, "M_TextField", { enumerable: true, get: function () { return mobile_1.M_TextField; } });
 Object.defineProperty(exports, "M_TextLabel", { enumerable: true, get: function () { return mobile_1.M_TextLabel; } });
+Object.defineProperty(exports, "M_PriceTextLabel", { enumerable: true, get: function () { return mobile_1.M_PriceTextLabel; } });
 Object.defineProperty(exports, "M_UploadIconButton", { enumerable: true, get: function () { return mobile_1.M_UploadIconButton; } });
 Object.defineProperty(exports, "M_UploadMainButton", { enumerable: true, get: function () { return mobile_1.M_UploadMainButton; } });
 Object.defineProperty(exports, "M_UploadTextButton", { enumerable: true, get: function () { return mobile_1.M_UploadTextButton; } });
@@ -189,6 +201,7 @@ Object.defineProperty(exports, "M_AnnotationSheet", { enumerable: true, get: fun
 Object.defineProperty(exports, "M_ContentSheet", { enumerable: true, get: function () { return mobile_1.M_ContentSheet; } });
 Object.defineProperty(exports, "M_MobileBasicModal", { enumerable: true, get: function () { return mobile_1.M_MobileBasicModal; } });
 Object.defineProperty(exports, "M_SectionSheet", { enumerable: true, get: function () { return mobile_1.M_SectionSheet; } });
+Object.defineProperty(exports, "M_RichTextEditor", { enumerable: true, get: function () { return mobile_1.M_RichTextEditor; } });
 // sub
 // dynamicLayout
 var sub_1 = require("./src/sub");

package/dist/scripts/copy-tinymce.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/scripts/copy-tinymce.js

@@ -0,0 +1,32 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+var fs = require('fs');
+var path = require('path');
+var sourceDir = path.join(__dirname, '../node_modules/tinymce');
+var targetDir = path.join(__dirname, '../dist/tinymce');
+function copyDir(src, dest) {
+    if (!fs.existsSync(dest)) {
+        fs.mkdirSync(dest, { recursive: true });
+    }
+    var items = fs.readdirSync(src);
+    items.forEach(function (item) {
+        var srcPath = path.join(src, item);
+        var destPath = path.join(dest, item);
+        if (fs.statSync(srcPath).isDirectory()) {
+            copyDir(srcPath, destPath);
+        }
+        else {
+            fs.copyFileSync(srcPath, destPath);
+        }
+    });
+}
+console.log('Copying TinyMCE static files to dist...');
+if (fs.existsSync(sourceDir)) {
+    copyDir(sourceDir, targetDir);
+    console.log('TinyMCE static files copied successfully!');
+    console.log("Files copied to: ".concat(targetDir));
+}
+else {
+    console.error('TinyMCE source directory not found:', sourceDir);
+    console.log('Make sure tinymce is installed: npm install tinymce');
+    process.exit(1);
+}

package/dist/src/common/assets/icons/fill/Gift.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Gift: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Gift;

package/dist/src/common/assets/icons/fill/Gift.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Gift = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M13.8,2.3596 C14.591,1.3776 15.88,0.9926 17.082,1.3776 C17.856,1.6256 18.486,2.1596 18.857,2.8796 C19.228,3.6006 19.295,4.4236 19.047,5.1976 C18.7037773,6.26707486 17.787759,7.05249947 16.6941925,7.25484256 L19.2831,7.2539 C20.9401,7.2539 22.2831,8.5969 22.2831,10.2539 L22.2831,12.1399 C22.2831,12.4159 22.0591,12.6399 21.7831,12.6399 L14.5291,12.6399 L14.5283,7.40538409 L13.25,7.4816 L13.25,22.0926 L10.75,22.0926 L10.75,7.4816 L9.4703,7.40538409 L9.4713,12.6399 L2.2173,12.6399 C1.9403,12.6399 1.7173,12.4159 1.7173,12.1399 L1.7173,10.2539 C1.7173,8.5969 3.0603,7.2539 4.7173,7.2539 L7.29874246,7.25515148 C6.21528902,7.05511083 5.29679344,6.26885328 4.953,5.1976 C4.442,3.6026 5.323,1.8896 6.918,1.3776 C8.12,0.9926 9.408,1.3776 10.199,2.3586 L12,4.5986 Z M21.5839,13.7451 L21.5839,19.0921 C21.5839,20.7491 20.2409,22.0921 18.5839,22.0921 L14.5289,22.0921 L14.5289,13.7451 L21.5839,13.7451 Z M9.4713,13.7451 L9.4713,22.0921 L5.4163,22.0921 C3.7593,22.0921 2.4163,20.7491 2.4163,19.0921 L2.4163,13.7451 L9.4713,13.7451 Z M16.154,3.7326 C15.998,3.7326 15.849,3.8016 15.748,3.9276 L14.99,4.8696 L16.141,4.8066 C16.354,4.7976 16.587,4.6806 16.666,4.4346 C16.758,4.1476 16.605,3.8506 16.319,3.7586 C16.264,3.7416 16.208,3.7326 16.154,3.7326 Z M7.846,3.7326 C7.791,3.7326 7.736,3.7416 7.681,3.7586 C7.395,3.8506 7.242,4.1476 7.334,4.4346 C7.413,4.6806 7.645,4.7976 7.841,4.8056 L9.01,4.8696 L8.252,3.9266 C8.151,3.8016 8.002,3.7326 7.846,3.7326 Z" }) })) })));
+};
+exports.default = Gift;

package/dist/src/common/assets/icons/fill/Translate.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Translate: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Translate;

package/dist/src/common/assets/icons/fill/Translate.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Translate = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M7.097,7.947 C6.356,6.96 5.801,5.917 5.413,4.781 L8.679,4.781 C8.263,6.029 7.742,7.072 7.097,7.947 L7.097,7.947 Z M16.353,12.562 L13.833,12.562 L15.099,8.982 L16.353,12.562 Z M16.608,5.369 L16.497,5.076 L13.666,5.076 L11.391,11.25 C10.424,10.814 9.569,10.32 8.882,9.798 C9.972,8.418 10.808,6.734 11.37,4.781 L13.655,4.781 L13.655,2.413 L8.256,2.413 L8.256,0 L5.743,0 L5.743,2.413 L0.454,2.413 L0.454,4.781 L2.778,4.781 C3.348,6.624 4.211,8.335 5.295,9.767 C4.321,10.562 2.798,11.553 0.706,12.205 L0,12.431 L1.355,14.732 L1.819,14.559 C3.726,13.858 5.579,12.815 7.075,11.604 C7.998,12.353 9.19,13.082 10.491,13.693 L8.813,18.245 L11.805,18.245 L12.945,15.022 L17.221,15.022 L18.363,18.245 L21.389,18.245 L16.608,5.369 Z", transform: "translate(2 2.85)" }) })));
+};
+exports.default = Translate;

package/dist/src/common/assets/icons/fill/index.d.ts

@@ -124,6 +124,7 @@ declare const fillIcons: {
     readonly ic_toggle_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_trashcan: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_translate: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_typeface_system: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_unavailable: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_upload: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -165,5 +166,6 @@ declare const fillIcons: {
     readonly ic_video_stop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cam: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cam_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_gift: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default fillIcons;

package/dist/src/common/assets/icons/fill/index.js

@@ -61,6 +61,7 @@ var Envelope_1 = __importDefault(require("./Envelope"));
 var Eye_1 = __importDefault(require("./Eye"));
 var EyeClose_1 = __importDefault(require("./EyeClose"));
 var Face_1 = __importDefault(require("./Face"));
+var Gift_1 = __importDefault(require("./Gift"));
 var Group_1 = __importDefault(require("./Group"));
 var Heart_1 = __importDefault(require("./Heart"));
 var HelpWindow_1 = __importDefault(require("./HelpWindow"));
@@ -145,6 +146,7 @@ var ThumbDown_1 = __importDefault(require("./ThumbDown"));
 var ThumbUp_1 = __importDefault(require("./ThumbUp"));
 var ToggleDown_1 = __importDefault(require("./ToggleDown"));
 var ToggleUp_1 = __importDefault(require("./ToggleUp"));
+var Translate_1 = __importDefault(require("./Translate"));
 var Trashcan_1 = __importDefault(require("./Trashcan"));
 var TypefaceSystem_1 = __importDefault(require("./TypefaceSystem"));
 var Unavailable_1 = __importDefault(require("./Unavailable"));
@@ -293,6 +295,7 @@ var fillIcons = {
     ic_toggle_down: ToggleDown_1.default,
     ic_toggle_up: ToggleUp_1.default,
     ic_trashcan: Trashcan_1.default,
+    ic_translate: Translate_1.default,
     ic_typeface_system: TypefaceSystem_1.default,
     ic_unavailable: Unavailable_1.default,
     ic_upload: Upload_1.default,
@@ -333,6 +336,7 @@ var fillIcons = {
     ic_send_to_back_arrow: SendToBackArrow_1.default,
     ic_video_stop: VideoStop_1.default,
     ic_cam: Cam_1.default,
-    ic_cam_off: CamOff_1.default
+    ic_cam_off: CamOff_1.default,
+    ic_gift: Gift_1.default
 };
 exports.default = fillIcons;

package/dist/src/common/assets/icons/line/Gift.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Gift: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Gift;

package/dist/src/common/assets/icons/line/Gift.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Gift = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeWidth: "1.5", d: "M14.7435,3.0896 C15.3015,2.3966 16.2405,2.0886 17.1355,2.3756 C18.3065,2.7506 18.9475,3.9956 18.5725,5.1676 C18.2765,6.0906 17.4285,6.6696 16.5245,6.7056 L14.0885,6.8386 L12.3581175,6.94762172 L12.3973,6.997 L11.9921175,6.97062172 L11.6005,6.9966 L11.6381175,6.94762172 L9.9103,6.838 L7.4733,6.706 C6.5693,6.67 5.7223,6.091 5.4263,5.167 C5.0513,3.996 5.6913,2.751 6.8623,2.376 C7.7583,2.089 8.6963,2.397 9.2553,3.09 L11.9981175,6.50062172 Z M11.9991,5.9648 L11.9991,20.8798" }), (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M19.0068,6.4449 C20.9398,6.4449 22.5068,8.0119 22.5068,9.9449 L22.5068,11.1159 C22.5068,11.8346198 22.1274815,12.465185 21.5578445,12.817768 L21.5573,18.5922 C21.5573,20.5252 19.9903,22.0922 18.0573,22.0922 L5.9413,22.0922 C4.0083,22.0922 2.4413,20.5252 2.4413,18.5922 L2.44075546,12.817768 C1.87111853,12.465185 1.4918,11.8346198 1.4918,11.1159 L1.4918,9.9449 C1.4918,8.0119 3.0588,6.4449 4.9918,6.4449 Z M20.0573,13.1242 L3.9413,13.1242 L3.9413,18.5922 C3.9413,19.6952 4.8383,20.5922 5.9413,20.5922 L18.0573,20.5922 C19.1603,20.5922 20.0573,19.6952 20.0573,18.5922 L20.0573,13.1242 Z M19.0068,7.9449 L4.9918,7.9449 C3.8888,7.9449 2.9918,8.8419 2.9918,9.9449 L2.9918,11.1159 C2.9918,11.3919 3.2158,11.6159 3.4918,11.6159 L20.5068,11.6159 C20.7828,11.6159 21.0068,11.3919 21.0068,11.1159 L21.0068,9.9449 C21.0068,8.8419 20.1098,7.9449 19.0068,7.9449 Z" })] })) })));
+};
+exports.default = Gift;

package/dist/src/common/assets/icons/line/TimeExtension.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const TimeExtension: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default TimeExtension;

package/dist/src/common/assets/icons/line/TimeExtension.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TimeExtension = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", fill: "none", fillRule: "evenodd", strokeWidth: "1" }, { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12.07,21.75 C11.66,21.75 11.32,21.41 11.32,21 C11.32,20.59 11.66,20.25 12.07,20.25 C16.62,20.25 20.32,16.55 20.32,12 C20.32,7.45 16.62,3.75 12.07,3.75 C7.52,3.75 3.82,7.45 3.82,12 C3.82,12.41 3.48,12.75 3.07,12.75 C2.66,12.75 2.32,12.41 2.32,12 C2.32,6.62 6.69,2.25 12.07,2.25 C17.45,2.25 21.82,6.62 21.82,12 C21.82,17.38 17.45,21.75 12.07,21.75 Z", id: "Path", fill: color, fillRule: "nonzero" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.59,15.78 C15.49,15.78 15.39,15.76 15.29,15.72 L11.42,14.02 C11.15,13.9 10.97,13.63 10.97,13.33 L10.97,7.94 C10.97,7.53 11.31,7.19 11.72,7.19 C12.13,7.19 12.47,7.53 12.47,7.94 L12.47,12.84 L15.89,14.34 C16.27,14.51 16.44,14.95 16.27,15.33 C16.15,15.61 15.87,15.78 15.58,15.78 L15.59,15.78 Z", id: "Path", fill: color, fillRule: "nonzero" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.98,17.48 L6.28,17.48 L6.28,15.78 C6.28,15.34 5.92,14.98 5.48,14.98 C5.04,14.98 4.68,15.34 4.68,15.78 L4.68,17.48 L2.98,17.48 C2.54,17.48 2.18,17.84 2.18,18.28 C2.18,18.72 2.54,19.08 2.98,19.08 L4.68,19.08 L4.68,20.78 C4.68,21.22 5.04,21.58 5.48,21.58 C5.92,21.58 6.28,21.22 6.28,20.78 L6.28,19.08 L7.98,19.08 C8.42,19.08 8.78,18.72 8.78,18.28 C8.78,17.84 8.42,17.48 7.98,17.48 Z", id: "Path", fill: color, fillRule: "nonzero" })] }) })) })));
+};
+exports.default = TimeExtension;

package/dist/src/common/assets/icons/line/Translate.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Translate: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Translate;

package/dist/src/common/assets/icons/line/Translate.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Translate = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M6.497,8.1963 C5.449,6.9073 4.718,5.5273 4.267,3.9813 L8.624,3.9813 C8.109,5.7143 7.413,7.0933 6.497,8.1963 L6.497,8.1963 Z M14.519,7.4273 L16.317,12.5623 L12.667,12.5623 L14.483,7.4273 L14.519,7.4273 Z M15.634,5.1083 L15.622,5.0763 L13.345,5.0763 L11.021,11.3853 C9.701,10.8303 8.56,10.1643 7.716,9.4583 C8.954,8.0013 9.879,6.1593 10.467,3.9813 L12.655,3.9813 L12.655,2.4133 L7.256,2.4133 L7.256,0.0003 L5.543,0.0003 L5.543,2.4133 L0.254,2.4133 L0.254,3.9813 L2.476,3.9813 C3.068,6.0193 4.025,7.9003 5.247,9.4253 C4.261,10.2833 2.599,11.4483 0.228,12.1863 L8.8817842e-16,12.2593 L0.911,13.8033 L0.932,13.8403 L1.081,13.7843 C3.06,13.0563 4.974,11.9563 6.476,10.6833 C7.479,11.5503 8.867,12.4003 10.394,13.0843 L8.788,17.4453 L10.923,17.4453 L12.062,14.2223 L16.904,14.2223 L18.031,17.4123 L18.043,17.4453 L20.215,17.4453 L15.634,5.1083 Z", transform: "translate(2 3.2)" }) })));
+};
+exports.default = Translate;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -254,9 +254,11 @@ declare const lineIcons: {
     readonly ic_text_short: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ticket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_time: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_time_extension: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_trashcan: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_translate: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_typeface_blackletter_20: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_typeface_deco_20: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_typeface_display_20: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
@@ -325,5 +327,6 @@ declare const lineIcons: {
     readonly ic_video_stop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cam: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cam_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_gift: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
 };
 export default lineIcons;

package/dist/src/common/assets/icons/line/index.js

@@ -103,6 +103,7 @@ var Face_1 = __importDefault(require("./Face"));
 var Filter_1 = __importDefault(require("./Filter"));
 var Folder_1 = __importDefault(require("./Folder"));
 var Ghost_1 = __importDefault(require("./Ghost"));
+var Gift_1 = __importDefault(require("./Gift"));
 var Group_1 = __importDefault(require("./Group"));
 var Heart_1 = __importDefault(require("./Heart"));
 var HeartCare_1 = __importDefault(require("./HeartCare"));
@@ -285,8 +286,10 @@ var TextLong_1 = __importDefault(require("./TextLong"));
 var TextShort_1 = __importDefault(require("./TextShort"));
 var Ticket_1 = __importDefault(require("./Ticket"));
 var Time_1 = __importDefault(require("./Time"));
+var TimeExtension_1 = __importDefault(require("./TimeExtension"));
 var ToggleDown_1 = __importDefault(require("./ToggleDown"));
 var ToggleUp_1 = __importDefault(require("./ToggleUp"));
+var Translate_1 = __importDefault(require("./Translate"));
 var Trashcan_1 = __importDefault(require("./Trashcan"));
 var TypefaceBlackLetter20_1 = __importDefault(require("./TypefaceBlackLetter20"));
 var TypefaceDeco20_1 = __importDefault(require("./TypefaceDeco20"));
@@ -583,9 +586,11 @@ var lineIcons = {
     ic_text_short: TextShort_1.default,
     ic_ticket: Ticket_1.default,
     ic_time: Time_1.default,
+    ic_time_extension: TimeExtension_1.default,
     ic_toggle_down: ToggleDown_1.default,
     ic_toggle_up: ToggleUp_1.default,
     ic_trashcan: Trashcan_1.default,
+    ic_translate: Translate_1.default,
     ic_typeface_blackletter_20: TypefaceBlackLetter20_1.default,
     ic_typeface_deco_20: TypefaceDeco20_1.default,
     ic_typeface_display_20: TypefaceDisplay20_1.default,
@@ -653,6 +658,7 @@ var lineIcons = {
     ic_send_to_back_arrow: SendToBackArrow_1.default,
     ic_video_stop: VideoStop_1.default,
     ic_cam: Cam_1.default,
-    ic_cam_off: CamOff_1.default
+    ic_cam_off: CamOff_1.default,
+    ic_gift: Gift_1.default
 };
 exports.default = lineIcons;

package/dist/src/common/hooks/useParentResizeObserver.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useParentResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>, callback: () => void, delay?: number): void;

package/dist/src/common/hooks/useParentResizeObserver.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useParentResizeObserver = void 0;
+var react_1 = require("react");
+var useResizeObserver_1 = require("./useResizeObserver");
+function useParentResizeObserver(ref, callback, delay) {
+    if (delay === void 0) { delay = 100; }
+    (0, react_1.useLayoutEffect)(function () {
+        var _a;
+        var parent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!parent)
+            return;
+        var debouncedCallback = (0, useResizeObserver_1.debounce)(callback, delay);
+        var resizeObserver = new ResizeObserver(debouncedCallback);
+        resizeObserver.observe(parent);
+        callback();
+        return function () { return resizeObserver.disconnect(); };
+    }, [ref, callback]);
+}
+exports.useParentResizeObserver = useParentResizeObserver;

package/dist/src/common/hooks/useResizeObserver.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const debounce: (fn: () => void, delay: number) => () => void;
+export declare function useResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>, callback: () => void, delay?: number): void;

package/dist/src/common/hooks/useResizeObserver.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = exports.debounce = void 0;
+var react_1 = require("react");
+var debounce = function (fn, delay) {
+    var timer = null;
+    return function () {
+        if (timer)
+            clearTimeout(timer);
+        timer = setTimeout(fn, delay);
+    };
+};
+exports.debounce = debounce;
+function useResizeObserver(ref, callback, delay) {
+    if (delay === void 0) { delay = 100; }
+    (0, react_1.useLayoutEffect)(function () {
+        var target = ref.current;
+        if (!target)
+            return;
+        var debouncedCallback = (0, exports.debounce)(callback, delay);
+        var resizeObserver = new ResizeObserver(debouncedCallback);
+        resizeObserver.observe(target);
+        callback();
+        return function () { return resizeObserver.disconnect(); };
+    }, [ref, callback, delay]);
+}
+exports.useResizeObserver = useResizeObserver;

package/dist/src/common/hooks/useTooltip.js

@@ -66,7 +66,7 @@ function UseTooltip(_a) {
         systemUIPosition: tooltipPosition,
         distance: distance
     });
-    return tooltipText ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss }, { children: tooltipText })), document.getElementById('root')) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+    return tooltipText ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss }, { children: tooltipText })), document.body) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
 }
 var S_TooltipWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  ", ";\n"], ["\n  ", "\n\n  ", ";\n"])), systemUI_1.TooltipWrapperStyle, function (_a) {
     var tooltipPositionCss = _a.tooltipPositionCss;

package/dist/src/common/hooks/useWindowSize.d.ts

@@ -0,0 +1,4 @@
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};

package/dist/src/common/hooks/useWindowSize.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowSize = void 0;
+var react_1 = require("react");
+function useWindowSize() {
+    var _a = (0, react_1.useState)({
+        width: window.innerWidth,
+        height: window.innerHeight
+    }), size = _a[0], setSize = _a[1];
+    (0, react_1.useEffect)(function () {
+        var handleResize = function () {
+            setSize({
+                width: window.innerWidth,
+                height: window.innerHeight
+            });
+        };
+        window.addEventListener('resize', handleResize);
+        return function () { return window.removeEventListener('resize', handleResize); };
+    }, []);
+    return size;
+}
+exports.useWindowSize = useWindowSize;

package/dist/src/common/index.d.ts

@@ -1,5 +1,5 @@
 export { UITheme } from './styles/colorSet/ui-type';
-export { IFormValues, FillIconNameKeys, LineIconNameKeys, ImageIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType, Language, DropdownGroupInfo } from './types';
+export { IFormValues, FillIconNameKeys, LineIconNameKeys, ImageIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, TextLabelStyleThemeType, TextLabelColorThemeType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, SegmentedButtonGroupValueOption, UiColors, ForwardedRefType, Language, DropdownGroupInfo } from './types';
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
 export { uiColors, customTheme } from './styles/ui-colors';
 export { theme } from './styles';