@ceed/cds 0.0.149 → 0.0.151-0

package/dist/components/FormHelperText/FormHelperText.js

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

package/dist/components/FormHelperText/index.js

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

package/dist/components/FormLabel/FormLabel.js

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

package/dist/components/FormLabel/index.js

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

package/dist/components/Grid/Grid.js

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

package/dist/components/Grid/index.js

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

package/dist/components/IconButton/IconButton.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const n={icon:{title:"Icon",type:t.ComponentInstance},onClick:{title:"onClick",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"]},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 iconButtonPropertyControls};

package/dist/components/IconButton/IconButton.js

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

package/dist/components/IconButton/index.js

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

package/dist/components/Input/Input.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},onChange:{type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},readOnly:{title:"Readonly",type:e.Boolean,defaultValue:!1},enableClearable:{title:"Enable Clearable",type:e.Boolean,defaultValue:!1},color:{title:"Color",type:e.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"],defaultValue:"neutral"},variant:{title:"Variant",type:e.Enum,options:["solid","outlined","soft","plain"],defaultValue:"outlined"},defaultValue:{title:"Value",type:e.String,defaultValue:""},placeholder:{title:"Placeholder",type:e.String,defaultValue:"Type in here..."},endDecorator:{title:"End Decorator",type:e.ComponentInstance},startDecorator:{title:"Start Decorator",type:e.ComponentInstance},size:{title:"Size",type:e.Enum,options:["sm","md","lg"],defaultValue:"md"}};export{l as inputPropertyControls};

package/dist/components/Input/Input.js

@@ -0,0 +1 @@
+import e,{useCallback as x}from"react";import{Input as N}from"@mui/joy";import{motion as y}from"framer-motion";import D from"@mui/icons-material/esm/Close.js";import F from"../FormControl";import M from"../FormLabel";import E from"../FormHelperText";import H from"../IconButton";import{useControlledState as k}from"../../hooks/use-controlled-state";import w from"../Stack";const L=y(N),b=e.forwardRef((t,f)=>{const{label:a,helperText:l,error:s,style:S,size:C,color:m,disabled:p,required:u,onChange:i,name:n,sx:I,className:g,enableClearable:h,...o}=t,[d,c]=k(t.value,t.defaultValue,x(r=>{i?.({target:{value:r?.toString()||"",name:n||""}})},[i,n])),P=r=>{c(r.target.value)},T=()=>{c(t.defaultValue||"")},v=e.createElement(L,{value:d,name:n,onChange:P,required:u,color:s?"danger":m,disabled:p,slotProps:{input:{ref:f,...o.slotProps?.input},...o.slotProps},...o,endDecorator:h?e.createElement(w,{gap:1,direction:"row"},o.endDecorator,d&&e.createElement(H,{onMouseDown:r=>r.preventDefault(),onClick:T,"aria-label":"Clear"},e.createElement(D,null))):o.endDecorator});return e.createElement(F,{required:u,color:m,size:C,error:s,disabled:p,sx:I,className:g},a&&e.createElement(M,null,a),v,l&&e.createElement(E,null,l))});b.displayName="Input";export{b as Input};

package/dist/components/Input/index.js

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

package/dist/components/InsetDrawer/InsetDrawer.js

@@ -0,0 +1 @@
+import s from"react";import{Drawer as e}from"@mui/joy";import{motion as p}from"framer-motion";const a=p(e),r=t=>{const{children:n,...o}=t;return s.createElement(a,{...o,slotProps:{...o.slotProps,content:{...o.slotProps?.content,sx:{bgcolor:"transparent",p:{md:3,sm:0},boxShadow:"none"}}}},n)};r.displayName="InsetDrawer";export{r as InsetDrawer};

package/dist/components/InsetDrawer/index.js

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

package/dist/components/Link/Link.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const l={text:{title:"Text",type:t.String,defaultValue:"Link"},href:{title:"Href",type:t.Link},disabled:{title:"Disabled",type:t.Boolean,defaultValue:!1},level:{title:"Level",type:t.Enum,options:["h1","h2","h3","h4","title-lg","title-md","title-sm","marketing-lg","marketing-md","marketing-sm","body-lg","body-md","body-sm","body-xs","inherit"],defaultValue:"body-md"},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:"plain"},underline:{title:"Underline",type:t.Enum,options:["always","none"],optionTitles:["Always","None"]}};export{l as linkPropertyControls};

package/dist/components/Markdown/Markdown.d.ts

@@ -25,7 +25,7 @@ declare const Markdown: {
         defaultLevel?: "marketing-lg" | "marketing-md" | "marketing-sm" | "title-lg" | "title-md" | "title-sm" | "body-lg" | "body-md" | "body-sm" | "body-xs" | undefined;
         accentColor?: TextColor | undefined;
         defaultLinkAction?: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop" | undefined;
-        markdownOptions?: import("react-markdown/lib").Options | undefined;
+        markdownOptions?: import("react-markdown").Options | undefined;
     }): React.JSX.Element;
     displayName: string;
 };

package/dist/components/Markdown/Markdown.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const o={text:{title:"Text",type:t.String,defaultValue:"This is **markdown**.",displayTextArea:!0},textAlign:{title:"Text Align",type:t.Enum,options:[void 0,"start","center","end"],optionTitles:["None","Start","Center","End"],defaultValue:void 0},defaultLevel:{title:"defaultLevel",type:t.Enum,options:["h1","h2","h3","h4","title-lg","title-md","title-sm","marketing-lg","marketing-md","marketing-sm","body-lg","body-md","body-sm","body-xs","inherit"],defaultValue:"body-md"},defaultLinkAction:{title:"defaultLinkAction",type:t.Enum,options:["self","blank","parent","top","unfencedTop"],defaultValue:"self"},textColor:{title:"Text Color",type:t.Enum,options:["text.primary","text.secondary","text.icon","text.tertiary","inherit","common.white","common.black","primary.500","danger.500"],defaultValue:"inherit"},accentColor:{title:"Accent Color",type:t.Enum,options:["text.primary","text.secondary","text.icon","text.tertiary","inherit","common.white","common.black","primary.500","danger.500"],defaultValue:"danger.500"}};export{o as markdownPropertyControls};

package/dist/components/Markdown/Markdown.js

@@ -0,0 +1 @@
+import r from"react";import c from"react-markdown";import{Divider as f,Typography as t}from"../";import{Link as g}from"@mui/joy";import{rehypeAccent as T}from"../../libs/rehype-accent";const y=h=>{const{color:e,textColor:p,defaultLevel:n="body-md",accentColor:m="danger.500",defaultLinkAction:a="_self",markdownOptions:i,content:s,...d}=h;return r.createElement(t,{component:"div",color:e,textColor:p,level:n,...d},r.createElement(c,{...i,children:s,rehypePlugins:[[T,{accentColor:m}]],components:{h1:({children:o})=>r.createElement(t,{color:e,textColor:p,level:"h1"},o),h2:({children:o})=>r.createElement(t,{color:e,textColor:p,level:"h2"},o),h3:({children:o})=>r.createElement(t,{color:e,textColor:p,level:"h3"},o),h4:({children:o})=>r.createElement(t,{color:e,textColor:p,level:"h4"},o),p:({children:o,node:l})=>r.createElement(t,{color:e,textColor:p,level:n,...l?.properties},o),a:({children:o,href:l})=>r.createElement(g,{href:l,target:a},o),hr:()=>r.createElement(f,null),...i?.components}}))};y.displayName="Markdown";export{y as Markdown};

package/dist/components/Markdown/index.js

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

package/dist/components/Menu/Menu.js

@@ -0,0 +1 @@
+import n from"react";import{Menu as r,MenuButton as s,MenuItem as p}from"@mui/joy";import{motion as t}from"framer-motion";const m=t(r),e=o=>n.createElement(m,{...o});e.displayName="Menu";const i=t(s),u=o=>n.createElement(i,{...o});u.displayName="MenuButton";const P=t(p),M=o=>n.createElement(P,{...o});M.displayName="MenuItem";export{e as Menu,u as MenuButton,M as MenuItem};

package/dist/components/Menu/index.js

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

package/dist/components/MenuButton/MenuButton.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const o={buttonText:{title:"Button Text",type:t.String,defaultValue:"text"},showIcon:{type:t.Boolean,defaultValue:!1},size:{type:t.Enum,options:["sm","md","lg"],defaultValue:"sm"},items:{title:"Items",type:t.Array,control:{type:t.Object,controls:{text:{type:t.String}}},defaultValue:[]}};export{o as menuButtonPropertyControls};

package/dist/components/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
-    onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
+    onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick" | "closeClick") => void) | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

package/dist/components/Modal/Modal.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const o={title:{type:t.String,defaultValue:"Title"},content:{title:"Content",type:t.ComponentInstance},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"}};export{o as modalFramePropertyControls};

package/dist/components/Modal/Modal.js

@@ -0,0 +1 @@
+import l from"react";import{Modal as c,ModalDialog as g,ModalClose as y,ModalOverflow as f,styled as e}from"@mui/joy";import{motion as a}from"framer-motion";import D from"../DialogTitle";import C from"../DialogContent";const N=a(c),d=N;d.displayName="Modal";const i=e(g)({padding:0}),r=i;r.displayName="ModalDialog";const v=e(a(y))(({theme:o})=>({top:o.spacing(3),right:o.spacing(6)})),t=v;t.displayName="ModalClose";const w=a(f),n=w;n.displayName="ModalOverflow";function s(o){const{title:M,children:p,...m}=o;return l.createElement(i,{...m},l.createElement(t,null),l.createElement(D,null,M),l.createElement(C,null,p))}s.displayName="ModalFrame";export{d as Modal,t as ModalClose,r as ModalDialog,s as ModalFrame,n as ModalOverflow};

package/dist/components/Modal/index.js

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

package/dist/components/MonthPicker/MonthPicker.framer.js

@@ -0,0 +1 @@
+import{ControlType as e}from"framer";const l={onChange:{title:"onChange",type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},value:{title:"Value",type:e.String,defaultValue:"2024/04/03"},label:{title:"Label",type:e.String,defaultValue:""},error:{title:"Error",type:e.Boolean,defaultValue:!1},helperText:{title:"Helper Text",type:e.String,defaultValue:""},minDate:{title:"Minimum Date",type:e.String},maxDate:{title:"Maximum Date",type:e.String},disableFuture:{title:"Disable Future",type:e.Boolean,defaultValue:!1},disablePast:{title:"Disable Past",type:e.Boolean,defaultValue:!1}};export{l as monthPickerPropertyControls};

package/dist/components/MonthPicker/MonthPicker.js

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

package/dist/components/MonthPicker/index.js

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

package/dist/components/MonthRangePicker/MonthRangePicker.framer.js

@@ -0,0 +1 @@
+import{ControlType as e}from"framer";const l={onChange:{title:"onChange",type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},value:{title:"Value",type:e.String,defaultValue:"2024/04 - 2024/07"},label:{title:"Label",type:e.String,defaultValue:""},error:{title:"Error",type:e.Boolean,defaultValue:!1},helperText:{title:"Helper Text",type:e.String,defaultValue:""},minDate:{title:"Minimum Date",type:e.String},maxDate:{title:"Maximum Date",type:e.String},disableFuture:{title:"Disable Future",type:e.Boolean,defaultValue:!1},disablePast:{title:"Disable Past",type:e.Boolean,defaultValue:!1}};export{l as monthRangePickerPropertyControls};

package/dist/components/MonthRangePicker/MonthRangePicker.js

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

package/dist/components/MonthRangePicker/index.js

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

package/dist/components/NavigationGroup/NavigationGroup.js

@@ -0,0 +1 @@
+import r from"react";import{Accordion as s,AccordionSummary as d,AccordionDetails as m,styled as n,accordionSummaryClasses as c,Stack as p}from"@mui/joy";const u=n(d,{name:"NavigationGroup",slot:"Summary",shouldForwardProp:o=>o!=="useIcon"&&o!=="level"})(({theme:o,useIcon:e,level:a})=>({[`& .${c.button}`]:{padding:o.spacing(4,6,4,(e?6:8)+(a||0)*8),[`&.${c.expanded}`]:{color:o.palette.primary.plainColor,"--Icon-color":o.palette.primary.plainColor}}})),y=n(m,{name:"NavigationGroup",slot:"Details"})(({theme:o})=>({"--AccordionDetails-transition":"grid-template-rows 0.2s ease, padding-block 0.2s ease",backgroundColor:o.palette.background.level1}));function A(o){const{title:e,children:a,startDecorator:t,level:i,...l}=o;return r.createElement(s,{...l},r.createElement(u,{useIcon:!!t,level:i},r.createElement(p,{direction:"row",gap:4},t,e)),r.createElement(y,null,a))}export{A as NavigationGroup};

package/dist/components/NavigationGroup/index.js

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

package/dist/components/NavigationItem/NavigationItem.js

@@ -0,0 +1 @@
+import r from"react";import{ListItem as d,ListItemButton as p,ListItemDecorator as u,styled as m,listItemButtonClasses as I}from"@mui/joy";const g=m(p,{name:"NavigationItem",slot:"Button",shouldForwardProp:t=>t!=="useIcon"&&t!=="level"})(({theme:t,useIcon:e,level:o})=>({padding:t.spacing(4,6,4,(e?6:8)+(o||0)*8),gap:t.spacing(4),fontWeight:500,"&:hover":{backgroundColor:t.palette.neutral.plainHoverBg},"&:active":{backgroundColor:t.palette.neutral.plainActiveBg},[`&.${I.selected}`]:{color:t.palette.primary.plainColor,"--Icon-color":t.palette.primary.plainColor,"&:not(:hover):not(:active)":{backgroundColor:t.palette.background.surface}}}));function v(t){const{children:e,startDecorator:o,level:a,selected:n,id:i,onClick:l,...s}=t,c=()=>{l?.(i)};return r.createElement(d,{...s},r.createElement(g,{level:a,useIcon:!!o,selected:n,"aria-current":n,onClick:c},o&&r.createElement(u,null,o),e))}export{v as NavigationItem};

package/dist/components/NavigationItem/index.js

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

package/dist/components/Navigator/Navigator.framer.js

@@ -0,0 +1,3 @@
+import{ControlType as e}from"framer";const a={level:{type:e.Number,defaultValue:0,description:"Navigator\uC758 \uB808\uBCA8\uC785\uB2C8\uB2E4. \uB808\uBCA8\uC5D0 \uB530\uB77C \uC88C\uCE21 \uC5EC\uBC31\uC744 \uC870\uC815\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."},items:{type:e.Array,control:{type:e.Object,controls:{type:{type:e.Enum,options:["item","group"],defaultValue:"item"},title:{type:e.String,defaultValue:"Home",description:"\uC2DC\uAC01\uC801\uC73C\uB85C Navigator\uC5D0 \uB178\uCD9C\uB418\uB294 \uAC12\uC785\uB2C8\uB2E4."},selected:{type:e.Boolean,defaultValue:!1,hidden:t=>t.type!=="item",description:"Yes\uB85C \uC124\uC815\uD558\uBA74 selected \uC2A4\uD0C0\uC77C\uB85C \uB178\uCD9C\uB429\uB2C8\uB2E4."},expanded:{type:e.Boolean,defaultValue:!1,hidden:t=>t.type!=="group",description:"Yes\uB85C \uC124\uC815\uD558\uBA74 \uAE30\uBCF8\uC801\uC73C\uB85C \uD3BC\uCC98\uC9C4 \uC0C1\uD0DC\uB85C \uB178\uCD9C\uB429\uB2C8\uB2E4.(\uC0C8\uB85C\uACE0\uCE68\uC774 \uD544\uC694\uD560\uC9C0\uB3C4 \uBAB0\uB77C\uC694)"},showStartDecorator:{type:e.Boolean,defaultValue:!1,description:"Yes\uB85C \uC124\uC815\uD558\uBA74 startDecorator\uB97C \uC124\uC815\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4"},startDecorator:{type:e.Object,controls:{}}}},defaultValue:[{type:"item",title:"Home",content:[]},{type:"group",title:"Projects",content:[]}]},contents:{title:"Contents",type:e.Array,control:{type:e.ComponentInstance},defaultValue:[],description:`NavigationGroup\uD558\uC704\uC5D0 \uB178\uCD9C\uB420 \uAC12\uC785\uB2C8\uB2E4. \uB2E4\uB978 Navigator\uB97C \uB123\uC5B4\uC11C navigation\uC744 \uAD6C\uC131\uD560 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4.
+
+Navigator\uC5D0 \uC874\uC7AC\uD558\uB294 NavigationGroup\uC5D0 \uC21C\uCC28\uC801\uC73C\uB85C \uC8FC\uC785\uB429\uB2C8\uB2E4.(\uBD88\uD3B8\uD558\uC9C0\uB9CC framer\uC758 \uC81C\uC57D\uC73C\uB85C \uC778\uD574 \uC774\uB807\uAC8C \uAD6C\uC131\uD588\uC2B5\uB2C8\uB2E4.)`},onSelect:{type:e.EventHandler}};export{a as navigatorPropertyControls};

package/dist/components/Navigator/Navigator.js

@@ -0,0 +1 @@
+import e from"react";import{NavigationGroup as d}from"../NavigationGroup";import{NavigationItem as p}from"../NavigationItem";function o(a){const{items:i,level:r=0,onSelect:n}=a,l=t=>{n?.(t)};return e.createElement("div",null,i.map((t,c)=>t.type==="item"?e.createElement(p,{key:t.id,id:t.id,startDecorator:t.startDecorator,selected:t.selected,level:r,onClick:l},t.title):t.type==="group"?e.createElement(d,{key:c,title:t.title,startDecorator:t.startDecorator,level:r,defaultExpanded:t.expanded},t.content):null))}o.displayName="Navigator";export{o as Navigator};

package/dist/components/Navigator/index.js

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

package/dist/components/Radio/Radio.js

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

package/dist/components/Radio/index.js

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

package/dist/components/RadioList/RadioList.framer.js

@@ -0,0 +1 @@
+import{ControlType as e}from"framer";const l={orientation:{title:"Orientation",type:e.Enum,options:["vertical","horizontal"],defaultValue:"vertical"},defaultValue:{title:"Checked Value",type:e.String,defaultValue:"value1"},items:{title:"Items",type:e.Array,control:{type:e.Object,controls:{displayName:{title:"Display Name",type:e.String},value:{title:"Value",type:e.String},color:{title:"Color",type:e.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]}}},defaultValue:[{displayName:"Value 1",value:"value1",color:"primary"},{displayName:"Value 2",value:"value2",color:"primary"},{displayName:"Value 3",value:"value3",color:"primary"},{displayName:"Value 4",value:"value4",color:"primary"},{displayName:"Value 5",value:"value5",color:"primary"},{displayName:"Value 6",value:"value6",color:"primary"}]}};export{l as radioListPropertyControls};

package/dist/components/RadioList/RadioList.js

@@ -0,0 +1 @@
+import e from"react";import{Radio as t,RadioGroup as l}from"../Radio/Radio";function a(r){const{items:i,...p}=r;return e.createElement(l,{...p},i.map(o=>e.createElement(t,{key:`${o.value}`,value:o.value,label:o.label})))}a.displayName="RadioList";export{a as RadioList};

package/dist/components/RadioList/index.js

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

package/dist/components/Select/Select.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},onChange:{title:"onChange",type:e.EventHandler},defaultListboxOpen:{title:"Opened",type:e.Boolean,defaultValue:!1},defaultValue:{title:"Selected Option",type:e.String},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},placeholder:{title:"Placeholder",type:e.String,defaultValue:"Choose one..."},color:{title:"Color",type:e.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},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},options:{title:"Options",type:e.Array,control:{type:e.Object,controls:{text:{title:"Text",type:e.String},value:{title:"Value",type:e.String}}},defaultValue:[{text:"Option 1",value:"option1"},{text:"Option 2",value:"option2"}]},multiple:{title:"Multiple",type:e.Boolean,defaultValue:!1}};export{l as selectPropertyControls};

package/dist/components/Select/Select.js

@@ -0,0 +1 @@
+import o,{useMemo as S}from"react";import{Select as y,Option as C}from"@mui/joy";import{motion as M}from"framer-motion";import F from"../FormControl";import P from"../FormLabel";import V from"../FormHelperText";const N=M(C),r=N;r.displayName="Option";function c(t){const{label:n,helperText:l,error:a,size:i,color:s,disabled:p,required:m,onChange:d,sx:g,className:b,...f}=t,O=S(()=>t.options.map(e=>typeof e!="object"?{value:e,label:e}:e),[t.options]),h=o.createElement(y,{...f,required:m,disabled:p,size:i,color:a?"danger":s,onChange:(e,v)=>{const u=e||{target:{}},x={...u,target:{name:u.target?.name||t.name,value:v||void 0}};d?.(x)}},O.map(e=>o.createElement(r,{key:e.value,value:e.value},e.label)));return o.createElement(F,{required:m,disabled:p,size:i,color:s,error:a,sx:g,className:b},n&&o.createElement(P,null,n),h,l&&o.createElement(V,null,l))}c.displayName="Select";export{r as Option,c as Select};

package/dist/components/Select/index.js

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

package/dist/components/Sheet/Sheet.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const r={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"}};export{r as sheetPropertyControls};

package/dist/components/Sheet/Sheet.js

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

package/dist/components/Sheet/index.js

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

package/dist/components/Skeleton/Skeleton.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const o={animation:{title:"Animation type",type:t.Enum,options:["wave","pulse"]},variant:{title:"Variant",type:t.Enum,options:["circular","rectangular"],defaultValue:"rectangular"},target:{title:"Target",type:t.ComponentInstance},loading:{title:"Loading",type:t.Boolean,defaultValue:!1}};export{o as skeletonPropertyControls};

package/dist/components/Stack/Stack.js

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

package/dist/components/Stack/index.js

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

package/dist/components/Stepper/Stepper.framer.js

@@ -0,0 +1 @@
+import{ControlType as r}from"framer";const t={steps:{type:r.Array,control:{type:r.Object,controls:{label:{type:r.String,title:"Label"},extraContent:{type:r.String,title:"Extra Content"},indicatorContent:{type:r.String,title:"Indicator Content"}}},defaultValue:[{label:"Step 1",extraContent:"Step 1 extra content",indicatorContent:"1"},{label:"Step 2",extraContent:"Step 2 extra content",indicatorContent:"2"},{label:"Step 3",extraContent:"Step 3 extra content",indicatorContent:"3"}]},activeStep:{type:r.Number,title:"Active Step",defaultValue:0},activeColor:{title:"Active Color",type:r.Enum,options:["inherit","common.white","common.black","primary.600","primary.500","primary.400","primary.300","primary.200","primary.100","success.600","success.500","success.400","success.300","success.200","success.100","warning.600","warning.500","warning.400","warning.300","warning.200","warning.100","neutral.600","neutral.500","neutral.400","neutral.300","neutral.200","neutral.100"],defaultValue:"primary.500"},activeLineColor:{title:"Active Line Color",type:r.Enum,options:["inherit","common.white","common.black","primary.600","primary.500","primary.400","primary.300","primary.200","primary.100","success.600","success.500","success.400","success.300","success.200","success.100","warning.600","warning.500","warning.400","warning.300","warning.200","warning.100","neutral.600","neutral.500","neutral.400","neutral.300","neutral.200","neutral.100"],defaultValue:"primary.500"},inactiveColor:{title:"Inactive Color",type:r.Enum,options:["inherit","common.white","common.black","primary.600","primary.500","primary.400","primary.300","primary.200","primary.100","success.600","success.500","success.400","success.300","success.200","success.100","warning.600","warning.500","warning.400","warning.300","warning.200","warning.100","neutral.600","neutral.500","neutral.400","neutral.300","neutral.200","neutral.100"],defaultValue:"neutral.400"},inactiveLineColor:{title:"Inactive Line Color",type:r.Enum,options:["inherit","common.white","common.black","primary.600","primary.500","primary.400","primary.300","primary.200","primary.100","success.600","success.500","success.400","success.300","success.200","success.100","warning.600","warning.500","warning.400","warning.300","warning.200","warning.100","neutral.600","neutral.500","neutral.400","neutral.300","neutral.200","neutral.100"],defaultValue:"neutral.300"}};export{t as stepperPropertyControls};

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1 @@
+import t from"react";import{Stepper as I,Step as u,StepIndicator as T,stepClasses as p,stepIndicatorClasses as e,styled as n}from"@mui/joy";import $ from"@mui/icons-material/esm/Check.js";import{motion as N}from"framer-motion";import m from"../Typography";import z from"../Stack";const c=n(u)({});c.displayName="Step";const l=n(T)({});l.displayName="StepIndicator";const h=n(I)(({theme:r})=>({"--StepIndicator-size":"24px","--Step-gap":r.spacing(2),"--joy-palette-success-solidBg":"var(--joy-palette-success-400)",[`& .${e.root}`]:{fontSize:"var(--ceed-fontSize-xs)"}})),L=N(h);function C(r){const{steps:y,activeColor:s="primary.500",inactiveColor:v="neutral.400",activeLineColor:x="primary.500",inactiveLineColor:d="neutral.300",activeStep:a}=r;return t.createElement(L,{sx:o=>({"--StepIndicator-size":"24px","--Step-gap":o.spacing(2),[`& .${e.root}`]:{fontSize:"var(--ceed-fontSize-xs)"},[`& .${p.completed}`]:{"&::after":{bgcolor:x},[`& .${e.root}`]:{bgcolor:s}},[`& .${p.active}`]:{"&::after":{bgcolor:d},[`& .${e.root}`]:{bgcolor:s}},[`& .${p.disabled}`]:{"&::after":{bgcolor:d},[`& .${e.root}`]:{bgcolor:v}}})},y.map((o,i)=>{const g=a===i+1,S=a>i+1,f=a<i+1,b=o.label||o.extraContent;return t.createElement(c,{indicator:t.createElement(l,{variant:"solid",color:"primary"},S?t.createElement($,null):o.indicatorContent),active:g,completed:S,disabled:f},b&&t.createElement(z,null,o.label&&t.createElement(m,{level:"title-sm"},o.label),o.extraContent&&t.createElement(m,{level:"body-xs"},o.extraContent)))}))}C.displayName="Stepper";export{c as Step,l as StepIndicator,C as Stepper};

package/dist/components/Stepper/index.js

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

package/dist/components/Switch/Switch.framer.js

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

package/dist/components/Switch/Switch.js

@@ -0,0 +1 @@
+import i from"react";import{Switch as s,styled as r,switchClasses as c}from"@mui/joy";import{motion as o}from"framer-motion";const n=o(s),e=r(o.div)({"--Icon-fontSize":"calc(var(--Switch-thumbSize) * 0.75)",display:"inline-flex",justifyContent:"center",alignItems:"center",position:"absolute",left:"var(--Switch-thumbOffset)",width:"var(--Switch-thumbWidth)",height:"var(--Switch-thumbSize)",borderRadius:"var(--Switch-thumbRadius)",boxShadow:"var(--Switch-thumbShadow)",color:"var(--Switch-thumbColor)",backgroundColor:"var(--Switch-thumbBackground)",[`&.${c.checked}`]:{left:"unset",right:"var(--Switch-thumbOffset)"}}),a=t=>i.createElement(e,{...t,layout:!0,transition:m}),m={type:"spring",stiffness:700,damping:30},h=t=>i.createElement(n,{...t,slots:{thumb:a,...t.slots}});h.displayName="Switch";export{h as Switch};

package/dist/components/Switch/index.js

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

package/dist/components/Table/Table.js

@@ -0,0 +1 @@
+import e from"react";import{Table as m}from"@mui/joy";import c from"../Checkbox";const b=t=>{const{children:n,...r}=t;return e.createElement(m,{...r},n)};b.displayName="Table";function d(t){const{headCells:n,showCheckbox:r,onCheckboxChange:a,slots:{checkbox:i=c}={},slotProps:{checkbox:l={}}={}}=t;return e.createElement("thead",null,e.createElement("tr",null,r&&e.createElement("th",{style:{width:"40px",textAlign:"center"}},e.createElement(i,{onChange:a,...l})),n.map(o=>e.createElement("th",{key:o.label,style:{width:o.width,minWidth:o.minWidth,maxWidth:o.maxWidth,textAlign:o.numeric?"right":"left"}},o.label))))}d.displayName="TableHead";function x(t){const{rows:n,cellOrder:r,rowOptions:a,showCheckbox:i,onCheckboxChange:l,slots:{checkbox:o=c}={},slotProps:{checkbox:k={}}={}}=t;return e.createElement("tbody",null,n.map((p,h)=>e.createElement("tr",{key:h},i&&e.createElement("td",{style:{textAlign:"center"}},e.createElement(o,{onChange:s=>l?.(s,h),...k})),r.map(s=>e.createElement("td",{key:s,style:{textAlign:a?.[s]?.numeric?"right":"left"}},p[s])))))}x.displayName="TableBody";export{b as Table,x as TableBody,d as TableHead};

package/dist/components/Table/index.js

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

package/dist/components/Tabs/Tabs.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const o={color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"},variant:{title:"Variant",type:t.Enum,options:["outlined","plain","solid","soft"],defaultValue:"plain"},orientation:{type:t.Enum,options:["horizontal","vertical"]},disableUnderline:{type:t.Boolean,defaultValue:!1},disableIndicator:{type:t.Boolean,defaultValue:!1},indicatorInset:{type:t.Boolean,defaultValue:!1},tabs:{type:t.Array,control:{type:t.Object,controls:{title:{type:t.String},disabled:{type:t.Boolean,defaultValue:!1}}}},contents:{title:"Contents",type:t.Array,control:{type:t.ComponentInstance}}};export{o as tabsPropertyControls};

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1 @@
+import{Tabs as T,Tab as n,TabList as i,TabPanel as e}from"@mui/joy";import{motion as a}from"framer-motion";const m=a(T),o=m;o.displayName="Tabs";const p=a(n),s=p;s.displayName="Tab";const r=a(i),t=r;t.displayName="TabList";const c=a(e),b=c;b.displayName="TabPanel";export{s as Tab,t as TabList,b as TabPanel,o as Tabs};

package/dist/components/Tabs/index.js

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

package/dist/components/Textarea/Textarea.framer.js

@@ -0,0 +1 @@
+import{ControlType as e}from"framer";const l={label:{title:"Label",type:e.String},error:{title:"Error",type:e.Boolean,defaultValue:!1},helperText:{title:"Helper Text",type:e.String},onChange:{type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},color:{title:"Color",type:e.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"],defaultValue:"neutral"},variant:{title:"Variant",type:e.Enum,options:["solid","outlined","soft","plain"],defaultValue:"outlined"},defaultValue:{title:"Value",type:e.String,defaultValue:""},placeholder:{title:"Placeholder",type:e.String,defaultValue:"Type in here..."},endDecorator:{title:"End Decorator",type:e.ComponentInstance},startDecorator:{title:"Start Decorator",type:e.ComponentInstance},size:{title:"Size",type:e.Enum,options:["sm","md","lg"],defaultValue:"md"},minRows:{title:"Min Rows",type:e.Number,defaultValue:void 0},maxRows:{title:"Max Rows",type:e.Number,defaultValue:void 0}};export{l as textareaPropertyControls};

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1 @@
+import r from"react";import{Textarea as f}from"@mui/joy";import{motion as F}from"framer-motion";import N from"../FormControl";import P from"../FormLabel";import u from"../FormHelperText";const w=F(f),l=p=>{const{label:o,error:e,helperText:a,color:t,size:s,disabled:m,required:i,minRows:n=2,maxRows:x=4,sx:d,className:T,...b}=p,c=r.createElement(w,{required:i,disabled:m,color:e?"danger":t,size:s,minRows:n,maxRows:x,...b});return r.createElement(N,{required:i,disabled:m,color:t,size:s,error:e,sx:d,className:T},o&&r.createElement(P,null,o),c,a&&r.createElement(u,null,a))};l.displayName="Textarea";export{l as Textarea};

package/dist/components/Textarea/index.js

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

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1 @@
+import a from"react";import{CssBaseline as r,CssVarsProvider as i,checkboxClasses as n,extendTheme as c,GlobalStyles as d}from"@mui/joy";const o={palette:{danger:{50:"#FEF3F2",100:"#FDE6E5",200:"#FBC7C4",300:"#F89E99",400:"#F46E66",500:"#DC0D00",600:"#AB0F00",700:"#791000",800:"#430A0A",900:"#240505"},neutral:{50:"#FAFBFC",100:"#F3F5F7",200:"#EBECF0",300:"#D1D5DB",400:"#A2AAB8",500:"#5E6C83",600:"#505E79",700:"#253858",800:"#071B36",900:"#0B0D0E"},primary:{50:"#F2F7FE",100:"#E8F0FD",200:"#CCDFFC",300:"#9DC1F9",400:"#4D8EF3",500:"#015DEE",600:"#0154D6",700:"#0141A7",800:"#00255F",900:"#000F26"},warning:{50:"#FEF8F2",100:"#FEF1E5",200:"#FCE1C4",300:"#FABD7F",400:"#F57C00",500:"#AF5100",600:"#843600",700:"#672600",800:"#421400",900:"#1d1002"}}},e=c({cssVarPrefix:"ceed",spacing:4,breakpoints:{values:{xs:0,sm:360,md:600,lg:900,xl:1280}},fontFamily:{display:'"Poppins", var(--ceed-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")'},typography:{"marketing-lg":{color:"var(--ceed-palette-text-primary, var(--ceed-palette-neutral-800, #171A1C))",fontFamily:'var(--ceed-fontFamily-display, "Poppins", var(--ceed-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"))',fontSize:"var(--ceed-fontSize-marketing-lg, 2.625rem)",fontWeight:"var(--ceed-fontWeight-lg, 600)",letterSpacing:"-0.025em",lineHeight:"var(--ceed-lineHeight-xs, 1.33334)"},"marketing-md":{color:"var(--ceed-palette-text-primary, var(--ceed-palette-neutral-800, #171A1C))",fontFamily:'var(--ceed-fontFamily-display, "Poppins", var(--ceed-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"))',fontSize:"var(--ceed-fontSize-marketing-md, 2rem)",fontWeight:"var(--ceed-fontWeight-lg, 600)",letterSpacing:"-0.025em",lineHeight:"var(--ceed-lineHeight-xs, 1.33334)"},"marketing-sm":{color:"var(--ceed-palette-text-primary, var(--ceed-palette-neutral-800, #171A1C))",fontFamily:'var(--ceed-fontFamily-display, "Poppins", var(--ceed-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"))',fontSize:"var(--ceed-fontSize-marketing-sm, 1.5rem)",fontWeight:"var(--ceed-fontWeight-md, 500)",letterSpacing:"-0.025em",lineHeight:"var(--ceed-lineHeight-xs, 1.33334)"}},colorSchemes:{light:o,dark:o},components:{JoyTypography:{defaultProps:{levelMapping:{"marketing-lg":"div","marketing-md":"div","marketing-sm":"div"}}},JoyTable:{defaultProps:{size:"sm",borderAxis:"bothBetween"},styleOverrides:{root:({theme:t})=>({"--TableRow-stripeBackground":t.palette.background.level1,"--TableCell-selectedBackground":t.palette.background.level2,"--TableRow-hoverBackground":t.palette.background.level3,"& tbody tr:has([type=checkbox]:not(:checked)) th":{"--TableCell-headBackground":"transparent"},"& tbody tr:has([type=checkbox]:checked):hover th":{"--TableCell-headBackground":"var(--TableRow-hoverBackground)"},"& tbody tr:has([type=checkbox]:checked):not(:hover) th":{"--TableCell-headBackground":"var(--TableCell-selectedBackground)"},"& tbody tr:has([type=checkbox]:checked):not(:hover) td":{"--TableCell-dataBackground":"var(--TableCell-selectedBackground)"},[`& .${n.root}`]:{verticalAlign:"middle"}})}},JoyTooltip:{defaultProps:{size:"sm",placement:"top"}}}});function l(t){return a.createElement(a.Fragment,null,a.createElement(i,{theme:e},a.createElement(r,null),a.createElement(d,{styles:{body:{"--ceed-fontSize-marketing-lg":"2.625rem","--ceed-fontSize-marketing-md":"2rem","--ceed-fontSize-marketing-sm":"1.5rem",[e.breakpoints.down("md")]:{"--ceed-fontSize-xs":`calc(${e.fontSize.xs} * 0.875)`,"--ceed-fontSize-sm":`calc(${e.fontSize.sm} * 0.875)`,"--ceed-fontSize-md":`calc(${e.fontSize.md} * 0.875)`,"--ceed-fontSize-lg":`calc(${e.fontSize.lg} * 0.875)`,"--ceed-fontSize-xl":`calc(${e.fontSize.xl} * 0.875)`,"--ceed-fontSize-xl2":`calc(${e.fontSize.xl2} * 0.875)`,"--ceed-fontSize-xl3":`calc(${e.fontSize.xl3} * 0.875)`,"--ceed-fontSize-xl4":`calc(${e.fontSize.xl4} * 0.875)`,"--ceed-fontSize-marketing-lg":"calc(2.625rem * 0.875)","--ceed-fontSize-marketing-md":"calc(2rem * 0.875)","--ceed-fontSize-marketing-sm":"calc(1.5rem * 0.875)"}}}}),t.children))}l.displayName="ThemeProvider";export{l as ThemeProvider};

package/dist/components/ThemeProvider/index.js

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

package/dist/components/Tooltip/Tooltip.js

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

package/dist/components/Tooltip/index.js

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

package/dist/components/Typography/Typography.framer.js

@@ -0,0 +1 @@
+import{ControlType as t}from"framer";const o={textAlign:{title:"Text Align",type:t.Enum,options:[void 0,"start","center","end"],optionTitles:["None","Start","Center","End"],defaultValue:void 0},level:{title:"Level",type:t.Enum,options:["h1","h2","h3","h4","title-lg","title-md","title-sm","marketing-lg","marketing-md","marketing-sm","body-lg","body-md","body-sm","body-xs","inherit"],defaultValue:"body-md"},textColor:{title:"Text Color",type:t.Enum,options:["text.primary","text.secondary","text.icon","text.tertiary","inherit","common.white","common.black","primary.500"],defaultValue:"inherit"},text:{title:"Text",type:t.String,defaultValue:"Typography",displayTextArea:!0},endDecorator:{title:"End Decorator",type:t.ComponentInstance},startDecorator:{title:"Start Decorator",type:t.ComponentInstance}};export{o as typographyPropertyControls};

package/dist/components/Typography/Typography.js

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

package/dist/components/Typography/index.js

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

package/dist/components/Uploader/Uploader.framer.js

@@ -0,0 +1 @@
+import{ControlType as e}from"framer";const l={label:{title:"Label",type:e.String},error:{title:"Error",type:e.Boolean,defaultValue:!1},uploaded:{title:"Uploaded",type:e.Array,control:{type:e.Object,controls:{name:{type:e.String},size:{type:e.Number}}},defaultValue:[]},size:{title:"Size",type:e.Enum,options:["sm","md"],optionTitles:["Small","Medium"],defaultValue:"md"},accepts:{title:"Accepts",type:e.Array,control:{type:e.Enum,options:["image/*","video/*","audio/*",".pdf",".jpeg",".png","jpg",".txt",".csv",".doc,.docx",".xls,.xlsx",".ppt,.pptx",".zip"],optionTitles:["Image","Video","Audio","Pdf","Jpeg","Png","Jpg","Text","Csv","Word","Excel","Powerpoint","Zip"],defaultValue:"image/*"},defaultValue:[]},minCount:{title:"Min Count",type:e.Number,defaultValue:void 0},maxCount:{title:"Max Count",type:e.Number,defaultValue:void 0},maxFileSize:{title:"Max File Size(KB)",type:e.Number,defaultValue:void 0},maxFileTotalSize:{title:"Max File Total Size(KB)",type:e.Number,defaultValue:3}};export{l as uploaderPropertyControls};

package/dist/components/Uploader/Uploader.js

@@ -0,0 +1 @@
+import o,{useCallback as T,useEffect as L,useMemo as D,useRef as j,useState as E}from"react";import{styled as m}from"@mui/joy";import K from"@mui/icons-material/esm/CloudUploadRounded.js";import Q from"@mui/icons-material/esm/UploadFileRounded.js";import X from"@mui/icons-material/esm/ClearRounded.js";import{combine as Y}from"@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js";import{dropTargetForExternal as R,monitorForExternal as ee}from"@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js";import{containsFiles as A,getFiles as oe}from"@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js";import{preventUnhandled as Z}from"@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js";import q from"../Typography";import{Card as te}from"../Card";import x from"../Stack";import re from"../IconButton";import ne from"../FormControl";import le from"../FormHelperText";import ie from"../Sheet";import ae from"../FormLabel";import se from"../Input";const pe=m(se)({width:"1px",height:"1px",overflow:"hidden",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",position:"absolute"}),de=m(x,{name:"Uploader",slot:"PreviewRoot"})({}),me=m(te,{name:"Uploader",slot:"UploadCard"})(({theme:e})=>({padding:e.spacing(2.5),border:`1px solid ${e.palette.neutral.outlinedBorder}`})),ce=m(Q,{name:"Uploader",slot:"UploadFileIcon"})(({theme:e})=>({color:e.palette.neutral[400],width:"32px",height:"32px"})),ue=m(X,{name:"Uploader",slot:"ClearIcon"})(({theme:e})=>({color:e.palette.neutral.plainColor,width:"18px",height:"18px"})),fe=["byte","kilobyte","megabyte","gigabyte","terabyte","petabyte"],k=e=>{const a=e==0?0:Math.floor(Math.log(e)/Math.log(1024)),r=e/Math.pow(1024,a),l=fe[a];return Intl.NumberFormat("en-us",{style:"unit",unit:l,unitDisplay:"narrow"}).format(r)},ge=e=>{const{files:a,uploaded:r,onDelete:l}=e;return o.createElement(de,{gap:1},[...r,...a].map(p=>o.createElement(me,{key:p.name,size:"sm",color:"neutral"},o.createElement(x,{direction:"row",alignItems:"center",gap:2},o.createElement(ce,null),o.createElement(x,{flex:"1"},o.createElement(q,{level:"body-sm",textColor:"common.black"},p.name),!!p.size&&o.createElement(q,{level:"body-xs",fontWeight:"300",lineHeight:"1.33",textColor:"text.tertiary"},k(p.size))),o.createElement(re,{onClick:()=>l?.(p)},o.createElement(ue,null))))))},he=m(x,{name:"Uploader",slot:"root"})(({theme:e})=>({gap:e.spacing(2)})),xe=m(ie,{name:"Uploader",slot:"dropZone",shouldForwardProp:e=>e!=="error"})(({theme:e,state:a,error:r})=>({width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:e.spacing(5),gap:e.spacing(4),cursor:"pointer",backgroundColor:e.palette.background.surface,border:r?`1px solid ${e.palette.danger.outlinedBorder}`:a==="idle"?`1px solid ${e.palette.neutral.outlinedBorder}`:`1px solid ${e.palette.primary.outlinedBorder}`})),be=m(K,{name:"Uploader",slot:"iconContainer",shouldForwardProp:e=>e!=="error"})(({theme:e,state:a,error:r})=>({color:r?`rgba(${e.vars.palette.danger.mainChannel} / 0.6)`:a==="over"?`rgba(${e.palette.primary.mainChannel} / 0.6)`:e.palette.neutral.softActiveBg,width:"32px",height:"32px"})),ye=o.memo(e=>{const{accept:a,minCount:r,maxCount:l,name:p,size:V,maxFileSize:b,maxFileTotalSize:y,onChange:F,label:$,disabled:I,onDelete:M}=e,P=j(null),u=j(null),[c,U]=E(),[d,H]=E([]),[f,N]=E(e.uploaded||[]),[B,v]=E("idle"),O=D(()=>{const t=a.split(",").map(n=>n.trim()),[i,s]=[t.filter(n=>["image/*","video/*","audio/*"].includes(n)).map(n=>{const[h]=n.split("/");return h.toLowerCase()}),t.filter(n=>!["image/*","video/*","audio/*"].includes(n)).map(n=>{const[h,w]=n.split("/");return w?w.toUpperCase():h.toUpperCase().replace(".","")})],C=[];i.length>0&&C.push(`Any ${i.join(", ")} files`),s.length>0&&C.push(s.join(", "));const g=[C.join(", "),`Maximum ${k(y)}`];return l&&g.push(`Up to ${l} ${l===1?"file":"files"}`),g.join(", ")},[a,y,l]),z=D(()=>!!c||e.error,[e.error,c]),W=D(()=>!l||l&&[...f,...d].length!==l,[d,l,f]),S=T(t=>{try{const i=a.split(",").map(n=>n.trim().replace(".","").replace("*",".*"))||[],s=new RegExp(`\\b(${i.join("|")})\\b`);if(t.forEach(n=>{const[h,w]=n.name.split(".");if(!s.test(n.type)&&!s.test(w))throw new Error("Please upload acceptable file type.")}),b&&t.forEach(n=>{if(n.size>b)throw new Error(`One or more File size exceeded the maximum limit. Each file size must be ${k(b)} or less.`)}),[...d,...t].reduce((n,h)=>n+h.size,0)>y)throw new Error("Total File size exceeded the maximum limit.");const g=[...d,...t];if(l&&[...f,...g].length>l)throw new Error("Exceeded the maximum number of files.");F?.({target:{name:p,value:g}}),H(g),U(void 0)}catch(i){U(i.message)}},[d,f,l,a,b,y,p,F]);L(()=>{const t=P.current;if(!(!t||I))return Y(R({element:t,canDrop:A,onDragEnter:()=>v("over"),onDragLeave:()=>v("potential"),onDrop:async({source:i})=>{const s=await oe({source:i});S(s)}}),ee({canMonitor:A,onDragStart:()=>{v("potential"),Z.start()},onDrop:()=>{v("idle"),Z.stop()}}))}),L(()=>{u.current&&r&&(d.length<r?u.current.setCustomValidity(`At least ${r} files are required.`):u.current.setCustomValidity(""))},[u,d,r]);const _=T(t=>{const i=Array.from(t.target.files||[]);S(i)},[S]),G=T(t=>{t instanceof File?H(i=>(F?.({target:{name:p,value:i.filter(s=>s!==t)}}),i.filter(s=>s!==t))):(N(i=>i.filter(s=>s.id!==t.id)),M?.(t)),U(void 0)},[p,F,M]),J=T(()=>{u.current?.click()},[]);return o.createElement(he,null,W&&o.createElement(ne,{size:V,error:!!(z||c),disabled:I,required:!!r},$&&o.createElement(ae,null,$),o.createElement(xe,{state:B,error:!!(z||c),ref:P,onClick:J},o.createElement(x,{alignItems:"center",gap:1},o.createElement(be,{state:B,error:!!(z||c)})),o.createElement(pe,{disabled:I,required:!!r,onInvalid:t=>{r&&d.length<r&&U(`Please choose ${r} ${r===1?"file":"files"} to upload.`)},slotProps:{input:{multiple:!0,accept:a,type:"file",ref:u,role:"button",onChange:_}}})),o.createElement(le,null,o.createElement(x,null,c&&o.createElement("div",null,c),o.createElement("div",null,O)))),[...f,...d].length>0&&o.createElement(ge,{files:d,uploaded:f,onDelete:G}))});export{ye as Uploader};

package/dist/components/Uploader/index.js

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

package/dist/components/index.js

@@ -0,0 +1 @@
+import{Accordion as e,AccordionDetails as t,Accordions as p,AccordionSummary as m}from"./Accordions";import{Autocomplete as x}from"./Autocomplete";import{Box as i}from"./Box";import{Breadcrumbs as l}from"./Breadcrumbs";import{Button as c}from"./Button";import{Calendar as T}from"./Calendar";import{Card as b}from"./Card";import{Checkbox as M}from"./Checkbox";import{Container as C}from"./Container";import{CurrencyInput as h}from"./CurrencyInput";import{DataTable as I}from"./DataTable";import{DatePicker as w}from"./DatePicker";import{DateRangePicker as B}from"./DateRangePicker";import{Drawer as y}from"./Drawer";import{DialogActions as R}from"./DialogActions";import{DialogContent as L}from"./DialogContent";import{DialogTitle as H}from"./DialogTitle";import{DialogFrame as U}from"./DialogFrame";import{Divider as q}from"./Divider";import{InsetDrawer as E}from"./InsetDrawer";import{Dropdown as K}from"./Dropdown";import{FormControl as V}from"./FormControl";import{FormHelperText as X}from"./FormHelperText";import{FormLabel as Z}from"./FormLabel";import{Grid as $}from"./Grid";import{IconButton as ro}from"./IconButton";import{Input as to}from"./Input";import{Markdown as mo}from"./Markdown";import{Menu as xo,MenuButton as fo,MenuItem as io}from"./Menu";import{Modal as lo,ModalClose as co,ModalDialog as uo,ModalOverflow as To,ModalFrame as Do}from"./Modal";import{MonthPicker as go}from"./MonthPicker";import{MonthRangePicker as so}from"./MonthRangePicker";import{NavigationGroup as So}from"./NavigationGroup";import{NavigationItem as ko}from"./NavigationItem";import{Navigator as vo}from"./Navigator";import{Radio as Ao,RadioGroup as Bo}from"./Radio";import{RadioList as yo}from"./RadioList";import{Select as Ro,Option as Go}from"./Select";import{Sheet as No}from"./Sheet";import{Stack as Oo}from"./Stack";import{Stepper as jo,Step as qo,StepIndicator as zo}from"./Stepper";import{Switch as Jo}from"./Switch";import{Table as Qo,TableHead as Vo,TableBody as Wo}from"./Table";import{Tabs as Yo,Tab as Zo,TabList as _o,TabPanel as $o}from"./Tabs";import{Textarea as rr}from"./Textarea";import{ThemeProvider as tr}from"./ThemeProvider";import{Tooltip as mr}from"./Tooltip";import{Typography as xr}from"./Typography";import{Uploader as ir}from"./Uploader";export{e as Accordion,t as AccordionDetails,m as AccordionSummary,p as Accordions,x as Autocomplete,i as Box,l as Breadcrumbs,c as Button,T as Calendar,b as Card,M as Checkbox,C as Container,h as CurrencyInput,I as DataTable,w as DatePicker,B as DateRangePicker,R as DialogActions,L as DialogContent,U as DialogFrame,H as DialogTitle,q as Divider,y as Drawer,K as Dropdown,V as FormControl,X as FormHelperText,Z as FormLabel,$ as Grid,ro as IconButton,to as Input,E as InsetDrawer,mo as Markdown,xo as Menu,fo as MenuButton,io as MenuItem,lo as Modal,co as ModalClose,uo as ModalDialog,Do as ModalFrame,To as ModalOverflow,go as MonthPicker,so as MonthRangePicker,So as NavigationGroup,ko as NavigationItem,vo as Navigator,Go as Option,Ao as Radio,Bo as RadioGroup,yo as RadioList,Ro as Select,No as Sheet,Oo as Stack,qo as Step,zo as StepIndicator,jo as Stepper,Jo as Switch,Zo as Tab,_o as TabList,$o as TabPanel,Qo as Table,Wo as TableBody,Vo as TableHead,Yo as Tabs,rr as Textarea,tr as ThemeProvider,mr as Tooltip,xr as Typography,ir as Uploader};

package/dist/framer-entrypoint.js

@@ -0,0 +1 @@
+import{ControlType as n}from"framer";import y,{createElement as s,useEffect as p,useMemo as h,useRef as c,useState as d}from"react";import{Badge as C}from"./index";import{useTheme as M}from"@mui/joy";export*from"./index";import{autocompletePropertyControls as O}from"./components/Autocomplete/Autocomplete.framer";import{accordionsPropertyControls as z}from"./components/Accordions/Accordions.framer";import{avatarPropertyControls as q}from"./components/Avatar/Avatar.framer";import{badgePropertyControls as G}from"./components/Badge/Badge.framer";import{breadcrumbsPropertyControls as Q}from"./components/Breadcrumbs/Breadcrumbs.framer";import{buttonPropertyControls as Y}from"./components/Button/Button.framer";import{checkboxPropertyControls as _}from"./components/Checkbox/Checkbox.framer";import{calendarPropertyControls as ee}from"./components/Calendar/Calendar.framer";import{chipPropertyControls as oe}from"./components/Chip/Chip.framer";import{containerPropertyControls as ne}from"./components/Container/Container.framer";import{currencyInputPropertyControls as ae}from"./components/CurrencyInput/CurrencyInput.framer";import{dataTablePropertyControls as ie}from"./components/DataTable/DataTable.framer";import{datePickerPropertyControls as se}from"./components/DatePicker/DatePicker.framer";import{dateRangePickerPropertyControls as de}from"./components/DateRangePicker/DateRangePicker.framer";import{dialogFramePropertyControls as xe}from"./components/DialogFrame/DialogFrame.framer";import{dividerPropertyControls as ye}from"./components/Divider/Divider.framer";import{formControlPropertyControls as ce}from"./components/FormControl/FormControl.framer";import{iconButtonPropertyControls as Me}from"./components/IconButton/IconButton.framer";import{inputPropertyControls as Pe}from"./components/Input/Input.framer";import{linkPropertyControls as Te}from"./components/Link/Link.framer";import{markdownPropertyControls as Be}from"./components/Markdown/Markdown.framer";import{menuButtonPropertyControls as ve}from"./components/MenuButton/MenuButton.framer";import{modalFramePropertyControls as He}from"./components/Modal/Modal.framer";import{monthPickerPropertyControls as Xe}from"./components/MonthPicker/MonthPicker.framer";import{monthRangePickerPropertyControls as Ke}from"./components/MonthRangePicker/MonthRangePicker.framer";import{navigatorPropertyControls as we}from"./components/Navigator/Navigator.framer";import{radioListPropertyControls as Ie}from"./components/RadioList/RadioList.framer";import{selectPropertyControls as Oe}from"./components/Select/Select.framer";import{sheetPropertyControls as ze}from"./components/Sheet/Sheet.framer";import{skeletonPropertyControls as qe}from"./components/Skeleton/Skeleton.framer";import{stepperPropertyControls as Ge}from"./components/Stepper/Stepper.framer";import{switchPropertyControls as Qe}from"./components/Switch/Switch.framer";import{tabsPropertyControls as Ye}from"./components/Tabs/Tabs.framer";import{textareaPropertyControls as _e}from"./components/Textarea/Textarea.framer";import{typographyPropertyControls as et}from"./components/Typography/Typography.framer";import{uploaderPropertyControls as ot}from"./components/Uploader/Uploader.framer";const K={useNumbering:{title:"\u{1F4AB} Numbering",type:n.Boolean,defaultValue:!1},numbering:{title:" ",type:n.Number,defaultValue:1,hidden:({useNumbering:t})=>!t},useResponsiveMargin:{title:"\u{1F4AB} Responsive Margin",type:n.Boolean,defaultValue:!1},responsiveMargin:{title:" ",type:n.Object,buttonTitle:"Set Margin",hidden:({useResponsiveMargin:t})=>!t,controls:{xs:{type:n.FusedNumber,defaultValue:0,toggleKey:"xsMixed",toggleTitles:["All","Individual"],valueKeys:["xsMarginTop","xsMarginRight","xsMarginBottom","xsMarginLeft"],valueLabels:["T","R","B","L"]},sm:{type:n.FusedNumber,defaultValue:0,toggleKey:"smMixed",toggleTitles:["All","Individual"],valueKeys:["smMarginTop","smMarginRight","smMarginBottom","smMarginLeft"],valueLabels:["T","R","B","L"]},md:{type:n.FusedNumber,defaultValue:0,toggleKey:"mdMixed",toggleTitles:["All","Individual"],valueKeys:["mdMarginTop","mdMarginRight","mdMarginBottom","mdMarginLeft"],valueLabels:["T","R","B","L"]},lg:{type:n.FusedNumber,defaultValue:0,toggleKey:"lgMixed",toggleTitles:["All","Individual"],valueKeys:["lgMarginTop","lgMarginRight","lgMarginBottom","lgMarginLeft"],valueLabels:["T","R","B","L"]},xl:{type:n.FusedNumber,defaultValue:0,toggleKey:"xlMixed",toggleTitles:["All","Individual"],valueKeys:["xlMarginTop","xlMarginRight","xlMarginBottom","xlMarginLeft"],valueLabels:["T","R","B","L"]}}}},b=t=>({useResponsiveMargin:r,responsiveMargin:e,...l})=>{const[m,o]=d({}),i=()=>{e?.xsMixed?o({marginLeft:e?.xsMarginLeft,marginRight:e?.xsMarginRight,marginTop:e?.xsMarginTop,marginBottom:e?.xsMarginBottom}):o({margin:e?.xs})},g=()=>{e?.smMixed?o({marginLeft:e?.smMarginLeft,marginRight:e?.smMarginRight,marginTop:e?.smMarginTop,marginBottom:e?.smMarginBottom}):o({margin:e?.sm})},a=()=>{e?.mdMixed?o({marginLeft:e?.mdMarginLeft,marginRight:e?.mdMarginRight,marginTop:e?.mdMarginTop,marginBottom:e?.mdMarginBottom}):o({margin:e?.md})},x=()=>{e?.lgMixed?o({marginLeft:e?.lgMarginLeft,marginRight:e?.lgMarginRight,marginTop:e?.lgMarginTop,marginBottom:e?.lgMarginBottom}):o({margin:e?.lg})},f=()=>{e?.xlMixed?o({marginLeft:e?.xlMarginLeft,marginRight:e?.xlMarginRight,marginTop:e?.xlMarginTop,marginBottom:e?.xlMarginBottom}):o({margin:e?.xl})};return r?s(L,{onXsChange:i,onSmChange:g,onMdChange:a,onLgChange:x,onXlChange:f,children:s(t,{...l,sx:m})}):s(t,l)},V=t=>{const r=b(t);return({useNumbering:e,numbering:l,...m})=>{const o=[{Component:r,props:m}];return e&&o.push({Component:C,props:{color:"neutral",badgeContent:l,style:{display:"inherit"},anchorOrigin:{vertical:"top",horizontal:"left"}}}),o.reduce((i,{Component:g,props:a})=>[y.createElement(g,a,...i)],[])}},P=(t,r)=>{p(()=>{const e=new ResizeObserver(r);return e.observe(t),()=>e.disconnect()},[t])},R=t=>{const r=M(),[e,l]=d("xs");return P(t,()=>{l(r.breakpoints.keys.reduce((m,o)=>{const i=r.breakpoints.values[o];return t.offsetWidth>=i?o:m},"xs"))}),e},T=t=>{const r=h(()=>u(t?.current,".groundNodeWrapper")?.querySelector("div[id]")||document.querySelector("#canvas-container .groundNodeWrapper > div[id]")||document.body,[document,t?.current]);return R(r)},L=t=>{const{children:r,onXsChange:e,onSmChange:l,onMdChange:m,onLgChange:o,onXlChange:i}=t,g=c(null),a=T(g);return p(()=>{if(a==="xl"&&i){i();return}else if(a==="lg"&&o){o();return}else if(a==="md"&&m){m();return}else if(a==="sm"&&l){l();return}else if(a==="xs"&&e){e();return}},[a,e,l,m,o,i]),s("div",{ref:g,style:{width:0,height:0,position:"sticky",display:"none"}})};function u(t,r){return t?t.matches(r)?t:u(t.parentElement,r):null}const w={onXsChange:{title:"onXsChange",type:n.EventHandler},onSmChange:{title:"onSmChange",type:n.EventHandler},onMdChange:{title:"onMdChange",type:n.EventHandler},onLgChange:{title:"onLgChange",type:n.EventHandler},onXlChange:{title:"onXlChange",type:n.EventHandler}};export{L as ResponsiveEmitter,z as accordionsPropertyControls,O as autocompletePropertyControls,q as avatarPropertyControls,G as badgePropertyControls,Q as breadcrumbsPropertyControls,Y as buttonPropertyControls,ee as calendarPropertyControls,_ as checkboxPropertyControls,oe as chipPropertyControls,K as commonPropertyControls,ne as containerPropertyControls,ae as currencyInputPropertyControls,ie as dataTablePropertyControls,se as datePickerPropertyControls,de as dateRangePickerPropertyControls,xe as dialogFramePropertyControls,ye as dividerPropertyControls,ce as formControlPropertyControls,Me as iconButtonPropertyControls,Pe as inputPropertyControls,Te as linkPropertyControls,Be as markdownPropertyControls,ve as menuButtonPropertyControls,He as modalFramePropertyControls,Xe as monthPickerPropertyControls,Ke as monthRangePickerPropertyControls,we as navigatorPropertyControls,Ie as radioListPropertyControls,w as responsiveEmitterPropertyControls,Oe as selectPropertyControls,ze as sheetPropertyControls,qe as skeletonPropertyControls,Ge as stepperPropertyControls,Qe as switchPropertyControls,Ye as tabsPropertyControls,_e as textareaPropertyControls,et as typographyPropertyControls,ot as uploaderPropertyControls,T as useCanvasResponsive,R as useResponsive,V as withCommonControls};

package/dist/hooks/use-controlled-state/index.js

@@ -0,0 +1 @@
+import{useState as o,useCallback as r,useEffect as p,useRef as d}from"react";function v(e,u,n){const{current:t}=d(e!==void 0),[s,i]=o(e??u);p(()=>{t&&i(e)},[t,e]);const a=r(T=>{const f=typeof T=="function"?T(s):T;t||i(f),n?.(f)},[t,n,s]);return[s,a]}export{v as useControlledState};