@pfct/purple 1.7.0-next.3 → 1.7.0-next.4

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

@@ -1,49 +1,46 @@
-import { j as e } from "../../../chunks/jsx-runtime.C63F304d.js";
-import { S as m } from "../../../chunks/index._MxrBNop.js";
-import { cn as s } from "../../../lib/utils.es.js";
-import { miniButtonTextVariants as f } from "../IconMiniButton/index.es.js";
-const j = ({
+import { jsx as e, Fragment as u } from "react/jsx-runtime";
+import { S as f } from "../../../chunks/index.9fap07Gq.js";
+import { cn as x } from "../../../lib/utils.es.js";
+import { miniButtonTextVariants as i } from "../IconMiniButton/index.es.js";
+const d = ({
   size: r = "s",
   colorType: n,
   children: o,
-  url: x,
-  className: a,
+  url: a,
+  className: p,
   disabled: t,
-  type: i = "button",
-  asChild: g = !1,
-  ...p
-}) => {
-  const u = g ? m : "button";
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: x ? /* @__PURE__ */ e.jsx(
-    m,
-    {
-      className: s(
-        "flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]",
-        !t && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100",
-        t ? "text-gray-200" : f({ colorType: n }),
-        r === "s" ? "typo-t4" : "typo-t3",
-        a
-      ),
-      ...p,
-      children: /* @__PURE__ */ e.jsx("a", { className: "text-decoration-none", href: x, rel: "noreferrer", target: "_blank", children: o })
-    }
-  ) : /* @__PURE__ */ e.jsx(
-    u,
-    {
-      className: s(
-        "flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]",
-        !t && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100",
-        t ? "text-gray-200" : f({ colorType: n }),
-        r === "s" ? "typo-t4" : "typo-t3",
-        a
-      ),
-      disabled: t,
-      type: i,
-      ...p,
-      children: o
-    }
-  ) });
-};
+  type: g = "button",
+  asChild: s = !1,
+  ...m
+}) => /* @__PURE__ */ e(u, { children: a ? /* @__PURE__ */ e(
+  f,
+  {
+    className: x(
+      "flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]",
+      !t && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100",
+      t ? "text-gray-200" : i({ colorType: n }),
+      r === "s" ? "typo-t4" : "typo-t3",
+      p
+    ),
+    ...m,
+    children: /* @__PURE__ */ e("a", { className: "text-decoration-none", href: a, rel: "noreferrer", target: "_blank", children: o })
+  }
+) : /* @__PURE__ */ e(
+  s ? f : "button",
+  {
+    className: x(
+      "flex h-fit w-max items-center gap-[3px] rounded-[5px] p-[5px]",
+      !t && "underline underline-offset-4 hover:bg-gray-50 focus:bg-gray-100",
+      t ? "text-gray-200" : i({ colorType: n }),
+      r === "s" ? "typo-t4" : "typo-t3",
+      p
+    ),
+    disabled: t,
+    type: g,
+    ...m,
+    children: o
+  }
+) });
 export {
-  j as UnderLineMiniButton
+  d as UnderLineMiniButton
 };

package/dist/components/MiniButton/common/ButtonTag.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),e=require("./index.styled.cjs.js"),o=t=>n.jsxRuntimeExports.jsx(e.ButtonTag,{...t,type:"button"});module.exports=o;
+"use strict";const n=require("react/jsx-runtime"),e=require("./index.styled.cjs.js"),o=t=>n.jsx(e.ButtonTag,{...t,type:"button"});module.exports=o;

package/dist/components/MiniButton/common/ButtonTag.es.js

@@ -1,6 +1,6 @@
-import { j as o } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { jsx as o } from "react/jsx-runtime";
 import { ButtonTag as r } from "./index.styled.es.js";
-const s = (t) => /* @__PURE__ */ o.jsx(r, { ...t, type: "button" });
+const u = (t) => /* @__PURE__ */ o(r, { ...t, type: "button" });
 export {
-  s as default
+  u as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.B0Vkbtvx.js"),o=require("../../chunks/index.CtIpJqp4.js"),s=require("../../lib/utils.cjs.js");function r({...t}){return e.jsxRuntimeExports.jsx(o.Root,{"data-slot":"dialog",...t})}function d({...t}){return e.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"dialog-trigger",...t})}function n({...t}){return e.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"dialog-portal",...t})}function x({...t}){return e.jsxRuntimeExports.jsx(o.Close,{"data-slot":"dialog-close",...t})}function l({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Overlay,{className:s.cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-1000 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",t),"data-slot":"dialog-overlay",...a})}function u({className:t,children:a,...i}){return e.jsxRuntimeExports.jsxs(n,{"data-slot":"dialog-portal",children:[e.jsxRuntimeExports.jsx(l,{}),e.jsxRuntimeExports.jsx(o.Content,{className:s.cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-1000 grid max-h-150 w-full max-w-[320px] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-[10px] bg-white duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in",t),"data-slot":"dialog-content",...i,children:a})]})}function c({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{className:s.cn("flex flex-col gap-5 px-5 py-[30px] text-center",t),"data-slot":"dialog-info",...a})}function p({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{className:s.cn("flex flex-col gap-2.5",t),"data-slot":"dialog-header",...a})}function m({className:t,...a}){return e.jsxRuntimeExports.jsx("div",{className:s.cn("flex items-center gap-2.5 px-[15px] pb-[15px]",t),"data-slot":"dialog-footer",...a})}function f({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Title,{className:s.cn("typo-h4 whitespace-pre-wrap",t),"data-slot":"dialog-title",...a})}function g({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Description,{className:s.cn("typo-t3 whitespace-pre-wrap text-gray-400",t),"data-slot":"dialog-description",...a})}exports.Modal=r;exports.ModalClose=x;exports.ModalContent=u;exports.ModalDescription=g;exports.ModalFooter=m;exports.ModalHeader=p;exports.ModalInfo=c;exports.ModalOverlay=l;exports.ModalPortal=n;exports.ModalTitle=f;exports.ModalTrigger=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../chunks/index.QJBZMz2E.js"),l=require("../../lib/utils.cjs.js");function i({...a}){return e.jsx(o.Root,{"data-slot":"dialog",...a})}function r({...a}){return e.jsx(o.Trigger,{"data-slot":"dialog-trigger",...a})}function n({...a}){return e.jsx(o.Portal,{"data-slot":"dialog-portal",...a})}function c({...a}){return e.jsx(o.Close,{"data-slot":"dialog-close",...a})}function d({className:a,...t}){return e.jsx(o.Overlay,{className:l.cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-1000 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",a),"data-slot":"dialog-overlay",...t})}function u({className:a,children:t,...s}){return e.jsxs(n,{"data-slot":"dialog-portal",children:[e.jsx(d,{}),e.jsx(o.Content,{className:l.cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-1000 grid max-h-150 w-full max-w-[320px] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-[10px] bg-white duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in",a),"data-slot":"dialog-content",...s,children:t})]})}function x({className:a,...t}){return e.jsx("div",{className:l.cn("flex flex-col gap-5 px-5 py-[30px] text-center",a),"data-slot":"dialog-info",...t})}function p({className:a,...t}){return e.jsx("div",{className:l.cn("flex flex-col gap-2.5",a),"data-slot":"dialog-header",...t})}function f({className:a,...t}){return e.jsx("div",{className:l.cn("flex items-center gap-2.5 px-[15px] pb-[15px]",a),"data-slot":"dialog-footer",...t})}function g({className:a,...t}){return e.jsx(o.Title,{className:l.cn("typo-h4 whitespace-pre-wrap",a),"data-slot":"dialog-title",...t})}function M({className:a,...t}){return e.jsx(o.Description,{className:l.cn("typo-t3 whitespace-pre-wrap text-gray-400",a),"data-slot":"dialog-description",...t})}exports.Modal=i;exports.ModalClose=c;exports.ModalContent=u;exports.ModalDescription=M;exports.ModalFooter=f;exports.ModalHeader=p;exports.ModalInfo=x;exports.ModalOverlay=d;exports.ModalPortal=n;exports.ModalTitle=g;exports.ModalTrigger=r;

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

@@ -1,21 +1,21 @@
-import { j as o } from "../../chunks/jsx-runtime.C63F304d.js";
-import { R as l, C as d, a as n, D as r, O as i, P as c, T as p, b as x } from "../../chunks/index.9yN3bH7k.js";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { R as n, C as s, a as r, D as i, O as c, P as p, T as f, b as u } from "../../chunks/index.C3oZfEx6.js";
 import { cn as e } from "../../lib/utils.es.js";
-function M({ ...a }) {
-  return /* @__PURE__ */ o.jsx(l, { "data-slot": "dialog", ...a });
+function w({ ...a }) {
+  return /* @__PURE__ */ o(n, { "data-slot": "dialog", ...a });
 }
-function h({ ...a }) {
-  return /* @__PURE__ */ o.jsx(x, { "data-slot": "dialog-trigger", ...a });
+function y({ ...a }) {
+  return /* @__PURE__ */ o(u, { "data-slot": "dialog-trigger", ...a });
 }
-function f({ ...a }) {
-  return /* @__PURE__ */ o.jsx(c, { "data-slot": "dialog-portal", ...a });
+function g({ ...a }) {
+  return /* @__PURE__ */ o(p, { "data-slot": "dialog-portal", ...a });
 }
-function w({ ...a }) {
-  return /* @__PURE__ */ o.jsx(d, { "data-slot": "dialog-close", ...a });
+function v({ ...a }) {
+  return /* @__PURE__ */ o(s, { "data-slot": "dialog-close", ...a });
 }
-function u({ className: a, ...t }) {
-  return /* @__PURE__ */ o.jsx(
-    i,
+function m({ className: a, ...t }) {
+  return /* @__PURE__ */ o(
+    c,
     {
       className: e(
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-1000 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
@@ -26,25 +26,25 @@ function u({ className: a, ...t }) {
     }
   );
 }
-function y({ className: a, children: t, ...s }) {
-  return /* @__PURE__ */ o.jsxs(f, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ o.jsx(u, {}),
-    /* @__PURE__ */ o.jsx(
-      n,
+function N({ className: a, children: t, ...l }) {
+  return /* @__PURE__ */ d(g, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ o(m, {}),
+    /* @__PURE__ */ o(
+      r,
       {
         className: e(
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-1000 grid max-h-150 w-full max-w-[320px] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-[10px] bg-white duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in",
           a
         ),
         "data-slot": "dialog-content",
-        ...s,
+        ...l,
         children: t
       }
     )
   ] });
 }
-function v({ className: a, ...t }) {
-  return /* @__PURE__ */ o.jsx(
+function b({ className: a, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
       className: e("flex flex-col gap-5 px-5 py-[30px] text-center", a),
@@ -53,11 +53,11 @@ function v({ className: a, ...t }) {
     }
   );
 }
-function N({ className: a, ...t }) {
-  return /* @__PURE__ */ o.jsx("div", { className: e("flex flex-col gap-2.5", a), "data-slot": "dialog-header", ...t });
+function C({ className: a, ...t }) {
+  return /* @__PURE__ */ o("div", { className: e("flex flex-col gap-2.5", a), "data-slot": "dialog-header", ...t });
 }
-function b({ className: a, ...t }) {
-  return /* @__PURE__ */ o.jsx(
+function T({ className: a, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
       className: e("flex items-center gap-2.5 px-[15px] pb-[15px]", a),
@@ -66,9 +66,9 @@ function b({ className: a, ...t }) {
     }
   );
 }
-function C({ className: a, ...t }) {
-  return /* @__PURE__ */ o.jsx(
-    p,
+function z({ className: a, ...t }) {
+  return /* @__PURE__ */ o(
+    f,
     {
       className: e("typo-h4 whitespace-pre-wrap", a),
       "data-slot": "dialog-title",
@@ -76,9 +76,9 @@ function C({ className: a, ...t }) {
     }
   );
 }
-function T({ className: a, ...t }) {
-  return /* @__PURE__ */ o.jsx(
-    r,
+function D({ className: a, ...t }) {
+  return /* @__PURE__ */ o(
+    i,
     {
       className: e("typo-t3 whitespace-pre-wrap text-gray-400", a),
       "data-slot": "dialog-description",
@@ -87,15 +87,15 @@ function T({ className: a, ...t }) {
   );
 }
 export {
-  M as Modal,
-  w as ModalClose,
-  y as ModalContent,
-  T as ModalDescription,
-  b as ModalFooter,
-  N as ModalHeader,
-  v as ModalInfo,
-  u as ModalOverlay,
-  f as ModalPortal,
-  C as ModalTitle,
-  h as ModalTrigger
+  w as Modal,
+  v as ModalClose,
+  N as ModalContent,
+  D as ModalDescription,
+  T as ModalFooter,
+  C as ModalHeader,
+  b as ModalInfo,
+  m as ModalOverlay,
+  g as ModalPortal,
+  z as ModalTitle,
+  y as ModalTrigger
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),c=require("../../../lib/utils.cjs.js"),x=require("../../../constants/style.constants.cjs.js"),u=require("../../../core/Typography/index.cjs.js"),t=require("./index.styled.cjs.js"),p=({title:s,titleColor:i,leftChildren:n,rightChildren:r,zIndex:o=x.zIndex.gnb,backgroundColor:a})=>e.jsxRuntimeExports.jsxs(t.Wrapper,{backgroundColor:a,zIndex:o,children:[n&&e.jsxRuntimeExports.jsx(t.LeftChildrenWrapper,{children:n}),s&&e.jsxRuntimeExports.jsx(u.Headline5,{className:c.cn(i==="white"?"text-white":"text-gray-900"),children:s}),r&&e.jsxRuntimeExports.jsx(t.RightChildrenWrapper,{children:r})]});exports.BaseNavigation=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../lib/utils.cjs.js"),d=require("../../../constants/style.constants.cjs.js"),l=require("../../../core/Typography/index.cjs.js"),n=require("./index.styled.cjs.js"),u=({title:t,titleColor:s,leftChildren:r,rightChildren:i,zIndex:a=d.zIndex.gnb,backgroundColor:o})=>e.jsxs(n.Wrapper,{backgroundColor:o,zIndex:a,children:[r&&e.jsx(n.LeftChildrenWrapper,{children:r}),t&&e.jsx(l.Headline5,{className:c.cn(s==="white"?"text-white":"text-gray-900"),children:t}),i&&e.jsx(n.RightChildrenWrapper,{children:i})]});exports.BaseNavigation=u;

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

@@ -1,20 +1,20 @@
-import { j as r } from "../../../chunks/jsx-runtime.C63F304d.js";
-import { cn as m } from "../../../lib/utils.es.js";
-import { zIndex as s } from "../../../constants/style.constants.es.js";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { cn as a } from "../../../lib/utils.es.js";
+import { zIndex as d } from "../../../constants/style.constants.es.js";
 import { Headline5 as x } from "../../../core/Typography/index.es.js";
-import { Wrapper as a, LeftChildrenWrapper as d, RightChildrenWrapper as c } from "./index.styled.es.js";
-const z = ({
+import { Wrapper as c, LeftChildrenWrapper as s, RightChildrenWrapper as h } from "./index.styled.es.js";
+const W = ({
   title: e,
-  titleColor: n,
-  leftChildren: t,
-  rightChildren: i,
-  zIndex: o = s.gnb,
+  titleColor: o,
+  leftChildren: i,
+  rightChildren: n,
+  zIndex: t = d.gnb,
   backgroundColor: p
-}) => /* @__PURE__ */ r.jsxs(a, { backgroundColor: p, zIndex: o, children: [
-  t && /* @__PURE__ */ r.jsx(d, { children: t }),
-  e && /* @__PURE__ */ r.jsx(x, { className: m(n === "white" ? "text-white" : "text-gray-900"), children: e }),
-  i && /* @__PURE__ */ r.jsx(c, { children: i })
+}) => /* @__PURE__ */ m(c, { backgroundColor: p, zIndex: t, children: [
+  i && /* @__PURE__ */ r(s, { children: i }),
+  e && /* @__PURE__ */ r(x, { className: a(o === "white" ? "text-white" : "text-gray-900"), children: e }),
+  n && /* @__PURE__ */ r(h, { children: n })
 ] });
 export {
-  z as BaseNavigation
+  W as BaseNavigation
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),i=require("react"),l=require("../../ui/typography.cjs.js"),o=require("../../../lib/utils.cjs.js"),m=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},u=m(i),x=({items:t,...e})=>s.jsxRuntimeExports.jsx("div",{className:o.cn("flex w-full items-center border-gray-50 border-t bg-white",e.className),...e,children:t?.map((a,r)=>s.jsxRuntimeExports.jsx(n,{...a},r))}),n=({label:t,icon:e,isActive:a,...r})=>{const c=u.default.cloneElement(e,{className:o.cn(a?"text-gray-900":"text-gray-200",e.props.className)});return s.jsxRuntimeExports.jsxs("div",{className:o.cn("flex flex-1 cursor-pointer flex-col items-center gap-[3px] p-[5px]",r.className),...r,children:[c,s.jsxRuntimeExports.jsx(l.Typography,{className:o.cn(a?"text-gray-900":"text-gray-200"),variant:"c2",children:t})]})};exports.BottomNavigationBar=x;exports.BottomNavigationBarItem=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),i=require("../../ui/typography.cjs.js"),o=require("../../../lib/utils.cjs.js"),m=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},u=m(l),g=({items:t,...e})=>c.jsx("div",{className:o.cn("flex w-full items-center border-gray-50 border-t bg-white",e.className),...e,children:t?.map((a,r)=>c.jsx(n,{...a},r))}),n=({label:t,icon:e,isActive:a,...r})=>{const s=u.default.cloneElement(e,{className:o.cn(a?"text-gray-900":"text-gray-200",e.props.className)});return c.jsxs("div",{className:o.cn("flex flex-1 cursor-pointer flex-col items-center gap-[3px] p-[5px]",r.className),...r,children:[s,c.jsx(i.Typography,{className:o.cn(a?"text-gray-900":"text-gray-200"),variant:"c2",children:t})]})};exports.BottomNavigationBar=g;exports.BottomNavigationBarItem=n;

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

@@ -1,24 +1,24 @@
-import { j as o } from "../../../chunks/jsx-runtime.C63F304d.js";
-import c from "react";
-import { Typography as l } from "../../ui/typography.es.js";
+import { jsx as m, jsxs as l } from "react/jsx-runtime";
+import s from "react";
+import { Typography as n } from "../../ui/typography.es.js";
 import { cn as a } from "../../../lib/utils.es.js";
-const g = ({ items: s, ...e }) => /* @__PURE__ */ o.jsx("div", { className: a("flex w-full items-center border-gray-50 border-t bg-white", e.className), ...e, children: s?.map((t, r) => /* @__PURE__ */ o.jsx(n, { ...t }, r)) }), n = ({ label: s, icon: e, isActive: t, ...r }) => {
-  const m = c.cloneElement(e, {
+const d = ({ items: o, ...e }) => /* @__PURE__ */ m("div", { className: a("flex w-full items-center border-gray-50 border-t bg-white", e.className), ...e, children: o?.map((t, r) => /* @__PURE__ */ m(i, { ...t }, r)) }), i = ({ label: o, icon: e, isActive: t, ...r }) => {
+  const c = s.cloneElement(e, {
     className: a(t ? "text-gray-900" : "text-gray-200", e.props.className)
   });
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: a("flex flex-1 cursor-pointer flex-col items-center gap-[3px] p-[5px]", r.className),
       ...r,
       children: [
-        m,
-        /* @__PURE__ */ o.jsx(l, { className: a(t ? "text-gray-900" : "text-gray-200"), variant: "c2", children: s })
+        c,
+        /* @__PURE__ */ m(n, { className: a(t ? "text-gray-900" : "text-gray-200"), variant: "c2", children: o })
       ]
     }
   );
 };
 export {
-  g as BottomNavigationBar,
-  n as BottomNavigationBarItem
+  d as BottomNavigationBar,
+  i as BottomNavigationBarItem
 };

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

@@ -1 +1 @@
-"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/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 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;
+"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;

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

@@ -1,6 +1,6 @@
-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 { 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 "../../../icons/src/icons/Alarm_fill.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Cancel.es.js";
@@ -8,7 +8,7 @@ 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 l from "../../../icons/src/icons/Chevron_left.es.js";
+import s 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 o({
+function i({
   hasBackground: m = !0,
   contentColor: t = "gray",
   showTitle: r = !0,
@@ -37,24 +37,24 @@ function o({
     children: "타이틀"
   },
   leftArea: a,
-  rightArea: s = {
+  rightArea: u = {
     children: []
   }
 }) {
-  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
+  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
   ] });
 }
-o.Header = function({
+i.Header = function({
   children: t,
   className: r = "",
   hasBackground: e = !0,
   contentColor: p = "gray",
   ...a
 }) {
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ o(
     "header",
     {
       className: n(
@@ -68,14 +68,14 @@ o.Header = function({
     }
   );
 };
-o.Title = function({
+i.Title = function({
   children: t,
   className: r = "",
   contentColor: e = "gray",
   ...p
 }) {
-  return /* @__PURE__ */ i.jsx(
-    u,
+  return /* @__PURE__ */ o(
+    x,
     {
       className: n(
         "absolute left-1/2 -translate-x-1/2",
@@ -88,22 +88,22 @@ o.Title = function({
     }
   );
 };
-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,
+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,
     {
       className: n(r === "white" ? "text-white" : "text-gray-900", t),
       size: e
     }
   ) });
 });
-o.RightArea = function({
+i.RightArea = function({
   children: t,
   className: r = "",
   ...e
 }) {
-  return /* @__PURE__ */ i.jsx("div", { className: n("absolute right-[20px] flex items-center justify-center gap-[20px]", r), ...e, children: t });
+  return /* @__PURE__ */ o("div", { className: n("absolute right-[20px] flex items-center justify-center gap-[20px]", r), ...e, children: t });
 };
 export {
-  o as PageNavigationBar
+  i as PageNavigationBar
 };

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

@@ -1 +1 @@
-"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;
+"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;

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

@@ -1,17 +1,17 @@
-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 { 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 { cn as s } from "../../../lib/utils.es.js";
-const d = h(
+const o = d(
   ({
     hasBackground: m = !0,
     contentColor: t = "gray",
-    type: x = "title",
+    type: l = "title",
     leftArea: a,
-    rightArea: l,
+    rightArea: c,
     leftProps: i,
     ...r
-  }, n) => /* @__PURE__ */ e.jsxs(
+  }, n) => /* @__PURE__ */ p(
     "div",
     {
       className: s(
@@ -22,8 +22,8 @@ const d = h(
       ref: n,
       ...r,
       children: [
-        x === "title" ? /* @__PURE__ */ e.jsx(
-          o,
+        l === "title" ? /* @__PURE__ */ e(
+          g,
           {
             className: s(t === "white" ? "text-white" : "text-gray-900", i?.className),
             variant: "h3",
@@ -31,12 +31,12 @@ const d = h(
             children: a
           }
         ) : a,
-        /* @__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)) })
+        /* @__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)) })
       ]
     }
   )
 );
-d.displayName = "TitleNavigationBar";
+o.displayName = "TitleNavigationBar";
 export {
-  d as TitleNavigationBar
+  o as TitleNavigationBar
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/jsx-runtime.B0Vkbtvx.js"),c=require("react"),n=require("../../lib/utils.cjs.js"),d=require("../../core/Typography/index.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");const p=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 h=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 j=require("./BaseNavigation/index.cjs.js"),m=require("./constant.cjs.js"),s=require("./index.styled.cjs.js"),_=({contentColor:r,hasBackgroundColor:o,leftArea:u,rightArea:i,...a})=>{const x=m.CONTENT_COLOR_MAP[r].backgroundColor,l=c.useMemo(()=>{const t=()=>{u?.handleClickButton()};if(u?.type==="backIcon")return e.jsxRuntimeExports.jsx(s.IconWrapper,{onClick:t,children:e.jsxRuntimeExports.jsx(h.default,{className:n.cn(r==="white"?"text-white":"text-gray-900")})})},[u,r]),q=c.useMemo(()=>{const t=()=>{i?.handleClickButton()};switch(i?.type){case"closeIcon":return e.jsxRuntimeExports.jsx(s.IconWrapper,{onClick:t,children:e.jsxRuntimeExports.jsx(p.default,{className:n.cn(r==="white"?"text-white":"text-gray-900")})});case"icon":return e.jsxRuntimeExports.jsx(s.IconWrapper,{onClick:t,children:e.jsxRuntimeExports.jsx(i.children,{className:n.cn(r==="white"?"text-white":"text-gray-900")})});case"text":return e.jsxRuntimeExports.jsx(s.TextWrapper,{onClick:t,children:e.jsxRuntimeExports.jsx(d.Title3,{className:n.cn(r==="white"?"text-white":"text-gray-700"),children:i.children})});default:return}},[i,r]);return e.jsxRuntimeExports.jsx(j.BaseNavigation,{backgroundColor:o?x:"transparent",leftChildren:l,rightChildren:q,titleColor:r,...a})};exports.Navigation=_;
+"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;