@dotss/ui 0.0.8 → 0.0.11

package/{dist/Checkbox → Checkbox}/Checkbox.es.js

@@ -1,17 +1,17 @@
 import { jsxs as f, jsx as l } from "@emotion/react/jsx-runtime";
-import { forwardRef as s } from "react";
-import m from "@emotion/styled";
+import { forwardRef as m } from "react";
+import s from "@emotion/styled";
 import u from "../core/useTheme.es.js";
-const h = m.span`
+const h = s.span`
   position: relative;
   display: inline-flex;
-`, c = m.input`
+`, c = s.input`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-  opacity: 0;
+  appearance: none;
   cursor: pointer;
 
   &:disabled {
@@ -27,8 +27,8 @@ function x({
   const {
     palette: { brand: i, grey: e, background: d }
   } = u();
-  let t = e.white, p = e[50], a = e[20];
-  return o && (t = r === "primary" ? i.primary.main : i[r], p = r === "primary" ? i.primary.main : i[r], a = e.white), o && n && (t = e[30], p = e[30], a = e[10]), !o && n && (t = d.primary, p = e[30], a = e[20]), /* @__PURE__ */ f(
+  let t = e.white, a = e[50], p = e[20];
+  return o && (t = r === "primary" ? i.primary.main : i[r], a = r === "primary" ? i.primary.main : i[r], p = e.white), o && n && (t = e[30], a = e[30], p = e[10]), !o && n && (t = d.primary, a = e[30], p = e[20]), /* @__PURE__ */ f(
     "svg",
     {
       width: C === "2xLarge" ? 48 : 24,
@@ -36,6 +36,8 @@ function x({
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": !0,
+      focusable: "false",
       children: [
         /* @__PURE__ */ l(
           "path",
@@ -50,7 +52,7 @@ function x({
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M18 3H6C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3ZM6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6Z",
-            fill: p
+            fill: a
           }
         ),
         /* @__PURE__ */ l(
@@ -59,14 +61,14 @@ function x({
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M18.604 6.20309C19.0442 6.53668 19.1306 7.16392 18.797 7.60408L11.218 17.6041C11.0406 17.8382 10.7692 17.9824 10.4759 17.9985C10.1826 18.0147 9.89706 17.901 9.69505 17.6878L5.27405 13.0211C4.89422 12.6202 4.91133 11.9873 5.31227 11.6074C5.7132 11.2276 6.34613 11.2447 6.72596 11.6456L10.3362 15.4564L17.203 6.39603C17.5366 5.95588 18.1639 5.8695 18.604 6.20309Z",
-            fill: a
+            fill: p
           }
         )
       ]
     }
   );
 }
-const v = s(function({ size: o = "medium", color: n = "primary", checked: r, disabled: i, inlineCSS: e, ...d }, t) {
+const v = m(function({ size: o = "medium", color: n = "primary", checked: r, disabled: i, inlineCSS: e, ...d }, t) {
   return /* @__PURE__ */ f(h, { ref: t, css: e, children: [
     /* @__PURE__ */ l(c, { type: "checkbox", checked: r, disabled: i, ...d }),
     /* @__PURE__ */ l(x, { size: o, color: n, checked: r, disabled: i })

package/CircularProgressIndicator/CircularProgressIndicator.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@emotion/react/jsx-runtime"),h=require("react"),m=require("/Users/dong-yeon/Desktop/codes/dots/node_modules/.pnpm/@emotion+react@11.14.0_@types+react@18.3.3_react@18.3.1/node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),g=require("@emotion/styled"),y=e=>e&&e.__esModule?e:{default:e},i=y(g),k=m.keyframes`
+    100% {
+        transform: rotate(270deg);
+    }
+`,_=i.default.svg`
+  ${({size:e})=>e==="large"?{width:120,height:120}:{width:40,height:40}};
+
+  transform: rotate(-90deg);
+
+  ${({loop:e})=>e?{animation:`${k} 1s infinite`}:{}};
+`,x=i.default.circle`
+  ${({size:e})=>e==="large"?{cx:60,cy:60,strokeWidth:16}:{cx:20,cy:20,strokeWidth:4}};
+  stroke: ${({theme:{palette:{grey:e}}})=>e[10]};
+`,$=i.default.circle`
+  transition: stroke-dashoffset ${({transitionDuration:e})=>e}ms linear 0s;
+  ${({size:e})=>e==="large"?{cx:60,cy:60,strokeWidth:16}:{cx:20,cy:20,strokeWidth:4}};
+  stroke: ${({theme:{palette:{brand:e}}})=>e.primary.main};
+`,b=h.forwardRef(function({size:r="small",value:c=0,transitionDuration:l=500,inlineCSS:d,loop:t,...a},u){const s=r==="large"?52:18,n=2*Math.PI*s,f=n*(1-(t?20:c)/100);return o.jsxs(_,{ref:u,viewBox:r==="large"?"0 0 120 120":"0 0 40 40",fill:"none",size:r,loop:t,role:"progressbar","aria-valuenow":t?void 0:c,"aria-label":a["aria-label"]?a["aria-label"]:"로딩 중",...a,css:d,children:[o.jsx(x,{size:r,r:s}),o.jsx($,{size:r,transitionDuration:l,r:s,strokeLinecap:"round",strokeDashoffset:f,strokeDasharray:n})]})});exports.default=b;

package/CircularProgressIndicator/CircularProgressIndicator.es.js

@@ -0,0 +1,90 @@
+import { jsxs as h, jsx as n } from "@emotion/react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { keyframes as k } from "/Users/dong-yeon/Desktop/codes/dots/node_modules/.pnpm/@emotion+react@11.14.0_@types+react@18.3.3_react@18.3.1/node_modules/@emotion/react/dist/emotion-react.browser.esm.js";
+import s from "@emotion/styled";
+const y = k`
+    100% {
+        transform: rotate(270deg);
+    }
+`, u = s.svg`
+  ${({ size: r }) => r === "large" ? {
+  width: 120,
+  height: 120
+} : {
+  width: 40,
+  height: 40
+}};
+
+  transform: rotate(-90deg);
+
+  ${({ loop: r }) => r ? {
+  animation: `${y} 1s infinite`
+} : {}};
+`, x = s.circle`
+  ${({ size: r }) => r === "large" ? {
+  cx: 60,
+  cy: 60,
+  strokeWidth: 16
+} : {
+  cx: 20,
+  cy: 20,
+  strokeWidth: 4
+}};
+  stroke: ${({
+  theme: {
+    palette: { grey: r }
+  }
+}) => r[10]};
+`, $ = s.circle`
+  transition: stroke-dashoffset ${({ transitionDuration: r }) => r}ms linear 0s;
+  ${({ size: r }) => r === "large" ? {
+  cx: 60,
+  cy: 60,
+  strokeWidth: 16
+} : {
+  cx: 20,
+  cy: 20,
+  strokeWidth: 4
+}};
+  stroke: ${({
+  theme: {
+    palette: { brand: r }
+  }
+}) => r.primary.main};
+`, b = g(
+  function({ size: e = "small", value: i = 0, transitionDuration: l = 500, inlineCSS: d, loop: t, ...a }, f) {
+    const o = e === "large" ? 52 : 18, c = 2 * Math.PI * o, m = c * (1 - (t ? 20 : i) / 100);
+    return /* @__PURE__ */ h(
+      u,
+      {
+        ref: f,
+        viewBox: e === "large" ? "0 0 120 120" : "0 0 40 40",
+        fill: "none",
+        size: e,
+        loop: t,
+        role: "progressbar",
+        "aria-valuenow": t ? void 0 : i,
+        "aria-label": a["aria-label"] ? a["aria-label"] : "로딩 중",
+        ...a,
+        css: d,
+        children: [
+          /* @__PURE__ */ n(x, { size: e, r: o }),
+          /* @__PURE__ */ n(
+            $,
+            {
+              size: e,
+              transitionDuration: l,
+              r: o,
+              strokeLinecap: "round",
+              strokeDashoffset: m,
+              strokeDasharray: c
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  b as default
+};

package/DatePicker/DatePicker.cjs

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("@emotion/react/jsx-runtime"),d=require("react"),st=require("../IconButton/IconButton.cjs"),Ct=require("../Menu/Menu.cjs"),Jt=require("../Menu/MenuBlock/MenuBlock.cjs");require("../Menu/MenuButton/MenuButton.cjs");const Pt=require("../core/useTheme.cjs"),Qt=require("@emotion/styled"),J=require("../utils/getContrastingTextColor/getContrastingTextColor.cjs"),Zt=t=>t&&t.__esModule?t:{default:t},S=Zt(Qt),te=S.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:{spacing:t}})=>t.content(2)}px;
+`,ee=S.default.div`
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  max-width: fit-content;
+  padding: 0 ${({theme:{spacing:t}})=>t.content(3)}px;
+  cursor: ${({clickable:t})=>t?"pointer":"default"};
+
+  ${({theme:{typography:{h4B:t}}})=>({fontSize:t.size,fontWeight:t.weight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing})};
+`,ne=S.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({theme:{spacing:t}})=>t.content(4)}px;
+
+  ${({theme:{typography:{h2B:t}}})=>({fontSize:t.size,fontWeight:t.weight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing})};
+`,re=S.default.div`
+  display: flex;
+  align-items: center;
+  padding: 0 ${({theme:{spacing:t},edgeSpacing:n})=>t.content(n||0)}px;
+
+  & > span {
+    margin: 5px 0;
+    flex-grow: 1;
+    text-align: center;
+    ${({theme:{palette:{grey:t},typography:{b4M:n}}})=>({fontSize:n.size,fontWeight:n.weight,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,color:t[50]})};
+  }
+`,se=S.default.div`
+  overflow: hidden;
+`,ie=S.default.div`
+  display: flex;
+  transform: translate3d(0, 0, 0);
+`,bt=S.default.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 100%;
+  gap: ${({theme:{spacing:t}})=>t.content(2)}px;
+  padding: ${({theme:{spacing:t}})=>t.content(2)}px
+    ${({theme:{spacing:t},edgeSpacing:n})=>t.content(n||0)}px;
+`,zt=S.default.div`
+  display: flex;
+  width: 100%;
+`,It=S.default.div`
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: ${({theme:{spacing:t}})=>t.content(1)}px;
+  flex: 1;
+  cursor: ${({disabled:t})=>t?"not-allowed":"pointer"};
+  pointer-events: ${({disabled:t})=>t?"none":"auto"};
+  min-width: 30px;
+
+  & > div:nth-of-type(1) {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    min-height: 30px;
+    z-index: 1;
+
+    & > span {
+      z-index: 2;
+    }
+  }
+
+  ${({theme:{typography:{b2R:t}}})=>({fontSize:t.size,fontWeight:t.weight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing})};
+
+  ${({theme:{palette:{brand:t,grey:n}},variant:r,today:s,selected:o,disabled:u})=>{if(o){let i={fontWeight:700,color:J.default(t.primary.main,[n.white,n[100]]),"& > div:nth-of-type(1):before":{content:'""',position:"absolute",top:"50%",left:"50%",width:30,height:30,transform:"translate(-50%, -50%)",backgroundColor:u?t.primary.disable:t.primary.main,borderRadius:"50%"}};return r==="start"&&(i={fontWeight:700,color:J.default(t.primary.main,[n.white,n[100]]),overflow:"hidden","& > div:nth-of-type(1):before":{content:'""',position:"absolute",top:"50%",left:"50%",width:30,height:30,transform:"translate(-50%, -50%)",backgroundColor:u?t.primary.disable:t.primary.main,borderTopLeftRadius:100,borderBottomLeftRadius:100},"& > div:nth-of-type(1):after":{content:'""',position:"absolute",top:"50%",left:30,width:"100%",height:30,transform:"translateY(-50%)",backgroundColor:u?t.primary.disable:t.primary.main}}),r==="end"&&(i={fontWeight:700,color:J.default(t.primary.main,[n.white,n[100]]),overflow:"hidden","& > div:nth-of-type(1):before":{content:'""',position:"absolute",top:"50%",left:"50%",width:30,height:30,transform:"translate(-50%, -50%)",backgroundColor:u?t.primary.disable:t.primary.main,borderTopRightRadius:100,borderBottomRightRadius:100},"& > div:nth-of-type(1):after":{content:'""',position:"absolute",top:"50%",right:"50%",width:"100%",height:30,transform:"translateY(-50%)",backgroundColor:u?t.primary.disable:t.primary.main}}),r==="middle"&&(i={fontWeight:700,color:J.default(t.primary.main,[n.white,n[100]]),overflow:"hidden","& > div:nth-of-type(1):after":{content:'""',position:"absolute",top:"50%",left:"50%",width:"calc(100% + 1px)",height:30,transform:"translate(-50%, -50%)",backgroundColor:u?t.primary.disable:t.primary.main}}),i}return s?{"& > div:nth-of-type(1):after":{content:'""',position:"absolute",top:"50%",left:"50%",width:30,height:30,transform:"translate(-50%, -50%)",border:`1px solid ${t.primary.main}`,borderRadius:"50%"}}:null}};
+
+  ${({theme:{palette:{grey:t,pink:n,brand:r}},holiday:s,disabled:o,selected:u})=>{let i=null;return s&&(i={color:J.default(u?r.primary.main:"transparent",[n[30],n[100]])}),o&&(i={color:t[30]}),o&&s&&(i={color:n[30]}),i}}
+`,oe=S.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  cursor: ${({clickable:t})=>t?"pointer":"default"};
+`,Lt=S.default.span`
+  width: 100%;
+  min-width: 100%;
+  height: 6px;
+  min-height: 6px;
+`,ce=30,ae=d.forwardRef(function({children:n,onChange:r,value:s,date:o,minDate:u,maxDate:i,holidayDates:p,disableDates:N,showWeekHead:it=!1,multiple:j=!1,period:P=!1,enableMonthSelect:W=!1,showToday:wt=!1,edgeSpacing:ot=0,renderEvent:H,inlineCSS:_t,...qt},Ot){const{spacing:St}=Pt.default(),[Y,ct]=d.useState((typeof o=="string"||typeof o=="number"?new Date(o):o)||new Date),[D,G]=d.useState(()=>Array.isArray(s)&&s.length>0?x(s[0]):x(s)),[b,Q]=d.useState(()=>Array.isArray(s)&&s.length>1?x(s[s.length-1]):null),[M,Mt]=d.useState(0),[w,F]=d.useState(1),[jt,Tt]=d.useState(!1),[at,At]=d.useState(!1),lt=d.useRef(null),m=d.useRef(null),Z=d.useRef(0),v=d.useRef(0),T=d.useRef(!1),K=d.useRef(w),ut=d.useRef(),ft=d.useRef(null),dt=d.useRef(null),k=Y.getFullYear(),tt=Y.getMonth(),Rt=xt(k,tt),U=L(tt),_=x(s),q=x(p),O=x(N),ht=X(Y,u)||Yt(Y,u),pt=I(Y,i)||Yt(Y,i),et=new Date(k,tt-1),nt=new Date(k,tt+1),V=`${k}. ${U}`,E=P&&!!D&&!!b,vt=[{year:et.getFullYear(),month:L(et.getMonth()),weeks:xt(et.getFullYear(),et.getMonth())},{year:k,month:U,weeks:Rt},{year:nt.getFullYear(),month:L(nt.getMonth()),weeks:xt(nt.getFullYear(),nt.getMonth())}],mt=typeof H=="function",Et=vt[1].weeks.length*(ce+(mt?10:0)+St.content(2))+St.content(2),kt=e=>()=>{j&&(m.current&&(m.current.style.transition="none",m.current.style.cursor="grabbing"),Z.current=e,T.current=!0)},z=d.useCallback(()=>{if(!T.current)return;const e=M-v.current,f=Math.abs(M-e),l=M*.1;m.current&&(m.current.style.transform=`translate3d(-${M*w}px, 0, 0)`,m.current.style.cursor="grab",m.current.style.transition="transform 0.2s"),Z.current=0,v.current=0,T.current=!1,!(f<=l)&&(M<e?F(y=>y+1):M>e&&F(y=>y-1))},[M,w]),Wt=e=>()=>{if(!(T.current||w!==1)){if(!P){r==null||r(e,x);return}if(R(e,D)&&Array.isArray(s)&&s.length===1){G(null),Q(null),r==null||r([],x);return}else if(R(e,D)&&!Array.isArray(s)&&R(e,s)){G(null),Q(null),r==null||r([],x);return}if(!D){G(e),r==null||r(e,x);return}if(!b&&D){const[f,l]=I(e,D)?[D,e]:[e,D];G(f),Q(l);const y=Ft([f,l],N);r==null||r(y,x);return}D&&b&&(G(e),Q(null),r==null||r(e,x))}},Xt=e=>kt(e.clientX)(),Bt=e=>kt(e.touches[0].clientX)(),Nt=()=>{jt||(m.current&&(m.current.style.transition="transform 0.2s"),F(e=>e-1))},Gt=()=>{jt||(m.current&&(m.current.style.transition="transform 0.2s"),F(e=>e+1))},yt=()=>At(e=>!e),Kt=e=>{if(!e)return;const[f,l]=e.toString().split(".").map(Number);ct(new Date(f,l-1)),At(!1)};return d.useLayoutEffect(()=>{var e;Mt(((e=lt.current)==null?void 0:e.clientWidth)||0)},[j]),d.useEffect(()=>{const e=()=>{var f;Mt(((f=lt.current)==null?void 0:f.clientWidth)||0)};return window.addEventListener("resize",e),window.addEventListener("scroll",e),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e)}},[j]),d.useEffect(()=>{const e=m.current,f=(a,g,$)=>{if(!e||!T.current)return;v.current=a-Z.current;const h=g-Z.current,A=5;if(T.current=T.current||Math.abs(v.current)>A&&Math.abs(h)<A*2,$.cancelable&&$.preventDefault(),T.current){if(ht&&v.current>0){z();return}if(pt&&v.current<0){z();return}Math.abs(v.current)>=10&&(e.style.transform=`translate3d(${v.current-M*w}px, 0, 0)`,e.style.cursor="grabbing")}},l=a=>f(a.touches[0].clientX,a.touches[0].clientY,a),y=a=>{T.current&&f(a.clientX,a.clientY,a)};return e==null||e.addEventListener("mousemove",y),e==null||e.addEventListener("touchmove",l),()=>{e==null||e.removeEventListener("mousemove",y),e==null||e.removeEventListener("touchmove",l)}},[M,w,z,pt,ht]),d.useEffect(()=>{Tt(!0),ut.current=setTimeout(()=>{m.current&&(m.current.style.transition="none"),w>K.current?(F(1),ct(e=>new Date(e.setMonth(e.getMonth()+1))),K.current=1):w<K.current?(ct(e=>new Date(e.setMonth(e.getMonth()-1))),F(1),K.current=1):K.current=w,Tt(!1)},200)},[w]),d.useLayoutEffect(()=>{if(!P||!Array.isArray(s))return;const e=Ft(s,N);s.length<e.length&&(r==null||r(e,x))},[P,s,r,N]),d.useEffect(()=>{let e;return at&&(e=setTimeout(()=>{if(dt.current){const f=dt.current.querySelector("ul"),l=f==null?void 0:f.querySelector(`[data-value="${V}"]`);l==null||l.scrollIntoView({block:"start"})}},200)),()=>{clearTimeout(e)}},[at,V]),d.useEffect(()=>()=>{ut.current&&clearTimeout(ut.current)},[]),c.jsxs(te,{ref:Ot,...qt,css:_t,children:[j?c.jsxs(ne,{children:[c.jsx(st.default,{name:"ChevronLeftLine",size:"small",onClick:Nt,disabled:ht}),c.jsxs(oe,{ref:ft,clickable:!!W,onClick:W?yt:void 0,children:[V,W&&c.jsx(st.default,{name:"ArrowDownFill",size:"xSmall"})]}),c.jsx(st.default,{name:"ChevronRightLine",size:"small",onClick:Gt,disabled:pt})]}):c.jsxs(ee,{ref:ft,clickable:!!W,onClick:W?yt:void 0,children:[V,W&&c.jsx(st.default,{name:"ArrowDownFill",size:"xSmall"})]}),W&&c.jsx(Ct.default,{anchorRef:ft,ref:dt,open:at,onClose:yt,onChange:Kt,value:V,placement:j?"bottom-center":"bottom-left",width:160,fitToAnchorWidth:!1,maxHeight:368,children:Array.from({length:130},(e,f)=>{const l=1970+f;return Array.from({length:12},(y,a)=>{const g=a+1,$=g<10?`0${g}`:g,h=new Date(l,a+1,0).getDate(),A=`${l}-${$}-${h}`,C=`${l}-${$}-01`;return X(A,u)||I(C,i)?null:c.jsx(Jt.default,{value:`${l}. ${$}`,children:`${l}. ${$}`},`${l}-${$}`)})})}),it&&c.jsxs(re,{edgeSpacing:ot,children:[c.jsx("span",{children:"일"}),c.jsx("span",{children:"월"}),c.jsx("span",{children:"화"}),c.jsx("span",{children:"수"}),c.jsx("span",{children:"목"}),c.jsx("span",{children:"금"}),c.jsx("span",{children:"토"})]}),c.jsx(se,{ref:lt,children:c.jsxs(ie,{ref:m,onMouseDown:Xt,onMouseUp:z,onMouseLeave:z,onTouchStart:Bt,onTouchEnd:z,onTouchCancel:z,style:{transform:j?`translate3d(-${M*w}px, 0, 0)`:void 0,cursor:j?"grab":void 0,maxHeight:Et},children:[j&&vt.map(({year:e,month:f,weeks:l})=>c.jsx(bt,{edgeSpacing:ot,children:l.map((y,a)=>c.jsx(zt,{children:y.map((g,$)=>{const h=`${e}-${f}-${B(g||0)}`,A=!g,C=R(h,new Date),gt=Array.isArray(q)?q.includes(h):q===h,Dt=Array.isArray(_)?_.includes(h):_===h,$t=!g||(Array.isArray(O)?O.includes(h):O===h)||I(h,i)||X(h,u),rt=E&&R(h,D),Ut=E&&R(h,b),Vt=E&&I(h,D)&&X(h,b),Ht=H==null?void 0:H(h);return c.jsxs(It,{variant:rt?"start":Ut?"end":Vt?"middle":void 0,onClick:Wt(h),today:wt&&C,holiday:gt,selected:Dt,disabled:$t,children:[c.jsx("div",{children:c.jsx("span",{children:g})}),!A&&Ht,!A&&mt&&!Ht&&c.jsx(Lt,{})]},`${e}-${f}-week-row-${$}-${g?h:`${a}-${$}`}`)})},`${e}-${f}-week-row-${String(y)}`))},`week-body-${e}-${f}`)),!j&&c.jsx(bt,{edgeSpacing:ot,children:Rt.map((e,f)=>c.jsx(zt,{children:e.map((l,y)=>{const a=`${k}-${U}-${B(l||0)}`,g=!l,$=R(a,new Date),h=Array.isArray(q)?q.includes(a):q===a,A=Array.isArray(_)?_.includes(a):_===a,C=!l||(Array.isArray(O)?O.includes(a):O===a)||I(a,i)||X(a,u),gt=E&&R(a,D),Dt=E&&R(a,b),$t=E&&I(a,D)&&X(a,b),rt=H==null?void 0:H(a);return c.jsxs(It,{variant:gt?"start":Dt?"end":$t?"middle":void 0,onClick:Wt(a),today:wt&&$,holiday:h,selected:A,disabled:C,children:[c.jsx("div",{children:c.jsx("span",{children:l})}),!g&&rt,!g&&mt&&!rt&&c.jsx(Lt,{})]},`${k}-${U}-week-row-${e}-${l?a:`${f}-${y}`}`)})},`${k}-${U}-week-row-${String(e)}`))})]})}),n]})});function xt(t,n){let r=[];const s=new Date(t,n,1),o=new Date(t,n+1,0).getDate(),u=s.getDay();let i=Array.from({length:u}).fill(null);for(let p=1;p<=o;p+=1)i.push(p),(i.length===7||p===o)&&(r.push(i),i=[]);return r=r.map(p=>Array.from({length:7}).map((N,it)=>p[it]||null)),r}function L(t){return String(t+1).length===1?`0${t+1}`:t+1}function B(t){return String(t).length===1?`0${t}`:t}function x(t){if(Array.isArray(t))return t.map(n=>n instanceof Date?`${n.getFullYear()}-${L(n.getMonth())}-${B(n.getDate())}`:n);if(t instanceof Date)return`${t.getFullYear()}-${L(t.getMonth())}-${B(t.getDate())}`;if(typeof t=="number"){const n=new Date(t);return`${n.getFullYear()}-${L(n.getMonth())}-${B(n.getDate())}`}return t}function I(t,n){if(!t||!n)return!1;const r=t instanceof Date?t:new Date(t);r.setHours(0),r.setMinutes(0),r.setSeconds(0),r.setMilliseconds(0);const s=r.getTime(),o=n instanceof Date?n:new Date(n);o.setHours(0),o.setMinutes(0),o.setSeconds(0),o.setMilliseconds(0);const u=o.getTime();return s>u}function X(t,n){if(!t||!n)return!1;const r=t instanceof Date?t:new Date(t);r.setHours(0),r.setMinutes(0),r.setSeconds(0),r.setMilliseconds(0);const s=r.getTime(),o=n instanceof Date?n:new Date(n);o.setHours(0),o.setMinutes(0),o.setSeconds(0),o.setMilliseconds(0);const u=o.getTime();return s<u}function Yt(t,n){if(!t||!n)return!1;const r=t instanceof Date?t:new Date(t),s=n instanceof Date?n:new Date(n);return`${r.getFullYear()}-${r.getMonth()}`==`${s.getFullYear()}-${s.getMonth()}`}function R(t,n){if(!t||!n)return!1;const r=t instanceof Date?t:new Date(t);r.setHours(0),r.setMinutes(0),r.setSeconds(0),r.setMilliseconds(0);const s=r.getTime(),o=n instanceof Date?n:new Date(n);o.setHours(0),o.setMinutes(0),o.setSeconds(0),o.setMilliseconds(0);const u=o.getTime();return s===u}function Ft(t,n){if(!t||!Array.isArray(t)||t.length===0)return[];const r=t.map(p=>p instanceof Date?p:p===null?new Date:new Date(p)),s=new Date(Math.min(...r.map(p=>p.getTime()))),o=new Date(Math.max(...r.map(p=>p.getTime()))),u=[],i=new Date(s);for(;i<=o;){if(Array.isArray(n)&&n.includes(i)){i.setDate(i.getDate()+1);continue}else if(n===i){i.setDate(i.getDate()+1);continue}u.push(`${i.getFullYear()}-${L(i.getMonth())}-${B(i.getDate())}`),i.setDate(i.getDate()+1)}return u}exports.default=ae;

package/{dist/DatePicker → DatePicker}/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { GeneralComponentProps } from '../typings/component';
 
 export type DateValue = string | number | Date | null;
@@ -18,6 +18,7 @@ export interface DatePickerProps extends GeneralComponentProps<Omit<HTMLAttribut
     enableMonthSelect?: boolean;
     showToday?: boolean;
     edgeSpacing?: number;
+    renderEvent?: (date: string) => ReactNode;
 }
 declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
 export default DatePicker;