@pfct/purple 1.14.0 → 1.15.0

package/dist/chunks/tooltip.CGw3fI4F.js

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime.mLOUI7ql.js"),t=require("./dist.DciOZstR.js"),n=require("./dist.BWsA5f1f.js"),r=require("./dist.DKOi9kq6.js"),i=require("./dist.CmRTDXGG.js"),a=require("./dist.DV3oUYlD.js"),o=require("./dist.D3MzxMSH.js"),s=require("./utils.C67s_c-g.js"),c=require("../lib/useMediaQuery.cjs.js"),l=require("./dist.Cf37BjoU.js"),u=require("./dist.C6Y9cYZm.js");let d=require("react");d=e.r(d,1);let f=require("react/jsx-runtime");var p=Object.freeze({position:`absolute`,border:0,width:1,height:1,padding:0,margin:-1,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,wordWrap:`normal`}),m=`VisuallyHidden`,h=d.forwardRef((e,t)=>(0,f.jsx)(i.t.span,{...e,ref:t,style:{...p,...e.style}}));h.displayName=m;var g=h,[_,v]=t.o(`Tooltip`,[u.a]),y=u.a(),b=`TooltipProvider`,x=700,S=`tooltip.open`,[C,w]=_(b),T=e=>{let{__scopeTooltip:t,delayDuration:n=x,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=e,o=d.useRef(!0),s=d.useRef(!1),c=d.useRef(0);return d.useEffect(()=>{let e=c.current;return()=>window.clearTimeout(e)},[]),(0,f.jsx)(C,{scope:t,isOpenDelayedRef:o,delayDuration:n,onOpen:d.useCallback(()=>{r<=0||(window.clearTimeout(c.current),o.current=!1)},[r]),onClose:d.useCallback(()=>{r<=0||(window.clearTimeout(c.current),c.current=window.setTimeout(()=>o.current=!0,r))},[r]),isPointerInTransitRef:s,onPointerInTransitChange:d.useCallback(e=>{s.current=e},[]),disableHoverableContent:i,children:a})};T.displayName=b;var E=`Tooltip`,[D,O]=_(E),k=e=>{let{__scopeTooltip:n,children:r,open:i,defaultOpen:a,onOpenChange:s,disableHoverableContent:c,delayDuration:l}=e,p=w(E,e.__scopeTooltip),m=y(n),[h,g]=d.useState(null),_=o.t(),v=d.useRef(0),b=c??p.disableHoverableContent,x=l??p.delayDuration,C=d.useRef(!1),[T,O]=t.t({prop:i,defaultProp:a??!1,onChange:e=>{e?(p.onOpen(),document.dispatchEvent(new CustomEvent(S))):p.onClose(),s?.(e)},caller:E}),k=d.useMemo(()=>T?C.current?`delayed-open`:`instant-open`:`closed`,[T]),A=d.useCallback(()=>{window.clearTimeout(v.current),v.current=0,C.current=!1,O(!0)},[O]),j=d.useCallback(()=>{window.clearTimeout(v.current),v.current=0,O(!1)},[O]),M=d.useCallback(()=>{window.clearTimeout(v.current),v.current=window.setTimeout(()=>{C.current=!0,O(!0),v.current=0},x)},[x,O]);return d.useEffect(()=>()=>{v.current&&=(window.clearTimeout(v.current),0)},[]),(0,f.jsx)(u.i,{...m,children:(0,f.jsx)(D,{scope:n,contentId:_,open:T,stateAttribute:k,trigger:h,onTriggerChange:g,onTriggerEnter:d.useCallback(()=>{p.isOpenDelayedRef.current?M():A()},[p.isOpenDelayedRef,M,A]),onTriggerLeave:d.useCallback(()=>{b?j():(window.clearTimeout(v.current),v.current=0)},[j,b]),onOpen:A,onClose:j,disableHoverableContent:b,children:r})})};k.displayName=E;var A=`TooltipTrigger`,j=d.forwardRef((e,r)=>{let{__scopeTooltip:a,...o}=e,s=O(A,a),c=w(A,a),l=y(a),p=n.t(r,d.useRef(null),s.onTriggerChange),m=d.useRef(!1),h=d.useRef(!1),g=d.useCallback(()=>m.current=!1,[]);return d.useEffect(()=>()=>document.removeEventListener(`pointerup`,g),[g]),(0,f.jsx)(u.t,{asChild:!0,...l,children:(0,f.jsx)(i.t.button,{"aria-describedby":s.open?s.contentId:void 0,"data-state":s.stateAttribute,...o,ref:p,onPointerMove:t.i(e.onPointerMove,e=>{e.pointerType!==`touch`&&!h.current&&!c.isPointerInTransitRef.current&&(s.onTriggerEnter(),h.current=!0)}),onPointerLeave:t.i(e.onPointerLeave,()=>{s.onTriggerLeave(),h.current=!1}),onPointerDown:t.i(e.onPointerDown,()=>{s.open&&s.onClose(),m.current=!0,document.addEventListener(`pointerup`,g,{once:!0})}),onFocus:t.i(e.onFocus,()=>{m.current||s.onOpen()}),onBlur:t.i(e.onBlur,s.onClose),onClick:t.i(e.onClick,s.onClose)})})});j.displayName=A;var M=`TooltipPortal`,[N,ee]=_(M,{forceMount:void 0}),P=e=>{let{__scopeTooltip:t,forceMount:n,children:r,container:i}=e,o=O(M,t);return(0,f.jsx)(N,{scope:t,forceMount:n,children:(0,f.jsx)(a.t,{present:n||o.open,children:(0,f.jsx)(l.t,{asChild:!0,container:i,children:r})})})};P.displayName=M;var F=`TooltipContent`,I=d.forwardRef((e,t)=>{let n=ee(F,e.__scopeTooltip),{forceMount:r=n.forceMount,side:i=`top`,...o}=e,s=O(F,e.__scopeTooltip);return(0,f.jsx)(a.t,{present:r||s.open,children:s.disableHoverableContent?(0,f.jsx)(z,{side:i,...o,ref:t}):(0,f.jsx)(L,{side:i,...o,ref:t})})}),L=d.forwardRef((e,t)=>{let r=O(F,e.__scopeTooltip),i=w(F,e.__scopeTooltip),a=d.useRef(null),o=n.t(t,a),[s,c]=d.useState(null),{trigger:l,onClose:u}=r,p=a.current,{onPointerInTransitChange:m}=i,h=d.useCallback(()=>{c(null),m(!1)},[m]),g=d.useCallback((e,t)=>{let n=e.currentTarget,r={x:e.clientX,y:e.clientY},i=U(r,H(r,n.getBoundingClientRect())),a=W(t.getBoundingClientRect()),o=K([...i,...a]);c(o),m(!0)},[m]);return d.useEffect(()=>()=>h(),[h]),d.useEffect(()=>{if(l&&p){let e=e=>g(e,p),t=e=>g(e,l);return l.addEventListener(`pointerleave`,e),p.addEventListener(`pointerleave`,t),()=>{l.removeEventListener(`pointerleave`,e),p.removeEventListener(`pointerleave`,t)}}},[l,p,g,h]),d.useEffect(()=>{if(s){let e=e=>{let t=e.target,n={x:e.clientX,y:e.clientY},r=l?.contains(t)||p?.contains(t),i=!G(n,s);r?h():i&&(h(),u())};return document.addEventListener(`pointermove`,e),()=>document.removeEventListener(`pointermove`,e)}},[l,p,s,u,h]),(0,f.jsx)(z,{...e,ref:o})}),[R,te]=_(E,{isInside:!1}),ne=r.r(`TooltipContent`),z=d.forwardRef((e,t)=>{let{__scopeTooltip:n,children:r,"aria-label":i,onEscapeKeyDown:a,onPointerDownOutside:o,...s}=e,c=O(F,n),p=y(n),{onClose:m}=c;return d.useEffect(()=>(document.addEventListener(S,m),()=>document.removeEventListener(S,m)),[m]),d.useEffect(()=>{if(c.trigger){let e=e=>{e.target instanceof Node&&e.target.contains(c.trigger)&&m()};return window.addEventListener(`scroll`,e,{capture:!0}),()=>window.removeEventListener(`scroll`,e,{capture:!0})}},[c.trigger,m]),(0,f.jsx)(l.n,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:e=>e.preventDefault(),onDismiss:m,children:(0,f.jsxs)(u.r,{"data-state":c.stateAttribute,...p,...s,ref:t,style:{...s.style,"--radix-tooltip-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-tooltip-content-available-width":`var(--radix-popper-available-width)`,"--radix-tooltip-content-available-height":`var(--radix-popper-available-height)`,"--radix-tooltip-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-tooltip-trigger-height":`var(--radix-popper-anchor-height)`},children:[(0,f.jsx)(ne,{children:r}),(0,f.jsx)(R,{scope:n,isInside:!0,children:(0,f.jsx)(g,{id:c.contentId,role:`tooltip`,children:i||r})})]})})});I.displayName=F;var B=`TooltipArrow`,V=d.forwardRef((e,t)=>{let{__scopeTooltip:n,...r}=e,i=y(n);return te(B,n).isInside?null:(0,f.jsx)(u.n,{...i,...r,ref:t})});V.displayName=B;function H(e,t){let n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),i=Math.abs(t.right-e.x),a=Math.abs(t.left-e.x);switch(Math.min(n,r,i,a)){case a:return`left`;case i:return`right`;case n:return`top`;case r:return`bottom`;default:throw Error(`unreachable`)}}function U(e,t,n=5){let r=[];switch(t){case`top`:r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case`bottom`:r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case`left`:r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case`right`:r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n});break}return r}function W(e){let{top:t,right:n,bottom:r,left:i}=e;return[{x:i,y:t},{x:n,y:t},{x:n,y:r},{x:i,y:r}]}function G(e,t){let{x:n,y:r}=e,i=!1;for(let e=0,a=t.length-1;e<t.length;a=e++){let o=t[e],s=t[a],c=o.x,l=o.y,u=s.x,d=s.y;l>r!=d>r&&n<(u-c)*(r-l)/(d-l)+c&&(i=!i)}return i}function K(e){let t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:+(e.y>t.y)),q(t)}function q(e){if(e.length<=1)return e.slice();let t=[];for(let n=0;n<e.length;n++){let r=e[n];for(;t.length>=2;){let e=t[t.length-1],n=t[t.length-2];if((e.x-n.x)*(r.y-n.y)>=(e.y-n.y)*(r.x-n.x))t.pop();else break}t.push(r)}t.pop();let n=[];for(let t=e.length-1;t>=0;t--){let r=e[t];for(;n.length>=2;){let e=n[n.length-1],t=n[n.length-2];if((e.x-t.x)*(r.y-t.y)>=(e.y-t.y)*(r.x-t.x))n.pop();else break}n.push(r)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var J=T,Y=k,X=j,re=P,ie=I,Z=V,Q=(0,d.createContext)(null);function $({delayDuration:e=0,...t}){return(0,f.jsx)(J,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function ae(e){return c.useMediaQuery(`(hover: none)`)?(0,f.jsx)(oe,{...e}):(0,f.jsx)($,{children:(0,f.jsx)(Y,{"data-slot":`tooltip`,...e})})}function oe({open:e,defaultOpen:t,onOpenChange:n,...r}){let i=(0,d.useId)(),[a,o]=(0,d.useState)(t??!1),s=e!==void 0,c=s?e:a,l=(0,d.useCallback)(e=>{s||o(e),n?.(e)},[s,n]),u=(0,d.useCallback)(()=>l(!c),[c,l]);(0,d.useEffect)(()=>{if(!c)return;let e=e=>{let t=e.target;t instanceof Element&&(t.closest(`[data-tooltip-id="${i}"]`)||l(!1))},t=window.setTimeout(()=>{document.addEventListener(`pointerdown`,e)},0);return()=>{window.clearTimeout(t),document.removeEventListener(`pointerdown`,e)}},[c,l,i]);let p=(0,d.useMemo)(()=>({tooltipId:i,toggle:u}),[i,u]);return(0,f.jsx)(Q.Provider,{value:p,children:(0,f.jsx)($,{children:(0,f.jsx)(Y,{"data-slot":`tooltip`,...r,open:c})})})}function se({onClick:e,type:t,...n}){let r=(0,d.useContext)(Q),i=t=>{e?.(t),r&&(t.preventDefault(),r.toggle())};return(0,f.jsx)(X,{"data-slot":`tooltip-trigger`,"data-tooltip-id":r?.tooltipId,type:`button`,...n,onClick:i})}function ce({className:e,sideOffset:t=5,collisionPadding:n={left:20,right:20},children:r,...i}){let a=(0,d.useContext)(Q);return(0,f.jsx)(re,{children:(0,f.jsxs)(ie,{className:s.t(`fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 typo-b2 z-50 animate-in overflow-hidden rounded-[8px] border border-gray-100 bg-white px-[15px] py-[12.5px] text-gray-400 data-[state=closed]:animate-out`,e),collisionPadding:n,"data-slot":`tooltip-content`,"data-tooltip-id":a?.tooltipId,sideOffset:t,...i,children:[r,(0,f.jsx)(Z,{className:`-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]`})]})})}var le=Z;Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return se}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ae}});

package/dist/chunks/{tooltip.w3pAhl4A.js → tooltip.D9SHU0pY.js}

@@ -1,13 +1,13 @@
-import { a as e, r as t, t as n } from "./dist.CzNkwCpH.js";
+import { i as e, o as t, t as n } from "./dist.BovUpaIu.js";
 import { t as r } from "./dist.CwWM0zXK.js";
 import { r as i } from "./dist.BixLWWwb.js";
 import { t as a } from "./dist.CDZCWPu4.js";
-import { t as o } from "./dist.Ct4Usz2n.js";
-import { t as s } from "./dist.Cfck23KY.js";
+import { t as o } from "./dist.DSx7Feoc.js";
+import { t as s } from "./dist.0EAhIi1e.js";
 import { t as c } from "./utils.D6DjRYW1.js";
 import { useMediaQuery as l } from "../lib/useMediaQuery.esm.js";
-import { n as u, t as d } from "./dist.mhQdJ8f2.js";
-import { a as f, i as p, n as m, r as h, t as g } from "./dist.6jgaVidM.js";
+import { n as u, t as d } from "./dist.s6QukJK1.js";
+import { a as f, i as p, n as m, r as h, t as g } from "./dist.DAQtqq8Q.js";
 import * as _ from "react";
 import { createContext as v, useCallback as y, useContext as b, useEffect as x, useId as S, useMemo as C, useState as w } from "react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ var D = Object.freeze({
 	}
 }));
 O.displayName = ee;
-var te = O, [k, ne] = e("Tooltip", [f]), A = f(), j = "TooltipProvider", re = 700, M = "tooltip.open", [ie, N] = k(j), P = (e) => {
+var te = O, [k, ne] = t("Tooltip", [f]), A = f(), j = "TooltipProvider", re = 700, M = "tooltip.open", [ie, N] = k(j), P = (e) => {
 	let { __scopeTooltip: t, delayDuration: n = re, skipDelayDuration: r = 300, disableHoverableContent: i = !1, children: a } = e, o = _.useRef(!0), s = _.useRef(!1), c = _.useRef(0);
 	return _.useEffect(() => {
 		let e = c.current;
@@ -102,8 +102,8 @@ var F = "Tooltip", [ae, I] = k(F), L = (e) => {
 	});
 };
 L.displayName = F;
-var R = "TooltipTrigger", z = _.forwardRef((e, n) => {
-	let { __scopeTooltip: i, ...o } = e, s = I(R, i), c = N(R, i), l = A(i), u = r(n, _.useRef(null), s.onTriggerChange), d = _.useRef(!1), f = _.useRef(!1), p = _.useCallback(() => d.current = !1, []);
+var R = "TooltipTrigger", z = _.forwardRef((t, n) => {
+	let { __scopeTooltip: i, ...o } = t, s = I(R, i), c = N(R, i), l = A(i), u = r(n, _.useRef(null), s.onTriggerChange), d = _.useRef(!1), f = _.useRef(!1), p = _.useCallback(() => d.current = !1, []);
 	return _.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ T(g, {
 		asChild: !0,
 		...l,
@@ -112,20 +112,20 @@ var R = "TooltipTrigger", z = _.forwardRef((e, n) => {
 			"data-state": s.stateAttribute,
 			...o,
 			ref: u,
-			onPointerMove: t(e.onPointerMove, (e) => {
+			onPointerMove: e(t.onPointerMove, (e) => {
 				e.pointerType !== "touch" && !f.current && !c.isPointerInTransitRef.current && (s.onTriggerEnter(), f.current = !0);
 			}),
-			onPointerLeave: t(e.onPointerLeave, () => {
+			onPointerLeave: e(t.onPointerLeave, () => {
 				s.onTriggerLeave(), f.current = !1;
 			}),
-			onPointerDown: t(e.onPointerDown, () => {
+			onPointerDown: e(t.onPointerDown, () => {
 				s.open && s.onClose(), d.current = !0, document.addEventListener("pointerup", p, { once: !0 });
 			}),
-			onFocus: t(e.onFocus, () => {
+			onFocus: e(t.onFocus, () => {
 				d.current || s.onOpen();
 			}),
-			onBlur: t(e.onBlur, s.onClose),
-			onClick: t(e.onClick, s.onClose)
+			onBlur: e(t.onBlur, s.onClose),
+			onClick: e(t.onClick, s.onClose)
 		})
 	});
 });
@@ -167,8 +167,8 @@ var H = "TooltipContent", U = _.forwardRef((e, t) => {
 		let n = e.currentTarget, r = {
 			x: e.clientX,
 			y: e.clientY
-		}, i = de(r, ue(r, n.getBoundingClientRect())), a = fe(t.getBoundingClientRect());
-		c(me([...i, ...a])), f(!0);
+		}, i = de(r, ue(r, n.getBoundingClientRect())), a = fe(t.getBoundingClientRect()), o = me([...i, ...a]);
+		c(o), f(!0);
 	}, [f]);
 	return _.useEffect(() => () => p(), [p]), _.useEffect(() => {
 		if (l && d) {

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Accordion.CxDfMzK1.js");exports.Accordion=e.t,exports.AccordionContent=e.n,exports.AccordionItem=e.r,exports.AccordionTrigger=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Accordion.CLUn6ANM.js");exports.Accordion=e.t,exports.AccordionContent=e.n,exports.AccordionItem=e.r,exports.AccordionTrigger=e.i;

package/dist/components/Accordion/index.esm.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../chunks/Accordion.D8caFIuT.js";
+import { i as e, n as t, r as n, t as r } from "../../chunks/Accordion.Dc160eEf.js";
 export { r as Accordion, t as AccordionContent, n as AccordionItem, e as AccordionTrigger };

package/dist/components/Control/Switch/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/Switch.BL3XBsvs.js");exports.Switch=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/Switch.Bs4AVP2c.js");exports.Switch=e.t;

package/dist/components/Control/Switch/index.esm.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/Switch.BgeUHuBq.js";
+import { t as e } from "../../../chunks/Switch.C2fsBtBP.js";
 export { e as Switch };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/checkbox.CYGNBSUO.js"),t=require("./CheckMark/index.cjs.js"),n=require("./RadioButton/index.cjs.js"),r=require("../../chunks/Switch.BL3XBsvs.js");exports.CheckMark=t.CheckMark,exports.Checkbox=e.t,exports.RadioButton=n.RadioButton,exports.Switch=r.t,exports.radioVariants=n.radioVariants;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/checkbox.kS_54E9q.js"),t=require("./CheckMark/index.cjs.js"),n=require("./RadioButton/index.cjs.js"),r=require("../../chunks/Switch.Bs4AVP2c.js");exports.CheckMark=t.CheckMark,exports.Checkbox=e.t,exports.RadioButton=n.RadioButton,exports.Switch=r.t,exports.radioVariants=n.radioVariants;

package/dist/components/Control/index.esm.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../chunks/checkbox.Dzvj-4RV.js";
+import { t as e } from "../../chunks/checkbox.DihHSceK.js";
 import { CheckMark as t } from "./CheckMark/index.esm.js";
 import { RadioButton as n, radioVariants as r } from "./RadioButton/index.esm.js";
-import { t as i } from "../../chunks/Switch.BgeUHuBq.js";
+import { t as i } from "../../chunks/Switch.C2fsBtBP.js";
 export { t as CheckMark, e as Checkbox, n as RadioButton, i as Switch, r as radioVariants };

package/dist/components/DatePicker/CalendarNavigation.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../icons/src/icons/Chevron_right.cjs.js"),t=require("../../icons/src/icons/Chevron_left.cjs.js"),n=require("../../icons/src/icons/Double_Chevron_left.cjs.js"),r=require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/aliases/index.cjs.js");const i=require("../ui/typography.cjs.js");let a=require("react/jsx-runtime");var o=`flex cursor-pointer items-center text-gray-900 disabled:cursor-not-allowed disabled:text-gray-100`,s=({year:s,month:c,disablePrevYear:l,disablePrevMonth:u,disableNextMonth:d,disableNextYear:f,onPrevYear:p,onPrevMonth:m,onNextMonth:h,onNextYear:g})=>(0,a.jsxs)(`div`,{className:`flex items-center justify-center gap-3.75 rounded-[0.625rem] bg-gray-25 p-2.5`,children:[(0,a.jsx)(`button`,{"aria-label":`이전 년도`,className:o,disabled:l,onClick:p,type:`button`,children:(0,a.jsx)(n.default,{className:`size-5`})}),(0,a.jsx)(`button`,{"aria-label":`이전 달`,className:o,disabled:u,onClick:m,type:`button`,children:(0,a.jsx)(t.default,{className:`size-5`})}),(0,a.jsxs)(i.Typography,{className:`w-27.5 select-none text-center text-gray-900`,variant:`h4`,children:[s,`년 `,c,`월`]}),(0,a.jsx)(`button`,{"aria-label":`다음 달`,className:o,disabled:d,onClick:h,type:`button`,children:(0,a.jsx)(e.default,{className:`size-5`})}),(0,a.jsx)(`button`,{"aria-label":`다음 년도`,className:o,disabled:f,onClick:g,type:`button`,children:(0,a.jsx)(r.default,{className:`size-5`})})]});exports.CalendarNavigation=s;

package/dist/components/DatePicker/CalendarNavigation.d.ts

@@ -0,0 +1,17 @@
+interface CalendarNavigationProps {
+    disableNextMonth?: boolean;
+    disableNextYear?: boolean;
+    disablePrevMonth?: boolean;
+    disablePrevYear?: boolean;
+    month: number;
+    onNextMonth: () => void;
+    onNextYear: () => void;
+    onPrevMonth: () => void;
+    onPrevYear: () => void;
+    year: number;
+}
+/** 캘린더 상단의 연/월 이동 컨트롤러. `useCalendarNavigation`의 반환값을 그대로 전달해 사용한다. */
+declare const CalendarNavigation: ({ year, month, disablePrevYear, disablePrevMonth, disableNextMonth, disableNextYear, onPrevYear, onPrevMonth, onNextMonth, onNextYear, }: CalendarNavigationProps) => import("react").JSX.Element;
+export type { CalendarNavigationProps };
+export { CalendarNavigation };
+//# sourceMappingURL=CalendarNavigation.d.ts.map

package/dist/components/DatePicker/CalendarNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/CalendarNavigation.tsx"],"names":[],"mappings":"AAQA,UAAU,uBAAuB;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACb;AAID,uEAAuE;AACvE,QAAA,MAAM,kBAAkB,GAAI,0IAWzB,uBAAuB,gCAkBzB,CAAC;AAEF,YAAY,EAAE,uBAAuB,EAAE,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/DatePicker/CalendarNavigation.esm.js

@@ -0,0 +1,57 @@
+import e from "../../icons/src/icons/Chevron_right.esm.js";
+import t from "../../icons/src/icons/Chevron_left.esm.js";
+import n from "../../icons/src/icons/Double_Chevron_left.esm.js";
+import r from "../../icons/src/icons/Double_Chevron_right.esm.js";
+import "../../icons/src/aliases/index.esm.js";
+import { Typography as i } from "../ui/typography.esm.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/DatePicker/CalendarNavigation.tsx
+var s = "flex cursor-pointer items-center text-gray-900 disabled:cursor-not-allowed disabled:text-gray-100", c = ({ year: c, month: l, disablePrevYear: u, disablePrevMonth: d, disableNextMonth: f, disableNextYear: p, onPrevYear: m, onPrevMonth: h, onNextMonth: g, onNextYear: _ }) => /* @__PURE__ */ o("div", {
+	className: "flex items-center justify-center gap-3.75 rounded-[0.625rem] bg-gray-25 p-2.5",
+	children: [
+		/* @__PURE__ */ a("button", {
+			"aria-label": "이전 년도",
+			className: s,
+			disabled: u,
+			onClick: m,
+			type: "button",
+			children: /* @__PURE__ */ a(n, { className: "size-5" })
+		}),
+		/* @__PURE__ */ a("button", {
+			"aria-label": "이전 달",
+			className: s,
+			disabled: d,
+			onClick: h,
+			type: "button",
+			children: /* @__PURE__ */ a(t, { className: "size-5" })
+		}),
+		/* @__PURE__ */ o(i, {
+			className: "w-27.5 select-none text-center text-gray-900",
+			variant: "h4",
+			children: [
+				c,
+				"년 ",
+				l,
+				"월"
+			]
+		}),
+		/* @__PURE__ */ a("button", {
+			"aria-label": "다음 달",
+			className: s,
+			disabled: f,
+			onClick: g,
+			type: "button",
+			children: /* @__PURE__ */ a(e, { className: "size-5" })
+		}),
+		/* @__PURE__ */ a("button", {
+			"aria-label": "다음 년도",
+			className: s,
+			disabled: p,
+			onClick: _,
+			type: "button",
+			children: /* @__PURE__ */ a(r, { className: "size-5" })
+		})
+	]
+});
+//#endregion
+export { c as CalendarNavigation };

package/dist/components/DatePicker/RangeDatePicker.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("./CalendarNavigation.cjs.js"),n=require("../../chunks/calendar.xgzPWsAf.js"),r=require("./utils.cjs.js"),i=require("./hooks.cjs.js"),a=require("./styles.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c=({currentMonth:c,onMonthChange:l,selected:u,onSelect:d,minDate:f,maxDate:p,colorType:m=`lime`,className:h,renderDayText:g,disabledDays:_})=>{let[v,y]=(0,o.useState)(()=>c??new Date),b=c??v,x=(0,o.useCallback)(e=>{y(e),l?.(e)},[l]),S=i.useCalendarNavigation({displayMonth:b,onMonthChange:x,minDate:f,maxDate:p}),{modifiers:C,disabled:w}=i.useMonthDayModifiers({displayMonth:b,minDate:f,maxDate:p,disabledDays:_}),T=(0,o.useMemo)(()=>u?.from?u.to?r.isSameDay(u.from,u.to):!0:!1,[u]),E=(0,o.useMemo)(()=>u?.from&&!u?.to?{from:u.from,to:u.from}:u,[u]),D=(0,o.useMemo)(()=>a.getRangeClassNames(m,T),[m,T]),O=(0,o.useCallback)(e=>{let t=r.calculateNewRange(u,e);d?.(t),t?.from&&t?.to&&t.to>r.endOfMonth(b)&&x(r.startOfMonth(t.to))},[u,d,b,x]);return(0,s.jsxs)(`div`,{className:e.t(`flex flex-col gap-2.5`,h),children:[(0,s.jsx)(t.CalendarNavigation,{disableNextMonth:S.disableNextMonth,disableNextYear:S.disableNextYear,disablePrevMonth:S.disablePrevMonth,disablePrevYear:S.disablePrevYear,month:S.month,onNextMonth:S.handleNextMonth,onNextYear:S.handleNextYear,onPrevMonth:S.handlePrevMonth,onPrevYear:S.handlePrevYear,year:S.year}),(0,s.jsx)(n.t,{className:`w-full p-0`,classNames:D,disabled:w,mode:`range`,modifiers:C,modifiersClassNames:a.MODIFIERS_CLASS_NAMES,month:b,onMonthChange:x,onSelect:O,renderDayText:g,selected:E})]})};exports.RangeDatePicker=c;

package/dist/components/DatePicker/RangeDatePicker.d.ts

@@ -0,0 +1,30 @@
+import { DateRange, DayTextRenderer, Matcher } from '../ui/calendar';
+import { DatePickerColorType } from './styles';
+interface RangeDatePickerProps {
+    className?: string;
+    /** 색상 테마. 기본 `lime`(크플 서비스), 그 외 영역은 `gray`. */
+    colorType?: DatePickerColorType;
+    /** 표시 중인 월(controlled). 생략 시 내부 상태로 관리. */
+    currentMonth?: Date;
+    /** 선택 가능 범위 안에서 개별적으로 비활성화할 날짜(Date[]·범위·요일·조건 함수 등). */
+    disabledDays?: Matcher;
+    maxDate?: Date;
+    /** 선택 가능한 최소/최대 날짜. 범위 밖은 비활성화되고 연/월 이동도 제한된다. */
+    minDate?: Date;
+    onMonthChange?: (date: Date) => void;
+    /** 스펙 동작으로 보정된 range를 전달(재선택/리셋 로직 내장). 받은 값을 그대로 `selected`로 되돌리면 된다. */
+    onSelect?: (range: DateRange | undefined) => void;
+    /** 각 날짜 하단에 버튼과 독립적으로 렌더할 텍스트(typo-c2). 반환값이 없으면 표시하지 않는다. */
+    renderDayText?: DayTextRenderer;
+    /** 선택된 기간. `from`만 있고 `to`가 없으면 시작일만 선택된 상태. */
+    selected?: DateRange;
+}
+/**
+ * 기간(YYYY.MM.DD ~ YYYY.MM.DD) 선택 캘린더.
+ * react-day-picker의 raw 선택 결과를 `calculateNewRange`로 보정해 소비자에게는 스펙에 맞는 range만 전달하며,
+ * 종료일이 표시 월을 넘어가면 자동으로 해당 월로 이동한다.
+ */
+declare const RangeDatePicker: ({ currentMonth, onMonthChange, selected, onSelect, minDate, maxDate, colorType, className, renderDayText, disabledDays, }: RangeDatePickerProps) => import("react").JSX.Element;
+export type { RangeDatePickerProps };
+export { RangeDatePicker };
+//# sourceMappingURL=RangeDatePicker.d.ts.map

package/dist/components/DatePicker/RangeDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGvG,OAAO,EAAE,KAAK,mBAAmB,EAA6C,MAAM,UAAU,CAAC;AAG/F,UAAU,oBAAoB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,kDAAkD;IAClD,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,8DAA8D;IAC9D,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,QAAA,MAAM,eAAe,GAAI,2HAWtB,oBAAoB,gCA4EtB,CAAC;AAEF,YAAY,EAAE,oBAAoB,EAAE,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/DatePicker/RangeDatePicker.esm.js

@@ -0,0 +1,64 @@
+import { t as e } from "../../chunks/calendar.Yb0r9Gp2.js";
+import { t } from "../../chunks/utils.D6DjRYW1.js";
+import { CalendarNavigation as n } from "./CalendarNavigation.esm.js";
+import { calculateNewRange as r, endOfMonth as i, isSameDay as a, startOfMonth as o } from "./utils.esm.js";
+import { useCalendarNavigation as s, useMonthDayModifiers as c } from "./hooks.esm.js";
+import { MODIFIERS_CLASS_NAMES as l, getRangeClassNames as u } from "./styles.esm.js";
+import { useCallback as d, useMemo as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/DatePicker/RangeDatePicker.tsx
+var g = ({ currentMonth: g, onMonthChange: _, selected: v, onSelect: y, minDate: b, maxDate: x, colorType: S = "lime", className: C, renderDayText: w, disabledDays: T }) => {
+	let [E, D] = p(() => g ?? /* @__PURE__ */ new Date()), O = g ?? E, k = d((e) => {
+		D(e), _?.(e);
+	}, [_]), A = s({
+		displayMonth: O,
+		onMonthChange: k,
+		minDate: b,
+		maxDate: x
+	}), { modifiers: j, disabled: M } = c({
+		displayMonth: O,
+		minDate: b,
+		maxDate: x,
+		disabledDays: T
+	}), N = f(() => v?.from ? v.to ? a(v.from, v.to) : !0 : !1, [v]), P = f(() => v?.from && !v?.to ? {
+		from: v.from,
+		to: v.from
+	} : v, [v]), F = f(() => u(S, N), [S, N]), I = d((e) => {
+		let t = r(v, e);
+		y?.(t), t?.from && t?.to && t.to > i(O) && k(o(t.to));
+	}, [
+		v,
+		y,
+		O,
+		k
+	]);
+	return /* @__PURE__ */ h("div", {
+		className: t("flex flex-col gap-2.5", C),
+		children: [/* @__PURE__ */ m(n, {
+			disableNextMonth: A.disableNextMonth,
+			disableNextYear: A.disableNextYear,
+			disablePrevMonth: A.disablePrevMonth,
+			disablePrevYear: A.disablePrevYear,
+			month: A.month,
+			onNextMonth: A.handleNextMonth,
+			onNextYear: A.handleNextYear,
+			onPrevMonth: A.handlePrevMonth,
+			onPrevYear: A.handlePrevYear,
+			year: A.year
+		}), /* @__PURE__ */ m(e, {
+			className: "w-full p-0",
+			classNames: F,
+			disabled: M,
+			mode: "range",
+			modifiers: j,
+			modifiersClassNames: l,
+			month: O,
+			onMonthChange: k,
+			onSelect: I,
+			renderDayText: w,
+			selected: P
+		})]
+	});
+};
+//#endregion
+export { g as RangeDatePicker };

package/dist/components/DatePicker/RangeDatePicker.test.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./RangeDatePicker.cjs.js"),t=require("../../chunks/test.DNmyFkvJ.BytdfLEt.js");let n=require("react"),r=require("react/jsx-runtime");var i=new Date(2026,0,15),a=new Date(2026,0,1);function o({initialRange:t,maxDate:i,disabledDays:o,onSelect:s,renderDayText:c}){let[l,u]=(0,n.useState)(a),[d,f]=(0,n.useState)(t);return(0,r.jsx)(e.RangeDatePicker,{currentMonth:l,disabledDays:o,maxDate:i,onMonthChange:u,onSelect:e=>{f(e),s?.(e)},renderDayText:c,selected:d})}var s=e=>`${e.getMonth()+1}/${e.getDate()}`;t.a(`RangeDatePicker`,()=>{t.i(()=>{t.n.useFakeTimers(),t.n.setSystemTime(i)}),t.r(()=>{t.n.useRealTimers()}),t.a(`렌더링`,()=>{t.o(`현재 월 라벨과 요일 헤더를 표시한다`,()=>{t.c((0,r.jsx)(o,{})),t.t(t.l.getByText(`2026년 1월`)).toBeInTheDocument();for(let e of[`일`,`월`,`화`,`수`,`목`,`금`,`토`])t.t(t.l.getByText(e)).toBeInTheDocument()}),t.o(`항상 6주(42셀)를 표시한다`,()=>{t.c((0,r.jsx)(o,{})),t.t(t.l.getAllByRole(`gridcell`)).toHaveLength(42)})}),t.a(`네비게이션`,()=>{t.o(`이전/다음 년도 이동`,()=>{t.c((0,r.jsx)(o,{}));let e=t.l.getAllByRole(`button`);t.s.click(e[0]),t.t(t.l.getByText(`2025년 1월`)).toBeInTheDocument()}),t.o(`이전 달 이동`,()=>{t.c((0,r.jsx)(o,{}));let e=t.l.getAllByRole(`button`);t.s.click(e[1]),t.t(t.l.getByText(`2025년 12월`)).toBeInTheDocument()}),t.o(`다음 달 이동`,()=>{t.c((0,r.jsx)(o,{}));let e=t.l.getAllByRole(`button`);t.s.click(e[2]),t.t(t.l.getByText(`2026년 2월`)).toBeInTheDocument()})}),t.a(`기간 선택 로직(내장)`,()=>{t.o(`첫 클릭은 시작일만 설정한다(to는 undefined)`,()=>{let e=t.n.fn();t.c((0,r.jsx)(o,{onSelect:e})),t.s.click(t.l.getByText(`12`));let n=e.mock.calls.at(-1)?.[0];t.t(n?.from?.getDate()).toBe(12),t.t(n?.to).toBeUndefined()}),t.o(`시작일 이후 날짜를 클릭하면 범위가 완성된다`,()=>{let e=t.n.fn();t.c((0,r.jsx)(o,{onSelect:e})),t.s.click(t.l.getByText(`12`)),t.s.click(t.l.getByText(`20`));let n=e.mock.calls.at(-1)?.[0];t.t(n?.from?.getDate()).toBe(12),t.t(n?.to?.getDate()).toBe(20)}),t.o(`시작일보다 이전 날짜를 클릭하면 시작일이 재설정된다`,()=>{let e=t.n.fn();t.c((0,r.jsx)(o,{onSelect:e})),t.s.click(t.l.getByText(`12`)),t.s.click(t.l.getByText(`8`));let n=e.mock.calls.at(-1)?.[0];t.t(n?.from?.getDate()).toBe(8),t.t(n?.to).toBeUndefined()}),t.o(`완성된 범위에서 새 날짜를 클릭하면 새 시작일로 리셋된다`,()=>{let e=t.n.fn();t.c((0,r.jsx)(o,{initialRange:{from:new Date(2026,0,12),to:new Date(2026,0,20)},onSelect:e})),t.s.click(t.l.getByText(`25`));let n=e.mock.calls.at(-1)?.[0];t.t(n?.from?.getDate()).toBe(25),t.t(n?.to).toBeUndefined()})}),t.a(`maxDate`,()=>{t.o(`maxDate 이후 날짜는 비활성화된다`,()=>{t.c((0,r.jsx)(o,{maxDate:i})),t.t(t.l.getByText(`20`).closest(`button`)).toBeDisabled()})}),t.a(`오늘 표시`,()=>{t.o(`오늘(1월 15일) 셀에 today 클래스가 적용된다`,()=>{t.c((0,r.jsx)(o,{})),t.t(t.l.getByText(`15`).closest(`td`)?.className).toContain(`today`)})}),t.a(`날짜 하단 텍스트(renderDayText)`,()=>{t.o(`현재 달 활성 날짜 텍스트는 typo-c2 + text-gray-600`,()=>{t.c((0,r.jsx)(o,{renderDayText:s}));let e=t.l.getByText(`1/10`);t.t(e.className).toContain(`typo-c2`),t.t(e.className).toContain(`text-gray-600`)}),t.o(`다음 달(미래) 날짜 텍스트는 text-gray-300`,()=>{t.c((0,r.jsx)(o,{renderDayText:s})),t.t(t.l.getByText(`2/3`).className).toContain(`text-gray-300`)}),t.o(`비활성화 날짜 텍스트는 text-gray-100`,()=>{t.c((0,r.jsx)(o,{maxDate:i,renderDayText:s})),t.t(t.l.getByText(`1/20`).className).toContain(`text-gray-100`)}),t.o(`renderDayText가 없으면 하단 텍스트를 렌더하지 않는다`,()=>{t.c((0,r.jsx)(o,{})),t.t(t.l.queryByText(`1/10`)).not.toBeInTheDocument()})}),t.a(`disabledDays`,()=>{t.o(`Date[] 매처에 포함된 날짜는 비활성화되어 선택되지 않는다`,()=>{let e=t.n.fn();t.c((0,r.jsx)(o,{disabledDays:[new Date(2026,0,20)],onSelect:e})),t.t(t.l.getByText(`20`).closest(`button`)).toBeDisabled(),t.s.click(t.l.getByText(`20`)),t.t(e).not.toHaveBeenCalled()}),t.o(`조건 함수 매처로 특정 날짜를 비활성화할 수 있다`,()=>{t.c((0,r.jsx)(o,{disabledDays:e=>e.getDate()%2==0})),t.t(t.l.getByText(`10`).closest(`button`)).toBeDisabled(),t.t(t.l.getByText(`11`).closest(`button`)).not.toBeDisabled()}),t.o(`비활성화되지 않은 날짜는 정상 선택된다`,()=>{let e=t.n.fn();t.c((0,r.jsx)(o,{disabledDays:[new Date(2026,0,20)],onSelect:e})),t.s.click(t.l.getByText(`12`)),t.t(e).toHaveBeenCalled(),t.t((e.mock.calls.at(-1)?.[0])?.from?.getDate()).toBe(12)})}),t.a(`이전 월 날짜`,()=>{t.o(`현재 표시 월 이전(leading) 날짜는 기본 비활성화된다`,()=>{t.c((0,r.jsx)(o,{})),t.t(t.l.getAllByText(`28`)[0]?.closest(`button`)).toBeDisabled(),t.t(t.l.getAllByText(`28`)[1]?.closest(`button`)).not.toBeDisabled()})})});

package/dist/components/DatePicker/RangeDatePicker.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RangeDatePicker.test.d.ts.map

package/dist/components/DatePicker/RangeDatePicker.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.test.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.test.tsx"],"names":[],"mappings":""}

package/dist/components/DatePicker/RangeDatePicker.test.esm.js

@@ -0,0 +1,129 @@
+import { RangeDatePicker as e } from "./RangeDatePicker.esm.js";
+import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l } from "../../chunks/test.DNmyFkvJ.BcfgRAxR.js";
+import { useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/components/DatePicker/RangeDatePicker.test.tsx
+var f = new Date(2026, 0, 15), p = new Date(2026, 0, 1);
+function m({ initialRange: t, maxDate: n, disabledDays: r, onSelect: i, renderDayText: a }) {
+	let [o, s] = u(p), [c, l] = u(t);
+	return /* @__PURE__ */ d(e, {
+		currentMonth: o,
+		disabledDays: r,
+		maxDate: n,
+		onMonthChange: s,
+		onSelect: (e) => {
+			l(e), i?.(e);
+		},
+		renderDayText: a,
+		selected: c
+	});
+}
+var h = (e) => `${e.getMonth() + 1}/${e.getDate()}`;
+t("RangeDatePicker", () => {
+	r(() => {
+		a.useFakeTimers(), a.setSystemTime(f);
+	}), s(() => {
+		a.useRealTimers();
+	}), t("렌더링", () => {
+		o("현재 월 라벨과 요일 헤더를 표시한다", () => {
+			n(/* @__PURE__ */ d(m, {})), l(i.getByText("2026년 1월")).toBeInTheDocument();
+			for (let e of [
+				"일",
+				"월",
+				"화",
+				"수",
+				"목",
+				"금",
+				"토"
+			]) l(i.getByText(e)).toBeInTheDocument();
+		}), o("항상 6주(42셀)를 표시한다", () => {
+			n(/* @__PURE__ */ d(m, {})), l(i.getAllByRole("gridcell")).toHaveLength(42);
+		});
+	}), t("네비게이션", () => {
+		o("이전/다음 년도 이동", () => {
+			n(/* @__PURE__ */ d(m, {}));
+			let e = i.getAllByRole("button");
+			c.click(e[0]), l(i.getByText("2025년 1월")).toBeInTheDocument();
+		}), o("이전 달 이동", () => {
+			n(/* @__PURE__ */ d(m, {}));
+			let e = i.getAllByRole("button");
+			c.click(e[1]), l(i.getByText("2025년 12월")).toBeInTheDocument();
+		}), o("다음 달 이동", () => {
+			n(/* @__PURE__ */ d(m, {}));
+			let e = i.getAllByRole("button");
+			c.click(e[2]), l(i.getByText("2026년 2월")).toBeInTheDocument();
+		});
+	}), t("기간 선택 로직(내장)", () => {
+		o("첫 클릭은 시작일만 설정한다(to는 undefined)", () => {
+			let e = a.fn();
+			n(/* @__PURE__ */ d(m, { onSelect: e })), c.click(i.getByText("12"));
+			let t = e.mock.calls.at(-1)?.[0];
+			l(t?.from?.getDate()).toBe(12), l(t?.to).toBeUndefined();
+		}), o("시작일 이후 날짜를 클릭하면 범위가 완성된다", () => {
+			let e = a.fn();
+			n(/* @__PURE__ */ d(m, { onSelect: e })), c.click(i.getByText("12")), c.click(i.getByText("20"));
+			let t = e.mock.calls.at(-1)?.[0];
+			l(t?.from?.getDate()).toBe(12), l(t?.to?.getDate()).toBe(20);
+		}), o("시작일보다 이전 날짜를 클릭하면 시작일이 재설정된다", () => {
+			let e = a.fn();
+			n(/* @__PURE__ */ d(m, { onSelect: e })), c.click(i.getByText("12")), c.click(i.getByText("8"));
+			let t = e.mock.calls.at(-1)?.[0];
+			l(t?.from?.getDate()).toBe(8), l(t?.to).toBeUndefined();
+		}), o("완성된 범위에서 새 날짜를 클릭하면 새 시작일로 리셋된다", () => {
+			let e = a.fn();
+			n(/* @__PURE__ */ d(m, {
+				initialRange: {
+					from: new Date(2026, 0, 12),
+					to: new Date(2026, 0, 20)
+				},
+				onSelect: e
+			})), c.click(i.getByText("25"));
+			let t = e.mock.calls.at(-1)?.[0];
+			l(t?.from?.getDate()).toBe(25), l(t?.to).toBeUndefined();
+		});
+	}), t("maxDate", () => {
+		o("maxDate 이후 날짜는 비활성화된다", () => {
+			n(/* @__PURE__ */ d(m, { maxDate: f })), l(i.getByText("20").closest("button")).toBeDisabled();
+		});
+	}), t("오늘 표시", () => {
+		o("오늘(1월 15일) 셀에 today 클래스가 적용된다", () => {
+			n(/* @__PURE__ */ d(m, {})), l(i.getByText("15").closest("td")?.className).toContain("today");
+		});
+	}), t("날짜 하단 텍스트(renderDayText)", () => {
+		o("현재 달 활성 날짜 텍스트는 typo-c2 + text-gray-600", () => {
+			n(/* @__PURE__ */ d(m, { renderDayText: h }));
+			let e = i.getByText("1/10");
+			l(e.className).toContain("typo-c2"), l(e.className).toContain("text-gray-600");
+		}), o("다음 달(미래) 날짜 텍스트는 text-gray-300", () => {
+			n(/* @__PURE__ */ d(m, { renderDayText: h })), l(i.getByText("2/3").className).toContain("text-gray-300");
+		}), o("비활성화 날짜 텍스트는 text-gray-100", () => {
+			n(/* @__PURE__ */ d(m, {
+				maxDate: f,
+				renderDayText: h
+			})), l(i.getByText("1/20").className).toContain("text-gray-100");
+		}), o("renderDayText가 없으면 하단 텍스트를 렌더하지 않는다", () => {
+			n(/* @__PURE__ */ d(m, {})), l(i.queryByText("1/10")).not.toBeInTheDocument();
+		});
+	}), t("disabledDays", () => {
+		o("Date[] 매처에 포함된 날짜는 비활성화되어 선택되지 않는다", () => {
+			let e = a.fn();
+			n(/* @__PURE__ */ d(m, {
+				disabledDays: [new Date(2026, 0, 20)],
+				onSelect: e
+			})), l(i.getByText("20").closest("button")).toBeDisabled(), c.click(i.getByText("20")), l(e).not.toHaveBeenCalled();
+		}), o("조건 함수 매처로 특정 날짜를 비활성화할 수 있다", () => {
+			n(/* @__PURE__ */ d(m, { disabledDays: (e) => e.getDate() % 2 == 0 })), l(i.getByText("10").closest("button")).toBeDisabled(), l(i.getByText("11").closest("button")).not.toBeDisabled();
+		}), o("비활성화되지 않은 날짜는 정상 선택된다", () => {
+			let e = a.fn();
+			n(/* @__PURE__ */ d(m, {
+				disabledDays: [new Date(2026, 0, 20)],
+				onSelect: e
+			})), c.click(i.getByText("12")), l(e).toHaveBeenCalled(), l((e.mock.calls.at(-1)?.[0])?.from?.getDate()).toBe(12);
+		});
+	}), t("이전 월 날짜", () => {
+		o("현재 표시 월 이전(leading) 날짜는 기본 비활성화된다", () => {
+			n(/* @__PURE__ */ d(m, {})), l(i.getAllByText("28")[0]?.closest("button")).toBeDisabled(), l(i.getAllByText("28")[1]?.closest("button")).not.toBeDisabled();
+		});
+	});
+});
+//#endregion

package/dist/components/DatePicker/SingleDatePicker.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("./CalendarNavigation.cjs.js"),n=require("../../chunks/calendar.xgzPWsAf.js"),r=require("./hooks.cjs.js"),i=require("./styles.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s=({currentMonth:s,onMonthChange:c,selected:l,onSelect:u,minDate:d,maxDate:f,colorType:p=`lime`,className:m,renderDayText:h,disabledDays:g})=>{let[_,v]=(0,a.useState)(()=>s??new Date),y=s??_,b=(0,a.useCallback)(e=>{v(e),c?.(e)},[c]),x=r.useCalendarNavigation({displayMonth:y,onMonthChange:b,minDate:d,maxDate:f}),{modifiers:S,disabled:C}=r.useMonthDayModifiers({displayMonth:y,minDate:d,maxDate:f,disabledDays:g});return(0,o.jsxs)(`div`,{className:e.t(`flex flex-col gap-2.5`,m),children:[(0,o.jsx)(t.CalendarNavigation,{disableNextMonth:x.disableNextMonth,disableNextYear:x.disableNextYear,disablePrevMonth:x.disablePrevMonth,disablePrevYear:x.disablePrevYear,month:x.month,onNextMonth:x.handleNextMonth,onNextYear:x.handleNextYear,onPrevMonth:x.handlePrevMonth,onPrevYear:x.handlePrevYear,year:x.year}),(0,o.jsx)(n.t,{className:`w-full p-0`,classNames:i.getSingleClassNames(p),disabled:C,mode:`single`,modifiers:S,modifiersClassNames:i.MODIFIERS_CLASS_NAMES,month:y,onMonthChange:b,onSelect:u,renderDayText:h,selected:l})]})};exports.SingleDatePicker=s;

package/dist/components/DatePicker/SingleDatePicker.d.ts

@@ -0,0 +1,25 @@
+import { DayTextRenderer, Matcher } from '../ui/calendar';
+import { DatePickerColorType } from './styles';
+interface SingleDatePickerProps {
+    className?: string;
+    /** 색상 테마. 기본 `lime`(크플 서비스), 그 외 영역은 `gray`. */
+    colorType?: DatePickerColorType;
+    /** 표시 중인 월(controlled). 생략 시 내부 상태로 관리. */
+    currentMonth?: Date;
+    /** 선택 가능 범위 안에서 개별적으로 비활성화할 날짜(Date[]·범위·요일·조건 함수 등). */
+    disabledDays?: Matcher;
+    maxDate?: Date;
+    /** 선택 가능한 최소/최대 날짜. 범위 밖은 비활성화되고 연/월 이동도 제한된다. */
+    minDate?: Date;
+    onMonthChange?: (date: Date) => void;
+    onSelect?: (date: Date | undefined) => void;
+    /** 각 날짜 하단에 버튼과 독립적으로 렌더할 텍스트(typo-c2). 반환값이 없으면 표시하지 않는다. */
+    renderDayText?: DayTextRenderer;
+    /** 선택된 날짜. */
+    selected?: Date;
+}
+/** 단일 날짜(YYYY.MM.DD) 선택 캘린더. 네비게이션 + 단일 선택 캘린더를 합친 composed 컴포넌트. */
+declare const SingleDatePicker: ({ currentMonth, onMonthChange, selected, onSelect, minDate, maxDate, colorType, className, renderDayText, disabledDays, }: SingleDatePickerProps) => import("react").JSX.Element;
+export type { SingleDatePickerProps };
+export { SingleDatePicker };
+//# sourceMappingURL=SingleDatePicker.d.ts.map

package/dist/components/DatePicker/SingleDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,eAAe,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGvF,OAAO,EAAE,KAAK,mBAAmB,EAA8C,MAAM,UAAU,CAAC;AAEhG,UAAU,qBAAqB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,kDAAkD;IAClD,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5C,8DAA8D;IAC9D,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,cAAc;IACd,QAAQ,CAAC,EAAE,IAAI,CAAC;CAChB;AAED,qEAAqE;AACrE,QAAA,MAAM,gBAAgB,GAAI,2HAWvB,qBAAqB,gCA4CvB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/DatePicker/SingleDatePicker.esm.js

@@ -0,0 +1,52 @@
+import { t as e } from "../../chunks/calendar.Yb0r9Gp2.js";
+import { t } from "../../chunks/utils.D6DjRYW1.js";
+import { CalendarNavigation as n } from "./CalendarNavigation.esm.js";
+import { useCalendarNavigation as r, useMonthDayModifiers as i } from "./hooks.esm.js";
+import { MODIFIERS_CLASS_NAMES as a, getSingleClassNames as o } from "./styles.esm.js";
+import { useCallback as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/DatePicker/SingleDatePicker.tsx
+var d = ({ currentMonth: d, onMonthChange: f, selected: p, onSelect: m, minDate: h, maxDate: g, colorType: _ = "lime", className: v, renderDayText: y, disabledDays: b }) => {
+	let [x, S] = c(() => d ?? /* @__PURE__ */ new Date()), C = d ?? x, w = s((e) => {
+		S(e), f?.(e);
+	}, [f]), T = r({
+		displayMonth: C,
+		onMonthChange: w,
+		minDate: h,
+		maxDate: g
+	}), { modifiers: E, disabled: D } = i({
+		displayMonth: C,
+		minDate: h,
+		maxDate: g,
+		disabledDays: b
+	});
+	return /* @__PURE__ */ u("div", {
+		className: t("flex flex-col gap-2.5", v),
+		children: [/* @__PURE__ */ l(n, {
+			disableNextMonth: T.disableNextMonth,
+			disableNextYear: T.disableNextYear,
+			disablePrevMonth: T.disablePrevMonth,
+			disablePrevYear: T.disablePrevYear,
+			month: T.month,
+			onNextMonth: T.handleNextMonth,
+			onNextYear: T.handleNextYear,
+			onPrevMonth: T.handlePrevMonth,
+			onPrevYear: T.handlePrevYear,
+			year: T.year
+		}), /* @__PURE__ */ l(e, {
+			className: "w-full p-0",
+			classNames: o(_),
+			disabled: D,
+			mode: "single",
+			modifiers: E,
+			modifiersClassNames: a,
+			month: C,
+			onMonthChange: w,
+			onSelect: m,
+			renderDayText: y,
+			selected: p
+		})]
+	});
+};
+//#endregion
+export { d as SingleDatePicker };

package/dist/components/DatePicker/SingleDatePicker.test.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SingleDatePicker.cjs.js"),t=require("../../chunks/test.DNmyFkvJ.BytdfLEt.js");let n=require("react"),r=require("react/jsx-runtime");var i=new Date(2026,0,15),a=new Date(2026,0,1);function o({maxDate:t,onSelect:i}){let[o,s]=(0,n.useState)(a),[c,l]=(0,n.useState)();return(0,r.jsx)(e.SingleDatePicker,{currentMonth:o,maxDate:t,onMonthChange:s,onSelect:e=>{l(e),i?.(e)},selected:c})}t.a(`SingleDatePicker`,()=>{t.i(()=>{t.n.useFakeTimers(),t.n.setSystemTime(i)}),t.r(()=>{t.n.useRealTimers()}),t.o(`현재 월과 요일 헤더를 렌더한다`,()=>{t.c((0,r.jsx)(o,{})),t.t(t.l.getByText(`2026년 1월`)).toBeInTheDocument(),t.t(t.l.getByText(`일`)).toBeInTheDocument(),t.t(t.l.getByText(`토`)).toBeInTheDocument()}),t.o(`날짜를 클릭하면 해당 Date로 onSelect가 호출된다`,()=>{let e=t.n.fn();t.c((0,r.jsx)(o,{onSelect:e})),t.s.click(t.l.getByText(`12`)),t.t(e).toHaveBeenCalled();let n=e.mock.calls.at(-1)?.[0];t.t(n?.getDate()).toBe(12)}),t.o(`maxDate 이후 날짜는 비활성화된다`,()=>{t.c((0,r.jsx)(o,{maxDate:i})),t.t(t.l.getByText(`20`).closest(`button`)).toBeDisabled()}),t.o(`오늘(1월 15일) 셀에 today 클래스가 적용된다`,()=>{t.c((0,r.jsx)(o,{})),t.t(t.l.getByText(`15`).closest(`td`)?.className).toContain(`today`)})});

package/dist/components/DatePicker/SingleDatePicker.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SingleDatePicker.test.d.ts.map

package/dist/components/DatePicker/SingleDatePicker.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDatePicker.test.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/SingleDatePicker.test.tsx"],"names":[],"mappings":""}

package/dist/components/DatePicker/SingleDatePicker.test.esm.js

@@ -0,0 +1,37 @@
+import { SingleDatePicker as e } from "./SingleDatePicker.esm.js";
+import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l } from "../../chunks/test.DNmyFkvJ.BcfgRAxR.js";
+import { useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/components/DatePicker/SingleDatePicker.test.tsx
+var f = new Date(2026, 0, 15), p = new Date(2026, 0, 1);
+function m({ maxDate: t, onSelect: n }) {
+	let [r, i] = u(p), [a, o] = u();
+	return /* @__PURE__ */ d(e, {
+		currentMonth: r,
+		maxDate: t,
+		onMonthChange: i,
+		onSelect: (e) => {
+			o(e), n?.(e);
+		},
+		selected: a
+	});
+}
+t("SingleDatePicker", () => {
+	r(() => {
+		a.useFakeTimers(), a.setSystemTime(f);
+	}), s(() => {
+		a.useRealTimers();
+	}), o("현재 월과 요일 헤더를 렌더한다", () => {
+		n(/* @__PURE__ */ d(m, {})), l(i.getByText("2026년 1월")).toBeInTheDocument(), l(i.getByText("일")).toBeInTheDocument(), l(i.getByText("토")).toBeInTheDocument();
+	}), o("날짜를 클릭하면 해당 Date로 onSelect가 호출된다", () => {
+		let e = a.fn();
+		n(/* @__PURE__ */ d(m, { onSelect: e })), c.click(i.getByText("12")), l(e).toHaveBeenCalled();
+		let t = e.mock.calls.at(-1)?.[0];
+		l(t?.getDate()).toBe(12);
+	}), o("maxDate 이후 날짜는 비활성화된다", () => {
+		n(/* @__PURE__ */ d(m, { maxDate: f })), l(i.getByText("20").closest("button")).toBeDisabled();
+	}), o("오늘(1월 15일) 셀에 today 클래스가 적용된다", () => {
+		n(/* @__PURE__ */ d(m, {})), l(i.getByText("15").closest("td")?.className).toContain("today");
+	});
+});
+//#endregion

package/dist/components/DatePicker/hooks.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dateMatchModifiers.DWzTSPL9.js"),t=require("./utils.cjs.js");let n=require("react");var r=({displayMonth:e,onMonthChange:r,minDate:i,maxDate:a})=>{let{minNav:o,maxNav:s}=(0,n.useMemo)(()=>{let e=t.startOfMonth(new Date);return{minNav:i??t.addYears(e,-100),maxNav:a??t.addYears(e,100)}},[i,a]),c=e.getFullYear();return{year:c,month:e.getMonth()+1,disablePrevMonth:t.monthIndex(e)<=t.monthIndex(o),disableNextMonth:t.monthIndex(e)>=t.monthIndex(s),disablePrevYear:c<=o.getFullYear(),disableNextYear:c>=s.getFullYear(),handlePrevYear:(0,n.useCallback)(()=>r(t.addYears(e,-1)),[e,r]),handleNextYear:(0,n.useCallback)(()=>r(t.addYears(e,1)),[e,r]),handlePrevMonth:(0,n.useCallback)(()=>r(t.addMonths(e,-1)),[e,r]),handleNextMonth:(0,n.useCallback)(()=>r(t.addMonths(e,1)),[e,r])}},i=({displayMonth:r,minDate:i,maxDate:a,disabledDays:o})=>{let{start:s,end:c}=(0,n.useMemo)(()=>({start:t.startOfMonth(r),end:t.endOfMonth(r)}),[r]),l=(0,n.useMemo)(()=>{let e=[{before:s}];return i&&e.push({before:i}),a&&e.push({after:a}),o!==void 0&&e.push(o),e},[s,i,a,o]),u=(0,n.useCallback)(t=>!e.t(t,l),[l]);return{modifiers:(0,n.useMemo)(()=>({currentMonthEnabled:e=>e>=s&&e<=c&&u(e),currentMonthDisabled:e=>e>=s&&e<=c&&!u(e),nextMonthEnabled:e=>e>c&&u(e),nextMonthDisabled:e=>e>c&&!u(e)}),[s,c,u]),disabled:l}};exports.useCalendarNavigation=r,exports.useMonthDayModifiers=i;