@zuzjs/ui 1.0.0 → 1.0.2
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 +5 -5
- package/dist/bin.js +3 -3
- package/dist/{chunk-52G34HGX.js → chunk-4GN6AE4D.js} +4 -4
- package/dist/{chunk-7SIIMFAD.cjs → chunk-BZ4B5RMW.cjs} +5 -5
- package/dist/index.cjs +6 -6
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +6 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {a,e,f,c,d}from'./chunk-52G34HGX.js';import {forwardRef,createContext,useState,useRef,useImperativeHandle,useMemo,useCallback,useEffect,createElement,isValidElement,Fragment,useId,startTransition,useContext,useLayoutEffect}from'react';import {jsx,jsxs,Fragment as Fragment$1}from'react/jsx-runtime';import {MD5,uuid,withPost,_,clamp,timeSince,addPropsToChildren,toHash,numberInRange,checkPasswordStrength,PubSub}from'@zuzjs/core';import {useDebounce,useImage,useResizeObserver,useLineChart,useDelayed,useAnchorPosition,useImageCropper,CropShape,KeyCode,useShortcuts,useNetworkStatus,useScrollbar,useCommandActions,useDimensions}from'@zuzjs/hooks';import {startOfMonth,endOfMonth,startOfWeek,endOfWeek,eachDayOfInterval,format,isSameMonth,isSameDay,isToday,addHours,addDays,addWeeks}from'date-fns';var No={name:"@zuzjs/ui"};var Ro=No.name,Io=(o,n=[])=>{let e=["as",...n],t={...o};return Object.keys(t).map(r=>{r in a&&delete t[r];}),"skeleton"in e&&e.skeleton.enabled==true&&delete t.children,e.map(r=>r in t&&delete t[r]),t};var Nt={Circle:"CIRCLE",Square:"SQUARE"},Pp={Default:"DEFAULT",Circle:"CIRCLE"},Np={Light:"light",Dark:"dark",System:"system"},ge={Default:"DEFAULT",Switch:"SWITCH"},Rt={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},ee=Rt,U={Default:"def",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},Rp={Asc:"ASC",Desc:"DESC"},Ip={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Ep={Dots:"DOTS"},he={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN"},se={Success:"success",Error:"error",Warning:"warning",Info:"info"},F={Spring:"SPRING",Liquid:"LIQUID",EaseInOut:"EASEINOUT",Bounce:"BOUNCE"},G={FadeIn:"FADE_IN",ScaleIn:"SCALE_IN",SlideInTop:"SLIDE_FROM_TOP",SlideInRight:"SLIDE_FROM_RIGHT",SlideInBottom:"SLIDE_FROM_BOTTOM",SlideInLeft:"SLIDE_FROM_LEFT"},Bp={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},ae={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},Be=ae,It={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},Eo=It,Lp={Bar:"BAR",Ring:"RING"},it={Default:"range",Text:"number"},Et={Default:"DEFAULT",Card:"CARD"},lt={Gooey:"gooey"},Pe={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var Bo=Symbol.for("zuz.global.map"),Lo=o=>{globalThis[Bo]=o;},Ts=()=>globalThis[Bo]||{},Bt=o=>{let n=Array.isArray(o)?o.join(" "):o;if(!n||typeof n!="string")return "";let e=Ts();return process.env.NODE_ENV==="development"&&Object.keys(e).length===0&&console.warn(`[${Ro}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),n.split(/\s+/).filter(Boolean).map(t=>e[t]||t).join(" ")},Yp=o=>{let n=Array.isArray(o)?o.join(" "):o;return !n||typeof n!="string"?"":Bt(n)},ko=o=>{let n={};for(let e$1 in o){let t=o[e$1];if(e$1.startsWith("--")){n[e$1]=t;continue}let r=e[e$1]?.toString()??e$1;if(r==="x"||r==="translateX"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${f.addUnitsToComplexValue(e$1,t)} ${s[1]??"0px"}`;}else if(r==="y"||r==="translateY"){let s=n.translate?.split(" ")??["0px","0px"];n.translate=`${s[0]??"0px"} ${f.addUnitsToComplexValue(e$1,t)}`;}else c.includes(r)?n[r]=f.addUnitsToComplexValue(e$1,t):n[r]=t;}return n},jp=o=>{let n={};if(Object.keys(o).length>0)for(let e$1 in o){let t=e$1,r=o[t];if(t.startsWith("--")){n[t]=r;continue}let s=t in e?e[t].toString():t;c.includes(s)?s==="translateX"||s==="x"?n.translate=`${f.addUnitsToComplexValue(t,r)} ${n.translate?.split(" ")[1]||"0px"}`:s==="translateY"||s==="y"?n.translate=`${n.translate?.split(" ")[0]||"0px"} ${f.addUnitsToComplexValue(t,r)}`:n[s.replace("translate","translate")]=f.addUnitsToComplexValue(t,r):d.includes(s)?n[s]=f.addUnitsToComplexValue(t,r):n[s]=r;}return n},Lt=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";default:return "linear"}},$e=(o,n=0)=>{let e={},t={},r=n||20;switch(o){case G.SlideInLeft:case G.SlideInRight:e={"--fx-x":o===G.SlideInLeft?`-${r}px`:`${r}px`,opacity:0},t={"--fx-x":"0px",opacity:1};break;case G.SlideInTop:case G.SlideInBottom:e={"--fx-y":o===G.SlideInTop?`-${r}px`:`${r}px`,opacity:0},t={"--fx-y":"0px",opacity:1};break;case G.ScaleIn:e={scale:0,opacity:0},t={scale:1,opacity:1};break;case G.FadeIn:e={opacity:0},t={opacity:1};break}return {from:e,to:t}},Qp=(o,n,e)=>{let{from:t,to:r}=$e(o);return n?{...t,...r}:e?t:r};var Rs=(o,n)=>{let e=useRef([]);return useEffect(()=>{let t=n?.current;if(!t||!o||!o.clearAtEnd)return;let r=s=>{e.current.includes(s.propertyName)&&o.clearAtEnd===true&&(t.style.transform="",t.style.filter="",e.current.forEach(p=>t.style.removeProperty(p)));};return t.addEventListener("transitionend",r),()=>t.removeEventListener("transitionend",r)},[o,n]),useEffect(()=>{if(typeof window>"u"||!n?.current)return;let t=n.current;(o?.scroll||o?.mouse)&&(t.style.willChange="transform",t.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",t.style.transition=`translate 0.1s ${o.curve?Lt(o.curve):"var(--spring)"}`);},[o,n]),useMemo(()=>{if(!o)return {style:{}};let{transition:t,from:r,to:s,exit:p,when:a,duration:u=.3,delay:c=0,curve:i}=o,f={},{from:l,to:d}=t?$e(t):{from:r||{},to:s||{}};f=a===void 0?{...l,...d}:a?{...d}:p||l;let y=Lt(i),v=[],b=ko(f);e.current=Object.keys(b);let T={...b};return Object.keys(b).forEach(w=>{let g=w.startsWith("--")?"all":w;v.includes(g)||v.push(`${g} ${u}s ${y} ${c}s`);}),{style:{...T,transition:v.join(", ")}}},[o])},ze=Rs;var Is=(o,n)=>{let{as:e,fx:t,transition:r,skeleton:s,className:p,propsToRemove:a,style:u,...c}=o||{},i=r?{transition:r,duration:.3}:t||{},{style:f}=ze(i,n),l=Bt(e??"");return {style:{...u,...f},className:[p||"",l||"",s?.enabled?"--skeleton":""].join(" ").trim(),rest:{...Io(c,a?[...a,"skeleton"]:["skeleton"])}}},N=Is;var ks=(o,n={})=>{let{offset:e=8,direction:t="bottom",container:r=null,triggerRef:s=null}=n,p=useRef(null),a=useCallback(()=>{let u=o.current;if(!u)return;let c=s?.current||u.parentElement;if(!c){console.warn("usePosition: No trigger element found. Positioning may not work.");return}let i=u.getBoundingClientRect(),f=c.getBoundingClientRect(),l,d;r?(l=r.getBoundingClientRect(),d="absolute"):(window.getComputedStyle(u).position==="fixed"?d="fixed":d="absolute",d==="fixed"?l={top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}:l={top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}),u.style.position!==d&&(u.style.position=d),p.current=d;let b=0,T=0;switch(t){case "top":b=f.top-i.height-e,T=f.left,b<l.top&&f.bottom+i.height+e<=l.bottom&&(b=f.bottom+e);break;case "bottom":b=f.bottom+e,T=f.left,b+i.height>l.bottom&&f.top-i.height-e>=l.top&&(b=f.top-i.height-e);break;case "left":b=f.top,T=f.left-i.width-e,T<l.left&&f.right+i.width+e<=l.right&&(T=f.right+e);break;case "right":b=f.top,T=f.right+e,T+i.width>l.right&&f.left-i.width-e>=l.left&&(T=f.left-i.width-e);break}if(b=Math.max(l.top,Math.min(b,l.bottom-i.height)),T=Math.max(l.left,Math.min(T,l.right-i.width)),p.current==="fixed")u.style.top=`${b}px`,u.style.left=`${T}px`;else {let w;u.offsetParent?w=u.offsetParent.getBoundingClientRect():w={top:0,left:0};let g=b-w.top+window.scrollY,P=T-w.left+window.scrollX;u.style.top=`${g}px`,u.style.left=`${P}px`;}},[o,s,e,t,r]);return useEffect(()=>{let u=o.current;if(!u)return;let c=s?.current||u.parentElement;if(!c){console.warn("usePosition: No trigger element found. Positioning may not work.");return}let i=new ResizeObserver(a);return i.observe(u),c&&i.observe(c),a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,true),()=>{i.disconnect(),c&&i.disconnect(),window.removeEventListener("resize",a),window.removeEventListener("scroll",a,true);}},[o,t,e,r,s]),{postion:p.current,reposition:a}},_e=ks;var Do=forwardRef((o,n)=>{let{when:e,...t}=o;return jsx(m,{ref:n,"aria-hidden":!e,className:"--overlay fixed fill",fx:{transition:G.FadeIn,when:e},...t})});Do.displayName="Zuz.Overlay";var Ne=Do;var Oo=({ref:o,...n})=>{let{style:e,...t}=n,{style:r,className:s,rest:p}=N(t);return jsx("span",{ref:o,style:e,className:s,...p})};Oo.displayName="Zuz.Span";var J=Oo;var Ao=forwardRef((o,n)=>{let{name:e,pathCount:t,size:r,color:s,...p}=o,{className:a,style:u,rest:c}=N(p);return jsx("div",{style:{color:s,...u},className:`icon-${e} --icon --${r||U.Default} ${a}`.trim(),ref:n,...c,children:Array(t||0).fill(0).map((i,f)=>jsx(J,{className:`path${f+1}`},`${e}-layer-${f}`))})});Ao.displayName="Zuz.Icon";var X=Ao;var xe={Simple:"SIMPLE"};var Vo=o=>{let {type:n,variant:e,width:t,speed:r,color:s,background:p,foreground:a,...u}=o,{className:i,style:f,rest:l}=N(u);return jsx(m,{className:`${i} --spinner --${(n||xe.Simple).toLowerCase()} --${e}`.trim(),style:{...f},...l})};Vo.displayName="Zuz.Spinner";var pe=Vo;var mt={Loading:"loading",Normal:"normal"};var zo=({ref:o,...n})=>{let{reset:e,variant:t=U.Small,icon:r,iconSize:s,children:p,withLabel:a,spinner:u,state:c,disabled:i,...f}=n,{style:l,className:d,rest:y}=N(f);return jsxs("button",{className:`--button --${t} flex aic ${e?"":"jcc"} ${r?"ico-btn":""} ${d}`.trim().replace(/\s+/g," "),style:l,ref:o,disabled:c==mt.Loading||n.skeleton?.enabled||i,...y,children:[c==mt.Loading&&jsx(pe,{variant:t,type:u||xe.Simple}),(!c||c==mt.Normal)&&jsxs(Fragment$1,{children:[r&&jsx(X,{size:s,name:r}),a===true?jsx(J,{children:p}):p]})]})};zo.displayName="Zuz.Button";var $=zo;var $s={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"})," "]}),[se.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"})}),[se.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"})}),[se.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"})}),[se.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"})]})},M=$s;var zs=({title:o="Alert",onClose:n})=>jsxs(m,{as:"--head flex aic rel",children:[jsx(m,{as:`--${o?"title":"dot"} flex aic jcc rel`,children:o}),jsx($,{onClick:e=>n(),className:"--closer abs center-v",children:M.close})]}),Fo=zs;var Fs=({action:o,render:n=true,message:e=""})=>jsx(m,{as:`--body flex aic rel ${o?"":"--no-action"}`.trim(),children:n?e:null}),Zo=Fs;var Ks=({action:o,actionPosition:n,dialogID:e,variant:t})=>jsx(m,{as:`--footer flex aic rel ${n?n==Eo.Center?"jcc":"":"jce"}`.trim(),children:o.map((r,s)=>jsx($,{variant:t,onClick:p=>r.handler?r.handler():r.onClick?r.onClick():console.log("onClick Handler missing"),as:"--action",children:r.label},`dialog-${e}-action-${r.key}`))}),Uo=Ks;var Go=forwardRef((o,n)=>{let{h:e,html:t,children:r,lines:s,...p}=o,{style:a,className:u,rest:c}=N(p),i=`h${o.h||1}`;return jsx(i,{ref:n,style:a,className:u,...c,children:t?jsx(J,{dangerouslySetInnerHTML:{__html:t}}):r})});Go.displayName="Zuz.Text";var H=Go;var Xo=forwardRef((o,n)=>{let{message:e,spinner:t,spinnerSize:r,color:s,when:p,hideMessage:a,...u}=o,{className:c,style:i,rest:f}=N(u);return "when"in o&&o.when==false?null:jsxs(m,{className:`--cover flex aic jcc cols abs fillx nope nous ${c}`.trim(),style:{...i,backgroundColor:"var(--cover-bg)"},...f,children:[jsx(pe,{variant:r||U.Small,type:t||xe.Simple}),!a&&jsx(H,{className:"--label",style:{color:"var(--cover-label)"},children:e||"loading"})]})});Xo.displayName="Zuz.Cover";var Re=Xo;var jo="(prefers-color-scheme: dark)",Ys=typeof window>"u",Jo=createContext(void 0),Dt=o=>{let n=useContext(Jo);if(!n){if(o===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return n},pt=Dt,js=({children:o,storageKey:n="--ucs",forceTheme:e,zuzMap:t,...r})=>(t&&Lo(t),jsx(Qs,{storageKey:n,forceTheme:e,...r,children:o})),Qs=({children:o,storageKey:n,forceTheme:e,...t})=>{let[r,s]=useState(()=>e||Qo(n,"system")),[p,a]=useState(()=>e||Qo(n)),u=l=>(l||(l=window.matchMedia(jo)),l.matches?"dark":"light"),c=useCallback(l=>{let d=l=="system"?u():l,y=document.documentElement;y.setAttribute("color-scheme",d),y.style.colorScheme=d,a(d);},[u]),i=useCallback(l=>{s(l),localStorage.setItem(n,l),c(l);},[r]),f=useCallback(l=>{let d=u(l);a(d),r==="system"&&c("system");},[r]);return useEffect(()=>{r==null&&window.localStorage.getItem(n);},[r]),useEffect(()=>{window.matchMedia(jo).addEventListener("change",f);},[f]),useEffect(()=>{let l=d=>{d.key==n&&(d.newValue?i(d.newValue):i("system"));};return window.addEventListener("storage",l),()=>window.removeEventListener("storage",l)},[i]),useEffect(()=>{c(e||r||"system");},[r]),jsxs(Jo,{value:{colorScheme:r,resolvedScheme:p,setColorScheme:i,...t},children:[e?null:jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
|
|
1
|
+
import {g,f,h,e,i,c as c$1,d}from'./chunk-4GN6AE4D.js';export{f as PACKAGE_NAME,g as cleanProps,h as splitAtoms}from'./chunk-4GN6AE4D.js';import {forwardRef,createContext,useState,useRef,useImperativeHandle,useMemo,useCallback,useEffect,createElement,isValidElement,Fragment,useId,startTransition,useContext,useLayoutEffect}from'react';import {jsx,jsxs,Fragment as Fragment$1}from'react/jsx-runtime';import {MD5,uuid,withPost,_,clamp,timeSince,addPropsToChildren,toHash,numberInRange,checkPasswordStrength,PubSub}from'@zuzjs/core';import {useDebounce,useImage,useResizeObserver,useLineChart,useDelayed,useAnchorPosition,useImageCropper,CropShape,KeyCode,useShortcuts,useNetworkStatus,useScrollbar,useCommandActions,useDimensions}from'@zuzjs/hooks';import {startOfMonth,endOfMonth,startOfWeek,endOfWeek,eachDayOfInterval,format,isSameMonth,isSameDay,isToday,addHours,addDays,addWeeks}from'date-fns';var Rt={Circle:"CIRCLE",Square:"SQUARE"},yp={Default:"DEFAULT",Circle:"CIRCLE"},bp={Light:"light",Dark:"dark",System:"system"},he={Default:"DEFAULT",Switch:"SWITCH"},It={Auto:"auto",Top:"top",Bottom:"bottom",Left:"left",Right:"right"},ee=It,U={Default:"def",Small:"sm",Medium:"md",Large:"lg",XLarge:"xl"},vp={Asc:"ASC",Desc:"DESC"},wp={String:"STRING",Number:"NUMBER",Boolean:"BOOLEAN",Array:"ARRAY",Object:"OBJECT",Date:"DATE",Time:"TIME",DateTime:"DATETIME",File:"FILE"},Sp={Dots:"DOTS"},xe={IPV4:"IPV4",IPV6:"IPV6",Email:"EMAIL",Uri:"URI",Password:"PASSWORD",MatchField:"MATCHFIELD",Pattern:"*",GreaterThan:"GREATER_THAN"},se={Success:"success",Error:"error",Warning:"warning",Info:"info"},F={Spring:"SPRING",Liquid:"LIQUID",EaseInOut:"EASEINOUT",Bounce:"BOUNCE"},G={FadeIn:"FADE_IN",ScaleIn:"SCALE_IN",SlideInTop:"SLIDE_FROM_TOP",SlideInRight:"SLIDE_FROM_RIGHT",SlideInBottom:"SLIDE_FROM_BOTTOM",SlideInLeft:"SLIDE_FROM_LEFT"},Cp={Success:"success",Error:"error",Idle:"idle",Dead:"dead"},ae={Dialog:"DIALOG",Default:"DEFAULT",Error:"ERROR",Success:"SUCCESS",Warn:"WARN",Promise:"PROMISE"},Be=ae,Et={Left:"LEFT",Right:"RIGHT",Center:"CENTER"},Io=Et,Tp={Bar:"BAR",Ring:"RING"},it={Default:"range",Text:"number"},Bt={Default:"DEFAULT",Card:"CARD"},lt={Gooey:"gooey"},Pe={Left:"LEFT",Right:"RIGHT",Top:"TOP",Bottom:"BOTTOM"};var Eo=Symbol.for("zuz.global.map"),Bo=o=>{globalThis[Eo]=o;},Ss=()=>globalThis[Eo]||{},Lt=o=>{let s=Array.isArray(o)?o.join(" "):o;if(!s||typeof s!="string")return "";let e=Ss();return process.env.NODE_ENV==="development"&&Object.keys(e).length===0&&console.warn(`[${f}] No utility map detected. Classes will not be hashed. `,"Ensure you call setZuzMap() or use <ThemeProvider zuzMap={...} />."),h(s).filter(Boolean).map(r=>{let n=r.match(/^([&@][\w-]+)\((.*)\)$/);if(n){let[p,a,u]=n;return h(u).map(l=>{let i=`${a}(${l})`;return e[i]||l}).join(" ")}return e[r]||r}).join(" ")},Zp=o=>{let s=Array.isArray(o)?o.join(" "):o;return !s||typeof s!="string"?"":Lt(s)},Lo=o=>{let s={};for(let e$1 in o){let t=o[e$1];if(e$1.startsWith("--")){s[e$1]=t;continue}let r=e[e$1]?.toString()??e$1;if(r==="x"||r==="translateX"){let n=s.translate?.split(" ")??["0px","0px"];s.translate=`${i.addUnitsToComplexValue(e$1,t)} ${n[1]??"0px"}`;}else if(r==="y"||r==="translateY"){let n=s.translate?.split(" ")??["0px","0px"];s.translate=`${n[0]??"0px"} ${i.addUnitsToComplexValue(e$1,t)}`;}else c$1.includes(r)?s[r]=i.addUnitsToComplexValue(e$1,t):s[r]=t;}return s},Kp=o=>{let s={};if(Object.keys(o).length>0)for(let e$1 in o){let t=e$1,r=o[t];if(t.startsWith("--")){s[t]=r;continue}let n=t in e?e[t].toString():t;c$1.includes(n)?n==="translateX"||n==="x"?s.translate=`${i.addUnitsToComplexValue(t,r)} ${s.translate?.split(" ")[1]||"0px"}`:n==="translateY"||n==="y"?s.translate=`${s.translate?.split(" ")[0]||"0px"} ${i.addUnitsToComplexValue(t,r)}`:s[n.replace("translate","translate")]=i.addUnitsToComplexValue(t,r):d.includes(n)?s[n]=i.addUnitsToComplexValue(t,r):s[n]=r;}return s},kt=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";default:return "linear"}},$e=(o,s=0)=>{let e={},t={},r=s||20;switch(o){case G.SlideInLeft:case G.SlideInRight:e={"--fx-x":o===G.SlideInLeft?`-${r}px`:`${r}px`,opacity:0},t={"--fx-x":"0px",opacity:1};break;case G.SlideInTop:case G.SlideInBottom:e={"--fx-y":o===G.SlideInTop?`-${r}px`:`${r}px`,opacity:0},t={"--fx-y":"0px",opacity:1};break;case G.ScaleIn:e={scale:0,opacity:0},t={scale:1,opacity:1};break;case G.FadeIn:e={opacity:0},t={opacity:1};break}return {from:e,to:t}},Up=(o,s,e)=>{let{from:t,to:r}=$e(o);return s?{...t,...r}:e?t:r};var Ps=(o,s)=>{let e=useRef([]);return useEffect(()=>{let t=s?.current;if(!t||!o||!o.clearAtEnd)return;let r=n=>{e.current.includes(n.propertyName)&&o.clearAtEnd===true&&(t.style.transform="",t.style.filter="",e.current.forEach(p=>t.style.removeProperty(p)));};return t.addEventListener("transitionend",r),()=>t.removeEventListener("transitionend",r)},[o,s]),useEffect(()=>{if(typeof window>"u"||!s?.current)return;let t=s.current;(o?.scroll||o?.mouse)&&(t.style.willChange="transform",t.style.translate="var(--fx-x, 0px) var(--fx-y, 0px)",t.style.transition=`translate 0.1s ${o.curve?kt(o.curve):"var(--spring)"}`);},[o,s]),useMemo(()=>{if(!o)return {style:{}};let{transition:t,from:r,to:n,exit:p,when:a,duration:u=.3,delay:l=0,curve:i}=o,f={},{from:m,to:d}=t?$e(t):{from:r||{},to:n||{}};f=a===void 0?{...m,...d}:a?{...d}:p||m;let y=kt(i),v=[],b=Lo(f);e.current=Object.keys(b);let T={...b};return Object.keys(b).forEach(w=>{let g=w.startsWith("--")?"all":w;v.includes(g)||v.push(`${g} ${u}s ${y} ${l}s`);}),{style:{...T,transition:v.join(", ")}}},[o])},_e=Ps;var Ns=(o,s)=>{let{as:e,fx:t,transition:r,skeleton:n,className:p,propsToRemove:a,style:u,...l}=o||{},i=r?{transition:r,duration:.3}:t||{},{style:f}=_e(i,s),m=Lt(e??"");return {style:{...u,...f},className:[p||"",m||"",n?.enabled?"--skeleton":""].join(" ").trim(),rest:{...g(l,a?[...a,"skeleton"]:["skeleton"])}}},N=Ns;var Bs=(o,s={})=>{let{offset:e=8,direction:t="bottom",container:r=null,triggerRef:n=null}=s,p=useRef(null),a=useCallback(()=>{let u=o.current;if(!u)return;let l=n?.current||u.parentElement;if(!l){console.warn("usePosition: No trigger element found. Positioning may not work.");return}let i=u.getBoundingClientRect(),f=l.getBoundingClientRect(),m,d;r?(m=r.getBoundingClientRect(),d="absolute"):(window.getComputedStyle(u).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}),u.style.position!==d&&(u.style.position=d),p.current=d;let b=0,T=0;switch(t){case "top":b=f.top-i.height-e,T=f.left,b<m.top&&f.bottom+i.height+e<=m.bottom&&(b=f.bottom+e);break;case "bottom":b=f.bottom+e,T=f.left,b+i.height>m.bottom&&f.top-i.height-e>=m.top&&(b=f.top-i.height-e);break;case "left":b=f.top,T=f.left-i.width-e,T<m.left&&f.right+i.width+e<=m.right&&(T=f.right+e);break;case "right":b=f.top,T=f.right+e,T+i.width>m.right&&f.left-i.width-e>=m.left&&(T=f.left-i.width-e);break}if(b=Math.max(m.top,Math.min(b,m.bottom-i.height)),T=Math.max(m.left,Math.min(T,m.right-i.width)),p.current==="fixed")u.style.top=`${b}px`,u.style.left=`${T}px`;else {let w;u.offsetParent?w=u.offsetParent.getBoundingClientRect():w={top:0,left:0};let g=b-w.top+window.scrollY,P=T-w.left+window.scrollX;u.style.top=`${g}px`,u.style.left=`${P}px`;}},[o,n,e,t,r]);return useEffect(()=>{let u=o.current;if(!u)return;let l=n?.current||u.parentElement;if(!l){console.warn("usePosition: No trigger element found. Positioning may not work.");return}let i=new ResizeObserver(a);return i.observe(u),l&&i.observe(l),a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,true),()=>{i.disconnect(),l&&i.disconnect(),window.removeEventListener("resize",a),window.removeEventListener("scroll",a,true);}},[o,t,e,r,n]),{postion:p.current,reposition:a}},ze=Bs;var Mo=forwardRef((o,s)=>{let{when:e,...t}=o;return jsx(c,{ref:s,"aria-hidden":!e,className:"--overlay fixed fill",fx:{transition:G.FadeIn,when:e},...t})});Mo.displayName="Zuz.Overlay";var Ne=Mo;var Do=({ref:o,...s})=>{let{style:e,...t}=s,{style:r,className:n,rest:p}=N(t);return jsx("span",{ref:o,style:e,className:n,...p})};Do.displayName="Zuz.Span";var j=Do;var Ho=forwardRef((o,s)=>{let{name:e,pathCount:t,size:r,color:n,...p}=o,{className:a,style:u,rest:l}=N(p);return jsx("div",{style:{color:n,...u},className:`icon-${e} --icon --${r||U.Default} ${a}`.trim(),ref:s,...l,children:Array(t||0).fill(0).map((i,f)=>jsx(j,{className:`path${f+1}`},`${e}-layer-${f}`))})});Ho.displayName="Zuz.Icon";var X=Ho;var pe={Simple:"SIMPLE",Roller:"ROLLER",Wave:"Wave"};var Ao=o=>{let {type:s,variant:e,width:t,speed:r,color:n,background:p,foreground:a,...u}=o,{className:i,style:f,rest:m}=N(u);return jsx(c,{className:`${i} --spinner --${(s||pe.Simple).toLowerCase()} --${e}`.trim(),style:{...f},...m})};Ao.displayName="Zuz.Spinner";var ue=Ao;var mt={Loading:"loading",Normal:"normal"};var $o=({ref:o,...s})=>{let{reset:e,variant:t=U.Small,icon:r,iconSize:n,children:p,withLabel:a,spinner:u,state:l,disabled:i,...f}=s,{style:m,className:d,rest:y}=N(f);return jsxs("button",{className:`--button --${t} flex aic ${e?"":"jcc"} ${r?"ico-btn":""} ${d}`.trim().replace(/\s+/g," "),style:m,ref:o,disabled:l==mt.Loading||s.skeleton?.enabled||i,...y,children:[l==mt.Loading&&jsx(ue,{variant:t,type:u||pe.Simple}),(!l||l==mt.Normal)&&jsxs(Fragment$1,{children:[r&&jsx(X,{size:n,name:r}),a===true?jsx(j,{children:p}):p]})]})};$o.displayName="Zuz.Button";var $=$o;var As={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"})," "]}),[se.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"})}),[se.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"})}),[se.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"})}),[se.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"})]})},M=As;var Vs=({title:o="Alert",onClose:s})=>jsxs(c,{as:"--head flex aic rel",children:[jsx(c,{as:`--${o?"title":"dot"} flex aic jcc rel`,children:o}),jsx($,{onClick:e=>s(),className:"--closer abs center-v",children:M.close})]}),zo=Vs;var _s=({action:o,render:s=true,message:e=""})=>jsx(c,{as:`--body flex aic rel ${o?"":"--no-action"}`.trim(),children:s?e:null}),Fo=_s;var Fs=({action:o,actionPosition:s,dialogID:e,variant:t})=>jsx(c,{as:`--footer flex aic rel ${s?s==Io.Center?"jcc":"":"jce"}`.trim(),children:o.map((r,n)=>jsx($,{variant:t,onClick:p=>r.handler?r.handler():r.onClick?r.onClick():console.log("onClick Handler missing"),as:"--action",children:r.label},`dialog-${e}-action-${r.key}`))}),Ko=Fs;var Wo=forwardRef((o,s)=>{let{h:e,html:t,children:r,lines:n,...p}=o,{style:a,className:u,rest:l}=N(p),i=`h${o.h||1}`;return jsx(i,{ref:s,style:a,className:u,...l,children:t?jsx(j,{dangerouslySetInnerHTML:{__html:t}}):r})});Wo.displayName="Zuz.Text";var H=Wo;var qo=forwardRef((o,s)=>{let{message:e,spinner:t,spinnerSize:r,color:n,when:p,hideMessage:a,...u}=o,{className:l,style:i,rest:f}=N(u);return "when"in o&&o.when==false?null:jsxs(c,{className:`--cover flex aic jcc cols abs fillx nope nous ${l}`.trim(),style:{...i,backgroundColor:"var(--cover-bg)"},...f,children:[jsx(ue,{variant:r||U.Small,type:t||pe.Simple}),!a&&jsx(H,{className:"--label",style:{color:"var(--cover-label)"},children:e||"loading"})]})});qo.displayName="Zuz.Cover";var Re=qo;var Yo="(prefers-color-scheme: dark)",qs=typeof window>"u",Jo=createContext(void 0),Ot=o=>{let s=useContext(Jo);if(!s){if(o===true)return;throw new Error("useColorScheme must be used within a ThemeProvider")}return s},pt=Ot,Xs=({children:o,storageKey:s="--ucs",forceTheme:e,zuzMap:t,...r})=>(t&&Bo(t),jsx(Ys,{storageKey:s,forceTheme:e,...r,children:o})),Ys=({children:o,storageKey:s,forceTheme:e,...t})=>{let[r,n]=useState(()=>e||Qo(s,"system")),[p,a]=useState(()=>e||Qo(s)),u=m=>(m||(m=window.matchMedia(Yo)),m.matches?"dark":"light"),l=useCallback(m=>{let d=m=="system"?u():m,y=document.documentElement;y.setAttribute("color-scheme",d),y.style.colorScheme=d,a(d);},[u]),i=useCallback(m=>{n(m),localStorage.setItem(s,m),l(m);},[r]),f=useCallback(m=>{let d=u(m);a(d),r==="system"&&l("system");},[r]);return useEffect(()=>{r==null&&window.localStorage.getItem(s);},[r]),useEffect(()=>{window.matchMedia(Yo).addEventListener("change",f);},[f]),useEffect(()=>{let m=d=>{d.key==s&&(d.newValue?i(d.newValue):i("system"));};return window.addEventListener("storage",m),()=>window.removeEventListener("storage",m)},[i]),useEffect(()=>{l(e||r||"system");},[r]),jsxs(Jo,{value:{colorScheme:r,resolvedScheme:p,setColorScheme:i,...t},children:[e?null:jsx("script",{suppressHydrationWarning:true,dangerouslySetInnerHTML:{__html:`const el = document.documentElement
|
|
2
2
|
const themes = ['light', 'dark']
|
|
3
|
-
let theme = localStorage.getItem(\`${
|
|
3
|
+
let theme = localStorage.getItem(\`${s}\`) || "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;`}}),o]})},Qo=(o,n)=>{if(Ys)return;let e;try{e=localStorage.getItem(o)||void 0;}catch{}return e||n};var rr=({ref:o,...n})=>{let{index:e,id:t,title:r,message:s,transition:p,curve:a,speed:u,type:c,action:i,actionPosition:f,spinner:l,loadingMessage:d,variant:y,onClose:v,onShow:b,onHide:T,...w}=n,g=useMemo(()=>uuid(12),[]),[P,I]=useState(r||""),[R,C]=useState(s||""),[E,z]=useState(c||Be.Dialog),[L,Z]=useState(false),[k,W]=useState(true),[D,q]=useState(i||null),[S,A]=useState(false),{variant:V}=pt(),K=y||V||U.Small,{style:O,className:_,rest:Y}=N(w),te=useRef(null),Q=ze({when:L,duration:u||.3,delay:.1,transition:p||G.SlideInBottom,curve:a||F.EaseInOut});return useEffect(()=>{z(Be.Dialog),C(s),I(P),D&&q(D.reduce((ne,ie)=>(ne.push({...ie,key:ie.key||uuid(12)}),ne),[])),Z(true),setTimeout(()=>b?b():()=>{},1e3);},[]),jsxs(Fragment$1,{children:[jsx(Ne,{when:L}),jsxs(m,{as:`--dialog --${(c??Be.Default).toLowerCase()} ${L?"--visible":""} ${_} fixed abc`.trim(),style:Q.style,...Y,ref:te,children:[jsx(Re,{when:S,spinner:l,message:d}),jsx(Fo,{title:P,onClose:()=>{Z(false),v(t);}}),jsx(Zo,{message:R,render:k,action:D}),D&&jsx(Uo,{variant:K,action:D,dialogID:g,actionPosition:f})]})]})};rr.displayName="Zuz.Dialog";var Ot=rr;var At=createContext(null),la=forwardRef((o,n)=>{let[e,t]=useState([]),r=useRef(0),s=()=>++r.current;useImperativeHandle(n,()=>({add(a){let u=s(),c={id:u,...a};return t(i=>[c,...i.slice(0,4)]),u},remove(a){t(u=>u.filter(c=>c.id!==a));},clear(){t([]);}}));let p=a=>{setTimeout(()=>t(u=>u.filter(c=>c.id!==a)),1e3);};return jsx(m,{as:"--dialog-wrapper rel",children:e.map((a,u)=>jsx(Ot,{onClose:p,index:u,...a},`sheet-${a.id}`))})}),ma=forwardRef(({children:o,fx:n},e)=>{let t=useRef(null),r=useMemo(()=>({add:s=>t.current?.add(s),remove:s=>t.current?.remove(s),clear:()=>t.current?.clear(),fx:n||{curve:F.EaseInOut,duration:.4}}),[t.current]);return jsxs(At.Provider,{value:r,children:[o,jsx(la,{ref:t})]})}),ca=ma;var fa=()=>{let o=useContext(At);if(!o)throw new Error("useDialog must be used inside <DialogProvider>");let n=(s,p)=>o.add({...p,type:s});return {clearAll:()=>o.clear(),show:s=>n(Be.Dialog,s),hide:s=>o.remove(s)}},da=fa;var Vt=(s=>(s.Default="default",s.Success="success",s.Error="error",s.Warn="warn",s.Promise="promise",s))(Vt||{}),ar={success:"Action Successful",error:"Something Went Wrong",warn:"Heads Up",default:"Notice"};var ha=({index:o,id:n,type:e,icon:t,title:r,message:s,duration:p})=>{let a=useDelayed(),u=useDelayed(((p||4)-1)*1e3),c=useContext(Ke);return jsxs(m,{as:`--snack --${e} --snack-${n} ${o>2?"--snacked":""} flex aic`,fx:{from:{left:"50%",x:"-50%",top:-100,scale:1,opacity:.5},to:{left:"50%",x:"-50%",top:25,scale:1,opacity:1},curve:c?.fx.curve,duration:c?.fx.duration,when:a&&!u},children:[jsx(m,{as:"--ico flex aic jcc",fx:{transition:G.ScaleIn,curve:F.Spring,delay:.2,when:a&&!u},children:t?jsx(X,{name:t,fx:{transition:G.ScaleIn,curve:F.Spring,delay:.4,duration:.5,when:a&&!u}}):jsx(m,{as:"--no-icon",fx:{transition:G.ScaleIn,curve:F.Spring,delay:.4,duration:.5,when:a&&!u}})}),jsxs(m,{as:"--meta",children:[jsx(H,{as:"--tt",fx:{transition:G.SlideInTop,curve:F.Spring,delay:.3,when:a},children:r||ar[e]}),jsx(H,{as:"--tm",fx:{transition:G.SlideInTop,curve:F.Spring,delay:.4,duration:.5,when:a},children:s})]})]})},mr=ha;var Ke=createContext(null),wa=forwardRef((o,n)=>{let[e,t]=useState([]),r=useRef(0),s=()=>++r.current;return useImperativeHandle(n,()=>({add(p){let a=s(),u={id:a,...p};return t(c=>[u,...c.slice(0,4)]),p.duration!==1/0&&p.type!="promise"&&setTimeout(()=>this.remove(a),((p.duration??4)+1)*1e3),a},remove(p){t(a=>a.filter(u=>u.id!==p));},clear(){t([]);}})),jsx(m,{as:"--toast-wrapper rel",children:e.map((p,a)=>jsx(mr,{index:a,...p},`toast-${p.id}`))})}),Sa=forwardRef(({children:o,fx:n},e)=>{let t=useRef(null),r=useMemo(()=>({add:s=>t.current?.add(s),remove:s=>t.current?.remove(s),clear:()=>t.current?.clear(),fx:n||{curve:F.EaseInOut,duration:.4}}),[t.current]);return jsxs(Ke.Provider,{value:r,children:[o,jsx(wa,{ref:t})]})}),Ca=Sa;var Na=()=>{let o=useContext(Ke);if(!o)throw new Error("useToast must be used inside <ToastProvider>");let n=(c,i)=>o.add({...i,type:c});return {show:(c,i,f,l)=>n("default",{title:c,message:i,icon:f,duration:l}),hide:c=>o.remove(c),success:(c,i,f,l)=>n("success",{title:c,message:i,icon:f,duration:l}),error:(c,i,f,l)=>n("error",{title:c,message:i,icon:f,duration:l}),warn:(c,i,f,l)=>n("warn",{title:c,message:i,icon:f,duration:l}),promise:(c,i,f,l)=>n("promise",{title:c,message:i,icon:f,duration:l}),clearAll:()=>o.clear()}},zt=Na;var Ia=o=>{let n=(t,r)=>{t.preventDefault(),t.stopPropagation(),setTimeout(()=>{o.current?.show(t,r);},0);},e=t=>{o.current?.hide(t);};return useEffect(()=>(document.addEventListener("click",e),()=>{document.removeEventListener("click",e);}),[o]),{show:n,hide:e}},Ea=Ia;var ur=({ref:o,style:n,...e})=>{let t=useRef(null),r=useMemo(()=>o&&typeof o!="function"&&o.current?o:t,[o]),{style:s,className:p,rest:a}=N(e,r);return jsx("div",{ref:o||t,style:{...s,...n||{}},className:p,...a})};ur.displayName="Zuz.Box";var m=ur;var dr=forwardRef((o,n)=>{let{title:e,message:t,...r}=o,[s,p]=useState(false);return jsxs(m,{className:"--accordion flex cols",...r,children:[jsxs($,{onClick:a=>p(!s),className:`--toggle flex aic ${s?"--open":""}`.trim(),children:[jsx(H,{className:"--label flex",children:e}),jsx(m,{className:"--arrow flex",children:s?M.arrowUp:M.arrowDown})]}),s&&jsx(m,{className:"--detail",children:t})]})});dr.displayName="Zuz.Accordion";var Oa=dr;var Ha=({label:o,icon:n,onClick:e,idx:t,selected:r})=>jsx($,{onClick:e,onMouseMove:s=>document.documentElement.style.setProperty("--tip-m",`${t}`),className:`--action ${r?"--selected":""} aic jcc rel`.trim(),children:typeof n=="string"?jsx(X,{name:n}):n}),hr=Ha;var xr=forwardRef((o,n)=>{let{items:e,name:t,selected:r,position:s,...p}=o,a=useRef(null),[u,c]=useState(r||e[0].tag||0),i=useCallback(({x:b,y:T})=>{if(a.current){let w=a.current.getBoundingClientRect();document.documentElement.style.setProperty("--tip-x",`${b-w.left}`),document.documentElement.style.setProperty("--tip-y",`${T-w.top}`),document.documentElement.style.setProperty("--tip-s","1");}},[]),f=useCallback(()=>{a.current&&(a.current.removeEventListener("pointerleave",f),a.current.removeEventListener("pointermove",i),document.documentElement.style.setProperty("--tip-s","0"));},[]),l=useCallback(()=>{a.current&&(a.current.addEventListener("pointerleave",f),a.current.addEventListener("pointermove",i));},[]);useEffect(()=>{a.current&&(document.documentElement.style.setProperty("--tip-w",e.reduce((b,T)=>T.label.length>b.length?T.label:b,"").length.toString()),document.documentElement.style.setProperty("--tip-s","0"),document.documentElement.style.setProperty("--tip-l",`${e.length}`),a.current?.addEventListener("pointerenter",l));},[]);let{className:d,style:y,rest:v}=N(p);return jsxs(m,{ref:a,style:y,className:[`--actionbar flex aic ${d}`,`${!s||s==ee.Auto?"rel":`--${s}`}`].join(" ").trim(),...v,children:[e.map((b,T)=>jsx(hr,{selected:u===b.tag||r==T,...b,idx:T},`actionbar-action-${b.label.toLowerCase().replace(/\s+/g,"-")}`)),jsx(m,{className:"--tip abs",children:jsx(m,{className:"--track flex aic",children:e.map(({label:b})=>jsx(m,{className:"--lb",children:b},`tool-tip-${b.toLowerCase().replace(/\s+/g,"-")}`))})})]})});xr.displayName="Zuz.ActionBar";var _a=xr;var br=forwardRef((o,n)=>{let{type:e,icon:t,title:r,message:s,iconSize:p,...a}=o,{className:u,style:c,rest:i}=N(a);return jsxs(m,{className:`--alert --${e||se.Info} flex aic ${u}`.trim(),style:c,...i,children:[jsx(m,{className:`--icon icon-${t||"auto-matic"}`,style:p?{fontSize:p,width:p,height:p}:{},children:!t&&M[e||se.Info]}),jsxs(m,{className:"--meta flex cols",children:[jsx(H,{className:`--title ${s?"--tm":""}`,children:r||"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}),s&&jsx(H,{className:"--message",h:2,children:s})]})]})});br.displayName="Zuz.Alert";var Ka=br;var vr=({ref:o,...n})=>{let{variant:e=U.Small,numeric:t,onConfirm:r,...s}=n,{style:p,className:a,rest:u}=N(s),c=i=>{t&&(i.currentTarget.value=i.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};return jsx("input",{className:`--input --${e} flex ${a}`.trim(),style:p,onInput:c,onKeyDown:i=>{i.key=="Enter"&&r?.(i.currentTarget.value);},ref:o,...u})};vr.displayName="Zuz.Input";var oe=vr;var Cr=o=>{let{meta:n}=o,e=useDelayed(),{label:t,icon:r,...s}=isValidElement(n)?{}:n,{className:p,style:a,rest:u}=N({...s,...s.animate?{animate:{...s.animate,when:e}}:{}});return isValidElement(n)?jsx("li",{style:a,className:p,children:n}):jsx("li",{style:a,className:p,...u,children:typeof n=="string"?n:t})};Cr.displayName="Zuz.ListItem";var Tr=Cr;var Nr=forwardRef((o,n)=>{let{items:e,variant:t,direction:r,seperator:s,ol:p,...a}=o,{className:u,style:c,rest:i}=N(a),f=p==true?"ol":"ul";return createElement(f,{className:`--list --${t||U.Small} flex ${r??"cols"} ${u}`.trim(),style:c,ref:n,...i,children:e.map((l,d,y)=>{let v=`${typeof l=="string"?`li-${String(l)}`:isValidElement(l)?`li-${l.key}`||`${d}-${MD5(l.toString())}`:l.label}-${d}`;return jsxs(Fragment,{children:[jsx(Tr,{meta:l}),s&&y[d+1]?jsx("li",{className:"--list-seperator",children:s},`spt-${d+1}-${v}`):null]},v)})})});Nr.displayName="Zuz.List";var Ue=Nr;var Ir=forwardRef((o,n)=>{let{fx:e,action:t,data:r,withStyle:s,onChange:p,...a}=o,{className:u}=N({as:s||""}),{style:c}=N(a),[i,f]=useState(false),[l,d]=useState(r||[]),y=useRef(null),v=useRef(null),b=useRef(null),T=useMemo(()=>a.name||uuid(12),[]),[w,g]=useState(null),[P,I]=useState(null),[R,C]=useState([]),z=useDebounce(S=>{S.target.value==""?(f(false),d([])):t&&S.target.value.trim()!=""&&withPost(t,{query:S.target.value}).then(A=>{"items"in A&&_(A.items).isArray()?(d(A.items),I(S.target.value),C(A.items)):console.error("Action Response should contain items array"),g(null);}).catch(A=>{g(null),d([]);});},250),L=()=>{if(v.current){let S=v.current.getBoundingClientRect(),A=window.innerHeight-S.bottom,V=S.top;if(b.current){let K=b.current;A<K.offsetHeight&&V>A?(K.style.top="auto",K.style.bottom=`${S.height}px`,K.style.maxHeight=`${V-150}px`):(K.style.top=`${S.height+5}px`,K.style.bottom="auto",K.style.maxHeight=`${A-150}px`);}}},Z=S=>{if(l.length>0){if((S.key==="ArrowDown"||S.key==="ArrowUp")&&(S.preventDefault(),S.stopPropagation()),S.key==="Escape")g(null),f(false),d([]);else if(S.key==="ArrowDown")g(A=>{let V=A===null||A===l.length-1?0:A+1;return W(V),V});else if(S.key==="ArrowUp")g(A=>{let V=A===null||A===0?l.length-1:A-1;return W(V),V});else if(S.key==="Enter"&&w!==null){let A=l[w];y.current&&(y.current.value=A,f(false),d([]));}}},k=S=>{y.current&&(y.current.value=S,f(false),d([]));},W=S=>{let A=l[S];if(A&&y.current&&(y.current.value=A,y.current.setSelectionRange(A.length,A.length)),b.current){let K=b.current.children[S];K&&K.scrollIntoView({block:"nearest"});}},D=S=>{v.current&&!v.current.contains(S.target)&&(f(false),d([]));},q=()=>{y.current&&y.current.value===P&&(d(R),g(null),L());};return useEffect(()=>(window.addEventListener("resize",L),window.addEventListener("scroll",L,true),document.addEventListener("mousedown",D),()=>{window.removeEventListener("resize",L),window.removeEventListener("scroll",L,true),document.removeEventListener("mousedown",D);}),[]),useEffect(()=>{L();},[l]),jsxs(m,{style:c,ref:v,className:`--autocomplete --${o.size||U.Small} flex aic rel ${u}`.trim(),children:[jsx(oe,{ref:y,autoComplete:"off",onChange:z,onKeyDown:Z,onFocus:q,...a}),jsx(m,{className:"--arrow rel flex aic jcc",children:l.length>0?M.arrowUp:M.arrowDown}),l.length>0&&jsx(Ue,{id:T,ref:b,className:"--suggestion-list flex cols abs",items:l.map((S,A)=>({label:S,onClick:V=>{V.preventDefault(),V.stopPropagation(),k(S);},className:w===A?"--current":"",animate:{transition:G.SlideInBottom,curve:F.EaseInOut,delay:clamp(.02*A,.02,.5)}}))})]})});Ir.displayName="Zuz.AutoComplete";var ai=Ir;var Er=forwardRef((o,n)=>{let e=useRef(null),t=useMemo(()=>n&&typeof n!="function"&&n.current?n:e,[n]),{style:r,className:s,rest:p}=N(o,t);return !p.src||p.src==""?null:jsx("img",{ref:t,style:r,className:`${s} flex`,...p})});Er.displayName="Zuz.Image";var Ge=Er;var Br=forwardRef((o,n)=>{let{src:e,variant:t,type:r,crossOrigin:s,referrerPolicy:p,fx:a,as:u,alt:c,color:i,style:f,...l}=o,[d,y,v]=useImage(e??"",s,p),{className:b,style:T,rest:w}=N({fx:a,as:u});return useEffect(()=>{if(r==Nt.Square&&!document.getElementById("squareRadiusClipPath")){let g="http://www.w3.org/2000/svg",P=document.createElementNS(g,"svg");P.setAttribute("width","0"),P.setAttribute("height","0");let I=document.createElementNS(g,"defs"),R=document.createElementNS(g,"clipPath");R.setAttribute("id","squareRadiusClipPath"),R.setAttribute("clipPathUnits","objectBoundingBox");let C=document.createElementNS(g,"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"),R.appendChild(C),I.appendChild(R),P.appendChild(I),document.body.appendChild(P);}},[e]),jsx(m,{className:`--avatar --${t||U.Small} --${(r||Nt.Circle).toLowerCase()} rel flex aic jcc ${b}`.trim(),style:{background:i||"var(--primary)",...f,...T},...w,children:e?jsx(Ge,{src:d,crossOrigin:s,referrerPolicy:p,...l}):jsx(H,{className:"--avatar-label",children:(c?c.charAt(0):"A").toUpperCase()})})});Br.displayName="Zuz.Avatar";var gi=Br;var hi=({size:o=6,type:n="idle",label:e="",loading:t=false,...r})=>{let{style:s,className:p,rest:a}=N(r);return jsxs(m,{style:{width:`${o+4}px`,height:`${o+4}px`,...s},as:`--badge rel flex aic jcc ${p}`.trim(),children:[jsx(m,{fx:{transition:G.FadeIn,curve:F.Liquid,duration:.5,when:t},as:"abs abc",children:jsx(pe,{})}),jsx(m,{style:{width:`${o}px`,height:`${o}px`},as:`--dot --${n}`})]})},xi=hi;var Li=[{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)}],ki=o=>{let n=new Set;return o.filter(e=>{if(e.label=="Later")return true;let t=e.getDate().toISOString().split("T")[0];return n.has(t)?false:(n.add(t),true)})},Lr=forwardRef((o,n)=>{let{defaultValue:e,variant:t,onChange:r,...s}=o,{style:p,className:a,rest:u}=N(s),[c,i]=useState(e||new Date),f=startOfMonth(c),l=endOfMonth(c),d=startOfWeek(f),y=endOfWeek(l),v=useMemo(()=>eachDayOfInterval({start:d,end:y}),[d,y]),b=g=>{r?.(g),i(g);},T=()=>{i(g=>new Date(g.getFullYear(),g.getMonth()-1));},w=()=>{i(g=>new Date(g.getFullYear(),g.getMonth()+1));};return jsxs(m,{as:`--calendar flex --${t||"sm"} ${a}`,style:p,children:[jsx(m,{as:"--calendar-quick-select flex cols flex:1",children:ki(Li).map(g=>{let P=g.getDate();return jsxs($,{onClick:()=>b(P),as:["--calendar-quick-option flex aic gap:5"],children:[jsx(H,{as:"flex:1",children:g.label}),jsx(H,{as:"tar",children:g.getDateFormat()})]},`--dtp-option-label-${g.label}`)})}),jsxs(m,{as:"--calendar-selector flex cols flex:1",children:[jsxs(m,{as:"--calendar-head flex aic jcc gap:4",children:[jsx(H,{as:"flex:1 --calendar-cm bold",children:format(c,"MMMM yyyy")}),jsx($,{onClick:T,as:"--calendar-chevron",children:M.chevronUpOutline}),jsx($,{onClick:w,as:"--calendar-chevron",children:M.chevronDownOutline})]}),jsxs(m,{as:"--calendar-days gap:4",children:[["Su","Mo","Tu","We","Th","Fr","Sa"].map(g=>jsx(H,{as:"--calendar-day",children:g},`--calendar-hd-${g}`)),v.map((g,P)=>{let I=isSameMonth(g,c),R=isSameDay(g,c),C=isToday(g);return jsx($,{disabled:!I,onClick:()=>b(g),as:["--calendar-day --calendar-dd",`${R?"--calendar-dd-selected":""}`,`${C?"--calendar-dd-current":""}`],children:format(g,"d")},`--calendar-day-${P}-${g.getFullYear()}-${g.getMonth()}-${g.getDay()}`)})]})]})]})});Lr.displayName="Zuz.Calendar";var qt=Lr;var kr=(n=>(n.Line="line",n))(kr||{});var Or=forwardRef((o,n)=>{let{data:e,width:t,height:r,lineColor:s,strokeWidth:p=2,gradientStartColor:a,gradientEndColor:u,animated:c,animDuration:i=2,animDelay:f=0,padding:l=0,type:d,...y}=o,{className:v,style:b,rest:T}=N(y),w=useRef(null),g=useResizeObserver(w.current?.parentElement||w),P=typeof t=="number"?t:g.width,I=typeof r=="number"?r:g.height,R={width:P,height:I},C=useId(),{pathD:E,areaPathD:z}=useLineChart(e,R,l+(p||2)),L=useRef(null),Z=useRef(null),[k,W]=useState(0),[D,q]=useState(0);return useEffect(()=>{c&&(L.current&&W(L.current.getTotalLength()),Z.current&&q(Z.current.getTotalLength()));},[c,E,z,P,I]),jsx(m,{ref:w,as:`--chart --${d||"line"}-chart ${v}`.trim(),style:{...b,width:t,height:r},...T,children:P>0&&I>0&&jsxs("svg",{viewBox:`0 0 ${P} ${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:a}),jsx("stop",{offset:"100%",stopColor:u})]})}),jsx("path",{ref:Z,d:z,fill:`url(#${C})`,stroke:"none",style:c?{strokeDasharray:D,strokeDashoffset:D}:{},children:c&&jsx("animate",{attributeName:"stroke-dashoffset",from:D,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})}),jsx("path",{ref:L,d:E,fill:"none",stroke:s,strokeWidth:p,strokeLinecap:"round",strokeLinejoin:"round",style:c?{strokeDasharray:k,strokeDashoffset:k}:{},children:c&&jsx("animate",{attributeName:"stroke-dashoffset",from:k,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})})]})})});Or.displayName="Zuz.Chart";var Vi=Or;var Hr=(r=>(r[r.Sending=0]="Sending",r[r.Sent=1]="Sent",r[r.Delivered=2]="Delivered",r[r.Read=3]="Read",r))(Hr||{}),Ar=(c=>(c.Image="img",c.Video="vid",c.Audio="audio",c.Link="link",c.Document="doc",c.Location="loc",c.Contact="contact",c.Event="event",c.Poll="poll",c))(Ar||{});var $r=forwardRef((o,n)=>{let{progress:e,type:t,animated:r,...s}=o,p=useRef(null);useImperativeHandle(n,()=>({setProgress:i=>{p.current.style.width=`${i*100}%`;}}),[]),useEffect(()=>{e&&p.current&&(r?setTimeout(()=>p.current.style.width=`${e*100}%`,500):p.current.style.width=`${e*100}%`);},[e,p.current]);let{className:a,style:u,rest:c}=N(s);return jsx(m,{className:`--progress ${r?"--animated":""} flex rel ${a}`.trim(),style:u,...c,children:jsx(m,{ref:p,className:"--bar rel"})})});$r.displayName="Zuz.ProgressBar";var Yt=$r;var zr=forwardRef((o,n)=>{let{text:e,media:t,side:r="me",status:s=1,timeStamp:p=Date.now(),arrow:a=true,...u}=o,{className:c,style:i,rest:f}=N(u);return jsx(m,{className:`--bubble-wrapper flex --bw-${r}`.trim(),children:jsxs(m,{className:`--bubble --bubble-${r} ${t?`--with-media --bma-${t.type}`:""} rel flex cols ${a==true?"--b-arrow":""} ${c}`.trim(),style:{...i},...f,children:[e&&jsx(H,{className:"--bubble-text",children:e}),t?t.type=="audio"?jsxs(m,{as:"flex aic --bubble-audio",children:[jsx(J,{className:"--bm-action",children:M.play}),jsx(Yt,{progress:.7}),jsx(H,{className:"--bm-dur",children:t.duration??"00:13"})]}):t.type=="img"?jsx(m,{as:"--bubble-image",children:jsx(Ge,{src:t.source})}):null:null,jsxs(m,{as:"flex aie jce --bubble-stats",children:[jsx(H,{className:"--bubble-stamp tar",children:timeSince(p)}),r=="me"&&jsx(J,{className:`--bubble-status --bs-${s}`,children:s==0?M.pending:s==1?M.done:s==2?M.doneAll:M.doneAll})]})]})})});zr.displayName="Zuz.Bubble";var Ui=zr;var _r=forwardRef((o,n)=>{let{style:e,className:t,rest:r}=N(o);return jsx("label",{ref:n,style:e,className:t,...r})});_r.displayName="Zuz.Label";var Xe=_r;var Fr=forwardRef((o,n)=>{let{name:e,required:t,type:r,value:s,size:p,variant:a,checked:u,onSwitch:c,...i}=o,[f,l]=useState(u||false),d=useRef(null);return useImperativeHandle(n,()=>({setChecked(y,v=true){l(y),d.current&&(d.current.checked=y),v&&c&&c(y,s||"cb");},toggle(y=true){d.current&&(d.current.checked=!f),y&&c&&c&&c(!f,s||"cb"),l(!f);}})),jsxs(Xe,{className:`--${(r||ge.Default).toLowerCase()} ${!r||r==ge.Default?"--checkbox":"--switch"} --${a||p||U.Default} flex aic jcc ${f?"is-checked":""} rel`.trim(),...i,children:[(!r||r==ge.Default)&&M.check,jsx(oe,{ref:d,defaultChecked:f,value:s||"cb",type:"checkbox",className:"abs",name:e,required:t||false,onChange:y=>{c&&c(y.target.checked,s||"cb"),l(y.target.checked);}})]})});Fr.displayName="Zuz.CheckBox";var Ye=Fr;var tl=({ref:o,...n})=>{let{code:e,lang:t="tsx",showLines:r=false,highlight:s="",as:p,fx:a,...u}=n,c=useRef(null),{className:i,style:f,rest:l}=N({as:`rel p:20 br:8 bg:shade-1 overflow:auto font:mono ${p}`,fx:a},c),d=useMemo(()=>{let v=new Set;return s.split(",").forEach(b=>{if(b.includes("-")){let[T,w]=b.split("-").map(Number);for(let g=T;g<=w;g++)v.add(g);}else b&&v.add(Number(b));}),v},[s]),y=useMemo(()=>{let v=e.split(`
|
|
9
|
-
`);for(;v.length>0&&v[0].trim()==="";)v.shift();for(;v.length>0&&v[v.length-1].trim()==="";)v.pop();let b=v[0]?.match(/^\s*/)?.[0].length||0,T=v.map(g=>{let P=g.match(/^\s*/)?.[0].length||0,I=Math.min(P,b);return g.slice(I)}),w=[{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 T.map((g,P)=>{let I=g.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),R=d.has(P+1),C=[];w.forEach(E=>{I=I.replace(E.re,
|
|
8
|
+
document.documentElement.style.colorScheme = theme;`}}),o]})},Qo=(o,s)=>{if(qs)return;let e;try{e=localStorage.getItem(o)||void 0;}catch{}return e||s};var or=({ref:o,...s})=>{let{index:e,id:t,title:r,message:n,transition:p,curve:a,speed:u,type:l,action:i,actionPosition:f,spinner:m,loadingMessage:d,variant:y,onClose:v,onShow:b,onHide:T,...w}=s,g=useMemo(()=>uuid(12),[]),[P,I]=useState(r||""),[R,C]=useState(n||""),[E,_]=useState(l||Be.Dialog),[L,Z]=useState(false),[k,W]=useState(true),[D,q]=useState(i||null),[S,A]=useState(false),{variant:V}=pt(),K=y||V||U.Small,{style:O,className:z,rest:Y}=N(w),te=useRef(null),J=_e({when:L,duration:u||.3,delay:.1,transition:p||G.SlideInBottom,curve:a||F.EaseInOut});return useEffect(()=>{_(Be.Dialog),C(n),I(P),D&&q(D.reduce((ne,ie)=>(ne.push({...ie,key:ie.key||uuid(12)}),ne),[])),Z(true),setTimeout(()=>b?b():()=>{},1e3);},[]),jsxs(Fragment$1,{children:[jsx(Ne,{when:L}),jsxs(c,{as:`--dialog --${(l??Be.Default).toLowerCase()} ${L?"--visible":""} ${z} fixed abc`.trim(),style:J.style,...Y,ref:te,children:[jsx(Re,{when:S,spinner:m,message:d}),jsx(zo,{title:P,onClose:()=>{Z(false),v(t);}}),jsx(Fo,{message:R,render:k,action:D}),D&&jsx(Ko,{variant:K,action:D,dialogID:g,actionPosition:f})]})]})};or.displayName="Zuz.Dialog";var Ht=or;var Vt=createContext(null),aa=forwardRef((o,s)=>{let[e,t]=useState([]),r=useRef(0),n=()=>++r.current;useImperativeHandle(s,()=>({add(a){let u=n(),l={id:u,...a};return t(i=>[l,...i.slice(0,4)]),u},remove(a){t(u=>u.filter(l=>l.id!==a));},clear(){t([]);}}));let p=a=>{setTimeout(()=>t(u=>u.filter(l=>l.id!==a)),1e3);};return jsx(c,{as:"--dialog-wrapper rel",children:e.map((a,u)=>jsx(Ht,{onClose:p,index:u,...a},`sheet-${a.id}`))})}),ia=forwardRef(({children:o,fx:s},e)=>{let t=useRef(null),r=useMemo(()=>({add:n=>t.current?.add(n),remove:n=>t.current?.remove(n),clear:()=>t.current?.clear(),fx:s||{curve:F.EaseInOut,duration:.4}}),[t.current]);return jsxs(Vt.Provider,{value:r,children:[o,jsx(aa,{ref:t})]})}),la=ia;var pa=()=>{let o=useContext(Vt);if(!o)throw new Error("useDialog must be used inside <DialogProvider>");let s=(n,p)=>o.add({...p,type:n});return {clearAll:()=>o.clear(),show:n=>s(Be.Dialog,n),hide:n=>o.remove(n)}},ua=pa;var $t=(n=>(n.Default="default",n.Success="success",n.Error="error",n.Warn="warn",n.Promise="promise",n))($t||{}),sr={success:"Action Successful",error:"Something Went Wrong",warn:"Heads Up",default:"Notice"};var da=({index:o,id:s,type:e,icon:t,title:r,message:n,duration:p})=>{let a=useDelayed(),u=useDelayed(((p||4)-1)*1e3),l=useContext(Ke);return jsxs(c,{as:`--snack --${e} --snack-${s} ${o>2?"--snacked":""} flex aic`,fx:{from:{left:"50%",x:"-50%",top:-100,scale:1,opacity:.5},to:{left:"50%",x:"-50%",top:25,scale:1,opacity:1},curve:l?.fx.curve,duration:l?.fx.duration,when:a&&!u},children:[jsx(c,{as:"--ico flex aic jcc",fx:{transition:G.ScaleIn,curve:F.Spring,delay:.2,when:a&&!u},children:t?jsx(X,{name:t,fx:{transition:G.ScaleIn,curve:F.Spring,delay:.4,duration:.5,when:a&&!u}}):jsx(c,{as:"--no-icon",fx:{transition:G.ScaleIn,curve:F.Spring,delay:.4,duration:.5,when:a&&!u}})}),jsxs(c,{as:"--meta",children:[jsx(H,{as:"--tt",fx:{transition:G.SlideInTop,curve:F.Spring,delay:.3,when:a},children:r||sr[e]}),jsx(H,{as:"--tm",fx:{transition:G.SlideInTop,curve:F.Spring,delay:.4,duration:.5,when:a},children:n})]})]})},lr=da;var Ke=createContext(null),ba=forwardRef((o,s)=>{let[e,t]=useState([]),r=useRef(0),n=()=>++r.current;return useImperativeHandle(s,()=>({add(p){let a=n(),u={id:a,...p};return t(l=>[u,...l.slice(0,4)]),p.duration!==1/0&&p.type!="promise"&&setTimeout(()=>this.remove(a),((p.duration??4)+1)*1e3),a},remove(p){t(a=>a.filter(u=>u.id!==p));},clear(){t([]);}})),jsx(c,{as:"--toast-wrapper rel",children:e.map((p,a)=>jsx(lr,{index:a,...p},`toast-${p.id}`))})}),va=forwardRef(({children:o,fx:s},e)=>{let t=useRef(null),r=useMemo(()=>({add:n=>t.current?.add(n),remove:n=>t.current?.remove(n),clear:()=>t.current?.clear(),fx:s||{curve:F.EaseInOut,duration:.4}}),[t.current]);return jsxs(Ke.Provider,{value:r,children:[o,jsx(ba,{ref:t})]})}),wa=va;var Ta=()=>{let o=useContext(Ke);if(!o)throw new Error("useToast must be used inside <ToastProvider>");let s=(l,i)=>o.add({...i,type:l});return {show:(l,i,f,m)=>s("default",{title:l,message:i,icon:f,duration:m}),hide:l=>o.remove(l),success:(l,i,f,m)=>s("success",{title:l,message:i,icon:f,duration:m}),error:(l,i,f,m)=>s("error",{title:l,message:i,icon:f,duration:m}),warn:(l,i,f,m)=>s("warn",{title:l,message:i,icon:f,duration:m}),promise:(l,i,f,m)=>s("promise",{title:l,message:i,icon:f,duration:m}),clearAll:()=>o.clear()}},zt=Ta;var Na=o=>{let s=(t,r)=>{t.preventDefault(),t.stopPropagation(),setTimeout(()=>{o.current?.show(t,r);},0);},e=t=>{o.current?.hide(t);};return useEffect(()=>(document.addEventListener("click",e),()=>{document.removeEventListener("click",e);}),[o]),{show:s,hide:e}},Ra=Na;var pr=({ref:o,style:s,...e})=>{let t=useRef(null),r=useMemo(()=>o&&typeof o!="function"&&o.current?o:t,[o]),{style:n,className:p,rest:a}=N(e,r);return jsx("div",{ref:o||t,style:{...n,...s||{}},className:p,...a})};pr.displayName="Zuz.Box";var c=pr;var fr=forwardRef((o,s)=>{let{title:e,message:t,...r}=o,[n,p]=useState(false);return jsxs(c,{className:"--accordion flex cols",...r,children:[jsxs($,{onClick:a=>p(!n),className:`--toggle flex aic ${n?"--open":""}`.trim(),children:[jsx(H,{className:"--label flex",children:e}),jsx(c,{className:"--arrow flex",children:n?M.arrowUp:M.arrowDown})]}),n&&jsx(c,{className:"--detail",children:t})]})});fr.displayName="Zuz.Accordion";var Ma=fr;var Da=({label:o,icon:s,onClick:e,idx:t,selected:r})=>jsx($,{onClick:e,onMouseMove:n=>document.documentElement.style.setProperty("--tip-m",`${t}`),className:`--action ${r?"--selected":""} aic jcc rel`.trim(),children:typeof s=="string"?jsx(X,{name:s}):s}),gr=Da;var hr=forwardRef((o,s)=>{let{items:e,name:t,selected:r,position:n,...p}=o,a=useRef(null),[u,l]=useState(r||e[0].tag||0),i=useCallback(({x:b,y:T})=>{if(a.current){let w=a.current.getBoundingClientRect();document.documentElement.style.setProperty("--tip-x",`${b-w.left}`),document.documentElement.style.setProperty("--tip-y",`${T-w.top}`),document.documentElement.style.setProperty("--tip-s","1");}},[]),f=useCallback(()=>{a.current&&(a.current.removeEventListener("pointerleave",f),a.current.removeEventListener("pointermove",i),document.documentElement.style.setProperty("--tip-s","0"));},[]),m=useCallback(()=>{a.current&&(a.current.addEventListener("pointerleave",f),a.current.addEventListener("pointermove",i));},[]);useEffect(()=>{a.current&&(document.documentElement.style.setProperty("--tip-w",e.reduce((b,T)=>T.label.length>b.length?T.label:b,"").length.toString()),document.documentElement.style.setProperty("--tip-s","0"),document.documentElement.style.setProperty("--tip-l",`${e.length}`),a.current?.addEventListener("pointerenter",m));},[]);let{className:d,style:y,rest:v}=N(p);return jsxs(c,{ref:a,style:y,className:[`--actionbar flex aic ${d}`,`${!n||n==ee.Auto?"rel":`--${n}`}`].join(" ").trim(),...v,children:[e.map((b,T)=>jsx(gr,{selected:u===b.tag||r==T,...b,idx:T},`actionbar-action-${b.label.toLowerCase().replace(/\s+/g,"-")}`)),jsx(c,{className:"--tip abs",children:jsx(c,{className:"--track flex aic",children:e.map(({label:b})=>jsx(c,{className:"--lb",children:b},`tool-tip-${b.toLowerCase().replace(/\s+/g,"-")}`))})})]})});hr.displayName="Zuz.ActionBar";var $a=hr;var yr=forwardRef((o,s)=>{let{type:e,icon:t,title:r,message:n,iconSize:p,...a}=o,{className:u,style:l,rest:i}=N(a);return jsxs(c,{className:`--alert --${e||se.Info} flex aic ${u}`.trim(),style:l,...i,children:[jsx(c,{className:`--icon icon-${t||"auto-matic"}`,style:p?{fontSize:p,width:p,height:p}:{},children:!t&&M[e||se.Info]}),jsxs(c,{className:"--meta flex cols",children:[jsx(H,{className:`--title ${n?"--tm":""}`,children:r||"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}),n&&jsx(H,{className:"--message",h:2,children:n})]})]})});yr.displayName="Zuz.Alert";var Fa=yr;var br=({ref:o,...s})=>{let{variant:e=U.Small,numeric:t,onConfirm:r,...n}=s,{style:p,className:a,rest:u}=N(n),l=i=>{t&&(i.currentTarget.value=i.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};return jsx("input",{className:`--input --${e} flex ${a}`.trim(),style:p,onInput:l,onKeyDown:i=>{i.key=="Enter"&&r?.(i.currentTarget.value);},ref:o,...u})};br.displayName="Zuz.Input";var oe=br;var Sr=o=>{let{meta:s}=o,e=useDelayed(),{label:t,icon:r,...n}=isValidElement(s)?{}:s,{className:p,style:a,rest:u}=N({...n,...n.animate?{animate:{...n.animate,when:e}}:{}});return isValidElement(s)?jsx("li",{style:a,className:p,children:s}):jsx("li",{style:a,className:p,...u,children:typeof s=="string"?s:t})};Sr.displayName="Zuz.ListItem";var Cr=Sr;var Pr=forwardRef((o,s)=>{let{items:e,variant:t,direction:r,seperator:n,ol:p,...a}=o,{className:u,style:l,rest:i}=N(a),f=p==true?"ol":"ul";return createElement(f,{className:`--list --${t||U.Small} flex ${r??"cols"} ${u}`.trim(),style:l,ref:s,...i,children:e.map((m,d,y)=>{let v=`${typeof m=="string"?`li-${String(m)}`:isValidElement(m)?`li-${m.key}`||`${d}-${MD5(m.toString())}`:m.label}-${d}`;return jsxs(Fragment,{children:[jsx(Cr,{meta:m}),n&&y[d+1]?jsx("li",{className:"--list-seperator",children:n},`spt-${d+1}-${v}`):null]},v)})})});Pr.displayName="Zuz.List";var Ue=Pr;var Rr=forwardRef((o,s)=>{let{fx:e,action:t,data:r,withStyle:n,onChange:p,...a}=o,{className:u}=N({as:n||""}),{style:l}=N(a),[i,f]=useState(false),[m,d]=useState(r||[]),y=useRef(null),v=useRef(null),b=useRef(null),T=useMemo(()=>a.name||uuid(12),[]),[w,g]=useState(null),[P,I]=useState(null),[R,C]=useState([]),_$1=useDebounce(S=>{S.target.value==""?(f(false),d([])):t&&S.target.value.trim()!=""&&withPost(t,{query:S.target.value}).then(A=>{"items"in A&&_(A.items).isArray()?(d(A.items),I(S.target.value),C(A.items)):console.error("Action Response should contain items array"),g(null);}).catch(A=>{g(null),d([]);});},250),L=()=>{if(v.current){let S=v.current.getBoundingClientRect(),A=window.innerHeight-S.bottom,V=S.top;if(b.current){let K=b.current;A<K.offsetHeight&&V>A?(K.style.top="auto",K.style.bottom=`${S.height}px`,K.style.maxHeight=`${V-150}px`):(K.style.top=`${S.height+5}px`,K.style.bottom="auto",K.style.maxHeight=`${A-150}px`);}}},Z=S=>{if(m.length>0){if((S.key==="ArrowDown"||S.key==="ArrowUp")&&(S.preventDefault(),S.stopPropagation()),S.key==="Escape")g(null),f(false),d([]);else if(S.key==="ArrowDown")g(A=>{let V=A===null||A===m.length-1?0:A+1;return W(V),V});else if(S.key==="ArrowUp")g(A=>{let V=A===null||A===0?m.length-1:A-1;return W(V),V});else if(S.key==="Enter"&&w!==null){let A=m[w];y.current&&(y.current.value=A,f(false),d([]));}}},k=S=>{y.current&&(y.current.value=S,f(false),d([]));},W=S=>{let A=m[S];if(A&&y.current&&(y.current.value=A,y.current.setSelectionRange(A.length,A.length)),b.current){let K=b.current.children[S];K&&K.scrollIntoView({block:"nearest"});}},D=S=>{v.current&&!v.current.contains(S.target)&&(f(false),d([]));},q=()=>{y.current&&y.current.value===P&&(d(R),g(null),L());};return useEffect(()=>(window.addEventListener("resize",L),window.addEventListener("scroll",L,true),document.addEventListener("mousedown",D),()=>{window.removeEventListener("resize",L),window.removeEventListener("scroll",L,true),document.removeEventListener("mousedown",D);}),[]),useEffect(()=>{L();},[m]),jsxs(c,{style:l,ref:v,className:`--autocomplete --${o.size||U.Small} flex aic rel ${u}`.trim(),children:[jsx(oe,{ref:y,autoComplete:"off",onChange:_$1,onKeyDown:Z,onFocus:q,...a}),jsx(c,{className:"--arrow rel flex aic jcc",children:m.length>0?M.arrowUp:M.arrowDown}),m.length>0&&jsx(Ue,{id:T,ref:b,className:"--suggestion-list flex cols abs",items:m.map((S,A)=>({label:S,onClick:V=>{V.preventDefault(),V.stopPropagation(),k(S);},className:w===A?"--current":"",animate:{transition:G.SlideInBottom,curve:F.EaseInOut,delay:clamp(.02*A,.02,.5)}}))})]})});Rr.displayName="Zuz.AutoComplete";var ni=Rr;var Ir=forwardRef((o,s)=>{let e=useRef(null),t=useMemo(()=>s&&typeof s!="function"&&s.current?s:e,[s]),{style:r,className:n,rest:p}=N(o,t);return !p.src||p.src==""?null:jsx("img",{ref:t,style:r,className:`${n} flex`,...p})});Ir.displayName="Zuz.Image";var Ge=Ir;var Er=forwardRef((o,s)=>{let{src:e,variant:t,type:r,crossOrigin:n,referrerPolicy:p,fx:a,as:u,alt:l,color:i,style:f,...m}=o,[d,y,v]=useImage(e??"",n,p),{className:b,style:T,rest:w}=N({fx:a,as:u});return useEffect(()=>{if(r==Rt.Square&&!document.getElementById("squareRadiusClipPath")){let g="http://www.w3.org/2000/svg",P=document.createElementNS(g,"svg");P.setAttribute("width","0"),P.setAttribute("height","0");let I=document.createElementNS(g,"defs"),R=document.createElementNS(g,"clipPath");R.setAttribute("id","squareRadiusClipPath"),R.setAttribute("clipPathUnits","objectBoundingBox");let C=document.createElementNS(g,"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"),R.appendChild(C),I.appendChild(R),P.appendChild(I),document.body.appendChild(P);}},[e]),jsx(c,{className:`--avatar --${t||U.Small} --${(r||Rt.Circle).toLowerCase()} rel flex aic jcc ${b}`.trim(),style:{background:i||"var(--primary)",...f,...T},...w,children:e?jsx(Ge,{src:d,crossOrigin:n,referrerPolicy:p,...m}):jsx(H,{className:"--avatar-label",children:(l?l.charAt(0):"A").toUpperCase()})})});Er.displayName="Zuz.Avatar";var fi=Er;var di=({size:o=6,type:s="idle",label:e="",loading:t=false,...r})=>{let{style:n,className:p,rest:a}=N(r);return jsxs(c,{style:{width:`${o+4}px`,height:`${o+4}px`,...n},as:`--badge rel flex aic jcc ${p}`.trim(),children:[jsx(c,{fx:{transition:G.FadeIn,curve:F.Liquid,duration:.5,when:t},as:"abs abc",children:jsx(ue,{})}),jsx(c,{style:{width:`${o}px`,height:`${o}px`},as:`--dot --${s}`})]})},gi=di;var Ei=[{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,s=o.getDay();return addDays(o,(6-s)%7||6)},getDateFormat:()=>{let o=new Date,s=o.getDay();return format(addDays(o,(6-s)%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)}],Bi=o=>{let s=new Set;return o.filter(e=>{if(e.label=="Later")return true;let t=e.getDate().toISOString().split("T")[0];return s.has(t)?false:(s.add(t),true)})},Br=forwardRef((o,s)=>{let{defaultValue:e,variant:t,onChange:r,...n}=o,{style:p,className:a,rest:u}=N(n),[l,i]=useState(e||new Date),f=startOfMonth(l),m=endOfMonth(l),d=startOfWeek(f),y=endOfWeek(m),v=useMemo(()=>eachDayOfInterval({start:d,end:y}),[d,y]),b=g=>{r?.(g),i(g);},T=()=>{i(g=>new Date(g.getFullYear(),g.getMonth()-1));},w=()=>{i(g=>new Date(g.getFullYear(),g.getMonth()+1));};return jsxs(c,{as:`--calendar flex --${t||"sm"} ${a}`,style:p,children:[jsx(c,{as:"--calendar-quick-select flex cols flex:1",children:Bi(Ei).map(g=>{let P=g.getDate();return jsxs($,{onClick:()=>b(P),as:["--calendar-quick-option flex aic gap:5"],children:[jsx(H,{as:"flex:1",children:g.label}),jsx(H,{as:"tar",children:g.getDateFormat()})]},`--dtp-option-label-${g.label}`)})}),jsxs(c,{as:"--calendar-selector flex cols flex:1",children:[jsxs(c,{as:"--calendar-head flex aic jcc gap:4",children:[jsx(H,{as:"flex:1 --calendar-cm bold",children:format(l,"MMMM yyyy")}),jsx($,{onClick:T,as:"--calendar-chevron",children:M.chevronUpOutline}),jsx($,{onClick:w,as:"--calendar-chevron",children:M.chevronDownOutline})]}),jsxs(c,{as:"--calendar-days gap:4",children:[["Su","Mo","Tu","We","Th","Fr","Sa"].map(g=>jsx(H,{as:"--calendar-day",children:g},`--calendar-hd-${g}`)),v.map((g,P)=>{let I=isSameMonth(g,l),R=isSameDay(g,l),C=isToday(g);return jsx($,{disabled:!I,onClick:()=>b(g),as:["--calendar-day --calendar-dd",`${R?"--calendar-dd-selected":""}`,`${C?"--calendar-dd-current":""}`],children:format(g,"d")},`--calendar-day-${P}-${g.getFullYear()}-${g.getMonth()}-${g.getDay()}`)})]})]})]})});Br.displayName="Zuz.Calendar";var Xt=Br;var Lr=(s=>(s.Line="line",s))(Lr||{});var Dr=forwardRef((o,s)=>{let{data:e,width:t,height:r,lineColor:n,strokeWidth:p=2,gradientStartColor:a,gradientEndColor:u,animated:l,animDuration:i=2,animDelay:f=0,padding:m=0,type:d,...y}=o,{className:v,style:b,rest:T}=N(y),w=useRef(null),g=useResizeObserver(w.current?.parentElement||w),P=typeof t=="number"?t:g.width,I=typeof r=="number"?r:g.height,R={width:P,height:I},C=useId(),{pathD:E,areaPathD:_}=useLineChart(e,R,m+(p||2)),L=useRef(null),Z=useRef(null),[k,W]=useState(0),[D,q]=useState(0);return useEffect(()=>{l&&(L.current&&W(L.current.getTotalLength()),Z.current&&q(Z.current.getTotalLength()));},[l,E,_,P,I]),jsx(c,{ref:w,as:`--chart --${d||"line"}-chart ${v}`.trim(),style:{...b,width:t,height:r},...T,children:P>0&&I>0&&jsxs("svg",{viewBox:`0 0 ${P} ${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:a}),jsx("stop",{offset:"100%",stopColor:u})]})}),jsx("path",{ref:Z,d:_,fill:`url(#${C})`,stroke:"none",style:l?{strokeDasharray:D,strokeDashoffset:D}:{},children:l&&jsx("animate",{attributeName:"stroke-dashoffset",from:D,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})}),jsx("path",{ref:L,d:E,fill:"none",stroke:n,strokeWidth:p,strokeLinecap:"round",strokeLinejoin:"round",style:l?{strokeDasharray:k,strokeDashoffset:k}:{},children:l&&jsx("animate",{attributeName:"stroke-dashoffset",from:k,to:"0",dur:`${i||2}s`,begin:`${f||0}s`,fill:"freeze"})})]})})});Dr.displayName="Zuz.Chart";var Hi=Dr;var Or=(r=>(r[r.Sending=0]="Sending",r[r.Sent=1]="Sent",r[r.Delivered=2]="Delivered",r[r.Read=3]="Read",r))(Or||{}),Hr=(l=>(l.Image="img",l.Video="vid",l.Audio="audio",l.Link="link",l.Document="doc",l.Location="loc",l.Contact="contact",l.Event="event",l.Poll="poll",l))(Hr||{});var Vr=forwardRef((o,s)=>{let{progress:e,type:t,animated:r,...n}=o,p=useRef(null);useImperativeHandle(s,()=>({setProgress:i=>{p.current.style.width=`${i*100}%`;}}),[]),useEffect(()=>{e&&p.current&&(r?setTimeout(()=>p.current.style.width=`${e*100}%`,500):p.current.style.width=`${e*100}%`);},[e,p.current]);let{className:a,style:u,rest:l}=N(n);return jsx(c,{className:`--progress ${r?"--animated":""} flex rel ${a}`.trim(),style:u,...l,children:jsx(c,{ref:p,className:"--bar rel"})})});Vr.displayName="Zuz.ProgressBar";var Qt=Vr;var $r=forwardRef((o,s)=>{let{text:e,media:t,side:r="me",status:n=1,timeStamp:p=Date.now(),arrow:a=true,...u}=o,{className:l,style:i,rest:f}=N(u);return jsx(c,{className:`--bubble-wrapper flex --bw-${r}`.trim(),children:jsxs(c,{className:`--bubble --bubble-${r} ${t?`--with-media --bma-${t.type}`:""} rel flex cols ${a==true?"--b-arrow":""} ${l}`.trim(),style:{...i},...f,children:[e&&jsx(H,{className:"--bubble-text",children:e}),t?t.type=="audio"?jsxs(c,{as:"flex aic --bubble-audio",children:[jsx(j,{className:"--bm-action",children:M.play}),jsx(Qt,{progress:.7}),jsx(H,{className:"--bm-dur",children:t.duration??"00:13"})]}):t.type=="img"?jsx(c,{as:"--bubble-image",children:jsx(Ge,{src:t.source})}):null:null,jsxs(c,{as:"flex aie jce --bubble-stats",children:[jsx(H,{className:"--bubble-stamp tar",children:timeSince(p)}),r=="me"&&jsx(j,{className:`--bubble-status --bs-${n}`,children:n==0?M.pending:n==1?M.done:n==2?M.doneAll:M.doneAll})]})]})})});$r.displayName="Zuz.Bubble";var Zi=$r;var _r=forwardRef((o,s)=>{let{style:e,className:t,rest:r}=N(o);return jsx("label",{ref:s,style:e,className:t,...r})});_r.displayName="Zuz.Label";var Xe=_r;var zr=forwardRef((o,s)=>{let{name:e,required:t,type:r,value:n,size:p,variant:a,checked:u,onSwitch:l,...i}=o,[f,m]=useState(u||false),d=useRef(null);return useImperativeHandle(s,()=>({setChecked(y,v=true){m(y),d.current&&(d.current.checked=y),v&&l&&l(y,n||"cb");},toggle(y=true){d.current&&(d.current.checked=!f),y&&l&&l&&l(!f,n||"cb"),m(!f);}})),jsxs(Xe,{className:`--${(r||he.Default).toLowerCase()} ${!r||r==he.Default?"--checkbox":"--switch"} --${a||p||U.Default} flex aic jcc ${f?"is-checked":""} rel`.trim(),...i,children:[(!r||r==he.Default)&&M.check,jsx(oe,{ref:d,defaultChecked:f,value:n||"cb",type:"checkbox",className:"abs",name:e,required:t||false,onChange:y=>{l&&l(y.target.checked,n||"cb"),m(y.target.checked);}})]})});zr.displayName="Zuz.CheckBox";var Ye=zr;var ji=({ref:o,...s})=>{let{code:e,lang:t="tsx",showLines:r=false,highlight:n="",as:p,fx:a,...u}=s,l=useRef(null),{className:i,style:f,rest:m}=N({as:`rel p:20 br:8 bg:shade-1 overflow:auto font:mono ${p}`,fx:a},l),d=useMemo(()=>{let v=new Set;return n.split(",").forEach(b=>{if(b.includes("-")){let[T,w]=b.split("-").map(Number);for(let g=T;g<=w;g++)v.add(g);}else b&&v.add(Number(b));}),v},[n]),y=useMemo(()=>{let v=e.split(`
|
|
9
|
+
`);for(;v.length>0&&v[0].trim()==="";)v.shift();for(;v.length>0&&v[v.length-1].trim()==="";)v.pop();let b=v[0]?.match(/^\s*/)?.[0].length||0,T=v.map(g=>{let P=g.match(/^\s*/)?.[0].length||0,I=Math.min(P,b);return g.slice(I)}),w=[{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 T.map((g,P)=>{let I=g.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"),R=d.has(P+1),C=[];w.forEach(E=>{I=I.replace(E.re,_=>{let L=`ZUZ_ID_${C.length}_ZUZ`;return C.push(`<span class="--token-${E.name}">${_}</span>`),L});});for(let E=C.length-1;E>=0;E--)I=I.replace(`ZUZ_ID_${E}_ZUZ`,C[E]);return `<div class="--code-line ${r==true?"--with-ln":""} ${R?"--is-highlighted":""}">
|
|
10
10
|
${r==true?`<span class="--line-number">${P+1}</span>`:""}
|
|
11
11
|
<span class="--line-content">${I||" "}</span>
|
|
12
|
-
</div>`}).join("")},[e,d]);return jsx(m,{as:`--code-block ${i}`,style:f,...u,children:jsx("pre",{ref:o,children:jsx("code",{className:`--code --lang-${t}`,dangerouslySetInnerHTML:{__html:y}})})})},ol=tl;var Kr=({onSelect:o,meta:n,selected:e})=>{let t=useRef(null),{index:r,icon:s,label:p}=n,[a,u]=useState({x:0,width:0}),c=useDelayed();return useLayoutEffect(()=>{if(c&&t.current){let{width:i,x:f}=t.current.getBoundingClientRect();u({x:f,width:i}),e&&o(r,i,f,n,true);}},[c,t.current]),useEffect(()=>{e&&o(r,a.width,a.x,n,false);},[e]),jsxs($,{onClick:()=>o(r,a.width,a.x,n,false),ref:t,className:`--segment-item flex aic rel ${e?"--segment-active":""}`.trim(),children:[s?typeof s=="string"?jsx(X,{name:s,as:"--segment-icon"}):jsx(m,{as:"--segment-icon flex aic jcc",children:s}):null,p&&String(p).trim()!=""&&jsx(m,{className:"--segment-label",children:p||`Item ${r}`})]})};Kr.displayName="SelectTabItem";var Ur=Kr;var Gr=forwardRef((o,n)=>{let{fx:e,items:t,selected:r,variant:s,onSwitch:p,...a}=o,[u,c]=useState(r||0),i=useRef(false),f=useRef(u),{className:l,style:d,rest:y}=N(a),v=useRef(null),b=useRef(null),T=(w,g,P,I,R)=>{if((R||u!=w&&u!=-2)&&(c(w),f.current=u,i.current&&p?.(I)),v.current){let C=b.current?.getBoundingClientRect();v.current.style.setProperty("--w",`${g}px`),v.current.style.setProperty("--x",`${C?P-C.left:P}px`);}};return useImperativeHandle(n,()=>({setSelected:w=>{typeof w=="number"&&w!=u&&c(w);}}),[u]),useEffect(()=>{i.current=true;},[]),jsxs(m,{ref:b,"data-selected":u,className:`${l} --segmented --${s||U.Small} flex aic rel`,style:d,...y,children:[jsx(m,{ref:v,className:"--segment-tab abs"}),t.map((w,g)=>jsx(Ur,{onSelect:T,selected:u==g,meta:{...w,index:g}},`segment-${w.label}-${g}`))]})});Gr.displayName="Zuz.SelectTabs";var je=Gr;var Yr=forwardRef((o,n)=>{let{type:e,...t}=o,r=useDelayed(),{colorScheme:s,setColorScheme:p}=Dt(),a=useCallback(()=>{p(s=="dark"?"light":s=="light"?"system":"dark");},[s]),{className:u,style:c}=N(t),i=useMemo(()=>e=="system"?[{tag:"light",index:0,label:"",icon:M.colorSchemeLight},{tag:"system",index:1,label:"",icon:M.colorSchemeSystem},{tag:"dark",index:2,label:"",icon:M.colorSchemeDark}]:[{tag:"light",index:0,label:"",icon:M.colorSchemeLight},{tag:"dark",index:2,label:"",icon:M.colorSchemeDark}],[]),f=useMemo(()=>["light","system","dark"].indexOf(s),[s]);return !r||f==-1?null:e=="system"||e=="switch"?jsx(je,{className:`--color-scheme --${e}`,onSwitch:({tag:l})=>{p(l);},selected:f,items:i,...t}):jsx($,{onClick:a,style:c,as:`--color-scheme-switch --${t.variant||U.Small} ${u}`.trim(),children:s=="system"?M.colorSchemeSystem:s=="light"?M.colorSchemeLight:M.colorSchemeDark})});Yr.displayName="Zuz.ColorScheme";var xl=Yr;var yl=o=>{let{label:n,labelColor:e,icon:t,iconColor:r,index:s,className:p,onSelect:a}=o;return n=="-"?jsx(m,{className:"--line"}):jsxs($,{reset:true,onClick:u=>a(),className:`--item ${p||""}`.trim(),children:[jsx(m,{as:"--icon",children:jsx(X,{name:t,className:"--ico",style:r?{color:r}:{}})}),jsx(H,{className:"--lbl flex aic",style:e?{color:e}:{},children:n})]})},jr=yl;var en=forwardRef((o,n)=>{let{as:e,offsetX:t,offsetY:r,parent:s,items:p,header:a,footer:u,...c}=o,{className:i,style:f,rest:l}=N(c),d=useRef(void 0),[y,v]=useState(false),[b,T]=useState(p||[]),{position:w,targetRef:g}=useAnchorPosition(s,d.current,{offsetX:t,offsetY:r});return useImperativeHandle(n,()=>({show:(P,I)=>{s||(d.current=P),I&&T(I),v(true);},hide:P=>v(false)})),jsxs(m,{className:`--contextmenu abs flex cols ${i}`.trim(),"aria-hidden":!y,style:{...f,top:w.top,left:w.left},fx:{from:{opacity:0,y:20},to:{opacity:1,y:0},curve:F.EaseInOut,duration:.05,when:y},ref:g,...l,children:[typeof a=="function"?createElement(a):a,b.map((P,I)=>jsx(jr,{...P,index:I},`context-${P.label.toLowerCase()}-${I}`)),typeof u=="function"?createElement(u):u]})});en.displayName="Zuz.ContextMenu";var Tl=en;var on=forwardRef((o,n)=>{let[e,t]=useState("wait"),{title:r,message:s,acceptLabel:p,rejectLabel:a,position:u}=o,c=async i=>{t(i==1?"accepted":"rejected"),localStorage.setItem("--ccnt",String(i));};return useEffect(()=>{let i=localStorage.getItem("--ccnt");t(i?i=="1"?"accepted":"rejected":"pending");},[]),jsxs(m,{fx:{from:{x:-1e3},to:{x:0},when:e=="pending",curve:F.EaseInOut,duration:.5,delay:e=="accepted"?0:3},as:`--cookie-consent --${e} --${u||ee.Left} flex cols`,children:[jsx(H,{as:"--title",children:r||"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(m,{as:"--footer flex aic",children:[jsx($,{onClick:i=>c(1),as:"--accept",children:p||"Accept All"}),jsx($,{onClick:i=>c(0),as:"--reject",children:a||"Cancel"})]})]})});on.displayName="Zuz.CookiesConsent";var Bl=on;var sn=forwardRef((o,n)=>{let {type:e,value:t,min:r,max:s,step:p,onChange:a,roundValue:u,...c}=o,{className:i,style:f,rest:l}=N(c),d=useRef(p||.01).current,y=useRef(r||0).current,v=useRef(s||1).current,b=useRef(t||0).current,T=useRef(null),w=useRef(null),g=useRef(null);useRef(null);let I=useRef(null),R=useRef(null),C=(V,K,O)=>(V-K)/(O-K)*100,E=V=>{if(w.current){let K=parseFloat(V.currentTarget.value),O=C(K,parseFloat(V.currentTarget.min),parseFloat(V.currentTarget.max));w.current.style.setProperty("--value",`${O}`),w.current.setAttribute("data-value",`${K}`),a&&a(u?+K.toFixed(2):K);}},[z,L]=useState(false),[Z,k]=useState(0),[W,D]=useState(0),q=V=>{L(true),k(V.clientX),D(w.current?parseFloat(w.current.getAttribute("data-value")):0),document.body.style.cursor="ew-resize";},S=V=>{if(z){let K=V.clientX-Z,O=Math.max(y,Math.min(W+K*d,v));w.current&&(w.current.setAttribute("data-value",`${O}`),R.current.textContent=u?O.toFixed(2):O.toString(),a&&a(u?+O.toFixed(2):O));}},A=()=>{L(false),document.body.style.cursor="auto";};return useEffect(()=>{w.current&&w.current.style.setProperty("--value",T.current?`${C(parseFloat(T.current.value),parseFloat(T.current.min),parseFloat(T.current.max))}`:b.toString());},[]),useEffect(()=>(z?(document.addEventListener("mousemove",S),document.addEventListener("mouseup",A)):(document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",A)),()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",A);}),[z]),jsx(m,{ref:w,"data-value":b||0,className:`--slider --${e||it.Default} flex rel ${i}`.trim(),style:{...f},children:it.Text===e?jsx(Fragment$1,{children:jsx(H,{ref:R,onMouseDown:q,className:"--slider-text",children:b||0})}):jsxs(Fragment$1,{children:[jsx(m,{ref:I,className:"--slider-track abs fill"}),jsx(m,{ref:g,className:"--slider-knob abs"}),jsx(oe,{ref:T,onInput:E,className:"abs fill",tabIndex:0,type:e||it.Default,defaultValue:b||0,step:d,max:v,min:y})]})})});sn.displayName="Zuz.Slider";var to=sn;var ln=forwardRef((o,n)=>{let{src:e,shape:t,size:r,...s}=o,{style:p,className:a,rest:u}=N(s),{canvasRef:c,crop:i,setScale:f,handleMouseDown:l,handleMouseUp:d,handleMouseMove:y}=useImageCropper(e,r||200,t||CropShape.Circle);return useImperativeHandle(n,()=>({getCropped(){return i()},setScale(v){f(v);}})),jsxs(m,{as:`--cropper --${t||CropShape.Circle} ${a}`,style:p,...u,children:[jsx("canvas",{ref:c,width:r||200,height:r||200,onMouseDown:l,onMouseUp:d,onMouseLeave:d,onMouseMove:y}),jsx(m,{as:"--cropper-slider",children:jsx(to,{onChange:v=>f(v),min:0,max:1,step:.01,value:1})})]})});ln.displayName="Zuz.Cropper";var Hl=ln;var Vl=(e=>(e.Circle="circle",e.Square="square",e))(Vl||{});var cn=forwardRef((o,n)=>{let{items:e,maxItems:t}=o,r=useMemo(()=>{let a=typeof e=="string",u=a?[]:e;return a&&e.split(",").forEach(c=>{u.push({label:c});}),u},[e]),p=useMemo(()=>t&&t>0&&r.length>t-1,[r,t])?[...r.slice(0,2),{ID:".",label:"...",icon:"ellipsis",action:()=>{}},...r.slice(-t)]:r;return jsx(Ue,{ref:n,className:"--crumb flex aic",direction:"rows",seperator:jsx(m,{as:"--crumb-chevron",children:M.chevronRightOutline}),items:p.map((a,u,c)=>a.ID=="."?jsx(m,{as:"flex aic gap:3",children:Array(3).fill(null).map(()=>jsx(m,{as:"w:4 h:4 bg:$text r:10"},`--crumb-placeholder-${u}`))}):jsxs($,{onClick:()=>a.action?.(),className:"--crumb-item",disabled:!c[u+1],children:[a.icon&&jsx(X,{as:"--crumb-icon",name:a.icon}),jsx(H,{as:"--crumb-label",children:a.label})]},`${a.label.replace(/\s+/g,"-").toLowerCase()}-${u}`))})});cn.displayName="Zuz.Crumb";var zl=cn;var fn=forwardRef((o,n)=>{let{icon:e,defaultValue:t,value:r,size:s,variant:p,numeric:a,type:u,onConfirm:c,...i}=o,[f,l]=useState(false),[d,y]=useState(t||null),{style:v,className:b,rest:T}=N(i),w=useRef(null),g=useRef(null),{reposition:P}=_e(g,{direction:ee.Bottom,offset:2}),I=C=>{a&&(C.currentTarget.value=C.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};useEffect(()=>{let C=E=>{let z=E.target,L=w.current?.contains(z),Z=g.current?.contains(z);!L&&!Z&&l(false);};return f&&document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C);}},[f]),useEffect(()=>{let C=E=>{E.key==="Escape"&&f&&(l(false),w.current?.focus());};return document.addEventListener("keydown",C),()=>document.removeEventListener("keydown",C)},[f]);let R=()=>{l(true);};return useEffect(()=>{f&&P();},[f,P]),jsx(Fragment$1,{children:jsxs(m,{as:`--date-picker ${p?`--${p}`:""} rel flex aic ${b}`,"data-value":d?d.toISOString():"",children:[e?typeof e=="string"?jsx(X,{as:"mr:10 c:#666",name:e}):e:jsx(J,{as:"--date-picker-icon flex aic jcc",children:M.calendar}),jsx("input",{ref:w,value:d?format(d,"EEE, MMM d YYY hh:mm a"):r||"",className:`--input ${p?`--${p}`:""} flex`.trim(),style:v,onFocus:R,onInput:I,autoComplete:"new-password",onKeyDown:C=>{C.key=="Enter"&&c?.(C.currentTarget.value);},...T}),jsx(m,{"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 ${p?`--${p}`:""}`,children:jsx(qt,{defaultValue:d,onChange:C=>{y(C),l(false);}})})]})})});fn.displayName="Zuz.DatePicker";var Kl=fn;var no=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}},Qe=new no;var yn=forwardRef((o,n)=>{let{from:e,speed:t,children:r,margin:s,animation:p,prerender:a,onClose:u,...c}=o,[i,f]=useState(a??true),[l,d]=useState(false),y=useRef(null),[v,b]=useState(r),{className:T,style:w,rest:g}=N(c),P=useMemo(()=>[{keys:[KeyCode.Escape],callback:()=>{Qe.isTop(I)&&I();}}],[l]);useShortcuts(P);let I=useCallback(()=>{d(false),u?.();},[]);useEffect(()=>{b(r);},[r]),useEffect(()=>(l?Qe.push(I):Qe.pop(I),()=>Qe.pop(I)),[l]);let R=useMemo(()=>{switch(e){case Pe.Left:return {from:{x:"-100vh"},to:{x:0}};case Pe.Right:return {from:{x:"100vh"},to:{x:0}};case Pe.Top:return {from:{y:"-100vh"},to:{y:0}};case Pe.Bottom:return {from:{y:"100vh"},to:{y:0}};default:return {from:{x:"-100vh"},to:{x:0}}}},[]);return useImperativeHandle(n,()=>({open(C){C&&b(C),d(true);},close(){I();}})),jsxs(Fragment$1,{children:[jsx(Ne,{onClick:C=>{l&&I();},when:l}),jsxs(m,{ref:y,style:{...w,"--m":`${s||0}px`},"aria-hidden":!l,className:`--drawer flex cols ${T} --${e?e.toLowerCase():"left"} fixed`,fx:{from:{...R.from,opacity:0},to:{...R.to,opacity:1},when:l,curve:p||F.EaseInOut,duration:t||.5},...g,children:[e==Pe.Top||e==Pe.Bottom?jsx(m,{className:"--handle"}):null,i||l?v:null]})]})});yn.displayName="Zuz.Drawer";var Jl=yn;var bn=forwardRef((o,n)=>{let{icon:e,variant:t,position:r}=o;return jsx($,{className:`--fab fixed --${t||U.Large} --${r||"bottomright"}`,children:e||M.plus})});bn.displayName="Zuz.Fab";var om=bn;var vn=o=>{let{names:n,strength:e}=o,t={[lt.Gooey]:r=>jsxs("filter",{id:"gooey",children:[jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:r||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-${lt.Gooey}`)};return useEffect(()=>{},[n]),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:jsx("defs",{children:(n||[lt.Gooey]).map(r=>t[r](e))})})};vn.displayName="Zuz.Filters";var sm=vn;var Se=null,re=null,Sn=forwardRef((o,n)=>{let{title:e,message:t,transition:r,curve:s,speed:p,type:a,actionPosition:u,spinner:c,loadingMessage:i,onShow:f,onHide:l,...d}=o,{className:y,style:v,rest:b}=N(d),[T,w]=useState(e||""),[g,P]=useState(t||""),[I,R]=useState(null),[C,E]=useState(a||ae.Default),z=useMemo(()=>uuid(12),[]),[L,Z]=useState(false),k=useRef(null),W=useRef(null),[D,q]=useState(false),[S,A]=useState(true),V=useRef(null),K=g;useImperativeHandle(n,()=>({setLoading(_){q(_);},showDialog(_,Y,te,Q){Se&&(clearTimeout(Se),re&&clearTimeout(re),k.current.classList.remove("--wobble"),setTimeout(()=>k.current.classList.add("--wobble"),50),re=setTimeout(()=>{k.current.classList.remove("--wobble"),re=null;},500)),E(ae.Dialog),Y&&P(Y),_&&w(_),te&&R(te.reduce((ne,ie)=>(ne.push({...ie,key:ie.key||uuid(12)}),ne),[])),Z(true),setTimeout(()=>Q?Q():()=>{},1e3);},dialog(_,Y,te,Q){Se&&(clearTimeout(Se),re&&clearTimeout(re),k.current.classList.remove("--wobble"),setTimeout(()=>k.current.classList.add("--wobble"),50),re=setTimeout(()=>{k.current.classList.remove("--wobble"),re=null;},500)),E(ae.Dialog),P(Y),w(_),te&&R(te.reduce((ne,ie)=>(ne.push({...ie,key:ie.key||uuid(12)}),ne),[])),Z(true),setTimeout(()=>Q?Q():()=>{},1e3);},error(_,Y){this.show(_,Y,ae.Error);},warn(_,Y){this.show(_,Y,ae.Warn);},success(_,Y){this.show(_,Y,ae.Success);},show(_,Y,te){Se&&(clearTimeout(Se),re&&clearTimeout(re),W.current=k.current.style.transform,k.current.style.transform="",k.current.classList.remove("--wobble"),setTimeout(()=>{k.current.classList.add("--wobble"),k.current.style.transform=`${W.current} scale(.9)`.trim();},50),re=setTimeout(()=>{k.current.classList.remove("--wobble"),k.current.style.transform=W.current||"",re=null;},500)),Se=setTimeout(()=>{Z(false),Se=null,re=null;},(Y||4)*1e3),E(te||ae.Default),P(_),Z(true),f?.();},hide(){Z(false),l?.();}}));let O=useMemo(()=>{let _={when:L,duration:p||.3,delay:.1};if(C==ae.Dialog){if(r){let{from:Y,to:te}=$e(r,20);return {from:Y,to:te,curve:s||F.EaseInOut,..._}}return {from:{scale:0,x:"-50%",y:"-50%",opacity:0},to:{scale:1,x:"-50%",y:"-50%",opacity:1},curve:F.Spring,..._}}else return {from:{scale:0,x:"-50%",y:"-10vh",opacity:0},to:{scale:1,x:"-50%",y:0,opacity:1},curve:F.Spring,..._}},[L,C]);return useEffect(()=>{V.current&&clearTimeout(V.current),L?A(true):V.current=setTimeout(()=>A(false),1e3);},[L]),C==ae.Dialog?jsxs(Fragment$1,{children:[jsx(Ne,{when:L}),jsxs(m,{className:`--sheet --sheet-${C.toLowerCase()} ${L?"is-visible":""} ${y} fixed`.trim(),style:v,fx:O,...b,ref:k,children:[jsx(Re,{when:D,spinner:c,message:i}),jsxs(m,{className:"--head flex aic rel",children:[jsx(m,{className:`--${T?"title":"dot"} flex aic rel`,children:T||""}),jsx($,{onClick:_=>Z(false),className:"--closer abs",children:"\xD7"})]}),jsx(m,{className:`--body flex aic rel ${I?"":"--no-action"}`.trim(),children:S?K:null}),I&&jsx(m,{className:`--footer flex aic rel ${u?u==It.Center?"jcc":"":"jce"}`.trim(),children:I.map((_,Y)=>jsx($,{onClick:te=>_.handler?_.handler():_.onClick?_.onClick():console.log("onClick Handler missing"),className:"--action",children:_.label},`sheet-${z}-action-${_.key}`))})]})]}):jsx(m,{className:`--sheet --sheet-${C.toLowerCase()} ${y} abs`.trim(),style:v,...b,fx:O,ref:k,children:L?g:null})}),et=o=>typeof o=="object"&&o!=null&&"setLoading"in o&&"success"in o&&"error"in o;Sn.displayName="Zuz.Sheet";var cm=Sn;var Cn=forwardRef((o,n)=>{let{name:e,cover:t,spinner:r,errors:s,action:p,children:a,withData:u,beforeSubmit:c,onSubmit:i,onError:f,onSuccess:l,resetOnSuccess:d,...y}=o,{className:v,style:b,rest:T}=N(y),[w,g]=useState(false),P=useRef(null),I=useRef(null),R=useRef(null),C=zt(),E=useCallback(S=>P.current?P.current.querySelectorAll(S):[],[P.current]),z=S=>({name:S.name||S.getAttribute("name")||S.getAttribute("data-name"),required:S.required?true:S.getAttribute("data-required")?S.getAttribute("data-required")=="true":false,with:S.with||S.getAttribute("with")}),L=S=>{let A=[];return S.querySelectorAll(".--input").forEach(V=>{A.push(V.value);}),A.join("")},Z=useCallback(S=>{let{required:V}=z(S);if(V){if(S.type=="checkbox"&&S.checked==false)return false;if(S.classList.contains("--otp")){let O=L(S);if(O==""||O.length<parseInt(S.getAttribute("data-size")))return false}if(S.classList.contains("--select")&&S.querySelector("button.--selected").dataset.value=="-1"||S.value=="")return false}if(S.getAttribute("with")){let O=S.getAttribute("with");switch(O.includes("@")&&(O=O.split("@")[0],O=="match"&&(O=he.MatchField)),O.toUpperCase()){case he.IPV4:return _(S.value).isIPv4();case he.IPV6:return _(S.value).isIPv6();case he.Email:return _(S.value).isEmail();case he.Uri:try{return new URL(S.value),!0}catch{return false}case he.Password:return console.log("Add FORMVALIDATION.Password"),false;case he.MatchField:let[_$1,Y,te]=S.getAttribute("with").split("@"),Q=document.querySelector(`[name=${Y.trim()}]`);if(!Q)return false;switch(te||"direct-match"){case "if-not-empty":if(Q&&!_(Q.value).isEmpty()&&Q.value!=S.value)return false;break;case "direct-match":if(Q&&Q.classList.contains("--otp")&&S.classList.contains("--otp")&&L(Q)!=L(S))return false;if(Q&&Q.value!=S.value)return false;break}break;default:return true}}return true},[P.current]),k=useCallback(()=>{let S={},A={},V=null,K=null;if(Array.from(E("[name]")).forEach(O=>{let{name:_,required:Y,with:te}=z(O),Q=true;(Y||te)&&(Q=Z(O)),S[_]={valid:Q,value:O.type=="checkbox"?O.checked==true?O.value:false:O.classList.contains("--otp")?L(O):O.classList.contains("--select")?O.querySelector("button.--selected").dataset.value:O.value},A[_]=O.type=="checkbox"?O.checked==true:O.classList.contains("--otp")?L(O):O.classList.contains("--select")?O.querySelector("button.--selected").dataset.value:O.value,Q?O.classList.remove("input-with-error"):(V==null&&s&&(V=O,K=s[_]),O.classList.add("input-with-error"));}),V){let O=V;if(O.classList.contains("--otp"))for(let _ of Array.from(O.querySelectorAll(".--input"))){let Y=_;if(Y.value==""){Y.focus();break}}else O.focus();}return {error:V!=null,errorMsg:K||"Fix errors to continue...",data:S,payload:A}},[P.current]),W=useCallback(()=>{let{error:S,errorMsg:A,payload:V}=k();S?C.error(A):p?startTransition(async()=>{c&&c(V),et(t)?t.setLoading(true):g(true),C.clearAll(),withPost(p,{...V,...u||{}}).then(K=>{let O=K;et(t)?t.setLoading(false):g(false),d&&Array.from(E("[name]")).forEach(_=>{_ instanceof HTMLInputElement&&(_.value="");}),l?l(O):(C.clearAll(),C.success(O.message||"Redirecting..."));}).catch(K=>{et(t)?t.setLoading(false):g(false),f?f(K):C.error(K.message||"We cannot process your request at this time.");});}):i&&i(V);},[p,I.current,P.current]),D=useCallback(()=>{let S=E("[type=submit]");!S||S.length==0?console.warn("You should add at least 1 button with type=`SUBMIT`"):S.forEach(A=>{A.addEventListener("click",W);});},[P.current]),q=useMemo(()=>addPropsToChildren(a,S=>S.props.type=="submit",S=>({ref:R})),[a]);return useImperativeHandle(n,()=>({setLoading(S){if(S){I.current.hide();try{C.clearAll();}catch{}}g(S);},showError(S){typeof S=="string"?C.error(S):I.current.error(S,4);},hideError(){I.current.hide();try{C.clearAll();}catch{}},init(){D();},submit(){W();}})),useEffect(D,[]),jsxs(m,{ref:P,style:b,className:`--form flex rel ${v} ${e?`--form-${e.replace(/\s+/g,"-")}`:""}`,propsToRemove:["withData","action","onSubmit","onSuccess","onError"],children:[!et(t)&&jsx(Re,{message:t?t.message||void 0:"working",spinner:r,color:t&&"color"in t?t.color:"#ffffff",when:w}),q]})});Cn.displayName="Zuz.Form";var vm=Cn;var Tn=forwardRef((o,n)=>{let {children:e,fx:t,fxDelay:r,fxStep:s,classToIgnore:p,...a}=o,u=pt(true),c=useDelayed(),i=t||u?.group?.fx,f=r||u?.group?.fxDelay,l=s||u?.group?.fxStep;p||u?.group?.classToIgnore;let y=useMemo(()=>i?addPropsToChildren(e,v=>{if(v.type===Fragment)return false;let b=v.props||{},T="fx"in b,w=b.as?Array.isArray(b.as)?b.as.join(" "):b.as:b.className||"",g=typeof w=="string"&&w.includes(p||"--ignore");return !T&&!g},v=>({fx:{...i,delay:(f||0)+v*(l||.1),when:c}})):e,[e,c,i]);return jsx(m,{className:"--group",ref:n,...a,children:y})});Tn.displayName="Zuz.Group";var Im=Tn;var Pn=o=>typeof o=="string"&&o.includes("+"),Nn={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"},Rn={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 En=forwardRef(({children:o,keys:n,variant:e},t)=>{let r=useMemo(()=>{if(Pn(n)){let s=null;return {keys:String(n).split("+").reduce((a,u,c,i)=>(i[c+1]?a.push(u):s=u.toUpperCase(),a),[]),children:s}}return {keys:n,children:String(o).toUpperCase()}},[n]);return jsxs(m,{as:`--keyboard-keys --${e||U.Small} flex aic`,children:[(Array.isArray(r.keys)?r.keys:[r.keys]).map(s=>jsx("abbr",{title:Rn[s],children:Nn[s]},s)),jsx(J,{children:r?.children??o})]})});En.displayName="Zuz.KeyboardKeys";var co=En;var Ln=forwardRef((o,n)=>{let e=useNetworkStatus(),{onlineMessage:t,offlineMessage:r,variant:s}=o;return jsxs(m,{fx:{from:{x:"-50%",y:200,opacity:0},to:{x:"-50%",y:0,opacity:1},when:e==false,curve:F.Spring,duration:.5,delay:2},className:`--network-manager --${e==true?"online":"offline"} --${s||U.Small} fixed flex`,children:[jsx(m,{className:"--ico",children:e?M[se.Success]:M[se.Error]}),jsx(H,{as:"--message",children:e?t||"internet connection restored :)":r||"no internet connection"})]})});Ln.displayName="Zuz.NetWorkManager";var Om=Ln;var po=(e=>(e.Table="table",e.Gooey="gooey",e))(po||{});var Dn=forwardRef((o,n)=>{let{itemCount:e,itemsPerPage:t,startPage:r,pageRange:s,paginationStyle:p,breakLabel:a,prevLabel:u,nextLabel:c,hash:i,loading:f,seperator:l,renderOnZeroPageCount:d,onPageChange:y,...v}=o,b=useMemo(()=>toHash(numberInRange(4,8)),[]),T=useCallback(k=>`${toHash(k,i||6,b)}${l||""}${b}`,[b]),w=useMemo(()=>a||"...",[a]),[g,P]=useState({id:i?r?typeof r=="number"?T(r):r:1:r||1,label:r||1}),{style:I,className:R,rest:C}=N(v),E=useCallback(k=>typeof k=="number"?k:+k.label,[]);if(!e)throw new Error('"itemCount" prop is required');let z=useMemo(()=>Math.ceil(e/t),[e,t]),L=useMemo(()=>{let k=[],W=Math.max(E(g)-(s||2),1),D=Math.min(E(g)+(s||2),z);W>1&&k.push({id:i?T(1):1,label:1}),W>2&&k.push({id:-1,label:w});for(let q=W;q<=D;q++)k.push({id:i?T(q):q,label:q});return D<z-1&&k.push({id:-1,label:w}),D<z&&k.push({id:i?T(z):z,label:z}),k},[g]),Z=useCallback(k=>{let W=k;+W.label<1||+W.label>z||(P(W),y?.(W));},[e,t,g]);return L.length<=1&&(d??false)===false?null:jsxs(m,{ref:n,as:`--pagination --pgt-${p||"table"} flex aic w:100% jcc ${R}`,children:[jsx(m,{as:"flex flex:1 aic --pgt-btns",children:(L.length>1?L:[{id:1,label:1},{id:-1,label:w}]).map((k,W,D)=>jsx($,{disabled:k.id==-1||E(g)==+k.label,className:(typeof k=="string"?k:k.label)==E(g)?"--current-page":"",onClick:q=>Z(k),children:typeof k=="string"?k:k.label},`--pg-${W}-${k.id}`))}),jsx(m,{as:"flex aic jcc flex:1 --pagination-label",children:[`Showing ${(E(g)-1)*t+1} - `,`${Math.min(E(g)*t,e)} of ${e} items`].join(" ")}),jsxs(m,{as:"flex aic jce flex:1 --pgt-btns --pgt-nav",children:[jsx($,{disabled:E(g)<=1,onClick:k=>Z({id:i?T(E(g)-1):E(g)-1,label:E(g)-1}),children:M.chevronLeftOutline}),jsx($,{disabled:L.length<=1||E(g)==E(L[L.length-1]),onClick:k=>Z({id:i?T(E(g)+1):E(g)+1,label:E(g)+1}),children:M.chevronRightOutline})]})]})});Dn.displayName="Zuz.Pagination";var fo=Dn;var Hn=forwardRef((o,n)=>{let{strenthMeter:e,onChange:t,...r}=o;"type"in r&&delete r.type;let{style:s,className:p,rest:a}=N(r),[u,c]=useState(false),[i,f]=useState(""),l=useMemo(()=>checkPasswordStrength(i),[i]),d=useDebounce(y=>{e&&f(y.target.value),t&&t(y);},100);return useEffect(()=>{},[]),jsxs(m,{as:"w:100% flex cols",children:[jsxs(m,{style:s,className:"--password flex aic rel",children:[jsx(oe,{ref:n,type:u?"text":"password",className:p,onChange:d,...a}),jsx($,{tabIndex:-1,onClick:()=>c(y=>!y),className:"--toggle flex aic jcc abs",children:u?M.eye:M.eyeSlash})]}),e&&jsxs(m,{as:`flex aic --password-meter --pb-score-${l.score}`,style:s,children:[jsxs(m,{as:"--password-bars flex aic",children:[jsx(m,{as:`--pbar ${l.score>=1?"--pb-on":""}`.trim()}),jsx(m,{as:`--pbar ${l.score>=2?"--pb-on":""}`.trim()}),jsx(m,{as:`--pbar ${l.score>=3?"--pb-on":""}`.trim()}),jsx(m,{as:`--pbar ${l.score>=4?"--pb-on":""}`.trim()}),jsx(m,{as:`--pbar ${l.score>=5?"--pb-on":""}`.trim()})]}),jsx(H,{as:"--password-meter-label","aria-hidden":true,children:l.result})]})]})});Hn.displayName="Zuz.Password";var Um=Hn;var Vn=forwardRef((o,n)=>{let{size:e,length:t,mask:r,...s}=o,p=useRef([]),a="pinput",u=false,c={};"with"in s&&(c={with:s.with},delete s.with),"type"in s&&delete s.type,"name"in s&&(a=s.name,delete s.name),"required"in s&&(u=true,delete s.required);let{style:i}=N(s),f=l=>{let d=l.currentTarget,y=p.current[parseInt(d.dataset.index)+1],v=p.current[parseInt(d.dataset.index)-1];d.value.length===1&&y?y.focus():d.value.length===0&&v&&v.focus();};return useEffect(()=>{p.current=p.current.slice(0,e||t);},[e||t]),jsx(m,{name:a,style:i,className:"--otp flex aic rel","data-required":u,"data-size":e||t||4,...c,children:Array(e||t||4).fill(1).map((l,d)=>jsx(oe,{autoComplete:"new-password","data-index":d,ref:y=>{p.current[d]=y;},numeric:true,onChange:f,maxLength:1,placeholder:r?"\xB7":"0",type:r?"password":"text",...s},`pin-${d}`))})});Vn.displayName="Zuz.PinInput";var Xm=Vn;var $n=forwardRef((o,n)=>{let{children:e,className:t,name:r,required:s,type:p,value:a,size:u,checked:c,onSwitch:i,...f}=o,[l,d]=useState(c||false),y=useRef(null);return jsxs(Xe,{className:`${t} --${(p||Et.Default).toLowerCase()} --radio${!p||p==Et.Default?"":"card"} --${u||U.Default} flex aic rel`.trim(),...f,children:[jsx(oe,{ref:y,defaultChecked:l,value:a||"rd",type:"radio",className:"abs",name:r,required:s||false,onChange:v=>{i&&i(v.target.checked,a||"cb"),d(v.target.checked);}}),jsx(m,{className:"--dot rel",children:jsx(m,{className:"--rod abs abc"})}),jsx(m,{className:"--value",children:e})]})});$n.displayName="Zuz.Radio";var Jm=$n;var zn=forwardRef((o,n)=>{let{speed:e,style:t,...r}=o,{rootRef:s,containerRef:p,thumbY:a,thumbX:u,onScrollY:c,onScrollX:i}=useScrollbar(e||1),{style:f,className:l,rest:d}=N(r);return jsxs(m,{ref:s,className:l.trim(),as:"--scrollview rel",children:[jsx(m,{as:`--scroll-content ${l}`.trim(),ref:p,style:t||{},children:d.children}),jsx(m,{as:"--scroll-track --track-y --abs",children:jsx(m,{as:"--scroll-thumb --abs",ref:a,onMouseDown:c})}),jsx(m,{as:"--scroll-track --track-x --abs",children:jsx(m,{as:"--scroll-thumb --abs",ref:u,onMouseDown:i})})]})});zn.displayName="Zuz.ScrollView";var rc=zn;var _n=forwardRef((o,n)=>{let{fx:e,withStyle:t,as:r,reverse:s=false,searchIcon:p=M.search,hideSearchIcon:a=false,clearIcon:u=M.close,hideClearIcon:c=false,onChange:i,onClear:f,...l}=o,{style:d,className:y}=N({as:o.as}),[v,b]=useState(""),T=useRef(null),w=useMemo(()=>jsx($,{tabIndex:-1,onClick:I=>P(),className:"--send flex aic jcc",variant:o.variant||U.Small,children:v!==""?!c&&(typeof u=="string"?jsx(X,{name:u,as:"--search-action"}):u):!a&&(typeof p=="string"?jsx(X,{name:p,as:"--search-action"}):p)}),[s,p,c,u,a]);"type"in o&&delete o.type;let g=I=>{b(I.target.value),i?.(I.target.value);},P=I=>{v.trim()!==""&&(b(""),i?.(""),T.current&&(T.current.value="",o.onConfirm?.("")));};return useImperativeHandle(n,()=>({focus:()=>T.current?.focus(),value:()=>T.current?.value})),useEffect(()=>{},[]),jsxs(m,{style:d,className:`--search ${s?"--search-rev":""} --${o.variant||U.Small} flex aic ${typeof o.as=="string"&&o.as.includes("abs")?"":"rel"} ${y}`.trim(),children:[s&&w,jsx(oe,{ref:T,onChange:g,className:`--${o.variant||U.Small}`,...l}),o.shortcut&&jsx(co,{keys:o.shortcut,as:"abs"}),!s&&w]})});_n.displayName="Zuz.Search";var pc=_n;var Zn=({value:o,updateValue:n,o:e})=>jsxs($,{onClick:t=>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})]});Zn.displayName="Option";var Kn=Zn;var Wn=forwardRef((o,n)=>{let {selected:e,options:t,label:r,name:s,variant:p,search:a,searchPlaceholder:u,maxHeight:c,arrowDownIcon:i=M.arrowDown,arrowUpIcon:f=M.arrowUp,onChange:l,...d}=o,[y,v]=useState(e?typeof e=="string"?t.find(D=>D.value===e):e:t[0]),[b,T]=useState(false),[w,g]=useState(null);useRef(null);let I=useRef(null),R=useRef(null),C=useId(),E=useMemo(()=>s||C,[]),{reposition:z}=_e(R,{direction:Rt.Bottom,offset:2}),{className:L,style:Z,rest:k}=N(d),W=D=>{v(D),l&&l(D);};return useImperativeHandle(n,()=>({setSelected:D=>{if(typeof D=="string"){let q=t.find(S=>S.value===D);q&&v(q);}else v(D);},getValue:()=>y||null})),useEffect(()=>{document.body.addEventListener("click",D=>{T(false);}),window.dispatchEvent(new Event("resize"));},[]),useEffect(()=>{b?I.current&&I.current.focus():(I.current&&(I.current.value=""),g(null)),z();},[b]),jsxs(m,{className:`--select ${p?`--${p}`:""} ${s?`--${s}`:""} rel`.trim(),name:E,children:[jsxs($,{"data-value":y?typeof y=="string"?y:y.value:y||"-1",className:`--selected flex aic rel ${L}`.trim(),withLabel:false,style:Z,onClick:D=>T(q=>!q),...k,children:[jsx(H,{className:"--label",children:y?typeof y=="string"?y:y.label:r||"Choose"}),jsx(m,{className:"--svg-arrow rel flex aic jcc",children:b?typeof f=="string"?jsx(X,{name:f,as:"--search-action"}):f:typeof i=="string"?jsx(X,{name:i,as:"--search-action"}):i})]}),jsxs(m,{id:E,className:"--options-list flex cols abs","aria-hidden":!b,style:{maxHeight:c||"auto"},ref:R,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:b,duration:.05},children:[a&&jsx(oe,{ref:I,onChange:D=>{g(D.target.value==""?null:D.target.value);},className:"--select-search",placeholder:u||"Search..."}),(w==null?t:t.filter(D=>D.label.toLowerCase().includes(w.toLowerCase())||D.value.toLowerCase().includes(w.toLowerCase()))).map(D=>jsx(Kn,{updateValue:W,value:y,o:D},`option-${(typeof D=="string"?D:D.label).replace(/\s+/g,"-")}-${typeof D=="string"?D:D.value}`))]})]})});Wn.displayName="Zuz.Select";var yc=Wn;var Gn=forwardRef((o,n)=>jsx(Ye,{type:ge.Switch,...o,ref:n}));Gn.displayName="Zuz.Switch";var vc=Gn;var Xn=o=>{let{idx:n,id:e,as:t,weight:r,style:s,value:p,render:a,resize:u,sortBy:c,sortable:i,onSort:f}=o,[l,d]=useState(0),y=()=>{i&&(f?.(String(e),l==1?-1:1),d(v=>v==1?-1:1));};return jsxs(m,{style:{flex:r||1,...s},as:`--col flex aic ${t||""} ${i?"--sortable":""}`,onClick:y,children:[jsx(m,{children:p}),n==-1&&i&&c==e&&jsx(m,{as:"--arrow flex aib",children:l==1?M.arrowUp:M.arrowDown})]})};Xn.displayName="Zuz.Column";var wt=Xn;var jn=o=>{let{index:n,pubsub:e,schema:t,data:r,ids:s,styles:p,animate:a,sortBy:u,selectable:c,tableRef:i,loading:f,rowClassName:l,onSort:d,onRowClick:y,onSelect:v,onContextMenu:b}=o,T=useDelayed(),w=useMemo(()=>({transition:G.SlideInBottom,curve:F.EaseInOut,delay:.02*(n+1)}),[]),g=useRef(null),P=(R,C)=>{n==-1?e.emit(`ALL_ROWS_${R?"CHECKED":"UNCHECKED"}`,R):(v&&v(r,R),e.emit(`ROW_${R?"CHECKED":"UNCHECKED"}`,R,C));},I=(R,C,E)=>jsx(wt,{idx:R,id:C,as:"--selector",pubsub:e,value:jsx(Ye,{value:E,ref:g,onSwitch:P,type:ge.Default})});return useEffect(()=>{let R=(L,Z)=>{g.current?.setChecked(L,false);},C=(L,Z)=>{let k=false;i?.current&&i.current.querySelectorAll(".--row").forEach(W=>{let D=W;if(!D.classList.contains("--row-head")){let q=D.querySelector(".--selector input[type=checkbox]");q&&q.checked&&!k&&(k=q.checked);}}),g.current.setChecked(k,false);},E=L=>{g.current?.setChecked(L,false),v&&v(r,L);},z=L=>{g.current?.setChecked(L,false),v&&v(r,L);};return n==-1?(e.on("ROW_CHECKED",R),e.on("ROW_UNCHECKED",C),()=>{e.off("ROW_CHECKED",R),e.off("ROW_UNCHECKED",C);}):(e.on("ALL_ROWS_CHECKED",E),e.on("ALL_ROWS_UNCHECKED",z),()=>{e.off("ALL_ROWS_CHECKED",E),e.off("ALL_ROWS_UNCHECKED",z);})},[]),jsxs(m,{onContextMenu:R=>b?b(R,r):null,onClick:R=>y?y(R,o.data):()=>{},...a?{fx:{...w,when:T}}:{},as:`--row flex aic ${y?"--row-clickable":""} ${n==-1?"--row-head":""} ${l||""}`,children:[n==-1&&t.map((R,C)=>{let{renderWhenHeader:E,render:z,value:L,...Z}=R;return jsxs(Fragment,{children:[c&&C==0&&I(-1,`--selector-${R.id}`,"all"),jsx(wt,{idx:-1,onSort:d,sortBy:u,value:L,...Z,pubsub:e,style:p[R.id]})]},`--col-${R.id}`)}),f&&n>-1&&jsx(m,{as:"--col",children:jsx(H,{as:"opacity:0",children:"..."})}),!f&&n>-1&&s&&r&&t.map((R,C)=>jsxs(Fragment,{children:[c&&C==0&&I(C,`--selector-${R.id}`,R.id.toString()),s.includes(String(R.id))?jsx(wt,{pubsub:e,idx:C,id:String(R.id),style:p[String(R.id)],value:R.render?R.render(r,n):r[String(R.id).includes(".")?String(R.id).split(".").reverse()[0]:R.id]}):null]},`--${String(R.id)}-val-${C}`))]})};jn.displayName="Zuz.Row";var St=jn;var ts=(o,n)=>{let{schema:e,rows:t,rowCount:r,rowsPerPage:s,currentPage:p,pagination:a,paginationHash:u,showPaginationOnZeroPageCount:c,animateRows:i,header:f,rowClassName:l,selectableRows:d,hoverable:y,sortBy:v,loading:b,loadingRowCount:T,loadingMessage:w,spinner:g,emptyMessage:P,onSort:I,onRowClick:R,onRowSelectToggle:C,onPageChange:E,onRowContextMenu:z,...L}=o,Z=useRef(null),k=useMemo(()=>e.reduce((le,j)=>(le[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}},le),{}),[e]),W=useMemo(()=>Object.keys(k),[e]),D=useMemo(()=>f??true,[f]),{style:q,className:S,rest:A}=N(L),V=useRef(null),K=useMemo(()=>new PubSub,[]),O=useRef(t.map(()=>uuid(8))),[_,Y]=useState(v||null),[te,Q]=useState(w||"loading"),ne=useMemo(()=>!b&&t&&t.length==0,[b,t]),ie=useCallback(()=>P?typeof P=="function"?jsx(P,{}):P:jsx(H,{as:"tac s:18 mt:75",children:"No Record Found"}),[b,t]);useEffect(()=>{O.current=t.map(()=>uuid(8));},[t]);let ws=(le,j)=>{Y(le),I?.(le,j);},Ss=(r||(t?t.length:0))/(s||10),st=useMemo(()=>c||Ss>1?jsx(fo,{hash:u,ref:Z,renderOnZeroPageCount:c,onPageChange:E,paginationStyle:"table",startPage:p,itemCount:r||(t?t.length:0),itemsPerPage:s||10}):null,[p,r]);return useImperativeHandle(n,()=>({setLoading(le){}})),jsxs(m,{as:`--table ${y??true?"--hoverable":""} flex cols rel ${S}`,ref:V,children:[D==true&&jsx(St,{sortBy:_,onSort:ws,tableRef:V,pubsub:K,selectable:d,index:-1,schema:e,loading:true,styles:k}),b&&jsxs(m,{as:"center-x flex aic --table-spinner",children:[jsx(pe,{type:g||xe.Simple}),te&&jsx(H,{as:"--table-loading-message",children:te})]}),b&&Array(T||5).fill({}).map((le,j)=>jsx(St,{tableRef:V,index:j,pubsub:K,schema:e,styles:k,loading:true,animate:i,onRowClick:R},`--trow-loading-${j}-${e[0].id}`)),!b&&t&&t.map((le,j)=>jsx(St,{tableRef:V,pubsub:K,loading:false,index:j,schema:e,ids:W,styles:k,animate:i,data:le,onRowClick:R,rowClassName:l,selectable:d,onSelect:C,onContextMenu:z},`--trow-${O.current[j]||j}-${e[0].id}`)),ne&&ie(),jsx(m,{"aria-hidden":!a||!st,...i?{fx:{transition:G.SlideInBottom,curve:F.EaseInOut,delay:.02*(t.length+1),when:!b&&t&&a&&st!=null}}:{},as:"--row flex aic --row-footer",children:a&&st?st:null})]})};ts.displayName="Zuz.Table";var Mc=forwardRef(ts),Dc=Mc;var os=({isActive:o,transitionType:n,speed:e,width:t,render:r,content:s,onHeightChange:p})=>{let a=useRef(null),u=useResizeObserver(a);useEffect(()=>{o&&u.height>0&&p(u.height);},[o,u.height]);let c=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,t,e]);return jsx(m,{ref:a,style:{...c},className:"--content",children:r||o?s:null})};os.displayName="Zuz.TabBody";var rs=os;var as=({ref:o,...n})=>{let{tabs:e,speed:t=.3,prerender:r=true,variant:s,tabStyle:p="fixed",onChange:a,transitionType:u="slide",...c}=n,[i,f]=useState(0),l=useRef(null),d=useResizeObserver(l),y=useMemo(()=>uuid(8),[]),[v,b]=useState("auto"),T=useMemo(()=>d.width>0,[d.width]);useImperativeHandle(o,()=>({setTab:C=>f(C)}));let w=useMemo(()=>e.map(C=>({...C,key:C.key||uuid(8)})),[e]),{style:g,className:P,rest:I}=N({as:`flex cols w-full no-overflow ${c.as||""}`,...c}),R=()=>{if(!T)return {opacity:0};switch(u){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 ${t}s cubic-bezier(0.4, 0, 0.2, 1)`}}};return jsxs(m,{ref:l,style:g,className:`--tabview --${p} flex cols ${P}`,children:[jsx(je,{as:"--tabview-head",onSwitch:C=>{f(C.index);let E=w.find(z=>z.tag==C.tag);E&&E.onSelect&&(E.onSelect(E,C.index),a?.(E,C.index));},selected:i,items:w.reduce((C,E,z)=>(C.push({icon:E.icon,index:z,label:E.label,tag:E.tag}),C),[])}),jsx(m,{className:"--tabview-body",as:"rel no-overflow w-full",style:{height:v,transition:T?`height ${t}s cubic-bezier(0.4, 0, 0.2, 1)`:"none",opacity:T?1:0},children:jsx(m,{className:"--track",style:{...R()},children:w.map((C,E)=>jsx(rs,{isActive:E===i,transitionType:u,speed:t,width:d.width,render:r||E===i,onHeightChange:z=>E===i&&b(z),content:C.body},`tab-body-${C.key||E}-${y}`))})})]})};as.displayName="Zuz.TabView";var Zc=as;var Uc=({meta:o})=>jsxs($,{as:"flex aic --command-item",children:[o.icon&&jsx(X,{name:o.icon,as:"--command-icon"}),jsx(H,{children:o.label})]}),Wc=({position:o,onSelect:n,commands:e,visible:t})=>jsx(m,{"aria-hidden":!t,fx:{transition:G.SlideInBottom,duration:.1,when:t},className:"--command-box abs grid",style:{...o},children:e.map(r=>jsx(Uc,{meta:r},`cmd-${r.label.replace(/\s+/,"-")}`))}),is=Wc;var cs=forwardRef((o,n)=>{let{autoResize:e,maxHeight:t,variant:r=U.Small,resize:s="none",command:p,commands:a,onInput:u,cmd:c,renderDropdown:i,value:f,defaultValue:l,...d}=o,y=useRef(null),v=useRef(null),{style:b,className:T,rest:w}=N(d),{showDropdown:g,dropdownPosition:P,handleKeyDown:I,handleInput:R,handleCommandSelect:C}=useCommandActions({command:p,commands:a,cmd:c,ref:y}),E=useCallback(()=>{let L=y.current;!L||!e||(v.current&&cancelAnimationFrame(v.current),v.current=requestAnimationFrame(()=>{L.style.height="auto";let Z=L.scrollHeight;if(t){let k=parseInt(t.toString(),10);isNaN(k)||(Z=Math.min(Z,k));}L.style.height=`${Z}px`,L.style.overflowY=t&&Z>=parseInt(t.toString(),10)?"auto":"hidden";}));},[e,t]),z=L=>{u?.(L),R(L),E();};return useEffect(()=>{E();},[f,l,E]),useEffect(()=>{e&&y.current&&E();},[e,E]),useEffect(()=>()=>{v.current&&cancelAnimationFrame(v.current);},[]),jsxs(m,{as:"rel",children:[jsx("textarea",{className:`--input --textarea --${r} flex ${T}`.trim(),style:{...b,resize:s,height:e?"auto":b?.height,overflow:"hidden",transition:e?"none":void 0},onKeyDown:I,onInput:z,ref:L=>{typeof n=="function"?n(L):n&&(n.current=L),y.current=L;},value:f,defaultValue:l,...w}),i?i({show:g,position:P,commands:a||[],onSelect:C}):a&&a.length>0&&jsx(is,{visible:g,commands:a,onSelect:C,position:P})]})});cs.displayName="Zuz.TextArea";var jc=cs;var us=forwardRef((o,n)=>{let{as:e,value:t,color:r,direction:s,...p}=o,a=useRef(null),[u,c]=useState(t||0);return useImperativeHandle(n,()=>({updateValue(i){u.toString().length!==i.toString().length&&c(i);},setValue(i){if(this.updateValue(i),a.current){let f=i.toString().split("");a.current.querySelectorAll(".--wheel-char").forEach((l,d)=>{let y=f[d];if(l instanceof HTMLElement){l.setAttribute("data-value",y);let v=l.querySelector(".--wheel-char-track");v instanceof HTMLElement&&(v.style.setProperty("--v",y),v.offsetWidth);}});}}})),useEffect(()=>{c(t||0);},[t]),jsxs(m,{className:"--text-wheel flex aic rel","aria-hidden":true,as:e,ref:a,...p,children:[(u||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>(u||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((l,d)=>jsx(J,{children:l},`${f}--${d}`)),jsx(J,{children:!s||s==="down"?9:0})]})},`wheel-char-${f}`)),r&&jsx(m,{className:"abs fillx",style:{zIndex:1,background:`linear-gradient(0deg, ${r}, transparent, transparent, transparent, ${r})`}})]})});us.displayName="Zuz.TextWheel";var np=us;var hs=forwardRef((o,n)=>{let{title:e,position:t,margin:r,children:s,...p}=o,{style:a,className:u,rest:c}=N(p),[i,f]=useState(false),l=useMemo(()=>t||ee.Top,[]),d=useRef(null),y=useRef(null),v=g=>{},b=typeof ResizeObserver<"u"?new ResizeObserver(v):{observe:()=>{},unobserve:()=>{}},T=useDimensions(),w=useMemo(()=>{if(!y.current)return {left:0,top:0};let g=y.current.previousElementSibling;if(g){let P=g.getBoundingClientRect();switch(b.observe(g),l){case ee.Top:return {left:P.left+P.width/2,top:P.top-(r||25)};case ee.Bottom:return {left:P.left+P.width/2,top:P.top+(r||25)};case ee.Left:return {left:P.left-P.width/2,top:P.top+P.height/2};case ee.Right:return {left:P.right,top:P.top+P.height/2};default:return {left:0,top:0}}}},[y.current,T,b]);return useEffect(()=>{},[]),jsxs(m,{ref:d,className:"--with-tooltip rel",onMouseEnter:g=>f(true),onMouseLeave:g=>f(false),children:[s,jsx(m,{ref:y,style:{left:w?.left+"px",top:w?.top+"px"},className:`--tooltip --${t||ee.Top} fixed ${u}`.trim(),fx:{from:l==ee.Bottom||l==ee.Top?{opacity:0,x:"-50%",y:l==ee.Top?-5:5}:{opacity:0,y:"-50%",x:l==ee.Right?15:-25},to:l==ee.Bottom||l==ee.Top?{opacity:1,x:"-50%",y:0}:{opacity:1,y:"-50%",x:l==ee.Right?10:-20},curve:F.EaseInOut,when:i},children:jsx(H,{className:"--text rel",children:e})})]})});hs.displayName="Zuz.ToolTip";var mp=hs;var Co=forwardRef((o,n)=>{let{as:e,meta:t,nodes:r,icons:s,onSelect:p,treeTag:a,selected:u,roots:c,expanded:i,...f}=o,{tag:l,label:d,icon:y,under:v,isHead:b}=t,T=useMemo(()=>c.includes(l),[c]),[w,g]=useState(i),P=()=>{localStorage.setItem(`--tn${a}-${l}`,w?"0":"1"),g(!w);};useEffect(()=>{i||T&&!localStorage.getItem(`--tn${a}-${l}`)?(localStorage.setItem(`--tn${a}-${l}`,"1"),g(true)):g(localStorage.getItem(`--tn${a}-${l}`)=="1");},[]);let I=useMemo(()=>r.filter(R=>R.under==l),[r,l]);return jsxs(m,{className:`--treenode ${T?"--is-root":""} --treenode-${l} flex cols`,children:[jsxs(m,{className:`--node --node-${l} flex aic ${u==l?" --selected":""}`,children:[jsx($,{skeleton:f.skeleton,onClick:P,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:w?s?.arrowOpen:s?.arrowClose}):I.length==0?M.chevronBottom:w?M.chevronBottom:M.chevronRight}),jsxs($,{className:"--node-meta flex aic",onClick:R=>p(l),children:[(s?.nodeOpen&&s?.nodeClose||T&&s?.rootOpen&&s?.rootClose)&&jsx(X,{skeleton:f.skeleton,className:`--node-icon ${T?"--icon-root":""}`,name:y||(w?T&&s?.rootOpen||s.nodeOpen:T&&s?.rootClose||s?.nodeClose)}),jsx(H,{className:`--node-label ${T?"--node-label-root":""}`.trim(),skeleton:f.skeleton,children:d})]})]}),w&&I.length>0&&jsx(m,{className:`--sub-node tree-sub-node-${l} flex cols`,children:I.map(R=>jsx(Co,{treeTag:a,selected:u,onSelect:p,icons:s,roots:c,expanded:R.expanded||false,meta:R,nodes:r},`--node-${R.tag}`))})]})});Co.displayName="TreeItem";var ys=Co;var vs=forwardRef((o,n)=>{let{as:e,nodes:t,onNodeSelect:r,tag:s,icons:p,roots:a,selected:u,...c}=o,[i,f]=useState(u);useImperativeHandle(n,()=>({getSelected:()=>i}),[r]);let l=d=>{f(d),r&&r(d);};return useEffect(()=>{i!=u&&f(u);},[u]),jsx(m,{className:"--treeview flex cols",children:t.filter(d=>a.includes(d.tag)).map(d=>jsx(ys,{treeTag:s?`-${s}`:"",selected:i,onSelect:y=>l(y),icons:p,meta:d,roots:a,expanded:d.expanded||false,skeleton:c.skeleton,nodes:t},`--node-${d.tag}`))})});vs.displayName="Zuz.TreeView";var yp=vs;String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"").replace(/\s+/g," ")};
|
|
13
|
-
export{se as ALERT,
|
|
12
|
+
</div>`}).join("")},[e,d]);return jsx(c,{as:`--code-block ${i}`,style:f,...u,children:jsx("pre",{ref:o,children:jsx("code",{className:`--code --lang-${t}`,dangerouslySetInnerHTML:{__html:y}})})})},el=ji;var Zr=({onSelect:o,meta:s,selected:e})=>{let t=useRef(null),{index:r,icon:n,label:p}=s,[a,u]=useState({x:0,width:0}),l=useDelayed();return useLayoutEffect(()=>{if(l&&t.current){let{width:i,x:f}=t.current.getBoundingClientRect();u({x:f,width:i}),e&&o(r,i,f,s,true);}},[l,t.current]),useEffect(()=>{e&&o(r,a.width,a.x,s,false);},[e]),jsxs($,{onClick:()=>o(r,a.width,a.x,s,false),ref:t,className:`--segment-item flex aic rel ${e?"--segment-active":""}`.trim(),children:[n?typeof n=="string"?jsx(X,{name:n,as:"--segment-icon"}):jsx(c,{as:"--segment-icon flex aic jcc",children:n}):null,p&&String(p).trim()!=""&&jsx(c,{className:"--segment-label",children:p||`Item ${r}`})]})};Zr.displayName="SelectTabItem";var Kr=Zr;var Wr=forwardRef((o,s)=>{let{fx:e,items:t,selected:r,variant:n,onSwitch:p,...a}=o,[u,l]=useState(r||0),i=useRef(false),f=useRef(u),{className:m,style:d,rest:y}=N(a),v=useRef(null),b=useRef(null),T=(w,g,P,I,R)=>{if((R||u!=w&&u!=-2)&&(l(w),f.current=u,i.current&&p?.(I)),v.current){let C=b.current?.getBoundingClientRect();v.current.style.setProperty("--w",`${g}px`),v.current.style.setProperty("--x",`${C?P-C.left:P}px`);}};return useImperativeHandle(s,()=>({setSelected:w=>{typeof w=="number"&&w!=u&&l(w);}}),[u]),useEffect(()=>{i.current=true;},[]),jsxs(c,{ref:b,"data-selected":u,className:`${m} --segmented --${n||U.Small} flex aic rel`,style:d,...y,children:[jsx(c,{ref:v,className:"--segment-tab abs"}),t.map((w,g)=>jsx(Kr,{onSelect:T,selected:u==g,meta:{...w,index:g}},`segment-${w.label}-${g}`))]})});Wr.displayName="Zuz.SelectTabs";var Qe=Wr;var Xr=forwardRef((o,s)=>{let{type:e,...t}=o,r=useDelayed(),{colorScheme:n,setColorScheme:p}=Ot(),a=useCallback(()=>{p(n=="dark"?"light":n=="light"?"system":"dark");},[n]),{className:u,style:l}=N(t),i=useMemo(()=>e=="system"?[{tag:"light",index:0,label:"",icon:M.colorSchemeLight},{tag:"system",index:1,label:"",icon:M.colorSchemeSystem},{tag:"dark",index:2,label:"",icon:M.colorSchemeDark}]:[{tag:"light",index:0,label:"",icon:M.colorSchemeLight},{tag:"dark",index:2,label:"",icon:M.colorSchemeDark}],[]),f=useMemo(()=>["light","system","dark"].indexOf(n),[n]);return !r||f==-1?null:e=="system"||e=="switch"?jsx(Qe,{className:`--color-scheme --${e}`,onSwitch:({tag:m})=>{p(m);},selected:f,items:i,...t}):jsx($,{onClick:a,style:l,as:`--color-scheme-switch --${t.variant||U.Small} ${u}`.trim(),children:n=="system"?M.colorSchemeSystem:n=="light"?M.colorSchemeLight:M.colorSchemeDark})});Xr.displayName="Zuz.ColorScheme";var gl=Xr;var hl=o=>{let{label:s,labelColor:e,icon:t,iconColor:r,index:n,className:p,onSelect:a}=o;return s=="-"?jsx(c,{className:"--line"}):jsxs($,{reset:true,onClick:u=>a(),className:`--item ${p||""}`.trim(),children:[jsx(c,{as:"--icon",children:jsx(X,{name:t,className:"--ico",style:r?{color:r}:{}})}),jsx(H,{className:"--lbl flex aic",style:e?{color:e}:{},children:s})]})},Yr=hl;var jr=forwardRef((o,s)=>{let{as:e,offsetX:t,offsetY:r,parent:n,items:p,header:a,footer:u,...l}=o,{className:i,style:f,rest:m}=N(l),d=useRef(void 0),[y,v]=useState(false),[b,T]=useState(p||[]),{position:w,targetRef:g}=useAnchorPosition(n,d.current,{offsetX:t,offsetY:r});return useImperativeHandle(s,()=>({show:(P,I)=>{n||(d.current=P),I&&T(I),v(true);},hide:P=>v(false)})),jsxs(c,{className:`--contextmenu abs flex cols ${i}`.trim(),"aria-hidden":!y,style:{...f,top:w.top,left:w.left},fx:{from:{opacity:0,y:20},to:{opacity:1,y:0},curve:F.EaseInOut,duration:.05,when:y},ref:g,...m,children:[typeof a=="function"?createElement(a):a,b.map((P,I)=>jsx(Yr,{...P,index:I},`context-${P.label.toLowerCase()}-${I}`)),typeof u=="function"?createElement(u):u]})});jr.displayName="Zuz.ContextMenu";var Sl=jr;var tn=forwardRef((o,s)=>{let[e,t]=useState("wait"),{title:r,message:n,acceptLabel:p,rejectLabel:a,position:u}=o,l=async i=>{t(i==1?"accepted":"rejected"),localStorage.setItem("--ccnt",String(i));};return useEffect(()=>{let i=localStorage.getItem("--ccnt");t(i?i=="1"?"accepted":"rejected":"pending");},[]),jsxs(c,{fx:{from:{x:-1e3},to:{x:0},when:e=="pending",curve:F.EaseInOut,duration:.5,delay:e=="accepted"?0:3},as:`--cookie-consent --${e} --${u||ee.Left} flex cols`,children:[jsx(H,{as:"--title",children:r||"This site uses cookies"}),jsx(H,{as:"--message",children:n||"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=>l(1),as:"--accept",children:p||"Accept All"}),jsx($,{onClick:i=>l(0),as:"--reject",children:a||"Cancel"})]})]})});tn.displayName="Zuz.CookiesConsent";var Il=tn;var nn=forwardRef((o,s)=>{let {type:e,value:t,min:r,max:n,step:p,onChange:a,roundValue:u,...l}=o,{className:i,style:f,rest:m}=N(l),d=useRef(p||.01).current,y=useRef(r||0).current,v=useRef(n||1).current,b=useRef(t||0).current,T=useRef(null),w=useRef(null),g=useRef(null);useRef(null);let I=useRef(null),R=useRef(null),C=(V,K,O)=>(V-K)/(O-K)*100,E=V=>{if(w.current){let K=parseFloat(V.currentTarget.value),O=C(K,parseFloat(V.currentTarget.min),parseFloat(V.currentTarget.max));w.current.style.setProperty("--value",`${O}`),w.current.setAttribute("data-value",`${K}`),a&&a(u?+K.toFixed(2):K);}},[_,L]=useState(false),[Z,k]=useState(0),[W,D]=useState(0),q=V=>{L(true),k(V.clientX),D(w.current?parseFloat(w.current.getAttribute("data-value")):0),document.body.style.cursor="ew-resize";},S=V=>{if(_){let K=V.clientX-Z,O=Math.max(y,Math.min(W+K*d,v));w.current&&(w.current.setAttribute("data-value",`${O}`),R.current.textContent=u?O.toFixed(2):O.toString(),a&&a(u?+O.toFixed(2):O));}},A=()=>{L(false),document.body.style.cursor="auto";};return useEffect(()=>{w.current&&w.current.style.setProperty("--value",T.current?`${C(parseFloat(T.current.value),parseFloat(T.current.min),parseFloat(T.current.max))}`:b.toString());},[]),useEffect(()=>(_?(document.addEventListener("mousemove",S),document.addEventListener("mouseup",A)):(document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",A)),()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",A);}),[_]),jsx(c,{ref:w,"data-value":b||0,className:`--slider --${e||it.Default} flex rel ${i}`.trim(),style:{...f},children:it.Text===e?jsx(Fragment$1,{children:jsx(H,{ref:R,onMouseDown:q,className:"--slider-text",children:b||0})}):jsxs(Fragment$1,{children:[jsx(c,{ref:I,className:"--slider-track abs fill"}),jsx(c,{ref:g,className:"--slider-knob abs"}),jsx(oe,{ref:T,onInput:E,className:"abs fill",tabIndex:0,type:e||it.Default,defaultValue:b||0,step:d,max:v,min:y})]})})});nn.displayName="Zuz.Slider";var oo=nn;var an=forwardRef((o,s)=>{let{src:e,shape:t,size:r,...n}=o,{style:p,className:a,rest:u}=N(n),{canvasRef:l,crop:i,setScale:f,handleMouseDown:m,handleMouseUp:d,handleMouseMove:y}=useImageCropper(e,r||200,t||CropShape.Circle);return useImperativeHandle(s,()=>({getCropped(){return i()},setScale(v){f(v);}})),jsxs(c,{as:`--cropper --${t||CropShape.Circle} ${a}`,style:p,...u,children:[jsx("canvas",{ref:l,width:r||200,height:r||200,onMouseDown:m,onMouseUp:d,onMouseLeave:d,onMouseMove:y}),jsx(c,{as:"--cropper-slider",children:jsx(oo,{onChange:v=>f(v),min:0,max:1,step:.01,value:1})})]})});an.displayName="Zuz.Cropper";var Dl=an;var Hl=(e=>(e.Circle="circle",e.Square="square",e))(Hl||{});var mn=forwardRef((o,s)=>{let{items:e,maxItems:t}=o,r=useMemo(()=>{let a=typeof e=="string",u=a?[]:e;return a&&e.split(",").forEach(l=>{u.push({label:l});}),u},[e]),p=useMemo(()=>t&&t>0&&r.length>t-1,[r,t])?[...r.slice(0,2),{ID:".",label:"...",icon:"ellipsis",action:()=>{}},...r.slice(-t)]:r;return jsx(Ue,{ref:s,className:"--crumb flex aic",direction:"rows",seperator:jsx(c,{as:"--crumb-chevron",children:M.chevronRightOutline}),items:p.map((a,u,l)=>a.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-${u}`))}):jsxs($,{onClick:()=>a.action?.(),className:"--crumb-item",disabled:!l[u+1],children:[a.icon&&jsx(X,{as:"--crumb-icon",name:a.icon}),jsx(H,{as:"--crumb-label",children:a.label})]},`${a.label.replace(/\s+/g,"-").toLowerCase()}-${u}`))})});mn.displayName="Zuz.Crumb";var Vl=mn;var un=forwardRef((o,s)=>{let{icon:e,defaultValue:t,value:r,size:n,variant:p,numeric:a,type:u,onConfirm:l,...i}=o,[f,m]=useState(false),[d,y]=useState(t||null),{style:v,className:b,rest:T}=N(i),w=useRef(null),g=useRef(null),{reposition:P}=ze(g,{direction:ee.Bottom,offset:2}),I=C=>{a&&(C.currentTarget.value=C.currentTarget.value.replace(/[^0-9.]/g,"").replace(/(\..*?)\..*/g,"$1"));};useEffect(()=>{let C=E=>{let _=E.target,L=w.current?.contains(_),Z=g.current?.contains(_);!L&&!Z&&m(false);};return f&&document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C);}},[f]),useEffect(()=>{let C=E=>{E.key==="Escape"&&f&&(m(false),w.current?.focus());};return document.addEventListener("keydown",C),()=>document.removeEventListener("keydown",C)},[f]);let R=()=>{m(true);};return useEffect(()=>{f&&P();},[f,P]),jsx(Fragment$1,{children:jsxs(c,{as:`--date-picker ${p?`--${p}`:""} rel flex aic ${b}`,"data-value":d?d.toISOString():"",children:[e?typeof e=="string"?jsx(X,{as:"mr:10 c:#666",name:e}):e:jsx(j,{as:"--date-picker-icon flex aic jcc",children:M.calendar}),jsx("input",{ref:w,value:d?format(d,"EEE, MMM d YYY hh:mm a"):r||"",className:`--input ${p?`--${p}`:""} flex`.trim(),style:v,onFocus:R,onInput:I,autoComplete:"new-password",onKeyDown:C=>{C.key=="Enter"&&l?.(C.currentTarget.value);},...T}),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 ${p?`--${p}`:""}`,children:jsx(Xt,{defaultValue:d,onChange:C=>{y(C),m(false);}})})]})})});un.displayName="Zuz.DatePicker";var Fl=un;var so=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(s){return this.stack[this.stack.length-1]===s}push(s){this.stack.includes(s)||(this.stack.push(s),this.updateScrollLock());}pop(s){this.stack=this.stack.filter(e=>e!==s),this.updateScrollLock();}handleEscape(){let s=this.stack[this.stack.length-1];return s?(s(),true):false}get count(){return this.stack.length}},Je=new so;var xn=forwardRef((o,s)=>{let{from:e,speed:t,children:r,margin:n,animation:p,prerender:a,onClose:u,...l}=o,[i,f]=useState(a??true),[m,d]=useState(false),y=useRef(null),[v,b]=useState(r),{className:T,style:w,rest:g}=N(l),P=useMemo(()=>[{keys:[KeyCode.Escape],callback:()=>{Je.isTop(I)&&I();}}],[m]);useShortcuts(P);let I=useCallback(()=>{d(false),u?.();},[]);useEffect(()=>{b(r);},[r]),useEffect(()=>(m?Je.push(I):Je.pop(I),()=>Je.pop(I)),[m]);let R=useMemo(()=>{switch(e){case Pe.Left:return {from:{x:"-100vh"},to:{x:0}};case Pe.Right:return {from:{x:"100vh"},to:{x:0}};case Pe.Top:return {from:{y:"-100vh"},to:{y:0}};case Pe.Bottom:return {from:{y:"100vh"},to:{y:0}};default:return {from:{x:"-100vh"},to:{x:0}}}},[]);return useImperativeHandle(s,()=>({open(C){C&&b(C),d(true);},close(){I();}})),jsxs(Fragment$1,{children:[jsx(Ne,{onClick:C=>{m&&I();},when:m}),jsxs(c,{ref:y,style:{...w,"--m":`${n||0}px`},"aria-hidden":!m,className:`--drawer flex cols ${T} --${e?e.toLowerCase():"left"} fixed`,fx:{from:{...R.from,opacity:0},to:{...R.to,opacity:1},when:m,curve:p||F.EaseInOut,duration:t||.5},...g,children:[e==Pe.Top||e==Pe.Bottom?jsx(c,{className:"--handle"}):null,i||m?v:null]})]})});xn.displayName="Zuz.Drawer";var Ql=xn;var yn=forwardRef((o,s)=>{let{icon:e,variant:t,position:r}=o;return jsx($,{className:`--fab fixed --${t||U.Large} --${r||"bottomright"}`,children:e||M.plus})});yn.displayName="Zuz.Fab";var em=yn;var bn=o=>{let{names:s,strength:e}=o,t={[lt.Gooey]:r=>jsxs("filter",{id:"gooey",children:[jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:r||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-${lt.Gooey}`)};return useEffect(()=>{},[s]),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:jsx("defs",{children:(s||[lt.Gooey]).map(r=>t[r](e))})})};bn.displayName="Zuz.Filters";var rm=bn;var Se=null,re=null,wn=forwardRef((o,s)=>{let{title:e,message:t,transition:r,curve:n,speed:p,type:a,actionPosition:u,spinner:l,loadingMessage:i,onShow:f,onHide:m,...d}=o,{className:y,style:v,rest:b}=N(d),[T,w]=useState(e||""),[g,P]=useState(t||""),[I,R]=useState(null),[C,E]=useState(a||ae.Default),_=useMemo(()=>uuid(12),[]),[L,Z]=useState(false),k=useRef(null),W=useRef(null),[D,q]=useState(false),[S,A]=useState(true),V=useRef(null),K=g;useImperativeHandle(s,()=>({setLoading(z){q(z);},showDialog(z,Y,te,J){Se&&(clearTimeout(Se),re&&clearTimeout(re),k.current.classList.remove("--wobble"),setTimeout(()=>k.current.classList.add("--wobble"),50),re=setTimeout(()=>{k.current.classList.remove("--wobble"),re=null;},500)),E(ae.Dialog),Y&&P(Y),z&&w(z),te&&R(te.reduce((ne,ie)=>(ne.push({...ie,key:ie.key||uuid(12)}),ne),[])),Z(true),setTimeout(()=>J?J():()=>{},1e3);},dialog(z,Y,te,J){Se&&(clearTimeout(Se),re&&clearTimeout(re),k.current.classList.remove("--wobble"),setTimeout(()=>k.current.classList.add("--wobble"),50),re=setTimeout(()=>{k.current.classList.remove("--wobble"),re=null;},500)),E(ae.Dialog),P(Y),w(z),te&&R(te.reduce((ne,ie)=>(ne.push({...ie,key:ie.key||uuid(12)}),ne),[])),Z(true),setTimeout(()=>J?J():()=>{},1e3);},error(z,Y){this.show(z,Y,ae.Error);},warn(z,Y){this.show(z,Y,ae.Warn);},success(z,Y){this.show(z,Y,ae.Success);},show(z,Y,te){Se&&(clearTimeout(Se),re&&clearTimeout(re),W.current=k.current.style.transform,k.current.style.transform="",k.current.classList.remove("--wobble"),setTimeout(()=>{k.current.classList.add("--wobble"),k.current.style.transform=`${W.current} scale(.9)`.trim();},50),re=setTimeout(()=>{k.current.classList.remove("--wobble"),k.current.style.transform=W.current||"",re=null;},500)),Se=setTimeout(()=>{Z(false),Se=null,re=null;},(Y||4)*1e3),E(te||ae.Default),P(z),Z(true),f?.();},hide(){Z(false),m?.();}}));let O=useMemo(()=>{let z={when:L,duration:p||.3,delay:.1};if(C==ae.Dialog){if(r){let{from:Y,to:te}=$e(r,20);return {from:Y,to:te,curve:n||F.EaseInOut,...z}}return {from:{scale:0,x:"-50%",y:"-50%",opacity:0},to:{scale:1,x:"-50%",y:"-50%",opacity:1},curve:F.Spring,...z}}else return {from:{scale:0,x:"-50%",y:"-10vh",opacity:0},to:{scale:1,x:"-50%",y:0,opacity:1},curve:F.Spring,...z}},[L,C]);return useEffect(()=>{V.current&&clearTimeout(V.current),L?A(true):V.current=setTimeout(()=>A(false),1e3);},[L]),C==ae.Dialog?jsxs(Fragment$1,{children:[jsx(Ne,{when:L}),jsxs(c,{className:`--sheet --sheet-${C.toLowerCase()} ${L?"is-visible":""} ${y} fixed`.trim(),style:v,fx:O,...b,ref:k,children:[jsx(Re,{when:D,spinner:l,message:i}),jsxs(c,{className:"--head flex aic rel",children:[jsx(c,{className:`--${T?"title":"dot"} flex aic rel`,children:T||""}),jsx($,{onClick:z=>Z(false),className:"--closer abs",children:"\xD7"})]}),jsx(c,{className:`--body flex aic rel ${I?"":"--no-action"}`.trim(),children:S?K:null}),I&&jsx(c,{className:`--footer flex aic rel ${u?u==Et.Center?"jcc":"":"jce"}`.trim(),children:I.map((z,Y)=>jsx($,{onClick:te=>z.handler?z.handler():z.onClick?z.onClick():console.log("onClick Handler missing"),className:"--action",children:z.label},`sheet-${_}-action-${z.key}`))})]})]}):jsx(c,{className:`--sheet --sheet-${C.toLowerCase()} ${y} abs`.trim(),style:v,...b,fx:O,ref:k,children:L?g:null})}),et=o=>typeof o=="object"&&o!=null&&"setLoading"in o&&"success"in o&&"error"in o;wn.displayName="Zuz.Sheet";var lm=wn;var Sn=forwardRef((o,s)=>{let{name:e,cover:t,spinner:r,errors:n,action:p,children:a,withData:u,beforeSubmit:l,onSubmit:i,onError:f,onSuccess:m,resetOnSuccess:d,...y}=o,{className:v,style:b,rest:T}=N(y),[w,g]=useState(false),P=useRef(null),I=useRef(null),R=useRef(null),C=zt(),E=useCallback(S=>P.current?P.current.querySelectorAll(S):[],[P.current]),_$1=S=>({name:S.name||S.getAttribute("name")||S.getAttribute("data-name"),required:S.required?true:S.getAttribute("data-required")?S.getAttribute("data-required")=="true":false,with:S.with||S.getAttribute("with")}),L=S=>{let A=[];return S.querySelectorAll(".--input").forEach(V=>{A.push(V.value);}),A.join("")},Z=useCallback(S=>{let{required:V}=_$1(S);if(V){if(S.type=="checkbox"&&S.checked==false)return false;if(S.classList.contains("--otp")){let O=L(S);if(O==""||O.length<parseInt(S.getAttribute("data-size")))return false}if(S.classList.contains("--select")&&S.querySelector("button.--selected").dataset.value=="-1"||S.value=="")return false}if(S.getAttribute("with")){let O=S.getAttribute("with");switch(O.includes("@")&&(O=O.split("@")[0],O=="match"&&(O=xe.MatchField)),O.toUpperCase()){case xe.IPV4:return _(S.value).isIPv4();case xe.IPV6:return _(S.value).isIPv6();case xe.Email:return _(S.value).isEmail();case xe.Uri:try{return new URL(S.value),!0}catch{return false}case xe.Password:return console.log("Add FORMVALIDATION.Password"),false;case xe.MatchField:let[z,Y,te]=S.getAttribute("with").split("@"),J=document.querySelector(`[name=${Y.trim()}]`);if(!J)return false;switch(te||"direct-match"){case "if-not-empty":if(J&&!_(J.value).isEmpty()&&J.value!=S.value)return false;break;case "direct-match":if(J&&J.classList.contains("--otp")&&S.classList.contains("--otp")&&L(J)!=L(S))return false;if(J&&J.value!=S.value)return false;break}break;default:return true}}return true},[P.current]),k=useCallback(()=>{let S={},A={},V=null,K=null;if(Array.from(E("[name]")).forEach(O=>{let{name:z,required:Y,with:te}=_$1(O),J=true;(Y||te)&&(J=Z(O)),S[z]={valid:J,value:O.type=="checkbox"?O.checked==true?O.value:false:O.classList.contains("--otp")?L(O):O.classList.contains("--select")?O.querySelector("button.--selected").dataset.value:O.value},A[z]=O.type=="checkbox"?O.checked==true:O.classList.contains("--otp")?L(O):O.classList.contains("--select")?O.querySelector("button.--selected").dataset.value:O.value,J?O.classList.remove("input-with-error"):(V==null&&n&&(V=O,K=n[z]),O.classList.add("input-with-error"));}),V){let O=V;if(O.classList.contains("--otp"))for(let z of Array.from(O.querySelectorAll(".--input"))){let Y=z;if(Y.value==""){Y.focus();break}}else O.focus();}return {error:V!=null,errorMsg:K||"Fix errors to continue...",data:S,payload:A}},[P.current]),W=useCallback(()=>{let{error:S,errorMsg:A,payload:V}=k();S?C.error(A):p?startTransition(async()=>{l&&l(V),et(t)?t.setLoading(true):g(true),C.clearAll(),withPost(p,{...V,...u||{}}).then(K=>{let O=K;et(t)?t.setLoading(false):g(false),d&&Array.from(E("[name]")).forEach(z=>{z instanceof HTMLInputElement&&(z.value="");}),m?m(O):(C.clearAll(),C.success(O.message||"Redirecting..."));}).catch(K=>{et(t)?t.setLoading(false):g(false),f?f(K):C.error(K.message||"We cannot process your request at this time.");});}):i&&i(V);},[p,I.current,P.current]),D=useCallback(()=>{let S=E("[type=submit]");!S||S.length==0?console.warn("You should add at least 1 button with type=`SUBMIT`"):S.forEach(A=>{A.addEventListener("click",W);});},[P.current]),q=useMemo(()=>addPropsToChildren(a,S=>S.props.type=="submit",S=>({ref:R})),[a]);return useImperativeHandle(s,()=>({setLoading(S){if(S){I.current.hide();try{C.clearAll();}catch{}}g(S);},showError(S){typeof S=="string"?C.error(S):I.current.error(S,4);},hideError(){I.current.hide();try{C.clearAll();}catch{}},init(){D();},submit(){W();}})),useEffect(D,[]),jsxs(c,{ref:P,style:b,className:`--form flex rel ${v} ${e?`--form-${e.replace(/\s+/g,"-")}`:""}`,propsToRemove:["withData","action","onSubmit","onSuccess","onError"],children:[!et(t)&&jsx(Re,{message:t?t.message||void 0:"working",spinner:r,color:t&&"color"in t?t.color:"#ffffff",when:w}),q]})});Sn.displayName="Zuz.Form";var ym=Sn;var Cn=forwardRef((o,s)=>{let {children:e,fx:t,fxDelay:r,fxStep:n,classToIgnore:p,...a}=o,u=pt(true),l=useDelayed(),i=t||u?.group?.fx,f=r||u?.group?.fxDelay,m=n||u?.group?.fxStep;p||u?.group?.classToIgnore;let y=useMemo(()=>i?addPropsToChildren(e,v=>{if(v.type===Fragment)return false;let b=v.props||{},T="fx"in b,w=b.as?Array.isArray(b.as)?b.as.join(" "):b.as:b.className||"",g=typeof w=="string"&&w.includes(p||"--ignore");return !T&&!g},v=>({fx:{...i,delay:(f||0)+v*(m||.1),when:l}})):e,[e,l,i]);return jsx(c,{className:"--group",ref:s,...a,children:y})});Cn.displayName="Zuz.Group";var Nm=Cn;var Tn=o=>typeof o=="string"&&o.includes("+"),Pn={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"},Nn={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 In=forwardRef(({children:o,keys:s,variant:e},t)=>{let r=useMemo(()=>{if(Tn(s)){let n=null;return {keys:String(s).split("+").reduce((a,u,l,i)=>(i[l+1]?a.push(u):n=u.toUpperCase(),a),[]),children:n}}return {keys:s,children:String(o).toUpperCase()}},[s]);return jsxs(c,{as:`--keyboard-keys --${e||U.Small} flex aic`,children:[(Array.isArray(r.keys)?r.keys:[r.keys]).map(n=>jsx("abbr",{title:Nn[n],children:Pn[n]},n)),jsx(j,{children:r?.children??o})]})});In.displayName="Zuz.KeyboardKeys";var po=In;var Bn=forwardRef((o,s)=>{let e=useNetworkStatus(),{onlineMessage:t,offlineMessage:r,variant:n}=o;return jsxs(c,{fx:{from:{x:"-50%",y:200,opacity:0},to:{x:"-50%",y:0,opacity:1},when:e==false,curve:F.Spring,duration:.5,delay:2},className:`--network-manager --${e==true?"online":"offline"} --${n||U.Small} fixed flex`,children:[jsx(c,{className:"--ico",children:e?M[se.Success]:M[se.Error]}),jsx(H,{as:"--message",children:e?t||"internet connection restored :)":r||"no internet connection"})]})});Bn.displayName="Zuz.NetWorkManager";var Mm=Bn;var uo=(e=>(e.Table="table",e.Gooey="gooey",e))(uo||{});var Mn=forwardRef((o,s)=>{let{itemCount:e,itemsPerPage:t,startPage:r,pageRange:n,paginationStyle:p,breakLabel:a,prevLabel:u,nextLabel:l,hash:i,loading:f,seperator:m,renderOnZeroPageCount:d,onPageChange:y,...v}=o,b=useMemo(()=>toHash(numberInRange(4,8)),[]),T=useCallback(k=>`${toHash(k,i||6,b)}${m||""}${b}`,[b]),w=useMemo(()=>a||"...",[a]),[g,P]=useState({id:i?r?typeof r=="number"?T(r):r:1:r||1,label:r||1}),{style:I,className:R,rest:C}=N(v),E=useCallback(k=>typeof k=="number"?k:+k.label,[]);if(!e)throw new Error('"itemCount" prop is required');let _=useMemo(()=>Math.ceil(e/t),[e,t]),L=useMemo(()=>{let k=[],W=Math.max(E(g)-(n||2),1),D=Math.min(E(g)+(n||2),_);W>1&&k.push({id:i?T(1):1,label:1}),W>2&&k.push({id:-1,label:w});for(let q=W;q<=D;q++)k.push({id:i?T(q):q,label:q});return D<_-1&&k.push({id:-1,label:w}),D<_&&k.push({id:i?T(_):_,label:_}),k},[g]),Z=useCallback(k=>{let W=k;+W.label<1||+W.label>_||(P(W),y?.(W));},[e,t,g]);return L.length<=1&&(d??false)===false?null:jsxs(c,{ref:s,as:`--pagination --pgt-${p||"table"} flex aic w:100% jcc ${R}`,children:[jsx(c,{as:"flex flex:1 aic --pgt-btns",children:(L.length>1?L:[{id:1,label:1},{id:-1,label:w}]).map((k,W,D)=>jsx($,{disabled:k.id==-1||E(g)==+k.label,className:(typeof k=="string"?k:k.label)==E(g)?"--current-page":"",onClick:q=>Z(k),children:typeof k=="string"?k:k.label},`--pg-${W}-${k.id}`))}),jsx(c,{as:"flex aic jcc flex:1 --pagination-label",children:[`Showing ${(E(g)-1)*t+1} - `,`${Math.min(E(g)*t,e)} of ${e} items`].join(" ")}),jsxs(c,{as:"flex aic jce flex:1 --pgt-btns --pgt-nav",children:[jsx($,{disabled:E(g)<=1,onClick:k=>Z({id:i?T(E(g)-1):E(g)-1,label:E(g)-1}),children:M.chevronLeftOutline}),jsx($,{disabled:L.length<=1||E(g)==E(L[L.length-1]),onClick:k=>Z({id:i?T(E(g)+1):E(g)+1,label:E(g)+1}),children:M.chevronRightOutline})]})]})});Mn.displayName="Zuz.Pagination";var go=Mn;var On=forwardRef((o,s)=>{let{strenthMeter:e,onChange:t,...r}=o;"type"in r&&delete r.type;let{style:n,className:p,rest:a}=N(r),[u,l]=useState(false),[i,f]=useState(""),m=useMemo(()=>checkPasswordStrength(i),[i]),d=useDebounce(y=>{e&&f(y.target.value),t&&t(y);},100);return useEffect(()=>{},[]),jsxs(c,{as:"w:100% flex cols",children:[jsxs(c,{style:n,className:"--password flex aic rel",children:[jsx(oe,{ref:s,type:u?"text":"password",className:p,onChange:d,...a}),jsx($,{tabIndex:-1,onClick:()=>l(y=>!y),className:"--toggle flex aic jcc abs",children:u?M.eye:M.eyeSlash})]}),e&&jsxs(c,{as:`flex aic --password-meter --pb-score-${m.score}`,style:n,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(H,{as:"--password-meter-label","aria-hidden":true,children:m.result})]})]})});On.displayName="Zuz.Password";var Zm=On;var An=forwardRef((o,s)=>{let{size:e,length:t,mask:r,...n}=o,p=useRef([]),a="pinput",u=false,l={};"with"in n&&(l={with:n.with},delete n.with),"type"in n&&delete n.type,"name"in n&&(a=n.name,delete n.name),"required"in n&&(u=true,delete n.required);let{style:i}=N(n),f=m=>{let d=m.currentTarget,y=p.current[parseInt(d.dataset.index)+1],v=p.current[parseInt(d.dataset.index)-1];d.value.length===1&&y?y.focus():d.value.length===0&&v&&v.focus();};return useEffect(()=>{p.current=p.current.slice(0,e||t);},[e||t]),jsx(c,{name:a,style:i,className:"--otp flex aic rel","data-required":u,"data-size":e||t||4,...l,children:Array(e||t||4).fill(1).map((m,d)=>jsx(oe,{autoComplete:"new-password","data-index":d,ref:y=>{p.current[d]=y;},numeric:true,onChange:f,maxLength:1,placeholder:r?"\xB7":"0",type:r?"password":"text",...n},`pin-${d}`))})});An.displayName="Zuz.PinInput";var Gm=An;var Vn=forwardRef((o,s)=>{let{children:e,className:t,name:r,required:n,type:p,value:a,size:u,checked:l,onSwitch:i,...f}=o,[m,d]=useState(l||false),y=useRef(null);return jsxs(Xe,{className:`${t} --${(p||Bt.Default).toLowerCase()} --radio${!p||p==Bt.Default?"":"card"} --${u||U.Default} flex aic rel`.trim(),...f,children:[jsx(oe,{ref:y,defaultChecked:m,value:a||"rd",type:"radio",className:"abs",name:r,required:n||false,onChange:v=>{i&&i(v.target.checked,a||"cb"),d(v.target.checked);}}),jsx(c,{className:"--dot rel",children:jsx(c,{className:"--rod abs abc"})}),jsx(c,{className:"--value",children:e})]})});Vn.displayName="Zuz.Radio";var Qm=Vn;var $n=forwardRef((o,s)=>{let{speed:e,style:t,...r}=o,{rootRef:n,containerRef:p,thumbY:a,thumbX:u,onScrollY:l,onScrollX:i}=useScrollbar(e||1),{style:f,className:m,rest:d}=N(r);return jsxs(c,{ref:n,className:m.trim(),as:"--scrollview rel",children:[jsx(c,{as:`--scroll-content ${m}`.trim(),ref:p,style:t||{},children:d.children}),jsx(c,{as:"--scroll-track --track-y --abs",children:jsx(c,{as:"--scroll-thumb --abs",ref:a,onMouseDown:l})}),jsx(c,{as:"--scroll-track --track-x --abs",children:jsx(c,{as:"--scroll-thumb --abs",ref:u,onMouseDown:i})})]})});$n.displayName="Zuz.ScrollView";var tc=$n;var _n=forwardRef((o,s)=>{let{fx:e,withStyle:t,as:r,reverse:n=false,searchIcon:p=M.search,hideSearchIcon:a=false,clearIcon:u=M.close,hideClearIcon:l=false,onChange:i,onClear:f,...m}=o,{style:d,className:y}=N({as:o.as}),[v,b]=useState(""),T=useRef(null),w=useMemo(()=>jsx($,{tabIndex:-1,onClick:I=>P(),className:"--send flex aic jcc",variant:o.variant||U.Small,children:v!==""?!l&&(typeof u=="string"?jsx(X,{name:u,as:"--search-action"}):u):!a&&(typeof p=="string"?jsx(X,{name:p,as:"--search-action"}):p)}),[n,p,l,u,a]);"type"in o&&delete o.type;let g=I=>{b(I.target.value),i?.(I.target.value);},P=I=>{v.trim()!==""&&(b(""),i?.(""),T.current&&(T.current.value="",o.onConfirm?.("")));};return useImperativeHandle(s,()=>({focus:()=>T.current?.focus(),value:()=>T.current?.value})),useEffect(()=>{},[]),jsxs(c,{style:d,className:`--search ${n?"--search-rev":""} --${o.variant||U.Small} flex aic ${typeof o.as=="string"&&o.as.includes("abs")?"":"rel"} ${y}`.trim(),children:[n&&w,jsx(oe,{ref:T,onChange:g,className:`--${o.variant||U.Small}`,...m}),o.shortcut&&jsx(po,{keys:o.shortcut,as:"abs"}),!n&&w]})});_n.displayName="Zuz.Search";var mc=_n;var Fn=({value:o,updateValue:s,o:e})=>jsxs($,{onClick:t=>s(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})]});Fn.displayName="Option";var Zn=Fn;var Un=forwardRef((o,s)=>{let {selected:e,options:t,label:r,name:n,variant:p,search:a,searchPlaceholder:u,maxHeight:l,arrowDownIcon:i=M.arrowDown,arrowUpIcon:f=M.arrowUp,onChange:m,...d}=o,[y,v]=useState(e?typeof e=="string"?t.find(D=>D.value===e):e:t[0]),[b,T]=useState(false),[w,g]=useState(null);useRef(null);let I=useRef(null),R=useRef(null),C=useId(),E=useMemo(()=>n||C,[]),{reposition:_}=ze(R,{direction:It.Bottom,offset:2}),{className:L,style:Z,rest:k}=N(d),W=D=>{v(D),m&&m(D);};return useImperativeHandle(s,()=>({setSelected:D=>{if(typeof D=="string"){let q=t.find(S=>S.value===D);q&&v(q);}else v(D);},getValue:()=>y||null})),useEffect(()=>{document.body.addEventListener("click",D=>{T(false);}),window.dispatchEvent(new Event("resize"));},[]),useEffect(()=>{b?I.current&&I.current.focus():(I.current&&(I.current.value=""),g(null)),_();},[b]),jsxs(c,{className:`--select ${p?`--${p}`:""} ${n?`--${n}`:""} rel`.trim(),name:E,children:[jsxs($,{"data-value":y?typeof y=="string"?y:y.value:y||"-1",className:`--selected flex aic rel ${L}`.trim(),withLabel:false,style:Z,onClick:D=>T(q=>!q),...k,children:[jsx(H,{className:"--label",children:y?typeof y=="string"?y:y.label:r||"Choose"}),jsx(c,{className:"--svg-arrow rel flex aic jcc",children:b?typeof f=="string"?jsx(X,{name:f,as:"--search-action"}):f:typeof i=="string"?jsx(X,{name:i,as:"--search-action"}):i})]}),jsxs(c,{id:E,className:"--options-list flex cols abs","aria-hidden":!b,style:{maxHeight:l||"auto"},ref:R,fx:{from:{y:5,opacity:0},to:{y:0,opacity:1},when:b,duration:.05},children:[a&&jsx(oe,{ref:I,onChange:D=>{g(D.target.value==""?null:D.target.value);},className:"--select-search",placeholder:u||"Search..."}),(w==null?t:t.filter(D=>D.label.toLowerCase().includes(w.toLowerCase())||D.value.toLowerCase().includes(w.toLowerCase()))).map(D=>jsx(Zn,{updateValue:W,value:y,o:D},`option-${(typeof D=="string"?D:D.label).replace(/\s+/g,"-")}-${typeof D=="string"?D:D.value}`))]})]})});Un.displayName="Zuz.Select";var hc=Un;var Wn=forwardRef((o,s)=>jsx(Ye,{type:he.Switch,...o,ref:s}));Wn.displayName="Zuz.Switch";var yc=Wn;var qn=o=>{let{idx:s,id:e,as:t,weight:r,style:n,value:p,render:a,resize:u,sortBy:l,sortable:i,onSort:f}=o,[m,d]=useState(0),y=()=>{i&&(f?.(String(e),m==1?-1:1),d(v=>v==1?-1:1));};return jsxs(c,{style:{flex:r||1,...n},as:`--col flex aic ${t||""} ${i?"--sortable":""}`,onClick:y,children:[jsx(c,{children:p}),s==-1&&i&&l==e&&jsx(c,{as:"--arrow flex aib",children:m==1?M.arrowUp:M.arrowDown})]})};qn.displayName="Zuz.Column";var wt=qn;var Yn=o=>{let{index:s,pubsub:e,schema:t,data:r,ids:n,styles:p,animate:a,sortBy:u,selectable:l,tableRef:i,loading:f,rowClassName:m,onSort:d,onRowClick:y,onSelect:v,onContextMenu:b}=o,T=useDelayed(),w=useMemo(()=>({transition:G.SlideInBottom,curve:F.EaseInOut,delay:.02*(s+1)}),[]),g=useRef(null),P=(R,C)=>{s==-1?e.emit(`ALL_ROWS_${R?"CHECKED":"UNCHECKED"}`,R):(v&&v(r,R),e.emit(`ROW_${R?"CHECKED":"UNCHECKED"}`,R,C));},I=(R,C,E)=>jsx(wt,{idx:R,id:C,as:"--selector",pubsub:e,value:jsx(Ye,{value:E,ref:g,onSwitch:P,type:he.Default})});return useEffect(()=>{let R=(L,Z)=>{g.current?.setChecked(L,false);},C=(L,Z)=>{let k=false;i?.current&&i.current.querySelectorAll(".--row").forEach(W=>{let D=W;if(!D.classList.contains("--row-head")){let q=D.querySelector(".--selector input[type=checkbox]");q&&q.checked&&!k&&(k=q.checked);}}),g.current.setChecked(k,false);},E=L=>{g.current?.setChecked(L,false),v&&v(r,L);},_=L=>{g.current?.setChecked(L,false),v&&v(r,L);};return s==-1?(e.on("ROW_CHECKED",R),e.on("ROW_UNCHECKED",C),()=>{e.off("ROW_CHECKED",R),e.off("ROW_UNCHECKED",C);}):(e.on("ALL_ROWS_CHECKED",E),e.on("ALL_ROWS_UNCHECKED",_),()=>{e.off("ALL_ROWS_CHECKED",E),e.off("ALL_ROWS_UNCHECKED",_);})},[]),jsxs(c,{onContextMenu:R=>b?b(R,r):null,onClick:R=>y?y(R,o.data):()=>{},...a?{fx:{...w,when:T}}:{},as:`--row flex aic ${y?"--row-clickable":""} ${s==-1?"--row-head":""} ${m||""}`,children:[s==-1&&t.map((R,C)=>{let{renderWhenHeader:E,render:_,value:L,...Z}=R;return jsxs(Fragment,{children:[l&&C==0&&I(-1,`--selector-${R.id}`,"all"),jsx(wt,{idx:-1,onSort:d,sortBy:u,value:L,...Z,pubsub:e,style:p[R.id]})]},`--col-${R.id}`)}),f&&s>-1&&jsx(c,{as:"--col",children:jsx(H,{as:"opacity:0",children:"..."})}),!f&&s>-1&&n&&r&&t.map((R,C)=>jsxs(Fragment,{children:[l&&C==0&&I(C,`--selector-${R.id}`,R.id.toString()),n.includes(String(R.id))?jsx(wt,{pubsub:e,idx:C,id:String(R.id),style:p[String(R.id)],value:R.render?R.render(r,s):r[String(R.id).includes(".")?String(R.id).split(".").reverse()[0]:R.id]}):null]},`--${String(R.id)}-val-${C}`))]})};Yn.displayName="Zuz.Row";var St=Yn;var es=(o,s)=>{let{schema:e,rows:t,rowCount:r,rowsPerPage:n,currentPage:p,pagination:a,paginationHash:u,showPaginationOnZeroPageCount:l,animateRows:i,header:f,rowClassName:m,selectableRows:d,hoverable:y,sortBy:v,loading:b,loadingRowCount:T,loadingMessage:w,spinner:g,emptyMessage:P,onSort:I,onRowClick:R,onRowSelectToggle:C,onPageChange:E,onRowContextMenu:_,...L}=o,Z=useRef(null),k=useMemo(()=>e.reduce((le,Q)=>(le[Q.id]={flex:Q.weight||1,...Q.w&&{width:Q.w},...Q.maxW&&{maxWidth:Q.maxW},...Q.minW&&{minWidth:Q.minW},...Q.h&&{height:Q.h},...Q.maxH&&{maxHeight:Q.maxH},...Q.minH&&{minHeight:Q.minH}},le),{}),[e]),W=useMemo(()=>Object.keys(k),[e]),D=useMemo(()=>f??true,[f]),{style:q,className:S,rest:A}=N(L),V=useRef(null),K=useMemo(()=>new PubSub,[]),O=useRef(t.map(()=>uuid(8))),[z,Y]=useState(v||null),[te,J]=useState(w||"loading"),ne=useMemo(()=>!b&&t&&t.length==0,[b,t]),ie=useCallback(()=>P?typeof P=="function"?jsx(P,{}):P:jsx(H,{as:"tac s:18 mt:75",children:"No Record Found"}),[b,t]);useEffect(()=>{O.current=t.map(()=>uuid(8));},[t]);let vs=(le,Q)=>{Y(le),I?.(le,Q);},ws=(r||(t?t.length:0))/(n||10),st=useMemo(()=>l||ws>1?jsx(go,{hash:u,ref:Z,renderOnZeroPageCount:l,onPageChange:E,paginationStyle:"table",startPage:p,itemCount:r||(t?t.length:0),itemsPerPage:n||10}):null,[p,r]);return useImperativeHandle(s,()=>({setLoading(le){}})),jsxs(c,{as:`--table ${y??true?"--hoverable":""} flex cols rel ${S}`,ref:V,children:[D==true&&jsx(St,{sortBy:z,onSort:vs,tableRef:V,pubsub:K,selectable:d,index:-1,schema:e,loading:true,styles:k}),b&&jsxs(c,{as:"center-x flex aic --table-spinner",children:[jsx(ue,{type:g||pe.Simple}),te&&jsx(H,{as:"--table-loading-message",children:te})]}),b&&Array(T||5).fill({}).map((le,Q)=>jsx(St,{tableRef:V,index:Q,pubsub:K,schema:e,styles:k,loading:true,animate:i,onRowClick:R},`--trow-loading-${Q}-${e[0].id}`)),!b&&t&&t.map((le,Q)=>jsx(St,{tableRef:V,pubsub:K,loading:false,index:Q,schema:e,ids:W,styles:k,animate:i,data:le,onRowClick:R,rowClassName:m,selectable:d,onSelect:C,onContextMenu:_},`--trow-${O.current[Q]||Q}-${e[0].id}`)),ne&&ie(),jsx(c,{"aria-hidden":!a||!st,...i?{fx:{transition:G.SlideInBottom,curve:F.EaseInOut,delay:.02*(t.length+1),when:!b&&t&&a&&st!=null}}:{},as:"--row flex aic --row-footer",children:a&&st?st:null})]})};es.displayName="Zuz.Table";var Lc=forwardRef(es),kc=Lc;var ts=({isActive:o,transitionType:s,speed:e,width:t,render:r,content:n,onHeightChange:p})=>{let a=useRef(null),u=useResizeObserver(a);useEffect(()=>{o&&u.height>0&&p(u.height);},[o,u.height]);let l=useMemo(()=>{let i={flexShrink:0,height:"fit-content"};return s==="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}:s==="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,s,t,e]);return jsx(c,{ref:a,style:{...l},className:"--content",children:r||o?n:null})};ts.displayName="Zuz.TabBody";var os=ts;var ss=({ref:o,...s})=>{let{tabs:e,speed:t=.3,prerender:r=true,variant:n,tabStyle:p="fixed",onChange:a,transitionType:u="slide",...l}=s,[i,f]=useState(0),m=useRef(null),d=useResizeObserver(m),y=useMemo(()=>uuid(8),[]),[v,b]=useState("auto"),T=useMemo(()=>d.width>0,[d.width]);useImperativeHandle(o,()=>({setTab:C=>f(C)}));let w=useMemo(()=>e.map(C=>({...C,key:C.key||uuid(8)})),[e]),{style:g,className:P,rest:I}=N({as:`flex cols w-full no-overflow ${l.as||""}`,...l}),R=()=>{if(!T)return {opacity:0};switch(u){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 ${t}s cubic-bezier(0.4, 0, 0.2, 1)`}}};return jsxs(c,{ref:m,style:g,className:`--tabview --${p} flex cols ${P}`,children:[jsx(Qe,{as:"--tabview-head",onSwitch:C=>{f(C.index);let E=w.find(_=>_.tag==C.tag);E&&E.onSelect&&(E.onSelect(E,C.index),a?.(E,C.index));},selected:i,items:w.reduce((C,E,_)=>(C.push({icon:E.icon,index:_,label:E.label,tag:E.tag}),C),[])}),jsx(c,{className:"--tabview-body",as:"rel no-overflow w-full",style:{height:v,transition:T?`height ${t}s cubic-bezier(0.4, 0, 0.2, 1)`:"none",opacity:T?1:0},children:jsx(c,{className:"--track",style:{...R()},children:w.map((C,E)=>jsx(os,{isActive:E===i,transitionType:u,speed:t,width:d.width,render:r||E===i,onHeightChange:_=>E===i&&b(_),content:C.body},`tab-body-${C.key||E}-${y}`))})})]})};ss.displayName="Zuz.TabView";var zc=ss;var Zc=({meta:o})=>jsxs($,{as:"flex aic --command-item",children:[o.icon&&jsx(X,{name:o.icon,as:"--command-icon"}),jsx(H,{children:o.label})]}),Kc=({position:o,onSelect:s,commands:e,visible:t})=>jsx(c,{"aria-hidden":!t,fx:{transition:G.SlideInBottom,duration:.1,when:t},className:"--command-box abs grid",style:{...o},children:e.map(r=>jsx(Zc,{meta:r},`cmd-${r.label.replace(/\s+/,"-")}`))}),as=Kc;var ms=forwardRef((o,s)=>{let{autoResize:e,maxHeight:t,variant:r=U.Small,resize:n="none",command:p,commands:a,onInput:u,cmd:l,renderDropdown:i,value:f,defaultValue:m,...d}=o,y=useRef(null),v=useRef(null),{style:b,className:T,rest:w}=N(d),{showDropdown:g,dropdownPosition:P,handleKeyDown:I,handleInput:R,handleCommandSelect:C}=useCommandActions({command:p,commands:a,cmd:l,ref:y}),E=useCallback(()=>{let L=y.current;!L||!e||(v.current&&cancelAnimationFrame(v.current),v.current=requestAnimationFrame(()=>{L.style.height="auto";let Z=L.scrollHeight;if(t){let k=parseInt(t.toString(),10);isNaN(k)||(Z=Math.min(Z,k));}L.style.height=`${Z}px`,L.style.overflowY=t&&Z>=parseInt(t.toString(),10)?"auto":"hidden";}));},[e,t]),_=L=>{u?.(L),R(L),E();};return useEffect(()=>{E();},[f,m,E]),useEffect(()=>{e&&y.current&&E();},[e,E]),useEffect(()=>()=>{v.current&&cancelAnimationFrame(v.current);},[]),jsxs(c,{as:"rel",children:[jsx("textarea",{className:`--input --textarea --${r} flex ${T}`.trim(),style:{...b,resize:n,height:e?"auto":b?.height,overflow:"hidden",transition:e?"none":void 0},onKeyDown:I,onInput:_,ref:L=>{typeof s=="function"?s(L):s&&(s.current=L),y.current=L;},value:f,defaultValue:m,...w}),i?i({show:g,position:P,commands:a||[],onSelect:C}):a&&a.length>0&&jsx(as,{visible:g,commands:a,onSelect:C,position:P})]})});ms.displayName="Zuz.TextArea";var Xc=ms;var ps=forwardRef((o,s)=>{let{as:e,value:t,color:r,direction:n,...p}=o,a=useRef(null),[u,l]=useState(t||0);return useImperativeHandle(s,()=>({updateValue(i){u.toString().length!==i.toString().length&&l(i);},setValue(i){if(this.updateValue(i),a.current){let f=i.toString().split("");a.current.querySelectorAll(".--wheel-char").forEach((m,d)=>{let y=f[d];if(m instanceof HTMLElement){m.setAttribute("data-value",y);let v=m.querySelector(".--wheel-char-track");v instanceof HTMLElement&&(v.style.setProperty("--v",y),v.offsetWidth);}});}}})),useEffect(()=>{l(t||0);},[t]),jsxs(c,{className:"--text-wheel flex aic rel","aria-hidden":true,as:e,ref:a,...p,children:[(u||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>(u||0).toString().length-3?"--wheel-fraction":""}`.trim(),children:jsxs(j,{className:`--wheel-char-track --wheel-track-${n||"down"} grid`,style:{"--v":i},children:[jsx(j,{children:!n||n==="down"?0:9}),(!n||n==="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:!n||n==="down"?9:0})]})},`wheel-char-${f}`)),r&&jsx(c,{className:"abs fillx",style:{zIndex:1,background:`linear-gradient(0deg, ${r}, transparent, transparent, transparent, ${r})`}})]})});ps.displayName="Zuz.TextWheel";var op=ps;var gs=forwardRef((o,s)=>{let{title:e,position:t,margin:r,children:n,...p}=o,{style:a,className:u,rest:l}=N(p),[i,f]=useState(false),m=useMemo(()=>t||ee.Top,[]),d=useRef(null),y=useRef(null),v=g=>{},b=typeof ResizeObserver<"u"?new ResizeObserver(v):{observe:()=>{},unobserve:()=>{}},T=useDimensions(),w=useMemo(()=>{if(!y.current)return {left:0,top:0};let g=y.current.previousElementSibling;if(g){let P=g.getBoundingClientRect();switch(b.observe(g),m){case ee.Top:return {left:P.left+P.width/2,top:P.top-(r||25)};case ee.Bottom:return {left:P.left+P.width/2,top:P.top+(r||25)};case ee.Left:return {left:P.left-P.width/2,top:P.top+P.height/2};case ee.Right:return {left:P.right,top:P.top+P.height/2};default:return {left:0,top:0}}}},[y.current,T,b]);return useEffect(()=>{},[]),jsxs(c,{ref:d,className:"--with-tooltip rel",onMouseEnter:g=>f(true),onMouseLeave:g=>f(false),children:[n,jsx(c,{ref:y,style:{left:w?.left+"px",top:w?.top+"px"},className:`--tooltip --${t||ee.Top} fixed ${u}`.trim(),fx:{from:m==ee.Bottom||m==ee.Top?{opacity:0,x:"-50%",y:m==ee.Top?-5:5}:{opacity:0,y:"-50%",x:m==ee.Right?15:-25},to:m==ee.Bottom||m==ee.Top?{opacity:1,x:"-50%",y:0}:{opacity:1,y:"-50%",x:m==ee.Right?10:-20},curve:F.EaseInOut,when:i},children:jsx(H,{className:"--text rel",children:e})})]})});gs.displayName="Zuz.ToolTip";var ip=gs;var To=forwardRef((o,s)=>{let{as:e,meta:t,nodes:r,icons:n,onSelect:p,treeTag:a,selected:u,roots:l,expanded:i,...f}=o,{tag:m,label:d,icon:y,under:v,isHead:b}=t,T=useMemo(()=>l.includes(m),[l]),[w,g]=useState(i),P=()=>{localStorage.setItem(`--tn${a}-${m}`,w?"0":"1"),g(!w);};useEffect(()=>{i||T&&!localStorage.getItem(`--tn${a}-${m}`)?(localStorage.setItem(`--tn${a}-${m}`,"1"),g(true)):g(localStorage.getItem(`--tn${a}-${m}`)=="1");},[]);let I=useMemo(()=>r.filter(R=>R.under==m),[r,m]);return jsxs(c,{className:`--treenode ${T?"--is-root":""} --treenode-${m} flex cols`,children:[jsxs(c,{className:`--node --node-${m} flex aic ${u==m?" --selected":""}`,children:[jsx($,{skeleton:f.skeleton,onClick:P,className:"--node-aro-btn",disabled:I.length==0,children:n?.arrowClose&&n?.arrowOpen?jsx(X,{skeleton:f.skeleton,className:"--node-aro-icon",name:I.length==0?n?.arrowDisabled||n?.arrowClose:w?n?.arrowOpen:n?.arrowClose}):I.length==0?M.chevronBottom:w?M.chevronBottom:M.chevronRight}),jsxs($,{className:"--node-meta flex aic",onClick:R=>p(m),children:[(n?.nodeOpen&&n?.nodeClose||T&&n?.rootOpen&&n?.rootClose)&&jsx(X,{skeleton:f.skeleton,className:`--node-icon ${T?"--icon-root":""}`,name:y||(w?T&&n?.rootOpen||n.nodeOpen:T&&n?.rootClose||n?.nodeClose)}),jsx(H,{className:`--node-label ${T?"--node-label-root":""}`.trim(),skeleton:f.skeleton,children:d})]})]}),w&&I.length>0&&jsx(c,{className:`--sub-node tree-sub-node-${m} flex cols`,children:I.map(R=>jsx(To,{treeTag:a,selected:u,onSelect:p,icons:n,roots:l,expanded:R.expanded||false,meta:R,nodes:r},`--node-${R.tag}`))})]})});To.displayName="TreeItem";var xs=To;var bs=forwardRef((o,s)=>{let{as:e,nodes:t,onNodeSelect:r,tag:n,icons:p,roots:a,selected:u,...l}=o,[i,f]=useState(u);useImperativeHandle(s,()=>({getSelected:()=>i}),[r]);let m=d=>{f(d),r&&r(d);};return useEffect(()=>{i!=u&&f(u);},[u]),jsx(c,{className:"--treeview flex cols",children:t.filter(d=>a.includes(d.tag)).map(d=>jsx(xs,{treeTag:n?`-${n}`:"",selected:i,onSelect:y=>m(y),icons:p,meta:d,roots:a,expanded:d.expanded||false,skeleton:l.skeleton,nodes:t},`--node-${d.tag}`))})});bs.displayName="Zuz.TreeView";var hp=bs;String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"").replace(/\s+/g," ")};
|
|
13
|
+
export{se as ALERT,Rt as AVATAR,Ma as Accordion,$a as ActionBar,Fa as Alert,ni as AutoComplete,fi as Avatar,gi as Badge,c as Box,Zi as Bubble,Hr as BubbleMediaType,Or as BubbleStatus,$ as Button,Lr as CHART,he as CHECKBOX,bp as COLORTHEME,Xt as Calendar,Hi as Chart,Ye as CheckBox,el as CodeBlock,gl as ColorScheme,Sl as ContextMenu,Il as CookiesConsent,Re as Cover,Hl as CropShape,Dl as Cropper,Vl as Crumb,wp as DATATYPE,Be as DIALOG,Io as DIALOG_ACTION_POSITION,Pe as DRAWER_SIDE,Fl as DatePicker,Ht as Dialog,la as DialogProvider,Ql as Drawer,lt as FILTER,xe as FORMVALIDATION,Sp as FORMVALIDATION_STYLE,em as Fab,rm as Filters,ym as Form,Nm as Group,X as Icon,Ge as Image,oe as Input,po as KeyboardKeys,Nn as KeysLabelMap,Pn as KeysMap,Xe as Label,Ue as List,Mm as NetworkStatus,Ne as Overlay,It as POSITION,Tp as PROGRESS,go as Pagination,uo as PaginationStyle,Zm as Password,Gm as PinInput,ee as Position,Qt as ProgressBar,Bt as RADIO,Qm as Radio,ae as SHEET,Et as SHEET_ACTION_POSITION,yp as SKELETON,it as SLIDER,vp as SORT,pe as SPINNER,tc as ScrollView,mc as Search,hc as Select,Qe as SelectTabs,lm as Sheet,oo as Slider,j as Span,ue as Spinner,Cp as Status,yc as Switch,G as TRANSITIONS,F as TRANSITION_CURVES,zc as TabView,kc as Table,H as Text,op as TextWheel,Xc as Textarea,Xs as ThemeProvider,sr as ToastDefaultTitle,wa as ToastProvider,$t as ToastType,ip as ToolTip,hp as TreeView,U as Variant,Kp as _buildWithStyles,$e as animationTransition,Lt as buildClassString,Lo as buildWithStyles,Zp as css,kt as getAnimationCurve,Up as getAnimationTransition,Ss as getZuzMap,Tn as isKeyCombination,Bo as setZuzMap,N as useBase,Ra as useContextMenu,ua as useDialog,_e as useFx,ze as usePosition,zt as useToast};
|