@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.6

package/dist/chunks/index.Y_MfYxSQ.js

@@ -0,0 +1 @@
+"use strict";const y=require("react"),u=require("./jsx-runtime.713F0z8w.js");function g(e){if(e&&typeof e=="object"&&"default"in e)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=g(y);function p(e,n){if(typeof e=="function")return e(n);e!=null&&(e.current=n)}function d(...e){return n=>{let t=!1;const r=e.map(o=>{const i=p(o,n);return!t&&typeof i=="function"&&(t=!0),i});if(t)return()=>{for(let o=0;o<r.length;o++){const i=r[o];typeof i=="function"?i():p(e[o],null)}}}}function R(...e){return l.useCallback(d(...e),e)}var m=l.forwardRef((e,n)=>{const{children:t,...r}=e,o=l.Children.toArray(t),i=o.find(b);if(i){const s=i.props.children,c=o.map(f=>f===i?l.Children.count(s)>1?l.Children.only(null):l.isValidElement(s)?s.props.children:null:f);return u.jsxRuntimeExports.jsx(a,{...r,ref:n,children:l.isValidElement(s)?l.cloneElement(s,void 0,c):null})}return u.jsxRuntimeExports.jsx(a,{...r,ref:n,children:t})});m.displayName="Slot";var a=l.forwardRef((e,n)=>{const{children:t,...r}=e;if(l.isValidElement(t)){const o=h(t),i=C(r,t.props);return t.type!==l.Fragment&&(i.ref=n?d(n,o):o),l.cloneElement(t,i)}return l.Children.count(t)>1?l.Children.only(null):null});a.displayName="SlotClone";var j=({children:e})=>u.jsxRuntimeExports.jsx(u.jsxRuntimeExports.Fragment,{children:e});function b(e){return l.isValidElement(e)&&e.type===j}function C(e,n){const t={...n};for(const r in n){const o=e[r],i=n[r];/^on[A-Z]/.test(r)?o&&i?t[r]=(...c)=>{i(...c),o(...c)}:o&&(t[r]=o):r==="style"?t[r]={...o,...i}:r==="className"&&(t[r]=[o,i].filter(Boolean).join(" "))}return{...e,...t}}function h(e){var r,o;let n=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,t=n&&"isReactWarning"in n&&n.isReactWarning;return t?e.ref:(n=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,t=n&&"isReactWarning"in n&&n.isReactWarning,t?e.props.ref:e.props.ref||e.ref)}exports.Slot=m;exports.useComposedRefs=R;

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

@@ -0,0 +1,633 @@
+"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;