@pfct/purple 1.5.0-rc.6 → 1.5.0-rc.7

package/dist/utils/GenerateColorStyle/tab/text-tabs.es.js

@@ -1,4 +1,4 @@
-import "../../../chunks/index.BOGczv4f.js";
+import "../../../chunks/index.styled.CcpQ8zPL.js";
 import "../../../components/Accordion/index.es.js";
 import "../../../chunks/jsx-runtime.Drh4NO5G.js";
 import "../../../components/Badge/IconBadge/index.styled.es.js";
@@ -15,31 +15,31 @@ import "../mini-button.es.js";
 import "../datepicker.es.js";
 import "../../../components/Comment/index.es.js";
 import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Check.es.js";
 import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
 import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
 import "../../../icons/src/icons/Filter.es.js";
 import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/More.es.js";
-import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/Eye_slash_fill.es.js";
 import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Person_fill.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/Calendar.es.js";
+import "../../../icons/src/icons/Search.es.js";
 import "../../../icons/src/icons/Store.es.js";
 import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
 import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
 import "../../../components/Control/CheckMark/index.styled.es.js";
 import "../../../components/Control/Switch/index.styled.es.js";
 import "../../../components/DatePicker/BaseDatePicker/index.styled.es.js";

package/dist/utils/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./media.util.cjs.js"),t=require("./format.util.cjs.js"),r=require("./GenerateColorStyle/common/type.cjs.js"),o=require("./GenerateColorStyle/single-button.cjs.js"),l=require("./GenerateColorStyle/mini-button.cjs.js"),i=require("./GenerateColorStyle/datepicker.cjs.js"),a=require("./GenerateColorStyle/control/switch.cjs.js"),n=require("./GenerateColorStyle/control/radio-button.cjs.js"),u=require("./GenerateColorStyle/control/check-box.cjs.js"),c=require("./GenerateColorStyle/control/check-mark.cjs.js"),s=require("../chunks/index.Crigd7-N.js"),y=require("./GenerateColorStyle/tab/text-tabs.cjs.js"),_=require("./GenerateColorStyle/tab/fill-tabs.cjs.js"),S=require("./GenerateColorStyle/progress-bar.cjs.js"),C=require("./GenerateColorStyle/tag.cjs.js");exports.Between=e.Between;exports.BetweenPcAndMobile=e.BetweenPcAndMobile;exports.Larger=e.Larger;exports.MediaQuerySize=e.MediaQuerySize;exports.Smaller=e.Smaller;exports.extractNumber=t.extractNumber;exports.formatKoreaCurrency=t.formatKoreaCurrency;exports.numberAccept=t.numberAccept;exports.ColorTypeArray=r.ColorTypeArray;exports.PurposeArray=r.PurposeArray;exports.StateArray=r.StateArray;exports.StatusArray=r.StatusArray;exports.singleButtonColorStyle=o;exports.miniButtonColorStyle=l;exports.datepickerColorStyle=i;exports.switchColorStyle=a;exports.radioButtonColorStyle=n;exports.checkBoxColorStyle=u;exports.checkMarkColorStyle=c;exports.chipColorStyle=s.chipColorStyle;exports.textTabColorStyle=y;exports.fillTabColorStyle=_;exports.progressBarColorStyle=S;exports.tagColorStyle=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./media.util.cjs.js"),t=require("./format.util.cjs.js"),r=require("./GenerateColorStyle/common/type.cjs.js"),o=require("./GenerateColorStyle/single-button.cjs.js"),l=require("./GenerateColorStyle/mini-button.cjs.js"),i=require("./GenerateColorStyle/datepicker.cjs.js"),a=require("./GenerateColorStyle/control/switch.cjs.js"),n=require("./GenerateColorStyle/control/radio-button.cjs.js"),u=require("./GenerateColorStyle/control/check-box.cjs.js"),c=require("./GenerateColorStyle/control/check-mark.cjs.js"),s=require("../chunks/index.styled.BPTg13oV.js"),y=require("./GenerateColorStyle/tab/text-tabs.cjs.js"),_=require("./GenerateColorStyle/tab/fill-tabs.cjs.js"),S=require("./GenerateColorStyle/progress-bar.cjs.js"),C=require("./GenerateColorStyle/tag.cjs.js");exports.Between=e.Between;exports.BetweenPcAndMobile=e.BetweenPcAndMobile;exports.Larger=e.Larger;exports.MediaQuerySize=e.MediaQuerySize;exports.Smaller=e.Smaller;exports.extractNumber=t.extractNumber;exports.formatKoreaCurrency=t.formatKoreaCurrency;exports.numberAccept=t.numberAccept;exports.ColorTypeArray=r.ColorTypeArray;exports.PurposeArray=r.PurposeArray;exports.StateArray=r.StateArray;exports.StatusArray=r.StatusArray;exports.singleButtonColorStyle=o;exports.miniButtonColorStyle=l;exports.datepickerColorStyle=i;exports.switchColorStyle=a;exports.radioButtonColorStyle=n;exports.checkBoxColorStyle=u;exports.checkMarkColorStyle=c;exports.chipColorStyle=s.chipColorStyle;exports.textTabColorStyle=y;exports.fillTabColorStyle=_;exports.progressBarColorStyle=S;exports.tagColorStyle=C;

package/dist/utils/index.es.js

@@ -4,12 +4,12 @@ import { ColorTypeArray as x, PurposeArray as S, StateArray as d, StatusArray as
 import { default as i } from "./GenerateColorStyle/single-button.es.js";
 import { default as B } from "./GenerateColorStyle/mini-button.es.js";
 import { default as b } from "./GenerateColorStyle/datepicker.es.js";
-import { default as g } from "./GenerateColorStyle/control/switch.es.js";
+import { default as h } from "./GenerateColorStyle/control/switch.es.js";
 import { default as w } from "./GenerateColorStyle/control/radio-button.es.js";
 import { default as T } from "./GenerateColorStyle/control/check-box.es.js";
-import { default as z } from "./GenerateColorStyle/control/check-mark.es.js";
-import { k as L } from "../chunks/index.BOGczv4f.js";
-import { default as Q } from "./GenerateColorStyle/tab/text-tabs.es.js";
+import { default as j } from "./GenerateColorStyle/control/check-mark.es.js";
+import { j as K } from "../chunks/index.styled.CcpQ8zPL.js";
+import { default as N } from "./GenerateColorStyle/tab/text-tabs.es.js";
 import { default as q } from "./GenerateColorStyle/tab/fill-tabs.es.js";
 import { default as D } from "./GenerateColorStyle/progress-bar.es.js";
 import { default as F } from "./GenerateColorStyle/tag.es.js";
@@ -24,8 +24,8 @@ export {
   d as StateArray,
   C as StatusArray,
   T as checkBoxColorStyle,
-  z as checkMarkColorStyle,
-  L as chipColorStyle,
+  j as checkMarkColorStyle,
+  K as chipColorStyle,
   b as datepickerColorStyle,
   m as extractNumber,
   q as fillTabColorStyle,
@@ -35,7 +35,7 @@ export {
   D as progressBarColorStyle,
   w as radioButtonColorStyle,
   i as singleButtonColorStyle,
-  g as switchColorStyle,
+  h as switchColorStyle,
   F as tagColorStyle,
-  Q as textTabColorStyle
+  N as textTabColorStyle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pfct/purple",
-	"version": "1.5.0-rc.6",
+	"version": "1.5.0-rc.7",
 	"description": "design system for PFCT web service",
 	"exports": {
 		".": {

package/dist/chunks/index.Crigd7-N.js

@@ -1,354 +0,0 @@
-"use strict";const o=require("./jsx-runtime.713F0z8w.js"),g=require("react"),re=require("../components/Modal/BaseModal/index.styled.cjs.js"),ne=require("../components/OverlayRoot/index.styled.cjs.js"),D=require("../hooks/useOverlayPreventScroll.cjs.js"),s=require("@emotion/react"),n=require("../core/Colors/index.cjs.js");require("../utils/GenerateColorStyle/mini-button.cjs.js");const ie=require("../utils/GenerateColorStyle/datepicker.cjs.js"),se=require("@emotion/styled"),p=require("../utils/media.util.cjs.js"),N=require("../core/TextStyles/index.cjs.js");require("../components/ui/typography.cjs.js");require("../components/Accordion/index.cjs.js");require("../components/Badge/IconBadge/index.styled.cjs.js");require("../components/Badge/TextBadge/index.styled.cjs.js");require("../components/Loading/Skeleton/index.cjs.js");const ae=require("../components/Loading/Spinner/index.styled.cjs.js");require("../components/Card/index.styled.cjs.js");require("../components/Comment/index.cjs.js");require("../icons/src/icons/Alarm_fill.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_left.cjs.js");require("../icons/src/icons/Chevron_up.cjs.js");require("../icons/src/icons/Chevron_right.cjs.js");require("../icons/src/icons/Eye_fill.cjs.js");require("../icons/src/icons/Double_Chevron_right.cjs.js");require("../icons/src/icons/Cart_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/Person_fill.cjs.js");require("../icons/src/icons/More.cjs.js");require("../icons/src/icons/Plus.cjs.js");require("../icons/src/icons/Menu.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/Store.cjs.js");require("../icons/src/icons/Share.cjs.js");require("../icons/src/icons/Double_Chevron_left.cjs.js");require("../icons/src/icons/Cancel.cjs.js");require("../icons/src/icons/Cancel_circle.cjs.js");const B=require("../utils/GenerateColorStyle/control/radio-button.cjs.js");require("../components/Control/CheckMark/index.styled.cjs.js");require("../components/Control/Switch/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../library/IconWithImage/index.styled.cjs.js");require("../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../library/Lottie/index.styled.cjs.js");require("../library/Spacing/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../types/date.cjs.js");require("../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");const le=require("./index.Cw8-3kaP.js"),de=require("./index.DMhXgOEz.js"),ce=require("../lib/utils.cjs.js"),w=require("../constants/style.constants.cjs.js");require("../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../components/Divider/index.styled.cjs.js");require("./index.styled.CMpDdHBq.js");require("../components/Input/BaseInput/index.cjs.js");require("../components/Input/PostfixInput/index.cjs.js");require("../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../components/Navigation/index.styled.cjs.js");require("../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../components/Navigation/constant.cjs.js");require("../components/Segment/BaseSegment/index.styled.cjs.js");require("../components/Segment/ExtendSegment/index.styled.cjs.js");const k=require("../core/Typography/index.cjs.js"),v=require("../components/BottomSheet/TitleBottomSheet/index.styled.cjs.js"),pe=require("../style/common.cjs.js"),x=require("../components/Modal/index.styled.cjs.js"),ue=require("../components/MiniButton/UnderLineMiniButton/index.cjs.js");require("./index.DC_I05Aq.js");require("../components/ui/bottomSheet.cjs.js");const M=require("../utils/GenerateColorStyle/tag.cjs.js"),be=require("../hooks/useResize.cjs.js"),y=require("../components/BottomSheet/BaseBottomSheet/index.styled.cjs.js"),ge=require("../components/Navigation/index.cjs.js"),xe=require("../components/BottomSheet/NavBottomSheet/index.styled.cjs.js"),me=require("../utils/GenerateColorStyle/progress-bar.cjs.js"),L=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},R=L(g),r=L(se),H=e=>{const t=n.basicColors[`${e}400`],i="transparent",a=n.basicColors.white,l=n.basicColors.white,c=n.basicColors[`${e}100`],u="transparent",b=n.basicColors.white,d=n.basicColors.white;return{default:{on:{containerColor:t,borderColor:i,textColor:a,iconColor:l},off:{containerColor:n.basicColors.white,borderColor:n.basicColors.gray50,textColor:n.semanticColors.chipDefaultText,iconColor:n.basicColors.gray300}},disabled:{on:{containerColor:c,borderColor:u,textColor:b,iconColor:d},off:{containerColor:n.basicColors.white,borderColor:n.basicColors.gray25,textColor:n.basicColors.gray100,iconColor:n.basicColors.gray100}}}},he=r.default.div`
-	${p.Smaller(s.css`
-		display: none;
-	`)}
-`,ye=r.default.div`
-	${p.Larger(s.css`
-		display: none;
-	`)}
-`,fe=n.basicColors.red400,Ce="16px",P=s.css`
-	background-color: ${fe};
-`,ve=r.default.div`
-	${P};
-
-	width: 5px;
-	height: 5px;
-	border-radius: 50%;
-`,je=r.default.div`
-	${P};
-
-	height: ${Ce};
-	padding: 0 5px;
-	border-radius: 8px;
-
-	display: flex;
-	align-items: center;
-	justify-content: center;
-`,$e=r.default.div`
-	line-height: initial;
-
-	font-size: 11px;
-	font-weight: 500;
-	color: ${n.basicColors.white};
-	letter-spacing: -0.2px;
-`,Be=r.default.div`
-	position: absolute;
-	width: 100%;
-	top: 0;
-	height: 3px;
-	background-color: ${n.basicColors.gray50};
-`,qe=r.default.div`
-	width: ${({progress:e})=>e}%;
-	background-color: ${({colorType:e})=>me(e).upperColor};
-	height: 100%;
-	transition: width 3s ease-in-out;
-`,z=({colorType:e})=>o.jsxRuntimeExports.jsx(ae.SpinnerWrapper,{color:e==="white"?n.basicColors.white:n.basicColors.gray200}),F=de.cva("border-none rounded-[10px] inline-flex items-center justify-center whitespace-nowrap p-3.75 typo-h6 h-[50px] w-full",{variants:{colorType:{pink:"",red:"",orange:"",yellow:"",lime:"",green:"",mint:"",skyblue:"",blue:"",indigo:"",purple:"",gray:""},purpose:{main:"",sub:""}},compoundVariants:[{purpose:"main",colorType:"pink",class:"text-white bg-pink-400 hover:bg-pink-500 active:bg-pink-600 disabled:bg-pink-100"},{purpose:"sub",colorType:"pink",class:"text-pink-400 disabled:text-pink-100 bg-pink-50 hover:bg-pink-100 active:bg-pink-200 disabled:bg-pink-50"},{purpose:"main",colorType:"red",class:"text-white bg-red-400 hover:bg-red-500 active:bg-red-600 disabled:bg-red-100"},{purpose:"sub",colorType:"red",class:"text-red-400 disabled:text-red-100 bg-red-50 hover:bg-red-100 active:bg-red-200 disabled:bg-red-50"},{purpose:"main",colorType:"orange",class:"text-white bg-orange-400 hover:bg-orange-500 active:bg-orange-600 disabled:bg-orange-100"},{purpose:"sub",colorType:"orange",class:"text-orange-400 disabled:text-orange-100 bg-orange-50 hover:bg-orange-100 active:bg-orange-200 disabled:bg-orange-50"},{purpose:"main",colorType:"yellow",class:"text-white bg-yellow-400 hover:bg-yellow-500 active:bg-yellow-600 disabled:bg-yellow-100"},{purpose:"sub",colorType:"yellow",class:"text-yellow-400 disabled:text-yellow-100 bg-yellow-50 hover:bg-yellow-100 active:bg-yellow-200 disabled:bg-yellow-50"},{purpose:"main",colorType:"lime",class:"text-white bg-lime-400 hover:bg-lime-500 active:bg-lime-600 disabled:bg-lime-100"},{purpose:"sub",colorType:"lime",class:"text-lime-400 disabled:text-lime-100 bg-lime-50 hover:bg-lime-100 active:bg-lime-200 disabled:bg-lime-50"},{purpose:"main",colorType:"green",class:"text-white bg-green-400 hover:bg-green-500 active:bg-green-600 disabled:bg-green-100"},{purpose:"sub",colorType:"green",class:"text-green-400 disabled:text-green-100 bg-green-50 hover:bg-green-100 active:bg-green-200 disabled:bg-green-50"},{purpose:"main",colorType:"mint",class:"text-white bg-mint-400 hover:bg-mint-500 active:bg-mint-600 disabled:bg-mint-100"},{purpose:"sub",colorType:"mint",class:"text-mint-400 disabled:text-mint-100 bg-mint-50 hover:bg-mint-100 active:bg-mint-200 disabled:bg-mint-50"},{purpose:"main",colorType:"skyblue",class:"text-white bg-skyblue-400 hover:bg-skyblue-500 active:bg-skyblue-600 disabled:bg-skyblue-100"},{purpose:"sub",colorType:"skyblue",class:"text-skyblue-400 disabled:text-skyblue-100 bg-skyblue-50 hover:bg-skyblue-100 active:bg-skyblue-200 disabled:bg-skyblue-50"},{purpose:"main",colorType:"blue",class:"text-white bg-blue-400 hover:bg-blue-500 active:bg-blue-600 disabled:bg-blue-100"},{purpose:"sub",colorType:"blue",class:"text-blue-400 disabled:text-blue-100 bg-blue-50 hover:bg-blue-100 active:bg-blue-200 disabled:bg-blue-50"},{purpose:"main",colorType:"indigo",class:"text-white bg-indigo-400 hover:bg-indigo-500 active:bg-indigo-600 disabled:bg-indigo-100"},{purpose:"sub",colorType:"indigo",class:"text-indigo-400 disabled:text-indigo-100 bg-indigo-50 hover:bg-indigo-100 active:bg-indigo-200 disabled:bg-indigo-50"},{purpose:"main",colorType:"purple",class:"text-white bg-purple-400 hover:bg-purple-500 active:bg-purple-600 disabled:bg-purple-100"},{purpose:"sub",colorType:"purple",class:"text-purple-400 disabled:text-purple-100 bg-purple-50 hover:bg-purple-100 active:bg-purple-200 disabled:bg-purple-50"},{purpose:"main",colorType:"gray",class:"text-white bg-gray-900 hover:bg-gray-700 active:bg-gray-800 disabled:bg-gray-100"},{purpose:"sub",colorType:"gray",class:"text-gray-700 disabled:text-gray-100 bg-gray-50 hover:bg-gray-100 active:bg-gray-200 disabled:bg-gray-50"}],defaultVariants:{purpose:"main",colorType:"lime"}});function m({className:e,asChild:t=!1,purpose:i,colorType:a,children:l,disabled:c,isLoading:u,...b}){const d=t?le.Slot:"button";return o.jsxRuntimeExports.jsx(d,{...b,"data-slot":"button",className:ce.cn(F({colorType:a,purpose:i,className:e})),type:b.type??(i==="main"?"submit":"button"),disabled:c||u,children:u?o.jsxRuntimeExports.jsx("div",{className:"h-[25px] w-[25px]",children:o.jsxRuntimeExports.jsx(z,{colorType:"white"})}):l})}const A=({left:e,right:t})=>o.jsxRuntimeExports.jsxs("div",{className:"flex w-full gap-[10px]",children:[o.jsxRuntimeExports.jsx(m,{...e,purpose:(e==null?void 0:e.purpose)||"sub",children:e.children}),o.jsxRuntimeExports.jsx(m,{...t,purpose:(t==null?void 0:t.purpose)||"main",type:(t==null?void 0:t.type)||"submit",children:t.children})]}),we=r.default.input`
-	box-sizing: border-box;
-	-webkit-appearance: none;
-	appearance: none;
-	margin: 0;
-	font: inherit;
-	color: currentColor;
-	width: 21px;
-	height: 21px;
-	border-style: solid;
-	border-width: 2px;
-	border-radius: 50%;
-	display: grid;
-	place-content: center;
-	background: transparent;
-	cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
-
-	background-color: ${({colorType:e,disabled:t})=>B(e)[t?"disabled":"default"].off.containerColor};
-	border-color: ${({colorType:e,disabled:t})=>B(e)[t?"disabled":"default"].off.borderColor};
-
-	&:checked {
-		border-width: 6px;
-		background-color: ${({colorType:e,disabled:t})=>B(e)[t?"disabled":"default"].on.containerColor};
-		border-color: ${({colorType:e,disabled:t})=>B(e)[t?"disabled":"default"].on.borderColor};
-	}
-
-	&:focus {
-		outline: none;
-	}
-`,h={innerWrapper:"datepicker-inner-wrapper",dot:"datepicker-dot",rangeBackgroundWrapper:"datepicker-range-background-wrapper"},f=100,ke=r.default.div`
-	width: 5px;
-	height: 5px;
-	border-radius: 50%;
-
-	position: absolute;
-	left: 47%;
-	bottom: 5.86px;
-`,j=s.css`
-	width: ${f}%;
-	height: ${f}%;
-`,C=r.default.div`
-	${j};
-	position: relative;
-	/* height가 안 정해진 상태에서 height = width 적용되는 방법 */
-	padding-bottom: ${f}%;
-`,Se=r.default.div`
-	${j};
-
-	position: absolute;
-	left: 0;
-
-	${({rangeBackgroundColor:e})=>e&&s.css`
-			background: ${e};
-		`}
-`,_e=r.default.div`
-	${j};
-
-	position: absolute;
-	left: 0;
-
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-
-	border-radius: 50%;
-
-	${({circleBackgroundColor:e})=>e&&s.css`
-			background-color: ${e};
-		`};
-`,Te=r.default(C)``,We=r.default(C)`
-	cursor: pointer;
-
-	.${h.innerWrapper} {
-		:hover {
-			background-color: ${({colorType:e})=>ie(e).hoverContainerColor};
-		}
-	}
-
-	.${h.dot} {
-		background-color: ${n.basicColors.gray200};
-	}
-`,Re=r.default(C)`
-	cursor: not-allowed;
-
-	.${h.dot} {
-		background-color: ${n.basicColors.gray100};
-	}
-`,E=r.default(C)`
-	cursor: pointer;
-
-	.${h.dot} {
-		background-color: ${n.basicColors.white};
-	}
-`,Ee=r.default(E)`
-	.${h.rangeBackgroundWrapper} {
-		left: ${f/2}%;
-		width: ${f/2}%;
-	}
-`,Ie=r.default(E)`
-	.${h.rangeBackgroundWrapper} {
-		width: ${f/2}%;
-	}
-`,Oe=r.default(C)``,Me=r.default.div`
-	${j};
-
-	position: absolute;
-	left: 0;
-
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-`,I=R.default.memo(({className:e,visible:t,onClick:i,zIndex:a=w.zIndex.modal,children:l})=>{const[c,u]=g.useState(!1),b=d=>{d.target===d.currentTarget&&(i==null||i())};return g.useEffect(()=>{let d;return t?u(!0):d=setTimeout(()=>u(!1),400),()=>{d!==void 0&&clearTimeout(d)}},[t]),D.useOverlayPreventScroll(t),c?o.jsxRuntimeExports.jsx(ne.Overlay,{className:e,visible:t,zIndex:a,onClick:b,children:l}):null}),S=e=>o.jsxRuntimeExports.jsx(y.FooterWrapper,{children:o.jsxRuntimeExports.jsx(m,{...e})}),_=e=>o.jsxRuntimeExports.jsx(y.FooterWrapper,{children:o.jsxRuntimeExports.jsxs("div",{className:"flex w-full gap-[10px]",children:[o.jsxRuntimeExports.jsx(m,{...e.left,onClick:e.left.onClick,colorType:e.left.colorType,purpose:"sub",disabled:e.left.disabled,className:e.left.className,children:e.left.children}),o.jsxRuntimeExports.jsx(m,{onClick:e.right.onClick,colorType:e.right.colorType,purpose:"main",disabled:e.right.disabled,className:e.right.className,type:e.right.type||"submit",children:e.right.children})]})}),T=({children:e,...t})=>{const i=g.useRef(null);return g.useEffect(()=>{var a;(a=i.current)==null||a.scroll(0,0)},[]),o.jsxRuntimeExports.jsx(y.ChildrenWrapper,{ref:i,...t,children:e})},$=({children:e})=>o.jsxRuntimeExports.jsx(y.HeaderWrapper,{children:e}),W=({visible:e,onMaskClick:t,className:i,zIndex:a=w.zIndex.modal,minHeight:l,children:c})=>{const[u,b]=g.useState(0),d=g.useCallback(()=>{b(window==null?void 0:window.innerHeight)},[]);return g.useEffect(()=>{d()},[d]),be(d),D.useOverlayPreventScroll(e),e?o.jsxRuntimeExports.jsx(I,{visible:e,className:i,onClick:t,zIndex:a,children:o.jsxRuntimeExports.jsx(y.ContentWrapper,{children:o.jsxRuntimeExports.jsx(y.Content,{visible:e,zIndex:a,minHeight:l,vh:u,children:c})})}):null},De=Object.assign(W,{SingleButton:S,DoubleButton:_,Body:T,Header:$}),G=({children:e})=>o.jsxRuntimeExports.jsx($,{children:o.jsxRuntimeExports.jsx(xe.NavigationWrapper,{children:e})}),Ne=e=>o.jsxRuntimeExports.jsx(G,{children:o.jsxRuntimeExports.jsx(ge.Navigation,{...e})}),Le=Object.assign(W,{Header:$,Navigation:Ne,Body:T,SingleButton:S,DoubleButton:_}),He=({title:e,subTitle:t,hasContentPadding:i=!0})=>o.jsxRuntimeExports.jsxs(v.TitleWrapper,{contentPadding:i,children:[e&&o.jsxRuntimeExports.jsx(k.Headline4,{children:e}),t&&o.jsxRuntimeExports.jsx(v.SubTitle,{className:v.className.subTitle,children:t})]}),Pe=e=>o.jsxRuntimeExports.jsx(v.ButtonMargin,{children:o.jsxRuntimeExports.jsx(S,{...e})}),ze=e=>o.jsxRuntimeExports.jsx(v.ButtonMargin,{children:o.jsxRuntimeExports.jsx(_,{...e})}),Fe=Object.assign(W,{Header:$,Body:T,Title:He,SingleButton:Pe,DoubleButton:ze}),V=r.default.div`
-	& > div > .select-box {
-		cursor: pointer;
-	}
-	position: relative;
-`,U=r.default.div`
-	position: absolute;
-	z-index: ${w.zIndex.basicLayer+1};
-	width: 100%;
-	height: max-content;
-
-	${p.Larger(s.css`
-		top: 70px;
-	`)}
-`,Z=r.default.div`
-	height: 80px;
-	pointer-events: none;
-`,J=r.default.div`
-	box-shadow: 0 2px 10px ${n.generateHexWithAlphaInLightMode(n.basicColors.black,"20%")};
-	background-color: ${n.basicColors.white};
-	border-radius: 10px;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	max-height: ${65*4.5}px;
-	overflow-y: scroll;
-`,K=r.default.div`
-	width: 100%;
-	height: 50px;
-	padding: 15px 25px;
-	cursor: pointer;
-	${N.title2({color:n.basicColors.gray400})};
-	background-color: ${n.basicColors.white};
-
-	&:first-of-type {
-		border-top-right-radius: 10px;
-		border-top-left-radius: 10px;
-	}
-
-	&:last-of-type {
-		border-bottom-right-radius: 10px;
-		border-bottom-left-radius: 10px;
-	}
-
-	&:hover {
-		background-color: ${n.basicColors.gray25};
-	}
-
-	&:active {
-		background-color: ${n.basicColors.gray50};
-	}
-`,Q=r.default.div`
-	position: absolute;
-	z-index: 10;
-	right: 20px;
-	top: ${({rotateArrow:e})=>e?"18px":"20px"};
-	cursor: pointer;
-	transform: ${({rotateArrow:e})=>e?"rotate(180deg)":"rotate(0)"};
-	pointer-events: none;
-`,X=r.default.div`
-	${p.Smaller(s.css`
-		display: none;
-	`)}
-`,Y=r.default.div`
-	${p.Larger(s.css`
-		display: none;
-	`)}
-`,Ae=Object.freeze(Object.defineProperty({__proto__:null,Desktop:X,IconWrapper:Q,Item:K,ItemList:J,ItemListWrapper:U,ListBottomMargin:Z,Mobile:Y,Wrapper:V},Symbol.toStringTag,{value:"Module"})),ee={Text:"chip-item-text"},O=38,Ge=r.default.span`
-	display: inline-flex;
-	min-width: max-content;
-	height: ${O}px;
-	gap: 2px;
-	padding: 8px 0 8px 12px;
-	padding-right: ${({hasRightIcon:e})=>e?"7px":"12px"};
-	align-items: center;
-
-	border-radius: 22px;
-
-	${({disabled:e,selected:t,colorType:i})=>{const a=H(i),l=e?"disabled":"default",c=t?"on":"off";return s.css`
-			background-color: ${a[l][c].containerColor};
-			border: 1px solid ${a[l][c].borderColor};
-			.${ee.Text} {
-				color: ${a[l][c].textColor};
-			}
-			svg > path {
-				fill: ${a[l][c].iconColor};
-			}
-		`}}
-
-	${({selected:e})=>!e&&s.css`
-			cursor: pointer;
-		`}
-`,Ve=r.default.span`
-	cursor: pointer;
-	display: flex;
-`,te={ControlIconContainer:2},q=O,Ue=25,Ze=n.basicColors.white,Je=r.default.div`
-	display: flex;
-	align-items: center;
-	position: relative;
-	overflow: hidden;
-
-	width: 100%;
-`,Ke=r.default.div`
-	${pe.scrollStyle}
-
-	display: flex;
-	gap: 5px;
-	z-index: ${te.ControlIconContainer-1};
-
-	${({hasIconArea:e})=>e&&s.css`
-			padding-left: ${q+8}px;
-		`}
-	padding-right: 20px;
-`,Qe=r.default.div`
-	cursor: pointer;
-	position: absolute;
-	left: 0;
-	top: 0;
-
-	z-index: ${te.ControlIconContainer};
-
-	background-color: ${Ze};
-	width: ${q}px;
-	height: ${q}px;
-`,Xe=r.default.div`
-	width: ${Ue}px;
-	height: 100%;
-
-	/* TODO: 컬러, 범위, 여백 수정 필요 */
-	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.01) 100%);
-
-	position: absolute;
-	left: ${q}px;
-	top: 0;
-`,Ye=r.default.div`
-	width: 100%;
-	height: 100%;
-	border-radius: 50%;
-
-	background: ${n.basicColors.gray50};
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	position: absolute;
-	left: 0;
-	top: 0;
-`,et=r.default.div`
-	${({type:e,colorType:t})=>N.title4({color:M({type:e,colorType:t}).textColor})};
-	background-color: ${({type:e,colorType:t})=>M({type:e,colorType:t}).backgroundColor};
-
-	box-sizing: border-box;
-	width: max-content;
-	padding: 3px 8px;
-	border-radius: 30px;
-	align-items: center;
-	justify-content: center;
-	display: ${({inline:e})=>e?"inline-flex":"flex"};
-`,tt=r.default.div`
-	${p.Smaller(s.css`
-		padding: 25px 0;
-	`)}
-
-	${p.Larger(s.css`
-		padding: 80px 80px 25px;
-	`)}
-
-	/** deletePaddingTop = true 이면, 사용처 BasicLayout 에서 padding-top 관리 */
-
-	${({deletePaddingTop:e})=>e&&p.Smaller(s.css`
-			padding-top: 0px;
-		`)}
-
-	${({deletePaddingTop:e})=>e&&p.Larger(s.css`
-			padding-top: 0px;
-		`)}
-`,ot=r.default.div`
-	padding: 0 20px;
-	margin-bottom: 15px;
-	${p.Larger(s.css`
-		padding: 0;
-	`)}
-`,rt=r.default(k.Headline3)`
-	padding: 0 25px;
-	white-space: pre-wrap;
-	${p.Larger(s.css`
-		padding: 0;
-	`)}
-`,nt=r.default(k.Title3)`
-	margin-top: 10px;
-	padding: 0 25px;
-	color: ${({color:e})=>e};
-	white-space: pre-wrap;
-	${p.Larger(s.css`
-		padding: 0;
-	`)}
-`,oe=R.default.memo(({zIndex:e=w.zIndex.modal,visible:t,onMaskClick:i,children:a,className:l})=>o.jsxRuntimeExports.jsx(I,{className:l,visible:t,onClick:i,zIndex:e,children:o.jsxRuntimeExports.jsx(re.ModalContent,{visible:t,children:a})})),it=e=>o.jsxRuntimeExports.jsx(x.Footer,{children:o.jsxRuntimeExports.jsx(m,{...e})}),st=e=>o.jsxRuntimeExports.jsx(x.Footer,{children:o.jsxRuntimeExports.jsx(A,{...e})}),at=({title:e,subTitle:t})=>o.jsxRuntimeExports.jsxs(x.Header,{children:[o.jsxRuntimeExports.jsx(k.Headline4,{children:e}),t&&o.jsxRuntimeExports.jsx(x.SubTitle,{children:t})]}),lt=({children:e})=>o.jsxRuntimeExports.jsx(x.Comment,{children:e}),dt=({onClick:e,disabled:t,text:i})=>o.jsxRuntimeExports.jsx(x.LineButtonWrapper,{children:o.jsxRuntimeExports.jsx(ue.UnderLineMiniButton,{size:"m",colorType:"gray",onClick:e,disabled:t,children:i})}),ct=({children:e,hasContentPadding:t=!0})=>o.jsxRuntimeExports.jsx(x.Body,{contentPadding:t,children:e}),pt=R.default.memo(({children:e,...t})=>o.jsxRuntimeExports.jsx(oe,{...t,children:o.jsxRuntimeExports.jsx(x.Wrapper,{children:e})})),ut=Object.assign(pt,{SingleButton:it,DoubleButton:st,Title:at,Body:ct,Comment:lt,UnderLineMiniButton:dt});exports.ActiveDateOfMonthWrapper=We;exports.Badge=je;exports.BadgeContent=$e;exports.BaseBottomSheet=De;exports.BaseBottomSheetBody=T;exports.BaseBottomSheetCTADoubleButton=_;exports.BaseBottomSheetCTASingleButton=S;exports.BaseBottomSheetComp=W;exports.BaseBottomSheetHeader=$;exports.BaseModal=oe;exports.BottomSheetNavigationTemplate=G;exports.Button=m;exports.CHIP_ITEM_HEIGHT=O;exports.CancelIconWrapper=Ve;exports.ChipListContainer=Ke;exports.CommonDateOfMonthSizeStyle=j;exports.CommonDateOfMonthWrapper=C;exports.Container=Ge;exports.ControlIconCircleWrapper=Ye;exports.ControlIconContainer=Qe;exports.ControlIconGradientBackground=Xe;exports.DayOfWeekItemWrapper=Oe;exports.Desktop=X;exports.DisabledDateOfMonthWrapper=Re;exports.Dot=ve;exports.Dot$1=ke;exports.DoubleButton=A;exports.IconWrapper=Q;exports.ImageWrapper=ot;exports.InnerWrapper=_e;exports.InnerWrapper$1=Me;exports.Input=we;exports.Item=K;exports.ItemList=J;exports.ItemListWrapper=U;exports.ListBottomMargin=Z;exports.Mobile=Y;exports.MobileWrapper=ye;exports.Modal=ut;exports.NavBottomSheet=Le;exports.NoneDateOfMonthWrapper=Te;exports.OutterContainer=Je;exports.OverlayRoot=I;exports.PcWrapper=he;exports.Progress=qe;exports.ProgressBar=Be;exports.RangeBackgroundWrapper=Se;exports.RangeEndFocusDateOfMonthWrapper=Ie;exports.RangeStartFocusDateOfMonthWrapper=Ee;exports.SingleFocusDateOfMonthWrapper=E;exports.Spinner=z;exports.SubTitle=nt;exports.Title=rt;exports.TitleBottomSheet=Fe;exports.Wrapper=V;exports.Wrapper$1=et;exports.Wrapper$2=tt;exports.buttonVariants=F;exports.chipColorStyle=H;exports.className=ee;exports.className$1=h;exports.index_styled=Ae;

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

@@ -1 +0,0 @@
-"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.Crigd7-N.js");require("../../../constants/style.constants.cjs.js");exports.BaseModal=e.BaseModal;

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

@@ -1,9 +0,0 @@
-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

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

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

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

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

@@ -1,6 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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.styled.cjs.js

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

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

@@ -1,29 +0,0 @@
-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 SubTitle: import('@emotion/styled').StyledComponent<import('../../core/Typography/BaseTypography').TypoProps & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-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>, {}>;