@pfct/purple 1.7.0-next.4 → 1.8.0

package/dist/components/Navigation/Navigation.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { PurpleIcon } from '../../icons/src/types';
+import { BaseNavigationProps } from './BaseNavigation';
+import { NavigationContentColor } from './constant';
+type NavigationProps = Pick<BaseNavigationProps, 'title' | 'zIndex'> & {
+    contentColor: NavigationContentColor;
+    hasBackgroundColor: boolean;
+    leftArea?: {
+        type: 'backIcon';
+        handleClickButton: () => void;
+    };
+    rightArea?: {
+        type: 'closeIcon';
+        handleClickButton: () => void;
+    } | {
+        type: 'icon';
+        children: PurpleIcon;
+        handleClickButton: () => void;
+    } | {
+        type: 'text';
+        children: string;
+        handleClickButton: () => void;
+    };
+};
+declare const Navigation: React.FC<NavigationProps>;
+export type { NavigationProps };
+export { Navigation };
+//# sourceMappingURL=Navigation.d.ts.map

package/dist/components/Navigation/Navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAG5E,KAAK,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACtE,YAAY,EAAE,sBAAsB,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACV,IAAI,EAAE,UAAU,CAAC;QACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC;IACF,SAAS,CAAC,EACP;QAEA,IAAI,EAAE,WAAW,CAAC;QAClB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,GACD;QAEA,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,UAAU,CAAC;QACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,GACD;QACA,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoEzC,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,75 @@
+import { j as t } from "../../chunks/jsx-runtime.C63F304d.js";
+import { useMemo as s } from "react";
+import { cn as e } from "../../lib/utils.es.js";
+import { Title3 as h } from "../../core/Typography/index.es.js";
+import "../../icons/src/icons/Alarm_fill.es.js";
+import d from "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import u from "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
+import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Filter.es.js";
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Share.es.js";
+import "../../icons/src/icons/Store.es.js";
+import { BaseNavigation as k } from "./BaseNavigation/index.es.js";
+import { CONTENT_COLOR_MAP as f } from "./constant.es.js";
+import { IconWrapper as p, TextWrapper as j } from "./index.styled.es.js";
+const $ = ({
+  contentColor: r,
+  hasBackgroundColor: c,
+  leftArea: m,
+  rightArea: i,
+  ...n
+}) => {
+  const a = f[r].backgroundColor, l = s(() => {
+    const o = () => {
+      m?.handleClickButton();
+    };
+    if (m?.type === "backIcon")
+      return /* @__PURE__ */ t.jsx(p, { onClick: o, children: /* @__PURE__ */ t.jsx(u, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
+  }, [m, r]), x = s(() => {
+    const o = () => {
+      i?.handleClickButton();
+    };
+    switch (i?.type) {
+      case "closeIcon":
+        return /* @__PURE__ */ t.jsx(p, { onClick: o, children: /* @__PURE__ */ t.jsx(d, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
+      case "icon":
+        return /* @__PURE__ */ t.jsx(p, { onClick: o, children: /* @__PURE__ */ t.jsx(i.children, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
+      case "text":
+        return /* @__PURE__ */ t.jsx(j, { onClick: o, children: /* @__PURE__ */ t.jsx(h, { className: e(r === "white" ? "text-white" : "text-gray-700"), children: i.children }) });
+      default:
+        return;
+    }
+  }, [i, r]);
+  return /* @__PURE__ */ t.jsx(
+    k,
+    {
+      backgroundColor: c ? a : "transparent",
+      leftChildren: l,
+      rightChildren: x,
+      titleColor: r,
+      ...n
+    }
+  );
+};
+export {
+  $ as Navigation
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),q=require("react"),o=require("../../ui/typography.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");const x=require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const c=require("../../../lib/utils.cjs.js");function u({hasBackground:n=!0,contentColor:e="gray",showTitle:r=!0,header:t={},title:a={children:"타이틀"},leftArea:s,rightArea:l={children:[]}}){return i.jsxs(u.Header,{contentColor:e,hasBackground:n,...t,children:[s?i.jsx(u.BackButton,{contentColor:e,...s}):null,r?i.jsx(u.Title,{contentColor:e,hasBackground:n,...a}):null,l?i.jsx(u.RightArea,{contentColor:e,hasBackground:n,...l}):null]})}u.Header=function({children:e,className:r="",hasBackground:t=!0,contentColor:a="gray",...s}){return i.jsx("header",{className:c.cn("fixed top-0 mx-auto my-0 box-border flex h-[55px] w-full items-center",t?"bg-white":"bg-transparent",a==="white"?"text-white":"text-gray-900",r),...s,children:e})};u.Title=function({children:e,className:r="",contentColor:t="gray",...a}){return i.jsx(o.Typography,{className:c.cn("absolute left-1/2 -translate-x-1/2",t==="white"?"text-white":"text-gray-900",r),variant:"h5",...a,children:e})};u.BackButton=q.forwardRef(function({className:e="",contentColor:r,size:t=25,...a},s){return i.jsx("button",{className:c.cn("absolute left-[20px] cursor-pointer",e),ref:s,...a,children:i.jsx(x.default,{className:c.cn(r==="white"?"text-white":"text-gray-900",e),size:t})})});u.RightArea=function({children:e,className:r="",...t}){return i.jsx("div",{className:c.cn("absolute right-[20px] flex items-center justify-center gap-[20px]",r),...t,children:e})};exports.PageNavigationBar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),c=require("react"),l=require("../../ui/typography.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");const q=require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const x=require("../../../lib/utils.cjs.js");function u({hasBackground:s=!0,contentColor:e="gray",showTitle:r=!0,header:t={},title:n={children:"타이틀"},leftArea:a,rightArea:o={children:[]}}){return i.jsxRuntimeExports.jsxs(u.Header,{contentColor:e,hasBackground:s,...t,children:[a?i.jsxRuntimeExports.jsx(u.BackButton,{contentColor:e,...a}):null,r?i.jsxRuntimeExports.jsx(u.Title,{contentColor:e,hasBackground:s,...n}):null,o?i.jsxRuntimeExports.jsx(u.RightArea,{contentColor:e,hasBackground:s,...o}):null]})}u.Header=function({children:e,className:r="",hasBackground:t=!0,contentColor:n="gray",...a}){return i.jsxRuntimeExports.jsx("header",{className:x.cn("fixed top-0 mx-auto my-0 box-border flex h-[55px] w-full items-center",t?"bg-white":"bg-transparent",n==="white"?"text-white":"text-gray-900",r),...a,children:e})};u.Title=function({children:e,className:r="",contentColor:t="gray",...n}){return i.jsxRuntimeExports.jsx(l.Typography,{className:x.cn("absolute left-1/2 -translate-x-1/2",t==="white"?"text-white":"text-gray-900",r),variant:"h5",...n,children:e})};u.BackButton=c.forwardRef(function({className:e="",contentColor:r,size:t=25,...n},a){return i.jsxRuntimeExports.jsx("button",{className:x.cn("absolute left-[20px] cursor-pointer",e),ref:a,...n,children:i.jsxRuntimeExports.jsx(q.default,{className:x.cn(r==="white"?"text-white":"text-gray-900",e),size:t})})});u.RightArea=function({children:e,className:r="",...t}){return i.jsxRuntimeExports.jsx("div",{className:x.cn("absolute right-[20px] flex items-center justify-center gap-[20px]",r),...t,children:e})};exports.PageNavigationBar=u;

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

@@ -1,14 +1,14 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { Typography as x } from "../../ui/typography.es.js";
+import { j as i } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { forwardRef as x } from "react";
+import { Typography as u } from "../../ui/typography.es.js";
 import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Cancel_circle.es.js";
 import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../icons/src/icons/Check.es.js";
 import "../../../icons/src/icons/Chevron_down.es.js";
-import s from "../../../icons/src/icons/Chevron_left.es.js";
+import l from "../../../icons/src/icons/Chevron_left.es.js";
 import "../../../icons/src/icons/Chevron_right.es.js";
 import "../../../icons/src/icons/Chevron_up.es.js";
 import "../../../icons/src/icons/Double_Chevron_left.es.js";
@@ -28,7 +28,7 @@ import "../../../icons/src/icons/Setting_fill.es.js";
 import "../../../icons/src/icons/Share.es.js";
 import "../../../icons/src/icons/Store.es.js";
 import { cn as n } from "../../../lib/utils.es.js";
-function i({
+function o({
   hasBackground: m = !0,
   contentColor: t = "gray",
   showTitle: r = !0,
@@ -37,24 +37,24 @@ function i({
     children: "타이틀"
   },
   leftArea: a,
-  rightArea: u = {
+  rightArea: s = {
     children: []
   }
 }) {
-  return /* @__PURE__ */ l(i.Header, { contentColor: t, hasBackground: m, ...e, children: [
-    a ? /* @__PURE__ */ o(i.BackButton, { contentColor: t, ...a }) : null,
-    r ? /* @__PURE__ */ o(i.Title, { contentColor: t, hasBackground: m, ...p }) : null,
-    u ? /* @__PURE__ */ o(i.RightArea, { contentColor: t, hasBackground: m, ...u }) : null
+  return /* @__PURE__ */ i.jsxs(o.Header, { contentColor: t, hasBackground: m, ...e, children: [
+    a ? /* @__PURE__ */ i.jsx(o.BackButton, { contentColor: t, ...a }) : null,
+    r ? /* @__PURE__ */ i.jsx(o.Title, { contentColor: t, hasBackground: m, ...p }) : null,
+    s ? /* @__PURE__ */ i.jsx(o.RightArea, { contentColor: t, hasBackground: m, ...s }) : null
   ] });
 }
-i.Header = function({
+o.Header = function({
   children: t,
   className: r = "",
   hasBackground: e = !0,
   contentColor: p = "gray",
   ...a
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ i.jsx(
     "header",
     {
       className: n(
@@ -68,14 +68,14 @@ i.Header = function({
     }
   );
 };
-i.Title = function({
+o.Title = function({
   children: t,
   className: r = "",
   contentColor: e = "gray",
   ...p
 }) {
-  return /* @__PURE__ */ o(
-    x,
+  return /* @__PURE__ */ i.jsx(
+    u,
     {
       className: n(
         "absolute left-1/2 -translate-x-1/2",
@@ -88,22 +88,22 @@ i.Title = function({
     }
   );
 };
-i.BackButton = f(function({ className: t = "", contentColor: r, size: e = 25, ...p }, a) {
-  return /* @__PURE__ */ o("button", { className: n("absolute left-[20px] cursor-pointer", t), ref: a, ...p, children: /* @__PURE__ */ o(
-    s,
+o.BackButton = x(function({ className: t = "", contentColor: r, size: e = 25, ...p }, a) {
+  return /* @__PURE__ */ i.jsx("button", { className: n("absolute left-[20px] cursor-pointer", t), ref: a, ...p, children: /* @__PURE__ */ i.jsx(
+    l,
     {
       className: n(r === "white" ? "text-white" : "text-gray-900", t),
       size: e
     }
   ) });
 });
-i.RightArea = function({
+o.RightArea = function({
   children: t,
   className: r = "",
   ...e
 }) {
-  return /* @__PURE__ */ o("div", { className: n("absolute right-[20px] flex items-center justify-center gap-[20px]", r), ...e, children: t });
+  return /* @__PURE__ */ i.jsx("div", { className: n("absolute right-[20px] flex items-center justify-center gap-[20px]", r), ...e, children: t });
 };
 export {
-  i as PageNavigationBar
+  o as PageNavigationBar
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),o=require("../../ui/typography.cjs.js"),s=require("../../../lib/utils.cjs.js"),n=m.forwardRef(({hasBackground:c=!0,contentColor:t="gray",type:l="title",leftArea:i,rightArea:x,leftProps:a,...r},u)=>e.jsxs("div",{className:s.cn("flex h-[55px] w-full items-center justify-between px-[20px]",c?"bg-white":"bg-transparent",r.className),ref:u,...r,children:[l==="title"?e.jsx(o.Typography,{className:s.cn(t==="white"?"text-white":"text-gray-900",a?.className),variant:"h3",...a,children:i}):i,e.jsx("div",{className:"flex items-center gap-[20px]",children:x?.map((g,h)=>e.jsx("div",{className:t==="white"?"text-white":"text-gray-900",children:g},h))})]}));n.displayName="TitleNavigationBar";exports.TitleNavigationBar=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),p=require("react"),g=require("../../ui/typography.cjs.js"),r=require("../../../lib/utils.cjs.js"),n=p.forwardRef(({hasBackground:x=!0,contentColor:t="gray",type:c="title",leftArea:i,rightArea:l,leftProps:s,...a},u)=>e.jsxRuntimeExports.jsxs("div",{className:r.cn("flex h-[55px] w-full items-center justify-between px-[20px]",x?"bg-white":"bg-transparent",a.className),ref:u,...a,children:[c==="title"?e.jsxRuntimeExports.jsx(g.Typography,{className:r.cn(t==="white"?"text-white":"text-gray-900",s?.className),variant:"h3",...s,children:i}):i,e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-[20px]",children:l?.map((m,o)=>e.jsxRuntimeExports.jsx("div",{className:t==="white"?"text-white":"text-gray-900",children:m},o))})]}));n.displayName="TitleNavigationBar";exports.TitleNavigationBar=n;

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

@@ -1,17 +1,17 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { Typography as g } from "../../ui/typography.es.js";
+import { j as e } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { forwardRef as h } from "react";
+import { Typography as o } from "../../ui/typography.es.js";
 import { cn as s } from "../../../lib/utils.es.js";
-const o = d(
+const d = h(
   ({
     hasBackground: m = !0,
     contentColor: t = "gray",
-    type: l = "title",
+    type: x = "title",
     leftArea: a,
-    rightArea: c,
+    rightArea: l,
     leftProps: i,
     ...r
-  }, n) => /* @__PURE__ */ p(
+  }, n) => /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: s(
@@ -22,8 +22,8 @@ const o = d(
       ref: n,
       ...r,
       children: [
-        l === "title" ? /* @__PURE__ */ e(
-          g,
+        x === "title" ? /* @__PURE__ */ e.jsx(
+          o,
           {
             className: s(t === "white" ? "text-white" : "text-gray-900", i?.className),
             variant: "h3",
@@ -31,12 +31,12 @@ const o = d(
             children: a
           }
         ) : a,
-        /* @__PURE__ */ e("div", { className: "flex items-center gap-[20px]", children: c?.map((x, h) => /* @__PURE__ */ e("div", { className: t === "white" ? "text-white" : "text-gray-900", children: x }, h)) })
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-[20px]", children: l?.map((c, p) => /* @__PURE__ */ e.jsx("div", { className: t === "white" ? "text-white" : "text-gray-900", children: c }, p)) })
       ]
     }
   )
 );
-o.displayName = "TitleNavigationBar";
+d.displayName = "TitleNavigationBar";
 export {
-  o as TitleNavigationBar
+  d as TitleNavigationBar
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),n=require("../../lib/utils.cjs.js"),x=require("../../core/Typography/index.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");const h=require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");const _=require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Store.cjs.js");const p=require("./BaseNavigation/index.cjs.js"),g=require("./constant.cjs.js"),c=require("./index.styled.cjs.js"),N=({contentColor:r,hasBackgroundColor:a,leftArea:s,rightArea:i,...o})=>{const l=g.CONTENT_COLOR_MAP[r].backgroundColor,q=u.useMemo(()=>{const t=()=>{s?.handleClickButton()};if(s?.type==="backIcon")return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(_.default,{className:n.cn(r==="white"?"text-white":"text-gray-900")})})},[s,r]),d=u.useMemo(()=>{const t=()=>{i?.handleClickButton()};switch(i?.type){case"closeIcon":return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(h.default,{className:n.cn(r==="white"?"text-white":"text-gray-900")})});case"icon":return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(i.children,{className:n.cn(r==="white"?"text-white":"text-gray-900")})});case"text":return e.jsx(c.TextWrapper,{onClick:t,children:e.jsx(x.Title3,{className:n.cn(r==="white"?"text-white":"text-gray-700"),children:i.children})});default:return}},[i,r]);return e.jsx(p.BaseNavigation,{backgroundColor:a?l:"transparent",leftChildren:q,rightChildren:d,titleColor:r,...o})};exports.Navigation=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./BaseNavigation/index.cjs.js"),t=require("./PageNavigationBar/index.cjs.js"),o=require("./TitleNavigationBar/index.cjs.js"),a=require("./BottomNavigationBar/index.cjs.js"),n=require("./constant.cjs.js"),e=require("./Navigation.cjs.js");exports.BaseNavigation=i.BaseNavigation;exports.PageNavigationBar=t.PageNavigationBar;exports.TitleNavigationBar=o.TitleNavigationBar;exports.BottomNavigationBar=a.BottomNavigationBar;exports.BottomNavigationBarItem=a.BottomNavigationBarItem;exports.CONTENT_COLOR_MAP=n.CONTENT_COLOR_MAP;exports.Navigation=e.Navigation;

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

@@ -1,28 +1,8 @@
-import { default as React } from 'react';
-import { PurpleIcon } from '../../icons/src/types';
-import { BaseNavigationProps } from './BaseNavigation';
-import { NavigationContentColor } from './constant';
-type NavigationProps = Pick<BaseNavigationProps, 'title' | 'zIndex'> & {
-    contentColor: NavigationContentColor;
-    hasBackgroundColor: boolean;
-    leftArea?: {
-        type: 'backIcon';
-        handleClickButton: () => void;
-    };
-    rightArea?: {
-        type: 'closeIcon';
-        handleClickButton: () => void;
-    } | {
-        type: 'icon';
-        children: PurpleIcon;
-        handleClickButton: () => void;
-    } | {
-        type: 'text';
-        children: string;
-        handleClickButton: () => void;
-    };
-};
-declare const Navigation: React.FC<NavigationProps>;
-export type { NavigationProps };
-export { Navigation };
+export * from './BaseNavigation';
+export * from './PageNavigationBar';
+export * from './TitleNavigationBar';
+export * from './BottomNavigationBar';
+export * from './constant';
+export { Navigation } from './Navigation';
+export type { NavigationProps } from './Navigation';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAG5E,KAAK,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACtE,YAAY,EAAE,sBAAsB,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACV,IAAI,EAAE,UAAU,CAAC;QACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC;IACF,SAAS,CAAC,EACP;QAEA,IAAI,EAAE,WAAW,CAAC;QAClB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,GACD;QAEA,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,UAAU,CAAC;QACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,GACD;QACA,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoEzC,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

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

@@ -1,75 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { cn as e } from "../../lib/utils.es.js";
-import { Title3 as d } from "../../core/Typography/index.es.js";
-import "../../icons/src/icons/Alarm_fill.es.js";
-import "../../icons/src/icons/Calendar.es.js";
-import u from "../../icons/src/icons/Cancel.es.js";
-import "../../icons/src/icons/Cancel_circle.es.js";
-import "../../icons/src/icons/Cart_fill.es.js";
-import "../../icons/src/icons/Check.es.js";
-import "../../icons/src/icons/Chevron_down.es.js";
-import k from "../../icons/src/icons/Chevron_left.es.js";
-import "../../icons/src/icons/Chevron_right.es.js";
-import "../../icons/src/icons/Chevron_up.es.js";
-import "../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../icons/src/icons/Eye_fill.es.js";
-import "../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../icons/src/icons/Filter.es.js";
-import "../../icons/src/icons/Information.es.js";
-import "../../icons/src/icons/Menu.es.js";
-import "../../icons/src/icons/More.es.js";
-import "../../icons/src/icons/Person_fill.es.js";
-import "../../icons/src/icons/Plus.es.js";
-import "../../icons/src/icons/Question_circle.es.js";
-import "../../icons/src/icons/Re.es.js";
-import "../../icons/src/icons/Search.es.js";
-import "../../icons/src/icons/Setting_fill.es.js";
-import "../../icons/src/icons/Share.es.js";
-import "../../icons/src/icons/Store.es.js";
-import { BaseNavigation as x } from "./BaseNavigation/index.es.js";
-import { CONTENT_COLOR_MAP as f } from "./constant.es.js";
-import { IconWrapper as p, TextWrapper as C } from "./index.styled.es.js";
-const $ = ({
-  contentColor: r,
-  hasBackgroundColor: n,
-  leftArea: m,
-  rightArea: i,
-  ...a
-}) => {
-  const l = f[r].backgroundColor, s = c(() => {
-    const o = () => {
-      m?.handleClickButton();
-    };
-    if (m?.type === "backIcon")
-      return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(k, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
-  }, [m, r]), h = c(() => {
-    const o = () => {
-      i?.handleClickButton();
-    };
-    switch (i?.type) {
-      case "closeIcon":
-        return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(u, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
-      case "icon":
-        return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(i.children, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
-      case "text":
-        return /* @__PURE__ */ t(C, { onClick: o, children: /* @__PURE__ */ t(d, { className: e(r === "white" ? "text-white" : "text-gray-700"), children: i.children }) });
-      default:
-        return;
-    }
-  }, [i, r]);
-  return /* @__PURE__ */ t(
-    x,
-    {
-      backgroundColor: n ? l : "transparent",
-      leftChildren: s,
-      rightChildren: h,
-      titleColor: r,
-      ...a
-    }
-  );
-};
+import { BaseNavigation as t } from "./BaseNavigation/index.es.js";
+import { PageNavigationBar as i } from "./PageNavigationBar/index.es.js";
+import { TitleNavigationBar as m } from "./TitleNavigationBar/index.es.js";
+import { BottomNavigationBar as g, BottomNavigationBarItem as B } from "./BottomNavigationBar/index.es.js";
+import { CONTENT_COLOR_MAP as n } from "./constant.es.js";
+import { Navigation as v } from "./Navigation.es.js";
 export {
-  $ as Navigation
+  t as BaseNavigation,
+  g as BottomNavigationBar,
+  B as BottomNavigationBarItem,
+  n as CONTENT_COLOR_MAP,
+  v as Navigation,
+  i as PageNavigationBar,
+  m as TitleNavigationBar
 };

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

@@ -1,11 +1,11 @@
 export declare const IconWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('node_modules/@emotion/react/dist/emotion-react.cjs.mjs').Theme;
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextWrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('node_modules/@emotion/react/dist/emotion-react.cjs.mjs').Theme;
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-} & import('node_modules/@types/react').ClassAttributes<HTMLDivElement> & import('node_modules/@types/react').HTMLAttributes<HTMLDivElement> & {
-    theme?: import('node_modules/@emotion/react/dist/emotion-react.cjs.mjs').Theme;
+} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
 //# sourceMappingURL=index.styled.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.styled.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;;iJAA2B,CAAC;AAEpD,eAAO,MAAM,WAAW;;;;;UAEvB,CAAC"}
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.styled.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;;yGAA2B,CAAC;AAEpD,eAAO,MAAM,WAAW;;;;;UAEvB,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),f=require("../../constants/style.constants.cjs.js");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("@emotion/react");const d=require("../../hooks/useOverlayPreventScroll.cjs.js"),y=require("./index.styled.cjs.js"),m=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=m(o),_=q.default.memo(({className:e,visible:r,onClick:u,zIndex:s=f.zIndex.modal,children:l})=>{const[a,n]=o.useState(!1),c=t=>{t.target===t.currentTarget&&u?.()};return o.useEffect(()=>{let t;return r?n(!0):t=setTimeout(()=>n(!1),400),()=>{t!==void 0&&clearTimeout(t)}},[r]),d.useOverlayPreventScroll(r),a?i.jsx(y.Overlay,{className:e,onClick:c,visible:r,zIndex:s,children:l}):null});exports.OverlayRoot=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../chunks/jsx-runtime.B0Vkbtvx.js"),o=require("react"),f=require("../../constants/style.constants.cjs.js"),d=require("../../hooks/useOverlayPreventScroll.cjs.js");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("@emotion/react");const m=require("./index.styled.cjs.js"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=y(o),_=q.default.memo(({className:e,visible:r,onClick:u,zIndex:s=f.zIndex.modal,children:l})=>{const[a,n]=o.useState(!1),c=t=>{t.target===t.currentTarget&&u?.()};return o.useEffect(()=>{let t;return r?n(!0):t=setTimeout(()=>n(!1),400),()=>{t!==void 0&&clearTimeout(t)}},[r]),d.useOverlayPreventScroll(r),a?i.jsxRuntimeExports.jsx(m.Overlay,{className:e,onClick:c,visible:r,zIndex:s,children:l}):null});exports.OverlayRoot=_;

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

@@ -1,15 +1,15 @@
-import { jsx as a } from "react/jsx-runtime";
-import i, { useState as p, useEffect as s } from "react";
+import { j as i } from "../../chunks/jsx-runtime.C63F304d.js";
+import l, { useState as p, useEffect as s } from "react";
 import { zIndex as c } from "../../constants/style.constants.es.js";
+import { useOverlayPreventScroll as d } from "../../hooks/useOverlayPreventScroll.es.js";
 import "../../core/Colors/index.es.js";
 import "../../utils/GenerateColorStyle/datepicker.es.js";
 import "../../utils/GenerateColorStyle/mini-button.es.js";
 import "@emotion/react";
-import { useOverlayPreventScroll as d } from "../../hooks/useOverlayPreventScroll.es.js";
 import { Overlay as x } from "./index.styled.es.js";
-const R = i.memo(
+const g = l.memo(
   ({ className: o, visible: e, onClick: m, zIndex: n = c.modal, children: f }) => {
-    const [l, r] = p(!1), u = (t) => {
+    const [u, r] = p(!1), a = (t) => {
       t.target === t.currentTarget && m?.();
     };
     return s(() => {
@@ -17,9 +17,9 @@ const R = i.memo(
       return e ? r(!0) : t = setTimeout(() => r(!1), 400), () => {
         t !== void 0 && clearTimeout(t);
       };
-    }, [e]), d(e), l ? /* @__PURE__ */ a(x, { className: o, onClick: u, visible: e, zIndex: n, children: f }) : null;
+    }, [e]), d(e), u ? /* @__PURE__ */ i.jsx(x, { className: o, onClick: a, visible: e, zIndex: n, children: f }) : null;
   }
 );
 export {
-  R as OverlayRoot
+  g as OverlayRoot
 };

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

@@ -1,9 +1,9 @@
-export declare const modalSettings: (visible: boolean) => import('@emotion/react').SerializedStyles;
+export declare const modalSettings: (visible: boolean) => import('@emotion/utils').SerializedStyles;
 export declare const Overlay: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     visible: boolean;
     zIndex: number;
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=index.styled.d.ts.map

package/dist/components/OverlayRoot/index.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/components/OverlayRoot/index.styled.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,8CAI7C,CAAC;AAEF,eAAO,MAAM,OAAO;;;;aACV,OAAO;YACR,MAAM;iJAYd,CAAC"}
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/components/OverlayRoot/index.styled.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,8CAI7C,CAAC;AAEF,eAAO,MAAM,OAAO;;;;aACV,OAAO;YACR,MAAM;yGAYd,CAAC"}

package/dist/components/Segment/BaseSegment/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),n=require("./index.styled.cjs.js"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=u(i),g=({item:e,value:s,onChange:a})=>{const o=100/e.length,c=()=>{const t=e.indexOf(s)*100;return t<0?0:t/e.length};return r.jsx(n.Wrapper,{children:r.jsxs(n.LabelWrapper,{width:o,children:[e.map((t,l)=>r.jsx(m.default.Fragment,{children:r.jsxs(n.Label,{active:s===t,className:n.className.segmentLabel,children:[r.jsx(n.Input,{checked:s===t,name:"radio",onChange:d=>a(d.target.value),type:"radio",value:t}),t]})},l)),r.jsx(n.Control,{className:n.className.segmentControl,control:c(),width:o})]})})};exports.Segment=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),x=require("react"),n=require("./index.styled.cjs.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=l(x),d=({item:e,value:r,onChange:a})=>{const o=100/e.length,c=()=>{const t=e.indexOf(r)*100;return t<0?0:t/e.length};return s.jsxRuntimeExports.jsx(n.Wrapper,{children:s.jsxRuntimeExports.jsxs(n.LabelWrapper,{width:o,children:[e.map((t,i)=>s.jsxRuntimeExports.jsx(m.default.Fragment,{children:s.jsxRuntimeExports.jsxs(n.Label,{active:r===t,className:n.className.segmentLabel,children:[s.jsxRuntimeExports.jsx(n.Input,{checked:r===t,name:"radio",onChange:u=>a(u.target.value),type:"radio",value:t}),t]})},i)),s.jsxRuntimeExports.jsx(n.Control,{className:n.className.segmentControl,control:c(),width:o})]})})};exports.Segment=d;

package/dist/components/Segment/BaseSegment/index.es.js

@@ -1,28 +1,28 @@
-import { jsx as n, jsxs as a } from "react/jsx-runtime";
-import l from "react";
-import { Wrapper as p, LabelWrapper as h, Label as g, className as c, Input as f, Control as u } from "./index.styled.es.js";
-const N = ({ item: e, value: t, onChange: s }) => {
-  const o = 100 / e.length, m = () => {
-    const r = e.indexOf(t) * 100;
-    return r < 0 ? 0 : r / e.length;
+import { j as e } from "../../../chunks/jsx-runtime.C63F304d.js";
+import p from "react";
+import { Wrapper as d, LabelWrapper as l, Label as x, className as s, Input as h, Control as g } from "./index.styled.es.js";
+const C = ({ item: t, value: n, onChange: a }) => {
+  const o = 100 / t.length, c = () => {
+    const r = t.indexOf(n) * 100;
+    return r < 0 ? 0 : r / t.length;
   };
-  return /* @__PURE__ */ n(p, { children: /* @__PURE__ */ a(h, { width: o, children: [
-    e.map((r, d) => /* @__PURE__ */ n(l.Fragment, { children: /* @__PURE__ */ a(g, { active: t === r, className: c.segmentLabel, children: [
-      /* @__PURE__ */ n(
-        f,
+  return /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsxs(l, { width: o, children: [
+    t.map((r, m) => /* @__PURE__ */ e.jsx(p.Fragment, { children: /* @__PURE__ */ e.jsxs(x, { active: n === r, className: s.segmentLabel, children: [
+      /* @__PURE__ */ e.jsx(
+        h,
         {
-          checked: t === r,
+          checked: n === r,
           name: "radio",
-          onChange: (i) => s(i.target.value),
+          onChange: (i) => a(i.target.value),
           type: "radio",
           value: r
         }
       ),
       r
-    ] }) }, d)),
-    /* @__PURE__ */ n(u, { className: c.segmentControl, control: m(), width: o })
+    ] }) }, m)),
+    /* @__PURE__ */ e.jsx(g, { className: s.segmentControl, control: c(), width: o })
   ] }) });
 };
 export {
-  N as Segment
+  C as Segment
 };