pds-dev-kit-web-test 0.1.3 → 0.1.5

package/.commitlintrc.js

@@ -0,0 +1,65 @@
+const types = {
+  feature: '<feature>',
+  fix: '<fix>',
+  chore: '<chore>',
+  refactor: '<refactor>',
+  style: '<style>',
+  other: '<other>',
+  wip: '<wip>',
+  deploy: '<deploy>',
+  merge1: 'merge',
+  merge2: 'Merge',
+  merge3: 'merged',
+  merge4: 'Merged',
+  none: '.'
+};
+const allowTypes = [
+  types.feature,
+  types.fix,
+  types.chore,
+  types.refactor,
+  types.style,
+  types.deploy,
+  types.other,
+  types.merge1,
+  types.merge2,
+  types.merge3,
+  types.merge4
+];
+const ignoreTypes = [types.wip, types.none];
+
+const [, , type, subject] = process.argv;
+
+if (!type) {
+  return console.log('Aborting commit due to empty commit message.');
+}
+
+if (ignoreTypes.includes(type)) {
+  return;
+}
+
+if (!allowTypes.includes(type)) {
+  return console.log(
+    'type must be one of [<feature>, <fix>, <chore>, <refactor>, <style>, <deploy>, <other>, merge, Merge, merged, Merged]'
+  );
+}
+
+if (!subject) {
+  return console.log('subject may not be empty');
+}
+
+if (type === types.feature) {
+  if (!/PDS-\d*/.test(subject)) {
+    return console.log(
+      `${types.feature} tag should include task number. ex) ${types.feature} PDS-123 subject...`
+    );
+  }
+}
+
+if (type === types.other) {
+  if (!/\[\w*\]/.test(subject)) {
+    return console.log(
+      `${types.other} tag should include temporary tag. ex) ${types.other} [temp] subject...`
+    );
+  }
+}

package/.husky/.eslintrc.prepush

@@ -0,0 +1,7 @@
+{
+  "rules": {
+    "no-debugger": "error",
+    "no-console": "error",
+    "@typescript-eslint/no-unused-vars": "error",
+  }
+}

package/.husky/commit-msg

@@ -0,0 +1,13 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+commit_msg=$(cat .git/COMMIT_EDITMSG)
+
+result=$(node .commitlintrc.js $commit_msg)
+
+if [ -n "$result" ]; then
+    echo "\n\033[1;30m⧗ \033[0m input: \033[01m$commit_msg\033[0m"
+    echo "\033[1;31m✖ \033[0m $result\n"
+    echo "ⓘ   Get help: https://publ.atlassian.net/wiki/spaces/GUIDE101/pages/2780398791/How+to+commit\n"
+    exit 1
+fi

package/.husky/pre-commit

@@ -0,0 +1,9 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+if [ "$FORCE" == "true" ]
+then
+  exit 0
+fi
+
+npx lint-staged

package/.husky/pre-push

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+tsc --noEmit

package/.lintstagedrc.json

@@ -0,0 +1,7 @@
+{
+  "src/**/*.{ts,tsx,js,jsx}": [
+    "prettier --write",
+    "eslint -c ./.husky/.eslintrc.prepush --fix",
+    "stylelint"
+  ]
+}

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSi
 export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PDSIconType, ForwardedRefType };
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
 export { theme };
-export * from './src/common/styles/movement/keyframes';
-export * from './src/common/styles/movement/animationStyle';
-export * from './src/common/styles/movement/transitionStyle';
+export { dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni } from './src/common/styles';
+export { fadeIn, fadeOut, glow, scaleUp, scaleDown, scaleUpIncludeTranslate, scaleDownIncludeTranslate, gelatine, scaleBounceIn, scaleBounceIn02, scaleBounceOut, scaleBounceOut02, scaleBounceInIncludeTranslate, scaleBounceOutIncludeTranslate, scaleBounceInIncludeTranslate02, scaleBounceOutIncludeTranslate02 } from './src/common/styles';
+export { AdminListItemTransition, InputTransition, ButtonTransition } from './src/common/styles';
 export { Form };
 import { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch } from './src/hybrid';
 export { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch };
@@ -25,6 +25,5 @@ export { M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_
 export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };
 import { DynamicLayout } from './src/sub';
 export { DynamicLayout };
-import { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem } from './src/sub/DynamicLayout/types';
+import type { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem } from './src/sub/DynamicLayout/types';
 export { TypeOfSectionManifestSchema, TypeofSectionTemplate, TypeOfSectionContentMediaType, TypeOfSectionLinkType, TypeOfCarouselAutoplayMode, TypeOfCarouselInfiniteLoopMode, TypeOfBackgroundMediaType, TypeOfSectionButtonDesignType, TypeOfItemButtonDesignType, TypeOfItemManifestSchema, TypeOfItemLinkMethod, TypeOfItemLinkType, ISection, ISectionProperties, ISectionStyles, IItem };
-export { AdminList, AdminListHeader, AdminListItem, BulkActionBar, ToolBar } from './src/sub';

package/dist/index.js

@@ -1,18 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-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_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 = exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = 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.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = 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_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 = exports.D_TextButton = exports.D_StatusBlock = exports.D_Select = 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 = 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_Select = 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_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 = void 0;
+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_UploadIconButton = exports.D_TextLabel = exports.D_TextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Select = 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_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_Select = 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_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.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_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = void 0;
+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 = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -33,11 +24,38 @@ Object.defineProperty(exports, "customTheme", { enumerable: true, get: function
 Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return common_1.theme; } });
 Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return common_1.Form; } });
 // keyframes
-__exportStar(require("./src/common/styles/movement/keyframes"), exports);
+var styles_1 = require("./src/common/styles");
+Object.defineProperty(exports, "dialogOnAni", { enumerable: true, get: function () { return styles_1.dialogOnAni; } });
+Object.defineProperty(exports, "dialogOffAni", { enumerable: true, get: function () { return styles_1.dialogOffAni; } });
+Object.defineProperty(exports, "dialogOverlayOnAni", { enumerable: true, get: function () { return styles_1.dialogOverlayOnAni; } });
+Object.defineProperty(exports, "dialogOverlayOffAni", { enumerable: true, get: function () { return styles_1.dialogOverlayOffAni; } });
+Object.defineProperty(exports, "modalOnAni", { enumerable: true, get: function () { return styles_1.modalOnAni; } });
+Object.defineProperty(exports, "modalOffAni", { enumerable: true, get: function () { return styles_1.modalOffAni; } });
+Object.defineProperty(exports, "modalOverlayOnAni", { enumerable: true, get: function () { return styles_1.modalOverlayOnAni; } });
+Object.defineProperty(exports, "modalOverlayOffAni", { enumerable: true, get: function () { return styles_1.modalOverlayOffAni; } });
 // animation style
-__exportStar(require("./src/common/styles/movement/animationStyle"), exports);
+var styles_2 = require("./src/common/styles");
+Object.defineProperty(exports, "fadeIn", { enumerable: true, get: function () { return styles_2.fadeIn; } });
+Object.defineProperty(exports, "fadeOut", { enumerable: true, get: function () { return styles_2.fadeOut; } });
+Object.defineProperty(exports, "glow", { enumerable: true, get: function () { return styles_2.glow; } });
+Object.defineProperty(exports, "scaleUp", { enumerable: true, get: function () { return styles_2.scaleUp; } });
+Object.defineProperty(exports, "scaleDown", { enumerable: true, get: function () { return styles_2.scaleDown; } });
+Object.defineProperty(exports, "scaleUpIncludeTranslate", { enumerable: true, get: function () { return styles_2.scaleUpIncludeTranslate; } });
+Object.defineProperty(exports, "scaleDownIncludeTranslate", { enumerable: true, get: function () { return styles_2.scaleDownIncludeTranslate; } });
+Object.defineProperty(exports, "gelatine", { enumerable: true, get: function () { return styles_2.gelatine; } });
+Object.defineProperty(exports, "scaleBounceIn", { enumerable: true, get: function () { return styles_2.scaleBounceIn; } });
+Object.defineProperty(exports, "scaleBounceIn02", { enumerable: true, get: function () { return styles_2.scaleBounceIn02; } });
+Object.defineProperty(exports, "scaleBounceOut", { enumerable: true, get: function () { return styles_2.scaleBounceOut; } });
+Object.defineProperty(exports, "scaleBounceOut02", { enumerable: true, get: function () { return styles_2.scaleBounceOut02; } });
+Object.defineProperty(exports, "scaleBounceInIncludeTranslate", { enumerable: true, get: function () { return styles_2.scaleBounceInIncludeTranslate; } });
+Object.defineProperty(exports, "scaleBounceOutIncludeTranslate", { enumerable: true, get: function () { return styles_2.scaleBounceOutIncludeTranslate; } });
+Object.defineProperty(exports, "scaleBounceInIncludeTranslate02", { enumerable: true, get: function () { return styles_2.scaleBounceInIncludeTranslate02; } });
+Object.defineProperty(exports, "scaleBounceOutIncludeTranslate02", { enumerable: true, get: function () { return styles_2.scaleBounceOutIncludeTranslate02; } });
 // transition style
-__exportStar(require("./src/common/styles/movement/transitionStyle"), exports);
+var styles_3 = require("./src/common/styles");
+Object.defineProperty(exports, "AdminListItemTransition", { enumerable: true, get: function () { return styles_3.AdminListItemTransition; } });
+Object.defineProperty(exports, "InputTransition", { enumerable: true, get: function () { return styles_3.InputTransition; } });
+Object.defineProperty(exports, "ButtonTransition", { enumerable: true, get: function () { return styles_3.ButtonTransition; } });
 // hybrid
 var hybrid_1 = require("./src/hybrid");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return hybrid_1.Divider; } });
@@ -167,10 +185,3 @@ Object.defineProperty(exports, "M_SectionSheet", { enumerable: true, get: functi
 // dynamicLayout
 var sub_1 = require("./src/sub");
 Object.defineProperty(exports, "DynamicLayout", { enumerable: true, get: function () { return sub_1.DynamicLayout; } });
-// AdminList
-var sub_2 = require("./src/sub");
-Object.defineProperty(exports, "AdminList", { enumerable: true, get: function () { return sub_2.AdminList; } });
-Object.defineProperty(exports, "AdminListHeader", { enumerable: true, get: function () { return sub_2.AdminListHeader; } });
-Object.defineProperty(exports, "AdminListItem", { enumerable: true, get: function () { return sub_2.AdminListItem; } });
-Object.defineProperty(exports, "BulkActionBar", { enumerable: true, get: function () { return sub_2.BulkActionBar; } });
-Object.defineProperty(exports, "ToolBar", { enumerable: true, get: function () { return sub_2.ToolBar; } });

package/dist/src/GlobalStyle.js

@@ -5,7 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var styled_components_1 = require("styled-components");
-var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n  \n  html {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n  }\n\n  div, span, textarea, ul {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-text-fill-color: ", " !important;\n  transition: background-color 9999s ease-in-out 0s !important;\n}\n"], ["\n  @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-jp.css');\n  \n  html {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n  }\n\n  div, span, textarea, ul {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-text-fill-color: ", " !important;\n  transition: background-color 9999s ease-in-out 0s !important;\n}\n"])), function (_a) {
+var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\nhtml {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n  }\n\n  div, span, textarea, ul {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-text-fill-color: ", " !important;\n  transition: background-color 9999s ease-in-out 0s !important;\n}\n"], ["\nhtml {\n    height: 100%;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    width: 100%;\n  }\n\n  body {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: 100%;\n    margin: 0;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n    width: 100%;\n  }\n\n  body::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  #root {\n    height: 100%;\n    width: 100%;\n  }\n\n  div, span, textarea, ul {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n\n  div::-webkit-scrollbar, span::-webkit-scrollbar, textarea::-webkit-scrollbar, ul::-webkit-scrollbar {\n    display: none; /* Chrome, Safari, Opera */\n  }\n\n  input {\n    font-family: Pretendard JP, -apple-system, BlinkMacSystemFont, Basier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: normal;\n  }\n\n  a,\n  [type='checkbox'],\n  [type='radio'] {\n    color: inherit;\n    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);\n    text-decoration: none;\n  }\n\n  code {\n    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n  }\n\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    outline: none;\n  }\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ninput:-webkit-autofill:active {\n  -webkit-text-fill-color: ", " !important;\n  transition: background-color 9999s ease-in-out 0s !important;\n}\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_textfield_text_typed;
 });

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

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

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

@@ -21,14 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var ArrowDown = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M13.0895159,16.0067053 L17.3028247,9.26575393 C17.8373042,8.41007281 17.2223101,7.3 16.2133088,7.3 L7.78669125,7.3 C6.77768989,7.3 6.16269585,8.41007281 6.69717535,9.26575393 L10.9104841,16.0067053 C11.4141282,16.8118507 12.5858718,16.8118507 13.0895159,16.0067053" })));
+    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: "M13.0895159,16.0067053 L17.3028247,9.26575393 C17.8373042,8.41007281 17.2223101,7.3 16.2133088,7.3 L7.78669125,7.3 C6.77768989,7.3 6.16269585,8.41007281 6.69717535,9.26575393 L10.9104841,16.0067053 C11.4141282,16.8118507 12.5858718,16.8118507 13.0895159,16.0067053" }, void 0) }), void 0));
 };
 exports.default = ArrowDown;

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

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

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

@@ -21,14 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var ArrowUp = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M10.9104841,7.90385905 L6.69717535,14.6448104 C6.16269585,15.5004916 6.77768989,16.6105644 7.78669125,16.6105644 L16.2133088,16.6105644 C17.2223101,16.6105644 17.8373042,15.5004916 17.3028247,14.6448104 L13.0895159,7.90385905 C12.5858718,7.09871365 11.4141282,7.09871365 10.9104841,7.90385905" })));
+    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: "M10.9104841,7.90385905 L6.69717535,14.6448104 C6.16269585,15.5004916 6.77768989,16.6105644 7.78669125,16.6105644 L16.2133088,16.6105644 C17.2223101,16.6105644 17.8373042,15.5004916 17.3028247,14.6448104 L13.0895159,7.90385905 C12.5858718,7.09871365 11.4141282,7.09871365 10.9104841,7.90385905" }, void 0) }), void 0));
 };
 exports.default = ArrowUp;

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

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

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

@@ -21,14 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Bell = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M14.5567,19.8493 C14.5567,21.2613 13.4117,22.4063 11.9997,22.4063 C10.5877,22.4063 9.4427,21.2613 9.4427,19.8493 L9.4427,19.8493 Z M11.9996,1.9861 C13.0956,1.9861 13.9826,2.8381 14.0596,3.9141 C17.1476,4.8351 18.9776,7.7771 18.9776,10.7231 L18.9776,10.7231 L18.9776,15.7421 C18.9776,15.7601 18.9846,15.7771 18.9976,15.7891 L18.9976,15.7891 L19.9836,16.7671 C20.9176,17.6921 20.2316,19.2361 18.8866,19.2361 L18.8866,19.2361 L5.1126,19.2361 C3.7686,19.2361 3.0826,17.6921 4.0156,16.7671 L4.0156,16.7671 L5.0026,15.7891 C5.0146,15.7771 5.0226,15.7601 5.0226,15.7421 L5.0226,15.7421 L5.0226,10.7231 C5.0226,7.7481 6.7096,4.7811 9.9416,3.8901 C10.0306,2.8251 10.9126,1.9861 11.9996,1.9861 Z" })));
+    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: "M14.5567,19.8493 C14.5567,21.2613 13.4117,22.4063 11.9997,22.4063 C10.5877,22.4063 9.4427,21.2613 9.4427,19.8493 L9.4427,19.8493 Z M11.9996,1.9861 C13.0956,1.9861 13.9826,2.8381 14.0596,3.9141 C17.1476,4.8351 18.9776,7.7771 18.9776,10.7231 L18.9776,10.7231 L18.9776,15.7421 C18.9776,15.7601 18.9846,15.7771 18.9976,15.7891 L18.9976,15.7891 L19.9836,16.7671 C20.9176,17.6921 20.2316,19.2361 18.8866,19.2361 L18.8866,19.2361 L5.1126,19.2361 C3.7686,19.2361 3.0826,17.6921 4.0156,16.7671 L4.0156,16.7671 L5.0026,15.7891 C5.0146,15.7771 5.0226,15.7601 5.0226,15.7421 L5.0226,15.7421 L5.0226,10.7231 C5.0226,7.7481 6.7096,4.7811 9.9416,3.8901 C10.0306,2.8251 10.9126,1.9861 11.9996,1.9861 Z" }, void 0) }), void 0));
 };
 exports.default = Bell;

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

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

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

@@ -21,16 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var BellNotification = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("path", { fill: "#FF463A", d: "M21.8747,6.9597 C21.8747,4.7507 20.0837,2.9597 17.8747,2.9597 C15.6657,2.9597 13.8747,4.7507 13.8747,6.9597 C13.8747,9.1687 15.6657,10.9597 17.8747,10.9597 C20.0837,10.9597 21.8747,9.1687 21.8747,6.9597" }),
-            react_1.default.createElement("path", { fill: color, d: "M17.8748,12.5597 C14.7868,12.5597 12.2748,10.0477 12.2748,6.9597 C12.2748,5.4317 12.8908,4.0467 13.8868,3.0347 C13.5678,2.3037 12.8488,1.7897 11.9998,1.7897 C10.9128,1.7897 10.0308,2.6287 9.9428,3.6937 C6.7088,4.5847 5.0218,7.5527 5.0218,10.5257 L5.0218,15.5457 C5.0218,15.5637 5.0148,15.5807 5.0018,15.5937 L4.0158,16.5707 C3.0828,17.4957 3.7688,19.0397 5.1128,19.0397 L18.8868,19.0397 C20.2318,19.0397 20.9168,17.4957 19.9838,16.5707 L18.9978,15.5937 C18.9848,15.5807 18.9778,15.5637 18.9778,15.5457 L18.9778,12.4497 C18.6208,12.5207 18.2528,12.5597 17.8748,12.5597 M12.0001,22.2099 C13.4121,22.2099 14.5571,21.0649 14.5571,19.6529 L9.4431,19.6529 C9.4431,21.0649 10.5881,22.2099 12.0001,22.2099" }))));
+    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", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FF463A", d: "M21.8747,6.9597 C21.8747,4.7507 20.0837,2.9597 17.8747,2.9597 C15.6657,2.9597 13.8747,4.7507 13.8747,6.9597 C13.8747,9.1687 15.6657,10.9597 17.8747,10.9597 C20.0837,10.9597 21.8747,9.1687 21.8747,6.9597" }, void 0), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M17.8748,12.5597 C14.7868,12.5597 12.2748,10.0477 12.2748,6.9597 C12.2748,5.4317 12.8908,4.0467 13.8868,3.0347 C13.5678,2.3037 12.8488,1.7897 11.9998,1.7897 C10.9128,1.7897 10.0308,2.6287 9.9428,3.6937 C6.7088,4.5847 5.0218,7.5527 5.0218,10.5257 L5.0218,15.5457 C5.0218,15.5637 5.0148,15.5807 5.0018,15.5937 L4.0158,16.5707 C3.0828,17.4957 3.7688,19.0397 5.1128,19.0397 L18.8868,19.0397 C20.2318,19.0397 20.9168,17.4957 19.9838,16.5707 L18.9978,15.5937 C18.9848,15.5807 18.9778,15.5637 18.9778,15.5457 L18.9778,12.4497 C18.6208,12.5207 18.2528,12.5597 17.8748,12.5597 M12.0001,22.2099 C13.4121,22.2099 14.5571,21.0649 14.5571,19.6529 L9.4431,19.6529 C9.4431,21.0649 10.5881,22.2099 12.0001,22.2099" }, void 0)] }), void 0) }), void 0));
 };
 exports.default = BellNotification;

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

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

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

@@ -21,14 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Bookmark = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M17.2752,21.2916 L12.9662,18.9136 C12.3652,18.5816 11.6352,18.5816 11.0332,18.9136 L6.7252,21.2916 C5.7252,21.8436 4.5002,21.1206 4.5002,19.9786 L4.5002,6.0196 C4.5002,4.0866 6.0672,2.5196 8.0002,2.5196 L16.0002,2.5196 C17.9332,2.5196 19.5002,4.0866 19.5002,6.0196 L19.5002,19.9786 C19.5002,21.1206 18.2752,21.8436 17.2752,21.2916" })));
+    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: "M17.2752,21.2916 L12.9662,18.9136 C12.3652,18.5816 11.6352,18.5816 11.0332,18.9136 L6.7252,21.2916 C5.7252,21.8436 4.5002,21.1206 4.5002,19.9786 L4.5002,6.0196 C4.5002,4.0866 6.0672,2.5196 8.0002,2.5196 L16.0002,2.5196 C17.9332,2.5196 19.5002,4.0866 19.5002,6.0196 L19.5002,19.9786 C19.5002,21.1206 18.2752,21.8436 17.2752,21.2916" }, void 0) }), void 0));
 };
 exports.default = Bookmark;

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

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

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

@@ -21,14 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Call = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M8.0275,8.4492 L9.0875,7.3892 C9.8055,6.6712 9.8055,5.5072 9.0875,4.7892 L6.7535,2.4552 C6.0355,1.7372 4.8715,1.7372 4.1535,2.4552 L3.3975,3.2112 L3.0995,3.5092 L2.8655,3.7432 C1.9515,4.6572 1.7955,5.9312 2.0045,7.1402 C2.3625,9.2172 3.7245,12.6202 7.5495,16.4452 C11.3735,20.2692 14.6135,21.5532 16.8545,21.9902 C18.0575,22.2252 19.3385,22.0422 20.2515,21.1292 L20.4855,20.8952 L20.7835,20.5972 L21.5395,19.8412 C22.2575,19.1232 22.2575,17.9592 21.5395,17.2412 L19.2055,14.9072 C18.4875,14.1892 17.3235,14.1892 16.6055,14.9072 L15.5455,15.9672 C15.3185,16.1942 14.9565,16.2152 14.7095,16.0112 C13.4785,14.9972 12.2355,13.9052 11.1625,12.8322 C10.0895,11.7592 8.9975,10.5152 7.9835,9.2852 C7.7795,9.0372 7.8005,8.6762 8.0275,8.4492" })));
+    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: "M8.0275,8.4492 L9.0875,7.3892 C9.8055,6.6712 9.8055,5.5072 9.0875,4.7892 L6.7535,2.4552 C6.0355,1.7372 4.8715,1.7372 4.1535,2.4552 L3.3975,3.2112 L3.0995,3.5092 L2.8655,3.7432 C1.9515,4.6572 1.7955,5.9312 2.0045,7.1402 C2.3625,9.2172 3.7245,12.6202 7.5495,16.4452 C11.3735,20.2692 14.6135,21.5532 16.8545,21.9902 C18.0575,22.2252 19.3385,22.0422 20.2515,21.1292 L20.4855,20.8952 L20.7835,20.5972 L21.5395,19.8412 C22.2575,19.1232 22.2575,17.9592 21.5395,17.2412 L19.2055,14.9072 C18.4875,14.1892 17.3235,14.1892 16.6055,14.9072 L15.5455,15.9672 C15.3185,16.1942 14.9565,16.2152 14.7095,16.0112 C13.4785,14.9972 12.2355,13.9052 11.1625,12.8322 C10.0895,11.7592 8.9975,10.5152 7.9835,9.2852 C7.7795,9.0372 7.8005,8.6762 8.0275,8.4492" }, void 0) }), void 0));
 };
 exports.default = Call;

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

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

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

@@ -21,14 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var CallEnd = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M17.1891,13.2957 L17.1891,14.7587 C17.1891,15.7497 17.9921,16.5537 18.9831,16.5537 L22.2061,16.5537 C23.1961,16.5537 24.0001,15.7497 24.0001,14.7587 L24.0001,13.7147 L24.0001,13.3037 L24.0001,12.9807 C24.0001,11.7197 23.2281,10.7317 22.2501,10.0417 C20.5691,8.8557 17.2791,7.4467 12.0001,7.4467 C6.7201,7.4467 3.5991,8.7967 1.7501,10.0417 C0.7571,10.7107 0.0001,11.7197 0.0001,12.9807 L0.0001,13.3037 L0.0001,13.7147 L0.0001,14.7587 C0.0001,15.7497 0.8031,16.5537 1.7941,16.5537 L5.0171,16.5537 C6.0081,16.5537 6.8111,15.7497 6.8111,14.7587 L6.8111,13.2957 C6.8111,12.9827 7.0461,12.7177 7.3581,12.6877 C8.9071,12.5387 10.5191,12.4337 12.0001,12.4337 C13.4811,12.4337 15.0931,12.5387 16.6421,12.6877 C16.9541,12.7177 17.1891,12.9827 17.1891,13.2957" })));
+    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: "M17.1891,13.2957 L17.1891,14.7587 C17.1891,15.7497 17.9921,16.5537 18.9831,16.5537 L22.2061,16.5537 C23.1961,16.5537 24.0001,15.7497 24.0001,14.7587 L24.0001,13.7147 L24.0001,13.3037 L24.0001,12.9807 C24.0001,11.7197 23.2281,10.7317 22.2501,10.0417 C20.5691,8.8557 17.2791,7.4467 12.0001,7.4467 C6.7201,7.4467 3.5991,8.7967 1.7501,10.0417 C0.7571,10.7107 0.0001,11.7197 0.0001,12.9807 L0.0001,13.3037 L0.0001,13.7147 L0.0001,14.7587 C0.0001,15.7497 0.8031,16.5537 1.7941,16.5537 L5.0171,16.5537 C6.0081,16.5537 6.8111,15.7497 6.8111,14.7587 L6.8111,13.2957 C6.8111,12.9827 7.0461,12.7177 7.3581,12.6877 C8.9071,12.5387 10.5191,12.4337 12.0001,12.4337 C13.4811,12.4337 15.0931,12.5387 16.6421,12.6877 C16.9541,12.7177 17.1891,12.9827 17.1891,13.2957" }, void 0) }), void 0));
 };
 exports.default = CallEnd;

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

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

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

@@ -21,14 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Camera = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M12.69855,17.0217 C9.71205,17.4792 7.17555,14.9442 7.63305,11.9562 C7.91805,10.0947 9.43905,8.5737 11.30055,8.2872 C14.28855,7.8297 16.82505,10.3662 16.36755,13.3542 C16.08105,15.2157 14.56005,16.7367 12.69855,17.0217 M15.83355,3.5127 C16.26105,3.5127 16.64655,3.7692 16.81155,4.1622 L16.81155,4.1622 L17.65905,6.1812 L20.07855,6.1812 C21.18405,6.1812 22.07805,7.0782 22.07805,8.1822 L22.07805,8.1822 L22.07805,18.4872 C22.07805,19.5927 21.18405,20.4882 20.07855,20.4882 L20.07855,20.4882 L3.92055,20.4882 C2.81655,20.4882 1.92105,19.5927 1.92105,18.4872 L1.92105,18.4872 L1.92105,8.1822 C1.92105,7.0782 2.81655,6.1812 3.92055,6.1812 L3.92055,6.1812 L6.34155,6.1812 L7.18905,4.1622 C7.35405,3.7692 7.73955,3.5127 8.16705,3.5127 L8.16705,3.5127 Z M19.75,9 L18.5,9 C18.2238576,9 18,9.22385763 18,9.5 L18,9.5 L18,10 C18,10.2761424 18.2238576,10.5 18.5,10.5 L18.5,10.5 L19.75,10.5 C20.0261424,10.5 20.25,10.2761424 20.25,10 L20.25,10 L20.25,9.5 C20.25,9.22385763 20.0261424,9 19.75,9 L19.75,9 Z" })));
+    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: "M12.69855,17.0217 C9.71205,17.4792 7.17555,14.9442 7.63305,11.9562 C7.91805,10.0947 9.43905,8.5737 11.30055,8.2872 C14.28855,7.8297 16.82505,10.3662 16.36755,13.3542 C16.08105,15.2157 14.56005,16.7367 12.69855,17.0217 M15.83355,3.5127 C16.26105,3.5127 16.64655,3.7692 16.81155,4.1622 L16.81155,4.1622 L17.65905,6.1812 L20.07855,6.1812 C21.18405,6.1812 22.07805,7.0782 22.07805,8.1822 L22.07805,8.1822 L22.07805,18.4872 C22.07805,19.5927 21.18405,20.4882 20.07855,20.4882 L20.07855,20.4882 L3.92055,20.4882 C2.81655,20.4882 1.92105,19.5927 1.92105,18.4872 L1.92105,18.4872 L1.92105,8.1822 C1.92105,7.0782 2.81655,6.1812 3.92055,6.1812 L3.92055,6.1812 L6.34155,6.1812 L7.18905,4.1622 C7.35405,3.7692 7.73955,3.5127 8.16705,3.5127 L8.16705,3.5127 Z M19.75,9 L18.5,9 C18.2238576,9 18,9.22385763 18,9.5 L18,9.5 L18,10 C18,10.2761424 18.2238576,10.5 18.5,10.5 L18.5,10.5 L19.75,10.5 C20.0261424,10.5 20.25,10.2761424 20.25,10 L20.25,10 L20.25,9.5 C20.25,9.22385763 20.0261424,9 19.75,9 L19.75,9 Z" }, void 0) }), void 0));
 };
 exports.default = Camera;

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

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

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

@@ -21,14 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Chat = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M16.2851,11.1978 C15.6311,11.1978 15.1011,10.6678 15.1011,10.0138 C15.1011,9.3598 15.6311,8.8298 16.2851,8.8298 C16.9391,8.8298 17.4691,9.3598 17.4691,10.0138 C17.4691,10.6678 16.9391,11.1978 16.2851,11.1978 M12.0001,11.1978 C11.3461,11.1978 10.8161,10.6678 10.8161,10.0138 C10.8161,9.3598 11.3461,8.8298 12.0001,8.8298 C12.6541,8.8298 13.1841,9.3598 13.1841,10.0138 C13.1841,10.6678 12.6541,11.1978 12.0001,11.1978 M7.7151,11.1978 C7.0611,11.1978 6.5311,10.6678 6.5311,10.0138 C6.5311,9.3598 7.0611,8.8298 7.7151,8.8298 C8.3691,8.8298 8.8991,9.3598 8.8991,10.0138 C8.8991,10.6678 8.3691,11.1978 7.7151,11.1978 M18.7361,2.0178 L5.2641,2.0178 C3.3311,2.0178 1.7641,3.5848 1.7641,5.5178 L1.7641,14.5708 C1.7641,16.5038 3.3311,18.0708 5.2641,18.0708 L10.9171,18.0708 L14.3671,21.2068 C15.3871,22.1338 17.0241,21.4098 17.0241,20.0308 L17.0241,18.0708 L18.7361,18.0708 C20.6691,18.0708 22.2361,16.5038 22.2361,14.5708 L22.2361,5.5178 C22.2361,3.5848 20.6691,2.0178 18.7361,2.0178" })));
+    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: "M16.2851,11.1978 C15.6311,11.1978 15.1011,10.6678 15.1011,10.0138 C15.1011,9.3598 15.6311,8.8298 16.2851,8.8298 C16.9391,8.8298 17.4691,9.3598 17.4691,10.0138 C17.4691,10.6678 16.9391,11.1978 16.2851,11.1978 M12.0001,11.1978 C11.3461,11.1978 10.8161,10.6678 10.8161,10.0138 C10.8161,9.3598 11.3461,8.8298 12.0001,8.8298 C12.6541,8.8298 13.1841,9.3598 13.1841,10.0138 C13.1841,10.6678 12.6541,11.1978 12.0001,11.1978 M7.7151,11.1978 C7.0611,11.1978 6.5311,10.6678 6.5311,10.0138 C6.5311,9.3598 7.0611,8.8298 7.7151,8.8298 C8.3691,8.8298 8.8991,9.3598 8.8991,10.0138 C8.8991,10.6678 8.3691,11.1978 7.7151,11.1978 M18.7361,2.0178 L5.2641,2.0178 C3.3311,2.0178 1.7641,3.5848 1.7641,5.5178 L1.7641,14.5708 C1.7641,16.5038 3.3311,18.0708 5.2641,18.0708 L10.9171,18.0708 L14.3671,21.2068 C15.3871,22.1338 17.0241,21.4098 17.0241,20.0308 L17.0241,18.0708 L18.7361,18.0708 C20.6691,18.0708 22.2361,16.5038 22.2361,14.5708 L22.2361,5.5178 C22.2361,3.5848 20.6691,2.0178 18.7361,2.0178" }, void 0) }), void 0));
 };
 exports.default = Chat;

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

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

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

@@ -21,16 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var ChatCounseling = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("path", { d: "M18.7361,2.0173 L5.2641,2.0173 C3.3311,2.0173 1.7641,3.5843 1.7641,5.5173 L1.7641,14.5703 C1.7641,16.5033 3.3311,18.0703 5.2641,18.0703 L10.9171,18.0703 L14.3671,21.2063 C14.6831,21.4933 15.0581,21.6223 15.4251,21.6223 C16.2441,21.6223 17.0231,20.9823 17.0231,20.0313 L17.0231,18.0703 L18.7361,18.0703 C20.6691,18.0703 22.2361,16.5033 22.2361,14.5703 L22.2361,5.5173 C22.2361,3.5843 20.6691,2.0173 18.7361,2.0173 L18.7361,2.0173 Z M18.7361,3.5173 C19.8391,3.5173 20.7361,4.4143 20.7361,5.5173 L20.7361,14.5703 C20.7361,15.6733 19.8391,16.5703 18.7361,16.5703 L17.0231,16.5703 L15.5231,16.5703 L15.5231,18.0703 L15.5231,20.0313 C15.5231,20.1203 15.4351,20.1223 15.4251,20.1223 C15.4161,20.1223 15.4041,20.1223 15.3761,20.0963 L11.9261,16.9603 L11.4961,16.5703 L10.9171,16.5703 L5.2641,16.5703 C4.1611,16.5703 3.2641,15.6733 3.2641,14.5703 L3.2641,5.5173 C3.2641,4.4143 4.1611,3.5173 5.2641,3.5173 L18.7361,3.5173 Z", fill: color }),
-            react_1.default.createElement("path", { d: "M7.5516,8.199 L16.4436,8.199 M7.5516,11.7916 L12.4966,11.7916", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }))));
+    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", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M18.7361,2.0173 L5.2641,2.0173 C3.3311,2.0173 1.7641,3.5843 1.7641,5.5173 L1.7641,14.5703 C1.7641,16.5033 3.3311,18.0703 5.2641,18.0703 L10.9171,18.0703 L14.3671,21.2063 C14.6831,21.4933 15.0581,21.6223 15.4251,21.6223 C16.2441,21.6223 17.0231,20.9823 17.0231,20.0313 L17.0231,18.0703 L18.7361,18.0703 C20.6691,18.0703 22.2361,16.5033 22.2361,14.5703 L22.2361,5.5173 C22.2361,3.5843 20.6691,2.0173 18.7361,2.0173 L18.7361,2.0173 Z M18.7361,3.5173 C19.8391,3.5173 20.7361,4.4143 20.7361,5.5173 L20.7361,14.5703 C20.7361,15.6733 19.8391,16.5703 18.7361,16.5703 L17.0231,16.5703 L15.5231,16.5703 L15.5231,18.0703 L15.5231,20.0313 C15.5231,20.1203 15.4351,20.1223 15.4251,20.1223 C15.4161,20.1223 15.4041,20.1223 15.3761,20.0963 L11.9261,16.9603 L11.4961,16.5703 L10.9171,16.5703 L5.2641,16.5703 C4.1611,16.5703 3.2641,15.6733 3.2641,14.5703 L3.2641,5.5173 C3.2641,4.4143 4.1611,3.5173 5.2641,3.5173 L18.7361,3.5173 Z", fill: color }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M7.5516,8.199 L16.4436,8.199 M7.5516,11.7916 L12.4966,11.7916", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }, void 0)] }), void 0) }), void 0));
 };
 exports.default = ChatCounseling;

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

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

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

@@ -21,16 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var ChatCrm = function (_a) {
     var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
-        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("path", { d: "M18.7359,2.0173 L5.2639,2.0173 C3.3309,2.0173 1.7639,3.5843 1.7639,5.5173 L1.7639,14.5703 C1.7639,16.5033 3.3309,18.0703 5.2639,18.0703 L10.9169,18.0703 L14.3669,21.2063 C14.6829,21.4933 15.0579,21.6223 15.4249,21.6223 C16.2439,21.6223 17.0239,20.9823 17.0239,20.0313 L17.0239,18.0703 L18.7359,18.0703 C20.6689,18.0703 22.2359,16.5033 22.2359,14.5703 L22.2359,5.5173 C22.2359,3.5843 20.6689,2.0173 18.7359,2.0173 L18.7359,2.0173 Z M18.7359,3.5173 C19.8389,3.5173 20.7359,4.4143 20.7359,5.5173 L20.7359,14.5703 C20.7359,15.6733 19.8389,16.5703 18.7359,16.5703 L17.0239,16.5703 L15.5239,16.5703 L15.5239,18.0703 L15.5239,20.0313 C15.5239,20.1203 15.4349,20.1223 15.4249,20.1223 C15.4169,20.1223 15.4039,20.1223 15.3759,20.0963 L11.9259,16.9603 L11.4969,16.5703 L10.9169,16.5703 L5.2639,16.5703 C4.1609,16.5703 3.2639,15.6733 3.2639,14.5703 L3.2639,5.5173 C3.2639,4.4143 4.1609,3.5173 5.2639,3.5173 L18.7359,3.5173 Z", fill: color }),
-            react_1.default.createElement("path", { d: "M9.9753,8.199 L16.6903,8.199 M7.3099,8.199 L7.4759,8.199 M7.3099,11.7916 L7.4759,11.7916 M9.9753,11.7916 L14.4283,11.7916", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }))));
+    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", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M18.7359,2.0173 L5.2639,2.0173 C3.3309,2.0173 1.7639,3.5843 1.7639,5.5173 L1.7639,14.5703 C1.7639,16.5033 3.3309,18.0703 5.2639,18.0703 L10.9169,18.0703 L14.3669,21.2063 C14.6829,21.4933 15.0579,21.6223 15.4249,21.6223 C16.2439,21.6223 17.0239,20.9823 17.0239,20.0313 L17.0239,18.0703 L18.7359,18.0703 C20.6689,18.0703 22.2359,16.5033 22.2359,14.5703 L22.2359,5.5173 C22.2359,3.5843 20.6689,2.0173 18.7359,2.0173 L18.7359,2.0173 Z M18.7359,3.5173 C19.8389,3.5173 20.7359,4.4143 20.7359,5.5173 L20.7359,14.5703 C20.7359,15.6733 19.8389,16.5703 18.7359,16.5703 L17.0239,16.5703 L15.5239,16.5703 L15.5239,18.0703 L15.5239,20.0313 C15.5239,20.1203 15.4349,20.1223 15.4249,20.1223 C15.4169,20.1223 15.4039,20.1223 15.3759,20.0963 L11.9259,16.9603 L11.4969,16.5703 L10.9169,16.5703 L5.2639,16.5703 C4.1609,16.5703 3.2639,15.6733 3.2639,14.5703 L3.2639,5.5173 C3.2639,4.4143 4.1609,3.5173 5.2639,3.5173 L18.7359,3.5173 Z", fill: color }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9.9753,8.199 L16.6903,8.199 M7.3099,8.199 L7.4759,8.199 M7.3099,11.7916 L7.4759,11.7916 M9.9753,11.7916 L14.4283,11.7916", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }, void 0)] }), void 0) }), void 0));
 };
 exports.default = ChatCrm;

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

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