@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.5

package/dist/components/MiniButton/common/index.styled.es.js

@@ -0,0 +1,78 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../../core/TextStyles/index.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { ap as ho, ao as jo } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Button/DoubleButton/index.styled.es.js";
+import "../BoxMiniButton/index.styled.es.js";
+import "../../Button/FloatBaseButton/index.styled.es.js";
+import "../../Button/FloatDoubleButton/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "react";
+import "../../Comment/index.es.js";
+import "../../Control/CheckBox/index.styled.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../Icon/generated/AlarmFill.es.js";
+import "../../../Icon/generated/Calendar.es.js";
+import "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import "../../../Icon/generated/ChevronDown.es.js";
+import "../../../Icon/generated/ChevronLeft.es.js";
+import "../../../Icon/generated/ChevronRight.es.js";
+import "../../../Icon/generated/ChevronUp.es.js";
+import "../../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../../Icon/generated/DoubleChevronRight.es.js";
+import "../../../Icon/generated/EyeFill.es.js";
+import "../../../Icon/generated/EyeSlashFill.es.js";
+import "../../../Icon/generated/Filter.es.js";
+import "../../../Icon/generated/Information.es.js";
+import "../../../Icon/generated/Menu.es.js";
+import "../../../Icon/generated/More.es.js";
+import "../../../Icon/generated/PersonFill.es.js";
+import "../../../Icon/generated/Plus.es.js";
+import "../../../Icon/generated/QuestionCircle.es.js";
+import "../../../Icon/generated/Re.es.js";
+import "../../../Icon/generated/Search.es.js";
+import "../../../Icon/generated/SettingFill.es.js";
+import "../../../Icon/generated/Share.es.js";
+import "../../../Icon/generated/Store.es.js";
+import "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../Divider/index.styled.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../Navigation/constant.es.js";
+import "../../Segment/BaseSegment/index.styled.es.js";
+import "../../Segment/ExtendSegment/index.styled.es.js";
+import "../../ToastMessage/Toast/index.styled.es.js";
+import "../../Tooltip/TooltipBase/index.styled.es.js";
+export {
+  ho as ButtonTag,
+  jo as MiniButtonSidePaddingPx
+};

package/dist/components/MiniButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./BoxMiniButton/index.cjs.js"),t=require("./IconMiniButton/index.cjs.js"),i=require("../../chunks/index.styled.SwCr6Bqs.js");exports.BoxMiniButton=n.BoxMiniButton;exports.IconMiniButton=t.IconMiniButton;exports.UnderLineMiniButton=i.UnderLineMiniButton;

package/dist/components/MiniButton/index.es.js

@@ -0,0 +1,8 @@
+import { BoxMiniButton as t } from "./BoxMiniButton/index.es.js";
+import { IconMiniButton as r } from "./IconMiniButton/index.es.js";
+import { U as x } from "../../chunks/index.styled.BTZpARWY.js";
+export {
+  t as BoxMiniButton,
+  r as IconMiniButton,
+  x as UnderLineMiniButton
+};

package/dist/components/Modal/BaseModal/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");require("react");require("./index.styled.cjs.js");const e=require("../../../chunks/index.styled.SwCr6Bqs.js");require("../../../constants/style.constants.cjs.js");exports.BaseModal=e.BaseModal;

package/dist/components/Modal/BaseModal/index.es.js

@@ -0,0 +1,8 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "react";
+import "./index.styled.es.js";
+import { j as a } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../../constants/style.constants.es.js";
+export {
+  a as BaseModal
+};

package/dist/components/Modal/BaseModal/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Modal/BaseModal/index.styled.cjs.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/styled"),o=require("../../OverlayRoot/index.styled.cjs.js"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},l=n(e),a=l.default.div`
+	${({visible:t})=>o.modalSettings(t)};
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+`;exports.ModalContent=a;

package/dist/components/Modal/BaseModal/index.styled.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const ModalContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     visible: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Modal/BaseModal/index.styled.es.js

@@ -0,0 +1,12 @@
+import o from "@emotion/styled";
+import { modalSettings as r } from "../../OverlayRoot/index.styled.es.js";
+const s = o.div`
+	${({ visible: t }) => r(t)};
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+`;
+export {
+  s as ModalContent
+};

package/dist/components/Modal/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/jsx-runtime.713F0z8w.js");require("react");const e=require("../../chunks/index.styled.SwCr6Bqs.js");exports.Modal=e.Modal;

package/dist/components/Modal/index.d.ts

@@ -15,9 +15,9 @@ declare const Modal: React.FC<ModalProps> & {
         subTitle?: ReactNode;
     }>;
     Body: ReactFCWithChildren<{
-        hasContentPadding?: boolean | undefined;
+        hasContentPadding?: boolean;
     }>;
-    Comment: ReactFCWithChildren<unknown>;
+    Comment: ReactFCWithChildren;
     UnderLineMiniButton: React.FC<Pick<UnderLineMiniButtonProps, "disabled" | "onClick"> & {
         text: string;
     }>;

package/dist/components/Modal/index.es.js

@@ -0,0 +1,6 @@
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import "react";
+import { M as t } from "../../chunks/index.styled.BTZpARWY.js";
+export {
+  t as Modal
+};

package/dist/components/Modal/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/components/Modal/index.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../chunks/index.styled.SwCr6Bqs.js"),o=s=>t.jsxRuntimeExports.jsxs(e.Modal,{...s,children:[t.jsxRuntimeExports.jsx(e.Modal.Title,{title:"타이틀을 입력해주세요",subTitle:"서브타이틀을 입력해주세요"}),t.jsxRuntimeExports.jsxs(e.Modal.Body,{children:[t.jsxRuntimeExports.jsx(e.Modal.Comment,{children:"설명을 입력해주세요"}),t.jsxRuntimeExports.jsx(e.Modal.UnderLineMiniButton,{text:"미니버튼"})]}),t.jsxRuntimeExports.jsx(e.Modal.SingleButton,{colorType:"pink",purpose:"main",children:"확인"})]}),i=s=>t.jsxRuntimeExports.jsxs(e.Modal,{...s,children:[t.jsxRuntimeExports.jsx(e.Modal.Title,{title:"타이틀을 입력해주세요",subTitle:"서브타이틀을 입력해주세요"}),t.jsxRuntimeExports.jsxs(e.Modal.Body,{children:[t.jsxRuntimeExports.jsx(e.Modal.Comment,{children:"설명을 입력해주세요"}),t.jsxRuntimeExports.jsx(e.Modal.UnderLineMiniButton,{text:"미니버튼"})]}),t.jsxRuntimeExports.jsx(e.Modal.DoubleButton,{colorType:"pink",purpose:"main",left:{children:"취소"},right:{children:"확인"}})]}),l={title:"Component/Modal",component:o,tags:["autodocs"]},n={render:s=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:["Tip! visible 값을 바꿔보세요",t.jsxRuntimeExports.jsx(o,{...s})]}),args:{visible:!1},parameters:{docs:{description:{story:"콘텐츠 - 정보를 공지할 때 사용합니다."}}}};n.storyName="Modal - SingleButton (Content)";const r={render:s=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:["Tip! visible 값을 바꿔보세요",t.jsxRuntimeExports.jsx(i,{...s})]}),args:{visible:!1},parameters:{docs:{description:{story:"선택 - 신중한 의사결정 사항을 선택해야 때 사용합니다."}}}};r.storyName="Modal - DoubleButton";exports.Story1=n;exports.Story2=r;exports.default=l;

package/dist/components/Modal/index.stories.es.js

@@ -0,0 +1,59 @@
+import { j as e } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { M as t } from "../../chunks/index.styled.BTZpARWY.js";
+const n = (s) => /* @__PURE__ */ e.jsxs(t, { ...s, children: [
+  /* @__PURE__ */ e.jsx(t.Title, { title: "타이틀을 입력해주세요", subTitle: "서브타이틀을 입력해주세요" }),
+  /* @__PURE__ */ e.jsxs(t.Body, { children: [
+    /* @__PURE__ */ e.jsx(t.Comment, { children: "설명을 입력해주세요" }),
+    /* @__PURE__ */ e.jsx(t.UnderLineMiniButton, { text: "미니버튼" })
+  ] }),
+  /* @__PURE__ */ e.jsx(t.SingleButton, { colorType: "pink", purpose: "main", children: "확인" })
+] }), o = (s) => /* @__PURE__ */ e.jsxs(t, { ...s, children: [
+  /* @__PURE__ */ e.jsx(t.Title, { title: "타이틀을 입력해주세요", subTitle: "서브타이틀을 입력해주세요" }),
+  /* @__PURE__ */ e.jsxs(t.Body, { children: [
+    /* @__PURE__ */ e.jsx(t.Comment, { children: "설명을 입력해주세요" }),
+    /* @__PURE__ */ e.jsx(t.UnderLineMiniButton, { text: "미니버튼" })
+  ] }),
+  /* @__PURE__ */ e.jsx(t.DoubleButton, { colorType: "pink", purpose: "main", left: { children: "취소" }, right: { children: "확인" } })
+] }), a = {
+  title: "Component/Modal",
+  component: n,
+  tags: ["autodocs"]
+}, i = {
+  render: (s) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    "Tip! visible 값을 바꿔보세요",
+    /* @__PURE__ */ e.jsx(n, { ...s })
+  ] }),
+  args: {
+    visible: !1
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "콘텐츠 - 정보를 공지할 때 사용합니다."
+      }
+    }
+  }
+};
+i.storyName = "Modal - SingleButton (Content)";
+const r = {
+  render: (s) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    "Tip! visible 값을 바꿔보세요",
+    /* @__PURE__ */ e.jsx(o, { ...s })
+  ] }),
+  args: {
+    visible: !1
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "선택 - 신중한 의사결정 사항을 선택해야 때 사용합니다."
+      }
+    }
+  }
+};
+r.storyName = "Modal - DoubleButton";
+export {
+  i as Story1,
+  r as Story2,
+  a as default
+};

package/dist/components/Modal/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("../../constants/style.constants.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../core/Colors/index.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.SwCr6Bqs.js");exports.Body=e.Body;exports.Comment=e.Comment;exports.Footer=e.Footer;exports.Header=e.Header;exports.LineButtonWrapper=e.LineButtonWrapper;exports.SubTitle=e.SubTitle$2;exports.Wrapper=e.Wrapper$3;

package/dist/components/Modal/index.styled.d.ts

@@ -1,41 +1,40 @@
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Header: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SubTitle: import("@emotion/styled").StyledComponent<{
-    lg?: "Headline1" | "Headline2" | "Headline3" | "Headline4" | "Headline5" | "Headline6" | "Title1" | "Title2" | "Title3" | "Title4" | "Body1" | "Body2" | undefined;
-    sm?: "Headline1" | "Headline2" | "Headline3" | "Headline4" | "Headline5" | "Headline6" | "Title1" | "Title2" | "Title3" | "Title4" | "Body1" | "Body2" | undefined;
-    color?: string | undefined;
-    textAlign?: string | undefined;
-    fontWeight?: string | undefined;
-    className?: string | undefined;
-    element?: string | undefined;
-    'data-element-name'?: string | undefined;
+    lg?: import("../../core/Typography").Typo;
+    sm?: import("../../core/Typography").Typo;
+    color?: string;
+    textAlign?: string;
+    fontWeight?: string;
+    className?: string;
+    element?: string;
+    'data-element-name'?: string;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const Body: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     contentPadding: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Comment: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LineButtonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Footer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Modal/index.styled.es.js

@@ -0,0 +1,15 @@
+import "@emotion/styled";
+import "../../constants/style.constants.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../../core/Colors/index.es.js";
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { aE as i, aF as s, aH as n, aC as B, aG as d, aD as u, aB as C } from "../../chunks/index.styled.BTZpARWY.js";
+export {
+  i as Body,
+  s as Comment,
+  n as Footer,
+  B as Header,
+  d as LineButtonWrapper,
+  u as SubTitle,
+  C as Wrapper
+};

package/dist/components/Navigation/BaseNavigation/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.SwCr6Bqs.js");require("./index.styled.cjs.js");require("../../../constants/style.constants.cjs.js");exports.BaseNavigation=e.BaseNavigation;

package/dist/components/Navigation/BaseNavigation/index.es.js

@@ -0,0 +1,7 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { av as m } from "../../../chunks/index.styled.BTZpARWY.js";
+import "./index.styled.es.js";
+import "../../../constants/style.constants.es.js";
+export {
+  m as BaseNavigation
+};

package/dist/components/Navigation/BaseNavigation/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Navigation/BaseNavigation/index.styled.cjs.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/styled"),r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=r(o),l=e.default.div`
+	width: 100%;
+	height: 55px;
+	box-sizing: border-box;
+	top: ${({zIndex:t})=>t&&t>0?"0":"initial"};
+	position: ${({zIndex:t})=>t&&t>0?"sticky":"relative"};
+	z-index: ${({zIndex:t})=>t||"initial"};
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	background-color: ${({backgroundColor:t})=>t};
+
+	padding: 15px 0;
+	text-overflow: ellipsis;
+`,i=e.default.div`
+	position: absolute;
+	top: 0;
+	bottom: 0;
+
+	cursor: ${({onClick:t})=>t?"pointer":"auto"};
+`,p=e.default(i)`
+	left: 15px;
+`,n=e.default(i)`
+	right: 15px;
+`;exports.LeftChildrenWrapper=p;exports.RightChildrenWrapper=n;exports.Wrapper=l;

package/dist/components/Navigation/BaseNavigation/index.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type WrapperProps = {
     backgroundColor: string;
     zIndex?: number;
@@ -7,19 +6,19 @@ type ClickableProps = {
     onClick?: () => void;
 };
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LeftChildrenWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & ClickableProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const RightChildrenWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & ClickableProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export {};

package/dist/components/Navigation/BaseNavigation/index.styled.es.js

@@ -0,0 +1,33 @@
+import i from "@emotion/styled";
+const r = i.div`
+	width: 100%;
+	height: 55px;
+	box-sizing: border-box;
+	top: ${({ zIndex: t }) => t && t > 0 ? "0" : "initial"};
+	position: ${({ zIndex: t }) => t && t > 0 ? "sticky" : "relative"};
+	z-index: ${({ zIndex: t }) => t || "initial"};
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	background-color: ${({ backgroundColor: t }) => t};
+
+	padding: 15px 0;
+	text-overflow: ellipsis;
+`, o = i.div`
+	position: absolute;
+	top: 0;
+	bottom: 0;
+
+	cursor: ${({ onClick: t }) => t ? "pointer" : "auto"};
+`, p = i(o)`
+	left: 15px;
+`, n = i(o)`
+	right: 15px;
+`;
+export {
+  p as LeftChildrenWrapper,
+  n as RightChildrenWrapper,
+  r as Wrapper
+};

package/dist/components/Navigation/constant.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../core/Colors/index.cjs.js"),r={white:{icon:o.basicColors.white,title:o.basicColors.white,rightText:o.basicColors.white,backgroundColor:o.basicColors.gray900},gray:{icon:o.basicColors.gray900,title:o.basicColors.gray900,rightText:o.basicColors.gray700,backgroundColor:o.basicColors.white}};exports.CONTENT_COLOR_MAP=r;

package/dist/components/Navigation/constant.es.js

@@ -0,0 +1,18 @@
+import { basicColors as t } from "../../core/Colors/index.es.js";
+const o = {
+  white: {
+    icon: t.white,
+    title: t.white,
+    rightText: t.white,
+    backgroundColor: t.gray900
+  },
+  gray: {
+    icon: t.gray900,
+    title: t.gray900,
+    rightText: t.gray700,
+    backgroundColor: t.white
+  }
+};
+export {
+  o as CONTENT_COLOR_MAP
+};

package/dist/components/Navigation/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/jsx-runtime.713F0z8w.js");require("../../Icon/generated/AlarmFill.cjs.js");require("../../Icon/generated/Calendar.cjs.js");require("../../Icon/generated/Cancel.cjs.js");require("../../Icon/generated/CancelCircle.cjs.js");require("../../Icon/generated/CartFill.cjs.js");require("../../Icon/generated/Check.cjs.js");require("../../Icon/generated/ChevronDown.cjs.js");require("../../Icon/generated/ChevronLeft.cjs.js");require("../../Icon/generated/ChevronRight.cjs.js");require("../../Icon/generated/ChevronUp.cjs.js");require("../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../Icon/generated/DoubleChevronRight.cjs.js");require("../../Icon/generated/EyeFill.cjs.js");require("../../Icon/generated/EyeSlashFill.cjs.js");require("../../Icon/generated/Filter.cjs.js");require("../../Icon/generated/Information.cjs.js");require("../../Icon/generated/Menu.cjs.js");require("../../Icon/generated/More.cjs.js");require("../../Icon/generated/PersonFill.cjs.js");require("../../Icon/generated/Plus.cjs.js");require("../../Icon/generated/QuestionCircle.cjs.js");require("../../Icon/generated/Re.cjs.js");require("../../Icon/generated/Search.cjs.js");require("../../Icon/generated/SettingFill.cjs.js");require("../../Icon/generated/Share.cjs.js");require("../../Icon/generated/Store.cjs.js");const e=require("../../chunks/index.styled.SwCr6Bqs.js");require("react");require("./index.styled.cjs.js");require("./constant.cjs.js");exports.Navigation=e.Navigation;

package/dist/components/Navigation/index.es.js

@@ -0,0 +1,34 @@
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../Icon/generated/AlarmFill.es.js";
+import "../../Icon/generated/Calendar.es.js";
+import "../../Icon/generated/Cancel.es.js";
+import "../../Icon/generated/CancelCircle.es.js";
+import "../../Icon/generated/CartFill.es.js";
+import "../../Icon/generated/Check.es.js";
+import "../../Icon/generated/ChevronDown.es.js";
+import "../../Icon/generated/ChevronLeft.es.js";
+import "../../Icon/generated/ChevronRight.es.js";
+import "../../Icon/generated/ChevronUp.es.js";
+import "../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../Icon/generated/DoubleChevronRight.es.js";
+import "../../Icon/generated/EyeFill.es.js";
+import "../../Icon/generated/EyeSlashFill.es.js";
+import "../../Icon/generated/Filter.es.js";
+import "../../Icon/generated/Information.es.js";
+import "../../Icon/generated/Menu.es.js";
+import "../../Icon/generated/More.es.js";
+import "../../Icon/generated/PersonFill.es.js";
+import "../../Icon/generated/Plus.es.js";
+import "../../Icon/generated/QuestionCircle.es.js";
+import "../../Icon/generated/Re.es.js";
+import "../../Icon/generated/Search.es.js";
+import "../../Icon/generated/SettingFill.es.js";
+import "../../Icon/generated/Share.es.js";
+import "../../Icon/generated/Store.es.js";
+import { N as F } from "../../chunks/index.styled.BTZpARWY.js";
+import "react";
+import "./index.styled.es.js";
+import "./constant.es.js";
+export {
+  F as Navigation
+};