pds-dev-kit-web-test 0.0.1

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

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = exports.Grid = exports.Col = void 0;
+var Col_1 = require("./Col");
+Object.defineProperty(exports, "Col", { enumerable: true, get: function () { return __importDefault(Col_1).default; } });
+var Grid_1 = require("./Grid");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
+var Row_1 = require("./Row");
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return __importDefault(Row_1).default; } });

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

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * 스마트 폼 컴포넌트
+ * @param {boolean} props.autoComplete 자동완성 기능 설정
+ * @param {function} props.onSubmit 제출 이벤트 콜백
+ * @param {boolean} props.displayButton 외부 버튼 생성 여부
+ */
+declare type FormProps = {
+    autoComplete?: boolean;
+    children?: React.ReactNode;
+    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+    onChange?: (event: React.FormEvent<HTMLFormElement>) => void;
+    displayButton?: boolean;
+};
+declare function Form({ autoComplete, children, onSubmit, onChange, displayButton }: FormProps): JSX.Element;
+export default Form;

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

@@ -0,0 +1,40 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 = __importDefault(require("react"));
+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));
+}
+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;
+    return displayButton && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      align-items: center;\n      display: flex;\n      height: 100%;\n    "], ["\n      align-items: center;\n      display: flex;\n      height: 100%;\n    "])));
+});
+exports.default = Form;
+var templateObject_1, templateObject_2;

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

@@ -0,0 +1 @@
+export { default as Form } from './Form';

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });

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

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

package/dist/src/common/components/Navigations/ContextTextLabelNav.js

@@ -0,0 +1,15 @@
+"use strict";
+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 desktop_1 = require("../../../desktop");
+var NavLink_1 = __importDefault(require("./NavLink"));
+function TextLabelNav(_a, ref) {
+    var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c;
+    return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab, style: { width: 'max-content' } },
+        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body2Bold' : 'body2Regular', ellipsisMode: "use", lineLimit: 1 }))) : (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab },
+        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body2Bold' : 'body2Regular' })));
+}
+exports.default = TextLabelNav;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CSSProperties } from 'styled-components';
+declare type Props = {
+    to: string;
+    children: React.ReactNode;
+    style?: CSSProperties;
+    openNewTab?: boolean;
+    onClick?: () => void;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
+export default _default;

package/dist/src/common/components/Navigations/NavLink.js

@@ -0,0 +1,42 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 react_router_dom_1 = require("react-router-dom");
+var styled_components_1 = __importDefault(require("styled-components"));
+function NavLink(_a, 
+// NOTE: 필요 시 ref추가
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+ref) {
+    var to = _a.to, children = _a.children, _b = _a.openNewTab, openNewTab = _b === void 0 ? false : _b, style = _a.style, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
+    return openNewTab ? (react_1.default.createElement(S_NavLink, { href: to, onClick: onClick, target: "_blank", rel: "noopener noreferrer", onMouseOver: onMouseOver, onMouseOut: onMouseOut, style: style }, children)) : (react_1.default.createElement(S_Link, { to: to, onClick: onClick, style: style, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, children));
+}
+var S_NavLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-height: 100%;\n"], ["\n  max-height: 100%;\n"])));
+var S_Link = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-height: 100%;\n"], ["\n  max-height: 100%;\n"])));
+exports.default = (0, react_1.forwardRef)(NavLink);
+var templateObject_1, templateObject_2;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CSSProperties } from 'styled-components';
+declare type Props = {
+    justified?: boolean;
+    vertical?: boolean;
+    children: React.ReactNode;
+    style?: CSSProperties;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLUListElement>>;
+export default _default;

package/dist/src/common/components/Navigations/Navs.js

@@ -0,0 +1,43 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+function Navs(_a, ref) {
+    var children = _a.children, style = _a.style, _b = _a.justified, justified = _b === void 0 ? false : _b, _c = _a.vertical, vertical = _c === void 0 ? false : _c;
+    return (react_1.default.createElement(S_Nav, { ref: ref, justified: justified, vertical: vertical, style: style }, children));
+}
+var S_Nav = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -ms-overflow-style: none; /* NOTE: Firefox */\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  list-style: none; /* NOTE: reset */\n  margin: 0; /* NOTE: reset */\n  padding: 0;\n  scrollbar-width: none; /* NOTE: IE and Edge */\n  width: 100%;\n"], ["\n  -ms-overflow-style: none; /* NOTE: Firefox */\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  list-style: none; /* NOTE: reset */\n  margin: 0; /* NOTE: reset */\n  padding: 0;\n  scrollbar-width: none; /* NOTE: IE and Edge */\n  width: 100%;\n"])), function (_a) {
+    var vertical = _a.vertical;
+    return (vertical ? 'column' : 'row');
+}, function (_a) {
+    var justified = _a.justified;
+    return (justified ? 'center' : 'none');
+});
+exports.default = (0, react_1.forwardRef)(Navs);
+var templateObject_1;

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

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

package/dist/src/common/components/Navigations/TextLabelNav.js

@@ -0,0 +1,15 @@
+"use strict";
+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 desktop_1 = require("../../../desktop");
+var NavLink_1 = __importDefault(require("./NavLink"));
+function TextLabelNav(_a, ref) {
+    var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c;
+    return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab, style: { width: 'max-content' } },
+        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular', ellipsisMode: "use", lineLimit: 1 }))) : (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab },
+        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular' })));
+}
+exports.default = TextLabelNav;

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

@@ -0,0 +1,2 @@
+export { default as NavLink } from './NavLink';
+export { default as Navs } from './Navs';

package/dist/src/common/components/Navigations/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navs = exports.NavLink = void 0;
+var NavLink_1 = require("./NavLink");
+Object.defineProperty(exports, "NavLink", { enumerable: true, get: function () { return __importDefault(NavLink_1).default; } });
+var Navs_1 = require("./Navs");
+Object.defineProperty(exports, "Navs", { enumerable: true, get: function () { return __importDefault(Navs_1).default; } });

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

@@ -0,0 +1,2 @@
+import { Form } from './Form';
+export { Form };

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var Form_1 = require("./Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });

package/dist/src/common/decorators/withFormProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type StoryType = () => React.ReactNode;
+export declare const withFormProvider: (storyFn: StoryType) => JSX.Element;
+export {};

package/dist/src/common/decorators/withFormProvider.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withFormProvider = void 0;
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable react-hooks/rules-of-hooks */
+var react_1 = __importDefault(require("react"));
+var react_hook_form_1 = require("react-hook-form");
+var components_1 = require("../components");
+var withFormProvider = function (storyFn) {
+    var methods = (0, react_hook_form_1.useForm)({ mode: 'onChange' });
+    return (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, methods),
+        react_1.default.createElement(components_1.Form, { onSubmit: function () { } }, storyFn())));
+};
+exports.withFormProvider = withFormProvider;

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

@@ -0,0 +1 @@
+export { default as useDetectOverflow } from './useDetectOverflow';

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetectOverflow = void 0;
+var useDetectOverflow_1 = require("./useDetectOverflow");
+Object.defineProperty(exports, "useDetectOverflow", { enumerable: true, get: function () { return __importDefault(useDetectOverflow_1).default; } });

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

@@ -0,0 +1,10 @@
+declare type Ref = {
+    node: HTMLDivElement | HTMLUListElement | null;
+};
+declare function useDetectOverflow(ref: Ref, detectOnResize?: boolean): {
+    trigger: () => void;
+    isOverflow: boolean;
+    isScrollBoxStart: boolean;
+    isScrollBoxEnd: boolean;
+};
+export default useDetectOverflow;

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function useDetectOverflow(ref, detectOnResize) {
+    if (detectOnResize === void 0) { detectOnResize = false; }
+    var _a = (0, react_1.useState)(false), isOverflow = _a[0], setIsOverflow = _a[1];
+    var _b = (0, react_1.useState)(false), isTriggerOn = _b[0], setIsTriggerOn = _b[1];
+    var _c = (0, react_1.useState)(false), isScrollBoxStart = _c[0], setIsScrollBoxStart = _c[1];
+    var _d = (0, react_1.useState)(true), isScrollBoxEnd = _d[0], setIsScrollBoxEnd = _d[1];
+    (0, react_1.useEffect)(function () {
+        // NOTE: resize에 관한 성능이슈가 있을 시 최적화합니다.
+        if (detectOnResize) {
+            window.addEventListener('resize', handleResize);
+        }
+        function handleResize() {
+            trigger();
+        }
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (!ref.node) {
+            return;
+        }
+        var hasOverflow = ref.node.scrollWidth > ref.node.clientWidth;
+        if (ref.node.scrollLeft === 0) {
+            setIsScrollBoxStart(true);
+        }
+        else {
+            setIsScrollBoxStart(false);
+        }
+        if (ref.node.scrollLeft + ref.node.clientWidth === ref.node.scrollWidth) {
+            setIsScrollBoxEnd(true);
+        }
+        else {
+            setIsScrollBoxEnd(false);
+        }
+        setIsOverflow(hasOverflow);
+    }, [isTriggerOn, ref]);
+    var trigger = (0, react_1.useCallback)(function () {
+        setIsTriggerOn(function (prev) { return !prev; });
+    }, []);
+    return { trigger: trigger, isOverflow: isOverflow, isScrollBoxStart: isScrollBoxStart, isScrollBoxEnd: isScrollBoxEnd };
+}
+exports.default = useDetectOverflow;

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

@@ -0,0 +1,10 @@
+import { UITheme } from './styles/colorSet/ui-type';
+import { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType } from './types';
+export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType };
+import { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing } from './styles/theme';
+import { uiColors, customTheme } from './styles/ui-colors';
+export { fontWeight, desktopFontSize, desktopLineHeight, mobileFontSize, mobileLineHeight, boxShadow, spacing, uiColors, customTheme };
+import { theme } from './styles';
+export { theme };
+import { Form } from './components';
+export { Form };

package/dist/src/common/index.js

@@ -0,0 +1,23 @@
+"use strict";
+/* eslint-disable import/order */
+/* eslint-disable import/first */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
+// theme
+var theme_1 = require("./styles/theme");
+Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return theme_1.fontWeight; } });
+Object.defineProperty(exports, "desktopFontSize", { enumerable: true, get: function () { return theme_1.desktopFontSize; } });
+Object.defineProperty(exports, "desktopLineHeight", { enumerable: true, get: function () { return theme_1.desktopLineHeight; } });
+Object.defineProperty(exports, "mobileFontSize", { enumerable: true, get: function () { return theme_1.mobileFontSize; } });
+Object.defineProperty(exports, "mobileLineHeight", { enumerable: true, get: function () { return theme_1.mobileLineHeight; } });
+Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function () { return theme_1.boxShadow; } });
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return theme_1.spacing; } });
+var ui_colors_1 = require("./styles/ui-colors");
+Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return ui_colors_1.uiColors; } });
+Object.defineProperty(exports, "customTheme", { enumerable: true, get: function () { return ui_colors_1.customTheme; } });
+// all theme
+var styles_1 = require("./styles");
+Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return styles_1.theme; } });
+// components
+var components_1 = require("./components");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return components_1.Form; } });

package/dist/src/common/services/i18n/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/dist/src/common/services/i18n/i18n.js

@@ -0,0 +1,38 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var i18next_1 = __importDefault(require("i18next"));
+var i18next_browser_languagedetector_1 = __importDefault(require("i18next-browser-languagedetector"));
+var i18next_intervalplural_postprocessor_1 = __importDefault(require("i18next-intervalplural-postprocessor"));
+var react_i18next_1 = require("react-i18next");
+var resources_1 = __importDefault(require("./resources"));
+i18next_1.default.use(i18next_browser_languagedetector_1.default).use(i18next_intervalplural_postprocessor_1.default).use(react_i18next_1.initReactI18next).init({
+    resources: resources_1.default,
+    load: 'languageOnly',
+    lowerCaseLng: true,
+    fallbackLng: 'ko'
+});
+// override getSuffix method to support plurals in 'ko'
+var originalGetSuffix = i18next_1.default.services.pluralResolver.getSuffix;
+i18next_1.default.services.pluralResolver.getSuffix = function (code, count) {
+    var other = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        other[_i - 2] = arguments[_i];
+    }
+    if (code === 'ko') {
+        return count > 1 ? '_plural' : '';
+    }
+    return originalGetSuffix.call.apply(originalGetSuffix, __spreadArray([i18next_1.default.services.pluralResolver, code, count], other, false));
+};
+exports.default = i18next_1.default;

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

@@ -0,0 +1 @@
+export { default } from './i18n';

package/dist/src/common/services/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var i18n_1 = require("./i18n");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(i18n_1).default; } });