@ceed/cds 0.0.176 → 0.0.177-beta.1

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { AutocompleteProps as JoyAutocompleteProps } from "@mui/joy";
+interface AutocompleteOption {
+    value: string;
+    label: string;
+    startDecorator?: React.ReactNode;
+    endDecorator?: React.ReactNode;
+}
+type AutocompleteValue<Multiple extends boolean | undefined = false> = Multiple extends true ? string[] : string;
+export type AutocompleteProps<T extends AutocompleteOption | string = string, Multiple extends boolean | undefined = false> = {
+    value?: AutocompleteValue<Multiple>;
+    defaultValue?: AutocompleteValue<Multiple>;
+    multiple?: Multiple;
+    options: T[];
+    label?: React.ReactNode;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    onChange?: (event: {
+        target: {
+            name?: string;
+            value?: AutocompleteValue<Multiple>;
+        };
+    }) => void;
+    onChangeComplete?: (event: {
+        target: {
+            name?: string;
+            value?: AutocompleteValue<Multiple>;
+        };
+    }) => void;
+} & Omit<JoyAutocompleteProps<AutocompleteOption, Multiple, boolean, boolean>, "onChange" | "value" | "options" | "defaultValue">;
+declare function Autocomplete<T extends AutocompleteOption | string, Multiple extends boolean | undefined = false>(props: AutocompleteProps<T, Multiple>): React.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+export { Autocomplete };

package/dist/esm/components/Autocomplete/Autocomplete.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const l={onChange:{type:t.EventHandler},label:{title:"Label",type:t.String},helperText:{title:"Helper Text",type:t.String},error:{title:"Error",type:t.Boolean,defaultValue:!1},defaultValue:{title:"Default Value",type:t.String,defaultValue:void 0},options:{title:"Options",type:t.Array,control:{type:t.Object,controls:{label:{title:"Label",type:t.String},chips:{title:"Chips",type:t.Object,controls:{start:{title:"Start",type:t.Object,controls:{label:{title:"Label",type:t.String},color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]}}},end:{title:"End",type:t.Object,controls:{label:{title:"Label",type:t.String},color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]}}}}}}},defaultValue:[{label:"Option1",chips:{}},{label:"Option2",chips:{}},{label:"Option3",chips:{}}]},placeholder:{title:"Placeholder",type:t.String,defaultValue:"Select an option"},variant:{title:"Variant",type:t.Enum,options:["outlined","plain","solid","soft"],defaultValue:"outlined"},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"},startDecorator:{title:"Start Decorator",type:t.ComponentInstance},disabled:{title:"Disabled",type:t.Boolean,defaultValue:!1},required:{title:"Required",type:t.Boolean,defaultValue:!1}};export{l as autocompletePropertyControls};

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -0,0 +1 @@
+import t,{useCallback as C,useEffect as J,useMemo as h,useRef as R}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/Close";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=R(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 J(()=>{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:u,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(${u}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]),u=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.filter(e=>u.has(e)).map(e=>u.get(e||"")):u.get(d),[d,u,o.loading]),s=C(e=>t.isValidElement(e)&&!o.loading?t.cloneElement(e,{size:n}):e,[n,o.loading]),T=h(()=>s(p?.startDecorator||o.startDecorator),[p,s,o.startDecorator]),L=h(()=>s(p?.endDecorator||o.endDecorator),[p,s,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=>u.get(v.value))||u.get(a?.value))&&A?.({...e,target:{...e.target,value:M}})},[A,l,u]),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.label??""}`,renderTags:(e,r)=>e.map((a,M)=>{const{onClick:v,...z}=r({index:M});return s(t.createElement(Y,{color:"primary",...z},t.createElement(Q,{direction:"row",alignItems:"center",gap:2,py:.5},a.value,s(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)})`})},s(r.startDecorator)),s(r.label),r.endDecorator&&t.createElement(w,{sx:a=>({marginInlineStart:`var(--Input-gap, ${a.spacing(1)})`})},s(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/esm/components/Autocomplete/index.d.ts

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

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

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

package/dist/esm/components/Avatar/Avatar.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { AvatarGroup } from "@mui/joy";
+export { AvatarGroup };
+declare const Avatar: React.ForwardRefExoticComponent<Omit<{
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & import("@mui/joy").AvatarSlotsAndSlotProps & {
+    alt?: string | undefined;
+    children?: React.ReactNode;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AvatarPropsColorOverrides> | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").AvatarPropsSizeOverrides> | undefined;
+    src?: string | undefined;
+    srcSet?: string | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").AvatarPropsVariantOverrides> | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "color" | "variant" | "sx" | "size" | "component" | "alt" | "src" | "srcSet" | keyof import("@mui/joy").AvatarSlotsAndSlotProps> & {
+    getInitial?: ((name: string) => string) | undefined;
+}, "ref"> & React.RefAttributes<unknown>>;
+export { Avatar };

package/dist/esm/components/Avatar/Avatar.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const o={text:{title:"Text",type:t.String,defaultValue:"Tim"},image:{title:"Image",type:t.ResponsiveImage},color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"],defaultValue:"neutral"},size:{title:"Size",type:t.Enum,options:["xs","sm","md","lg"],defaultValue:"md"},variant:{title:"Variant",type:t.Enum,options:["outlined","plain","solid","soft"],defaultValue:void 0}};export{o as avatarPropertyControls};

package/dist/esm/components/Avatar/Avatar.js

@@ -0,0 +1 @@
+import p,{forwardRef as l,useMemo as c}from"react";import{Avatar as A,AvatarGroup as v,styled as f,useThemeProps as m}from"@mui/joy";const u=f(A,{name:"Avatar",slot:"Root",overridesResolver:(e,a)=>a.root})({}),h=e=>{if(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/.test(e))return e[0];{const t=e.trim().split(/\s+/);if(t.length===0)return;if(t.length===1)return t[0].charAt(0).toUpperCase();const r=t[0],o=t[t.length-1];return(r.charAt(0)+o.charAt(0)).toUpperCase()}},s=l(function(a){const t=m({props:a,name:"Avatar"}),{children:r,getInitial:o=h,...n}=t,i=c(()=>typeof r=="string"?o?.(r)??"":r,[r,o]);return p.createElement(u,{...n,children:i})});s.displayName="Avatar";export{s as Avatar,v as AvatarGroup};

package/dist/esm/components/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+import { Avatar } from './Avatar';
+export * from './Avatar';
+export default Avatar;

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

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

package/dist/esm/components/Badge/Badge.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const e={badgeContent:{type:t.String},color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},variant:{title:"Variant",type:t.Enum,options:["solid","outlined","soft","plain"],defaultValue:"outlined"},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"}};export{e as badgePropertyControls};

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

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Box: import("framer-motion").CustomDomComponent<import("@mui/system").BoxOwnProps<import("@mui/joy").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/joy").Theme>>>;
+export { Box };

package/dist/esm/components/Box/Box.js

@@ -0,0 +1 @@
+import{Box as t}from"@mui/joy";import{motion as m}from"framer-motion";const r=m(t),o=r;o.displayName="Box";export{o as Box};

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

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

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

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

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { BreadcrumbsProps } from "@mui/joy";
+declare function Breadcrumbs(props: {
+    crumbs: {
+        type: "text" | "link";
+        label: string;
+        linkHref?: string;
+    }[];
+    startCrumbCount?: number;
+    endCrumbCount?: number;
+    slots?: {
+        link?: React.ElementType;
+    } & BreadcrumbsProps["slots"];
+    slotProps?: {
+        link?: {};
+    } & BreadcrumbsProps["slotProps"];
+} & BreadcrumbsProps): React.JSX.Element;
+declare namespace Breadcrumbs {
+    var displayName: string;
+}
+export { Breadcrumbs };

package/dist/esm/components/Breadcrumbs/Breadcrumbs.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const l={items:{title:"Items",type:t.Array,control:{type:t.Object,controls:{label:{title:"Label",type:t.String,defaultValue:"Home"},href:{title:"Href",type:t.Link,defaultValue:""}}},defaultValue:[]},separator:{title:"Separator",type:t.ComponentInstance},startCrumbCount:{title:"Start Crumb Count",type:t.Number,defaultValue:1},endCrumbCount:{title:"End Crumb Count",type:t.Number,defaultValue:3},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"},collapsed:{title:"Collapsed",type:t.Boolean,defaultValue:!1}};export{l as breadcrumbsPropertyControls};

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React, { ElementType } from "react";
+import { ButtonProps as JoyButtonProps } from "@mui/joy";
+import { MotionProps } from "framer-motion";
+type PolymorphicProps<C extends ElementType> = {
+    component?: C;
+    ref?: React.Ref<any>;
+} & Omit<React.ComponentPropsWithoutRef<C>, keyof JoyButtonProps>;
+type ButtonProps<C extends ElementType = "button"> = JoyButtonProps & MotionProps & PolymorphicProps<C>;
+declare const Button: <C extends React.ElementType = "button">(props: ButtonProps<C> & {
+    ref?: React.Ref<any>;
+}) => JSX.Element;
+export { Button };

package/dist/esm/components/Button/Button.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const n={text:{title:"Text",type:t.String,defaultValue:"Press me"},onTap:{type:t.EventHandler},disabled:{title:"Disabled",type:t.Boolean,defaultValue:!1},color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},variant:{title:"Variant",type:t.Enum,options:["solid","outlined","soft","plain"]},loading:{title:"Loading",type:t.Boolean,defaultValue:!1},endDecorator:{title:"End Decorator",type:t.ComponentInstance},startDecorator:{title:"Start Decorator",type:t.ComponentInstance},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"},modalContents:{title:"Modal Contents",type:t.Array,control:{type:t.ComponentInstance}},enablePortal:{type:t.Boolean,description:"\uD574\uB2F9 \uBC84\uD2BC\uACFC \uC5F0\uACB0\uB41C \uBAA8\uB2EC\uC774 \uCEE8\uD150\uCE20 \uC548\uC5D0\uC11C \uC5F4\uB9AC\uBA74 \uC774 \uAC12\uC744 Yes\uB85C \uC124\uC815\uD574 \uBCF4\uC138\uC694.",defaultValue:!1,hidden:({modalContents:e})=>e.length===0}};export{n as buttonPropertyControls};

package/dist/esm/components/Button/Button.js

@@ -0,0 +1 @@
+import n,{forwardRef as p}from"react";import{Button as r}from"@mui/joy";import{motion as s}from"framer-motion";const m=s(r),t=p(({...o},e)=>n.createElement(m,{ref:e,...o}));t.displayName="Button";export{t as Button};

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CalendarProps } from "./types.js";
+/**
+ * @see https://mui.com/x/api/date-pickers/date-calendar/ 인터페이스 참고
+ */
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export { Calendar };

package/dist/esm/components/Calendar/Calendar.framer.js

@@ -0,0 +1 @@
+import{ControlType as e}from"framer";const t={onChange:{title:"onChange",type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1}};export{t as calendarPropertyControls};

package/dist/esm/components/Calendar/Calendar.js

@@ -0,0 +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/ChevronLeft";import V from"@mui/icons-material/ChevronRight";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};

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

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

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

@@ -0,0 +1 @@
+import{useCallback as C,useMemo as f,useState as o}from"react";import{useThemeProps as v}from"@mui/joy";const D=(e,n)=>n.includes(e)?e:n[0],F=e=>{const[n,V]=o(()=>D(e.view||"day",e.views||["day","month"])),[c,w]=o(e.defaultValue),[a,i]=o(()=>{const t=new Date;return t.setDate(1),t.setHours(0,0,0,0),e.value?.[0]||e.defaultValue?.[0]||t}),[[r,s],h]=o([0,0]),l=e.view??n,d=t=>{h([r+t,t])},g=C(t=>{i(t),l==="month"?a.getFullYear()!==t.getFullYear()&&d(t>a?1:-1):d(t>a?1:-1),e.onMonthChange?.(t)},[e.onMonthChange,a,l]),u=v({props:{locale:"default",views:["day","month"],view:l,value:e.value??c,...e,onChange:e.value?e.onChange:t=>{w(t),e.onChange?.(t)},onMonthChange:g,onViewChange:()=>{const t=l==="month"?"day":"month";!(!e.views||e.views.includes(t))||e.view===t||(e.onViewChange?e.onViewChange(t):V(t))}},name:"Calendar"}),m=f(()=>({...u,viewMonth:a,direction:s}),[u,a,s]);return[u,m]};export{F as useCalendarProps};

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

@@ -0,0 +1,35 @@
+import { CalendarOwnerState } from "../types.js";
+export declare const useCalendar: (ownerState: CalendarOwnerState) => {
+    calendarTitle: string;
+    onPrev: () => void;
+    onNext: () => void;
+    getDayCellProps: (day: number) => {
+        readonly "aria-label": string;
+        readonly "aria-current": "date" | undefined;
+    };
+    getMonthCellProps: (monthIndex: number) => {
+        readonly "aria-label": string;
+        readonly "aria-current": "date" | undefined;
+    };
+    getPickerDayProps: (day: number) => {
+        readonly isToday: boolean;
+        readonly isSelected: boolean | undefined;
+        readonly onClick: () => void;
+        readonly onMouseEnter: (() => void) | undefined;
+        readonly disabled: boolean | undefined;
+        readonly tabIndex: -1;
+        readonly "aria-label": string;
+        readonly "aria-selected": "true" | undefined;
+        readonly "aria-current": "date" | undefined;
+    };
+    getPickerMonthProps: (monthIndex: number) => {
+        readonly isSelected: boolean | undefined;
+        readonly onMouseEnter: (() => void) | undefined;
+        readonly disabled: boolean | undefined;
+        readonly onClick: () => void;
+        readonly tabIndex: -1;
+        readonly "aria-label": string;
+        readonly "aria-selected": "true" | undefined;
+        readonly "aria-current": "date" | undefined;
+    };
+};

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

@@ -0,0 +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};

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

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

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

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

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export type DateValue = Date;
+export type View = "month" | "day";
+export type CalendarSlot = "root" | "day" | "calendarHeader" | "viewContainer" | "viewTable" | "switchViewButton" | "weekHeaderContainer" | "dayPickerContainer";
+export interface CalendarProps {
+    value?: [DateValue, DateValue | undefined];
+    defaultValue?: [DateValue, DateValue | undefined];
+    onChange?: (date: [DateValue, DateValue | undefined]) => void;
+    locale?: string;
+    view?: View;
+    views?: View[];
+    onViewChange?: (view: View) => void;
+    onMonthChange?: (newMonth: DateValue) => void;
+    slots?: Partial<Record<CalendarSlot, React.ElementType>>;
+    rangeSelection?: boolean;
+    minDate?: DateValue;
+    maxDate?: DateValue;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+}
+export interface CalendarOwnerState extends CalendarProps {
+    viewMonth: Date;
+    direction: number;
+}

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

@@ -0,0 +1,12 @@
+export declare const getCalendarDates: (date: Date) => (number | undefined)[][];
+export declare const getYearName: (date: Date, locale: string) => string;
+export declare const getMonthName: (date: Date, locale: string) => string;
+export declare const getMonthNameFromIndex: (index: number, locale: string) => string;
+/**
+ * 일~토 / Sun ~ Sat 같은 요일 이름을 가져옵니다.
+ */
+export declare const getWeekdayNames: (locale: string) => string[];
+export declare const isToday: (date: Date) => boolean;
+export declare const isSameDay: (date1: Date, date2: Date) => boolean;
+export declare const isWithinRange: (d1: Date, d2: Date, date: Date) => boolean;
+export declare const isSameMonth: (date1: Date, date2: Date) => boolean;

package/dist/esm/components/Calendar/utils/index.js

@@ -0,0 +1 @@
+const c=e=>{const t=[],n=new Date(e.getFullYear(),e.getMonth(),1),a=new Date(e.getFullYear(),e.getMonth()+1,0),r=Math.ceil((n.getDay()+1)/7),s=Math.ceil((a.getDate()+n.getDay())/7);let g=1;for(let i=1;i<=s;i++){const o=[];for(let D=1;D<=7;D++)i===r&&D<n.getDay()+1||g>a.getDate()?o.push(void 0):(o.push(g),g++);t.push(o)}return t},u=(e,t)=>e.toLocaleString(t,{year:"numeric"}),l=(e,t)=>e.toLocaleString(t,{year:"numeric",month:"long"}),m=(e,t)=>new Date(0,e).toLocaleString(t,{month:"short"}),h=e=>{const t=new Date().getDay(),n=new Date;return n.setDate(n.getDate()-t),Array.from({length:7}).map(()=>{const a=n.toLocaleString(e,{weekday:"short"});return n.setDate(n.getDate()+1),a})},y=e=>{const t=new Date,n=new Date(e);return n.setHours(0,0,0,0),t.setHours(0,0,0,0),n.getTime()===t.getTime()},p=(e,t)=>{const n=new Date(e),a=new Date(t);return n.setHours(0,0,0,0),a.setHours(0,0,0,0),n.getTime()===a.getTime()},w=(e,t,n)=>{const a=new Date(n);a.setHours(0,0,0,0);const r=new Date(Math.min(e.getTime(),t.getTime())),s=new Date(Math.max(e.getTime(),t.getTime()));return a>=r&&a<=s},d=(e,t)=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth();export{c as getCalendarDates,l as getMonthName,m as getMonthNameFromIndex,h as getWeekdayNames,u as getYearName,p as isSameDay,d as isSameMonth,y as isToday,w as isWithinRange};

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

@@ -0,0 +1,46 @@
+import React from "react";
+declare const Card: import("framer-motion").CustomDomComponent<{
+    children?: React.ReactNode;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").CardPropsColorOverrides> | undefined;
+    invertedColors?: boolean | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").CardPropsSizeOverrides> | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").CardPropsVariantOverrides> | undefined;
+} & import("@mui/joy").CardSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "color" | "variant" | "sx" | "size" | "orientation" | "invertedColors" | keyof import("@mui/joy").CardSlotsAndSlotProps>>;
+export { Card };
+declare const CardContent: import("framer-motion").CustomDomComponent<{
+    children?: React.ReactNode;
+    orientation?: "vertical" | "horizontal" | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+} & import("@mui/joy").CardContentSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "orientation" | keyof import("@mui/joy").CardContentSlotsAndSlotProps>>;
+export { CardContent };
+declare const CardCover: import("framer-motion").CustomDomComponent<{
+    children?: React.ReactNode;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+} & import("@mui/joy").CardCoverSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | keyof import("@mui/joy").CardCoverSlotsAndSlotProps>>;
+export { CardCover };
+declare const CardActions: import("framer-motion").CustomDomComponent<{
+    children?: React.ReactNode;
+    buttonFlex?: string | number | undefined;
+    orientation?: "vertical" | "horizontal" | "horizontal-reverse" | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+} & import("@mui/joy").CardActionsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "orientation" | "buttonFlex" | keyof import("@mui/joy").CardActionsSlotsAndSlotProps>>;
+export { CardActions };
+declare const CardOverflow: import("framer-motion").CustomDomComponent<{
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").CardOverflowPropsColorOverrides> | undefined;
+    children?: React.ReactNode;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").CardOverflowPropsVariantOverrides> | undefined;
+} & import("@mui/joy").CardOverflowSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "color" | "variant" | "sx" | keyof import("@mui/joy").CardOverflowSlotsAndSlotProps>>;
+export { CardOverflow };

package/dist/esm/components/Card/Card.js

@@ -0,0 +1 @@
+import{Card as d,CardContent as e,CardCover as s,CardActions as i,CardOverflow as c}from"@mui/joy";import{motion as o}from"framer-motion";const p=o(d),r=p;r.displayName="Card";const m=o(e),a=m;a.displayName="CardContent";const l=o(s),t=l;t.displayName="CardCover";const v=o(i),C=v;C.displayName="CardActions";const y=o(c),n=y;n.displayName="CardOverflow";export{r as Card,C as CardActions,a as CardContent,t as CardCover,n as CardOverflow};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { CheckboxProps } from "@mui/joy";
+import { MotionProps } from "framer-motion";
+declare const Checkbox: {
+    (props: CheckboxProps & MotionProps): React.JSX.Element;
+    displayName: string;
+};
+export { Checkbox };

package/dist/esm/components/Checkbox/Checkbox.framer.js

@@ -0,0 +1 @@
+import{ControlType as e}from"framer";const l={onChange:{title:"onChange",type:e.EventHandler},defaultChecked:{title:"Checked",type:e.Boolean,defaultValue:!1},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},label:{title:"Label",type:e.String,defaultValue:"Label"},color:{title:"Color",type:e.Enum,options:[void 0,"primary","neutral","danger","success","warning"],optionTitles:["Default","Primary","Neutral","Danger","Success","Warning"],defaultValue:void 0},size:{title:"Size",type:e.Enum,options:["sm","md","lg"],defaultValue:"md"},variant:{title:"Variant",type:e.Enum,options:["outlined","plain","solid","soft"],defaultValue:void 0}};export{l as checkboxPropertyControls};

package/dist/esm/components/Checkbox/Checkbox.js

@@ -0,0 +1 @@
+import t from"react";import{Checkbox as e}from"@mui/joy";import{motion as c}from"framer-motion";const p=c(e),o=r=>t.createElement(p,{...r});o.displayName="Checkbox";export{o as Checkbox};

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

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

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const Chip: import("framer-motion").CustomDomComponent<import("@mui/joy").ChipSlotsAndSlotProps & {
+    children?: import("react").ReactNode;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ChipPropsColorOverrides> | undefined;
+    disabled?: boolean | undefined;
+    endDecorator?: import("react").ReactNode;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ChipPropsSizeOverrides> | undefined;
+    startDecorator?: import("react").ReactNode;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ChipPropsVariantOverrides> | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "color" | "onClick" | "variant" | "sx" | "disabled" | "size" | keyof import("@mui/joy").ChipSlotsAndSlotProps | "endDecorator" | "startDecorator">>;
+export { Chip };

package/dist/esm/components/Chip/Chip.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const o={text:{title:"Text",type:t.String,defaultValue:"Chip"},color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},variant:{title:"Variant",type:t.Enum,options:["solid","outlined","soft","plain"]},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"}};export{o as chipPropertyControls};

package/dist/esm/components/Chip/Chip.js

@@ -0,0 +1 @@
+import{Chip as i}from"@mui/joy";import{motion as p}from"framer-motion";const t=p(i),o=t;o.displayName="Chip";export{o as Chip};

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from "react";
+declare const Container: React.ForwardRefExoticComponent<Omit<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
+    maxWidth?: "sm" | "md" | "lg" | "xl" | undefined;
+    overrideBreakpoint?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Container };

package/dist/esm/components/Container/Container.framer.js

@@ -0,0 +1 @@
+import{ControlType as o}from"framer";const e={content:{type:o.ComponentInstance},maxWidth:{type:o.Enum,options:[void 0,"sm","md","lg","xl"],optionTitles:["None","Small","Medium","Large","Extra Large"],defaultValue:"xl"}};export{e as containerPropertyControls};

package/dist/esm/components/Container/Container.js

@@ -0,0 +1 @@
+import{styled as r}from"@mui/joy";import s,{forwardRef as p}from"react";const t=r("div",{name:"Container",slot:"root",shouldForwardProp:n=>n!=="maxWidth"&&n!=="overrideBreakpoint"})(({theme:n,maxWidth:a="lg",overrideBreakpoint:i})=>[{width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",display:"block",paddingLeft:n.spacing(4),paddingRight:n.spacing(4),[n.breakpoints.up("lg")]:{paddingLeft:n.spacing(8),paddingRight:n.spacing(8)},maxWidth:n.breakpoints.values[a]},i?{paddingLeft:n.breakpoints.values[i]>=n.breakpoints.values.lg?n.spacing(8):n.spacing(4),paddingRight:n.breakpoints.values[i]>=n.breakpoints.values.lg?n.spacing(8):n.spacing(4)}:null]),o=p(function(a,i){return s.createElement(t,{ref:i,...a})});o.displayName="Container";export{o as Container};

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

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

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

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

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

@@ -0,0 +1,24 @@
+import React from "react";
+import { InputProps } from "@mui/joy";
+import { MotionProps } from "framer-motion";
+interface CurrencyInputProps {
+    currency?: "USD" | "KRW";
+    max?: number;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (event: {
+        target: {
+            name?: string;
+            value?: number;
+        };
+    }) => void;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    label?: React.ReactNode;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    useMinorUnit?: boolean;
+}
+declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<CurrencyInputProps & Omit<InputProps, "defaultValue" | "onChange" | "value"> & MotionProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { CurrencyInput };

package/dist/esm/components/CurrencyInput/CurrencyInput.framer.js

@@ -0,0 +1 @@
+import{ControlType as e}from"framer";const l={label:{title:"Label",type:e.String},helperText:{title:"Helper Text",type:e.String},error:{title:"Error",type:e.Boolean,defaultValue:!1},size:{title:"Size",type:e.Enum,options:["sm","md","lg"],optionTitles:["Small","Medium","Large"]},value:{title:"Value",type:e.Number,defaultValue:void 0},onChange:{type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},currency:{title:"Currency",type:e.Enum,options:["usd","krw"],optionTitles:["USD","KRW"]},max:{title:"Max",type:e.Number,defaultValue:void 0}};export{l as currencyInputPropertyControls};

package/dist/esm/components/CurrencyInput/CurrencyInput.js

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

package/dist/esm/components/CurrencyInput/hooks/use-currency-setting.d.ts

@@ -0,0 +1,8 @@
+export declare const useCurrencySetting: (currencyCode?: "USD" | "KRW" | "BHD") => {
+    symbol: string;
+    thousandSeparator: string;
+    decimalSeparator: string;
+    placeholder: string;
+    fixedDecimalScale: boolean;
+    decimalScale: number;
+};

package/dist/esm/components/CurrencyInput/hooks/use-currency-setting.js

@@ -0,0 +1 @@
+import t from"intl-messageformat";const A={AED:2,ALL:2,AMD:2,ANG:2,AOA:2,ARS:2,AUD:2,AWG:2,AZN:2,BAM:2,BBD:2,BDT:2,BGN:2,BHD:3,BMD:2,BND:2,BOB:2,BRL:2,BSD:2,BWP:2,BYN:2,BZD:2,CAD:2,CHF:2,CLP:2,CNH:2,CNY:2,COP:2,CRC:2,CUP:2,CVE:0,CZK:2,DJF:0,DKK:2,DOP:2,DZD:2,EGP:2,ETB:2,EUR:2,FJD:2,FKP:2,GBP:2,GEL:2,GHS:2,GIP:2,GMD:2,GNF:0,GTQ:2,GYD:2,HKD:2,HNL:2,HTG:2,HUF:2,IDR:0,ILS:2,INR:2,IQD:3,ISK:2,JMD:2,JOD:3,JPY:0,KES:2,KGS:2,KHR:2,KMF:0,KRW:0,KWD:3,KYD:2,KZT:2,LAK:2,LBP:2,LKR:2,LYD:3,MAD:2,MDL:2,MKD:2,MMK:2,MNT:2,MOP:2,MRU:2,MUR:2,MVR:2,MWK:2,MXN:2,MYR:2,MZN:2,NAD:2,NGN:2,NIO:2,NOK:2,NPR:2,NZD:2,OMR:3,PAB:2,PEN:2,PGK:2,PHP:2,PKR:2,PLN:2,PYG:0,QAR:2,RON:2,RSD:2,RUB:2,RWF:0,SAR:2,SBD:2,SCR:2,SEK:2,SGD:2,SHP:2,SLE:2,SOS:2,SRD:2,STN:2,SVC:2,SZL:2,THB:2,TND:3,TOP:2,TRY:2,TTD:2,TWD:2,TZS:2,UAH:2,UGX:0,USD:2,UYU:2,UZS:2,VEF:2,VND:0,VUV:0,WST:2,XAF:0,XCD:2,XOF:0,XPF:0,YER:2,ZAR:2,ZMW:2},a=(R="USD")=>{const[S,N,D,...M]=new t(`{amount, number, ::currency/${R} unit-width-narrow}`).format({amount:1e3}).toString().replace(/\d/g,"").split(""),r=A[R];return{symbol:`${S} `,thousandSeparator:N,decimalSeparator:D,placeholder:D?`${S} 0${D}${Array.from(Array(r)).map(()=>0).join("")}`:`${S} 0`,fixedDecimalScale:!!D,decimalScale:r}};export{a as useCurrencySetting};

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

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

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

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