@pfct/purple 1.4.0-rc.7 → 1.4.0-rc.9

package/dist/chunks/index.styled.B3JLBK5h.js

@@ -1,633 +0,0 @@
-"use strict";const i=require("@emotion/react"),pt=require("@emotion/styled"),B=require("../constants/style.constants.cjs.js"),s=require("../core/Colors/index.cjs.js"),p=require("../core/TextStyles/index.cjs.js"),u=require("../utils/media.util.cjs.js"),L=require("../utils/GenerateColorStyle/mini-button.cjs.js"),ut=require("../utils/GenerateColorStyle/datepicker.cjs.js"),o=require("./jsx-runtime.713F0z8w.js");require("../components/Badge/IconBadge/index.styled.cjs.js");require("../components/Badge/TextBadge/index.styled.cjs.js");const xt=require("../components/Loading/Spinner/index.styled.cjs.js");require("../components/Card/index.styled.cjs.js");const m=require("react");require("../components/Comment/index.cjs.js");const N=require("../utils/GenerateColorStyle/control/radio-button.cjs.js");require("../components/Control/CheckBox/index.styled.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("../Icon/generated/AlarmFill.cjs.js");require("../Icon/generated/Calendar.cjs.js");const gt=require("../Icon/generated/Cancel.cjs.js");require("../Icon/generated/CancelCircle.cjs.js");require("../Icon/generated/CartFill.cjs.js");require("../Icon/generated/Check.cjs.js");require("../Icon/generated/ChevronDown.cjs.js");const mt=require("../Icon/generated/ChevronLeft.cjs.js");require("../Icon/generated/ChevronRight.cjs.js");require("../Icon/generated/ChevronUp.cjs.js");require("../Icon/generated/DoubleChevronLeft.cjs.js");require("../Icon/generated/DoubleChevronRight.cjs.js");require("../Icon/generated/EyeFill.cjs.js");require("../Icon/generated/EyeSlashFill.cjs.js");require("../Icon/generated/Filter.cjs.js");require("../Icon/generated/Information.cjs.js");require("../Icon/generated/Menu.cjs.js");require("../Icon/generated/More.cjs.js");require("../Icon/generated/PersonFill.cjs.js");require("../Icon/generated/Plus.cjs.js");require("../Icon/generated/QuestionCircle.cjs.js");require("../Icon/generated/Re.cjs.js");require("../Icon/generated/Search.cjs.js");require("../Icon/generated/SettingFill.cjs.js");require("../Icon/generated/Share.cjs.js");require("../Icon/generated/Store.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 ve=require("../hooks/useOverlayPreventScroll.cjs.js"),ht=require("../components/ui/button.cjs.js"),bt=require("./utils.Gb5_Gcy7.js");require("../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../components/Divider/index.styled.cjs.js");require("./index.styled.DkE3TbtV.js");require("../components/Input/BaseInput/index.cjs.js");const ft=require("./index.styled.bRkhLIZX.js"),R=require("../components/Input/PostfixInput/index.styled.cjs.js"),Ct=require("../components/Input/common/InputFrame/index.cjs.js");require("../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../components/Loading/Skeleton/index.cjs.js");const D=require("../components/Navigation/index.styled.cjs.js"),X=require("../components/Navigation/BaseNavigation/index.styled.cjs.js"),P=require("../components/Navigation/constant.cjs.js");require("../components/Segment/BaseSegment/index.styled.cjs.js");require("../components/Segment/ExtendSegment/index.styled.cjs.js");const j=require("../components/BottomSheet/BaseBottomSheet/index.styled.cjs.js"),te=require("../style/common.cjs.js"),$t=require("../components/Modal/BaseModal/index.styled.cjs.js"),jt=require("../components/OverlayRoot/index.styled.cjs.js");require("../components/ToastMessage/Toast/index.styled.cjs.js");require("../components/Tooltip/TooltipBase/index.styled.cjs.js");require("../components/ui/bottomSheet.cjs.js");const Ee=require("../utils/GenerateColorStyle/tag.cjs.js"),yt=require("../utils/GenerateColorStyle/progress-bar.cjs.js"),Bt=require("../hooks/useResize.cjs.js"),Et=require("../components/BottomSheet/NavBottomSheet/index.styled.cjs.js"),Re=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=Re(pt),F=Re(m),_e=e=>{const t=s.basicColors[`${e}400`],r="transparent",a=s.basicColors.white,l=s.basicColors.white,c=s.basicColors[`${e}100`],g="transparent",h=s.basicColors.white,x=s.basicColors.white;return{default:{on:{containerColor:t,borderColor:r,textColor:a,iconColor:l},off:{containerColor:s.basicColors.white,borderColor:s.basicColors.gray50,textColor:s.semanticColors.chipDefaultText,iconColor:s.basicColors.gray300}},disabled:{on:{containerColor:c,borderColor:g,textColor:h,iconColor:x},off:{containerColor:s.basicColors.white,borderColor:s.basicColors.gray25,textColor:s.basicColors.gray100,iconColor:s.basicColors.gray100}}}},$=e=>{const t=s.basicColors.gray100,r="none";switch(e){case"gray":return{on:{textColor:s.basicColors.gray900,barColor:s.basicColors.gray900},off:{textColor:t,barColor:r}};default:return{on:{textColor:s.basicColors[`${e}400`],barColor:s.basicColors[`${e}400`]},off:{textColor:t,barColor:r}}}},Se=e=>{const t=s.basicColors.gray700,r=s.basicColors.gray50;switch(e){case"gray":return{on:{textColor:s.semanticColors.buttonGrayMainAbledText,containerColor:s.basicColors.gray700},off:{textColor:t,containerColor:r}};default:return{on:{textColor:s.semanticColors.buttonGrayMainAbledText,containerColor:s.basicColors[`${e}400`]},off:{textColor:t,containerColor:r}}}},vt=n.default.div`
-	${u.Smaller(i.css`
-		display: none;
-	`)}
-`,Rt=n.default.div`
-	${u.Larger(i.css`
-		display: none;
-	`)}
-`,H={Headline1:p.headline1,Headline2:p.headline2,Headline3:p.headline3,Headline4:p.headline4,Headline5:p.headline5,Headline6:p.headline6,Title1:p.title1,Title2:p.title2,Title3:p.title3,Title4:p.title4,Body1:p.body1,Body2:p.body2},_t=n.default.div`
-	text-align: ${e=>e.textAlign};
-	white-space: pre-wrap;
-	${e=>H[e.md](e)}
-
-	${e=>e.sm&&u.Smaller(i.css`
-			 {
-				${H[e.sm](e)}
-			}
-		`)}
-	${e=>e.lg&&u.Larger(i.css`
-			 {
-				${H[e.lg](e)}
-			}
-		`)}
-`,S=e=>{const{children:t}=e;return o.jsxRuntimeExports.jsx(_t,{...e,children:t})},we=e=>{const{children:t,...r}=e;return o.jsxRuntimeExports.jsx(S,{...r,md:"Headline3",children:t})},oe=e=>{const{children:t,...r}=e;return o.jsxRuntimeExports.jsx(S,{...r,md:"Headline4",children:t})},qe=e=>{const{children:t,...r}=e;return o.jsxRuntimeExports.jsx(S,{...r,md:"Headline5",children:t})},W=e=>{const{children:t,...r}=e;return o.jsxRuntimeExports.jsx(S,{...r,md:"Title3",children:t})},St=s.basicColors.red400,wt="16px",Te=i.css`
-	background-color: ${St};
-`,qt=n.default.div`
-	${Te};
-
-	width: 5px;
-	height: 5px;
-	border-radius: 50%;
-`,Tt=n.default.div`
-	${Te};
-
-	height: ${wt};
-	padding: 0 5px;
-	border-radius: 8px;
-
-	display: flex;
-	align-items: center;
-	justify-content: center;
-`,Wt=n.default.div`
-	line-height: initial;
-
-	font-size: 11px;
-	font-weight: 500;
-	color: ${s.basicColors.white};
-	letter-spacing: -0.2px;
-`,We=e=>{const{colorType:t}=e;let r=s.basicColors.white;switch(t){case"gray":r=s.basicColors.gray200}return o.jsxRuntimeExports.jsx(xt.SpinnerWrapper,{color:r})};function ke({children:e,isLoading:t,disabled:r,...a}){return o.jsxRuntimeExports.jsx(ht.Button,{disabled:r||t,...a,children:t?o.jsxRuntimeExports.jsx("div",{className:"h-[25px] w-[25px]",children:o.jsxRuntimeExports.jsx(We,{colorType:"white"})}):e})}const T=({colorType:e,children:t,className:r,type:a,purpose:l="main",...c})=>{const g=a??(l==="main"?"submit":"button");return o.jsxRuntimeExports.jsx(ke,{...c,colorType:e,type:g,purpose:l,className:bt.cn("typo-h6 h-[50px] w-full",r),children:t})},re=({purpose:e,colorType:t,left:{children:r,onClick:a,className:l,disabled:c},right:{children:g,onClick:h,className:x,disabled:E,type:f}})=>{const C=e==="main"?"gray":t;return o.jsxRuntimeExports.jsxs("div",{className:"flex w-full gap-[10px]",children:[o.jsxRuntimeExports.jsx(T,{onClick:a,colorType:C,purpose:"sub",disabled:c,className:l,children:r}),o.jsxRuntimeExports.jsx(T,{onClick:h,colorType:t,purpose:"main",disabled:E,className:x,type:f||"submit",children:g})]})},ne=5,Ie=n.default.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: ${s.basicColors.gray50};
-	}
-
-	&:active {
-		background-color: ${s.basicColors.gray100};
-	}
-
-	${({colorType:e})=>i.css`
-		cursor: pointer;
-		color: ${L(e).textColor};
-	`}
-
-	&:disabled {
-		${({colorType:e})=>i.css`
-			cursor: not-allowed;
-			background-color: initial;
-			color: ${L(e).disabledTextColor};
-		`}
-	}
-	${({styleType:e,colorType:t,size:r})=>{switch(e){case"icon":return i.css`
-					height: 25px;
-					svg > path {
-						fill: ${L(t).iconColor};
-					}
-					&:disabled svg > path {
-						fill: ${L(t).iconDisabledColor};
-					}
-				`;case"underline":return i.css`
-					${(()=>{switch(r){case"s":return i.css`
-									height: 28px;
-								`;case"m":return i.css`
-									height: 32px;
-								`}})()};
-					&:disabled {
-						> * {
-							text-decoration: none;
-						}
-					}
-				`}}}
-	${({size:e})=>{switch(e){case"s":return i.css`
-					${p.typography.title4};
-				`;case"m":return i.css`
-					${p.typography.title3};
-				`}}}
-`,kt=n.default.div`
-	padding-left: ${ne}px;
-
-	display: flex;
-	align-items: center;
-`,Y=e=>o.jsxRuntimeExports.jsx(Ie,{...e,type:"button"}),ee=n.default.div`
-	padding: 0 ${ne}px;
-
-	text-decoration: underline;
-	text-underline-position: under;
-`,Oe=n.default.a`
-	text-decoration: none;
-`,Me=({size:e,colorType:t,children:r,url:a,onClick:l,disabled:c=!1})=>o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:a?o.jsxRuntimeExports.jsx(Oe,{href:a,target:"_blank",children:o.jsxRuntimeExports.jsx(Y,{styleType:"underline",disabled:c,colorType:t,size:e,children:o.jsxRuntimeExports.jsx(ee,{children:r})})}):o.jsxRuntimeExports.jsx(Y,{styleType:"underline",onClick:l,disabled:c,colorType:t,size:e,children:o.jsxRuntimeExports.jsx(ee,{children:r})})}),It=n.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})=>N(e)[t?"disabled":"default"].off.containerColor};
-	border-color: ${({colorType:e,disabled:t})=>N(e)[t?"disabled":"default"].off.borderColor};
-
-	&:checked {
-		border-width: 6px;
-		background-color: ${({colorType:e,disabled:t})=>N(e)[t?"disabled":"default"].on.containerColor};
-		border-color: ${({colorType:e,disabled:t})=>N(e)[t?"disabled":"default"].on.borderColor};
-	}
-
-	&:focus {
-		outline: none;
-	}
-`,y={innerWrapper:"datepicker-inner-wrapper",dot:"datepicker-dot",rangeBackgroundWrapper:"datepicker-range-background-wrapper"},_=100,Ot=n.default.div`
-	width: 5px;
-	height: 5px;
-	border-radius: 50%;
-
-	position: absolute;
-	left: 47%;
-	bottom: 5.86px;
-`,k=i.css`
-	width: ${_}%;
-	height: ${_}%;
-`,w=n.default.div`
-	${k};
-	position: relative;
-	/* height가 안 정해진 상태에서 height = width 적용되는 방법 */
-	padding-bottom: ${_}%;
-`,Mt=n.default.div`
-	${k};
-
-	position: absolute;
-	left: 0;
-
-	${({rangeBackgroundColor:e})=>e&&i.css`
-			background: ${e};
-		`}
-`,Lt=n.default.div`
-	${k};
-
-	position: absolute;
-	left: 0;
-
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-
-	border-radius: 50%;
-
-	${({circleBackgroundColor:e})=>e&&i.css`
-			background-color: ${e};
-		`};
-`,Nt=n.default(w)``,Dt=n.default(w)`
-	cursor: pointer;
-
-	.${y.innerWrapper} {
-		:hover {
-			background-color: ${({colorType:e})=>ut(e).hoverContainerColor};
-		}
-	}
-
-	.${y.dot} {
-		background-color: ${s.basicColors.gray200};
-	}
-`,Pt=n.default(w)`
-	cursor: not-allowed;
-
-	.${y.dot} {
-		background-color: ${s.basicColors.gray100};
-	}
-`,se=n.default(w)`
-	cursor: pointer;
-
-	.${y.dot} {
-		background-color: ${s.basicColors.white};
-	}
-`,Ht=n.default(se)`
-	.${y.rangeBackgroundWrapper} {
-		left: ${_/2}%;
-		width: ${_/2}%;
-	}
-`,zt=n.default(se)`
-	.${y.rangeBackgroundWrapper} {
-		width: ${_/2}%;
-	}
-`,Ft=n.default(w)``,Ut=n.default.div`
-	${k};
-
-	position: absolute;
-	left: 0;
-
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-`,ie=F.default.memo(({className:e,visible:t,onClick:r,zIndex:a=B.zIndex.modal,children:l})=>{const[c,g]=m.useState(!1),h=x=>{x.target===x.currentTarget&&(r==null||r())};return m.useEffect(()=>{let x;return t?g(!0):x=setTimeout(()=>g(!1),400),()=>{x!==void 0&&clearTimeout(x)}},[t]),ve.useOverlayPreventScroll(t),c?o.jsxRuntimeExports.jsx(jt.Overlay,{className:e,visible:t,zIndex:a,onClick:h,children:l}):null}),U=e=>o.jsxRuntimeExports.jsx(j.FooterWrapper,{children:o.jsxRuntimeExports.jsx(T,{...e})}),G=e=>o.jsxRuntimeExports.jsx(j.FooterWrapper,{children:o.jsxRuntimeExports.jsx(re,{...e})}),V=({children:e,...t})=>{const r=m.useRef(null);return m.useEffect(()=>{var a;(a=r.current)==null||a.scroll(0,0)},[]),o.jsxRuntimeExports.jsx(j.ChildrenWrapper,{ref:r,...t,children:e})},I=({children:e})=>o.jsxRuntimeExports.jsx(j.HeaderWrapper,{children:e}),A=({visible:e,onMaskClick:t,className:r,zIndex:a=B.zIndex.modal,minHeight:l,children:c})=>{const[g,h]=m.useState(0),x=m.useCallback(()=>{h(window==null?void 0:window.innerHeight)},[]);return m.useEffect(()=>{x()},[x]),Bt(x),ve.useOverlayPreventScroll(e),e?o.jsxRuntimeExports.jsx(ie,{visible:e,className:r,onClick:t,zIndex:a,children:o.jsxRuntimeExports.jsx(j.ContentWrapper,{children:o.jsxRuntimeExports.jsx(j.Content,{visible:e,zIndex:a,minHeight:l,vh:g,children:c})})}):null},Gt=Object.assign(A,{SingleButton:U,DoubleButton:G,Body:V,Header:I}),Le=({title:e,titleColor:t,leftChildren:r,rightChildren:a,zIndex:l=B.zIndex.gnb,backgroundColor:c})=>o.jsxRuntimeExports.jsxs(X.Wrapper,{backgroundColor:c,zIndex:l,children:[r&&o.jsxRuntimeExports.jsx(X.LeftChildrenWrapper,{children:r}),e&&o.jsxRuntimeExports.jsx(qe,{color:t,children:e}),a&&o.jsxRuntimeExports.jsx(X.RightChildrenWrapper,{children:a})]}),Ne=({contentColor:e,hasBackgroundColor:t,leftArea:r,rightArea:a,...l})=>{const c=P.CONTENT_COLOR_MAP[e].icon,g=P.CONTENT_COLOR_MAP[e].title,h=P.CONTENT_COLOR_MAP[e].rightText,x=P.CONTENT_COLOR_MAP[e].backgroundColor,E=m.useMemo(()=>{const C=()=>{r==null||r.handleClickButton()};switch(r==null?void 0:r.type){case"backIcon":return o.jsxRuntimeExports.jsx(D.IconWrapper,{onClick:C,children:o.jsxRuntimeExports.jsx(mt.ChevronLeft,{fillColor:g})});default:return}},[r,g]),f=m.useMemo(()=>{const C=()=>{a==null||a.handleClickButton()};switch(a==null?void 0:a.type){case"closeIcon":return o.jsxRuntimeExports.jsx(D.IconWrapper,{onClick:C,children:o.jsxRuntimeExports.jsx(gt.Cancel,{fillColor:c})});case"icon":return o.jsxRuntimeExports.jsx(D.IconWrapper,{onClick:C,children:o.jsxRuntimeExports.jsx(a.children,{fillColor:g})});case"text":return o.jsxRuntimeExports.jsx(D.TextWrapper,{onClick:C,children:o.jsxRuntimeExports.jsx(W,{color:h,children:a.children})});default:return}},[c,g,h,a]);return o.jsxRuntimeExports.jsx(Le,{backgroundColor:t?x:"transparent",leftChildren:E,titleColor:g,rightChildren:f,...l})},De=({children:e})=>o.jsxRuntimeExports.jsx(I,{children:o.jsxRuntimeExports.jsx(Et.NavigationWrapper,{children:e})}),Vt=e=>o.jsxRuntimeExports.jsx(De,{children:o.jsxRuntimeExports.jsx(Ne,{...e})}),At=Object.assign(A,{Header:I,Navigation:Vt,Body:V,SingleButton:U,DoubleButton:G}),Zt=F.default.forwardRef((e,t)=>{const{realValue:r,postfix:a,onBlur:l,onFocus:c,onClick:g,disabled:h,label:x,placeholder:E,errorValidation:f,logRocketMasking:C,focus:Z=!1,max:xe,decoration:ge,updateRealValue:me,formatRealValue:O,formatDisplayValue:v,type:he,pattern:it,...at}=e,[M,lt]=m.useState(""),[ct,J]=m.useState(""),[K,be]=m.useState(Z),q=m.useRef(null),Q=K||!!M,fe=!x&&!Q&&!!E,Ce=m.useCallback(d=>{if(d.length===0||d==="0"){J("");return}if(f)for(let b=0;b<f.length;b++)if(!f[b].condition(d)&&d.length!==0){J(f[b].errorText);break}else J("")},[f]),$e=m.useCallback(d=>{const{type:b}=d;be(b==="focus")},[]),je=m.useCallback(d=>{var b;g==null||g(d),(b=q.current)==null||b.focus()},[g,q]),dt=m.useCallback(d=>{const b=(O==null?void 0:O(d))||d,ye=Number(xe),Be=Number(b);ye&&!isNaN(Be)&&Be>ye||me(b)},[xe,me,O]);return m.useEffect(()=>{let d=r;v&&(d=(v==null?void 0:v(d))||""),lt(d),Ce(r)},[v,Ce,r]),m.useEffect(()=>{var d;Z&&((d=q.current)==null||d.focus())},[q,Z]),o.jsxRuntimeExports.jsxs(Ct.InputFrame,{label:x,active:Q,focused:K,disabled:!!h,errorText:ct,handleClickInput:je,children:[o.jsxRuntimeExports.jsxs(R.InputAndUnitWrapper,{children:[o.jsxRuntimeExports.jsx(R.InputSizer,{focused:K,displayValue:M,children:o.jsxRuntimeExports.jsx(R.InputTag,{...at,className:R.className.inputTag,hasLabel:!!x,placeholder:fe?E:"","data-private":C,ref:t||q,name:x,disabled:h,value:v?M:r,onChange:d=>{const b=d.currentTarget.value;dt(b)},onFocus:d=>{c==null||c(d),$e(d)},onBlur:d=>{l==null||l(d),$e(d)},decoration:!1,pattern:he==="number"?"\\d*":it,type:he,onClick:je,size:fe?void 0:1})}),o.jsxRuntimeExports.jsx(R.UnitWrapper,{children:Q&&o.jsxRuntimeExports.jsx(R.Unit,{hasLabel:!!x,hasValue:!!M,children:o.jsxRuntimeExports.jsx(S,{md:"Title1",color:h?s.basicColors.gray200:void 0,children:a})})})]}),ge&&o.jsxRuntimeExports.jsx(ft.DecorationItemWrapper,{disabled:h,children:ge})]})}),Jt=n.default.div`
-	position: absolute;
-	width: 100%;
-	top: 0;
-	height: 3px;
-	background-color: ${s.basicColors.gray50};
-`,Kt=n.default.div`
-	width: ${({progress:e})=>e}%;
-	background-color: ${({colorType:e})=>yt(e).upperColor};
-	height: 100%;
-	transition: width 3s ease-in-out;
-`,ae={subTitle:"title-bottom-sheet-sub-title"},Pe=n.default(W)`
-	color: ${s.basicColors.gray400};
-`,He=n.default.div`
-	padding: 25px ${({contentPadding:e})=>`${e?0:`${j.ContentWrapperPadding}px`}`};
-
-	.${ae.subTitle} {
-		margin-top: 10px;
-	}
-`,le=n.default.div`
-	margin-top: 25px;
-`,Qt=({title:e,subTitle:t,hasContentPadding:r=!0})=>o.jsxRuntimeExports.jsxs(He,{contentPadding:r,children:[e&&o.jsxRuntimeExports.jsx(oe,{children:e}),t&&o.jsxRuntimeExports.jsx(Pe,{className:ae.subTitle,children:t})]}),Xt=e=>o.jsxRuntimeExports.jsx(le,{children:o.jsxRuntimeExports.jsx(U,{...e})}),Yt=e=>o.jsxRuntimeExports.jsx(le,{children:o.jsxRuntimeExports.jsx(G,{...e})}),eo=Object.assign(A,{Header:I,Body:V,Title:Qt,SingleButton:Xt,DoubleButton:Yt}),ze=n.default.div`
-	& > div > .select-box {
-		cursor: pointer;
-	}
-	position: relative;
-`,Fe=n.default.div`
-	position: absolute;
-	z-index: ${B.zIndex.basicLayer+1};
-	width: 100%;
-	height: max-content;
-
-	${u.Larger(i.css`
-		top: 70px;
-	`)}
-`,Ue=n.default.div`
-	height: 80px;
-	pointer-events: none;
-`,Ge=n.default.div`
-	box-shadow: 0 2px 10px ${s.generateHexWithAlphaInLightMode(s.basicColors.black,"20%")};
-	background-color: ${s.basicColors.white};
-	border-radius: 10px;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	max-height: ${65*4.5}px;
-	overflow-y: scroll;
-`,Ve=n.default.div`
-	width: 100%;
-	height: 50px;
-	padding: 15px 25px;
-	cursor: pointer;
-	${p.title2({color:s.basicColors.gray400})};
-	background-color: ${s.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: ${s.basicColors.gray25};
-	}
-
-	&:active {
-		background-color: ${s.basicColors.gray50};
-	}
-`,Ae=n.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;
-`,Ze=n.default.div`
-	${u.Smaller(i.css`
-		display: none;
-	`)}
-`,Je=n.default.div`
-	${u.Larger(i.css`
-		display: none;
-	`)}
-`,to=Object.freeze(Object.defineProperty({__proto__:null,Desktop:Ze,IconWrapper:Ae,Item:Ve,ItemList:Ge,ItemListWrapper:Fe,ListBottomMargin:Ue,Mobile:Je,Wrapper:ze},Symbol.toStringTag,{value:"Module"})),Ke={Text:"chip-item-text"},ce=38,oo=n.default.span`
-	display: inline-flex;
-	min-width: max-content;
-	height: ${ce}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:r})=>{const a=_e(r),l=e?"disabled":"default",c=t?"on":"off";return i.css`
-			background-color: ${a[l][c].containerColor};
-			border: 1px solid ${a[l][c].borderColor};
-			.${Ke.Text} {
-				color: ${a[l][c].textColor};
-			}
-			svg > path {
-				fill: ${a[l][c].iconColor};
-			}
-		`}}
-
-	${({selected:e})=>!e&&i.css`
-			cursor: pointer;
-		`}
-`,ro=n.default.span`
-	cursor: pointer;
-	display: flex;
-`,Qe={ControlIconContainer:2},z=ce,no=25,so=s.basicColors.white,io=n.default.div`
-	display: flex;
-	align-items: center;
-	position: relative;
-	overflow: hidden;
-
-	width: 100%;
-`,ao=n.default.div`
-	${te.scrollStyle}
-
-	display: flex;
-	gap: 5px;
-	z-index: ${Qe.ControlIconContainer-1};
-
-	${({hasIconArea:e})=>e&&i.css`
-			padding-left: ${z+8}px;
-		`}
-	padding-right: 20px;
-`,lo=n.default.div`
-	cursor: pointer;
-	position: absolute;
-	left: 0;
-	top: 0;
-
-	z-index: ${Qe.ControlIconContainer};
-
-	background-color: ${so};
-	width: ${z}px;
-	height: ${z}px;
-`,co=n.default.div`
-	width: ${no}px;
-	height: 100%;
-
-	/* TODO: 컬러, 범위, 여백 수정 필요 */
-	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.01) 100%);
-
-	position: absolute;
-	left: ${z}px;
-	top: 0;
-`,po=n.default.div`
-	width: 100%;
-	height: 100%;
-	border-radius: 50%;
-
-	background: ${s.basicColors.gray50};
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	position: absolute;
-	left: 0;
-	top: 0;
-`,uo={Item:n.default.div`
-		display: inline-block;
-		padding-top: 15px;
-		padding-bottom: 11px;
-		cursor: pointer;
-		text-align: center;
-
-		flex-grow: 1;
-
-		position: relative;
-		${({active:e,colorType:t})=>e?i.css`
-						${p.headline6({color:$(t).on.textColor})};
-						border-bottom: 2px solid ${$(t).on.barColor};
-				  `:i.css`
-						${p.title3({color:$(t).off.textColor})};
-						border-bottom: 2px solid ${$(t).off.barColor};
-				  `};
-	`,Wrapper:n.default.div`
-		display: flex;
-		gap: 0px;
-
-		width: 100%;
-		background-color: transparent;
-
-		white-space: nowrap;
-
-		border-bottom: 1px solid ${s.basicColors.gray50};
-	`},xo={Item:n.default.div`
-		display: inline-block;
-		padding: 16px 0;
-		cursor: pointer;
-		text-align: center;
-
-		min-width: max-content;
-
-		position: relative;
-		${({active:e,colorType:t})=>e?i.css`
-						${p.headline6({color:$(t).on.textColor})};
-						border-bottom: 2px solid ${$(t).on.barColor};
-				  `:i.css`
-						${p.title3({color:$(t).off.textColor})};
-						border-bottom: 2px solid ${$(t).off.barColor};
-				  `};
-	`,Wrapper:n.default.div`
-		${te.scrollStyle}
-
-		display: flex;
-		gap: 30px;
-
-		width: 100%;
-		background-color: transparent;
-
-		white-space: nowrap;
-
-		${u.Smaller(i.css`
-			/* Mobile) 에만 좌우 여백 추가  */
-			padding-left: 20px;
-			padding-right: 20px;
-		`)}
-
-		border-bottom: 1px solid ${s.basicColors.gray50};
-	`},go=n.default.div`
-	overflow: hidden;
-`,mo=n.default.div`
-	${te.scrollStyle}
-
-	display: flex;
-	gap: 7px;
-
-	padding: 0 20px;
-	${u.Larger(i.css`
-		padding: 0;
-	`)}
-`,ho=n.default.div`
-	cursor: pointer;
-	padding: 8px 12px;
-	min-width: fit-content;
-	border-radius: 8px;
-	${p.title4()}
-
-	${({colorType:e,status:t})=>{const{textColor:r,containerColor:a}=Se(e)[t];return i.css`
-			color: ${r};
-			background: ${a};
-		`}}
-`,bo=n.default.div`
-	${({type:e,colorType:t})=>p.title4({color:Ee({type:e,colorType:t}).textColor})};
-	background-color: ${({type:e,colorType:t})=>Ee({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"};
-`,fo=n.default.div`
-	${u.Smaller(i.css`
-		padding: 25px 0;
-	`)}
-
-	${u.Larger(i.css`
-		padding: 80px 80px 25px;
-	`)}
-
-	/** deletePaddingTop = true 이면, 사용처 BasicLayout 에서 padding-top 관리 */
-
-	${({deletePaddingTop:e})=>e&&u.Smaller(i.css`
-			padding-top: 0px;
-		`)}
-
-	${({deletePaddingTop:e})=>e&&u.Larger(i.css`
-			padding-top: 0px;
-		`)}
-`,Co=n.default.div`
-	padding: 0 20px;
-	margin-bottom: 15px;
-	${u.Larger(i.css`
-		padding: 0;
-	`)}
-`,$o=n.default(we)`
-	padding: 0 25px;
-	white-space: pre-wrap;
-	${u.Larger(i.css`
-		padding: 0;
-	`)}
-`,jo=n.default(W)`
-	margin-top: 10px;
-	padding: 0 25px;
-	color: ${({color:e})=>e};
-	white-space: pre-wrap;
-	${u.Larger(i.css`
-		padding: 0;
-	`)}
-`,Xe=F.default.memo(({zIndex:e=B.zIndex.modal,visible:t,onMaskClick:r,children:a,className:l})=>o.jsxRuntimeExports.jsx(ie,{className:l,visible:t,onClick:r,zIndex:e,children:o.jsxRuntimeExports.jsx($t.ModalContent,{visible:t,children:a})})),Ye=n.default.div`
-	width: 320px;
-	background-color: ${s.basicColors.white};
-	z-index: ${B.zIndex.modal};
-	border-radius: 10px;
-	padding: 30px 0 15px;
-`,et=n.default.div`
-	text-align: center;
-	white-space: pre-wrap;
-	padding: 0 15px;
-`,tt=n.default(W)`
-	margin-top: 10px;
-
-	text-align: center;
-	white-space: pre-wrap;
-	color: ${s.basicColors.gray400};
-	font-weight: 500;
-`,ot=n.default.div`
-	padding-left: ${e=>e.contentPadding?"20px":"0"};
-	padding-right: ${e=>e.contentPadding?"20px":"0"};
-	padding-bottom: 30px;
-
-	> * {
-		margin-top: 20px;
-	}
-`,rt=n.default.div`
-	${p.typography.body1};
-
-	color: ${s.basicColors.gray400};
-	background: ${s.basicColors.gray25};
-	border-radius: 10px;
-	padding: 12px;
-	text-align: center;
-	white-space: pre-wrap;
-`,nt=n.default.div`
-	display: flex;
-	justify-content: center;
-	padding: 0 11px;
-`,de=n.default.div`
-	box-sizing: border-box;
-	padding: 0 15px;
-`,yo=e=>o.jsxRuntimeExports.jsx(de,{children:o.jsxRuntimeExports.jsx(T,{...e})}),Bo=e=>o.jsxRuntimeExports.jsx(de,{children:o.jsxRuntimeExports.jsx(re,{...e})}),Eo=({title:e,subTitle:t})=>o.jsxRuntimeExports.jsxs(et,{children:[o.jsxRuntimeExports.jsx(oe,{children:e}),t&&o.jsxRuntimeExports.jsx(tt,{children:t})]}),vo=({children:e})=>o.jsxRuntimeExports.jsx(rt,{children:e}),Ro=({onClick:e,disabled:t,text:r})=>o.jsxRuntimeExports.jsx(nt,{children:o.jsxRuntimeExports.jsx(Me,{size:"m",colorType:"gray",onClick:e,disabled:t,children:r})}),_o=({children:e,hasContentPadding:t=!0})=>o.jsxRuntimeExports.jsx(ot,{contentPadding:t,children:e}),So=F.default.memo(({children:e,...t})=>o.jsxRuntimeExports.jsx(Xe,{...t,children:o.jsxRuntimeExports.jsx(Ye,{children:e})})),wo=Object.assign(So,{SingleButton:yo,DoubleButton:Bo,Title:Eo,Body:_o,Comment:vo,UnderLineMiniButton:Ro}),st="-55px",pe="50px",ue="25px",qo=i.keyframes`
-	0% {
-		bottom: ${st};
-	}
-	100% {
-		${u.Smaller(i.css`
-			bottom: ${ue};
-		`)};
-		${u.Larger(i.css`
-			bottom: ${pe};
-		`)};
-	}
-`,To=i.keyframes`
-	0% {
-		${u.Smaller(i.css`
-			bottom: ${ue};
-		`)};
-		${u.Larger(i.css`
-			bottom: ${pe};
-		`)};
-	}
-	100% {
-		bottom: ${st};
-	}
-`,Wo=e=>i.css`
-	visibility: ${e?"visible":"hidden"};
-	z-index: ${B.zIndex.basicLayer+11};
-	animation: ${e?qo:To} 0.4s ease-out;
-	transition: all 0.4s ease-out;
-`,ko=n.default.div`
-	min-width: 320px;
-	max-width: max-content;
-
-	${u.Larger(i.css`
-		min-width: 440px;
-	`)}
-	height: 55px;
-	box-sizing: border-box;
-	background-color: ${s.generateHexWithAlphaInLightMode(s.basicColors.gray900,"80%")};
-	border-radius: 15px;
-	padding: 17px 15px;
-	display: flex;
-	align-items: center;
-	justify-content: flex-start;
-	position: fixed;
-	left: 50%;
-	transform: translate(-50%, 0);
-	${u.Smaller(i.css`
-		bottom: ${ue};
-	`)};
-	${u.Larger(i.css`
-		bottom: ${pe};
-	`)};
-	${({visible:e})=>Wo(e)};
-`,Io=n.default.div`
-	${p.typography.title3};
-	color: ${s.basicColors.white};
-	width: 100%;
-`;exports.ActiveDateOfMonthWrapper=Dt;exports.Badge=Tt;exports.BadgeContent=Wt;exports.BaseBottomSheet=Gt;exports.BaseBottomSheetBody=V;exports.BaseBottomSheetCTADoubleButton=G;exports.BaseBottomSheetCTASingleButton=U;exports.BaseBottomSheetComp=A;exports.BaseBottomSheetHeader=I;exports.BaseButton=ke;exports.BaseModal=Xe;exports.BaseNavigation=Le;exports.BaseTypography=S;exports.Body=ot;exports.BottomSheetNavigationTemplate=De;exports.ButtonMargin=le;exports.ButtonTag=Y;exports.ButtonTag$1=Ie;exports.CHIP_ITEM_HEIGHT=ce;exports.CancelIconWrapper=ro;exports.ChipListContainer=ao;exports.Comment=rt;exports.CommonDateOfMonthSizeStyle=k;exports.CommonDateOfMonthWrapper=w;exports.Container=oo;exports.Content=kt;exports.Content$1=Io;exports.Content$2=ee;exports.ControlIconCircleWrapper=po;exports.ControlIconContainer=lo;exports.ControlIconGradientBackground=co;exports.DayOfWeekItemWrapper=Ft;exports.Desktop=Ze;exports.DisabledDateOfMonthWrapper=Pt;exports.Dot=qt;exports.Dot$1=Ot;exports.DoubleButton=re;exports.FillTabsListContainer=mo;exports.Fixed=uo;exports.Footer=de;exports.Header=et;exports.Headline3=we;exports.Headline4=oe;exports.Headline5=qe;exports.IconWrapper=Ae;exports.ImageWrapper=Co;exports.InnerWrapper=Lt;exports.InnerWrapper$1=Ut;exports.Input=It;exports.Item=Ve;exports.ItemList=Ge;exports.ItemListWrapper=Fe;exports.ItemWrapper=ho;exports.LineButtonWrapper=nt;exports.LinkWrapper=Oe;exports.ListBottomMargin=Ue;exports.MiniButtonSidePaddingPx=ne;exports.Mobile=Je;exports.MobileWrapper=Rt;exports.Modal=wo;exports.NavBottomSheet=At;exports.Navigation=Ne;exports.NoneDateOfMonthWrapper=Nt;exports.OutterContainer=io;exports.OutterWrapper=go;exports.OverlayRoot=ie;exports.PcWrapper=vt;exports.PostfixInput=Zt;exports.Progress=Kt;exports.ProgressBar=Jt;exports.RangeBackgroundWrapper=Mt;exports.RangeEndFocusDateOfMonthWrapper=zt;exports.RangeStartFocusDateOfMonthWrapper=Ht;exports.Scroll=xo;exports.SingleButton=T;exports.SingleFocusDateOfMonthWrapper=se;exports.Spinner=We;exports.SubTitle=jo;exports.SubTitle$1=Pe;exports.SubTitle$2=tt;exports.Title=$o;exports.Title3=W;exports.TitleBottomSheet=eo;exports.TitleWrapper=He;exports.Toast=ko;exports.UnderLineMiniButton=Me;exports.Wrapper=ze;exports.Wrapper$1=bo;exports.Wrapper$2=fo;exports.Wrapper$3=Ye;exports.chipColorStyle=_e;exports.className=Ke;exports.className$1=y;exports.className$2=ae;exports.fillTabColorStyle=Se;exports.index_styled=to;exports.textTabColorStyle=$;exports.typographyList=H;