pds-dev-kit-web-test 0.2.0-beta.0 → 0.2.1

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

@@ -18,33 +18,47 @@ declare const lineIcons: {
     readonly ic_bell_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking_completed: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_booking_extension: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking_history: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking_papp: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_booking_ticket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_bookmark: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_box: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_business: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_call: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_camera: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_cart: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_channel: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_channel_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat_counseling: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat_crm: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_chat_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_check: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_checkbox_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_clip: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_coins: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_confetti: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cont_watching: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_copy: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_cs: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_cs_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_cs_face: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_dashboard: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_delivery: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_design_preference: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_developer: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_device_app: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_device_desktop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_device_mobile: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_dotted_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_dynamic_layout: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_edit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_editor: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_editor_left_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_editor_right_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_error: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_eye: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -65,10 +79,12 @@ declare const lineIcons: {
     readonly ic_live_event: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_live_personal: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_lock: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_mail: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_menu: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_mic_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_mic_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_minus_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_news: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_open_page: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_order: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_pages: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -107,8 +123,10 @@ declare const lineIcons: {
     readonly ic_question: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_radio_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_radio_on: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_receipt: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_report: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_requirement: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_rocket: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_sales: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_search: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_content_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
@@ -119,12 +137,16 @@ declare const lineIcons: {
     readonly ic_section_divider_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_footer_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_footer_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_iframe_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_iframe_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_info_box_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_info_box_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_intro_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_intro_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_map_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_map_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_membership_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_section_membership_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_price_box_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_price_box_40: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_section_products_carousel_32: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
@@ -143,6 +165,8 @@ declare const lineIcons: {
     readonly ic_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_settlement: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_share: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_shop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_shoppingbag: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_slideBanner: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_sort: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_speaker_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -165,6 +189,7 @@ declare const lineIcons: {
     readonly ic_video: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall_pro: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_video_guide: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video_pip: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video_play: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -21,33 +21,47 @@ var Bell_1 = __importDefault(require("./Bell"));
 var BellNotification_1 = __importDefault(require("./BellNotification"));
 var Booking_1 = __importDefault(require("./Booking"));
 var BookingCompleted_1 = __importDefault(require("./BookingCompleted"));
+var BookingExtension_1 = __importDefault(require("./BookingExtension"));
 var BookingHistory_1 = __importDefault(require("./BookingHistory"));
 var BookingPapp_1 = __importDefault(require("./BookingPapp"));
 var BookingTicket_1 = __importDefault(require("./BookingTicket"));
 var Bookmark_1 = __importDefault(require("./Bookmark"));
+var Box_1 = __importDefault(require("./Box"));
 var Business_1 = __importDefault(require("./Business"));
 var Call_1 = __importDefault(require("./Call"));
 var Camera_1 = __importDefault(require("./Camera"));
+var Cart_1 = __importDefault(require("./Cart"));
 var Channel_1 = __importDefault(require("./Channel"));
 var ChannelSetting_1 = __importDefault(require("./ChannelSetting"));
 var Chat_1 = __importDefault(require("./Chat"));
 var ChatCounseling_1 = __importDefault(require("./ChatCounseling"));
 var ChatCrm_1 = __importDefault(require("./ChatCrm"));
+var ChatNotification_1 = __importDefault(require("./ChatNotification"));
 var ChatOff_1 = __importDefault(require("./ChatOff"));
 var Check_1 = __importDefault(require("./Check"));
 var CheckboxOff_1 = __importDefault(require("./CheckboxOff"));
 var Clip_1 = __importDefault(require("./Clip"));
 var Coins_1 = __importDefault(require("./Coins"));
+var Confetti_1 = __importDefault(require("./Confetti"));
 var ContWatching_1 = __importDefault(require("./ContWatching"));
 var Copy_1 = __importDefault(require("./Copy"));
 var Cs_1 = __importDefault(require("./Cs"));
+var CsBold_1 = __importDefault(require("./CsBold"));
+var CsFace_1 = __importDefault(require("./CsFace"));
 var Dashboard_1 = __importDefault(require("./Dashboard"));
+var Delivery_1 = __importDefault(require("./Delivery"));
 var DesignPreference_1 = __importDefault(require("./DesignPreference"));
 var Developer_1 = __importDefault(require("./Developer"));
+var DeviceApp_1 = __importDefault(require("./DeviceApp"));
+var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
+var DeviceMobile_1 = __importDefault(require("./DeviceMobile"));
+var DottedCircle_1 = __importDefault(require("./DottedCircle"));
 var Download_1 = __importDefault(require("./Download"));
 var DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
 var Edit_1 = __importDefault(require("./Edit"));
 var Editor_1 = __importDefault(require("./Editor"));
+var EditorLeftSide_1 = __importDefault(require("./EditorLeftSide"));
+var EditorRightSide_1 = __importDefault(require("./EditorRightSide"));
 var End_1 = __importDefault(require("./End"));
 var Error_1 = __importDefault(require("./Error"));
 var Eye_1 = __importDefault(require("./Eye"));
@@ -68,10 +82,12 @@ var LiveConcert_1 = __importDefault(require("./LiveConcert"));
 var LiveEvent_1 = __importDefault(require("./LiveEvent"));
 var LivePersonal_1 = __importDefault(require("./LivePersonal"));
 var Lock_1 = __importDefault(require("./Lock"));
+var Mail_1 = __importDefault(require("./Mail"));
 var Menu_1 = __importDefault(require("./Menu"));
 var MicOff_1 = __importDefault(require("./MicOff"));
 var MicOn_1 = __importDefault(require("./MicOn"));
 var MinusCircle_1 = __importDefault(require("./MinusCircle"));
+var News_1 = __importDefault(require("./News"));
 var OpenPage_1 = __importDefault(require("./OpenPage"));
 var Order_1 = __importDefault(require("./Order"));
 var Pages_1 = __importDefault(require("./Pages"));
@@ -110,8 +126,10 @@ var Qr_1 = __importDefault(require("./Qr"));
 var Question_1 = __importDefault(require("./Question"));
 var RadioOff_1 = __importDefault(require("./RadioOff"));
 var RadioOn_1 = __importDefault(require("./RadioOn"));
+var Receipt_1 = __importDefault(require("./Receipt"));
 var Report_1 = __importDefault(require("./Report"));
 var Requirement_1 = __importDefault(require("./Requirement"));
+var Rocket_1 = __importDefault(require("./Rocket"));
 var Sales_1 = __importDefault(require("./Sales"));
 var Search_1 = __importDefault(require("./Search"));
 var SectionContent32_1 = __importDefault(require("./SectionContent32"));
@@ -122,12 +140,16 @@ var SectionDivider32_1 = __importDefault(require("./SectionDivider32"));
 var SectionDivider40_1 = __importDefault(require("./SectionDivider40"));
 var SectionFooter32_1 = __importDefault(require("./SectionFooter32"));
 var SectionFooter40_1 = __importDefault(require("./SectionFooter40"));
+var SectionIframe32_1 = __importDefault(require("./SectionIframe32"));
+var SectionIframe40_1 = __importDefault(require("./SectionIframe40"));
 var SectionInfoBox32_1 = __importDefault(require("./SectionInfoBox32"));
 var SectionInfoBox40_1 = __importDefault(require("./SectionInfoBox40"));
 var SectionIntro32_1 = __importDefault(require("./SectionIntro32"));
 var SectionIntro40_1 = __importDefault(require("./SectionIntro40"));
 var SectionMap32_1 = __importDefault(require("./SectionMap32"));
 var SectionMap40_1 = __importDefault(require("./SectionMap40"));
+var SectionMembership32_1 = __importDefault(require("./SectionMembership32"));
+var SectionMembership40_1 = __importDefault(require("./SectionMembership40"));
 var SectionPriceBox32_1 = __importDefault(require("./SectionPriceBox32"));
 var SectionPriceBox40_1 = __importDefault(require("./SectionPriceBox40"));
 var SectionProductsCarousel32_1 = __importDefault(require("./SectionProductsCarousel32"));
@@ -146,6 +168,8 @@ var SeriesList_1 = __importDefault(require("./SeriesList"));
 var Setting_1 = __importDefault(require("./Setting"));
 var Settlement_1 = __importDefault(require("./Settlement"));
 var Share_1 = __importDefault(require("./Share"));
+var Shop_1 = __importDefault(require("./Shop"));
+var Shoppingbag_1 = __importDefault(require("./Shoppingbag"));
 var SlideBanner_1 = __importDefault(require("./SlideBanner"));
 var Sort_1 = __importDefault(require("./Sort"));
 var SpeakerOff_1 = __importDefault(require("./SpeakerOff"));
@@ -168,6 +192,7 @@ var Upload_1 = __importDefault(require("./Upload"));
 var Video_1 = __importDefault(require("./Video"));
 var Videocall_1 = __importDefault(require("./Videocall"));
 var VideocallPro_1 = __importDefault(require("./VideocallPro"));
+var VideoGuide_1 = __importDefault(require("./VideoGuide"));
 var VideoOff_1 = __importDefault(require("./VideoOff"));
 var VideoPip_1 = __importDefault(require("./VideoPip"));
 var VideoPlay_1 = __importDefault(require("./VideoPlay"));
@@ -201,33 +226,47 @@ var lineIcons = {
     ic_bell_notification: BellNotification_1.default,
     ic_booking: Booking_1.default,
     ic_booking_completed: BookingCompleted_1.default,
+    ic_booking_extension: BookingExtension_1.default,
     ic_booking_history: BookingHistory_1.default,
     ic_booking_papp: BookingPapp_1.default,
     ic_booking_ticket: BookingTicket_1.default,
     ic_bookmark: Bookmark_1.default,
+    ic_box: Box_1.default,
     ic_business: Business_1.default,
     ic_call: Call_1.default,
     ic_camera: Camera_1.default,
+    ic_cart: Cart_1.default,
     ic_channel: Channel_1.default,
     ic_channel_setting: ChannelSetting_1.default,
     ic_chat: Chat_1.default,
     ic_chat_counseling: ChatCounseling_1.default,
     ic_chat_crm: ChatCrm_1.default,
+    ic_chat_notification: ChatNotification_1.default,
     ic_chat_off: ChatOff_1.default,
     ic_check: Check_1.default,
     ic_checkbox_off: CheckboxOff_1.default,
     ic_clip: Clip_1.default,
     ic_coins: Coins_1.default,
+    ic_confetti: Confetti_1.default,
     ic_cont_watching: ContWatching_1.default,
     ic_copy: Copy_1.default,
     ic_cs: Cs_1.default,
+    ic_cs_bold: CsBold_1.default,
+    ic_cs_face: CsFace_1.default,
     ic_dashboard: Dashboard_1.default,
+    ic_delivery: Delivery_1.default,
     ic_design_preference: DesignPreference_1.default,
     ic_developer: Developer_1.default,
+    ic_device_app: DeviceApp_1.default,
+    ic_device_desktop: DeviceDesktop_1.default,
+    ic_device_mobile: DeviceMobile_1.default,
+    ic_dotted_circle: DottedCircle_1.default,
     ic_download: Download_1.default,
     ic_dynamic_layout: DynamicLayout_1.default,
     ic_edit: Edit_1.default,
     ic_editor: Editor_1.default,
+    ic_editor_left_side: EditorLeftSide_1.default,
+    ic_editor_right_side: EditorRightSide_1.default,
     ic_end: End_1.default,
     ic_error: Error_1.default,
     ic_eye: Eye_1.default,
@@ -248,10 +287,12 @@ var lineIcons = {
     ic_live_event: LiveEvent_1.default,
     ic_live_personal: LivePersonal_1.default,
     ic_lock: Lock_1.default,
+    ic_mail: Mail_1.default,
     ic_menu: Menu_1.default,
     ic_mic_off: MicOff_1.default,
     ic_mic_on: MicOn_1.default,
     ic_minus_circle: MinusCircle_1.default,
+    ic_news: News_1.default,
     ic_open_page: OpenPage_1.default,
     ic_order: Order_1.default,
     ic_pages: Pages_1.default,
@@ -290,8 +331,10 @@ var lineIcons = {
     ic_question: Question_1.default,
     ic_radio_off: RadioOff_1.default,
     ic_radio_on: RadioOn_1.default,
+    ic_receipt: Receipt_1.default,
     ic_report: Report_1.default,
     ic_requirement: Requirement_1.default,
+    ic_rocket: Rocket_1.default,
     ic_sales: Sales_1.default,
     ic_search: Search_1.default,
     ic_section_content_32: SectionContent32_1.default,
@@ -302,12 +345,16 @@ var lineIcons = {
     ic_section_divider_40: SectionDivider40_1.default,
     ic_section_footer_32: SectionFooter32_1.default,
     ic_section_footer_40: SectionFooter40_1.default,
+    ic_section_iframe_32: SectionIframe32_1.default,
+    ic_section_iframe_40: SectionIframe40_1.default,
     ic_section_info_box_32: SectionInfoBox32_1.default,
     ic_section_info_box_40: SectionInfoBox40_1.default,
     ic_section_intro_32: SectionIntro32_1.default,
     ic_section_intro_40: SectionIntro40_1.default,
     ic_section_map_32: SectionMap32_1.default,
     ic_section_map_40: SectionMap40_1.default,
+    ic_section_membership_32: SectionMembership32_1.default,
+    ic_section_membership_40: SectionMembership40_1.default,
     ic_section_price_box_32: SectionPriceBox32_1.default,
     ic_section_price_box_40: SectionPriceBox40_1.default,
     ic_section_products_carousel_32: SectionProductsCarousel32_1.default,
@@ -326,6 +373,8 @@ var lineIcons = {
     ic_setting: Setting_1.default,
     ic_settlement: Settlement_1.default,
     ic_share: Share_1.default,
+    ic_shop: Shop_1.default,
+    ic_shoppingbag: Shoppingbag_1.default,
     ic_slideBanner: SlideBanner_1.default,
     ic_sort: Sort_1.default,
     ic_speaker_off: SpeakerOff_1.default,
@@ -348,6 +397,7 @@ var lineIcons = {
     ic_video: Video_1.default,
     ic_videocall: Videocall_1.default,
     ic_videocall_pro: VideocallPro_1.default,
+    ic_video_guide: VideoGuide_1.default,
     ic_video_off: VideoOff_1.default,
     ic_video_pip: VideoPip_1.default,
     ic_video_play: VideoPlay_1.default,

package/dist/src/common/components/BoxLayout/Col.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 declare type Props = {
     children: React.ReactNode;
     style?: React.CSSProperties;
 };
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/src/common/components/BoxLayout/Col.js

@@ -14,34 +14,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 function Col(_a, ref) {
     var children = _a.children, style = _a.style;
-    return (react_1.default.createElement(S_Col, { ref: ref, style: __assign({}, style) }, children));
+    return ((0, jsx_runtime_1.jsx)(S_Col, __assign({ ref: ref, style: __assign({}, style) }, { children: children }), void 0));
 }
 var S_Col = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  max-width: 100%;\n  width: 100%;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  max-width: 100%;\n  width: 100%;\n"])));
 exports.default = (0, react_1.forwardRef)(Col);

package/dist/src/common/components/BoxLayout/Grid.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 declare type Props = {
     children: React.ReactNode;
     style?: React.CSSProperties;
     gridTemplate: string;
     className: string;
 };
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/src/common/components/BoxLayout/Grid.js

@@ -14,34 +14,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 function Grid(_a, ref) {
     var children = _a.children, gridTemplate = _a.gridTemplate, style = _a.style, className = _a.className;
-    return (react_1.default.createElement(S_Grid, { className: className, ref: ref, gridTemplate: gridTemplate, style: __assign({}, style) }, children));
+    return ((0, jsx_runtime_1.jsx)(S_Grid, __assign({ className: className, ref: ref, gridTemplate: gridTemplate, style: __assign({}, style) }, { children: children }), void 0));
 }
 var S_Grid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  ", ";\n  width: 100%;\n"], ["\n  display: grid;\n  ", ";\n  width: 100%;\n"])), function (_a) {
     var gridTemplate = _a.gridTemplate;

package/dist/src/common/components/BoxLayout/Row.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 declare type Props = {
     children: React.ReactNode;
     style?: React.CSSProperties;
 };
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const _default: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/src/common/components/BoxLayout/Row.js

@@ -14,34 +14,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 function Row(_a, ref) {
     var children = _a.children, style = _a.style;
-    return (react_1.default.createElement(S_Row, { ref: ref, style: __assign({}, style) }, children));
+    return ((0, jsx_runtime_1.jsx)(S_Row, __assign({ ref: ref, style: __assign({}, style) }, { children: children }), void 0));
 }
 var S_Row = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"], ["\n  display: flex;\n  width: 100%;\n"])));
 exports.default = (0, react_1.forwardRef)(Row);

package/dist/src/common/components/CircularProgress/CircularProgress.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UiColors } from '../../types';
+import type { UiColors } from '../../types';
 export declare type CircularProgressProps = {
     colorKey?: UiColors;
     size?: 'large' | 'medium' | 'small' | 'xsmall';

package/dist/src/common/components/CircularProgress/CircularProgress.js

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+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 __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]; } });
@@ -22,29 +33,22 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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 styled_components_1 = __importStar(require("styled-components"));
 function CircularProgress(_a) {
     var _b = _a.colorKey, colorKey = _b === void 0 ? 'ui_cpnt_icon_sys_grey_01' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c;
-    return (react_1.default.createElement(S_CircularProgressWrapper, { size: size },
-        react_1.default.createElement(S_CircularProgressContent, { colorKey: colorKey, size: size }),
-        react_1.default.createElement(S_CircularProgressContent, { colorKey: colorKey, size: size }),
-        react_1.default.createElement(S_CircularProgressContent, { colorKey: colorKey, size: size }),
-        react_1.default.createElement(S_CircularProgressContent, { colorKey: colorKey, size: size })));
+    return ((0, jsx_runtime_1.jsxs)(S_CircularProgressWrapper, __assign({ size: size }, { children: [(0, jsx_runtime_1.jsx)(S_CircularProgressContent, { colorKey: colorKey, size: size }, void 0), (0, jsx_runtime_1.jsx)(S_CircularProgressContent, { colorKey: colorKey, size: size }, void 0), (0, jsx_runtime_1.jsx)(S_CircularProgressContent, { colorKey: colorKey, size: size }, void 0), (0, jsx_runtime_1.jsx)(S_CircularProgressContent, { colorKey: colorKey, size: size }, void 0)] }), void 0));
 }
-var wrapperSizeLarge = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 48px;\n  height: 48px;\n"], ["\n  width: 48px;\n  height: 48px;\n"])));
-var contentSizeLarge = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n"], ["\n  width: 24px;\n  height: 24px;\n"])));
-var wrapperSizeMedium = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n"], ["\n  width: 40px;\n  height: 40px;\n"])));
-var contentSizeMedium = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 22px;\n  height: 22px;\n"], ["\n  width: 22px;\n  height: 22px;\n"])));
-var wrapperSizeSmall = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n"], ["\n  width: 32px;\n  height: 32px;\n"])));
-var contentSizeSmall = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 18px;\n  height: 18px;\n"], ["\n  width: 18px;\n  height: 18px;\n"])));
-var wrapperSizeXSmall = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n"], ["\n  width: 24px;\n  height: 24px;\n"])));
-var contentSizeXSmall = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 14px;\n  height: 14px;\n"], ["\n  width: 14px;\n  height: 14px;\n"])));
-var S_CircularProgressWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n  justify-content: center;\n\n  ", ";\n\n  & div:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n  & div:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n  & div:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n"], ["\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n  justify-content: center;\n\n  ", ";\n\n  & div:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n  & div:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n  & div:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n"])), function (_a) {
+var wrapperSizeLarge = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 48px;\n  width: 48px;\n"], ["\n  height: 48px;\n  width: 48px;\n"])));
+var contentSizeLarge = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 24px;\n  width: 24px;\n"], ["\n  height: 24px;\n  width: 24px;\n"])));
+var wrapperSizeMedium = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n"], ["\n  height: 40px;\n  width: 40px;\n"])));
+var contentSizeMedium = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 22px;\n  width: 22px;\n"], ["\n  height: 22px;\n  width: 22px;\n"])));
+var wrapperSizeSmall = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 32px;\n  width: 32px;\n"], ["\n  height: 32px;\n  width: 32px;\n"])));
+var contentSizeSmall = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 18px;\n  width: 18px;\n"], ["\n  height: 18px;\n  width: 18px;\n"])));
+var wrapperSizeXSmall = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: 24px;\n  width: 24px;\n"], ["\n  height: 24px;\n  width: 24px;\n"])));
+var contentSizeXSmall = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: 14px;\n  width: 14px;\n"], ["\n  height: 14px;\n  width: 14px;\n"])));
+var S_CircularProgressWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n\n  ", ";\n\n  & div:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n  & div:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n  & div:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n"], ["\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n\n  ", ";\n\n  & div:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n  & div:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n  & div:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n"])), function (_a) {
     var size = _a.size;
     return size &&
         {
@@ -54,7 +58,7 @@ var S_CircularProgressWrapper = styled_components_1.default.div(templateObject_9
             xsmall: wrapperSizeXSmall
         }[size];
 });
-var S_CircularProgressContent = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  @keyframes circular {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  border: 3px solid ", ";\n  border-radius: 50%;\n  animation: circular 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: ", " transparent transparent\n    transparent;\n\n  ", ";\n"], ["\n  @keyframes circular {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  border: 3px solid ", ";\n  border-radius: 50%;\n  animation: circular 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: ", " transparent transparent\n    transparent;\n\n  ", ";\n"])), function (_a) {
+var S_CircularProgressContent = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  @keyframes circular {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  animation: circular 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border: 3px solid ", ";\n  border-color: ", " transparent transparent\n    transparent;\n  border-radius: 50%;\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n\n  ", ";\n"], ["\n  @keyframes circular {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  animation: circular 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border: 3px solid ", ";\n  border-color: ", " transparent transparent\n    transparent;\n  border-radius: 50%;\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n\n  ", ";\n"])), function (_a) {
     var theme = _a.theme, colorKey = _a.colorKey;
     return colorKey && theme[colorKey];
 }, function (_a) {

package/dist/src/common/components/Form/Form.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 /**
  * 스마트 폼 컴포넌트
  * @param {boolean} props.autoComplete 자동완성 기능 설정

package/dist/src/common/components/Form/Form.js

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+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 __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]; } });
@@ -22,15 +33,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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 styled_components_1 = __importStar(require("styled-components"));
 function Form(_a) {
     var autoComplete = _a.autoComplete, children = _a.children, onSubmit = _a.onSubmit, onChange = _a.onChange, displayButton = _a.displayButton;
-    return (react_1.default.createElement(S_StyledForm, { onSubmit: onSubmit, onChange: onChange, displayButton: displayButton, autoComplete: autoComplete ? 'on' : 'off' }, children));
+    return ((0, jsx_runtime_1.jsx)(S_StyledForm, __assign({ onSubmit: onSubmit, onChange: onChange, displayButton: displayButton, autoComplete: autoComplete ? 'on' : 'off' }, { children: children }), void 0));
 }
 var S_StyledForm = styled_components_1.default.form(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n\n  ", ";\n"], ["\n  height: 100%;\n  width: 100%;\n\n  ", ";\n"])), function (_a) {
     var displayButton = _a.displayButton;

package/dist/src/common/components/Navigations/ContextTextLabelNav.d.ts

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import { ForwardedRefType } from '../../types';
+import type { ForwardedRefType } from '../../types';
 declare type Props = {
     to: string;
-    isActive?: boolean;
     text: string;
     openNewTab: boolean;
     preventLineChange?: boolean;
     onClick?: () => void;
 };
-declare function ContextTextLabelNav({ to, text, openNewTab, isActive, preventLineChange, onClick }: Props, ref: ForwardedRefType<HTMLAnchorElement>): JSX.Element;
+declare function ContextTextLabelNav({ to, text, openNewTab, preventLineChange, onClick }: Props, ref: ForwardedRefType<HTMLAnchorElement>): JSX.Element;
 export default ContextTextLabelNav;