@ceed/ads 0.1.36-2 → 0.1.36-4

package/dist/components/Accordions/index.d.ts

@@ -1,3 +1,3 @@
-import { Accordions } from "./Accordions.js";
-export * from "./Accordions.js";
+import { Accordions } from "./Accordions";
+export * from "./Accordions";
 export default Accordions;

package/dist/components/Accordions/index.js

@@ -1 +1 @@
-import{Accordions as o}from"./Accordions.js";export*from"./Accordions.js";var t=o;export{t as default};
+import{Accordions as o}from"./Accordions";export*from"./Accordions";var t=o;export{t as default};

package/dist/components/Alert/Alert.js

@@ -1 +1 @@
-import o from"react";import{Alert as m,styled as p}from"@mui/joy";import{motion as y}from"framer-motion";import n from"../Typography/index.js";import d from"../Stack/index.js";const f=p(y(m))({alignItems:"flex-start",fontWeight:"unset"});function i(t){const{title:e,content:l,actions:s,color:r="primary",...a}=t,c=t.invertedColors||t.variant==="solid";return o.createElement(f,{...a,color:r,endDecorator:s,invertedColors:c},o.createElement(d,null,e&&o.createElement(n,{level:"title-sm",color:r},e),o.createElement(n,{level:"body-sm",color:r},l)))}i.displayName="Alert";export{i as Alert};
+import o from"react";import{Alert as m,styled as p}from"@mui/joy";import{motion as y}from"framer-motion";import n from"../Typography";import d from"../Stack";const f=p(y(m))({alignItems:"flex-start",fontWeight:"unset"});function i(t){const{title:e,content:l,actions:s,color:r="primary",...a}=t,c=t.invertedColors||t.variant==="solid";return o.createElement(f,{...a,color:r,endDecorator:s,invertedColors:c},o.createElement(d,null,e&&o.createElement(n,{level:"title-sm",color:r},e),o.createElement(n,{level:"body-sm",color:r},l)))}i.displayName="Alert";export{i as Alert};

package/dist/components/Alert/index.d.ts

@@ -1,3 +1,3 @@
-import { Alert } from "./Alert.js";
-export * from "./Alert.js";
+import { Alert } from './Alert';
+export * from './Alert';
 export default Alert;

package/dist/components/Alert/index.js

@@ -1 +1 @@
-import{Alert as r}from"./Alert.js";export*from"./Alert.js";var t=r;export{t as default};
+import{Alert as r}from"./Alert";export*from"./Alert";var t=r;export{t as default};

package/dist/components/Autocomplete/Autocomplete.js

@@ -1 +1 @@
-import t,{useCallback as C,useEffect as R,useMemo as h,useRef as J}from"react";import{Autocomplete as N,AutocompleteOption as $,ListSubheader as F,AutocompleteListbox as H,ListItemDecorator as w,CircularProgress as q,styled as P}from"@mui/joy";import B from"@mui/icons-material/esm/Close.js";import{useVirtualizer as G}from"@tanstack/react-virtual";import{Popper as U}from"@mui/base";import W from"../FormControl/index.js";import _ from"../FormLabel/index.js";import j from"../FormHelperText/index.js";import Y from"../Chip/index.js";import K from"../IconButton/index.js";import Q from"../Stack/index.js";import{useControlledState as X}from"../../hooks/use-controlled-state/index.js";const Z=P(U,{name:"Autocomplete",slot:"Popper"})(({theme:o})=>({zIndex:o.zIndex.tooltip})),ee=t.forwardRef((o,i)=>{const{anchorEl:y,open:m,modifiers:b,children:n,ownerState:{loading:O,size:x="md"},...D}=o,A=J(null),E=n[0].every(l=>l.hasOwnProperty("group")),g=O?[n[1]]:n[0].length===0?[n[2]]:E?n[0].flatMap(l=>[t.createElement(F,{key:l.key,component:"li"},l.group),...l.children]):n[0],c=G({count:g.length,estimateSize:()=>36,getScrollElement:()=>A.current,measureElement:l=>l.clientHeight,overscan:5}),d=c.getVirtualItems();return R(()=>{m&&c.measure()},[m,c]),t.createElement(Z,{ref:i,anchorEl:y,open:m,modifiers:b},t.createElement(H,{...D},t.createElement("div",{ref:A,style:{overflow:"auto"}},t.createElement("div",{style:{height:`${c.getTotalSize()}px`,position:"relative"}},d.map(({index:l,size:f,start:s,key:p})=>t.cloneElement(g[l],{key:p,style:{position:"absolute",top:0,left:0,width:"100%",fontSize:`var(--ceed-fontSize-${x})`,height:`${f}px`,transform:`translateY(${s}px)`,overflow:"visible"},children:t.createElement("div",{style:{textOverflow:"ellipsis",textWrap:"nowrap",overflow:"hidden",width:"100%"}},g[l].props.children)}))))))}),V={sm:"20px",md:"24px",lg:"28px"},te=P(K,{name:"Autocomplete",slot:"tagDelete"})(({theme:o,size:i="md"})=>({width:V[i],height:V[i],minWidth:V[i],minHeight:V[i],borderRadius:"50%"}));function S(o){const{label:i,error:y,helperText:m,color:b,size:n,disabled:O,required:x,onChange:D,onChangeComplete:A,sx:E,className:g,...c}=o,[d,l]=X(o.value,o.defaultValue||"",C(e=>D?.({target:{value:e,name:o.name}}),[D,o.name])),f=h(()=>o.options.map(e=>typeof e!="object"?{value:e,label:e}:e),[o.options]),s=h(()=>{const e=new Map;return f.forEach(r=>{e.set(r.value,r)}),e},[f]),p=h(()=>o.loading?{value:"",label:"",startDecorator:t.createElement(q,{size:"sm",color:"neutral",variant:"plain",thickness:3})}:Array.isArray(d)?d.map(e=>s.get(e||"")):s.get(d),[d,s,o.loading]),u=C(e=>t.isValidElement(e)&&!o.loading?t.cloneElement(e,{size:n}):e,[n,o.loading]),T=h(()=>u(p?.startDecorator||o.startDecorator),[p,u,o.startDecorator]),L=h(()=>u(p?.endDecorator||o.endDecorator),[p,u,o.endDecorator]),I=C((e,r)=>{const a=r,M=Array.isArray(a)?a.map(v=>v.value):a?.value;l(M),(Array.isArray(a)&&a.map(v=>s.get(v.value))||s.get(a?.value))&&A?.({...e,target:{...e.target,value:M}})},[A,l,s]),k=t.createElement(N,{...c,required:x,onChange:I,color:y?"danger":b,value:p||null,options:f,size:n,disabled:O,startDecorator:T,endDecorator:L,getOptionLabel:e=>`${e.value??""}`,renderTags:(e,r)=>e.map((a,M)=>{const{onClick:v,...z}=r({index:M});return u(t.createElement(Y,{color:"primary",...z},t.createElement(Q,{direction:"row",alignItems:"center",gap:2,py:.5},a.value,u(t.createElement(te,{color:"primary",variant:"soft",onClick:v},t.createElement(B,null))))))}),slots:{listbox:ee},renderOption:(e,r)=>t.createElement($,{...e},r.startDecorator&&t.createElement(w,{sx:a=>({marginInlineEnd:`var(--Input-gap, ${a.spacing(1)})`})},u(r.startDecorator)),u(r.label),r.endDecorator&&t.createElement(w,{sx:a=>({marginInlineStart:`var(--Input-gap, ${a.spacing(1)})`})},u(r.endDecorator))),renderGroup:e=>e});return t.createElement(W,{required:x,color:b,size:n,error:y,disabled:O,sx:E,className:g},i&&t.createElement(_,null,i),k,m&&t.createElement(j,null,m))}S.displayName="Autocomplete";export{S as Autocomplete};
+import t,{useCallback as C,useEffect as R,useMemo as h,useRef as J}from"react";import{Autocomplete as N,AutocompleteOption as $,ListSubheader as F,AutocompleteListbox as H,ListItemDecorator as w,CircularProgress as q,styled as P}from"@mui/joy";import B from"@mui/icons-material/esm/Close.js";import{useVirtualizer as G}from"@tanstack/react-virtual";import{Popper as U}from"@mui/base";import W from"../FormControl";import _ from"../FormLabel";import j from"../FormHelperText";import Y from"../Chip";import K from"../IconButton";import Q from"../Stack";import{useControlledState as X}from"../../hooks/use-controlled-state";const Z=P(U,{name:"Autocomplete",slot:"Popper"})(({theme:o})=>({zIndex:o.zIndex.tooltip})),ee=t.forwardRef((o,i)=>{const{anchorEl:y,open:m,modifiers:b,children:n,ownerState:{loading:O,size:x="md"},...D}=o,A=J(null),E=n[0].every(l=>l.hasOwnProperty("group")),g=O?[n[1]]:n[0].length===0?[n[2]]:E?n[0].flatMap(l=>[t.createElement(F,{key:l.key,component:"li"},l.group),...l.children]):n[0],c=G({count:g.length,estimateSize:()=>36,getScrollElement:()=>A.current,measureElement:l=>l.clientHeight,overscan:5}),d=c.getVirtualItems();return R(()=>{m&&c.measure()},[m,c]),t.createElement(Z,{ref:i,anchorEl:y,open:m,modifiers:b},t.createElement(H,{...D},t.createElement("div",{ref:A,style:{overflow:"auto"}},t.createElement("div",{style:{height:`${c.getTotalSize()}px`,position:"relative"}},d.map(({index:l,size:f,start:s,key:p})=>t.cloneElement(g[l],{key:p,style:{position:"absolute",top:0,left:0,width:"100%",fontSize:`var(--ceed-fontSize-${x})`,height:`${f}px`,transform:`translateY(${s}px)`,overflow:"visible"},children:t.createElement("div",{style:{textOverflow:"ellipsis",textWrap:"nowrap",overflow:"hidden",width:"100%"}},g[l].props.children)}))))))}),V={sm:"20px",md:"24px",lg:"28px"},te=P(K,{name:"Autocomplete",slot:"tagDelete"})(({theme:o,size:i="md"})=>({width:V[i],height:V[i],minWidth:V[i],minHeight:V[i],borderRadius:"50%"}));function S(o){const{label:i,error:y,helperText:m,color:b,size:n,disabled:O,required:x,onChange:D,onChangeComplete:A,sx:E,className:g,...c}=o,[d,l]=X(o.value,o.defaultValue||"",C(e=>D?.({target:{value:e,name:o.name}}),[D,o.name])),f=h(()=>o.options.map(e=>typeof e!="object"?{value:e,label:e}:e),[o.options]),s=h(()=>{const e=new Map;return f.forEach(r=>{e.set(r.value,r)}),e},[f]),p=h(()=>o.loading?{value:"",label:"",startDecorator:t.createElement(q,{size:"sm",color:"neutral",variant:"plain",thickness:3})}:Array.isArray(d)?d.map(e=>s.get(e||"")):s.get(d),[d,s,o.loading]),u=C(e=>t.isValidElement(e)&&!o.loading?t.cloneElement(e,{size:n}):e,[n,o.loading]),T=h(()=>u(p?.startDecorator||o.startDecorator),[p,u,o.startDecorator]),L=h(()=>u(p?.endDecorator||o.endDecorator),[p,u,o.endDecorator]),I=C((e,r)=>{const a=r,M=Array.isArray(a)?a.map(v=>v.value):a?.value;l(M),(Array.isArray(a)&&a.map(v=>s.get(v.value))||s.get(a?.value))&&A?.({...e,target:{...e.target,value:M}})},[A,l,s]),k=t.createElement(N,{...c,required:x,onChange:I,color:y?"danger":b,value:p||null,options:f,size:n,disabled:O,startDecorator:T,endDecorator:L,getOptionLabel:e=>`${e.value??""}`,renderTags:(e,r)=>e.map((a,M)=>{const{onClick:v,...z}=r({index:M});return u(t.createElement(Y,{color:"primary",...z},t.createElement(Q,{direction:"row",alignItems:"center",gap:2,py:.5},a.value,u(t.createElement(te,{color:"primary",variant:"soft",onClick:v},t.createElement(B,null))))))}),slots:{listbox:ee},renderOption:(e,r)=>t.createElement($,{...e},r.startDecorator&&t.createElement(w,{sx:a=>({marginInlineEnd:`var(--Input-gap, ${a.spacing(1)})`})},u(r.startDecorator)),u(r.label),r.endDecorator&&t.createElement(w,{sx:a=>({marginInlineStart:`var(--Input-gap, ${a.spacing(1)})`})},u(r.endDecorator))),renderGroup:e=>e});return t.createElement(W,{required:x,color:b,size:n,error:y,disabled:O,sx:E,className:g},i&&t.createElement(_,null,i),k,m&&t.createElement(j,null,m))}S.displayName="Autocomplete";export{S as Autocomplete};

package/dist/components/Autocomplete/index.d.ts

@@ -1,3 +1,3 @@
-import { Autocomplete } from "./Autocomplete.js";
-export * from "./Autocomplete.js";
+import { Autocomplete } from "./Autocomplete";
+export * from "./Autocomplete";
 export default Autocomplete;

package/dist/components/Autocomplete/index.js

@@ -1 +1 @@
-import{Autocomplete as o}from"./Autocomplete.js";export*from"./Autocomplete.js";var e=o;export{e as default};
+import{Autocomplete as o}from"./Autocomplete";export*from"./Autocomplete";var e=o;export{e as default};

package/dist/components/Box/index.d.ts

@@ -1,3 +1,3 @@
-import { Box } from "./Box.js";
-export * from "./Box.js";
+import { Box } from "./Box";
+export * from "./Box";
 export default Box;

package/dist/components/Box/index.js

@@ -1 +1 @@
-import{Box as o}from"./Box.js";export*from"./Box.js";var t=o;export{t as default};
+import{Box as o}from"./Box";export*from"./Box";var t=o;export{t as default};

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1 +1 @@
-import s from"react";import{Breadcrumbs as a,Link as P}from"@mui/joy";import g,{MenuButton as M,MenuItem as h}from"../Menu/index.js";import z from"../Dropdown/index.js";import x from"../Typography/index.js";function d(k){const{crumbs:n,size:o,startCrumbCount:e=1,endCrumbCount:c=3,slots:{link:i,...u}={link:P},slotProps:{link:f,...m}={link:{color:"neutral"}},collapsed:C=!0,...b}=k,t=r=>r.type==="link"&&i?s.createElement(i,{to:r.linkHref,href:r.linkHref,...f},r.label):s.createElement(x,null,r.label);if(!C)return s.createElement(a,{size:o,slots:u,slotProps:m,...b},n.map(r=>s.createElement(t,{...r})));const l=Math.max(1,c),y=n.slice(0,e).map(r=>s.createElement(t,{...r})),B=(e+l>n.length?n.slice(e):n.slice(-l)).map(r=>s.createElement(t,{...r})),p=n.slice(e,-l).map(r=>s.createElement(h,null,s.createElement(t,{...r})));return s.createElement(a,{size:o,slots:u,slotProps:m,...b},y,p.length&&s.createElement(z,null,s.createElement(M,{size:o,variant:"plain"},"..."),s.createElement(g,{size:o},p)),B)}d.displayName="Breadcrumbs";export{d as Breadcrumbs};
+import s from"react";import{Breadcrumbs as a,Link as P}from"@mui/joy";import g,{MenuButton as M,MenuItem as h}from"../Menu";import z from"../Dropdown";import x from"../Typography";function d(k){const{crumbs:n,size:o,startCrumbCount:e=1,endCrumbCount:c=3,slots:{link:i,...u}={link:P},slotProps:{link:f,...m}={link:{color:"neutral"}},collapsed:C=!0,...b}=k,t=r=>r.type==="link"&&i?s.createElement(i,{to:r.linkHref,href:r.linkHref,...f},r.label):s.createElement(x,null,r.label);if(!C)return s.createElement(a,{size:o,slots:u,slotProps:m,...b},n.map(r=>s.createElement(t,{...r})));const l=Math.max(1,c),y=n.slice(0,e).map(r=>s.createElement(t,{...r})),B=(e+l>n.length?n.slice(e):n.slice(-l)).map(r=>s.createElement(t,{...r})),p=n.slice(e,-l).map(r=>s.createElement(h,null,s.createElement(t,{...r})));return s.createElement(a,{size:o,slots:u,slotProps:m,...b},y,p.length&&s.createElement(z,null,s.createElement(M,{size:o,variant:"plain"},"..."),s.createElement(g,{size:o},p)),B)}d.displayName="Breadcrumbs";export{d as Breadcrumbs};

package/dist/components/Breadcrumbs/index.d.ts

@@ -1,3 +1,3 @@
-import { Breadcrumbs } from "./Breadcrumbs.js";
-export * from "./Breadcrumbs.js";
+import { Breadcrumbs } from "./Breadcrumbs";
+export * from "./Breadcrumbs";
 export default Breadcrumbs;

package/dist/components/Breadcrumbs/index.js

@@ -1 +1 @@
-import{Breadcrumbs as r}from"./Breadcrumbs.js";export*from"./Breadcrumbs.js";var e=r;export{e as default};
+import{Breadcrumbs as r}from"./Breadcrumbs";export*from"./Breadcrumbs";var e=r;export{e as default};

package/dist/components/Button/index.d.ts

@@ -1,3 +1,3 @@
-import { Button } from "./Button.js";
-export * from "./Button.js";
+import { Button } from "./Button";
+export * from "./Button";
 export default Button;

package/dist/components/Button/index.js

@@ -1 +1 @@
-import{Button as o}from"./Button.js";export*from"./Button.js";var r=o;export{r as default};
+import{Button as o}from"./Button";export*from"./Button";var r=o;export{r as default};

package/dist/components/Calendar/Calendar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CalendarProps } from "./types.js";
+import type { CalendarProps } from "./types";
 /**
  * @see https://mui.com/x/api/date-pickers/date-calendar/ 인터페이스 참고
  */

package/dist/components/Calendar/Calendar.js

@@ -1 +1 @@
-import t,{Fragment as g,forwardRef as T,useMemo as y}from"react";import{styled as d}from"@mui/joy";import $ from"@mui/icons-material/esm/ChevronLeft.js";import V from"@mui/icons-material/esm/ChevronRight.js";import{AnimatePresence as w,motion as F}from"framer-motion";import h from"../Button/index.js";import H from"../Typography/index.js";import{getCalendarDates as A,getMonthNameFromIndex as z,getWeekdayNames as I}from"./utils/index.js";import b from"../IconButton/index.js";import{useCalendarProps as E}from"./hooks/use-calendar-props.js";import{useCalendar as m}from"./hooks/use-calendar.js";const N=d("div",{name:"Calendar",slot:"root"})({maxWidth:"264px"}),_=d("div",{name:"Calendar",slot:"calendarHeader"})(({theme:e})=>({display:"flex",justifyContent:"space-between",alignItems:"center",padding:e.spacing(2)})),v=d("div",{name:"Calendar",slot:"viewContainer",shouldForwardProp:e=>e!=="calendarType"})(({theme:e,calendarType:r})=>({paddingLeft:e.spacing(2),paddingRight:e.spacing(2),position:"relative",overflow:"hidden",minHeight:r==="datePicker"?"250px":"unset"})),f=d(F.table,{name:"Calendar",slot:"viewTable"})(({theme:e})=>({borderSpacing:0,"& td, & th":{padding:0},"& th":{paddingTop:e.spacing(2),paddingBottom:e.spacing(2)}})),O=d("thead",{name:"Calendar",slot:"weekHeaderContainer"})({}),W=d("tbody",{name:"Calendar",slot:"dayPickerContainer"})({}),L=d(h,{name:"Calendar",slot:"switchViewButton"})(({ownerState:e})=>[e.view==="month"&&{pointerEvents:"none"}]),Y=d("td",{name:"Calendar",slot:"dayCell"})(({theme:e})=>({"&[aria-current=date]":{position:"relative","& button[aria-current=date]:not([aria-selected=true]):not(:hover):not(:active)":{backgroundColor:`rgb(${e.palette.primary.lightChannel})`},'& + td[aria-hidden] + td[aria-current="date"]::before':{content:'""',position:"absolute",top:0,left:"-10px",bottom:0,width:"16px",backgroundColor:`rgb(${e.palette.primary.lightChannel})`,zIndex:-1}}})),j=d("td",{name:"Calendar",slot:"monthCell"})(({theme:e})=>({"&[aria-current=date]":{position:"relative","& button[aria-current=date]:not([aria-selected=true]):not(:hover):not(:active)":{backgroundColor:`rgb(${e.palette.primary.lightChannel})`},'& + td[aria-hidden] + td[aria-current="date"]::before':{content:'""',position:"absolute",top:0,left:"-10px",bottom:0,width:"16px",backgroundColor:`rgb(${e.palette.primary.lightChannel})`,zIndex:-1}}})),q=d(h,{name:"Calendar",slot:"month",shouldForwardProp:e=>e!=="isSelected"})(({theme:e,isSelected:r,disabled:s})=>[{width:"59px",textAlign:"center","&:hover":{color:e.palette.primary.softColor,backgroundColor:e.palette.primary.softHoverBg},"&:active":{color:e.palette.primary.softColor,backgroundColor:e.palette.primary.softActiveBg}},r&&{backgroundColor:e.palette.primary.solidBg,color:e.palette.primary.solidColor,"&:hover":{color:e.palette.primary.solidColor,backgroundColor:e.palette.primary.solidHoverBg},"&:active":{color:e.palette.primary.solidColor,backgroundColor:e.palette.primary.solidActiveBg}},s&&{color:e.palette.neutral.solidDisabledColor,backgroundColor:e.palette.neutral.solidDisabledBg}]),G=d(h,{name:"Calendar",slot:"day",shouldForwardProp:e=>!["isToday","isSelected"].includes(e)})(({theme:e,isToday:r,isSelected:s,disabled:p})=>[{width:"32px",height:"32px",textAlign:"center","&:hover":{color:e.palette.primary.softColor,backgroundColor:e.palette.primary.softHoverBg},"&:active":{color:e.palette.primary.softColor,backgroundColor:e.palette.primary.softActiveBg}},r&&!s&&{"&:not([aria-current=date]):not(:hover)":{border:`1px solid ${e.palette.neutral.outlinedBorder}`}},s&&{backgroundColor:e.palette.primary.solidBg,color:e.palette.primary.solidColor,"&:hover":{color:e.palette.primary.solidColor,backgroundColor:e.palette.primary.solidHoverBg},"&:active":{color:e.palette.primary.solidColor,backgroundColor:e.palette.primary.solidActiveBg}},p&&{color:e.palette.neutral.solidDisabledColor,backgroundColor:e.palette.neutral.solidDisabledBg}]),k={enter:e=>({x:e>0?300:-300,opacity:0}),center:{position:"relative",zIndex:1,x:0,opacity:1},exit:e=>({position:"absolute",zIndex:0,x:e<0?300:-300,opacity:0})},u=1e4,M=(e,r)=>Math.abs(e)*r,J=e=>{const{ownerState:r}=e,{getPickerDayProps:s,getDayCellProps:p}=m(r),c=y(()=>A(r.viewMonth),[r.viewMonth]),C=y(()=>I(r.locale||"default"),[r.locale]);return t.createElement(v,{calendarType:"datePicker"},t.createElement(w,{initial:!1,custom:r.direction},t.createElement(f,{key:`${r.viewMonth.toString()}_${r.direction}`,custom:r.direction,variants:k,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.2}},drag:"x",dragConstraints:{left:0,right:0},dragElastic:1,onDragEnd:(o,{offset:n,velocity:i})=>{const l=M(n.x,i.x);if(l<-u){const a=new Date(r.viewMonth||new Date);a.setMonth(a.getMonth()+1),r.onMonthChange?.(a)}else if(l>u){const a=new Date(r.viewMonth||new Date);a.setMonth(a.getMonth()-1),r.onMonthChange?.(a)}}},t.createElement(O,null,t.createElement("tr",null,C.map((o,n)=>t.createElement(g,{key:`${r.viewMonth}_${o}_${n}`},t.createElement("th",null,t.createElement(H,{level:"body-xs",textAlign:"center"},o)),n<6&&t.createElement("th",{style:{width:4},"aria-hidden":"true","aria-description":"cell-gap"}))))),t.createElement(W,null,c.map((o,n)=>t.createElement(g,{key:`${r.viewMonth}_${n}`},t.createElement("tr",null,o.map((i,l)=>i?t.createElement(g,{key:l},t.createElement(Y,{...p(i)},t.createElement(G,{size:"sm",variant:"plain",color:"neutral",...s(i)},i)),l<6&&t.createElement("td",{"aria-hidden":"true","aria-description":"cell-gap"})):t.createElement(g,{key:l},t.createElement("td",null),l<6&&t.createElement("td",{"aria-hidden":"true","aria-description":"cell-gap"})))),n<c.length-1&&t.createElement("tr",{"aria-hidden":"true","aria-description":"row-gap"},t.createElement("td",{colSpan:13,style:{height:4}}))))))))},K=e=>{const{ownerState:r}=e,{getPickerMonthProps:s,getMonthCellProps:p}=m(r),c=Array.from({length:12},(o,n)=>n).reduce((o,n)=>(o[o.length-1].length===4&&o.push([]),o[o.length-1].push(n),o),[[]]),C=!r.views?.find(o=>o==="day");return t.createElement(v,{calendarType:C?"monthPicker":"datePicker"},t.createElement(w,{initial:!1,custom:r.direction},t.createElement(f,{key:`${r.viewMonth.getFullYear()}_${r.direction}`,custom:r.direction,variants:k,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.2}},drag:"x",dragConstraints:{left:0,right:0},dragElastic:1,onDragEnd:(o,{offset:n,velocity:i})=>{const l=M(n.x,i.x);if(l<-u){const a=new Date(r.viewMonth||new Date);a.setMonth(a.getMonth()+1),r.onMonthChange?.(a)}else if(l>u){const a=new Date(r.viewMonth||new Date);a.setMonth(a.getMonth()-1),r.onMonthChange?.(a)}}},t.createElement("tbody",null,c.map((o,n)=>t.createElement(g,{key:n},t.createElement("tr",null,o.map((i,l)=>t.createElement(g,{key:i},t.createElement(j,{...p(i)},t.createElement(q,{size:"sm",variant:"plain",color:"neutral",...s(i)},z(i,r.locale))),l<3&&t.createElement("td",{style:{width:4},"aria-hidden":"true","aria-description":"cell-gap"})))),n<c.length-1&&t.createElement("tr",{"aria-hidden":"true","aria-description":"row-gap"},t.createElement("td",{colSpan:7,style:{height:4}}))))))))},x=T((e,r)=>{const[s,p]=E(e),{value:c,defaultValue:C,onChange:o,locale:n,onViewChange:i,onMonthChange:l,view:a,views:Q,rangeSelection:U,minDate:X,maxDate:Z,disableFuture:R,disablePast:ee,...P}=s,{calendarTitle:D,onPrev:S,onNext:B}=m(p);return t.createElement(N,{ref:r,...P},t.createElement(_,null,t.createElement(b,{size:"sm",onClick:S,"aria-label":`Previous ${a==="day"?"Month":"Year"}`},t.createElement($,null)),t.createElement(L,{ownerState:p,variant:"plain",color:"neutral",onClick:i,"aria-label":"Switch Calendar View"},D),t.createElement(b,{size:"sm",onClick:B,"aria-label":`Next ${a==="day"?"Month":"Year"}`},t.createElement(V,null))),a==="day"&&t.createElement(J,{ownerState:p}),a==="month"&&t.createElement(K,{ownerState:p}))});x.displayName="Calendar";export{x as Calendar};
+import t,{Fragment as g,forwardRef as T,useMemo as y}from"react";import{styled as d}from"@mui/joy";import $ from"@mui/icons-material/esm/ChevronLeft.js";import V from"@mui/icons-material/esm/ChevronRight.js";import{AnimatePresence as w,motion as F}from"framer-motion";import h from"../Button";import H from"../Typography";import{getCalendarDates as A,getMonthNameFromIndex as z,getWeekdayNames as I}from"./utils";import b from"../IconButton";import{useCalendarProps as E}from"./hooks/use-calendar-props";import{useCalendar as m}from"./hooks/use-calendar";const N=d("div",{name:"Calendar",slot:"root"})({maxWidth:"264px"}),_=d("div",{name:"Calendar",slot:"calendarHeader"})(({theme:e})=>({display:"flex",justifyContent:"space-between",alignItems:"center",padding:e.spacing(2)})),v=d("div",{name:"Calendar",slot:"viewContainer",shouldForwardProp:e=>e!=="calendarType"})(({theme:e,calendarType:r})=>({paddingLeft:e.spacing(2),paddingRight:e.spacing(2),position:"relative",overflow:"hidden",minHeight:r==="datePicker"?"250px":"unset"})),f=d(F.table,{name:"Calendar",slot:"viewTable"})(({theme:e})=>({borderSpacing:0,"& td, & th":{padding:0},"& th":{paddingTop:e.spacing(2),paddingBottom:e.spacing(2)}})),O=d("thead",{name:"Calendar",slot:"weekHeaderContainer"})({}),W=d("tbody",{name:"Calendar",slot:"dayPickerContainer"})({}),L=d(h,{name:"Calendar",slot:"switchViewButton"})(({ownerState:e})=>[e.view==="month"&&{pointerEvents:"none"}]),Y=d("td",{name:"Calendar",slot:"dayCell"})(({theme:e})=>({"&[aria-current=date]":{position:"relative","& button[aria-current=date]:not([aria-selected=true]):not(:hover):not(:active)":{backgroundColor:`rgb(${e.palette.primary.lightChannel})`},'& + td[aria-hidden] + td[aria-current="date"]::before':{content:'""',position:"absolute",top:0,left:"-10px",bottom:0,width:"16px",backgroundColor:`rgb(${e.palette.primary.lightChannel})`,zIndex:-1}}})),j=d("td",{name:"Calendar",slot:"monthCell"})(({theme:e})=>({"&[aria-current=date]":{position:"relative","& button[aria-current=date]:not([aria-selected=true]):not(:hover):not(:active)":{backgroundColor:`rgb(${e.palette.primary.lightChannel})`},'& + td[aria-hidden] + td[aria-current="date"]::before':{content:'""',position:"absolute",top:0,left:"-10px",bottom:0,width:"16px",backgroundColor:`rgb(${e.palette.primary.lightChannel})`,zIndex:-1}}})),q=d(h,{name:"Calendar",slot:"month",shouldForwardProp:e=>e!=="isSelected"})(({theme:e,isSelected:r,disabled:s})=>[{width:"59px",textAlign:"center","&:hover":{color:e.palette.primary.softColor,backgroundColor:e.palette.primary.softHoverBg},"&:active":{color:e.palette.primary.softColor,backgroundColor:e.palette.primary.softActiveBg}},r&&{backgroundColor:e.palette.primary.solidBg,color:e.palette.primary.solidColor,"&:hover":{color:e.palette.primary.solidColor,backgroundColor:e.palette.primary.solidHoverBg},"&:active":{color:e.palette.primary.solidColor,backgroundColor:e.palette.primary.solidActiveBg}},s&&{color:e.palette.neutral.solidDisabledColor,backgroundColor:e.palette.neutral.solidDisabledBg}]),G=d(h,{name:"Calendar",slot:"day",shouldForwardProp:e=>!["isToday","isSelected"].includes(e)})(({theme:e,isToday:r,isSelected:s,disabled:p})=>[{width:"32px",height:"32px",textAlign:"center","&:hover":{color:e.palette.primary.softColor,backgroundColor:e.palette.primary.softHoverBg},"&:active":{color:e.palette.primary.softColor,backgroundColor:e.palette.primary.softActiveBg}},r&&!s&&{"&:not([aria-current=date]):not(:hover)":{border:`1px solid ${e.palette.neutral.outlinedBorder}`}},s&&{backgroundColor:e.palette.primary.solidBg,color:e.palette.primary.solidColor,"&:hover":{color:e.palette.primary.solidColor,backgroundColor:e.palette.primary.solidHoverBg},"&:active":{color:e.palette.primary.solidColor,backgroundColor:e.palette.primary.solidActiveBg}},p&&{color:e.palette.neutral.solidDisabledColor,backgroundColor:e.palette.neutral.solidDisabledBg}]),k={enter:e=>({x:e>0?300:-300,opacity:0}),center:{position:"relative",zIndex:1,x:0,opacity:1},exit:e=>({position:"absolute",zIndex:0,x:e<0?300:-300,opacity:0})},u=1e4,M=(e,r)=>Math.abs(e)*r,J=e=>{const{ownerState:r}=e,{getPickerDayProps:s,getDayCellProps:p}=m(r),c=y(()=>A(r.viewMonth),[r.viewMonth]),C=y(()=>I(r.locale||"default"),[r.locale]);return t.createElement(v,{calendarType:"datePicker"},t.createElement(w,{initial:!1,custom:r.direction},t.createElement(f,{key:`${r.viewMonth.toString()}_${r.direction}`,custom:r.direction,variants:k,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.2}},drag:"x",dragConstraints:{left:0,right:0},dragElastic:1,onDragEnd:(o,{offset:n,velocity:i})=>{const l=M(n.x,i.x);if(l<-u){const a=new Date(r.viewMonth||new Date);a.setMonth(a.getMonth()+1),r.onMonthChange?.(a)}else if(l>u){const a=new Date(r.viewMonth||new Date);a.setMonth(a.getMonth()-1),r.onMonthChange?.(a)}}},t.createElement(O,null,t.createElement("tr",null,C.map((o,n)=>t.createElement(g,{key:`${r.viewMonth}_${o}_${n}`},t.createElement("th",null,t.createElement(H,{level:"body-xs",textAlign:"center"},o)),n<6&&t.createElement("th",{style:{width:4},"aria-hidden":"true","aria-description":"cell-gap"}))))),t.createElement(W,null,c.map((o,n)=>t.createElement(g,{key:`${r.viewMonth}_${n}`},t.createElement("tr",null,o.map((i,l)=>i?t.createElement(g,{key:l},t.createElement(Y,{...p(i)},t.createElement(G,{size:"sm",variant:"plain",color:"neutral",...s(i)},i)),l<6&&t.createElement("td",{"aria-hidden":"true","aria-description":"cell-gap"})):t.createElement(g,{key:l},t.createElement("td",null),l<6&&t.createElement("td",{"aria-hidden":"true","aria-description":"cell-gap"})))),n<c.length-1&&t.createElement("tr",{"aria-hidden":"true","aria-description":"row-gap"},t.createElement("td",{colSpan:13,style:{height:4}}))))))))},K=e=>{const{ownerState:r}=e,{getPickerMonthProps:s,getMonthCellProps:p}=m(r),c=Array.from({length:12},(o,n)=>n).reduce((o,n)=>(o[o.length-1].length===4&&o.push([]),o[o.length-1].push(n),o),[[]]),C=!r.views?.find(o=>o==="day");return t.createElement(v,{calendarType:C?"monthPicker":"datePicker"},t.createElement(w,{initial:!1,custom:r.direction},t.createElement(f,{key:`${r.viewMonth.getFullYear()}_${r.direction}`,custom:r.direction,variants:k,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.2}},drag:"x",dragConstraints:{left:0,right:0},dragElastic:1,onDragEnd:(o,{offset:n,velocity:i})=>{const l=M(n.x,i.x);if(l<-u){const a=new Date(r.viewMonth||new Date);a.setMonth(a.getMonth()+1),r.onMonthChange?.(a)}else if(l>u){const a=new Date(r.viewMonth||new Date);a.setMonth(a.getMonth()-1),r.onMonthChange?.(a)}}},t.createElement("tbody",null,c.map((o,n)=>t.createElement(g,{key:n},t.createElement("tr",null,o.map((i,l)=>t.createElement(g,{key:i},t.createElement(j,{...p(i)},t.createElement(q,{size:"sm",variant:"plain",color:"neutral",...s(i)},z(i,r.locale))),l<3&&t.createElement("td",{style:{width:4},"aria-hidden":"true","aria-description":"cell-gap"})))),n<c.length-1&&t.createElement("tr",{"aria-hidden":"true","aria-description":"row-gap"},t.createElement("td",{colSpan:7,style:{height:4}}))))))))},x=T((e,r)=>{const[s,p]=E(e),{value:c,defaultValue:C,onChange:o,locale:n,onViewChange:i,onMonthChange:l,view:a,views:Q,rangeSelection:U,minDate:X,maxDate:Z,disableFuture:R,disablePast:ee,...P}=s,{calendarTitle:D,onPrev:S,onNext:B}=m(p);return t.createElement(N,{ref:r,...P},t.createElement(_,null,t.createElement(b,{size:"sm",onClick:S,"aria-label":`Previous ${a==="day"?"Month":"Year"}`},t.createElement($,null)),t.createElement(L,{ownerState:p,variant:"plain",color:"neutral",onClick:i,"aria-label":"Switch Calendar View"},D),t.createElement(b,{size:"sm",onClick:B,"aria-label":`Next ${a==="day"?"Month":"Year"}`},t.createElement(V,null))),a==="day"&&t.createElement(J,{ownerState:p}),a==="month"&&t.createElement(K,{ownerState:p}))});x.displayName="Calendar";export{x as Calendar};

package/dist/components/Calendar/hooks/use-calendar-props.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { View, CalendarProps } from "../types.js";
+import type { View, CalendarProps } from "../types";
 export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     onChange: ((date: [Date, Date | undefined]) => void) | undefined;
     onMonthChange: (newMonth: Date) => void;
@@ -9,7 +9,7 @@ export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     locale: string;
     view: View;
     views: View[];
-    slots?: Partial<Record<import("../types.js").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
+    slots?: Partial<Record<import("../types").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
     rangeSelection?: boolean | undefined;
     minDate?: Date | undefined;
     maxDate?: Date | undefined;
@@ -26,7 +26,7 @@ export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
     locale: string;
     view: View;
     views: View[];
-    slots?: Partial<Record<import("../types.js").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
+    slots?: Partial<Record<import("../types").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
     rangeSelection?: boolean | undefined;
     minDate?: Date | undefined;
     maxDate?: Date | undefined;

package/dist/components/Calendar/hooks/use-calendar.d.ts

@@ -1,4 +1,4 @@
-import { CalendarOwnerState } from "../types.js";
+import { CalendarOwnerState } from "../types";
 export declare const useCalendar: (ownerState: CalendarOwnerState) => {
     calendarTitle: string;
     onPrev: () => void;

package/dist/components/Calendar/hooks/use-calendar.js

@@ -1 +1 @@
-import{useCallback as c,useState as f}from"react";import{isToday as y,isSameDay as C,isWithinRange as u,getMonthName as o,getYearName as x,isSameMonth as g}from"../utils/index.js";const F=e=>{const[h,M]=f(null),[v,m]=f(null);return{calendarTitle:e.view==="month"?x(e.viewMonth,e.locale||"default"):o(e.viewMonth,e.locale||"default"),onPrev:c(()=>{if(e.view==="day"){const i=new Date(e.viewMonth||new Date);i.setMonth(i.getMonth()-1),e.onMonthChange?.(i)}else if(e.view==="month"){const i=new Date(e.viewMonth||new Date);i.setFullYear(i.getFullYear()-1),e.onMonthChange?.(i)}},[e.onMonthChange,e.viewMonth,e.view]),onNext:c(()=>{if(e.view==="day"){const i=new Date(e.viewMonth||new Date);i.setMonth(i.getMonth()+1),e.onMonthChange?.(i)}else if(e.view==="month"){const i=new Date(e.viewMonth||new Date);i.setFullYear(i.getFullYear()+1),e.onMonthChange?.(i)}},[e.onMonthChange,e.viewMonth,e.view]),getDayCellProps:c(i=>{const l=new Date(e.viewMonth||new Date);l.setHours(0,0,0,0),l.setDate(i);const a=e.rangeSelection&&e.value&&e.value[0]&&(h&&u(e.value[0],h,l)||e.value[1]&&u(e.value[0],e.value[1],l));return{"aria-label":l.toLocaleDateString(),"aria-current":a?"date":void 0}},[e.rangeSelection,e.value,e.viewMonth,h]),getMonthCellProps:c(i=>{const l=new Date(e.viewMonth||new Date);l.setDate(1),l.setHours(0,0,0,0),l.setMonth(i);const s=!e.views?.find(d=>d==="day")&&e.rangeSelection&&e.value&&e.value[0]&&(v&&u(e.value[0],v,l)||e.value[1]&&u(e.value[0],e.value[1],l));return{"aria-label":l.toLocaleDateString(),"aria-current":s?"date":void 0}},[e.rangeSelection,e.value,e.viewMonth,v]),getPickerDayProps:c(i=>{const l=new Date(e.viewMonth||new Date);l.setHours(0,0,0,0),l.setDate(i);const a=!!e.value&&(C(l,e.value[0])||e.value[1]&&C(l,e.value[1])),s=e.rangeSelection&&e.value&&e.value[0]&&(h&&u(e.value[0],h,l)||e.value[1]&&u(e.value[0],e.value[1],l)),d=()=>{e.rangeSelection?e.value?e.value[0]&&!e.value[1]?e.onChange?.([new Date(Math.min(e.value[0].getTime(),l.getTime())),new Date(Math.max(e.value[0].getTime(),l.getTime()))]):e.onChange?.([l,void 0]):e.onChange?.([l,void 0]):e.onChange?.([l,void 0]),M(null)};return{isToday:y(l),isSelected:a,onClick:d,onMouseEnter:e.rangeSelection&&e.value?.[0]&&!e.value?.[1]?()=>M(l):void 0,disabled:e.minDate&&l<e.minDate||e.maxDate&&l>e.maxDate||e.disableFuture&&l>new Date||e.disablePast&&l<(()=>{const D=new Date;return D.setHours(0,0,0,0),D})(),tabIndex:-1,"aria-label":l.toLocaleDateString(),"aria-selected":a?"true":void 0,"aria-current":s?"date":void 0}},[e.onChange,e.value,e.viewMonth,e.rangeSelection,e.minDate,e.maxDate,e.disableFuture,e.disablePast,h]),getPickerMonthProps:c(i=>{const l=new Date(e.viewMonth||new Date);l.setDate(1),l.setHours(0,0,0,0),l.setMonth(i);const a=!e.views?.find(n=>n==="day"),s=a&&e.rangeSelection,d=!!e.value&&(g(l,e.value[0])||e.value[1]&&g(l,e.value[1])),D=s&&e.value&&e.value[0]&&(v&&u(e.value[0],v,l)||e.value[1]&&u(e.value[0],e.value[1],l)),b=()=>{s?e.value?e.value[0]&&!e.value[1]?e.onChange?.([new Date(Math.min(e.value[0].getTime(),l.getTime())),new Date(Math.max(e.value[0].getTime(),l.getTime()))]):e.onChange?.([l,void 0]):e.onChange?.([l,void 0]):a?e.onChange?.([l,void 0]):(e.onViewChange?.("day"),e.onMonthChange?.(l)),m(null)};return{isSelected:d,onMouseEnter:s&&e.value?.[0]&&!e.value?.[1]?()=>m(l):void 0,disabled:e.minDate&&(()=>{const n=new Date(l);return n.setMonth(n.getMonth()+1),n.setDate(0),n<e.minDate})()||e.maxDate&&(()=>{const n=new Date(l);return n.setDate(0),n>e.maxDate})()||e.disableFuture&&l>new Date||e.disablePast&&l<new Date&&!g(l,new Date),onClick:b,tabIndex:-1,"aria-label":o(l,e.locale||"default"),"aria-selected":d?"true":void 0,"aria-current":D?"date":void 0}},[e.onMonthChange,e.onViewChange,e.onChange,e.viewMonth,e.locale,e.value,e.minDate,e.maxDate,e.disableFuture,e.disablePast,v])}};export{F as useCalendar};
+import{useCallback as c,useState as f}from"react";import{isToday as y,isSameDay as C,isWithinRange as u,getMonthName as o,getYearName as x,isSameMonth as g}from"../utils";const F=e=>{const[h,M]=f(null),[v,m]=f(null);return{calendarTitle:e.view==="month"?x(e.viewMonth,e.locale||"default"):o(e.viewMonth,e.locale||"default"),onPrev:c(()=>{if(e.view==="day"){const i=new Date(e.viewMonth||new Date);i.setMonth(i.getMonth()-1),e.onMonthChange?.(i)}else if(e.view==="month"){const i=new Date(e.viewMonth||new Date);i.setFullYear(i.getFullYear()-1),e.onMonthChange?.(i)}},[e.onMonthChange,e.viewMonth,e.view]),onNext:c(()=>{if(e.view==="day"){const i=new Date(e.viewMonth||new Date);i.setMonth(i.getMonth()+1),e.onMonthChange?.(i)}else if(e.view==="month"){const i=new Date(e.viewMonth||new Date);i.setFullYear(i.getFullYear()+1),e.onMonthChange?.(i)}},[e.onMonthChange,e.viewMonth,e.view]),getDayCellProps:c(i=>{const l=new Date(e.viewMonth||new Date);l.setHours(0,0,0,0),l.setDate(i);const a=e.rangeSelection&&e.value&&e.value[0]&&(h&&u(e.value[0],h,l)||e.value[1]&&u(e.value[0],e.value[1],l));return{"aria-label":l.toLocaleDateString(),"aria-current":a?"date":void 0}},[e.rangeSelection,e.value,e.viewMonth,h]),getMonthCellProps:c(i=>{const l=new Date(e.viewMonth||new Date);l.setDate(1),l.setHours(0,0,0,0),l.setMonth(i);const s=!e.views?.find(d=>d==="day")&&e.rangeSelection&&e.value&&e.value[0]&&(v&&u(e.value[0],v,l)||e.value[1]&&u(e.value[0],e.value[1],l));return{"aria-label":l.toLocaleDateString(),"aria-current":s?"date":void 0}},[e.rangeSelection,e.value,e.viewMonth,v]),getPickerDayProps:c(i=>{const l=new Date(e.viewMonth||new Date);l.setHours(0,0,0,0),l.setDate(i);const a=!!e.value&&(C(l,e.value[0])||e.value[1]&&C(l,e.value[1])),s=e.rangeSelection&&e.value&&e.value[0]&&(h&&u(e.value[0],h,l)||e.value[1]&&u(e.value[0],e.value[1],l)),d=()=>{e.rangeSelection?e.value?e.value[0]&&!e.value[1]?e.onChange?.([new Date(Math.min(e.value[0].getTime(),l.getTime())),new Date(Math.max(e.value[0].getTime(),l.getTime()))]):e.onChange?.([l,void 0]):e.onChange?.([l,void 0]):e.onChange?.([l,void 0]),M(null)};return{isToday:y(l),isSelected:a,onClick:d,onMouseEnter:e.rangeSelection&&e.value?.[0]&&!e.value?.[1]?()=>M(l):void 0,disabled:e.minDate&&l<e.minDate||e.maxDate&&l>e.maxDate||e.disableFuture&&l>new Date||e.disablePast&&l<(()=>{const D=new Date;return D.setHours(0,0,0,0),D})(),tabIndex:-1,"aria-label":l.toLocaleDateString(),"aria-selected":a?"true":void 0,"aria-current":s?"date":void 0}},[e.onChange,e.value,e.viewMonth,e.rangeSelection,e.minDate,e.maxDate,e.disableFuture,e.disablePast,h]),getPickerMonthProps:c(i=>{const l=new Date(e.viewMonth||new Date);l.setDate(1),l.setHours(0,0,0,0),l.setMonth(i);const a=!e.views?.find(n=>n==="day"),s=a&&e.rangeSelection,d=!!e.value&&(g(l,e.value[0])||e.value[1]&&g(l,e.value[1])),D=s&&e.value&&e.value[0]&&(v&&u(e.value[0],v,l)||e.value[1]&&u(e.value[0],e.value[1],l)),b=()=>{s?e.value?e.value[0]&&!e.value[1]?e.onChange?.([new Date(Math.min(e.value[0].getTime(),l.getTime())),new Date(Math.max(e.value[0].getTime(),l.getTime()))]):e.onChange?.([l,void 0]):e.onChange?.([l,void 0]):a?e.onChange?.([l,void 0]):(e.onViewChange?.("day"),e.onMonthChange?.(l)),m(null)};return{isSelected:d,onMouseEnter:s&&e.value?.[0]&&!e.value?.[1]?()=>m(l):void 0,disabled:e.minDate&&(()=>{const n=new Date(l);return n.setMonth(n.getMonth()+1),n.setDate(0),n<e.minDate})()||e.maxDate&&(()=>{const n=new Date(l);return n.setDate(0),n>e.maxDate})()||e.disableFuture&&l>new Date||e.disablePast&&l<new Date&&!g(l,new Date),onClick:b,tabIndex:-1,"aria-label":o(l,e.locale||"default"),"aria-selected":d?"true":void 0,"aria-current":D?"date":void 0}},[e.onMonthChange,e.onViewChange,e.onChange,e.viewMonth,e.locale,e.value,e.minDate,e.maxDate,e.disableFuture,e.disablePast,v])}};export{F as useCalendar};

package/dist/components/Calendar/index.d.ts

@@ -1,3 +1,3 @@
-import { Calendar } from "./Calendar.js";
-export * from "./Calendar.js";
+import { Calendar } from "./Calendar";
+export * from "./Calendar";
 export default Calendar;

package/dist/components/Calendar/index.js

@@ -1 +1 @@
-import{Calendar as r}from"./Calendar.js";export*from"./Calendar.js";var e=r;export{e as default};
+import{Calendar as r}from"./Calendar";export*from"./Calendar";var e=r;export{e as default};

package/dist/components/Card/index.d.ts

@@ -1,3 +1,3 @@
-import { Card } from "./Card.js";
-export * from "./Card.js";
+import { Card } from "./Card";
+export * from "./Card";
 export default Card;

package/dist/components/Card/index.js

@@ -1 +1 @@
-import{Card as r}from"./Card.js";export*from"./Card.js";var t=r;export{t as default};
+import{Card as r}from"./Card";export*from"./Card";var t=r;export{t as default};

package/dist/components/Checkbox/index.d.ts

@@ -1,3 +1,3 @@
-import { Checkbox } from "./Checkbox.js";
-export * from "./Checkbox.js";
+import { Checkbox } from "./Checkbox";
+export * from "./Checkbox";
 export default Checkbox;

package/dist/components/Checkbox/index.js

@@ -1 +1 @@
-import{Checkbox as o}from"./Checkbox.js";export*from"./Checkbox.js";var e=o;export{e as default};
+import{Checkbox as o}from"./Checkbox";export*from"./Checkbox";var e=o;export{e as default};

package/dist/components/Chip/index.d.ts

@@ -1,3 +1,3 @@
-import { Chip } from "./Chip.js";
-export * from "./Chip.js";
+import { Chip } from './Chip';
+export * from './Chip';
 export default Chip;

package/dist/components/Chip/index.js

@@ -1 +1 @@
-import{Chip as o}from"./Chip.js";export*from"./Chip.js";var p=o;export{p as default};
+import{Chip as o}from"./Chip";export*from"./Chip";var p=o;export{p as default};

package/dist/components/Container/index.d.ts

@@ -1,3 +1,3 @@
-import { Container } from "./Container.js";
-export * from "./Container.js";
+import { Container } from "./Container";
+export * from "./Container";
 export default Container;

package/dist/components/Container/index.js

@@ -1 +1 @@
-import{Container as o}from"./Container.js";export*from"./Container.js";var t=o;export{t as default};
+import{Container as o}from"./Container";export*from"./Container";var t=o;export{t as default};

package/dist/components/CurrencyInput/CurrencyInput.js

@@ -1 +1 @@
-import m,{useCallback as h,useMemo as x,useState as U}from"react";import{IntlMessageFormat as q}from"intl-messageformat";import{NumericFormat as D}from"react-number-format";import F from"../Input/index.js";import{useCurrencySetting as O}from"./hooks/use-currency-setting.js";import{useControlledState as A}from"../../hooks/use-controlled-state/index.js";const E=m.forwardRef(function(e,s){const{onChange:o,...u}=e;return m.createElement(D,{...u,onValueChange:({value:l})=>{o?.({target:{name:e.name,value:l}})},valueIsNumericString:!0,getInputRef:s,allowNegative:!1})}),H=m.forwardRef(function(e,s){const{currency:o="USD",name:u,onChange:l,label:M,error:p,helperText:I,required:y,disabled:P,useMinorUnit:r,sx:N,className:S,...b}=e,{symbol:w,thousandSeparator:R,decimalSeparator:c,placeholder:T,fixedDecimalScale:k,decimalScale:n}=O(o),[i,d]=A(e.value,e.defaultValue,h(t=>l?.({target:{name:u,value:t}}),[l,u])),f=x(()=>i&&r?i/Math.pow(10,n):i,[i,r,n]),a=x(()=>e.max&&r?e.max/Math.pow(10,n):e.max,[e.max,r,n]),[g,v]=U(!!a&&!!f&&f>a),V=h(t=>{if(t.target.value===""){d(void 0);return}const L=Number(r?t.target.value?.replace(c,""):t.target.value);a&&Number(t.target.value)>a?v(!0):v(!1),d(L)},[c,a,r,d]);return m.createElement(F,{...b,size:"sm",ref:s,value:f,placeholder:T,onChange:V,error:p||g,disabled:P,required:y,color:p||g?"danger":e.color,label:M,helperText:g?new q(`limit: {amount, number, ::currency/${o} unit-width-narrow}`).format({amount:a}):I,slotProps:{input:{component:E,decimalSeparator:c,thousandSeparator:R,prefix:w,fixedDecimalScale:k,decimalScale:n,"aria-label":b["aria-label"]}},sx:{...N,fontFamily:"monospace"},className:S})});export{H as CurrencyInput};
+import m,{useCallback as h,useMemo as x,useState as U}from"react";import{IntlMessageFormat as q}from"intl-messageformat";import{NumericFormat as D}from"react-number-format";import F from"../Input";import{useCurrencySetting as O}from"./hooks/use-currency-setting";import{useControlledState as A}from"../../hooks/use-controlled-state";const E=m.forwardRef(function(e,s){const{onChange:o,...u}=e;return m.createElement(D,{...u,onValueChange:({value:l})=>{o?.({target:{name:e.name,value:l}})},valueIsNumericString:!0,getInputRef:s,allowNegative:!1})}),H=m.forwardRef(function(e,s){const{currency:o="USD",name:u,onChange:l,label:M,error:p,helperText:I,required:y,disabled:P,useMinorUnit:r,sx:N,className:S,...b}=e,{symbol:w,thousandSeparator:R,decimalSeparator:c,placeholder:T,fixedDecimalScale:k,decimalScale:n}=O(o),[i,d]=A(e.value,e.defaultValue,h(t=>l?.({target:{name:u,value:t}}),[l,u])),f=x(()=>i&&r?i/Math.pow(10,n):i,[i,r,n]),a=x(()=>e.max&&r?e.max/Math.pow(10,n):e.max,[e.max,r,n]),[g,v]=U(!!a&&!!f&&f>a),V=h(t=>{if(t.target.value===""){d(void 0);return}const L=Number(r?t.target.value?.replace(c,""):t.target.value);a&&Number(t.target.value)>a?v(!0):v(!1),d(L)},[c,a,r,d]);return m.createElement(F,{...b,size:"sm",ref:s,value:f,placeholder:T,onChange:V,error:p||g,disabled:P,required:y,color:p||g?"danger":e.color,label:M,helperText:g?new q(`limit: {amount, number, ::currency/${o} unit-width-narrow}`).format({amount:a}):I,slotProps:{input:{component:E,decimalSeparator:c,thousandSeparator:R,prefix:w,fixedDecimalScale:k,decimalScale:n,"aria-label":b["aria-label"]}},sx:{...N,fontFamily:"monospace"},className:S})});export{H as CurrencyInput};

package/dist/components/CurrencyInput/index.d.ts

@@ -1,3 +1,3 @@
-import { CurrencyInput } from "./CurrencyInput.js";
-export * from "./CurrencyInput.js";
+import { CurrencyInput } from './CurrencyInput';
+export * from './CurrencyInput';
 export default CurrencyInput;

package/dist/components/CurrencyInput/index.js

@@ -1 +1 @@
-import{CurrencyInput as r}from"./CurrencyInput.js";export*from"./CurrencyInput.js";var t=r;export{t as default};
+import{CurrencyInput as r}from"./CurrencyInput";export*from"./CurrencyInput";var t=r;export{t as default};

package/dist/components/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { DataTableProps } from "./types.js";
+import type { DataTableProps } from "./types";
 declare function DataTable<T extends Record<PropertyKey, any>, GetId extends ((row: T) => any) | undefined>(props: DataTableProps<T, GetId>): React.JSX.Element;
 declare namespace DataTable {
     var displayName: string;

package/dist/components/DataTable/DataTable.framer.js

@@ -1,2 +1,2 @@
-import{ControlType as e}from"framer";import{autocompletePropertyControls as a}from"../Autocomplete/Autocomplete.framer.js";import{selectPropertyControls as i}from"../Select/Select.framer.js";import{linkPropertyControls as p}from"../Link/Link.framer.js";function l(t,r){return r.reduce((n,o)=>(t[o]&&(n[o]=t[o]),n),{})}const f={csvUrl:{title:"CSV Data",type:e.File,allowedFileTypes:["csv"]},checkboxSelection:{title:"Show Checkbox",type:e.Boolean,defaultValue:!0},disableSelectionOnClick:{type:e.Boolean,defaultValue:!1,hidden:t=>t.checkboxSelection===!1,description:"\uCCB4\uD06C\uBC15\uC2A4\uB97C \uD1B5\uD574\uC11C\uB9CC \uD589\uC744 \uC120\uD0DD\uD558\uB824\uBA74 Yes\uB85C \uC124\uC815\uD558\uC138\uC694."},noWrap:{type:e.Boolean,defaultValue:!1,description:`\uC904\uBC14\uAFC8 \uC5C6\uC774 cell\uC758 \uB0B4\uC6A9\uC744 \uD45C\uC2DC\uD558\uB824\uBA74 Yes\uB85C \uC124\uC815\uD558\uC138\uC694.
+import{ControlType as e}from"framer";import{autocompletePropertyControls as a}from"../Autocomplete/Autocomplete.framer";import{selectPropertyControls as i}from"../Select/Select.framer";import{linkPropertyControls as p}from"../Link/Link.framer";function l(t,r){return r.reduce((n,o)=>(t[o]&&(n[o]=t[o]),n),{})}const f={csvUrl:{title:"CSV Data",type:e.File,allowedFileTypes:["csv"]},checkboxSelection:{title:"Show Checkbox",type:e.Boolean,defaultValue:!0},disableSelectionOnClick:{type:e.Boolean,defaultValue:!1,hidden:t=>t.checkboxSelection===!1,description:"\uCCB4\uD06C\uBC15\uC2A4\uB97C \uD1B5\uD574\uC11C\uB9CC \uD589\uC744 \uC120\uD0DD\uD558\uB824\uBA74 Yes\uB85C \uC124\uC815\uD558\uC138\uC694."},noWrap:{type:e.Boolean,defaultValue:!1,description:`\uC904\uBC14\uAFC8 \uC5C6\uC774 cell\uC758 \uB0B4\uC6A9\uC744 \uD45C\uC2DC\uD558\uB824\uBA74 Yes\uB85C \uC124\uC815\uD558\uC138\uC694.
 \uB2E8, \uB0B4\uC6A9\uC774 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uAC00\uB824\uC9C8 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`},hoverRow:{type:e.Boolean,defaultValue:!0,description:"\uB9C8\uC6B0\uC2A4\uB97C \uC62C\uB838\uC744 \uB54C \uD589\uC744 \uAC15\uC870\uD558\uB824\uBA74 Yes\uB85C \uC124\uC815\uD558\uC138\uC694."},editMode:{type:e.Boolean,defaultValue:!1},stripe:{type:e.Enum,options:[void 0,"odd","even"],optionTitles:["None","Odd","Even"],defaultValue:void 0},columns:{type:e.Array,description:"Column\uC758 \uC0C1\uC138 \uC124\uC815\uC774 \uD544\uC694\uD55C \uACBD\uC6B0 \uC0AC\uC6A9",control:{type:e.Object,controls:{field:{type:e.String,description:"Column Name. CSV\uC5D0 \uC788\uB294 \uAC12\uC744 \uADF8\uB300\uB85C \uB123\uC5B4\uC57C \uD55C\uB2E4."},width:{type:e.String},type:{type:e.Enum,defaultValue:"text",options:["text","longText","number","currency","date","select","autocomplete","link"],optionTitles:["Text","Long Text","Number","Currency","Date","Select","Autocomplete","Link"]},resizable:{type:e.Boolean,defaultValue:!0},isColumnEditable:{type:e.Boolean,description:"Column\uC744 \uC218\uC815 \uAC00\uB2A5\uD558\uAC8C \uD560\uC9C0 \uC5EC\uBD80",defaultValue:!1},required:{type:e.Boolean,defaultValue:!1},dateProps:{type:e.Object,controls:{value:{title:"Value",type:e.String,defaultValue:"2024/04/03"}},hidden(t){return t.type!=="date"}},autoCompleteProps:{type:e.Object,controls:{...l(a,["defaultValue","options","placeholder"])},hidden(t){return t.type!=="autocomplete"}},selectProps:{type:e.Object,controls:{...l(i,["defaultValue","options","placeholder"])},hidden(t){return t.type!=="select"}},linkProps:{type:e.Object,controls:{...l(p,["href"])},hidden(t){return t.type!=="link"}}}},defaultValue:[]},stickyHeader:{type:e.Boolean,defaultValue:!1},stickyFooter:{type:e.Boolean,defaultValue:!1},loading:{type:e.Boolean,defaultValue:!1},pagination:{title:"Pagination",type:e.Boolean,defaultValue:!0},onPaginationModelChange:{type:e.EventHandler},onSelectionModelChange:{type:e.EventHandler},toolbar:{type:e.ComponentInstance}};export{f as dataTablePropertyControls};

package/dist/components/DataTable/DataTable.js

@@ -1 +1 @@
-import e,{useCallback as L,useEffect as Z,useMemo as h,useRef as re,useState as se,useId as he}from"react";import{useVirtualizer as Ce}from"@tanstack/react-virtual";import{styled as R,LinearProgress as Te,Link as xe}from"@mui/joy";import ve from"@mui/icons-material/esm/ChevronLeft.js";import Ie from"@mui/icons-material/esm/ChevronRight.js";import we from"@mui/icons-material/esm/ArrowUpwardRounded.js";import ke from"../Sheet/index.js";import{Table as Se}from"../Table/index.js";import Pe from"../Checkbox/index.js";import ae from"../Box/index.js";import j from"../Stack/index.js";import ie from"../Typography/index.js";import W from"../Button/index.js";import de from"../IconButton/index.js";import De from"../CurrencyInput/index.js";import _e from"../DatePicker/index.js";import ce from"../Input/index.js";import Me from"../Textarea/index.js";import ze from"../Autocomplete/index.js";import Ee from"../Select/index.js";import Oe from"../Tooltip/index.js";import{motion as pe}from"framer-motion";import{useControlledState as Be}from"../../hooks/use-controlled-state/index.js";function ue(t){return!t.editMode&&["number","date","currency"].includes(t.type||"")?"end":"start"}const Ae=R("tr",{name:"DataTable",slot:"overlayWrapper"})({position:"sticky",top:"calc(var(--unstable_TableCell-height, 32px))",left:0,right:0,zIndex:1,"& > td":{height:0,padding:0,border:"none !important"}}),ee=t=>"Intl"in window?new Intl.NumberFormat().format(t):t;function Le(t){const{paginationModel:{page:n,pageSize:l},rowCount:c,onPageChange:d}=t,f=1,a=Math.ceil(c/l),I=[n-2,n-1].filter(r=>r>1),m=[n+1,n+2].filter(r=>r<=a-1),C=a>1&&n<a-3,s=a>1&&n>4;return e.createElement(j,{direction:"row",spacing:1,sx:{pt:1,pb:1},justifyContent:"end",alignItems:"center"},e.createElement(j,{direction:"row",spacing:.5,alignItems:"center"},e.createElement(de,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(n-1),disabled:n===f,"aria-label":"Previous page"},e.createElement(ve,null)),n!==f&&e.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(f)},f),s&&e.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(n-3)},"..."),I.map(r=>e.createElement(W,{key:r,size:"sm",variant:"plain",color:"neutral",onClick:()=>d(r)},r)),e.createElement(W,{variant:"soft",size:"sm"},n),m.map(r=>e.createElement(W,{key:r,size:"sm",variant:"plain",color:"neutral",onClick:()=>d(r)},r)),C&&e.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(n+3)},"..."),n!==a&&e.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(a)},a),e.createElement(de,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(n+1),disabled:n===a,"aria-label":"Next page"},e.createElement(Ie,null))))}const We=t=>e.createElement(ae,{sx:{position:"absolute",top:0,right:0,bottom:0,width:"4px",cursor:"col-resize"},onClick:n=>n.stopPropagation(),onMouseDown:n=>{const l=n.clientX,c=t.current?.getBoundingClientRect().width,d=a=>{c&&l&&(t.current.style.width=`${c+(a.clientX-l)}px`)},f=()=>{document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",f)};document.addEventListener("mousemove",d),document.addEventListener("mouseup",f)}}),He=R("tbody",{name:"DataTable",slot:"tableBody"})({"&::after":{content:"''",display:"block",height:"100%"}}),$e=R("tr",{name:"DataTable",slot:"tableRow",shouldForwardProp:t=>t!=="striped"})(({striped:t})=>({...t&&{background:"var(--TableRow-stripeBackground, var(--ceed-palette-background-level2))",color:"var(--ceed-palette-text-primary)"},"&:hover":{background:"var(--TableRow-hoverBackground, var(--ceed-palette-background-level3))"}})),Ne=R("span",{name:"DataTable",slot:"headCellAsterisk"})(({theme:t})=>({color:"var(--ceed-palette-danger-500)",marginLeft:t.spacing(.5)})),Ge=pe(we),je=t=>{const{width:n,maxWidth:l,minWidth:c,stickyHeader:d,resizable:f,field:a,tableId:I,headerName:m,required:C,editMode:s,sort:r,onSortChange:$,sortable:u=!0,sortOrder:O}=t,g=re(null),y=h(()=>`${I}_header_${m??a}`.trim(),[I,m,a]),T=f??!0?We(g):null,D={width:n,minWidth:c??"50px",maxWidth:l,position:d?void 0:"relative",cursor:u?"pointer":"default",userSelect:"none"},b=ue(t),_=O[0],i=u&&e.createElement(Ge,{style:{width:"16px",height:"16px"},role:"img","aria-labelledby":y,"aria-description":(r??_)==="desc"?"descending":"ascending","data-testid":void 0,variants:{hover:{opacity:1},initial:{opacity:0}},animate:{color:r?"var(--ceed-palette-text-secondary)":"var(--ceed-palette-primary-solidDisabledColor)",rotate:(r??_)==="desc"?180:0,opacity:r?1:0},transition:{duration:0,rotate:{duration:.2,ease:"easeOut"},color:{duration:.2,ease:"easeInOut"},opacity:{duration:.2,ease:"easeInOut"}}});return e.createElement(pe.th,{id:y,"aria-label":m??a,"aria-sort":r?{asc:"ascending",desc:"descending"}[r]:"none",ref:g,key:a,style:D,onClick:F=>u&&$?.({field:a,currentSort:r,multiple:F.shiftKey}),whileHover:"hover",initial:"initial"},e.createElement(j,{gap:1,direction:"row",justifyContent:b},b==="end"&&i,e.createElement("div",null,m??a,s&&C&&e.createElement(Ne,null,"*")),b==="start"&&i),T)},Fe=t=>{const{tableId:n,field:l,type:c,renderCell:d,renderEditCell:f,isCellEditable:a,noWrap:I,row:m,rowId:C}=t,[s,r]=se(m[l]),$=re(null),u=h(()=>({row:m,value:s,id:C}),[m,C,s]),O=h(()=>!!(t.editMode&&(typeof a=="function"?a(u):a??!0)),[t.editMode,a,u]),g=h(()=>({...typeof t.componentProps=="function"?t.componentProps(u):t.componentProps||{},size:"sm"}),[t,u]),y=h(()=>({...g,onChange:i=>{g.onChange?.(i),r(i.target.value),c==="select"&&t.onCellEditStop?.({...u,originalRow:m,row:{...u.row,[l]:i.target.value},value:i.target.value})},onFocus:i=>{g.onFocus?.(i),t.onCellEditStart?.({...u,originalRow:m,row:{...u.row,value:s},value:s})},onBlur:i=>{g.onBlur?.(i),c&&["number","text","longText","currency","date"].includes(c)&&t.onCellEditStop?.({...u,originalRow:m,row:{...u.row,[l]:s},value:s})},...c==="autocomplete"&&{onChangeComplete:i=>{g.onChangeComplete?.(i),r(i.target.value),t.onCellEditStop?.({...u,originalRow:m,row:{...u.row,[l]:i.target.value},value:i.target.value})}}}),[u,m,l,s,g,c,t]),T=h(()=>f?f(u):{date:e.createElement(_e,{value:s,...y}),currency:e.createElement(De,{value:s,...y}),number:e.createElement(ce,{value:s,type:"number",...y}),text:e.createElement(ce,{value:s,type:"text",...y}),longText:e.createElement(Me,{value:s,...y}),autocomplete:e.createElement(ze,{value:s,options:y.options||[s],...y}),select:e.createElement(Ee,{value:s,options:y.options||[s],...y})}[c||"text"],[s,y,c]),D=h(()=>{if(d)return d(u);const i=s;return{link:e.createElement(t.component||xe,{children:i,...g})}[c||"text"]||i},[s,d,u,c,g,t]),b=h(()=>O&&T?T:D,[O,T,D]),_=h(()=>I&&t.type==="longText",[I,t.type]);return Z(()=>{r(m[l])},[m,l]),e.createElement("td",{ref:$,key:l,headers:`${n}_header_${t.headerName??l}`,style:{textAlign:ue({type:c}),verticalAlign:O?"top":"middle"}},_?e.createElement(Oe,{title:s,placement:"bottom",style:{maxWidth:"100%"},enterDelay:1500,enterNextDelay:1500},e.createElement("div",{style:{overflow:"hidden",textOverflow:"ellipsis"}},b)):b)},Ve=t=>{const{tableId:n,columns:l,rowId:c,editMode:d,noWrap:f,row:a}=t;return e.createElement(e.Fragment,null,l.map((I,m)=>e.createElement(Fe,{...I,tableId:n,key:`${c}_${I.field.toString()}_${m}`,row:a,rowId:c,editMode:d,noWrap:f})))};function Ke({rows:t,columns:n,rowCount:l,pagination:c,paginationMode:d,paginationModel:f,onPaginationModelChange:a,sortModel:I,sortOrder:m=["asc","desc",null],selectionModel:C=[],onSortModelChange:s,onSelectionModelChange:r,editMode:$,getId:u,isTotalSelected:O}){const[g,y]=Be(I,[],L(p=>s?.(p),[s])),T=h(()=>n.reduce((p,o)=>({...p,[o.field]:o}),{}),[n]),D=L((p,o)=>{for(const k of g){const{field:S,sort:Y}=k,x=p[S],P=o[S],G=T[S];let v=0;if(G.sortComparator?v=G.sortComparator({rowA:p,rowB:o}):typeof x=="string"&&typeof P=="string"?v=x.localeCompare(P):typeof x=="number"&&typeof P=="number"?v=x-P:x instanceof Date&&P instanceof Date&&(v=x.getTime()-P.getTime()),v!==0)return Y==="asc"?v:-v}return 0},[g,T]),b=h(()=>g.length?[...t].sort(D):t,[t,g,D]),_=h(()=>Array.from(new Set(m)),[m]),[i,F]=se(f?.page||1),w=f?.pageSize||20,M=L((p,o)=>u?.(p)??p.id??`${(o||0)+(i-1)*w}`,[u,i,w]),H=h(()=>new Set(C),[C]),B=h(()=>!c||d==="server"?b:b.slice((i-1)*w,(i-1)*w+w),[b,i,w,d,c]),V=h(()=>B.length>0&&B.every((p,o)=>H.has(M(p,o))),[B,H,M]),z=l||b.length,A=h(()=>O??(z>0&&C.length===z),[O,C,z]),q=h(()=>(n||Object.keys(b[0]||{}).map(o=>({field:o}))).map(o=>({...o,isCellEditable:$&&(typeof o.isCellEditable=="function"?o.isCellEditable:o.isCellEditable??!0),sort:g.find(k=>k.field===o.field)?.sort,sortOrder:T[o.field]?.sortOrder||_})),[b,n,$,g,T,_]),N=L(p=>{F(p),a?.({page:p,pageSize:w})},[a,w]),U=L(p=>{const{field:o,currentSort:k,multiple:S}=p,x=T[o].sortOrder||_;if(k!==void 0){const G=(x.indexOf(k)+1)%x.length,v=x[G];if(!v){const K=S?g.filter(J=>J.field!==o):[];y(K);return}const te=S?g.map(K=>K.field===o?{field:o,sort:v}:K):[{field:o,sort:v}];y(te)}else{const P=S?[...g,{field:o,sort:x[0]}]:[{field:o,sort:x[0]}];y(P)}},[_,T,g,y]);return Z(()=>{f||N(1)},[z,N,f]),Z(()=>{const p=Math.max(1,Math.ceil(z/w));i>p&&N(p)},[i,z,w,N]),Z(()=>{r?.([])},[i]),{rowCount:z,page:i,pageSize:w,onPaginationModelChange:N,getId:M,HeadCell:je,BodyRow:Ve,dataInPage:B,handleSortChange:U,isAllSelected:V,isTotalSelected:A,isSelectedRow:L(p=>H.has(p),[H]),onAllCheckboxChange:L(()=>{r?.(V?[]:B.map(M))},[V,B,r,M]),onCheckboxChange:L((p,o)=>{if(H.has(o)){const k=C.filter(S=>S!==o);r?.(k)}else{const k=[...C,o];r?.(k)}},[C,r,H]),columns:q,onTotalSelect:L(()=>{r?.(A?[]:b.map(M),!A)},[A,b,r,M])}}function me(t){const{rows:n,checkboxSelection:l,editMode:c,selectionModel:d,onSelectionModelChange:f,disableSelectionOnClick:a,rowCount:I,columns:m,onPaginationModelChange:C,pagination:s,paginationMode:r,paginationModel:$,sortModel:u,sortOrder:O,onSortModelChange:g,loading:y,slots:{checkbox:T=Pe,toolbar:D,footer:b,loadingOverlay:_=()=>e.createElement(Te,{value:8,variant:"plain"})}={},slotProps:{checkbox:i={},toolbar:F,background:w={}}={},stripe:M,...H}=t,B=he(),V=re(null),{columns:z,isAllSelected:A,isSelectedRow:q,onAllCheckboxChange:N,onCheckboxChange:U,getId:p,rowCount:o,page:k,pageSize:S,onPaginationModelChange:Y,handleSortChange:x,dataInPage:P,isTotalSelected:G,onTotalSelect:v,HeadCell:te,BodyRow:K}=Ke(t),J=Ce({count:P.length,getScrollElement:()=>V.current,estimateSize:()=>32,measureElement:E=>E.clientHeight,overscan:20}),ge=h(()=>({page:k,pageSize:S}),[k,S]),fe=J.getTotalSize(),ye=J.getVirtualItems();return e.createElement(ae,{sx:{maxHeight:"100%",overflow:"auto",display:"flex",flexDirection:"column"}},(!!l||!!D)&&e.createElement(j,{direction:"row",sx:{pt:1,pb:1},justifyContent:"space-between",alignItems:"center"},!!l&&e.createElement(j,{direction:"row",spacing:1},!A&&e.createElement(ie,{level:"body-xs"},ee(d?.length||0)," items selected"),A&&!G&&e.createElement(j,{direction:"row",spacing:1,alignItems:"center"},e.createElement(ie,{level:"body-xs"},"All ",ee(d?.length||0)," items on this page are selected."),e.createElement(W,{size:"sm",variant:"plain",onClick:v},"Select all ",ee(o??n.length)," items")),G&&e.createElement(j,{direction:"row",spacing:1,alignItems:"center"},e.createElement(ie,{level:"body-xs"},"All ",ee(o??n.length)," items are selected."),e.createElement(W,{size:"sm",variant:"plain",color:"danger",onClick:v},"Cancel"))),D&&e.createElement(D,{...F||{}})),e.createElement(ke,{variant:"outlined",sx:{height:"100%",overflow:"auto",width:"100%",boxShadow:"sm",borderRadius:"sm"},ref:V,...w},e.createElement(Se,{...H},e.createElement("thead",null,e.createElement("tr",null,l&&e.createElement("th",{style:{width:"40px",textAlign:"center"}},e.createElement(T,{onChange:N,checked:A,indeterminate:(d||[]).length>0&&!A,...i})),z.map((E,oe)=>e.createElement(te,{tableId:B,key:`${E.field.toString()}_${oe}`,stickyHeader:t.stickyHeader,editMode:!!E.isCellEditable,onSortChange:x,...E})))),e.createElement(He,{style:{height:`${fe}px`}},!!y&&e.createElement(Ae,null,e.createElement("td",null,e.createElement(ae,{sx:{position:"absolute",top:0,left:0,right:0}},e.createElement(_,null)))),ye.map((E,oe)=>{const Q=E.index,le=P[Q],X=p(le,Q),be=M&&(M==="even"&&(Q+1)%2===0||M==="odd"&&(Q+1)%2===1);return e.createElement($e,{key:X,role:l&&!a?"checkbox":void 0,tabIndex:l&&!a?-1:void 0,onClick:l&&!a?ne=>U(ne,X):void 0,"aria-checked":l&&!a?q(X):void 0,striped:be,style:{height:`${E.size}px`,transform:`translateY(${E.start-oe*E.size}px)`}},l&&e.createElement("th",{scope:"row",style:{textAlign:"center"}},e.createElement(T,{onChange:ne=>U(ne,X),checked:q(X),...i})),e.createElement(K,{tableId:B,columns:z,row:le,rowId:X,editMode:c,noWrap:t.noWrap}))})),b&&e.createElement(b,null))),S<o&&s&&e.createElement(Le,{paginationModel:ge,rowCount:o,onPageChange:Y}))}me.displayName="DataTable";export{me as DataTable};
+import e,{useCallback as L,useEffect as Z,useMemo as h,useRef as re,useState as se,useId as he}from"react";import{useVirtualizer as Ce}from"@tanstack/react-virtual";import{styled as R,LinearProgress as Te,Link as xe}from"@mui/joy";import ve from"@mui/icons-material/esm/ChevronLeft.js";import Ie from"@mui/icons-material/esm/ChevronRight.js";import we from"@mui/icons-material/esm/ArrowUpwardRounded.js";import ke from"../Sheet";import{Table as Se}from"../Table";import Pe from"../Checkbox";import ae from"../Box";import j from"../Stack";import ie from"../Typography";import W from"../Button";import de from"../IconButton";import De from"../CurrencyInput";import _e from"../DatePicker";import ce from"../Input";import Me from"../Textarea";import ze from"../Autocomplete";import Ee from"../Select";import Oe from"../Tooltip";import{motion as pe}from"framer-motion";import{useControlledState as Be}from"../../hooks/use-controlled-state";function ue(t){return!t.editMode&&["number","date","currency"].includes(t.type||"")?"end":"start"}const Ae=R("tr",{name:"DataTable",slot:"overlayWrapper"})({position:"sticky",top:"calc(var(--unstable_TableCell-height, 32px))",left:0,right:0,zIndex:1,"& > td":{height:0,padding:0,border:"none !important"}}),ee=t=>"Intl"in window?new Intl.NumberFormat().format(t):t;function Le(t){const{paginationModel:{page:n,pageSize:l},rowCount:c,onPageChange:d}=t,f=1,a=Math.ceil(c/l),I=[n-2,n-1].filter(r=>r>1),m=[n+1,n+2].filter(r=>r<=a-1),C=a>1&&n<a-3,s=a>1&&n>4;return e.createElement(j,{direction:"row",spacing:1,sx:{pt:1,pb:1},justifyContent:"end",alignItems:"center"},e.createElement(j,{direction:"row",spacing:.5,alignItems:"center"},e.createElement(de,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(n-1),disabled:n===f,"aria-label":"Previous page"},e.createElement(ve,null)),n!==f&&e.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(f)},f),s&&e.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(n-3)},"..."),I.map(r=>e.createElement(W,{key:r,size:"sm",variant:"plain",color:"neutral",onClick:()=>d(r)},r)),e.createElement(W,{variant:"soft",size:"sm"},n),m.map(r=>e.createElement(W,{key:r,size:"sm",variant:"plain",color:"neutral",onClick:()=>d(r)},r)),C&&e.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(n+3)},"..."),n!==a&&e.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(a)},a),e.createElement(de,{size:"sm",variant:"plain",color:"neutral",onClick:()=>d(n+1),disabled:n===a,"aria-label":"Next page"},e.createElement(Ie,null))))}const We=t=>e.createElement(ae,{sx:{position:"absolute",top:0,right:0,bottom:0,width:"4px",cursor:"col-resize"},onClick:n=>n.stopPropagation(),onMouseDown:n=>{const l=n.clientX,c=t.current?.getBoundingClientRect().width,d=a=>{c&&l&&(t.current.style.width=`${c+(a.clientX-l)}px`)},f=()=>{document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",f)};document.addEventListener("mousemove",d),document.addEventListener("mouseup",f)}}),He=R("tbody",{name:"DataTable",slot:"tableBody"})({"&::after":{content:"''",display:"block",height:"100%"}}),$e=R("tr",{name:"DataTable",slot:"tableRow",shouldForwardProp:t=>t!=="striped"})(({striped:t})=>({...t&&{background:"var(--TableRow-stripeBackground, var(--ceed-palette-background-level2))",color:"var(--ceed-palette-text-primary)"},"&:hover":{background:"var(--TableRow-hoverBackground, var(--ceed-palette-background-level3))"}})),Ne=R("span",{name:"DataTable",slot:"headCellAsterisk"})(({theme:t})=>({color:"var(--ceed-palette-danger-500)",marginLeft:t.spacing(.5)})),Ge=pe(we),je=t=>{const{width:n,maxWidth:l,minWidth:c,stickyHeader:d,resizable:f,field:a,tableId:I,headerName:m,required:C,editMode:s,sort:r,onSortChange:$,sortable:u=!0,sortOrder:O}=t,g=re(null),y=h(()=>`${I}_header_${m??a}`.trim(),[I,m,a]),T=f??!0?We(g):null,D={width:n,minWidth:c??"50px",maxWidth:l,position:d?void 0:"relative",cursor:u?"pointer":"default",userSelect:"none"},b=ue(t),_=O[0],i=u&&e.createElement(Ge,{style:{width:"16px",height:"16px"},role:"img","aria-labelledby":y,"aria-description":(r??_)==="desc"?"descending":"ascending","data-testid":void 0,variants:{hover:{opacity:1},initial:{opacity:0}},animate:{color:r?"var(--ceed-palette-text-secondary)":"var(--ceed-palette-primary-solidDisabledColor)",rotate:(r??_)==="desc"?180:0,opacity:r?1:0},transition:{duration:0,rotate:{duration:.2,ease:"easeOut"},color:{duration:.2,ease:"easeInOut"},opacity:{duration:.2,ease:"easeInOut"}}});return e.createElement(pe.th,{id:y,"aria-label":m??a,"aria-sort":r?{asc:"ascending",desc:"descending"}[r]:"none",ref:g,key:a,style:D,onClick:F=>u&&$?.({field:a,currentSort:r,multiple:F.shiftKey}),whileHover:"hover",initial:"initial"},e.createElement(j,{gap:1,direction:"row",justifyContent:b},b==="end"&&i,e.createElement("div",null,m??a,s&&C&&e.createElement(Ne,null,"*")),b==="start"&&i),T)},Fe=t=>{const{tableId:n,field:l,type:c,renderCell:d,renderEditCell:f,isCellEditable:a,noWrap:I,row:m,rowId:C}=t,[s,r]=se(m[l]),$=re(null),u=h(()=>({row:m,value:s,id:C}),[m,C,s]),O=h(()=>!!(t.editMode&&(typeof a=="function"?a(u):a??!0)),[t.editMode,a,u]),g=h(()=>({...typeof t.componentProps=="function"?t.componentProps(u):t.componentProps||{},size:"sm"}),[t,u]),y=h(()=>({...g,onChange:i=>{g.onChange?.(i),r(i.target.value),c==="select"&&t.onCellEditStop?.({...u,originalRow:m,row:{...u.row,[l]:i.target.value},value:i.target.value})},onFocus:i=>{g.onFocus?.(i),t.onCellEditStart?.({...u,originalRow:m,row:{...u.row,value:s},value:s})},onBlur:i=>{g.onBlur?.(i),c&&["number","text","longText","currency","date"].includes(c)&&t.onCellEditStop?.({...u,originalRow:m,row:{...u.row,[l]:s},value:s})},...c==="autocomplete"&&{onChangeComplete:i=>{g.onChangeComplete?.(i),r(i.target.value),t.onCellEditStop?.({...u,originalRow:m,row:{...u.row,[l]:i.target.value},value:i.target.value})}}}),[u,m,l,s,g,c,t]),T=h(()=>f?f(u):{date:e.createElement(_e,{value:s,...y}),currency:e.createElement(De,{value:s,...y}),number:e.createElement(ce,{value:s,type:"number",...y}),text:e.createElement(ce,{value:s,type:"text",...y}),longText:e.createElement(Me,{value:s,...y}),autocomplete:e.createElement(ze,{value:s,options:y.options||[s],...y}),select:e.createElement(Ee,{value:s,options:y.options||[s],...y})}[c||"text"],[s,y,c]),D=h(()=>{if(d)return d(u);const i=s;return{link:e.createElement(t.component||xe,{children:i,...g})}[c||"text"]||i},[s,d,u,c,g,t]),b=h(()=>O&&T?T:D,[O,T,D]),_=h(()=>I&&t.type==="longText",[I,t.type]);return Z(()=>{r(m[l])},[m,l]),e.createElement("td",{ref:$,key:l,headers:`${n}_header_${t.headerName??l}`,style:{textAlign:ue({type:c}),verticalAlign:O?"top":"middle"}},_?e.createElement(Oe,{title:s,placement:"bottom",style:{maxWidth:"100%"},enterDelay:1500,enterNextDelay:1500},e.createElement("div",{style:{overflow:"hidden",textOverflow:"ellipsis"}},b)):b)},Ve=t=>{const{tableId:n,columns:l,rowId:c,editMode:d,noWrap:f,row:a}=t;return e.createElement(e.Fragment,null,l.map((I,m)=>e.createElement(Fe,{...I,tableId:n,key:`${c}_${I.field.toString()}_${m}`,row:a,rowId:c,editMode:d,noWrap:f})))};function Ke({rows:t,columns:n,rowCount:l,pagination:c,paginationMode:d,paginationModel:f,onPaginationModelChange:a,sortModel:I,sortOrder:m=["asc","desc",null],selectionModel:C=[],onSortModelChange:s,onSelectionModelChange:r,editMode:$,getId:u,isTotalSelected:O}){const[g,y]=Be(I,[],L(p=>s?.(p),[s])),T=h(()=>n.reduce((p,o)=>({...p,[o.field]:o}),{}),[n]),D=L((p,o)=>{for(const k of g){const{field:S,sort:Y}=k,x=p[S],P=o[S],G=T[S];let v=0;if(G.sortComparator?v=G.sortComparator({rowA:p,rowB:o}):typeof x=="string"&&typeof P=="string"?v=x.localeCompare(P):typeof x=="number"&&typeof P=="number"?v=x-P:x instanceof Date&&P instanceof Date&&(v=x.getTime()-P.getTime()),v!==0)return Y==="asc"?v:-v}return 0},[g,T]),b=h(()=>g.length?[...t].sort(D):t,[t,g,D]),_=h(()=>Array.from(new Set(m)),[m]),[i,F]=se(f?.page||1),w=f?.pageSize||20,M=L((p,o)=>u?.(p)??p.id??`${(o||0)+(i-1)*w}`,[u,i,w]),H=h(()=>new Set(C),[C]),B=h(()=>!c||d==="server"?b:b.slice((i-1)*w,(i-1)*w+w),[b,i,w,d,c]),V=h(()=>B.length>0&&B.every((p,o)=>H.has(M(p,o))),[B,H,M]),z=l||b.length,A=h(()=>O??(z>0&&C.length===z),[O,C,z]),q=h(()=>(n||Object.keys(b[0]||{}).map(o=>({field:o}))).map(o=>({...o,isCellEditable:$&&(typeof o.isCellEditable=="function"?o.isCellEditable:o.isCellEditable??!0),sort:g.find(k=>k.field===o.field)?.sort,sortOrder:T[o.field]?.sortOrder||_})),[b,n,$,g,T,_]),N=L(p=>{F(p),a?.({page:p,pageSize:w})},[a,w]),U=L(p=>{const{field:o,currentSort:k,multiple:S}=p,x=T[o].sortOrder||_;if(k!==void 0){const G=(x.indexOf(k)+1)%x.length,v=x[G];if(!v){const K=S?g.filter(J=>J.field!==o):[];y(K);return}const te=S?g.map(K=>K.field===o?{field:o,sort:v}:K):[{field:o,sort:v}];y(te)}else{const P=S?[...g,{field:o,sort:x[0]}]:[{field:o,sort:x[0]}];y(P)}},[_,T,g,y]);return Z(()=>{f||N(1)},[z,N,f]),Z(()=>{const p=Math.max(1,Math.ceil(z/w));i>p&&N(p)},[i,z,w,N]),Z(()=>{r?.([])},[i]),{rowCount:z,page:i,pageSize:w,onPaginationModelChange:N,getId:M,HeadCell:je,BodyRow:Ve,dataInPage:B,handleSortChange:U,isAllSelected:V,isTotalSelected:A,isSelectedRow:L(p=>H.has(p),[H]),onAllCheckboxChange:L(()=>{r?.(V?[]:B.map(M))},[V,B,r,M]),onCheckboxChange:L((p,o)=>{if(H.has(o)){const k=C.filter(S=>S!==o);r?.(k)}else{const k=[...C,o];r?.(k)}},[C,r,H]),columns:q,onTotalSelect:L(()=>{r?.(A?[]:b.map(M),!A)},[A,b,r,M])}}function me(t){const{rows:n,checkboxSelection:l,editMode:c,selectionModel:d,onSelectionModelChange:f,disableSelectionOnClick:a,rowCount:I,columns:m,onPaginationModelChange:C,pagination:s,paginationMode:r,paginationModel:$,sortModel:u,sortOrder:O,onSortModelChange:g,loading:y,slots:{checkbox:T=Pe,toolbar:D,footer:b,loadingOverlay:_=()=>e.createElement(Te,{value:8,variant:"plain"})}={},slotProps:{checkbox:i={},toolbar:F,background:w={}}={},stripe:M,...H}=t,B=he(),V=re(null),{columns:z,isAllSelected:A,isSelectedRow:q,onAllCheckboxChange:N,onCheckboxChange:U,getId:p,rowCount:o,page:k,pageSize:S,onPaginationModelChange:Y,handleSortChange:x,dataInPage:P,isTotalSelected:G,onTotalSelect:v,HeadCell:te,BodyRow:K}=Ke(t),J=Ce({count:P.length,getScrollElement:()=>V.current,estimateSize:()=>32,measureElement:E=>E.clientHeight,overscan:20}),ge=h(()=>({page:k,pageSize:S}),[k,S]),fe=J.getTotalSize(),ye=J.getVirtualItems();return e.createElement(ae,{sx:{maxHeight:"100%",overflow:"auto",display:"flex",flexDirection:"column"}},(!!l||!!D)&&e.createElement(j,{direction:"row",sx:{pt:1,pb:1},justifyContent:"space-between",alignItems:"center"},!!l&&e.createElement(j,{direction:"row",spacing:1},!A&&e.createElement(ie,{level:"body-xs"},ee(d?.length||0)," items selected"),A&&!G&&e.createElement(j,{direction:"row",spacing:1,alignItems:"center"},e.createElement(ie,{level:"body-xs"},"All ",ee(d?.length||0)," items on this page are selected."),e.createElement(W,{size:"sm",variant:"plain",onClick:v},"Select all ",ee(o??n.length)," items")),G&&e.createElement(j,{direction:"row",spacing:1,alignItems:"center"},e.createElement(ie,{level:"body-xs"},"All ",ee(o??n.length)," items are selected."),e.createElement(W,{size:"sm",variant:"plain",color:"danger",onClick:v},"Cancel"))),D&&e.createElement(D,{...F||{}})),e.createElement(ke,{variant:"outlined",sx:{height:"100%",overflow:"auto",width:"100%",boxShadow:"sm",borderRadius:"sm"},ref:V,...w},e.createElement(Se,{...H},e.createElement("thead",null,e.createElement("tr",null,l&&e.createElement("th",{style:{width:"40px",textAlign:"center"}},e.createElement(T,{onChange:N,checked:A,indeterminate:(d||[]).length>0&&!A,...i})),z.map((E,oe)=>e.createElement(te,{tableId:B,key:`${E.field.toString()}_${oe}`,stickyHeader:t.stickyHeader,editMode:!!E.isCellEditable,onSortChange:x,...E})))),e.createElement(He,{style:{height:`${fe}px`}},!!y&&e.createElement(Ae,null,e.createElement("td",null,e.createElement(ae,{sx:{position:"absolute",top:0,left:0,right:0}},e.createElement(_,null)))),ye.map((E,oe)=>{const Q=E.index,le=P[Q],X=p(le,Q),be=M&&(M==="even"&&(Q+1)%2===0||M==="odd"&&(Q+1)%2===1);return e.createElement($e,{key:X,role:l&&!a?"checkbox":void 0,tabIndex:l&&!a?-1:void 0,onClick:l&&!a?ne=>U(ne,X):void 0,"aria-checked":l&&!a?q(X):void 0,striped:be,style:{height:`${E.size}px`,transform:`translateY(${E.start-oe*E.size}px)`}},l&&e.createElement("th",{scope:"row",style:{textAlign:"center"}},e.createElement(T,{onChange:ne=>U(ne,X),checked:q(X),...i})),e.createElement(K,{tableId:B,columns:z,row:le,rowId:X,editMode:c,noWrap:t.noWrap}))})),b&&e.createElement(b,null))),S<o&&s&&e.createElement(Le,{paginationModel:ge,rowCount:o,onPageChange:Y}))}me.displayName="DataTable";export{me as DataTable};

package/dist/components/DataTable/index.d.ts

@@ -1,3 +1,3 @@
-import { DataTable } from "./DataTable.js";
-export * from "./DataTable.js";
+import { DataTable } from "./DataTable";
+export * from "./DataTable";
 export default DataTable;

package/dist/components/DataTable/index.js

@@ -1 +1 @@
-import{DataTable as o}from"./DataTable.js";export*from"./DataTable.js";var t=o;export{t as default};
+import{DataTable as o}from"./DataTable";export*from"./DataTable";var t=o;export{t as default};

package/dist/components/DataTable/types.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode, ComponentProps } from "react";
 import { Link } from "@mui/joy";
-import { Table } from "../Table/index.js";
-import CurrencyInput from "../CurrencyInput/index.js";
-import DatePicker from "../DatePicker/index.js";
-import Input from "../Input/index.js";
-import Textarea from "../Textarea/index.js";
-import Autocomplete from "../Autocomplete/index.js";
-import Select from "../Select/index.js";
+import { Table } from "../Table";
+import CurrencyInput from "../CurrencyInput";
+import DatePicker from "../DatePicker";
+import Input from "../Input";
+import Textarea from "../Textarea";
+import Autocomplete from "../Autocomplete";
+import Select from "../Select";
 export type ObjectLike<V = any> = Record<PropertyKey, V> | {
     [key: PropertyKey]: V;
 };

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

@@ -1,5 +1,5 @@
 import React from "react";
-import Input from "../Input/index.js";
+import Input from "../Input";
 interface BaseDatePickerProps {
     value?: string;
     defaultValue?: string;

package/dist/components/DatePicker/DatePicker.js

@@ -1 +1 @@
-import a,{forwardRef as E,useCallback as g,useEffect as N,useImperativeHandle as L,useRef as S,useState as A}from"react";import{IMaskInput as Y,IMask as k}from"react-imask";import B from"@mui/icons-material/esm/CalendarToday.js";import{styled as b}from"@mui/joy";import{FocusTrap as F,ClickAwayListener as H,Popper as V}from"@mui/base";import z from"../Input/index.js";import R from"../IconButton/index.js";import q from"../Sheet/index.js";import O from"../Calendar/index.js";import $ from"../DialogActions/index.js";import j from"../Button/index.js";import{useControlledState as G}from"../../hooks/use-controlled-state/index.js";const J=b(V,{name:"DatePicker",slot:"popper"})(({theme:e})=>({zIndex:e.zIndex.tooltip})),K=b(q,{name:"DatePicker",slot:"sheet",overridesResolver:(e,t)=>t.root})(({theme:e})=>({width:"264px",boxShadow:e.shadow.md,borderRadius:e.radius.md})),Q=b("div",{name:"DatePicker",slot:"container"})({width:"100%"}),C=e=>{let t=`${e.getDate()}`,n=`${e.getMonth()+1}`;const s=e.getFullYear();return Number(t)<10&&(t="0"+t),Number(n)<10&&(n="0"+n),[s,n,t].join("/")},U=a.forwardRef(function(t,n){const{onChange:s,...m}=t;return a.createElement(Y,{...m,inputRef:n,onAccept:l=>s({target:{name:t.name,value:l}}),mask:Date,pattern:"Y/`m/`d",blocks:{d:{mask:k.MaskedRange,from:1,to:31,maxLength:2},m:{mask:k.MaskedRange,from:1,to:12,maxLength:2},Y:{mask:k.MaskedRange,from:1900,to:9999}},format:C,parse:l=>{const d=l.split("/");return new Date(Number(d[0]),Number(d[1])-1,Number(d[2]))},autofix:"pad",overwrite:!0})}),W=E((e,t)=>{const{onChange:n,disabled:s,label:m,error:l,helperText:d,minDate:D,maxDate:h,disableFuture:x,disablePast:M,required:T,sx:w,className:y,...v}=e,r=S(null),[p,P]=G(e.value,e.defaultValue||"",g(o=>n?.({target:{name:e.name,value:o}}),[e.name,n]),{disableStrict:!0}),[i,u]=A(null),c=!!i;N(()=>{i||r.current?.blur()},[i,r]),L(t,()=>r.current,[r]);const f=g(o=>{P(o.target.value)},[P]),I=g(o=>{u(i?null:o.currentTarget),setTimeout(()=>{r.current?.focus()},0)},[i,u,r]);return a.createElement(Q,null,a.createElement(F,{open:!0},a.createElement(a.Fragment,null,a.createElement(z,{...v,color:l?"danger":v.color,ref:r,size:"sm",value:p,onChange:f,placeholder:"YYYY/MM/DD",disabled:s,required:T,error:l,slotProps:{input:{component:U,ref:r}},className:y,sx:{...w,fontFamily:"monospace"},endDecorator:a.createElement(R,{variant:"plain",onClick:I,"aria-label":"Toggle Calendar","aria-controls":"date-picker-popper","aria-haspopup":"dialog","aria-expanded":c},a.createElement(B,null)),label:m,helperText:d}),c&&a.createElement(H,{onClickAway:()=>u(null)},a.createElement(J,{id:"date-picker-popper",open:!0,anchorEl:i,placement:"bottom-end",onMouseDown:o=>o.preventDefault(),modifiers:[{name:"offset",options:{offset:[4,4]}}],"aria-label":"Calendar Tooltip","aria-expanded":c},a.createElement(K,{tabIndex:-1,role:"presentation"},a.createElement(O,{value:Number.isNaN(new Date(p).getTime())?void 0:[new Date(p),void 0],onChange:([o])=>{f({target:{name:e.name,value:C(o)}}),u(null)},minDate:D?new Date(D):void 0,maxDate:h?new Date(h):void 0,disableFuture:x,disablePast:M}),a.createElement($,{sx:{p:1}},a.createElement(j,{size:"sm",variant:"plain",color:"neutral",onClick:()=>{f({target:{name:e.name,value:""}}),u(null)}},"Clear"))))))))});export{W as DatePicker};
+import a,{forwardRef as E,useCallback as g,useEffect as N,useImperativeHandle as L,useRef as S,useState as A}from"react";import{IMaskInput as Y,IMask as k}from"react-imask";import B from"@mui/icons-material/esm/CalendarToday.js";import{styled as b}from"@mui/joy";import{FocusTrap as F,ClickAwayListener as H,Popper as V}from"@mui/base";import z from"../Input";import R from"../IconButton";import q from"../Sheet";import O from"../Calendar";import $ from"../DialogActions";import j from"../Button";import{useControlledState as G}from"../../hooks/use-controlled-state";const J=b(V,{name:"DatePicker",slot:"popper"})(({theme:e})=>({zIndex:e.zIndex.tooltip})),K=b(q,{name:"DatePicker",slot:"sheet",overridesResolver:(e,t)=>t.root})(({theme:e})=>({width:"264px",boxShadow:e.shadow.md,borderRadius:e.radius.md})),Q=b("div",{name:"DatePicker",slot:"container"})({width:"100%"}),C=e=>{let t=`${e.getDate()}`,n=`${e.getMonth()+1}`;const s=e.getFullYear();return Number(t)<10&&(t="0"+t),Number(n)<10&&(n="0"+n),[s,n,t].join("/")},U=a.forwardRef(function(t,n){const{onChange:s,...m}=t;return a.createElement(Y,{...m,inputRef:n,onAccept:l=>s({target:{name:t.name,value:l}}),mask:Date,pattern:"Y/`m/`d",blocks:{d:{mask:k.MaskedRange,from:1,to:31,maxLength:2},m:{mask:k.MaskedRange,from:1,to:12,maxLength:2},Y:{mask:k.MaskedRange,from:1900,to:9999}},format:C,parse:l=>{const d=l.split("/");return new Date(Number(d[0]),Number(d[1])-1,Number(d[2]))},autofix:"pad",overwrite:!0})}),W=E((e,t)=>{const{onChange:n,disabled:s,label:m,error:l,helperText:d,minDate:D,maxDate:h,disableFuture:x,disablePast:M,required:T,sx:w,className:y,...v}=e,r=S(null),[p,P]=G(e.value,e.defaultValue||"",g(o=>n?.({target:{name:e.name,value:o}}),[e.name,n]),{disableStrict:!0}),[i,u]=A(null),c=!!i;N(()=>{i||r.current?.blur()},[i,r]),L(t,()=>r.current,[r]);const f=g(o=>{P(o.target.value)},[P]),I=g(o=>{u(i?null:o.currentTarget),setTimeout(()=>{r.current?.focus()},0)},[i,u,r]);return a.createElement(Q,null,a.createElement(F,{open:!0},a.createElement(a.Fragment,null,a.createElement(z,{...v,color:l?"danger":v.color,ref:r,size:"sm",value:p,onChange:f,placeholder:"YYYY/MM/DD",disabled:s,required:T,error:l,slotProps:{input:{component:U,ref:r}},className:y,sx:{...w,fontFamily:"monospace"},endDecorator:a.createElement(R,{variant:"plain",onClick:I,"aria-label":"Toggle Calendar","aria-controls":"date-picker-popper","aria-haspopup":"dialog","aria-expanded":c},a.createElement(B,null)),label:m,helperText:d}),c&&a.createElement(H,{onClickAway:()=>u(null)},a.createElement(J,{id:"date-picker-popper",open:!0,anchorEl:i,placement:"bottom-end",onMouseDown:o=>o.preventDefault(),modifiers:[{name:"offset",options:{offset:[4,4]}}],"aria-label":"Calendar Tooltip","aria-expanded":c},a.createElement(K,{tabIndex:-1,role:"presentation"},a.createElement(O,{value:Number.isNaN(new Date(p).getTime())?void 0:[new Date(p),void 0],onChange:([o])=>{f({target:{name:e.name,value:C(o)}}),u(null)},minDate:D?new Date(D):void 0,maxDate:h?new Date(h):void 0,disableFuture:x,disablePast:M}),a.createElement($,{sx:{p:1}},a.createElement(j,{size:"sm",variant:"plain",color:"neutral",onClick:()=>{f({target:{name:e.name,value:""}}),u(null)}},"Clear"))))))))});export{W as DatePicker};

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

@@ -1,3 +1,3 @@
-import { DatePicker } from "./DatePicker.js";
-export * from "./DatePicker.js";
+import { DatePicker } from "./DatePicker";
+export * from "./DatePicker";
 export default DatePicker;

package/dist/components/DatePicker/index.js

@@ -1 +1 @@
-import{DatePicker as r}from"./DatePicker.js";export*from"./DatePicker.js";var o=r;export{o as default};
+import{DatePicker as r}from"./DatePicker";export*from"./DatePicker";var o=r;export{o as default};

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import Input from "../Input/index.js";
+import Input from "../Input";
 interface BaseDateRangePickerProps {
     value?: string;
     defaultValue?: string;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1 +1 @@
-import a,{forwardRef as L,useCallback as c,useEffect as A,useImperativeHandle as B,useMemo as F,useRef as H,useState as V}from"react";import{IMaskInput as z,IMask as D}from"react-imask";import q from"@mui/icons-material/esm/CalendarToday.js";import{styled as b}from"@mui/joy";import{FocusTrap as j,ClickAwayListener as O,Popper as $}from"@mui/base";import G from"../Input/index.js";import J from"../IconButton/index.js";import K from"../Sheet/index.js";import Q from"../Calendar/index.js";import U from"../DialogActions/index.js";import W from"../Button/index.js";import{useControlledState as X}from"../../hooks/use-controlled-state/index.js";const Z=b($,{name:"DateRangePicker",slot:"popper"})(({theme:e})=>({zIndex:e.zIndex.tooltip})),_=b(K,{name:"DateRangePicker",slot:"sheet",overridesResolver:(e,t)=>t.root})(({theme:e})=>({zIndex:e.zIndex.tooltip,width:"264px",boxShadow:e.shadow.md,borderRadius:e.radius.md})),ee=b("div",{name:"DateRangePicker",slot:"container"})({width:"100%"}),v=([e,t])=>{const l=o=>{let n=`${o.getDate()}`,i=`${o.getMonth()+1}`;const g=o.getFullYear();return Number(n)<10&&(n="0"+n),Number(i)<10&&(i="0"+i),[g,i,n].join("/")};return[l(e),t?l(t):""].join(" - ")},M=e=>{const t=e.split(" - ")[0]||"",l=e.split(" - ")[1]||"",o=t.split("/"),n=l.split("/");return[new Date(Number(o[0]),Number(o[1])-1,Number(o[2])),new Date(Number(n[0]),Number(n[1])-1,Number(n[2]))]},ae=a.forwardRef(function(t,l){const{onChange:o,...n}=t;return a.createElement(z,{...n,inputRef:l,onAccept:i=>o({target:{name:t.name,value:i}}),mask:Date,pattern:"Y/`m/`d - Y/`m/`d",blocks:{d:{mask:D.MaskedRange,from:1,to:31,maxLength:2},m:{mask:D.MaskedRange,from:1,to:12,maxLength:2},Y:{mask:D.MaskedRange,from:1900,to:9999}},format:v,parse:M,autofix:"pad",overwrite:!0})}),x=L((e,t)=>{const{onChange:l,disabled:o,label:n,error:i,helperText:g,minDate:k,maxDate:h,disableFuture:y,disablePast:w,required:T,sx:I,className:R,...P}=e,s=H(null),[p,m]=X(e.value,e.defaultValue||"",c(r=>l?.({target:{name:e.name,value:r}}),[e.name,l]),{disableStrict:!0}),[d,u]=V(null),f=!!d,N=F(()=>p?M(p):void 0,[p]);A(()=>{d||s.current?.blur()},[d,s]),B(t,()=>s.current,[s]);const E=c(r=>{m(r.target.value)},[m]),Y=c(r=>{u(d?null:r.currentTarget),s.current?.focus()},[d,u,s]),S=c(([r,C])=>{!r||!C||(m(v([r,C])),u(null))},[m,u]);return a.createElement(ee,null,a.createElement(j,{open:!0},a.createElement(a.Fragment,null,a.createElement(G,{...P,color:i?"danger":P.color,ref:t,size:"sm",value:p,onChange:E,disabled:o,required:T,placeholder:"YYYY/MM/DD - YYYY/MM/DD",slotProps:{input:{component:ae,ref:s}},error:i,className:R,sx:{...I,fontFamily:"monospace"},endDecorator:a.createElement(J,{variant:"plain",onClick:Y,"aria-label":"Toggle Calendar","aria-controls":"date-range-picker-popper","aria-haspopup":"dialog","aria-expanded":f},a.createElement(q,null)),label:n,helperText:g}),f&&a.createElement(O,{onClickAway:()=>u(null)},a.createElement(Z,{id:"date-range-picker-popper",open:!0,anchorEl:d,placement:"bottom-end",onMouseDown:r=>r.preventDefault(),modifiers:[{name:"offset",options:{offset:[4,4]}}],"aria-label":"Calendar Tooltip","aria-expanded":f},a.createElement(_,{tabIndex:-1,role:"presentation"},a.createElement(Q,{rangeSelection:!0,defaultValue:N,onChange:S,minDate:k?new Date(k):void 0,maxDate:h?new Date(h):void 0,disableFuture:y,disablePast:w}),a.createElement(U,{sx:{p:1}},a.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>{m(""),u(null)}},"Clear"))))))))});x.displayName="DateRangePicker";export{x as DateRangePicker};
+import a,{forwardRef as L,useCallback as c,useEffect as A,useImperativeHandle as B,useMemo as F,useRef as H,useState as V}from"react";import{IMaskInput as z,IMask as D}from"react-imask";import q from"@mui/icons-material/esm/CalendarToday.js";import{styled as b}from"@mui/joy";import{FocusTrap as j,ClickAwayListener as O,Popper as $}from"@mui/base";import G from"../Input";import J from"../IconButton";import K from"../Sheet";import Q from"../Calendar";import U from"../DialogActions";import W from"../Button";import{useControlledState as X}from"../../hooks/use-controlled-state";const Z=b($,{name:"DateRangePicker",slot:"popper"})(({theme:e})=>({zIndex:e.zIndex.tooltip})),_=b(K,{name:"DateRangePicker",slot:"sheet",overridesResolver:(e,t)=>t.root})(({theme:e})=>({zIndex:e.zIndex.tooltip,width:"264px",boxShadow:e.shadow.md,borderRadius:e.radius.md})),ee=b("div",{name:"DateRangePicker",slot:"container"})({width:"100%"}),v=([e,t])=>{const l=o=>{let n=`${o.getDate()}`,i=`${o.getMonth()+1}`;const g=o.getFullYear();return Number(n)<10&&(n="0"+n),Number(i)<10&&(i="0"+i),[g,i,n].join("/")};return[l(e),t?l(t):""].join(" - ")},M=e=>{const t=e.split(" - ")[0]||"",l=e.split(" - ")[1]||"",o=t.split("/"),n=l.split("/");return[new Date(Number(o[0]),Number(o[1])-1,Number(o[2])),new Date(Number(n[0]),Number(n[1])-1,Number(n[2]))]},ae=a.forwardRef(function(t,l){const{onChange:o,...n}=t;return a.createElement(z,{...n,inputRef:l,onAccept:i=>o({target:{name:t.name,value:i}}),mask:Date,pattern:"Y/`m/`d - Y/`m/`d",blocks:{d:{mask:D.MaskedRange,from:1,to:31,maxLength:2},m:{mask:D.MaskedRange,from:1,to:12,maxLength:2},Y:{mask:D.MaskedRange,from:1900,to:9999}},format:v,parse:M,autofix:"pad",overwrite:!0})}),x=L((e,t)=>{const{onChange:l,disabled:o,label:n,error:i,helperText:g,minDate:k,maxDate:h,disableFuture:y,disablePast:w,required:T,sx:I,className:R,...P}=e,s=H(null),[p,m]=X(e.value,e.defaultValue||"",c(r=>l?.({target:{name:e.name,value:r}}),[e.name,l]),{disableStrict:!0}),[d,u]=V(null),f=!!d,N=F(()=>p?M(p):void 0,[p]);A(()=>{d||s.current?.blur()},[d,s]),B(t,()=>s.current,[s]);const E=c(r=>{m(r.target.value)},[m]),Y=c(r=>{u(d?null:r.currentTarget),s.current?.focus()},[d,u,s]),S=c(([r,C])=>{!r||!C||(m(v([r,C])),u(null))},[m,u]);return a.createElement(ee,null,a.createElement(j,{open:!0},a.createElement(a.Fragment,null,a.createElement(G,{...P,color:i?"danger":P.color,ref:t,size:"sm",value:p,onChange:E,disabled:o,required:T,placeholder:"YYYY/MM/DD - YYYY/MM/DD",slotProps:{input:{component:ae,ref:s}},error:i,className:R,sx:{...I,fontFamily:"monospace"},endDecorator:a.createElement(J,{variant:"plain",onClick:Y,"aria-label":"Toggle Calendar","aria-controls":"date-range-picker-popper","aria-haspopup":"dialog","aria-expanded":f},a.createElement(q,null)),label:n,helperText:g}),f&&a.createElement(O,{onClickAway:()=>u(null)},a.createElement(Z,{id:"date-range-picker-popper",open:!0,anchorEl:d,placement:"bottom-end",onMouseDown:r=>r.preventDefault(),modifiers:[{name:"offset",options:{offset:[4,4]}}],"aria-label":"Calendar Tooltip","aria-expanded":f},a.createElement(_,{tabIndex:-1,role:"presentation"},a.createElement(Q,{rangeSelection:!0,defaultValue:N,onChange:S,minDate:k?new Date(k):void 0,maxDate:h?new Date(h):void 0,disableFuture:y,disablePast:w}),a.createElement(U,{sx:{p:1}},a.createElement(W,{size:"sm",variant:"plain",color:"neutral",onClick:()=>{m(""),u(null)}},"Clear"))))))))});x.displayName="DateRangePicker";export{x as DateRangePicker};

package/dist/components/DateRangePicker/index.d.ts

@@ -1,3 +1,3 @@
-import { DateRangePicker } from "./DateRangePicker.js";
-export * from "./DateRangePicker.js";
+import { DateRangePicker } from "./DateRangePicker";
+export * from "./DateRangePicker";
 export default DateRangePicker;

package/dist/components/DateRangePicker/index.js

@@ -1 +1 @@
-import{DateRangePicker as e}from"./DateRangePicker.js";export*from"./DateRangePicker.js";var o=e;export{o as default};
+import{DateRangePicker as e}from"./DateRangePicker";export*from"./DateRangePicker";var o=e;export{o as default};

package/dist/components/DialogActions/index.d.ts

@@ -1,3 +1,3 @@
-import { DialogActions } from "./DialogActions.js";
-export * from "./DialogActions.js";
+import { DialogActions } from "./DialogActions";
+export * from "./DialogActions";
 export default DialogActions;

package/dist/components/DialogActions/index.js

@@ -1 +1 @@
-import{DialogActions as o}from"./DialogActions.js";export*from"./DialogActions.js";var t=o;export{t as default};
+import{DialogActions as o}from"./DialogActions";export*from"./DialogActions";var t=o;export{t as default};

package/dist/components/DialogContent/index.d.ts

@@ -1,3 +1,3 @@
-import { DialogContent } from "./DialogContent.js";
-export * from "./DialogContent.js";
+import { DialogContent } from "./DialogContent";
+export * from "./DialogContent";
 export default DialogContent;

package/dist/components/DialogContent/index.js

@@ -1 +1 @@
-import{DialogContent as o}from"./DialogContent.js";export*from"./DialogContent.js";var r=o;export{r as default};
+import{DialogContent as o}from"./DialogContent";export*from"./DialogContent";var r=o;export{r as default};

package/dist/components/DialogFrame/DialogFrame.d.ts

@@ -14,7 +14,7 @@ declare const DialogFrame: React.ForwardRefExoticComponent<Omit<Omit<Pick<{
     layout?: import("@mui/types").OverridableStringUnion<"center" | "fullscreen", import("@mui/joy").ModalDialogPropsLayoutOverrides> | undefined;
     orientation?: "horizontal" | "vertical" | undefined;
     size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalDialogPropsSizeOverrides> | undefined;
-    sx?: import("@mui/joy/styles/types/theme.js").SxProps | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
 } & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

package/dist/components/DialogFrame/DialogFrame.js

@@ -1 +1 @@
-import o from"react";import c from"../DialogTitle/index.js";import s from"../DialogContent/index.js";import{ModalDialog as g}from"../Modal/index.js";import D from"../DialogActions/index.js";import{styled as d}from"@mui/joy";const p=d(g,{name:"Dialog",slot:"Root"})({padding:0}),e=o.forwardRef((t,i)=>{const{title:l,children:r,actions:a,fullscreen:n,...m}=t;return o.createElement(p,{layout:n?"fullscreen":"center",ref:i,...m},o.createElement(c,null,l),o.createElement(s,null,r),o.createElement(D,null,a))});e.displayName="DialogFrame";export{e as DialogFrame};
+import o from"react";import c from"../DialogTitle";import s from"../DialogContent";import{ModalDialog as g}from"../Modal";import D from"../DialogActions";import{styled as d}from"@mui/joy";const p=d(g,{name:"Dialog",slot:"Root"})({padding:0}),e=o.forwardRef((t,i)=>{const{title:l,children:r,actions:a,fullscreen:n,...m}=t;return o.createElement(p,{layout:n?"fullscreen":"center",ref:i,...m},o.createElement(c,null,l),o.createElement(s,null,r),o.createElement(D,null,a))});e.displayName="DialogFrame";export{e as DialogFrame};

package/dist/components/DialogFrame/index.d.ts

@@ -1,3 +1,3 @@
-import { DialogFrame } from "./DialogFrame.js";
-export * from "./DialogFrame.js";
+import { DialogFrame } from "./DialogFrame";
+export * from "./DialogFrame";
 export default DialogFrame;

package/dist/components/DialogFrame/index.js

@@ -1 +1 @@
-import{DialogFrame as o}from"./DialogFrame.js";export*from"./DialogFrame.js";var e=o;export{e as default};
+import{DialogFrame as o}from"./DialogFrame";export*from"./DialogFrame";var e=o;export{e as default};

package/dist/components/DialogTitle/index.d.ts

@@ -1,3 +1,3 @@
-import { DialogTitle } from "./DialogTitle.js";
-export * from "./DialogTitle.js";
+import { DialogTitle } from "./DialogTitle";
+export * from "./DialogTitle";
 export default DialogTitle;