@tech_carthagos/page-builder 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{CraftEditor-hppH9kcS.cjs → CraftEditor-De7992rd.cjs} +10 -10
- package/dist/{CraftEditor-vG_I7nCr.js → CraftEditor-w53hSE-U.js} +201 -198
- package/dist/{index-jbzHXFSB.js → index-BKtWyPwY.js} +2563 -2449
- package/dist/{index-CW2-0DoB.cjs → index-CTfOh5Y0.cjs} +51 -51
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1 -1
- package/dist-types/CraftEditor.d.ts.map +1 -1
- package/dist-types/PreviewModal.d.ts.map +1 -1
- package/dist-types/user/ContainerNew.d.ts +25 -0
- package/dist-types/user/ContainerNew.d.ts.map +1 -0
- package/dist-types/user/Div.d.ts +19 -0
- package/dist-types/user/Div.d.ts.map +1 -0
- package/dist-types/user/Img.d.ts +17 -0
- package/dist-types/user/Img.d.ts.map +1 -0
- package/dist-types/user/Section.d.ts +17 -0
- package/dist-types/user/Section.d.ts.map +1 -0
- package/dist-types/user/Wrapper.d.ts +19 -0
- package/dist-types/user/Wrapper.d.ts.map +1 -0
- package/dist-types/user/index.d.ts +3 -0
- package/dist-types/utils/templateEngine.d.ts +1 -1
- package/dist-types/utils/templateEngine.d.ts.map +1 -1
- package/dist-types/utils/uniqueId.d.ts +2 -0
- package/dist-types/utils/uniqueId.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),i=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),i=require("./index-CTfOh5Y0.cjs"),so=require("react-dom");function io(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const h=io(m);/**
|
|
2
2
|
* @license lucide-react v0.462.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const
|
|
6
|
+
*/const rt=i.createLucideIcon("Columns2",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M12 3v18",key:"108xh3"}]]);/**
|
|
7
7
|
* @license lucide-react v0.462.0 - ISC
|
|
8
8
|
*
|
|
9
9
|
* This source code is licensed under the ISC license.
|
|
@@ -13,27 +13,27 @@
|
|
|
13
13
|
*
|
|
14
14
|
* This source code is licensed under the ISC license.
|
|
15
15
|
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
-
*/const
|
|
16
|
+
*/const nt=i.createLucideIcon("Heading",[["path",{d:"M6 12h12",key:"8npq4p"}],["path",{d:"M6 20V4",key:"1w1bmo"}],["path",{d:"M18 20V4",key:"o2hl4u"}]]);/**
|
|
17
17
|
* @license lucide-react v0.462.0 - ISC
|
|
18
18
|
*
|
|
19
19
|
* This source code is licensed under the ISC license.
|
|
20
20
|
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
-
*/const
|
|
21
|
+
*/const at=i.createLucideIcon("Image",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]]);/**
|
|
22
22
|
* @license lucide-react v0.462.0 - ISC
|
|
23
23
|
*
|
|
24
24
|
* This source code is licensed under the ISC license.
|
|
25
25
|
* See the LICENSE file in the root directory of this source tree.
|
|
26
|
-
*/const
|
|
26
|
+
*/const st=i.createLucideIcon("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);/**
|
|
27
27
|
* @license lucide-react v0.462.0 - ISC
|
|
28
28
|
*
|
|
29
29
|
* This source code is licensed under the ISC license.
|
|
30
30
|
* See the LICENSE file in the root directory of this source tree.
|
|
31
|
-
*/const
|
|
31
|
+
*/const it=i.createLucideIcon("MousePointer",[["path",{d:"M12.586 12.586 19 19",key:"ea5xo7"}],["path",{d:"M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z",key:"277e5u"}]]);/**
|
|
32
32
|
* @license lucide-react v0.462.0 - ISC
|
|
33
33
|
*
|
|
34
34
|
* This source code is licensed under the ISC license.
|
|
35
35
|
* See the LICENSE file in the root directory of this source tree.
|
|
36
|
-
*/const
|
|
36
|
+
*/const lt=i.createLucideIcon("MoveVertical",[["path",{d:"M12 2v20",key:"t6zp3m"}],["path",{d:"m8 18 4 4 4-4",key:"bh5tu3"}],["path",{d:"m8 6 4-4 4 4",key:"ybng9g"}]]);/**
|
|
37
37
|
* @license lucide-react v0.462.0 - ISC
|
|
38
38
|
*
|
|
39
39
|
* This source code is licensed under the ISC license.
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
*
|
|
59
59
|
* This source code is licensed under the ISC license.
|
|
60
60
|
* See the LICENSE file in the root directory of this source tree.
|
|
61
|
-
*/const
|
|
61
|
+
*/const ct=i.createLucideIcon("Type",[["polyline",{points:"4 7 4 4 20 4 20 7",key:"1nosan"}],["line",{x1:"9",x2:"15",y1:"20",y2:"20",key:"swin9y"}],["line",{x1:"12",x2:"12",y1:"4",y2:"20",key:"1tx1rr"}]]);/**
|
|
62
62
|
* @license lucide-react v0.462.0 - ISC
|
|
63
63
|
*
|
|
64
64
|
* This source code is licensed under the ISC license.
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
*
|
|
69
69
|
* This source code is licensed under the ISC license.
|
|
70
70
|
* See the LICENSE file in the root directory of this source tree.
|
|
71
|
-
*/const po=i.createLucideIcon("Video",[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]]),ho=()=>{const{connectors:e}=i.Pe(),t=[{name:"Container",icon:Ae,element:a.jsx(i.ke,{is:i.Container,canvas:!0})},{name:"Columns",icon:nt,element:a.jsxs(i.ke,{is:i.Columns,canvas:!0,children:[a.jsx(i.ke,{is:i.Container,canvas:!0}),a.jsx(i.ke,{is:i.Container,canvas:!0})]})}],o=[{name:"Heading",icon:at,element:a.jsx(i.Heading,{})},{name:"Text",icon:dt,element:a.jsx(i.Text,{})},{name:"Button",icon:lt,element:a.jsx(i.ButtonComponent,{})},{name:"Link",icon:i.Link,element:a.jsx(i.Link$1,{})}],r=[{name:"Image",icon:st,element:a.jsx(i.Image,{})},{name:"Video",icon:i.Film,element:a.jsx(i.Video,{})}],n=[{name:"Divider",icon:it,element:a.jsx(i.Divider,{})},{name:"Spacer",icon:ct,element:a.jsx(i.Spacer,{})}],l=(c,u)=>a.jsxs("div",{className:"space-y-2",children:[a.jsx("span",{className:"text-xs text-muted-foreground/70",children:c}),a.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:u.map(d=>a.jsxs(i.Button,{variant:"outline",size:"sm",className:"flex flex-col items-center justify-center h-14 cursor-grab active:cursor-grabbing text-muted-foreground hover:text-foreground",ref:f=>f&&e.create(f,d.element),children:[a.jsx(d.icon,{className:"h-4 w-4 mb-1"}),a.jsx("span",{className:"text-[10px]",children:d.name})]},d.name))})]});return a.jsxs("div",{className:"space-y-4",children:[a.jsx("h3",{className:"text-sm font-medium text-muted-foreground",children:"Components"}),l("Layout",t),l("Basic",o),l("Media",r),l("Utility",n)]})};var go=h.createContext(void 0);function _e(e){const t=h.useContext(go);return e||t||"ltr"}function vo(e,[t,o]){return Math.min(o,Math.max(t,e))}function bo(e,t){return h.useReducer((o,r)=>t[o][r]??o,e)}var Oe="ScrollArea",[ut]=i.createContextScope(Oe),[xo,U]=ut(Oe),ft=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,type:r="hover",dir:n,scrollHideDelay:l=600,...c}=e,[u,d]=h.useState(null),[f,p]=h.useState(null),[g,v]=h.useState(null),[s,R]=h.useState(null),[x,b]=h.useState(null),[T,E]=h.useState(0),[S,N]=h.useState(0),[z,I]=h.useState(!1),[B,D]=h.useState(!1),P=i.useComposedRefs(t,H=>d(H)),O=_e(n);return a.jsx(xo,{scope:o,type:r,dir:O,scrollHideDelay:l,scrollArea:u,viewport:f,onViewportChange:p,content:g,onContentChange:v,scrollbarX:s,onScrollbarXChange:R,scrollbarXEnabled:z,onScrollbarXEnabledChange:I,scrollbarY:x,onScrollbarYChange:b,scrollbarYEnabled:B,onScrollbarYEnabledChange:D,onCornerWidthChange:E,onCornerHeightChange:N,children:a.jsx(i.Primitive.div,{dir:O,...c,ref:P,style:{position:"relative","--radix-scroll-area-corner-width":T+"px","--radix-scroll-area-corner-height":S+"px",...e.style}})})});ft.displayName=Oe;var mt="ScrollAreaViewport",pt=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,children:r,nonce:n,...l}=e,c=U(mt,o),u=h.useRef(null),d=i.useComposedRefs(t,u,c.onViewportChange);return a.jsxs(a.Fragment,{children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:n}),a.jsx(i.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:d,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:a.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:r})})]})});pt.displayName=mt;var Q="ScrollAreaScrollbar",ze=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,n=U(Q,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:c}=n,u=e.orientation==="horizontal";return h.useEffect(()=>(u?l(!0):c(!0),()=>{u?l(!1):c(!1)}),[u,l,c]),n.type==="hover"?a.jsx(yo,{...r,ref:t,forceMount:o}):n.type==="scroll"?a.jsx(wo,{...r,ref:t,forceMount:o}):n.type==="auto"?a.jsx(ht,{...r,ref:t,forceMount:o}):n.type==="always"?a.jsx(Be,{...r,ref:t}):null});ze.displayName=Q;var yo=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,n=U(Q,e.__scopeScrollArea),[l,c]=h.useState(!1);return h.useEffect(()=>{const u=n.scrollArea;let d=0;if(u){const f=()=>{window.clearTimeout(d),c(!0)},p=()=>{d=window.setTimeout(()=>c(!1),n.scrollHideDelay)};return u.addEventListener("pointerenter",f),u.addEventListener("pointerleave",p),()=>{window.clearTimeout(d),u.removeEventListener("pointerenter",f),u.removeEventListener("pointerleave",p)}}},[n.scrollArea,n.scrollHideDelay]),a.jsx(i.Presence,{present:o||l,children:a.jsx(ht,{"data-state":l?"visible":"hidden",...r,ref:t})})}),wo=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,n=U(Q,e.__scopeScrollArea),l=e.orientation==="horizontal",c=Te(()=>d("SCROLL_END"),100),[u,d]=bo("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return h.useEffect(()=>{if(u==="idle"){const f=window.setTimeout(()=>d("HIDE"),n.scrollHideDelay);return()=>window.clearTimeout(f)}},[u,n.scrollHideDelay,d]),h.useEffect(()=>{const f=n.viewport,p=l?"scrollLeft":"scrollTop";if(f){let g=f[p];const v=()=>{const s=f[p];g!==s&&(d("SCROLL"),c()),g=s};return f.addEventListener("scroll",v),()=>f.removeEventListener("scroll",v)}},[n.viewport,l,d,c]),a.jsx(i.Presence,{present:o||u!=="hidden",children:a.jsx(Be,{"data-state":u==="hidden"?"hidden":"visible",...r,ref:t,onPointerEnter:i.composeEventHandlers(e.onPointerEnter,()=>d("POINTER_ENTER")),onPointerLeave:i.composeEventHandlers(e.onPointerLeave,()=>d("POINTER_LEAVE"))})})}),ht=h.forwardRef((e,t)=>{const o=U(Q,e.__scopeScrollArea),{forceMount:r,...n}=e,[l,c]=h.useState(!1),u=e.orientation==="horizontal",d=Te(()=>{if(o.viewport){const f=o.viewport.offsetWidth<o.viewport.scrollWidth,p=o.viewport.offsetHeight<o.viewport.scrollHeight;c(u?f:p)}},10);return me(o.viewport,d),me(o.content,d),a.jsx(i.Presence,{present:r||l,children:a.jsx(Be,{"data-state":l?"visible":"hidden",...n,ref:t})})}),Be=h.forwardRef((e,t)=>{const{orientation:o="vertical",...r}=e,n=U(Q,e.__scopeScrollArea),l=h.useRef(null),c=h.useRef(0),[u,d]=h.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=yt(u.viewport,u.content),p={...r,sizes:u,onSizesChange:d,hasThumb:f>0&&f<1,onThumbChange:v=>l.current=v,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:v=>c.current=v};function g(v,s){return Ro(v,c.current,u,s)}return o==="horizontal"?a.jsx(So,{...p,ref:t,onThumbPositionChange:()=>{if(n.viewport&&l.current){const v=n.viewport.scrollLeft,s=Qe(v,u,n.dir);l.current.style.transform=`translate3d(${s}px, 0, 0)`}},onWheelScroll:v=>{n.viewport&&(n.viewport.scrollLeft=v)},onDragScroll:v=>{n.viewport&&(n.viewport.scrollLeft=g(v,n.dir))}}):o==="vertical"?a.jsx(Co,{...p,ref:t,onThumbPositionChange:()=>{if(n.viewport&&l.current){const v=n.viewport.scrollTop,s=Qe(v,u);l.current.style.transform=`translate3d(0, ${s}px, 0)`}},onWheelScroll:v=>{n.viewport&&(n.viewport.scrollTop=v)},onDragScroll:v=>{n.viewport&&(n.viewport.scrollTop=g(v))}}):null}),So=h.forwardRef((e,t)=>{const{sizes:o,onSizesChange:r,...n}=e,l=U(Q,e.__scopeScrollArea),[c,u]=h.useState(),d=h.useRef(null),f=i.useComposedRefs(t,d,l.onScrollbarXChange);return h.useEffect(()=>{d.current&&u(getComputedStyle(d.current))},[d]),a.jsx(vt,{"data-orientation":"horizontal",...n,ref:f,sizes:o,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":Ee(o)+"px",...e.style},onThumbPointerDown:p=>e.onThumbPointerDown(p.x),onDragScroll:p=>e.onDragScroll(p.x),onWheelScroll:(p,g)=>{if(l.viewport){const v=l.viewport.scrollLeft+p.deltaX;e.onWheelScroll(v),St(v,g)&&p.preventDefault()}},onResize:()=>{d.current&&l.viewport&&c&&r({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:Se(c.paddingLeft),paddingEnd:Se(c.paddingRight)}})}})}),Co=h.forwardRef((e,t)=>{const{sizes:o,onSizesChange:r,...n}=e,l=U(Q,e.__scopeScrollArea),[c,u]=h.useState(),d=h.useRef(null),f=i.useComposedRefs(t,d,l.onScrollbarYChange);return h.useEffect(()=>{d.current&&u(getComputedStyle(d.current))},[d]),a.jsx(vt,{"data-orientation":"vertical",...n,ref:f,sizes:o,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":Ee(o)+"px",...e.style},onThumbPointerDown:p=>e.onThumbPointerDown(p.y),onDragScroll:p=>e.onDragScroll(p.y),onWheelScroll:(p,g)=>{if(l.viewport){const v=l.viewport.scrollTop+p.deltaY;e.onWheelScroll(v),St(v,g)&&p.preventDefault()}},onResize:()=>{d.current&&l.viewport&&c&&r({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:Se(c.paddingTop),paddingEnd:Se(c.paddingBottom)}})}})}),[Eo,gt]=ut(Q),vt=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,sizes:r,hasThumb:n,onThumbChange:l,onThumbPointerUp:c,onThumbPointerDown:u,onThumbPositionChange:d,onDragScroll:f,onWheelScroll:p,onResize:g,...v}=e,s=U(Q,o),[R,x]=h.useState(null),b=i.useComposedRefs(t,P=>x(P)),T=h.useRef(null),E=h.useRef(""),S=s.viewport,N=r.content-r.viewport,z=i.useCallbackRef(p),I=i.useCallbackRef(d),B=Te(g,10);function D(P){if(T.current){const O=P.clientX-T.current.left,H=P.clientY-T.current.top;f({x:O,y:H})}}return h.useEffect(()=>{const P=O=>{const H=O.target;(R==null?void 0:R.contains(H))&&z(O,N)};return document.addEventListener("wheel",P,{passive:!1}),()=>document.removeEventListener("wheel",P,{passive:!1})},[S,R,N,z]),h.useEffect(I,[r,I]),me(R,B),me(s.content,B),a.jsx(Eo,{scope:o,scrollbar:R,hasThumb:n,onThumbChange:i.useCallbackRef(l),onThumbPointerUp:i.useCallbackRef(c),onThumbPositionChange:I,onThumbPointerDown:i.useCallbackRef(u),children:a.jsx(i.Primitive.div,{...v,ref:b,style:{position:"absolute",...v.style},onPointerDown:i.composeEventHandlers(e.onPointerDown,P=>{P.button===0&&(P.target.setPointerCapture(P.pointerId),T.current=R.getBoundingClientRect(),E.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",s.viewport&&(s.viewport.style.scrollBehavior="auto"),D(P))}),onPointerMove:i.composeEventHandlers(e.onPointerMove,D),onPointerUp:i.composeEventHandlers(e.onPointerUp,P=>{const O=P.target;O.hasPointerCapture(P.pointerId)&&O.releasePointerCapture(P.pointerId),document.body.style.webkitUserSelect=E.current,s.viewport&&(s.viewport.style.scrollBehavior=""),T.current=null})})})}),we="ScrollAreaThumb",bt=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,n=gt(we,e.__scopeScrollArea);return a.jsx(i.Presence,{present:o||n.hasThumb,children:a.jsx(To,{ref:t,...r})})}),To=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,style:r,...n}=e,l=U(we,o),c=gt(we,o),{onThumbPositionChange:u}=c,d=i.useComposedRefs(t,g=>c.onThumbChange(g)),f=h.useRef(void 0),p=Te(()=>{f.current&&(f.current(),f.current=void 0)},100);return h.useEffect(()=>{const g=l.viewport;if(g){const v=()=>{if(p(),!f.current){const s=No(g,u);f.current=s,u()}};return u(),g.addEventListener("scroll",v),()=>g.removeEventListener("scroll",v)}},[l.viewport,p,u]),a.jsx(i.Primitive.div,{"data-state":c.hasThumb?"visible":"hidden",...n,ref:d,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...r},onPointerDownCapture:i.composeEventHandlers(e.onPointerDownCapture,g=>{const s=g.target.getBoundingClientRect(),R=g.clientX-s.left,x=g.clientY-s.top;c.onThumbPointerDown({x:R,y:x})}),onPointerUp:i.composeEventHandlers(e.onPointerUp,c.onThumbPointerUp)})});bt.displayName=we;var He="ScrollAreaCorner",xt=h.forwardRef((e,t)=>{const o=U(He,e.__scopeScrollArea),r=!!(o.scrollbarX&&o.scrollbarY);return o.type!=="scroll"&&r?a.jsx(jo,{...e,ref:t}):null});xt.displayName=He;var jo=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,...r}=e,n=U(He,o),[l,c]=h.useState(0),[u,d]=h.useState(0),f=!!(l&&u);return me(n.scrollbarX,()=>{var g;const p=((g=n.scrollbarX)==null?void 0:g.offsetHeight)||0;n.onCornerHeightChange(p),d(p)}),me(n.scrollbarY,()=>{var g;const p=((g=n.scrollbarY)==null?void 0:g.offsetWidth)||0;n.onCornerWidthChange(p),c(p)}),f?a.jsx(i.Primitive.div,{...r,ref:t,style:{width:l,height:u,position:"absolute",right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function Se(e){return e?parseInt(e,10):0}function yt(e,t){const o=e/t;return isNaN(o)?0:o}function Ee(e){const t=yt(e.viewport,e.content),o=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-o)*t;return Math.max(r,18)}function Ro(e,t,o,r="ltr"){const n=Ee(o),l=n/2,c=t||l,u=n-c,d=o.scrollbar.paddingStart+c,f=o.scrollbar.size-o.scrollbar.paddingEnd-u,p=o.content-o.viewport,g=r==="ltr"?[0,p]:[p*-1,0];return wt([d,f],g)(e)}function Qe(e,t,o="ltr"){const r=Ee(t),n=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,l=t.scrollbar.size-n,c=t.content-t.viewport,u=l-r,d=o==="ltr"?[0,c]:[c*-1,0],f=vo(e,d);return wt([0,c],[0,u])(f)}function wt(e,t){return o=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(o-e[0])}}function St(e,t){return e>0&&e<t}var No=(e,t=()=>{})=>{let o={left:e.scrollLeft,top:e.scrollTop},r=0;return function n(){const l={left:e.scrollLeft,top:e.scrollTop},c=o.left!==l.left,u=o.top!==l.top;(c||u)&&t(),o=l,r=window.requestAnimationFrame(n)}(),()=>window.cancelAnimationFrame(r)};function Te(e,t){const o=i.useCallbackRef(e),r=h.useRef(0);return h.useEffect(()=>()=>window.clearTimeout(r.current),[]),h.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(o,t)},[o,t])}function me(e,t){const o=i.useCallbackRef(t);i.useLayoutEffect2(()=>{let r=0;if(e){const n=new ResizeObserver(()=>{cancelAnimationFrame(r),r=window.requestAnimationFrame(o)});return n.observe(e),()=>{window.cancelAnimationFrame(r),n.unobserve(e)}}},[e,o])}var Ct=ft,Po=pt,ko=xt;const Fe=h.forwardRef(({className:e,children:t,...o},r)=>a.jsxs(Ct,{ref:r,className:i.cn("relative overflow-hidden",e),...o,children:[a.jsx(Po,{className:"h-full w-full rounded-[inherit]",children:t}),a.jsx(Et,{}),a.jsx(ko,{})]}));Fe.displayName=Ct.displayName;const Et=h.forwardRef(({className:e,orientation:t="vertical",...o},r)=>a.jsx(ze,{ref:r,orientation:t,className:i.cn("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...o,children:a.jsx(bt,{className:"relative flex-1 rounded-full bg-border"})}));Et.displayName=ze.displayName;const Io=()=>{const{selected:e,actions:t}=i.Pe(o=>{var l,c,u,d,f,p,g;const r=o.events.selected?Array.from(o.events.selected)[0]:null;let n;return r&&(n={id:r,name:((c=(l=o.nodes[r])==null?void 0:l.data)==null?void 0:c.displayName)||((d=(u=o.nodes[r])==null?void 0:u.data)==null?void 0:d.name),settings:(p=(f=o.nodes[r])==null?void 0:f.related)==null?void 0:p.settings,isDeletable:((g=o.nodes[r])==null?void 0:g.id)!=="ROOT"}),{selected:n}});return a.jsx("div",{className:"h-full flex flex-col",children:e?a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"flex items-center justify-between pb-3 border-b border-border mb-3",children:[a.jsxs("div",{children:[a.jsx("span",{className:"text-xs text-muted-foreground",children:"Selected"}),a.jsx("h3",{className:"text-sm font-semibold",children:e.name})]}),e.isDeletable&&a.jsx("button",{onClick:()=>t.delete(e.id),className:"p-1.5 rounded hover:bg-destructive/10 text-destructive transition-colors",title:"Delete element",children:a.jsx(fo,{className:"h-4 w-4"})})]}),a.jsx(Fe,{className:"flex-1 -mr-4 pr-4",children:e.settings&&m.createElement(e.settings)})]}):a.jsx("div",{className:"text-center py-8",children:a.jsx("p",{className:"text-sm text-muted-foreground",children:"Select an element to edit its properties"})})})},Do=e=>{switch(e){case"Container":return Ae;case"Text":return dt;case"Heading":return at;case"Button":return lt;case"Image":return st;case"Divider":return it;case"Spacer":return ct;case"Video":return po;case"Columns":return nt;case"Link":return i.Link;default:return Ae}},Tt=({nodeId:e,depth:t=0,onDragStart:o,onDragOver:r,onDrop:n,draggedId:l})=>{const{node:c,actions:u,selectedNodeId:d,childNodes:f,parentId:p}=i.Pe((C,ae)=>{var se,w;const V=C.nodes[e],ee=((se=V==null?void 0:V.data)==null?void 0:se.nodes)||[],F=C.events.selected?Array.from(C.events.selected)[0]:null,X=(w=V==null?void 0:V.data)==null?void 0:w.parent;return{node:V,childNodes:ee,selectedNodeId:F,parentId:X}}),[g,v]=m.useState(!0),[s,R]=m.useState(!1);if(!c)return null;const x=c.data.displayName||c.data.name||"Unknown",b=f.length>0,T=d===e,E=e==="ROOT",S=Do(x),N=l===e,z=c.data.isCanvas,I=C=>{C.stopPropagation(),E||u.selectNode(e)},B=C=>{C.stopPropagation(),v(!g)},D=C=>{if(E){C.preventDefault();return}C.stopPropagation(),o(e,p)},P=C=>{C.preventDefault(),C.stopPropagation(),l&&l!==e&&z&&R(!0)},O=C=>{C.stopPropagation(),R(!1)},H=C=>{C.preventDefault(),C.stopPropagation(),R(!1),l&&l!==e&&n(e)};return a.jsxs("div",{className:"select-none",children:[a.jsxs("div",{className:`flex items-center gap-1 py-1 px-1 rounded cursor-pointer text-sm transition-colors ${T?"bg-primary/10 text-primary":"hover:bg-secondary/50"} ${N?"opacity-50":""} ${s?"bg-primary/20 ring-1 ring-primary":""}`,style:{paddingLeft:`${t*12+4}px`},onClick:I,draggable:!E,onDragStart:D,onDragOver:P,onDragLeave:O,onDrop:H,children:[!E&&a.jsx(lo,{className:"h-3 w-3 text-muted-foreground/50 cursor-grab active:cursor-grabbing"}),b?a.jsx("button",{onClick:B,className:"p-0.5 hover:bg-secondary rounded",children:g?a.jsx(i.ChevronDown,{className:"h-3 w-3"}):a.jsx(i.ChevronRight,{className:"h-3 w-3"})}):a.jsx("span",{className:"w-4"}),a.jsx(S,{className:"h-3.5 w-3.5 text-muted-foreground shrink-0"}),a.jsx("span",{className:`truncate ${E?"font-medium":""}`,children:E?"Root":x})]}),b&&g&&a.jsx("div",{children:f.map(C=>a.jsx(Tt,{nodeId:C,depth:t+1,onDragStart:o,onDragOver:r,onDrop:n,draggedId:l},C))})]})},Ao=()=>{const[e,t]=m.useState(null),[o,r]=m.useState(null),{nodeIds:n,actions:l}=i.Pe(f=>({nodeIds:Object.keys(f.nodes)})),c=(f,p)=>{t(f),r(p)},u=f=>{if(e&&f&&e!==f)try{l.move(e,f,0)}catch(p){console.log("Cannot move node:",p)}t(null),r(null)},d=()=>{t(null),r(null)};return a.jsxs("div",{className:"space-y-2",onDragEnd:d,children:[a.jsx("h3",{className:"text-sm font-medium text-muted-foreground",children:"Layers"}),a.jsx("div",{className:"border border-border rounded-lg p-2 max-h-[250px] overflow-y-auto bg-background",children:n.includes("ROOT")&&a.jsx(Tt,{nodeId:"ROOT",onDragStart:c,onDrop:u,draggedId:e})}),a.jsx("p",{className:"text-xs text-muted-foreground",children:"Drag to containers to reorder"})]})};function et(e){const t=Mo(e),o=h.forwardRef((r,n)=>{const{children:l,...c}=r,u=h.Children.toArray(l),d=u.find(_o);if(d){const f=d.props.children,p=u.map(g=>g===d?h.Children.count(f)>1?h.Children.only(null):h.isValidElement(f)?f.props.children:null:g);return a.jsx(t,{...c,ref:n,children:h.isValidElement(f)?h.cloneElement(f,void 0,p):null})}return a.jsx(t,{...c,ref:n,children:l})});return o.displayName=`${e}.Slot`,o}function Mo(e){const t=h.forwardRef((o,r)=>{const{children:n,...l}=o;if(h.isValidElement(n)){const c=zo(n),u=Oo(l,n.props);return n.type!==h.Fragment&&(u.ref=r?i.composeRefs(r,c):c),h.cloneElement(n,u)}return h.Children.count(n)>1?h.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Lo=Symbol("radix.slottable");function _o(e){return h.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Lo}function Oo(e,t){const o={...t};for(const r in t){const n=e[r],l=t[r];/^on[A-Z]/.test(r)?n&&l?o[r]=(...u)=>{const d=l(...u);return n(...u),d}:n&&(o[r]=n):r==="style"?o[r]={...n,...l}:r==="className"&&(o[r]=[n,l].filter(Boolean).join(" "))}return{...e,...o}}function zo(e){var r,n;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=(n=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:n.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}function Bo(e){const t=e+"CollectionProvider",[o,r]=i.createContextScope(t),[n,l]=o(t,{collectionRef:{current:null},itemMap:new Map}),c=x=>{const{scope:b,children:T}=x,E=m.useRef(null),S=m.useRef(new Map).current;return a.jsx(n,{scope:b,itemMap:S,collectionRef:E,children:T})};c.displayName=t;const u=e+"CollectionSlot",d=et(u),f=m.forwardRef((x,b)=>{const{scope:T,children:E}=x,S=l(u,T),N=i.useComposedRefs(b,S.collectionRef);return a.jsx(d,{ref:N,children:E})});f.displayName=u;const p=e+"CollectionItemSlot",g="data-radix-collection-item",v=et(p),s=m.forwardRef((x,b)=>{const{scope:T,children:E,...S}=x,N=m.useRef(null),z=i.useComposedRefs(b,N),I=l(p,T);return m.useEffect(()=>(I.itemMap.set(N,{ref:N,...S}),()=>void I.itemMap.delete(N))),a.jsx(v,{[g]:"",ref:z,children:E})});s.displayName=p;function R(x){const b=l(e+"CollectionConsumer",x);return m.useCallback(()=>{const E=b.collectionRef.current;if(!E)return[];const S=Array.from(E.querySelectorAll(`[${g}]`));return Array.from(b.itemMap.values()).sort((I,B)=>S.indexOf(I.ref.current)-S.indexOf(B.ref.current))},[b.collectionRef,b.itemMap])}return[{Provider:c,Slot:f,ItemSlot:s},R,r]}var De="rovingFocusGroup.onEntryFocus",Ho={bubbles:!1,cancelable:!0},ve="RovingFocusGroup",[Me,jt,Fo]=Bo(ve),[Vo,Rt]=i.createContextScope(ve,[Fo]),[Go,Yo]=Vo(ve),Nt=h.forwardRef((e,t)=>a.jsx(Me.Provider,{scope:e.__scopeRovingFocusGroup,children:a.jsx(Me.Slot,{scope:e.__scopeRovingFocusGroup,children:a.jsx($o,{...e,ref:t})})}));Nt.displayName=ve;var $o=h.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:o,orientation:r,loop:n=!1,dir:l,currentTabStopId:c,defaultCurrentTabStopId:u,onCurrentTabStopIdChange:d,onEntryFocus:f,preventScrollOnEntryFocus:p=!1,...g}=e,v=h.useRef(null),s=i.useComposedRefs(t,v),R=_e(l),[x,b]=i.useControllableState({prop:c,defaultProp:u??null,onChange:d,caller:ve}),[T,E]=h.useState(!1),S=i.useCallbackRef(f),N=jt(o),z=h.useRef(!1),[I,B]=h.useState(0);return h.useEffect(()=>{const D=v.current;if(D)return D.addEventListener(De,S),()=>D.removeEventListener(De,S)},[S]),a.jsx(Go,{scope:o,orientation:r,dir:R,loop:n,currentTabStopId:x,onItemFocus:h.useCallback(D=>b(D),[b]),onItemShiftTab:h.useCallback(()=>E(!0),[]),onFocusableItemAdd:h.useCallback(()=>B(D=>D+1),[]),onFocusableItemRemove:h.useCallback(()=>B(D=>D-1),[]),children:a.jsx(i.Primitive.div,{tabIndex:T||I===0?-1:0,"data-orientation":r,...g,ref:s,style:{outline:"none",...e.style},onMouseDown:i.composeEventHandlers(e.onMouseDown,()=>{z.current=!0}),onFocus:i.composeEventHandlers(e.onFocus,D=>{const P=!z.current;if(D.target===D.currentTarget&&P&&!T){const O=new CustomEvent(De,Ho);if(D.currentTarget.dispatchEvent(O),!O.defaultPrevented){const H=N().filter(F=>F.focusable),C=H.find(F=>F.active),ae=H.find(F=>F.id===x),ee=[C,ae,...H].filter(Boolean).map(F=>F.ref.current);It(ee,p)}}z.current=!1}),onBlur:i.composeEventHandlers(e.onBlur,()=>E(!1))})})}),Pt="RovingFocusGroupItem",kt=h.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:o,focusable:r=!0,active:n=!1,tabStopId:l,children:c,...u}=e,d=i.useId(),f=l||d,p=Yo(Pt,o),g=p.currentTabStopId===f,v=jt(o),{onFocusableItemAdd:s,onFocusableItemRemove:R,currentTabStopId:x}=p;return h.useEffect(()=>{if(r)return s(),()=>R()},[r,s,R]),a.jsx(Me.ItemSlot,{scope:o,id:f,focusable:r,active:n,children:a.jsx(i.Primitive.span,{tabIndex:g?0:-1,"data-orientation":p.orientation,...u,ref:t,onMouseDown:i.composeEventHandlers(e.onMouseDown,b=>{r?p.onItemFocus(f):b.preventDefault()}),onFocus:i.composeEventHandlers(e.onFocus,()=>p.onItemFocus(f)),onKeyDown:i.composeEventHandlers(e.onKeyDown,b=>{if(b.key==="Tab"&&b.shiftKey){p.onItemShiftTab();return}if(b.target!==b.currentTarget)return;const T=Xo(b,p.orientation,p.dir);if(T!==void 0){if(b.metaKey||b.ctrlKey||b.altKey||b.shiftKey)return;b.preventDefault();let S=v().filter(N=>N.focusable).map(N=>N.ref.current);if(T==="last")S.reverse();else if(T==="prev"||T==="next"){T==="prev"&&S.reverse();const N=S.indexOf(b.currentTarget);S=p.loop?Ko(S,N+1):S.slice(N+1)}setTimeout(()=>It(S))}}),children:typeof c=="function"?c({isCurrentTabStop:g,hasTabStop:x!=null}):c})})});kt.displayName=Pt;var Wo={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function Uo(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function Xo(e,t,o){const r=Uo(e.key,o);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return Wo[r]}function It(e,t=!1){const o=document.activeElement;for(const r of e)if(r===o||(r.focus({preventScroll:t}),document.activeElement!==o))return}function Ko(e,t){return e.map((o,r)=>e[(t+r)%e.length])}var qo=Nt,Zo=kt,Dt="Toggle",Ve=h.forwardRef((e,t)=>{const{pressed:o,defaultPressed:r,onPressedChange:n,...l}=e,[c,u]=i.useControllableState({prop:o,onChange:n,defaultProp:r??!1,caller:Dt});return a.jsx(i.Primitive.button,{type:"button","aria-pressed":c,"data-state":c?"on":"off","data-disabled":e.disabled?"":void 0,...l,ref:t,onClick:i.composeEventHandlers(e.onClick,()=>{e.disabled||u(!c)})})});Ve.displayName=Dt;var At=Ve,ne="ToggleGroup",[Mt]=i.createContextScope(ne,[Rt]),Lt=Rt(),Ge=m.forwardRef((e,t)=>{const{type:o,...r}=e;if(o==="single"){const n=r;return a.jsx(Jo,{...n,ref:t})}if(o==="multiple"){const n=r;return a.jsx(Qo,{...n,ref:t})}throw new Error(`Missing prop \`type\` expected on \`${ne}\``)});Ge.displayName=ne;var[_t,Ot]=Mt(ne),Jo=m.forwardRef((e,t)=>{const{value:o,defaultValue:r,onValueChange:n=()=>{},...l}=e,[c,u]=i.useControllableState({prop:o,defaultProp:r??"",onChange:n,caller:ne});return a.jsx(_t,{scope:e.__scopeToggleGroup,type:"single",value:m.useMemo(()=>c?[c]:[],[c]),onItemActivate:u,onItemDeactivate:m.useCallback(()=>u(""),[u]),children:a.jsx(zt,{...l,ref:t})})}),Qo=m.forwardRef((e,t)=>{const{value:o,defaultValue:r,onValueChange:n=()=>{},...l}=e,[c,u]=i.useControllableState({prop:o,defaultProp:r??[],onChange:n,caller:ne}),d=m.useCallback(p=>u((g=[])=>[...g,p]),[u]),f=m.useCallback(p=>u((g=[])=>g.filter(v=>v!==p)),[u]);return a.jsx(_t,{scope:e.__scopeToggleGroup,type:"multiple",value:c,onItemActivate:d,onItemDeactivate:f,children:a.jsx(zt,{...l,ref:t})})});Ge.displayName=ne;var[er,tr]=Mt(ne),zt=m.forwardRef((e,t)=>{const{__scopeToggleGroup:o,disabled:r=!1,rovingFocus:n=!0,orientation:l,dir:c,loop:u=!0,...d}=e,f=Lt(o),p=_e(c),g={role:"group",dir:p,...d};return a.jsx(er,{scope:o,rovingFocus:n,disabled:r,children:n?a.jsx(qo,{asChild:!0,...f,orientation:l,dir:p,loop:u,children:a.jsx(i.Primitive.div,{...g,ref:t})}):a.jsx(i.Primitive.div,{...g,ref:t})})}),Ce="ToggleGroupItem",Bt=m.forwardRef((e,t)=>{const o=Ot(Ce,e.__scopeToggleGroup),r=tr(Ce,e.__scopeToggleGroup),n=Lt(e.__scopeToggleGroup),l=o.value.includes(e.value),c=r.disabled||e.disabled,u={...e,pressed:l,disabled:c},d=m.useRef(null);return r.rovingFocus?a.jsx(Zo,{asChild:!0,...n,focusable:!c,active:l,ref:d,children:a.jsx(tt,{...u,ref:t})}):a.jsx(tt,{...u,ref:t})});Bt.displayName=Ce;var tt=m.forwardRef((e,t)=>{const{__scopeToggleGroup:o,value:r,...n}=e,l=Ot(Ce,o),c={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},u=l.type==="single"?c:void 0;return a.jsx(Ve,{...u,...n,ref:t,onPressedChange:d=>{d?l.onItemActivate(r):l.onItemDeactivate(r)}})}),Ht=Ge,Ft=Bt;const Vt=i.cva("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),or=h.forwardRef(({className:e,variant:t,size:o,...r},n)=>a.jsx(At,{ref:n,className:i.cn(Vt({variant:t,size:o,className:e})),...r}));or.displayName=At.displayName;const Gt=h.createContext({size:"default",variant:"default"}),Yt=h.forwardRef(({className:e,variant:t,size:o,children:r,...n},l)=>a.jsx(Ht,{ref:l,className:i.cn("flex items-center justify-center gap-1",e),...n,children:a.jsx(Gt.Provider,{value:{variant:t,size:o},children:r})}));Yt.displayName=Ht.displayName;const $t=h.forwardRef(({className:e,children:t,variant:o,size:r,...n},l)=>{const c=h.useContext(Gt);return a.jsx(Ft,{ref:l,className:i.cn(Vt({variant:c.variant||o,size:c.size||r}),e),...n,children:t})});$t.displayName=Ft.displayName;var rr=e=>{switch(e){case"success":return sr;case"info":return lr;case"warning":return ir;case"error":return cr;default:return null}},nr=Array(12).fill(0),ar=({visible:e,className:t})=>m.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},m.createElement("div",{className:"sonner-spinner"},nr.map((o,r)=>m.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),sr=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},m.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),ir=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},m.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),lr=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},m.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),cr=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},m.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),dr=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},m.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),m.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),ur=()=>{let[e,t]=m.useState(document.hidden);return m.useEffect(()=>{let o=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",o),()=>window.removeEventListener("visibilitychange",o)},[]),e},Le=1,fr=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var t;let{message:o,...r}=e,n=typeof(e==null?void 0:e.id)=="number"||((t=e.id)==null?void 0:t.length)>0?e.id:Le++,l=this.toasts.find(u=>u.id===n),c=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(n)&&this.dismissedToasts.delete(n),l?this.toasts=this.toasts.map(u=>u.id===n?(this.publish({...u,...e,id:n,title:o}),{...u,...e,id:n,dismissible:c,title:o}):u):this.addToast({title:o,...r,dismissible:c,id:n}),n},this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(t=>{this.subscribers.forEach(o=>o({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:e,dismiss:!0})),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:"error"}),this.success=(e,t)=>this.create({...t,type:"success",message:e}),this.info=(e,t)=>this.create({...t,type:"info",message:e}),this.warning=(e,t)=>this.create({...t,type:"warning",message:e}),this.loading=(e,t)=>this.create({...t,type:"loading",message:e}),this.promise=(e,t)=>{if(!t)return;let o;t.loading!==void 0&&(o=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let r=e instanceof Promise?e:e(),n=o!==void 0,l,c=r.then(async d=>{if(l=["resolve",d],m.isValidElement(d))n=!1,this.create({id:o,type:"default",message:d});else if(pr(d)&&!d.ok){n=!1;let f=typeof t.error=="function"?await t.error(`HTTP error! status: ${d.status}`):t.error,p=typeof t.description=="function"?await t.description(`HTTP error! status: ${d.status}`):t.description;this.create({id:o,type:"error",message:f,description:p})}else if(t.success!==void 0){n=!1;let f=typeof t.success=="function"?await t.success(d):t.success,p=typeof t.description=="function"?await t.description(d):t.description;this.create({id:o,type:"success",message:f,description:p})}}).catch(async d=>{if(l=["reject",d],t.error!==void 0){n=!1;let f=typeof t.error=="function"?await t.error(d):t.error,p=typeof t.description=="function"?await t.description(d):t.description;this.create({id:o,type:"error",message:f,description:p})}}).finally(()=>{var d;n&&(this.dismiss(o),o=void 0),(d=t.finally)==null||d.call(t)}),u=()=>new Promise((d,f)=>c.then(()=>l[0]==="reject"?f(l[1]):d(l[1])).catch(f));return typeof o!="string"&&typeof o!="number"?{unwrap:u}:Object.assign(o,{unwrap:u})},this.custom=(e,t)=>{let o=(t==null?void 0:t.id)||Le++;return this.create({jsx:e(o),id:o,...t}),o},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},Y=new fr,mr=(e,t)=>{let o=(t==null?void 0:t.id)||Le++;return Y.addToast({title:e,...t,id:o}),o},pr=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",hr=mr,gr=()=>Y.toasts,vr=()=>Y.getActiveToasts(),br=Object.assign(hr,{success:Y.success,info:Y.info,warning:Y.warning,error:Y.error,custom:Y.custom,message:Y.message,promise:Y.promise,dismiss:Y.dismiss,loading:Y.loading},{getHistory:gr,getToasts:vr});function xr(e,{insertAt:t}={}){if(typeof document>"u")return;let o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t==="top"&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}xr(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
|
72
|
-
`);function ye(e){return e.label!==void 0}var yr=3,wr="32px",Sr="16px",ot=4e3,Cr=356,Er=14,Tr=20,jr=200;function J(...e){return e.filter(Boolean).join(" ")}function Rr(e){let[t,o]=e.split("-"),r=[];return t&&r.push(t),o&&r.push(o),r}var Nr=e=>{var t,o,r,n,l,c,u,d,f,p,g;let{invert:v,toast:s,unstyled:R,interacting:x,setHeights:b,visibleToasts:T,heights:E,index:S,toasts:N,expanded:z,removeToast:I,defaultRichColors:B,closeButton:D,style:P,cancelButtonStyle:O,actionButtonStyle:H,className:C="",descriptionClassName:ae="",duration:V,position:ee,gap:F,loadingIcon:X,expandByDefault:se,classNames:w,icons:$,closeButtonAriaLabel:je="Close toast",pauseWhenPageIsHidden:k}=e,[A,L]=m.useState(null),[G,ce]=m.useState(null),[_,Re]=m.useState(!1),[pe,be]=m.useState(!1),[he,Ne]=m.useState(!1),[$e,Ut]=m.useState(!1),[Xt,We]=m.useState(!1),[Kt,Pe]=m.useState(0),[qt,Ue]=m.useState(0),ge=m.useRef(s.duration||V||ot),Xe=m.useRef(null),ie=m.useRef(null),Zt=S===0,Jt=S+1<=T,W=s.type,de=s.dismissible!==!1,Qt=s.className||"",eo=s.descriptionClassName||"",xe=m.useMemo(()=>E.findIndex(y=>y.toastId===s.id)||0,[E,s.id]),to=m.useMemo(()=>{var y;return(y=s.closeButton)!=null?y:D},[s.closeButton,D]),Ke=m.useMemo(()=>s.duration||V||ot,[s.duration,V]),ke=m.useRef(0),ue=m.useRef(0),qe=m.useRef(0),fe=m.useRef(null),[oo,ro]=ee.split("-"),Ze=m.useMemo(()=>E.reduce((y,j,M)=>M>=xe?y:y+j.height,0),[E,xe]),Je=ur(),no=s.invert||v,Ie=W==="loading";ue.current=m.useMemo(()=>xe*F+Ze,[xe,Ze]),m.useEffect(()=>{ge.current=Ke},[Ke]),m.useEffect(()=>{Re(!0)},[]),m.useEffect(()=>{let y=ie.current;if(y){let j=y.getBoundingClientRect().height;return Ue(j),b(M=>[{toastId:s.id,height:j,position:s.position},...M]),()=>b(M=>M.filter(K=>K.toastId!==s.id))}},[b,s.id]),m.useLayoutEffect(()=>{if(!_)return;let y=ie.current,j=y.style.height;y.style.height="auto";let M=y.getBoundingClientRect().height;y.style.height=j,Ue(M),b(K=>K.find(q=>q.toastId===s.id)?K.map(q=>q.toastId===s.id?{...q,height:M}:q):[{toastId:s.id,height:M,position:s.position},...K])},[_,s.title,s.description,b,s.id]);let te=m.useCallback(()=>{be(!0),Pe(ue.current),b(y=>y.filter(j=>j.toastId!==s.id)),setTimeout(()=>{I(s)},jr)},[s,I,b,ue]);m.useEffect(()=>{if(s.promise&&W==="loading"||s.duration===1/0||s.type==="loading")return;let y;return z||x||k&&Je?(()=>{if(qe.current<ke.current){let j=new Date().getTime()-ke.current;ge.current=ge.current-j}qe.current=new Date().getTime()})():ge.current!==1/0&&(ke.current=new Date().getTime(),y=setTimeout(()=>{var j;(j=s.onAutoClose)==null||j.call(s,s),te()},ge.current)),()=>clearTimeout(y)},[z,x,s,W,k,Je,te]),m.useEffect(()=>{s.delete&&te()},[te,s.delete]);function ao(){var y,j,M;return $!=null&&$.loading?m.createElement("div",{className:J(w==null?void 0:w.loader,(y=s==null?void 0:s.classNames)==null?void 0:y.loader,"sonner-loader"),"data-visible":W==="loading"},$.loading):X?m.createElement("div",{className:J(w==null?void 0:w.loader,(j=s==null?void 0:s.classNames)==null?void 0:j.loader,"sonner-loader"),"data-visible":W==="loading"},X):m.createElement(ar,{className:J(w==null?void 0:w.loader,(M=s==null?void 0:s.classNames)==null?void 0:M.loader),visible:W==="loading"})}return m.createElement("li",{tabIndex:0,ref:ie,className:J(C,Qt,w==null?void 0:w.toast,(t=s==null?void 0:s.classNames)==null?void 0:t.toast,w==null?void 0:w.default,w==null?void 0:w[W],(o=s==null?void 0:s.classNames)==null?void 0:o[W]),"data-sonner-toast":"","data-rich-colors":(r=s.richColors)!=null?r:B,"data-styled":!(s.jsx||s.unstyled||R),"data-mounted":_,"data-promise":!!s.promise,"data-swiped":Xt,"data-removed":pe,"data-visible":Jt,"data-y-position":oo,"data-x-position":ro,"data-index":S,"data-front":Zt,"data-swiping":he,"data-dismissible":de,"data-type":W,"data-invert":no,"data-swipe-out":$e,"data-swipe-direction":G,"data-expanded":!!(z||se&&_),style:{"--index":S,"--toasts-before":S,"--z-index":N.length-S,"--offset":`${pe?Kt:ue.current}px`,"--initial-height":se?"auto":`${qt}px`,...P,...s.style},onDragEnd:()=>{Ne(!1),L(null),fe.current=null},onPointerDown:y=>{Ie||!de||(Xe.current=new Date,Pe(ue.current),y.target.setPointerCapture(y.pointerId),y.target.tagName!=="BUTTON"&&(Ne(!0),fe.current={x:y.clientX,y:y.clientY}))},onPointerUp:()=>{var y,j,M,K;if($e||!de)return;fe.current=null;let q=Number(((y=ie.current)==null?void 0:y.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),oe=Number(((j=ie.current)==null?void 0:j.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),le=new Date().getTime()-((M=Xe.current)==null?void 0:M.getTime()),Z=A==="x"?q:oe,re=Math.abs(Z)/le;if(Math.abs(Z)>=Tr||re>.11){Pe(ue.current),(K=s.onDismiss)==null||K.call(s,s),ce(A==="x"?q>0?"right":"left":oe>0?"down":"up"),te(),Ut(!0),We(!1);return}Ne(!1),L(null)},onPointerMove:y=>{var j,M,K,q;if(!fe.current||!de||((j=window.getSelection())==null?void 0:j.toString().length)>0)return;let oe=y.clientY-fe.current.y,le=y.clientX-fe.current.x,Z=(M=e.swipeDirections)!=null?M:Rr(ee);!A&&(Math.abs(le)>1||Math.abs(oe)>1)&&L(Math.abs(le)>Math.abs(oe)?"x":"y");let re={x:0,y:0};A==="y"?(Z.includes("top")||Z.includes("bottom"))&&(Z.includes("top")&&oe<0||Z.includes("bottom")&&oe>0)&&(re.y=oe):A==="x"&&(Z.includes("left")||Z.includes("right"))&&(Z.includes("left")&&le<0||Z.includes("right")&&le>0)&&(re.x=le),(Math.abs(re.x)>0||Math.abs(re.y)>0)&&We(!0),(K=ie.current)==null||K.style.setProperty("--swipe-amount-x",`${re.x}px`),(q=ie.current)==null||q.style.setProperty("--swipe-amount-y",`${re.y}px`)}},to&&!s.jsx?m.createElement("button",{"aria-label":je,"data-disabled":Ie,"data-close-button":!0,onClick:Ie||!de?()=>{}:()=>{var y;te(),(y=s.onDismiss)==null||y.call(s,s)},className:J(w==null?void 0:w.closeButton,(n=s==null?void 0:s.classNames)==null?void 0:n.closeButton)},(l=$==null?void 0:$.close)!=null?l:dr):null,s.jsx||m.isValidElement(s.title)?s.jsx?s.jsx:typeof s.title=="function"?s.title():s.title:m.createElement(m.Fragment,null,W||s.icon||s.promise?m.createElement("div",{"data-icon":"",className:J(w==null?void 0:w.icon,(c=s==null?void 0:s.classNames)==null?void 0:c.icon)},s.promise||s.type==="loading"&&!s.icon?s.icon||ao():null,s.type!=="loading"?s.icon||($==null?void 0:$[W])||rr(W):null):null,m.createElement("div",{"data-content":"",className:J(w==null?void 0:w.content,(u=s==null?void 0:s.classNames)==null?void 0:u.content)},m.createElement("div",{"data-title":"",className:J(w==null?void 0:w.title,(d=s==null?void 0:s.classNames)==null?void 0:d.title)},typeof s.title=="function"?s.title():s.title),s.description?m.createElement("div",{"data-description":"",className:J(ae,eo,w==null?void 0:w.description,(f=s==null?void 0:s.classNames)==null?void 0:f.description)},typeof s.description=="function"?s.description():s.description):null),m.isValidElement(s.cancel)?s.cancel:s.cancel&&ye(s.cancel)?m.createElement("button",{"data-button":!0,"data-cancel":!0,style:s.cancelButtonStyle||O,onClick:y=>{var j,M;ye(s.cancel)&&de&&((M=(j=s.cancel).onClick)==null||M.call(j,y),te())},className:J(w==null?void 0:w.cancelButton,(p=s==null?void 0:s.classNames)==null?void 0:p.cancelButton)},s.cancel.label):null,m.isValidElement(s.action)?s.action:s.action&&ye(s.action)?m.createElement("button",{"data-button":!0,"data-action":!0,style:s.actionButtonStyle||H,onClick:y=>{var j,M;ye(s.action)&&((M=(j=s.action).onClick)==null||M.call(j,y),!y.defaultPrevented&&te())},className:J(w==null?void 0:w.actionButton,(g=s==null?void 0:s.classNames)==null?void 0:g.actionButton)},s.action.label):null))};function rt(){if(typeof window>"u"||typeof document>"u")return"ltr";let e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function Pr(e,t){let o={};return[e,t].forEach((r,n)=>{let l=n===1,c=l?"--mobile-offset":"--offset",u=l?Sr:wr;function d(f){["top","right","bottom","left"].forEach(p=>{o[`${c}-${p}`]=typeof f=="number"?`${f}px`:f})}typeof r=="number"||typeof r=="string"?d(r):typeof r=="object"?["top","right","bottom","left"].forEach(f=>{r[f]===void 0?o[`${c}-${f}`]=u:o[`${c}-${f}`]=typeof r[f]=="number"?`${r[f]}px`:r[f]}):d(u)}),o}m.forwardRef(function(e,t){let{invert:o,position:r="bottom-right",hotkey:n=["altKey","KeyT"],expand:l,closeButton:c,className:u,offset:d,mobileOffset:f,theme:p="light",richColors:g,duration:v,style:s,visibleToasts:R=yr,toastOptions:x,dir:b=rt(),gap:T=Er,loadingIcon:E,icons:S,containerAriaLabel:N="Notifications",pauseWhenPageIsHidden:z}=e,[I,B]=m.useState([]),D=m.useMemo(()=>Array.from(new Set([r].concat(I.filter(k=>k.position).map(k=>k.position)))),[I,r]),[P,O]=m.useState([]),[H,C]=m.useState(!1),[ae,V]=m.useState(!1),[ee,F]=m.useState(p!=="system"?p:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),X=m.useRef(null),se=n.join("+").replace(/Key/g,"").replace(/Digit/g,""),w=m.useRef(null),$=m.useRef(!1),je=m.useCallback(k=>{B(A=>{var L;return(L=A.find(G=>G.id===k.id))!=null&&L.delete||Y.dismiss(k.id),A.filter(({id:G})=>G!==k.id)})},[]);return m.useEffect(()=>Y.subscribe(k=>{if(k.dismiss){B(A=>A.map(L=>L.id===k.id?{...L,delete:!0}:L));return}setTimeout(()=>{so.flushSync(()=>{B(A=>{let L=A.findIndex(G=>G.id===k.id);return L!==-1?[...A.slice(0,L),{...A[L],...k},...A.slice(L+1)]:[k,...A]})})})}),[]),m.useEffect(()=>{if(p!=="system"){F(p);return}if(p==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?F("dark"):F("light")),typeof window>"u")return;let k=window.matchMedia("(prefers-color-scheme: dark)");try{k.addEventListener("change",({matches:A})=>{F(A?"dark":"light")})}catch{k.addListener(({matches:L})=>{try{F(L?"dark":"light")}catch(G){console.error(G)}})}},[p]),m.useEffect(()=>{I.length<=1&&C(!1)},[I]),m.useEffect(()=>{let k=A=>{var L,G;n.every(ce=>A[ce]||A.code===ce)&&(C(!0),(L=X.current)==null||L.focus()),A.code==="Escape"&&(document.activeElement===X.current||(G=X.current)!=null&&G.contains(document.activeElement))&&C(!1)};return document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[n]),m.useEffect(()=>{if(X.current)return()=>{w.current&&(w.current.focus({preventScroll:!0}),w.current=null,$.current=!1)}},[X.current]),m.createElement("section",{ref:t,"aria-label":`${N} ${se}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},D.map((k,A)=>{var L;let[G,ce]=k.split("-");return I.length?m.createElement("ol",{key:k,dir:b==="auto"?rt():b,tabIndex:-1,ref:X,className:u,"data-sonner-toaster":!0,"data-theme":ee,"data-y-position":G,"data-lifted":H&&I.length>1&&!l,"data-x-position":ce,style:{"--front-toast-height":`${((L=P[0])==null?void 0:L.height)||0}px`,"--width":`${Cr}px`,"--gap":`${T}px`,...s,...Pr(d,f)},onBlur:_=>{$.current&&!_.currentTarget.contains(_.relatedTarget)&&($.current=!1,w.current&&(w.current.focus({preventScroll:!0}),w.current=null))},onFocus:_=>{_.target instanceof HTMLElement&&_.target.dataset.dismissible==="false"||$.current||($.current=!0,w.current=_.relatedTarget)},onMouseEnter:()=>C(!0),onMouseMove:()=>C(!0),onMouseLeave:()=>{ae||C(!1)},onDragEnd:()=>C(!1),onPointerDown:_=>{_.target instanceof HTMLElement&&_.target.dataset.dismissible==="false"||V(!0)},onPointerUp:()=>V(!1)},I.filter(_=>!_.position&&A===0||_.position===k).map((_,Re)=>{var pe,be;return m.createElement(Nr,{key:_.id,icons:S,index:Re,toast:_,defaultRichColors:g,duration:(pe=x==null?void 0:x.duration)!=null?pe:v,className:x==null?void 0:x.className,descriptionClassName:x==null?void 0:x.descriptionClassName,invert:o,visibleToasts:R,closeButton:(be=x==null?void 0:x.closeButton)!=null?be:c,interacting:ae,position:k,style:x==null?void 0:x.style,unstyled:x==null?void 0:x.unstyled,classNames:x==null?void 0:x.classNames,cancelButtonStyle:x==null?void 0:x.cancelButtonStyle,actionButtonStyle:x==null?void 0:x.actionButtonStyle,removeToast:je,toasts:I.filter(he=>he.position==_.position),heights:P.filter(he=>he.position==_.position),setHeights:O,expandByDefault:l,gap:T,loadingIcon:E,expanded:H,pauseWhenPageIsHidden:z,swipeDirections:e.swipeDirections})})):null}))});const Wt={mobile:{width:375,icon:i.Smartphone,label:"Mobile (375px)"},tablet:{width:768,icon:i.Tablet,label:"Tablet (768px)"},small:{width:1024,icon:i.Monitor,label:"Small Desktop (1024px)"},desktop:{width:"100%",icon:i.Tv,label:"Desktop (Full)"}},kr=({onSave:e,deviceSize:t,onDeviceSizeChange:o})=>{const{actions:r,query:n,canUndo:l,canRedo:c}=i.Pe((d,f)=>({canUndo:f.history.canUndo(),canRedo:f.history.canRedo()})),u=()=>{const d=n.serialize();e==null||e(d),br.success("Page saved successfully")};return a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsx(i.TooltipProvider,{children:a.jsx(Yt,{type:"single",value:t,onValueChange:d=>d&&o(d),className:"bg-muted rounded-md p-1",children:Object.entries(Wt).map(([d,{icon:f,label:p}])=>a.jsxs(i.Tooltip,{children:[a.jsx(i.TooltipTrigger,{asChild:!0,children:a.jsx($t,{value:d,size:"sm",className:"data-[state=on]:bg-background data-[state=on]:shadow-sm",children:a.jsx(f,{className:"h-4 w-4"})})}),a.jsx(i.TooltipContent,{side:"bottom",children:a.jsx("p",{children:p})})]},d))})}),a.jsx("div",{className:"h-6 w-px bg-border"}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(i.Button,{variant:"outline",size:"sm",onClick:()=>r.history.undo(),disabled:!l,children:a.jsx(mo,{className:"h-4 w-4"})}),a.jsx(i.Button,{variant:"outline",size:"sm",onClick:()=>r.history.redo(),disabled:!c,children:a.jsx(co,{className:"h-4 w-4"})}),a.jsxs(i.Button,{size:"sm",onClick:u,children:[a.jsx(uo,{className:"h-4 w-4 mr-2"}),"Save"]})]})]})},Ye=({children:e,className:t})=>{const{connectors:{connect:o,drag:r},selected:n}=i.Ne(l=>({selected:l.events.selected}));return a.jsx("div",{ref:l=>{l&&o(r(l))},className:i.clsx("relative min-h-[100vh] bg-white",t||""),children:e})};Ye.craft={props:{},displayName:"Body",isCanvas:!0,rules:{canMoveIn:e=>e.every(t=>t.data.displayName!=="Body")}};const Ir=({htmlJson:e="{}"})=>{const{actions:t}=i.Pe();return t.deserialize(e),a.jsx(i.De,{children:a.jsx(i.ke,{id:"mainBody",is:Ye,canvas:!0})})},Dr=({initialData:e,onSave:t,onStateChange:o})=>{var d;const r=i.useEventData(),[n,l]=m.useState("desktop"),c=((d=Wt[n])==null?void 0:d.width)||"100%",u=f=>{if(o)try{const p=f.serialize();o(p)}catch{}};return a.jsx(i.ut,{resolver:{Body:Ye,Container:i.Container,Text:i.Text,ButtonComponent:i.ButtonComponent,Heading:i.Heading,Image:i.Image,Divider:i.Divider,Spacer:i.Spacer,Video:i.Video,Columns:i.Columns,Link:i.Link$1},enabled:!0,onNodesChange:f=>u(f),children:a.jsx(i.DeviceSizeProvider,{value:n,children:a.jsx(i.EventDataProvider,{value:r,children:a.jsxs("div",{className:"flex flex-col h-full",children:[a.jsxs("div",{className:"flex items-center justify-between pb-4 border-b border-border",children:[a.jsx("h2",{className:"text-lg font-semibold",children:"Page Builder"}),a.jsx(kr,{onSave:t,deviceSize:n,onDeviceSizeChange:l})]}),a.jsxs("div",{className:"flex gap-4 mt-4 flex-1 min-h-0",children:[a.jsx(i.Card,{className:"w-56 shrink-0",children:a.jsxs(i.CardContent,{className:"p-4 space-y-6",children:[a.jsx(ho,{}),a.jsx(Ao,{})]})}),a.jsx(i.Card,{className:"flex-1 overflow-hidden bg-muted/30 flex flex-col",children:a.jsx(i.CardContent,{className:"p-4 flex-1 flex justify-center overflow-hidden",children:a.jsx(Fe,{className:"h-full w-full",children:a.jsx("div",{className:"flex justify-center min-h-full",children:a.jsx("div",{className:"bg-white rounded-lg min-h-full p-4 border border-dashed border-border transition-all duration-300 shadow-sm",style:{width:typeof c=="number"?`${c}px`:c,maxWidth:"100%"},children:a.jsx(Ir,{htmlJson:e})})})})})}),a.jsx(i.Card,{className:"w-72 shrink-0 flex flex-col",children:a.jsx(i.CardContent,{className:"p-4 flex-1 overflow-hidden",children:a.jsx(Io,{})})})]})]})})})})};exports.default=Dr;
|
|
71
|
+
*/const po=i.createLucideIcon("Video",[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]]),ho=()=>{const{connectors:e}=i.Pe(),t=[{name:"Container",icon:Ae,element:a.jsx(i.ke,{is:i.Container,canvas:!0})},{name:"Columns",icon:rt,element:a.jsxs(i.ke,{is:i.Columns,canvas:!0,children:[a.jsx(i.ke,{is:i.Container,canvas:!0}),a.jsx(i.ke,{is:i.Container,canvas:!0})]})}],o=[{name:"Heading",icon:nt,element:a.jsx(i.Heading,{})},{name:"Text",icon:ct,element:a.jsx(i.Text,{})},{name:"Button",icon:it,element:a.jsx(i.ButtonComponent,{})},{name:"Link",icon:i.Link,element:a.jsx(i.Link$1,{})}],r=[{name:"Image",icon:at,element:a.jsx(i.Image,{})},{name:"Video",icon:i.Film,element:a.jsx(i.Video,{})}],n=[{name:"Divider",icon:st,element:a.jsx(i.Divider,{})},{name:"Spacer",icon:lt,element:a.jsx(i.Spacer,{})}],l=(c,u)=>a.jsxs("div",{className:"space-y-2",children:[a.jsx("span",{className:"text-xs text-muted-foreground/70",children:c}),a.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:u.map(d=>a.jsxs(i.Button,{variant:"outline",size:"sm",className:"flex flex-col items-center justify-center h-14 cursor-grab active:cursor-grabbing text-muted-foreground hover:text-foreground",ref:f=>f&&e.create(f,d.element),children:[a.jsx(d.icon,{className:"h-4 w-4 mb-1"}),a.jsx("span",{className:"text-[10px]",children:d.name})]},d.name))})]});return a.jsxs("div",{className:"space-y-4",children:[a.jsx("h3",{className:"text-sm font-medium text-muted-foreground",children:"Components"}),l("Layout",t),l("Basic",o),l("Media",r),l("Utility",n)]})};var go=h.createContext(void 0);function _e(e){const t=h.useContext(go);return e||t||"ltr"}function vo(e,[t,o]){return Math.min(o,Math.max(t,e))}function bo(e,t){return h.useReducer((o,r)=>t[o][r]??o,e)}var Oe="ScrollArea",[dt]=i.createContextScope(Oe),[xo,U]=dt(Oe),ut=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,type:r="hover",dir:n,scrollHideDelay:l=600,...c}=e,[u,d]=h.useState(null),[f,p]=h.useState(null),[g,v]=h.useState(null),[s,R]=h.useState(null),[x,b]=h.useState(null),[T,E]=h.useState(0),[S,N]=h.useState(0),[z,I]=h.useState(!1),[B,D]=h.useState(!1),P=i.useComposedRefs(t,H=>d(H)),O=_e(n);return a.jsx(xo,{scope:o,type:r,dir:O,scrollHideDelay:l,scrollArea:u,viewport:f,onViewportChange:p,content:g,onContentChange:v,scrollbarX:s,onScrollbarXChange:R,scrollbarXEnabled:z,onScrollbarXEnabledChange:I,scrollbarY:x,onScrollbarYChange:b,scrollbarYEnabled:B,onScrollbarYEnabledChange:D,onCornerWidthChange:E,onCornerHeightChange:N,children:a.jsx(i.Primitive.div,{dir:O,...c,ref:P,style:{position:"relative","--radix-scroll-area-corner-width":T+"px","--radix-scroll-area-corner-height":S+"px",...e.style}})})});ut.displayName=Oe;var ft="ScrollAreaViewport",mt=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,children:r,nonce:n,...l}=e,c=U(ft,o),u=h.useRef(null),d=i.useComposedRefs(t,u,c.onViewportChange);return a.jsxs(a.Fragment,{children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:n}),a.jsx(i.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:d,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:a.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:r})})]})});mt.displayName=ft;var Q="ScrollAreaScrollbar",ze=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,n=U(Q,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:c}=n,u=e.orientation==="horizontal";return h.useEffect(()=>(u?l(!0):c(!0),()=>{u?l(!1):c(!1)}),[u,l,c]),n.type==="hover"?a.jsx(yo,{...r,ref:t,forceMount:o}):n.type==="scroll"?a.jsx(wo,{...r,ref:t,forceMount:o}):n.type==="auto"?a.jsx(pt,{...r,ref:t,forceMount:o}):n.type==="always"?a.jsx(Be,{...r,ref:t}):null});ze.displayName=Q;var yo=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,n=U(Q,e.__scopeScrollArea),[l,c]=h.useState(!1);return h.useEffect(()=>{const u=n.scrollArea;let d=0;if(u){const f=()=>{window.clearTimeout(d),c(!0)},p=()=>{d=window.setTimeout(()=>c(!1),n.scrollHideDelay)};return u.addEventListener("pointerenter",f),u.addEventListener("pointerleave",p),()=>{window.clearTimeout(d),u.removeEventListener("pointerenter",f),u.removeEventListener("pointerleave",p)}}},[n.scrollArea,n.scrollHideDelay]),a.jsx(i.Presence,{present:o||l,children:a.jsx(pt,{"data-state":l?"visible":"hidden",...r,ref:t})})}),wo=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,n=U(Q,e.__scopeScrollArea),l=e.orientation==="horizontal",c=Te(()=>d("SCROLL_END"),100),[u,d]=bo("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return h.useEffect(()=>{if(u==="idle"){const f=window.setTimeout(()=>d("HIDE"),n.scrollHideDelay);return()=>window.clearTimeout(f)}},[u,n.scrollHideDelay,d]),h.useEffect(()=>{const f=n.viewport,p=l?"scrollLeft":"scrollTop";if(f){let g=f[p];const v=()=>{const s=f[p];g!==s&&(d("SCROLL"),c()),g=s};return f.addEventListener("scroll",v),()=>f.removeEventListener("scroll",v)}},[n.viewport,l,d,c]),a.jsx(i.Presence,{present:o||u!=="hidden",children:a.jsx(Be,{"data-state":u==="hidden"?"hidden":"visible",...r,ref:t,onPointerEnter:i.composeEventHandlers(e.onPointerEnter,()=>d("POINTER_ENTER")),onPointerLeave:i.composeEventHandlers(e.onPointerLeave,()=>d("POINTER_LEAVE"))})})}),pt=h.forwardRef((e,t)=>{const o=U(Q,e.__scopeScrollArea),{forceMount:r,...n}=e,[l,c]=h.useState(!1),u=e.orientation==="horizontal",d=Te(()=>{if(o.viewport){const f=o.viewport.offsetWidth<o.viewport.scrollWidth,p=o.viewport.offsetHeight<o.viewport.scrollHeight;c(u?f:p)}},10);return me(o.viewport,d),me(o.content,d),a.jsx(i.Presence,{present:r||l,children:a.jsx(Be,{"data-state":l?"visible":"hidden",...n,ref:t})})}),Be=h.forwardRef((e,t)=>{const{orientation:o="vertical",...r}=e,n=U(Q,e.__scopeScrollArea),l=h.useRef(null),c=h.useRef(0),[u,d]=h.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=xt(u.viewport,u.content),p={...r,sizes:u,onSizesChange:d,hasThumb:f>0&&f<1,onThumbChange:v=>l.current=v,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:v=>c.current=v};function g(v,s){return Ro(v,c.current,u,s)}return o==="horizontal"?a.jsx(So,{...p,ref:t,onThumbPositionChange:()=>{if(n.viewport&&l.current){const v=n.viewport.scrollLeft,s=Je(v,u,n.dir);l.current.style.transform=`translate3d(${s}px, 0, 0)`}},onWheelScroll:v=>{n.viewport&&(n.viewport.scrollLeft=v)},onDragScroll:v=>{n.viewport&&(n.viewport.scrollLeft=g(v,n.dir))}}):o==="vertical"?a.jsx(Co,{...p,ref:t,onThumbPositionChange:()=>{if(n.viewport&&l.current){const v=n.viewport.scrollTop,s=Je(v,u);l.current.style.transform=`translate3d(0, ${s}px, 0)`}},onWheelScroll:v=>{n.viewport&&(n.viewport.scrollTop=v)},onDragScroll:v=>{n.viewport&&(n.viewport.scrollTop=g(v))}}):null}),So=h.forwardRef((e,t)=>{const{sizes:o,onSizesChange:r,...n}=e,l=U(Q,e.__scopeScrollArea),[c,u]=h.useState(),d=h.useRef(null),f=i.useComposedRefs(t,d,l.onScrollbarXChange);return h.useEffect(()=>{d.current&&u(getComputedStyle(d.current))},[d]),a.jsx(gt,{"data-orientation":"horizontal",...n,ref:f,sizes:o,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":Ee(o)+"px",...e.style},onThumbPointerDown:p=>e.onThumbPointerDown(p.x),onDragScroll:p=>e.onDragScroll(p.x),onWheelScroll:(p,g)=>{if(l.viewport){const v=l.viewport.scrollLeft+p.deltaX;e.onWheelScroll(v),wt(v,g)&&p.preventDefault()}},onResize:()=>{d.current&&l.viewport&&c&&r({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:Se(c.paddingLeft),paddingEnd:Se(c.paddingRight)}})}})}),Co=h.forwardRef((e,t)=>{const{sizes:o,onSizesChange:r,...n}=e,l=U(Q,e.__scopeScrollArea),[c,u]=h.useState(),d=h.useRef(null),f=i.useComposedRefs(t,d,l.onScrollbarYChange);return h.useEffect(()=>{d.current&&u(getComputedStyle(d.current))},[d]),a.jsx(gt,{"data-orientation":"vertical",...n,ref:f,sizes:o,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":Ee(o)+"px",...e.style},onThumbPointerDown:p=>e.onThumbPointerDown(p.y),onDragScroll:p=>e.onDragScroll(p.y),onWheelScroll:(p,g)=>{if(l.viewport){const v=l.viewport.scrollTop+p.deltaY;e.onWheelScroll(v),wt(v,g)&&p.preventDefault()}},onResize:()=>{d.current&&l.viewport&&c&&r({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:Se(c.paddingTop),paddingEnd:Se(c.paddingBottom)}})}})}),[Eo,ht]=dt(Q),gt=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,sizes:r,hasThumb:n,onThumbChange:l,onThumbPointerUp:c,onThumbPointerDown:u,onThumbPositionChange:d,onDragScroll:f,onWheelScroll:p,onResize:g,...v}=e,s=U(Q,o),[R,x]=h.useState(null),b=i.useComposedRefs(t,P=>x(P)),T=h.useRef(null),E=h.useRef(""),S=s.viewport,N=r.content-r.viewport,z=i.useCallbackRef(p),I=i.useCallbackRef(d),B=Te(g,10);function D(P){if(T.current){const O=P.clientX-T.current.left,H=P.clientY-T.current.top;f({x:O,y:H})}}return h.useEffect(()=>{const P=O=>{const H=O.target;(R==null?void 0:R.contains(H))&&z(O,N)};return document.addEventListener("wheel",P,{passive:!1}),()=>document.removeEventListener("wheel",P,{passive:!1})},[S,R,N,z]),h.useEffect(I,[r,I]),me(R,B),me(s.content,B),a.jsx(Eo,{scope:o,scrollbar:R,hasThumb:n,onThumbChange:i.useCallbackRef(l),onThumbPointerUp:i.useCallbackRef(c),onThumbPositionChange:I,onThumbPointerDown:i.useCallbackRef(u),children:a.jsx(i.Primitive.div,{...v,ref:b,style:{position:"absolute",...v.style},onPointerDown:i.composeEventHandlers(e.onPointerDown,P=>{P.button===0&&(P.target.setPointerCapture(P.pointerId),T.current=R.getBoundingClientRect(),E.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",s.viewport&&(s.viewport.style.scrollBehavior="auto"),D(P))}),onPointerMove:i.composeEventHandlers(e.onPointerMove,D),onPointerUp:i.composeEventHandlers(e.onPointerUp,P=>{const O=P.target;O.hasPointerCapture(P.pointerId)&&O.releasePointerCapture(P.pointerId),document.body.style.webkitUserSelect=E.current,s.viewport&&(s.viewport.style.scrollBehavior=""),T.current=null})})})}),we="ScrollAreaThumb",vt=h.forwardRef((e,t)=>{const{forceMount:o,...r}=e,n=ht(we,e.__scopeScrollArea);return a.jsx(i.Presence,{present:o||n.hasThumb,children:a.jsx(To,{ref:t,...r})})}),To=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,style:r,...n}=e,l=U(we,o),c=ht(we,o),{onThumbPositionChange:u}=c,d=i.useComposedRefs(t,g=>c.onThumbChange(g)),f=h.useRef(void 0),p=Te(()=>{f.current&&(f.current(),f.current=void 0)},100);return h.useEffect(()=>{const g=l.viewport;if(g){const v=()=>{if(p(),!f.current){const s=No(g,u);f.current=s,u()}};return u(),g.addEventListener("scroll",v),()=>g.removeEventListener("scroll",v)}},[l.viewport,p,u]),a.jsx(i.Primitive.div,{"data-state":c.hasThumb?"visible":"hidden",...n,ref:d,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...r},onPointerDownCapture:i.composeEventHandlers(e.onPointerDownCapture,g=>{const s=g.target.getBoundingClientRect(),R=g.clientX-s.left,x=g.clientY-s.top;c.onThumbPointerDown({x:R,y:x})}),onPointerUp:i.composeEventHandlers(e.onPointerUp,c.onThumbPointerUp)})});vt.displayName=we;var He="ScrollAreaCorner",bt=h.forwardRef((e,t)=>{const o=U(He,e.__scopeScrollArea),r=!!(o.scrollbarX&&o.scrollbarY);return o.type!=="scroll"&&r?a.jsx(jo,{...e,ref:t}):null});bt.displayName=He;var jo=h.forwardRef((e,t)=>{const{__scopeScrollArea:o,...r}=e,n=U(He,o),[l,c]=h.useState(0),[u,d]=h.useState(0),f=!!(l&&u);return me(n.scrollbarX,()=>{var g;const p=((g=n.scrollbarX)==null?void 0:g.offsetHeight)||0;n.onCornerHeightChange(p),d(p)}),me(n.scrollbarY,()=>{var g;const p=((g=n.scrollbarY)==null?void 0:g.offsetWidth)||0;n.onCornerWidthChange(p),c(p)}),f?a.jsx(i.Primitive.div,{...r,ref:t,style:{width:l,height:u,position:"absolute",right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function Se(e){return e?parseInt(e,10):0}function xt(e,t){const o=e/t;return isNaN(o)?0:o}function Ee(e){const t=xt(e.viewport,e.content),o=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-o)*t;return Math.max(r,18)}function Ro(e,t,o,r="ltr"){const n=Ee(o),l=n/2,c=t||l,u=n-c,d=o.scrollbar.paddingStart+c,f=o.scrollbar.size-o.scrollbar.paddingEnd-u,p=o.content-o.viewport,g=r==="ltr"?[0,p]:[p*-1,0];return yt([d,f],g)(e)}function Je(e,t,o="ltr"){const r=Ee(t),n=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,l=t.scrollbar.size-n,c=t.content-t.viewport,u=l-r,d=o==="ltr"?[0,c]:[c*-1,0],f=vo(e,d);return yt([0,c],[0,u])(f)}function yt(e,t){return o=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(o-e[0])}}function wt(e,t){return e>0&&e<t}var No=(e,t=()=>{})=>{let o={left:e.scrollLeft,top:e.scrollTop},r=0;return function n(){const l={left:e.scrollLeft,top:e.scrollTop},c=o.left!==l.left,u=o.top!==l.top;(c||u)&&t(),o=l,r=window.requestAnimationFrame(n)}(),()=>window.cancelAnimationFrame(r)};function Te(e,t){const o=i.useCallbackRef(e),r=h.useRef(0);return h.useEffect(()=>()=>window.clearTimeout(r.current),[]),h.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(o,t)},[o,t])}function me(e,t){const o=i.useCallbackRef(t);i.useLayoutEffect2(()=>{let r=0;if(e){const n=new ResizeObserver(()=>{cancelAnimationFrame(r),r=window.requestAnimationFrame(o)});return n.observe(e),()=>{window.cancelAnimationFrame(r),n.unobserve(e)}}},[e,o])}var St=ut,Po=mt,ko=bt;const Fe=h.forwardRef(({className:e,children:t,...o},r)=>a.jsxs(St,{ref:r,className:i.cn("relative overflow-hidden",e),...o,children:[a.jsx(Po,{className:"h-full w-full rounded-[inherit]",children:t}),a.jsx(Ct,{}),a.jsx(ko,{})]}));Fe.displayName=St.displayName;const Ct=h.forwardRef(({className:e,orientation:t="vertical",...o},r)=>a.jsx(ze,{ref:r,orientation:t,className:i.cn("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...o,children:a.jsx(vt,{className:"relative flex-1 rounded-full bg-border"})}));Ct.displayName=ze.displayName;const Io=()=>{const{selected:e,actions:t}=i.Pe(o=>{var l,c,u,d,f,p,g;const r=o.events.selected?Array.from(o.events.selected)[0]:null;let n;return r&&(n={id:r,name:((c=(l=o.nodes[r])==null?void 0:l.data)==null?void 0:c.displayName)||((d=(u=o.nodes[r])==null?void 0:u.data)==null?void 0:d.name),settings:(p=(f=o.nodes[r])==null?void 0:f.related)==null?void 0:p.settings,isDeletable:((g=o.nodes[r])==null?void 0:g.id)!=="ROOT"}),{selected:n}});return a.jsx("div",{className:"h-full flex flex-col",children:e?a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"flex items-center justify-between pb-3 border-b border-border mb-3",children:[a.jsxs("div",{children:[a.jsx("span",{className:"text-xs text-muted-foreground",children:"Selected"}),a.jsx("h3",{className:"text-sm font-semibold",children:e.name})]}),e.isDeletable&&a.jsx("button",{onClick:()=>t.delete(e.id),className:"p-1.5 rounded hover:bg-destructive/10 text-destructive transition-colors",title:"Delete element",children:a.jsx(fo,{className:"h-4 w-4"})})]}),a.jsx(Fe,{className:"flex-1 -mr-4 pr-4",children:e.settings&&m.createElement(e.settings)})]}):a.jsx("div",{className:"text-center py-8",children:a.jsx("p",{className:"text-sm text-muted-foreground",children:"Select an element to edit its properties"})})})},Do=e=>{switch(e){case"Container":return Ae;case"Text":return ct;case"Heading":return nt;case"Button":return it;case"Image":return at;case"Divider":return st;case"Spacer":return lt;case"Video":return po;case"Columns":return rt;case"Link":return i.Link;default:return Ae}},Et=({nodeId:e,depth:t=0,onDragStart:o,onDragOver:r,onDrop:n,draggedId:l})=>{const{node:c,actions:u,selectedNodeId:d,childNodes:f,parentId:p}=i.Pe((C,ae)=>{var se,w;const V=C.nodes[e],ee=((se=V==null?void 0:V.data)==null?void 0:se.nodes)||[],F=C.events.selected?Array.from(C.events.selected)[0]:null,X=(w=V==null?void 0:V.data)==null?void 0:w.parent;return{node:V,childNodes:ee,selectedNodeId:F,parentId:X}}),[g,v]=m.useState(!0),[s,R]=m.useState(!1);if(!c)return null;const x=c.data.displayName||c.data.name||"Unknown",b=f.length>0,T=d===e,E=e==="ROOT",S=Do(x),N=l===e,z=c.data.isCanvas,I=C=>{C.stopPropagation(),E||u.selectNode(e)},B=C=>{C.stopPropagation(),v(!g)},D=C=>{if(E){C.preventDefault();return}C.stopPropagation(),o(e,p)},P=C=>{C.preventDefault(),C.stopPropagation(),l&&l!==e&&z&&R(!0)},O=C=>{C.stopPropagation(),R(!1)},H=C=>{C.preventDefault(),C.stopPropagation(),R(!1),l&&l!==e&&n(e)};return a.jsxs("div",{className:"select-none",children:[a.jsxs("div",{className:`flex items-center gap-1 py-1 px-1 rounded cursor-pointer text-sm transition-colors ${T?"bg-primary/10 text-primary":"hover:bg-secondary/50"} ${N?"opacity-50":""} ${s?"bg-primary/20 ring-1 ring-primary":""}`,style:{paddingLeft:`${t*12+4}px`},onClick:I,draggable:!E,onDragStart:D,onDragOver:P,onDragLeave:O,onDrop:H,children:[!E&&a.jsx(lo,{className:"h-3 w-3 text-muted-foreground/50 cursor-grab active:cursor-grabbing"}),b?a.jsx("button",{onClick:B,className:"p-0.5 hover:bg-secondary rounded",children:g?a.jsx(i.ChevronDown,{className:"h-3 w-3"}):a.jsx(i.ChevronRight,{className:"h-3 w-3"})}):a.jsx("span",{className:"w-4"}),a.jsx(S,{className:"h-3.5 w-3.5 text-muted-foreground shrink-0"}),a.jsx("span",{className:`truncate ${E?"font-medium":""}`,children:E?"Root":x})]}),b&&g&&a.jsx("div",{children:f.map(C=>a.jsx(Et,{nodeId:C,depth:t+1,onDragStart:o,onDragOver:r,onDrop:n,draggedId:l},C))})]})},Ao=()=>{const[e,t]=m.useState(null),[o,r]=m.useState(null),{nodeIds:n,actions:l}=i.Pe(f=>({nodeIds:Object.keys(f.nodes)})),c=(f,p)=>{t(f),r(p)},u=f=>{if(e&&f&&e!==f)try{l.move(e,f,0)}catch(p){console.log("Cannot move node:",p)}t(null),r(null)},d=()=>{t(null),r(null)};return a.jsxs("div",{className:"space-y-2",onDragEnd:d,children:[a.jsx("h3",{className:"text-sm font-medium text-muted-foreground",children:"Layers"}),a.jsx("div",{className:"border border-border rounded-lg p-2 max-h-[250px] overflow-y-auto bg-background",children:n.includes("ROOT")&&a.jsx(Et,{nodeId:"ROOT",onDragStart:c,onDrop:u,draggedId:e})}),a.jsx("p",{className:"text-xs text-muted-foreground",children:"Drag to containers to reorder"})]})};function Qe(e){const t=Mo(e),o=h.forwardRef((r,n)=>{const{children:l,...c}=r,u=h.Children.toArray(l),d=u.find(_o);if(d){const f=d.props.children,p=u.map(g=>g===d?h.Children.count(f)>1?h.Children.only(null):h.isValidElement(f)?f.props.children:null:g);return a.jsx(t,{...c,ref:n,children:h.isValidElement(f)?h.cloneElement(f,void 0,p):null})}return a.jsx(t,{...c,ref:n,children:l})});return o.displayName=`${e}.Slot`,o}function Mo(e){const t=h.forwardRef((o,r)=>{const{children:n,...l}=o;if(h.isValidElement(n)){const c=zo(n),u=Oo(l,n.props);return n.type!==h.Fragment&&(u.ref=r?i.composeRefs(r,c):c),h.cloneElement(n,u)}return h.Children.count(n)>1?h.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Lo=Symbol("radix.slottable");function _o(e){return h.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Lo}function Oo(e,t){const o={...t};for(const r in t){const n=e[r],l=t[r];/^on[A-Z]/.test(r)?n&&l?o[r]=(...u)=>{const d=l(...u);return n(...u),d}:n&&(o[r]=n):r==="style"?o[r]={...n,...l}:r==="className"&&(o[r]=[n,l].filter(Boolean).join(" "))}return{...e,...o}}function zo(e){var r,n;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=(n=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:n.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}function Bo(e){const t=e+"CollectionProvider",[o,r]=i.createContextScope(t),[n,l]=o(t,{collectionRef:{current:null},itemMap:new Map}),c=x=>{const{scope:b,children:T}=x,E=m.useRef(null),S=m.useRef(new Map).current;return a.jsx(n,{scope:b,itemMap:S,collectionRef:E,children:T})};c.displayName=t;const u=e+"CollectionSlot",d=Qe(u),f=m.forwardRef((x,b)=>{const{scope:T,children:E}=x,S=l(u,T),N=i.useComposedRefs(b,S.collectionRef);return a.jsx(d,{ref:N,children:E})});f.displayName=u;const p=e+"CollectionItemSlot",g="data-radix-collection-item",v=Qe(p),s=m.forwardRef((x,b)=>{const{scope:T,children:E,...S}=x,N=m.useRef(null),z=i.useComposedRefs(b,N),I=l(p,T);return m.useEffect(()=>(I.itemMap.set(N,{ref:N,...S}),()=>void I.itemMap.delete(N))),a.jsx(v,{[g]:"",ref:z,children:E})});s.displayName=p;function R(x){const b=l(e+"CollectionConsumer",x);return m.useCallback(()=>{const E=b.collectionRef.current;if(!E)return[];const S=Array.from(E.querySelectorAll(`[${g}]`));return Array.from(b.itemMap.values()).sort((I,B)=>S.indexOf(I.ref.current)-S.indexOf(B.ref.current))},[b.collectionRef,b.itemMap])}return[{Provider:c,Slot:f,ItemSlot:s},R,r]}var De="rovingFocusGroup.onEntryFocus",Ho={bubbles:!1,cancelable:!0},ve="RovingFocusGroup",[Me,Tt,Fo]=Bo(ve),[Vo,jt]=i.createContextScope(ve,[Fo]),[Go,Yo]=Vo(ve),Rt=h.forwardRef((e,t)=>a.jsx(Me.Provider,{scope:e.__scopeRovingFocusGroup,children:a.jsx(Me.Slot,{scope:e.__scopeRovingFocusGroup,children:a.jsx(Wo,{...e,ref:t})})}));Rt.displayName=ve;var Wo=h.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:o,orientation:r,loop:n=!1,dir:l,currentTabStopId:c,defaultCurrentTabStopId:u,onCurrentTabStopIdChange:d,onEntryFocus:f,preventScrollOnEntryFocus:p=!1,...g}=e,v=h.useRef(null),s=i.useComposedRefs(t,v),R=_e(l),[x,b]=i.useControllableState({prop:c,defaultProp:u??null,onChange:d,caller:ve}),[T,E]=h.useState(!1),S=i.useCallbackRef(f),N=Tt(o),z=h.useRef(!1),[I,B]=h.useState(0);return h.useEffect(()=>{const D=v.current;if(D)return D.addEventListener(De,S),()=>D.removeEventListener(De,S)},[S]),a.jsx(Go,{scope:o,orientation:r,dir:R,loop:n,currentTabStopId:x,onItemFocus:h.useCallback(D=>b(D),[b]),onItemShiftTab:h.useCallback(()=>E(!0),[]),onFocusableItemAdd:h.useCallback(()=>B(D=>D+1),[]),onFocusableItemRemove:h.useCallback(()=>B(D=>D-1),[]),children:a.jsx(i.Primitive.div,{tabIndex:T||I===0?-1:0,"data-orientation":r,...g,ref:s,style:{outline:"none",...e.style},onMouseDown:i.composeEventHandlers(e.onMouseDown,()=>{z.current=!0}),onFocus:i.composeEventHandlers(e.onFocus,D=>{const P=!z.current;if(D.target===D.currentTarget&&P&&!T){const O=new CustomEvent(De,Ho);if(D.currentTarget.dispatchEvent(O),!O.defaultPrevented){const H=N().filter(F=>F.focusable),C=H.find(F=>F.active),ae=H.find(F=>F.id===x),ee=[C,ae,...H].filter(Boolean).map(F=>F.ref.current);kt(ee,p)}}z.current=!1}),onBlur:i.composeEventHandlers(e.onBlur,()=>E(!1))})})}),Nt="RovingFocusGroupItem",Pt=h.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:o,focusable:r=!0,active:n=!1,tabStopId:l,children:c,...u}=e,d=i.useId(),f=l||d,p=Yo(Nt,o),g=p.currentTabStopId===f,v=Tt(o),{onFocusableItemAdd:s,onFocusableItemRemove:R,currentTabStopId:x}=p;return h.useEffect(()=>{if(r)return s(),()=>R()},[r,s,R]),a.jsx(Me.ItemSlot,{scope:o,id:f,focusable:r,active:n,children:a.jsx(i.Primitive.span,{tabIndex:g?0:-1,"data-orientation":p.orientation,...u,ref:t,onMouseDown:i.composeEventHandlers(e.onMouseDown,b=>{r?p.onItemFocus(f):b.preventDefault()}),onFocus:i.composeEventHandlers(e.onFocus,()=>p.onItemFocus(f)),onKeyDown:i.composeEventHandlers(e.onKeyDown,b=>{if(b.key==="Tab"&&b.shiftKey){p.onItemShiftTab();return}if(b.target!==b.currentTarget)return;const T=Xo(b,p.orientation,p.dir);if(T!==void 0){if(b.metaKey||b.ctrlKey||b.altKey||b.shiftKey)return;b.preventDefault();let S=v().filter(N=>N.focusable).map(N=>N.ref.current);if(T==="last")S.reverse();else if(T==="prev"||T==="next"){T==="prev"&&S.reverse();const N=S.indexOf(b.currentTarget);S=p.loop?Ko(S,N+1):S.slice(N+1)}setTimeout(()=>kt(S))}}),children:typeof c=="function"?c({isCurrentTabStop:g,hasTabStop:x!=null}):c})})});Pt.displayName=Nt;var $o={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function Uo(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function Xo(e,t,o){const r=Uo(e.key,o);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return $o[r]}function kt(e,t=!1){const o=document.activeElement;for(const r of e)if(r===o||(r.focus({preventScroll:t}),document.activeElement!==o))return}function Ko(e,t){return e.map((o,r)=>e[(t+r)%e.length])}var qo=Rt,Zo=Pt,It="Toggle",Ve=h.forwardRef((e,t)=>{const{pressed:o,defaultPressed:r,onPressedChange:n,...l}=e,[c,u]=i.useControllableState({prop:o,onChange:n,defaultProp:r??!1,caller:It});return a.jsx(i.Primitive.button,{type:"button","aria-pressed":c,"data-state":c?"on":"off","data-disabled":e.disabled?"":void 0,...l,ref:t,onClick:i.composeEventHandlers(e.onClick,()=>{e.disabled||u(!c)})})});Ve.displayName=It;var Dt=Ve,ne="ToggleGroup",[At]=i.createContextScope(ne,[jt]),Mt=jt(),Ge=m.forwardRef((e,t)=>{const{type:o,...r}=e;if(o==="single"){const n=r;return a.jsx(Jo,{...n,ref:t})}if(o==="multiple"){const n=r;return a.jsx(Qo,{...n,ref:t})}throw new Error(`Missing prop \`type\` expected on \`${ne}\``)});Ge.displayName=ne;var[Lt,_t]=At(ne),Jo=m.forwardRef((e,t)=>{const{value:o,defaultValue:r,onValueChange:n=()=>{},...l}=e,[c,u]=i.useControllableState({prop:o,defaultProp:r??"",onChange:n,caller:ne});return a.jsx(Lt,{scope:e.__scopeToggleGroup,type:"single",value:m.useMemo(()=>c?[c]:[],[c]),onItemActivate:u,onItemDeactivate:m.useCallback(()=>u(""),[u]),children:a.jsx(Ot,{...l,ref:t})})}),Qo=m.forwardRef((e,t)=>{const{value:o,defaultValue:r,onValueChange:n=()=>{},...l}=e,[c,u]=i.useControllableState({prop:o,defaultProp:r??[],onChange:n,caller:ne}),d=m.useCallback(p=>u((g=[])=>[...g,p]),[u]),f=m.useCallback(p=>u((g=[])=>g.filter(v=>v!==p)),[u]);return a.jsx(Lt,{scope:e.__scopeToggleGroup,type:"multiple",value:c,onItemActivate:d,onItemDeactivate:f,children:a.jsx(Ot,{...l,ref:t})})});Ge.displayName=ne;var[er,tr]=At(ne),Ot=m.forwardRef((e,t)=>{const{__scopeToggleGroup:o,disabled:r=!1,rovingFocus:n=!0,orientation:l,dir:c,loop:u=!0,...d}=e,f=Mt(o),p=_e(c),g={role:"group",dir:p,...d};return a.jsx(er,{scope:o,rovingFocus:n,disabled:r,children:n?a.jsx(qo,{asChild:!0,...f,orientation:l,dir:p,loop:u,children:a.jsx(i.Primitive.div,{...g,ref:t})}):a.jsx(i.Primitive.div,{...g,ref:t})})}),Ce="ToggleGroupItem",zt=m.forwardRef((e,t)=>{const o=_t(Ce,e.__scopeToggleGroup),r=tr(Ce,e.__scopeToggleGroup),n=Mt(e.__scopeToggleGroup),l=o.value.includes(e.value),c=r.disabled||e.disabled,u={...e,pressed:l,disabled:c},d=m.useRef(null);return r.rovingFocus?a.jsx(Zo,{asChild:!0,...n,focusable:!c,active:l,ref:d,children:a.jsx(et,{...u,ref:t})}):a.jsx(et,{...u,ref:t})});zt.displayName=Ce;var et=m.forwardRef((e,t)=>{const{__scopeToggleGroup:o,value:r,...n}=e,l=_t(Ce,o),c={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},u=l.type==="single"?c:void 0;return a.jsx(Ve,{...u,...n,ref:t,onPressedChange:d=>{d?l.onItemActivate(r):l.onItemDeactivate(r)}})}),Bt=Ge,Ht=zt;const Ft=i.cva("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),or=h.forwardRef(({className:e,variant:t,size:o,...r},n)=>a.jsx(Dt,{ref:n,className:i.cn(Ft({variant:t,size:o,className:e})),...r}));or.displayName=Dt.displayName;const Vt=h.createContext({size:"default",variant:"default"}),Gt=h.forwardRef(({className:e,variant:t,size:o,children:r,...n},l)=>a.jsx(Bt,{ref:l,className:i.cn("flex items-center justify-center gap-1",e),...n,children:a.jsx(Vt.Provider,{value:{variant:t,size:o},children:r})}));Gt.displayName=Bt.displayName;const Yt=h.forwardRef(({className:e,children:t,variant:o,size:r,...n},l)=>{const c=h.useContext(Vt);return a.jsx(Ht,{ref:l,className:i.cn(Ft({variant:c.variant||o,size:c.size||r}),e),...n,children:t})});Yt.displayName=Ht.displayName;var rr=e=>{switch(e){case"success":return sr;case"info":return lr;case"warning":return ir;case"error":return cr;default:return null}},nr=Array(12).fill(0),ar=({visible:e,className:t})=>m.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},m.createElement("div",{className:"sonner-spinner"},nr.map((o,r)=>m.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),sr=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},m.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),ir=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},m.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),lr=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},m.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),cr=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},m.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),dr=m.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},m.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),m.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),ur=()=>{let[e,t]=m.useState(document.hidden);return m.useEffect(()=>{let o=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",o),()=>window.removeEventListener("visibilitychange",o)},[]),e},Le=1,fr=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var t;let{message:o,...r}=e,n=typeof(e==null?void 0:e.id)=="number"||((t=e.id)==null?void 0:t.length)>0?e.id:Le++,l=this.toasts.find(u=>u.id===n),c=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(n)&&this.dismissedToasts.delete(n),l?this.toasts=this.toasts.map(u=>u.id===n?(this.publish({...u,...e,id:n,title:o}),{...u,...e,id:n,dismissible:c,title:o}):u):this.addToast({title:o,...r,dismissible:c,id:n}),n},this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(t=>{this.subscribers.forEach(o=>o({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:e,dismiss:!0})),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:"error"}),this.success=(e,t)=>this.create({...t,type:"success",message:e}),this.info=(e,t)=>this.create({...t,type:"info",message:e}),this.warning=(e,t)=>this.create({...t,type:"warning",message:e}),this.loading=(e,t)=>this.create({...t,type:"loading",message:e}),this.promise=(e,t)=>{if(!t)return;let o;t.loading!==void 0&&(o=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let r=e instanceof Promise?e:e(),n=o!==void 0,l,c=r.then(async d=>{if(l=["resolve",d],m.isValidElement(d))n=!1,this.create({id:o,type:"default",message:d});else if(pr(d)&&!d.ok){n=!1;let f=typeof t.error=="function"?await t.error(`HTTP error! status: ${d.status}`):t.error,p=typeof t.description=="function"?await t.description(`HTTP error! status: ${d.status}`):t.description;this.create({id:o,type:"error",message:f,description:p})}else if(t.success!==void 0){n=!1;let f=typeof t.success=="function"?await t.success(d):t.success,p=typeof t.description=="function"?await t.description(d):t.description;this.create({id:o,type:"success",message:f,description:p})}}).catch(async d=>{if(l=["reject",d],t.error!==void 0){n=!1;let f=typeof t.error=="function"?await t.error(d):t.error,p=typeof t.description=="function"?await t.description(d):t.description;this.create({id:o,type:"error",message:f,description:p})}}).finally(()=>{var d;n&&(this.dismiss(o),o=void 0),(d=t.finally)==null||d.call(t)}),u=()=>new Promise((d,f)=>c.then(()=>l[0]==="reject"?f(l[1]):d(l[1])).catch(f));return typeof o!="string"&&typeof o!="number"?{unwrap:u}:Object.assign(o,{unwrap:u})},this.custom=(e,t)=>{let o=(t==null?void 0:t.id)||Le++;return this.create({jsx:e(o),id:o,...t}),o},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},Y=new fr,mr=(e,t)=>{let o=(t==null?void 0:t.id)||Le++;return Y.addToast({title:e,...t,id:o}),o},pr=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",hr=mr,gr=()=>Y.toasts,vr=()=>Y.getActiveToasts(),br=Object.assign(hr,{success:Y.success,info:Y.info,warning:Y.warning,error:Y.error,custom:Y.custom,message:Y.message,promise:Y.promise,dismiss:Y.dismiss,loading:Y.loading},{getHistory:gr,getToasts:vr});function xr(e,{insertAt:t}={}){if(typeof document>"u")return;let o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t==="top"&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}xr(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
|
72
|
+
`);function ye(e){return e.label!==void 0}var yr=3,wr="32px",Sr="16px",tt=4e3,Cr=356,Er=14,Tr=20,jr=200;function J(...e){return e.filter(Boolean).join(" ")}function Rr(e){let[t,o]=e.split("-"),r=[];return t&&r.push(t),o&&r.push(o),r}var Nr=e=>{var t,o,r,n,l,c,u,d,f,p,g;let{invert:v,toast:s,unstyled:R,interacting:x,setHeights:b,visibleToasts:T,heights:E,index:S,toasts:N,expanded:z,removeToast:I,defaultRichColors:B,closeButton:D,style:P,cancelButtonStyle:O,actionButtonStyle:H,className:C="",descriptionClassName:ae="",duration:V,position:ee,gap:F,loadingIcon:X,expandByDefault:se,classNames:w,icons:W,closeButtonAriaLabel:je="Close toast",pauseWhenPageIsHidden:k}=e,[A,L]=m.useState(null),[G,ce]=m.useState(null),[_,Re]=m.useState(!1),[pe,be]=m.useState(!1),[he,Ne]=m.useState(!1),[Ye,Ut]=m.useState(!1),[Xt,We]=m.useState(!1),[Kt,Pe]=m.useState(0),[qt,$e]=m.useState(0),ge=m.useRef(s.duration||V||tt),Ue=m.useRef(null),ie=m.useRef(null),Zt=S===0,Jt=S+1<=T,$=s.type,de=s.dismissible!==!1,Qt=s.className||"",eo=s.descriptionClassName||"",xe=m.useMemo(()=>E.findIndex(y=>y.toastId===s.id)||0,[E,s.id]),to=m.useMemo(()=>{var y;return(y=s.closeButton)!=null?y:D},[s.closeButton,D]),Xe=m.useMemo(()=>s.duration||V||tt,[s.duration,V]),ke=m.useRef(0),ue=m.useRef(0),Ke=m.useRef(0),fe=m.useRef(null),[oo,ro]=ee.split("-"),qe=m.useMemo(()=>E.reduce((y,j,M)=>M>=xe?y:y+j.height,0),[E,xe]),Ze=ur(),no=s.invert||v,Ie=$==="loading";ue.current=m.useMemo(()=>xe*F+qe,[xe,qe]),m.useEffect(()=>{ge.current=Xe},[Xe]),m.useEffect(()=>{Re(!0)},[]),m.useEffect(()=>{let y=ie.current;if(y){let j=y.getBoundingClientRect().height;return $e(j),b(M=>[{toastId:s.id,height:j,position:s.position},...M]),()=>b(M=>M.filter(K=>K.toastId!==s.id))}},[b,s.id]),m.useLayoutEffect(()=>{if(!_)return;let y=ie.current,j=y.style.height;y.style.height="auto";let M=y.getBoundingClientRect().height;y.style.height=j,$e(M),b(K=>K.find(q=>q.toastId===s.id)?K.map(q=>q.toastId===s.id?{...q,height:M}:q):[{toastId:s.id,height:M,position:s.position},...K])},[_,s.title,s.description,b,s.id]);let te=m.useCallback(()=>{be(!0),Pe(ue.current),b(y=>y.filter(j=>j.toastId!==s.id)),setTimeout(()=>{I(s)},jr)},[s,I,b,ue]);m.useEffect(()=>{if(s.promise&&$==="loading"||s.duration===1/0||s.type==="loading")return;let y;return z||x||k&&Ze?(()=>{if(Ke.current<ke.current){let j=new Date().getTime()-ke.current;ge.current=ge.current-j}Ke.current=new Date().getTime()})():ge.current!==1/0&&(ke.current=new Date().getTime(),y=setTimeout(()=>{var j;(j=s.onAutoClose)==null||j.call(s,s),te()},ge.current)),()=>clearTimeout(y)},[z,x,s,$,k,Ze,te]),m.useEffect(()=>{s.delete&&te()},[te,s.delete]);function ao(){var y,j,M;return W!=null&&W.loading?m.createElement("div",{className:J(w==null?void 0:w.loader,(y=s==null?void 0:s.classNames)==null?void 0:y.loader,"sonner-loader"),"data-visible":$==="loading"},W.loading):X?m.createElement("div",{className:J(w==null?void 0:w.loader,(j=s==null?void 0:s.classNames)==null?void 0:j.loader,"sonner-loader"),"data-visible":$==="loading"},X):m.createElement(ar,{className:J(w==null?void 0:w.loader,(M=s==null?void 0:s.classNames)==null?void 0:M.loader),visible:$==="loading"})}return m.createElement("li",{tabIndex:0,ref:ie,className:J(C,Qt,w==null?void 0:w.toast,(t=s==null?void 0:s.classNames)==null?void 0:t.toast,w==null?void 0:w.default,w==null?void 0:w[$],(o=s==null?void 0:s.classNames)==null?void 0:o[$]),"data-sonner-toast":"","data-rich-colors":(r=s.richColors)!=null?r:B,"data-styled":!(s.jsx||s.unstyled||R),"data-mounted":_,"data-promise":!!s.promise,"data-swiped":Xt,"data-removed":pe,"data-visible":Jt,"data-y-position":oo,"data-x-position":ro,"data-index":S,"data-front":Zt,"data-swiping":he,"data-dismissible":de,"data-type":$,"data-invert":no,"data-swipe-out":Ye,"data-swipe-direction":G,"data-expanded":!!(z||se&&_),style:{"--index":S,"--toasts-before":S,"--z-index":N.length-S,"--offset":`${pe?Kt:ue.current}px`,"--initial-height":se?"auto":`${qt}px`,...P,...s.style},onDragEnd:()=>{Ne(!1),L(null),fe.current=null},onPointerDown:y=>{Ie||!de||(Ue.current=new Date,Pe(ue.current),y.target.setPointerCapture(y.pointerId),y.target.tagName!=="BUTTON"&&(Ne(!0),fe.current={x:y.clientX,y:y.clientY}))},onPointerUp:()=>{var y,j,M,K;if(Ye||!de)return;fe.current=null;let q=Number(((y=ie.current)==null?void 0:y.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),oe=Number(((j=ie.current)==null?void 0:j.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),le=new Date().getTime()-((M=Ue.current)==null?void 0:M.getTime()),Z=A==="x"?q:oe,re=Math.abs(Z)/le;if(Math.abs(Z)>=Tr||re>.11){Pe(ue.current),(K=s.onDismiss)==null||K.call(s,s),ce(A==="x"?q>0?"right":"left":oe>0?"down":"up"),te(),Ut(!0),We(!1);return}Ne(!1),L(null)},onPointerMove:y=>{var j,M,K,q;if(!fe.current||!de||((j=window.getSelection())==null?void 0:j.toString().length)>0)return;let oe=y.clientY-fe.current.y,le=y.clientX-fe.current.x,Z=(M=e.swipeDirections)!=null?M:Rr(ee);!A&&(Math.abs(le)>1||Math.abs(oe)>1)&&L(Math.abs(le)>Math.abs(oe)?"x":"y");let re={x:0,y:0};A==="y"?(Z.includes("top")||Z.includes("bottom"))&&(Z.includes("top")&&oe<0||Z.includes("bottom")&&oe>0)&&(re.y=oe):A==="x"&&(Z.includes("left")||Z.includes("right"))&&(Z.includes("left")&&le<0||Z.includes("right")&&le>0)&&(re.x=le),(Math.abs(re.x)>0||Math.abs(re.y)>0)&&We(!0),(K=ie.current)==null||K.style.setProperty("--swipe-amount-x",`${re.x}px`),(q=ie.current)==null||q.style.setProperty("--swipe-amount-y",`${re.y}px`)}},to&&!s.jsx?m.createElement("button",{"aria-label":je,"data-disabled":Ie,"data-close-button":!0,onClick:Ie||!de?()=>{}:()=>{var y;te(),(y=s.onDismiss)==null||y.call(s,s)},className:J(w==null?void 0:w.closeButton,(n=s==null?void 0:s.classNames)==null?void 0:n.closeButton)},(l=W==null?void 0:W.close)!=null?l:dr):null,s.jsx||m.isValidElement(s.title)?s.jsx?s.jsx:typeof s.title=="function"?s.title():s.title:m.createElement(m.Fragment,null,$||s.icon||s.promise?m.createElement("div",{"data-icon":"",className:J(w==null?void 0:w.icon,(c=s==null?void 0:s.classNames)==null?void 0:c.icon)},s.promise||s.type==="loading"&&!s.icon?s.icon||ao():null,s.type!=="loading"?s.icon||(W==null?void 0:W[$])||rr($):null):null,m.createElement("div",{"data-content":"",className:J(w==null?void 0:w.content,(u=s==null?void 0:s.classNames)==null?void 0:u.content)},m.createElement("div",{"data-title":"",className:J(w==null?void 0:w.title,(d=s==null?void 0:s.classNames)==null?void 0:d.title)},typeof s.title=="function"?s.title():s.title),s.description?m.createElement("div",{"data-description":"",className:J(ae,eo,w==null?void 0:w.description,(f=s==null?void 0:s.classNames)==null?void 0:f.description)},typeof s.description=="function"?s.description():s.description):null),m.isValidElement(s.cancel)?s.cancel:s.cancel&&ye(s.cancel)?m.createElement("button",{"data-button":!0,"data-cancel":!0,style:s.cancelButtonStyle||O,onClick:y=>{var j,M;ye(s.cancel)&&de&&((M=(j=s.cancel).onClick)==null||M.call(j,y),te())},className:J(w==null?void 0:w.cancelButton,(p=s==null?void 0:s.classNames)==null?void 0:p.cancelButton)},s.cancel.label):null,m.isValidElement(s.action)?s.action:s.action&&ye(s.action)?m.createElement("button",{"data-button":!0,"data-action":!0,style:s.actionButtonStyle||H,onClick:y=>{var j,M;ye(s.action)&&((M=(j=s.action).onClick)==null||M.call(j,y),!y.defaultPrevented&&te())},className:J(w==null?void 0:w.actionButton,(g=s==null?void 0:s.classNames)==null?void 0:g.actionButton)},s.action.label):null))};function ot(){if(typeof window>"u"||typeof document>"u")return"ltr";let e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function Pr(e,t){let o={};return[e,t].forEach((r,n)=>{let l=n===1,c=l?"--mobile-offset":"--offset",u=l?Sr:wr;function d(f){["top","right","bottom","left"].forEach(p=>{o[`${c}-${p}`]=typeof f=="number"?`${f}px`:f})}typeof r=="number"||typeof r=="string"?d(r):typeof r=="object"?["top","right","bottom","left"].forEach(f=>{r[f]===void 0?o[`${c}-${f}`]=u:o[`${c}-${f}`]=typeof r[f]=="number"?`${r[f]}px`:r[f]}):d(u)}),o}m.forwardRef(function(e,t){let{invert:o,position:r="bottom-right",hotkey:n=["altKey","KeyT"],expand:l,closeButton:c,className:u,offset:d,mobileOffset:f,theme:p="light",richColors:g,duration:v,style:s,visibleToasts:R=yr,toastOptions:x,dir:b=ot(),gap:T=Er,loadingIcon:E,icons:S,containerAriaLabel:N="Notifications",pauseWhenPageIsHidden:z}=e,[I,B]=m.useState([]),D=m.useMemo(()=>Array.from(new Set([r].concat(I.filter(k=>k.position).map(k=>k.position)))),[I,r]),[P,O]=m.useState([]),[H,C]=m.useState(!1),[ae,V]=m.useState(!1),[ee,F]=m.useState(p!=="system"?p:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),X=m.useRef(null),se=n.join("+").replace(/Key/g,"").replace(/Digit/g,""),w=m.useRef(null),W=m.useRef(!1),je=m.useCallback(k=>{B(A=>{var L;return(L=A.find(G=>G.id===k.id))!=null&&L.delete||Y.dismiss(k.id),A.filter(({id:G})=>G!==k.id)})},[]);return m.useEffect(()=>Y.subscribe(k=>{if(k.dismiss){B(A=>A.map(L=>L.id===k.id?{...L,delete:!0}:L));return}setTimeout(()=>{so.flushSync(()=>{B(A=>{let L=A.findIndex(G=>G.id===k.id);return L!==-1?[...A.slice(0,L),{...A[L],...k},...A.slice(L+1)]:[k,...A]})})})}),[]),m.useEffect(()=>{if(p!=="system"){F(p);return}if(p==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?F("dark"):F("light")),typeof window>"u")return;let k=window.matchMedia("(prefers-color-scheme: dark)");try{k.addEventListener("change",({matches:A})=>{F(A?"dark":"light")})}catch{k.addListener(({matches:L})=>{try{F(L?"dark":"light")}catch(G){console.error(G)}})}},[p]),m.useEffect(()=>{I.length<=1&&C(!1)},[I]),m.useEffect(()=>{let k=A=>{var L,G;n.every(ce=>A[ce]||A.code===ce)&&(C(!0),(L=X.current)==null||L.focus()),A.code==="Escape"&&(document.activeElement===X.current||(G=X.current)!=null&&G.contains(document.activeElement))&&C(!1)};return document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[n]),m.useEffect(()=>{if(X.current)return()=>{w.current&&(w.current.focus({preventScroll:!0}),w.current=null,W.current=!1)}},[X.current]),m.createElement("section",{ref:t,"aria-label":`${N} ${se}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},D.map((k,A)=>{var L;let[G,ce]=k.split("-");return I.length?m.createElement("ol",{key:k,dir:b==="auto"?ot():b,tabIndex:-1,ref:X,className:u,"data-sonner-toaster":!0,"data-theme":ee,"data-y-position":G,"data-lifted":H&&I.length>1&&!l,"data-x-position":ce,style:{"--front-toast-height":`${((L=P[0])==null?void 0:L.height)||0}px`,"--width":`${Cr}px`,"--gap":`${T}px`,...s,...Pr(d,f)},onBlur:_=>{W.current&&!_.currentTarget.contains(_.relatedTarget)&&(W.current=!1,w.current&&(w.current.focus({preventScroll:!0}),w.current=null))},onFocus:_=>{_.target instanceof HTMLElement&&_.target.dataset.dismissible==="false"||W.current||(W.current=!0,w.current=_.relatedTarget)},onMouseEnter:()=>C(!0),onMouseMove:()=>C(!0),onMouseLeave:()=>{ae||C(!1)},onDragEnd:()=>C(!1),onPointerDown:_=>{_.target instanceof HTMLElement&&_.target.dataset.dismissible==="false"||V(!0)},onPointerUp:()=>V(!1)},I.filter(_=>!_.position&&A===0||_.position===k).map((_,Re)=>{var pe,be;return m.createElement(Nr,{key:_.id,icons:S,index:Re,toast:_,defaultRichColors:g,duration:(pe=x==null?void 0:x.duration)!=null?pe:v,className:x==null?void 0:x.className,descriptionClassName:x==null?void 0:x.descriptionClassName,invert:o,visibleToasts:R,closeButton:(be=x==null?void 0:x.closeButton)!=null?be:c,interacting:ae,position:k,style:x==null?void 0:x.style,unstyled:x==null?void 0:x.unstyled,classNames:x==null?void 0:x.classNames,cancelButtonStyle:x==null?void 0:x.cancelButtonStyle,actionButtonStyle:x==null?void 0:x.actionButtonStyle,removeToast:je,toasts:I.filter(he=>he.position==_.position),heights:P.filter(he=>he.position==_.position),setHeights:O,expandByDefault:l,gap:T,loadingIcon:E,expanded:H,pauseWhenPageIsHidden:z,swipeDirections:e.swipeDirections})})):null}))});const Wt={mobile:{width:375,icon:i.Smartphone,label:"Mobile (375px)"},tablet:{width:768,icon:i.Tablet,label:"Tablet (768px)"},small:{width:1024,icon:i.Monitor,label:"Small Desktop (1024px)"},desktop:{width:"100%",icon:i.Tv,label:"Desktop (Full)"}},kr=({onSave:e,deviceSize:t,onDeviceSizeChange:o})=>{const{actions:r,query:n,canUndo:l,canRedo:c}=i.Pe((d,f)=>({canUndo:f.history.canUndo(),canRedo:f.history.canRedo()})),u=()=>{const d=n.serialize();e==null||e(d),br.success("Page saved successfully")};return a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsx(i.TooltipProvider,{children:a.jsx(Gt,{type:"single",value:t,onValueChange:d=>d&&o(d),className:"bg-muted rounded-md p-1",children:Object.entries(Wt).map(([d,{icon:f,label:p}])=>a.jsxs(i.Tooltip,{children:[a.jsx(i.TooltipTrigger,{asChild:!0,children:a.jsx(Yt,{value:d,size:"sm",className:"data-[state=on]:bg-background data-[state=on]:shadow-sm",children:a.jsx(f,{className:"h-4 w-4"})})}),a.jsx(i.TooltipContent,{side:"bottom",children:a.jsx("p",{children:p})})]},d))})}),a.jsx("div",{className:"h-6 w-px bg-border"}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(i.Button,{variant:"outline",size:"sm",onClick:()=>r.history.undo(),disabled:!l,children:a.jsx(mo,{className:"h-4 w-4"})}),a.jsx(i.Button,{variant:"outline",size:"sm",onClick:()=>r.history.redo(),disabled:!c,children:a.jsx(co,{className:"h-4 w-4"})}),a.jsxs(i.Button,{size:"sm",onClick:u,children:[a.jsx(uo,{className:"h-4 w-4 mr-2"}),"Save"]})]})]})},Ir=({htmlJson:e="{}"})=>{const{actions:t}=i.Pe();return t.deserialize(e),a.jsx(i.De,{children:a.jsx(i.ke,{id:"mainBody",is:i.Section,canvas:!0})})},$t=({children:e,className:t})=>{const{connectors:{connect:o,drag:r},selected:n}=i.Ne(l=>({selected:l.events.selected}));return a.jsx("div",{ref:l=>{l&&o(r(l))},className:i.clsx("relative min-h-[100vh] bg-white",t||""),children:e})};$t.craft={props:{},displayName:"Body",isCanvas:!0,rules:{canMoveIn:e=>e.every(t=>t.data.displayName!=="Body")}};const Dr=({initialData:e,onSave:t,onStateChange:o})=>{var d;const r=i.useEventData(),[n,l]=m.useState("desktop"),c=((d=Wt[n])==null?void 0:d.width)||"100%",u=f=>{if(o)try{const p=f.serialize();o(p)}catch{}};return a.jsx(i.ut,{resolver:{Body:$t,Wrapper:i.Wrapper,Section:i.Section,Container:i.Container,Text:i.Text,ButtonComponent:i.ButtonComponent,Heading:i.Heading,Image:i.Image,Img:i.Img,Divider:i.Divider,Spacer:i.Spacer,Video:i.Video,Columns:i.Columns,Link:i.Link$1},enabled:!0,onNodesChange:f=>u(f),children:a.jsx(i.DeviceSizeProvider,{value:n,children:a.jsx(i.EventDataProvider,{value:r,children:a.jsxs("div",{className:"flex flex-col h-full",children:[a.jsxs("div",{className:"flex items-center justify-between pb-4 border-b border-border",children:[a.jsx("h2",{className:"text-lg font-semibold",children:"Page Builder"}),a.jsx(kr,{onSave:t,deviceSize:n,onDeviceSizeChange:l})]}),a.jsxs("div",{className:"flex gap-4 mt-4 flex-1 min-h-0",children:[a.jsx(i.Card,{className:"w-56 shrink-0",children:a.jsxs(i.CardContent,{className:"p-4 space-y-6",children:[a.jsx(ho,{}),a.jsx(Ao,{})]})}),a.jsx(i.Card,{className:"flex-1 overflow-hidden bg-muted/30 flex flex-col",children:a.jsx(i.CardContent,{className:"p-4 flex-1 flex justify-center overflow-hidden",children:a.jsx(Fe,{className:"h-full w-full",children:a.jsx("div",{className:"flex justify-center min-h-full",children:a.jsx("div",{className:"bg-white rounded-lg min-h-full p-4 border border-dashed border-border transition-all duration-300 shadow-sm",style:{width:typeof c=="number"?`${c}px`:c,maxWidth:"100%"},children:a.jsx(Ir,{htmlJson:e})})})})})}),a.jsx(i.Card,{className:"w-72 shrink-0 flex flex-col",children:a.jsx(i.CardContent,{className:"p-4 flex-1 overflow-hidden",children:a.jsx(Io,{})})})]})]})})})})};exports.default=Dr;
|