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

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

@@ -0,0 +1,354 @@
+"use strict";const n=require("@emotion/react"),Y=require("@emotion/styled"),T=require("../core/Typography/index.cjs.js"),p=require("../utils/media.util.cjs.js"),o=require("../core/Colors/index.cjs.js");require("../utils/GenerateColorStyle/mini-button.cjs.js");const ee=require("../utils/GenerateColorStyle/datepicker.cjs.js"),i=require("./jsx-runtime.713F0z8w.js"),R=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");const b=require("react");require("../components/Loading/Skeleton/index.cjs.js");const te=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/Cancel.cjs.js");require("../icons/src/icons/Cart_fill.cjs.js");require("../icons/src/icons/Chevron_down.cjs.js");require("../icons/src/icons/Check.cjs.js");require("../icons/src/icons/Chevron_right.cjs.js");require("../icons/src/icons/Chevron_up.cjs.js");require("../icons/src/icons/Double_Chevron_right.cjs.js");require("../icons/src/icons/Eye_fill.cjs.js");require("../icons/src/icons/Double_Chevron_left.cjs.js");require("../icons/src/icons/Filter.cjs.js");require("../icons/src/icons/Information.cjs.js");require("../icons/src/icons/Eye_slash_fill.cjs.js");require("../icons/src/icons/Menu.cjs.js");require("../icons/src/icons/Plus.cjs.js");require("../icons/src/icons/More.cjs.js");require("../icons/src/icons/Person_fill.cjs.js");require("../icons/src/icons/Question_circle.cjs.js");require("../icons/src/icons/Re.cjs.js");require("../icons/src/icons/Setting_fill.cjs.js");require("../icons/src/icons/Calendar.cjs.js");require("../icons/src/icons/Search.cjs.js");require("../icons/src/icons/Store.cjs.js");require("../icons/src/icons/Share.cjs.js");require("../icons/src/icons/Cancel_circle.cjs.js");require("../icons/src/icons/Chevron_left.cjs.js");const $=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 E=require("../hooks/useOverlayPreventScroll.cjs.js"),oe=require("./index.Cw8-3kaP.js"),re=require("./index.DMhXgOEz.js"),ie=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 y=require("../components/BottomSheet/TitleBottomSheet/index.styled.cjs.js"),ne=require("../style/common.cjs.js");require("./index.DC_I05Aq.js");require("../components/ui/bottomSheet.cjs.js");const O=require("../utils/GenerateColorStyle/tag.cjs.js"),se=require("../hooks/useResize.cjs.js"),h=require("../components/BottomSheet/BaseBottomSheet/index.styled.cjs.js"),ae=require("../components/OverlayRoot/index.styled.cjs.js"),le=require("../components/Navigation/index.cjs.js"),ce=require("../components/BottomSheet/NavBottomSheet/index.styled.cjs.js"),de=require("../utils/GenerateColorStyle/progress-bar.cjs.js"),D=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=D(Y),pe=D(b),M=e=>{const r=o.basicColors[`${e}400`],s="transparent",a=o.basicColors.white,c=o.basicColors.white,d=o.basicColors[`${e}100`],u="transparent",g=o.basicColors.white,l=o.basicColors.white;return{default:{on:{containerColor:r,borderColor:s,textColor:a,iconColor:c},off:{containerColor:o.basicColors.white,borderColor:o.basicColors.gray50,textColor:o.semanticColors.chipDefaultText,iconColor:o.basicColors.gray300}},disabled:{on:{containerColor:d,borderColor:u,textColor:g,iconColor:l},off:{containerColor:o.basicColors.white,borderColor:o.basicColors.gray25,textColor:o.basicColors.gray100,iconColor:o.basicColors.gray100}}}},ue=t.default.div`
+	${p.Smaller(n.css`
+		display: none;
+	`)}
+`,ge=t.default.div`
+	${p.Larger(n.css`
+		display: none;
+	`)}
+`,be=o.basicColors.red400,xe="16px",N=n.css`
+	background-color: ${be};
+`,he=t.default.div`
+	${N};
+
+	width: 5px;
+	height: 5px;
+	border-radius: 50%;
+`,me=t.default.div`
+	${N};
+
+	height: ${xe};
+	padding: 0 5px;
+	border-radius: 8px;
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+`,fe=t.default.div`
+	line-height: initial;
+
+	font-size: 11px;
+	font-weight: 500;
+	color: ${o.basicColors.white};
+	letter-spacing: -0.2px;
+`,ye=t.default.div`
+	position: absolute;
+	width: 100%;
+	top: 0;
+	height: 3px;
+	background-color: ${o.basicColors.gray50};
+`,Ce=t.default.div`
+	width: ${({progress:e})=>e}%;
+	background-color: ${({colorType:e})=>de(e).upperColor};
+	height: 100%;
+	transition: width 3s ease-in-out;
+`,L=({colorType:e})=>i.jsxRuntimeExports.jsx(te.SpinnerWrapper,{color:e==="white"?o.basicColors.white:o.basicColors.gray200}),H=re.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 q({className:e,asChild:r=!1,purpose:s,colorType:a,children:c,disabled:d,isLoading:u,...g}){const l=r?oe.Slot:"button";return i.jsxRuntimeExports.jsx(l,{...g,"data-slot":"button",className:ie.cn(H({colorType:a,purpose:s,className:e})),type:g.type??(s==="main"?"submit":"button"),disabled:d||u,children:u?i.jsxRuntimeExports.jsx("div",{className:"h-[25px] w-[25px]",children:i.jsxRuntimeExports.jsx(L,{colorType:"white"})}):c})}const ve=t.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:r})=>$(e)[r?"disabled":"default"].off.containerColor};
+	border-color: ${({colorType:e,disabled:r})=>$(e)[r?"disabled":"default"].off.borderColor};
+
+	&:checked {
+		border-width: 6px;
+		background-color: ${({colorType:e,disabled:r})=>$(e)[r?"disabled":"default"].on.containerColor};
+		border-color: ${({colorType:e,disabled:r})=>$(e)[r?"disabled":"default"].on.borderColor};
+	}
+
+	&:focus {
+		outline: none;
+	}
+`,x={innerWrapper:"datepicker-inner-wrapper",dot:"datepicker-dot",rangeBackgroundWrapper:"datepicker-range-background-wrapper"},m=100,$e=t.default.div`
+	width: 5px;
+	height: 5px;
+	border-radius: 50%;
+
+	position: absolute;
+	left: 47%;
+	bottom: 5.86px;
+`,C=n.css`
+	width: ${m}%;
+	height: ${m}%;
+`,f=t.default.div`
+	${C};
+	position: relative;
+	/* height가 안 정해진 상태에서 height = width 적용되는 방법 */
+	padding-bottom: ${m}%;
+`,qe=t.default.div`
+	${C};
+
+	position: absolute;
+	left: 0;
+
+	${({rangeBackgroundColor:e})=>e&&n.css`
+			background: ${e};
+		`}
+`,we=t.default.div`
+	${C};
+
+	position: absolute;
+	left: 0;
+
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+
+	border-radius: 50%;
+
+	${({circleBackgroundColor:e})=>e&&n.css`
+			background-color: ${e};
+		`};
+`,Be=t.default(f)``,ke=t.default(f)`
+	cursor: pointer;
+
+	.${x.innerWrapper} {
+		:hover {
+			background-color: ${({colorType:e})=>ee(e).hoverContainerColor};
+		}
+	}
+
+	.${x.dot} {
+		background-color: ${o.basicColors.gray200};
+	}
+`,Se=t.default(f)`
+	cursor: not-allowed;
+
+	.${x.dot} {
+		background-color: ${o.basicColors.gray100};
+	}
+`,_=t.default(f)`
+	cursor: pointer;
+
+	.${x.dot} {
+		background-color: ${o.basicColors.white};
+	}
+`,je=t.default(_)`
+	.${x.rangeBackgroundWrapper} {
+		left: ${m/2}%;
+		width: ${m/2}%;
+	}
+`,Te=t.default(_)`
+	.${x.rangeBackgroundWrapper} {
+		width: ${m/2}%;
+	}
+`,We=t.default(f)``,_e=t.default.div`
+	${C};
+
+	position: absolute;
+	left: 0;
+
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+`,P=pe.default.memo(({className:e,visible:r,onClick:s,zIndex:a=W.zIndex.modal,children:c})=>{const[d,u]=b.useState(!1),g=l=>{l.target===l.currentTarget&&(s==null||s())};return b.useEffect(()=>{let l;return r?u(!0):l=setTimeout(()=>u(!1),400),()=>{l!==void 0&&clearTimeout(l)}},[r]),E.useOverlayPreventScroll(r),d?i.jsxRuntimeExports.jsx(ae.Overlay,{className:e,visible:r,zIndex:a,onClick:g,children:c}):null}),B=e=>i.jsxRuntimeExports.jsx(h.FooterWrapper,{children:i.jsxRuntimeExports.jsx(q,{...e})}),k=e=>i.jsxRuntimeExports.jsx(h.FooterWrapper,{children:i.jsxRuntimeExports.jsxs("div",{className:"flex w-full gap-[10px]",children:[i.jsxRuntimeExports.jsx(q,{...e.left,onClick:e.left.onClick,colorType:e.left.colorType,purpose:"sub",disabled:e.left.disabled,className:e.left.className,children:e.left.children}),i.jsxRuntimeExports.jsx(q,{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})]})}),S=({children:e,...r})=>{const s=b.useRef(null);return b.useEffect(()=>{var a;(a=s.current)==null||a.scroll(0,0)},[]),i.jsxRuntimeExports.jsx(h.ChildrenWrapper,{ref:s,...r,children:e})},v=({children:e})=>i.jsxRuntimeExports.jsx(h.HeaderWrapper,{children:e}),j=({visible:e,onMaskClick:r,className:s,zIndex:a=W.zIndex.modal,minHeight:c,children:d})=>{const[u,g]=b.useState(0),l=b.useCallback(()=>{g(window==null?void 0:window.innerHeight)},[]);return b.useEffect(()=>{l()},[l]),se(l),E.useOverlayPreventScroll(e),e?i.jsxRuntimeExports.jsx(P,{visible:e,className:s,onClick:r,zIndex:a,children:i.jsxRuntimeExports.jsx(h.ContentWrapper,{children:i.jsxRuntimeExports.jsx(h.Content,{visible:e,zIndex:a,minHeight:c,vh:u,children:d})})}):null},Ie=Object.assign(j,{SingleButton:B,DoubleButton:k,Body:S,Header:v}),z=({children:e})=>i.jsxRuntimeExports.jsx(v,{children:i.jsxRuntimeExports.jsx(ce.NavigationWrapper,{children:e})}),Oe=e=>i.jsxRuntimeExports.jsx(z,{children:i.jsxRuntimeExports.jsx(le.Navigation,{...e})}),Re=Object.assign(j,{Header:v,Navigation:Oe,Body:S,SingleButton:B,DoubleButton:k}),Ee=({title:e,subTitle:r,hasContentPadding:s=!0})=>i.jsxRuntimeExports.jsxs(y.TitleWrapper,{contentPadding:s,children:[e&&i.jsxRuntimeExports.jsx(T.Headline4,{children:e}),r&&i.jsxRuntimeExports.jsx(y.SubTitle,{className:y.className.subTitle,children:r})]}),De=e=>i.jsxRuntimeExports.jsx(y.ButtonMargin,{children:i.jsxRuntimeExports.jsx(B,{...e})}),Me=e=>i.jsxRuntimeExports.jsx(y.ButtonMargin,{children:i.jsxRuntimeExports.jsx(k,{...e})}),Ne=Object.assign(j,{Header:v,Body:S,Title:Ee,SingleButton:De,DoubleButton:Me}),G=t.default.div`
+	& > div > .select-box {
+		cursor: pointer;
+	}
+	position: relative;
+`,F=t.default.div`
+	position: absolute;
+	z-index: ${W.zIndex.basicLayer+1};
+	width: 100%;
+	height: max-content;
+
+	${p.Larger(n.css`
+		top: 70px;
+	`)}
+`,A=t.default.div`
+	height: 80px;
+	pointer-events: none;
+`,V=t.default.div`
+	box-shadow: 0 2px 10px ${o.generateHexWithAlphaInLightMode(o.basicColors.black,"20%")};
+	background-color: ${o.basicColors.white};
+	border-radius: 10px;
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	max-height: ${65*4.5}px;
+	overflow-y: scroll;
+`,Z=t.default.div`
+	width: 100%;
+	height: 50px;
+	padding: 15px 25px;
+	cursor: pointer;
+	${R.title2({color:o.basicColors.gray400})};
+	background-color: ${o.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: ${o.basicColors.gray25};
+	}
+
+	&:active {
+		background-color: ${o.basicColors.gray50};
+	}
+`,J=t.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;
+`,K=t.default.div`
+	${p.Smaller(n.css`
+		display: none;
+	`)}
+`,Q=t.default.div`
+	${p.Larger(n.css`
+		display: none;
+	`)}
+`,Le=Object.freeze(Object.defineProperty({__proto__:null,Desktop:K,IconWrapper:J,Item:Z,ItemList:V,ItemListWrapper:F,ListBottomMargin:A,Mobile:Q,Wrapper:G},Symbol.toStringTag,{value:"Module"})),U={Text:"chip-item-text"},I=38,He=t.default.span`
+	display: inline-flex;
+	min-width: max-content;
+	height: ${I}px;
+	gap: 2px;
+	padding: 8px 0 8px 12px;
+	padding-right: ${({hasRightIcon:e})=>e?"7px":"12px"};
+	align-items: center;
+
+	border-radius: 22px;
+
+	${({disabled:e,selected:r,colorType:s})=>{const a=M(s),c=e?"disabled":"default",d=r?"on":"off";return n.css`
+			background-color: ${a[c][d].containerColor};
+			border: 1px solid ${a[c][d].borderColor};
+			.${U.Text} {
+				color: ${a[c][d].textColor};
+			}
+			svg > path {
+				fill: ${a[c][d].iconColor};
+			}
+		`}}
+
+	${({selected:e})=>!e&&n.css`
+			cursor: pointer;
+		`}
+`,Pe=t.default.span`
+	cursor: pointer;
+	display: flex;
+`,X={ControlIconContainer:2},w=I,ze=25,Ge=o.basicColors.white,Fe=t.default.div`
+	display: flex;
+	align-items: center;
+	position: relative;
+	overflow: hidden;
+
+	width: 100%;
+`,Ae=t.default.div`
+	${ne.scrollStyle}
+
+	display: flex;
+	gap: 5px;
+	z-index: ${X.ControlIconContainer-1};
+
+	${({hasIconArea:e})=>e&&n.css`
+			padding-left: ${w+8}px;
+		`}
+	padding-right: 20px;
+`,Ve=t.default.div`
+	cursor: pointer;
+	position: absolute;
+	left: 0;
+	top: 0;
+
+	z-index: ${X.ControlIconContainer};
+
+	background-color: ${Ge};
+	width: ${w}px;
+	height: ${w}px;
+`,Ze=t.default.div`
+	width: ${ze}px;
+	height: 100%;
+
+	/* TODO: 컬러, 범위, 여백 수정 필요 */
+	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.01) 100%);
+
+	position: absolute;
+	left: ${w}px;
+	top: 0;
+`,Je=t.default.div`
+	width: 100%;
+	height: 100%;
+	border-radius: 50%;
+
+	background: ${o.basicColors.gray50};
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	position: absolute;
+	left: 0;
+	top: 0;
+`,Ke=t.default.div`
+	${({type:e,colorType:r})=>R.title4({color:O({type:e,colorType:r}).textColor})};
+	background-color: ${({type:e,colorType:r})=>O({type:e,colorType:r}).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"};
+`,Qe=t.default.div`
+	${p.Smaller(n.css`
+		padding: 25px 0;
+	`)}
+
+	${p.Larger(n.css`
+		padding: 80px 80px 25px;
+	`)}
+
+	/** deletePaddingTop = true 이면, 사용처 BasicLayout 에서 padding-top 관리 */
+
+	${({deletePaddingTop:e})=>e&&p.Smaller(n.css`
+			padding-top: 0px;
+		`)}
+
+	${({deletePaddingTop:e})=>e&&p.Larger(n.css`
+			padding-top: 0px;
+		`)}
+`,Ue=t.default.div`
+	padding: 0 20px;
+	margin-bottom: 15px;
+	${p.Larger(n.css`
+		padding: 0;
+	`)}
+`,Xe=t.default(T.Headline3)`
+	padding: 0 25px;
+	white-space: pre-wrap;
+	${p.Larger(n.css`
+		padding: 0;
+	`)}
+`,Ye=t.default(T.Title3)`
+	margin-top: 10px;
+	padding: 0 25px;
+	color: ${({color:e})=>e};
+	white-space: pre-wrap;
+	${p.Larger(n.css`
+		padding: 0;
+	`)}
+`;exports.ActiveDateOfMonthWrapper=ke;exports.Badge=me;exports.BadgeContent=fe;exports.BaseBottomSheet=Ie;exports.BaseBottomSheetBody=S;exports.BaseBottomSheetCTADoubleButton=k;exports.BaseBottomSheetCTASingleButton=B;exports.BaseBottomSheetComp=j;exports.BaseBottomSheetHeader=v;exports.BottomSheetNavigationTemplate=z;exports.Button=q;exports.CHIP_ITEM_HEIGHT=I;exports.CancelIconWrapper=Pe;exports.ChipListContainer=Ae;exports.CommonDateOfMonthSizeStyle=C;exports.CommonDateOfMonthWrapper=f;exports.Container=He;exports.ControlIconCircleWrapper=Je;exports.ControlIconContainer=Ve;exports.ControlIconGradientBackground=Ze;exports.DayOfWeekItemWrapper=We;exports.Desktop=K;exports.DisabledDateOfMonthWrapper=Se;exports.Dot=he;exports.Dot$1=$e;exports.IconWrapper=J;exports.ImageWrapper=Ue;exports.InnerWrapper=we;exports.InnerWrapper$1=_e;exports.Input=ve;exports.Item=Z;exports.ItemList=V;exports.ItemListWrapper=F;exports.ListBottomMargin=A;exports.Mobile=Q;exports.MobileWrapper=ge;exports.NavBottomSheet=Re;exports.NoneDateOfMonthWrapper=Be;exports.OutterContainer=Fe;exports.OverlayRoot=P;exports.PcWrapper=ue;exports.Progress=Ce;exports.ProgressBar=ye;exports.RangeBackgroundWrapper=qe;exports.RangeEndFocusDateOfMonthWrapper=Te;exports.RangeStartFocusDateOfMonthWrapper=je;exports.SingleFocusDateOfMonthWrapper=_;exports.Spinner=L;exports.SubTitle=Ye;exports.Title=Xe;exports.TitleBottomSheet=Ne;exports.Wrapper=G;exports.Wrapper$1=Ke;exports.Wrapper$2=Qe;exports.buttonVariants=H;exports.chipColorStyle=M;exports.className=U;exports.className$1=x;exports.index_styled=Le;