@zuzjs/ui 1.0.7 → 1.0.8
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/bin.cjs +4 -4
- package/dist/bin.js +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.d.cts +24 -20
- package/dist/index.d.ts +24 -20
- package/dist/index.js +7 -7
- package/package.json +1 -1
- /package/dist/{chunk-UMERFJVR.cjs → chunk-HOK6NXYM.cjs} +0 -0
- /package/dist/{chunk-QFL2A476.js → chunk-SXRKGZYX.js} +0 -0
package/dist/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {f,e,g,d,h,c}from'./chunk-
|
|
1
|
+
import {f,e,g,d,h,c}from'./chunk-SXRKGZYX.js';export{e as PACKAGE_NAME,f as cleanProps,g as splitAtoms}from'./chunk-SXRKGZYX.js';import {forwardRef,createContext,useRef,useMemo,useState,useCallback,useEffect,createElement,isValidElement,Fragment,useId,useImperativeHandle,startTransition,useLayoutEffect,useContext}from'react';import {useDebounce,useImage,useResizeObserver,useLineChart,useDelayed,useImageCropper,CropShape,useNetworkStatus,useScrollbar,useCommandActions,useDimensions,AnchorType,KeyCode,useShortcuts,useAnchorPosition}from'@zuzjs/hooks';import {jsx,jsxs,Fragment as Fragment$1}from'react/jsx-runtime';import {MD5,uuid,withPost,_,clamp,timeSince,addPropsToChildren,toHash,numberInRange,checkPasswordStrength,PubSub}from'@zuzjs/core';import {createPortal}from'react-dom';import {startOfMonth,endOfMonth,startOfWeek,endOfWeek,eachDayOfInterval,format,isSameMonth,isSameDay,isToday,addHours,addDays,addWeeks}from'date-fns';var Bt={Circle:"CIRCLE",Square:"SQUARE"},Rp={Default:"DEFAULT",Circle:"CIRCLE"},Np={Light:"light",Dark:"dark",System:"system"},we={Default:"DEFAULT",Switch:"SWITCH"},Lt={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},te=Lt,Ke=AnchorType,Ip=Ke,W={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},Ep={Asc:"ASC",Desc:"DESC"},Bp={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Lp={Dots:"DOTS"},ve={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN"},ie={Success:"success",Error:"error",Warning:"warning",Info:"info"},Z={Spring:"SPRING",Liquid:"LIQUID",EaseInOut:"EASEINOUT",EaseOutBack:"EASEOUTBACK",Bounce:"BOUNCE"},q={FadeIn:"FADE_IN",ScaleIn:"SCALE_IN",SlideInTop:"SLIDE_FROM_TOP",SlideInRight:"SLIDE_FROM_RIGHT",SlideInBottom:"SLIDE_FROM_BOTTOM",SlideInLeft:"SLIDE_FROM_LEFT"},Mp={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},le={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},De=le,Mt={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},Do=Mt,Op={Bar:"BAR",Ring:"RING"},ut={Default:"range",Text:"number"},Ot={Default:"DEFAULT",Card:"CARD"},ft={Gooey:"gooey"},ne={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var Ho=Symbol.for("zuz.global.map"),Ao=o=>{globalThis[Ho]=o;},Es=()=>globalThis[Ho]||{},kt=o=>{let n=Array.isArray(o)?o.join(" "):o;if(!n||typeof n!="string")return "";let e$1=Es();return process.env.NODE_ENV==="development"&&Object.keys(e$1).length===0&&console.warn(`[${e}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),g(n).filter(Boolean).map(t=>{let s=t.match(/^([&@][\w-]+)\((.*)\)$/);if(s){let[u,m,p]=s;return g(p).map(a=>{let i=`${m}(${a})`;return e$1[i]||a}).join(" ")}return e$1[t]||t}).join(" ")},jp=o=>{let n=Array.isArray(o)?o.join(" "):o;return !n||typeof n!="string"?"":kt(n)},Vo=o=>{let n={};for(let e in o){let r=o[e];if(e.startsWith("--")){n[e]=r;continue}let t=d[e]?.toString()??e;if(t==="x"||t==="translateX"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${h.addUnitsSafely(e,r)} ${s[1]??"0px"}`;}else if(t==="y"||t==="translateY"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${s[0]??"0px"} ${h.addUnitsSafely(e,r)}`;}else c.includes(t)?n[t]=h.addUnitsSafely(e,r):n[t]=r;}return n},Dt=o=>{if(!o)return "linear";switch(o.toUpperCase()){case Z.Bounce:return "var(--bounce)";case Z.Liquid:return "var(--liquid)";case Z.Spring:return "var(--spring)";case Z.EaseInOut:return "ease-in-out";case Z.EaseOutBack:return "ease-out-back";default:return "linear"}},Ue=(o,n=0)=>{let e={},r={},t=n||20;switch(o){case q.SlideInLeft:case q.SlideInRight:e={"--fx-x":o===q.SlideInLeft?`-${t}px`:`${t}px`,opacity:0},r={"--fx-x":"0px",opacity:1};break;case q.SlideInTop:case q.SlideInBottom:e={"--fx-y":o===q.SlideInTop?`-${t}px`:`${t}px`,opacity:0},r={"--fx-y":"0px",opacity:1};break;case q.ScaleIn:e={scale:0,opacity:0},r={scale:1,opacity:1};break;case q.FadeIn:e={opacity:0},r={opacity:1};break}return {from:e,to:r}},eu=(o,n,e)=>{let{from:r,to:t}=Ue(o);return n?{...r,...t}:e?r:t};var Ms=(o,n)=>{let e=useRef([]);return useEffect(()=>{let r=n?.current;if(!r||!o||!o.clearAtEnd)return;let t=s=>{e.current.includes(s.propertyName)&&o.clearAtEnd===true&&(r.style.transform="",r.style.filter="",e.current.forEach(u=>r.style.removeProperty(u)));};return r.addEventListener("transitionend",t),()=>r.removeEventListener("transitionend",t)},[o,n]),useEffect(()=>{if(typeof window>"u"||!n?.current)return;let r=n.current;(o?.scroll||o?.mouse)&&(r.style.willChange="transform",r.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",r.style.transition=`translate 0.1s ${o.curve?Dt(o.curve):"var(--spring)"}`);},[o,n]),useMemo(()=>{if(!o)return {style:{}};let{transition:r,from:t,to:s,exit:u,when:m,duration:p=.3,delay:a=0,curve:i}=o,f={},{from:c,to:g}=r?Ue(r):{from:t||{},to:s||{}};f=m===void 0?{...c,...g}:m?{...g}:u||c;let v=Dt(i),x=[],w=Vo(f);e.current=Object.keys(w);let R={...w};return Object.keys(w).forEach(h=>{let d=h.startsWith("--")?"all":h;x.includes(d)||x.push(`${d} ${p}s ${v} ${a}s`);}),{style:{...R,transition:x.join(", ")}}},[o])},se=Ms;var Os=(o,n)=>{let{as:e,fx:r,transition:t,skeleton:s,className:u,propsToRemove:m,style:p,...a}=o||{},i=t?{transition:t,duration:.3}:r||{},{style:f$1}=se(i,n),c=kt(e??"");return {style:{...p,...f$1},className:[u||"",c||"",s?.enabled?"--skeleton":""].join(" ").trim(),rest:{...f(a,m?[...m,"skeleton"]:["skeleton"])}}},N=Os;var As=(o,n={})=>{let{offset:e=8,direction:r="bottom",container:t=null,triggerRef:s=null}=n,u=useRef(null),m=useCallback(()=>{let p=o.current;if(!p)return;let a=s?.current||p.parentElement;if(!a){console.warn("usePosition: No trigger element found. Positioning may not work.");return}let i=p.getBoundingClientRect(),f=a.getBoundingClientRect(),c,g;t?(c=t.getBoundingClientRect(),g="absolute"):(window.getComputedStyle(p).position==="fixed"?g="fixed":g="absolute",g==="fixed"?c={top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}:c={top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}),p.style.position!==g&&(p.style.position=g),u.current=g;let w=0,R=0;switch(r){case "top":w=f.top-i.height-e,R=f.left,w<c.top&&f.bottom+i.height+e<=c.bottom&&(w=f.bottom+e);break;case "bottom":w=f.bottom+e,R=f.left,w+i.height>c.bottom&&f.top-i.height-e>=c.top&&(w=f.top-i.height-e);break;case "left":w=f.top,R=f.left-i.width-e,R<c.left&&f.right+i.width+e<=c.right&&(R=f.right+e);break;case "right":w=f.top,R=f.right+e,R+i.width>c.right&&f.left-i.width-e>=c.left&&(R=f.left-i.width-e);break}if(w=Math.max(c.top,Math.min(w,c.bottom-i.height)),R=Math.max(c.left,Math.min(R,c.right-i.width)),u.current==="fixed")p.style.top=`${w}px`,p.style.left=`${R}px`;else {let h;p.offsetParent?h=p.offsetParent.getBoundingClientRect():h={top:0,left:0};let d=w-h.top+window.scrollY,S=R-h.left+window.scrollX;p.style.top=`${d}px`,p.style.left=`${S}px`;}},[o,s,e,r,t]);return useEffect(()=>{let p=o.current;if(!p)return;let a=s?.current||p.parentElement;if(!a){console.warn("usePosition: No trigger element found. Positioning may not work.");return}let i=new ResizeObserver(m);return i.observe(p),a&&i.observe(a),m(),window.addEventListener("resize",m),window.addEventListener("scroll",m,true),()=>{i.disconnect(),a&&i.disconnect(),window.removeEventListener("resize",m),window.removeEventListener("scroll",m,true);}},[o,r,e,t,s]),{postion:u.current,reposition:m}},We=As;var zo=forwardRef((o,n)=>{let{when:e,...r}=o;return jsx(l,{ref:n,"aria-hidden":!e,className:"--overlay fixed fill",fx:{transition:q.FadeIn,when:e},...r})});zo.displayName="Zuz.Overlay";var Ee=zo;var _o=({ref:o,...n})=>{let{style:e,...r}=n,{style:t,className:s,rest:u}=N(r);return jsx("span",{ref:o,style:e,className:s,...u})};_o.displayName="Zuz.Span";var Q=_o;var Zo="(prefers-color-scheme: dark)",Zs=typeof window>"u",Uo=createContext(void 0),At=o=>{let n=useContext(Uo);if(!n){if(o===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return n},ee=At,Ks=({children:o,storageKey:n="--ucs",forceTheme:e,zuzMap:r,...t})=>(r&&Ao(r),jsx(Us,{storageKey:n,forceTheme:e,...t,children:o})),Us=({children:o,storageKey:n,forceTheme:e,...r})=>{let[t,s]=useState(()=>e||Ko(n,"system")),[u,m]=useState(()=>e||Ko(n)),p=c=>(c||(c=window.matchMedia(Zo)),c.matches?"dark":"light"),a=useCallback(c=>{let g=c=="system"?p():c,v=document.documentElement;v.setAttribute("color-scheme",g),v.style.colorScheme=g,m(g);},[p]),i=useCallback(c=>{s(c),localStorage.setItem(n,c),a(c);},[t]),f=useCallback(c=>{let g=p(c);m(g),t==="system"&&a("system");},[t]);return useEffect(()=>{t==null&&window.localStorage.getItem(n);},[t]),useEffect(()=>{window.matchMedia(Zo).addEventListener("change",f);},[f]),useEffect(()=>{let c=g=>{g.key==n&&(g.newValue?i(g.newValue):i("system"));};return window.addEventListener("storage",c),()=>window.removeEventListener("storage",c)},[i]),useEffect(()=>{a(e||t||"system");},[t]),jsxs(Uo,{value:{colorScheme:t,resolvedScheme:u,setColorScheme:i,...r},children:[e?null:jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
|
|
2
2
|
const themes = ['light', 'dark']
|
|
3
3
|
let theme = localStorage.getItem(\`${n}\`) || "system";
|
|
4
4
|
if (theme === "system") {
|
|
5
5
|
theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
6
6
|
}
|
|
7
7
|
document.documentElement.setAttribute("color-scheme", theme);
|
|
8
|
-
document.documentElement.style.colorScheme = theme;`}}),jsx(Wo,{children:t})]})},Ko=(t,n)=>{if(Fs)return;let e;try{e=localStorage.getItem(t)||void 0;}catch{}return e||n};var qo=forwardRef((t,n)=>{let{name:e,pathCount:r,variant:o,color:s,...u}=t,{variant:m}=ee(true),{className:p,style:i,rest:a}=N(u);return jsx("div",{style:{color:s,...i},className:`icon-${e} --icon --${o||m||W.Small} ${p}`.trim(),ref:n,...a,children:Array(r||0).fill(0).map((f,c)=>jsx(Q,{className:`path${c+1}`},`${e}-layer-${c}`))})});qo.displayName="Zuz.Icon";var X=qo;var me={Simple:"SIMPLE",Roller:"ROLLER",Wave:"Wave"};var Xo=t=>{let {type:n,variant:e,width:r,speed:o,color:s,background:u,foreground:m,...p}=t,{className:a,style:f,rest:c}=N(p);return jsx(l,{className:`${a} --spinner --${(n||me.Simple).toLowerCase()} --${e}`.trim(),style:{...f},...c})};Xo.displayName="Zuz.Spinner";var ge=Xo;var gt={Loading:"loading",Normal:"normal"};var Qo=({ref:t,...n})=>{let{reset:e,variant:r,icon:o,iconSize:s,children:u,withLabel:m,spinner:p,state:i,disabled:a,...f}=n,{style:c,className:d,rest:b}=N(f),{variant:h}=ee(true);return jsxs("button",{className:`--button --${r||h} flex aic ${e?"":"jcc"} ${o?"ico-btn":""} ${d}`.trim().replace(/\s+/g," "),style:c,ref:t,disabled:i==gt.Loading||n.skeleton?.enabled||a,...b,children:[i==gt.Loading&&jsx(ge,{variant:r||h,type:p||me.Simple}),(!i||i==gt.Normal)&&jsxs(Fragment$1,{children:[o&&jsx(X,{variant:s,name:o}),m===true?jsx(Q,{children:u}):u]})]})};Qo.displayName="Zuz.Button";var z=Qo;var Xs={colorSchemeLight:jsxs("svg",{width:"24",height:"24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",color:"currentcolor",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24",children:[jsx("circle",{cx:"12",cy:"12",r:"5"}),jsx("path",{d:"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"})]}),colorSchemeSystem:jsxs("svg",{width:"24",height:"24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",color:"currentcolor",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24",children:[jsx("rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",ry:"2"}),jsx("path",{d:"M8 21h8M12 17v4"})]}),colorSchemeDark:jsx("svg",{width:"24",height:"24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",color:"currentcolor",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24",children:jsx("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79"})}),arrowDown:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:jsx("path",{d:"M17.919 8.18H6.079c-.96 0-1.44 1.16-.76 1.84l5.18 5.18c.83.83 2.18.83 3.01 0l1.97-1.97 3.21-3.21c.67-.68.19-1.84-.77-1.84z"})}),arrowUp:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:jsx("path",{d:"M18.68 13.978l-3.21-3.21-1.96-1.97a2.13 2.13 0 00-3.01 0l-5.18 5.18c-.68.68-.19 1.84.76 1.84h11.84c.96 0 1.44-1.16.76-1.84z"})}),search:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 34 34",children:jsx("path",{d:"M27.414,24.586l-5.077-5.077C23.386,17.928,24,16.035,24,14c0-5.514-4.486-10-10-10S4,8.486,4,14 s4.486,10,10,10c2.035,0,3.928-0.614,5.509-1.663l5.077,5.077c0.78,0.781,2.048,0.781,2.828,0 C28.195,26.633,28.195,25.367,27.414,24.586z M7,14c0-3.86,3.14-7,7-7s7,3.14,7,7s-3.14,7-7,7S7,17.86,7,14z"})}),close:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})}),eye:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:[jsx("path",{fill:"#333",d:"M12 20.5c-4.299 0-8.24-3.023-10.544-8.086a1 1 0 010-.828C3.759 6.523 7.701 3.5 12 3.5s8.24 3.023 10.544 8.086a1.001 1.001 0 010 .828 18.14 18.14 0 01-1.391 2.52 1 1 0 11-1.666-1.106A15.87 15.87 0 0020.529 12C18.543 7.92 15.379 5.5 12 5.5S5.457 7.92 3.471 12c1.986 4.08 5.15 6.5 8.529 6.5a7.964 7.964 0 005.036-1.92 1 1 0 111.265 1.55A9.94 9.94 0 0112 20.5z"}),jsx("path",{fill:"#333",d:"M12 16a4.004 4.004 0 01-3.929-4.756 1 1 0 011.965.375A2 2 0 1014 12a2.034 2.034 0 00-2.053-1.999 1.04 1.04 0 01-1.043-.947.963.963 0 01.902-1.05L12 8a4 4 0 010 8z"})]}),eyeSlash:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:[jsx("path",{fill:"#333",d:"M12 15c-4.132 0-7.98-1.214-10.294-3.249a1 1 0 111.32-1.502C4.986 11.972 8.34 13 12 13s7.014-1.028 8.974-2.751a1 1 0 111.32 1.502C19.98 13.786 16.132 15 12 15z"}),jsx("path",{fill:"#333",d:"M12 18a1 1 0 01-1-1v-3a1 1 0 012 0v3a1 1 0 01-1 1zM7.749 17.667a.964.964 0 01-.17-.014 1 1 0 01-.817-1.155l.505-2.935a1 1 0 111.97.339l-.504 2.935a1 1 0 01-.984.83zM3.636 16.306a1.001 1.001 0 01-.942-1.336l.978-2.745a1 1 0 111.884.672l-.978 2.745a1 1 0 01-.942.664zM16.251 17.667a1 1 0 01-.984-.83l-.505-2.935a1 1 0 011.97-.339l.506 2.935a1 1 0 01-.816 1.155.964.964 0 01-.17.014zM20.364 16.306a1 1 0 01-.942-.664l-.978-2.745a1 1 0 111.884-.672l.978 2.745a1.001 1.001 0 01-.942 1.336z"})]}),check:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:[" ",jsx("path",{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"})," "]}),[ie.Info]:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{fill:"#292D32",d:"M21.56 10.738l-1.35-1.58c-.25-.3-.46-.86-.46-1.26v-1.7c0-1.06-.87-1.93-1.93-1.93h-1.7c-.4 0-.97-.21-1.27-.46l-1.58-1.35c-.69-.59-1.82-.59-2.51 0l-1.6 1.35c-.3.25-.86.46-1.26.46H6.17c-1.06 0-1.93.87-1.93 1.93v1.7c0 .39-.2.95-.45 1.25l-1.35 1.59c-.58.7-.58 1.82 0 2.5l1.35 1.59c.25.29.45.86.45 1.25v1.71c0 1.06.87 1.93 1.93 1.93h1.74c.39 0 .96.21 1.26.46l1.58 1.35c.69.59 1.82.59 2.51 0l1.58-1.35c.3-.25.86-.46 1.26-.46h1.7c1.06 0 1.93-.87 1.93-1.93v-1.7c0-.4.21-.96.46-1.26l1.35-1.58c.61-.68.61-1.81.02-2.51zm-10.31-2.61c0-.41.34-.75.75-.75s.75.34.75.75v4.83c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-4.83zm.75 8.74c-.55 0-1-.45-1-1s.44-1 1-1c.55 0 1 .45 1 1s-.44 1-1 1z"})}),[ie.Warning]:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{fill:"#292D32",d:"M19.51 5.85l-5.94-3.43c-.97-.56-2.17-.56-3.15 0L4.49 5.85a3.15 3.15 0 00-1.57 2.73v6.84c0 1.12.6 2.16 1.57 2.73l5.94 3.43c.97.56 2.17.56 3.15 0l5.94-3.43a3.15 3.15 0 001.57-2.73V8.58a3.192 3.192 0 00-1.58-2.73zm-8.26 1.9c0-.41.34-.75.75-.75s.75.34.75.75V13c0 .41-.34.75-.75.75s-.75-.34-.75-.75V7.75zm1.67 8.88c-.05.12-.12.23-.21.33a.99.99 0 01-1.09.21c-.13-.05-.23-.12-.33-.21-.09-.1-.16-.21-.22-.33a.986.986 0 01-.07-.38c0-.26.1-.52.29-.71.1-.09.2-.16.33-.21.37-.16.81-.07 1.09.21.09.1.16.2.21.33.05.12.08.25.08.38s-.03.26-.08.38z"})}),[ie.Error]:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"})}),[ie.Success]:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})}),layers:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:[jsx("path",{d:"M19.3697 4.89109L13.5097 2.28109C12.6497 1.90109 11.3497 1.90109 10.4897 2.28109L4.62969 4.89109C3.14969 5.55109 2.92969 6.45109 2.92969 6.93109C2.92969 7.41109 3.14969 8.31109 4.62969 8.97109L10.4897 11.5811C10.9197 11.7711 11.4597 11.8711 11.9997 11.8711C12.5397 11.8711 13.0797 11.7711 13.5097 11.5811L19.3697 8.97109C20.8497 8.31109 21.0697 7.41109 21.0697 6.93109C21.0697 6.45109 20.8597 5.55109 19.3697 4.89109Z",fill:"#292D32"}),jsx("path",{d:"M12.0003 17.04C11.6203 17.04 11.2403 16.96 10.8903 16.81L4.15031 13.81C3.12031 13.35 2.32031 12.12 2.32031 10.99C2.32031 10.58 2.65031 10.25 3.06031 10.25C3.47031 10.25 3.80031 10.58 3.80031 10.99C3.80031 11.53 4.25031 12.23 4.75031 12.45L11.4903 15.45C11.8103 15.59 12.1803 15.59 12.5003 15.45L19.2403 12.45C19.7403 12.23 20.1903 11.54 20.1903 10.99C20.1903 10.58 20.5203 10.25 20.9303 10.25C21.3403 10.25 21.6703 10.58 21.6703 10.99C21.6703 12.11 20.8703 13.35 19.8403 13.81L13.1003 16.81C12.7603 16.96 12.3803 17.04 12.0003 17.04Z",fill:"#292D32"}),jsx("path",{d:"M12.0003 22.0009C11.6203 22.0009 11.2403 21.9209 10.8903 21.7709L4.15031 18.7709C3.04031 18.2809 2.32031 17.1709 2.32031 15.9509C2.32031 15.5409 2.65031 15.2109 3.06031 15.2109C3.47031 15.2109 3.80031 15.5409 3.80031 15.9509C3.80031 16.5809 4.17031 17.1509 4.75031 17.4109L11.4903 20.4109C11.8103 20.5509 12.1803 20.5509 12.5003 20.4109L19.2403 17.4109C19.8103 17.1609 20.1903 16.5809 20.1903 15.9509C20.1903 15.5409 20.5203 15.2109 20.9303 15.2109C21.3403 15.2109 21.6703 15.5409 21.6703 15.9509C21.6703 17.1709 20.9503 18.2709 19.8403 18.7709L13.1003 21.7709C12.7603 21.9209 12.3803 22.0009 12.0003 22.0009Z",fill:"#292D32"})]}),play:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M8 5v14l11-7z"})}),pause:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"})}),next:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"m6 18 8.5-6L6 6zM16 6v12h2V6z"})}),prev:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M6 6h2v12H6zm3.5 6 8.5 6V6z"})}),plus:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",children:jsx("path",{d:"M28 14H18V4a2 2 0 0 0-4 0v10H4a2 2 0 0 0 0 4h10v10a2 2 0 0 0 4 0V18h10a2 2 0 0 0 0-4"})}),add:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:jsx("path",{d:"M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2m4 10.75h-3.25V16c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-3.25H8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h3.25V8c0-.41.34-.75.75-.75s.75.34.75.75v3.25H16c.41 0 .75.34.75.75s-.34.75-.75.75"})}),chevronUp:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"m7 14 5-5 5 5z"})}),chevronBottom:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"m7 10 5 5 5-5z"})}),chevronRight:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"m10 17 5-5-5-5v10z"})}),chevronLeft:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"m14 7-5 5 5 5V7z"})}),chevronRightOutline:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"})}),chevronLeftOutline:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"})}),chevronUpOutline:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"})}),chevronDownOutline:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})}),bezier:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M19.14 7.72C19.43 8.47 20.15 9 21 9C22.1 9 23 8.1 23 7C23 5.9 22.1 5 21 5C20.15 5 19.43 5.53 19.14 6.28C19.09 6.27 19.05 6.25 19 6.25H15V5.5C15 4.68 14.32 4 13.5 4H10.5C9.68 4 9 4.68 9 5.5V6.25H5C4.95 6.25 4.91 6.27 4.86 6.28C4.57 5.53 3.85 5 3 5C1.9 5 1 5.9 1 7C1 8.1 1.9 9 3 9C3.85 9 4.57 8.47 4.86 7.72C4.91 7.73 4.95 7.75 5 7.75H7.57C5.52 9.27 4.25 11.79 4.25 14.5C4.25 14.67 4.26 14.83 4.28 15H4C3.17 15 2.5 15.67 2.5 16.5V18.5C2.5 19.33 3.17 20 4 20H6C6.22 20 6.42 19.95 6.61 19.86C7.13 19.64 7.5 19.11 7.5 18.5V16.5C7.5 15.67 6.83 15 6 15H5.77C5.77 14.97 5.78 14.94 5.78 14.91C5.76 14.77 5.76 14.64 5.76 14.5C5.76 12.03 7.03 9.77 9.02 8.6C9.06 9.37 9.71 10 10.5 10H13.5C14.29 10 14.94 9.37 14.99 8.6C16.98 9.77 18.25 12.04 18.25 14.5C18.25 14.64 18.24 14.77 18.23 14.91C18.23 14.94 18.24 14.97 18.24 15H18C17.17 15 16.5 15.67 16.5 16.5V18.5C16.5 19.11 16.87 19.64 17.39 19.86C17.58 19.95 17.78 20 18 20H20C20.83 20 21.5 19.33 21.5 18.5V16.5C21.5 15.67 20.83 15 20 15H19.72C19.74 14.83 19.75 14.67 19.75 14.5C19.75 11.79 18.48 9.27 16.43 7.75H19C19.05 7.75 19.09 7.73 19.14 7.72Z",fill:"#292D32"})}),mouse:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M13.2978 2.11468C13.0064 2.06339 12.75 2.29593 12.75 2.59185V5.45262C12.75 5.65098 12.8709 5.82564 13.0359 5.93583C13.5391 6.27202 13.87 6.84597 13.87 7.49906V9.49906C13.87 10.5291 13.03 11.3791 12 11.3791C10.96 11.3791 10.12 10.5291 10.12 9.49906V7.49906C10.12 6.84578 10.4583 6.27168 10.9639 5.93554C11.1291 5.82572 11.25 5.65098 11.25 5.45262V2.59249C11.25 2.29634 10.9935 2.0637 10.7019 2.11513C9.15243 2.38834 7.76579 3.13327 6.7 4.19906C5.34 5.55906 4.5 7.43906 4.5 9.49906V14.4991C4.5 18.6291 7.87 21.9991 12 21.9991C16.13 21.9991 19.5 18.6291 19.5 14.4991V9.49906C19.5 5.80857 16.813 2.73328 13.2978 2.11468Z",fill:"#292D32"})}),addKey:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M20.9498 14.55L14.5598 20.94C13.1598 22.34 10.8598 22.34 9.44977 20.94L3.05977 14.55C1.65977 13.15 1.65977 10.85 3.05977 9.44L9.44977 3.05C10.8498 1.65 13.1498 1.65 14.5598 3.05L20.9498 9.44C22.3498 10.85 22.3498 13.15 20.9498 14.55Z",fill:"#292D32"})}),calendar:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[jsx("path",{fill:"#292D32",d:"M8.25 5.75c-.41 0-.75-.34-.75-.75V2c0-.41.34-.75.75-.75S9 1.59 9 2v3c0 .41-.34.75-.75.75M15.75 5.75c-.41 0-.75-.34-.75-.75V2c0-.41.34-.75.75-.75s.75.34.75.75v3c0 .41-.34.75-.75.75M12 14.09c.52 0 .9-.31.9-.8 0-.5-.38-.79-.9-.79s-.9.29-.9.79c0 .49.38.8.9.8M12 17c.629 0 1.14-.416 1.14-.93 0-.513-.511-.93-1.14-.93-.63 0-1.14.417-1.14.93s.51.93 1.14.93"}),jsx("path",{fill:"#292D32",d:"M19.57 4.5c-.66-.49-1.61-.02-1.61.81v.1c0 1.17-.84 2.25-2.01 2.37-1.35.14-2.49-.92-2.49-2.24V4.5c0-.55-.45-1-1-1h-.92c-.55 0-1 .45-1 1v1.04c0 .79-.41 1.49-1.03 1.88-.09.06-.19.11-.29.16q-.135.075-.3.12c-.12.04-.25.07-.39.08q-.24.03-.48 0c-.14-.01-.27-.04-.39-.08q-.15-.045-.3-.12c-.1-.05-.2-.1-.29-.16-.63-.44-1.03-1.2-1.03-2.01v-.1c0-.77-.82-1.23-1.47-.9-.01.01-.02.01-.03.02-.04.02-.07.04-.11.07-.03.03-.07.05-.1.08-.28.22-.53.47-.74.74-.11.12-.2.25-.28.38a3.498 3.498 0 0 0-.27.46c-.02.02-.03.03-.03.05-.06.12-.12.24-.16.37-.03.05-.04.09-.06.14-.06.15-.1.3-.14.45-.04.14-.07.29-.09.44a5.902 5.902 0 0 0-.06.76v8.76A4.87 4.87 0 0 0 7.37 22h9.26a4.87 4.87 0 0 0 4.87-4.87V8.37c0-1.59-.76-2.98-1.93-3.87M12 18.25c-1.55 0-2.5-.77-2.5-2.01 0-.68.35-1.27.96-1.62-.44-.31-.73-.77-.73-1.4 0-1.3 1.04-1.97 2.27-1.97s2.26.67 2.26 1.97c0 .63-.28 1.09-.73 1.4.62.35.97.94.97 1.62 0 1.24-.96 2.01-2.5 2.01"})]}),done:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"})}),doneAll:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"m18 7-1.41-1.41-6.34 6.34 1.41 1.41zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12zM.41 13.41 6 19l1.41-1.41L1.83 12z"})}),pending:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:[jsx("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"}),jsx("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"})]})},k=Xs;var Ys=({title:t="Alert",onClose:n})=>jsxs(l,{as:"--head flex aic rel",children:[jsx(l,{as:`--${t?"title":"dot"} flex aic jcc rel`,children:t}),jsx(z,{onClick:e=>n(),className:"--closer abs center-v",children:k.close})]}),jo=Ys;var Js=({action:t,render:n=true,message:e=""})=>jsx(l,{as:`--body flex aic rel ${t?"":"--no-action"}`.trim(),children:n?e:null}),er=Js;var ea=({action:t,actionPosition:n,dialogID:e,variant:r})=>jsx(l,{as:`--footer flex aic rel ${n?n==Do.Center?"jcc":"":"jce"}`.trim(),children:t.map((o,s)=>jsx(z,{variant:r,onClick:u=>o.handler?o.handler():o.onClick?o.onClick():console.log("onClick Handler missing"),as:"--action",children:o.label},`dialog-${e}-action-${o.key}`))}),or=ea;var nr=forwardRef((t,n)=>{let{h:e,html:r,children:o,lines:s,...u}=t,{style:m,className:p,rest:i}=N(u),a=`h${t.h||1}`;return jsx(a,{ref:n,style:m,className:p,...i,children:r?jsx(Q,{dangerouslySetInnerHTML:{__html:r}}):o})});nr.displayName="Zuz.Text";var H=nr;var ar=forwardRef((t,n)=>{let{message:e,spinner:r,spinnerSize:o,color:s,when:u,hideMessage:m,...p}=t,{className:i,style:a,rest:f}=N(p);return "when"in t&&t.when==false?null:jsxs(l,{className:`--cover flex aic jcc cols abs fillx nope nous ${i}`.trim(),style:{...a,backgroundColor:"var(--cover-bg)"},...f,children:[jsx(ge,{variant:o||W.Small,type:r||me.Simple}),!m&&jsx(H,{className:"--label",style:{color:"var(--cover-label)"},children:e||"loading"})]})});ar.displayName="Zuz.Cover";var Be=ar;var mr=({ref:t,...n})=>{let{index:e,id:r,title:o,message:s,transition:u,curve:m,speed:p,type:i,action:a,actionPosition:f,spinner:c,loadingMessage:d,variant:b,onClose:h,onShow:v,onHide:R,...C}=n,g=useMemo(()=>uuid(12),[]),[S,E]=useState(o||""),[P,w]=useState(s||""),[I,D]=useState(i||De.Dialog),[B,_]=useState(false),[L,G]=useState(true),[U,V]=useState(a||null),[T,A]=useState(false),{variant:$,spinner:K,dialog:O}=ee(true),F=b||O?.variant||$||W.Small,{style:Y,className:oe,rest:j}=N(C),ce=useRef(null),de=se({when:B,duration:p||O?.speed||.3,delay:O?.delay||.1,transition:u||O?.transition||q.SlideInBottom,curve:m||O?.curve||Z.EaseInOut});return useEffect(()=>{D(De.Dialog),w(s),E(S),U&&V(U.reduce((lt,mt)=>(lt.push({...mt,key:mt.key||uuid(12)}),lt),[])),_(true),setTimeout(()=>v?v():()=>{},1e3);},[]),jsxs(Fragment$1,{children:[jsx(Ee,{when:B}),jsxs(l,{as:`--dialog --${(i??De.Default).toLowerCase()} ${B?"--visible":""} ${oe} fixed abc`.trim(),style:de.style,...j,ref:ce,children:[jsx(Be,{when:T,spinner:c||O?.spinner||K?.type||me.Simple,message:d||O?.loadingMessage}),jsx(jo,{title:S,onClose:()=>{h(r),_(false);}}),jsx(er,{message:P,render:L,action:U}),U&&jsx(or,{variant:F,action:U,dialogID:g,actionPosition:f})]})]})};mr.displayName="Zuz.Dialog";var zt=mr;var cr=(s=>(s.Default="default",s.Success="success",s.Error="error",s.Warn="warn",s.Promise="promise",s))(cr||{}),pr={success:"Action Successful",error:"Something Went Wrong",warn:"Heads Up",default:"Notice"};var ma=({index:t,id:n,type:e,icon:r,title:o,message:s,duration:u,onClose:m})=>{let p=useDelayed(),i=useDelayed(((u||4)-1)*1e3),{toast:a}=ee(true),f=se({when:p&&!i,duration:a?.duration||.2,transition:q.SlideInTop,curve:a?.curve||Z.EaseInOut});return useEffect(()=>{console.log("--expired",i,n),i&&n&&m?.(n);},[i,n]),jsxs(l,{as:`--snack --${e} --snack-${n} ${t>2?"--snacked":""} flex aic`,style:f.style,children:[jsx(l,{as:"--ico flex aic jcc",fx:{transition:q.ScaleIn,curve:Z.Spring,delay:.2,when:p&&!i},children:r?jsx(X,{name:r,fx:{transition:q.ScaleIn,curve:Z.Spring,delay:.4,duration:.5,when:p&&!i}}):jsx(l,{as:"--no-icon",fx:{transition:q.ScaleIn,curve:Z.Spring,delay:.4,duration:.5,when:p&&!i}})}),jsxs(l,{as:"--meta",children:[jsx(H,{as:"--tt",fx:{transition:q.SlideInTop,curve:Z.Spring,delay:.3,when:p},children:o||pr[e]}),jsx(H,{as:"--tm",fx:{transition:q.SlideInTop,curve:Z.Spring,delay:.4,duration:.5,when:p},children:s})]})]})},_t=ma;var Ft=class{stack=[];SCROLL_CLASS="--no-scroll";updateScrollLock(){typeof window>"u"||(this.stack.length>0?document.body.classList.add(this.SCROLL_CLASS):document.body.classList.remove(this.SCROLL_CLASS));}isTop(n){return this.stack[this.stack.length-1]===n}push(n){this.stack.includes(n)||(this.stack.push(n),this.updateScrollLock());}pop(n){this.stack=this.stack.filter(e=>e!==n),this.updateScrollLock();}handleEscape(){let n=this.stack[this.stack.length-1];return n?(n(),true):false}get count(){return this.stack.length}},Xe=new Ft;var xr=({ref:t,...n})=>{let{id:e,index:r,from:o,speed:s,children:u,margin:m,animation:p,prerender:i,onClose:a,...f}=n,{drawer:c}=ee(true),[d,b]=useState(u),[h,v]=useState(false),[R,C]=useState(i??(c?.prerender||true)),g=()=>{v(false),a?.(e??-1);},{className:S,style:E,rest:P}=N(f),w=useMemo(()=>[{keys:[KeyCode.Escape],callback:()=>{Xe.isTop(g)&&g();}}],[h]);useShortcuts(w),useEffect(()=>{b(u);},[u]),useEffect(()=>(h?Xe.push(g):Xe.pop(g),()=>Xe.pop(g)),[h]),useEffect(()=>{v(true);},[]);let I=o||c?.from||ne.Left,D=useMemo(()=>{switch(I){case ne.Left:return {from:{x:"-100vw"},to:{x:0}};case ne.Right:return {from:{x:"100vw"},to:{x:0}};case ne.Top:return {from:{y:"-100vh"},to:{y:0}};case ne.Bottom:return {from:{y:"100vh"},to:{y:0}};default:return {from:{x:"-100vw"},to:{x:0}}}},[o,c?.from]),B=se({from:{...D.from,opacity:0},to:{...D.to,opacity:1},when:h,curve:p||c?.animation||Z.EaseInOut,duration:s||c?.speed||.5});return jsxs(Fragment$1,{children:[jsx(Ee,{onClick:_=>{h&&g();},when:h}),jsxs(l,{ref:t,"aria-hidden":!h,className:`--drawer flex cols ${S} --${I.toLowerCase()} fixed`,style:{...E,...B.style,"--m":`${m||c?.margin||0}px`},...P,children:[o==ne.Top||o==ne.Bottom?jsx(l,{className:"--handle"}):null,R||h?d:null]})]})};xr.displayName="Zuz.Drawer";var Ut=xr;var fa=t=>{let{label:n,labelColor:e,icon:r,iconColor:o,index:s,className:u,onSelect:m}=t;return n=="-"?jsx(l,{className:"--line"}):jsxs(z,{reset:true,onClick:p=>m(),className:`--item ${u||""}`.trim(),children:[jsx(l,{as:"--icon",children:jsx(X,{name:r,className:"--ico",style:o?{color:o}:{}})}),jsx(H,{className:"--lbl flex aic",style:e?{color:e}:{},children:n})]})},yr=fa;var wr=({ref:t,...n})=>{let{id:e,as:r,offsetX:o,offsetY:s,parent:u,event:m,when:p,items:i,header:a,footer:f,origin:c=Ke.TopRight,...d}=n,[b,h]=useState(false),[v,R]=useState(i||[]),{position:C,targetRef:g,calculatedAnchor:S}=useAnchorPosition(u?.current,m,{offsetX:o,offsetY:s,preferredAnchor:c});useEffect(()=>{p&&C.top!==0?h(true):p||h(false);},[p,C]);let{className:E,style:P,rest:w}=N(d),I=se({from:{opacity:0,scale:.8,y:-10},to:{opacity:1,scale:1,y:0},curve:Z.EaseInOut,duration:.05,when:b});return jsxs(l,{className:`--contextmenu abs flex cols ${E}`.trim(),"aria-hidden":!b,style:{...P,...I.style,top:C.top,left:C.left,overflow:"hidden",transformOrigin:S},...w,children:[typeof a=="function"?createElement(a):a,v.map((D,B)=>jsx(yr,{...D,index:B},`context-${D.label.toLowerCase()}-${B}`)),typeof f=="function"?createElement(f):f]})};wr.displayName="Zuz.ContextMenu";var Wt=wr;var xe=createContext(null),Pa=({ref:t,...n})=>{let[e,r]=useState(null),[o,s]=useState(false),[u,m]=useState([]),p=useDelayed(),i=useRef(0),a=()=>++i.current,f=()=>{s(false),setTimeout(()=>r(null),200);};useImperativeHandle(t,()=>({add(d){let b=a(),h={id:b,...d};return m(v=>[h,...v.slice(0,20)]),b},openMenu(d){s(false),setTimeout(()=>{r({id:a(),type:"menu",props:d}),s(true);},16);},remove(d){m(b=>b.filter(h=>h.id!==d)),e?.id===d&&f();},clear(){m([]);}})),useEffect(()=>{if(e&&o){let d=()=>f();return document.addEventListener("click",d),()=>document.removeEventListener("click",d)}},[e,o,f]);let c=d=>{setTimeout(()=>{m(b=>b.filter(h=>h.id!==d)),e?.id===d&&r(null);},1e3);};return p?createPortal(jsxs(l,{as:"--zuz-layers-wrapper fixed fill nope",children:[jsx(l,{as:"--zuz-layer-dialogs fixed fill nope",children:u.filter(d=>d.type=="dialog").map((d,b)=>jsx(zt,{onClose:c,index:b,id:d.id,...d.props},`layer-${d.type}-${d.id}`))}),jsx(l,{as:"--zuz-layer-drawers fixed fill nope",children:u.filter(d=>d.type=="drawer").map((d,b)=>jsx(Ut,{onClose:c,index:b,id:d.id,...d.props},`layer-${d.type}-${d.id}`))}),jsx(l,{as:"--zuz-layer-toasts fixed fill nope",children:u.filter(d=>d.type=="toast").map((d,b)=>jsx(_t,{onClose:c,index:b,id:d.id,...d.props},`layer-${d.type}-${d.id}`))}),jsx(l,{as:"--zuz-layer-menus fixed fill nope",children:e&&jsx(Wt,{onClose:f,when:o,...e.props},`menu-${e.id}`)})]}),document.body):null},Ra=({children:t})=>{let n=useRef(null),e=useMemo(()=>({add:r=>n.current?.add(r),openMenu:r=>n.current?.openMenu(r),remove:r=>n.current?.remove(r),clear:()=>n.current?.clear()}),[n.current]);return jsxs(xe.Provider,{value:e,children:[t,jsx(Pa,{ref:n})]})},Wo=Ra;var Ia=()=>{let t=useContext(xe);if(!t)throw new Error("useDialog must be used inside <ThemeProvider>");return {clearAll:()=>t.clear(),show:o=>t.add({type:"dialog",props:{...o,type:De.Dialog}}),hide:o=>t.remove(o)}},Ea=Ia;var La=()=>{let t=useContext(xe);if(!t)throw new Error("useToast must be used inside <ToastProvider>");let n=(i,a)=>t.add({type:"toast",props:{...a,type:i}});return {show:(i,a,f,c)=>n("default",{title:i,message:a,icon:f,duration:c}),hide:i=>t.remove(i),success:(i,a,f,c)=>n("success",{title:i,message:a,icon:f,duration:c}),error:(i,a,f,c)=>n("error",{title:i,message:a,icon:f,duration:c}),warn:(i,a,f,c)=>n("warn",{title:i,message:a,icon:f,duration:c}),promise:(i,a,f,c)=>n("promise",{title:i,message:a,icon:f,duration:c}),clearAll:()=>t.clear()}},qt=La;var Oa=()=>{let t=useContext(xe);if(!t)throw new Error("useDialog must be used inside <ThemeProvider>");let n=()=>t.clear(),e=o=>t.remove(o),r=o=>t.add({type:"drawer",props:o});return {clearAll:n,open:o=>r({children:o}),right:o=>r({children:o,from:ne.Right}),left:o=>r({children:o,from:ne.Left}),top:o=>r({children:o,from:ne.Top}),bottom:o=>r({children:o,from:ne.Bottom}),close:e}},ka=Oa;var Ha=(t,n,e={})=>{let[r,o]=useState(null),[s,u]=useState(false),{duration:m=.25,curve:p=Z.EaseOutBack,borderRadius:i={from:40,to:24},targetWidth:a=320}=e;return useLayoutEffect(()=>{n&&t.current?(o(t.current.getBoundingClientRect()),u(true)):n||u(false);},[n,t]),{style:se({from:{opacity:0,width:r?.width,height:r?.height,borderRadius:i.from},to:{opacity:1,width:a,height:"auto",borderRadius:i.to},curve:p,duration:m,when:s&&n}).style,isMeasured:s,sourceRect:r}},Aa=Ha;var $a=()=>{let t=useContext(xe);if(!t)throw new Error("useContextMenu must be used inside <ThemeProvider>");return {showContextMenu:(r,o,s)=>{r.preventDefault(),t.openMenu({event:r,items:o,origin:s});},showMenu:(r,o,s)=>{t.openMenu({parent:r,items:o,origin:s||Ke.TopCenter});},hide:t.clear}},za=$a;var Pr=({ref:t,style:n,...e})=>{let r=useRef(null),o=useMemo(()=>t&&typeof t!="function"&&t.current?t:r,[t]),{style:s,className:u,rest:m}=N(e,o);return jsx("div",{ref:t||r,style:{...s,...n||{}},className:u,...m})};Pr.displayName="Zuz.Box";var l=Pr;var Nr=forwardRef((t,n)=>{let{title:e,message:r,...o}=t,[s,u]=useState(false);return jsxs(l,{className:"--accordion flex cols",...o,children:[jsxs(z,{onClick:m=>u(!s),className:`--toggle flex aic ${s?"--open":""}`.trim(),children:[jsx(H,{className:"--label flex",children:e}),jsx(l,{className:"--arrow flex",children:s?k.arrowUp:k.arrowDown})]}),s&&jsx(l,{className:"--detail",children:r})]})});Nr.displayName="Zuz.Accordion";var Wa=Nr;var Ga=({label:t,icon:n,onClick:e,idx:r,selected:o})=>jsx(z,{onClick:e,onMouseMove:s=>document.documentElement.style.setProperty("--tip-m",`${r}`),className:`--action ${o?"--selected":""} aic jcc rel`.trim(),children:typeof n=="string"?jsx(X,{name:n}):n}),Er=Ga;var Br=forwardRef((t,n)=>{let{items:e,name:r,selected:o,position:s,...u}=t,m=useRef(null),[p,i]=useState(o||e[0].tag||0),a=useCallback(({x:v,y:R})=>{if(m.current){let C=m.current.getBoundingClientRect();document.documentElement.style.setProperty("--tip-x",`${v-C.left}`),document.documentElement.style.setProperty("--tip-y",`${R-C.top}`),document.documentElement.style.setProperty("--tip-s","1");}},[]),f=useCallback(()=>{m.current&&(m.current.removeEventListener("pointerleave",f),m.current.removeEventListener("pointermove",a),document.documentElement.style.setProperty("--tip-s","0"));},[]),c=useCallback(()=>{m.current&&(m.current.addEventListener("pointerleave",f),m.current.addEventListener("pointermove",a));},[]);useEffect(()=>{m.current&&(document.documentElement.style.setProperty("--tip-w",e.reduce((v,R)=>R.label.length>v.length?R.label:v,"").length.toString()),document.documentElement.style.setProperty("--tip-s","0"),document.documentElement.style.setProperty("--tip-l",`${e.length}`),m.current?.addEventListener("pointerenter",c));},[]);let{className:d,style:b,rest:h}=N(u);return jsxs(l,{ref:m,style:b,className:[`--actionbar flex aic ${d}`,`${!s||s==te.Auto?"rel":`--${s}`}`].join(" ").trim(),...h,children:[e.map((v,R)=>jsx(Er,{selected:p===v.tag||o==R,...v,idx:R},`actionbar-action-${v.label.toLowerCase().replace(/\s+/g,"-")}`)),jsx(l,{className:"--tip abs",children:jsx(l,{className:"--track flex aic",children:e.map(({label:v})=>jsx(l,{className:"--lb",children:v},`tool-tip-${v.toLowerCase().replace(/\s+/g,"-")}`))})})]})});Br.displayName="Zuz.ActionBar";var Ja=Br;var Mr=forwardRef((t,n)=>{let{type:e,icon:r,title:o,message:s,iconSize:u,...m}=t,{className:p,style:i,rest:a}=N(m);return jsxs(l,{className:`--alert --${e||ie.Info} flex aic ${p}`.trim(),style:i,...a,children:[jsx(l,{className:`--icon icon-${r||"auto-matic"}`,style:u?{fontSize:u,width:u,height:u}:{},children:!r&&k[e||ie.Info]}),jsxs(l,{className:"--meta flex cols",children:[jsx(H,{className:`--title ${s?"--tm":""}`,children:o||"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}),s&&jsx(H,{className:"--message",h:2,children:s})]})]})});Mr.displayName="Zuz.Alert";var ti=Mr;var Or=({ref:t,...n})=>{let{variant:e,numeric:r,onConfirm:o,...s}=n,{style:u,className:m,rest:p}=N(s),{variant:i}=ee(true),a=f=>{r&&(f.currentTarget.value=f.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};return jsx("input",{className:`--input --${e||i} flex ${m}`.trim(),style:u,onInput:a,onKeyDown:f=>{f.key=="Enter"&&o?.(f.currentTarget.value);},ref:t,...p})};Or.displayName="Zuz.Input";var re=Or;var Dr=t=>{let{meta:n,children:e}=t,r=useDelayed(),{label:o,icon:s,...u}=isValidElement(n)?{}:n,{className:m,style:p,rest:i}=N({...u,...u.animate?{animate:{...u.animate,when:r}}:{}});return isValidElement(n)?jsx("li",{style:p,className:m,children:n}):jsxs("li",{style:p,className:m,...i,children:[e,typeof n=="string"?n:o]})};Dr.displayName="Zuz.ListItem";var Hr=Dr;var Vr=forwardRef((t,n)=>{let{items:e,variant:r,direction:o,seperator:s,ol:u,...m}=t,{className:p,style:i,rest:a}=N(m),f=u==true?"ol":"ul";return createElement(f,{className:`--list --${r||W.Small} flex ${o??"cols"} ${p}`.trim(),style:i,ref:n,...a,children:e.map((c,d,b)=>{let h=`${typeof c=="string"?`li-${String(c)}`:isValidElement(c)?`li-${c.key}`||`${d}-${MD5(c.toString())}`:c.label}-${d}`;return jsxs(Fragment,{children:[jsx(Hr,{meta:c}),s&&b[d+1]?jsx("li",{className:"--list-seperator",children:s},`spt-${d+1}-${h}`):null]},h)})})});Vr.displayName="Zuz.List";var Me=Vr;var zr=forwardRef((t,n)=>{let{fx:e,action:r,data:o,withStyle:s,onChange:u,...m}=t,{className:p}=N({as:s||""}),{style:i}=N(m),[a,f]=useState(false),[c,d]=useState(o||[]),b=useRef(null),h=useRef(null),v=useRef(null),R=useMemo(()=>m.name||uuid(12),[]),[C,g]=useState(null),[S,E]=useState(null),[P,w]=useState([]),D=useDebounce(T=>{T.target.value==""?(f(false),d([])):r&&T.target.value.trim()!=""&&withPost(r,{query:T.target.value}).then(A=>{"items"in A&&_(A.items).isArray()?(d(A.items),E(T.target.value),w(A.items)):console.error("Action Response should contain items array"),g(null);}).catch(A=>{g(null),d([]);});},250),B=()=>{if(h.current){let T=h.current.getBoundingClientRect(),A=window.innerHeight-T.bottom,$=T.top;if(v.current){let K=v.current;A<K.offsetHeight&&$>A?(K.style.top="auto",K.style.bottom=`${T.height}px`,K.style.maxHeight=`${$-150}px`):(K.style.top=`${T.height+5}px`,K.style.bottom="auto",K.style.maxHeight=`${A-150}px`);}}},_$1=T=>{if(c.length>0){if((T.key==="ArrowDown"||T.key==="ArrowUp")&&(T.preventDefault(),T.stopPropagation()),T.key==="Escape")g(null),f(false),d([]);else if(T.key==="ArrowDown")g(A=>{let $=A===null||A===c.length-1?0:A+1;return G($),$});else if(T.key==="ArrowUp")g(A=>{let $=A===null||A===0?c.length-1:A-1;return G($),$});else if(T.key==="Enter"&&C!==null){let A=c[C];b.current&&(b.current.value=A,f(false),d([]));}}},L=T=>{b.current&&(b.current.value=T,f(false),d([]));},G=T=>{let A=c[T];if(A&&b.current&&(b.current.value=A,b.current.setSelectionRange(A.length,A.length)),v.current){let K=v.current.children[T];K&&K.scrollIntoView({block:"nearest"});}},U=T=>{h.current&&!h.current.contains(T.target)&&(f(false),d([]));},V=()=>{b.current&&b.current.value===S&&(d(P),g(null),B());};return useEffect(()=>(window.addEventListener("resize",B),window.addEventListener("scroll",B,true),document.addEventListener("mousedown",U),()=>{window.removeEventListener("resize",B),window.removeEventListener("scroll",B,true),document.removeEventListener("mousedown",U);}),[]),useEffect(()=>{B();},[c]),jsxs(l,{style:i,ref:h,className:`--autocomplete --${t.size||W.Small} flex aic rel ${p}`.trim(),children:[jsx(re,{ref:b,autoComplete:"off",onChange:D,onKeyDown:_$1,onFocus:V,...m}),jsx(l,{className:"--arrow rel flex aic jcc",children:c.length>0?k.arrowUp:k.arrowDown}),c.length>0&&jsx(Me,{id:R,ref:v,className:"--suggestion-list flex cols abs",items:c.map((T,A)=>({label:T,onClick:$=>{$.preventDefault(),$.stopPropagation(),L(T);},className:C===A?"--current":"",animate:{transition:q.SlideInBottom,curve:Z.EaseInOut,delay:clamp(.02*A,.02,.5)}}))})]})});zr.displayName="Zuz.AutoComplete";var bi=zr;var _r=forwardRef((t,n)=>{let e=useRef(null),r=useMemo(()=>n&&typeof n!="function"&&n.current?n:e,[n]),{style:o,className:s,rest:u}=N(t,r);return !u.src||u.src==""?null:jsx("img",{ref:r,style:o,className:`${s} flex`,...u})});_r.displayName="Zuz.Image";var Qe=_r;var Fr=forwardRef((t,n)=>{let{src:e,variant:r,type:o,crossOrigin:s,referrerPolicy:u,fx:m,as:p,alt:i,color:a,style:f,...c}=t,[d,b,h]=useImage(e??"",s,u),{className:v,style:R,rest:C}=N({fx:m,as:p});return useEffect(()=>{if(o==Bt.Square&&!document.getElementById("squareRadiusClipPath")){let g="http://www.w3.org/2000/svg",S=document.createElementNS(g,"svg");S.setAttribute("width","0"),S.setAttribute("height","0");let E=document.createElementNS(g,"defs"),P=document.createElementNS(g,"clipPath");P.setAttribute("id","squareRadiusClipPath"),P.setAttribute("clipPathUnits","objectBoundingBox");let w=document.createElementNS(g,"path");w.setAttribute("d","M0.986 0.347C0.951 0.11 0.777 -0.002 0.5 0C0.223 -0.002 0.049 0.11 0.014 0.347C0.005 0.404 0 0.452 0 0.5C0 0.548 0.005 0.596 0.014 0.653C0.049 0.89 0.223 1.002 0.5 1C0.777 1.002 0.951 0.89 0.986 0.653C0.995 0.596 1 0.548 1 0.5C1 0.452 0.995 0.404 0.986 0.347Z"),P.appendChild(w),E.appendChild(P),S.appendChild(E),document.body.appendChild(S);}},[e]),jsx(l,{className:`--avatar --${r||W.Small} --${(o||Bt.Circle).toLowerCase()} rel flex aic jcc ${v}`.trim(),style:{background:a||"var(--primary)",...f,...R},...C,children:e?jsx(Qe,{src:d,crossOrigin:s,referrerPolicy:u,...c}):jsx(H,{className:"--avatar-label",children:(i?i.charAt(0):"A").toUpperCase()})})});Fr.displayName="Zuz.Avatar";var Ii=Fr;var Ei=({size:t=6,type:n="idle",label:e="",loading:r=false,...o})=>{let{style:s,className:u,rest:m}=N(o);return jsxs(l,{style:{width:`${t+4}px`,height:`${t+4}px`,...s},as:`--badge rel flex aic jcc ${u}`.trim(),children:[jsx(l,{fx:{transition:q.FadeIn,curve:Z.Liquid,duration:.5,when:r},as:"abs abc",children:jsx(ge,{})}),jsx(l,{style:{width:`${t}px`,height:`${t}px`},as:`--dot --${n}`})]})},Bi=Ei;var Ki=[{label:"Today",getDate:()=>new Date,getDateFormat:()=>format(new Date,"EEE")},{label:"Later",getDate:()=>new Date,getDateFormat:()=>format(addHours(new Date,2),"hh:mm a")},{label:"Tomorrow",getDate:()=>addDays(new Date,1),getDateFormat:()=>format(addDays(new Date,1),"EEE")},{label:"This weekend",getDate:()=>{let t=new Date,n=t.getDay();return addDays(t,(6-n)%7||6)},getDateFormat:()=>{let t=new Date,n=t.getDay();return format(addDays(t,(6-n)%7||6),"EEE, MMM d")}},{label:"Next week",getDateFormat:()=>format(addWeeks(new Date,1),"EEE, MMM d"),getDate:()=>addWeeks(new Date,1)},{label:"Next weekend",getDateFormat:()=>format(addWeeks(new Date,1),"d MMM"),getDate:()=>addWeeks(new Date,1)},{label:"2 weeks",getDateFormat:()=>format(addWeeks(new Date,2),"d MMM"),getDate:()=>addWeeks(new Date,2)},{label:"4 weeks",getDateFormat:()=>format(addWeeks(new Date,4),"d MMM"),getDate:()=>addWeeks(new Date,4)}],Ui=t=>{let n=new Set;return t.filter(e=>{if(e.label=="Later")return true;let r=e.getDate().toISOString().split("T")[0];return n.has(r)?false:(n.add(r),true)})},Zr=forwardRef((t,n)=>{let{defaultValue:e,variant:r,onChange:o,...s}=t,{style:u,className:m,rest:p}=N(s),[i,a]=useState(e||new Date),f=startOfMonth(i),c=endOfMonth(i),d=startOfWeek(f),b=endOfWeek(c),h=useMemo(()=>eachDayOfInterval({start:d,end:b}),[d,b]),v=g=>{o?.(g),a(g);},R=()=>{a(g=>new Date(g.getFullYear(),g.getMonth()-1));},C=()=>{a(g=>new Date(g.getFullYear(),g.getMonth()+1));};return jsxs(l,{as:`--calendar flex --${r||"sm"} ${m}`,style:u,children:[jsx(l,{as:"--calendar-quick-select flex cols flex:1",children:Ui(Ki).map(g=>{let S=g.getDate();return jsxs(z,{onClick:()=>v(S),as:["--calendar-quick-option flex aic gap:5"],children:[jsx(H,{as:"flex:1",children:g.label}),jsx(H,{as:"tar",children:g.getDateFormat()})]},`--dtp-option-label-${g.label}`)})}),jsxs(l,{as:"--calendar-selector flex cols flex:1",children:[jsxs(l,{as:"--calendar-head flex aic jcc gap:4",children:[jsx(H,{as:"flex:1 --calendar-cm bold",children:format(i,"MMMM yyyy")}),jsx(z,{onClick:R,as:"--calendar-chevron",children:k.chevronUpOutline}),jsx(z,{onClick:C,as:"--calendar-chevron",children:k.chevronDownOutline})]}),jsxs(l,{as:"--calendar-days gap:4",children:[["Su","Mo","Tu","We","Th","Fr","Sa"].map(g=>jsx(H,{as:"--calendar-day",children:g},`--calendar-hd-${g}`)),h.map((g,S)=>{let E=isSameMonth(g,i),P=isSameDay(g,i),w=isToday(g);return jsx(z,{disabled:!E,onClick:()=>v(g),as:["--calendar-day --calendar-dd",`${P?"--calendar-dd-selected":""}`,`${w?"--calendar-dd-current":""}`],children:format(g,"d")},`--calendar-day-${S}-${g.getFullYear()}-${g.getMonth()}-${g.getDay()}`)})]})]})]})});Zr.displayName="Zuz.Calendar";var oo=Zr;var Kr=(n=>(n.Line="line",n))(Kr||{});var Gr=forwardRef((t,n)=>{let{data:e,width:r,height:o,lineColor:s,strokeWidth:u=2,gradientStartColor:m,gradientEndColor:p,animated:i,animDuration:a=2,animDelay:f=0,padding:c=0,type:d,...b}=t,{className:h,style:v,rest:R}=N(b),C=useRef(null),g=useResizeObserver(C.current?.parentElement||C),S=typeof r=="number"?r:g.width,E=typeof o=="number"?o:g.height,P={width:S,height:E},w=useId(),{pathD:I,areaPathD:D}=useLineChart(e,P,c+(u||2)),B=useRef(null),_=useRef(null),[L,G]=useState(0),[U,V]=useState(0);return useEffect(()=>{i&&(B.current&&G(B.current.getTotalLength()),_.current&&V(_.current.getTotalLength()));},[i,I,D,S,E]),jsx(l,{ref:C,as:`--chart --${d||"line"}-chart ${h}`.trim(),style:{...v,width:r,height:o},...R,children:S>0&&E>0&&jsxs("svg",{viewBox:`0 0 ${S} ${E}`,preserveAspectRatio:"xMidYMid meet",children:[jsx("defs",{children:jsxs("linearGradient",{id:w,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[jsx("stop",{offset:"0%",stopColor:m}),jsx("stop",{offset:"100%",stopColor:p})]})}),jsx("path",{ref:_,d:D,fill:`url(#${w})`,stroke:"none",style:i?{strokeDasharray:U,strokeDashoffset:U}:{},children:i&&jsx("animate",{attributeName:"stroke-dashoffset",from:U,to:"0",dur:`${a||2}s`,begin:`${f||0}s`,fill:"freeze"})}),jsx("path",{ref:B,d:I,fill:"none",stroke:s,strokeWidth:u,strokeLinecap:"round",strokeLinejoin:"round",style:i?{strokeDasharray:L,strokeDashoffset:L}:{},children:i&&jsx("animate",{attributeName:"stroke-dashoffset",from:L,to:"0",dur:`${a||2}s`,begin:`${f||0}s`,fill:"freeze"})})]})})});Gr.displayName="Zuz.Chart";var Qi=Gr;var qr=(o=>(o[o.Sending=0]="Sending",o[o.Sent=1]="Sent",o[o.Delivered=2]="Delivered",o[o.Read=3]="Read",o))(qr||{}),Xr=(i=>(i.Image="img",i.Video="vid",i.Audio="audio",i.Link="link",i.Document="doc",i.Location="loc",i.Contact="contact",i.Event="event",i.Poll="poll",i))(Xr||{});var Qr=forwardRef((t,n)=>{let{progress:e,type:r,animated:o,...s}=t,u=useRef(null);useImperativeHandle(n,()=>({setProgress:a=>{u.current.style.width=`${a*100}%`;}}),[]),useEffect(()=>{e&&u.current&&(o?setTimeout(()=>u.current.style.width=`${e*100}%`,500):u.current.style.width=`${e*100}%`);},[e,u.current]);let{className:m,style:p,rest:i}=N(s);return jsx(l,{className:`--progress ${o?"--animated":""} flex rel ${m}`.trim(),style:p,...i,children:jsx(l,{ref:u,className:"--bar rel"})})});Qr.displayName="Zuz.ProgressBar";var no=Qr;var Jr=forwardRef((t,n)=>{let{text:e,media:r,side:o="me",status:s=1,timeStamp:u=Date.now(),arrow:m=true,...p}=t,{className:i,style:a,rest:f}=N(p);return jsx(l,{className:`--bubble-wrapper flex --bw-${o}`.trim(),children:jsxs(l,{className:`--bubble --bubble-${o} ${r?`--with-media --bma-${r.type}`:""} rel flex cols ${m==true?"--b-arrow":""} ${i}`.trim(),style:{...a},...f,children:[e&&jsx(H,{className:"--bubble-text",children:e}),r?r.type=="audio"?jsxs(l,{as:"flex aic --bubble-audio",children:[jsx(Q,{className:"--bm-action",children:k.play}),jsx(no,{progress:.7}),jsx(H,{className:"--bm-dur",children:r.duration??"00:13"})]}):r.type=="img"?jsx(l,{as:"--bubble-image",children:jsx(Qe,{src:r.source})}):null:null,jsxs(l,{as:"flex aie jce --bubble-stats",children:[jsx(H,{className:"--bubble-stamp tar",children:timeSince(u)}),o=="me"&&jsx(Q,{className:`--bubble-status --bs-${s}`,children:s==0?k.pending:s==1?k.done:s==2?k.doneAll:k.doneAll})]})]})})});Jr.displayName="Zuz.Bubble";var nl=Jr;var jr=forwardRef((t,n)=>{let{style:e,className:r,rest:o}=N(t);return jsx("label",{ref:n,style:e,className:r,...o})});jr.displayName="Zuz.Label";var je=jr;var en=forwardRef((t,n)=>{let{name:e,required:r,type:o,value:s,size:u,variant:m,checked:p,onSwitch:i,...a}=t,[f,c]=useState(p||false),d=useRef(null),{variant:b}=ee(true);return useImperativeHandle(n,()=>({setChecked(h,v=true){c(h),d.current&&(d.current.checked=h),v&&i&&i(h,s||"cb");},toggle(h=true){d.current&&(d.current.checked=!f),h&&i&&i&&i(!f,s||"cb"),c(!f);}})),jsxs(je,{className:`--${(o||ve.Default).toLowerCase()} ${!o||o==ve.Default?"--checkbox":"--switch"} --${m||b||W.Small} flex aic jcc ${f?"is-checked":""} rel`.trim(),...a,children:[(!o||o==ve.Default)&&k.check,jsx(re,{ref:d,defaultChecked:f,value:s||"cb",type:"checkbox",className:"abs",name:e,required:r||false,onChange:h=>{i&&i(h.target.checked,s||"cb"),c(h.target.checked);}})]})});en.displayName="Zuz.CheckBox";var et=en;var dl=({ref:t,...n})=>{let{code:e,lang:r="tsx",showLines:o=false,highlight:s="",as:u,fx:m,...p}=n,i=useRef(null),{className:a,style:f,rest:c}=N({as:`rel p:20 br:8 bg:shade-1 overflow:auto font:mono ${u}`,fx:m},i),d=useMemo(()=>{let h=new Set;return s.split(",").forEach(v=>{if(v.includes("-")){let[R,C]=v.split("-").map(Number);for(let g=R;g<=C;g++)h.add(g);}else v&&h.add(Number(v));}),h},[s]),b=useMemo(()=>{let h=e.split(`
|
|
9
|
-
`);for(;
|
|
10
|
-
${
|
|
11
|
-
<span class="--line-content">${
|
|
12
|
-
</div>`}).join("")},[e,d]);return jsx(l,{as:`--code-block ${a}`,style:f,...p,children:jsx("pre",{ref:t,children:jsx("code",{className:`--code --lang-${r}`,dangerouslySetInnerHTML:{__html:b}})})})},gl=dl;var on=({onSelect:t,meta:n,selected:e})=>{let r=useRef(null),{index:o,icon:s,label:u}=n,[m,p]=useState({x:0,width:0}),i=useDelayed();return useLayoutEffect(()=>{if(i&&r.current){let{width:a,x:f}=r.current.getBoundingClientRect();p({x:f,width:a}),e&&t(o,a,f,n,true);}},[i,r.current]),useEffect(()=>{e&&t(o,m.width,m.x,n,false);},[e]),jsxs(z,{onClick:()=>t(o,m.width,m.x,n,false),ref:r,className:`--segment-item flex aic rel ${e?"--segment-active":""}`.trim(),children:[s?typeof s=="string"?jsx(X,{name:s,as:"--segment-icon"}):jsx(l,{as:"--segment-icon flex aic jcc",children:s}):null,u&&String(u).trim()!=""&&jsx(l,{className:"--segment-label",children:u||`Item ${o}`})]})};on.displayName="SelectTabItem";var rn=on;var sn=forwardRef((t,n)=>{let{fx:e,items:r,selected:o,variant:s,onSwitch:u,...m}=t,[p,i]=useState(o||0),a=useRef(false),f=useRef(p),{className:c,style:d,rest:b}=N(m),h=useRef(null),v=useRef(null),R=(C,g,S,E,P)=>{if((P||p!=C&&p!=-2)&&(i(C),f.current=p,a.current&&u?.(E)),h.current){let w=v.current?.getBoundingClientRect();h.current.style.setProperty("--w",`${g}px`),h.current.style.setProperty("--x",`${w?S-w.left:S}px`);}};return useImperativeHandle(n,()=>({setSelected:C=>{typeof C=="number"&&C!=p&&i(C);}}),[p]),useEffect(()=>{a.current=true;},[]),jsxs(l,{ref:v,"data-selected":p,className:`${c} --segmented --${s||W.Small} flex aic rel`,style:d,...b,children:[jsx(l,{ref:h,className:"--segment-tab abs"}),r.map((C,g)=>jsx(rn,{onSelect:R,selected:p==g,meta:{...C,index:g}},`segment-${C.label}-${g}`))]})});sn.displayName="Zuz.SelectTabs";var tt=sn;var mn=forwardRef((t,n)=>{let{type:e,...r}=t,o=useDelayed(),{colorScheme:s,setColorScheme:u}=Vt(),m=useCallback(()=>{u(s=="dark"?"light":s=="light"?"system":"dark");},[s]),{className:p,style:i}=N(r),a=useMemo(()=>e=="system"?[{tag:"light",index:0,label:"",icon:k.colorSchemeLight},{tag:"system",index:1,label:"",icon:k.colorSchemeSystem},{tag:"dark",index:2,label:"",icon:k.colorSchemeDark}]:[{tag:"light",index:0,label:"",icon:k.colorSchemeLight},{tag:"dark",index:2,label:"",icon:k.colorSchemeDark}],[]),f=useMemo(()=>["light","system","dark"].indexOf(s),[s]);return !o||f==-1?null:e=="system"||e=="switch"?jsx(tt,{className:`--color-scheme --${e}`,onSwitch:({tag:c})=>{u(c);},selected:f,items:a,...r}):jsx(z,{onClick:m,style:i,as:`--color-scheme-switch --${r.variant||W.Small} ${p}`.trim(),children:s=="system"?k.colorSchemeSystem:s=="light"?k.colorSchemeLight:k.colorSchemeDark})});mn.displayName="Zuz.ColorScheme";var Bl=mn;var pn=forwardRef((t,n)=>{let[e,r]=useState("wait"),{title:o,message:s,acceptLabel:u,rejectLabel:m,position:p}=t,i=async a=>{r(a==1?"accepted":"rejected"),localStorage.setItem("--ccnt",String(a));};return useEffect(()=>{let a=localStorage.getItem("--ccnt");r(a?a=="1"?"accepted":"rejected":"pending");},[]),jsxs(l,{fx:{from:{x:-1e3},to:{x:0},when:e=="pending",curve:Z.EaseInOut,duration:.5,delay:e=="accepted"?0:3},as:`--cookie-consent --${e} --${p||te.Left} flex cols`,children:[jsx(H,{as:"--title",children:o||"This site uses cookies"}),jsx(H,{as:"--message",children:s||"We and selected third parties use cookies (or similar technologies) for technical purposes, to enhance and analyze site usage, to support our marketing efforts"}),jsxs(l,{as:"--footer flex aic",children:[jsx(z,{onClick:a=>i(1),as:"--accept",children:u||"Accept All"}),jsx(z,{onClick:a=>i(0),as:"--reject",children:m||"Cancel"})]})]})});pn.displayName="Zuz.CookiesConsent";var kl=pn;var dn=forwardRef((t,n)=>{let {type:e,value:r,min:o,max:s,step:u,onChange:m,roundValue:p,...i}=t,{className:a,style:f,rest:c}=N(i),d=useRef(u||.01).current,b=useRef(o||0).current,h=useRef(s||1).current,v=useRef(r||0).current,R=useRef(null),C=useRef(null),g=useRef(null);useRef(null);let E=useRef(null),P=useRef(null),w=($,K,O)=>($-K)/(O-K)*100,I=$=>{if(C.current){let K=parseFloat($.currentTarget.value),O=w(K,parseFloat($.currentTarget.min),parseFloat($.currentTarget.max));C.current.style.setProperty("--value",`${O}`),C.current.setAttribute("data-value",`${K}`),m&&m(p?+K.toFixed(2):K);}},[D,B]=useState(false),[_,L]=useState(0),[G,U]=useState(0),V=$=>{B(true),L($.clientX),U(C.current?parseFloat(C.current.getAttribute("data-value")):0),document.body.style.cursor="ew-resize";},T=$=>{if(D){let K=$.clientX-_,O=Math.max(b,Math.min(G+K*d,h));C.current&&(C.current.setAttribute("data-value",`${O}`),P.current.textContent=p?O.toFixed(2):O.toString(),m&&m(p?+O.toFixed(2):O));}},A=()=>{B(false),document.body.style.cursor="auto";};return useEffect(()=>{C.current&&C.current.style.setProperty("--value",R.current?`${w(parseFloat(R.current.value),parseFloat(R.current.min),parseFloat(R.current.max))}`:v.toString());},[]),useEffect(()=>(D?(document.addEventListener("mousemove",T),document.addEventListener("mouseup",A)):(document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",A)),()=>{document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",A);}),[D]),jsx(l,{ref:C,"data-value":v||0,className:`--slider --${e||ut.Default} flex rel ${a}`.trim(),style:{...f},children:ut.Text===e?jsx(Fragment$1,{children:jsx(H,{ref:P,onMouseDown:V,className:"--slider-text",children:v||0})}):jsxs(Fragment$1,{children:[jsx(l,{ref:E,className:"--slider-track abs fill"}),jsx(l,{ref:g,className:"--slider-knob abs"}),jsx(re,{ref:R,onInput:I,className:"abs fill",tabIndex:0,type:e||ut.Default,defaultValue:v||0,step:d,max:h,min:b})]})})});dn.displayName="Zuz.Slider";var mo=dn;var hn=forwardRef((t,n)=>{let{src:e,shape:r,size:o,...s}=t,{style:u,className:m,rest:p}=N(s),{canvasRef:i,crop:a,setScale:f,handleMouseDown:c,handleMouseUp:d,handleMouseMove:b}=useImageCropper(e,o||200,r||CropShape.Circle);return useImperativeHandle(n,()=>({getCropped(){return a()},setScale(h){f(h);}})),jsxs(l,{as:`--cropper --${r||CropShape.Circle} ${m}`,style:u,...p,children:[jsx("canvas",{ref:i,width:o||200,height:o||200,onMouseDown:c,onMouseUp:d,onMouseLeave:d,onMouseMove:b}),jsx(l,{as:"--cropper-slider",children:jsx(mo,{onChange:h=>f(h),min:0,max:1,step:.01,value:1})})]})});hn.displayName="Zuz.Cropper";var zl=hn;var Fl=(e=>(e.Circle="circle",e.Square="square",e))(Fl||{});var yn=forwardRef((t,n)=>{let{items:e,maxItems:r}=t,o=useMemo(()=>{let m=typeof e=="string",p=m?[]:e;return m&&e.split(",").forEach(i=>{p.push({label:i});}),p},[e]),u=useMemo(()=>r&&r>0&&o.length>r-1,[o,r])?[...o.slice(0,2),{ID:".",label:"...",icon:"ellipsis",action:()=>{}},...o.slice(-r)]:o;return jsx(Me,{ref:n,className:"--crumb flex aic",direction:"rows",seperator:jsx(l,{as:"--crumb-chevron",children:k.chevronRightOutline}),items:u.map((m,p,i)=>m.ID=="."?jsx(l,{as:"flex aic gap:3",children:Array(3).fill(null).map(()=>jsx(l,{as:"w:4 h:4 bg:$text r:10"},`--crumb-placeholder-${p}`))}):jsxs(z,{onClick:()=>m.action?.(),className:"--crumb-item",disabled:!i[p+1],children:[m.icon&&jsx(X,{as:"--crumb-icon",name:m.icon}),jsx(H,{as:"--crumb-label",children:m.label})]},`${m.label.replace(/\s+/g,"-").toLowerCase()}-${p}`))})});yn.displayName="Zuz.Crumb";var Kl=yn;var wn=forwardRef((t,n)=>{let{icon:e,defaultValue:r,value:o,size:s,variant:u,numeric:m,type:p,onConfirm:i,...a}=t,[f,c]=useState(false),[d,b]=useState(r||null),{style:h,className:v,rest:R}=N(a),C=useRef(null),g=useRef(null),{reposition:S}=We(g,{direction:te.Bottom,offset:2}),E=w=>{m&&(w.currentTarget.value=w.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};useEffect(()=>{let w=I=>{let D=I.target,B=C.current?.contains(D),_=g.current?.contains(D);!B&&!_&&c(false);};return f&&document.addEventListener("mousedown",w),()=>{document.removeEventListener("mousedown",w);}},[f]),useEffect(()=>{let w=I=>{I.key==="Escape"&&f&&(c(false),C.current?.focus());};return document.addEventListener("keydown",w),()=>document.removeEventListener("keydown",w)},[f]);let P=()=>{c(true);};return useEffect(()=>{f&&S();},[f,S]),jsx(Fragment$1,{children:jsxs(l,{as:`--date-picker ${u?`--${u}`:""} rel flex aic ${v}`,"data-value":d?d.toISOString():"",children:[e?typeof e=="string"?jsx(X,{as:"mr:10 c:#666",name:e}):e:jsx(Q,{as:"--date-picker-icon flex aic jcc",children:k.calendar}),jsx("input",{ref:C,value:d?format(d,"EEE, MMM d YYY hh:mm a"):o||"",className:`--input ${u?`--${u}`:""} flex`.trim(),style:h,onFocus:P,onInput:E,autoComplete:"new-password",onKeyDown:w=>{w.key=="Enter"&&i?.(w.currentTarget.value);},...R}),jsx(l,{"aria-hidden":!f,ref:g,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:f,duration:.05},as:`--date-picker-chooser flex aic ${u?`--${u}`:""}`,children:jsx(oo,{defaultValue:d,onChange:w=>{b(w),c(false);}})})]})})});wn.displayName="Zuz.DatePicker";var ql=wn;var Sn=forwardRef((t,n)=>{let{icon:e,variant:r,position:o}=t;return jsx(z,{className:`--fab fixed --${r||W.Large} --${o||"bottomright"}`,children:e||k.plus})});Sn.displayName="Zuz.Fab";var Jl=Sn;var Cn=t=>{let{names:n,strength:e}=t,r={[ft.Gooey]:o=>jsxs("filter",{id:"gooey",children:[jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:o||10,result:"blur"}),jsx("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7",result:"goo"}),jsx("feBlend",{in:"SourceGraphic",in2:"goo"})]},`filter-${ft.Gooey}`)};return useEffect(()=>{},[n]),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:jsx("defs",{children:(n||[ft.Gooey]).map(o=>r[o](e))})})};Cn.displayName="Zuz.Filters";var tm=Cn;var Re=null,ae=null,Pn=forwardRef((t,n)=>{let{title:e,message:r,transition:o,curve:s,speed:u,type:m,actionPosition:p,spinner:i,loadingMessage:a,onShow:f,onHide:c,...d}=t,{className:b,style:h,rest:v}=N(d),[R,C]=useState(e||""),[g,S]=useState(r||""),[E,P]=useState(null),[w,I]=useState(m||le.Default),D=useMemo(()=>uuid(12),[]),[B,_]=useState(false),L=useRef(null),G=useRef(null),[U,V]=useState(false),[T,A]=useState(true),$=useRef(null),K=g;useImperativeHandle(n,()=>({setLoading(F){V(F);},showDialog(F,Y,oe,j){Re&&(clearTimeout(Re),ae&&clearTimeout(ae),L.current.classList.remove("--wobble"),setTimeout(()=>L.current.classList.add("--wobble"),50),ae=setTimeout(()=>{L.current.classList.remove("--wobble"),ae=null;},500)),I(le.Dialog),Y&&S(Y),F&&C(F),oe&&P(oe.reduce((ce,de)=>(ce.push({...de,key:de.key||uuid(12)}),ce),[])),_(true),setTimeout(()=>j?j():()=>{},1e3);},dialog(F,Y,oe,j){Re&&(clearTimeout(Re),ae&&clearTimeout(ae),L.current.classList.remove("--wobble"),setTimeout(()=>L.current.classList.add("--wobble"),50),ae=setTimeout(()=>{L.current.classList.remove("--wobble"),ae=null;},500)),I(le.Dialog),S(Y),C(F),oe&&P(oe.reduce((ce,de)=>(ce.push({...de,key:de.key||uuid(12)}),ce),[])),_(true),setTimeout(()=>j?j():()=>{},1e3);},error(F,Y){this.show(F,Y,le.Error);},warn(F,Y){this.show(F,Y,le.Warn);},success(F,Y){this.show(F,Y,le.Success);},show(F,Y,oe){Re&&(clearTimeout(Re),ae&&clearTimeout(ae),G.current=L.current.style.transform,L.current.style.transform="",L.current.classList.remove("--wobble"),setTimeout(()=>{L.current.classList.add("--wobble"),L.current.style.transform=`${G.current} scale(.9)`.trim();},50),ae=setTimeout(()=>{L.current.classList.remove("--wobble"),L.current.style.transform=G.current||"",ae=null;},500)),Re=setTimeout(()=>{_(false),Re=null,ae=null;},(Y||4)*1e3),I(oe||le.Default),S(F),_(true),f?.();},hide(){_(false),c?.();}}));let O=useMemo(()=>{let F={when:B,duration:u||.3,delay:.1};if(w==le.Dialog){if(o){let{from:Y,to:oe}=Ue(o,20);return {from:Y,to:oe,curve:s||Z.EaseInOut,...F}}return {from:{scale:0,x:"-50%",y:"-50%",opacity:0},to:{scale:1,x:"-50%",y:"-50%",opacity:1},curve:Z.Spring,...F}}else return {from:{scale:0,x:"-50%",y:"-10vh",opacity:0},to:{scale:1,x:"-50%",y:0,opacity:1},curve:Z.Spring,...F}},[B,w]);return useEffect(()=>{$.current&&clearTimeout($.current),B?A(true):$.current=setTimeout(()=>A(false),1e3);},[B]),w==le.Dialog?jsxs(Fragment$1,{children:[jsx(Ee,{when:B}),jsxs(l,{className:`--sheet --sheet-${w.toLowerCase()} ${B?"is-visible":""} ${b} fixed`.trim(),style:h,fx:O,...v,ref:L,children:[jsx(Be,{when:U,spinner:i,message:a}),jsxs(l,{className:"--head flex aic rel",children:[jsx(l,{className:`--${R?"title":"dot"} flex aic rel`,children:R||""}),jsx(z,{onClick:F=>_(false),className:"--closer abs",children:"\xD7"})]}),jsx(l,{className:`--body flex aic rel ${E?"":"--no-action"}`.trim(),children:T?K:null}),E&&jsx(l,{className:`--footer flex aic rel ${p?p==Mt.Center?"jcc":"":"jce"}`.trim(),children:E.map((F,Y)=>jsx(z,{onClick:oe=>F.handler?F.handler():F.onClick?F.onClick():console.log("onClick Handler missing"),className:"--action",children:F.label},`sheet-${D}-action-${F.key}`))})]})]}):jsx(l,{className:`--sheet --sheet-${w.toLowerCase()} ${b} abs`.trim(),style:h,...v,fx:O,ref:L,children:B?g:null})}),rt=t=>typeof t=="object"&&t!=null&&"setLoading"in t&&"success"in t&&"error"in t;Pn.displayName="Zuz.Sheet";var am=Pn;var Rn=forwardRef((t,n)=>{let{name:e,cover:r,spinner:o,errors:s,action:u,children:m,withData:p,beforeSubmit:i,onSubmit:a,onError:f,onSuccess:c,resetOnSuccess:d,...b}=t,{className:h,style:v,rest:R}=N(b),[C,g]=useState(false),S=useRef(null),E=useRef(null),P=useRef(null),w=qt(),I=useCallback(T=>S.current?S.current.querySelectorAll(T):[],[S.current]),D=T=>({name:T.name||T.getAttribute("name")||T.getAttribute("data-name"),required:T.required?true:T.getAttribute("data-required")?T.getAttribute("data-required")=="true":false,with:T.with||T.getAttribute("with")}),B=T=>{let A=[];return T.querySelectorAll(".--input").forEach($=>{A.push($.value);}),A.join("")},_$1=useCallback(T=>{let{required:$}=D(T);if($){if(T.type=="checkbox"&&T.checked==false)return false;if(T.classList.contains("--otp")){let O=B(T);if(O==""||O.length<parseInt(T.getAttribute("data-size")))return false}if(T.classList.contains("--select")&&T.querySelector("button.--selected").dataset.value=="-1"||T.value=="")return false}if(T.getAttribute("with")){let O=T.getAttribute("with");switch(O.includes("@")&&(O=O.split("@")[0],O=="match"&&(O=we.MatchField)),O.toUpperCase()){case we.IPV4:return _(T.value).isIPv4();case we.IPV6:return _(T.value).isIPv6();case we.Email:return _(T.value).isEmail();case we.Uri:try{return new URL(T.value),!0}catch{return false}case we.Password:return console.log("Add FORMVALIDATION.Password"),false;case we.MatchField:let[F,Y,oe]=T.getAttribute("with").split("@"),j=document.querySelector(`[name=${Y.trim()}]`);if(!j)return false;switch(oe||"direct-match"){case "if-not-empty":if(j&&!_(j.value).isEmpty()&&j.value!=T.value)return false;break;case "direct-match":if(j&&j.classList.contains("--otp")&&T.classList.contains("--otp")&&B(j)!=B(T))return false;if(j&&j.value!=T.value)return false;break}break;default:return true}}return true},[S.current]),L=useCallback(()=>{let T={},A={},$=null,K=null;if(Array.from(I("[name]")).forEach(O=>{let{name:F,required:Y,with:oe}=D(O),j=true;(Y||oe)&&(j=_$1(O)),T[F]={valid:j,value:O.type=="checkbox"?O.checked==true?O.value:false:O.classList.contains("--otp")?B(O):O.classList.contains("--select")?O.querySelector("button.--selected").dataset.value:O.value},A[F]=O.type=="checkbox"?O.checked==true:O.classList.contains("--otp")?B(O):O.classList.contains("--select")?O.querySelector("button.--selected").dataset.value:O.value,j?O.classList.remove("input-with-error"):($==null&&s&&($=O,K=s[F]),O.classList.add("input-with-error"));}),$){let O=$;if(O.classList.contains("--otp"))for(let F of Array.from(O.querySelectorAll(".--input"))){let Y=F;if(Y.value==""){Y.focus();break}}else O.focus();}return {error:$!=null,errorMsg:K||"Fix errors to continue...",data:T,payload:A}},[S.current]),G=useCallback(()=>{let{error:T,errorMsg:A,payload:$}=L();T?w.error(A):u?startTransition(async()=>{i&&i($),rt(r)?r.setLoading(true):g(true),w.clearAll(),withPost(u,{...$,...p||{}}).then(K=>{let O=K;rt(r)?r.setLoading(false):g(false),d&&Array.from(I("[name]")).forEach(F=>{F instanceof HTMLInputElement&&(F.value="");}),c?c(O):(w.clearAll(),w.success(O.message||"Redirecting..."));}).catch(K=>{rt(r)?r.setLoading(false):g(false),f?f(K):w.error(K.message||"We cannot process your request at this time.");});}):a&&a($);},[u,E.current,S.current]),U=useCallback(()=>{let T=I("[type=submit]");!T||T.length==0?console.warn("You should add at least 1 button with type=`SUBMIT`"):T.forEach(A=>{A.addEventListener("click",G);});},[S.current]),V=useMemo(()=>addPropsToChildren(m,T=>T.props.type=="submit",T=>({ref:P})),[m]);return useImperativeHandle(n,()=>({setLoading(T){if(T){E.current.hide();try{w.clearAll();}catch{}}g(T);},showError(T){typeof T=="string"?w.error(T):E.current.error(T,4);},hideError(){E.current.hide();try{w.clearAll();}catch{}},init(){U();},submit(){G();}})),useEffect(U,[]),jsxs(l,{ref:S,style:v,className:`--form flex rel ${h} ${e?`--form-${e.replace(/\s+/g,"-")}`:""}`,propsToRemove:["withData","action","onSubmit","onSuccess","onError"],children:[!rt(r)&&jsx(Be,{message:r?r.message||void 0:"working",spinner:o,color:r&&"color"in r?r.color:"#ffffff",when:C}),V]})});Rn.displayName="Zuz.Form";var hm=Rn;var Nn=forwardRef((t,n)=>{let {children:e,fx:r,fxDelay:o,fxStep:s,classToIgnore:u,...m}=t,p=ee(true),i=useDelayed(),a=r||p?.group?.fx,f=o||p?.group?.fxDelay,c=s||p?.group?.fxStep;u||p?.group?.classToIgnore;let b=useMemo(()=>a?addPropsToChildren(e,h=>{if(h.type===Fragment)return false;let v=h.props||{},R="fx"in v,C=v.as?Array.isArray(v.as)?v.as.join(" "):v.as:v.className||"",g=typeof C=="string"&&C.includes(u||"--ignore");return !R&&!g},h=>({fx:{...a,delay:(f||0)+h*(c||.1),when:i}})):e,[e,i,a]);return jsx(l,{className:"--group",ref:n,...m,children:b})});Nn.displayName="Zuz.Group";var Tm=Nn;var In=t=>typeof t=="string"&&t.includes("+"),En={command:"\u2318",shift:"\u21E7",ctrl:"\u2303",option:"\u2325",enter:"\u21B5",delete:"\u232B",escape:"\u238B",tab:"\u21E5",capslock:"\u21EA",up:"\u2191",right:"\u2192",down:"\u2193",left:"\u2190",pageup:"\u21DE",pagedown:"\u21DF",home:"\u2196",end:"\u2198",help:"?",space:"\u2423",fn:"Fn",win:"\u2318",alt:"\u2325"},Bn={command:"Command",shift:"Shift",ctrl:"Control",option:"Option",enter:"Enter",delete:"Delete",escape:"Escape",tab:"Tab",capslock:"Caps Lock",up:"Up",right:"Right",down:"Down",left:"Left",pageup:"Page Up",pagedown:"Page Down",home:"Home",end:"End",help:"Help",space:"Space",fn:"Fn",win:"Win",alt:"Alt"};var Mn=forwardRef(({children:t,keys:n,variant:e},r)=>{let o=useMemo(()=>{if(In(n)){let s=null;return {keys:String(n).split("+").reduce((m,p,i,a)=>(a[i+1]?m.push(p):s=p.toUpperCase(),m),[]),children:s}}return {keys:n,children:String(t).toUpperCase()}},[n]);return jsxs(l,{as:`--keyboard-keys --${e||W.Small} flex aic`,children:[(Array.isArray(o.keys)?o.keys:[o.keys]).map(s=>jsx("abbr",{title:Bn[s],children:En[s]},s)),jsx(Q,{children:o?.children??t})]})});Mn.displayName="Zuz.KeyboardKeys";var xo=Mn;var kn=forwardRef((t,n)=>{let e=useNetworkStatus(),{onlineMessage:r,offlineMessage:o,variant:s}=t;return jsxs(l,{fx:{from:{x:"-50%",y:200,opacity:0},to:{x:"-50%",y:0,opacity:1},when:e==false,curve:Z.Spring,duration:.5,delay:2},className:`--network-manager --${e==true?"online":"offline"} --${s||W.Small} fixed flex`,children:[jsx(l,{className:"--ico",children:e?k[ie.Success]:k[ie.Error]}),jsx(H,{as:"--message",children:e?r||"internet connection restored :)":o||"no internet connection"})]})});kn.displayName="Zuz.NetWorkManager";var Lm=kn;var yo=(e=>(e.Table="table",e.Gooey="gooey",e))(yo||{});var An=forwardRef((t,n)=>{let{itemCount:e,itemsPerPage:r,startPage:o,pageRange:s,paginationStyle:u,breakLabel:m,prevLabel:p,nextLabel:i,hash:a,loading:f,seperator:c,renderOnZeroPageCount:d,onPageChange:b,...h}=t,v=useMemo(()=>toHash(numberInRange(4,8)),[]),R=useCallback(L=>`${toHash(L,a||6,v)}${c||""}${v}`,[v]),C=useMemo(()=>m||"...",[m]),[g,S]=useState({id:a?o?typeof o=="number"?R(o):o:1:o||1,label:o||1}),{style:E,className:P,rest:w}=N(h),I=useCallback(L=>typeof L=="number"?L:+L.label,[]);if(!e)throw new Error('"itemCount" prop is required');let D=useMemo(()=>Math.ceil(e/r),[e,r]),B=useMemo(()=>{let L=[],G=Math.max(I(g)-(s||2),1),U=Math.min(I(g)+(s||2),D);G>1&&L.push({id:a?R(1):1,label:1}),G>2&&L.push({id:-1,label:C});for(let V=G;V<=U;V++)L.push({id:a?R(V):V,label:V});return U<D-1&&L.push({id:-1,label:C}),U<D&&L.push({id:a?R(D):D,label:D}),L},[g]),_=useCallback(L=>{let G=L;+G.label<1||+G.label>D||(S(G),b?.(G));},[e,r,g]);return B.length<=1&&(d??false)===false?null:jsxs(l,{ref:n,as:`--pagination --pgt-${u||"table"} flex aic w:100% jcc ${P}`,children:[jsx(l,{as:"flex flex:1 aic --pgt-btns",children:(B.length>1?B:[{id:1,label:1},{id:-1,label:C}]).map((L,G,U)=>jsx(z,{disabled:L.id==-1||I(g)==+L.label,className:(typeof L=="string"?L:L.label)==I(g)?"--current-page":"",onClick:V=>_(L),children:typeof L=="string"?L:L.label},`--pg-${G}-${L.id}`))}),jsx(l,{as:"flex aic jcc flex:1 --pagination-label",children:[`Showing ${(I(g)-1)*r+1} - `,`${Math.min(I(g)*r,e)} of ${e} items`].join(" ")}),jsxs(l,{as:"flex aic jce flex:1 --pgt-btns --pgt-nav",children:[jsx(z,{disabled:I(g)<=1,onClick:L=>_({id:a?R(I(g)-1):I(g)-1,label:I(g)-1}),children:k.chevronLeftOutline}),jsx(z,{disabled:B.length<=1||I(g)==I(B[B.length-1]),onClick:L=>_({id:a?R(I(g)+1):I(g)+1,label:I(g)+1}),children:k.chevronRightOutline})]})]})});An.displayName="Zuz.Pagination";var vo=An;var $n=forwardRef((t,n)=>{let{strenthMeter:e,onChange:r,...o}=t;"type"in o&&delete o.type;let{style:s,className:u,rest:m}=N(o),[p,i]=useState(false),[a,f]=useState(""),c=useMemo(()=>checkPasswordStrength(a),[a]),d=useDebounce(b=>{e&&f(b.target.value),r&&r(b);},100);return useEffect(()=>{},[]),jsxs(l,{as:"w:100% flex cols",children:[jsxs(l,{style:s,className:"--password flex aic rel",children:[jsx(re,{ref:n,type:p?"text":"password",className:u,onChange:d,...m}),jsx(z,{tabIndex:-1,onClick:()=>i(b=>!b),className:"--toggle flex aic jcc abs",children:p?k.eye:k.eyeSlash})]}),e&&jsxs(l,{as:`flex aic --password-meter --pb-score-${c.score}`,style:s,children:[jsxs(l,{as:"--password-bars flex aic",children:[jsx(l,{as:`--pbar ${c.score>=1?"--pb-on":""}`.trim()}),jsx(l,{as:`--pbar ${c.score>=2?"--pb-on":""}`.trim()}),jsx(l,{as:`--pbar ${c.score>=3?"--pb-on":""}`.trim()}),jsx(l,{as:`--pbar ${c.score>=4?"--pb-on":""}`.trim()}),jsx(l,{as:`--pbar ${c.score>=5?"--pb-on":""}`.trim()})]}),jsx(H,{as:"--password-meter-label","aria-hidden":true,children:c.result})]})]})});$n.displayName="Zuz.Password";var _m=$n;var _n=forwardRef((t,n)=>{let{size:e,length:r,mask:o,...s}=t,u=useRef([]),m="pinput",p=false,i={};"with"in s&&(i={with:s.with},delete s.with),"type"in s&&delete s.type,"name"in s&&(m=s.name,delete s.name),"required"in s&&(p=true,delete s.required);let{style:a}=N(s),f=c=>{let d=c.currentTarget,b=u.current[parseInt(d.dataset.index)+1],h=u.current[parseInt(d.dataset.index)-1];d.value.length===1&&b?b.focus():d.value.length===0&&h&&h.focus();};return useEffect(()=>{u.current=u.current.slice(0,e||r);},[e||r]),jsx(l,{name:m,style:a,className:"--otp flex aic rel","data-required":p,"data-size":e||r||4,...i,children:Array(e||r||4).fill(1).map((c,d)=>jsx(re,{autoComplete:"new-password","data-index":d,ref:b=>{u.current[d]=b;},numeric:true,onChange:f,maxLength:1,placeholder:o?"\xB7":"0",type:o?"password":"text",...s},`pin-${d}`))})});_n.displayName="Zuz.PinInput";var Um=_n;var Fn=forwardRef((t,n)=>{let{children:e,className:r,name:o,required:s,type:u,value:m,variant:p,checked:i,onSwitch:a,...f}=t,[c,d]=useState(i||false),{variant:b}=ee(true),h=useRef(null);return jsxs(je,{className:`${r} --${(u||Ot.Default).toLowerCase()} --radio${!u||u==Ot.Default?"":"card"} --${p||b||W.Small} flex aic rel`.trim(),...f,children:[jsx(re,{ref:h,defaultChecked:c,value:m||"rd",type:"radio",className:"abs",name:o,required:s||false,onChange:v=>{a&&a(v.target.checked,m||"cb"),d(v.target.checked);}}),jsx(l,{className:"--dot rel",children:jsx(l,{className:"--rod abs abc"})}),jsx(l,{className:"--value",children:e})]})});Fn.displayName="Zuz.Radio";var Xm=Fn;var Zn=forwardRef((t,n)=>{let{speed:e,style:r,...o}=t,{rootRef:s,containerRef:u,thumbY:m,thumbX:p,onScrollY:i,onScrollX:a}=useScrollbar(e||1),{style:f,className:c,rest:d}=N(o);return jsxs(l,{ref:s,className:c.trim(),as:"--scrollview rel",children:[jsx(l,{as:`--scroll-content ${c}`.trim(),ref:u,style:r||{},children:d.children}),jsx(l,{as:"--scroll-track --track-y --abs",children:jsx(l,{as:"--scroll-thumb --abs",ref:m,onMouseDown:i})}),jsx(l,{as:"--scroll-track --track-x --abs",children:jsx(l,{as:"--scroll-thumb --abs",ref:p,onMouseDown:a})})]})});Zn.displayName="Zuz.ScrollView";var jm=Zn;var Kn=forwardRef((t,n)=>{let{fx:e,withStyle:r,as:o,reverse:s=false,searchIcon:u=k.search,hideSearchIcon:m=false,clearIcon:p=k.close,hideClearIcon:i=false,onChange:a,onClear:f,...c}=t,{style:d,className:b}=N({as:t.as}),[h,v]=useState(""),R=useRef(null),C=useMemo(()=>jsx(z,{tabIndex:-1,onClick:E=>S(),className:"--send flex aic jcc",variant:t.variant||W.Small,children:h!==""?!i&&(typeof p=="string"?jsx(X,{name:p,as:"--search-action"}):p):!m&&(typeof u=="string"?jsx(X,{name:u,as:"--search-action"}):u)}),[s,u,i,p,m]);"type"in t&&delete t.type;let g=E=>{v(E.target.value),a?.(E.target.value);},S=E=>{h.trim()!==""&&(v(""),a?.(""),R.current&&(R.current.value="",t.onConfirm?.("")));};return useImperativeHandle(n,()=>({focus:()=>R.current?.focus(),value:()=>R.current?.value})),useEffect(()=>{},[]),jsxs(l,{style:d,className:`--search ${s?"--search-rev":""} --${t.variant||W.Small} flex aic ${typeof t.as=="string"&&t.as.includes("abs")?"":"rel"} ${b}`.trim(),children:[s&&C,jsx(re,{ref:R,onChange:g,className:`--${t.variant||W.Small}`,...c}),t.shortcut&&jsx(xo,{keys:t.shortcut,as:"abs"}),!s&&C]})});Kn.displayName="Zuz.Search";var ic=Kn;var Wn=({value:t,updateValue:n,o:e})=>jsxs(z,{onClick:r=>n(e),as:"--select-option-item",className:t&&(typeof e=="string"?e:e.value)==(typeof t=="string"?t:t.value)?"selected":"",children:[e.icon&&jsx(X,{name:e.icon,as:`--select-option-icon --icon-${e.value}`,color:e.iconColor||void 0}),jsx(H,{children:typeof e=="string"?e:e.label})]});Wn.displayName="Option";var Gn=Wn;var Xn=forwardRef((t,n)=>{let {selected:e,options:r,label:o,name:s,variant:u,search:m,searchPlaceholder:p,maxHeight:i,arrowDownIcon:a=k.arrowDown,arrowUpIcon:f=k.arrowUp,onChange:c,...d}=t,[b,h]=useState(e?typeof e=="string"?r.find(V=>V.value===e):e:r[0]),[v,R]=useState(false),[C,g]=useState(null);useRef(null);let E=useRef(null),P=useRef(null),w=useId(),I=useMemo(()=>s||w,[]),{reposition:D}=We(P,{direction:Lt.Bottom,offset:2}),{variant:B}=ee(true),{className:_,style:L,rest:G}=N(d),U=V=>{h(V),c&&c(V);};return useImperativeHandle(n,()=>({setSelected:V=>{if(typeof V=="string"){let T=r.find(A=>A.value===V);T&&h(T);}else h(V);},getValue:()=>b||null})),useEffect(()=>{document.body.addEventListener("click",V=>{R(false);}),window.dispatchEvent(new Event("resize"));},[]),useEffect(()=>{v?E.current&&E.current.focus():(E.current&&(E.current.value=""),g(null)),D();},[v]),jsxs(l,{className:`--select --${u||B} ${s?`--${s}`:""} rel`.trim(),name:I,children:[jsxs(z,{"data-value":b?typeof b=="string"?b:b.value:b||"-1",className:`--selected flex aic rel ${_}`.trim(),withLabel:false,style:L,onClick:V=>R(T=>!T),...G,children:[jsx(H,{className:"--label",children:b?typeof b=="string"?b:b.label:o||"Choose"}),jsx(l,{className:"--svg-arrow rel flex aic jcc",children:v?typeof f=="string"?jsx(X,{name:f,as:"--search-action"}):f:typeof a=="string"?jsx(X,{name:a,as:"--search-action"}):a})]}),jsxs(l,{id:I,className:"--options-list flex cols abs","aria-hidden":!v,style:{maxHeight:i||"auto"},ref:P,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:v,duration:.05},children:[m&&jsx(re,{ref:E,onChange:V=>{g(V.target.value==""?null:V.target.value);},className:"--select-search",placeholder:p||"Search..."}),(C==null?r:r.filter(V=>V.label.toLowerCase().includes(C.toLowerCase())||V.value.toLowerCase().includes(C.toLowerCase()))).map(V=>jsx(Gn,{updateValue:U,value:b,o:V},`option-${(typeof V=="string"?V:V.label).replace(/\s+/g,"-")}-${typeof V=="string"?V:V.value}`))]})]})});Xn.displayName="Zuz.Select";var dc=Xn;var Yn=forwardRef((t,n)=>jsx(et,{type:ve.Switch,...t,ref:n}));Yn.displayName="Zuz.Switch";var hc=Yn;var Jn=t=>{let{idx:n,id:e,as:r,weight:o,style:s,value:u,render:m,resize:p,sortBy:i,sortable:a,onSort:f}=t,[c,d]=useState(0),b=()=>{a&&(f?.(String(e),c==1?-1:1),d(h=>h==1?-1:1));};return jsxs(l,{style:{flex:o||1,...s},as:`--col flex aic ${r||""} ${a?"--sortable":""}`,onClick:b,children:[jsx(l,{children:u}),n==-1&&a&&i==e&&jsx(l,{as:"--arrow flex aib",children:c==1?k.arrowUp:k.arrowDown})]})};Jn.displayName="Zuz.Column";var Pt=Jn;var es=t=>{let{index:n,pubsub:e,schema:r,data:o,ids:s,styles:u,animate:m,sortBy:p,selectable:i,tableRef:a,loading:f,rowClassName:c,onSort:d,onRowClick:b,onSelect:h,onContextMenu:v}=t,R=useDelayed(),C=useMemo(()=>({transition:q.SlideInBottom,curve:Z.EaseInOut,delay:.02*(n+1)}),[]),g=useRef(null),S=(P,w)=>{n==-1?e.emit(`ALL_ROWS_${P?"CHECKED":"UNCHECKED"}`,P):(h&&h(o,P),e.emit(`ROW_${P?"CHECKED":"UNCHECKED"}`,P,w));},E=(P,w,I)=>jsx(Pt,{idx:P,id:w,as:"--selector",pubsub:e,value:jsx(et,{value:I,ref:g,onSwitch:S,type:ve.Default})});return useEffect(()=>{let P=(B,_)=>{g.current?.setChecked(B,false);},w=(B,_)=>{let L=false;a?.current&&a.current.querySelectorAll(".--row").forEach(G=>{let U=G;if(!U.classList.contains("--row-head")){let V=U.querySelector(".--selector input[type=checkbox]");V&&V.checked&&!L&&(L=V.checked);}}),g.current.setChecked(L,false);},I=B=>{g.current?.setChecked(B,false),h&&h(o,B);},D=B=>{g.current?.setChecked(B,false),h&&h(o,B);};return n==-1?(e.on("ROW_CHECKED",P),e.on("ROW_UNCHECKED",w),()=>{e.off("ROW_CHECKED",P),e.off("ROW_UNCHECKED",w);}):(e.on("ALL_ROWS_CHECKED",I),e.on("ALL_ROWS_UNCHECKED",D),()=>{e.off("ALL_ROWS_CHECKED",I),e.off("ALL_ROWS_UNCHECKED",D);})},[]),jsxs(l,{onContextMenu:P=>v?v(P,o):null,onClick:P=>b?b(P,t.data):()=>{},...m?{fx:{...C,when:R}}:{},as:`--row flex aic ${b?"--row-clickable":""} ${n==-1?"--row-head":""} ${c||""}`,children:[n==-1&&r.map((P,w)=>{let{renderWhenHeader:I,render:D,value:B,..._}=P;return jsxs(Fragment,{children:[i&&w==0&&E(-1,`--selector-${P.id}`,"all"),jsx(Pt,{idx:-1,onSort:d,sortBy:p,value:B,..._,pubsub:e,style:u[P.id]})]},`--col-${P.id}`)}),f&&n>-1&&jsx(l,{as:"--col",children:jsx(H,{as:"opacity:0",children:"..."})}),!f&&n>-1&&s&&o&&r.map((P,w)=>jsxs(Fragment,{children:[i&&w==0&&E(w,`--selector-${P.id}`,P.id.toString()),s.includes(String(P.id))?jsx(Pt,{pubsub:e,idx:w,id:String(P.id),style:u[String(P.id)],value:P.render?P.render(o,n):o[String(P.id).includes(".")?String(P.id).split(".").reverse()[0]:P.id]}):null]},`--${String(P.id)}-val-${w}`))]})};es.displayName="Zuz.Row";var Rt=es;var ns=(t,n)=>{let{schema:e,rows:r,rowCount:o,rowsPerPage:s,currentPage:u,pagination:m,paginationHash:p,showPaginationOnZeroPageCount:i,animateRows:a,header:f,rowClassName:c,selectableRows:d,hoverable:b,sortBy:h,loading:v,loadingRowCount:R,loadingMessage:C,spinner:g,emptyMessage:S,onSort:E,onRowClick:P,onRowSelectToggle:w,onPageChange:I,onRowContextMenu:D,...B}=t,_=useRef(null),L=useMemo(()=>e.reduce((pe,J)=>(pe[J.id]={flex:J.weight||1,...J.w&&{width:J.w},...J.maxW&&{maxWidth:J.maxW},...J.minW&&{minWidth:J.minW},...J.h&&{height:J.h},...J.maxH&&{maxHeight:J.maxH},...J.minH&&{minHeight:J.minH}},pe),{}),[e]),G=useMemo(()=>Object.keys(L),[e]),U=useMemo(()=>f??true,[f]),{style:V,className:T,rest:A}=N(B),$=useRef(null),K=useMemo(()=>new PubSub,[]),O=useRef(r.map(()=>uuid(8))),[F,Y]=useState(h||null),[oe,j]=useState(C||"loading"),ce=useMemo(()=>!v&&r&&r.length==0,[v,r]),de=useCallback(()=>S?typeof S=="function"?jsx(S,{}):S:jsx(H,{as:"tac s:18 mt:75",children:"No Record Found"}),[v,r]);useEffect(()=>{O.current=r.map(()=>uuid(8));},[r]);let lt=(pe,J)=>{Y(pe),E?.(pe,J);},mt=(o||(r?r.length:0))/(s||10),ct=useMemo(()=>i||mt>1?jsx(vo,{hash:p,ref:_,renderOnZeroPageCount:i,onPageChange:I,paginationStyle:"table",startPage:u,itemCount:o||(r?r.length:0),itemsPerPage:s||10}):null,[u,o]);return useImperativeHandle(n,()=>({setLoading(pe){}})),jsxs(l,{as:`--table ${b??true?"--hoverable":""} flex cols rel ${T}`,ref:$,children:[U==true&&jsx(Rt,{sortBy:F,onSort:lt,tableRef:$,pubsub:K,selectable:d,index:-1,schema:e,loading:true,styles:L}),v&&jsxs(l,{as:"center-x flex aic --table-spinner",children:[jsx(ge,{type:g||me.Simple}),oe&&jsx(H,{as:"--table-loading-message",children:oe})]}),v&&Array(R||5).fill({}).map((pe,J)=>jsx(Rt,{tableRef:$,index:J,pubsub:K,schema:e,styles:L,loading:true,animate:a,onRowClick:P},`--trow-loading-${J}-${e[0].id}`)),!v&&r&&r.map((pe,J)=>jsx(Rt,{tableRef:$,pubsub:K,loading:false,index:J,schema:e,ids:G,styles:L,animate:a,data:pe,onRowClick:P,rowClassName:c,selectable:d,onSelect:w,onContextMenu:D},`--trow-${O.current[J]||J}-${e[0].id}`)),ce&&de(),jsx(l,{"aria-hidden":!m||!ct,...a?{fx:{transition:q.SlideInBottom,curve:Z.EaseInOut,delay:.02*(r.length+1),when:!v&&r&&m&&ct!=null}}:{},as:"--row flex aic --row-footer",children:m&&ct?ct:null})]})};ns.displayName="Zuz.Table";var Ec=forwardRef(ns),Bc=Ec;var Mc=({ref:t,...n})=>{let{title:e,items:r}=n,[o,s]=useState(0),u=(m,p,i)=>{m.preventDefault(),s(p),document.getElementById(i)?.scrollIntoView({behavior:"smooth"});};return jsxs(l,{ref:t,as:"--table-of-contents rel flex cols",children:[jsx(H,{as:"--toc-title",children:e}),jsx(Me,{items:r.map((m,p)=>jsx("a",{className:o==p?"--toc-active":"",style:{anchorName:o===p?"--toc-active":"none",color:o==p?"var(--table-of-contents-color-active)":"var(--table-of-contents-color)"},onClick:i=>u(i,p,m.tag),href:`#${m.tag}`,children:m.label}))})]})},Oc=Mc;var ss=({isActive:t,transitionType:n,speed:e,width:r,render:o,content:s,onHeightChange:u})=>{let m=useRef(null),p=useResizeObserver(m);useEffect(()=>{t&&p.height>0&&u(p.height);},[t,p.height]);let i=useMemo(()=>{let a={flexShrink:0,height:"fit-content"};return n==="fade"?{...a,gridArea:"1 / 1 / 2 / 2",opacity:t?1:0,visibility:t?"visible":"hidden",transition:`opacity ${e}s ease-in-out`,zIndex:t?1:0}:n==="scale"?{...a,gridArea:"1 / 1 / 2 / 2",opacity:t?1:0,transform:`scale(${t?1:.95})`,transition:`all ${e}s cubic-bezier(0.34, 1.56, 0.64, 1)`,zIndex:t?1:0}:a},[t,n,r,e]);return jsx(l,{ref:m,style:{...i},className:"--content",children:o||t?s:null})};ss.displayName="Zuz.TabBody";var as=ss;var ms=({ref:t,...n})=>{let{tabs:e,speed:r=.3,prerender:o=true,variant:s,tabStyle:u="fixed",onChange:m,transitionType:p="slide",...i}=n,[a,f]=useState(0),c=useRef(null),d=useResizeObserver(c),b=useMemo(()=>uuid(8),[]),[h,v]=useState("auto"),R=useMemo(()=>d.width>0,[d.width]);useImperativeHandle(t,()=>({setTab:w=>f(w)}));let C=useMemo(()=>e.map(w=>({...w,key:w.key||uuid(8)})),[e]),{style:g,className:S,rest:E}=N({as:`flex cols w-full no-overflow ${i.as||""}`,...i}),P=()=>{if(!R)return {opacity:0};switch(p){case "fade":return {display:"grid",gridTemplateColumns:"1fr"};case "scale":return {display:"grid",gridTemplateColumns:"1fr"};default:return {display:"flex",transform:`translate3d(-${a*d.width}px, 0, 0)`,transition:`transform ${r}s cubic-bezier(0.4, 0, 0.2, 1)`}}};return jsxs(l,{ref:c,style:g,className:`--tabview --${u} flex cols ${S}`,children:[jsx(tt,{as:"--tabview-head",onSwitch:w=>{f(w.index);let I=C.find(D=>D.tag==w.tag);I&&I.onSelect&&(I.onSelect(I,w.index),m?.(I,w.index));},selected:a,items:C.reduce((w,I,D)=>(w.push({icon:I.icon,index:D,label:I.label,tag:I.tag}),w),[])}),jsx(l,{className:"--tabview-body",as:"rel no-overflow w-full",style:{height:h,transition:R?`height ${r}s cubic-bezier(0.4, 0, 0.2, 1)`:"none",opacity:R?1:0},children:jsx(l,{className:"--track",style:{...P()},children:C.map((w,I)=>jsx(as,{isActive:I===a,transitionType:p,speed:r,width:d.width,render:o||I===a,onHeightChange:D=>I===a&&v(D),content:w.body},`tab-body-${w.key||I}-${b}`))})})]})};ms.displayName="Zuz.TabView";var Zc=ms;var Gc=({ref:t,commands:n,onCommand:e,welcomeMessage:r="Welcome to Zuz Terminal v1.0.0",prompt:o="zuz ~ ",variant:s,...u})=>{let[m,p]=useState([{type:"output",content:r}]),[i,a]=useState(""),f=useRef(null),c=useRef(null),{variant:d}=ee(true);useEffect(()=>{f.current&&(f.current.scrollTop=f.current.scrollHeight);},[m]);let b=S=>{let E=typeof S=="string"?{type:"output",content:S}:S;p(P=>{let w=[...P,E];return w.length>1e3?w.slice(-1e3):w});},h=()=>p([]);useImperativeHandle(t,()=>({write:b,clear:h}));let v=async S=>{let[E,...P]=S.split(" "),w=E.toLowerCase();return n&&n[w]?await n[w](P):e?await e(S):`command not found: ${E}`},R=S=>{let E=/\u001b\[(\d+)m/g,P=[],w={31:"#ff5f56",32:"#27c93f",33:"#ffbd2e",34:"#007aff",35:"#ff79c6",36:"#8be9fd",39:"#d4d4d4"},I=0,D="#d4d4d4",B=false,_;for(;(_=E.exec(S))!==null;){let G=S.slice(I,_.index);G&&P.push({text:G,color:D,bold:B});let U=_[1];U==="0"?(D="#d4d4d4",B=false):U==="1"?B=true:w[U]&&(D=w[U]),I=E.lastIndex;}let L=S.slice(I);return L&&P.push({text:L,color:D,bold:B}),P},C=(S,E)=>S.includes("\x1B")?R(S).map((P,w)=>jsx(Q,{style:{color:P.color||"#d4d4d4",fontWeight:P.bold?"bold":"normal"},children:P.text},`--terminal-msg-${w}-${P.text.replace(/\S+/g,"-")}`)):jsx(Q,{style:{color:E==="error"?"#ff5f56":E==="command"?"#00ff00":"#d4d4d4"},children:S}),g=async S=>{if(S.key==="Enter"&&i.trim()){let E=i.trim(),P=[...m,{type:"command",content:`${o}${E}`}];a(""),p(P);let w=await v(E);p(I=>[...I,{type:"output",content:w}]);}};return jsxs(l,{as:`--zuz-terminal --${s||d||W.Medium} flex cols ${u.className}`,onClick:()=>c.current?.focus(),children:[jsx(l,{ref:f,className:"--terminal-log",children:m.map((S,E)=>jsx(l,{children:jsx(H,{children:C(S.content,S.type)})},E))}),jsxs(l,{as:"flex aic --terminal-input",children:[jsx(H,{as:"--terminal-prompt",children:o}),jsx(re,{ref:c,className:"--zuz-term-input",autoFocus:true,value:i,variant:s||d||W.Medium,onChange:S=>a(S.target.value),onKeyDown:g})]})]})},qc=Gc;var Xc=({meta:t})=>jsxs(z,{as:"flex aic --command-item",children:[t.icon&&jsx(X,{name:t.icon,as:"--command-icon"}),jsx(H,{children:t.label})]}),Yc=({position:t,onSelect:n,commands:e,visible:r})=>jsx(l,{"aria-hidden":!r,fx:{transition:q.SlideInBottom,duration:.1,when:r},className:"--command-box abs grid",style:{...t},children:e.map(o=>jsx(Xc,{meta:o},`cmd-${o.label.replace(/\s+/,"-")}`))}),fs=Yc;var hs=forwardRef((t,n)=>{let{autoResize:e,maxHeight:r,variant:o=W.Small,resize:s="none",command:u,commands:m,onInput:p,cmd:i,renderDropdown:a,value:f,defaultValue:c,...d}=t,b=useRef(null),h=useRef(null),{style:v,className:R,rest:C}=N(d),{showDropdown:g,dropdownPosition:S,handleKeyDown:E,handleInput:P,handleCommandSelect:w}=useCommandActions({command:u,commands:m,cmd:i,ref:b}),I=useCallback(()=>{let B=b.current;!B||!e||(h.current&&cancelAnimationFrame(h.current),h.current=requestAnimationFrame(()=>{B.style.height="auto";let _=B.scrollHeight;if(r){let L=parseInt(r.toString(),10);isNaN(L)||(_=Math.min(_,L));}B.style.height=`${_}px`,B.style.overflowY=r&&_>=parseInt(r.toString(),10)?"auto":"hidden";}));},[e,r]),D=B=>{p?.(B),P(B),I();};return useEffect(()=>{I();},[f,c,I]),useEffect(()=>{e&&b.current&&I();},[e,I]),useEffect(()=>()=>{h.current&&cancelAnimationFrame(h.current);},[]),jsxs(l,{as:"rel",children:[jsx("textarea",{className:`--input --textarea --${o} flex ${R}`.trim(),style:{...v,resize:s,height:e?"auto":v?.height,overflow:"hidden",transition:e?"none":void 0},onKeyDown:E,onInput:D,ref:B=>{typeof n=="function"?n(B):n&&(n.current=B),b.current=B;},value:f,defaultValue:c,...C}),a?a({show:g,position:S,commands:m||[],onSelect:w}):m&&m.length>0&&jsx(fs,{visible:g,commands:m,onSelect:w,position:S})]})});hs.displayName="Zuz.TextArea";var tp=hs;var ys=forwardRef((t,n)=>{let{as:e,value:r,color:o,direction:s,...u}=t,m=useRef(null),[p,i]=useState(r||0);return useImperativeHandle(n,()=>({updateValue(a){p.toString().length!==a.toString().length&&i(a);},setValue(a){if(this.updateValue(a),m.current){let f=a.toString().split("");m.current.querySelectorAll(".--wheel-char").forEach((c,d)=>{let b=f[d];if(c instanceof HTMLElement){c.setAttribute("data-value",b);let h=c.querySelector(".--wheel-char-track");h instanceof HTMLElement&&(h.style.setProperty("--v",b),h.offsetWidth);}});}}})),useEffect(()=>{i(r||0);},[r]),jsxs(l,{className:"--text-wheel flex aic rel","aria-hidden":true,as:e,ref:m,...u,children:[(p||0).toString().split("").map((a,f)=>isNaN(parseInt(a,10))?jsx(Q,{className:"--wheel-char wheel-char-symbol grid",children:a},`wheel-char-symbol-${f}`):jsx(Q,{"data-value":a,className:`--wheel-char grid ${f>(p||0).toString().length-3?"--wheel-fraction":""}`.trim(),children:jsxs(Q,{className:`--wheel-char-track --wheel-track-${s||"down"} grid`,style:{"--v":a},children:[jsx(Q,{children:!s||s==="down"?0:9}),(!s||s==="down"?[9,8,7,6,5,4,3,2,1,0]:[0,1,2,3,4,5,6,7,8,9]).map((c,d)=>jsx(Q,{children:c},`${f}--${d}`)),jsx(Q,{children:!s||s==="down"?9:0})]})},`wheel-char-${f}`)),o&&jsx(l,{className:"abs fillx",style:{zIndex:1,background:`linear-gradient(0deg, ${o}, transparent, transparent, transparent, ${o})`}})]})});ys.displayName="Zuz.TextWheel";var lp=ys;var Ss=forwardRef((t,n)=>{let{title:e,position:r,margin:o,children:s,...u}=t,{style:m,className:p,rest:i}=N(u),[a,f]=useState(false),c=useMemo(()=>r||te.Top,[]),d=useRef(null),b=useRef(null),h=g=>{},v=typeof ResizeObserver<"u"?new ResizeObserver(h):{observe:()=>{},unobserve:()=>{}},R=useDimensions(),C=useMemo(()=>{if(!b.current)return {left:0,top:0};let g=b.current.previousElementSibling;if(g){let S=g.getBoundingClientRect();switch(v.observe(g),c){case te.Top:return {left:S.left+S.width/2,top:S.top-(o||25)};case te.Bottom:return {left:S.left+S.width/2,top:S.top+(o||25)};case te.Left:return {left:S.left-S.width/2,top:S.top+S.height/2};case te.Right:return {left:S.right,top:S.top+S.height/2};default:return {left:0,top:0}}}},[b.current,R,v]);return useEffect(()=>{},[]),jsxs(l,{ref:d,className:"--with-tooltip rel",onMouseEnter:g=>f(true),onMouseLeave:g=>f(false),children:[s,jsx(l,{ref:b,style:{left:C?.left+"px",top:C?.top+"px"},className:`--tooltip --${r||te.Top} fixed ${p}`.trim(),fx:{from:c==te.Bottom||c==te.Top?{opacity:0,x:"-50%",y:c==te.Top?-5:5}:{opacity:0,y:"-50%",x:c==te.Right?15:-25},to:c==te.Bottom||c==te.Top?{opacity:1,x:"-50%",y:0}:{opacity:1,y:"-50%",x:c==te.Right?10:-20},curve:Z.EaseInOut,when:a},children:jsx(H,{className:"--text rel",children:e})})]})});Ss.displayName="Zuz.ToolTip";var fp=Ss;var Bo=forwardRef((t,n)=>{let{as:e,meta:r,nodes:o,icons:s,onSelect:u,treeTag:m,selected:p,roots:i,expanded:a,...f}=t,{tag:c,label:d,icon:b,under:h,isHead:v}=r,R=useMemo(()=>i.includes(c),[i]),[C,g]=useState(a),S=()=>{localStorage.setItem(`--tn${m}-${c}`,C?"0":"1"),g(!C);};useEffect(()=>{a||R&&!localStorage.getItem(`--tn${m}-${c}`)?(localStorage.setItem(`--tn${m}-${c}`,"1"),g(true)):g(localStorage.getItem(`--tn${m}-${c}`)=="1");},[]);let E=useMemo(()=>o.filter(P=>P.under==c),[o,c]);return jsxs(l,{className:`--treenode ${R?"--is-root":""} --treenode-${c} flex cols`,children:[jsxs(l,{className:`--node --node-${c} flex aic ${p==c?" --selected":""}`,children:[jsx(z,{skeleton:f.skeleton,onClick:S,className:"--node-aro-btn",disabled:E.length==0,children:s?.arrowClose&&s?.arrowOpen?jsx(X,{skeleton:f.skeleton,className:"--node-aro-icon",name:E.length==0?s?.arrowDisabled||s?.arrowClose:C?s?.arrowOpen:s?.arrowClose}):E.length==0?k.chevronBottom:C?k.chevronBottom:k.chevronRight}),jsxs(z,{className:"--node-meta flex aic",onClick:P=>u(c),children:[(s?.nodeOpen&&s?.nodeClose||R&&s?.rootOpen&&s?.rootClose)&&jsx(X,{skeleton:f.skeleton,className:`--node-icon ${R?"--icon-root":""}`,name:b||(C?R&&s?.rootOpen||s.nodeOpen:R&&s?.rootClose||s?.nodeClose)}),jsx(H,{className:`--node-label ${R?"--node-label-root":""}`.trim(),skeleton:f.skeleton,children:d})]})]}),C&&E.length>0&&jsx(l,{className:`--sub-node tree-sub-node-${c} flex cols`,children:E.map(P=>jsx(Bo,{treeTag:m,selected:p,onSelect:u,icons:s,roots:i,expanded:P.expanded||false,meta:P,nodes:o},`--node-${P.tag}`))})]})});Bo.displayName="TreeItem";var Ts=Bo;var Rs=forwardRef((t,n)=>{let{as:e,nodes:r,onNodeSelect:o,tag:s,icons:u,roots:m,selected:p,...i}=t,[a,f]=useState(p);useImperativeHandle(n,()=>({getSelected:()=>a}),[o]);let c=d=>{f(d),o&&o(d);};return useEffect(()=>{a!=p&&f(p);},[p]),jsx(l,{className:"--treeview flex cols",children:r.filter(d=>m.includes(d.tag)).map(d=>jsx(Ts,{treeTag:s?`-${s}`:"",selected:a,onSelect:b=>c(b),icons:u,meta:d,roots:m,expanded:d.expanded||false,skeleton:i.skeleton,nodes:r},`--node-${d.tag}`))})});Rs.displayName="Zuz.TreeView";var Sp=Rs;String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"").replace(/\s+/g," ")};
|
|
13
|
-
export{ie as ALERT,Bt as AVATAR,
|
|
8
|
+
document.documentElement.style.colorScheme = theme;`}}),o]})},Ko=(o,n)=>{if(Zs)return;let e;try{e=localStorage.getItem(o)||void 0;}catch{}return e||n};var qo=forwardRef((o,n)=>{let{name:e,pathCount:r,variant:t,color:s,...u}=o,{variant:m}=ee(true),{className:p,style:a,rest:i}=N(u);return jsx("div",{style:{color:s,...a},className:`icon-${e} --icon --${t||m||W.Small} ${p}`.trim(),ref:n,...i,children:Array(r||0).fill(0).map((f,c)=>jsx(Q,{className:`path${c+1}`},`${e}-layer-${c}`))})});qo.displayName="Zuz.Icon";var X=qo;var me={Simple:"SIMPLE",Roller:"ROLLER",Wave:"Wave"};var Xo=o=>{let {type:n,variant:e,width:r,speed:t,color:s,background:u,foreground:m,...p}=o,{className:i,style:f,rest:c}=N(p);return jsx(l,{className:`${i} --spinner --${(n||me.Simple).toLowerCase()} --${e}`.trim(),style:{...f},...c})};Xo.displayName="Zuz.Spinner";var he=Xo;var gt={Loading:"loading",Normal:"normal"};var Qo=({ref:o,...n})=>{let{reset:e,variant:r,icon:t,iconSize:s,children:u,withLabel:m,spinner:p,state:a,disabled:i,...f}=n,{style:c,className:g,rest:v}=N(f),{variant:x}=ee(true);return jsxs("button",{className:`--button --${r||x} flex aic ${e?"":"jcc"} ${t?"ico-btn":""} ${g}`.trim().replace(/\s+/g," "),style:c,ref:o,disabled:a==gt.Loading||n.skeleton?.enabled||i,...v,children:[a==gt.Loading&&jsx(he,{variant:r||x,type:p||me.Simple}),(!a||a==gt.Normal)&&jsxs(Fragment$1,{children:[t&&jsx(X,{variant:s,name:t}),m===true?jsx(Q,{children:u}):u]})]})};Qo.displayName="Zuz.Button";var z=Qo;var Ys={colorSchemeLight:jsxs("svg",{width:"24",height:"24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",color:"currentcolor",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24",children:[jsx("circle",{cx:"12",cy:"12",r:"5"}),jsx("path",{d:"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"})]}),colorSchemeSystem:jsxs("svg",{width:"24",height:"24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",color:"currentcolor",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24",children:[jsx("rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",ry:"2"}),jsx("path",{d:"M8 21h8M12 17v4"})]}),colorSchemeDark:jsx("svg",{width:"24",height:"24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",color:"currentcolor",shapeRendering:"geometricPrecision",viewBox:"0 0 24 24",children:jsx("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79"})}),arrowDown:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:jsx("path",{d:"M17.919 8.18H6.079c-.96 0-1.44 1.16-.76 1.84l5.18 5.18c.83.83 2.18.83 3.01 0l1.97-1.97 3.21-3.21c.67-.68.19-1.84-.77-1.84z"})}),arrowUp:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:jsx("path",{d:"M18.68 13.978l-3.21-3.21-1.96-1.97a2.13 2.13 0 00-3.01 0l-5.18 5.18c-.68.68-.19 1.84.76 1.84h11.84c.96 0 1.44-1.16.76-1.84z"})}),search:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 34 34",children:jsx("path",{d:"M27.414,24.586l-5.077-5.077C23.386,17.928,24,16.035,24,14c0-5.514-4.486-10-10-10S4,8.486,4,14 s4.486,10,10,10c2.035,0,3.928-0.614,5.509-1.663l5.077,5.077c0.78,0.781,2.048,0.781,2.828,0 C28.195,26.633,28.195,25.367,27.414,24.586z M7,14c0-3.86,3.14-7,7-7s7,3.14,7,7s-3.14,7-7,7S7,17.86,7,14z"})}),close:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})}),eye:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:[jsx("path",{fill:"#333",d:"M12 20.5c-4.299 0-8.24-3.023-10.544-8.086a1 1 0 010-.828C3.759 6.523 7.701 3.5 12 3.5s8.24 3.023 10.544 8.086a1.001 1.001 0 010 .828 18.14 18.14 0 01-1.391 2.52 1 1 0 11-1.666-1.106A15.87 15.87 0 0020.529 12C18.543 7.92 15.379 5.5 12 5.5S5.457 7.92 3.471 12c1.986 4.08 5.15 6.5 8.529 6.5a7.964 7.964 0 005.036-1.92 1 1 0 111.265 1.55A9.94 9.94 0 0112 20.5z"}),jsx("path",{fill:"#333",d:"M12 16a4.004 4.004 0 01-3.929-4.756 1 1 0 011.965.375A2 2 0 1014 12a2.034 2.034 0 00-2.053-1.999 1.04 1.04 0 01-1.043-.947.963.963 0 01.902-1.05L12 8a4 4 0 010 8z"})]}),eyeSlash:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:[jsx("path",{fill:"#333",d:"M12 15c-4.132 0-7.98-1.214-10.294-3.249a1 1 0 111.32-1.502C4.986 11.972 8.34 13 12 13s7.014-1.028 8.974-2.751a1 1 0 111.32 1.502C19.98 13.786 16.132 15 12 15z"}),jsx("path",{fill:"#333",d:"M12 18a1 1 0 01-1-1v-3a1 1 0 012 0v3a1 1 0 01-1 1zM7.749 17.667a.964.964 0 01-.17-.014 1 1 0 01-.817-1.155l.505-2.935a1 1 0 111.97.339l-.504 2.935a1 1 0 01-.984.83zM3.636 16.306a1.001 1.001 0 01-.942-1.336l.978-2.745a1 1 0 111.884.672l-.978 2.745a1 1 0 01-.942.664zM16.251 17.667a1 1 0 01-.984-.83l-.505-2.935a1 1 0 011.97-.339l.506 2.935a1 1 0 01-.816 1.155.964.964 0 01-.17.014zM20.364 16.306a1 1 0 01-.942-.664l-.978-2.745a1 1 0 111.884-.672l.978 2.745a1.001 1.001 0 01-.942 1.336z"})]}),check:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:[" ",jsx("path",{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"})," "]}),[ie.Info]:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{fill:"#292D32",d:"M21.56 10.738l-1.35-1.58c-.25-.3-.46-.86-.46-1.26v-1.7c0-1.06-.87-1.93-1.93-1.93h-1.7c-.4 0-.97-.21-1.27-.46l-1.58-1.35c-.69-.59-1.82-.59-2.51 0l-1.6 1.35c-.3.25-.86.46-1.26.46H6.17c-1.06 0-1.93.87-1.93 1.93v1.7c0 .39-.2.95-.45 1.25l-1.35 1.59c-.58.7-.58 1.82 0 2.5l1.35 1.59c.25.29.45.86.45 1.25v1.71c0 1.06.87 1.93 1.93 1.93h1.74c.39 0 .96.21 1.26.46l1.58 1.35c.69.59 1.82.59 2.51 0l1.58-1.35c.3-.25.86-.46 1.26-.46h1.7c1.06 0 1.93-.87 1.93-1.93v-1.7c0-.4.21-.96.46-1.26l1.35-1.58c.61-.68.61-1.81.02-2.51zm-10.31-2.61c0-.41.34-.75.75-.75s.75.34.75.75v4.83c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-4.83zm.75 8.74c-.55 0-1-.45-1-1s.44-1 1-1c.55 0 1 .45 1 1s-.44 1-1 1z"})}),[ie.Warning]:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{fill:"#292D32",d:"M19.51 5.85l-5.94-3.43c-.97-.56-2.17-.56-3.15 0L4.49 5.85a3.15 3.15 0 00-1.57 2.73v6.84c0 1.12.6 2.16 1.57 2.73l5.94 3.43c.97.56 2.17.56 3.15 0l5.94-3.43a3.15 3.15 0 001.57-2.73V8.58a3.192 3.192 0 00-1.58-2.73zm-8.26 1.9c0-.41.34-.75.75-.75s.75.34.75.75V13c0 .41-.34.75-.75.75s-.75-.34-.75-.75V7.75zm1.67 8.88c-.05.12-.12.23-.21.33a.99.99 0 01-1.09.21c-.13-.05-.23-.12-.33-.21-.09-.1-.16-.21-.22-.33a.986.986 0 01-.07-.38c0-.26.1-.52.29-.71.1-.09.2-.16.33-.21.37-.16.81-.07 1.09.21.09.1.16.2.21.33.05.12.08.25.08.38s-.03.26-.08.38z"})}),[ie.Error]:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"})}),[ie.Success]:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})}),layers:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:[jsx("path",{d:"M19.3697 4.89109L13.5097 2.28109C12.6497 1.90109 11.3497 1.90109 10.4897 2.28109L4.62969 4.89109C3.14969 5.55109 2.92969 6.45109 2.92969 6.93109C2.92969 7.41109 3.14969 8.31109 4.62969 8.97109L10.4897 11.5811C10.9197 11.7711 11.4597 11.8711 11.9997 11.8711C12.5397 11.8711 13.0797 11.7711 13.5097 11.5811L19.3697 8.97109C20.8497 8.31109 21.0697 7.41109 21.0697 6.93109C21.0697 6.45109 20.8597 5.55109 19.3697 4.89109Z",fill:"#292D32"}),jsx("path",{d:"M12.0003 17.04C11.6203 17.04 11.2403 16.96 10.8903 16.81L4.15031 13.81C3.12031 13.35 2.32031 12.12 2.32031 10.99C2.32031 10.58 2.65031 10.25 3.06031 10.25C3.47031 10.25 3.80031 10.58 3.80031 10.99C3.80031 11.53 4.25031 12.23 4.75031 12.45L11.4903 15.45C11.8103 15.59 12.1803 15.59 12.5003 15.45L19.2403 12.45C19.7403 12.23 20.1903 11.54 20.1903 10.99C20.1903 10.58 20.5203 10.25 20.9303 10.25C21.3403 10.25 21.6703 10.58 21.6703 10.99C21.6703 12.11 20.8703 13.35 19.8403 13.81L13.1003 16.81C12.7603 16.96 12.3803 17.04 12.0003 17.04Z",fill:"#292D32"}),jsx("path",{d:"M12.0003 22.0009C11.6203 22.0009 11.2403 21.9209 10.8903 21.7709L4.15031 18.7709C3.04031 18.2809 2.32031 17.1709 2.32031 15.9509C2.32031 15.5409 2.65031 15.2109 3.06031 15.2109C3.47031 15.2109 3.80031 15.5409 3.80031 15.9509C3.80031 16.5809 4.17031 17.1509 4.75031 17.4109L11.4903 20.4109C11.8103 20.5509 12.1803 20.5509 12.5003 20.4109L19.2403 17.4109C19.8103 17.1609 20.1903 16.5809 20.1903 15.9509C20.1903 15.5409 20.5203 15.2109 20.9303 15.2109C21.3403 15.2109 21.6703 15.5409 21.6703 15.9509C21.6703 17.1709 20.9503 18.2709 19.8403 18.7709L13.1003 21.7709C12.7603 21.9209 12.3803 22.0009 12.0003 22.0009Z",fill:"#292D32"})]}),play:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M8 5v14l11-7z"})}),pause:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"})}),next:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"m6 18 8.5-6L6 6zM16 6v12h2V6z"})}),prev:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M6 6h2v12H6zm3.5 6 8.5 6V6z"})}),plus:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",children:jsx("path",{d:"M28 14H18V4a2 2 0 0 0-4 0v10H4a2 2 0 0 0 0 4h10v10a2 2 0 0 0 4 0V18h10a2 2 0 0 0 0-4"})}),add:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:jsx("path",{d:"M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2m4 10.75h-3.25V16c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-3.25H8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h3.25V8c0-.41.34-.75.75-.75s.75.34.75.75v3.25H16c.41 0 .75.34.75.75s-.34.75-.75.75"})}),chevronUp:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"m7 14 5-5 5 5z"})}),chevronBottom:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"m7 10 5 5 5-5z"})}),chevronRight:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"m10 17 5-5-5-5v10z"})}),chevronLeft:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"m14 7-5 5 5 5V7z"})}),chevronRightOutline:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"})}),chevronLeftOutline:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"})}),chevronUpOutline:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"})}),chevronDownOutline:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",children:jsx("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"})}),bezier:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M19.14 7.72C19.43 8.47 20.15 9 21 9C22.1 9 23 8.1 23 7C23 5.9 22.1 5 21 5C20.15 5 19.43 5.53 19.14 6.28C19.09 6.27 19.05 6.25 19 6.25H15V5.5C15 4.68 14.32 4 13.5 4H10.5C9.68 4 9 4.68 9 5.5V6.25H5C4.95 6.25 4.91 6.27 4.86 6.28C4.57 5.53 3.85 5 3 5C1.9 5 1 5.9 1 7C1 8.1 1.9 9 3 9C3.85 9 4.57 8.47 4.86 7.72C4.91 7.73 4.95 7.75 5 7.75H7.57C5.52 9.27 4.25 11.79 4.25 14.5C4.25 14.67 4.26 14.83 4.28 15H4C3.17 15 2.5 15.67 2.5 16.5V18.5C2.5 19.33 3.17 20 4 20H6C6.22 20 6.42 19.95 6.61 19.86C7.13 19.64 7.5 19.11 7.5 18.5V16.5C7.5 15.67 6.83 15 6 15H5.77C5.77 14.97 5.78 14.94 5.78 14.91C5.76 14.77 5.76 14.64 5.76 14.5C5.76 12.03 7.03 9.77 9.02 8.6C9.06 9.37 9.71 10 10.5 10H13.5C14.29 10 14.94 9.37 14.99 8.6C16.98 9.77 18.25 12.04 18.25 14.5C18.25 14.64 18.24 14.77 18.23 14.91C18.23 14.94 18.24 14.97 18.24 15H18C17.17 15 16.5 15.67 16.5 16.5V18.5C16.5 19.11 16.87 19.64 17.39 19.86C17.58 19.95 17.78 20 18 20H20C20.83 20 21.5 19.33 21.5 18.5V16.5C21.5 15.67 20.83 15 20 15H19.72C19.74 14.83 19.75 14.67 19.75 14.5C19.75 11.79 18.48 9.27 16.43 7.75H19C19.05 7.75 19.09 7.73 19.14 7.72Z",fill:"#292D32"})}),mouse:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M13.2978 2.11468C13.0064 2.06339 12.75 2.29593 12.75 2.59185V5.45262C12.75 5.65098 12.8709 5.82564 13.0359 5.93583C13.5391 6.27202 13.87 6.84597 13.87 7.49906V9.49906C13.87 10.5291 13.03 11.3791 12 11.3791C10.96 11.3791 10.12 10.5291 10.12 9.49906V7.49906C10.12 6.84578 10.4583 6.27168 10.9639 5.93554C11.1291 5.82572 11.25 5.65098 11.25 5.45262V2.59249C11.25 2.29634 10.9935 2.0637 10.7019 2.11513C9.15243 2.38834 7.76579 3.13327 6.7 4.19906C5.34 5.55906 4.5 7.43906 4.5 9.49906V14.4991C4.5 18.6291 7.87 21.9991 12 21.9991C16.13 21.9991 19.5 18.6291 19.5 14.4991V9.49906C19.5 5.80857 16.813 2.73328 13.2978 2.11468Z",fill:"#292D32"})}),addKey:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:jsx("path",{d:"M20.9498 14.55L14.5598 20.94C13.1598 22.34 10.8598 22.34 9.44977 20.94L3.05977 14.55C1.65977 13.15 1.65977 10.85 3.05977 9.44L9.44977 3.05C10.8498 1.65 13.1498 1.65 14.5598 3.05L20.9498 9.44C22.3498 10.85 22.3498 13.15 20.9498 14.55Z",fill:"#292D32"})}),calendar:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[jsx("path",{fill:"#292D32",d:"M8.25 5.75c-.41 0-.75-.34-.75-.75V2c0-.41.34-.75.75-.75S9 1.59 9 2v3c0 .41-.34.75-.75.75M15.75 5.75c-.41 0-.75-.34-.75-.75V2c0-.41.34-.75.75-.75s.75.34.75.75v3c0 .41-.34.75-.75.75M12 14.09c.52 0 .9-.31.9-.8 0-.5-.38-.79-.9-.79s-.9.29-.9.79c0 .49.38.8.9.8M12 17c.629 0 1.14-.416 1.14-.93 0-.513-.511-.93-1.14-.93-.63 0-1.14.417-1.14.93s.51.93 1.14.93"}),jsx("path",{fill:"#292D32",d:"M19.57 4.5c-.66-.49-1.61-.02-1.61.81v.1c0 1.17-.84 2.25-2.01 2.37-1.35.14-2.49-.92-2.49-2.24V4.5c0-.55-.45-1-1-1h-.92c-.55 0-1 .45-1 1v1.04c0 .79-.41 1.49-1.03 1.88-.09.06-.19.11-.29.16q-.135.075-.3.12c-.12.04-.25.07-.39.08q-.24.03-.48 0c-.14-.01-.27-.04-.39-.08q-.15-.045-.3-.12c-.1-.05-.2-.1-.29-.16-.63-.44-1.03-1.2-1.03-2.01v-.1c0-.77-.82-1.23-1.47-.9-.01.01-.02.01-.03.02-.04.02-.07.04-.11.07-.03.03-.07.05-.1.08-.28.22-.53.47-.74.74-.11.12-.2.25-.28.38a3.498 3.498 0 0 0-.27.46c-.02.02-.03.03-.03.05-.06.12-.12.24-.16.37-.03.05-.04.09-.06.14-.06.15-.1.3-.14.45-.04.14-.07.29-.09.44a5.902 5.902 0 0 0-.06.76v8.76A4.87 4.87 0 0 0 7.37 22h9.26a4.87 4.87 0 0 0 4.87-4.87V8.37c0-1.59-.76-2.98-1.93-3.87M12 18.25c-1.55 0-2.5-.77-2.5-2.01 0-.68.35-1.27.96-1.62-.44-.31-.73-.77-.73-1.4 0-1.3 1.04-1.97 2.27-1.97s2.26.67 2.26 1.97c0 .63-.28 1.09-.73 1.4.62.35.97.94.97 1.62 0 1.24-.96 2.01-2.5 2.01"})]}),done:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"})}),doneAll:jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:jsx("path",{d:"m18 7-1.41-1.41-6.34 6.34 1.41 1.41zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12zM.41 13.41 6 19l1.41-1.41L1.83 12z"})}),pending:jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:[jsx("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"}),jsx("path",{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"})]})},k=Ys;var Qs=({title:o="Alert",onClose:n})=>jsxs(l,{as:"--head flex aic rel",children:[jsx(l,{as:`--${o?"title":"dot"} flex aic jcc rel`,children:o}),jsx(z,{onClick:e=>n(),className:"--closer abs center-v",children:k.close})]}),jo=Qs;var js=({action:o,render:n=true,message:e=""})=>jsx(l,{as:`--body flex aic rel ${o?"":"--no-action"}`.trim(),children:n?e:null}),er=js;var ta=({action:o,actionPosition:n,dialogID:e,variant:r})=>jsx(l,{as:`--footer flex aic rel ${n?n==Do.Center?"jcc":"":"jce"}`.trim(),children:o.map((t,s)=>jsx(z,{variant:r,onClick:u=>t.handler?t.handler():t.onClick?t.onClick():console.log("onClick Handler missing"),as:"--action",children:t.label},`dialog-${e}-action-${t.key}`))}),or=ta;var nr=forwardRef((o,n)=>{let{h:e,html:r,children:t,lines:s,...u}=o,{style:m,className:p,rest:a}=N(u),i=`h${o.h||1}`;return jsx(i,{ref:n,style:m,className:p,...a,children:r?jsx(Q,{dangerouslySetInnerHTML:{__html:r}}):t})});nr.displayName="Zuz.Text";var H=nr;var ar=forwardRef((o,n)=>{let{message:e,spinner:r,spinnerSize:t,color:s,when:u,hideMessage:m,...p}=o,{className:a,style:i,rest:f}=N(p);return "when"in o&&o.when==false?null:jsxs(l,{className:`--cover flex aic jcc cols abs fillx nope nous ${a}`.trim(),style:{...i,backgroundColor:"var(--cover-bg)"},...f,children:[jsx(he,{variant:t||W.Small,type:r||me.Simple}),!m&&jsx(H,{className:"--label",style:{color:"var(--cover-label)"},children:e||"loading"})]})});ar.displayName="Zuz.Cover";var Be=ar;var mr=({ref:o,...n})=>{let{index:e,id:r,title:t,message:s,transition:u,curve:m,speed:p,type:a,action:i,actionPosition:f,spinner:c,loadingMessage:g,variant:v,onClose:x,onShow:w,onHide:R,...h}=n,d=useMemo(()=>uuid(12),[]),[S,I]=useState(t||""),[P,C]=useState(s||""),[E,D]=useState(a||De.Dialog),[B,_]=useState(false),[L,G]=useState(true),[U,V]=useState(i||null),[T,A]=useState(false),{variant:$,spinner:K,dialog:O}=ee(true),F=v||O?.variant||$||W.Small,{style:Y,className:oe,rest:j}=N(h),pe=useRef(null),ge=se({when:B,duration:p||O?.speed||.3,delay:O?.delay||.1,transition:u||O?.transition||q.SlideInBottom,curve:m||O?.curve||Z.EaseInOut});return useEffect(()=>{D(De.Dialog),C(s),I(S),U&&V(U.reduce((lt,mt)=>(lt.push({...mt,key:mt.key||uuid(12)}),lt),[])),_(true),setTimeout(()=>w?w():()=>{},1e3);},[]),jsxs(Fragment$1,{children:[jsx(Ee,{when:B}),jsxs(l,{as:`--dialog --${(a??De.Default).toLowerCase()} ${B?"--visible":""} ${oe} fixed abc`.trim(),style:ge.style,...j,ref:pe,children:[jsx(Be,{when:T,spinner:c||O?.spinner||K?.type||me.Simple,message:g||O?.loadingMessage}),jsx(jo,{title:S,onClose:()=>{x(r),_(false);}}),jsx(er,{message:P,render:L,action:U}),U&&jsx(or,{variant:F,action:U,dialogID:d,actionPosition:f})]})]})};mr.displayName="Zuz.Dialog";var $t=mr;var cr=(s=>(s.Default="default",s.Success="success",s.Error="error",s.Warn="warn",s.Promise="promise",s))(cr||{}),pr={success:"Action Successful",error:"Something Went Wrong",warn:"Heads Up",default:"Notice"};var ca=({index:o,id:n,type:e,icon:r,title:t,message:s,duration:u,onClose:m})=>{let p=useDelayed(),a=useDelayed(((u||4)-1)*1e3),{toast:i}=ee(true),f=se({when:p&&!a,duration:i?.duration||.2,transition:q.SlideInTop,curve:i?.curve||Z.EaseInOut});return useEffect(()=>{console.log("--expired",a,n),a&&n&&m?.(n);},[a,n]),jsxs(l,{as:`--snack --${e} --snack-${n} ${o>2?"--snacked":""} flex aic`,style:f.style,children:[jsx(l,{as:"--ico flex aic jcc",fx:{transition:q.ScaleIn,curve:Z.Spring,delay:.2,when:p&&!a},children:r?jsx(X,{name:r,fx:{transition:q.ScaleIn,curve:Z.Spring,delay:.4,duration:.5,when:p&&!a}}):jsx(l,{as:"--no-icon",fx:{transition:q.ScaleIn,curve:Z.Spring,delay:.4,duration:.5,when:p&&!a}})}),jsxs(l,{as:"--meta",children:[jsx(H,{as:"--tt",fx:{transition:q.SlideInTop,curve:Z.Spring,delay:.3,when:p},children:t||pr[e]}),jsx(H,{as:"--tm",fx:{transition:q.SlideInTop,curve:Z.Spring,delay:.4,duration:.5,when:p},children:s})]})]})},zt=ca;var _t=class{stack=[];SCROLL_CLASS="--no-scroll";updateScrollLock(){typeof window>"u"||(this.stack.length>0?document.body.classList.add(this.SCROLL_CLASS):document.body.classList.remove(this.SCROLL_CLASS));}isTop(n){return this.stack[this.stack.length-1]===n}push(n){this.stack.includes(n)||(this.stack.push(n),this.updateScrollLock());}pop(n){this.stack=this.stack.filter(e=>e!==n),this.updateScrollLock();}handleEscape(){let n=this.stack[this.stack.length-1];return n?(n(),true):false}get count(){return this.stack.length}},Xe=new _t;var xr=({ref:o,...n})=>{let{id:e,index:r,from:t,speed:s,children:u,margin:m,animation:p,prerender:a,onClose:i,...f}=n,{drawer:c}=ee(true),[g,v]=useState(u),[x,w]=useState(false),[R,h]=useState(a??(c?.prerender||true)),d=()=>{w(false),i?.(e??-1);},{className:S,style:I,rest:P}=N(f),C=useMemo(()=>[{keys:[KeyCode.Escape],callback:()=>{Xe.isTop(d)&&d();}}],[x]);useShortcuts(C),useEffect(()=>{v(u);},[u]),useEffect(()=>(x?Xe.push(d):Xe.pop(d),()=>Xe.pop(d)),[x]),useEffect(()=>{w(true);},[]);let E=t||c?.from||ne.Left,D=useMemo(()=>{switch(E){case ne.Left:return {from:{x:"-100vw"},to:{x:0}};case ne.Right:return {from:{x:"100vw"},to:{x:0}};case ne.Top:return {from:{y:"-100vh"},to:{y:0}};case ne.Bottom:return {from:{y:"100vh"},to:{y:0}};default:return {from:{x:"-100vw"},to:{x:0}}}},[t,c?.from]),B=se({from:{...D.from,opacity:0},to:{...D.to,opacity:1},when:x,curve:p||c?.animation||Z.EaseInOut,duration:s||c?.speed||.5});return jsxs(Fragment$1,{children:[jsx(Ee,{onClick:_=>{x&&d();},when:x}),jsxs(l,{ref:o,"aria-hidden":!x,className:`--drawer flex cols ${S} --${E.toLowerCase()} fixed`,style:{...I,...B.style,"--m":`${m||c?.margin||0}px`},...P,children:[t==ne.Top||t==ne.Bottom?jsx(l,{className:"--handle"}):null,R||x?g:null]})]})};xr.displayName="Zuz.Drawer";var Kt=xr;var da=o=>{let{label:n,labelColor:e,icon:r,iconColor:t,index:s,className:u,onSelect:m}=o;return n=="-"?jsx(l,{className:"--line"}):jsxs(z,{reset:true,onClick:p=>m(),className:`--item ${u||""}`.trim(),children:[jsx(l,{as:"--icon",children:jsx(X,{name:r,className:"--ico",style:t?{color:t}:{}})}),jsx(H,{className:"--lbl flex aic",style:e?{color:e}:{},children:n})]})},yr=da;var vr=({ref:o,...n})=>{let{id:e,as:r,offsetX:t,offsetY:s,parent:u,event:m,when:p,items:a,header:i,footer:f,origin:c=Ke.TopRight,...g}=n,[v,x]=useState(false),[w,R]=useState(a||[]),{position:h,targetRef:d,calculatedAnchor:S}=useAnchorPosition(u?.current,m,{offsetX:t,offsetY:s,preferredAnchor:c});useEffect(()=>{p&&h.top!==0?x(true):p||x(false);},[p,h]);let{className:I,style:P,rest:C}=N(g),E=se({from:{opacity:0,scale:.8,y:-10},to:{opacity:1,scale:1,y:0},curve:Z.EaseInOut,duration:.05,when:v});return jsxs(l,{className:`--contextmenu abs flex cols ${I}`.trim(),"aria-hidden":!v,style:{...P,...E.style,top:h.top,left:h.left,overflow:"hidden",transformOrigin:S},...C,children:[typeof i=="function"?createElement(i):i,w.map((D,B)=>jsx(yr,{...D,index:B},`context-${D.label.toLowerCase()}-${B}`)),typeof f=="function"?createElement(f):f]})};vr.displayName="Zuz.ContextMenu";var Ut=vr;var ce=createContext(null),Pa=({ref:o,...n})=>{let e=useContext(ce),r=useRef(0),[t,s]=useState(null),[u,m]=useState(false),[p,a]=useState([]),i=useDelayed(),f=useRef(0),c=()=>++f.current;useEffect(()=>{let h=e;for(;h?.isSubLayer;)r.current++;},[e]);let g=()=>{m(false),setTimeout(()=>s(null),200);};useImperativeHandle(o,()=>({add(h){let d=c(),S={id:d,...h};return a(I=>[S,...I.slice(0,20)]),d},openMenu(h){m(false),setTimeout(()=>{s({id:c(),type:"menu",props:h}),m(true);},16);},remove(h){a(d=>d.filter(S=>S.id!==h)),t?.id===h&&g();},clear(){a([]);}})),useEffect(()=>{if(t&&u){let h=()=>g();return document.addEventListener("click",h),()=>document.removeEventListener("click",h)}},[t,u,g]);let v=h=>{setTimeout(()=>{a(d=>d.filter(S=>S.id!==h)),t?.id===h&&s(null);},1e3);};if(!i)return null;let x=p.filter(h=>h.type=="dialog"),w=p.filter(h=>h.type=="drawer"),R=p.filter(h=>h.type=="toast");return createPortal(jsxs(l,{as:"--zuz-layers-wrapper fixed fill nope",style:{zIndex:9999+r.current},children:[x.length>0&&jsx(l,{as:"--zuz-layer-dialogs fixed fill nope",children:x.map((h,d)=>jsx($t,{onClose:v,index:d,id:h.id,...h.props},`layer-${h.type}-${h.id}`))}),w.length>0&&jsx(l,{as:"--zuz-layer-drawers fixed fill nope",children:w.map((h,d)=>jsx(Kt,{onClose:v,index:d,id:h.id,...h.props},`layer-${h.type}-${h.id}`))}),R.length>0&&jsx(l,{as:"--zuz-layer-toasts fixed fill nope",children:R.map((h,d)=>jsx(zt,{onClose:v,index:d,id:h.id,...h.props},`layer-${h.type}-${h.id}`))}),t&&jsx(l,{as:"--zuz-layer-menus fixed fill nope",children:jsx(Ut,{onClose:g,when:u,...t.props},`menu-${t.id}`)})]}),document.body)},Ra=({children:o})=>{let n=useContext(ce),e=(n?.depth??0)+(n?1:0),r=useRef(null),t=useMemo(()=>({add:s=>r.current?.add(s),openMenu:s=>r.current?.openMenu(s),remove:s=>r.current?.remove(s),clear:()=>r.current?.clear(),depth:e,isSubLayer:!!n}),[r.current,n]);return jsxs(ce.Provider,{value:t,children:[o,jsx(Pa,{ref:r})]})},Na=Ra;var Ea=()=>{let o=useContext(ce);if(!o)throw new Error("useDialog must be used inside <ThemeProvider>");return {clearAll:()=>o.clear(),show:t=>o.add({type:"dialog",props:{...t,type:De.Dialog}}),hide:t=>o.remove(t)}},Ba=Ea;var Ma=()=>{let o=useContext(ce);if(!o)throw new Error("useToast must be used inside <ToastProvider>");let n=(a,i)=>o.add({type:"toast",props:{...i,type:a}});return {show:(a,i,f,c)=>n("default",{title:a,message:i,icon:f,duration:c}),hide:a=>o.remove(a),success:(a,i,f,c)=>n("success",{title:a,message:i,icon:f,duration:c}),error:(a,i,f,c)=>n("error",{title:a,message:i,icon:f,duration:c}),warn:(a,i,f,c)=>n("warn",{title:a,message:i,icon:f,duration:c}),promise:(a,i,f,c)=>n("promise",{title:a,message:i,icon:f,duration:c}),clearAll:()=>o.clear()}},qt=Ma;var ka=()=>{let o=useContext(ce);if(!o)throw new Error("useDialog must be used inside <ThemeProvider>");let n=()=>o.clear(),e=t=>o.remove(t),r=t=>o.add({type:"drawer",props:t});return {clearAll:n,open:t=>r({children:t}),right:t=>r({children:t,from:ne.Right}),left:t=>r({children:t,from:ne.Left}),top:t=>r({children:t,from:ne.Top}),bottom:t=>r({children:t,from:ne.Bottom}),close:e}},Da=ka;var Aa=(o,n,e={})=>{let[r,t]=useState(null),[s,u]=useState(false),{duration:m=.25,curve:p=Z.EaseOutBack,borderRadius:a={from:40,to:24},targetWidth:i=320}=e;return useLayoutEffect(()=>{n&&o.current?(t(o.current.getBoundingClientRect()),u(true)):n||u(false);},[n,o]),{style:se({from:{opacity:0,width:r?.width,height:r?.height,borderRadius:a.from},to:{opacity:1,width:i,height:"auto",borderRadius:a.to},curve:p,duration:m,when:s&&n}).style,isMeasured:s,sourceRect:r}},Va=Aa;var za=()=>{let o=useContext(ce);if(!o)throw new Error("useContextMenu must be used inside <ThemeProvider>");return {showContextMenu:(r,t,s)=>{r.preventDefault(),o.openMenu({event:r,items:t,origin:s});},showMenu:(r,t,s)=>{o.openMenu({parent:r,items:t,origin:s||Ke.TopCenter});},hide:o.clear}},_a=za;var Rr=({ref:o,style:n,...e})=>{let r=useRef(null),t=useMemo(()=>o&&typeof o!="function"&&o.current?o:r,[o]),{style:s,className:u,rest:m}=N(e,t);return jsx("div",{ref:o||r,style:{...s,...n||{}},className:u,...m})};Rr.displayName="Zuz.Box";var l=Rr;var Ir=forwardRef((o,n)=>{let{title:e,message:r,...t}=o,[s,u]=useState(false);return jsxs(l,{className:"--accordion flex cols",...t,children:[jsxs(z,{onClick:m=>u(!s),className:`--toggle flex aic ${s?"--open":""}`.trim(),children:[jsx(H,{className:"--label flex",children:e}),jsx(l,{className:"--arrow flex",children:s?k.arrowUp:k.arrowDown})]}),s&&jsx(l,{className:"--detail",children:r})]})});Ir.displayName="Zuz.Accordion";var Ga=Ir;var qa=({label:o,icon:n,onClick:e,idx:r,selected:t})=>jsx(z,{onClick:e,onMouseMove:s=>document.documentElement.style.setProperty("--tip-m",`${r}`),className:`--action ${t?"--selected":""} aic jcc rel`.trim(),children:typeof n=="string"?jsx(X,{name:n}):n}),Br=qa;var Lr=forwardRef((o,n)=>{let{items:e,name:r,selected:t,position:s,...u}=o,m=useRef(null),[p,a]=useState(t||e[0].tag||0),i=useCallback(({x:w,y:R})=>{if(m.current){let h=m.current.getBoundingClientRect();document.documentElement.style.setProperty("--tip-x",`${w-h.left}`),document.documentElement.style.setProperty("--tip-y",`${R-h.top}`),document.documentElement.style.setProperty("--tip-s","1");}},[]),f=useCallback(()=>{m.current&&(m.current.removeEventListener("pointerleave",f),m.current.removeEventListener("pointermove",i),document.documentElement.style.setProperty("--tip-s","0"));},[]),c=useCallback(()=>{m.current&&(m.current.addEventListener("pointerleave",f),m.current.addEventListener("pointermove",i));},[]);useEffect(()=>{m.current&&(document.documentElement.style.setProperty("--tip-w",e.reduce((w,R)=>R.label.length>w.length?R.label:w,"").length.toString()),document.documentElement.style.setProperty("--tip-s","0"),document.documentElement.style.setProperty("--tip-l",`${e.length}`),m.current?.addEventListener("pointerenter",c));},[]);let{className:g,style:v,rest:x}=N(u);return jsxs(l,{ref:m,style:v,className:[`--actionbar flex aic ${g}`,`${!s||s==te.Auto?"rel":`--${s}`}`].join(" ").trim(),...x,children:[e.map((w,R)=>jsx(Br,{selected:p===w.tag||t==R,...w,idx:R},`actionbar-action-${w.label.toLowerCase().replace(/\s+/g,"-")}`)),jsx(l,{className:"--tip abs",children:jsx(l,{className:"--track flex aic",children:e.map(({label:w})=>jsx(l,{className:"--lb",children:w},`tool-tip-${w.toLowerCase().replace(/\s+/g,"-")}`))})})]})});Lr.displayName="Zuz.ActionBar";var ja=Lr;var Or=forwardRef((o,n)=>{let{type:e,icon:r,title:t,message:s,iconSize:u,...m}=o,{className:p,style:a,rest:i}=N(m);return jsxs(l,{className:`--alert --${e||ie.Info} flex aic ${p}`.trim(),style:a,...i,children:[jsx(l,{className:`--icon icon-${r||"auto-matic"}`,style:u?{fontSize:u,width:u,height:u}:{},children:!r&&k[e||ie.Info]}),jsxs(l,{className:"--meta flex cols",children:[jsx(H,{className:`--title ${s?"--tm":""}`,children:t||"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}),s&&jsx(H,{className:"--message",h:2,children:s})]})]})});Or.displayName="Zuz.Alert";var oi=Or;var kr=({ref:o,...n})=>{let{variant:e,numeric:r,onConfirm:t,...s}=n,{style:u,className:m,rest:p}=N(s),{variant:a}=ee(true),i=f=>{r&&(f.currentTarget.value=f.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};return jsx("input",{className:`--input --${e||a} flex ${m}`.trim(),style:u,onInput:i,onKeyDown:f=>{f.key=="Enter"&&t?.(f.currentTarget.value);},ref:o,...p})};kr.displayName="Zuz.Input";var re=kr;var Hr=o=>{let{meta:n,children:e}=o,r=useDelayed(),{label:t,icon:s,...u}=isValidElement(n)?{}:n,{className:m,style:p,rest:a}=N({...u,...u.animate?{animate:{...u.animate,when:r}}:{}});return isValidElement(n)?jsx("li",{style:p,className:m,children:n}):jsxs("li",{style:p,className:m,...a,children:[e,typeof n=="string"?n:t]})};Hr.displayName="Zuz.ListItem";var Ar=Hr;var $r=forwardRef((o,n)=>{let{items:e,variant:r,direction:t,seperator:s,ol:u,...m}=o,{className:p,style:a,rest:i}=N(m),f=u==true?"ol":"ul";return createElement(f,{className:`--list --${r||W.Small} flex ${t??"cols"} ${p}`.trim(),style:a,ref:n,...i,children:e.map((c,g,v)=>{let x=`${typeof c=="string"?`li-${String(c)}`:isValidElement(c)?`li-${c.key}`||`${g}-${MD5(c.toString())}`:c.label}-${g}`;return jsxs(Fragment,{children:[jsx(Ar,{meta:c}),s&&v[g+1]?jsx("li",{className:"--list-seperator",children:s},`spt-${g+1}-${x}`):null]},x)})})});$r.displayName="Zuz.List";var Me=$r;var _r=forwardRef((o,n)=>{let{fx:e,action:r,data:t,withStyle:s,onChange:u,...m}=o,{className:p}=N({as:s||""}),{style:a}=N(m),[i,f]=useState(false),[c,g]=useState(t||[]),v=useRef(null),x=useRef(null),w=useRef(null),R=useMemo(()=>m.name||uuid(12),[]),[h,d]=useState(null),[S,I]=useState(null),[P,C]=useState([]),D=useDebounce(T=>{T.target.value==""?(f(false),g([])):r&&T.target.value.trim()!=""&&withPost(r,{query:T.target.value}).then(A=>{"items"in A&&_(A.items).isArray()?(g(A.items),I(T.target.value),C(A.items)):console.error("Action Response should contain items array"),d(null);}).catch(A=>{d(null),g([]);});},250),B=()=>{if(x.current){let T=x.current.getBoundingClientRect(),A=window.innerHeight-T.bottom,$=T.top;if(w.current){let K=w.current;A<K.offsetHeight&&$>A?(K.style.top="auto",K.style.bottom=`${T.height}px`,K.style.maxHeight=`${$-150}px`):(K.style.top=`${T.height+5}px`,K.style.bottom="auto",K.style.maxHeight=`${A-150}px`);}}},_$1=T=>{if(c.length>0){if((T.key==="ArrowDown"||T.key==="ArrowUp")&&(T.preventDefault(),T.stopPropagation()),T.key==="Escape")d(null),f(false),g([]);else if(T.key==="ArrowDown")d(A=>{let $=A===null||A===c.length-1?0:A+1;return G($),$});else if(T.key==="ArrowUp")d(A=>{let $=A===null||A===0?c.length-1:A-1;return G($),$});else if(T.key==="Enter"&&h!==null){let A=c[h];v.current&&(v.current.value=A,f(false),g([]));}}},L=T=>{v.current&&(v.current.value=T,f(false),g([]));},G=T=>{let A=c[T];if(A&&v.current&&(v.current.value=A,v.current.setSelectionRange(A.length,A.length)),w.current){let K=w.current.children[T];K&&K.scrollIntoView({block:"nearest"});}},U=T=>{x.current&&!x.current.contains(T.target)&&(f(false),g([]));},V=()=>{v.current&&v.current.value===S&&(g(P),d(null),B());};return useEffect(()=>(window.addEventListener("resize",B),window.addEventListener("scroll",B,true),document.addEventListener("mousedown",U),()=>{window.removeEventListener("resize",B),window.removeEventListener("scroll",B,true),document.removeEventListener("mousedown",U);}),[]),useEffect(()=>{B();},[c]),jsxs(l,{style:a,ref:x,className:`--autocomplete --${o.size||W.Small} flex aic rel ${p}`.trim(),children:[jsx(re,{ref:v,autoComplete:"off",onChange:D,onKeyDown:_$1,onFocus:V,...m}),jsx(l,{className:"--arrow rel flex aic jcc",children:c.length>0?k.arrowUp:k.arrowDown}),c.length>0&&jsx(Me,{id:R,ref:w,className:"--suggestion-list flex cols abs",items:c.map((T,A)=>({label:T,onClick:$=>{$.preventDefault(),$.stopPropagation(),L(T);},className:h===A?"--current":"",animate:{transition:q.SlideInBottom,curve:Z.EaseInOut,delay:clamp(.02*A,.02,.5)}}))})]})});_r.displayName="Zuz.AutoComplete";var wi=_r;var Fr=forwardRef((o,n)=>{let e=useRef(null),r=useMemo(()=>n&&typeof n!="function"&&n.current?n:e,[n]),{style:t,className:s,rest:u}=N(o,r);return !u.src||u.src==""?null:jsx("img",{ref:r,style:t,className:`${s} flex`,...u})});Fr.displayName="Zuz.Image";var Qe=Fr;var Zr=forwardRef((o,n)=>{let{src:e,variant:r,type:t,crossOrigin:s,referrerPolicy:u,fx:m,as:p,alt:a,color:i,style:f,...c}=o,[g,v,x]=useImage(e??"",s,u),{className:w,style:R,rest:h}=N({fx:m,as:p});return useEffect(()=>{if(t==Bt.Square&&!document.getElementById("squareRadiusClipPath")){let d="http://www.w3.org/2000/svg",S=document.createElementNS(d,"svg");S.setAttribute("width","0"),S.setAttribute("height","0");let I=document.createElementNS(d,"defs"),P=document.createElementNS(d,"clipPath");P.setAttribute("id","squareRadiusClipPath"),P.setAttribute("clipPathUnits","objectBoundingBox");let C=document.createElementNS(d,"path");C.setAttribute("d","M0.986 0.347C0.951 0.11 0.777 -0.002 0.5 0C0.223 -0.002 0.049 0.11 0.014 0.347C0.005 0.404 0 0.452 0 0.5C0 0.548 0.005 0.596 0.014 0.653C0.049 0.89 0.223 1.002 0.5 1C0.777 1.002 0.951 0.89 0.986 0.653C0.995 0.596 1 0.548 1 0.5C1 0.452 0.995 0.404 0.986 0.347Z"),P.appendChild(C),I.appendChild(P),S.appendChild(I),document.body.appendChild(S);}},[e]),jsx(l,{className:`--avatar --${r||W.Small} --${(t||Bt.Circle).toLowerCase()} rel flex aic jcc ${w}`.trim(),style:{background:i||"var(--primary)",...f,...R},...h,children:e?jsx(Qe,{src:g,crossOrigin:s,referrerPolicy:u,...c}):jsx(H,{className:"--avatar-label",children:(a?a.charAt(0):"A").toUpperCase()})})});Zr.displayName="Zuz.Avatar";var Ei=Zr;var Bi=({size:o=6,type:n="idle",label:e="",loading:r=false,...t})=>{let{style:s,className:u,rest:m}=N(t);return jsxs(l,{style:{width:`${o+4}px`,height:`${o+4}px`,...s},as:`--badge rel flex aic jcc ${u}`.trim(),children:[jsx(l,{fx:{transition:q.FadeIn,curve:Z.Liquid,duration:.5,when:r},as:"abs abc",children:jsx(he,{})}),jsx(l,{style:{width:`${o}px`,height:`${o}px`},as:`--dot --${n}`})]})},Li=Bi;var Ui=[{label:"Today",getDate:()=>new Date,getDateFormat:()=>format(new Date,"EEE")},{label:"Later",getDate:()=>new Date,getDateFormat:()=>format(addHours(new Date,2),"hh:mm a")},{label:"Tomorrow",getDate:()=>addDays(new Date,1),getDateFormat:()=>format(addDays(new Date,1),"EEE")},{label:"This weekend",getDate:()=>{let o=new Date,n=o.getDay();return addDays(o,(6-n)%7||6)},getDateFormat:()=>{let o=new Date,n=o.getDay();return format(addDays(o,(6-n)%7||6),"EEE, MMM d")}},{label:"Next week",getDateFormat:()=>format(addWeeks(new Date,1),"EEE, MMM d"),getDate:()=>addWeeks(new Date,1)},{label:"Next weekend",getDateFormat:()=>format(addWeeks(new Date,1),"d MMM"),getDate:()=>addWeeks(new Date,1)},{label:"2 weeks",getDateFormat:()=>format(addWeeks(new Date,2),"d MMM"),getDate:()=>addWeeks(new Date,2)},{label:"4 weeks",getDateFormat:()=>format(addWeeks(new Date,4),"d MMM"),getDate:()=>addWeeks(new Date,4)}],Wi=o=>{let n=new Set;return o.filter(e=>{if(e.label=="Later")return true;let r=e.getDate().toISOString().split("T")[0];return n.has(r)?false:(n.add(r),true)})},Kr=forwardRef((o,n)=>{let{defaultValue:e,variant:r,onChange:t,...s}=o,{style:u,className:m,rest:p}=N(s),[a,i]=useState(e||new Date),f=startOfMonth(a),c=endOfMonth(a),g=startOfWeek(f),v=endOfWeek(c),x=useMemo(()=>eachDayOfInterval({start:g,end:v}),[g,v]),w=d=>{t?.(d),i(d);},R=()=>{i(d=>new Date(d.getFullYear(),d.getMonth()-1));},h=()=>{i(d=>new Date(d.getFullYear(),d.getMonth()+1));};return jsxs(l,{as:`--calendar flex --${r||"sm"} ${m}`,style:u,children:[jsx(l,{as:"--calendar-quick-select flex cols flex:1",children:Wi(Ui).map(d=>{let S=d.getDate();return jsxs(z,{onClick:()=>w(S),as:["--calendar-quick-option flex aic gap:5"],children:[jsx(H,{as:"flex:1",children:d.label}),jsx(H,{as:"tar",children:d.getDateFormat()})]},`--dtp-option-label-${d.label}`)})}),jsxs(l,{as:"--calendar-selector flex cols flex:1",children:[jsxs(l,{as:"--calendar-head flex aic jcc gap:4",children:[jsx(H,{as:"flex:1 --calendar-cm bold",children:format(a,"MMMM yyyy")}),jsx(z,{onClick:R,as:"--calendar-chevron",children:k.chevronUpOutline}),jsx(z,{onClick:h,as:"--calendar-chevron",children:k.chevronDownOutline})]}),jsxs(l,{as:"--calendar-days gap:4",children:[["Su","Mo","Tu","We","Th","Fr","Sa"].map(d=>jsx(H,{as:"--calendar-day",children:d},`--calendar-hd-${d}`)),x.map((d,S)=>{let I=isSameMonth(d,a),P=isSameDay(d,a),C=isToday(d);return jsx(z,{disabled:!I,onClick:()=>w(d),as:["--calendar-day --calendar-dd",`${P?"--calendar-dd-selected":""}`,`${C?"--calendar-dd-current":""}`],children:format(d,"d")},`--calendar-day-${S}-${d.getFullYear()}-${d.getMonth()}-${d.getDay()}`)})]})]})]})});Kr.displayName="Zuz.Calendar";var oo=Kr;var Ur=(n=>(n.Line="line",n))(Ur||{});var qr=forwardRef((o,n)=>{let{data:e,width:r,height:t,lineColor:s,strokeWidth:u=2,gradientStartColor:m,gradientEndColor:p,animated:a,animDuration:i=2,animDelay:f=0,padding:c=0,type:g,...v}=o,{className:x,style:w,rest:R}=N(v),h=useRef(null),d=useResizeObserver(h.current?.parentElement||h),S=typeof r=="number"?r:d.width,I=typeof t=="number"?t:d.height,P={width:S,height:I},C=useId(),{pathD:E,areaPathD:D}=useLineChart(e,P,c+(u||2)),B=useRef(null),_=useRef(null),[L,G]=useState(0),[U,V]=useState(0);return useEffect(()=>{a&&(B.current&&G(B.current.getTotalLength()),_.current&&V(_.current.getTotalLength()));},[a,E,D,S,I]),jsx(l,{ref:h,as:`--chart --${g||"line"}-chart ${x}`.trim(),style:{...w,width:r,height:t},...R,children:S>0&&I>0&&jsxs("svg",{viewBox:`0 0 ${S} ${I}`,preserveAspectRatio:"xMidYMid meet",children:[jsx("defs",{children:jsxs("linearGradient",{id:C,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[jsx("stop",{offset:"0%",stopColor:m}),jsx("stop",{offset:"100%",stopColor:p})]})}),jsx("path",{ref:_,d:D,fill:`url(#${C})`,stroke:"none",style:a?{strokeDasharray:U,strokeDashoffset:U}:{},children:a&&jsx("animate",{attributeName:"stroke-dashoffset",from:U,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})}),jsx("path",{ref:B,d:E,fill:"none",stroke:s,strokeWidth:u,strokeLinecap:"round",strokeLinejoin:"round",style:a?{strokeDasharray:L,strokeDashoffset:L}:{},children:a&&jsx("animate",{attributeName:"stroke-dashoffset",from:L,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})})]})})});qr.displayName="Zuz.Chart";var Ji=qr;var Xr=(t=>(t[t.Sending=0]="Sending",t[t.Sent=1]="Sent",t[t.Delivered=2]="Delivered",t[t.Read=3]="Read",t))(Xr||{}),Yr=(a=>(a.Image="img",a.Video="vid",a.Audio="audio",a.Link="link",a.Document="doc",a.Location="loc",a.Contact="contact",a.Event="event",a.Poll="poll",a))(Yr||{});var Jr=forwardRef((o,n)=>{let{progress:e,type:r,animated:t,...s}=o,u=useRef(null);useImperativeHandle(n,()=>({setProgress:i=>{u.current.style.width=`${i*100}%`;}}),[]),useEffect(()=>{e&&u.current&&(t?setTimeout(()=>u.current.style.width=`${e*100}%`,500):u.current.style.width=`${e*100}%`);},[e,u.current]);let{className:m,style:p,rest:a}=N(s);return jsx(l,{className:`--progress ${t?"--animated":""} flex rel ${m}`.trim(),style:p,...a,children:jsx(l,{ref:u,className:"--bar rel"})})});Jr.displayName="Zuz.ProgressBar";var no=Jr;var jr=forwardRef((o,n)=>{let{text:e,media:r,side:t="me",status:s=1,timeStamp:u=Date.now(),arrow:m=true,...p}=o,{className:a,style:i,rest:f}=N(p);return jsx(l,{className:`--bubble-wrapper flex --bw-${t}`.trim(),children:jsxs(l,{className:`--bubble --bubble-${t} ${r?`--with-media --bma-${r.type}`:""} rel flex cols ${m==true?"--b-arrow":""} ${a}`.trim(),style:{...i},...f,children:[e&&jsx(H,{className:"--bubble-text",children:e}),r?r.type=="audio"?jsxs(l,{as:"flex aic --bubble-audio",children:[jsx(Q,{className:"--bm-action",children:k.play}),jsx(no,{progress:.7}),jsx(H,{className:"--bm-dur",children:r.duration??"00:13"})]}):r.type=="img"?jsx(l,{as:"--bubble-image",children:jsx(Qe,{src:r.source})}):null:null,jsxs(l,{as:"flex aie jce --bubble-stats",children:[jsx(H,{className:"--bubble-stamp tar",children:timeSince(u)}),t=="me"&&jsx(Q,{className:`--bubble-status --bs-${s}`,children:s==0?k.pending:s==1?k.done:s==2?k.doneAll:k.doneAll})]})]})})});jr.displayName="Zuz.Bubble";var sl=jr;var en=forwardRef((o,n)=>{let{style:e,className:r,rest:t}=N(o);return jsx("label",{ref:n,style:e,className:r,...t})});en.displayName="Zuz.Label";var je=en;var tn=forwardRef((o,n)=>{let{name:e,required:r,type:t,value:s,size:u,variant:m,checked:p,onSwitch:a,...i}=o,[f,c]=useState(p||false),g=useRef(null),{variant:v}=ee(true);return useImperativeHandle(n,()=>({setChecked(x,w=true){c(x),g.current&&(g.current.checked=x),w&&a&&a(x,s||"cb");},toggle(x=true){g.current&&(g.current.checked=!f),x&&a&&a&&a(!f,s||"cb"),c(!f);}})),jsxs(je,{className:`--${(t||we.Default).toLowerCase()} ${!t||t==we.Default?"--checkbox":"--switch"} --${m||v||W.Small} flex aic jcc ${f?"is-checked":""} rel`.trim(),...i,children:[(!t||t==we.Default)&&k.check,jsx(re,{ref:g,defaultChecked:f,value:s||"cb",type:"checkbox",className:"abs",name:e,required:r||false,onChange:x=>{a&&a(x.target.checked,s||"cb"),c(x.target.checked);}})]})});tn.displayName="Zuz.CheckBox";var et=tn;var gl=({ref:o,...n})=>{let{code:e,lang:r="tsx",showLines:t=false,highlight:s="",as:u,fx:m,...p}=n,a=useRef(null),{className:i,style:f,rest:c}=N({as:`rel p:20 br:8 bg:shade-1 overflow:auto font:mono ${u}`,fx:m},a),g=useMemo(()=>{let x=new Set;return s.split(",").forEach(w=>{if(w.includes("-")){let[R,h]=w.split("-").map(Number);for(let d=R;d<=h;d++)x.add(d);}else w&&x.add(Number(w));}),x},[s]),v=useMemo(()=>{let x=e.split(`
|
|
9
|
+
`);for(;x.length>0&&x[0].trim()==="";)x.shift();for(;x.length>0&&x[x.length-1].trim()==="";)x.pop();let w=x[0]?.match(/^\s*/)?.[0].length||0,R=x.map(d=>{let S=d.match(/^\s*/)?.[0].length||0,I=Math.min(S,w);return d.slice(I)}),h=[{name:"comm",re:/\/\/.*/g},{name:"str",re:/(["'`])(?:(?=(\\?))\2.)*?\1/g},{name:"key",re:/\b(const|let|var|export|default|import|from|return|if|else|switch|case|break|as|type|interface|class|extends|await|async|new|void|typeof)\b/g},{name:"tag",re:/(<\/?[A-Z][\w\.]*|>)/g},{name:"var",re:/(?<!<\/|<)\b[A-Z]\w*\b/g},{name:"fn",re:/\b([a-z_]\w*)(?=\s*\()/gi},{name:"prop",re:/\.([a-z_]\w*)\b/gi},{name:"num",re:/\b\d+\b(?![#|A-Z|a-z|_|ZUZ])/g}];return R.map((d,S)=>{let I=d.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),P=g.has(S+1),C=[];h.forEach(E=>{I=I.replace(E.re,D=>{let B=`ZUZ_ID_${C.length}_ZUZ`;return C.push(`<span class="--token-${E.name}">${D}</span>`),B});});for(let E=C.length-1;E>=0;E--)I=I.replace(`ZUZ_ID_${E}_ZUZ`,C[E]);return `<div class="--code-line ${t==true?"--with-ln":""} ${P?"--is-highlighted":""}">
|
|
10
|
+
${t==true?`<span class="--line-number">${S+1}</span>`:""}
|
|
11
|
+
<span class="--line-content">${I||" "}</span>
|
|
12
|
+
</div>`}).join("")},[e,g]);return jsx(l,{as:`--code-block ${i}`,style:f,...p,children:jsx("pre",{ref:o,children:jsx("code",{className:`--code --lang-${r}`,dangerouslySetInnerHTML:{__html:v}})})})},hl=gl;var rn=({onSelect:o,meta:n,selected:e})=>{let r=useRef(null),{index:t,icon:s,label:u}=n,[m,p]=useState({x:0,width:0}),a=useDelayed();return useLayoutEffect(()=>{if(a&&r.current){let{width:i,x:f}=r.current.getBoundingClientRect();p({x:f,width:i}),e&&o(t,i,f,n,true);}},[a,r.current]),useEffect(()=>{e&&o(t,m.width,m.x,n,false);},[e]),jsxs(z,{onClick:()=>o(t,m.width,m.x,n,false),ref:r,className:`--segment-item flex aic rel ${e?"--segment-active":""}`.trim(),children:[s?typeof s=="string"?jsx(X,{name:s,as:"--segment-icon"}):jsx(l,{as:"--segment-icon flex aic jcc",children:s}):null,u&&String(u).trim()!=""&&jsx(l,{className:"--segment-label",children:u||`Item ${t}`})]})};rn.displayName="SelectTabItem";var nn=rn;var an=forwardRef((o,n)=>{let{fx:e,items:r,selected:t,variant:s,onSwitch:u,...m}=o,[p,a]=useState(t||0),i=useRef(false),f=useRef(p),{className:c,style:g,rest:v}=N(m),x=useRef(null),w=useRef(null),R=(h,d,S,I,P)=>{if((P||p!=h&&p!=-2)&&(a(h),f.current=p,i.current&&u?.(I)),x.current){let C=w.current?.getBoundingClientRect();x.current.style.setProperty("--w",`${d}px`),x.current.style.setProperty("--x",`${C?S-C.left:S}px`);}};return useImperativeHandle(n,()=>({setSelected:h=>{typeof h=="number"&&h!=p&&a(h);}}),[p]),useEffect(()=>{i.current=true;},[]),jsxs(l,{ref:w,"data-selected":p,className:`${c} --segmented --${s||W.Small} flex aic rel`,style:g,...v,children:[jsx(l,{ref:x,className:"--segment-tab abs"}),r.map((h,d)=>jsx(nn,{onSelect:R,selected:p==d,meta:{...h,index:d}},`segment-${h.label}-${d}`))]})});an.displayName="Zuz.SelectTabs";var tt=an;var cn=forwardRef((o,n)=>{let{type:e,...r}=o,t=useDelayed(),{colorScheme:s,setColorScheme:u}=At(),m=useCallback(()=>{u(s=="dark"?"light":s=="light"?"system":"dark");},[s]),{className:p,style:a}=N(r),i=useMemo(()=>e=="system"?[{tag:"light",index:0,label:"",icon:k.colorSchemeLight},{tag:"system",index:1,label:"",icon:k.colorSchemeSystem},{tag:"dark",index:2,label:"",icon:k.colorSchemeDark}]:[{tag:"light",index:0,label:"",icon:k.colorSchemeLight},{tag:"dark",index:2,label:"",icon:k.colorSchemeDark}],[]),f=useMemo(()=>["light","system","dark"].indexOf(s),[s]);return !t||f==-1?null:e=="system"||e=="switch"?jsx(tt,{className:`--color-scheme --${e}`,onSwitch:({tag:c})=>{u(c);},selected:f,items:i,...r}):jsx(z,{onClick:m,style:a,as:`--color-scheme-switch --${r.variant||W.Small} ${p}`.trim(),children:s=="system"?k.colorSchemeSystem:s=="light"?k.colorSchemeLight:k.colorSchemeDark})});cn.displayName="Zuz.ColorScheme";var Ll=cn;var un=forwardRef((o,n)=>{let[e,r]=useState("wait"),{title:t,message:s,acceptLabel:u,rejectLabel:m,position:p}=o,a=async i=>{r(i==1?"accepted":"rejected"),localStorage.setItem("--ccnt",String(i));};return useEffect(()=>{let i=localStorage.getItem("--ccnt");r(i?i=="1"?"accepted":"rejected":"pending");},[]),jsxs(l,{fx:{from:{x:-1e3},to:{x:0},when:e=="pending",curve:Z.EaseInOut,duration:.5,delay:e=="accepted"?0:3},as:`--cookie-consent --${e} --${p||te.Left} flex cols`,children:[jsx(H,{as:"--title",children:t||"This site uses cookies"}),jsx(H,{as:"--message",children:s||"We and selected third parties use cookies (or similar technologies) for technical purposes, to enhance and analyze site usage, to support our marketing efforts"}),jsxs(l,{as:"--footer flex aic",children:[jsx(z,{onClick:i=>a(1),as:"--accept",children:u||"Accept All"}),jsx(z,{onClick:i=>a(0),as:"--reject",children:m||"Cancel"})]})]})});un.displayName="Zuz.CookiesConsent";var Dl=un;var gn=forwardRef((o,n)=>{let {type:e,value:r,min:t,max:s,step:u,onChange:m,roundValue:p,...a}=o,{className:i,style:f,rest:c}=N(a),g=useRef(u||.01).current,v=useRef(t||0).current,x=useRef(s||1).current,w=useRef(r||0).current,R=useRef(null),h=useRef(null),d=useRef(null);useRef(null);let I=useRef(null),P=useRef(null),C=($,K,O)=>($-K)/(O-K)*100,E=$=>{if(h.current){let K=parseFloat($.currentTarget.value),O=C(K,parseFloat($.currentTarget.min),parseFloat($.currentTarget.max));h.current.style.setProperty("--value",`${O}`),h.current.setAttribute("data-value",`${K}`),m&&m(p?+K.toFixed(2):K);}},[D,B]=useState(false),[_,L]=useState(0),[G,U]=useState(0),V=$=>{B(true),L($.clientX),U(h.current?parseFloat(h.current.getAttribute("data-value")):0),document.body.style.cursor="ew-resize";},T=$=>{if(D){let K=$.clientX-_,O=Math.max(v,Math.min(G+K*g,x));h.current&&(h.current.setAttribute("data-value",`${O}`),P.current.textContent=p?O.toFixed(2):O.toString(),m&&m(p?+O.toFixed(2):O));}},A=()=>{B(false),document.body.style.cursor="auto";};return useEffect(()=>{h.current&&h.current.style.setProperty("--value",R.current?`${C(parseFloat(R.current.value),parseFloat(R.current.min),parseFloat(R.current.max))}`:w.toString());},[]),useEffect(()=>(D?(document.addEventListener("mousemove",T),document.addEventListener("mouseup",A)):(document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",A)),()=>{document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",A);}),[D]),jsx(l,{ref:h,"data-value":w||0,className:`--slider --${e||ut.Default} flex rel ${i}`.trim(),style:{...f},children:ut.Text===e?jsx(Fragment$1,{children:jsx(H,{ref:P,onMouseDown:V,className:"--slider-text",children:w||0})}):jsxs(Fragment$1,{children:[jsx(l,{ref:I,className:"--slider-track abs fill"}),jsx(l,{ref:d,className:"--slider-knob abs"}),jsx(re,{ref:R,onInput:E,className:"abs fill",tabIndex:0,type:e||ut.Default,defaultValue:w||0,step:g,max:x,min:v})]})})});gn.displayName="Zuz.Slider";var mo=gn;var xn=forwardRef((o,n)=>{let{src:e,shape:r,size:t,...s}=o,{style:u,className:m,rest:p}=N(s),{canvasRef:a,crop:i,setScale:f,handleMouseDown:c,handleMouseUp:g,handleMouseMove:v}=useImageCropper(e,t||200,r||CropShape.Circle);return useImperativeHandle(n,()=>({getCropped(){return i()},setScale(x){f(x);}})),jsxs(l,{as:`--cropper --${r||CropShape.Circle} ${m}`,style:u,...p,children:[jsx("canvas",{ref:a,width:t||200,height:t||200,onMouseDown:c,onMouseUp:g,onMouseLeave:g,onMouseMove:v}),jsx(l,{as:"--cropper-slider",children:jsx(mo,{onChange:x=>f(x),min:0,max:1,step:.01,value:1})})]})});xn.displayName="Zuz.Cropper";var _l=xn;var Zl=(e=>(e.Circle="circle",e.Square="square",e))(Zl||{});var bn=forwardRef((o,n)=>{let{items:e,maxItems:r}=o,t=useMemo(()=>{let m=typeof e=="string",p=m?[]:e;return m&&e.split(",").forEach(a=>{p.push({label:a});}),p},[e]),u=useMemo(()=>r&&r>0&&t.length>r-1,[t,r])?[...t.slice(0,2),{ID:".",label:"...",icon:"ellipsis",action:()=>{}},...t.slice(-r)]:t;return jsx(Me,{ref:n,className:"--crumb flex aic",direction:"rows",seperator:jsx(l,{as:"--crumb-chevron",children:k.chevronRightOutline}),items:u.map((m,p,a)=>m.ID=="."?jsx(l,{as:"flex aic gap:3",children:Array(3).fill(null).map(()=>jsx(l,{as:"w:4 h:4 bg:$text r:10"},`--crumb-placeholder-${p}`))}):jsxs(z,{onClick:()=>m.action?.(),className:"--crumb-item",disabled:!a[p+1],children:[m.icon&&jsx(X,{as:"--crumb-icon",name:m.icon}),jsx(H,{as:"--crumb-label",children:m.label})]},`${m.label.replace(/\s+/g,"-").toLowerCase()}-${p}`))})});bn.displayName="Zuz.Crumb";var Ul=bn;var Sn=forwardRef((o,n)=>{let{icon:e,defaultValue:r,value:t,size:s,variant:u,numeric:m,type:p,onConfirm:a,...i}=o,[f,c]=useState(false),[g,v]=useState(r||null),{style:x,className:w,rest:R}=N(i),h=useRef(null),d=useRef(null),{reposition:S}=We(d,{direction:te.Bottom,offset:2}),I=C=>{m&&(C.currentTarget.value=C.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};useEffect(()=>{let C=E=>{let D=E.target,B=h.current?.contains(D),_=d.current?.contains(D);!B&&!_&&c(false);};return f&&document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C);}},[f]),useEffect(()=>{let C=E=>{E.key==="Escape"&&f&&(c(false),h.current?.focus());};return document.addEventListener("keydown",C),()=>document.removeEventListener("keydown",C)},[f]);let P=()=>{c(true);};return useEffect(()=>{f&&S();},[f,S]),jsx(Fragment$1,{children:jsxs(l,{as:`--date-picker ${u?`--${u}`:""} rel flex aic ${w}`,"data-value":g?g.toISOString():"",children:[e?typeof e=="string"?jsx(X,{as:"mr:10 c:#666",name:e}):e:jsx(Q,{as:"--date-picker-icon flex aic jcc",children:k.calendar}),jsx("input",{ref:h,value:g?format(g,"EEE, MMM d YYY hh:mm a"):t||"",className:`--input ${u?`--${u}`:""} flex`.trim(),style:x,onFocus:P,onInput:I,autoComplete:"new-password",onKeyDown:C=>{C.key=="Enter"&&a?.(C.currentTarget.value);},...R}),jsx(l,{"aria-hidden":!f,ref:d,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:f,duration:.05},as:`--date-picker-chooser flex aic ${u?`--${u}`:""}`,children:jsx(oo,{defaultValue:g,onChange:C=>{v(C),c(false);}})})]})})});Sn.displayName="Zuz.DatePicker";var Xl=Sn;var Cn=forwardRef((o,n)=>{let{icon:e,variant:r,position:t}=o;return jsx(z,{className:`--fab fixed --${r||W.Large} --${t||"bottomright"}`,children:e||k.plus})});Cn.displayName="Zuz.Fab";var jl=Cn;var Tn=o=>{let{names:n,strength:e}=o,r={[ft.Gooey]:t=>jsxs("filter",{id:"gooey",children:[jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:t||10,result:"blur"}),jsx("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7",result:"goo"}),jsx("feBlend",{in:"SourceGraphic",in2:"goo"})]},`filter-${ft.Gooey}`)};return useEffect(()=>{},[n]),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:jsx("defs",{children:(n||[ft.Gooey]).map(t=>r[t](e))})})};Tn.displayName="Zuz.Filters";var om=Tn;var Re=null,ae=null,Rn=forwardRef((o,n)=>{let{title:e,message:r,transition:t,curve:s,speed:u,type:m,actionPosition:p,spinner:a,loadingMessage:i,onShow:f,onHide:c,...g}=o,{className:v,style:x,rest:w}=N(g),[R,h]=useState(e||""),[d,S]=useState(r||""),[I,P]=useState(null),[C,E]=useState(m||le.Default),D=useMemo(()=>uuid(12),[]),[B,_]=useState(false),L=useRef(null),G=useRef(null),[U,V]=useState(false),[T,A]=useState(true),$=useRef(null),K=d;useImperativeHandle(n,()=>({setLoading(F){V(F);},showDialog(F,Y,oe,j){Re&&(clearTimeout(Re),ae&&clearTimeout(ae),L.current.classList.remove("--wobble"),setTimeout(()=>L.current.classList.add("--wobble"),50),ae=setTimeout(()=>{L.current.classList.remove("--wobble"),ae=null;},500)),E(le.Dialog),Y&&S(Y),F&&h(F),oe&&P(oe.reduce((pe,ge)=>(pe.push({...ge,key:ge.key||uuid(12)}),pe),[])),_(true),setTimeout(()=>j?j():()=>{},1e3);},dialog(F,Y,oe,j){Re&&(clearTimeout(Re),ae&&clearTimeout(ae),L.current.classList.remove("--wobble"),setTimeout(()=>L.current.classList.add("--wobble"),50),ae=setTimeout(()=>{L.current.classList.remove("--wobble"),ae=null;},500)),E(le.Dialog),S(Y),h(F),oe&&P(oe.reduce((pe,ge)=>(pe.push({...ge,key:ge.key||uuid(12)}),pe),[])),_(true),setTimeout(()=>j?j():()=>{},1e3);},error(F,Y){this.show(F,Y,le.Error);},warn(F,Y){this.show(F,Y,le.Warn);},success(F,Y){this.show(F,Y,le.Success);},show(F,Y,oe){Re&&(clearTimeout(Re),ae&&clearTimeout(ae),G.current=L.current.style.transform,L.current.style.transform="",L.current.classList.remove("--wobble"),setTimeout(()=>{L.current.classList.add("--wobble"),L.current.style.transform=`${G.current} scale(.9)`.trim();},50),ae=setTimeout(()=>{L.current.classList.remove("--wobble"),L.current.style.transform=G.current||"",ae=null;},500)),Re=setTimeout(()=>{_(false),Re=null,ae=null;},(Y||4)*1e3),E(oe||le.Default),S(F),_(true),f?.();},hide(){_(false),c?.();}}));let O=useMemo(()=>{let F={when:B,duration:u||.3,delay:.1};if(C==le.Dialog){if(t){let{from:Y,to:oe}=Ue(t,20);return {from:Y,to:oe,curve:s||Z.EaseInOut,...F}}return {from:{scale:0,x:"-50%",y:"-50%",opacity:0},to:{scale:1,x:"-50%",y:"-50%",opacity:1},curve:Z.Spring,...F}}else return {from:{scale:0,x:"-50%",y:"-10vh",opacity:0},to:{scale:1,x:"-50%",y:0,opacity:1},curve:Z.Spring,...F}},[B,C]);return useEffect(()=>{$.current&&clearTimeout($.current),B?A(true):$.current=setTimeout(()=>A(false),1e3);},[B]),C==le.Dialog?jsxs(Fragment$1,{children:[jsx(Ee,{when:B}),jsxs(l,{className:`--sheet --sheet-${C.toLowerCase()} ${B?"is-visible":""} ${v} fixed`.trim(),style:x,fx:O,...w,ref:L,children:[jsx(Be,{when:U,spinner:a,message:i}),jsxs(l,{className:"--head flex aic rel",children:[jsx(l,{className:`--${R?"title":"dot"} flex aic rel`,children:R||""}),jsx(z,{onClick:F=>_(false),className:"--closer abs",children:"\xD7"})]}),jsx(l,{className:`--body flex aic rel ${I?"":"--no-action"}`.trim(),children:T?K:null}),I&&jsx(l,{className:`--footer flex aic rel ${p?p==Mt.Center?"jcc":"":"jce"}`.trim(),children:I.map((F,Y)=>jsx(z,{onClick:oe=>F.handler?F.handler():F.onClick?F.onClick():console.log("onClick Handler missing"),className:"--action",children:F.label},`sheet-${D}-action-${F.key}`))})]})]}):jsx(l,{className:`--sheet --sheet-${C.toLowerCase()} ${v} abs`.trim(),style:x,...w,fx:O,ref:L,children:B?d:null})}),rt=o=>typeof o=="object"&&o!=null&&"setLoading"in o&&"success"in o&&"error"in o;Rn.displayName="Zuz.Sheet";var im=Rn;var Nn=forwardRef((o,n)=>{let{name:e,cover:r,spinner:t,errors:s,action:u,children:m,withData:p,beforeSubmit:a,onSubmit:i,onError:f,onSuccess:c,resetOnSuccess:g,...v}=o,{className:x,style:w,rest:R}=N(v),[h,d]=useState(false),S=useRef(null),I=useRef(null),P=useRef(null),C=qt(),E=useCallback(T=>S.current?S.current.querySelectorAll(T):[],[S.current]),D=T=>({name:T.name||T.getAttribute("name")||T.getAttribute("data-name"),required:T.required?true:T.getAttribute("data-required")?T.getAttribute("data-required")=="true":false,with:T.with||T.getAttribute("with")}),B=T=>{let A=[];return T.querySelectorAll(".--input").forEach($=>{A.push($.value);}),A.join("")},_$1=useCallback(T=>{let{required:$}=D(T);if($){if(T.type=="checkbox"&&T.checked==false)return false;if(T.classList.contains("--otp")){let O=B(T);if(O==""||O.length<parseInt(T.getAttribute("data-size")))return false}if(T.classList.contains("--select")&&T.querySelector("button.--selected").dataset.value=="-1"||T.value=="")return false}if(T.getAttribute("with")){let O=T.getAttribute("with");switch(O.includes("@")&&(O=O.split("@")[0],O=="match"&&(O=ve.MatchField)),O.toUpperCase()){case ve.IPV4:return _(T.value).isIPv4();case ve.IPV6:return _(T.value).isIPv6();case ve.Email:return _(T.value).isEmail();case ve.Uri:try{return new URL(T.value),!0}catch{return false}case ve.Password:return console.log("Add FORMVALIDATION.Password"),false;case ve.MatchField:let[F,Y,oe]=T.getAttribute("with").split("@"),j=document.querySelector(`[name=${Y.trim()}]`);if(!j)return false;switch(oe||"direct-match"){case "if-not-empty":if(j&&!_(j.value).isEmpty()&&j.value!=T.value)return false;break;case "direct-match":if(j&&j.classList.contains("--otp")&&T.classList.contains("--otp")&&B(j)!=B(T))return false;if(j&&j.value!=T.value)return false;break}break;default:return true}}return true},[S.current]),L=useCallback(()=>{let T={},A={},$=null,K=null;if(Array.from(E("[name]")).forEach(O=>{let{name:F,required:Y,with:oe}=D(O),j=true;(Y||oe)&&(j=_$1(O)),T[F]={valid:j,value:O.type=="checkbox"?O.checked==true?O.value:false:O.classList.contains("--otp")?B(O):O.classList.contains("--select")?O.querySelector("button.--selected").dataset.value:O.value},A[F]=O.type=="checkbox"?O.checked==true:O.classList.contains("--otp")?B(O):O.classList.contains("--select")?O.querySelector("button.--selected").dataset.value:O.value,j?O.classList.remove("input-with-error"):($==null&&s&&($=O,K=s[F]),O.classList.add("input-with-error"));}),$){let O=$;if(O.classList.contains("--otp"))for(let F of Array.from(O.querySelectorAll(".--input"))){let Y=F;if(Y.value==""){Y.focus();break}}else O.focus();}return {error:$!=null,errorMsg:K||"Fix errors to continue...",data:T,payload:A}},[S.current]),G=useCallback(()=>{let{error:T,errorMsg:A,payload:$}=L();T?C.error(A):u?startTransition(async()=>{a&&a($),rt(r)?r.setLoading(true):d(true),C.clearAll(),withPost(u,{...$,...p||{}}).then(K=>{let O=K;rt(r)?r.setLoading(false):d(false),g&&Array.from(E("[name]")).forEach(F=>{F instanceof HTMLInputElement&&(F.value="");}),c?c(O):(C.clearAll(),C.success(O.message||"Redirecting..."));}).catch(K=>{rt(r)?r.setLoading(false):d(false),f?f(K):C.error(K.message||"We cannot process your request at this time.");});}):i&&i($);},[u,I.current,S.current]),U=useCallback(()=>{let T=E("[type=submit]");!T||T.length==0?console.warn("You should add at least 1 button with type=`SUBMIT`"):T.forEach(A=>{A.addEventListener("click",G);});},[S.current]),V=useMemo(()=>addPropsToChildren(m,T=>T.props.type=="submit",T=>({ref:P})),[m]);return useImperativeHandle(n,()=>({setLoading(T){if(T){I.current.hide();try{C.clearAll();}catch{}}d(T);},showError(T){typeof T=="string"?C.error(T):I.current.error(T,4);},hideError(){I.current.hide();try{C.clearAll();}catch{}},init(){U();},submit(){G();}})),useEffect(U,[]),jsxs(l,{ref:S,style:w,className:`--form flex rel ${x} ${e?`--form-${e.replace(/\s+/g,"-")}`:""}`,propsToRemove:["withData","action","onSubmit","onSuccess","onError"],children:[!rt(r)&&jsx(Be,{message:r?r.message||void 0:"working",spinner:t,color:r&&"color"in r?r.color:"#ffffff",when:h}),V]})});Nn.displayName="Zuz.Form";var xm=Nn;var In=forwardRef((o,n)=>{let {children:e,fx:r,fxDelay:t,fxStep:s,classToIgnore:u,...m}=o,p=ee(true),a=useDelayed(),i=r||p?.group?.fx,f=t||p?.group?.fxDelay,c=s||p?.group?.fxStep;u||p?.group?.classToIgnore;let v=useMemo(()=>i?addPropsToChildren(e,x=>{if(x.type===Fragment)return false;let w=x.props||{},R="fx"in w,h=w.as?Array.isArray(w.as)?w.as.join(" "):w.as:w.className||"",d=typeof h=="string"&&h.includes(u||"--ignore");return !R&&!d},x=>({fx:{...i,delay:(f||0)+x*(c||.1),when:a}})):e,[e,a,i]);return jsx(l,{className:"--group",ref:n,...m,children:v})});In.displayName="Zuz.Group";var Pm=In;var En=o=>typeof o=="string"&&o.includes("+"),Bn={command:"\u2318",shift:"\u21E7",ctrl:"\u2303",option:"\u2325",enter:"\u21B5",delete:"\u232B",escape:"\u238B",tab:"\u21E5",capslock:"\u21EA",up:"\u2191",right:"\u2192",down:"\u2193",left:"\u2190",pageup:"\u21DE",pagedown:"\u21DF",home:"\u2196",end:"\u2198",help:"?",space:"\u2423",fn:"Fn",win:"\u2318",alt:"\u2325"},Ln={command:"Command",shift:"Shift",ctrl:"Control",option:"Option",enter:"Enter",delete:"Delete",escape:"Escape",tab:"Tab",capslock:"Caps Lock",up:"Up",right:"Right",down:"Down",left:"Left",pageup:"Page Up",pagedown:"Page Down",home:"Home",end:"End",help:"Help",space:"Space",fn:"Fn",win:"Win",alt:"Alt"};var On=forwardRef(({children:o,keys:n,variant:e},r)=>{let t=useMemo(()=>{if(En(n)){let s=null;return {keys:String(n).split("+").reduce((m,p,a,i)=>(i[a+1]?m.push(p):s=p.toUpperCase(),m),[]),children:s}}return {keys:n,children:String(o).toUpperCase()}},[n]);return jsxs(l,{as:`--keyboard-keys --${e||W.Small} flex aic`,children:[(Array.isArray(t.keys)?t.keys:[t.keys]).map(s=>jsx("abbr",{title:Ln[s],children:Bn[s]},s)),jsx(Q,{children:t?.children??o})]})});On.displayName="Zuz.KeyboardKeys";var xo=On;var Dn=forwardRef((o,n)=>{let e=useNetworkStatus(),{onlineMessage:r,offlineMessage:t,variant:s}=o;return jsxs(l,{fx:{from:{x:"-50%",y:200,opacity:0},to:{x:"-50%",y:0,opacity:1},when:e==false,curve:Z.Spring,duration:.5,delay:2},className:`--network-manager --${e==true?"online":"offline"} --${s||W.Small} fixed flex`,children:[jsx(l,{className:"--ico",children:e?k[ie.Success]:k[ie.Error]}),jsx(H,{as:"--message",children:e?r||"internet connection restored :)":t||"no internet connection"})]})});Dn.displayName="Zuz.NetWorkManager";var Mm=Dn;var yo=(e=>(e.Table="table",e.Gooey="gooey",e))(yo||{});var Vn=forwardRef((o,n)=>{let{itemCount:e,itemsPerPage:r,startPage:t,pageRange:s,paginationStyle:u,breakLabel:m,prevLabel:p,nextLabel:a,hash:i,loading:f,seperator:c,renderOnZeroPageCount:g,onPageChange:v,...x}=o,w=useMemo(()=>toHash(numberInRange(4,8)),[]),R=useCallback(L=>`${toHash(L,i||6,w)}${c||""}${w}`,[w]),h=useMemo(()=>m||"...",[m]),[d,S]=useState({id:i?t?typeof t=="number"?R(t):t:1:t||1,label:t||1}),{style:I,className:P,rest:C}=N(x),E=useCallback(L=>typeof L=="number"?L:+L.label,[]);if(!e)throw new Error('"itemCount" prop is required');let D=useMemo(()=>Math.ceil(e/r),[e,r]),B=useMemo(()=>{let L=[],G=Math.max(E(d)-(s||2),1),U=Math.min(E(d)+(s||2),D);G>1&&L.push({id:i?R(1):1,label:1}),G>2&&L.push({id:-1,label:h});for(let V=G;V<=U;V++)L.push({id:i?R(V):V,label:V});return U<D-1&&L.push({id:-1,label:h}),U<D&&L.push({id:i?R(D):D,label:D}),L},[d]),_=useCallback(L=>{let G=L;+G.label<1||+G.label>D||(S(G),v?.(G));},[e,r,d]);return B.length<=1&&(g??false)===false?null:jsxs(l,{ref:n,as:`--pagination --pgt-${u||"table"} flex aic w:100% jcc ${P}`,children:[jsx(l,{as:"flex flex:1 aic --pgt-btns",children:(B.length>1?B:[{id:1,label:1},{id:-1,label:h}]).map((L,G,U)=>jsx(z,{disabled:L.id==-1||E(d)==+L.label,className:(typeof L=="string"?L:L.label)==E(d)?"--current-page":"",onClick:V=>_(L),children:typeof L=="string"?L:L.label},`--pg-${G}-${L.id}`))}),jsx(l,{as:"flex aic jcc flex:1 --pagination-label",children:[`Showing ${(E(d)-1)*r+1} - `,`${Math.min(E(d)*r,e)} of ${e} items`].join(" ")}),jsxs(l,{as:"flex aic jce flex:1 --pgt-btns --pgt-nav",children:[jsx(z,{disabled:E(d)<=1,onClick:L=>_({id:i?R(E(d)-1):E(d)-1,label:E(d)-1}),children:k.chevronLeftOutline}),jsx(z,{disabled:B.length<=1||E(d)==E(B[B.length-1]),onClick:L=>_({id:i?R(E(d)+1):E(d)+1,label:E(d)+1}),children:k.chevronRightOutline})]})]})});Vn.displayName="Zuz.Pagination";var wo=Vn;var zn=forwardRef((o,n)=>{let{strenthMeter:e,onChange:r,...t}=o;"type"in t&&delete t.type;let{style:s,className:u,rest:m}=N(t),[p,a]=useState(false),[i,f]=useState(""),c=useMemo(()=>checkPasswordStrength(i),[i]),g=useDebounce(v=>{e&&f(v.target.value),r&&r(v);},100);return useEffect(()=>{},[]),jsxs(l,{as:"w:100% flex cols",children:[jsxs(l,{style:s,className:"--password flex aic rel",children:[jsx(re,{ref:n,type:p?"text":"password",className:u,onChange:g,...m}),jsx(z,{tabIndex:-1,onClick:()=>a(v=>!v),className:"--toggle flex aic jcc abs",children:p?k.eye:k.eyeSlash})]}),e&&jsxs(l,{as:`flex aic --password-meter --pb-score-${c.score}`,style:s,children:[jsxs(l,{as:"--password-bars flex aic",children:[jsx(l,{as:`--pbar ${c.score>=1?"--pb-on":""}`.trim()}),jsx(l,{as:`--pbar ${c.score>=2?"--pb-on":""}`.trim()}),jsx(l,{as:`--pbar ${c.score>=3?"--pb-on":""}`.trim()}),jsx(l,{as:`--pbar ${c.score>=4?"--pb-on":""}`.trim()}),jsx(l,{as:`--pbar ${c.score>=5?"--pb-on":""}`.trim()})]}),jsx(H,{as:"--password-meter-label","aria-hidden":true,children:c.result})]})]})});zn.displayName="Zuz.Password";var Fm=zn;var Fn=forwardRef((o,n)=>{let{size:e,length:r,mask:t,...s}=o,u=useRef([]),m="pinput",p=false,a={};"with"in s&&(a={with:s.with},delete s.with),"type"in s&&delete s.type,"name"in s&&(m=s.name,delete s.name),"required"in s&&(p=true,delete s.required);let{style:i}=N(s),f=c=>{let g=c.currentTarget,v=u.current[parseInt(g.dataset.index)+1],x=u.current[parseInt(g.dataset.index)-1];g.value.length===1&&v?v.focus():g.value.length===0&&x&&x.focus();};return useEffect(()=>{u.current=u.current.slice(0,e||r);},[e||r]),jsx(l,{name:m,style:i,className:"--otp flex aic rel","data-required":p,"data-size":e||r||4,...a,children:Array(e||r||4).fill(1).map((c,g)=>jsx(re,{autoComplete:"new-password","data-index":g,ref:v=>{u.current[g]=v;},numeric:true,onChange:f,maxLength:1,placeholder:t?"\xB7":"0",type:t?"password":"text",...s},`pin-${g}`))})});Fn.displayName="Zuz.PinInput";var Wm=Fn;var Zn=forwardRef((o,n)=>{let{children:e,className:r,name:t,required:s,type:u,value:m,variant:p,checked:a,onSwitch:i,...f}=o,[c,g]=useState(a||false),{variant:v}=ee(true),x=useRef(null);return jsxs(je,{className:`${r} --${(u||Ot.Default).toLowerCase()} --radio${!u||u==Ot.Default?"":"card"} --${p||v||W.Small} flex aic rel`.trim(),...f,children:[jsx(re,{ref:x,defaultChecked:c,value:m||"rd",type:"radio",className:"abs",name:t,required:s||false,onChange:w=>{i&&i(w.target.checked,m||"cb"),g(w.target.checked);}}),jsx(l,{className:"--dot rel",children:jsx(l,{className:"--rod abs abc"})}),jsx(l,{className:"--value",children:e})]})});Zn.displayName="Zuz.Radio";var Ym=Zn;var Kn=forwardRef((o,n)=>{let{speed:e,style:r,...t}=o,{rootRef:s,containerRef:u,thumbY:m,thumbX:p,onScrollY:a,onScrollX:i}=useScrollbar(e||1),{style:f,className:c,rest:g}=N(t);return jsxs(l,{ref:s,className:c.trim(),as:"--scrollview rel",children:[jsx(l,{as:`--scroll-content ${c}`.trim(),ref:u,style:r||{},children:g.children}),jsx(l,{as:"--scroll-track --track-y --abs",children:jsx(l,{as:"--scroll-thumb --abs",ref:m,onMouseDown:a})}),jsx(l,{as:"--scroll-track --track-x --abs",children:jsx(l,{as:"--scroll-thumb --abs",ref:p,onMouseDown:i})})]})});Kn.displayName="Zuz.ScrollView";var ec=Kn;var Un=forwardRef((o,n)=>{let{fx:e,withStyle:r,as:t,reverse:s=false,searchIcon:u=k.search,hideSearchIcon:m=false,clearIcon:p=k.close,hideClearIcon:a=false,onChange:i,onClear:f,...c}=o,{style:g,className:v}=N({as:o.as}),[x,w]=useState(""),R=useRef(null),h=useMemo(()=>jsx(z,{tabIndex:-1,onClick:I=>S(),className:"--send flex aic jcc",variant:o.variant||W.Small,children:x!==""?!a&&(typeof p=="string"?jsx(X,{name:p,as:"--search-action"}):p):!m&&(typeof u=="string"?jsx(X,{name:u,as:"--search-action"}):u)}),[s,u,a,p,m]);"type"in o&&delete o.type;let d=I=>{w(I.target.value),i?.(I.target.value);},S=I=>{x.trim()!==""&&(w(""),i?.(""),R.current&&(R.current.value="",o.onConfirm?.("")));};return useImperativeHandle(n,()=>({focus:()=>R.current?.focus(),value:()=>R.current?.value})),useEffect(()=>{},[]),jsxs(l,{style:g,className:`--search ${s?"--search-rev":""} --${o.variant||W.Small} flex aic ${typeof o.as=="string"&&o.as.includes("abs")?"":"rel"} ${v}`.trim(),children:[s&&h,jsx(re,{ref:R,onChange:d,className:`--${o.variant||W.Small}`,...c}),o.shortcut&&jsx(xo,{keys:o.shortcut,as:"abs"}),!s&&h]})});Un.displayName="Zuz.Search";var lc=Un;var Gn=({value:o,updateValue:n,o:e})=>jsxs(z,{onClick:r=>n(e),as:"--select-option-item",className:o&&(typeof e=="string"?e:e.value)==(typeof o=="string"?o:o.value)?"selected":"",children:[e.icon&&jsx(X,{name:e.icon,as:`--select-option-icon --icon-${e.value}`,color:e.iconColor||void 0}),jsx(H,{children:typeof e=="string"?e:e.label})]});Gn.displayName="Option";var qn=Gn;var Yn=forwardRef((o,n)=>{let {selected:e,options:r,label:t,name:s,variant:u,search:m,searchPlaceholder:p,maxHeight:a,arrowDownIcon:i=k.arrowDown,arrowUpIcon:f=k.arrowUp,onChange:c,...g}=o,[v,x]=useState(e?typeof e=="string"?r.find(V=>V.value===e):e:r[0]),[w,R]=useState(false),[h,d]=useState(null);useRef(null);let I=useRef(null),P=useRef(null),C=useId(),E=useMemo(()=>s||C,[]),{reposition:D}=We(P,{direction:Lt.Bottom,offset:2}),{variant:B}=ee(true),{className:_,style:L,rest:G}=N(g),U=V=>{x(V),c&&c(V);};return useImperativeHandle(n,()=>({setSelected:V=>{if(typeof V=="string"){let T=r.find(A=>A.value===V);T&&x(T);}else x(V);},getValue:()=>v||null})),useEffect(()=>{document.body.addEventListener("click",V=>{R(false);}),window.dispatchEvent(new Event("resize"));},[]),useEffect(()=>{w?I.current&&I.current.focus():(I.current&&(I.current.value=""),d(null)),D();},[w]),jsxs(l,{className:`--select --${u||B} ${s?`--${s}`:""} rel`.trim(),name:E,children:[jsxs(z,{"data-value":v?typeof v=="string"?v:v.value:v||"-1",className:`--selected flex aic rel ${_}`.trim(),withLabel:false,style:L,onClick:V=>R(T=>!T),...G,children:[jsx(H,{className:"--label",children:v?typeof v=="string"?v:v.label:t||"Choose"}),jsx(l,{className:"--svg-arrow rel flex aic jcc",children:w?typeof f=="string"?jsx(X,{name:f,as:"--search-action"}):f:typeof i=="string"?jsx(X,{name:i,as:"--search-action"}):i})]}),jsxs(l,{id:E,className:"--options-list flex cols abs","aria-hidden":!w,style:{maxHeight:a||"auto"},ref:P,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:w,duration:.05},children:[m&&jsx(re,{ref:I,onChange:V=>{d(V.target.value==""?null:V.target.value);},className:"--select-search",placeholder:p||"Search..."}),(h==null?r:r.filter(V=>V.label.toLowerCase().includes(h.toLowerCase())||V.value.toLowerCase().includes(h.toLowerCase()))).map(V=>jsx(qn,{updateValue:U,value:v,o:V},`option-${(typeof V=="string"?V:V.label).replace(/\s+/g,"-")}-${typeof V=="string"?V:V.value}`))]})]})});Yn.displayName="Zuz.Select";var gc=Yn;var Qn=forwardRef((o,n)=>jsx(et,{type:we.Switch,...o,ref:n}));Qn.displayName="Zuz.Switch";var xc=Qn;var jn=o=>{let{idx:n,id:e,as:r,weight:t,style:s,value:u,render:m,resize:p,sortBy:a,sortable:i,onSort:f}=o,[c,g]=useState(0),v=()=>{i&&(f?.(String(e),c==1?-1:1),g(x=>x==1?-1:1));};return jsxs(l,{style:{flex:t||1,...s},as:`--col flex aic ${r||""} ${i?"--sortable":""}`,onClick:v,children:[jsx(l,{children:u}),n==-1&&i&&a==e&&jsx(l,{as:"--arrow flex aib",children:c==1?k.arrowUp:k.arrowDown})]})};jn.displayName="Zuz.Column";var Pt=jn;var ts=o=>{let{index:n,pubsub:e,schema:r,data:t,ids:s,styles:u,animate:m,sortBy:p,selectable:a,tableRef:i,loading:f,rowClassName:c,onSort:g,onRowClick:v,onSelect:x,onContextMenu:w}=o,R=useDelayed(),h=useMemo(()=>({transition:q.SlideInBottom,curve:Z.EaseInOut,delay:.02*(n+1)}),[]),d=useRef(null),S=(P,C)=>{n==-1?e.emit(`ALL_ROWS_${P?"CHECKED":"UNCHECKED"}`,P):(x&&x(t,P),e.emit(`ROW_${P?"CHECKED":"UNCHECKED"}`,P,C));},I=(P,C,E)=>jsx(Pt,{idx:P,id:C,as:"--selector",pubsub:e,value:jsx(et,{value:E,ref:d,onSwitch:S,type:we.Default})});return useEffect(()=>{let P=(B,_)=>{d.current?.setChecked(B,false);},C=(B,_)=>{let L=false;i?.current&&i.current.querySelectorAll(".--row").forEach(G=>{let U=G;if(!U.classList.contains("--row-head")){let V=U.querySelector(".--selector input[type=checkbox]");V&&V.checked&&!L&&(L=V.checked);}}),d.current.setChecked(L,false);},E=B=>{d.current?.setChecked(B,false),x&&x(t,B);},D=B=>{d.current?.setChecked(B,false),x&&x(t,B);};return n==-1?(e.on("ROW_CHECKED",P),e.on("ROW_UNCHECKED",C),()=>{e.off("ROW_CHECKED",P),e.off("ROW_UNCHECKED",C);}):(e.on("ALL_ROWS_CHECKED",E),e.on("ALL_ROWS_UNCHECKED",D),()=>{e.off("ALL_ROWS_CHECKED",E),e.off("ALL_ROWS_UNCHECKED",D);})},[]),jsxs(l,{onContextMenu:P=>w?w(P,t):null,onClick:P=>v?v(P,o.data):()=>{},...m?{fx:{...h,when:R}}:{},as:`--row flex aic ${v?"--row-clickable":""} ${n==-1?"--row-head":""} ${c||""}`,children:[n==-1&&r.map((P,C)=>{let{renderWhenHeader:E,render:D,value:B,..._}=P;return jsxs(Fragment,{children:[a&&C==0&&I(-1,`--selector-${P.id}`,"all"),jsx(Pt,{idx:-1,onSort:g,sortBy:p,value:B,..._,pubsub:e,style:u[P.id]})]},`--col-${P.id}`)}),f&&n>-1&&jsx(l,{as:"--col",children:jsx(H,{as:"opacity:0",children:"..."})}),!f&&n>-1&&s&&t&&r.map((P,C)=>jsxs(Fragment,{children:[a&&C==0&&I(C,`--selector-${P.id}`,P.id.toString()),s.includes(String(P.id))?jsx(Pt,{pubsub:e,idx:C,id:String(P.id),style:u[String(P.id)],value:P.render?P.render(t,n):t[String(P.id).includes(".")?String(P.id).split(".").reverse()[0]:P.id]}):null]},`--${String(P.id)}-val-${C}`))]})};ts.displayName="Zuz.Row";var Rt=ts;var ss=(o,n)=>{let{schema:e,rows:r,rowCount:t,rowsPerPage:s,currentPage:u,pagination:m,paginationHash:p,showPaginationOnZeroPageCount:a,animateRows:i,header:f,rowClassName:c,selectableRows:g,hoverable:v,sortBy:x,loading:w,loadingRowCount:R,loadingMessage:h,spinner:d,emptyMessage:S,onSort:I,onRowClick:P,onRowSelectToggle:C,onPageChange:E,onRowContextMenu:D,...B}=o,_=useRef(null),L=useMemo(()=>e.reduce((ue,J)=>(ue[J.id]={flex:J.weight||1,...J.w&&{width:J.w},...J.maxW&&{maxWidth:J.maxW},...J.minW&&{minWidth:J.minW},...J.h&&{height:J.h},...J.maxH&&{maxHeight:J.maxH},...J.minH&&{minHeight:J.minH}},ue),{}),[e]),G=useMemo(()=>Object.keys(L),[e]),U=useMemo(()=>f??true,[f]),{style:V,className:T,rest:A}=N(B),$=useRef(null),K=useMemo(()=>new PubSub,[]),O=useRef(r.map(()=>uuid(8))),[F,Y]=useState(x||null),[oe,j]=useState(h||"loading"),pe=useMemo(()=>!w&&r&&r.length==0,[w,r]),ge=useCallback(()=>S?typeof S=="function"?jsx(S,{}):S:jsx(H,{as:"tac s:18 mt:75",children:"No Record Found"}),[w,r]);useEffect(()=>{O.current=r.map(()=>uuid(8));},[r]);let lt=(ue,J)=>{Y(ue),I?.(ue,J);},mt=(t||(r?r.length:0))/(s||10),ct=useMemo(()=>a||mt>1?jsx(wo,{hash:p,ref:_,renderOnZeroPageCount:a,onPageChange:E,paginationStyle:"table",startPage:u,itemCount:t||(r?r.length:0),itemsPerPage:s||10}):null,[u,t]);return useImperativeHandle(n,()=>({setLoading(ue){}})),jsxs(l,{as:`--table ${v??true?"--hoverable":""} flex cols rel ${T}`,ref:$,children:[U==true&&jsx(Rt,{sortBy:F,onSort:lt,tableRef:$,pubsub:K,selectable:g,index:-1,schema:e,loading:true,styles:L}),w&&jsxs(l,{as:"center-x flex aic --table-spinner",children:[jsx(he,{type:d||me.Simple}),oe&&jsx(H,{as:"--table-loading-message",children:oe})]}),w&&Array(R||5).fill({}).map((ue,J)=>jsx(Rt,{tableRef:$,index:J,pubsub:K,schema:e,styles:L,loading:true,animate:i,onRowClick:P},`--trow-loading-${J}-${e[0].id}`)),!w&&r&&r.map((ue,J)=>jsx(Rt,{tableRef:$,pubsub:K,loading:false,index:J,schema:e,ids:G,styles:L,animate:i,data:ue,onRowClick:P,rowClassName:c,selectable:g,onSelect:C,onContextMenu:D},`--trow-${O.current[J]||J}-${e[0].id}`)),pe&&ge(),jsx(l,{"aria-hidden":!m||!ct,...i?{fx:{transition:q.SlideInBottom,curve:Z.EaseInOut,delay:.02*(r.length+1),when:!w&&r&&m&&ct!=null}}:{},as:"--row flex aic --row-footer",children:m&&ct?ct:null})]})};ss.displayName="Zuz.Table";var Bc=forwardRef(ss),Lc=Bc;var Oc=({ref:o,...n})=>{let{title:e,items:r}=n,[t,s]=useState(0),u=(m,p,a)=>{m.preventDefault(),s(p),document.getElementById(a)?.scrollIntoView({behavior:"smooth"});};return jsxs(l,{ref:o,as:"--table-of-contents rel flex cols",children:[jsx(H,{as:"--toc-title",children:e}),jsx(Me,{items:r.map((m,p)=>jsx("a",{className:t==p?"--toc-active":"",style:{anchorName:t===p?"--toc-active":"none",color:t==p?"var(--table-of-contents-color-active)":"var(--table-of-contents-color)"},onClick:a=>u(a,p,m.tag),href:`#${m.tag}`,children:m.label}))})]})},kc=Oc;var as=({isActive:o,transitionType:n,speed:e,width:r,render:t,content:s,onHeightChange:u})=>{let m=useRef(null),p=useResizeObserver(m);useEffect(()=>{o&&p.height>0&&u(p.height);},[o,p.height]);let a=useMemo(()=>{let i={flexShrink:0,height:"fit-content"};return n==="fade"?{...i,gridArea:"1 / 1 / 2 / 2",opacity:o?1:0,visibility:o?"visible":"hidden",transition:`opacity ${e}s ease-in-out`,zIndex:o?1:0}:n==="scale"?{...i,gridArea:"1 / 1 / 2 / 2",opacity:o?1:0,transform:`scale(${o?1:.95})`,transition:`all ${e}s cubic-bezier(0.34, 1.56, 0.64, 1)`,zIndex:o?1:0}:i},[o,n,r,e]);return jsx(l,{ref:m,style:{...a},className:"--content",children:t||o?s:null})};as.displayName="Zuz.TabBody";var is=as;var cs=({ref:o,...n})=>{let{tabs:e,speed:r=.3,prerender:t=true,variant:s,tabStyle:u="fixed",onChange:m,transitionType:p="slide",...a}=n,[i,f]=useState(0),c=useRef(null),g=useResizeObserver(c),v=useMemo(()=>uuid(8),[]),[x,w]=useState("auto"),R=useMemo(()=>g.width>0,[g.width]);useImperativeHandle(o,()=>({setTab:C=>f(C)}));let h=useMemo(()=>e.map(C=>({...C,key:C.key||uuid(8)})),[e]),{style:d,className:S,rest:I}=N({as:`flex cols w-full no-overflow ${a.as||""}`,...a}),P=()=>{if(!R)return {opacity:0};switch(p){case "fade":return {display:"grid",gridTemplateColumns:"1fr"};case "scale":return {display:"grid",gridTemplateColumns:"1fr"};default:return {display:"flex",transform:`translate3d(-${i*g.width}px, 0, 0)`,transition:`transform ${r}s cubic-bezier(0.4, 0, 0.2, 1)`}}};return jsxs(l,{ref:c,style:d,className:`--tabview --${u} flex cols ${S}`,children:[jsx(tt,{as:"--tabview-head",onSwitch:C=>{f(C.index);let E=h.find(D=>D.tag==C.tag);E&&E.onSelect&&(E.onSelect(E,C.index),m?.(E,C.index));},selected:i,items:h.reduce((C,E,D)=>(C.push({icon:E.icon,index:D,label:E.label,tag:E.tag}),C),[])}),jsx(l,{className:"--tabview-body",as:"rel no-overflow w-full",style:{height:x,transition:R?`height ${r}s cubic-bezier(0.4, 0, 0.2, 1)`:"none",opacity:R?1:0},children:jsx(l,{className:"--track",style:{...P()},children:h.map((C,E)=>jsx(is,{isActive:E===i,transitionType:p,speed:r,width:g.width,render:t||E===i,onHeightChange:D=>E===i&&w(D),content:C.body},`tab-body-${C.key||E}-${v}`))})})]})};cs.displayName="Zuz.TabView";var Kc=cs;var qc=({ref:o,commands:n,onCommand:e,welcomeMessage:r="Welcome to Zuz Terminal v1.0.0",prompt:t="zuz ~ ",variant:s,...u})=>{let[m,p]=useState([{type:"output",content:r}]),[a,i]=useState(""),f=useRef(null),c=useRef(null),{variant:g}=ee(true);useEffect(()=>{f.current&&(f.current.scrollTop=f.current.scrollHeight);},[m]);let v=S=>{let I=typeof S=="string"?{type:"output",content:S}:S;p(P=>{let C=[...P,I];return C.length>1e3?C.slice(-1e3):C});},x=()=>p([]);useImperativeHandle(o,()=>({write:v,clear:x}));let w=async S=>{let[I,...P]=S.split(" "),C=I.toLowerCase();return n&&n[C]?await n[C](P):e?await e(S):`command not found: ${I}`},R=S=>{let I=/\u001b\[(\d+)m/g,P=[],C={31:"#ff5f56",32:"#27c93f",33:"#ffbd2e",34:"#007aff",35:"#ff79c6",36:"#8be9fd",39:"#d4d4d4"},E=0,D="#d4d4d4",B=false,_;for(;(_=I.exec(S))!==null;){let G=S.slice(E,_.index);G&&P.push({text:G,color:D,bold:B});let U=_[1];U==="0"?(D="#d4d4d4",B=false):U==="1"?B=true:C[U]&&(D=C[U]),E=I.lastIndex;}let L=S.slice(E);return L&&P.push({text:L,color:D,bold:B}),P},h=(S,I)=>S.includes("\x1B")?R(S).map((P,C)=>jsx(Q,{style:{color:P.color||"#d4d4d4",fontWeight:P.bold?"bold":"normal"},children:P.text},`--terminal-msg-${C}-${P.text.replace(/\S+/g,"-")}`)):jsx(Q,{style:{color:I==="error"?"#ff5f56":I==="command"?"#00ff00":"#d4d4d4"},children:S}),d=async S=>{if(S.key==="Enter"&&a.trim()){let I=a.trim(),P=[...m,{type:"command",content:`${t}${I}`}];i(""),p(P);let C=await w(I);p(E=>[...E,{type:"output",content:C}]);}};return jsxs(l,{as:`--zuz-terminal --${s||g||W.Medium} flex cols ${u.className}`,onClick:()=>c.current?.focus(),children:[jsx(l,{ref:f,className:"--terminal-log",children:m.map((S,I)=>jsx(l,{children:jsx(H,{children:h(S.content,S.type)})},I))}),jsxs(l,{as:"flex aic --terminal-input",children:[jsx(H,{as:"--terminal-prompt",children:t}),jsx(re,{ref:c,className:"--zuz-term-input",autoFocus:true,value:a,variant:s||g||W.Medium,onChange:S=>i(S.target.value),onKeyDown:d})]})]})},Xc=qc;var Yc=({meta:o})=>jsxs(z,{as:"flex aic --command-item",children:[o.icon&&jsx(X,{name:o.icon,as:"--command-icon"}),jsx(H,{children:o.label})]}),Qc=({position:o,onSelect:n,commands:e,visible:r})=>jsx(l,{"aria-hidden":!r,fx:{transition:q.SlideInBottom,duration:.1,when:r},className:"--command-box abs grid",style:{...o},children:e.map(t=>jsx(Yc,{meta:t},`cmd-${t.label.replace(/\s+/,"-")}`))}),ds=Qc;var xs=forwardRef((o,n)=>{let{autoResize:e,maxHeight:r,variant:t=W.Small,resize:s="none",command:u,commands:m,onInput:p,cmd:a,renderDropdown:i,value:f,defaultValue:c,...g}=o,v=useRef(null),x=useRef(null),{style:w,className:R,rest:h}=N(g),{showDropdown:d,dropdownPosition:S,handleKeyDown:I,handleInput:P,handleCommandSelect:C}=useCommandActions({command:u,commands:m,cmd:a,ref:v}),E=useCallback(()=>{let B=v.current;!B||!e||(x.current&&cancelAnimationFrame(x.current),x.current=requestAnimationFrame(()=>{B.style.height="auto";let _=B.scrollHeight;if(r){let L=parseInt(r.toString(),10);isNaN(L)||(_=Math.min(_,L));}B.style.height=`${_}px`,B.style.overflowY=r&&_>=parseInt(r.toString(),10)?"auto":"hidden";}));},[e,r]),D=B=>{p?.(B),P(B),E();};return useEffect(()=>{E();},[f,c,E]),useEffect(()=>{e&&v.current&&E();},[e,E]),useEffect(()=>()=>{x.current&&cancelAnimationFrame(x.current);},[]),jsxs(l,{as:"rel",children:[jsx("textarea",{className:`--input --textarea --${t} flex ${R}`.trim(),style:{...w,resize:s,height:e?"auto":w?.height,overflow:"hidden",transition:e?"none":void 0},onKeyDown:I,onInput:D,ref:B=>{typeof n=="function"?n(B):n&&(n.current=B),v.current=B;},value:f,defaultValue:c,...h}),i?i({show:d,position:S,commands:m||[],onSelect:C}):m&&m.length>0&&jsx(ds,{visible:d,commands:m,onSelect:C,position:S})]})});xs.displayName="Zuz.TextArea";var op=xs;var bs=forwardRef((o,n)=>{let{as:e,value:r,color:t,direction:s,...u}=o,m=useRef(null),[p,a]=useState(r||0);return useImperativeHandle(n,()=>({updateValue(i){p.toString().length!==i.toString().length&&a(i);},setValue(i){if(this.updateValue(i),m.current){let f=i.toString().split("");m.current.querySelectorAll(".--wheel-char").forEach((c,g)=>{let v=f[g];if(c instanceof HTMLElement){c.setAttribute("data-value",v);let x=c.querySelector(".--wheel-char-track");x instanceof HTMLElement&&(x.style.setProperty("--v",v),x.offsetWidth);}});}}})),useEffect(()=>{a(r||0);},[r]),jsxs(l,{className:"--text-wheel flex aic rel","aria-hidden":true,as:e,ref:m,...u,children:[(p||0).toString().split("").map((i,f)=>isNaN(parseInt(i,10))?jsx(Q,{className:"--wheel-char wheel-char-symbol grid",children:i},`wheel-char-symbol-${f}`):jsx(Q,{"data-value":i,className:`--wheel-char grid ${f>(p||0).toString().length-3?"--wheel-fraction":""}`.trim(),children:jsxs(Q,{className:`--wheel-char-track --wheel-track-${s||"down"} grid`,style:{"--v":i},children:[jsx(Q,{children:!s||s==="down"?0:9}),(!s||s==="down"?[9,8,7,6,5,4,3,2,1,0]:[0,1,2,3,4,5,6,7,8,9]).map((c,g)=>jsx(Q,{children:c},`${f}--${g}`)),jsx(Q,{children:!s||s==="down"?9:0})]})},`wheel-char-${f}`)),t&&jsx(l,{className:"abs fillx",style:{zIndex:1,background:`linear-gradient(0deg, ${t}, transparent, transparent, transparent, ${t})`}})]})});bs.displayName="Zuz.TextWheel";var mp=bs;var Cs=forwardRef((o,n)=>{let{title:e,position:r,margin:t,children:s,...u}=o,{style:m,className:p,rest:a}=N(u),[i,f]=useState(false),c=useMemo(()=>r||te.Top,[]),g=useRef(null),v=useRef(null),x=d=>{},w=typeof ResizeObserver<"u"?new ResizeObserver(x):{observe:()=>{},unobserve:()=>{}},R=useDimensions(),h=useMemo(()=>{if(!v.current)return {left:0,top:0};let d=v.current.previousElementSibling;if(d){let S=d.getBoundingClientRect();switch(w.observe(d),c){case te.Top:return {left:S.left+S.width/2,top:S.top-(t||25)};case te.Bottom:return {left:S.left+S.width/2,top:S.top+(t||25)};case te.Left:return {left:S.left-S.width/2,top:S.top+S.height/2};case te.Right:return {left:S.right,top:S.top+S.height/2};default:return {left:0,top:0}}}},[v.current,R,w]);return useEffect(()=>{},[]),jsxs(l,{ref:g,className:"--with-tooltip rel",onMouseEnter:d=>f(true),onMouseLeave:d=>f(false),children:[s,jsx(l,{ref:v,style:{left:h?.left+"px",top:h?.top+"px"},className:`--tooltip --${r||te.Top} fixed ${p}`.trim(),fx:{from:c==te.Bottom||c==te.Top?{opacity:0,x:"-50%",y:c==te.Top?-5:5}:{opacity:0,y:"-50%",x:c==te.Right?15:-25},to:c==te.Bottom||c==te.Top?{opacity:1,x:"-50%",y:0}:{opacity:1,y:"-50%",x:c==te.Right?10:-20},curve:Z.EaseInOut,when:i},children:jsx(H,{className:"--text rel",children:e})})]})});Cs.displayName="Zuz.ToolTip";var dp=Cs;var Bo=forwardRef((o,n)=>{let{as:e,meta:r,nodes:t,icons:s,onSelect:u,treeTag:m,selected:p,roots:a,expanded:i,...f}=o,{tag:c,label:g,icon:v,under:x,isHead:w}=r,R=useMemo(()=>a.includes(c),[a]),[h,d]=useState(i),S=()=>{localStorage.setItem(`--tn${m}-${c}`,h?"0":"1"),d(!h);};useEffect(()=>{i||R&&!localStorage.getItem(`--tn${m}-${c}`)?(localStorage.setItem(`--tn${m}-${c}`,"1"),d(true)):d(localStorage.getItem(`--tn${m}-${c}`)=="1");},[]);let I=useMemo(()=>t.filter(P=>P.under==c),[t,c]);return jsxs(l,{className:`--treenode ${R?"--is-root":""} --treenode-${c} flex cols`,children:[jsxs(l,{className:`--node --node-${c} flex aic ${p==c?" --selected":""}`,children:[jsx(z,{skeleton:f.skeleton,onClick:S,className:"--node-aro-btn",disabled:I.length==0,children:s?.arrowClose&&s?.arrowOpen?jsx(X,{skeleton:f.skeleton,className:"--node-aro-icon",name:I.length==0?s?.arrowDisabled||s?.arrowClose:h?s?.arrowOpen:s?.arrowClose}):I.length==0?k.chevronBottom:h?k.chevronBottom:k.chevronRight}),jsxs(z,{className:"--node-meta flex aic",onClick:P=>u(c),children:[(s?.nodeOpen&&s?.nodeClose||R&&s?.rootOpen&&s?.rootClose)&&jsx(X,{skeleton:f.skeleton,className:`--node-icon ${R?"--icon-root":""}`,name:v||(h?R&&s?.rootOpen||s.nodeOpen:R&&s?.rootClose||s?.nodeClose)}),jsx(H,{className:`--node-label ${R?"--node-label-root":""}`.trim(),skeleton:f.skeleton,children:g})]})]}),h&&I.length>0&&jsx(l,{className:`--sub-node tree-sub-node-${c} flex cols`,children:I.map(P=>jsx(Bo,{treeTag:m,selected:p,onSelect:u,icons:s,roots:a,expanded:P.expanded||false,meta:P,nodes:t},`--node-${P.tag}`))})]})});Bo.displayName="TreeItem";var Ps=Bo;var Ns=forwardRef((o,n)=>{let{as:e,nodes:r,onNodeSelect:t,tag:s,icons:u,roots:m,selected:p,...a}=o,[i,f]=useState(p);useImperativeHandle(n,()=>({getSelected:()=>i}),[t]);let c=g=>{f(g),t&&t(g);};return useEffect(()=>{i!=p&&f(p);},[p]),jsx(l,{className:"--treeview flex cols",children:r.filter(g=>m.includes(g.tag)).map(g=>jsx(Ps,{treeTag:s?`-${s}`:"",selected:i,onSelect:v=>c(v),icons:u,meta:g,roots:m,expanded:g.expanded||false,skeleton:a.skeleton,nodes:r},`--node-${g.tag}`))})});Ns.displayName="Zuz.TreeView";var Cp=Ns;String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"").replace(/\s+/g," ")};
|
|
13
|
+
export{ie as ALERT,Bt as AVATAR,Ga as Accordion,ja as ActionBar,oi as Alert,wi as AutoComplete,Ei as Avatar,Li as Badge,l as Box,sl as Bubble,Yr as BubbleMediaType,Xr as BubbleStatus,z as Button,Ur as CHART,we as CHECKBOX,Np as COLORTHEME,oo as Calendar,Ji as Chart,et as CheckBox,hl as CodeBlock,Ll as ColorScheme,Ut as ContextMenu,Dl as CookiesConsent,Be as Cover,Zl as CropShape,_l as Cropper,Ul as Crumb,Bp as DATATYPE,De as DIALOG,Do as DIALOG_ACTION_POSITION,ne as DRAWER_SIDE,Xl as DatePicker,$t as Dialog,Kt as Drawer,ft as FILTER,ve as FORMVALIDATION,Lp as FORMVALIDATION_STYLE,jl as Fab,om as Filters,xm as Form,Pm as Group,X as Icon,Qe as Image,re as Input,xo as KeyboardKeys,Ln as KeysLabelMap,Bn as KeysMap,je as Label,Na as LayersProvider,Me as List,Mm as NetworkStatus,Ke as ORIGIN,Ip as OriginType,Ee as Overlay,Lt as POSITION,Op as PROGRESS,wo as Pagination,yo as PaginationStyle,Fm as Password,Wm as PinInput,te as Position,no as ProgressBar,Ot as RADIO,Ym as Radio,le as SHEET,Mt as SHEET_ACTION_POSITION,Rp as SKELETON,ut as SLIDER,Ep as SORT,me as SPINNER,ec as ScrollView,lc as Search,gc as Select,tt as SelectTabs,im as Sheet,mo as Slider,Q as Span,he as Spinner,Mp as Status,xc as Switch,q as TRANSITIONS,Z as TRANSITION_CURVES,Kc as TabView,Lc as Table,kc as TableOfContents,Xc as Terminal,H as Text,mp as TextWheel,op as Textarea,Ks as ThemeProvider,pr as ToastDefaultTitle,zt as ToastProvider,cr as ToastType,dp as ToolTip,Cp as TreeView,W as Variant,Ue as animationTransition,kt as buildClassString,Vo as buildWithStyles,jp as css,Dt as getAnimationCurve,eu as getAnimationTransition,Es as getZuzMap,En as isKeyCombination,Ao as setZuzMap,N as useBase,_a as useContextMenu,Ba as useDialog,Da as useDrawer,se as useFx,Va as useMorph,We as usePosition,qt as useToast};
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|