@pfct/purple 1.5.0-npm-next.1 → 1.5.0-npm-next.3

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

@@ -0,0 +1,11 @@
+import { ColorType } from '../../../utils';
+export type CommonMiniButtonStyleProps = {
+    size: 's' | 'm';
+    colorType: ColorType;
+    styleType: 'icon' | 'underline';
+};
+export declare const MiniButtonSidePaddingPx = 5;
+export declare const ButtonTag: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & CommonMiniButtonStyleProps, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

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

@@ -0,0 +1,159 @@
+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 "../../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../../chunks/index.styled.D9nfJhVZ.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 "../../Control/CheckBox/index.styled.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Alarm_fill.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/Share.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Cart_fill.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 "../../Tooltip/TooltipBase/index.styled.es.js";
+import "../../ui/bottomSheet.es.js";
+const So = 5, Do = n.button`
+	/* initialize button */
+	border: none;
+	outline: none;
+	background-color: initial;
+	padding: 0;
+
+	width: max-content;
+	border-radius: 5px;
+	display: flex;
+	align-items: center;
+	box-sizing: border-box;
+	user-select: none;
+
+	&:hover {
+		background-color: ${m.gray50};
+	}
+
+	&:active {
+		background-color: ${m.gray100};
+	}
+
+	${({ colorType: r }) => o`
+		cursor: pointer;
+		color: ${t(r).textColor};
+	`}
+
+	&:disabled {
+		${({ colorType: r }) => o`
+			cursor: not-allowed;
+			background-color: initial;
+			color: ${t(r).disabledTextColor};
+		`}
+	}
+	${({ styleType: r, colorType: i, size: e }) => {
+  switch (r) {
+    case "icon":
+      return o`
+					height: 25px;
+					svg > path {
+						fill: ${t(i).iconColor};
+					}
+					&:disabled svg > path {
+						fill: ${t(i).iconDisabledColor};
+					}
+				`;
+    case "underline":
+      return o`
+					${(() => {
+        switch (e) {
+          case "s":
+            return o`
+									height: 28px;
+								`;
+          case "m":
+            return o`
+									height: 32px;
+								`;
+        }
+      })()};
+					&:disabled {
+						> * {
+							text-decoration: none;
+						}
+					}
+				`;
+  }
+}}
+	${({ size: r }) => {
+  switch (r) {
+    case "s":
+      return o`
+					${p.title4};
+				`;
+    case "m":
+      return o`
+					${p.title3};
+				`;
+  }
+}}
+`;
+export {
+  Do as ButtonTag,
+  So as MiniButtonSidePaddingPx
+};

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

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

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

@@ -0,0 +1,3 @@
+export * from './BoxMiniButton';
+export * from './IconMiniButton';
+export * from './UnderLineMiniButton';

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

@@ -0,0 +1,9 @@
+import { BoxMiniButton as o } from "./BoxMiniButton/index.es.js";
+import { IconMiniButton as r, miniButtonTextVariants as e } from "./IconMiniButton/index.es.js";
+import { UnderLineMiniButton as B } from "./UnderLineMiniButton/index.es.js";
+export {
+  o as BoxMiniButton,
+  r as IconMiniButton,
+  B as UnderLineMiniButton,
+  e as miniButtonTextVariants
+};

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

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

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { OverlayRootProps } from '../../OverlayRoot';
+import { PropsWithChildren } from '../../../types/react';
+type BaseModalProps = PropsWithChildren<Omit<OverlayRootProps, 'onClick'> & {
+    onMaskClick?: () => void;
+}>;
+declare const BaseModal: React.NamedExoticComponent<BaseModalProps>;
+export type { BaseModalProps };
+export { BaseModal };

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

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

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

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

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

@@ -0,0 +1,6 @@
+export declare const ModalContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    visible: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../chunks/jsx-runtime.713F0z8w.js");require("react");const e=require("../../chunks/index.styled.7ZYWAl1u.js");require("./index.styled.cjs.js");require("../../core/Typography/index.cjs.js");require("../MiniButton/UnderLineMiniButton/index.cjs.js");require("../../core/Colors/index.cjs.js");require("../../core/TextStyles/index.cjs.js");exports.Modal=e.Modal;

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

@@ -0,0 +1,27 @@
+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 };

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

@@ -0,0 +1,11 @@
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import "react";
+import { M as e } from "../../chunks/index.styled.D9nfJhVZ.js";
+import "./index.styled.es.js";
+import "../../core/Typography/index.es.js";
+import "../MiniButton/UnderLineMiniButton/index.es.js";
+import "../../core/Colors/index.es.js";
+import "../../core/TextStyles/index.es.js";
+export {
+  e as Modal
+};

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

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/styled"),n=require("../../constants/style.constants.cjs.js"),r=require("../../core/TextStyles/index.cjs.js"),o=require("../../core/Colors/index.cjs.js"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=a(d),i=e.default.div`
+	width: 320px;
+	background-color: ${o.basicColors.white};
+	z-index: ${n.zIndex.modal};
+	border-radius: 10px;
+	padding: 30px 0 15px;
+`,p=e.default.div`
+	text-align: center;
+	white-space: pre-wrap;
+	padding: 0 15px;
+`,s=e.default.div`
+	padding-left: ${t=>t.contentPadding?"20px":"0"};
+	padding-right: ${t=>t.contentPadding?"20px":"0"};
+	padding-bottom: 30px;
+
+	> * {
+		margin-top: 20px;
+	}
+`,c=e.default.div`
+	${r.typographyMap.body1};
+
+	color: ${o.basicColors.gray400};
+	background: ${o.basicColors.gray25};
+	border-radius: 10px;
+	padding: 12px;
+	text-align: center;
+	white-space: pre-wrap;
+`,l=e.default.div`
+	display: flex;
+	justify-content: center;
+	padding: 0 11px;
+`,u=e.default.div`
+	box-sizing: border-box;
+	padding: 0 15px;
+`;exports.Body=s;exports.Comment=c;exports.Footer=u;exports.Header=p;exports.LineButtonWrapper=l;exports.Wrapper=i;

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

@@ -0,0 +1,26 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Header: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Body: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    contentPadding: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Comment: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LineButtonWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Footer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,47 @@
+import d from "@emotion/styled";
+import { zIndex as r } from "../../constants/style.constants.es.js";
+import { typographyMap as t } from "../../core/TextStyles/index.es.js";
+import { basicColors as p } from "../../core/Colors/index.es.js";
+const x = d.div`
+	width: 320px;
+	background-color: ${p.white};
+	z-index: ${r.modal};
+	border-radius: 10px;
+	padding: 30px 0 15px;
+`, g = d.div`
+	text-align: center;
+	white-space: pre-wrap;
+	padding: 0 15px;
+`, c = d.div`
+	padding-left: ${(o) => o.contentPadding ? "20px" : "0"};
+	padding-right: ${(o) => o.contentPadding ? "20px" : "0"};
+	padding-bottom: 30px;
+
+	> * {
+		margin-top: 20px;
+	}
+`, s = d.div`
+	${t.body1};
+
+	color: ${p.gray400};
+	background: ${p.gray25};
+	border-radius: 10px;
+	padding: 12px;
+	text-align: center;
+	white-space: pre-wrap;
+`, m = d.div`
+	display: flex;
+	justify-content: center;
+	padding: 0 11px;
+`, b = d.div`
+	box-sizing: border-box;
+	padding: 0 15px;
+`;
+export {
+  c as Body,
+  s as Comment,
+  b as Footer,
+  g as Header,
+  m as LineButtonWrapper,
+  x as Wrapper
+};

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

@@ -0,0 +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("../../../chunks/utils.Gb5_Gcy7.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;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { NavigationContentColor } from '../constant';
+type 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 };

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

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

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

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

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

@@ -0,0 +1,24 @@
+type WrapperProps = {
+    backgroundColor: string;
+    zIndex?: number;
+};
+type ClickableProps = {
+    onClick?: () => void;
+};
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & WrapperProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LeftChildrenWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & ClickableProps & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const RightChildrenWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & ClickableProps & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export {};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../chunks/jsx-runtime.713F0z8w.js"),i=require("../../ui/typography.cjs.js"),o=require("../../../chunks/utils.Gb5_Gcy7.js"),u=require("react"),x=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},m=x(u),p=({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(c,{...a},r))}),c=({label:t,icon:e,isActive:a,...r})=>{var s;const l=m.default.cloneElement(e,{className:o.cn(a?"text-gray-900":"text-gray-200",(s=e.props)==null?void 0:s.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:[l,n.jsxRuntimeExports.jsx(i.Typography,{variant:"c2",className:o.cn(a?"text-gray-900":"text-gray-200"),children:t})]})};exports.BottomNavigationBar=p;exports.BottomNavigationBarItem=c;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type BottomNavigationBarItemProps = {
+    label: string;
+    icon: React.ReactElement;
+    isActive: boolean;
+} & React.HTMLAttributes<HTMLDivElement>;
+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;
+export type { BottomNavigationBarProps };
+export { BottomNavigationBar, BottomNavigationBarItem };

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

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

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

@@ -0,0 +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/Calendar.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Alarm_fill.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/Share.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const l=require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");const x=require("../../../chunks/utils.Gb5_Gcy7.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;

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

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { IconProps } from '../../../icons/src/types';
+type PageNavigationBarProps = {
+    hasBackground?: boolean;
+    contentColor?: 'white' | 'gray';
+    showTitle?: boolean;
+    header?: Omit<PageNavigationBarHeaderProps, 'hasBackground' | 'contentColor'>;
+    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 namespace PageNavigationBar {
+    var Header: ({ children, className, hasBackground, contentColor, ...props }: PageNavigationBarHeaderProps) => React.JSX.Element;
+    var Title: ({ children, className, contentColor, ...props }: PageNavigationBarTitleProps) => React.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;
+}
+type 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 };