@dotss/ui 0.0.8 → 0.0.11

package/dist/ChainPicker/ChainPicker.es.js

@@ -1,179 +0,0 @@
-import { jsx as f, jsxs as q } from "@emotion/react/jsx-runtime";
-import { forwardRef as A, useRef as U, useState as b, useId as B, useLayoutEffect as G, Fragment as J } from "react";
-import T from "@emotion/styled";
-import K from "../hooks/useCheckHoverPossible/useCheckHoverPossible.es.js";
-const Q = T.ul`
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-  width: 100%;
-  height: 162px;
-  position: relative;
-  cursor: grab;
-  transition: transform 0.3s ease-out;
-`, V = T.div`
-  position: relative;
-  width: auto;
-  height: fit-content;
-  overflow: hidden;
-  &:after {
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    transform: translateY(-100%);
-    background: linear-gradient(
-      0deg,
-      rgba(255, 255, 255, 1) 0%,
-      rgba(255, 255, 255, 0.6) 10%,
-      rgba(255, 255, 255, 0) 20%,
-      rgba(255, 255, 255, 0) 80%,
-      rgba(255, 255, 255, 0.6) 90%,
-      rgba(255, 255, 255, 1) 100%
-    );
-    pointer-events: none;
-  }
-`, x = T.li`
-  height: 54px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  scroll-snap-align: start;
-  position: relative;
-
-  ${({
-  theme: {
-    palette: { grey: g },
-    typography: { h2M: e },
-    spacing: { content: o }
-  }
-}) => ({
-  fontSize: e.size,
-  fontWeight: e.weight,
-  lineHeight: e.lineHeight,
-  letterSpacing: e.letterSpacing,
-  color: g[100],
-  padding: o(3)
-})};
-
-  ${({
-  selected: g,
-  theme: {
-    palette: { grey: e },
-    typography: { h4M: o }
-  }
-}) => g ? {
-  "&, & *": {
-    color: `${e[100]} !important`
-  }
-} : {
-  color: `${e[30]} !important`,
-  fontSize: `${o.size} !important`,
-  fontWeight: `${o.weight} !important`,
-  lineHeight: `${o.lineHeight} !important`,
-  letterSpacing: `${o.letterSpacing} !important`,
-  "& *": {
-    color: `${e[30]} !important`
-  }
-}}
-`, X = 3, ie = A(function({ column: e, value: o = e[0].value, onChange: y, renderLabel: P, inlineCSS: H, wrapperProps: u, ...C }, Y) {
-  const s = U(null), r = 54, E = e.findIndex((n) => n.value === o), [h, p] = b(E * r), [$, k] = b(!1), [I, L] = b(0), [N, R] = b(0), W = B(), { isHoverPossible: z } = K(), M = (n) => {
-    k(!0), R(n), L(h);
-  }, w = (n) => {
-    if (!$) return;
-    const i = N - n;
-    let t = I + i;
-    const a = r * (e.length - 1);
-    t < 0 ? t = 0 : t > a && (t = a), p(t), s.current && (s.current.children[0].scrollTop = t);
-  }, O = (n) => M(n.clientY), j = (n) => M(n.touches[0].clientY), F = (n) => w(n.clientY), _ = (n) => w(n.touches[0].clientY), S = (n) => {
-    if (!$ || (k(!1), !z && n.type === "mouseup")) return;
-    if (Math.abs(I - h) < X) {
-      const d = n.target.closest("[data-index]");
-      if (d) {
-        const m = Number(d.dataset.index);
-        if (e[m] && s.current) {
-          const v = s.current.children[0];
-          v.scrollTo({
-            top: m * r,
-            behavior: "smooth"
-          });
-          const D = () => {
-            Math.abs(v.scrollTop - m * r) < 1 && (y(e[m].value), v.removeEventListener("scroll", D));
-          };
-          v.addEventListener("scroll", D);
-        }
-      }
-      return;
-    }
-    let i = Math.round(h / r), t = i * r;
-    const a = r * (e.length - 1);
-    t < 0 ? (t = 0, i = 0) : t > a && (t = a, i = e.length - 1);
-    const l = (c) => {
-      if (Math.abs(c - t) < 1)
-        p(t), s.current && (s.current.children[0].scrollTop = t);
-      else {
-        const d = c + (t - c) / 5;
-        p(d), s.current && (s.current.children[0].scrollTop = d), requestAnimationFrame(() => l(d));
-      }
-    };
-    requestAnimationFrame(() => l(h)), e[i] && y(e[i].value);
-  };
-  return G(() => {
-    const i = e.findIndex((t) => t.value === o) * r;
-    p(i), s.current && (s.current.children[0].scrollTop = i);
-  }, [o, e, r]), /* @__PURE__ */ f(V, { ref: s, ...u, css: u == null ? void 0 : u.inlineCSS, children: /* @__PURE__ */ f(
-    Q,
-    {
-      ref: Y,
-      css: H,
-      ...C,
-      onMouseDown: O,
-      onMouseMove: F,
-      onMouseUp: S,
-      onMouseLeave: S,
-      onTouchStart: j,
-      onTouchMove: _,
-      onTouchEnd: S,
-      onTouchCancel: S,
-      children: e.map((n, i) => {
-        const t = e.findIndex((c) => c.value === o), a = t === 0 ? 0 : Math.round(h / r), l = i === a;
-        return /* @__PURE__ */ q(J, { children: [
-          i === 0 && /* @__PURE__ */ f(
-            x,
-            {
-              className: "chain-picker-item",
-              "data-index": i,
-              selected: !1,
-              distance: (t + 1) * -1
-            }
-          ),
-          /* @__PURE__ */ f(
-            x,
-            {
-              className: "chain-picker-item",
-              "data-index": i,
-              "data-selected": l,
-              selected: l,
-              distance: i - t,
-              children: P ? P(n, l) : n.label
-            }
-          ),
-          i === e.length - 1 && /* @__PURE__ */ f(
-            x,
-            {
-              className: "chain-picker-item",
-              "data-index": i,
-              selected: !1,
-              distance: e.length - t
-            }
-          )
-        ] }, `${W}_${n.label}`);
-      })
-    }
-  ) });
-});
-export {
-  X as SCROLL_POSITION_THRESHOLD,
-  ie as default
-};

package/dist/Checkbox/Checkbox.cjs

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@emotion/react/jsx-runtime"),C=require("react"),c=require("@emotion/styled"),f=require("../core/useTheme.cjs"),h=t=>t&&t.__esModule?t:{default:t},p=h(c),x=p.default.span`
-  position: relative;
-  display: inline-flex;
-`,m=p.default.input`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  cursor: pointer;
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-`;function y({size:t,checked:n,disabled:s,color:i="primary"}){const{palette:{brand:r,grey:e,background:d}}=f.default();let o=e.white,a=e[50],u=e[20];return n&&(o=i==="primary"?r.primary.main:r[i],a=i==="primary"?r.primary.main:r[i],u=e.white),n&&s&&(o=e[30],a=e[30],u=e[10]),!n&&s&&(o=d.primary,a=e[30],u=e[20]),l.jsxs("svg",{width:t==="2xLarge"?48:24,height:t==="2xLarge"?48:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("path",{d:"M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z",fill:o}),l.jsx("path",{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:a}),l.jsx("path",{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:u})]})}const g=C.forwardRef(function({size:n="medium",color:s="primary",checked:i,disabled:r,inlineCSS:e,...d},o){return l.jsxs(x,{ref:o,css:e,children:[l.jsx(m,{type:"checkbox",checked:i,disabled:r,...d}),l.jsx(y,{size:n,color:s,checked:i,disabled:r})]})});exports.default=g;

package/dist/CircularProgressIndicator/CircularProgressIndicator.cjs

@@ -1,18 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("@emotion/react/jsx-runtime"),h=require("react"),g=require("@emotion/react"),m=require("@emotion/styled"),y=e=>e&&e.__esModule?e:{default:e},o=y(m),k=g.keyframes`
-    100% {
-        transform: rotate(270deg);
-    }
-`,x=o.default.svg`
-  ${({size:e})=>e==="large"?{width:120,height:120}:{width:40,height:40}};
-
-  transform: rotate(-90deg);
-
-  ${({loop:e})=>e?{animation:`${k} 1s infinite`}:{}};
-`,$=o.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]};
-`,_=o.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};
-`,p=h.forwardRef(function({size:t="small",value:i=0,transitionDuration:n=500,inlineCSS:l,loop:a,...d},u){const r=t==="large"?52:18,c=2*Math.PI*r,f=c*(1-(a?20:i)/100);return s.jsxs(x,{ref:u,viewBox:t==="large"?"0 0 120 120":"0 0 40 40",fill:"none",size:t,loop:a,...d,css:l,children:[s.jsx($,{size:t,r}),s.jsx(_,{size:t,transitionDuration:n,r,strokeLinecap:"round",strokeDashoffset:f,strokeDasharray:c})]})});exports.default=p;

package/dist/CircularProgressIndicator/CircularProgressIndicator.es.js

@@ -1,87 +0,0 @@
-import { jsxs as h, jsx as c } from "@emotion/react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { keyframes as k } from "@emotion/react";
-import o from "@emotion/styled";
-const y = k`
-    100% {
-        transform: rotate(270deg);
-    }
-`, p = o.svg`
-  ${({ size: r }) => r === "large" ? {
-  width: 120,
-  height: 120
-} : {
-  width: 40,
-  height: 40
-}};
-
-  transform: rotate(-90deg);
-
-  ${({ loop: r }) => r ? {
-  animation: `${y} 1s infinite`
-} : {}};
-`, u = o.circle`
-  ${({ size: r }) => r === "large" ? {
-  cx: 60,
-  cy: 60,
-  strokeWidth: 16
-} : {
-  cx: 20,
-  cy: 20,
-  strokeWidth: 4
-}};
-  stroke: ${({
-  theme: {
-    palette: { grey: r }
-  }
-}) => r[10]};
-`, x = o.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};
-`, P = g(
-  function({ size: t = "small", value: i = 0, transitionDuration: n = 500, inlineCSS: l, loop: s, ...d }, f) {
-    const e = t === "large" ? 52 : 18, a = 2 * Math.PI * e, m = a * (1 - (s ? 20 : i) / 100);
-    return /* @__PURE__ */ h(
-      p,
-      {
-        ref: f,
-        viewBox: t === "large" ? "0 0 120 120" : "0 0 40 40",
-        fill: "none",
-        size: t,
-        loop: s,
-        ...d,
-        css: l,
-        children: [
-          /* @__PURE__ */ c(u, { size: t, r: e }),
-          /* @__PURE__ */ c(
-            x,
-            {
-              size: t,
-              transitionDuration: n,
-              r: e,
-              strokeLinecap: "round",
-              strokeDashoffset: m,
-              strokeDasharray: a
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  P as default
-};

package/dist/DatePicker/DatePicker.cjs

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