@pfct/purple 1.5.0 → 1.7.0

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

@@ -1,76 +1,10 @@
 import { css as o } from "@emotion/react";
-import n from "@emotion/styled";
-import { typographyMap as p } from "../../../core/TextStyles/index.es.js";
-import { basicColors as m } from "../../../core/Colors/index.es.js";
-import t from "../../../utils/GenerateColorStyle/mini-button.es.js";
+import l from "@emotion/styled";
+import { basicColors as e } from "../../../core/Colors/index.es.js";
+import { typographyMap as n } from "../../../core/TextStyles/index.es.js";
 import "../../../utils/GenerateColorStyle/datepicker.es.js";
-import "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import "../../../chunks/index.styled.VNEk1u7W.js";
-import "../../ui/typography.es.js";
-import "../../Accordion/index.es.js";
-import "../../Badge/IconBadge/index.styled.es.js";
-import "../../Badge/TextBadge/index.styled.es.js";
-import "react";
-import "../../Loading/Skeleton/index.es.js";
-import "../../Loading/Spinner/index.styled.es.js";
-import "../../Card/index.styled.es.js";
-import "../../Comment/index.es.js";
-import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Check.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Chevron_left.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 "../../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 "../../../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.DmJ27_dc.js";
-import "../../Input/BaseInput/index.es.js";
-import "../../Input/PostfixInput/index.es.js";
-import "../../Input/ResidentNumberInput/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 "../../ui/bottomSheet.es.js";
-const Mo = 5, Po = n.button`
+import t from "../../../utils/GenerateColorStyle/mini-button.es.js";
+const g = 5, m = l.button`
 	/* initialize button */
 	border: none;
 	outline: none;
@@ -85,11 +19,11 @@ const Mo = 5, Po = n.button`
 	user-select: none;
 
 	&:hover {
-		background-color: ${m.gray50};
+		background-color: ${e.gray50};
 	}
 
 	&:active {
-		background-color: ${m.gray100};
+		background-color: ${e.gray100};
 	}
 
 	${({ colorType: r }) => o`
@@ -104,7 +38,7 @@ const Mo = 5, Po = n.button`
 			color: ${t(r).disabledTextColor};
 		`}
 	}
-	${({ styleType: r, colorType: i, size: e }) => {
+	${({ styleType: r, colorType: i, size: a }) => {
   switch (r) {
     case "icon":
       return o`
@@ -119,7 +53,7 @@ const Mo = 5, Po = n.button`
     case "underline":
       return o`
 					${(() => {
-        switch (e) {
+        switch (a) {
           case "s":
             return o`
 									height: 28px;
@@ -142,16 +76,16 @@ const Mo = 5, Po = n.button`
   switch (r) {
     case "s":
       return o`
-					${p.title4};
+					${n.title4};
 				`;
     case "m":
       return o`
-					${p.title3};
+					${n.title3};
 				`;
   }
 }}
 `;
 export {
-  Po as ButtonTag,
-  Mo as MiniButtonSidePaddingPx
+  m as ButtonTag,
+  g as MiniButtonSidePaddingPx
 };

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

@@ -1,3 +1,4 @@
 export * from './BoxMiniButton';
 export * from './IconMiniButton';
 export * from './UnderLineMiniButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MiniButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/jsx-runtime.713F0z8w.js");require("react");const e=require("../../chunks/index.styled.B6sT-Ewu.js");require("./index.styled.cjs.js");require("../../core/Typography/index.cjs.js");require("../MiniButton/UnderLineMiniButton/index.cjs.js");exports.Modal=e.Modal;
+"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;

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

@@ -1,27 +1,15 @@
-import { default as React, ReactNode } from 'react';
-import { BaseModalProps } from './BaseModal';
-import { UnderLineMiniButtonProps } from '../MiniButton/UnderLineMiniButton';
-import { DoubleButtonProps } from '../Button/DoubleButton';
-import { ReactFCWithChildren } from '../../types/react';
-import { ButtonProps } from '../ui/button';
-type ModalProps = Omit<BaseModalProps, 'children'> & {
-    hasContentPadding?: boolean;
-    children?: ReactNode;
-};
-declare const Modal: React.FC<ModalProps> & {
-    SingleButton: React.FC<React.PropsWithChildren<ButtonProps>>;
-    DoubleButton: React.FC<React.PropsWithChildren<DoubleButtonProps>>;
-    Title: React.FC<{
-        title: ReactNode;
-        subTitle?: ReactNode;
-    }>;
-    Body: ReactFCWithChildren<{
-        hasContentPadding?: boolean;
-    }>;
-    Comment: ReactFCWithChildren;
-    UnderLineMiniButton: React.FC<Pick<UnderLineMiniButtonProps, "onClick" | "disabled"> & {
-        text: string;
-    }>;
-};
-export type { ModalProps };
-export { Modal };
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import type * as React from 'react';
+declare function Modal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ModalTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function ModalPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function ModalClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function ModalOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function ModalContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function ModalInfo({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ModalHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ModalFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ModalTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function ModalDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalInfo, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE7E;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEvF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErF;AAED,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEnF;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWlG;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAgB5G;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAExE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ9F;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1G;AAED,OAAO,EACN,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACZ,CAAC"}

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

@@ -1,9 +1,101 @@
-import "../../chunks/jsx-runtime.Drh4NO5G.js";
-import "react";
-import { M } from "../../chunks/index.styled.VNEk1u7W.js";
-import "./index.styled.es.js";
-import "../../core/Typography/index.es.js";
-import "../MiniButton/UnderLineMiniButton/index.es.js";
+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 { cn as e } from "../../lib/utils.es.js";
+function M({ ...a }) {
+  return /* @__PURE__ */ o.jsx(l, { "data-slot": "dialog", ...a });
+}
+function h({ ...a }) {
+  return /* @__PURE__ */ o.jsx(x, { "data-slot": "dialog-trigger", ...a });
+}
+function f({ ...a }) {
+  return /* @__PURE__ */ o.jsx(c, { "data-slot": "dialog-portal", ...a });
+}
+function w({ ...a }) {
+  return /* @__PURE__ */ o.jsx(d, { "data-slot": "dialog-close", ...a });
+}
+function u({ className: a, ...t }) {
+  return /* @__PURE__ */ o.jsx(
+    i,
+    {
+      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",
+        a
+      ),
+      "data-slot": "dialog-overlay",
+      ...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,
+      {
+        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,
+        children: t
+      }
+    )
+  ] });
+}
+function v({ className: a, ...t }) {
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: e("flex flex-col gap-5 px-5 py-[30px] text-center", a),
+      "data-slot": "dialog-info",
+      ...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 b({ className: a, ...t }) {
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: e("flex items-center gap-2.5 px-[15px] pb-[15px]", a),
+      "data-slot": "dialog-footer",
+      ...t
+    }
+  );
+}
+function C({ className: a, ...t }) {
+  return /* @__PURE__ */ o.jsx(
+    p,
+    {
+      className: e("typo-h4 whitespace-pre-wrap", a),
+      "data-slot": "dialog-title",
+      ...t
+    }
+  );
+}
+function T({ className: a, ...t }) {
+  return /* @__PURE__ */ o.jsx(
+    r,
+    {
+      className: e("typo-t3 whitespace-pre-wrap text-gray-400", a),
+      "data-slot": "dialog-description",
+      ...t
+    }
+  );
+}
 export {
-  M as Modal
+  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
 };

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.713F0z8w.js"),c=require("../../../core/Typography/index.cjs.js"),t=require("./index.styled.cjs.js"),x=require("../../../constants/style.constants.cjs.js"),u=require("../../../lib/utils.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(c.Headline5,{className:u.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("../../../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;

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

@@ -1,13 +1,14 @@
 import { default as React } from 'react';
 import { NavigationContentColor } from '../constant';
-type BaseNavigationProps = {
+interface BaseNavigationProps {
     title?: string;
     titleColor: NavigationContentColor;
     backgroundColor: string;
     leftChildren: React.ReactNode;
     rightChildren: React.ReactNode;
     zIndex?: number;
-};
+}
 declare const BaseNavigation: React.FC<BaseNavigationProps>;
 export type { BaseNavigationProps };
 export { BaseNavigation };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/BaseNavigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG1D,UAAU,mBAAmB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAejD,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

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

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

@@ -1,10 +1,10 @@
-type WrapperProps = {
+interface WrapperProps {
     backgroundColor: string;
     zIndex?: number;
-};
-type ClickableProps = {
+}
+interface ClickableProps {
     onClick?: () => void;
-};
+}
 export declare const Wrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
@@ -22,3 +22,4 @@ export declare const RightChildrenWrapper: import('@emotion/styled').StyledCompo
     theme?: import('@emotion/react').Theme;
 }, {}, {}>;
 export {};
+//# sourceMappingURL=index.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/BaseNavigation/index.styled.ts"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,UAAU,cAAc;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,OAAO;;;wHAgBnB,CAAC;AAUF,eAAO,MAAM,mBAAmB;;;;;UAE/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;UAEhC,CAAC"}

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

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

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

@@ -7,7 +7,8 @@ type BottomNavigationBarItemProps = {
 type BottomNavigationBarProps = {
     items: BottomNavigationBarItemProps[];
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const BottomNavigationBar: ({ items, ...props }: BottomNavigationBarProps) => React.JSX.Element;
-declare const BottomNavigationBarItem: ({ label, icon, isActive, ...props }: BottomNavigationBarItemProps) => React.JSX.Element;
+declare const BottomNavigationBar: ({ items, ...props }: BottomNavigationBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const BottomNavigationBarItem: ({ label, icon, isActive, ...props }: BottomNavigationBarItemProps) => import("react/jsx-runtime").JSX.Element;
 export type { BottomNavigationBarProps };
 export { BottomNavigationBar, BottomNavigationBarItem };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/BottomNavigationBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,4BAA4B,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;CAClB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,KAAK,wBAAwB,GAAG;IAC/B,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACtC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,QAAA,MAAM,mBAAmB,GAAI,qBAAqB,wBAAwB,4CAQzE,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,qCAAqC,4BAA4B,4CAgBjG,CAAC;AAEF,YAAY,EAAE,wBAAwB,EAAE,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}

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

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

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.713F0z8w.js"),c=require("react");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");const l=require("../../../icons/src/icons/Chevron_left.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"),q=require("../../ui/typography.cjs.js");function u({hasBackground:n=!0,contentColor:e="gray",showTitle:r=!0,header:t={},title:s={children:"타이틀"},leftArea:a,rightArea:o={children:[]}}){return i.jsxRuntimeExports.jsxs(u.Header,{hasBackground:n,contentColor:e,...t,children:[a?i.jsxRuntimeExports.jsx(u.BackButton,{contentColor:e,...a}):null,r?i.jsxRuntimeExports.jsx(u.Title,{hasBackground:n,contentColor:e,...s}):null,o?i.jsxRuntimeExports.jsx(u.RightArea,{hasBackground:n,contentColor:e,...o}):null]})}u.Header=function({children:e,className:r="",hasBackground:t=!0,contentColor:s="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",s==="white"?"text-white":"text-gray-900",r),...a,children:e})};u.Title=function({children:e,className:r="",contentColor:t="gray",...s}){return i.jsxRuntimeExports.jsx(q.Typography,{variant:"h5",className:x.cn("absolute left-1/2 -translate-x-1/2",t==="white"?"text-white":"text-gray-900",r),...s,children:e})};u.BackButton=c.forwardRef(function({className:e="",contentColor:r,size:t=25,...s},a){return i.jsxRuntimeExports.jsx("button",{ref:a,className:x.cn("absolute left-[20px] cursor-pointer",e),...s,children:i.jsxRuntimeExports.jsx(l.default,{size:t,className:x.cn(r==="white"?"text-white":"text-gray-900",e)})})});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("../../../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;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { IconProps } from '../../../icons/src/types';
-type PageNavigationBarProps = {
+interface PageNavigationBarProps {
     hasBackground?: boolean;
     contentColor?: 'white' | 'gray';
     showTitle?: boolean;
@@ -8,21 +8,22 @@ type PageNavigationBarProps = {
     title?: Omit<PageNavigationBarTitleProps, 'hasBackground' | 'contentColor'>;
     leftArea?: PageNavigationBarBackButtonProps;
     rightArea?: Omit<PageNavigationBarRightAreaProps, 'hasBackground' | 'contentColor'>;
-};
-declare function PageNavigationBar({ hasBackground, contentColor, showTitle, header, title, leftArea, rightArea, }: PageNavigationBarProps): React.JSX.Element;
+}
+declare function PageNavigationBar({ hasBackground, contentColor, showTitle, header, title, leftArea, rightArea, }: PageNavigationBarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace PageNavigationBar {
-    var Header: ({ children, className, hasBackground, contentColor, ...props }: PageNavigationBarHeaderProps) => React.JSX.Element;
-    var Title: ({ children, className, contentColor, ...props }: PageNavigationBarTitleProps) => React.JSX.Element;
+    var Header: ({ children, className, hasBackground, contentColor, ...props }: PageNavigationBarHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    var Title: ({ children, className, contentColor, ...props }: PageNavigationBarTitleProps) => import("react/jsx-runtime").JSX.Element;
     var BackButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & Partial<PageNavigationBarComponentProps> & Omit<IconProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    var RightArea: ({ children, className, ...props }: PageNavigationBarRightAreaProps) => React.JSX.Element;
+    var RightArea: ({ children, className, ...props }: PageNavigationBarRightAreaProps) => import("react/jsx-runtime").JSX.Element;
 }
-type PageNavigationBarComponentProps = {
+interface PageNavigationBarComponentProps {
     hasBackground?: boolean;
     contentColor?: 'white' | 'gray';
-};
+}
 type PageNavigationBarHeaderProps = React.HTMLAttributes<HTMLElement> & PageNavigationBarComponentProps;
 type PageNavigationBarTitleProps = React.HTMLAttributes<HTMLHeadingElement> & PageNavigationBarComponentProps;
 type PageNavigationBarBackButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Partial<PageNavigationBarComponentProps> & Omit<IconProps, 'ref'>;
 type PageNavigationBarRightAreaProps = React.HTMLAttributes<HTMLDivElement> & PageNavigationBarComponentProps;
 export type { PageNavigationBarProps };
 export { PageNavigationBar };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/PageNavigationBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,UAAU,sBAAsB;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IAC9E,KAAK,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IAC5E,QAAQ,CAAC,EAAE,gCAAgC,CAAC;IAC5C,SAAS,CAAC,EAAE,IAAI,CAAC,+BAA+B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;CACpF;AAGD,iBAAS,iBAAiB,CAAC,EAC1B,aAAoB,EACpB,YAAqB,EACrB,SAAgB,EAChB,MAAW,EACX,KAEC,EACD,QAAQ,EACR,SAEC,GACD,EAAE,sBAAsB,2CAYxB;kBAxBQ,iBAAiB;iFAwCvB,4BAA4B;iEAuB5B,2BAA2B;;uDAwC3B,+BAA+B;;AA7ElC,UAAU,+BAA+B;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAED,KAAK,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,+BAA+B,CAAC;AAyBxG,KAAK,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG,+BAA+B,CAAC;AAuB9G,KAAK,gCAAgC,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACpF,OAAO,CAAC,+BAA+B,CAAC,GACxC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAgBxB,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,+BAA+B,CAAC;AAc9G,YAAY,EAAE,sBAAsB,EAAE,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,14 +1,15 @@
-import { j as i } from "../../../chunks/jsx-runtime.Drh4NO5G.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/Cart_fill.es.js";
 import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Calendar.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 "../../../icons/src/icons/Chevron_right.es.js";
-import u from "../../../icons/src/icons/Chevron_left.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";
@@ -27,7 +28,6 @@ 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";
-import { Typography as l } from "../../ui/typography.es.js";
 function o({
   hasBackground: m = !0,
   contentColor: t = "gray",
@@ -41,10 +41,10 @@ function o({
     children: []
   }
 }) {
-  return /* @__PURE__ */ i.jsxs(o.Header, { hasBackground: m, contentColor: t, ...e, 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, { hasBackground: m, contentColor: t, ...p }) : null,
-    s ? /* @__PURE__ */ i.jsx(o.RightArea, { hasBackground: m, contentColor: t, ...s }) : 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
   ] });
 }
 o.Header = function({
@@ -75,25 +75,25 @@ o.Title = function({
   ...p
 }) {
   return /* @__PURE__ */ i.jsx(
-    l,
+    u,
     {
-      variant: "h5",
       className: n(
         "absolute left-1/2 -translate-x-1/2",
         e === "white" ? "text-white" : "text-gray-900",
         r
       ),
+      variant: "h5",
       ...p,
       children: t
     }
   );
 };
 o.BackButton = x(function({ className: t = "", contentColor: r, size: e = 25, ...p }, a) {
-  return /* @__PURE__ */ i.jsx("button", { ref: a, className: n("absolute left-[20px] cursor-pointer", t), ...p, children: /* @__PURE__ */ i.jsx(
-    u,
+  return /* @__PURE__ */ i.jsx("button", { className: n("absolute left-[20px] cursor-pointer", t), ref: a, ...p, children: /* @__PURE__ */ i.jsx(
+    l,
     {
-      size: e,
-      className: n(r === "white" ? "text-white" : "text-gray-900", t)
+      className: n(r === "white" ? "text-white" : "text-gray-900", t),
+      size: e
     }
   ) });
 });

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

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