@zuzjs/ui 1.0.12 → 1.0.14
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/css/styles.css +1 -1
- package/dist/index.cjs +7 -7
- package/dist/index.d.cts +70 -13
- package/dist/index.d.ts +70 -13
- package/dist/index.js +7 -7
- package/package.json +2 -2
- /package/dist/{chunk-DMBVWA7C.js → chunk-5BYHZEIU.js} +0 -0
- /package/dist/{chunk-X4NXRKUY.cjs → chunk-B55QHQO2.cjs} +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 as c$1}from'./chunk-5BYHZEIU.js';export{e as PACKAGE_NAME,f as cleanProps,g as splitAtoms}from'./chunk-5BYHZEIU.js';import {forwardRef,createContext,useMemo,Fragment,useEffect,useRef,useState,useCallback,createElement,isValidElement,useId,useImperativeHandle,useLayoutEffect,useContext,startTransition}from'react';import {useDelayed,useScrollbar,useDebounce,useImage,useResizeObserver,useLineChart,useImageCropper,CropShape,useNetworkStatus,useCommandActions,useDimensions,AnchorType,KeyCode,useShortcuts,useAnchorPosition}from'@zuzjs/hooks';import {jsx,jsxs,Fragment as Fragment$1}from'react/jsx-runtime';import {MD5,uuid,withPost,_ as _$1,clamp,timeSince,toHash,numberInRange,checkPasswordStrength,PubSub}from'@zuzjs/core';import {addPropsToChildren}from'@zuzjs/core/react';import {createPortal}from'react-dom';import {startOfMonth,endOfMonth,startOfWeek,endOfWeek,eachDayOfInterval,format,isSameMonth,isSameDay,isToday,addHours,addDays,addWeeks}from'date-fns';var zo={Circle:"CIRCLE",Square:"SQUARE"},Ip={Default:"DEFAULT",Circle:"CIRCLE"},Np={Light:"light",Dark:"dark",System:"system"},ve={Default:"DEFAULT",Switch:"SWITCH"},Lt={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},te=Lt,Ze=AnchorType,Ep=Ze,G={XSmall:"xs",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},Bp={Asc:"ASC",Desc:"DESC"},Lp={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Mp={Dots:"DOTS"},we={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN"},le={Success:"success",Error:"error",Warning:"warning",Info:"info"},F={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"},Op={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},me={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},He=me,Mt={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},_o=Mt,kp={Bar:"BAR",Ring:"RING"},ut={Default:"range",Text:"number"},Ot={Default:"DEFAULT",Card:"CARD"},ft={Gooey:"gooey"},se={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var Fo=Symbol.for("zuz.global.map"),Ko=o=>{globalThis[Fo]=o;},Os=()=>globalThis[Fo]||{},kt=o=>{let n=Array.isArray(o)?o.join(" "):o;if(!n||typeof n!="string")return "";let t=Os();return process.env.NODE_ENV==="development"&&Object.keys(t).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(e=>{let s=e.match(/^([&@][\w-]+)\((.*)\)$/);if(s){let[u,l,p]=s;return g(p).map(a=>{let i=`${l}(${a})`;return t[i]||a}).join(" ")}return t[e]||e}).join(" ")},eu=o=>{let n=Array.isArray(o)?o.join(" "):o;return !n||typeof n!="string"?"":kt(n)},Zo=o=>{let n={};for(let t in o){let r=o[t];if(t.startsWith("--")){n[t]=r;continue}let e=d[t]?.toString()??t;if(e==="x"||e==="translateX"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${h.addUnitsSafely(t,r)} ${s[1]??"0px"}`;}else if(e==="y"||e==="translateY"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${s[0]??"0px"} ${h.addUnitsSafely(t,r)}`;}else c$1.includes(e)?n[e]=h.addUnitsSafely(t,r):n[e]=r;}return n},Dt=o=>{if(!o)return "linear";switch(o.toUpperCase()){case F.Bounce:return "var(--bounce)";case F.Liquid:return "var(--liquid)";case F.Spring:return "var(--spring)";case F.EaseInOut:return "ease-in-out";case F.EaseOutBack:return "ease-out-back";default:return "linear"}},We=(o,n=0)=>{let t={},r={},e=n||20;switch(o){case q.SlideInLeft:case q.SlideInRight:t={"--fx-x":o===q.SlideInLeft?`-${e}px`:`${e}px`,opacity:0},r={"--fx-x":"0px",opacity:1};break;case q.SlideInTop:case q.SlideInBottom:t={"--fx-y":o===q.SlideInTop?`-${e}px`:`${e}px`,opacity:0},r={"--fx-y":"0px",opacity:1};break;case q.ScaleIn:t={scale:0,opacity:0},r={scale:1,opacity:1};break;case q.FadeIn:t={opacity:0},r={opacity:1};break}return {from:t,to:r}},tu=(o,n,t)=>{let{from:r,to:e}=We(o);return n?{...r,...e}:t?r:e};var Ds=(o,n)=>{let t=useRef([]),r=useRef(false);return useEffect(()=>{o?.when||(r.current=false);},[o?.transition]),useEffect(()=>{let e=n?.current;if(!e||!o||!o.clearAtEnd)return;let s=u=>{t.current.includes(u.propertyName)&&o.clearAtEnd===true&&(e.style.transform="",e.style.filter="",t.current.forEach(l=>e.style.removeProperty(l)));};return e.addEventListener("transitionend",s),()=>e.removeEventListener("transitionend",s)},[o,n]),useEffect(()=>{if(typeof window>"u"||!n?.current)return;let e=n.current;(o?.scroll||o?.mouse)&&(e.style.willChange="transform",e.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",e.style.transition=`translate 0.1s ${o.curve?Dt(o.curve):"var(--spring)"}`);},[o,n]),useMemo(()=>{if(!o)return {style:{}};let {transition:e,from:s,to:u,exit:l,when:p,duration:a=.3,delay:i=0,curve:f}=o,m=p===false&&!r.current;p===false&&r.current;p===true&&(r.current=true);let w={},{from:b,to:v}=e?We(e):{from:s||{},to:u||{}};w=p===void 0?{...b,...v}:p?{...v}:l||b;let R=Dt(f),h=[],g=Zo(w);t.current=Object.keys(g);let S={...g};Object.keys(g).forEach(T=>{let C=T.startsWith("--")?"all":T;h.includes(C)||h.push(`${C} ${a}s ${R} ${i}s`);});return {style:{...S,transition:m?"none":h.join(", "),opacity:m?0:S.opacity,pointerEvents:m?"none":S.pointerEvents}}},[o,o?.when])},ae=Ds;var Hs=(o,n)=>{let{as:t,fx:r,transition:e,skeleton:s,className:u,propsToRemove:l,style:p,...a}=o||{},i=e?{transition:e,duration:.3}:r||{},{style:f$1}=ae(i,n),m=kt(t??"");return {style:{...p,...f$1},className:[u||"",m||"",s?.enabled?"--skeleton":""].join(" ").trim(),rest:{...f(a,l?[...l,"skeleton"]:["skeleton"])}}},I=Hs;var zs=(o,n={})=>{let{offset:t=8,direction:r="bottom",container:e=null,triggerRef:s=null}=n,u=useRef(null),l=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(),m,d;e?(m=e.getBoundingClientRect(),d="absolute"):(window.getComputedStyle(p).position==="fixed"?d="fixed":d="absolute",d==="fixed"?m={top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}:m={top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}),p.style.position!==d&&(p.style.position=d),u.current=d;let v=0,R=0;switch(r){case "top":v=f.top-i.height-t,R=f.left,v<m.top&&f.bottom+i.height+t<=m.bottom&&(v=f.bottom+t);break;case "bottom":v=f.bottom+t,R=f.left,v+i.height>m.bottom&&f.top-i.height-t>=m.top&&(v=f.top-i.height-t);break;case "left":v=f.top,R=f.left-i.width-t,R<m.left&&f.right+i.width+t<=m.right&&(R=f.right+t);break;case "right":v=f.top,R=f.right+t,R+i.width>m.right&&f.left-i.width-t>=m.left&&(R=f.left-i.width-t);break}if(v=Math.max(m.top,Math.min(v,m.bottom-i.height)),R=Math.max(m.left,Math.min(R,m.right-i.width)),u.current==="fixed")p.style.top=`${v}px`,p.style.left=`${R}px`;else {let h;p.offsetParent?h=p.offsetParent.getBoundingClientRect():h={top:0,left:0};let g=v-h.top+window.scrollY,S=R-h.left+window.scrollX;p.style.top=`${g}px`,p.style.left=`${S}px`;}},[o,s,t,r,e]);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(l);return i.observe(p),a&&i.observe(a),l(),window.addEventListener("resize",l),window.addEventListener("scroll",l,true),()=>{i.disconnect(),a&&i.disconnect(),window.removeEventListener("resize",l),window.removeEventListener("scroll",l,true);}},[o,r,t,e,s]),{postion:u.current,reposition:l}},Ue=zs;var Uo=forwardRef((o,n)=>{let{when:t,...r}=o;return jsx(c,{ref:n,"aria-hidden":!t,className:"--overlay fixed fill",fx:{transition:q.FadeIn,when:t},...r})});Uo.displayName="Zuz.Overlay";var Ee=Uo;var qo="(prefers-color-scheme: dark)",Ws=typeof window>"u",Yo=createContext(void 0),$t=o=>{let n=useContext(Yo);if(!n){if(o===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return n},X=$t,Us=({children:o,storageKey:n="--ucs",forceTheme:t,zuzMap:r,...e})=>(r&&Ko(r),jsx(Gs,{storageKey:n,forceTheme:t,...e,children:o})),Gs=({children:o,storageKey:n,forceTheme:t,...r})=>{let[e,s]=useState(()=>t||Xo(n,"system")),[u,l]=useState(()=>t||Xo(n)),p=m=>(m||(m=window.matchMedia(qo)),m.matches?"dark":"light"),a=useCallback(m=>{let d=m=="system"?p():m,w=document.documentElement;w.setAttribute("color-scheme",d),w.style.colorScheme=d,l(d);},[p]),i=useCallback(m=>{s(m),localStorage.setItem(n,m),a(m);},[e]),f=useCallback(m=>{let d=p(m);l(d),e==="system"&&a("system");},[e]);return useEffect(()=>{e==null&&window.localStorage.getItem(n);},[e]),useEffect(()=>{window.matchMedia(qo).addEventListener("change",f);},[f]),useEffect(()=>{let m=d=>{d.key==n&&(d.newValue?i(d.newValue):i("system"));};return window.addEventListener("storage",m),()=>window.removeEventListener("storage",m)},[i]),useEffect(()=>{a(t||e||"system");},[e]),jsxs(Yo,{value:{colorScheme:e,resolvedScheme:u,setColorScheme:i,...r},children:[t?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($t,{children:o})]})},Go=(o,n)=>{if(Ks)return;let e;try{e=localStorage.getItem(o)||void 0;}catch{}return e||n};var Yo=forwardRef((o,n)=>{let{name:e,pathCount:r,variant:t,color:s,...u}=o,{variant:m}=J(true),{className:p,style:a,rest:i}=N(u);return jsx("div",{style:{color:s,...a},className:`icon-${e} --icon --${t||m||G.Small} ${p}`.trim(),ref:n,...i,children:Array(r||0).fill(0).map((f,c)=>jsx(Q,{className:`path${c+1}`},`${e}-layer-${c}`))})});Yo.displayName="Zuz.Icon";var X=Yo;var me={Simple:"SIMPLE",Roller:"ROLLER",Wave:"Wave"};var Qo=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})};Qo.displayName="Zuz.Spinner";var he=Qo;var gt={Loading:"loading",Normal:"normal"};var jo=({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:w}=N(f),{variant:x}=J(true);return jsxs("button",{className:`--button --${r||x} flex aic ${e?"":"jcc"} ${t?"--with-icon":""} ${g}`.trim().replace(/\s+/g," "),style:c,ref:o,disabled:a==gt.Loading||n.skeleton?.enabled||i,...w,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]})]})};jo.displayName="Zuz.Button";var _=jo;var Qs={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"})]})},D=Qs;var Js=({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(_,{onClick:e=>n(),className:"--closer abs center-v",children:D.close})]}),tr=Js;var ea=({action:o,render:n=true,message:e=""})=>jsx(l,{as:`--body flex aic rel ${o?"":"--no-action"}`.trim(),children:n?e:null}),or=ea;var oa=({action:o,actionPosition:n,dialogID:e,variant:r})=>jsx(l,{as:`--footer flex aic rel ${n?n==Vo.Center?"jcc":"":"jce"}`.trim(),children:o.map((t,s)=>jsx(_,{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}`))}),nr=oa;var ar=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})});ar.displayName="Zuz.Text";var H=ar;var lr=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||G.Small,type:r||me.Simple}),!m&&jsx(H,{className:"--label",style:{color:"var(--cover-label)"},children:e||"loading"})]})});lr.displayName="Zuz.Cover";var Be=lr;var pr=({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:w,onClose:x,onShow:v,onHide:R,...h}=n,d=useMemo(()=>uuid(12),[]),[S,I]=useState(t||""),[P,C]=useState(s||""),[E,O]=useState(a||De.Dialog),[M,$]=useState(false),[B,K]=useState(true),[W,A]=useState(i||null),[T,V]=useState(false),{variant:z,spinner:U,dialog:k}=J(true),F=w||k?.variant||z||G.Small,{style:Y,className:oe,rest:ee}=N(h),pe=useRef(null),ge=se({when:M,duration:p||k?.speed||.3,delay:k?.delay||.1,transition:u||k?.transition||q.SlideInBottom,curve:m||k?.curve||Z.EaseInOut});return useEffect(()=>{O(De.Dialog),C(s),I(S),W&&A(W.reduce((lt,mt)=>(lt.push({...mt,key:mt.key||uuid(12)}),lt),[])),$(true),setTimeout(()=>v?v():()=>{},1e3);},[]),jsxs(Fragment$1,{children:[jsx(Ee,{when:M}),jsxs(l,{as:`--dialog --${(a??De.Default).toLowerCase()} ${M?"--visible":""} ${oe} fixed abc`.trim(),style:ge.style,...ee,ref:pe,children:[jsx(Be,{when:T,spinner:c||k?.spinner||U?.type||me.Simple,message:g||k?.loadingMessage}),jsx(tr,{title:S,onClose:()=>{x(r),$(false);}}),jsx(or,{message:P,render:B,action:W}),W&&jsx(nr,{variant:F,action:W,dialogID:d,actionPosition:f})]})]})};pr.displayName="Zuz.Dialog";var _t=pr;var ur=(s=>(s.Default="default",s.Success="success",s.Error="error",s.Warn="warn",s.Promise="promise",s))(ur||{}),fr={success:"Action Successful",error:"Something Went Wrong",warn:"Heads Up",default:"Notice"};var pa=({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}=J(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||fr[e]}),jsx(H,{as:"--tm",fx:{transition:q.SlideInTop,curve:Z.Spring,delay:.4,duration:.5,when:p},children:s})]})]})},Ft=pa;var Zt=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 Zt;var hr=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 useEffect(()=>{let w=u.current;if(!w)return;let x=()=>{window.dispatchEvent(new Event("resize"));};return w.addEventListener("scroll",x),()=>w.removeEventListener("scroll",x)},[]),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})})]})});hr.displayName="Zuz.ScrollView";var Kt=hr;var br=({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}=J(true),[g,w]=useState(u),[x,v]=useState(false),[R,h]=useState(a??(c?.prerender||true)),d=()=>{v(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(()=>{w(u);},[u]),useEffect(()=>(x?Xe.push(d):Xe.pop(d),()=>Xe.pop(d)),[x]),useEffect(()=>{v(true);},[]);let E=t||c?.from||ne.Left,O=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]),M=se({from:{...O.from,opacity:0},to:{...O.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,...M.style,"--m":`${m||c?.margin||0}px`},...P,children:[t==ne.Top||t==ne.Bottom?jsx(l,{className:"--handle"}):null,jsx(Kt,{children:R||x?g:null})]})]})};br.displayName="Zuz.Drawer";var qt=br;var ba=o=>{let{label:n,labelColor:e,icon:r,iconColor:t,index:s,className:u,onSelect:m}=o;return n=="-"?jsx(l,{className:"--line"}):jsxs(_,{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})]})},vr=ba;var Cr=({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,[w,x]=useState(false),[v,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:w});return jsxs(l,{className:`--contextmenu abs flex cols ${I}`.trim(),"aria-hidden":!w,style:{...P,...E.style,top:h.top,left:h.left,overflow:"hidden",transformOrigin:S},...C,children:[typeof i=="function"?createElement(i):i,v.map((O,M)=>jsx(vr,{...O,index:M},`context-${O.label.toLowerCase()}-${M}`)),typeof f=="function"?createElement(f):f]})};Cr.displayName="Zuz.ContextMenu";var Xt=Cr;var ce=createContext(null),La=({ref:o,...n})=>{let r=useContext(ce)?.depth??0,[t,s]=useState(null),[u,m]=useState(false),[p,a]=useState([]),i=useDelayed(),f=useRef(0),c=()=>++f.current,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 w=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").reverse(),v=p.filter(h=>h.type=="drawer").reverse(),R=p.filter(h=>h.type=="toast");return createPortal(jsxs(l,{as:"--zuz-layers-wrapper fixed fill nope",style:{zIndex:9999+r},children:[x.length>0&&jsx(l,{as:"--zuz-layer-dialogs fixed fill nope",children:x.map((h,d)=>jsx(_t,{onClose:w,index:d,id:h.id,...h.props},`layer-${h.type}-${h.id}`))}),v.length>0&&jsx(l,{as:"--zuz-layer-drawers fixed fill nope",children:v.map((h,d)=>jsx(qt,{onClose:w,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(Ft,{onClose:w,index:d,id:h.id,...h.props},`layer-${h.type}-${h.id}`))}),t&&jsx(l,{as:"--zuz-layer-menus fixed fill nope",children:jsx(Xt,{onClose:g,when:u,...t.props},`menu-${t.id}`)})]}),document.body)},Ma=({children:o})=>{let n=useContext(ce),e=n?n.depth+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}),[n]);return jsxs(ce.Provider,{value:t,children:[o,jsx(La,{ref:r})]})},$t=Ma;var ka=()=>{let o=useContext(ce);if(!o)throw new Error("useDialog must be used inside <LayersProvider>");return {clearAll:()=>o.clear(),show:t=>o.add({type:"dialog",props:{...t,type:De.Dialog}}),hide:t=>o.remove(t)}},Da=ka;var Aa=()=>{let o=useContext(ce);if(!o)throw new Error("useToast must be used inside <LayersProvider>");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=Aa;var $a=()=>{let o=useContext(ce);if(!o)throw new Error("useDialog must be used inside <LayersProvider>");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}},za=$a;var Fa=(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}},Za=Fa;var Ua=()=>{let o=useContext(ce);if(!o)throw new Error("useContextMenu must be used inside <LayersProvider>");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}},Wa=Ua;var Ir=({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})};Ir.displayName="Zuz.Box";var l=Ir;var Br=forwardRef((o,n)=>{let{title:e,message:r,...t}=o,[s,u]=useState(false);return jsxs(l,{className:"--accordion flex cols",...t,children:[jsxs(_,{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?D.arrowUp:D.arrowDown})]}),s&&jsx(l,{className:"--detail",children:r})]})});Br.displayName="Zuz.Accordion";var Ja=Br;var ja=({label:o,icon:n,onClick:e,idx:r,selected:t})=>jsx(_,{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}),Mr=ja;var Or=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:v,y:R})=>{if(m.current){let h=m.current.getBoundingClientRect();document.documentElement.style.setProperty("--tip-x",`${v-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((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:g,style:w,rest:x}=N(u);return jsxs(l,{ref:m,style:w,className:[`--actionbar flex aic ${g}`,`${!s||s==te.Auto?"rel":`--${s}`}`].join(" ").trim(),...x,children:[e.map((v,R)=>jsx(Mr,{selected:p===v.tag||t==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,"-")}`))})})]})});Or.displayName="Zuz.ActionBar";var ni=Or;var Dr=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&&D[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})]})]})});Dr.displayName="Zuz.Alert";var ii=Dr;var Hr=({ref:o,...n})=>{let{variant:e,numeric:r,onConfirm:t,...s}=n,{style:u,className:m,rest:p}=N(s),{variant:a}=J(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})};Hr.displayName="Zuz.Input";var re=Hr;var Vr=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]})};Vr.displayName="Zuz.ListItem";var $r=Vr;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||G.Small} flex ${t??"cols"} ${p}`.trim(),style:a,ref:n,...i,children:e.map((c,g,w)=>{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($r,{meta:c}),s&&w[g+1]?jsx("li",{className:"--list-seperator",children:s},`spt-${g+1}-${x}`):null]},x)})})});_r.displayName="Zuz.List";var Me=_r;var Zr=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||[]),w=useRef(null),x=useRef(null),v=useRef(null),R=useMemo(()=>m.name||uuid(12),[]),[h,d]=useState(null),[S,I]=useState(null),[P,C]=useState([]),O=useDebounce(T=>{T.target.value==""?(f(false),g([])):r&&T.target.value.trim()!=""&&withPost(r,{query:T.target.value}).then(V=>{"items"in V&&_$1(V.items).isArray()?(g(V.items),I(T.target.value),C(V.items)):console.error("Action Response should contain items array"),d(null);}).catch(V=>{d(null),g([]);});},250),M=()=>{if(x.current){let T=x.current.getBoundingClientRect(),V=window.innerHeight-T.bottom,z=T.top;if(v.current){let U=v.current;V<U.offsetHeight&&z>V?(U.style.top="auto",U.style.bottom=`${T.height}px`,U.style.maxHeight=`${z-150}px`):(U.style.top=`${T.height+5}px`,U.style.bottom="auto",U.style.maxHeight=`${V-150}px`);}}},$=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(V=>{let z=V===null||V===c.length-1?0:V+1;return K(z),z});else if(T.key==="ArrowUp")d(V=>{let z=V===null||V===0?c.length-1:V-1;return K(z),z});else if(T.key==="Enter"&&h!==null){let V=c[h];w.current&&(w.current.value=V,f(false),g([]));}}},B=T=>{w.current&&(w.current.value=T,f(false),g([]));},K=T=>{let V=c[T];if(V&&w.current&&(w.current.value=V,w.current.setSelectionRange(V.length,V.length)),v.current){let U=v.current.children[T];U&&U.scrollIntoView({block:"nearest"});}},W=T=>{x.current&&!x.current.contains(T.target)&&(f(false),g([]));},A=()=>{w.current&&w.current.value===S&&(g(P),d(null),M());};return useEffect(()=>(window.addEventListener("resize",M),window.addEventListener("scroll",M,true),document.addEventListener("mousedown",W),()=>{window.removeEventListener("resize",M),window.removeEventListener("scroll",M,true),document.removeEventListener("mousedown",W);}),[]),useEffect(()=>{M();},[c]),jsxs(l,{style:a,ref:x,className:`--autocomplete --${o.size||G.Small} flex aic rel ${p}`.trim(),children:[jsx(re,{ref:w,autoComplete:"off",onChange:O,onKeyDown:$,onFocus:A,...m}),jsx(l,{className:"--arrow rel flex aic jcc",children:c.length>0?D.arrowUp:D.arrowDown}),c.length>0&&jsx(Me,{id:R,ref:v,className:"--suggestion-list flex cols abs",items:c.map((T,V)=>({label:T,onClick:z=>{z.preventDefault(),z.stopPropagation(),B(T);},className:h===V?"--current":"",animate:{transition:q.SlideInBottom,curve:Z.EaseInOut,delay:clamp(.02*V,.02,.5)}}))})]})});Zr.displayName="Zuz.AutoComplete";var Pi=Zr;var Kr=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})});Kr.displayName="Zuz.Image";var Je=Kr;var Ur=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,w,x]=useImage(e??"",s,u),{className:v,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||G.Small} --${(t||Bt.Circle).toLowerCase()} rel flex aic jcc ${v}`.trim(),style:{background:i||"var(--primary)",...f,...R},...h,children:e?jsx(Je,{src:g,crossOrigin:s,referrerPolicy:u,...c}):jsx(H,{className:"--avatar-label",children:(a?a.charAt(0):"A").toUpperCase()})})});Ur.displayName="Zuz.Avatar";var ki=Ur;var Di=({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}`})]})},Hi=Di;var Yi=[{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)}],Qi=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)})},Wr=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),w=endOfWeek(c),x=useMemo(()=>eachDayOfInterval({start:g,end:w}),[g,w]),v=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:Qi(Yi).map(d=>{let S=d.getDate();return jsxs(_,{onClick:()=>v(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(_,{onClick:R,as:"--calendar-chevron",children:D.chevronUpOutline}),jsx(_,{onClick:h,as:"--calendar-chevron",children:D.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(_,{disabled:!I,onClick:()=>v(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()}`)})]})]})]})});Wr.displayName="Zuz.Calendar";var so=Wr;var Gr=(n=>(n.Line="line",n))(Gr||{});var Yr=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,...w}=o,{className:x,style:v,rest:R}=N(w),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:O}=useLineChart(e,P,c+(u||2)),M=useRef(null),$=useRef(null),[B,K]=useState(0),[W,A]=useState(0);return useEffect(()=>{a&&(M.current&&K(M.current.getTotalLength()),$.current&&A($.current.getTotalLength()));},[a,E,O,S,I]),jsx(l,{ref:h,as:`--chart --${g||"line"}-chart ${x}`.trim(),style:{...v,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:O,fill:`url(#${C})`,stroke:"none",style:a?{strokeDasharray:W,strokeDashoffset:W}:{},children:a&&jsx("animate",{attributeName:"stroke-dashoffset",from:W,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})}),jsx("path",{ref:M,d:E,fill:"none",stroke:s,strokeWidth:u,strokeLinecap:"round",strokeLinejoin:"round",style:a?{strokeDasharray:B,strokeDashoffset:B}:{},children:a&&jsx("animate",{attributeName:"stroke-dashoffset",from:B,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})})]})})});Yr.displayName="Zuz.Chart";var rl=Yr;var Qr=(t=>(t[t.Sending=0]="Sending",t[t.Sent=1]="Sent",t[t.Delivered=2]="Delivered",t[t.Read=3]="Read",t))(Qr||{}),Jr=(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))(Jr||{});var en=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"})})});en.displayName="Zuz.ProgressBar";var io=en;var tn=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:D.play}),jsx(io,{progress:.7}),jsx(H,{className:"--bm-dur",children:r.duration??"00:13"})]}):r.type=="img"?jsx(l,{as:"--bubble-image",children:jsx(Je,{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?D.pending:s==1?D.done:s==2?D.doneAll:D.doneAll})]})]})})});tn.displayName="Zuz.Bubble";var cl=tn;var on=forwardRef((o,n)=>{let{style:e,className:r,rest:t}=N(o);return jsx("label",{ref:n,style:e,className:r,...t})});on.displayName="Zuz.Label";var et=on;var rn=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:w}=J(true);return useImperativeHandle(n,()=>({setChecked(x,v=true){c(x),g.current&&(g.current.checked=x),v&&a&&a(x,s||"cb");},toggle(x=true){g.current&&(g.current.checked=!f),x&&a&&a&&a(!f,s||"cb"),c(!f);}})),jsxs(et,{className:`--${(t||ve.Default).toLowerCase()} ${!t||t==ve.Default?"--checkbox":"--switch"} --${m||w||G.Small} flex aic jcc ${f?"is-checked":""} rel`.trim(),...i,children:[(!t||t==ve.Default)&&D.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);}})]})});rn.displayName="Zuz.CheckBox";var tt=rn;var vl=({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(v=>{if(v.includes("-")){let[R,h]=v.split("-").map(Number);for(let d=R;d<=h;d++)x.add(d);}else v&&x.add(Number(v));}),x},[s]),w=useMemo(()=>{let x=e.split(`
|
|
9
|
-
`);for(;
|
|
10
|
-
${
|
|
11
|
-
<span class="--line-content">${
|
|
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:w}})})})},wl=vl;var sn=({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(_,{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}`})]})};sn.displayName="SelectTabItem";var an=sn;var mn=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:w}=N(m),x=useRef(null),v=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=v.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:v,"data-selected":p,className:`${c} --segmented --${s||G.Small} flex aic rel`,style:g,...w,children:[jsx(l,{ref:x,className:"--segment-tab abs"}),r.map((h,d)=>jsx(an,{onSelect:R,selected:p==d,meta:{...h,index:d}},`segment-${h.label}-${d}`))]})});mn.displayName="Zuz.SelectTabs";var ot=mn;var un=forwardRef((o,n)=>{let{type:e,...r}=o,t=useDelayed(),{colorScheme:s,setColorScheme:u}=Vt(),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:D.colorSchemeLight},{tag:"system",index:1,label:"",icon:D.colorSchemeSystem},{tag:"dark",index:2,label:"",icon:D.colorSchemeDark}]:[{tag:"light",index:0,label:"",icon:D.colorSchemeLight},{tag:"dark",index:2,label:"",icon:D.colorSchemeDark}],[]),f=useMemo(()=>["light","system","dark"].indexOf(s),[s]);return !t||f==-1?null:e=="system"||e=="switch"?jsx(ot,{className:`--color-scheme --${e}`,onSwitch:({tag:c})=>{u(c);},selected:f,items:i,...r}):jsx(_,{onClick:m,style:a,as:`--color-scheme-switch --${r.variant||G.Small} ${p}`.trim(),children:s=="system"?D.colorSchemeSystem:s=="light"?D.colorSchemeLight:D.colorSchemeDark})});un.displayName="Zuz.ColorScheme";var Hl=un;var dn=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(_,{onClick:i=>a(1),as:"--accept",children:u||"Accept All"}),jsx(_,{onClick:i=>a(0),as:"--reject",children:m||"Cancel"})]})]})});dn.displayName="Zuz.CookiesConsent";var zl=dn;var xn=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,w=useRef(t||0).current,x=useRef(s||1).current,v=useRef(r||0).current,R=useRef(null),h=useRef(null),d=useRef(null);useRef(null);let I=useRef(null),P=useRef(null),C=(z,U,k)=>(z-U)/(k-U)*100,E=z=>{if(h.current){let U=parseFloat(z.currentTarget.value),k=C(U,parseFloat(z.currentTarget.min),parseFloat(z.currentTarget.max));h.current.style.setProperty("--value",`${k}`),h.current.setAttribute("data-value",`${U}`),m&&m(p?+U.toFixed(2):U);}},[O,M]=useState(false),[$,B]=useState(0),[K,W]=useState(0),A=z=>{M(true),B(z.clientX),W(h.current?parseFloat(h.current.getAttribute("data-value")):0),document.body.style.cursor="ew-resize";},T=z=>{if(O){let U=z.clientX-$,k=Math.max(w,Math.min(K+U*g,x));h.current&&(h.current.setAttribute("data-value",`${k}`),P.current.textContent=p?k.toFixed(2):k.toString(),m&&m(p?+k.toFixed(2):k));}},V=()=>{M(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))}`:v.toString());},[]),useEffect(()=>(O?(document.addEventListener("mousemove",T),document.addEventListener("mouseup",V)):(document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",V)),()=>{document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",V);}),[O]),jsx(l,{ref:h,"data-value":v||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:A,className:"--slider-text",children:v||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:v||0,step:g,max:x,min:w})]})})});xn.displayName="Zuz.Slider";var uo=xn;var bn=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:w}=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:w}),jsx(l,{as:"--cropper-slider",children:jsx(uo,{onChange:x=>f(x),min:0,max:1,step:.01,value:1})})]})});bn.displayName="Zuz.Cropper";var Wl=bn;var ql=(e=>(e.Circle="circle",e.Square="square",e))(ql||{});var wn=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:D.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(_,{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}`))})});wn.displayName="Zuz.Crumb";var Yl=wn;var Tn=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,w]=useState(r||null),{style:x,className:v,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 O=E.target,M=h.current?.contains(O),$=d.current?.contains(O);!M&&!$&&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 ${v}`,"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:D.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(so,{defaultValue:g,onChange:C=>{w(C),c(false);}})})]})})});Tn.displayName="Zuz.DatePicker";var em=Tn;var Pn=forwardRef((o,n)=>{let{icon:e,variant:r,position:t}=o;return jsx(_,{className:`--fab fixed --${r||G.Large} --${t||"bottomright"}`,children:e||D.plus})});Pn.displayName="Zuz.Fab";var nm=Pn;var Rn=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))})})};Rn.displayName="Zuz.Filters";var im=Rn;var Re=null,ae=null,In=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:w,style:x,rest:v}=N(g),[R,h]=useState(e||""),[d,S]=useState(r||""),[I,P]=useState(null),[C,E]=useState(m||le.Default),O=useMemo(()=>uuid(12),[]),[M,$]=useState(false),B=useRef(null),K=useRef(null),[W,A]=useState(false),[T,V]=useState(true),z=useRef(null),U=d;useImperativeHandle(n,()=>({setLoading(F){A(F);},showDialog(F,Y,oe,ee){Re&&(clearTimeout(Re),ae&&clearTimeout(ae),B.current.classList.remove("--wobble"),setTimeout(()=>B.current.classList.add("--wobble"),50),ae=setTimeout(()=>{B.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(()=>ee?ee():()=>{},1e3);},dialog(F,Y,oe,ee){Re&&(clearTimeout(Re),ae&&clearTimeout(ae),B.current.classList.remove("--wobble"),setTimeout(()=>B.current.classList.add("--wobble"),50),ae=setTimeout(()=>{B.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(()=>ee?ee():()=>{},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),K.current=B.current.style.transform,B.current.style.transform="",B.current.classList.remove("--wobble"),setTimeout(()=>{B.current.classList.add("--wobble"),B.current.style.transform=`${K.current} scale(.9)`.trim();},50),ae=setTimeout(()=>{B.current.classList.remove("--wobble"),B.current.style.transform=K.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 k=useMemo(()=>{let F={when:M,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}},[M,C]);return useEffect(()=>{z.current&&clearTimeout(z.current),M?V(true):z.current=setTimeout(()=>V(false),1e3);},[M]),C==le.Dialog?jsxs(Fragment$1,{children:[jsx(Ee,{when:M}),jsxs(l,{className:`--sheet --sheet-${C.toLowerCase()} ${M?"is-visible":""} ${w} fixed`.trim(),style:x,fx:k,...v,ref:B,children:[jsx(Be,{when:W,spinner:a,message:i}),jsxs(l,{className:"--head flex aic rel",children:[jsx(l,{className:`--${R?"title":"dot"} flex aic rel`,children:R||""}),jsx(_,{onClick:F=>$(false),className:"--closer abs",children:"\xD7"})]}),jsx(l,{className:`--body flex aic rel ${I?"":"--no-action"}`.trim(),children:T?U:null}),I&&jsx(l,{className:`--footer flex aic rel ${p?p==Mt.Center?"jcc":"":"jce"}`.trim(),children:I.map((F,Y)=>jsx(_,{onClick:oe=>F.handler?F.handler():F.onClick?F.onClick():console.log("onClick Handler missing"),className:"--action",children:F.label},`sheet-${O}-action-${F.key}`))})]})]}):jsx(l,{className:`--sheet --sheet-${C.toLowerCase()} ${w} abs`.trim(),style:x,...v,fx:k,ref:B,children:M?d:null})}),nt=o=>typeof o=="object"&&o!=null&&"setLoading"in o&&"success"in o&&"error"in o;In.displayName="Zuz.Sheet";var um=In;var En=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,...w}=o,{className:x,style:v,rest:R}=N(w),[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]),O=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")}),M=T=>{let V=[];return T.querySelectorAll(".--input").forEach(z=>{V.push(z.value);}),V.join("")},$=useCallback(T=>{let{required:z}=O(T);if(z){if(T.type=="checkbox"&&T.checked==false)return false;if(T.classList.contains("--otp")){let k=M(T);if(k==""||k.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 k=T.getAttribute("with");switch(k.includes("@")&&(k=k.split("@")[0],k=="match"&&(k=we.MatchField)),k.toUpperCase()){case we.IPV4:return _$1(T.value).isIPv4();case we.IPV6:return _$1(T.value).isIPv6();case we.Email:return _$1(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("@"),ee=document.querySelector(`[name=${Y.trim()}]`);if(!ee)return false;switch(oe||"direct-match"){case "if-not-empty":if(ee&&!_$1(ee.value).isEmpty()&&ee.value!=T.value)return false;break;case "direct-match":if(ee&&ee.classList.contains("--otp")&&T.classList.contains("--otp")&&M(ee)!=M(T))return false;if(ee&&ee.value!=T.value)return false;break}break;default:return true}}return true},[S.current]),B=useCallback(()=>{let T={},V={},z=null,U=null;if(Array.from(E("[name]")).forEach(k=>{let{name:F,required:Y,with:oe}=O(k),ee=true;(Y||oe)&&(ee=$(k)),T[F]={valid:ee,value:k.type=="checkbox"?k.checked==true?k.value:false:k.classList.contains("--otp")?M(k):k.classList.contains("--select")?k.querySelector("button.--selected").dataset.value:k.value},V[F]=k.type=="checkbox"?k.checked==true:k.classList.contains("--otp")?M(k):k.classList.contains("--select")?k.querySelector("button.--selected").dataset.value:k.value,ee?k.classList.remove("input-with-error"):(z==null&&s&&(z=k,U=s[F]),k.classList.add("input-with-error"));}),z){let k=z;if(k.classList.contains("--otp"))for(let F of Array.from(k.querySelectorAll(".--input"))){let Y=F;if(Y.value==""){Y.focus();break}}else k.focus();}return {error:z!=null,errorMsg:U||"Fix errors to continue...",data:T,payload:V}},[S.current]),K=useCallback(()=>{let{error:T,errorMsg:V,payload:z}=B();T?C.error(V):u?startTransition(async()=>{a&&a(z),nt(r)?r.setLoading(true):d(true),C.clearAll(),withPost(u,{...z,...p||{}}).then(U=>{let k=U;nt(r)?r.setLoading(false):d(false),g&&Array.from(E("[name]")).forEach(F=>{F instanceof HTMLInputElement&&(F.value="");}),c?c(k):(C.clearAll(),C.success(k.message||"Redirecting..."));}).catch(U=>{nt(r)?r.setLoading(false):d(false),f?f(U):C.error(U.message||"We cannot process your request at this time.");});}):i&&i(z);},[u,I.current,S.current]),W=useCallback(()=>{let T=E("[type=submit]");!T||T.length==0?console.warn("You should add at least 1 button with type=`SUBMIT`"):T.forEach(V=>{V.addEventListener("click",K);});},[S.current]),A=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(){W();},submit(){K();}})),useEffect(W,[]),jsxs(l,{ref:S,style:v,className:`--form flex rel ${x} ${e?`--form-${e.replace(/\s+/g,"-")}`:""}`,propsToRemove:["withData","action","onSubmit","onSuccess","onError"],children:[!nt(r)&&jsx(Be,{message:r?r.message||void 0:"working",spinner:t,color:r&&"color"in r?r.color:"#ffffff",when:h}),A]})});En.displayName="Zuz.Form";var Sm=En;var Bn=forwardRef((o,n)=>{let {children:e,fx:r,fxDelay:t,fxStep:s,classToIgnore:u,...m}=o,p=J(true),a=useDelayed(),i=r||p?.group?.fx,f=t||p?.group?.fxDelay,c=s||p?.group?.fxStep;u||p?.group?.classToIgnore;let w=useMemo(()=>i?addPropsToChildren(e,x=>{if(x.type===Fragment)return false;let v=x.props||{},R="fx"in v,h=v.as?Array.isArray(v.as)?v.as.join(" "):v.as:v.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:w})});Bn.displayName="Zuz.Group";var Bm=Bn;var Ln=o=>typeof o=="string"&&o.includes("+"),Mn={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"},On={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 Dn=forwardRef(({children:o,keys:n,variant:e},r)=>{let t=useMemo(()=>{if(Ln(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||G.Small} flex aic`,children:[(Array.isArray(t.keys)?t.keys:[t.keys]).map(s=>jsx("abbr",{title:On[s],children:Mn[s]},s)),jsx(Q,{children:t?.children??o})]})});Dn.displayName="Zuz.KeyboardKeys";var vo=Dn;var An=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||G.Small} fixed flex`,children:[jsx(l,{className:"--ico",children:e?D[ie.Success]:D[ie.Error]}),jsx(H,{as:"--message",children:e?r||"internet connection restored :)":t||"no internet connection"})]})});An.displayName="Zuz.NetWorkManager";var Am=An;var wo=(e=>(e.Table="table",e.Gooey="gooey",e))(wo||{});var zn=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:w,...x}=o,v=useMemo(()=>toHash(numberInRange(4,8)),[]),R=useCallback(B=>`${toHash(B,i||6,v)}${c||""}${v}`,[v]),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(B=>typeof B=="number"?B:+B.label,[]);if(!e)throw new Error('"itemCount" prop is required');let O=useMemo(()=>Math.ceil(e/r),[e,r]),M=useMemo(()=>{let B=[],K=Math.max(E(d)-(s||2),1),W=Math.min(E(d)+(s||2),O);K>1&&B.push({id:i?R(1):1,label:1}),K>2&&B.push({id:-1,label:h});for(let A=K;A<=W;A++)B.push({id:i?R(A):A,label:A});return W<O-1&&B.push({id:-1,label:h}),W<O&&B.push({id:i?R(O):O,label:O}),B},[d]),$=useCallback(B=>{let K=B;+K.label<1||+K.label>O||(S(K),w?.(K));},[e,r,d]);return M.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:(M.length>1?M:[{id:1,label:1},{id:-1,label:h}]).map((B,K,W)=>jsx(_,{disabled:B.id==-1||E(d)==+B.label,className:(typeof B=="string"?B:B.label)==E(d)?"--current-page":"",onClick:A=>$(B),children:typeof B=="string"?B:B.label},`--pg-${K}-${B.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(_,{disabled:E(d)<=1,onClick:B=>$({id:i?R(E(d)-1):E(d)-1,label:E(d)-1}),children:D.chevronLeftOutline}),jsx(_,{disabled:M.length<=1||E(d)==E(M[M.length-1]),onClick:B=>$({id:i?R(E(d)+1):E(d)+1,label:E(d)+1}),children:D.chevronRightOutline})]})]})});zn.displayName="Zuz.Pagination";var Co=zn;var Fn=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(w=>{e&&f(w.target.value),r&&r(w);},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(_,{tabIndex:-1,onClick:()=>a(w=>!w),className:"--toggle flex aic jcc abs",children:p?D.eye:D.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})]})]})});Fn.displayName="Zuz.Password";var Gm=Fn;var Kn=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,w=u.current[parseInt(g.dataset.index)+1],x=u.current[parseInt(g.dataset.index)-1];g.value.length===1&&w?w.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:w=>{u.current[g]=w;},numeric:true,onChange:f,maxLength:1,placeholder:t?"\xB7":"0",type:t?"password":"text",...s},`pin-${g}`))})});Kn.displayName="Zuz.PinInput";var Qm=Kn;var Un=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:w}=J(true),x=useRef(null);return jsxs(et,{className:`${r} --${(u||Ot.Default).toLowerCase()} --radio${!u||u==Ot.Default?"":"card"} --${p||w||G.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:v=>{i&&i(v.target.checked,m||"cb"),g(v.target.checked);}}),jsx(l,{className:"--dot rel",children:jsx(l,{className:"--rod abs abc"})}),jsx(l,{className:"--value",children:e})]})});Un.displayName="Zuz.Radio";var tc=Un;var Wn=forwardRef((o,n)=>{let{fx:e,withStyle:r,as:t,reverse:s=false,searchIcon:u=D.search,hideSearchIcon:m=false,clearIcon:p=D.close,hideClearIcon:a=false,onChange:i,onClear:f,...c}=o,{style:g,className:w}=N({as:o.as}),[x,v]=useState(""),R=useRef(null),h=useMemo(()=>jsx(_,{tabIndex:-1,onClick:I=>S(),className:"--send flex aic jcc",variant:o.variant||G.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=>{v(I.target.value),i?.(I.target.value);},S=I=>{x.trim()!==""&&(v(""),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||G.Small} flex aic ${typeof o.as=="string"&&o.as.includes("abs")?"":"rel"} ${w}`.trim(),children:[s&&h,jsx(re,{ref:R,onChange:d,className:`--${o.variant||G.Small}`,...c}),o.shortcut&&jsx(vo,{keys:o.shortcut,as:"abs"}),!s&&h]})});Wn.displayName="Zuz.Search";var mc=Wn;var qn=({value:o,updateValue:n,o:e})=>jsxs(_,{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})]});qn.displayName="Option";var Xn=qn;var Qn=({ref:o,...n})=>{let {selected:e,options:r,label:t,name:s,variant:u,search:m,searchPlaceholder:p,maxHeight:a,arrowDownIcon:i=D.arrowDown,arrowUpIcon:f=D.arrowUp,onChange:c,...g}=n,[w,x]=useState(e?typeof e=="string"?r.find(A=>A.value===e):e:r[0]),[v,R]=useState(false),[h,d]=useState(null);useRef(null);let I=useRef(null),P=useRef(null),C=useId(),E=useMemo(()=>s||C,[]),{reposition:O}=We(P,{direction:Lt.Bottom,offset:2}),{variant:M}=J(true),{className:$,style:B,rest:K}=N(g),W=A=>{x(A),c&&c(A);};return useImperativeHandle(o,()=>({setSelected:A=>{if(typeof A=="string"){let T=r.find(V=>V.value===A);T&&x(T);}else x(A);},getValue:()=>w||null})),useEffect(()=>{if(!v)return;let A=()=>{O();};return window.addEventListener("scroll",A,true),window.addEventListener("resize",O),()=>{window.removeEventListener("scroll",O,true),window.removeEventListener("resize",O);}},[v,O]),useEffect(()=>{if(!v){I.current&&(I.current.value=""),d(null);return}I.current?.focus(),O();let A=V=>{P.current&&!P.current.contains(V.target)&&R(false);},T=setTimeout(()=>{document.addEventListener("click",A);},0);return ()=>{clearTimeout(T),document.removeEventListener("click",A);}},[v,O]),jsxs(l,{className:`--select --${u||M} ${s?`--${s}`:""} rel`.trim(),name:E,children:[jsxs(_,{"data-value":w?typeof w=="string"?w:w.value:w||"-1",className:`--selected flex aic rel ${$}`.trim(),withLabel:false,style:B,onClick:A=>{A.stopPropagation(),R(T=>!T);},...K,children:[jsx(H,{className:"--label",children:w?typeof w=="string"?w:w.label:t||"Choose"}),jsx(l,{className:"--svg-arrow rel flex aic jcc",children:v?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":!v,style:{maxHeight:a||"auto"},ref:P,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:v,duration:.05},children:[m&&jsx(re,{ref:I,onChange:A=>{d(A.target.value==""?null:A.target.value);},className:"--select-search",placeholder:p||"Search..."}),(h==null?r:r.filter(A=>A.label.toLowerCase().includes(h.toLowerCase())||A.value.toLowerCase().includes(h.toLowerCase()))).map(A=>jsx(Xn,{updateValue:W,value:w,o:A},`option-${(typeof A=="string"?A:A.label).replace(/\s+/g,"-")}-${typeof A=="string"?A:A.value}`))]})]})};Qn.displayName="Zuz.Select";var gc=Qn;var Jn=forwardRef((o,n)=>jsx(tt,{type:ve.Switch,...o,ref:n}));Jn.displayName="Zuz.Switch";var xc=Jn;var es=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),w=()=>{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:w,children:[jsx(l,{children:u}),n==-1&&i&&a==e&&jsx(l,{as:"--arrow flex aib",children:c==1?D.arrowUp:D.arrowDown})]})};es.displayName="Zuz.Column";var Pt=es;var os=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:w,onSelect:x,onContextMenu:v}=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(tt,{value:E,ref:d,onSwitch:S,type:ve.Default})});return useEffect(()=>{let P=(M,$)=>{d.current?.setChecked(M,false);},C=(M,$)=>{let B=false;i?.current&&i.current.querySelectorAll(".--row").forEach(K=>{let W=K;if(!W.classList.contains("--row-head")){let A=W.querySelector(".--selector input[type=checkbox]");A&&A.checked&&!B&&(B=A.checked);}}),d.current.setChecked(B,false);},E=M=>{d.current?.setChecked(M,false),x&&x(t,M);},O=M=>{d.current?.setChecked(M,false),x&&x(t,M);};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",O),()=>{e.off("ALL_ROWS_CHECKED",E),e.off("ALL_ROWS_UNCHECKED",O);})},[]),jsxs(l,{onContextMenu:P=>v?v(P,t):null,onClick:P=>w?w(P,o.data):()=>{},...m?{fx:{...h,when:R}}:{},as:`--row flex aic ${w?"--row-clickable":""} ${n==-1?"--row-head":""} ${c||""}`,children:[n==-1&&r.map((P,C)=>{let{renderWhenHeader:E,render:O,value:M,...$}=P;return jsxs(Fragment,{children:[a&&C==0&&I(-1,`--selector-${P.id}`,"all"),jsx(Pt,{idx:-1,onSort:g,sortBy:p,value:M,...$,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}`))]})};os.displayName="Zuz.Row";var Rt=os;var as=(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:w,sortBy:x,loading:v,loadingRowCount:R,loadingMessage:h,spinner:d,emptyMessage:S,onSort:I,onRowClick:P,onRowSelectToggle:C,onPageChange:E,onRowContextMenu:O,...M}=o,$=useRef(null),B=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]),K=useMemo(()=>Object.keys(B),[e]),W=useMemo(()=>f??true,[f]),{style:A,className:T,rest:V}=N(M),z=useRef(null),U=useMemo(()=>new PubSub,[]),k=useRef(r.map(()=>uuid(8))),[F,Y]=useState(x||null),[oe,ee]=useState(h||"loading"),pe=useMemo(()=>!v&&r&&r.length==0,[v,r]),ge=useCallback(()=>S?typeof S=="function"?jsx(S,{}):S:jsx(H,{as:"tac s:18 mt:75",children:"No Record Found"}),[v,r]);useEffect(()=>{k.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(Co,{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 ${w??true?"--hoverable":""} flex cols rel ${T}`,ref:z,children:[W==true&&jsx(Rt,{sortBy:F,onSort:lt,tableRef:z,pubsub:U,selectable:g,index:-1,schema:e,loading:true,styles:B}),v&&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})]}),v&&Array(R||5).fill({}).map((ue,j)=>jsx(Rt,{tableRef:z,index:j,pubsub:U,schema:e,styles:B,loading:true,animate:i,onRowClick:P},`--trow-loading-${j}-${e[0].id}`)),!v&&r&&r.map((ue,j)=>jsx(Rt,{tableRef:z,pubsub:U,loading:false,index:j,schema:e,ids:K,styles:B,animate:i,data:ue,onRowClick:P,rowClassName:c,selectable:g,onSelect:C,onContextMenu:O},`--trow-${k.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:!v&&r&&m&&ct!=null}}:{},as:"--row flex aic --row-footer",children:m&&ct?ct:null})]})};as.displayName="Zuz.Table";var Bc=forwardRef(as),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 is=({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})};is.displayName="Zuz.TabBody";var ls=is;var ps=({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),w=useMemo(()=>uuid(8),[]),[x,v]=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(ot,{as:"--tabview-head",onSwitch:C=>{f(C.index);let E=h.find(O=>O.tag==C.tag);E&&E.onSelect&&(E.onSelect(E,C.index),m?.(E,C.index));},selected:i,items:h.reduce((C,E,O)=>(C.push({icon:E.icon,index:O,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(ls,{isActive:E===i,transitionType:p,speed:r,width:g.width,render:t||E===i,onHeightChange:O=>E===i&&v(O),content:C.body},`tab-body-${C.key||E}-${w}`))})})]})};ps.displayName="Zuz.TabView";var Kc=ps;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}=J(true);useEffect(()=>{f.current&&(f.current.scrollTop=f.current.scrollHeight);},[m]);let w=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:w,clear:x}));let v=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,O="#d4d4d4",M=false,$;for(;($=I.exec(S))!==null;){let K=S.slice(E,$.index);K&&P.push({text:K,color:O,bold:M});let W=$[1];W==="0"?(O="#d4d4d4",M=false):W==="1"?M=true:C[W]&&(O=C[W]),E=I.lastIndex;}let B=S.slice(E);return B&&P.push({text:B,color:O,bold:M}),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 v(I);p(E=>[...E,{type:"output",content:C}]);}};return jsxs(l,{as:`--zuz-terminal --${s||g||G.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||G.Medium,onChange:S=>i(S.target.value),onKeyDown:d})]})]})},Xc=qc;var Yc=({meta:o})=>jsxs(_,{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+/,"-")}`))}),gs=Qc;var ys=forwardRef((o,n)=>{let{autoResize:e,maxHeight:r,variant:t,resize:s="none",command:u,commands:m,onInput:p,cmd:a,renderDropdown:i,value:f,defaultValue:c,...g}=o,w=useRef(null),x=useRef(null),{variant:v}=J(true),{style:R,className:h,rest:d}=N(g),{showDropdown:S,dropdownPosition:I,handleKeyDown:P,handleInput:C,handleCommandSelect:E}=useCommandActions({command:u,commands:m,cmd:a,ref:w}),O=useCallback(()=>{let $=w.current;!$||!e||(x.current&&cancelAnimationFrame(x.current),x.current=requestAnimationFrame(()=>{$.style.height="auto";let B=$.scrollHeight;if(r){let K=parseInt(r.toString(),10);isNaN(K)||(B=Math.min(B,K));}$.style.height=`${B}px`,$.style.overflowY=r&&B>=parseInt(r.toString(),10)?"auto":"hidden";}));},[e,r]),M=$=>{p?.($),C($),O();};return useEffect(()=>{O();},[f,c,O]),useEffect(()=>{e&&w.current&&O();},[e,O]),useEffect(()=>()=>{x.current&&cancelAnimationFrame(x.current);},[]),jsxs(l,{as:"rel",children:[jsx("textarea",{className:`--input --textarea --${t||v||G.Medium} flex ${h}`.trim(),style:{...R,resize:s,height:e?"auto":R?.height,overflow:"hidden",transition:e?"none":void 0},onKeyDown:P,onInput:M,ref:$=>{typeof n=="function"?n($):n&&(n.current=$),w.current=$;},value:f,defaultValue:c,...d}),i?i({show:S,position:I,commands:m||[],onSelect:E}):m&&m.length>0&&jsx(gs,{visible:S,commands:m,onSelect:E,position:I})]})});ys.displayName="Zuz.TextArea";var op=ys;var vs=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 w=f[g];if(c instanceof HTMLElement){c.setAttribute("data-value",w);let x=c.querySelector(".--wheel-char-track");x instanceof HTMLElement&&(x.style.setProperty("--v",w),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})`}})]})});vs.displayName="Zuz.TextWheel";var mp=vs;var Ts=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),w=useRef(null),x=d=>{},v=typeof ResizeObserver<"u"?new ResizeObserver(x):{observe:()=>{},unobserve:()=>{}},R=useDimensions(),h=useMemo(()=>{if(!w.current)return {left:0,top:0};let d=w.current.previousElementSibling;if(d){let S=d.getBoundingClientRect();switch(v.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}}}},[w.current,R,v]);return useEffect(()=>{},[]),jsxs(l,{ref:g,className:"--with-tooltip rel",onMouseEnter:d=>f(true),onMouseLeave:d=>f(false),children:[s,jsx(l,{ref:w,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})})]})});Ts.displayName="Zuz.ToolTip";var dp=Ts;var Oo=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:w,under:x,isHead:v}=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(_,{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?D.chevronBottom:h?D.chevronBottom:D.chevronRight}),jsxs(_,{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:w||(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(Oo,{treeTag:m,selected:p,onSelect:u,icons:s,roots:a,expanded:P.expanded||false,meta:P,nodes:t},`--node-${P.tag}`))})]})});Oo.displayName="TreeItem";var Rs=Oo;var Is=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(Rs,{treeTag:s?`-${s}`:"",selected:i,onSelect:w=>c(w),icons:u,meta:g,roots:m,expanded:g.expanded||false,skeleton:a.skeleton,nodes:r},`--node-${g.tag}`))})});Is.displayName="Zuz.TreeView";var Cp=Is;String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"").replace(/\s+/g," ")};
|
|
13
|
-
export{
|
|
8
|
+
document.documentElement.style.colorScheme = theme;`}}),jsx(zt,{children:o})]})},Xo=(o,n)=>{if(Ws)return;let t;try{t=localStorage.getItem(o)||void 0;}catch{}return t||n};var Qo=({ref:o,...n})=>{let{style:t,...r}=n,{style:e,className:s,rest:u}=I(r);return jsx("span",{ref:o,style:t,className:s,...u})};Qo.displayName="Zuz.Span";var J=Qo;var jo=forwardRef((o,n)=>{let{name:t,pathCount:r,variant:e,color:s,...u}=o,{variant:l}=X(true),{className:p,style:a,rest:i}=I(u);return jsx("div",{style:{color:s,...a},className:`icon-${t} --icon --${e||l||G.Small} ${p}`.trim(),ref:n,...i,children:Array(r||0).fill(0).map((f,m)=>jsx(J,{className:`path${m+1}`},`${t}-layer-${m}`))})});jo.displayName="Zuz.Icon";var Y=jo;var ne={Simple:"SIMPLE",Roller:"ROLLER",Wave:"Wave"};var er=o=>{let{type:n,variant:t,color:r,...e}=o,{className:s,style:u,rest:l}=I(e),{spinner:p}=X(true),a=()=>{switch(n||p?.type||ne.Simple){case ne.Simple:return null;case ne.Wave:return jsxs(Fragment$1,{children:[jsx(c,{as:"--bar --bar1"}),jsx(c,{as:"--bar --bar2"}),jsx(c,{as:"--bar --bar3"})]});case ne.Roller:return null}};return jsx(c,{className:`${s} --spinner --${(n||p?.type||ne.Simple).toLowerCase()} --${t||p?.variant||G.Small}`.trim(),style:{...u},...l,children:a()})};er.displayName="Zuz.Spinner";var he=er;var ht={Loading:"loading",Normal:"normal"};var or=({ref:o,...n})=>{let{reset:t,kind:r="solid",variant:e,icon:s,iconSize:u,children:l,withLabel:p,spinner:a,state:i,disabled:f,...m}=n,{style:d,className:w,rest:b}=I(m),{variant:v}=X(true);return jsxs("button",{className:`--button --${r} --${e||v} flex aic ${t?"":"jcc"} ${s?"--with-icon":""} ${w}`.trim().replace(/\s+/g," "),style:d,ref:o,disabled:i==ht.Loading||n.skeleton?.enabled||f,...b,children:[i==ht.Loading&&jsx(he,{variant:e||v,type:a||ne.Simple}),(!i||i==ht.Normal)&&jsxs(Fragment$1,{children:[s&&jsx(Y,{variant:u,name:s}),p===true?jsx(J,{children:l}):l]})]})};or.displayName="Zuz.Button";var _=or;var ea={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"})," "]}),[le.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"})}),[le.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"})}),[le.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"})}),[le.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"})]})},H=ea;var ta=({title:o="Alert",onClose:n})=>jsxs(c,{as:"--head flex aic rel",children:[jsx(c,{as:`--${o?"title":"dot"} flex aic jcc rel`,children:o}),jsx(_,{onClick:t=>n(),className:"--closer abs center-v",children:H.close})]}),nr=ta;var ra=({action:o,render:n=true,message:t=""})=>jsx(c,{as:`--body flex aic rel ${o?"":"--no-action"}`.trim(),children:n?t:null}),sr=ra;var sa=({action:o,actionPosition:n,dialogID:t,variant:r})=>jsx(c,{as:`--footer flex aic rel ${n?n==_o.Center?"jcc":"":"jce"}`.trim(),children:o.map((e,s)=>jsx(_,{variant:r,onClick:u=>e.handler?e.handler():e.onClick?e.onClick():console.log("onClick Handler missing"),as:"--action",children:e.label},`dialog-${t}-action-${e.key}`))}),ir=sa;var lr=forwardRef((o,n)=>{let{children:t,fx:r,when:e,fxDelay:s,fxStep:u,classToIgnore:l,...p}=o,a=X(true),i=useDelayed(),f=r||a?.group?.fx,m=s||a?.group?.fxDelay,d=u||a?.group?.fxStep,w=l||a?.group?.classToIgnore||"--ignore",b=useMemo(()=>f?addPropsToChildren(t,v=>{if(v.type===Fragment)return false;let R=v.props||{},h="fx"in R,g=R.as?Array.isArray(R.as)?R.as.join(" "):R.as:R.className||"",S=typeof g=="string"&&g.includes(w);return !h&&!S},v=>({fx:{...f,delay:(m||0)+v*(d||.1),when:e??(r?.when||i)}})):t,[t,e,i,f]);return jsx(c,{className:"--group",ref:n,...p,children:b})});lr.displayName="Zuz.Group";var Ft=lr;var cr=forwardRef((o,n)=>{let{h:t,html:r,children:e,lines:s,...u}=o,{style:l,className:p,rest:a}=I(u),i=`h${o.h||1}`;return jsx(i,{ref:n,style:l,className:p,...a,children:r?jsx(J,{dangerouslySetInnerHTML:{__html:r}}):e})});cr.displayName="Zuz.Text";var V=cr;var ur=forwardRef((o,n)=>{let{message:t,spinner:r,spinnerSize:e,color:s,when:u,hideMessage:l,...p}=o,{className:a,style:i,rest:f}=I(p),{spinner:m}=X(true);return "when"in o&&o.when==false?null:jsxs(Ft,{fx:{transition:q.SlideInBottom,curve:F.Liquid,duration:.5},fxDelay:.1,fxStep:.05,className:`--cover flex aic jcc cols abs fillx nope nous ${a}`.trim(),style:{...i,backgroundColor:"var(--cover-bg)"},...f,children:[jsx(he,{variant:e||m?.variant||G.Small,type:r||m?.type||ne.Simple}),!l&&jsx(V,{className:"--label",style:{color:"var(--cover-label)"},children:t||"loading"})]})});ur.displayName="Zuz.Cover";var Be=ur;var gr=({ref:o,...n})=>{let{index:t,id:r,title:e,message:s,transition:u,curve:l,speed:p,type:a,action:i,actionPosition:f,spinner:m,loadingMessage:d,variant:w,onClose:b,onShow:v,onHide:R,...h}=n,g=useMemo(()=>uuid(12),[]),[S,E]=useState(e||""),[T,C]=useState(s||""),[N,O]=useState(a||He.Dialog),[M,A]=useState(false),[B,Z]=useState(true),[W,D]=useState(i||null),[P,$]=useState(false),{variant:z,spinner:U,dialog:k}=X(true),K=w||k?.variant||z||G.Small,{style:Q,className:oe,rest:ee}=I(h),pe=useRef(null),ge=ae({when:M,duration:p||k?.speed||.3,delay:k?.delay||.1,transition:u||k?.transition||q.SlideInBottom,curve:l||k?.curve||F.EaseInOut});return useEffect(()=>{O(He.Dialog),C(s),E(S),W&&D(W.reduce((lt,mt)=>(lt.push({...mt,key:mt.key||uuid(12)}),lt),[])),A(true),setTimeout(()=>v?v():()=>{},1e3);},[]),jsxs(Fragment$1,{children:[jsx(Ee,{when:M}),jsxs(c,{as:`--dialog --${(a??He.Default).toLowerCase()} ${M?"--visible":""} ${oe} fixed abc`.trim(),style:ge.style,...ee,ref:pe,children:[jsx(Be,{when:P,spinner:m||k?.spinner||U?.type||ne.Simple,message:d||k?.loadingMessage}),jsx(nr,{title:S,onClose:()=>{b(r),A(false);}}),jsx(sr,{message:T,render:B,action:W}),W&&jsx(ir,{variant:K,action:W,dialogID:g,actionPosition:f})]})]})};gr.displayName="Zuz.Dialog";var Kt=gr;var hr=(s=>(s.Default="default",s.Success="success",s.Error="error",s.Warn="warn",s.Promise="promise",s))(hr||{}),xr={success:"Action Successful",error:"Something Went Wrong",warn:"Heads Up",default:"Notice"};var va=({index:o,id:n,type:t,icon:r,title:e,message:s,duration:u,onClose:l})=>{let p=useDelayed(),a=useDelayed(((u||4)-1)*1e3),{toast:i}=X(true),f=ae({when:p&&!a,duration:i?.duration||.2,transition:q.SlideInTop,curve:i?.curve||F.EaseInOut});return useEffect(()=>{console.log("--expired",a,n),a&&n&&l?.(n);},[a,n]),jsxs(c,{as:`--snack --${t} --snack-${n} ${o>2?"--snacked":""} flex aic`,style:f.style,children:[jsx(c,{as:"--ico flex aic jcc",fx:{transition:q.ScaleIn,curve:F.Spring,delay:.2,when:p&&!a},children:r?jsx(Y,{name:r,fx:{transition:q.ScaleIn,curve:F.Spring,delay:.4,duration:.5,when:p&&!a}}):jsx(c,{as:"--no-icon",fx:{transition:q.ScaleIn,curve:F.Spring,delay:.4,duration:.5,when:p&&!a}})}),jsxs(c,{as:"--meta",children:[jsx(V,{as:"--tt",fx:{transition:q.SlideInTop,curve:F.Spring,delay:.3,when:p},children:e||xr[t]}),jsx(V,{as:"--tm",fx:{transition:q.SlideInTop,curve:F.Spring,delay:.4,duration:.5,when:p},children:s})]})]})},Zt=va;var Wt=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(t=>t!==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 Wt;var vr=forwardRef((o,n)=>{let{speed:t,style:r,...e}=o,{rootRef:s,containerRef:u,thumbY:l,thumbX:p,onScrollY:a,onScrollX:i}=useScrollbar(t||1),{style:f,className:m,rest:d}=I(e);return useEffect(()=>{let w=u.current;if(!w)return;let b=()=>{window.dispatchEvent(new Event("resize"));};return w.addEventListener("scroll",b),()=>w.removeEventListener("scroll",b)},[]),jsxs(c,{ref:s,className:m.trim(),as:"--scrollview rel",children:[jsx(c,{as:`--scroll-content ${m}`.trim(),ref:u,style:r||{},children:d.children}),jsx(c,{as:"--scroll-track --track-y --abs",children:jsx(c,{as:"--scroll-thumb --abs",ref:l,onMouseDown:a})}),jsx(c,{as:"--scroll-track --track-x --abs",children:jsx(c,{as:"--scroll-thumb --abs",ref:p,onMouseDown:i})})]})});vr.displayName="Zuz.ScrollView";var Ut=vr;var Cr=({ref:o,...n})=>{let{id:t,index:r,from:e,speed:s,children:u,margin:l,animation:p,prerender:a,onClose:i,...f}=n,{drawer:m}=X(true),[d,w]=useState(u),[b,v]=useState(false),[R,h]=useState(a??(m?.prerender||true)),g=()=>{v(false),i?.(t??-1);},{className:S,style:E,rest:T}=I(f),C=useMemo(()=>[{keys:[KeyCode.Escape],callback:()=>{Xe.isTop(g)&&g();}}],[b]);useShortcuts(C),useEffect(()=>{w(u);},[u]),useEffect(()=>(b?Xe.push(g):Xe.pop(g),()=>Xe.pop(g)),[b]),useEffect(()=>{v(true);},[]);let N=e||m?.from||se.Left,O=useMemo(()=>{switch(N){case se.Left:return {from:{x:"-100vw"},to:{x:0}};case se.Right:return {from:{x:"100vw"},to:{x:0}};case se.Top:return {from:{y:"-100vh"},to:{y:0}};case se.Bottom:return {from:{y:"100vh"},to:{y:0}};default:return {from:{x:"-100vw"},to:{x:0}}}},[e,m?.from]),M=ae({from:{...O.from,opacity:0},to:{...O.to,opacity:1},when:b,curve:p||m?.animation||F.EaseInOut,duration:s||m?.speed||.5});return jsxs(Fragment$1,{children:[jsx(Ee,{onClick:A=>{b&&g();},when:b}),jsxs(c,{ref:o,"aria-hidden":!b,className:`--drawer flex cols ${S} --${N.toLowerCase()} fixed`,style:{...E,...M.style,"--m":`${l||m?.margin||0}px`},...T,children:[e==se.Top||e==se.Bottom?jsx(c,{className:"--handle"}):null,jsx(Ut,{children:R||b?d:null})]})]})};Cr.displayName="Zuz.Drawer";var Yt=Cr;var Na=o=>{let{label:n,labelColor:t,icon:r,iconColor:e,index:s,className:u,onSelect:l}=o;return n=="-"?jsx(c,{className:"--line"}):jsxs(_,{reset:true,onClick:p=>l?.(o),className:`--item ${u||""}`.trim(),children:[jsx(c,{as:"--icon",children:jsx(Y,{name:r,className:"--ico",style:e?{color:e}:{}})}),jsx(V,{className:"--lbl flex aic",style:t?{color:t}:{},children:n})]})},Tr=Na;var Ir=({ref:o,...n})=>{let{id:t,as:r,fx:e,offsetX:s,offsetY:u,parent:l,event:p,arrow:a,when:i,items:f,header:m,footer:d,origin:w=Ze.TopRight,...b}=n,[v,R]=useState(false),[h,g]=useState(f||[]),{position:S,targetRef:E,calculatedAnchor:T}=useAnchorPosition(l?.current,p,{offsetX:s,offsetY:u,preferredAnchor:w}),N=l&&S.top>l.current.getBoundingClientRect().bottom?"--arrow-top":"--arrow-bottom",O=useMemo(()=>{let D=T.toLowerCase();return D.includes("left")?"--arrow-left":D.includes("right")?"--arrow-right":"--arrow-center"},[T]),M=S.top!==0||S.left!==0;useEffect(()=>{i&&M?R(true):i||R(false);},[i,M]);let{className:A,style:B,rest:Z}=I(b),W=ae({...e?.transition?{transition:e.transition??q.SlideInBottom}:{from:{opacity:0,scale:.8,y:-10},to:{opacity:1,scale:1,y:0}},curve:e?.curve??F.EaseInOut,duration:e?.duration??.05,when:v&&M});return jsxs(c,{ref:E,className:`--contextmenu ${a||l!=null?`--has-arrow ${N} ${O}`:""} abs flex cols ${A}`.trim(),"aria-hidden":!v,style:{...B,...W.style,top:S.top,left:S.left,visibility:M?"visible":"hidden",transformOrigin:T},...Z,children:[typeof m=="function"?createElement(m):m,h.map((D,P)=>jsx(Tr,{...D,index:P},`context-${D.label.toLowerCase()}-${P}`)),typeof d=="function"?createElement(d):d]})};Ir.displayName="Zuz.ContextMenu";var Qt=Ir;var ce=createContext(null),_a=({ref:o,...n})=>{let r=useContext(ce)?.depth??0,[e,s]=useState(null),[u,l]=useState(false),[p,a]=useState([]),i=useDelayed(),f=useRef(0),m=()=>++f.current,d=()=>{l(false),setTimeout(()=>s(null),200);};useImperativeHandle(o,()=>({add(h){let g=m(),S={id:g,...h};return a(E=>[S,...E.slice(0,20)]),g},openMenu(h){l(false),setTimeout(()=>{s({id:m(),type:"menu",props:h}),l(true);},16);},remove(h){a(g=>g.filter(S=>S.id!==h)),e?.id===h&&d();},clear(){a([]);}})),useEffect(()=>{if(e&&u){let h=()=>d();return document.addEventListener("click",h),()=>document.removeEventListener("click",h)}},[e,u,d]);let w=h=>{setTimeout(()=>{a(g=>g.filter(S=>S.id!==h)),e?.id===h&&s(null);},1e3);};if(!i)return null;let b=p.filter(h=>h.type=="dialog").reverse(),v=p.filter(h=>h.type=="drawer").reverse(),R=p.filter(h=>h.type=="toast");return createPortal(jsxs(c,{as:"--zuz-layers-wrapper fixed fill nope",style:{zIndex:9999+r},children:[b.length>0&&jsx(c,{as:"--zuz-layer-dialogs fixed fill nope",children:b.map((h,g)=>jsx(Kt,{onClose:w,index:g,id:h.id,...h.props},`layer-${h.type}-${h.id}`))}),v.length>0&&jsx(c,{as:"--zuz-layer-drawers fixed fill nope",children:v.map((h,g)=>jsx(Yt,{onClose:w,index:g,id:h.id,...h.props},`layer-${h.type}-${h.id}`))}),R.length>0&&jsx(c,{as:"--zuz-layer-toasts fixed fill nope",children:R.map((h,g)=>jsx(Zt,{onClose:w,index:g,id:h.id,...h.props},`layer-${h.type}-${h.id}`))}),e&&jsx(c,{as:"--zuz-layer-menus fixed fill nope",children:jsx(Qt,{onClose:d,when:u,...e.props},`menu-${e.id}`)})]}),document.body)},Fa=({children:o})=>{let n=useContext(ce),t=n?n.depth+1:0,r=useRef(null),e=useMemo(()=>({add:s=>r.current?.add(s),openMenu:s=>r.current?.openMenu(s),remove:s=>r.current?.remove(s),clear:()=>r.current?.clear(),depth:t,isSubLayer:!!n}),[n]);return jsxs(ce.Provider,{value:e,children:[o,jsx(_a,{ref:r})]})},zt=Fa;var Za=()=>{let o=useContext(ce);if(!o)throw new Error("useDialog must be used inside <LayersProvider>");return {clearAll:()=>o.clear(),show:e=>o.add({type:"dialog",props:{...e,type:He.Dialog}}),hide:e=>o.remove(e)}},Wa=Za;var Ga=()=>{let o=useContext(ce);if(!o)throw new Error("useToast must be used inside <LayersProvider>");let n=(a,i)=>o.add({type:"toast",props:{...i,type:a}});return {show:(a,i,f,m)=>n("default",{title:a,message:i,icon:f,duration:m}),hide:a=>o.remove(a),success:(a,i,f,m)=>n("success",{title:a,message:i,icon:f,duration:m}),error:(a,i,f,m)=>n("error",{title:a,message:i,icon:f,duration:m}),warn:(a,i,f,m)=>n("warn",{title:a,message:i,icon:f,duration:m}),promise:(a,i,f,m)=>n("promise",{title:a,message:i,icon:f,duration:m}),clearAll:()=>o.clear()}},jt=Ga;var Xa=()=>{let o=useContext(ce);if(!o)throw new Error("useDialog must be used inside <LayersProvider>");let n=()=>o.clear(),t=e=>o.remove(e),r=e=>o.add({type:"drawer",props:e});return {clearAll:n,open:e=>r({children:e}),right:e=>r({children:e,from:se.Right}),left:e=>r({children:e,from:se.Left}),top:e=>r({children:e,from:se.Top}),bottom:e=>r({children:e,from:se.Bottom}),close:t}},Ya=Xa;var Ja=(o,n,t={})=>{let[r,e]=useState(null),[s,u]=useState(false),{duration:l=.25,curve:p=F.EaseOutBack,borderRadius:a={from:40,to:24},targetWidth:i=320}=t;return useLayoutEffect(()=>{n&&o.current?(e(o.current.getBoundingClientRect()),u(true)):n||u(false);},[n,o]),{style:ae({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:l,when:s&&n}).style,isMeasured:s,sourceRect:r}},ja=Ja;var ti=()=>{let o=useContext(ce);if(!o)throw new Error("useContextMenu must be used inside <LayersProvider>");return {showContextMenu:(r,e,s)=>{r.preventDefault(),o.openMenu({event:r,items:e,origin:s});},showMenu:(r,{items:e,origin:s,offsetX:u,offsetY:l,transition:p,curve:a,arrow:i,duration:f,header:m,footer:d})=>{o.openMenu({fx:{transition:p,curve:a,duration:f},parent:r,items:e,origin:s||Ze.TopCenter,offsetX:u,offsetY:l,arrow:i,header:m,footer:d});},hide:o.clear}},oi=ti;var Mr=({ref:o,style:n,...t})=>{let r=useRef(null),e=useMemo(()=>o&&typeof o!="function"&&o.current?o:r,[o]),{style:s,className:u,rest:l}=I(t,e);return jsx("div",{ref:o||r,style:{...s,...n||{}},className:u,...l})};Mr.displayName="Zuz.Box";var c=Mr;var kr=forwardRef((o,n)=>{let{title:t,message:r,...e}=o,[s,u]=useState(false);return jsxs(c,{className:"--accordion flex cols",...e,children:[jsxs(_,{onClick:l=>u(!s),className:`--toggle flex aic ${s?"--open":""}`.trim(),children:[jsx(V,{className:"--label flex",children:t}),jsx(c,{className:"--arrow flex",children:s?H.arrowUp:H.arrowDown})]}),s&&jsx(c,{className:"--detail",children:r})]})});kr.displayName="Zuz.Accordion";var li=kr;var mi=({label:o,icon:n,onClick:t,idx:r,selected:e})=>jsx(_,{onClick:t,onMouseMove:s=>document.documentElement.style.setProperty("--tip-m",`${r}`),className:`--action ${e?"--selected":""} aic jcc rel`.trim(),children:typeof n=="string"?jsx(Y,{name:n}):n}),Hr=mi;var Vr=forwardRef((o,n)=>{let{items:t,name:r,selected:e,position:s,...u}=o,l=useRef(null),[p,a]=useState(e||t[0].tag||0),i=useCallback(({x:v,y:R})=>{if(l.current){let h=l.current.getBoundingClientRect();document.documentElement.style.setProperty("--tip-x",`${v-h.left}`),document.documentElement.style.setProperty("--tip-y",`${R-h.top}`),document.documentElement.style.setProperty("--tip-s","1");}},[]),f=useCallback(()=>{l.current&&(l.current.removeEventListener("pointerleave",f),l.current.removeEventListener("pointermove",i),document.documentElement.style.setProperty("--tip-s","0"));},[]),m=useCallback(()=>{l.current&&(l.current.addEventListener("pointerleave",f),l.current.addEventListener("pointermove",i));},[]);useEffect(()=>{l.current&&(document.documentElement.style.setProperty("--tip-w",t.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",`${t.length}`),l.current?.addEventListener("pointerenter",m));},[]);let{className:d,style:w,rest:b}=I(u);return jsxs(c,{ref:l,style:w,className:[`--actionbar flex aic ${d}`,`${!s||s==te.Auto?"rel":`--${s}`}`].join(" ").trim(),...b,children:[t.map((v,R)=>jsx(Hr,{selected:p===v.tag||e==R,...v,idx:R},`actionbar-action-${v.label.toLowerCase().replace(/\s+/g,"-")}`)),jsx(c,{className:"--tip abs",children:jsx(c,{className:"--track flex aic",children:t.map(({label:v})=>jsx(c,{className:"--lb",children:v},`tool-tip-${v.toLowerCase().replace(/\s+/g,"-")}`))})})]})});Vr.displayName="Zuz.ActionBar";var di=Vr;var $r=forwardRef((o,n)=>{let{type:t,icon:r,title:e,message:s,iconSize:u,...l}=o,{className:p,style:a,rest:i}=I(l);return jsxs(c,{className:`--alert --${t||le.Info} flex aic ${p}`.trim(),style:a,...i,children:[jsx(c,{className:`--icon icon-${r||"auto-matic"}`,style:u?{fontSize:u,width:u,height:u}:{},children:!r&&H[t||le.Info]}),jsxs(c,{className:"--meta flex cols",children:[jsx(V,{className:`--title ${s?"--tm":""}`,children:e||"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}),s&&jsx(V,{className:"--message",h:2,children:s})]})]})});$r.displayName="Zuz.Alert";var xi=$r;var zr=({ref:o,...n})=>{let{variant:t,numeric:r,onConfirm:e,...s}=n,{style:u,className:l,rest:p}=I(s),{variant:a}=X(true),i=f=>{r&&(f.currentTarget.value=f.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};return jsx("input",{className:`--input --${t||a} flex ${l}`.trim(),style:u,onInput:i,onKeyDown:f=>{f.key=="Enter"&&e?.(f.currentTarget.value);},ref:o,...p})};zr.displayName="Zuz.Input";var re=zr;var Fr=o=>{let{meta:n,children:t}=o,r=useDelayed(),{label:e,icon:s,...u}=isValidElement(n)?{}:n,{className:l,style:p,rest:a}=I({...u,...u.animate?{animate:{...u.animate,when:r}}:{}});return isValidElement(n)?jsx("li",{style:p,className:l,children:n}):jsxs("li",{style:p,className:l,...a,children:[t,typeof n=="string"?n:e]})};Fr.displayName="Zuz.ListItem";var Kr=Fr;var Wr=forwardRef((o,n)=>{let{items:t,variant:r,direction:e,seperator:s,ol:u,...l}=o,{className:p,style:a,rest:i}=I(l),f=u==true?"ol":"ul";return createElement(f,{className:`--list --${r||G.Small} flex ${e??"cols"} ${p}`.trim(),style:a,ref:n,...i,children:t.map((m,d,w)=>{let b=`${typeof m=="string"?`li-${String(m)}`:isValidElement(m)?`li-${m.key}`||`${d}-${MD5(m.toString())}`:m.label}-${d}`;return jsxs(Fragment,{children:[jsx(Kr,{meta:m}),s&&w[d+1]?jsx("li",{className:"--list-seperator",children:s},`spt-${d+1}-${b}`):null]},b)})})});Wr.displayName="Zuz.List";var Me=Wr;var Gr=forwardRef((o,n)=>{let{fx:t,action:r,data:e,withStyle:s,onChange:u,...l}=o,{className:p}=I({as:s||""}),{style:a}=I(l),[i,f]=useState(false),[m,d]=useState(e||[]),w=useRef(null),b=useRef(null),v=useRef(null),R=useMemo(()=>l.name||uuid(12),[]),[h,g]=useState(null),[S,E]=useState(null),[T,C]=useState([]),O=useDebounce(P=>{P.target.value==""?(f(false),d([])):r&&P.target.value.trim()!=""&&withPost(r,{query:P.target.value}).then($=>{"items"in $&&_$1($.items).isArray()?(d($.items),E(P.target.value),C($.items)):console.error("Action Response should contain items array"),g(null);}).catch($=>{g(null),d([]);});},250),M=()=>{if(b.current){let P=b.current.getBoundingClientRect(),$=window.innerHeight-P.bottom,z=P.top;if(v.current){let U=v.current;$<U.offsetHeight&&z>$?(U.style.top="auto",U.style.bottom=`${P.height}px`,U.style.maxHeight=`${z-150}px`):(U.style.top=`${P.height+5}px`,U.style.bottom="auto",U.style.maxHeight=`${$-150}px`);}}},A=P=>{if(m.length>0){if((P.key==="ArrowDown"||P.key==="ArrowUp")&&(P.preventDefault(),P.stopPropagation()),P.key==="Escape")g(null),f(false),d([]);else if(P.key==="ArrowDown")g($=>{let z=$===null||$===m.length-1?0:$+1;return Z(z),z});else if(P.key==="ArrowUp")g($=>{let z=$===null||$===0?m.length-1:$-1;return Z(z),z});else if(P.key==="Enter"&&h!==null){let $=m[h];w.current&&(w.current.value=$,f(false),d([]));}}},B=P=>{w.current&&(w.current.value=P,f(false),d([]));},Z=P=>{let $=m[P];if($&&w.current&&(w.current.value=$,w.current.setSelectionRange($.length,$.length)),v.current){let U=v.current.children[P];U&&U.scrollIntoView({block:"nearest"});}},W=P=>{b.current&&!b.current.contains(P.target)&&(f(false),d([]));},D=()=>{w.current&&w.current.value===S&&(d(T),g(null),M());};return useEffect(()=>(window.addEventListener("resize",M),window.addEventListener("scroll",M,true),document.addEventListener("mousedown",W),()=>{window.removeEventListener("resize",M),window.removeEventListener("scroll",M,true),document.removeEventListener("mousedown",W);}),[]),useEffect(()=>{M();},[m]),jsxs(c,{style:a,ref:b,className:`--autocomplete --${o.size||G.Small} flex aic rel ${p}`.trim(),children:[jsx(re,{ref:w,autoComplete:"off",onChange:O,onKeyDown:A,onFocus:D,...l}),jsx(c,{className:"--arrow rel flex aic jcc",children:m.length>0?H.arrowUp:H.arrowDown}),m.length>0&&jsx(Me,{id:R,ref:v,className:"--suggestion-list flex cols abs",items:m.map((P,$)=>({label:P,onClick:z=>{z.preventDefault(),z.stopPropagation(),B(P);},className:h===$?"--current":"",animate:{transition:q.SlideInBottom,curve:F.EaseInOut,delay:clamp(.02*$,.02,.5)}}))})]})});Gr.displayName="Zuz.AutoComplete";var Di=Gr;var qr=forwardRef((o,n)=>{let t=useRef(null),r=useMemo(()=>n&&typeof n!="function"&&n.current?n:t,[n]),{style:e,className:s,rest:u}=I(o,r);return !u.src||u.src==""?null:jsx("img",{ref:r,style:e,className:`${s} flex`,...u})});qr.displayName="Zuz.Image";var Je=qr;var Xr=forwardRef((o,n)=>{let{src:t,variant:r,type:e,crossOrigin:s,referrerPolicy:u,fx:l,as:p,alt:a,color:i,style:f,...m}=o,[d,w,b]=useImage(t??"",s,u),{className:v,style:R,rest:h}=I({fx:l,as:p});return jsx(c,{className:`--avatar --${r||G.Small} --${(e||zo.Circle).toLowerCase()} rel flex aic jcc ${v}`.trim(),style:{background:i||"var(--primary)",...f,...R},...h,children:t?jsx(Je,{src:d,crossOrigin:s,referrerPolicy:u,...m}):jsx(V,{className:"--avatar-label",children:(a?a.charAt(0):"A").toUpperCase()})})});Xr.displayName="Zuz.Avatar";var Ki=Xr;var Zi=({size:o=6,type:n="idle",label:t="",loading:r=false,...e})=>{let{style:s,className:u,rest:l}=I(e);return jsxs(c,{style:{width:`${o+4}px`,height:`${o+4}px`,...s},as:`--badge rel flex aic jcc ${u}`.trim(),children:[jsx(c,{fx:{transition:q.FadeIn,curve:F.Liquid,duration:.5,when:r},as:"abs abc",children:jsx(he,{})}),jsx(c,{style:{width:`${o}px`,height:`${o}px`},as:`--dot --${n}`})]})},Wi=Zi;var sl=[{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)}],al=o=>{let n=new Set;return o.filter(t=>{if(t.label=="Later")return true;let r=t.getDate().toISOString().split("T")[0];return n.has(r)?false:(n.add(r),true)})},Yr=forwardRef((o,n)=>{let{defaultValue:t,variant:r,onChange:e,...s}=o,{style:u,className:l,rest:p}=I(s),[a,i]=useState(t||new Date),f=startOfMonth(a),m=endOfMonth(a),d=startOfWeek(f),w=endOfWeek(m),b=useMemo(()=>eachDayOfInterval({start:d,end:w}),[d,w]),v=g=>{e?.(g),i(g);},R=()=>{i(g=>new Date(g.getFullYear(),g.getMonth()-1));},h=()=>{i(g=>new Date(g.getFullYear(),g.getMonth()+1));};return jsxs(c,{as:`--calendar flex --${r||"sm"} ${l}`,style:u,children:[jsx(c,{as:"--calendar-quick-select flex cols flex:1",children:al(sl).map(g=>{let S=g.getDate();return jsxs(_,{onClick:()=>v(S),as:["--calendar-quick-option flex aic gap:5"],children:[jsx(V,{as:"flex:1",children:g.label}),jsx(V,{as:"tar",children:g.getDateFormat()})]},`--dtp-option-label-${g.label}`)})}),jsxs(c,{as:"--calendar-selector flex cols flex:1",children:[jsxs(c,{as:"--calendar-head flex aic jcc gap:4",children:[jsx(V,{as:"flex:1 --calendar-cm bold",children:format(a,"MMMM yyyy")}),jsx(_,{onClick:R,as:"--calendar-chevron",children:H.chevronUpOutline}),jsx(_,{onClick:h,as:"--calendar-chevron",children:H.chevronDownOutline})]}),jsxs(c,{as:"--calendar-days gap:4",children:[["Su","Mo","Tu","We","Th","Fr","Sa"].map(g=>jsx(V,{as:"--calendar-day",children:g},`--calendar-hd-${g}`)),b.map((g,S)=>{let E=isSameMonth(g,a),T=isSameDay(g,a),C=isToday(g);return jsx(_,{disabled:!E,onClick:()=>v(g),as:["--calendar-day --calendar-dd",`${T?"--calendar-dd-selected":""}`,`${C?"--calendar-dd-current":""}`],children:format(g,"d")},`--calendar-day-${S}-${g.getFullYear()}-${g.getMonth()}-${g.getDay()}`)})]})]})]})});Yr.displayName="Zuz.Calendar";var io=Yr;var Qr=(n=>(n.Line="line",n))(Qr||{});var en=forwardRef((o,n)=>{let{data:t,width:r,height:e,lineColor:s,strokeWidth:u=2,gradientStartColor:l,gradientEndColor:p,animated:a,animDuration:i=2,animDelay:f=0,padding:m=0,type:d,...w}=o,{className:b,style:v,rest:R}=I(w),h=useRef(null),g=useResizeObserver(h.current?.parentElement||h),S=typeof r=="number"?r:g.width,E=typeof e=="number"?e:g.height,T={width:S,height:E},C=useId(),{pathD:N,areaPathD:O}=useLineChart(t,T,m+(u||2)),M=useRef(null),A=useRef(null),[B,Z]=useState(0),[W,D]=useState(0);return useEffect(()=>{a&&(M.current&&Z(M.current.getTotalLength()),A.current&&D(A.current.getTotalLength()));},[a,N,O,S,E]),jsx(c,{ref:h,as:`--chart --${d||"line"}-chart ${b}`.trim(),style:{...v,width:r,height:e},...R,children:S>0&&E>0&&jsxs("svg",{viewBox:`0 0 ${S} ${E}`,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:l}),jsx("stop",{offset:"100%",stopColor:p})]})}),jsx("path",{ref:A,d:O,fill:`url(#${C})`,stroke:"none",style:a?{strokeDasharray:W,strokeDashoffset:W}:{},children:a&&jsx("animate",{attributeName:"stroke-dashoffset",from:W,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})}),jsx("path",{ref:M,d:N,fill:"none",stroke:s,strokeWidth:u,strokeLinecap:"round",strokeLinejoin:"round",style:a?{strokeDasharray:B,strokeDashoffset:B}:{},children:a&&jsx("animate",{attributeName:"stroke-dashoffset",from:B,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})})]})})});en.displayName="Zuz.Chart";var ul=en;var tn=(e=>(e[e.Sending=0]="Sending",e[e.Sent=1]="Sent",e[e.Delivered=2]="Delivered",e[e.Read=3]="Read",e))(tn||{}),on=(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))(on||{});var nn=forwardRef((o,n)=>{let{progress:t,type:r,animated:e,...s}=o,u=useRef(null);useImperativeHandle(n,()=>({setProgress:i=>{u.current.style.width=`${i*100}%`;}}),[]),useEffect(()=>{t&&u.current&&(e?setTimeout(()=>u.current.style.width=`${t*100}%`,500):u.current.style.width=`${t*100}%`);},[t,u.current]);let{className:l,style:p,rest:a}=I(s);return jsx(c,{className:`--progress ${e?"--animated":""} flex rel ${l}`.trim(),style:p,...a,children:jsx(c,{ref:u,className:"--bar rel"})})});nn.displayName="Zuz.ProgressBar";var mo=nn;var sn=forwardRef((o,n)=>{let{text:t,media:r,side:e="me",status:s=1,timeStamp:u=Date.now(),arrow:l=true,...p}=o,{className:a,style:i,rest:f}=I(p);return jsx(c,{className:`--bubble-wrapper flex --bw-${e}`.trim(),children:jsxs(c,{className:`--bubble --bubble-${e} ${r?`--with-media --bma-${r.type}`:""} rel flex cols ${l==true?"--b-arrow":""} ${a}`.trim(),style:{...i},...f,children:[t&&jsx(V,{className:"--bubble-text",children:t}),r?r.type=="audio"?jsxs(c,{as:"flex aic --bubble-audio",children:[jsx(J,{className:"--bm-action",children:H.play}),jsx(mo,{progress:.7}),jsx(V,{className:"--bm-dur",children:r.duration??"00:13"})]}):r.type=="img"?jsx(c,{as:"--bubble-image",children:jsx(Je,{src:r.source})}):null:null,jsxs(c,{as:"flex aie jce --bubble-stats",children:[jsx(V,{className:"--bubble-stamp tar",children:timeSince(u)}),e=="me"&&jsx(J,{className:`--bubble-status --bs-${s}`,children:s==0?H.pending:s==1?H.done:s==2?H.doneAll:H.doneAll})]})]})})});sn.displayName="Zuz.Bubble";var bl=sn;var an=forwardRef((o,n)=>{let{style:t,className:r,rest:e}=I(o);return jsx("label",{ref:n,style:t,className:r,...e})});an.displayName="Zuz.Label";var et=an;var ln=forwardRef((o,n)=>{let{name:t,required:r,type:e,value:s,size:u,variant:l,checked:p,onSwitch:a,...i}=o,[f,m]=useState(p||false),d=useRef(null),{variant:w}=X(true);return useImperativeHandle(n,()=>({setChecked(b,v=true){m(b),d.current&&(d.current.checked=b),v&&a&&a(b,s||"cb");},toggle(b=true){d.current&&(d.current.checked=!f),b&&a&&a&&a(!f,s||"cb"),m(!f);}})),jsxs(et,{className:`--${(e||ve.Default).toLowerCase()} ${!e||e==ve.Default?"--checkbox":"--switch"} --${l||w||G.Small} flex aic jcc ${f?"is-checked":""} rel`.trim(),...i,children:[(!e||e==ve.Default)&&H.check,jsx(re,{ref:d,defaultChecked:f,value:s||"cb",type:"checkbox",className:"abs",name:t,required:r||false,onChange:b=>{a&&a(b.target.checked,s||"cb"),m(b.target.checked);}})]})});ln.displayName="Zuz.CheckBox";var tt=ln;var El=({ref:o,...n})=>{let{code:t,lang:r="tsx",showLines:e=false,highlight:s="",as:u,fx:l,...p}=n,a=useRef(null),{className:i,style:f,rest:m}=I({as:`rel p:20 br:8 bg:shade-1 overflow:auto font:mono ${u}`,fx:l},a),d=useMemo(()=>{let b=new Set;return s.split(",").forEach(v=>{if(v.includes("-")){let[R,h]=v.split("-").map(Number);for(let g=R;g<=h;g++)b.add(g);}else v&&b.add(Number(v));}),b},[s]),w=useMemo(()=>{let b=t.split(`
|
|
9
|
+
`);for(;b.length>0&&b[0].trim()==="";)b.shift();for(;b.length>0&&b[b.length-1].trim()==="";)b.pop();let v=b[0]?.match(/^\s*/)?.[0].length||0,R=b.map(g=>{let S=g.match(/^\s*/)?.[0].length||0,E=Math.min(S,v);return g.slice(E)}),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((g,S)=>{let E=g.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),T=d.has(S+1),C=[];h.forEach(N=>{E=E.replace(N.re,O=>{let M=`ZUZ_ID_${C.length}_ZUZ`;return C.push(`<span class="--token-${N.name}">${O}</span>`),M});});for(let N=C.length-1;N>=0;N--)E=E.replace(`ZUZ_ID_${N}_ZUZ`,C[N]);return `<div class="--code-line ${e==true?"--with-ln":""} ${T?"--is-highlighted":""}">
|
|
10
|
+
${e==true?`<span class="--line-number">${S+1}</span>`:""}
|
|
11
|
+
<span class="--line-content">${E||" "}</span>
|
|
12
|
+
</div>`}).join("")},[t,d]);return jsx(c,{as:`--code-block ${i}`,style:f,...p,children:jsx("pre",{ref:o,children:jsx("code",{className:`--code --lang-${r}`,dangerouslySetInnerHTML:{__html:w}})})})},Bl=El;var cn=({onSelect:o,meta:n,selected:t})=>{let r=useRef(null),{index:e,icon:s,label:u}=n,[l,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}),t&&o(e,i,f,n,true);}},[a,r.current]),useEffect(()=>{t&&o(e,l.width,l.x,n,false);},[t]),jsxs(_,{onClick:()=>o(e,l.width,l.x,n,false),ref:r,className:`--segment-item flex aic rel ${t?"--segment-active":""}`.trim(),children:[s?typeof s=="string"?jsx(Y,{name:s,as:"--segment-icon"}):jsx(c,{as:"--segment-icon flex aic jcc",children:s}):null,u&&String(u).trim()!=""&&jsx(c,{className:"--segment-label",children:u||`Item ${e}`})]})};cn.displayName="SelectTabItem";var pn=cn;var fn=forwardRef((o,n)=>{let{fx:t,items:r,selected:e,variant:s,onSwitch:u,...l}=o,[p,a]=useState(e||0),i=useRef(false),f=useRef(p),{className:m,style:d,rest:w}=I(l),b=useRef(null),v=useRef(null),R=(h,g,S,E,T)=>{if((T||p!=h&&p!=-2)&&(a(h),f.current=p,i.current&&u?.(E)),b.current){let C=v.current?.getBoundingClientRect();b.current.style.setProperty("--w",`${g}px`),b.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(c,{ref:v,"data-selected":p,className:`${m} --segmented --${s||G.Small} flex aic rel`,style:d,...w,children:[jsx(c,{ref:b,className:"--segment-tab abs"}),r.map((h,g)=>jsx(pn,{onSelect:R,selected:p==g,meta:{...h,index:g}},`segment-${h.label}-${g}`))]})});fn.displayName="Zuz.SelectTabs";var ot=fn;var hn=forwardRef((o,n)=>{let{type:t,...r}=o,e=useDelayed(),{colorScheme:s,setColorScheme:u}=$t(),l=useCallback(()=>{u(s=="dark"?"light":s=="light"?"system":"dark");},[s]),{className:p,style:a}=I(r),i=useMemo(()=>t=="system"?[{tag:"light",index:0,label:"",icon:H.colorSchemeLight},{tag:"system",index:1,label:"",icon:H.colorSchemeSystem},{tag:"dark",index:2,label:"",icon:H.colorSchemeDark}]:[{tag:"light",index:0,label:"",icon:H.colorSchemeLight},{tag:"dark",index:2,label:"",icon:H.colorSchemeDark}],[]),f=useMemo(()=>["light","system","dark"].indexOf(s),[s]);return !e||f==-1?null:t=="system"||t=="switch"?jsx(ot,{className:`--color-scheme --${t}`,onSwitch:({tag:m})=>{u(m);},selected:f,items:i,...r}):jsx(_,{onClick:l,style:a,as:`--color-scheme-switch --${r.variant||G.Small} ${p}`.trim(),children:s=="system"?H.colorSchemeSystem:s=="light"?H.colorSchemeLight:H.colorSchemeDark})});hn.displayName="Zuz.ColorScheme";var Wl=hn;var yn=forwardRef((o,n)=>{let[t,r]=useState("wait"),{title:e,message:s,acceptLabel:u,rejectLabel:l,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(c,{fx:{from:{x:-1e3},to:{x:0},when:t=="pending",curve:F.EaseInOut,duration:.5,delay:t=="accepted"?0:3},as:`--cookie-consent --${t} --${p||te.Left} flex cols`,children:[jsx(V,{as:"--title",children:e||"This site uses cookies"}),jsx(V,{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(c,{as:"--footer flex aic",children:[jsx(_,{onClick:i=>a(1),as:"--accept",children:u||"Accept All"}),jsx(_,{onClick:i=>a(0),as:"--reject",children:l||"Cancel"})]})]})});yn.displayName="Zuz.CookiesConsent";var Xl=yn;var wn=forwardRef((o,n)=>{let {type:t,value:r,min:e,max:s,step:u,onChange:l,roundValue:p,...a}=o,{className:i,style:f,rest:m}=I(a),d=useRef(u||.01).current,w=useRef(e||0).current,b=useRef(s||1).current,v=useRef(r||0).current,R=useRef(null),h=useRef(null),g=useRef(null);useRef(null);let E=useRef(null),T=useRef(null),C=(z,U,k)=>(z-U)/(k-U)*100,N=z=>{if(h.current){let U=parseFloat(z.currentTarget.value),k=C(U,parseFloat(z.currentTarget.min),parseFloat(z.currentTarget.max));h.current.style.setProperty("--value",`${k}`),h.current.setAttribute("data-value",`${U}`),l&&l(p?+U.toFixed(2):U);}},[O,M]=useState(false),[A,B]=useState(0),[Z,W]=useState(0),D=z=>{M(true),B(z.clientX),W(h.current?parseFloat(h.current.getAttribute("data-value")):0),document.body.style.cursor="ew-resize";},P=z=>{if(O){let U=z.clientX-A,k=Math.max(w,Math.min(Z+U*d,b));h.current&&(h.current.setAttribute("data-value",`${k}`),T.current.textContent=p?k.toFixed(2):k.toString(),l&&l(p?+k.toFixed(2):k));}},$=()=>{M(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))}`:v.toString());},[]),useEffect(()=>(O?(document.addEventListener("mousemove",P),document.addEventListener("mouseup",$)):(document.removeEventListener("mousemove",P),document.removeEventListener("mouseup",$)),()=>{document.removeEventListener("mousemove",P),document.removeEventListener("mouseup",$);}),[O]),jsx(c,{ref:h,"data-value":v||0,className:`--slider --${t||ut.Default} flex rel ${i}`.trim(),style:{...f},children:ut.Text===t?jsx(Fragment$1,{children:jsx(V,{ref:T,onMouseDown:D,className:"--slider-text",children:v||0})}):jsxs(Fragment$1,{children:[jsx(c,{ref:E,className:"--slider-track abs fill"}),jsx(c,{ref:g,className:"--slider-knob abs"}),jsx(re,{ref:R,onInput:N,className:"abs fill",tabIndex:0,type:t||ut.Default,defaultValue:v||0,step:d,max:b,min:w})]})})});wn.displayName="Zuz.Slider";var go=wn;var Cn=forwardRef((o,n)=>{let{src:t,shape:r,size:e,...s}=o,{style:u,className:l,rest:p}=I(s),{canvasRef:a,crop:i,setScale:f,handleMouseDown:m,handleMouseUp:d,handleMouseMove:w}=useImageCropper(t,e||200,r||CropShape.Circle);return useImperativeHandle(n,()=>({getCropped(){return i()},setScale(b){f(b);}})),jsxs(c,{as:`--cropper --${r||CropShape.Circle} ${l}`,style:u,...p,children:[jsx("canvas",{ref:a,width:e||200,height:e||200,onMouseDown:m,onMouseUp:d,onMouseLeave:d,onMouseMove:w}),jsx(c,{as:"--cropper-slider",children:jsx(go,{onChange:b=>f(b),min:0,max:1,step:.01,value:1})})]})});Cn.displayName="Zuz.Cropper";var tm=Cn;var rm=(t=>(t.Circle="circle",t.Square="square",t))(rm||{});var Pn=forwardRef((o,n)=>{let{items:t,maxItems:r}=o,e=useMemo(()=>{let l=typeof t=="string",p=l?[]:t;return l&&t.split(",").forEach(a=>{p.push({label:a});}),p},[t]),u=useMemo(()=>r&&r>0&&e.length>r-1,[e,r])?[...e.slice(0,2),{ID:".",label:"...",icon:"ellipsis",action:()=>{}},...e.slice(-r)]:e;return jsx(Me,{ref:n,className:"--crumb flex aic",direction:"rows",seperator:jsx(c,{as:"--crumb-chevron",children:H.chevronRightOutline}),items:u.map((l,p,a)=>l.ID=="."?jsx(c,{as:"flex aic gap:3",children:Array(3).fill(null).map(()=>jsx(c,{as:"w:4 h:4 bg:$text r:10"},`--crumb-placeholder-${p}`))}):jsxs(_,{onClick:()=>l.action?.(),className:"--crumb-item",disabled:!a[p+1],children:[l.icon&&jsx(Y,{as:"--crumb-icon",name:l.icon}),jsx(V,{as:"--crumb-label",children:l.label})]},`${l.label.replace(/\s+/g,"-").toLowerCase()}-${p}`))})});Pn.displayName="Zuz.Crumb";var sm=Pn;var Nn=forwardRef((o,n)=>{let{icon:t,defaultValue:r,value:e,size:s,variant:u,numeric:l,type:p,onConfirm:a,...i}=o,[f,m]=useState(false),[d,w]=useState(r||null),{style:b,className:v,rest:R}=I(i),h=useRef(null),g=useRef(null),{reposition:S}=Ue(g,{direction:te.Bottom,offset:2}),E=C=>{l&&(C.currentTarget.value=C.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};useEffect(()=>{let C=N=>{let O=N.target,M=h.current?.contains(O),A=g.current?.contains(O);!M&&!A&&m(false);};return f&&document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C);}},[f]),useEffect(()=>{let C=N=>{N.key==="Escape"&&f&&(m(false),h.current?.focus());};return document.addEventListener("keydown",C),()=>document.removeEventListener("keydown",C)},[f]);let T=()=>{m(true);};return useEffect(()=>{f&&S();},[f,S]),jsx(Fragment$1,{children:jsxs(c,{as:`--date-picker ${u?`--${u}`:""} rel flex aic ${v}`,"data-value":d?d.toISOString():"",children:[t?typeof t=="string"?jsx(Y,{as:"mr:10 c:#666",name:t}):t:jsx(J,{as:"--date-picker-icon flex aic jcc",children:H.calendar}),jsx("input",{ref:h,value:d?format(d,"EEE, MMM d YYY hh:mm a"):e||"",className:`--input ${u?`--${u}`:""} flex`.trim(),style:b,onFocus:T,onInput:E,autoComplete:"new-password",onKeyDown:C=>{C.key=="Enter"&&a?.(C.currentTarget.value);},...R}),jsx(c,{"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(io,{defaultValue:d,onChange:C=>{w(C),m(false);}})})]})})});Nn.displayName="Zuz.DatePicker";var mm=Nn;var En=forwardRef((o,n)=>{let{icon:t,variant:r,position:e}=o;return jsx(_,{className:`--fab fixed --${r||G.Large} --${e||"bottomright"}`,children:t||H.plus})});En.displayName="Zuz.Fab";var fm=En;var Bn=o=>{let{names:n,strength:t}=o,r={[ft.Gooey]:e=>jsxs("filter",{id:"gooey",children:[jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:e||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(e=>r[e](t))})})};Bn.displayName="Zuz.Filters";var hm=Bn;var Re=null,ie=null,Mn=forwardRef((o,n)=>{let{title:t,message:r,transition:e,curve:s,speed:u,type:l,actionPosition:p,spinner:a,loadingMessage:i,onShow:f,onHide:m,...d}=o,{className:w,style:b,rest:v}=I(d),[R,h]=useState(t||""),[g,S]=useState(r||""),[E,T]=useState(null),[C,N]=useState(l||me.Default),O=useMemo(()=>uuid(12),[]),[M,A]=useState(false),B=useRef(null),Z=useRef(null),[W,D]=useState(false),[P,$]=useState(true),z=useRef(null),U=g;useImperativeHandle(n,()=>({setLoading(K){D(K);},showDialog(K,Q,oe,ee){Re&&(clearTimeout(Re),ie&&clearTimeout(ie),B.current.classList.remove("--wobble"),setTimeout(()=>B.current.classList.add("--wobble"),50),ie=setTimeout(()=>{B.current.classList.remove("--wobble"),ie=null;},500)),N(me.Dialog),Q&&S(Q),K&&h(K),oe&&T(oe.reduce((pe,ge)=>(pe.push({...ge,key:ge.key||uuid(12)}),pe),[])),A(true),setTimeout(()=>ee?ee():()=>{},1e3);},dialog(K,Q,oe,ee){Re&&(clearTimeout(Re),ie&&clearTimeout(ie),B.current.classList.remove("--wobble"),setTimeout(()=>B.current.classList.add("--wobble"),50),ie=setTimeout(()=>{B.current.classList.remove("--wobble"),ie=null;},500)),N(me.Dialog),S(Q),h(K),oe&&T(oe.reduce((pe,ge)=>(pe.push({...ge,key:ge.key||uuid(12)}),pe),[])),A(true),setTimeout(()=>ee?ee():()=>{},1e3);},error(K,Q){this.show(K,Q,me.Error);},warn(K,Q){this.show(K,Q,me.Warn);},success(K,Q){this.show(K,Q,me.Success);},show(K,Q,oe){Re&&(clearTimeout(Re),ie&&clearTimeout(ie),Z.current=B.current.style.transform,B.current.style.transform="",B.current.classList.remove("--wobble"),setTimeout(()=>{B.current.classList.add("--wobble"),B.current.style.transform=`${Z.current} scale(.9)`.trim();},50),ie=setTimeout(()=>{B.current.classList.remove("--wobble"),B.current.style.transform=Z.current||"",ie=null;},500)),Re=setTimeout(()=>{A(false),Re=null,ie=null;},(Q||4)*1e3),N(oe||me.Default),S(K),A(true),f?.();},hide(){A(false),m?.();}}));let k=useMemo(()=>{let K={when:M,duration:u||.3,delay:.1};if(C==me.Dialog){if(e){let{from:Q,to:oe}=We(e,20);return {from:Q,to:oe,curve:s||F.EaseInOut,...K}}return {from:{scale:0,x:"-50%",y:"-50%",opacity:0},to:{scale:1,x:"-50%",y:"-50%",opacity:1},curve:F.Spring,...K}}else return {from:{scale:0,x:"-50%",y:"-10vh",opacity:0},to:{scale:1,x:"-50%",y:0,opacity:1},curve:F.Spring,...K}},[M,C]);return useEffect(()=>{z.current&&clearTimeout(z.current),M?$(true):z.current=setTimeout(()=>$(false),1e3);},[M]),C==me.Dialog?jsxs(Fragment$1,{children:[jsx(Ee,{when:M}),jsxs(c,{className:`--sheet --sheet-${C.toLowerCase()} ${M?"is-visible":""} ${w} fixed`.trim(),style:b,fx:k,...v,ref:B,children:[jsx(Be,{when:W,spinner:a,message:i}),jsxs(c,{className:"--head flex aic rel",children:[jsx(c,{className:`--${R?"title":"dot"} flex aic rel`,children:R||""}),jsx(_,{onClick:K=>A(false),className:"--closer abs",children:"\xD7"})]}),jsx(c,{className:`--body flex aic rel ${E?"":"--no-action"}`.trim(),children:P?U:null}),E&&jsx(c,{className:`--footer flex aic rel ${p?p==Mt.Center?"jcc":"":"jce"}`.trim(),children:E.map((K,Q)=>jsx(_,{onClick:oe=>K.handler?K.handler():K.onClick?K.onClick():console.log("onClick Handler missing"),className:"--action",children:K.label},`sheet-${O}-action-${K.key}`))})]})]}):jsx(c,{className:`--sheet --sheet-${C.toLowerCase()} ${w} abs`.trim(),style:b,...v,fx:k,ref:B,children:M?g:null})}),nt=o=>typeof o=="object"&&o!=null&&"setLoading"in o&&"success"in o&&"error"in o;Mn.displayName="Zuz.Sheet";var wm=Mn;var On=({ref:o,...n})=>{let{name:t,cover:r,spinner:e,errors:s,action:u,children:l,withData:p,beforeSubmit:a,onSubmit:i,onError:f,onSuccess:m,resetOnSuccess:d,...w}=n,{className:b,style:v,rest:R}=I(w),[h,g]=useState(false),S=useRef(null),E=useRef(null),T=useRef(null),C=jt(),N=useCallback(P=>S.current?S.current.querySelectorAll(P):[],[S.current]),O=P=>({name:P.name||P.getAttribute("name")||P.getAttribute("data-name"),required:P.required?true:P.getAttribute("data-required")?P.getAttribute("data-required")=="true":false,with:P.with||P.getAttribute("with")}),M=P=>{let $=[];return P.querySelectorAll(".--input").forEach(z=>{$.push(z.value);}),$.join("")},A=useCallback(P=>{let{required:z}=O(P);if(z){if(P.type=="checkbox"&&P.checked==false)return false;if(P.classList.contains("--otp")){let k=M(P);if(k==""||k.length<parseInt(P.getAttribute("data-size")))return false}if(P.classList.contains("--select")&&P.querySelector("button.--selected").dataset.value=="-1"||P.value=="")return false}if(P.getAttribute("with")){let k=P.getAttribute("with");switch(k.includes("@")&&(k=k.split("@")[0],k=="match"&&(k=we.MatchField)),k.toUpperCase()){case we.IPV4:return _$1(P.value).isIPv4();case we.IPV6:return _$1(P.value).isIPv6();case we.Email:return _$1(P.value).isEmail();case we.Uri:try{return new URL(P.value),!0}catch{return false}case we.Password:return console.log("Add FORMVALIDATION.Password"),false;case we.MatchField:let[K,Q,oe]=P.getAttribute("with").split("@"),ee=document.querySelector(`[name=${Q.trim()}]`);if(!ee)return false;switch(oe||"direct-match"){case "if-not-empty":if(ee&&!_$1(ee.value).isEmpty()&&ee.value!=P.value)return false;break;case "direct-match":if(ee&&ee.classList.contains("--otp")&&P.classList.contains("--otp")&&M(ee)!=M(P))return false;if(ee&&ee.value!=P.value)return false;break}break;default:return true}}return true},[S.current]),B=useCallback(()=>{let P={},$={},z=null,U=null;if(Array.from(N("[name]")).forEach(k=>{let{name:K,required:Q,with:oe}=O(k),ee=true;(Q||oe)&&(ee=A(k)),P[K]={valid:ee,value:k.type=="checkbox"?k.checked==true?k.value:false:k.classList.contains("--otp")?M(k):k.classList.contains("--select")?k.querySelector("button.--selected").dataset.value:k.value},$[K]=k.type=="checkbox"?k.checked==true:k.classList.contains("--otp")?M(k):k.classList.contains("--select")?k.querySelector("button.--selected").dataset.value:k.value,ee?k.classList.remove("input-with-error"):(z==null&&s&&(z=k,U=s[K]),k.classList.add("input-with-error"));}),z){let k=z;if(k.classList.contains("--otp"))for(let K of Array.from(k.querySelectorAll(".--input"))){let Q=K;if(Q.value==""){Q.focus();break}}else k.focus();}return {error:z!=null,errorMsg:U||"Fix errors to continue...",data:P,payload:$}},[S.current]),Z=useCallback(()=>{let{error:P,errorMsg:$,payload:z}=B();P?C.error($):u?startTransition(async()=>{a&&a(z),nt(r)?r.setLoading(true):g(true),C.clearAll(),withPost(u,{...z,...p||{}}).then(U=>{let k=U;nt(r)?r.setLoading(false):g(false),d&&Array.from(N("[name]")).forEach(K=>{K instanceof HTMLInputElement&&(K.value="");}),m?m(k):(C.clearAll(),C.success(k.message||"Redirecting..."));}).catch(U=>{nt(r)?r.setLoading(false):g(false),f?f(U):C.error(U.message||"We cannot process your request at this time.");});}):i&&i(z);},[u,E.current,S.current]),W=useCallback(()=>{let P=N("[type=submit]");!P||P.length==0?console.warn("You should add at least 1 button with type=`SUBMIT`"):P.forEach($=>{$.addEventListener("click",Z);});},[S.current]),D=useMemo(()=>addPropsToChildren(l,P=>P.props.type=="submit",P=>({ref:T})),[l]);return useImperativeHandle(o,()=>({setLoading(P){if(P){E.current?.hide();try{C.clearAll();}catch{}}g(P);},showError(P){typeof P=="string"?C.error(P):E.current.error(P,4);},hideError(){E.current.hide();try{C.clearAll();}catch{}},init(){W();},submit(){Z();}})),useEffect(W,[]),jsxs(c,{ref:S,style:v,className:`--form flex rel ${b} ${t?`--form-${t.replace(/\s+/g,"-")}`:""}`,propsToRemove:["withData","action","onSubmit","onSuccess","onError"],children:[!nt(r)&&jsx(Be,{message:r?r.message||void 0:"working",spinner:e,color:r&&"color"in r?r.color:"#ffffff",when:h}),D]})};On.displayName="Zuz.Form";var Bm=On;var kn=o=>typeof o=="string"&&o.includes("+"),Dn={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"},Hn={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 An=forwardRef(({children:o,keys:n,variant:t},r)=>{let e=useMemo(()=>{if(kn(n)){let s=null;return {keys:String(n).split("+").reduce((l,p,a,i)=>(i[a+1]?l.push(p):s=p.toUpperCase(),l),[]),children:s}}return {keys:n,children:String(o).toUpperCase()}},[n]);return jsxs(c,{as:`--keyboard-keys --${t||G.Small} flex aic`,children:[(Array.isArray(e.keys)?e.keys:[e.keys]).map(s=>jsx("abbr",{title:Hn[s],children:Dn[s]},s)),jsx(J,{children:e?.children??o})]})});An.displayName="Zuz.KeyboardKeys";var So=An;var zn=forwardRef((o,n)=>{let t=useNetworkStatus(),{onlineMessage:r,offlineMessage:e,variant:s}=o;return jsxs(c,{fx:{from:{x:"-50%",y:200,opacity:0},to:{x:"-50%",y:0,opacity:1},when:t==false,curve:F.Spring,duration:.5,delay:2},className:`--network-manager --${t==true?"online":"offline"} --${s||G.Small} fixed flex`,children:[jsx(c,{className:"--ico",children:t?H[le.Success]:H[le.Error]}),jsx(V,{as:"--message",children:t?r||"internet connection restored :)":e||"no internet connection"})]})});zn.displayName="Zuz.NetWorkManager";var Am=zn;var Co=(t=>(t.Table="table",t.Gooey="gooey",t))(Co||{});var Kn=forwardRef((o,n)=>{let{itemCount:t,itemsPerPage:r,startPage:e,pageRange:s,paginationStyle:u,breakLabel:l,prevLabel:p,nextLabel:a,hash:i,loading:f,seperator:m,renderOnZeroPageCount:d,onPageChange:w,...b}=o,v=useMemo(()=>toHash(numberInRange(4,8)),[]),R=useCallback(B=>`${toHash(B,i||6,v)}${m||""}${v}`,[v]),h=useMemo(()=>l||"...",[l]),[g,S]=useState({id:i?e?typeof e=="number"?R(e):e:1:e||1,label:e||1}),{style:E,className:T,rest:C}=I(b),N=useCallback(B=>typeof B=="number"?B:+B.label,[]);if(!t)throw new Error('"itemCount" prop is required');let O=useMemo(()=>Math.ceil(t/r),[t,r]),M=useMemo(()=>{let B=[],Z=Math.max(N(g)-(s||2),1),W=Math.min(N(g)+(s||2),O);Z>1&&B.push({id:i?R(1):1,label:1}),Z>2&&B.push({id:-1,label:h});for(let D=Z;D<=W;D++)B.push({id:i?R(D):D,label:D});return W<O-1&&B.push({id:-1,label:h}),W<O&&B.push({id:i?R(O):O,label:O}),B},[g]),A=useCallback(B=>{let Z=B;+Z.label<1||+Z.label>O||(S(Z),w?.(Z));},[t,r,g]);return M.length<=1&&(d??false)===false?null:jsxs(c,{ref:n,as:`--pagination --pgt-${u||"table"} flex aic w:100% jcc ${T}`,children:[jsx(c,{as:"flex flex:1 aic --pgt-btns",children:(M.length>1?M:[{id:1,label:1},{id:-1,label:h}]).map((B,Z,W)=>jsx(_,{disabled:B.id==-1||N(g)==+B.label,className:(typeof B=="string"?B:B.label)==N(g)?"--current-page":"",onClick:D=>A(B),children:typeof B=="string"?B:B.label},`--pg-${Z}-${B.id}`))}),jsx(c,{as:"flex aic jcc flex:1 --pagination-label",children:[`Showing ${(N(g)-1)*r+1} - `,`${Math.min(N(g)*r,t)} of ${t} items`].join(" ")}),jsxs(c,{as:"flex aic jce flex:1 --pgt-btns --pgt-nav",children:[jsx(_,{disabled:N(g)<=1,onClick:B=>A({id:i?R(N(g)-1):N(g)-1,label:N(g)-1}),children:H.chevronLeftOutline}),jsx(_,{disabled:M.length<=1||N(g)==N(M[M.length-1]),onClick:B=>A({id:i?R(N(g)+1):N(g)+1,label:N(g)+1}),children:H.chevronRightOutline})]})]})});Kn.displayName="Zuz.Pagination";var Po=Kn;var Wn=forwardRef((o,n)=>{let{strenthMeter:t,onChange:r,...e}=o;"type"in e&&delete e.type;let{style:s,className:u,rest:l}=I(e),[p,a]=useState(false),[i,f]=useState(""),m=useMemo(()=>checkPasswordStrength(i),[i]),d=useDebounce(w=>{t&&f(w.target.value),r&&r(w);},100);return useEffect(()=>{},[]),jsxs(c,{as:"w:100% flex cols",children:[jsxs(c,{style:s,className:"--password flex aic rel",children:[jsx(re,{ref:n,type:p?"text":"password",className:u,onChange:d,...l}),jsx(_,{tabIndex:-1,onClick:()=>a(w=>!w),className:"--toggle flex aic jcc abs",children:p?H.eye:H.eyeSlash})]}),t&&jsxs(c,{as:`flex aic --password-meter --pb-score-${m.score}`,style:s,children:[jsxs(c,{as:"--password-bars flex aic",children:[jsx(c,{as:`--pbar ${m.score>=1?"--pb-on":""}`.trim()}),jsx(c,{as:`--pbar ${m.score>=2?"--pb-on":""}`.trim()}),jsx(c,{as:`--pbar ${m.score>=3?"--pb-on":""}`.trim()}),jsx(c,{as:`--pbar ${m.score>=4?"--pb-on":""}`.trim()}),jsx(c,{as:`--pbar ${m.score>=5?"--pb-on":""}`.trim()})]}),jsx(V,{as:"--password-meter-label","aria-hidden":true,children:m.result})]})]})});Wn.displayName="Zuz.Password";var qm=Wn;var Gn=forwardRef((o,n)=>{let{size:t,length:r,mask:e,...s}=o,u=useRef([]),l="pinput",p=false,a={};"with"in s&&(a={with:s.with},delete s.with),"type"in s&&delete s.type,"name"in s&&(l=s.name,delete s.name),"required"in s&&(p=true,delete s.required);let{style:i}=I(s),f=m=>{let d=m.currentTarget,w=u.current[parseInt(d.dataset.index)+1],b=u.current[parseInt(d.dataset.index)-1];d.value.length===1&&w?w.focus():d.value.length===0&&b&&b.focus();};return useEffect(()=>{u.current=u.current.slice(0,t||r);},[t||r]),jsx(c,{name:l,style:i,className:"--otp flex aic rel","data-required":p,"data-size":t||r||4,...a,children:Array(t||r||4).fill(1).map((m,d)=>jsx(re,{autoComplete:"new-password","data-index":d,ref:w=>{u.current[d]=w;},numeric:true,onChange:f,maxLength:1,placeholder:e?"\xB7":"0",type:e?"password":"text",...s},`pin-${d}`))})});Gn.displayName="Zuz.PinInput";var Jm=Gn;var qn=forwardRef((o,n)=>{let{children:t,className:r,name:e,required:s,type:u,value:l,variant:p,checked:a,onSwitch:i,...f}=o,[m,d]=useState(a||false),{variant:w}=X(true),b=useRef(null);return jsxs(et,{className:`${r} --${(u||Ot.Default).toLowerCase()} --radio${!u||u==Ot.Default?"":"card"} --${p||w||G.Small} flex aic rel`.trim(),...f,children:[jsx(re,{ref:b,defaultChecked:m,value:l||"rd",type:"radio",className:"abs",name:e,required:s||false,onChange:v=>{i&&i(v.target.checked,l||"cb"),d(v.target.checked);}}),jsx(c,{className:"--dot rel",children:jsx(c,{className:"--rod abs abc"})}),jsx(c,{className:"--value",children:t})]})});qn.displayName="Zuz.Radio";var oc=qn;var Xn=forwardRef((o,n)=>{let{fx:t,withStyle:r,as:e,reverse:s=false,searchIcon:u=H.search,hideSearchIcon:l=false,clearIcon:p=H.close,hideClearIcon:a=false,onChange:i,onClear:f,...m}=o,{style:d,className:w}=I({as:o.as}),[b,v]=useState(""),{variant:R}=X(true),h=useRef(null),g=useMemo(()=>jsx(_,{tabIndex:-1,onClick:T=>E(),className:"--send flex aic jcc",variant:o.variant||G.Small,children:b!==""?!a&&(typeof p=="string"?jsx(Y,{name:p,as:"--search-action"}):p):!l&&(typeof u=="string"?jsx(Y,{name:u,as:"--search-action"}):u)}),[s,u,a,p,l]);"type"in o&&delete o.type;let S=T=>{v(T.target.value),i?.(T.target.value);},E=T=>{b.trim()!==""&&(v(""),i?.(""),h.current&&(h.current.value="",o.onConfirm?.("")));};return useImperativeHandle(n,()=>({focus:()=>h.current?.focus(),value:()=>h.current?.value})),useEffect(()=>{},[]),jsxs(c,{style:d,className:`--search ${s?"--search-rev":""} --${o.variant||R||G.Medium} flex aic ${typeof o.as=="string"&&o.as.includes("abs")?"":"rel"} ${w}`.trim(),children:[s&&g,jsx(re,{ref:h,onChange:S,...m}),o.shortcut&&jsx(So,{keys:o.shortcut,as:"abs"}),!s&&g]})});Xn.displayName="Zuz.Search";var cc=Xn;var Qn=({value:o,updateValue:n,o:t})=>jsxs(_,{onClick:r=>n(t),as:"--select-option-item",className:o&&(typeof t=="string"?t:t.value)==(typeof o=="string"?o:o.value)?"selected":"",children:[t.icon&&jsx(Y,{name:t.icon,as:`--select-option-icon --icon-${t.value}`,color:t.iconColor||void 0}),jsx(V,{suppressHydrationWarning:true,children:typeof t=="string"?t:t.label})]});Qn.displayName="Option";var Jn=Qn;var es=({ref:o,...n})=>{let{selected:t,options:r,label:e,name:s,variant:u,search:l,searchPlaceholder:p,maxHeight:a,arrowDownIcon:i=H.arrowDown,arrowUpIcon:f=H.arrowUp,onChange:m,...d}=n,[w,b]=useState(t?typeof t=="string"?r.find(D=>D.value===t):t:r[0]),[v,R]=useState(false),[h,g]=useState(null),S=useRef(null),E=useRef(null),T=useRef(null),C=useId(),N=useMemo(()=>s||C,[]),{reposition:O}=Ue(T,{direction:Lt.Bottom,offset:2}),{variant:M}=X(true),{className:A,style:B,rest:Z}=I(d),W=D=>{b(D),R(false),m&&m(D);};return useImperativeHandle(o,()=>({setSelected:D=>{if(typeof D=="string"){let P=r.find($=>$.value===D);P&&b(P);}else b(D);},getValue:()=>w||null})),useEffect(()=>{if(!v)return;let D=()=>{O();};return window.addEventListener("scroll",D,true),window.addEventListener("resize",O),()=>{window.removeEventListener("scroll",O,true),window.removeEventListener("resize",O);}},[v,O]),useEffect(()=>{if(!v){E.current&&(E.current.value=""),g(null);return}E.current?.focus(),O();let D=$=>{T.current&&!T.current.contains($.target)&&R(false);},P=setTimeout(()=>{document.addEventListener("click",D);},0);return ()=>{clearTimeout(P),document.removeEventListener("click",D);}},[v,O]),jsxs(c,{className:`--select --${u||M} ${s?`--${s}`:""} rel`.trim(),name:N,children:[jsxs(_,{ref:S,"data-value":w?typeof w=="string"?w:w.value:w||"-1",className:`--selected flex aic rel ${A}`.trim(),withLabel:false,style:B,onClick:D=>{D.stopPropagation(),R(P=>!P);},...Z,children:[jsx(V,{className:"--label",children:w?typeof w=="string"?w:w.label:e||"Choose"}),jsx(c,{className:"--svg-arrow rel flex aic jcc",children:v?typeof f=="string"?jsx(Y,{name:f,as:"--search-action"}):f:typeof i=="string"?jsx(Y,{name:i,as:"--search-action"}):i})]}),jsxs(c,{id:N,className:"--options-list flex cols abs","aria-hidden":!v,style:{maxHeight:a||"auto"},ref:T,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:v,duration:.05},children:[l&&jsx(c,{as:"--select-search --sticky",children:jsx(re,{ref:E,onChange:D=>{g(D.target.value==""?null:D.target.value);},className:"--search-input",placeholder:p||"Search..."})}),(h==null?r:r.filter(D=>D.label.toLowerCase().includes(h.toLowerCase())||D.value.toLowerCase().includes(h.toLowerCase()))).map(D=>jsx(Jn,{updateValue:W,value:w,o:D},`option-${(typeof D=="string"?D:D.label).replace(/\s+/g,"-")}-${typeof D=="string"?D:D.value}`))]})]})};es.displayName="Zuz.Select";var hc=es;var ts=forwardRef((o,n)=>jsx(tt,{type:ve.Switch,...o,ref:n}));ts.displayName="Zuz.Switch";var yc=ts;var rs=o=>{let{idx:n,id:t,as:r,weight:e,style:s,value:u,render:l,resize:p,sortBy:a,sortable:i,onSort:f}=o,[m,d]=useState(0),w=()=>{i&&(f?.(String(t),m==1?-1:1),d(b=>b==1?-1:1));};return jsxs(c,{style:{flex:e||1,...s},as:`--col flex aic ${r||""} ${i?"--sortable":""}`,onClick:w,children:[jsx(c,{children:u}),n==-1&&i&&a==t&&jsx(c,{as:"--arrow flex aib",children:m==1?H.arrowUp:H.arrowDown})]})};rs.displayName="Zuz.Column";var Rt=rs;var ss=o=>{let{index:n,pubsub:t,schema:r,data:e,ids:s,styles:u,animate:l,sortBy:p,selectable:a,tableRef:i,loading:f,rowClassName:m,onSort:d,onRowClick:w,onSelect:b,onContextMenu:v}=o,R=useDelayed(),h=useMemo(()=>({transition:q.SlideInBottom,curve:F.EaseInOut,delay:.02*(n+1)}),[]),g=useRef(null),S=(T,C)=>{n==-1?t.emit(`ALL_ROWS_${T?"CHECKED":"UNCHECKED"}`,T):(b&&b(e,T),t.emit(`ROW_${T?"CHECKED":"UNCHECKED"}`,T,C));},E=(T,C,N)=>jsx(Rt,{idx:T,id:C,as:"--selector",pubsub:t,value:jsx(tt,{value:N,ref:g,onSwitch:S,type:ve.Default})});return useEffect(()=>{let T=(M,A)=>{g.current?.setChecked(M,false);},C=(M,A)=>{let B=false;i?.current&&i.current.querySelectorAll(".--row").forEach(Z=>{let W=Z;if(!W.classList.contains("--row-head")){let D=W.querySelector(".--selector input[type=checkbox]");D&&D.checked&&!B&&(B=D.checked);}}),g.current.setChecked(B,false);},N=M=>{g.current?.setChecked(M,false),b&&b(e,M);},O=M=>{g.current?.setChecked(M,false),b&&b(e,M);};return n==-1?(t.on("ROW_CHECKED",T),t.on("ROW_UNCHECKED",C),()=>{t.off("ROW_CHECKED",T),t.off("ROW_UNCHECKED",C);}):(t.on("ALL_ROWS_CHECKED",N),t.on("ALL_ROWS_UNCHECKED",O),()=>{t.off("ALL_ROWS_CHECKED",N),t.off("ALL_ROWS_UNCHECKED",O);})},[]),jsxs(c,{onContextMenu:T=>v?v(T,e):null,onClick:T=>w?w(T,o.data):()=>{},...l?{fx:{...h,when:R}}:{},as:`--row flex aic ${w?"--row-clickable":""} ${n==-1?"--row-head":""} ${m||""}`,children:[n==-1&&r.map((T,C)=>{let{renderWhenHeader:N,render:O,value:M,...A}=T;return jsxs(Fragment,{children:[a&&C==0&&E(-1,`--selector-${T.id}`,"all"),jsx(Rt,{idx:-1,onSort:d,sortBy:p,value:M,...A,pubsub:t,style:u[T.id]})]},`--col-${T.id}`)}),f&&n>-1&&jsx(c,{as:"--col",children:jsx(V,{as:"opacity:0",children:"..."})}),!f&&n>-1&&s&&e&&r.map((T,C)=>jsxs(Fragment,{children:[a&&C==0&&E(C,`--selector-${T.id}`,T.id.toString()),s.includes(String(T.id))?jsx(Rt,{pubsub:t,idx:C,id:String(T.id),style:u[String(T.id)],value:T.render?T.render(e,n):e[String(T.id).includes(".")?String(T.id).split(".").reverse()[0]:T.id]}):null]},`--${String(T.id)}-val-${C}`))]})};ss.displayName="Zuz.Row";var It=ss;var ms=(o,n)=>{let{schema:t,rows:r,rowCount:e,rowsPerPage:s,currentPage:u,pagination:l,paginationHash:p,showPaginationOnZeroPageCount:a,animateRows:i,header:f,rowClassName:m,selectableRows:d,hoverable:w,sortBy:b,loading:v,loadingRowCount:R,loadingMessage:h,spinner:g,emptyMessage:S,onSort:E,onRowClick:T,onRowSelectToggle:C,onPageChange:N,onRowContextMenu:O,...M}=o,A=useRef(null),B=useMemo(()=>t.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),{}),[t]),Z=useMemo(()=>Object.keys(B),[t]),W=useMemo(()=>f??true,[f]),{style:D,className:P,rest:$}=I(M),z=useRef(null),U=useMemo(()=>new PubSub,[]),k=useRef(r.map(()=>uuid(8))),[K,Q]=useState(b||null),[oe,ee]=useState(h||"loading"),pe=useMemo(()=>!v&&r&&r.length==0,[v,r]),ge=useCallback(()=>S?typeof S=="function"?jsx(S,{}):S:jsx(V,{as:"tac s:18 mt:75",children:"No Record Found"}),[v,r]);useEffect(()=>{k.current=r.map(()=>uuid(8));},[r]);let lt=(ue,j)=>{Q(ue),E?.(ue,j);},mt=(e||(r?r.length:0))/(s||10),ct=useMemo(()=>a||mt>1?jsx(Po,{hash:p,ref:A,renderOnZeroPageCount:a,onPageChange:N,paginationStyle:"table",startPage:u,itemCount:e||(r?r.length:0),itemsPerPage:s||10}):null,[u,e]);return useImperativeHandle(n,()=>({setLoading(ue){}})),jsxs(c,{as:`--table ${w??true?"--hoverable":""} flex cols rel ${P}`,ref:z,children:[W==true&&jsx(It,{sortBy:K,onSort:lt,tableRef:z,pubsub:U,selectable:d,index:-1,schema:t,loading:true,styles:B}),v&&jsxs(c,{as:"center-x flex aic --table-spinner",children:[jsx(he,{type:g||ne.Simple}),oe&&jsx(V,{as:"--table-loading-message",children:oe})]}),v&&Array(R||5).fill({}).map((ue,j)=>jsx(It,{tableRef:z,index:j,pubsub:U,schema:t,styles:B,loading:true,animate:i,onRowClick:T},`--trow-loading-${j}-${t[0].id}`)),!v&&r&&r.map((ue,j)=>jsx(It,{tableRef:z,pubsub:U,loading:false,index:j,schema:t,ids:Z,styles:B,animate:i,data:ue,onRowClick:T,rowClassName:m,selectable:d,onSelect:C,onContextMenu:O},`--trow-${k.current[j]||j}-${t[0].id}`)),pe&&ge(),jsx(c,{"aria-hidden":!l||!ct,...i?{fx:{transition:q.SlideInBottom,curve:F.EaseInOut,delay:.02*(r.length+1),when:!v&&r&&l&&ct!=null}}:{},as:"--row flex aic --row-footer",children:l&&ct?ct:null})]})};ms.displayName="Zuz.Table";var Lc=forwardRef(ms),Mc=Lc;var kc=({ref:o,...n})=>{let{title:t,items:r}=n,[e,s]=useState(0),u=(l,p,a)=>{l.preventDefault(),s(p),document.getElementById(a)?.scrollIntoView({behavior:"smooth"});};return jsxs(c,{ref:o,as:"--table-of-contents rel flex cols",children:[jsx(V,{as:"--toc-title",children:t}),jsx(Me,{items:r.map((l,p)=>jsx("a",{className:e==p?"--toc-active":"",style:{anchorName:e===p?"--toc-active":"none",color:e==p?"var(--table-of-contents-color-active)":"var(--table-of-contents-color)"},onClick:a=>u(a,p,l.tag),href:`#${l.tag}`,children:l.label}))})]})},Dc=kc;var cs=({isActive:o,transitionType:n,speed:t,width:r,render:e,content:s,onHeightChange:u})=>{let l=useRef(null),p=useResizeObserver(l);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 ${t}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 ${t}s cubic-bezier(0.34, 1.56, 0.64, 1)`,zIndex:o?1:0}:i},[o,n,r,t]);return jsx(c,{ref:l,style:{...a},className:"--content",children:e||o?s:null})};cs.displayName="Zuz.TabBody";var ps=cs;var ds=({ref:o,...n})=>{let{tabs:t,speed:r=.3,prerender:e=true,variant:s,tabStyle:u="fixed",onChange:l,transitionType:p="slide",...a}=n,[i,f]=useState(0),m=useRef(null),d=useResizeObserver(m),w=useMemo(()=>uuid(8),[]),[b,v]=useState("auto"),R=useMemo(()=>d.width>0,[d.width]);useImperativeHandle(o,()=>({setTab:C=>f(C)}));let h=useMemo(()=>t.map(C=>({...C,key:C.key||uuid(8)})),[t]),{style:g,className:S,rest:E}=I({as:`flex cols w-full no-overflow ${a.as||""}`,...a}),T=()=>{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*d.width}px, 0, 0)`,transition:`transform ${r}s cubic-bezier(0.4, 0, 0.2, 1)`}}};return jsxs(c,{ref:m,style:g,className:`--tabview --${u} flex cols ${S}`,children:[jsx(ot,{as:"--tabview-head",onSwitch:C=>{f(C.index);let N=h.find(O=>O.tag==C.tag);N&&N.onSelect&&(N.onSelect(N,C.index),l?.(N,C.index));},selected:i,items:h.reduce((C,N,O)=>(C.push({icon:N.icon,index:O,label:N.label,tag:N.tag}),C),[])}),jsx(c,{className:"--tabview-body",as:"rel no-overflow w-full",style:{height:b,transition:R?`height ${r}s cubic-bezier(0.4, 0, 0.2, 1)`:"none",opacity:R?1:0},children:jsx(c,{className:"--track",style:{...T()},children:h.map((C,N)=>jsx(ps,{isActive:N===i,transitionType:p,speed:r,width:d.width,render:e||N===i,onHeightChange:O=>N===i&&v(O),content:C.body},`tab-body-${C.key||N}-${w}`))})})]})};ds.displayName="Zuz.TabView";var Wc=ds;var Xc=({ref:o,commands:n,onCommand:t,welcomeMessage:r="Welcome to Zuz Terminal v1.0.0",prompt:e="zuz ~ ",variant:s,...u})=>{let[l,p]=useState([{type:"output",content:r}]),[a,i]=useState(""),f=useRef(null),m=useRef(null),{variant:d}=X(true);useEffect(()=>{f.current&&(f.current.scrollTop=f.current.scrollHeight);},[l]);let w=S=>{let E=typeof S=="string"?{type:"output",content:S}:S;p(T=>{let C=[...T,E];return C.length>1e3?C.slice(-1e3):C});},b=()=>p([]);useImperativeHandle(o,()=>({write:w,clear:b}));let v=async S=>{let[E,...T]=S.split(" "),C=E.toLowerCase();return n&&n[C]?await n[C](T):t?await t(S):`command not found: ${E}`},R=S=>{let E=/\u001b\[(\d+)m/g,T=[],C={31:"#ff5f56",32:"#27c93f",33:"#ffbd2e",34:"#007aff",35:"#ff79c6",36:"#8be9fd",39:"#d4d4d4"},N=0,O="#d4d4d4",M=false,A;for(;(A=E.exec(S))!==null;){let Z=S.slice(N,A.index);Z&&T.push({text:Z,color:O,bold:M});let W=A[1];W==="0"?(O="#d4d4d4",M=false):W==="1"?M=true:C[W]&&(O=C[W]),N=E.lastIndex;}let B=S.slice(N);return B&&T.push({text:B,color:O,bold:M}),T},h=(S,E)=>S.includes("\x1B")?R(S).map((T,C)=>jsx(J,{style:{color:T.color||"#d4d4d4",fontWeight:T.bold?"bold":"normal"},children:T.text},`--terminal-msg-${C}-${T.text.replace(/\S+/g,"-")}`)):jsx(J,{style:{color:E==="error"?"#ff5f56":E==="command"?"#00ff00":"#d4d4d4"},children:S}),g=async S=>{if(S.key==="Enter"&&a.trim()){let E=a.trim(),T=[...l,{type:"command",content:`${e}${E}`}];i(""),p(T);let C=await v(E);p(N=>[...N,{type:"output",content:C}]);}};return jsxs(c,{as:`--zuz-terminal --${s||d||G.Medium} flex cols ${u.className}`,onClick:()=>m.current?.focus(),children:[jsx(c,{ref:f,className:"--terminal-log",children:l.map((S,E)=>jsx(c,{children:jsx(V,{children:h(S.content,S.type)})},E))}),jsxs(c,{as:"flex aic --terminal-input",children:[jsx(V,{as:"--terminal-prompt",children:e}),jsx(re,{ref:m,className:"--zuz-term-input",autoFocus:true,value:a,variant:s||d||G.Medium,onChange:S=>i(S.target.value),onKeyDown:g})]})]})},Yc=Xc;var Qc=({meta:o})=>jsxs(_,{as:"flex aic --command-item",children:[o.icon&&jsx(Y,{name:o.icon,as:"--command-icon"}),jsx(V,{children:o.label})]}),Jc=({position:o,onSelect:n,commands:t,visible:r})=>jsx(c,{"aria-hidden":!r,fx:{transition:q.SlideInBottom,duration:.1,when:r},className:"--command-box abs grid",style:{...o},children:t.map(e=>jsx(Qc,{meta:e},`cmd-${e.label.replace(/\s+/,"-")}`))}),ys=Jc;var ws=forwardRef((o,n)=>{let{autoResize:t,maxHeight:r,variant:e,resize:s="none",command:u,commands:l,onInput:p,cmd:a,renderDropdown:i,value:f,defaultValue:m,...d}=o,w=useRef(null),b=useRef(null),{variant:v}=X(true),{style:R,className:h,rest:g}=I(d),{showDropdown:S,dropdownPosition:E,handleKeyDown:T,handleInput:C,handleCommandSelect:N}=useCommandActions({command:u,commands:l,cmd:a,ref:w}),O=useCallback(()=>{let A=w.current;!A||!t||(b.current&&cancelAnimationFrame(b.current),b.current=requestAnimationFrame(()=>{A.style.height="auto";let B=A.scrollHeight;if(r){let Z=parseInt(r.toString(),10);isNaN(Z)||(B=Math.min(B,Z));}A.style.height=`${B}px`,A.style.overflowY=r&&B>=parseInt(r.toString(),10)?"auto":"hidden";}));},[t,r]),M=A=>{p?.(A),C(A),O();};return useEffect(()=>{O();},[f,m,O]),useEffect(()=>{t&&w.current&&O();},[t,O]),useEffect(()=>()=>{b.current&&cancelAnimationFrame(b.current);},[]),jsxs(c,{as:"rel",children:[jsx("textarea",{className:`--input --textarea --${e||v||G.Medium} flex ${h}`.trim(),style:{...R,resize:s,height:t?"auto":R?.height,overflow:"hidden",transition:t?"none":void 0},onKeyDown:T,onInput:M,ref:A=>{typeof n=="function"?n(A):n&&(n.current=A),w.current=A;},value:f,defaultValue:m,...g}),i?i({show:S,position:E,commands:l||[],onSelect:N}):l&&l.length>0&&jsx(ys,{visible:S,commands:l,onSelect:N,position:E})]})});ws.displayName="Zuz.TextArea";var rp=ws;var Cs=forwardRef((o,n)=>{let{as:t,value:r,color:e,direction:s,...u}=o,l=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),l.current){let f=i.toString().split("");l.current.querySelectorAll(".--wheel-char").forEach((m,d)=>{let w=f[d];if(m instanceof HTMLElement){m.setAttribute("data-value",w);let b=m.querySelector(".--wheel-char-track");b instanceof HTMLElement&&(b.style.setProperty("--v",w),b.offsetWidth);}});}}})),useEffect(()=>{a(r||0);},[r]),jsxs(c,{className:"--text-wheel flex aic rel","aria-hidden":true,as:t,ref:l,...u,children:[(p||0).toString().split("").map((i,f)=>isNaN(parseInt(i,10))?jsx(J,{className:"--wheel-char wheel-char-symbol grid",children:i},`wheel-char-symbol-${f}`):jsx(J,{"data-value":i,className:`--wheel-char grid ${f>(p||0).toString().length-3?"--wheel-fraction":""}`.trim(),children:jsxs(J,{className:`--wheel-char-track --wheel-track-${s||"down"} grid`,style:{"--v":i},children:[jsx(J,{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((m,d)=>jsx(J,{children:m},`${f}--${d}`)),jsx(J,{children:!s||s==="down"?9:0})]})},`wheel-char-${f}`)),e&&jsx(c,{className:"abs fillx",style:{zIndex:1,background:`linear-gradient(0deg, ${e}, transparent, transparent, transparent, ${e})`}})]})});Cs.displayName="Zuz.TextWheel";var cp=Cs;var Is=forwardRef((o,n)=>{let{title:t,position:r,margin:e,children:s,...u}=o,{style:l,className:p,rest:a}=I(u),[i,f]=useState(false),m=useMemo(()=>r||te.Top,[]),d=useRef(null),w=useRef(null),b=g=>{},v=typeof ResizeObserver<"u"?new ResizeObserver(b):{observe:()=>{},unobserve:()=>{}},R=useDimensions(),h=useMemo(()=>{if(!w.current)return {left:0,top:0};let g=w.current.previousElementSibling;if(g){let S=g.getBoundingClientRect();switch(v.observe(g),m){case te.Top:return {left:S.left+S.width/2,top:S.top-(e||25)};case te.Bottom:return {left:S.left+S.width/2,top:S.top+(e||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}}}},[w.current,R,v]);return useEffect(()=>{},[]),jsxs(c,{ref:d,className:"--with-tooltip rel",onMouseEnter:g=>f(true),onMouseLeave:g=>f(false),children:[s,jsx(c,{ref:w,style:{left:h?.left+"px",top:h?.top+"px"},className:`--tooltip --${r||te.Top} fixed ${p}`.trim(),fx:{from:m==te.Bottom||m==te.Top?{opacity:0,x:"-50%",y:m==te.Top?-5:5}:{opacity:0,y:"-50%",x:m==te.Right?15:-25},to:m==te.Bottom||m==te.Top?{opacity:1,x:"-50%",y:0}:{opacity:1,y:"-50%",x:m==te.Right?10:-20},curve:F.EaseInOut,when:i},children:jsx(V,{className:"--text rel",children:t})})]})});Is.displayName="Zuz.ToolTip";var gp=Is;var Do=forwardRef((o,n)=>{let{as:t,meta:r,nodes:e,icons:s,onSelect:u,treeTag:l,selected:p,roots:a,expanded:i,...f}=o,{tag:m,label:d,icon:w,under:b,isHead:v}=r,R=useMemo(()=>a.includes(m),[a]),[h,g]=useState(i),S=()=>{localStorage.setItem(`--tn${l}-${m}`,h?"0":"1"),g(!h);};useEffect(()=>{i||R&&!localStorage.getItem(`--tn${l}-${m}`)?(localStorage.setItem(`--tn${l}-${m}`,"1"),g(true)):g(localStorage.getItem(`--tn${l}-${m}`)=="1");},[]);let E=useMemo(()=>e.filter(T=>T.under==m),[e,m]);return jsxs(c,{className:`--treenode ${R?"--is-root":""} --treenode-${m} flex cols`,children:[jsxs(c,{className:`--node --node-${m} flex aic ${p==m?" --selected":""}`,children:[jsx(_,{skeleton:f.skeleton,onClick:S,className:"--node-aro-btn",disabled:E.length==0,children:s?.arrowClose&&s?.arrowOpen?jsx(Y,{skeleton:f.skeleton,className:"--node-aro-icon",name:E.length==0?s?.arrowDisabled||s?.arrowClose:h?s?.arrowOpen:s?.arrowClose}):E.length==0?H.chevronBottom:h?H.chevronBottom:H.chevronRight}),jsxs(_,{className:"--node-meta flex aic",onClick:T=>u(m),children:[(s?.nodeOpen&&s?.nodeClose||R&&s?.rootOpen&&s?.rootClose)&&jsx(Y,{skeleton:f.skeleton,className:`--node-icon ${R?"--icon-root":""}`,name:w||(h?R&&s?.rootOpen||s.nodeOpen:R&&s?.rootClose||s?.nodeClose)}),jsx(V,{className:`--node-label ${R?"--node-label-root":""}`.trim(),skeleton:f.skeleton,children:d})]})]}),h&&E.length>0&&jsx(c,{className:`--sub-node tree-sub-node-${m} flex cols`,children:E.map(T=>jsx(Do,{treeTag:l,selected:p,onSelect:u,icons:s,roots:a,expanded:T.expanded||false,meta:T,nodes:e},`--node-${T.tag}`))})]})});Do.displayName="TreeItem";var Es=Do;var Ls=forwardRef((o,n)=>{let{as:t,nodes:r,onNodeSelect:e,tag:s,icons:u,roots:l,selected:p,...a}=o,[i,f]=useState(p);useImperativeHandle(n,()=>({getSelected:()=>i}),[e]);let m=d=>{f(d),e&&e(d);};return useEffect(()=>{i!=p&&f(p);},[p]),jsx(c,{className:"--treeview flex cols",children:r.filter(d=>l.includes(d.tag)).map(d=>jsx(Es,{treeTag:s?`-${s}`:"",selected:i,onSelect:w=>m(w),icons:u,meta:d,roots:l,expanded:d.expanded||false,skeleton:a.skeleton,nodes:r},`--node-${d.tag}`))})});Ls.displayName="Zuz.TreeView";var Tp=Ls;String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"").replace(/\s+/g," ")};
|
|
13
|
+
export{le as ALERT,zo as AVATAR,li as Accordion,di as ActionBar,xi as Alert,Di as AutoComplete,Ki as Avatar,Wi as Badge,c as Box,bl as Bubble,on as BubbleMediaType,tn as BubbleStatus,_ as Button,Qr as CHART,ve as CHECKBOX,Np as COLORTHEME,io as Calendar,ul as Chart,tt as CheckBox,Bl as CodeBlock,Wl as ColorScheme,Qt as ContextMenu,Xl as CookiesConsent,Be as Cover,rm as CropShape,tm as Cropper,sm as Crumb,Lp as DATATYPE,He as DIALOG,_o as DIALOG_ACTION_POSITION,se as DRAWER_SIDE,mm as DatePicker,Kt as Dialog,Yt as Drawer,ft as FILTER,we as FORMVALIDATION,Mp as FORMVALIDATION_STYLE,fm as Fab,hm as Filters,Bm as Form,Ft as Group,Y as Icon,Je as Image,re as Input,So as KeyboardKeys,Hn as KeysLabelMap,Dn as KeysMap,et as Label,zt as LayersProvider,Me as List,Am as NetworkStatus,Ze as ORIGIN,Ep as OriginType,Ee as Overlay,Lt as POSITION,kp as PROGRESS,Po as Pagination,Co as PaginationStyle,qm as Password,Jm as PinInput,te as Position,mo as ProgressBar,Ot as RADIO,oc as Radio,me as SHEET,Mt as SHEET_ACTION_POSITION,Ip as SKELETON,ut as SLIDER,Bp as SORT,ne as SPINNER,Ut as ScrollView,cc as Search,hc as Select,ot as SelectTabs,wm as Sheet,go as Slider,J as Span,he as Spinner,Op as Status,yc as Switch,q as TRANSITIONS,F as TRANSITION_CURVES,Wc as TabView,Mc as Table,Dc as TableOfContents,Yc as Terminal,V as Text,cp as TextWheel,rp as Textarea,Us as ThemeProvider,xr as ToastDefaultTitle,Zt as ToastProvider,hr as ToastType,gp as ToolTip,Tp as TreeView,G as Variant,We as animationTransition,kt as buildClassString,Zo as buildWithStyles,eu as css,Dt as getAnimationCurve,tu as getAnimationTransition,Os as getZuzMap,kn as isKeyCombination,Ko as setZuzMap,I as useBase,oi as useContextMenu,Wa as useDialog,Ya as useDrawer,ae as useFx,ja as useMorph,Ue as usePosition,jt as useToast};
|